@worldresources/wri-design-systems 0.0.1 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -1,7 +1,7 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),l=require("react-dom/client"),o=require("@chakra-ui/react"),n=require("@emotion/styled");!function(e,r){void 0===r&&(r={});var l=r.insertAt;if("undefined"!=typeof document){var o=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}("body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n*:focus-visible {\n box-shadow: none !important;\n}\n");const a={neutral:{100:{value:"#FFFFFF"},200:{value:"#F6F6F6"},300:{value:"#E7E6E6"},400:{value:"#C9C9C9"},500:{value:"#9B9B9B"},600:{value:"#686767"},700:{value:"#4F4E4E"},800:{value:"#1A1919"},900:{value:"#000000"}},primary:{100:{value:"#FFFBF2"},200:{value:"#FCEFD3"},500:{value:"#F0AB00"},600:{value:"#D49700"},700:{value:"#AD7500"},800:{value:"#5F4205"},900:{value:"#332300"}},secondary:{500:{value:"#3855A3"},600:{value:"#263A71"},700:{value:"#1F2F5C"}},success:{100:{value:"#F3FFF2"},200:{value:"#D3EED1"},300:{value:"#C7E9C0"},500:{value:"#086600"}},warning:{100:{value:"#FEF7E5"},200:{value:"#E3CC8F"},500:{value:"#804600"}},error:{100:{value:"#FFF3F4"},200:{value:"#EDA1A9"},500:{value:"#A80011"}}},i=o.createSystem(o.defaultConfig,{theme:{tokens:{colors:a}}}),t=(e,r)=>i.tokens.getVar(`colors.${e}.${r}`)||a?.[e]?.[r]?.value,d=n.div`
1
+ "use strict";var e=require("react/jsx-runtime"),l=require("react"),a=require("react-dom/client"),n=require("@chakra-ui/react"),i=require("@emotion/styled");!function(e,l){void 0===l&&(l={});var a=l.insertAt;if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===a&&n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("body {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n monospace;\n}\n\n*:focus-visible {\n box-shadow: none !important;\n}\n\n/* .app-container {\n margin-left: 364px;\n transition: margin-left 0.1s;\n padding: 20px;\n}\n\n.app-container.sidebar-closed {\n margin-left: 64px;\n transition: margin-left 0.1s;\n} */\n\n/* ::-webkit-scrollbar {\n width: 5px;\n}\n\n::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px grey; \n border-radius: 5px;\n}\n \n::-webkit-scrollbar-thumb {\n background: red; \n border-radius: 5px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #b30000; \n} */\n");const r={neutral:{100:{value:"#FFFFFF"},200:{value:"#F6F6F6"},300:{value:"#E7E6E6"},400:{value:"#C9C9C9"},500:{value:"#9B9B9B"},600:{value:"#686767"},700:{value:"#4F4E4E"},800:{value:"#1A1919"},900:{value:"#000000"}},primary:{100:{value:"#FFFBF2"},200:{value:"#FCEFD3"},500:{value:"#F0AB00"},600:{value:"#D49700"},700:{value:"#AD7500"},800:{value:"#5F4205"},900:{value:"#332300"}},secondary:{500:{value:"#3855A3"},600:{value:"#263A71"},700:{value:"#1F2F5C"}},success:{100:{value:"#F3FFF2"},200:{value:"#D3EED1"},300:{value:"#C7E9C0"},500:{value:"#086600"}},warning:{100:{value:"#FEF7E5"},200:{value:"#E3CC8F"},500:{value:"#804600"}},error:{100:{value:"#FFF3F4"},200:{value:"#EDA1A9"},500:{value:"#A80011"}}},o=n.createSystem(n.defaultConfig,{theme:{tokens:{colors:r}}}),t=(e,l)=>o.tokens.getVar(`colors.${e}.${l}`)||r?.[e]?.[l]?.value,s=i.div`
2
2
  display: flex;
3
3
  align-items: center;
4
- `,s=n(o.Switch.Root)`
4
+ `,d=i(n.Switch.Root)`
5
5
  .chakra-switch__control-container {
6
6
  width: 42px;
7
7
  height: 26px;
@@ -76,7 +76,7 @@
76
76
  }
77
77
  }
78
78
  }
79
- `,x=r=>e.jsx(o.Icon,{...r,children:e.jsxs("svg",{viewBox:"0 0 16 17",children:[e.jsxs("g",{clipPath:"url(#clip0_1216_84)",children:[e.jsx("path",{d:"M9.78791 8.03125H16V2.21875C16 1.27103 15.229 0.5 14.2812 0.5H7.1875V16.5H14.2812C15.229 16.5 16 15.729 16 14.7812V8.96875H9.78791L10.5502 9.73106C10.7333 9.91413 10.7333 10.2109 10.5502 10.394C10.3672 10.577 10.0704 10.577 9.88731 10.394L8.32481 8.83147C8.14175 8.64841 8.14175 8.35162 8.32481 8.16856L9.88731 6.60606C10.0704 6.423 10.3672 6.423 10.5502 6.60606C10.7333 6.78912 10.7333 7.08591 10.5502 7.26897L9.78791 8.03125Z",fill:"#4F4E4E"}),e.jsx("path",{d:"M0 2.21875V14.7812C0 15.729 0.771031 16.5 1.71875 16.5H6.25V0.5H1.71875C0.771031 0.5 0 1.27103 0 2.21875ZM4.375 7.0625H1.875C1.61612 7.0625 1.40625 6.85262 1.40625 6.59375C1.40625 6.33488 1.61612 6.125 1.875 6.125H4.375C4.63387 6.125 4.84375 6.33488 4.84375 6.59375C4.84375 6.85262 4.63387 7.0625 4.375 7.0625ZM4.375 5.1875H1.875C1.61612 5.1875 1.40625 4.97762 1.40625 4.71875C1.40625 4.45988 1.61612 4.25 1.875 4.25H4.375C4.63387 4.25 4.84375 4.45988 4.84375 4.71875C4.84375 4.97762 4.63387 5.1875 4.375 5.1875ZM4.375 2.375C4.63387 2.375 4.84375 2.58488 4.84375 2.84375C4.84375 3.10262 4.63387 3.3125 4.375 3.3125H1.875C1.61612 3.3125 1.40625 3.10262 1.40625 2.84375C1.40625 2.58488 1.61612 2.375 1.875 2.375H4.375Z",fill:"#4F4E4E"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_1216_84",children:e.jsx("rect",{width:"16",height:"16",fill:"white",transform:"translate(0 0.5)"})})})]})}),c=r=>e.jsx(o.Icon,{...r,children:e.jsxs("svg",{viewBox:"0 0 16 17",children:[e.jsx("path",{d:"M0 2.21875V14.7812C0 15.729 0.771031 16.5 1.71875 16.5H6.25V0.5H1.71875C0.771031 0.5 0 1.27103 0 2.21875ZM4.375 7.0625H1.875C1.61612 7.0625 1.40625 6.85262 1.40625 6.59375C1.40625 6.33488 1.61612 6.125 1.875 6.125H4.375C4.63387 6.125 4.84375 6.33488 4.84375 6.59375C4.84375 6.85262 4.63387 7.0625 4.375 7.0625ZM4.375 5.1875H1.875C1.61612 5.1875 1.40625 4.97762 1.40625 4.71875C1.40625 4.45988 1.61612 4.25 1.875 4.25H4.375C4.63387 4.25 4.84375 4.45988 4.84375 4.71875C4.84375 4.97762 4.63387 5.1875 4.375 5.1875ZM4.375 2.375C4.63387 2.375 4.84375 2.58488 4.84375 2.84375C4.84375 3.10262 4.63387 3.3125 4.375 3.3125H1.875C1.61612 3.3125 1.40625 3.10262 1.40625 2.84375C1.40625 2.58488 1.61612 2.375 1.875 2.375H4.375Z",fill:"#4F4E4E"}),e.jsx("path",{d:"M14.2812 0.5H7.1875V8.03125H12.4621L11.6998 7.26897C11.5168 7.08591 11.5168 6.78912 11.6998 6.60606C11.8829 6.423 12.1797 6.423 12.3627 6.60606L13.9252 8.16856C14.1083 8.35162 14.1083 8.64841 13.9252 8.83147L12.3627 10.394C12.1797 10.577 11.8829 10.577 11.6998 10.394C11.5168 10.2109 11.5168 9.91413 11.6998 9.73106L12.4621 8.96875H7.1875V16.5H14.2812C15.229 16.5 16 15.729 16 14.7812V2.21875C16 1.27103 15.229 0.5 14.2812 0.5Z",fill:"#4F4E4E"})]})}),p=r=>e.jsx(o.Icon,{...r,children:e.jsx("svg",{viewBox:"0 0 12 12",height:"12px",width:"12px",children:e.jsx("path",{d:"M4.19632 10.4277L0 6.23139L1.04908 5.18231L4.19632 8.32955L10.9509 1.57495L12 2.62403L4.19632 10.4277Z",fill:"currentColor"})})}),h=r=>e.jsx(o.Icon,{...r,children:e.jsx("svg",{viewBox:"0 0 12 12",height:"12px",width:"12px",children:e.jsx("path",{d:"M0 6.75V5.25H12V6.75H0Z",fill:"auto"})})}),u=r=>e.jsx(o.Icon,{...r,children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.5 7.49997H5.5V4.49997H4.5V7.49997ZM5 3.49997C5.14167 3.49997 5.26042 3.45205 5.35625 3.35622C5.45208 3.26039 5.5 3.14164 5.5 2.99997C5.5 2.8583 5.45208 2.73955 5.35625 2.64372C5.26042 2.54789 5.14167 2.49997 5 2.49997C4.85833 2.49997 4.73958 2.54789 4.64375 2.64372C4.54792 2.73955 4.5 2.8583 4.5 2.99997C4.5 3.14164 4.54792 3.26039 4.64375 3.35622C4.73958 3.45205 4.85833 3.49997 5 3.49997ZM5 9.99997C4.30833 9.99997 3.65833 9.86872 3.05 9.60622C2.44167 9.34372 1.9125 8.98747 1.4625 8.53747C1.0125 8.08747 0.65625 7.5583 0.39375 6.94997C0.13125 6.34164 0 5.69164 0 4.99997C0 4.3083 0.13125 3.6583 0.39375 3.04997C0.65625 2.44164 1.0125 1.91247 1.4625 1.46247C1.9125 1.01247 2.44167 0.656219 3.05 0.393719C3.65833 0.131219 4.30833 -3.05176e-05 5 -3.05176e-05C5.69167 -3.05176e-05 6.34167 0.131219 6.95 0.393719C7.55833 0.656219 8.0875 1.01247 8.5375 1.46247C8.9875 1.91247 9.34375 2.44164 9.60625 3.04997C9.86875 3.6583 10 4.3083 10 4.99997C10 5.69164 9.86875 6.34164 9.60625 6.94997C9.34375 7.5583 8.9875 8.08747 8.5375 8.53747C8.0875 8.98747 7.55833 9.34372 6.95 9.60622C6.34167 9.86872 5.69167 9.99997 5 9.99997Z",fill:"currentColor"})})}),g=r=>e.jsx(o.Icon,{...r,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M8 13.3667L0 5.36667L1.86667 3.5L8 9.63333L14.1333 3.5L16 5.36667L8 13.3667Z",fill:"currentColor"})})}),b=r=>e.jsx(o.Icon,{...r,children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M1 10L0 9L4 5L0 1L1 0L5 4L9 0L10 1L6 5L10 9L9 10L5 6L1 10Z",fill:"currentColor"})})}),m=r=>e.jsx(o.Icon,{...r,children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M5 6.95455C5.56818 6.95455 6.05114 6.75568 6.44886 6.35795C6.84659 5.96023 7.04545 5.47727 7.04545 4.90909C7.04545 4.34091 6.84659 3.85795 6.44886 3.46023C6.05114 3.0625 5.56818 2.86364 5 2.86364C4.43182 2.86364 3.94886 3.0625 3.55114 3.46023C3.15341 3.85795 2.95455 4.34091 2.95455 4.90909C2.95455 5.47727 3.15341 5.96023 3.55114 6.35795C3.94886 6.75568 4.43182 6.95455 5 6.95455ZM5 6.13636C4.65909 6.13636 4.36932 6.01705 4.13068 5.77841C3.89205 5.53977 3.77273 5.25 3.77273 4.90909C3.77273 4.56818 3.89205 4.27841 4.13068 4.03977C4.36932 3.80114 4.65909 3.68182 5 3.68182C5.34091 3.68182 5.63068 3.80114 5.86932 4.03977C6.10795 4.27841 6.22727 4.56818 6.22727 4.90909C6.22727 5.25 6.10795 5.53977 5.86932 5.77841C5.63068 6.01705 5.34091 6.13636 5 6.13636ZM5 8.31818C3.89394 8.31818 2.88636 8.00947 1.97727 7.39205C1.06818 6.77462 0.409091 5.94697 0 4.90909C0.409091 3.87121 1.06818 3.04356 1.97727 2.42614C2.88636 1.80871 3.89394 1.5 5 1.5C6.10606 1.5 7.11364 1.80871 8.02273 2.42614C8.93182 3.04356 9.59091 3.87121 10 4.90909C9.59091 5.94697 8.93182 6.77462 8.02273 7.39205C7.11364 8.00947 6.10606 8.31818 5 8.31818Z",fill:"currentColor"})})}),f=r=>e.jsx(o.Icon,{...r,children:e.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("g",{clipPath:"url(#clip0_4626_1381)",children:e.jsx("path",{d:"M8.54545 9.9375L6.63636 8.05114C6.37121 8.13447 6.10417 8.19697 5.83523 8.23864C5.56629 8.2803 5.28788 8.30114 5 8.30114C3.85606 8.30114 2.83712 7.98485 1.94318 7.35227C1.04924 6.7197 0.401515 5.89962 0 4.89205C0.159091 4.49053 0.359848 4.11742 0.602273 3.77273C0.844697 3.42803 1.12121 3.11932 1.43182 2.84659L0.181818 1.57386L0.818182 0.9375L9.18182 9.30114L8.54545 9.9375ZM5 6.9375C5.08333 6.9375 5.16098 6.93371 5.23295 6.92614C5.30492 6.91856 5.38258 6.90341 5.46591 6.88068L3.01136 4.42614C2.98864 4.50947 2.97348 4.58712 2.96591 4.65909C2.95833 4.73106 2.95455 4.80871 2.95455 4.89205C2.95455 5.46023 3.15341 5.94318 3.55114 6.34091C3.94886 6.73864 4.43182 6.9375 5 6.9375ZM8.31818 7.14205L6.875 5.71023C6.92803 5.58144 6.9697 5.45076 7 5.31818C7.0303 5.18561 7.04545 5.04356 7.04545 4.89205C7.04545 4.32386 6.84659 3.84091 6.44886 3.44318C6.05114 3.04545 5.56818 2.84659 5 2.84659C4.84848 2.84659 4.70644 2.86174 4.57386 2.89205C4.44129 2.92235 4.31061 2.9678 4.18182 3.02841L3.02273 1.86932C3.33333 1.74053 3.65152 1.64394 3.97727 1.57955C4.30303 1.51515 4.64394 1.48295 5 1.48295C6.14394 1.48295 7.16288 1.79924 8.05682 2.43182C8.95076 3.06439 9.59848 3.88447 10 4.89205C9.82576 5.33902 9.59659 5.75379 9.3125 6.13636C9.02841 6.51894 8.69697 6.85417 8.31818 7.14205ZM6.21591 5.05114L4.85227 3.6875C5.06439 3.64962 5.25947 3.66667 5.4375 3.73864C5.61553 3.81061 5.76894 3.91477 5.89773 4.05114C6.02652 4.1875 6.11932 4.3447 6.17614 4.52273C6.23295 4.70076 6.24621 4.87689 6.21591 5.05114Z",fill:"currentColor"})}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_4626_1381",children:e.jsx("rect",{width:"10",height:"10",fill:"white"})})})]})}),$=r=>e.jsx(o.Icon,{...r,children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M6.25 20C5.5625 20 4.97396 19.7552 4.48437 19.2656C3.99479 18.776 3.75 18.1875 3.75 17.5C3.75 16.8125 3.99479 16.224 4.48437 15.7344C4.97396 15.2448 5.5625 15 6.25 15C6.9375 15 7.52604 15.2448 8.01562 15.7344C8.50521 16.224 8.75 16.8125 8.75 17.5C8.75 18.1875 8.50521 18.776 8.01562 19.2656C7.52604 19.7552 6.9375 20 6.25 20ZM13.75 20C13.0625 20 12.474 19.7552 11.9844 19.2656C11.4948 18.776 11.25 18.1875 11.25 17.5C11.25 16.8125 11.4948 16.224 11.9844 15.7344C12.474 15.2448 13.0625 15 13.75 15C14.4375 15 15.026 15.2448 15.5156 15.7344C16.0052 16.224 16.25 16.8125 16.25 17.5C16.25 18.1875 16.0052 18.776 15.5156 19.2656C15.026 19.7552 14.4375 20 13.75 20ZM6.25 12.5C5.5625 12.5 4.97396 12.2552 4.48437 11.7656C3.99479 11.276 3.75 10.6875 3.75 10C3.75 9.3125 3.99479 8.72396 4.48437 8.23438C4.97396 7.74479 5.5625 7.5 6.25 7.5C6.9375 7.5 7.52604 7.74479 8.01562 8.23438C8.50521 8.72396 8.75 9.3125 8.75 10C8.75 10.6875 8.50521 11.276 8.01562 11.7656C7.52604 12.2552 6.9375 12.5 6.25 12.5ZM13.75 12.5C13.0625 12.5 12.474 12.2552 11.9844 11.7656C11.4948 11.276 11.25 10.6875 11.25 10C11.25 9.3125 11.4948 8.72396 11.9844 8.23438C12.474 7.74479 13.0625 7.5 13.75 7.5C14.4375 7.5 15.026 7.74479 15.5156 8.23438C16.0052 8.72396 16.25 9.3125 16.25 10C16.25 10.6875 16.0052 11.276 15.5156 11.7656C15.026 12.2552 14.4375 12.5 13.75 12.5ZM6.25 5C5.5625 5 4.97396 4.75521 4.48437 4.26562C3.99479 3.77604 3.75 3.1875 3.75 2.5C3.75 1.8125 3.99479 1.22396 4.48437 0.734375C4.97396 0.244792 5.5625 0 6.25 0C6.9375 0 7.52604 0.244792 8.01562 0.734375C8.50521 1.22396 8.75 1.8125 8.75 2.5C8.75 3.1875 8.50521 3.77604 8.01562 4.26562C7.52604 4.75521 6.9375 5 6.25 5ZM13.75 5C13.0625 5 12.474 4.75521 11.9844 4.26562C11.4948 3.77604 11.25 3.1875 11.25 2.5C11.25 1.8125 11.4948 1.22396 11.9844 0.734375C12.474 0.244792 13.0625 0 13.75 0C14.4375 0 15.026 0.244792 15.5156 0.734375C16.0052 1.22396 16.25 1.8125 16.25 2.5C16.25 3.1875 16.0052 3.77604 15.5156 4.26562C15.026 4.75521 14.4375 5 13.75 5Z",fill:"currentColor"})})}),v=r=>e.jsx(o.Icon,{...r,children:e.jsxs("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("g",{clipPath:"url(#clip0_5584_387)",children:e.jsx("path",{d:"M8.49906 16L0.940002 10.1207L2.32583 9.07087L8.49906 13.8583L14.6723 9.07087L16.0581 10.1207L8.49906 16ZM8.49906 11.7585L0.940002 5.87926L8.49906 0L16.0581 5.87926L8.49906 11.7585Z",fill:"currentColor"})}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_5584_387",children:e.jsx("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.5)"})})})]})}),C=r=>e.jsx(o.Icon,{...r,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M1.71286 12.5714V3.42857H5.14144V12.5714H1.71286ZM6.28429 12.5714V6.85714H9.71286V12.5714H6.28429ZM10.8557 12.5714V0H14.2843V12.5714H10.8557ZM0.570007 16V13.7143H15.4271V16H0.570007Z",fill:"currentColor"})})}),j=({name:r,defaultChecked:l=!1,onChange:n,disabled:a=!1,isLabelOnLeft:i=!1,children:t,...x})=>e.jsx(d,{children:e.jsxs(s,{id:r,name:r,"aria-label":x["aria-label"]||r,defaultChecked:l,onCheckedChange:({checked:e})=>{n&&n(r,e)},disabled:a,...x,children:[i&&null!=t?e.jsx(o.Switch.Label,{children:t}):null,e.jsx(o.Switch.HiddenInput,{style:{width:"42px",height:"26px"}}),e.jsx("div",{className:"chakra-switch__control-container",children:e.jsx(o.Switch.Control,{children:e.jsx(o.Switch.Thumb,{children:e.jsx(o.Switch.ThumbIndicator,{display:"flex",children:e.jsx(p,{})})})})}),i||null==t?null:e.jsx(o.Switch.Label,{children:t})]})}),w=n(o.Button)`
79
+ `,c=l=>e.jsx(n.Icon,{...l,children:e.jsxs("svg",{viewBox:"0 0 16 17",children:[e.jsxs("g",{clipPath:"url(#clip0_1216_84)",children:[e.jsx("path",{d:"M9.78791 8.03125H16V2.21875C16 1.27103 15.229 0.5 14.2812 0.5H7.1875V16.5H14.2812C15.229 16.5 16 15.729 16 14.7812V8.96875H9.78791L10.5502 9.73106C10.7333 9.91413 10.7333 10.2109 10.5502 10.394C10.3672 10.577 10.0704 10.577 9.88731 10.394L8.32481 8.83147C8.14175 8.64841 8.14175 8.35162 8.32481 8.16856L9.88731 6.60606C10.0704 6.423 10.3672 6.423 10.5502 6.60606C10.7333 6.78912 10.7333 7.08591 10.5502 7.26897L9.78791 8.03125Z",fill:"#4F4E4E"}),e.jsx("path",{d:"M0 2.21875V14.7812C0 15.729 0.771031 16.5 1.71875 16.5H6.25V0.5H1.71875C0.771031 0.5 0 1.27103 0 2.21875ZM4.375 7.0625H1.875C1.61612 7.0625 1.40625 6.85262 1.40625 6.59375C1.40625 6.33488 1.61612 6.125 1.875 6.125H4.375C4.63387 6.125 4.84375 6.33488 4.84375 6.59375C4.84375 6.85262 4.63387 7.0625 4.375 7.0625ZM4.375 5.1875H1.875C1.61612 5.1875 1.40625 4.97762 1.40625 4.71875C1.40625 4.45988 1.61612 4.25 1.875 4.25H4.375C4.63387 4.25 4.84375 4.45988 4.84375 4.71875C4.84375 4.97762 4.63387 5.1875 4.375 5.1875ZM4.375 2.375C4.63387 2.375 4.84375 2.58488 4.84375 2.84375C4.84375 3.10262 4.63387 3.3125 4.375 3.3125H1.875C1.61612 3.3125 1.40625 3.10262 1.40625 2.84375C1.40625 2.58488 1.61612 2.375 1.875 2.375H4.375Z",fill:"#4F4E4E"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_1216_84",children:e.jsx("rect",{width:"16",height:"16",fill:"white",transform:"translate(0 0.5)"})})})]})}),x=l=>e.jsx(n.Icon,{...l,children:e.jsxs("svg",{viewBox:"0 0 16 17",children:[e.jsx("path",{d:"M0 2.21875V14.7812C0 15.729 0.771031 16.5 1.71875 16.5H6.25V0.5H1.71875C0.771031 0.5 0 1.27103 0 2.21875ZM4.375 7.0625H1.875C1.61612 7.0625 1.40625 6.85262 1.40625 6.59375C1.40625 6.33488 1.61612 6.125 1.875 6.125H4.375C4.63387 6.125 4.84375 6.33488 4.84375 6.59375C4.84375 6.85262 4.63387 7.0625 4.375 7.0625ZM4.375 5.1875H1.875C1.61612 5.1875 1.40625 4.97762 1.40625 4.71875C1.40625 4.45988 1.61612 4.25 1.875 4.25H4.375C4.63387 4.25 4.84375 4.45988 4.84375 4.71875C4.84375 4.97762 4.63387 5.1875 4.375 5.1875ZM4.375 2.375C4.63387 2.375 4.84375 2.58488 4.84375 2.84375C4.84375 3.10262 4.63387 3.3125 4.375 3.3125H1.875C1.61612 3.3125 1.40625 3.10262 1.40625 2.84375C1.40625 2.58488 1.61612 2.375 1.875 2.375H4.375Z",fill:"#4F4E4E"}),e.jsx("path",{d:"M14.2812 0.5H7.1875V8.03125H12.4621L11.6998 7.26897C11.5168 7.08591 11.5168 6.78912 11.6998 6.60606C11.8829 6.423 12.1797 6.423 12.3627 6.60606L13.9252 8.16856C14.1083 8.35162 14.1083 8.64841 13.9252 8.83147L12.3627 10.394C12.1797 10.577 11.8829 10.577 11.6998 10.394C11.5168 10.2109 11.5168 9.91413 11.6998 9.73106L12.4621 8.96875H7.1875V16.5H14.2812C15.229 16.5 16 15.729 16 14.7812V2.21875C16 1.27103 15.229 0.5 14.2812 0.5Z",fill:"#4F4E4E"})]})}),p=l=>e.jsx(n.Icon,{...l,children:e.jsx("svg",{viewBox:"0 0 12 12",height:"12px",width:"12px",children:e.jsx("path",{d:"M4.19632 10.4277L0 6.23139L1.04908 5.18231L4.19632 8.32955L10.9509 1.57495L12 2.62403L4.19632 10.4277Z",fill:"currentColor"})})}),h=l=>e.jsx(n.Icon,{...l,children:e.jsx("svg",{viewBox:"0 0 12 12",height:"12px",width:"12px",children:e.jsx("path",{d:"M0 6.75V5.25H12V6.75H0Z",fill:"auto"})})}),u=l=>e.jsx(n.Icon,{...l,children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M4.5 7.49997H5.5V4.49997H4.5V7.49997ZM5 3.49997C5.14167 3.49997 5.26042 3.45205 5.35625 3.35622C5.45208 3.26039 5.5 3.14164 5.5 2.99997C5.5 2.8583 5.45208 2.73955 5.35625 2.64372C5.26042 2.54789 5.14167 2.49997 5 2.49997C4.85833 2.49997 4.73958 2.54789 4.64375 2.64372C4.54792 2.73955 4.5 2.8583 4.5 2.99997C4.5 3.14164 4.54792 3.26039 4.64375 3.35622C4.73958 3.45205 4.85833 3.49997 5 3.49997ZM5 9.99997C4.30833 9.99997 3.65833 9.86872 3.05 9.60622C2.44167 9.34372 1.9125 8.98747 1.4625 8.53747C1.0125 8.08747 0.65625 7.5583 0.39375 6.94997C0.13125 6.34164 0 5.69164 0 4.99997C0 4.3083 0.13125 3.6583 0.39375 3.04997C0.65625 2.44164 1.0125 1.91247 1.4625 1.46247C1.9125 1.01247 2.44167 0.656219 3.05 0.393719C3.65833 0.131219 4.30833 -3.05176e-05 5 -3.05176e-05C5.69167 -3.05176e-05 6.34167 0.131219 6.95 0.393719C7.55833 0.656219 8.0875 1.01247 8.5375 1.46247C8.9875 1.91247 9.34375 2.44164 9.60625 3.04997C9.86875 3.6583 10 4.3083 10 4.99997C10 5.69164 9.86875 6.34164 9.60625 6.94997C9.34375 7.5583 8.9875 8.08747 8.5375 8.53747C8.0875 8.98747 7.55833 9.34372 6.95 9.60622C6.34167 9.86872 5.69167 9.99997 5 9.99997Z",fill:"currentColor"})})}),b=l=>e.jsx(n.Icon,{...l,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M8 13.3667L0 5.36667L1.86667 3.5L8 9.63333L14.1333 3.5L16 5.36667L8 13.3667Z",fill:"currentColor"})})}),g=l=>e.jsx(n.Icon,{...l,children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M1 10L0 9L4 5L0 1L1 0L5 4L9 0L10 1L6 5L10 9L9 10L5 6L1 10Z",fill:"currentColor"})})}),m=l=>e.jsx(n.Icon,{...l,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M8 16C7.45 16 6.97917 15.8042 6.5875 15.4125C6.19583 15.0208 6 14.55 6 14C6 13.45 6.19583 12.9792 6.5875 12.5875C6.97917 12.1958 7.45 12 8 12C8.55 12 9.02083 12.1958 9.4125 12.5875C9.80417 12.9792 10 13.45 10 14C10 14.55 9.80417 15.0208 9.4125 15.4125C9.02083 15.8042 8.55 16 8 16ZM8 10C7.45 10 6.97917 9.80417 6.5875 9.4125C6.19583 9.02083 6 8.55 6 8C6 7.45 6.19583 6.97917 6.5875 6.5875C6.97917 6.19583 7.45 6 8 6C8.55 6 9.02083 6.19583 9.4125 6.5875C9.80417 6.97917 10 7.45 10 8C10 8.55 9.80417 9.02083 9.4125 9.4125C9.02083 9.80417 8.55 10 8 10ZM8 4C7.45 4 6.97917 3.80417 6.5875 3.4125C6.19583 3.02083 6 2.55 6 2C6 1.45 6.19583 0.979167 6.5875 0.5875C6.97917 0.195833 7.45 0 8 0C8.55 0 9.02083 0.195833 9.4125 0.5875C9.80417 0.979167 10 1.45 10 2C10 2.55 9.80417 3.02083 9.4125 3.4125C9.02083 3.80417 8.55 4 8 4Z",fill:"currentColor"})})}),j=l=>e.jsx(n.Icon,{...l,children:e.jsx("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M5 6.95455C5.56818 6.95455 6.05114 6.75568 6.44886 6.35795C6.84659 5.96023 7.04545 5.47727 7.04545 4.90909C7.04545 4.34091 6.84659 3.85795 6.44886 3.46023C6.05114 3.0625 5.56818 2.86364 5 2.86364C4.43182 2.86364 3.94886 3.0625 3.55114 3.46023C3.15341 3.85795 2.95455 4.34091 2.95455 4.90909C2.95455 5.47727 3.15341 5.96023 3.55114 6.35795C3.94886 6.75568 4.43182 6.95455 5 6.95455ZM5 6.13636C4.65909 6.13636 4.36932 6.01705 4.13068 5.77841C3.89205 5.53977 3.77273 5.25 3.77273 4.90909C3.77273 4.56818 3.89205 4.27841 4.13068 4.03977C4.36932 3.80114 4.65909 3.68182 5 3.68182C5.34091 3.68182 5.63068 3.80114 5.86932 4.03977C6.10795 4.27841 6.22727 4.56818 6.22727 4.90909C6.22727 5.25 6.10795 5.53977 5.86932 5.77841C5.63068 6.01705 5.34091 6.13636 5 6.13636ZM5 8.31818C3.89394 8.31818 2.88636 8.00947 1.97727 7.39205C1.06818 6.77462 0.409091 5.94697 0 4.90909C0.409091 3.87121 1.06818 3.04356 1.97727 2.42614C2.88636 1.80871 3.89394 1.5 5 1.5C6.10606 1.5 7.11364 1.80871 8.02273 2.42614C8.93182 3.04356 9.59091 3.87121 10 4.90909C9.59091 5.94697 8.93182 6.77462 8.02273 7.39205C7.11364 8.00947 6.10606 8.31818 5 8.31818Z",fill:"currentColor"})})}),v=l=>e.jsx(n.Icon,{...l,children:e.jsxs("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("g",{clipPath:"url(#clip0_4626_1381)",children:e.jsx("path",{d:"M8.54545 9.9375L6.63636 8.05114C6.37121 8.13447 6.10417 8.19697 5.83523 8.23864C5.56629 8.2803 5.28788 8.30114 5 8.30114C3.85606 8.30114 2.83712 7.98485 1.94318 7.35227C1.04924 6.7197 0.401515 5.89962 0 4.89205C0.159091 4.49053 0.359848 4.11742 0.602273 3.77273C0.844697 3.42803 1.12121 3.11932 1.43182 2.84659L0.181818 1.57386L0.818182 0.9375L9.18182 9.30114L8.54545 9.9375ZM5 6.9375C5.08333 6.9375 5.16098 6.93371 5.23295 6.92614C5.30492 6.91856 5.38258 6.90341 5.46591 6.88068L3.01136 4.42614C2.98864 4.50947 2.97348 4.58712 2.96591 4.65909C2.95833 4.73106 2.95455 4.80871 2.95455 4.89205C2.95455 5.46023 3.15341 5.94318 3.55114 6.34091C3.94886 6.73864 4.43182 6.9375 5 6.9375ZM8.31818 7.14205L6.875 5.71023C6.92803 5.58144 6.9697 5.45076 7 5.31818C7.0303 5.18561 7.04545 5.04356 7.04545 4.89205C7.04545 4.32386 6.84659 3.84091 6.44886 3.44318C6.05114 3.04545 5.56818 2.84659 5 2.84659C4.84848 2.84659 4.70644 2.86174 4.57386 2.89205C4.44129 2.92235 4.31061 2.9678 4.18182 3.02841L3.02273 1.86932C3.33333 1.74053 3.65152 1.64394 3.97727 1.57955C4.30303 1.51515 4.64394 1.48295 5 1.48295C6.14394 1.48295 7.16288 1.79924 8.05682 2.43182C8.95076 3.06439 9.59848 3.88447 10 4.89205C9.82576 5.33902 9.59659 5.75379 9.3125 6.13636C9.02841 6.51894 8.69697 6.85417 8.31818 7.14205ZM6.21591 5.05114L4.85227 3.6875C5.06439 3.64962 5.25947 3.66667 5.4375 3.73864C5.61553 3.81061 5.76894 3.91477 5.89773 4.05114C6.02652 4.1875 6.11932 4.3447 6.17614 4.52273C6.23295 4.70076 6.24621 4.87689 6.21591 5.05114Z",fill:"currentColor"})}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_4626_1381",children:e.jsx("rect",{width:"10",height:"10",fill:"white"})})})]})}),f=l=>e.jsx(n.Icon,{...l,children:e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M6.25 20C5.5625 20 4.97396 19.7552 4.48437 19.2656C3.99479 18.776 3.75 18.1875 3.75 17.5C3.75 16.8125 3.99479 16.224 4.48437 15.7344C4.97396 15.2448 5.5625 15 6.25 15C6.9375 15 7.52604 15.2448 8.01562 15.7344C8.50521 16.224 8.75 16.8125 8.75 17.5C8.75 18.1875 8.50521 18.776 8.01562 19.2656C7.52604 19.7552 6.9375 20 6.25 20ZM13.75 20C13.0625 20 12.474 19.7552 11.9844 19.2656C11.4948 18.776 11.25 18.1875 11.25 17.5C11.25 16.8125 11.4948 16.224 11.9844 15.7344C12.474 15.2448 13.0625 15 13.75 15C14.4375 15 15.026 15.2448 15.5156 15.7344C16.0052 16.224 16.25 16.8125 16.25 17.5C16.25 18.1875 16.0052 18.776 15.5156 19.2656C15.026 19.7552 14.4375 20 13.75 20ZM6.25 12.5C5.5625 12.5 4.97396 12.2552 4.48437 11.7656C3.99479 11.276 3.75 10.6875 3.75 10C3.75 9.3125 3.99479 8.72396 4.48437 8.23438C4.97396 7.74479 5.5625 7.5 6.25 7.5C6.9375 7.5 7.52604 7.74479 8.01562 8.23438C8.50521 8.72396 8.75 9.3125 8.75 10C8.75 10.6875 8.50521 11.276 8.01562 11.7656C7.52604 12.2552 6.9375 12.5 6.25 12.5ZM13.75 12.5C13.0625 12.5 12.474 12.2552 11.9844 11.7656C11.4948 11.276 11.25 10.6875 11.25 10C11.25 9.3125 11.4948 8.72396 11.9844 8.23438C12.474 7.74479 13.0625 7.5 13.75 7.5C14.4375 7.5 15.026 7.74479 15.5156 8.23438C16.0052 8.72396 16.25 9.3125 16.25 10C16.25 10.6875 16.0052 11.276 15.5156 11.7656C15.026 12.2552 14.4375 12.5 13.75 12.5ZM6.25 5C5.5625 5 4.97396 4.75521 4.48437 4.26562C3.99479 3.77604 3.75 3.1875 3.75 2.5C3.75 1.8125 3.99479 1.22396 4.48437 0.734375C4.97396 0.244792 5.5625 0 6.25 0C6.9375 0 7.52604 0.244792 8.01562 0.734375C8.50521 1.22396 8.75 1.8125 8.75 2.5C8.75 3.1875 8.50521 3.77604 8.01562 4.26562C7.52604 4.75521 6.9375 5 6.25 5ZM13.75 5C13.0625 5 12.474 4.75521 11.9844 4.26562C11.4948 3.77604 11.25 3.1875 11.25 2.5C11.25 1.8125 11.4948 1.22396 11.9844 0.734375C12.474 0.244792 13.0625 0 13.75 0C14.4375 0 15.026 0.244792 15.5156 0.734375C16.0052 1.22396 16.25 1.8125 16.25 2.5C16.25 3.1875 16.0052 3.77604 15.5156 4.26562C15.026 4.75521 14.4375 5 13.75 5Z",fill:"currentColor"})})}),C=l=>e.jsx(n.Icon,{...l,children:e.jsxs("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("g",{clipPath:"url(#clip0_5584_387)",children:e.jsx("path",{d:"M8.49906 16L0.940002 10.1207L2.32583 9.07087L8.49906 13.8583L14.6723 9.07087L16.0581 10.1207L8.49906 16ZM8.49906 11.7585L0.940002 5.87926L8.49906 0L16.0581 5.87926L8.49906 11.7585Z",fill:"currentColor"})}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_5584_387",children:e.jsx("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.5)"})})})]})}),y=l=>e.jsx(n.Icon,{...l,children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M1.71286 12.5714V3.42857H5.14144V12.5714H1.71286ZM6.28429 12.5714V6.85714H9.71286V12.5714H6.28429ZM10.8557 12.5714V0H14.2843V12.5714H10.8557ZM0.570007 16V13.7143H15.4271V16H0.570007Z",fill:"currentColor"})})}),w=({name:l,defaultChecked:a=!1,onChange:i,disabled:r=!1,isLabelOnLeft:o=!1,children:t,...c})=>e.jsx(s,{children:e.jsxs(d,{id:l,name:l,"aria-label":c["aria-label"]||l,defaultChecked:a,onCheckedChange:({checked:e})=>{i&&i(l,e)},disabled:r,...c,children:[o&&null!=t?e.jsx(n.Switch.Label,{children:t}):null,e.jsx(n.Switch.HiddenInput,{style:{width:"42px",height:"26px"}}),e.jsx("div",{className:"chakra-switch__control-container",children:e.jsx(n.Switch.Control,{children:e.jsx(n.Switch.Thumb,{children:e.jsx(n.Switch.ThumbIndicator,{display:"flex",children:e.jsx(p,{})})})})}),o||null==t?null:e.jsx(n.Switch.Label,{children:t})]})}),$=i(n.Button)`
80
80
  width: auto;
81
81
  height: ${({size:e})=>"small"===e?"28px":"40px"};
82
82
  font-size: ${({size:e})=>"small"===e?"12px":"16px"};
@@ -94,15 +94,15 @@
94
94
  width: ${({size:e})=>"small"===e?"10px":"16px"};
95
95
  height: ${({size:e})=>"small"===e?"10px":"16px"};
96
96
  }
97
- `,y=n(w)`
97
+ `,k=i($)`
98
98
  ${({disabled:e})=>e?`\n background-color: ${t("neutral",300)};\n border: 1px solid ${t("neutral",400)};\n color: ${t("neutral",500)};\n\n &:hover {\n background-color: ${t("neutral",300)} !important;\n }\n `:`\n background-color: ${t("primary",500)};\n border: 1px solid ${t("primary",600)};\n color: ${t("primary",900)};\n box-shadow: 0px 1px 2px 0px #0000000D;\n\n &:hover {\n background-color: ${t("primary",500)};\n box-shadow: 0px 2px 4px -2px #0000001A;\n box-shadow: 0px 4px 6px -1px #0000001A;\n }\n\n &:active {\n outline: none;\n background-color: ${t("primary",600)} !important;\n border: 1px solid ${t("primary",700)} !important;\n box-shadow: 0px 2px 4px -2px #0000001A;\n box-shadow: 0px 4px 6px -1px #0000001A;\n }\n\n &:focus-visible {\n outline-color: ${t("primary",700)};\n background-color: ${t("primary",500)};\n border: 2px solid ${t("primary",500)};\n box-shadow: 0px 1px 2px 0px #0000000D;\n }\n `};
99
- `,k=n(w)`
99
+ `,L=i($)`
100
100
  ${({disabled:e})=>e?`\n background-color: ${t("neutral",200)};\n border: 1px solid ${t("neutral",300)};\n color: ${t("neutral",500)};\n\n &:hover {\n background-color: ${t("neutral",200)} !important;\n }\n `:`\n background-color: ${t("neutral",100)};\n border: 1px solid ${t("neutral",300)};\n color: ${t("neutral",700)};\n box-shadow: 0px 1px 2px 0px #0000000D;\n\n &:hover {\n background-color: ${t("neutral",100)};\n box-shadow: 0px 2px 4px -2px #0000001A;\n box-shadow: 0px 4px 6px -1px #0000001A;\n }\n\n &:active {\n outline: none;\n background-color: ${t("neutral",200)} !important;\n border: 1px solid ${t("neutral",300)} !important;\n box-shadow: 0px 2px 4px -2px #0000001A;\n box-shadow: 0px 4px 6px -1px #0000001A;\n }\n\n &:focus-visible {\n outline-color: ${t("primary",700)};\n box-shadow: 0px 1px 2px 0px #0000000D;\n }\n `};
101
- `,z=n(w)`
101
+ `,z=i($)`
102
102
  ${({disabled:e})=>e?`\n background-color: transparent;\n color: ${t("neutral",500)};\n\n &:hover {\n background-color: transparent !important;\n }\n `:`\n background-color: transparent;\n border: none;\n color: ${t("neutral",800)};\n box-shadow: none;\n\n &:hover {\n background-color: color-mix(in srgb, ${t("primary",500)} 20%, transparent);\n }\n\n &:active {\n outline: none;\n background-color: color-mix(in srgb, ${t("primary",500)} 40%, transparent);\n box-shadow: 0px 4px 6px -1px #0000001A;\n }\n\n &:focus-visible {\n outline-color: ${t("primary",700)};\n box-shadow: 0px 1px 2px 0px #0000000D;\n }\n `};
103
- `,L=n(w)`
103
+ `,I=i($)`
104
104
  ${({disabled:e})=>e?`\n background-color: ${t("neutral",200)};\n border: 1px solid ${t("neutral",300)};\n color: ${t("neutral",500)};\n\n &:hover {\n background-color: ${t("neutral",200)} !important;\n }\n `:`\n background-color: transparent;\n border: 1px solid ${t("primary",800)};\n color: ${t("primary",800)};\n\n &:hover {\n background-color: ${t("primary",100)};\n color: ${t("primary",900)};\n }\n\n &:active {\n outline: none;\n background-color: ${t("primary",200)} !important;\n border: 1px solid ${t("primary",900)} !important;\n color: ${t("primary",900)};\n }\n\n &:focus-visible {\n outline-color: ${t("primary",800)};\n background-color: ${t("primary",100)};\n }\n `};
105
- `,I=({label:r,loading:l,variant:n="primary",size:a="default",disabled:i,leftIcon:t,rightIcon:d,...s})=>{let x=y;"secondary"===n?x=k:"borderless"===n?x=z:"outline"===n&&(x=L);return e.jsxs(x,{"aria-label":(()=>{let e=s["aria-label"]||r;return l&&(e="Loading"),e})(),size:a,disabled:i||l,"aria-disabled":i||l,...s,children:[t&&!l?e.jsx(o.Box,{marginRight:r?2:0,display:"flex",alignItems:"center",children:t}):null,!d&&l?e.jsx(o.Spinner,{size:"sm",marginRight:r?2:0}):null,r,d&&!l?e.jsx(o.Box,{marginLeft:r?2:0,display:"flex",alignItems:"center",children:d}):null,d&&l?e.jsx(o.Spinner,{size:"sm",marginLeft:r?2:0}):null]})},S=n.div`
105
+ `,D=({label:l,loading:a,variant:i="primary",size:r="default",disabled:o,leftIcon:t,rightIcon:s,...d})=>{let c=k;"secondary"===i?c=L:"borderless"===i?c=z:"outline"===i&&(c=I);return e.jsxs(c,{"aria-label":(()=>{let e=d["aria-label"]||l;return a&&(e="Loading"),e})(),size:r,disabled:o||a,"aria-disabled":o||a,...d,children:[t&&!a?e.jsx(n.Box,{marginRight:l?2:0,display:"flex",alignItems:"center",children:t}):null,!s&&a?e.jsx(n.Spinner,{size:"sm",marginRight:l?2:0}):null,l,s&&!a?e.jsx(n.Box,{marginLeft:l?2:0,display:"flex",alignItems:"center",children:s}):null,s&&a?e.jsx(n.Spinner,{size:"sm",marginLeft:l?2:0}):null]})},B=i.div`
106
106
  width: 64px;
107
107
  height: 100vh;
108
108
  z-index: 100;
@@ -114,7 +114,7 @@
114
114
  display: flex;
115
115
  flex-direction: column;
116
116
  justify-content: space-between;
117
- `,F=n(o.Tabs.Trigger)`
117
+ `,F=i(n.Tabs.Trigger)`
118
118
  width: 64px;
119
119
  height: 64px;
120
120
  background-color: ${t("neutral",200)};
@@ -204,7 +204,7 @@
204
204
  }
205
205
  }
206
206
  }
207
- `,_=n.div`
207
+ `,A=i.div`
208
208
  display: flex;
209
209
  justify-content: center;
210
210
  align-items: center;
@@ -217,7 +217,7 @@
217
217
  fill: ${t("neutral",600)};
218
218
  }
219
219
  }
220
- `,H=n(o.Collapsible.Trigger)`
220
+ `,T=i(n.Collapsible.Trigger)`
221
221
  width: 64px;
222
222
  height: 64px;
223
223
  background-color: ${t("neutral",200)};
@@ -255,7 +255,7 @@
255
255
  text-align: center;
256
256
  color: ${t("neutral",600)};
257
257
  }
258
- `,M=n.div`
258
+ `,S=i.div`
259
259
  width: 300px;
260
260
  height: 100vh;
261
261
  z-index: 100;
@@ -266,7 +266,7 @@
266
266
  background-color: ${t("neutral",100)};
267
267
  overflow-y: auto;
268
268
  overflow-x: hidden;
269
- `,T=n(o.RadioGroup.Item)`
269
+ `,V=({tabs:a=[],defaultValue:i,onTabClick:r,children:o,onOpenChange:t})=>{const[s,d]=l.useState(!1),[p,h]=l.useState(i||a?.[0]?.value);return e.jsxs(e.Fragment,{children:[e.jsxs(B,{children:[e.jsx(n.Tabs.Root,{defaultValue:i||a?.[0]?.value,orientation:"horizontal",width:"full",onFocusChange:({focusedValue:e})=>{return h(l=e),void(r&&r(l));var l},role:"tablist",children:e.jsx(n.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:a.map((l=>e.jsx(F,{"aria-label":l["aria-label"]||l.label,...l,children:e.jsxs(n.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[l.icon?e.jsx(A,{children:l.icon}):null,e.jsx("p",{children:l.label})]})},l.label)))})}),o?e.jsx(n.Collapsible.Root,{onOpenChange:({open:e})=>{d(e),t&&t(!e)},children:e.jsxs(T,{children:[e.jsx(A,{children:s?e.jsx(x,{}):e.jsx(c,{})}),e.jsxs("div",{className:"tab-label",children:[e.jsx("p",{children:s?"Show":"Hide"}),e.jsx("p",{children:"Sidebar"})]})]})}):null]}),o?e.jsx(n.Collapsible.Root,{defaultOpen:!0,open:!s,children:e.jsx(n.Collapsible.Content,{children:e.jsx(S,{role:"tabpanel","aria-labelledby":p,children:o})})}):null]})},M=i(n.RadioGroup.Item)`
270
270
  .radio-item-indicator {
271
271
  width: 20px;
272
272
  height: 20px;
@@ -324,14 +324,14 @@
324
324
  }
325
325
  }
326
326
  }
327
- `,V=({children:r,value:l,disabled:n,...a})=>e.jsxs(T,{value:l,disabled:n,...a,children:[e.jsx(o.RadioGroup.ItemHiddenInput,{}),e.jsx(o.RadioGroup.ItemIndicator,{className:"radio-item-indicator"}),r?e.jsx(o.RadioGroup.ItemText,{children:r}):null]}),B=({children:l,isRow:n=!1,name:a,defaultValue:i,onChange:t,customGap:d,...s})=>{const[x,c]=r.useState(i);let p=n?"20px":"8px";return p=d||p,e.jsx(o.RadioGroup.Root,{onValueChange:e=>{c(e.value),t&&t(a,e.value)},value:x,...s,children:e.jsx(o.HStack,{gap:p,flexDirection:n?"row":"column",alignItems:"flex-start",children:l})})},R=n.div`
327
+ `,R=({children:l,value:a,disabled:i,...r})=>e.jsxs(M,{value:a,disabled:i,...r,children:[e.jsx(n.RadioGroup.ItemHiddenInput,{}),e.jsx(n.RadioGroup.ItemIndicator,{className:"radio-item-indicator"}),l?e.jsx(n.RadioGroup.ItemText,{children:l}):null]}),_=({children:a,isRow:i=!1,name:r,defaultValue:o,onChange:t,customGap:s,...d})=>{const[c,x]=l.useState(o);let p=i?"20px":"8px";return p=s||p,e.jsx(n.RadioGroup.Root,{onValueChange:e=>{x(e.value),t&&t(r,e.value)},value:c,...d,children:e.jsx(n.HStack,{gap:p,flexDirection:i?"row":"column",alignItems:"flex-start",children:a})})},E=i.div`
328
328
  width: 100%;
329
329
  display: flex;
330
330
  align-items: center;
331
331
  height: 40px;
332
332
 
333
333
  ${({variant:e})=>"view"===e&&`\n border: 1px solid ${t("neutral",400)};\n background-color: ${t("neutral",200)};\n border-radius: 4px;\n padding: 4px;\n `}
334
- `,E=n(o.Tabs.Trigger)`
334
+ `,H=i(n.Tabs.Trigger)`
335
335
  width: 99%;
336
336
  height: 40px;
337
337
  padding: 8px 16px;
@@ -347,7 +347,7 @@
347
347
  &:focus-visible {
348
348
  box-shadow: none;
349
349
  }
350
- `,A=n(E)`
350
+ `,Z=i(H)`
351
351
  background-color: ${t("neutral",200)};
352
352
  color: ${t("neutral",600)};
353
353
 
@@ -398,11 +398,11 @@
398
398
  opacity: 1;
399
399
  }
400
400
  }
401
- `,Z=n.div`
401
+ `,P=i.div`
402
402
  width: 4px;
403
403
  height: 24px;
404
404
  background-color: ${t("neutral",400)};
405
- `,D=n(E)`
405
+ `,N=i(H)`
406
406
  height: 32px;
407
407
  border-radius: 2px;
408
408
  background-color: ${t("neutral",200)};
@@ -469,30 +469,30 @@
469
469
  opacity: 1;
470
470
  }
471
471
  }
472
- `,N=(e,r)=>e.findIndex((e=>e.value===r)),q=e=>1===e?"none":2===e?"left":"right",P=({variant:l="panel",defaultValue:n,tabs:a,onTabClick:i})=>{const[t,d]=r.useState(N(a,n)||0),s="view"===l,x=s?D:A;return e.jsx(R,{variant:l,children:e.jsx(o.Tabs.Root,{width:"full",defaultValue:n||a?.[0]?.value,onFocusChange:({focusedValue:e})=>{return d(N(a,r=e)),void(i&&i(r));var r},children:e.jsx(o.Tabs.List,{alignItems:"center",border:"none",children:a.map(((r,l)=>e.jsxs(e.Fragment,{children:[s&&1===l&&"left"===q(t)?e.jsx(Z,{}):null,e.jsx(x,{"aria-label":r["aria-label"]||r.label,...r,children:e.jsxs(o.Box,{display:"flex",alignItems:"center",gap:"5px",children:[r.icon,r.label]})},r.label),s&&1===l&&"right"===q(t)?e.jsx(Z,{}):null]})))})})})},O=n.div`
472
+ `,q=(e,l)=>e.findIndex((e=>e.value===l)),O=e=>1===e?"none":2===e?"left":"right",U=({variant:a="panel",defaultValue:i,tabs:r,onTabClick:o})=>{const[t,s]=l.useState(q(r,i)||0),d="view"===a,c=d?N:Z;return e.jsx(E,{variant:a,children:e.jsx(n.Tabs.Root,{width:"full",defaultValue:i||r?.[0]?.value,onFocusChange:({focusedValue:e})=>{return s(q(r,l=e)),void(o&&o(l));var l},children:e.jsx(n.Tabs.List,{alignItems:"center",border:"none",children:r.map(((l,a)=>e.jsxs(e.Fragment,{children:[d&&1===a&&"left"===O(t)?e.jsx(P,{}):null,e.jsx(c,{"aria-label":l["aria-label"]||l.label,...l,children:e.jsxs(n.Box,{display:"flex",alignItems:"center",gap:"5px",children:[l.icon,l.label]})},l.label),d&&1===a&&"right"===O(t)?e.jsx(P,{}):null]})))})})})},G=i.div`
473
473
  width: 268px;
474
474
  padding: 16px 0;
475
475
  border-bottom: 1px solid ${t("neutral",300)};
476
- `,G=n.div`
476
+ `,W=i.div`
477
477
  display: flex;
478
478
  align-items: flex-start;
479
479
  justify-content: space-between;
480
- `,U=n.div`
480
+ `,Y=i.div`
481
481
  display: flex;
482
482
  flex-direction: column;
483
- `,Y=n.p`
483
+ `,K=i.p`
484
484
  font-size: 16px;
485
485
  font-weight: 400;
486
486
  line-height: 24px;
487
487
  text-align: left;
488
488
  color: ${t("neutral",800)};
489
- `,W=n.p`
489
+ `,Q=i.p`
490
490
  font-size: 14px;
491
491
  font-weight: 400;
492
492
  line-height: 20px;
493
493
  text-align: left;
494
494
  color: ${t("neutral",600)};
495
- `,Q=({name:r,label:l,caption:n,showInfoButton:a=!0,infoButtonLabel:i="About data",variant:t="switch",disabled:d,onInfoClick:s,isDefaultSelected:x=!1,onChange:c})=>{const p="switch"===t;return e.jsxs(O,{children:[p?e.jsxs(G,{children:[e.jsxs(U,{children:[e.jsx(Y,{"aria-label":l,children:l}),e.jsx(W,{"aria-label":n,children:n})]}),e.jsx(j,{"aria-label":`${l}, ${n}`,name:r,disabled:d,defaultChecked:x,onChange:c,role:"switch"})]}):e.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[e.jsx(V,{value:r,disabled:d,fontSize:"16px",color:"var(--chakra-colors-neutral-800)",children:l}),e.jsx(W,{style:{marginLeft:"28px"},children:n})]}),a?e.jsx(o.Box,{display:"flex",justifyContent:"flex-start",marginTop:"8px",marginLeft:p?0:"28px",children:e.jsx(I,{variant:"secondary",label:i,rightIcon:e.jsx(u,{}),size:"small",onClick:s,disabled:d})}):null]})},J=n(o.Checkbox.Root)`
495
+ `,J=({name:l,label:a,caption:i,showInfoButton:r=!0,infoButtonLabel:o="About data",variant:t="switch",disabled:s,onInfoClick:d,isDefaultSelected:c=!1,onChange:x})=>{const p="switch"===t;return e.jsxs(G,{children:[p?e.jsxs(W,{children:[e.jsxs(Y,{children:[e.jsx(K,{"aria-label":a,children:a}),e.jsx(Q,{"aria-label":i,children:i})]}),e.jsx(w,{"aria-label":`${a}, ${i}`,name:l,disabled:s,defaultChecked:c,onChange:x,role:"switch"})]}):e.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[e.jsx(R,{value:l,disabled:s,fontSize:"16px",color:"var(--chakra-colors-neutral-800)",children:a}),e.jsx(Q,{style:{marginLeft:"28px"},children:i})]}),r?e.jsx(n.Box,{display:"flex",justifyContent:"flex-start",marginTop:"8px",marginLeft:p?0:"28px",children:e.jsx(D,{variant:"secondary",label:o,rightIcon:e.jsx(u,{}),size:"small",onClick:d,disabled:s})}):null]})},X=i(n.Checkbox.Root)`
496
496
  .chakra-checkbox__control {
497
497
  width: 20px;
498
498
  height: 20px;
@@ -558,9 +558,9 @@
558
558
  }
559
559
  }
560
560
  }
561
- `,K=n.div`
561
+ `,ee=({name:l,value:a,checked:i,defaultChecked:r,disabled:o,indeterminate:t,onCheckedChange:s,children:d,...c})=>e.jsxs(X,{name:l,value:a,checked:t?"indeterminate":i,defaultChecked:r,disabled:o,onCheckedChange:s,"aria-label":c["aria-label"]||l,...c,children:[e.jsx(n.Checkbox.HiddenInput,{}),e.jsx(n.Checkbox.Control,{children:t?e.jsx(h,{}):e.jsx(p,{})}),e.jsx(n.Checkbox.Label,{children:d})]}),le=i.div`
562
562
  background-color: ${t("neutral",100)};
563
- `,X=n.span`
563
+ `,ae=i.span`
564
564
  font-size: 16px;
565
565
  font-weight: 700;
566
566
  line-height: 24px;
@@ -570,14 +570,14 @@
570
570
  align-items: center;
571
571
  text-align: left;
572
572
  gap: 10px;
573
- `,ee=n.div`
573
+ `,ne=i.div`
574
574
  font-size: 12px;
575
575
  font-weight: 400;
576
576
  line-height: 16px;
577
577
  text-align: left;
578
578
  color: ${t("neutral",600)};
579
579
  margin-bottom: 8px;
580
- `,re=n(o.Tag.Root)`
580
+ `,ie=i(n.Tag.Root)`
581
581
  max-width: 100%;
582
582
  display: flex;
583
583
  justify-content: center;
@@ -628,43 +628,43 @@
628
628
  background-color: ${t("neutral",300)};
629
629
  color: ${t("neutral",600)};
630
630
  }
631
- `,le=n(re)`
631
+ `,re=i(ie)`
632
632
  background-color: ${t("neutral",100)};
633
633
  border: 1px solid ${t("neutral",300)};
634
- `,oe=n(re)`
634
+ `,oe=i(ie)`
635
635
  background-color: ${t("neutral",200)};
636
636
  border: 1px solid ${t("neutral",400)};
637
- `,ne=n(re)`
637
+ `,te=i(ie)`
638
638
  background-color: ${t("success",100)};
639
639
  border: 1px solid ${t("success",200)};
640
640
  color: ${t("success",500)};
641
- `,ae=n(re)`
641
+ `,se=i(ie)`
642
642
  background-color: ${t("warning",100)};
643
643
  border: 1px solid ${t("warning",200)};
644
644
  color: ${t("warning",500)};
645
- `,ie=n(re)`
645
+ `,de=i(ie)`
646
646
  background-color: ${t("error",100)};
647
647
  border: 1px solid ${t("error",200)};
648
648
  color: ${t("error",500)};
649
- `,te=({label:r,size:l="default",variant:n,disabled:a,icon:i,onClose:t,closable:d,...s})=>{let x=le;return"info-grey"===n?x=oe:"success"===n?x=ne:"warning"===n?x=ae:"error"===n&&(x=ie),e.jsxs(x,{size:l,"data-disabled":a,...s,children:[i?e.jsx(o.Tag.StartElement,{"aria-label":`${r} tag icon`,children:i}):null,e.jsx(o.Tag.Label,{"aria-label":r,children:r}),d&&!a?e.jsx(o.Tag.EndElement,{children:e.jsx(o.Tag.CloseTrigger,{onClick:t,"aria-label":`${r} tag close button`})}):null]})},de=n.div`
649
+ `,ce=({label:l,size:a="default",variant:i,disabled:r,icon:o,onClose:t,closable:s,...d})=>{let c=re;return"info-grey"===i?c=oe:"success"===i?c=te:"warning"===i?c=se:"error"===i&&(c=de),e.jsxs(c,{size:a,"data-disabled":r,...d,children:[o?e.jsx(n.Tag.StartElement,{"aria-label":`${l} tag icon`,children:o}):null,e.jsx(n.Tag.Label,{"aria-label":l,children:l}),s&&!r?e.jsx(n.Tag.EndElement,{children:e.jsx(n.Tag.CloseTrigger,{onClick:t,"aria-label":`${l} tag close button`})}):null]})},xe=({label:a,caption:i,value:r,layerItems:o,onChangeForRadioVariant:t})=>{const[s,d]=l.useState({}),[c]=l.useState((e=>{const l=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return l?.name})(o));l.useEffect((()=>{let e={...s};o.forEach((l=>{l.isDefaultSelected&&(e={...e,["radio"===l.variant?a:l.name]:l.isDefaultSelected})})),d(e)}),[]);const x=(e,l,a,n)=>{const i={...s,[e]:l};d(i),a&&a(e,l,n)},p=Object.values(s).filter((e=>!0===e)).length;return e.jsxs(n.Accordion.Item,{value:r,width:"300px",children:[e.jsxs(n.Accordion.ItemTrigger,{padding:"16px",alignItems:"flex-start",children:[e.jsxs(n.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[e.jsxs(ae,{children:[a,e.jsx(ce,{label:`${p} Active`,size:"small",variant:p>0?"success":"info-grey"})]}),e.jsx(ne,{children:i})]}),e.jsx(n.Accordion.ItemIndicator,{display:"flex",children:e.jsx(b,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),e.jsx(n.Accordion.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:e.jsx(_,{name:a,defaultValue:c,customGap:"0px",onChange:(e,l)=>x(e,!!l,t,l),children:o.map((l=>e.jsx(J,{...l,onChange:(e,a)=>x(e,a,l.onChange)},l.label)))})})]})},pe=({children:l,defaultValue:a,...i})=>e.jsx(le,{style:{width:"300px"},children:e.jsx(n.Accordion.Root,{defaultValue:a,multiple:!0,...i,children:l})}),he=i.div`
650
650
  width: 300px;
651
651
  background-color: ${t("neutral",100)};
652
- `,se=n.aside`
652
+ `,ue=i.aside`
653
653
  padding: 16px 16px 20px 16px;
654
654
  border-bottom: 1px solid ${t("neutral",300)};
655
- `,xe=n.h2`
655
+ `,be=i.h2`
656
656
  color: ${t("neutral",700)};
657
657
  font-weight: 700;
658
658
  font-size: 20px;
659
659
  line-height: 28px;
660
660
  text-align: left;
661
- `,ce=n.p`
661
+ `,ge=i.p`
662
662
  color: ${t("neutral",600)};
663
663
  font-weight: 400;
664
664
  font-size: 14px;
665
665
  line-height: 20px;
666
666
  text-align: left;
667
- `,pe=n.div`
667
+ `,me=({title:l,description:a,tabBarVariant:n="panel",buttonTabs:i,defaultValue:r,onTabClick:o,children:t})=>e.jsxs(he,{children:[e.jsxs(ue,{role:"complementary",children:[e.jsx(be,{"aria-label":l,children:l}),e.jsx(ge,{"aria-label":a,children:a})]}),i&&i.length>0?e.jsx(U,{variant:n,defaultValue:r,tabs:i,onTabClick:o}):null,t]}),je=i.div`
668
668
  width: 100%;
669
669
  min-width: ${({size:e})=>"small"===e?"234px":"366px"};
670
670
  border-radius: 4px;
@@ -679,7 +679,7 @@
679
679
  button {
680
680
  margin-left: ${({isButtonRight:e})=>e?0:"24px"};
681
681
  }
682
- `,he=n.div`
682
+ `,ve=i.div`
683
683
  display: flex;
684
684
  align-items: flex-start;
685
685
  gap: 8px;
@@ -687,26 +687,26 @@
687
687
  svg {
688
688
  margin-top: 6px;
689
689
  }
690
- `,ue=n.p`
690
+ `,fe=i.p`
691
691
  color: ${t("neutral",800)};
692
692
  font-size: ${({size:e})=>"small"===e?"14px":"18px"};
693
693
  line-height: ${({size:e})=>"small"===e?"20px":"28px"};
694
694
  font-weight: 400;
695
- `,ge=n.p`
695
+ `,Ce=i.p`
696
696
  color: ${t("neutral",700)};
697
697
  font-size: ${({size:e})=>"small"===e?"12px":"16px"};
698
698
  line-height: ${({size:e})=>"small"===e?"16px":"24px"};
699
699
  font-weight: 400;
700
700
  margin-left: 24px;
701
- `,be=n(pe)`
701
+ `,ye=i(je)`
702
702
  background-color: ${t("neutral",100)};
703
703
  border: 1px solid ${t("neutral",300)};
704
704
  color: ${t("neutral",700)};
705
- `,me=n(pe)`
705
+ `,we=i(je)`
706
706
  background-color: ${t("neutral",200)};
707
707
  border: 1px solid ${t("neutral",300)};
708
708
  color: ${t("neutral",700)};
709
- `,fe=n(pe)`
709
+ `,$e=i(je)`
710
710
  background-color: ${t("success",100)};
711
711
  border: 1px solid ${t("success",500)};
712
712
  color: ${t("success",500)};
@@ -714,7 +714,7 @@
714
714
  p {
715
715
  color: ${t("success",500)};
716
716
  }
717
- `,$e=n(pe)`
717
+ `,ke=i(je)`
718
718
  background-color: ${t("warning",100)};
719
719
  border: 1px solid ${t("warning",500)};
720
720
  color: ${t("warning",500)};
@@ -722,7 +722,7 @@
722
722
  p {
723
723
  color: ${t("warning",500)};
724
724
  }
725
- `,ve=n(pe)`
725
+ `,Le=i(je)`
726
726
  background-color: ${t("error",100)};
727
727
  border: 1px solid ${t("error",500)};
728
728
  color: ${t("error",500)};
@@ -730,19 +730,19 @@
730
730
  p {
731
731
  color: ${t("error",500)};
732
732
  }
733
- `,Ce=n.div`
733
+ `,ze=({label:l,caption:a,variant:n,size:i="large",icon:r=e.jsx(u,{height:"16px",width:"16px"}),onActionClick:o,actionLabel:t,isButtonRight:s})=>{let d=ye;return"info-grey"===n?d=we:"success"===n?d=$e:"warning"===n?d=ke:"error"===n&&(d=Le),e.jsxs(d,{isButtonRight:s,size:i,"aria-roledescription":"Note",children:[e.jsxs("div",{children:[e.jsxs(ve,{children:[r,e.jsx(fe,{size:i,children:l})]}),e.jsx(Ce,{size:i,children:a})]}),t?e.jsx(D,{label:t,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===i?"default":"small",onClick:o}):null]})},Ie=i.div`
734
734
  width: 100%;
735
735
  display: flex;
736
736
  justify-content: flex-start;
737
737
  align-items: flex-start;
738
738
  gap: ${({size:e})=>"small"===e?"12px":"16px"};
739
739
  margin-bottom: 20px;
740
- `,je=n.div`
740
+ `,De=i.div`
741
741
  width: 3px;
742
742
  height: 100%;
743
743
  min-height: ${({size:e})=>"small"===e?"92px":"116px"};
744
744
  background-color: ${t("error",500)};
745
- `,we=n(o.Field.Label)`
745
+ `,Be=i(n.Field.Label)`
746
746
  color: ${({disabled:e})=>t("neutral",e?600:900)};
747
747
  font-size: ${({size:e})=>"small"===e?"14px":"16px"};
748
748
  font-weight: 400;
@@ -752,18 +752,18 @@
752
752
  .chakra-field__requiredIndicator {
753
753
  color: ${({disabled:e})=>e?t("neutral",600):t("error",500)};
754
754
  }
755
- `,ye=n(o.Field.HelperText)`
755
+ `,Fe=i(n.Field.HelperText)`
756
756
  color: ${({disabled:e})=>t("neutral",e?500:600)};
757
757
  font-size: ${({size:e})=>"small"===e?"12px":"14px"};
758
758
  font-weight: 400;
759
759
  line-height: ${({size:e})=>"small"===e?"16px":"20px"};
760
- `,ke=n(o.Field.ErrorText)`
760
+ `,Ae=i(n.Field.ErrorText)`
761
761
  color: ${t("error",500)};
762
762
  font-size: ${({size:e})=>"small"===e?"12px":"14px"};
763
763
  font-weight: 700;
764
764
  line-height: ${({size:e})=>"small"===e?"16px":"20px"};
765
765
  margin-top: 2px;
766
- `,ze=n(o.Input)`
766
+ `,Te=i(n.Input)`
767
767
  height: ${({size:e})=>"small"===e?"28px":"40px"};
768
768
  width: 100%;
769
769
  border-radius: 4px;
@@ -796,20 +796,20 @@
796
796
  border: 1px solid ${t("neutral",300)} !important;
797
797
  }
798
798
 
799
- ${({value:e,defaultValue:r})=>e||r?`\n border: 1px solid ${t("neutral",700)};\n `:""}
800
- `,Le=({label:l,caption:n,placeholder:a,errorMessage:i,required:t,disabled:d,size:s="default",defaultValue:x="",onChange:c,...p})=>{const[h,u]=r.useState(x);return e.jsxs(Ce,{size:s,className:"text-input-container",children:[i?e.jsx(je,{size:s}):null,e.jsxs(o.Field.Root,{required:t,invalid:!!i,gap:"0",children:[l?e.jsxs(we,{size:s,disabled:d,"aria-label":l,children:[e.jsx(o.Field.RequiredIndicator,{"aria-label":"required"}),l,t?"":" (optional)"]}):null,n?e.jsx(ye,{size:s,disabled:d,"aria-label":n,children:n}):null,i?e.jsx(ke,{size:s,children:i}):null,e.jsx(ze,{placeholder:a,disabled:d,size:s,onChange:e=>{u(e.target.value),c&&c(e)},value:h,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...p})]})]})},Ie=n.div`
799
+ ${({value:e,defaultValue:l})=>e||l?`\n border: 1px solid ${t("neutral",700)};\n `:""}
800
+ `,Se=({label:a,caption:i,placeholder:r,errorMessage:o,required:t,disabled:s,size:d="default",defaultValue:c="",onChange:x,...p})=>{const[h,u]=l.useState(c);return e.jsxs(Ie,{size:d,className:"text-input-container",children:[o?e.jsx(De,{size:d}):null,e.jsxs(n.Field.Root,{required:t,invalid:!!o,gap:"0",children:[a?e.jsxs(Be,{size:d,disabled:s,"aria-label":a,children:[e.jsx(n.Field.RequiredIndicator,{"aria-label":"required"}),a,t?"":" (optional)"]}):null,i?e.jsx(Fe,{size:d,disabled:s,"aria-label":i,children:i}):null,o?e.jsx(Ae,{size:d,children:o}):null,e.jsx(Te,{placeholder:r,disabled:s,size:d,onChange:e=>{u(e.target.value),x&&x(e)},value:h,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...p})]})]})},Ve=i.div`
801
801
  width: 100%;
802
802
  display: flex;
803
803
  justify-content: flex-start;
804
804
  align-items: flex-start;
805
805
  gap: ${({size:e})=>"small"===e?"12px":"16px"};
806
806
  margin-bottom: 16px;
807
- `,Se=n.div`
807
+ `,Me=i.div`
808
808
  width: 3px;
809
809
  height: 100%;
810
- min-height: ${({size:e,hasHelperText:r,hasErrorMessage:l})=>((e,r,l)=>{const o="small"===e;return r&&l?o?"192px":"208px":r?o?"174px":"186px":l?o?"168px":"180px":o?"169px":"180px"})(e,r,l)};
810
+ min-height: ${({size:e,hasHelperText:l,hasErrorMessage:a})=>((e,l,a)=>{const n="small"===e;return l&&a?n?"192px":"208px":l?n?"174px":"186px":a?n?"168px":"180px":n?"169px":"180px"})(e,l,a)};
811
811
  background-color: ${t("error",500)};
812
- `,Fe=n(o.Field.Label)`
812
+ `,Re=i(n.Field.Label)`
813
813
  color: ${({disabled:e})=>t("neutral",e?600:900)};
814
814
  font-size: ${({size:e})=>"small"===e?"14px":"16px"};
815
815
  font-weight: 400;
@@ -819,24 +819,24 @@
819
819
  .chakra-field__requiredIndicator {
820
820
  color: ${({disabled:e})=>e?t("neutral",600):t("error",500)};
821
821
  }
822
- `,_e=n(o.Field.HelperText)`
822
+ `,_e=i(n.Field.HelperText)`
823
823
  color: ${({disabled:e})=>t("neutral",e?500:600)};
824
824
  font-size: ${({size:e})=>"small"===e?"12px":"14px"};
825
825
  font-weight: 400;
826
826
  line-height: ${({size:e})=>"small"===e?"16px":"20px"};
827
- `,He=n(o.Field.HelperText)`
827
+ `,Ee=i(n.Field.HelperText)`
828
828
  color: ${t("neutral",600)};
829
829
  font-size: 12px;
830
830
  font-weight: 400;
831
831
  line-height: 16px;
832
832
  margin-top: 8px;
833
- `,Me=n(o.Field.ErrorText)`
833
+ `,He=i(n.Field.ErrorText)`
834
834
  color: ${t("error",500)};
835
835
  font-size: 14px;
836
836
  font-weight: 700;
837
837
  line-height: 20px;
838
838
  margin-top: 2px;
839
- `,Te=n(o.Textarea)`
839
+ `,Ze=i(n.Textarea)`
840
840
  height: 104px;
841
841
  width: 100%;
842
842
  border-radius: 4px;
@@ -869,8 +869,8 @@
869
869
  border: 1px solid ${t("neutral",300)} !important;
870
870
  }
871
871
 
872
- ${({value:e,defaultValue:r})=>e||r?`\n border: 1px solid ${t("neutral",700)};\n `:""}
873
- `,Ve=n(o.Button)`
872
+ ${({value:e,defaultValue:l})=>e||l?`\n border: 1px solid ${t("neutral",700)};\n `:""}
873
+ `,Pe=({label:a,caption:i,placeholder:r,errorMessage:o,required:t,disabled:s,size:d="default",defaultValue:c="",onChange:x,minLength:p,maxLength:h,...u})=>{const[b,g]=l.useState(c),[m,j]=l.useState(!1),[v,f]=l.useState(!1),[C,y]=l.useState("");l.useEffect((()=>{const{length:e}=c;p&&e<p&&e>0&&(j(e<p),f(!1),y(`Enter at least ${p-e} characters`)),h&&e>h&&(j(!1),f(e>h),y(`You have ${h-e} characters remaining`))}),[]);return e.jsxs(Ve,{size:d,children:[o||m||v?e.jsx(Me,{size:d,hasHelperText:!!C,hasErrorMessage:!!o}):null,e.jsxs(n.Field.Root,{required:t,invalid:!!o||m||v,gap:"0",children:[a?e.jsxs(Re,{size:d,disabled:s,"aria-label":a,children:[e.jsx(n.Field.RequiredIndicator,{"aria-label":"required"}),a,t?"":" (optional)"]}):null,i?e.jsx(_e,{size:d,disabled:s,"aria-label":i,children:i}):null,o?e.jsx(He,{children:o}):null,e.jsx(Ze,{placeholder:r,disabled:s,size:d,onChange:e=>{g(e.target.value);const{length:l}=e.target.value;p&&h?(j(l<p),f(l>h),y(`You have ${h-l} characters remaining`)):p?(j(l<p),f(!1),y(l<p?`Enter at least ${p-l} characters`:"")):h&&(f(l>h),j(!1),y(`You have ${h-l} characters remaining`)),x&&x(e)},value:b,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...u}),m&&p?e.jsxs(He,{style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},children:["You need ",p-b.length," more characters"]}):null,v&&h?e.jsxs(He,{style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},children:["You have ",b.length-h," characters too many"]}):null,!C||v||m?null:e.jsx(Ee,{"aria-label":C,children:C})]})]})},Ne=i(n.Button)`
874
874
  width: 20px !important;
875
875
  padding: 0 !important;
876
876
  min-width: 20px !important;
@@ -916,7 +916,7 @@
916
916
  }
917
917
  }
918
918
  }
919
- `,Be=({icon:r,disabled:l,...o})=>e.jsx(Ve,{"aria-label":o["aria-label"],disabled:l,...o,children:r}),Re=n(Be)`
919
+ `,qe=({icon:l,disabled:a,...n})=>e.jsx(Ne,{"aria-label":n["aria-label"],disabled:a,...n,children:l}),Oe=i(qe)`
920
920
  width: 20px !important;
921
921
  padding: 0 !important;
922
922
  min-width: 20px !important;
@@ -959,10 +959,10 @@
959
959
  }
960
960
  }
961
961
  }
962
- `,Ee=n(o.Slider.Root)`
962
+ `,Ue=({disabled:l,...a})=>e.jsx(Oe,{icon:e.jsx(g,{}),"aria-label":a["aria-label"]||"Close",disabled:l,...a}),Ge=i(n.Slider.Root)`
963
963
  height: 60px;
964
964
  padding: 40px 12px;
965
- `,Ae=n(o.Slider.Thumb)`
965
+ `,We=i(n.Slider.Thumb)`
966
966
  height: 20px;
967
967
  width: 20px;
968
968
  background-color: ${t("primary",500)};
@@ -998,7 +998,7 @@
998
998
  outline: none;
999
999
  cursor: not-allowed;
1000
1000
  }
1001
- `,Ze=n.div`
1001
+ `,Ye=i.div`
1002
1002
  font-size: 14px;
1003
1003
  line-height: 20px;
1004
1004
  color: ${t("neutral",800)};
@@ -1012,11 +1012,11 @@
1012
1012
  align-items: center;
1013
1013
  position: relative;
1014
1014
  top: -30px;
1015
- `,De=n(o.Slider.Track)`
1015
+ `,Ke=i(n.Slider.Track)`
1016
1016
  background-color: ${t("neutral",300)};
1017
1017
  border: none;
1018
1018
  box-shadow: none;
1019
- `,Ne=n(o.Slider.Range)`
1019
+ `,Qe=i(n.Slider.Range)`
1020
1020
  background-color: ${t("primary",500)};
1021
1021
  border: 1px solid ${t("primary",700)};
1022
1022
  border-radius: 8px;
@@ -1029,7 +1029,7 @@
1029
1029
  background-color: ${t("neutral",400)};
1030
1030
  border: none;
1031
1031
  }
1032
- `,qe=n(o.Slider.Marker)`
1032
+ `,Je=i(n.Slider.Marker)`
1033
1033
  font-size: 12px;
1034
1034
  line-height: 16px;
1035
1035
  color: ${t("neutral",800)};
@@ -1064,19 +1064,19 @@
1064
1064
  }
1065
1065
 
1066
1066
  ${({isMiddleMark:e})=>e?`\n --ty: -6px !important;\n\n .chakra-slider__markerIndicator {\n height: 16px;\n width: 4px;\n background-color: ${t("primary",700)} !important;\n }\n\n &[data-disabled] {\n .chakra-slider__markerIndicator {\n background-color: ${t("neutral",400)} !important;\n }\n }\n `:""};
1067
- `,Pe=r=>{const{value:l}=r;return e.jsx(o.For,{each:l,children:(r,l)=>e.jsxs(Ae,{index:l,children:[e.jsx(Ze,{children:r}),e.jsx(o.Slider.HiddenInput,{})]},l)})},Oe=r.forwardRef(((r,l)=>{const{marks:n,isCentred:a}=r;return n?.length?e.jsx(o.Slider.MarkerGroup,{ref:l,children:n.map(((r,l)=>{const n="number"==typeof r?r:r.value,i="number"==typeof r?void 0:r.label,t=a&&1===l;return e.jsxs(qe,{value:n,isCentred:a,isMiddleMark:t,children:[e.jsx(o.Slider.MarkerIndicator,{}),e.jsx("p",{children:i})]},n)}))}):null})),Ge=r.forwardRef(((l,n)=>{const{marks:a,onValueChange:i,isCentred:t,...d}=l,[s,x]=r.useState(l.defaultValue||l.value||[0]);let c=a?.map((e=>"number"==typeof e?{value:e,label:void 0}:e));if(t){const e=l.min||0,r=l.max||100;c=[e,(e+r)/2,r].map((e=>({value:e,label:void 0})))}const p=!!c?.some((e=>e.label));return e.jsx(Ee,{ref:n,thumbAlignment:"center",onValueChange:e=>{x(e.value),i&&i(e)},origin:t?"center":"start",...d,children:e.jsxs(o.Slider.Control,{"data-has-mark-label":p||void 0,children:[e.jsx(De,{children:e.jsx(Ne,{})}),e.jsx(Pe,{value:s}),e.jsx(Oe,{marks:c,isCentred:t})]})})})),Ue=n.div`
1067
+ `,Xe=l=>{const{value:a}=l;return e.jsx(n.For,{each:a,children:(l,a)=>e.jsxs(We,{index:a,children:[e.jsx(Ye,{children:l}),e.jsx(n.Slider.HiddenInput,{})]},a)})},el=l.forwardRef(((l,a)=>{const{marks:i,isCentred:r}=l;return i?.length?e.jsx(n.Slider.MarkerGroup,{ref:a,children:i.map(((l,a)=>{const i="number"==typeof l?l:l.value,o="number"==typeof l?void 0:l.label,t=r&&1===a;return e.jsxs(Je,{value:i,isCentred:r,isMiddleMark:t,children:[e.jsx(n.Slider.MarkerIndicator,{}),e.jsx("p",{children:o})]},i)}))}):null})),ll=l.forwardRef(((a,i)=>{const{marks:r,onValueChange:o,isCentred:t,...s}=a,[d,c]=l.useState(a.defaultValue||a.value||[0]);let x=r?.map((e=>"number"==typeof e?{value:e,label:void 0}:e));if(t){const e=a.min||0,l=a.max||100;x=[e,(e+l)/2,l].map((e=>({value:e,label:void 0})))}const p=!!x?.some((e=>e.label));return e.jsx(Ge,{ref:i,thumbAlignment:"center",onValueChange:e=>{c(e.value),o&&o(e)},origin:t?"center":"start",...s,children:e.jsxs(n.Slider.Control,{"data-has-mark-label":p||void 0,children:[e.jsx(Ke,{children:e.jsx(Qe,{})}),e.jsx(Xe,{value:d}),e.jsx(el,{marks:x,isCentred:t})]})})})),al=i.div`
1068
1068
  width: 20px;
1069
1069
  height: 20px;
1070
1070
  border-radius: 50%;
1071
1071
  background-color: ${({color:e})=>e};
1072
1072
  border: 1px solid ${t("neutral",400)};
1073
- `,Ye=n.div`
1073
+ `,nl=i.div`
1074
1074
  width: 20px;
1075
1075
  height: 8px;
1076
1076
  border-radius: 2px;
1077
1077
  background-color: ${({color:e})=>e};
1078
1078
  border: 1px solid ${t("neutral",400)};
1079
- `,We=n.div`
1079
+ `,il=i.div`
1080
1080
  width: 20px;
1081
1081
  height: 20px;
1082
1082
  border-radius: 50%;
@@ -1089,27 +1089,27 @@
1089
1089
  width: 10px;
1090
1090
  height: 10px;
1091
1091
  }
1092
- `,Qe=n.div`
1092
+ `,rl=i.div`
1093
1093
  min-height: 36px;
1094
1094
  width: 100%;
1095
1095
  display: flex;
1096
1096
  justify-content: space-between;
1097
1097
  gap: 8px;
1098
1098
  margin-bottom: 16px;
1099
- `,Je=n.div`
1099
+ `,ol=i.div`
1100
1100
  display: flex;
1101
1101
  gap: 8px;
1102
- `,Ke=n.p`
1102
+ `,tl=i.p`
1103
1103
  font-size: 14px;
1104
1104
  line-height: 20px;
1105
1105
  font-weight: 400;
1106
1106
  color: ${t("neutral",800)};
1107
- `,Xe=n.p`
1107
+ `,sl=i.p`
1108
1108
  font-size: 12px;
1109
1109
  line-height: 16px;
1110
1110
  font-weight: 400;
1111
1111
  color: ${t("neutral",700)};
1112
- `,er=n.div`
1112
+ `,dl=i.div`
1113
1113
  button {
1114
1114
  height: 25px;
1115
1115
  font-size: 12px;
@@ -1118,12 +1118,12 @@
1118
1118
  color: ${t("neutral",600)};
1119
1119
  padding: 0 10px;
1120
1120
  }
1121
- `,rr=n(o.Accordion.Item)`
1121
+ `,cl=({type:a,label:n,caption:i,color:r,onActionClick:o,showActionButton:t,pointIcon:s})=>{const[d,c]=l.useState(!0),x="raster"===a,p="line"===a,h="point"===a;return e.jsxs(rl,{children:[e.jsxs(ol,{children:[e.jsxs("div",{children:[x&&e.jsx(al,{color:r}),p&&e.jsx(nl,{color:r}),h&&e.jsx(il,{color:r,children:s})]}),e.jsxs("div",{children:[e.jsx(tl,{"aria-label":n,children:n}),e.jsx(sl,{"aria-label":i,children:i})]})]}),o&&t?e.jsx(dl,{children:e.jsx(D,{variant:"borderless",label:d?"Hide":"Show",rightIcon:d?e.jsx(v,{}):e.jsx(j,{}),"aria-label":"Show or Hide action",onClick:()=>{c(!d),o&&o()}})}):null]})},xl=i(n.Accordion.Item)`
1122
1122
  margin-bottom: 16px;
1123
1123
  border: 1px solid ${t("neutral",300)};
1124
1124
  border-radius: 4px;
1125
1125
  box-shadow: 0px 1px 2px 0px #0000000d;
1126
- `,lr=n(o.Accordion.ItemTrigger)`
1126
+ `,pl=i(n.Accordion.ItemTrigger)`
1127
1127
  padding: 6px 8px;
1128
1128
  align-items: center;
1129
1129
  background-color: ${t("neutral",100)};
@@ -1138,12 +1138,12 @@
1138
1138
  height: 10px;
1139
1139
  width: 10px;
1140
1140
  }
1141
- `,or=n.p`
1141
+ `,hl=i.p`
1142
1142
  font-size: 12px;
1143
1143
  font-weight: 700;
1144
1144
  line-height: 16px;
1145
1145
  color: ${t("neutral",700)};
1146
- `,nr=n(o.Accordion.ItemContent)`
1146
+ `,ul=i(n.Accordion.ItemContent)`
1147
1147
  padding: 12px 8px;
1148
1148
  display: flex;
1149
1149
  flex-direction: column;
@@ -1159,19 +1159,19 @@
1159
1159
  margin-bottom: 0px;
1160
1160
  }
1161
1161
  }
1162
- `,ar=n.div`
1162
+ `,bl=({label:a,children:i,openedByDefault:r})=>e.jsx("div",{children:e.jsx(n.Accordion.Root,{defaultValue:r?[a]:[],multiple:!0,children:e.jsxs(xl,{value:a,children:[e.jsxs(pl,{children:[e.jsx(n.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:e.jsx(hl,{children:a})}),e.jsx(n.Accordion.ItemIndicator,{display:"flex",children:e.jsx(b,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),e.jsx(ul,{children:l.Children.map(i,(l=>e.jsx("div",{className:"layer-parameters-item-child",children:l})))})]})})}),gl=i.div`
1163
1163
  width: 100%;
1164
1164
  display: flex;
1165
1165
  flex-direction: column;
1166
1166
  margin-bottom: 16px;
1167
- `,ir=n.div`
1167
+ `,ml=i.div`
1168
1168
  height: 20px;
1169
1169
  width: 100%;
1170
1170
  margin-bottom: 8px;
1171
1171
  border: 1px solid ${t("neutral",300)};
1172
1172
  border-radius: 4px;
1173
1173
  ${({gradient:e})=>e?`background: ${e};`:""}
1174
- `,tr=n.div`
1174
+ `,jl=i.div`
1175
1175
  height: 20px;
1176
1176
  width: 100%;
1177
1177
  margin-bottom: 8px;
@@ -1189,30 +1189,30 @@
1189
1189
  border-top-right-radius: 3px;
1190
1190
  border-bottom-right-radius: 3px;
1191
1191
  }
1192
- `,dr=n.div`
1192
+ `,vl=i.div`
1193
1193
  display: flex;
1194
1194
  justify-content: space-between;
1195
1195
  align-items: flex-start;
1196
- `,sr=n.p`
1196
+ `,fl=i.p`
1197
1197
  width: 100%;
1198
1198
  font-size: 12px;
1199
1199
  line-height: 16px;
1200
1200
  font-weight: 400;
1201
1201
  color: ${t("neutral",800)};
1202
1202
  text-align: center;
1203
- `,xr=n.p`
1203
+ `,Cl=i.p`
1204
1204
  font-size: 12px;
1205
1205
  line-height: 16px;
1206
1206
  font-weight: 400;
1207
1207
  color: ${t("neutral",600)};
1208
1208
  text-align: center;
1209
- `,cr=e=>{const r=e.map(((r,l)=>`${l/(e.length-1)*100}%`));return`linear-gradient(to right, ${e.map(((e,l)=>`${e} ${r[l]}`)).join(", ")})`},pr=n.div`
1209
+ `,yl=e=>{const l=e.map(((l,a)=>`${a/(e.length-1)*100}%`));return`linear-gradient(to right, ${e.map(((e,a)=>`${e} ${l[a]}`)).join(", ")})`},wl=({colors:l,values:a,subLabels:n,isGradient:i})=>e.jsxs(gl,{children:[i?e.jsx(ml,{gradient:yl(l)}):e.jsx(jl,{children:l?.map(((l,n)=>e.jsx("div",{style:{backgroundColor:l,width:"100%",height:"100%"}},`${l}-${a?.[n]}`)))}),e.jsx(vl,{children:a?.map((l=>e.jsx("div",{style:{width:i?"auto":`calc(100% / ${a.length})`,display:"flex",justifyContent:"center"},children:e.jsx(fl,{children:l},l)})))}),n&&n.length?e.jsx(vl,{children:n.map((l=>e.jsx("div",{style:{width:i?"auto":`calc(100% / ${a.length})`,display:"flex",justifyContent:"center"},children:e.jsx(Cl,{style:{width:"100%"},children:l},l)})))}):null]}),$l=i.div`
1210
1210
  padding: 12px;
1211
1211
  padding-bottom: 20px;
1212
1212
  display: flex;
1213
1213
  gap: 12px;
1214
1214
  border-bottom: 1px solid ${t("neutral",300)};
1215
- `,hr=n.div`
1215
+ `,kl=i.div`
1216
1216
  display: flex;
1217
1217
  flex-direction: column;
1218
1218
 
@@ -1221,44 +1221,44 @@
1221
1221
  fill: ${t("neutral",500)} !important;
1222
1222
  }
1223
1223
  }
1224
- `,ur=n.div`
1224
+ `,Ll=i.div`
1225
1225
  display: flex;
1226
1226
  align-items: flex-start;
1227
1227
  justify-content: space-between;
1228
1228
  gap: 12px;
1229
1229
  margin-bottom: 16px;
1230
- `,gr=n.p`
1230
+ `,zl=i.p`
1231
1231
  font-size: 16px;
1232
1232
  line-height: 24px;
1233
1233
  font-weight: 400;
1234
1234
  text-align: left;
1235
1235
  color: ${t("neutral",800)};
1236
- `,br=n.p`
1236
+ `,Il=i.p`
1237
1237
  font-size: 14px;
1238
1238
  line-height: 20px;
1239
1239
  font-weight: 400;
1240
1240
  text-align: left;
1241
1241
  color: ${t("neutral",600)};
1242
- `,mr=n.div`
1242
+ `,Dl=i.div`
1243
1243
  display: flex;
1244
1244
  justify-content: space-between;
1245
1245
 
1246
1246
  button {
1247
1247
  width: 110px;
1248
1248
  }
1249
- `,fr=n(o.Popover.Content)`
1249
+ `,Bl=i(n.Popover.Content)`
1250
1250
  width: 234px;
1251
1251
  border: 1px solid ${t("neutral",600)};
1252
1252
  border-radius: 4px;
1253
- `,$r=n(o.Popover.Body)`
1253
+ `,Fl=i(n.Popover.Body)`
1254
1254
  padding: 12px;
1255
- `,vr=n.p`
1255
+ `,Al=i.p`
1256
1256
  font-size: 14px;
1257
1257
  line-height: 20px;
1258
1258
  font-weight: 400;
1259
1259
  text-align: left;
1260
1260
  color: ${t("neutral",900)};
1261
- `,Cr=n.div`
1261
+ `,Tl=i.div`
1262
1262
  display: flex;
1263
1263
  align-items: center;
1264
1264
  gap: 12px;
@@ -1278,9 +1278,9 @@
1278
1278
  margin-top: 18px;
1279
1279
  width: 100%;
1280
1280
  }
1281
- `,jr=({defaultValue:l,onOpacityChanged:n})=>{const[a,i]=r.useState(l);return e.jsxs(o.Popover.Root,{positioning:{placement:"bottom-end"},children:[e.jsx(o.Popover.Trigger,{asChild:!0,children:e.jsx(I,{label:"Opacity",size:"small",variant:"secondary",leftIcon:e.jsx(u,{})})}),e.jsx(o.Popover.Positioner,{children:e.jsx(fr,{children:e.jsxs($r,{children:[e.jsx(vr,{children:"Opacity"}),e.jsxs(Cr,{children:[e.jsx(Le,{"aria-label":"Opacity",min:"0",max:"100",value:`${a}%`,onChange:e=>{const r=e.target.value||"0";let l=parseInt(r,10);l=Number.isNaN(l)?0:l,l=l<0?0:l,l=l>100?100:l,i(l),n&&n(l)},className:"opacity-control-text-input"}),e.jsx(Ge,{min:0,max:100,value:[a],onValueChangeEnd:({value:e})=>{i(e[0]),n&&n(e[0])}})]})]})})})]})},wr=n.div`
1281
+ `,Sl=({defaultValue:a,onOpacityChanged:i})=>{const[r,o]=l.useState(a);return e.jsxs(n.Popover.Root,{positioning:{placement:"bottom-end"},children:[e.jsx(n.Popover.Trigger,{asChild:!0,children:e.jsx(D,{label:"Opacity",size:"small",variant:"secondary",leftIcon:e.jsx(u,{})})}),e.jsx(n.Popover.Positioner,{children:e.jsx(Bl,{children:e.jsxs(Fl,{children:[e.jsx(Al,{children:"Opacity"}),e.jsxs(Tl,{children:[e.jsx(Se,{"aria-label":"Opacity",min:"0",max:"100",value:`${r}%`,onChange:e=>{const l=e.target.value||"0";let a=parseInt(l,10);a=Number.isNaN(a)?0:a,a=a<0?0:a,a=a>100?100:a,o(a),i&&i(a)},className:"opacity-control-text-input"}),e.jsx(ll,{min:0,max:100,value:[r],onValueChangeEnd:({value:e})=>{o(e[0]),i&&i(e[0])}})]})]})})})]})},Vl=({layerName:l,dataUnit:a,onDrag:n,onUpClick:i,onDownClick:r,onRemoveClick:o,children:t,onInfoClick:s,onOpacityChanged:d})=>e.jsxs($l,{children:[e.jsxs(kl,{children:[e.jsx(qe,{icon:e.jsx(f,{}),"aria-label":"Drag and drop",onClick:n,style:{display:"none",marginBottom:"12px"}}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsx(qe,{icon:e.jsx(b,{rotate:"180"}),"aria-label":"Up",onClick:i}),e.jsx(qe,{icon:e.jsx(b,{}),"aria-label":"Down",onClick:r})]})]}),e.jsxs("div",{children:[e.jsxs(Ll,{children:[e.jsxs("div",{children:[e.jsx(zl,{children:l}),e.jsx(Il,{children:a})]}),e.jsx(D,{label:"Remove",size:"small",variant:"secondary",rightIcon:e.jsx(g,{}),onClick:o})]}),t,e.jsxs(Dl,{children:[e.jsx(D,{label:"About data",size:"small",variant:"secondary",leftIcon:e.jsx(u,{}),onClick:s}),e.jsx(Sl,{defaultValue:80,onOpacityChanged:d})]})]})]}),Ml=i.div`
1282
1282
  width: 290px;
1283
1283
  box-shadow: 0px 2px 4px -2px #0000001a;
1284
1284
  box-shadow: 0px 4px 6px -1px #0000001a;
1285
- `;l.createRoot(document.getElementById("root")).render(e.jsx(r.StrictMode,{children:e.jsx(o.ChakraProvider,{value:i,children:e.jsx((()=>e.jsx("div",{className:"App",children:e.jsx("h1",{children:"Welcome to WRI OS"})})),{})})})),exports.Button=I,exports.Checkbox=({name:r,value:l,checked:n,defaultChecked:a,disabled:i,indeterminate:t,onCheckedChange:d,children:s,...x})=>e.jsxs(J,{name:r,value:l,checked:t?"indeterminate":n,defaultChecked:a,disabled:i,onCheckedChange:d,"aria-label":x["aria-label"]||r,...x,children:[e.jsx(o.Checkbox.HiddenInput,{}),e.jsx(o.Checkbox.Control,{children:t?e.jsx(h,{}):e.jsx(p,{})}),e.jsx(o.Checkbox.Label,{children:s})]}),exports.CloseButton=({disabled:r,...l})=>e.jsx(Re,{icon:e.jsx(b,{}),"aria-label":l["aria-label"]||"Close",disabled:r,...l}),exports.IconButton=Be,exports.InlineMessage=({label:r,caption:l,variant:o,size:n="large",icon:a=e.jsx(u,{height:"16px",width:"16px"}),onActionClick:i,actionLabel:t,isButtonRight:d})=>{let s=be;return"info-grey"===o?s=me:"success"===o?s=fe:"warning"===o?s=$e:"error"===o&&(s=ve),e.jsxs(s,{isButtonRight:d,size:n,"aria-roledescription":"Note",children:[e.jsxs("div",{children:[e.jsxs(he,{children:[a,e.jsx(ue,{size:n,children:r})]}),e.jsx(ge,{size:n,children:l})]}),t?e.jsx(I,{label:t,variant:"info-white"===o||"info-grey"===o?"primary":"secondary",size:"large"===n?"default":"small",onClick:i}):null]})},exports.LayerGroup=({label:l,caption:n,value:a,layerItems:i,onChangeForRadioVariant:t})=>{const[d,s]=r.useState({}),[x]=r.useState((e=>{const r=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return r?.name})(i));r.useEffect((()=>{let e={...d};i.forEach((r=>{r.isDefaultSelected&&(e={...e,["radio"===r.variant?l:r.name]:r.isDefaultSelected})})),s(e)}),[]);const c=(e,r,l,o)=>{const n={...d,[e]:r};s(n),l&&l(e,r,o)},p=Object.values(d).filter((e=>!0===e)).length;return e.jsxs(o.Accordion.Item,{value:a,width:"300px",children:[e.jsxs(o.Accordion.ItemTrigger,{padding:"16px",alignItems:"flex-start",children:[e.jsxs(o.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[e.jsxs(X,{children:[l,e.jsx(te,{label:`${p} Active`,size:"small",variant:p>0?"success":"info-grey"})]}),e.jsx(ee,{children:n})]}),e.jsx(o.Accordion.ItemIndicator,{display:"flex",children:e.jsx(g,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),e.jsx(o.Accordion.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:e.jsx(B,{name:l,defaultValue:x,customGap:"0px",onChange:(e,r)=>c(e,!!r,t,r),children:i.map((r=>e.jsx(Q,{...r,onChange:(e,l)=>c(e,l,r.onChange)},r.label)))})})]})},exports.LayerGroupContainer=({children:r,defaultValue:l,...n})=>e.jsx(K,{style:{width:"300px"},children:e.jsx(o.Accordion.Root,{defaultValue:l,multiple:!0,...n,children:r})}),exports.LayerItem=Q,exports.LayerPanel=({title:r,description:l,tabBarVariant:o="panel",buttonTabs:n,defaultValue:a,onTabClick:i,children:t})=>e.jsxs(de,{children:[e.jsxs(se,{role:"complementary",children:[e.jsx(xe,{"aria-label":r,children:r}),e.jsx(ce,{"aria-label":l,children:l})]}),n&&n.length>0?e.jsx(P,{variant:o,defaultValue:a,tabs:n,onTabClick:i}):null,t]}),exports.LayerParameters=({label:l,children:n,openedByDefault:a})=>e.jsx("div",{children:e.jsx(o.Accordion.Root,{defaultValue:a?[l]:[],multiple:!0,children:e.jsxs(rr,{value:l,children:[e.jsxs(lr,{children:[e.jsx(o.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:e.jsx(or,{children:l})}),e.jsx(o.Accordion.ItemIndicator,{display:"flex",children:e.jsx(g,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),e.jsx(nr,{children:r.Children.map(n,(r=>e.jsx("div",{className:"layer-parameters-item-child",children:r})))})]})})}),exports.LegendItem=({layerName:r,dataUnit:l,onDrag:o,onUpClick:n,onDownClick:a,onRemoveClick:i,children:t,onInfoClick:d,onOpacityChanged:s})=>e.jsxs(pr,{children:[e.jsxs(hr,{children:[e.jsx(Be,{icon:e.jsx($,{}),"aria-label":"Drag and drop",onClick:o}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",marginTop:"12px",gap:"12px"},children:[e.jsx(Be,{icon:e.jsx(g,{rotate:"180"}),"aria-label":"Up",onClick:n}),e.jsx(Be,{icon:e.jsx(g,{}),"aria-label":"Down",onClick:a})]})]}),e.jsxs("div",{children:[e.jsxs(ur,{children:[e.jsxs("div",{children:[e.jsx(gr,{children:r}),e.jsx(br,{children:l})]}),e.jsx(I,{label:"Remove",size:"small",variant:"secondary",rightIcon:e.jsx(b,{}),onClick:i})]}),t,e.jsxs(mr,{children:[e.jsx(I,{label:"About data",size:"small",variant:"secondary",leftIcon:e.jsx(u,{}),onClick:d}),e.jsx(jr,{defaultValue:80,onOpacityChanged:s})]})]})]}),exports.LegendPanel=({legendContent:l,analysisContent:o,onTabClick:n})=>{const[a,i]=r.useState("legend-tab"),[t]=r.useState(r.Children.map(l,((e,r)=>({id:r,child:e,sequence:r})))||[]);return e.jsxs(wr,{children:[e.jsx(P,{tabs:[{label:"Legend",value:"legend-tab",icon:e.jsx(v,{})},{label:"Analysis",value:"analysis-tab",icon:e.jsx(C,{})}],onTabClick:e=>{i(e),n&&n(e)}}),"legend-tab"===a?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:t.map((e=>e.child))}):null,"analysis-tab"===a?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:o}):null]})},exports.NavigationRail=({tabs:l=[],defaultValue:n,onTabClick:a,children:i,onOpenChange:t})=>{const[d,s]=r.useState(!1),[p,h]=r.useState(n||l?.[0]?.value);return e.jsxs(e.Fragment,{children:[e.jsxs(S,{children:[e.jsx(o.Tabs.Root,{defaultValue:n||l?.[0]?.value,orientation:"horizontal",width:"full",onFocusChange:({focusedValue:e})=>{return h(r=e),void(a&&a(r));var r},role:"tablist",children:e.jsx(o.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:l.map((r=>e.jsx(F,{"aria-label":r["aria-label"]||r.label,...r,children:e.jsxs(o.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[r.icon?e.jsx(_,{children:r.icon}):null,e.jsx("p",{children:r.label})]})},r.label)))})}),i?e.jsx(o.Collapsible.Root,{onOpenChange:({open:e})=>{s(e),t&&t(!e)},children:e.jsxs(H,{children:[e.jsx(_,{children:d?e.jsx(c,{}):e.jsx(x,{})}),e.jsxs("div",{className:"tab-label",children:[e.jsx("p",{children:d?"Show":"Hide"}),e.jsx("p",{children:"Sidebar"})]})]})}):null]}),i?e.jsx(o.Collapsible.Root,{defaultOpen:!0,open:!d,children:e.jsx(o.Collapsible.Content,{children:e.jsx(M,{role:"tabpanel","aria-labelledby":p,children:i})})}):null]})},exports.QualitativeLegend=({type:l,label:o,caption:n,color:a,onActionClick:i,showActionButton:t,pointIcon:d})=>{const[s,x]=r.useState(!0),c="raster"===l,p="line"===l,h="point"===l;return e.jsxs(Qe,{children:[e.jsxs(Je,{children:[e.jsxs("div",{children:[c&&e.jsx(Ue,{color:a}),p&&e.jsx(Ye,{color:a}),h&&e.jsx(We,{color:a,children:d})]}),e.jsxs("div",{children:[e.jsx(Ke,{"aria-label":o,children:o}),e.jsx(Xe,{"aria-label":n,children:n})]})]}),i&&t?e.jsx(er,{children:e.jsx(I,{variant:"borderless",label:s?"Hide":"Show",rightIcon:s?e.jsx(f,{}):e.jsx(m,{}),"aria-label":"Show or Hide action",onClick:()=>{x(!s),i&&i()}})}):null]})},exports.Radio=V,exports.RadioGroup=B,exports.ScaleLegend=({colors:r,values:l,subLabels:o,isGradient:n})=>e.jsxs(ar,{children:[n?e.jsx(ir,{gradient:cr(r)}):e.jsx(tr,{children:r?.map(((r,o)=>e.jsx("div",{style:{backgroundColor:r,width:"100%",height:"100%"}},`${r}-${l?.[o]}`)))}),e.jsx(dr,{children:l?.map((r=>e.jsx("div",{style:{width:n?"auto":`calc(100% / ${l.length})`,display:"flex",justifyContent:"center"},children:e.jsx(sr,{children:r},r)})))}),o&&o.length?e.jsx(dr,{children:o.map((r=>e.jsx("div",{style:{width:n?"auto":`calc(100% / ${l.length})`,display:"flex",justifyContent:"center"},children:e.jsx(xr,{style:{width:"100%"},children:r},r)})))}):null]}),exports.Slider=Ge,exports.Switch=j,exports.TabBar=P,exports.Tag=te,exports.TextInput=Le,exports.Textarea=({label:l,caption:n,placeholder:a,errorMessage:i,required:t,disabled:d,size:s="default",defaultValue:x="",onChange:c,minLength:p,maxLength:h,...u})=>{const[g,b]=r.useState(x),[m,f]=r.useState(!1),[$,v]=r.useState(!1),[C,j]=r.useState("");r.useEffect((()=>{const{length:e}=x;p&&e<p&&e>0&&(f(e<p),v(!1),j(`Enter at least ${p-e} characters`)),h&&e>h&&(f(!1),v(e>h),j(`You have ${h-e} characters remaining`))}),[]);return e.jsxs(Ie,{size:s,children:[i||m||$?e.jsx(Se,{size:s,hasHelperText:!!C,hasErrorMessage:!!i}):null,e.jsxs(o.Field.Root,{required:t,invalid:!!i||m||$,gap:"0",children:[l?e.jsxs(Fe,{size:s,disabled:d,"aria-label":l,children:[e.jsx(o.Field.RequiredIndicator,{"aria-label":"required"}),l,t?"":" (optional)"]}):null,n?e.jsx(_e,{size:s,disabled:d,"aria-label":n,children:n}):null,i?e.jsx(Me,{children:i}):null,e.jsx(Te,{placeholder:a,disabled:d,size:s,onChange:e=>{b(e.target.value);const{length:r}=e.target.value;p&&h?(f(r<p),v(r>h),j(`You have ${h-r} characters remaining`)):p?(f(r<p),v(!1),j(r<p?`Enter at least ${p-r} characters`:"")):h&&(v(r>h),f(!1),j(`You have ${h-r} characters remaining`)),c&&c(e)},value:g,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...u}),m&&p?e.jsxs(Me,{style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},children:["You need ",p-g.length," more characters"]}):null,$&&h?e.jsxs(Me,{style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},children:["You have ",g.length-h," characters too many"]}):null,!C||$||m?null:e.jsx(He,{"aria-label":C,children:C})]})]})};
1285
+ `,Rl=(e,l,a)=>{const n=Array.from(e),[i]=n.splice(l,1);return n.splice(a,0,i),n},_l=({legendContent:a,analysisContent:n,onTabClick:i})=>{const[r,o]=l.useState("legend-tab"),[t,s]=l.useState(a);return e.jsxs(Ml,{children:[e.jsx(U,{tabs:[{label:"Legend",value:"legend-tab",icon:e.jsx(C,{})},{label:"Analysis",value:"analysis-tab",icon:e.jsx(y,{})}],onTabClick:e=>{o(e),i&&i(e)}}),"legend-tab"===r?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:l.Children.map(t,((e,a)=>l.cloneElement(e,{onUpClick:()=>{const e=Rl(t,a,a-1);s(e)},onDownClick:()=>{const e=Rl(t,a,a+1);s(e)}})))}):null,"analysis-tab"===r?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:n}):null]})},El=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsx(w,{name:"switch",defaultChecked:!0,onChange:console.log,children:"defaultChecked"}),e.jsx(w,{name:"switch 2",isLabelOnLeft:!0,children:"isLabelOnLeft"}),e.jsx(w,{name:"switch 3",children:"Normal Label Positon"}),e.jsx(w,{name:"switch 4",disabled:!0,children:"disabled"}),e.jsx(w,{name:"switch 4",disabled:!0,checked:!0,children:"disabled cheked"})]}),Hl=()=>e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(D,{label:"Button Label",variant:"primary"}),e.jsx(D,{label:"Button Label",variant:"primary",size:"small"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(D,{label:"Button Label",variant:"secondary"}),e.jsx(D,{label:"Button Label",variant:"secondary",size:"small"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(D,{label:"Button Label",variant:"borderless"}),e.jsx(D,{label:"Button Label",variant:"borderless",size:"small"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(D,{label:"Button Label",variant:"outline"}),e.jsx(D,{label:"Button Label",variant:"outline",size:"small"})]})]}),Zl=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsxs(_,{name:"radio-group-1",defaultValue:"1",onChange:(e,l)=>console.log(e,l),children:[e.jsx(R,{value:"1",children:"One"}),e.jsx(R,{value:"2",children:"Two"}),e.jsx(R,{value:"3",children:"Three"})]}),e.jsxs(_,{name:"radio-group-2",defaultValue:"5",isRow:!0,children:[e.jsx(R,{value:"4",children:"Four"}),e.jsx(R,{value:"5",disabled:!0,children:"Five"}),e.jsx(R,{value:"6",children:"Six"})]})]}),Pl=()=>e.jsxs("div",{style:{width:"300px"},children:[e.jsx(U,{variant:"panel",tabs:[{label:"One",value:"one"},{label:"Two",value:"two"},{label:"Three",value:"three"}],onTabClick:console.log}),e.jsx("br",{}),e.jsx(U,{variant:"panel",defaultValue:"two",tabs:[{label:"One",value:"one"},{label:"Two",value:"two",icon:e.jsx(p,{})},{label:"Three",value:"three"}]}),e.jsx("br",{}),e.jsx(U,{variant:"panel",defaultValue:"two",tabs:[{label:"One",value:"one"},{label:"Two",value:"two",disabled:!0},{label:"Three",value:"three"}]}),e.jsx("br",{}),e.jsx(U,{variant:"view",defaultValue:"two",tabs:[{label:"One",value:"one"},{label:"Two",value:"two"},{label:"Three",value:"three"}]})]}),Nl=[{label:"Monday",checked:!1,value:"monday"},{label:"Tuesday",checked:!1,value:"tuesday"},{label:"Wednesday",checked:!1,value:"wednesday"},{label:"Thursday",checked:!1,value:"thursday"}],ql=()=>{const[a,i]=l.useState(Nl),r=a.every((e=>e.checked)),o=a.some((e=>e.checked))&&!r,t=a.map(((l,a)=>e.jsx(ee,{ms:"6",checked:l.checked,onCheckedChange:e=>{i((l=>{const n=[...l];return n[a]={...n[a],checked:!!e.checked},n}))},children:l.label},l.value)));return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsx(ee,{name:"Checkbox",value:"1",defaultChecked:!0,children:"Checkbox"}),e.jsx(ee,{name:"Checkbox",value:"1",checked:!0,disabled:!0,children:"Checkbox"}),e.jsx(ee,{name:"Checkbox",value:"1",disabled:!0,children:"Checkbox"})]}),e.jsxs(n.Stack,{align:"flex-start",children:[e.jsx(ee,{checked:r,indeterminate:o,onCheckedChange:e=>{i((l=>l.map((l=>({...l,checked:!!e.checked})))))},children:"Weekdays"}),t]})]})},Ol=()=>e.jsxs(pe,{defaultValue:["1"],children:[e.jsx(xe,{label:"Title 1_1",caption:"Caption 1",value:"1",layerItems:[{name:"layer-10",label:"Layer name 1",caption:"Caption 1",isDefaultSelected:!0},{name:"layer-11",label:"Layer name 2",caption:"Caption 1"}]}),e.jsx(xe,{label:"Title 2",caption:"Caption 2",value:"2",layerItems:[{name:"layer-20",label:"Layer name 3",caption:"Caption 1",variant:"radio"},{name:"layer-21",label:"Layer name 4",caption:"Caption 4",variant:"radio"}]})]}),Ul=()=>e.jsxs(pe,{defaultValue:["3"],children:[e.jsx(xe,{label:"Title 1_2",caption:"Caption 1",value:"3",layerItems:[{name:"layer-12",label:"Layer name 1",caption:"Caption 1"},{name:"layer-13",label:"Layer name 2",caption:"Caption 1"}]}),e.jsx(xe,{label:"Title 2",caption:"Caption 2",value:"4",layerItems:[{name:"layer-22",label:"Layer name 3",caption:"Caption 1",variant:"radio"},{name:"layer-23",label:"Layer name 4",caption:"Caption 4",variant:"radio"}]})]}),Gl=()=>e.jsxs(pe,{defaultValue:["5"],children:[e.jsx(xe,{label:"Title 1_3",caption:"Caption 1",value:"5",layerItems:[{name:"layer-14",label:"Layer name 1",caption:"Caption 1"},{name:"layer-15",label:"Layer name 2",caption:"Caption 1"}]}),e.jsx(xe,{label:"Title 2",caption:"Caption 2",value:"6",layerItems:[{name:"layer-24",label:"Layer name 3",caption:"Caption 1",variant:"radio",isDefaultSelected:!0},{name:"layer-25",label:"Layer name 4",caption:"Caption 4",variant:"radio"}]})]}),Wl="label-1",Yl=()=>{const[a,n]=l.useState(Wl);return e.jsxs(me,{title:"Title and more",description:"Lorem ipsum dolor sit amet consectetur. Ac lectus massa auctor ac purus aliquam enim nibh accumsan. Nunc neque suspendisse.",tabBarVariant:"panel",buttonTabs:[{label:"Label 1",value:"label-1"},{label:"Label 2",value:"label-2"},{label:"Label 3",value:"label-3"}],defaultValue:Wl,onTabClick:n,children:["label-1"===a?e.jsx(Ol,{}):null,"label-2"===a?e.jsx(Ul,{}):null,"label-3"===a?e.jsx(Gl,{}):null]})},Kl="label-1",Ql=()=>{const[a,n]=l.useState(Kl);return e.jsxs(V,{defaultValue:Kl,onTabClick:e=>{n(e)},onOpenChange:e=>{const l=document.querySelector(".app-container");l&&l?.setAttribute("class",e?"app-container":"app-container sidebar-closed")},tabs:[{label:"Label 1",value:"label-1",icon:e.jsx(p,{})},{label:"Label 2",value:"label-2",icon:e.jsx(p,{})},{label:"Label 3",value:"label-3",icon:e.jsx(p,{})}],children:["label-1"===a?e.jsx(Yl,{}):null,"label-2"===a?e.jsx("div",{children:"content 2"}):null,"label-3"===a?e.jsx("div",{children:"content 3"}):null]})},Jl=()=>e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx(ce,{label:"Small",size:"small",variant:"info-white",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Default",variant:"info-white",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Large",size:"large",variant:"info-white",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Label",variant:"info-white"}),e.jsx(ce,{label:"Disabled",variant:"info-white",icon:e.jsx(u,{}),closable:!0,disabled:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx(ce,{label:"Small",size:"small",variant:"info-grey",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Default",variant:"info-grey",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Large",size:"large",variant:"info-grey",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Label",variant:"info-grey"}),e.jsx(ce,{label:"Disabled",variant:"info-grey",icon:e.jsx(u,{}),closable:!0,disabled:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx(ce,{label:"Small",size:"small",variant:"success",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Default",variant:"success",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Large",size:"large",variant:"success",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Label",variant:"success"}),e.jsx(ce,{label:"Disabled",variant:"success",icon:e.jsx(u,{}),closable:!0,disabled:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx(ce,{label:"Small",size:"small",variant:"warning",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Default",size:"small",variant:"warning",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Large",size:"large",variant:"warning",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Label",size:"small",variant:"warning"}),e.jsx(ce,{label:"Disabled",size:"small",variant:"warning",icon:e.jsx(u,{}),closable:!0,disabled:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx(ce,{label:"Small",size:"small",variant:"error",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Default",size:"small",variant:"error",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Large",size:"large",variant:"error",icon:e.jsx(u,{}),closable:!0}),e.jsx(ce,{label:"Label",size:"small",variant:"error"}),e.jsx(ce,{label:"Disabled",size:"small",variant:"error",icon:e.jsx(u,{}),closable:!0,disabled:!0})]})]}),Xl=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsx(ze,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",isButtonRight:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsx(ze,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",isButtonRight:!0,size:"small"})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsx(ze,{label:"Label",caption:"caption",variant:"info-grey",actionLabel:"Label"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"info-grey",actionLabel:"Label",isButtonRight:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsx(ze,{label:"Label",caption:"caption",variant:"info-grey",actionLabel:"Label",size:"small"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"info-grey",actionLabel:"Label",isButtonRight:!0,size:"small"})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsx(ze,{label:"Label",caption:"caption",variant:"success",actionLabel:"Label"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"success",actionLabel:"Label",isButtonRight:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsx(ze,{label:"Label",caption:"caption",variant:"success",actionLabel:"Label",size:"small"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"success",actionLabel:"Label",isButtonRight:!0,size:"small"})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsx(ze,{label:"Label",caption:"caption",variant:"warning",actionLabel:"Label"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"warning",actionLabel:"Label",isButtonRight:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsx(ze,{label:"Label",caption:"caption",variant:"warning",actionLabel:"Label",size:"small"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"warning",actionLabel:"Label",isButtonRight:!0,size:"small"})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsx(ze,{label:"Label",caption:"caption",variant:"error",actionLabel:"Label"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"error",actionLabel:"Label",isButtonRight:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",flexDirection:"column",gap:"10px"},children:[e.jsx(ze,{label:"Label",caption:"caption",variant:"error",actionLabel:"Label",size:"small"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"error",actionLabel:"Label",isButtonRight:!0,size:"small"})]})]})]}),ea=()=>e.jsxs("div",{children:[e.jsx(Se,{label:"Label",caption:"Caption",placeholder:"placeholder",defaultValue:"Default Value",required:!0}),e.jsx(Se,{label:"Label",caption:"Caption",placeholder:"placeholder",size:"small"}),e.jsx(Se,{label:"Label",caption:"Caption",placeholder:"placeholder",errorMessage:"Error Message",required:!0}),e.jsx(Se,{label:"Label",caption:"Caption",placeholder:"placeholder",required:!0,disabled:!0})]}),la=()=>e.jsxs("div",{children:[e.jsx(Pe,{label:"Label",caption:"Caption",placeholder:"placeholder",defaultValue:"Default Value",minLength:5,maxLength:200,required:!0}),e.jsx(Pe,{label:"Label",caption:"Caption",placeholder:"placeholder",size:"small"}),e.jsx(Pe,{label:"Label",caption:"Caption",placeholder:"placeholder",errorMessage:"Error Message",required:!0}),e.jsx(Pe,{label:"Label",caption:"Caption",placeholder:"placeholder",required:!0,disabled:!0})]}),aa=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:[e.jsx(Ue,{}),e.jsx(Ue,{disabled:!0})]}),na=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:[e.jsx(qe,{icon:e.jsx(m,{}),"aria-label":"Menu"}),e.jsx(qe,{icon:e.jsx(p,{}),"aria-label":"Check"}),e.jsx(qe,{icon:e.jsx(u,{}),"aria-label":"Info",disabled:!0})]}),ia=()=>e.jsxs("div",{style:{width:"280px",display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsx(ll,{min:0,max:100,defaultValue:[50]}),e.jsx(ll,{min:0,max:100,defaultValue:[50],marks:[{value:0,label:0},{value:25,label:25},{value:50,label:50},{value:75,label:75},{value:100,label:100}]}),e.jsx(ll,{min:0,max:100,defaultValue:[50],marks:[{value:0,label:0},{value:25,label:25},{value:50,label:50},{value:75,label:75},{value:100,label:100}],step:25}),e.jsx(ll,{value:[20,80]}),e.jsx(ll,{min:-100,max:100,defaultValue:[0],isCentred:!0}),e.jsx(ll,{value:[70],marks:[0,25,50,75,100],disabled:!0})]}),ra=()=>e.jsxs("div",{style:{width:"238px"},children:[e.jsx(cl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(cl,{type:"line",label:"Attribute",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(cl,{type:"point",label:"Attribute",color:"#F3FFF2",pointIcon:e.jsx(u,{})})]}),oa=()=>e.jsx("div",{style:{width:"238px"},children:e.jsxs(bl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})}),ta=()=>e.jsxs("div",{style:{width:"238px"},children:[e.jsx(wl,{colors:["#E5F5F9","#2CA25F"],values:["Low","Medium","High"],subLabels:["<100K",">600K"],isGradient:!0}),e.jsx(wl,{colors:["#EDF8FB","#B2E2E2","#66C2A4","#2CA25F","#006D2C"],values:["0%","25%","50%","75%","100%"]}),e.jsx(wl,{colors:["#A6611A","#DFC27D","#F5F5F5","#80CDC1","#018571"],values:["0%","25%","50%","75%","100%"]}),e.jsx(wl,{colors:["#A6611A","#DFC27D","#F5F5F5","#80CDC1","#018571"],values:["Low","Low-medium","Medium-high","High","Extremely high"],subLabels:["(0 to 9 in 1,000,000)","(9 in 1,000,000 to 7 in 100,000)","(7 in 100,000 to 3 in 10,000)","(3 in 10,000 to 2 in 1,000)","(more than 2 in 1,000)"]})]}),sa=({onDrag:l=()=>{},onUpClick:a=()=>{},onDownClick:n=()=>{}})=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(Vl,{layerName:"Layer Name",dataUnit:"Data Unit",onDrag:l,onUpClick:a,onDownClick:n,onRemoveClick:()=>console.log("remove"),onInfoClick:()=>console.log("info"),onOpacityChanged:e=>console.log("opacity changed",e),children:[e.jsx(wl,{colors:["#EDF8FB","#B2E2E2","#66C2A4","#2CA25F","#006D2C"],values:["0%","25%","50%","75%","100%"]}),e.jsx(cl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(cl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsxs(bl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})]})}),da=({onDrag:l=()=>{},onUpClick:a=()=>{},onDownClick:n=()=>{}})=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(Vl,{layerName:"Layer Name 2",dataUnit:"Data Unit",onDrag:l,onUpClick:a,onDownClick:n,onRemoveClick:()=>console.log("remove"),onInfoClick:()=>console.log("info"),onOpacityChanged:e=>console.log("opacity changed",e),children:[e.jsx(wl,{colors:["#EDF8FB","#B2E2E2","#66C2A4","#2CA25F","#006D2C"],values:["0%","25%","50%","75%","100%"]}),e.jsx(cl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(cl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsxs(bl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})]})}),ca=({onDrag:l=()=>{},onUpClick:a=()=>{},onDownClick:n=()=>{}})=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(Vl,{layerName:"Layer Name 3",dataUnit:"Data Unit",onDrag:l,onUpClick:a,onDownClick:n,onRemoveClick:()=>console.log("remove"),onInfoClick:()=>console.log("info"),onOpacityChanged:e=>console.log("opacity changed",e),children:[e.jsx(wl,{colors:["#EDF8FB","#B2E2E2","#66C2A4","#2CA25F","#006D2C"],values:["0%","25%","50%","75%","100%"]}),e.jsx(cl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(cl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45"}),e.jsx(ze,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsxs(bl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})]})}),xa=()=>e.jsx(_l,{legendContent:[e.jsx(sa,{}),e.jsx(da,{}),e.jsx(ca,{})],analysisContent:e.jsx("div",{})});a.createRoot(document.getElementById("root")).render(e.jsx(l.StrictMode,{children:e.jsx(n.ChakraProvider,{value:o,children:e.jsx((()=>e.jsx("div",{className:"App",children:e.jsxs("div",{className:"app-container",children:[e.jsx("h1",{style:{marginBottom:"20px"},children:"Welcome to WRI OS"}),e.jsxs("div",{style:{display:"flex",alignItems:"flex-start",flexWrap:"wrap",gap:25},children:[e.jsx(xa,{}),e.jsx(sa,{}),e.jsx(ta,{}),e.jsx(oa,{}),e.jsx(ra,{}),e.jsx(ia,{}),e.jsx(na,{}),e.jsx(aa,{}),e.jsx(ea,{}),e.jsx(la,{}),e.jsx(Xl,{}),e.jsx(Jl,{}),e.jsx(ql,{}),e.jsx(Pl,{}),e.jsx(Zl,{}),e.jsx(Hl,{}),e.jsx(El,{})]}),e.jsx(Ql,{})]})})),{})})})),exports.Button=D,exports.Checkbox=ee,exports.CloseButton=Ue,exports.IconButton=qe,exports.InlineMessage=ze,exports.LayerGroup=xe,exports.LayerGroupContainer=pe,exports.LayerItem=J,exports.LayerPanel=me,exports.LayerParameters=bl,exports.LegendItem=Vl,exports.LegendPanel=_l,exports.NavigationRail=V,exports.QualitativeLegend=cl,exports.Radio=R,exports.RadioGroup=_,exports.ScaleLegend=wl,exports.Slider=ll,exports.Switch=w,exports.TabBar=U,exports.Tag=ce,exports.TextInput=Se,exports.Textarea=Pe;
1286
1286
  //# sourceMappingURL=index.js.map