@worldresources/wri-design-systems 1.2.0 → 2.0.0
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +5 -0
- package/dist/cjs/index.js +417 -129
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +678 -390
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +103 -7
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"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
|
|
1
|
+
"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 r(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 o=r(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 t={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:t}}}),d=(e,l)=>s.tokens.getVar(`colors.${e}.${l}`)||t?.[e]?.[l]?.value,c=n(i.Button)`
|
|
2
2
|
width: auto;
|
|
3
3
|
height: ${({size:e})=>"small"===e?"28px":"40px"};
|
|
4
4
|
font-size: ${({size:e})=>"small"===e?"12px":"16px"};
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
${({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 `};
|
|
25
25
|
`,u=n(c)`
|
|
26
26
|
${({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 `};
|
|
27
|
-
`,b=({label:l,loading:a,variant:n="primary",size:
|
|
27
|
+
`,b=({label:l,loading:a,variant:n="primary",size:r="default",disabled:o,leftIcon:t,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:r,disabled:o||a,"aria-disabled":o||a,...d,children:[t&&!a?e.jsx(i.Box,{marginRight:l?2:0,display:"flex",alignItems:"center",children:t}):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)`
|
|
28
28
|
width: 20px !important;
|
|
29
29
|
padding: 0 !important;
|
|
30
30
|
min-width: 20px !important;
|
|
@@ -113,17 +113,17 @@
|
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
115
|
}
|
|
116
|
-
`,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)`
|
|
116
|
+
`,v=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)"})})})]})}),f=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"})})})]})}),D=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"})})}),S=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)"})})})]})}),A=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=l=>e.jsx(i.Icon,{...l,children:e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("g",{clipPath:"url(#clip0_4916_54426)",children:e.jsx("path",{d:"M8.6 14.6L15.65 7.55L14.25 6.15L8.6 11.8L5.75 8.95L4.35 10.35L8.6 14.6ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z",fill:"currentColor"})}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_4916_54426",children:e.jsx("rect",{width:"20",height:"20",fill:"white"})})})]})}),F=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:"M0 18.6477L10 1.375L20 18.6477H0ZM10 15.9205C10.2576 15.9205 10.4735 15.8333 10.6477 15.6591C10.822 15.4848 10.9091 15.2689 10.9091 15.0114C10.9091 14.7538 10.822 14.5379 10.6477 14.3636C10.4735 14.1894 10.2576 14.1023 10 14.1023C9.74242 14.1023 9.52652 14.1894 9.35227 14.3636C9.17803 14.5379 9.09091 14.7538 9.09091 15.0114C9.09091 15.2689 9.17803 15.4848 9.35227 15.6591C9.52652 15.8333 9.74242 15.9205 10 15.9205ZM9.09091 13.1932H10.9091V8.64773H9.09091V13.1932Z",fill:"currentColor"})})}),M=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:"M10 15C10.2833 15 10.5208 14.9042 10.7125 14.7125C10.9042 14.5208 11 14.2833 11 14C11 13.7167 10.9042 13.4792 10.7125 13.2875C10.5208 13.0958 10.2833 13 10 13C9.71667 13 9.47917 13.0958 9.2875 13.2875C9.09583 13.4792 9 13.7167 9 14C9 14.2833 9.09583 14.5208 9.2875 14.7125C9.47917 14.9042 9.71667 15 10 15ZM9 11H11V5H9V11ZM10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20Z",fill:"currentColor"})})}),T=({disabled:l,...a})=>e.jsx(j,{icon:e.jsx(k,{}),"aria-label":a["aria-label"]||"Close",disabled:l,...a}),R=n(i.Menu.Content)`
|
|
117
117
|
width: 200px;
|
|
118
118
|
border: 1px solid ${d("neutral",600)};
|
|
119
119
|
border-radius: 4px;
|
|
120
120
|
padding: 8px;
|
|
121
|
-
`,
|
|
121
|
+
`,V=n(i.Menu.Trigger)`
|
|
122
122
|
&[data-state='open'] {
|
|
123
123
|
background-color: ${({variant:e})=>"primary"===e?d("primary",600):d("neutral",200)} !important;
|
|
124
124
|
border: 1px solid ${d("primary",800)} !important;
|
|
125
125
|
}
|
|
126
|
-
`,
|
|
126
|
+
`,_=n(i.Menu.Item)`
|
|
127
127
|
font-size: ${({size:e})=>"small"===e?"14px":"16px"};
|
|
128
128
|
line-height: ${({size:e})=>"small"===e?"20px":"24px"};
|
|
129
129
|
color: ${d("neutral",800)};
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
&[data-highlighted] {
|
|
134
134
|
background-color: ${d("neutral",200)};
|
|
135
135
|
}
|
|
136
|
-
`,
|
|
136
|
+
`,E=l.forwardRef(((l,a)=>{const{portalled:n=!0,portalRef:r,...o}=l;return e.jsx(i.Portal,{disabled:!n,container:r,children:e.jsx(i.Menu.Positioner,{children:e.jsx(R,{ref:a,...o})})})})),H=({variant:a="primary",size:n="default",mainActionLabel:r,mainActionOnClick:o=()=>{},otherActions:t=[],...s})=>{const[d,c]=l.useState(!1);return e.jsxs(i.Group,{attached:!0,"aria-disabled":s.disabled,children:[e.jsx(b,{label:r,variant:a,size:n,onClick:o,...s}),e.jsxs(i.Menu.Root,{onOpenChange:({open:e})=>c(e),positioning:{placement:"bottom-end"},children:[e.jsx(V,{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(E,{children:t.map((({label:l,value:a,onClick:i})=>e.jsx(_,{onClick:i,value:a,size:n,children:l},a)))})]})]})},P=n(i.Checkbox.Root)`
|
|
137
137
|
.chakra-checkbox__control {
|
|
138
138
|
width: 20px;
|
|
139
139
|
height: 20px;
|
|
@@ -199,7 +199,114 @@
|
|
|
199
199
|
}
|
|
200
200
|
}
|
|
201
201
|
}
|
|
202
|
-
`,
|
|
202
|
+
`,q=({name:l,value:a,checked:n,defaultChecked:r,disabled:o,indeterminate:t,onCheckedChange:s,children:d,...c})=>e.jsxs(P,{name:l,value:a,checked:t?"indeterminate":n,defaultChecked:r,disabled:o,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:t?e.jsx(y,{}):e.jsx(C,{})}),e.jsx(i.Checkbox.Label,{children:d})]}),Z=n(i.RadioCard.Item)`
|
|
203
|
+
width: 241px;
|
|
204
|
+
min-height: 70px;
|
|
205
|
+
padding: 12px;
|
|
206
|
+
background-color: ${d("neutral",100)};
|
|
207
|
+
border: 1px solid ${d("neutral",300)};
|
|
208
|
+
border-radius: 4px;
|
|
209
|
+
cursor: pointer;
|
|
210
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
|
211
|
+
flex: none;
|
|
212
|
+
|
|
213
|
+
&:hover {
|
|
214
|
+
box-shadow: 0px 2px 4px -2px #0000001a;
|
|
215
|
+
box-shadow: 0px 4px 6px -1px #0000001a;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
&:focus-visible,
|
|
219
|
+
&[data-focus-visible] {
|
|
220
|
+
outline: 2px solid ${d("primary",700)};
|
|
221
|
+
outline-offset: 2px;
|
|
222
|
+
box-shadow: 0px 2px 4px -2px #0000001a;
|
|
223
|
+
box-shadow: 0px 4px 6px -1px #0000001a;
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
&[data-state='checked'] {
|
|
227
|
+
background-color: ${d("primary",100)};
|
|
228
|
+
border: 1px solid ${d("primary",700)};
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
&[data-disabled] {
|
|
232
|
+
outline: none;
|
|
233
|
+
box-shadow: none;
|
|
234
|
+
border: 1px solid ${d("neutral",300)};
|
|
235
|
+
background-color: ${d("neutral",100)};
|
|
236
|
+
color: ${d("neutral",500)};
|
|
237
|
+
cursor: not-allowed;
|
|
238
|
+
}
|
|
239
|
+
`,O=n(i.RadioCard.ItemHiddenInput)``,N=n(i.RadioCard.ItemControl)`
|
|
240
|
+
width: 100%;
|
|
241
|
+
padding: 0;
|
|
242
|
+
display: flex;
|
|
243
|
+
justify-content: space-between;
|
|
244
|
+
position: relative;
|
|
245
|
+
|
|
246
|
+
&[data-disabled] {
|
|
247
|
+
background-color: ${d("neutral",100)};
|
|
248
|
+
}
|
|
249
|
+
`,G=n.div`
|
|
250
|
+
width: 100%;
|
|
251
|
+
display: flex;
|
|
252
|
+
flex-direction: ${({variant:e})=>"centered"===e?"column":"row"};
|
|
253
|
+
align-items: center;
|
|
254
|
+
gap: 12px;
|
|
255
|
+
`,U=n.div`
|
|
256
|
+
svg {
|
|
257
|
+
height: 32px;
|
|
258
|
+
width: 32px;
|
|
259
|
+
}
|
|
260
|
+
`,W=n.div`
|
|
261
|
+
width: 100%;
|
|
262
|
+
`,Y=n.p`
|
|
263
|
+
font-size: 16px;
|
|
264
|
+
line-height: 24px;
|
|
265
|
+
font-weight: 400;
|
|
266
|
+
color: ${({disabled:e})=>d("neutral",e?500:800)};
|
|
267
|
+
text-align: ${({variant:e})=>"centered"===e?"center":"left"};
|
|
268
|
+
`,K=n.p`
|
|
269
|
+
font-size: 14px;
|
|
270
|
+
line-height: 20px;
|
|
271
|
+
font-weight: 400;
|
|
272
|
+
color: ${({disabled:e})=>d("neutral",e?500:700)};
|
|
273
|
+
text-align: ${({variant:e})=>"centered"===e?"center":"left"};
|
|
274
|
+
`,Q=n(i.RadioCard.ItemIndicator)`
|
|
275
|
+
position: absolute;
|
|
276
|
+
top: 0;
|
|
277
|
+
right: 0;
|
|
278
|
+
width: 20px;
|
|
279
|
+
height: 20px;
|
|
280
|
+
border: 1px solid ${d("neutral",600)};
|
|
281
|
+
cursor: pointer;
|
|
282
|
+
|
|
283
|
+
.dot {
|
|
284
|
+
width: 10px !important;
|
|
285
|
+
height: 10px !important;
|
|
286
|
+
scale: 1 !important;
|
|
287
|
+
}
|
|
288
|
+
|
|
289
|
+
&[data-checked] {
|
|
290
|
+
border: 1px solid ${d("primary",700)};
|
|
291
|
+
background-color: ${d("neutral",100)} !important;
|
|
292
|
+
color: ${d("primary",700)};
|
|
293
|
+
|
|
294
|
+
&[data-disabled] {
|
|
295
|
+
border: 1px solid ${d("neutral",400)};
|
|
296
|
+
color: ${d("neutral",400)};
|
|
297
|
+
}
|
|
298
|
+
}
|
|
299
|
+
|
|
300
|
+
&[data-disabled] {
|
|
301
|
+
border: 1px solid ${d("neutral",400)};
|
|
302
|
+
}
|
|
303
|
+
`,J=n.div`
|
|
304
|
+
width: 100%;
|
|
305
|
+
border-top: 1px solid ${d("neutral",300)};
|
|
306
|
+
margin-top: 12px;
|
|
307
|
+
padding-top: 8px;
|
|
308
|
+
color: ${({disabled:e})=>e?d("neutral",500):"inherit"};
|
|
309
|
+
`,X=({label:l,caption:a,icon:i,variant:n="default",disabled:r,children:o,value:t})=>e.jsxs(Z,{value:t,disabled:r,children:[e.jsx(O,{}),e.jsxs(N,{children:[e.jsxs(G,{variant:n,children:[e.jsx(U,{children:i}),e.jsxs(W,{children:[e.jsx(Y,{variant:n,disabled:r,"aria-label":l,"aria-disabled":r,children:l}),e.jsx(K,{variant:n,disabled:r,"aria-label":a,"aria-disabled":r,children:a})]})]}),e.jsx(Q,{})]}),"expanded"===n?e.jsx(J,{disabled:r,children:o}):null]}),ee=({children:l,...a})=>e.jsx(i.RadioCard.Root,{...a,children:e.jsx(i.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:l})}),le=n(i.RadioGroup.Item)`
|
|
203
310
|
.radio-item-indicator {
|
|
204
311
|
width: 20px;
|
|
205
312
|
height: 20px;
|
|
@@ -257,10 +364,10 @@
|
|
|
257
364
|
}
|
|
258
365
|
}
|
|
259
366
|
}
|
|
260
|
-
`,
|
|
367
|
+
`,ae=({children:l,value:a,disabled:n,...r})=>e.jsxs(le,{value:a,disabled:n,...r,children:[e.jsx(i.RadioGroup.ItemHiddenInput,{}),e.jsx(i.RadioGroup.ItemIndicator,{className:"radio-item-indicator"}),l?e.jsx(i.RadioGroup.ItemText,{children:l}):null]}),ie=({children:a,horizontal:n=!1,name:r,defaultValue:o,onChange:t,customGap:s,...d})=>{const[c,x]=l.useState(o);let p=n?"20px":"8px";return p=s||p,e.jsx(i.RadioGroup.Root,{onValueChange:e=>{x(e.value),t&&t(r,e.value)},value:c,...d,children:e.jsx(i.HStack,{gap:p,flexDirection:n?"row":"column",alignItems:"flex-start",flexWrap:"wrap",children:a})})},ne=n(i.Slider.Root)`
|
|
261
368
|
height: 60px;
|
|
262
369
|
padding: 40px 12px;
|
|
263
|
-
`,
|
|
370
|
+
`,re=n(i.Slider.Thumb)`
|
|
264
371
|
height: 20px;
|
|
265
372
|
width: 20px;
|
|
266
373
|
background-color: ${d("primary",500)};
|
|
@@ -271,6 +378,10 @@
|
|
|
271
378
|
&[data-hover] {
|
|
272
379
|
outline: 4px solid
|
|
273
380
|
color-mix(in srgb, ${d("primary",500)} 20%, transparent);
|
|
381
|
+
|
|
382
|
+
.slider-value-preview {
|
|
383
|
+
display: flex;
|
|
384
|
+
}
|
|
274
385
|
}
|
|
275
386
|
|
|
276
387
|
&[data-dragging] {
|
|
@@ -287,6 +398,10 @@
|
|
|
287
398
|
box-shadow: none;
|
|
288
399
|
outline: 2px solid ${d("primary",700)};
|
|
289
400
|
outline-offset: 2px;
|
|
401
|
+
|
|
402
|
+
.slider-value-preview {
|
|
403
|
+
display: flex;
|
|
404
|
+
}
|
|
290
405
|
}
|
|
291
406
|
|
|
292
407
|
&[data-disabled] {
|
|
@@ -296,7 +411,7 @@
|
|
|
296
411
|
outline: none;
|
|
297
412
|
cursor: not-allowed;
|
|
298
413
|
}
|
|
299
|
-
`,
|
|
414
|
+
`,oe=n.div`
|
|
300
415
|
font-size: 14px;
|
|
301
416
|
line-height: 20px;
|
|
302
417
|
color: ${d("neutral",800)};
|
|
@@ -310,11 +425,11 @@
|
|
|
310
425
|
align-items: center;
|
|
311
426
|
position: relative;
|
|
312
427
|
top: -30px;
|
|
313
|
-
`,
|
|
428
|
+
`,te=n(i.Slider.Track)`
|
|
314
429
|
background-color: ${d("neutral",300)};
|
|
315
430
|
border: none;
|
|
316
431
|
box-shadow: none;
|
|
317
|
-
`,
|
|
432
|
+
`,se=n(i.Slider.Range)`
|
|
318
433
|
background-color: ${d("primary",500)};
|
|
319
434
|
border: 1px solid ${d("primary",700)};
|
|
320
435
|
border-radius: 8px;
|
|
@@ -327,7 +442,7 @@
|
|
|
327
442
|
background-color: ${d("neutral",400)};
|
|
328
443
|
border: none;
|
|
329
444
|
}
|
|
330
|
-
`,
|
|
445
|
+
`,de=n(i.Slider.Marker)`
|
|
331
446
|
font-size: 12px;
|
|
332
447
|
line-height: 16px;
|
|
333
448
|
color: ${d("neutral",800)};
|
|
@@ -362,10 +477,10 @@
|
|
|
362
477
|
}
|
|
363
478
|
|
|
364
479
|
${({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 `:""};
|
|
365
|
-
`,
|
|
480
|
+
`,ce=l=>{const{value:a}=l;return e.jsx(i.For,{each:a,children:(l,a)=>e.jsxs(re,{index:a,children:[e.jsx(oe,{className:"slider-value-preview",children:l}),e.jsx(i.Slider.HiddenInput,{})]},a)})},xe=l.forwardRef(((l,a)=>{const{marks:n,isCentred:r}=l;return n?.length?e.jsx(i.Slider.MarkerGroup,{ref:a,children:n.map(((l,a)=>{const n="number"==typeof l?l:l.value,o="number"==typeof l?void 0:l.label,t=r&&1===a;return e.jsxs(de,{value:n,isCentred:r,isMiddleMark:t,children:[e.jsx(i.Slider.MarkerIndicator,{}),e.jsx("p",{children:o})]},n)}))}):null})),pe=l.forwardRef(((a,n)=>{const{marks:r,onValueChange:o,isCentred:t,...s}=a,[d,c]=l.useState(s.value||[0]);l.useEffect((()=>{c(s.value||[0])}),[s.value]);let x=r?.map((e=>"number"==typeof e?{value:e,label:void 0}:e));if(t){const e=s.min||0,l=s.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(ne,{ref:n,thumbAlignment:"center",onValueChange:e=>{c(e.value),o&&o(e)},origin:t?"center":"start",...s,children:e.jsxs(i.Slider.Control,{"data-has-mark-label":p||void 0,children:[e.jsx(te,{children:e.jsx(se,{})}),e.jsx(ce,{value:d}),e.jsx(xe,{marks:x,isCentred:t})]})})})),he=n.div`
|
|
366
481
|
display: flex;
|
|
367
482
|
align-items: center;
|
|
368
|
-
`,
|
|
483
|
+
`,ue=n(i.Switch.Root)`
|
|
369
484
|
.chakra-switch__control-container {
|
|
370
485
|
width: 42px;
|
|
371
486
|
height: 26px;
|
|
@@ -440,7 +555,75 @@
|
|
|
440
555
|
}
|
|
441
556
|
}
|
|
442
557
|
}
|
|
443
|
-
`,
|
|
558
|
+
`,be=({name:l,defaultChecked:a=!1,onChange:n,disabled:r=!1,isLabelOnLeft:o=!1,children:t,...s})=>e.jsx(he,{children:e.jsxs(ue,{id:l,name:l,"aria-label":s["aria-label"]||l,defaultChecked:a,onCheckedChange:({checked:e})=>{n&&n(l,e)},disabled:r,...s,children:[o&&null!=t?e.jsx(i.Switch.Label,{children:t}):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,{})})})})}),o||null==t?null:e.jsx(i.Switch.Label,{children:t})]})}),ge=n.div`
|
|
559
|
+
position: relative;
|
|
560
|
+
height: 100%;
|
|
561
|
+
`,me=n.div`
|
|
562
|
+
margin-left: ${({hasErrorMessage:e})=>e?"19px":"0px"};
|
|
563
|
+
`,je=n.p`
|
|
564
|
+
font-size: 16px;
|
|
565
|
+
line-height: 24px;
|
|
566
|
+
color: ${d("neutral",900)};
|
|
567
|
+
|
|
568
|
+
span {
|
|
569
|
+
color: ${d("error",500)};
|
|
570
|
+
margin-right: 3px;
|
|
571
|
+
}
|
|
572
|
+
`,ve=n.p`
|
|
573
|
+
font-size: 14px;
|
|
574
|
+
line-height: 20px;
|
|
575
|
+
color: ${d("neutral",600)};
|
|
576
|
+
`,fe=n.div`
|
|
577
|
+
margin-top: 12px;
|
|
578
|
+
display: flex;
|
|
579
|
+
flex-direction: ${({horizontal:e})=>e?"row":"column"};
|
|
580
|
+
flex-wrap: wrap;
|
|
581
|
+
gap: ${({horizontal:e})=>e?"20px":"12px"};
|
|
582
|
+
`,Ce=n.div`
|
|
583
|
+
width: 3px;
|
|
584
|
+
height: 100%;
|
|
585
|
+
background-color: ${d("error",500)};
|
|
586
|
+
position: absolute;
|
|
587
|
+
top: 0;
|
|
588
|
+
left: 0;
|
|
589
|
+
`,ye=n.p`
|
|
590
|
+
font-size: 14px;
|
|
591
|
+
line-height: 20px;
|
|
592
|
+
font-weight: 700;
|
|
593
|
+
color: ${d("error",500)};
|
|
594
|
+
`,$e=({label:a,caption:i,checkboxes:n,defaultValue:r,onCheckedChange:o,errorMessage:t,horizontal:s,required:d})=>{const[c,x]=l.useState(r?{[r]:!0}:{});return e.jsxs(ge,{"aria-roledescription":"group","aria-labelledby":a,children:[t?e.jsx(Ce,{}):null,e.jsxs(me,{hasErrorMessage:!!t,children:[e.jsxs(je,{"aria-label":a,children:[d&&e.jsx("span",{"aria-label":"required",children:"*"}),a]}),e.jsx(ve,{"aria-label":i,children:i}),t?e.jsx(ye,{"aria-label":t,children:t}):null,e.jsx(fe,{horizontal:s,children:n.map((l=>e.jsx(q,{defaultChecked:r===l.value,onCheckedChange:({checked:e})=>((e,l)=>{const a={...c};l&&(a[l]=e,x(a)),o&&o(a)})(e,l.name),...l},l.name)))})]})]})},we=n.div`
|
|
595
|
+
position: relative;
|
|
596
|
+
height: 100%;
|
|
597
|
+
`,ke=n.div`
|
|
598
|
+
margin-left: ${({hasErrorMessage:e})=>e?"19px":"0px"};
|
|
599
|
+
`,Le=n.p`
|
|
600
|
+
font-size: 16px;
|
|
601
|
+
line-height: 24px;
|
|
602
|
+
color: ${d("neutral",900)};
|
|
603
|
+
|
|
604
|
+
span {
|
|
605
|
+
color: ${d("error",500)};
|
|
606
|
+
margin-right: 3px;
|
|
607
|
+
}
|
|
608
|
+
`,ze=n.p`
|
|
609
|
+
font-size: 14px;
|
|
610
|
+
line-height: 20px;
|
|
611
|
+
color: ${d("neutral",600)};
|
|
612
|
+
`,Ie=n.div`
|
|
613
|
+
margin-top: 12px;
|
|
614
|
+
`,De=n.div`
|
|
615
|
+
width: 3px;
|
|
616
|
+
height: 100%;
|
|
617
|
+
background-color: ${d("error",500)};
|
|
618
|
+
position: absolute;
|
|
619
|
+
top: 0;
|
|
620
|
+
left: 0;
|
|
621
|
+
`,Se=n.p`
|
|
622
|
+
font-size: 14px;
|
|
623
|
+
line-height: 20px;
|
|
624
|
+
font-weight: 700;
|
|
625
|
+
color: ${d("error",500)};
|
|
626
|
+
`,Ae=({label:l,caption:a,name:i,radios:n,defaultValue:r,onCheckedChange:o,errorMessage:t,horizontal:s,required:d})=>e.jsxs(we,{"aria-roledescription":"group","aria-labelledby":l,children:[t?e.jsx(De,{}):null,e.jsxs(ke,{hasErrorMessage:!!t,children:[e.jsxs(Le,{"aria-label":l,children:[d&&e.jsx("span",{"aria-label":"required",children:"*"}),l]}),e.jsx(ze,{"aria-label":a,children:a}),t?e.jsx(Se,{"aria-label":t,children:t}):null,e.jsx(Ie,{children:e.jsx(ie,{name:i,defaultValue:r,onChange:o,horizontal:s,children:n.map((l=>e.jsx(ae,{...l},l.value)))})})]})]}),Be=o.forwardRef(((l,a)=>{const{children:n,...r}=l;return e.jsxs(i.Select.Control,{...r,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,{})})})]})})),Fe=o.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})})})})),Me=o.forwardRef(((l,a)=>{const{item:n,children:r,...o}=l;return e.jsx(i.Select.Item,{item:n,...o,ref:a,children:r},n.value)})),Te=o.forwardRef(((l,a)=>{const{children:n,...r}=l;return e.jsx(i.Select.ValueText,{...r,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`}})})})),Re=o.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]})})));o.forwardRef(((l,a)=>{const{children:n,label:r,...o}=l;return e.jsxs(i.Select.ItemGroup,{...o,ref:a,children:[e.jsx(i.Select.ItemGroupLabel,{children:r}),n]})}));const Ve=i.Select.Label;i.Select.ItemText;const _e=n.div`
|
|
444
627
|
position: relative;
|
|
445
628
|
height: 100%;
|
|
446
629
|
width: 100%;
|
|
@@ -449,14 +632,14 @@
|
|
|
449
632
|
align-items: flex-start;
|
|
450
633
|
gap: ${({size:e})=>"small"===e?"12px":"16px"};
|
|
451
634
|
margin-bottom: 16px;
|
|
452
|
-
`,
|
|
635
|
+
`,Ee=n.div`
|
|
453
636
|
width: 3px;
|
|
454
637
|
height: 100%;
|
|
455
638
|
background-color: ${d("error",500)};
|
|
456
639
|
position: absolute;
|
|
457
640
|
top: 0;
|
|
458
641
|
left: 0;
|
|
459
|
-
`,
|
|
642
|
+
`,He=n(Ve)`
|
|
460
643
|
font-size: ${({size:e})=>"small"===e?"14px":"16px"};
|
|
461
644
|
line-height: ${({size:e})=>"small"===e?"20px":"24px"};
|
|
462
645
|
font-weight: 400;
|
|
@@ -474,7 +657,7 @@
|
|
|
474
657
|
color: ${d("neutral",600)};
|
|
475
658
|
}
|
|
476
659
|
}
|
|
477
|
-
`,
|
|
660
|
+
`,Pe=n.p`
|
|
478
661
|
font-size: ${({size:e})=>"small"===e?"12px":"14px"};
|
|
479
662
|
line-height: ${({size:e})=>"small"===e?"16px":"20px"};
|
|
480
663
|
font-weight: 400;
|
|
@@ -483,7 +666,7 @@
|
|
|
483
666
|
&[disabled] {
|
|
484
667
|
color: ${d("neutral",500)};
|
|
485
668
|
}
|
|
486
|
-
`,
|
|
669
|
+
`,qe=n(Be)`
|
|
487
670
|
.chakra-select__trigger {
|
|
488
671
|
min-height: ${({size:e})=>"small"===e?"32px":"40px"};
|
|
489
672
|
border-radius: 4px;
|
|
@@ -534,20 +717,20 @@
|
|
|
534
717
|
}
|
|
535
718
|
}
|
|
536
719
|
}
|
|
537
|
-
`,
|
|
720
|
+
`,Ze=n(Fe)`
|
|
538
721
|
margin-top: -8px;
|
|
539
722
|
border-radius: 4px;
|
|
540
723
|
border: 1px solid ${d("neutral",400)};
|
|
541
724
|
border-top-left-radius: 0px;
|
|
542
725
|
border-top-right-radius: 0px;
|
|
543
726
|
border-top: none;
|
|
544
|
-
`,
|
|
727
|
+
`,Oe=n(Me)`
|
|
545
728
|
align-items: flex-start;
|
|
546
729
|
&[data-highlighted] {
|
|
547
730
|
background-color: ${d("neutral",200)};
|
|
548
731
|
cursor: pointer;
|
|
549
732
|
}
|
|
550
|
-
`,
|
|
733
|
+
`,Ne=n.p`
|
|
551
734
|
font-size: ${({size:e})=>"small"===e?"14px":"16px"};
|
|
552
735
|
line-height: ${({size:e})=>"small"===e?"20px":"24px"};
|
|
553
736
|
color: ${d("neutral",800)};
|
|
@@ -555,7 +738,7 @@
|
|
|
555
738
|
&[disabled] {
|
|
556
739
|
color: ${d("neutral",500)} !important;
|
|
557
740
|
}
|
|
558
|
-
`,
|
|
741
|
+
`,Ge=n.p`
|
|
559
742
|
font-size: ${({size:e})=>"small"===e?"14px":"16px"};
|
|
560
743
|
line-height: ${({size:e})=>"small"===e?"20px":"24px"};
|
|
561
744
|
color: ${d("neutral",700)};
|
|
@@ -563,17 +746,16 @@
|
|
|
563
746
|
&[disabled] {
|
|
564
747
|
color: ${d("neutral",500)};
|
|
565
748
|
}
|
|
566
|
-
`,
|
|
749
|
+
`,Ue=n.p`
|
|
567
750
|
font-size: ${({size:e})=>"small"===e?"12px":"14px"};
|
|
568
751
|
line-height: ${({size:e})=>"small"===e?"16px":"20px"};
|
|
569
752
|
font-weight: 700;
|
|
570
753
|
color: ${d("error",500)};
|
|
571
|
-
`,
|
|
754
|
+
`,We=n(i.Tag.Root)`
|
|
572
755
|
max-width: 100%;
|
|
573
756
|
display: flex;
|
|
574
757
|
justify-content: center;
|
|
575
758
|
align-items: center;
|
|
576
|
-
gap: 8px;
|
|
577
759
|
padding: 4px 8px;
|
|
578
760
|
border-radius: 4px;
|
|
579
761
|
font-weight: 700;
|
|
@@ -587,16 +769,20 @@
|
|
|
587
769
|
svg {
|
|
588
770
|
width: 10px;
|
|
589
771
|
height: 10px;
|
|
772
|
+
margin-right: 4px;
|
|
590
773
|
}
|
|
591
774
|
|
|
592
|
-
button
|
|
593
|
-
|
|
594
|
-
|
|
775
|
+
button {
|
|
776
|
+
margin-left: 8px;
|
|
777
|
+
|
|
778
|
+
svg {
|
|
779
|
+
margin-right: 0px;
|
|
780
|
+
}
|
|
595
781
|
}
|
|
596
782
|
|
|
597
|
-
${({size:e})=>"small"===e?"\n height: 16px;\n border: none !important;\n font-size: 10px;\n line-height: 12px;\n\n svg {\n width: 8px;\n height: 8px;\n }\n\n button
|
|
783
|
+
${({size:e})=>"small"===e?"\n height: 16px;\n border: none !important;\n font-size: 10px;\n line-height: 12px;\n\n svg {\n width: 8px;\n height: 8px;\n margin-right: 4px;\n }\n\n button {\n margin-left: 6px;\n\n svg {\n margin-right: 0px;\n }\n }\n ":""}
|
|
598
784
|
|
|
599
|
-
${({size:e})=>"large"===e?"\n height: 32px;\n font-size: 16px;\n line-height: 24px;\n\n svg {\n width: 12px;\n height: 12px;\n }\n\n button
|
|
785
|
+
${({size:e})=>"large"===e?"\n height: 32px;\n font-size: 16px;\n line-height: 24px;\n\n svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n }\n\n button {\n margin-left: 12px;\n\n svg {\n margin-right: 0px;\n }\n }\n ":""}
|
|
600
786
|
|
|
601
787
|
.chakra-tag__startElement,
|
|
602
788
|
.chakra-tag__endElement,
|
|
@@ -619,25 +805,61 @@
|
|
|
619
805
|
background-color: ${d("neutral",300)};
|
|
620
806
|
color: ${d("neutral",600)};
|
|
621
807
|
}
|
|
622
|
-
`,
|
|
808
|
+
`,Ye=n(We)`
|
|
623
809
|
background-color: ${d("neutral",100)};
|
|
624
810
|
border: 1px solid ${d("neutral",300)};
|
|
625
|
-
`,
|
|
811
|
+
`,Ke=n(We)`
|
|
626
812
|
background-color: ${d("neutral",200)};
|
|
627
813
|
border: 1px solid ${d("neutral",400)};
|
|
628
|
-
`,
|
|
814
|
+
`,Qe=n(We)`
|
|
629
815
|
background-color: ${d("success",100)};
|
|
630
816
|
border: 1px solid ${d("success",200)};
|
|
631
817
|
color: ${d("success",500)};
|
|
632
|
-
`,
|
|
818
|
+
`,Je=n(We)`
|
|
633
819
|
background-color: ${d("warning",100)};
|
|
634
820
|
border: 1px solid ${d("warning",200)};
|
|
635
821
|
color: ${d("warning",500)};
|
|
636
|
-
`,
|
|
822
|
+
`,Xe=n(We)`
|
|
637
823
|
background-color: ${d("error",100)};
|
|
638
824
|
border: 1px solid ${d("error",200)};
|
|
639
825
|
color: ${d("error",500)};
|
|
640
|
-
|
|
826
|
+
`,el=({label:l,size:a="default",variant:n,disabled:r,icon:o,onClose:t,closable:s,...d})=>{let c=Ye;return"info-grey"===n?c=Ke:"success"===n?c=Qe:"warning"===n?c=Je:"error"===n&&(c=Xe),e.jsxs(c,{size:a,"data-disabled":r,...d,children:[o?e.jsx(i.Tag.StartElement,{"aria-label":`${l} tag icon`,children:o}):null,e.jsx(i.Tag.Label,{"aria-label":l,children:l}),s&&!r&&"small"!==a?e.jsx(i.Tag.EndElement,{children:e.jsx(i.Tag.CloseTrigger,{onClick:t,"aria-label":`${l} tag close button`,children:e.jsx(k,{})})}):null]})},ll=({placeholder:l,size:a,disabled:n})=>e.jsx(Te,{placeholder:l,children:l=>{const{label:r,caption:o}=l[0];return e.jsxs(i.HStack,{flexDirection:"column",alignItems:"flex-start",children:[e.jsx(Ne,{size:a,disabled:n,children:r}),o?e.jsx(Ge,{size:a,disabled:n,children:o}):null]})}}),al=({placeholder:l,removeItem:a,disabled:n})=>e.jsx(Te,{placeholder:l,children:l=>l.map((l=>e.jsx(i.HStack,{flexDirection:"row",alignItems:"flex-start",children:e.jsx(el,{label:l.label,variant:"info-grey",disabled:n,onClose:()=>a(l.value),closable:!0},l.value)})))}),il=({label:a,caption:n,placeholder:r,items:o,size:t="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}))(o),m=e=>{b(e),c&&c(e)};return e.jsxs(_e,{size:t,style:h.style,children:[x?e.jsx(Ee,{}):null,e.jsxs(Re,{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(He,{size:t,children:[s&&e.jsx("span",{children:"*"}),a]}),n?e.jsx(Pe,{size:t,disabled:d,children:n}):null,x&&e.jsx(Ue,{size:t,children:x}),e.jsx(qe,{size:t,isFilled:u.length>0,hasErrorMessage:!!x,multiple:p,children:p?e.jsx(al,{placeholder:r,disabled:d,removeItem:e=>{const l=u.filter((l=>l!==e));m(l)}}):e.jsx(ll,{placeholder:r,size:t,disabled:d})}),e.jsx(Ze,{children:g.items.map((l=>e.jsxs(Oe,{item:l,children:[e.jsxs(i.Box,{children:[e.jsx(Ne,{size:t,children:l.label}),e.jsx(Ge,{size:t,children:l.caption})]}),p?e.jsx(q,{checked:u.some((e=>e===l.value))}):null]},l.value)))})]})]})},nl=n.div``,rl=n.p`
|
|
827
|
+
font-size: ${({size:e})=>"small"===e?"14px":"16px"};
|
|
828
|
+
line-height: ${({size:e})=>"small"===e?"20px":"24px"};
|
|
829
|
+
font-weight: 400;
|
|
830
|
+
color: ${d("neutral",900)};
|
|
831
|
+
|
|
832
|
+
span {
|
|
833
|
+
color: ${d("error",500)};
|
|
834
|
+
margin-right: 3px;
|
|
835
|
+
}
|
|
836
|
+
`,ol=n.p`
|
|
837
|
+
font-size: ${({size:e})=>"small"===e?"12px":"14px"};
|
|
838
|
+
line-height: ${({size:e})=>"small"===e?"16px":"20px"};
|
|
839
|
+
font-weight: 400;
|
|
840
|
+
color: ${d("neutral",600)};
|
|
841
|
+
`,tl=n.div`
|
|
842
|
+
display: flex;
|
|
843
|
+
align-items: center;
|
|
844
|
+
gap: 12px;
|
|
845
|
+
|
|
846
|
+
.text-input-container {
|
|
847
|
+
width: 63px;
|
|
848
|
+
margin: 0px;
|
|
849
|
+
|
|
850
|
+
.chakra-input {
|
|
851
|
+
padding: 4px;
|
|
852
|
+
width: 63px;
|
|
853
|
+
}
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
.chakra-slider__root {
|
|
857
|
+
padding: 0 12px;
|
|
858
|
+
height: 30px;
|
|
859
|
+
margin-top: 18px;
|
|
860
|
+
width: 100%;
|
|
861
|
+
}
|
|
862
|
+
`,sl=n.div`
|
|
641
863
|
position: relative;
|
|
642
864
|
height: 100%;
|
|
643
865
|
width: 100%;
|
|
@@ -645,46 +867,44 @@
|
|
|
645
867
|
justify-content: flex-start;
|
|
646
868
|
align-items: flex-start;
|
|
647
869
|
gap: ${({size:e})=>"small"===e?"12px":"16px"};
|
|
648
|
-
margin-bottom:
|
|
649
|
-
`,
|
|
870
|
+
margin-bottom: 20px;
|
|
871
|
+
`,dl=n.div`
|
|
650
872
|
width: 3px;
|
|
651
873
|
height: 100%;
|
|
652
874
|
background-color: ${d("error",500)};
|
|
653
875
|
position: absolute;
|
|
654
876
|
top: 0;
|
|
655
877
|
left: 0;
|
|
656
|
-
`,
|
|
878
|
+
`,cl=n(i.Field.Label)`
|
|
657
879
|
color: ${({disabled:e})=>d("neutral",e?600:900)};
|
|
658
880
|
font-size: ${({size:e})=>"small"===e?"14px":"16px"};
|
|
659
881
|
font-weight: 400;
|
|
660
882
|
line-height: ${({size:e})=>"small"===e?"20px":"24px"};
|
|
661
883
|
margin-bottom: 2px;
|
|
662
884
|
|
|
885
|
+
span {
|
|
886
|
+
color: ${({disabled:e})=>d("neutral",e?600:700)};
|
|
887
|
+
}
|
|
888
|
+
|
|
663
889
|
.chakra-field__requiredIndicator {
|
|
664
890
|
color: ${({disabled:e})=>e?d("neutral",600):d("error",500)};
|
|
665
891
|
}
|
|
666
|
-
`,
|
|
892
|
+
`,xl=n(i.Field.HelperText)`
|
|
667
893
|
color: ${({disabled:e})=>d("neutral",e?500:600)};
|
|
668
894
|
font-size: ${({size:e})=>"small"===e?"12px":"14px"};
|
|
669
895
|
font-weight: 400;
|
|
670
896
|
line-height: ${({size:e})=>"small"===e?"16px":"20px"};
|
|
671
|
-
`,
|
|
672
|
-
color: ${d("neutral",600)};
|
|
673
|
-
font-size: 12px;
|
|
674
|
-
font-weight: 400;
|
|
675
|
-
line-height: 16px;
|
|
676
|
-
margin-top: 8px;
|
|
677
|
-
`,Be=n(i.Field.ErrorText)`
|
|
897
|
+
`,pl=n(i.Field.ErrorText)`
|
|
678
898
|
color: ${d("error",500)};
|
|
679
|
-
font-size: 14px;
|
|
899
|
+
font-size: ${({size:e})=>"small"===e?"12px":"14px"};
|
|
680
900
|
font-weight: 700;
|
|
681
|
-
line-height: 20px;
|
|
901
|
+
line-height: ${({size:e})=>"small"===e?"16px":"20px"};
|
|
682
902
|
margin-top: 2px;
|
|
683
|
-
`,
|
|
684
|
-
height:
|
|
903
|
+
`,hl=n(i.Input)`
|
|
904
|
+
height: ${({size:e})=>"small"===e?"28px":"40px"};
|
|
685
905
|
width: 100%;
|
|
686
906
|
border-radius: 4px;
|
|
687
|
-
padding: ${({size:e})=>"small"===e?"8px":"12px"};
|
|
907
|
+
padding: ${({size:e})=>"small"===e?"4px 8px":"12px"};
|
|
688
908
|
margin-top: 8px;
|
|
689
909
|
background-color: ${d("neutral",100)};
|
|
690
910
|
color: ${d("neutral",800)};
|
|
@@ -714,7 +934,7 @@
|
|
|
714
934
|
}
|
|
715
935
|
|
|
716
936
|
${({value:e,defaultValue:l})=>e||l?`\n border: 1px solid ${d("neutral",700)};\n `:""}
|
|
717
|
-
`,
|
|
937
|
+
`,ul=({label:a,caption:n,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(sl,{size:d,className:"text-input-container",children:[o?e.jsx(dl,{}):null,e.jsxs(i.Field.Root,{required:t,invalid:!!o,gap:"0",style:{marginLeft:o?"19px":"0px"},children:[a?e.jsxs(cl,{size:d,disabled:s,"aria-label":a,children:[e.jsx(i.Field.RequiredIndicator,{"aria-label":"required"}),a,t?"":e.jsx("span",{children:" (Optional)"})]}):null,n?e.jsx(xl,{size:d,disabled:s,"aria-label":n,children:n}):null,o?e.jsx(pl,{size:d,"aria-label":o,children:o}):null,e.jsx(hl,{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})]})]})},bl=({label:a,caption:i,size:n="default",sliderItem:r,required:o,onChange:t})=>{const[s,d]=l.useState(r.value||[]),c=(e,l)=>{const a=e.target.value,i=[...s];let n=a?parseInt(a,10):a;const o=r.min||0,t=r.max||100;n=Number.isNaN(n)?o:n,n=n<o?o:n,n=n>t?t:n,i[l]=n,d(i)},x=(e,l)=>{const a=e.target.value||"0",i=[...s];let n=parseInt(a,10);const o=r.min||0,c=r.max||100;if(n=Number.isNaN(n)?o:n,n=n<o?o:n,n=n>c?c:n,2===s?.length){n=Number.isNaN(n)?o:n;const e=s[0],a=s[1];0===l?(n=n<o?o:n,n=n>a?a:n):1===l&&(n=n<e?e:n,n=n>c?c:n)}i[l]=n,d(i),t&&t(i)};return e.jsxs(nl,{children:[e.jsxs(rl,{size:n,"aria-label":a,children:[o&&e.jsx("span",{children:"*"}),a]}),i?e.jsx(ol,{size:n,"aria-label":i,children:i}):null,e.jsxs(tl,{children:[r.step&&r.marks?e.jsx(il,{items:r.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"90px"},value:[`${s?.[0]}`],onChange:e=>{const l=e.map((e=>parseInt(e,10)));d(l),t&&t(l)}}):e.jsx(ul,{"aria-label":a,min:r.min,max:r.max,value:s?.[0],type:"number",onChange:e=>c(e,0),onBlur:e=>x(e,0),className:"opacity-control-text-input",onClick:e=>e.target.select()}),e.jsx(pe,{...r,value:s,onValueChangeEnd:e=>{d(e.value),t&&t(e.value)}}),2===s?.length?e.jsx(ul,{"aria-label":a,min:r.min,max:r.max,value:s?.[1],type:"number",onChange:e=>c(e,1),onBlur:e=>x(e,1),className:"opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},gl=n.div`
|
|
718
938
|
position: relative;
|
|
719
939
|
height: 100%;
|
|
720
940
|
width: 100%;
|
|
@@ -722,40 +942,50 @@
|
|
|
722
942
|
justify-content: flex-start;
|
|
723
943
|
align-items: flex-start;
|
|
724
944
|
gap: ${({size:e})=>"small"===e?"12px":"16px"};
|
|
725
|
-
margin-bottom:
|
|
726
|
-
`,
|
|
945
|
+
margin-bottom: 16px;
|
|
946
|
+
`,ml=n.div`
|
|
727
947
|
width: 3px;
|
|
728
948
|
height: 100%;
|
|
729
949
|
background-color: ${d("error",500)};
|
|
730
950
|
position: absolute;
|
|
731
951
|
top: 0;
|
|
732
952
|
left: 0;
|
|
733
|
-
`,
|
|
953
|
+
`,jl=n(i.Field.Label)`
|
|
734
954
|
color: ${({disabled:e})=>d("neutral",e?600:900)};
|
|
735
955
|
font-size: ${({size:e})=>"small"===e?"14px":"16px"};
|
|
736
956
|
font-weight: 400;
|
|
737
957
|
line-height: ${({size:e})=>"small"===e?"20px":"24px"};
|
|
738
958
|
margin-bottom: 2px;
|
|
739
959
|
|
|
960
|
+
span {
|
|
961
|
+
color: ${({disabled:e})=>d("neutral",e?600:700)};
|
|
962
|
+
}
|
|
963
|
+
|
|
740
964
|
.chakra-field__requiredIndicator {
|
|
741
965
|
color: ${({disabled:e})=>e?d("neutral",600):d("error",500)};
|
|
742
966
|
}
|
|
743
|
-
`,
|
|
967
|
+
`,vl=n(i.Field.HelperText)`
|
|
744
968
|
color: ${({disabled:e})=>d("neutral",e?500:600)};
|
|
745
969
|
font-size: ${({size:e})=>"small"===e?"12px":"14px"};
|
|
746
970
|
font-weight: 400;
|
|
747
971
|
line-height: ${({size:e})=>"small"===e?"16px":"20px"};
|
|
748
|
-
`,
|
|
972
|
+
`,fl=n(i.Field.HelperText)`
|
|
973
|
+
color: ${d("neutral",600)};
|
|
974
|
+
font-size: 12px;
|
|
975
|
+
font-weight: 400;
|
|
976
|
+
line-height: 16px;
|
|
977
|
+
margin-top: 8px;
|
|
978
|
+
`,Cl=n(i.Field.ErrorText)`
|
|
749
979
|
color: ${d("error",500)};
|
|
750
|
-
font-size:
|
|
980
|
+
font-size: 14px;
|
|
751
981
|
font-weight: 700;
|
|
752
|
-
line-height:
|
|
982
|
+
line-height: 20px;
|
|
753
983
|
margin-top: 2px;
|
|
754
|
-
`,
|
|
755
|
-
height:
|
|
984
|
+
`,yl=n(i.Textarea)`
|
|
985
|
+
height: 104px;
|
|
756
986
|
width: 100%;
|
|
757
987
|
border-radius: 4px;
|
|
758
|
-
padding: ${({size:e})=>"small"===e?"
|
|
988
|
+
padding: ${({size:e})=>"small"===e?"8px":"12px"};
|
|
759
989
|
margin-top: 8px;
|
|
760
990
|
background-color: ${d("neutral",100)};
|
|
761
991
|
color: ${d("neutral",800)};
|
|
@@ -785,9 +1015,9 @@
|
|
|
785
1015
|
}
|
|
786
1016
|
|
|
787
1017
|
${({value:e,defaultValue:l})=>e||l?`\n border: 1px solid ${d("neutral",700)};\n `:""}
|
|
788
|
-
|
|
1018
|
+
`,$l=({label:a,caption:n,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`)):p&&0===e&&y(`Min ${p} characters`),h&&e>0?(j(!1),f(e>h),y(`You have ${h-e} characters remaining`)):h&&0===e&&y(`Max ${h} characters`)}),[]);const $=!!o||m||v;return e.jsxs(gl,{size:d,children:[$?e.jsx(ml,{}):null,e.jsxs(i.Field.Root,{required:t,invalid:$,gap:"0",style:{marginLeft:$?"19px":"0px"},children:[a?e.jsxs(jl,{size:d,disabled:s,"aria-label":a,children:[e.jsx(i.Field.RequiredIndicator,{"aria-label":"required"}),a,t?"":e.jsx("span",{children:" (Optional)"})]}):null,n?e.jsx(vl,{size:d,disabled:s,"aria-label":n,children:n}):null,o?e.jsx(Cl,{"aria-label":o,children:o}):null,e.jsx(yl,{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(Cl,{style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",p-b.length," more characters"]}):null,v&&h?e.jsxs(Cl,{style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",b.length-h," characters too many"]}):null,!C||v||m?null:e.jsx(fl,{"aria-label":C,children:C})]})]})},wl=n.div`
|
|
789
1019
|
background-color: ${d("neutral",100)};
|
|
790
|
-
`,
|
|
1020
|
+
`,kl=n.span`
|
|
791
1021
|
font-size: 16px;
|
|
792
1022
|
font-weight: 700;
|
|
793
1023
|
line-height: 24px;
|
|
@@ -797,44 +1027,44 @@
|
|
|
797
1027
|
align-items: center;
|
|
798
1028
|
text-align: left;
|
|
799
1029
|
gap: 10px;
|
|
800
|
-
`,
|
|
1030
|
+
`,Ll=n.div`
|
|
801
1031
|
font-size: 12px;
|
|
802
1032
|
font-weight: 400;
|
|
803
1033
|
line-height: 16px;
|
|
804
1034
|
text-align: left;
|
|
805
1035
|
color: ${d("neutral",600)};
|
|
806
1036
|
margin-bottom: 8px;
|
|
807
|
-
`,
|
|
1037
|
+
`,zl=n.div`
|
|
808
1038
|
width: 268px;
|
|
809
1039
|
padding: 16px 0;
|
|
810
1040
|
border-bottom: 1px solid ${d("neutral",300)};
|
|
811
|
-
`,
|
|
1041
|
+
`,Il=n.div`
|
|
812
1042
|
display: flex;
|
|
813
1043
|
align-items: flex-start;
|
|
814
1044
|
justify-content: space-between;
|
|
815
|
-
`,
|
|
1045
|
+
`,Dl=n.div`
|
|
816
1046
|
display: flex;
|
|
817
1047
|
flex-direction: column;
|
|
818
|
-
`,
|
|
1048
|
+
`,Sl=n.p`
|
|
819
1049
|
font-size: 16px;
|
|
820
1050
|
font-weight: 400;
|
|
821
1051
|
line-height: 24px;
|
|
822
1052
|
text-align: left;
|
|
823
|
-
color: ${d("neutral",800)};
|
|
824
|
-
`,
|
|
1053
|
+
color: ${({disabled:e})=>d("neutral",e?500:800)};
|
|
1054
|
+
`,Al=n.p`
|
|
825
1055
|
font-size: 14px;
|
|
826
1056
|
font-weight: 400;
|
|
827
1057
|
line-height: 20px;
|
|
828
1058
|
text-align: left;
|
|
829
|
-
color: ${d("neutral",600)};
|
|
830
|
-
`,
|
|
1059
|
+
color: ${({disabled:e})=>d("neutral",e?500:600)};
|
|
1060
|
+
`,Bl=({name:l,label:a,caption:n,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(zl,{children:[p?e.jsxs(Il,{children:[e.jsxs(Dl,{children:[e.jsx(Sl,{"aria-label":a,"aria-disabled":s,disabled:s,children:a}),e.jsx(Al,{"aria-label":n,disabled:s,children:n})]}),e.jsx(be,{"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(ae,{value:l,disabled:s,fontSize:"16px",color:"var(--chakra-colors-neutral-800)",children:a}),e.jsx(Al,{style:{marginLeft:"28px"},children:n})]}),r?e.jsx(i.Box,{display:"flex",justifyContent:"flex-start",marginTop:"8px",marginLeft:p?0:"28px",children:e.jsx(b,{variant:"secondary",label:o,rightIcon:e.jsx($,{}),size:"small",onClick:d,disabled:s})}):null]})},Fl=({label:a,caption:n,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,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:r,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(kl,{children:[a,e.jsx(el,{label:`${p} Active`,size:"small",variant:p>0?"success":"info-grey"})]}),e.jsx(Ll,{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(ie,{name:a,defaultValue:c,customGap:"0px",onChange:(e,l)=>x(e,!!l,t,l),children:o.map((l=>e.jsx(Bl,{...l,onChange:(e,a)=>x(e,a,l.onChange)},l.label)))})})]})},Ml=({children:l,defaultValue:a,...n})=>e.jsx(wl,{style:{width:"300px"},children:e.jsx(i.Accordion.Root,{defaultValue:a,multiple:!0,...n,children:l})}),Tl=n.div`
|
|
831
1061
|
width: 100%;
|
|
832
1062
|
display: flex;
|
|
833
1063
|
align-items: center;
|
|
834
1064
|
height: 40px;
|
|
835
1065
|
|
|
836
1066
|
${({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 `}
|
|
837
|
-
`,
|
|
1067
|
+
`,Rl=n(i.Tabs.Trigger)`
|
|
838
1068
|
width: 99%;
|
|
839
1069
|
height: 40px;
|
|
840
1070
|
padding: 8px 16px;
|
|
@@ -850,7 +1080,7 @@
|
|
|
850
1080
|
&:focus-visible {
|
|
851
1081
|
box-shadow: none;
|
|
852
1082
|
}
|
|
853
|
-
`,
|
|
1083
|
+
`,Vl=n(Rl)`
|
|
854
1084
|
background-color: ${d("neutral",200)};
|
|
855
1085
|
color: ${d("neutral",600)};
|
|
856
1086
|
|
|
@@ -901,11 +1131,11 @@
|
|
|
901
1131
|
opacity: 1;
|
|
902
1132
|
}
|
|
903
1133
|
}
|
|
904
|
-
`,
|
|
1134
|
+
`,_l=n.div`
|
|
905
1135
|
width: 4px;
|
|
906
1136
|
height: 24px;
|
|
907
1137
|
background-color: ${d("neutral",400)};
|
|
908
|
-
`,
|
|
1138
|
+
`,El=n(Rl)`
|
|
909
1139
|
height: 32px;
|
|
910
1140
|
border-radius: 2px;
|
|
911
1141
|
background-color: ${d("neutral",200)};
|
|
@@ -972,30 +1202,30 @@
|
|
|
972
1202
|
opacity: 1;
|
|
973
1203
|
}
|
|
974
1204
|
}
|
|
975
|
-
`,
|
|
1205
|
+
`,Hl=(e,l)=>e.findIndex((e=>e.value===l)),Pl=e=>1===e?"none":2===e?"left":"right",ql=({variant:a="panel",defaultValue:n,tabs:r,onTabClick:o})=>{const[t,s]=l.useState(Hl(r,n)||0),d="view"===a,c=d?El:Vl;return e.jsx(Tl,{variant:a,children:e.jsx(i.Tabs.Root,{width:"full",defaultValue:n||r?.[0]?.value,onFocusChange:({focusedValue:e})=>{return s(Hl(r,l=e)),void(o&&o(l));var l},children:e.jsx(i.Tabs.List,{alignItems:"center",border:"none",children:r.map(((l,a)=>e.jsxs(e.Fragment,{children:[d&&1===a&&"left"===Pl(t)?e.jsx(_l,{}):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"===Pl(t)?e.jsx(_l,{}):null]})))})})})},Zl=n.div`
|
|
976
1206
|
width: 300px;
|
|
977
1207
|
background-color: ${d("neutral",100)};
|
|
978
|
-
`,
|
|
1208
|
+
`,Ol=n.aside`
|
|
979
1209
|
padding: 16px 16px 20px 16px;
|
|
980
1210
|
border-bottom: 1px solid ${d("neutral",300)};
|
|
981
|
-
`,
|
|
1211
|
+
`,Nl=n.h2`
|
|
982
1212
|
color: ${d("neutral",700)};
|
|
983
1213
|
font-weight: 700;
|
|
984
1214
|
font-size: 20px;
|
|
985
1215
|
line-height: 28px;
|
|
986
1216
|
text-align: left;
|
|
987
|
-
`,
|
|
1217
|
+
`,Gl=n.p`
|
|
988
1218
|
color: ${d("neutral",600)};
|
|
989
1219
|
font-weight: 400;
|
|
990
1220
|
font-size: 14px;
|
|
991
1221
|
line-height: 20px;
|
|
992
1222
|
text-align: left;
|
|
993
|
-
`,
|
|
1223
|
+
`,Ul=({title:l,description:a,tabBarVariant:i="panel",buttonTabs:n,defaultValue:r,onTabClick:o,children:t})=>e.jsxs(Zl,{children:[e.jsxs(Ol,{role:"complementary",children:[e.jsx(Nl,{"aria-label":l,children:l}),e.jsx(Gl,{"aria-label":a,children:a})]}),n&&n.length>0?e.jsx(ql,{variant:i,defaultValue:r,tabs:n,onTabClick:o}):null,t]}),Wl=n(i.Accordion.Item)`
|
|
994
1224
|
margin-bottom: 16px;
|
|
995
1225
|
border: 1px solid ${d("neutral",300)};
|
|
996
1226
|
border-radius: 4px;
|
|
997
1227
|
box-shadow: 0px 1px 2px 0px #0000000d;
|
|
998
|
-
`,
|
|
1228
|
+
`,Yl=n(i.Accordion.ItemTrigger)`
|
|
999
1229
|
padding: 6px 8px;
|
|
1000
1230
|
align-items: center;
|
|
1001
1231
|
background-color: ${d("neutral",100)};
|
|
@@ -1010,12 +1240,12 @@
|
|
|
1010
1240
|
height: 10px;
|
|
1011
1241
|
width: 10px;
|
|
1012
1242
|
}
|
|
1013
|
-
`,
|
|
1243
|
+
`,Kl=n.p`
|
|
1014
1244
|
font-size: 12px;
|
|
1015
1245
|
font-weight: 700;
|
|
1016
1246
|
line-height: 16px;
|
|
1017
1247
|
color: ${d("neutral",700)};
|
|
1018
|
-
`,
|
|
1248
|
+
`,Ql=n(i.Accordion.ItemContent)`
|
|
1019
1249
|
padding: 12px 8px;
|
|
1020
1250
|
display: flex;
|
|
1021
1251
|
flex-direction: column;
|
|
@@ -1031,13 +1261,13 @@
|
|
|
1031
1261
|
margin-bottom: 0px;
|
|
1032
1262
|
}
|
|
1033
1263
|
}
|
|
1034
|
-
`,
|
|
1264
|
+
`,Jl=({label:a,children:n,openedByDefault:r})=>e.jsx("div",{children:e.jsx(i.Accordion.Root,{defaultValue:r?[a]:[],multiple:!0,children:e.jsxs(Wl,{value:a,children:[e.jsxs(Yl,{children:[e.jsx(i.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:e.jsx(Kl,{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(Ql,{children:l.Children.map(n,(l=>e.jsx("div",{className:"layer-parameters-item-child",children:l})))})]})})}),Xl=n.div`
|
|
1035
1265
|
padding: 12px;
|
|
1036
1266
|
padding-bottom: 20px;
|
|
1037
1267
|
display: flex;
|
|
1038
1268
|
gap: 12px;
|
|
1039
1269
|
border-bottom: 1px solid ${d("neutral",300)};
|
|
1040
|
-
`,
|
|
1270
|
+
`,ea=n.div`
|
|
1041
1271
|
display: flex;
|
|
1042
1272
|
flex-direction: column;
|
|
1043
1273
|
|
|
@@ -1046,54 +1276,55 @@
|
|
|
1046
1276
|
fill: ${d("neutral",500)} !important;
|
|
1047
1277
|
}
|
|
1048
1278
|
}
|
|
1049
|
-
`,
|
|
1279
|
+
`,la=n.div`
|
|
1050
1280
|
display: flex;
|
|
1051
1281
|
align-items: flex-start;
|
|
1052
1282
|
justify-content: space-between;
|
|
1053
1283
|
gap: 12px;
|
|
1054
1284
|
margin-bottom: 16px;
|
|
1055
|
-
`,
|
|
1285
|
+
`,aa=n.h3`
|
|
1056
1286
|
font-size: 16px;
|
|
1057
1287
|
line-height: 24px;
|
|
1058
1288
|
font-weight: 400;
|
|
1059
1289
|
text-align: left;
|
|
1060
1290
|
color: ${d("neutral",800)};
|
|
1061
|
-
`,
|
|
1291
|
+
`,ia=n.p`
|
|
1062
1292
|
font-size: 14px;
|
|
1063
1293
|
line-height: 20px;
|
|
1064
1294
|
font-weight: 400;
|
|
1065
1295
|
text-align: left;
|
|
1066
1296
|
color: ${d("neutral",600)};
|
|
1067
|
-
`,
|
|
1297
|
+
`,na=n.div`
|
|
1068
1298
|
display: flex;
|
|
1069
1299
|
justify-content: space-between;
|
|
1070
1300
|
|
|
1071
1301
|
button {
|
|
1072
1302
|
width: 110px;
|
|
1073
1303
|
}
|
|
1074
|
-
|
|
1304
|
+
`,ra=n(i.Popover.Content)`
|
|
1075
1305
|
width: 234px;
|
|
1076
1306
|
border: 1px solid ${d("neutral",600)};
|
|
1077
1307
|
border-radius: 4px;
|
|
1078
|
-
`,
|
|
1308
|
+
`,oa=n(i.Popover.Body)`
|
|
1079
1309
|
padding: 12px;
|
|
1080
|
-
`,
|
|
1310
|
+
`,ta=n.p`
|
|
1081
1311
|
font-size: 14px;
|
|
1082
1312
|
line-height: 20px;
|
|
1083
1313
|
font-weight: 400;
|
|
1084
1314
|
text-align: left;
|
|
1085
1315
|
color: ${d("neutral",900)};
|
|
1086
|
-
`,
|
|
1316
|
+
`,sa=n.div`
|
|
1087
1317
|
display: flex;
|
|
1088
1318
|
align-items: center;
|
|
1089
1319
|
gap: 12px;
|
|
1090
1320
|
|
|
1091
1321
|
.text-input-container {
|
|
1092
|
-
width:
|
|
1322
|
+
width: 48px;
|
|
1093
1323
|
margin: 0px;
|
|
1094
1324
|
|
|
1095
1325
|
.chakra-input {
|
|
1096
1326
|
padding: 4px;
|
|
1327
|
+
width: 48px;
|
|
1097
1328
|
}
|
|
1098
1329
|
}
|
|
1099
1330
|
|
|
@@ -1103,23 +1334,23 @@
|
|
|
1103
1334
|
margin-top: 18px;
|
|
1104
1335
|
width: 100%;
|
|
1105
1336
|
}
|
|
1106
|
-
`,
|
|
1337
|
+
`,da=({defaultValue:a,onOpacityChanged:n})=>{const[r,o]=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(ra,{children:e.jsxs(oa,{children:[e.jsx(ta,{children:"Opacity"}),e.jsxs(sa,{children:[e.jsxs("div",{style:{position:"relative"},children:[e.jsx(ul,{"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),n&&n(a)},className:"opacity-control-text-input",onClick:e=>e.target.select()}),e.jsx("p",{style:{position:"absolute",top:"18.5px",right:"5px"},children:"%"})]}),e.jsx(pe,{min:0,max:100,value:[r],onValueChangeEnd:({value:e})=>{o(e[0]),n&&n(e[0])}})]})]})})})]})},ca=({layerName:l,dataUnit:a,onDrag:i,onUpClick:n,onDownClick:r,onRemoveClick:o,children:t,onInfoClick:s,onOpacityChanged:d})=>e.jsxs(Xl,{children:[e.jsxs(ea,{children:[e.jsx(m,{icon:e.jsx(D,{}),"aria-label":"Drag and drop","aria-hidden":!0,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:r})]})]}),e.jsxs("div",{children:[e.jsxs(la,{children:[e.jsxs("div",{children:[e.jsx(aa,{children:l}),e.jsx(ia,{children:a})]}),e.jsx(b,{label:"Remove",size:"small",variant:"secondary",rightIcon:e.jsx(k,{}),onClick:o})]}),t,e.jsxs(na,{children:[e.jsx(b,{label:"About data",size:"small",variant:"secondary",leftIcon:e.jsx($,{}),onClick:s}),e.jsx(da,{defaultValue:80,onOpacityChanged:d})]})]})]}),xa=n.div`
|
|
1107
1338
|
width: 290px;
|
|
1108
1339
|
box-shadow: 0px 2px 4px -2px #0000001a;
|
|
1109
1340
|
box-shadow: 0px 4px 6px -1px #0000001a;
|
|
1110
|
-
`,
|
|
1341
|
+
`,pa=(e,l,a)=>{const i=Array.from(e),[n]=i.splice(l,1);return i.splice(a,0,n),i},ha=({legendContent:a,analysisContent:i,onTabClick:n})=>{const[r,o]=l.useState("legend-tab"),[t,s]=l.useState(a);return e.jsxs(xa,{children:[e.jsx(ql,{tabs:[{label:"Legend",value:"legend-tab",icon:e.jsx(S,{})},{label:"Analysis",value:"analysis-tab",icon:e.jsx(A,{})}],onTabClick:e=>{o(e),n&&n(e)}}),"legend-tab"===r?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:l.Children.map(t,((e,a)=>l.cloneElement(e,{onUpClick:()=>{const e=pa(t,a,a-1);s(e)},onDownClick:()=>{const e=pa(t,a,a+1);s(e)}})))}):null,"analysis-tab"===r?e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:i}):null]})},ua=n.div`
|
|
1111
1342
|
width: 20px;
|
|
1112
1343
|
height: 20px;
|
|
1113
1344
|
border-radius: 50%;
|
|
1114
1345
|
background-color: ${({color:e})=>e};
|
|
1115
1346
|
border: 1px solid ${d("neutral",400)};
|
|
1116
|
-
`,
|
|
1347
|
+
`,ba=n.div`
|
|
1117
1348
|
width: 20px;
|
|
1118
1349
|
height: 8px;
|
|
1119
1350
|
border-radius: 2px;
|
|
1120
1351
|
background-color: ${({color:e})=>e};
|
|
1121
1352
|
border: 1px solid ${d("neutral",400)};
|
|
1122
|
-
`,
|
|
1353
|
+
`,ga=n.div`
|
|
1123
1354
|
width: 20px;
|
|
1124
1355
|
height: 20px;
|
|
1125
1356
|
border-radius: 50%;
|
|
@@ -1132,27 +1363,27 @@
|
|
|
1132
1363
|
width: 10px;
|
|
1133
1364
|
height: 10px;
|
|
1134
1365
|
}
|
|
1135
|
-
`,
|
|
1366
|
+
`,ma=n.div`
|
|
1136
1367
|
min-height: 36px;
|
|
1137
1368
|
width: 100%;
|
|
1138
1369
|
display: flex;
|
|
1139
1370
|
justify-content: space-between;
|
|
1140
1371
|
gap: 8px;
|
|
1141
1372
|
margin-bottom: 16px;
|
|
1142
|
-
`,
|
|
1373
|
+
`,ja=n.div`
|
|
1143
1374
|
display: flex;
|
|
1144
1375
|
gap: 8px;
|
|
1145
|
-
`,
|
|
1376
|
+
`,va=n.p`
|
|
1146
1377
|
font-size: 14px;
|
|
1147
1378
|
line-height: 20px;
|
|
1148
1379
|
font-weight: 400;
|
|
1149
1380
|
color: ${d("neutral",800)};
|
|
1150
|
-
`,
|
|
1381
|
+
`,fa=n.p`
|
|
1151
1382
|
font-size: 12px;
|
|
1152
1383
|
line-height: 16px;
|
|
1153
1384
|
font-weight: 400;
|
|
1154
1385
|
color: ${d("neutral",700)};
|
|
1155
|
-
`,
|
|
1386
|
+
`,Ca=n.div`
|
|
1156
1387
|
button {
|
|
1157
1388
|
height: 25px;
|
|
1158
1389
|
font-size: 12px;
|
|
@@ -1161,19 +1392,19 @@
|
|
|
1161
1392
|
color: ${d("neutral",600)};
|
|
1162
1393
|
padding: 0 10px;
|
|
1163
1394
|
}
|
|
1164
|
-
`,
|
|
1395
|
+
`,ya=({type:a,label:i,caption:n,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(ma,{children:[e.jsxs(ja,{children:[e.jsxs("div",{children:[x&&e.jsx(ua,{color:r}),p&&e.jsx(ba,{color:r}),h&&e.jsx(ga,{color:r,children:s})]}),e.jsxs("div",{children:[e.jsx(va,{"aria-label":i,children:i}),e.jsx(fa,{"aria-label":n,children:n})]})]}),o&&t?e.jsx(Ca,{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),o&&o()}})}):null]})},$a=n.div`
|
|
1165
1396
|
width: 100%;
|
|
1166
1397
|
display: flex;
|
|
1167
1398
|
flex-direction: column;
|
|
1168
1399
|
margin-bottom: 16px;
|
|
1169
|
-
`,
|
|
1400
|
+
`,wa=n.div`
|
|
1170
1401
|
height: 20px;
|
|
1171
1402
|
width: 100%;
|
|
1172
1403
|
margin-bottom: 8px;
|
|
1173
1404
|
border: 1px solid ${d("neutral",300)};
|
|
1174
1405
|
border-radius: 4px;
|
|
1175
1406
|
${({gradient:e})=>e?`background: ${e};`:""}
|
|
1176
|
-
`,
|
|
1407
|
+
`,ka=n.div`
|
|
1177
1408
|
height: 20px;
|
|
1178
1409
|
width: 100%;
|
|
1179
1410
|
margin-bottom: 8px;
|
|
@@ -1191,24 +1422,24 @@
|
|
|
1191
1422
|
border-top-right-radius: 3px;
|
|
1192
1423
|
border-bottom-right-radius: 3px;
|
|
1193
1424
|
}
|
|
1194
|
-
`,
|
|
1425
|
+
`,La=n.div`
|
|
1195
1426
|
display: flex;
|
|
1196
1427
|
justify-content: space-between;
|
|
1197
1428
|
align-items: flex-start;
|
|
1198
|
-
`,
|
|
1429
|
+
`,za=n.p`
|
|
1199
1430
|
width: 100%;
|
|
1200
1431
|
font-size: 12px;
|
|
1201
1432
|
line-height: 16px;
|
|
1202
1433
|
font-weight: 400;
|
|
1203
1434
|
color: ${d("neutral",800)};
|
|
1204
1435
|
text-align: center;
|
|
1205
|
-
`,
|
|
1436
|
+
`,Ia=n.p`
|
|
1206
1437
|
font-size: 12px;
|
|
1207
1438
|
line-height: 16px;
|
|
1208
1439
|
font-weight: 400;
|
|
1209
1440
|
color: ${d("neutral",600)};
|
|
1210
1441
|
text-align: center;
|
|
1211
|
-
`,
|
|
1442
|
+
`,Da=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(", ")})`},Sa=({colors:l,values:a,subLabels:i,isGradient:n})=>e.jsxs($a,{children:[n?e.jsx(wa,{gradient:Da(l)}):e.jsx(ka,{children:l?.map(((l,i)=>e.jsx("div",{style:{backgroundColor:l,width:"100%",height:"100%"}},`${l}-${a?.[i]}`)))}),e.jsx(La,{children:a?.map((l=>e.jsx("div",{style:{width:n?"auto":`calc(100% / ${a.length})`,display:"flex",justifyContent:"center"},children:e.jsx(za,{children:l},l)})))}),i&&i.length?e.jsx(La,{children:i.map((l=>e.jsx("div",{style:{width:n?"auto":`calc(100% / ${a.length})`,display:"flex",justifyContent:"center"},children:e.jsx(Ia,{style:{width:"100%"},children:l},l)})))}):null]}),Aa=n.div`
|
|
1212
1443
|
width: 64px;
|
|
1213
1444
|
height: 100vh;
|
|
1214
1445
|
z-index: 100;
|
|
@@ -1220,7 +1451,7 @@
|
|
|
1220
1451
|
display: flex;
|
|
1221
1452
|
flex-direction: column;
|
|
1222
1453
|
justify-content: space-between;
|
|
1223
|
-
`,
|
|
1454
|
+
`,Ba=n(i.Tabs.Trigger)`
|
|
1224
1455
|
width: 64px;
|
|
1225
1456
|
height: 64px;
|
|
1226
1457
|
background-color: ${d("neutral",200)};
|
|
@@ -1310,7 +1541,7 @@
|
|
|
1310
1541
|
}
|
|
1311
1542
|
}
|
|
1312
1543
|
}
|
|
1313
|
-
`,
|
|
1544
|
+
`,Fa=n.div`
|
|
1314
1545
|
display: flex;
|
|
1315
1546
|
justify-content: center;
|
|
1316
1547
|
align-items: center;
|
|
@@ -1323,7 +1554,7 @@
|
|
|
1323
1554
|
fill: ${d("neutral",600)};
|
|
1324
1555
|
}
|
|
1325
1556
|
}
|
|
1326
|
-
`,
|
|
1557
|
+
`,Ma=n(i.Collapsible.Trigger)`
|
|
1327
1558
|
width: 64px;
|
|
1328
1559
|
height: 64px;
|
|
1329
1560
|
background-color: ${d("neutral",200)};
|
|
@@ -1361,7 +1592,7 @@
|
|
|
1361
1592
|
text-align: center;
|
|
1362
1593
|
color: ${d("neutral",600)};
|
|
1363
1594
|
}
|
|
1364
|
-
`,
|
|
1595
|
+
`,Ta=n.div`
|
|
1365
1596
|
width: 300px;
|
|
1366
1597
|
height: 100vh;
|
|
1367
1598
|
z-index: 100;
|
|
@@ -1372,7 +1603,7 @@
|
|
|
1372
1603
|
background-color: ${d("neutral",100)};
|
|
1373
1604
|
overflow-y: auto;
|
|
1374
1605
|
overflow-x: hidden;
|
|
1375
|
-
`,
|
|
1606
|
+
`,Ra=({tabs:a=[],defaultValue:n,onTabClick:r,children:o,onOpenChange:t})=>{const[s,d]=l.useState(!1),[c,x]=l.useState(n||a?.[0]?.value);return e.jsxs(e.Fragment,{children:[e.jsxs(Aa,{children:[e.jsx(i.Tabs.Root,{defaultValue:n||a?.[0]?.value,orientation:"horizontal",width:"full",onFocusChange:({focusedValue:e})=>{return x(l=e),void(r&&r(l));var l},role:"tablist",children:e.jsx(i.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:a.map((l=>e.jsx(Ba,{"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(Fa,{children:l.icon}):null,e.jsx("p",{children:l.label})]})},l.label)))})}),o?e.jsx(i.Collapsible.Root,{onOpenChange:({open:e})=>{d(e),t&&t(!e)},children:e.jsxs(Ma,{children:[e.jsx(Fa,{children:s?e.jsx(f,{}):e.jsx(v,{})}),e.jsxs("div",{className:"tab-label",children:[e.jsx("p",{children:s?"Show":"Hide"}),e.jsx("p",{children:"Sidebar"})]})]})}):null]}),o?e.jsx(i.Collapsible.Root,{defaultOpen:!0,open:!s,children:e.jsx(i.Collapsible.Content,{children:e.jsx(Ta,{role:"tabpanel","aria-labelledby":c,children:o})})}):null]})},Va=n.div`
|
|
1376
1607
|
width: 100%;
|
|
1377
1608
|
min-width: ${({size:e})=>"small"===e?"234px":"366px"};
|
|
1378
1609
|
border-radius: 4px;
|
|
@@ -1387,7 +1618,7 @@
|
|
|
1387
1618
|
button {
|
|
1388
1619
|
margin-left: ${({isButtonRight:e})=>e?0:"24px"};
|
|
1389
1620
|
}
|
|
1390
|
-
`,
|
|
1621
|
+
`,_a=n.div`
|
|
1391
1622
|
display: flex;
|
|
1392
1623
|
align-items: flex-start;
|
|
1393
1624
|
gap: 8px;
|
|
@@ -1395,26 +1626,26 @@
|
|
|
1395
1626
|
svg {
|
|
1396
1627
|
margin-top: 6px;
|
|
1397
1628
|
}
|
|
1398
|
-
`,
|
|
1629
|
+
`,Ea=n.p`
|
|
1399
1630
|
color: ${d("neutral",800)};
|
|
1400
1631
|
font-size: ${({size:e})=>"small"===e?"14px":"18px"};
|
|
1401
1632
|
line-height: ${({size:e})=>"small"===e?"20px":"28px"};
|
|
1402
1633
|
font-weight: 400;
|
|
1403
|
-
`,
|
|
1634
|
+
`,Ha=n.p`
|
|
1404
1635
|
color: ${d("neutral",700)};
|
|
1405
1636
|
font-size: ${({size:e})=>"small"===e?"12px":"16px"};
|
|
1406
1637
|
line-height: ${({size:e})=>"small"===e?"16px":"24px"};
|
|
1407
1638
|
font-weight: 400;
|
|
1408
1639
|
margin-left: 24px;
|
|
1409
|
-
`,
|
|
1640
|
+
`,Pa=n(Va)`
|
|
1410
1641
|
background-color: ${d("neutral",100)};
|
|
1411
1642
|
border: 1px solid ${d("neutral",300)};
|
|
1412
1643
|
color: ${d("neutral",700)};
|
|
1413
|
-
`,
|
|
1644
|
+
`,qa=n(Va)`
|
|
1414
1645
|
background-color: ${d("neutral",200)};
|
|
1415
1646
|
border: 1px solid ${d("neutral",300)};
|
|
1416
1647
|
color: ${d("neutral",700)};
|
|
1417
|
-
`,
|
|
1648
|
+
`,Za=n(Va)`
|
|
1418
1649
|
background-color: ${d("success",100)};
|
|
1419
1650
|
border: 1px solid ${d("success",500)};
|
|
1420
1651
|
color: ${d("success",500)};
|
|
@@ -1422,7 +1653,7 @@
|
|
|
1422
1653
|
p {
|
|
1423
1654
|
color: ${d("success",500)};
|
|
1424
1655
|
}
|
|
1425
|
-
`,
|
|
1656
|
+
`,Oa=n(Va)`
|
|
1426
1657
|
background-color: ${d("warning",100)};
|
|
1427
1658
|
border: 1px solid ${d("warning",500)};
|
|
1428
1659
|
color: ${d("warning",500)};
|
|
@@ -1430,7 +1661,7 @@
|
|
|
1430
1661
|
p {
|
|
1431
1662
|
color: ${d("warning",500)};
|
|
1432
1663
|
}
|
|
1433
|
-
`,
|
|
1664
|
+
`,Na=n(Va)`
|
|
1434
1665
|
background-color: ${d("error",100)};
|
|
1435
1666
|
border: 1px solid ${d("error",500)};
|
|
1436
1667
|
color: ${d("error",500)};
|
|
@@ -1438,5 +1669,62 @@
|
|
|
1438
1669
|
p {
|
|
1439
1670
|
color: ${d("error",500)};
|
|
1440
1671
|
}
|
|
1441
|
-
`,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;
|
|
1672
|
+
`,Ga=({label:l,caption:a,variant:i,size:n="large",icon:r=e.jsx($,{height:"16px",width:"16px"}),onActionClick:o,actionLabel:t,isButtonRight:s})=>{let d=Pa;return"info-grey"===i?d=qa:"success"===i?d=Za:"warning"===i?d=Oa:"error"===i&&(d=Na),e.jsxs(d,{isButtonRight:s,size:n,"aria-roledescription":"Note",children:[e.jsxs("div",{children:[e.jsxs(_a,{children:[r,e.jsx(Ea,{size:n,children:l})]}),e.jsx(Ha,{size:n,children:a})]}),t?e.jsx(b,{label:t,variant:"info-white"===i||"info-grey"===i?"primary":"secondary",size:"large"===n?"default":"small",onClick:o}):null]})},Ua=n(i.Toast.Root)`
|
|
1673
|
+
justify-content: space-between;
|
|
1674
|
+
align-items: center;
|
|
1675
|
+
gap: 8px;
|
|
1676
|
+
border-radius: 8px;
|
|
1677
|
+
padding: 8px 12px;
|
|
1678
|
+
background-color: ${d("neutral",100)};
|
|
1679
|
+
border: 1px solid ${d("neutral",300)};
|
|
1680
|
+
box-shadow: 0px 4px 6px -4px #0000001a;
|
|
1681
|
+
box-shadow: 0px 10px 15px -3px #0000001a;
|
|
1682
|
+
|
|
1683
|
+
.icon-container svg {
|
|
1684
|
+
width: 20px;
|
|
1685
|
+
height: 20px;
|
|
1686
|
+
margin-top: 3px;
|
|
1687
|
+
}
|
|
1688
|
+
|
|
1689
|
+
&[data-type='success'] {
|
|
1690
|
+
background-color: ${d("success",100)};
|
|
1691
|
+
border: 1px solid ${d("success",500)};
|
|
1692
|
+
|
|
1693
|
+
.chakra-toast__title {
|
|
1694
|
+
color: ${d("success",500)};
|
|
1695
|
+
}
|
|
1696
|
+
}
|
|
1697
|
+
|
|
1698
|
+
&[data-type='warning'] {
|
|
1699
|
+
background-color: ${d("warning",100)};
|
|
1700
|
+
border: 1px solid ${d("warning",500)};
|
|
1701
|
+
|
|
1702
|
+
.chakra-toast__title {
|
|
1703
|
+
color: ${d("warning",500)};
|
|
1704
|
+
}
|
|
1705
|
+
}
|
|
1706
|
+
|
|
1707
|
+
&[data-type='error'] {
|
|
1708
|
+
background-color: ${d("error",100)};
|
|
1709
|
+
border: 1px solid ${d("error",500)};
|
|
1710
|
+
|
|
1711
|
+
.chakra-toast__title {
|
|
1712
|
+
color: ${d("error",500)};
|
|
1713
|
+
}
|
|
1714
|
+
}
|
|
1715
|
+
`,Wa=n(i.Toast.Title)`
|
|
1716
|
+
font-size: 18px;
|
|
1717
|
+
line-height: 28px;
|
|
1718
|
+
font-weight: 400;
|
|
1719
|
+
color: ${d("neutral",800)};
|
|
1720
|
+
`,Ya=n(i.Toast.Title)`
|
|
1721
|
+
font-size: 16px;
|
|
1722
|
+
line-height: 24px;
|
|
1723
|
+
font-weight: 400;
|
|
1724
|
+
color: ${d("neutral",700)};
|
|
1725
|
+
`,Ka=n(b)`
|
|
1726
|
+
padding: 6px;
|
|
1727
|
+
`,Qa=n(b)`
|
|
1728
|
+
padding: 6px;
|
|
1729
|
+
`,Ja={pauseOnPageIdle:!0,offsets:"24px"},Xa={"top-start":i.createToaster({placement:"top-start",...Ja}),"top-end":i.createToaster({placement:"top-end",...Ja}),"bottom-start":i.createToaster({placement:"bottom-start",...Ja}),"bottom-end":i.createToaster({placement:"bottom-end",...Ja})},ei=e=>{Xa[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})},li=()=>Object.keys(Xa).map((l=>e.jsx(i.Portal,{children:e.jsx(i.Toaster,{toaster:Xa[l],insetInline:{mdDown:"4"},children:a=>e.jsxs(Ua,{width:{md:"sm"},children:[e.jsxs(i.Stack,{flexDirection:"row",className:"icon-container",children:["info"===a.type?a.meta?.icon?a.meta.icon:e.jsx($,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===a.type?e.jsx(i.Spinner,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===a.type?a.meta?.icon?a.meta.icon:e.jsx(B,{color:"var(--chakra-colors-success-500)"}):null,"warning"===a.type?a.meta?.icon?a.meta.icon:e.jsx(F,{color:"var(--chakra-colors-warning-500)"}):null,"error"===a.type?a.meta?.icon?a.meta.icon:e.jsx(M,{color:"var(--chakra-colors-error-500)"}):null,e.jsxs(i.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[e.jsx(Wa,{"aria-label":`${a.title}`,children:a.title}),a.description?e.jsx(Ya,{"aria-label":`${a.description}`,children:a.description}):null]})]}),a.action||a.meta?.closable?e.jsxs(i.Stack,{flexDirection:"row",children:[a.action?e.jsx(Ka,{label:a.action.label,size:"small",variant:"info"===a.type?"primary":"secondary",onClick:()=>{a?.action?.onClick&&a.action.onClick(),Xa[l].dismiss()}}):null,a.meta?.closable?e.jsx(Qa,{label:a.meta.closableLabel,"aria-label":a.meta?.closableLabel||"Dismiss",leftIcon:e.jsx(k,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>Xa[l].dismiss()}):null]}):null]})})},l))),ai=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsx(be,{name:"switch",defaultChecked:!0,onChange:console.log,children:"defaultChecked"}),e.jsx(be,{name:"switch 2",isLabelOnLeft:!0,children:"isLabelOnLeft"}),e.jsx(be,{name:"switch 3",children:"Normal Label Positon"}),e.jsx(be,{name:"switch 4",disabled:!0,children:"disabled"}),e.jsx(be,{name:"switch 4",disabled:!0,checked:!0,children:"disabled cheked"})]}),ii=()=>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"})]})]}),ni=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsxs(ie,{name:"radio-group-1",defaultValue:"1",onChange:(e,l)=>console.log(e,l),children:[e.jsx(ae,{value:"1",children:"One"}),e.jsx(ae,{value:"2",children:"Two"}),e.jsx(ae,{value:"3",children:"Three"})]}),e.jsxs(ie,{name:"radio-group-2",defaultValue:"5",horizontal:!0,children:[e.jsx(ae,{value:"4",children:"Four"}),e.jsx(ae,{value:"5",disabled:!0,children:"Five"}),e.jsx(ae,{value:"6",children:"Six"})]})]}),ri=()=>e.jsxs("div",{style:{width:"300px"},children:[e.jsx(ql,{variant:"panel",tabs:[{label:"One",value:"one"},{label:"Two",value:"two"},{label:"Three",value:"three"}],onTabClick:console.log}),e.jsx("br",{}),e.jsx(ql,{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(ql,{variant:"panel",defaultValue:"two",tabs:[{label:"One",value:"one"},{label:"Two",value:"two",disabled:!0},{label:"Three",value:"three"}]}),e.jsx("br",{}),e.jsx(ql,{variant:"view",defaultValue:"two",tabs:[{label:"One",value:"one"},{label:"Two",value:"two"},{label:"Three",value:"three"}]})]}),oi=[{label:"Monday",checked:!1,value:"monday"},{label:"Tuesday",checked:!1,value:"tuesday"},{label:"Wednesday",checked:!1,value:"wednesday"},{label:"Thursday",checked:!1,value:"thursday"}],ti=()=>{const[a,n]=l.useState(oi),r=a.every((e=>e.checked)),o=a.some((e=>e.checked))&&!r,t=a.map(((l,a)=>e.jsx(q,{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(q,{name:"Checkbox",value:"1",defaultChecked:!0,children:"Checkbox"}),e.jsx(q,{name:"Checkbox",value:"1",checked:!0,disabled:!0,children:"Checkbox"}),e.jsx(q,{name:"Checkbox",value:"1",disabled:!0,children:"Checkbox"})]}),e.jsxs(i.Stack,{align:"flex-start",children:[e.jsx(q,{checked:r,indeterminate:o,onCheckedChange:e=>{n((l=>l.map((l=>({...l,checked:!!e.checked})))))},children:"Weekdays"}),t]})]})},si=()=>e.jsxs(Ml,{defaultValue:["1"],children:[e.jsx(Fl,{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(Fl,{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"}]})]}),di=()=>e.jsxs(Ml,{defaultValue:["3"],children:[e.jsx(Fl,{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(Fl,{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"}]})]}),ci=()=>e.jsxs(Ml,{defaultValue:["5"],children:[e.jsx(Fl,{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(Fl,{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"}]})]}),xi="label-1",pi=()=>{const[a,i]=l.useState(xi);return e.jsxs(Ul,{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:xi,onTabClick:i,children:["label-1"===a?e.jsx(si,{}):null,"label-2"===a?e.jsx(di,{}):null,"label-3"===a?e.jsx(ci,{}):null]})},hi="label-1",ui=()=>{const[a,i]=l.useState(hi);return e.jsxs(Ra,{defaultValue:hi,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(pi,{}):null,"label-2"===a?e.jsx("div",{children:"content 2"}):null,"label-3"===a?e.jsx("div",{children:"content 3"}):null]})},bi=()=>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(el,{label:"Small",size:"small",variant:"info-white",icon:e.jsx($,{})}),e.jsx(el,{label:"Default",variant:"info-white",icon:e.jsx($,{}),closable:!0}),e.jsx(el,{label:"Large",size:"large",variant:"info-white",icon:e.jsx($,{}),closable:!0}),e.jsx(el,{label:"Label",variant:"info-white"}),e.jsx(el,{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(el,{label:"Small",size:"small",variant:"info-grey",icon:e.jsx($,{})}),e.jsx(el,{label:"Default",variant:"info-grey",icon:e.jsx($,{}),closable:!0}),e.jsx(el,{label:"Large",size:"large",variant:"info-grey",icon:e.jsx($,{}),closable:!0}),e.jsx(el,{label:"Label",variant:"info-grey"}),e.jsx(el,{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(el,{label:"Small",size:"small",variant:"success",icon:e.jsx($,{})}),e.jsx(el,{label:"Default",variant:"success",icon:e.jsx($,{}),closable:!0}),e.jsx(el,{label:"Large",size:"large",variant:"success",icon:e.jsx($,{}),closable:!0}),e.jsx(el,{label:"Label",variant:"success"}),e.jsx(el,{label:"Disabled",variant:"success",icon:e.jsx($,{}),closable:!0,disabled:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx(el,{label:"Small",size:"small",variant:"warning",icon:e.jsx($,{})}),e.jsx(el,{label:"Default",variant:"warning",icon:e.jsx($,{}),closable:!0}),e.jsx(el,{label:"Large",size:"large",variant:"warning",icon:e.jsx($,{}),closable:!0}),e.jsx(el,{label:"Label",variant:"warning"}),e.jsx(el,{label:"Disabled",variant:"warning",icon:e.jsx($,{}),closable:!0,disabled:!0})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"6px"},children:[e.jsx(el,{label:"Small",size:"small",variant:"error",icon:e.jsx($,{})}),e.jsx(el,{label:"Default",variant:"error",icon:e.jsx($,{}),closable:!0}),e.jsx(el,{label:"Large",size:"large",variant:"error",icon:e.jsx($,{}),closable:!0}),e.jsx(el,{label:"Label",variant:"error"}),e.jsx(el,{label:"Disabled",variant:"error",icon:e.jsx($,{}),closable:!0,disabled:!0})]})]}),gi=()=>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(Ga,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label"}),e.jsx(Ga,{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(Ga,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsx(Ga,{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(Ga,{label:"Label",caption:"caption",variant:"info-grey",actionLabel:"Label"}),e.jsx(Ga,{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(Ga,{label:"Label",caption:"caption",variant:"info-grey",actionLabel:"Label",size:"small"}),e.jsx(Ga,{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(Ga,{label:"Label",caption:"caption",variant:"success",actionLabel:"Label"}),e.jsx(Ga,{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(Ga,{label:"Label",caption:"caption",variant:"success",actionLabel:"Label",size:"small"}),e.jsx(Ga,{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(Ga,{label:"Label",caption:"caption",variant:"warning",actionLabel:"Label"}),e.jsx(Ga,{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(Ga,{label:"Label",caption:"caption",variant:"warning",actionLabel:"Label",size:"small"}),e.jsx(Ga,{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(Ga,{label:"Label",caption:"caption",variant:"error",actionLabel:"Label"}),e.jsx(Ga,{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(Ga,{label:"Label",caption:"caption",variant:"error",actionLabel:"Label",size:"small"}),e.jsx(Ga,{label:"Label",caption:"caption",variant:"error",actionLabel:"Label",isButtonRight:!0,size:"small"})]})]})]}),mi=()=>e.jsxs("div",{style:{width:"290px"},children:[e.jsx(ul,{label:"Label",caption:"Caption",placeholder:"placeholder",defaultValue:"Default Value",required:!0}),e.jsx(ul,{label:"Label",caption:"Caption",placeholder:"placeholder",size:"small"}),e.jsx(ul,{label:"Label",caption:"Caption",placeholder:"placeholder",errorMessage:"Error Message",required:!0}),e.jsx(ul,{label:"Label",caption:"Caption",placeholder:"placeholder",required:!0,disabled:!0})]}),ji=()=>e.jsxs("div",{style:{width:"290px"},children:[e.jsx($l,{label:"Label",caption:"Caption",placeholder:"Placeholder",defaultValue:"Default Value",minLength:5,maxLength:200,required:!0}),e.jsx($l,{label:"Label",caption:"Caption",placeholder:"Placeholder",size:"small"}),e.jsx($l,{label:"Label",caption:"Caption",placeholder:"Placeholder",errorMessage:"Error Message",required:!0}),e.jsx($l,{label:"Label",caption:"Caption",placeholder:"Placeholder",required:!0,disabled:!0})]}),vi=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:[e.jsx(T,{}),e.jsx(T,{disabled:!0})]}),fi=()=>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})]}),Ci=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px"},children:[e.jsx(pe,{width:"280px",min:0,max:100,value:[50]}),e.jsx(pe,{width:"280px",min:0,max:100,value:[50],marks:[{value:0,label:0},{value:25,label:25},{value:50,label:50},{value:75,label:75},{value:100,label:100}]}),e.jsx(pe,{width:"280px",min:0,max:100,value:[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(pe,{width:"280px",value:[20,80]}),e.jsx(pe,{width:"280px",min:-100,max:100,value:[0],isCentred:!0}),e.jsx(pe,{width:"280px",value:[70],marks:[0,25,50,75,100],disabled:!0})]}),yi=()=>e.jsxs("div",{style:{width:"238px"},children:[e.jsx(ya,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(ya,{type:"line",label:"Attribute",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(ya,{type:"point",label:"Attribute",color:"#F3FFF2",pointIcon:e.jsx($,{})})]}),$i=()=>e.jsx("div",{style:{width:"238px"},children:e.jsxs(Jl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})}),wi=()=>e.jsxs("div",{style:{width:"238px"},children:[e.jsx(Sa,{colors:["#E5F5F9","#2CA25F"],values:["Low","Medium","High"],subLabels:["<100K",">600K"],isGradient:!0}),e.jsx(Sa,{colors:["#EDF8FB","#B2E2E2","#66C2A4","#2CA25F","#006D2C"],values:["0%","25%","50%","75%","100%"]}),e.jsx(Sa,{colors:["#A6611A","#DFC27D","#F5F5F5","#80CDC1","#018571"],values:["0%","25%","50%","75%","100%"]}),e.jsx(Sa,{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)"]})]}),ki=({onDrag:l=()=>{},onUpClick:a=()=>{},onDownClick:i=()=>{}})=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(ca,{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(Sa,{colors:["#EDF8FB","#B2E2E2","#66C2A4","#2CA25F","#006D2C"],values:["0%","25%","50%","75%","100%"]}),e.jsx(ya,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(ya,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45"}),e.jsx(Ga,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsxs(Jl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})]})}),Li=({onDrag:l=()=>{},onUpClick:a=()=>{},onDownClick:i=()=>{}})=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(ca,{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(Sa,{colors:["#EDF8FB","#B2E2E2","#66C2A4","#2CA25F","#006D2C"],values:["0%","25%","50%","75%","100%"]}),e.jsx(ya,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(ya,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45"}),e.jsx(Ga,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsxs(Jl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})]})}),zi=({onDrag:l=()=>{},onUpClick:a=()=>{},onDownClick:i=()=>{}})=>e.jsx("div",{style:{width:"290px"},children:e.jsxs(ca,{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(Sa,{colors:["#EDF8FB","#B2E2E2","#66C2A4","#2CA25F","#006D2C"],values:["0%","25%","50%","75%","100%"]}),e.jsx(ya,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45",onActionClick:()=>console.log("click"),showActionButton:!0}),e.jsx(ya,{type:"raster",label:"Attribute",caption:"Caption",color:"#238B45"}),e.jsx(Ga,{label:"Label",caption:"caption",variant:"info-white",actionLabel:"Label",size:"small"}),e.jsxs(Jl,{label:"Adjust layer parameters",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]})]})}),Ii=()=>e.jsx(ha,{legendContent:[e.jsx(ki,{}),e.jsx(Li,{}),e.jsx(zi,{})],analysisContent:e.jsx("div",{})}),Di=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px",width:"290px"},children:[e.jsx(il,{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(il,{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(il,{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(il,{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(il,{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})]}),Si=()=>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(H,{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(H,{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(H,{variant:"secondary",mainActionLabel:"First Action",mainActionOnClick:()=>console.log("first action"),otherActions:[{label:"Second Action",value:"second-action",onClick:()=>console.log("second action")}]}),e.jsx(H,{variant:"secondary",size:"small",mainActionLabel:"First Action",mainActionOnClick:()=>console.log("first action"),otherActions:[{label:"Second Action",value:"second-action",onClick:()=>console.log("second action")}]})]})]}),Ai=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px",width:"366px"},children:[e.jsx($e,{label:"Label",caption:"Caption",defaultValue:"checkbox-2",checkboxes:[{children:"Checkbox 1",name:"checkbox-1",value:"checkbox-1"},{children:"Checkbox 2",name:"checkbox-2",value:"checkbox-2"},{children:"Checkbox 3",name:"checkbox-3",value:"checkbox-3"}],required:!0}),e.jsx($e,{label:"Label",caption:"Caption",defaultValue:"checkbox-2",errorMessage:"Error Message",checkboxes:[{children:"Checkbox 1",name:"checkbox-1",value:"checkbox-1"},{children:"Checkbox 2",name:"checkbox-2",value:"checkbox-2"},{children:"Checkbox 3",name:"checkbox-3",value:"checkbox-3"}],required:!0}),e.jsx($e,{label:"Label",caption:"Caption",checkboxes:[{children:"Checkbox 1",name:"checkbox-1",value:"checkbox-1"},{children:"Checkbox 2",name:"checkbox-2",value:"checkbox-2"},{children:"Checkbox 3",name:"checkbox-3",value:"checkbox-3"}],horizontal:!0,required:!0})]}),Bi=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px",width:"366px"},children:[e.jsx(Ae,{label:"Label",caption:"Caption",name:"radio-list-1",defaultValue:"radio-2",radios:[{children:"Radio 1",value:"radio-1"},{children:"Radio 2",value:"radio-2"},{children:"Radio 3",value:"radio-3"}],required:!0}),e.jsx(Ae,{label:"Label",caption:"Caption",name:"radio-list-2",defaultValue:"radio-2",errorMessage:"Error Message",radios:[{children:"Radio 1",value:"radio-1"},{children:"Radio 2",value:"radio-2"},{children:"Radio 3",value:"radio-3"}],required:!0}),e.jsx(Ae,{label:"Label",caption:"Caption",name:"radio-list-3",radios:[{children:"Radio 1",value:"radio-1"},{children:"Radio 2",value:"radio-2"},{children:"Radio 3",value:"radio-3"}],horizontal:!0,required:!0})]}),Fi=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(b,{label:"Info - Top Left",variant:"primary",onClick:()=>ei({label:"Label",caption:"Caption",type:"info",placement:"top-start",action:{label:"Action",onClick:()=>console.log("Action")},closable:!0,closableLabel:"Dismiss"})}),e.jsx(b,{label:"Success - Top Right",variant:"primary",onClick:()=>ei({label:"Label",caption:"Caption",type:"success",placement:"top-end",action:{label:"Action",onClick:()=>console.log("Action")},closable:!0})})]}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(b,{label:"Warning - Bottom Left",variant:"primary",onClick:()=>ei({label:"Label",caption:"Caption",type:"warning",placement:"bottom-start"})}),e.jsx(b,{label:"Error - Bottom Right",variant:"primary",onClick:()=>ei({label:"Label",caption:"Caption",type:"error",placement:"bottom-end"})})]}),e.jsx("div",{style:{display:"flex",gap:"16px"},children:e.jsx(b,{label:"Loading - Bottom Right",variant:"primary",onClick:()=>ei({label:"Label",caption:"Caption",type:"loading",placement:"bottom-end",closable:!0})})})]}),Mi=()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"20px",width:"420px"},children:[e.jsx(bl,{label:"Continuous",caption:"Caption",sliderItem:{min:0,max:100,value:[30]},onChange:e=>console.log("Continuous",e),required:!0}),e.jsx(bl,{label:"Continuous Small",caption:"Caption",size:"small",sliderItem:{min:0,max:100,value:[60]},onChange:e=>console.log("Continuous Small",e),required:!0}),e.jsx(bl,{label:"Discrete",caption:"Caption",sliderItem:{min:0,max:100,value:[75],marks:[{value:0,label:0},{value:25,label:25},{value:50,label:50},{value:75,label:75},{value:100,label:100}],step:25},onChange:e=>console.log("Discrete",e),required:!0}),e.jsx(bl,{label:"Range",caption:"Caption",sliderItem:{min:0,max:100,value:[20,80]},onChange:e=>console.log("Range",e),required:!0}),e.jsx(bl,{label:"Centered",caption:"Caption",sliderItem:{min:-100,max:100,value:[0],isCentred:!0},onChange:e=>console.log("Centered",e),required:!0})]}),Ti=()=>e.jsxs(ee,{defaultValue:"value-2",children:[e.jsx(X,{label:"Label",caption:"Caption",icon:e.jsx($,{}),value:"value-1"}),e.jsx(X,{label:"Label",caption:"Caption",icon:e.jsx($,{}),variant:"centered",value:"value-2"}),e.jsxs(X,{label:"Label",caption:"Caption",icon:e.jsx($,{}),variant:"expanded",value:"value-3",children:[e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"}),e.jsx("div",{children:"Component Placeholder"})]}),e.jsx(X,{label:"Label",caption:"Caption",icon:e.jsx($,{}),value:"value-4",disabled:!0})]});a.createRoot(document.getElementById("root")).render(e.jsx(l.StrictMode,{children:e.jsx(i.ChakraProvider,{value:s,children:e.jsx((()=>e.jsxs("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(Ti,{}),e.jsx(Mi,{}),e.jsx(Fi,{}),e.jsx(Bi,{}),e.jsx(Ai,{}),e.jsx(Si,{}),e.jsx(Di,{}),e.jsx(Ii,{}),e.jsx(ki,{}),e.jsx(wi,{}),e.jsx($i,{}),e.jsx(yi,{}),e.jsx(Ci,{}),e.jsx(fi,{}),e.jsx(vi,{}),e.jsx(mi,{}),e.jsx(ji,{}),e.jsx(gi,{}),e.jsx(bi,{}),e.jsx(ti,{}),e.jsx(ri,{}),e.jsx(ni,{}),e.jsx(ii,{}),e.jsx(ai,{})]}),e.jsx(ui,{})]}),e.jsx(li,{})]})),{})})})),exports.Button=b,exports.Checkbox=q,exports.CheckboxList=$e,exports.CloseButton=T,exports.IconButton=m,exports.InlineMessage=Ga,exports.LayerGroup=Fl,exports.LayerGroupContainer=Ml,exports.LayerItem=Bl,exports.LayerPanel=Ul,exports.LayerParameters=Jl,exports.LegendItem=ca,exports.LegendPanel=ha,exports.MultiActionButton=H,exports.NavigationRail=Ra,exports.OptionCard=X,exports.OptionCardGroup=ee,exports.QualitativeAttribute=ya,exports.Radio=ae,exports.RadioGroup=ie,exports.RadioList=Ae,exports.ScaleBar=Sa,exports.Select=il,exports.Slider=pe,exports.SliderInput=bl,exports.Switch=be,exports.TabBar=ql,exports.Tag=el,exports.TextInput=ul,exports.Textarea=$l,exports.Toast=li,exports.showToast=ei;
|
|
1442
1730
|
//# sourceMappingURL=index.js.map
|