@worldresources/wri-design-systems 2.123.0 → 2.126.0

package/README.md

@@ -23,13 +23,13 @@ npm i @worldresources/wri-design-systems
 ## Other dependecies
 
 ```
-yarn add @chakra-ui/react@^3.14.2 @emotion/react@^^11.14.0
+yarn add @chakra-ui/react@^3.14.2 @emotion/react@^11.14.0
 ```
 
 or
 
 ```
-npm i @chakra-ui/react@^3.14.2 @emotion/react@^^11.14.0
+npm i @chakra-ui/react@^3.14.2 @emotion/react@^11.14.0
 ```
 
 ## Usage
@@ -210,6 +210,7 @@ border: 1px solid ${getThemedColor('neutral', 400)};
 - [Breadcrumb](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/Breadcrumb)
 - [Footer](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/Footer)
 - [Navigation Rail](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/NavigationRail)
+- [Step Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/StepBar)
 - [Tab Bar](https://github.com/wri/wri-design-systems/tree/main/src/components/Navigation/TabBar)
 
 ## Overlays

package/dist/index.cjs.js

@@ -8,6 +8,7 @@
   border-radius: 4px;
   box-shadow: 0px 1px 2px 0px #0000000d;
   cursor: pointer;
+  gap: 0;
 
   &:focus-visible {
     box-shadow:
@@ -2201,9 +2202,39 @@
   overflow-y: auto;
   overflow-x: hidden;
 `,kn=r.css`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+`,Sn=r.css`
+  height: 60px;
+  width: 80px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+`,Ln=e=>r.css`
+  color: ${p("neutral",e?800:600)};
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+`,Mn=r.css`
+  height: 1px;
+  width: 100%;
+  padding: 0 30px;
+  position: absolute;
+  top: 16px;
+  left: 0;
+  z-index: -1;
+`,Vn=r.css`
+  height: 1px;
+  width: 100%;
+  background-color: ${p("neutral",400)};
+`,In=r.css`
   width: 224px;
   border: 1px solid ${p("neutral",600)};
-`,Sn=r.css`
+`,Dn=r.css`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -2253,7 +2284,7 @@
       box-shadow: none;
     }
   }
-`,Ln=r.css`
+`,Rn=r.css`
   display: flex;
   align-items: flex-start;
   gap: 0;
@@ -2309,7 +2340,7 @@
       color: ${p("neutral",600)};
     }
   }
-`,Mn=r.css`
+`,Tn=r.css`
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -2329,16 +2360,16 @@
     font-weight: 400;
     color: ${p("neutral",700)};
   }
-`,Vn=r.css`
+`,Pn=r.css`
   font-size: 14px;
   line-height: 20px;
   font-weight: 700;
   color: ${p("neutral",900)};
-`,In=({item:n})=>{return t.jsx(e.Menu.Item,{css:Ln,value:n.value,disabled:n.disabled,children:n.children?n.children:t.jsxs(t.Fragment,{children:[n.startIcon,t.jsxs("div",{css:(o=!!n.startIcon,a=!!n.endIcon,r.css`
+`,_n=({item:n})=>{return t.jsx(e.Menu.Item,{css:Rn,value:n.value,disabled:n.disabled,children:n.children?n.children:t.jsxs(t.Fragment,{children:[n.startIcon,t.jsxs("div",{css:(o=!!n.startIcon,a=!!n.endIcon,r.css`
   width: 100%;
   margin-left: ${o?"8px":"0"};
   margin-right: ${a?"8px":"0"};
-`),children:[t.jsxs("div",{css:Mn,children:[t.jsx("p",{className:"menu-item-label",children:n.label}),n.command?t.jsx(e.Menu.ItemCommand,{children:n.command}):null]}),n.caption?t.jsx("p",{className:"menu-item-caption",children:n.caption}):null]}),n.endIcon]})});var o,a};function Dn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Rn(e){if(e.__esModule)return e;var t=e.default;if("function"==typeof t){var r=function e(){return this instanceof e?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};r.prototype=t.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(e).forEach((function(t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})})),r}var Tn,Pn={exports:{}},_n={},En={exports:{}},Bn={exports:{}},On={};var zn,Hn,Nn,Fn,An,Zn,Wn,Yn,qn,Gn,Un,Xn,Kn,Jn={};
+`),children:[t.jsxs("div",{css:Tn,children:[t.jsx("p",{className:"menu-item-label",children:n.label}),n.command?t.jsx(e.Menu.ItemCommand,{children:n.command}):null]}),n.caption?t.jsx("p",{className:"menu-item-caption",children:n.caption}):null]}),n.endIcon]})});var o,a};function En(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Bn(e){if(e.__esModule)return e;var t=e.default;if("function"==typeof t){var r=function e(){return this instanceof e?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};r.prototype=t.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(e).forEach((function(t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})})),r}var On,zn={exports:{}},Hn={},Nn={exports:{}},Fn={exports:{}},An={};var Zn,Wn,Yn,qn,Gn,Un,Xn,Kn,Jn,Qn,eo,to,ro,no={};
 /** @license React v16.13.1
  * react-is.development.js
  *
@@ -2346,7 +2377,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */function Qn(){return Hn||(Hn=1,"production"===process.env.NODE_ENV?Bn.exports=function(){if(Tn)return On;Tn=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,i=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,C=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:switch(e=e.type){case s:case c:case n:case a:case o:case p:return e;default:switch(e=e&&e.$$typeof){case i:case d:case h:case x:case l:return e;default:return u}}case r:return u}}}function v(e){return m(e)===c}return On.AsyncMode=s,On.ConcurrentMode=c,On.ContextConsumer=i,On.ContextProvider=l,On.Element=t,On.ForwardRef=d,On.Fragment=n,On.Lazy=h,On.Memo=x,On.Portal=r,On.Profiler=a,On.StrictMode=o,On.Suspense=p,On.isAsyncMode=function(e){return v(e)||m(e)===s},On.isConcurrentMode=v,On.isContextConsumer=function(e){return m(e)===i},On.isContextProvider=function(e){return m(e)===l},On.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},On.isForwardRef=function(e){return m(e)===d},On.isFragment=function(e){return m(e)===n},On.isLazy=function(e){return m(e)===h},On.isMemo=function(e){return m(e)===x},On.isPortal=function(e){return m(e)===r},On.isProfiler=function(e){return m(e)===a},On.isStrictMode=function(e){return m(e)===o},On.isSuspense=function(e){return m(e)===p},On.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===a||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===i||e.$$typeof===d||e.$$typeof===f||e.$$typeof===C||e.$$typeof===b||e.$$typeof===g)},On.typeOf=m,On}():Bn.exports=(zn||(zn=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,i=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,C=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:var g=e.type;switch(g){case s:case c:case n:case a:case o:case p:return g;default:var f=g&&g.$$typeof;switch(f){case i:case d:case h:case x:case l:return f;default:return u}}case r:return u}}}var v=s,j=c,y=i,w=l,$=t,k=d,S=n,L=h,M=x,V=r,I=a,D=o,R=p,T=!1;function P(e){return m(e)===c}Jn.AsyncMode=v,Jn.ConcurrentMode=j,Jn.ContextConsumer=y,Jn.ContextProvider=w,Jn.Element=$,Jn.ForwardRef=k,Jn.Fragment=S,Jn.Lazy=L,Jn.Memo=M,Jn.Portal=V,Jn.Profiler=I,Jn.StrictMode=D,Jn.Suspense=R,Jn.isAsyncMode=function(e){return T||(T=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),P(e)||m(e)===s},Jn.isConcurrentMode=P,Jn.isContextConsumer=function(e){return m(e)===i},Jn.isContextProvider=function(e){return m(e)===l},Jn.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Jn.isForwardRef=function(e){return m(e)===d},Jn.isFragment=function(e){return m(e)===n},Jn.isLazy=function(e){return m(e)===h},Jn.isMemo=function(e){return m(e)===x},Jn.isPortal=function(e){return m(e)===r},Jn.isProfiler=function(e){return m(e)===a},Jn.isStrictMode=function(e){return m(e)===o},Jn.isSuspense=function(e){return m(e)===p},Jn.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===a||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===i||e.$$typeof===d||e.$$typeof===f||e.$$typeof===C||e.$$typeof===b||e.$$typeof===g)},Jn.typeOf=m}()),Jn)),Bn.exports}function eo(){if(Fn)return Nn;Fn=1;return Nn="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function to(){return Zn?An:(Zn=1,An=Function.call.bind(Object.prototype.hasOwnProperty))}function ro(){if(Gn)return qn;Gn=1;var e=Qn(),t=a,r=eo(),n=to(),o=function(){if(Yn)return Wn;Yn=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=eo(),r={},n=to();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function o(o,a,l,i,s){if("production"!==process.env.NODE_ENV)for(var c in o)if(n(o,c)){var d;try{if("function"!=typeof o[c]){var p=Error((i||"React class")+": "+l+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}d=o[c](a,c,i,l,null,t)}catch(e){d=e}if(!d||d instanceof Error||e((i||"React class")+": type specification of "+l+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in r)){r[d.message]=!0;var u=s?s():"";e("Failed "+l+" type: "+d.message+(null!=u?u:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(r={})},Wn=o}(),l=function(){};function i(){return null}return"production"!==process.env.NODE_ENV&&(l=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),qn=function(a,s){var c="function"==typeof Symbol&&Symbol.iterator;var d="<<anonymous>>",p={array:g("array"),bigint:g("bigint"),bool:g("boolean"),func:g("function"),number:g("number"),object:g("object"),string:g("string"),symbol:g("symbol"),any:h(i),arrayOf:function(e){return h((function(t,n,o,a,l){if("function"!=typeof e)return new x("Property `"+l+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var i=t[n];if(!Array.isArray(i))return new x("Invalid "+a+" `"+l+"` of type `"+b(i)+"` supplied to `"+o+"`, expected an array.");for(var s=0;s<i.length;s++){var c=e(i,s,o,a,l+"["+s+"]",r);if(c instanceof Error)return c}return null}))},element:h((function(e,t,r,n,o){var l=e[t];return a(l)?null:new x("Invalid "+n+" `"+o+"` of type `"+b(l)+"` supplied to `"+r+"`, expected a single ReactElement.")})),elementType:h((function(t,r,n,o,a){var l=t[r];return e.isValidElementType(l)?null:new x("Invalid "+o+" `"+a+"` of type `"+b(l)+"` supplied to `"+n+"`, expected a single ReactElement type.")})),instanceOf:function(e){return h((function(t,r,n,o,a){if(!(t[r]instanceof e)){var l=e.name||d;return new x("Invalid "+o+" `"+a+"` of type `"+(((i=t[r]).constructor&&i.constructor.name?i.constructor.name:d)+"` supplied to `")+n+"`, expected instance of `"+l+"`.")}var i;return null}))},node:h((function(e,t,r,n,o){return C(e[t])?null:new x("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return h((function(t,o,a,l,i){if("function"!=typeof e)return new x("Property `"+i+"` of component `"+a+"` has invalid PropType notation inside objectOf.");var s=t[o],c=b(s);if("object"!==c)return new x("Invalid "+l+" `"+i+"` of type `"+c+"` supplied to `"+a+"`, expected an object.");for(var d in s)if(n(s,d)){var p=e(s,d,a,l,i+"."+d,r);if(p instanceof Error)return p}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),i;return h((function(t,r,n,o,a){for(var l=t[r],i=0;i<e.length;i++)if(u(l,e[i]))return null;var s=JSON.stringify(e,(function(e,t){return"symbol"===m(t)?String(t):t}));return new x("Invalid "+o+" `"+a+"` of value `"+String(l)+"` supplied to `"+n+"`, expected one of "+s+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var t=0;t<e.length;t++){var o=e[t];if("function"!=typeof o)return l("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+v(o)+" at index "+t+"."),i}return h((function(t,o,a,l,i){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(t,o,a,l,i,r);if(null==d)return null;d.data&&n(d.data,"expectedType")&&s.push(d.data.expectedType)}return new x("Invalid "+l+" `"+i+"` supplied to `"+a+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")}))},shape:function(e){return h((function(t,n,o,a,l){var i=t[n],s=b(i);if("object"!==s)return new x("Invalid "+a+" `"+l+"` of type `"+s+"` supplied to `"+o+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(o,a,l,c,m(d));var p=d(i,c,o,a,l+"."+c,r);if(p)return p}return null}))},exact:function(e){return h((function(o,a,l,i,s){var c=o[a],d=b(c);if("object"!==d)return new x("Invalid "+i+" `"+s+"` of type `"+d+"` supplied to `"+l+"`, expected `object`.");var p=t({},o[a],e);for(var u in p){var h=e[u];if(n(e,u)&&"function"!=typeof h)return f(l,i,s,u,m(h));if(!h)return new x("Invalid "+i+" `"+s+"` key `"+u+"` supplied to `"+l+"`.\nBad object: "+JSON.stringify(o[a],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var g=h(c,u,l,i,s+"."+u,r);if(g)return g}return null}))}};function u(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function x(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function h(e){if("production"!==process.env.NODE_ENV)var t={},n=0;function o(o,a,i,c,p,u,h){if(c=c||d,u=u||i,h!==r){if(s){var g=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw g.name="Invariant Violation",g}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var f=c+":"+i;!t[f]&&n<3&&(l("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[f]=!0,n++)}}return null==a[i]?o?null===a[i]?new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(a,i,c,p,u)}var a=o.bind(null,!1);return a.isRequired=o.bind(null,!0),a}function g(e){return h((function(t,r,n,o,a,l){var i=t[r];return b(i)!==e?new x("Invalid "+o+" `"+a+"` of type `"+m(i)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function f(e,t,r,n,o){return new x((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function C(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(C);if(null===e||a(e))return!0;var t=function(e){var t=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var r,n=t.call(e);if(t!==e.entries){for(;!(r=n.next()).done;)if(!C(r.value))return!1}else for(;!(r=n.next()).done;){var o=r.value;if(o&&!C(o[1]))return!1}return!0;default:return!1}}function b(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function m(e){if(null==e)return""+e;var t=b(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function v(e){var t=m(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return x.prototype=Error.prototype,p.checkPropTypes=o,p.resetWarningCache=o.resetWarningCache,p.PropTypes=p,p},qn}function no(){if(Kn)return En.exports;if(Kn=1,"production"!==process.env.NODE_ENV){var e=Qn();En.exports=ro()(e.isElement,!0)}else En.exports=function(){if(Xn)return Un;Xn=1;var e=eo();function t(){}function r(){}return r.resetWarningCache=t,Un=function(){function n(t,r,n,o,a,l){if(l!==e){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function o(){return n}n.isRequired=n;var a={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:r,resetWarningCache:t};return a.PropTypes=a,a}}()();return En.exports}function oo(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=oo(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function ao(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=oo(e))&&(n&&(n+=" "),n+=t);return n}var lo,io=Rn(Object.freeze({__proto__:null,clsx:ao,default:ao})),so={},co={};function po(){if(lo)return co;return lo=1,Object.defineProperty(co,"__esModule",{value:!0}),co.dontSetMe=function(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))},co.findInArray=function(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]},co.int=function(e){return parseInt(e,10)},co.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},co.isNum=function(e){return"number"==typeof e&&!isNaN(e)},co}var uo,xo,ho={};function go(){if(xo)return so;xo=1,Object.defineProperty(so,"__esModule",{value:!0}),so.addClassName=l,so.addEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,o):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r},so.addUserSelectStyles=function(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t));e.body&&l(e.body,"react-draggable-transparent-selection")},so.createCSSTransform=function(e,r){const n=a(e,r,"px");return{[(0,t.browserPrefixToKey)("transform",t.default)]:n}},so.createSVGTransform=function(e,t){return a(e,t,"")},so.getTouch=function(t,r){return t.targetTouches&&(0,e.findInArray)(t.targetTouches,(e=>r===e.identifier))||t.changedTouches&&(0,e.findInArray)(t.changedTouches,(e=>r===e.identifier))},so.getTouchIdentifier=function(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier},so.getTranslation=a,so.innerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingTop),r-=(0,e.int)(n.paddingBottom),r},so.innerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingLeft),r-=(0,e.int)(n.paddingRight),r},so.matchesSelector=o,so.matchesSelectorAndParentsTo=function(e,t,r){let n=e;do{if(o(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1},so.offsetXYFromParent=function(e,t,r){const n=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-n.left)/r,a=(e.clientY+t.scrollTop-n.top)/r;return{x:o,y:a}},so.outerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderTopWidth),r+=(0,e.int)(n.borderBottomWidth),r},so.outerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderLeftWidth),r+=(0,e.int)(n.borderRightWidth),r},so.removeClassName=i,so.removeEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,o):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null},so.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&i(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(e){}};var e=po(),t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=r(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=a?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(o,l,i):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(function(){if(uo)return ho;uo=1,Object.defineProperty(ho,"__esModule",{value:!0}),ho.browserPrefixToKey=r,ho.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},ho.default=void 0,ho.getPrefix=t;const e=["Moz","Webkit","O","ms"];function t(){var t;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";const o=null===(t=window.document)||void 0===t||null===(t=t.documentElement)||void 0===t?void 0:t.style;if(!o)return"";if(n in o)return"";for(let t=0;t<e.length;t++)if(r(n,e[t])in o)return e[t];return""}function r(e,t){return t?"".concat(t).concat(function(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):"-"===e[n]?r=!0:t+=e[n];return t}(e)):e}return ho.default=t(),ho}());function r(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(r=function(e){return e?n:t})(e)}let n="";function o(t,r){return n||(n=(0,e.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(r){return(0,e.isFunction)(t[r])}))),!!(0,e.isFunction)(t[n])&&t[n](r)}function a(e,t,r){let{x:n,y:o}=e,a="translate(".concat(n).concat(r,",").concat(o).concat(r,")");if(t){const e="".concat("string"==typeof t.x?t.x:t.x+r),n="".concat("string"==typeof t.y?t.y:t.y+r);a="translate(".concat(e,", ").concat(n,")")+a}return a}function l(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function i(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}return so}var fo,Co={};function bo(){if(fo)return Co;fo=1,Object.defineProperty(Co,"__esModule",{value:!0}),Co.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},Co.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},Co.createCoreData=function(t,n,o){const a=!(0,e.isNum)(t.lastX),l=r(t);return a?{node:l,deltaX:0,deltaY:0,lastX:n,lastY:o,x:n,y:o}:{node:l,deltaX:n-t.lastX,deltaY:o-t.lastY,lastX:t.lastX,lastY:t.lastY,x:n,y:o}},Co.createDraggableData=function(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}},Co.getBoundPosition=function(n,o,a){if(!n.props.bounds)return[o,a];let{bounds:l}=n.props;l="string"==typeof l?l:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(l);const i=r(n);if("string"==typeof l){const{ownerDocument:r}=i,n=r.defaultView;let o;if(o="parent"===l?i.parentNode:r.querySelector(l),!(o instanceof n.HTMLElement))throw new Error('Bounds selector "'+l+'" could not find an element.');const a=o,s=n.getComputedStyle(i),c=n.getComputedStyle(a);l={left:-i.offsetLeft+(0,e.int)(c.paddingLeft)+(0,e.int)(s.marginLeft),top:-i.offsetTop+(0,e.int)(c.paddingTop)+(0,e.int)(s.marginTop),right:(0,t.innerWidth)(a)-(0,t.outerWidth)(i)-i.offsetLeft+(0,e.int)(c.paddingRight)-(0,e.int)(s.marginRight),bottom:(0,t.innerHeight)(a)-(0,t.outerHeight)(i)-i.offsetTop+(0,e.int)(c.paddingBottom)-(0,e.int)(s.marginBottom)}}(0,e.isNum)(l.right)&&(o=Math.min(o,l.right));(0,e.isNum)(l.bottom)&&(a=Math.min(a,l.bottom));(0,e.isNum)(l.left)&&(o=Math.max(o,l.left));(0,e.isNum)(l.top)&&(a=Math.max(a,l.top));return[o,a]},Co.getControlPosition=function(e,n,o){const a="number"==typeof n?(0,t.getTouch)(e,n):null;if("number"==typeof n&&!a)return null;const l=r(o),i=o.props.offsetParent||l.offsetParent||l.ownerDocument.body;return(0,t.offsetXYFromParent)(a||e,i,o.props.scale)},Co.snapToGrid=function(e,t,r){const n=Math.round(t/e[0])*e[0],o=Math.round(r/e[1])*e[1];return[n,o]};var e=po(),t=go();function r(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}return Co}var mo,vo,jo,yo,wo={},$o={};function ko(){if(mo)return $o;return mo=1,Object.defineProperty($o,"__esModule",{value:!0}),$o.default=function(){},$o}function So(){if(vo)return wo;vo=1,Object.defineProperty(wo,"__esModule",{value:!0}),wo.default=void 0;var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=o?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(o),t=c(no()),r=c(l),n=go(),a=bo(),i=po(),s=c(ko());function c(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function p(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u={start:"touchstart",move:"touchmove",stop:"touchend"},x={start:"mousedown",move:"mousemove",stop:"mouseup"};let h=x,g=class extends e.Component{constructor(){super(...arguments),p(this,"dragging",!1),p(this,"lastX",NaN),p(this,"lastY",NaN),p(this,"touchIdentifier",null),p(this,"mounted",!1),p(this,"handleDragStart",(e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;const t=this.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=t;if(this.props.disabled||!(e.target instanceof r.defaultView.Node)||this.props.handle&&!(0,n.matchesSelectorAndParentsTo)(e.target,this.props.handle,t)||this.props.cancel&&(0,n.matchesSelectorAndParentsTo)(e.target,this.props.cancel,t))return;"touchstart"===e.type&&e.preventDefault();const o=(0,n.getTouchIdentifier)(e);this.touchIdentifier=o;const l=(0,a.getControlPosition)(e,o,this);if(null==l)return;const{x:i,y:c}=l,d=(0,a.createCoreData)(this,i,c);(0,s.default)("DraggableCore: handleDragStart: %j",d),(0,s.default)("calling",this.props.onStart);!1!==this.props.onStart(e,d)&&!1!==this.mounted&&(this.props.enableUserSelectHack&&(0,n.addUserSelectStyles)(r),this.dragging=!0,this.lastX=i,this.lastY=c,(0,n.addEvent)(r,h.move,this.handleDrag),(0,n.addEvent)(r,h.stop,this.handleDragStop))})),p(this,"handleDrag",(e=>{const t=(0,a.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:n}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX,t=n-this.lastY;if([e,t]=(0,a.snapToGrid)(this.props.grid,e,t),!e&&!t)return;r=this.lastX+e,n=this.lastY+t}const o=(0,a.createCoreData)(this,r,n);(0,s.default)("DraggableCore: handleDrag: %j",o);if(!1!==this.props.onDrag(e,o)&&!1!==this.mounted)this.lastX=r,this.lastY=n;else try{this.handleDragStop(new MouseEvent("mouseup"))}catch(e){const t=document.createEvent("MouseEvents");t.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(t)}})),p(this,"handleDragStop",(e=>{if(!this.dragging)return;const t=(0,a.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:o}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX||0,t=o-this.lastY||0;[e,t]=(0,a.snapToGrid)(this.props.grid,e,t),r=this.lastX+e,o=this.lastY+t}const l=(0,a.createCoreData)(this,r,o);if(!1===this.props.onStop(e,l)||!1===this.mounted)return!1;const i=this.findDOMNode();i&&this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(i.ownerDocument),(0,s.default)("DraggableCore: handleDragStop: %j",l),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,i&&((0,s.default)("DraggableCore: Removing handlers"),(0,n.removeEvent)(i.ownerDocument,h.move,this.handleDrag),(0,n.removeEvent)(i.ownerDocument,h.stop,this.handleDragStop))})),p(this,"onMouseDown",(e=>(h=x,this.handleDragStart(e)))),p(this,"onMouseUp",(e=>(h=x,this.handleDragStop(e)))),p(this,"onTouchStart",(e=>(h=u,this.handleDragStart(e)))),p(this,"onTouchEnd",(e=>(h=u,this.handleDragStop(e))))}componentDidMount(){this.mounted=!0;const e=this.findDOMNode();e&&(0,n.addEvent)(e,u.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const e=this.findDOMNode();if(e){const{ownerDocument:t}=e;(0,n.removeEvent)(t,x.move,this.handleDrag),(0,n.removeEvent)(t,u.move,this.handleDrag),(0,n.removeEvent)(t,x.stop,this.handleDragStop),(0,n.removeEvent)(t,u.stop,this.handleDragStop),(0,n.removeEvent)(e,u.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(t)}}findDOMNode(){var e,t;return null!==(e=this.props)&&void 0!==e&&e.nodeRef?null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current:r.default.findDOMNode(this)}render(){return e.cloneElement(e.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return wo.default=g,p(g,"displayName","DraggableCore"),p(g,"propTypes",{allowAnyClick:t.default.bool,children:t.default.node.isRequired,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:t.default.arrayOf(t.default.number),handle:t.default.string,cancel:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number,className:i.dontSetMe,style:i.dontSetMe,transform:i.dontSetMe}),p(g,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),wo}function Lo(){return jo||(jo=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return d.default}}),e.default=void 0;var t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=x(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=o?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(o),r=u(no()),n=u(l),a=u(io),i=go(),s=bo(),c=po(),d=u(So()),p=u(ko());function u(e){return e&&e.__esModule?e:{default:e}}function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(x=function(e){return e?r:t})(e)}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function g(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class f extends t.Component{static getDerivedStateFromProps(e,t){let{position:r}=e,{prevPropsPosition:n}=t;return!r||n&&r.x===n.x&&r.y===n.y?null:((0,p.default)("Draggable: getDerivedStateFromProps %j",{position:r,prevPropsPosition:n}),{x:r.x,y:r.y,prevPropsPosition:{...r}})}constructor(e){super(e),g(this,"onDragStart",((e,t)=>{(0,p.default)("Draggable: onDragStart: %j",t);if(!1===this.props.onStart(e,(0,s.createDraggableData)(this,t)))return!1;this.setState({dragging:!0,dragged:!0})})),g(this,"onDrag",((e,t)=>{if(!this.state.dragging)return!1;(0,p.default)("Draggable: onDrag: %j",t);const r=(0,s.createDraggableData)(this,t),n={x:r.x,y:r.y,slackX:0,slackY:0};if(this.props.bounds){const{x:e,y:t}=n;n.x+=this.state.slackX,n.y+=this.state.slackY;const[o,a]=(0,s.getBoundPosition)(this,n.x,n.y);n.x=o,n.y=a,n.slackX=this.state.slackX+(e-n.x),n.slackY=this.state.slackY+(t-n.y),r.x=n.x,r.y=n.y,r.deltaX=n.x-this.state.x,r.deltaY=n.y-this.state.y}if(!1===this.props.onDrag(e,r))return!1;this.setState(n)})),g(this,"onDragStop",((e,t)=>{if(!this.state.dragging)return!1;if(!1===this.props.onStop(e,(0,s.createDraggableData)(this,t)))return!1;(0,p.default)("Draggable: onDragStop: %j",t);const r={dragging:!1,slackX:0,slackY:0};if(Boolean(this.props.position)){const{x:e,y:t}=this.props.position;r.x=e,r.y=t}this.setState(r)})),this.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:{...e.position},slackX:0,slackY:0,isElementSVG:!1},!e.position||e.onDrag||e.onStop||console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var e,t;return null!==(e=null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current)&&void 0!==e?e:n.default.findDOMNode(this)}render(){const{axis:e,bounds:r,children:n,defaultPosition:o,defaultClassName:l,defaultClassNameDragging:c,defaultClassNameDragged:p,position:u,positionOffset:x,scale:g,...f}=this.props;let C={},b=null;const m=!Boolean(u)||this.state.dragging,v=u||o,j={x:(0,s.canDragX)(this)&&m?this.state.x:v.x,y:(0,s.canDragY)(this)&&m?this.state.y:v.y};this.state.isElementSVG?b=(0,i.createSVGTransform)(j,x):C=(0,i.createCSSTransform)(j,x);const y=(0,a.default)(n.props.className||"",l,{[c]:this.state.dragging,[p]:this.state.dragged});return t.createElement(d.default,h({},f,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(n),{className:y,style:{...n.props.style,...C},transform:b}))}}e.default=f,g(f,"displayName","Draggable"),g(f,"propTypes",{...d.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe}),g(f,"defaultProps",{...d.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(_n)),_n}var Mo=function(){if(yo)return Pn.exports;yo=1;const{default:e,DraggableCore:t}=Lo();return Pn.exports=e,Pn.exports.default=e,Pn.exports.DraggableCore=t,Pn.exports}(),Vo=Dn(Mo);const Io=e=>r.css`
+ */function oo(){return Wn||(Wn=1,"production"===process.env.NODE_ENV?Fn.exports=function(){if(On)return An;On=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,i=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,C=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:switch(e=e.type){case s:case c:case n:case a:case o:case p:return e;default:switch(e=e&&e.$$typeof){case i:case d:case h:case x:case l:return e;default:return u}}case r:return u}}}function v(e){return m(e)===c}return An.AsyncMode=s,An.ConcurrentMode=c,An.ContextConsumer=i,An.ContextProvider=l,An.Element=t,An.ForwardRef=d,An.Fragment=n,An.Lazy=h,An.Memo=x,An.Portal=r,An.Profiler=a,An.StrictMode=o,An.Suspense=p,An.isAsyncMode=function(e){return v(e)||m(e)===s},An.isConcurrentMode=v,An.isContextConsumer=function(e){return m(e)===i},An.isContextProvider=function(e){return m(e)===l},An.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},An.isForwardRef=function(e){return m(e)===d},An.isFragment=function(e){return m(e)===n},An.isLazy=function(e){return m(e)===h},An.isMemo=function(e){return m(e)===x},An.isPortal=function(e){return m(e)===r},An.isProfiler=function(e){return m(e)===a},An.isStrictMode=function(e){return m(e)===o},An.isSuspense=function(e){return m(e)===p},An.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===a||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===i||e.$$typeof===d||e.$$typeof===f||e.$$typeof===C||e.$$typeof===b||e.$$typeof===g)},An.typeOf=m,An}():Fn.exports=(Zn||(Zn=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,a=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,i=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,C=e?Symbol.for("react.responder"):60118,b=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:var g=e.type;switch(g){case s:case c:case n:case a:case o:case p:return g;default:var f=g&&g.$$typeof;switch(f){case i:case d:case h:case x:case l:return f;default:return u}}case r:return u}}}var v=s,j=c,y=i,w=l,$=t,k=d,S=n,L=h,M=x,V=r,I=a,D=o,R=p,T=!1;function P(e){return m(e)===c}no.AsyncMode=v,no.ConcurrentMode=j,no.ContextConsumer=y,no.ContextProvider=w,no.Element=$,no.ForwardRef=k,no.Fragment=S,no.Lazy=L,no.Memo=M,no.Portal=V,no.Profiler=I,no.StrictMode=D,no.Suspense=R,no.isAsyncMode=function(e){return T||(T=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),P(e)||m(e)===s},no.isConcurrentMode=P,no.isContextConsumer=function(e){return m(e)===i},no.isContextProvider=function(e){return m(e)===l},no.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},no.isForwardRef=function(e){return m(e)===d},no.isFragment=function(e){return m(e)===n},no.isLazy=function(e){return m(e)===h},no.isMemo=function(e){return m(e)===x},no.isPortal=function(e){return m(e)===r},no.isProfiler=function(e){return m(e)===a},no.isStrictMode=function(e){return m(e)===o},no.isSuspense=function(e){return m(e)===p},no.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===a||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===i||e.$$typeof===d||e.$$typeof===f||e.$$typeof===C||e.$$typeof===b||e.$$typeof===g)},no.typeOf=m}()),no)),Fn.exports}function ao(){if(qn)return Yn;qn=1;return Yn="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function lo(){return Un?Gn:(Un=1,Gn=Function.call.bind(Object.prototype.hasOwnProperty))}function io(){if(Qn)return Jn;Qn=1;var e=oo(),t=a,r=ao(),n=lo(),o=function(){if(Kn)return Xn;Kn=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=ao(),r={},n=lo();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function o(o,a,l,i,s){if("production"!==process.env.NODE_ENV)for(var c in o)if(n(o,c)){var d;try{if("function"!=typeof o[c]){var p=Error((i||"React class")+": "+l+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}d=o[c](a,c,i,l,null,t)}catch(e){d=e}if(!d||d instanceof Error||e((i||"React class")+": type specification of "+l+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in r)){r[d.message]=!0;var u=s?s():"";e("Failed "+l+" type: "+d.message+(null!=u?u:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(r={})},Xn=o}(),l=function(){};function i(){return null}return"production"!==process.env.NODE_ENV&&(l=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),Jn=function(a,s){var c="function"==typeof Symbol&&Symbol.iterator;var d="<<anonymous>>",p={array:g("array"),bigint:g("bigint"),bool:g("boolean"),func:g("function"),number:g("number"),object:g("object"),string:g("string"),symbol:g("symbol"),any:h(i),arrayOf:function(e){return h((function(t,n,o,a,l){if("function"!=typeof e)return new x("Property `"+l+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var i=t[n];if(!Array.isArray(i))return new x("Invalid "+a+" `"+l+"` of type `"+b(i)+"` supplied to `"+o+"`, expected an array.");for(var s=0;s<i.length;s++){var c=e(i,s,o,a,l+"["+s+"]",r);if(c instanceof Error)return c}return null}))},element:h((function(e,t,r,n,o){var l=e[t];return a(l)?null:new x("Invalid "+n+" `"+o+"` of type `"+b(l)+"` supplied to `"+r+"`, expected a single ReactElement.")})),elementType:h((function(t,r,n,o,a){var l=t[r];return e.isValidElementType(l)?null:new x("Invalid "+o+" `"+a+"` of type `"+b(l)+"` supplied to `"+n+"`, expected a single ReactElement type.")})),instanceOf:function(e){return h((function(t,r,n,o,a){if(!(t[r]instanceof e)){var l=e.name||d;return new x("Invalid "+o+" `"+a+"` of type `"+(((i=t[r]).constructor&&i.constructor.name?i.constructor.name:d)+"` supplied to `")+n+"`, expected instance of `"+l+"`.")}var i;return null}))},node:h((function(e,t,r,n,o){return C(e[t])?null:new x("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return h((function(t,o,a,l,i){if("function"!=typeof e)return new x("Property `"+i+"` of component `"+a+"` has invalid PropType notation inside objectOf.");var s=t[o],c=b(s);if("object"!==c)return new x("Invalid "+l+" `"+i+"` of type `"+c+"` supplied to `"+a+"`, expected an object.");for(var d in s)if(n(s,d)){var p=e(s,d,a,l,i+"."+d,r);if(p instanceof Error)return p}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),i;return h((function(t,r,n,o,a){for(var l=t[r],i=0;i<e.length;i++)if(u(l,e[i]))return null;var s=JSON.stringify(e,(function(e,t){return"symbol"===m(t)?String(t):t}));return new x("Invalid "+o+" `"+a+"` of value `"+String(l)+"` supplied to `"+n+"`, expected one of "+s+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l("Invalid argument supplied to oneOfType, expected an instance of array."),i;for(var t=0;t<e.length;t++){var o=e[t];if("function"!=typeof o)return l("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+v(o)+" at index "+t+"."),i}return h((function(t,o,a,l,i){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(t,o,a,l,i,r);if(null==d)return null;d.data&&n(d.data,"expectedType")&&s.push(d.data.expectedType)}return new x("Invalid "+l+" `"+i+"` supplied to `"+a+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")}))},shape:function(e){return h((function(t,n,o,a,l){var i=t[n],s=b(i);if("object"!==s)return new x("Invalid "+a+" `"+l+"` of type `"+s+"` supplied to `"+o+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(o,a,l,c,m(d));var p=d(i,c,o,a,l+"."+c,r);if(p)return p}return null}))},exact:function(e){return h((function(o,a,l,i,s){var c=o[a],d=b(c);if("object"!==d)return new x("Invalid "+i+" `"+s+"` of type `"+d+"` supplied to `"+l+"`, expected `object`.");var p=t({},o[a],e);for(var u in p){var h=e[u];if(n(e,u)&&"function"!=typeof h)return f(l,i,s,u,m(h));if(!h)return new x("Invalid "+i+" `"+s+"` key `"+u+"` supplied to `"+l+"`.\nBad object: "+JSON.stringify(o[a],null,"  ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null,"  "));var g=h(c,u,l,i,s+"."+u,r);if(g)return g}return null}))}};function u(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function x(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function h(e){if("production"!==process.env.NODE_ENV)var t={},n=0;function o(o,a,i,c,p,u,h){if(c=c||d,u=u||i,h!==r){if(s){var g=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw g.name="Invariant Violation",g}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var f=c+":"+i;!t[f]&&n<3&&(l("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[f]=!0,n++)}}return null==a[i]?o?null===a[i]?new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(a,i,c,p,u)}var a=o.bind(null,!1);return a.isRequired=o.bind(null,!0),a}function g(e){return h((function(t,r,n,o,a,l){var i=t[r];return b(i)!==e?new x("Invalid "+o+" `"+a+"` of type `"+m(i)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function f(e,t,r,n,o){return new x((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function C(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(C);if(null===e||a(e))return!0;var t=function(e){var t=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var r,n=t.call(e);if(t!==e.entries){for(;!(r=n.next()).done;)if(!C(r.value))return!1}else for(;!(r=n.next()).done;){var o=r.value;if(o&&!C(o[1]))return!1}return!0;default:return!1}}function b(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function m(e){if(null==e)return""+e;var t=b(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function v(e){var t=m(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return x.prototype=Error.prototype,p.checkPropTypes=o,p.resetWarningCache=o.resetWarningCache,p.PropTypes=p,p},Jn}function so(){if(ro)return Nn.exports;if(ro=1,"production"!==process.env.NODE_ENV){var e=oo();Nn.exports=io()(e.isElement,!0)}else Nn.exports=function(){if(to)return eo;to=1;var e=ao();function t(){}function r(){}return r.resetWarningCache=t,eo=function(){function n(t,r,n,o,a,l){if(l!==e){var i=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw i.name="Invariant Violation",i}}function o(){return n}n.isRequired=n;var a={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:r,resetWarningCache:t};return a.PropTypes=a,a}}()();return Nn.exports}function co(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=co(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function po(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=co(e))&&(n&&(n+=" "),n+=t);return n}var uo,xo=Bn(Object.freeze({__proto__:null,clsx:po,default:po})),ho={},go={};function fo(){if(uo)return go;return uo=1,Object.defineProperty(go,"__esModule",{value:!0}),go.dontSetMe=function(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))},go.findInArray=function(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]},go.int=function(e){return parseInt(e,10)},go.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},go.isNum=function(e){return"number"==typeof e&&!isNaN(e)},go}var Co,bo,mo={};function vo(){if(bo)return ho;bo=1,Object.defineProperty(ho,"__esModule",{value:!0}),ho.addClassName=l,ho.addEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,o):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r},ho.addUserSelectStyles=function(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t));e.body&&l(e.body,"react-draggable-transparent-selection")},ho.createCSSTransform=function(e,r){const n=a(e,r,"px");return{[(0,t.browserPrefixToKey)("transform",t.default)]:n}},ho.createSVGTransform=function(e,t){return a(e,t,"")},ho.getTouch=function(t,r){return t.targetTouches&&(0,e.findInArray)(t.targetTouches,(e=>r===e.identifier))||t.changedTouches&&(0,e.findInArray)(t.changedTouches,(e=>r===e.identifier))},ho.getTouchIdentifier=function(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier},ho.getTranslation=a,ho.innerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingTop),r-=(0,e.int)(n.paddingBottom),r},ho.innerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingLeft),r-=(0,e.int)(n.paddingRight),r},ho.matchesSelector=o,ho.matchesSelectorAndParentsTo=function(e,t,r){let n=e;do{if(o(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1},ho.offsetXYFromParent=function(e,t,r){const n=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-n.left)/r,a=(e.clientY+t.scrollTop-n.top)/r;return{x:o,y:a}},ho.outerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderTopWidth),r+=(0,e.int)(n.borderBottomWidth),r},ho.outerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderLeftWidth),r+=(0,e.int)(n.borderRightWidth),r},ho.removeClassName=i,ho.removeEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,o):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null},ho.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&i(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(e){}};var e=fo(),t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=r(t);if(n&&n.has(e))return n.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var i=a?Object.getOwnPropertyDescriptor(e,l):null;i&&(i.get||i.set)?Object.defineProperty(o,l,i):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(function(){if(Co)return mo;Co=1,Object.defineProperty(mo,"__esModule",{value:!0}),mo.browserPrefixToKey=r,mo.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},mo.default=void 0,mo.getPrefix=t;const e=["Moz","Webkit","O","ms"];function t(){var t;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";const o=null===(t=window.document)||void 0===t||null===(t=t.documentElement)||void 0===t?void 0:t.style;if(!o)return"";if(n in o)return"";for(let t=0;t<e.length;t++)if(r(n,e[t])in o)return e[t];return""}function r(e,t){return t?"".concat(t).concat(function(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):"-"===e[n]?r=!0:t+=e[n];return t}(e)):e}return mo.default=t(),mo}());function r(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(r=function(e){return e?n:t})(e)}let n="";function o(t,r){return n||(n=(0,e.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(r){return(0,e.isFunction)(t[r])}))),!!(0,e.isFunction)(t[n])&&t[n](r)}function a(e,t,r){let{x:n,y:o}=e,a="translate(".concat(n).concat(r,",").concat(o).concat(r,")");if(t){const e="".concat("string"==typeof t.x?t.x:t.x+r),n="".concat("string"==typeof t.y?t.y:t.y+r);a="translate(".concat(e,", ").concat(n,")")+a}return a}function l(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function i(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}return ho}var jo,yo={};function wo(){if(jo)return yo;jo=1,Object.defineProperty(yo,"__esModule",{value:!0}),yo.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},yo.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},yo.createCoreData=function(t,n,o){const a=!(0,e.isNum)(t.lastX),l=r(t);return a?{node:l,deltaX:0,deltaY:0,lastX:n,lastY:o,x:n,y:o}:{node:l,deltaX:n-t.lastX,deltaY:o-t.lastY,lastX:t.lastX,lastY:t.lastY,x:n,y:o}},yo.createDraggableData=function(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}},yo.getBoundPosition=function(n,o,a){if(!n.props.bounds)return[o,a];let{bounds:l}=n.props;l="string"==typeof l?l:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(l);const i=r(n);if("string"==typeof l){const{ownerDocument:r}=i,n=r.defaultView;let o;if(o="parent"===l?i.parentNode:r.querySelector(l),!(o instanceof n.HTMLElement))throw new Error('Bounds selector "'+l+'" could not find an element.');const a=o,s=n.getComputedStyle(i),c=n.getComputedStyle(a);l={left:-i.offsetLeft+(0,e.int)(c.paddingLeft)+(0,e.int)(s.marginLeft),top:-i.offsetTop+(0,e.int)(c.paddingTop)+(0,e.int)(s.marginTop),right:(0,t.innerWidth)(a)-(0,t.outerWidth)(i)-i.offsetLeft+(0,e.int)(c.paddingRight)-(0,e.int)(s.marginRight),bottom:(0,t.innerHeight)(a)-(0,t.outerHeight)(i)-i.offsetTop+(0,e.int)(c.paddingBottom)-(0,e.int)(s.marginBottom)}}(0,e.isNum)(l.right)&&(o=Math.min(o,l.right));(0,e.isNum)(l.bottom)&&(a=Math.min(a,l.bottom));(0,e.isNum)(l.left)&&(o=Math.max(o,l.left));(0,e.isNum)(l.top)&&(a=Math.max(a,l.top));return[o,a]},yo.getControlPosition=function(e,n,o){const a="number"==typeof n?(0,t.getTouch)(e,n):null;if("number"==typeof n&&!a)return null;const l=r(o),i=o.props.offsetParent||l.offsetParent||l.ownerDocument.body;return(0,t.offsetXYFromParent)(a||e,i,o.props.scale)},yo.snapToGrid=function(e,t,r){const n=Math.round(t/e[0])*e[0],o=Math.round(r/e[1])*e[1];return[n,o]};var e=fo(),t=vo();function r(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}return yo}var $o,ko,So,Lo,Mo={},Vo={};function Io(){if($o)return Vo;return $o=1,Object.defineProperty(Vo,"__esModule",{value:!0}),Vo.default=function(){},Vo}function Do(){if(ko)return Mo;ko=1,Object.defineProperty(Mo,"__esModule",{value:!0}),Mo.default=void 0;var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=o?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(o),t=c(so()),r=c(l),n=vo(),a=wo(),i=fo(),s=c(Io());function c(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function p(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u={start:"touchstart",move:"touchmove",stop:"touchend"},x={start:"mousedown",move:"mousemove",stop:"mouseup"};let h=x,g=class extends e.Component{constructor(){super(...arguments),p(this,"dragging",!1),p(this,"lastX",NaN),p(this,"lastY",NaN),p(this,"touchIdentifier",null),p(this,"mounted",!1),p(this,"handleDragStart",(e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;const t=this.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=t;if(this.props.disabled||!(e.target instanceof r.defaultView.Node)||this.props.handle&&!(0,n.matchesSelectorAndParentsTo)(e.target,this.props.handle,t)||this.props.cancel&&(0,n.matchesSelectorAndParentsTo)(e.target,this.props.cancel,t))return;"touchstart"===e.type&&e.preventDefault();const o=(0,n.getTouchIdentifier)(e);this.touchIdentifier=o;const l=(0,a.getControlPosition)(e,o,this);if(null==l)return;const{x:i,y:c}=l,d=(0,a.createCoreData)(this,i,c);(0,s.default)("DraggableCore: handleDragStart: %j",d),(0,s.default)("calling",this.props.onStart);!1!==this.props.onStart(e,d)&&!1!==this.mounted&&(this.props.enableUserSelectHack&&(0,n.addUserSelectStyles)(r),this.dragging=!0,this.lastX=i,this.lastY=c,(0,n.addEvent)(r,h.move,this.handleDrag),(0,n.addEvent)(r,h.stop,this.handleDragStop))})),p(this,"handleDrag",(e=>{const t=(0,a.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:n}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX,t=n-this.lastY;if([e,t]=(0,a.snapToGrid)(this.props.grid,e,t),!e&&!t)return;r=this.lastX+e,n=this.lastY+t}const o=(0,a.createCoreData)(this,r,n);(0,s.default)("DraggableCore: handleDrag: %j",o);if(!1!==this.props.onDrag(e,o)&&!1!==this.mounted)this.lastX=r,this.lastY=n;else try{this.handleDragStop(new MouseEvent("mouseup"))}catch(e){const t=document.createEvent("MouseEvents");t.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(t)}})),p(this,"handleDragStop",(e=>{if(!this.dragging)return;const t=(0,a.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:o}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX||0,t=o-this.lastY||0;[e,t]=(0,a.snapToGrid)(this.props.grid,e,t),r=this.lastX+e,o=this.lastY+t}const l=(0,a.createCoreData)(this,r,o);if(!1===this.props.onStop(e,l)||!1===this.mounted)return!1;const i=this.findDOMNode();i&&this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(i.ownerDocument),(0,s.default)("DraggableCore: handleDragStop: %j",l),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,i&&((0,s.default)("DraggableCore: Removing handlers"),(0,n.removeEvent)(i.ownerDocument,h.move,this.handleDrag),(0,n.removeEvent)(i.ownerDocument,h.stop,this.handleDragStop))})),p(this,"onMouseDown",(e=>(h=x,this.handleDragStart(e)))),p(this,"onMouseUp",(e=>(h=x,this.handleDragStop(e)))),p(this,"onTouchStart",(e=>(h=u,this.handleDragStart(e)))),p(this,"onTouchEnd",(e=>(h=u,this.handleDragStop(e))))}componentDidMount(){this.mounted=!0;const e=this.findDOMNode();e&&(0,n.addEvent)(e,u.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const e=this.findDOMNode();if(e){const{ownerDocument:t}=e;(0,n.removeEvent)(t,x.move,this.handleDrag),(0,n.removeEvent)(t,u.move,this.handleDrag),(0,n.removeEvent)(t,x.stop,this.handleDragStop),(0,n.removeEvent)(t,u.stop,this.handleDragStop),(0,n.removeEvent)(e,u.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(t)}}findDOMNode(){var e,t;return null!==(e=this.props)&&void 0!==e&&e.nodeRef?null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current:r.default.findDOMNode(this)}render(){return e.cloneElement(e.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return Mo.default=g,p(g,"displayName","DraggableCore"),p(g,"propTypes",{allowAnyClick:t.default.bool,children:t.default.node.isRequired,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:t.default.arrayOf(t.default.number),handle:t.default.string,cancel:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number,className:i.dontSetMe,style:i.dontSetMe,transform:i.dontSetMe}),p(g,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),Mo}function Ro(){return So||(So=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return d.default}}),e.default=void 0;var t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=x(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=o?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(o),r=u(so()),n=u(l),a=u(xo),i=vo(),s=wo(),c=fo(),d=u(Do()),p=u(Io());function u(e){return e&&e.__esModule?e:{default:e}}function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(x=function(e){return e?r:t})(e)}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function g(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class f extends t.Component{static getDerivedStateFromProps(e,t){let{position:r}=e,{prevPropsPosition:n}=t;return!r||n&&r.x===n.x&&r.y===n.y?null:((0,p.default)("Draggable: getDerivedStateFromProps %j",{position:r,prevPropsPosition:n}),{x:r.x,y:r.y,prevPropsPosition:{...r}})}constructor(e){super(e),g(this,"onDragStart",((e,t)=>{(0,p.default)("Draggable: onDragStart: %j",t);if(!1===this.props.onStart(e,(0,s.createDraggableData)(this,t)))return!1;this.setState({dragging:!0,dragged:!0})})),g(this,"onDrag",((e,t)=>{if(!this.state.dragging)return!1;(0,p.default)("Draggable: onDrag: %j",t);const r=(0,s.createDraggableData)(this,t),n={x:r.x,y:r.y,slackX:0,slackY:0};if(this.props.bounds){const{x:e,y:t}=n;n.x+=this.state.slackX,n.y+=this.state.slackY;const[o,a]=(0,s.getBoundPosition)(this,n.x,n.y);n.x=o,n.y=a,n.slackX=this.state.slackX+(e-n.x),n.slackY=this.state.slackY+(t-n.y),r.x=n.x,r.y=n.y,r.deltaX=n.x-this.state.x,r.deltaY=n.y-this.state.y}if(!1===this.props.onDrag(e,r))return!1;this.setState(n)})),g(this,"onDragStop",((e,t)=>{if(!this.state.dragging)return!1;if(!1===this.props.onStop(e,(0,s.createDraggableData)(this,t)))return!1;(0,p.default)("Draggable: onDragStop: %j",t);const r={dragging:!1,slackX:0,slackY:0};if(Boolean(this.props.position)){const{x:e,y:t}=this.props.position;r.x=e,r.y=t}this.setState(r)})),this.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:{...e.position},slackX:0,slackY:0,isElementSVG:!1},!e.position||e.onDrag||e.onStop||console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var e,t;return null!==(e=null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current)&&void 0!==e?e:n.default.findDOMNode(this)}render(){const{axis:e,bounds:r,children:n,defaultPosition:o,defaultClassName:l,defaultClassNameDragging:c,defaultClassNameDragged:p,position:u,positionOffset:x,scale:g,...f}=this.props;let C={},b=null;const m=!Boolean(u)||this.state.dragging,v=u||o,j={x:(0,s.canDragX)(this)&&m?this.state.x:v.x,y:(0,s.canDragY)(this)&&m?this.state.y:v.y};this.state.isElementSVG?b=(0,i.createSVGTransform)(j,x):C=(0,i.createCSSTransform)(j,x);const y=(0,a.default)(n.props.className||"",l,{[c]:this.state.dragging,[p]:this.state.dragged});return t.createElement(d.default,h({},f,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(n),{className:y,style:{...n.props.style,...C},transform:b}))}}e.default=f,g(f,"displayName","Draggable"),g(f,"propTypes",{...d.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe}),g(f,"defaultProps",{...d.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(Hn)),Hn}var To=function(){if(Lo)return zn.exports;Lo=1;const{default:e,DraggableCore:t}=Ro();return zn.exports=e,zn.exports.default=e,zn.exports.DraggableCore=t,zn.exports}(),Po=En(To);const _o=e=>r.css`
   width: 240px;
   ${"medium"===e&&"width: 320px;"}
   ${"large"===e&&"width: 440px;"}
@@ -2357,26 +2388,26 @@
   border-radius: 4px;
   box-shadow: 0px 4px 6px -4px #0000001a;
   box-shadow: 0px 10px 15px -3px #0000001a;
-`,Do=r.css`
+`,Eo=r.css`
   height: 40px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 8px;
   border-bottom: 1px solid ${p("neutral",300)};
-`,Ro=r.css`
+`,Bo=r.css`
   font-size: 16px;
   line-height: 24px;
   font-weight: 700;
   color: ${p("neutral",800)};
-`,To=r.css`
+`,Oo=r.css`
   top: 10px;
-`,Po=r.css`
+`,zo=r.css`
   padding: 12px;
-`,_o=r.css`
+`,Ho=r.css`
   position: relative;
   display: flex;
-`,Eo=r.css`
+`,No=r.css`
   height: 4px;
   width: 4px;
   background-color: ${p("error",500)};
@@ -2384,7 +2415,7 @@
   position: absolute;
   top: 0px;
   right: 0px;
-`,Bo=r.css`
+`,Fo=r.css`
   height: 8px;
   background-color: ${p("error",500)};
   padding: 0 2px 1px 2px;
@@ -2395,11 +2426,11 @@
   position: absolute;
   top: -2px;
   left: 9px;
-`,Oo=r.css`
+`,Ao=r.css`
   font-size: 8px;
   font-weight: 700;
   color: ${p("error",100)};
-`,zo=(e,t)=>r.css`
+`,Zo=(e,t)=>r.css`
   width: 100%;
   min-width: ${"small"===e?"234px":"366px"};
   border-radius: 4px;
@@ -2414,7 +2445,7 @@
   button {
     margin-left: ${t?0:"24px"};
   }
-`,Ho=r.css`
+`,Wo=r.css`
   display: flex;
   align-items: flex-start;
   gap: 8px;
@@ -2422,28 +2453,28 @@
   svg {
     margin-top: 6px;
   }
-`,No=e=>r.css`
+`,Yo=e=>r.css`
   color: ${p("neutral",800)};
   font-size: ${"small"===e?"14px":"18px"};
   line-height: ${"small"===e?"20px":"28px"};
   font-weight: 400;
   text-align: left;
-`,Fo=e=>r.css`
+`,qo=e=>r.css`
   color: ${p("neutral",700)};
   font-size: ${"small"===e?"12px":"16px"};
   line-height: ${"small"===e?"16px":"24px"};
   font-weight: 400;
   margin-left: 24px;
   text-align: left;
-`,Ao=r.css`
+`,Go=r.css`
   background-color: ${p("neutral",100)};
   border: 1px solid ${p("neutral",300)};
   color: ${p("neutral",700)};
-`,Zo=r.css`
+`,Uo=r.css`
   background-color: ${p("neutral",200)};
   border: 1px solid ${p("neutral",300)};
   color: ${p("neutral",700)};
-`,Wo=r.css`
+`,Xo=r.css`
   background-color: ${p("success",100)};
   border: 1px solid ${p("success",300)};
   color: ${p("success",500)};
@@ -2451,7 +2482,7 @@
   p {
     color: ${p("success",900)};
   }
-`,Yo=r.css`
+`,Ko=r.css`
   background-color: ${p("warning",100)};
   border: 1px solid ${p("warning",300)};
   color: ${p("warning",500)};
@@ -2459,7 +2490,7 @@
   p {
     color: ${p("warning",900)};
   }
-`,qo=r.css`
+`,Jo=r.css`
   background-color: ${p("error",100)};
   border: 1px solid ${p("error",300)};
   color: ${p("error",500)};
@@ -2467,7 +2498,7 @@
   p {
     color: ${p("error",900)};
   }
-`,Go=r.css`
+`,Qo=r.css`
   justify-content: space-between;
   align-items: center;
   gap: 8px;
@@ -2510,21 +2541,21 @@
       color: ${p("error",900)};
     }
   }
-`,Uo=r.css`
+`,ea=r.css`
   font-size: 18px;
   line-height: 28px;
   font-weight: 400;
   color: ${p("neutral",800)};
-`,Xo=r.css`
+`,ta=r.css`
   font-size: 16px;
   line-height: 24px;
   font-weight: 400;
   color: ${p("neutral",700)};
-`,Ko=r.css`
+`,ra=r.css`
   padding: 6px;
-`,Jo=r.css`
+`,na=r.css`
   padding: 6px;
-`,Qo={pauseOnPageIdle:!0,offsets:"24px"},ea={"top-start":e.createToaster({placement:"top-start",...Qo}),"top-end":e.createToaster({placement:"top-end",...Qo}),"bottom-start":e.createToaster({placement:"bottom-start",...Qo}),"bottom-end":e.createToaster({placement:"bottom-end",...Qo})},ta={Zoom:({onZoomInClick:e,onZoomOutClick:t,vertical:r})=>n.jsx(Q,{items:[{icon:n.jsx(E,{}),ariaLabel:"zoom in",onClick:e},{icon:n.jsx(B,{}),ariaLabel:"zoom out",onClick:t}],vertical:r}),Expand:({onClick:e})=>n.jsx(Q,{items:[{icon:n.jsx(O,{}),ariaLabel:"expand",onClick:e}]}),Share:({onClick:e})=>n.jsx(Q,{items:[{icon:n.jsx(z,{}),ariaLabel:"share",onClick:e}]}),Print:({onClick:e})=>n.jsx(Q,{items:[{icon:n.jsx(H,{}),ariaLabel:"print",onClick:e}]}),Settings:({onClick:e})=>n.jsx(Q,{items:[{icon:n.jsx(N,{}),ariaLabel:"settings",onClick:e}]}),Question:({onClick:e})=>n.jsx(Q,{items:[{icon:n.jsx(F,{}),ariaLabel:"question",onClick:e}]})},ra={Paper:({ariaLabel:e,onClick:t})=>n.jsx(Ut,{ariaLabel:e||"paper icon",icon:n.jsx(A,{color:"#79022C"}),backgroundColor:"#FFBCD4",onClick:t}),Drop:({ariaLabel:e,onClick:t})=>n.jsx(Ut,{ariaLabel:e||"drop icon",icon:n.jsx(Z,{color:"#7D2A03"}),backgroundColor:"#F3A078",onClick:t}),Plant:({ariaLabel:e,onClick:t})=>n.jsx(Ut,{ariaLabel:e||"plant icon",icon:n.jsx(W,{color:"#3B6402"}),backgroundColor:"#B7E578",onClick:t})};exports.Badge=({hasNotification:e,notificationCount:r})=>{const n=(()=>{let e="";return r&&r>0&&(e=`${r>99?"99+":r}`),e})();return t.jsxs("div",{css:_o,role:"status","aria-live":"polite",children:[e&&n.length>0?t.jsx("div",{css:Bo,children:t.jsx("p",{css:Oo,"aria-label":`${r} unread message`,children:n})}):null,e&&!r?t.jsx("div",{css:Eo,"aria-hidden":!0}):null,t.jsx(_,{color:"var(--chakra-colors-neutral-800)",height:"16px",width:"16px"})]})},exports.Breadcrumb=({links:r,separator:n,maxItems:a=99,linkRouter:l})=>{const[i,s]=o.useState(r.length>a);o.useEffect((()=>{s(r.length>a)}),[r.length]);const c=l;return t.jsx(e.Breadcrumb.Root,{children:t.jsx(e.Breadcrumb.List,{gap:"16px",children:i?t.jsxs(t.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:xn,children:t.jsxs(c,{to:r[0].link,href:r[0].link,children:[r[0].icon,r[0].label]})}),t.jsx(e.Breadcrumb.Separator,{css:hn,children:n||t.jsx($,{rotate:"270"})}),t.jsx("li",{className:"chakra-breadcrumb__item",children:t.jsx("button",{css:gn,type:"button",onClick:()=>s(!1),children:"..."})}),t.jsx(e.Breadcrumb.Separator,{css:hn,children:n||t.jsx($,{rotate:"270"})}),t.jsx(e.Breadcrumb.Item,{css:xn,children:t.jsxs("p",{"aria-current":"page","aria-label":r[r.length-1].label,children:[r[r.length-1].icon,r[r.length-1].label]})})]}):r.map(((a,l)=>a?.label?t.jsxs(o.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:xn,children:l<r.length-1?t.jsxs(c,{to:a.link,href:a.link,children:[a.icon,a.label]}):t.jsxs("p",{"aria-current":"page","aria-label":a.label,children:[a.label&&a.icon?a.icon:"",a.label]})}),l<r.length-1?t.jsx(e.Breadcrumb.Separator,{css:hn,children:n||t.jsx($,{rotate:"270"})}):null]},a.label):null))})})},exports.Button=C,exports.Checkbox=ae,exports.CheckboxList=({label:e,caption:n,checkboxes:a,defaultValue:l,onCheckedChange:i,errorMessage:s,horizontal:c,required:d})=>{const[p,u]=o.useState(l?{[l]:!0}:{});return t.jsxs("div",{css:Te,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:Be}):null,t.jsxs("div",{css:(x=!!s,r.css`
+`,oa={pauseOnPageIdle:!0,offsets:"24px"},aa={"top-start":e.createToaster({placement:"top-start",...oa}),"top-end":e.createToaster({placement:"top-end",...oa}),"bottom-start":e.createToaster({placement:"bottom-start",...oa}),"bottom-end":e.createToaster({placement:"bottom-end",...oa})},la={Zoom:({onZoomInClick:e,onZoomOutClick:t,vertical:r})=>n.jsx(Q,{items:[{icon:n.jsx(E,{}),ariaLabel:"zoom in",onClick:e},{icon:n.jsx(B,{}),ariaLabel:"zoom out",onClick:t}],vertical:r}),Expand:({onClick:e})=>n.jsx(Q,{items:[{icon:n.jsx(O,{}),ariaLabel:"expand",onClick:e}]}),Share:({onClick:e})=>n.jsx(Q,{items:[{icon:n.jsx(z,{}),ariaLabel:"share",onClick:e}]}),Print:({onClick:e})=>n.jsx(Q,{items:[{icon:n.jsx(H,{}),ariaLabel:"print",onClick:e}]}),Settings:({onClick:e})=>n.jsx(Q,{items:[{icon:n.jsx(N,{}),ariaLabel:"settings",onClick:e}]}),Question:({onClick:e})=>n.jsx(Q,{items:[{icon:n.jsx(F,{}),ariaLabel:"question",onClick:e}]})},ia={Paper:({ariaLabel:e,onClick:t})=>n.jsx(Ut,{ariaLabel:e||"paper icon",icon:n.jsx(A,{color:"#79022C"}),backgroundColor:"#FFBCD4",onClick:t}),Drop:({ariaLabel:e,onClick:t})=>n.jsx(Ut,{ariaLabel:e||"drop icon",icon:n.jsx(Z,{color:"#7D2A03"}),backgroundColor:"#F3A078",onClick:t}),Plant:({ariaLabel:e,onClick:t})=>n.jsx(Ut,{ariaLabel:e||"plant icon",icon:n.jsx(W,{color:"#3B6402"}),backgroundColor:"#B7E578",onClick:t})};exports.Badge=({hasNotification:e,notificationCount:r})=>{const n=(()=>{let e="";return r&&r>0&&(e=`${r>99?"99+":r}`),e})();return t.jsxs("div",{css:Ho,role:"status","aria-live":"polite",children:[e&&n.length>0?t.jsx("div",{css:Fo,children:t.jsx("p",{css:Ao,"aria-label":`${r} unread message`,children:n})}):null,e&&!r?t.jsx("div",{css:No,"aria-hidden":!0}):null,t.jsx(_,{color:"var(--chakra-colors-neutral-800)",height:"16px",width:"16px"})]})},exports.Breadcrumb=({links:r,separator:n,maxItems:a=99,linkRouter:l})=>{const[i,s]=o.useState(r.length>a);o.useEffect((()=>{s(r.length>a)}),[r.length]);const c=l;return t.jsx(e.Breadcrumb.Root,{children:t.jsx(e.Breadcrumb.List,{gap:"16px",children:i?t.jsxs(t.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:xn,children:t.jsxs(c,{to:r[0].link,href:r[0].link,children:[r[0].icon,r[0].label]})}),t.jsx(e.Breadcrumb.Separator,{css:hn,children:n||t.jsx($,{rotate:"270"})}),t.jsx("li",{className:"chakra-breadcrumb__item",children:t.jsx("button",{css:gn,type:"button",onClick:()=>s(!1),children:"..."})}),t.jsx(e.Breadcrumb.Separator,{css:hn,children:n||t.jsx($,{rotate:"270"})}),t.jsx(e.Breadcrumb.Item,{css:xn,children:t.jsxs("p",{"aria-current":"page","aria-label":r[r.length-1].label,children:[r[r.length-1].icon,r[r.length-1].label]})})]}):r.map(((a,l)=>a?.label?t.jsxs(o.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:xn,children:l<r.length-1?t.jsxs(c,{to:a.link,href:a.link,children:[a.icon,a.label]}):t.jsxs("p",{"aria-current":"page","aria-label":a.label,children:[a.label&&a.icon?a.icon:"",a.label]})}),l<r.length-1?t.jsx(e.Breadcrumb.Separator,{css:hn,children:n||t.jsx($,{rotate:"270"})}):null]},a.label):null))})})},exports.Button=C,exports.Checkbox=ae,exports.CheckboxList=({label:e,caption:n,checkboxes:a,defaultValue:l,onCheckedChange:i,errorMessage:s,horizontal:c,required:d})=>{const[p,u]=o.useState(l?{[l]:!0}:{});return t.jsxs("div",{css:Te,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:Be}):null,t.jsxs("div",{css:(x=!!s,r.css`
   margin-left: ${x?"19px":"0px"};
 `),children:[t.jsxs("p",{css:Pe,"aria-label":e,children:[d&&t.jsx("span",{"aria-label":"required",children:"*"}),e]}),t.jsx("p",{css:_e,"aria-label":n,children:n}),s?t.jsx("p",{css:Oe,"aria-label":s,children:s}):null,t.jsx("div",{css:Ee(c),children:a.map((e=>t.jsx(ae,{css:{},defaultChecked:l===e.value,onCheckedChange:({checked:t})=>((e,t)=>{const r={...p};t&&(r[t]=e,u(r)),i&&i(r)})(t,e.name),...e},e.name)))})]})]});var x},exports.CheckboxOptionCard=({defaultValue:n,items:o,onValueChange:a})=>t.jsx(e.CheckboxGroup,{defaultValue:n,onValueChange:a,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((o=>{return t.jsxs(e.CheckboxCard.Root,{css:le,defaultChecked:-1!==n?.indexOf(o.value),disabled:o.disabled,value:o.value,children:[t.jsx(e.CheckboxCard.HiddenInput,{}),t.jsxs(e.CheckboxCard.Control,{css:ie,children:[t.jsxs(e.CheckboxCard.Content,{css:(l=o.variant,r.css`
   width: 100%;
@@ -2539,7 +2570,7 @@
   padding: 0px;
   padding-top: 8px;
   color: ${a?p("neutral",500):"inherit"};
-`),children:o.children}):null]},`${o.label}-${o.value}`);var a,l}))})}),exports.CloseButton=G,exports.Footer=({children:e,label:r="©️World Resources Institute",fixed:n,filled:o,maxWidth:a})=>{const l=(new Date).getFullYear();return t.jsx("footer",{css:fn(n,o),children:t.jsxs("div",{css:Cn(a),children:[t.jsx("div",{children:t.jsx(P,{height:"32px",width:"91px"})}),t.jsx("div",{css:bn,children:e}),t.jsx("div",{children:t.jsxs("p",{css:mn,children:[r," ",l]})})]})})},exports.IconButton=q,exports.IconMarker=Ut,exports.IconMarkers=ra,exports.InlineMessage=({label:e,caption:r,variant:n,size:o="large",icon:a=t.jsx(w,{height:"16px",width:"16px"}),onActionClick:l,actionLabel:i,isButtonRight:s})=>{let c=Ao;return"info-grey"===n?c=Zo:"success"===n?c=Wo:"warning"===n?c=Yo:"error"===n&&(c=qo),t.jsxs("div",{css:[zo(o,s),c],"aria-roledescription":"Note",children:[t.jsxs("div",{children:[t.jsxs("div",{css:Ho,children:[a,t.jsx("p",{css:No(o),children:e})]}),t.jsx("p",{css:Fo(o),children:r})]}),i?t.jsx(C,{label:i,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===o?"default":"small",onClick:l}):null]})},exports.InputWithUnits=({label:r,caption:n,errorMessage:a,units:l,unitsPosition:i="end",defaultUnit:s="",defaultValue:c="",onChange:d,required:p,disabled:u})=>{const[x,h]=o.useState(c),[g,f]=o.useState(s?[s]:[l[0].value]),C=(e,t)=>{d&&d("end"===i?""+(t?`${x} ${e}`:`${e} ${g}`):""+(t?`${e} ${x}`:`${g} ${e}`))};return t.jsxs("div",{css:ze,children:[a?t.jsx("div",{css:Fe}):null,t.jsxs("div",{style:{marginLeft:a?"19px":"0px"},children:[t.jsxs("p",{css:He(u),"aria-label":r,children:[p?t.jsx("span",{children:"*"}):null,r]}),t.jsx("p",{css:Ne(u),"aria-label":n,children:n}),a?t.jsx("p",{css:Ae,"aria-label":a,children:a}):null,t.jsxs(e.Group,{css:Ze(!!a,i),attached:!0,children:["start"===i?t.jsx(wt,{placeholder:"",value:g,items:l,disabled:u,onChange:e=>{f(e),C(e?.[0],!0)}}):null,t.jsx(Ke,{type:"number",value:x,disabled:u,onChange:e=>{h(e.target.value),C(e.target.value)}}),"end"===i?t.jsx(wt,{placeholder:"",value:g,items:l,disabled:u,onChange:e=>{f(e),C(e?.[0],!0)}}):null]})]})]})},exports.ItemCount=Kr,exports.LayerGroup=({label:r,caption:n,value:a,layerItems:l,onChangeForRadioVariant:i})=>{const[s,c]=o.useState({}),[d]=o.useState((e=>{const t=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return t?.name})(l));o.useEffect((()=>{let e={...s};l.forEach((t=>{t.isDefaultSelected&&(e={...e,["radio"===t.variant?r:t.name]:t.isDefaultSelected})})),c(e)}),[]);const p=(e,t,r,n)=>{const o={...s,[e]:t};c(o),r&&r(e,t,n)},u=Object.values(s).filter((e=>!0===e)).length;return t.jsxs(e.Accordion.Item,{value:a,width:"300px",children:[t.jsxs(e.Accordion.ItemTrigger,{padding:"16px",alignItems:"flex-start",children:[t.jsxs(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[t.jsxs("span",{css:Kt,children:[r,t.jsx(vt,{label:`${u} Active`,size:"small",variant:u>0?"success":"info-grey"})]}),t.jsx("div",{css:Jt,children:n})]}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx($,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:t.jsx(je,{name:r,defaultValue:d,customGap:"0px",onChange:(e,t)=>p(e,!!t,i,t),children:l.map((e=>t.jsx(or,{...e,onChange:(t,r)=>p(t,r,e.onChange)},e.label)))})})]})},exports.LayerGroupContainer=({children:r,defaultValue:n,...o})=>t.jsx("div",{css:Xt,style:{width:"300px"},children:t.jsx(e.Accordion.Root,{css:{},defaultValue:n,multiple:!0,...o,children:r})}),exports.LayerItem=or,exports.LayerPanel=({title:e,description:r,tabBarVariant:n="panel",buttonTabs:o,defaultValue:a,onTabClick:l,children:i})=>t.jsxs("div",{css:xr,children:[t.jsxs("aside",{css:hr,role:"complementary",children:[t.jsx("h2",{css:gr,"aria-label":e,children:e}),t.jsx("p",{css:fr,"aria-label":r,children:r})]}),o&&o.length>0?t.jsx(ur,{variant:n,defaultValue:a,tabs:o,onTabClick:l}):null,i]}),exports.LayerParameters=({label:r,children:n,openedByDefault:a})=>t.jsx("div",{children:t.jsx(e.Accordion.Root,{defaultValue:a?[r]:[],multiple:!0,children:t.jsxs(e.Accordion.Item,{css:Cr,value:r,children:[t.jsxs(e.Accordion.ItemTrigger,{css:br,children:[t.jsx(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:t.jsx("p",{css:mr,children:r})}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx($,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{css:vr,children:o.Children.map(n,(e=>t.jsx("div",{className:"layer-parameters-item-child",children:e})))})]})})}),exports.LegendItem=({layerName:e,dataUnit:r,onDrag:n,onUpClick:o,onDownClick:a,onRemoveClick:l,children:i,onInfoClick:s,onOpacityChanged:c})=>t.jsxs("div",{css:jr,children:[t.jsxs("div",{css:yr,children:[t.jsx(q,{icon:t.jsx(M,{}),"aria-label":"Drag and drop","aria-hidden":!0,onClick:n,style:{display:"none",marginBottom:"12px"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t.jsx(q,{icon:t.jsx($,{rotate:"180"}),"aria-label":"Up",onClick:o}),t.jsx(q,{icon:t.jsx($,{}),"aria-label":"Down",onClick:a})]})]}),t.jsxs("div",{children:[t.jsxs("div",{css:wr,children:[t.jsxs("div",{children:[t.jsx("h3",{css:$r,children:e}),t.jsx("p",{css:kr,children:r})]}),t.jsx(C,{label:"Remove",size:"small",variant:"secondary",rightIcon:t.jsx(k,{}),onClick:l})]}),i,t.jsxs("div",{css:Sr,children:[t.jsx(C,{label:"About data",size:"small",variant:"secondary",leftIcon:t.jsx(w,{}),onClick:s}),t.jsx(Dr,{defaultValue:80,onOpacityChanged:c})]})]})]}),exports.LegendPanel=({legendContent:e,analysisContent:r,onTabClick:n})=>{const[a,l]=o.useState("legend-tab"),[i,s]=o.useState(e);return t.jsxs("div",{css:Rr,children:[t.jsx(ur,{tabs:[{label:"Legend",value:"legend-tab",icon:t.jsx(V,{})},{label:"Analysis",value:"analysis-tab",icon:t.jsx(I,{})}],onTabClick:e=>{l(e),n&&n(e)}}),"legend-tab"===a?t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:o.Children.map(i,((e,t)=>o.cloneElement(e,{onUpClick:()=>{const e=Tr(i,t,t-1);s(e)},onDownClick:()=>{const e=Tr(i,t,t+1);s(e)}})))}):null,"analysis-tab"===a?t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:r}):null]})},exports.MapControl=Q,exports.MapControls=ta,exports.Menu=({label:r,items:n,groups:a,onSelect:l})=>t.jsxs(e.Menu.Root,{onSelect:({value:e})=>l&&l(e),children:[t.jsx(e.Menu.Trigger,{asChild:!0,children:t.jsx(C,{label:r,variant:"secondary"})}),t.jsx(e.Portal,{children:t.jsx(e.Menu.Positioner,{children:t.jsxs(e.Menu.Content,{css:kn,children:[n?.map((r=>r.submenu?t.jsxs(e.Menu.Root,{positioning:{placement:"right-start",gutter:2},onSelect:({value:e})=>l&&l(e),children:[t.jsxs(e.Menu.TriggerItem,{css:Sn,children:[r.label," ",t.jsx($,{rotate:"270",color:"var(--chakra-colors-neutral-700)"})]}),t.jsx(e.Portal,{children:t.jsx(e.Menu.Positioner,{children:t.jsx(e.Menu.Content,{css:kn,children:r.submenu.map((e=>t.jsx(In,{item:e},e.value)))})})})]},r.value):t.jsx(In,{item:r},r.value))),a?.map(((r,n)=>t.jsxs(o.Fragment,{children:[t.jsxs(e.Menu.ItemGroup,{children:[t.jsx(e.Menu.ItemGroupLabel,{css:Vn,children:r.title}),r.items?.map((e=>t.jsx(In,{item:e},e.value)))]}),n!==a.length-1?t.jsx(e.Menu.Separator,{borderColor:"var(--chakra-colors-neutral-300)"}):null]},r.title)))]})})})]}),exports.Modal=({title:r,content:n,size:o="medium",isDraggable:a,open:l,onClose:i,showCancelButton:s,cancelLabel:c="Cancel",showActionButton:d,actionLabel:p,onActionClick:u})=>l?t.jsx(e.Dialog.Root,{open:l,onOpenChange:i,placement:"center",scrollBehavior:"inside",closeOnInteractOutside:!a,preventScroll:!a,defaultOpen:!0,children:t.jsxs(e.Portal,{children:[a?null:t.jsx(e.Dialog.Backdrop,{}),t.jsx(Vo,{children:t.jsx(e.Dialog.Positioner,{children:t.jsxs(e.Dialog.Content,{css:Io(o),children:[t.jsxs(e.Dialog.Header,{css:Do,children:[t.jsx(e.Dialog.Title,{css:Ro,children:r}),t.jsx(e.Dialog.CloseTrigger,{css:To,asChild:!0,children:t.jsx(G,{})})]}),t.jsx(e.Dialog.Body,{css:Po,children:n}),s||d?t.jsxs(e.Dialog.Footer,{children:[s?t.jsx(e.Dialog.ActionTrigger,{asChild:!0,children:t.jsx(C,{label:c,variant:"secondary"})}):null,d?t.jsx(C,{label:p,onClick:u}):null]}):null]})})})]})}):null,exports.MultiActionButton=({variant:r="primary",size:n="default",mainActionLabel:a,mainActionOnClick:l=()=>{},otherActions:i=[],...s})=>{const[c,d]=o.useState(!1);return t.jsxs(e.Group,{attached:!0,"aria-disabled":s.disabled,children:[t.jsx(C,{css:{},label:a,variant:r,size:n,onClick:l,...s}),t.jsxs(e.Menu.Root,{onOpenChange:({open:e})=>d(e),positioning:{placement:"bottom-end"},children:[t.jsx(e.Menu.Trigger,{css:te(r),"data-group-item":!0,"data-last":!0,asChild:!0,children:t.jsx(C,{variant:r,size:n,leftIcon:t.jsx($,{rotate:c?"180":"0",color:p("accessible","text-on-primary-mids")||p("primary",900)}),disabled:s.disabled})}),t.jsx(ne,{children:i.map((({label:r,value:o,onClick:a})=>t.jsx(e.Menu.Item,{css:re(n),onClick:a,value:o,children:r},o)))})]})]})},exports.NavigationRail=({tabs:r=[],defaultValue:n,onTabClick:a,children:l,onOpenChange:i,customHeight:s})=>{const[c,d]=o.useState(!1),[p,u]=o.useState(n||r?.[0]?.value);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{css:vn(s),children:[t.jsx(e.Tabs.Root,{defaultValue:n||r?.[0]?.value,orientation:"horizontal",width:"full",onFocusChange:({focusedValue:e})=>{return u(t=e),void(a&&a(t));var t},role:"tablist",children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:r.map((r=>t.jsx(e.Tabs.Trigger,{css:jn,"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[r.icon?t.jsx("div",{css:yn,children:r.icon}):null,t.jsx("p",{children:r.label})]})},r.label)))})}),l?t.jsx(e.Collapsible.Root,{onOpenChange:({open:e})=>{d(e),i&&i(!e)},children:t.jsxs(e.Collapsible.Trigger,{css:wn,children:[t.jsx("div",{css:yn,children:c?t.jsx(v,{}):t.jsx(m,{})}),t.jsxs("div",{className:"tab-label",children:[t.jsx("p",{children:c?"Show":"Hide"}),t.jsx("p",{children:"Sidebar"})]})]})}):null]}),l?t.jsx(e.Collapsible.Root,{defaultOpen:!0,open:!c,children:t.jsx(e.Collapsible.Content,{children:t.jsx("div",{css:$n,role:"tabpanel","aria-labelledby":p,children:l})})}):null]})},exports.OptionCard=({defaultValue:n,items:o,onValueChange:a})=>t.jsx(e.RadioCard.Root,{defaultValue:n,onValueChange:a,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((n=>{return t.jsxs(e.RadioCard.Item,{css:ue,value:n.value,disabled:n.disabled,children:[t.jsx(e.RadioCard.ItemHiddenInput,{}),t.jsxs(e.RadioCard.ItemControl,{css:xe,children:[t.jsxs("div",{css:(a=n.variant,r.css`
+`),children:o.children}):null]},`${o.label}-${o.value}`);var a,l}))})}),exports.CloseButton=G,exports.Footer=({children:e,label:r="©️World Resources Institute",fixed:n,filled:o,maxWidth:a})=>{const l=(new Date).getFullYear();return t.jsx("footer",{css:fn(n,o),children:t.jsxs("div",{css:Cn(a),children:[t.jsx("div",{children:t.jsx(P,{height:"32px",width:"91px"})}),t.jsx("div",{css:bn,children:e}),t.jsx("div",{children:t.jsxs("p",{css:mn,children:[r," ",l]})})]})})},exports.IconButton=q,exports.IconMarker=Ut,exports.IconMarkers=ia,exports.InlineMessage=({label:e,caption:r,variant:n,size:o="large",icon:a=t.jsx(w,{height:"16px",width:"16px"}),onActionClick:l,actionLabel:i,isButtonRight:s})=>{let c=Go;return"info-grey"===n?c=Uo:"success"===n?c=Xo:"warning"===n?c=Ko:"error"===n&&(c=Jo),t.jsxs("div",{css:[Zo(o,s),c],"aria-roledescription":"Note",children:[t.jsxs("div",{children:[t.jsxs("div",{css:Wo,children:[a,t.jsx("p",{css:Yo(o),children:e})]}),t.jsx("p",{css:qo(o),children:r})]}),i?t.jsx(C,{label:i,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===o?"default":"small",onClick:l}):null]})},exports.InputWithUnits=({label:r,caption:n,errorMessage:a,units:l,unitsPosition:i="end",defaultUnit:s="",defaultValue:c="",onChange:d,required:p,disabled:u})=>{const[x,h]=o.useState(c),[g,f]=o.useState(s?[s]:[l[0].value]),C=(e,t)=>{d&&d("end"===i?""+(t?`${x} ${e}`:`${e} ${g}`):""+(t?`${e} ${x}`:`${g} ${e}`))};return t.jsxs("div",{css:ze,children:[a?t.jsx("div",{css:Fe}):null,t.jsxs("div",{style:{marginLeft:a?"19px":"0px"},children:[t.jsxs("p",{css:He(u),"aria-label":r,children:[p?t.jsx("span",{children:"*"}):null,r]}),t.jsx("p",{css:Ne(u),"aria-label":n,children:n}),a?t.jsx("p",{css:Ae,"aria-label":a,children:a}):null,t.jsxs(e.Group,{css:Ze(!!a,i),attached:!0,children:["start"===i?t.jsx(wt,{placeholder:"",value:g,items:l,disabled:u,onChange:e=>{f(e),C(e?.[0],!0)}}):null,t.jsx(Ke,{type:"number",value:x,disabled:u,onChange:e=>{h(e.target.value),C(e.target.value)}}),"end"===i?t.jsx(wt,{placeholder:"",value:g,items:l,disabled:u,onChange:e=>{f(e),C(e?.[0],!0)}}):null]})]})]})},exports.ItemCount=Kr,exports.LayerGroup=({label:r,caption:n,value:a,layerItems:l,onChangeForRadioVariant:i})=>{const[s,c]=o.useState({}),[d]=o.useState((e=>{const t=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return t?.name})(l));o.useEffect((()=>{let e={...s};l.forEach((t=>{t.isDefaultSelected&&(e={...e,["radio"===t.variant?r:t.name]:t.isDefaultSelected})})),c(e)}),[]);const p=(e,t,r,n)=>{const o={...s,[e]:t};c(o),r&&r(e,t,n)},u=Object.values(s).filter((e=>!0===e)).length;return t.jsxs(e.Accordion.Item,{value:a,width:"300px",children:[t.jsxs(e.Accordion.ItemTrigger,{padding:"16px",alignItems:"flex-start",children:[t.jsxs(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[t.jsxs("span",{css:Kt,children:[r,t.jsx(vt,{label:`${u} Active`,size:"small",variant:u>0?"success":"info-grey"})]}),t.jsx("div",{css:Jt,children:n})]}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx($,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:t.jsx(je,{name:r,defaultValue:d,customGap:"0px",onChange:(e,t)=>p(e,!!t,i,t),children:l.map((e=>t.jsx(or,{...e,onChange:(t,r)=>p(t,r,e.onChange)},e.label)))})})]})},exports.LayerGroupContainer=({children:r,defaultValue:n,...o})=>t.jsx("div",{css:Xt,style:{width:"300px"},children:t.jsx(e.Accordion.Root,{css:{},defaultValue:n,multiple:!0,...o,children:r})}),exports.LayerItem=or,exports.LayerPanel=({title:e,description:r,tabBarVariant:n="panel",buttonTabs:o,defaultValue:a,onTabClick:l,children:i})=>t.jsxs("div",{css:xr,children:[t.jsxs("aside",{css:hr,role:"complementary",children:[t.jsx("h2",{css:gr,"aria-label":e,children:e}),t.jsx("p",{css:fr,"aria-label":r,children:r})]}),o&&o.length>0?t.jsx(ur,{variant:n,defaultValue:a,tabs:o,onTabClick:l}):null,i]}),exports.LayerParameters=({label:r,children:n,openedByDefault:a})=>t.jsx("div",{children:t.jsx(e.Accordion.Root,{defaultValue:a?[r]:[],multiple:!0,children:t.jsxs(e.Accordion.Item,{css:Cr,value:r,children:[t.jsxs(e.Accordion.ItemTrigger,{css:br,children:[t.jsx(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:t.jsx("p",{css:mr,children:r})}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx($,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{css:vr,children:o.Children.map(n,(e=>t.jsx("div",{className:"layer-parameters-item-child",children:e})))})]})})}),exports.LegendItem=({layerName:e,dataUnit:r,onDrag:n,onUpClick:o,onDownClick:a,onRemoveClick:l,children:i,onInfoClick:s,onOpacityChanged:c})=>t.jsxs("div",{css:jr,children:[t.jsxs("div",{css:yr,children:[t.jsx(q,{icon:t.jsx(M,{}),"aria-label":"Drag and drop","aria-hidden":!0,onClick:n,style:{display:"none",marginBottom:"12px"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t.jsx(q,{icon:t.jsx($,{rotate:"180"}),"aria-label":"Up",onClick:o}),t.jsx(q,{icon:t.jsx($,{}),"aria-label":"Down",onClick:a})]})]}),t.jsxs("div",{children:[t.jsxs("div",{css:wr,children:[t.jsxs("div",{children:[t.jsx("h3",{css:$r,children:e}),t.jsx("p",{css:kr,children:r})]}),t.jsx(C,{label:"Remove",size:"small",variant:"secondary",rightIcon:t.jsx(k,{}),onClick:l})]}),i,t.jsxs("div",{css:Sr,children:[t.jsx(C,{label:"About data",size:"small",variant:"secondary",leftIcon:t.jsx(w,{}),onClick:s}),t.jsx(Dr,{defaultValue:80,onOpacityChanged:c})]})]})]}),exports.LegendPanel=({legendContent:e,analysisContent:r,onTabClick:n})=>{const[a,l]=o.useState("legend-tab"),[i,s]=o.useState(e);return t.jsxs("div",{css:Rr,children:[t.jsx(ur,{tabs:[{label:"Legend",value:"legend-tab",icon:t.jsx(V,{})},{label:"Analysis",value:"analysis-tab",icon:t.jsx(I,{})}],onTabClick:e=>{l(e),n&&n(e)}}),"legend-tab"===a?t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:o.Children.map(i,((e,t)=>o.cloneElement(e,{onUpClick:()=>{const e=Tr(i,t,t-1);s(e)},onDownClick:()=>{const e=Tr(i,t,t+1);s(e)}})))}):null,"analysis-tab"===a?t.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:r}):null]})},exports.MapControl=Q,exports.MapControls=la,exports.Menu=({label:r,items:n,groups:a,onSelect:l})=>t.jsxs(e.Menu.Root,{onSelect:({value:e})=>l&&l(e),children:[t.jsx(e.Menu.Trigger,{asChild:!0,children:t.jsx(C,{label:r,variant:"secondary"})}),t.jsx(e.Portal,{children:t.jsx(e.Menu.Positioner,{children:t.jsxs(e.Menu.Content,{css:In,children:[n?.map((r=>r.submenu?t.jsxs(e.Menu.Root,{positioning:{placement:"right-start",gutter:2},onSelect:({value:e})=>l&&l(e),children:[t.jsxs(e.Menu.TriggerItem,{css:Dn,children:[r.label," ",t.jsx($,{rotate:"270",color:"var(--chakra-colors-neutral-700)"})]}),t.jsx(e.Portal,{children:t.jsx(e.Menu.Positioner,{children:t.jsx(e.Menu.Content,{css:In,children:r.submenu.map((e=>t.jsx(_n,{item:e},e.value)))})})})]},r.value):t.jsx(_n,{item:r},r.value))),a?.map(((r,n)=>t.jsxs(o.Fragment,{children:[t.jsxs(e.Menu.ItemGroup,{children:[t.jsx(e.Menu.ItemGroupLabel,{css:Pn,children:r.title}),r.items?.map((e=>t.jsx(_n,{item:e},e.value)))]}),n!==a.length-1?t.jsx(e.Menu.Separator,{borderColor:"var(--chakra-colors-neutral-300)"}):null]},r.title)))]})})})]}),exports.Modal=({title:r,content:n,size:o="medium",draggable:a,blocking:l,open:i,onClose:s,showCancelButton:c,cancelLabel:d="Cancel",showActionButton:p,actionLabel:u,onActionClick:x})=>i?t.jsx(e.Dialog.Root,{open:i,onOpenChange:s,placement:"center",scrollBehavior:"inside",closeOnInteractOutside:!a&&!l,preventScroll:!a&&!l,closeOnEscape:!l,defaultOpen:!0,children:t.jsxs(e.Portal,{children:[a?null:t.jsx(e.Dialog.Backdrop,{}),t.jsx(Po,{disabled:!a,children:t.jsx(e.Dialog.Positioner,{children:t.jsxs(e.Dialog.Content,{css:_o(o),children:[t.jsxs(e.Dialog.Header,{css:Eo,children:[t.jsx(e.Dialog.Title,{css:Bo,children:r}),l?null:t.jsx(e.Dialog.CloseTrigger,{css:Oo,asChild:!0,children:t.jsx(G,{})})]}),t.jsx(e.Dialog.Body,{css:zo,children:n}),c||p?t.jsxs(e.Dialog.Footer,{children:[c?t.jsx(e.Dialog.ActionTrigger,{asChild:!0,children:t.jsx(C,{label:d,variant:"secondary"})}):null,p?t.jsx(C,{label:u,onClick:x}):null]}):null]})})})]})}):null,exports.MultiActionButton=({variant:r="primary",size:n="default",mainActionLabel:a,mainActionOnClick:l=()=>{},otherActions:i=[],...s})=>{const[c,d]=o.useState(!1);return t.jsxs(e.Group,{attached:!0,"aria-disabled":s.disabled,children:[t.jsx(C,{css:{},label:a,variant:r,size:n,onClick:l,...s}),t.jsxs(e.Menu.Root,{onOpenChange:({open:e})=>d(e),positioning:{placement:"bottom-end"},children:[t.jsx(e.Menu.Trigger,{css:te(r),"data-group-item":!0,"data-last":!0,asChild:!0,children:t.jsx(C,{variant:r,size:n,leftIcon:t.jsx($,{rotate:c?"180":"0",color:p("accessible","text-on-primary-mids")||p("primary",900)}),disabled:s.disabled})}),t.jsx(ne,{children:i.map((({label:r,value:o,onClick:a})=>t.jsx(e.Menu.Item,{css:re(n),onClick:a,value:o,children:r},o)))})]})]})},exports.NavigationRail=({tabs:r=[],defaultValue:n,onTabClick:a,children:l,onOpenChange:i,customHeight:s})=>{const[c,d]=o.useState(!1),[p,u]=o.useState(n||r?.[0]?.value);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{css:vn(s),children:[t.jsx(e.Tabs.Root,{defaultValue:n||r?.[0]?.value,orientation:"horizontal",width:"full",onFocusChange:({focusedValue:e})=>{return u(t=e),void(a&&a(t));var t},role:"tablist",children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:r.map((r=>t.jsx(e.Tabs.Trigger,{css:jn,"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[r.icon?t.jsx("div",{css:yn,children:r.icon}):null,t.jsx("p",{children:r.label})]})},r.label)))})}),l?t.jsx(e.Collapsible.Root,{onOpenChange:({open:e})=>{d(e),i&&i(!e)},children:t.jsxs(e.Collapsible.Trigger,{css:wn,children:[t.jsx("div",{css:yn,children:c?t.jsx(v,{}):t.jsx(m,{})}),t.jsxs("div",{className:"tab-label",children:[t.jsx("p",{children:c?"Show":"Hide"}),t.jsx("p",{children:"Sidebar"})]})]})}):null]}),l?t.jsx(e.Collapsible.Root,{defaultOpen:!0,open:!c,children:t.jsx(e.Collapsible.Content,{children:t.jsx("div",{css:$n,role:"tabpanel","aria-labelledby":p,children:l})})}):null]})},exports.OptionCard=({defaultValue:n,items:o,onValueChange:a})=>t.jsx(e.RadioCard.Root,{defaultValue:n,onValueChange:a,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((n=>{return t.jsxs(e.RadioCard.Item,{css:ue,value:n.value,disabled:n.disabled,children:[t.jsx(e.RadioCard.ItemHiddenInput,{}),t.jsxs(e.RadioCard.ItemControl,{css:xe,children:[t.jsxs("div",{css:(a=n.variant,r.css`
   width: 100%;
   display: flex;
   flex-direction: ${"centered"===a?"column":"row"};
@@ -2572,4 +2603,19 @@
   border: 1px solid ${p("neutral",300)};
   border-radius: 4px;
   ${l?`background: ${l};`:""}
-`)}):t.jsx("div",{css:Ar,children:e?.map(((e,r)=>t.jsx("div",{"data-test":`${e}-${n?.[r]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${n?.[r]}`)))}),t.jsx("div",{css:Zr,children:n?.map((e=>t.jsx("div",{style:{width:a?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:Wr,children:e})},e)))}),o&&o.length?t.jsx("div",{css:Zr,children:o.map((e=>t.jsx("div",{style:{width:a?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:Yr,style:{width:"100%"},children:e})},e)))}):null]});var l},exports.Select=wt,exports.Slider=Ie,exports.SliderInput=({label:e,caption:r,size:n="default",sliderItem:a,required:l,onChange:i})=>{const[s,c]=o.useState(a.value||[]),d=(e,t)=>{const r=e.target.value,n=[...s];let o=r?parseInt(r,10):r;const l=a.min||0,i=a.max||100;o=Number.isNaN(o)?l:o,o=o<l?l:o,o=o>i?i:o,n[t]=o,c(n)},p=(e,t)=>{const r=e.target.value||"0",n=[...s];let o=parseInt(r,10);const l=a.min||0,d=a.max||100;if(o=Number.isNaN(o)?l:o,o=o<l?l:o,o=o>d?d:o,2===s?.length){o=Number.isNaN(o)?l:o;const e=s[0],r=s[1];0===t?(o=o<l?l:o,o=o>r?r:o):1===t&&(o=o<e?e:o,o=o>d?d:o)}n[t]=o,c(n),i&&i(n)};return t.jsxs("div",{children:[t.jsxs("p",{css:Ot(n),"aria-label":e,children:[l?t.jsx("span",{children:"*"}):null,e]}),r?t.jsx("p",{css:zt(n),"aria-label":r,children:r}):null,t.jsxs("div",{css:Ht,children:[a.step&&a.marks?t.jsx(wt,{items:a.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"90px"},value:[`${s?.[0]}`],onChange:e=>{const t=e.map((e=>parseInt(e,10)));c(t),i&&i(t)}}):t.jsx(Ke,{"aria-label":e,min:a.min,max:a.max,value:s?.[0],type:"number",onChange:e=>d(e,0),onBlur:e=>p(e,0),className:"opacity-control-text-input",onClick:e=>e.target.select()}),t.jsx(Ie,{css:{},...a,value:s,onValueChangeEnd:e=>{c(e.value),i&&i(e.value)}}),2===s?.length?t.jsx(Ke,{"aria-label":e,min:a.min,max:a.max,value:s?.[1],type:"number",onChange:e=>d(e,1),onBlur:e=>p(e,1),className:"opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},exports.Switch=Re,exports.TabBar=ur,exports.Table=({columns:r,data:n,renderRow:a,striped:l,stickyHeader:i,pagination:s,selectable:c,selectedRows:d,onSortColumn:p,onPageSizeChange:u,onPageChange:x,onAllItemsSelected:h})=>{const[g,f]=o.useState({key:"",order:""}),{totalItems:C=n.length,currentPage:b=1,pageSize:m=10,showItemCount:v,showItemCountText:j}=s||{},y=(e,t)=>{f({key:e,order:t}),p&&p({key:e,order:t})},w=d?.length===n?.length,k=d&&d.length>0&&!w;return t.jsxs("div",{children:[t.jsxs(e.Table.Root,{css:nn,striped:l,stickyHeader:i,interactive:!0,children:[t.jsx(e.Table.Header,{css:on,children:t.jsxs(e.Table.Row,{children:[c?t.jsx(e.Table.ColumnHeader,{children:t.jsx(ae,{name:"header-checkbox",checked:w,indeterminate:k,onCheckedChange:({checked:e})=>{h&&h(e)}})}):null,r.map((r=>t.jsx(e.Table.ColumnHeader,{role:r.sortable?"columnheader":void 0,"aria-sort":r.sortable&&"asc"===g.order?"ascending":r.sortable&&"desc"===g.order?"descending":void 0,children:t.jsxs("div",{css:an,children:[r.label,r.sortable?t.jsxs("div",{css:ln,children:[t.jsx(q,{css:sn(g.key===r.key&&"asc"===g.order),icon:t.jsx($,{style:{transform:"rotate(180deg)"}}),onClick:()=>y(r.key,"asc"),"aria-label":"Ascending"}),t.jsx(q,{css:sn(g.key===r.key&&"desc"===g.order),icon:t.jsx($,{}),onClick:()=>y(r.key,"desc"),"aria-label":"Descending"})]}):null]})},r.key)))]})}),t.jsx(e.Table.Body,{children:n.map((e=>t.jsx(o.Fragment,{children:a(e)},e.id)))})]}),t.jsxs("div",{css:cn,children:[t.jsx("div",{children:v?t.jsx(Kr,{pageSize:m,currentPage:b,totalItems:C,onPageSizeChange:u,showItemCountText:j}):null}),s?t.jsx("div",{css:dn,children:t.jsx(rn,{totalItems:C,pageSize:m,currentPage:b,onPageChange:x})}):null]})]})},exports.TableCell=un,exports.TableRow=pn,exports.Tag=vt,exports.TextInput=Ke,exports.Textarea=({label:r,caption:n,placeholder:a,errorMessage:l,required:i,disabled:s,size:c="default",defaultValue:d="",onChange:p,minLength:u,maxLength:x,...h})=>{const[g,f]=o.useState(d),[C,b]=o.useState(!1),[m,v]=o.useState(!1),[j,y]=o.useState("");o.useEffect((()=>{const{length:e}=d;u&&e<u&&e>0?(b(e<u),v(!1),y(`Enter at least ${u-e} characters`)):u&&0===e&&y(`Min ${u} characters`),x&&e>0?(b(!1),v(e>x),y(`You have ${x-e} characters remaining`)):x&&0===e&&y(`Max ${x} characters`)}),[]);const w=!!l||C||m;return t.jsxs("div",{css:Nt(c),children:[w?t.jsx("div",{css:Ft}):null,t.jsxs(e.Field.Root,{required:i,invalid:w,gap:"0",style:{marginLeft:w?"19px":"0px"},children:[r?t.jsxs(e.Field.Label,{css:At(c,s),"aria-label":r,children:[t.jsx(e.Field.RequiredIndicator,{"aria-label":"required"}),r,i?"":t.jsx("span",{children:" (Optional)"})]}):null,n?t.jsx(e.Field.HelperText,{css:Zt(c,s),"aria-label":n,children:n}):null,l?t.jsx(e.Field.ErrorText,{css:Yt,"aria-label":l,children:l}):null,t.jsx(e.Textarea,{placeholder:a,disabled:s,css:qt(c,g,d),onChange:e=>{f(e.target.value);const{length:t}=e.target.value;u&&x?(b(t<u),v(t>x),y(`You have ${x-t} characters remaining`)):u?(b(t<u),v(!1),y(t<u?`Enter at least ${u-t} characters`:"")):x&&(v(t>x),b(!1),y(`You have ${x-t} characters remaining`)),p&&p(e)},value:g,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...h}),C&&u?t.jsxs(e.Field.ErrorText,{css:Yt,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",u-g.length," more characters"]}):null,m&&x?t.jsxs(e.Field.ErrorText,{css:Yt,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",g.length-x," characters too many"]}):null,!j||m||C?null:t.jsx(e.Field.HelperText,{css:Wt,"aria-label":j,children:j})]})]})},exports.Toast=()=>Object.keys(ea).map((r=>t.jsx(e.Portal,{children:t.jsx(e.Toaster,{toaster:ea[r],insetInline:{mdDown:"4"},children:n=>t.jsxs(e.Toast.Root,{css:Go,width:{md:"sm"},children:[t.jsxs(e.Stack,{flexDirection:"row",className:"icon-container",children:["info"===n.type?n.meta?.icon?n.meta.icon:t.jsx(w,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===n.type?t.jsx(e.Spinner,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===n.type?n.meta?.icon?n.meta.icon:t.jsx(D,{color:"var(--chakra-colors-success-500)"}):null,"warning"===n.type?n.meta?.icon?n.meta.icon:t.jsx(R,{color:"var(--chakra-colors-warning-500)"}):null,"error"===n.type?n.meta?.icon?n.meta.icon:t.jsx(T,{color:"var(--chakra-colors-error-500)"}):null,t.jsxs(e.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[t.jsx(e.Toast.Title,{css:Uo,"aria-label":`${n.title}`,children:n.title}),n.description?t.jsx(e.Toast.Title,{css:Xo,"aria-label":`${n.description}`,children:n.description}):null]})]}),n.action||n.meta?.closable?t.jsxs(e.Stack,{flexDirection:"row",children:[n.action?t.jsx(C,{css:Ko,label:n.action.label,size:"small",variant:"info"===n.type?"primary":"secondary",onClick:()=>{n?.action?.onClick&&n.action.onClick(),ea[r].dismiss()}}):null,n.meta?.closable?t.jsx(C,{css:Jo,label:n.meta.closableLabel,"aria-label":n.meta?.closableLabel||"Dismiss",leftIcon:t.jsx(k,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>ea[r].dismiss()}):null]}):null]})})},r))),exports.designSystemStyles=d,exports.getThemedColor=p,exports.showToast=e=>{ea[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})};
+`)}):t.jsx("div",{css:Ar,children:e?.map(((e,r)=>t.jsx("div",{"data-test":`${e}-${n?.[r]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${n?.[r]}`)))}),t.jsx("div",{css:Zr,children:n?.map((e=>t.jsx("div",{style:{width:a?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:Wr,children:e})},e)))}),o&&o.length?t.jsx("div",{css:Zr,children:o.map((e=>t.jsx("div",{style:{width:a?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:Yr,style:{width:"100%"},children:e})},e)))}):null]});var l},exports.Select=wt,exports.Slider=Ie,exports.SliderInput=({label:e,caption:r,size:n="default",sliderItem:a,required:l,onChange:i})=>{const[s,c]=o.useState(a.value||[]),d=(e,t)=>{const r=e.target.value,n=[...s];let o=r?parseInt(r,10):r;const l=a.min||0,i=a.max||100;o=Number.isNaN(o)?l:o,o=o<l?l:o,o=o>i?i:o,n[t]=o,c(n)},p=(e,t)=>{const r=e.target.value||"0",n=[...s];let o=parseInt(r,10);const l=a.min||0,d=a.max||100;if(o=Number.isNaN(o)?l:o,o=o<l?l:o,o=o>d?d:o,2===s?.length){o=Number.isNaN(o)?l:o;const e=s[0],r=s[1];0===t?(o=o<l?l:o,o=o>r?r:o):1===t&&(o=o<e?e:o,o=o>d?d:o)}n[t]=o,c(n),i&&i(n)};return t.jsxs("div",{children:[t.jsxs("p",{css:Ot(n),"aria-label":e,children:[l?t.jsx("span",{children:"*"}):null,e]}),r?t.jsx("p",{css:zt(n),"aria-label":r,children:r}):null,t.jsxs("div",{css:Ht,children:[a.step&&a.marks?t.jsx(wt,{items:a.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"90px"},value:[`${s?.[0]}`],onChange:e=>{const t=e.map((e=>parseInt(e,10)));c(t),i&&i(t)}}):t.jsx(Ke,{"aria-label":e,min:a.min,max:a.max,value:s?.[0],type:"number",onChange:e=>d(e,0),onBlur:e=>p(e,0),className:"opacity-control-text-input",onClick:e=>e.target.select()}),t.jsx(Ie,{css:{},...a,value:s,onValueChangeEnd:e=>{c(e.value),i&&i(e.value)}}),2===s?.length?t.jsx(Ke,{"aria-label":e,min:a.min,max:a.max,value:s?.[1],type:"number",onChange:e=>d(e,1),onBlur:e=>p(e,1),className:"opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},exports.StepBar=({steps:e,currentStep:n})=>t.jsxs("div",{css:kn,children:[e.map(((e,o)=>{return t.jsxs("div",{css:Sn,children:[t.jsx("button",{css:(a=n>=o+1,r.css`
+  height: 32px;
+  width: 32px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 4px;
+  background-color: ${p("neutral",300)};
+  color: ${p("neutral",500)};
+  font-size: 20px;
+  line-height: 28px;
+  font-weight: 700;
+  cursor: not-allowed;
+
+  ${a?`\n  background-color: ${p("primary",100)};\n  color: ${p("primary",800)};\n  border: 1px solid ${p("primary",400)};\n  box-shadow: 0px 1px 2px -1px #0000001A;\n  box-shadow: 0px 1px 3px 0px #0000001A;\n  cursor: pointer;\n  `:""}
+`),type:"button",onClick:e.onClick,"aria-current":n===o+1,"aria-disabled":n<o+1,disabled:n<o+1,"aria-label":`Current Step ${o}${e.label?` ${e.label}`:""}`,children:n>o+1?t.jsx(j,{height:"16px",width:"16px"}):o+1}),e.label?t.jsx("p",{css:Ln(n===o+1),children:e.label}):null]},`${e.label}-${o}`);var a})),t.jsx("div",{css:Mn,children:t.jsx("div",{css:Vn})})]}),exports.Switch=Re,exports.TabBar=ur,exports.Table=({columns:r,data:n,renderRow:a,striped:l,stickyHeader:i,pagination:s,selectable:c,selectedRows:d,onSortColumn:p,onPageSizeChange:u,onPageChange:x,onAllItemsSelected:h})=>{const[g,f]=o.useState({key:"",order:""}),{totalItems:C=n.length,currentPage:b=1,pageSize:m=10,showItemCount:v,showItemCountText:j}=s||{},y=(e,t)=>{f({key:e,order:t}),p&&p({key:e,order:t})},w=d?.length===n?.length,k=d&&d.length>0&&!w;return t.jsxs("div",{children:[t.jsxs(e.Table.Root,{css:nn,striped:l,stickyHeader:i,interactive:!0,children:[t.jsx(e.Table.Header,{css:on,children:t.jsxs(e.Table.Row,{children:[c?t.jsx(e.Table.ColumnHeader,{children:t.jsx(ae,{name:"header-checkbox",checked:w,indeterminate:k,onCheckedChange:({checked:e})=>{h&&h(e)}})}):null,r.map((r=>t.jsx(e.Table.ColumnHeader,{role:r.sortable?"columnheader":void 0,"aria-sort":r.sortable&&"asc"===g.order?"ascending":r.sortable&&"desc"===g.order?"descending":void 0,children:t.jsxs("div",{css:an,children:[r.label,r.sortable?t.jsxs("div",{css:ln,children:[t.jsx(q,{css:sn(g.key===r.key&&"asc"===g.order),icon:t.jsx($,{style:{transform:"rotate(180deg)"}}),onClick:()=>y(r.key,"asc"),"aria-label":"Ascending"}),t.jsx(q,{css:sn(g.key===r.key&&"desc"===g.order),icon:t.jsx($,{}),onClick:()=>y(r.key,"desc"),"aria-label":"Descending"})]}):null]})},r.key)))]})}),t.jsx(e.Table.Body,{children:n.map((e=>t.jsx(o.Fragment,{children:a(e)},e.id)))})]}),t.jsxs("div",{css:cn,children:[t.jsx("div",{children:v?t.jsx(Kr,{pageSize:m,currentPage:b,totalItems:C,onPageSizeChange:u,showItemCountText:j}):null}),s?t.jsx("div",{css:dn,children:t.jsx(rn,{totalItems:C,pageSize:m,currentPage:b,onPageChange:x})}):null]})]})},exports.TableCell=un,exports.TableRow=pn,exports.Tag=vt,exports.TextInput=Ke,exports.Textarea=({label:r,caption:n,placeholder:a,errorMessage:l,required:i,disabled:s,size:c="default",defaultValue:d="",onChange:p,minLength:u,maxLength:x,...h})=>{const[g,f]=o.useState(d),[C,b]=o.useState(!1),[m,v]=o.useState(!1),[j,y]=o.useState("");o.useEffect((()=>{const{length:e}=d;u&&e<u&&e>0?(b(e<u),v(!1),y(`Enter at least ${u-e} characters`)):u&&0===e&&y(`Min ${u} characters`),x&&e>0?(b(!1),v(e>x),y(`You have ${x-e} characters remaining`)):x&&0===e&&y(`Max ${x} characters`)}),[]);const w=!!l||C||m;return t.jsxs("div",{css:Nt(c),children:[w?t.jsx("div",{css:Ft}):null,t.jsxs(e.Field.Root,{required:i,invalid:w,gap:"0",style:{marginLeft:w?"19px":"0px"},children:[r?t.jsxs(e.Field.Label,{css:At(c,s),"aria-label":r,children:[t.jsx(e.Field.RequiredIndicator,{"aria-label":"required"}),r,i?"":t.jsx("span",{children:" (Optional)"})]}):null,n?t.jsx(e.Field.HelperText,{css:Zt(c,s),"aria-label":n,children:n}):null,l?t.jsx(e.Field.ErrorText,{css:Yt,"aria-label":l,children:l}):null,t.jsx(e.Textarea,{placeholder:a,disabled:s,css:qt(c,g,d),onChange:e=>{f(e.target.value);const{length:t}=e.target.value;u&&x?(b(t<u),v(t>x),y(`You have ${x-t} characters remaining`)):u?(b(t<u),v(!1),y(t<u?`Enter at least ${u-t} characters`:"")):x&&(v(t>x),b(!1),y(`You have ${x-t} characters remaining`)),p&&p(e)},value:g,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...h}),C&&u?t.jsxs(e.Field.ErrorText,{css:Yt,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",u-g.length," more characters"]}):null,m&&x?t.jsxs(e.Field.ErrorText,{css:Yt,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",g.length-x," characters too many"]}):null,!j||m||C?null:t.jsx(e.Field.HelperText,{css:Wt,"aria-label":j,children:j})]})]})},exports.Toast=()=>Object.keys(aa).map((r=>t.jsx(e.Portal,{children:t.jsx(e.Toaster,{toaster:aa[r],insetInline:{mdDown:"4"},children:n=>t.jsxs(e.Toast.Root,{css:Qo,width:{md:"sm"},children:[t.jsxs(e.Stack,{flexDirection:"row",className:"icon-container",children:["info"===n.type?n.meta?.icon?n.meta.icon:t.jsx(w,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===n.type?t.jsx(e.Spinner,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===n.type?n.meta?.icon?n.meta.icon:t.jsx(D,{color:"var(--chakra-colors-success-500)"}):null,"warning"===n.type?n.meta?.icon?n.meta.icon:t.jsx(R,{color:"var(--chakra-colors-warning-500)"}):null,"error"===n.type?n.meta?.icon?n.meta.icon:t.jsx(T,{color:"var(--chakra-colors-error-500)"}):null,t.jsxs(e.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[t.jsx(e.Toast.Title,{css:ea,"aria-label":`${n.title}`,children:n.title}),n.description?t.jsx(e.Toast.Title,{css:ta,"aria-label":`${n.description}`,children:n.description}):null]})]}),n.action||n.meta?.closable?t.jsxs(e.Stack,{flexDirection:"row",children:[n.action?t.jsx(C,{css:ra,label:n.action.label,size:"small",variant:"info"===n.type?"primary":"secondary",onClick:()=>{n?.action?.onClick&&n.action.onClick(),aa[r].dismiss()}}):null,n.meta?.closable?t.jsx(C,{css:na,label:n.meta.closableLabel,"aria-label":n.meta?.closableLabel||"Dismiss",leftIcon:t.jsx(k,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>aa[r].dismiss()}):null]}):null]})})},r))),exports.designSystemStyles=d,exports.getThemedColor=p,exports.showToast=e=>{aa[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})};

package/dist/index.d.ts

@@ -531,6 +531,16 @@ type NavigationRailProps = {
 
 declare const NavigationRail: ({ tabs, defaultValue, onTabClick, children, onOpenChange, customHeight, }: NavigationRailProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type StepBarProps = {
+    steps: {
+        label?: string;
+        onClick?: () => void;
+    }[];
+    currentStep: number;
+};
+
+declare const StepBar: ({ steps, currentStep }: StepBarProps) => _emotion_react_jsx_runtime.JSX.Element;
+
 declare const TabBar: ({ variant, defaultValue, tabs, onTabClick, }: TabBarProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 type MenuItemProps = {
@@ -560,7 +570,8 @@ type ModalProps = {
     title: string;
     content: React.ReactNode;
     size?: 'small' | 'medium' | 'large' | 'xlarge';
-    isDraggable?: boolean;
+    draggable?: boolean;
+    blocking?: boolean;
     open: boolean;
     onClose?: () => void;
     showCancelButton?: boolean;
@@ -570,7 +581,7 @@ type ModalProps = {
     onActionClick?: VoidFunction;
 };
 
-declare const Modal: ({ title, content, size, isDraggable, open, onClose, showCancelButton, cancelLabel, showActionButton, actionLabel, onActionClick, }: ModalProps) => _emotion_react_jsx_runtime.JSX.Element | null;
+declare const Modal: ({ title, content, size, draggable, blocking, open, onClose, showCancelButton, cancelLabel, showActionButton, actionLabel, onActionClick, }: ModalProps) => _emotion_react_jsx_runtime.JSX.Element | null;
 
 type BadgeProps = {
     hasNotification?: boolean;
@@ -640,4 +651,4 @@ declare const IconMarkers: {
     Plant: ({ ariaLabel, onClick }: GenericIconMarkersProps) => react_jsx_runtime.JSX.Element;
 };
 
-export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerPanel, LayerParameters, LegendItem, LegendPanel, MapControl, MapControls, Menu, Modal, MultiActionButton, NavigationRail, OptionCard, Pagination, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, ScaleBar, Select, Slider, SliderInput, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };
+export { Badge, Breadcrumb, Button, Checkbox, CheckboxList, CheckboxOptionCard, CloseButton, Footer, IconButton, IconMarker, IconMarkers, InlineMessage, InputWithUnits, ItemCount, LayerGroup, LayerGroupContainer, LayerItem, LayerPanel, LayerParameters, LegendItem, LegendPanel, MapControl, MapControls, Menu, Modal, MultiActionButton, NavigationRail, OptionCard, Pagination, Password, QualitativeAttribute, Radio, RadioGroup, RadioList, ScaleBar, Select, Slider, SliderInput, StepBar, Switch, TabBar, Table, TableCell, TableRow, Tag, TextInput, Textarea, Toast, designSystemStyles, getThemedColor, showToast };