npm - @worldresources/wri-design-systems - Versions diffs - 1.0.0 → 1.2.0 - Mend

@worldresources/wri-design-systems 1.0.0 → 1.2.0

Files changed (8) hide show

package/dist/cjs/index.js CHANGED Viewed

@@ -1,82 +1,4 @@
-"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");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`
-  display: flex;
-  align-items: center;
-`,d=i(n.Switch.Root)`
-  .chakra-switch__control-container {
-    width: 42px;
-    height: 26px;
-    border-radius: 13px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: ${t("neutral",600)};
-  }
-  &[data-state='checked'] .chakra-switch__control-container {
-    background-color: ${t("primary",700)};
-  }
-  &[data-disabled] .chakra-switch__control-container {
-    background-color: transparent;
-  }
-  .chakra-switch__control {
-    height: 24px;
-    width: 40px;
-    display: flex;
-    align-items: center;
-    background-color: ${t("neutral",500)};
-    &:focus-visible,
-    &[data-focus-visible] {
-      box-shadow: none;
-      outline: none;
-      outline: 2px solid ${t("primary",700)};
-      outline-offset: 3px;
-    }
-    &[data-state='checked'] {
-      background-color: ${t("primary",500)};
-    }
-    &[data-disabled] {
-      background-color: ${t("neutral",300)};
-    }
-  }
-  .chakra-switch__thumb {
-    svg {
-      width: 12px;
-      path {
-        fill: ${t("primary",700)};
-      }
-    }
-    &:hover,
-    &[data-hover] {
-      outline: 9px solid
-        color-mix(in srgb, ${t("primary",500)} 20%, transparent);
-    }
-    &[data-active] {
-      outline: 9px solid
-        color-mix(in srgb, ${t("primary",500)} 40%, transparent);
-    }
-    &[data-disabled] {
-      outline: none;
-      &[data-state='checked'] {
-        svg {
-          path {
-            fill: ${t("neutral",500)};
-          }
-        }
-      }
-    }
-  }
-`,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)`
+"use strict";var e=require("react/jsx-runtime"),l=require("react"),a=require("react-dom/client"),i=require("@chakra-ui/react"),n=require("@emotion/styled");function t(e){var l=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var i=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(l,a,i.get?i:{enumerable:!0,get:function(){return e[a]}})}})),l.default=e,Object.freeze(l)}var r=t(l);!function(e,l){void 0===l&&(l={});var a=l.insertAt;if("undefined"!=typeof document){var i=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&i.firstChild?i.insertBefore(n,i.firstChild):i.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\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");const o={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"}}},s=i.createSystem(i.defaultConfig,{theme:{tokens:{colors:o}}}),d=(e,l)=>s.tokens.getVar(`colors.${e}.${l}`)||o?.[e]?.[l]?.value,c=n(i.Button)`
   width: auto;
   height: ${({size:e})=>"small"===e?"28px":"40px"};
   font-size: ${({size:e})=>"small"===e?"12px":"16px"};
@@ -94,183 +16,194 @@
     width: ${({size:e})=>"small"===e?"10px":"16px"};
     height: ${({size:e})=>"small"===e?"10px":"16px"};
   }
-`,k=i($)`
-  ${({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    `};
-`,L=i($)`
-  ${({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    `};
-`,z=i($)`
-  ${({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    `};
-`,I=i($)`
-  ${({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    `};
-`,B=({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]})},F=i.div`
-  width: 64px;
-  height: 100vh;
-  z-index: 100;
-  position: fixed;
-  top: 0;
-  left: 0;
-  border-right: 1px solid ${t("neutral",300)};
-  background-color: ${t("neutral",200)};
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-`,D=i(n.Tabs.Trigger)`
-  width: 64px;
-  height: 64px;
-  background-color: ${t("neutral",200)};
-  border-radius: initial;
-  border-style: solid;
-  border-width: 1px 1px 0px 0px;
-  border-color: ${t("neutral",300)};
-  cursor: pointer;
-  border-left: 2px solid transparent;
-  padding: 0 5px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+`,x=n(c)`
+  ${({disabled:e})=>e?`\n        background-color: ${d("neutral",300)};\n        border: 1px solid ${d("neutral",400)};\n        color: ${d("neutral",500)};\n\n        &:hover {\n          background-color: ${d("neutral",300)} !important;\n        }\n      `:`\n      background-color: ${d("primary",500)};\n      border: 1px solid ${d("primary",600)};\n      color: ${d("primary",900)};\n      box-shadow: 0px 1px 2px 0px #0000000D;\n\n      &:hover {\n        background-color: ${d("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: ${d("primary",600)} !important;\n        border: 1px solid ${d("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: ${d("primary",700)};\n        background-color: ${d("primary",500)};\n        box-shadow: 0px 1px 2px 0px #0000000D;\n      }\n    `};
+`,p=n(c)`
+  ${({disabled:e})=>e?`\n        background-color: ${d("neutral",200)};\n        border: 1px solid ${d("neutral",300)};\n        color: ${d("neutral",500)};\n\n        &:hover {\n          background-color: ${d("neutral",200)} !important;\n        }\n      `:`\n      background-color: ${d("neutral",100)};\n      border: 1px solid ${d("neutral",300)};\n      color: ${d("neutral",700)};\n      box-shadow: 0px 1px 2px 0px #0000000D;\n\n      &:hover {\n        background-color: ${d("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: ${d("neutral",200)} !important;\n        border: 1px solid ${d("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: ${d("primary",700)};\n        box-shadow: 0px 1px 2px 0px #0000000D;\n      }\n    `};
+`,h=n(c)`
+  ${({disabled:e})=>e?`\n        background-color: transparent;\n        color: ${d("neutral",500)};\n\n        &:hover {\n          background-color: transparent !important;\n        }\n      `:`\n      background-color: transparent;\n      border: none;\n      color: ${d("neutral",800)};\n      box-shadow: none;\n\n      &:hover {\n        background-color: color-mix(in srgb, ${d("primary",500)} 20%, transparent);\n      }\n\n      &:active {\n        outline: none;\n        background-color: color-mix(in srgb, ${d("primary",500)} 40%, transparent);\n        box-shadow: 0px 4px 6px -1px #0000001A;\n      }\n\n      &:focus-visible {\n        outline-color: ${d("primary",700)};\n        box-shadow: 0px 1px 2px 0px #0000000D;\n      }\n    `};
+`,u=n(c)`
+  ${({disabled:e})=>e?`\n        background-color: ${d("neutral",200)};\n        border: 1px solid ${d("neutral",300)};\n        color: ${d("neutral",500)};\n\n        &:hover {\n          background-color: ${d("neutral",200)} !important;\n        }\n      `:`\n      background-color: transparent;\n      border: 1px solid ${d("primary",800)};\n      color: ${d("primary",800)};\n\n      &:hover {\n        background-color: ${d("primary",100)};\n        color: ${d("primary",900)};\n      }\n\n      &:active {\n        outline: none;\n        background-color: ${d("primary",200)} !important;\n        border: 1px solid ${d("primary",900)} !important;\n        color: ${d("primary",900)};\n      }\n\n      &:focus-visible {\n        outline-color: ${d("primary",800)};\n        background-color: ${d("primary",100)};\n      }\n    `};
+`,b=({label:l,loading:a,variant:n="primary",size:t="default",disabled:r,leftIcon:o,rightIcon:s,...d})=>{let c=x;"secondary"===n?c=p:"borderless"===n?c=h:"outline"===n&&(c=u);return e.jsxs(c,{"aria-label":(()=>{let e=d["aria-label"]||l;return a&&(e="Loading"),e})(),size:t,disabled:r||a,"aria-disabled":r||a,...d,children:[o&&!a?e.jsx(i.Box,{marginRight:l?2:0,display:"flex",alignItems:"center",children:o}):null,!s&&a?e.jsx(i.Spinner,{size:"sm",marginRight:l?2:0}):null,l,s&&!a?e.jsx(i.Box,{marginLeft:l?2:0,display:"flex",alignItems:"center",children:s}):null,s&&a?e.jsx(i.Spinner,{size:"sm",marginLeft:l?2:0}):null]})},g=n(i.Button)`
+  width: 20px !important;
+  padding: 0 !important;
+  min-width: 20px !important;
+  height: 20px;
+  border-radius: 2px;
+  background-color: transparent;
+  svg {
+    width: 15px;
+    height: 15px;
+    path {
+      fill: ${d("neutral",800)};
+    }
+  }
   &:hover {
-    background-color: ${t("neutral",100)};
+    background-color: color-mix(
+      in srgb,
+      ${d("primary",500)} 20%,
+      transparent
+    );
   }
   &:active {
-    background-color: ${t("neutral",300)} !important;
+    background-color: color-mix(
+      in srgb,
+      ${d("primary",500)} 40%,
+      transparent
+    );
   }
   &:focus-visible {
-    background-color: ${t("neutral",200)};
-    outline-color: ${t("primary",700)};
-    outline-offset: 2px;
-    box-shadow: none;
+    outline-color: ${d("primary",700)};
   }
-  .tab-label p {
-    font-size: 10px;
-    font-weight: 400;
-    line-height: 14px;
-    text-align: center;
-    color: ${t("neutral",600)};
+  &:disabled {
+    background-color: transparent;
+    svg {
+      path {
+        fill: ${d("neutral",500)};
+      }
+    }
   }
+`,m=({icon:l,disabled:a,...i})=>e.jsx(g,{"aria-label":i["aria-label"],disabled:a,...i,children:l}),j=n(m)`
+  width: 20px !important;
+  padding: 0 !important;
+  min-width: 20px !important;
+  height: 20px;
+  border-radius: 2px;
+  background-color: ${d("neutral",300)};
-  &[data-selected] {
-    background-color: ${t("neutral",100)};
-    border-left: 2px solid ${t("secondary",500)};
+  svg {
+    width: 10px;
+    height: 10px;
-    &:hover {
-      background-color: ${t("neutral",200)};
+    path {
+      fill: ${d("neutral",800)};
     }
+  }
-    &:focus-visible {
-      background-color: ${t("neutral",100)};
-      outline-color: ${t("primary",700)};
-      outline-offset: 2px;
-      box-shadow: none;
-    }
+  &:hover {
+    background-color: ${d("neutral",300)};
+    box-shadow: 0px 1px 2px -1px #0000001a;
+    box-shadow: 0px 1px 3px 0px #0000001a;
+  }
-    .tab-label {
-      p {
-        font-weight: 700;
-        color: ${t("neutral",700)};
-      }
+  &:active {
+    background-color: ${d("neutral",400)};
+    box-shadow: 0px 1px 2px -1px #0000001a;
+    box-shadow: 0px 1px 3px 0px #0000001a;
+  }
-      svg {
-        path {
-          fill: ${t("neutral",700)};
-        }
+  &:focus-visible {
+    outline-color: ${d("primary",700)};
+  }
+  &:disabled {
+    background-color: ${d("neutral",200)} !important;
+    box-shadow: none;
+    svg {
+      path {
+        fill: ${d("neutral",400)};
       }
     }
+  }
+`,f=l=>e.jsx(i.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)"})})})]})}),v=l=>e.jsx(i.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"})]})}),C=l=>e.jsx(i.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"})})}),y=l=>e.jsx(i.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"})})}),$=l=>e.jsx(i.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"})})}),w=l=>e.jsx(i.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"})})}),k=l=>e.jsx(i.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"})})}),L=l=>e.jsx(i.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"})})}),z=l=>e.jsx(i.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"})})}),I=l=>e.jsx(i.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"})})})]})}),A=l=>e.jsx(i.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"})})}),D=l=>e.jsx(i.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)"})})})]})}),S=l=>e.jsx(i.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"})})}),B=({disabled:l,...a})=>e.jsx(j,{icon:e.jsx(k,{}),"aria-label":a["aria-label"]||"Close",disabled:l,...a}),F=n(i.Menu.Content)`
+  width: 200px;
+  border: 1px solid ${d("neutral",600)};
+  border-radius: 4px;
+  padding: 8px;
+`,T=n(i.Menu.Trigger)`
+  &[data-state='open'] {
+    background-color: ${({variant:e})=>"primary"===e?d("primary",600):d("neutral",200)} !important;
+    border: 1px solid ${d("primary",800)} !important;
+  }
+`,V=n(i.Menu.Item)`
+  font-size: ${({size:e})=>"small"===e?"14px":"16px"};
+  line-height: ${({size:e})=>"small"===e?"20px":"24px"};
+  color: ${d("neutral",800)};
+  padding: 4px;
+  cursor: pointer;
-    &::before {
-      content: none;
-    }
+  &[data-highlighted] {
+    background-color: ${d("neutral",200)};
   }
+`,M=l.forwardRef(((l,a)=>{const{portalled:n=!0,portalRef:t,...r}=l;return e.jsx(i.Portal,{disabled:!n,container:t,children:e.jsx(i.Menu.Positioner,{children:e.jsx(F,{ref:a,...r})})})})),R=({variant:a="primary",size:n="default",mainActionLabel:t,mainActionOnClick:r=()=>{},otherActions:o=[],...s})=>{const[d,c]=l.useState(!1);return e.jsxs(i.Group,{attached:!0,children:[e.jsx(b,{label:t,variant:a,size:n,onClick:r,...s}),e.jsxs(i.Menu.Root,{onOpenChange:({open:e})=>c(e),positioning:{placement:"bottom-end"},children:[e.jsx(T,{asChild:!0,"data-group-item":!0,"data-last":!0,variant:a,children:e.jsx(b,{variant:a,size:n,leftIcon:e.jsx(w,{rotate:d?"180":"0"}),disabled:s.disabled})}),e.jsx(M,{children:o.map((({label:l,value:a,onClick:i})=>e.jsx(V,{onClick:i,value:a,size:n,children:l},a)))})]})]})},_=n(i.Checkbox.Root)`
+  .chakra-checkbox__control {
+    width: 20px;
+    height: 20px;
+    border: 1px solid ${d("neutral",600)};
-  &[data-disabled] {
-    background-color: ${t("neutral",200)} !important;
+    svg {
+      width: 12px;
-    &[data-selected] {
-      background-color: ${t("neutral",100)} !important;
+      path {
+        fill: transparent;
+      }
     }
-    .tab-label {
-      p {
-        color: ${t("neutral",400)};
-      }
+    &:hover,
+    &[data-hover] {
+      outline: 4px solid
+        color-mix(in srgb, ${d("primary",500)} 20%, transparent);
+    }
-      svg {
-        path {
-          fill: ${t("neutral",400)};
-        }
-      }
+    &:active,
+    &[data-active] {
+      outline: 4px solid
+        color-mix(in srgb, ${d("primary",500)} 40%, transparent);
     }
-  }
-`,A=i.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  svg {
-    width: 16px;
-    height: 16px;
+    &:focus-visible,
+    &[data-focus-visible] {
+      box-shadow: none;
+      outline: 2px solid ${d("primary",700)};
+      outline-offset: 2px;
+    }
-    path {
-      fill: ${t("neutral",600)};
+    &[data-state='checked'],
+    &[data-state='indeterminate'] {
+      border: 1px solid ${d("primary",700)};
+      background-color: ${d("primary",500)} !important;
+      svg path {
+        fill: ${d("primary",900)};
+      }
     }
-  }
-`,T=i(n.Collapsible.Trigger)`
-  width: 64px;
-  height: 64px;
-  background-color: ${t("neutral",200)};
-  border-radius: initial;
-  border-style: solid;
-  border-width: 1px 1px 0px 0px;
-  border-color: ${t("neutral",300)};
-  cursor: pointer;
-  border-left: 2px solid transparent;
-  padding: 0 5px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  gap: 5px;
-  &:hover {
-    background-color: ${t("neutral",100)};
-  }
+    &[data-disabled] {
+      border: 1px solid ${d("neutral",400)};
+      background-color: transparent !important;
+      cursor: not-allowed;
-  &:active {
-    background-color: ${t("neutral",300)} !important;
-  }
+      &:hover,
+      &[data-hover],
+      &:active,
+      &[data-active] {
+        outline: none;
+      }
-  &:focus-visible {
-    outline-color: ${t("primary",700)};
-    outline-offset: 2px;
-    box-shadow: none;
-  }
+      &[data-state='checked'],
+      &[data-state='indeterminate'] {
+        border: none !important;
+        background-color: ${d("neutral",300)} !important;
-  .tab-label p {
-    font-size: 10px;
-    font-weight: 400;
-    line-height: 14px;
-    text-align: center;
-    color: ${t("neutral",600)};
+        svg path {
+          fill: ${d("neutral",500)} !important;
+        }
+      }
+    }
   }
-`,S=i.div`
-  width: 300px;
-  height: 100vh;
-  z-index: 100;
-  position: fixed;
-  top: 0;
-  left: 64px;
-  box-shadow: 2px 0px 2px 0px #0000000d;
-  background-color: ${t("neutral",100)};
-  overflow-y: auto;
-  overflow-x: hidden;
-`,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(F,{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(D,{"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)`
+`,E=({name:l,value:a,checked:n,defaultChecked:t,disabled:r,indeterminate:o,onCheckedChange:s,children:d,...c})=>e.jsxs(_,{name:l,value:a,checked:o?"indeterminate":n,defaultChecked:t,disabled:r,onCheckedChange:s,"aria-label":c["aria-label"]||l,gap:d?"10px":"0",...c,children:[e.jsx(i.Checkbox.HiddenInput,{}),e.jsx(i.Checkbox.Control,{children:o?e.jsx(y,{}):e.jsx(C,{})}),e.jsx(i.Checkbox.Label,{children:d})]}),H=n(i.RadioGroup.Item)`
   .radio-item-indicator {
     width: 20px;
     height: 20px;
-    border: 1px solid ${t("neutral",600)};
+    border: 1px solid ${d("neutral",600)};
     .dot {
       width: 10px !important;
@@ -280,43 +213,43 @@
     &:hover {
       outline: 4px solid
-        color-mix(in srgb, ${t("primary",500)} 20%, transparent);
+        color-mix(in srgb, ${d("primary",500)} 20%, transparent);
     }
     &:active {
       outline: 4px solid
-        color-mix(in srgb, ${t("primary",500)} 40%, transparent);
+        color-mix(in srgb, ${d("primary",500)} 40%, transparent);
     }
     &:focus-visible,
     &[data-focus-visible] {
-      outline: 2px solid ${t("primary",700)};
+      outline: 2px solid ${d("primary",700)};
       outline-offset: 2px;
       box-shadow: none;
       &[data-checked] {
-        border: 2px solid ${t("primary",700)};
+        border: 2px solid ${d("primary",700)};
         &[data-disabled] {
-          border: 2px solid ${t("neutral",400)};
+          border: 2px solid ${d("neutral",400)};
         }
       }
     }
     &[data-checked] {
-      border: 1px solid ${t("primary",700)};
-      background-color: ${t("neutral",100)} !important;
-      color: ${t("primary",700)};
+      border: 1px solid ${d("primary",700)};
+      background-color: ${d("neutral",100)} !important;
+      color: ${d("primary",700)};
       &[data-disabled] {
-        border: 1px solid ${t("neutral",400)};
-        color: ${t("neutral",400)};
+        border: 1px solid ${d("neutral",400)};
+        color: ${d("neutral",400)};
       }
     }
     &[data-disabled] {
-      border: 1px solid ${t("neutral",400)} !important;
-      background-color: ${t("neutral",100)} !important;
+      border: 1px solid ${d("neutral",400)} !important;
+      background-color: ${d("neutral",100)} !important;
       &:hover,
       &:active {
@@ -324,260 +257,318 @@
       }
     }
   }
-`,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`
-  width: 100%;
-  display: flex;
-  align-items: center;
-  height: 40px;
-  ${({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  `}
-`,H=i(n.Tabs.Trigger)`
-  width: 99%;
-  height: 40px;
-  padding: 8px 16px;
-  border-radius: 0px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 2px;
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 400;
+`,P=({children:l,value:a,disabled:n,...t})=>e.jsxs(H,{value:a,disabled:n,...t,children:[e.jsx(i.RadioGroup.ItemHiddenInput,{}),e.jsx(i.RadioGroup.ItemIndicator,{className:"radio-item-indicator"}),l?e.jsx(i.RadioGroup.ItemText,{children:l}):null]}),Z=({children:a,isRow:n=!1,name:t,defaultValue:r,onChange:o,customGap:s,...d})=>{const[c,x]=l.useState(r);let p=n?"20px":"8px";return p=s||p,e.jsx(i.RadioGroup.Root,{onValueChange:e=>{x(e.value),o&&o(t,e.value)},value:c,...d,children:e.jsx(i.HStack,{gap:p,flexDirection:n?"row":"column",alignItems:"flex-start",children:a})})},O=n(i.Slider.Root)`
+  height: 60px;
+  padding: 40px 12px;
+`,q=n(i.Slider.Thumb)`
+  height: 20px;
+  width: 20px;
+  background-color: ${d("primary",500)};
+  border: 2px solid ${d("primary",700)};
+  box-shadow: 0px 1px 2px 0px #0000000d;
-  &:focus-visible {
-    box-shadow: none;
+  &:hover,
+  &[data-hover] {
+    outline: 4px solid
+      color-mix(in srgb, ${d("primary",500)} 20%, transparent);
   }
-`,Z=i(H)`
-  background-color: ${t("neutral",200)};
-  color: ${t("neutral",600)};
-  &:hover {
-    background-color: ${t("neutral",100)};
-  }
+  &[data-dragging] {
+    outline: 4px solid
+      color-mix(in srgb, ${d("primary",500)} 40%, transparent);
-  &:active {
-    background-color: ${t("neutral",300)};
+    div {
+      display: flex;
+    }
   }
-  &:focus-visible {
-    background-color: ${t("neutral",300)};
-    outline-color: ${t("primary",700)};
+  &:focus-visible,
+  &[data-focus-visible] {
+    box-shadow: none;
+    outline: 2px solid ${d("primary",700)};
     outline-offset: 2px;
   }
-  &[data-selected] {
-    background-color: ${t("neutral",100)};
-    color: ${t("neutral",800)};
+  &[data-disabled] {
+    background-color: ${d("neutral",400)};
+    border: none;
+    box-shadow: none;
+    outline: none;
+    cursor: not-allowed;
+  }
+`,N=n.div`
+  font-size: 14px;
+  line-height: 20px;
+  color: ${d("neutral",800)};
+  height: 28px;
+  background-color: ${d("neutral",100)};
+  border: 1px solid ${d("neutral",300)};
+  border-radius: 8px;
+  padding: 0 8px;
+  display: none;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  top: -30px;
+`,U=n(i.Slider.Track)`
+  background-color: ${d("neutral",300)};
+  border: none;
+  box-shadow: none;
+`,G=n(i.Slider.Range)`
+  background-color: ${d("primary",500)};
+  border: 1px solid ${d("primary",700)};
+  border-radius: 8px;
-    &:hover {
-      background-color: ${t("neutral",200)};
-    }
+  &:disabled,
+  &[disabled],
+  &[data-disabled],
+  &[aria-disabled='true'] {
+    --chakra-colors-border-emphasized: ${d("neutral",400)};
+    background-color: ${d("neutral",400)};
+    border: none;
+  }
+`,W=n(i.Slider.Marker)`
+  font-size: 12px;
+  line-height: 16px;
+  color: ${d("neutral",800)};
-    &:active {
-      background-color: ${t("neutral",300)};
-    }
+  p {
+    position: relative;
+    top: -40px;
+  }
-    &:focus-visible {
-      background-color: ${t("neutral",100)};
-      outline-color: ${t("primary",700)};
-      outline-offset: 2px;
+  &[data-state='under-value'] {
+    .chakra-slider__markerIndicator {
+      background-color: ${({isCentred:e})=>d("neutral",e?500:200)};
     }
-    &::before {
-      content: none;
+    &[data-disabled] {
+      .chakra-slider__markerIndicator {
+        background-color: ${({isCentred:e})=>d("neutral",e?400:500)};
+      }
     }
   }
-  &[data-disabled] {
-    background-color: ${t("neutral",200)};
-    color: ${t("neutral",400)};
+  &[data-state='over-value'] {
+    .chakra-slider__markerIndicator {
+      background-color: ${d("neutral",500)};
+    }
-    &[data-selected] {
-      background-color: ${t("neutral",100)};
-      color: ${t("neutral",400)};
-      opacity: 1;
+    &[data-disabled] {
+      .chakra-slider__markerIndicator {
+        background-color: ${d("neutral",400)};
+      }
     }
   }
-`,P=i.div`
-  width: 4px;
-  height: 24px;
-  background-color: ${t("neutral",400)};
-`,N=i(H)`
-  height: 32px;
-  border-radius: 2px;
-  background-color: ${t("neutral",200)};
-  color: ${t("neutral",600)};
-  &:hover {
-    background-color: ${t("neutral",300)};
-    box-shadow: 0px 1px 2px 0px #0000000d;
+  ${({isMiddleMark:e})=>e?`\n    --ty: -6px !important;\n\n    .chakra-slider__markerIndicator {\n      height: 16px;\n      width: 4px;\n      background-color: ${d("primary",700)} !important;\n    }\n\n    &[data-disabled] {\n      .chakra-slider__markerIndicator {\n        background-color: ${d("neutral",400)} !important;\n      }\n    }\n  `:""};
+`,Y=l=>{const{value:a}=l;return e.jsx(i.For,{each:a,children:(l,a)=>e.jsxs(q,{index:a,children:[e.jsx(N,{children:l}),e.jsx(i.Slider.HiddenInput,{})]},a)})},K=l.forwardRef(((l,a)=>{const{marks:n,isCentred:t}=l;return n?.length?e.jsx(i.Slider.MarkerGroup,{ref:a,children:n.map(((l,a)=>{const n="number"==typeof l?l:l.value,r="number"==typeof l?void 0:l.label,o=t&&1===a;return e.jsxs(W,{value:n,isCentred:t,isMiddleMark:o,children:[e.jsx(i.Slider.MarkerIndicator,{}),e.jsx("p",{children:r})]},n)}))}):null})),Q=l.forwardRef(((a,n)=>{const{marks:t,onValueChange:r,isCentred:o,...s}=a,[d,c]=l.useState(a.defaultValue||a.value||[0]);let x=t?.map((e=>"number"==typeof e?{value:e,label:void 0}:e));if(o){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(O,{ref:n,thumbAlignment:"center",onValueChange:e=>{c(e.value),r&&r(e)},origin:o?"center":"start",...s,children:e.jsxs(i.Slider.Control,{"data-has-mark-label":p||void 0,children:[e.jsx(U,{children:e.jsx(G,{})}),e.jsx(Y,{value:d}),e.jsx(K,{marks:x,isCentred:o})]})})})),J=n.div`
+  display: flex;
+  align-items: center;
+`,X=n(i.Switch.Root)`
+  .chakra-switch__control-container {
+    width: 42px;
+    height: 26px;
+    border-radius: 13px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    background-color: ${d("neutral",600)};
   }
-  &:active {
-    background-color: ${t("neutral",300)};
-    box-shadow: 0px 2px 4px -2px #0000001a;
-    box-shadow: 0px 4px 6px -1px #0000001a;
+  &[data-state='checked'] .chakra-switch__control-container {
+    background-color: ${d("primary",700)};
   }
-  &:focus-visible {
-    outline-color: ${t("primary",700)};
-    outline-offset: 2px;
+  &[data-disabled] .chakra-switch__control-container {
+    background-color: transparent;
   }
-  &[data-selected] {
-    background-color: ${t("neutral",100)};
-    border: 1px solid ${t("neutral",300)};
-    box-shadow: 0px 1px 2px 0px #0000000d;
-    color: ${t("neutral",800)};
+  .chakra-switch__control {
+    height: 24px;
+    width: 40px;
+    display: flex;
+    align-items: center;
+    background-color: ${d("neutral",500)};
-    &:hover {
-      background-color: ${t("neutral",200)};
-      border: 1px solid ${t("neutral",300)};
-      box-shadow: 0px 2px 4px -2px #0000001a;
-      box-shadow: 0px 4px 6px -1px #0000001a;
+    &:focus-visible,
+    &[data-focus-visible] {
+      box-shadow: none;
+      outline: none;
+      outline: 2px solid ${d("primary",700)};
+      outline-offset: 3px;
     }
-    &:active {
-      background-color: ${t("neutral",300)};
-      border: 1px solid ${t("neutral",300)};
-      box-shadow: 0px 2px 4px -2px #0000001a;
-      box-shadow: 0px 4px 6px -1px #0000001a;
+    &[data-state='checked'] {
+      background-color: ${d("primary",500)};
     }
-    &:focus-visible {
-      outline-color: ${t("primary",700)};
-      outline-offset: 2px;
+    &[data-disabled] {
+      background-color: ${d("neutral",300)};
     }
+  }
-    &::before {
-      content: none;
+  .chakra-switch__thumb {
+    svg {
+      width: 12px;
+      path {
+        fill: ${d("primary",700)};
+      }
     }
-  }
-  &[data-disabled] {
-    background-color: ${t("neutral",200)};
-    color: ${t("neutral",400)};
-    box-shadow: none;
+    &:hover,
+    &[data-hover] {
+      outline: 9px solid
+        color-mix(in srgb, ${d("primary",500)} 20%, transparent);
+    }
-    &:hover {
-      box-shadow: none;
+    &[data-active] {
+      outline: 9px solid
+        color-mix(in srgb, ${d("primary",500)} 40%, transparent);
     }
-    &[data-selected] {
-      background-color: ${t("neutral",100)};
-      color: ${t("neutral",400)};
-      opacity: 1;
+    &[data-disabled] {
+      outline: none;
+      &[data-state='checked'] {
+        svg {
+          path {
+            fill: ${d("neutral",500)};
+          }
+        }
+      }
     }
   }
-`,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`
-  width: 268px;
-  padding: 16px 0;
-  border-bottom: 1px solid ${t("neutral",300)};
-`,W=i.div`
+`,ee=({name:l,defaultChecked:a=!1,onChange:n,disabled:t=!1,isLabelOnLeft:r=!1,children:o,...s})=>e.jsx(J,{children:e.jsxs(X,{id:l,name:l,"aria-label":s["aria-label"]||l,defaultChecked:a,onCheckedChange:({checked:e})=>{n&&n(l,e)},disabled:t,...s,children:[r&&null!=o?e.jsx(i.Switch.Label,{children:o}):null,e.jsx(i.Switch.HiddenInput,{style:{width:"42px",height:"26px"}}),e.jsx("div",{className:"chakra-switch__control-container",children:e.jsx(i.Switch.Control,{children:e.jsx(i.Switch.Thumb,{children:e.jsx(i.Switch.ThumbIndicator,{display:"flex",children:e.jsx(C,{})})})})}),r||null==o?null:e.jsx(i.Switch.Label,{children:o})]})}),le=r.forwardRef(((l,a)=>{const{children:n,...t}=l;return e.jsxs(i.Select.Control,{...t,children:[e.jsx(i.Select.Trigger,{ref:a,children:n}),e.jsx(i.Select.IndicatorGroup,{children:e.jsx(i.Select.Indicator,{children:e.jsx(w,{})})})]})})),ae=r.forwardRef(((l,a)=>{const{...n}=l;return e.jsx(i.Portal,{children:e.jsx(i.Select.Positioner,{children:e.jsx(i.Select.Content,{...n,ref:a})})})})),ie=r.forwardRef(((l,a)=>{const{item:n,children:t,...r}=l;return e.jsx(i.Select.Item,{item:n,...r,ref:a,children:t},n.value)})),ne=r.forwardRef(((l,a)=>{const{children:n,...t}=l;return e.jsx(i.Select.ValueText,{...t,ref:a,children:e.jsx(i.Select.Context,{children:e=>{const a=e.selectedItems;return 0===a.length?l.placeholder:n?n(a):1===a.length?e.collection.stringifyItem(a[0]):`${a.length} selected`}})})})),te=r.forwardRef(((l,a)=>e.jsx(i.Select.Root,{...l,ref:a,positioning:{sameWidth:!0,...l.positioning},children:l.asChild?l.children:e.jsxs(e.Fragment,{children:[e.jsx(i.Select.HiddenSelect,{}),l.children]})})));r.forwardRef(((l,a)=>{const{children:n,label:t,...r}=l;return e.jsxs(i.Select.ItemGroup,{...r,ref:a,children:[e.jsx(i.Select.ItemGroupLabel,{children:t}),n]})}));const re=i.Select.Label;i.Select.ItemText;const oe=n.div`
+  position: relative;
+  height: 100%;
+  width: 100%;
   display: flex;
+  justify-content: flex-start;
   align-items: flex-start;
-  justify-content: space-between;
-`,Y=i.div`
-  display: flex;
-  flex-direction: column;
-`,K=i.p`
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-  text-align: left;
-  color: ${t("neutral",800)};
-`,Q=i.p`
-  font-size: 14px;
+  gap: ${({size:e})=>"small"===e?"12px":"16px"};
+  margin-bottom: 16px;
+`,se=n.div`
+  width: 3px;
+  height: 100%;
+  background-color: ${d("error",500)};
+  position: absolute;
+  top: 0;
+  left: 0;
+`,de=n(re)`
+  font-size: ${({size:e})=>"small"===e?"14px":"16px"};
+  line-height: ${({size:e})=>"small"===e?"20px":"24px"};
   font-weight: 400;
-  line-height: 20px;
-  text-align: left;
-  color: ${t("neutral",600)};
-`,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(B,{variant:"secondary",label:o,rightIcon:e.jsx(u,{}),size:"small",onClick:d,disabled:s})}):null]})},X=i(n.Checkbox.Root)`
-  .chakra-checkbox__control {
-    width: 20px;
-    height: 20px;
-    border: 1px solid ${t("neutral",600)};
+  color: ${d("neutral",900)};
-    svg {
-      width: 12px;
+  span {
+    color: ${d("error",500)};
+    margin-right: 3px;
+  }
-      path {
-        fill: transparent;
-      }
+  &[data-disabled] {
+    color: ${d("neutral",600)};
+    span {
+      color: ${d("neutral",600)};
     }
+  }
+`,ce=n.p`
+  font-size: ${({size:e})=>"small"===e?"12px":"14px"};
+  line-height: ${({size:e})=>"small"===e?"16px":"20px"};
+  font-weight: 400;
+  color: ${d("neutral",600)};
+  &[disabled] {
+    color: ${d("neutral",500)};
+  }
+`,xe=n(le)`
+  .chakra-select__trigger {
+    min-height: ${({size:e})=>"small"===e?"32px":"40px"};
+    border-radius: 4px;
+    padding: 6px 8px;
+    border: 1px solid
+      ${({isFilled:e,hasErrorMessage:l})=>((e,l)=>l?d("error",500):d("neutral",e?700:400))(e,l)};
+    box-shadow: 0px 1px 2px 0px #0000000d;
-    &:hover,
-    &[data-hover] {
-      outline: 4px solid
-        color-mix(in srgb, ${t("primary",500)} 20%, transparent);
+    .chakra-select__valueText {
+      font-size: ${({size:e})=>"small"===e?"14px":"16px"};
+      line-height: ${({size:e})=>"small"===e?"20px":"24px"};
+      color: ${d("neutral",700)};
+      ${({multiple:e})=>e?"\n        display: flex;\n        flex-wrap: wrap;\n        gap: 8px;\n      ":""}
     }
-    &:active,
-    &[data-active] {
-      outline: 4px solid
-        color-mix(in srgb, ${t("primary",500)} 40%, transparent);
+    &[data-state='open'] {
+      border-bottom-left-radius: 0px;
+      border-bottom-right-radius: 0px;
+      border-bottom: none;
     }
-    &:focus-visible,
-    &[data-focus-visible] {
-      box-shadow: none;
-      outline: 2px solid ${t("primary",700)};
+    &:is(:focus-visible, [data-focus-visible]) {
       outline-offset: 2px;
+      outline-width: 2px;
+      outline-color: ${d("primary",700)};
+      border: 2px solid ${d("neutral",700)};
     }
-    &[data-state='checked'],
-    &[data-state='indeterminate'] {
-      border: 1px solid ${t("primary",700)};
-      background-color: ${t("primary",500)} !important;
+    &[data-disabled] {
+      border: 1px solid ${d("neutral",300)};
+      background-color: ${d("neutral",200)};
+    }
+  }
-      svg path {
-        fill: ${t("primary",900)};
+  .chakra-select__indicator {
+    svg {
+      width: ${({size:e})=>"small"===e?"12px":"16px"};
+      path {
+        fill: ${d("neutral",700)};
       }
     }
     &[data-disabled] {
-      border: 1px solid ${t("neutral",400)};
-      background-color: transparent !important;
-      cursor: not-allowed;
-      &:hover,
-      &[data-hover],
-      &:active,
-      &[data-active] {
-        outline: none;
+      svg path {
+        fill: ${d("neutral",500)};
       }
+    }
+  }
+`,pe=n(ae)`
+  margin-top: -8px;
+  border-radius: 4px;
+  border: 1px solid ${d("neutral",400)};
+  border-top-left-radius: 0px;
+  border-top-right-radius: 0px;
+  border-top: none;
+`,he=n(ie)`
+  align-items: flex-start;
+  &[data-highlighted] {
+    background-color: ${d("neutral",200)};
+    cursor: pointer;
+  }
+`,ue=n.p`
+  font-size: ${({size:e})=>"small"===e?"14px":"16px"};
+  line-height: ${({size:e})=>"small"===e?"20px":"24px"};
+  color: ${d("neutral",800)};
-      &[data-state='checked'],
-      &[data-state='indeterminate'] {
-        border: none !important;
-        background-color: ${t("neutral",300)} !important;
+  &[disabled] {
+    color: ${d("neutral",500)} !important;
+  }
+`,be=n.p`
+  font-size: ${({size:e})=>"small"===e?"14px":"16px"};
+  line-height: ${({size:e})=>"small"===e?"20px":"24px"};
+  color: ${d("neutral",700)};
-        svg path {
-          fill: ${t("neutral",500)} !important;
-        }
-      }
-    }
+  &[disabled] {
+    color: ${d("neutral",500)};
   }
-`,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`
-  background-color: ${t("neutral",100)};
-`,ae=i.span`
-  font-size: 16px;
+`,ge=n.p`
+  font-size: ${({size:e})=>"small"===e?"12px":"14px"};
+  line-height: ${({size:e})=>"small"===e?"16px":"20px"};
   font-weight: 700;
-  line-height: 24px;
-  text-align: left;
-  color: ${t("neutral",800)};
-  display: flex;
-  align-items: center;
-  text-align: left;
-  gap: 10px;
-`,ne=i.div`
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 16px;
-  text-align: left;
-  color: ${t("neutral",600)};
-  margin-bottom: 8px;
-`,ie=i(n.Tag.Root)`
+  color: ${d("error",500)};
+`,me=n(i.Tag.Root)`
   max-width: 100%;
   display: flex;
   justify-content: center;
@@ -586,7 +577,7 @@
   padding: 4px 8px;
   border-radius: 4px;
   font-weight: 700;
-  color: ${t("neutral",700)};
+  color: ${d("neutral",700)};
   box-shadow: none;
   height: 24px;
@@ -615,7 +606,7 @@
     align-items: center;
     &:focus-visible {
-      --focus-ring-color: ${t("primary",700)};
+      --focus-ring-color: ${d("primary",700)};
     }
   }
@@ -624,459 +615,511 @@
   }
   &[data-disabled='true'] {
-    border: 1px solid ${t("neutral",400)};
-    background-color: ${t("neutral",300)};
-    color: ${t("neutral",600)};
-  }
-`,re=i(ie)`
-  background-color: ${t("neutral",100)};
-  border: 1px solid ${t("neutral",300)};
-`,oe=i(ie)`
-  background-color: ${t("neutral",200)};
-  border: 1px solid ${t("neutral",400)};
-`,te=i(ie)`
-  background-color: ${t("success",100)};
-  border: 1px solid ${t("success",200)};
-  color: ${t("success",500)};
-`,se=i(ie)`
-  background-color: ${t("warning",100)};
-  border: 1px solid ${t("warning",200)};
-  color: ${t("warning",500)};
-`,de=i(ie)`
-  background-color: ${t("error",100)};
-  border: 1px solid ${t("error",200)};
-  color: ${t("error",500)};
-`,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`
-  width: 300px;
-  background-color: ${t("neutral",100)};
-`,ue=i.aside`
-  padding: 16px 16px 20px 16px;
-  border-bottom: 1px solid ${t("neutral",300)};
-`,be=i.h2`
-  color: ${t("neutral",700)};
-  font-weight: 700;
-  font-size: 20px;
-  line-height: 28px;
-  text-align: left;
-`,ge=i.p`
-  color: ${t("neutral",600)};
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 20px;
-  text-align: left;
-`,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`
-  width: 100%;
-  min-width: ${({size:e})=>"small"===e?"234px":"366px"};
-  border-radius: 4px;
-  padding: ${({size:e})=>"small"===e?"8px 8px 12px 8px":"8px 12px 12px 12px"};
-  display: flex;
-  align-items: ${({isButtonRight:e})=>e?"center":"flex-start"};
-  justify-content: ${({isButtonRight:e})=>e?"space-between":"flex-start"};
-  flex-direction: ${({isButtonRight:e})=>e?"row":"column"};
-  gap: 8px;
-  margin-bottom: 16px;
-  button {
-    margin-left: ${({isButtonRight:e})=>e?0:"24px"};
-  }
-`,ve=i.div`
-  display: flex;
-  align-items: flex-start;
-  gap: 8px;
-  svg {
-    margin-top: 6px;
-  }
-`,fe=i.p`
-  color: ${t("neutral",800)};
-  font-size: ${({size:e})=>"small"===e?"14px":"18px"};
-  line-height: ${({size:e})=>"small"===e?"20px":"28px"};
-  font-weight: 400;
-`,Ce=i.p`
-  color: ${t("neutral",700)};
-  font-size: ${({size:e})=>"small"===e?"12px":"16px"};
-  line-height: ${({size:e})=>"small"===e?"16px":"24px"};
-  font-weight: 400;
-  margin-left: 24px;
-`,ye=i(je)`
-  background-color: ${t("neutral",100)};
-  border: 1px solid ${t("neutral",300)};
-  color: ${t("neutral",700)};
-`,we=i(je)`
-  background-color: ${t("neutral",200)};
-  border: 1px solid ${t("neutral",300)};
-  color: ${t("neutral",700)};
-`,$e=i(je)`
-  background-color: ${t("success",100)};
-  border: 1px solid ${t("success",500)};
-  color: ${t("success",500)};
-  p {
-    color: ${t("success",500)};
-  }
-`,ke=i(je)`
-  background-color: ${t("warning",100)};
-  border: 1px solid ${t("warning",500)};
-  color: ${t("warning",500)};
-  p {
-    color: ${t("warning",500)};
-  }
-`,Le=i(je)`
-  background-color: ${t("error",100)};
-  border: 1px solid ${t("error",500)};
-  color: ${t("error",500)};
-  p {
-    color: ${t("error",500)};
-  }
-`,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(B,{label:t,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===i?"default":"small",onClick:o}):null]})},Ie=i.div`
+    border: 1px solid ${d("neutral",400)};
+    background-color: ${d("neutral",300)};
+    color: ${d("neutral",600)};
+  }
+`,je=n(me)`
+  background-color: ${d("neutral",100)};
+  border: 1px solid ${d("neutral",300)};
+`,fe=n(me)`
+  background-color: ${d("neutral",200)};
+  border: 1px solid ${d("neutral",400)};
+`,ve=n(me)`
+  background-color: ${d("success",100)};
+  border: 1px solid ${d("success",200)};
+  color: ${d("success",500)};
+`,Ce=n(me)`
+  background-color: ${d("warning",100)};
+  border: 1px solid ${d("warning",200)};
+  color: ${d("warning",500)};
+`,ye=n(me)`
+  background-color: ${d("error",100)};
+  border: 1px solid ${d("error",200)};
+  color: ${d("error",500)};
+`,$e=({label:l,size:a="default",variant:n,disabled:t,icon:r,onClose:o,closable:s,...d})=>{let c=je;return"info-grey"===n?c=fe:"success"===n?c=ve:"warning"===n?c=Ce:"error"===n&&(c=ye),e.jsxs(c,{size:a,"data-disabled":t,...d,children:[r?e.jsx(i.Tag.StartElement,{"aria-label":`${l} tag icon`,children:r}):null,e.jsx(i.Tag.Label,{"aria-label":l,children:l}),s&&!t?e.jsx(i.Tag.EndElement,{children:e.jsx(i.Tag.CloseTrigger,{onClick:o,"aria-label":`${l} tag close button`})}):null]})},we=({placeholder:l,size:a,disabled:n})=>e.jsx(ne,{placeholder:l,children:l=>{const{label:t,caption:r}=l[0];return e.jsxs(i.HStack,{flexDirection:"column",alignItems:"flex-start",children:[e.jsx(ue,{size:a,disabled:n,children:t}),r?e.jsx(be,{size:a,disabled:n,children:r}):null]})}}),ke=({placeholder:l,removeItem:a,disabled:n})=>e.jsx(ne,{placeholder:l,children:l=>l.map((l=>e.jsx(i.HStack,{flexDirection:"row",alignItems:"flex-start",children:e.jsx($e,{label:l.label,variant:"info-grey",disabled:n,onClose:()=>a(l.value),closable:!0},l.value)})))}),Le=({label:a,caption:n,placeholder:t,items:r,size:o="default",required:s,disabled:d,onChange:c,errorMessage:x,multiple:p,...h})=>{const[u,b]=l.useState(h.defaultValue||[]),g=(e=>i.createListCollection({items:e}))(r),m=e=>{b(e),c&&c(e)};return e.jsxs(oe,{size:o,children:[x?e.jsx(se,{}):null,e.jsxs(te,{collection:g,disabled:d,required:s,multiple:p,"aria-label":h["aria-label"]||a,value:u,onValueChange:e=>m(e.value),style:{marginLeft:x?"19px":"0px"},...h,children:[e.jsxs(de,{size:o,children:[s&&e.jsx("span",{children:"*"}),a]}),n&&e.jsx(ce,{size:o,disabled:d,children:n}),x&&e.jsx(ge,{size:o,children:x}),e.jsx(xe,{size:o,isFilled:u.length>0,hasErrorMessage:!!x,multiple:p,children:p?e.jsx(ke,{placeholder:t,disabled:d,removeItem:e=>{const l=u.filter((l=>l!==e));m(l)}}):e.jsx(we,{placeholder:t,size:o,disabled:d})}),e.jsx(pe,{children:g.items.map((l=>e.jsxs(he,{item:l,children:[e.jsxs(i.Box,{children:[e.jsx(ue,{size:o,children:l.label}),e.jsx(be,{size:o,children:l.caption})]}),p?e.jsx(E,{checked:u.some((e=>e===l.value))}):null]},l.value)))})]})]})},ze=n.div`
+  position: relative;
+  height: 100%;
   width: 100%;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   gap: ${({size:e})=>"small"===e?"12px":"16px"};
-  margin-bottom: 20px;
-`,Be=i.div`
+  margin-bottom: 16px;
+`,Ie=n.div`
   width: 3px;
   height: 100%;
-  min-height: ${({size:e})=>"small"===e?"92px":"116px"};
-  background-color: ${t("error",500)};
-`,Fe=i(n.Field.Label)`
-  color: ${({disabled:e})=>t("neutral",e?600:900)};
+  background-color: ${d("error",500)};
+  position: absolute;
+  top: 0;
+  left: 0;
+`,Ae=n(i.Field.Label)`
+  color: ${({disabled:e})=>d("neutral",e?600:900)};
   font-size: ${({size:e})=>"small"===e?"14px":"16px"};
   font-weight: 400;
   line-height: ${({size:e})=>"small"===e?"20px":"24px"};
   margin-bottom: 2px;
   .chakra-field__requiredIndicator {
-    color: ${({disabled:e})=>e?t("neutral",600):t("error",500)};
+    color: ${({disabled:e})=>e?d("neutral",600):d("error",500)};
   }
-`,De=i(n.Field.HelperText)`
-  color: ${({disabled:e})=>t("neutral",e?500:600)};
+`,De=n(i.Field.HelperText)`
+  color: ${({disabled:e})=>d("neutral",e?500:600)};
   font-size: ${({size:e})=>"small"===e?"12px":"14px"};
   font-weight: 400;
   line-height: ${({size:e})=>"small"===e?"16px":"20px"};
-`,Ae=i(n.Field.ErrorText)`
-  color: ${t("error",500)};
-  font-size: ${({size:e})=>"small"===e?"12px":"14px"};
+`,Se=n(i.Field.HelperText)`
+  color: ${d("neutral",600)};
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+  margin-top: 8px;
+`,Be=n(i.Field.ErrorText)`
+  color: ${d("error",500)};
+  font-size: 14px;
   font-weight: 700;
-  line-height: ${({size:e})=>"small"===e?"16px":"20px"};
+  line-height: 20px;
   margin-top: 2px;
-`,Te=i(n.Input)`
-  height: ${({size:e})=>"small"===e?"28px":"40px"};
+`,Fe=n(i.Textarea)`
+  height: 104px;
   width: 100%;
   border-radius: 4px;
-  padding: ${({size:e})=>"small"===e?"4px 8px":"12px"};
+  padding: ${({size:e})=>"small"===e?"8px":"12px"};
   margin-top: 8px;
-  background-color: ${t("neutral",100)};
-  color: ${t("neutral",800)};
-  border: 1px solid ${t("neutral",400)};
+  background-color: ${d("neutral",100)};
+  color: ${d("neutral",800)};
+  border: 1px solid ${d("neutral",400)};
   box-shadow: 0px 1px 2px 0px #0000000d;
   &:focus-visible,
   &[data-focus-visible] {
-    border: 2px solid ${t("neutral",700)};
-    outline: 2px solid ${t("primary",700)};
+    border: 2px solid ${d("neutral",700)};
+    outline: 2px solid ${d("primary",700)};
     outline-offset: 2px;
   }
   &:active {
-    border: 1px solid ${t("primary",600)} !important;
+    border: 1px solid ${d("primary",600)} !important;
     outline: none !important;
     box-shadow: 0px 1px 2px 0px #0000000d;
   }
   &[data-invalid] {
-    border: 1px solid ${t("error",500)} !important;
+    border: 1px solid ${d("error",500)} !important;
   }
   &:disabled {
-    background-color: ${t("neutral",200)};
-    border: 1px solid ${t("neutral",300)} !important;
+    background-color: ${d("neutral",200)};
+    border: 1px solid ${d("neutral",300)} !important;
   }
-  ${({value:e,defaultValue:l})=>e||l?`\n    border: 1px solid ${t("neutral",700)};\n  `:""}
-`,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(Be,{size:d}):null,e.jsxs(n.Field.Root,{required:t,invalid:!!o,gap:"0",children:[a?e.jsxs(Fe,{size:d,disabled:s,"aria-label":a,children:[e.jsx(n.Field.RequiredIndicator,{"aria-label":"required"}),a,t?"":" (optional)"]}):null,i?e.jsx(De,{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`
+  ${({value:e,defaultValue:l})=>e||l?`\n    border: 1px solid ${d("neutral",700)};\n  `:""}
+`,Te=({label:a,caption:n,placeholder:t,errorMessage:r,required:o,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),[f,v]=l.useState(!1),[C,y]=l.useState("");l.useEffect((()=>{const{length:e}=c;p&&e<p&&e>0&&(j(e<p),v(!1),y(`Enter at least ${p-e} characters`)),h&&e>h&&(j(!1),v(e>h),y(`You have ${h-e} characters remaining`))}),[]);return e.jsxs(ze,{size:d,children:[r||m||f?e.jsx(Ie,{}):null,e.jsxs(i.Field.Root,{required:o,invalid:!!r||m||f,gap:"0",style:{marginLeft:r?"19px":"0px"},children:[a?e.jsxs(Ae,{size:d,disabled:s,"aria-label":a,children:[e.jsx(i.Field.RequiredIndicator,{"aria-label":"required"}),a,o?"":" (optional)"]}):null,n?e.jsx(De,{size:d,disabled:s,"aria-label":n,children:n}):null,r?e.jsx(Be,{children:r}):null,e.jsx(Fe,{placeholder:t,disabled:s,size:d,onChange:e=>{g(e.target.value);const{length:l}=e.target.value;p&&h?(j(l<p),v(l>h),y(`You have ${h-l} characters remaining`)):p?(j(l<p),v(!1),y(l<p?`Enter at least ${p-l} characters`:"")):h&&(v(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(Be,{style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},children:["You need ",p-b.length," more characters"]}):null,f&&h?e.jsxs(Be,{style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},children:["You have ",b.length-h," characters too many"]}):null,!C||f||m?null:e.jsx(Se,{"aria-label":C,children:C})]})]})},Ve=n.div`
+  position: relative;
+  height: 100%;
   width: 100%;
   display: flex;
   justify-content: flex-start;
   align-items: flex-start;
   gap: ${({size:e})=>"small"===e?"12px":"16px"};
-  margin-bottom: 16px;
-`,Me=i.div`
+  margin-bottom: 20px;
+`,Me=n.div`
   width: 3px;
   height: 100%;
-  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)};
-  background-color: ${t("error",500)};
-`,Re=i(n.Field.Label)`
-  color: ${({disabled:e})=>t("neutral",e?600:900)};
+  background-color: ${d("error",500)};
+  position: absolute;
+  top: 0;
+  left: 0;
+`,Re=n(i.Field.Label)`
+  color: ${({disabled:e})=>d("neutral",e?600:900)};
   font-size: ${({size:e})=>"small"===e?"14px":"16px"};
   font-weight: 400;
   line-height: ${({size:e})=>"small"===e?"20px":"24px"};
   margin-bottom: 2px;
   .chakra-field__requiredIndicator {
-    color: ${({disabled:e})=>e?t("neutral",600):t("error",500)};
+    color: ${({disabled:e})=>e?d("neutral",600):d("error",500)};
   }
-`,_e=i(n.Field.HelperText)`
-  color: ${({disabled:e})=>t("neutral",e?500:600)};
+`,_e=n(i.Field.HelperText)`
+  color: ${({disabled:e})=>d("neutral",e?500:600)};
   font-size: ${({size:e})=>"small"===e?"12px":"14px"};
   font-weight: 400;
   line-height: ${({size:e})=>"small"===e?"16px":"20px"};
-`,Ee=i(n.Field.HelperText)`
-  color: ${t("neutral",600)};
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 16px;
-  margin-top: 8px;
-`,He=i(n.Field.ErrorText)`
-  color: ${t("error",500)};
-  font-size: 14px;
+`,Ee=n(i.Field.ErrorText)`
+  color: ${d("error",500)};
+  font-size: ${({size:e})=>"small"===e?"12px":"14px"};
   font-weight: 700;
-  line-height: 20px;
+  line-height: ${({size:e})=>"small"===e?"16px":"20px"};
   margin-top: 2px;
-`,Ze=i(n.Textarea)`
-  height: 104px;
+`,He=n(i.Input)`
+  height: ${({size:e})=>"small"===e?"28px":"40px"};
   width: 100%;
   border-radius: 4px;
-  padding: ${({size:e})=>"small"===e?"8px":"12px"};
+  padding: ${({size:e})=>"small"===e?"4px 8px":"12px"};
   margin-top: 8px;
-  background-color: ${t("neutral",100)};
-  color: ${t("neutral",800)};
-  border: 1px solid ${t("neutral",400)};
+  background-color: ${d("neutral",100)};
+  color: ${d("neutral",800)};
+  border: 1px solid ${d("neutral",400)};
   box-shadow: 0px 1px 2px 0px #0000000d;
   &:focus-visible,
   &[data-focus-visible] {
-    border: 2px solid ${t("neutral",700)};
-    outline: 2px solid ${t("primary",700)};
+    border: 2px solid ${d("neutral",700)};
+    outline: 2px solid ${d("primary",700)};
     outline-offset: 2px;
   }
   &:active {
-    border: 1px solid ${t("primary",600)} !important;
+    border: 1px solid ${d("primary",600)} !important;
     outline: none !important;
     box-shadow: 0px 1px 2px 0px #0000000d;
   }
   &[data-invalid] {
-    border: 1px solid ${t("error",500)} !important;
+    border: 1px solid ${d("error",500)} !important;
   }
   &:disabled {
-    background-color: ${t("neutral",200)};
-    border: 1px solid ${t("neutral",300)} !important;
+    background-color: ${d("neutral",200)};
+    border: 1px solid ${d("neutral",300)} !important;
   }
-  ${({value:e,defaultValue:l})=>e||l?`\n    border: 1px solid ${t("neutral",700)};\n  `:""}
-`,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)`
-  width: 20px !important;
-  padding: 0 !important;
-  min-width: 20px !important;
-  height: 20px;
-  border-radius: 2px;
-  background-color: transparent;
+  ${({value:e,defaultValue:l})=>e||l?`\n    border: 1px solid ${d("neutral",700)};\n  `:""}
+`,Pe=({label:a,caption:n,placeholder:t,errorMessage:r,required:o,disabled:s,size:d="default",defaultValue:c="",onChange:x,...p})=>{const[h,u]=l.useState(c);return e.jsxs(Ve,{size:d,className:"text-input-container",children:[r?e.jsx(Me,{}):null,e.jsxs(i.Field.Root,{required:o,invalid:!!r,gap:"0",style:{marginLeft:r?"19px":"0px"},children:[a?e.jsxs(Re,{size:d,disabled:s,"aria-label":a,children:[e.jsx(i.Field.RequiredIndicator,{"aria-label":"required"}),a,o?"":" (optional)"]}):null,n?e.jsx(_e,{size:d,disabled:s,"aria-label":n,children:n}):null,r?e.jsx(Ee,{size:d,children:r}):null,e.jsx(He,{placeholder:t,disabled:s,size:d,onChange:e=>{u(e.target.value),x&&x(e)},value:h,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...p})]})]})},Ze=n.div`
+  background-color: ${d("neutral",100)};
+`,Oe=n.span`
+  font-size: 16px;
+  font-weight: 700;
+  line-height: 24px;
+  text-align: left;
+  color: ${d("neutral",800)};
+  display: flex;
+  align-items: center;
+  text-align: left;
+  gap: 10px;
+`,qe=n.div`
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+  text-align: left;
+  color: ${d("neutral",600)};
+  margin-bottom: 8px;
+`,Ne=n.div`
+  width: 268px;
+  padding: 16px 0;
+  border-bottom: 1px solid ${d("neutral",300)};
+`,Ue=n.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+`,Ge=n.div`
+  display: flex;
+  flex-direction: column;
+`,We=n.p`
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  text-align: left;
+  color: ${d("neutral",800)};
+`,Ye=n.p`
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  text-align: left;
+  color: ${d("neutral",600)};
+`,Ke=({name:l,label:a,caption:n,showInfoButton:t=!0,infoButtonLabel:r="About data",variant:o="switch",disabled:s,onInfoClick:d,isDefaultSelected:c=!1,onChange:x})=>{const p="switch"===o;return e.jsxs(Ne,{children:[p?e.jsxs(Ue,{children:[e.jsxs(Ge,{children:[e.jsx(We,{"aria-label":a,children:a}),e.jsx(Ye,{"aria-label":n,children:n})]}),e.jsx(ee,{"aria-label":`${a}, ${n}`,name:l,disabled:s,defaultChecked:c,onChange:x,role:"switch"})]}):e.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[e.jsx(P,{value:l,disabled:s,fontSize:"16px",color:"var(--chakra-colors-neutral-800)",children:a}),e.jsx(Ye,{style:{marginLeft:"28px"},children:n})]}),t?e.jsx(i.Box,{display:"flex",justifyContent:"flex-start",marginTop:"8px",marginLeft:p?0:"28px",children:e.jsx(b,{variant:"secondary",label:r,rightIcon:e.jsx($,{}),size:"small",onClick:d,disabled:s})}):null]})},Qe=({label:a,caption:n,value:t,layerItems:r,onChangeForRadioVariant:o})=>{const[s,d]=l.useState({}),[c]=l.useState((e=>{const l=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return l?.name})(r));l.useEffect((()=>{let e={...s};r.forEach((l=>{l.isDefaultSelected&&(e={...e,["radio"===l.variant?a:l.name]:l.isDefaultSelected})})),d(e)}),[]);const x=(e,l,a,i)=>{const n={...s,[e]:l};d(n),a&&a(e,l,i)},p=Object.values(s).filter((e=>!0===e)).length;return e.jsxs(i.Accordion.Item,{value:t,width:"300px",children:[e.jsxs(i.Accordion.ItemTrigger,{padding:"16px",alignItems:"flex-start",children:[e.jsxs(i.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[e.jsxs(Oe,{children:[a,e.jsx($e,{label:`${p} Active`,size:"small",variant:p>0?"success":"info-grey"})]}),e.jsx(qe,{children:n})]}),e.jsx(i.Accordion.ItemIndicator,{display:"flex",children:e.jsx(w,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),e.jsx(i.Accordion.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:e.jsx(Z,{name:a,defaultValue:c,customGap:"0px",onChange:(e,l)=>x(e,!!l,o,l),children:r.map((l=>e.jsx(Ke,{...l,onChange:(e,a)=>x(e,a,l.onChange)},l.label)))})})]})},Je=({children:l,defaultValue:a,...n})=>e.jsx(Ze,{style:{width:"300px"},children:e.jsx(i.Accordion.Root,{defaultValue:a,multiple:!0,...n,children:l})}),Xe=n.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+  height: 40px;
-  svg {
-    width: 15px;
-    height: 15px;
+  ${({variant:e})=>"view"===e&&`\n    border: 1px solid ${d("neutral",400)};\n    background-color: ${d("neutral",200)};\n    border-radius: 4px;\n    padding: 4px;\n  `}
+`,el=n(i.Tabs.Trigger)`
+  width: 99%;
+  height: 40px;
+  padding: 8px 16px;
+  border-radius: 0px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 2px;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 400;
-    path {
-      fill: ${t("neutral",800)};
-    }
+  &:focus-visible {
+    box-shadow: none;
   }
+`,ll=n(el)`
+  background-color: ${d("neutral",200)};
+  color: ${d("neutral",600)};
   &:hover {
-    background-color: color-mix(
-      in srgb,
-      ${t("primary",500)} 20%,
-      transparent
-    );
+    background-color: ${d("neutral",100)};
   }
   &:active {
-    background-color: color-mix(
-      in srgb,
-      ${t("primary",500)} 40%,
-      transparent
-    );
+    background-color: ${d("neutral",300)};
   }
   &:focus-visible {
-    outline-color: ${t("primary",700)};
+    background-color: ${d("neutral",300)};
+    outline-color: ${d("primary",700)};
+    outline-offset: 2px;
   }
-  &:disabled {
-    background-color: transparent;
+  &[data-selected] {
+    background-color: ${d("neutral",100)};
+    color: ${d("neutral",800)};
-    svg {
-      path {
-        fill: ${t("neutral",500)};
-      }
+    &:hover {
+      background-color: ${d("neutral",200)};
+    }
+    &:active {
+      background-color: ${d("neutral",300)};
+    }
+    &:focus-visible {
+      background-color: ${d("neutral",100)};
+      outline-color: ${d("primary",700)};
+      outline-offset: 2px;
+    }
+    &::before {
+      content: none;
     }
   }
-`,qe=({icon:l,disabled:a,...n})=>e.jsx(Ne,{"aria-label":n["aria-label"],disabled:a,...n,children:l}),Oe=i(qe)`
-  width: 20px !important;
-  padding: 0 !important;
-  min-width: 20px !important;
-  height: 20px;
-  border-radius: 2px;
-  background-color: ${t("neutral",300)};
-  svg {
-    width: 10px;
-    height: 10px;
+  &[data-disabled] {
+    background-color: ${d("neutral",200)};
+    color: ${d("neutral",400)};
-    path {
-      fill: ${t("neutral",800)};
+    &[data-selected] {
+      background-color: ${d("neutral",100)};
+      color: ${d("neutral",400)};
+      opacity: 1;
     }
   }
+`,al=n.div`
+  width: 4px;
+  height: 24px;
+  background-color: ${d("neutral",400)};
+`,il=n(el)`
+  height: 32px;
+  border-radius: 2px;
+  background-color: ${d("neutral",200)};
+  color: ${d("neutral",600)};
   &:hover {
-    background-color: ${t("neutral",300)};
-    box-shadow: 0px 1px 2px -1px #0000001a;
-    box-shadow: 0px 1px 3px 0px #0000001a;
+    background-color: ${d("neutral",300)};
+    box-shadow: 0px 1px 2px 0px #0000000d;
   }
   &:active {
-    background-color: ${t("neutral",400)};
-    box-shadow: 0px 1px 2px -1px #0000001a;
-    box-shadow: 0px 1px 3px 0px #0000001a;
+    background-color: ${d("neutral",300)};
+    box-shadow: 0px 2px 4px -2px #0000001a;
+    box-shadow: 0px 4px 6px -1px #0000001a;
   }
   &:focus-visible {
-    outline-color: ${t("primary",700)};
+    outline-color: ${d("primary",700)};
+    outline-offset: 2px;
   }
-  &:disabled {
-    background-color: ${t("neutral",200)} !important;
-    box-shadow: none;
+  &[data-selected] {
+    background-color: ${d("neutral",100)};
+    border: 1px solid ${d("neutral",300)};
+    box-shadow: 0px 1px 2px 0px #0000000d;
+    color: ${d("neutral",800)};
-    svg {
-      path {
-        fill: ${t("neutral",400)};
-      }
+    &:hover {
+      background-color: ${d("neutral",200)};
+      border: 1px solid ${d("neutral",300)};
+      box-shadow: 0px 2px 4px -2px #0000001a;
+      box-shadow: 0px 4px 6px -1px #0000001a;
     }
-  }
-`,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)`
-  height: 60px;
-  padding: 40px 12px;
-`,We=i(n.Slider.Thumb)`
-  height: 20px;
-  width: 20px;
-  background-color: ${t("primary",500)};
-  border: 2px solid ${t("primary",700)};
-  box-shadow: 0px 1px 2px 0px #0000000d;
-  &:hover,
-  &[data-hover] {
-    outline: 4px solid
-      color-mix(in srgb, ${t("primary",500)} 20%, transparent);
-  }
-  &[data-dragging] {
-    outline: 4px solid
-      color-mix(in srgb, ${t("primary",500)} 40%, transparent);
+    &:active {
+      background-color: ${d("neutral",300)};
+      border: 1px solid ${d("neutral",300)};
+      box-shadow: 0px 2px 4px -2px #0000001a;
+      box-shadow: 0px 4px 6px -1px #0000001a;
+    }
-    div {
-      display: flex;
+    &:focus-visible {
+      outline-color: ${d("primary",700)};
+      outline-offset: 2px;
     }
-  }
-  &:focus-visible,
-  &[data-focus-visible] {
-    box-shadow: none;
-    outline: 2px solid ${t("primary",700)};
-    outline-offset: 2px;
+    &::before {
+      content: none;
+    }
   }
   &[data-disabled] {
-    background-color: ${t("neutral",400)};
-    border: none;
+    background-color: ${d("neutral",200)};
+    color: ${d("neutral",400)};
     box-shadow: none;
-    outline: none;
-    cursor: not-allowed;
+    &:hover {
+      box-shadow: none;
+    }
+    &[data-selected] {
+      background-color: ${d("neutral",100)};
+      color: ${d("neutral",400)};
+      opacity: 1;
+    }
   }
-`,Ye=i.div`
+`,nl=(e,l)=>e.findIndex((e=>e.value===l)),tl=e=>1===e?"none":2===e?"left":"right",rl=({variant:a="panel",defaultValue:n,tabs:t,onTabClick:r})=>{const[o,s]=l.useState(nl(t,n)||0),d="view"===a,c=d?il:ll;return e.jsx(Xe,{variant:a,children:e.jsx(i.Tabs.Root,{width:"full",defaultValue:n||t?.[0]?.value,onFocusChange:({focusedValue:e})=>{return s(nl(t,l=e)),void(r&&r(l));var l},children:e.jsx(i.Tabs.List,{alignItems:"center",border:"none",children:t.map(((l,a)=>e.jsxs(e.Fragment,{children:[d&&1===a&&"left"===tl(o)?e.jsx(al,{}):null,e.jsx(c,{"aria-label":l["aria-label"]||l.label,...l,children:e.jsxs(i.Box,{display:"flex",alignItems:"center",gap:"5px",children:[l.icon,l.label]})},l.label),d&&1===a&&"right"===tl(o)?e.jsx(al,{}):null]})))})})})},ol=n.div`
+  width: 300px;
+  background-color: ${d("neutral",100)};
+`,sl=n.aside`
+  padding: 16px 16px 20px 16px;
+  border-bottom: 1px solid ${d("neutral",300)};
+`,dl=n.h2`
+  color: ${d("neutral",700)};
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 28px;
+  text-align: left;
+`,cl=n.p`
+  color: ${d("neutral",600)};
+  font-weight: 400;
   font-size: 14px;
   line-height: 20px;
-  color: ${t("neutral",800)};
-  height: 28px;
-  background-color: ${t("neutral",100)};
-  border: 1px solid ${t("neutral",300)};
-  border-radius: 8px;
-  padding: 0 8px;
-  display: none;
-  justify-content: center;
+  text-align: left;
+`,xl=({title:l,description:a,tabBarVariant:i="panel",buttonTabs:n,defaultValue:t,onTabClick:r,children:o})=>e.jsxs(ol,{children:[e.jsxs(sl,{role:"complementary",children:[e.jsx(dl,{"aria-label":l,children:l}),e.jsx(cl,{"aria-label":a,children:a})]}),n&&n.length>0?e.jsx(rl,{variant:i,defaultValue:t,tabs:n,onTabClick:r}):null,o]}),pl=n(i.Accordion.Item)`
+  margin-bottom: 16px;
+  border: 1px solid ${d("neutral",300)};
+  border-radius: 4px;
+  box-shadow: 0px 1px 2px 0px #0000000d;
+`,hl=n(i.Accordion.ItemTrigger)`
+  padding: 6px 8px;
   align-items: center;
-  position: relative;
-  top: -30px;
-`,Ke=i(n.Slider.Track)`
-  background-color: ${t("neutral",300)};
-  border: none;
-  box-shadow: none;
-`,Qe=i(n.Slider.Range)`
-  background-color: ${t("primary",500)};
-  border: 1px solid ${t("primary",700)};
-  border-radius: 8px;
+  background-color: ${d("neutral",100)};
-  &:disabled,
-  &[disabled],
-  &[data-disabled],
-  &[aria-disabled='true'] {
-    --chakra-colors-border-emphasized: ${t("neutral",400)};
-    background-color: ${t("neutral",400)};
-    border: none;
+  &[aria-expanded='true'] {
+    border-bottom: 1px solid ${d("neutral",300)};
+    border-bottom-right-radius: 0px;
+    border-bottom-left-radius: 0px;
+  }
+  svg {
+    height: 10px;
+    width: 10px;
   }
-`,Je=i(n.Slider.Marker)`
+`,ul=n.p`
   font-size: 12px;
+  font-weight: 700;
   line-height: 16px;
-  color: ${t("neutral",800)};
+  color: ${d("neutral",700)};
+`,bl=n(i.Accordion.ItemContent)`
+  padding: 12px 8px;
+  display: flex;
+  flex-direction: column;
-  p {
-    position: relative;
-    top: -40px;
-  }
+  .layer-parameters-item-child {
+    padding-bottom: 16px;
+    border-bottom: 1px solid ${d("neutral",300)};
+    margin-bottom: 16px;
-  &[data-state='under-value'] {
-    .chakra-slider__markerIndicator {
-      background-color: ${({isCentred:e})=>t("neutral",e?500:200)};
+    &:last-child {
+      padding-bottom: 0px;
+      border-bottom: none;
+      margin-bottom: 0px;
     }
+  }
+`,gl=({label:a,children:n,openedByDefault:t})=>e.jsx("div",{children:e.jsx(i.Accordion.Root,{defaultValue:t?[a]:[],multiple:!0,children:e.jsxs(pl,{value:a,children:[e.jsxs(hl,{children:[e.jsx(i.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:e.jsx(ul,{children:a})}),e.jsx(i.Accordion.ItemIndicator,{display:"flex",children:e.jsx(w,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),e.jsx(bl,{children:l.Children.map(n,(l=>e.jsx("div",{className:"layer-parameters-item-child",children:l})))})]})})}),ml=n.div`
+  padding: 12px;
+  padding-bottom: 20px;
+  display: flex;
+  gap: 12px;
+  border-bottom: 1px solid ${d("neutral",300)};
+`,jl=n.div`
+  display: flex;
+  flex-direction: column;
-    &[data-disabled] {
-      .chakra-slider__markerIndicator {
-        background-color: ${({isCentred:e})=>t("neutral",e?400:500)};
-      }
+  svg {
+    path {
+      fill: ${d("neutral",500)} !important;
     }
   }
+`,fl=n.div`
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 16px;
+`,vl=n.p`
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 400;
+  text-align: left;
+  color: ${d("neutral",800)};
+`,Cl=n.p`
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  text-align: left;
+  color: ${d("neutral",600)};
+`,yl=n.div`
+  display: flex;
+  justify-content: space-between;
+  button {
+    width: 110px;
+  }
+`,$l=n(i.Popover.Content)`
+  width: 234px;
+  border: 1px solid ${d("neutral",600)};
+  border-radius: 4px;
+`,wl=n(i.Popover.Body)`
+  padding: 12px;
+`,kl=n.p`
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 400;
+  text-align: left;
+  color: ${d("neutral",900)};
+`,Ll=n.div`
+  display: flex;
+  align-items: center;
+  gap: 12px;
-  &[data-state='over-value'] {
-    .chakra-slider__markerIndicator {
-      background-color: ${t("neutral",500)};
-    }
+  .text-input-container {
+    width: 70px;
+    margin: 0px;
-    &[data-disabled] {
-      .chakra-slider__markerIndicator {
-        background-color: ${t("neutral",400)};
-      }
+    .chakra-input {
+      padding: 4px;
     }
   }
-  ${({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  `:""};
-`,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`
+  .chakra-slider__root {
+    padding: 0 12px;
+    height: 30px;
+    margin-top: 18px;
+    width: 100%;
+  }
+`,zl=({defaultValue:a,onOpacityChanged:n})=>{const[t,r]=l.useState(a);return e.jsxs(i.Popover.Root,{positioning:{placement:"bottom-end"},children:[e.jsx(i.Popover.Trigger,{asChild:!0,children:e.jsx(b,{label:"Opacity",size:"small",variant:"secondary",leftIcon:e.jsx($,{})})}),e.jsx(i.Popover.Positioner,{children:e.jsx($l,{children:e.jsxs(wl,{children:[e.jsx(kl,{children:"Opacity"}),e.jsxs(Ll,{children:[e.jsx(Pe,{"aria-label":"Opacity",min:"0",max:"100",value:`${t}%`,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,r(a),n&&n(a)},className:"opacity-control-text-input"}),e.jsx(Q,{min:0,max:100,value:[t],onValueChangeEnd:({value:e})=>{r(e[0]),n&&n(e[0])}})]})]})})})]})},Il=({layerName:l,dataUnit:a,onDrag:i,onUpClick:n,onDownClick:t,onRemoveClick:r,children:o,onInfoClick:s,onOpacityChanged:d})=>e.jsxs(ml,{children:[e.jsxs(jl,{children:[e.jsx(m,{icon:e.jsx(A,{}),"aria-label":"Drag and drop",onClick:i,style:{display:"none",marginBottom:"12px"}}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[e.jsx(m,{icon:e.jsx(w,{rotate:"180"}),"aria-label":"Up",onClick:n}),e.jsx(m,{icon:e.jsx(w,{}),"aria-label":"Down",onClick:t})]})]}),e.jsxs("div",{children:[e.jsxs(fl,{children:[e.jsxs("div",{children:[e.jsx(vl,{children:l}),e.jsx(Cl,{children:a})]}),e.jsx(b,{label:"Remove",size:"small",variant:"secondary",rightIcon:e.jsx(k,{}),onClick:r})]}),o,e.jsxs(yl,{children:[e.jsx(b,{label:"About data",size:"small",variant:"secondary",leftIcon:e.jsx($,{}),onClick:s}),e.jsx(zl,{defaultValue:80,onOpacityChanged:d})]})]})]}),Al=n.div`
+  width: 290px;
+  box-shadow: 0px 2px 4px -2px #0000001a;
+  box-shadow: 0px 4px 6px -1px #0000001a;
+`,Dl=(e,l,a)=>{const i=Array.from(e),[n]=i.splice(l,1);return i.splice(a,0,n),i},Sl=({legendContent:a,analysisContent:i,onTabClick:n})=>{const[t,r]=l.useState("legend-tab"),[o,s]=l.useState(a);return e.jsxs(Al,{children:[e.jsx(rl,{tabs:[{label:"Legend",value:"legend-tab",icon:e.jsx(D,{})},{label:"Analysis",value:"analysis-tab",icon:e.jsx(S,{})}],onTabClick:e=>{r(e),n&&n(e)}}),"legend-tab"===t?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:l.Children.map(o,((e,a)=>l.cloneElement(e,{onUpClick:()=>{const e=Dl(o,a,a-1);s(e)},onDownClick:()=>{const e=Dl(o,a,a+1);s(e)}})))}):null,"analysis-tab"===t?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:i}):null]})},Bl=n.div`
   width: 20px;
   height: 20px;
   border-radius: 50%;
   background-color: ${({color:e})=>e};
-  border: 1px solid ${t("neutral",400)};
-`,nl=i.div`
+  border: 1px solid ${d("neutral",400)};
+`,Fl=n.div`
   width: 20px;
   height: 8px;
   border-radius: 2px;
   background-color: ${({color:e})=>e};
-  border: 1px solid ${t("neutral",400)};
-`,il=i.div`
+  border: 1px solid ${d("neutral",400)};
+`,Tl=n.div`
   width: 20px;
   height: 20px;
   border-radius: 50%;
@@ -1089,93 +1132,52 @@
     width: 10px;
     height: 10px;
   }
-`,rl=i.div`
+`,Vl=n.div`
   min-height: 36px;
   width: 100%;
   display: flex;
   justify-content: space-between;
   gap: 8px;
   margin-bottom: 16px;
-`,ol=i.div`
+`,Ml=n.div`
   display: flex;
   gap: 8px;
-`,tl=i.p`
+`,Rl=n.p`
   font-size: 14px;
   line-height: 20px;
   font-weight: 400;
-  color: ${t("neutral",800)};
-`,sl=i.p`
+  color: ${d("neutral",800)};
+`,_l=n.p`
   font-size: 12px;
   line-height: 16px;
   font-weight: 400;
-  color: ${t("neutral",700)};
-`,dl=i.div`
+  color: ${d("neutral",700)};
+`,El=n.div`
   button {
     height: 25px;
     font-size: 12px;
     line-height: 16px;
     font-weight: 400;
-    color: ${t("neutral",600)};
+    color: ${d("neutral",600)};
     padding: 0 10px;
   }
-`,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(B,{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)`
-  margin-bottom: 16px;
-  border: 1px solid ${t("neutral",300)};
-  border-radius: 4px;
-  box-shadow: 0px 1px 2px 0px #0000000d;
-`,pl=i(n.Accordion.ItemTrigger)`
-  padding: 6px 8px;
-  align-items: center;
-  background-color: ${t("neutral",100)};
-  &[aria-expanded='true'] {
-    border-bottom: 1px solid ${t("neutral",300)};
-    border-bottom-right-radius: 0px;
-    border-bottom-left-radius: 0px;
-  }
-  svg {
-    height: 10px;
-    width: 10px;
-  }
-`,hl=i.p`
-  font-size: 12px;
-  font-weight: 700;
-  line-height: 16px;
-  color: ${t("neutral",700)};
-`,ul=i(n.Accordion.ItemContent)`
-  padding: 12px 8px;
-  display: flex;
-  flex-direction: column;
-  .layer-parameters-item-child {
-    padding-bottom: 16px;
-    border-bottom: 1px solid ${t("neutral",300)};
-    margin-bottom: 16px;
-    &:last-child {
-      padding-bottom: 0px;
-      border-bottom: none;
-      margin-bottom: 0px;
-    }
-  }
-`,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`
+`,Hl=({type:a,label:i,caption:n,color:t,onActionClick:r,showActionButton:o,pointIcon:s})=>{const[d,c]=l.useState(!0),x="raster"===a,p="line"===a,h="point"===a;return e.jsxs(Vl,{children:[e.jsxs(Ml,{children:[e.jsxs("div",{children:[x&&e.jsx(Bl,{color:t}),p&&e.jsx(Fl,{color:t}),h&&e.jsx(Tl,{color:t,children:s})]}),e.jsxs("div",{children:[e.jsx(Rl,{"aria-label":i,children:i}),e.jsx(_l,{"aria-label":n,children:n})]})]}),r&&o?e.jsx(El,{children:e.jsx(b,{variant:"borderless",label:d?"Hide":"Show",rightIcon:d?e.jsx(I,{}):e.jsx(z,{}),"aria-label":"Show or Hide action",onClick:()=>{c(!d),r&&r()}})}):null]})},Pl=n.div`
   width: 100%;
   display: flex;
   flex-direction: column;
   margin-bottom: 16px;
-`,ml=i.div`
+`,Zl=n.div`
   height: 20px;
   width: 100%;
   margin-bottom: 8px;
-  border: 1px solid ${t("neutral",300)};
+  border: 1px solid ${d("neutral",300)};
   border-radius: 4px;
   ${({gradient:e})=>e?`background: ${e};`:""}
-`,jl=i.div`
+`,Ol=n.div`
   height: 20px;
   width: 100%;
   margin-bottom: 8px;
-  border: 1px solid ${t("neutral",300)};
+  border: 1px solid ${d("neutral",300)};
   border-radius: 4px;
   display: flex;
   align-items: center;
@@ -1189,98 +1191,252 @@
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
   }
-`,vl=i.div`
+`,ql=n.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
-`,fl=i.p`
+`,Nl=n.p`
   width: 100%;
   font-size: 12px;
   line-height: 16px;
   font-weight: 400;
-  color: ${t("neutral",800)};
+  color: ${d("neutral",800)};
   text-align: center;
-`,Cl=i.p`
+`,Ul=n.p`
   font-size: 12px;
   line-height: 16px;
   font-weight: 400;
-  color: ${t("neutral",600)};
+  color: ${d("neutral",600)};
   text-align: center;
-`,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`
-  padding: 12px;
-  padding-bottom: 20px;
-  display: flex;
-  gap: 12px;
-  border-bottom: 1px solid ${t("neutral",300)};
-`,kl=i.div`
+`,Gl=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:i,isGradient:n})=>e.jsxs(Pl,{children:[n?e.jsx(Zl,{gradient:Gl(l)}):e.jsx(Ol,{children:l?.map(((l,i)=>e.jsx("div",{style:{backgroundColor:l,width:"100%",height:"100%"}},`${l}-${a?.[i]}`)))}),e.jsx(ql,{children:a?.map((l=>e.jsx("div",{style:{width:n?"auto":`calc(100% / ${a.length})`,display:"flex",justifyContent:"center"},children:e.jsx(Nl,{children:l},l)})))}),i&&i.length?e.jsx(ql,{children:i.map((l=>e.jsx("div",{style:{width:n?"auto":`calc(100% / ${a.length})`,display:"flex",justifyContent:"center"},children:e.jsx(Ul,{style:{width:"100%"},children:l},l)})))}):null]}),Yl=n.div`
+  width: 64px;
+  height: 100vh;
+  z-index: 100;
+  position: fixed;
+  top: 0;
+  left: 0;
+  border-right: 1px solid ${d("neutral",300)};
+  background-color: ${d("neutral",200)};
   display: flex;
   flex-direction: column;
+  justify-content: space-between;
+`,Kl=n(i.Tabs.Trigger)`
+  width: 64px;
+  height: 64px;
+  background-color: ${d("neutral",200)};
+  border-radius: initial;
+  border-style: solid;
+  border-width: 1px 1px 0px 0px;
+  border-color: ${d("neutral",300)};
+  cursor: pointer;
+  border-left: 2px solid transparent;
+  padding: 0 5px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  &:hover {
+    background-color: ${d("neutral",100)};
+  }
+  &:active {
+    background-color: ${d("neutral",300)} !important;
+  }
+  &:focus-visible {
+    background-color: ${d("neutral",200)};
+    outline-color: ${d("primary",700)};
+    outline-offset: 2px;
+    box-shadow: none;
+  }
+  .tab-label p {
+    font-size: 10px;
+    font-weight: 400;
+    line-height: 14px;
+    text-align: center;
+    color: ${d("neutral",600)};
+  }
+  &[data-selected] {
+    background-color: ${d("neutral",100)};
+    border-left: 2px solid ${d("secondary",500)};
+    &:hover {
+      background-color: ${d("neutral",200)};
+    }
+    &:focus-visible {
+      background-color: ${d("neutral",100)};
+      outline-color: ${d("primary",700)};
+      outline-offset: 2px;
+      box-shadow: none;
+    }
+    .tab-label {
+      p {
+        font-weight: 700;
+        color: ${d("neutral",700)};
+      }
+      svg {
+        path {
+          fill: ${d("neutral",700)};
+        }
+      }
+    }
+    &::before {
+      content: none;
+    }
+  }
+  &[data-disabled] {
+    background-color: ${d("neutral",200)} !important;
+    &[data-selected] {
+      background-color: ${d("neutral",100)} !important;
+    }
+    .tab-label {
+      p {
+        color: ${d("neutral",400)};
+      }
+      svg {
+        path {
+          fill: ${d("neutral",400)};
+        }
+      }
+    }
+  }
+`,Ql=n.div`
+  display: flex;
+  justify-content: center;
+  align-items: center;
   svg {
+    width: 16px;
+    height: 16px;
     path {
-      fill: ${t("neutral",500)} !important;
+      fill: ${d("neutral",600)};
     }
   }
-`,Ll=i.div`
+`,Jl=n(i.Collapsible.Trigger)`
+  width: 64px;
+  height: 64px;
+  background-color: ${d("neutral",200)};
+  border-radius: initial;
+  border-style: solid;
+  border-width: 1px 1px 0px 0px;
+  border-color: ${d("neutral",300)};
+  cursor: pointer;
+  border-left: 2px solid transparent;
+  padding: 0 5px;
   display: flex;
-  align-items: flex-start;
-  justify-content: space-between;
-  gap: 12px;
-  margin-bottom: 16px;
-`,zl=i.p`
-  font-size: 16px;
-  line-height: 24px;
-  font-weight: 400;
-  text-align: left;
-  color: ${t("neutral",800)};
-`,Il=i.p`
-  font-size: 14px;
-  line-height: 20px;
-  font-weight: 400;
-  text-align: left;
-  color: ${t("neutral",600)};
-`,Bl=i.div`
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 5px;
+  &:hover {
+    background-color: ${d("neutral",100)};
+  }
+  &:active {
+    background-color: ${d("neutral",300)} !important;
+  }
+  &:focus-visible {
+    outline-color: ${d("primary",700)};
+    outline-offset: 2px;
+    box-shadow: none;
+  }
+  .tab-label p {
+    font-size: 10px;
+    font-weight: 400;
+    line-height: 14px;
+    text-align: center;
+    color: ${d("neutral",600)};
+  }
+`,Xl=n.div`
+  width: 300px;
+  height: 100vh;
+  z-index: 100;
+  position: fixed;
+  top: 0;
+  left: 64px;
+  box-shadow: 2px 0px 2px 0px #0000000d;
+  background-color: ${d("neutral",100)};
+  overflow-y: auto;
+  overflow-x: hidden;
+`,ea=({tabs:a=[],defaultValue:n,onTabClick:t,children:r,onOpenChange:o})=>{const[s,d]=l.useState(!1),[c,x]=l.useState(n||a?.[0]?.value);return e.jsxs(e.Fragment,{children:[e.jsxs(Yl,{children:[e.jsx(i.Tabs.Root,{defaultValue:n||a?.[0]?.value,orientation:"horizontal",width:"full",onFocusChange:({focusedValue:e})=>{return x(l=e),void(t&&t(l));var l},role:"tablist",children:e.jsx(i.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:a.map((l=>e.jsx(Kl,{"aria-label":l["aria-label"]||l.label,...l,children:e.jsxs(i.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[l.icon?e.jsx(Ql,{children:l.icon}):null,e.jsx("p",{children:l.label})]})},l.label)))})}),r?e.jsx(i.Collapsible.Root,{onOpenChange:({open:e})=>{d(e),o&&o(!e)},children:e.jsxs(Jl,{children:[e.jsx(Ql,{children:s?e.jsx(v,{}):e.jsx(f,{})}),e.jsxs("div",{className:"tab-label",children:[e.jsx("p",{children:s?"Show":"Hide"}),e.jsx("p",{children:"Sidebar"})]})]})}):null]}),r?e.jsx(i.Collapsible.Root,{defaultOpen:!0,open:!s,children:e.jsx(i.Collapsible.Content,{children:e.jsx(Xl,{role:"tabpanel","aria-labelledby":c,children:r})})}):null]})},la=n.div`
+  width: 100%;
+  min-width: ${({size:e})=>"small"===e?"234px":"366px"};
+  border-radius: 4px;
+  padding: ${({size:e})=>"small"===e?"8px 8px 12px 8px":"8px 12px 12px 12px"};
   display: flex;
-  justify-content: space-between;
+  align-items: ${({isButtonRight:e})=>e?"center":"flex-start"};
+  justify-content: ${({isButtonRight:e})=>e?"space-between":"flex-start"};
+  flex-direction: ${({isButtonRight:e})=>e?"row":"column"};
+  gap: 8px;
+  margin-bottom: 16px;
   button {
-    width: 110px;
+    margin-left: ${({isButtonRight:e})=>e?0:"24px"};
   }
-`,Fl=i(n.Popover.Content)`
-  width: 234px;
-  border: 1px solid ${t("neutral",600)};
-  border-radius: 4px;
-`,Dl=i(n.Popover.Body)`
-  padding: 12px;
-`,Al=i.p`
-  font-size: 14px;
-  line-height: 20px;
-  font-weight: 400;
-  text-align: left;
-  color: ${t("neutral",900)};
-`,Tl=i.div`
+`,aa=n.div`
   display: flex;
-  align-items: center;
-  gap: 12px;
+  align-items: flex-start;
+  gap: 8px;
-  .text-input-container {
-    width: 70px;
-    margin: 0px;
+  svg {
+    margin-top: 6px;
+  }
+`,ia=n.p`
+  color: ${d("neutral",800)};
+  font-size: ${({size:e})=>"small"===e?"14px":"18px"};
+  line-height: ${({size:e})=>"small"===e?"20px":"28px"};
+  font-weight: 400;
+`,na=n.p`
+  color: ${d("neutral",700)};
+  font-size: ${({size:e})=>"small"===e?"12px":"16px"};
+  line-height: ${({size:e})=>"small"===e?"16px":"24px"};
+  font-weight: 400;
+  margin-left: 24px;
+`,ta=n(la)`
+  background-color: ${d("neutral",100)};
+  border: 1px solid ${d("neutral",300)};
+  color: ${d("neutral",700)};
+`,ra=n(la)`
+  background-color: ${d("neutral",200)};
+  border: 1px solid ${d("neutral",300)};
+  color: ${d("neutral",700)};
+`,oa=n(la)`
+  background-color: ${d("success",100)};
+  border: 1px solid ${d("success",500)};
+  color: ${d("success",500)};
-    .chakra-input {
-      padding: 4px;
-    }
+  p {
+    color: ${d("success",500)};
   }
+`,sa=n(la)`
+  background-color: ${d("warning",100)};
+  border: 1px solid ${d("warning",500)};
+  color: ${d("warning",500)};
-  .chakra-slider__root {
-    padding: 0 12px;
-    height: 30px;
-    margin-top: 18px;
-    width: 100%;
+  p {
+    color: ${d("warning",500)};
   }
-`,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(B,{label:"Opacity",size:"small",variant:"secondary",leftIcon:e.jsx(u,{})})}),e.jsx(n.Popover.Positioner,{children:e.jsx(Fl,{children:e.jsxs(Dl,{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}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",marginTop:"12px",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(B,{label:"Remove",size:"small",variant:"secondary",rightIcon:e.jsx(g,{}),onClick:o})]}),t,e.jsxs(Bl,{children:[e.jsx(B,{label:"About data",size:"small",variant:"secondary",leftIcon:e.jsx(u,{}),onClick:s}),e.jsx(Sl,{defaultValue:80,onOpacityChanged:d})]})]})]}),Ml=i.div`
-  width: 290px;
-  box-shadow: 0px 2px 4px -2px #0000001a;
-  box-shadow: 0px 4px 6px -1px #0000001a;
-`,Rl=({legendContent:a,analysisContent:n,onTabClick:i})=>{const[r,o]=l.useState("legend-tab"),[t]=l.useState(l.Children.map(a,((e,l)=>({id:l,child:e,sequence:l})))||[]);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:t.map((e=>e.child))}):null,"analysis-tab"===r?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:n}):null]})},_l=()=>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"})]}),El=()=>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(B,{label:"Button Label",variant:"primary"}),e.jsx(B,{label:"Button Label",variant:"primary",size:"small"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(B,{label:"Button Label",variant:"secondary"}),e.jsx(B,{label:"Button Label",variant:"secondary",size:"small"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(B,{label:"Button Label",variant:"borderless"}),e.jsx(B,{label:"Button Label",variant:"borderless",size:"small"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(B,{label:"Button Label",variant:"outline"}),e.jsx(B,{label:"Button Label",variant:"outline",size:"small"})]})]}),Hl=()=>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"})]})]}),Zl=()=>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"}]})]}),Pl=[{label:"Monday",checked:!1,value:"monday"},{label:"Tuesday",checked:!1,value:"tuesday"},{label:"Wednesday",checked:!1,value:"wednesday"},{label:"Thursday",checked:!1,value:"thursday"}],Nl=()=>{const[a,i]=l.useState(Pl),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]})]})},ql=()=>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"}]})]}),Ol=()=>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"}]})]}),Ul=()=>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"}]})]}),Gl="label-1",Wl=()=>{const[a,n]=l.useState(Gl);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:Gl,onTabClick:n,children:["label-1"===a?e.jsx(ql,{}):null,"label-2"===a?e.jsx(Ol,{}):null,"label-3"===a?e.jsx(Ul,{}):null]})},Yl="label-1",Kl=()=>{const[a,n]=l.useState(Yl);return e.jsxs(V,{defaultValue:Yl,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(Wl,{}):null,"label-2"===a?e.jsx("div",{children:"content 2"}):null,"label-3"===a?e.jsx("div",{children:"content 3"}):null]})},Ql=()=>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})]})]}),Jl=()=>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"})]})]})]}),Xl=()=>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})]}),ea=()=>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})]}),la=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:[e.jsx(Ue,{}),e.jsx(Ue,{disabled:!0})]}),aa=()=>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})]}),na=()=>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})]}),ia=()=>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,{})})]}),ra=()=>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"})]})}),oa=()=>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)"]})]}),ta=()=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(Vl,{layerName:"Layer Name",dataUnit:"Data Unit",onDrag:()=>console.log("drag"),onUpClick:()=>console.log("up"),onDownClick:()=>console.log("down"),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"})]})]})}),sa=()=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(Vl,{layerName:"Layer Name 2",dataUnit:"Data Unit",onDrag:()=>console.log("drag"),onUpClick:()=>console.log("up"),onDownClick:()=>console.log("down"),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=()=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(Vl,{layerName:"Layer Name 3",dataUnit:"Data Unit",onDrag:()=>console.log("drag"),onUpClick:()=>console.log("up"),onDownClick:()=>console.log("down"),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=()=>e.jsx(Rl,{legendContent:e.jsxs(e.Fragment,{children:[e.jsx(ta,{}),e.jsx(sa,{}),e.jsx(da,{})]}),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(ca,{}),e.jsx(ta,{}),e.jsx(oa,{}),e.jsx(ra,{}),e.jsx(ia,{}),e.jsx(na,{}),e.jsx(aa,{}),e.jsx(la,{}),e.jsx(Xl,{}),e.jsx(ea,{}),e.jsx(Jl,{}),e.jsx(Ql,{}),e.jsx(Nl,{}),e.jsx(Zl,{}),e.jsx(Hl,{}),e.jsx(El,{}),e.jsx(_l,{})]}),e.jsx(Kl,{})]})})),{})})})),exports.Button=B,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=Rl,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;
+`,da=n(la)`
+  background-color: ${d("error",100)};
+  border: 1px solid ${d("error",500)};
+  color: ${d("error",500)};
+  p {
+    color: ${d("error",500)};
+  }
+`,ca=({label:l,caption:a,variant:i,size:n="large",icon:t=e.jsx($,{height:"16px",width:"16px"}),onActionClick:r,actionLabel:o,isButtonRight:s})=>{let d=ta;return"info-grey"===i?d=ra:"success"===i?d=oa:"warning"===i?d=sa:"error"===i&&(d=da),e.jsxs(d,{isButtonRight:s,size:n,"aria-roledescription":"Note",children:[e.jsxs("div",{children:[e.jsxs(aa,{children:[t,e.jsx(ia,{size:n,children:l})]}),e.jsx(na,{size:n,children:a})]}),o?e.jsx(b,{label:o,variant:"info-white"===i||"info-grey"===i?"primary":"secondary",size:"large"===n?"default":"small",onClick:r}):null]})},xa=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsx(ee,{name:"switch",defaultChecked:!0,onChange:console.log,children:"defaultChecked"}),e.jsx(ee,{name:"switch 2",isLabelOnLeft:!0,children:"isLabelOnLeft"}),e.jsx(ee,{name:"switch 3",children:"Normal Label Positon"}),e.jsx(ee,{name:"switch 4",disabled:!0,children:"disabled"}),e.jsx(ee,{name:"switch 4",disabled:!0,checked:!0,children:"disabled cheked"})]}),pa=()=>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(b,{label:"Button Label",variant:"primary"}),e.jsx(b,{label:"Button Label",variant:"primary",size:"small"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(b,{label:"Button Label",variant:"secondary"}),e.jsx(b,{label:"Button Label",variant:"secondary",size:"small"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(b,{label:"Button Label",variant:"borderless"}),e.jsx(b,{label:"Button Label",variant:"borderless",size:"small"})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(b,{label:"Button Label",variant:"outline"}),e.jsx(b,{label:"Button Label",variant:"outline",size:"small"})]})]}),ha=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsxs(Z,{name:"radio-group-1",defaultValue:"1",onChange:(e,l)=>console.log(e,l),children:[e.jsx(P,{value:"1",children:"One"}),e.jsx(P,{value:"2",children:"Two"}),e.jsx(P,{value:"3",children:"Three"})]}),e.jsxs(Z,{name:"radio-group-2",defaultValue:"5",isRow:!0,children:[e.jsx(P,{value:"4",children:"Four"}),e.jsx(P,{value:"5",disabled:!0,children:"Five"}),e.jsx(P,{value:"6",children:"Six"})]})]}),ua=()=>e.jsxs("div",{style:{width:"300px"},children:[e.jsx(rl,{variant:"panel",tabs:[{label:"One",value:"one"},{label:"Two",value:"two"},{label:"Three",value:"three"}],onTabClick:console.log}),e.jsx("br",{}),e.jsx(rl,{variant:"panel",defaultValue:"two",tabs:[{label:"One",value:"one"},{label:"Two",value:"two",icon:e.jsx(C,{})},{label:"Three",value:"three"}]}),e.jsx("br",{}),e.jsx(rl,{variant:"panel",defaultValue:"two",tabs:[{label:"One",value:"one"},{label:"Two",value:"two",disabled:!0},{label:"Three",value:"three"}]}),e.jsx("br",{}),e.jsx(rl,{variant:"view",defaultValue:"two",tabs:[{label:"One",value:"one"},{label:"Two",value:"two"},{label:"Three",value:"three"}]})]}),ba=[{label:"Monday",checked:!1,value:"monday"},{label:"Tuesday",checked:!1,value:"tuesday"},{label:"Wednesday",checked:!1,value:"wednesday"},{label:"Thursday",checked:!1,value:"thursday"}],ga=()=>{const[a,n]=l.useState(ba),t=a.every((e=>e.checked)),r=a.some((e=>e.checked))&&!t,o=a.map(((l,a)=>e.jsx(E,{ms:"6",checked:l.checked,onCheckedChange:e=>{n((l=>{const i=[...l];return i[a]={...i[a],checked:!!e.checked},i}))},children:l.label},l.value)));return e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsx(E,{name:"Checkbox",value:"1",defaultChecked:!0,children:"Checkbox"}),e.jsx(E,{name:"Checkbox",value:"1",checked:!0,disabled:!0,children:"Checkbox"}),e.jsx(E,{name:"Checkbox",value:"1",disabled:!0,children:"Checkbox"})]}),e.jsxs(i.Stack,{align:"flex-start",children:[e.jsx(E,{checked:t,indeterminate:r,onCheckedChange:e=>{n((l=>l.map((l=>({...l,checked:!!e.checked})))))},children:"Weekdays"}),o]})]})},ma=()=>e.jsxs(Je,{defaultValue:["1"],children:[e.jsx(Qe,{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(Qe,{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"}]})]}),ja=()=>e.jsxs(Je,{defaultValue:["3"],children:[e.jsx(Qe,{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(Qe,{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"}]})]}),fa=()=>e.jsxs(Je,{defaultValue:["5"],children:[e.jsx(Qe,{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(Qe,{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"}]})]}),va="label-1",Ca=()=>{const[a,i]=l.useState(va);return e.jsxs(xl,{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:va,onTabClick:i,children:["label-1"===a?e.jsx(ma,{}):null,"label-2"===a?e.jsx(ja,{}):null,"label-3"===a?e.jsx(fa,{}):null]})},ya="label-1",$a=()=>{const[a,i]=l.useState(ya);return e.jsxs(ea,{defaultValue:ya,onTabClick:e=>{i(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(C,{})},{label:"Label 2",value:"label-2",icon:e.jsx(C,{})},{label:"Label 3",value:"label-3",icon:e.jsx(C,{})}],children:["label-1"===a?e.jsx(Ca,{}):null,"label-2"===a?e.jsx("div",{children:"content 2"}):null,"label-3"===a?e.jsx("div",{children:"content 3"}):null]})},wa=()=>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($e,{label:"Small",size:"small",variant:"info-white",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Default",variant:"info-white",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Large",size:"large",variant:"info-white",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Label",variant:"info-white"}),e.jsx($e,{label:"Disabled",variant:"info-white",icon:e.jsx($,{}),closable:!0,disabled:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx($e,{label:"Small",size:"small",variant:"info-grey",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Default",variant:"info-grey",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Large",size:"large",variant:"info-grey",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Label",variant:"info-grey"}),e.jsx($e,{label:"Disabled",variant:"info-grey",icon:e.jsx($,{}),closable:!0,disabled:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx($e,{label:"Small",size:"small",variant:"success",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Default",variant:"success",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Large",size:"large",variant:"success",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Label",variant:"success"}),e.jsx($e,{label:"Disabled",variant:"success",icon:e.jsx($,{}),closable:!0,disabled:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx($e,{label:"Small",size:"small",variant:"warning",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Default",size:"small",variant:"warning",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Large",size:"large",variant:"warning",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Label",size:"small",variant:"warning"}),e.jsx($e,{label:"Disabled",size:"small",variant:"warning",icon:e.jsx($,{}),closable:!0,disabled:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx($e,{label:"Small",size:"small",variant:"error",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Default",size:"small",variant:"error",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Large",size:"large",variant:"error",icon:e.jsx($,{}),closable:!0}),e.jsx($e,{label:"Label",size:"small",variant:"error"}),e.jsx($e,{label:"Disabled",size:"small",variant:"error",icon:e.jsx($,{}),closable:!0,disabled:!0})]})]}),ka=()=>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(ca,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label"}),e.jsx(ca,{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(ca,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsx(ca,{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(ca,{label:"Label",caption:"caption",variant:"info-grey",actionLabel:"Label"}),e.jsx(ca,{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(ca,{label:"Label",caption:"caption",variant:"info-grey",actionLabel:"Label",size:"small"}),e.jsx(ca,{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(ca,{label:"Label",caption:"caption",variant:"success",actionLabel:"Label"}),e.jsx(ca,{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(ca,{label:"Label",caption:"caption",variant:"success",actionLabel:"Label",size:"small"}),e.jsx(ca,{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(ca,{label:"Label",caption:"caption",variant:"warning",actionLabel:"Label"}),e.jsx(ca,{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(ca,{label:"Label",caption:"caption",variant:"warning",actionLabel:"Label",size:"small"}),e.jsx(ca,{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(ca,{label:"Label",caption:"caption",variant:"error",actionLabel:"Label"}),e.jsx(ca,{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(ca,{label:"Label",caption:"caption",variant:"error",actionLabel:"Label",size:"small"}),e.jsx(ca,{label:"Label",caption:"caption",variant:"error",actionLabel:"Label",isButtonRight:!0,size:"small"})]})]})]}),La=()=>e.jsxs("div",{style:{width:"290px"},children:[e.jsx(Pe,{label:"Label",caption:"Caption",placeholder:"placeholder",defaultValue:"Default Value",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})]}),za=()=>e.jsxs("div",{style:{width:"290px"},children:[e.jsx(Te,{label:"Label",caption:"Caption",placeholder:"placeholder",defaultValue:"Default Value",minLength:5,maxLength:200,required:!0}),e.jsx(Te,{label:"Label",caption:"Caption",placeholder:"placeholder",size:"small"}),e.jsx(Te,{label:"Label",caption:"Caption",placeholder:"placeholder",errorMessage:"Error Message",required:!0}),e.jsx(Te,{label:"Label",caption:"Caption",placeholder:"placeholder",required:!0,disabled:!0})]}),Ia=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:[e.jsx(B,{}),e.jsx(B,{disabled:!0})]}),Aa=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:[e.jsx(m,{icon:e.jsx(L,{}),"aria-label":"Menu"}),e.jsx(m,{icon:e.jsx(C,{}),"aria-label":"Check"}),e.jsx(m,{icon:e.jsx($,{}),"aria-label":"Info",disabled:!0})]}),Da=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsx(Q,{width:"280px",min:0,max:100,defaultValue:[50]}),e.jsx(Q,{width:"280px",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(Q,{width:"280px",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(Q,{width:"280px",value:[20,80]}),e.jsx(Q,{width:"280px",min:-100,max:100,defaultValue:[0],isCentred:!0}),e.jsx(Q,{width:"280px",value:[70],marks:[0,25,50,75,100],disabled:!0})]}),Sa=()=>e.jsxs("div",{style:{width:"238px"},children:[e.jsx(Hl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(Hl,{type:"line",label:"Attribute",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(Hl,{type:"point",label:"Attribute",color:"#F3FFF2",pointIcon:e.jsx($,{})})]}),Ba=()=>e.jsx("div",{style:{width:"238px"},children:e.jsxs(gl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})}),Fa=()=>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)"]})]}),Ta=({onDrag:l=()=>{},onUpClick:a=()=>{},onDownClick:i=()=>{}})=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(Il,{layerName:"Layer Name",dataUnit:"Data Unit",onDrag:l,onUpClick:a,onDownClick:i,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(Hl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(Hl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45"}),e.jsx(ca,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsxs(gl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})]})}),Va=({onDrag:l=()=>{},onUpClick:a=()=>{},onDownClick:i=()=>{}})=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(Il,{layerName:"Layer Name 2",dataUnit:"Data Unit",onDrag:l,onUpClick:a,onDownClick:i,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(Hl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(Hl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45"}),e.jsx(ca,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsxs(gl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})]})}),Ma=({onDrag:l=()=>{},onUpClick:a=()=>{},onDownClick:i=()=>{}})=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(Il,{layerName:"Layer Name 3",dataUnit:"Data Unit",onDrag:l,onUpClick:a,onDownClick:i,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(Hl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(Hl,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45"}),e.jsx(ca,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsxs(gl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})]})}),Ra=()=>e.jsx(Sl,{legendContent:[e.jsx(Ta,{}),e.jsx(Va,{}),e.jsx(Ma,{})],analysisContent:e.jsx("div",{})}),_a=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px",width:"290px"},children:[e.jsx(Le,{label:"Label",caption:"Caption",placeholder:"Please select",defaultValue:["value-2"],items:[{label:"Label 1",caption:"Caption 1",value:"value-1"},{label:"Label 2",caption:"Caption 2",value:"value-2"},{label:"Label 3",caption:"Caption 3",value:"value-3"}],required:!0}),e.jsx(Le,{label:"Label",caption:"Caption",placeholder:"Please select",size:"small",items:[{label:"Label 1",caption:"Caption 1",value:"value-1"},{label:"Label 2",caption:"Caption 2",value:"value-2"},{label:"Label 3",caption:"Caption 3",value:"value-3"}],required:!0}),e.jsx(Le,{label:"Label",caption:"Caption",placeholder:"Please select",items:[{label:"Label 1",caption:"Caption 1",value:"value-1"},{label:"Label 2",caption:"Caption 2",value:"value-2"},{label:"Label 3",caption:"Caption 3",value:"value-3"}],errorMessage:"Error Message",required:!0}),e.jsx(Le,{label:"Label",caption:"Caption",placeholder:"Please select",defaultValue:["value-2"],items:[{label:"Label 1",caption:"Caption 1",value:"value-1"},{label:"Label 2",caption:"Caption 2",value:"value-2"},{label:"Label 3",caption:"Caption 3",value:"value-3"}],required:!0,disabled:!0}),e.jsx(Le,{label:"Label - multiple",caption:"Caption",placeholder:"Please select",defaultValue:["value-2","value-3"],items:[{label:"Label 1",caption:"Caption 1",value:"value-1"},{label:"Label 2",caption:"Caption 2",value:"value-2"},{label:"Label 3",caption:"Caption 3",value:"value-3"}],required:!0,multiple:!0})]}),Ea=()=>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(R,{variant:"primary",mainActionLabel:"First Action",mainActionOnClick:()=>console.log("first action"),otherActions:[{label:"Second Action",value:"second-action",onClick:()=>console.log("second action")},{label:"Third Action",value:"third-action",onClick:()=>console.log("third action")}]}),e.jsx(R,{variant:"primary",size:"small",mainActionLabel:"First Action",mainActionOnClick:()=>console.log("first action"),otherActions:[{label:"Second Action",value:"second-action",onClick:()=>console.log("second action")}]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx(R,{variant:"secondary",mainActionLabel:"First Action",mainActionOnClick:()=>console.log("first action"),otherActions:[{label:"Second Action",value:"second-action",onClick:()=>console.log("second action")}]}),e.jsx(R,{variant:"secondary",size:"small",mainActionLabel:"First Action",mainActionOnClick:()=>console.log("first action"),otherActions:[{label:"Second Action",value:"second-action",onClick:()=>console.log("second action")}]})]})]});a.createRoot(document.getElementById("root")).render(e.jsx(l.StrictMode,{children:e.jsx(i.ChakraProvider,{value:s,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(Ea,{}),e.jsx(_a,{}),e.jsx(Ra,{}),e.jsx(Ta,{}),e.jsx(Fa,{}),e.jsx(Ba,{}),e.jsx(Sa,{}),e.jsx(Da,{}),e.jsx(Aa,{}),e.jsx(Ia,{}),e.jsx(La,{}),e.jsx(za,{}),e.jsx(ka,{}),e.jsx(wa,{}),e.jsx(ga,{}),e.jsx(ua,{}),e.jsx(ha,{}),e.jsx(pa,{}),e.jsx(xa,{})]}),e.jsx($a,{})]})})),{})})})),exports.Button=b,exports.Checkbox=E,exports.CloseButton=B,exports.IconButton=m,exports.InlineMessage=ca,exports.LayerGroup=Qe,exports.LayerGroupContainer=Je,exports.LayerItem=Ke,exports.LayerPanel=xl,exports.LayerParameters=gl,exports.LegendItem=Il,exports.LegendPanel=Sl,exports.MultiActionButton=R,exports.NavigationRail=ea,exports.QualitativeAttribute=Hl,exports.Radio=P,exports.RadioGroup=Z,exports.ScaleBar=Wl,exports.Select=Le,exports.Slider=Q,exports.Switch=ee,exports.TabBar=rl,exports.Tag=$e,exports.TextInput=Pe,exports.Textarea=Te;
 //# sourceMappingURL=index.js.map