From 01c506d3de532051380e3814bf6cf89b21f97ac6 Mon Sep 17 00:00:00 2001 From: ci-job Date: Mon, 8 Jul 2024 14:26:20 +0000 Subject: [PATCH] Deploy 'pr-890' to 'https://github.com/trendmicro-frontend/tonic-ui-demo.git' --- react/pr-890/404.html | 10 +++++----- .../_next/static/chunks/main-37ea9ab3cd369ec2.js | 1 - .../_next/static/chunks/main-da0ad5e62c80c431.js | 1 + ...pp-e02f4457463b1c4c.js => _app-82ee2316a579b157.js} | 2 +- .../chunks/pages/contributing-16f3d06f34a2f3fe.js | 1 - .../chunks/pages/contributing-c52fa0b9e92768eb.js | 1 + .../pages/getting-started/usage-0d81f02c67f71f95.js | 1 + .../pages/getting-started/usage-abcba1899f79bfd9.js | 1 - .../static/chunks/pages/index-61a07cf8d0831cb9.js | 1 + .../static/chunks/pages/index-84bdc272f68e1f23.js | 1 - .../pages/patterns/notification-01b8099073c626f5.js | 1 + .../pages/patterns/notification-8fd0fb0f97f6ed23.js | 1 - ...21f73a3f931f6f80.js => webpack-5b14fc9af3039110.js} | 2 +- .../_buildManifest.js | 2 +- .../_ssgManifest.js | 0 react/pr-890/components.html | 10 +++++----- react/pr-890/components/accordion.html | 10 +++++----- react/pr-890/components/alert.html | 10 +++++----- react/pr-890/components/badge.html | 10 +++++----- react/pr-890/components/box.html | 10 +++++----- react/pr-890/components/button-base.html | 10 +++++----- react/pr-890/components/button-group.html | 10 +++++----- react/pr-890/components/button-link.html | 10 +++++----- react/pr-890/components/button.html | 10 +++++----- react/pr-890/components/checkbox-group.html | 10 +++++----- react/pr-890/components/checkbox.html | 10 +++++----- react/pr-890/components/code.html | 10 +++++----- react/pr-890/components/color-mode.html | 10 +++++----- react/pr-890/components/color-mode/dark-mode.html | 10 +++++----- react/pr-890/components/color-mode/inverted-mode.html | 10 +++++----- react/pr-890/components/color-mode/light-mode.html | 10 +++++----- react/pr-890/components/color-mode/useColorMode.html | 10 +++++----- react/pr-890/components/color-style.html | 10 +++++----- react/pr-890/components/color-style/useColorStyle.html | 10 +++++----- react/pr-890/components/css-baseline.html | 10 +++++----- react/pr-890/components/date-pickers.html | 10 +++++----- react/pr-890/components/date-pickers/calendar.html | 10 +++++----- react/pr-890/components/date-pickers/date-picker.html | 10 +++++----- react/pr-890/components/divider.html | 10 +++++----- react/pr-890/components/drawer.html | 10 +++++----- react/pr-890/components/flex.html | 10 +++++----- react/pr-890/components/grid.html | 10 +++++----- react/pr-890/components/icon.html | 10 +++++----- react/pr-890/components/image.html | 10 +++++----- react/pr-890/components/input-base.html | 10 +++++----- react/pr-890/components/input-control.html | 10 +++++----- react/pr-890/components/input-group.html | 10 +++++----- react/pr-890/components/input.html | 10 +++++----- react/pr-890/components/link-button.html | 10 +++++----- react/pr-890/components/link.html | 10 +++++----- react/pr-890/components/menu.html | 10 +++++----- react/pr-890/components/modal.html | 10 +++++----- react/pr-890/components/overflow-tooltip.html | 10 +++++----- react/pr-890/components/pagination.html | 10 +++++----- react/pr-890/components/pagination/usePagination.html | 10 +++++----- react/pr-890/components/popover.html | 10 +++++----- react/pr-890/components/portal-manager.html | 10 +++++----- .../components/portal-manager/usePortalManager.html | 10 +++++----- react/pr-890/components/portal.html | 10 +++++----- react/pr-890/components/progress.html | 10 +++++----- react/pr-890/components/radio-group.html | 10 +++++----- react/pr-890/components/radio.html | 10 +++++----- react/pr-890/components/resize-handle.html | 10 +++++----- react/pr-890/components/scrollbar.html | 10 +++++----- react/pr-890/components/search-input.html | 10 +++++----- react/pr-890/components/select.html | 10 +++++----- react/pr-890/components/skeleton.html | 10 +++++----- react/pr-890/components/space.html | 10 +++++----- react/pr-890/components/spinner.html | 10 +++++----- react/pr-890/components/stack.html | 10 +++++----- react/pr-890/components/svg-icon.html | 10 +++++----- react/pr-890/components/switch.html | 10 +++++----- react/pr-890/components/table.html | 10 +++++----- react/pr-890/components/tabs.html | 10 +++++----- react/pr-890/components/tag.html | 10 +++++----- react/pr-890/components/text-label.html | 10 +++++----- react/pr-890/components/text.html | 10 +++++----- react/pr-890/components/textarea.html | 10 +++++----- react/pr-890/components/toast-manager.html | 10 +++++----- .../components/toast-manager/useToastManager.html | 10 +++++----- react/pr-890/components/toast.html | 10 +++++----- react/pr-890/components/tooltip.html | 10 +++++----- react/pr-890/components/transitions.html | 10 +++++----- react/pr-890/components/transitions/collapse.html | 10 +++++----- react/pr-890/components/transitions/fade.html | 10 +++++----- react/pr-890/components/transitions/grow.html | 10 +++++----- react/pr-890/components/transitions/scale.html | 10 +++++----- react/pr-890/components/transitions/slide.html | 10 +++++----- react/pr-890/components/transitions/zoom.html | 10 +++++----- react/pr-890/components/tree.html | 10 +++++----- react/pr-890/components/truncate.html | 10 +++++----- react/pr-890/components/visually-hidden.html | 10 +++++----- react/pr-890/contributing.html | 10 +++++----- react/pr-890/contributing/publishing.html | 10 +++++----- react/pr-890/contributing/react-components-part-1.html | 10 +++++----- react/pr-890/contributing/react-components-part-2.html | 10 +++++----- .../pr-890/contributing/react-documentation-site.html | 10 +++++----- react/pr-890/contributing/react-icons.html | 10 +++++----- react/pr-890/getting-started.html | 10 +++++----- react/pr-890/getting-started/color-mode.html | 10 +++++----- react/pr-890/getting-started/color-style.html | 10 +++++----- react/pr-890/getting-started/css-variables.html | 10 +++++----- react/pr-890/getting-started/icons.html | 10 +++++----- react/pr-890/getting-started/installation.html | 10 +++++----- react/pr-890/getting-started/security.html | 10 +++++----- react/pr-890/getting-started/the-sx-prop.html | 10 +++++----- react/pr-890/getting-started/usage.html | 10 +++++----- react/pr-890/getting-started/versions.html | 10 +++++----- react/pr-890/hooks.html | 10 +++++----- react/pr-890/hooks/useConst.html | 10 +++++----- react/pr-890/hooks/useCopyToClipboard.html | 10 +++++----- react/pr-890/hooks/useEffectOnce.html | 10 +++++----- react/pr-890/hooks/useEffectOnceWhen.html | 10 +++++----- react/pr-890/hooks/useEventCallback.html | 10 +++++----- react/pr-890/hooks/useEventListener.html | 10 +++++----- react/pr-890/hooks/useHydrated.html | 10 +++++----- react/pr-890/hooks/useIsomorphicEffect.html | 10 +++++----- react/pr-890/hooks/useLatestRef.html | 10 +++++----- react/pr-890/hooks/useMediaQuery.html | 10 +++++----- react/pr-890/hooks/useMergeRefs.html | 10 +++++----- react/pr-890/hooks/useOnce.html | 10 +++++----- react/pr-890/hooks/useOnceWhen.html | 10 +++++----- react/pr-890/hooks/useOutsideClick.html | 10 +++++----- react/pr-890/hooks/usePrevious.html | 10 +++++----- react/pr-890/hooks/useToggle.html | 10 +++++----- react/pr-890/icons.html | 10 +++++----- react/pr-890/icons/svg-icon.html | 10 +++++----- react/pr-890/index.html | 10 +++++----- react/pr-890/migrations.html | 10 +++++----- react/pr-890/migrations/migrating-from-v0-to-v1.html | 10 +++++----- react/pr-890/migrations/migrating-from-v1-to-v2.html | 10 +++++----- react/pr-890/patterns.html | 10 +++++----- react/pr-890/patterns/notification.html | 10 +++++----- react/pr-890/patterns/table-display.html | 10 +++++----- react/pr-890/playground.html | 10 +++++----- react/pr-890/playground/othello.html | 10 +++++----- react/pr-890/styled-system.html | 10 +++++----- react/pr-890/styled-system/pseudo-style-props.html | 10 +++++----- react/pr-890/styled-system/responsive-values.html | 10 +++++----- react/pr-890/styled-system/style-props.html | 10 +++++----- react/pr-890/theme.html | 10 +++++----- react/pr-890/theme/borders.html | 10 +++++----- react/pr-890/theme/breakpoints.html | 10 +++++----- react/pr-890/theme/colors.html | 10 +++++----- react/pr-890/theme/font-sizes.html | 10 +++++----- react/pr-890/theme/font-weights.html | 10 +++++----- react/pr-890/theme/fonts.html | 10 +++++----- react/pr-890/theme/letter-spacings.html | 10 +++++----- react/pr-890/theme/line-heights.html | 10 +++++----- react/pr-890/theme/outlines.html | 10 +++++----- react/pr-890/theme/radii.html | 10 +++++----- react/pr-890/theme/shadows.html | 10 +++++----- react/pr-890/theme/sizes.html | 10 +++++----- react/pr-890/theme/space.html | 10 +++++----- react/pr-890/theme/z-indices.html | 10 +++++----- 155 files changed, 713 insertions(+), 713 deletions(-) delete mode 100644 react/pr-890/_next/static/chunks/main-37ea9ab3cd369ec2.js create mode 100644 react/pr-890/_next/static/chunks/main-da0ad5e62c80c431.js rename react/pr-890/_next/static/chunks/pages/{_app-e02f4457463b1c4c.js => _app-82ee2316a579b157.js} (90%) delete mode 100644 react/pr-890/_next/static/chunks/pages/contributing-16f3d06f34a2f3fe.js create mode 100644 react/pr-890/_next/static/chunks/pages/contributing-c52fa0b9e92768eb.js create mode 100644 react/pr-890/_next/static/chunks/pages/getting-started/usage-0d81f02c67f71f95.js delete mode 100644 react/pr-890/_next/static/chunks/pages/getting-started/usage-abcba1899f79bfd9.js create mode 100644 react/pr-890/_next/static/chunks/pages/index-61a07cf8d0831cb9.js delete mode 100644 react/pr-890/_next/static/chunks/pages/index-84bdc272f68e1f23.js create mode 100644 react/pr-890/_next/static/chunks/pages/patterns/notification-01b8099073c626f5.js delete mode 100644 react/pr-890/_next/static/chunks/pages/patterns/notification-8fd0fb0f97f6ed23.js rename react/pr-890/_next/static/chunks/{webpack-21f73a3f931f6f80.js => webpack-5b14fc9af3039110.js} (78%) rename react/pr-890/_next/static/{IKmTcSBPjHj2SY0bH3sCu => m9czyGq0InKrXg0fQyw7_}/_buildManifest.js (98%) rename react/pr-890/_next/static/{IKmTcSBPjHj2SY0bH3sCu => m9czyGq0InKrXg0fQyw7_}/_ssgManifest.js (100%) diff --git a/react/pr-890/404.html b/react/pr-890/404.html index fe3cbef2a0..2d4e49bfbe 100644 --- a/react/pr-890/404.html +++ b/react/pr-890/404.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/_next/static/chunks/main-37ea9ab3cd369ec2.js b/react/pr-890/_next/static/chunks/main-37ea9ab3cd369ec2.js deleted file mode 100644 index 38df1e90ef..0000000000 --- a/react/pr-890/_next/static/chunks/main-37ea9ab3cd369ec2.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[179],{658:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addBasePath",{enumerable:!0,get:function(){return i}});var o=r(28351),a=r(20311);function i(e,t){return(0,a.normalizePathTrailingSlash)((0,o.addPathPrefix)(e,"/tonic-ui-demo/react/pr-"))}("function"==typeof t.default||"object"===n(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},88014:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addLocale",{enumerable:!0,get:function(){return o}}),r(20311);var o=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;ne.length)&&(t=e.length);for(var r=0,n=Array(t);r25){window.location.reload();return}clearTimeout(i),i=setTimeout(t,c>5?5e3:1e3)}o&&o.close();var i,u=location,l=u.hostname,s=u.port,f=function(e){var t=location.protocol;try{t=new URL(e).protocol}catch(e){}return"http:"===t?"ws":"wss"}(e.assetPrefix||""),p=e.assetPrefix.replace(/^\/+/,""),d=f+"://"+l+":"+s+(p?"/"+p:"");p.startsWith("http")&&(d=f+"://"+p.split("://",2)[1]),(o=new window.WebSocket(""+d+e.path)).onopen=function(){c=0,window.console.log("[HMR] connected")},o.onerror=r,o.onclose=r,o.onmessage=function(e){var t,r=JSON.parse(e.data),o=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return n(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,void 0)}}(e))){r&&(e=r);var o=0,a=function(){};return{s:a,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:a}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,u=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return u=e.done,e},e:function(e){c=!0,i=e},f:function(){try{u||null==r.return||r.return()}finally{if(c)throw i}}}}(a);try{for(o.s();!(t=o.n()).done;)(0,t.value)(r)}catch(e){o.e(e)}finally{o.f()}}}()}("function"==typeof t.default||"object"===r(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},66389:function(e,t){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"detectDomainLocale",{enumerable:!0,get:function(){return n}});var n=function(){for(var e=arguments.length,t=Array(e),r=0;r=0;--a){var i=this.tryEntries[a],u=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=o.call(i,"catchLoc"),l=o.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&o.call(n,"finallyLoc")&&this.prev=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),R(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;R(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:A(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);re.length)&&(t=e.length);for(var r=0,n=Array(t);re.length)&&(t=e.length);for(var r=0,n=Array(t);re.length)&&(t=e.length);for(var r=0,n=Array(t);r=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,u=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return u=e.done,e},e:function(e){c=!0,i=e},f:function(){try{u||null==r.return||r.return()}finally{if(c)throw i}}}}(h);try{for(a.s();!(t=a.n()).done;){var i=t.value;if("object"===n(e[i])){r[i]=Object.assign(Array.isArray(e[i])?[]:{},e[i]);continue}r[i]=e[i]}}catch(e){a.e(e)}finally{a.f()}return r.events=l.default.events,y.forEach(function(t){r[t]=function(){for(var r=arguments.length,n=Array(r),o=0;oe.length)&&(t=e.length);for(var r=0,n=Array(t);r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,n),_=(0,h.useContext)(y.HeadManagerContext),P=_.updateScripts,O=_.scripts,w=_.getIsSsr,E=_.appDir,j=_.nonce,x=(0,h.useRef)(!1);(0,h.useEffect)(function(){var e=t||o;x.current||(c&&e&&g.has(e)&&c(),x.current=!0)},[c,t,o]);var R=(0,h.useRef)(!1);if((0,h.useEffect)(function(){!R.current&&("afterInteractive"===s?S(e):"lazyOnload"===s&&("complete"===document.readyState?(0,v.requestIdleCallback)(function(){return S(e)}):window.addEventListener("load",function(){(0,v.requestIdleCallback)(function(){return S(e)})})),R.current=!0)},[e,s]),("beforeInteractive"===s||"worker"===s)&&(P?(O[s]=(O[s]||[]).concat([i({id:t,src:o,onLoad:void 0===a?function(){}:a,onReady:c,onError:f},b)]),P(O)):w&&w()?g.add(t||o):w&&!w()&&S(e)),E){if(m&&m.forEach(function(e){d.default.preinit(e,{as:"style"})}),"beforeInteractive"===s)return o?(d.default.preload(o,b.integrity?{as:"script",integrity:b.integrity,nonce:j}:{as:"script",nonce:j}),(0,p.jsx)("script",{nonce:j,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+JSON.stringify([o,i(i({},b),{},{id:t})])+")"}})):(b.dangerouslySetInnerHTML&&(b.children=b.dangerouslySetInnerHTML.__html,delete b.dangerouslySetInnerHTML),(0,p.jsx)("script",{nonce:j,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+JSON.stringify([0,i(i({},b),{},{id:t})])+")"}}));"afterInteractive"===s&&o&&d.default.preload(o,b.integrity?{as:"script",integrity:b.integrity,nonce:j}:{as:"script",nonce:j})}return null}Object.defineProperty(E,"__nextScript",{value:!0});var j=E;("function"==typeof t.default||"object"===o(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},30220:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return a}});var o=r(27361);function a(e){if("ended"!==e.state.state)throw Error("Expected span to be ended");(0,o.sendMessage)(JSON.stringify({event:"span-end",startTime:e.startTime,endTime:e.state.endTime,spanName:e.name,attributes:e.attributes}))}("function"==typeof t.default||"object"===n(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},29305:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}function a(e,t){for(var r=0;re.length)&&(t=e.length);for(var r=0,n=Array(t);r1&&void 0!==arguments[1]?arguments[1]:1e-4;!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,r),this.numItems=e,this.errorRate=t,this.numBits=Math.ceil(-(e*Math.log(t))/(Math.log(2)*Math.log(2))),this.numHashes=Math.ceil(this.numBits/e*Math.log(2)),this.bitArray=Array(this.numBits).fill(0)}return e=[{key:"export",value:function(){return{numItems:this.numItems,errorRate:this.errorRate,numBits:this.numBits,numHashes:this.numHashes,bitArray:this.bitArray}}},{key:"import",value:function(e){this.numItems=e.numItems,this.errorRate=e.errorRate,this.numBits=e.numBits,this.numHashes=e.numHashes,this.bitArray=e.bitArray}},{key:"add",value:function(e){var t=this;this.getHashValues(e).forEach(function(e){t.bitArray[e]=1})}},{key:"contains",value:function(e){var t=this;return this.getHashValues(e).every(function(e){return t.bitArray[e]})}},{key:"getHashValues",value:function(e){for(var t=[],r=1;r<=this.numHashes;r++){var n=function(e){for(var t=0,r=0;r>>13,t=Math.imul(t,1540483477);return t>>>0}(""+e+r)%this.numBits;t.push(n)}return t}}],t=[{key:"from",value:function(e,t){void 0===t&&(t=1e-4);var o,a=new r(e.length,t),i=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return n(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,void 0)}}(e))){r&&(e=r);var o=0,a=function(){};return{s:a,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:a}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,u=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return u=e.done,e},e:function(e){c=!0,i=e},f:function(){try{u||null==r.return||r.return()}finally{if(c)throw i}}}}(e);try{for(i.s();!(o=i.n()).done;){var u=o.value;a.add(u)}}catch(e){i.e(e)}finally{i.f()}return a}}],e&&o(r.prototype,e),t&&o(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}()},54491:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t,r){var o;return(o=function(e,t){if("object"!==n(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!==n(o))return o;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"===n(o)?o:String(o))in e)?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{APP_BUILD_MANIFEST:function(){return P},APP_CLIENT_INTERNALS:function(){return Q},APP_PATHS_MANIFEST:function(){return b},APP_PATH_ROUTES_MANIFEST:function(){return g},AUTOMATIC_FONT_OPTIMIZATION_MANIFEST:function(){return M},BARREL_OPTIMIZATION_PREFIX:function(){return G},BLOCKED_PAGES:function(){return B},BUILD_ID_FILE:function(){return F},BUILD_MANIFEST:function(){return _},CLIENT_PUBLIC_FILES_PATH:function(){return U},CLIENT_REFERENCE_MANIFEST:function(){return z},CLIENT_STATIC_FILES_PATH:function(){return H},CLIENT_STATIC_FILES_RUNTIME_AMP:function(){return ee},CLIENT_STATIC_FILES_RUNTIME_MAIN:function(){return Y},CLIENT_STATIC_FILES_RUNTIME_MAIN_APP:function(){return J},CLIENT_STATIC_FILES_RUNTIME_POLYFILLS:function(){return er},CLIENT_STATIC_FILES_RUNTIME_POLYFILLS_SYMBOL:function(){return en},CLIENT_STATIC_FILES_RUNTIME_REACT_REFRESH:function(){return Z},CLIENT_STATIC_FILES_RUNTIME_WEBPACK:function(){return et},COMPILER_INDEXES:function(){return c},COMPILER_NAMES:function(){return i},CONFIG_FILES:function(){return D},DEFAULT_RUNTIME_WEBPACK:function(){return eo},DEFAULT_SANS_SERIF_FONT:function(){return ef},DEFAULT_SERIF_FONT:function(){return es},DEV_CLIENT_PAGES_MANIFEST:function(){return L},DEV_MIDDLEWARE_MANIFEST:function(){return k},EDGE_RUNTIME_WEBPACK:function(){return ea},EDGE_UNSUPPORTED_NODE_APIS:function(){return em},EXPORT_DETAIL:function(){return j},EXPORT_MARKER:function(){return E},FUNCTIONS_CONFIG_MANIFEST:function(){return S},GOOGLE_FONT_PROVIDER:function(){return ec},IMAGES_MANIFEST:function(){return T},INTERCEPTION_ROUTE_REWRITE_MANIFEST:function(){return X},INTERNAL_HEADERS:function(){return u},MIDDLEWARE_BUILD_MANIFEST:function(){return K},MIDDLEWARE_MANIFEST:function(){return I},MIDDLEWARE_REACT_LOADABLE_MANIFEST:function(){return $},MODERN_BROWSERSLIST_TARGET:function(){return a.default},NEXT_BUILTIN_DOCUMENT:function(){return W},NEXT_FONT_MANIFEST:function(){return w},OPTIMIZED_FONT_PROVIDERS:function(){return el},PAGES_MANIFEST:function(){return v},PHASE_DEVELOPMENT_SERVER:function(){return h},PHASE_EXPORT:function(){return f},PHASE_INFO:function(){return m},PHASE_PRODUCTION_BUILD:function(){return p},PHASE_PRODUCTION_SERVER:function(){return d},PHASE_TEST:function(){return y},PRERENDER_MANIFEST:function(){return x},REACT_LOADABLE_MANIFEST:function(){return C},ROUTES_MANIFEST:function(){return R},RSC_MODULE_TYPES:function(){return ey},SERVER_DIRECTORY:function(){return N},SERVER_FILES_MANIFEST:function(){return A},SERVER_PROPS_ID:function(){return eu},SERVER_REFERENCE_MANIFEST:function(){return V},STATIC_PROPS_ID:function(){return ei},STATIC_STATUS_PAGES:function(){return ep},STRING_LITERAL_DROP_BUNDLE:function(){return q},SUBRESOURCE_INTEGRITY_MANIFEST:function(){return O},SYSTEM_ENTRYPOINTS:function(){return ev},TRACE_OUTPUT_VERSION:function(){return ed},TURBO_TRACE_DEFAULT_MEMORY_LIMIT:function(){return eh},UNDERSCORE_NOT_FOUND_ROUTE:function(){return l},UNDERSCORE_NOT_FOUND_ROUTE_ENTRY:function(){return s}});var a=r(43219)._(r(33432)),i={client:"client",server:"server",edgeServer:"edge-server"},u=["x-invoke-error","x-invoke-output","x-invoke-path","x-invoke-query","x-invoke-status","x-middleware-invoke"],c=o(o(o({},i.client,0),i.server,1),i.edgeServer,2),l="/_not-found",s=""+l+"/page",f="phase-export",p="phase-production-build",d="phase-production-server",h="phase-development-server",y="phase-test",m="phase-info",v="pages-manifest.json",b="app-paths-manifest.json",g="app-path-routes-manifest.json",_="build-manifest.json",P="app-build-manifest.json",S="functions-config-manifest.json",O="subresource-integrity-manifest",w="next-font-manifest",E="export-marker.json",j="export-detail.json",x="prerender-manifest.json",R="routes-manifest.json",T="images-manifest.json",A="required-server-files.json",L="_devPagesManifest.json",I="middleware-manifest.json",k="_devMiddlewareManifest.json",C="react-loadable-manifest.json",M="font-manifest.json",N="server",D=["next.config.js","next.config.mjs"],F="BUILD_ID",B=["/_document","/_app","/_error"],U="public",H="static",q="__NEXT_DROP_CLIENT_FILE__",W="__NEXT_BUILTIN_DOCUMENT__",G="__barrel_optimize__",z="client-reference-manifest",V="server-reference-manifest",K="middleware-build-manifest",$="middleware-react-loadable-manifest",X="interception-route-rewrite-manifest",Y="main",J=""+Y+"-app",Q="app-pages-internals",Z="react-refresh",ee="amp",et="webpack",er="polyfills",en=Symbol(er),eo="webpack-runtime",ea="edge-runtime-webpack",ei="__N_SSG",eu="__N_SSP",ec="https://fonts.googleapis.com/",el=[{url:ec,preconnect:"https://fonts.gstatic.com"},{url:"https://use.typekit.net",preconnect:"https://use.typekit.net"}],es={name:"Times New Roman",xAvgCharWidth:821,azAvgWidth:854.3953488372093,unitsPerEm:2048},ef={name:"Arial",xAvgCharWidth:904,azAvgWidth:934.5116279069767,unitsPerEm:2048},ep=["/500"],ed=1,eh=6e3,ey={client:"client",server:"server"},em=["clearImmediate","setImmediate","BroadcastChannel","ByteLengthQueuingStrategy","CompressionStream","CountQueuingStrategy","DecompressionStream","DomException","MessageChannel","MessageEvent","MessagePort","ReadableByteStreamController","ReadableStreamBYOBRequest","ReadableStreamDefaultController","TransformStreamDefaultController","WritableStreamDefaultController"],ev=new Set([Y,Z,ee,J]);("function"==typeof t.default||"object"===n(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},22526:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"escapeStringRegexp",{enumerable:!0,get:function(){return o}});var r=/[|\\{}()[\]^$+*?.-]/,n=/[|\\{}()[\]^$+*?.-]/g;function o(e){return r.test(e)?e.replace(n,"\\$&"):e}},51017:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"HeadManagerContext",{enumerable:!0,get:function(){return n}});var n=r(43219)._(r(2784)).default.createContext({})},74716:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{PathParamsContext:function(){return i},PathnameContext:function(){return a},SearchParamsContext:function(){return o}});var n=r(2784),o=(0,n.createContext)(null),a=(0,n.createContext)(null),i=(0,n.createContext)(null)},77014:function(e,t){"use strict";function r(e,t){var r,n=e.split("/");return(t||[]).some(function(t){return!!n[1]&&n[1].toLowerCase()===t.toLowerCase()&&(r=t,n.splice(1,1),e=n.join("/")||"/",!0)}),{pathname:e,detectedLocale:r}}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"normalizeLocalePath",{enumerable:!0,get:function(){return r}})},36543:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ImageConfigContext",{enumerable:!0,get:function(){return a}});var n=r(43219)._(r(2784)),o=r(38017),a=n.default.createContext(o.imageConfigDefault)},38017:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{VALID_LOADERS:function(){return r},imageConfigDefault:function(){return n}});var r=["default","imgix","cloudinary","akamai","custom"],n={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",loaderFile:"",domains:[],disableStaticImages:!1,minimumCacheTTL:60,formats:["image/webp"],dangerouslyAllowSVG:!1,contentSecurityPolicy:"script-src 'none'; frame-src 'none'; sandbox;",contentDispositionType:"inline",remotePatterns:[],unoptimized:!1}},82235:function(e,t){"use strict";function r(e){return Object.prototype.toString.call(e)}function n(e){if("[object Object]"!==r(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t.hasOwnProperty("isPrototypeOf")}Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{getObjectClassLabel:function(){return r},isPlainObject:function(){return n}})},6564:function(e,t){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function n(e){var t="function"==typeof Map?new Map:void 0;return(n=function(e){if(null===e||-1===Function.toString.call(e).indexOf("[native code]"))return e;if("function"!=typeof e)throw TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return o(e,arguments,i(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),a(r,e)})(e)}function o(e,t,r){return(o=!function(){if("undefined"==typeof Reflect||!Reflect.construct||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(e,t,r){var n=[null];n.push.apply(n,t);var o=new(Function.bind.apply(e,n));return r&&a(o,r.prototype),o}:Reflect.construct.bind()).apply(null,arguments)}function a(e,t){return(a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function i(e){return(i=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{BailoutToCSRError:function(){return c},isBailoutToCSRError:function(){return l}});var u="BAILOUT_TO_CLIENT_SIDE_RENDERING",c=function(e){function t(e){var n,o,a;return!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,t),o=t,a=["Bail out to client-side rendering: "+e],o=i(o),(n=function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,!function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){return!1}}()?o.apply(this,a):Reflect.construct(o,a||[],i(this).constructor))).reason=e,n.digest=u,n}return!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(t,e),Object.defineProperty(t,"prototype",{writable:!1}),t}(n(Error));function l(e){return"object"===r(e)&&null!==e&&"digest"in e&&e.digest===u}},86389:function(e,t){"use strict";function r(){var e=Object.create(null);return{on:function(t,r){(e[t]||(e[t]=[])).push(r)},off:function(t,r){e[t]&&e[t].splice(e[t].indexOf(r)>>>0,1)},emit:function(t){for(var r=arguments.length,n=Array(r>1?r-1:0),o=1;o=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,n),l=(0,i.useRef)(o.isAutoExport),s=(0,i.useMemo)(function(){var e,t=l.current;if(t&&(l.current=!1),(0,c.isDynamicRoute)(r.pathname)&&(r.isFallback||t&&!r.isReady))return null;try{e=new URL(r.asPath,"http://f")}catch(e){return"/"}return e.pathname},[r.asPath,r.isFallback,r.isReady,r.pathname]);return(0,a.jsx)(u.PathnameContext.Provider,{value:s,children:t})}},99145:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(){o=function(){return t};var e,t={},r=Object.prototype,a=r.hasOwnProperty,i=Object.defineProperty||function(e,t,r){e[t]=r.value},u="function"==typeof Symbol?Symbol:{},c=u.iterator||"@@iterator",l=u.asyncIterator||"@@asyncIterator",s=u.toStringTag||"@@toStringTag";function f(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{f({},"")}catch(e){f=function(e,t,r){return e[t]=r}}function p(t,r,n,o){var a,u,c=Object.create((r&&r.prototype instanceof b?r:b).prototype);return i(c,"_invoke",{value:(a=new T(o||[]),u=h,function(r,o){if(u===y)throw Error("Generator is already running");if(u===m){if("throw"===r)throw o;return{value:e,done:!0}}for(a.method=r,a.arg=o;;){var i=a.delegate;if(i){var c=function t(r,n){var o=n.method,a=r.iterator[o];if(a===e)return n.delegate=null,"throw"===o&&r.iterator.return&&(n.method="return",n.arg=e,t(r,n),"throw"===n.method)||"return"!==o&&(n.method="throw",n.arg=TypeError("The iterator does not provide a '"+o+"' method")),v;var i=d(a,r.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,v;var u=i.arg;return u?u.done?(n[r.resultName]=u.value,n.next=r.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,v):u:(n.method="throw",n.arg=TypeError("iterator result is not an object"),n.delegate=null,v)}(i,a);if(c){if(c===v)continue;return c}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(u===h)throw u=m,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);u=y;var l=d(t,n,a);if("normal"===l.type){if(u=a.done?m:"suspendedYield",l.arg===v)continue;return{value:l.arg,done:a.done}}"throw"===l.type&&(u=m,a.method="throw",a.arg=l.arg)}})}),c}function d(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=p;var h="suspendedStart",y="executing",m="completed",v={};function b(){}function g(){}function _(){}var P={};f(P,c,function(){return this});var S=Object.getPrototypeOf,O=S&&S(S(A([])));O&&O!==r&&a.call(O,c)&&(P=O);var w=_.prototype=b.prototype=Object.create(P);function E(e){["next","throw","return"].forEach(function(t){f(e,t,function(e){return this._invoke(t,e)})})}function j(e,t){var r;i(this,"_invoke",{value:function(o,i){function u(){return new t(function(r,u){!function r(o,i,u,c){var l=d(e[o],e,i);if("throw"!==l.type){var s=l.arg,f=s.value;return f&&"object"==n(f)&&a.call(f,"__await")?t.resolve(f.__await).then(function(e){r("next",e,u,c)},function(e){r("throw",e,u,c)}):t.resolve(f).then(function(e){s.value=e,u(s)},function(e){return r("throw",e,u,c)})}c(l.arg)}(o,i,r,u)})}return r=r?r.then(u,u):u()}})}function x(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function R(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function T(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(x,this),this.reset(!0)}function A(t){if(t||""===t){var r=t[c];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function r(){for(;++o=0;--o){var i=this.tryEntries[o],u=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=a.call(i,"catchLoc"),l=a.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),R(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;R(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:A(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function i(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=Array(t);r1&&o.status>=500?e(t,r-1,n):o})})(t,a?3:1,{headers:Object.assign({},n?{purpose:"prefetch"}:{},n&&o?{"x-middleware-prefetch":"1"}:{}),method:null!=(c=null==e?void 0:e.method)?c:"GET"}).then(function(r){return r.ok&&(null==e?void 0:e.method)==="HEAD"?{dataHref:t,response:r,text:"",json:{},cacheKey:s}:r.text().then(function(e){if(!r.ok){if(o&&[301,302,307,308].includes(r.status))return{dataHref:t,response:r,text:e,json:{},cacheKey:s};if(404===r.status){var n;if(null==(n=Z(e))?void 0:n.notFound)return{dataHref:t,json:{notFound:Q},response:r,text:e,cacheKey:s}}var u=Error("Failed to load static props");throw a||(0,y.markAssetError)(u),u}return{dataHref:t,json:i?Z(e):null,response:r,text:e,cacheKey:s}})}).then(function(e){return u&&"no-cache"!==e.response.headers.get("x-middleware-cache")||delete r[s],e}).catch(function(e){throw l||delete r[s],("Failed to fetch"===e.message||"NetworkError when attempting to fetch resource."===e.message||"Load failed"===e.message)&&(0,y.markAssetError)(e),e})};return l&&u?f({}).then(function(e){return r[s]=Promise.resolve(e),e}):void 0!==r[s]?r[s]:r[s]=f(c?{method:"HEAD"}:{})}function et(){return Math.random().toString(36).slice(2,10)}function er(e){var t=e.url,r=e.router;if(t===(0,I.addBasePath)((0,T.addLocale)(r.asPath,r.locale)))throw Error("Invariant: attempted to hard navigate to the same URL "+t+" "+location.href);window.location.href=t}var en=function(e){var t=e.route,r=e.router,n=!1,o=r.clc=function(){n=!0};return function(){if(n){var e=Error('Abort fetching component for route: "'+t+'"');throw e.cancelled=!0,e}o===r.clc&&(r.clc=null)}},eo=function(){var e,t,n,a,l,s,p;function d(e,t,n,o){var a=this,i=o.initialProps,u=o.pageLoader,c=o.App,l=o.wrapApp,s=o.Component,f=o.err,p=o.subscription,y=o.isFallback,m=o.locale,v=(o.locales,o.defaultLocale,o.domainLocales,o.isPreview);!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,d),this.sdc={},this.sbc={},this.isFirstPopStateEvent=!0,this._key=et(),this.onPopState=function(e){var t,r=a.isFirstPopStateEvent;a.isFirstPopStateEvent=!1;var n=e.state;if(!n){var o=a.pathname,i=a.query;a.changeState("replaceState",(0,x.formatWithValidation)({pathname:(0,I.addBasePath)(o),query:i}),(0,P.getURL)());return}if(n.__NA){window.location.reload();return}if(n.__N&&(!r||a.locale!==n.options.locale||n.as!==a.asPath)){var u=n.url,c=n.as,l=n.options,s=n.key;a._key=s;var f=(0,O.parseRelativeUrl)(u).pathname;(!a.isSsr||c!==(0,I.addBasePath)(a.asPath)||f!==(0,I.addBasePath)(a.pathname))&&(!a._bps||a._bps(n))&&a.change("replaceState",u,c,Object.assign({},l,{shallow:l.shallow&&a._shallow,locale:l.locale||a.defaultLocale,_h:0}),t)}};var b=(0,h.removeTrailingSlash)(e);this.components={},"/_error"!==e&&(this.components[b]={Component:s,initial:!0,props:i,err:f,__N_SSG:i&&i.__N_SSG,__N_SSP:i&&i.__N_SSP}),this.components["/_app"]={Component:c,styleSheets:[]};var g=r(99335).BloomFilter,_={numItems:0,errorRate:1e-4,numBits:0,numHashes:null,bitArray:[]},w={numItems:0,errorRate:1e-4,numBits:0,numHashes:null,bitArray:[]};(null==_?void 0:_.numHashes)&&(this._bfl_s=new g(_.numItems,_.errorRate),this._bfl_s.import(_)),(null==w?void 0:w.numHashes)&&(this._bfl_d=new g(w.numItems,w.errorRate),this._bfl_d.import(w)),this.events=d.events,this.pageLoader=u;var E=(0,S.isDynamicRoute)(e)&&self.__NEXT_DATA__.autoExport;if(this.basePath="/tonic-ui-demo/react/pr-",this.sub=p,this.clc=null,this._wrapApp=l,this.isSsr=!0,this.isLocaleDomain=!1,this.isReady=!!(self.__NEXT_DATA__.gssp||self.__NEXT_DATA__.gip||self.__NEXT_DATA__.isExperimentalCompile||self.__NEXT_DATA__.appGip&&!self.__NEXT_DATA__.gsp||!E&&!self.location.search),this.state={route:b,pathname:e,query:t,asPath:E?e:n,isPreview:!!v,locale:void 0,isFallback:y},this._initialMatchesMiddlewarePromise=Promise.resolve(!1),!n.startsWith("//")){var j={locale:m},R=(0,P.getURL)();this._initialMatchesMiddlewarePromise=z({router:this,locale:m,asPath:R}).then(function(r){return j._shouldResolveHref=n!==e,a.changeState("replaceState",r?R:(0,x.formatWithValidation)({pathname:(0,I.addBasePath)(e),query:t}),R,j),r})}window.addEventListener("popstate",this.onPopState)}return p=[{key:"reload",value:function(){window.location.reload()}},{key:"back",value:function(){window.history.back()}},{key:"forward",value:function(){window.history.forward()}},{key:"push",value:function(e,t,r){void 0===r&&(r={});var n=$(this,e,t);return e=n.url,t=n.as,this.change("pushState",e,t,r)}},{key:"replace",value:function(e,t,r){void 0===r&&(r={});var n=$(this,e,t);return e=n.url,t=n.as,this.change("replaceState",e,t,r)}},{key:"_bfl",value:(e=f(o().mark(function e(t,r,n,a){var i,u,c,l,s,f,p,d,y,m,v,b,g,_,P;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:i=!1,u=!1,c=0,l=[t,r];case 4:if(!(c0&&!ea)){e.next=116;break}throw Error((ef?"The provided `href` ("+r+") value is missing query values ("+ed.join(", ")+") to be interpolated properly. ":"The provided `as` value ("+el+") is incompatible with the `href` value ("+et+"). ")+"Read more: https://nextjs.org/docs/messages/"+(ef?"href-interpolation-failed":"incompatible-href-as"));case 116:e.next=119;break;case 118:ef?n=(0,x.formatWithValidation)(Object.assign({},ec,{pathname:ep.result,query:(0,H.omit)(Y,ep.params)})):Object.assign(Y,eu);case 119:return s||d.events.emit("routeChangeStart",n,D),eh="/404"===this.pathname||"/_error"===this.pathname,e.prev=121,e.next=124,this.getRouteInfo({route:et,pathname:K,query:Y,as:n,resolvedAs:ee,routeProps:D,locale:p.locale,isPreview:p.isPreview,hasMiddleware:ea,unstable_skipClientCache:a.unstable_skipClientCache,isQueryUpdating:s&&!this.isFallback,isMiddlewareRewrite:eo});case 124:if(eb=e.sent,!(!s&&!a.shallow)){e.next=128;break}return e.next=128,this._bfl(n,"resolvedAs"in eb?eb.resolvedAs:void 0,p.locale);case 128:if("route"in eb&&ea&&(et=K=eb.route||et,D.shallow||(Y=Object.assign({},eb.query||{},Y)),eg=(0,k.hasBasePath)(V.pathname)?(0,L.removeBasePath)(V.pathname):V.pathname,eu&&K!==eg&&Object.keys(eu).forEach(function(e){eu&&Y[e]===eu[e]&&delete Y[e]}),(0,S.isDynamicRoute)(K))&&(e_=!D.shallow&&eb.resolvedAs?eb.resolvedAs:(0,I.addBasePath)((0,T.addLocale)(new URL(n,location.href).pathname,p.locale),!0),(0,k.hasBasePath)(e_)&&(e_=(0,L.removeBasePath)(e_)),eP=(0,j.getRouteRegex)(K),(eS=(0,E.getRouteMatcher)(eP)(new URL(e_,location.href).pathname))&&Object.assign(Y,eS)),!("type"in eb)){e.next=136;break}if("redirect-internal"!==eb.type){e.next=134;break}return e.abrupt("return",this.change(t,eb.newUrl,eb.newAs,a));case 134:return er({url:eb.destination,router:this}),e.abrupt("return",new Promise(function(){}));case 136:if((eO=eb.Component)&&eO.unstable_scriptLoader&&[].concat(eO.unstable_scriptLoader()).forEach(function(e){(0,m.handleClientScriptLoad)(e.props)}),!((eb.__N_SSG||eb.__N_SSP)&&eb.props)){e.next=165;break}if(!(eb.props.pageProps&&eb.props.pageProps.__N_REDIRECT)){e.next=149;break}if(a.locale=!1,!((ew=eb.props.pageProps.__N_REDIRECT).startsWith("/")&&!1!==eb.props.pageProps.__N_REDIRECT_BASE_PATH)){e.next=147;break}return(eE=(0,O.parseRelativeUrl)(ew)).pathname=X(eE.pathname,J),ex=(ej=$(this,ew,ew)).url,eR=ej.as,e.abrupt("return",this.change(t,ex,eR,a));case 147:return er({url:ew,router:this}),e.abrupt("return",new Promise(function(){}));case 149:if(p.isPreview=!!eb.props.__N_PREVIEW,eb.props.notFound!==Q){e.next=165;break}return e.prev=151,e.next=154,this.fetchComponent("/404");case 154:eT="/404",e.next=160;break;case 157:e.prev=157,e.t3=e.catch(151),eT="/_error";case 160:return e.next=162,this.getRouteInfo({route:eT,pathname:eT,query:Y,as:n,resolvedAs:ee,routeProps:{shallow:!1},locale:p.locale,isPreview:p.isPreview,isNotFound:!0});case 162:if(!("type"in(eb=e.sent))){e.next=165;break}throw Error("Unexpected middleware effect on /404");case 165:if(s&&"/_error"===this.pathname&&(null==(em=self.__NEXT_DATA__.props)?void 0:null==(ey=em.pageProps)?void 0:ey.statusCode)===500&&(null==(ev=eb.props)?void 0:ev.pageProps)&&(eb.props.pageProps.statusCode=500),eL=a.shallow&&p.route===(null!=(eA=eb.route)?eA:et),eC=(ek=null!=(eI=a.scroll)?eI:!s&&!eL)?{x:0,y:0}:null,eM=null!=u?u:eC,eN=i(i({},p),{},{route:et,pathname:K,query:Y,asPath:U,isFallback:!1}),!(s&&eh)){e.next=188;break}return e.next=174,this.getRouteInfo({route:this.pathname,pathname:this.pathname,query:Y,as:n,resolvedAs:ee,routeProps:{shallow:!1},locale:p.locale,isPreview:p.isPreview,isQueryUpdating:s&&!this.isFallback});case 174:if(!("type"in(eb=e.sent))){e.next=177;break}throw Error("Unexpected middleware effect on "+this.pathname);case 177:return"/_error"===this.pathname&&(null==(eF=self.__NEXT_DATA__.props)?void 0:null==(eD=eF.pageProps)?void 0:eD.statusCode)===500&&(null==(eB=eb.props)?void 0:eB.pageProps)&&(eb.props.pageProps.statusCode=500),e.prev=178,e.next=181,this.set(eN,eb,eM);case 181:e.next=187;break;case 183:throw e.prev=183,e.t4=e.catch(178),(0,v.default)(e.t4)&&e.t4.cancelled&&d.events.emit("routeChangeError",e.t4,U,D),e.t4;case 187:return e.abrupt("return",!0);case 188:if(d.events.emit("beforeHistoryChange",n,D),this.changeState(t,r,n,a),s&&!eM&&!b&&!W&&(0,F.compareRouterStates)(eN,this.state)){e.next=211;break}return e.prev=192,e.next=195,this.set(eN,eb,eM);case 195:e.next=204;break;case 197:if(e.prev=197,e.t5=e.catch(192),!e.t5.cancelled){e.next=203;break}eb.error=eb.error||e.t5,e.next=204;break;case 203:throw e.t5;case 204:if(!eb.error){e.next=207;break}throw s||d.events.emit("routeChangeError",eb.error,U,D),eb.error;case 207:s||d.events.emit("routeChangeComplete",n,D),eU=/#.+$/,ek&&eU.test(n)&&this.scrollToHash(n);case 211:return e.abrupt("return",!0);case 214:if(e.prev=214,e.t6=e.catch(121),!((0,v.default)(e.t6)&&e.t6.cancelled)){e.next=218;break}return e.abrupt("return",!1);case 218:throw e.t6;case 219:case"end":return e.stop()}},e,this,[[41,46],[54,63],[121,214],[151,157],[178,183],[192,197]])})),function(e,r,n,o,a){return t.apply(this,arguments)})},{key:"changeState",value:function(e,t,r,n){void 0===n&&(n={}),("pushState"!==e||(0,P.getURL)()!==r)&&(this._shallow=n.shallow,window.history[e]({url:t,as:r,options:n,__N:!0,key:this._key="pushState"!==e?this._key:et()},"",r))}},{key:"handleRouteInfoError",value:(n=f(o().mark(function e(t,r,n,a,i,u){var c,l,s,f;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(console.error(t),!t.cancelled){e.next=3;break}throw t;case 3:if(!((0,y.isAssetError)(t)||u)){e.next=7;break}throw d.events.emit("routeChangeError",t,a,i),er({url:a,router:this}),G();case 7:return e.prev=7,e.next=10,this.fetchComponent("/_error");case 10:if((f={props:c,Component:s=(l=e.sent).page,styleSheets:l.styleSheets,err:t,error:t}).props){e.next=25;break}return e.prev=15,e.next=18,this.getInitialProps(s,{err:t,pathname:r,query:n});case 18:f.props=e.sent,e.next=25;break;case 21:e.prev=21,e.t0=e.catch(15),console.error("Error in error page `getInitialProps`: ",e.t0),f.props={};case 25:return e.abrupt("return",f);case 28:return e.prev=28,e.t1=e.catch(7),e.abrupt("return",this.handleRouteInfoError((0,v.default)(e.t1)?e.t1:Error(e.t1+""),r,n,a,i,!0));case 31:case"end":return e.stop()}},e,this,[[7,28],[15,21]])})),function(e,t,r,o,a,i){return n.apply(this,arguments)})},{key:"getRouteInfo",value:(a=f(o().mark(function e(t){var r,n,a,u,c,l,s,p,d,y,m,b,_,P,S,O,w,E,j,R,T,A,I,k,C,N,D,F,B,U,H,q,W=this;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(r=t.route,n=t.pathname,a=t.query,u=t.as,c=t.resolvedAs,l=t.routeProps,s=t.locale,p=t.hasMiddleware,d=t.isPreview,y=t.unstable_skipClientCache,m=t.isQueryUpdating,b=t.isMiddlewareRewrite,_=t.isNotFound,P=r,e.prev=2,j=this.components[P],!(l.shallow&&j&&this.route===P)){e.next=6;break}return e.abrupt("return",j);case 6:if(R=en({route:P,router:this}),p&&(j=void 0),T=!j||"initial"in j?void 0:j,A=m,I={dataHref:this.pageLoader.getDataHref({href:(0,x.formatWithValidation)({pathname:n,query:a}),skipInterpolation:!0,asPath:_?"/404":c,locale:s}),hasMiddleware:!0,isServerRender:this.isSsr,parseJSON:!0,inflightCache:A?this.sbc:this.sdc,persistCache:!d,isPrefetch:!1,unstable_skipClientCache:y,isBackground:A},!(m&&!b)){e.next=15;break}e.t0=null,e.next=18;break;case 15:return e.next=17,Y({fetchData:function(){return ee(I)},asPath:_?"/404":c,locale:s,router:this}).catch(function(e){if(m)return null;throw e});case 17:e.t0=e.sent;case 18:if((k=e.t0)&&("/_error"===n||"/404"===n)&&(k.effect=void 0),m&&(k?k.json=self.__NEXT_DATA__.props:k={json:self.__NEXT_DATA__.props}),R(),!((null==k?void 0:null==(S=k.effect)?void 0:S.type)==="redirect-internal"||(null==k?void 0:null==(O=k.effect)?void 0:O.type)==="redirect-external")){e.next=24;break}return e.abrupt("return",k.effect);case 24:if((null==k?void 0:null==(w=k.effect)?void 0:w.type)!=="rewrite"){e.next=37;break}return C=(0,h.removeTrailingSlash)(k.effect.resolvedHref),e.next=28,this.pageLoader.getPageList();case 28:if(N=e.sent,!(!m||N.includes(C))||(P=C,n=k.effect.resolvedHref,a=i(i({},a),k.effect.parsedAs.query),c=(0,L.removeBasePath)((0,g.normalizeLocalePath)(k.effect.parsedAs.pathname,this.locales).pathname),j=this.components[P],!(l.shallow&&j&&this.route===P&&!p))){e.next=37;break}return e.abrupt("return",i(i({},j),{},{route:P}));case 37:if(!(0,M.isAPIRoute)(P)){e.next=40;break}return er({url:u,router:this}),e.abrupt("return",new Promise(function(){}));case 40:if(e.t1=T,e.t1){e.next=45;break}return e.next=44,this.fetchComponent(P).then(function(e){return{Component:e.page,styleSheets:e.styleSheets,__N_SSG:e.mod.__N_SSG,__N_SSP:e.mod.__N_SSP}});case 44:e.t1=e.sent;case 45:D=e.t1,e.next=50;break;case 50:return F=null==k?void 0:null==(E=k.response)?void 0:E.headers.get("x-middleware-skip"),B=D.__N_SSG||D.__N_SSP,F&&(null==k?void 0:k.dataHref)&&delete this.sdc[k.dataHref],e.next=55,this._getData(f(o().mark(function e(){var t,r;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!B){e.next=8;break}if(!((null==k?void 0:k.json)&&!F)){e.next=3;break}return e.abrupt("return",{cacheKey:k.cacheKey,props:k.json});case 3:return t=(null==k?void 0:k.dataHref)?k.dataHref:W.pageLoader.getDataHref({href:(0,x.formatWithValidation)({pathname:n,query:a}),asPath:c,locale:s}),e.next=6,ee({dataHref:t,isServerRender:W.isSsr,parseJSON:!0,inflightCache:F?{}:W.sdc,persistCache:!d,isPrefetch:!1,unstable_skipClientCache:y});case 6:return r=e.sent,e.abrupt("return",{cacheKey:r.cacheKey,props:r.json||{}});case 8:return e.t0={},e.next=11,W.getInitialProps(D.Component,{pathname:n,query:a,asPath:u,locale:s,locales:W.locales,defaultLocale:W.defaultLocale});case 11:return e.t1=e.sent,e.abrupt("return",{headers:e.t0,props:e.t1});case 13:case"end":return e.stop()}},e)})));case 55:return H=(U=e.sent).props,q=U.cacheKey,D.__N_SSP&&I.dataHref&&q&&delete this.sdc[q],this.isPreview||!D.__N_SSG||m||ee(Object.assign({},I,{isBackground:!0,persistCache:!1,inflightCache:this.sbc})).catch(function(){}),H.pageProps=Object.assign({},H.pageProps),D.props=H,D.route=P,D.query=a,D.resolvedAs=c,this.components[P]=D,e.abrupt("return",D);case 69:return e.prev=69,e.t2=e.catch(2),e.abrupt("return",this.handleRouteInfoError((0,v.getProperError)(e.t2),n,a,u,l));case 72:case"end":return e.stop()}},e,this,[[2,69]])})),function(e){return a.apply(this,arguments)})},{key:"set",value:function(e,t,r){return this.state=e,this.sub(t,this.components["/_app"].Component,r)}},{key:"beforePopState",value:function(e){this._bps=e}},{key:"onlyAHashChange",value:function(e){if(!this.asPath)return!1;var t=c(this.asPath.split("#",2),2),r=t[0],n=t[1],o=c(e.split("#",2),2),a=o[0],i=o[1];return!!i&&r===a&&n===i||r===a&&n!==i}},{key:"scrollToHash",value:function(e){var t=c(e.split("#",2),2)[1],r=void 0===t?"":t;(0,W.handleSmoothScroll)(function(){if(""===r||"top"===r){window.scrollTo(0,0);return}var e=decodeURIComponent(r),t=document.getElementById(e);if(t){t.scrollIntoView();return}var n=document.getElementsByName(e)[0];n&&n.scrollIntoView()},{onlyHashChange:this.onlyAHashChange(e)})}},{key:"urlIsNew",value:function(e){return this.asPath!==e}},{key:"prefetch",value:(l=f(o().mark(function e(t,r,n){var a,u,c,l,s,f,p,d,y,m,v,b,g,_=this;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:void 0===r&&(r=t),void 0===n&&(n={}),e.next=4;break;case 4:if(!(0,U.isBot)(window.navigator.userAgent)){e.next=6;break}return e.abrupt("return");case 6:return u=(a=(0,O.parseRelativeUrl)(t)).pathname,c=a.pathname,l=a.query,s=c,e.next=13,this.pageLoader.getPageList();case 13:return f=e.sent,p=r,d=void 0!==n.locale?n.locale||void 0:this.locale,e.next=18,z({asPath:r,locale:d,router:this});case 18:y=e.sent,e.next=29;break;case 22:if(m=e.sent.__rewrites,!(v=(0,w.default)((0,I.addBasePath)((0,T.addLocale)(r,this.locale),!0),f,m,a.query,function(e){return X(e,f)},this.locales)).externalDest){e.next=27;break}return e.abrupt("return");case 27:y||(p=(0,A.removeLocale)((0,L.removeBasePath)(v.asPath),this.locale)),v.matchedPage&&v.resolvedHref&&(c=v.resolvedHref,a.pathname=c,y||(t=(0,x.formatWithValidation)(a)));case 29:a.pathname=X(a.pathname,f),(0,S.isDynamicRoute)(a.pathname)&&(c=a.pathname,a.pathname=c,Object.assign(l,(0,E.getRouteMatcher)((0,j.getRouteRegex)(a.pathname))((0,R.parsePath)(r).pathname)||{}),y||(t=(0,x.formatWithValidation)(a))),e.next=35;break;case 35:return e.next=37,Y({fetchData:function(){return ee({dataHref:_.pageLoader.getDataHref({href:(0,x.formatWithValidation)({pathname:s,query:l}),skipInterpolation:!0,asPath:p,locale:d}),hasMiddleware:!0,isServerRender:!1,parseJSON:!0,inflightCache:_.sdc,persistCache:!_.isPreview,isPrefetch:!0})},asPath:r,locale:d,router:this});case 37:e.t0=e.sent;case 38:if((null==(b=e.t0)?void 0:b.effect.type)==="rewrite"&&(a.pathname=b.effect.resolvedHref,c=b.effect.resolvedHref,l=i(i({},l),b.effect.parsedAs.query),p=b.effect.parsedAs.pathname,t=(0,x.formatWithValidation)(a)),(null==b?void 0:b.effect.type)!=="redirect-external"){e.next=42;break}return e.abrupt("return");case 42:return g=(0,h.removeTrailingSlash)(c),e.next=45,this._bfl(r,p,n.locale,!0);case 45:if(!e.sent){e.next=47;break}this.components[u]={__appRouter:!0};case 47:return e.next=49,Promise.all([this.pageLoader._isSsg(g).then(function(e){return!!e&&ee({dataHref:(null==b?void 0:b.json)?null==b?void 0:b.dataHref:_.pageLoader.getDataHref({href:t,asPath:p,locale:d}),isServerRender:!1,parseJSON:!0,inflightCache:_.sdc,persistCache:!_.isPreview,isPrefetch:!0,unstable_skipClientCache:n.unstable_skipClientCache||n.priority&&!0}).then(function(){return!1}).catch(function(){return!1})}),this.pageLoader[n.priority?"loadPage":"prefetch"](g)]);case 49:case"end":return e.stop()}},e,this)})),function(e,t,r){return l.apply(this,arguments)})},{key:"fetchComponent",value:(s=f(o().mark(function e(t){var r,n;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=en({route:t,router:this}),e.prev=1,e.next=4,this.pageLoader.loadPage(t);case 4:return n=e.sent,r(),e.abrupt("return",n);case 9:throw e.prev=9,e.t0=e.catch(1),r(),e.t0;case 13:case"end":return e.stop()}},e,this,[[1,9]])})),function(e){return s.apply(this,arguments)})},{key:"_getData",value:function(e){var t=this,r=!1,n=function(){r=!0};return this.clc=n,e().then(function(e){if(n===t.clc&&(t.clc=null),r){var o=Error("Loading initial props cancelled");throw o.cancelled=!0,o}return e})}},{key:"_getFlightData",value:function(e){return ee({dataHref:e,isServerRender:!0,parseJSON:!1,inflightCache:this.sdc,persistCache:!1,isPrefetch:!1}).then(function(e){return{data:e.text}})}},{key:"getInitialProps",value:function(e,t){var r=this.components["/_app"].Component,n=this._wrapApp(r);return t.AppTree=n,(0,P.loadGetInitialProps)(r,{AppTree:n,Component:e,router:this,ctx:t})}},{key:"route",get:function(){return this.state.route}},{key:"pathname",get:function(){return this.state.pathname}},{key:"query",get:function(){return this.state.query}},{key:"asPath",get:function(){return this.state.asPath}},{key:"locale",get:function(){return this.state.locale}},{key:"isFallback",get:function(){return this.state.isFallback}},{key:"isPreview",get:function(){return this.state.isPreview}}],function(e,t){for(var r=0;r-1&&(t<0||r-1?{pathname:e.substring(0,n?r:t),query:n?e.substring(r,t>-1?t:void 0):"",hash:t>-1?e.slice(t):""}:{pathname:e,query:"",hash:""}}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"parsePath",{enumerable:!0,get:function(){return r}})},90085:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"parseRelativeUrl",{enumerable:!0,get:function(){return a}});var n=r(99674),o=r(42665);function a(e,t){var r=new URL((0,n.getLocationOrigin)()),a=t?new URL(t,r):e.startsWith(".")?new URL(window.location.href):r,i=new URL(e,a),u=i.pathname,c=i.searchParams,l=i.search,s=i.hash,f=i.href;if(i.origin!==r.origin)throw Error("invariant: invalid relative URL, router received "+e);return{pathname:u,query:(0,o.searchParamsToUrlQuery)(c),search:l,hash:s,href:f.slice(r.origin.length)}}},81231:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"pathHasPrefix",{enumerable:!0,get:function(){return o}});var n=r(96393);function o(e,t){if("string"!=typeof e)return!1;var r=(0,n.parsePath)(e).pathname;return r===t||r.startsWith(t+"/")}},42665:function(e,t){"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r1?t-1:0),n=1;ne.length)&&(t=e.length);for(var r=0,n=Array(t);r30)&&(d=!0),isNaN(parseInt(p.slice(0,1)))||(d=!0),d&&(p=r()),a?o[p]=""+a+u:o[p]=u;var h=t?(0,c.escapeStringRegexp)(t):"";return f?l?"(?:/"+h+"(?<"+p+">.+?))?":"/"+h+"(?<"+p+">.+?)":"/"+h+"(?<"+p+">[^/]+?)"}function h(e,t){var r,n=(0,l.removeTrailingSlash)(e).slice(1).split("/"),o=(r=0,function(){for(var e="",t=++r;t>0;)e+=String.fromCharCode(97+(t-1)%26),t=Math.floor((t-1)/26);return e}),a={};return{namedParameterizedRoute:n.map(function(e){var r,n=u.INTERCEPTION_ROUTE_MARKERS.some(function(t){return e.startsWith(t)}),l=e.match(/\[((?:\[.*\])|.+)\]/);return n&&l?d({getSafeRouteKey:o,interceptionMarker:(function(e){if(Array.isArray(e))return e}(r=e.split(l[0]))||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,u=[],c=!0,l=!1;try{for(a=(r=r.call(e)).next;!(c=(n=a.call(r)).done)&&(u.push(n.value),1!==u.length);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return u}}(r,1)||function(e,t){if(e){if("string"==typeof e)return i(e,1);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return i(e,1)}}(r,1)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],segment:l[1],routeKeys:a,keyPrefix:t?"nxtI":void 0}):l?d({getSafeRouteKey:o,segment:l[1],routeKeys:a,keyPrefix:t?"nxtP":void 0}):"/"+(0,c.escapeStringRegexp)(e)}).join(""),routeKeys:a}}function y(e,t){var r=h(e,t);return a(a({},p(e)),{},{namedRegex:"^"+r.namedParameterizedRoute+"(?:/)?$",routeKeys:r.routeKeys})}function m(e,t){var r=f(e).parameterizedRoute,n=t.catchAll,o=void 0===n||n;return"/"===r?{namedRegex:"^/"+(o?".*":"")+"$"}:{namedRegex:"^"+h(e,!1).namedParameterizedRoute+(o?"(?:(/.*)?)":"")+"$"}}},1004:function(e,t){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function n(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return o(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return o(e,void 0)}}(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r=0;--o){var i=this.tryEntries[o],u=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=a.call(i,"catchLoc"),l=a.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),R(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;R(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:A(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}function o(e,t){for(var n=0;n1&&t.some(Array.isArray)?t.flat(e-1):t},Array.prototype.flatMap=function(e,t){return this.map(e,t).flat()}),Promise.prototype.finally||(Promise.prototype.finally=function(e){if("function"!=typeof e)return this.then(e,e);var t=this.constructor||Promise;return this.then(function(r){return t.resolve(e()).then(function(){return r})},function(r){return t.resolve(e()).then(function(){throw r})})}),Object.fromEntries||(Object.fromEntries=function(e){return Array.from(e).reduce(function(e,t){return e[t[0]]=t[1],e},{})}),Array.prototype.at||(Array.prototype.at=function(e){var t=Math.trunc(e)||0;if(t<0&&(t+=this.length),!(t<0||t>=this.length))return this[t]}),Object.hasOwn||(Object.hasOwn=function(e,t){if(null==e)throw TypeError("Cannot convert undefined or null to object");return Object.prototype.hasOwnProperty.call(Object(e),t)})},86590:function(e){var t,r,n,o,a,i,u,c,l,s,f,p,d,h,y,m,v,b,g,_,P,S,O,w,E,j,x,R,T,A,L,I,k,C,M,N,D,F,B,U,H,q,W,G,z,V;(t={}).d=function(e,r){for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},void 0!==t&&(t.ab="//"),r={},t.r(r),t.d(r,{getCLS:function(){return O},getFCP:function(){return _},getFID:function(){return A},getINP:function(){return q},getLCP:function(){return G},getTTFB:function(){return V},onCLS:function(){return O},onFCP:function(){return _},onFID:function(){return A},onINP:function(){return q},onLCP:function(){return G},onTTFB:function(){return V}}),c=-1,l=function(e){addEventListener("pageshow",function(t){t.persisted&&(c=t.timeStamp,e(t))},!0)},s=function(){return window.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0]},f=function(){var e=s();return e&&e.activationStart||0},p=function(e,t){var r=s(),n="navigate";return c>=0?n="back-forward-cache":r&&(n=document.prerendering||f()>0?"prerender":r.type.replace(/_/g,"-")),{name:e,value:void 0===t?-1:t,rating:"good",delta:0,entries:[],id:"v3-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:n}},d=function(e,t,r){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver(function(e){t(e.getEntries())});return n.observe(Object.assign({type:e,buffered:!0},r||{})),n}}catch(e){}},h=function(e,t){var r=function r(n){"pagehide"!==n.type&&"hidden"!==document.visibilityState||(e(n),t&&(removeEventListener("visibilitychange",r,!0),removeEventListener("pagehide",r,!0)))};addEventListener("visibilitychange",r,!0),addEventListener("pagehide",r,!0)},y=function(e,t,r,n){var o,a;return function(i){var u;t.value>=0&&(i||n)&&((a=t.value-(o||0))||void 0===o)&&(o=t.value,t.delta=a,t.rating=(u=t.value)>r[1]?"poor":u>r[0]?"needs-improvement":"good",e(t))}},m=-1,v=function(){return"hidden"!==document.visibilityState||document.prerendering?1/0:0},b=function(){h(function(e){m=e.timeStamp},!0)},g=function(){return m<0&&(m=v(),b(),l(function(){setTimeout(function(){m=v(),b()},0)})),{get firstHiddenTime(){return m}}},_=function(e,t){t=t||{};var r,n=[1800,3e3],o=g(),a=p("FCP"),i=function(e){e.forEach(function(e){"first-contentful-paint"===e.name&&(c&&c.disconnect(),e.startTime-1&&e(t)},a=p("CLS",0),i=0,u=[],c=function(e){e.forEach(function(e){if(!e.hadRecentInput){var t=u[0],r=u[u.length-1];i&&e.startTime-r.startTime<1e3&&e.startTime-t.startTime<5e3?(i+=e.value,u.push(e)):(i=e.value,u=[e]),i>a.value&&(a.value=i,a.entries=u,n())}})},s=d("layout-shift",c);s&&(n=y(o,a,r,t.reportAllChanges),h(function(){c(s.takeRecords()),n(!0)}),l(function(){i=0,S=-1,n=y(o,a=p("CLS",0),r,t.reportAllChanges)}))},w={passive:!0,capture:!0},E=new Date,j=function(e,t){n||(n=t,o=e,a=new Date,T(removeEventListener),x())},x=function(){if(o>=0&&o1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?(t=function(){j(o,e),n()},r=function(){n()},n=function(){removeEventListener("pointerup",t,w),removeEventListener("pointercancel",r,w)},addEventListener("pointerup",t,w),addEventListener("pointercancel",r,w)):j(o,e)}},T=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach(function(t){return e(t,R,w)})},A=function(e,t){t=t||{};var r,a=[100,300],u=g(),c=p("FID"),s=function(e){e.startTimet.latency){if(r)r.entries.push(e),r.latency=Math.max(r.latency,e.duration);else{var n={id:e.interactionId,latency:e.duration,entries:[e]};U[n.id]=n,B.push(n)}B.sort(function(e,t){return t.latency-e.latency}),B.splice(10).forEach(function(e){delete U[e.id]})}},q=function(e,t){t=t||{};var r=[200,500];N();var n,o=p("INP"),a=function(e){e.forEach(function(e){e.interactionId&&H(e),"first-input"!==e.entryType||B.some(function(t){return t.entries.some(function(t){return e.duration===t.duration&&e.startTime===t.startTime})})||H(e)});var t,r=(t=Math.min(B.length-1,Math.floor(F()/50)),B[t]);r&&r.latency!==o.value&&(o.value=r.latency,o.entries=r.entries,n())},i=d("event",a,{durationThreshold:t.durationThreshold||40});n=y(e,o,r,t.reportAllChanges),i&&(i.observe({type:"first-input",buffered:!0}),h(function(){a(i.takeRecords()),o.value<0&&F()>0&&(o.value=0,o.entries=[]),n(!0)}),l(function(){B=[],D=M(),n=y(e,o=p("INP"),r,t.reportAllChanges)}))},W={},G=function(e,t){t=t||{};var r,n=[2500,4e3],o=g(),a=p("LCP"),i=function(e){var t=e[e.length-1];if(t){var n=t.startTime-f();nperformance.now())return;n.entries=[a],o(!0),l(function(){(o=y(e,n=p("TTFB",0),r,t.reportAllChanges))(!0)})}})},e.exports=r},74219:function(e,t){"use strict";function r(e){return"/api"===e||!!(null==e?void 0:e.startsWith("/api/"))}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isAPIRoute",{enumerable:!0,get:function(){return r}})},10274:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return o},getProperError:function(){return a}});let n=r(82235);function o(e){return"object"==typeof e&&null!==e&&"name"in e&&"message"in e}function a(e){return o(e)?e:Error((0,n.isPlainObject)(e)?JSON.stringify(e):e+"")}},16520:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{INTERCEPTION_ROUTE_MARKERS:function(){return o},extractInterceptionRouteInformation:function(){return i},isInterceptionRouteAppPath:function(){return a}});let n=r(51507),o=["(..)(..)","(.)","(..)","(...)"];function a(e){return void 0!==e.split("/").find(e=>o.find(t=>e.startsWith(t)))}function i(e){let t,r,a;for(let n of e.split("/"))if(r=o.find(e=>n.startsWith(e))){[t,a]=e.split(r,2);break}if(!t||!r||!a)throw Error(`Invalid interception route: ${e}. Must be in the format //(..|...|..)(..)/`);switch(t=(0,n.normalizeAppPath)(t),r){case"(.)":a="/"===t?`/${a}`:t+"/"+a;break;case"(..)":if("/"===t)throw Error(`Invalid interception route: ${e}. Cannot use (..) marker at the root level, use (.) instead.`);a=t.split("/").slice(0,-1).concat(a).join("/");break;case"(...)":a="/"+a;break;case"(..)(..)":let i=t.split("/");if(i.length<=2)throw Error(`Invalid interception route: ${e}. Cannot use (..)(..) marker at the root level or one level up.`);a=i.slice(0,-2).concat(a).join("/");break;default:throw Error("Invariant: unexpected marker")}return{interceptingRoute:t,interceptedRoute:a}}},72094:function(){},43219:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}r.r(t),r.d(t,{_:function(){return n},_interop_require_default:function(){return n}})},16794:function(e,t,r){"use strict";function n(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(n=function(e){return e?r:t})(e)}function o(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=n(t);if(r&&r.has(e))return r.get(e);var o={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}r.r(t),r.d(t,{_:function(){return o},_interop_require_wildcard:function(){return o}})}},function(e){e.O(0,[9774],function(){return e(e.s=57804)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/react/pr-890/_next/static/chunks/main-da0ad5e62c80c431.js b/react/pr-890/_next/static/chunks/main-da0ad5e62c80c431.js new file mode 100644 index 0000000000..2be67ed50a --- /dev/null +++ b/react/pr-890/_next/static/chunks/main-da0ad5e62c80c431.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[179],{658:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addBasePath",{enumerable:!0,get:function(){return i}});var o=r(28351),a=r(20311);function i(e,t){return(0,a.normalizePathTrailingSlash)((0,o.addPathPrefix)(e,"/tonic-ui-demo/react/pr-890"))}("function"==typeof t.default||"object"===n(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},88014:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"addLocale",{enumerable:!0,get:function(){return o}}),r(20311);var o=function(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;ne.length)&&(t=e.length);for(var r=0,n=Array(t);r25){window.location.reload();return}clearTimeout(i),i=setTimeout(t,c>5?5e3:1e3)}o&&o.close();var i,u=location,l=u.hostname,s=u.port,f=function(e){var t=location.protocol;try{t=new URL(e).protocol}catch(e){}return"http:"===t?"ws":"wss"}(e.assetPrefix||""),p=e.assetPrefix.replace(/^\/+/,""),d=f+"://"+l+":"+s+(p?"/"+p:"");p.startsWith("http")&&(d=f+"://"+p.split("://",2)[1]),(o=new window.WebSocket(""+d+e.path)).onopen=function(){c=0,window.console.log("[HMR] connected")},o.onerror=r,o.onclose=r,o.onmessage=function(e){var t,r=JSON.parse(e.data),o=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return n(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,void 0)}}(e))){r&&(e=r);var o=0,a=function(){};return{s:a,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:a}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,u=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return u=e.done,e},e:function(e){c=!0,i=e},f:function(){try{u||null==r.return||r.return()}finally{if(c)throw i}}}}(a);try{for(o.s();!(t=o.n()).done;)(0,t.value)(r)}catch(e){o.e(e)}finally{o.f()}}}()}("function"==typeof t.default||"object"===r(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},66389:function(e,t){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"detectDomainLocale",{enumerable:!0,get:function(){return n}});var n=function(){for(var e=arguments.length,t=Array(e),r=0;r=0;--a){var i=this.tryEntries[a],u=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=o.call(i,"catchLoc"),l=o.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&o.call(n,"finallyLoc")&&this.prev=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),R(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;R(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:A(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);re.length)&&(t=e.length);for(var r=0,n=Array(t);re.length)&&(t=e.length);for(var r=0,n=Array(t);re.length)&&(t=e.length);for(var r=0,n=Array(t);r=e.length?{done:!0}:{done:!1,value:e[n++]}},e:function(e){throw e},f:a}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,u=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return u=e.done,e},e:function(e){c=!0,i=e},f:function(){try{u||null==r.return||r.return()}finally{if(c)throw i}}}}(h);try{for(a.s();!(t=a.n()).done;){var i=t.value;if("object"===n(e[i])){r[i]=Object.assign(Array.isArray(e[i])?[]:{},e[i]);continue}r[i]=e[i]}}catch(e){a.e(e)}finally{a.f()}return r.events=l.default.events,y.forEach(function(t){r[t]=function(){for(var r=arguments.length,n=Array(r),o=0;oe.length)&&(t=e.length);for(var r=0,n=Array(t);r=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,n),_=(0,h.useContext)(y.HeadManagerContext),P=_.updateScripts,O=_.scripts,w=_.getIsSsr,E=_.appDir,j=_.nonce,x=(0,h.useRef)(!1);(0,h.useEffect)(function(){var e=t||o;x.current||(c&&e&&g.has(e)&&c(),x.current=!0)},[c,t,o]);var R=(0,h.useRef)(!1);if((0,h.useEffect)(function(){!R.current&&("afterInteractive"===s?S(e):"lazyOnload"===s&&("complete"===document.readyState?(0,v.requestIdleCallback)(function(){return S(e)}):window.addEventListener("load",function(){(0,v.requestIdleCallback)(function(){return S(e)})})),R.current=!0)},[e,s]),("beforeInteractive"===s||"worker"===s)&&(P?(O[s]=(O[s]||[]).concat([i({id:t,src:o,onLoad:void 0===a?function(){}:a,onReady:c,onError:f},b)]),P(O)):w&&w()?g.add(t||o):w&&!w()&&S(e)),E){if(m&&m.forEach(function(e){d.default.preinit(e,{as:"style"})}),"beforeInteractive"===s)return o?(d.default.preload(o,b.integrity?{as:"script",integrity:b.integrity,nonce:j}:{as:"script",nonce:j}),(0,p.jsx)("script",{nonce:j,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+JSON.stringify([o,i(i({},b),{},{id:t})])+")"}})):(b.dangerouslySetInnerHTML&&(b.children=b.dangerouslySetInnerHTML.__html,delete b.dangerouslySetInnerHTML),(0,p.jsx)("script",{nonce:j,dangerouslySetInnerHTML:{__html:"(self.__next_s=self.__next_s||[]).push("+JSON.stringify([0,i(i({},b),{},{id:t})])+")"}}));"afterInteractive"===s&&o&&d.default.preload(o,b.integrity?{as:"script",integrity:b.integrity,nonce:j}:{as:"script",nonce:j})}return null}Object.defineProperty(E,"__nextScript",{value:!0});var j=E;("function"==typeof t.default||"object"===o(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},30220:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return a}});var o=r(27361);function a(e){if("ended"!==e.state.state)throw Error("Expected span to be ended");(0,o.sendMessage)(JSON.stringify({event:"span-end",startTime:e.startTime,endTime:e.state.endTime,spanName:e.name,attributes:e.attributes}))}("function"==typeof t.default||"object"===n(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},29305:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}function a(e,t){for(var r=0;re.length)&&(t=e.length);for(var r=0,n=Array(t);r1&&void 0!==arguments[1]?arguments[1]:1e-4;!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,r),this.numItems=e,this.errorRate=t,this.numBits=Math.ceil(-(e*Math.log(t))/(Math.log(2)*Math.log(2))),this.numHashes=Math.ceil(this.numBits/e*Math.log(2)),this.bitArray=Array(this.numBits).fill(0)}return e=[{key:"export",value:function(){return{numItems:this.numItems,errorRate:this.errorRate,numBits:this.numBits,numHashes:this.numHashes,bitArray:this.bitArray}}},{key:"import",value:function(e){this.numItems=e.numItems,this.errorRate=e.errorRate,this.numBits=e.numBits,this.numHashes=e.numHashes,this.bitArray=e.bitArray}},{key:"add",value:function(e){var t=this;this.getHashValues(e).forEach(function(e){t.bitArray[e]=1})}},{key:"contains",value:function(e){var t=this;return this.getHashValues(e).every(function(e){return t.bitArray[e]})}},{key:"getHashValues",value:function(e){for(var t=[],r=1;r<=this.numHashes;r++){var n=function(e){for(var t=0,r=0;r>>13,t=Math.imul(t,1540483477);return t>>>0}(""+e+r)%this.numBits;t.push(n)}return t}}],t=[{key:"from",value:function(e,t){void 0===t&&(t=1e-4);var o,a=new r(e.length,t),i=function(e,t){var r="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!r){if(Array.isArray(e)||(r=function(e,t){if(e){if("string"==typeof e)return n(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return n(e,void 0)}}(e))){r&&(e=r);var o=0,a=function(){};return{s:a,n:function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}},e:function(e){throw e},f:a}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,u=!0,c=!1;return{s:function(){r=r.call(e)},n:function(){var e=r.next();return u=e.done,e},e:function(e){c=!0,i=e},f:function(){try{u||null==r.return||r.return()}finally{if(c)throw i}}}}(e);try{for(i.s();!(o=i.n()).done;){var u=o.value;a.add(u)}}catch(e){i.e(e)}finally{i.f()}return a}}],e&&o(r.prototype,e),t&&o(r,t),Object.defineProperty(r,"prototype",{writable:!1}),r}()},54491:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t,r){var o;return(o=function(e,t){if("object"!==n(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!==n(o))return o;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(t,"string"),(t="symbol"===n(o)?o:String(o))in e)?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{APP_BUILD_MANIFEST:function(){return P},APP_CLIENT_INTERNALS:function(){return Q},APP_PATHS_MANIFEST:function(){return b},APP_PATH_ROUTES_MANIFEST:function(){return g},AUTOMATIC_FONT_OPTIMIZATION_MANIFEST:function(){return M},BARREL_OPTIMIZATION_PREFIX:function(){return G},BLOCKED_PAGES:function(){return B},BUILD_ID_FILE:function(){return F},BUILD_MANIFEST:function(){return _},CLIENT_PUBLIC_FILES_PATH:function(){return U},CLIENT_REFERENCE_MANIFEST:function(){return z},CLIENT_STATIC_FILES_PATH:function(){return H},CLIENT_STATIC_FILES_RUNTIME_AMP:function(){return ee},CLIENT_STATIC_FILES_RUNTIME_MAIN:function(){return Y},CLIENT_STATIC_FILES_RUNTIME_MAIN_APP:function(){return J},CLIENT_STATIC_FILES_RUNTIME_POLYFILLS:function(){return er},CLIENT_STATIC_FILES_RUNTIME_POLYFILLS_SYMBOL:function(){return en},CLIENT_STATIC_FILES_RUNTIME_REACT_REFRESH:function(){return Z},CLIENT_STATIC_FILES_RUNTIME_WEBPACK:function(){return et},COMPILER_INDEXES:function(){return c},COMPILER_NAMES:function(){return i},CONFIG_FILES:function(){return D},DEFAULT_RUNTIME_WEBPACK:function(){return eo},DEFAULT_SANS_SERIF_FONT:function(){return ef},DEFAULT_SERIF_FONT:function(){return es},DEV_CLIENT_PAGES_MANIFEST:function(){return L},DEV_MIDDLEWARE_MANIFEST:function(){return k},EDGE_RUNTIME_WEBPACK:function(){return ea},EDGE_UNSUPPORTED_NODE_APIS:function(){return em},EXPORT_DETAIL:function(){return j},EXPORT_MARKER:function(){return E},FUNCTIONS_CONFIG_MANIFEST:function(){return S},GOOGLE_FONT_PROVIDER:function(){return ec},IMAGES_MANIFEST:function(){return T},INTERCEPTION_ROUTE_REWRITE_MANIFEST:function(){return X},INTERNAL_HEADERS:function(){return u},MIDDLEWARE_BUILD_MANIFEST:function(){return K},MIDDLEWARE_MANIFEST:function(){return I},MIDDLEWARE_REACT_LOADABLE_MANIFEST:function(){return $},MODERN_BROWSERSLIST_TARGET:function(){return a.default},NEXT_BUILTIN_DOCUMENT:function(){return W},NEXT_FONT_MANIFEST:function(){return w},OPTIMIZED_FONT_PROVIDERS:function(){return el},PAGES_MANIFEST:function(){return v},PHASE_DEVELOPMENT_SERVER:function(){return h},PHASE_EXPORT:function(){return f},PHASE_INFO:function(){return m},PHASE_PRODUCTION_BUILD:function(){return p},PHASE_PRODUCTION_SERVER:function(){return d},PHASE_TEST:function(){return y},PRERENDER_MANIFEST:function(){return x},REACT_LOADABLE_MANIFEST:function(){return C},ROUTES_MANIFEST:function(){return R},RSC_MODULE_TYPES:function(){return ey},SERVER_DIRECTORY:function(){return N},SERVER_FILES_MANIFEST:function(){return A},SERVER_PROPS_ID:function(){return eu},SERVER_REFERENCE_MANIFEST:function(){return V},STATIC_PROPS_ID:function(){return ei},STATIC_STATUS_PAGES:function(){return ep},STRING_LITERAL_DROP_BUNDLE:function(){return q},SUBRESOURCE_INTEGRITY_MANIFEST:function(){return O},SYSTEM_ENTRYPOINTS:function(){return ev},TRACE_OUTPUT_VERSION:function(){return ed},TURBO_TRACE_DEFAULT_MEMORY_LIMIT:function(){return eh},UNDERSCORE_NOT_FOUND_ROUTE:function(){return l},UNDERSCORE_NOT_FOUND_ROUTE_ENTRY:function(){return s}});var a=r(43219)._(r(33432)),i={client:"client",server:"server",edgeServer:"edge-server"},u=["x-invoke-error","x-invoke-output","x-invoke-path","x-invoke-query","x-invoke-status","x-middleware-invoke"],c=o(o(o({},i.client,0),i.server,1),i.edgeServer,2),l="/_not-found",s=""+l+"/page",f="phase-export",p="phase-production-build",d="phase-production-server",h="phase-development-server",y="phase-test",m="phase-info",v="pages-manifest.json",b="app-paths-manifest.json",g="app-path-routes-manifest.json",_="build-manifest.json",P="app-build-manifest.json",S="functions-config-manifest.json",O="subresource-integrity-manifest",w="next-font-manifest",E="export-marker.json",j="export-detail.json",x="prerender-manifest.json",R="routes-manifest.json",T="images-manifest.json",A="required-server-files.json",L="_devPagesManifest.json",I="middleware-manifest.json",k="_devMiddlewareManifest.json",C="react-loadable-manifest.json",M="font-manifest.json",N="server",D=["next.config.js","next.config.mjs"],F="BUILD_ID",B=["/_document","/_app","/_error"],U="public",H="static",q="__NEXT_DROP_CLIENT_FILE__",W="__NEXT_BUILTIN_DOCUMENT__",G="__barrel_optimize__",z="client-reference-manifest",V="server-reference-manifest",K="middleware-build-manifest",$="middleware-react-loadable-manifest",X="interception-route-rewrite-manifest",Y="main",J=""+Y+"-app",Q="app-pages-internals",Z="react-refresh",ee="amp",et="webpack",er="polyfills",en=Symbol(er),eo="webpack-runtime",ea="edge-runtime-webpack",ei="__N_SSG",eu="__N_SSP",ec="https://fonts.googleapis.com/",el=[{url:ec,preconnect:"https://fonts.gstatic.com"},{url:"https://use.typekit.net",preconnect:"https://use.typekit.net"}],es={name:"Times New Roman",xAvgCharWidth:821,azAvgWidth:854.3953488372093,unitsPerEm:2048},ef={name:"Arial",xAvgCharWidth:904,azAvgWidth:934.5116279069767,unitsPerEm:2048},ep=["/500"],ed=1,eh=6e3,ey={client:"client",server:"server"},em=["clearImmediate","setImmediate","BroadcastChannel","ByteLengthQueuingStrategy","CompressionStream","CountQueuingStrategy","DecompressionStream","DomException","MessageChannel","MessageEvent","MessagePort","ReadableByteStreamController","ReadableStreamBYOBRequest","ReadableStreamDefaultController","TransformStreamDefaultController","WritableStreamDefaultController"],ev=new Set([Y,Z,ee,J]);("function"==typeof t.default||"object"===n(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},22526:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"escapeStringRegexp",{enumerable:!0,get:function(){return o}});var r=/[|\\{}()[\]^$+*?.-]/,n=/[|\\{}()[\]^$+*?.-]/g;function o(e){return r.test(e)?e.replace(n,"\\$&"):e}},51017:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"HeadManagerContext",{enumerable:!0,get:function(){return n}});var n=r(43219)._(r(2784)).default.createContext({})},74716:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{PathParamsContext:function(){return i},PathnameContext:function(){return a},SearchParamsContext:function(){return o}});var n=r(2784),o=(0,n.createContext)(null),a=(0,n.createContext)(null),i=(0,n.createContext)(null)},77014:function(e,t){"use strict";function r(e,t){var r,n=e.split("/");return(t||[]).some(function(t){return!!n[1]&&n[1].toLowerCase()===t.toLowerCase()&&(r=t,n.splice(1,1),e=n.join("/")||"/",!0)}),{pathname:e,detectedLocale:r}}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"normalizeLocalePath",{enumerable:!0,get:function(){return r}})},36543:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"ImageConfigContext",{enumerable:!0,get:function(){return a}});var n=r(43219)._(r(2784)),o=r(38017),a=n.default.createContext(o.imageConfigDefault)},38017:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{VALID_LOADERS:function(){return r},imageConfigDefault:function(){return n}});var r=["default","imgix","cloudinary","akamai","custom"],n={deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],path:"/_next/image",loader:"default",loaderFile:"",domains:[],disableStaticImages:!1,minimumCacheTTL:60,formats:["image/webp"],dangerouslyAllowSVG:!1,contentSecurityPolicy:"script-src 'none'; frame-src 'none'; sandbox;",contentDispositionType:"inline",remotePatterns:[],unoptimized:!1}},82235:function(e,t){"use strict";function r(e){return Object.prototype.toString.call(e)}function n(e){if("[object Object]"!==r(e))return!1;var t=Object.getPrototypeOf(e);return null===t||t.hasOwnProperty("isPrototypeOf")}Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{getObjectClassLabel:function(){return r},isPlainObject:function(){return n}})},6564:function(e,t){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function n(e){var t="function"==typeof Map?new Map:void 0;return(n=function(e){if(null===e||-1===Function.toString.call(e).indexOf("[native code]"))return e;if("function"!=typeof e)throw TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,r)}function r(){return o(e,arguments,i(this).constructor)}return r.prototype=Object.create(e.prototype,{constructor:{value:r,enumerable:!1,writable:!0,configurable:!0}}),a(r,e)})(e)}function o(e,t,r){return(o=!function(){if("undefined"==typeof Reflect||!Reflect.construct||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(e,t,r){var n=[null];n.push.apply(n,t);var o=new(Function.bind.apply(e,n));return r&&a(o,r.prototype),o}:Reflect.construct.bind()).apply(null,arguments)}function a(e,t){return(a=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function i(e){return(i=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{BailoutToCSRError:function(){return c},isBailoutToCSRError:function(){return l}});var u="BAILOUT_TO_CLIENT_SIDE_RENDERING",c=function(e){function t(e){var n,o,a;return!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,t),o=t,a=["Bail out to client-side rendering: "+e],o=i(o),(n=function(e,t){if(t&&("object"===r(t)||"function"==typeof t))return t;if(void 0!==t)throw TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,!function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){return!1}}()?o.apply(this,a):Reflect.construct(o,a||[],i(this).constructor))).reason=e,n.digest=u,n}return!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&a(e,t)}(t,e),Object.defineProperty(t,"prototype",{writable:!1}),t}(n(Error));function l(e){return"object"===r(e)&&null!==e&&"digest"in e&&e.digest===u}},86389:function(e,t){"use strict";function r(){var e=Object.create(null);return{on:function(t,r){(e[t]||(e[t]=[])).push(r)},off:function(t,r){e[t]&&e[t].splice(e[t].indexOf(r)>>>0,1)},emit:function(t){for(var r=arguments.length,n=Array(r>1?r-1:0),o=1;o=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,n),l=(0,i.useRef)(o.isAutoExport),s=(0,i.useMemo)(function(){var e,t=l.current;if(t&&(l.current=!1),(0,c.isDynamicRoute)(r.pathname)&&(r.isFallback||t&&!r.isReady))return null;try{e=new URL(r.asPath,"http://f")}catch(e){return"/"}return e.pathname},[r.asPath,r.isFallback,r.isReady,r.pathname]);return(0,a.jsx)(u.PathnameContext.Provider,{value:s,children:t})}},99145:function(e,t,r){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(){o=function(){return t};var e,t={},r=Object.prototype,a=r.hasOwnProperty,i=Object.defineProperty||function(e,t,r){e[t]=r.value},u="function"==typeof Symbol?Symbol:{},c=u.iterator||"@@iterator",l=u.asyncIterator||"@@asyncIterator",s=u.toStringTag||"@@toStringTag";function f(e,t,r){return Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{f({},"")}catch(e){f=function(e,t,r){return e[t]=r}}function p(t,r,n,o){var a,u,c=Object.create((r&&r.prototype instanceof b?r:b).prototype);return i(c,"_invoke",{value:(a=new T(o||[]),u=h,function(r,o){if(u===y)throw Error("Generator is already running");if(u===m){if("throw"===r)throw o;return{value:e,done:!0}}for(a.method=r,a.arg=o;;){var i=a.delegate;if(i){var c=function t(r,n){var o=n.method,a=r.iterator[o];if(a===e)return n.delegate=null,"throw"===o&&r.iterator.return&&(n.method="return",n.arg=e,t(r,n),"throw"===n.method)||"return"!==o&&(n.method="throw",n.arg=TypeError("The iterator does not provide a '"+o+"' method")),v;var i=d(a,r.iterator,n.arg);if("throw"===i.type)return n.method="throw",n.arg=i.arg,n.delegate=null,v;var u=i.arg;return u?u.done?(n[r.resultName]=u.value,n.next=r.nextLoc,"return"!==n.method&&(n.method="next",n.arg=e),n.delegate=null,v):u:(n.method="throw",n.arg=TypeError("iterator result is not an object"),n.delegate=null,v)}(i,a);if(c){if(c===v)continue;return c}}if("next"===a.method)a.sent=a._sent=a.arg;else if("throw"===a.method){if(u===h)throw u=m,a.arg;a.dispatchException(a.arg)}else"return"===a.method&&a.abrupt("return",a.arg);u=y;var l=d(t,n,a);if("normal"===l.type){if(u=a.done?m:"suspendedYield",l.arg===v)continue;return{value:l.arg,done:a.done}}"throw"===l.type&&(u=m,a.method="throw",a.arg=l.arg)}})}),c}function d(e,t,r){try{return{type:"normal",arg:e.call(t,r)}}catch(e){return{type:"throw",arg:e}}}t.wrap=p;var h="suspendedStart",y="executing",m="completed",v={};function b(){}function g(){}function _(){}var P={};f(P,c,function(){return this});var S=Object.getPrototypeOf,O=S&&S(S(A([])));O&&O!==r&&a.call(O,c)&&(P=O);var w=_.prototype=b.prototype=Object.create(P);function E(e){["next","throw","return"].forEach(function(t){f(e,t,function(e){return this._invoke(t,e)})})}function j(e,t){var r;i(this,"_invoke",{value:function(o,i){function u(){return new t(function(r,u){!function r(o,i,u,c){var l=d(e[o],e,i);if("throw"!==l.type){var s=l.arg,f=s.value;return f&&"object"==n(f)&&a.call(f,"__await")?t.resolve(f.__await).then(function(e){r("next",e,u,c)},function(e){r("throw",e,u,c)}):t.resolve(f).then(function(e){s.value=e,u(s)},function(e){return r("throw",e,u,c)})}c(l.arg)}(o,i,r,u)})}return r=r?r.then(u,u):u()}})}function x(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function R(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function T(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(x,this),this.reset(!0)}function A(t){if(t||""===t){var r=t[c];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,i=function r(){for(;++o=0;--o){var i=this.tryEntries[o],u=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=a.call(i,"catchLoc"),l=a.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),R(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;R(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:A(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function i(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=Array(t);r1&&o.status>=500?e(t,r-1,n):o})})(t,a?3:1,{headers:Object.assign({},n?{purpose:"prefetch"}:{},n&&o?{"x-middleware-prefetch":"1"}:{}),method:null!=(c=null==e?void 0:e.method)?c:"GET"}).then(function(r){return r.ok&&(null==e?void 0:e.method)==="HEAD"?{dataHref:t,response:r,text:"",json:{},cacheKey:s}:r.text().then(function(e){if(!r.ok){if(o&&[301,302,307,308].includes(r.status))return{dataHref:t,response:r,text:e,json:{},cacheKey:s};if(404===r.status){var n;if(null==(n=Z(e))?void 0:n.notFound)return{dataHref:t,json:{notFound:Q},response:r,text:e,cacheKey:s}}var u=Error("Failed to load static props");throw a||(0,y.markAssetError)(u),u}return{dataHref:t,json:i?Z(e):null,response:r,text:e,cacheKey:s}})}).then(function(e){return u&&"no-cache"!==e.response.headers.get("x-middleware-cache")||delete r[s],e}).catch(function(e){throw l||delete r[s],("Failed to fetch"===e.message||"NetworkError when attempting to fetch resource."===e.message||"Load failed"===e.message)&&(0,y.markAssetError)(e),e})};return l&&u?f({}).then(function(e){return r[s]=Promise.resolve(e),e}):void 0!==r[s]?r[s]:r[s]=f(c?{method:"HEAD"}:{})}function et(){return Math.random().toString(36).slice(2,10)}function er(e){var t=e.url,r=e.router;if(t===(0,I.addBasePath)((0,T.addLocale)(r.asPath,r.locale)))throw Error("Invariant: attempted to hard navigate to the same URL "+t+" "+location.href);window.location.href=t}var en=function(e){var t=e.route,r=e.router,n=!1,o=r.clc=function(){n=!0};return function(){if(n){var e=Error('Abort fetching component for route: "'+t+'"');throw e.cancelled=!0,e}o===r.clc&&(r.clc=null)}},eo=function(){var e,t,n,a,l,s,p;function d(e,t,n,o){var a=this,i=o.initialProps,u=o.pageLoader,c=o.App,l=o.wrapApp,s=o.Component,f=o.err,p=o.subscription,y=o.isFallback,m=o.locale,v=(o.locales,o.defaultLocale,o.domainLocales,o.isPreview);!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,d),this.sdc={},this.sbc={},this.isFirstPopStateEvent=!0,this._key=et(),this.onPopState=function(e){var t,r=a.isFirstPopStateEvent;a.isFirstPopStateEvent=!1;var n=e.state;if(!n){var o=a.pathname,i=a.query;a.changeState("replaceState",(0,x.formatWithValidation)({pathname:(0,I.addBasePath)(o),query:i}),(0,P.getURL)());return}if(n.__NA){window.location.reload();return}if(n.__N&&(!r||a.locale!==n.options.locale||n.as!==a.asPath)){var u=n.url,c=n.as,l=n.options,s=n.key;a._key=s;var f=(0,O.parseRelativeUrl)(u).pathname;(!a.isSsr||c!==(0,I.addBasePath)(a.asPath)||f!==(0,I.addBasePath)(a.pathname))&&(!a._bps||a._bps(n))&&a.change("replaceState",u,c,Object.assign({},l,{shallow:l.shallow&&a._shallow,locale:l.locale||a.defaultLocale,_h:0}),t)}};var b=(0,h.removeTrailingSlash)(e);this.components={},"/_error"!==e&&(this.components[b]={Component:s,initial:!0,props:i,err:f,__N_SSG:i&&i.__N_SSG,__N_SSP:i&&i.__N_SSP}),this.components["/_app"]={Component:c,styleSheets:[]};var g=r(99335).BloomFilter,_={numItems:0,errorRate:1e-4,numBits:0,numHashes:null,bitArray:[]},w={numItems:0,errorRate:1e-4,numBits:0,numHashes:null,bitArray:[]};(null==_?void 0:_.numHashes)&&(this._bfl_s=new g(_.numItems,_.errorRate),this._bfl_s.import(_)),(null==w?void 0:w.numHashes)&&(this._bfl_d=new g(w.numItems,w.errorRate),this._bfl_d.import(w)),this.events=d.events,this.pageLoader=u;var E=(0,S.isDynamicRoute)(e)&&self.__NEXT_DATA__.autoExport;if(this.basePath="/tonic-ui-demo/react/pr-890",this.sub=p,this.clc=null,this._wrapApp=l,this.isSsr=!0,this.isLocaleDomain=!1,this.isReady=!!(self.__NEXT_DATA__.gssp||self.__NEXT_DATA__.gip||self.__NEXT_DATA__.isExperimentalCompile||self.__NEXT_DATA__.appGip&&!self.__NEXT_DATA__.gsp||!E&&!self.location.search),this.state={route:b,pathname:e,query:t,asPath:E?e:n,isPreview:!!v,locale:void 0,isFallback:y},this._initialMatchesMiddlewarePromise=Promise.resolve(!1),!n.startsWith("//")){var j={locale:m},R=(0,P.getURL)();this._initialMatchesMiddlewarePromise=z({router:this,locale:m,asPath:R}).then(function(r){return j._shouldResolveHref=n!==e,a.changeState("replaceState",r?R:(0,x.formatWithValidation)({pathname:(0,I.addBasePath)(e),query:t}),R,j),r})}window.addEventListener("popstate",this.onPopState)}return p=[{key:"reload",value:function(){window.location.reload()}},{key:"back",value:function(){window.history.back()}},{key:"forward",value:function(){window.history.forward()}},{key:"push",value:function(e,t,r){void 0===r&&(r={});var n=$(this,e,t);return e=n.url,t=n.as,this.change("pushState",e,t,r)}},{key:"replace",value:function(e,t,r){void 0===r&&(r={});var n=$(this,e,t);return e=n.url,t=n.as,this.change("replaceState",e,t,r)}},{key:"_bfl",value:(e=f(o().mark(function e(t,r,n,a){var i,u,c,l,s,f,p,d,y,m,v,b,g,_,P;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:i=!1,u=!1,c=0,l=[t,r];case 4:if(!(c0&&!ea)){e.next=116;break}throw Error((ef?"The provided `href` ("+r+") value is missing query values ("+ed.join(", ")+") to be interpolated properly. ":"The provided `as` value ("+el+") is incompatible with the `href` value ("+et+"). ")+"Read more: https://nextjs.org/docs/messages/"+(ef?"href-interpolation-failed":"incompatible-href-as"));case 116:e.next=119;break;case 118:ef?n=(0,x.formatWithValidation)(Object.assign({},ec,{pathname:ep.result,query:(0,H.omit)(Y,ep.params)})):Object.assign(Y,eu);case 119:return s||d.events.emit("routeChangeStart",n,D),eh="/404"===this.pathname||"/_error"===this.pathname,e.prev=121,e.next=124,this.getRouteInfo({route:et,pathname:K,query:Y,as:n,resolvedAs:ee,routeProps:D,locale:p.locale,isPreview:p.isPreview,hasMiddleware:ea,unstable_skipClientCache:a.unstable_skipClientCache,isQueryUpdating:s&&!this.isFallback,isMiddlewareRewrite:eo});case 124:if(eb=e.sent,!(!s&&!a.shallow)){e.next=128;break}return e.next=128,this._bfl(n,"resolvedAs"in eb?eb.resolvedAs:void 0,p.locale);case 128:if("route"in eb&&ea&&(et=K=eb.route||et,D.shallow||(Y=Object.assign({},eb.query||{},Y)),eg=(0,k.hasBasePath)(V.pathname)?(0,L.removeBasePath)(V.pathname):V.pathname,eu&&K!==eg&&Object.keys(eu).forEach(function(e){eu&&Y[e]===eu[e]&&delete Y[e]}),(0,S.isDynamicRoute)(K))&&(e_=!D.shallow&&eb.resolvedAs?eb.resolvedAs:(0,I.addBasePath)((0,T.addLocale)(new URL(n,location.href).pathname,p.locale),!0),(0,k.hasBasePath)(e_)&&(e_=(0,L.removeBasePath)(e_)),eP=(0,j.getRouteRegex)(K),(eS=(0,E.getRouteMatcher)(eP)(new URL(e_,location.href).pathname))&&Object.assign(Y,eS)),!("type"in eb)){e.next=136;break}if("redirect-internal"!==eb.type){e.next=134;break}return e.abrupt("return",this.change(t,eb.newUrl,eb.newAs,a));case 134:return er({url:eb.destination,router:this}),e.abrupt("return",new Promise(function(){}));case 136:if((eO=eb.Component)&&eO.unstable_scriptLoader&&[].concat(eO.unstable_scriptLoader()).forEach(function(e){(0,m.handleClientScriptLoad)(e.props)}),!((eb.__N_SSG||eb.__N_SSP)&&eb.props)){e.next=165;break}if(!(eb.props.pageProps&&eb.props.pageProps.__N_REDIRECT)){e.next=149;break}if(a.locale=!1,!((ew=eb.props.pageProps.__N_REDIRECT).startsWith("/")&&!1!==eb.props.pageProps.__N_REDIRECT_BASE_PATH)){e.next=147;break}return(eE=(0,O.parseRelativeUrl)(ew)).pathname=X(eE.pathname,J),ex=(ej=$(this,ew,ew)).url,eR=ej.as,e.abrupt("return",this.change(t,ex,eR,a));case 147:return er({url:ew,router:this}),e.abrupt("return",new Promise(function(){}));case 149:if(p.isPreview=!!eb.props.__N_PREVIEW,eb.props.notFound!==Q){e.next=165;break}return e.prev=151,e.next=154,this.fetchComponent("/404");case 154:eT="/404",e.next=160;break;case 157:e.prev=157,e.t3=e.catch(151),eT="/_error";case 160:return e.next=162,this.getRouteInfo({route:eT,pathname:eT,query:Y,as:n,resolvedAs:ee,routeProps:{shallow:!1},locale:p.locale,isPreview:p.isPreview,isNotFound:!0});case 162:if(!("type"in(eb=e.sent))){e.next=165;break}throw Error("Unexpected middleware effect on /404");case 165:if(s&&"/_error"===this.pathname&&(null==(em=self.__NEXT_DATA__.props)?void 0:null==(ey=em.pageProps)?void 0:ey.statusCode)===500&&(null==(ev=eb.props)?void 0:ev.pageProps)&&(eb.props.pageProps.statusCode=500),eL=a.shallow&&p.route===(null!=(eA=eb.route)?eA:et),eC=(ek=null!=(eI=a.scroll)?eI:!s&&!eL)?{x:0,y:0}:null,eM=null!=u?u:eC,eN=i(i({},p),{},{route:et,pathname:K,query:Y,asPath:U,isFallback:!1}),!(s&&eh)){e.next=188;break}return e.next=174,this.getRouteInfo({route:this.pathname,pathname:this.pathname,query:Y,as:n,resolvedAs:ee,routeProps:{shallow:!1},locale:p.locale,isPreview:p.isPreview,isQueryUpdating:s&&!this.isFallback});case 174:if(!("type"in(eb=e.sent))){e.next=177;break}throw Error("Unexpected middleware effect on "+this.pathname);case 177:return"/_error"===this.pathname&&(null==(eF=self.__NEXT_DATA__.props)?void 0:null==(eD=eF.pageProps)?void 0:eD.statusCode)===500&&(null==(eB=eb.props)?void 0:eB.pageProps)&&(eb.props.pageProps.statusCode=500),e.prev=178,e.next=181,this.set(eN,eb,eM);case 181:e.next=187;break;case 183:throw e.prev=183,e.t4=e.catch(178),(0,v.default)(e.t4)&&e.t4.cancelled&&d.events.emit("routeChangeError",e.t4,U,D),e.t4;case 187:return e.abrupt("return",!0);case 188:if(d.events.emit("beforeHistoryChange",n,D),this.changeState(t,r,n,a),s&&!eM&&!b&&!W&&(0,F.compareRouterStates)(eN,this.state)){e.next=211;break}return e.prev=192,e.next=195,this.set(eN,eb,eM);case 195:e.next=204;break;case 197:if(e.prev=197,e.t5=e.catch(192),!e.t5.cancelled){e.next=203;break}eb.error=eb.error||e.t5,e.next=204;break;case 203:throw e.t5;case 204:if(!eb.error){e.next=207;break}throw s||d.events.emit("routeChangeError",eb.error,U,D),eb.error;case 207:s||d.events.emit("routeChangeComplete",n,D),eU=/#.+$/,ek&&eU.test(n)&&this.scrollToHash(n);case 211:return e.abrupt("return",!0);case 214:if(e.prev=214,e.t6=e.catch(121),!((0,v.default)(e.t6)&&e.t6.cancelled)){e.next=218;break}return e.abrupt("return",!1);case 218:throw e.t6;case 219:case"end":return e.stop()}},e,this,[[41,46],[54,63],[121,214],[151,157],[178,183],[192,197]])})),function(e,r,n,o,a){return t.apply(this,arguments)})},{key:"changeState",value:function(e,t,r,n){void 0===n&&(n={}),("pushState"!==e||(0,P.getURL)()!==r)&&(this._shallow=n.shallow,window.history[e]({url:t,as:r,options:n,__N:!0,key:this._key="pushState"!==e?this._key:et()},"",r))}},{key:"handleRouteInfoError",value:(n=f(o().mark(function e(t,r,n,a,i,u){var c,l,s,f;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(console.error(t),!t.cancelled){e.next=3;break}throw t;case 3:if(!((0,y.isAssetError)(t)||u)){e.next=7;break}throw d.events.emit("routeChangeError",t,a,i),er({url:a,router:this}),G();case 7:return e.prev=7,e.next=10,this.fetchComponent("/_error");case 10:if((f={props:c,Component:s=(l=e.sent).page,styleSheets:l.styleSheets,err:t,error:t}).props){e.next=25;break}return e.prev=15,e.next=18,this.getInitialProps(s,{err:t,pathname:r,query:n});case 18:f.props=e.sent,e.next=25;break;case 21:e.prev=21,e.t0=e.catch(15),console.error("Error in error page `getInitialProps`: ",e.t0),f.props={};case 25:return e.abrupt("return",f);case 28:return e.prev=28,e.t1=e.catch(7),e.abrupt("return",this.handleRouteInfoError((0,v.default)(e.t1)?e.t1:Error(e.t1+""),r,n,a,i,!0));case 31:case"end":return e.stop()}},e,this,[[7,28],[15,21]])})),function(e,t,r,o,a,i){return n.apply(this,arguments)})},{key:"getRouteInfo",value:(a=f(o().mark(function e(t){var r,n,a,u,c,l,s,p,d,y,m,b,_,P,S,O,w,E,j,R,T,A,I,k,C,N,D,F,B,U,H,q,W=this;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(r=t.route,n=t.pathname,a=t.query,u=t.as,c=t.resolvedAs,l=t.routeProps,s=t.locale,p=t.hasMiddleware,d=t.isPreview,y=t.unstable_skipClientCache,m=t.isQueryUpdating,b=t.isMiddlewareRewrite,_=t.isNotFound,P=r,e.prev=2,j=this.components[P],!(l.shallow&&j&&this.route===P)){e.next=6;break}return e.abrupt("return",j);case 6:if(R=en({route:P,router:this}),p&&(j=void 0),T=!j||"initial"in j?void 0:j,A=m,I={dataHref:this.pageLoader.getDataHref({href:(0,x.formatWithValidation)({pathname:n,query:a}),skipInterpolation:!0,asPath:_?"/404":c,locale:s}),hasMiddleware:!0,isServerRender:this.isSsr,parseJSON:!0,inflightCache:A?this.sbc:this.sdc,persistCache:!d,isPrefetch:!1,unstable_skipClientCache:y,isBackground:A},!(m&&!b)){e.next=15;break}e.t0=null,e.next=18;break;case 15:return e.next=17,Y({fetchData:function(){return ee(I)},asPath:_?"/404":c,locale:s,router:this}).catch(function(e){if(m)return null;throw e});case 17:e.t0=e.sent;case 18:if((k=e.t0)&&("/_error"===n||"/404"===n)&&(k.effect=void 0),m&&(k?k.json=self.__NEXT_DATA__.props:k={json:self.__NEXT_DATA__.props}),R(),!((null==k?void 0:null==(S=k.effect)?void 0:S.type)==="redirect-internal"||(null==k?void 0:null==(O=k.effect)?void 0:O.type)==="redirect-external")){e.next=24;break}return e.abrupt("return",k.effect);case 24:if((null==k?void 0:null==(w=k.effect)?void 0:w.type)!=="rewrite"){e.next=37;break}return C=(0,h.removeTrailingSlash)(k.effect.resolvedHref),e.next=28,this.pageLoader.getPageList();case 28:if(N=e.sent,!(!m||N.includes(C))||(P=C,n=k.effect.resolvedHref,a=i(i({},a),k.effect.parsedAs.query),c=(0,L.removeBasePath)((0,g.normalizeLocalePath)(k.effect.parsedAs.pathname,this.locales).pathname),j=this.components[P],!(l.shallow&&j&&this.route===P&&!p))){e.next=37;break}return e.abrupt("return",i(i({},j),{},{route:P}));case 37:if(!(0,M.isAPIRoute)(P)){e.next=40;break}return er({url:u,router:this}),e.abrupt("return",new Promise(function(){}));case 40:if(e.t1=T,e.t1){e.next=45;break}return e.next=44,this.fetchComponent(P).then(function(e){return{Component:e.page,styleSheets:e.styleSheets,__N_SSG:e.mod.__N_SSG,__N_SSP:e.mod.__N_SSP}});case 44:e.t1=e.sent;case 45:D=e.t1,e.next=50;break;case 50:return F=null==k?void 0:null==(E=k.response)?void 0:E.headers.get("x-middleware-skip"),B=D.__N_SSG||D.__N_SSP,F&&(null==k?void 0:k.dataHref)&&delete this.sdc[k.dataHref],e.next=55,this._getData(f(o().mark(function e(){var t,r;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:if(!B){e.next=8;break}if(!((null==k?void 0:k.json)&&!F)){e.next=3;break}return e.abrupt("return",{cacheKey:k.cacheKey,props:k.json});case 3:return t=(null==k?void 0:k.dataHref)?k.dataHref:W.pageLoader.getDataHref({href:(0,x.formatWithValidation)({pathname:n,query:a}),asPath:c,locale:s}),e.next=6,ee({dataHref:t,isServerRender:W.isSsr,parseJSON:!0,inflightCache:F?{}:W.sdc,persistCache:!d,isPrefetch:!1,unstable_skipClientCache:y});case 6:return r=e.sent,e.abrupt("return",{cacheKey:r.cacheKey,props:r.json||{}});case 8:return e.t0={},e.next=11,W.getInitialProps(D.Component,{pathname:n,query:a,asPath:u,locale:s,locales:W.locales,defaultLocale:W.defaultLocale});case 11:return e.t1=e.sent,e.abrupt("return",{headers:e.t0,props:e.t1});case 13:case"end":return e.stop()}},e)})));case 55:return H=(U=e.sent).props,q=U.cacheKey,D.__N_SSP&&I.dataHref&&q&&delete this.sdc[q],this.isPreview||!D.__N_SSG||m||ee(Object.assign({},I,{isBackground:!0,persistCache:!1,inflightCache:this.sbc})).catch(function(){}),H.pageProps=Object.assign({},H.pageProps),D.props=H,D.route=P,D.query=a,D.resolvedAs=c,this.components[P]=D,e.abrupt("return",D);case 69:return e.prev=69,e.t2=e.catch(2),e.abrupt("return",this.handleRouteInfoError((0,v.getProperError)(e.t2),n,a,u,l));case 72:case"end":return e.stop()}},e,this,[[2,69]])})),function(e){return a.apply(this,arguments)})},{key:"set",value:function(e,t,r){return this.state=e,this.sub(t,this.components["/_app"].Component,r)}},{key:"beforePopState",value:function(e){this._bps=e}},{key:"onlyAHashChange",value:function(e){if(!this.asPath)return!1;var t=c(this.asPath.split("#",2),2),r=t[0],n=t[1],o=c(e.split("#",2),2),a=o[0],i=o[1];return!!i&&r===a&&n===i||r===a&&n!==i}},{key:"scrollToHash",value:function(e){var t=c(e.split("#",2),2)[1],r=void 0===t?"":t;(0,W.handleSmoothScroll)(function(){if(""===r||"top"===r){window.scrollTo(0,0);return}var e=decodeURIComponent(r),t=document.getElementById(e);if(t){t.scrollIntoView();return}var n=document.getElementsByName(e)[0];n&&n.scrollIntoView()},{onlyHashChange:this.onlyAHashChange(e)})}},{key:"urlIsNew",value:function(e){return this.asPath!==e}},{key:"prefetch",value:(l=f(o().mark(function e(t,r,n){var a,u,c,l,s,f,p,d,y,m,v,b,g,_=this;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:void 0===r&&(r=t),void 0===n&&(n={}),e.next=4;break;case 4:if(!(0,U.isBot)(window.navigator.userAgent)){e.next=6;break}return e.abrupt("return");case 6:return u=(a=(0,O.parseRelativeUrl)(t)).pathname,c=a.pathname,l=a.query,s=c,e.next=13,this.pageLoader.getPageList();case 13:return f=e.sent,p=r,d=void 0!==n.locale?n.locale||void 0:this.locale,e.next=18,z({asPath:r,locale:d,router:this});case 18:y=e.sent,e.next=29;break;case 22:if(m=e.sent.__rewrites,!(v=(0,w.default)((0,I.addBasePath)((0,T.addLocale)(r,this.locale),!0),f,m,a.query,function(e){return X(e,f)},this.locales)).externalDest){e.next=27;break}return e.abrupt("return");case 27:y||(p=(0,A.removeLocale)((0,L.removeBasePath)(v.asPath),this.locale)),v.matchedPage&&v.resolvedHref&&(c=v.resolvedHref,a.pathname=c,y||(t=(0,x.formatWithValidation)(a)));case 29:a.pathname=X(a.pathname,f),(0,S.isDynamicRoute)(a.pathname)&&(c=a.pathname,a.pathname=c,Object.assign(l,(0,E.getRouteMatcher)((0,j.getRouteRegex)(a.pathname))((0,R.parsePath)(r).pathname)||{}),y||(t=(0,x.formatWithValidation)(a))),e.next=35;break;case 35:return e.next=37,Y({fetchData:function(){return ee({dataHref:_.pageLoader.getDataHref({href:(0,x.formatWithValidation)({pathname:s,query:l}),skipInterpolation:!0,asPath:p,locale:d}),hasMiddleware:!0,isServerRender:!1,parseJSON:!0,inflightCache:_.sdc,persistCache:!_.isPreview,isPrefetch:!0})},asPath:r,locale:d,router:this});case 37:e.t0=e.sent;case 38:if((null==(b=e.t0)?void 0:b.effect.type)==="rewrite"&&(a.pathname=b.effect.resolvedHref,c=b.effect.resolvedHref,l=i(i({},l),b.effect.parsedAs.query),p=b.effect.parsedAs.pathname,t=(0,x.formatWithValidation)(a)),(null==b?void 0:b.effect.type)!=="redirect-external"){e.next=42;break}return e.abrupt("return");case 42:return g=(0,h.removeTrailingSlash)(c),e.next=45,this._bfl(r,p,n.locale,!0);case 45:if(!e.sent){e.next=47;break}this.components[u]={__appRouter:!0};case 47:return e.next=49,Promise.all([this.pageLoader._isSsg(g).then(function(e){return!!e&&ee({dataHref:(null==b?void 0:b.json)?null==b?void 0:b.dataHref:_.pageLoader.getDataHref({href:t,asPath:p,locale:d}),isServerRender:!1,parseJSON:!0,inflightCache:_.sdc,persistCache:!_.isPreview,isPrefetch:!0,unstable_skipClientCache:n.unstable_skipClientCache||n.priority&&!0}).then(function(){return!1}).catch(function(){return!1})}),this.pageLoader[n.priority?"loadPage":"prefetch"](g)]);case 49:case"end":return e.stop()}},e,this)})),function(e,t,r){return l.apply(this,arguments)})},{key:"fetchComponent",value:(s=f(o().mark(function e(t){var r,n;return o().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return r=en({route:t,router:this}),e.prev=1,e.next=4,this.pageLoader.loadPage(t);case 4:return n=e.sent,r(),e.abrupt("return",n);case 9:throw e.prev=9,e.t0=e.catch(1),r(),e.t0;case 13:case"end":return e.stop()}},e,this,[[1,9]])})),function(e){return s.apply(this,arguments)})},{key:"_getData",value:function(e){var t=this,r=!1,n=function(){r=!0};return this.clc=n,e().then(function(e){if(n===t.clc&&(t.clc=null),r){var o=Error("Loading initial props cancelled");throw o.cancelled=!0,o}return e})}},{key:"_getFlightData",value:function(e){return ee({dataHref:e,isServerRender:!0,parseJSON:!1,inflightCache:this.sdc,persistCache:!1,isPrefetch:!1}).then(function(e){return{data:e.text}})}},{key:"getInitialProps",value:function(e,t){var r=this.components["/_app"].Component,n=this._wrapApp(r);return t.AppTree=n,(0,P.loadGetInitialProps)(r,{AppTree:n,Component:e,router:this,ctx:t})}},{key:"route",get:function(){return this.state.route}},{key:"pathname",get:function(){return this.state.pathname}},{key:"query",get:function(){return this.state.query}},{key:"asPath",get:function(){return this.state.asPath}},{key:"locale",get:function(){return this.state.locale}},{key:"isFallback",get:function(){return this.state.isFallback}},{key:"isPreview",get:function(){return this.state.isPreview}}],function(e,t){for(var r=0;r-1&&(t<0||r-1?{pathname:e.substring(0,n?r:t),query:n?e.substring(r,t>-1?t:void 0):"",hash:t>-1?e.slice(t):""}:{pathname:e,query:"",hash:""}}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"parsePath",{enumerable:!0,get:function(){return r}})},90085:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"parseRelativeUrl",{enumerable:!0,get:function(){return a}});var n=r(99674),o=r(42665);function a(e,t){var r=new URL((0,n.getLocationOrigin)()),a=t?new URL(t,r):e.startsWith(".")?new URL(window.location.href):r,i=new URL(e,a),u=i.pathname,c=i.searchParams,l=i.search,s=i.hash,f=i.href;if(i.origin!==r.origin)throw Error("invariant: invalid relative URL, router received "+e);return{pathname:u,query:(0,o.searchParamsToUrlQuery)(c),search:l,hash:s,href:f.slice(r.origin.length)}}},81231:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"pathHasPrefix",{enumerable:!0,get:function(){return o}});var n=r(96393);function o(e,t){if("string"!=typeof e)return!1;var r=(0,n.parsePath)(e).pathname;return r===t||r.startsWith(t+"/")}},42665:function(e,t){"use strict";function r(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r1?t-1:0),n=1;ne.length)&&(t=e.length);for(var r=0,n=Array(t);r30)&&(d=!0),isNaN(parseInt(p.slice(0,1)))||(d=!0),d&&(p=r()),a?o[p]=""+a+u:o[p]=u;var h=t?(0,c.escapeStringRegexp)(t):"";return f?l?"(?:/"+h+"(?<"+p+">.+?))?":"/"+h+"(?<"+p+">.+?)":"/"+h+"(?<"+p+">[^/]+?)"}function h(e,t){var r,n=(0,l.removeTrailingSlash)(e).slice(1).split("/"),o=(r=0,function(){for(var e="",t=++r;t>0;)e+=String.fromCharCode(97+(t-1)%26),t=Math.floor((t-1)/26);return e}),a={};return{namedParameterizedRoute:n.map(function(e){var r,n=u.INTERCEPTION_ROUTE_MARKERS.some(function(t){return e.startsWith(t)}),l=e.match(/\[((?:\[.*\])|.+)\]/);return n&&l?d({getSafeRouteKey:o,interceptionMarker:(function(e){if(Array.isArray(e))return e}(r=e.split(l[0]))||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,a,i,u=[],c=!0,l=!1;try{for(a=(r=r.call(e)).next;!(c=(n=a.call(r)).done)&&(u.push(n.value),1!==u.length);c=!0);}catch(e){l=!0,o=e}finally{try{if(!c&&null!=r.return&&(i=r.return(),Object(i)!==i))return}finally{if(l)throw o}}return u}}(r,1)||function(e,t){if(e){if("string"==typeof e)return i(e,1);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return i(e,1)}}(r,1)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],segment:l[1],routeKeys:a,keyPrefix:t?"nxtI":void 0}):l?d({getSafeRouteKey:o,segment:l[1],routeKeys:a,keyPrefix:t?"nxtP":void 0}):"/"+(0,c.escapeStringRegexp)(e)}).join(""),routeKeys:a}}function y(e,t){var r=h(e,t);return a(a({},p(e)),{},{namedRegex:"^"+r.namedParameterizedRoute+"(?:/)?$",routeKeys:r.routeKeys})}function m(e,t){var r=f(e).parameterizedRoute,n=t.catchAll,o=void 0===n||n;return"/"===r?{namedRegex:"^/"+(o?".*":"")+"$"}:{namedRegex:"^"+h(e,!1).namedParameterizedRoute+(o?"(?:(/.*)?)":"")+"$"}}},1004:function(e,t){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function n(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return o(e,void 0);var r=Object.prototype.toString.call(e).slice(8,-1);if("Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return o(e,void 0)}}(e)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r=0;--o){var i=this.tryEntries[o],u=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var c=a.call(i,"catchLoc"),l=a.call(i,"finallyLoc");if(c&&l){if(this.prev=0;--r){var n=this.tryEntries[r];if(n.tryLoc<=this.prev&&a.call(n,"finallyLoc")&&this.prev=0;--t){var r=this.tryEntries[t];if(r.finallyLoc===e)return this.complete(r.completion,r.afterLoc),R(r),v}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var r=this.tryEntries[t];if(r.tryLoc===e){var n=r.completion;if("throw"===n.type){var o=n.arg;R(r)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:A(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}function o(e,t){for(var n=0;n1&&t.some(Array.isArray)?t.flat(e-1):t},Array.prototype.flatMap=function(e,t){return this.map(e,t).flat()}),Promise.prototype.finally||(Promise.prototype.finally=function(e){if("function"!=typeof e)return this.then(e,e);var t=this.constructor||Promise;return this.then(function(r){return t.resolve(e()).then(function(){return r})},function(r){return t.resolve(e()).then(function(){throw r})})}),Object.fromEntries||(Object.fromEntries=function(e){return Array.from(e).reduce(function(e,t){return e[t[0]]=t[1],e},{})}),Array.prototype.at||(Array.prototype.at=function(e){var t=Math.trunc(e)||0;if(t<0&&(t+=this.length),!(t<0||t>=this.length))return this[t]}),Object.hasOwn||(Object.hasOwn=function(e,t){if(null==e)throw TypeError("Cannot convert undefined or null to object");return Object.prototype.hasOwnProperty.call(Object(e),t)})},86590:function(e){var t,r,n,o,a,i,u,c,l,s,f,p,d,h,y,m,v,b,g,_,P,S,O,w,E,j,x,R,T,A,L,I,k,C,M,N,D,F,B,U,H,q,W,G,z,V;(t={}).d=function(e,r){for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},void 0!==t&&(t.ab="//"),r={},t.r(r),t.d(r,{getCLS:function(){return O},getFCP:function(){return _},getFID:function(){return A},getINP:function(){return q},getLCP:function(){return G},getTTFB:function(){return V},onCLS:function(){return O},onFCP:function(){return _},onFID:function(){return A},onINP:function(){return q},onLCP:function(){return G},onTTFB:function(){return V}}),c=-1,l=function(e){addEventListener("pageshow",function(t){t.persisted&&(c=t.timeStamp,e(t))},!0)},s=function(){return window.performance&&performance.getEntriesByType&&performance.getEntriesByType("navigation")[0]},f=function(){var e=s();return e&&e.activationStart||0},p=function(e,t){var r=s(),n="navigate";return c>=0?n="back-forward-cache":r&&(n=document.prerendering||f()>0?"prerender":r.type.replace(/_/g,"-")),{name:e,value:void 0===t?-1:t,rating:"good",delta:0,entries:[],id:"v3-".concat(Date.now(),"-").concat(Math.floor(8999999999999*Math.random())+1e12),navigationType:n}},d=function(e,t,r){try{if(PerformanceObserver.supportedEntryTypes.includes(e)){var n=new PerformanceObserver(function(e){t(e.getEntries())});return n.observe(Object.assign({type:e,buffered:!0},r||{})),n}}catch(e){}},h=function(e,t){var r=function r(n){"pagehide"!==n.type&&"hidden"!==document.visibilityState||(e(n),t&&(removeEventListener("visibilitychange",r,!0),removeEventListener("pagehide",r,!0)))};addEventListener("visibilitychange",r,!0),addEventListener("pagehide",r,!0)},y=function(e,t,r,n){var o,a;return function(i){var u;t.value>=0&&(i||n)&&((a=t.value-(o||0))||void 0===o)&&(o=t.value,t.delta=a,t.rating=(u=t.value)>r[1]?"poor":u>r[0]?"needs-improvement":"good",e(t))}},m=-1,v=function(){return"hidden"!==document.visibilityState||document.prerendering?1/0:0},b=function(){h(function(e){m=e.timeStamp},!0)},g=function(){return m<0&&(m=v(),b(),l(function(){setTimeout(function(){m=v(),b()},0)})),{get firstHiddenTime(){return m}}},_=function(e,t){t=t||{};var r,n=[1800,3e3],o=g(),a=p("FCP"),i=function(e){e.forEach(function(e){"first-contentful-paint"===e.name&&(c&&c.disconnect(),e.startTime-1&&e(t)},a=p("CLS",0),i=0,u=[],c=function(e){e.forEach(function(e){if(!e.hadRecentInput){var t=u[0],r=u[u.length-1];i&&e.startTime-r.startTime<1e3&&e.startTime-t.startTime<5e3?(i+=e.value,u.push(e)):(i=e.value,u=[e]),i>a.value&&(a.value=i,a.entries=u,n())}})},s=d("layout-shift",c);s&&(n=y(o,a,r,t.reportAllChanges),h(function(){c(s.takeRecords()),n(!0)}),l(function(){i=0,S=-1,n=y(o,a=p("CLS",0),r,t.reportAllChanges)}))},w={passive:!0,capture:!0},E=new Date,j=function(e,t){n||(n=t,o=e,a=new Date,T(removeEventListener),x())},x=function(){if(o>=0&&o1e12?new Date:performance.now())-e.timeStamp;"pointerdown"==e.type?(t=function(){j(o,e),n()},r=function(){n()},n=function(){removeEventListener("pointerup",t,w),removeEventListener("pointercancel",r,w)},addEventListener("pointerup",t,w),addEventListener("pointercancel",r,w)):j(o,e)}},T=function(e){["mousedown","keydown","touchstart","pointerdown"].forEach(function(t){return e(t,R,w)})},A=function(e,t){t=t||{};var r,a=[100,300],u=g(),c=p("FID"),s=function(e){e.startTimet.latency){if(r)r.entries.push(e),r.latency=Math.max(r.latency,e.duration);else{var n={id:e.interactionId,latency:e.duration,entries:[e]};U[n.id]=n,B.push(n)}B.sort(function(e,t){return t.latency-e.latency}),B.splice(10).forEach(function(e){delete U[e.id]})}},q=function(e,t){t=t||{};var r=[200,500];N();var n,o=p("INP"),a=function(e){e.forEach(function(e){e.interactionId&&H(e),"first-input"!==e.entryType||B.some(function(t){return t.entries.some(function(t){return e.duration===t.duration&&e.startTime===t.startTime})})||H(e)});var t,r=(t=Math.min(B.length-1,Math.floor(F()/50)),B[t]);r&&r.latency!==o.value&&(o.value=r.latency,o.entries=r.entries,n())},i=d("event",a,{durationThreshold:t.durationThreshold||40});n=y(e,o,r,t.reportAllChanges),i&&(i.observe({type:"first-input",buffered:!0}),h(function(){a(i.takeRecords()),o.value<0&&F()>0&&(o.value=0,o.entries=[]),n(!0)}),l(function(){B=[],D=M(),n=y(e,o=p("INP"),r,t.reportAllChanges)}))},W={},G=function(e,t){t=t||{};var r,n=[2500,4e3],o=g(),a=p("LCP"),i=function(e){var t=e[e.length-1];if(t){var n=t.startTime-f();nperformance.now())return;n.entries=[a],o(!0),l(function(){(o=y(e,n=p("TTFB",0),r,t.reportAllChanges))(!0)})}})},e.exports=r},74219:function(e,t){"use strict";function r(e){return"/api"===e||!!(null==e?void 0:e.startsWith("/api/"))}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"isAPIRoute",{enumerable:!0,get:function(){return r}})},10274:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return o},getProperError:function(){return a}});let n=r(82235);function o(e){return"object"==typeof e&&null!==e&&"name"in e&&"message"in e}function a(e){return o(e)?e:Error((0,n.isPlainObject)(e)?JSON.stringify(e):e+"")}},16520:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{INTERCEPTION_ROUTE_MARKERS:function(){return o},extractInterceptionRouteInformation:function(){return i},isInterceptionRouteAppPath:function(){return a}});let n=r(51507),o=["(..)(..)","(.)","(..)","(...)"];function a(e){return void 0!==e.split("/").find(e=>o.find(t=>e.startsWith(t)))}function i(e){let t,r,a;for(let n of e.split("/"))if(r=o.find(e=>n.startsWith(e))){[t,a]=e.split(r,2);break}if(!t||!r||!a)throw Error(`Invalid interception route: ${e}. Must be in the format //(..|...|..)(..)/`);switch(t=(0,n.normalizeAppPath)(t),r){case"(.)":a="/"===t?`/${a}`:t+"/"+a;break;case"(..)":if("/"===t)throw Error(`Invalid interception route: ${e}. Cannot use (..) marker at the root level, use (.) instead.`);a=t.split("/").slice(0,-1).concat(a).join("/");break;case"(...)":a="/"+a;break;case"(..)(..)":let i=t.split("/");if(i.length<=2)throw Error(`Invalid interception route: ${e}. Cannot use (..)(..) marker at the root level or one level up.`);a=i.slice(0,-2).concat(a).join("/");break;default:throw Error("Invariant: unexpected marker")}return{interceptingRoute:t,interceptedRoute:a}}},72094:function(){},43219:function(e,t,r){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}r.r(t),r.d(t,{_:function(){return n},_interop_require_default:function(){return n}})},16794:function(e,t,r){"use strict";function n(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(n=function(e){return e?r:t})(e)}function o(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=n(t);if(r&&r.has(e))return r.get(e);var o={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var u=a?Object.getOwnPropertyDescriptor(e,i):null;u&&(u.get||u.set)?Object.defineProperty(o,i,u):o[i]=e[i]}return o.default=e,r&&r.set(e,o),o}r.r(t),r.d(t,{_:function(){return o},_interop_require_wildcard:function(){return o}})}},function(e){e.O(0,[9774],function(){return e(e.s=57804)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/react/pr-890/_next/static/chunks/pages/_app-e02f4457463b1c4c.js b/react/pr-890/_next/static/chunks/pages/_app-82ee2316a579b157.js similarity index 90% rename from react/pr-890/_next/static/chunks/pages/_app-e02f4457463b1c4c.js rename to react/pr-890/_next/static/chunks/pages/_app-82ee2316a579b157.js index eb69b3a535..82ac8a359f 100644 --- a/react/pr-890/_next/static/chunks/pages/_app-e02f4457463b1c4c.js +++ b/react/pr-890/_next/static/chunks/pages/_app-82ee2316a579b157.js @@ -10,7 +10,7 @@ * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. - */var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,a=n?Symbol.for("react.strict_mode"):60108,s=n?Symbol.for("react.profiler"):60114,c=n?Symbol.for("react.provider"):60109,u=n?Symbol.for("react.context"):60110,l=n?Symbol.for("react.async_mode"):60111,f=n?Symbol.for("react.concurrent_mode"):60111,p=n?Symbol.for("react.forward_ref"):60112,d=n?Symbol.for("react.suspense"):60113,h=n?Symbol.for("react.suspense_list"):60120,m=n?Symbol.for("react.memo"):60115,g=n?Symbol.for("react.lazy"):60116,y=n?Symbol.for("react.block"):60121,v=n?Symbol.for("react.fundamental"):60117,b=n?Symbol.for("react.responder"):60118,k=n?Symbol.for("react.scope"):60119;function x(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case l:case f:case i:case s:case a:case d:return e;default:switch(e=e&&e.$$typeof){case u:case p:case g:case m:case c:return e;default:return t}}case o:return t}}}function w(e){return x(e)===f}t.AsyncMode=l,t.ConcurrentMode=f,t.ContextConsumer=u,t.ContextProvider=c,t.Element=r,t.ForwardRef=p,t.Fragment=i,t.Lazy=g,t.Memo=m,t.Portal=o,t.Profiler=s,t.StrictMode=a,t.Suspense=d,t.isAsyncMode=function(e){return w(e)||x(e)===l},t.isConcurrentMode=w,t.isContextConsumer=function(e){return x(e)===u},t.isContextProvider=function(e){return x(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return x(e)===p},t.isFragment=function(e){return x(e)===i},t.isLazy=function(e){return x(e)===g},t.isMemo=function(e){return x(e)===m},t.isPortal=function(e){return x(e)===o},t.isProfiler=function(e){return x(e)===s},t.isStrictMode=function(e){return x(e)===a},t.isSuspense=function(e){return x(e)===d},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===f||e===s||e===a||e===d||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===g||e.$$typeof===m||e.$$typeof===c||e.$$typeof===u||e.$$typeof===p||e.$$typeof===v||e.$$typeof===b||e.$$typeof===k||e.$$typeof===y)},t.typeOf=x},73887:function(e,t,n){"use strict";e.exports=n(43459)},62333:function(e,t){/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh */t.read=function(e,t,n,r,o){var i,a,s=8*o-r-1,c=(1<>1,l=-7,f=n?o-1:0,p=n?-1:1,d=e[t+f];for(f+=p,i=d&(1<<-l)-1,d>>=-l,l+=s;l>0;i=256*i+e[t+f],f+=p,l-=8);for(a=i&(1<<-l)-1,i>>=-l,l+=r;l>0;a=256*a+e[t+f],f+=p,l-=8);if(0===i)i=1-u;else{if(i===c)return a?NaN:1/0*(d?-1:1);a+=Math.pow(2,r),i-=u}return(d?-1:1)*a*Math.pow(2,i-r)},t.write=function(e,t,n,r,o,i){var a,s,c,u=8*i-o-1,l=(1<>1,p=23===o?5960464477539062e-23:0,d=r?0:i-1,h=r?1:-1,m=t<0||0===t&&1/t<0?1:0;for(isNaN(t=Math.abs(t))||t===1/0?(s=isNaN(t)?1:0,a=l):(a=Math.floor(Math.log(t)/Math.LN2),t*(c=Math.pow(2,-a))<1&&(a--,c*=2),a+f>=1?t+=p/c:t+=p*Math.pow(2,1-f),t*c>=2&&(a++,c/=2),a+f>=l?(s=0,a=l):a+f>=1?(s=(t*c-1)*Math.pow(2,o),a+=f):(s=t*Math.pow(2,f-1)*Math.pow(2,o),a=0));o>=8;e[n+d]=255&s,d+=h,s/=256,o-=8);for(a=a<0;e[n+d]=255&a,d+=h,a/=256,u-=8);e[n+d-h]|=128*m}},61353:function(e,t){"use strict";!function(){function e(e){this.string=e;for(var t=[0],n=0;nthis.string.length)return null;for(var t=0,n=this.offsets;n[t+1]<=e;)t++;var r=e-n[t];return{line:t,column:r}},e.prototype.indexForLocation=function(e){var t=e.line,n=e.column;return t<0||t>=this.offsets.length||n<0||n>this.lengthOfLine(t)?null:this.offsets[t]+n},e.prototype.lengthOfLine=function(e){var t=this.offsets[e];return(e===this.offsets.length-1?this.string.length:this.offsets[e+1])-t}}()},77485:function(e,t,n){var r,o="__lodash_hash_undefined__",i=1/0,a=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,s=/^\w*$/,c=/^\./,u=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,l=/\\(\\)?/g,f=/^\[object .+?Constructor\]$/,p="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,d="object"==typeof self&&self&&self.Object===Object&&self,h=p||d||Function("return this")(),m=Array.prototype,g=Function.prototype,y=Object.prototype,v=h["__core-js_shared__"],b=(r=/[^.]+$/.exec(v&&v.keys&&v.keys.IE_PROTO||""))?"Symbol(src)_1."+r:"",k=g.toString,x=y.hasOwnProperty,w=y.toString,_=RegExp("^"+k.call(x).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),S=h.Symbol,E=m.splice,O=F(h,"Map"),j=F(Object,"create"),T=S?S.prototype:void 0,C=T?T.toString:void 0;function A(e){var t=-1,n=e?e.length:0;for(this.clear();++t-1},R.prototype.set=function(e,t){var n=this.__data__,r=P(n,e);return r<0?n.push([e,t]):n[r][1]=t,this},I.prototype.clear=function(){this.__data__={hash:new A,map:new(O||R),string:new A}},I.prototype.delete=function(e){return Z(this,e).delete(e)},I.prototype.get=function(e){return Z(this,e).get(e)},I.prototype.has=function(e){return Z(this,e).has(e)},I.prototype.set=function(e,t){return Z(this,e).set(e,t),this};var N=L(function(e){e=null==(t=e)?"":function(e){if("string"==typeof e)return e;if(B(e))return C?C.call(e):"";var t=e+"";return"0"==t&&1/e==-i?"-0":t}(t);var t,n=[];return c.test(e)&&n.push(""),e.replace(u,function(e,t,r,o){n.push(r?o.replace(l,"$1"):t||e)}),n});function L(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw TypeError("Expected a function");var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a),a};return n.cache=new(L.Cache||I),n}L.Cache=I;var M=Array.isArray;function D(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function B(e){return"symbol"==typeof e||!!e&&"object"==typeof e&&"[object Symbol]"==w.call(e)}e.exports=function(e,t,n){var r=null==e?void 0:function(e,t){var n;t=!function(e,t){if(M(e))return!1;var n=typeof e;return!!("number"==n||"symbol"==n||"boolean"==n||null==e||B(e))||s.test(e)||!a.test(e)||null!=t&&e in Object(t)}(t,e)?M(n=t)?n:N(n):[t];for(var r=0,o=t.length;null!=e&&r=t||n<0||g&&r>=l}function k(){var e,n,r,i=o();if(b(i))return x(i);p=setTimeout(k,(e=i-d,n=i-h,r=t-e,g?s(r,l-n):r))}function x(e){return(p=void 0,y&&c)?v(e):(c=u=void 0,f)}function w(){var e,n=o(),r=b(n);if(c=arguments,u=this,d=n,r){if(void 0===p)return h=e=d,p=setTimeout(k,t),m?v(e):f;if(g)return clearTimeout(p),p=setTimeout(k,t),v(d)}return void 0===p&&(p=setTimeout(k,t)),f}return t=i(t)||0,r(n)&&(m=!!n.leading,l=(g="maxWait"in n)?a(i(n.maxWait)||0,t):l,y="trailing"in n?!!n.trailing:y),w.cancel=function(){void 0!==p&&clearTimeout(p),h=0,c=d=u=p=void 0},w.flush=function(){return void 0===p?f:x(o())},w}},29259:function(e){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},15125:function(e){e.exports=function(e){return null!=e&&"object"==typeof e}},4795:function(e,t,n){var r=n(53366),o=n(15125);e.exports=function(e){return"symbol"==typeof e||o(e)&&"[object Symbol]"==r(e)}},76635:function(e,t,n){var r;e=n.nmd(e),(function(){var o,i="Expected a function",a="__lodash_hash_undefined__",s="__lodash_placeholder__",c=1/0,u=0/0,l=[["ary",128],["bind",1],["bindKey",2],["curry",8],["curryRight",16],["flip",512],["partial",32],["partialRight",64],["rearg",256]],f="[object Arguments]",p="[object Array]",d="[object Boolean]",h="[object Date]",m="[object Error]",g="[object Function]",y="[object GeneratorFunction]",v="[object Map]",b="[object Number]",k="[object Object]",x="[object Promise]",w="[object RegExp]",_="[object Set]",S="[object String]",E="[object Symbol]",O="[object WeakMap]",j="[object ArrayBuffer]",T="[object DataView]",C="[object Float32Array]",A="[object Float64Array]",R="[object Int8Array]",I="[object Int16Array]",P="[object Int32Array]",Z="[object Uint8Array]",F="[object Uint8ClampedArray]",N="[object Uint16Array]",L="[object Uint32Array]",M=/\b__p \+= '';/g,D=/\b(__p \+=) '' \+/g,B=/(__e\(.*?\)|\b__t\)) \+\n'';/g,z=/&(?:amp|lt|gt|quot|#39);/g,$=/[&<>"']/g,U=RegExp(z.source),H=RegExp($.source),q=/<%-([\s\S]+?)%>/g,W=/<%([\s\S]+?)%>/g,V=/<%=([\s\S]+?)%>/g,K=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Q=/^\w*$/,G=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Y=/[\\^$.*+?()[\]{}|]/g,X=RegExp(Y.source),J=/^\s+/,ee=/\s/,et=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,en=/\{\n\/\* \[wrapped with (.+)\] \*/,er=/,? & /,eo=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,ei=/[()=,{}\[\]\/\s]/,ea=/\\(\\)?/g,es=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,ec=/\w*$/,eu=/^[-+]0x[0-9a-f]+$/i,el=/^0b[01]+$/i,ef=/^\[object .+?Constructor\]$/,ep=/^0o[0-7]+$/i,ed=/^(?:0|[1-9]\d*)$/,eh=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,em=/($^)/,eg=/['\n\r\u2028\u2029\\]/g,ey="\ud800-\udfff",ev="\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff",eb="\\u2700-\\u27bf",ek="a-z\\xdf-\\xf6\\xf8-\\xff",ex="A-Z\\xc0-\\xd6\\xd8-\\xde",ew="\\ufe0e\\ufe0f",e_="\\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",eS="['’]",eE="["+e_+"]",eO="["+ev+"]",ej="["+ek+"]",eT="[^"+ey+e_+"\\d+"+eb+ek+ex+"]",eC="\ud83c[\udffb-\udfff]",eA="[^"+ey+"]",eR="(?:\ud83c[\udde6-\uddff]){2}",eI="[\ud800-\udbff][\udc00-\udfff]",eP="["+ex+"]",eZ="\\u200d",eF="(?:"+ej+"|"+eT+")",eN="(?:"+eS+"(?:d|ll|m|re|s|t|ve))?",eL="(?:"+eS+"(?:D|LL|M|RE|S|T|VE))?",eM="(?:"+eO+"|"+eC+")?",eD="["+ew+"]?",eB="(?:"+eZ+"(?:"+[eA,eR,eI].join("|")+")"+eD+eM+")*",ez=eD+eM+eB,e$="(?:"+["["+eb+"]",eR,eI].join("|")+")"+ez,eU="(?:"+[eA+eO+"?",eO,eR,eI,"["+ey+"]"].join("|")+")",eH=RegExp(eS,"g"),eq=RegExp(eO,"g"),eW=RegExp(eC+"(?="+eC+")|"+eU+ez,"g"),eV=RegExp([eP+"?"+ej+"+"+eN+"(?="+[eE,eP,"$"].join("|")+")","(?:"+eP+"|"+eT+")+"+eL+"(?="+[eE,eP+eF,"$"].join("|")+")",eP+"?"+eF+"+"+eN,eP+"+"+eL,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])","\\d+",e$].join("|"),"g"),eK=RegExp("["+eZ+ey+ev+ew+"]"),eQ=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/,eG=["Array","Buffer","DataView","Date","Error","Float32Array","Float64Array","Function","Int8Array","Int16Array","Int32Array","Map","Math","Object","Promise","RegExp","Set","String","Symbol","TypeError","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","WeakMap","_","clearTimeout","isFinite","parseInt","setTimeout"],eY=-1,eX={};eX[C]=eX[A]=eX[R]=eX[I]=eX[P]=eX[Z]=eX[F]=eX[N]=eX[L]=!0,eX[f]=eX[p]=eX[j]=eX[d]=eX[T]=eX[h]=eX[m]=eX[g]=eX[v]=eX[b]=eX[k]=eX[w]=eX[_]=eX[S]=eX[O]=!1;var eJ={};eJ[f]=eJ[p]=eJ[j]=eJ[T]=eJ[d]=eJ[h]=eJ[C]=eJ[A]=eJ[R]=eJ[I]=eJ[P]=eJ[v]=eJ[b]=eJ[k]=eJ[w]=eJ[_]=eJ[S]=eJ[E]=eJ[Z]=eJ[F]=eJ[N]=eJ[L]=!0,eJ[m]=eJ[g]=eJ[O]=!1;var e1={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},e0=parseFloat,e2=parseInt,e5="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,e3="object"==typeof self&&self&&self.Object===Object&&self,e6=e5||e3||Function("return this")(),e4=t&&!t.nodeType&&t,e8=e4&&e&&!e.nodeType&&e,e9=e8&&e8.exports===e4,e7=e9&&e5.process,te=function(){try{var e=e8&&e8.require&&e8.require("util").types;if(e)return e;return e7&&e7.binding&&e7.binding("util")}catch(e){}}(),tt=te&&te.isArrayBuffer,tn=te&&te.isDate,tr=te&&te.isMap,to=te&&te.isRegExp,ti=te&&te.isSet,ta=te&&te.isTypedArray;function ts(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}function tc(e,t,n,r){for(var o=-1,i=null==e?0:e.length;++o-1}function td(e,t,n){for(var r=-1,o=null==e?0:e.length;++r-1;);return n}function tN(e,t){for(var n=e.length;n--&&tw(t,e[n],0)>-1;);return n}var tL=tj({À:"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"}),tM=tj({"&":"&","<":"<",">":">",'"':""","'":"'"});function tD(e){return"\\"+e1[e]}function tB(e){return eK.test(e)}function tz(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}function t$(e,t){return function(n){return e(t(n))}}function tU(e,t){for(var n=-1,r=e.length,o=0,i=[];++n",""":'"',"'":"'"}),tQ=function e(t){var n,r,ee,ey,ev=(t=null==t?e6:tQ.defaults(e6.Object(),t,tQ.pick(e6,eG))).Array,eb=t.Date,ek=t.Error,ex=t.Function,ew=t.Math,e_=t.Object,eS=t.RegExp,eE=t.String,eO=t.TypeError,ej=ev.prototype,eT=ex.prototype,eC=e_.prototype,eA=t["__core-js_shared__"],eR=eT.toString,eI=eC.hasOwnProperty,eP=0,eZ=(n=/[^.]+$/.exec(eA&&eA.keys&&eA.keys.IE_PROTO||""))?"Symbol(src)_1."+n:"",eF=eC.toString,eN=eR.call(e_),eL=e6._,eM=eS("^"+eR.call(eI).replace(Y,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),eD=e9?t.Buffer:o,eB=t.Symbol,ez=t.Uint8Array,e$=eD?eD.allocUnsafe:o,eU=t$(e_.getPrototypeOf,e_),eW=e_.create,eK=eC.propertyIsEnumerable,e1=ej.splice,e5=eB?eB.isConcatSpreadable:o,e3=eB?eB.iterator:o,e4=eB?eB.toStringTag:o,e8=function(){try{var e=op(e_,"defineProperty");return e({},"",{}),e}catch(e){}}(),e7=t.clearTimeout!==e6.clearTimeout&&t.clearTimeout,te=eb&&eb.now!==e6.Date.now&&eb.now,tb=t.setTimeout!==e6.setTimeout&&t.setTimeout,tj=ew.ceil,tG=ew.floor,tY=e_.getOwnPropertySymbols,tX=eD?eD.isBuffer:o,tJ=t.isFinite,t1=ej.join,t0=t$(e_.keys,e_),t2=ew.max,t5=ew.min,t3=eb.now,t6=t.parseInt,t4=ew.random,t8=ej.reverse,t9=op(t,"DataView"),t7=op(t,"Map"),ne=op(t,"Promise"),nt=op(t,"Set"),nn=op(t,"WeakMap"),nr=op(e_,"create"),no=nn&&new nn,ni={},na=oL(t9),ns=oL(t7),nc=oL(ne),nu=oL(nt),nl=oL(nn),nf=eB?eB.prototype:o,np=nf?nf.valueOf:o,nd=nf?nf.toString:o;function nh(e){if(iW(e)&&!iF(e)&&!(e instanceof nv)){if(e instanceof ny)return e;if(eI.call(e,"__wrapped__"))return oM(e)}return new ny(e)}var nm=function(){function e(){}return function(t){if(!iq(t))return{};if(eW)return eW(t);e.prototype=t;var n=new e;return e.prototype=o,n}}();function ng(){}function ny(e,t){this.__wrapped__=e,this.__actions__=[],this.__chain__=!!t,this.__index__=0,this.__values__=o}function nv(e){this.__wrapped__=e,this.__actions__=[],this.__dir__=1,this.__filtered__=!1,this.__iteratees__=[],this.__takeCount__=4294967295,this.__views__=[]}function nb(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t=t?e:t)),e}function nZ(e,t,n,r,i,a){var s,c=1&t,u=2&t,l=4&t;if(n&&(s=i?n(e,r,i,a):n(e)),o!==s)return s;if(!iq(e))return e;var p=iF(e);if(p){if(m=e.length,x=new e.constructor(m),m&&"string"==typeof e[0]&&eI.call(e,"index")&&(x.index=e.index,x.input=e.input),s=x,!c)return rB(e,s)}else{var m,x,O,M,D,B=om(e),z=B==g||B==y;if(iD(e))return rZ(e,c);if(B==k||B==f||z&&!i){if(s=u||z?{}:oy(e),!c)return u?(O=(D=s)&&rz(e,ad(e),D),rz(e,oh(e),O)):(M=nA(s,e),rz(e,od(e),M))}else{if(!eJ[B])return i?e:{};s=function(e,t,n){var r,o,i=e.constructor;switch(t){case j:return rF(e);case d:case h:return new i(+e);case T:return r=n?rF(e.buffer):e.buffer,new e.constructor(r,e.byteOffset,e.byteLength);case C:case A:case R:case I:case P:case Z:case F:case N:case L:return rN(e,n);case v:return new i;case b:case S:return new i(e);case w:return(o=new e.constructor(e.source,ec.exec(e))).lastIndex=e.lastIndex,o;case _:return new i;case E:return np?e_(np.call(e)):{}}}(e,B,c)}}a||(a=new n_);var $=a.get(e);if($)return $;a.set(e,s),iY(e)?e.forEach(function(r){s.add(nZ(r,t,n,r,e,a))}):iV(e)&&e.forEach(function(r,o){s.set(o,nZ(r,t,n,o,e,a))});var U=l?u?oi:oo:u?ad:ap,H=p?o:U(e);return tu(H||e,function(r,o){H&&(r=e[o=r]),nj(s,o,nZ(r,t,n,o,e,a))}),s}function nF(e,t,n){var r=n.length;if(null==e)return!r;for(e=e_(e);r--;){var i=n[r],a=t[i],s=e[i];if(o===s&&!(i in e)||!a(s))return!1}return!0}function nN(e,t,n){if("function"!=typeof e)throw new eO(i);return oA(function(){e.apply(o,n)},t)}function nL(e,t,n,r){var o=-1,i=tp,a=!0,s=e.length,c=[],u=t.length;if(!s)return c;n&&(t=th(t,tI(n))),r?(i=td,a=!1):t.length>=200&&(i=tZ,a=!1,t=new nw(t));e:for(;++o-1},nk.prototype.set=function(e,t){var n=this.__data__,r=nT(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},nx.prototype.clear=function(){this.size=0,this.__data__={hash:new nb,map:new(t7||nk),string:new nb}},nx.prototype.delete=function(e){var t=ol(this,e).delete(e);return this.size-=t?1:0,t},nx.prototype.get=function(e){return ol(this,e).get(e)},nx.prototype.has=function(e){return ol(this,e).has(e)},nx.prototype.set=function(e,t){var n=ol(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},nw.prototype.add=nw.prototype.push=function(e){return this.__data__.set(e,a),this},nw.prototype.has=function(e){return this.__data__.has(e)},n_.prototype.clear=function(){this.__data__=new nk,this.size=0},n_.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},n_.prototype.get=function(e){return this.__data__.get(e)},n_.prototype.has=function(e){return this.__data__.has(e)},n_.prototype.set=function(e,t){var n=this.__data__;if(n instanceof nk){var r=n.__data__;if(!t7||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new nx(r)}return n.set(e,t),this.size=n.size,this};var nM=rH(nW),nD=rH(nV,!0);function nB(e,t){var n=!0;return nM(e,function(e,r,o){return n=!!t(e,r,o)}),n}function nz(e,t,n){for(var r=-1,i=e.length;++r0&&n(s)?t>1?nU(s,t-1,n,r,o):tm(o,s):r||(o[o.length]=s)}return o}var nH=rq(),nq=rq(!0);function nW(e,t){return e&&nH(e,t,ap)}function nV(e,t){return e&&nq(e,t,ap)}function nK(e,t){return tf(t,function(t){return i$(e[t])})}function nQ(e,t){t=rR(t,e);for(var n=0,r=t.length;null!=e&&nt}function nJ(e,t){return null!=e&&eI.call(e,t)}function n1(e,t){return null!=e&&t in e_(e)}function n0(e,t,n){for(var r=n?td:tp,i=e[0].length,a=e.length,s=a,c=ev(a),u=1/0,l=[];s--;){var f=e[s];s&&t&&(f=th(f,tI(t))),u=t5(f.length,u),c[s]=!n&&(t||i>=120&&f.length>=120)?new nw(s&&f):o}f=e[0];var p=-1,d=c[0];e:for(;++p=s)return c;return c*("desc"==n[r]?-1:1)}}return e.index-t.index}(e,t,n)})}function ra(e,t,n){for(var r=-1,o=t.length,i={};++r-1;)s!==e&&e1.call(s,c,1),e1.call(e,c,1);return e}function rc(e,t){for(var n=e?t.length:0,r=n-1;n--;){var o=t[n];if(n==r||o!==i){var i=o;ob(o)?e1.call(e,o,1):r_(e,o)}}return e}function ru(e,t){return e+tG(t4()*(t-e+1))}function rl(e,t){var n="";if(!e||t<1||t>9007199254740991)return n;do t%2&&(n+=e),(t=tG(t/2))&&(e+=e);while(t);return n}function rf(e,t){return oR(oO(e,t,aM),e+"")}function rp(e,t,n,r){if(!iq(e))return e;t=rR(t,e);for(var i=-1,a=t.length,s=a-1,c=e;null!=c&&++io?0:o+t),(n=n>o?o:n)<0&&(n+=o),o=t>n?0:n-t>>>0,t>>>=0;for(var i=ev(o);++r>>1,a=e[i];null!==a&&!iJ(a)&&(n?a<=t:a=200){var u=t?null:r4(e);if(u)return tH(u);a=!1,o=tZ,c=new nw}else c=t?[]:s;e:for(;++r=r?e:rm(e,t,n)}var rP=e7||function(e){return e6.clearTimeout(e)};function rZ(e,t){if(t)return e.slice();var n=e.length,r=e$?e$(n):new e.constructor(n);return e.copy(r),r}function rF(e){var t=new e.constructor(e.byteLength);return new ez(t).set(new ez(e)),t}function rN(e,t){var n=t?rF(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}function rL(e,t){if(e!==t){var n=o!==e,r=null===e,i=e==e,a=iJ(e),s=o!==t,c=null===t,u=t==t,l=iJ(t);if(!c&&!l&&!a&&e>t||a&&s&&u&&!c&&!l||r&&s&&u||!n&&u||!i)return 1;if(!r&&!a&&!l&&e1?n[i-1]:o,s=i>2?n[2]:o;for(a=e.length>3&&"function"==typeof a?(i--,a):o,s&&ok(n[0],n[1],s)&&(a=i<3?o:a,i=1),t=e_(t);++r-1?i[a?t[s]:s]:o}}function rG(e){return or(function(t){var n=t.length,r=n,a=ny.prototype.thru;for(e&&t.reverse();r--;){var s=t[r];if("function"!=typeof s)throw new eO(i);if(a&&!c&&"wrapper"==os(s))var c=new ny([],!0)}for(r=c?r:n;++r1&&b.reverse(),f&&uc))return!1;var l=a.get(e),f=a.get(t);if(l&&f)return l==t&&f==e;var p=-1,d=!0,h=2&n?new nw:o;for(a.set(e,t),a.set(t,e);++p-1&&e%1==0&&e1?"& ":"")+t[r],t=t.join(n>2?", ":" "),e.replace(et,"{\n/* [wrapped with "+t+"] */\n")}(i,(r=(o=i.match(en))?o[1].split(er):[],tu(l,function(e){var t="_."+e[0];n&e[1]&&!tp(r,t)&&r.push(t)}),r.sort())))}function oP(e){var t=0,n=0;return function(){var r=t3(),i=16-(r-n);if(n=r,i>0){if(++t>=800)return arguments[0]}else t=0;return e.apply(o,arguments)}}function oZ(e,t){var n=-1,r=e.length,i=r-1;for(t=o===t?r:t;++n1?e[t-1]:o;return n="function"==typeof n?(e.pop(),n):o,o3(e,n)});function it(e){var t=nh(e);return t.__chain__=!0,t}function ir(e,t){return t(e)}var io=or(function(e){var t=e.length,n=t?e[0]:0,r=this.__wrapped__,i=function(t){return nI(t,e)};return!(t>1)&&!this.__actions__.length&&r instanceof nv&&ob(n)?((r=r.slice(n,+n+(t?1:0))).__actions__.push({func:ir,args:[i],thisArg:o}),new ny(r,this.__chain__).thru(function(e){return t&&!e.length&&e.push(o),e})):this.thru(i)}),ii=r$(function(e,t,n){eI.call(e,n)?++e[n]:nR(e,n,1)}),ia=rQ(o$),is=rQ(oU);function ic(e,t){return(iF(e)?tu:nM)(e,ou(t,3))}function iu(e,t){return(iF(e)?function(e,t){for(var n=null==e?0:e.length;n--&&!1!==t(e[n],n,e););return e}:nD)(e,ou(t,3))}var il=r$(function(e,t,n){eI.call(e,n)?e[n].push(t):nR(e,n,[t])}),ip=rf(function(e,t,n){var r=-1,o="function"==typeof t,i=iL(e)?ev(e.length):[];return nM(e,function(e){i[++r]=o?ts(t,e,n):n2(e,t,n)}),i}),id=r$(function(e,t,n){nR(e,n,t)});function ih(e,t){return(iF(e)?th:re)(e,ou(t,3))}var im=r$(function(e,t,n){e[n?0:1].push(t)},function(){return[[],[]]}),ig=rf(function(e,t){if(null==e)return[];var n=t.length;return n>1&&ok(e,t[0],t[1])?t=[]:n>2&&ok(t[0],t[1],t[2])&&(t=[t[0]]),ri(e,nU(t,1),[])}),iy=te||function(){return e6.Date.now()};function iv(e,t,n){return t=n?o:t,t=e&&null==t?e.length:t,r9(e,128,o,o,o,o,t)}function ib(e,t){var n;if("function"!=typeof t)throw new eO(i);return e=i6(e),function(){return--e>0&&(n=t.apply(this,arguments)),e<=1&&(t=o),n}}var ik=rf(function(e,t,n){var r=1;if(n.length){var o=tU(n,oc(ik));r|=32}return r9(e,r,t,n,o)}),ix=rf(function(e,t,n){var r=3;if(n.length){var o=tU(n,oc(ix));r|=32}return r9(t,r,e,n,o)});function iw(e,t,n){var r,a,s,c,u,l,f=0,p=!1,d=!1,h=!0;if("function"!=typeof e)throw new eO(i);function m(t){var n=r,i=a;return r=a=o,f=t,c=e.apply(i,n)}function g(e){var n=e-l,r=e-f;return o===l||n>=t||n<0||d&&r>=s}function y(){var e,n,r,o=iy();if(g(o))return v(o);u=oA(y,(e=o-l,n=o-f,r=t-e,d?t5(r,s-n):r))}function v(e){return(u=o,h&&r)?m(e):(r=a=o,c)}function b(){var e,n=iy(),i=g(n);if(r=arguments,a=this,l=n,i){if(o===u)return f=e=l,u=oA(y,t),p?m(e):c;if(d)return rP(u),u=oA(y,t),m(l)}return o===u&&(u=oA(y,t)),c}return t=i8(t)||0,iq(n)&&(p=!!n.leading,s=(d="maxWait"in n)?t2(i8(n.maxWait)||0,t):s,h="trailing"in n?!!n.trailing:h),b.cancel=function(){o!==u&&rP(u),f=0,r=l=a=u=o},b.flush=function(){return o===u?c:v(iy())},b}var i_=rf(function(e,t){return nN(e,1,t)}),iS=rf(function(e,t,n){return nN(e,i8(t)||0,n)});function iE(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new eO(i);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(iE.Cache||nx),n}function iO(e){if("function"!=typeof e)throw new eO(i);return function(){var t=arguments;switch(t.length){case 0:return!e.call(this);case 1:return!e.call(this,t[0]);case 2:return!e.call(this,t[0],t[1]);case 3:return!e.call(this,t[0],t[1],t[2])}return!e.apply(this,t)}}iE.Cache=nx;var ij=rf(function(e,t){var n=(t=1==t.length&&iF(t[0])?th(t[0],tI(ou())):th(nU(t,1),tI(ou()))).length;return rf(function(r){for(var o=-1,i=t5(r.length,n);++o=t}),iZ=n5(function(){return arguments}())?n5:function(e){return iW(e)&&eI.call(e,"callee")&&!eK.call(e,"callee")},iF=ev.isArray,iN=tt?tI(tt):function(e){return iW(e)&&nY(e)==j};function iL(e){return null!=e&&iH(e.length)&&!i$(e)}function iM(e){return iW(e)&&iL(e)}var iD=tX||aY,iB=tn?tI(tn):function(e){return iW(e)&&nY(e)==h};function iz(e){if(!iW(e))return!1;var t=nY(e);return t==m||"[object DOMException]"==t||"string"==typeof e.message&&"string"==typeof e.name&&!iQ(e)}function i$(e){if(!iq(e))return!1;var t=nY(e);return t==g||t==y||"[object AsyncFunction]"==t||"[object Proxy]"==t}function iU(e){return"number"==typeof e&&e==i6(e)}function iH(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}function iq(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function iW(e){return null!=e&&"object"==typeof e}var iV=tr?tI(tr):function(e){return iW(e)&&om(e)==v};function iK(e){return"number"==typeof e||iW(e)&&nY(e)==b}function iQ(e){if(!iW(e)||nY(e)!=k)return!1;var t=eU(e);if(null===t)return!0;var n=eI.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&eR.call(n)==eN}var iG=to?tI(to):function(e){return iW(e)&&nY(e)==w},iY=ti?tI(ti):function(e){return iW(e)&&om(e)==_};function iX(e){return"string"==typeof e||!iF(e)&&iW(e)&&nY(e)==S}function iJ(e){return"symbol"==typeof e||iW(e)&&nY(e)==E}var i1=ta?tI(ta):function(e){return iW(e)&&iH(e.length)&&!!eX[nY(e)]},i0=r5(n7),i2=r5(function(e,t){return e<=t});function i5(e){if(!e)return[];if(iL(e))return iX(e)?tW(e):rB(e);if(e3&&e[e3])return function(e){for(var t,n=[];!(t=e.next()).done;)n.push(t.value);return n}(e[e3]());var t=om(e);return(t==v?tz:t==_?tH:ax)(e)}function i3(e){return e?(e=i8(e))===c||e===-c?(e<0?-1:1)*17976931348623157e292:e==e?e:0:0===e?e:0}function i6(e){var t=i3(e),n=t%1;return t==t?n?t-n:t:0}function i4(e){return e?nP(i6(e),0,4294967295):0}function i8(e){if("number"==typeof e)return e;if(iJ(e))return u;if(iq(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=iq(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=tR(e);var n=el.test(e);return n||ep.test(e)?e2(e.slice(2),n?2:8):eu.test(e)?u:+e}function i9(e){return rz(e,ad(e))}function i7(e){return null==e?"":rx(e)}var ae=rU(function(e,t){if(oS(t)||iL(t)){rz(t,ap(t),e);return}for(var n in t)eI.call(t,n)&&nj(e,n,t[n])}),at=rU(function(e,t){rz(t,ad(t),e)}),an=rU(function(e,t,n,r){rz(t,ad(t),e,r)}),ar=rU(function(e,t,n,r){rz(t,ap(t),e,r)}),ao=or(nI),ai=rf(function(e,t){e=e_(e);var n=-1,r=t.length,i=r>2?t[2]:o;for(i&&ok(t[0],t[1],i)&&(r=1);++n1),t}),rz(e,oi(e),n),r&&(n=nZ(n,7,ot));for(var o=t.length;o--;)r_(n,t[o]);return n}),ay=or(function(e,t){return null==e?{}:ra(e,t,function(t,n){return ac(e,n)})});function av(e,t){if(null==e)return{};var n=th(oi(e),function(e){return[e]});return t=ou(t),ra(e,n,function(e,n){return t(e,n[0])})}var ab=r8(ap),ak=r8(ad);function ax(e){return null==e?[]:tP(e,ap(e))}var aw=rV(function(e,t,n){return t=t.toLowerCase(),e+(n?a_(t):t)});function a_(e){return aR(i7(e).toLowerCase())}function aS(e){return(e=i7(e))&&e.replace(eh,tL).replace(eq,"")}var aE=rV(function(e,t,n){return e+(n?"-":"")+t.toLowerCase()}),aO=rV(function(e,t,n){return e+(n?" ":"")+t.toLowerCase()}),aj=rW("toLowerCase"),aT=rV(function(e,t,n){return e+(n?"_":"")+t.toLowerCase()}),aC=rV(function(e,t,n){return e+(n?" ":"")+aR(t)}),aA=rV(function(e,t,n){return e+(n?" ":"")+t.toUpperCase()}),aR=rW("toUpperCase");function aI(e,t,n){if(e=i7(e),t=n?o:t,o===t){var r;return(r=e,eQ.test(r))?e.match(eV)||[]:e.match(eo)||[]}return e.match(t)||[]}var aP=rf(function(e,t){try{return ts(e,o,t)}catch(e){return iz(e)?e:new ek(e)}}),aZ=or(function(e,t){return tu(t,function(t){nR(e,t=oN(t),ik(e[t],e))}),e});function aF(e){return function(){return e}}var aN=rG(),aL=rG(!0);function aM(e){return e}function aD(e){return n8("function"==typeof e?e:nZ(e,1))}var aB=rf(function(e,t){return function(n){return n2(n,e,t)}}),az=rf(function(e,t){return function(n){return n2(e,n,t)}});function a$(e,t,n){var r=ap(t),o=nK(t,r);null!=n||iq(t)&&(o.length||!r.length)||(n=t,t=e,e=this,o=nK(t,ap(t)));var i=!(iq(n)&&"chain"in n)||!!n.chain,a=i$(e);return tu(o,function(n){var r=t[n];e[n]=r,a&&(e.prototype[n]=function(){var t=this.__chain__;if(i||t){var n=e(this.__wrapped__);return(n.__actions__=rB(this.__actions__)).push({func:r,args:arguments,thisArg:e}),n.__chain__=t,n}return r.apply(e,tm([this.value()],arguments))})}),e}function aU(){}var aH=r1(th),aq=r1(tl),aW=r1(tv);function aV(e){return ox(e)?tO(oN(e)):function(t){return nQ(t,e)}}var aK=r2(),aQ=r2(!0);function aG(){return[]}function aY(){return!1}var aX=rJ(function(e,t){return e+t},0),aJ=r6("ceil"),a1=rJ(function(e,t){return e/t},1),a0=r6("floor"),a2=rJ(function(e,t){return e*t},1),a5=r6("round"),a3=rJ(function(e,t){return e-t},0);return nh.after=function(e,t){if("function"!=typeof t)throw new eO(i);return e=i6(e),function(){if(--e<1)return t.apply(this,arguments)}},nh.ary=iv,nh.assign=ae,nh.assignIn=at,nh.assignInWith=an,nh.assignWith=ar,nh.at=ao,nh.before=ib,nh.bind=ik,nh.bindAll=aZ,nh.bindKey=ix,nh.castArray=function(){if(!arguments.length)return[];var e=arguments[0];return iF(e)?e:[e]},nh.chain=it,nh.chunk=function(e,t,n){t=(n?ok(e,t,n):o===t)?1:t2(i6(t),0);var r=null==e?0:e.length;if(!r||t<1)return[];for(var i=0,a=0,s=ev(tj(r/t));ii?0:i+n),(r=o===r||r>i?i:i6(r))<0&&(r+=i),r=n>r?0:i4(r);n>>0)?(e=i7(e))&&("string"==typeof t||null!=t&&!iG(t))&&!(t=rx(t))&&tB(e)?rI(tW(e),0,n):e.split(t,n):[]},nh.spread=function(e,t){if("function"!=typeof e)throw new eO(i);return t=null==t?0:t2(i6(t),0),rf(function(n){var r=n[t],o=rI(n,0,t);return r&&tm(o,r),ts(e,this,o)})},nh.tail=function(e){var t=null==e?0:e.length;return t?rm(e,1,t):[]},nh.take=function(e,t,n){return e&&e.length?rm(e,0,(t=n||o===t?1:i6(t))<0?0:t):[]},nh.takeRight=function(e,t,n){var r=null==e?0:e.length;return r?rm(e,(t=r-(t=n||o===t?1:i6(t)))<0?0:t,r):[]},nh.takeRightWhile=function(e,t){return e&&e.length?rE(e,ou(t,3),!1,!0):[]},nh.takeWhile=function(e,t){return e&&e.length?rE(e,ou(t,3)):[]},nh.tap=function(e,t){return t(e),e},nh.throttle=function(e,t,n){var r=!0,o=!0;if("function"!=typeof e)throw new eO(i);return iq(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),iw(e,t,{leading:r,maxWait:t,trailing:o})},nh.thru=ir,nh.toArray=i5,nh.toPairs=ab,nh.toPairsIn=ak,nh.toPath=function(e){return iF(e)?th(e,oN):iJ(e)?[e]:rB(oF(i7(e)))},nh.toPlainObject=i9,nh.transform=function(e,t,n){var r=iF(e),o=r||iD(e)||i1(e);if(t=ou(t,4),null==n){var i=e&&e.constructor;n=o?r?new i:[]:iq(e)&&i$(i)?nm(eU(e)):{}}return(o?tu:nW)(e,function(e,r,o){return t(n,e,r,o)}),n},nh.unary=function(e){return iv(e,1)},nh.union=o1,nh.unionBy=o0,nh.unionWith=o2,nh.uniq=function(e){return e&&e.length?rw(e):[]},nh.uniqBy=function(e,t){return e&&e.length?rw(e,ou(t,2)):[]},nh.uniqWith=function(e,t){return t="function"==typeof t?t:o,e&&e.length?rw(e,o,t):[]},nh.unset=function(e,t){return null==e||r_(e,t)},nh.unzip=o5,nh.unzipWith=o3,nh.update=function(e,t,n){return null==e?e:rS(e,t,rA(n))},nh.updateWith=function(e,t,n,r){return r="function"==typeof r?r:o,null==e?e:rS(e,t,rA(n),r)},nh.values=ax,nh.valuesIn=function(e){return null==e?[]:tP(e,ad(e))},nh.without=o6,nh.words=aI,nh.wrap=function(e,t){return iT(rA(t),e)},nh.xor=o4,nh.xorBy=o8,nh.xorWith=o9,nh.zip=o7,nh.zipObject=function(e,t){return rT(e||[],t||[],nj)},nh.zipObjectDeep=function(e,t){return rT(e||[],t||[],rp)},nh.zipWith=ie,nh.entries=ab,nh.entriesIn=ak,nh.extend=at,nh.extendWith=an,a$(nh,nh),nh.add=aX,nh.attempt=aP,nh.camelCase=aw,nh.capitalize=a_,nh.ceil=aJ,nh.clamp=function(e,t,n){return o===n&&(n=t,t=o),o!==n&&(n=(n=i8(n))==n?n:0),o!==t&&(t=(t=i8(t))==t?t:0),nP(i8(e),t,n)},nh.clone=function(e){return nZ(e,4)},nh.cloneDeep=function(e){return nZ(e,5)},nh.cloneDeepWith=function(e,t){return nZ(e,5,t="function"==typeof t?t:o)},nh.cloneWith=function(e,t){return nZ(e,4,t="function"==typeof t?t:o)},nh.conformsTo=function(e,t){return null==t||nF(e,t,ap(t))},nh.deburr=aS,nh.defaultTo=function(e,t){return null==e||e!=e?t:e},nh.divide=a1,nh.endsWith=function(e,t,n){e=i7(e),t=rx(t);var r=e.length,i=n=o===n?r:nP(i6(n),0,r);return(n-=t.length)>=0&&e.slice(n,i)==t},nh.eq=iR,nh.escape=function(e){return(e=i7(e))&&H.test(e)?e.replace($,tM):e},nh.escapeRegExp=function(e){return(e=i7(e))&&X.test(e)?e.replace(Y,"\\$&"):e},nh.every=function(e,t,n){var r=iF(e)?tl:nB;return n&&ok(e,t,n)&&(t=o),r(e,ou(t,3))},nh.find=ia,nh.findIndex=o$,nh.findKey=function(e,t){return tk(e,ou(t,3),nW)},nh.findLast=is,nh.findLastIndex=oU,nh.findLastKey=function(e,t){return tk(e,ou(t,3),nV)},nh.floor=a0,nh.forEach=ic,nh.forEachRight=iu,nh.forIn=function(e,t){return null==e?e:nH(e,ou(t,3),ad)},nh.forInRight=function(e,t){return null==e?e:nq(e,ou(t,3),ad)},nh.forOwn=function(e,t){return e&&nW(e,ou(t,3))},nh.forOwnRight=function(e,t){return e&&nV(e,ou(t,3))},nh.get=as,nh.gt=iI,nh.gte=iP,nh.has=function(e,t){return null!=e&&og(e,t,nJ)},nh.hasIn=ac,nh.head=oq,nh.identity=aM,nh.includes=function(e,t,n,r){e=iL(e)?e:ax(e),n=n&&!r?i6(n):0;var o=e.length;return n<0&&(n=t2(o+n,0)),iX(e)?n<=o&&e.indexOf(t,n)>-1:!!o&&tw(e,t,n)>-1},nh.indexOf=function(e,t,n){var r=null==e?0:e.length;if(!r)return -1;var o=null==n?0:i6(n);return o<0&&(o=t2(r+o,0)),tw(e,t,o)},nh.inRange=function(e,t,n){var r,i,a;return t=i3(t),o===n?(n=t,t=0):n=i3(n),(r=e=i8(e))>=t5(i=t,a=n)&&r=-9007199254740991&&e<=9007199254740991},nh.isSet=iY,nh.isString=iX,nh.isSymbol=iJ,nh.isTypedArray=i1,nh.isUndefined=function(e){return o===e},nh.isWeakMap=function(e){return iW(e)&&om(e)==O},nh.isWeakSet=function(e){return iW(e)&&"[object WeakSet]"==nY(e)},nh.join=function(e,t){return null==e?"":t1.call(e,t)},nh.kebabCase=aE,nh.last=oQ,nh.lastIndexOf=function(e,t,n){var r=null==e?0:e.length;if(!r)return -1;var i=r;return o!==n&&(i=(i=i6(n))<0?t2(r+i,0):t5(i,r-1)),t==t?function(e,t,n){for(var r=n+1;r--&&e[r]!==t;);return r}(e,t,i):tx(e,tS,i,!0)},nh.lowerCase=aO,nh.lowerFirst=aj,nh.lt=i0,nh.lte=i2,nh.max=function(e){return e&&e.length?nz(e,aM,nX):o},nh.maxBy=function(e,t){return e&&e.length?nz(e,ou(t,2),nX):o},nh.mean=function(e){return tE(e,aM)},nh.meanBy=function(e,t){return tE(e,ou(t,2))},nh.min=function(e){return e&&e.length?nz(e,aM,n7):o},nh.minBy=function(e,t){return e&&e.length?nz(e,ou(t,2),n7):o},nh.stubArray=aG,nh.stubFalse=aY,nh.stubObject=function(){return{}},nh.stubString=function(){return""},nh.stubTrue=function(){return!0},nh.multiply=a2,nh.nth=function(e,t){return e&&e.length?ro(e,i6(t)):o},nh.noConflict=function(){return e6._===this&&(e6._=eL),this},nh.noop=aU,nh.now=iy,nh.pad=function(e,t,n){e=i7(e);var r=(t=i6(t))?tq(e):0;if(!t||r>=t)return e;var o=(t-r)/2;return r0(tG(o),n)+e+r0(tj(o),n)},nh.padEnd=function(e,t,n){e=i7(e);var r=(t=i6(t))?tq(e):0;return t&&rt){var r=e;e=t,t=r}if(n||e%1||t%1){var i=t4();return t5(e+i*(t-e+e0("1e-"+((i+"").length-1))),t)}return ru(e,t)},nh.reduce=function(e,t,n){var r=iF(e)?tg:tT,o=arguments.length<3;return r(e,ou(t,4),n,o,nM)},nh.reduceRight=function(e,t,n){var r=iF(e)?ty:tT,o=arguments.length<3;return r(e,ou(t,4),n,o,nD)},nh.repeat=function(e,t,n){return t=(n?ok(e,t,n):o===t)?1:i6(t),rl(i7(e),t)},nh.replace=function(){var e=arguments,t=i7(e[0]);return e.length<3?t:t.replace(e[1],e[2])},nh.result=function(e,t,n){t=rR(t,e);var r=-1,i=t.length;for(i||(i=1,e=o);++r9007199254740991)return[];var n=4294967295,r=t5(e,4294967295);t=ou(t),e-=4294967295;for(var o=tA(r,t);++n=a)return e;var c=n-tq(r);if(c<1)return r;var u=s?rI(s,0,c).join(""):e.slice(0,c);if(o===i)return u+r;if(s&&(c+=u.length-c),iG(i)){if(e.slice(c).search(i)){var l,f=u;for(i.global||(i=eS(i.source,i7(ec.exec(i))+"g")),i.lastIndex=0;l=i.exec(f);)var p=l.index;u=u.slice(0,o===p?c:p)}}else if(e.indexOf(rx(i),c)!=c){var d=u.lastIndexOf(i);d>-1&&(u=u.slice(0,d))}return u+r},nh.unescape=function(e){return(e=i7(e))&&U.test(e)?e.replace(z,tK):e},nh.uniqueId=function(e){var t=++eP;return i7(e)+t},nh.upperCase=aA,nh.upperFirst=aR,nh.each=ic,nh.eachRight=iu,nh.first=oq,a$(nh,(ey={},nW(nh,function(e,t){eI.call(nh.prototype,t)||(ey[t]=e)}),ey),{chain:!1}),nh.VERSION="4.17.21",tu(["bind","bindKey","curry","curryRight","partial","partialRight"],function(e){nh[e].placeholder=nh}),tu(["drop","take"],function(e,t){nv.prototype[e]=function(n){n=o===n?1:t2(i6(n),0);var r=this.__filtered__&&!t?new nv(this):this.clone();return r.__filtered__?r.__takeCount__=t5(n,r.__takeCount__):r.__views__.push({size:t5(n,4294967295),type:e+(r.__dir__<0?"Right":"")}),r},nv.prototype[e+"Right"]=function(t){return this.reverse()[e](t).reverse()}}),tu(["filter","map","takeWhile"],function(e,t){var n=t+1,r=1==n||3==n;nv.prototype[e]=function(e){var t=this.clone();return t.__iteratees__.push({iteratee:ou(e,3),type:n}),t.__filtered__=t.__filtered__||r,t}}),tu(["head","last"],function(e,t){var n="take"+(t?"Right":"");nv.prototype[e]=function(){return this[n](1).value()[0]}}),tu(["initial","tail"],function(e,t){var n="drop"+(t?"":"Right");nv.prototype[e]=function(){return this.__filtered__?new nv(this):this[n](1)}}),nv.prototype.compact=function(){return this.filter(aM)},nv.prototype.find=function(e){return this.filter(e).head()},nv.prototype.findLast=function(e){return this.reverse().find(e)},nv.prototype.invokeMap=rf(function(e,t){return"function"==typeof e?new nv(this):this.map(function(n){return n2(n,e,t)})}),nv.prototype.reject=function(e){return this.filter(iO(ou(e)))},nv.prototype.slice=function(e,t){e=i6(e);var n=this;return n.__filtered__&&(e>0||t<0)?new nv(n):(e<0?n=n.takeRight(-e):e&&(n=n.drop(e)),o!==t&&(n=(t=i6(t))<0?n.dropRight(-t):n.take(t-e)),n)},nv.prototype.takeRightWhile=function(e){return this.reverse().takeWhile(e).reverse()},nv.prototype.toArray=function(){return this.take(4294967295)},nW(nv.prototype,function(e,t){var n=/^(?:filter|find|map|reject)|While$/.test(t),r=/^(?:head|last)$/.test(t),i=nh[r?"take"+("last"==t?"Right":""):t],a=r||/^find/.test(t);i&&(nh.prototype[t]=function(){var t=this.__wrapped__,s=r?[1]:arguments,c=t instanceof nv,u=s[0],l=c||iF(t),f=function(e){var t=i.apply(nh,tm([e],s));return r&&p?t[0]:t};l&&n&&"function"==typeof u&&1!=u.length&&(c=l=!1);var p=this.__chain__,d=!!this.__actions__.length,h=a&&!p,m=c&&!d;if(!a&&l){t=m?t:new nv(this);var g=e.apply(t,s);return g.__actions__.push({func:ir,args:[f],thisArg:o}),new ny(g,p)}return h&&m?e.apply(this,s):(g=this.thru(f),h?r?g.value()[0]:g.value():g)})}),tu(["pop","push","shift","sort","splice","unshift"],function(e){var t=ej[e],n=/^(?:push|sort|unshift)$/.test(e)?"tap":"thru",r=/^(?:pop|shift)$/.test(e);nh.prototype[e]=function(){var e=arguments;if(r&&!this.__chain__){var o=this.value();return t.apply(iF(o)?o:[],e)}return this[n](function(n){return t.apply(iF(n)?n:[],e)})}}),nW(nv.prototype,function(e,t){var n=nh[t];if(n){var r=n.name+"";eI.call(ni,r)||(ni[r]=[]),ni[r].push({name:t,func:n})}}),ni[rY(o,2).name]=[{name:"wrapper",func:o}],nv.prototype.clone=function(){var e=new nv(this.__wrapped__);return e.__actions__=rB(this.__actions__),e.__dir__=this.__dir__,e.__filtered__=this.__filtered__,e.__iteratees__=rB(this.__iteratees__),e.__takeCount__=this.__takeCount__,e.__views__=rB(this.__views__),e},nv.prototype.reverse=function(){if(this.__filtered__){var e=new nv(this);e.__dir__=-1,e.__filtered__=!0}else e=this.clone(),e.__dir__*=-1;return e},nv.prototype.value=function(){var e=this.__wrapped__.value(),t=this.__dir__,n=iF(e),r=t<0,o=n?e.length:0,i=function(e,t,n){for(var r=-1,o=n.length;++r=this.__values__.length,t=e?o:this.__values__[this.__index__++];return{done:e,value:t}},nh.prototype.plant=function(e){for(var t,n=this;n instanceof ng;){var r=oM(n);r.__index__=0,r.__values__=o,t?i.__wrapped__=r:t=r;var i=r;n=n.__wrapped__}return i.__wrapped__=e,t},nh.prototype.reverse=function(){var e=this.__wrapped__;if(e instanceof nv){var t=e;return this.__actions__.length&&(t=new nv(this)),(t=t.reverse()).__actions__.push({func:ir,args:[oJ],thisArg:o}),new ny(t,this.__chain__)}return this.thru(oJ)},nh.prototype.toJSON=nh.prototype.valueOf=nh.prototype.value=function(){return rO(this.__wrapped__,this.__actions__)},nh.prototype.first=nh.prototype.head,e3&&(nh.prototype[e3]=function(){return this}),nh}();e6._=tQ,o!==(r=(function(){return tQ}).call(t,n,t,e))&&(e.exports=r)}).call(this)},61100:function(e,t,n){var r=n(37772);e.exports=function(){return r.Date.now()}},12436:function(e,t,n){var r=n(54073),o=n(29259);e.exports=function(e,t,n){var i=!0,a=!0;if("function"!=typeof e)throw TypeError("Expected a function");return o(n)&&(i="leading"in n?!!n.leading:i,a="trailing"in n?!!n.trailing:a),r(e,t,{leading:i,maxWait:t,trailing:a})}},7642:function(e,t,n){var r=n(51704),o=n(29259),i=n(4795),a=0/0,s=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,u=/^0o[0-7]+$/i,l=parseInt;e.exports=function(e){if("number"==typeof e)return e;if(i(e))return a;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=r(e);var n=c.test(e);return n||u.test(e)?l(e.slice(2),n?2:8):s.test(e)?a:+e}},36954:function(e,t,n){var r,o=function(){var e=String.fromCharCode,t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",r={};function o(e,t){if(!r[e]){r[e]={};for(var n=0;n>>8,n[2*r+1]=a%256}return n},decompressFromUint8Array:function(t){if(null==t)return i.decompress(t);for(var n=Array(t.length/2),r=0,o=n.length;rl.charCodeAt(0)){for(r=0;r>=1}else{for(r=0,o=1;r>=1}0==--f&&(f=Math.pow(2,d),d++),delete s[l]}else for(r=0,o=a[l];r>=1;0==--f&&(f=Math.pow(2,d),d++),a[u]=p++,l=String(c)}if(""!==l){if(Object.prototype.hasOwnProperty.call(s,l)){if(256>l.charCodeAt(0)){for(r=0;r>=1}else{for(r=0,o=1;r>=1}0==--f&&(f=Math.pow(2,d),d++),delete s[l]}else for(r=0,o=a[l];r>=1;0==--f&&(f=Math.pow(2,d),d++)}for(r=0,o=2;r>=1;for(;;){if(m<<=1,g==t-1){h.push(n(m));break}g++}return h.join("")},decompress:function(e){return null==e?"":""==e?null:i._decompress(e.length,32768,function(t){return e.charCodeAt(t)})},_decompress:function(t,n,r){var o,i,a,s,c,u,l,f=[],p=4,d=4,h=3,m="",g=[],y={val:r(0),position:n,index:1};for(o=0;o<3;o+=1)f[o]=o;for(a=0,c=4,u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;switch(a){case 0:for(a=0,c=256,u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;l=e(a);break;case 1:for(a=0,c=65536,u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;l=e(a);break;case 2:return""}for(f[3]=l,i=l,g.push(l);;){if(y.index>t)return"";for(a=0,c=Math.pow(2,h),u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;switch(l=a){case 0:for(a=0,c=256,u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;f[d++]=e(a),l=d-1,p--;break;case 1:for(a=0,c=65536,u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;f[d++]=e(a),l=d-1,p--;break;case 2:return g.join("")}if(0==p&&(p=Math.pow(2,h),h++),f[l])m=f[l];else{if(l!==d)return null;m=i+i.charAt(0)}g.push(m),f[d++]=i+m.charAt(0),p--,i=m,0==p&&(p=Math.pow(2,h),h++)}}};return i}();void 0!==(r=(function(){return o}).call(t,n,t,e))&&(e.exports=r)},92307:function(e){var t;t=function(){"use strict";var e={isEqual:!0,isMatchingKey:!0,isPromise:!0,maxSize:!0,onCacheAdd:!0,onCacheChange:!0,onCacheHit:!0,transformKey:!0},t=Array.prototype.slice;function n(e){var n=e.length;return n?1===n?[e[0]]:2===n?[e[0],e[1]]:3===n?[e[0],e[1],e[2]]:t.call(e,0):[]}function r(e,t){return e===t||e!=e&&t!=t}function o(e,t){var n={};for(var r in e)n[r]=e[r];for(var r in t)n[r]=t[r];return n}var i=function(){function e(e){this.keys=[],this.values=[],this.options=e;var t="function"==typeof e.isMatchingKey;t?this.getKeyIndex=this._getKeyIndexFromMatchingKey:e.maxSize>1?this.getKeyIndex=this._getKeyIndexForMany:this.getKeyIndex=this._getKeyIndexForSingle,this.canTransformKey="function"==typeof e.transformKey,this.shouldCloneArguments=this.canTransformKey||t,this.shouldUpdateOnAdd="function"==typeof e.onCacheAdd,this.shouldUpdateOnChange="function"==typeof e.onCacheChange,this.shouldUpdateOnHit="function"==typeof e.onCacheHit}return Object.defineProperty(e.prototype,"size",{get:function(){return this.keys.length},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"snapshot",{get:function(){return{keys:n(this.keys),size:this.size,values:n(this.values)}},enumerable:!1,configurable:!0}),e.prototype._getKeyIndexFromMatchingKey=function(e){var t=this.options,n=t.isMatchingKey,r=t.maxSize,o=this.keys,i=o.length;if(!i)return -1;if(n(o[0],e))return 0;if(r>1){for(var a=1;a1){for(var s=0;s1){for(var i=0;i=s&&(r.length=o.length=s)},e.prototype.updateAsyncCache=function(e){var t=this,n=this.options,r=n.onCacheChange,o=n.onCacheHit,i=this.keys[0],a=this.values[0];this.values[0]=a.then(function(n){return t.shouldUpdateOnHit&&o(t,t.options,e),t.shouldUpdateOnChange&&r(t,t.options,e),n},function(e){var n=t.getKeyIndex(i);throw -1!==n&&(t.keys.splice(n,1),t.values.splice(n,1)),e})},e}();return function t(a,s){if(void 0===s&&(s={}),"function"==typeof a&&a.isMemoized)return t(a.fn,o(a.options,s));if("function"!=typeof a)throw TypeError("You must pass a function to `memoize`.");var c=s.isEqual,u=s.isMatchingKey,l=s.isPromise,f=void 0!==l&&l,p=s.maxSize,d=s.onCacheAdd,h=s.onCacheChange,m=s.onCacheHit,g=s.transformKey,y=o({isEqual:void 0===c?r:c,isMatchingKey:u,isPromise:f,maxSize:void 0===p?1:p,onCacheAdd:d,onCacheChange:h,onCacheHit:m,transformKey:g},function(t){var n={};for(var r in t)e[r]||(n[r]=t[r]);return n}(s)),v=new i(y),b=v.keys,k=v.values,x=v.canTransformKey,w=v.shouldCloneArguments,_=v.shouldUpdateOnAdd,S=v.shouldUpdateOnChange,E=v.shouldUpdateOnHit,O=function(){var e=w?n(arguments):arguments;x&&(e=g(e));var t=b.length?v.getKeyIndex(e):-1;if(-1!==t)E&&m(v,y,O),t&&(v.orderByLru(b[t],k[t],t),S&&h(v,y,O));else{var r=a.apply(this,arguments),o=w?e:n(arguments);v.orderByLru(o,r,b.length),f&&v.updateAsyncCache(O),_&&d(v,y,O),S&&h(v,y,O)}return k[0]};return O.cache=v,O.fn=a,O.isMemoized=!0,O.options=y,O}},e.exports=t()},12041:function(e,t,n){e.exports=n(69050)},10422:function(e,t){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{ACTION_FAST_REFRESH:function(){return p},ACTION_NAVIGATE:function(){return c},ACTION_PREFETCH:function(){return f},ACTION_REFRESH:function(){return s},ACTION_RESTORE:function(){return u},ACTION_SERVER_ACTION:function(){return d},ACTION_SERVER_PATCH:function(){return l},PrefetchCacheEntryStatus:function(){return a},PrefetchKind:function(){return i},isThenable:function(){return h}});var r,o,i,a,s="refresh",c="navigate",u="restore",l="server-patch",f="prefetch",p="fast-refresh",d="server-action";function h(e){return e&&("object"===n(e)||"function"==typeof e)&&"function"==typeof e.then}(r=i||(i={})).AUTO="auto",r.FULL="full",r.TEMPORARY="temporary",(o=a||(a={})).fresh="fresh",o.reusable="reusable",o.expired="expired",o.stale="stale",("function"==typeof t.default||"object"===n(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},52279:function(e,t,n){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t,n,r){return!1}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getDomainLocale",{enumerable:!0,get:function(){return o}}),n(20311),("function"==typeof t.default||"object"===r(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},27412:function(e,t,n){"use strict";var r=["href","as","children","prefetch","passHref","replace","shallow","scroll","locale","onClick","onMouseEnter","onTouchStart","legacyBehavior"];function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function i(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,r);n=h,N&&("string"==typeof n||"number"==typeof n)&&(n=(0,l.jsx)("a",{children:n}));var M=f.default.useContext(y.RouterContext),D=f.default.useContext(v.AppRouterContext),B=null!=M?M:D,z=!M,$=!1!==O,U=null===O?w.PrefetchKind.AUTO:w.PrefetchKind.FULL,H=f.default.useMemo(function(){if(!M){var e=E(s);return{href:e,as:u?E(u):e}}var t=a((0,p.resolveHref)(M,s,!0),2),n=t[0],r=t[1];return{href:n,as:u?(0,p.resolveHref)(M,u):r||n}},[M,s,u]),q=H.href,W=H.as,V=f.default.useRef(q),K=f.default.useRef(W);N&&(o=f.default.Children.only(n));var Q=N?o&&"object"===c(o)&&o.ref:t,G=a((0,b.useIntersection)({rootMargin:"200px"}),3),Y=G[0],X=G[1],J=G[2],ee=f.default.useCallback(function(e){(K.current!==W||V.current!==q)&&(J(),K.current=W,V.current=q),Y(e),Q&&("function"==typeof Q?Q(e):"object"===c(Q)&&(Q.current=e))},[W,Q,q,J,Y]);f.default.useEffect(function(){B&&X&&$&&S(B,q,W,{locale:R},{kind:U},z)},[W,q,X,R,$,null==M?void 0:M.locale,B,z,U]);var et={ref:ee,onClick:function(e){N||"function"!=typeof I||I(e),N&&o.props&&"function"==typeof o.props.onClick&&o.props.onClick(e),B&&!e.defaultPrevented&&function(e,t,n,r,o,i,a,s,c){if(!("A"===e.currentTarget.nodeName.toUpperCase()&&((u=e.currentTarget.getAttribute("target"))&&"_self"!==u||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.nativeEvent&&2===e.nativeEvent.which||!c&&!(0,d.isLocalURL)(n)))){e.preventDefault();var u,l=function(){var e=null==a||a;"beforePopState"in t?t[o?"replace":"push"](n,r,{shallow:i,locale:s,scroll:e}):t[o?"replace":"push"](r||n,{scroll:e})};c?f.default.startTransition(l):l()}}(e,B,q,W,T,C,A,R,z)},onMouseEnter:function(e){N||"function"!=typeof P||P(e),N&&o.props&&"function"==typeof o.props.onMouseEnter&&o.props.onMouseEnter(e),B&&($||!z)&&S(B,q,W,{locale:R,priority:!0,bypassPrefetchedCheck:!0},{kind:U},z)},onTouchStart:function(e){N||"function"!=typeof Z||Z(e),N&&o.props&&"function"==typeof o.props.onTouchStart&&o.props.onTouchStart(e),B&&($||!z)&&S(B,q,W,{locale:R,priority:!0,bypassPrefetchedCheck:!0},{kind:U},z)}};if((0,m.isAbsoluteUrl)(W))et.href=W;else if(!N||j||"a"===o.type&&!("href"in o.props)){var en=void 0!==R?R:null==M?void 0:M.locale,er=(null==M?void 0:M.isLocaleDomain)&&(0,k.getDomainLocale)(W,en,null==M?void 0:M.locales,null==M?void 0:M.domainLocales);et.href=er||(0,x.addBasePath)((0,g.addLocale)(W,en,null==M?void 0:M.defaultLocale))}return N?f.default.cloneElement(o,et):(0,l.jsx)("a",i(i(i({},L),et),{},{children:n}))});("function"==typeof t.default||"object"===c(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},6642:function(e,t,n){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n0;t&&n&&t(n)})},e),elements:o},u.push(n),c.set(n,t),t}({root:null==n?void 0:n.current,rootMargin:r})).id,i=t.observer,(f=t.elements).set(m,e),i.observe(m),function(){if(f.delete(m),i.unobserve(m),0===f.size){i.disconnect(),c.delete(o);var e=u.findIndex(function(e){return e.root===o.root&&e.margin===o.margin});e>-1&&u.splice(e,1)}}}}else if(!p){var g=(0,a.requestIdleCallback)(function(){return d(!0)});return function(){return(0,a.cancelIdleCallback)(g)}}},[l,r,n,p,h.current]),[m,p,(0,i.useCallback)(function(){d(!1)},[])]}("function"==typeof t.default||"object"===r(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},69050:function(e,t,n){"use strict";function r(){r=function(){return t};var e,t={},n=Object.prototype,i=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},s="function"==typeof Symbol?Symbol:{},c=s.iterator||"@@iterator",u=s.asyncIterator||"@@asyncIterator",l=s.toStringTag||"@@toStringTag";function f(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{f({},"")}catch(e){f=function(e,t,n){return e[t]=n}}function p(t,n,r,o){var i,s,c=Object.create((n&&n.prototype instanceof v?n:v).prototype);return a(c,"_invoke",{value:(i=new C(o||[]),s=h,function(n,o){if(s===m)throw Error("Generator is already running");if(s===g){if("throw"===n)throw o;return{value:e,done:!0}}for(i.method=n,i.arg=o;;){var a=i.delegate;if(a){var c=function t(n,r){var o=r.method,i=n.iterator[o];if(i===e)return r.delegate=null,"throw"===o&&n.iterator.return&&(r.method="return",r.arg=e,t(n,r),"throw"===r.method)||"return"!==o&&(r.method="throw",r.arg=TypeError("The iterator does not provide a '"+o+"' method")),y;var a=d(i,n.iterator,r.arg);if("throw"===a.type)return r.method="throw",r.arg=a.arg,r.delegate=null,y;var s=a.arg;return s?s.done?(r[n.resultName]=s.value,r.next=n.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,y):s:(r.method="throw",r.arg=TypeError("iterator result is not an object"),r.delegate=null,y)}(a,i);if(c){if(c===y)continue;return c}}if("next"===i.method)i.sent=i._sent=i.arg;else if("throw"===i.method){if(s===h)throw s=g,i.arg;i.dispatchException(i.arg)}else"return"===i.method&&i.abrupt("return",i.arg);s=m;var u=d(t,r,i);if("normal"===u.type){if(s=i.done?g:"suspendedYield",u.arg===y)continue;return{value:u.arg,done:i.done}}"throw"===u.type&&(s=g,i.method="throw",i.arg=u.arg)}})}),c}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=p;var h="suspendedStart",m="executing",g="completed",y={};function v(){}function b(){}function k(){}var x={};f(x,c,function(){return this});var w=Object.getPrototypeOf,_=w&&w(w(A([])));_&&_!==n&&i.call(_,c)&&(x=_);var S=k.prototype=v.prototype=Object.create(x);function E(e){["next","throw","return"].forEach(function(t){f(e,t,function(e){return this._invoke(t,e)})})}function O(e,t){var n;a(this,"_invoke",{value:function(r,a){function s(){return new t(function(n,s){!function n(r,a,s,c){var u=d(e[r],e,a);if("throw"!==u.type){var l=u.arg,f=l.value;return f&&"object"==o(f)&&i.call(f,"__await")?t.resolve(f.__await).then(function(e){n("next",e,s,c)},function(e){n("throw",e,s,c)}):t.resolve(f).then(function(e){l.value=e,s(l)},function(e){return n("throw",e,s,c)})}c(u.arg)}(r,a,n,s)})}return n=n?n.then(s,s):s()}})}function j(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function T(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(j,this),this.reset(!0)}function A(t){if(t||""===t){var n=t[c];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,a=function n(){for(;++r=0;--o){var a=this.tryEntries[o],s=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var c=i.call(a,"catchLoc"),u=i.call(a,"finallyLoc");if(c&&u){if(this.prev=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&i.call(r,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),T(n),y}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;T(n)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:A(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),y}},t}function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function a(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}function s(e){return(s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function c(e,t){return(c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function u(e,t,n,r,o,i,a){try{var s=e[i](a),c=s.value}catch(e){n(e);return}s.done?t(c):Promise.resolve(c).then(r,o)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return g}});var l=n(43219),f=n(52322),p=l._(n(2784)),d=n(99674);function h(e){return m.apply(this,arguments)}function m(){var e;return e=r().mark(function e(t){var n,o,i;return r().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.Component,o=t.ctx,e.next=3,(0,d.loadGetInitialProps)(n,o);case 3:return i=e.sent,e.abrupt("return",{pageProps:i});case 5:case"end":return e.stop()}},e)}),(m=function(){var t=this,n=arguments;return new Promise(function(r,o){var i=e.apply(t,n);function a(e){u(i,r,o,a,s,"next",e)}function s(e){u(i,r,o,a,s,"throw",e)}a(void 0)})}).apply(this,arguments)}var g=function(e){var t;function n(){var e,t;return!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,n),e=n,t=arguments,e=s(e),function(e,t){if(t&&("object"===o(t)||"function"==typeof t))return t;if(void 0!==t)throw TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,!function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){return!1}}()?e.apply(this,t):Reflect.construct(e,t||[],s(this).constructor))}return!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(n,e),t=[{key:"render",value:function(){var e=this.props,t=e.Component,n=e.pageProps;return(0,f.jsx)(t,function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]?arguments[1]:g.Z;return y(e,x()),function(n){var r,o,i=(n||{}).queryHook,a=void 0===i?w:i;return{$$type:"ais.searchBox",init:function(t){var n=t.instantSearchInstance;e(k(k({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!0)},render:function(t){var n=t.instantSearchInstance;e(k(k({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!1)},dispose:function(e){var n=e.state;return t(),n.setQueryParameter("query",void 0)},getRenderState:function(e,t){return k(k({},e),{},{searchBox:this.getWidgetRenderState(t)})},getWidgetRenderState:function(e){var t=e.helper,i=e.instantSearchInstance,s=e.state;return r||(r=function(e){a(e,function(e){return t.setQuery(e).search()})},o=function(){t.setQuery("").search()}),{query:s.query||"",refine:r,clear:o,widgetParams:n,isSearchStalled:"stalled"===i.status}},getWidgetUiState:function(e,t){var n=t.searchParameters.query||"";return""===n||e&&e.query===n?e:k(k({},e),{},{query:n})},getWidgetSearchParameters:function(e,t){var n=t.uiState;return e.setQueryParameter("query",n.query||"")}}}},S=n(47493),E=["onChange"];function O(){return(O=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,E),a=(n={queryHook:T},(0,S.B)(_,n,void 0)),s=a.query,c=a.refine,u=a.clear,f=a.isSearchStalled,p=function(e){if(Array.isArray(e))return e}(r=(0,l.useState)(s))||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{for(i=(n=n.call(e)).next;!(c=(r=i.call(n)).done)&&(s.push(r.value),2!==s.length);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(r,2)||function(e,t){if(e){if("string"==typeof e)return j(e,2);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return j(e,2)}}(r,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),m=p[0],g=p[1],y=(0,l.useCallback)(function(e){var t=e.currentTarget.value;g(t),c(t)},[c]),v=(0,l.useCallback)(function(){g(""),u()},[u]);return l.createElement(d.Z,O({ref:t,isLoading:f,value:m,onChange:(0,h.N)(o,y),onClearInput:v},i))});C.displayName="InstantSearchInput";var A=n(40596),R=n(85017),I=n(61619),P=n(73645),Z=n(70758),F=n(35306),N=n(47438),L=n(5081),M=n(76635),D=n.n(M),B=n(78141),z=n.n(B),$=n(53232),U=n(91106),H=n(73183),q=n(69419);function W(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=n-t?r-(n-e):t}},{key:"isLastPage",value:function(){return this.currentPage===this.total-1||0===this.total}},{key:"isFirstPage",value:function(){return 0===this.currentPage}}],function(e,t){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:g.Z;return y(e,ed()),function(n){var r=n||{},o=r.totalPages,i=r.padding,a=new eu({currentPage:0,total:0,padding:void 0===i?3:i}),s={};return{$$type:"ais.pagination",init:function(t){var n=t.instantSearchInstance;e(ep(ep({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!0)},render:function(t){var n=t.instantSearchInstance;e(ep(ep({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!1)},dispose:function(e){var n=e.state;return t(),n.setQueryParameter("page",void 0)},getWidgetUiState:function(e,t){var n=t.searchParameters.page||0;return n?ep(ep({},e),{},{page:n+1}):e},getWidgetSearchParameters:function(e,t){var n=t.uiState,r=n.page?n.page-1:0;return e.setQueryParameter("page",r)},getWidgetRenderState:function(e){var t,r=e.results,i=e.helper,c=e.state,u=e.createURL;s.refine||(s.refine=function(e){i.setPage(e),i.search()}),s.createURL||(s.createURL=function(e){return u(function(t){return ep(ep({},t),{},{page:e+1})})});var l=c.page||0,f=(t=(r||{nbPages:0}).nbPages,void 0!==o?Math.min(o,t):t);return a.currentPage=l,a.total=f,{createURL:s.createURL,refine:s.refine,canRefine:f>1,currentRefinement:l,nbHits:(null==r?void 0:r.nbHits)||0,nbPages:f,pages:r?a.pages():[],isFirstPage:a.isFirstPage(),isLastPage:a.isLastPage(),widgetParams:n}},getRenderState:function(e,t){return ep(ep({},e),{},{pagination:this.getWidgetRenderState(t)})}}}};function em(){return(em=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&void 0!==arguments[0]?arguments[0]:{},x=k.catchError,w=(0,$.z)(),_=(e=(0,$.z)(),n=(t=(0,q.a)()).getIndexId(),o=(r=V((0,l.useState)(function(){return e.getUiState()}),2))[0],i=r[1],a=o[n],c=(s=V((0,l.useState)(function(){return e.renderState}),2))[0],u=s[1],f=c[n]||{},p=(0,l.useCallback)(function(t){e.setUiState(t)},[e]),d=(0,l.useCallback)(function(e){t.setIndexUiState(e)},[t]),(0,l.useEffect)(function(){function t(){i(e.getUiState()),u(e.renderState)}return e.addListener("render",t),function(){e.removeListener("render",t)}},[e]),{uiState:o,setUiState:p,indexUiState:a,setIndexUiState:d,renderState:c,indexRenderState:f}),S=_.uiState,E=_.setUiState,O=_.indexUiState,j=_.setIndexUiState,T=_.renderState,C=_.indexRenderState,A=(h=(0,$.z)(),m=(0,q.a)(),v=(y=function(e){if(Array.isArray(e))return e}(g=(0,l.useState)(function(){return(0,H.E)(m)}))||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{for(i=(n=n.call(e)).next;!(c=(r=i.call(n)).done)&&(s.push(r.value),2!==s.length);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(g,2)||function(e,t){if(e){if("string"==typeof e)return W(e,2);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return W(e,2)}}(g,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],b=y[1],(0,l.useEffect)(function(){function e(){var e=m.getResults();null!==e&&b({results:e,scopedResults:m.getScopedResults()})}return h.addListener("render",e),function(){h.removeListener("render",e)}},[h,m]),v),R=A.results,I=A.scopedResults,P=(0,l.useCallback)(function(){for(var e=arguments.length,t=Array(e),n=0;n0&&0===i.nbHits)return l.createElement(I.Z,{spacing:"4x",py:"10x"},l.createElement(Z.Z,{textAlign:"center"},'No results found for "',i.query,'"'));var p=Object.entries(D().chain(i.hits).orderBy("data.title").groupBy("parent.title").value());return l.createElement(l.Fragment,null,l.createElement(I.Z,{flex:"1",px:"3x",py:"2x",overflowY:"auto"},p.map(function(e){var n=ey(e,2),o=n[0],i=n[1];return l.createElement(c.Z,{key:o},l.createElement(c.Z,{my:"2x"},l.createElement(Z.Z,{color:r.color.secondary},o)),(0,L.rY)(i).map(function(e){var n,r,i,a,s,f=null===(n=D().find(Q._,{title:o}))||void 0===n?void 0:n.icon;return l.createElement(c.Z,{key:e.objectID},l.createElement(en,{href:"/".concat(e.data.path),onClick:function(){t(e)}},f&&l.createElement(f,{size:"6x"}),l.createElement(z(),{searchWords:null==e?void 0:null===(r=e._highlightResult)||void 0===r?void 0:null===(i=r.data)||void 0===i?void 0:null===(a=i.title)||void 0===a?void 0:a.matchedWords,highlightTag:"mark",textToHighlight:null==e?void 0:null===(s=e.data)||void 0===s?void 0:s.title,highlightStyle:{backgroundColor:"rgba(0, 116, 255, 0.8)",color:"rgba(255, 255, 255, .92)"}})),l.createElement(u.Z,{my:"2x"}))}))})),i.nbPages>1&&l.createElement(l.Fragment,null,l.createElement(u.Z,null),l.createElement(P.Z,{my:"3x",justifyContent:"center"},l.createElement(eg,null))))};eb.displayName="InstantSearchRefinementList";var ek=["onClose"];function ex(){return(ex=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,ek),h=(0,o.u)(),m=(0,f.Z)();return l.createElement(i.Z,ex({ref:t,autoFocus:!0,ensureFocus:!0,closeOnEsc:!0,closeOnOutsideClick:!0,isOpen:!0,onClose:n,size:"md"},d),l.createElement(r.xB,{styles:ew}),l.createElement(a.Z,null),l.createElement(s.Z,{marginTop:"12x",maxHeight:"calc(100vh - ".concat(null==h?void 0:h.space["12x"]," - ").concat(null==h?void 0:h.space["12x"],")"),minHeight:null},l.createElement(c.Z,{p:"4x"},l.createElement(C,{size:"lg",placeholder:"Search...",onChange:function(e){m("InstantSearch","change_search_input",e.target.value)}})),l.createElement(u.Z,null),l.createElement(eb,{onChange:function(e){var t=(null==e?void 0:null===(o=e.parent)||void 0===o?void 0:o.title)||"",r=(null==e?void 0:null===(i=e.data)||void 0===i?void 0:i.title)||"";if(m("InstantSearch","click_search_result",(0,p.Z)({path:"/".concat(null==e?void 0:null===(a=e.data)||void 0===a?void 0:a.path),title:[t,r].join(" > ")})),t){var o,i,a,s,c=document.querySelector("#sidenav button[data-title=".concat((0,p.Z)(t),"]"));if((null==c?void 0:null===(s=c.dataset)||void 0===s?void 0:s.expanded)==="false"){var u=new MouseEvent("click",{bubbles:!0,cancelable:!0});c.dispatchEvent(u)}}n()}})))});e_.displayName="InstantSearchModal";var eS=e_},58325:function(e,t,n){"use strict";var r=n(40596),o=n(85017),i=n(83513),a=n(73645),s=n(70758),c=n(21407),u=n(2784),l=["children"];function f(){return(f=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,l),h=p((0,r.Z)(),1)[0],m=p((0,o.Z)({colorMode:h}),1)[0];return u.createElement(i.Z,f({ref:t,display:"flex",alignItems:"center",justifyContent:"space-between",color:m.color.primary,border:1,borderColor:{dark:"gray:60",light:"gray:30"}[h],borderRadius:"sm",_focus:{borderColor:{dark:"blue:60",light:"blue:60"}[h]},_hover:{borderColor:{dark:"blue:50",light:"blue:50"}[h]},fontSize:"sm",lineHeight:"sm",px:"3x",height:"8x",minWidth:{sm:34,md:200},transition:"min-width 0.2s"},d),u.createElement(a.Z,{alignItems:"center",columnGap:"2x"},u.createElement(c.Z,null),u.createElement(s.Z,{display:{sm:"none",md:"block"},color:m.color.secondary},n)))});h.displayName="SearchButton",t.Z=h},73819:function(e,t,n){"use strict";n.d(t,{_:function(){return b}});var r=n(70758),o=n(73645),i=n(99870),a=n(4409),s=n(57805),c=n(34323),u=n(95530),l=n(44152),f=n(37384),p=n(18247),d=n(85409),h=n(84668),m=n(30047),g=n(2784);function y(){return(y=Object.assign?Object.assign.bind():function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{fallback:function(){}},n=t.fallback;return"undefined"==typeof window?n():e({window:window})}var K=n(53449);function Q(e){return(Q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Y(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&void 0!==arguments[0]?arguments[0]:{},t=e.insightsClient,n=e.insightsInitParams,r=e.onEvent,o=e.$$internal,i=void 0!==o&&o,a=e.$$automatic,s=void 0!==a&&a,c=t;t||null===t||V(function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(c=t[n]),c||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=Array(e),o=0;o1&&void 0!==arguments[1]&&arguments[1],n=ei(e);if(n){var r=o.state.userToken;t?i():setTimeout(i,0)}function i(){o.overrideStateWithoutTriggeringChangeEvent(Y(Y({},o.state),{},{userToken:n})),r&&r!==e&&a.scheduleSearch()}},n=function(e){if(("undefined"==typeof document?"undefined":W(document))==="object"&&"string"==typeof document.cookie)for(var t="".concat(e,"="),n=document.cookie.split(";"),r=0;r=3||2===n&&r>=6||1===n&&r>=10}function ei(e){if(e)return"number"==typeof e?e.toString():e}function ea(e,t,n){var r=t.getHelper();return{uiState:n,helper:r,parent:t,instantSearchInstance:e,state:r.state,renderState:e.renderState,templatesConfig:e.templatesConfig,createURL:t.createURL,scopedResults:[],searchMetadata:{isSearchStalled:"stalled"===e.status},status:e.status,error:e.error}}function es(e,t){var n=t.getResults(),r=t.getHelper();return{helper:r,parent:t,instantSearchInstance:e,results:n,scopedResults:t.getScopedResults(),state:n?n._state:r.state,renderState:e.renderState,templatesConfig:e.templatesConfig,createURL:t.createURL,searchMetadata:{isSearchStalled:"stalled"===e.status},status:e.status,error:e.error}}var ec=n(19126);function eu(e){return(eu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function el(e,t,n){return(t=ef(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ef(e){var t=function(e,t){if("object"!==eu(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==eu(r))return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===eu(t)?t:String(t)}var ep=function(e){e&&(window.document.title=e)},ed=function(){var e;function t(e){var n=this,r=e.windowTitle,o=e.writeDelay,i=e.createURL,a=e.parseURL,s=e.getLocation,c=e.start,u=e.dispose,l=e.push,f=e.cleanUrlOnDispose;!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,t),el(this,"$$type","ais.browser"),el(this,"windowTitle",void 0),el(this,"writeDelay",void 0),el(this,"_createURL",void 0),el(this,"parseURL",void 0),el(this,"getLocation",void 0),el(this,"writeTimer",void 0),el(this,"_onPopState",void 0),el(this,"inPopState",!1),el(this,"isDisposed",!1),el(this,"latestAcknowledgedHistory",0),el(this,"_start",void 0),el(this,"_dispose",void 0),el(this,"_push",void 0),el(this,"_cleanUrlOnDispose",void 0),this.windowTitle=r,this.writeTimer=void 0,this.writeDelay=void 0===o?400:o,this._createURL=i,this.parseURL=a,this.getLocation=s,this._start=c,this._dispose=u,this._push=l,this._cleanUrlOnDispose=void 0===f||f,V(function(e){var t=e.window;ep(n.windowTitle&&n.windowTitle(n.read())),n.latestAcknowledgedHistory=t.history.length})}return e=[{key:"read",value:function(){return this.parseURL({qsModule:ec,location:this.getLocation()})}},{key:"write",value:function(e){var t=this;V(function(n){var r=n.window,o=t.createURL(e),i=t.windowTitle&&t.windowTitle(e);t.writeTimer&&clearTimeout(t.writeTimer),t.writeTimer=setTimeout(function(){ep(i),t.shouldWrite(o)&&(t._push?t._push(o):r.history.pushState(e,i||"",o),t.latestAcknowledgedHistory=r.history.length),t.inPopState=!1,t.writeTimer=void 0},t.writeDelay)})}},{key:"onUpdate",value:function(e){var t=this;this._start&&this._start(function(){e(t.read())}),this._onPopState=function(){t.writeTimer&&(clearTimeout(t.writeTimer),t.writeTimer=void 0),t.inPopState=!0,e(t.read())},V(function(e){e.window.addEventListener("popstate",t._onPopState)})}},{key:"createURL",value:function(e){return this._createURL({qsModule:ec,routeState:e,location:this.getLocation()})}},{key:"dispose",value:function(){var e=this;this._dispose&&this._dispose(),this.isDisposed=!0,V(function(t){var n=t.window;e._onPopState&&n.removeEventListener("popstate",e._onPopState)}),this.writeTimer&&clearTimeout(this.writeTimer),this._cleanUrlOnDispose&&this.write({})}},{key:"start",value:function(){this.isDisposed=!1}},{key:"shouldWrite",value:function(e){var t=this;return V(function(n){var r=n.window,o=!(t.isDisposed&&t.latestAcknowledgedHistory!==r.history.length);return!t.inPopState&&o&&e!==r.location.href})}}],function(e,t){for(var n=0;n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,em)}function ek(e){return e!==Object(e)}function ex(e){return(ex="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ew(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function e_(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},t=e.router,n=void 0===t?function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.createURL,n=void 0===t?function(e){var t=e.qsModule,n=e.routeState,r=e.location,o=r.protocol,i=r.hostname,a=r.port,s=void 0===a?"":a,c=r.pathname,u=r.hash,l=t.stringify(n),f=""===s?"":":".concat(s);return l?"".concat(o,"//").concat(i).concat(f).concat(c,"?").concat(l).concat(u):"".concat(o,"//").concat(i).concat(f).concat(c).concat(u)}:t,r=e.parseURL,o=e.writeDelay,i=e.windowTitle,a=e.getLocation;return new ed({createURL:n,parseURL:void 0===r?function(e){var t=e.qsModule,n=e.location;return t.parse(n.search.slice(1),{arrayLimit:99})}:r,writeDelay:void 0===o?400:o,windowTitle:i,getLocation:void 0===a?function(){return V(function(e){return e.window.location},{fallback:function(){throw Error("You need to provide `getLocation` to the `history` router in environments where `window` does not exist.")}})}:a,start:e.start,dispose:e.dispose,push:e.push,cleanUrlOnDispose:e.cleanUrlOnDispose})}():t,r=e.stateMapping,o=void 0===r?{$$type:"ais.simple",stateToRoute:function(e){return Object.keys(e).reduce(function(t,n){return ey(ey({},t),{},ev({},n,eb(e[n])))},{})},routeToState:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.keys(e).reduce(function(t,n){return ey(ey({},t),{},ev({},n,eb(e[n])))},{})}}:r,i=e.$$internal,a=void 0!==i&&i;return function(e){var t=e.instantSearchInstance;t._createURL=function(e){var r=0===t.mainIndex.getWidgets().length?t._initialUiState:t.mainIndex.getWidgetUiState({}),i=Object.keys(e).reduce(function(t,n){return e_(e_({},t),{},eS({},n,e[n]))},r),a=o.stateToRoute(i);return n.createURL(a)};var r=void 0,i=t._initialUiState;return{$$type:"ais.router({router:".concat(n.$$type||"__unknown__",", stateMapping:").concat(o.$$type||"__unknown__","})"),$$internal:a,onStateChange:function(e){var t=e.uiState,i=o.stateToRoute(t);(void 0===r||!function e(t,n){if(t===n)return!0;if(ek(t)||ek(n)||"function"==typeof t||"function"==typeof n)return t===n;if(Object.keys(t).length!==Object.keys(n).length)return!1;for(var r=0,o=Object.keys(t);r0&&t.setUiState(o.routeToState(e))})},started:function(){var e;null===(e=n.start)||void 0===e||e.call(n)},unsubscribe:function(){n.dispose()}}}},eO=n(20303);function ej(e){return"ais.index"===e.$$type}function eT(e){return(eT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var eC=["facets","disjunctiveFacets","facetsRefinements","facetsExcludes","disjunctiveFacetsRefinements","numericRefinements","tagRefinements","hierarchicalFacets","hierarchicalFacetsRefinements","ruleContexts"];function eA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function eR(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(t,eC);return e.setQueryParameters(n)},eP=function(e,t){var n=[].concat(e.ruleContexts).concat(t.ruleContexts).filter(Boolean).filter(function(e,t,n){return n.indexOf(e)===t});return n.length>0?e.setQueryParameters({ruleContexts:n}):e},eZ=function(){for(var e=arguments.length,t=Array(e),n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n2&&void 0!==arguments[2]?arguments[2]:{};return e.reduce(function(e,n){return!ej(n)&&(n.getWidgetUiState||n.getWidgetState)?n.getWidgetUiState?n.getWidgetUiState(e,t):n.getWidgetState(e,t):e},n)}function eq(e,t){var n=t.initialSearchParameters,r=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(t,eN);return e.filter(function(e){return!ej(e)}).reduce(function(e,t){return t.getWidgetSearchParameters?t.getWidgetSearchParameters(e,r):e},n)}var eW=function(e){if(void 0===e||void 0===e.indexName)throw Error(e$("The `indexName` option is required."));var t=e.indexName,n=e.indexId,r=void 0===n?t:n,o=[],i={},a=null,s=null,c=null,u=null,l=null;return{$$type:"ais.index",$$widgetType:"ais.index",getIndexName:function(){return t},getIndexId:function(){return r},getHelper:function(){return c},getResults:function(){var e;return null!==(e=u)&&void 0!==e&&e.lastResults?(u.lastResults._state=c.state,u.lastResults):null},getPreviousState:function(){return l},getScopedResults:function(){var e=this.getParent();return function e(t){return t.filter(ej).reduce(function(t,n){return t.concat.apply(t,[{indexId:n.getIndexId(),results:n.getResults(),helper:n.getHelper()}].concat(eB(e(n.getWidgets()))))},[])}(e?e.getWidgets():[this])},getParent:function(){return s},createURL:function(e){return"function"==typeof e?a._createURL(eD({},r,e(i))):a._createURL(eD({},r,eH(o,{searchParameters:e,helper:c})))},getWidgets:function(){return o},addWidgets:function(e){var t=this;if(!Array.isArray(e))throw Error(e$("The `addWidgets` method expects an array of widgets."));if(e.some(function(e){return"function"!=typeof e.init&&"function"!=typeof e.render}))throw Error(e$("The widget definition expects a `render` and/or an `init` method."));return o=o.concat(e),a&&e.length&&(eU(c,{state:eq(o,{uiState:i,initialSearchParameters:c.state}),_uiState:i}),e.forEach(function(e){e.getRenderState&&eV({renderState:e.getRenderState(a.renderState[t.getIndexId()]||{},ea(a,t,a._initialUiState)),instantSearchInstance:a,parent:t})}),e.forEach(function(e){e.init&&e.init(ea(a,t,a._initialUiState))}),a.scheduleSearch()),this},removeWidgets:function(e){var t=this;if(!Array.isArray(e))throw Error(e$("The `removeWidgets` method expects an array of widgets."));if(e.some(function(e){return"function"!=typeof e.dispose}))throw Error(e$("The widget definition expects a `dispose` method."));if(o=o.filter(function(t){return -1===e.indexOf(t)}),a&&e.length){var n=e.reduce(function(e,n){return n.dispose({helper:c,state:e,parent:t})||e},c.state),r=a.future.preserveSharedStateOnUnmount?eq(o,{uiState:i,initialSearchParameters:new q.SearchParameters({index:this.getIndexName()})}):eq(o,{uiState:eH(o,{searchParameters:n,helper:c}),initialSearchParameters:n});i=eH(o,{searchParameters:r,helper:c}),c.setState(r),o.length&&a.scheduleSearch()}return this},init:function(e){var n,f=this,p=e.instantSearchInstance,d=e.parent,h=e.uiState;if(null===c){a=p,s=d,i=h[r]||{};var m=p.mainHelper,g=eq(o,{uiState:i,initialSearchParameters:new q.SearchParameters({index:t})});(c=q({},g.index,g)).search=function(){return p.onStateChange?(p.onStateChange({uiState:p.mainIndex.getWidgetUiState({}),setUiState:function(e){return p.setUiState(e,!1)}}),m):m.search()},c.searchWithoutTriggeringOnStateChange=function(){return m.search()},c.searchForFacetValues=function(e,t,n,r){var o=c.state.setQueryParameters(r);return m.searchForFacetValues(e,t,n,o)},u=m.derive(function(){return eZ.apply(void 0,[m.state].concat(eB(function(e){for(var t=e.getParent(),n=[e.getHelper().state];null!==t;)n=[t.getHelper().state].concat(n),t=t.getParent();return n}(f))))});var y=null===(n=p._initialResults)||void 0===n?void 0:n[this.getIndexId()];if(y){var v=new q.SearchResults(new q.SearchParameters(y.state),y.results);u.lastResults=v,c.lastResults=v}c.on("change",function(e){e.isPageReset&&function e(t){var n=t.filter(ej);0!==n.length&&n.forEach(function(t){var n=t.getHelper();eU(n,{state:n.state.resetPage(),isPageReset:!0}),e(t.getWidgets())})}(o)}),u.on("search",function(){p.scheduleStalledRender()}),u.on("result",function(e){var t=e.results;p.scheduleRender(),c.lastResults=t,l=null==t?void 0:t._state}),o.forEach(function(e){e.getRenderState&&eV({renderState:e.getRenderState(p.renderState[f.getIndexId()]||{},ea(p,f,h)),instantSearchInstance:p,parent:f})}),o.forEach(function(e){e.init&&e.init(ea(p,f,h))}),c.on("change",function(e){var t=e.state,n=e._uiState;i=eH(o,{searchParameters:t,helper:c},n||{}),p.onStateChange||p.onInternalStateChange()}),y&&p.scheduleRender()}},render:function(e){var t=this,n=e.instantSearchInstance;"error"===n.status&&!n.mainHelper.hasPendingRequests()&&l&&c.setState(l);var r=this.getResults()?o:o.filter(ej);r.forEach(function(e){e.getRenderState&&eV({renderState:e.getRenderState(n.renderState[t.getIndexId()]||{},es(n,t)),instantSearchInstance:n,parent:t})}),r.forEach(function(e){e.render&&e.render(es(n,t))})},dispose:function(){var e,t,n=this;o.forEach(function(e){e.dispose&&e.dispose({helper:c,state:c.state,parent:n})}),a=null,s=null,null===(e=c)||void 0===e||e.removeAllListeners(),c=null,null===(t=u)||void 0===t||t.detach(),u=null},getWidgetUiState:function(e){return o.filter(ej).reduce(function(e,t){return t.getWidgetUiState(e)},eM(eM({},e),{},eD({},r,eM(eM({},e[r]),i))))},getWidgetState:function(e){return this.getWidgetUiState(e)},getWidgetSearchParameters:function(e,t){var n=t.uiState;return eq(o,{uiState:n,initialSearchParameters:e})},refreshUiState:function(){i=eH(o,{searchParameters:this.getHelper().state,helper:this.getHelper()},i)},setIndexUiState:function(e){var t="function"==typeof e?e(i):e;a.setUiState(function(e){return eM(eM({},e),{},eD({},r,t))})}}};function eV(e){var t=e.renderState,n=e.instantSearchInstance,r=e.parent,o=r?r.getIndexId():n.mainIndex.getIndexId();n.renderState=eM(eM({},n.renderState),{},eD({},o,eM(eM({},n.renderState[o]),t)))}var eK=function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.descendantName,r=t.modifierName;return"".concat("ais","-").concat(e).concat(n?"-".concat(n):"").concat(r?"--".concat(r):"")}};function eQ(e,t){return(Array.isArray(t)?t:t.split(".")).reduce(function(e,t){return e&&e[t]},e)}var eG="",eY="",eX=eK("Highlight");function eJ(e){return e.map(function(e){return e.isHighlighted?eG+e.value+eY:e.value}).join("")}RegExp(/[&<>"']/g.source);var e1={"&":"&","<":"<",">":">",""":'"',"'":"'"},e0=/&(amp|quot|lt|gt|#39);/g,e2=RegExp(e0.source),e5=new RegExp(/\w/i);function e3(e){return(e3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function e6(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function e4(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1?t-1:0),r=1;r0)||void 0===arguments[0]||arguments[0];!(null!==(e=t.mainHelper)&&void 0!==e&&e.hasPendingRequests())&&(clearTimeout(t._searchStalledTimer),t._searchStalledTimer=null,n&&(t.status="idle",t.error=void 0)),t.mainIndex.render({instantSearchInstance:tb(t)}),t.emit("render")})),tx(tb(t),"onInternalStateChange",ts(function(){var e=t.mainIndex.getWidgetUiState({});t.middleware.forEach(function(t){t.instance.onStateChange({uiState:e})})})),t.setMaxListeners(100);var t,n=e.indexName,i=void 0===n?"":n,a=e.numberLocale,s=e.initialUiState,c=e.routing,u=void 0===c?null:c,l=e.insights,f=void 0===l?void 0:l,p=e.searchFunction,d=e.stalledSearchDelay,h=e.searchClient,m=void 0===h?null:h,g=e.insightsClient,y=void 0===g?null:g,v=e.onStateChange,b=e.future,k=void 0===b?ty(ty({},tE),e.future||{}):b;if(null===m)throw Error(t_("The `searchClient` option is required."));if("function"!=typeof m.search)throw Error("The `searchClient` must implement a `search` method.\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/going-further/backend-search/in-depth/backend-instantsearch/js/");if("function"==typeof m.addAlgoliaAgent&&m.addAlgoliaAgent("instantsearch.js (".concat("4.66.0",")")),y&&"function"!=typeof y)throw Error(t_("The `insightsClient` option should be a function."));if(t.client=m,t.future=k,t.insightsClient=y,t.indexName=i,t.helper=null,t.mainHelper=null,t.mainIndex=eW({indexName:i}),t.onStateChange=void 0===v?null:v,t.started=!1,t.templatesConfig={helpers:{formatNumber:function(e,t){return Number(t(e)).toLocaleString(a)},highlight:function(e,t){try{var n,r,o,i,a,s,c,u,l,f=JSON.parse(e);return t((r=(n=ti(ti({},f),{},{hit:this})).attribute,o=n.highlightedTagName,i=void 0===o?"mark":o,a=n.hit,s=n.cssClasses,c=void 0===s?{}:s,u=(eQ(a._highlightResult,r)||{}).value,l=eX({descendantName:"highlighted"})+(c.highlighted?" ".concat(c.highlighted):""),(void 0===u?"":u).replace(RegExp(eG,"g"),"<".concat(i,' class="').concat(l,'">')).replace(RegExp(eY,"g"),""))))}catch(e){throw Error('\nThe highlight helper expects a JSON object of the format:\n{ "attribute": "name", "highlightedTagName": "mark" }')}},reverseHighlight:function(e,t){try{var n,r,o,i,a,s,c,u,l,f=JSON.parse(e);return t((r=(n=ti(ti({},f),{},{hit:this})).attribute,o=n.highlightedTagName,i=void 0===o?"mark":o,a=n.hit,s=n.cssClasses,c=void 0===s?{}:s,u=(eQ(a._highlightResult,r)||{}).value,l=e7({descendantName:"highlighted"})+(c.highlighted?" ".concat(c.highlighted):""),eJ(e8(e9(void 0===u?"":u))).replace(RegExp(eG,"g"),"<".concat(i,' class="').concat(l,'">')).replace(RegExp(eY,"g"),""))))}catch(e){throw Error('\n The reverseHighlight helper expects a JSON object of the format:\n { "attribute": "name", "highlightedTagName": "mark" }')}},snippet:function(e,t){try{var n,r,o,i,a,s,c,u,l,f=JSON.parse(e);return t((r=(n=ti(ti({},f),{},{hit:this})).attribute,o=n.highlightedTagName,i=void 0===o?"mark":o,a=n.hit,s=n.cssClasses,c=void 0===s?{}:s,u=(eQ(a._snippetResult,r)||{}).value,l=te({descendantName:"highlighted"})+(c.highlighted?" ".concat(c.highlighted):""),(void 0===u?"":u).replace(RegExp(eG,"g"),"<".concat(i,' class="').concat(l,'">')).replace(RegExp(eY,"g"),""))))}catch(e){throw Error('\nThe snippet helper expects a JSON object of the format:\n{ "attribute": "name", "highlightedTagName": "mark" }')}},reverseSnippet:function(e,t){try{var n,r,o,i,a,s,c,u,l,f=JSON.parse(e);return t((r=(n=ti(ti({},f),{},{hit:this})).attribute,o=n.highlightedTagName,i=void 0===o?"mark":o,a=n.hit,s=n.cssClasses,c=void 0===s?{}:s,u=(eQ(a._snippetResult,r)||{}).value,l=tt({descendantName:"highlighted"})+(c.highlighted?" ".concat(c.highlighted):""),eJ(e8(e9(void 0===u?"":u))).replace(RegExp(eG,"g"),"<".concat(i,' class="').concat(l,'">')).replace(RegExp(eY,"g"),""))))}catch(e){throw Error('\n The reverseSnippet helper expects a JSON object of the format:\n { "attribute": "name", "highlightedTagName": "mark" }')}},insights:function(e,t){try{var n,r=JSON.parse(e),o=r.method,i=r.payload;return t((n=ti({objectIDs:[this.objectID]},i),function(e){var t,n=e.method,r=e.payload;if("object"!==tn(r))throw Error("The insights helper expects the payload to be an object.");try{t=btoa(encodeURIComponent(JSON.stringify(r)))}catch(e){throw Error("Could not JSON serialize the payload object.")}return'data-insights-method="'.concat(n,'" data-insights-payload="').concat(t,'"')}({method:o,payload:n})))}catch(e){throw Error('\nThe insights helper expects a JSON object of the format:\n{ "method": "method-name", "payload": { "eventName": "name of the event" } }')}}},compileOptions:{}},t._stalledSearchDelay=void 0===d?200:d,t._searchStalledTimer=null,t._createURL=tS,t._initialUiState=void 0===s?{}:s,t._initialResults=null,t._insights=f,p&&(t._searchFunction=p),t.sendEventToInsights=K.Z,u){var x="boolean"==typeof u?{}:u;x.$$internal=!0,t.use(eE(x))}if(f){var w="boolean"==typeof f?{}:f;w.$$internal=!0,t.use(er(w))}return V(function(e){var t,n;return(null===(t=e.window.navigator)||void 0===t?void 0:null===(n=t.userAgent)||void 0===n?void 0:n.indexOf("Algolia Crawler"))>-1},{fallback:function(){return!1}})&&t.use(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.$$internal,n=void 0!==t&&t;return function(e){var t=e.instantSearchInstance,r={widgets:[]},o=document.createElement("meta"),i=document.querySelector("head");return o.name="instantsearch:widgets",{$$type:"ais.metadata",$$internal:n,onStateChange:function(){},subscribe:function(){setTimeout(function(){var e=t.client;r.ua=e.transporter&&e.transporter.userAgent?e.transporter.userAgent.value:e._ua,function e(t,n,r){var o=ea(n,n.mainIndex,n._initialUiState);t.forEach(function(t){var i={};if(t.getWidgetRenderState){var a=t.getWidgetRenderState(o);a&&a.widgetParams&&(i=a.widgetParams)}var s=Object.keys(i).filter(function(e){return void 0!==i[e]});r.widgets.push({type:t.$$type,widgetType:t.$$widgetType,params:s}),"ais.index"===t.$$type&&e(t.getWidgets(),n,r)})}(t.mainIndex.getWidgets(),t,r),t.middleware.forEach(function(e){return r.widgets.push({middleware:!0,type:e.instance.$$type,internal:e.instance.$$internal})}),o.content=JSON.stringify(r),i.appendChild(o)},0)},started:function(){},unsubscribe:function(){o.remove()}}}}({$$internal:!0})),t}return n=[{key:"_isSearchStalled",get:function(){return"stalled"===this.status}},{key:"use",value:function(){for(var e=this,t=arguments.length,n=Array(t),r=0;r1?n-1:0),i=1;i0&&this.scheduleSearch();this.helper=this.mainIndex.getHelper(),this.started=!0,this.middleware.forEach(function(e){e.instance.started()}),void 0===this._insights&&t.derivedHelpers[0].once("result",function(){e.mainIndex.getScopedResults().some(function(e){var t=e.results;return null==t?void 0:t._automaticInsights})&&e.use(er({$$internal:!0,$$automatic:!0}))})}},{key:"dispose",value:function(){var e;this.scheduleSearch.cancel(),this.scheduleRender.cancel(),clearTimeout(this._searchStalledTimer),this.removeWidgets(this.mainIndex.getWidgets()),this.mainIndex.dispose(),this.started=!1,this.removeAllListeners(),null===(e=this.mainHelper)||void 0===e||e.removeAllListeners(),this.mainHelper=null,this.helper=null,this.middleware.forEach(function(e){e.instance.unsubscribe()})}},{key:"scheduleStalledRender",value:function(){var e=this;this._searchStalledTimer||(this._searchStalledTimer=setTimeout(function(){e.status="stalled",e.scheduleRender()},this._stalledSearchDelay))}},{key:"setUiState",value:function(e){var t=this,n=!(arguments.length>1)||void 0===arguments[1]||arguments[1];if(!this.mainHelper)throw Error(t_("The `start` method needs to be called before `setUiState`."));this.mainIndex.refreshUiState();var r="function"==typeof e?e(this.mainIndex.getWidgetUiState({})):e;this.onStateChange&&n?this.onStateChange({uiState:r,setUiState:function(e){th("function"==typeof e?e(r):e,t.mainIndex),t.scheduleSearch(),t.onInternalStateChange()}}):(th(r,this.mainIndex),this.scheduleSearch(),this.onInternalStateChange())}},{key:"getUiState",value:function(){return this.started&&this.mainIndex.refreshUiState(),this.mainIndex.getWidgetUiState({})}},{key:"createURL",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.started)throw Error(t_("The `start` method needs to be called before `createURL`."));return this._createURL(e)}},{key:"refresh",value:function(){if(!this.mainHelper)throw Error(t_("The `start` method needs to be called before `refresh`."));this.mainHelper.clearCache().search()}}],function(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,tz));return n.started?u.createElement(U.Z.Provider,{value:n},u.createElement($.Z.Provider,{value:n.mainIndex},t)):null}function tU(e){return(tU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function tH(e){return(tH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function tq(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function tW(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:K.Z,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:K.Z;return function(n){if(!n||!function(e){if(!("object"===tU(e)&&null!==e)||"[object Object]"!==(null===e?void 0===e?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)))return!1;if(null===Object.getPrototypeOf(e))return!0;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}(n.searchParameters))throw Error(tK("The `searchParameters` option expects an object."));var r={};return{$$type:"ais.configure",init:function(t){var n=t.instantSearchInstance;e(tW(tW({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!0)},render:function(t){var n=t.instantSearchInstance;e(tW(tW({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!1)},dispose:function(e){var r=e.state;return t(),tQ(r,n)},getRenderState:function(e,t){var n,r=this.getWidgetRenderState(t);return tW(tW({},e),{},{configure:tW(tW({},r),{},{widgetParams:tW(tW({},r.widgetParams),{},{searchParameters:eZ(new q.SearchParameters(null===(n=e.configure)||void 0===n?void 0:n.widgetParams.searchParameters),new q.SearchParameters(r.widgetParams.searchParameters)).getQueryParams()})})})},getWidgetRenderState:function(e){var t=e.helper;return r.refine||(r.refine=function(e){var r=eZ(tQ(t.state,n),new q.SearchParameters(e));n.searchParameters=e,t.setState(r).search()}),{refine:r.refine,widgetParams:n}},getWidgetSearchParameters:function(e,t){var r=t.uiState;return eZ(e,new q.SearchParameters(tW(tW({},r.configure),n.searchParameters)))},getWidgetUiState:function(e){return tW(tW({},e),{},{configure:tW(tW({},e.configure),n.searchParameters)})}}}},tY=n(47493);function tX(e){var t;return t={$$widgetType:"ais.configure"},(0,tY.B)(tG,{searchParameters:e},t),null}var tJ=n(40596),t1=n(85017);function t0(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return t2(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t2(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t2(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,nb),a=nx((0,tJ.Z)(),2),s=a[0],c=a[1],l=nx((0,t1.Z)({colorMode:s}),1)[0],f=(0,t3.Z)(),p=(0,np.Z)(),d=nO||"",h=(0,u.useCallback)(function(){f(function(e){return u.createElement(nv.Z,{onClose:function(){p("InstantSearch","close_instant_search_modal"),e()}})})},[f,p]),m=function(){(0,nm.b)({title:"Tonic UI"})};(0,u.useEffect)(function(){(0,ng.Z)(s)},[s]);var g={light:"tonic-logo-light.svg",dark:"tonic-logo-dark.svg"}[s],y={light:"rgba(0, 0, 0, 0.12)",dark:"rgba(255, 255, 255, 0.12)"}[s],v={dark:"blue:60",light:"blue:60"}[s];return u.createElement(Z.Z,nk({as:"header",ref:t,position:"fixed",top:0,zIndex:"fixed",height:"12x",width:"100%",backdropFilter:"blur(20px)",backgroundColor:l.background.primary,boxShadow:"0px -1px 1px inset ".concat(y)},i),u.createElement(Z.Z,{display:"flex",position:"relative",height:"100%",alignItems:"center",justifyContent:"space-between"},u.createElement(Z.Z,null,u.createElement(Z.Z,{display:{sm:"block",lg:"none"}},u.createElement(Z.Z,{display:"flex",flex:"auto",mx:"4x"},u.createElement(t6.Z,{variant:"secondary",onClick:o},u.createElement(ns.Z,null)))),u.createElement(Z.Z,{display:{sm:"none",lg:"block"}},u.createElement(nf(),{href:"/",legacyBehavior:!0,passHref:!0},u.createElement(t4.Z,{"data-track":"Header|click_landing_page",color:l.color.primary,fontSize:"xl",lineHeight:"lg",outline:"none",px:"4x",py:"2x",textDecoration:"none",_active:{color:l.color.emphasis},_hover:{color:l.color.emphasis},_visited:{color:l.color.primary}},u.createElement(t8.Z,{alignItems:"center",columnGap:"2x"},u.createElement(t9.Z,{alt:"",src:"".concat(n_,"/images/").concat(g),height:"8x"}),u.createElement(t7.Z,null,"Tonic UI"),u.createElement("sup",null,nO)))))),u.createElement(Z.Z,{display:"flex",flex:"none",width:"auto",alignItems:"center",columnGap:"4x",px:"4x"},u.createElement(ny.Z,{"data-track":"InstantSearch|open_instant_search_modal",onClick:h},"Search..."),u.createElement(Z.Z,{display:"flex",flex:"none"},u.createElement(ne.Z,{onOpen:function(){p("Header","open_version_menu")},onClose:function(){p("Header","close_version_menu")}},u.createElement(nt.Z,{variant:"secondary",minWidth:100},null!==(n=null===(r=nj[d])||void 0===r?void 0:r.label)&&void 0!==n?n:d),u.createElement(nn.Z,null,Object.entries(nj).map(function(e){var t=nx(e,2),n=t[0],r=t[1];return u.createElement(nr.Z,{"data-track":"Header|click_version_menu_item|".concat(null==r?void 0:r.label),key:n,as:"a",href:null==r?void 0:r.url,whiteSpace:"nowrap"},n===d?u.createElement(u.Fragment,null,null==r?void 0:r.label,u.createElement(no.Z,{width:"2x"}),"✓"):null==r?void 0:r.label)}),u.createElement(ni.Z,null),u.createElement(nr.Z,{"data-track":"Header|click_version_menu_item|View all versions",as:"a",href:"".concat(n_,"/getting-started/versions"),whiteSpace:"nowrap"},"View all versions")))),u.createElement(na.Z,{"data-track":"Header|click_codesandbox",onClick:function(){return m()},title:"Open in CodeSandbox",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",color:l.color.secondary,width:"8x",height:"8x",_hover:{color:l.color.primary,cursor:"pointer"},_focusVisible:{outlineColor:v,outlineStyle:"solid",outlineWidth:"1h"}}},u.createElement(nd.Z,{size:"6x"})),u.createElement(na.Z,{"data-track":"Header|click_toggle_color_mode|".concat("light"===s?"dark":"light"),onClick:function(){return c()},title:"Toggle color mode",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",color:l.color.secondary,width:"8x",height:"8x",_hover:{color:l.color.primary,cursor:"pointer"},_focusVisible:{outlineColor:v,outlineStyle:"solid",outlineWidth:"1h"}}},"light"===s&&u.createElement(nc.Z,{size:"6x"}),"dark"===s&&u.createElement(nu.Z,{size:"6x"})),u.createElement(na.Z,{"data-track":"Header|click_github_repo_url|".concat(nS),onClick:function(){return window.open(nS,"_blank")},title:"GitHub repository",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",color:l.color.secondary,width:"8x",height:"8x",_hover:{color:l.color.primary,cursor:"pointer"},_focusVisible:{outlineColor:v,outlineStyle:"solid",outlineWidth:"1h"}}},u.createElement(nh.Z,{size:"6x"})))))});nT.displayName="Header";var nC=n(92952),nA=n(78366),nR=n(72448),nI=n(65245),nP=n(76761),nZ=["align"],nF=["align"],nN=["children"];function nL(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function nM(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return nD(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nD(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nD(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);np{margin-bottom:0;}"}),ul:function(e){return u.createElement(Z.Z,nB({as:"ul",fontSize:"md",lineHeight:"lg",mt:0,mb:"4x",pl:"6x"},e))},ol:function(e){return u.createElement(Z.Z,nB({as:"ol",fontSize:"md",lineHeight:"lg",mt:0,mb:"4x",pl:"6x"},e))},li:function(e){return u.createElement(Z.Z,nB({as:"li",mt:"1x",mb:"2x"},e))},table:function(e){return u.createElement(Z.Z,nB({as:"table",mt:0,mb:"4x",fontSize:"md",lineHeight:"lg",borderCollapse:"collapse",borderSpacing:0,width:"100%"},e))},thead:function(e){return u.createElement(Z.Z,nB({as:"thead",verticalAlign:"middle",borderColor:"inherit"},e))},tbody:function(e){return u.createElement(Z.Z,nB({as:"tbody",verticalAlign:"middle",borderColor:"inherit"},e))},tr:function(e){return u.createElement(Z.Z,nB({as:"tr"},e))},th:function(e){var t=e.align,n=nL(e,nZ),r=nM((0,tJ.Z)(),1)[0];return u.createElement(Z.Z,nB({as:"th",px:"3x",py:"2x",fontWeight:"semibold",whiteSpace:"nowrap",border:1,borderBottom:2,borderColor:{light:"gray:40",dark:"gray:70"}[r],textAlign:t},n))},td:function(e){var t=e.align,n=nL(e,nF),r=nM((0,tJ.Z)(),1)[0];return u.createElement(Z.Z,nB({as:"td",px:"3x",py:"2x",border:1,borderColor:{light:"gray:40",dark:"gray:70"}[r],textAlign:t},n))},pre:function(e){var t,n,r=e.children;nL(e,nN);var o=(0,i.u)(),a=nM((0,tJ.Z)(),1)[0],s={dark:nP.y,light:nP.q}[a],c=(0,u.isValidElement)(r)?(0,p.Zs)(null==r?void 0:null===(t=r.props)||void 0===t?void 0:t.children).trimEnd():(0,p.Zs)(r).trimEnd(),l=(0,u.isValidElement)(r)?(0,p.Zs)(r.props.className).replace(/language-/,""):"";return u.createElement(nI.nu,{code:c,disabled:!0,language:l,theme:s},u.createElement(Z.Z,{as:nI.uz,sx:{fontFamily:"mono",fontSize:"md",lineHeight:"md",mb:"4x","& > .prism-code":{padding:"".concat(null==o?void 0:null===(n=o.space)||void 0===n?void 0:n["4x"]," !important"),overflowX:"auto"}}}))},code:function(e){return u.createElement(nA.Z,nB({as:"code"},e))},hr:function(e){return u.createElement(nR.Z,nB({as:"hr",my:"2x"},e))},a:function(e){return u.createElement(t4.Z,nB({as:"a"},e))},img:t9.Z},n$=["children"];function nU(){return(nU=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,n$),i=(function(e){if(Array.isArray(e))return e}(n=(0,tJ.Z)())||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{for(i=(n=n.call(e)).next;!(c=(r=i.call(n)).done)&&(s.push(r.value),1!==s.length);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(n,1)||function(e,t){if(e){if("string"==typeof e)return nH(e,1);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nH(e,1)}}(n,1)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];return u.createElement(Z.Z,nU({as:"main",id:"main",ref:t,backgroundColor:{light:"white",dark:"gray:100"}[i]},o),r)});nq.displayName="Main";var nW=n(76013),nV=n(79036),nK=n(80508),nQ=n(90094),nG=n(25619),nY=n(20325),nX=n(97198),nJ=n(73819),n1=n(98107),n0=n(44285),n2=["href","isActive"];function n5(){return(n5=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,n2),i=n3((0,tJ.Z)(),1)[0],a=n3((0,t1.Z)({colorMode:i}),1)[0],s=a.color.secondary,c=a.color.primary,l=a.color.emphasis;return u.createElement(nf(),{href:n,legacyBehavior:!0,passHref:!0},u.createElement(Z.Z,n5({ref:t,as:"a",color:s,display:"flex",px:"4x",py:"2x",fontSize:"sm",textDecoration:"none","aria-selected":!!r,_active:{backgroundColor:{light:"rgba(0, 0, 0, 0.1)",dark:"rgba(255, 255, 255, 0.1)"}[i],color:c},_focusVisible:{outlineColor:{dark:"blue:60",light:"blue:60"}[i],outlineOffset:"-1h",outlineStyle:"solid",outlineWidth:"1h"},_hover:{backgroundColor:{light:"rgba(0, 0, 0, 0.12)",dark:"rgba(255, 255, 255, 0.12)"}[i]},_selected:{backgroundColor:{light:"rgba(0, 0, 0, 0.08)",dark:"rgba(255, 255, 255, 0.08)"}[i],color:l}},o)))});n4.displayName="NavLink";var n8=["children","onClick","onClose"];function n9(){return(n9=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0&&(null==t?void 0:t.left)>=0&&(null==t?void 0:t.bottom)<=(window.innerHeight||document.documentElement.clientHeight)&&(null==t?void 0:t.right)<=(window.innerWidth||document.documentElement.clientWidth)},rn=(0,p.Zs)("/tonic-ui-demo/react/pr-"),rr=(0,u.forwardRef)(function(e,t){var n=e.children,r=e.onClick,o=e.onClose,i=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,n8),a=n7((0,tJ.Z)(),1)[0],s=n7((0,t1.Z)({colorMode:a}),1)[0],c=(0,u.useRef)(),l=(0,nY.Z)(c,t),f=(0,z.useRouter)(),d=(0,p.Zs)(f.pathname).slice(1);return(0,u.useEffect)(function(){var e=c.current.querySelector('[data-path="'.concat(d,'"]'));e&&!rt(e)&&e.scrollIntoView({behavior:"auto",block:"center"})},[d]),u.createElement(Z.Z,n9({as:"nav",id:"sidenav",ref:l,backgroundColor:s.background.primary,borderRight:1,borderRightColor:{light:"gray:20",dark:"gray:70"}[a],pt:{sm:0,lg:"4x"},pb:"4x"},i),u.createElement(Z.Z,{display:{sm:"block",lg:"none"}},u.createElement(t8.Z,{alignItems:"center",justifyContent:"space-between",mb:"4x"},u.createElement(nf(),{href:"/",legacyBehavior:!0,passHref:!0},u.createElement(t4.Z,{background:"transparent",color:s.color.primary,fontSize:"xl",lineHeight:"lg",outline:"none",px:"4x",py:"2x",textDecoration:"none",_active:{color:s.color.emphasis},_hover:{color:s.color.emphasis},_visited:{color:s.color.primary}},u.createElement(t9.Z,{alt:"",src:"".concat(rn,"/images/").concat({light:"tonic-logo-light.svg",dark:"tonic-logo-dark.svg"}[a]),height:"8x",marginRight:"2x"}),u.createElement(t7.Z,null,"Tonic UI"))),u.createElement(Z.Z,{px:"2x"},u.createElement(n0.Z,{onClick:o},u.createElement(nX.Z,null))))),u.createElement(nW.Z,null,nJ._.map(function(e){var t=e.title,n=e.icon,o=e.routes,i=o.some(function(e){return d.startsWith(e.path)});return u.createElement(Z.Z,{key:t},u.createElement(nV.Z,{defaultIsExpanded:i},function(e){var i,a,c=e.isExpanded;return u.createElement(u.Fragment,null,u.createElement(nK.Z,{"data-track":c?"SideMenu|close_menu_section|".concat((0,n1.Z)({title:t})):"SideMenu|open_menu_section|".concat((0,n1.Z)({title:t})),"data-expanded":c,"data-title":t},u.createElement(t8.Z,{alignItems:"center",justifyContent:"space-between",py:"2x",px:"3x",_hover:{backgroundColor:s.background.highlighted}},u.createElement(t8.Z,{alignItems:"center",columnGap:"2x"},"function"==typeof n&&n({color:null==s?void 0:null===(i=s.color)||void 0===i?void 0:i.tertiary,size:"4x"}),u.createElement(t7.Z,{color:null==s?void 0:null===(a=s.color)||void 0===a?void 0:a.primary,fontSize:"sm",lineHeight:"sm"},t)),u.createElement(nQ.Z,null))),u.createElement(nG.Z,{TransitionProps:{unmountOnExit:!0}},o.map(function(e){var n,o=e.heading,i=e.title,a=e.path,c=e.render;if(o)return u.createElement(t7.Z,{key:i,color:null==s?void 0:null===(n=s.color)||void 0===n?void 0:n.tertiary,fontSize:"xs",lineHeight:"xs",pl:"9x",mt:"4x",mb:"2x",textTransform:"uppercase",letterSpacing:"0.08rem",_firstOfType:{mt:"2x"}},i);var l=d===a,f="/".concat(a);return u.createElement(n4,{key:i,"data-path":a,"data-track":"SideMenu|click_menu_item|".concat((0,n1.Z)({path:f,title:[t,i].join(" > ")})),isActive:l,href:f,onClick:r,pl:0,px:"3x"},u.createElement(t8.Z,{columnGap:"2x",alignItems:"center",justifyContent:"space-between",width:"100%"},u.createElement(t7.Z,{fontSize:"sm",lineHeight:"sm",pl:"9x"},i),"function"==typeof c&&c()))})))}))})),n)});rr.displayName="Sidebar";var ro=n(33558),ri=n(56818),ra=n(12436),rs=n.n(ra),rc=function(e,t){var n=(0,u.useMemo)(function(){return e?rs()(e,t):ri.ZT},[e,t]);(0,u.useEffect)(function(){if(n!==ri.ZT)return window.addEventListener("scroll",n),function(){window.removeEventListener("scroll",n),n.cancel()}},[n])};function ru(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(e,t)||rl(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rl(e,t){if(e){if("string"==typeof e)return rf(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rf(e,t)}}function rf(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){s=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(s)throw i}}}}(r);try{for(o.s();!(e=o.n()).done;){var i=e.value,a={id:i.id,tagName:i.tagName,textContent:i.textContent,children:[],parent:n};if(n&&n.tagName&&i.tagName>n.tagName)n.children.push(a);else{for(;n&&n.tagName&&i.tagName<=n.tagName;)n=n.parent;n&&n.children.push(a)}n=a}}catch(e){o.e(e)}finally{o.f()}return t},[r]);(0,u.useEffect)(function(){if(!(0,ro.Nq)())return null;c(null);var e=document.querySelector("#main > .main-content");if(e){var t=["h2","h3","h4","h5","h6"].map(function(e){return":scope>".concat(e)}).join(",");console.log(t),o(Array.from(e.querySelectorAll(t)))}if(window.location.hash){var n=document.querySelector(window.location.hash);n&&setTimeout(function(){n.scrollIntoView({behavior:"smooth",block:"start"})},200)}},[t.pathname]);var a=ru((0,u.useState)(null),2),s=a[0],c=a[1],l=(0,u.useRef)(null),f=(0,u.useRef)(null),p=(0,u.useCallback)(function(){if(!l.current){for(var e,t=r.length-1;t>=0;t-=1){var n=r[t],o=document.getElementById(n.id),i=document.documentElement.scrollTop+48+12;if(o&&o.offsetTop<=i){e=n;break}}e&&s!==e.id&&c(e.id)}},[s,r]);rc(r.length>0?p:null,1e3/60),(0,u.useEffect)(function(){return function(){f.current&&(clearTimeout(f.current),f.current=null)}},[]);var d=function(e){var t=e.nodes;return u.createElement(Z.Z,{as:"ul",className:"toc-list"},t.map(function(e){var t;return u.createElement(h,{key:e.id,nodes:e.children,className:"toc-item toc-item-".concat(e.tagName.toLowerCase())},u.createElement(t4.Z,{className:s===e.id?"toc-link toc-link-".concat(e.tagName.toLowerCase()," active"):"toc-link toc-link-".concat(e.tagName.toLowerCase()),href:"#".concat(e.id),onClick:(t=e.id,function(e){e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||(f.current&&(clearTimeout(f.current),f.current=null),l.current=e.target,f.current=setTimeout(function(){l.current=null},1e3),s!==t&&c(t))})},e.textContent))}))},h=function(e){var t=e.children,n=e.nodes;return u.createElement(Z.Z,{as:"li"},t,n.length>0&&u.createElement(d,{nodes:n}))};return u.createElement(Z.Z,{as:"nav",className:"toc",id:"toc"},u.createElement(Z.Z,{className:"toc-heading"},"Contents"),u.createElement(d,{nodes:i.children}))};function rd(){return(rd=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=240&&e.clientX-t<=360&&r(e.clientX-t)},[]),d=function(){c&&l(!1)};return(0,u.useEffect)(function(){c&&l(!1)},[a]),u.createElement(Z.Z,{ref:o,fontSize:"md",lineHeight:"md"},u.createElement(nT,{onToggle:function(){l()}}),u.createElement(rr,rd({onClick:d,onClose:d},{flexShrink:0,width:{sm:c?n:0,lg:n},willChange:"width",transition:{sm:"width .2s ease-in-out",lg:"none"},overflowY:"auto",overflowX:"hidden",position:"fixed",top:{sm:0,lg:f},bottom:0,left:0,zIndex:"fixed",whiteSpace:"nowrap"}),u.createElement(Z.Z,rd({draggable:!0,onDrag:p},{background:"transparent",cursor:"col-resize",position:"absolute",top:0,bottom:0,right:0,width:"2x"}))),u.createElement(nq,rd({onClick:d,sx:{"--docs-sidebar-width":"".concat(n,"px")}},{position:"relative",ml:{sm:0,lg:n},pt:f,height:"100vh",width:{sm:"100%",lg:"calc(100% - ".concat(n,"px)")},willChange:"width,margin",transition:{sm:"width .3s ease-in-out, margin .3s ease-in-out",lg:"none"}}),u.createElement(B(),e),u.createElement(rp,null)))},rx=function(e){var t=rh((0,u.useState)(null),2),n=t[0],r=t[1],o=(0,z.useRouter)();if((0,u.useEffect)(function(){var e=document.documentElement,t=e.style.getPropertyValue("color-scheme");e.setAttribute("data-color-scheme",t),("dark"===t||"light"===t)&&n!==t&&r(t)},[]),!n)return null;var i="/"===o.pathname?rb:rk;return u.createElement(t$,{indexName:"tonic-ui-v2",searchClient:ry},u.createElement(tX,{hitsPerPage:1e3,highlightPreTag:"",highlightPostTag:""}),u.createElement(rv,{nonce:rg},u.createElement(j,{key:n,colorMode:{defaultValue:n},colorStyle:{defaultValue:m.Z},theme:s.Z,useCSSBaseline:!0},u.createElement(I,null,u.createElement(P.Z,{TransitionProps:{sx:{'[data-toast-placement^="top"] > &:first-of-type':{mt:"4x"},'[data-toast-placement^="bottom"] > &:last-of-type':{mb:"4x"},'[data-toast-placement$="left"] > &':{ml:"4x"},'[data-toast-placement$="right"] > &':{mr:"4x"}}}},u.createElement(a.Zo,{components:nz},u.createElement(i,e),u.createElement(t5,null)))))))}},76761:function(e,t,n){"use strict";n.d(t,{q:function(){return r},y:function(){return o}});var r={plain:{color:"#393A34",backgroundColor:"#f2f2f2"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},o={plain:{color:"#9CDCFE",backgroundColor:"black"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]}},73205:function(e,t,n){"use strict";n.d(t,{b:function(){return y}});var r=n(36954),o=n.n(r),i=n(5081),a=function(e){var t=e.language,n=e.title;return'\n\n\n \n ').concat(n,'\n \n \n
\n \n').trim()},s=JSON.parse('{"v6":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.0","@babel/eslint-parser":"^7.0.0","@babel/eslint-plugin":"^7.0.0","@babel/node":"^7.0.0","@babel/plugin-transform-runtime":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","@babel/runtime":"^7.0.0","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@emotion/babel-plugin":"^11.10.0","@emotion/cache":"^11.11.0","@emotion/react":"^11.10.0","@mdx-js/loader":"^2.1.2","@mdx-js/mdx":"^2.1.2","@mdx-js/react":"^2.1.2","@next/mdx":"^13.0.5","@tanstack/react-table":"^8.9.1","@tanstack/react-virtual":"^3.0.0-beta","@tonic-ui/react":"workspace:^","@tonic-ui/react-hooks":"workspace:^","@tonic-ui/react-icons":"workspace:^","@tonic-ui/utils":"workspace:^","@trendmicro/babel-config":"^1.0.2","acorn":"^8.8.2","algoliasearch":"^4.14.2","boolean":"^3.2.0","cross-env":"^7.0.3","date-fns":"2.x","del-cli":"^5.0.0","dotenv-flow":"^3.2.0","ensure-type":"^1.5.1","eslint":"^8.25.0","eslint-config-next":"latest","eslint-plugin-import":"latest","eslint-plugin-jsx-a11y":"latest","eslint-plugin-react":"latest","hastscript":"^8.0.0","immutability-helper":"^3.1.1","jest":"^29.0.0","jest-environment-jsdom":"^29.0.0","lodash":"^4.17.21","lorem-ipsum":"^2.0.8","lz-string":"^1.5.0","mdast-util-from-markdown":"^2.0.0","mdast-util-mdx-jsx":"^3.0.0","micromark-extension-mdx-jsx":"^2.0.0","next":"^14.2.3","next-plugin-svgr":"^1.1.10","node-emoji":"^2.1.0","prism-react-renderer":"^2.0.6","prop-types":"15.x","react":"latest","react-beautiful-dnd":"^13.1.1","react-dnd":"^16.0.1","react-dnd-html5-backend":"^16.0.1","react-dom":"latest","react-focus-lock":"^2.9.2","react-highlight-words":"^0.20.0","react-instantsearch-core":"^7.5.0","react-live":"^4.1.3","react-movable":"^3.0.4","react-table":"^7.8.0","react-virtualized-auto-sizer":"^1.0.15","rehype-autolink-headings":"^6.1.1","rehype-slug":"^5.1.0","remark-emoji":"^4.0.0","remark-frontmatter":"^4.0.1","remark-gfm":"^3.0.1","remark-images":"^3.1.0","remark-mdx-code-meta":"^2.0.0","unist-util-visit":"^5.0.0","uuid":"^9.0.0"}}'),c=n(93542);function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function l(e,t){if(e){if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return f(e,t)}}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]?arguments[1]:"latest",n=c.env.CI_PULL_REQUEST_NUMBER?"f479219d":void 0;return n?"https://pkg.csb.dev/trendmicro-frontend/tonic-ui/commit/".concat(n,"/@tonic-ui/").concat(e):t},n=d(d({},s.v6),{},{"@tonic-ui/react":t("react","2.x"),"@tonic-ui/react-base":t("react-base","2.x"),"@tonic-ui/react-hooks":t("react-hooks","2.x"),"@tonic-ui/react-icons":t("react-icons","2.x"),"@tonic-ui/styled-system":t("styled-system","2.x"),"@tonic-ui/theme":t("theme","2.x"),"@tonic-ui/utils":t("utils","2.x")}),r=function(e){for(var t={},r=null,o=/^import\s'([^']+)'|import\s[\s\S]*?\sfrom\s+'([^']+)'/gm;r=o.exec(e);){var a,s,c=(0,i.Zs)(null!==(a=r[2])&&void 0!==a?a:r[1]);if(!c.startsWith("@/")){var u="@"===c[0]?c.split("/",2).join("/"):c.split("/",1)[0];t[u]||u.startsWith(".")||(t[u]=null!==(s=n[u])&&void 0!==s?s:"latest")}}return t};return(0,i.rY)(e).reduce(function(e,t){return d(d({},e),r(t))},{})},m=function(e){var t,n=d({},e),r=n.files,o=n.language,s=n.raw,c=n.title,u=void 0===c?"":c,p="\nimport { Global, css } from '@emotion/react';\nimport {\n Box,\n PortalManager,\n ToastManager,\n TonicProvider,\n colorStyle,\n theme,\n useColorMode,\n useColorStyle,\n useTheme,\n} from '@tonic-ui/react';\nimport * as React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport App from './app';\n\nconst customColorStyle = {\n ...colorStyle,\n dark: {\n ...colorStyle.dark,\n\n // Add custom colors here\n risk: {\n high: 'red:50',\n medium: 'yellow:50',\n low: 'green:40',\n none: 'gray:50',\n },\n severity: {\n critical: 'magenta:60',\n high: 'red:50',\n medium: 'orange:50',\n low: 'yellow:50',\n info: 'gray:50',\n },\n },\n light: {\n ...colorStyle.light,\n\n // Add custom colors here\n risk: {\n high: 'red:60',\n medium: 'yellow:50',\n low: 'green:50',\n none: 'gray:50',\n },\n severity: {\n critical: 'magenta:60',\n high: 'red:60',\n medium: 'orange:50',\n low: 'yellow:50',\n info: 'gray:50',\n },\n },\n};\n\n// Enable CSS variables\ntheme.config.useCSSVariables = true;\n\nconst Root = (props) => (\n \n \n \n \n \n \n \n \n \n);\n\nconst Layout = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const { colors, fontSizes, lineHeights } = useTheme();\n const backgroundColor = colorStyle.background.primary;\n const color = colorStyle.color.primary;\n const scrollbarThumbBackgroundColor = colorStyle.color.disabled;\n const scrollbarThumbHoverBackgroundColor = colorStyle.color.tertiary;\n const scrollbarThumbHoverBorderColor = colorStyle.color.secondary;\n const scrollbarTrackBackgroundColor = {\n light: 'gray:30',\n dark: 'gray:70',\n }[colorMode];\n\n return (\n <>\n \n \n \n );\n};\n\nReactDOM.createRoot(document.querySelector(\"#root\")).render(\n \n \n \n \n \n);\n".trim(),m=null!=s?s:"\nimport { Box } from '@tonic-ui/react';\nimport React, { forwardRef } from 'react';\n\nconst App = forwardRef((props, ref) => {\n const styleProps = {\n // Define style props here\n //\n // Refer to Tonic UI documentation for available style props:\n // https://trendmicro-frontend.github.io/tonic-ui/react/latest/styled-system/style-props\n };\n\n return (\n \n Tonic UI is awesome\n \n );\n});\n\nApp.displayName = 'App';\n\nexport default App;\n".trim(),g=h([p,m].concat(function(e){if(Array.isArray(e))return f(e)}(t=Object.values((0,i.ks)(r)))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||l(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()));return d(d({},Object.entries((0,i.ks)(r)).reduce(function(e,t){var n=function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{for(i=(n=n.call(e)).next;!(c=(r=i.call(n)).done)&&(s.push(r.value),2!==s.length);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(t,2)||l(t,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),r=n[0],o=n[1];return e[r]={content:o},e},{})),{},{"public/index.html":{content:a({language:void 0===o?"en":o,title:u})},"src/app.js":{content:m},"src/index.js":{content:p},"jsconfig.json":{content:'\n{\n "compilerOptions": {\n "baseUrl": "src",\n "paths": {\n "@/*": ["*"]\n }\n }\n}\n'.trim()},"package.json":{content:{description:u,dependencies:d({},g)}}})},g=function(e,t,n){var r=document.createElement("input");r.type="hidden",r.name=t,r.value=n,e.appendChild(r)},y=function(e){var t,n=(t={files:m(e)},o().compressToBase64(JSON.stringify(t)).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")),r=document.createElement("form");r.method="POST",r.target="_blank",r.action="https://codesandbox.io/api/v1/sandboxes/define",g(r,"parameters",n),g(r,"query","file=/src/app.js"),document.body.appendChild(r),r.submit(),document.body.removeChild(r)}},98107:function(e,t){"use strict";t.Z=function(){var e;try{e=JSON.stringify.apply(JSON,arguments)}catch(e){}return e}},61860:function(e,t){"use strict";t.Z=function(e){if("dark"!==e&&"light"!==e){var t=document.documentElement;t.style.setProperty("color-scheme",""),t.removeAttribute("data-color-scheme"),localStorage.removeItem("tonic-ui-color-mode");return}var n=document.documentElement;n.style.setProperty("color-scheme",e),n.setAttribute("data-color-scheme",e),localStorage.setItem("tonic-ui-color-mode",e)}},93542:function(e,t,n){"use strict";var r,o;e.exports=(null==(r=n.g.process)?void 0:r.env)&&"object"==typeof(null==(o=n.g.process)?void 0:o.env)?n.g.process:n(42351)},53723:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return n(92105)}])},42351:function(e){!function(){var t={229:function(e){var t,n,r,o=e.exports={};function i(){throw Error("setTimeout has not been defined")}function a(){throw Error("clearTimeout has not been defined")}function s(e){if(t===setTimeout)return setTimeout(e,0);if((t===i||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(n){try{return t.call(null,e,0)}catch(n){return t.call(this,e,0)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:i}catch(e){t=i}try{n="function"==typeof clearTimeout?clearTimeout:a}catch(e){n=a}}();var c=[],u=!1,l=-1;function f(){u&&r&&(u=!1,r.length?c=r.concat(c):l=-1,c.length&&p())}function p(){if(!u){var e=s(f);u=!0;for(var t=c.length;t;){for(r=c,c=[];++l1)for(var n=1;n-1?e.split(","):e},c=function(e,t){var n={},c=t.ignoreQueryPrefix?e.replace(/^\?/,""):e,u=t.parameterLimit===1/0?void 0:t.parameterLimit,l=c.split(t.delimiter,u),f=-1,p=t.charset;if(t.charsetSentinel)for(d=0;d=0&&n.parseArrays&&l<=n.arrayLimit?(a=[])[l]=o:"__proto__"!==u&&(a[u]=o):a={0:o}}o=a}return o},l=function(e,t,n,r){if(e){var i=n.allowDots?e.replace(/\.([^.[]+)/g,"[$1]"):e,a=/(\[[^[\]]*])/g,s=n.depth>0&&/(\[[^[\]]*])/.exec(i),c=s?i.slice(0,s.index):i,l=[];if(c){if(!n.plainObjects&&o.call(Object.prototype,c)&&!n.allowPrototypes)return;l.push(c)}for(var f=0;n.depth>0&&null!==(s=a.exec(i))&&f0?w.join(",")||null:void 0}];else if(s(f))x=f;else{var T=Object.keys(w);x=p?T.sort(p):T}for(var C=0;C0?g+d:""}},12493:function(e,t,n){"use strict";var r=n(85527),o=Object.prototype.hasOwnProperty,i=Array.isArray,a=function(){for(var e=[],t=0;t<256;++t)e.push("%"+((t<16?"0":"")+t.toString(16)).toUpperCase());return e}(),s=function(e){for(;e.length>1;){var t=e.pop(),n=t.obj[t.prop];if(i(n)){for(var r=[],o=0;o=48&&l<=57||l>=65&&l<=90||l>=97&&l<=122||i===r.RFC1738&&(40===l||41===l)){c+=s.charAt(u);continue}if(l<128){c+=a[l];continue}if(l<2048){c+=a[192|l>>6]+a[128|63&l];continue}if(l<55296||l>=57344){c+=a[224|l>>12]+a[128|l>>6&63]+a[128|63&l];continue}u+=1,c+=a[240|(l=65536+((1023&l)<<10|1023&s.charCodeAt(u)))>>18]+a[128|l>>12&63]+a[128|l>>6&63]+a[128|63&l]}return c},isBuffer:function(e){return!!e&&"object"==typeof e&&!!(e.constructor&&e.constructor.isBuffer&&e.constructor.isBuffer(e))},isRegExp:function(e){return"[object RegExp]"===Object.prototype.toString.call(e)},maybeMap:function(e,t){if(i(e)){for(var n=[],r=0;r-1&&(k.filter(function(e){var t=e.guard,n=e.node;return t&&n.dataset.focusAutoGuard}).forEach(function(e){return e.node.removeAttribute("tabIndex")}),g(x,k.length,1,k),g(x,-1,-1,k))}}}return e},v=function(e){y()&&e&&(e.stopPropagation(),e.preventDefault())},b=function(){return(0,c.deferAction)(y)},k=function(){h="just",(0,c.deferAction)(function(){h="meanwhile"})},x=function(){document.addEventListener("focusin",v),document.addEventListener("focusout",b),window.addEventListener("blur",k)},w=function(){document.removeEventListener("focusin",v),document.removeEventListener("focusout",b),window.removeEventListener("blur",k)},_={moveFocusInside:s.moveFocusInside,focusInside:s.focusInside,focusNextElement:s.focusNextElement,focusPrevElement:s.focusPrevElement,focusFirstElement:s.focusFirstElement,focusLastElement:s.focusLastElement,captureFocusRestore:s.captureFocusRestore};u.mediumFocus.assignSyncMedium(function(e){var t=e.target,n=e.currentTarget;n.contains(t)||m(n,t)}),u.mediumBlur.assignMedium(b),u.mediumEffect.assignMedium(function(e){return e(_)}),t.default=(0,a.default)(function(e){return e.filter(function(e){return!e.disabled})},function(e){var t=e.slice(-1)[0];t&&!f&&x();var n=f,r=n&&t&&t.id===n.id;f=t,!n||r||(n.onDeactivation(),e.filter(function(e){return e.id===n.id}).length||n.returnFocus(!t)),t?(p=null,r&&n.observed===t.observed||t.onActivation(_),y(!0),(0,c.deferAction)(y)):(w(),p=null)})(function(){return null})},32701:function(e,t,n){"use strict";var r=n(71600),o=n(67425);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"AutoFocusInside",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"FocusLockUI",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"FreeFocusInside",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(t,"InFocusGuard",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"MoveFocusInside",{enumerable:!0,get:function(){return s.default}}),t.default=void 0,Object.defineProperty(t,"useFocusController",{enumerable:!0,get:function(){return l.useFocusController}}),Object.defineProperty(t,"useFocusInside",{enumerable:!0,get:function(){return s.useFocusInside}}),Object.defineProperty(t,"useFocusScope",{enumerable:!0,get:function(){return l.useFocusScope}}),Object.defineProperty(t,"useFocusState",{enumerable:!0,get:function(){return f.useFocusState}});var i=r(n(76785)),a=r(n(15989)),s=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=p(void 0);if(n&&n.has(e))return n.get(e);var r={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var s=i?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(r,a,s):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(n(56517)),c=r(n(88476)),u=r(n(72143)),l=n(27452),f=n(25473);function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.default=i.default},64355:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0});var o={};t.default=void 0;var i=r(n(86421)),a=n(32701);Object.keys(a).forEach(function(e){!("default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(o,e))&&(e in t&&t[e]===a[e]||Object.defineProperty(t,e,{enumerable:!0,get:function(){return a[e]}}))}),t.default=i.default},29199:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.mediumSidecar=t.mediumFocus=t.mediumEffect=t.mediumBlur=void 0;var r=n(96545);t.mediumFocus=(0,r.createMedium)({},function(e){return{target:e.target,currentTarget:e.currentTarget}}),t.mediumBlur=(0,r.createMedium)(),t.mediumEffect=(0,r.createMedium)(),t.mediumSidecar=(0,r.createSidecarMedium)({async:!0,ssr:"undefined"!=typeof document})},19579:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createNanoEvents=void 0,t.createNanoEvents=function(){return{emit:function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:{};return d(function(t){return t.moveFocusInside(p(r.current),null,e)})},focusNext:function(e){return d(function(t){t.moveFocusInside(p(r.current),null),t.focusNextElement(document.activeElement,f({scope:p(r.current)},e))})},focusPrev:function(e){return d(function(t){t.moveFocusInside(p(r.current),null),t.focusPrevElement(document.activeElement,f({scope:p(r.current)},e))})},focusFirst:function(e){return d(function(t){t.focusFirstElement(p(r.current),e)})},focusLast:function(e){return d(function(t){t.focusLastElement(p(r.current),e)})}}},[])};t.useFocusScope=function(){var e=(0,a.useContext)(s.focusScope);if(!e)throw Error("FocusLock is required to operate with FocusScope");return h.apply(void 0,[e.observed].concat((0,o.default)(e.shards)))}},25473:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.useFocusState=void 0;var o=r(n(43681)),i=n(2784),a=(0,n(19579).createNanoEvents)(),s=0,c=function(e){return a.emit("assign",e.target)},u=function(e){return a.emit("reset",e.target)},l=function(){(0,i.useEffect)(function(){return s||(document.addEventListener("focusin",c),document.addEventListener("focusout",u)),s+=1,function(){(s-=1)||(document.removeEventListener("focusin",c),document.removeEventListener("focusout",u))}},[])},f=function(e,t){return e===t?"self":t.contains(e)?"within":"within-boundary"};t.useFocusState=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,i.useState)(!1),n=(0,o.default)(t,2),r=n[0],s=n[1],c=(0,i.useState)(""),u=(0,o.default)(c,2),p=u[0],d=u[1],h=(0,i.useRef)(null),m=(0,i.useRef)({}),g=(0,i.useRef)(!1);(0,i.useEffect)(function(){if(h.current){var t=h.current===document.activeElement||h.current.contains(document.activeElement);s(t),d(f(document.activeElement,h.current)),t&&e.onFocus&&e.onFocus()}},[]);var y=(0,i.useCallback)(function(e){m.current={focused:!0,state:f(e.target,e.currentTarget)}},[]);return l(),(0,i.useEffect)(function(){var t=a.on("reset",function(){m.current={}}),n=a.on("assign",function(){var t=m.current.focused||!1;s(t),d(m.current.state||""),t!==g.current&&(g.current=t,t?e.onFocus&&e.onFocus():e.onBlur&&e.onBlur())});return function(){t(),n()}},[]),{active:r,state:p,onFocus:y,ref:h}}},5129:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.deferAction=function(e){setTimeout(e,1)},t.inlineProp=t.extractRef=void 0,t.inlineProp=function(e,t){var n={};return n[e]=t,n},t.extractRef=function(e){return e&&"current"in e?e.current:e}},78141:function(e,t,n){e.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}return n.m=e,n.c=t,n.p="",n(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=(r=n(2))&&r.__esModule?r:{default:r};t.default=o.default,e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t=0)&&Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["activeClassName","activeIndex","activeStyle","autoEscape","caseSensitive","className","findChunks","highlightClassName","highlightStyle","highlightTag","sanitize","searchWords","textToHighlight","unhighlightTag","unhighlightClassName","unhighlightStyle"]),C=(0,i.findAll)({autoEscape:l,caseSensitive:p,findChunks:h,sanitize:k,searchWords:x,textToHighlight:w}),A=void 0===b?"mark":b,R=-1,I="",P=void 0,Z=(0,c.default)(function(e){var t={};for(var n in e)t[n.toLowerCase()]=e[n];return t});return(0,s.createElement)("span",r({className:d},T,{children:C.map(function(e,t){var r=w.substr(e.start,e.end-e.start);if(!e.highlight)return(0,s.createElement)(S,{children:r,className:O,key:t,style:j});R++;var o=void 0;o="object"==typeof g?p?g[r]:(g=Z(g))[r.toLowerCase()]:g;var i=R===+a;I=o+" "+(i?n:""),P=!0===i&&null!=u?Object.assign({},v,u):v;var c={children:r,className:I,key:t,style:P};return"string"!=typeof A&&(c.highlightIndex=R),(0,s.createElement)(A,c)})}))}u.propTypes={activeClassName:a.default.string,activeIndex:a.default.number,activeStyle:a.default.object,autoEscape:a.default.bool,className:a.default.string,findChunks:a.default.func,highlightClassName:a.default.oneOfType([a.default.object,a.default.string]),highlightStyle:a.default.object,highlightTag:a.default.oneOfType([a.default.node,a.default.func,a.default.string]),sanitize:a.default.func,searchWords:a.default.arrayOf(a.default.oneOfType([a.default.string,a.default.instanceOf(RegExp)])).isRequired,textToHighlight:a.default.string.isRequired,unhighlightTag:a.default.oneOfType([a.default.node,a.default.func,a.default.string]),unhighlightClassName:a.default.string,unhighlightStyle:a.default.object},e.exports=t.default},function(e,t){e.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}return n.m=e,n.c=t,n.p="",n(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);Object.defineProperty(t,"combineChunks",{enumerable:!0,get:function(){return r.combineChunks}}),Object.defineProperty(t,"fillInChunks",{enumerable:!0,get:function(){return r.fillInChunks}}),Object.defineProperty(t,"findAll",{enumerable:!0,get:function(){return r.findAll}}),Object.defineProperty(t,"findChunks",{enumerable:!0,get:function(){return r.findChunks}})},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.findAll=function(e){var t=e.autoEscape,i=e.caseSensitive,a=e.findChunks,s=void 0===a?r:a,c=e.sanitize,u=e.searchWords,l=e.textToHighlight;return o({chunksToHighlight:n({chunks:s({autoEscape:t,caseSensitive:void 0!==i&&i,sanitize:c,searchWords:u,textToHighlight:l})}),totalLength:l?l.length:0})};var n=t.combineChunks=function(e){return e.chunks.sort(function(e,t){return e.start-t.start}).reduce(function(e,t){if(0===e.length)return[t];var n=e.pop();if(t.start<=n.end){var r=Math.max(n.end,t.end);e.push({start:n.start,end:r})}else e.push(n,t);return e},[])},r=function(e){var t=e.autoEscape,n=e.caseSensitive,r=e.sanitize,o=void 0===r?i:r,a=e.searchWords,s=e.textToHighlight;return s=o(s),a.filter(function(e){return e}).reduce(function(e,r){r=o(r),t&&(r=r.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"));for(var i=new RegExp(r,n?"g":"gi"),a=void 0;a=i.exec(s);){var c=a.index,u=i.lastIndex;u>c&&e.push({start:c,end:u}),a.index==i.lastIndex&&i.lastIndex++}return e},[])};t.findChunks=r;var o=t.fillInChunks=function(e){var t=e.chunksToHighlight,n=e.totalLength,r=[],o=function(e,t,n){t-e>0&&r.push({start:e,end:t,highlight:n})};if(0===t.length)o(0,n,!1);else{var i=0;t.forEach(function(e){o(i,e.start,!1),o(e.start,e.end,!0),i=e.end}),o(i,n,!1)}return r};function i(e){return e}}])},function(e,t,n){(function(t){if("production"!==t.env.NODE_ENV){var r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;e.exports=n(6)(function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},!0)}else e.exports=n(13)()}).call(t,n(5))},function(e,t){var n,r,o,i=e.exports={};function a(){throw Error("setTimeout has not been defined")}function s(){throw Error("clearTimeout has not been defined")}function c(e){if(n===setTimeout)return setTimeout(e,0);if((n===a||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:a}catch(e){n=a}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var u=[],l=!1,f=-1;function p(){l&&o&&(l=!1,o.length?u=o.concat(u):f=-1,u.length&&d())}function d(){if(!l){var e=c(p);l=!0;for(var t=u.length;t;){for(o=u,u=[];++f1)for(var n=1;n1?t-1:0),r=1;r2?n-2:0),i=2;i */t.read=function(e,t,n,r,o){var i,a,s=8*o-r-1,c=(1<>1,l=-7,f=n?o-1:0,p=n?-1:1,d=e[t+f];for(f+=p,i=d&(1<<-l)-1,d>>=-l,l+=s;l>0;i=256*i+e[t+f],f+=p,l-=8);for(a=i&(1<<-l)-1,i>>=-l,l+=r;l>0;a=256*a+e[t+f],f+=p,l-=8);if(0===i)i=1-u;else{if(i===c)return a?NaN:1/0*(d?-1:1);a+=Math.pow(2,r),i-=u}return(d?-1:1)*a*Math.pow(2,i-r)},t.write=function(e,t,n,r,o,i){var a,s,c,u=8*i-o-1,l=(1<>1,p=23===o?5960464477539062e-23:0,d=r?0:i-1,h=r?1:-1,m=t<0||0===t&&1/t<0?1:0;for(isNaN(t=Math.abs(t))||t===1/0?(s=isNaN(t)?1:0,a=l):(a=Math.floor(Math.log(t)/Math.LN2),t*(c=Math.pow(2,-a))<1&&(a--,c*=2),a+f>=1?t+=p/c:t+=p*Math.pow(2,1-f),t*c>=2&&(a++,c/=2),a+f>=l?(s=0,a=l):a+f>=1?(s=(t*c-1)*Math.pow(2,o),a+=f):(s=t*Math.pow(2,f-1)*Math.pow(2,o),a=0));o>=8;e[n+d]=255&s,d+=h,s/=256,o-=8);for(a=a<0;e[n+d]=255&a,d+=h,a/=256,u-=8);e[n+d-h]|=128*m}},61353:function(e,t){"use strict";!function(){function e(e){this.string=e;for(var t=[0],n=0;nthis.string.length)return null;for(var t=0,n=this.offsets;n[t+1]<=e;)t++;var r=e-n[t];return{line:t,column:r}},e.prototype.indexForLocation=function(e){var t=e.line,n=e.column;return t<0||t>=this.offsets.length||n<0||n>this.lengthOfLine(t)?null:this.offsets[t]+n},e.prototype.lengthOfLine=function(e){var t=this.offsets[e];return(e===this.offsets.length-1?this.string.length:this.offsets[e+1])-t}}()},77485:function(e,t,n){var r,o="__lodash_hash_undefined__",i=1/0,a=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,s=/^\w*$/,c=/^\./,u=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,l=/\\(\\)?/g,f=/^\[object .+?Constructor\]$/,p="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,d="object"==typeof self&&self&&self.Object===Object&&self,h=p||d||Function("return this")(),m=Array.prototype,g=Function.prototype,y=Object.prototype,v=h["__core-js_shared__"],b=(r=/[^.]+$/.exec(v&&v.keys&&v.keys.IE_PROTO||""))?"Symbol(src)_1."+r:"",k=g.toString,x=y.hasOwnProperty,w=y.toString,_=RegExp("^"+k.call(x).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),S=h.Symbol,E=m.splice,O=F(h,"Map"),j=F(Object,"create"),T=S?S.prototype:void 0,C=T?T.toString:void 0;function A(e){var t=-1,n=e?e.length:0;for(this.clear();++t-1},R.prototype.set=function(e,t){var n=this.__data__,r=P(n,e);return r<0?n.push([e,t]):n[r][1]=t,this},I.prototype.clear=function(){this.__data__={hash:new A,map:new(O||R),string:new A}},I.prototype.delete=function(e){return Z(this,e).delete(e)},I.prototype.get=function(e){return Z(this,e).get(e)},I.prototype.has=function(e){return Z(this,e).has(e)},I.prototype.set=function(e,t){return Z(this,e).set(e,t),this};var N=L(function(e){e=null==(t=e)?"":function(e){if("string"==typeof e)return e;if(B(e))return C?C.call(e):"";var t=e+"";return"0"==t&&1/e==-i?"-0":t}(t);var t,n=[];return c.test(e)&&n.push(""),e.replace(u,function(e,t,r,o){n.push(r?o.replace(l,"$1"):t||e)}),n});function L(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw TypeError("Expected a function");var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a),a};return n.cache=new(L.Cache||I),n}L.Cache=I;var M=Array.isArray;function D(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function B(e){return"symbol"==typeof e||!!e&&"object"==typeof e&&"[object Symbol]"==w.call(e)}e.exports=function(e,t,n){var r=null==e?void 0:function(e,t){var n;t=!function(e,t){if(M(e))return!1;var n=typeof e;return!!("number"==n||"symbol"==n||"boolean"==n||null==e||B(e))||s.test(e)||!a.test(e)||null!=t&&e in Object(t)}(t,e)?M(n=t)?n:N(n):[t];for(var r=0,o=t.length;null!=e&&r=t||n<0||g&&r>=l}function k(){var e,n,r,i=o();if(b(i))return x(i);p=setTimeout(k,(e=i-d,n=i-h,r=t-e,g?s(r,l-n):r))}function x(e){return(p=void 0,y&&c)?v(e):(c=u=void 0,f)}function w(){var e,n=o(),r=b(n);if(c=arguments,u=this,d=n,r){if(void 0===p)return h=e=d,p=setTimeout(k,t),m?v(e):f;if(g)return clearTimeout(p),p=setTimeout(k,t),v(d)}return void 0===p&&(p=setTimeout(k,t)),f}return t=i(t)||0,r(n)&&(m=!!n.leading,l=(g="maxWait"in n)?a(i(n.maxWait)||0,t):l,y="trailing"in n?!!n.trailing:y),w.cancel=function(){void 0!==p&&clearTimeout(p),h=0,c=d=u=p=void 0},w.flush=function(){return void 0===p?f:x(o())},w}},29259:function(e){e.exports=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}},15125:function(e){e.exports=function(e){return null!=e&&"object"==typeof e}},4795:function(e,t,n){var r=n(53366),o=n(15125);e.exports=function(e){return"symbol"==typeof e||o(e)&&"[object Symbol]"==r(e)}},76635:function(e,t,n){var r;e=n.nmd(e),(function(){var o,i="Expected a function",a="__lodash_hash_undefined__",s="__lodash_placeholder__",c=1/0,u=0/0,l=[["ary",128],["bind",1],["bindKey",2],["curry",8],["curryRight",16],["flip",512],["partial",32],["partialRight",64],["rearg",256]],f="[object Arguments]",p="[object Array]",d="[object Boolean]",h="[object Date]",m="[object Error]",g="[object Function]",y="[object GeneratorFunction]",v="[object Map]",b="[object Number]",k="[object Object]",x="[object Promise]",w="[object RegExp]",_="[object Set]",S="[object String]",E="[object Symbol]",O="[object WeakMap]",j="[object ArrayBuffer]",T="[object DataView]",C="[object Float32Array]",A="[object Float64Array]",R="[object Int8Array]",I="[object Int16Array]",P="[object Int32Array]",Z="[object Uint8Array]",F="[object Uint8ClampedArray]",N="[object Uint16Array]",L="[object Uint32Array]",M=/\b__p \+= '';/g,D=/\b(__p \+=) '' \+/g,B=/(__e\(.*?\)|\b__t\)) \+\n'';/g,z=/&(?:amp|lt|gt|quot|#39);/g,$=/[&<>"']/g,U=RegExp(z.source),H=RegExp($.source),q=/<%-([\s\S]+?)%>/g,W=/<%([\s\S]+?)%>/g,V=/<%=([\s\S]+?)%>/g,K=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Q=/^\w*$/,G=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Y=/[\\^$.*+?()[\]{}|]/g,X=RegExp(Y.source),J=/^\s+/,ee=/\s/,et=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/,en=/\{\n\/\* \[wrapped with (.+)\] \*/,er=/,? & /,eo=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g,ei=/[()=,{}\[\]\/\s]/,ea=/\\(\\)?/g,es=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,ec=/\w*$/,eu=/^[-+]0x[0-9a-f]+$/i,el=/^0b[01]+$/i,ef=/^\[object .+?Constructor\]$/,ep=/^0o[0-7]+$/i,ed=/^(?:0|[1-9]\d*)$/,eh=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,em=/($^)/,eg=/['\n\r\u2028\u2029\\]/g,ey="\ud800-\udfff",ev="\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff",eb="\\u2700-\\u27bf",ek="a-z\\xdf-\\xf6\\xf8-\\xff",ex="A-Z\\xc0-\\xd6\\xd8-\\xde",ew="\\ufe0e\\ufe0f",e_="\\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",eS="['’]",eE="["+e_+"]",eO="["+ev+"]",ej="["+ek+"]",eT="[^"+ey+e_+"\\d+"+eb+ek+ex+"]",eC="\ud83c[\udffb-\udfff]",eA="[^"+ey+"]",eR="(?:\ud83c[\udde6-\uddff]){2}",eI="[\ud800-\udbff][\udc00-\udfff]",eP="["+ex+"]",eZ="\\u200d",eF="(?:"+ej+"|"+eT+")",eN="(?:"+eS+"(?:d|ll|m|re|s|t|ve))?",eL="(?:"+eS+"(?:D|LL|M|RE|S|T|VE))?",eM="(?:"+eO+"|"+eC+")?",eD="["+ew+"]?",eB="(?:"+eZ+"(?:"+[eA,eR,eI].join("|")+")"+eD+eM+")*",ez=eD+eM+eB,e$="(?:"+["["+eb+"]",eR,eI].join("|")+")"+ez,eU="(?:"+[eA+eO+"?",eO,eR,eI,"["+ey+"]"].join("|")+")",eH=RegExp(eS,"g"),eq=RegExp(eO,"g"),eW=RegExp(eC+"(?="+eC+")|"+eU+ez,"g"),eV=RegExp([eP+"?"+ej+"+"+eN+"(?="+[eE,eP,"$"].join("|")+")","(?:"+eP+"|"+eT+")+"+eL+"(?="+[eE,eP+eF,"$"].join("|")+")",eP+"?"+eF+"+"+eN,eP+"+"+eL,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])","\\d+",e$].join("|"),"g"),eK=RegExp("["+eZ+ey+ev+ew+"]"),eQ=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/,eG=["Array","Buffer","DataView","Date","Error","Float32Array","Float64Array","Function","Int8Array","Int16Array","Int32Array","Map","Math","Object","Promise","RegExp","Set","String","Symbol","TypeError","Uint8Array","Uint8ClampedArray","Uint16Array","Uint32Array","WeakMap","_","clearTimeout","isFinite","parseInt","setTimeout"],eY=-1,eX={};eX[C]=eX[A]=eX[R]=eX[I]=eX[P]=eX[Z]=eX[F]=eX[N]=eX[L]=!0,eX[f]=eX[p]=eX[j]=eX[d]=eX[T]=eX[h]=eX[m]=eX[g]=eX[v]=eX[b]=eX[k]=eX[w]=eX[_]=eX[S]=eX[O]=!1;var eJ={};eJ[f]=eJ[p]=eJ[j]=eJ[T]=eJ[d]=eJ[h]=eJ[C]=eJ[A]=eJ[R]=eJ[I]=eJ[P]=eJ[v]=eJ[b]=eJ[k]=eJ[w]=eJ[_]=eJ[S]=eJ[E]=eJ[Z]=eJ[F]=eJ[N]=eJ[L]=!0,eJ[m]=eJ[g]=eJ[O]=!1;var e1={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"},e0=parseFloat,e2=parseInt,e5="object"==typeof n.g&&n.g&&n.g.Object===Object&&n.g,e3="object"==typeof self&&self&&self.Object===Object&&self,e6=e5||e3||Function("return this")(),e4=t&&!t.nodeType&&t,e8=e4&&e&&!e.nodeType&&e,e9=e8&&e8.exports===e4,e7=e9&&e5.process,te=function(){try{var e=e8&&e8.require&&e8.require("util").types;if(e)return e;return e7&&e7.binding&&e7.binding("util")}catch(e){}}(),tt=te&&te.isArrayBuffer,tn=te&&te.isDate,tr=te&&te.isMap,to=te&&te.isRegExp,ti=te&&te.isSet,ta=te&&te.isTypedArray;function ts(e,t,n){switch(n.length){case 0:return e.call(t);case 1:return e.call(t,n[0]);case 2:return e.call(t,n[0],n[1]);case 3:return e.call(t,n[0],n[1],n[2])}return e.apply(t,n)}function tc(e,t,n,r){for(var o=-1,i=null==e?0:e.length;++o-1}function td(e,t,n){for(var r=-1,o=null==e?0:e.length;++r-1;);return n}function tN(e,t){for(var n=e.length;n--&&tw(t,e[n],0)>-1;);return n}var tL=tj({À:"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"}),tM=tj({"&":"&","<":"<",">":">",'"':""","'":"'"});function tD(e){return"\\"+e1[e]}function tB(e){return eK.test(e)}function tz(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}function t$(e,t){return function(n){return e(t(n))}}function tU(e,t){for(var n=-1,r=e.length,o=0,i=[];++n",""":'"',"'":"'"}),tQ=function e(t){var n,r,ee,ey,ev=(t=null==t?e6:tQ.defaults(e6.Object(),t,tQ.pick(e6,eG))).Array,eb=t.Date,ek=t.Error,ex=t.Function,ew=t.Math,e_=t.Object,eS=t.RegExp,eE=t.String,eO=t.TypeError,ej=ev.prototype,eT=ex.prototype,eC=e_.prototype,eA=t["__core-js_shared__"],eR=eT.toString,eI=eC.hasOwnProperty,eP=0,eZ=(n=/[^.]+$/.exec(eA&&eA.keys&&eA.keys.IE_PROTO||""))?"Symbol(src)_1."+n:"",eF=eC.toString,eN=eR.call(e_),eL=e6._,eM=eS("^"+eR.call(eI).replace(Y,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),eD=e9?t.Buffer:o,eB=t.Symbol,ez=t.Uint8Array,e$=eD?eD.allocUnsafe:o,eU=t$(e_.getPrototypeOf,e_),eW=e_.create,eK=eC.propertyIsEnumerable,e1=ej.splice,e5=eB?eB.isConcatSpreadable:o,e3=eB?eB.iterator:o,e4=eB?eB.toStringTag:o,e8=function(){try{var e=op(e_,"defineProperty");return e({},"",{}),e}catch(e){}}(),e7=t.clearTimeout!==e6.clearTimeout&&t.clearTimeout,te=eb&&eb.now!==e6.Date.now&&eb.now,tb=t.setTimeout!==e6.setTimeout&&t.setTimeout,tj=ew.ceil,tG=ew.floor,tY=e_.getOwnPropertySymbols,tX=eD?eD.isBuffer:o,tJ=t.isFinite,t1=ej.join,t0=t$(e_.keys,e_),t2=ew.max,t5=ew.min,t3=eb.now,t6=t.parseInt,t4=ew.random,t8=ej.reverse,t9=op(t,"DataView"),t7=op(t,"Map"),ne=op(t,"Promise"),nt=op(t,"Set"),nn=op(t,"WeakMap"),nr=op(e_,"create"),no=nn&&new nn,ni={},na=oL(t9),ns=oL(t7),nc=oL(ne),nu=oL(nt),nl=oL(nn),nf=eB?eB.prototype:o,np=nf?nf.valueOf:o,nd=nf?nf.toString:o;function nh(e){if(iW(e)&&!iF(e)&&!(e instanceof nv)){if(e instanceof ny)return e;if(eI.call(e,"__wrapped__"))return oM(e)}return new ny(e)}var nm=function(){function e(){}return function(t){if(!iq(t))return{};if(eW)return eW(t);e.prototype=t;var n=new e;return e.prototype=o,n}}();function ng(){}function ny(e,t){this.__wrapped__=e,this.__actions__=[],this.__chain__=!!t,this.__index__=0,this.__values__=o}function nv(e){this.__wrapped__=e,this.__actions__=[],this.__dir__=1,this.__filtered__=!1,this.__iteratees__=[],this.__takeCount__=4294967295,this.__views__=[]}function nb(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t=t?e:t)),e}function nZ(e,t,n,r,i,a){var s,c=1&t,u=2&t,l=4&t;if(n&&(s=i?n(e,r,i,a):n(e)),o!==s)return s;if(!iq(e))return e;var p=iF(e);if(p){if(m=e.length,x=new e.constructor(m),m&&"string"==typeof e[0]&&eI.call(e,"index")&&(x.index=e.index,x.input=e.input),s=x,!c)return rB(e,s)}else{var m,x,O,M,D,B=om(e),z=B==g||B==y;if(iD(e))return rZ(e,c);if(B==k||B==f||z&&!i){if(s=u||z?{}:oy(e),!c)return u?(O=(D=s)&&rz(e,ad(e),D),rz(e,oh(e),O)):(M=nA(s,e),rz(e,od(e),M))}else{if(!eJ[B])return i?e:{};s=function(e,t,n){var r,o,i=e.constructor;switch(t){case j:return rF(e);case d:case h:return new i(+e);case T:return r=n?rF(e.buffer):e.buffer,new e.constructor(r,e.byteOffset,e.byteLength);case C:case A:case R:case I:case P:case Z:case F:case N:case L:return rN(e,n);case v:return new i;case b:case S:return new i(e);case w:return(o=new e.constructor(e.source,ec.exec(e))).lastIndex=e.lastIndex,o;case _:return new i;case E:return np?e_(np.call(e)):{}}}(e,B,c)}}a||(a=new n_);var $=a.get(e);if($)return $;a.set(e,s),iY(e)?e.forEach(function(r){s.add(nZ(r,t,n,r,e,a))}):iV(e)&&e.forEach(function(r,o){s.set(o,nZ(r,t,n,o,e,a))});var U=l?u?oi:oo:u?ad:ap,H=p?o:U(e);return tu(H||e,function(r,o){H&&(r=e[o=r]),nj(s,o,nZ(r,t,n,o,e,a))}),s}function nF(e,t,n){var r=n.length;if(null==e)return!r;for(e=e_(e);r--;){var i=n[r],a=t[i],s=e[i];if(o===s&&!(i in e)||!a(s))return!1}return!0}function nN(e,t,n){if("function"!=typeof e)throw new eO(i);return oA(function(){e.apply(o,n)},t)}function nL(e,t,n,r){var o=-1,i=tp,a=!0,s=e.length,c=[],u=t.length;if(!s)return c;n&&(t=th(t,tI(n))),r?(i=td,a=!1):t.length>=200&&(i=tZ,a=!1,t=new nw(t));e:for(;++o-1},nk.prototype.set=function(e,t){var n=this.__data__,r=nT(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},nx.prototype.clear=function(){this.size=0,this.__data__={hash:new nb,map:new(t7||nk),string:new nb}},nx.prototype.delete=function(e){var t=ol(this,e).delete(e);return this.size-=t?1:0,t},nx.prototype.get=function(e){return ol(this,e).get(e)},nx.prototype.has=function(e){return ol(this,e).has(e)},nx.prototype.set=function(e,t){var n=ol(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},nw.prototype.add=nw.prototype.push=function(e){return this.__data__.set(e,a),this},nw.prototype.has=function(e){return this.__data__.has(e)},n_.prototype.clear=function(){this.__data__=new nk,this.size=0},n_.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},n_.prototype.get=function(e){return this.__data__.get(e)},n_.prototype.has=function(e){return this.__data__.has(e)},n_.prototype.set=function(e,t){var n=this.__data__;if(n instanceof nk){var r=n.__data__;if(!t7||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new nx(r)}return n.set(e,t),this.size=n.size,this};var nM=rH(nW),nD=rH(nV,!0);function nB(e,t){var n=!0;return nM(e,function(e,r,o){return n=!!t(e,r,o)}),n}function nz(e,t,n){for(var r=-1,i=e.length;++r0&&n(s)?t>1?nU(s,t-1,n,r,o):tm(o,s):r||(o[o.length]=s)}return o}var nH=rq(),nq=rq(!0);function nW(e,t){return e&&nH(e,t,ap)}function nV(e,t){return e&&nq(e,t,ap)}function nK(e,t){return tf(t,function(t){return i$(e[t])})}function nQ(e,t){t=rR(t,e);for(var n=0,r=t.length;null!=e&&nt}function nJ(e,t){return null!=e&&eI.call(e,t)}function n1(e,t){return null!=e&&t in e_(e)}function n0(e,t,n){for(var r=n?td:tp,i=e[0].length,a=e.length,s=a,c=ev(a),u=1/0,l=[];s--;){var f=e[s];s&&t&&(f=th(f,tI(t))),u=t5(f.length,u),c[s]=!n&&(t||i>=120&&f.length>=120)?new nw(s&&f):o}f=e[0];var p=-1,d=c[0];e:for(;++p=s)return c;return c*("desc"==n[r]?-1:1)}}return e.index-t.index}(e,t,n)})}function ra(e,t,n){for(var r=-1,o=t.length,i={};++r-1;)s!==e&&e1.call(s,c,1),e1.call(e,c,1);return e}function rc(e,t){for(var n=e?t.length:0,r=n-1;n--;){var o=t[n];if(n==r||o!==i){var i=o;ob(o)?e1.call(e,o,1):r_(e,o)}}return e}function ru(e,t){return e+tG(t4()*(t-e+1))}function rl(e,t){var n="";if(!e||t<1||t>9007199254740991)return n;do t%2&&(n+=e),(t=tG(t/2))&&(e+=e);while(t);return n}function rf(e,t){return oR(oO(e,t,aM),e+"")}function rp(e,t,n,r){if(!iq(e))return e;t=rR(t,e);for(var i=-1,a=t.length,s=a-1,c=e;null!=c&&++io?0:o+t),(n=n>o?o:n)<0&&(n+=o),o=t>n?0:n-t>>>0,t>>>=0;for(var i=ev(o);++r>>1,a=e[i];null!==a&&!iJ(a)&&(n?a<=t:a=200){var u=t?null:r4(e);if(u)return tH(u);a=!1,o=tZ,c=new nw}else c=t?[]:s;e:for(;++r=r?e:rm(e,t,n)}var rP=e7||function(e){return e6.clearTimeout(e)};function rZ(e,t){if(t)return e.slice();var n=e.length,r=e$?e$(n):new e.constructor(n);return e.copy(r),r}function rF(e){var t=new e.constructor(e.byteLength);return new ez(t).set(new ez(e)),t}function rN(e,t){var n=t?rF(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}function rL(e,t){if(e!==t){var n=o!==e,r=null===e,i=e==e,a=iJ(e),s=o!==t,c=null===t,u=t==t,l=iJ(t);if(!c&&!l&&!a&&e>t||a&&s&&u&&!c&&!l||r&&s&&u||!n&&u||!i)return 1;if(!r&&!a&&!l&&e1?n[i-1]:o,s=i>2?n[2]:o;for(a=e.length>3&&"function"==typeof a?(i--,a):o,s&&ok(n[0],n[1],s)&&(a=i<3?o:a,i=1),t=e_(t);++r-1?i[a?t[s]:s]:o}}function rG(e){return or(function(t){var n=t.length,r=n,a=ny.prototype.thru;for(e&&t.reverse();r--;){var s=t[r];if("function"!=typeof s)throw new eO(i);if(a&&!c&&"wrapper"==os(s))var c=new ny([],!0)}for(r=c?r:n;++r1&&b.reverse(),f&&uc))return!1;var l=a.get(e),f=a.get(t);if(l&&f)return l==t&&f==e;var p=-1,d=!0,h=2&n?new nw:o;for(a.set(e,t),a.set(t,e);++p-1&&e%1==0&&e1?"& ":"")+t[r],t=t.join(n>2?", ":" "),e.replace(et,"{\n/* [wrapped with "+t+"] */\n")}(i,(r=(o=i.match(en))?o[1].split(er):[],tu(l,function(e){var t="_."+e[0];n&e[1]&&!tp(r,t)&&r.push(t)}),r.sort())))}function oP(e){var t=0,n=0;return function(){var r=t3(),i=16-(r-n);if(n=r,i>0){if(++t>=800)return arguments[0]}else t=0;return e.apply(o,arguments)}}function oZ(e,t){var n=-1,r=e.length,i=r-1;for(t=o===t?r:t;++n1?e[t-1]:o;return n="function"==typeof n?(e.pop(),n):o,o3(e,n)});function it(e){var t=nh(e);return t.__chain__=!0,t}function ir(e,t){return t(e)}var io=or(function(e){var t=e.length,n=t?e[0]:0,r=this.__wrapped__,i=function(t){return nI(t,e)};return!(t>1)&&!this.__actions__.length&&r instanceof nv&&ob(n)?((r=r.slice(n,+n+(t?1:0))).__actions__.push({func:ir,args:[i],thisArg:o}),new ny(r,this.__chain__).thru(function(e){return t&&!e.length&&e.push(o),e})):this.thru(i)}),ii=r$(function(e,t,n){eI.call(e,n)?++e[n]:nR(e,n,1)}),ia=rQ(o$),is=rQ(oU);function ic(e,t){return(iF(e)?tu:nM)(e,ou(t,3))}function iu(e,t){return(iF(e)?function(e,t){for(var n=null==e?0:e.length;n--&&!1!==t(e[n],n,e););return e}:nD)(e,ou(t,3))}var il=r$(function(e,t,n){eI.call(e,n)?e[n].push(t):nR(e,n,[t])}),ip=rf(function(e,t,n){var r=-1,o="function"==typeof t,i=iL(e)?ev(e.length):[];return nM(e,function(e){i[++r]=o?ts(t,e,n):n2(e,t,n)}),i}),id=r$(function(e,t,n){nR(e,n,t)});function ih(e,t){return(iF(e)?th:re)(e,ou(t,3))}var im=r$(function(e,t,n){e[n?0:1].push(t)},function(){return[[],[]]}),ig=rf(function(e,t){if(null==e)return[];var n=t.length;return n>1&&ok(e,t[0],t[1])?t=[]:n>2&&ok(t[0],t[1],t[2])&&(t=[t[0]]),ri(e,nU(t,1),[])}),iy=te||function(){return e6.Date.now()};function iv(e,t,n){return t=n?o:t,t=e&&null==t?e.length:t,r9(e,128,o,o,o,o,t)}function ib(e,t){var n;if("function"!=typeof t)throw new eO(i);return e=i6(e),function(){return--e>0&&(n=t.apply(this,arguments)),e<=1&&(t=o),n}}var ik=rf(function(e,t,n){var r=1;if(n.length){var o=tU(n,oc(ik));r|=32}return r9(e,r,t,n,o)}),ix=rf(function(e,t,n){var r=3;if(n.length){var o=tU(n,oc(ix));r|=32}return r9(t,r,e,n,o)});function iw(e,t,n){var r,a,s,c,u,l,f=0,p=!1,d=!1,h=!0;if("function"!=typeof e)throw new eO(i);function m(t){var n=r,i=a;return r=a=o,f=t,c=e.apply(i,n)}function g(e){var n=e-l,r=e-f;return o===l||n>=t||n<0||d&&r>=s}function y(){var e,n,r,o=iy();if(g(o))return v(o);u=oA(y,(e=o-l,n=o-f,r=t-e,d?t5(r,s-n):r))}function v(e){return(u=o,h&&r)?m(e):(r=a=o,c)}function b(){var e,n=iy(),i=g(n);if(r=arguments,a=this,l=n,i){if(o===u)return f=e=l,u=oA(y,t),p?m(e):c;if(d)return rP(u),u=oA(y,t),m(l)}return o===u&&(u=oA(y,t)),c}return t=i8(t)||0,iq(n)&&(p=!!n.leading,s=(d="maxWait"in n)?t2(i8(n.maxWait)||0,t):s,h="trailing"in n?!!n.trailing:h),b.cancel=function(){o!==u&&rP(u),f=0,r=l=a=u=o},b.flush=function(){return o===u?c:v(iy())},b}var i_=rf(function(e,t){return nN(e,1,t)}),iS=rf(function(e,t,n){return nN(e,i8(t)||0,n)});function iE(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new eO(i);var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var a=e.apply(this,r);return n.cache=i.set(o,a)||i,a};return n.cache=new(iE.Cache||nx),n}function iO(e){if("function"!=typeof e)throw new eO(i);return function(){var t=arguments;switch(t.length){case 0:return!e.call(this);case 1:return!e.call(this,t[0]);case 2:return!e.call(this,t[0],t[1]);case 3:return!e.call(this,t[0],t[1],t[2])}return!e.apply(this,t)}}iE.Cache=nx;var ij=rf(function(e,t){var n=(t=1==t.length&&iF(t[0])?th(t[0],tI(ou())):th(nU(t,1),tI(ou()))).length;return rf(function(r){for(var o=-1,i=t5(r.length,n);++o=t}),iZ=n5(function(){return arguments}())?n5:function(e){return iW(e)&&eI.call(e,"callee")&&!eK.call(e,"callee")},iF=ev.isArray,iN=tt?tI(tt):function(e){return iW(e)&&nY(e)==j};function iL(e){return null!=e&&iH(e.length)&&!i$(e)}function iM(e){return iW(e)&&iL(e)}var iD=tX||aY,iB=tn?tI(tn):function(e){return iW(e)&&nY(e)==h};function iz(e){if(!iW(e))return!1;var t=nY(e);return t==m||"[object DOMException]"==t||"string"==typeof e.message&&"string"==typeof e.name&&!iQ(e)}function i$(e){if(!iq(e))return!1;var t=nY(e);return t==g||t==y||"[object AsyncFunction]"==t||"[object Proxy]"==t}function iU(e){return"number"==typeof e&&e==i6(e)}function iH(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991}function iq(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function iW(e){return null!=e&&"object"==typeof e}var iV=tr?tI(tr):function(e){return iW(e)&&om(e)==v};function iK(e){return"number"==typeof e||iW(e)&&nY(e)==b}function iQ(e){if(!iW(e)||nY(e)!=k)return!1;var t=eU(e);if(null===t)return!0;var n=eI.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&eR.call(n)==eN}var iG=to?tI(to):function(e){return iW(e)&&nY(e)==w},iY=ti?tI(ti):function(e){return iW(e)&&om(e)==_};function iX(e){return"string"==typeof e||!iF(e)&&iW(e)&&nY(e)==S}function iJ(e){return"symbol"==typeof e||iW(e)&&nY(e)==E}var i1=ta?tI(ta):function(e){return iW(e)&&iH(e.length)&&!!eX[nY(e)]},i0=r5(n7),i2=r5(function(e,t){return e<=t});function i5(e){if(!e)return[];if(iL(e))return iX(e)?tW(e):rB(e);if(e3&&e[e3])return function(e){for(var t,n=[];!(t=e.next()).done;)n.push(t.value);return n}(e[e3]());var t=om(e);return(t==v?tz:t==_?tH:ax)(e)}function i3(e){return e?(e=i8(e))===c||e===-c?(e<0?-1:1)*17976931348623157e292:e==e?e:0:0===e?e:0}function i6(e){var t=i3(e),n=t%1;return t==t?n?t-n:t:0}function i4(e){return e?nP(i6(e),0,4294967295):0}function i8(e){if("number"==typeof e)return e;if(iJ(e))return u;if(iq(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=iq(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=tR(e);var n=el.test(e);return n||ep.test(e)?e2(e.slice(2),n?2:8):eu.test(e)?u:+e}function i9(e){return rz(e,ad(e))}function i7(e){return null==e?"":rx(e)}var ae=rU(function(e,t){if(oS(t)||iL(t)){rz(t,ap(t),e);return}for(var n in t)eI.call(t,n)&&nj(e,n,t[n])}),at=rU(function(e,t){rz(t,ad(t),e)}),an=rU(function(e,t,n,r){rz(t,ad(t),e,r)}),ar=rU(function(e,t,n,r){rz(t,ap(t),e,r)}),ao=or(nI),ai=rf(function(e,t){e=e_(e);var n=-1,r=t.length,i=r>2?t[2]:o;for(i&&ok(t[0],t[1],i)&&(r=1);++n1),t}),rz(e,oi(e),n),r&&(n=nZ(n,7,ot));for(var o=t.length;o--;)r_(n,t[o]);return n}),ay=or(function(e,t){return null==e?{}:ra(e,t,function(t,n){return ac(e,n)})});function av(e,t){if(null==e)return{};var n=th(oi(e),function(e){return[e]});return t=ou(t),ra(e,n,function(e,n){return t(e,n[0])})}var ab=r8(ap),ak=r8(ad);function ax(e){return null==e?[]:tP(e,ap(e))}var aw=rV(function(e,t,n){return t=t.toLowerCase(),e+(n?a_(t):t)});function a_(e){return aR(i7(e).toLowerCase())}function aS(e){return(e=i7(e))&&e.replace(eh,tL).replace(eq,"")}var aE=rV(function(e,t,n){return e+(n?"-":"")+t.toLowerCase()}),aO=rV(function(e,t,n){return e+(n?" ":"")+t.toLowerCase()}),aj=rW("toLowerCase"),aT=rV(function(e,t,n){return e+(n?"_":"")+t.toLowerCase()}),aC=rV(function(e,t,n){return e+(n?" ":"")+aR(t)}),aA=rV(function(e,t,n){return e+(n?" ":"")+t.toUpperCase()}),aR=rW("toUpperCase");function aI(e,t,n){if(e=i7(e),t=n?o:t,o===t){var r;return(r=e,eQ.test(r))?e.match(eV)||[]:e.match(eo)||[]}return e.match(t)||[]}var aP=rf(function(e,t){try{return ts(e,o,t)}catch(e){return iz(e)?e:new ek(e)}}),aZ=or(function(e,t){return tu(t,function(t){nR(e,t=oN(t),ik(e[t],e))}),e});function aF(e){return function(){return e}}var aN=rG(),aL=rG(!0);function aM(e){return e}function aD(e){return n8("function"==typeof e?e:nZ(e,1))}var aB=rf(function(e,t){return function(n){return n2(n,e,t)}}),az=rf(function(e,t){return function(n){return n2(e,n,t)}});function a$(e,t,n){var r=ap(t),o=nK(t,r);null!=n||iq(t)&&(o.length||!r.length)||(n=t,t=e,e=this,o=nK(t,ap(t)));var i=!(iq(n)&&"chain"in n)||!!n.chain,a=i$(e);return tu(o,function(n){var r=t[n];e[n]=r,a&&(e.prototype[n]=function(){var t=this.__chain__;if(i||t){var n=e(this.__wrapped__);return(n.__actions__=rB(this.__actions__)).push({func:r,args:arguments,thisArg:e}),n.__chain__=t,n}return r.apply(e,tm([this.value()],arguments))})}),e}function aU(){}var aH=r1(th),aq=r1(tl),aW=r1(tv);function aV(e){return ox(e)?tO(oN(e)):function(t){return nQ(t,e)}}var aK=r2(),aQ=r2(!0);function aG(){return[]}function aY(){return!1}var aX=rJ(function(e,t){return e+t},0),aJ=r6("ceil"),a1=rJ(function(e,t){return e/t},1),a0=r6("floor"),a2=rJ(function(e,t){return e*t},1),a5=r6("round"),a3=rJ(function(e,t){return e-t},0);return nh.after=function(e,t){if("function"!=typeof t)throw new eO(i);return e=i6(e),function(){if(--e<1)return t.apply(this,arguments)}},nh.ary=iv,nh.assign=ae,nh.assignIn=at,nh.assignInWith=an,nh.assignWith=ar,nh.at=ao,nh.before=ib,nh.bind=ik,nh.bindAll=aZ,nh.bindKey=ix,nh.castArray=function(){if(!arguments.length)return[];var e=arguments[0];return iF(e)?e:[e]},nh.chain=it,nh.chunk=function(e,t,n){t=(n?ok(e,t,n):o===t)?1:t2(i6(t),0);var r=null==e?0:e.length;if(!r||t<1)return[];for(var i=0,a=0,s=ev(tj(r/t));ii?0:i+n),(r=o===r||r>i?i:i6(r))<0&&(r+=i),r=n>r?0:i4(r);n>>0)?(e=i7(e))&&("string"==typeof t||null!=t&&!iG(t))&&!(t=rx(t))&&tB(e)?rI(tW(e),0,n):e.split(t,n):[]},nh.spread=function(e,t){if("function"!=typeof e)throw new eO(i);return t=null==t?0:t2(i6(t),0),rf(function(n){var r=n[t],o=rI(n,0,t);return r&&tm(o,r),ts(e,this,o)})},nh.tail=function(e){var t=null==e?0:e.length;return t?rm(e,1,t):[]},nh.take=function(e,t,n){return e&&e.length?rm(e,0,(t=n||o===t?1:i6(t))<0?0:t):[]},nh.takeRight=function(e,t,n){var r=null==e?0:e.length;return r?rm(e,(t=r-(t=n||o===t?1:i6(t)))<0?0:t,r):[]},nh.takeRightWhile=function(e,t){return e&&e.length?rE(e,ou(t,3),!1,!0):[]},nh.takeWhile=function(e,t){return e&&e.length?rE(e,ou(t,3)):[]},nh.tap=function(e,t){return t(e),e},nh.throttle=function(e,t,n){var r=!0,o=!0;if("function"!=typeof e)throw new eO(i);return iq(n)&&(r="leading"in n?!!n.leading:r,o="trailing"in n?!!n.trailing:o),iw(e,t,{leading:r,maxWait:t,trailing:o})},nh.thru=ir,nh.toArray=i5,nh.toPairs=ab,nh.toPairsIn=ak,nh.toPath=function(e){return iF(e)?th(e,oN):iJ(e)?[e]:rB(oF(i7(e)))},nh.toPlainObject=i9,nh.transform=function(e,t,n){var r=iF(e),o=r||iD(e)||i1(e);if(t=ou(t,4),null==n){var i=e&&e.constructor;n=o?r?new i:[]:iq(e)&&i$(i)?nm(eU(e)):{}}return(o?tu:nW)(e,function(e,r,o){return t(n,e,r,o)}),n},nh.unary=function(e){return iv(e,1)},nh.union=o1,nh.unionBy=o0,nh.unionWith=o2,nh.uniq=function(e){return e&&e.length?rw(e):[]},nh.uniqBy=function(e,t){return e&&e.length?rw(e,ou(t,2)):[]},nh.uniqWith=function(e,t){return t="function"==typeof t?t:o,e&&e.length?rw(e,o,t):[]},nh.unset=function(e,t){return null==e||r_(e,t)},nh.unzip=o5,nh.unzipWith=o3,nh.update=function(e,t,n){return null==e?e:rS(e,t,rA(n))},nh.updateWith=function(e,t,n,r){return r="function"==typeof r?r:o,null==e?e:rS(e,t,rA(n),r)},nh.values=ax,nh.valuesIn=function(e){return null==e?[]:tP(e,ad(e))},nh.without=o6,nh.words=aI,nh.wrap=function(e,t){return iT(rA(t),e)},nh.xor=o4,nh.xorBy=o8,nh.xorWith=o9,nh.zip=o7,nh.zipObject=function(e,t){return rT(e||[],t||[],nj)},nh.zipObjectDeep=function(e,t){return rT(e||[],t||[],rp)},nh.zipWith=ie,nh.entries=ab,nh.entriesIn=ak,nh.extend=at,nh.extendWith=an,a$(nh,nh),nh.add=aX,nh.attempt=aP,nh.camelCase=aw,nh.capitalize=a_,nh.ceil=aJ,nh.clamp=function(e,t,n){return o===n&&(n=t,t=o),o!==n&&(n=(n=i8(n))==n?n:0),o!==t&&(t=(t=i8(t))==t?t:0),nP(i8(e),t,n)},nh.clone=function(e){return nZ(e,4)},nh.cloneDeep=function(e){return nZ(e,5)},nh.cloneDeepWith=function(e,t){return nZ(e,5,t="function"==typeof t?t:o)},nh.cloneWith=function(e,t){return nZ(e,4,t="function"==typeof t?t:o)},nh.conformsTo=function(e,t){return null==t||nF(e,t,ap(t))},nh.deburr=aS,nh.defaultTo=function(e,t){return null==e||e!=e?t:e},nh.divide=a1,nh.endsWith=function(e,t,n){e=i7(e),t=rx(t);var r=e.length,i=n=o===n?r:nP(i6(n),0,r);return(n-=t.length)>=0&&e.slice(n,i)==t},nh.eq=iR,nh.escape=function(e){return(e=i7(e))&&H.test(e)?e.replace($,tM):e},nh.escapeRegExp=function(e){return(e=i7(e))&&X.test(e)?e.replace(Y,"\\$&"):e},nh.every=function(e,t,n){var r=iF(e)?tl:nB;return n&&ok(e,t,n)&&(t=o),r(e,ou(t,3))},nh.find=ia,nh.findIndex=o$,nh.findKey=function(e,t){return tk(e,ou(t,3),nW)},nh.findLast=is,nh.findLastIndex=oU,nh.findLastKey=function(e,t){return tk(e,ou(t,3),nV)},nh.floor=a0,nh.forEach=ic,nh.forEachRight=iu,nh.forIn=function(e,t){return null==e?e:nH(e,ou(t,3),ad)},nh.forInRight=function(e,t){return null==e?e:nq(e,ou(t,3),ad)},nh.forOwn=function(e,t){return e&&nW(e,ou(t,3))},nh.forOwnRight=function(e,t){return e&&nV(e,ou(t,3))},nh.get=as,nh.gt=iI,nh.gte=iP,nh.has=function(e,t){return null!=e&&og(e,t,nJ)},nh.hasIn=ac,nh.head=oq,nh.identity=aM,nh.includes=function(e,t,n,r){e=iL(e)?e:ax(e),n=n&&!r?i6(n):0;var o=e.length;return n<0&&(n=t2(o+n,0)),iX(e)?n<=o&&e.indexOf(t,n)>-1:!!o&&tw(e,t,n)>-1},nh.indexOf=function(e,t,n){var r=null==e?0:e.length;if(!r)return -1;var o=null==n?0:i6(n);return o<0&&(o=t2(r+o,0)),tw(e,t,o)},nh.inRange=function(e,t,n){var r,i,a;return t=i3(t),o===n?(n=t,t=0):n=i3(n),(r=e=i8(e))>=t5(i=t,a=n)&&r=-9007199254740991&&e<=9007199254740991},nh.isSet=iY,nh.isString=iX,nh.isSymbol=iJ,nh.isTypedArray=i1,nh.isUndefined=function(e){return o===e},nh.isWeakMap=function(e){return iW(e)&&om(e)==O},nh.isWeakSet=function(e){return iW(e)&&"[object WeakSet]"==nY(e)},nh.join=function(e,t){return null==e?"":t1.call(e,t)},nh.kebabCase=aE,nh.last=oQ,nh.lastIndexOf=function(e,t,n){var r=null==e?0:e.length;if(!r)return -1;var i=r;return o!==n&&(i=(i=i6(n))<0?t2(r+i,0):t5(i,r-1)),t==t?function(e,t,n){for(var r=n+1;r--&&e[r]!==t;);return r}(e,t,i):tx(e,tS,i,!0)},nh.lowerCase=aO,nh.lowerFirst=aj,nh.lt=i0,nh.lte=i2,nh.max=function(e){return e&&e.length?nz(e,aM,nX):o},nh.maxBy=function(e,t){return e&&e.length?nz(e,ou(t,2),nX):o},nh.mean=function(e){return tE(e,aM)},nh.meanBy=function(e,t){return tE(e,ou(t,2))},nh.min=function(e){return e&&e.length?nz(e,aM,n7):o},nh.minBy=function(e,t){return e&&e.length?nz(e,ou(t,2),n7):o},nh.stubArray=aG,nh.stubFalse=aY,nh.stubObject=function(){return{}},nh.stubString=function(){return""},nh.stubTrue=function(){return!0},nh.multiply=a2,nh.nth=function(e,t){return e&&e.length?ro(e,i6(t)):o},nh.noConflict=function(){return e6._===this&&(e6._=eL),this},nh.noop=aU,nh.now=iy,nh.pad=function(e,t,n){e=i7(e);var r=(t=i6(t))?tq(e):0;if(!t||r>=t)return e;var o=(t-r)/2;return r0(tG(o),n)+e+r0(tj(o),n)},nh.padEnd=function(e,t,n){e=i7(e);var r=(t=i6(t))?tq(e):0;return t&&rt){var r=e;e=t,t=r}if(n||e%1||t%1){var i=t4();return t5(e+i*(t-e+e0("1e-"+((i+"").length-1))),t)}return ru(e,t)},nh.reduce=function(e,t,n){var r=iF(e)?tg:tT,o=arguments.length<3;return r(e,ou(t,4),n,o,nM)},nh.reduceRight=function(e,t,n){var r=iF(e)?ty:tT,o=arguments.length<3;return r(e,ou(t,4),n,o,nD)},nh.repeat=function(e,t,n){return t=(n?ok(e,t,n):o===t)?1:i6(t),rl(i7(e),t)},nh.replace=function(){var e=arguments,t=i7(e[0]);return e.length<3?t:t.replace(e[1],e[2])},nh.result=function(e,t,n){t=rR(t,e);var r=-1,i=t.length;for(i||(i=1,e=o);++r9007199254740991)return[];var n=4294967295,r=t5(e,4294967295);t=ou(t),e-=4294967295;for(var o=tA(r,t);++n=a)return e;var c=n-tq(r);if(c<1)return r;var u=s?rI(s,0,c).join(""):e.slice(0,c);if(o===i)return u+r;if(s&&(c+=u.length-c),iG(i)){if(e.slice(c).search(i)){var l,f=u;for(i.global||(i=eS(i.source,i7(ec.exec(i))+"g")),i.lastIndex=0;l=i.exec(f);)var p=l.index;u=u.slice(0,o===p?c:p)}}else if(e.indexOf(rx(i),c)!=c){var d=u.lastIndexOf(i);d>-1&&(u=u.slice(0,d))}return u+r},nh.unescape=function(e){return(e=i7(e))&&U.test(e)?e.replace(z,tK):e},nh.uniqueId=function(e){var t=++eP;return i7(e)+t},nh.upperCase=aA,nh.upperFirst=aR,nh.each=ic,nh.eachRight=iu,nh.first=oq,a$(nh,(ey={},nW(nh,function(e,t){eI.call(nh.prototype,t)||(ey[t]=e)}),ey),{chain:!1}),nh.VERSION="4.17.21",tu(["bind","bindKey","curry","curryRight","partial","partialRight"],function(e){nh[e].placeholder=nh}),tu(["drop","take"],function(e,t){nv.prototype[e]=function(n){n=o===n?1:t2(i6(n),0);var r=this.__filtered__&&!t?new nv(this):this.clone();return r.__filtered__?r.__takeCount__=t5(n,r.__takeCount__):r.__views__.push({size:t5(n,4294967295),type:e+(r.__dir__<0?"Right":"")}),r},nv.prototype[e+"Right"]=function(t){return this.reverse()[e](t).reverse()}}),tu(["filter","map","takeWhile"],function(e,t){var n=t+1,r=1==n||3==n;nv.prototype[e]=function(e){var t=this.clone();return t.__iteratees__.push({iteratee:ou(e,3),type:n}),t.__filtered__=t.__filtered__||r,t}}),tu(["head","last"],function(e,t){var n="take"+(t?"Right":"");nv.prototype[e]=function(){return this[n](1).value()[0]}}),tu(["initial","tail"],function(e,t){var n="drop"+(t?"":"Right");nv.prototype[e]=function(){return this.__filtered__?new nv(this):this[n](1)}}),nv.prototype.compact=function(){return this.filter(aM)},nv.prototype.find=function(e){return this.filter(e).head()},nv.prototype.findLast=function(e){return this.reverse().find(e)},nv.prototype.invokeMap=rf(function(e,t){return"function"==typeof e?new nv(this):this.map(function(n){return n2(n,e,t)})}),nv.prototype.reject=function(e){return this.filter(iO(ou(e)))},nv.prototype.slice=function(e,t){e=i6(e);var n=this;return n.__filtered__&&(e>0||t<0)?new nv(n):(e<0?n=n.takeRight(-e):e&&(n=n.drop(e)),o!==t&&(n=(t=i6(t))<0?n.dropRight(-t):n.take(t-e)),n)},nv.prototype.takeRightWhile=function(e){return this.reverse().takeWhile(e).reverse()},nv.prototype.toArray=function(){return this.take(4294967295)},nW(nv.prototype,function(e,t){var n=/^(?:filter|find|map|reject)|While$/.test(t),r=/^(?:head|last)$/.test(t),i=nh[r?"take"+("last"==t?"Right":""):t],a=r||/^find/.test(t);i&&(nh.prototype[t]=function(){var t=this.__wrapped__,s=r?[1]:arguments,c=t instanceof nv,u=s[0],l=c||iF(t),f=function(e){var t=i.apply(nh,tm([e],s));return r&&p?t[0]:t};l&&n&&"function"==typeof u&&1!=u.length&&(c=l=!1);var p=this.__chain__,d=!!this.__actions__.length,h=a&&!p,m=c&&!d;if(!a&&l){t=m?t:new nv(this);var g=e.apply(t,s);return g.__actions__.push({func:ir,args:[f],thisArg:o}),new ny(g,p)}return h&&m?e.apply(this,s):(g=this.thru(f),h?r?g.value()[0]:g.value():g)})}),tu(["pop","push","shift","sort","splice","unshift"],function(e){var t=ej[e],n=/^(?:push|sort|unshift)$/.test(e)?"tap":"thru",r=/^(?:pop|shift)$/.test(e);nh.prototype[e]=function(){var e=arguments;if(r&&!this.__chain__){var o=this.value();return t.apply(iF(o)?o:[],e)}return this[n](function(n){return t.apply(iF(n)?n:[],e)})}}),nW(nv.prototype,function(e,t){var n=nh[t];if(n){var r=n.name+"";eI.call(ni,r)||(ni[r]=[]),ni[r].push({name:t,func:n})}}),ni[rY(o,2).name]=[{name:"wrapper",func:o}],nv.prototype.clone=function(){var e=new nv(this.__wrapped__);return e.__actions__=rB(this.__actions__),e.__dir__=this.__dir__,e.__filtered__=this.__filtered__,e.__iteratees__=rB(this.__iteratees__),e.__takeCount__=this.__takeCount__,e.__views__=rB(this.__views__),e},nv.prototype.reverse=function(){if(this.__filtered__){var e=new nv(this);e.__dir__=-1,e.__filtered__=!0}else e=this.clone(),e.__dir__*=-1;return e},nv.prototype.value=function(){var e=this.__wrapped__.value(),t=this.__dir__,n=iF(e),r=t<0,o=n?e.length:0,i=function(e,t,n){for(var r=-1,o=n.length;++r=this.__values__.length,t=e?o:this.__values__[this.__index__++];return{done:e,value:t}},nh.prototype.plant=function(e){for(var t,n=this;n instanceof ng;){var r=oM(n);r.__index__=0,r.__values__=o,t?i.__wrapped__=r:t=r;var i=r;n=n.__wrapped__}return i.__wrapped__=e,t},nh.prototype.reverse=function(){var e=this.__wrapped__;if(e instanceof nv){var t=e;return this.__actions__.length&&(t=new nv(this)),(t=t.reverse()).__actions__.push({func:ir,args:[oJ],thisArg:o}),new ny(t,this.__chain__)}return this.thru(oJ)},nh.prototype.toJSON=nh.prototype.valueOf=nh.prototype.value=function(){return rO(this.__wrapped__,this.__actions__)},nh.prototype.first=nh.prototype.head,e3&&(nh.prototype[e3]=function(){return this}),nh}();e6._=tQ,o!==(r=(function(){return tQ}).call(t,n,t,e))&&(e.exports=r)}).call(this)},61100:function(e,t,n){var r=n(37772);e.exports=function(){return r.Date.now()}},12436:function(e,t,n){var r=n(54073),o=n(29259);e.exports=function(e,t,n){var i=!0,a=!0;if("function"!=typeof e)throw TypeError("Expected a function");return o(n)&&(i="leading"in n?!!n.leading:i,a="trailing"in n?!!n.trailing:a),r(e,t,{leading:i,maxWait:t,trailing:a})}},7642:function(e,t,n){var r=n(51704),o=n(29259),i=n(4795),a=0/0,s=/^[-+]0x[0-9a-f]+$/i,c=/^0b[01]+$/i,u=/^0o[0-7]+$/i,l=parseInt;e.exports=function(e){if("number"==typeof e)return e;if(i(e))return a;if(o(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=o(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=r(e);var n=c.test(e);return n||u.test(e)?l(e.slice(2),n?2:8):s.test(e)?a:+e}},36954:function(e,t,n){var r,o=function(){var e=String.fromCharCode,t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",r={};function o(e,t){if(!r[e]){r[e]={};for(var n=0;n>>8,n[2*r+1]=a%256}return n},decompressFromUint8Array:function(t){if(null==t)return i.decompress(t);for(var n=Array(t.length/2),r=0,o=n.length;rl.charCodeAt(0)){for(r=0;r>=1}else{for(r=0,o=1;r>=1}0==--f&&(f=Math.pow(2,d),d++),delete s[l]}else for(r=0,o=a[l];r>=1;0==--f&&(f=Math.pow(2,d),d++),a[u]=p++,l=String(c)}if(""!==l){if(Object.prototype.hasOwnProperty.call(s,l)){if(256>l.charCodeAt(0)){for(r=0;r>=1}else{for(r=0,o=1;r>=1}0==--f&&(f=Math.pow(2,d),d++),delete s[l]}else for(r=0,o=a[l];r>=1;0==--f&&(f=Math.pow(2,d),d++)}for(r=0,o=2;r>=1;for(;;){if(m<<=1,g==t-1){h.push(n(m));break}g++}return h.join("")},decompress:function(e){return null==e?"":""==e?null:i._decompress(e.length,32768,function(t){return e.charCodeAt(t)})},_decompress:function(t,n,r){var o,i,a,s,c,u,l,f=[],p=4,d=4,h=3,m="",g=[],y={val:r(0),position:n,index:1};for(o=0;o<3;o+=1)f[o]=o;for(a=0,c=4,u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;switch(a){case 0:for(a=0,c=256,u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;l=e(a);break;case 1:for(a=0,c=65536,u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;l=e(a);break;case 2:return""}for(f[3]=l,i=l,g.push(l);;){if(y.index>t)return"";for(a=0,c=Math.pow(2,h),u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;switch(l=a){case 0:for(a=0,c=256,u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;f[d++]=e(a),l=d-1,p--;break;case 1:for(a=0,c=65536,u=1;u!=c;)s=y.val&y.position,y.position>>=1,0==y.position&&(y.position=n,y.val=r(y.index++)),a|=(s>0?1:0)*u,u<<=1;f[d++]=e(a),l=d-1,p--;break;case 2:return g.join("")}if(0==p&&(p=Math.pow(2,h),h++),f[l])m=f[l];else{if(l!==d)return null;m=i+i.charAt(0)}g.push(m),f[d++]=i+m.charAt(0),p--,i=m,0==p&&(p=Math.pow(2,h),h++)}}};return i}();void 0!==(r=(function(){return o}).call(t,n,t,e))&&(e.exports=r)},92307:function(e){var t;t=function(){"use strict";var e={isEqual:!0,isMatchingKey:!0,isPromise:!0,maxSize:!0,onCacheAdd:!0,onCacheChange:!0,onCacheHit:!0,transformKey:!0},t=Array.prototype.slice;function n(e){var n=e.length;return n?1===n?[e[0]]:2===n?[e[0],e[1]]:3===n?[e[0],e[1],e[2]]:t.call(e,0):[]}function r(e,t){return e===t||e!=e&&t!=t}function o(e,t){var n={};for(var r in e)n[r]=e[r];for(var r in t)n[r]=t[r];return n}var i=function(){function e(e){this.keys=[],this.values=[],this.options=e;var t="function"==typeof e.isMatchingKey;t?this.getKeyIndex=this._getKeyIndexFromMatchingKey:e.maxSize>1?this.getKeyIndex=this._getKeyIndexForMany:this.getKeyIndex=this._getKeyIndexForSingle,this.canTransformKey="function"==typeof e.transformKey,this.shouldCloneArguments=this.canTransformKey||t,this.shouldUpdateOnAdd="function"==typeof e.onCacheAdd,this.shouldUpdateOnChange="function"==typeof e.onCacheChange,this.shouldUpdateOnHit="function"==typeof e.onCacheHit}return Object.defineProperty(e.prototype,"size",{get:function(){return this.keys.length},enumerable:!1,configurable:!0}),Object.defineProperty(e.prototype,"snapshot",{get:function(){return{keys:n(this.keys),size:this.size,values:n(this.values)}},enumerable:!1,configurable:!0}),e.prototype._getKeyIndexFromMatchingKey=function(e){var t=this.options,n=t.isMatchingKey,r=t.maxSize,o=this.keys,i=o.length;if(!i)return -1;if(n(o[0],e))return 0;if(r>1){for(var a=1;a1){for(var s=0;s1){for(var i=0;i=s&&(r.length=o.length=s)},e.prototype.updateAsyncCache=function(e){var t=this,n=this.options,r=n.onCacheChange,o=n.onCacheHit,i=this.keys[0],a=this.values[0];this.values[0]=a.then(function(n){return t.shouldUpdateOnHit&&o(t,t.options,e),t.shouldUpdateOnChange&&r(t,t.options,e),n},function(e){var n=t.getKeyIndex(i);throw -1!==n&&(t.keys.splice(n,1),t.values.splice(n,1)),e})},e}();return function t(a,s){if(void 0===s&&(s={}),"function"==typeof a&&a.isMemoized)return t(a.fn,o(a.options,s));if("function"!=typeof a)throw TypeError("You must pass a function to `memoize`.");var c=s.isEqual,u=s.isMatchingKey,l=s.isPromise,f=void 0!==l&&l,p=s.maxSize,d=s.onCacheAdd,h=s.onCacheChange,m=s.onCacheHit,g=s.transformKey,y=o({isEqual:void 0===c?r:c,isMatchingKey:u,isPromise:f,maxSize:void 0===p?1:p,onCacheAdd:d,onCacheChange:h,onCacheHit:m,transformKey:g},function(t){var n={};for(var r in t)e[r]||(n[r]=t[r]);return n}(s)),v=new i(y),b=v.keys,k=v.values,x=v.canTransformKey,w=v.shouldCloneArguments,_=v.shouldUpdateOnAdd,S=v.shouldUpdateOnChange,E=v.shouldUpdateOnHit,O=function(){var e=w?n(arguments):arguments;x&&(e=g(e));var t=b.length?v.getKeyIndex(e):-1;if(-1!==t)E&&m(v,y,O),t&&(v.orderByLru(b[t],k[t],t),S&&h(v,y,O));else{var r=a.apply(this,arguments),o=w?e:n(arguments);v.orderByLru(o,r,b.length),f&&v.updateAsyncCache(O),_&&d(v,y,O),S&&h(v,y,O)}return k[0]};return O.cache=v,O.fn=a,O.isMemoized=!0,O.options=y,O}},e.exports=t()},12041:function(e,t,n){e.exports=n(69050)},10422:function(e,t){"use strict";function n(e){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{ACTION_FAST_REFRESH:function(){return p},ACTION_NAVIGATE:function(){return c},ACTION_PREFETCH:function(){return f},ACTION_REFRESH:function(){return s},ACTION_RESTORE:function(){return u},ACTION_SERVER_ACTION:function(){return d},ACTION_SERVER_PATCH:function(){return l},PrefetchCacheEntryStatus:function(){return a},PrefetchKind:function(){return i},isThenable:function(){return h}});var r,o,i,a,s="refresh",c="navigate",u="restore",l="server-patch",f="prefetch",p="fast-refresh",d="server-action";function h(e){return e&&("object"===n(e)||"function"==typeof e)&&"function"==typeof e.then}(r=i||(i={})).AUTO="auto",r.FULL="full",r.TEMPORARY="temporary",(o=a||(a={})).fresh="fresh",o.reusable="reusable",o.expired="expired",o.stale="stale",("function"==typeof t.default||"object"===n(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},52279:function(e,t,n){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t,n,r){return!1}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"getDomainLocale",{enumerable:!0,get:function(){return o}}),n(20311),("function"==typeof t.default||"object"===r(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},27412:function(e,t,n){"use strict";var r=["href","as","children","prefetch","passHref","replace","shallow","scroll","locale","onClick","onMouseEnter","onTouchStart","legacyBehavior"];function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function i(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,r);n=h,N&&("string"==typeof n||"number"==typeof n)&&(n=(0,l.jsx)("a",{children:n}));var M=f.default.useContext(y.RouterContext),D=f.default.useContext(v.AppRouterContext),B=null!=M?M:D,z=!M,$=!1!==O,U=null===O?w.PrefetchKind.AUTO:w.PrefetchKind.FULL,H=f.default.useMemo(function(){if(!M){var e=E(s);return{href:e,as:u?E(u):e}}var t=a((0,p.resolveHref)(M,s,!0),2),n=t[0],r=t[1];return{href:n,as:u?(0,p.resolveHref)(M,u):r||n}},[M,s,u]),q=H.href,W=H.as,V=f.default.useRef(q),K=f.default.useRef(W);N&&(o=f.default.Children.only(n));var Q=N?o&&"object"===c(o)&&o.ref:t,G=a((0,b.useIntersection)({rootMargin:"200px"}),3),Y=G[0],X=G[1],J=G[2],ee=f.default.useCallback(function(e){(K.current!==W||V.current!==q)&&(J(),K.current=W,V.current=q),Y(e),Q&&("function"==typeof Q?Q(e):"object"===c(Q)&&(Q.current=e))},[W,Q,q,J,Y]);f.default.useEffect(function(){B&&X&&$&&S(B,q,W,{locale:R},{kind:U},z)},[W,q,X,R,$,null==M?void 0:M.locale,B,z,U]);var et={ref:ee,onClick:function(e){N||"function"!=typeof I||I(e),N&&o.props&&"function"==typeof o.props.onClick&&o.props.onClick(e),B&&!e.defaultPrevented&&function(e,t,n,r,o,i,a,s,c){if(!("A"===e.currentTarget.nodeName.toUpperCase()&&((u=e.currentTarget.getAttribute("target"))&&"_self"!==u||e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||e.nativeEvent&&2===e.nativeEvent.which||!c&&!(0,d.isLocalURL)(n)))){e.preventDefault();var u,l=function(){var e=null==a||a;"beforePopState"in t?t[o?"replace":"push"](n,r,{shallow:i,locale:s,scroll:e}):t[o?"replace":"push"](r||n,{scroll:e})};c?f.default.startTransition(l):l()}}(e,B,q,W,T,C,A,R,z)},onMouseEnter:function(e){N||"function"!=typeof P||P(e),N&&o.props&&"function"==typeof o.props.onMouseEnter&&o.props.onMouseEnter(e),B&&($||!z)&&S(B,q,W,{locale:R,priority:!0,bypassPrefetchedCheck:!0},{kind:U},z)},onTouchStart:function(e){N||"function"!=typeof Z||Z(e),N&&o.props&&"function"==typeof o.props.onTouchStart&&o.props.onTouchStart(e),B&&($||!z)&&S(B,q,W,{locale:R,priority:!0,bypassPrefetchedCheck:!0},{kind:U},z)}};if((0,m.isAbsoluteUrl)(W))et.href=W;else if(!N||j||"a"===o.type&&!("href"in o.props)){var en=void 0!==R?R:null==M?void 0:M.locale,er=(null==M?void 0:M.isLocaleDomain)&&(0,k.getDomainLocale)(W,en,null==M?void 0:M.locales,null==M?void 0:M.domainLocales);et.href=er||(0,x.addBasePath)((0,g.addLocale)(W,en,null==M?void 0:M.defaultLocale))}return N?f.default.cloneElement(o,et):(0,l.jsx)("a",i(i(i({},L),et),{},{children:n}))});("function"==typeof t.default||"object"===c(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},6642:function(e,t,n){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n0;t&&n&&t(n)})},e),elements:o},u.push(n),c.set(n,t),t}({root:null==n?void 0:n.current,rootMargin:r})).id,i=t.observer,(f=t.elements).set(m,e),i.observe(m),function(){if(f.delete(m),i.unobserve(m),0===f.size){i.disconnect(),c.delete(o);var e=u.findIndex(function(e){return e.root===o.root&&e.margin===o.margin});e>-1&&u.splice(e,1)}}}}else if(!p){var g=(0,a.requestIdleCallback)(function(){return d(!0)});return function(){return(0,a.cancelIdleCallback)(g)}}},[l,r,n,p,h.current]),[m,p,(0,i.useCallback)(function(){d(!1)},[])]}("function"==typeof t.default||"object"===r(t.default)&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},69050:function(e,t,n){"use strict";function r(){r=function(){return t};var e,t={},n=Object.prototype,i=n.hasOwnProperty,a=Object.defineProperty||function(e,t,n){e[t]=n.value},s="function"==typeof Symbol?Symbol:{},c=s.iterator||"@@iterator",u=s.asyncIterator||"@@asyncIterator",l=s.toStringTag||"@@toStringTag";function f(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{f({},"")}catch(e){f=function(e,t,n){return e[t]=n}}function p(t,n,r,o){var i,s,c=Object.create((n&&n.prototype instanceof v?n:v).prototype);return a(c,"_invoke",{value:(i=new C(o||[]),s=h,function(n,o){if(s===m)throw Error("Generator is already running");if(s===g){if("throw"===n)throw o;return{value:e,done:!0}}for(i.method=n,i.arg=o;;){var a=i.delegate;if(a){var c=function t(n,r){var o=r.method,i=n.iterator[o];if(i===e)return r.delegate=null,"throw"===o&&n.iterator.return&&(r.method="return",r.arg=e,t(n,r),"throw"===r.method)||"return"!==o&&(r.method="throw",r.arg=TypeError("The iterator does not provide a '"+o+"' method")),y;var a=d(i,n.iterator,r.arg);if("throw"===a.type)return r.method="throw",r.arg=a.arg,r.delegate=null,y;var s=a.arg;return s?s.done?(r[n.resultName]=s.value,r.next=n.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,y):s:(r.method="throw",r.arg=TypeError("iterator result is not an object"),r.delegate=null,y)}(a,i);if(c){if(c===y)continue;return c}}if("next"===i.method)i.sent=i._sent=i.arg;else if("throw"===i.method){if(s===h)throw s=g,i.arg;i.dispatchException(i.arg)}else"return"===i.method&&i.abrupt("return",i.arg);s=m;var u=d(t,r,i);if("normal"===u.type){if(s=i.done?g:"suspendedYield",u.arg===y)continue;return{value:u.arg,done:i.done}}"throw"===u.type&&(s=g,i.method="throw",i.arg=u.arg)}})}),c}function d(e,t,n){try{return{type:"normal",arg:e.call(t,n)}}catch(e){return{type:"throw",arg:e}}}t.wrap=p;var h="suspendedStart",m="executing",g="completed",y={};function v(){}function b(){}function k(){}var x={};f(x,c,function(){return this});var w=Object.getPrototypeOf,_=w&&w(w(A([])));_&&_!==n&&i.call(_,c)&&(x=_);var S=k.prototype=v.prototype=Object.create(x);function E(e){["next","throw","return"].forEach(function(t){f(e,t,function(e){return this._invoke(t,e)})})}function O(e,t){var n;a(this,"_invoke",{value:function(r,a){function s(){return new t(function(n,s){!function n(r,a,s,c){var u=d(e[r],e,a);if("throw"!==u.type){var l=u.arg,f=l.value;return f&&"object"==o(f)&&i.call(f,"__await")?t.resolve(f.__await).then(function(e){n("next",e,s,c)},function(e){n("throw",e,s,c)}):t.resolve(f).then(function(e){l.value=e,s(l)},function(e){return n("throw",e,s,c)})}c(u.arg)}(r,a,n,s)})}return n=n?n.then(s,s):s()}})}function j(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t)}function T(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t}function C(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(j,this),this.reset(!0)}function A(t){if(t||""===t){var n=t[c];if(n)return n.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var r=-1,a=function n(){for(;++r=0;--o){var a=this.tryEntries[o],s=a.completion;if("root"===a.tryLoc)return r("end");if(a.tryLoc<=this.prev){var c=i.call(a,"catchLoc"),u=i.call(a,"finallyLoc");if(c&&u){if(this.prev=0;--n){var r=this.tryEntries[n];if(r.tryLoc<=this.prev&&i.call(r,"finallyLoc")&&this.prev=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),T(n),y}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;T(n)}return o}}throw Error("illegal catch attempt")},delegateYield:function(t,n,r){return this.delegate={iterator:A(t),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=e),y}},t}function o(e){return(o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function a(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===o(t)?t:String(t)}function s(e){return(s=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function c(e,t){return(c=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e})(e,t)}function u(e,t,n,r,o,i,a){try{var s=e[i](a),c=s.value}catch(e){n(e);return}s.done?t(c):Promise.resolve(c).then(r,o)}Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return g}});var l=n(43219),f=n(52322),p=l._(n(2784)),d=n(99674);function h(e){return m.apply(this,arguments)}function m(){var e;return e=r().mark(function e(t){var n,o,i;return r().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.Component,o=t.ctx,e.next=3,(0,d.loadGetInitialProps)(n,o);case 3:return i=e.sent,e.abrupt("return",{pageProps:i});case 5:case"end":return e.stop()}},e)}),(m=function(){var t=this,n=arguments;return new Promise(function(r,o){var i=e.apply(t,n);function a(e){u(i,r,o,a,s,"next",e)}function s(e){u(i,r,o,a,s,"throw",e)}a(void 0)})}).apply(this,arguments)}var g=function(e){var t;function n(){var e,t;return!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,n),e=n,t=arguments,e=s(e),function(e,t){if(t&&("object"===o(t)||"function"==typeof t))return t;if(void 0!==t)throw TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,!function(){if("undefined"==typeof Reflect||!Reflect.construct||Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){return!1}}()?e.apply(this,t):Reflect.construct(e,t||[],s(this).constructor))}return!function(e,t){if("function"!=typeof t&&null!==t)throw TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&c(e,t)}(n,e),t=[{key:"render",value:function(){var e=this.props,t=e.Component,n=e.pageProps;return(0,f.jsx)(t,function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]?arguments[1]:g.Z;return y(e,x()),function(n){var r,o,i=(n||{}).queryHook,a=void 0===i?w:i;return{$$type:"ais.searchBox",init:function(t){var n=t.instantSearchInstance;e(k(k({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!0)},render:function(t){var n=t.instantSearchInstance;e(k(k({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!1)},dispose:function(e){var n=e.state;return t(),n.setQueryParameter("query",void 0)},getRenderState:function(e,t){return k(k({},e),{},{searchBox:this.getWidgetRenderState(t)})},getWidgetRenderState:function(e){var t=e.helper,i=e.instantSearchInstance,s=e.state;return r||(r=function(e){a(e,function(e){return t.setQuery(e).search()})},o=function(){t.setQuery("").search()}),{query:s.query||"",refine:r,clear:o,widgetParams:n,isSearchStalled:"stalled"===i.status}},getWidgetUiState:function(e,t){var n=t.searchParameters.query||"";return""===n||e&&e.query===n?e:k(k({},e),{},{query:n})},getWidgetSearchParameters:function(e,t){var n=t.uiState;return e.setQueryParameter("query",n.query||"")}}}},S=n(47493),E=["onChange"];function O(){return(O=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,E),a=(n={queryHook:T},(0,S.B)(_,n,void 0)),s=a.query,c=a.refine,u=a.clear,f=a.isSearchStalled,p=function(e){if(Array.isArray(e))return e}(r=(0,l.useState)(s))||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{for(i=(n=n.call(e)).next;!(c=(r=i.call(n)).done)&&(s.push(r.value),2!==s.length);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(r,2)||function(e,t){if(e){if("string"==typeof e)return j(e,2);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return j(e,2)}}(r,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),m=p[0],g=p[1],y=(0,l.useCallback)(function(e){var t=e.currentTarget.value;g(t),c(t)},[c]),v=(0,l.useCallback)(function(){g(""),u()},[u]);return l.createElement(d.Z,O({ref:t,isLoading:f,value:m,onChange:(0,h.N)(o,y),onClearInput:v},i))});C.displayName="InstantSearchInput";var A=n(40596),R=n(85017),I=n(61619),P=n(73645),Z=n(70758),F=n(35306),N=n(47438),L=n(5081),M=n(76635),D=n.n(M),B=n(78141),z=n.n(B),$=n(53232),U=n(91106),H=n(73183),q=n(69419);function W(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=n-t?r-(n-e):t}},{key:"isLastPage",value:function(){return this.currentPage===this.total-1||0===this.total}},{key:"isFirstPage",value:function(){return 0===this.currentPage}}],function(e,t){for(var n=0;n1&&void 0!==arguments[1]?arguments[1]:g.Z;return y(e,ed()),function(n){var r=n||{},o=r.totalPages,i=r.padding,a=new eu({currentPage:0,total:0,padding:void 0===i?3:i}),s={};return{$$type:"ais.pagination",init:function(t){var n=t.instantSearchInstance;e(ep(ep({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!0)},render:function(t){var n=t.instantSearchInstance;e(ep(ep({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!1)},dispose:function(e){var n=e.state;return t(),n.setQueryParameter("page",void 0)},getWidgetUiState:function(e,t){var n=t.searchParameters.page||0;return n?ep(ep({},e),{},{page:n+1}):e},getWidgetSearchParameters:function(e,t){var n=t.uiState,r=n.page?n.page-1:0;return e.setQueryParameter("page",r)},getWidgetRenderState:function(e){var t,r=e.results,i=e.helper,c=e.state,u=e.createURL;s.refine||(s.refine=function(e){i.setPage(e),i.search()}),s.createURL||(s.createURL=function(e){return u(function(t){return ep(ep({},t),{},{page:e+1})})});var l=c.page||0,f=(t=(r||{nbPages:0}).nbPages,void 0!==o?Math.min(o,t):t);return a.currentPage=l,a.total=f,{createURL:s.createURL,refine:s.refine,canRefine:f>1,currentRefinement:l,nbHits:(null==r?void 0:r.nbHits)||0,nbPages:f,pages:r?a.pages():[],isFirstPage:a.isFirstPage(),isLastPage:a.isLastPage(),widgetParams:n}},getRenderState:function(e,t){return ep(ep({},e),{},{pagination:this.getWidgetRenderState(t)})}}}};function em(){return(em=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&void 0!==arguments[0]?arguments[0]:{},x=k.catchError,w=(0,$.z)(),_=(e=(0,$.z)(),n=(t=(0,q.a)()).getIndexId(),o=(r=V((0,l.useState)(function(){return e.getUiState()}),2))[0],i=r[1],a=o[n],c=(s=V((0,l.useState)(function(){return e.renderState}),2))[0],u=s[1],f=c[n]||{},p=(0,l.useCallback)(function(t){e.setUiState(t)},[e]),d=(0,l.useCallback)(function(e){t.setIndexUiState(e)},[t]),(0,l.useEffect)(function(){function t(){i(e.getUiState()),u(e.renderState)}return e.addListener("render",t),function(){e.removeListener("render",t)}},[e]),{uiState:o,setUiState:p,indexUiState:a,setIndexUiState:d,renderState:c,indexRenderState:f}),S=_.uiState,E=_.setUiState,O=_.indexUiState,j=_.setIndexUiState,T=_.renderState,C=_.indexRenderState,A=(h=(0,$.z)(),m=(0,q.a)(),v=(y=function(e){if(Array.isArray(e))return e}(g=(0,l.useState)(function(){return(0,H.E)(m)}))||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{for(i=(n=n.call(e)).next;!(c=(r=i.call(n)).done)&&(s.push(r.value),2!==s.length);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(g,2)||function(e,t){if(e){if("string"==typeof e)return W(e,2);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return W(e,2)}}(g,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0],b=y[1],(0,l.useEffect)(function(){function e(){var e=m.getResults();null!==e&&b({results:e,scopedResults:m.getScopedResults()})}return h.addListener("render",e),function(){h.removeListener("render",e)}},[h,m]),v),R=A.results,I=A.scopedResults,P=(0,l.useCallback)(function(){for(var e=arguments.length,t=Array(e),n=0;n0&&0===i.nbHits)return l.createElement(I.Z,{spacing:"4x",py:"10x"},l.createElement(Z.Z,{textAlign:"center"},'No results found for "',i.query,'"'));var p=Object.entries(D().chain(i.hits).orderBy("data.title").groupBy("parent.title").value());return l.createElement(l.Fragment,null,l.createElement(I.Z,{flex:"1",px:"3x",py:"2x",overflowY:"auto"},p.map(function(e){var n=ey(e,2),o=n[0],i=n[1];return l.createElement(c.Z,{key:o},l.createElement(c.Z,{my:"2x"},l.createElement(Z.Z,{color:r.color.secondary},o)),(0,L.rY)(i).map(function(e){var n,r,i,a,s,f=null===(n=D().find(Q._,{title:o}))||void 0===n?void 0:n.icon;return l.createElement(c.Z,{key:e.objectID},l.createElement(en,{href:"/".concat(e.data.path),onClick:function(){t(e)}},f&&l.createElement(f,{size:"6x"}),l.createElement(z(),{searchWords:null==e?void 0:null===(r=e._highlightResult)||void 0===r?void 0:null===(i=r.data)||void 0===i?void 0:null===(a=i.title)||void 0===a?void 0:a.matchedWords,highlightTag:"mark",textToHighlight:null==e?void 0:null===(s=e.data)||void 0===s?void 0:s.title,highlightStyle:{backgroundColor:"rgba(0, 116, 255, 0.8)",color:"rgba(255, 255, 255, .92)"}})),l.createElement(u.Z,{my:"2x"}))}))})),i.nbPages>1&&l.createElement(l.Fragment,null,l.createElement(u.Z,null),l.createElement(P.Z,{my:"3x",justifyContent:"center"},l.createElement(eg,null))))};eb.displayName="InstantSearchRefinementList";var ek=["onClose"];function ex(){return(ex=Object.assign?Object.assign.bind():function(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,ek),h=(0,o.u)(),m=(0,f.Z)();return l.createElement(i.Z,ex({ref:t,autoFocus:!0,ensureFocus:!0,closeOnEsc:!0,closeOnOutsideClick:!0,isOpen:!0,onClose:n,size:"md"},d),l.createElement(r.xB,{styles:ew}),l.createElement(a.Z,null),l.createElement(s.Z,{marginTop:"12x",maxHeight:"calc(100vh - ".concat(null==h?void 0:h.space["12x"]," - ").concat(null==h?void 0:h.space["12x"],")"),minHeight:null},l.createElement(c.Z,{p:"4x"},l.createElement(C,{size:"lg",placeholder:"Search...",onChange:function(e){m("InstantSearch","change_search_input",e.target.value)}})),l.createElement(u.Z,null),l.createElement(eb,{onChange:function(e){var t=(null==e?void 0:null===(o=e.parent)||void 0===o?void 0:o.title)||"",r=(null==e?void 0:null===(i=e.data)||void 0===i?void 0:i.title)||"";if(m("InstantSearch","click_search_result",(0,p.Z)({path:"/".concat(null==e?void 0:null===(a=e.data)||void 0===a?void 0:a.path),title:[t,r].join(" > ")})),t){var o,i,a,s,c=document.querySelector("#sidenav button[data-title=".concat((0,p.Z)(t),"]"));if((null==c?void 0:null===(s=c.dataset)||void 0===s?void 0:s.expanded)==="false"){var u=new MouseEvent("click",{bubbles:!0,cancelable:!0});c.dispatchEvent(u)}}n()}})))});e_.displayName="InstantSearchModal";var eS=e_},58325:function(e,t,n){"use strict";var r=n(40596),o=n(85017),i=n(83513),a=n(73645),s=n(70758),c=n(21407),u=n(2784),l=["children"];function f(){return(f=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,l),h=p((0,r.Z)(),1)[0],m=p((0,o.Z)({colorMode:h}),1)[0];return u.createElement(i.Z,f({ref:t,display:"flex",alignItems:"center",justifyContent:"space-between",color:m.color.primary,border:1,borderColor:{dark:"gray:60",light:"gray:30"}[h],borderRadius:"sm",_focus:{borderColor:{dark:"blue:60",light:"blue:60"}[h]},_hover:{borderColor:{dark:"blue:50",light:"blue:50"}[h]},fontSize:"sm",lineHeight:"sm",px:"3x",height:"8x",minWidth:{sm:34,md:200},transition:"min-width 0.2s"},d),u.createElement(a.Z,{alignItems:"center",columnGap:"2x"},u.createElement(c.Z,null),u.createElement(s.Z,{display:{sm:"none",md:"block"},color:m.color.secondary},n)))});h.displayName="SearchButton",t.Z=h},73819:function(e,t,n){"use strict";n.d(t,{_:function(){return b}});var r=n(70758),o=n(73645),i=n(99870),a=n(4409),s=n(57805),c=n(34323),u=n(95530),l=n(44152),f=n(37384),p=n(18247),d=n(85409),h=n(84668),m=n(30047),g=n(2784);function y(){return(y=Object.assign?Object.assign.bind():function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{fallback:function(){}},n=t.fallback;return"undefined"==typeof window?n():e({window:window})}var K=n(53449);function Q(e){return(Q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Y(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&void 0!==arguments[0]?arguments[0]:{},t=e.insightsClient,n=e.insightsInitParams,r=e.onEvent,o=e.$$internal,i=void 0!==o&&o,a=e.$$automatic,s=void 0!==a&&a,c=t;t||null===t||V(function(e){var t=e.window,n=t.AlgoliaAnalyticsObject||"aa";"string"==typeof n&&(c=t[n]),c||(t.AlgoliaAnalyticsObject=n,t[n]||(t[n]=function(){t[n].queue||(t[n].queue=[]);for(var e=arguments.length,r=Array(e),o=0;o1&&void 0!==arguments[1]&&arguments[1],n=ei(e);if(n){var r=o.state.userToken;t?i():setTimeout(i,0)}function i(){o.overrideStateWithoutTriggeringChangeEvent(Y(Y({},o.state),{},{userToken:n})),r&&r!==e&&a.scheduleSearch()}},n=function(e){if(("undefined"==typeof document?"undefined":W(document))==="object"&&"string"==typeof document.cookie)for(var t="".concat(e,"="),n=document.cookie.split(";"),r=0;r=3||2===n&&r>=6||1===n&&r>=10}function ei(e){if(e)return"number"==typeof e?e.toString():e}function ea(e,t,n){var r=t.getHelper();return{uiState:n,helper:r,parent:t,instantSearchInstance:e,state:r.state,renderState:e.renderState,templatesConfig:e.templatesConfig,createURL:t.createURL,scopedResults:[],searchMetadata:{isSearchStalled:"stalled"===e.status},status:e.status,error:e.error}}function es(e,t){var n=t.getResults(),r=t.getHelper();return{helper:r,parent:t,instantSearchInstance:e,results:n,scopedResults:t.getScopedResults(),state:n?n._state:r.state,renderState:e.renderState,templatesConfig:e.templatesConfig,createURL:t.createURL,searchMetadata:{isSearchStalled:"stalled"===e.status},status:e.status,error:e.error}}var ec=n(19126);function eu(e){return(eu="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function el(e,t,n){return(t=ef(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ef(e){var t=function(e,t){if("object"!==eu(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==eu(r))return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"===eu(t)?t:String(t)}var ep=function(e){e&&(window.document.title=e)},ed=function(){var e;function t(e){var n=this,r=e.windowTitle,o=e.writeDelay,i=e.createURL,a=e.parseURL,s=e.getLocation,c=e.start,u=e.dispose,l=e.push,f=e.cleanUrlOnDispose;!function(e,t){if(!(e instanceof t))throw TypeError("Cannot call a class as a function")}(this,t),el(this,"$$type","ais.browser"),el(this,"windowTitle",void 0),el(this,"writeDelay",void 0),el(this,"_createURL",void 0),el(this,"parseURL",void 0),el(this,"getLocation",void 0),el(this,"writeTimer",void 0),el(this,"_onPopState",void 0),el(this,"inPopState",!1),el(this,"isDisposed",!1),el(this,"latestAcknowledgedHistory",0),el(this,"_start",void 0),el(this,"_dispose",void 0),el(this,"_push",void 0),el(this,"_cleanUrlOnDispose",void 0),this.windowTitle=r,this.writeTimer=void 0,this.writeDelay=void 0===o?400:o,this._createURL=i,this.parseURL=a,this.getLocation=s,this._start=c,this._dispose=u,this._push=l,this._cleanUrlOnDispose=void 0===f||f,V(function(e){var t=e.window;ep(n.windowTitle&&n.windowTitle(n.read())),n.latestAcknowledgedHistory=t.history.length})}return e=[{key:"read",value:function(){return this.parseURL({qsModule:ec,location:this.getLocation()})}},{key:"write",value:function(e){var t=this;V(function(n){var r=n.window,o=t.createURL(e),i=t.windowTitle&&t.windowTitle(e);t.writeTimer&&clearTimeout(t.writeTimer),t.writeTimer=setTimeout(function(){ep(i),t.shouldWrite(o)&&(t._push?t._push(o):r.history.pushState(e,i||"",o),t.latestAcknowledgedHistory=r.history.length),t.inPopState=!1,t.writeTimer=void 0},t.writeDelay)})}},{key:"onUpdate",value:function(e){var t=this;this._start&&this._start(function(){e(t.read())}),this._onPopState=function(){t.writeTimer&&(clearTimeout(t.writeTimer),t.writeTimer=void 0),t.inPopState=!0,e(t.read())},V(function(e){e.window.addEventListener("popstate",t._onPopState)})}},{key:"createURL",value:function(e){return this._createURL({qsModule:ec,routeState:e,location:this.getLocation()})}},{key:"dispose",value:function(){var e=this;this._dispose&&this._dispose(),this.isDisposed=!0,V(function(t){var n=t.window;e._onPopState&&n.removeEventListener("popstate",e._onPopState)}),this.writeTimer&&clearTimeout(this.writeTimer),this._cleanUrlOnDispose&&this.write({})}},{key:"start",value:function(){this.isDisposed=!1}},{key:"shouldWrite",value:function(e){var t=this;return V(function(n){var r=n.window,o=!(t.isDisposed&&t.latestAcknowledgedHistory!==r.history.length);return!t.inPopState&&o&&e!==r.location.href})}}],function(e,t){for(var n=0;n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,em)}function ek(e){return e!==Object(e)}function ex(e){return(ex="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function ew(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function e_(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},t=e.router,n=void 0===t?function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.createURL,n=void 0===t?function(e){var t=e.qsModule,n=e.routeState,r=e.location,o=r.protocol,i=r.hostname,a=r.port,s=void 0===a?"":a,c=r.pathname,u=r.hash,l=t.stringify(n),f=""===s?"":":".concat(s);return l?"".concat(o,"//").concat(i).concat(f).concat(c,"?").concat(l).concat(u):"".concat(o,"//").concat(i).concat(f).concat(c).concat(u)}:t,r=e.parseURL,o=e.writeDelay,i=e.windowTitle,a=e.getLocation;return new ed({createURL:n,parseURL:void 0===r?function(e){var t=e.qsModule,n=e.location;return t.parse(n.search.slice(1),{arrayLimit:99})}:r,writeDelay:void 0===o?400:o,windowTitle:i,getLocation:void 0===a?function(){return V(function(e){return e.window.location},{fallback:function(){throw Error("You need to provide `getLocation` to the `history` router in environments where `window` does not exist.")}})}:a,start:e.start,dispose:e.dispose,push:e.push,cleanUrlOnDispose:e.cleanUrlOnDispose})}():t,r=e.stateMapping,o=void 0===r?{$$type:"ais.simple",stateToRoute:function(e){return Object.keys(e).reduce(function(t,n){return ey(ey({},t),{},ev({},n,eb(e[n])))},{})},routeToState:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return Object.keys(e).reduce(function(t,n){return ey(ey({},t),{},ev({},n,eb(e[n])))},{})}}:r,i=e.$$internal,a=void 0!==i&&i;return function(e){var t=e.instantSearchInstance;t._createURL=function(e){var r=0===t.mainIndex.getWidgets().length?t._initialUiState:t.mainIndex.getWidgetUiState({}),i=Object.keys(e).reduce(function(t,n){return e_(e_({},t),{},eS({},n,e[n]))},r),a=o.stateToRoute(i);return n.createURL(a)};var r=void 0,i=t._initialUiState;return{$$type:"ais.router({router:".concat(n.$$type||"__unknown__",", stateMapping:").concat(o.$$type||"__unknown__","})"),$$internal:a,onStateChange:function(e){var t=e.uiState,i=o.stateToRoute(t);(void 0===r||!function e(t,n){if(t===n)return!0;if(ek(t)||ek(n)||"function"==typeof t||"function"==typeof n)return t===n;if(Object.keys(t).length!==Object.keys(n).length)return!1;for(var r=0,o=Object.keys(t);r0&&t.setUiState(o.routeToState(e))})},started:function(){var e;null===(e=n.start)||void 0===e||e.call(n)},unsubscribe:function(){n.dispose()}}}},eO=n(20303);function ej(e){return"ais.index"===e.$$type}function eT(e){return(eT="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}var eC=["facets","disjunctiveFacets","facetsRefinements","facetsExcludes","disjunctiveFacetsRefinements","numericRefinements","tagRefinements","hierarchicalFacets","hierarchicalFacetsRefinements","ruleContexts"];function eA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function eR(e){for(var t=1;t=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(t,eC);return e.setQueryParameters(n)},eP=function(e,t){var n=[].concat(e.ruleContexts).concat(t.ruleContexts).filter(Boolean).filter(function(e,t,n){return n.indexOf(e)===t});return n.length>0?e.setQueryParameters({ruleContexts:n}):e},eZ=function(){for(var e=arguments.length,t=Array(e),n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n2&&void 0!==arguments[2]?arguments[2]:{};return e.reduce(function(e,n){return!ej(n)&&(n.getWidgetUiState||n.getWidgetState)?n.getWidgetUiState?n.getWidgetUiState(e,t):n.getWidgetState(e,t):e},n)}function eq(e,t){var n=t.initialSearchParameters,r=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(t,eN);return e.filter(function(e){return!ej(e)}).reduce(function(e,t){return t.getWidgetSearchParameters?t.getWidgetSearchParameters(e,r):e},n)}var eW=function(e){if(void 0===e||void 0===e.indexName)throw Error(e$("The `indexName` option is required."));var t=e.indexName,n=e.indexId,r=void 0===n?t:n,o=[],i={},a=null,s=null,c=null,u=null,l=null;return{$$type:"ais.index",$$widgetType:"ais.index",getIndexName:function(){return t},getIndexId:function(){return r},getHelper:function(){return c},getResults:function(){var e;return null!==(e=u)&&void 0!==e&&e.lastResults?(u.lastResults._state=c.state,u.lastResults):null},getPreviousState:function(){return l},getScopedResults:function(){var e=this.getParent();return function e(t){return t.filter(ej).reduce(function(t,n){return t.concat.apply(t,[{indexId:n.getIndexId(),results:n.getResults(),helper:n.getHelper()}].concat(eB(e(n.getWidgets()))))},[])}(e?e.getWidgets():[this])},getParent:function(){return s},createURL:function(e){return"function"==typeof e?a._createURL(eD({},r,e(i))):a._createURL(eD({},r,eH(o,{searchParameters:e,helper:c})))},getWidgets:function(){return o},addWidgets:function(e){var t=this;if(!Array.isArray(e))throw Error(e$("The `addWidgets` method expects an array of widgets."));if(e.some(function(e){return"function"!=typeof e.init&&"function"!=typeof e.render}))throw Error(e$("The widget definition expects a `render` and/or an `init` method."));return o=o.concat(e),a&&e.length&&(eU(c,{state:eq(o,{uiState:i,initialSearchParameters:c.state}),_uiState:i}),e.forEach(function(e){e.getRenderState&&eV({renderState:e.getRenderState(a.renderState[t.getIndexId()]||{},ea(a,t,a._initialUiState)),instantSearchInstance:a,parent:t})}),e.forEach(function(e){e.init&&e.init(ea(a,t,a._initialUiState))}),a.scheduleSearch()),this},removeWidgets:function(e){var t=this;if(!Array.isArray(e))throw Error(e$("The `removeWidgets` method expects an array of widgets."));if(e.some(function(e){return"function"!=typeof e.dispose}))throw Error(e$("The widget definition expects a `dispose` method."));if(o=o.filter(function(t){return -1===e.indexOf(t)}),a&&e.length){var n=e.reduce(function(e,n){return n.dispose({helper:c,state:e,parent:t})||e},c.state),r=a.future.preserveSharedStateOnUnmount?eq(o,{uiState:i,initialSearchParameters:new q.SearchParameters({index:this.getIndexName()})}):eq(o,{uiState:eH(o,{searchParameters:n,helper:c}),initialSearchParameters:n});i=eH(o,{searchParameters:r,helper:c}),c.setState(r),o.length&&a.scheduleSearch()}return this},init:function(e){var n,f=this,p=e.instantSearchInstance,d=e.parent,h=e.uiState;if(null===c){a=p,s=d,i=h[r]||{};var m=p.mainHelper,g=eq(o,{uiState:i,initialSearchParameters:new q.SearchParameters({index:t})});(c=q({},g.index,g)).search=function(){return p.onStateChange?(p.onStateChange({uiState:p.mainIndex.getWidgetUiState({}),setUiState:function(e){return p.setUiState(e,!1)}}),m):m.search()},c.searchWithoutTriggeringOnStateChange=function(){return m.search()},c.searchForFacetValues=function(e,t,n,r){var o=c.state.setQueryParameters(r);return m.searchForFacetValues(e,t,n,o)},u=m.derive(function(){return eZ.apply(void 0,[m.state].concat(eB(function(e){for(var t=e.getParent(),n=[e.getHelper().state];null!==t;)n=[t.getHelper().state].concat(n),t=t.getParent();return n}(f))))});var y=null===(n=p._initialResults)||void 0===n?void 0:n[this.getIndexId()];if(y){var v=new q.SearchResults(new q.SearchParameters(y.state),y.results);u.lastResults=v,c.lastResults=v}c.on("change",function(e){e.isPageReset&&function e(t){var n=t.filter(ej);0!==n.length&&n.forEach(function(t){var n=t.getHelper();eU(n,{state:n.state.resetPage(),isPageReset:!0}),e(t.getWidgets())})}(o)}),u.on("search",function(){p.scheduleStalledRender()}),u.on("result",function(e){var t=e.results;p.scheduleRender(),c.lastResults=t,l=null==t?void 0:t._state}),o.forEach(function(e){e.getRenderState&&eV({renderState:e.getRenderState(p.renderState[f.getIndexId()]||{},ea(p,f,h)),instantSearchInstance:p,parent:f})}),o.forEach(function(e){e.init&&e.init(ea(p,f,h))}),c.on("change",function(e){var t=e.state,n=e._uiState;i=eH(o,{searchParameters:t,helper:c},n||{}),p.onStateChange||p.onInternalStateChange()}),y&&p.scheduleRender()}},render:function(e){var t=this,n=e.instantSearchInstance;"error"===n.status&&!n.mainHelper.hasPendingRequests()&&l&&c.setState(l);var r=this.getResults()?o:o.filter(ej);r.forEach(function(e){e.getRenderState&&eV({renderState:e.getRenderState(n.renderState[t.getIndexId()]||{},es(n,t)),instantSearchInstance:n,parent:t})}),r.forEach(function(e){e.render&&e.render(es(n,t))})},dispose:function(){var e,t,n=this;o.forEach(function(e){e.dispose&&e.dispose({helper:c,state:c.state,parent:n})}),a=null,s=null,null===(e=c)||void 0===e||e.removeAllListeners(),c=null,null===(t=u)||void 0===t||t.detach(),u=null},getWidgetUiState:function(e){return o.filter(ej).reduce(function(e,t){return t.getWidgetUiState(e)},eM(eM({},e),{},eD({},r,eM(eM({},e[r]),i))))},getWidgetState:function(e){return this.getWidgetUiState(e)},getWidgetSearchParameters:function(e,t){var n=t.uiState;return eq(o,{uiState:n,initialSearchParameters:e})},refreshUiState:function(){i=eH(o,{searchParameters:this.getHelper().state,helper:this.getHelper()},i)},setIndexUiState:function(e){var t="function"==typeof e?e(i):e;a.setUiState(function(e){return eM(eM({},e),{},eD({},r,t))})}}};function eV(e){var t=e.renderState,n=e.instantSearchInstance,r=e.parent,o=r?r.getIndexId():n.mainIndex.getIndexId();n.renderState=eM(eM({},n.renderState),{},eD({},o,eM(eM({},n.renderState[o]),t)))}var eK=function(e){return function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=t.descendantName,r=t.modifierName;return"".concat("ais","-").concat(e).concat(n?"-".concat(n):"").concat(r?"--".concat(r):"")}};function eQ(e,t){return(Array.isArray(t)?t:t.split(".")).reduce(function(e,t){return e&&e[t]},e)}var eG="",eY="",eX=eK("Highlight");function eJ(e){return e.map(function(e){return e.isHighlighted?eG+e.value+eY:e.value}).join("")}RegExp(/[&<>"']/g.source);var e1={"&":"&","<":"<",">":">",""":'"',"'":"'"},e0=/&(amp|quot|lt|gt|#39);/g,e2=RegExp(e0.source),e5=new RegExp(/\w/i);function e3(e){return(e3="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function e6(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function e4(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1?t-1:0),r=1;r0)||void 0===arguments[0]||arguments[0];!(null!==(e=t.mainHelper)&&void 0!==e&&e.hasPendingRequests())&&(clearTimeout(t._searchStalledTimer),t._searchStalledTimer=null,n&&(t.status="idle",t.error=void 0)),t.mainIndex.render({instantSearchInstance:tb(t)}),t.emit("render")})),tx(tb(t),"onInternalStateChange",ts(function(){var e=t.mainIndex.getWidgetUiState({});t.middleware.forEach(function(t){t.instance.onStateChange({uiState:e})})})),t.setMaxListeners(100);var t,n=e.indexName,i=void 0===n?"":n,a=e.numberLocale,s=e.initialUiState,c=e.routing,u=void 0===c?null:c,l=e.insights,f=void 0===l?void 0:l,p=e.searchFunction,d=e.stalledSearchDelay,h=e.searchClient,m=void 0===h?null:h,g=e.insightsClient,y=void 0===g?null:g,v=e.onStateChange,b=e.future,k=void 0===b?ty(ty({},tE),e.future||{}):b;if(null===m)throw Error(t_("The `searchClient` option is required."));if("function"!=typeof m.search)throw Error("The `searchClient` must implement a `search` method.\n\nSee: https://www.algolia.com/doc/guides/building-search-ui/going-further/backend-search/in-depth/backend-instantsearch/js/");if("function"==typeof m.addAlgoliaAgent&&m.addAlgoliaAgent("instantsearch.js (".concat("4.66.0",")")),y&&"function"!=typeof y)throw Error(t_("The `insightsClient` option should be a function."));if(t.client=m,t.future=k,t.insightsClient=y,t.indexName=i,t.helper=null,t.mainHelper=null,t.mainIndex=eW({indexName:i}),t.onStateChange=void 0===v?null:v,t.started=!1,t.templatesConfig={helpers:{formatNumber:function(e,t){return Number(t(e)).toLocaleString(a)},highlight:function(e,t){try{var n,r,o,i,a,s,c,u,l,f=JSON.parse(e);return t((r=(n=ti(ti({},f),{},{hit:this})).attribute,o=n.highlightedTagName,i=void 0===o?"mark":o,a=n.hit,s=n.cssClasses,c=void 0===s?{}:s,u=(eQ(a._highlightResult,r)||{}).value,l=eX({descendantName:"highlighted"})+(c.highlighted?" ".concat(c.highlighted):""),(void 0===u?"":u).replace(RegExp(eG,"g"),"<".concat(i,' class="').concat(l,'">')).replace(RegExp(eY,"g"),""))))}catch(e){throw Error('\nThe highlight helper expects a JSON object of the format:\n{ "attribute": "name", "highlightedTagName": "mark" }')}},reverseHighlight:function(e,t){try{var n,r,o,i,a,s,c,u,l,f=JSON.parse(e);return t((r=(n=ti(ti({},f),{},{hit:this})).attribute,o=n.highlightedTagName,i=void 0===o?"mark":o,a=n.hit,s=n.cssClasses,c=void 0===s?{}:s,u=(eQ(a._highlightResult,r)||{}).value,l=e7({descendantName:"highlighted"})+(c.highlighted?" ".concat(c.highlighted):""),eJ(e8(e9(void 0===u?"":u))).replace(RegExp(eG,"g"),"<".concat(i,' class="').concat(l,'">')).replace(RegExp(eY,"g"),""))))}catch(e){throw Error('\n The reverseHighlight helper expects a JSON object of the format:\n { "attribute": "name", "highlightedTagName": "mark" }')}},snippet:function(e,t){try{var n,r,o,i,a,s,c,u,l,f=JSON.parse(e);return t((r=(n=ti(ti({},f),{},{hit:this})).attribute,o=n.highlightedTagName,i=void 0===o?"mark":o,a=n.hit,s=n.cssClasses,c=void 0===s?{}:s,u=(eQ(a._snippetResult,r)||{}).value,l=te({descendantName:"highlighted"})+(c.highlighted?" ".concat(c.highlighted):""),(void 0===u?"":u).replace(RegExp(eG,"g"),"<".concat(i,' class="').concat(l,'">')).replace(RegExp(eY,"g"),""))))}catch(e){throw Error('\nThe snippet helper expects a JSON object of the format:\n{ "attribute": "name", "highlightedTagName": "mark" }')}},reverseSnippet:function(e,t){try{var n,r,o,i,a,s,c,u,l,f=JSON.parse(e);return t((r=(n=ti(ti({},f),{},{hit:this})).attribute,o=n.highlightedTagName,i=void 0===o?"mark":o,a=n.hit,s=n.cssClasses,c=void 0===s?{}:s,u=(eQ(a._snippetResult,r)||{}).value,l=tt({descendantName:"highlighted"})+(c.highlighted?" ".concat(c.highlighted):""),eJ(e8(e9(void 0===u?"":u))).replace(RegExp(eG,"g"),"<".concat(i,' class="').concat(l,'">')).replace(RegExp(eY,"g"),""))))}catch(e){throw Error('\n The reverseSnippet helper expects a JSON object of the format:\n { "attribute": "name", "highlightedTagName": "mark" }')}},insights:function(e,t){try{var n,r=JSON.parse(e),o=r.method,i=r.payload;return t((n=ti({objectIDs:[this.objectID]},i),function(e){var t,n=e.method,r=e.payload;if("object"!==tn(r))throw Error("The insights helper expects the payload to be an object.");try{t=btoa(encodeURIComponent(JSON.stringify(r)))}catch(e){throw Error("Could not JSON serialize the payload object.")}return'data-insights-method="'.concat(n,'" data-insights-payload="').concat(t,'"')}({method:o,payload:n})))}catch(e){throw Error('\nThe insights helper expects a JSON object of the format:\n{ "method": "method-name", "payload": { "eventName": "name of the event" } }')}}},compileOptions:{}},t._stalledSearchDelay=void 0===d?200:d,t._searchStalledTimer=null,t._createURL=tS,t._initialUiState=void 0===s?{}:s,t._initialResults=null,t._insights=f,p&&(t._searchFunction=p),t.sendEventToInsights=K.Z,u){var x="boolean"==typeof u?{}:u;x.$$internal=!0,t.use(eE(x))}if(f){var w="boolean"==typeof f?{}:f;w.$$internal=!0,t.use(er(w))}return V(function(e){var t,n;return(null===(t=e.window.navigator)||void 0===t?void 0:null===(n=t.userAgent)||void 0===n?void 0:n.indexOf("Algolia Crawler"))>-1},{fallback:function(){return!1}})&&t.use(function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.$$internal,n=void 0!==t&&t;return function(e){var t=e.instantSearchInstance,r={widgets:[]},o=document.createElement("meta"),i=document.querySelector("head");return o.name="instantsearch:widgets",{$$type:"ais.metadata",$$internal:n,onStateChange:function(){},subscribe:function(){setTimeout(function(){var e=t.client;r.ua=e.transporter&&e.transporter.userAgent?e.transporter.userAgent.value:e._ua,function e(t,n,r){var o=ea(n,n.mainIndex,n._initialUiState);t.forEach(function(t){var i={};if(t.getWidgetRenderState){var a=t.getWidgetRenderState(o);a&&a.widgetParams&&(i=a.widgetParams)}var s=Object.keys(i).filter(function(e){return void 0!==i[e]});r.widgets.push({type:t.$$type,widgetType:t.$$widgetType,params:s}),"ais.index"===t.$$type&&e(t.getWidgets(),n,r)})}(t.mainIndex.getWidgets(),t,r),t.middleware.forEach(function(e){return r.widgets.push({middleware:!0,type:e.instance.$$type,internal:e.instance.$$internal})}),o.content=JSON.stringify(r),i.appendChild(o)},0)},started:function(){},unsubscribe:function(){o.remove()}}}}({$$internal:!0})),t}return n=[{key:"_isSearchStalled",get:function(){return"stalled"===this.status}},{key:"use",value:function(){for(var e=this,t=arguments.length,n=Array(t),r=0;r1?n-1:0),i=1;i0&&this.scheduleSearch();this.helper=this.mainIndex.getHelper(),this.started=!0,this.middleware.forEach(function(e){e.instance.started()}),void 0===this._insights&&t.derivedHelpers[0].once("result",function(){e.mainIndex.getScopedResults().some(function(e){var t=e.results;return null==t?void 0:t._automaticInsights})&&e.use(er({$$internal:!0,$$automatic:!0}))})}},{key:"dispose",value:function(){var e;this.scheduleSearch.cancel(),this.scheduleRender.cancel(),clearTimeout(this._searchStalledTimer),this.removeWidgets(this.mainIndex.getWidgets()),this.mainIndex.dispose(),this.started=!1,this.removeAllListeners(),null===(e=this.mainHelper)||void 0===e||e.removeAllListeners(),this.mainHelper=null,this.helper=null,this.middleware.forEach(function(e){e.instance.unsubscribe()})}},{key:"scheduleStalledRender",value:function(){var e=this;this._searchStalledTimer||(this._searchStalledTimer=setTimeout(function(){e.status="stalled",e.scheduleRender()},this._stalledSearchDelay))}},{key:"setUiState",value:function(e){var t=this,n=!(arguments.length>1)||void 0===arguments[1]||arguments[1];if(!this.mainHelper)throw Error(t_("The `start` method needs to be called before `setUiState`."));this.mainIndex.refreshUiState();var r="function"==typeof e?e(this.mainIndex.getWidgetUiState({})):e;this.onStateChange&&n?this.onStateChange({uiState:r,setUiState:function(e){th("function"==typeof e?e(r):e,t.mainIndex),t.scheduleSearch(),t.onInternalStateChange()}}):(th(r,this.mainIndex),this.scheduleSearch(),this.onInternalStateChange())}},{key:"getUiState",value:function(){return this.started&&this.mainIndex.refreshUiState(),this.mainIndex.getWidgetUiState({})}},{key:"createURL",value:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!this.started)throw Error(t_("The `start` method needs to be called before `createURL`."));return this._createURL(e)}},{key:"refresh",value:function(){if(!this.mainHelper)throw Error(t_("The `start` method needs to be called before `refresh`."));this.mainHelper.clearCache().search()}}],function(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,tz));return n.started?u.createElement(U.Z.Provider,{value:n},u.createElement($.Z.Provider,{value:n.mainIndex},t)):null}function tU(e){return(tU="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function tH(e){return(tH="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function tq(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function tW(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:K.Z,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:K.Z;return function(n){if(!n||!function(e){if(!("object"===tU(e)&&null!==e)||"[object Object]"!==(null===e?void 0===e?"[object Undefined]":"[object Null]":Object.prototype.toString.call(e)))return!1;if(null===Object.getPrototypeOf(e))return!0;for(var t=e;null!==Object.getPrototypeOf(t);)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}(n.searchParameters))throw Error(tK("The `searchParameters` option expects an object."));var r={};return{$$type:"ais.configure",init:function(t){var n=t.instantSearchInstance;e(tW(tW({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!0)},render:function(t){var n=t.instantSearchInstance;e(tW(tW({},this.getWidgetRenderState(t)),{},{instantSearchInstance:n}),!1)},dispose:function(e){var r=e.state;return t(),tQ(r,n)},getRenderState:function(e,t){var n,r=this.getWidgetRenderState(t);return tW(tW({},e),{},{configure:tW(tW({},r),{},{widgetParams:tW(tW({},r.widgetParams),{},{searchParameters:eZ(new q.SearchParameters(null===(n=e.configure)||void 0===n?void 0:n.widgetParams.searchParameters),new q.SearchParameters(r.widgetParams.searchParameters)).getQueryParams()})})})},getWidgetRenderState:function(e){var t=e.helper;return r.refine||(r.refine=function(e){var r=eZ(tQ(t.state,n),new q.SearchParameters(e));n.searchParameters=e,t.setState(r).search()}),{refine:r.refine,widgetParams:n}},getWidgetSearchParameters:function(e,t){var r=t.uiState;return eZ(e,new q.SearchParameters(tW(tW({},r.configure),n.searchParameters)))},getWidgetUiState:function(e){return tW(tW({},e),{},{configure:tW(tW({},e.configure),n.searchParameters)})}}}},tY=n(47493);function tX(e){var t;return t={$$widgetType:"ais.configure"},(0,tY.B)(tG,{searchParameters:e},t),null}var tJ=n(40596),t1=n(85017);function t0(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return t2(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return t2(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function t2(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,nb),a=nx((0,tJ.Z)(),2),s=a[0],c=a[1],l=nx((0,t1.Z)({colorMode:s}),1)[0],f=(0,t3.Z)(),p=(0,np.Z)(),d=nO||"",h=(0,u.useCallback)(function(){f(function(e){return u.createElement(nv.Z,{onClose:function(){p("InstantSearch","close_instant_search_modal"),e()}})})},[f,p]),m=function(){(0,nm.b)({title:"Tonic UI"})};(0,u.useEffect)(function(){(0,ng.Z)(s)},[s]);var g={light:"tonic-logo-light.svg",dark:"tonic-logo-dark.svg"}[s],y={light:"rgba(0, 0, 0, 0.12)",dark:"rgba(255, 255, 255, 0.12)"}[s],v={dark:"blue:60",light:"blue:60"}[s];return u.createElement(Z.Z,nk({as:"header",ref:t,position:"fixed",top:0,zIndex:"fixed",height:"12x",width:"100%",backdropFilter:"blur(20px)",backgroundColor:l.background.primary,boxShadow:"0px -1px 1px inset ".concat(y)},i),u.createElement(Z.Z,{display:"flex",position:"relative",height:"100%",alignItems:"center",justifyContent:"space-between"},u.createElement(Z.Z,null,u.createElement(Z.Z,{display:{sm:"block",lg:"none"}},u.createElement(Z.Z,{display:"flex",flex:"auto",mx:"4x"},u.createElement(t6.Z,{variant:"secondary",onClick:o},u.createElement(ns.Z,null)))),u.createElement(Z.Z,{display:{sm:"none",lg:"block"}},u.createElement(nf(),{href:"/",legacyBehavior:!0,passHref:!0},u.createElement(t4.Z,{"data-track":"Header|click_landing_page",color:l.color.primary,fontSize:"xl",lineHeight:"lg",outline:"none",px:"4x",py:"2x",textDecoration:"none",_active:{color:l.color.emphasis},_hover:{color:l.color.emphasis},_visited:{color:l.color.primary}},u.createElement(t8.Z,{alignItems:"center",columnGap:"2x"},u.createElement(t9.Z,{alt:"",src:"".concat(n_,"/images/").concat(g),height:"8x"}),u.createElement(t7.Z,null,"Tonic UI"),u.createElement("sup",null,nO)))))),u.createElement(Z.Z,{display:"flex",flex:"none",width:"auto",alignItems:"center",columnGap:"4x",px:"4x"},u.createElement(ny.Z,{"data-track":"InstantSearch|open_instant_search_modal",onClick:h},"Search..."),u.createElement(Z.Z,{display:"flex",flex:"none"},u.createElement(ne.Z,{onOpen:function(){p("Header","open_version_menu")},onClose:function(){p("Header","close_version_menu")}},u.createElement(nt.Z,{variant:"secondary",minWidth:100},null!==(n=null===(r=nj[d])||void 0===r?void 0:r.label)&&void 0!==n?n:d),u.createElement(nn.Z,null,Object.entries(nj).map(function(e){var t=nx(e,2),n=t[0],r=t[1];return u.createElement(nr.Z,{"data-track":"Header|click_version_menu_item|".concat(null==r?void 0:r.label),key:n,as:"a",href:null==r?void 0:r.url,whiteSpace:"nowrap"},n===d?u.createElement(u.Fragment,null,null==r?void 0:r.label,u.createElement(no.Z,{width:"2x"}),"✓"):null==r?void 0:r.label)}),u.createElement(ni.Z,null),u.createElement(nr.Z,{"data-track":"Header|click_version_menu_item|View all versions",as:"a",href:"".concat(n_,"/getting-started/versions"),whiteSpace:"nowrap"},"View all versions")))),u.createElement(na.Z,{"data-track":"Header|click_codesandbox",onClick:function(){return m()},title:"Open in CodeSandbox",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",color:l.color.secondary,width:"8x",height:"8x",_hover:{color:l.color.primary,cursor:"pointer"},_focusVisible:{outlineColor:v,outlineStyle:"solid",outlineWidth:"1h"}}},u.createElement(nd.Z,{size:"6x"})),u.createElement(na.Z,{"data-track":"Header|click_toggle_color_mode|".concat("light"===s?"dark":"light"),onClick:function(){return c()},title:"Toggle color mode",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",color:l.color.secondary,width:"8x",height:"8x",_hover:{color:l.color.primary,cursor:"pointer"},_focusVisible:{outlineColor:v,outlineStyle:"solid",outlineWidth:"1h"}}},"light"===s&&u.createElement(nc.Z,{size:"6x"}),"dark"===s&&u.createElement(nu.Z,{size:"6x"})),u.createElement(na.Z,{"data-track":"Header|click_github_repo_url|".concat(nS),onClick:function(){return window.open(nS,"_blank")},title:"GitHub repository",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",color:l.color.secondary,width:"8x",height:"8x",_hover:{color:l.color.primary,cursor:"pointer"},_focusVisible:{outlineColor:v,outlineStyle:"solid",outlineWidth:"1h"}}},u.createElement(nh.Z,{size:"6x"})))))});nT.displayName="Header";var nC=n(92952),nA=n(78366),nR=n(72448),nI=n(65245),nP=n(76761),nZ=["align"],nF=["align"],nN=["children"];function nL(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function nM(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(e,t)||function(e,t){if(e){if("string"==typeof e)return nD(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nD(e,t)}}(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function nD(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);np{margin-bottom:0;}"}),ul:function(e){return u.createElement(Z.Z,nB({as:"ul",fontSize:"md",lineHeight:"lg",mt:0,mb:"4x",pl:"6x"},e))},ol:function(e){return u.createElement(Z.Z,nB({as:"ol",fontSize:"md",lineHeight:"lg",mt:0,mb:"4x",pl:"6x"},e))},li:function(e){return u.createElement(Z.Z,nB({as:"li",mt:"1x",mb:"2x"},e))},table:function(e){return u.createElement(Z.Z,nB({as:"table",mt:0,mb:"4x",fontSize:"md",lineHeight:"lg",borderCollapse:"collapse",borderSpacing:0,width:"100%"},e))},thead:function(e){return u.createElement(Z.Z,nB({as:"thead",verticalAlign:"middle",borderColor:"inherit"},e))},tbody:function(e){return u.createElement(Z.Z,nB({as:"tbody",verticalAlign:"middle",borderColor:"inherit"},e))},tr:function(e){return u.createElement(Z.Z,nB({as:"tr"},e))},th:function(e){var t=e.align,n=nL(e,nZ),r=nM((0,tJ.Z)(),1)[0];return u.createElement(Z.Z,nB({as:"th",px:"3x",py:"2x",fontWeight:"semibold",whiteSpace:"nowrap",border:1,borderBottom:2,borderColor:{light:"gray:40",dark:"gray:70"}[r],textAlign:t},n))},td:function(e){var t=e.align,n=nL(e,nF),r=nM((0,tJ.Z)(),1)[0];return u.createElement(Z.Z,nB({as:"td",px:"3x",py:"2x",border:1,borderColor:{light:"gray:40",dark:"gray:70"}[r],textAlign:t},n))},pre:function(e){var t,n,r=e.children;nL(e,nN);var o=(0,i.u)(),a=nM((0,tJ.Z)(),1)[0],s={dark:nP.y,light:nP.q}[a],c=(0,u.isValidElement)(r)?(0,p.Zs)(null==r?void 0:null===(t=r.props)||void 0===t?void 0:t.children).trimEnd():(0,p.Zs)(r).trimEnd(),l=(0,u.isValidElement)(r)?(0,p.Zs)(r.props.className).replace(/language-/,""):"";return u.createElement(nI.nu,{code:c,disabled:!0,language:l,theme:s},u.createElement(Z.Z,{as:nI.uz,sx:{fontFamily:"mono",fontSize:"md",lineHeight:"md",mb:"4x","& > .prism-code":{padding:"".concat(null==o?void 0:null===(n=o.space)||void 0===n?void 0:n["4x"]," !important"),overflowX:"auto"}}}))},code:function(e){return u.createElement(nA.Z,nB({as:"code"},e))},hr:function(e){return u.createElement(nR.Z,nB({as:"hr",my:"2x"},e))},a:function(e){return u.createElement(t4.Z,nB({as:"a"},e))},img:t9.Z},n$=["children"];function nU(){return(nU=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,n$),i=(function(e){if(Array.isArray(e))return e}(n=(0,tJ.Z)())||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{for(i=(n=n.call(e)).next;!(c=(r=i.call(n)).done)&&(s.push(r.value),1!==s.length);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(n,1)||function(e,t){if(e){if("string"==typeof e)return nH(e,1);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return nH(e,1)}}(n,1)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())[0];return u.createElement(Z.Z,nU({as:"main",id:"main",ref:t,backgroundColor:{light:"white",dark:"gray:100"}[i]},o),r)});nq.displayName="Main";var nW=n(76013),nV=n(79036),nK=n(80508),nQ=n(90094),nG=n(25619),nY=n(20325),nX=n(97198),nJ=n(73819),n1=n(98107),n0=n(44285),n2=["href","isActive"];function n5(){return(n5=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,n2),i=n3((0,tJ.Z)(),1)[0],a=n3((0,t1.Z)({colorMode:i}),1)[0],s=a.color.secondary,c=a.color.primary,l=a.color.emphasis;return u.createElement(nf(),{href:n,legacyBehavior:!0,passHref:!0},u.createElement(Z.Z,n5({ref:t,as:"a",color:s,display:"flex",px:"4x",py:"2x",fontSize:"sm",textDecoration:"none","aria-selected":!!r,_active:{backgroundColor:{light:"rgba(0, 0, 0, 0.1)",dark:"rgba(255, 255, 255, 0.1)"}[i],color:c},_focusVisible:{outlineColor:{dark:"blue:60",light:"blue:60"}[i],outlineOffset:"-1h",outlineStyle:"solid",outlineWidth:"1h"},_hover:{backgroundColor:{light:"rgba(0, 0, 0, 0.12)",dark:"rgba(255, 255, 255, 0.12)"}[i]},_selected:{backgroundColor:{light:"rgba(0, 0, 0, 0.08)",dark:"rgba(255, 255, 255, 0.08)"}[i],color:l}},o)))});n4.displayName="NavLink";var n8=["children","onClick","onClose"];function n9(){return(n9=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=0&&(null==t?void 0:t.left)>=0&&(null==t?void 0:t.bottom)<=(window.innerHeight||document.documentElement.clientHeight)&&(null==t?void 0:t.right)<=(window.innerWidth||document.documentElement.clientWidth)},rn=(0,p.Zs)("/tonic-ui-demo/react/pr-890"),rr=(0,u.forwardRef)(function(e,t){var n=e.children,r=e.onClick,o=e.onClose,i=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r=0)&&Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,n8),a=n7((0,tJ.Z)(),1)[0],s=n7((0,t1.Z)({colorMode:a}),1)[0],c=(0,u.useRef)(),l=(0,nY.Z)(c,t),f=(0,z.useRouter)(),d=(0,p.Zs)(f.pathname).slice(1);return(0,u.useEffect)(function(){var e=c.current.querySelector('[data-path="'.concat(d,'"]'));e&&!rt(e)&&e.scrollIntoView({behavior:"auto",block:"center"})},[d]),u.createElement(Z.Z,n9({as:"nav",id:"sidenav",ref:l,backgroundColor:s.background.primary,borderRight:1,borderRightColor:{light:"gray:20",dark:"gray:70"}[a],pt:{sm:0,lg:"4x"},pb:"4x"},i),u.createElement(Z.Z,{display:{sm:"block",lg:"none"}},u.createElement(t8.Z,{alignItems:"center",justifyContent:"space-between",mb:"4x"},u.createElement(nf(),{href:"/",legacyBehavior:!0,passHref:!0},u.createElement(t4.Z,{background:"transparent",color:s.color.primary,fontSize:"xl",lineHeight:"lg",outline:"none",px:"4x",py:"2x",textDecoration:"none",_active:{color:s.color.emphasis},_hover:{color:s.color.emphasis},_visited:{color:s.color.primary}},u.createElement(t9.Z,{alt:"",src:"".concat(rn,"/images/").concat({light:"tonic-logo-light.svg",dark:"tonic-logo-dark.svg"}[a]),height:"8x",marginRight:"2x"}),u.createElement(t7.Z,null,"Tonic UI"))),u.createElement(Z.Z,{px:"2x"},u.createElement(n0.Z,{onClick:o},u.createElement(nX.Z,null))))),u.createElement(nW.Z,null,nJ._.map(function(e){var t=e.title,n=e.icon,o=e.routes,i=o.some(function(e){return d.startsWith(e.path)});return u.createElement(Z.Z,{key:t},u.createElement(nV.Z,{defaultIsExpanded:i},function(e){var i,a,c=e.isExpanded;return u.createElement(u.Fragment,null,u.createElement(nK.Z,{"data-track":c?"SideMenu|close_menu_section|".concat((0,n1.Z)({title:t})):"SideMenu|open_menu_section|".concat((0,n1.Z)({title:t})),"data-expanded":c,"data-title":t},u.createElement(t8.Z,{alignItems:"center",justifyContent:"space-between",py:"2x",px:"3x",_hover:{backgroundColor:s.background.highlighted}},u.createElement(t8.Z,{alignItems:"center",columnGap:"2x"},"function"==typeof n&&n({color:null==s?void 0:null===(i=s.color)||void 0===i?void 0:i.tertiary,size:"4x"}),u.createElement(t7.Z,{color:null==s?void 0:null===(a=s.color)||void 0===a?void 0:a.primary,fontSize:"sm",lineHeight:"sm"},t)),u.createElement(nQ.Z,null))),u.createElement(nG.Z,{TransitionProps:{unmountOnExit:!0}},o.map(function(e){var n,o=e.heading,i=e.title,a=e.path,c=e.render;if(o)return u.createElement(t7.Z,{key:i,color:null==s?void 0:null===(n=s.color)||void 0===n?void 0:n.tertiary,fontSize:"xs",lineHeight:"xs",pl:"9x",mt:"4x",mb:"2x",textTransform:"uppercase",letterSpacing:"0.08rem",_firstOfType:{mt:"2x"}},i);var l=d===a,f="/".concat(a);return u.createElement(n4,{key:i,"data-path":a,"data-track":"SideMenu|click_menu_item|".concat((0,n1.Z)({path:f,title:[t,i].join(" > ")})),isActive:l,href:f,onClick:r,pl:0,px:"3x"},u.createElement(t8.Z,{columnGap:"2x",alignItems:"center",justifyContent:"space-between",width:"100%"},u.createElement(t7.Z,{fontSize:"sm",lineHeight:"sm",pl:"9x"},i),"function"==typeof c&&c()))})))}))})),n)});rr.displayName="Sidebar";var ro=n(33558),ri=n(56818),ra=n(12436),rs=n.n(ra),rc=function(e,t){var n=(0,u.useMemo)(function(){return e?rs()(e,t):ri.ZT},[e,t]);(0,u.useEffect)(function(){if(n!==ri.ZT)return window.addEventListener("scroll",n),function(){window.removeEventListener("scroll",n),n.cancel()}},[n])};function ru(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;c=!1}else for(;!(c=(r=i.call(n)).done)&&(s.push(r.value),s.length!==t);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(e,t)||rl(e,t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function rl(e,t){if(e){if("string"==typeof e)return rf(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return rf(e,t)}}function rf(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return a=e.done,e},e:function(e){s=!0,i=e},f:function(){try{a||null==n.return||n.return()}finally{if(s)throw i}}}}(r);try{for(o.s();!(e=o.n()).done;){var i=e.value,a={id:i.id,tagName:i.tagName,textContent:i.textContent,children:[],parent:n};if(n&&n.tagName&&i.tagName>n.tagName)n.children.push(a);else{for(;n&&n.tagName&&i.tagName<=n.tagName;)n=n.parent;n&&n.children.push(a)}n=a}}catch(e){o.e(e)}finally{o.f()}return t},[r]);(0,u.useEffect)(function(){if(!(0,ro.Nq)())return null;c(null);var e=document.querySelector("#main > .main-content");if(e){var t=["h2","h3","h4","h5","h6"].map(function(e){return":scope>".concat(e)}).join(",");console.log(t),o(Array.from(e.querySelectorAll(t)))}if(window.location.hash){var n=document.querySelector(window.location.hash);n&&setTimeout(function(){n.scrollIntoView({behavior:"smooth",block:"start"})},200)}},[t.pathname]);var a=ru((0,u.useState)(null),2),s=a[0],c=a[1],l=(0,u.useRef)(null),f=(0,u.useRef)(null),p=(0,u.useCallback)(function(){if(!l.current){for(var e,t=r.length-1;t>=0;t-=1){var n=r[t],o=document.getElementById(n.id),i=document.documentElement.scrollTop+48+12;if(o&&o.offsetTop<=i){e=n;break}}e&&s!==e.id&&c(e.id)}},[s,r]);rc(r.length>0?p:null,1e3/60),(0,u.useEffect)(function(){return function(){f.current&&(clearTimeout(f.current),f.current=null)}},[]);var d=function(e){var t=e.nodes;return u.createElement(Z.Z,{as:"ul",className:"toc-list"},t.map(function(e){var t;return u.createElement(h,{key:e.id,nodes:e.children,className:"toc-item toc-item-".concat(e.tagName.toLowerCase())},u.createElement(t4.Z,{className:s===e.id?"toc-link toc-link-".concat(e.tagName.toLowerCase()," active"):"toc-link toc-link-".concat(e.tagName.toLowerCase()),href:"#".concat(e.id),onClick:(t=e.id,function(e){e.defaultPrevented||0!==e.button||e.metaKey||e.ctrlKey||e.altKey||e.shiftKey||(f.current&&(clearTimeout(f.current),f.current=null),l.current=e.target,f.current=setTimeout(function(){l.current=null},1e3),s!==t&&c(t))})},e.textContent))}))},h=function(e){var t=e.children,n=e.nodes;return u.createElement(Z.Z,{as:"li"},t,n.length>0&&u.createElement(d,{nodes:n}))};return u.createElement(Z.Z,{as:"nav",className:"toc",id:"toc"},u.createElement(Z.Z,{className:"toc-heading"},"Contents"),u.createElement(d,{nodes:i.children}))};function rd(){return(rd=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n=240&&e.clientX-t<=360&&r(e.clientX-t)},[]),d=function(){c&&l(!1)};return(0,u.useEffect)(function(){c&&l(!1)},[a]),u.createElement(Z.Z,{ref:o,fontSize:"md",lineHeight:"md"},u.createElement(nT,{onToggle:function(){l()}}),u.createElement(rr,rd({onClick:d,onClose:d},{flexShrink:0,width:{sm:c?n:0,lg:n},willChange:"width",transition:{sm:"width .2s ease-in-out",lg:"none"},overflowY:"auto",overflowX:"hidden",position:"fixed",top:{sm:0,lg:f},bottom:0,left:0,zIndex:"fixed",whiteSpace:"nowrap"}),u.createElement(Z.Z,rd({draggable:!0,onDrag:p},{background:"transparent",cursor:"col-resize",position:"absolute",top:0,bottom:0,right:0,width:"2x"}))),u.createElement(nq,rd({onClick:d,sx:{"--docs-sidebar-width":"".concat(n,"px")}},{position:"relative",ml:{sm:0,lg:n},pt:f,height:"100vh",width:{sm:"100%",lg:"calc(100% - ".concat(n,"px)")},willChange:"width,margin",transition:{sm:"width .3s ease-in-out, margin .3s ease-in-out",lg:"none"}}),u.createElement(B(),e),u.createElement(rp,null)))},rx=function(e){var t=rh((0,u.useState)(null),2),n=t[0],r=t[1],o=(0,z.useRouter)();if((0,u.useEffect)(function(){var e=document.documentElement,t=e.style.getPropertyValue("color-scheme");e.setAttribute("data-color-scheme",t),("dark"===t||"light"===t)&&n!==t&&r(t)},[]),!n)return null;var i="/"===o.pathname?rb:rk;return u.createElement(t$,{indexName:"tonic-ui-v2",searchClient:ry},u.createElement(tX,{hitsPerPage:1e3,highlightPreTag:"",highlightPostTag:""}),u.createElement(rv,{nonce:rg},u.createElement(j,{key:n,colorMode:{defaultValue:n},colorStyle:{defaultValue:m.Z},theme:s.Z,useCSSBaseline:!0},u.createElement(I,null,u.createElement(P.Z,{TransitionProps:{sx:{'[data-toast-placement^="top"] > &:first-of-type':{mt:"4x"},'[data-toast-placement^="bottom"] > &:last-of-type':{mb:"4x"},'[data-toast-placement$="left"] > &':{ml:"4x"},'[data-toast-placement$="right"] > &':{mr:"4x"}}}},u.createElement(a.Zo,{components:nz},u.createElement(i,e),u.createElement(t5,null)))))))}},76761:function(e,t,n){"use strict";n.d(t,{q:function(){return r},y:function(){return o}});var r={plain:{color:"#393A34",backgroundColor:"#f2f2f2"},styles:[{types:["comment","prolog","doctype","cdata"],style:{color:"#999988",fontStyle:"italic"}},{types:["namespace"],style:{opacity:.7}},{types:["string","attr-value"],style:{color:"#e3116c"}},{types:["punctuation","operator"],style:{color:"#393A34"}},{types:["entity","url","symbol","number","boolean","variable","constant","property","regex","inserted"],style:{color:"#36acaa"}},{types:["atrule","keyword","attr-name","selector"],style:{color:"#00a4db"}},{types:["function","deleted","tag"],style:{color:"#d73a49"}},{types:["function-variable"],style:{color:"#6f42c1"}},{types:["tag","selector","keyword"],style:{color:"#00009f"}}]},o={plain:{color:"#9CDCFE",backgroundColor:"black"},styles:[{types:["prolog"],style:{color:"rgb(0, 0, 128)"}},{types:["comment"],style:{color:"rgb(106, 153, 85)"}},{types:["builtin","changed","keyword"],style:{color:"rgb(86, 156, 214)"}},{types:["number","inserted"],style:{color:"rgb(181, 206, 168)"}},{types:["constant"],style:{color:"rgb(100, 102, 149)"}},{types:["attr-name","variable"],style:{color:"rgb(156, 220, 254)"}},{types:["deleted","string","attr-value"],style:{color:"rgb(206, 145, 120)"}},{types:["selector"],style:{color:"rgb(215, 186, 125)"}},{types:["tag"],style:{color:"rgb(78, 201, 176)"}},{types:["tag"],languages:["markup"],style:{color:"rgb(86, 156, 214)"}},{types:["punctuation","operator"],style:{color:"rgb(212, 212, 212)"}},{types:["punctuation"],languages:["markup"],style:{color:"#808080"}},{types:["function"],style:{color:"rgb(220, 220, 170)"}},{types:["class-name"],style:{color:"rgb(78, 201, 176)"}},{types:["char"],style:{color:"rgb(209, 105, 105)"}}]}},73205:function(e,t,n){"use strict";n.d(t,{b:function(){return g}});var r=n(36954),o=n.n(r),i=n(5081),a=function(e){var t=e.language,n=e.title;return'\n\n\n \n ').concat(n,'\n \n \n
\n \n').trim()},s=JSON.parse('{"v6":{"@babel/cli":"^7.0.0","@babel/core":"^7.0.0","@babel/eslint-parser":"^7.0.0","@babel/eslint-plugin":"^7.0.0","@babel/node":"^7.0.0","@babel/plugin-transform-runtime":"^7.0.0","@babel/preset-env":"^7.0.0","@babel/preset-react":"^7.0.0","@babel/runtime":"^7.0.0","@dnd-kit/core":"^6.1.0","@dnd-kit/modifiers":"^7.0.0","@dnd-kit/sortable":"^8.0.0","@emotion/babel-plugin":"^11.10.0","@emotion/cache":"^11.11.0","@emotion/react":"^11.10.0","@mdx-js/loader":"^2.1.2","@mdx-js/mdx":"^2.1.2","@mdx-js/react":"^2.1.2","@next/mdx":"^13.0.5","@tanstack/react-table":"^8.9.1","@tanstack/react-virtual":"^3.0.0-beta","@tonic-ui/react":"workspace:^","@tonic-ui/react-hooks":"workspace:^","@tonic-ui/react-icons":"workspace:^","@tonic-ui/utils":"workspace:^","@trendmicro/babel-config":"^1.0.2","acorn":"^8.8.2","algoliasearch":"^4.14.2","boolean":"^3.2.0","cross-env":"^7.0.3","date-fns":"2.x","del-cli":"^5.0.0","dotenv-flow":"^3.2.0","ensure-type":"^1.5.1","eslint":"^8.25.0","eslint-config-next":"latest","eslint-plugin-import":"latest","eslint-plugin-jsx-a11y":"latest","eslint-plugin-react":"latest","hastscript":"^8.0.0","immutability-helper":"^3.1.1","jest":"^29.0.0","jest-environment-jsdom":"^29.0.0","lodash":"^4.17.21","lorem-ipsum":"^2.0.8","lz-string":"^1.5.0","mdast-util-from-markdown":"^2.0.0","mdast-util-mdx-jsx":"^3.0.0","micromark-extension-mdx-jsx":"^2.0.0","next":"^14.2.3","next-plugin-svgr":"^1.1.10","node-emoji":"^2.1.0","prism-react-renderer":"^2.0.6","prop-types":"15.x","react":"latest","react-beautiful-dnd":"^13.1.1","react-dnd":"^16.0.1","react-dnd-html5-backend":"^16.0.1","react-dom":"latest","react-focus-lock":"^2.9.2","react-highlight-words":"^0.20.0","react-instantsearch-core":"^7.5.0","react-live":"^4.1.3","react-movable":"^3.0.4","react-table":"^7.8.0","react-virtualized-auto-sizer":"^1.0.15","rehype-autolink-headings":"^6.1.1","rehype-slug":"^5.1.0","remark-emoji":"^4.0.0","remark-frontmatter":"^4.0.1","remark-gfm":"^3.0.1","remark-images":"^3.1.0","remark-mdx-code-meta":"^2.0.0","unist-util-visit":"^5.0.0","uuid":"^9.0.0"}}');function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function u(e,t){if(e){if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if("Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return l(e,t)}}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]?arguments[1]:"latest",n="a2af758e";return n?"https://pkg.csb.dev/trendmicro-frontend/tonic-ui/commit/".concat(n,"/@tonic-ui/").concat(e):t},n=p(p({},s.v6),{},{"@tonic-ui/react":t("react","2.x"),"@tonic-ui/react-base":t("react-base","2.x"),"@tonic-ui/react-hooks":t("react-hooks","2.x"),"@tonic-ui/react-icons":t("react-icons","2.x"),"@tonic-ui/styled-system":t("styled-system","2.x"),"@tonic-ui/theme":t("theme","2.x"),"@tonic-ui/utils":t("utils","2.x")}),r=function(e){for(var t={},r=null,o=/^import\s'([^']+)'|import\s[\s\S]*?\sfrom\s+'([^']+)'/gm;r=o.exec(e);){var a,s,c=(0,i.Zs)(null!==(a=r[2])&&void 0!==a?a:r[1]);if(!c.startsWith("@/")){var u="@"===c[0]?c.split("/",2).join("/"):c.split("/",1)[0];t[u]||u.startsWith(".")||(t[u]=null!==(s=n[u])&&void 0!==s?s:"latest")}}return t};return(0,i.rY)(e).reduce(function(e,t){return p(p({},e),r(t))},{})},h=function(e){var t,n=p({},e),r=n.files,o=n.language,s=n.raw,c=n.title,f=void 0===c?"":c,h="\nimport { Global, css } from '@emotion/react';\nimport {\n Box,\n PortalManager,\n ToastManager,\n TonicProvider,\n colorStyle,\n theme,\n useColorMode,\n useColorStyle,\n useTheme,\n} from '@tonic-ui/react';\nimport * as React from 'react';\nimport ReactDOM from 'react-dom/client';\nimport App from './app';\n\nconst customColorStyle = {\n ...colorStyle,\n dark: {\n ...colorStyle.dark,\n\n // Add custom colors here\n risk: {\n high: 'red:50',\n medium: 'yellow:50',\n low: 'green:40',\n none: 'gray:50',\n },\n severity: {\n critical: 'magenta:60',\n high: 'red:50',\n medium: 'orange:50',\n low: 'yellow:50',\n info: 'gray:50',\n },\n },\n light: {\n ...colorStyle.light,\n\n // Add custom colors here\n risk: {\n high: 'red:60',\n medium: 'yellow:50',\n low: 'green:50',\n none: 'gray:50',\n },\n severity: {\n critical: 'magenta:60',\n high: 'red:60',\n medium: 'orange:50',\n low: 'yellow:50',\n info: 'gray:50',\n },\n },\n};\n\n// Enable CSS variables\ntheme.config.useCSSVariables = true;\n\nconst Root = (props) => (\n \n \n \n \n \n \n \n \n \n);\n\nconst Layout = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const { colors, fontSizes, lineHeights } = useTheme();\n const backgroundColor = colorStyle.background.primary;\n const color = colorStyle.color.primary;\n const scrollbarThumbBackgroundColor = colorStyle.color.disabled;\n const scrollbarThumbHoverBackgroundColor = colorStyle.color.tertiary;\n const scrollbarThumbHoverBorderColor = colorStyle.color.secondary;\n const scrollbarTrackBackgroundColor = {\n light: 'gray:30',\n dark: 'gray:70',\n }[colorMode];\n\n return (\n <>\n \n \n \n );\n};\n\nReactDOM.createRoot(document.querySelector(\"#root\")).render(\n \n \n \n \n \n);\n".trim(),m=null!=s?s:"\nimport { Box } from '@tonic-ui/react';\nimport React, { forwardRef } from 'react';\n\nconst App = forwardRef((props, ref) => {\n const styleProps = {\n // Define style props here\n //\n // Refer to Tonic UI documentation for available style props:\n // https://trendmicro-frontend.github.io/tonic-ui/react/latest/styled-system/style-props\n };\n\n return (\n \n Tonic UI is awesome\n \n );\n});\n\nApp.displayName = 'App';\n\nexport default App;\n".trim(),g=d([h,m].concat(function(e){if(Array.isArray(e))return l(e)}(t=Object.values((0,i.ks)(r)))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||u(t)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()));return p(p({},Object.entries((0,i.ks)(r)).reduce(function(e,t){var n=function(e){if(Array.isArray(e))return e}(t)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,a,s=[],c=!0,u=!1;try{for(i=(n=n.call(e)).next;!(c=(r=i.call(n)).done)&&(s.push(r.value),2!==s.length);c=!0);}catch(e){u=!0,o=e}finally{try{if(!c&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(u)throw o}}return s}}(t,2)||u(t,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),r=n[0],o=n[1];return e[r]={content:o},e},{})),{},{"public/index.html":{content:a({language:void 0===o?"en":o,title:f})},"src/app.js":{content:m},"src/index.js":{content:h},"jsconfig.json":{content:'\n{\n "compilerOptions": {\n "baseUrl": "src",\n "paths": {\n "@/*": ["*"]\n }\n }\n}\n'.trim()},"package.json":{content:{description:f,dependencies:p({},g)}}})},m=function(e,t,n){var r=document.createElement("input");r.type="hidden",r.name=t,r.value=n,e.appendChild(r)},g=function(e){var t,n=(t={files:h(e)},o().compressToBase64(JSON.stringify(t)).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")),r=document.createElement("form");r.method="POST",r.target="_blank",r.action="https://codesandbox.io/api/v1/sandboxes/define",m(r,"parameters",n),m(r,"query","file=/src/app.js"),document.body.appendChild(r),r.submit(),document.body.removeChild(r)}},98107:function(e,t){"use strict";t.Z=function(){var e;try{e=JSON.stringify.apply(JSON,arguments)}catch(e){}return e}},61860:function(e,t){"use strict";t.Z=function(e){if("dark"!==e&&"light"!==e){var t=document.documentElement;t.style.setProperty("color-scheme",""),t.removeAttribute("data-color-scheme"),localStorage.removeItem("tonic-ui-color-mode");return}var n=document.documentElement;n.style.setProperty("color-scheme",e),n.setAttribute("data-color-scheme",e),localStorage.setItem("tonic-ui-color-mode",e)}},93542:function(e,t,n){"use strict";var r,o;e.exports=(null==(r=n.g.process)?void 0:r.env)&&"object"==typeof(null==(o=n.g.process)?void 0:o.env)?n.g.process:n(42351)},53723:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/_app",function(){return n(92105)}])},42351:function(e){!function(){var t={229:function(e){var t,n,r,o=e.exports={};function i(){throw Error("setTimeout has not been defined")}function a(){throw Error("clearTimeout has not been defined")}function s(e){if(t===setTimeout)return setTimeout(e,0);if((t===i||!t)&&setTimeout)return t=setTimeout,setTimeout(e,0);try{return t(e,0)}catch(n){try{return t.call(null,e,0)}catch(n){return t.call(this,e,0)}}}!function(){try{t="function"==typeof setTimeout?setTimeout:i}catch(e){t=i}try{n="function"==typeof clearTimeout?clearTimeout:a}catch(e){n=a}}();var c=[],u=!1,l=-1;function f(){u&&r&&(u=!1,r.length?c=r.concat(c):l=-1,c.length&&p())}function p(){if(!u){var e=s(f);u=!0;for(var t=c.length;t;){for(r=c,c=[];++l1)for(var n=1;n-1?e.split(","):e},c=function(e,t){var n={},c=t.ignoreQueryPrefix?e.replace(/^\?/,""):e,u=t.parameterLimit===1/0?void 0:t.parameterLimit,l=c.split(t.delimiter,u),f=-1,p=t.charset;if(t.charsetSentinel)for(d=0;d=0&&n.parseArrays&&l<=n.arrayLimit?(a=[])[l]=o:"__proto__"!==u&&(a[u]=o):a={0:o}}o=a}return o},l=function(e,t,n,r){if(e){var i=n.allowDots?e.replace(/\.([^.[]+)/g,"[$1]"):e,a=/(\[[^[\]]*])/g,s=n.depth>0&&/(\[[^[\]]*])/.exec(i),c=s?i.slice(0,s.index):i,l=[];if(c){if(!n.plainObjects&&o.call(Object.prototype,c)&&!n.allowPrototypes)return;l.push(c)}for(var f=0;n.depth>0&&null!==(s=a.exec(i))&&f0?w.join(",")||null:void 0}];else if(s(f))x=f;else{var T=Object.keys(w);x=p?T.sort(p):T}for(var C=0;C0?g+d:""}},12493:function(e,t,n){"use strict";var r=n(85527),o=Object.prototype.hasOwnProperty,i=Array.isArray,a=function(){for(var e=[],t=0;t<256;++t)e.push("%"+((t<16?"0":"")+t.toString(16)).toUpperCase());return e}(),s=function(e){for(;e.length>1;){var t=e.pop(),n=t.obj[t.prop];if(i(n)){for(var r=[],o=0;o=48&&l<=57||l>=65&&l<=90||l>=97&&l<=122||i===r.RFC1738&&(40===l||41===l)){c+=s.charAt(u);continue}if(l<128){c+=a[l];continue}if(l<2048){c+=a[192|l>>6]+a[128|63&l];continue}if(l<55296||l>=57344){c+=a[224|l>>12]+a[128|l>>6&63]+a[128|63&l];continue}u+=1,c+=a[240|(l=65536+((1023&l)<<10|1023&s.charCodeAt(u)))>>18]+a[128|l>>12&63]+a[128|l>>6&63]+a[128|63&l]}return c},isBuffer:function(e){return!!e&&"object"==typeof e&&!!(e.constructor&&e.constructor.isBuffer&&e.constructor.isBuffer(e))},isRegExp:function(e){return"[object RegExp]"===Object.prototype.toString.call(e)},maybeMap:function(e,t){if(i(e)){for(var n=[],r=0;r-1&&(k.filter(function(e){var t=e.guard,n=e.node;return t&&n.dataset.focusAutoGuard}).forEach(function(e){return e.node.removeAttribute("tabIndex")}),g(x,k.length,1,k),g(x,-1,-1,k))}}}return e},v=function(e){y()&&e&&(e.stopPropagation(),e.preventDefault())},b=function(){return(0,c.deferAction)(y)},k=function(){h="just",(0,c.deferAction)(function(){h="meanwhile"})},x=function(){document.addEventListener("focusin",v),document.addEventListener("focusout",b),window.addEventListener("blur",k)},w=function(){document.removeEventListener("focusin",v),document.removeEventListener("focusout",b),window.removeEventListener("blur",k)},_={moveFocusInside:s.moveFocusInside,focusInside:s.focusInside,focusNextElement:s.focusNextElement,focusPrevElement:s.focusPrevElement,focusFirstElement:s.focusFirstElement,focusLastElement:s.focusLastElement,captureFocusRestore:s.captureFocusRestore};u.mediumFocus.assignSyncMedium(function(e){var t=e.target,n=e.currentTarget;n.contains(t)||m(n,t)}),u.mediumBlur.assignMedium(b),u.mediumEffect.assignMedium(function(e){return e(_)}),t.default=(0,a.default)(function(e){return e.filter(function(e){return!e.disabled})},function(e){var t=e.slice(-1)[0];t&&!f&&x();var n=f,r=n&&t&&t.id===n.id;f=t,!n||r||(n.onDeactivation(),e.filter(function(e){return e.id===n.id}).length||n.returnFocus(!t)),t?(p=null,r&&n.observed===t.observed||t.onActivation(_),y(!0),(0,c.deferAction)(y)):(w(),p=null)})(function(){return null})},32701:function(e,t,n){"use strict";var r=n(71600),o=n(67425);Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"AutoFocusInside",{enumerable:!0,get:function(){return a.default}}),Object.defineProperty(t,"FocusLockUI",{enumerable:!0,get:function(){return i.default}}),Object.defineProperty(t,"FreeFocusInside",{enumerable:!0,get:function(){return c.default}}),Object.defineProperty(t,"InFocusGuard",{enumerable:!0,get:function(){return u.default}}),Object.defineProperty(t,"MoveFocusInside",{enumerable:!0,get:function(){return s.default}}),t.default=void 0,Object.defineProperty(t,"useFocusController",{enumerable:!0,get:function(){return l.useFocusController}}),Object.defineProperty(t,"useFocusInside",{enumerable:!0,get:function(){return s.useFocusInside}}),Object.defineProperty(t,"useFocusScope",{enumerable:!0,get:function(){return l.useFocusScope}}),Object.defineProperty(t,"useFocusState",{enumerable:!0,get:function(){return f.useFocusState}});var i=r(n(76785)),a=r(n(15989)),s=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=o(e)&&"function"!=typeof e)return{default:e};var n=p(void 0);if(n&&n.has(e))return n.get(e);var r={__proto__:null},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var s=i?Object.getOwnPropertyDescriptor(e,a):null;s&&(s.get||s.set)?Object.defineProperty(r,a,s):r[a]=e[a]}return r.default=e,n&&n.set(e,r),r}(n(56517)),c=r(n(88476)),u=r(n(72143)),l=n(27452),f=n(25473);function p(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(p=function(e){return e?n:t})(e)}t.default=i.default},64355:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0});var o={};t.default=void 0;var i=r(n(86421)),a=n(32701);Object.keys(a).forEach(function(e){!("default"===e||"__esModule"===e||Object.prototype.hasOwnProperty.call(o,e))&&(e in t&&t[e]===a[e]||Object.defineProperty(t,e,{enumerable:!0,get:function(){return a[e]}}))}),t.default=i.default},29199:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.mediumSidecar=t.mediumFocus=t.mediumEffect=t.mediumBlur=void 0;var r=n(96545);t.mediumFocus=(0,r.createMedium)({},function(e){return{target:e.target,currentTarget:e.currentTarget}}),t.mediumBlur=(0,r.createMedium)(),t.mediumEffect=(0,r.createMedium)(),t.mediumSidecar=(0,r.createSidecarMedium)({async:!0,ssr:"undefined"!=typeof document})},19579:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.createNanoEvents=void 0,t.createNanoEvents=function(){return{emit:function(e){for(var t=arguments.length,n=Array(t>1?t-1:0),r=1;r0&&void 0!==arguments[0]?arguments[0]:{};return d(function(t){return t.moveFocusInside(p(r.current),null,e)})},focusNext:function(e){return d(function(t){t.moveFocusInside(p(r.current),null),t.focusNextElement(document.activeElement,f({scope:p(r.current)},e))})},focusPrev:function(e){return d(function(t){t.moveFocusInside(p(r.current),null),t.focusPrevElement(document.activeElement,f({scope:p(r.current)},e))})},focusFirst:function(e){return d(function(t){t.focusFirstElement(p(r.current),e)})},focusLast:function(e){return d(function(t){t.focusLastElement(p(r.current),e)})}}},[])};t.useFocusScope=function(){var e=(0,a.useContext)(s.focusScope);if(!e)throw Error("FocusLock is required to operate with FocusScope");return h.apply(void 0,[e.observed].concat((0,o.default)(e.shards)))}},25473:function(e,t,n){"use strict";var r=n(71600);Object.defineProperty(t,"__esModule",{value:!0}),t.useFocusState=void 0;var o=r(n(43681)),i=n(2784),a=(0,n(19579).createNanoEvents)(),s=0,c=function(e){return a.emit("assign",e.target)},u=function(e){return a.emit("reset",e.target)},l=function(){(0,i.useEffect)(function(){return s||(document.addEventListener("focusin",c),document.addEventListener("focusout",u)),s+=1,function(){(s-=1)||(document.removeEventListener("focusin",c),document.removeEventListener("focusout",u))}},[])},f=function(e,t){return e===t?"self":t.contains(e)?"within":"within-boundary"};t.useFocusState=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=(0,i.useState)(!1),n=(0,o.default)(t,2),r=n[0],s=n[1],c=(0,i.useState)(""),u=(0,o.default)(c,2),p=u[0],d=u[1],h=(0,i.useRef)(null),m=(0,i.useRef)({}),g=(0,i.useRef)(!1);(0,i.useEffect)(function(){if(h.current){var t=h.current===document.activeElement||h.current.contains(document.activeElement);s(t),d(f(document.activeElement,h.current)),t&&e.onFocus&&e.onFocus()}},[]);var y=(0,i.useCallback)(function(e){m.current={focused:!0,state:f(e.target,e.currentTarget)}},[]);return l(),(0,i.useEffect)(function(){var t=a.on("reset",function(){m.current={}}),n=a.on("assign",function(){var t=m.current.focused||!1;s(t),d(m.current.state||""),t!==g.current&&(g.current=t,t?e.onFocus&&e.onFocus():e.onBlur&&e.onBlur())});return function(){t(),n()}},[]),{active:r,state:p,onFocus:y,ref:h}}},5129:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.deferAction=function(e){setTimeout(e,1)},t.inlineProp=t.extractRef=void 0,t.inlineProp=function(e,t){var n={};return n[e]=t,n},t.extractRef=function(e){return e&&"current"in e?e.current:e}},78141:function(e,t,n){e.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}return n.m=e,n.c=t,n.p="",n(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,o=(r=n(2))&&r.__esModule?r:{default:r};t.default=o.default,e.exports=t.default},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t=0)&&Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["activeClassName","activeIndex","activeStyle","autoEscape","caseSensitive","className","findChunks","highlightClassName","highlightStyle","highlightTag","sanitize","searchWords","textToHighlight","unhighlightTag","unhighlightClassName","unhighlightStyle"]),C=(0,i.findAll)({autoEscape:l,caseSensitive:p,findChunks:h,sanitize:k,searchWords:x,textToHighlight:w}),A=void 0===b?"mark":b,R=-1,I="",P=void 0,Z=(0,c.default)(function(e){var t={};for(var n in e)t[n.toLowerCase()]=e[n];return t});return(0,s.createElement)("span",r({className:d},T,{children:C.map(function(e,t){var r=w.substr(e.start,e.end-e.start);if(!e.highlight)return(0,s.createElement)(S,{children:r,className:O,key:t,style:j});R++;var o=void 0;o="object"==typeof g?p?g[r]:(g=Z(g))[r.toLowerCase()]:g;var i=R===+a;I=o+" "+(i?n:""),P=!0===i&&null!=u?Object.assign({},v,u):v;var c={children:r,className:I,key:t,style:P};return"string"!=typeof A&&(c.highlightIndex=R),(0,s.createElement)(A,c)})}))}u.propTypes={activeClassName:a.default.string,activeIndex:a.default.number,activeStyle:a.default.object,autoEscape:a.default.bool,className:a.default.string,findChunks:a.default.func,highlightClassName:a.default.oneOfType([a.default.object,a.default.string]),highlightStyle:a.default.object,highlightTag:a.default.oneOfType([a.default.node,a.default.func,a.default.string]),sanitize:a.default.func,searchWords:a.default.arrayOf(a.default.oneOfType([a.default.string,a.default.instanceOf(RegExp)])).isRequired,textToHighlight:a.default.string.isRequired,unhighlightTag:a.default.oneOfType([a.default.node,a.default.func,a.default.string]),unhighlightClassName:a.default.string,unhighlightStyle:a.default.object},e.exports=t.default},function(e,t){e.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={exports:{},id:r,loaded:!1};return e[r].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}return n.m=e,n.c=t,n.p="",n(0)}([function(e,t,n){e.exports=n(1)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(2);Object.defineProperty(t,"combineChunks",{enumerable:!0,get:function(){return r.combineChunks}}),Object.defineProperty(t,"fillInChunks",{enumerable:!0,get:function(){return r.fillInChunks}}),Object.defineProperty(t,"findAll",{enumerable:!0,get:function(){return r.findAll}}),Object.defineProperty(t,"findChunks",{enumerable:!0,get:function(){return r.findChunks}})},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.findAll=function(e){var t=e.autoEscape,i=e.caseSensitive,a=e.findChunks,s=void 0===a?r:a,c=e.sanitize,u=e.searchWords,l=e.textToHighlight;return o({chunksToHighlight:n({chunks:s({autoEscape:t,caseSensitive:void 0!==i&&i,sanitize:c,searchWords:u,textToHighlight:l})}),totalLength:l?l.length:0})};var n=t.combineChunks=function(e){return e.chunks.sort(function(e,t){return e.start-t.start}).reduce(function(e,t){if(0===e.length)return[t];var n=e.pop();if(t.start<=n.end){var r=Math.max(n.end,t.end);e.push({start:n.start,end:r})}else e.push(n,t);return e},[])},r=function(e){var t=e.autoEscape,n=e.caseSensitive,r=e.sanitize,o=void 0===r?i:r,a=e.searchWords,s=e.textToHighlight;return s=o(s),a.filter(function(e){return e}).reduce(function(e,r){r=o(r),t&&(r=r.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&"));for(var i=new RegExp(r,n?"g":"gi"),a=void 0;a=i.exec(s);){var c=a.index,u=i.lastIndex;u>c&&e.push({start:c,end:u}),a.index==i.lastIndex&&i.lastIndex++}return e},[])};t.findChunks=r;var o=t.fillInChunks=function(e){var t=e.chunksToHighlight,n=e.totalLength,r=[],o=function(e,t,n){t-e>0&&r.push({start:e,end:t,highlight:n})};if(0===t.length)o(0,n,!1);else{var i=0;t.forEach(function(e){o(i,e.start,!1),o(e.start,e.end,!0),i=e.end}),o(i,n,!1)}return r};function i(e){return e}}])},function(e,t,n){(function(t){if("production"!==t.env.NODE_ENV){var r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;e.exports=n(6)(function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},!0)}else e.exports=n(13)()}).call(t,n(5))},function(e,t){var n,r,o,i=e.exports={};function a(){throw Error("setTimeout has not been defined")}function s(){throw Error("clearTimeout has not been defined")}function c(e){if(n===setTimeout)return setTimeout(e,0);if((n===a||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:a}catch(e){n=a}try{r="function"==typeof clearTimeout?clearTimeout:s}catch(e){r=s}}();var u=[],l=!1,f=-1;function p(){l&&o&&(l=!1,o.length?u=o.concat(u):f=-1,u.length&&d())}function d(){if(!l){var e=c(p);l=!0;for(var t=u.length;t;){for(o=u,u=[];++f1)for(var n=1;n1?t-1:0),r=1;r2?n-2:0),i=2;i/tonic-ui.git\ncd tonic-ui\n"})}),"\n",(0,s.jsxs)(n.ol,{start:"3",children:["\n",(0,s.jsx)(n.li,{children:"Install all dependencies and packages:"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"yarn\n"})}),"\n",(0,s.jsxs)(n.ol,{start:"4",children:["\n",(0,s.jsx)(n.li,{children:"Build the source code:"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"yarn build\n"})}),"\n",(0,s.jsxs)(n.ol,{start:"5",children:["\n",(0,s.jsx)(n.li,{children:"Start a local development server for the documentation site:"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"cd packages/react-docs\nyarn dev\n"})}),"\n",(0,s.jsxs)(n.p,{children:["You can now access the site locally at ",(0,s.jsx)(n.code,{children:"http://localhost:3000"}),". Changes to the docs will be reflected in real-time."]}),"\n",(0,s.jsxs)(n.p,{children:["To rebuild React components, navigate to ",(0,s.jsx)(n.code,{children:"packages/react"})," and run:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"cd packages/react\nyarn build\n"})}),"\n",(0,s.jsx)(n.p,{children:"This will reload the site with the new changes."}),"\n",(0,s.jsxs)(n.h2,{id:"submitting-changes",children:["Submitting Changes",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#submitting-changes",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.h3,{id:"creating-a-pull-request",children:["Creating a pull request",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#creating-a-pull-request",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsx)(n.li,{children:"Fork the Tonic UI repository and clone your fork."}),"\n",(0,s.jsxs)(n.li,{children:["Create a new branch out of the default branch. We suggest using the one of the following conventions for the new branch:","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"tonic-ui-#"}),": ",(0,s.jsx)(n.code,{children:"#"})," is the issue number that will be addressed by this PR. For example: ",(0,s.jsx)(n.code,{children:"tonic-ui-500"}),"."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"type/scope"}),": ",(0,s.jsx)(n.code,{children:"type"})," can be either ",(0,s.jsx)(n.code,{children:"docs"}),", ",(0,s.jsx)(n.code,{children:"fix"}),", ",(0,s.jsx)(n.code,{children:"feat"}),", ",(0,s.jsx)(n.code,{children:"test"}),", or any other conventional commit type. ",(0,s.jsx)(n.code,{children:"scope"})," is a short identifier that describes the scope of work. For example: ",(0,s.jsx)(n.code,{children:"fix/react-checkbox"}),", ",(0,s.jsx)(n.code,{children:"docs/react-color-style"}),"."]}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"git checkout -b tonic-ui-500\n// or\ngit checkout -b docs/react-color-style\n"})}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["Make and commit your changes following the ",(0,s.jsx)(n.a,{href:"#conventional-commits",children:"Conventional Commits"}),". When you run ",(0,s.jsx)(n.code,{children:"git push"}),", it will trigger ",(0,s.jsx)(n.code,{children:"yarn lint"})," and ",(0,s.jsx)(n.code,{children:"yarn test"})," to ensure everything works as expected. Note that you might need to run ",(0,s.jsx)(n.code,{children:"yarn"})," first to update all dependencies if a new dependency has been added.","\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"git push --set-upstream origin `\n"})}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["Go back to the forked repository and ",(0,s.jsx)(n.a,{href:"https://help.github.com/articles/creating-a-pull-request",children:"create a pull reqest"}),". The format of the PR title follows ",(0,s.jsx)(n.a,{href:"#conventional-commits",children:"Conventional Commits"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.h3,{id:"adding-a-changeset",children:["Adding a changeset",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#adding-a-changeset",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.p,{children:["This monorepo uses ",(0,s.jsx)(n.a,{href:"https://github.com/changesets/changesets",children:"Changesets"})," for versioning and changelogs management. If you make changes to versioned packages, be sure to add a new changeset to document these updates."]}),"\n",(0,s.jsxs)(n.h4,{id:"when-to-add-a-changeset",children:["When to add a changeset",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#when-to-add-a-changeset",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.p,{children:"After making changes, a changeset bot will comment on your pull request (PR) indicating whether you need to add a changeset or confirming that one has already been added. If your changes should result in a version bump, follow the steps below to add a changeset."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://github.com/trendmicro-frontend/tonic-ui/assets/447801/c11f7e12-5a1b-42be-be27-e7afcc2c1a92",alt:"image"})}),"\n",(0,s.jsxs)(n.h4,{id:"how-to-add-a-changeset",children:["How to add a changeset",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#how-to-add-a-changeset",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:["If you are new to changeset, visit the ",(0,s.jsx)(n.a,{href:"https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md",children:"Changesets documentation"})," to learn about changesets."]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["The filename for the changeset can be ",(0,s.jsx)(n.code,{children:"tonic-ui-#.md"}),", where ",(0,s.jsx)(n.code,{children:"#"})," is the pull request number:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:".changeset/\n tonic-ui-.md\n"})}),"\n",(0,s.jsx)(n.p,{children:"When writing the changeset, it should include the packages being released in the YAML front matter with associated semver bump types, followed by a summary of the changes in markdown."}),"\n",(0,s.jsx)(n.p,{children:"For example:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-mdx",children:"---\n'@tonic-ui/react': minor\n'@tonic-ui/react-icons': patch\n---\n\nA very helpful description of the changes\n"})}),"\n",(0,s.jsxs)(n.h2,{id:"conventional-commits",children:["Conventional Commits",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#conventional-commits",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.h3,{id:"overview",children:["Overview",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#overview",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.p,{children:["The ",(0,s.jsx)(n.a,{href:"https://www.conventionalcommits.org",children:"Conventional Commits"})," specification is a lightweight convention on top of commit messages."]}),"\n",(0,s.jsx)(n.p,{children:"The commity message should be structured as follows:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"(optional scope): \n\n[optional body]\n[optional footer(s)]\n"})}),"\n",(0,s.jsx)(n.p,{children:"The commit contains the following structural elements:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"fix:"})," a commit of the type ",(0,s.jsx)(n.code,{children:"fix"})," patches a bug in your codebase (this correlates with ",(0,s.jsx)(n.code,{children:"PATCH"})," in Semantic Versioning)."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"feat:"})," a commit of the type ",(0,s.jsx)(n.code,{children:"feat"})," introduces a new feature to the codebase (this correlates with ",(0,s.jsx)(n.code,{children:"MINOR"})," in Semantic Versioning)."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"BREAKING CHANGE:"})," a commit that has a footer ",(0,s.jsx)(n.code,{children:"BREAKING CHANGE:"}),", or appends a ",(0,s.jsx)(n.code,{children:"!"})," after the type/scope, introduces a breaking API change (correlating with ",(0,s.jsx)(n.code,{children:"MAJOR"})," in Semantic Versioning). A BREAKING CHANGE can be part of commits of any type."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.em,{children:"Types"})," other than ",(0,s.jsx)(n.code,{children:"fix:"})," and ",(0,s.jsx)(n.code,{children:"feat:"})," are allowed, for example ",(0,s.jsx)(n.a,{href:"https://github.com/conventional-changelog/commitlint/tree/master/%40commitlint/config-conventional",children:"@commitlint/config-conventional"})," recommends ",(0,s.jsx)(n.code,{children:"build:"}),", ",(0,s.jsx)(n.code,{children:"chore:"}),", ",(0,s.jsx)(n.code,{children:"ci:"}),", ",(0,s.jsx)(n.code,{children:"docs:"}),", ",(0,s.jsx)(n.code,{children:"feat:"}),", ",(0,s.jsx)(n.code,{children:"fix:"}),", ",(0,s.jsx)(n.code,{children:"perf:"}),", ",(0,s.jsx)(n.code,{children:"refactor:"}),", ",(0,s.jsx)(n.code,{children:"revert:"}),", ",(0,s.jsx)(n.code,{children:"style:"}),", and ",(0,s.jsx)(n.code,{children:"test:"}),"."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.em,{children:"Footers"})," other than ",(0,s.jsx)(n.code,{children:"BREAKING CHANGE: "})," may be provided and follow a convention similar to git trailer format."]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Additional types are not mandated by the Conventional Commits specification, and have no implicit effect in Semantic Versioning (unless they include a BREAKING CHANGE). A scope may be provided to a commit’s type, to provide additional contextual information and is contained within parenthesis, e.g., ",(0,s.jsx)(n.code,{children:"feat(parser): add ability to parse arrays"}),"."]}),"\n",(0,s.jsxs)(n.h3,{id:"commit-types",children:["Commit Types",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-types",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.p,{children:"The table below summarizes the different commit types, descriptions, and the corresponding impact on the release version. This helps in understanding how each type of change affects the codebase and versioning:"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{align:"left",children:"Type"}),(0,s.jsx)(n.th,{align:"left",children:"Description"}),(0,s.jsx)(n.th,{align:"left",children:"Release Version"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"build"})}),(0,s.jsx)(n.td,{align:"left",children:"Changes that affect the build system or external dependencies"}),(0,s.jsxs)(n.td,{align:"left",children:[(0,s.jsx)(n.code,{children:"patch"})," release"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"chore"})}),(0,s.jsx)(n.td,{align:"left",children:"Other changes that don't modify source or test files"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"ci"})}),(0,s.jsx)(n.td,{align:"left",children:"Changes to CI configuration files and scripts"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"docs"})}),(0,s.jsx)(n.td,{align:"left",children:"Changes to documentation"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"feat"})}),(0,s.jsx)(n.td,{align:"left",children:"New feature for the user, not a new feature for build script"}),(0,s.jsxs)(n.td,{align:"left",children:[(0,s.jsx)(n.code,{children:"minor"})," release"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"fix"})}),(0,s.jsx)(n.td,{align:"left",children:"Bug fix for the user, not a fix to a build script"}),(0,s.jsxs)(n.td,{align:"left",children:[(0,s.jsx)(n.code,{children:"patch"})," release"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"perf"})}),(0,s.jsx)(n.td,{align:"left",children:"A code change that improves performance"}),(0,s.jsxs)(n.td,{align:"left",children:[(0,s.jsx)(n.code,{children:"patch"})," release"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"refactor"})}),(0,s.jsx)(n.td,{align:"left",children:"A code change that neither fixes a bug nor adds a feature"}),(0,s.jsxs)(n.td,{align:"left",children:[(0,s.jsx)(n.code,{children:"minor"})," release"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"revert"})}),(0,s.jsx)(n.td,{align:"left",children:"Reverts a previous commit"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"style"})}),(0,s.jsx)(n.td,{align:"left",children:"Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"test"})}),(0,s.jsx)(n.td,{align:"left",children:"Adding missing tests or correcting existing tests"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]})]})]}),"\n",(0,s.jsxs)(n.h3,{id:"examples",children:["Examples",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#examples",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.h4,{id:"commit-message",children:["Commit message",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-message",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"docs: correct spelling of CHANGELOG\n"})}),"\n",(0,s.jsxs)(n.h4,{id:"commit-message-with-scope",children:["Commit message with scope",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-message-with-scope",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"feat(react/box): add ability to support the `sx` prop\n"})}),"\n",(0,s.jsxs)(n.h4,{id:"commit-message-with--to-draw-attention-to-breaking-change",children:["Commit message with ",(0,s.jsx)(n.code,{children:"!"})," to draw attention to breaking change",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-message-with--to-draw-attention-to-breaking-change",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"feat!: change default button color\n\nBREAKING CHANGE: The default button color has been changed from blue to gray.\n"})}),"\n",(0,s.jsxs)(n.h4,{id:"commit-message-with-scope-and--to-draw-attention-to-breaking-change",children:["Commit message with scope and ",(0,s.jsx)(n.code,{children:"!"})," to draw attention to breaking change",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-message-with-scope-and--to-draw-attention-to-breaking-change",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"feat(react/badge)!: deprecate `variantColor` prop\n\nBREAKING CHANGE: The `variantColor` prop has been removed. Use the `color` prop instead.\n"})}),"\n",(0,s.jsxs)(n.h4,{id:"commit-message-with-multi-paragraph-body-and-multiple-footers",children:["Commit message with multi-paragraph body and multiple footers",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-message-with-multi-paragraph-body-and-multiple-footers",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"feat(react/menu): add support for submenus\n\nAdd the ability to create submenus within the main menu component.\nUpdated the documentation to reflect the new submenu functionality.\nAdded tests to ensure that submenus are rendered correctly and interact as expected.\n\nReviewed-by: A\nReviewed-by: B\nRefs: #456\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"fix(react/table): correct column alignment issue\n\nFixed a bug where columns were not aligned properly when the table had a fixed layout.\nAdjusted the CSS to ensure that columns align correctly in all supported browsers.\nAdded regression tests to prevent this issue from occurring in the future.\n\nReviewed-by: C\nRefs: #789\n"})})]})}n.default=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign({},(0,t.ah)(),e.components).wrapper;return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(c,e)})):c(e)}},39513:function(e,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contributing",function(){return i(35589)}])}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=39513)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/react/pr-890/_next/static/chunks/pages/contributing-c52fa0b9e92768eb.js b/react/pr-890/_next/static/chunks/pages/contributing-c52fa0b9e92768eb.js new file mode 100644 index 0000000000..fb193bae80 --- /dev/null +++ b/react/pr-890/_next/static/chunks/pages/contributing-c52fa0b9e92768eb.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9828],{35589:function(e,n,i){"use strict";i.r(n);var s=i(52322),t=i(45392);function c(e){var n=Object.assign({div:"div",h1:"h1",p:"p",h2:"h2",a:"a",svg:"svg",use:"use",ol:"ol",li:"li",pre:"pre",code:"code",h3:"h3",ul:"ul",h4:"h4",img:"img",blockquote:"blockquote",strong:"strong",em:"em",table:"table",thead:"thead",tr:"tr",th:"th",tbody:"tbody",td:"td"},(0,t.ah)(),e.components);return(0,s.jsxs)(n.div,{className:"main-content",children:[(0,s.jsx)(n.h1,{id:"contributing-guidelines",children:"Contributing Guidelines"}),"\n",(0,s.jsx)(n.p,{children:"Thank you for your interest in contributing to Tonic UI!"}),"\n",(0,s.jsx)(n.p,{children:"All contributions are welcome. You can submit a pull request on GitHub or raise an issue on GitHub."}),"\n",(0,s.jsxs)(n.h2,{id:"set-up-documentation-site",children:["Set Up Documentation Site",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#set-up-documentation-site",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.p,{children:"Follow these steps to set up the documentation site:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsx)(n.p,{children:"Fork the Tonic UI repository."}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["\n",(0,s.jsx)(n.p,{children:"Clone the repository you forked to your local machine:"}),"\n"]}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"git clone https://github.com//tonic-ui.git\ncd tonic-ui\n"})}),"\n",(0,s.jsxs)(n.ol,{start:"3",children:["\n",(0,s.jsx)(n.li,{children:"Install all dependencies and packages:"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"yarn\n"})}),"\n",(0,s.jsxs)(n.ol,{start:"4",children:["\n",(0,s.jsx)(n.li,{children:"Build the source code:"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"yarn build\n"})}),"\n",(0,s.jsxs)(n.ol,{start:"5",children:["\n",(0,s.jsx)(n.li,{children:"Start a local development server for the documentation site:"}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"cd packages/react-docs\nyarn dev\n"})}),"\n",(0,s.jsxs)(n.p,{children:["You can now access the site locally at ",(0,s.jsx)(n.code,{children:"http://localhost:3000"}),". Changes to the docs will be reflected in real-time."]}),"\n",(0,s.jsxs)(n.p,{children:["To rebuild React components, navigate to ",(0,s.jsx)(n.code,{children:"packages/react"})," and run:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"cd packages/react\nyarn build\n"})}),"\n",(0,s.jsx)(n.p,{children:"This will reload the site with the new changes."}),"\n",(0,s.jsxs)(n.h2,{id:"submitting-changes",children:["Submitting Changes",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#submitting-changes",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.h3,{id:"creating-a-pull-request",children:["Creating a pull request",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#creating-a-pull-request",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsx)(n.li,{children:"Fork the Tonic UI repository and clone your fork."}),"\n",(0,s.jsxs)(n.li,{children:["Create a new branch out of the default branch. We suggest using the one of the following conventions for the new branch:","\n",(0,s.jsxs)(n.ul,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"tonic-ui-#"}),": ",(0,s.jsx)(n.code,{children:"#"})," is the issue number that will be addressed by this PR. For example: ",(0,s.jsx)(n.code,{children:"tonic-ui-500"}),"."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.code,{children:"type/scope"}),": ",(0,s.jsx)(n.code,{children:"type"})," can be either ",(0,s.jsx)(n.code,{children:"docs"}),", ",(0,s.jsx)(n.code,{children:"fix"}),", ",(0,s.jsx)(n.code,{children:"feat"}),", ",(0,s.jsx)(n.code,{children:"test"}),", or any other conventional commit type. ",(0,s.jsx)(n.code,{children:"scope"})," is a short identifier that describes the scope of work. For example: ",(0,s.jsx)(n.code,{children:"fix/react-checkbox"}),", ",(0,s.jsx)(n.code,{children:"docs/react-color-style"}),"."]}),"\n"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"git checkout -b tonic-ui-500\n// or\ngit checkout -b docs/react-color-style\n"})}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["Make and commit your changes following the ",(0,s.jsx)(n.a,{href:"#conventional-commits",children:"Conventional Commits"}),". When you run ",(0,s.jsx)(n.code,{children:"git push"}),", it will trigger ",(0,s.jsx)(n.code,{children:"yarn lint"})," and ",(0,s.jsx)(n.code,{children:"yarn test"})," to ensure everything works as expected. Note that you might need to run ",(0,s.jsx)(n.code,{children:"yarn"})," first to update all dependencies if a new dependency has been added.","\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-bash",children:"git push --set-upstream origin \n"})}),"\n"]}),"\n",(0,s.jsxs)(n.li,{children:["Go back to the forked repository and ",(0,s.jsx)(n.a,{href:"https://help.github.com/articles/creating-a-pull-request",children:"create a pull reqest"}),". The format of the PR title follows ",(0,s.jsx)(n.a,{href:"#conventional-commits",children:"Conventional Commits"}),"."]}),"\n"]}),"\n",(0,s.jsxs)(n.h3,{id:"adding-a-changeset",children:["Adding a changeset",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#adding-a-changeset",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.p,{children:["This monorepo uses ",(0,s.jsx)(n.a,{href:"https://github.com/changesets/changesets",children:"Changesets"})," for versioning and changelogs management. If you make changes to versioned packages, be sure to add a new changeset to document these updates."]}),"\n",(0,s.jsxs)(n.h4,{id:"when-to-add-a-changeset",children:["When to add a changeset",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#when-to-add-a-changeset",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.p,{children:"After making changes, a changeset bot will comment on your pull request (PR) indicating whether you need to add a changeset or confirming that one has already been added. If your changes should result in a version bump, follow the steps below to add a changeset."}),"\n",(0,s.jsx)(n.p,{children:(0,s.jsx)(n.img,{src:"https://github.com/trendmicro-frontend/tonic-ui/assets/447801/c11f7e12-5a1b-42be-be27-e7afcc2c1a92",alt:"image"})}),"\n",(0,s.jsxs)(n.h4,{id:"how-to-add-a-changeset",children:["How to add a changeset",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#how-to-add-a-changeset",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.blockquote,{children:["\n",(0,s.jsxs)(n.p,{children:["If you are new to changeset, visit the ",(0,s.jsx)(n.a,{href:"https://github.com/changesets/changesets/blob/main/docs/adding-a-changeset.md",children:"Changesets documentation"})," to learn about changesets."]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["The filename for the changeset can be ",(0,s.jsx)(n.code,{children:"tonic-ui-#.md"}),", where ",(0,s.jsx)(n.code,{children:"#"})," is the pull request number:"]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:".changeset/\n tonic-ui-.md\n"})}),"\n",(0,s.jsx)(n.p,{children:"When writing the changeset, it should include the packages being released in the YAML front matter with associated semver bump types, followed by a summary of the changes in markdown."}),"\n",(0,s.jsx)(n.p,{children:"For example:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{className:"language-mdx",children:"---\n'@tonic-ui/react': minor\n'@tonic-ui/react-icons': patch\n---\n\nA very helpful description of the changes\n"})}),"\n",(0,s.jsxs)(n.h2,{id:"conventional-commits",children:["Conventional Commits",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#conventional-commits",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.h3,{id:"overview",children:["Overview",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#overview",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.p,{children:["The ",(0,s.jsx)(n.a,{href:"https://www.conventionalcommits.org",children:"Conventional Commits"})," specification is a lightweight convention on top of commit messages."]}),"\n",(0,s.jsx)(n.p,{children:"The commity message should be structured as follows:"}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"(optional scope): \n\n[optional body]\n[optional footer(s)]\n"})}),"\n",(0,s.jsx)(n.p,{children:"The commit contains the following structural elements:"}),"\n",(0,s.jsxs)(n.ol,{children:["\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"fix:"})," a commit of the type ",(0,s.jsx)(n.code,{children:"fix"})," patches a bug in your codebase (this correlates with ",(0,s.jsx)(n.code,{children:"PATCH"})," in Semantic Versioning)."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"feat:"})," a commit of the type ",(0,s.jsx)(n.code,{children:"feat"})," introduces a new feature to the codebase (this correlates with ",(0,s.jsx)(n.code,{children:"MINOR"})," in Semantic Versioning)."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.strong,{children:"BREAKING CHANGE:"})," a commit that has a footer ",(0,s.jsx)(n.code,{children:"BREAKING CHANGE:"}),", or appends a ",(0,s.jsx)(n.code,{children:"!"})," after the type/scope, introduces a breaking API change (correlating with ",(0,s.jsx)(n.code,{children:"MAJOR"})," in Semantic Versioning). A BREAKING CHANGE can be part of commits of any type."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.em,{children:"Types"})," other than ",(0,s.jsx)(n.code,{children:"fix:"})," and ",(0,s.jsx)(n.code,{children:"feat:"})," are allowed, for example ",(0,s.jsx)(n.a,{href:"https://github.com/conventional-changelog/commitlint/tree/master/%40commitlint/config-conventional",children:"@commitlint/config-conventional"})," recommends ",(0,s.jsx)(n.code,{children:"build:"}),", ",(0,s.jsx)(n.code,{children:"chore:"}),", ",(0,s.jsx)(n.code,{children:"ci:"}),", ",(0,s.jsx)(n.code,{children:"docs:"}),", ",(0,s.jsx)(n.code,{children:"feat:"}),", ",(0,s.jsx)(n.code,{children:"fix:"}),", ",(0,s.jsx)(n.code,{children:"perf:"}),", ",(0,s.jsx)(n.code,{children:"refactor:"}),", ",(0,s.jsx)(n.code,{children:"revert:"}),", ",(0,s.jsx)(n.code,{children:"style:"}),", and ",(0,s.jsx)(n.code,{children:"test:"}),"."]}),"\n",(0,s.jsxs)(n.li,{children:[(0,s.jsx)(n.em,{children:"Footers"})," other than ",(0,s.jsx)(n.code,{children:"BREAKING CHANGE: "})," may be provided and follow a convention similar to git trailer format."]}),"\n"]}),"\n",(0,s.jsxs)(n.p,{children:["Additional types are not mandated by the Conventional Commits specification, and have no implicit effect in Semantic Versioning (unless they include a BREAKING CHANGE). A scope may be provided to a commit’s type, to provide additional contextual information and is contained within parenthesis, e.g., ",(0,s.jsx)(n.code,{children:"feat(parser): add ability to parse arrays"}),"."]}),"\n",(0,s.jsxs)(n.h3,{id:"commit-types",children:["Commit Types",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-types",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.p,{children:"The table below summarizes the different commit types, descriptions, and the corresponding impact on the release version. This helps in understanding how each type of change affects the codebase and versioning:"}),"\n",(0,s.jsxs)(n.table,{children:[(0,s.jsx)(n.thead,{children:(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.th,{align:"left",children:"Type"}),(0,s.jsx)(n.th,{align:"left",children:"Description"}),(0,s.jsx)(n.th,{align:"left",children:"Release Version"})]})}),(0,s.jsxs)(n.tbody,{children:[(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"build"})}),(0,s.jsx)(n.td,{align:"left",children:"Changes that affect the build system or external dependencies"}),(0,s.jsxs)(n.td,{align:"left",children:[(0,s.jsx)(n.code,{children:"patch"})," release"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"chore"})}),(0,s.jsx)(n.td,{align:"left",children:"Other changes that don't modify source or test files"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"ci"})}),(0,s.jsx)(n.td,{align:"left",children:"Changes to CI configuration files and scripts"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"docs"})}),(0,s.jsx)(n.td,{align:"left",children:"Changes to documentation"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"feat"})}),(0,s.jsx)(n.td,{align:"left",children:"New feature for the user, not a new feature for build script"}),(0,s.jsxs)(n.td,{align:"left",children:[(0,s.jsx)(n.code,{children:"minor"})," release"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"fix"})}),(0,s.jsx)(n.td,{align:"left",children:"Bug fix for the user, not a fix to a build script"}),(0,s.jsxs)(n.td,{align:"left",children:[(0,s.jsx)(n.code,{children:"patch"})," release"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"perf"})}),(0,s.jsx)(n.td,{align:"left",children:"A code change that improves performance"}),(0,s.jsxs)(n.td,{align:"left",children:[(0,s.jsx)(n.code,{children:"patch"})," release"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"refactor"})}),(0,s.jsx)(n.td,{align:"left",children:"A code change that neither fixes a bug nor adds a feature"}),(0,s.jsxs)(n.td,{align:"left",children:[(0,s.jsx)(n.code,{children:"minor"})," release"]})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"revert"})}),(0,s.jsx)(n.td,{align:"left",children:"Reverts a previous commit"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"style"})}),(0,s.jsx)(n.td,{align:"left",children:"Changes that do not affect the meaning of the code (white-space, formatting, missing semi-colons, etc)"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]}),(0,s.jsxs)(n.tr,{children:[(0,s.jsx)(n.td,{align:"left",children:(0,s.jsx)(n.code,{children:"test"})}),(0,s.jsx)(n.td,{align:"left",children:"Adding missing tests or correcting existing tests"}),(0,s.jsx)(n.td,{align:"left",children:"-"})]})]})]}),"\n",(0,s.jsxs)(n.h3,{id:"examples",children:["Examples",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#examples",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsxs)(n.h4,{id:"commit-message",children:["Commit message",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-message",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"docs: correct spelling of CHANGELOG\n"})}),"\n",(0,s.jsxs)(n.h4,{id:"commit-message-with-scope",children:["Commit message with scope",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-message-with-scope",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"feat(react/box): add ability to support the `sx` prop\n"})}),"\n",(0,s.jsxs)(n.h4,{id:"commit-message-with--to-draw-attention-to-breaking-change",children:["Commit message with ",(0,s.jsx)(n.code,{children:"!"})," to draw attention to breaking change",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-message-with--to-draw-attention-to-breaking-change",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"feat!: change default button color\n\nBREAKING CHANGE: The default button color has been changed from blue to gray.\n"})}),"\n",(0,s.jsxs)(n.h4,{id:"commit-message-with-scope-and--to-draw-attention-to-breaking-change",children:["Commit message with scope and ",(0,s.jsx)(n.code,{children:"!"})," to draw attention to breaking change",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-message-with-scope-and--to-draw-attention-to-breaking-change",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"feat(react/badge)!: deprecate `variantColor` prop\n\nBREAKING CHANGE: The `variantColor` prop has been removed. Use the `color` prop instead.\n"})}),"\n",(0,s.jsxs)(n.h4,{id:"commit-message-with-multi-paragraph-body-and-multiple-footers",children:["Commit message with multi-paragraph body and multiple footers",(0,s.jsx)(n.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#commit-message-with-multi-paragraph-body-and-multiple-footers",children:(0,s.jsx)(n.svg,{children:(0,s.jsx)(n.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"feat(react/menu): add support for submenus\n\nAdd the ability to create submenus within the main menu component.\nUpdated the documentation to reflect the new submenu functionality.\nAdded tests to ensure that submenus are rendered correctly and interact as expected.\n\nReviewed-by: A\nReviewed-by: B\nRefs: #456\n"})}),"\n",(0,s.jsx)(n.pre,{children:(0,s.jsx)(n.code,{children:"fix(react/table): correct column alignment issue\n\nFixed a bug where columns were not aligned properly when the table had a fixed layout.\nAdjusted the CSS to ensure that columns align correctly in all supported browsers.\nAdded regression tests to prevent this issue from occurring in the future.\n\nReviewed-by: C\nRefs: #789\n"})})]})}n.default=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=Object.assign({},(0,t.ah)(),e.components).wrapper;return n?(0,s.jsx)(n,Object.assign({},e,{children:(0,s.jsx)(c,e)})):c(e)}},39513:function(e,n,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contributing",function(){return i(35589)}])}},function(e){e.O(0,[2888,9774,179],function(){return e(e.s=39513)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/react/pr-890/_next/static/chunks/pages/getting-started/usage-0d81f02c67f71f95.js b/react/pr-890/_next/static/chunks/pages/getting-started/usage-0d81f02c67f71f95.js new file mode 100644 index 0000000000..af7ab5d0c3 --- /dev/null +++ b/react/pr-890/_next/static/chunks/pages/getting-started/usage-0d81f02c67f71f95.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7390],{6116:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return W}});var o,r,a,i=t(52322),s=t(45392),l=t(96835),c=t(49857),d=t(70758),u=t(39108),h=t(73645),x=t(2784),p=["on"];function m(){return(m=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,p);return x.createElement(c.Z,m({display:"inline-block",borderRadius:"50%",bg:e?"#00ff00":"#666",boxShadow:e?"0 0 1px 2px rgba(0, 255, 0, .8)":"none",height:16,width:16,verticalAlign:"middle"},t))},g=function(){var n={1:"#389efc",2:"#ff7332",3:"#00b449",4:"#fdf133",5:"#fc74cf"};return x.createElement(c.Z,{position:"relative",mx:"auto"},[{id:"240",lane:1,name:"Taiwan Leave System",laps:2,raceTime:"01:20.592",gates:[1,1,1]},{id:"339",lane:2,name:"404 Not Found",laps:2,raceTime:"01:24.036",gates:[1,1,1]},{id:"003",lane:3,name:"ShowMeThe$$",laps:2,raceTime:"01:37.890",gates:[1,1,0]},{id:"207",lane:4,name:"Dragon Rider",laps:1,raceTime:"00:49.211",gates:[1,1,0]},{id:"456",lane:5,name:"BumbleBee",laps:0,raceTime:"00:00.000",gates:[1,1,1]}].map(function(e,t){return x.createElement(c.Z,{key:e.id,display:"flex",minWidth:360},x.createElement(c.Z,{flexBasis:"auto",flexGrow:0,minWidth:"2x",width:"2x",bg:n[e.lane]}),x.createElement(c.Z,{bg:t%2?"gray:100":"gray:80",color:"white:primary",flexBasis:0,flexGrow:1,maxWidth:"calc(100% - .5rem)",py:"2x",px:"6x"},x.createElement(c.Z,{display:"flex",alignItems:"flex-end"},x.createElement(c.Z,{flexBasis:0,flexGrow:1,maxWidth:"100%"},x.createElement(d.Z,{color:"#6fffff",fontWeight:"bold",fontSize:["4xl",null,null,48],lineHeights:["4xl",null,null,"1.5"]},e.id)),x.createElement(c.Z,{flexBasis:"auto",flexGrow:0,width:"auto"},x.createElement(d.Z,{fontSize:["3xl",null,null,"4xl"],lineHeight:["3xl",null,null,"4xl"]},e.laps," / ",e.raceTime))),x.createElement(c.Z,{display:"flex",alignItems:"center",pt:"2x"},x.createElement(c.Z,{flexBasis:0,flexGrow:1,maxWidth:"100%",width:0},x.createElement(u.Z,null,x.createElement(d.Z,{fontSize:["2xl",null,null,"3xl"],lineHeight:["2xl",null,null,"3xl"]},e.name))),x.createElement(h.Z,{flexBasis:"auto",flexGrow:0,width:"auto",fontSize:["xl",null,null,"2xl"],lineHeight:["xl",null,null,"2xl"]},x.createElement(f,{on:e.gates[0],m:"2x"}),x.createElement(d.Z,{pr:"2x"},"REC"),x.createElement(f,{on:e.gates[1],m:"2x"}),x.createElement(d.Z,{pr:"2x"},"A"),x.createElement(f,{on:e.gates[2],m:"2x"}),x.createElement(d.Z,{pr:"2x"},"B")))))}))},b=t(5081),y=["radius","thicknessRatio"];function v(){return(v=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,y),i=null!==(t=(0,b.q9)(void 0===o?150:o))&&void 0!==t?t:150,s=2*i,l=i*(void 0===r?.4:r),d=["#FF0000","#FF7F00","#FFFF00","#00FF00","#0000FF","#4B0082","#9400D3"],u=l/d.length,h=d.reverse().map(function(n,e){var t=u/d.length,o=i-l+e*u;return[n,o+t,o+u-t]});return x.createElement(c.Z,v({ref:e,display:"inline-block",width:s,height:i,position:"relative",overflow:"hidden",__before:{content:'""',position:"absolute",width:s,height:s,borderRadius:"50%",background:"radial-gradient(circle at center,\n transparent 0, transparent ".concat(i-l,"px,\n ").concat(h.map(function(n){var e=function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,s=[],l=!0,c=!1;try{for(a=(t=t.call(n)).next;!(l=(o=a.call(t)).done)&&(s.push(o.value),3!==s.length);l=!0);}catch(n){c=!0,r=n}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return s}}(n,3)||function(n,e){if(n){if("string"==typeof n)return j(n,3);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return j(n,3)}}(n,3)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),t=e[0],o=e[1],r=e[2];return"".concat(t," ").concat(o,"px, ").concat(t," ").concat(r,"px")}).join(","),"\n )")}},a))});C.displayName="Rainbow";var k=t(28165),S=t(40596),w=t(85273),B=t(57999),T=t(20365),E=["size"],O=["size"];function z(){return(z=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var I=(0,b.Zs)("/tonic-ui-demo/react/pr-890"),P=(0,k.F4)(a||(o=["\n from { transform: rotateY(360deg); }\n to { transform: rotateY(0deg); }\n"],r||(r=o.slice(0)),a=Object.freeze(Object.defineProperties(o,{raw:{value:Object.freeze(r)}})))),M=x.createContext(),N=function(n){var e=n.size,t=Z(n,O);return(e=Number(e)||0)<0&&(e=0),x.createElement(M.Provider,{value:e},x.createElement(A,t))},A=function(n){var e=(0,x.useContext)(M);return x.createElement(c.Z,z({position:"relative",width:e,height:e,my:0,mx:"auto",transformStyle:"preserve-3d"},n))},H=function(n){var e=F((0,S.Z)(),1)[0];return x.createElement(c.Z,z({position:"absolute",top:0,right:0,bottom:0,left:0,backgroundColor:"dark"===e?"rgba(255,255,255,.05)":"rgba(0,0,0,.05)",boxShadow:"dark"===e?"dark.sm":"light.sm",display:"flex",justifyContent:"center",alignItems:"center",backfaceVisibility:"hidden"},n))};N.Front=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"translateZ(".concat(e/2,"px)")},n))},N.Back=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"translateZ(-".concat(e/2,"px) rotateY(180deg)")},n))},N.Top=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"rotateX(-90deg) translateY(-".concat(e/2,"px)"),transformOrigin:"top center"},n))},N.Bottom=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"rotateX(90deg) translateY(".concat(e/2,"px)"),transformOrigin:"bottom center"},n))},N.Left=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"rotateY(270deg) translateX(-".concat(e/2,"px)"),transformOrigin:"center left"},n))},N.Right=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"rotateY(-270deg) translateX(".concat(e/2,"px)"),transformOrigin:"top right"},n))};var $=function(n){var e=n.size,t=Z(n,E),o=F((0,S.Z)(),1)[0],r="dark"===o?"\n -1px -1px 2px rgba(0,0,0,.4),\n 1px -1px 2px rgba(0,0,0,.4),\n -1px 1px 2px rgba(0,0,0,.4),\n 1px 1px 2px rgba(0,0,0,.4)\n ":"none";return x.createElement(c.Z,z({display:"inline-block",py:"16x",px:"8x",perspective:"100vw",perspectiveOrigin:"center 250%"},t),x.createElement(N,{animation:"".concat(P," 8s infinite linear"),size:void 0===e?128:e},x.createElement(N.Front,{backgroundColor:"white"},x.createElement(w.Z,{alt:"",src:"".concat(I,"/images/Trend-Micro-Logo.svg"),width:"80%"})),x.createElement(N.Back,null,x.createElement(c.Z,{textShadow:r},"dark"===o&&x.createElement(h.Z,{direction:"column",spacing:"3x"},x.createElement(B.Z,{size:24,mx:"auto"}),x.createElement(d.Z,null,"Dark Mode")),"light"===o&&x.createElement(h.Z,{direction:"column",spacing:"3x"},x.createElement(T.Z,{size:24,mx:"auto"}),x.createElement(d.Z,null,"Light Mode")))),x.createElement(N.Top,{backfaceVisibility:"visible"}),x.createElement(N.Bottom,{backfaceVisibility:"visible"}),x.createElement(N.Left,null,x.createElement(d.Z,{fontSize:"2xl",fontWeight:"semibold",textShadow:r},"Box")),x.createElement(N.Right,null,x.createElement(d.Z,{fontSize:"lg",textShadow:r},"Tonic UI"))))},L=function(){return x.createElement(c.Z,{as:"button",backgroundColor:"blue:60",border:"none",borderRadius:"sm",color:"white:primary",cursor:"pointer",display:"inline-flex",px:"3x",py:"2x",_focus:{":not(:active)":{backgroundColor:"blue:60"}},_hover:{backgroundColor:"blue:50"},_active:{backgroundColor:"blue:70"}},"Primary Button")};function _(n){var e=Object.assign({div:"div",h1:"h1",p:"p",h2:"h2",a:"a",svg:"svg",use:"use",code:"code",pre:"pre",blockquote:"blockquote",strong:"strong",h3:"h3",h4:"h4",ul:"ul",li:"li"},(0,s.ah)(),n.components);return(0,i.jsxs)(e.div,{className:"main-content",children:["\n","\n","\n","\n","\n",(0,i.jsx)(e.h1,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(e.p,{children:"You can use any of the components as demonstrated in the documentation. If you are the first time using Tonic UI, you may want to read the following sections to get started."}),"\n",(0,i.jsxs)(e.h2,{id:"setup-provider",children:["Setup Provider",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#setup-provider",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["For Tonic UI to work, you will need to setup the ",(0,i.jsx)(e.code,{children:"TonicProvder"})," at the root of your application."]}),"\n",(0,i.jsx)(e.p,{children:"Go to the root of your application and do the following:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"import React from 'react';\nimport {\n Box,\n TonicProvider,\n colorStyle, // [optional] Required only for customizing color styles\n theme, // [optional] Required only for customizing the theme\n} from '@tonic-ui/react';\n\n// Enable CSS variables\ntheme.config.useCSSVariables = true;\n\nfunction App(props) {\n return (\n \n \n \n );\n}\n"})}),"\n",(0,i.jsx)(e.p,{children:"See below for a more complete example:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"import { Global, css } from '@emotion/react';\nimport React from 'react';\nimport {\n Box,\n TonicProvider,\n PortalManager, // allows you to create and manage portals in the application\n ToastManager, // allows you to create and manage toasts in the application\n colorStyle,\n theme,\n useColorMode,\n useTheme,\n} from '@tonic-ui/react';\n\n// Enable CSS variables\ntheme.config.useCSSVariables = true;\n\nfunction App(props) {\n return (\n \n \n &:first-of-type': {\n mt: '4x', // the space to the top edge of the screen\n },\n '[data-toast-placement^=\"bottom\"] > &:last-of-type': {\n mb: '4x', // the space to the bottom edge of the screen\n },\n '[data-toast-placement$=\"left\"] > &': {\n ml: '4x', // the space to the left edge of the screen\n },\n '[data-toast-placement$=\"right\"] > &': {\n mr: '4x', // the space to the right edge of the screen\n },\n },\n }}\n >\n \n \n \n \n \n \n );\n}\n\nfunction Layout(props) {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const { colors, fontSizes, lineHeights } = useTheme();\n const backgroundColor = colorStyle.background.primary;\n const color = colorStyle.color.primary;\n const scrollbarThumbBackgroundColor = colorStyle.color.disabled;\n const scrollbarThumbHoverBackgroundColor = colorStyle.color.tertiary;\n const scrollbarThumbHoverBorderColor = colorStyle.color.secondary;\n const scrollbarTrackBackgroundColor = {\n light: 'gray:30',\n dark: 'gray:70',\n }[colorMode];\n\n return (\n <>\n \n \n \n );\n}\n"})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsxs)(e.p,{children:["Learn more about ",(0,i.jsx)(e.a,{href:"../components/color-mode",children:"Color Mode"})," in the documentation."]}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsxs)(e.p,{children:["Learn more about ",(0,i.jsx)(e.a,{href:"../components/color-style",children:"Color Style"})," in the documentation."]}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsxs)(e.p,{children:["For the ",(0,i.jsx)(e.strong,{children:(0,i.jsx)(e.code,{children:"color-scheme"})})," CSS property, see ",(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme",children:"MDN"})," for more information."]}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsxs)(e.p,{children:["For the ",(0,i.jsx)(e.strong,{children:(0,i.jsx)(e.code,{children:":focus-visible"})})," pseudo-class, see ",(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible",children:"MDN"})," for more information."]}),"\n"]}),"\n",(0,i.jsxs)(e.h3,{id:"applying-base-css-styles",children:["Applying base CSS styles",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#applying-base-css-styles",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["Sometimes you may need to apply base CSS styles to your application. Tonic UI provides an optional ",(0,i.jsx)(e.code,{children:"CSSBaseline"})," component that fixes some inconsistencies across browsers and devices while providing slightly more opinionated resets to common HTML elements. ",(0,i.jsx)(e.code,{children:"CSSBaseline"})," is recommended to add at the root to ensure all components work correctly."]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n \n\n"})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsxs)(e.p,{children:["If you are not writing an application, you may want to set ",(0,i.jsx)(e.code,{children:"useCSSBaseline"})," to ",(0,i.jsx)(e.code,{children:"false"})," (or not set it at all) to prevent global styles pollution."]}),"\n"]}),"\n",(0,i.jsxs)(e.h3,{id:"enabling-css-variables",children:["Enabling CSS variables",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#enabling-css-variables",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.p,{children:"Tonic UI supports converting theme tokens defined in the theme to CSS variables. You can enable this behavior by configuring the theme as shown below:"}),"\n",(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-jsx",children:"import { TonicProvider, theme } from '@tonic-ui/react';\n\n// Enable CSS variables\ntheme.config.useCSSVariables = true;\n\n// Pass `theme` to `TonicProvider`\n\n"})}),"\n",(0,i.jsx)(e.p,{children:"For example, consider a theme object that looks like this:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-js",children:"const theme = {\n colors: {\n 'gray:10': '#fafafa',\n 'gray:20': '#f7f7f7',\n },\n};\n"})}),"\n",(0,i.jsxs)(e.p,{children:["When this theme is passed to ",(0,i.jsx)(e.code,{children:"TonicProvider"}),", Tonic UI will generate CSS variables automatically, as shown below:"]}),"\n",(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-css",children:":root {\n --tonic-colors-gray-10: #fafafa;\n --tonic-colors-gray-20: #f7f7f7;\n}\n"})}),"\n",(0,i.jsx)(e.p,{children:"These CSS variables can then be used to style components, providing a consistent look and feel throughout the application."}),"\n",(0,i.jsxs)(e.h3,{id:"extending-the-color-style",children:["Extending the Color Style",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#extending-the-color-style",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.p,{children:"Optionally, you can extend the color style by providing a custom color style. This is not required if you are using the default color style."}),"\n",(0,i.jsxs)(e.h4,{id:"1-customizing-the-color-style",children:["1. Customizing the color style",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#1-customizing-the-color-style",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["To override default color style, you can create a color style object according to the color mode, and pass the object to ",(0,i.jsx)(e.code,{children:"TonicProvider"})," with either the ",(0,i.jsx)(e.code,{children:"value"})," or the ",(0,i.jsx)(e.code,{children:"defaultValue"})," property."]}),"\n",(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-js",children:"import { colorStyle } from '@tonic-ui/react';\n\n// Let's say you want to define color style for your components\nconst customColorStyle = {\n ...colorStyle,\n dark: {\n ...colorStyle.dark,\n risk: {\n high: 'red:50',\n medium: 'yellow:50',\n low: 'green:40',\n none: 'gray:50',\n },\n severity: {\n critical: 'magenta:60',\n high: 'red:50',\n medium: 'orange:50',\n low: 'yellow:50',\n info: 'gray:50',\n },\n },\n light: {\n ...colorStyle.light,\n risk: {\n high: 'red:60',\n medium: 'yellow:50',\n low: 'green:50',\n none: 'gray:50',\n },\n severity: {\n critical: 'magenta:60',\n high: 'red:60',\n medium: 'orange:50',\n low: 'yellow:50',\n info: 'gray:50',\n },\n },\n};\n"})}),"\n",(0,i.jsxs)(e.h4,{id:"2-setting-up-the-provider",children:["2. Setting up the provider",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#2-setting-up-the-provider",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n {children}\n\n"})}),"\n",(0,i.jsxs)(e.h4,{id:"3-using-the-color-style",children:["3. Using the color style",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#3-using-the-color-style",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"const [colorStyle] = useColorStyle()\nconsole.log(colorStyle?.risk?.medium); // 'yellow:50'\nconsole.log(colorStyle?.severity?.critical); // 'magenta:60'\n"})}),"\n",(0,i.jsxs)(e.h3,{id:"extending-the-theme",children:["Extending the Theme",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#extending-the-theme",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.p,{children:"Optionally, you can extend the theme object to override the defaults with custom colors, fonts, styles, etc. This is not required if you are using the default theme."}),"\n",(0,i.jsxs)(e.h4,{id:"1-overriding-the-theme",children:["1. Overriding the theme",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#1-overriding-the-theme",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["Override the theme object and pass it to the ",(0,i.jsx)(e.code,{children:""})," component."]}),"\n",(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-js",children:'import { theme } from \'@tonic-ui/react\';\n\n// Enable CSS variables\ntheme.config.useCSSVariables = true;\n\n// Let\'s say you want to add more colors\nconst customTheme = {\n ...theme,\n colors: {\n ...theme.colors,\n brand: {\n 90: "#1a365d",\n 80: "#153e75",\n 70: "#2a69ac",\n },\n },\n};\n'})}),"\n",(0,i.jsxs)(e.h4,{id:"2-setting-up-the-provider-1",children:["2. Setting up the provider",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#2-setting-up-the-provider-1",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n {children}\n\n"})}),"\n",(0,i.jsxs)(e.h4,{id:"3-using-the-theme",children:["3. Using the theme",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#3-using-the-theme",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"const theme = useTheme();\nconst brandColor = theme?.colors?.brand?.[90];\n"})}),"\n",(0,i.jsxs)(e.h2,{id:"how-to-use-tonic-ui",children:["How to use Tonic UI",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#how-to-use-tonic-ui",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.h3,{id:"design-tokens-in-the-theme",children:["Design tokens in the theme",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#design-tokens-in-the-theme",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["Visit ",(0,i.jsx)(e.a,{href:"../styled-system",children:"Styled System"})," and ",(0,i.jsx)(e.a,{href:"../theme",children:"Theme"})," sections to learn how the different CSS (and custom) properties are mapped to the theme keys."]}),"\n",(0,i.jsxs)(e.h3,{id:"how-to-use-box",children:["How to use Box",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#how-to-use-box",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["You can customize the styling and layout of your components using the various style props, pseudo-style props, and responsive values provided by ",(0,i.jsx)(e.code,{children:"Box"}),":"]}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"../styled-system/style-props",children:"Style props"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"../styled-system/pseudo-style-props",children:"Pseudo style props"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"../styled-system/responsive-values",children:"Responsive values"})}),"\n"]}),"\n",(0,i.jsxs)(e.h4,{id:"using-style-props-and-pseudo-style-props",children:["Using style props and pseudo style props",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#using-style-props-and-pseudo-style-props",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(l.Z,Object.assign({},{component:L,file:{data:'import { Box } from \'@tonic-ui/react\';\nimport React from \'react\';\n\nconst App = () => (\n \n Primary Button\n \n);\n\nexport default App;',path:"pages/getting-started/usage/index.page.mdx"},sandbox:{files:{},raw:'import { Box } from \'@tonic-ui/react\';\nimport React from \'react\';\n\nconst App = () => (\n \n Primary Button\n \n);\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,i.jsxs)(e.h4,{id:"shorthands",children:["Shorthands",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#shorthands",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["There are some shorthands available for various CSS properties. These are documentated on the ",(0,i.jsx)(e.a,{href:"../styled-system/style-props",children:"style props"})," page."]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n"})}),"\n",(0,i.jsx)(e.p,{children:"These shorthands are optional. It's great for saving time, but not necessary to use."}),"\n",(0,i.jsxs)(e.h3,{id:"superset-of-css",children:["Superset of CSS",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#superset-of-css",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["The ",(0,i.jsx)(e.code,{children:"sx"})," prop supports CSS syntax including child and pseudo-selectors, media queries, raw CSS values, and more. Here are a few examples of how you can implement these CSS features:"]}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\n",(0,i.jsx)(e.p,{children:"Using pseudo-selectors:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n"})}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\n",(0,i.jsx)(e.p,{children:"Using media queries:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n"})}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\n",(0,i.jsx)(e.p,{children:"Using nested selectors:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["Read more on ",(0,i.jsx)(e.a,{href:"the-sx-prop",children:"the sx prop"})," page."]}),"\n",(0,i.jsxs)(e.h3,{id:"advanced-box-usage",children:["Advanced Box usage",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#advanced-box-usage",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["Here are some advanced examples of how you can use the ",(0,i.jsx)(e.code,{children:"Box"})," component:"]}),"\n",(0,i.jsxs)(e.h4,{id:"animated-cube",children:["Animated Cube",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#animated-cube",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(l.Z,Object.assign({},{component:$,file:{data:'import { keyframes } from \'@emotion/react\';\nimport { Box, Flex, Image, Text, useColorMode } from \'@tonic-ui/react\';\nimport { MoonIcon, SunIcon } from \'@tonic-ui/react-icons\';\nimport { ensureString } from \'ensure-type\';\nimport React, { useContext } from \'react\';\n\nconst BASE_PATH = ensureString(process.env.BASE_PATH);\n\nconst cubeSpin = keyframes`\n from { transform: rotateY(360deg); }\n to { transform: rotateY(0deg); }\n`;\n\nconst AnimatedCube = ({ size = 128, ...rest }) => {\n const [colorMode] = useColorMode();\n const textShadow = colorMode === \'dark\'\n ? `\n -1px -1px 2px rgba(0,0,0,.4),\n 1px -1px 2px rgba(0,0,0,.4),\n -1px 1px 2px rgba(0,0,0,.4),\n 1px 1px 2px rgba(0,0,0,.4)\n `\n : \'none\';\n\n return (\n \n \n \n \n \n \n \n {colorMode === \'dark\' && (\n \n \n Dark Mode\n \n )}\n {colorMode === \'light\' && (\n \n \n Light Mode\n \n )}\n \n \n \n \n \n \n Box\n \n \n \n \n Tonic UI\n \n \n \n \n );\n};\n\nconst CubeContext = React.createContext();\n\n/**\n * CSS Cube\n * https://davidwalsh.name/css-cube\n */\nconst Cube = ({\n size,\n ...rest\n}) => {\n size = Number(size) || 0;\n if (size < 0) {\n size = 0;\n }\n return (\n \n \n \n );\n};\n\nconst CubeObject = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst CubePlane = (props) => {\n const [colorMode] = useColorMode();\n const backgroundColor = colorMode === \'dark\'\n ? \'rgba(255,255,255,.05)\'\n : \'rgba(0,0,0,.05)\';\n const boxShadow = colorMode === \'dark\'\n ? \'dark.sm\'\n : \'light.sm\';\n\n return (\n \n );\n};\n\nconst Front = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Back = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Top = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Bottom = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Left = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Right = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nCube.Front = Front;\nCube.Back = Back;\nCube.Top = Top;\nCube.Bottom = Bottom;\nCube.Left = Left;\nCube.Right = Right;\n\nexport default AnimatedCube;',path:"pages/getting-started/usage/index.page.mdx"},sandbox:{files:{},raw:'import { keyframes } from \'@emotion/react\';\nimport { Box, Flex, Image, Text, useColorMode } from \'@tonic-ui/react\';\nimport { MoonIcon, SunIcon } from \'@tonic-ui/react-icons\';\nimport { ensureString } from \'ensure-type\';\nimport React, { useContext } from \'react\';\n\nconst BASE_PATH = ensureString(process.env.BASE_PATH);\n\nconst cubeSpin = keyframes`\n from { transform: rotateY(360deg); }\n to { transform: rotateY(0deg); }\n`;\n\nconst AnimatedCube = ({ size = 128, ...rest }) => {\n const [colorMode] = useColorMode();\n const textShadow = colorMode === \'dark\'\n ? `\n -1px -1px 2px rgba(0,0,0,.4),\n 1px -1px 2px rgba(0,0,0,.4),\n -1px 1px 2px rgba(0,0,0,.4),\n 1px 1px 2px rgba(0,0,0,.4)\n `\n : \'none\';\n\n return (\n \n \n \n \n \n \n \n {colorMode === \'dark\' && (\n \n \n Dark Mode\n \n )}\n {colorMode === \'light\' && (\n \n \n Light Mode\n \n )}\n \n \n \n \n \n \n Box\n \n \n \n \n Tonic UI\n \n \n \n \n );\n};\n\nconst CubeContext = React.createContext();\n\n/**\n * CSS Cube\n * https://davidwalsh.name/css-cube\n */\nconst Cube = ({\n size,\n ...rest\n}) => {\n size = Number(size) || 0;\n if (size < 0) {\n size = 0;\n }\n return (\n \n \n \n );\n};\n\nconst CubeObject = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst CubePlane = (props) => {\n const [colorMode] = useColorMode();\n const backgroundColor = colorMode === \'dark\'\n ? \'rgba(255,255,255,.05)\'\n : \'rgba(0,0,0,.05)\';\n const boxShadow = colorMode === \'dark\'\n ? \'dark.sm\'\n : \'light.sm\';\n\n return (\n \n );\n};\n\nconst Front = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Back = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Top = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Bottom = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Left = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Right = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nCube.Front = Front;\nCube.Back = Back;\nCube.Top = Top;\nCube.Bottom = Bottom;\nCube.Left = Left;\nCube.Right = Right;\n\nexport default AnimatedCube;',title:"Tonic UI"}})),"\n",(0,i.jsxs)(e.h4,{id:"rainbow",children:["Rainbow",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#rainbow",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(l.Z,Object.assign({},{component:C,file:{data:"import { Box } from '@tonic-ui/react';\nimport { ensureNumber } from 'ensure-type';\nimport React, { forwardRef } from 'react';\n\nconst defaultRadius = 150;\nconst defaultThicknessRatio = 0.4;\n\nconst Rainbow = forwardRef((\n {\n radius: radiusProp = defaultRadius,\n thicknessRatio = defaultThicknessRatio,\n ...rest\n },\n ref,\n) => {\n const radius = ensureNumber(radiusProp) ?? defaultRadius;\n const diameter = radius * 2;\n const thickness = radius * thicknessRatio;\n const colors = [\n '#FF0000', // red\n '#FF7F00', // orange\n '#FFFF00', // yellow\n '#00FF00', // green\n '#0000FF', // blue\n '#4B0082', // indigo\n '#9400D3', // violet\n ];\n const colorBandWidth = thickness / colors.length;\n const colorStops = colors.reverse().map((color, index) => {\n const smoothOffset = (colorBandWidth / colors.length);\n const start = radius - thickness + (index * colorBandWidth);\n const end = start + colorBandWidth;\n return [color, start + smoothOffset, end - smoothOffset];\n });\n\n return (\n `${color} ${start}px, ${color} ${end}px`).join(',')}\n )`,\n }}\n {...rest}\n />\n );\n});\n\nRainbow.displayName = 'Rainbow';\n\nexport default Rainbow;",path:"pages/getting-started/usage/index.page.mdx"},sandbox:{files:{},raw:"import { Box } from '@tonic-ui/react';\nimport { ensureNumber } from 'ensure-type';\nimport React, { forwardRef } from 'react';\n\nconst defaultRadius = 150;\nconst defaultThicknessRatio = 0.4;\n\nconst Rainbow = forwardRef((\n {\n radius: radiusProp = defaultRadius,\n thicknessRatio = defaultThicknessRatio,\n ...rest\n },\n ref,\n) => {\n const radius = ensureNumber(radiusProp) ?? defaultRadius;\n const diameter = radius * 2;\n const thickness = radius * thicknessRatio;\n const colors = [\n '#FF0000', // red\n '#FF7F00', // orange\n '#FFFF00', // yellow\n '#00FF00', // green\n '#0000FF', // blue\n '#4B0082', // indigo\n '#9400D3', // violet\n ];\n const colorBandWidth = thickness / colors.length;\n const colorStops = colors.reverse().map((color, index) => {\n const smoothOffset = (colorBandWidth / colors.length);\n const start = radius - thickness + (index * colorBandWidth);\n const end = start + colorBandWidth;\n return [color, start + smoothOffset, end - smoothOffset];\n });\n\n return (\n `${color} ${start}px, ${color} ${end}px`).join(',')}\n )`,\n }}\n {...rest}\n />\n );\n});\n\nRainbow.displayName = 'Rainbow';\n\nexport default Rainbow;",title:"Tonic UI"}})),"\n",(0,i.jsxs)(e.h4,{id:"formula-one",children:["Formula One",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#formula-one",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.p,{children:"This example demonstrates how you can use responsive values to create a responsive layout."}),"\n",(0,i.jsx)(l.Z,Object.assign({},{component:g,file:{data:"import { Box, Flex, Text, Truncate } from '@tonic-ui/react';\nimport React from 'react';\n\nconst Light = ({ on, ...rest }) => (\n \n);\n\nconst FormulaOne = () => {\n const laneColor = {\n 1: '#389efc',\n 2: '#ff7332',\n 3: '#00b449',\n 4: '#fdf133',\n 5: '#fc74cf',\n };\n\n const players = [\n { id: '240', lane: 1, name: 'Taiwan Leave System', laps: 2, raceTime: '01:20.592', gates: [1, 1, 1] },\n { id: '339', lane: 2, name: '404 Not Found', laps: 2, raceTime: '01:24.036', gates: [1, 1, 1] },\n { id: '003', lane: 3, name: 'ShowMeThe$$', laps: 2, raceTime: '01:37.890', gates: [1, 1, 0] },\n { id: '207', lane: 4, name: 'Dragon Rider', laps: 1, raceTime: '00:49.211', gates: [1, 1, 0] },\n { id: '456', lane: 5, name: 'BumbleBee', laps: 0, raceTime: '00:00.000', gates: [1, 1, 1] },\n ];\n\n return (\n \n {players.map((player, index) => (\n \n \n \n \n \n \n {player.id}\n \n \n \n \n {player.laps} / {player.raceTime}\n \n \n \n \n \n \n \n {player.name}\n \n \n \n \n \n REC\n \n A\n \n B\n \n \n \n \n ))}\n \n );\n};\n\nexport default FormulaOne;",path:"pages/getting-started/usage/index.page.mdx"},sandbox:{files:{},raw:"import { Box, Flex, Text, Truncate } from '@tonic-ui/react';\nimport React from 'react';\n\nconst Light = ({ on, ...rest }) => (\n \n);\n\nconst FormulaOne = () => {\n const laneColor = {\n 1: '#389efc',\n 2: '#ff7332',\n 3: '#00b449',\n 4: '#fdf133',\n 5: '#fc74cf',\n };\n\n const players = [\n { id: '240', lane: 1, name: 'Taiwan Leave System', laps: 2, raceTime: '01:20.592', gates: [1, 1, 1] },\n { id: '339', lane: 2, name: '404 Not Found', laps: 2, raceTime: '01:24.036', gates: [1, 1, 1] },\n { id: '003', lane: 3, name: 'ShowMeThe$$', laps: 2, raceTime: '01:37.890', gates: [1, 1, 0] },\n { id: '207', lane: 4, name: 'Dragon Rider', laps: 1, raceTime: '00:49.211', gates: [1, 1, 0] },\n { id: '456', lane: 5, name: 'BumbleBee', laps: 0, raceTime: '00:00.000', gates: [1, 1, 1] },\n ];\n\n return (\n \n {players.map((player, index) => (\n \n \n \n \n \n \n {player.id}\n \n \n \n \n {player.laps} / {player.raceTime}\n \n \n \n \n \n \n \n {player.name}\n \n \n \n \n \n REC\n \n A\n \n B\n \n \n \n \n ))}\n \n );\n};\n\nexport default FormulaOne;",title:"Tonic UI"}})),"\n",(0,i.jsxs)(e.h2,{id:"versioned-documentation",children:["Versioned Documentation",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#versioned-documentation",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["This documentation always reflects the latest version of Tonic UI. You can find older versions of the documentation ",(0,i.jsx)(e.a,{href:"versions",children:"here"}),"."]})]})}var W=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=Object.assign({},(0,s.ah)(),n.components).wrapper;return e?(0,i.jsx)(e,Object.assign({},n,{children:(0,i.jsx)(_,n)})):_(n)}},96835:function(n,e,t){"use strict";t.d(e,{Z:function(){return O}});var o=t(27216),r=t(40596),a=t(49857),i=t(73645),s=t(99870),l=t(62272),c=t(14594),d=t(65019),u=t(37384),h=t(99554),x=t(69111),p=t(5632),m=t(2784),f=t(65245);function g(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=Array(e);t0&&document.getSelection().getRangeAt(0);e.select(),document.execCommand("copy"),document.body.removeChild(e),t&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(t))},y=function(n){var e,t=function(n){if(Array.isArray(n))return n}(e=(0,m.useState)(!1))||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,s=[],l=!0,c=!1;try{for(a=(t=t.call(n)).next;!(l=(o=a.call(t)).done)&&(s.push(o.value),2!==s.length);l=!0);}catch(n){c=!0,r=n}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return s}}(e,2)||function(n,e){if(n){if("string"==typeof n)return g(n,2);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return g(n,2)}}(e,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),o=t[0],r=t[1];return{value:n,onCopy:function(){b(n),r(!0),setTimeout(function(){return r(!1)},1500)},hasCopied:o}},v=t(63768),j=t(76761),C=t(73205),k=t(98107),S=t(44285),w=["component","defaultExpanded","expanded","file","sandbox"];function B(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,s=[],l=!0,c=!1;try{if(a=(t=t.call(n)).next,0===e){if(Object(t)!==t)return;l=!1}else for(;!(l=(o=a.call(t)).done)&&(s.push(o.value),s.length!==e);l=!0);}catch(n){c=!0,r=n}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return s}}(n,e)||function(n,e){if(n){if("string"==typeof n)return T(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return T(n,e)}}(n,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}}}(n,w);var O=(0,p.useRouter)(),z=B((0,m.useReducer)(function(n){return!n},!1),2),F=z[0],R=z[1],Z=(0,o.u)(),I=B((0,r.Z)(),1)[0],P={dark:j.y,light:j.q}[I],M=B((0,d.Z)(null!=b?b:void 0!==g&&g),2),N=M[0],A=M[1],H=y(null==T?void 0:T.data),$=H.onCopy,L=H.hasCopied,_=(0,m.useCallback)(function(){$()},[$]),W=(0,m.useCallback)(function(){(0,C.b)(E)},[E]),U=(0,m.useCallback)(function(){R(),A(!1)},[R,A]);return((0,m.useEffect)(function(){void 0!==b&&b!==N&&A(b)},[b,N,A]),t)?m.createElement(f.nu,{code:null==T?void 0:T.data,disabled:!0,language:"jsx",theme:P},m.createElement(a.Z,{border:1,borderColor:{dark:"gray:70",light:"gray:30"}[I],p:"4x"},m.createElement(a.Z,{fontSize:"sm",lineHeight:"sm"},m.createElement(m.Fragment,{key:F},m.createElement(t,null)))),m.createElement(i.Z,{columnGap:"2x",justifyContent:"flex-end",mb:"4x"},m.createElement(S.Z,{"data-track":N?"CodeBlock|hide_source|".concat((0,k.Z)({path:O.pathname})):"CodeBlock|show_source|".concat((0,k.Z)({path:O.pathname})),onClick:A},m.createElement(s.Z,{label:N?"Hide the source":"Show the source"},m.createElement(u.Z,null))),m.createElement(S.Z,{"data-track":"CodeBlock|copy_source|".concat((0,k.Z)({path:O.pathname})),onClick:_},m.createElement(s.Z,{label:L?"Copied":"Copy the source"},m.createElement(h.Z,null))),m.createElement(S.Z,{"data-track":"CodeBlock|edit_in_codesandbox|".concat(O.pathname),onClick:W},m.createElement(s.Z,{label:"Edit in CodeSandbox"},m.createElement(v.Z,null))),m.createElement(S.Z,{"data-track":"CodeBlock|reset|".concat(O.pathname),onClick:U},m.createElement(s.Z,{label:"Reset the demo"},m.createElement(x.Z,null)))),m.createElement(l.Z,{in:N},m.createElement(c.Z,{in:N,unmountOnExit:!0},m.createElement(a.Z,{as:f.uz,sx:{fontFamily:"mono",fontSize:"md",lineHeight:"md",mb:"4x","& > .prism-code":{padding:"".concat(null==Z?void 0:null===(e=Z.space)||void 0===e?void 0:e["4x"]," !important"),overflowX:"auto"}}})))):m.createElement(f.nu,{code:null==T?void 0:T.data,disabled:!0,language:"jsx",theme:P},m.createElement(a.Z,{as:f.uz,sx:{fontFamily:"mono",fontSize:"sm","& > .prism-code":{overflowX:"auto"}}}))};E.displayName="Demo";var O=E},33224:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/getting-started/usage",function(){return t(6116)}])},99554:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M12 0h-6c-0.5 0-1 0.5-1 1v3h-3c-0.5 0-1 0.5-1 1v10c0 0.5 0.5 1 1 1h8c0.5 0 1-0.5 1-1v-3h3c0.5 0 1-0.5 1-1v-8l-3-3zM12 1.4l1.6 1.6h-1.6v-1.6zM10 15h-8v-10h5v3h3v7zM8 7v-1.6l1.6 1.6h-1.6zM14 11h-3v-4l-3-3h-2v-3h5v3h3v7z"}),"FileCopyOIcon")},69111:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M10 7l1.995-1.995c-0.921-1.215-2.365-1.992-3.99-1.992-2.758 0-4.993 2.235-4.993 4.993s2.235 4.993 4.993 4.993c1.839 0 3.446-0.995 4.313-2.475l0.013-0.024 1.732 1c-1.233 2.111-3.487 3.507-6.068 3.507-3.867 0-7.003-3.135-7.003-7.003s3.135-7.003 7.003-7.003c2.183 0 4.133 0.999 5.417 2.565l0.010 0.012 1.579-1.579v5z"}),"RedoIcon")},39108:function(n,e,t){"use strict";t.d(e,{Z:function(){return c}});var o=t(53860),r=t(2784),a=t(70758),i=t(59804),s=t(52903),l=(0,r.forwardRef)(function(n,e){var t=(0,i.k)();return(0,s.tZ)(a.Z,(0,o.Zj)((0,o.Zj)({ref:e},t),n))});l.displayName="Truncate";var c=l},59804:function(n,e,t){"use strict";t.d(e,{k:function(){return o}});var o=function(){return{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}}},function(n){n.O(0,[2888,9774,179],function(){return n(n.s=33224)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/react/pr-890/_next/static/chunks/pages/getting-started/usage-abcba1899f79bfd9.js b/react/pr-890/_next/static/chunks/pages/getting-started/usage-abcba1899f79bfd9.js deleted file mode 100644 index a90a3997bb..0000000000 --- a/react/pr-890/_next/static/chunks/pages/getting-started/usage-abcba1899f79bfd9.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7390],{6116:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return W}});var o,r,a,i=t(52322),s=t(45392),l=t(96835),c=t(49857),d=t(70758),u=t(39108),h=t(73645),x=t(2784),p=["on"];function m(){return(m=Object.assign?Object.assign.bind():function(n){for(var e=1;e=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,p);return x.createElement(c.Z,m({display:"inline-block",borderRadius:"50%",bg:e?"#00ff00":"#666",boxShadow:e?"0 0 1px 2px rgba(0, 255, 0, .8)":"none",height:16,width:16,verticalAlign:"middle"},t))},g=function(){var n={1:"#389efc",2:"#ff7332",3:"#00b449",4:"#fdf133",5:"#fc74cf"};return x.createElement(c.Z,{position:"relative",mx:"auto"},[{id:"240",lane:1,name:"Taiwan Leave System",laps:2,raceTime:"01:20.592",gates:[1,1,1]},{id:"339",lane:2,name:"404 Not Found",laps:2,raceTime:"01:24.036",gates:[1,1,1]},{id:"003",lane:3,name:"ShowMeThe$$",laps:2,raceTime:"01:37.890",gates:[1,1,0]},{id:"207",lane:4,name:"Dragon Rider",laps:1,raceTime:"00:49.211",gates:[1,1,0]},{id:"456",lane:5,name:"BumbleBee",laps:0,raceTime:"00:00.000",gates:[1,1,1]}].map(function(e,t){return x.createElement(c.Z,{key:e.id,display:"flex",minWidth:360},x.createElement(c.Z,{flexBasis:"auto",flexGrow:0,minWidth:"2x",width:"2x",bg:n[e.lane]}),x.createElement(c.Z,{bg:t%2?"gray:100":"gray:80",color:"white:primary",flexBasis:0,flexGrow:1,maxWidth:"calc(100% - .5rem)",py:"2x",px:"6x"},x.createElement(c.Z,{display:"flex",alignItems:"flex-end"},x.createElement(c.Z,{flexBasis:0,flexGrow:1,maxWidth:"100%"},x.createElement(d.Z,{color:"#6fffff",fontWeight:"bold",fontSize:["4xl",null,null,48],lineHeights:["4xl",null,null,"1.5"]},e.id)),x.createElement(c.Z,{flexBasis:"auto",flexGrow:0,width:"auto"},x.createElement(d.Z,{fontSize:["3xl",null,null,"4xl"],lineHeight:["3xl",null,null,"4xl"]},e.laps," / ",e.raceTime))),x.createElement(c.Z,{display:"flex",alignItems:"center",pt:"2x"},x.createElement(c.Z,{flexBasis:0,flexGrow:1,maxWidth:"100%",width:0},x.createElement(u.Z,null,x.createElement(d.Z,{fontSize:["2xl",null,null,"3xl"],lineHeight:["2xl",null,null,"3xl"]},e.name))),x.createElement(h.Z,{flexBasis:"auto",flexGrow:0,width:"auto",fontSize:["xl",null,null,"2xl"],lineHeight:["xl",null,null,"2xl"]},x.createElement(f,{on:e.gates[0],m:"2x"}),x.createElement(d.Z,{pr:"2x"},"REC"),x.createElement(f,{on:e.gates[1],m:"2x"}),x.createElement(d.Z,{pr:"2x"},"A"),x.createElement(f,{on:e.gates[2],m:"2x"}),x.createElement(d.Z,{pr:"2x"},"B")))))}))},b=t(5081),y=["radius","thicknessRatio"];function v(){return(v=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,y),i=null!==(t=(0,b.q9)(void 0===o?150:o))&&void 0!==t?t:150,s=2*i,l=i*(void 0===r?.4:r),d=["#FF0000","#FF7F00","#FFFF00","#00FF00","#0000FF","#4B0082","#9400D3"],u=l/d.length,h=d.reverse().map(function(n,e){var t=u/d.length,o=i-l+e*u;return[n,o+t,o+u-t]});return x.createElement(c.Z,v({ref:e,display:"inline-block",width:s,height:i,position:"relative",overflow:"hidden",__before:{content:'""',position:"absolute",width:s,height:s,borderRadius:"50%",background:"radial-gradient(circle at center,\n transparent 0, transparent ".concat(i-l,"px,\n ").concat(h.map(function(n){var e=function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,s=[],l=!0,c=!1;try{for(a=(t=t.call(n)).next;!(l=(o=a.call(t)).done)&&(s.push(o.value),3!==s.length);l=!0);}catch(n){c=!0,r=n}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return s}}(n,3)||function(n,e){if(n){if("string"==typeof n)return j(n,3);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return j(n,3)}}(n,3)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),t=e[0],o=e[1],r=e[2];return"".concat(t," ").concat(o,"px, ").concat(t," ").concat(r,"px")}).join(","),"\n )")}},a))});C.displayName="Rainbow";var k=t(28165),S=t(40596),w=t(85273),B=t(57999),T=t(20365),E=["size"],O=["size"];function z(){return(z=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}var I=(0,b.Zs)("/tonic-ui-demo/react/pr-"),P=(0,k.F4)(a||(o=["\n from { transform: rotateY(360deg); }\n to { transform: rotateY(0deg); }\n"],r||(r=o.slice(0)),a=Object.freeze(Object.defineProperties(o,{raw:{value:Object.freeze(r)}})))),M=x.createContext(),N=function(n){var e=n.size,t=Z(n,O);return(e=Number(e)||0)<0&&(e=0),x.createElement(M.Provider,{value:e},x.createElement(A,t))},A=function(n){var e=(0,x.useContext)(M);return x.createElement(c.Z,z({position:"relative",width:e,height:e,my:0,mx:"auto",transformStyle:"preserve-3d"},n))},H=function(n){var e=F((0,S.Z)(),1)[0];return x.createElement(c.Z,z({position:"absolute",top:0,right:0,bottom:0,left:0,backgroundColor:"dark"===e?"rgba(255,255,255,.05)":"rgba(0,0,0,.05)",boxShadow:"dark"===e?"dark.sm":"light.sm",display:"flex",justifyContent:"center",alignItems:"center",backfaceVisibility:"hidden"},n))};N.Front=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"translateZ(".concat(e/2,"px)")},n))},N.Back=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"translateZ(-".concat(e/2,"px) rotateY(180deg)")},n))},N.Top=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"rotateX(-90deg) translateY(-".concat(e/2,"px)"),transformOrigin:"top center"},n))},N.Bottom=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"rotateX(90deg) translateY(".concat(e/2,"px)"),transformOrigin:"bottom center"},n))},N.Left=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"rotateY(270deg) translateX(-".concat(e/2,"px)"),transformOrigin:"center left"},n))},N.Right=function(n){var e=(0,x.useContext)(M);return x.createElement(H,z({transform:"rotateY(-270deg) translateX(".concat(e/2,"px)"),transformOrigin:"top right"},n))};var $=function(n){var e=n.size,t=Z(n,E),o=F((0,S.Z)(),1)[0],r="dark"===o?"\n -1px -1px 2px rgba(0,0,0,.4),\n 1px -1px 2px rgba(0,0,0,.4),\n -1px 1px 2px rgba(0,0,0,.4),\n 1px 1px 2px rgba(0,0,0,.4)\n ":"none";return x.createElement(c.Z,z({display:"inline-block",py:"16x",px:"8x",perspective:"100vw",perspectiveOrigin:"center 250%"},t),x.createElement(N,{animation:"".concat(P," 8s infinite linear"),size:void 0===e?128:e},x.createElement(N.Front,{backgroundColor:"white"},x.createElement(w.Z,{alt:"",src:"".concat(I,"/images/Trend-Micro-Logo.svg"),width:"80%"})),x.createElement(N.Back,null,x.createElement(c.Z,{textShadow:r},"dark"===o&&x.createElement(h.Z,{direction:"column",spacing:"3x"},x.createElement(B.Z,{size:24,mx:"auto"}),x.createElement(d.Z,null,"Dark Mode")),"light"===o&&x.createElement(h.Z,{direction:"column",spacing:"3x"},x.createElement(T.Z,{size:24,mx:"auto"}),x.createElement(d.Z,null,"Light Mode")))),x.createElement(N.Top,{backfaceVisibility:"visible"}),x.createElement(N.Bottom,{backfaceVisibility:"visible"}),x.createElement(N.Left,null,x.createElement(d.Z,{fontSize:"2xl",fontWeight:"semibold",textShadow:r},"Box")),x.createElement(N.Right,null,x.createElement(d.Z,{fontSize:"lg",textShadow:r},"Tonic UI"))))},L=function(){return x.createElement(c.Z,{as:"button",backgroundColor:"blue:60",border:"none",borderRadius:"sm",color:"white:primary",cursor:"pointer",display:"inline-flex",px:"3x",py:"2x",_focus:{":not(:active)":{backgroundColor:"blue:60"}},_hover:{backgroundColor:"blue:50"},_active:{backgroundColor:"blue:70"}},"Primary Button")};function _(n){var e=Object.assign({div:"div",h1:"h1",p:"p",h2:"h2",a:"a",svg:"svg",use:"use",code:"code",pre:"pre",blockquote:"blockquote",strong:"strong",h3:"h3",h4:"h4",ul:"ul",li:"li"},(0,s.ah)(),n.components);return(0,i.jsxs)(e.div,{className:"main-content",children:["\n","\n","\n","\n","\n",(0,i.jsx)(e.h1,{id:"usage",children:"Usage"}),"\n",(0,i.jsx)(e.p,{children:"You can use any of the components as demonstrated in the documentation. If you are the first time using Tonic UI, you may want to read the following sections to get started."}),"\n",(0,i.jsxs)(e.h2,{id:"setup-provider",children:["Setup Provider",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#setup-provider",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["For Tonic UI to work, you will need to setup the ",(0,i.jsx)(e.code,{children:"TonicProvder"})," at the root of your application."]}),"\n",(0,i.jsx)(e.p,{children:"Go to the root of your application and do the following:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"import React from 'react';\nimport {\n Box,\n TonicProvider,\n colorStyle, // [optional] Required only for customizing color styles\n theme, // [optional] Required only for customizing the theme\n} from '@tonic-ui/react';\n\n// Enable CSS variables\ntheme.config.useCSSVariables = true;\n\nfunction App(props) {\n return (\n \n \n \n );\n}\n"})}),"\n",(0,i.jsx)(e.p,{children:"See below for a more complete example:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"import { Global, css } from '@emotion/react';\nimport React from 'react';\nimport {\n Box,\n TonicProvider,\n PortalManager, // allows you to create and manage portals in the application\n ToastManager, // allows you to create and manage toasts in the application\n colorStyle,\n theme,\n useColorMode,\n useTheme,\n} from '@tonic-ui/react';\n\n// Enable CSS variables\ntheme.config.useCSSVariables = true;\n\nfunction App(props) {\n return (\n \n \n &:first-of-type': {\n mt: '4x', // the space to the top edge of the screen\n },\n '[data-toast-placement^=\"bottom\"] > &:last-of-type': {\n mb: '4x', // the space to the bottom edge of the screen\n },\n '[data-toast-placement$=\"left\"] > &': {\n ml: '4x', // the space to the left edge of the screen\n },\n '[data-toast-placement$=\"right\"] > &': {\n mr: '4x', // the space to the right edge of the screen\n },\n },\n }}\n >\n \n \n \n \n \n \n );\n}\n\nfunction Layout(props) {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const { colors, fontSizes, lineHeights } = useTheme();\n const backgroundColor = colorStyle.background.primary;\n const color = colorStyle.color.primary;\n const scrollbarThumbBackgroundColor = colorStyle.color.disabled;\n const scrollbarThumbHoverBackgroundColor = colorStyle.color.tertiary;\n const scrollbarThumbHoverBorderColor = colorStyle.color.secondary;\n const scrollbarTrackBackgroundColor = {\n light: 'gray:30',\n dark: 'gray:70',\n }[colorMode];\n\n return (\n <>\n \n \n \n );\n}\n"})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsxs)(e.p,{children:["Learn more about ",(0,i.jsx)(e.a,{href:"../components/color-mode",children:"Color Mode"})," in the documentation."]}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsxs)(e.p,{children:["Learn more about ",(0,i.jsx)(e.a,{href:"../components/color-style",children:"Color Style"})," in the documentation."]}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsxs)(e.p,{children:["For the ",(0,i.jsx)(e.strong,{children:(0,i.jsx)(e.code,{children:"color-scheme"})})," CSS property, see ",(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme",children:"MDN"})," for more information."]}),"\n"]}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsxs)(e.p,{children:["For the ",(0,i.jsx)(e.strong,{children:(0,i.jsx)(e.code,{children:":focus-visible"})})," pseudo-class, see ",(0,i.jsx)(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible",children:"MDN"})," for more information."]}),"\n"]}),"\n",(0,i.jsxs)(e.h3,{id:"applying-base-css-styles",children:["Applying base CSS styles",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#applying-base-css-styles",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["Sometimes you may need to apply base CSS styles to your application. Tonic UI provides an optional ",(0,i.jsx)(e.code,{children:"CSSBaseline"})," component that fixes some inconsistencies across browsers and devices while providing slightly more opinionated resets to common HTML elements. ",(0,i.jsx)(e.code,{children:"CSSBaseline"})," is recommended to add at the root to ensure all components work correctly."]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n \n\n"})}),"\n",(0,i.jsxs)(e.blockquote,{children:["\n",(0,i.jsxs)(e.p,{children:["If you are not writing an application, you may want to set ",(0,i.jsx)(e.code,{children:"useCSSBaseline"})," to ",(0,i.jsx)(e.code,{children:"false"})," (or not set it at all) to prevent global styles pollution."]}),"\n"]}),"\n",(0,i.jsxs)(e.h3,{id:"enabling-css-variables",children:["Enabling CSS variables",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#enabling-css-variables",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.p,{children:"Tonic UI supports converting theme tokens defined in the theme to CSS variables. You can enable this behavior by configuring the theme as shown below:"}),"\n",(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-jsx",children:"import { TonicProvider, theme } from '@tonic-ui/react';\n\n// Enable CSS variables\ntheme.config.useCSSVariables = true;\n\n// Pass `theme` to `TonicProvider`\n\n"})}),"\n",(0,i.jsx)(e.p,{children:"For example, consider a theme object that looks like this:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-js",children:"const theme = {\n colors: {\n 'gray:10': '#fafafa',\n 'gray:20': '#f7f7f7',\n },\n};\n"})}),"\n",(0,i.jsxs)(e.p,{children:["When this theme is passed to ",(0,i.jsx)(e.code,{children:"TonicProvider"}),", Tonic UI will generate CSS variables automatically, as shown below:"]}),"\n",(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-css",children:":root {\n --tonic-colors-gray-10: #fafafa;\n --tonic-colors-gray-20: #f7f7f7;\n}\n"})}),"\n",(0,i.jsx)(e.p,{children:"These CSS variables can then be used to style components, providing a consistent look and feel throughout the application."}),"\n",(0,i.jsxs)(e.h3,{id:"extending-the-color-style",children:["Extending the Color Style",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#extending-the-color-style",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.p,{children:"Optionally, you can extend the color style by providing a custom color style. This is not required if you are using the default color style."}),"\n",(0,i.jsxs)(e.h4,{id:"1-customizing-the-color-style",children:["1. Customizing the color style",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#1-customizing-the-color-style",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["To override default color style, you can create a color style object according to the color mode, and pass the object to ",(0,i.jsx)(e.code,{children:"TonicProvider"})," with either the ",(0,i.jsx)(e.code,{children:"value"})," or the ",(0,i.jsx)(e.code,{children:"defaultValue"})," property."]}),"\n",(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-js",children:"import { colorStyle } from '@tonic-ui/react';\n\n// Let's say you want to define color style for your components\nconst customColorStyle = {\n ...colorStyle,\n dark: {\n ...colorStyle.dark,\n risk: {\n high: 'red:50',\n medium: 'yellow:50',\n low: 'green:40',\n none: 'gray:50',\n },\n severity: {\n critical: 'magenta:60',\n high: 'red:50',\n medium: 'orange:50',\n low: 'yellow:50',\n info: 'gray:50',\n },\n },\n light: {\n ...colorStyle.light,\n risk: {\n high: 'red:60',\n medium: 'yellow:50',\n low: 'green:50',\n none: 'gray:50',\n },\n severity: {\n critical: 'magenta:60',\n high: 'red:60',\n medium: 'orange:50',\n low: 'yellow:50',\n info: 'gray:50',\n },\n },\n};\n"})}),"\n",(0,i.jsxs)(e.h4,{id:"2-setting-up-the-provider",children:["2. Setting up the provider",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#2-setting-up-the-provider",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n {children}\n\n"})}),"\n",(0,i.jsxs)(e.h4,{id:"3-using-the-color-style",children:["3. Using the color style",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#3-using-the-color-style",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"const [colorStyle] = useColorStyle()\nconsole.log(colorStyle?.risk?.medium); // 'yellow:50'\nconsole.log(colorStyle?.severity?.critical); // 'magenta:60'\n"})}),"\n",(0,i.jsxs)(e.h3,{id:"extending-the-theme",children:["Extending the Theme",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#extending-the-theme",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.p,{children:"Optionally, you can extend the theme object to override the defaults with custom colors, fonts, styles, etc. This is not required if you are using the default theme."}),"\n",(0,i.jsxs)(e.h4,{id:"1-overriding-the-theme",children:["1. Overriding the theme",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#1-overriding-the-theme",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["Override the theme object and pass it to the ",(0,i.jsx)(e.code,{children:""})," component."]}),"\n",(0,i.jsx)(e.pre,{children:(0,i.jsx)(e.code,{className:"language-js",children:'import { theme } from \'@tonic-ui/react\';\n\n// Enable CSS variables\ntheme.config.useCSSVariables = true;\n\n// Let\'s say you want to add more colors\nconst customTheme = {\n ...theme,\n colors: {\n ...theme.colors,\n brand: {\n 90: "#1a365d",\n 80: "#153e75",\n 70: "#2a69ac",\n },\n },\n};\n'})}),"\n",(0,i.jsxs)(e.h4,{id:"2-setting-up-the-provider-1",children:["2. Setting up the provider",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#2-setting-up-the-provider-1",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n {children}\n\n"})}),"\n",(0,i.jsxs)(e.h4,{id:"3-using-the-theme",children:["3. Using the theme",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#3-using-the-theme",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"const theme = useTheme();\nconst brandColor = theme?.colors?.brand?.[90];\n"})}),"\n",(0,i.jsxs)(e.h2,{id:"how-to-use-tonic-ui",children:["How to use Tonic UI",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#how-to-use-tonic-ui",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.h3,{id:"design-tokens-in-the-theme",children:["Design tokens in the theme",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#design-tokens-in-the-theme",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["Visit ",(0,i.jsx)(e.a,{href:"../styled-system",children:"Styled System"})," and ",(0,i.jsx)(e.a,{href:"../theme",children:"Theme"})," sections to learn how the different CSS (and custom) properties are mapped to the theme keys."]}),"\n",(0,i.jsxs)(e.h3,{id:"how-to-use-box",children:["How to use Box",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#how-to-use-box",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["You can customize the styling and layout of your components using the various style props, pseudo-style props, and responsive values provided by ",(0,i.jsx)(e.code,{children:"Box"}),":"]}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"../styled-system/style-props",children:"Style props"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"../styled-system/pseudo-style-props",children:"Pseudo style props"})}),"\n",(0,i.jsx)(e.li,{children:(0,i.jsx)(e.a,{href:"../styled-system/responsive-values",children:"Responsive values"})}),"\n"]}),"\n",(0,i.jsxs)(e.h4,{id:"using-style-props-and-pseudo-style-props",children:["Using style props and pseudo style props",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#using-style-props-and-pseudo-style-props",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(l.Z,Object.assign({},{component:L,file:{data:'import { Box } from \'@tonic-ui/react\';\nimport React from \'react\';\n\nconst App = () => (\n \n Primary Button\n \n);\n\nexport default App;',path:"pages/getting-started/usage/index.page.mdx"},sandbox:{files:{},raw:'import { Box } from \'@tonic-ui/react\';\nimport React from \'react\';\n\nconst App = () => (\n \n Primary Button\n \n);\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,i.jsxs)(e.h4,{id:"shorthands",children:["Shorthands",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#shorthands",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["There are some shorthands available for various CSS properties. These are documentated on the ",(0,i.jsx)(e.a,{href:"../styled-system/style-props",children:"style props"})," page."]}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n"})}),"\n",(0,i.jsx)(e.p,{children:"These shorthands are optional. It's great for saving time, but not necessary to use."}),"\n",(0,i.jsxs)(e.h3,{id:"superset-of-css",children:["Superset of CSS",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#superset-of-css",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["The ",(0,i.jsx)(e.code,{children:"sx"})," prop supports CSS syntax including child and pseudo-selectors, media queries, raw CSS values, and more. Here are a few examples of how you can implement these CSS features:"]}),"\n",(0,i.jsxs)(e.ul,{children:["\n",(0,i.jsxs)(e.li,{children:["\n",(0,i.jsx)(e.p,{children:"Using pseudo-selectors:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n"})}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\n",(0,i.jsx)(e.p,{children:"Using media queries:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n"})}),"\n"]}),"\n",(0,i.jsxs)(e.li,{children:["\n",(0,i.jsx)(e.p,{children:"Using nested selectors:"}),"\n",(0,i.jsx)(e.pre,{disabled:!0,children:(0,i.jsx)(e.code,{className:"language-jsx",children:"\n"})}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(e.p,{children:["Read more on ",(0,i.jsx)(e.a,{href:"the-sx-prop",children:"the sx prop"})," page."]}),"\n",(0,i.jsxs)(e.h3,{id:"advanced-box-usage",children:["Advanced Box usage",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#advanced-box-usage",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["Here are some advanced examples of how you can use the ",(0,i.jsx)(e.code,{children:"Box"})," component:"]}),"\n",(0,i.jsxs)(e.h4,{id:"animated-cube",children:["Animated Cube",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#animated-cube",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(l.Z,Object.assign({},{component:$,file:{data:'import { keyframes } from \'@emotion/react\';\nimport { Box, Flex, Image, Text, useColorMode } from \'@tonic-ui/react\';\nimport { MoonIcon, SunIcon } from \'@tonic-ui/react-icons\';\nimport { ensureString } from \'ensure-type\';\nimport React, { useContext } from \'react\';\n\nconst BASE_PATH = ensureString(process.env.BASE_PATH);\n\nconst cubeSpin = keyframes`\n from { transform: rotateY(360deg); }\n to { transform: rotateY(0deg); }\n`;\n\nconst AnimatedCube = ({ size = 128, ...rest }) => {\n const [colorMode] = useColorMode();\n const textShadow = colorMode === \'dark\'\n ? `\n -1px -1px 2px rgba(0,0,0,.4),\n 1px -1px 2px rgba(0,0,0,.4),\n -1px 1px 2px rgba(0,0,0,.4),\n 1px 1px 2px rgba(0,0,0,.4)\n `\n : \'none\';\n\n return (\n \n \n \n \n \n \n \n {colorMode === \'dark\' && (\n \n \n Dark Mode\n \n )}\n {colorMode === \'light\' && (\n \n \n Light Mode\n \n )}\n \n \n \n \n \n \n Box\n \n \n \n \n Tonic UI\n \n \n \n \n );\n};\n\nconst CubeContext = React.createContext();\n\n/**\n * CSS Cube\n * https://davidwalsh.name/css-cube\n */\nconst Cube = ({\n size,\n ...rest\n}) => {\n size = Number(size) || 0;\n if (size < 0) {\n size = 0;\n }\n return (\n \n \n \n );\n};\n\nconst CubeObject = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst CubePlane = (props) => {\n const [colorMode] = useColorMode();\n const backgroundColor = colorMode === \'dark\'\n ? \'rgba(255,255,255,.05)\'\n : \'rgba(0,0,0,.05)\';\n const boxShadow = colorMode === \'dark\'\n ? \'dark.sm\'\n : \'light.sm\';\n\n return (\n \n );\n};\n\nconst Front = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Back = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Top = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Bottom = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Left = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Right = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nCube.Front = Front;\nCube.Back = Back;\nCube.Top = Top;\nCube.Bottom = Bottom;\nCube.Left = Left;\nCube.Right = Right;\n\nexport default AnimatedCube;',path:"pages/getting-started/usage/index.page.mdx"},sandbox:{files:{},raw:'import { keyframes } from \'@emotion/react\';\nimport { Box, Flex, Image, Text, useColorMode } from \'@tonic-ui/react\';\nimport { MoonIcon, SunIcon } from \'@tonic-ui/react-icons\';\nimport { ensureString } from \'ensure-type\';\nimport React, { useContext } from \'react\';\n\nconst BASE_PATH = ensureString(process.env.BASE_PATH);\n\nconst cubeSpin = keyframes`\n from { transform: rotateY(360deg); }\n to { transform: rotateY(0deg); }\n`;\n\nconst AnimatedCube = ({ size = 128, ...rest }) => {\n const [colorMode] = useColorMode();\n const textShadow = colorMode === \'dark\'\n ? `\n -1px -1px 2px rgba(0,0,0,.4),\n 1px -1px 2px rgba(0,0,0,.4),\n -1px 1px 2px rgba(0,0,0,.4),\n 1px 1px 2px rgba(0,0,0,.4)\n `\n : \'none\';\n\n return (\n \n \n \n \n \n \n \n {colorMode === \'dark\' && (\n \n \n Dark Mode\n \n )}\n {colorMode === \'light\' && (\n \n \n Light Mode\n \n )}\n \n \n \n \n \n \n Box\n \n \n \n \n Tonic UI\n \n \n \n \n );\n};\n\nconst CubeContext = React.createContext();\n\n/**\n * CSS Cube\n * https://davidwalsh.name/css-cube\n */\nconst Cube = ({\n size,\n ...rest\n}) => {\n size = Number(size) || 0;\n if (size < 0) {\n size = 0;\n }\n return (\n \n \n \n );\n};\n\nconst CubeObject = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst CubePlane = (props) => {\n const [colorMode] = useColorMode();\n const backgroundColor = colorMode === \'dark\'\n ? \'rgba(255,255,255,.05)\'\n : \'rgba(0,0,0,.05)\';\n const boxShadow = colorMode === \'dark\'\n ? \'dark.sm\'\n : \'light.sm\';\n\n return (\n \n );\n};\n\nconst Front = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Back = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Top = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Bottom = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Left = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nconst Right = (props) => {\n const size = useContext(CubeContext);\n return (\n \n );\n};\n\nCube.Front = Front;\nCube.Back = Back;\nCube.Top = Top;\nCube.Bottom = Bottom;\nCube.Left = Left;\nCube.Right = Right;\n\nexport default AnimatedCube;',title:"Tonic UI"}})),"\n",(0,i.jsxs)(e.h4,{id:"rainbow",children:["Rainbow",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#rainbow",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(l.Z,Object.assign({},{component:C,file:{data:"import { Box } from '@tonic-ui/react';\nimport { ensureNumber } from 'ensure-type';\nimport React, { forwardRef } from 'react';\n\nconst defaultRadius = 150;\nconst defaultThicknessRatio = 0.4;\n\nconst Rainbow = forwardRef((\n {\n radius: radiusProp = defaultRadius,\n thicknessRatio = defaultThicknessRatio,\n ...rest\n },\n ref,\n) => {\n const radius = ensureNumber(radiusProp) ?? defaultRadius;\n const diameter = radius * 2;\n const thickness = radius * thicknessRatio;\n const colors = [\n '#FF0000', // red\n '#FF7F00', // orange\n '#FFFF00', // yellow\n '#00FF00', // green\n '#0000FF', // blue\n '#4B0082', // indigo\n '#9400D3', // violet\n ];\n const colorBandWidth = thickness / colors.length;\n const colorStops = colors.reverse().map((color, index) => {\n const smoothOffset = (colorBandWidth / colors.length);\n const start = radius - thickness + (index * colorBandWidth);\n const end = start + colorBandWidth;\n return [color, start + smoothOffset, end - smoothOffset];\n });\n\n return (\n `${color} ${start}px, ${color} ${end}px`).join(',')}\n )`,\n }}\n {...rest}\n />\n );\n});\n\nRainbow.displayName = 'Rainbow';\n\nexport default Rainbow;",path:"pages/getting-started/usage/index.page.mdx"},sandbox:{files:{},raw:"import { Box } from '@tonic-ui/react';\nimport { ensureNumber } from 'ensure-type';\nimport React, { forwardRef } from 'react';\n\nconst defaultRadius = 150;\nconst defaultThicknessRatio = 0.4;\n\nconst Rainbow = forwardRef((\n {\n radius: radiusProp = defaultRadius,\n thicknessRatio = defaultThicknessRatio,\n ...rest\n },\n ref,\n) => {\n const radius = ensureNumber(radiusProp) ?? defaultRadius;\n const diameter = radius * 2;\n const thickness = radius * thicknessRatio;\n const colors = [\n '#FF0000', // red\n '#FF7F00', // orange\n '#FFFF00', // yellow\n '#00FF00', // green\n '#0000FF', // blue\n '#4B0082', // indigo\n '#9400D3', // violet\n ];\n const colorBandWidth = thickness / colors.length;\n const colorStops = colors.reverse().map((color, index) => {\n const smoothOffset = (colorBandWidth / colors.length);\n const start = radius - thickness + (index * colorBandWidth);\n const end = start + colorBandWidth;\n return [color, start + smoothOffset, end - smoothOffset];\n });\n\n return (\n `${color} ${start}px, ${color} ${end}px`).join(',')}\n )`,\n }}\n {...rest}\n />\n );\n});\n\nRainbow.displayName = 'Rainbow';\n\nexport default Rainbow;",title:"Tonic UI"}})),"\n",(0,i.jsxs)(e.h4,{id:"formula-one",children:["Formula One",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#formula-one",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsx)(e.p,{children:"This example demonstrates how you can use responsive values to create a responsive layout."}),"\n",(0,i.jsx)(l.Z,Object.assign({},{component:g,file:{data:"import { Box, Flex, Text, Truncate } from '@tonic-ui/react';\nimport React from 'react';\n\nconst Light = ({ on, ...rest }) => (\n \n);\n\nconst FormulaOne = () => {\n const laneColor = {\n 1: '#389efc',\n 2: '#ff7332',\n 3: '#00b449',\n 4: '#fdf133',\n 5: '#fc74cf',\n };\n\n const players = [\n { id: '240', lane: 1, name: 'Taiwan Leave System', laps: 2, raceTime: '01:20.592', gates: [1, 1, 1] },\n { id: '339', lane: 2, name: '404 Not Found', laps: 2, raceTime: '01:24.036', gates: [1, 1, 1] },\n { id: '003', lane: 3, name: 'ShowMeThe$$', laps: 2, raceTime: '01:37.890', gates: [1, 1, 0] },\n { id: '207', lane: 4, name: 'Dragon Rider', laps: 1, raceTime: '00:49.211', gates: [1, 1, 0] },\n { id: '456', lane: 5, name: 'BumbleBee', laps: 0, raceTime: '00:00.000', gates: [1, 1, 1] },\n ];\n\n return (\n \n {players.map((player, index) => (\n \n \n \n \n \n \n {player.id}\n \n \n \n \n {player.laps} / {player.raceTime}\n \n \n \n \n \n \n \n {player.name}\n \n \n \n \n \n REC\n \n A\n \n B\n \n \n \n \n ))}\n \n );\n};\n\nexport default FormulaOne;",path:"pages/getting-started/usage/index.page.mdx"},sandbox:{files:{},raw:"import { Box, Flex, Text, Truncate } from '@tonic-ui/react';\nimport React from 'react';\n\nconst Light = ({ on, ...rest }) => (\n \n);\n\nconst FormulaOne = () => {\n const laneColor = {\n 1: '#389efc',\n 2: '#ff7332',\n 3: '#00b449',\n 4: '#fdf133',\n 5: '#fc74cf',\n };\n\n const players = [\n { id: '240', lane: 1, name: 'Taiwan Leave System', laps: 2, raceTime: '01:20.592', gates: [1, 1, 1] },\n { id: '339', lane: 2, name: '404 Not Found', laps: 2, raceTime: '01:24.036', gates: [1, 1, 1] },\n { id: '003', lane: 3, name: 'ShowMeThe$$', laps: 2, raceTime: '01:37.890', gates: [1, 1, 0] },\n { id: '207', lane: 4, name: 'Dragon Rider', laps: 1, raceTime: '00:49.211', gates: [1, 1, 0] },\n { id: '456', lane: 5, name: 'BumbleBee', laps: 0, raceTime: '00:00.000', gates: [1, 1, 1] },\n ];\n\n return (\n \n {players.map((player, index) => (\n \n \n \n \n \n \n {player.id}\n \n \n \n \n {player.laps} / {player.raceTime}\n \n \n \n \n \n \n \n {player.name}\n \n \n \n \n \n REC\n \n A\n \n B\n \n \n \n \n ))}\n \n );\n};\n\nexport default FormulaOne;",title:"Tonic UI"}})),"\n",(0,i.jsxs)(e.h2,{id:"versioned-documentation",children:["Versioned Documentation",(0,i.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#versioned-documentation",children:(0,i.jsx)(e.svg,{children:(0,i.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,i.jsxs)(e.p,{children:["This documentation always reflects the latest version of Tonic UI. You can find older versions of the documentation ",(0,i.jsx)(e.a,{href:"versions",children:"here"}),"."]})]})}var W=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=Object.assign({},(0,s.ah)(),n.components).wrapper;return e?(0,i.jsx)(e,Object.assign({},n,{children:(0,i.jsx)(_,n)})):_(n)}},96835:function(n,e,t){"use strict";t.d(e,{Z:function(){return O}});var o=t(27216),r=t(40596),a=t(49857),i=t(73645),s=t(99870),l=t(62272),c=t(14594),d=t(65019),u=t(37384),h=t(99554),x=t(69111),p=t(5632),m=t(2784),f=t(65245);function g(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=Array(e);t0&&document.getSelection().getRangeAt(0);e.select(),document.execCommand("copy"),document.body.removeChild(e),t&&(document.getSelection().removeAllRanges(),document.getSelection().addRange(t))},y=function(n){var e,t=function(n){if(Array.isArray(n))return n}(e=(0,m.useState)(!1))||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,s=[],l=!0,c=!1;try{for(a=(t=t.call(n)).next;!(l=(o=a.call(t)).done)&&(s.push(o.value),2!==s.length);l=!0);}catch(n){c=!0,r=n}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return s}}(e,2)||function(n,e){if(n){if("string"==typeof n)return g(n,2);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return g(n,2)}}(e,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),o=t[0],r=t[1];return{value:n,onCopy:function(){b(n),r(!0),setTimeout(function(){return r(!1)},1500)},hasCopied:o}},v=t(63768),j=t(76761),C=t(73205),k=t(98107),S=t(44285),w=["component","defaultExpanded","expanded","file","sandbox"];function B(n,e){return function(n){if(Array.isArray(n))return n}(n)||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,s=[],l=!0,c=!1;try{if(a=(t=t.call(n)).next,0===e){if(Object(t)!==t)return;l=!1}else for(;!(l=(o=a.call(t)).done)&&(s.push(o.value),s.length!==e);l=!0);}catch(n){c=!0,r=n}finally{try{if(!l&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return s}}(n,e)||function(n,e){if(n){if("string"==typeof n)return T(n,e);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return T(n,e)}}(n,e)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function T(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}}}(n,w);var O=(0,p.useRouter)(),z=B((0,m.useReducer)(function(n){return!n},!1),2),F=z[0],R=z[1],Z=(0,o.u)(),I=B((0,r.Z)(),1)[0],P={dark:j.y,light:j.q}[I],M=B((0,d.Z)(null!=b?b:void 0!==g&&g),2),N=M[0],A=M[1],H=y(null==T?void 0:T.data),$=H.onCopy,L=H.hasCopied,_=(0,m.useCallback)(function(){$()},[$]),W=(0,m.useCallback)(function(){(0,C.b)(E)},[E]),U=(0,m.useCallback)(function(){R(),A(!1)},[R,A]);return((0,m.useEffect)(function(){void 0!==b&&b!==N&&A(b)},[b,N,A]),t)?m.createElement(f.nu,{code:null==T?void 0:T.data,disabled:!0,language:"jsx",theme:P},m.createElement(a.Z,{border:1,borderColor:{dark:"gray:70",light:"gray:30"}[I],p:"4x"},m.createElement(a.Z,{fontSize:"sm",lineHeight:"sm"},m.createElement(m.Fragment,{key:F},m.createElement(t,null)))),m.createElement(i.Z,{columnGap:"2x",justifyContent:"flex-end",mb:"4x"},m.createElement(S.Z,{"data-track":N?"CodeBlock|hide_source|".concat((0,k.Z)({path:O.pathname})):"CodeBlock|show_source|".concat((0,k.Z)({path:O.pathname})),onClick:A},m.createElement(s.Z,{label:N?"Hide the source":"Show the source"},m.createElement(u.Z,null))),m.createElement(S.Z,{"data-track":"CodeBlock|copy_source|".concat((0,k.Z)({path:O.pathname})),onClick:_},m.createElement(s.Z,{label:L?"Copied":"Copy the source"},m.createElement(h.Z,null))),m.createElement(S.Z,{"data-track":"CodeBlock|edit_in_codesandbox|".concat(O.pathname),onClick:W},m.createElement(s.Z,{label:"Edit in CodeSandbox"},m.createElement(v.Z,null))),m.createElement(S.Z,{"data-track":"CodeBlock|reset|".concat(O.pathname),onClick:U},m.createElement(s.Z,{label:"Reset the demo"},m.createElement(x.Z,null)))),m.createElement(l.Z,{in:N},m.createElement(c.Z,{in:N,unmountOnExit:!0},m.createElement(a.Z,{as:f.uz,sx:{fontFamily:"mono",fontSize:"md",lineHeight:"md",mb:"4x","& > .prism-code":{padding:"".concat(null==Z?void 0:null===(e=Z.space)||void 0===e?void 0:e["4x"]," !important"),overflowX:"auto"}}})))):m.createElement(f.nu,{code:null==T?void 0:T.data,disabled:!0,language:"jsx",theme:P},m.createElement(a.Z,{as:f.uz,sx:{fontFamily:"mono",fontSize:"sm","& > .prism-code":{overflowX:"auto"}}}))};E.displayName="Demo";var O=E},33224:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/getting-started/usage",function(){return t(6116)}])},99554:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M12 0h-6c-0.5 0-1 0.5-1 1v3h-3c-0.5 0-1 0.5-1 1v10c0 0.5 0.5 1 1 1h8c0.5 0 1-0.5 1-1v-3h3c0.5 0 1-0.5 1-1v-8l-3-3zM12 1.4l1.6 1.6h-1.6v-1.6zM10 15h-8v-10h5v3h3v7zM8 7v-1.6l1.6 1.6h-1.6zM14 11h-3v-4l-3-3h-2v-3h5v3h3v7z"}),"FileCopyOIcon")},69111:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M10 7l1.995-1.995c-0.921-1.215-2.365-1.992-3.99-1.992-2.758 0-4.993 2.235-4.993 4.993s2.235 4.993 4.993 4.993c1.839 0 3.446-0.995 4.313-2.475l0.013-0.024 1.732 1c-1.233 2.111-3.487 3.507-6.068 3.507-3.867 0-7.003-3.135-7.003-7.003s3.135-7.003 7.003-7.003c2.183 0 4.133 0.999 5.417 2.565l0.010 0.012 1.579-1.579v5z"}),"RedoIcon")},39108:function(n,e,t){"use strict";t.d(e,{Z:function(){return c}});var o=t(53860),r=t(2784),a=t(70758),i=t(59804),s=t(52903),l=(0,r.forwardRef)(function(n,e){var t=(0,i.k)();return(0,s.tZ)(a.Z,(0,o.Zj)((0,o.Zj)({ref:e},t),n))});l.displayName="Truncate";var c=l},59804:function(n,e,t){"use strict";t.d(e,{k:function(){return o}});var o=function(){return{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}}}},function(n){n.O(0,[2888,9774,179],function(){return n(n.s=33224)}),_N_E=n.O()}]); \ No newline at end of file diff --git a/react/pr-890/_next/static/chunks/pages/index-61a07cf8d0831cb9.js b/react/pr-890/_next/static/chunks/pages/index-61a07cf8d0831cb9.js new file mode 100644 index 0000000000..c587602c01 --- /dev/null +++ b/react/pr-890/_next/static/chunks/pages/index-61a07cf8d0831cb9.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{24231:function(e,t,r){"use strict";var n=r(73645),o=r(57861),a=r(2784);t.Z=function(e){return a.createElement(n.Z,e,a.createElement(n.Z,{flex:"none",mr:"4x",alignItems:"center"},a.createElement(o.Z,{variant:"circle",width:"10x",height:"10x"})),a.createElement(n.Z,{flex:"auto",flexDirection:"column",rowGap:"2x"},a.createElement(o.Z,null),a.createElement(o.Z,null),a.createElement(o.Z,null)))}},42012:function(e,t,r){"use strict";r.r(t);var n=r(40596),o=r(85017),a=r(49857),i=r(70758),l=r(6194),c=r(67634),d=r(68010),u=r(73645),s=r(65258),h=r(57861),f=r(1847),Z=r(99291),m=r(46943),v=r(62080),p=r(39256),g=r(72448),x=r(71955),b=r(2240),y=r(13704),k=r(3398),w=r(13688),E=r(76577),C=r(40736),j=r(52235),z=r(35358),_=r(69860),R=r(76168),I=r(94829),S=r(3342),B=r(30514),M=r(75715),N=r(58614),G=r(17179),A=r(63433),H=r(32700),P=r(19088),T=r(85273),K=r(69432),W=r(50397),q=r(87181),F=r(63860),X=r(81947),O=r(22231),D=r(57805),V=r(83718),Q=r(78412),Y=r(8900),L=r(57999),J=r(20365),U=r(5081),$=r(39097),ee=r.n($),et=r(2784),er=r(22643),en=r(58325),eo=r(24231),ea=r(23746),ei=r(63768),el=r(82925),ec=r(73205),ed=r(61860);function eu(){return(eu=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=Array(t);r1&&void 0!==arguments[1]&&arguments[1],r=(0,n.useRef)(!1);t&&!r.current&&("function"==typeof e&&e(),r.current=!0)}},50397:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M6 14h4c0 1.105-0.895 2-2 2s-2-0.895-2-2v0zM15 12c-1.237-1.248-2.001-2.967-2.001-4.863 0-0.048 0-0.096 0.001-0.144l-0 0.007v-1c0-0 0-0.001 0-0.001 0-2.407-1.701-4.417-3.967-4.893l-0.033-0.006s0-0.1 0-0.1c0-0.552-0.448-1-1-1s-1 0.448-1 1v0s0 0.070 0 0.1c-2.299 0.482-4 2.492-4 4.899 0 0 0 0.001 0 0.001v-0 1c0.001 0.041 0.001 0.089 0.001 0.137 0 1.897-0.764 3.615-2.002 4.864l0.001-0.001v1h14v-1z"}),"AlertIcon")},8900:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M12.311 8.103l-3.326-3.307v10.205h-2v-10.189l-3.292 3.305-1.416-1.412 5.705-5.726 5.739 5.707z"}),"ArrowUpIcon")},87181:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M15 13h-13v-4l3-6 4 6 3-4 3 3zM1 14v-13h-1v14h16v-1z"}),"ChartAreaIcon")},63860:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M16 14v1h-16v-14h1v13zM5 9h-2v4h2zM8 5h-2v8h2zM11 7h-2v6h2zM14 3h-2v10h2z"}),"ChartBarIcon")},81947:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M7 8l5.067 5.125c-1.173 1.159-2.787 1.875-4.567 1.875-3.59 0-6.5-2.91-6.5-6.5v0c0-3.59 2.41-6.5 6-6.5zM9.036 8l4.398 4.398c0.975-1.187 1.567-2.722 1.567-4.394 0-0.001 0-0.003 0-0.004v0zM8 1v6h6.922c-0.766-3.267-3.522-5.71-6.893-5.998l-0.029-0.002z"}),"ChartPieIcon")},69432:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M12 8l-6.607 7-1.393-1.476 5.214-5.524-5.214-5.524 1.393-1.476z"}),"ChevronRightIcon")},83718:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M13.25 6h-1.25v-3c-0.002-1.656-1.344-2.998-3-3h-2c-1.656 0.002-2.998 1.344-3 3v3h-1.25c-0.414 0.002-0.748 0.336-0.75 0.75v8.5c0.002 0.414 0.336 0.748 0.75 0.75h10.5c0.414-0.002 0.748-0.336 0.75-0.75v-8.5c-0.002-0.414-0.336-0.748-0.75-0.75h-0zM9 12h-2v-2h2zM10 6h-4v-3c0.001-0.552 0.448-0.999 1-1h2c0.552 0.001 0.999 0.448 1 1v0z"}),"LockIcon")},22231:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M16 9v-2l-2.13-0.27c-0.163-0.757-0.447-1.427-0.834-2.023l0.014 0.023 1.33-1.7-1.38-1.39-1.74 1.36c-0.573-0.376-1.242-0.664-1.96-0.823l-0.040-0.007-0.26-2.17h-2l-0.26 2.13c-0.757 0.163-1.427 0.447-2.023 0.834l0.023-0.014-1.67-1.31-1.41 1.42 1.34 1.69c-0.376 0.573-0.664 1.242-0.823 1.96l-0.007 0.040-2.17 0.25v2l2.14 0.27c0.163 0.757 0.447 1.427 0.834 2.023l-0.014-0.023-1.32 1.7 1.41 1.41 1.71-1.38c0.574 0.37 1.243 0.65 1.961 0.803l0.039 0.007 0.24 2.19h2l0.27-2.14c0.757-0.163 1.427-0.447 2.023-0.834l-0.023 0.014 1.73 1.34 1.38-1.38-1.38-1.75c0.373-0.573 0.657-1.243 0.813-1.96l0.007-0.040zM8 11c-1.657 0-3-1.343-3-3s1.343-3 3-3c1.657 0 3 1.343 3 3v0c0 1.657-1.343 3-3 3v0z"}),"SettingsIcon")},78412:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M14.76 9.812c-0.826 3.012-3.54 5.188-6.762 5.188-2.577 0-4.829-1.393-6.044-3.467l-0.018-0.033 1.732-1c0.88 1.511 2.493 2.511 4.339 2.511 2.764 0 5.004-2.24 5.004-5.004s-2.24-5.004-5.004-5.004c-1.632 0-3.081 0.781-3.995 1.99l-0.009 0.013 1.995 1.995h-5v-5l1.579 1.579c1.293-1.578 3.242-2.578 5.425-2.578 3.864 0 6.997 3.133 6.997 6.997 0 0.645-0.087 1.27-0.251 1.863l0.012-0.049z"}),"UndoIcon")},65258:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var n=r(53860),o=r(2784),a=r(40596),i=r(27216),l=function(e){var t,r,n,o=e.colorMode,a=e.theme,i=null==a?void 0:null===(t=a.sizes)||void 0===t?void 0:t["4x"],l=null==a?void 0:null===(r=a.sizes)||void 0===r?void 0:r["1q"],c={dark:null==a?void 0:null===(n=a.colors)||void 0===n?void 0:n["gray:100"],light:"white"}[o];return{backgroundColor:({dark:"red:60",light:"red:60"})[o],borderRadius:i,boxShadow:"0 0 0 ".concat(l," ").concat(c),color:({dark:"white:primary",light:"white:primary"})[o],fontSize:"xs",height:i,lineHeight:"1",minWidth:i,px:"1x"}},c=function(e){var t,r,n,o,a=e.colorMode,i=e.theme,l=null==i?void 0:null===(t=i.sizes)||void 0===t?void 0:t["1q"],c={dark:null==i?void 0:null===(r=i.colors)||void 0===r?void 0:r["gray:100"],light:"white"}[a];return{backgroundColor:({dark:"red:60",light:"red:60"})[a],borderRadius:"circle",boxShadow:"0 0 0 ".concat(l," ").concat(c),color:({dark:"white:primary",light:"white:primary"})[a],height:null==i?void 0:null===(n=i.sizes)||void 0===n?void 0:n["2x"],width:null==i?void 0:null===(o=i.sizes)||void 0===o?void 0:o["2x"]}},d=function(e){var t=e.variant,r=(0,a.Z)(),o=(0,n.ZQ)(r,1)[0],d=(0,i.u)(),u={solid:l({colorMode:o,theme:d}),dot:c({colorMode:o,theme:d})}[t];return(0,n.Zj)((0,n.Zj)({},{display:"inline-flex",alignItems:"center",justifyContent:"center"}),u)},u=function(e){var t=e.placement;return(0,n.Zj)({position:"absolute"},{"top-left":{top:0,left:0,transform:"translate(-50%, -50%)"},"top-right":{top:0,right:0,transform:"translate(50%, -50%)"},"bottom-left":{bottom:0,left:0,transform:"translate(-50%, 50%)"},"bottom-right":{bottom:0,right:0,transform:"translate(50%, 50%)"}}[t])},s=r(52903),h=r(49857),f=["badgeContent","children","isInvisible","placement","variant"],Z=(0,o.forwardRef)(function(e,t){var r=e.badgeContent,o=e.children,a=e.isInvisible,i=e.placement,l=e.variant,c=void 0===l?"solid":l,Z=(0,n.Kd)(e,f),m="dot"===c?null:r,v=null!=a?a:null==m&&"dot"!==c,p=d({variant:c}),g=u({placement:void 0===i?"top-right":i});return o||v?(0,s.BX)(h.Z,(0,n.Zj)((0,n.Zj)({},{display:"inline-flex",position:"relative",width:"fit-content"}),{},{children:[o,!v&&(0,s.tZ)(h.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)((0,n.Zj)({ref:t},p),g),Z),{},{children:m}))]})):(0,s.tZ)(h.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({ref:t},p),Z),{},{children:m}))});Z.displayName="Badge";var m=Z},39256:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var n=r(53860),o=r(56818),a=r(92307),i=r.n(a),l=r(2784),c=r(12711),d=r(34730),u=r(52903),s=r(49857),h=["children","orientation","size","variant"],f=i()(function(e){return(0,n.Zj)({},e)}),Z=(0,l.forwardRef)(function(e,t){var r=e.children,a=e.orientation,i=void 0===a?"horizontal":a,l=e.size,Z=e.variant,m=(0,n.Kd)(e,h),v=(0,d.K7)({orientation:i}),p=f({orientation:i,size:void 0===l?"md":l,variant:void 0===Z?"default":Z});return(0,u.tZ)(c.u.Provider,{value:p,children:(0,u.tZ)(s.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({ref:t},v),m),{},{children:(0,o.Pu)(r,p)}))})});Z.displayName="ButtonGroup";var m=Z},67634:function(e,t,r){"use strict";r.d(t,{Z:function(){return c}});var n=r(53860),o=r(2784),a=r(62080),i=r(52903),l=(0,o.forwardRef)(function(e,t){return(0,i.tZ)(a.Z,(0,n.Zj)({as:"a",ref:t},e))});l.displayName="ButtonLink";var c=l},1847:function(e,t,r){"use strict";r.d(t,{Z:function(){return E}});var n=r(53860),o=r(20325),a=r(56818),i=r(13409),l=r(5081),c=r(2784),d=r(81522),u=r(40596),s=r(27216),h="blue",f=r(52903),Z=r(95530),m=function(e){return(0,f.tZ)(Z.Z,(0,n.Zj)((0,n.Zj)({viewBox:"0 0 16 16"},e),{},{children:(0,f.tZ)("g",{fill:"currentColor",children:(0,f.tZ)("path",{d:"M6 11.060l-3-3-1 1 4 4 9-9-1-1z"})})}))};m.displayName="IconChecked";var v=function(e){return(0,f.tZ)(Z.Z,(0,n.Zj)((0,n.Zj)({viewBox:"0 0 24 24"},e),{},{children:(0,f.tZ)("g",{fill:"currentColor",children:(0,f.tZ)("rect",{height:"18",width:"18",x:"3",y:"3"})})}))};v.displayName="IconIndeterminate";var p=r(49857),g=["indeterminate","size","variantColor","sx"],x=(0,c.forwardRef)(function(e,t){var r,o,i,c,d,Z,x,b,y,k,w,E,C=e.indeterminate,j=e.size,z=void 0===j?"md":j,_=e.variantColor,R=void 0===_?h:_,I=e.sx,S=(0,n.Kd)(e,g),B=(0,s.u)().sizes,M=(0,u.Z)(),N=(0,n.ZQ)(M,1)[0],G={lg:B["6x"],md:B["4x"],sm:B["3x"]}[z],A=function(e){return'input[type="'.concat("checkbox",'"]')+(0,l.Zs)(e)+" + &"},H=(0,n.Zj)((0,n._x)((0,n._x)((0,n._x)({position:"relative",border:1,width:{lg:"6x",md:"4x",sm:"3x"}[z],height:{lg:"6x",md:"4x",sm:"3x"}[z],zIndex:0},A()+"> *",{opacity:0}),A(":checked")+"> *",{opacity:1}),A("[data-indeterminate]")+"> *",{opacity:1}),C?(r=({dark:"".concat(R,":60"),light:"".concat(R,":60")})[N],o=({dark:"".concat(R,":50"),light:"".concat(R,":50")})[N],i=({dark:"".concat(R,":50"),light:"".concat(R,":50")})[N],c=({dark:"".concat(R,":60"),light:"".concat(R,":60")})[N],(0,n._x)((0,n._x)((0,n._x)((0,n._x)({},A("[data-indeterminate]"),{borderColor:{dark:"gray:50",light:"gray:40"}[N],color:r}),A("[data-indeterminate]:hover:not(:disabled)"),{borderColor:i,color:o}),A("[data-indeterminate]:focus-visible"),{outlineColor:c,outlineStyle:"solid",outlineWidth:"1h"}),A("[data-indeterminate]:disabled"),{borderColor:{dark:"gray:60",light:"gray:40"}[N],color:{dark:"gray:60",light:"gray:40"}[N],opacity:.28})):(d=({dark:"white:emphasis",light:"white:emphasis"})[N],Z="transparent",x=({dark:"".concat(R,":60"),light:"".concat(R,":60")})[N],b=({dark:"".concat(R,":50"),light:"".concat(R,":50")})[N],y=({dark:"".concat(R,":50"),light:"".concat(R,":50")})[N],k=({dark:"gray:60",light:"gray:40"})[N],w=({dark:"".concat(R,":60"),light:"".concat(R,":60")})[N],E=({dark:"".concat(R,":60"),light:"".concat(R,":60")})[N],(0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)({backgroundColor:Z,borderColor:{dark:"gray:50",light:"gray:40"}[N],color:d},A(":hover"),{backgroundColor:Z,borderColor:y,color:d}),A(":disabled"),{backgroundColor:Z,borderColor:k,color:d,opacity:.28}),A(":focus-visible"),{outlineColor:E,outlineStyle:"solid",outlineWidth:"1h"}),A(":checked"),{backgroundColor:x,borderColor:w,color:d}),A(":checked:hover:not(:disabled)"),{backgroundColor:b,borderColor:y,color:d}),A(":checked:focus-visible"),{backgroundColor:"inherit",borderColor:"transparent",color:d}),A(":checked:focus-visible")+"> div:first-of-type",{backgroundColor:x}),A(":checked:disabled"),{backgroundColor:{dark:"gray:60",light:"gray:40"}[N],borderColor:k,color:{dark:"white:emphasis",light:"black:primary"}[N],opacity:.28})));return(0,f.tZ)(p.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({"aria-hidden":(0,a.Qm)(!0),role:"checkbox",sx:[H].concat((0,n.u)((0,l.rY)(I)))},{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,userSelect:"none"}),S),{},{children:C?(0,f.tZ)(v,{size:G}):(0,f.tZ)(m,{size:G})}))});x.displayName="CheckboxControlBox";var b=r(16301),y=function(){if(!c.useContext)throw Error("The `useContext` hook is not available with your React version.");return(0,c.useContext)(b.w)},k=["checked","children","defaultChecked","disabled","id","indeterminate","inputProps","inputRef","name","onBlur","onChange","onClick","onFocus","size","value","variantColor"],w=(0,c.forwardRef)(function(e,t){var r,u,s=e.checked,Z=e.children,m=e.defaultChecked,v=e.disabled,g=e.id,b=e.indeterminate,w=e.inputProps,E=e.inputRef,C=e.name,j=e.onBlur,z=e.onChange,_=e.onClick,R=e.onFocus,I=e.size,S=e.value,B=e.variantColor,M=(0,n.Kd)(e,k),N=(0,c.useRef)(),G=(0,o.Z)(E,N),A={display:"inline-flex",verticalAlign:"top",alignItems:"center",cursor:v?"not-allowed":"pointer"},H=y();if(H){var P,T,K,W,q=(0,n.Zj)({},H),F=q.disabled,X=q.name,O=q.size,D=q.value,V=q.variantColor,Q=q.onChange;void 0!==D&&(s=(0,l.rY)(D).includes(S)),v=F||v,C=null!=X?X:C,z=(0,a.PP)(z,Q),I=null!==(P=null!==(T=I)&&void 0!==T?T:O)&&void 0!==P?P:"md",B=null!==(K=null!==(W=B)&&void 0!==W?W:V)&&void 0!==K?K:h}else I=null!==(r=I)&&void 0!==r?r:"md",B=null!==(u=B)&&void 0!==u?u:h;return(0,f.BX)(p.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({as:"label",ref:t},A),M),{},{children:[(0,f.tZ)(d.Z,(0,n.Zj)({as:"input",checked:s,"data-indeterminate":(0,a.PB)(b),defaultChecked:m,disabled:v,id:g,name:C,onBlur:j,onChange:z,onClick:_,onFocus:R,ref:G,type:"checkbox",value:S},w)),(0,f.tZ)(x,{indeterminate:b,size:I,variantColor:B}),!(0,i.Rw)(Z)&&(0,f.tZ)(p.Z,{ml:"2x",userSelect:"none",opacity:v?.28:1,children:Z})]}))});w.displayName="Checkbox";var E=w},16301:function(e,t,r){"use strict";r.d(t,{w:function(){return n}});var n=(0,r(2784).createContext)()},6194:function(e,t,r){"use strict";r.d(t,{Z:function(){return d}});var n=r(53860),o=r(2784),a=r(52903),i=r(49857),l=["gap","rowGap","columnGap","column","row","area","autoFlow","autoRows","autoColumns","templateRows","templateColumns","templateAreas"],c=(0,o.forwardRef)(function(e,t){var r=e.gap,o=e.rowGap,c=e.columnGap,d=e.column,u=e.row,s=e.area,h=e.autoFlow,f=e.autoRows,Z=e.autoColumns,m=e.templateRows,v=e.templateColumns,p=e.templateAreas,g=(0,n.Kd)(e,l);return(0,a.tZ)(i.Z,(0,n.Zj)({ref:t,display:"grid",gridGap:r,gridRowGap:o,gridColumnGap:c,gridColumn:d,gridRow:u,gridArea:s,gridAutoFlow:h,gridAutoRows:f,gridAutoColumns:Z,gridTemplateRows:m,gridTemplateColumns:v,gridTemplateAreas:p},g))});c.displayName="Grid";var d=c},3398:function(e,t,r){"use strict";r.d(t,{Z:function(){return h}});var n=r(53860),o=r(2784),a=r(70202),i=r(28729),l=r(40374),c=r(52737),d=r(52903),u=["size","variant","css"],s=(0,o.forwardRef)(function(e,t){var r,o,s=e.size,h=e.variant,f=e.css,Z=(0,n.Kd)(e,u),m=(0,l.Z)(),v=(0,n.Zj)({},m),p=v.size,g=v.variant,x=null!==(r=null!=s?s:p)&&void 0!==r?r:c.zm,b=null!==(o=null!=h?h:g)&&void 0!==o?o:c.oD,y=m?[(0,i.zM)({variant:b}),f]:f,k=(0,i.zG)({size:x,variant:b});return(0,d.tZ)(a.Z,(0,n.Zj)((0,n.Zj)({ref:t,as:"input",css:y},k),Z))});s.displayName="Input";var h=s},71955:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var n=r(53860),o=r(56818),a=r(92307),i=r.n(a),l=r(2784),c=r(71247),d=r(28729),u=r(52903),s=r(49857),h=["children","size","variant"],f=i()(function(e){return(0,n.Zj)({},e)}),Z=(0,l.forwardRef)(function(e,t){var r=e.children,a=e.size,i=e.variant,l=(0,n.Kd)(e,h),Z=f({size:void 0===a?"md":a,variant:void 0===i?"outline":i}),m=(0,d.lH)();return(0,u.tZ)(c.K.Provider,{value:Z,children:(0,u.tZ)(s.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({ref:t},m),l),{},{children:(0,o.Pu)(r,Z)}))})});Z.displayName="InputGroup";var m=Z},13704:function(e,t,r){"use strict";r.d(t,{Z:function(){return h}});var n=r(53860),o=r(2784),a=r(52737),i=r(28729),l=r(40374),c=r(52903),d=r(49857),u=["size","variant"],s=(0,o.forwardRef)(function(e,t){var r,o,s=e.size,h=e.variant,f=(0,n.Kd)(e,u),Z=(0,l.Z)(),m=(0,n.Zj)({},Z),v=m.size,p=m.variant,g=null!==(r=null!=s?s:v)&&void 0!==r?r:a.zm,x=null!==(o=null!=h?h:p)&&void 0!==o?o:a.oD,b=(0,i.IO)({size:g,variant:x});return(0,c.tZ)(d.Z,(0,n.Zj)((0,n.Zj)({ref:t},b),f))});s.displayName="InputGroupAddon";var h=s},13688:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(53860),o=r(2784),a=r(28729),i=r(52903),l=r(49857),c=["css"],d=(0,o.forwardRef)(function(e,t){var r=e.css,o=(0,n.Kd)(e,c),d=[(0,a.JF)(),r],u=(0,a.NL)();return(0,i.tZ)(l.Z,(0,n.Zj)((0,n.Zj)({ref:t,css:d},u),o))});d.displayName="InputGroupAppend";var u=d},2240:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(53860),o=r(2784),a=r(28729),i=r(52903),l=r(49857),c=["css"],d=(0,o.forwardRef)(function(e,t){var r=e.css,o=(0,n.Kd)(e,c),d=[(0,a.CJ)(),r],u=(0,a.lB)();return(0,i.tZ)(l.Z,(0,n.Zj)((0,n.Zj)({ref:t,css:d},u),o))});d.displayName="InputGroupPrepend";var u=d},35358:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(53860),o=r(2784),a=r(53638),i=r(13692),l=r(52903),c=r(49857),d=(0,o.forwardRef)(function(e,t){var r=(0,i.Z)(),o=(0,n.Zj)({},r).scrollBehavior,d=(0,a.mS)({scrollBehavior:o});return(0,l.tZ)(c.Z,(0,n.Zj)((0,n.Zj)({ref:t},d),e))});d.displayName="ModalBody";var u=d},76168:function(e,t,r){"use strict";r.d(t,{Z:function(){return d}});var n=r(53860),o=r(2784),a=r(53638),i=r(52903),l=r(49857),c=(0,o.forwardRef)(function(e,t){var r=(0,a.IB)();return(0,i.tZ)(l.Z,(0,n.Zj)((0,n.Zj)({ref:t},r),e))});c.displayName="ModalFooter";var d=c},52235:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(53860),o=r(2784),a=r(53638),i=r(13692),l=r(52903),c=r(49857),d=(0,o.forwardRef)(function(e,t){var r=(0,i.Z)(),o=(0,n.Zj)({},r).isClosable,d=(0,a.vZ)({isClosable:o});return(0,l.tZ)(c.Z,(0,n.Zj)((0,n.Zj)({ref:t},d),e))});d.displayName="ModalHeader";var u=d},57861:function(e,t,r){"use strict";r.d(t,{Z:function(){return b}});var n,o,a=r(53860),i=r(10525),l=r(56818),c=r(2784),d=r(28165),u=r(40596),s=(0,d.F4)(n||(n=(0,a.AI)(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: .4;\n }\n 100% {\n opacity: 1;\n }\n"]))),h=(0,d.F4)(o||(o=(0,a.AI)(["\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n // +0.5s of delay between each loop\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n"]))),f=function(e){var t=e.animation,r=e.colorMode;return"pulse"===t?{animation:"".concat(s," 1.5s ease-in-out .5s infinite")}:"wave"===t?{position:"relative",overflow:"hidden",__after:{animation:"".concat(h," 1.6s linear .5s infinite"),background:"linear-gradient(90deg,".concat(["transparent","rgba(255, 255, 255, ".concat({dark:.08,light:.32}[r],")"),"transparent"].join(","),")"),content:'""',position:"absolute",inset:0,transform:"translateX(-100%)"}}:{animation:t}},Z=function(e){var t=e.variant;return"text"===t?{height:"3x",borderRadius:"sm",_empty:{"::before":{content:'"\\00a0"'}}}:"rectangle"===t?{}:"circle"===t?{borderRadius:"50%"}:{}},m=function(e){var t=e.animation,r=e.variant,n=(0,u.Z)(),o=(0,a.ZQ)(n,1)[0],i={dark:"rgba(255, 255, 255, 0.08)",light:"rgba(0, 0, 0, 0.08)"}[o],l=f({animation:t,colorMode:o}),c=Z({variant:r});return(0,a.Zj)((0,a.Zj)({display:"block",backgroundColor:i},l),c)},v=r(52903),p=r(49857),g=["animation","variant"],x=(0,c.forwardRef)(function(e,t){var r,n=e.animation,o=e.variant,c=(0,a.Kd)(e,g),d="".concat(x.displayName,":");(0,i.Z)(function(){(0,l.TL)('variant="rect"',{prefix:d,alternative:'variant="rectangle"',willRemove:!0})},"rect"===o),"rect"===o&&(o="rectangle");var u=m({animation:n,variant:o=null!==(r=o)&&void 0!==r?r:"text"});return(0,v.tZ)(p.Z,(0,a.Zj)((0,a.Zj)({ref:t},u),c))});x.displayName="Skeleton";var b=x},99291:function(e,t,r){"use strict";r.d(t,{Z:function(){return b}});var n=r(53860),o=r(20325),a=r(13409),i=r(2784),l=r(81522),c=r(56818),d=r(83377),u=r(5081),s=r(40596),h="blue",f=r(27216),Z=r(52903),m=r(49857),v=["size","variantColor","sx"],p=(0,i.forwardRef)(function(e,t){var r,o=e.size,a=void 0===o?"md":o,i=e.variantColor,l=void 0===i?h:i,p=e.sx,g=(0,n.Kd)(e,v),x=(0,f.u)(),b=(0,s.Z)(),y=(0,n.ZQ)(b,1)[0],k={sm:32,md:48,lg:64}[a],w={sm:16,md:24,lg:32}[a],E=k+6,C=w+6,j=function(e){return'input[type="'.concat("checkbox",'"]')+(0,u.Zs)(e)+" + &"},z=function(e){return j(e)+"> [data-switch] > [data-switch-outer-border]"},_=function(e){return j(e)+"> [data-switch] > [data-switch-inner-border]"},R=function(e){return j(e)+"> [data-switch] > [data-switch-track]"},I=function(e){return j(e)+"> [data-switch] > [data-switch-thumb]"},S=function(e){var t,r;return null!==(t=null==x?void 0:null===(r=x.colors)||void 0===r?void 0:r[e])&&void 0!==t?t:e},B=(r={width:E,height:C},(0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)(r,j(":disabled"),{opacity:.28}),z(),{fill:"none"}),z(":focus-visible"),{fill:S({dark:"".concat(l,":60"),light:"".concat(l,":60")}[y])}),_(),{fill:"none"}),_(":focus-visible"),{fill:S({dark:"black",light:"white"}[y])}),R(),{fill:S({dark:"gray:60",light:"gray:30"}[y])}),R(":checked"),{fill:S({dark:"".concat(l,":60"),light:"".concat(l,":60")}[y])}),R(":hover:not(:disabled)"),{fill:S({dark:"gray:50",light:"gray:20"}[y])}),R(":checked:hover:not(:disabled)"),{fill:S({dark:"".concat(l,":50"),light:"".concat(l,":50")}[y])}),I(),{fill:S({dark:"white",light:"white"}[y])}),(0,n._x)(r,I(":checked"),{transform:"translateX(".concat(w,"px)")}));return(0,Z.tZ)(m.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({"aria-hidden":(0,c.Qm)(!0),role:"switch",sx:[B].concat((0,n.u)((0,u.rY)(p)))},{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,userSelect:"none"}),g),{},{children:(0,Z.BX)(m.Z,{as:"svg","data-switch":!0,width:"100%",height:"100%",viewBox:"0 0 ".concat(E," ").concat(C),children:[(0,Z.tZ)(m.Z,{as:"rect","data-switch-outer-border":!0,x:0,y:0,width:E,height:C,rx:"".concat(C/2),strokeWidth:0}),(0,Z.tZ)(m.Z,{as:"rect","data-switch-inner-border":!0,x:2,y:2,width:E-4,height:C-4,rx:(C-4)/2,strokeWidth:0}),(0,Z.tZ)(m.Z,{as:"rect","data-switch-track":!0,x:3,y:3,width:k,height:w,rx:w/2,pointerEvents:"all"}),(0,Z.tZ)(m.Z,{as:"circle","data-switch-thumb":!0,cx:C/2,cy:C/2,r:{sm:6,md:9,lg:12}[a],transform:"translateX(0)",transformBox:"fill-box",transition:(0,d.zx)(["transform"],{duration:250})})]})}))});p.displayName="SwitchControlBox";var g=["checked","children","defaultChecked","disabled","id","inputProps","inputRef","name","onBlur","onChange","onClick","onFocus","size","value","variantColor"],x=(0,i.forwardRef)(function(e,t){var r=e.checked,c=e.children,d=e.defaultChecked,u=e.disabled,s=e.id,f=e.inputProps,v=e.inputRef,x=e.name,b=e.onBlur,y=e.onChange,k=e.onClick,w=e.onFocus,E=e.size,C=e.value,j=e.variantColor,z=void 0===j?h:j,_=(0,n.Kd)(e,g),R=(0,i.useRef)(),I=(0,o.Z)(v,R);return(0,Z.BX)(m.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({as:"label",ref:t},{display:"inline-flex",verticalAlign:"top",alignItems:"center",cursor:u?"not-allowed":"pointer"}),_),{},{children:[(0,Z.tZ)(l.Z,(0,n.Zj)({as:"input",checked:r,defaultChecked:d,disabled:u,id:s,name:x,onBlur:b,onChange:y,onClick:k,onFocus:w,ref:I,role:"switch",type:"checkbox",value:C},f)),(0,Z.tZ)(p,{size:void 0===E?"md":E,variantColor:z}),!(0,a.Rw)(c)&&(0,Z.tZ)(m.Z,{ml:"2x",userSelect:"none",opacity:u?.28:1,children:c})]}))});x.displayName="Switch";var b=x},30514:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var n=r(53860),o=r(92307),a=r.n(o),i=r(2784),l=r(67948),c=r(95749),d=r(60671),u=r(52903),s=r(49857),h=["layout","role","size","variant"],f=a()(function(e){return(0,n.Zj)({},e)}),Z=(0,i.forwardRef)(function(e,t){var r=e.layout,o=void 0===r?l.Bs:r,a=e.role,i=e.size,Z=void 0===i?l.Y1:i,m=e.variant,v=void 0===m?l.Wv:m,p=(0,n.Kd)(e,h),g=o===l.pj?"table":void 0,x=f({layout:o,size:Z,variant:v}),b=(0,d.y6)({layout:o,variant:v});return(0,u.tZ)(c.X.Provider,{value:x,children:(0,u.tZ)(s.Z,(0,n.Zj)((0,n.Zj)({as:g,ref:t,role:null!=a?a:"table"},b),p))})});Z.displayName="Table";var m=Z},63433:function(e,t,r){"use strict";r.d(t,{Z:function(){return v}});var n=r(53860),o=r(92307),a=r.n(o),i=r(2784),l=r(67948),c=r(95749),d=r(60671),u=r(28685),s=r(52903),h=r(49857),f=["role"],Z=a()(function(e){return(0,n.Zj)({},e)}),m=(0,i.forwardRef)(function(e,t){var r=e.role,o=(0,n.Kd)(e,f),a=(0,u.Z)().layout,i=a===l.pj?"tbody":void 0,m=Z({groupVariant:l.bI}),v=(0,d.pP)({layout:a});return(0,s.tZ)(c._.Provider,{value:m,children:(0,s.tZ)(h.Z,(0,n.Zj)((0,n.Zj)({as:i,ref:t,role:null!=r?r:"rowgroup"},v),o))})});m.displayName="TableBody";var v=m},17179:function(e,t,r){"use strict";r.d(t,{Z:function(){return Z}});var n=r(53860),o=r(5081),a=r(2784),i=r(67948),l=r(60671),c=r(28685),d=r(81864),u=r(52903),s=r(49857),h=["role","sx"],f=(0,a.forwardRef)(function(e,t){var r,a,f=e.role,Z=e.sx,m=(0,n.Kd)(e,h),v=(0,c.Z)(),p=v.layout,g=v.size,x=v.variant,b=(0,d.Z)(),y=null!==(r=null==b?void 0:b.groupVariant)&&void 0!==r?r:i.bI,k=y===i.BJ?p===i.pj?"th":void 0:p===i.pj?"td":void 0,w=null!==(a=null!=f?f:(0,n._x)((0,n._x)((0,n._x)({},i.BJ,"columnheader"),i.bI,"cell"),i.ZZ,"cell")[y])&&void 0!==a?a:"cell",E=(0,l.J_)({groupVariant:y,layout:p,size:g,variant:x}),C={};return y===i.bI&&p!==i.pj&&x===i.GY&&(C=(0,n.Zj)((0,n.Zj)({},C),{},{"*:last-child > &":{borderBottom:0,borderBottomColor:"transparent"}})),(0,u.tZ)(s.Z,(0,n.Zj)((0,n.Zj)({as:k,ref:t,role:w,sx:[C].concat((0,n.u)((0,o.rY)(Z)))},E),m))});f.displayName="TableCell";var Z=f},75715:function(e,t,r){"use strict";r.d(t,{Z:function(){return v}});var n=r(53860),o=r(92307),a=r.n(o),i=r(2784),l=r(67948),c=r(95749),d=r(60671),u=r(28685),s=r(52903),h=r(49857),f=["role"],Z=a()(function(e){return(0,n.Zj)({},e)}),m=(0,i.forwardRef)(function(e,t){var r=e.role,o=(0,n.Kd)(e,f),a=(0,u.Z)().layout,i=a===l.pj?"thead":void 0,m=Z({groupVariant:l.BJ}),v=(0,d.NI)({layout:a});return(0,s.tZ)(c._.Provider,{value:m,children:(0,s.tZ)(h.Z,(0,n.Zj)((0,n.Zj)({as:i,ref:t,role:null!=r?r:"rowgroup"},v),o))})});m.displayName="TableHeader";var v=m},58614:function(e,t,r){"use strict";r.d(t,{Z:function(){return f}});var n=r(53860),o=r(2784),a=r(67948),i=r(60671),l=r(28685),c=r(81864),d=r(52903),u=r(49857),s=["role"],h=(0,o.forwardRef)(function(e,t){var r,o=e.role,h=(0,n.Kd)(e,s),f=(0,l.Z)(),Z=f.layout,m=f.variant,v=(0,c.Z)(),p=null!==(r=null==v?void 0:v.groupVariant)&&void 0!==r?r:a.bI,g=Z===a.pj?"tr":void 0,x=null!=o?o:"row",b=(0,i.bs)({groupVariant:p,layout:Z,role:x,variant:m});return(0,d.tZ)(u.Z,(0,n.Zj)((0,n.Zj)({as:g,ref:t,role:x},b),h))});h.displayName="TableRow";var f=h},67948:function(e,t,r){"use strict";r.d(t,{BJ:function(){return c},Bs:function(){return n},GY:function(){return l},Wv:function(){return i},Y1:function(){return a},ZZ:function(){return u},bI:function(){return d},pj:function(){return o}});var n="flexbox",o="table",a="md",i="default",l="outline",c="header",d="body",u="footer"},95749:function(e,t,r){"use strict";r.d(t,{X:function(){return o},_:function(){return a}});var n=r(2784),o=(0,n.createContext)(),a=(0,n.createContext)()},60671:function(e,t,r){"use strict";r.d(t,{J_:function(){return s},NI:function(){return c},bs:function(){return u},pP:function(){return d},q8:function(){return h},y6:function(){return l}});var n=r(53860),o=r(40596),a=r(27216),i=r(67948),l=function(e){var t=e.layout,r=e.variant,a=(0,o.Z)(),l=(0,n.ZQ)(a,1)[0],c=t===i.pj?{borderCollapse:"collapse",borderSpacing:0,display:"table"}:{display:"inline-flex",flexDirection:"column"},d=r===i.GY?{border:1,borderColor:({dark:"gray:70",light:"gray:30"})[l]}:{};return(0,n.Zj)((0,n.Zj)({},c),d)},c=function(e){var t=e.layout===i.pj?{display:"table-header-group"}:{flex:"none"};return(0,n.Zj)({},t)},d=function(e){var t=e.layout===i.pj?{display:"table-row-group"}:{};return(0,n.Zj)({},t)},u=function(e){e.groupVariant;var t=e.layout;e.role,e.variant;var r=t===i.pj?{display:"table-row"}:{display:"flex",width:"fit-content"};return(0,n.Zj)({},r)},s=function(e){var t,r,l,c,d=e.groupVariant,u=e.layout,s=e.size,h=e.variant,f=(0,a.u)(),Z=(0,o.Z)(),m=(0,n.ZQ)(Z,1)[0];if(d===i.BJ){var v,p,g,x,b=u===i.pj?{display:"table-cell",textAlign:"start"}:{},y=(v=f.sizes,p=({dark:"gray:70",light:"gray:30"})[m],g=({dark:"white:secondary",light:"black:secondary"})[m],x=({sm:"1x",md:"2x",lg:"3x"})[s],h===i.GY?{borderBottom:2,borderBottomColor:p,borderLeft:1,borderLeftColor:p,color:g,fontWeight:"semibold",px:"3x",pt:x,pb:"calc(".concat(v[x]," - ").concat(v["2q"],")"),width:150,_firstChild:{borderLeft:0}}:{borderBottom:2,borderBottomColor:p,color:g,fontWeight:"semibold",px:"3x",pt:x,pb:"calc(".concat(v[x]," - ").concat(v["2q"],")"),width:150});return(0,n.Zj)((0,n.Zj)({},b),y)}var k=u===i.pj?{display:"table-cell"}:{},w=(t=f.sizes,r=({dark:"gray:70",light:"gray:30"})[m],l=({dark:"white:primary",light:"black:primary"})[m],c=({sm:"1x",md:"2x",lg:"3x"})[s],h===i.GY?{borderBottom:1,borderBottomColor:r,borderLeft:1,borderLeftColor:r,color:l,px:"3x",pt:c,pb:"calc(".concat(t[c]," - ").concat(t["1q"],")"),width:150,_firstChild:{borderLeft:0}}:{borderBottom:1,borderBottomColor:r,color:l,px:"3x",pt:c,pb:"calc(".concat(t[c]," - ").concat(t["1q"],")"),width:150});return(0,n.Zj)((0,n.Zj)({},k),w)},h=function(){var e=(0,o.Z)();return{backgroundColor:({dark:"gray:70",light:"gray:30"})[(0,n.ZQ)(e,1)[0]]}}},28685:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}});var n=r(2784),o=r(95749),a=function(){if(!n.useContext)throw Error("The `useContext` hook is not available with your React version.");return(0,n.useContext)(o.X)}},81864:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}});var n=r(2784),o=r(95749),a=function(){if(!n.useContext)throw Error("The `useContext` hook is not available with your React version.");return(0,n.useContext)(o._)}},46943:function(e,t,r){"use strict";r.d(t,{Z:function(){return v}});var n=r(53860),o=r(56818),a=r(92307),i=r.n(a),l=r(2784),c=r(91252),d=r(93498),u=r(6796),s=r(52903),h=r(49857),f=["children","disabled","error","isClosable","onClose","size","variant"],Z=i()(function(e){return(0,n.Zj)({},e)}),m=(0,l.forwardRef)(function(e,t){var r=e.children,a=e.disabled,i=e.error,l=e.isClosable,m=e.onClose,v=e.size,p=void 0===v?"md":v,g=e.variant,x=void 0===g?"solid":g,b=(0,n.Kd)(e,f),y={"aria-disabled":(0,o.Qm)(a),"aria-invalid":(0,o.Qm)(i)},k=Z({disabled:a,error:i,isClosable:l,onClose:m,size:p,variant:x}),w=(0,c.o)({isClosable:l,size:p,variant:x});return(0,s.tZ)(u.V.Provider,{value:k,children:(0,s.BX)(h.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)((0,n.Zj)({ref:t},y),w),b),{},{children:[(0,o.Pu)(r,k),!!l&&(0,s.tZ)(d.Z,{})]}))})});m.displayName="Tag";var v=m},93498:function(e,t,r){"use strict";r.d(t,{Z:function(){return f}});var n=r(53860),o=r(37662),a=r(56818),i=r(2784),l=r(83513),c=r(91252),d=r(6796),u=function(){if(!i.useContext)throw Error("The `useContext` hook is not available with your React version.");return(0,i.useContext)(d.V)},s=r(52903),h=["children","onClick"],f=(0,i.forwardRef)(function(e,t){var r=e.children,i=e.onClick,d=(0,n.Kd)(e,h),f=u(),Z=(0,n.Zj)({},f),m=Z.disabled,v=Z.isClosable,p=Z.onClose,g=(0,c.C)({isClosable:v});return(0,s.tZ)(l.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({"aria-label":"Close",ref:t,disabled:m,onClick:(0,a.N)(i,p)},g),d),{},{children:null!=r?r:(0,s.tZ)(o.Z,{size:"4x"})}))})},6796:function(e,t,r){"use strict";r.d(t,{V:function(){return n}});var n=(0,r(2784).createContext)()},91252:function(e,t,r){"use strict";r.d(t,{C:function(){return u},o:function(){return d}});var n=r(53860),o=r(40596),a=r(31131),i=r(27216),l=function(e){var t,r,n,o,a,i,l=e.colorMode,c=e.theme,d={dark:null==c?void 0:null===(t=c.colors)||void 0===t?void 0:t["blue:60"],light:null==c?void 0:null===(r=c.colors)||void 0===r?void 0:r["blue:60"]}[l],u=null==c?void 0:null===(n=c.sizes)||void 0===n?void 0:n["1q"],s={dark:null==c?void 0:null===(o=c.colors)||void 0===o?void 0:o["black:emphasis"],light:null==c?void 0:null===(a=c.colors)||void 0===a?void 0:a["white:emphasis"]}[l],h=null==c?void 0:null===(i=c.sizes)||void 0===i?void 0:i["2q"];return{backgroundColor:({dark:"gray:70",light:"gray:20"})[l],color:({dark:"gray:20",light:"black:emphasis"})[l],_focus:{"&:not([disabled])":{borderColor:d,boxShadow:"inset 0 0 0 ".concat(u," ").concat(d,", inset 0 0 0 ").concat(h," ").concat(s)}},_invalid:{backgroundColor:({dark:"red:60",light:"red:20"})[l],color:({dark:"white:emphasis",light:"red:100"})[l]},_disabled:{cursor:"not-allowed",opacity:({dark:.28,light:.3})[l]}}},c=function(e){var t,r,n,o,a,i,l=e.colorMode,c=e.theme,d={dark:null==c?void 0:null===(t=c.colors)||void 0===t?void 0:t["blue:60"],light:null==c?void 0:null===(r=c.colors)||void 0===r?void 0:r["blue:60"]}[l],u=null==c?void 0:null===(n=c.sizes)||void 0===n?void 0:n["1q"],s={dark:null==c?void 0:null===(o=c.colors)||void 0===o?void 0:o["black:emphasis"],light:null==c?void 0:null===(a=c.colors)||void 0===a?void 0:a["white:emphasis"]}[l],h=null==c?void 0:null===(i=c.sizes)||void 0===i?void 0:i["2q"],f={dark:"red:60",light:"red:20"}[l];return{borderColor:({dark:"gray:40",light:"gray:60"})[l],color:({dark:"gray:40",light:"gray:60"})[l],_focus:{"&:not([disabled])":{borderColor:d,boxShadow:"inset 0 0 0 ".concat(u," ").concat(d,", inset 0 0 0 ").concat(h," ").concat(s)}},_invalid:{borderColor:f,backgroundColor:f,color:({dark:"white:emphasis",light:"red:100"})[l]},_disabled:{cursor:"not-allowed",opacity:({dark:.28,light:.3})[l]}}},d=function(e){var t=e.size,r=e.variant,a=(0,o.Z)(),d=(0,n.ZQ)(a,1)[0],u=(0,i.u)(),s=u.sizes,h=s["1q"],f="calc(".concat(s["2x"]," - ").concat(h,")"),Z={sm:{fontSize:"xs",lineHeight:1,minHeight:"4x"},md:{fontSize:"xs",lineHeight:"xs",minHeight:"6x",py:"calc(".concat(s["1h"]," - ").concat(h,")")},lg:{fontSize:"md",lineHeight:"md",minHeight:"8x",py:"calc(".concat(s["1x"]," - ").concat(h,")")}}[t],m={solid:l({colorMode:d,theme:u}),outline:c({colorMode:d,theme:u})}[r];return(0,n.Zj)((0,n.Zj)((0,n.Zj)({},{alignItems:"center",borderColor:"transparent",borderRadius:"sm",borderStyle:"solid",borderWidth:h,display:"inline-flex",position:"relative",px:f}),Z),m)},u=function(e){var t=e.isClosable,r=(0,o.Z)(),i=(0,n.ZQ)(r,1)[0],l={dark:"white:emphasis",light:"black:emphasis"}[i],c={dark:"blue:60",light:"blue:60"}[i],d=(0,a.P)({color:{dark:"white:tertiary",light:"black:tertiary"}[i],size:"4x"});return t?(0,n.Zj)((0,n.Zj)({},d),{},{_hover:{color:l},_focusVisible:{outlineColor:c,outlineOffset:"-1q",outlineStyle:"solid",outlineWidth:"1q"},ml:"2x"}):(0,n.Zj)((0,n.Zj)({},d),{},{_hover:{color:l},_focusVisible:{outlineColor:c,outlineOffset:"-1q",outlineStyle:"solid",outlineWidth:"1q"}})}},81522:function(e,t,r){"use strict";r.d(t,{Z:function(){return c}});var n=r(53860),o=r(2784),a=r(52903),i=r(49857),l=(0,o.forwardRef)(function(e,t){return(0,a.tZ)(i.Z,(0,n.Zj)({ref:t,position:"absolute",width:1,height:1,padding:0,border:0,overflow:"hidden",clipPath:"inset(50%)",whiteSpace:"nowrap"},e))});l.displayName="VisuallyHidden";var c=l}},function(e){e.O(0,[9860,2888,9774,179],function(){return e(e.s=36885)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/react/pr-890/_next/static/chunks/pages/index-84bdc272f68e1f23.js b/react/pr-890/_next/static/chunks/pages/index-84bdc272f68e1f23.js deleted file mode 100644 index 81642ab205..0000000000 --- a/react/pr-890/_next/static/chunks/pages/index-84bdc272f68e1f23.js +++ /dev/null @@ -1 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5405],{24231:function(e,t,r){"use strict";var n=r(73645),o=r(57861),a=r(2784);t.Z=function(e){return a.createElement(n.Z,e,a.createElement(n.Z,{flex:"none",mr:"4x",alignItems:"center"},a.createElement(o.Z,{variant:"circle",width:"10x",height:"10x"})),a.createElement(n.Z,{flex:"auto",flexDirection:"column",rowGap:"2x"},a.createElement(o.Z,null),a.createElement(o.Z,null),a.createElement(o.Z,null)))}},42012:function(e,t,r){"use strict";r.r(t);var n=r(40596),o=r(85017),a=r(49857),i=r(70758),l=r(6194),c=r(67634),d=r(68010),u=r(73645),s=r(65258),h=r(57861),f=r(1847),Z=r(99291),m=r(46943),v=r(62080),p=r(39256),g=r(72448),x=r(71955),b=r(2240),y=r(13704),k=r(3398),w=r(13688),E=r(76577),C=r(40736),j=r(52235),z=r(35358),_=r(69860),R=r(76168),I=r(94829),S=r(3342),B=r(30514),M=r(75715),N=r(58614),G=r(17179),A=r(63433),H=r(32700),P=r(19088),T=r(85273),K=r(69432),W=r(50397),q=r(87181),F=r(63860),X=r(81947),O=r(22231),D=r(57805),V=r(83718),Q=r(78412),Y=r(8900),L=r(57999),J=r(20365),U=r(5081),$=r(39097),ee=r.n($),et=r(2784),er=r(22643),en=r(58325),eo=r(24231),ea=r(23746),ei=r(63768),el=r(82925),ec=r(73205),ed=r(61860);function eu(){return(eu=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var r=0,n=Array(t);r1&&void 0!==arguments[1]&&arguments[1],r=(0,n.useRef)(!1);t&&!r.current&&("function"==typeof e&&e(),r.current=!0)}},50397:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M6 14h4c0 1.105-0.895 2-2 2s-2-0.895-2-2v0zM15 12c-1.237-1.248-2.001-2.967-2.001-4.863 0-0.048 0-0.096 0.001-0.144l-0 0.007v-1c0-0 0-0.001 0-0.001 0-2.407-1.701-4.417-3.967-4.893l-0.033-0.006s0-0.1 0-0.1c0-0.552-0.448-1-1-1s-1 0.448-1 1v0s0 0.070 0 0.1c-2.299 0.482-4 2.492-4 4.899 0 0 0 0.001 0 0.001v-0 1c0.001 0.041 0.001 0.089 0.001 0.137 0 1.897-0.764 3.615-2.002 4.864l0.001-0.001v1h14v-1z"}),"AlertIcon")},8900:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M12.311 8.103l-3.326-3.307v10.205h-2v-10.189l-3.292 3.305-1.416-1.412 5.705-5.726 5.739 5.707z"}),"ArrowUpIcon")},87181:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M15 13h-13v-4l3-6 4 6 3-4 3 3zM1 14v-13h-1v14h16v-1z"}),"ChartAreaIcon")},63860:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M16 14v1h-16v-14h1v13zM5 9h-2v4h2zM8 5h-2v8h2zM11 7h-2v6h2zM14 3h-2v10h2z"}),"ChartBarIcon")},81947:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M7 8l5.067 5.125c-1.173 1.159-2.787 1.875-4.567 1.875-3.59 0-6.5-2.91-6.5-6.5v0c0-3.59 2.41-6.5 6-6.5zM9.036 8l4.398 4.398c0.975-1.187 1.567-2.722 1.567-4.394 0-0.001 0-0.003 0-0.004v0zM8 1v6h6.922c-0.766-3.267-3.522-5.71-6.893-5.998l-0.029-0.002z"}),"ChartPieIcon")},69432:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M12 8l-6.607 7-1.393-1.476 5.214-5.524-5.214-5.524 1.393-1.476z"}),"ChevronRightIcon")},83718:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M13.25 6h-1.25v-3c-0.002-1.656-1.344-2.998-3-3h-2c-1.656 0.002-2.998 1.344-3 3v3h-1.25c-0.414 0.002-0.748 0.336-0.75 0.75v8.5c0.002 0.414 0.336 0.748 0.75 0.75h10.5c0.414-0.002 0.748-0.336 0.75-0.75v-8.5c-0.002-0.414-0.336-0.748-0.75-0.75h-0zM9 12h-2v-2h2zM10 6h-4v-3c0.001-0.552 0.448-0.999 1-1h2c0.552 0.001 0.999 0.448 1 1v0z"}),"LockIcon")},22231:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M16 9v-2l-2.13-0.27c-0.163-0.757-0.447-1.427-0.834-2.023l0.014 0.023 1.33-1.7-1.38-1.39-1.74 1.36c-0.573-0.376-1.242-0.664-1.96-0.823l-0.040-0.007-0.26-2.17h-2l-0.26 2.13c-0.757 0.163-1.427 0.447-2.023 0.834l0.023-0.014-1.67-1.31-1.41 1.42 1.34 1.69c-0.376 0.573-0.664 1.242-0.823 1.96l-0.007 0.040-2.17 0.25v2l2.14 0.27c0.163 0.757 0.447 1.427 0.834 2.023l-0.014-0.023-1.32 1.7 1.41 1.41 1.71-1.38c0.574 0.37 1.243 0.65 1.961 0.803l0.039 0.007 0.24 2.19h2l0.27-2.14c0.757-0.163 1.427-0.447 2.023-0.834l-0.023 0.014 1.73 1.34 1.38-1.38-1.38-1.75c0.373-0.573 0.657-1.243 0.813-1.96l0.007-0.040zM8 11c-1.657 0-3-1.343-3-3s1.343-3 3-3c1.657 0 3 1.343 3 3v0c0 1.657-1.343 3-3 3v0z"}),"SettingsIcon")},78412:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}}),r(2784);var n=r(75928),o=r(52903),a=(0,n.Z)((0,o.tZ)("path",{d:"M14.76 9.812c-0.826 3.012-3.54 5.188-6.762 5.188-2.577 0-4.829-1.393-6.044-3.467l-0.018-0.033 1.732-1c0.88 1.511 2.493 2.511 4.339 2.511 2.764 0 5.004-2.24 5.004-5.004s-2.24-5.004-5.004-5.004c-1.632 0-3.081 0.781-3.995 1.99l-0.009 0.013 1.995 1.995h-5v-5l1.579 1.579c1.293-1.578 3.242-2.578 5.425-2.578 3.864 0 6.997 3.133 6.997 6.997 0 0.645-0.087 1.27-0.251 1.863l0.012-0.049z"}),"UndoIcon")},65258:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var n=r(53860),o=r(2784),a=r(40596),i=r(27216),l=function(e){var t,r,n,o=e.colorMode,a=e.theme,i=null==a?void 0:null===(t=a.sizes)||void 0===t?void 0:t["4x"],l=null==a?void 0:null===(r=a.sizes)||void 0===r?void 0:r["1q"],c={dark:null==a?void 0:null===(n=a.colors)||void 0===n?void 0:n["gray:100"],light:"white"}[o];return{backgroundColor:({dark:"red:60",light:"red:60"})[o],borderRadius:i,boxShadow:"0 0 0 ".concat(l," ").concat(c),color:({dark:"white:primary",light:"white:primary"})[o],fontSize:"xs",height:i,lineHeight:"1",minWidth:i,px:"1x"}},c=function(e){var t,r,n,o,a=e.colorMode,i=e.theme,l=null==i?void 0:null===(t=i.sizes)||void 0===t?void 0:t["1q"],c={dark:null==i?void 0:null===(r=i.colors)||void 0===r?void 0:r["gray:100"],light:"white"}[a];return{backgroundColor:({dark:"red:60",light:"red:60"})[a],borderRadius:"circle",boxShadow:"0 0 0 ".concat(l," ").concat(c),color:({dark:"white:primary",light:"white:primary"})[a],height:null==i?void 0:null===(n=i.sizes)||void 0===n?void 0:n["2x"],width:null==i?void 0:null===(o=i.sizes)||void 0===o?void 0:o["2x"]}},d=function(e){var t=e.variant,r=(0,a.Z)(),o=(0,n.ZQ)(r,1)[0],d=(0,i.u)(),u={solid:l({colorMode:o,theme:d}),dot:c({colorMode:o,theme:d})}[t];return(0,n.Zj)((0,n.Zj)({},{display:"inline-flex",alignItems:"center",justifyContent:"center"}),u)},u=function(e){var t=e.placement;return(0,n.Zj)({position:"absolute"},{"top-left":{top:0,left:0,transform:"translate(-50%, -50%)"},"top-right":{top:0,right:0,transform:"translate(50%, -50%)"},"bottom-left":{bottom:0,left:0,transform:"translate(-50%, 50%)"},"bottom-right":{bottom:0,right:0,transform:"translate(50%, 50%)"}}[t])},s=r(52903),h=r(49857),f=["badgeContent","children","isInvisible","placement","variant"],Z=(0,o.forwardRef)(function(e,t){var r=e.badgeContent,o=e.children,a=e.isInvisible,i=e.placement,l=e.variant,c=void 0===l?"solid":l,Z=(0,n.Kd)(e,f),m="dot"===c?null:r,v=null!=a?a:null==m&&"dot"!==c,p=d({variant:c}),g=u({placement:void 0===i?"top-right":i});return o||v?(0,s.BX)(h.Z,(0,n.Zj)((0,n.Zj)({},{display:"inline-flex",position:"relative",width:"fit-content"}),{},{children:[o,!v&&(0,s.tZ)(h.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)((0,n.Zj)({ref:t},p),g),Z),{},{children:m}))]})):(0,s.tZ)(h.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({ref:t},p),Z),{},{children:m}))});Z.displayName="Badge";var m=Z},39256:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var n=r(53860),o=r(56818),a=r(92307),i=r.n(a),l=r(2784),c=r(12711),d=r(34730),u=r(52903),s=r(49857),h=["children","orientation","size","variant"],f=i()(function(e){return(0,n.Zj)({},e)}),Z=(0,l.forwardRef)(function(e,t){var r=e.children,a=e.orientation,i=void 0===a?"horizontal":a,l=e.size,Z=e.variant,m=(0,n.Kd)(e,h),v=(0,d.K7)({orientation:i}),p=f({orientation:i,size:void 0===l?"md":l,variant:void 0===Z?"default":Z});return(0,u.tZ)(c.u.Provider,{value:p,children:(0,u.tZ)(s.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({ref:t},v),m),{},{children:(0,o.Pu)(r,p)}))})});Z.displayName="ButtonGroup";var m=Z},67634:function(e,t,r){"use strict";r.d(t,{Z:function(){return c}});var n=r(53860),o=r(2784),a=r(62080),i=r(52903),l=(0,o.forwardRef)(function(e,t){return(0,i.tZ)(a.Z,(0,n.Zj)({as:"a",ref:t},e))});l.displayName="ButtonLink";var c=l},1847:function(e,t,r){"use strict";r.d(t,{Z:function(){return E}});var n=r(53860),o=r(20325),a=r(56818),i=r(13409),l=r(5081),c=r(2784),d=r(81522),u=r(40596),s=r(27216),h="blue",f=r(52903),Z=r(95530),m=function(e){return(0,f.tZ)(Z.Z,(0,n.Zj)((0,n.Zj)({viewBox:"0 0 16 16"},e),{},{children:(0,f.tZ)("g",{fill:"currentColor",children:(0,f.tZ)("path",{d:"M6 11.060l-3-3-1 1 4 4 9-9-1-1z"})})}))};m.displayName="IconChecked";var v=function(e){return(0,f.tZ)(Z.Z,(0,n.Zj)((0,n.Zj)({viewBox:"0 0 24 24"},e),{},{children:(0,f.tZ)("g",{fill:"currentColor",children:(0,f.tZ)("rect",{height:"18",width:"18",x:"3",y:"3"})})}))};v.displayName="IconIndeterminate";var p=r(49857),g=["indeterminate","size","variantColor","sx"],x=(0,c.forwardRef)(function(e,t){var r,o,i,c,d,Z,x,b,y,k,w,E,C=e.indeterminate,j=e.size,z=void 0===j?"md":j,_=e.variantColor,R=void 0===_?h:_,I=e.sx,S=(0,n.Kd)(e,g),B=(0,s.u)().sizes,M=(0,u.Z)(),N=(0,n.ZQ)(M,1)[0],G={lg:B["6x"],md:B["4x"],sm:B["3x"]}[z],A=function(e){return'input[type="'.concat("checkbox",'"]')+(0,l.Zs)(e)+" + &"},H=(0,n.Zj)((0,n._x)((0,n._x)((0,n._x)({position:"relative",border:1,width:{lg:"6x",md:"4x",sm:"3x"}[z],height:{lg:"6x",md:"4x",sm:"3x"}[z],zIndex:0},A()+"> *",{opacity:0}),A(":checked")+"> *",{opacity:1}),A("[data-indeterminate]")+"> *",{opacity:1}),C?(r=({dark:"".concat(R,":60"),light:"".concat(R,":60")})[N],o=({dark:"".concat(R,":50"),light:"".concat(R,":50")})[N],i=({dark:"".concat(R,":50"),light:"".concat(R,":50")})[N],c=({dark:"".concat(R,":60"),light:"".concat(R,":60")})[N],(0,n._x)((0,n._x)((0,n._x)((0,n._x)({},A("[data-indeterminate]"),{borderColor:{dark:"gray:50",light:"gray:40"}[N],color:r}),A("[data-indeterminate]:hover:not(:disabled)"),{borderColor:i,color:o}),A("[data-indeterminate]:focus-visible"),{outlineColor:c,outlineStyle:"solid",outlineWidth:"1h"}),A("[data-indeterminate]:disabled"),{borderColor:{dark:"gray:60",light:"gray:40"}[N],color:{dark:"gray:60",light:"gray:40"}[N],opacity:.28})):(d=({dark:"white:emphasis",light:"white:emphasis"})[N],Z="transparent",x=({dark:"".concat(R,":60"),light:"".concat(R,":60")})[N],b=({dark:"".concat(R,":50"),light:"".concat(R,":50")})[N],y=({dark:"".concat(R,":50"),light:"".concat(R,":50")})[N],k=({dark:"gray:60",light:"gray:40"})[N],w=({dark:"".concat(R,":60"),light:"".concat(R,":60")})[N],E=({dark:"".concat(R,":60"),light:"".concat(R,":60")})[N],(0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)({backgroundColor:Z,borderColor:{dark:"gray:50",light:"gray:40"}[N],color:d},A(":hover"),{backgroundColor:Z,borderColor:y,color:d}),A(":disabled"),{backgroundColor:Z,borderColor:k,color:d,opacity:.28}),A(":focus-visible"),{outlineColor:E,outlineStyle:"solid",outlineWidth:"1h"}),A(":checked"),{backgroundColor:x,borderColor:w,color:d}),A(":checked:hover:not(:disabled)"),{backgroundColor:b,borderColor:y,color:d}),A(":checked:focus-visible"),{backgroundColor:"inherit",borderColor:"transparent",color:d}),A(":checked:focus-visible")+"> div:first-of-type",{backgroundColor:x}),A(":checked:disabled"),{backgroundColor:{dark:"gray:60",light:"gray:40"}[N],borderColor:k,color:{dark:"white:emphasis",light:"black:primary"}[N],opacity:.28})));return(0,f.tZ)(p.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({"aria-hidden":(0,a.Qm)(!0),role:"checkbox",sx:[H].concat((0,n.u)((0,l.rY)(I)))},{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,userSelect:"none"}),S),{},{children:C?(0,f.tZ)(v,{size:G}):(0,f.tZ)(m,{size:G})}))});x.displayName="CheckboxControlBox";var b=r(16301),y=function(){if(!c.useContext)throw Error("The `useContext` hook is not available with your React version.");return(0,c.useContext)(b.w)},k=["checked","children","defaultChecked","disabled","id","indeterminate","inputProps","inputRef","name","onBlur","onChange","onClick","onFocus","size","value","variantColor"],w=(0,c.forwardRef)(function(e,t){var r,u,s=e.checked,Z=e.children,m=e.defaultChecked,v=e.disabled,g=e.id,b=e.indeterminate,w=e.inputProps,E=e.inputRef,C=e.name,j=e.onBlur,z=e.onChange,_=e.onClick,R=e.onFocus,I=e.size,S=e.value,B=e.variantColor,M=(0,n.Kd)(e,k),N=(0,c.useRef)(),G=(0,o.Z)(E,N),A={display:"inline-flex",verticalAlign:"top",alignItems:"center",cursor:v?"not-allowed":"pointer"},H=y();if(H){var P,T,K,W,q=(0,n.Zj)({},H),F=q.disabled,X=q.name,O=q.size,D=q.value,V=q.variantColor,Q=q.onChange;void 0!==D&&(s=(0,l.rY)(D).includes(S)),v=F||v,C=null!=X?X:C,z=(0,a.PP)(z,Q),I=null!==(P=null!==(T=I)&&void 0!==T?T:O)&&void 0!==P?P:"md",B=null!==(K=null!==(W=B)&&void 0!==W?W:V)&&void 0!==K?K:h}else I=null!==(r=I)&&void 0!==r?r:"md",B=null!==(u=B)&&void 0!==u?u:h;return(0,f.BX)(p.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({as:"label",ref:t},A),M),{},{children:[(0,f.tZ)(d.Z,(0,n.Zj)({as:"input",checked:s,"data-indeterminate":(0,a.PB)(b),defaultChecked:m,disabled:v,id:g,name:C,onBlur:j,onChange:z,onClick:_,onFocus:R,ref:G,type:"checkbox",value:S},w)),(0,f.tZ)(x,{indeterminate:b,size:I,variantColor:B}),!(0,i.Rw)(Z)&&(0,f.tZ)(p.Z,{ml:"2x",userSelect:"none",opacity:v?.28:1,children:Z})]}))});w.displayName="Checkbox";var E=w},16301:function(e,t,r){"use strict";r.d(t,{w:function(){return n}});var n=(0,r(2784).createContext)()},6194:function(e,t,r){"use strict";r.d(t,{Z:function(){return d}});var n=r(53860),o=r(2784),a=r(52903),i=r(49857),l=["gap","rowGap","columnGap","column","row","area","autoFlow","autoRows","autoColumns","templateRows","templateColumns","templateAreas"],c=(0,o.forwardRef)(function(e,t){var r=e.gap,o=e.rowGap,c=e.columnGap,d=e.column,u=e.row,s=e.area,h=e.autoFlow,f=e.autoRows,Z=e.autoColumns,m=e.templateRows,v=e.templateColumns,p=e.templateAreas,g=(0,n.Kd)(e,l);return(0,a.tZ)(i.Z,(0,n.Zj)({ref:t,display:"grid",gridGap:r,gridRowGap:o,gridColumnGap:c,gridColumn:d,gridRow:u,gridArea:s,gridAutoFlow:h,gridAutoRows:f,gridAutoColumns:Z,gridTemplateRows:m,gridTemplateColumns:v,gridTemplateAreas:p},g))});c.displayName="Grid";var d=c},3398:function(e,t,r){"use strict";r.d(t,{Z:function(){return h}});var n=r(53860),o=r(2784),a=r(70202),i=r(28729),l=r(40374),c=r(52737),d=r(52903),u=["size","variant","css"],s=(0,o.forwardRef)(function(e,t){var r,o,s=e.size,h=e.variant,f=e.css,Z=(0,n.Kd)(e,u),m=(0,l.Z)(),v=(0,n.Zj)({},m),p=v.size,g=v.variant,x=null!==(r=null!=s?s:p)&&void 0!==r?r:c.zm,b=null!==(o=null!=h?h:g)&&void 0!==o?o:c.oD,y=m?[(0,i.zM)({variant:b}),f]:f,k=(0,i.zG)({size:x,variant:b});return(0,d.tZ)(a.Z,(0,n.Zj)((0,n.Zj)({ref:t,as:"input",css:y},k),Z))});s.displayName="Input";var h=s},71955:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var n=r(53860),o=r(56818),a=r(92307),i=r.n(a),l=r(2784),c=r(71247),d=r(28729),u=r(52903),s=r(49857),h=["children","size","variant"],f=i()(function(e){return(0,n.Zj)({},e)}),Z=(0,l.forwardRef)(function(e,t){var r=e.children,a=e.size,i=e.variant,l=(0,n.Kd)(e,h),Z=f({size:void 0===a?"md":a,variant:void 0===i?"outline":i}),m=(0,d.lH)();return(0,u.tZ)(c.K.Provider,{value:Z,children:(0,u.tZ)(s.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({ref:t},m),l),{},{children:(0,o.Pu)(r,Z)}))})});Z.displayName="InputGroup";var m=Z},13704:function(e,t,r){"use strict";r.d(t,{Z:function(){return h}});var n=r(53860),o=r(2784),a=r(52737),i=r(28729),l=r(40374),c=r(52903),d=r(49857),u=["size","variant"],s=(0,o.forwardRef)(function(e,t){var r,o,s=e.size,h=e.variant,f=(0,n.Kd)(e,u),Z=(0,l.Z)(),m=(0,n.Zj)({},Z),v=m.size,p=m.variant,g=null!==(r=null!=s?s:v)&&void 0!==r?r:a.zm,x=null!==(o=null!=h?h:p)&&void 0!==o?o:a.oD,b=(0,i.IO)({size:g,variant:x});return(0,c.tZ)(d.Z,(0,n.Zj)((0,n.Zj)({ref:t},b),f))});s.displayName="InputGroupAddon";var h=s},13688:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(53860),o=r(2784),a=r(28729),i=r(52903),l=r(49857),c=["css"],d=(0,o.forwardRef)(function(e,t){var r=e.css,o=(0,n.Kd)(e,c),d=[(0,a.JF)(),r],u=(0,a.NL)();return(0,i.tZ)(l.Z,(0,n.Zj)((0,n.Zj)({ref:t,css:d},u),o))});d.displayName="InputGroupAppend";var u=d},2240:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(53860),o=r(2784),a=r(28729),i=r(52903),l=r(49857),c=["css"],d=(0,o.forwardRef)(function(e,t){var r=e.css,o=(0,n.Kd)(e,c),d=[(0,a.CJ)(),r],u=(0,a.lB)();return(0,i.tZ)(l.Z,(0,n.Zj)((0,n.Zj)({ref:t,css:d},u),o))});d.displayName="InputGroupPrepend";var u=d},35358:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(53860),o=r(2784),a=r(53638),i=r(13692),l=r(52903),c=r(49857),d=(0,o.forwardRef)(function(e,t){var r=(0,i.Z)(),o=(0,n.Zj)({},r).scrollBehavior,d=(0,a.mS)({scrollBehavior:o});return(0,l.tZ)(c.Z,(0,n.Zj)((0,n.Zj)({ref:t},d),e))});d.displayName="ModalBody";var u=d},76168:function(e,t,r){"use strict";r.d(t,{Z:function(){return d}});var n=r(53860),o=r(2784),a=r(53638),i=r(52903),l=r(49857),c=(0,o.forwardRef)(function(e,t){var r=(0,a.IB)();return(0,i.tZ)(l.Z,(0,n.Zj)((0,n.Zj)({ref:t},r),e))});c.displayName="ModalFooter";var d=c},52235:function(e,t,r){"use strict";r.d(t,{Z:function(){return u}});var n=r(53860),o=r(2784),a=r(53638),i=r(13692),l=r(52903),c=r(49857),d=(0,o.forwardRef)(function(e,t){var r=(0,i.Z)(),o=(0,n.Zj)({},r).isClosable,d=(0,a.vZ)({isClosable:o});return(0,l.tZ)(c.Z,(0,n.Zj)((0,n.Zj)({ref:t},d),e))});d.displayName="ModalHeader";var u=d},57861:function(e,t,r){"use strict";r.d(t,{Z:function(){return b}});var n,o,a=r(53860),i=r(10525),l=r(56818),c=r(2784),d=r(28165),u=r(40596),s=(0,d.F4)(n||(n=(0,a.AI)(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: .4;\n }\n 100% {\n opacity: 1;\n }\n"]))),h=(0,d.F4)(o||(o=(0,a.AI)(["\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n // +0.5s of delay between each loop\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n"]))),f=function(e){var t=e.animation,r=e.colorMode;return"pulse"===t?{animation:"".concat(s," 1.5s ease-in-out .5s infinite")}:"wave"===t?{position:"relative",overflow:"hidden",__after:{animation:"".concat(h," 1.6s linear .5s infinite"),background:"linear-gradient(90deg,".concat(["transparent","rgba(255, 255, 255, ".concat({dark:.08,light:.32}[r],")"),"transparent"].join(","),")"),content:'""',position:"absolute",inset:0,transform:"translateX(-100%)"}}:{animation:t}},Z=function(e){var t=e.variant;return"text"===t?{height:"3x",borderRadius:"sm",_empty:{"::before":{content:'"\\00a0"'}}}:"rectangle"===t?{}:"circle"===t?{borderRadius:"50%"}:{}},m=function(e){var t=e.animation,r=e.variant,n=(0,u.Z)(),o=(0,a.ZQ)(n,1)[0],i={dark:"rgba(255, 255, 255, 0.08)",light:"rgba(0, 0, 0, 0.08)"}[o],l=f({animation:t,colorMode:o}),c=Z({variant:r});return(0,a.Zj)((0,a.Zj)({display:"block",backgroundColor:i},l),c)},v=r(52903),p=r(49857),g=["animation","variant"],x=(0,c.forwardRef)(function(e,t){var r,n=e.animation,o=e.variant,c=(0,a.Kd)(e,g),d="".concat(x.displayName,":");(0,i.Z)(function(){(0,l.TL)('variant="rect"',{prefix:d,alternative:'variant="rectangle"',willRemove:!0})},"rect"===o),"rect"===o&&(o="rectangle");var u=m({animation:n,variant:o=null!==(r=o)&&void 0!==r?r:"text"});return(0,v.tZ)(p.Z,(0,a.Zj)((0,a.Zj)({ref:t},u),c))});x.displayName="Skeleton";var b=x},99291:function(e,t,r){"use strict";r.d(t,{Z:function(){return b}});var n=r(53860),o=r(20325),a=r(13409),i=r(2784),l=r(81522),c=r(56818),d=r(83377),u=r(5081),s=r(40596),h="blue",f=r(27216),Z=r(52903),m=r(49857),v=["size","variantColor","sx"],p=(0,i.forwardRef)(function(e,t){var r,o=e.size,a=void 0===o?"md":o,i=e.variantColor,l=void 0===i?h:i,p=e.sx,g=(0,n.Kd)(e,v),x=(0,f.u)(),b=(0,s.Z)(),y=(0,n.ZQ)(b,1)[0],k={sm:32,md:48,lg:64}[a],w={sm:16,md:24,lg:32}[a],E=k+6,C=w+6,j=function(e){return'input[type="'.concat("checkbox",'"]')+(0,u.Zs)(e)+" + &"},z=function(e){return j(e)+"> [data-switch] > [data-switch-outer-border]"},_=function(e){return j(e)+"> [data-switch] > [data-switch-inner-border]"},R=function(e){return j(e)+"> [data-switch] > [data-switch-track]"},I=function(e){return j(e)+"> [data-switch] > [data-switch-thumb]"},S=function(e){var t,r;return null!==(t=null==x?void 0:null===(r=x.colors)||void 0===r?void 0:r[e])&&void 0!==t?t:e},B=(r={width:E,height:C},(0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)((0,n._x)(r,j(":disabled"),{opacity:.28}),z(),{fill:"none"}),z(":focus-visible"),{fill:S({dark:"".concat(l,":60"),light:"".concat(l,":60")}[y])}),_(),{fill:"none"}),_(":focus-visible"),{fill:S({dark:"black",light:"white"}[y])}),R(),{fill:S({dark:"gray:60",light:"gray:30"}[y])}),R(":checked"),{fill:S({dark:"".concat(l,":60"),light:"".concat(l,":60")}[y])}),R(":hover:not(:disabled)"),{fill:S({dark:"gray:50",light:"gray:20"}[y])}),R(":checked:hover:not(:disabled)"),{fill:S({dark:"".concat(l,":50"),light:"".concat(l,":50")}[y])}),I(),{fill:S({dark:"white",light:"white"}[y])}),(0,n._x)(r,I(":checked"),{transform:"translateX(".concat(w,"px)")}));return(0,Z.tZ)(m.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({"aria-hidden":(0,c.Qm)(!0),role:"switch",sx:[B].concat((0,n.u)((0,u.rY)(p)))},{display:"inline-flex",alignItems:"center",justifyContent:"center",flexShrink:0,userSelect:"none"}),g),{},{children:(0,Z.BX)(m.Z,{as:"svg","data-switch":!0,width:"100%",height:"100%",viewBox:"0 0 ".concat(E," ").concat(C),children:[(0,Z.tZ)(m.Z,{as:"rect","data-switch-outer-border":!0,x:0,y:0,width:E,height:C,rx:"".concat(C/2),strokeWidth:0}),(0,Z.tZ)(m.Z,{as:"rect","data-switch-inner-border":!0,x:2,y:2,width:E-4,height:C-4,rx:(C-4)/2,strokeWidth:0}),(0,Z.tZ)(m.Z,{as:"rect","data-switch-track":!0,x:3,y:3,width:k,height:w,rx:w/2,pointerEvents:"all"}),(0,Z.tZ)(m.Z,{as:"circle","data-switch-thumb":!0,cx:C/2,cy:C/2,r:{sm:6,md:9,lg:12}[a],transform:"translateX(0)",transformBox:"fill-box",transition:(0,d.zx)(["transform"],{duration:250})})]})}))});p.displayName="SwitchControlBox";var g=["checked","children","defaultChecked","disabled","id","inputProps","inputRef","name","onBlur","onChange","onClick","onFocus","size","value","variantColor"],x=(0,i.forwardRef)(function(e,t){var r=e.checked,c=e.children,d=e.defaultChecked,u=e.disabled,s=e.id,f=e.inputProps,v=e.inputRef,x=e.name,b=e.onBlur,y=e.onChange,k=e.onClick,w=e.onFocus,E=e.size,C=e.value,j=e.variantColor,z=void 0===j?h:j,_=(0,n.Kd)(e,g),R=(0,i.useRef)(),I=(0,o.Z)(v,R);return(0,Z.BX)(m.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({as:"label",ref:t},{display:"inline-flex",verticalAlign:"top",alignItems:"center",cursor:u?"not-allowed":"pointer"}),_),{},{children:[(0,Z.tZ)(l.Z,(0,n.Zj)({as:"input",checked:r,defaultChecked:d,disabled:u,id:s,name:x,onBlur:b,onChange:y,onClick:k,onFocus:w,ref:I,role:"switch",type:"checkbox",value:C},f)),(0,Z.tZ)(p,{size:void 0===E?"md":E,variantColor:z}),!(0,a.Rw)(c)&&(0,Z.tZ)(m.Z,{ml:"2x",userSelect:"none",opacity:u?.28:1,children:c})]}))});x.displayName="Switch";var b=x},30514:function(e,t,r){"use strict";r.d(t,{Z:function(){return m}});var n=r(53860),o=r(92307),a=r.n(o),i=r(2784),l=r(67948),c=r(95749),d=r(60671),u=r(52903),s=r(49857),h=["layout","role","size","variant"],f=a()(function(e){return(0,n.Zj)({},e)}),Z=(0,i.forwardRef)(function(e,t){var r=e.layout,o=void 0===r?l.Bs:r,a=e.role,i=e.size,Z=void 0===i?l.Y1:i,m=e.variant,v=void 0===m?l.Wv:m,p=(0,n.Kd)(e,h),g=o===l.pj?"table":void 0,x=f({layout:o,size:Z,variant:v}),b=(0,d.y6)({layout:o,variant:v});return(0,u.tZ)(c.X.Provider,{value:x,children:(0,u.tZ)(s.Z,(0,n.Zj)((0,n.Zj)({as:g,ref:t,role:null!=a?a:"table"},b),p))})});Z.displayName="Table";var m=Z},63433:function(e,t,r){"use strict";r.d(t,{Z:function(){return v}});var n=r(53860),o=r(92307),a=r.n(o),i=r(2784),l=r(67948),c=r(95749),d=r(60671),u=r(28685),s=r(52903),h=r(49857),f=["role"],Z=a()(function(e){return(0,n.Zj)({},e)}),m=(0,i.forwardRef)(function(e,t){var r=e.role,o=(0,n.Kd)(e,f),a=(0,u.Z)().layout,i=a===l.pj?"tbody":void 0,m=Z({groupVariant:l.bI}),v=(0,d.pP)({layout:a});return(0,s.tZ)(c._.Provider,{value:m,children:(0,s.tZ)(h.Z,(0,n.Zj)((0,n.Zj)({as:i,ref:t,role:null!=r?r:"rowgroup"},v),o))})});m.displayName="TableBody";var v=m},17179:function(e,t,r){"use strict";r.d(t,{Z:function(){return Z}});var n=r(53860),o=r(5081),a=r(2784),i=r(67948),l=r(60671),c=r(28685),d=r(81864),u=r(52903),s=r(49857),h=["role","sx"],f=(0,a.forwardRef)(function(e,t){var r,a,f=e.role,Z=e.sx,m=(0,n.Kd)(e,h),v=(0,c.Z)(),p=v.layout,g=v.size,x=v.variant,b=(0,d.Z)(),y=null!==(r=null==b?void 0:b.groupVariant)&&void 0!==r?r:i.bI,k=y===i.BJ?p===i.pj?"th":void 0:p===i.pj?"td":void 0,w=null!==(a=null!=f?f:(0,n._x)((0,n._x)((0,n._x)({},i.BJ,"columnheader"),i.bI,"cell"),i.ZZ,"cell")[y])&&void 0!==a?a:"cell",E=(0,l.J_)({groupVariant:y,layout:p,size:g,variant:x}),C={};return y===i.bI&&p!==i.pj&&x===i.GY&&(C=(0,n.Zj)((0,n.Zj)({},C),{},{"*:last-child > &":{borderBottom:0,borderBottomColor:"transparent"}})),(0,u.tZ)(s.Z,(0,n.Zj)((0,n.Zj)({as:k,ref:t,role:w,sx:[C].concat((0,n.u)((0,o.rY)(Z)))},E),m))});f.displayName="TableCell";var Z=f},75715:function(e,t,r){"use strict";r.d(t,{Z:function(){return v}});var n=r(53860),o=r(92307),a=r.n(o),i=r(2784),l=r(67948),c=r(95749),d=r(60671),u=r(28685),s=r(52903),h=r(49857),f=["role"],Z=a()(function(e){return(0,n.Zj)({},e)}),m=(0,i.forwardRef)(function(e,t){var r=e.role,o=(0,n.Kd)(e,f),a=(0,u.Z)().layout,i=a===l.pj?"thead":void 0,m=Z({groupVariant:l.BJ}),v=(0,d.NI)({layout:a});return(0,s.tZ)(c._.Provider,{value:m,children:(0,s.tZ)(h.Z,(0,n.Zj)((0,n.Zj)({as:i,ref:t,role:null!=r?r:"rowgroup"},v),o))})});m.displayName="TableHeader";var v=m},58614:function(e,t,r){"use strict";r.d(t,{Z:function(){return f}});var n=r(53860),o=r(2784),a=r(67948),i=r(60671),l=r(28685),c=r(81864),d=r(52903),u=r(49857),s=["role"],h=(0,o.forwardRef)(function(e,t){var r,o=e.role,h=(0,n.Kd)(e,s),f=(0,l.Z)(),Z=f.layout,m=f.variant,v=(0,c.Z)(),p=null!==(r=null==v?void 0:v.groupVariant)&&void 0!==r?r:a.bI,g=Z===a.pj?"tr":void 0,x=null!=o?o:"row",b=(0,i.bs)({groupVariant:p,layout:Z,role:x,variant:m});return(0,d.tZ)(u.Z,(0,n.Zj)((0,n.Zj)({as:g,ref:t,role:x},b),h))});h.displayName="TableRow";var f=h},67948:function(e,t,r){"use strict";r.d(t,{BJ:function(){return c},Bs:function(){return n},GY:function(){return l},Wv:function(){return i},Y1:function(){return a},ZZ:function(){return u},bI:function(){return d},pj:function(){return o}});var n="flexbox",o="table",a="md",i="default",l="outline",c="header",d="body",u="footer"},95749:function(e,t,r){"use strict";r.d(t,{X:function(){return o},_:function(){return a}});var n=r(2784),o=(0,n.createContext)(),a=(0,n.createContext)()},60671:function(e,t,r){"use strict";r.d(t,{J_:function(){return s},NI:function(){return c},bs:function(){return u},pP:function(){return d},q8:function(){return h},y6:function(){return l}});var n=r(53860),o=r(40596),a=r(27216),i=r(67948),l=function(e){var t=e.layout,r=e.variant,a=(0,o.Z)(),l=(0,n.ZQ)(a,1)[0],c=t===i.pj?{borderCollapse:"collapse",borderSpacing:0,display:"table"}:{display:"inline-flex",flexDirection:"column"},d=r===i.GY?{border:1,borderColor:({dark:"gray:70",light:"gray:30"})[l]}:{};return(0,n.Zj)((0,n.Zj)({},c),d)},c=function(e){var t=e.layout===i.pj?{display:"table-header-group"}:{flex:"none"};return(0,n.Zj)({},t)},d=function(e){var t=e.layout===i.pj?{display:"table-row-group"}:{};return(0,n.Zj)({},t)},u=function(e){e.groupVariant;var t=e.layout;e.role,e.variant;var r=t===i.pj?{display:"table-row"}:{display:"flex",width:"fit-content"};return(0,n.Zj)({},r)},s=function(e){var t,r,l,c,d=e.groupVariant,u=e.layout,s=e.size,h=e.variant,f=(0,a.u)(),Z=(0,o.Z)(),m=(0,n.ZQ)(Z,1)[0];if(d===i.BJ){var v,p,g,x,b=u===i.pj?{display:"table-cell",textAlign:"start"}:{},y=(v=f.sizes,p=({dark:"gray:70",light:"gray:30"})[m],g=({dark:"white:secondary",light:"black:secondary"})[m],x=({sm:"1x",md:"2x",lg:"3x"})[s],h===i.GY?{borderBottom:2,borderBottomColor:p,borderLeft:1,borderLeftColor:p,color:g,fontWeight:"semibold",px:"3x",pt:x,pb:"calc(".concat(v[x]," - ").concat(v["2q"],")"),width:150,_firstChild:{borderLeft:0}}:{borderBottom:2,borderBottomColor:p,color:g,fontWeight:"semibold",px:"3x",pt:x,pb:"calc(".concat(v[x]," - ").concat(v["2q"],")"),width:150});return(0,n.Zj)((0,n.Zj)({},b),y)}var k=u===i.pj?{display:"table-cell"}:{},w=(t=f.sizes,r=({dark:"gray:70",light:"gray:30"})[m],l=({dark:"white:primary",light:"black:primary"})[m],c=({sm:"1x",md:"2x",lg:"3x"})[s],h===i.GY?{borderBottom:1,borderBottomColor:r,borderLeft:1,borderLeftColor:r,color:l,px:"3x",pt:c,pb:"calc(".concat(t[c]," - ").concat(t["1q"],")"),width:150,_firstChild:{borderLeft:0}}:{borderBottom:1,borderBottomColor:r,color:l,px:"3x",pt:c,pb:"calc(".concat(t[c]," - ").concat(t["1q"],")"),width:150});return(0,n.Zj)((0,n.Zj)({},k),w)},h=function(){var e=(0,o.Z)();return{backgroundColor:({dark:"gray:70",light:"gray:30"})[(0,n.ZQ)(e,1)[0]]}}},28685:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}});var n=r(2784),o=r(95749),a=function(){if(!n.useContext)throw Error("The `useContext` hook is not available with your React version.");return(0,n.useContext)(o.X)}},81864:function(e,t,r){"use strict";r.d(t,{Z:function(){return a}});var n=r(2784),o=r(95749),a=function(){if(!n.useContext)throw Error("The `useContext` hook is not available with your React version.");return(0,n.useContext)(o._)}},46943:function(e,t,r){"use strict";r.d(t,{Z:function(){return v}});var n=r(53860),o=r(56818),a=r(92307),i=r.n(a),l=r(2784),c=r(91252),d=r(93498),u=r(6796),s=r(52903),h=r(49857),f=["children","disabled","error","isClosable","onClose","size","variant"],Z=i()(function(e){return(0,n.Zj)({},e)}),m=(0,l.forwardRef)(function(e,t){var r=e.children,a=e.disabled,i=e.error,l=e.isClosable,m=e.onClose,v=e.size,p=void 0===v?"md":v,g=e.variant,x=void 0===g?"solid":g,b=(0,n.Kd)(e,f),y={"aria-disabled":(0,o.Qm)(a),"aria-invalid":(0,o.Qm)(i)},k=Z({disabled:a,error:i,isClosable:l,onClose:m,size:p,variant:x}),w=(0,c.o)({isClosable:l,size:p,variant:x});return(0,s.tZ)(u.V.Provider,{value:k,children:(0,s.BX)(h.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)((0,n.Zj)({ref:t},y),w),b),{},{children:[(0,o.Pu)(r,k),!!l&&(0,s.tZ)(d.Z,{})]}))})});m.displayName="Tag";var v=m},93498:function(e,t,r){"use strict";r.d(t,{Z:function(){return f}});var n=r(53860),o=r(37662),a=r(56818),i=r(2784),l=r(83513),c=r(91252),d=r(6796),u=function(){if(!i.useContext)throw Error("The `useContext` hook is not available with your React version.");return(0,i.useContext)(d.V)},s=r(52903),h=["children","onClick"],f=(0,i.forwardRef)(function(e,t){var r=e.children,i=e.onClick,d=(0,n.Kd)(e,h),f=u(),Z=(0,n.Zj)({},f),m=Z.disabled,v=Z.isClosable,p=Z.onClose,g=(0,c.C)({isClosable:v});return(0,s.tZ)(l.Z,(0,n.Zj)((0,n.Zj)((0,n.Zj)({"aria-label":"Close",ref:t,disabled:m,onClick:(0,a.N)(i,p)},g),d),{},{children:null!=r?r:(0,s.tZ)(o.Z,{size:"4x"})}))})},6796:function(e,t,r){"use strict";r.d(t,{V:function(){return n}});var n=(0,r(2784).createContext)()},91252:function(e,t,r){"use strict";r.d(t,{C:function(){return u},o:function(){return d}});var n=r(53860),o=r(40596),a=r(31131),i=r(27216),l=function(e){var t,r,n,o,a,i,l=e.colorMode,c=e.theme,d={dark:null==c?void 0:null===(t=c.colors)||void 0===t?void 0:t["blue:60"],light:null==c?void 0:null===(r=c.colors)||void 0===r?void 0:r["blue:60"]}[l],u=null==c?void 0:null===(n=c.sizes)||void 0===n?void 0:n["1q"],s={dark:null==c?void 0:null===(o=c.colors)||void 0===o?void 0:o["black:emphasis"],light:null==c?void 0:null===(a=c.colors)||void 0===a?void 0:a["white:emphasis"]}[l],h=null==c?void 0:null===(i=c.sizes)||void 0===i?void 0:i["2q"];return{backgroundColor:({dark:"gray:70",light:"gray:20"})[l],color:({dark:"gray:20",light:"black:emphasis"})[l],_focus:{"&:not([disabled])":{borderColor:d,boxShadow:"inset 0 0 0 ".concat(u," ").concat(d,", inset 0 0 0 ").concat(h," ").concat(s)}},_invalid:{backgroundColor:({dark:"red:60",light:"red:20"})[l],color:({dark:"white:emphasis",light:"red:100"})[l]},_disabled:{cursor:"not-allowed",opacity:({dark:.28,light:.3})[l]}}},c=function(e){var t,r,n,o,a,i,l=e.colorMode,c=e.theme,d={dark:null==c?void 0:null===(t=c.colors)||void 0===t?void 0:t["blue:60"],light:null==c?void 0:null===(r=c.colors)||void 0===r?void 0:r["blue:60"]}[l],u=null==c?void 0:null===(n=c.sizes)||void 0===n?void 0:n["1q"],s={dark:null==c?void 0:null===(o=c.colors)||void 0===o?void 0:o["black:emphasis"],light:null==c?void 0:null===(a=c.colors)||void 0===a?void 0:a["white:emphasis"]}[l],h=null==c?void 0:null===(i=c.sizes)||void 0===i?void 0:i["2q"],f={dark:"red:60",light:"red:20"}[l];return{borderColor:({dark:"gray:40",light:"gray:60"})[l],color:({dark:"gray:40",light:"gray:60"})[l],_focus:{"&:not([disabled])":{borderColor:d,boxShadow:"inset 0 0 0 ".concat(u," ").concat(d,", inset 0 0 0 ").concat(h," ").concat(s)}},_invalid:{borderColor:f,backgroundColor:f,color:({dark:"white:emphasis",light:"red:100"})[l]},_disabled:{cursor:"not-allowed",opacity:({dark:.28,light:.3})[l]}}},d=function(e){var t=e.size,r=e.variant,a=(0,o.Z)(),d=(0,n.ZQ)(a,1)[0],u=(0,i.u)(),s=u.sizes,h=s["1q"],f="calc(".concat(s["2x"]," - ").concat(h,")"),Z={sm:{fontSize:"xs",lineHeight:1,minHeight:"4x"},md:{fontSize:"xs",lineHeight:"xs",minHeight:"6x",py:"calc(".concat(s["1h"]," - ").concat(h,")")},lg:{fontSize:"md",lineHeight:"md",minHeight:"8x",py:"calc(".concat(s["1x"]," - ").concat(h,")")}}[t],m={solid:l({colorMode:d,theme:u}),outline:c({colorMode:d,theme:u})}[r];return(0,n.Zj)((0,n.Zj)((0,n.Zj)({},{alignItems:"center",borderColor:"transparent",borderRadius:"sm",borderStyle:"solid",borderWidth:h,display:"inline-flex",position:"relative",px:f}),Z),m)},u=function(e){var t=e.isClosable,r=(0,o.Z)(),i=(0,n.ZQ)(r,1)[0],l={dark:"white:emphasis",light:"black:emphasis"}[i],c={dark:"blue:60",light:"blue:60"}[i],d=(0,a.P)({color:{dark:"white:tertiary",light:"black:tertiary"}[i],size:"4x"});return t?(0,n.Zj)((0,n.Zj)({},d),{},{_hover:{color:l},_focusVisible:{outlineColor:c,outlineOffset:"-1q",outlineStyle:"solid",outlineWidth:"1q"},ml:"2x"}):(0,n.Zj)((0,n.Zj)({},d),{},{_hover:{color:l},_focusVisible:{outlineColor:c,outlineOffset:"-1q",outlineStyle:"solid",outlineWidth:"1q"}})}},81522:function(e,t,r){"use strict";r.d(t,{Z:function(){return c}});var n=r(53860),o=r(2784),a=r(52903),i=r(49857),l=(0,o.forwardRef)(function(e,t){return(0,a.tZ)(i.Z,(0,n.Zj)({ref:t,position:"absolute",width:1,height:1,padding:0,border:0,overflow:"hidden",clipPath:"inset(50%)",whiteSpace:"nowrap"},e))});l.displayName="VisuallyHidden";var c=l}},function(e){e.O(0,[9860,2888,9774,179],function(){return e(e.s=36885)}),_N_E=e.O()}]); \ No newline at end of file diff --git a/react/pr-890/_next/static/chunks/pages/patterns/notification-01b8099073c626f5.js b/react/pr-890/_next/static/chunks/pages/patterns/notification-01b8099073c626f5.js new file mode 100644 index 0000000000..e5e896557a --- /dev/null +++ b/react/pr-890/_next/static/chunks/pages/patterns/notification-01b8099073c626f5.js @@ -0,0 +1 @@ +(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3222],{19382:function(n,e,t){"use strict";t.r(e),t.d(e,{default:function(){return eH}});var o=t(52322),r=t(45392),a=t(96835),i=t(32700),l=t(62080),s=t(70758),c=t(82412),u=t(6192),d=t(2501),m=t(53335),p=t(14378),f=t(42049),g=t(95346),x=t(61481),h=t(49857),y=t(61619),b=t(57861),v=t(39256),C=t(42309),T=t(6194),w=t(73645),k=t(83591),S=t(97152),A=t(81141),Z=t(22938),E=t(2784),I=t(60258);function B(n){return(B="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}var O=["onClose"];function j(){return(j=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,O),a=(0,E.useRef)(0),i=function(n){if(Array.isArray(n))return n}(t=(0,E.useState)([]))||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,l=[],s=!0,c=!1;try{for(a=(t=t.call(n)).next;!(s=(o=a.call(t)).done)&&(l.push(o.value),2!==l.length);s=!0);}catch(n){c=!0,r=n}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,2)||M(t,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),w=i[0],F=i[1],G=function(n){var e=function(n){for(var e=1;e *:not(:first-of-type)":{marginLeft:-1}}},E.createElement(l.Z,{columnGap:"2x",onClick:R("success")},E.createElement(k.Z,null),"Success"),E.createElement(l.Z,{columnGap:"2x",onClick:R("info")},E.createElement(S.Z,null),"Info"),E.createElement(l.Z,{columnGap:"2x",onClick:R("warning")},E.createElement(A.Z,null),"Warning"),E.createElement(l.Z,{columnGap:"2x",onClick:R("error")},E.createElement(Z.Z,null),"Error"))),E.createElement(C.Z,null,E.createElement(T.Z,{templateColumns:"repeat(2, 1fr)",columnGap:"2x"},E.createElement(l.Z,{variant:"primary",onClick:o},"OK"),E.createElement(l.Z,{onClick:o},"Cancel")))))});F.displayName="DrawerExample";var N=function(n){return E.createElement(w.Z,j({flexDirection:"column",alignItems:"center",position:"absolute",top:"12x",left:"50%",transform:"translateX(-50%)",width:"max-content",maxWidth:"80%",zIndex:"toast"},n))},G=function(){var n=(0,i.Z)();return E.createElement(E.Fragment,null,E.createElement(l.Z,{variant:"secondary",onClick:function(){n(function(n){return E.createElement(F,{onClose:n})})}},"Open Drawer"))},R=t(13462),z=t(21400),H=t(40736),_=t(52235),L=t(35358),W=t(76168);function U(n){return(U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}var $=["onClose"];function X(){return(X=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,$),a=(0,E.useRef)(0),i=function(n){if(Array.isArray(n))return n}(t=(0,E.useState)([]))||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,l=[],s=!0,c=!1;try{for(a=(t=t.call(n)).next;!(s=(o=a.call(t)).done)&&(l.push(o.value),2!==l.length);s=!0);}catch(n){c=!0,r=n}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,2)||V(t,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),c=i[0],u=i[1],d=function(n){var e=function(n){for(var e=1;e *:not(:first-of-type)":{marginLeft:-1}}},E.createElement(l.Z,{columnGap:"2x",onClick:g("success")},E.createElement(k.Z,null),"Success"),E.createElement(l.Z,{columnGap:"2x",onClick:g("info")},E.createElement(S.Z,null),"Info"),E.createElement(l.Z,{columnGap:"2x",onClick:g("warning")},E.createElement(A.Z,null),"Warning"),E.createElement(l.Z,{columnGap:"2x",onClick:g("error")},E.createElement(Z.Z,null),"Error"))),E.createElement(W.Z,null,E.createElement(T.Z,{templateColumns:"repeat(2, 1fr)",columnGap:"2x"},E.createElement(l.Z,{variant:"primary",onClick:o},"OK"),E.createElement(l.Z,{onClick:o},"Cancel")))))});Y.displayName="ModalExample";var Q=function(n){return E.createElement(w.Z,X({flexDirection:"column",alignItems:"center",position:"absolute",top:"12x",left:"50%",transform:"translateX(-50%)",width:"max-content",maxWidth:"80%",zIndex:"toast"},n))},J=function(){var n=(0,i.Z)();return E.createElement(E.Fragment,null,E.createElement(l.Z,{variant:"secondary",onClick:function(){n(function(n){return E.createElement(Y,{onClose:n})})}},"Open Modal"))},nn=t(78727),ne=t(40596),nt=t(85017);function no(n){return(no="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function nr(){return(nr=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t *:not(:first-of-type)":{marginLeft:-1},"> *":{columnGap:"2x"}}},E.createElement(l.Z,{onClick:e("success")},E.createElement(k.Z,null),"Success"),E.createElement(l.Z,{onClick:e("info")},E.createElement(S.Z,null),"Info"),E.createElement(l.Z,{onClick:e("warning")},E.createElement(A.Z,null),"Warning"),E.createElement(l.Z,{onClick:e("error")},E.createElement(Z.Z,null),"Error")),E.createElement(l.Z,{variant:"secondary",onClick:function(){n.closeAll()}},"Close All"))},nm=t(14594),np=t(69860),nf=t(19088),ng=t(65019),nx=["onClose"];function nh(){return(nh=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,nx),a=function(n){if(Array.isArray(n))return n}(t=(0,ng.Z)(!0))||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,l=[],s=!0,c=!1;try{for(a=(t=t.call(n)).next;!(s=(o=a.call(t)).done)&&(l.push(o.value),2!==l.length);s=!0);}catch(n){c=!0,r=n}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,2)||function(n,e){if(n){if("string"==typeof n)return ny(n,2);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return ny(n,2)}}(t,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),i=a[0],m=a[1];return E.createElement(c.Z,nh({ref:e,backdrop:!0,closeOnEsc:!0,closeOnOutsideClick:!0,isClosable:!0,isOpen:!0,onClose:o,size:"md"},r),E.createElement(u.Z,null),E.createElement(d.Z,null,E.createElement(g.Z,null,"Drawer"),E.createElement(x.Z,null,E.createElement(nm.Z,{in:i},E.createElement(np.Z,{isClosable:!0,onClose:function(){return m(!1)},severity:"info",variant:"outline",mb:"4x"},E.createElement(s.Z,{display:"inline-block",fontWeight:"semibold",mr:"2x"},"Important:"),E.createElement(s.Z,{display:"inline-block",mr:"2x"},"This is an important message."),E.createElement(nf.Z,null,"Learn more"))),E.createElement(y.Z,{direction:"column",spacing:"4x"},E.createElement(b.Z,{width:160}),E.createElement(b.Z,{width:240}),E.createElement(b.Z,{width:240}))),E.createElement(C.Z,null,E.createElement(T.Z,{templateColumns:"repeat(2, 1fr)",columnGap:"2x"},E.createElement(l.Z,{variant:"primary",onClick:o},"OK"),E.createElement(l.Z,{onClick:o},"Cancel")))))});nb.displayName="DrawerExample";var nv=function(){var n=(0,i.Z)();return E.createElement(E.Fragment,null,E.createElement(l.Z,{variant:"secondary",onClick:function(){n(function(n){return E.createElement(nb,{onClose:n})})}},"Open Drawer"))},nC=["onClose"];function nT(){return(nT=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,nC),a=function(n){if(Array.isArray(n))return n}(t=(0,ng.Z)(!0))||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,l=[],s=!0,c=!1;try{for(a=(t=t.call(n)).next;!(s=(o=a.call(t)).done)&&(l.push(o.value),2!==l.length);s=!0);}catch(n){c=!0,r=n}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,2)||function(n,e){if(n){if("string"==typeof n)return nw(n,2);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return nw(n,2)}}(t,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),i=a[0],c=a[1];return E.createElement(R.Z,nT({ref:e,closeOnEsc:!0,closeOnOutsideClick:!0,isClosable:!0,isOpen:!0,onClose:o,size:"md"},r),E.createElement(z.Z,null),E.createElement(H.Z,null,E.createElement(_.Z,null,"Modal"),E.createElement(L.Z,null,E.createElement(nm.Z,{in:i},E.createElement(np.Z,{isClosable:!0,onClose:function(){return c(!1)},severity:"warning",variant:"outline",mb:"4x"},E.createElement(s.Z,{display:"inline-block",fontWeight:"semibold",mr:"2x"},"Important:"),E.createElement(s.Z,{display:"inline-block",mr:"2x"},"This is an important message."),E.createElement(nf.Z,null,"Learn more"))),E.createElement(y.Z,{direction:"column",spacing:"4x"},E.createElement(b.Z,{width:160}),E.createElement(b.Z,{width:240}),E.createElement(b.Z,{width:240}))),E.createElement(W.Z,null,E.createElement(T.Z,{templateColumns:"repeat(2, 1fr)",columnGap:"2x"},E.createElement(l.Z,{variant:"primary",onClick:o},"OK"),E.createElement(l.Z,{onClick:o},"Cancel")))))});nk.displayName="ModalExample";var nS=function(){var n=(0,i.Z)();return E.createElement(E.Fragment,null,E.createElement(l.Z,{variant:"secondary",onClick:function(){n(function(n){return E.createElement(nk,{onClose:n})})}},"Open Modal"))},nA=t(27216),nZ=t(83513),nE=t(67616),nI=t(72448),nB=t(65258),nO=t(62009),nj=t(34121),nP=t(50397),nM=t(56818),nD=t(83377);function nF(){return(nF=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);tn.length)&&(e=n.length);for(var t=0,o=Array(e);tn.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,n0);return E.createElement(w.Z,n1({alignItems:"center",columnGap:"2x"},i),E.createElement(n8,{disabled:t<=1,onClick:r},E.createElement(nQ.Z,null)),E.createElement(s.Z,{color:"black:primary"},t,"/",o),E.createElement(n8,{disabled:t>=o,onClick:a},E.createElement(nJ.Z,null)))});n6.displayName="AlertPagination";var n7=(0,E.forwardRef)(function(n,e){return E.createElement(l.Z,n1({ref:e,size:"sm",variant:"secondary",sx:{borderColor:"black:primary",color:"black:primary",":active":{color:"black:primary"},":focus":{color:"black:primary"},":hover":{background:"rgba(0, 0, 0, 0.12)",color:"black:primary"},":hover:not(:focus)":{boxShadow:"none"}}},n))});n7.displayName="AlertSolidActionButton";var n9=function(){var n,e=n2((0,E.useState)(1),2),t=e[0],o=e[1],r=null!==(n=n4[t-1])&&void 0!==n?n:{};return E.createElement(n3,null,function(n){var e=n.onClose;return E.createElement(np.Z,{variant:r.variant,severity:r.severity,icon:r.icon,onClose:e,sx:r.sx},E.createElement(w.Z,{alignItems:"center",justifyContent:"space-between",columnGap:"4x",mr:"10x"},E.createElement(s.Z,null,r.message),E.createElement(w.Z,{columnGap:"4x"},E.createElement(n7,{my:"-1x"},"Action"),E.createElement(n6,{page:t,count:n4.length,onPrevious:function(){return o(Math.max(1,t-1))},onNext:function(){return o(Math.min(n4.length,t+1))},my:"-2x"}))),E.createElement(nE.Z,{top:3,right:7,position:"absolute","data-test":"alert-close-button"}))})},en=function(n){var e={backgroundColor:n2((0,nt.Z)(),1)[0].background.secondary,height:"12x",alignItems:"center",justifyContent:"space-between"},t=n2(E.useState(new Date),2),o=t[0],r=t[1];return(0,E.useEffect)(function(){var n=setInterval(function(){r(new Date)},1e3);return function(){clearInterval(n)}},[]),E.createElement(w.Z,n1({},e,n),E.createElement(w.Z,{alignItems:"center",ml:"5x"},E.createElement(s.Z,{fontSize:"2xl",lineHeight:"2xl"},"Product Name"),E.createElement(nI.Z,{orientation:"vertical",height:"5x",mx:"2x"}),E.createElement(s.Z,{fontSize:"sm",lineHeight:"sm"},"Home")),E.createElement(w.Z,{height:"100%"},E.createElement(ee,{columnGap:"2x"},E.createElement(nj.Z,null),E.createElement(s.Z,null,o.toLocaleDateString()),E.createElement(s.Z,null,o.toLocaleTimeString())),E.createElement(et,null),E.createElement(ee,{as:h.Z},E.createElement(nB.Z,{badgeContent:null},E.createElement(nP.Z,null)))))},ee=function(n){var e=n2((0,ne.Z)(),1)[0],t=n2((0,nt.Z)({colorMode:e}),1)[0],o={display:"inline-flex",alignItems:"center",backgroundColor:t.background.secondary,px:"4x",height:"100%",_hover:{backgroundColor:t.background.highlighted},_selected:{backgroundColor:t.background.selected}};return E.createElement(nZ.Z,n1({},o,n))},et=function(n){var e=n2((0,ne.Z)(),1)[0];return E.createElement(nI.Z,n1({orientation:"vertical"},{borderColor:{dark:"gray:100",light:"gray:20"}[e],height:"100%"},n))},eo=function(){var n={backgroundColor:n2((0,nt.Z)(),1)[0].background.primary,height:480};return E.createElement(h.Z,n,E.createElement(n9,null),E.createElement(en,null),E.createElement(h.Z,{p:"4x"},E.createElement(s.Z,{fontSize:"xl",lineHeight:"xl"},"Home")))};function er(){return(er=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);tn.length)&&(e=n.length);for(var t=0,o=Array(e);t0&&E.createElement(ey.Z,{height:360,overflowY:"visible"},eB.map(function(n){return E.createElement(eF,{key:n.id},E.createElement(w.Z,{columnGap:"2x"},E.createElement(h.Z,{position:"relative",width:"9x"},!n.seen&&E.createElement(h.Z,{position:"absolute",top:15,left:-10,width:5,height:5,borderRadius:"50%",backgroundColor:"cyan:30"}),n.icon),E.createElement(h.Z,null,E.createElement(h.Z,{mb:"3x"},n.message),!!n.time&&E.createElement(s.Z,{color:e.color.secondary},(0,ek.Z)(n.time,r,{addSuffix:!0})," ","(".concat((0,eS.Z)(n.time),")")))))}))),E.createElement(eh.Z,o,0===eO.length&&E.createElement(w.Z,{flexDirection:"column",alignItems:"center",justifyContent:"center",height:360},E.createElement(h.Z,{mb:"3x"},E.createElement(ec.Z,{alt:"",src:"".concat(eI,"/images/patterns/notification/notification-empty-content.svg")})),E.createElement(s.Z,{color:e.color.tertiary},"No tasks to display")),eO.length>0&&E.createElement(ey.Z,{height:360,overflowY:"visible"},eO.map(function(n){return E.createElement(eF,{key:n.id},E.createElement(w.Z,{columnGap:"2x"},E.createElement(h.Z,{position:"relative",width:"9x"},!n.seen&&E.createElement(h.Z,{position:"absolute",top:15,left:-10,width:5,height:5,borderRadius:"50%",backgroundColor:"cyan:30"}),n.icon),E.createElement(h.Z,null,E.createElement(h.Z,{mb:"3x"},n.message),!!n.time&&E.createElement(s.Z,{color:e.color.secondary},(0,ek.Z)(n.time,r,{addSuffix:!0})," ","(".concat((0,eS.Z)(n.time),")")))))})))))},eF=function(n){var e=eZ((0,ne.Z)(),1)[0],t=eZ((0,nt.Z)({colorMode:e}),1)[0],o={backgroundColor:t.background.tertiary,borderBottom:1,borderBottomColor:{dark:"gray:100",light:"gray:20"}[e],px:"4x",py:"4x",textAlign:"left",width:"100%",_hover:{backgroundColor:t.background.highlighted}};return E.createElement(nZ.Z,eA({},o,n))},eN=function(){var n={backgroundColor:eZ((0,nt.Z)(),1)[0].background.primary,height:480};return E.createElement(h.Z,n,E.createElement(ej,null),E.createElement(h.Z,{p:"4x"},E.createElement(s.Z,{fontSize:"xl",lineHeight:"xl"},"Home")))},eG=t(67622),eR=t(119);function ez(n){var e=Object.assign({div:"div",h1:"h1",h2:"h2",a:"a",svg:"svg",use:"use",p:"p",ul:"ul",li:"li",h3:"h3",strong:"strong",h4:"h4",code:"code"},(0,r.ah)(),n.components);return(0,o.jsxs)(e.div,{className:"main-content",children:["\n","\n","\n","\n","\n","\n","\n","\n","\n","\n","\n","\n",(0,o.jsx)(e.h1,{id:"notification",children:"Notification"}),"\n",(0,o.jsxs)(e.h2,{id:"overview",children:["Overview",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#overview",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(e.p,{children:"Notifications proactively provide short, timely, and relevant information about the product to help users notice important things and even take follow-up actions."}),"\n",(0,o.jsx)(e.p,{children:"There are various channels to notify users:"}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"Notification center"}),"\n",(0,o.jsx)(e.li,{children:"Alert"}),"\n",(0,o.jsx)(e.li,{children:"Toast"}),"\n"]}),"\n",(0,o.jsxs)(e.h2,{id:"how-it-works",children:["How It Works",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#how-it-works",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsxs)(e.h3,{id:"notification-center",children:["Notification center",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#notification-center",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsxs)(e.p,{children:["Product-level system notifications can be placed on the ",(0,o.jsx)(e.strong,{children:"Informative"})," tab of the notification center with the following types:"]}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"Success: Indicates that a system task is successfully executed."}),"\n",(0,o.jsx)(e.li,{children:"Error: Indicates that a system error occurs and requires users to take actions."}),"\n",(0,o.jsx)(e.li,{children:"Information: Indicates that a system change happens and might temporarily affect users, for example, system maintenance."}),"\n",(0,o.jsx)(e.li,{children:"Attack related: Informs users of attack related information and leads users to learn about the impact."}),"\n",(0,o.jsx)(e.li,{children:"New feature: Informs users of a new feature and leads users to learn more about the feature."}),"\n"]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:eN,file:{data:'import {\n Badge,\n Box,\n ButtonBase,\n Divider,\n Flex,\n Image,\n Menu,\n MenuContent,\n MenuToggle,\n Scrollbar,\n Stack,\n Tabs,\n TabList,\n TabPanels,\n Tab,\n TabPanel,\n Text,\n useColorMode,\n useColorStyle,\n} from \'@tonic-ui/react\';\nimport { AlertIcon, ClockIcon } from \'@tonic-ui/react-icons\';\nimport { useEffectOnce, useToggle } from \'@tonic-ui/react-hooks\';\nimport { formatDistance, formatISO, startOfToday, subDays, subMinutes, subSeconds } from \'date-fns\';\nimport { ensureString } from \'ensure-type\';\nimport React, { useEffect } from \'react\';\n\nconst BASE_PATH = ensureString(process.env.BASE_PATH);\n\nconst notifications = [\n {\n id: 1,\n seen: true,\n icon: (\n \n ),\n message: (\n \n Place your highlight message here.\n \n ),\n time: startOfToday(subDays(new Date(), 2)).getTime(),\n },\n {\n id: 2,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your success message here.\n \n ),\n time: subSeconds(new Date(), 30).getTime(),\n },\n {\n id: 3,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your error message here.\n \n ),\n time: subMinutes(new Date(), 5).getTime(),\n },\n {\n id: 4,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your warning message here.\n \n ),\n time: subMinutes(new Date(), 30).getTime(),\n },\n {\n id: 5,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your info message here.\n \n ),\n time: subMinutes(new Date(), 60).getTime(),\n },\n];\n\nconst tasks = [\n {\n id: 1,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your progessive message here.\n \n \n Pending\n \n \n ),\n time: subSeconds(new Date(), 10).getTime(),\n },\n {\n id: 2,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your success message here.\n \n \n Successful\n \n \n ),\n time: subMinutes(new Date(), 5).getTime(),\n },\n {\n id: 3,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your error message here.\n \n \n Unsuccessful\n \n \n ),\n time: subMinutes(new Date(), 30).getTime(),\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n Home\n \n \n \n );\n};\n\nconst NavigationBar = (props) => {\n const [isNotificationCenterOpen, toggleIsNotificationCenterOpen] = useToggle(false);\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: \'12x\',\n alignItems: \'center\',\n justifyContent: \'space-between\',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n const notificationUnreadCount = notifications.filter(x => !x.seen).length;\n const taskUnreadCount = tasks.filter(x => !x.seen).length;\n const unreadCount = notificationUnreadCount + taskUnreadCount;\n\n useEffectOnce(() => {\n toggleIsNotificationCenterOpen(true);\n });\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n toggleIsNotificationCenterOpen(false)}\n onOpen={() => toggleIsNotificationCenterOpen(true)}\n closeOnBlur={false}\n placement="bottom-end"\n offset={[0, 1]}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: \'inline-flex\',\n alignItems: \'center\',\n backgroundColor: colorStyle.background.secondary,\n px: \'4x\',\n height: \'100%\',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: \'gray:100\',\n light: \'gray:20\',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: \'100%\',\n };\n\n return (\n \n );\n};\n\nconst NotificationCenter = (props) => {\n const [colorStyle] = useColorStyle();\n const tabStyleProps = {\n backgroundColor: colorStyle.background.secondary,\n fontSize: \'sm\',\n lineHeight: \'sm\',\n display: \'flex\',\n alignItems: \'center\',\n justifyContent: \'center\',\n px: \'3x\',\n py: \'10q\',\n _selected: {\n backgroundColor: colorStyle.background.tertiary,\n },\n };\n const tabPanelStyleProps = {\n backgroundColor: colorStyle.background.tertiary,\n };\n const now = new Date().getTime();\n const notificationUnreadCount = notifications.filter(x => !x.seen).length;\n const taskUnreadCount = tasks.filter(x => !x.seen).length;\n\n return (\n \n \n \n Notifications ({notificationUnreadCount})\n \n \n Tasks ({taskUnreadCount})\n \n \n \n \n {notifications.length === 0 && (\n \n \n \n \n \n No notifications to display\n \n \n )}\n {notifications.length > 0 && (\n \n {notifications.map((notification) => (\n \n \n \n {!notification.seen && (\n \n )}\n {notification.icon}\n \n \n \n {notification.message}\n \n {!!notification.time && (\n \n {formatDistance(notification.time, now, { addSuffix: true })}\n {\' \'}\n {`(${formatISO(notification.time)})`}\n \n )}\n \n \n \n ))}\n \n )}\n \n \n {tasks.length === 0 && (\n \n \n \n \n \n No tasks to display\n \n \n )}\n {tasks.length > 0 && (\n \n {tasks.map((task) => (\n \n \n \n {!task.seen && (\n \n )}\n {task.icon}\n \n \n \n {task.message}\n \n {!!task.time && (\n \n {formatDistance(task.time, now, { addSuffix: true })}\n {\' \'}\n {`(${formatISO(task.time)})`}\n \n )}\n \n \n \n ))}\n \n )}\n \n \n \n );\n};\n\nconst NotificationCenterItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const borderColor = {\n dark: \'gray:100\',\n light: \'gray:20\',\n }[colorMode];\n const styleProps = {\n backgroundColor: colorStyle.background.tertiary,\n borderBottom: 1,\n borderBottomColor: borderColor,\n px: \'4x\',\n py: \'4x\',\n textAlign: \'left\',\n width: \'100%\',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n };\n\n return (\n \n );\n};\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import {\n Badge,\n Box,\n ButtonBase,\n Divider,\n Flex,\n Image,\n Menu,\n MenuContent,\n MenuToggle,\n Scrollbar,\n Stack,\n Tabs,\n TabList,\n TabPanels,\n Tab,\n TabPanel,\n Text,\n useColorMode,\n useColorStyle,\n} from \'@tonic-ui/react\';\nimport { AlertIcon, ClockIcon } from \'@tonic-ui/react-icons\';\nimport { useEffectOnce, useToggle } from \'@tonic-ui/react-hooks\';\nimport { formatDistance, formatISO, startOfToday, subDays, subMinutes, subSeconds } from \'date-fns\';\nimport { ensureString } from \'ensure-type\';\nimport React, { useEffect } from \'react\';\n\nconst BASE_PATH = ensureString(process.env.BASE_PATH);\n\nconst notifications = [\n {\n id: 1,\n seen: true,\n icon: (\n \n ),\n message: (\n \n Place your highlight message here.\n \n ),\n time: startOfToday(subDays(new Date(), 2)).getTime(),\n },\n {\n id: 2,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your success message here.\n \n ),\n time: subSeconds(new Date(), 30).getTime(),\n },\n {\n id: 3,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your error message here.\n \n ),\n time: subMinutes(new Date(), 5).getTime(),\n },\n {\n id: 4,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your warning message here.\n \n ),\n time: subMinutes(new Date(), 30).getTime(),\n },\n {\n id: 5,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your info message here.\n \n ),\n time: subMinutes(new Date(), 60).getTime(),\n },\n];\n\nconst tasks = [\n {\n id: 1,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your progessive message here.\n \n \n Pending\n \n \n ),\n time: subSeconds(new Date(), 10).getTime(),\n },\n {\n id: 2,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your success message here.\n \n \n Successful\n \n \n ),\n time: subMinutes(new Date(), 5).getTime(),\n },\n {\n id: 3,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your error message here.\n \n \n Unsuccessful\n \n \n ),\n time: subMinutes(new Date(), 30).getTime(),\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n Home\n \n \n \n );\n};\n\nconst NavigationBar = (props) => {\n const [isNotificationCenterOpen, toggleIsNotificationCenterOpen] = useToggle(false);\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: \'12x\',\n alignItems: \'center\',\n justifyContent: \'space-between\',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n const notificationUnreadCount = notifications.filter(x => !x.seen).length;\n const taskUnreadCount = tasks.filter(x => !x.seen).length;\n const unreadCount = notificationUnreadCount + taskUnreadCount;\n\n useEffectOnce(() => {\n toggleIsNotificationCenterOpen(true);\n });\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n toggleIsNotificationCenterOpen(false)}\n onOpen={() => toggleIsNotificationCenterOpen(true)}\n closeOnBlur={false}\n placement="bottom-end"\n offset={[0, 1]}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: \'inline-flex\',\n alignItems: \'center\',\n backgroundColor: colorStyle.background.secondary,\n px: \'4x\',\n height: \'100%\',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: \'gray:100\',\n light: \'gray:20\',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: \'100%\',\n };\n\n return (\n \n );\n};\n\nconst NotificationCenter = (props) => {\n const [colorStyle] = useColorStyle();\n const tabStyleProps = {\n backgroundColor: colorStyle.background.secondary,\n fontSize: \'sm\',\n lineHeight: \'sm\',\n display: \'flex\',\n alignItems: \'center\',\n justifyContent: \'center\',\n px: \'3x\',\n py: \'10q\',\n _selected: {\n backgroundColor: colorStyle.background.tertiary,\n },\n };\n const tabPanelStyleProps = {\n backgroundColor: colorStyle.background.tertiary,\n };\n const now = new Date().getTime();\n const notificationUnreadCount = notifications.filter(x => !x.seen).length;\n const taskUnreadCount = tasks.filter(x => !x.seen).length;\n\n return (\n \n \n \n Notifications ({notificationUnreadCount})\n \n \n Tasks ({taskUnreadCount})\n \n \n \n \n {notifications.length === 0 && (\n \n \n \n \n \n No notifications to display\n \n \n )}\n {notifications.length > 0 && (\n \n {notifications.map((notification) => (\n \n \n \n {!notification.seen && (\n \n )}\n {notification.icon}\n \n \n \n {notification.message}\n \n {!!notification.time && (\n \n {formatDistance(notification.time, now, { addSuffix: true })}\n {\' \'}\n {`(${formatISO(notification.time)})`}\n \n )}\n \n \n \n ))}\n \n )}\n \n \n {tasks.length === 0 && (\n \n \n \n \n \n No tasks to display\n \n \n )}\n {tasks.length > 0 && (\n \n {tasks.map((task) => (\n \n \n \n {!task.seen && (\n \n )}\n {task.icon}\n \n \n \n {task.message}\n \n {!!task.time && (\n \n {formatDistance(task.time, now, { addSuffix: true })}\n {\' \'}\n {`(${formatISO(task.time)})`}\n \n )}\n \n \n \n ))}\n \n )}\n \n \n \n );\n};\n\nconst NotificationCenterItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const borderColor = {\n dark: \'gray:100\',\n light: \'gray:20\',\n }[colorMode];\n const styleProps = {\n backgroundColor: colorStyle.background.tertiary,\n borderBottom: 1,\n borderBottomColor: borderColor,\n px: \'4x\',\n py: \'4x\',\n textAlign: \'left\',\n width: \'100%\',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n };\n\n return (\n \n );\n};\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.p,{children:["Notifications about user-initiated system tasks that require some time to complete can be placed on the ",(0,o.jsx)(e.strong,{children:"Tasks"})," tab of the notification center. A notification is triggered when the task status changes.\nA task can have the following statuses:"]}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsxs)(e.li,{children:["Task successful: Informs users that a task is successfully executed. You can add a shortcut button to guide users to take follow-up actions. For example, adding a ",(0,o.jsx)(e.strong,{children:"Download"})," button when a file is ready to be exported."]}),"\n",(0,o.jsx)(e.li,{children:"Request pending: Informs users that a task requires manual approval."}),"\n",(0,o.jsx)(e.li,{children:"Task unsuccessful: Informs users that a task fails to be executed and leads users to the corresponding screen to view an error message that explain the failure."}),"\n"]}),"\n",(0,o.jsxs)(e.p,{children:["For more information, see ",(0,o.jsx)(e.a,{href:"https://www.figma.com/file/Y1PF38zpyzA15XwBAdAb7f/Notification-Center?node-id=576%3A0&fuid=847002822432287235",children:"notification center guideline"}),"."]}),"\n",(0,o.jsxs)(e.h3,{id:"alert",children:["Alert",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#alert",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsxs)(e.h4,{id:"product-level-alert",children:["Product-level alert",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#product-level-alert",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsxs)(e.p,{children:["For product-level alerts, place an ",(0,o.jsx)(e.a,{href:"../components/alert",children:"alert"})," banner above the product name bar. The alert can be dismissed manually by the user or automatically by the system after the call to action is completed."]}),"\n",(0,o.jsx)(e.p,{children:"An alert has the following types:"}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"Error: Informs users that a problem has occurred, for example, license expiration, and requires users to take actions."}),"\n",(0,o.jsx)(e.li,{children:"Warning: Informs users to prevent an imminent problem, for example, license about to expire."}),"\n"]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:es,file:{data:'import { Alert, AlertCloseButton, Button, Collapse, Flex, Stack, Text } from \'@tonic-ui/react\';\nimport { Light2OIcon } from \'@tonic-ui/react-icons\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport { runIfFn } from \'@tonic-ui/utils\';\nimport React, { forwardRef } from \'react\';\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst AlertSolidActionButton = forwardRef((props, ref) => (\n \n));\nAlertSolidActionButton.displayName = \'AlertSolidActionButton\';\n\nconst App = () => {\n return (\n \n \n {({ onClose }) => (\n }\n onClose={onClose}\n sx={{\n background: \'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)\',\n color: \'white:emphasis\',\n }}\n >\n \n This is a promotion message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an error message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a warning message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an info message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a success message.\n \n \n \n )}\n \n \n );\n};\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import { Alert, AlertCloseButton, Button, Collapse, Flex, Stack, Text } from \'@tonic-ui/react\';\nimport { Light2OIcon } from \'@tonic-ui/react-icons\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport { runIfFn } from \'@tonic-ui/utils\';\nimport React, { forwardRef } from \'react\';\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst AlertSolidActionButton = forwardRef((props, ref) => (\n \n));\nAlertSolidActionButton.displayName = \'AlertSolidActionButton\';\n\nconst App = () => {\n return (\n \n \n {({ onClose }) => (\n }\n onClose={onClose}\n sx={{\n background: \'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)\',\n color: \'white:emphasis\',\n }}\n >\n \n This is a promotion message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an error message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a warning message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an info message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a success message.\n \n \n \n )}\n \n \n );\n};\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsx)(e.p,{children:"When multiple alerts are present, they are prioritized in the following order:"}),"\n",(0,o.jsx)(w.Z,{fontSize:"sm",lineHeight:"sm",mb:"6x",children:(0,o.jsxs)(T.Z,{alignItems:"center",columnGap:"2x",templateColumns:"repeat(4, 1fr auto)",children:[(0,o.jsx)(np.Z,{severity:"none",variant:"solid",icon:(0,o.jsx)(nO.Z,{}),sx:{background:"linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)",color:"white:primary"},children:(0,o.jsx)(s.Z,{children:"Promotion"})}),(0,o.jsx)(eR.Z,{}),(0,o.jsx)(np.Z,{severity:"error",variant:"solid",children:(0,o.jsx)(s.Z,{children:"Error"})}),(0,o.jsx)(eR.Z,{}),(0,o.jsx)(np.Z,{severity:"warning",variant:"solid",children:(0,o.jsx)(s.Z,{children:"Warning"})}),(0,o.jsx)(eR.Z,{}),(0,o.jsx)(np.Z,{severity:"info",variant:"solid",children:(0,o.jsx)(s.Z,{children:"Info"})})]})}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:eo,file:{data:"import {\n Alert,\n AlertCloseButton,\n Badge,\n Box,\n Button,\n ButtonBase,\n Collapse,\n Divider,\n Flex,\n Text,\n useColorMode,\n useColorStyle,\n useTheme,\n} from '@tonic-ui/react';\nimport { AlertIcon, AngleDownIcon, AngleUpIcon, ClockIcon, Light2OIcon } from '@tonic-ui/react-icons';\nimport { useToggle } from '@tonic-ui/react-hooks';\nimport { createTransitionStyle, runIfFn } from '@tonic-ui/utils';\nimport React, { forwardRef, useEffect, useState } from 'react';\n\nconst alerts = [\n {\n variant: 'solid',\n severity: 'none',\n icon: (\n \n ),\n sx: {\n background: 'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)',\n color: 'white:emphasis',\n },\n message: 'This is a promotion message.',\n },\n {\n variant: 'solid',\n severity: 'error',\n message: 'This is an error message.',\n },\n {\n variant: 'solid',\n severity: 'warning',\n message: 'This is a warning message.',\n },\n {\n variant: 'solid',\n severity: 'info',\n message: 'This is an info message.',\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n \n Home\n \n \n \n );\n};\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst IconButton = forwardRef((props, ref) => {\n const theme = useTheme();\n const size = '8x';\n const color = 'black:secondary';\n const disabledColor = 'black:disabled';\n const activeColor = 'black:primary';\n const focusBorderColor = 'blue:60';\n const focusColor = 'black:primary';\n const hoverColor = 'black:primary';\n const styleProps = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: 1,\n borderColor: 'transparent',\n color,\n width: size,\n height: size,\n transition: createTransitionStyle(['border-color', 'box-shadow', 'color'], { duration: 200 }),\n _disabled: {\n color: disabledColor,\n },\n _focus: {\n ':not(:active)': {\n borderColor: focusBorderColor,\n boxShadow: `inset 0 0 0 1px ${theme.colors[focusBorderColor]}`,\n color: focusColor,\n },\n },\n _hover: {\n color: hoverColor,\n },\n _active: {\n color: activeColor,\n },\n };\n\n return (\n \n );\n});\nIconButton.displayName = 'IconButton';\n\nconst AlertPagination = forwardRef((\n {\n page,\n count,\n onPrevious,\n onNext,\n ...rest\n },\n ref,\n) => (\n \n \n \n \n \n {page}/{count}\n \n = count}\n onClick={onNext}\n >\n \n \n \n));\nAlertPagination.displayName = 'AlertPagination';\n\nconst AlertSolidActionButton = forwardRef((props, ref) => (\n \n));\nAlertSolidActionButton.displayName = 'AlertSolidActionButton';\n\nconst AlertView = () => {\n const [page, setPage] = useState(1);\n const alert = alerts[page - 1] ?? {};\n\n return (\n \n {({ onClose }) => (\n \n \n {alert.message}\n \n \n Action\n \n setPage(Math.max(1, page - 1))}\n onNext={() => setPage(Math.min(alerts.length, page + 1))}\n my=\"-2x\"\n />\n \n \n \n \n )}\n \n );\n};\n\nconst NavigationBar = (props) => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: '12x',\n alignItems: 'center',\n justifyContent: 'space-between',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: 'inline-flex',\n alignItems: 'center',\n backgroundColor: colorStyle.background.secondary,\n px: '4x',\n height: '100%',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: 'gray:100',\n light: 'gray:20',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: '100%',\n };\n\n return (\n \n );\n};\n\nexport default App;",path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:"import {\n Alert,\n AlertCloseButton,\n Badge,\n Box,\n Button,\n ButtonBase,\n Collapse,\n Divider,\n Flex,\n Text,\n useColorMode,\n useColorStyle,\n useTheme,\n} from '@tonic-ui/react';\nimport { AlertIcon, AngleDownIcon, AngleUpIcon, ClockIcon, Light2OIcon } from '@tonic-ui/react-icons';\nimport { useToggle } from '@tonic-ui/react-hooks';\nimport { createTransitionStyle, runIfFn } from '@tonic-ui/utils';\nimport React, { forwardRef, useEffect, useState } from 'react';\n\nconst alerts = [\n {\n variant: 'solid',\n severity: 'none',\n icon: (\n \n ),\n sx: {\n background: 'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)',\n color: 'white:emphasis',\n },\n message: 'This is a promotion message.',\n },\n {\n variant: 'solid',\n severity: 'error',\n message: 'This is an error message.',\n },\n {\n variant: 'solid',\n severity: 'warning',\n message: 'This is a warning message.',\n },\n {\n variant: 'solid',\n severity: 'info',\n message: 'This is an info message.',\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n \n Home\n \n \n \n );\n};\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst IconButton = forwardRef((props, ref) => {\n const theme = useTheme();\n const size = '8x';\n const color = 'black:secondary';\n const disabledColor = 'black:disabled';\n const activeColor = 'black:primary';\n const focusBorderColor = 'blue:60';\n const focusColor = 'black:primary';\n const hoverColor = 'black:primary';\n const styleProps = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: 1,\n borderColor: 'transparent',\n color,\n width: size,\n height: size,\n transition: createTransitionStyle(['border-color', 'box-shadow', 'color'], { duration: 200 }),\n _disabled: {\n color: disabledColor,\n },\n _focus: {\n ':not(:active)': {\n borderColor: focusBorderColor,\n boxShadow: `inset 0 0 0 1px ${theme.colors[focusBorderColor]}`,\n color: focusColor,\n },\n },\n _hover: {\n color: hoverColor,\n },\n _active: {\n color: activeColor,\n },\n };\n\n return (\n \n );\n});\nIconButton.displayName = 'IconButton';\n\nconst AlertPagination = forwardRef((\n {\n page,\n count,\n onPrevious,\n onNext,\n ...rest\n },\n ref,\n) => (\n \n \n \n \n \n {page}/{count}\n \n = count}\n onClick={onNext}\n >\n \n \n \n));\nAlertPagination.displayName = 'AlertPagination';\n\nconst AlertSolidActionButton = forwardRef((props, ref) => (\n \n));\nAlertSolidActionButton.displayName = 'AlertSolidActionButton';\n\nconst AlertView = () => {\n const [page, setPage] = useState(1);\n const alert = alerts[page - 1] ?? {};\n\n return (\n \n {({ onClose }) => (\n \n \n {alert.message}\n \n \n Action\n \n setPage(Math.max(1, page - 1))}\n onNext={() => setPage(Math.min(alerts.length, page + 1))}\n my=\"-2x\"\n />\n \n \n \n \n )}\n \n );\n};\n\nconst NavigationBar = (props) => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: '12x',\n alignItems: 'center',\n justifyContent: 'space-between',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: 'inline-flex',\n alignItems: 'center',\n backgroundColor: colorStyle.background.secondary,\n px: '4x',\n height: '100%',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: 'gray:100',\n light: 'gray:20',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: '100%',\n };\n\n return (\n \n );\n};\n\nexport default App;",title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.h4,{id:"in-app-alert",children:["In-app alert",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#in-app-alert",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(e.p,{children:"For alerts that are related to a screen or a feature only, show the alert banner in the associated screen or feature. The alert can be placed in different modules to fit different use cases. For example, place it in the upper part of a screen, a drawer, or a modal."}),"\n",(0,o.jsx)(e.p,{children:"An in-app alert has the following types:"}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"Promotion: Used only when there is a solution or offering to promote."}),"\n",(0,o.jsx)(e.li,{children:"Error: Informs users that a problem has occurred and requires users to take actions."}),"\n",(0,o.jsx)(e.li,{children:"Warning: Informs users of potential problems that may not require immediate action or to prevent an imminent problem"}),"\n",(0,o.jsx)(e.li,{children:"Info: Provides useful, relevant information to users."}),"\n"]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:nY,file:{data:'import { Alert, AlertCloseButton, Button, Collapse, Flex, Stack, Text } from \'@tonic-ui/react\';\nimport { Light2OIcon } from \'@tonic-ui/react-icons\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport { runIfFn } from \'@tonic-ui/utils\';\nimport React, { forwardRef } from \'react\';\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst AlertOutlineActionButton = forwardRef((props, ref) => (\n \n));\nAlertOutlineActionButton.displayName = \'AlertOutlineActionButton\';\n\nconst App = () => {\n return (\n \n \n {({ onClose }) => (\n }\n onClose={onClose}\n sx={{\n borderImageSource: \'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)\',\n borderImageSlice: 1,\n }}\n >\n \n This is a promotion message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an error message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a warning message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an info message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a success message.\n \n \n \n )}\n \n \n );\n};\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import { Alert, AlertCloseButton, Button, Collapse, Flex, Stack, Text } from \'@tonic-ui/react\';\nimport { Light2OIcon } from \'@tonic-ui/react-icons\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport { runIfFn } from \'@tonic-ui/utils\';\nimport React, { forwardRef } from \'react\';\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst AlertOutlineActionButton = forwardRef((props, ref) => (\n \n));\nAlertOutlineActionButton.displayName = \'AlertOutlineActionButton\';\n\nconst App = () => {\n return (\n \n \n {({ onClose }) => (\n }\n onClose={onClose}\n sx={{\n borderImageSource: \'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)\',\n borderImageSlice: 1,\n }}\n >\n \n This is a promotion message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an error message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a warning message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an info message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a success message.\n \n \n \n )}\n \n \n );\n};\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:n$,file:{data:"import {\n Alert,\n AlertCloseButton,\n Badge,\n Box,\n Button,\n ButtonBase,\n Collapse,\n Divider,\n Flex,\n Text,\n useColorMode,\n useColorStyle,\n useTheme,\n} from '@tonic-ui/react';\nimport { AlertIcon, ClockIcon, Light2OIcon } from '@tonic-ui/react-icons';\nimport { useToggle } from '@tonic-ui/react-hooks';\nimport { createTransitionStyle, runIfFn } from '@tonic-ui/utils';\nimport React, { forwardRef, useEffect, useState } from 'react';\n\nconst alerts = [\n {\n variant: 'outline',\n severity: 'none',\n icon: (\n \n ),\n sx: {\n borderImageSource: 'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)',\n borderImageSlice: 1,\n },\n message: 'This is a promotion message.',\n },\n {\n variant: 'outline',\n severity: 'error',\n message: 'This is an error message.',\n },\n {\n variant: 'outline',\n severity: 'warning',\n message: 'This is a warning message.',\n },\n {\n variant: 'outline',\n severity: 'info',\n message: 'This is an info message.',\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n \n \n \n Home\n \n \n \n );\n};\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst IconButton = forwardRef((props, ref) => {\n const theme = useTheme();\n const size = '8x';\n const color = 'black:secondary';\n const disabledColor = 'black:disabled';\n const activeColor = 'black:primary';\n const focusBorderColor = 'blue:60';\n const focusColor = 'black:primary';\n const hoverColor = 'black:primary';\n const styleProps = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: 1,\n borderColor: 'transparent',\n color,\n width: size,\n height: size,\n transition: createTransitionStyle(['border-color', 'box-shadow', 'color'], { duration: 200 }),\n _disabled: {\n color: disabledColor,\n },\n _focus: {\n ':not(:active)': {\n borderColor: focusBorderColor,\n boxShadow: `inset 0 0 0 1px ${theme.colors[focusBorderColor]}`,\n color: focusColor,\n },\n },\n _hover: {\n color: hoverColor,\n },\n _active: {\n color: activeColor,\n },\n };\n\n return (\n \n );\n});\nIconButton.displayName = 'IconButton';\n\nconst AlertOutlineActionButton = forwardRef((props, ref) => (\n \n));\nAlertOutlineActionButton.displayName = 'AlertOutlineActionButton';\n\nconst AlertView = () => {\n const [page, ] = useState(1);\n const alert = alerts[page - 1] ?? {};\n\n return (\n \n {({ onClose }) => (\n \n \n {alert.message}\n \n \n Action\n \n \n \n \n \n )}\n \n );\n};\n\nconst NavigationBar = (props) => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: '12x',\n alignItems: 'center',\n justifyContent: 'space-between',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: 'inline-flex',\n alignItems: 'center',\n backgroundColor: colorStyle.background.secondary,\n px: '4x',\n height: '100%',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: 'gray:100',\n light: 'gray:20',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: '100%',\n };\n\n return (\n \n );\n};\n\nexport default App;",path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:"import {\n Alert,\n AlertCloseButton,\n Badge,\n Box,\n Button,\n ButtonBase,\n Collapse,\n Divider,\n Flex,\n Text,\n useColorMode,\n useColorStyle,\n useTheme,\n} from '@tonic-ui/react';\nimport { AlertIcon, ClockIcon, Light2OIcon } from '@tonic-ui/react-icons';\nimport { useToggle } from '@tonic-ui/react-hooks';\nimport { createTransitionStyle, runIfFn } from '@tonic-ui/utils';\nimport React, { forwardRef, useEffect, useState } from 'react';\n\nconst alerts = [\n {\n variant: 'outline',\n severity: 'none',\n icon: (\n \n ),\n sx: {\n borderImageSource: 'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)',\n borderImageSlice: 1,\n },\n message: 'This is a promotion message.',\n },\n {\n variant: 'outline',\n severity: 'error',\n message: 'This is an error message.',\n },\n {\n variant: 'outline',\n severity: 'warning',\n message: 'This is a warning message.',\n },\n {\n variant: 'outline',\n severity: 'info',\n message: 'This is an info message.',\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n \n \n \n Home\n \n \n \n );\n};\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst IconButton = forwardRef((props, ref) => {\n const theme = useTheme();\n const size = '8x';\n const color = 'black:secondary';\n const disabledColor = 'black:disabled';\n const activeColor = 'black:primary';\n const focusBorderColor = 'blue:60';\n const focusColor = 'black:primary';\n const hoverColor = 'black:primary';\n const styleProps = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: 1,\n borderColor: 'transparent',\n color,\n width: size,\n height: size,\n transition: createTransitionStyle(['border-color', 'box-shadow', 'color'], { duration: 200 }),\n _disabled: {\n color: disabledColor,\n },\n _focus: {\n ':not(:active)': {\n borderColor: focusBorderColor,\n boxShadow: `inset 0 0 0 1px ${theme.colors[focusBorderColor]}`,\n color: focusColor,\n },\n },\n _hover: {\n color: hoverColor,\n },\n _active: {\n color: activeColor,\n },\n };\n\n return (\n \n );\n});\nIconButton.displayName = 'IconButton';\n\nconst AlertOutlineActionButton = forwardRef((props, ref) => (\n \n));\nAlertOutlineActionButton.displayName = 'AlertOutlineActionButton';\n\nconst AlertView = () => {\n const [page, ] = useState(1);\n const alert = alerts[page - 1] ?? {};\n\n return (\n \n {({ onClose }) => (\n \n \n {alert.message}\n \n \n Action\n \n \n \n \n \n )}\n \n );\n};\n\nconst NavigationBar = (props) => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: '12x',\n alignItems: 'center',\n justifyContent: 'space-between',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: 'inline-flex',\n alignItems: 'center',\n backgroundColor: colorStyle.background.secondary,\n px: '4x',\n height: '100%',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: 'gray:100',\n light: 'gray:20',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: '100%',\n };\n\n return (\n \n );\n};\n\nexport default App;",title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.h4,{id:"alert-in-modal-and-drawer",children:["Alert in modal and drawer",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#alert-in-modal-and-drawer",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:nS,file:{data:'import {\n Alert,\n Button,\n Collapse,\n Grid,\n Link,\n Modal,\n ModalOverlay,\n ModalContent,\n ModalHeader,\n ModalBody,\n ModalFooter,\n Skeleton,\n Stack,\n Text,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport React, { forwardRef } from \'react\';\n\nconst App = () => {\n const portal = usePortalManager();\n const openModal = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst ModalExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const [isAlertOpen, toggleIsAlertOpen] = useToggle(true);\n\n return (\n \n \n \n \n Modal\n \n \n \n toggleIsAlertOpen(false)}\n severity="warning"\n variant="outline"\n mb="4x"\n >\n Important:\n This is an important message.\n Learn more\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nModalExample.displayName = \'ModalExample\';\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import {\n Alert,\n Button,\n Collapse,\n Grid,\n Link,\n Modal,\n ModalOverlay,\n ModalContent,\n ModalHeader,\n ModalBody,\n ModalFooter,\n Skeleton,\n Stack,\n Text,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport React, { forwardRef } from \'react\';\n\nconst App = () => {\n const portal = usePortalManager();\n const openModal = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst ModalExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const [isAlertOpen, toggleIsAlertOpen] = useToggle(true);\n\n return (\n \n \n \n \n Modal\n \n \n \n toggleIsAlertOpen(false)}\n severity="warning"\n variant="outline"\n mb="4x"\n >\n Important:\n This is an important message.\n Learn more\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nModalExample.displayName = \'ModalExample\';\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:nv,file:{data:'import {\n Alert,\n Button,\n Collapse,\n Grid,\n Link,\n Drawer,\n DrawerOverlay,\n DrawerContent,\n DrawerHeader,\n DrawerBody,\n DrawerFooter,\n Skeleton,\n Stack,\n Text,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport React, { forwardRef } from \'react\';\n\nconst App = () => {\n const portal = usePortalManager();\n const openDrawer = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst DrawerExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const [isAlertOpen, toggleIsAlertOpen] = useToggle(true);\n\n return (\n \n \n \n \n Drawer\n \n \n \n toggleIsAlertOpen(false)}\n severity="info"\n variant="outline"\n mb="4x"\n >\n Important:\n This is an important message.\n Learn more\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nDrawerExample.displayName = \'DrawerExample\';\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import {\n Alert,\n Button,\n Collapse,\n Grid,\n Link,\n Drawer,\n DrawerOverlay,\n DrawerContent,\n DrawerHeader,\n DrawerBody,\n DrawerFooter,\n Skeleton,\n Stack,\n Text,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport React, { forwardRef } from \'react\';\n\nconst App = () => {\n const portal = usePortalManager();\n const openDrawer = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst DrawerExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const [isAlertOpen, toggleIsAlertOpen] = useToggle(true);\n\n return (\n \n \n \n \n Drawer\n \n \n \n toggleIsAlertOpen(false)}\n severity="info"\n variant="outline"\n mb="4x"\n >\n Important:\n This is an important message.\n Learn more\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nDrawerExample.displayName = \'DrawerExample\';\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.h3,{id:"toast",children:["Toast",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#toast",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.a,{href:"../components/toast",children:"Toast"})," provides simple feedback for user-initiated actions or information that users need to complete the current task. Place a toast on the bottom right of a screen. Toasts can be chronologically piled up when there are multiple and pushed down when a previous toast is dismissed."]}),"\n",(0,o.jsx)(e.p,{children:"A toast can be classified into the following types:"}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"Success: The toast will be automatically dismissed after 5 seconds."}),"\n",(0,o.jsx)(e.li,{children:"Info/Warning/Error: The toast will remain visible until the user dismisses it."}),"\n"]}),"\n",(0,o.jsxs)(e.h4,{id:"app-toast",children:["App toast",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#app-toast",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:nd,file:{data:"import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Text,\n Toast,\n useColorMode,\n useColorStyle,\n useToastManager,\n} from '@tonic-ui/react';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from '@tonic-ui/react-icons';\nimport React from 'react';\n\nconst MAX_TOASTS = 3;\n\nconst App = () => {\n const toast = useToastManager();\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n const placement = 'bottom-right';\n const duration = appearance === 'success' ? 5000 : undefined;\n const options = {\n placement,\n duration,\n };\n\n toast.notify(({ onClose, placement }) => {\n const isTop = placement.includes('top');\n const toastSpacingKey = isTop ? 'pb' : 'pt';\n\n return (\n \n \n {content}\n \n \n );\n }, options);\n\n const isTop = placement.includes('top');\n\n // Limit the maximum number of toasts\n if (isTop) {\n toast.setState(prevState => ({\n ...prevState,\n [placement]: prevState[placement].slice(0, MAX_TOASTS),\n }));\n } else {\n toast.setState(prevState => ({\n ...prevState,\n [placement]: prevState[placement].slice(-MAX_TOASTS),\n }));\n }\n };\n\n const handleClickCloseToasts = () => {\n toast.closeAll();\n };\n\n return (\n \n *:not(:first-of-type)': {\n marginLeft: -1\n },\n '> *': {\n columnGap: '2x',\n },\n }}\n >\n \n \n \n \n \n \n \n );\n};\n\nconst ToastLayout = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const boxShadow = colorStyle.shadow.thin;\n\n return (\n \n );\n};\n\nexport default App;",path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:"import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Text,\n Toast,\n useColorMode,\n useColorStyle,\n useToastManager,\n} from '@tonic-ui/react';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from '@tonic-ui/react-icons';\nimport React from 'react';\n\nconst MAX_TOASTS = 3;\n\nconst App = () => {\n const toast = useToastManager();\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n const placement = 'bottom-right';\n const duration = appearance === 'success' ? 5000 : undefined;\n const options = {\n placement,\n duration,\n };\n\n toast.notify(({ onClose, placement }) => {\n const isTop = placement.includes('top');\n const toastSpacingKey = isTop ? 'pb' : 'pt';\n\n return (\n \n \n {content}\n \n \n );\n }, options);\n\n const isTop = placement.includes('top');\n\n // Limit the maximum number of toasts\n if (isTop) {\n toast.setState(prevState => ({\n ...prevState,\n [placement]: prevState[placement].slice(0, MAX_TOASTS),\n }));\n } else {\n toast.setState(prevState => ({\n ...prevState,\n [placement]: prevState[placement].slice(-MAX_TOASTS),\n }));\n }\n };\n\n const handleClickCloseToasts = () => {\n toast.closeAll();\n };\n\n return (\n \n *:not(:first-of-type)': {\n marginLeft: -1\n },\n '> *': {\n columnGap: '2x',\n },\n }}\n >\n \n \n \n \n \n \n \n );\n};\n\nconst ToastLayout = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const boxShadow = colorStyle.shadow.thin;\n\n return (\n \n );\n};\n\nexport default App;",title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.h4,{id:"toast-in-modal-and-drawer",children:["Toast in modal and drawer",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#toast-in-modal-and-drawer",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(e.p,{children:"In scenarios where there is limited space, such as within a modal or drawer, the toast should be positioned between the title and the content. When the limited space is closed, the toast will be automatically dismissed."}),"\n",(0,o.jsx)(e.p,{children:"In the examples below, the toast will be positioned 48 pixels from the top of the modal or drawer, and has a minimum width of 280 pixels. If the content of the toast message is wider than 280 pixels, the toast will expand to fit the content without exceeding 80% of the width of the modal or drawer in which it is being displayed."}),"\n",(0,o.jsxs)(e.p,{children:["To animate the toast when it is displayed or dismissed, you can use the ",(0,o.jsx)(e.code,{children:"ToastTransition"})," component. The ",(0,o.jsx)(e.code,{children:"ToastController"})," component can also be used to control the duration for which the toast will be displayed before it is automatically dismissed. This allows you to set a specific amount of time for the toast to be visible, ensuring that it does not interrupt the user's workflow for too long."]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:J,file:{data:'import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Grid,\n Modal,\n ModalOverlay,\n ModalContent,\n ModalHeader,\n ModalBody,\n ModalFooter,\n Skeleton,\n Stack,\n Text,\n Toast,\n ToastController,\n ToastTransition,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from \'@tonic-ui/react-icons\';\nimport React, { forwardRef, useRef, useState } from \'react\';\nimport { TransitionGroup } from \'react-transition-group\';\n\nconst MAX_TOASTS = 1;\n\nconst App = () => {\n const portal = usePortalManager();\n const openModal = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst ModalExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const autoIncrementRef = useRef(0);\n const [toasts, setToasts] = useState([]);\n\n const notify = (options) => {\n const {\n appearance,\n content,\n duration = null,\n isClosable = true,\n } = { ...options };\n\n setToasts(prevState => {\n const id = ++autoIncrementRef.current;\n const onClose = () => {\n setToasts(toasts => toasts.filter(x => x.id !== id));\n };\n // You can decide how many toasts you want to show at the same time depending on your use case\n const nextState = [\n ...prevState.slice(MAX_TOASTS > 1 ? -(MAX_TOASTS - 1) : prevState.length),\n {\n id,\n appearance,\n content,\n duration,\n isClosable,\n onClose,\n },\n ];\n return nextState;\n });\n };\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n notify({\n appearance,\n content,\n duration: (appearance === \'success\') ? 5000 : undefined,\n });\n };\n\n return (\n \n \n \n \n ` element\n >\n {toasts.map(toast => (\n \n \n \n {toast?.content}\n \n \n \n ))}\n \n \n \n Modal\n \n \n \n \n \n \n \n \n \n *:not(:first-of-type)\': {\n marginLeft: -1\n }\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nModalExample.displayName = \'ModalExample\';\n\nconst CustomToastContainer = (props) => (\n \n);\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Grid,\n Modal,\n ModalOverlay,\n ModalContent,\n ModalHeader,\n ModalBody,\n ModalFooter,\n Skeleton,\n Stack,\n Text,\n Toast,\n ToastController,\n ToastTransition,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from \'@tonic-ui/react-icons\';\nimport React, { forwardRef, useRef, useState } from \'react\';\nimport { TransitionGroup } from \'react-transition-group\';\n\nconst MAX_TOASTS = 1;\n\nconst App = () => {\n const portal = usePortalManager();\n const openModal = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst ModalExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const autoIncrementRef = useRef(0);\n const [toasts, setToasts] = useState([]);\n\n const notify = (options) => {\n const {\n appearance,\n content,\n duration = null,\n isClosable = true,\n } = { ...options };\n\n setToasts(prevState => {\n const id = ++autoIncrementRef.current;\n const onClose = () => {\n setToasts(toasts => toasts.filter(x => x.id !== id));\n };\n // You can decide how many toasts you want to show at the same time depending on your use case\n const nextState = [\n ...prevState.slice(MAX_TOASTS > 1 ? -(MAX_TOASTS - 1) : prevState.length),\n {\n id,\n appearance,\n content,\n duration,\n isClosable,\n onClose,\n },\n ];\n return nextState;\n });\n };\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n notify({\n appearance,\n content,\n duration: (appearance === \'success\') ? 5000 : undefined,\n });\n };\n\n return (\n \n \n \n \n ` element\n >\n {toasts.map(toast => (\n \n \n \n {toast?.content}\n \n \n \n ))}\n \n \n \n Modal\n \n \n \n \n \n \n \n \n \n *:not(:first-of-type)\': {\n marginLeft: -1\n }\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nModalExample.displayName = \'ModalExample\';\n\nconst CustomToastContainer = (props) => (\n \n);\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:G,file:{data:'import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Grid,\n Drawer,\n DrawerOverlay,\n DrawerContent,\n DrawerHeader,\n DrawerBody,\n DrawerFooter,\n Skeleton,\n Stack,\n Text,\n Toast,\n ToastController,\n ToastTransition,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from \'@tonic-ui/react-icons\';\nimport React, { forwardRef, useRef, useState } from \'react\';\nimport { TransitionGroup } from \'react-transition-group\';\n\nconst MAX_TOASTS = 1;\n\nconst App = () => {\n const portal = usePortalManager();\n const openDrawer = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst DrawerExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const autoIncrementRef = useRef(0);\n const [toasts, setToasts] = useState([]);\n\n const notify = (options) => {\n const {\n appearance,\n content,\n duration = null,\n isClosable = true,\n } = { ...options };\n\n setToasts(prevState => {\n const id = ++autoIncrementRef.current;\n const onClose = () => {\n setToasts(toasts => toasts.filter(x => x.id !== id));\n };\n // You can decide how many toasts you want to show at the same time depending on your use case\n const nextState = [\n ...prevState.slice(MAX_TOASTS > 1 ? -(MAX_TOASTS - 1) : prevState.length),\n {\n id,\n appearance,\n content,\n duration,\n isClosable,\n onClose,\n },\n ];\n return nextState;\n });\n };\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n notify({\n appearance,\n content,\n duration: (appearance === \'success\') ? 5000 : undefined,\n });\n };\n\n return (\n \n \n \n \n ` element\n >\n {toasts.map(toast => (\n \n \n \n {toast?.content}\n \n \n \n ))}\n \n \n \n Drawer\n \n \n \n \n \n \n \n \n \n *:not(:first-of-type)\': {\n marginLeft: -1\n }\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nDrawerExample.displayName = \'DrawerExample\';\n\nconst CustomToastContainer = (props) => (\n \n);\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Grid,\n Drawer,\n DrawerOverlay,\n DrawerContent,\n DrawerHeader,\n DrawerBody,\n DrawerFooter,\n Skeleton,\n Stack,\n Text,\n Toast,\n ToastController,\n ToastTransition,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from \'@tonic-ui/react-icons\';\nimport React, { forwardRef, useRef, useState } from \'react\';\nimport { TransitionGroup } from \'react-transition-group\';\n\nconst MAX_TOASTS = 1;\n\nconst App = () => {\n const portal = usePortalManager();\n const openDrawer = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst DrawerExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const autoIncrementRef = useRef(0);\n const [toasts, setToasts] = useState([]);\n\n const notify = (options) => {\n const {\n appearance,\n content,\n duration = null,\n isClosable = true,\n } = { ...options };\n\n setToasts(prevState => {\n const id = ++autoIncrementRef.current;\n const onClose = () => {\n setToasts(toasts => toasts.filter(x => x.id !== id));\n };\n // You can decide how many toasts you want to show at the same time depending on your use case\n const nextState = [\n ...prevState.slice(MAX_TOASTS > 1 ? -(MAX_TOASTS - 1) : prevState.length),\n {\n id,\n appearance,\n content,\n duration,\n isClosable,\n onClose,\n },\n ];\n return nextState;\n });\n };\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n notify({\n appearance,\n content,\n duration: (appearance === \'success\') ? 5000 : undefined,\n });\n };\n\n return (\n \n \n \n \n ` element\n >\n {toasts.map(toast => (\n \n \n \n {toast?.content}\n \n \n \n ))}\n \n \n \n Drawer\n \n \n \n \n \n \n \n \n \n *:not(:first-of-type)\': {\n marginLeft: -1\n }\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nDrawerExample.displayName = \'DrawerExample\';\n\nconst CustomToastContainer = (props) => (\n \n);\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.h2,{id:"see-also",children:["See Also",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#see-also",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(w.Z,{children:(0,o.jsxs)(T.Z,{templateColumns:"1fr 1fr",columnGap:"18x",rowGap:"4x",children:[(0,o.jsx)(eG.Z,{children:"React Components"}),(0,o.jsx)(eG.Z,{children:"Patterns"}),(0,o.jsx)(h.Z,{children:(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:(0,o.jsx)(e.a,{href:"../components/modal",children:"Modal"})}),"\n",(0,o.jsx)(e.li,{children:(0,o.jsx)(e.a,{href:"../components/drawer",children:"Drawer"})}),"\n"]})}),(0,o.jsx)(h.Z,{children:(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:(0,o.jsx)(e.a,{href:"https://www.figma.com/file/N84ebgxXVKZTMVClV2x0VP/Pattern-guideline?node-id=820%3A26&t=azm7arGGygd4x13e-3&fuid=847002822432287235",children:"Error Handling"})}),"\n"]})})]})})]})}var eH=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=Object.assign({},(0,r.ah)(),n.components).wrapper;return e?(0,o.jsx)(e,Object.assign({},n,{children:(0,o.jsx)(ez,n)})):ez(n)}},53442:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/patterns/notification",function(){return t(19382)}])},10525:function(n,e,t){"use strict";t.d(e,{Z:function(){return r}});var o=t(2784),r=function(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=(0,o.useRef)(!1);e&&!t.current&&("function"==typeof n&&n(),t.current=!0)}},50397:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M6 14h4c0 1.105-0.895 2-2 2s-2-0.895-2-2v0zM15 12c-1.237-1.248-2.001-2.967-2.001-4.863 0-0.048 0-0.096 0.001-0.144l-0 0.007v-1c0-0 0-0.001 0-0.001 0-2.407-1.701-4.417-3.967-4.893l-0.033-0.006s0-0.1 0-0.1c0-0.552-0.448-1-1-1s-1 0.448-1 1v0s0 0.070 0 0.1c-2.299 0.482-4 2.492-4 4.899 0 0 0 0.001 0 0.001v-0 1c0.001 0.041 0.001 0.089 0.001 0.137 0 1.897-0.764 3.615-2.002 4.864l0.001-0.001v1h14v-1z"}),"AlertIcon")},119:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M15 7.976l-5.707 5.739-1.418-1.41 3.316-3.335h-10.191v-2h10.158l-3.296-3.283 1.412-1.416 4.716 4.699h0.009v0.009z"}),"ArrowRightIcon")},34121:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.418 0 8-3.582 8-8v0c0-4.418-3.582-8-8-8v0zM8 14.5c-3.59 0-6.5-2.91-6.5-6.5s2.91-6.5 6.5-6.5c3.59 0 6.5 2.91 6.5 6.5v0c-0.006 3.588-2.912 6.494-6.499 6.5h-0.001zM8 8h4v1h-5v-5h1v4z"}),"ClockIcon")},62009:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M8.8 2.5h-1.6v-2.5h1.5v2.5zM0 9h2.2v-1.5h-2.2v1.5zM13.8 7.5v1.5h2.2v-1.5h-2.2zM2.9 1.8l-1.1 1.1 1.4 1.4 1.1-1.1-1.4-1.4zM13.1 1.8l-1.4 1.4 1.1 1.1 1.4-1.4-1.1-1.1zM12.2 6.5c1.2 2.3 0.4 5.2-1.9 6.4v3.1h-4.5v-3.1c-0.8-0.4-1.5-1.1-1.9-1.9-1.3-2.3-0.5-5.2 1.8-6.4 2.3-1.3 5.2-0.4 6.5 1.9zM9.5 5.8c-1.5-0.8-3.5-0.2-4.4 1.4s-0.3 3.6 1.3 4.4l0.8 0.4v2.5h1.5v-2.5l0.8-0.4c0.6-0.3 1-0.8 1.3-1.3 0.9-1.6 0.3-3.6-1.3-4.5z"}),"Light2OIcon")},65258:function(n,e,t){"use strict";t.d(e,{Z:function(){return g}});var o=t(53860),r=t(2784),a=t(40596),i=t(27216),l=function(n){var e,t,o,r=n.colorMode,a=n.theme,i=null==a?void 0:null===(e=a.sizes)||void 0===e?void 0:e["4x"],l=null==a?void 0:null===(t=a.sizes)||void 0===t?void 0:t["1q"],s={dark:null==a?void 0:null===(o=a.colors)||void 0===o?void 0:o["gray:100"],light:"white"}[r];return{backgroundColor:({dark:"red:60",light:"red:60"})[r],borderRadius:i,boxShadow:"0 0 0 ".concat(l," ").concat(s),color:({dark:"white:primary",light:"white:primary"})[r],fontSize:"xs",height:i,lineHeight:"1",minWidth:i,px:"1x"}},s=function(n){var e,t,o,r,a=n.colorMode,i=n.theme,l=null==i?void 0:null===(e=i.sizes)||void 0===e?void 0:e["1q"],s={dark:null==i?void 0:null===(t=i.colors)||void 0===t?void 0:t["gray:100"],light:"white"}[a];return{backgroundColor:({dark:"red:60",light:"red:60"})[a],borderRadius:"circle",boxShadow:"0 0 0 ".concat(l," ").concat(s),color:({dark:"white:primary",light:"white:primary"})[a],height:null==i?void 0:null===(o=i.sizes)||void 0===o?void 0:o["2x"],width:null==i?void 0:null===(r=i.sizes)||void 0===r?void 0:r["2x"]}},c=function(n){var e=n.variant,t=(0,a.Z)(),r=(0,o.ZQ)(t,1)[0],c=(0,i.u)(),u={solid:l({colorMode:r,theme:c}),dot:s({colorMode:r,theme:c})}[e];return(0,o.Zj)((0,o.Zj)({},{display:"inline-flex",alignItems:"center",justifyContent:"center"}),u)},u=function(n){var e=n.placement;return(0,o.Zj)({position:"absolute"},{"top-left":{top:0,left:0,transform:"translate(-50%, -50%)"},"top-right":{top:0,right:0,transform:"translate(50%, -50%)"},"bottom-left":{bottom:0,left:0,transform:"translate(-50%, 50%)"},"bottom-right":{bottom:0,right:0,transform:"translate(50%, 50%)"}}[e])},d=t(52903),m=t(49857),p=["badgeContent","children","isInvisible","placement","variant"],f=(0,r.forwardRef)(function(n,e){var t=n.badgeContent,r=n.children,a=n.isInvisible,i=n.placement,l=n.variant,s=void 0===l?"solid":l,f=(0,o.Kd)(n,p),g="dot"===s?null:t,x=null!=a?a:null==g&&"dot"!==s,h=c({variant:s}),y=u({placement:void 0===i?"top-right":i});return r||x?(0,d.BX)(m.Z,(0,o.Zj)((0,o.Zj)({},{display:"inline-flex",position:"relative",width:"fit-content"}),{},{children:[r,!x&&(0,d.tZ)(m.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)((0,o.Zj)({ref:e},h),y),f),{},{children:g}))]})):(0,d.tZ)(m.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)({ref:e},h),f),{},{children:g}))});f.displayName="Badge";var g=f},39256:function(n,e,t){"use strict";t.d(e,{Z:function(){return g}});var o=t(53860),r=t(56818),a=t(92307),i=t.n(a),l=t(2784),s=t(12711),c=t(34730),u=t(52903),d=t(49857),m=["children","orientation","size","variant"],p=i()(function(n){return(0,o.Zj)({},n)}),f=(0,l.forwardRef)(function(n,e){var t=n.children,a=n.orientation,i=void 0===a?"horizontal":a,l=n.size,f=n.variant,g=(0,o.Kd)(n,m),x=(0,c.K7)({orientation:i}),h=p({orientation:i,size:void 0===l?"md":l,variant:void 0===f?"default":f});return(0,u.tZ)(s.u.Provider,{value:h,children:(0,u.tZ)(d.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)({ref:e},x),g),{},{children:(0,r.Pu)(t,h)}))})});f.displayName="ButtonGroup";var g=f},82412:function(n,e,t){"use strict";t.d(e,{Z:function(){return w}});var o=t(53860),r=t(70404),a=t(56818),i=t(92307),l=t.n(i),s=t(2784),c=t(64355),u=t.n(c),d=t(47732),m=t(3241),p=t(20325),f=t(79937),g=t(74086),x=t(52903),h=t(49857),y=(0,s.forwardRef)(function(n,e){var t=(0,g.Z)(),r=(0,o.Zj)({},t),a=r.backdrop,i=r.closeOnOutsideClick,l=r.onClose,s=r.placement,c=r.containerRef,u=(0,p.Z)(c,e),d=(0,f.Pw)({backdrop:a,placement:s}),m=(0,o.Zj)((0,o.Zj)({ref:u,onClick:function(n){n.stopPropagation(),i&&"function"==typeof l&&l(n)}},d),n);return(0,x.tZ)(h.Z,(0,o.Zj)({},m))});y.displayName="DrawerContainer";var b=t(59845),v=["autoFocus","backdrop","children","closeOnEsc","closeOnOutsideClick","ensureFocus","finalFocusRef","initialFocusRef","isClosable","isOpen","onClose","placement","portalProps","returnFocusOnClose","size"],C=l()(function(n){return(0,o.Zj)({},n)}),T=(0,s.forwardRef)(function(n,e){var t=n.autoFocus,i=void 0!==t&&t,l=n.backdrop,c=n.children,p=n.closeOnEsc,f=n.closeOnOutsideClick,g=n.ensureFocus,h=void 0!==g&&g,T=n.finalFocusRef,w=n.initialFocusRef,k=n.isClosable,S=n.isOpen,A=void 0!==S&&S,Z=n.onClose,E=n.placement,I=n.portalProps,B=n.returnFocusOnClose,O=n.size,j=(0,o.Kd)(n,v),P=(0,s.useState)(A),M=(0,o.ZQ)(P,2),D=M[0],F=M[1],N=(0,s.useRef)(),G=(0,s.useRef)(null),R=C({autoFocus:i,backdrop:void 0!==l&&l,closeOnEsc:void 0!==p&&p,closeOnOutsideClick:void 0!==f&&f,ensureFocus:h,finalFocusRef:T,initialFocusRef:w,isClosable:void 0!==k&&k,isOpen:A,onClose:Z,placement:void 0===E?"right":E,size:void 0===O?"auto":O,containerRef:N,contentRef:G,scrollBehavior:"inside"}),z=(void 0===B||B)&&!T,H=(0,s.useCallback)(function(){if(w&&w.current){var n=w.current;"function"==typeof n.focus&&n.focus();return}if(G.current){var e=G.current;if((0,r.t)(e).length>0)return;"function"==typeof e.focus&&e.focus()}},[w]),_=(0,s.useCallback)(function(){if(T&&T.current){var n=T.current;"function"==typeof n.focus&&n.focus()}},[T]),L=(0,s.useCallback)(function(){F(!1)},[]);return(0,s.useEffect)(function(){if(A&&!D){F(!0);return}},[A,D]),(0,x.tZ)(b.r.Provider,{value:R,children:(0,x.tZ)(m.Z,{in:A,onExitComplete:L,children:!!D&&(0,x.tZ)(d.Z,(0,o.Zj)((0,o.Zj)({},I),{},{children:(0,x.tZ)(u(),{disabled:!h,autoFocus:i,returnFocus:z,onActivation:H,onDeactivation:_,children:(0,x.tZ)(y,(0,o.Zj)((0,o.Zj)({ref:e},j),{},{children:(0,a.Pu)(c,R)}))})}))})})});T.displayName="Drawer";var w=T},6192:function(n,e,t){"use strict";t.d(e,{Z:function(){return f}});var o=t(53860),r=t(20325),a=t(56818),i=t(2784),l=t(48504),s=t(62272),c=t(79937),u=t(74086),d=t(52903),m=["TransitionComponent","TransitionProps"],p=(0,i.forwardRef)(function(n,e){var t=n.TransitionComponent,p=void 0===t?s.Z:t,f=n.TransitionProps,g=(0,o.Kd)(n,m),x=(0,u.Z)(),h=(0,o.Zj)({},x).isOpen,y=(0,l.Z)(),b=(0,o.ZQ)(y,2)[1],v=(0,i.useRef)(),C=(0,r.Z)(v,e),T=(0,c.Bp)(),w=(0,o.Zj)((0,o.Zj)({ref:C},T),g);return(0,d.tZ)(p,(0,o.Zj)((0,o.Zj)((0,o.Zj)({appear:!!x},f),w),{},{in:!x||h,onExited:(0,a.PP)(b,null==f?void 0:f.onExited)}))});p.displayName="DrawerOverlay";var f=p},35358:function(n,e,t){"use strict";t.d(e,{Z:function(){return u}});var o=t(53860),r=t(2784),a=t(53638),i=t(13692),l=t(52903),s=t(49857),c=(0,r.forwardRef)(function(n,e){var t=(0,i.Z)(),r=(0,o.Zj)({},t).scrollBehavior,c=(0,a.mS)({scrollBehavior:r});return(0,l.tZ)(s.Z,(0,o.Zj)((0,o.Zj)({ref:e},c),n))});c.displayName="ModalBody";var u=c},76168:function(n,e,t){"use strict";t.d(e,{Z:function(){return c}});var o=t(53860),r=t(2784),a=t(53638),i=t(52903),l=t(49857),s=(0,r.forwardRef)(function(n,e){var t=(0,a.IB)();return(0,i.tZ)(l.Z,(0,o.Zj)((0,o.Zj)({ref:e},t),n))});s.displayName="ModalFooter";var c=s},52235:function(n,e,t){"use strict";t.d(e,{Z:function(){return u}});var o=t(53860),r=t(2784),a=t(53638),i=t(13692),l=t(52903),s=t(49857),c=(0,r.forwardRef)(function(n,e){var t=(0,i.Z)(),r=(0,o.Zj)({},t).isClosable,c=(0,a.vZ)({isClosable:r});return(0,l.tZ)(s.Z,(0,o.Zj)((0,o.Zj)({ref:e},c),n))});c.displayName="ModalHeader";var u=c},57861:function(n,e,t){"use strict";t.d(e,{Z:function(){return v}});var o,r,a=t(53860),i=t(10525),l=t(56818),s=t(2784),c=t(28165),u=t(40596),d=(0,c.F4)(o||(o=(0,a.AI)(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: .4;\n }\n 100% {\n opacity: 1;\n }\n"]))),m=(0,c.F4)(r||(r=(0,a.AI)(["\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n // +0.5s of delay between each loop\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n"]))),p=function(n){var e=n.animation,t=n.colorMode;return"pulse"===e?{animation:"".concat(d," 1.5s ease-in-out .5s infinite")}:"wave"===e?{position:"relative",overflow:"hidden",__after:{animation:"".concat(m," 1.6s linear .5s infinite"),background:"linear-gradient(90deg,".concat(["transparent","rgba(255, 255, 255, ".concat({dark:.08,light:.32}[t],")"),"transparent"].join(","),")"),content:'""',position:"absolute",inset:0,transform:"translateX(-100%)"}}:{animation:e}},f=function(n){var e=n.variant;return"text"===e?{height:"3x",borderRadius:"sm",_empty:{"::before":{content:'"\\00a0"'}}}:"rectangle"===e?{}:"circle"===e?{borderRadius:"50%"}:{}},g=function(n){var e=n.animation,t=n.variant,o=(0,u.Z)(),r=(0,a.ZQ)(o,1)[0],i={dark:"rgba(255, 255, 255, 0.08)",light:"rgba(0, 0, 0, 0.08)"}[r],l=p({animation:e,colorMode:r}),s=f({variant:t});return(0,a.Zj)((0,a.Zj)({display:"block",backgroundColor:i},l),s)},x=t(52903),h=t(49857),y=["animation","variant"],b=(0,s.forwardRef)(function(n,e){var t,o=n.animation,r=n.variant,s=(0,a.Kd)(n,y),c="".concat(b.displayName,":");(0,i.Z)(function(){(0,l.TL)('variant="rect"',{prefix:c,alternative:'variant="rectangle"',willRemove:!0})},"rect"===r),"rect"===r&&(r="rectangle");var u=g({animation:o,variant:r=null!==(t=r)&&void 0!==t?t:"text"});return(0,x.tZ)(h.Z,(0,a.Zj)((0,a.Zj)({ref:e},u),s))});b.displayName="Skeleton";var v=b},56098:function(n,e,t){"use strict";t.d(e,{Z:function(){return x}});var o=t(53860),r=t(10424),a=t(13409),i=t(56818),l=t(5081),s=t(2784),c=t(65204),u=t(99252),d=t(61809),m=t(52903),p=t(49857),f=["children","index"],g=(0,s.forwardRef)(function(n,e){var t,x=n.children,h=n.index,y=(0,o.Kd)(n,f),b=(0,s.useState)(h),v=(0,o.ZQ)(b,2),C=v[0],T=v[1],w=(0,u.Z)(),k=(0,l.zU)(null==w?void 0:w.registerTabPanel),S=(0,l.zU)(null==w?void 0:w.unregisterTabPanel),A="".concat(c.Z.name,":Tab-").concat(C),Z="".concat(c.Z.name,":TabPanel-").concat(C),E=(t=null==w?void 0:w.index,!(0,a.le)(C)&&!(0,a.le)(t)&&C===t),I=(0,d.Jv)({tabIndex:0});(0,r.Z)(function(){if((0,a.le)(C)){var n=k();return T(n),function(){S(n)}}return k(C),function(){S(C)}});var B=function(){return(0,o.Zj)((0,o.Zj)({"aria-hidden":(0,i.Qm)(!E),"aria-labelledby":A,hidden:!E,id:Z,ref:e,role:"tabpanel",tabIndex:0},I),y)},O={getTabPanelProps:B,index:C,isSelected:E},j="".concat(g.displayName,":");return(Object.defineProperties(O,{isActive:{get:function(){return(0,i.TL)("isActive",{prefix:j,alternative:"isSelected",willRemove:!0}),E}}}),"function"==typeof x)?x(O):(0,m.tZ)(p.Z,(0,o.Zj)((0,o.Zj)({},B()),{},{children:x}))});g.displayName="TabPanel";var x=g},52842:function(n,e,t){"use strict";t.d(e,{Z:function(){return s}});var o=t(53860),r=t(2784),a=t(52903),i=t(49857),l=(0,r.forwardRef)(function(n,e){return(0,a.tZ)(i.Z,(0,o.Zj)({ref:e},n))});l.displayName="TabPanels";var s=l},67622:function(n,e,t){"use strict";t.d(e,{Z:function(){return u}});var o=t(53860),r=t(2784),a=t(70758),i=t(91334),l=t(52903),s=["size"],c=(0,r.forwardRef)(function(n,e){var t=n.size,r=(0,o.Kd)(n,s),c=(0,i.w)({size:t});return(0,l.tZ)(a.Z,(0,o.Zj)((0,o.Zj)({as:"label",ref:e},c),r))});c.displayName="TextLabel";var u=c},42049:function(n,e,t){"use strict";t.d(e,{Z:function(){return k}});var o=t(53860),r=t(56818),a=t(92307),i=t.n(a),l=t(2784),s=t(91269),c=t(83591),u=t(97152),d=t(81141),m=t(22938),p=t(62368),f=t(50274),g=t(60186),x=t(52903),h=t(49857),y=(0,l.forwardRef)(function(n,e){var t=(0,g.Z)(),r=(0,o.Zj)({},t),a=r.appearance,i=r.icon,s=(0,f.zh)({appearance:a}),y=(0,l.useMemo)(function(){if("string"==typeof i)return(0,x.tZ)(p.Z,{icon:i});if(void 0===i){var n={success:c.Z,info:u.Z,warning:d.Z,error:m.Z}[a];return n?(0,x.tZ)(n,{size:"4x"}):null}return i},[a,i]);return y?(0,x.tZ)(h.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)({ref:e},s),n),{},{children:y})):null});y.displayName="ToastIcon";var b=(0,l.forwardRef)(function(n,e){var t=(0,g.Z)(),r=(0,o.Zj)({},t).isClosable,a=(0,f.Zy)({isClosable:r});return(0,x.tZ)(h.Z,(0,o.Zj)((0,o.Zj)({ref:e},a),n))});b.displayName="ToastMessage";var v=t(82268),C=["appearance","icon","isClosable","onClose","children"],T=i()(function(n){return(0,o.Zj)({},n)}),w=(0,l.forwardRef)(function(n,e){var t=n.appearance,a=void 0===t?"none":t,i=n.icon,l=n.isClosable,c=void 0!==l&&l,u=n.onClose,d=n.children,m=(0,o.Kd)(n,C),p=T({appearance:a,icon:i,isClosable:c,onClose:u}),g=(0,f.Xf)({appearance:a});return(0,x.tZ)(v.u.Provider,{value:p,children:(0,x.BX)(h.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)({ref:e},g),m),{},{children:[(0,x.tZ)(y,{}),(0,x.tZ)(b,{children:(0,r.Pu)(d,p)}),!!c&&(0,x.tZ)(s.Z,{})]}))})});w.displayName="Toast";var k=w},91269:function(n,e,t){"use strict";t.d(e,{Z:function(){return p}});var o=t(53860),r=t(37662),a=t(56818),i=t(2784),l=t(83513),s=t(50274),c=t(60186),u=t(52903),d=["children","onClick"],m=(0,i.forwardRef)(function(n,e){var t=n.children,i=n.onClick,m=(0,o.Kd)(n,d),p=(0,c.Z)(),f=(0,o.Zj)({},p),g=f.isClosable,x=f.onClose,h=f.variant,y=(0,s.mm)({isClosable:g,variant:h});return(0,u.tZ)(l.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)({"aria-label":"Close",ref:e,onClick:(0,a.N)(i,x)},y),m),{},{children:null!=t?t:(0,u.tZ)(r.Z,{size:"4x"})}))});m.displayName="ToastCloseButton";var p=m},50274:function(n,e,t){"use strict";t.d(e,{Xf:function(){return l},Zy:function(){return c},mm:function(){return u},zh:function(){return s}});var o=t(53860),r=t(40596),a=t(31131),i=function(n){var e=n.appearance,t=n.colorMode;return(0,o.Zj)({backgroundColor:{dark:"gray:10",light:"white"}[t],color:"black:primary"},{success:{borderLeftColor:"green:50",borderLeftStyle:"solid",borderLeftWidth:"1x",pl:"3x"},info:{borderLeftColor:"blue:60",borderLeftStyle:"solid",borderLeftWidth:"1x",pl:"3x"},warning:{borderLeftColor:"yellow:50",borderLeftStyle:"solid",borderLeftWidth:"1x",pl:"3x"},error:{borderLeftColor:"red:60",borderLeftStyle:"solid",borderLeftWidth:"1x",pl:"3x"}}[e])},l=function(n){var e=n.appearance,t=(0,r.Z)(),a=i({appearance:e,colorMode:(0,o.ZQ)(t,1)[0]});return(0,o.Zj)({display:"flex",alignItems:"flex-start",justifyContent:"space-between",position:"relative",px:"4x",py:"4x"},a)},s=function(n){return{color:({success:"green:50",info:"blue:60",warning:"yellow:50",error:"red:60"})[n.appearance],display:"inline-flex",mr:"2x",mt:"1h"}},c=function(n){return{pr:n.isClosable?"10x":0,width:"100%"}},u=function(n){var e=n.isClosable;n.variant;var t=(0,r.Z)(),i=(0,o.ZQ)(t,1)[0],l="blue:60",s={dark:"black:primary",light:"black:primary"}[i],c=(0,a.P)({color:{dark:"black:tertiary",light:"black:tertiary"}[i],size:"8x"});return e?(0,o.Zj)((0,o.Zj)({},c),{},{_focusVisible:{outlineColor:l,outlineOffset:"-1h",outlineStyle:"solid",outlineWidth:"1h"},_hover:{color:s},position:"absolute",top:"10q",right:"2x"}):(0,o.Zj)((0,o.Zj)({},c),{},{_focusVisible:{outlineColor:l,outlineOffset:"-1h",outlineStyle:"solid",outlineWidth:"1h"},_hover:{color:s}})}},60186:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}});var o=t(2784),r=t(82268),a=function(){if(!o.useContext)throw Error("The `useContext` hook is not available with your React version.");return(0,o.useContext)(r.u)}},78727:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}});var o=t(2784),r=t(82268),a=function(){var n=(0,o.useRef)(null),e=(0,o.useRef)(null);if(!o.useContext)throw Error("The `useContext` hook is not available with your React version.");var t=(0,o.useContext)(r.K);if(!t)throw Error("The `useToastManager` hook must be called from a descendent of the `ToastManager`.");return n.current=t.notify,e.current||(e.current=function(){for(var e,t=arguments.length,o=Array(t),r=0;rn.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,O),a=(0,E.useRef)(0),i=function(n){if(Array.isArray(n))return n}(t=(0,E.useState)([]))||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,l=[],s=!0,c=!1;try{for(a=(t=t.call(n)).next;!(s=(o=a.call(t)).done)&&(l.push(o.value),2!==l.length);s=!0);}catch(n){c=!0,r=n}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,2)||M(t,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),w=i[0],F=i[1],G=function(n){var e=function(n){for(var e=1;e *:not(:first-of-type)":{marginLeft:-1}}},E.createElement(l.Z,{columnGap:"2x",onClick:R("success")},E.createElement(k.Z,null),"Success"),E.createElement(l.Z,{columnGap:"2x",onClick:R("info")},E.createElement(S.Z,null),"Info"),E.createElement(l.Z,{columnGap:"2x",onClick:R("warning")},E.createElement(A.Z,null),"Warning"),E.createElement(l.Z,{columnGap:"2x",onClick:R("error")},E.createElement(Z.Z,null),"Error"))),E.createElement(C.Z,null,E.createElement(T.Z,{templateColumns:"repeat(2, 1fr)",columnGap:"2x"},E.createElement(l.Z,{variant:"primary",onClick:o},"OK"),E.createElement(l.Z,{onClick:o},"Cancel")))))});F.displayName="DrawerExample";var N=function(n){return E.createElement(w.Z,j({flexDirection:"column",alignItems:"center",position:"absolute",top:"12x",left:"50%",transform:"translateX(-50%)",width:"max-content",maxWidth:"80%",zIndex:"toast"},n))},G=function(){var n=(0,i.Z)();return E.createElement(E.Fragment,null,E.createElement(l.Z,{variant:"secondary",onClick:function(){n(function(n){return E.createElement(F,{onClose:n})})}},"Open Drawer"))},R=t(13462),z=t(21400),H=t(40736),_=t(52235),L=t(35358),W=t(76168);function U(n){return(U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}var $=["onClose"];function X(){return(X=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,$),a=(0,E.useRef)(0),i=function(n){if(Array.isArray(n))return n}(t=(0,E.useState)([]))||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,l=[],s=!0,c=!1;try{for(a=(t=t.call(n)).next;!(s=(o=a.call(t)).done)&&(l.push(o.value),2!==l.length);s=!0);}catch(n){c=!0,r=n}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,2)||V(t,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),c=i[0],u=i[1],d=function(n){var e=function(n){for(var e=1;e *:not(:first-of-type)":{marginLeft:-1}}},E.createElement(l.Z,{columnGap:"2x",onClick:g("success")},E.createElement(k.Z,null),"Success"),E.createElement(l.Z,{columnGap:"2x",onClick:g("info")},E.createElement(S.Z,null),"Info"),E.createElement(l.Z,{columnGap:"2x",onClick:g("warning")},E.createElement(A.Z,null),"Warning"),E.createElement(l.Z,{columnGap:"2x",onClick:g("error")},E.createElement(Z.Z,null),"Error"))),E.createElement(W.Z,null,E.createElement(T.Z,{templateColumns:"repeat(2, 1fr)",columnGap:"2x"},E.createElement(l.Z,{variant:"primary",onClick:o},"OK"),E.createElement(l.Z,{onClick:o},"Cancel")))))});Y.displayName="ModalExample";var Q=function(n){return E.createElement(w.Z,X({flexDirection:"column",alignItems:"center",position:"absolute",top:"12x",left:"50%",transform:"translateX(-50%)",width:"max-content",maxWidth:"80%",zIndex:"toast"},n))},J=function(){var n=(0,i.Z)();return E.createElement(E.Fragment,null,E.createElement(l.Z,{variant:"secondary",onClick:function(){n(function(n){return E.createElement(Y,{onClose:n})})}},"Open Modal"))},nn=t(78727),ne=t(40596),nt=t(85017);function no(n){return(no="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n})(n)}function nr(){return(nr=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t *:not(:first-of-type)":{marginLeft:-1},"> *":{columnGap:"2x"}}},E.createElement(l.Z,{onClick:e("success")},E.createElement(k.Z,null),"Success"),E.createElement(l.Z,{onClick:e("info")},E.createElement(S.Z,null),"Info"),E.createElement(l.Z,{onClick:e("warning")},E.createElement(A.Z,null),"Warning"),E.createElement(l.Z,{onClick:e("error")},E.createElement(Z.Z,null),"Error")),E.createElement(l.Z,{variant:"secondary",onClick:function(){n.closeAll()}},"Close All"))},nm=t(14594),np=t(69860),nf=t(19088),ng=t(65019),nx=["onClose"];function nh(){return(nh=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,nx),a=function(n){if(Array.isArray(n))return n}(t=(0,ng.Z)(!0))||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,l=[],s=!0,c=!1;try{for(a=(t=t.call(n)).next;!(s=(o=a.call(t)).done)&&(l.push(o.value),2!==l.length);s=!0);}catch(n){c=!0,r=n}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,2)||function(n,e){if(n){if("string"==typeof n)return ny(n,2);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return ny(n,2)}}(t,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),i=a[0],m=a[1];return E.createElement(c.Z,nh({ref:e,backdrop:!0,closeOnEsc:!0,closeOnOutsideClick:!0,isClosable:!0,isOpen:!0,onClose:o,size:"md"},r),E.createElement(u.Z,null),E.createElement(d.Z,null,E.createElement(g.Z,null,"Drawer"),E.createElement(x.Z,null,E.createElement(nm.Z,{in:i},E.createElement(np.Z,{isClosable:!0,onClose:function(){return m(!1)},severity:"info",variant:"outline",mb:"4x"},E.createElement(s.Z,{display:"inline-block",fontWeight:"semibold",mr:"2x"},"Important:"),E.createElement(s.Z,{display:"inline-block",mr:"2x"},"This is an important message."),E.createElement(nf.Z,null,"Learn more"))),E.createElement(y.Z,{direction:"column",spacing:"4x"},E.createElement(b.Z,{width:160}),E.createElement(b.Z,{width:240}),E.createElement(b.Z,{width:240}))),E.createElement(C.Z,null,E.createElement(T.Z,{templateColumns:"repeat(2, 1fr)",columnGap:"2x"},E.createElement(l.Z,{variant:"primary",onClick:o},"OK"),E.createElement(l.Z,{onClick:o},"Cancel")))))});nb.displayName="DrawerExample";var nv=function(){var n=(0,i.Z)();return E.createElement(E.Fragment,null,E.createElement(l.Z,{variant:"secondary",onClick:function(){n(function(n){return E.createElement(nb,{onClose:n})})}},"Open Drawer"))},nC=["onClose"];function nT(){return(nT=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,nC),a=function(n){if(Array.isArray(n))return n}(t=(0,ng.Z)(!0))||function(n,e){var t=null==n?null:"undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(null!=t){var o,r,a,i,l=[],s=!0,c=!1;try{for(a=(t=t.call(n)).next;!(s=(o=a.call(t)).done)&&(l.push(o.value),2!==l.length);s=!0);}catch(n){c=!0,r=n}finally{try{if(!s&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t,2)||function(n,e){if(n){if("string"==typeof n)return nw(n,2);var t=Object.prototype.toString.call(n).slice(8,-1);if("Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t)return Array.from(n);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return nw(n,2)}}(t,2)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),i=a[0],c=a[1];return E.createElement(R.Z,nT({ref:e,closeOnEsc:!0,closeOnOutsideClick:!0,isClosable:!0,isOpen:!0,onClose:o,size:"md"},r),E.createElement(z.Z,null),E.createElement(H.Z,null,E.createElement(_.Z,null,"Modal"),E.createElement(L.Z,null,E.createElement(nm.Z,{in:i},E.createElement(np.Z,{isClosable:!0,onClose:function(){return c(!1)},severity:"warning",variant:"outline",mb:"4x"},E.createElement(s.Z,{display:"inline-block",fontWeight:"semibold",mr:"2x"},"Important:"),E.createElement(s.Z,{display:"inline-block",mr:"2x"},"This is an important message."),E.createElement(nf.Z,null,"Learn more"))),E.createElement(y.Z,{direction:"column",spacing:"4x"},E.createElement(b.Z,{width:160}),E.createElement(b.Z,{width:240}),E.createElement(b.Z,{width:240}))),E.createElement(W.Z,null,E.createElement(T.Z,{templateColumns:"repeat(2, 1fr)",columnGap:"2x"},E.createElement(l.Z,{variant:"primary",onClick:o},"OK"),E.createElement(l.Z,{onClick:o},"Cancel")))))});nk.displayName="ModalExample";var nS=function(){var n=(0,i.Z)();return E.createElement(E.Fragment,null,E.createElement(l.Z,{variant:"secondary",onClick:function(){n(function(n){return E.createElement(nk,{onClose:n})})}},"Open Modal"))},nA=t(27216),nZ=t(83513),nE=t(67616),nI=t(72448),nB=t(65258),nO=t(62009),nj=t(34121),nP=t(50397),nM=t(56818),nD=t(83377);function nF(){return(nF=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);tn.length)&&(e=n.length);for(var t=0,o=Array(e);tn.length)&&(e=n.length);for(var t=0,o=Array(e);t=0||(r[t]=n[t]);return r}(n,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(n);for(o=0;o=0)&&Object.prototype.propertyIsEnumerable.call(n,t)&&(r[t]=n[t])}return r}(n,n0);return E.createElement(w.Z,n1({alignItems:"center",columnGap:"2x"},i),E.createElement(n8,{disabled:t<=1,onClick:r},E.createElement(nQ.Z,null)),E.createElement(s.Z,{color:"black:primary"},t,"/",o),E.createElement(n8,{disabled:t>=o,onClick:a},E.createElement(nJ.Z,null)))});n6.displayName="AlertPagination";var n7=(0,E.forwardRef)(function(n,e){return E.createElement(l.Z,n1({ref:e,size:"sm",variant:"secondary",sx:{borderColor:"black:primary",color:"black:primary",":active":{color:"black:primary"},":focus":{color:"black:primary"},":hover":{background:"rgba(0, 0, 0, 0.12)",color:"black:primary"},":hover:not(:focus)":{boxShadow:"none"}}},n))});n7.displayName="AlertSolidActionButton";var n9=function(){var n,e=n2((0,E.useState)(1),2),t=e[0],o=e[1],r=null!==(n=n4[t-1])&&void 0!==n?n:{};return E.createElement(n3,null,function(n){var e=n.onClose;return E.createElement(np.Z,{variant:r.variant,severity:r.severity,icon:r.icon,onClose:e,sx:r.sx},E.createElement(w.Z,{alignItems:"center",justifyContent:"space-between",columnGap:"4x",mr:"10x"},E.createElement(s.Z,null,r.message),E.createElement(w.Z,{columnGap:"4x"},E.createElement(n7,{my:"-1x"},"Action"),E.createElement(n6,{page:t,count:n4.length,onPrevious:function(){return o(Math.max(1,t-1))},onNext:function(){return o(Math.min(n4.length,t+1))},my:"-2x"}))),E.createElement(nE.Z,{top:3,right:7,position:"absolute","data-test":"alert-close-button"}))})},en=function(n){var e={backgroundColor:n2((0,nt.Z)(),1)[0].background.secondary,height:"12x",alignItems:"center",justifyContent:"space-between"},t=n2(E.useState(new Date),2),o=t[0],r=t[1];return(0,E.useEffect)(function(){var n=setInterval(function(){r(new Date)},1e3);return function(){clearInterval(n)}},[]),E.createElement(w.Z,n1({},e,n),E.createElement(w.Z,{alignItems:"center",ml:"5x"},E.createElement(s.Z,{fontSize:"2xl",lineHeight:"2xl"},"Product Name"),E.createElement(nI.Z,{orientation:"vertical",height:"5x",mx:"2x"}),E.createElement(s.Z,{fontSize:"sm",lineHeight:"sm"},"Home")),E.createElement(w.Z,{height:"100%"},E.createElement(ee,{columnGap:"2x"},E.createElement(nj.Z,null),E.createElement(s.Z,null,o.toLocaleDateString()),E.createElement(s.Z,null,o.toLocaleTimeString())),E.createElement(et,null),E.createElement(ee,{as:h.Z},E.createElement(nB.Z,{badgeContent:null},E.createElement(nP.Z,null)))))},ee=function(n){var e=n2((0,ne.Z)(),1)[0],t=n2((0,nt.Z)({colorMode:e}),1)[0],o={display:"inline-flex",alignItems:"center",backgroundColor:t.background.secondary,px:"4x",height:"100%",_hover:{backgroundColor:t.background.highlighted},_selected:{backgroundColor:t.background.selected}};return E.createElement(nZ.Z,n1({},o,n))},et=function(n){var e=n2((0,ne.Z)(),1)[0];return E.createElement(nI.Z,n1({orientation:"vertical"},{borderColor:{dark:"gray:100",light:"gray:20"}[e],height:"100%"},n))},eo=function(){var n={backgroundColor:n2((0,nt.Z)(),1)[0].background.primary,height:480};return E.createElement(h.Z,n,E.createElement(n9,null),E.createElement(en,null),E.createElement(h.Z,{p:"4x"},E.createElement(s.Z,{fontSize:"xl",lineHeight:"xl"},"Home")))};function er(){return(er=Object.assign?Object.assign.bind():function(n){for(var e=1;en.length)&&(e=n.length);for(var t=0,o=Array(e);tn.length)&&(e=n.length);for(var t=0,o=Array(e);t0&&E.createElement(ey.Z,{height:360,overflowY:"visible"},eB.map(function(n){return E.createElement(eF,{key:n.id},E.createElement(w.Z,{columnGap:"2x"},E.createElement(h.Z,{position:"relative",width:"9x"},!n.seen&&E.createElement(h.Z,{position:"absolute",top:15,left:-10,width:5,height:5,borderRadius:"50%",backgroundColor:"cyan:30"}),n.icon),E.createElement(h.Z,null,E.createElement(h.Z,{mb:"3x"},n.message),!!n.time&&E.createElement(s.Z,{color:e.color.secondary},(0,ek.Z)(n.time,r,{addSuffix:!0})," ","(".concat((0,eS.Z)(n.time),")")))))}))),E.createElement(eh.Z,o,0===eO.length&&E.createElement(w.Z,{flexDirection:"column",alignItems:"center",justifyContent:"center",height:360},E.createElement(h.Z,{mb:"3x"},E.createElement(ec.Z,{alt:"",src:"".concat(eI,"/images/patterns/notification/notification-empty-content.svg")})),E.createElement(s.Z,{color:e.color.tertiary},"No tasks to display")),eO.length>0&&E.createElement(ey.Z,{height:360,overflowY:"visible"},eO.map(function(n){return E.createElement(eF,{key:n.id},E.createElement(w.Z,{columnGap:"2x"},E.createElement(h.Z,{position:"relative",width:"9x"},!n.seen&&E.createElement(h.Z,{position:"absolute",top:15,left:-10,width:5,height:5,borderRadius:"50%",backgroundColor:"cyan:30"}),n.icon),E.createElement(h.Z,null,E.createElement(h.Z,{mb:"3x"},n.message),!!n.time&&E.createElement(s.Z,{color:e.color.secondary},(0,ek.Z)(n.time,r,{addSuffix:!0})," ","(".concat((0,eS.Z)(n.time),")")))))})))))},eF=function(n){var e=eZ((0,ne.Z)(),1)[0],t=eZ((0,nt.Z)({colorMode:e}),1)[0],o={backgroundColor:t.background.tertiary,borderBottom:1,borderBottomColor:{dark:"gray:100",light:"gray:20"}[e],px:"4x",py:"4x",textAlign:"left",width:"100%",_hover:{backgroundColor:t.background.highlighted}};return E.createElement(nZ.Z,eA({},o,n))},eN=function(){var n={backgroundColor:eZ((0,nt.Z)(),1)[0].background.primary,height:480};return E.createElement(h.Z,n,E.createElement(ej,null),E.createElement(h.Z,{p:"4x"},E.createElement(s.Z,{fontSize:"xl",lineHeight:"xl"},"Home")))},eG=t(67622),eR=t(119);function ez(n){var e=Object.assign({div:"div",h1:"h1",h2:"h2",a:"a",svg:"svg",use:"use",p:"p",ul:"ul",li:"li",h3:"h3",strong:"strong",h4:"h4",code:"code"},(0,r.ah)(),n.components);return(0,o.jsxs)(e.div,{className:"main-content",children:["\n","\n","\n","\n","\n","\n","\n","\n","\n","\n","\n","\n",(0,o.jsx)(e.h1,{id:"notification",children:"Notification"}),"\n",(0,o.jsxs)(e.h2,{id:"overview",children:["Overview",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#overview",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(e.p,{children:"Notifications proactively provide short, timely, and relevant information about the product to help users notice important things and even take follow-up actions."}),"\n",(0,o.jsx)(e.p,{children:"There are various channels to notify users:"}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"Notification center"}),"\n",(0,o.jsx)(e.li,{children:"Alert"}),"\n",(0,o.jsx)(e.li,{children:"Toast"}),"\n"]}),"\n",(0,o.jsxs)(e.h2,{id:"how-it-works",children:["How It Works",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#how-it-works",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsxs)(e.h3,{id:"notification-center",children:["Notification center",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#notification-center",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsxs)(e.p,{children:["Product-level system notifications can be placed on the ",(0,o.jsx)(e.strong,{children:"Informative"})," tab of the notification center with the following types:"]}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"Success: Indicates that a system task is successfully executed."}),"\n",(0,o.jsx)(e.li,{children:"Error: Indicates that a system error occurs and requires users to take actions."}),"\n",(0,o.jsx)(e.li,{children:"Information: Indicates that a system change happens and might temporarily affect users, for example, system maintenance."}),"\n",(0,o.jsx)(e.li,{children:"Attack related: Informs users of attack related information and leads users to learn about the impact."}),"\n",(0,o.jsx)(e.li,{children:"New feature: Informs users of a new feature and leads users to learn more about the feature."}),"\n"]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:eN,file:{data:'import {\n Badge,\n Box,\n ButtonBase,\n Divider,\n Flex,\n Image,\n Menu,\n MenuContent,\n MenuToggle,\n Scrollbar,\n Stack,\n Tabs,\n TabList,\n TabPanels,\n Tab,\n TabPanel,\n Text,\n useColorMode,\n useColorStyle,\n} from \'@tonic-ui/react\';\nimport { AlertIcon, ClockIcon } from \'@tonic-ui/react-icons\';\nimport { useEffectOnce, useToggle } from \'@tonic-ui/react-hooks\';\nimport { formatDistance, formatISO, startOfToday, subDays, subMinutes, subSeconds } from \'date-fns\';\nimport { ensureString } from \'ensure-type\';\nimport React, { useEffect } from \'react\';\n\nconst BASE_PATH = ensureString(process.env.BASE_PATH);\n\nconst notifications = [\n {\n id: 1,\n seen: true,\n icon: (\n \n ),\n message: (\n \n Place your highlight message here.\n \n ),\n time: startOfToday(subDays(new Date(), 2)).getTime(),\n },\n {\n id: 2,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your success message here.\n \n ),\n time: subSeconds(new Date(), 30).getTime(),\n },\n {\n id: 3,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your error message here.\n \n ),\n time: subMinutes(new Date(), 5).getTime(),\n },\n {\n id: 4,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your warning message here.\n \n ),\n time: subMinutes(new Date(), 30).getTime(),\n },\n {\n id: 5,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your info message here.\n \n ),\n time: subMinutes(new Date(), 60).getTime(),\n },\n];\n\nconst tasks = [\n {\n id: 1,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your progessive message here.\n \n \n Pending\n \n \n ),\n time: subSeconds(new Date(), 10).getTime(),\n },\n {\n id: 2,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your success message here.\n \n \n Successful\n \n \n ),\n time: subMinutes(new Date(), 5).getTime(),\n },\n {\n id: 3,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your error message here.\n \n \n Unsuccessful\n \n \n ),\n time: subMinutes(new Date(), 30).getTime(),\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n Home\n \n \n \n );\n};\n\nconst NavigationBar = (props) => {\n const [isNotificationCenterOpen, toggleIsNotificationCenterOpen] = useToggle(false);\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: \'12x\',\n alignItems: \'center\',\n justifyContent: \'space-between\',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n const notificationUnreadCount = notifications.filter(x => !x.seen).length;\n const taskUnreadCount = tasks.filter(x => !x.seen).length;\n const unreadCount = notificationUnreadCount + taskUnreadCount;\n\n useEffectOnce(() => {\n toggleIsNotificationCenterOpen(true);\n });\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n toggleIsNotificationCenterOpen(false)}\n onOpen={() => toggleIsNotificationCenterOpen(true)}\n closeOnBlur={false}\n placement="bottom-end"\n offset={[0, 1]}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: \'inline-flex\',\n alignItems: \'center\',\n backgroundColor: colorStyle.background.secondary,\n px: \'4x\',\n height: \'100%\',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: \'gray:100\',\n light: \'gray:20\',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: \'100%\',\n };\n\n return (\n \n );\n};\n\nconst NotificationCenter = (props) => {\n const [colorStyle] = useColorStyle();\n const tabStyleProps = {\n backgroundColor: colorStyle.background.secondary,\n fontSize: \'sm\',\n lineHeight: \'sm\',\n display: \'flex\',\n alignItems: \'center\',\n justifyContent: \'center\',\n px: \'3x\',\n py: \'10q\',\n _selected: {\n backgroundColor: colorStyle.background.tertiary,\n },\n };\n const tabPanelStyleProps = {\n backgroundColor: colorStyle.background.tertiary,\n };\n const now = new Date().getTime();\n const notificationUnreadCount = notifications.filter(x => !x.seen).length;\n const taskUnreadCount = tasks.filter(x => !x.seen).length;\n\n return (\n \n \n \n Notifications ({notificationUnreadCount})\n \n \n Tasks ({taskUnreadCount})\n \n \n \n \n {notifications.length === 0 && (\n \n \n \n \n \n No notifications to display\n \n \n )}\n {notifications.length > 0 && (\n \n {notifications.map((notification) => (\n \n \n \n {!notification.seen && (\n \n )}\n {notification.icon}\n \n \n \n {notification.message}\n \n {!!notification.time && (\n \n {formatDistance(notification.time, now, { addSuffix: true })}\n {\' \'}\n {`(${formatISO(notification.time)})`}\n \n )}\n \n \n \n ))}\n \n )}\n \n \n {tasks.length === 0 && (\n \n \n \n \n \n No tasks to display\n \n \n )}\n {tasks.length > 0 && (\n \n {tasks.map((task) => (\n \n \n \n {!task.seen && (\n \n )}\n {task.icon}\n \n \n \n {task.message}\n \n {!!task.time && (\n \n {formatDistance(task.time, now, { addSuffix: true })}\n {\' \'}\n {`(${formatISO(task.time)})`}\n \n )}\n \n \n \n ))}\n \n )}\n \n \n \n );\n};\n\nconst NotificationCenterItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const borderColor = {\n dark: \'gray:100\',\n light: \'gray:20\',\n }[colorMode];\n const styleProps = {\n backgroundColor: colorStyle.background.tertiary,\n borderBottom: 1,\n borderBottomColor: borderColor,\n px: \'4x\',\n py: \'4x\',\n textAlign: \'left\',\n width: \'100%\',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n };\n\n return (\n \n );\n};\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import {\n Badge,\n Box,\n ButtonBase,\n Divider,\n Flex,\n Image,\n Menu,\n MenuContent,\n MenuToggle,\n Scrollbar,\n Stack,\n Tabs,\n TabList,\n TabPanels,\n Tab,\n TabPanel,\n Text,\n useColorMode,\n useColorStyle,\n} from \'@tonic-ui/react\';\nimport { AlertIcon, ClockIcon } from \'@tonic-ui/react-icons\';\nimport { useEffectOnce, useToggle } from \'@tonic-ui/react-hooks\';\nimport { formatDistance, formatISO, startOfToday, subDays, subMinutes, subSeconds } from \'date-fns\';\nimport { ensureString } from \'ensure-type\';\nimport React, { useEffect } from \'react\';\n\nconst BASE_PATH = ensureString(process.env.BASE_PATH);\n\nconst notifications = [\n {\n id: 1,\n seen: true,\n icon: (\n \n ),\n message: (\n \n Place your highlight message here.\n \n ),\n time: startOfToday(subDays(new Date(), 2)).getTime(),\n },\n {\n id: 2,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your success message here.\n \n ),\n time: subSeconds(new Date(), 30).getTime(),\n },\n {\n id: 3,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your error message here.\n \n ),\n time: subMinutes(new Date(), 5).getTime(),\n },\n {\n id: 4,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your warning message here.\n \n ),\n time: subMinutes(new Date(), 30).getTime(),\n },\n {\n id: 5,\n seen: false,\n icon: (\n \n ),\n message: (\n \n Place your info message here.\n \n ),\n time: subMinutes(new Date(), 60).getTime(),\n },\n];\n\nconst tasks = [\n {\n id: 1,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your progessive message here.\n \n \n Pending\n \n \n ),\n time: subSeconds(new Date(), 10).getTime(),\n },\n {\n id: 2,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your success message here.\n \n \n Successful\n \n \n ),\n time: subMinutes(new Date(), 5).getTime(),\n },\n {\n id: 3,\n seen: false,\n icon: (\n \n ),\n message: (\n \n \n Place your error message here.\n \n \n Unsuccessful\n \n \n ),\n time: subMinutes(new Date(), 30).getTime(),\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n Home\n \n \n \n );\n};\n\nconst NavigationBar = (props) => {\n const [isNotificationCenterOpen, toggleIsNotificationCenterOpen] = useToggle(false);\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: \'12x\',\n alignItems: \'center\',\n justifyContent: \'space-between\',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n const notificationUnreadCount = notifications.filter(x => !x.seen).length;\n const taskUnreadCount = tasks.filter(x => !x.seen).length;\n const unreadCount = notificationUnreadCount + taskUnreadCount;\n\n useEffectOnce(() => {\n toggleIsNotificationCenterOpen(true);\n });\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n toggleIsNotificationCenterOpen(false)}\n onOpen={() => toggleIsNotificationCenterOpen(true)}\n closeOnBlur={false}\n placement="bottom-end"\n offset={[0, 1]}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: \'inline-flex\',\n alignItems: \'center\',\n backgroundColor: colorStyle.background.secondary,\n px: \'4x\',\n height: \'100%\',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: \'gray:100\',\n light: \'gray:20\',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: \'100%\',\n };\n\n return (\n \n );\n};\n\nconst NotificationCenter = (props) => {\n const [colorStyle] = useColorStyle();\n const tabStyleProps = {\n backgroundColor: colorStyle.background.secondary,\n fontSize: \'sm\',\n lineHeight: \'sm\',\n display: \'flex\',\n alignItems: \'center\',\n justifyContent: \'center\',\n px: \'3x\',\n py: \'10q\',\n _selected: {\n backgroundColor: colorStyle.background.tertiary,\n },\n };\n const tabPanelStyleProps = {\n backgroundColor: colorStyle.background.tertiary,\n };\n const now = new Date().getTime();\n const notificationUnreadCount = notifications.filter(x => !x.seen).length;\n const taskUnreadCount = tasks.filter(x => !x.seen).length;\n\n return (\n \n \n \n Notifications ({notificationUnreadCount})\n \n \n Tasks ({taskUnreadCount})\n \n \n \n \n {notifications.length === 0 && (\n \n \n \n \n \n No notifications to display\n \n \n )}\n {notifications.length > 0 && (\n \n {notifications.map((notification) => (\n \n \n \n {!notification.seen && (\n \n )}\n {notification.icon}\n \n \n \n {notification.message}\n \n {!!notification.time && (\n \n {formatDistance(notification.time, now, { addSuffix: true })}\n {\' \'}\n {`(${formatISO(notification.time)})`}\n \n )}\n \n \n \n ))}\n \n )}\n \n \n {tasks.length === 0 && (\n \n \n \n \n \n No tasks to display\n \n \n )}\n {tasks.length > 0 && (\n \n {tasks.map((task) => (\n \n \n \n {!task.seen && (\n \n )}\n {task.icon}\n \n \n \n {task.message}\n \n {!!task.time && (\n \n {formatDistance(task.time, now, { addSuffix: true })}\n {\' \'}\n {`(${formatISO(task.time)})`}\n \n )}\n \n \n \n ))}\n \n )}\n \n \n \n );\n};\n\nconst NotificationCenterItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const borderColor = {\n dark: \'gray:100\',\n light: \'gray:20\',\n }[colorMode];\n const styleProps = {\n backgroundColor: colorStyle.background.tertiary,\n borderBottom: 1,\n borderBottomColor: borderColor,\n px: \'4x\',\n py: \'4x\',\n textAlign: \'left\',\n width: \'100%\',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n };\n\n return (\n \n );\n};\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.p,{children:["Notifications about user-initiated system tasks that require some time to complete can be placed on the ",(0,o.jsx)(e.strong,{children:"Tasks"})," tab of the notification center. A notification is triggered when the task status changes.\nA task can have the following statuses:"]}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsxs)(e.li,{children:["Task successful: Informs users that a task is successfully executed. You can add a shortcut button to guide users to take follow-up actions. For example, adding a ",(0,o.jsx)(e.strong,{children:"Download"})," button when a file is ready to be exported."]}),"\n",(0,o.jsx)(e.li,{children:"Request pending: Informs users that a task requires manual approval."}),"\n",(0,o.jsx)(e.li,{children:"Task unsuccessful: Informs users that a task fails to be executed and leads users to the corresponding screen to view an error message that explain the failure."}),"\n"]}),"\n",(0,o.jsxs)(e.p,{children:["For more information, see ",(0,o.jsx)(e.a,{href:"https://www.figma.com/file/Y1PF38zpyzA15XwBAdAb7f/Notification-Center?node-id=576%3A0&fuid=847002822432287235",children:"notification center guideline"}),"."]}),"\n",(0,o.jsxs)(e.h3,{id:"alert",children:["Alert",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#alert",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsxs)(e.h4,{id:"product-level-alert",children:["Product-level alert",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#product-level-alert",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsxs)(e.p,{children:["For product-level alerts, place an ",(0,o.jsx)(e.a,{href:"../components/alert",children:"alert"})," banner above the product name bar. The alert can be dismissed manually by the user or automatically by the system after the call to action is completed."]}),"\n",(0,o.jsx)(e.p,{children:"An alert has the following types:"}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"Error: Informs users that a problem has occurred, for example, license expiration, and requires users to take actions."}),"\n",(0,o.jsx)(e.li,{children:"Warning: Informs users to prevent an imminent problem, for example, license about to expire."}),"\n"]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:es,file:{data:'import { Alert, AlertCloseButton, Button, Collapse, Flex, Stack, Text } from \'@tonic-ui/react\';\nimport { Light2OIcon } from \'@tonic-ui/react-icons\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport { runIfFn } from \'@tonic-ui/utils\';\nimport React, { forwardRef } from \'react\';\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst AlertSolidActionButton = forwardRef((props, ref) => (\n \n));\nAlertSolidActionButton.displayName = \'AlertSolidActionButton\';\n\nconst App = () => {\n return (\n \n \n {({ onClose }) => (\n }\n onClose={onClose}\n sx={{\n background: \'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)\',\n color: \'white:emphasis\',\n }}\n >\n \n This is a promotion message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an error message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a warning message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an info message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a success message.\n \n \n \n )}\n \n \n );\n};\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import { Alert, AlertCloseButton, Button, Collapse, Flex, Stack, Text } from \'@tonic-ui/react\';\nimport { Light2OIcon } from \'@tonic-ui/react-icons\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport { runIfFn } from \'@tonic-ui/utils\';\nimport React, { forwardRef } from \'react\';\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst AlertSolidActionButton = forwardRef((props, ref) => (\n \n));\nAlertSolidActionButton.displayName = \'AlertSolidActionButton\';\n\nconst App = () => {\n return (\n \n \n {({ onClose }) => (\n }\n onClose={onClose}\n sx={{\n background: \'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)\',\n color: \'white:emphasis\',\n }}\n >\n \n This is a promotion message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an error message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a warning message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an info message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a success message.\n \n \n \n )}\n \n \n );\n};\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsx)(e.p,{children:"When multiple alerts are present, they are prioritized in the following order:"}),"\n",(0,o.jsx)(w.Z,{fontSize:"sm",lineHeight:"sm",mb:"6x",children:(0,o.jsxs)(T.Z,{alignItems:"center",columnGap:"2x",templateColumns:"repeat(4, 1fr auto)",children:[(0,o.jsx)(np.Z,{severity:"none",variant:"solid",icon:(0,o.jsx)(nO.Z,{}),sx:{background:"linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)",color:"white:primary"},children:(0,o.jsx)(s.Z,{children:"Promotion"})}),(0,o.jsx)(eR.Z,{}),(0,o.jsx)(np.Z,{severity:"error",variant:"solid",children:(0,o.jsx)(s.Z,{children:"Error"})}),(0,o.jsx)(eR.Z,{}),(0,o.jsx)(np.Z,{severity:"warning",variant:"solid",children:(0,o.jsx)(s.Z,{children:"Warning"})}),(0,o.jsx)(eR.Z,{}),(0,o.jsx)(np.Z,{severity:"info",variant:"solid",children:(0,o.jsx)(s.Z,{children:"Info"})})]})}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:eo,file:{data:"import {\n Alert,\n AlertCloseButton,\n Badge,\n Box,\n Button,\n ButtonBase,\n Collapse,\n Divider,\n Flex,\n Text,\n useColorMode,\n useColorStyle,\n useTheme,\n} from '@tonic-ui/react';\nimport { AlertIcon, AngleDownIcon, AngleUpIcon, ClockIcon, Light2OIcon } from '@tonic-ui/react-icons';\nimport { useToggle } from '@tonic-ui/react-hooks';\nimport { createTransitionStyle, runIfFn } from '@tonic-ui/utils';\nimport React, { forwardRef, useEffect, useState } from 'react';\n\nconst alerts = [\n {\n variant: 'solid',\n severity: 'none',\n icon: (\n \n ),\n sx: {\n background: 'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)',\n color: 'white:emphasis',\n },\n message: 'This is a promotion message.',\n },\n {\n variant: 'solid',\n severity: 'error',\n message: 'This is an error message.',\n },\n {\n variant: 'solid',\n severity: 'warning',\n message: 'This is a warning message.',\n },\n {\n variant: 'solid',\n severity: 'info',\n message: 'This is an info message.',\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n \n Home\n \n \n \n );\n};\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst IconButton = forwardRef((props, ref) => {\n const theme = useTheme();\n const size = '8x';\n const color = 'black:secondary';\n const disabledColor = 'black:disabled';\n const activeColor = 'black:primary';\n const focusBorderColor = 'blue:60';\n const focusColor = 'black:primary';\n const hoverColor = 'black:primary';\n const styleProps = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: 1,\n borderColor: 'transparent',\n color,\n width: size,\n height: size,\n transition: createTransitionStyle(['border-color', 'box-shadow', 'color'], { duration: 200 }),\n _disabled: {\n color: disabledColor,\n },\n _focus: {\n ':not(:active)': {\n borderColor: focusBorderColor,\n boxShadow: `inset 0 0 0 1px ${theme.colors[focusBorderColor]}`,\n color: focusColor,\n },\n },\n _hover: {\n color: hoverColor,\n },\n _active: {\n color: activeColor,\n },\n };\n\n return (\n \n );\n});\nIconButton.displayName = 'IconButton';\n\nconst AlertPagination = forwardRef((\n {\n page,\n count,\n onPrevious,\n onNext,\n ...rest\n },\n ref,\n) => (\n \n \n \n \n \n {page}/{count}\n \n = count}\n onClick={onNext}\n >\n \n \n \n));\nAlertPagination.displayName = 'AlertPagination';\n\nconst AlertSolidActionButton = forwardRef((props, ref) => (\n \n));\nAlertSolidActionButton.displayName = 'AlertSolidActionButton';\n\nconst AlertView = () => {\n const [page, setPage] = useState(1);\n const alert = alerts[page - 1] ?? {};\n\n return (\n \n {({ onClose }) => (\n \n \n {alert.message}\n \n \n Action\n \n setPage(Math.max(1, page - 1))}\n onNext={() => setPage(Math.min(alerts.length, page + 1))}\n my=\"-2x\"\n />\n \n \n \n \n )}\n \n );\n};\n\nconst NavigationBar = (props) => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: '12x',\n alignItems: 'center',\n justifyContent: 'space-between',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: 'inline-flex',\n alignItems: 'center',\n backgroundColor: colorStyle.background.secondary,\n px: '4x',\n height: '100%',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: 'gray:100',\n light: 'gray:20',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: '100%',\n };\n\n return (\n \n );\n};\n\nexport default App;",path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:"import {\n Alert,\n AlertCloseButton,\n Badge,\n Box,\n Button,\n ButtonBase,\n Collapse,\n Divider,\n Flex,\n Text,\n useColorMode,\n useColorStyle,\n useTheme,\n} from '@tonic-ui/react';\nimport { AlertIcon, AngleDownIcon, AngleUpIcon, ClockIcon, Light2OIcon } from '@tonic-ui/react-icons';\nimport { useToggle } from '@tonic-ui/react-hooks';\nimport { createTransitionStyle, runIfFn } from '@tonic-ui/utils';\nimport React, { forwardRef, useEffect, useState } from 'react';\n\nconst alerts = [\n {\n variant: 'solid',\n severity: 'none',\n icon: (\n \n ),\n sx: {\n background: 'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)',\n color: 'white:emphasis',\n },\n message: 'This is a promotion message.',\n },\n {\n variant: 'solid',\n severity: 'error',\n message: 'This is an error message.',\n },\n {\n variant: 'solid',\n severity: 'warning',\n message: 'This is a warning message.',\n },\n {\n variant: 'solid',\n severity: 'info',\n message: 'This is an info message.',\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n \n Home\n \n \n \n );\n};\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst IconButton = forwardRef((props, ref) => {\n const theme = useTheme();\n const size = '8x';\n const color = 'black:secondary';\n const disabledColor = 'black:disabled';\n const activeColor = 'black:primary';\n const focusBorderColor = 'blue:60';\n const focusColor = 'black:primary';\n const hoverColor = 'black:primary';\n const styleProps = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: 1,\n borderColor: 'transparent',\n color,\n width: size,\n height: size,\n transition: createTransitionStyle(['border-color', 'box-shadow', 'color'], { duration: 200 }),\n _disabled: {\n color: disabledColor,\n },\n _focus: {\n ':not(:active)': {\n borderColor: focusBorderColor,\n boxShadow: `inset 0 0 0 1px ${theme.colors[focusBorderColor]}`,\n color: focusColor,\n },\n },\n _hover: {\n color: hoverColor,\n },\n _active: {\n color: activeColor,\n },\n };\n\n return (\n \n );\n});\nIconButton.displayName = 'IconButton';\n\nconst AlertPagination = forwardRef((\n {\n page,\n count,\n onPrevious,\n onNext,\n ...rest\n },\n ref,\n) => (\n \n \n \n \n \n {page}/{count}\n \n = count}\n onClick={onNext}\n >\n \n \n \n));\nAlertPagination.displayName = 'AlertPagination';\n\nconst AlertSolidActionButton = forwardRef((props, ref) => (\n \n));\nAlertSolidActionButton.displayName = 'AlertSolidActionButton';\n\nconst AlertView = () => {\n const [page, setPage] = useState(1);\n const alert = alerts[page - 1] ?? {};\n\n return (\n \n {({ onClose }) => (\n \n \n {alert.message}\n \n \n Action\n \n setPage(Math.max(1, page - 1))}\n onNext={() => setPage(Math.min(alerts.length, page + 1))}\n my=\"-2x\"\n />\n \n \n \n \n )}\n \n );\n};\n\nconst NavigationBar = (props) => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: '12x',\n alignItems: 'center',\n justifyContent: 'space-between',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: 'inline-flex',\n alignItems: 'center',\n backgroundColor: colorStyle.background.secondary,\n px: '4x',\n height: '100%',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: 'gray:100',\n light: 'gray:20',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: '100%',\n };\n\n return (\n \n );\n};\n\nexport default App;",title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.h4,{id:"in-app-alert",children:["In-app alert",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#in-app-alert",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(e.p,{children:"For alerts that are related to a screen or a feature only, show the alert banner in the associated screen or feature. The alert can be placed in different modules to fit different use cases. For example, place it in the upper part of a screen, a drawer, or a modal."}),"\n",(0,o.jsx)(e.p,{children:"An in-app alert has the following types:"}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"Promotion: Used only when there is a solution or offering to promote."}),"\n",(0,o.jsx)(e.li,{children:"Error: Informs users that a problem has occurred and requires users to take actions."}),"\n",(0,o.jsx)(e.li,{children:"Warning: Informs users of potential problems that may not require immediate action or to prevent an imminent problem"}),"\n",(0,o.jsx)(e.li,{children:"Info: Provides useful, relevant information to users."}),"\n"]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:nY,file:{data:'import { Alert, AlertCloseButton, Button, Collapse, Flex, Stack, Text } from \'@tonic-ui/react\';\nimport { Light2OIcon } from \'@tonic-ui/react-icons\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport { runIfFn } from \'@tonic-ui/utils\';\nimport React, { forwardRef } from \'react\';\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst AlertOutlineActionButton = forwardRef((props, ref) => (\n \n));\nAlertOutlineActionButton.displayName = \'AlertOutlineActionButton\';\n\nconst App = () => {\n return (\n \n \n {({ onClose }) => (\n }\n onClose={onClose}\n sx={{\n borderImageSource: \'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)\',\n borderImageSlice: 1,\n }}\n >\n \n This is a promotion message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an error message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a warning message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an info message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a success message.\n \n \n \n )}\n \n \n );\n};\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import { Alert, AlertCloseButton, Button, Collapse, Flex, Stack, Text } from \'@tonic-ui/react\';\nimport { Light2OIcon } from \'@tonic-ui/react-icons\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport { runIfFn } from \'@tonic-ui/utils\';\nimport React, { forwardRef } from \'react\';\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst AlertOutlineActionButton = forwardRef((props, ref) => (\n \n));\nAlertOutlineActionButton.displayName = \'AlertOutlineActionButton\';\n\nconst App = () => {\n return (\n \n \n {({ onClose }) => (\n }\n onClose={onClose}\n sx={{\n borderImageSource: \'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)\',\n borderImageSlice: 1,\n }}\n >\n \n This is a promotion message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an error message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a warning message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is an info message.\n \n Action\n \n \n \n \n )}\n \n \n {({ onClose }) => (\n \n \n This is a success message.\n \n \n \n )}\n \n \n );\n};\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:n$,file:{data:"import {\n Alert,\n AlertCloseButton,\n Badge,\n Box,\n Button,\n ButtonBase,\n Collapse,\n Divider,\n Flex,\n Text,\n useColorMode,\n useColorStyle,\n useTheme,\n} from '@tonic-ui/react';\nimport { AlertIcon, ClockIcon, Light2OIcon } from '@tonic-ui/react-icons';\nimport { useToggle } from '@tonic-ui/react-hooks';\nimport { createTransitionStyle, runIfFn } from '@tonic-ui/utils';\nimport React, { forwardRef, useEffect, useState } from 'react';\n\nconst alerts = [\n {\n variant: 'outline',\n severity: 'none',\n icon: (\n \n ),\n sx: {\n borderImageSource: 'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)',\n borderImageSlice: 1,\n },\n message: 'This is a promotion message.',\n },\n {\n variant: 'outline',\n severity: 'error',\n message: 'This is an error message.',\n },\n {\n variant: 'outline',\n severity: 'warning',\n message: 'This is a warning message.',\n },\n {\n variant: 'outline',\n severity: 'info',\n message: 'This is an info message.',\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n \n \n \n Home\n \n \n \n );\n};\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst IconButton = forwardRef((props, ref) => {\n const theme = useTheme();\n const size = '8x';\n const color = 'black:secondary';\n const disabledColor = 'black:disabled';\n const activeColor = 'black:primary';\n const focusBorderColor = 'blue:60';\n const focusColor = 'black:primary';\n const hoverColor = 'black:primary';\n const styleProps = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: 1,\n borderColor: 'transparent',\n color,\n width: size,\n height: size,\n transition: createTransitionStyle(['border-color', 'box-shadow', 'color'], { duration: 200 }),\n _disabled: {\n color: disabledColor,\n },\n _focus: {\n ':not(:active)': {\n borderColor: focusBorderColor,\n boxShadow: `inset 0 0 0 1px ${theme.colors[focusBorderColor]}`,\n color: focusColor,\n },\n },\n _hover: {\n color: hoverColor,\n },\n _active: {\n color: activeColor,\n },\n };\n\n return (\n \n );\n});\nIconButton.displayName = 'IconButton';\n\nconst AlertOutlineActionButton = forwardRef((props, ref) => (\n \n));\nAlertOutlineActionButton.displayName = 'AlertOutlineActionButton';\n\nconst AlertView = () => {\n const [page, ] = useState(1);\n const alert = alerts[page - 1] ?? {};\n\n return (\n \n {({ onClose }) => (\n \n \n {alert.message}\n \n \n Action\n \n \n \n \n \n )}\n \n );\n};\n\nconst NavigationBar = (props) => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: '12x',\n alignItems: 'center',\n justifyContent: 'space-between',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: 'inline-flex',\n alignItems: 'center',\n backgroundColor: colorStyle.background.secondary,\n px: '4x',\n height: '100%',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: 'gray:100',\n light: 'gray:20',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: '100%',\n };\n\n return (\n \n );\n};\n\nexport default App;",path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:"import {\n Alert,\n AlertCloseButton,\n Badge,\n Box,\n Button,\n ButtonBase,\n Collapse,\n Divider,\n Flex,\n Text,\n useColorMode,\n useColorStyle,\n useTheme,\n} from '@tonic-ui/react';\nimport { AlertIcon, ClockIcon, Light2OIcon } from '@tonic-ui/react-icons';\nimport { useToggle } from '@tonic-ui/react-hooks';\nimport { createTransitionStyle, runIfFn } from '@tonic-ui/utils';\nimport React, { forwardRef, useEffect, useState } from 'react';\n\nconst alerts = [\n {\n variant: 'outline',\n severity: 'none',\n icon: (\n \n ),\n sx: {\n borderImageSource: 'linear-gradient(90deg, var(--tonic-colors-purple-60) 0%, var(--tonic-colors-blue-50) 100%)',\n borderImageSlice: 1,\n },\n message: 'This is a promotion message.',\n },\n {\n variant: 'outline',\n severity: 'error',\n message: 'This is an error message.',\n },\n {\n variant: 'outline',\n severity: 'warning',\n message: 'This is a warning message.',\n },\n {\n variant: 'outline',\n severity: 'info',\n message: 'This is an info message.',\n },\n];\n\nconst App = () => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.primary,\n height: 480,\n };\n\n return (\n \n \n \n \n \n \n \n Home\n \n \n \n );\n};\n\nconst CollapseToggle = ({\n defaultIsOpen: defaultIsOpenProp = true,\n children,\n}) => {\n const [isOpen, toggleIsOpen] = useToggle(defaultIsOpenProp);\n const onOpen = () => toggleIsOpen(true);\n const onClose = () => toggleIsOpen(false);\n\n return (\n \n {runIfFn(children, { isOpen, onOpen, onClose })}\n \n );\n};\n\nconst IconButton = forwardRef((props, ref) => {\n const theme = useTheme();\n const size = '8x';\n const color = 'black:secondary';\n const disabledColor = 'black:disabled';\n const activeColor = 'black:primary';\n const focusBorderColor = 'blue:60';\n const focusColor = 'black:primary';\n const hoverColor = 'black:primary';\n const styleProps = {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n border: 1,\n borderColor: 'transparent',\n color,\n width: size,\n height: size,\n transition: createTransitionStyle(['border-color', 'box-shadow', 'color'], { duration: 200 }),\n _disabled: {\n color: disabledColor,\n },\n _focus: {\n ':not(:active)': {\n borderColor: focusBorderColor,\n boxShadow: `inset 0 0 0 1px ${theme.colors[focusBorderColor]}`,\n color: focusColor,\n },\n },\n _hover: {\n color: hoverColor,\n },\n _active: {\n color: activeColor,\n },\n };\n\n return (\n \n );\n});\nIconButton.displayName = 'IconButton';\n\nconst AlertOutlineActionButton = forwardRef((props, ref) => (\n \n));\nAlertOutlineActionButton.displayName = 'AlertOutlineActionButton';\n\nconst AlertView = () => {\n const [page, ] = useState(1);\n const alert = alerts[page - 1] ?? {};\n\n return (\n \n {({ onClose }) => (\n \n \n {alert.message}\n \n \n Action\n \n \n \n \n \n )}\n \n );\n};\n\nconst NavigationBar = (props) => {\n const [colorStyle] = useColorStyle();\n const styleProps = {\n backgroundColor: colorStyle.background.secondary,\n height: '12x',\n alignItems: 'center',\n justifyContent: 'space-between',\n };\n const [date, setDate] = React.useState(new Date());\n\n useEffect(() => {\n const t = setInterval(() => {\n setDate(new Date());\n }, 1000);\n\n return () => {\n clearInterval(t);\n };\n }, []);\n\n return (\n \n \n \n Product Name\n \n \n \n Home\n \n \n \n \n \n {date.toLocaleDateString()}\n {date.toLocaleTimeString()}\n \n \n \n \n \n \n \n \n \n );\n};\n\nconst NavItem = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const styleProps = {\n display: 'inline-flex',\n alignItems: 'center',\n backgroundColor: colorStyle.background.secondary,\n px: '4x',\n height: '100%',\n _hover: {\n backgroundColor: colorStyle.background.highlighted,\n },\n _selected: {\n backgroundColor: colorStyle.background.selected,\n },\n };\n\n return (\n \n );\n};\n\nconst NavItemDivider = (props) => {\n const [colorMode] = useColorMode();\n const borderColor = {\n dark: 'gray:100',\n light: 'gray:20',\n }[colorMode];\n const styleProps = {\n borderColor,\n height: '100%',\n };\n\n return (\n \n );\n};\n\nexport default App;",title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.h4,{id:"alert-in-modal-and-drawer",children:["Alert in modal and drawer",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#alert-in-modal-and-drawer",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:nS,file:{data:'import {\n Alert,\n Button,\n Collapse,\n Grid,\n Link,\n Modal,\n ModalOverlay,\n ModalContent,\n ModalHeader,\n ModalBody,\n ModalFooter,\n Skeleton,\n Stack,\n Text,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport React, { forwardRef } from \'react\';\n\nconst App = () => {\n const portal = usePortalManager();\n const openModal = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst ModalExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const [isAlertOpen, toggleIsAlertOpen] = useToggle(true);\n\n return (\n \n \n \n \n Modal\n \n \n \n toggleIsAlertOpen(false)}\n severity="warning"\n variant="outline"\n mb="4x"\n >\n Important:\n This is an important message.\n Learn more\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nModalExample.displayName = \'ModalExample\';\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import {\n Alert,\n Button,\n Collapse,\n Grid,\n Link,\n Modal,\n ModalOverlay,\n ModalContent,\n ModalHeader,\n ModalBody,\n ModalFooter,\n Skeleton,\n Stack,\n Text,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport React, { forwardRef } from \'react\';\n\nconst App = () => {\n const portal = usePortalManager();\n const openModal = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst ModalExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const [isAlertOpen, toggleIsAlertOpen] = useToggle(true);\n\n return (\n \n \n \n \n Modal\n \n \n \n toggleIsAlertOpen(false)}\n severity="warning"\n variant="outline"\n mb="4x"\n >\n Important:\n This is an important message.\n Learn more\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nModalExample.displayName = \'ModalExample\';\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:nv,file:{data:'import {\n Alert,\n Button,\n Collapse,\n Grid,\n Link,\n Drawer,\n DrawerOverlay,\n DrawerContent,\n DrawerHeader,\n DrawerBody,\n DrawerFooter,\n Skeleton,\n Stack,\n Text,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport React, { forwardRef } from \'react\';\n\nconst App = () => {\n const portal = usePortalManager();\n const openDrawer = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst DrawerExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const [isAlertOpen, toggleIsAlertOpen] = useToggle(true);\n\n return (\n \n \n \n \n Drawer\n \n \n \n toggleIsAlertOpen(false)}\n severity="info"\n variant="outline"\n mb="4x"\n >\n Important:\n This is an important message.\n Learn more\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nDrawerExample.displayName = \'DrawerExample\';\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import {\n Alert,\n Button,\n Collapse,\n Grid,\n Link,\n Drawer,\n DrawerOverlay,\n DrawerContent,\n DrawerHeader,\n DrawerBody,\n DrawerFooter,\n Skeleton,\n Stack,\n Text,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { useToggle } from \'@tonic-ui/react-hooks\';\nimport React, { forwardRef } from \'react\';\n\nconst App = () => {\n const portal = usePortalManager();\n const openDrawer = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst DrawerExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const [isAlertOpen, toggleIsAlertOpen] = useToggle(true);\n\n return (\n \n \n \n \n Drawer\n \n \n \n toggleIsAlertOpen(false)}\n severity="info"\n variant="outline"\n mb="4x"\n >\n Important:\n This is an important message.\n Learn more\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nDrawerExample.displayName = \'DrawerExample\';\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.h3,{id:"toast",children:["Toast",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#toast",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsxs)(e.p,{children:[(0,o.jsx)(e.a,{href:"../components/toast",children:"Toast"})," provides simple feedback for user-initiated actions or information that users need to complete the current task. Place a toast on the bottom right of a screen. Toasts can be chronologically piled up when there are multiple and pushed down when a previous toast is dismissed."]}),"\n",(0,o.jsx)(e.p,{children:"A toast can be classified into the following types:"}),"\n",(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:"Success: The toast will be automatically dismissed after 5 seconds."}),"\n",(0,o.jsx)(e.li,{children:"Info/Warning/Error: The toast will remain visible until the user dismisses it."}),"\n"]}),"\n",(0,o.jsxs)(e.h4,{id:"app-toast",children:["App toast",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#app-toast",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:nd,file:{data:"import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Text,\n Toast,\n useColorMode,\n useColorStyle,\n useToastManager,\n} from '@tonic-ui/react';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from '@tonic-ui/react-icons';\nimport React from 'react';\n\nconst MAX_TOASTS = 3;\n\nconst App = () => {\n const toast = useToastManager();\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n const placement = 'bottom-right';\n const duration = appearance === 'success' ? 5000 : undefined;\n const options = {\n placement,\n duration,\n };\n\n toast.notify(({ onClose, placement }) => {\n const isTop = placement.includes('top');\n const toastSpacingKey = isTop ? 'pb' : 'pt';\n\n return (\n \n \n {content}\n \n \n );\n }, options);\n\n const isTop = placement.includes('top');\n\n // Limit the maximum number of toasts\n if (isTop) {\n toast.setState(prevState => ({\n ...prevState,\n [placement]: prevState[placement].slice(0, MAX_TOASTS),\n }));\n } else {\n toast.setState(prevState => ({\n ...prevState,\n [placement]: prevState[placement].slice(-MAX_TOASTS),\n }));\n }\n };\n\n const handleClickCloseToasts = () => {\n toast.closeAll();\n };\n\n return (\n \n *:not(:first-of-type)': {\n marginLeft: -1\n },\n '> *': {\n columnGap: '2x',\n },\n }}\n >\n \n \n \n \n \n \n \n );\n};\n\nconst ToastLayout = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const boxShadow = colorStyle.shadow.thin;\n\n return (\n \n );\n};\n\nexport default App;",path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:"import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Text,\n Toast,\n useColorMode,\n useColorStyle,\n useToastManager,\n} from '@tonic-ui/react';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from '@tonic-ui/react-icons';\nimport React from 'react';\n\nconst MAX_TOASTS = 3;\n\nconst App = () => {\n const toast = useToastManager();\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n const placement = 'bottom-right';\n const duration = appearance === 'success' ? 5000 : undefined;\n const options = {\n placement,\n duration,\n };\n\n toast.notify(({ onClose, placement }) => {\n const isTop = placement.includes('top');\n const toastSpacingKey = isTop ? 'pb' : 'pt';\n\n return (\n \n \n {content}\n \n \n );\n }, options);\n\n const isTop = placement.includes('top');\n\n // Limit the maximum number of toasts\n if (isTop) {\n toast.setState(prevState => ({\n ...prevState,\n [placement]: prevState[placement].slice(0, MAX_TOASTS),\n }));\n } else {\n toast.setState(prevState => ({\n ...prevState,\n [placement]: prevState[placement].slice(-MAX_TOASTS),\n }));\n }\n };\n\n const handleClickCloseToasts = () => {\n toast.closeAll();\n };\n\n return (\n \n *:not(:first-of-type)': {\n marginLeft: -1\n },\n '> *': {\n columnGap: '2x',\n },\n }}\n >\n \n \n \n \n \n \n \n );\n};\n\nconst ToastLayout = (props) => {\n const [colorMode] = useColorMode();\n const [colorStyle] = useColorStyle({ colorMode });\n const boxShadow = colorStyle.shadow.thin;\n\n return (\n \n );\n};\n\nexport default App;",title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.h4,{id:"toast-in-modal-and-drawer",children:["Toast in modal and drawer",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#toast-in-modal-and-drawer",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(e.p,{children:"In scenarios where there is limited space, such as within a modal or drawer, the toast should be positioned between the title and the content. When the limited space is closed, the toast will be automatically dismissed."}),"\n",(0,o.jsx)(e.p,{children:"In the examples below, the toast will be positioned 48 pixels from the top of the modal or drawer, and has a minimum width of 280 pixels. If the content of the toast message is wider than 280 pixels, the toast will expand to fit the content without exceeding 80% of the width of the modal or drawer in which it is being displayed."}),"\n",(0,o.jsxs)(e.p,{children:["To animate the toast when it is displayed or dismissed, you can use the ",(0,o.jsx)(e.code,{children:"ToastTransition"})," component. The ",(0,o.jsx)(e.code,{children:"ToastController"})," component can also be used to control the duration for which the toast will be displayed before it is automatically dismissed. This allows you to set a specific amount of time for the toast to be visible, ensuring that it does not interrupt the user's workflow for too long."]}),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:J,file:{data:'import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Grid,\n Modal,\n ModalOverlay,\n ModalContent,\n ModalHeader,\n ModalBody,\n ModalFooter,\n Skeleton,\n Stack,\n Text,\n Toast,\n ToastController,\n ToastTransition,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from \'@tonic-ui/react-icons\';\nimport React, { forwardRef, useRef, useState } from \'react\';\nimport { TransitionGroup } from \'react-transition-group\';\n\nconst MAX_TOASTS = 1;\n\nconst App = () => {\n const portal = usePortalManager();\n const openModal = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst ModalExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const autoIncrementRef = useRef(0);\n const [toasts, setToasts] = useState([]);\n\n const notify = (options) => {\n const {\n appearance,\n content,\n duration = null,\n isClosable = true,\n } = { ...options };\n\n setToasts(prevState => {\n const id = ++autoIncrementRef.current;\n const onClose = () => {\n setToasts(toasts => toasts.filter(x => x.id !== id));\n };\n // You can decide how many toasts you want to show at the same time depending on your use case\n const nextState = [\n ...prevState.slice(MAX_TOASTS > 1 ? -(MAX_TOASTS - 1) : prevState.length),\n {\n id,\n appearance,\n content,\n duration,\n isClosable,\n onClose,\n },\n ];\n return nextState;\n });\n };\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n notify({\n appearance,\n content,\n duration: (appearance === \'success\') ? 5000 : undefined,\n });\n };\n\n return (\n \n \n \n \n ` element\n >\n {toasts.map(toast => (\n \n \n \n {toast?.content}\n \n \n \n ))}\n \n \n \n Modal\n \n \n \n \n \n \n \n \n \n *:not(:first-of-type)\': {\n marginLeft: -1\n }\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nModalExample.displayName = \'ModalExample\';\n\nconst CustomToastContainer = (props) => (\n \n);\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Grid,\n Modal,\n ModalOverlay,\n ModalContent,\n ModalHeader,\n ModalBody,\n ModalFooter,\n Skeleton,\n Stack,\n Text,\n Toast,\n ToastController,\n ToastTransition,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from \'@tonic-ui/react-icons\';\nimport React, { forwardRef, useRef, useState } from \'react\';\nimport { TransitionGroup } from \'react-transition-group\';\n\nconst MAX_TOASTS = 1;\n\nconst App = () => {\n const portal = usePortalManager();\n const openModal = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst ModalExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const autoIncrementRef = useRef(0);\n const [toasts, setToasts] = useState([]);\n\n const notify = (options) => {\n const {\n appearance,\n content,\n duration = null,\n isClosable = true,\n } = { ...options };\n\n setToasts(prevState => {\n const id = ++autoIncrementRef.current;\n const onClose = () => {\n setToasts(toasts => toasts.filter(x => x.id !== id));\n };\n // You can decide how many toasts you want to show at the same time depending on your use case\n const nextState = [\n ...prevState.slice(MAX_TOASTS > 1 ? -(MAX_TOASTS - 1) : prevState.length),\n {\n id,\n appearance,\n content,\n duration,\n isClosable,\n onClose,\n },\n ];\n return nextState;\n });\n };\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n notify({\n appearance,\n content,\n duration: (appearance === \'success\') ? 5000 : undefined,\n });\n };\n\n return (\n \n \n \n \n ` element\n >\n {toasts.map(toast => (\n \n \n \n {toast?.content}\n \n \n \n ))}\n \n \n \n Modal\n \n \n \n \n \n \n \n \n \n *:not(:first-of-type)\': {\n marginLeft: -1\n }\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nModalExample.displayName = \'ModalExample\';\n\nconst CustomToastContainer = (props) => (\n \n);\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsx)(a.Z,Object.assign({},{component:G,file:{data:'import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Grid,\n Drawer,\n DrawerOverlay,\n DrawerContent,\n DrawerHeader,\n DrawerBody,\n DrawerFooter,\n Skeleton,\n Stack,\n Text,\n Toast,\n ToastController,\n ToastTransition,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from \'@tonic-ui/react-icons\';\nimport React, { forwardRef, useRef, useState } from \'react\';\nimport { TransitionGroup } from \'react-transition-group\';\n\nconst MAX_TOASTS = 1;\n\nconst App = () => {\n const portal = usePortalManager();\n const openDrawer = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst DrawerExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const autoIncrementRef = useRef(0);\n const [toasts, setToasts] = useState([]);\n\n const notify = (options) => {\n const {\n appearance,\n content,\n duration = null,\n isClosable = true,\n } = { ...options };\n\n setToasts(prevState => {\n const id = ++autoIncrementRef.current;\n const onClose = () => {\n setToasts(toasts => toasts.filter(x => x.id !== id));\n };\n // You can decide how many toasts you want to show at the same time depending on your use case\n const nextState = [\n ...prevState.slice(MAX_TOASTS > 1 ? -(MAX_TOASTS - 1) : prevState.length),\n {\n id,\n appearance,\n content,\n duration,\n isClosable,\n onClose,\n },\n ];\n return nextState;\n });\n };\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n notify({\n appearance,\n content,\n duration: (appearance === \'success\') ? 5000 : undefined,\n });\n };\n\n return (\n \n \n \n \n ` element\n >\n {toasts.map(toast => (\n \n \n \n {toast?.content}\n \n \n \n ))}\n \n \n \n Drawer\n \n \n \n \n \n \n \n \n \n *:not(:first-of-type)\': {\n marginLeft: -1\n }\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nDrawerExample.displayName = \'DrawerExample\';\n\nconst CustomToastContainer = (props) => (\n \n);\n\nexport default App;',path:"pages/patterns/notification/index.page.mdx"},sandbox:{files:{},raw:'import {\n Box,\n Button,\n ButtonGroup,\n Flex,\n Grid,\n Drawer,\n DrawerOverlay,\n DrawerContent,\n DrawerHeader,\n DrawerBody,\n DrawerFooter,\n Skeleton,\n Stack,\n Text,\n Toast,\n ToastController,\n ToastTransition,\n usePortalManager,\n} from \'@tonic-ui/react\';\nimport { ErrorIcon, InfoIcon, SuccessIcon, WarningMinorIcon } from \'@tonic-ui/react-icons\';\nimport React, { forwardRef, useRef, useState } from \'react\';\nimport { TransitionGroup } from \'react-transition-group\';\n\nconst MAX_TOASTS = 1;\n\nconst App = () => {\n const portal = usePortalManager();\n const openDrawer = () => {\n portal((close) => (\n \n ));\n };\n\n return (\n <>\n \n \n );\n};\n\nconst DrawerExample = forwardRef((\n {\n onClose,\n ...rest\n },\n ref,\n) => {\n const autoIncrementRef = useRef(0);\n const [toasts, setToasts] = useState([]);\n\n const notify = (options) => {\n const {\n appearance,\n content,\n duration = null,\n isClosable = true,\n } = { ...options };\n\n setToasts(prevState => {\n const id = ++autoIncrementRef.current;\n const onClose = () => {\n setToasts(toasts => toasts.filter(x => x.id !== id));\n };\n // You can decide how many toasts you want to show at the same time depending on your use case\n const nextState = [\n ...prevState.slice(MAX_TOASTS > 1 ? -(MAX_TOASTS - 1) : prevState.length),\n {\n id,\n appearance,\n content,\n duration,\n isClosable,\n onClose,\n },\n ];\n return nextState;\n });\n };\n\n const handleClickAddToastByAppearance = (appearance) => (event) => {\n // Remove current focus\n event.currentTarget.blur();\n\n const content = {\n success: (\n <>\n This is a success message.\n The toast will be automatically dismissed after 5 seconds.\n \n ),\n info: (\n <>\n This is an info message.\n The toast will remain visible until the user dismisses it.\n \n ),\n warning: (\n <>\n This is a warning message.\n The toast will remain visible until the user dismisses it.\n \n ),\n error: (\n <>\n This is an error message.\n The toast will remain visible until the user dismisses it.\n \n ),\n }[appearance];\n\n notify({\n appearance,\n content,\n duration: (appearance === \'success\') ? 5000 : undefined,\n });\n };\n\n return (\n \n \n \n \n ` element\n >\n {toasts.map(toast => (\n \n \n \n {toast?.content}\n \n \n \n ))}\n \n \n \n Drawer\n \n \n \n \n \n \n \n \n \n *:not(:first-of-type)\': {\n marginLeft: -1\n }\n }}\n >\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n );\n});\n\nDrawerExample.displayName = \'DrawerExample\';\n\nconst CustomToastContainer = (props) => (\n \n);\n\nexport default App;',title:"Tonic UI"}})),"\n",(0,o.jsxs)(e.h2,{id:"see-also",children:["See Also",(0,o.jsx)(e.a,{"aria-hidden":!0,className:"anchor-link",tabIndex:"-1",href:"#see-also",children:(0,o.jsx)(e.svg,{children:(0,o.jsx)(e.use,{xlinkHref:"#anchor-link-icon"})})})]}),"\n",(0,o.jsx)(w.Z,{children:(0,o.jsxs)(T.Z,{templateColumns:"1fr 1fr",columnGap:"18x",rowGap:"4x",children:[(0,o.jsx)(eG.Z,{children:"React Components"}),(0,o.jsx)(eG.Z,{children:"Patterns"}),(0,o.jsx)(h.Z,{children:(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:(0,o.jsx)(e.a,{href:"../components/modal",children:"Modal"})}),"\n",(0,o.jsx)(e.li,{children:(0,o.jsx)(e.a,{href:"../components/drawer",children:"Drawer"})}),"\n"]})}),(0,o.jsx)(h.Z,{children:(0,o.jsxs)(e.ul,{children:["\n",(0,o.jsx)(e.li,{children:(0,o.jsx)(e.a,{href:"https://www.figma.com/file/N84ebgxXVKZTMVClV2x0VP/Pattern-guideline?node-id=820%3A26&t=azm7arGGygd4x13e-3&fuid=847002822432287235",children:"Error Handling"})}),"\n"]})})]})})]})}var eH=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=Object.assign({},(0,r.ah)(),n.components).wrapper;return e?(0,o.jsx)(e,Object.assign({},n,{children:(0,o.jsx)(ez,n)})):ez(n)}},53442:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/patterns/notification",function(){return t(19382)}])},10525:function(n,e,t){"use strict";t.d(e,{Z:function(){return r}});var o=t(2784),r=function(n){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1],t=(0,o.useRef)(!1);e&&!t.current&&("function"==typeof n&&n(),t.current=!0)}},50397:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M6 14h4c0 1.105-0.895 2-2 2s-2-0.895-2-2v0zM15 12c-1.237-1.248-2.001-2.967-2.001-4.863 0-0.048 0-0.096 0.001-0.144l-0 0.007v-1c0-0 0-0.001 0-0.001 0-2.407-1.701-4.417-3.967-4.893l-0.033-0.006s0-0.1 0-0.1c0-0.552-0.448-1-1-1s-1 0.448-1 1v0s0 0.070 0 0.1c-2.299 0.482-4 2.492-4 4.899 0 0 0 0.001 0 0.001v-0 1c0.001 0.041 0.001 0.089 0.001 0.137 0 1.897-0.764 3.615-2.002 4.864l0.001-0.001v1h14v-1z"}),"AlertIcon")},119:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M15 7.976l-5.707 5.739-1.418-1.41 3.316-3.335h-10.191v-2h10.158l-3.296-3.283 1.412-1.416 4.716 4.699h0.009v0.009z"}),"ArrowRightIcon")},34121:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M8 0c-4.418 0-8 3.582-8 8s3.582 8 8 8c4.418 0 8-3.582 8-8v0c0-4.418-3.582-8-8-8v0zM8 14.5c-3.59 0-6.5-2.91-6.5-6.5s2.91-6.5 6.5-6.5c3.59 0 6.5 2.91 6.5 6.5v0c-0.006 3.588-2.912 6.494-6.499 6.5h-0.001zM8 8h4v1h-5v-5h1v4z"}),"ClockIcon")},62009:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}}),t(2784);var o=t(75928),r=t(52903),a=(0,o.Z)((0,r.tZ)("path",{d:"M8.8 2.5h-1.6v-2.5h1.5v2.5zM0 9h2.2v-1.5h-2.2v1.5zM13.8 7.5v1.5h2.2v-1.5h-2.2zM2.9 1.8l-1.1 1.1 1.4 1.4 1.1-1.1-1.4-1.4zM13.1 1.8l-1.4 1.4 1.1 1.1 1.4-1.4-1.1-1.1zM12.2 6.5c1.2 2.3 0.4 5.2-1.9 6.4v3.1h-4.5v-3.1c-0.8-0.4-1.5-1.1-1.9-1.9-1.3-2.3-0.5-5.2 1.8-6.4 2.3-1.3 5.2-0.4 6.5 1.9zM9.5 5.8c-1.5-0.8-3.5-0.2-4.4 1.4s-0.3 3.6 1.3 4.4l0.8 0.4v2.5h1.5v-2.5l0.8-0.4c0.6-0.3 1-0.8 1.3-1.3 0.9-1.6 0.3-3.6-1.3-4.5z"}),"Light2OIcon")},65258:function(n,e,t){"use strict";t.d(e,{Z:function(){return g}});var o=t(53860),r=t(2784),a=t(40596),i=t(27216),l=function(n){var e,t,o,r=n.colorMode,a=n.theme,i=null==a?void 0:null===(e=a.sizes)||void 0===e?void 0:e["4x"],l=null==a?void 0:null===(t=a.sizes)||void 0===t?void 0:t["1q"],s={dark:null==a?void 0:null===(o=a.colors)||void 0===o?void 0:o["gray:100"],light:"white"}[r];return{backgroundColor:({dark:"red:60",light:"red:60"})[r],borderRadius:i,boxShadow:"0 0 0 ".concat(l," ").concat(s),color:({dark:"white:primary",light:"white:primary"})[r],fontSize:"xs",height:i,lineHeight:"1",minWidth:i,px:"1x"}},s=function(n){var e,t,o,r,a=n.colorMode,i=n.theme,l=null==i?void 0:null===(e=i.sizes)||void 0===e?void 0:e["1q"],s={dark:null==i?void 0:null===(t=i.colors)||void 0===t?void 0:t["gray:100"],light:"white"}[a];return{backgroundColor:({dark:"red:60",light:"red:60"})[a],borderRadius:"circle",boxShadow:"0 0 0 ".concat(l," ").concat(s),color:({dark:"white:primary",light:"white:primary"})[a],height:null==i?void 0:null===(o=i.sizes)||void 0===o?void 0:o["2x"],width:null==i?void 0:null===(r=i.sizes)||void 0===r?void 0:r["2x"]}},c=function(n){var e=n.variant,t=(0,a.Z)(),r=(0,o.ZQ)(t,1)[0],c=(0,i.u)(),u={solid:l({colorMode:r,theme:c}),dot:s({colorMode:r,theme:c})}[e];return(0,o.Zj)((0,o.Zj)({},{display:"inline-flex",alignItems:"center",justifyContent:"center"}),u)},u=function(n){var e=n.placement;return(0,o.Zj)({position:"absolute"},{"top-left":{top:0,left:0,transform:"translate(-50%, -50%)"},"top-right":{top:0,right:0,transform:"translate(50%, -50%)"},"bottom-left":{bottom:0,left:0,transform:"translate(-50%, 50%)"},"bottom-right":{bottom:0,right:0,transform:"translate(50%, 50%)"}}[e])},d=t(52903),m=t(49857),p=["badgeContent","children","isInvisible","placement","variant"],f=(0,r.forwardRef)(function(n,e){var t=n.badgeContent,r=n.children,a=n.isInvisible,i=n.placement,l=n.variant,s=void 0===l?"solid":l,f=(0,o.Kd)(n,p),g="dot"===s?null:t,x=null!=a?a:null==g&&"dot"!==s,h=c({variant:s}),y=u({placement:void 0===i?"top-right":i});return r||x?(0,d.BX)(m.Z,(0,o.Zj)((0,o.Zj)({},{display:"inline-flex",position:"relative",width:"fit-content"}),{},{children:[r,!x&&(0,d.tZ)(m.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)((0,o.Zj)({ref:e},h),y),f),{},{children:g}))]})):(0,d.tZ)(m.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)({ref:e},h),f),{},{children:g}))});f.displayName="Badge";var g=f},39256:function(n,e,t){"use strict";t.d(e,{Z:function(){return g}});var o=t(53860),r=t(56818),a=t(92307),i=t.n(a),l=t(2784),s=t(12711),c=t(34730),u=t(52903),d=t(49857),m=["children","orientation","size","variant"],p=i()(function(n){return(0,o.Zj)({},n)}),f=(0,l.forwardRef)(function(n,e){var t=n.children,a=n.orientation,i=void 0===a?"horizontal":a,l=n.size,f=n.variant,g=(0,o.Kd)(n,m),x=(0,c.K7)({orientation:i}),h=p({orientation:i,size:void 0===l?"md":l,variant:void 0===f?"default":f});return(0,u.tZ)(s.u.Provider,{value:h,children:(0,u.tZ)(d.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)({ref:e},x),g),{},{children:(0,r.Pu)(t,h)}))})});f.displayName="ButtonGroup";var g=f},82412:function(n,e,t){"use strict";t.d(e,{Z:function(){return w}});var o=t(53860),r=t(70404),a=t(56818),i=t(92307),l=t.n(i),s=t(2784),c=t(64355),u=t.n(c),d=t(47732),m=t(3241),p=t(20325),f=t(79937),g=t(74086),x=t(52903),h=t(49857),y=(0,s.forwardRef)(function(n,e){var t=(0,g.Z)(),r=(0,o.Zj)({},t),a=r.backdrop,i=r.closeOnOutsideClick,l=r.onClose,s=r.placement,c=r.containerRef,u=(0,p.Z)(c,e),d=(0,f.Pw)({backdrop:a,placement:s}),m=(0,o.Zj)((0,o.Zj)({ref:u,onClick:function(n){n.stopPropagation(),i&&"function"==typeof l&&l(n)}},d),n);return(0,x.tZ)(h.Z,(0,o.Zj)({},m))});y.displayName="DrawerContainer";var b=t(59845),v=["autoFocus","backdrop","children","closeOnEsc","closeOnOutsideClick","ensureFocus","finalFocusRef","initialFocusRef","isClosable","isOpen","onClose","placement","portalProps","returnFocusOnClose","size"],C=l()(function(n){return(0,o.Zj)({},n)}),T=(0,s.forwardRef)(function(n,e){var t=n.autoFocus,i=void 0!==t&&t,l=n.backdrop,c=n.children,p=n.closeOnEsc,f=n.closeOnOutsideClick,g=n.ensureFocus,h=void 0!==g&&g,T=n.finalFocusRef,w=n.initialFocusRef,k=n.isClosable,S=n.isOpen,A=void 0!==S&&S,Z=n.onClose,E=n.placement,I=n.portalProps,B=n.returnFocusOnClose,O=n.size,j=(0,o.Kd)(n,v),P=(0,s.useState)(A),M=(0,o.ZQ)(P,2),D=M[0],F=M[1],N=(0,s.useRef)(),G=(0,s.useRef)(null),R=C({autoFocus:i,backdrop:void 0!==l&&l,closeOnEsc:void 0!==p&&p,closeOnOutsideClick:void 0!==f&&f,ensureFocus:h,finalFocusRef:T,initialFocusRef:w,isClosable:void 0!==k&&k,isOpen:A,onClose:Z,placement:void 0===E?"right":E,size:void 0===O?"auto":O,containerRef:N,contentRef:G,scrollBehavior:"inside"}),z=(void 0===B||B)&&!T,H=(0,s.useCallback)(function(){if(w&&w.current){var n=w.current;"function"==typeof n.focus&&n.focus();return}if(G.current){var e=G.current;if((0,r.t)(e).length>0)return;"function"==typeof e.focus&&e.focus()}},[w]),_=(0,s.useCallback)(function(){if(T&&T.current){var n=T.current;"function"==typeof n.focus&&n.focus()}},[T]),L=(0,s.useCallback)(function(){F(!1)},[]);return(0,s.useEffect)(function(){if(A&&!D){F(!0);return}},[A,D]),(0,x.tZ)(b.r.Provider,{value:R,children:(0,x.tZ)(m.Z,{in:A,onExitComplete:L,children:!!D&&(0,x.tZ)(d.Z,(0,o.Zj)((0,o.Zj)({},I),{},{children:(0,x.tZ)(u(),{disabled:!h,autoFocus:i,returnFocus:z,onActivation:H,onDeactivation:_,children:(0,x.tZ)(y,(0,o.Zj)((0,o.Zj)({ref:e},j),{},{children:(0,a.Pu)(c,R)}))})}))})})});T.displayName="Drawer";var w=T},6192:function(n,e,t){"use strict";t.d(e,{Z:function(){return f}});var o=t(53860),r=t(20325),a=t(56818),i=t(2784),l=t(48504),s=t(62272),c=t(79937),u=t(74086),d=t(52903),m=["TransitionComponent","TransitionProps"],p=(0,i.forwardRef)(function(n,e){var t=n.TransitionComponent,p=void 0===t?s.Z:t,f=n.TransitionProps,g=(0,o.Kd)(n,m),x=(0,u.Z)(),h=(0,o.Zj)({},x).isOpen,y=(0,l.Z)(),b=(0,o.ZQ)(y,2)[1],v=(0,i.useRef)(),C=(0,r.Z)(v,e),T=(0,c.Bp)(),w=(0,o.Zj)((0,o.Zj)({ref:C},T),g);return(0,d.tZ)(p,(0,o.Zj)((0,o.Zj)((0,o.Zj)({appear:!!x},f),w),{},{in:!x||h,onExited:(0,a.PP)(b,null==f?void 0:f.onExited)}))});p.displayName="DrawerOverlay";var f=p},35358:function(n,e,t){"use strict";t.d(e,{Z:function(){return u}});var o=t(53860),r=t(2784),a=t(53638),i=t(13692),l=t(52903),s=t(49857),c=(0,r.forwardRef)(function(n,e){var t=(0,i.Z)(),r=(0,o.Zj)({},t).scrollBehavior,c=(0,a.mS)({scrollBehavior:r});return(0,l.tZ)(s.Z,(0,o.Zj)((0,o.Zj)({ref:e},c),n))});c.displayName="ModalBody";var u=c},76168:function(n,e,t){"use strict";t.d(e,{Z:function(){return c}});var o=t(53860),r=t(2784),a=t(53638),i=t(52903),l=t(49857),s=(0,r.forwardRef)(function(n,e){var t=(0,a.IB)();return(0,i.tZ)(l.Z,(0,o.Zj)((0,o.Zj)({ref:e},t),n))});s.displayName="ModalFooter";var c=s},52235:function(n,e,t){"use strict";t.d(e,{Z:function(){return u}});var o=t(53860),r=t(2784),a=t(53638),i=t(13692),l=t(52903),s=t(49857),c=(0,r.forwardRef)(function(n,e){var t=(0,i.Z)(),r=(0,o.Zj)({},t).isClosable,c=(0,a.vZ)({isClosable:r});return(0,l.tZ)(s.Z,(0,o.Zj)((0,o.Zj)({ref:e},c),n))});c.displayName="ModalHeader";var u=c},57861:function(n,e,t){"use strict";t.d(e,{Z:function(){return v}});var o,r,a=t(53860),i=t(10525),l=t(56818),s=t(2784),c=t(28165),u=t(40596),d=(0,c.F4)(o||(o=(0,a.AI)(["\n 0% {\n opacity: 1;\n }\n 50% {\n opacity: .4;\n }\n 100% {\n opacity: 1;\n }\n"]))),m=(0,c.F4)(r||(r=(0,a.AI)(["\n 0% {\n transform: translateX(-100%);\n }\n 50% {\n // +0.5s of delay between each loop\n transform: translateX(100%);\n }\n 100% {\n transform: translateX(100%);\n }\n"]))),p=function(n){var e=n.animation,t=n.colorMode;return"pulse"===e?{animation:"".concat(d," 1.5s ease-in-out .5s infinite")}:"wave"===e?{position:"relative",overflow:"hidden",__after:{animation:"".concat(m," 1.6s linear .5s infinite"),background:"linear-gradient(90deg,".concat(["transparent","rgba(255, 255, 255, ".concat({dark:.08,light:.32}[t],")"),"transparent"].join(","),")"),content:'""',position:"absolute",inset:0,transform:"translateX(-100%)"}}:{animation:e}},f=function(n){var e=n.variant;return"text"===e?{height:"3x",borderRadius:"sm",_empty:{"::before":{content:'"\\00a0"'}}}:"rectangle"===e?{}:"circle"===e?{borderRadius:"50%"}:{}},g=function(n){var e=n.animation,t=n.variant,o=(0,u.Z)(),r=(0,a.ZQ)(o,1)[0],i={dark:"rgba(255, 255, 255, 0.08)",light:"rgba(0, 0, 0, 0.08)"}[r],l=p({animation:e,colorMode:r}),s=f({variant:t});return(0,a.Zj)((0,a.Zj)({display:"block",backgroundColor:i},l),s)},x=t(52903),h=t(49857),y=["animation","variant"],b=(0,s.forwardRef)(function(n,e){var t,o=n.animation,r=n.variant,s=(0,a.Kd)(n,y),c="".concat(b.displayName,":");(0,i.Z)(function(){(0,l.TL)('variant="rect"',{prefix:c,alternative:'variant="rectangle"',willRemove:!0})},"rect"===r),"rect"===r&&(r="rectangle");var u=g({animation:o,variant:r=null!==(t=r)&&void 0!==t?t:"text"});return(0,x.tZ)(h.Z,(0,a.Zj)((0,a.Zj)({ref:e},u),s))});b.displayName="Skeleton";var v=b},56098:function(n,e,t){"use strict";t.d(e,{Z:function(){return x}});var o=t(53860),r=t(10424),a=t(13409),i=t(56818),l=t(5081),s=t(2784),c=t(65204),u=t(99252),d=t(61809),m=t(52903),p=t(49857),f=["children","index"],g=(0,s.forwardRef)(function(n,e){var t,x=n.children,h=n.index,y=(0,o.Kd)(n,f),b=(0,s.useState)(h),v=(0,o.ZQ)(b,2),C=v[0],T=v[1],w=(0,u.Z)(),k=(0,l.zU)(null==w?void 0:w.registerTabPanel),S=(0,l.zU)(null==w?void 0:w.unregisterTabPanel),A="".concat(c.Z.name,":Tab-").concat(C),Z="".concat(c.Z.name,":TabPanel-").concat(C),E=(t=null==w?void 0:w.index,!(0,a.le)(C)&&!(0,a.le)(t)&&C===t),I=(0,d.Jv)({tabIndex:0});(0,r.Z)(function(){if((0,a.le)(C)){var n=k();return T(n),function(){S(n)}}return k(C),function(){S(C)}});var B=function(){return(0,o.Zj)((0,o.Zj)({"aria-hidden":(0,i.Qm)(!E),"aria-labelledby":A,hidden:!E,id:Z,ref:e,role:"tabpanel",tabIndex:0},I),y)},O={getTabPanelProps:B,index:C,isSelected:E},j="".concat(g.displayName,":");return(Object.defineProperties(O,{isActive:{get:function(){return(0,i.TL)("isActive",{prefix:j,alternative:"isSelected",willRemove:!0}),E}}}),"function"==typeof x)?x(O):(0,m.tZ)(p.Z,(0,o.Zj)((0,o.Zj)({},B()),{},{children:x}))});g.displayName="TabPanel";var x=g},52842:function(n,e,t){"use strict";t.d(e,{Z:function(){return s}});var o=t(53860),r=t(2784),a=t(52903),i=t(49857),l=(0,r.forwardRef)(function(n,e){return(0,a.tZ)(i.Z,(0,o.Zj)({ref:e},n))});l.displayName="TabPanels";var s=l},67622:function(n,e,t){"use strict";t.d(e,{Z:function(){return u}});var o=t(53860),r=t(2784),a=t(70758),i=t(91334),l=t(52903),s=["size"],c=(0,r.forwardRef)(function(n,e){var t=n.size,r=(0,o.Kd)(n,s),c=(0,i.w)({size:t});return(0,l.tZ)(a.Z,(0,o.Zj)((0,o.Zj)({as:"label",ref:e},c),r))});c.displayName="TextLabel";var u=c},42049:function(n,e,t){"use strict";t.d(e,{Z:function(){return k}});var o=t(53860),r=t(56818),a=t(92307),i=t.n(a),l=t(2784),s=t(91269),c=t(83591),u=t(97152),d=t(81141),m=t(22938),p=t(62368),f=t(50274),g=t(60186),x=t(52903),h=t(49857),y=(0,l.forwardRef)(function(n,e){var t=(0,g.Z)(),r=(0,o.Zj)({},t),a=r.appearance,i=r.icon,s=(0,f.zh)({appearance:a}),y=(0,l.useMemo)(function(){if("string"==typeof i)return(0,x.tZ)(p.Z,{icon:i});if(void 0===i){var n={success:c.Z,info:u.Z,warning:d.Z,error:m.Z}[a];return n?(0,x.tZ)(n,{size:"4x"}):null}return i},[a,i]);return y?(0,x.tZ)(h.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)({ref:e},s),n),{},{children:y})):null});y.displayName="ToastIcon";var b=(0,l.forwardRef)(function(n,e){var t=(0,g.Z)(),r=(0,o.Zj)({},t).isClosable,a=(0,f.Zy)({isClosable:r});return(0,x.tZ)(h.Z,(0,o.Zj)((0,o.Zj)({ref:e},a),n))});b.displayName="ToastMessage";var v=t(82268),C=["appearance","icon","isClosable","onClose","children"],T=i()(function(n){return(0,o.Zj)({},n)}),w=(0,l.forwardRef)(function(n,e){var t=n.appearance,a=void 0===t?"none":t,i=n.icon,l=n.isClosable,c=void 0!==l&&l,u=n.onClose,d=n.children,m=(0,o.Kd)(n,C),p=T({appearance:a,icon:i,isClosable:c,onClose:u}),g=(0,f.Xf)({appearance:a});return(0,x.tZ)(v.u.Provider,{value:p,children:(0,x.BX)(h.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)({ref:e},g),m),{},{children:[(0,x.tZ)(y,{}),(0,x.tZ)(b,{children:(0,r.Pu)(d,p)}),!!c&&(0,x.tZ)(s.Z,{})]}))})});w.displayName="Toast";var k=w},91269:function(n,e,t){"use strict";t.d(e,{Z:function(){return p}});var o=t(53860),r=t(37662),a=t(56818),i=t(2784),l=t(83513),s=t(50274),c=t(60186),u=t(52903),d=["children","onClick"],m=(0,i.forwardRef)(function(n,e){var t=n.children,i=n.onClick,m=(0,o.Kd)(n,d),p=(0,c.Z)(),f=(0,o.Zj)({},p),g=f.isClosable,x=f.onClose,h=f.variant,y=(0,s.mm)({isClosable:g,variant:h});return(0,u.tZ)(l.Z,(0,o.Zj)((0,o.Zj)((0,o.Zj)({"aria-label":"Close",ref:e,onClick:(0,a.N)(i,x)},y),m),{},{children:null!=t?t:(0,u.tZ)(r.Z,{size:"4x"})}))});m.displayName="ToastCloseButton";var p=m},50274:function(n,e,t){"use strict";t.d(e,{Xf:function(){return l},Zy:function(){return c},mm:function(){return u},zh:function(){return s}});var o=t(53860),r=t(40596),a=t(31131),i=function(n){var e=n.appearance,t=n.colorMode;return(0,o.Zj)({backgroundColor:{dark:"gray:10",light:"white"}[t],color:"black:primary"},{success:{borderLeftColor:"green:50",borderLeftStyle:"solid",borderLeftWidth:"1x",pl:"3x"},info:{borderLeftColor:"blue:60",borderLeftStyle:"solid",borderLeftWidth:"1x",pl:"3x"},warning:{borderLeftColor:"yellow:50",borderLeftStyle:"solid",borderLeftWidth:"1x",pl:"3x"},error:{borderLeftColor:"red:60",borderLeftStyle:"solid",borderLeftWidth:"1x",pl:"3x"}}[e])},l=function(n){var e=n.appearance,t=(0,r.Z)(),a=i({appearance:e,colorMode:(0,o.ZQ)(t,1)[0]});return(0,o.Zj)({display:"flex",alignItems:"flex-start",justifyContent:"space-between",position:"relative",px:"4x",py:"4x"},a)},s=function(n){return{color:({success:"green:50",info:"blue:60",warning:"yellow:50",error:"red:60"})[n.appearance],display:"inline-flex",mr:"2x",mt:"1h"}},c=function(n){return{pr:n.isClosable?"10x":0,width:"100%"}},u=function(n){var e=n.isClosable;n.variant;var t=(0,r.Z)(),i=(0,o.ZQ)(t,1)[0],l="blue:60",s={dark:"black:primary",light:"black:primary"}[i],c=(0,a.P)({color:{dark:"black:tertiary",light:"black:tertiary"}[i],size:"8x"});return e?(0,o.Zj)((0,o.Zj)({},c),{},{_focusVisible:{outlineColor:l,outlineOffset:"-1h",outlineStyle:"solid",outlineWidth:"1h"},_hover:{color:s},position:"absolute",top:"10q",right:"2x"}):(0,o.Zj)((0,o.Zj)({},c),{},{_focusVisible:{outlineColor:l,outlineOffset:"-1h",outlineStyle:"solid",outlineWidth:"1h"},_hover:{color:s}})}},60186:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}});var o=t(2784),r=t(82268),a=function(){if(!o.useContext)throw Error("The `useContext` hook is not available with your React version.");return(0,o.useContext)(r.u)}},78727:function(n,e,t){"use strict";t.d(e,{Z:function(){return a}});var o=t(2784),r=t(82268),a=function(){var n=(0,o.useRef)(null),e=(0,o.useRef)(null);if(!o.useContext)throw Error("The `useContext` hook is not available with your React version.");var t=(0,o.useContext)(r.K);if(!t)throw Error("The `useToastManager` hook must be called from a descendent of the `ToastManager`.");return n.current=t.notify,e.current||(e.current=function(){for(var e,t=arguments.length,o=Array(t),r=0;r0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var i=1/0,u=0;u=o&&Object.keys(d.O).every(function(e){return d.O[e](n[f])})?n.splice(f--,1):(c=!1,o0&&e[u-1][2]>o;u--)e[u]=e[u-1];e[u]=[n,r,o];return}for(var i=1/0,u=0;u=o&&Object.keys(d.O).every(function(e){return d.O[e](n[f])})?n.splice(f--,1):(c=!1,o
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/accordion.html b/react/pr-890/components/accordion.html index 25d9b6e692..9044716b3c 100644 --- a/react/pr-890/components/accordion.html +++ b/react/pr-890/components/accordion.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/alert.html b/react/pr-890/components/alert.html index 290659a906..ba9f869865 100644 --- a/react/pr-890/components/alert.html +++ b/react/pr-890/components/alert.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/badge.html b/react/pr-890/components/badge.html index 7f4ad75a41..ba17c07878 100644 --- a/react/pr-890/components/badge.html +++ b/react/pr-890/components/badge.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/box.html b/react/pr-890/components/box.html index 0c370342b7..8e49e99a3a 100644 --- a/react/pr-890/components/box.html +++ b/react/pr-890/components/box.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/button-base.html b/react/pr-890/components/button-base.html index fd7760a128..d365dd05de 100644 --- a/react/pr-890/components/button-base.html +++ b/react/pr-890/components/button-base.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/button-group.html b/react/pr-890/components/button-group.html index f05ac84f29..fcf38a4211 100644 --- a/react/pr-890/components/button-group.html +++ b/react/pr-890/components/button-group.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/button-link.html b/react/pr-890/components/button-link.html index 9dcac9a11c..c8ce0614fb 100644 --- a/react/pr-890/components/button-link.html +++ b/react/pr-890/components/button-link.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/button.html b/react/pr-890/components/button.html index 9d86a9b343..623493b63e 100644 --- a/react/pr-890/components/button.html +++ b/react/pr-890/components/button.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/checkbox-group.html b/react/pr-890/components/checkbox-group.html index b0cdb7f9d6..374e65ae14 100644 --- a/react/pr-890/components/checkbox-group.html +++ b/react/pr-890/components/checkbox-group.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/checkbox.html b/react/pr-890/components/checkbox.html index 7a5247cc10..488b115ebf 100644 --- a/react/pr-890/components/checkbox.html +++ b/react/pr-890/components/checkbox.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/code.html b/react/pr-890/components/code.html index 766ff45931..bb84e8bd4e 100644 --- a/react/pr-890/components/code.html +++ b/react/pr-890/components/code.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/color-mode.html b/react/pr-890/components/color-mode.html index 667c0919d0..84d53dac52 100644 --- a/react/pr-890/components/color-mode.html +++ b/react/pr-890/components/color-mode.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/color-mode/dark-mode.html b/react/pr-890/components/color-mode/dark-mode.html index f4063c023e..c837a4c78b 100644 --- a/react/pr-890/components/color-mode/dark-mode.html +++ b/react/pr-890/components/color-mode/dark-mode.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/color-mode/inverted-mode.html b/react/pr-890/components/color-mode/inverted-mode.html index b0e61d7951..008eb2667c 100644 --- a/react/pr-890/components/color-mode/inverted-mode.html +++ b/react/pr-890/components/color-mode/inverted-mode.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/color-mode/light-mode.html b/react/pr-890/components/color-mode/light-mode.html index 0894ba604d..c7f0ac98c2 100644 --- a/react/pr-890/components/color-mode/light-mode.html +++ b/react/pr-890/components/color-mode/light-mode.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/color-mode/useColorMode.html b/react/pr-890/components/color-mode/useColorMode.html index a3fee09ddf..6591d36939 100644 --- a/react/pr-890/components/color-mode/useColorMode.html +++ b/react/pr-890/components/color-mode/useColorMode.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/color-style.html b/react/pr-890/components/color-style.html index b13f57f292..fc9aafd113 100644 --- a/react/pr-890/components/color-style.html +++ b/react/pr-890/components/color-style.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/color-style/useColorStyle.html b/react/pr-890/components/color-style/useColorStyle.html index 41209906cf..3a7afc11ac 100644 --- a/react/pr-890/components/color-style/useColorStyle.html +++ b/react/pr-890/components/color-style/useColorStyle.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/css-baseline.html b/react/pr-890/components/css-baseline.html index 3c81a01203..3927fddd7c 100644 --- a/react/pr-890/components/css-baseline.html +++ b/react/pr-890/components/css-baseline.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/date-pickers.html b/react/pr-890/components/date-pickers.html index f27ee7d13b..b323731f94 100644 --- a/react/pr-890/components/date-pickers.html +++ b/react/pr-890/components/date-pickers.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/date-pickers/calendar.html b/react/pr-890/components/date-pickers/calendar.html index de1b5b880d..1be9813fe1 100644 --- a/react/pr-890/components/date-pickers/calendar.html +++ b/react/pr-890/components/date-pickers/calendar.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/date-pickers/date-picker.html b/react/pr-890/components/date-pickers/date-picker.html index b2be8fe075..cd7f55dc7a 100644 --- a/react/pr-890/components/date-pickers/date-picker.html +++ b/react/pr-890/components/date-pickers/date-picker.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/divider.html b/react/pr-890/components/divider.html index d5e8585d90..da4c291e12 100644 --- a/react/pr-890/components/divider.html +++ b/react/pr-890/components/divider.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/drawer.html b/react/pr-890/components/drawer.html index 7dc2cc8d7d..cbefbf9752 100644 --- a/react/pr-890/components/drawer.html +++ b/react/pr-890/components/drawer.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/flex.html b/react/pr-890/components/flex.html index 58c9582c71..69f9203db1 100644 --- a/react/pr-890/components/flex.html +++ b/react/pr-890/components/flex.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/grid.html b/react/pr-890/components/grid.html index 9aa4ea3c06..3948c38755 100644 --- a/react/pr-890/components/grid.html +++ b/react/pr-890/components/grid.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/icon.html b/react/pr-890/components/icon.html index e00572dbb8..5d0a031371 100644 --- a/react/pr-890/components/icon.html +++ b/react/pr-890/components/icon.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/image.html b/react/pr-890/components/image.html index dcb3d4d71f..cb5194bc4c 100644 --- a/react/pr-890/components/image.html +++ b/react/pr-890/components/image.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/input-base.html b/react/pr-890/components/input-base.html index bc4c93e80a..33f6633adc 100644 --- a/react/pr-890/components/input-base.html +++ b/react/pr-890/components/input-base.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/input-control.html b/react/pr-890/components/input-control.html index 607ed17336..1d5355114c 100644 --- a/react/pr-890/components/input-control.html +++ b/react/pr-890/components/input-control.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/input-group.html b/react/pr-890/components/input-group.html index 8a32f80d58..cc16b4c5f4 100644 --- a/react/pr-890/components/input-group.html +++ b/react/pr-890/components/input-group.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/input.html b/react/pr-890/components/input.html index adad0abeb3..8237734cbc 100644 --- a/react/pr-890/components/input.html +++ b/react/pr-890/components/input.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/link-button.html b/react/pr-890/components/link-button.html index 9d61ea47d3..b96603826b 100644 --- a/react/pr-890/components/link-button.html +++ b/react/pr-890/components/link-button.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/link.html b/react/pr-890/components/link.html index 9c4bceef3a..f911158f99 100644 --- a/react/pr-890/components/link.html +++ b/react/pr-890/components/link.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/menu.html b/react/pr-890/components/menu.html index 3c68fb2419..073707b698 100644 --- a/react/pr-890/components/menu.html +++ b/react/pr-890/components/menu.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/modal.html b/react/pr-890/components/modal.html index e7c2630446..3535c28ac2 100644 --- a/react/pr-890/components/modal.html +++ b/react/pr-890/components/modal.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/overflow-tooltip.html b/react/pr-890/components/overflow-tooltip.html index d3627f75a7..c1379f1d9f 100644 --- a/react/pr-890/components/overflow-tooltip.html +++ b/react/pr-890/components/overflow-tooltip.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/pagination.html b/react/pr-890/components/pagination.html index 2097f63702..d789f80826 100644 --- a/react/pr-890/components/pagination.html +++ b/react/pr-890/components/pagination.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/pagination/usePagination.html b/react/pr-890/components/pagination/usePagination.html index 78f8b18039..ab28b3f3dd 100644 --- a/react/pr-890/components/pagination/usePagination.html +++ b/react/pr-890/components/pagination/usePagination.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/popover.html b/react/pr-890/components/popover.html index 9e30802ac9..5c6f6e87e2 100644 --- a/react/pr-890/components/popover.html +++ b/react/pr-890/components/popover.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/portal-manager.html b/react/pr-890/components/portal-manager.html index 29e5568f3a..3f73b511a5 100644 --- a/react/pr-890/components/portal-manager.html +++ b/react/pr-890/components/portal-manager.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/portal-manager/usePortalManager.html b/react/pr-890/components/portal-manager/usePortalManager.html index 42619c0fea..0ecae6b6b9 100644 --- a/react/pr-890/components/portal-manager/usePortalManager.html +++ b/react/pr-890/components/portal-manager/usePortalManager.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/portal.html b/react/pr-890/components/portal.html index 27e01bdb40..5b00807e40 100644 --- a/react/pr-890/components/portal.html +++ b/react/pr-890/components/portal.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/progress.html b/react/pr-890/components/progress.html index fd96adf7d7..d7d89038e5 100644 --- a/react/pr-890/components/progress.html +++ b/react/pr-890/components/progress.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/radio-group.html b/react/pr-890/components/radio-group.html index eda9d860d7..d52370dd79 100644 --- a/react/pr-890/components/radio-group.html +++ b/react/pr-890/components/radio-group.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/radio.html b/react/pr-890/components/radio.html index 23a4e52053..ad9598408b 100644 --- a/react/pr-890/components/radio.html +++ b/react/pr-890/components/radio.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/resize-handle.html b/react/pr-890/components/resize-handle.html index 303d3d40a1..fa8191e1e4 100644 --- a/react/pr-890/components/resize-handle.html +++ b/react/pr-890/components/resize-handle.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/scrollbar.html b/react/pr-890/components/scrollbar.html index 8611e96dd5..2e1789fcdc 100644 --- a/react/pr-890/components/scrollbar.html +++ b/react/pr-890/components/scrollbar.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/search-input.html b/react/pr-890/components/search-input.html index 5b1e911983..6c20261a96 100644 --- a/react/pr-890/components/search-input.html +++ b/react/pr-890/components/search-input.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/select.html b/react/pr-890/components/select.html index 6b5b53809b..b63b4e4837 100644 --- a/react/pr-890/components/select.html +++ b/react/pr-890/components/select.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/skeleton.html b/react/pr-890/components/skeleton.html index 7d2868b325..a011ce33f4 100644 --- a/react/pr-890/components/skeleton.html +++ b/react/pr-890/components/skeleton.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/space.html b/react/pr-890/components/space.html index 03d8c94dc3..abc0cd32f7 100644 --- a/react/pr-890/components/space.html +++ b/react/pr-890/components/space.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/spinner.html b/react/pr-890/components/spinner.html index 4ca8f3b32a..88969e4936 100644 --- a/react/pr-890/components/spinner.html +++ b/react/pr-890/components/spinner.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/stack.html b/react/pr-890/components/stack.html index bef1d4c1ce..4a3c40a403 100644 --- a/react/pr-890/components/stack.html +++ b/react/pr-890/components/stack.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/svg-icon.html b/react/pr-890/components/svg-icon.html index 26516482bf..c16df12e24 100644 --- a/react/pr-890/components/svg-icon.html +++ b/react/pr-890/components/svg-icon.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/switch.html b/react/pr-890/components/switch.html index d50231cb9f..b8699e9b2d 100644 --- a/react/pr-890/components/switch.html +++ b/react/pr-890/components/switch.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/table.html b/react/pr-890/components/table.html index 69f81fad54..8077f2f1b8 100644 --- a/react/pr-890/components/table.html +++ b/react/pr-890/components/table.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/tabs.html b/react/pr-890/components/tabs.html index ee6652a544..af61ae78c8 100644 --- a/react/pr-890/components/tabs.html +++ b/react/pr-890/components/tabs.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/tag.html b/react/pr-890/components/tag.html index fee318a97c..964abfe3ca 100644 --- a/react/pr-890/components/tag.html +++ b/react/pr-890/components/tag.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/text-label.html b/react/pr-890/components/text-label.html index f22483daab..2966ee8eae 100644 --- a/react/pr-890/components/text-label.html +++ b/react/pr-890/components/text-label.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/text.html b/react/pr-890/components/text.html index b192243ca5..c5d7a56943 100644 --- a/react/pr-890/components/text.html +++ b/react/pr-890/components/text.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/textarea.html b/react/pr-890/components/textarea.html index 3dce1b071a..ca89cb7c23 100644 --- a/react/pr-890/components/textarea.html +++ b/react/pr-890/components/textarea.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/toast-manager.html b/react/pr-890/components/toast-manager.html index 3d8e0d5a29..a625b19f77 100644 --- a/react/pr-890/components/toast-manager.html +++ b/react/pr-890/components/toast-manager.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/toast-manager/useToastManager.html b/react/pr-890/components/toast-manager/useToastManager.html index 39adb66a3e..dd2537d9f1 100644 --- a/react/pr-890/components/toast-manager/useToastManager.html +++ b/react/pr-890/components/toast-manager/useToastManager.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/toast.html b/react/pr-890/components/toast.html index 1afc52f331..c9e1e800a2 100644 --- a/react/pr-890/components/toast.html +++ b/react/pr-890/components/toast.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/tooltip.html b/react/pr-890/components/tooltip.html index e4ccd53ff7..13d00ea295 100644 --- a/react/pr-890/components/tooltip.html +++ b/react/pr-890/components/tooltip.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/transitions.html b/react/pr-890/components/transitions.html index 928cc94786..5b2fa5eafa 100644 --- a/react/pr-890/components/transitions.html +++ b/react/pr-890/components/transitions.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/transitions/collapse.html b/react/pr-890/components/transitions/collapse.html index bc692d5851..76aa702c04 100644 --- a/react/pr-890/components/transitions/collapse.html +++ b/react/pr-890/components/transitions/collapse.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/transitions/fade.html b/react/pr-890/components/transitions/fade.html index 12cec5338a..99d991a352 100644 --- a/react/pr-890/components/transitions/fade.html +++ b/react/pr-890/components/transitions/fade.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/transitions/grow.html b/react/pr-890/components/transitions/grow.html index 52e0958c8e..4f2f2d7306 100644 --- a/react/pr-890/components/transitions/grow.html +++ b/react/pr-890/components/transitions/grow.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/transitions/scale.html b/react/pr-890/components/transitions/scale.html index 63682e379d..a35b11410a 100644 --- a/react/pr-890/components/transitions/scale.html +++ b/react/pr-890/components/transitions/scale.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/transitions/slide.html b/react/pr-890/components/transitions/slide.html index ae5e98d286..7790d2f940 100644 --- a/react/pr-890/components/transitions/slide.html +++ b/react/pr-890/components/transitions/slide.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/transitions/zoom.html b/react/pr-890/components/transitions/zoom.html index 652ad5480e..a6a3355c7f 100644 --- a/react/pr-890/components/transitions/zoom.html +++ b/react/pr-890/components/transitions/zoom.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/tree.html b/react/pr-890/components/tree.html index 7c7dcc8e22..f3a102b6b4 100644 --- a/react/pr-890/components/tree.html +++ b/react/pr-890/components/tree.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/truncate.html b/react/pr-890/components/truncate.html index b8f6411ad6..e473a81785 100644 --- a/react/pr-890/components/truncate.html +++ b/react/pr-890/components/truncate.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/components/visually-hidden.html b/react/pr-890/components/visually-hidden.html index 205a4b0431..eaef919254 100644 --- a/react/pr-890/components/visually-hidden.html +++ b/react/pr-890/components/visually-hidden.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/contributing.html b/react/pr-890/contributing.html index 373687d05f..0560977676 100644 --- a/react/pr-890/contributing.html +++ b/react/pr-890/contributing.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/contributing/publishing.html b/react/pr-890/contributing/publishing.html index e8cba8a538..4855305c40 100644 --- a/react/pr-890/contributing/publishing.html +++ b/react/pr-890/contributing/publishing.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/contributing/react-components-part-1.html b/react/pr-890/contributing/react-components-part-1.html index 4412d69cc8..98a2844f29 100644 --- a/react/pr-890/contributing/react-components-part-1.html +++ b/react/pr-890/contributing/react-components-part-1.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/contributing/react-components-part-2.html b/react/pr-890/contributing/react-components-part-2.html index 00f4d63827..d945ba3a61 100644 --- a/react/pr-890/contributing/react-components-part-2.html +++ b/react/pr-890/contributing/react-components-part-2.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/contributing/react-documentation-site.html b/react/pr-890/contributing/react-documentation-site.html index 8a10c638f9..3ddbbd019b 100644 --- a/react/pr-890/contributing/react-documentation-site.html +++ b/react/pr-890/contributing/react-documentation-site.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/contributing/react-icons.html b/react/pr-890/contributing/react-icons.html index 9f324f876d..7042fc0b55 100644 --- a/react/pr-890/contributing/react-icons.html +++ b/react/pr-890/contributing/react-icons.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/getting-started.html b/react/pr-890/getting-started.html index b7ed96c4db..a6b734566c 100644 --- a/react/pr-890/getting-started.html +++ b/react/pr-890/getting-started.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/getting-started/color-mode.html b/react/pr-890/getting-started/color-mode.html index 7a366930b7..507eb1380b 100644 --- a/react/pr-890/getting-started/color-mode.html +++ b/react/pr-890/getting-started/color-mode.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/getting-started/color-style.html b/react/pr-890/getting-started/color-style.html index 7d25bd8981..99fb94ecbf 100644 --- a/react/pr-890/getting-started/color-style.html +++ b/react/pr-890/getting-started/color-style.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/getting-started/css-variables.html b/react/pr-890/getting-started/css-variables.html index 7f563915f5..2f938ad505 100644 --- a/react/pr-890/getting-started/css-variables.html +++ b/react/pr-890/getting-started/css-variables.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/getting-started/icons.html b/react/pr-890/getting-started/icons.html index af7f35d391..5191edc30a 100644 --- a/react/pr-890/getting-started/icons.html +++ b/react/pr-890/getting-started/icons.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/getting-started/installation.html b/react/pr-890/getting-started/installation.html index 5eac15f4e8..a6c380d6d4 100644 --- a/react/pr-890/getting-started/installation.html +++ b/react/pr-890/getting-started/installation.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/getting-started/security.html b/react/pr-890/getting-started/security.html index 33d1809339..a45c8716c6 100644 --- a/react/pr-890/getting-started/security.html +++ b/react/pr-890/getting-started/security.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/getting-started/the-sx-prop.html b/react/pr-890/getting-started/the-sx-prop.html index 504d1addc3..fd181b574d 100644 --- a/react/pr-890/getting-started/the-sx-prop.html +++ b/react/pr-890/getting-started/the-sx-prop.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/getting-started/usage.html b/react/pr-890/getting-started/usage.html index d10a680cc3..aeb8408e05 100644 --- a/react/pr-890/getting-started/usage.html +++ b/react/pr-890/getting-started/usage.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/getting-started/versions.html b/react/pr-890/getting-started/versions.html index 7abdd45d5c..65353e38e2 100644 --- a/react/pr-890/getting-started/versions.html +++ b/react/pr-890/getting-started/versions.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks.html b/react/pr-890/hooks.html index 23229b54f4..2bcf152dda 100644 --- a/react/pr-890/hooks.html +++ b/react/pr-890/hooks.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useConst.html b/react/pr-890/hooks/useConst.html index 6994b492c0..ae7f3e6946 100644 --- a/react/pr-890/hooks/useConst.html +++ b/react/pr-890/hooks/useConst.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useCopyToClipboard.html b/react/pr-890/hooks/useCopyToClipboard.html index 5da9a95f47..12339fa69a 100644 --- a/react/pr-890/hooks/useCopyToClipboard.html +++ b/react/pr-890/hooks/useCopyToClipboard.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useEffectOnce.html b/react/pr-890/hooks/useEffectOnce.html index 6444c6b975..b021c0dd35 100644 --- a/react/pr-890/hooks/useEffectOnce.html +++ b/react/pr-890/hooks/useEffectOnce.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useEffectOnceWhen.html b/react/pr-890/hooks/useEffectOnceWhen.html index 136091b289..4309684036 100644 --- a/react/pr-890/hooks/useEffectOnceWhen.html +++ b/react/pr-890/hooks/useEffectOnceWhen.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useEventCallback.html b/react/pr-890/hooks/useEventCallback.html index f5987791eb..e72b31b8df 100644 --- a/react/pr-890/hooks/useEventCallback.html +++ b/react/pr-890/hooks/useEventCallback.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useEventListener.html b/react/pr-890/hooks/useEventListener.html index e32e9ccdc6..7b2f8799b8 100644 --- a/react/pr-890/hooks/useEventListener.html +++ b/react/pr-890/hooks/useEventListener.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useHydrated.html b/react/pr-890/hooks/useHydrated.html index 5c1d237c19..09a3e9ca6e 100644 --- a/react/pr-890/hooks/useHydrated.html +++ b/react/pr-890/hooks/useHydrated.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useIsomorphicEffect.html b/react/pr-890/hooks/useIsomorphicEffect.html index d1e13817b6..5fb43887e1 100644 --- a/react/pr-890/hooks/useIsomorphicEffect.html +++ b/react/pr-890/hooks/useIsomorphicEffect.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useLatestRef.html b/react/pr-890/hooks/useLatestRef.html index 3c053bbfe0..ef079e883f 100644 --- a/react/pr-890/hooks/useLatestRef.html +++ b/react/pr-890/hooks/useLatestRef.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useMediaQuery.html b/react/pr-890/hooks/useMediaQuery.html index 0d47b849e4..8389f5ca29 100644 --- a/react/pr-890/hooks/useMediaQuery.html +++ b/react/pr-890/hooks/useMediaQuery.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useMergeRefs.html b/react/pr-890/hooks/useMergeRefs.html index 43676c69f4..2fab1e51a0 100644 --- a/react/pr-890/hooks/useMergeRefs.html +++ b/react/pr-890/hooks/useMergeRefs.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useOnce.html b/react/pr-890/hooks/useOnce.html index fd3a2a32ed..f8633cd5f6 100644 --- a/react/pr-890/hooks/useOnce.html +++ b/react/pr-890/hooks/useOnce.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useOnceWhen.html b/react/pr-890/hooks/useOnceWhen.html index e271d161ae..79c9616ca1 100644 --- a/react/pr-890/hooks/useOnceWhen.html +++ b/react/pr-890/hooks/useOnceWhen.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useOutsideClick.html b/react/pr-890/hooks/useOutsideClick.html index 46e3408fcf..035c623f98 100644 --- a/react/pr-890/hooks/useOutsideClick.html +++ b/react/pr-890/hooks/useOutsideClick.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/usePrevious.html b/react/pr-890/hooks/usePrevious.html index 368787b755..2c6e2cf0cd 100644 --- a/react/pr-890/hooks/usePrevious.html +++ b/react/pr-890/hooks/usePrevious.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/hooks/useToggle.html b/react/pr-890/hooks/useToggle.html index 662b29fdc6..a34b6f7d5c 100644 --- a/react/pr-890/hooks/useToggle.html +++ b/react/pr-890/hooks/useToggle.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/icons.html b/react/pr-890/icons.html index 5aa06e9793..febfec3b65 100644 --- a/react/pr-890/icons.html +++ b/react/pr-890/icons.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/icons/svg-icon.html b/react/pr-890/icons/svg-icon.html index a2c81a2e66..3baf7b0fce 100644 --- a/react/pr-890/icons/svg-icon.html +++ b/react/pr-890/icons/svg-icon.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/index.html b/react/pr-890/index.html index 566383a3e4..81ac885389 100644 --- a/react/pr-890/index.html +++ b/react/pr-890/index.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/migrations.html b/react/pr-890/migrations.html index d7b06f7d78..74c8a5bad3 100644 --- a/react/pr-890/migrations.html +++ b/react/pr-890/migrations.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/migrations/migrating-from-v0-to-v1.html b/react/pr-890/migrations/migrating-from-v0-to-v1.html index b9cf8b77a6..683887fac9 100644 --- a/react/pr-890/migrations/migrating-from-v0-to-v1.html +++ b/react/pr-890/migrations/migrating-from-v0-to-v1.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/migrations/migrating-from-v1-to-v2.html b/react/pr-890/migrations/migrating-from-v1-to-v2.html index 5463fff165..232797cb58 100644 --- a/react/pr-890/migrations/migrating-from-v1-to-v2.html +++ b/react/pr-890/migrations/migrating-from-v1-to-v2.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/patterns.html b/react/pr-890/patterns.html index c54b4d86cf..e12895205a 100644 --- a/react/pr-890/patterns.html +++ b/react/pr-890/patterns.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/patterns/notification.html b/react/pr-890/patterns/notification.html index 659c483ff4..8c3478c51b 100644 --- a/react/pr-890/patterns/notification.html +++ b/react/pr-890/patterns/notification.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/patterns/table-display.html b/react/pr-890/patterns/table-display.html index 6c574b7a39..f64ace6b4d 100644 --- a/react/pr-890/patterns/table-display.html +++ b/react/pr-890/patterns/table-display.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/playground.html b/react/pr-890/playground.html index 9c7c3a3200..439f337c9a 100644 --- a/react/pr-890/playground.html +++ b/react/pr-890/playground.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/playground/othello.html b/react/pr-890/playground/othello.html index d24d206d8d..629b1ed7e1 100644 --- a/react/pr-890/playground/othello.html +++ b/react/pr-890/playground/othello.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/styled-system.html b/react/pr-890/styled-system.html index 5cc5aea683..ed907f1830 100644 --- a/react/pr-890/styled-system.html +++ b/react/pr-890/styled-system.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/styled-system/pseudo-style-props.html b/react/pr-890/styled-system/pseudo-style-props.html index 6022a05810..52bbf322f6 100644 --- a/react/pr-890/styled-system/pseudo-style-props.html +++ b/react/pr-890/styled-system/pseudo-style-props.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/styled-system/responsive-values.html b/react/pr-890/styled-system/responsive-values.html index 0ebbbb5216..d2b39605eb 100644 --- a/react/pr-890/styled-system/responsive-values.html +++ b/react/pr-890/styled-system/responsive-values.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/styled-system/style-props.html b/react/pr-890/styled-system/style-props.html index 62253a3ab7..f2bc8097c3 100644 --- a/react/pr-890/styled-system/style-props.html +++ b/react/pr-890/styled-system/style-props.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme.html b/react/pr-890/theme.html index dd83181283..f42d32eada 100644 --- a/react/pr-890/theme.html +++ b/react/pr-890/theme.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/borders.html b/react/pr-890/theme/borders.html index ce47f580b5..2db883fdb3 100644 --- a/react/pr-890/theme/borders.html +++ b/react/pr-890/theme/borders.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/breakpoints.html b/react/pr-890/theme/breakpoints.html index 5d421b5fb3..27428aec5f 100644 --- a/react/pr-890/theme/breakpoints.html +++ b/react/pr-890/theme/breakpoints.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/colors.html b/react/pr-890/theme/colors.html index 56409edb85..4157dbabc3 100644 --- a/react/pr-890/theme/colors.html +++ b/react/pr-890/theme/colors.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/font-sizes.html b/react/pr-890/theme/font-sizes.html index a9be9b22fa..f59a175fba 100644 --- a/react/pr-890/theme/font-sizes.html +++ b/react/pr-890/theme/font-sizes.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/font-weights.html b/react/pr-890/theme/font-weights.html index 3ee6c766bd..1402ffae17 100644 --- a/react/pr-890/theme/font-weights.html +++ b/react/pr-890/theme/font-weights.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/fonts.html b/react/pr-890/theme/fonts.html index 5fc5849317..305de79187 100644 --- a/react/pr-890/theme/fonts.html +++ b/react/pr-890/theme/fonts.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/letter-spacings.html b/react/pr-890/theme/letter-spacings.html index 88bc91834e..fd870b1349 100644 --- a/react/pr-890/theme/letter-spacings.html +++ b/react/pr-890/theme/letter-spacings.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/line-heights.html b/react/pr-890/theme/line-heights.html index cec48b2faf..84c3b73f09 100644 --- a/react/pr-890/theme/line-heights.html +++ b/react/pr-890/theme/line-heights.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/outlines.html b/react/pr-890/theme/outlines.html index 9a366ad16a..de8ab633ff 100644 --- a/react/pr-890/theme/outlines.html +++ b/react/pr-890/theme/outlines.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/radii.html b/react/pr-890/theme/radii.html index 3d342f370e..43afe03098 100644 --- a/react/pr-890/theme/radii.html +++ b/react/pr-890/theme/radii.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/shadows.html b/react/pr-890/theme/shadows.html index c4cc5d007a..7138a58bd0 100644 --- a/react/pr-890/theme/shadows.html +++ b/react/pr-890/theme/shadows.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/sizes.html b/react/pr-890/theme/sizes.html index 273812c7ae..17c3b44dc9 100644 --- a/react/pr-890/theme/sizes.html +++ b/react/pr-890/theme/sizes.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/space.html b/react/pr-890/theme/space.html index 92df68a727..b97382c52a 100644 --- a/react/pr-890/theme/space.html +++ b/react/pr-890/theme/space.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file diff --git a/react/pr-890/theme/z-indices.html b/react/pr-890/theme/z-indices.html index f9dfb3ce9d..d347bacc4a 100644 --- a/react/pr-890/theme/z-indices.html +++ b/react/pr-890/theme/z-indices.html @@ -1,10 +1,10 @@ -
\ No newline at end of file +})('system');
\ No newline at end of file