@worldresources/wri-design-systems 1.2.0 → 2.117.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +17 -6
- package/dist/index.cjs.js +2025 -0
- package/dist/index.d.ts +211 -32
- package/dist/index.esm.js +2025 -0
- package/package.json +10 -12
- package/dist/cjs/index.js +0 -1442
- package/dist/cjs/index.js.map +0 -1
- package/dist/esm/index.js +0 -1442
- package/dist/esm/index.js.map +0 -1
@@ -0,0 +1,2025 @@
|
|
1
|
+
import{createSystem as e,defaultConfig as l,Button as r,Box as n,Spinner as t,Icon as i,Portal as a,Menu as o,Group as d,Checkbox as c,RadioCard as s,HStack as p,RadioGroup as h,Slider as x,For as u,Switch as C,Field as g,Input as b,Select as m,Tag as f,createListCollection as v,Textarea as $,Accordion as w,Tabs as k,Popover as y,Breadcrumb as L,Collapsible as R,createToaster as V,Toaster as M,Toast as _,Stack as z}from"@chakra-ui/react";import{jsxs as I,jsx as B,Fragment as H}from"@emotion/react/jsx-runtime";import{css as Z}from"@emotion/react";import{jsx as T,jsxs as E,Fragment as F}from"react/jsx-runtime";import*as D from"react";import j,{useState as A,useEffect as S,Fragment as N,Children as q,cloneElement as O}from"react";const P={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"}}},U=e(l,{theme:{tokens:{colors:P}}}),W=(e,l)=>U.tokens.getVar(`colors.${e}.${l}`)||P?.[e]?.[l]?.value,G=e=>Z`
|
2
|
+
width: auto;
|
3
|
+
height: ${"small"===e?"28px":"40px"};
|
4
|
+
font-size: ${"small"===e?"12px":"16px"};
|
5
|
+
line-height: ${"small"===e?"16px":"24px"};
|
6
|
+
font-weight: 700;
|
7
|
+
padding: ${"small"===e?"6px 8px":"8px 16px"};
|
8
|
+
border-radius: 4px;
|
9
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
10
|
+
|
11
|
+
&:focus-visible {
|
12
|
+
box-shadow: none;
|
13
|
+
}
|
14
|
+
|
15
|
+
svg {
|
16
|
+
width: ${"small"===e?"10px":"16px"};
|
17
|
+
height: ${"small"===e?"10px":"16px"};
|
18
|
+
}
|
19
|
+
`,Y=e=>Z`
|
20
|
+
${e?`\n background-color: ${W("neutral",300)};\n border: 1px solid ${W("neutral",400)};\n color: ${W("neutral",500)};\n\n &:hover {\n background-color: ${W("neutral",300)} !important;\n }\n `:`\n background-color: ${W("primary",500)};\n border: 1px solid ${W("primary",600)};\n color: ${W("primary",900)};\n box-shadow: 0px 1px 2px 0px #0000000D;\n\n &:hover {\n background-color: ${W("primary",500)};\n box-shadow: 0px 2px 4px -2px #0000001A;\n box-shadow: 0px 4px 6px -1px #0000001A;\n }\n\n &:active {\n outline: none;\n background-color: ${W("primary",600)} !important;\n border: 1px solid ${W("primary",700)} !important;\n box-shadow: 0px 2px 4px -2px #0000001A;\n box-shadow: 0px 4px 6px -1px #0000001A;\n }\n\n &:focus-visible {\n outline-color: ${W("primary",700)};\n background-color: ${W("primary",500)};\n box-shadow: 0px 1px 2px 0px #0000000D;\n }\n `}
|
21
|
+
`,K=e=>Z`
|
22
|
+
${e?`\n background-color: ${W("neutral",200)};\n border: 1px solid ${W("neutral",300)};\n color: ${W("neutral",500)};\n\n &:hover {\n background-color: ${W("neutral",200)} !important;\n }\n `:`\n background-color: ${W("neutral",100)};\n border: 1px solid ${W("neutral",300)};\n color: ${W("neutral",700)};\n box-shadow: 0px 1px 2px 0px #0000000D;\n\n &:hover {\n background-color: ${W("neutral",100)};\n box-shadow: 0px 2px 4px -2px #0000001A;\n box-shadow: 0px 4px 6px -1px #0000001A;\n }\n\n &:active {\n outline: none;\n background-color: ${W("neutral",200)} !important;\n border: 1px solid ${W("neutral",300)} !important;\n box-shadow: 0px 2px 4px -2px #0000001A;\n box-shadow: 0px 4px 6px -1px #0000001A;\n }\n\n &:focus-visible {\n outline-color: ${W("primary",700)};\n box-shadow: 0px 1px 2px 0px #0000000D;\n }\n `}
|
23
|
+
`,J=e=>Z`
|
24
|
+
${e?`\n background-color: transparent;\n color: ${W("neutral",500)};\n\n &:hover {\n background-color: transparent !important;\n }\n `:`\n background-color: transparent;\n border: none;\n color: ${W("neutral",800)};\n box-shadow: none;\n\n &:hover {\n background-color: color-mix(in srgb, ${W("primary",500)} 20%, transparent);\n }\n\n &:active {\n outline: none;\n background-color: color-mix(in srgb, ${W("primary",500)} 40%, transparent);\n box-shadow: 0px 4px 6px -1px #0000001A;\n }\n\n &:focus-visible {\n outline-color: ${W("primary",700)};\n box-shadow: 0px 1px 2px 0px #0000000D;\n }\n `}
|
25
|
+
`,Q=e=>Z`
|
26
|
+
${e?`\n background-color: ${W("neutral",200)};\n border: 1px solid ${W("neutral",300)};\n color: ${W("neutral",500)};\n\n &:hover {\n background-color: ${W("neutral",200)} !important;\n }\n `:`\n background-color: transparent;\n border: 1px solid ${W("primary",800)};\n color: ${W("primary",800)};\n\n &:hover {\n background-color: ${W("primary",100)};\n color: ${W("primary",900)};\n }\n\n &:active {\n outline: none;\n background-color: ${W("primary",200)} !important;\n border: 1px solid ${W("primary",900)} !important;\n color: ${W("primary",900)};\n }\n\n &:focus-visible {\n outline-color: ${W("primary",700)};\n background-color: ${W("primary",100)};\n }\n `}
|
27
|
+
`,X=({label:e,loading:l,variant:i="primary",size:a="default",disabled:o,leftIcon:d,rightIcon:c,...s})=>{let p=Y;"secondary"===i?p=K:"borderless"===i?p=J:"outline"===i&&(p=Q);return I(r,{"aria-label":(()=>{let r=s["aria-label"]||e;return l&&(r="Loading"),r})(),css:[G(a),p(o)],disabled:o||l,"aria-disabled":o||l,...s,children:[d&&!l?B(n,{marginRight:e?2:0,display:"flex",alignItems:"center",children:d}):null,!c&&l?B(t,{size:"sm",marginRight:e?2:0}):null,e,c&&!l?B(n,{marginLeft:e?2:0,display:"flex",alignItems:"center",children:c}):null,c&&l?B(t,{size:"sm",marginLeft:e?2:0}):null]})},ee=Z`
|
28
|
+
width: 20px !important;
|
29
|
+
padding: 0 !important;
|
30
|
+
min-width: 20px !important;
|
31
|
+
height: 20px;
|
32
|
+
border-radius: 2px;
|
33
|
+
background-color: ${W("neutral",300)};
|
34
|
+
|
35
|
+
svg {
|
36
|
+
width: 10px;
|
37
|
+
height: 10px;
|
38
|
+
|
39
|
+
path {
|
40
|
+
fill: ${W("neutral",800)};
|
41
|
+
}
|
42
|
+
}
|
43
|
+
|
44
|
+
&:hover {
|
45
|
+
background-color: ${W("neutral",300)};
|
46
|
+
box-shadow: 0px 1px 2px -1px #0000001a;
|
47
|
+
box-shadow: 0px 1px 3px 0px #0000001a;
|
48
|
+
}
|
49
|
+
|
50
|
+
&:active {
|
51
|
+
background-color: ${W("neutral",400)};
|
52
|
+
box-shadow: 0px 1px 2px -1px #0000001a;
|
53
|
+
box-shadow: 0px 1px 3px 0px #0000001a;
|
54
|
+
}
|
55
|
+
|
56
|
+
&:focus-visible {
|
57
|
+
outline-color: ${W("primary",700)};
|
58
|
+
}
|
59
|
+
|
60
|
+
&:disabled {
|
61
|
+
background-color: ${W("neutral",200)} !important;
|
62
|
+
box-shadow: none;
|
63
|
+
|
64
|
+
svg {
|
65
|
+
path {
|
66
|
+
fill: ${W("neutral",400)};
|
67
|
+
}
|
68
|
+
}
|
69
|
+
}
|
70
|
+
`,le=e=>T(i,{...e,children:E("svg",{viewBox:"0 0 16 17",children:[E("g",{clipPath:"url(#clip0_1216_84)",children:[T("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"}),T("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"})]}),T("defs",{children:T("clipPath",{id:"clip0_1216_84",children:T("rect",{width:"16",height:"16",fill:"white",transform:"translate(0 0.5)"})})})]})}),re=e=>T(i,{...e,children:E("svg",{viewBox:"0 0 16 17",children:[T("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"}),T("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"})]})}),ne=e=>T(i,{...e,children:T("svg",{viewBox:"0 0 12 12",height:"12px",width:"12px",children:T("path",{d:"M4.19632 10.4277L0 6.23139L1.04908 5.18231L4.19632 8.32955L10.9509 1.57495L12 2.62403L4.19632 10.4277Z",fill:"currentColor"})})}),te=e=>T(i,{...e,children:T("svg",{viewBox:"0 0 12 12",height:"12px",width:"12px",children:T("path",{d:"M0 6.75V5.25H12V6.75H0Z",fill:"auto"})})}),ie=e=>T(i,{...e,children:T("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:T("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"})})}),ae=e=>T(i,{...e,children:T("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:T("path",{d:"M8 13.3667L0 5.36667L1.86667 3.5L8 9.63333L14.1333 3.5L16 5.36667L8 13.3667Z",fill:"currentColor"})})}),oe=e=>T(i,{...e,children:T("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:T("path",{d:"M1 10L0 9L4 5L0 1L1 0L5 4L9 0L10 1L6 5L10 9L9 10L5 6L1 10Z",fill:"currentColor"})})}),de=e=>T(i,{...e,children:T("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:T("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"})})}),ce=e=>T(i,{...e,children:E("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[T("g",{clipPath:"url(#clip0_4626_1381)",children:T("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"})}),T("defs",{children:T("clipPath",{id:"clip0_4626_1381",children:T("rect",{width:"10",height:"10",fill:"white"})})})]})}),se=e=>T(i,{...e,children:T("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:T("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"})})}),pe=e=>T(i,{...e,children:E("svg",{width:"17",height:"16",viewBox:"0 0 17 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[T("g",{clipPath:"url(#clip0_5584_387)",children:T("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"})}),T("defs",{children:T("clipPath",{id:"clip0_5584_387",children:T("rect",{width:"16",height:"16",fill:"white",transform:"translate(0.5)"})})})]})}),he=e=>T(i,{...e,children:T("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:T("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"})})}),xe=e=>T(i,{...e,children:E("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[T("g",{clipPath:"url(#clip0_4916_54426)",children:T("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"})}),T("defs",{children:T("clipPath",{id:"clip0_4916_54426",children:T("rect",{width:"20",height:"20",fill:"white"})})})]})}),ue=e=>T(i,{...e,children:T("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:T("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"})})}),Ce=e=>T(i,{...e,children:T("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:T("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"})})}),ge=e=>T(i,{...e,children:E("svg",{width:"91",height:"32",viewBox:"0 0 91 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.79733 2.62109L7.05688 4.36154L8.6964 6.00105L10.4368 4.26061L8.79733 2.62109",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.4348 17.7395L26.7261 24.0306L28.4666 22.2904L22.1753 15.999L20.4348 17.7395",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.83032 8.73722L8.57056 10.4775L15.5197 3.52853L17.9952 6.00428L19.7357 4.26384L15.5197 0.0478516L6.83032 8.73722",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M25.0828 8.74062L26.823 10.4811L28.4667 8.83761L26.7262 7.09717L25.0828 8.74062",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.05664 26.7665L8.79688 28.5069L15.088 22.216L13.3476 20.4756L7.05664 26.7665",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9583 17.865L17.6987 19.6052L24.2126 13.0913L22.4722 11.3511L15.9583 17.865",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.606 8.61475L27.5582 15.5672L25.086 18.0396L26.8264 19.7799L31.0391 15.5672L22.3462 6.87451L20.606 8.61475",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.58008 22.2898L4.32031 24.0302L5.95651 22.394L4.21607 20.6538L2.58008 22.2898",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9583 8.91145L17.6987 10.6517L23.99 4.36056L22.2496 2.62012L15.9583 8.91145",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 15.5676L8.69268 24.2603L10.4331 22.5198L3.48068 15.5676L5.96016 13.0881L4.21971 11.3477L0 15.5676",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.3071 8.61154L17.8244 15.1288L19.5646 13.3885L13.0474 6.87109L11.3071 8.61154",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M20.6091 26.8674L22.2493 28.5073L23.9897 26.7671L22.3496 25.127L20.6091 26.8674",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2.58008 8.83789L8.87079 15.1286L10.6112 13.3884L4.32052 7.09766L2.58008 8.83789",fill:"#9B9B9B"}),T("mask",{id:"mask0_2684_24177",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"11",y:"15",width:"14",height:"17",children:T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.3035 15.999H24.2159V31.0746H11.3035V15.999Z",fill:"white"})}),E("g",{mask:"url(#mask0_2684_24177)",children:[T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.4817 17.7395L17.9989 24.2567L19.7392 22.5163L13.2219 15.999L11.4817 17.7395",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.5195 27.6061L13.0437 25.1303L11.3035 26.8706L15.5195 31.0868L24.2159 22.3903L22.4756 20.6499L15.5195 27.6061",fill:"#9B9B9B"})]}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.82666 18.0429L8.5669 19.7834L15.0881 13.2624L13.3476 11.522L6.82666 18.0429",fill:"#9B9B9B"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M39.8376 3.46878C39.7609 3.22403 39.6861 3.06362 39.5918 2.99958C39.5199 2.95005 39.386 2.93948 39.3278 2.93948C39.2598 2.93948 39.219 2.93264 39.219 2.87834C39.219 2.83171 39.2754 2.82031 39.3653 2.82031C39.7133 2.82031 40.0782 2.83648 40.1396 2.83648C40.1999 2.83648 40.4927 2.82031 40.8782 2.82031C40.9688 2.82031 41.0173 2.83648 41.0173 2.87834C41.0173 2.93264 40.9628 2.93948 40.8968 2.93948C40.8442 2.93948 40.7783 2.93948 40.7319 2.96373C40.6714 2.99191 40.6579 3.0373 40.6579 3.10921C40.6579 3.19853 40.724 3.42402 40.8055 3.721C40.9174 4.16202 41.5358 6.18037 41.656 6.55196H41.6755L42.9658 3.08496C43.0325 2.89616 43.0773 2.84497 43.1336 2.84497C43.2064 2.84497 43.2387 2.94632 43.3278 3.15999L44.7104 6.5043H44.7296C44.8482 6.05851 45.3823 4.30149 45.6173 3.52391C45.66 3.37138 45.6811 3.23169 45.6811 3.13615C45.6811 3.0315 45.6222 2.93948 45.3617 2.93948C45.2969 2.93948 45.2502 2.9171 45.2502 2.87834C45.2502 2.83171 45.3008 2.82031 45.4036 2.82031C45.7549 2.82031 46.034 2.83648 46.0939 2.83648C46.1395 2.83648 46.4268 2.82031 46.6462 2.82031C46.7184 2.82031 46.7658 2.83171 46.7658 2.87233C46.7658 2.9171 46.7351 2.93948 46.6744 2.93948C46.6067 2.93948 46.5142 2.94632 46.4407 2.97139C46.2796 3.0315 46.2092 3.29656 46.0657 3.67831C45.763 4.51578 45.0639 6.63155 44.7377 7.62964C44.6639 7.86258 44.6308 7.94279 44.5435 7.94279C44.4756 7.94279 44.4378 7.86258 44.3377 7.6141L42.9542 4.2818H42.9397C42.8143 4.62169 41.9279 6.97723 41.6423 7.58778C41.514 7.86258 41.4831 7.94279 41.4034 7.94279C41.3358 7.94279 41.3105 7.87025 41.2502 7.69575L39.8376 3.46878",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M52.4736 5.46052C52.4736 3.96919 51.6156 3.04363 50.5241 3.04363C49.7593 3.04363 48.8862 3.46848 48.8862 5.12686C48.8862 6.51167 49.6547 7.61007 50.9315 7.61007C51.3984 7.61007 52.4736 7.38417 52.4736 5.46052ZM47.9695 5.33425C47.9695 4.19523 48.7201 2.72607 50.7182 2.72607C52.3747 2.72607 53.4068 3.68811 53.4068 5.21384C53.4068 6.73834 52.3397 7.94243 50.6521 7.94243C48.7413 7.94243 47.9695 6.51161 47.9695 5.33425V5.33425Z",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M56.6253 5.27407C56.6253 5.34806 56.6388 5.37251 56.685 5.39469C56.8222 5.44111 57.0255 5.46059 57.1911 5.46059C57.4551 5.46059 57.5428 5.43261 57.6644 5.34806C57.8634 5.20029 58.0557 4.89253 58.0557 4.34561C58.0557 3.40327 57.4331 3.13178 57.0371 3.13178C56.8709 3.13178 56.7515 3.13593 56.685 3.15976C56.6388 3.17219 56.6253 3.19831 56.6253 3.25115V5.27407ZM55.8409 4.74893C55.8409 3.73799 55.8409 3.5494 55.8277 3.33842C55.8144 3.10921 55.7609 3.00435 55.5421 2.95689C55.4865 2.94632 55.3769 2.93948 55.2814 2.93948C55.208 2.93948 55.1667 2.92352 55.1667 2.87834C55.1667 2.83171 55.2146 2.82031 55.3122 2.82031C55.6681 2.82031 56.0873 2.83648 56.2272 2.83648C56.4521 2.83648 56.9576 2.82031 57.1633 2.82031C57.5836 2.82031 58.0313 2.86052 58.3884 3.10465C58.5765 3.23169 58.841 3.5724 58.841 4.01632C58.841 4.50957 58.6354 4.95825 57.9633 5.50455C58.5554 6.25187 59.014 6.84501 59.4066 7.25598C59.7788 7.64145 60.0519 7.68767 60.1537 7.70984C60.225 7.72373 60.2867 7.72891 60.3379 7.72891C60.3924 7.72891 60.4187 7.75233 60.4187 7.78404C60.4187 7.83357 60.3732 7.8489 60.2913 7.8489H59.6602C59.2866 7.8489 59.1197 7.81429 58.9498 7.72373C58.6626 7.56974 58.4076 7.25598 58.0369 6.74512C57.7708 6.37705 57.4665 5.92671 57.3766 5.82371C57.3461 5.78785 57.3051 5.78018 57.2585 5.78018L56.6788 5.76485C56.6469 5.76485 56.6253 5.78018 56.6253 5.8179V5.91344C56.6253 6.53145 56.6253 7.05661 56.6585 7.3368C56.6788 7.52871 56.7165 7.6773 56.9194 7.70155C57.0195 7.71751 57.1633 7.72891 57.2429 7.72891C57.297 7.72891 57.3264 7.75233 57.3264 7.78404C57.3264 7.82984 57.279 7.8489 57.1911 7.8489C56.8056 7.8489 56.3132 7.82984 56.2142 7.82984C56.0873 7.82984 55.6681 7.8489 55.4016 7.8489C55.3122 7.8489 55.2681 7.82984 55.2681 7.78404C55.2681 7.75233 55.2944 7.72891 55.3769 7.72891C55.4751 7.72891 55.5543 7.71751 55.6142 7.70155C55.7466 7.6773 55.7808 7.52871 55.8071 7.3368C55.8409 7.05661 55.8409 6.53145 55.8409 5.92028V4.74893V4.74893Z",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M62.7401 5.92028C62.7401 6.76978 62.7401 7.22986 62.8795 7.34944C62.9923 7.45099 63.167 7.49804 63.6837 7.49804C64.037 7.49804 64.2973 7.48913 64.4635 7.30945C64.5458 7.22385 64.6235 7.03567 64.6351 6.91236C64.6426 6.85164 64.6544 6.8104 64.7079 6.8104C64.7576 6.8104 64.7636 6.84501 64.7636 6.92273C64.7636 6.99858 64.7159 7.49804 64.6633 7.68767C64.6235 7.83357 64.5885 7.87025 64.2426 7.87025C63.7651 7.87025 63.4198 7.85491 63.1195 7.8489C62.8194 7.83357 62.5805 7.82984 62.3067 7.82984C62.2352 7.82984 62.0852 7.82984 61.9272 7.83357C61.7749 7.83357 61.6029 7.8489 61.4709 7.8489C61.3832 7.8489 61.3349 7.82984 61.3349 7.78404C61.3349 7.75233 61.365 7.72891 61.4413 7.72891C61.543 7.72891 61.6216 7.71751 61.6819 7.70155C61.8176 7.6773 61.8487 7.52871 61.874 7.3368C61.9082 7.05661 61.9082 6.53145 61.9082 5.92028V4.74893C61.9082 3.73799 61.9082 3.5494 61.8951 3.33842C61.8817 3.10921 61.8269 3.00435 61.6095 2.95689C61.5577 2.94632 61.474 2.93948 61.3886 2.93948C61.3155 2.93948 61.2759 2.92352 61.2759 2.87834C61.2759 2.83171 61.3233 2.82031 61.4214 2.82031C61.7353 2.82031 62.1536 2.83648 62.3341 2.83648C62.4939 2.83648 62.9803 2.82031 63.2387 2.82031C63.3324 2.82031 63.38 2.83171 63.38 2.87834C63.38 2.92352 63.339 2.93948 63.2588 2.93948C63.1867 2.93948 63.0816 2.94632 62.9991 2.95689C62.8194 2.99191 62.7647 3.10465 62.7533 3.33842C62.7401 3.5494 62.7401 3.73799 62.7401 4.74893V5.92028",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M67.8097 5.48049C67.8097 6.18388 67.8141 6.6966 67.8234 6.82509C67.8294 6.99068 67.8447 7.25575 67.8978 7.33056C67.9832 7.45595 68.2426 7.59501 68.7672 7.59501C69.4469 7.59501 69.9002 7.46237 70.2973 7.11627C70.7267 6.74903 70.8568 6.14512 70.8568 5.46059C70.8568 4.61607 70.5043 4.06832 70.22 3.79517C69.6061 3.21012 68.8478 3.13178 68.3284 3.13178C68.1954 3.13178 67.9498 3.1496 67.8978 3.17696C67.8375 3.20432 67.8141 3.23706 67.8141 3.30918C67.8097 3.53819 67.8097 4.11682 67.8097 4.64343V5.48049ZM66.9788 4.74893C66.9788 3.73799 66.9788 3.5494 66.9632 3.33842C66.95 3.10921 66.8969 3.00435 66.6779 2.95689C66.6254 2.94632 66.5114 2.93948 66.4196 2.93948C66.3438 2.93948 66.3042 2.92352 66.3042 2.87834C66.3042 2.83171 66.3531 2.82031 66.4509 2.82031C66.8041 2.82031 67.2215 2.83648 67.4096 2.83648C67.6156 2.83648 68.0355 2.82031 68.4355 2.82031C69.267 2.82031 70.3786 2.82031 71.1044 3.57676C71.4374 3.92389 71.7481 4.47661 71.7481 5.26622C71.7481 6.10556 71.3968 6.74512 71.0236 7.125C70.7169 7.43669 70.0257 7.90942 68.7953 7.90942C68.5559 7.90942 68.2817 7.88911 68.0297 7.87025C67.7761 7.8489 67.5417 7.82984 67.379 7.82984C67.3042 7.82984 67.1574 7.82984 66.9964 7.83357C66.8441 7.83357 66.6721 7.8489 66.5373 7.8489C66.4509 7.8489 66.407 7.82984 66.407 7.78404C66.407 7.75233 66.4335 7.72891 66.5114 7.72891C66.612 7.72891 66.6932 7.71751 66.7518 7.70155C66.8855 7.6773 66.9187 7.52871 66.9456 7.3368C66.9788 7.05661 66.9788 6.53145 66.9788 5.92028V4.74893V4.74893Z",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M41.2173 16.0733C41.2173 16.1481 41.231 16.1755 41.2755 16.1948C41.4152 16.241 41.6173 16.2607 41.7812 16.2607C42.0492 16.2607 42.1356 16.2333 42.2543 16.1481C42.456 16.0002 42.6456 15.6964 42.6456 15.1501C42.6456 14.2044 42.022 13.9325 41.6299 13.9325C41.4637 13.9325 41.3425 13.9385 41.2755 13.9582C41.231 13.9727 41.2173 13.9965 41.2173 14.0508V16.0733ZM40.4308 15.5499C40.4308 14.5375 40.4308 14.3499 40.419 14.1383C40.4055 13.9131 40.3531 13.8053 40.1297 13.7597C40.0783 13.746 39.966 13.7406 39.8735 13.7406C39.8016 13.7406 39.761 13.727 39.761 13.6772C39.761 13.6316 39.8055 13.6167 39.9083 13.6167C40.258 13.6167 40.6772 13.6397 40.8181 13.6397C41.0424 13.6397 41.5472 13.6167 41.757 13.6167C42.1733 13.6167 42.6222 13.6606 42.9812 13.9075C43.1658 14.0335 43.434 14.3723 43.434 14.8179C43.434 15.3084 43.2251 15.7621 42.5542 16.3086C43.1463 17.053 43.6056 17.6457 43.9979 18.0588C44.3697 18.4434 44.6426 18.4917 44.7425 18.5095C44.8176 18.5228 44.8756 18.5328 44.9299 18.5328C44.9804 18.5328 45.0097 18.5489 45.0097 18.5829C45.0097 18.6376 44.9628 18.6492 44.8837 18.6492H44.2503C43.8754 18.6492 43.7123 18.6171 43.5376 18.5228C43.2522 18.3697 42.9996 18.0588 42.627 17.5452C42.3611 17.1811 42.056 16.727 41.9688 16.6288C41.9358 16.5867 41.8937 16.5815 41.8463 16.5815L41.2714 16.5683C41.2376 16.5683 41.2173 16.5815 41.2173 16.6203V16.7152C41.2173 17.3328 41.2173 17.8571 41.2502 18.1375C41.2714 18.3294 41.3106 18.477 41.5097 18.5035C41.6096 18.5174 41.757 18.5328 41.8347 18.5328C41.8892 18.5328 41.9163 18.5489 41.9163 18.5829C41.9163 18.6287 41.8678 18.6492 41.7812 18.6492C41.3959 18.6492 40.9046 18.6287 40.8055 18.6287C40.6772 18.6287 40.258 18.6492 39.9937 18.6492C39.9083 18.6492 39.8582 18.6287 39.8582 18.5829C39.8582 18.5489 39.8862 18.5328 39.966 18.5328C40.0661 18.5328 40.1465 18.5174 40.2076 18.5035C40.3396 18.477 40.3734 18.3294 40.3999 18.1375C40.4308 17.8571 40.4308 17.3328 40.4308 16.7192V15.5499V15.5499Z",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M46.4986 15.5498C46.4986 14.5374 46.4986 14.3499 46.4862 14.1383C46.4737 13.913 46.419 13.8052 46.1998 13.7596C46.1463 13.7459 46.0306 13.7406 45.9419 13.7406C45.8675 13.7406 45.8257 13.7269 45.8257 13.6771C45.8257 13.6315 45.8736 13.6166 45.9734 13.6166C46.1531 13.6166 46.3475 13.6247 46.5142 13.6247C46.6849 13.6315 46.8387 13.6396 46.932 13.6396C47.1456 13.6396 48.4681 13.6396 48.5961 13.6315C48.7201 13.6166 48.827 13.6054 48.8813 13.5928C48.914 13.5868 48.9553 13.5654 48.9864 13.5654C49.0191 13.5654 49.0272 13.5928 49.0272 13.6247C49.0272 13.6722 48.9959 13.7528 48.9727 14.0589C48.9686 14.1248 48.9553 14.4201 48.9414 14.4964C48.9352 14.5306 48.9199 14.5695 48.8736 14.5695C48.827 14.5695 48.8144 14.5374 48.8144 14.4781C48.8144 14.4315 48.8096 14.3167 48.7762 14.239C48.7275 14.1186 48.662 14.0375 48.3282 13.9965C48.2154 13.9836 47.5162 13.9727 47.384 13.9727C47.35 13.9727 47.3377 13.9905 47.3377 14.0375V15.7226C47.3377 15.7684 47.3454 15.7946 47.384 15.7946C47.5299 15.7946 48.2969 15.7946 48.4484 15.7809C48.6098 15.7684 48.7085 15.7488 48.7667 15.6818C48.8144 15.6281 48.8405 15.5948 48.8736 15.5948C48.902 15.5948 48.9199 15.6085 48.9199 15.6491C48.9199 15.6887 48.8952 15.7946 48.8678 16.1344C48.8627 16.2665 48.8405 16.5336 48.8405 16.5815C48.8405 16.6333 48.8405 16.7056 48.7802 16.7056C48.7335 16.7056 48.7201 16.6799 48.7201 16.6474C48.7165 16.5815 48.7165 16.4955 48.695 16.4063C48.662 16.2745 48.5704 16.1755 48.3222 16.1481C48.1959 16.1344 47.5359 16.1268 47.3784 16.1268C47.3454 16.1268 47.3377 16.1541 47.3377 16.1947V16.7191C47.3377 16.9454 47.3301 17.5599 47.3377 17.753C47.35 18.2081 47.4559 18.3115 48.1344 18.3115C48.3085 18.3115 48.5881 18.3115 48.7617 18.233C48.9352 18.1499 49.0146 18.0135 49.0628 17.7385C49.0749 17.6627 49.0869 17.6376 49.1348 17.6376C49.188 17.6376 49.188 17.6923 49.188 17.7582C49.188 17.9118 49.1348 18.3648 49.1008 18.4968C49.0521 18.6697 48.9959 18.6697 48.7427 18.6697C48.2428 18.6697 47.8782 18.6545 47.5902 18.6491C47.3046 18.6375 47.0969 18.6286 46.898 18.6286C46.8246 18.6286 46.6785 18.6286 46.5181 18.6375C46.3656 18.6375 46.1938 18.6491 46.0597 18.6491C45.9734 18.6491 45.9239 18.6286 45.9239 18.5828C45.9239 18.5488 45.9542 18.5327 46.0306 18.5327C46.1314 18.5327 46.2132 18.5173 46.2735 18.5035C46.4064 18.4769 46.4379 18.3294 46.4657 18.1375C46.4986 17.8571 46.4986 17.3327 46.4986 16.7191V15.5498",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M51.3845 18.5715C51.2755 18.5227 51.2566 18.4917 51.2566 18.3445C51.2566 17.9771 51.2813 17.579 51.2875 17.4735C51.2951 17.3723 51.3163 17.3017 51.3685 17.3017C51.429 17.3017 51.435 17.3607 51.435 17.4134C51.435 17.4979 51.463 17.6376 51.4951 17.753C51.6408 18.2448 52.0348 18.4243 52.4487 18.4243C53.0447 18.4243 53.3388 18.016 53.3388 17.6627C53.3388 17.3373 53.2368 17.0335 52.6864 16.6006L52.3805 16.3597C51.6485 15.7888 51.3959 15.3208 51.3959 14.7843C51.3959 14.0508 52.0079 13.5244 52.9342 13.5244C53.3649 13.5244 53.6447 13.5928 53.8181 13.6396C53.8789 13.655 53.9126 13.6722 53.9126 13.719C53.9126 13.8052 53.883 13.9965 53.883 14.5173C53.883 14.6647 53.8625 14.7171 53.8113 14.7171C53.7628 14.7171 53.7439 14.6771 53.7439 14.5986C53.7439 14.5374 53.7129 14.3304 53.5723 14.158C53.4708 14.0334 53.2795 13.8326 52.8445 13.8326C52.3531 13.8326 52.0545 14.1186 52.0545 14.5173C52.0545 14.8247 52.2099 15.0547 52.7614 15.4773L52.9454 15.6161C53.7533 16.2211 54.0368 16.6799 54.0368 17.3135C54.0368 17.6975 53.8913 18.1594 53.4136 18.4703C53.0816 18.6819 52.7088 18.7449 52.3531 18.7449C51.9691 18.7449 51.6698 18.6966 51.3845 18.5715",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M60.4449 16.2609C60.4449 14.7716 59.5867 13.8452 58.4976 13.8452C57.731 13.8452 56.8585 14.2726 56.8585 15.9289C56.8585 17.3137 57.6253 18.4106 58.9013 18.4106C59.3691 18.4106 60.4449 18.1835 60.4449 16.2609ZM55.9399 16.1345C55.9399 14.9975 56.6912 13.5244 58.689 13.5244C60.3437 13.5244 61.3787 14.4918 61.3787 16.0161C61.3787 17.5404 60.3116 18.7449 58.6225 18.7449C56.713 18.7449 55.9399 17.3135 55.9399 16.1345V16.1345Z",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M63.5918 15.5499C63.5918 14.5375 63.5918 14.3499 63.579 14.1383C63.5653 13.9131 63.5118 13.8053 63.2915 13.7597C63.2387 13.746 63.1243 13.7406 63.0314 13.7406C62.9575 13.7406 62.9187 13.727 62.9187 13.6772C62.9187 13.6316 62.9649 13.6167 63.0661 13.6167C63.4175 13.6167 63.8366 13.6397 64.037 13.6397C64.1955 13.6397 64.6175 13.6167 64.8544 13.6167C64.9557 13.6167 65.0017 13.6316 65.0017 13.6772C65.0017 13.727 64.9615 13.7406 64.8956 13.7406C64.8216 13.7406 64.781 13.746 64.7012 13.7597C64.5207 13.791 64.4712 13.9075 64.4554 14.1383C64.4438 14.3499 64.4438 14.5375 64.4438 15.5499V16.481C64.4438 17.4441 64.6351 17.8515 64.9615 18.1189C65.2608 18.3649 65.5685 18.3908 65.7924 18.3908C66.086 18.3908 66.4466 18.2979 66.7125 18.0314C67.0781 17.6627 67.0972 17.0661 67.0972 16.3803V15.5499C67.0972 14.5375 67.0972 14.3499 67.0858 14.1383C67.0721 13.9131 67.018 13.8053 66.7992 13.7597C66.7459 13.746 66.6332 13.7406 66.5573 13.7406C66.4858 13.7406 66.4466 13.727 66.4466 13.6772C66.4466 13.6316 66.491 13.6167 66.5876 13.6167C66.9237 13.6167 67.3417 13.6397 67.3417 13.6397C67.4323 13.6397 67.8491 13.6167 68.1089 13.6167C68.2041 13.6167 68.2476 13.6316 68.2476 13.6772C68.2476 13.727 68.2097 13.7406 68.1282 13.7406C68.0561 13.7406 68.0138 13.746 67.9382 13.7597C67.7572 13.791 67.7013 13.9075 67.6893 14.1383C67.6762 14.3499 67.6762 14.5375 67.6762 15.5499V16.2607C67.6762 17.0006 67.6045 17.7832 67.0431 18.2627C66.5718 18.6697 66.0937 18.745 65.6583 18.745C65.3091 18.745 64.6681 18.723 64.1835 18.2826C63.8428 17.9771 63.5918 17.4851 63.5918 16.5212V15.5499",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M71.3762 16.0733C71.3762 16.1481 71.3888 16.1755 71.4361 16.1948C71.5762 16.241 71.7749 16.2607 71.942 16.2607C72.2083 16.2607 72.2937 16.2333 72.4141 16.1481C72.6143 16.0002 72.8066 15.6964 72.8066 15.1501C72.8066 14.2044 72.1809 13.9325 71.7886 13.9325C71.622 13.9325 71.5043 13.9385 71.4361 13.9582C71.3888 13.9727 71.3762 13.9965 71.3762 14.0508V16.0733ZM70.5907 15.5499C70.5907 14.5375 70.5907 14.3499 70.5772 14.1383C70.5634 13.9131 70.5117 13.8053 70.2917 13.7597C70.2361 13.746 70.1248 13.7406 70.0322 13.7406C69.9599 13.7406 69.9167 13.727 69.9167 13.6772C69.9167 13.6316 69.9634 13.6167 70.0664 13.6167C70.4158 13.6167 70.8371 13.6397 70.9762 13.6397C71.2044 13.6397 71.7084 13.6167 71.9152 13.6167C72.3343 13.6167 72.7813 13.6606 73.138 13.9075C73.3268 14.0335 73.5924 14.3723 73.5924 14.8179C73.5924 15.3084 73.3864 15.7621 72.7125 16.3086C73.305 17.053 73.7636 17.6457 74.1555 18.0588C74.5284 18.4434 74.8025 18.4917 74.9016 18.5095C74.9754 18.5228 75.0363 18.5328 75.0888 18.5328C75.1422 18.5328 75.1683 18.5489 75.1683 18.5829C75.1683 18.6376 75.1227 18.6492 75.0403 18.6492H74.4102C74.0393 18.6492 73.8699 18.6171 73.6994 18.5228C73.4121 18.3697 73.1579 18.0588 72.7867 17.5452C72.5195 17.1811 72.2143 16.727 72.1274 16.6288C72.0939 16.5867 72.053 16.5815 72.0081 16.5815L71.4315 16.5683C71.3969 16.5683 71.3762 16.5815 71.3762 16.6203V16.7152C71.3762 17.3328 71.3762 17.8571 71.4102 18.1375C71.4315 18.3294 71.4682 18.477 71.6702 18.5035C71.7683 18.5174 71.9152 18.5328 71.9946 18.5328C72.0476 18.5328 72.0738 18.5489 72.0738 18.5829C72.0738 18.6287 72.0273 18.6492 71.9419 18.6492C71.5558 18.6492 71.0626 18.6287 70.9635 18.6287C70.8371 18.6287 70.4158 18.6492 70.1522 18.6492C70.0664 18.6492 70.0197 18.6287 70.0197 18.5829C70.0197 18.5489 70.044 18.5328 70.1248 18.5328C70.2258 18.5328 70.3053 18.5174 70.3642 18.5035C70.4974 18.477 70.5304 18.3294 70.558 18.1375C70.5907 17.8571 70.5907 17.3328 70.5907 16.7192V15.5499V15.5499Z",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M76.7248 18.016C76.0707 17.444 75.9004 16.6996 75.9004 16.0549C75.9004 15.6041 76.0397 14.8178 76.68 14.2313C77.1561 13.7909 77.789 13.5244 78.7811 13.5244C79.1931 13.5244 79.4405 13.553 79.7454 13.5928C79.9991 13.6247 80.2123 13.6879 80.4121 13.7047C80.4836 13.7124 80.512 13.746 80.512 13.787C80.512 13.8403 80.4917 13.9167 80.4784 14.1503C80.4648 14.3723 80.4701 14.7376 80.4571 14.869C80.4511 14.9695 80.4374 15.0236 80.3773 15.0236C80.3251 15.0236 80.3122 14.9695 80.3122 14.8761C80.3046 14.6701 80.2179 14.4404 80.0525 14.2655C79.8333 14.0334 79.3152 13.8519 78.7017 13.8519C78.1229 13.8519 77.7424 13.9965 77.4508 14.2655C76.9646 14.7094 76.8376 15.3413 76.8376 15.9871C76.8376 17.5711 78.0433 18.3559 78.9345 18.3559C79.5251 18.3559 79.8849 18.2919 80.1499 17.9833C80.2648 17.8571 80.352 17.6627 80.3773 17.5452C80.3972 17.4374 80.4121 17.4134 80.4648 17.4134C80.512 17.4134 80.5249 17.4585 80.5249 17.5131C80.5249 17.591 80.4455 18.1715 80.3773 18.3969C80.3421 18.5095 80.3176 18.5447 80.2065 18.5907C79.9384 18.6966 79.4325 18.7449 79.0066 18.7449C78.0959 18.7449 77.3306 18.5447 76.7248 18.016",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M82.9906 15.5498C82.9906 14.5374 82.9906 14.3499 82.9794 14.1383C82.9659 13.913 82.9112 13.8052 82.6928 13.7596C82.6399 13.7459 82.5272 13.7406 82.4333 13.7406C82.3601 13.7406 82.3191 13.7269 82.3191 13.6771C82.3191 13.6315 82.3661 13.6166 82.4629 13.6166C82.6474 13.6166 82.8378 13.6247 83.0049 13.6247C83.1806 13.6315 83.3331 13.6396 83.4252 13.6396C83.6378 13.6396 84.9615 13.6396 85.0891 13.6315C85.2143 13.6166 85.3208 13.6054 85.3739 13.5928C85.4089 13.5868 85.451 13.5654 85.4783 13.5654C85.5152 13.5654 85.519 13.5928 85.519 13.6247C85.519 13.6722 85.4862 13.7528 85.4686 14.0589C85.4613 14.1248 85.451 14.4201 85.4354 14.4964C85.4282 14.5306 85.4145 14.5695 85.3697 14.5695C85.3208 14.5695 85.3078 14.5374 85.3078 14.4781C85.3078 14.4315 85.302 14.3167 85.2667 14.239C85.2211 14.1186 85.1542 14.0375 84.8224 13.9965C84.7097 13.9836 84.0092 13.9727 83.8784 13.9727C83.8436 13.9727 83.8299 13.9905 83.8299 14.0375V15.7226C83.8299 15.7684 83.8399 15.7946 83.8784 15.7946C84.0224 15.7946 84.7913 15.7946 84.9426 15.7809C85.102 15.7684 85.2006 15.7488 85.2611 15.6818C85.3078 15.6281 85.3351 15.5948 85.3697 15.5948C85.3932 15.5948 85.4145 15.6085 85.4145 15.6491C85.4145 15.6887 85.3874 15.7946 85.3621 16.1344C85.3532 16.2665 85.3351 16.5336 85.3351 16.5815C85.3351 16.6333 85.3351 16.7056 85.2742 16.7056C85.2288 16.7056 85.2143 16.6799 85.2143 16.6474C85.2095 16.5815 85.2095 16.4955 85.1892 16.4063C85.1542 16.2745 85.0609 16.1755 84.8143 16.1481C84.6885 16.1344 84.0297 16.1268 83.873 16.1268C83.8399 16.1268 83.8299 16.1541 83.8299 16.1947V16.7191C83.8299 16.9454 83.8251 17.5599 83.8299 17.753C83.8436 18.2081 83.9524 18.3115 84.629 18.3115C84.8027 18.3115 85.0815 18.3115 85.2553 18.233C85.4282 18.1499 85.508 18.0135 85.5563 17.7385C85.5656 17.6627 85.5813 17.6376 85.6284 17.6376C85.6814 17.6376 85.6814 17.6923 85.6814 17.7582C85.6814 17.9118 85.6284 18.3648 85.595 18.4968C85.5482 18.6697 85.4862 18.6697 85.2354 18.6697C84.7378 18.6697 84.3714 18.6545 84.0844 18.6491C83.7965 18.6375 83.5907 18.6286 83.3949 18.6286C83.3193 18.6286 83.1725 18.6286 83.014 18.6375C82.8588 18.6375 82.6863 18.6491 82.5535 18.6491C82.4629 18.6491 82.4202 18.6286 82.4202 18.5828C82.4202 18.5488 82.4476 18.5327 82.5272 18.5327C82.6279 18.5327 82.7073 18.5173 82.7661 18.5035C82.8998 18.4769 82.9332 18.3294 82.9599 18.1375C82.9906 17.8571 82.9906 17.3327 82.9906 16.7191V15.5498",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M87.8766 18.5715C87.7717 18.5227 87.7495 18.4917 87.7495 18.3445C87.7495 17.9771 87.7754 17.579 87.7837 17.4735C87.7912 17.3723 87.8084 17.3017 87.861 17.3017C87.9232 17.3017 87.9269 17.3607 87.9269 17.4134C87.9269 17.4979 87.953 17.6376 87.9893 17.753C88.1342 18.2448 88.529 18.4243 88.941 18.4243C89.5376 18.4243 89.8323 18.016 89.8323 17.6627C89.8323 17.3373 89.7326 17.0335 89.1795 16.6006L88.8734 16.3597C88.1418 15.7888 87.8904 15.3208 87.8904 14.7843C87.8904 14.0508 88.5016 13.5244 89.4263 13.5244C89.8591 13.5244 90.1405 13.5928 90.3117 13.6396C90.3718 13.655 90.4051 13.6722 90.4051 13.719C90.4051 13.8052 90.3799 13.9965 90.3799 14.5173C90.3799 14.6647 90.3581 14.7171 90.3038 14.7171C90.259 14.7171 90.2369 14.6771 90.2369 14.5986C90.2369 14.5374 90.2049 14.3304 90.0661 14.158C89.965 14.0334 89.7716 13.8326 89.338 13.8326C88.8475 13.8326 88.5486 14.1186 88.5486 14.5173C88.5486 14.8247 88.7024 15.0547 89.2551 15.4773L89.4394 15.6161C90.2454 16.2211 90.5312 16.6799 90.5312 17.3135C90.5312 17.6975 90.3834 18.1594 89.9057 18.4703C89.5714 18.6819 89.1992 18.7449 88.8475 18.7449C88.4612 18.7449 88.1619 18.6966 87.8766 18.5715",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M40.4308 26.351C40.4308 25.3411 40.4308 25.1548 40.419 24.9405C40.4055 24.7134 40.3396 24.6015 40.1919 24.5681C40.1202 24.547 40.03 24.5443 39.9511 24.5443C39.8862 24.5443 39.8462 24.5289 39.8462 24.4726C39.8462 24.4359 39.9005 24.4214 40.0037 24.4214C40.258 24.4214 40.6772 24.4402 40.8696 24.4402C41.0368 24.4402 41.43 24.4214 41.6832 24.4214C41.7688 24.4214 41.821 24.4359 41.821 24.4726C41.821 24.5289 41.7812 24.5443 41.7141 24.5443C41.6505 24.5443 41.596 24.547 41.5141 24.5615C41.3359 24.5949 41.2832 24.7074 41.2714 24.9405C41.2561 25.1548 41.2561 25.3411 41.2561 26.351V27.5214C41.2561 28.1675 41.2561 28.6935 41.2832 28.9814C41.3046 29.1605 41.3502 29.2786 41.5473 29.3043C41.6424 29.3186 41.7881 29.3331 41.8892 29.3331C41.962 29.3331 41.9941 29.3528 41.9941 29.3868C41.9941 29.4322 41.9425 29.4518 41.8679 29.4518C41.43 29.4518 41.0097 29.4322 40.8298 29.4322C40.6772 29.4322 40.258 29.4518 39.9937 29.4518C39.9084 29.4518 39.8582 29.4322 39.8582 29.3868C39.8582 29.3528 39.8862 29.3331 39.966 29.3331C40.0661 29.3331 40.1465 29.3186 40.2076 29.3043C40.3396 29.2786 40.3782 29.1683 40.3999 28.9737C40.4308 28.6935 40.4308 28.1675 40.4308 27.5214V26.351",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M44.8558 28.5483C44.8695 29.0666 44.9551 29.2398 45.089 29.2861C45.2017 29.3252 45.3281 29.3329 45.4347 29.3329C45.5095 29.3329 45.5472 29.3457 45.5472 29.3866C45.5472 29.438 45.489 29.4516 45.3957 29.4516C44.9628 29.4516 44.6938 29.432 44.5696 29.432C44.5104 29.432 44.198 29.4516 43.8503 29.4516C43.7659 29.4516 43.7046 29.4465 43.7046 29.3866C43.7046 29.3457 43.7433 29.3329 43.8092 29.3329C43.8969 29.3329 44.0171 29.3252 44.1104 29.3006C44.2851 29.2467 44.3095 29.0512 44.3164 28.4749L44.3786 24.5339C44.3786 24.4007 44.3958 24.3076 44.4637 24.3076C44.5354 24.3076 44.5957 24.3949 44.7103 24.5132C44.7881 24.6013 45.8019 25.6856 46.7726 26.6505C47.2261 27.1038 48.1224 28.0625 48.2345 28.1673H48.271L48.2037 25.1793C48.196 24.7721 48.1345 24.6475 47.9763 24.5799C47.8783 24.5441 47.7164 24.5441 47.6252 24.5441C47.5453 24.5441 47.5162 24.5219 47.5162 24.4809C47.5162 24.4264 47.5921 24.4212 47.6914 24.4212C48.0379 24.4212 48.3572 24.44 48.4967 24.44C48.5705 24.44 48.8221 24.4212 49.1473 24.4212C49.2341 24.4212 49.3019 24.4264 49.3019 24.4809C49.3019 24.5219 49.2617 24.5441 49.1802 24.5441C49.1143 24.5441 49.0629 24.5441 48.9806 24.5613C48.7939 24.616 48.7427 24.7544 48.7359 25.1273L48.6621 29.3252C48.6621 29.4713 48.6347 29.5345 48.5746 29.5345C48.5023 29.5345 48.4221 29.4577 48.3496 29.3866C47.9311 28.9856 47.0783 28.1145 46.3861 27.4291C45.6599 26.7092 44.9219 25.8785 44.8017 25.7523H44.7843L44.8558 28.5483",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M51.4631 29.3742C51.3557 29.3253 51.3379 29.2921 51.3379 29.1469C51.3379 28.7815 51.363 28.3817 51.3686 28.2744C51.3766 28.1761 51.3959 28.1019 51.4488 28.1019C51.5085 28.1019 51.5165 28.1616 51.5165 28.2163C51.5165 28.2999 51.5426 28.44 51.5768 28.5527C51.7223 29.0455 52.1149 29.2264 52.5283 29.2264C53.1243 29.2264 53.4197 28.8209 53.4197 28.4673C53.4197 28.143 53.3183 27.8365 52.7673 27.4019L52.4601 27.1637C51.7281 26.589 51.4757 26.1256 51.4757 25.5866C51.4757 24.8534 52.0865 24.3301 53.0116 24.3301C53.4449 24.3301 53.7243 24.3949 53.8978 24.4401C53.9583 24.4555 53.991 24.4725 53.991 24.522C53.991 24.6101 53.9651 24.8011 53.9651 25.3186C53.9651 25.4654 53.9457 25.5192 53.8914 25.5192C53.8447 25.5192 53.8234 25.4807 53.8234 25.3988C53.8234 25.341 53.791 25.1344 53.6528 24.9626C53.5515 24.8335 53.3575 24.6356 52.927 24.6356C52.4344 24.6356 52.136 24.9216 52.136 25.3186C52.136 25.626 52.2894 25.8573 52.8408 26.2782L53.0269 26.4174C53.8313 27.022 54.1162 27.4829 54.1162 28.1146C54.1162 28.4996 53.9691 28.9599 53.4912 29.2708C53.161 29.4841 52.7865 29.5466 52.4344 29.5466C52.0483 29.5466 51.7474 29.4977 51.4631 29.3742",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M57.6296 24.7953L56.6388 24.82C56.2502 24.8335 56.0945 24.8662 55.994 25.0138C55.9275 25.1145 55.891 25.193 55.8788 25.2453C55.8668 25.2998 55.8469 25.3261 55.8071 25.3261C55.7609 25.3261 55.7466 25.2938 55.7466 25.2204C55.7466 25.1145 55.872 24.5093 55.8896 24.4555C55.9086 24.3659 55.9275 24.3301 55.965 24.3301C56.0193 24.3301 56.0873 24.3949 56.2502 24.407C56.445 24.4264 56.697 24.4401 56.9167 24.4401H59.5543C59.7653 24.4401 59.9116 24.4213 60.0115 24.407C60.1118 24.3871 60.165 24.3761 60.1924 24.3761C60.2394 24.3761 60.245 24.4144 60.245 24.5133C60.245 24.6544 60.2249 25.1145 60.2249 25.2863C60.2189 25.3545 60.2061 25.393 60.165 25.393C60.1118 25.393 60.0973 25.358 60.09 25.2625L60.0875 25.1864C60.0722 25.0138 59.8931 24.8285 59.301 24.815L58.4623 24.7953V27.5212C58.4623 28.1343 58.4623 28.6592 58.4976 28.9454C58.5148 29.1332 58.5554 29.2785 58.7543 29.3042C58.8478 29.3185 58.9941 29.333 59.0934 29.333C59.167 29.333 59.2003 29.3527 59.2003 29.3866C59.2003 29.432 59.1464 29.4517 59.0741 29.4517C58.6354 29.4517 58.2178 29.432 58.0313 29.432C57.876 29.432 57.4551 29.4517 57.1911 29.4517C57.1049 29.4517 57.0562 29.432 57.0562 29.3866C57.0562 29.3527 57.0852 29.333 57.1633 29.333C57.2663 29.333 57.3461 29.3185 57.4037 29.3042C57.5386 29.2785 57.5766 29.1332 57.5962 28.9413C57.6296 28.6592 57.6296 28.1343 57.6296 27.5212V24.7953",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M62.5148 26.351C62.5148 25.3411 62.5148 25.1548 62.5011 24.9405C62.4876 24.7134 62.4195 24.6015 62.2752 24.5681C62.2023 24.547 62.1156 24.5443 62.0331 24.5443C61.9675 24.5443 61.9272 24.5289 61.9272 24.4726C61.9272 24.4359 61.9807 24.4214 62.0852 24.4214C62.3403 24.4214 62.7614 24.4402 62.9535 24.4402C63.1195 24.4402 63.5118 24.4214 63.7651 24.4214C63.8509 24.4214 63.9037 24.4359 63.9037 24.4726C63.9037 24.5289 63.8633 24.5443 63.798 24.5443C63.7321 24.5443 63.6801 24.547 63.5991 24.5615C63.4198 24.5949 63.3635 24.7074 63.3535 24.9405C63.339 25.1548 63.339 25.3411 63.339 26.351V27.5214C63.339 28.1675 63.339 28.6935 63.3635 28.9814C63.3863 29.1605 63.4312 29.2786 63.6331 29.3043C63.7234 29.3186 63.8712 29.3331 63.973 29.3331C64.0451 29.3331 64.0778 29.3528 64.0778 29.3868C64.0778 29.4322 64.0217 29.4518 63.9493 29.4518C63.5118 29.4518 63.092 29.4322 62.9121 29.4322C62.7614 29.4322 62.3403 29.4518 62.0736 29.4518C61.9867 29.4518 61.9401 29.4322 61.9401 29.3868C61.9401 29.3528 61.9675 29.3331 62.0474 29.3331C62.1475 29.3331 62.2273 29.3186 62.2856 29.3043C62.4195 29.2786 62.4588 29.1683 62.4789 28.9737C62.5148 28.6935 62.5148 28.1675 62.5148 27.5214V26.351",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M67.4491 24.7953L66.4598 24.82C66.0741 24.8335 65.9133 24.8662 65.8121 25.0138C65.7464 25.1145 65.7122 25.193 65.7014 25.2453C65.6857 25.2998 65.6662 25.3261 65.6277 25.3261C65.579 25.3261 65.5686 25.2938 65.5686 25.2204C65.5686 25.1145 65.6934 24.5093 65.707 24.4555C65.7276 24.3659 65.7464 24.3301 65.7875 24.3301C65.8401 24.3301 65.9072 24.3949 66.0741 24.407C66.2674 24.4264 66.519 24.4401 66.7379 24.4401H69.3734C69.5869 24.4401 69.7326 24.4213 69.8356 24.407C69.9321 24.3871 69.9869 24.3761 70.0117 24.3761C70.0586 24.3761 70.0664 24.4144 70.0664 24.5133C70.0664 24.6544 70.0449 25.1145 70.0449 25.2863C70.0393 25.3545 70.0258 25.393 69.9869 25.393C69.9321 25.393 69.9195 25.358 69.9118 25.2625L69.9075 25.1864C69.8938 25.0138 69.7121 24.8285 69.1229 24.815L68.2819 24.7953V27.5212C68.2819 28.1343 68.2819 28.6592 68.3148 28.9454C68.3351 29.1332 68.3747 29.2785 68.5749 29.3042C68.6688 29.3185 68.8139 29.333 68.9129 29.333C68.989 29.333 69.0223 29.3527 69.0223 29.3866C69.0223 29.432 68.9682 29.4517 68.8932 29.4517C68.4559 29.4517 68.0356 29.432 67.8479 29.432C67.6976 29.432 67.278 29.4517 67.0098 29.4517C66.9238 29.4517 66.8761 29.432 66.8761 29.3866C66.8761 29.3527 66.9053 29.333 66.9839 29.333C67.084 29.333 67.1636 29.3185 67.2216 29.3042C67.3573 29.2785 67.3965 29.1332 67.4181 28.9413C67.4491 28.6592 67.4491 28.1343 67.4491 27.5212V24.7953",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M72.0477 26.351C72.0477 25.3411 72.0477 25.1548 72.033 24.9405C72.0197 24.7134 71.9681 24.6102 71.7482 24.5615C71.6927 24.547 71.5826 24.5443 71.49 24.5443C71.4177 24.5443 71.3762 24.5289 71.3762 24.4811C71.3762 24.4359 71.4216 24.4214 71.5227 24.4214C71.874 24.4214 72.2937 24.4402 72.4937 24.4402C72.6528 24.4402 73.0702 24.4214 73.3123 24.4214C73.4122 24.4214 73.4588 24.4359 73.4588 24.4811C73.4588 24.5289 73.4182 24.5443 73.3515 24.5443C73.2804 24.5443 73.2373 24.547 73.1579 24.5615C72.9809 24.5949 72.9248 24.7074 72.9129 24.9405C72.8995 25.1548 72.8995 25.3411 72.8995 26.351V27.2824C72.8995 28.2482 73.0924 28.6554 73.4182 28.9198C73.7171 29.1683 74.0236 29.1932 74.2509 29.1932C74.5423 29.1932 74.8994 29.1001 75.1684 28.8336C75.5348 28.4674 75.5528 27.8699 75.5528 27.1833V26.351C75.5528 25.3411 75.5528 25.1548 75.5402 24.9405C75.5302 24.7134 75.4761 24.6102 75.255 24.5615C75.2026 24.547 75.0888 24.5443 75.0181 24.5443C74.9402 24.5443 74.8994 24.5289 74.8994 24.4811C74.8994 24.4359 74.9481 24.4214 75.0403 24.4214C75.3829 24.4214 75.8007 24.4402 75.8065 24.4402C75.8882 24.4402 76.3072 24.4214 76.5675 24.4214C76.6589 24.4214 76.7055 24.4359 76.7055 24.4811C76.7055 24.5289 76.6666 24.5443 76.587 24.5443C76.5122 24.5443 76.4742 24.547 76.3928 24.5615C76.2121 24.5949 76.1596 24.7074 76.146 24.9405C76.1323 25.1548 76.1323 25.3411 76.1323 26.351V27.0619C76.1323 27.8016 76.0589 28.587 75.5006 29.0668C75.0295 29.4715 74.5504 29.5468 74.1162 29.5468C73.7637 29.5468 73.1245 29.5269 72.64 29.0898C72.3009 28.7816 72.0477 28.288 72.0477 27.3224V26.351",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M79.9309 24.7953L78.9403 24.82C78.554 24.8335 78.3952 24.8662 78.2958 25.0138C78.2296 25.1145 78.1967 25.193 78.1809 25.2453C78.1693 25.2998 78.148 25.3261 78.1084 25.3261C78.0626 25.3261 78.0481 25.2938 78.0481 25.2204C78.0481 25.1145 78.1737 24.5093 78.1867 24.4555C78.2083 24.3659 78.2296 24.3301 78.2684 24.3301C78.3208 24.3301 78.3867 24.3949 78.554 24.407C78.7463 24.4264 79.0004 24.4401 79.2201 24.4401H81.855C82.0689 24.4401 82.2125 24.4213 82.3151 24.407C82.4143 24.3871 82.4668 24.3761 82.4966 24.3761C82.5401 24.3761 82.5482 24.4144 82.5482 24.5133C82.5482 24.6544 82.5271 25.1145 82.5271 25.2863C82.5192 25.3545 82.5072 25.393 82.4668 25.393C82.4143 25.393 82.3986 25.358 82.3951 25.2625L82.389 25.1864C82.3735 25.0138 82.1949 24.8285 81.6046 24.815L80.764 24.7953V27.5212C80.764 28.1343 80.764 28.6592 80.7968 28.9454C80.8181 29.1332 80.8592 29.2785 81.055 29.3042C81.1524 29.3185 81.2942 29.333 81.3949 29.333C81.4703 29.333 81.5033 29.3527 81.5033 29.3866C81.5033 29.432 81.4484 29.4517 81.3764 29.4517C80.9346 29.4517 80.5172 29.432 80.333 29.432C80.1792 29.432 79.7581 29.4517 79.4918 29.4517C79.4064 29.4517 79.36 29.432 79.36 29.3866C79.36 29.3527 79.3848 29.333 79.4667 29.333C79.5658 29.333 79.6455 29.3185 79.7046 29.3042C79.8393 29.2785 79.8774 29.1332 79.9 28.9413C79.9309 28.6592 79.9309 28.1343 79.9309 27.5212V24.7953",fill:"#686767"}),T("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M84.8142 26.3512C84.8142 25.3413 84.8142 25.155 84.8026 24.9407C84.7889 24.7136 84.7377 24.6103 84.517 24.5616C84.4629 24.5471 84.3502 24.5444 84.2555 24.5444C84.1832 24.5444 84.1423 24.5291 84.1423 24.4812C84.1423 24.4361 84.1892 24.4215 84.2905 24.4215C84.4706 24.4215 84.6611 24.4267 84.8316 24.4267C85.0028 24.4361 85.1541 24.4404 85.2472 24.4404C85.4612 24.4404 86.7872 24.4404 86.9113 24.4361C87.0375 24.4215 87.1453 24.4072 87.1988 24.3952C87.2328 24.3873 87.2705 24.3662 87.3047 24.3662C87.3374 24.3662 87.3447 24.3952 87.3447 24.4267C87.3447 24.4727 87.3097 24.554 87.2922 24.8595C87.2842 24.9262 87.2705 25.2207 87.2549 25.3001C87.2514 25.3349 87.2367 25.3718 87.1911 25.3718C87.1453 25.3718 87.131 25.3413 87.131 25.2806C87.131 25.2335 87.1269 25.1216 87.0898 25.0406C87.0433 24.9218 86.9797 24.84 86.6434 24.8014C86.5327 24.7871 85.8357 24.7724 85.7004 24.7724C85.6666 24.7724 85.6534 24.7956 85.6534 24.84V26.5236C85.6534 26.5723 85.6612 26.597 85.7004 26.597C85.8471 26.597 86.6135 26.597 86.7654 26.5844C86.9229 26.5723 87.022 26.5524 87.0838 26.4853C87.131 26.4322 87.1584 26.3989 87.1911 26.3989C87.2172 26.3989 87.2367 26.4109 87.2367 26.4501C87.2367 26.4905 87.2102 26.597 87.1834 26.9352C87.1756 27.0691 87.1584 27.3371 87.1584 27.3822C87.1584 27.4363 87.1584 27.5122 87.0972 27.5122C87.0512 27.5122 87.0375 27.4832 87.0375 27.4498C87.0301 27.3822 87.0301 27.2962 87.0104 27.21C86.9797 27.077 86.884 26.976 86.6403 26.953C86.5136 26.9352 85.8511 26.93 85.6919 26.93C85.6612 26.93 85.6534 26.9572 85.6534 26.9974V27.5215C85.6534 27.7487 85.6473 28.3609 85.6534 28.553C85.6666 29.0139 85.7756 29.1113 86.4506 29.1113C86.6251 29.1113 86.9045 29.1113 87.0784 29.0327C87.2514 28.9523 87.331 28.8141 87.3776 28.5391C87.3892 28.4676 87.4023 28.4402 87.4516 28.4402C87.5043 28.4402 87.5043 28.4933 87.5043 28.5606C87.5043 28.7142 87.4516 29.1685 87.417 29.3009C87.3696 29.4717 87.3097 29.4717 87.0568 29.4717C86.558 29.4717 86.1912 29.458 85.9074 29.452C85.621 29.4383 85.4144 29.4323 85.2142 29.4323C85.1408 29.4323 84.9947 29.4323 84.8339 29.4383C84.6818 29.4383 84.5077 29.452 84.3761 29.452C84.2905 29.452 84.2443 29.4323 84.2443 29.3869C84.2443 29.3529 84.2685 29.3333 84.3502 29.3333C84.4493 29.3333 84.5307 29.3187 84.5892 29.3044C84.7232 29.2787 84.757 29.1335 84.7815 28.9416C84.8142 28.6595 84.8142 28.1345 84.8142 27.5215V26.3512",fill:"#686767"})]})}),be=e=>T(i,{...e,children:E("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[T("path",{d:"M7.99573 16C9.25964 16 10.2883 14.9745 10.2938 13.7118H5.69775C5.70325 14.9744 6.73181 16 7.99573 16Z",fill:"#1A1919"}),T("path",{d:"M14.2106 12.7737V12.0912C14.2106 11.3503 13.7648 10.6915 13.108 10.4019V6.52185C13.108 5.4281 12.7614 4.40417 12.1055 3.56079C11.5471 2.8429 10.7917 2.28613 9.90662 1.93701V1.91077C9.90662 0.857178 9.04944 0 7.99585 0C6.94226 0 6.08521 0.857178 6.08521 1.91077V1.93701C5.20007 2.28613 4.4447 2.8429 3.88635 3.56079C3.23047 4.40417 2.88367 5.4281 2.88367 6.52185V10.4017C2.22705 10.6914 1.78125 11.3503 1.78125 12.0912V12.7736H14.2106V12.7737Z",fill:"currentColor"})]})}),me=Z`
|
71
|
+
width: 20px !important;
|
72
|
+
padding: 0 !important;
|
73
|
+
min-width: 20px !important;
|
74
|
+
height: 20px;
|
75
|
+
border-radius: 2px;
|
76
|
+
background-color: transparent;
|
77
|
+
|
78
|
+
svg {
|
79
|
+
width: 15px;
|
80
|
+
height: 15px;
|
81
|
+
|
82
|
+
path {
|
83
|
+
fill: ${W("neutral",800)};
|
84
|
+
}
|
85
|
+
}
|
86
|
+
|
87
|
+
&:hover {
|
88
|
+
background-color: color-mix(
|
89
|
+
in srgb,
|
90
|
+
${W("primary",500)} 20%,
|
91
|
+
transparent
|
92
|
+
);
|
93
|
+
}
|
94
|
+
|
95
|
+
&:active {
|
96
|
+
background-color: color-mix(
|
97
|
+
in srgb,
|
98
|
+
${W("primary",500)} 40%,
|
99
|
+
transparent
|
100
|
+
);
|
101
|
+
}
|
102
|
+
|
103
|
+
&:focus-visible {
|
104
|
+
outline-color: ${W("primary",700)};
|
105
|
+
}
|
106
|
+
|
107
|
+
&:disabled {
|
108
|
+
background-color: transparent;
|
109
|
+
|
110
|
+
svg {
|
111
|
+
path {
|
112
|
+
fill: ${W("neutral",500)};
|
113
|
+
}
|
114
|
+
}
|
115
|
+
}
|
116
|
+
`,fe=({icon:e,disabled:l,...n})=>B(r,{css:me,"aria-label":n["aria-label"],disabled:l,...n,children:e}),ve=({disabled:e,...l})=>B(fe,{css:ee,icon:B(oe,{}),"aria-label":l["aria-label"]||"Close",disabled:e,...l}),$e=Z`
|
117
|
+
width: 200px;
|
118
|
+
border: 1px solid ${W("neutral",600)};
|
119
|
+
border-radius: 4px;
|
120
|
+
padding: 8px;
|
121
|
+
`,we=e=>Z`
|
122
|
+
&[data-state='open'] {
|
123
|
+
background-color: ${"primary"===e?W("primary",600):W("neutral",200)} !important;
|
124
|
+
border: 1px solid ${W("primary",800)} !important;
|
125
|
+
}
|
126
|
+
`,ke=e=>Z`
|
127
|
+
font-size: ${"small"===e?"14px":"16px"};
|
128
|
+
line-height: ${"small"===e?"20px":"24px"};
|
129
|
+
color: ${W("neutral",800)};
|
130
|
+
padding: 4px;
|
131
|
+
cursor: pointer;
|
132
|
+
|
133
|
+
&[data-highlighted] {
|
134
|
+
background-color: ${W("neutral",200)};
|
135
|
+
}
|
136
|
+
`,ye=j.forwardRef(((e,l)=>{const{portalled:r=!0,portalRef:n,...t}=e;return B(a,{disabled:!r,container:n,children:B(o.Positioner,{children:B(o.Content,{css:$e,ref:l,...t})})})})),Le=({variant:e="primary",size:l="default",mainActionLabel:r,mainActionOnClick:n=()=>{},otherActions:t=[],...i})=>{const[a,c]=A(!1);return I(d,{attached:!0,"aria-disabled":i.disabled,children:[B(X,{css:{},label:r,variant:e,size:l,onClick:n,...i}),I(o.Root,{onOpenChange:({open:e})=>c(e),positioning:{placement:"bottom-end"},children:[B(o.Trigger,{css:we(e),"data-group-item":!0,"data-last":!0,asChild:!0,children:B(X,{variant:e,size:l,leftIcon:B(ae,{rotate:a?"180":"0"}),disabled:i.disabled})}),B(ye,{children:t.map((({label:e,value:r,onClick:n})=>B(o.Item,{css:ke(l),onClick:n,value:r,children:e},r)))})]})]})},Re=Z`
|
137
|
+
.chakra-checkbox__control {
|
138
|
+
width: 20px;
|
139
|
+
height: 20px;
|
140
|
+
border: 1px solid ${W("neutral",600)};
|
141
|
+
|
142
|
+
svg {
|
143
|
+
width: 12px;
|
144
|
+
|
145
|
+
path {
|
146
|
+
fill: transparent;
|
147
|
+
}
|
148
|
+
}
|
149
|
+
|
150
|
+
&:hover,
|
151
|
+
&[data-hover] {
|
152
|
+
outline: 4px solid
|
153
|
+
color-mix(in srgb, ${W("primary",500)} 20%, transparent);
|
154
|
+
}
|
155
|
+
|
156
|
+
&:active,
|
157
|
+
&[data-active] {
|
158
|
+
outline: 4px solid
|
159
|
+
color-mix(in srgb, ${W("primary",500)} 40%, transparent);
|
160
|
+
}
|
161
|
+
|
162
|
+
&:focus-visible,
|
163
|
+
&[data-focus-visible] {
|
164
|
+
box-shadow: none;
|
165
|
+
outline: 2px solid ${W("primary",700)};
|
166
|
+
outline-offset: 2px;
|
167
|
+
}
|
168
|
+
|
169
|
+
&[data-state='checked'],
|
170
|
+
&[data-state='indeterminate'] {
|
171
|
+
border: 1px solid ${W("primary",700)};
|
172
|
+
background-color: ${W("primary",500)} !important;
|
173
|
+
|
174
|
+
svg path {
|
175
|
+
fill: ${W("primary",900)};
|
176
|
+
}
|
177
|
+
}
|
178
|
+
|
179
|
+
&[data-disabled] {
|
180
|
+
border: 1px solid ${W("neutral",400)};
|
181
|
+
background-color: transparent !important;
|
182
|
+
cursor: not-allowed;
|
183
|
+
|
184
|
+
&:hover,
|
185
|
+
&[data-hover],
|
186
|
+
&:active,
|
187
|
+
&[data-active] {
|
188
|
+
outline: none;
|
189
|
+
}
|
190
|
+
|
191
|
+
&[data-state='checked'],
|
192
|
+
&[data-state='indeterminate'] {
|
193
|
+
border: none !important;
|
194
|
+
background-color: ${W("neutral",300)} !important;
|
195
|
+
|
196
|
+
svg path {
|
197
|
+
fill: ${W("neutral",500)} !important;
|
198
|
+
}
|
199
|
+
}
|
200
|
+
}
|
201
|
+
}
|
202
|
+
`,Ve=({name:e,value:l,checked:r,defaultChecked:n,disabled:t,indeterminate:i,onCheckedChange:a,children:o,...d})=>I(c.Root,{css:Re,name:e,value:l,checked:i?"indeterminate":r,defaultChecked:n,disabled:t,onCheckedChange:a,"aria-label":d["aria-label"]||e,gap:o?"10px":"0",...d,children:[B(c.HiddenInput,{}),B(c.Control,{children:B(i?te:ne,{})}),B(c.Label,{children:o})]}),Me=Z`
|
203
|
+
width: 241px;
|
204
|
+
min-height: 70px;
|
205
|
+
padding: 12px;
|
206
|
+
background-color: ${W("neutral",100)};
|
207
|
+
border: 1px solid ${W("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 ${W("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: ${W("primary",100)};
|
228
|
+
border: 1px solid ${W("primary",700)};
|
229
|
+
}
|
230
|
+
|
231
|
+
&[data-disabled] {
|
232
|
+
outline: none;
|
233
|
+
box-shadow: none;
|
234
|
+
border: 1px solid ${W("neutral",300)};
|
235
|
+
background-color: ${W("neutral",100)};
|
236
|
+
color: ${W("neutral",500)};
|
237
|
+
cursor: not-allowed;
|
238
|
+
}
|
239
|
+
`,_e=Z`
|
240
|
+
width: 100%;
|
241
|
+
padding: 0;
|
242
|
+
display: flex;
|
243
|
+
justify-content: space-between;
|
244
|
+
position: relative;
|
245
|
+
|
246
|
+
&[data-disabled] {
|
247
|
+
background-color: ${W("neutral",100)};
|
248
|
+
}
|
249
|
+
`,ze=e=>Z`
|
250
|
+
width: 100%;
|
251
|
+
display: flex;
|
252
|
+
flex-direction: ${"centered"===e?"column":"row"};
|
253
|
+
align-items: center;
|
254
|
+
gap: 12px;
|
255
|
+
`,Ie=Z`
|
256
|
+
svg {
|
257
|
+
height: 32px;
|
258
|
+
width: 32px;
|
259
|
+
}
|
260
|
+
`,Be=(e,l)=>Z`
|
261
|
+
font-size: 16px;
|
262
|
+
line-height: 24px;
|
263
|
+
font-weight: 400;
|
264
|
+
color: ${W("neutral",l?500:800)};
|
265
|
+
text-align: ${"centered"===e?"center":"left"};
|
266
|
+
`,He=(e,l)=>Z`
|
267
|
+
font-size: 14px;
|
268
|
+
line-height: 20px;
|
269
|
+
font-weight: 400;
|
270
|
+
color: ${W("neutral",l?500:700)};
|
271
|
+
text-align: ${"centered"===e?"center":"left"};
|
272
|
+
`,Ze=Z`
|
273
|
+
position: absolute;
|
274
|
+
top: 0;
|
275
|
+
right: 0;
|
276
|
+
width: 20px;
|
277
|
+
height: 20px;
|
278
|
+
border: 1px solid ${W("neutral",600)};
|
279
|
+
cursor: pointer;
|
280
|
+
|
281
|
+
.dot {
|
282
|
+
width: 10px !important;
|
283
|
+
height: 10px !important;
|
284
|
+
scale: 1 !important;
|
285
|
+
}
|
286
|
+
|
287
|
+
&[data-checked] {
|
288
|
+
border: 1px solid ${W("primary",700)};
|
289
|
+
background-color: ${W("neutral",100)} !important;
|
290
|
+
color: ${W("primary",700)};
|
291
|
+
|
292
|
+
&[data-disabled] {
|
293
|
+
border: 1px solid ${W("neutral",400)};
|
294
|
+
color: ${W("neutral",400)};
|
295
|
+
}
|
296
|
+
}
|
297
|
+
|
298
|
+
&[data-disabled] {
|
299
|
+
border: 1px solid ${W("neutral",400)};
|
300
|
+
}
|
301
|
+
`,Te=e=>Z`
|
302
|
+
width: 100%;
|
303
|
+
border-top: 1px solid ${W("neutral",300)};
|
304
|
+
margin-top: 12px;
|
305
|
+
padding-top: 8px;
|
306
|
+
color: ${e?W("neutral",500):"inherit"};
|
307
|
+
`,Ee=({label:e,caption:l,icon:r,variant:n="default",disabled:t,children:i,value:a})=>I(s.Item,{css:Me,value:a,disabled:t,children:[B(s.ItemHiddenInput,{}),I(s.ItemControl,{css:_e,children:[I("div",{css:ze(n),children:[B("div",{css:Ie,children:r}),I("div",{style:{width:"100%"},children:[B("p",{css:Be(n,t),"aria-label":e,"aria-disabled":t,children:e}),B("p",{css:He(n,t),"aria-label":l,"aria-disabled":t,children:l})]})]}),B(s.ItemIndicator,{css:Ze})]}),"expanded"===n?B("div",{css:Te(t),children:i}):null]}),Fe=({children:e,...l})=>T(s.Root,{...l,children:T(p,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:e})}),De=Z`
|
308
|
+
.radio-item-indicator {
|
309
|
+
width: 20px;
|
310
|
+
height: 20px;
|
311
|
+
border: 1px solid ${W("neutral",600)};
|
312
|
+
|
313
|
+
.dot {
|
314
|
+
width: 10px !important;
|
315
|
+
height: 10px !important;
|
316
|
+
scale: 1 !important;
|
317
|
+
}
|
318
|
+
|
319
|
+
&:hover {
|
320
|
+
outline: 4px solid
|
321
|
+
color-mix(in srgb, ${W("primary",500)} 20%, transparent);
|
322
|
+
}
|
323
|
+
|
324
|
+
&:active {
|
325
|
+
outline: 4px solid
|
326
|
+
color-mix(in srgb, ${W("primary",500)} 40%, transparent);
|
327
|
+
}
|
328
|
+
|
329
|
+
&:focus-visible,
|
330
|
+
&[data-focus-visible] {
|
331
|
+
outline: 2px solid ${W("primary",700)};
|
332
|
+
outline-offset: 2px;
|
333
|
+
box-shadow: none;
|
334
|
+
|
335
|
+
&[data-checked] {
|
336
|
+
border: 2px solid ${W("primary",700)};
|
337
|
+
|
338
|
+
&[data-disabled] {
|
339
|
+
border: 2px solid ${W("neutral",400)};
|
340
|
+
}
|
341
|
+
}
|
342
|
+
}
|
343
|
+
|
344
|
+
&[data-checked] {
|
345
|
+
border: 1px solid ${W("primary",700)};
|
346
|
+
background-color: ${W("neutral",100)} !important;
|
347
|
+
color: ${W("primary",700)};
|
348
|
+
|
349
|
+
&[data-disabled] {
|
350
|
+
border: 1px solid ${W("neutral",400)};
|
351
|
+
color: ${W("neutral",400)};
|
352
|
+
}
|
353
|
+
}
|
354
|
+
|
355
|
+
&[data-disabled] {
|
356
|
+
border: 1px solid ${W("neutral",400)} !important;
|
357
|
+
background-color: ${W("neutral",100)} !important;
|
358
|
+
|
359
|
+
&:hover,
|
360
|
+
&:active {
|
361
|
+
outline: none;
|
362
|
+
}
|
363
|
+
}
|
364
|
+
}
|
365
|
+
`,je=Z`
|
366
|
+
&[data-disabled] {
|
367
|
+
color: ${W("neutral",500)};
|
368
|
+
}
|
369
|
+
`,Ae=({children:e,value:l,disabled:r,...n})=>I(h.Item,{css:De,value:l,disabled:r,...n,children:[B(h.ItemHiddenInput,{}),B(h.ItemIndicator,{className:"radio-item-indicator"}),e?B(h.ItemText,{css:je,children:e}):null]}),Se=({children:e,horizontal:l=!1,name:r,defaultValue:n,onChange:t,customGap:i,...a})=>{const[o,d]=A(n);let c=l?"20px":"8px";return c=i||c,T(h.Root,{onValueChange:e=>{d(e.value),t&&t(r,e.value)},value:o,...a,children:T(p,{gap:c,flexDirection:l?"row":"column",alignItems:"flex-start",flexWrap:"wrap",children:e})})},Ne=Z`
|
370
|
+
height: 60px;
|
371
|
+
padding: 40px 12px;
|
372
|
+
`,qe=Z`
|
373
|
+
height: 20px;
|
374
|
+
width: 20px;
|
375
|
+
background-color: ${W("primary",500)};
|
376
|
+
border: 2px solid ${W("primary",700)};
|
377
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
378
|
+
|
379
|
+
&:hover,
|
380
|
+
&[data-hover] {
|
381
|
+
outline: 4px solid
|
382
|
+
color-mix(in srgb, ${W("primary",500)} 20%, transparent);
|
383
|
+
|
384
|
+
.slider-value-preview {
|
385
|
+
display: flex;
|
386
|
+
}
|
387
|
+
}
|
388
|
+
|
389
|
+
&[data-dragging] {
|
390
|
+
outline: 4px solid
|
391
|
+
color-mix(in srgb, ${W("primary",500)} 40%, transparent);
|
392
|
+
|
393
|
+
div {
|
394
|
+
display: flex;
|
395
|
+
}
|
396
|
+
}
|
397
|
+
|
398
|
+
&:focus-visible,
|
399
|
+
&[data-focus-visible] {
|
400
|
+
box-shadow: none;
|
401
|
+
outline: 2px solid ${W("primary",700)};
|
402
|
+
outline-offset: 2px;
|
403
|
+
|
404
|
+
.slider-value-preview {
|
405
|
+
display: flex;
|
406
|
+
}
|
407
|
+
}
|
408
|
+
|
409
|
+
&[data-disabled] {
|
410
|
+
background-color: ${W("neutral",400)};
|
411
|
+
border: none;
|
412
|
+
box-shadow: none;
|
413
|
+
outline: none;
|
414
|
+
cursor: not-allowed;
|
415
|
+
}
|
416
|
+
`,Oe=Z`
|
417
|
+
font-size: 14px;
|
418
|
+
line-height: 20px;
|
419
|
+
color: ${W("neutral",800)};
|
420
|
+
height: 28px;
|
421
|
+
background-color: ${W("neutral",100)};
|
422
|
+
border: 1px solid ${W("neutral",300)};
|
423
|
+
border-radius: 8px;
|
424
|
+
padding: 0 8px;
|
425
|
+
display: none;
|
426
|
+
justify-content: center;
|
427
|
+
align-items: center;
|
428
|
+
position: relative;
|
429
|
+
top: -30px;
|
430
|
+
`,Pe=Z`
|
431
|
+
background-color: ${W("neutral",300)};
|
432
|
+
border: none;
|
433
|
+
box-shadow: none;
|
434
|
+
`,Ue=Z`
|
435
|
+
background-color: ${W("primary",500)};
|
436
|
+
border: 1px solid ${W("primary",700)};
|
437
|
+
border-radius: 8px;
|
438
|
+
|
439
|
+
&:disabled,
|
440
|
+
&[disabled],
|
441
|
+
&[data-disabled],
|
442
|
+
&[aria-disabled='true'] {
|
443
|
+
--chakra-colors-border-emphasized: ${W("neutral",400)};
|
444
|
+
background-color: ${W("neutral",400)};
|
445
|
+
border: none;
|
446
|
+
}
|
447
|
+
`,We=(e,l)=>Z`
|
448
|
+
font-size: 12px;
|
449
|
+
line-height: 16px;
|
450
|
+
color: ${W("neutral",800)};
|
451
|
+
|
452
|
+
p {
|
453
|
+
position: relative;
|
454
|
+
top: -40px;
|
455
|
+
}
|
456
|
+
|
457
|
+
&[data-state='under-value'] {
|
458
|
+
.chakra-slider__markerIndicator {
|
459
|
+
background-color: ${W("neutral",e?500:200)};
|
460
|
+
}
|
461
|
+
|
462
|
+
&[data-disabled] {
|
463
|
+
.chakra-slider__markerIndicator {
|
464
|
+
background-color: ${W("neutral",e?400:500)};
|
465
|
+
}
|
466
|
+
}
|
467
|
+
}
|
468
|
+
|
469
|
+
&[data-state='over-value'] {
|
470
|
+
.chakra-slider__markerIndicator {
|
471
|
+
background-color: ${W("neutral",500)};
|
472
|
+
}
|
473
|
+
|
474
|
+
&[data-disabled] {
|
475
|
+
.chakra-slider__markerIndicator {
|
476
|
+
background-color: ${W("neutral",400)};
|
477
|
+
}
|
478
|
+
}
|
479
|
+
}
|
480
|
+
|
481
|
+
${l?`\n --ty: -6px !important;\n\n .chakra-slider__markerIndicator {\n height: 16px;\n width: 4px;\n background-color: ${W("primary",700)} !important;\n }\n\n &[data-disabled] {\n .chakra-slider__markerIndicator {\n background-color: ${W("neutral",400)} !important;\n }\n }\n `:""};
|
482
|
+
`,Ge=e=>{const{value:l}=e;return B(u,{each:l,children:(e,l)=>I(x.Thumb,{css:qe,index:l,children:[B("div",{css:Oe,className:"slider-value-preview",children:e}),B(x.HiddenInput,{})]},l)})},Ye=j.forwardRef(((e,l)=>{const{marks:r,isCentred:n}=e;return r?.length?B(x.MarkerGroup,{ref:l,children:r.map(((e,l)=>{const r="number"==typeof e?e:e.value,t="number"==typeof e?void 0:e.label,i=n&&1===l;return I(x.Marker,{css:We(n,i),value:r,children:[B(x.MarkerIndicator,{}),B("p",{children:t})]},r)}))}):null})),Ke=j.forwardRef(((e,l)=>{const{marks:r,onValueChange:n,isCentred:t,...i}=e,[a,o]=A(i.value||[0]);S((()=>{o(i.value||[0])}),[i.value]);let d=r?.map((e=>"number"==typeof e?{value:e,label:void 0}:e));if(t){const e=i.min||0,l=i.max||100;d=[e,(e+l)/2,l].map((e=>({value:e,label:void 0})))}const c=!!d?.some((e=>e.label));return B(x.Root,{css:Ne,ref:l,thumbAlignment:"center",onValueChange:e=>{o(e.value),n&&n(e)},origin:t?"center":"start",...i,children:I(x.Control,{"data-has-mark-label":c||void 0,children:[B(x.Track,{css:Pe,children:B(x.Range,{css:Ue})}),B(Ge,{value:a}),B(Ye,{marks:d,isCentred:t})]})})})),Je=Z`
|
483
|
+
.chakra-switch__control-container {
|
484
|
+
width: 42px;
|
485
|
+
height: 26px;
|
486
|
+
border-radius: 13px;
|
487
|
+
display: flex;
|
488
|
+
justify-content: center;
|
489
|
+
align-items: center;
|
490
|
+
background-color: ${W("neutral",600)};
|
491
|
+
}
|
492
|
+
|
493
|
+
&[data-state='checked'] .chakra-switch__control-container {
|
494
|
+
background-color: ${W("primary",700)};
|
495
|
+
}
|
496
|
+
|
497
|
+
&[data-disabled] .chakra-switch__control-container {
|
498
|
+
background-color: transparent;
|
499
|
+
}
|
500
|
+
|
501
|
+
.chakra-switch__control {
|
502
|
+
height: 24px;
|
503
|
+
width: 40px;
|
504
|
+
display: flex;
|
505
|
+
align-items: center;
|
506
|
+
background-color: ${W("neutral",500)};
|
507
|
+
|
508
|
+
&:focus-visible,
|
509
|
+
&[data-focus-visible] {
|
510
|
+
box-shadow: none;
|
511
|
+
outline: none;
|
512
|
+
outline: 2px solid ${W("primary",700)};
|
513
|
+
outline-offset: 3px;
|
514
|
+
}
|
515
|
+
|
516
|
+
&[data-state='checked'] {
|
517
|
+
background-color: ${W("primary",500)};
|
518
|
+
}
|
519
|
+
|
520
|
+
&[data-disabled] {
|
521
|
+
background-color: ${W("neutral",300)};
|
522
|
+
}
|
523
|
+
}
|
524
|
+
|
525
|
+
.chakra-switch__thumb {
|
526
|
+
svg {
|
527
|
+
width: 12px;
|
528
|
+
|
529
|
+
path {
|
530
|
+
fill: ${W("primary",700)};
|
531
|
+
}
|
532
|
+
}
|
533
|
+
|
534
|
+
&:hover,
|
535
|
+
&[data-hover] {
|
536
|
+
outline: 9px solid
|
537
|
+
color-mix(in srgb, ${W("primary",500)} 20%, transparent);
|
538
|
+
}
|
539
|
+
|
540
|
+
&[data-active] {
|
541
|
+
outline: 9px solid
|
542
|
+
color-mix(in srgb, ${W("primary",500)} 40%, transparent);
|
543
|
+
}
|
544
|
+
|
545
|
+
&[data-disabled] {
|
546
|
+
outline: none;
|
547
|
+
|
548
|
+
&[data-state='checked'] {
|
549
|
+
svg {
|
550
|
+
path {
|
551
|
+
fill: ${W("neutral",500)};
|
552
|
+
}
|
553
|
+
}
|
554
|
+
}
|
555
|
+
}
|
556
|
+
}
|
557
|
+
`,Qe=({name:e,defaultChecked:l=!1,onChange:r,disabled:n=!1,isLabelOnLeft:t=!1,children:i,...a})=>B("div",{style:{display:"flex",alignItems:"center"},children:I(C.Root,{css:Je,id:e,name:e,"aria-label":a["aria-label"]||e,defaultChecked:l,onCheckedChange:({checked:l})=>{r&&r(e,l)},disabled:n,...a,children:[t&&null!=i?B(C.Label,{children:i}):null,B(C.HiddenInput,{style:{width:"42px",height:"26px"}}),B("div",{className:"chakra-switch__control-container",children:B(C.Control,{children:B(C.Thumb,{children:B(C.ThumbIndicator,{display:"flex",children:B(ne,{})})})})}),t||null==i?null:B(C.Label,{children:i})]})}),Xe=Z`
|
558
|
+
position: relative;
|
559
|
+
height: 100%;
|
560
|
+
`,el=Z`
|
561
|
+
font-size: 16px;
|
562
|
+
line-height: 24px;
|
563
|
+
color: ${W("neutral",900)};
|
564
|
+
text-align: left;
|
565
|
+
|
566
|
+
span {
|
567
|
+
color: ${W("error",500)};
|
568
|
+
margin-right: 3px;
|
569
|
+
}
|
570
|
+
`,ll=Z`
|
571
|
+
font-size: 14px;
|
572
|
+
line-height: 20px;
|
573
|
+
color: ${W("neutral",600)};
|
574
|
+
text-align: left;
|
575
|
+
`,rl=e=>Z`
|
576
|
+
margin-top: 12px;
|
577
|
+
display: flex;
|
578
|
+
flex-direction: ${e?"row":"column"};
|
579
|
+
flex-wrap: wrap;
|
580
|
+
gap: ${e?"20px":"12px"};
|
581
|
+
`,nl=Z`
|
582
|
+
width: 3px;
|
583
|
+
height: 100%;
|
584
|
+
background-color: ${W("error",500)};
|
585
|
+
position: absolute;
|
586
|
+
top: 0;
|
587
|
+
left: 0;
|
588
|
+
`,tl=Z`
|
589
|
+
font-size: 14px;
|
590
|
+
line-height: 20px;
|
591
|
+
font-weight: 700;
|
592
|
+
color: ${W("error",500)};
|
593
|
+
text-align: left;
|
594
|
+
`,il=({label:e,caption:l,checkboxes:r,defaultValue:n,onCheckedChange:t,errorMessage:i,horizontal:a,required:o})=>{const[d,c]=A(n?{[n]:!0}:{});return I("div",{css:Xe,"aria-roledescription":"group","aria-labelledby":e,children:[i?B("div",{css:nl}):null,I("div",{css:(s=!!i,Z`
|
595
|
+
margin-left: ${s?"19px":"0px"};
|
596
|
+
`),children:[I("p",{css:el,"aria-label":e,children:[o&&B("span",{"aria-label":"required",children:"*"}),e]}),B("p",{css:ll,"aria-label":l,children:l}),i?B("p",{css:tl,"aria-label":i,children:i}):null,B("div",{css:rl(a),children:r.map((e=>B(Ve,{css:{},defaultChecked:n===e.value,onCheckedChange:({checked:l})=>((e,l)=>{const r={...d};l&&(r[l]=e,c(r)),t&&t(r)})(l,e.name),...e},e.name)))})]})]});var s},al=Z`
|
597
|
+
width: 100%;
|
598
|
+
max-width: 370px;
|
599
|
+
position: relative;
|
600
|
+
`,ol=e=>Z`
|
601
|
+
font-size: 16px;
|
602
|
+
line-height: 24px;
|
603
|
+
font-weight: 400;
|
604
|
+
color: ${W("neutral",e?600:900)};
|
605
|
+
text-align: left;
|
606
|
+
|
607
|
+
span {
|
608
|
+
color: ${e?W("neutral",600):W("error",500)};
|
609
|
+
margin-right: 3px;
|
610
|
+
}
|
611
|
+
`,dl=e=>Z`
|
612
|
+
font-size: 14px;
|
613
|
+
line-height: 20px;
|
614
|
+
font-weight: 400;
|
615
|
+
color: ${W("neutral",e?500:600)};
|
616
|
+
text-align: left;
|
617
|
+
`,cl=Z`
|
618
|
+
width: 3px;
|
619
|
+
height: 100%;
|
620
|
+
background-color: ${W("error",500)};
|
621
|
+
position: absolute;
|
622
|
+
top: 0;
|
623
|
+
left: 0;
|
624
|
+
`,sl=Z`
|
625
|
+
font-size: 14px;
|
626
|
+
line-height: 20px;
|
627
|
+
font-weight: 700;
|
628
|
+
color: ${W("error",500)};
|
629
|
+
text-align: left;
|
630
|
+
`,pl=(e,l)=>Z`
|
631
|
+
width: 100%;
|
632
|
+
margin-top: 8px;
|
633
|
+
|
634
|
+
.text-input-container {
|
635
|
+
margin-bottom: 0px;
|
636
|
+
|
637
|
+
input {
|
638
|
+
margin-top: 0px;
|
639
|
+
${"start"===l?`\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n ${e?`\n border: 1px solid ${W("error",500)};\n border-left: none;\n `:""}\n `:`\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n ${e?`\n border: 1px solid ${W("error",500)};\n border-right: none;\n `:""}\n `}
|
640
|
+
}
|
641
|
+
}
|
642
|
+
|
643
|
+
.select-input-container {
|
644
|
+
max-width: 82px;
|
645
|
+
margin-bottom: 0px;
|
646
|
+
|
647
|
+
.chakra-select__trigger {
|
648
|
+
padding: 6px 4px;
|
649
|
+
background-color: ${W("neutral",300)};
|
650
|
+
|
651
|
+
${"start"===l?`\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n ${e?`\n border: 1px solid ${W("error",500)};\n border-right: none;\n `:""}\n `:`\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n ${e?`\n border: 1px solid ${W("error",500)};\n border-left: none;\n `:""}\n `}
|
652
|
+
|
653
|
+
p {
|
654
|
+
color: ${W("neutral",700)};
|
655
|
+
}
|
656
|
+
|
657
|
+
&[data-state='open'] {
|
658
|
+
background-color: ${W("neutral",400)};
|
659
|
+
}
|
660
|
+
}
|
661
|
+
|
662
|
+
.chakra-select__indicatorGroup {
|
663
|
+
padding: 0 4px;
|
664
|
+
}
|
665
|
+
}
|
666
|
+
`,hl=e=>Z`
|
667
|
+
position: relative;
|
668
|
+
height: 100%;
|
669
|
+
width: 100%;
|
670
|
+
display: flex;
|
671
|
+
justify-content: flex-start;
|
672
|
+
align-items: flex-start;
|
673
|
+
gap: ${"small"===e?"12px":"16px"};
|
674
|
+
margin-bottom: 20px;
|
675
|
+
`,xl=Z`
|
676
|
+
width: 3px;
|
677
|
+
height: 100%;
|
678
|
+
background-color: ${W("error",500)};
|
679
|
+
position: absolute;
|
680
|
+
top: 0;
|
681
|
+
left: 0;
|
682
|
+
`,ul=(e,l)=>Z`
|
683
|
+
color: ${W("neutral",l?600:900)};
|
684
|
+
font-size: ${"small"===e?"14px":"16px"};
|
685
|
+
font-weight: 400;
|
686
|
+
line-height: ${"small"===e?"20px":"24px"};
|
687
|
+
margin-bottom: 2px;
|
688
|
+
|
689
|
+
span {
|
690
|
+
color: ${W("neutral",l?600:700)};
|
691
|
+
}
|
692
|
+
|
693
|
+
.chakra-field__requiredIndicator {
|
694
|
+
color: ${l?W("neutral",600):W("error",500)};
|
695
|
+
}
|
696
|
+
`,Cl=(e,l)=>Z`
|
697
|
+
color: ${W("neutral",l?500:600)};
|
698
|
+
font-size: ${"small"===e?"12px":"14px"};
|
699
|
+
font-weight: 400;
|
700
|
+
line-height: ${"small"===e?"16px":"20px"};
|
701
|
+
`,gl=e=>Z`
|
702
|
+
color: ${W("error",500)};
|
703
|
+
font-size: ${"small"===e?"12px":"14px"};
|
704
|
+
font-weight: 700;
|
705
|
+
line-height: ${"small"===e?"16px":"20px"};
|
706
|
+
margin-top: 2px;
|
707
|
+
`,bl=(e,l,r)=>Z`
|
708
|
+
height: ${"small"===e?"28px":"40px"};
|
709
|
+
width: 100%;
|
710
|
+
border-radius: 4px;
|
711
|
+
padding: ${"small"===e?"4px 8px":"12px"};
|
712
|
+
margin-top: 8px;
|
713
|
+
background-color: ${W("neutral",100)};
|
714
|
+
color: ${W("neutral",800)};
|
715
|
+
border: 1px solid ${W("neutral",400)};
|
716
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
717
|
+
|
718
|
+
&:focus-visible,
|
719
|
+
&[data-focus-visible] {
|
720
|
+
border: 2px solid ${W("neutral",700)};
|
721
|
+
outline: 2px solid ${W("primary",700)};
|
722
|
+
outline-offset: 2px;
|
723
|
+
}
|
724
|
+
|
725
|
+
&:active {
|
726
|
+
border: 1px solid ${W("primary",600)} !important;
|
727
|
+
outline: none !important;
|
728
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
729
|
+
}
|
730
|
+
|
731
|
+
&[data-invalid] {
|
732
|
+
border: 1px solid ${W("error",500)} !important;
|
733
|
+
}
|
734
|
+
|
735
|
+
&:disabled {
|
736
|
+
background-color: ${W("neutral",200)};
|
737
|
+
border: 1px solid ${W("neutral",300)} !important;
|
738
|
+
}
|
739
|
+
|
740
|
+
${l||r?`\n border: 1px solid ${W("neutral",700)};\n `:""}
|
741
|
+
`,ml=({label:e,caption:l,placeholder:r,errorMessage:n,required:t,disabled:i,size:a="default",defaultValue:o="",onChange:d,...c})=>{const[s,p]=A(o);return I("div",{css:hl(a),className:"text-input-container",children:[n?B("div",{css:xl}):null,I(g.Root,{required:t,invalid:!!n,gap:"0",style:{marginLeft:n?"19px":"0px"},children:[e?I(g.Label,{css:ul(a,i),"aria-label":e,children:[B(g.RequiredIndicator,{"aria-label":"required"}),e,t?"":B("span",{children:" (Optional)"})]}):null,l?B(g.HelperText,{css:Cl(a,i),"aria-label":l,children:l}):null,n?B(g.ErrorText,{css:gl(a),"aria-label":n,children:n}):null,B(b,{placeholder:r,disabled:i,css:bl(a,s,o),onChange:e=>{p(e.target.value),d&&d(e)},value:s,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...c})]})]})},fl=D.forwardRef(((e,l)=>{const{children:r,...n}=e;return E(m.Control,{...n,children:[T(m.Trigger,{ref:l,children:r}),T(m.IndicatorGroup,{children:T(m.Indicator,{children:T(ae,{})})})]})})),vl=D.forwardRef(((e,l)=>{const{...r}=e;return T(a,{children:T(m.Positioner,{children:T(m.Content,{...r,ref:l})})})})),$l=D.forwardRef(((e,l)=>{const{item:r,children:n,...t}=e;return T(m.Item,{item:r,...t,ref:l,children:n},r.value)})),wl=D.forwardRef(((e,l)=>{const{children:r,...n}=e;return T(m.ValueText,{...n,ref:l,children:T(m.Context,{children:l=>{const n=l.selectedItems;return 0===n.length?e.placeholder:r?r(n):1===n.length?l.collection.stringifyItem(n[0]):`${n.length} selected`}})})})),kl=D.forwardRef(((e,l)=>T(m.Root,{...e,ref:l,positioning:{sameWidth:!0,...e.positioning},children:e.asChild?e.children:E(F,{children:[T(m.HiddenSelect,{}),e.children]})})));D.forwardRef(((e,l)=>{const{children:r,label:n,...t}=e;return E(m.ItemGroup,{...t,ref:l,children:[T(m.ItemGroupLabel,{children:n}),r]})}));const yl=m.Label;m.ItemText;const Ll=e=>Z`
|
742
|
+
position: relative;
|
743
|
+
height: 100%;
|
744
|
+
width: 100%;
|
745
|
+
display: flex;
|
746
|
+
justify-content: flex-start;
|
747
|
+
align-items: flex-start;
|
748
|
+
gap: ${"small"===e?"12px":"16px"};
|
749
|
+
margin-bottom: 16px;
|
750
|
+
`,Rl=Z`
|
751
|
+
width: 3px;
|
752
|
+
height: 100%;
|
753
|
+
background-color: ${W("error",500)};
|
754
|
+
position: absolute;
|
755
|
+
top: 0;
|
756
|
+
left: 0;
|
757
|
+
`,Vl=e=>Z`
|
758
|
+
font-size: ${"small"===e?"14px":"16px"};
|
759
|
+
line-height: ${"small"===e?"20px":"24px"};
|
760
|
+
font-weight: 400;
|
761
|
+
color: ${W("neutral",900)};
|
762
|
+
text-align: left;
|
763
|
+
|
764
|
+
span {
|
765
|
+
color: ${W("error",500)};
|
766
|
+
margin-right: 3px;
|
767
|
+
}
|
768
|
+
|
769
|
+
&[data-disabled] {
|
770
|
+
color: ${W("neutral",600)};
|
771
|
+
|
772
|
+
span {
|
773
|
+
color: ${W("neutral",600)};
|
774
|
+
}
|
775
|
+
}
|
776
|
+
`,Ml=(e,l)=>Z`
|
777
|
+
font-size: ${"small"===e?"12px":"14px"};
|
778
|
+
line-height: ${"small"===e?"16px":"20px"};
|
779
|
+
font-weight: 400;
|
780
|
+
color: ${W("neutral",600)};
|
781
|
+
text-align: left;
|
782
|
+
|
783
|
+
${l?`color: ${W("neutral",500)} !important;`:""}
|
784
|
+
`,_l=(e,l,r,n)=>Z`
|
785
|
+
.chakra-select__trigger {
|
786
|
+
min-height: ${"small"===e?"32px":"40px"};
|
787
|
+
border-radius: 4px;
|
788
|
+
padding: 6px 8px;
|
789
|
+
border: 1px solid ${((e,l)=>l?W("error",500):W("neutral",e?700:400))(l,r)};
|
790
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
791
|
+
|
792
|
+
.chakra-select__valueText {
|
793
|
+
font-size: ${"small"===e?"14px":"16px"};
|
794
|
+
line-height: ${"small"===e?"20px":"24px"};
|
795
|
+
color: ${W("neutral",700)};
|
796
|
+
|
797
|
+
${n?"\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n ":""}
|
798
|
+
}
|
799
|
+
|
800
|
+
&[data-state='open'] {
|
801
|
+
border-bottom-left-radius: 0px;
|
802
|
+
border-bottom-right-radius: 0px;
|
803
|
+
border-bottom: none;
|
804
|
+
}
|
805
|
+
|
806
|
+
&:is(:focus-visible, [data-focus-visible]) {
|
807
|
+
outline-offset: 2px;
|
808
|
+
outline-width: 2px;
|
809
|
+
outline-color: ${W("primary",700)};
|
810
|
+
border: 2px solid ${W("neutral",700)};
|
811
|
+
}
|
812
|
+
|
813
|
+
&[data-disabled] {
|
814
|
+
border: 1px solid ${W("neutral",300)};
|
815
|
+
background-color: ${W("neutral",200)};
|
816
|
+
}
|
817
|
+
}
|
818
|
+
|
819
|
+
.chakra-select__indicator {
|
820
|
+
svg {
|
821
|
+
width: ${"small"===e?"12px":"16px"};
|
822
|
+
|
823
|
+
path {
|
824
|
+
fill: ${W("neutral",700)};
|
825
|
+
}
|
826
|
+
}
|
827
|
+
|
828
|
+
&[data-disabled] {
|
829
|
+
svg path {
|
830
|
+
fill: ${W("neutral",500)};
|
831
|
+
}
|
832
|
+
}
|
833
|
+
}
|
834
|
+
`,zl=Z`
|
835
|
+
margin-top: -8px;
|
836
|
+
border-radius: 4px;
|
837
|
+
border: 1px solid ${W("neutral",400)};
|
838
|
+
border-top-left-radius: 0px;
|
839
|
+
border-top-right-radius: 0px;
|
840
|
+
border-top: none;
|
841
|
+
`,Il=Z`
|
842
|
+
align-items: flex-start;
|
843
|
+
&[data-highlighted] {
|
844
|
+
background-color: ${W("neutral",200)};
|
845
|
+
cursor: pointer;
|
846
|
+
}
|
847
|
+
`,Bl=(e,l)=>Z`
|
848
|
+
font-size: ${"small"===e?"14px":"16px"};
|
849
|
+
line-height: ${"small"===e?"20px":"24px"};
|
850
|
+
color: ${W("neutral",800)};
|
851
|
+
text-align: left;
|
852
|
+
|
853
|
+
${l?`color: ${W("neutral",500)} !important;`:""}
|
854
|
+
`,Hl=(e,l)=>Z`
|
855
|
+
font-size: ${"small"===e?"14px":"16px"};
|
856
|
+
line-height: ${"small"===e?"20px":"24px"};
|
857
|
+
color: ${W("neutral",700)};
|
858
|
+
text-align: left;
|
859
|
+
|
860
|
+
${l?`color: ${W("neutral",500)} !important;`:""}
|
861
|
+
`,Zl=e=>Z`
|
862
|
+
font-size: ${"small"===e?"12px":"14px"};
|
863
|
+
line-height: ${"small"===e?"16px":"20px"};
|
864
|
+
font-weight: 700;
|
865
|
+
color: ${W("error",500)};
|
866
|
+
text-align: left;
|
867
|
+
`,Tl=e=>Z`
|
868
|
+
max-width: 100%;
|
869
|
+
display: flex;
|
870
|
+
justify-content: center;
|
871
|
+
align-items: center;
|
872
|
+
gap: 0;
|
873
|
+
padding: 4px 8px;
|
874
|
+
border-radius: 4px;
|
875
|
+
font-weight: 700;
|
876
|
+
color: ${W("neutral",700)};
|
877
|
+
box-shadow: none;
|
878
|
+
|
879
|
+
height: 24px;
|
880
|
+
font-size: 12px;
|
881
|
+
line-height: 16px;
|
882
|
+
|
883
|
+
.chakra-tag__startElement {
|
884
|
+
width: 14px;
|
885
|
+
height: 10px;
|
886
|
+
}
|
887
|
+
|
888
|
+
svg {
|
889
|
+
width: 10px;
|
890
|
+
height: 10px;
|
891
|
+
margin-right: 4px;
|
892
|
+
}
|
893
|
+
|
894
|
+
.chakra-tag__endElement {
|
895
|
+
width: 18px;
|
896
|
+
height: 10px;
|
897
|
+
}
|
898
|
+
|
899
|
+
.chakra-tag__closeTrigger {
|
900
|
+
margin-left: 8px;
|
901
|
+
|
902
|
+
svg {
|
903
|
+
margin-right: 0px;
|
904
|
+
}
|
905
|
+
}
|
906
|
+
|
907
|
+
${"small"===e?"\n height: 16px;\n border: none !important;\n font-size: 10px;\n line-height: 12px;\n\n .chakra-tag__startElement {\n width: 12px;\n height: 8px;\n }\n\n svg {\n width: 8px;\n height: 8px;\n margin-right: 4px;\n }\n\n .chakra-tag__closeTrigger {\n margin-left: 6px;\n\n svg {\n margin-right: 0px;\n }\n }\n ":""}
|
908
|
+
|
909
|
+
${"large"===e?"\n height: 32px;\n font-size: 16px;\n line-height: 24px;\n\n .chakra-tag__startElement {\n width: 18px;\n height: 12px;\n }\n\n svg {\n width: 12px;\n height: 12px;\n margin-right: 6px;\n }\n\n .chakra-tag__endElement {\n width: 22px;\n height: 12px;\n }\n\n .chakra-tag__closeTrigger {\n margin-left: 12px;\n\n svg {\n margin-right: 0px;\n }\n }\n ":""}
|
910
|
+
|
911
|
+
.chakra-tag__startElement,
|
912
|
+
.chakra-tag__endElement {
|
913
|
+
margin: 0;
|
914
|
+
}
|
915
|
+
|
916
|
+
.chakra-tag__startElement,
|
917
|
+
.chakra-tag__endElement,
|
918
|
+
.chakra-tag__closeTrigger {
|
919
|
+
display: flex;
|
920
|
+
justify-content: center;
|
921
|
+
align-items: center;
|
922
|
+
}
|
923
|
+
|
924
|
+
.chakra-tag__closeTrigger {
|
925
|
+
cursor: pointer;
|
926
|
+
|
927
|
+
&:focus-visible {
|
928
|
+
outline-offset: 2px;
|
929
|
+
outline: 2px solid ${W("primary",700)};
|
930
|
+
outline-style: auto;
|
931
|
+
}
|
932
|
+
}
|
933
|
+
|
934
|
+
&[data-disabled='true'] {
|
935
|
+
border: 1px solid ${W("neutral",400)};
|
936
|
+
background-color: ${W("neutral",300)};
|
937
|
+
color: ${W("neutral",600)};
|
938
|
+
}
|
939
|
+
`,El=Z`
|
940
|
+
background-color: ${W("neutral",100)};
|
941
|
+
border: 1px solid ${W("neutral",300)};
|
942
|
+
`,Fl=Z`
|
943
|
+
background-color: ${W("neutral",200)};
|
944
|
+
border: 1px solid ${W("neutral",400)};
|
945
|
+
`,Dl=Z`
|
946
|
+
background-color: ${W("success",100)};
|
947
|
+
border: 1px solid ${W("success",200)};
|
948
|
+
color: ${W("success",500)};
|
949
|
+
`,jl=Z`
|
950
|
+
background-color: ${W("warning",100)};
|
951
|
+
border: 1px solid ${W("warning",200)};
|
952
|
+
color: ${W("warning",500)};
|
953
|
+
`,Al=Z`
|
954
|
+
background-color: ${W("error",100)};
|
955
|
+
border: 1px solid ${W("error",200)};
|
956
|
+
color: ${W("error",500)};
|
957
|
+
`,Sl=({label:e,size:l="default",variant:r,disabled:n,icon:t,onClose:i,closable:a,...o})=>{let d=El;return"info-grey"===r?d=Fl:"success"===r?d=Dl:"warning"===r?d=jl:"error"===r&&(d=Al),I(f.Root,{css:[Tl(l),d],"data-disabled":n,...o,children:[t?B(f.StartElement,{"aria-label":`${e} tag icon`,children:t}):null,B(f.Label,{"aria-label":e,children:e}),a&&!n&&"small"!==l?B(f.EndElement,{children:B("div",{className:"chakra-tag__closeTrigger",role:"button",tabIndex:0,onClick:i,onKeyDown:e=>{!i||"Enter"!==e.key&&" "!==e.key||i()},"aria-label":`${e} tag close button`,children:B(oe,{})})}):null]})},Nl=({placeholder:e,size:l,disabled:r})=>B(wl,{placeholder:e,children:e=>{const{label:n,caption:t}=e[0];return I(p,{flexDirection:"column",alignItems:"flex-start",children:[B("p",{css:Bl(l,r),children:n}),t?B("p",{css:Hl(l,r),children:t}):null]})}}),ql=({placeholder:e,removeItem:l,disabled:r})=>B(wl,{placeholder:e,children:e=>e.map((e=>B(p,{flexDirection:"row",alignItems:"flex-start",children:B(Sl,{label:e.label,variant:"info-grey",disabled:r,onClose:()=>l(e.value),closable:!0},e.value)},e.value)))}),Ol=({label:e,caption:l,placeholder:r,items:t,size:i="default",required:a,disabled:o,onChange:d,errorMessage:c,multiple:s,...p})=>{const[h,x]=A(p.defaultValue||[]),u=(e=>v({items:e}))(t),C=e=>{x(e),d&&d(e)};return I("div",{css:Ll(i),style:p.style,className:"select-input-container",children:[c?B("div",{css:Rl}):null,I(kl,{css:{},collection:u,disabled:o,required:a,multiple:s,"aria-label":p["aria-label"]||e,value:h,onValueChange:e=>C(e.value),style:{marginLeft:c?"19px":"0px"},...p,children:[e?I(yl,{css:Vl(i),children:[a?B("span",{children:"*"}):null,e]}):null,l?B("p",{css:Ml(i,o),children:l}):null,c&&B("p",{css:Zl(i),children:c}),B(fl,{css:_l(i,h.length>0,!!c,s),children:s?B(ql,{placeholder:r,disabled:o,removeItem:e=>{const l=h.filter((l=>l!==e));C(l)}}):B(Nl,{placeholder:r,size:i,disabled:o})}),B(vl,{css:zl,children:u.items.map((e=>I($l,{css:Il,item:e,children:[I(n,{children:[B("p",{css:Bl(i),children:e.label}),B("p",{css:Hl(i),children:e.caption})]}),s?B(Ve,{checked:h.some((l=>l===e.value))}):null]},e.value)))})]})]})},Pl=({label:e,caption:l,errorMessage:r,units:n,unitsPosition:t="end",defaultUnit:i="",defaultValue:a="",onChange:o,required:c,disabled:s})=>{const[p,h]=A(a),[x,u]=A(i?[i]:[n[0].value]),C=(e,l)=>{o&&o("end"===t?""+(l?`${p} ${e}`:`${e} ${x}`):""+(l?`${e} ${p}`:`${x} ${e}`))};return I("div",{css:al,children:[r?B("div",{css:cl}):null,I("div",{style:{marginLeft:r?"19px":"0px"},children:[I("p",{css:ol(s),"aria-label":e,children:[c?B("span",{children:"*"}):null,e]}),B("p",{css:dl(s),"aria-label":l,children:l}),r?B("p",{css:sl,"aria-label":r,children:r}):null,I(d,{css:pl(!!r,t),attached:!0,children:["start"===t?B(Ol,{placeholder:"",value:x,items:n,disabled:s,onChange:e=>{u(e),C(e?.[0],!0)}}):null,B(ml,{type:"number",value:p,disabled:s,onChange:e=>{h(e.target.value),C(e.target.value)}}),"end"===t?B(Ol,{placeholder:"",value:x,items:n,disabled:s,onChange:e=>{u(e),C(e?.[0],!0)}}):null]})]})]})},Ul=Z`
|
958
|
+
width: 100%;
|
959
|
+
max-width: 486px;
|
960
|
+
`,Wl=Z`
|
961
|
+
font-size: 16px;
|
962
|
+
line-height: 24px;
|
963
|
+
font-weight: 400;
|
964
|
+
color: ${W("neutral",900)};
|
965
|
+
text-align: left;
|
966
|
+
|
967
|
+
span {
|
968
|
+
color: ${W("error",500)};
|
969
|
+
margin-right: 3px;
|
970
|
+
}
|
971
|
+
`,Gl=Z`
|
972
|
+
font-size: 14px;
|
973
|
+
line-height: 20px;
|
974
|
+
font-weight: 400;
|
975
|
+
color: ${W("neutral",600)};
|
976
|
+
text-align: left;
|
977
|
+
`,Yl=Z`
|
978
|
+
display: flex;
|
979
|
+
align-items: center;
|
980
|
+
justify-content: space-between;
|
981
|
+
gap: 8px;
|
982
|
+
margin-top: 8px;
|
983
|
+
|
984
|
+
.text-input-container {
|
985
|
+
margin-bottom: 0px;
|
986
|
+
|
987
|
+
input {
|
988
|
+
margin-top: 0px;
|
989
|
+
}
|
990
|
+
}
|
991
|
+
|
992
|
+
button {
|
993
|
+
width: 98px;
|
994
|
+
}
|
995
|
+
`,Kl=Z`
|
996
|
+
margin-top: 12px;
|
997
|
+
`,Jl=e=>Z`
|
998
|
+
height: 8px;
|
999
|
+
width: 100%;
|
1000
|
+
background-color: ${W("neutral",300)};
|
1001
|
+
margin-top: 8px;
|
1002
|
+
margin-bottom: 12px;
|
1003
|
+
border-radius: 8px;
|
1004
|
+
|
1005
|
+
div {
|
1006
|
+
height: 100%;
|
1007
|
+
width: ${"Weak"===e?"25%":"Medium"===e?"50%":"Strong"===e?"75%":"Very Strong"===e?" 100%":"5%"};
|
1008
|
+
background-color: ${W("Medium"===e?"warning":"Strong"===e||"Very Strong"===e?"success":"error",500)};
|
1009
|
+
border-radius: 8px;
|
1010
|
+
}
|
1011
|
+
`,Ql=e=>Z`
|
1012
|
+
display: flex;
|
1013
|
+
align-items: center;
|
1014
|
+
gap: 4px;
|
1015
|
+
font-size: 14px;
|
1016
|
+
line-height: 20px;
|
1017
|
+
font-weight: 400;
|
1018
|
+
color: ${W("neutral",700)};
|
1019
|
+
|
1020
|
+
div {
|
1021
|
+
height: 16px;
|
1022
|
+
width: 16px;
|
1023
|
+
background-color: ${W(e?"success":"error",100)};
|
1024
|
+
display: flex;
|
1025
|
+
justify-content: center;
|
1026
|
+
align-items: center;
|
1027
|
+
}
|
1028
|
+
`,Xl=({label:e,caption:l,required:r,disabledRules:n,onChange:t,minLength:i=8,hideValidations:a})=>{const[o,d]=A(!1),[c,s]=A(""),[p,h]=A({strength:"Very weak",length:!1,uppercase:!1,lowercase:!1,numbers:!1,specialCharacters:!1});return I("div",{css:Ul,children:[I("p",{css:Wl,"aria-label":e,children:[r?B("span",{children:"*"}):null,e]}),B("p",{css:Gl,"aria-label":l,children:l}),I("div",{css:Yl,children:[B(ml,{type:o?"text":"password",value:c,onChange:e=>(e=>{const l={...p};let r=0,n=!1;l.length=e.length>=i,r+=e.length>=i?1:0,n=/[A-Z]/.test(e),r+=n?1:0,l.uppercase=n,n=/[a-z]/.test(e),r+=n?1:0,l.lowercase=n,n=/[0-9]/.test(e),r+=n?1:0,l.numbers=n,n=/[-'/`~!¡#*$@_%+=.,^&(){}[\]|;:“‘"<>?\\]/.test(e),r+=n?1:0,l.specialCharacters=n,l.strength="Very Weak",e.length>=4&&r>=2&&(l.strength="Weak"),e.length>=6&&r>=3&&(l.strength="Medium"),e.length>=i&&r>=4&&(l.strength="Strong"),e.length>=i+2&&r>=5&&(l.strength="Very Strong"),s(e),h(l),t&&t(l)})(e.target.value)}),B(X,{label:o?"Hide":"Show",variant:"secondary",leftIcon:B(o?ce:de,{}),onClick:()=>d(!o)})]}),c&&!a?I("div",{css:Kl,children:[I("p",{css:(x=p.strength,Z`
|
1029
|
+
font-size: 16px;
|
1030
|
+
line-height: 24px;
|
1031
|
+
font-weight: 400;
|
1032
|
+
color: ${W("neutral",800)};
|
1033
|
+
text-align: left;
|
1034
|
+
|
1035
|
+
span {
|
1036
|
+
font-weight: 700;
|
1037
|
+
color: ${W("Medium"===x?"warning":"Strong"===x||"Very Strong"===x?"success":"error",500)};
|
1038
|
+
}
|
1039
|
+
`),children:["Password Strength: ",B("span",{children:p.strength})]}),B("div",{css:Jl(p.strength),children:B("div",{})}),I("div",{css:Ql(p.length),children:[B("div",{children:p.length?B(ne,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):B(oe,{color:"var(--chakra-colors-error-500)",height:"8px",width:"8px"})}),I("p",{children:["Use a minimum of ",i," characters"]})]}),n?.uppercase?null:I("div",{css:Ql(p.uppercase),children:[B("div",{children:p.uppercase?B(ne,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):B(oe,{color:"var(--chakra-colors-error-500)",height:"8px",width:"8px"})}),B("p",{children:"Use an uppercase letter"})]}),n?.lowercase?null:I("div",{css:Ql(p.lowercase),children:[B("div",{children:p.lowercase?B(ne,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):B(oe,{color:"var(--chakra-colors-error-500)",height:"8px",width:"8px"})}),B("p",{children:"Use a lowercase letter"})]}),n?.numbers?null:I("div",{css:Ql(p.numbers),children:[B("div",{children:p.numbers?B(ne,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):B(oe,{color:"var(--chakra-colors-error-500)",height:"8px",width:"8px"})}),B("p",{children:"Use a number"})]}),n?.specialCharacters?null:I("div",{css:Ql(p.specialCharacters),children:[B("div",{children:p.specialCharacters?B(ne,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):B(oe,{color:"var(--chakra-colors-error-500)",height:"8px",width:"8px"})}),B("p",{children:"Use a special character"})]})]}):null]});var x},er=Z`
|
1040
|
+
position: relative;
|
1041
|
+
height: 100%;
|
1042
|
+
`,lr=Z`
|
1043
|
+
font-size: 16px;
|
1044
|
+
line-height: 24px;
|
1045
|
+
color: ${W("neutral",900)};
|
1046
|
+
text-align: left;
|
1047
|
+
|
1048
|
+
span {
|
1049
|
+
color: ${W("error",500)};
|
1050
|
+
margin-right: 3px;
|
1051
|
+
}
|
1052
|
+
`,rr=Z`
|
1053
|
+
font-size: 14px;
|
1054
|
+
line-height: 20px;
|
1055
|
+
color: ${W("neutral",600)};
|
1056
|
+
text-align: left;
|
1057
|
+
`,nr=Z`
|
1058
|
+
margin-top: 12px;
|
1059
|
+
`,tr=Z`
|
1060
|
+
width: 3px;
|
1061
|
+
height: 100%;
|
1062
|
+
background-color: ${W("error",500)};
|
1063
|
+
position: absolute;
|
1064
|
+
top: 0;
|
1065
|
+
left: 0;
|
1066
|
+
`,ir=Z`
|
1067
|
+
font-size: 14px;
|
1068
|
+
line-height: 20px;
|
1069
|
+
font-weight: 700;
|
1070
|
+
color: ${W("error",500)};
|
1071
|
+
text-align: left;
|
1072
|
+
`,ar=({label:e,caption:l,name:r,radios:n,defaultValue:t,onCheckedChange:i,errorMessage:a,horizontal:o,required:d})=>{return I("div",{css:er,"aria-roledescription":"group","aria-labelledby":e,children:[a?B("div",{css:tr}):null,I("div",{css:(c=!!a,Z`
|
1073
|
+
margin-left: ${c?"19px":"0px"};
|
1074
|
+
`),children:[I("p",{css:lr,"aria-label":e,children:[d&&B("span",{"aria-label":"required",children:"*"}),e]}),B("p",{css:rr,"aria-label":l,children:l}),a?B("p",{css:ir,"aria-label":a,children:a}):null,B("div",{css:nr,children:B(Se,{name:r,defaultValue:t,onChange:i,horizontal:o,children:n.map((e=>B(Ae,{css:{},...e},e.value)))})})]})]});var c},or=e=>Z`
|
1075
|
+
font-size: ${"small"===e?"14px":"16px"};
|
1076
|
+
line-height: ${"small"===e?"20px":"24px"};
|
1077
|
+
font-weight: 400;
|
1078
|
+
color: ${W("neutral",900)};
|
1079
|
+
text-align: left;
|
1080
|
+
|
1081
|
+
span {
|
1082
|
+
color: ${W("error",500)};
|
1083
|
+
margin-right: 3px;
|
1084
|
+
}
|
1085
|
+
`,dr=e=>Z`
|
1086
|
+
font-size: ${"small"===e?"12px":"14px"};
|
1087
|
+
line-height: ${"small"===e?"16px":"20px"};
|
1088
|
+
font-weight: 400;
|
1089
|
+
color: ${W("neutral",600)};
|
1090
|
+
text-align: left;
|
1091
|
+
`,cr=Z`
|
1092
|
+
display: flex;
|
1093
|
+
align-items: center;
|
1094
|
+
gap: 12px;
|
1095
|
+
|
1096
|
+
.text-input-container {
|
1097
|
+
width: 63px;
|
1098
|
+
margin: 0px;
|
1099
|
+
|
1100
|
+
.chakra-input {
|
1101
|
+
padding: 4px;
|
1102
|
+
width: 63px;
|
1103
|
+
}
|
1104
|
+
}
|
1105
|
+
|
1106
|
+
.chakra-slider__root {
|
1107
|
+
padding: 0 12px;
|
1108
|
+
height: 30px;
|
1109
|
+
margin-top: 18px;
|
1110
|
+
width: 100%;
|
1111
|
+
}
|
1112
|
+
`,sr=({label:e,caption:l,size:r="default",sliderItem:n,required:t,onChange:i})=>{const[a,o]=A(n.value||[]),d=(e,l)=>{const r=e.target.value,t=[...a];let i=r?parseInt(r,10):r;const d=n.min||0,c=n.max||100;i=Number.isNaN(i)?d:i,i=i<d?d:i,i=i>c?c:i,t[l]=i,o(t)},c=(e,l)=>{const r=e.target.value||"0",t=[...a];let d=parseInt(r,10);const c=n.min||0,s=n.max||100;if(d=Number.isNaN(d)?c:d,d=d<c?c:d,d=d>s?s:d,2===a?.length){d=Number.isNaN(d)?c:d;const e=a[0],r=a[1];0===l?(d=d<c?c:d,d=d>r?r:d):1===l&&(d=d<e?e:d,d=d>s?s:d)}t[l]=d,o(t),i&&i(t)};return I("div",{children:[I("p",{css:or(r),"aria-label":e,children:[t?B("span",{children:"*"}):null,e]}),l?B("p",{css:dr(r),"aria-label":l,children:l}):null,I("div",{css:cr,children:[n.step&&n.marks?B(Ol,{items:n.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"90px"},value:[`${a?.[0]}`],onChange:e=>{const l=e.map((e=>parseInt(e,10)));o(l),i&&i(l)}}):B(ml,{"aria-label":e,min:n.min,max:n.max,value:a?.[0],type:"number",onChange:e=>d(e,0),onBlur:e=>c(e,0),className:"opacity-control-text-input",onClick:e=>e.target.select()}),B(Ke,{css:{},...n,value:a,onValueChangeEnd:e=>{o(e.value),i&&i(e.value)}}),2===a?.length?B(ml,{"aria-label":e,min:n.min,max:n.max,value:a?.[1],type:"number",onChange:e=>d(e,1),onBlur:e=>c(e,1),className:"opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},pr=e=>Z`
|
1113
|
+
position: relative;
|
1114
|
+
height: 100%;
|
1115
|
+
width: 100%;
|
1116
|
+
display: flex;
|
1117
|
+
justify-content: flex-start;
|
1118
|
+
align-items: flex-start;
|
1119
|
+
gap: ${"small"===e?"12px":"16px"};
|
1120
|
+
margin-bottom: 16px;
|
1121
|
+
`,hr=Z`
|
1122
|
+
width: 3px;
|
1123
|
+
height: 100%;
|
1124
|
+
background-color: ${W("error",500)};
|
1125
|
+
position: absolute;
|
1126
|
+
top: 0;
|
1127
|
+
left: 0;
|
1128
|
+
`,xr=(e,l)=>Z`
|
1129
|
+
color: ${W("neutral",l?600:900)};
|
1130
|
+
font-size: ${"small"===e?"14px":"16px"};
|
1131
|
+
font-weight: 400;
|
1132
|
+
line-height: ${"small"===e?"20px":"24px"};
|
1133
|
+
margin-bottom: 2px;
|
1134
|
+
|
1135
|
+
span {
|
1136
|
+
color: ${W("neutral",l?600:700)};
|
1137
|
+
}
|
1138
|
+
|
1139
|
+
.chakra-field__requiredIndicator {
|
1140
|
+
color: ${l?W("neutral",600):W("error",500)};
|
1141
|
+
}
|
1142
|
+
`,ur=(e,l)=>Z`
|
1143
|
+
color: ${W("neutral",l?500:600)};
|
1144
|
+
font-size: ${"small"===e?"12px":"14px"};
|
1145
|
+
font-weight: 400;
|
1146
|
+
line-height: ${"small"===e?"16px":"20px"};
|
1147
|
+
`,Cr=Z`
|
1148
|
+
color: ${W("neutral",600)};
|
1149
|
+
font-size: 12px;
|
1150
|
+
font-weight: 400;
|
1151
|
+
line-height: 16px;
|
1152
|
+
margin-top: 8px;
|
1153
|
+
`,gr=Z`
|
1154
|
+
color: ${W("error",500)};
|
1155
|
+
font-size: 14px;
|
1156
|
+
font-weight: 700;
|
1157
|
+
line-height: 20px;
|
1158
|
+
margin-top: 2px;
|
1159
|
+
`,br=(e,l,r)=>Z`
|
1160
|
+
height: 104px;
|
1161
|
+
width: 100%;
|
1162
|
+
border-radius: 4px;
|
1163
|
+
padding: ${"small"===e?"8px":"12px"};
|
1164
|
+
margin-top: 8px;
|
1165
|
+
background-color: ${W("neutral",100)};
|
1166
|
+
color: ${W("neutral",800)};
|
1167
|
+
border: 1px solid ${W("neutral",400)};
|
1168
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
1169
|
+
|
1170
|
+
&:focus-visible,
|
1171
|
+
&[data-focus-visible] {
|
1172
|
+
border: 2px solid ${W("neutral",700)};
|
1173
|
+
outline: 2px solid ${W("primary",700)};
|
1174
|
+
outline-offset: 2px;
|
1175
|
+
}
|
1176
|
+
|
1177
|
+
&:active {
|
1178
|
+
border: 1px solid ${W("primary",600)} !important;
|
1179
|
+
outline: none !important;
|
1180
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
1181
|
+
}
|
1182
|
+
|
1183
|
+
&[data-invalid] {
|
1184
|
+
border: 1px solid ${W("error",500)} !important;
|
1185
|
+
}
|
1186
|
+
|
1187
|
+
&:disabled {
|
1188
|
+
background-color: ${W("neutral",200)};
|
1189
|
+
border: 1px solid ${W("neutral",300)} !important;
|
1190
|
+
}
|
1191
|
+
|
1192
|
+
${l||r?`\n border: 1px solid ${W("neutral",700)};\n `:""}
|
1193
|
+
`,mr=({label:e,caption:l,placeholder:r,errorMessage:n,required:t,disabled:i,size:a="default",defaultValue:o="",onChange:d,minLength:c,maxLength:s,...p})=>{const[h,x]=A(o),[u,C]=A(!1),[b,m]=A(!1),[f,v]=A("");S((()=>{const{length:e}=o;c&&e<c&&e>0?(C(e<c),m(!1),v(`Enter at least ${c-e} characters`)):c&&0===e&&v(`Min ${c} characters`),s&&e>0?(C(!1),m(e>s),v(`You have ${s-e} characters remaining`)):s&&0===e&&v(`Max ${s} characters`)}),[]);const w=!!n||u||b;return I("div",{css:pr(a),children:[w?B("div",{css:hr}):null,I(g.Root,{required:t,invalid:w,gap:"0",style:{marginLeft:w?"19px":"0px"},children:[e?I(g.Label,{css:xr(a,i),"aria-label":e,children:[B(g.RequiredIndicator,{"aria-label":"required"}),e,t?"":B("span",{children:" (Optional)"})]}):null,l?B(g.HelperText,{css:ur(a,i),"aria-label":l,children:l}):null,n?B(g.ErrorText,{css:gr,"aria-label":n,children:n}):null,B($,{placeholder:r,disabled:i,css:br(a,h,o),onChange:e=>{x(e.target.value);const{length:l}=e.target.value;c&&s?(C(l<c),m(l>s),v(`You have ${s-l} characters remaining`)):c?(C(l<c),m(!1),v(l<c?`Enter at least ${c-l} characters`:"")):s&&(m(l>s),C(!1),v(`You have ${s-l} characters remaining`)),d&&d(e)},value:h,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...p}),u&&c?I(g.ErrorText,{css:gr,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",c-h.length," more characters"]}):null,b&&s?I(g.ErrorText,{css:gr,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",h.length-s," characters too many"]}):null,!f||b||u?null:B(g.HelperText,{css:Cr,"aria-label":f,children:f})]})]})},fr=Z`
|
1194
|
+
background-color: ${W("neutral",100)};
|
1195
|
+
`,vr=Z`
|
1196
|
+
font-size: 16px;
|
1197
|
+
font-weight: 700;
|
1198
|
+
line-height: 24px;
|
1199
|
+
text-align: left;
|
1200
|
+
color: ${W("neutral",800)};
|
1201
|
+
display: flex;
|
1202
|
+
align-items: center;
|
1203
|
+
text-align: left;
|
1204
|
+
gap: 10px;
|
1205
|
+
`,$r=Z`
|
1206
|
+
font-size: 12px;
|
1207
|
+
font-weight: 400;
|
1208
|
+
line-height: 16px;
|
1209
|
+
text-align: left;
|
1210
|
+
color: ${W("neutral",600)};
|
1211
|
+
margin-bottom: 8px;
|
1212
|
+
`,wr=Z`
|
1213
|
+
width: 268px;
|
1214
|
+
padding: 16px 0;
|
1215
|
+
border-bottom: 1px solid ${W("neutral",300)};
|
1216
|
+
`,kr=Z`
|
1217
|
+
display: flex;
|
1218
|
+
align-items: flex-start;
|
1219
|
+
justify-content: space-between;
|
1220
|
+
`,yr=Z`
|
1221
|
+
display: flex;
|
1222
|
+
flex-direction: column;
|
1223
|
+
`,Lr=e=>Z`
|
1224
|
+
font-size: 16px;
|
1225
|
+
font-weight: 400;
|
1226
|
+
line-height: 24px;
|
1227
|
+
text-align: left;
|
1228
|
+
color: ${W("neutral",e?500:800)};
|
1229
|
+
`,Rr=e=>Z`
|
1230
|
+
font-size: 14px;
|
1231
|
+
font-weight: 400;
|
1232
|
+
line-height: 20px;
|
1233
|
+
text-align: left;
|
1234
|
+
color: ${W("neutral",e?500:600)};
|
1235
|
+
`,Vr=({name:e,label:l,caption:r,showInfoButton:t=!0,infoButtonLabel:i="About data",variant:a="switch",disabled:o,onInfoClick:d,isDefaultSelected:c=!1,onChange:s})=>{const p="switch"===a;return I("div",{css:wr,children:[I("div",p?{css:kr,children:[I("div",{css:yr,children:[B("p",{css:Lr(o),"aria-label":l,"aria-disabled":o,children:l}),B("p",{"aria-label":r,css:Rr(o),children:r})]}),B(Qe,{"aria-label":`${l}, ${r}`,name:e,disabled:o,defaultChecked:c,onChange:s,role:"switch"})]}:{style:{display:"flex",flexDirection:"column"},children:[B(Ae,{value:e,disabled:o,fontSize:"16px",color:"var(--chakra-colors-neutral-800)",children:l}),B("p",{style:{marginLeft:"28px"},css:Rr(o),children:r})]}),t?B(n,{display:"flex",justifyContent:"flex-start",marginTop:"8px",marginLeft:p?0:"28px",children:B(X,{variant:"secondary",label:i,rightIcon:B(ie,{}),size:"small",onClick:d,disabled:o})}):null]})},Mr=({label:e,caption:l,value:r,layerItems:t,onChangeForRadioVariant:i})=>{const[a,o]=A({}),[d]=A((e=>{const l=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return l?.name})(t));S((()=>{let l={...a};t.forEach((r=>{r.isDefaultSelected&&(l={...l,["radio"===r.variant?e:r.name]:r.isDefaultSelected})})),o(l)}),[]);const c=(e,l,r,n)=>{const t={...a,[e]:l};o(t),r&&r(e,l,n)},s=Object.values(a).filter((e=>!0===e)).length;return I(w.Item,{value:r,width:"300px",children:[I(w.ItemTrigger,{padding:"16px",alignItems:"flex-start",children:[I(n,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[I("span",{css:vr,children:[e,B(Sl,{label:`${s} Active`,size:"small",variant:s>0?"success":"info-grey"})]}),B("div",{css:$r,children:l})]}),B(w.ItemIndicator,{display:"flex",children:B(ae,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),B(w.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:B(Se,{name:e,defaultValue:d,customGap:"0px",onChange:(e,l)=>c(e,!!l,i,l),children:t.map((e=>B(Vr,{...e,onChange:(l,r)=>c(l,r,e.onChange)},e.label)))})})]})},_r=({children:e,defaultValue:l,...r})=>B("div",{css:fr,style:{width:"300px"},children:B(w.Root,{css:{},defaultValue:l,multiple:!0,...r,children:e})}),zr=e=>Z`
|
1236
|
+
width: 100%;
|
1237
|
+
display: flex;
|
1238
|
+
align-items: center;
|
1239
|
+
height: 40px;
|
1240
|
+
|
1241
|
+
${"view"===e&&`\n border: 1px solid ${W("neutral",400)};\n background-color: ${W("neutral",200)};\n border-radius: 4px;\n padding: 4px;\n `}
|
1242
|
+
`,Ir=Z`
|
1243
|
+
width: 99%;
|
1244
|
+
height: 40px;
|
1245
|
+
padding: 8px 16px;
|
1246
|
+
border-radius: 0px;
|
1247
|
+
display: flex;
|
1248
|
+
justify-content: center;
|
1249
|
+
align-items: center;
|
1250
|
+
gap: 2px;
|
1251
|
+
font-size: 16px;
|
1252
|
+
line-height: 24px;
|
1253
|
+
font-weight: 400;
|
1254
|
+
|
1255
|
+
&:focus-visible {
|
1256
|
+
box-shadow: none;
|
1257
|
+
}
|
1258
|
+
`,Br=Z`
|
1259
|
+
background-color: ${W("neutral",200)};
|
1260
|
+
color: ${W("neutral",600)};
|
1261
|
+
|
1262
|
+
&:hover {
|
1263
|
+
background-color: ${W("neutral",100)};
|
1264
|
+
}
|
1265
|
+
|
1266
|
+
&:active {
|
1267
|
+
background-color: ${W("neutral",300)};
|
1268
|
+
}
|
1269
|
+
|
1270
|
+
&:focus-visible {
|
1271
|
+
background-color: ${W("neutral",300)};
|
1272
|
+
outline-color: ${W("primary",700)};
|
1273
|
+
outline-offset: 2px;
|
1274
|
+
}
|
1275
|
+
|
1276
|
+
&[data-selected] {
|
1277
|
+
background-color: ${W("neutral",100)};
|
1278
|
+
color: ${W("neutral",800)};
|
1279
|
+
|
1280
|
+
&:hover {
|
1281
|
+
background-color: ${W("neutral",200)};
|
1282
|
+
}
|
1283
|
+
|
1284
|
+
&:active {
|
1285
|
+
background-color: ${W("neutral",300)};
|
1286
|
+
}
|
1287
|
+
|
1288
|
+
&:focus-visible {
|
1289
|
+
background-color: ${W("neutral",100)};
|
1290
|
+
outline-color: ${W("primary",700)};
|
1291
|
+
outline-offset: 2px;
|
1292
|
+
}
|
1293
|
+
|
1294
|
+
&::before {
|
1295
|
+
content: none;
|
1296
|
+
}
|
1297
|
+
}
|
1298
|
+
|
1299
|
+
&[data-disabled] {
|
1300
|
+
background-color: ${W("neutral",200)};
|
1301
|
+
color: ${W("neutral",400)};
|
1302
|
+
|
1303
|
+
&[data-selected] {
|
1304
|
+
background-color: ${W("neutral",100)};
|
1305
|
+
color: ${W("neutral",400)};
|
1306
|
+
opacity: 1;
|
1307
|
+
}
|
1308
|
+
}
|
1309
|
+
`,Hr=Z`
|
1310
|
+
width: 4px;
|
1311
|
+
height: 24px;
|
1312
|
+
background-color: ${W("neutral",400)};
|
1313
|
+
`,Zr=Z`
|
1314
|
+
height: 32px;
|
1315
|
+
border-radius: 2px;
|
1316
|
+
background-color: ${W("neutral",200)};
|
1317
|
+
color: ${W("neutral",600)};
|
1318
|
+
|
1319
|
+
&:hover {
|
1320
|
+
background-color: ${W("neutral",300)};
|
1321
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
1322
|
+
}
|
1323
|
+
|
1324
|
+
&:active {
|
1325
|
+
background-color: ${W("neutral",300)};
|
1326
|
+
box-shadow: 0px 2px 4px -2px #0000001a;
|
1327
|
+
box-shadow: 0px 4px 6px -1px #0000001a;
|
1328
|
+
}
|
1329
|
+
|
1330
|
+
&:focus-visible {
|
1331
|
+
outline-color: ${W("primary",700)};
|
1332
|
+
outline-offset: 2px;
|
1333
|
+
}
|
1334
|
+
|
1335
|
+
&[data-selected] {
|
1336
|
+
background-color: ${W("neutral",100)};
|
1337
|
+
border: 1px solid ${W("neutral",300)};
|
1338
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
1339
|
+
color: ${W("neutral",800)};
|
1340
|
+
|
1341
|
+
&:hover {
|
1342
|
+
background-color: ${W("neutral",200)};
|
1343
|
+
border: 1px solid ${W("neutral",300)};
|
1344
|
+
box-shadow: 0px 2px 4px -2px #0000001a;
|
1345
|
+
box-shadow: 0px 4px 6px -1px #0000001a;
|
1346
|
+
}
|
1347
|
+
|
1348
|
+
&:active {
|
1349
|
+
background-color: ${W("neutral",300)};
|
1350
|
+
border: 1px solid ${W("neutral",300)};
|
1351
|
+
box-shadow: 0px 2px 4px -2px #0000001a;
|
1352
|
+
box-shadow: 0px 4px 6px -1px #0000001a;
|
1353
|
+
}
|
1354
|
+
|
1355
|
+
&:focus-visible {
|
1356
|
+
outline-color: ${W("primary",700)};
|
1357
|
+
outline-offset: 2px;
|
1358
|
+
}
|
1359
|
+
|
1360
|
+
&::before {
|
1361
|
+
content: none;
|
1362
|
+
}
|
1363
|
+
}
|
1364
|
+
|
1365
|
+
&[data-disabled] {
|
1366
|
+
background-color: ${W("neutral",200)};
|
1367
|
+
color: ${W("neutral",400)};
|
1368
|
+
box-shadow: none;
|
1369
|
+
|
1370
|
+
&:hover {
|
1371
|
+
box-shadow: none;
|
1372
|
+
}
|
1373
|
+
|
1374
|
+
&[data-selected] {
|
1375
|
+
background-color: ${W("neutral",100)};
|
1376
|
+
color: ${W("neutral",400)};
|
1377
|
+
opacity: 1;
|
1378
|
+
}
|
1379
|
+
}
|
1380
|
+
`,Tr=(e,l)=>e.findIndex((e=>e.value===l)),Er=e=>1===e?"none":2===e?"left":"right",Fr=({variant:e="panel",defaultValue:l,tabs:r,onTabClick:t})=>{const[i,a]=A(Tr(r,l)||0),o="view"===e;return B("div",{css:zr(e),children:B(k.Root,{width:"full",defaultValue:l||r?.[0]?.value,onFocusChange:({focusedValue:e})=>{return a(Tr(r,l=e)),void(t&&t(l));var l},children:B(k.List,{alignItems:"center",border:"none",children:r.map(((e,l)=>I(N,{children:[o&&1===l&&"left"===Er(i)?B("div",{css:Hr}):null,B(k.Trigger,{css:[Ir,o?Zr:Br],"aria-label":e["aria-label"]||e.label,...e,children:I(n,{display:"flex",alignItems:"center",gap:"5px",children:[e.icon,e.label]})},e.label),o&&1===l&&"right"===Er(i)?B("div",{css:Hr}):null]},e.label)))})})})},Dr=Z`
|
1381
|
+
width: 300px;
|
1382
|
+
background-color: ${W("neutral",100)};
|
1383
|
+
`,jr=Z`
|
1384
|
+
padding: 16px 16px 20px 16px;
|
1385
|
+
border-bottom: 1px solid ${W("neutral",300)};
|
1386
|
+
`,Ar=Z`
|
1387
|
+
color: ${W("neutral",700)};
|
1388
|
+
font-weight: 700;
|
1389
|
+
font-size: 20px;
|
1390
|
+
line-height: 28px;
|
1391
|
+
text-align: left;
|
1392
|
+
`,Sr=Z`
|
1393
|
+
color: ${W("neutral",600)};
|
1394
|
+
font-weight: 400;
|
1395
|
+
font-size: 14px;
|
1396
|
+
line-height: 20px;
|
1397
|
+
text-align: left;
|
1398
|
+
`,Nr=({title:e,description:l,tabBarVariant:r="panel",buttonTabs:n,defaultValue:t,onTabClick:i,children:a})=>I("div",{css:Dr,children:[I("aside",{css:jr,role:"complementary",children:[B("h2",{css:Ar,"aria-label":e,children:e}),B("p",{css:Sr,"aria-label":l,children:l})]}),n&&n.length>0?B(Fr,{variant:r,defaultValue:t,tabs:n,onTabClick:i}):null,a]}),qr=Z`
|
1399
|
+
margin-bottom: 16px;
|
1400
|
+
border: 1px solid ${W("neutral",300)};
|
1401
|
+
border-radius: 4px;
|
1402
|
+
box-shadow: 0px 1px 2px 0px #0000000d;
|
1403
|
+
`,Or=Z`
|
1404
|
+
padding: 6px 8px;
|
1405
|
+
align-items: center;
|
1406
|
+
background-color: ${W("neutral",100)};
|
1407
|
+
|
1408
|
+
&[aria-expanded='true'] {
|
1409
|
+
border-bottom: 1px solid ${W("neutral",300)};
|
1410
|
+
border-bottom-right-radius: 0px;
|
1411
|
+
border-bottom-left-radius: 0px;
|
1412
|
+
}
|
1413
|
+
|
1414
|
+
svg {
|
1415
|
+
height: 10px;
|
1416
|
+
width: 10px;
|
1417
|
+
}
|
1418
|
+
`,Pr=Z`
|
1419
|
+
font-size: 12px;
|
1420
|
+
font-weight: 700;
|
1421
|
+
line-height: 16px;
|
1422
|
+
color: ${W("neutral",700)};
|
1423
|
+
`,Ur=Z`
|
1424
|
+
padding: 12px 8px;
|
1425
|
+
display: flex;
|
1426
|
+
flex-direction: column;
|
1427
|
+
|
1428
|
+
.layer-parameters-item-child {
|
1429
|
+
padding-bottom: 16px;
|
1430
|
+
border-bottom: 1px solid ${W("neutral",300)};
|
1431
|
+
margin-bottom: 16px;
|
1432
|
+
|
1433
|
+
&:last-child {
|
1434
|
+
padding-bottom: 0px;
|
1435
|
+
border-bottom: none;
|
1436
|
+
margin-bottom: 0px;
|
1437
|
+
}
|
1438
|
+
}
|
1439
|
+
`,Wr=({label:e,children:l,openedByDefault:r})=>B("div",{children:B(w.Root,{defaultValue:r?[e]:[],multiple:!0,children:I(w.Item,{css:qr,value:e,children:[I(w.ItemTrigger,{css:Or,children:[B(n,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:B("p",{css:Pr,children:e})}),B(w.ItemIndicator,{display:"flex",children:B(ae,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),B(w.ItemContent,{css:Ur,children:q.map(l,(e=>B("div",{className:"layer-parameters-item-child",children:e})))})]})})}),Gr=Z`
|
1440
|
+
padding: 12px;
|
1441
|
+
padding-bottom: 20px;
|
1442
|
+
display: flex;
|
1443
|
+
gap: 12px;
|
1444
|
+
border-bottom: 1px solid ${W("neutral",300)};
|
1445
|
+
`,Yr=Z`
|
1446
|
+
display: flex;
|
1447
|
+
flex-direction: column;
|
1448
|
+
|
1449
|
+
svg {
|
1450
|
+
path {
|
1451
|
+
fill: ${W("neutral",500)} !important;
|
1452
|
+
}
|
1453
|
+
}
|
1454
|
+
`,Kr=Z`
|
1455
|
+
display: flex;
|
1456
|
+
align-items: flex-start;
|
1457
|
+
justify-content: space-between;
|
1458
|
+
gap: 12px;
|
1459
|
+
margin-bottom: 16px;
|
1460
|
+
`,Jr=Z`
|
1461
|
+
font-size: 16px;
|
1462
|
+
line-height: 24px;
|
1463
|
+
font-weight: 400;
|
1464
|
+
text-align: left;
|
1465
|
+
color: ${W("neutral",800)};
|
1466
|
+
`,Qr=Z`
|
1467
|
+
font-size: 14px;
|
1468
|
+
line-height: 20px;
|
1469
|
+
font-weight: 400;
|
1470
|
+
text-align: left;
|
1471
|
+
color: ${W("neutral",600)};
|
1472
|
+
`,Xr=Z`
|
1473
|
+
display: flex;
|
1474
|
+
justify-content: space-between;
|
1475
|
+
|
1476
|
+
button {
|
1477
|
+
width: 110px;
|
1478
|
+
}
|
1479
|
+
`,en=Z`
|
1480
|
+
width: 234px;
|
1481
|
+
border: 1px solid ${W("neutral",600)};
|
1482
|
+
border-radius: 4px;
|
1483
|
+
`,ln=Z`
|
1484
|
+
padding: 12px;
|
1485
|
+
`,rn=Z`
|
1486
|
+
font-size: 14px;
|
1487
|
+
line-height: 20px;
|
1488
|
+
font-weight: 400;
|
1489
|
+
text-align: left;
|
1490
|
+
color: ${W("neutral",900)};
|
1491
|
+
`,nn=Z`
|
1492
|
+
display: flex;
|
1493
|
+
align-items: center;
|
1494
|
+
gap: 12px;
|
1495
|
+
|
1496
|
+
.text-input-container {
|
1497
|
+
width: 48px;
|
1498
|
+
margin: 0px;
|
1499
|
+
|
1500
|
+
.chakra-input {
|
1501
|
+
padding: 4px;
|
1502
|
+
width: 48px;
|
1503
|
+
}
|
1504
|
+
}
|
1505
|
+
|
1506
|
+
.chakra-slider__root {
|
1507
|
+
padding: 0 12px;
|
1508
|
+
height: 30px;
|
1509
|
+
margin-top: 18px;
|
1510
|
+
width: 100%;
|
1511
|
+
}
|
1512
|
+
`,tn=({defaultValue:e,onOpacityChanged:l})=>{const[r,n]=A(e);return I(y.Root,{positioning:{placement:"bottom-end"},children:[B(y.Trigger,{asChild:!0,children:B(X,{label:"Opacity",size:"small",variant:"secondary",leftIcon:B(ie,{})})}),B(y.Positioner,{children:B(y.Content,{css:en,children:I(y.Body,{css:ln,children:[B("p",{css:rn,children:"Opacity"}),I("div",{css:nn,children:[I("div",{style:{position:"relative"},children:[B(ml,{"aria-label":"Opacity",min:"0",max:"100",value:r,onChange:e=>{const r=e.target.value||"0";let t=parseInt(r,10);t=Number.isNaN(t)?0:t,t=t<0?0:t,t=t>100?100:t,n(t),l&&l(t)},className:"opacity-control-text-input",onClick:e=>e.target.select()}),B("p",{style:{position:"absolute",top:"18.5px",right:"5px"},children:"%"})]}),B(Ke,{min:0,max:100,value:[r],onValueChangeEnd:({value:e})=>{n(e[0]),l&&l(e[0])}})]})]})})})]})},an=({layerName:e,dataUnit:l,onDrag:r,onUpClick:n,onDownClick:t,onRemoveClick:i,children:a,onInfoClick:o,onOpacityChanged:d})=>I("div",{css:Gr,children:[I("div",{css:Yr,children:[B(fe,{icon:B(se,{}),"aria-label":"Drag and drop","aria-hidden":!0,onClick:r,style:{display:"none",marginBottom:"12px"}}),I("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[B(fe,{icon:B(ae,{rotate:"180"}),"aria-label":"Up",onClick:n}),B(fe,{icon:B(ae,{}),"aria-label":"Down",onClick:t})]})]}),I("div",{children:[I("div",{css:Kr,children:[I("div",{children:[B("h3",{css:Jr,children:e}),B("p",{css:Qr,children:l})]}),B(X,{label:"Remove",size:"small",variant:"secondary",rightIcon:B(oe,{}),onClick:i})]}),a,I("div",{css:Xr,children:[B(X,{label:"About data",size:"small",variant:"secondary",leftIcon:B(ie,{}),onClick:o}),B(tn,{defaultValue:80,onOpacityChanged:d})]})]})]}),on=Z`
|
1513
|
+
width: 290px;
|
1514
|
+
box-shadow: 0px 2px 4px -2px #0000001a;
|
1515
|
+
box-shadow: 0px 4px 6px -1px #0000001a;
|
1516
|
+
`,dn=(e,l,r)=>{const n=Array.from(e),[t]=n.splice(l,1);return n.splice(r,0,t),n},cn=({legendContent:e,analysisContent:l,onTabClick:r})=>{const[n,t]=A("legend-tab"),[i,a]=A(e);return I("div",{css:on,children:[B(Fr,{tabs:[{label:"Legend",value:"legend-tab",icon:B(pe,{})},{label:"Analysis",value:"analysis-tab",icon:B(he,{})}],onTabClick:e=>{t(e),r&&r(e)}}),"legend-tab"===n?B("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:q.map(i,((e,l)=>O(e,{onUpClick:()=>{const e=dn(i,l,l-1);a(e)},onDownClick:()=>{const e=dn(i,l,l+1);a(e)}})))}):null,"analysis-tab"===n?B("div",{style:{display:"flex",flexDirection:"column",gap:"10px"},children:l}):null]})},sn=e=>Z`
|
1517
|
+
width: 20px;
|
1518
|
+
height: 20px;
|
1519
|
+
border-radius: 50%;
|
1520
|
+
background-color: ${e};
|
1521
|
+
border: 1px solid ${W("neutral",400)};
|
1522
|
+
`,pn=e=>Z`
|
1523
|
+
width: 20px;
|
1524
|
+
height: 8px;
|
1525
|
+
border-radius: 2px;
|
1526
|
+
background-color: ${e};
|
1527
|
+
border: 1px solid ${W("neutral",400)};
|
1528
|
+
`,hn=e=>Z`
|
1529
|
+
width: 20px;
|
1530
|
+
height: 20px;
|
1531
|
+
border-radius: 50%;
|
1532
|
+
background-color: ${e};
|
1533
|
+
display: flex;
|
1534
|
+
justify-content: center;
|
1535
|
+
align-items: center;
|
1536
|
+
|
1537
|
+
svg {
|
1538
|
+
width: 10px;
|
1539
|
+
height: 10px;
|
1540
|
+
}
|
1541
|
+
`,xn=Z`
|
1542
|
+
min-height: 36px;
|
1543
|
+
width: 100%;
|
1544
|
+
display: flex;
|
1545
|
+
justify-content: space-between;
|
1546
|
+
gap: 8px;
|
1547
|
+
margin-bottom: 16px;
|
1548
|
+
`,un=Z`
|
1549
|
+
display: flex;
|
1550
|
+
gap: 8px;
|
1551
|
+
`,Cn=Z`
|
1552
|
+
font-size: 14px;
|
1553
|
+
line-height: 20px;
|
1554
|
+
font-weight: 400;
|
1555
|
+
color: ${W("neutral",800)};
|
1556
|
+
`,gn=Z`
|
1557
|
+
font-size: 12px;
|
1558
|
+
line-height: 16px;
|
1559
|
+
font-weight: 400;
|
1560
|
+
color: ${W("neutral",700)};
|
1561
|
+
`,bn=Z`
|
1562
|
+
button {
|
1563
|
+
height: 25px;
|
1564
|
+
font-size: 12px;
|
1565
|
+
line-height: 16px;
|
1566
|
+
font-weight: 400;
|
1567
|
+
color: ${W("neutral",600)};
|
1568
|
+
padding: 0 10px;
|
1569
|
+
}
|
1570
|
+
`,mn=({type:e,label:l,caption:r,color:n,onActionClick:t,showActionButton:i,pointIcon:a})=>{const[o,d]=A(!0),c="line"===e,s="point"===e;return I("div",{css:xn,children:[I("div",{css:un,children:[I("div",{children:["raster"===e&&B("div",{css:sn(n)}),c&&B("div",{css:pn(n)}),s&&B("div",{css:hn(n),children:a})]}),I("div",{children:[B("p",{css:Cn,"aria-label":l,children:l}),B("p",{css:gn,"aria-label":r,children:r})]})]}),t&&i?B("div",{css:bn,children:B(X,{variant:"borderless",label:o?"Hide":"Show",rightIcon:B(o?ce:de,{}),"aria-label":"Show or Hide action",onClick:()=>{d(!o),t&&t()}})}):null]})},fn=Z`
|
1571
|
+
width: 100%;
|
1572
|
+
display: flex;
|
1573
|
+
flex-direction: column;
|
1574
|
+
margin-bottom: 16px;
|
1575
|
+
`,vn=Z`
|
1576
|
+
height: 20px;
|
1577
|
+
width: 100%;
|
1578
|
+
margin-bottom: 8px;
|
1579
|
+
border: 1px solid ${W("neutral",300)};
|
1580
|
+
border-radius: 4px;
|
1581
|
+
display: flex;
|
1582
|
+
align-items: center;
|
1583
|
+
|
1584
|
+
div:first-of-type {
|
1585
|
+
border-top-left-radius: 3px;
|
1586
|
+
border-bottom-left-radius: 3px;
|
1587
|
+
}
|
1588
|
+
|
1589
|
+
div:last-of-type {
|
1590
|
+
border-top-right-radius: 3px;
|
1591
|
+
border-bottom-right-radius: 3px;
|
1592
|
+
}
|
1593
|
+
`,$n=Z`
|
1594
|
+
display: flex;
|
1595
|
+
justify-content: space-between;
|
1596
|
+
align-items: flex-start;
|
1597
|
+
`,wn=Z`
|
1598
|
+
width: 100%;
|
1599
|
+
font-size: 12px;
|
1600
|
+
line-height: 16px;
|
1601
|
+
font-weight: 400;
|
1602
|
+
color: ${W("neutral",800)};
|
1603
|
+
text-align: center;
|
1604
|
+
`,kn=Z`
|
1605
|
+
font-size: 12px;
|
1606
|
+
line-height: 16px;
|
1607
|
+
font-weight: 400;
|
1608
|
+
color: ${W("neutral",600)};
|
1609
|
+
text-align: center;
|
1610
|
+
`,yn=e=>{const l=e.map(((l,r)=>`${r/(e.length-1)*100}%`));return`linear-gradient(to right, ${e.map(((e,r)=>`${e} ${l[r]}`)).join(", ")})`},Ln=({colors:e,values:l,subLabels:r,isGradient:n})=>{return I("div",{css:fn,children:[B("div",n?{css:(t=yn(e),Z`
|
1611
|
+
height: 20px;
|
1612
|
+
width: 100%;
|
1613
|
+
margin-bottom: 8px;
|
1614
|
+
border: 1px solid ${W("neutral",300)};
|
1615
|
+
border-radius: 4px;
|
1616
|
+
${t?`background: ${t};`:""}
|
1617
|
+
`)}:{css:vn,children:e?.map(((e,r)=>B("div",{"data-test":`${e}-${l?.[r]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${l?.[r]}`)))}),B("div",{css:$n,children:l?.map((e=>B("div",{style:{width:n?"auto":`calc(100% / ${l.length})`,display:"flex",justifyContent:"center"},children:B("p",{css:wn,children:e})},e)))}),r&&r.length?B("div",{css:$n,children:r.map((e=>B("div",{style:{width:n?"auto":`calc(100% / ${l.length})`,display:"flex",justifyContent:"center"},children:B("p",{css:kn,style:{width:"100%"},children:e})},e)))}):null]});var t},Rn=Z`
|
1618
|
+
a,
|
1619
|
+
p {
|
1620
|
+
font-size: 16px;
|
1621
|
+
font-weight: 400;
|
1622
|
+
line-height: 24px;
|
1623
|
+
color: ${W("neutral",600)};
|
1624
|
+
display: flex;
|
1625
|
+
align-items: center;
|
1626
|
+
justify-content: center;
|
1627
|
+
gap: 5px;
|
1628
|
+
text-transform: capitalize;
|
1629
|
+
|
1630
|
+
svg {
|
1631
|
+
height: 16px;
|
1632
|
+
width: 16px;
|
1633
|
+
color: ${W("neutral",600)};
|
1634
|
+
}
|
1635
|
+
}
|
1636
|
+
|
1637
|
+
p {
|
1638
|
+
font-weight: 700;
|
1639
|
+
color: ${W("neutral",800)};
|
1640
|
+
|
1641
|
+
svg {
|
1642
|
+
color: ${W("neutral",800)};
|
1643
|
+
}
|
1644
|
+
}
|
1645
|
+
|
1646
|
+
a:hover {
|
1647
|
+
text-decoration: underline;
|
1648
|
+
}
|
1649
|
+
`,Vn=Z`
|
1650
|
+
svg {
|
1651
|
+
height: 12px;
|
1652
|
+
width: 12px;
|
1653
|
+
color: ${W("neutral",600)};
|
1654
|
+
}
|
1655
|
+
`,Mn=Z`
|
1656
|
+
cursor: pointer;
|
1657
|
+
color: ${W("neutral",600)};
|
1658
|
+
display: flex;
|
1659
|
+
justify-content: center;
|
1660
|
+
align-items: center;
|
1661
|
+
`,_n=({links:e,separator:l,maxItems:r=99,linkRouter:n})=>{const[t,i]=A(e.length>r);S((()=>{i(e.length>r)}),[e.length]);const a=n;return B(L.Root,{children:B(L.List,{gap:"16px",children:t?I(H,{children:[B(L.Item,{css:Rn,children:I(a,{to:e[0].link,href:e[0].link,children:[e[0].icon,e[0].label]})}),B(L.Separator,{css:Vn,children:l||B(ae,{rotate:"270"})}),B("li",{className:"chakra-breadcrumb__item",children:B("button",{css:Mn,type:"button",onClick:()=>i(!1),children:"..."})}),B(L.Separator,{css:Vn,children:l||B(ae,{rotate:"270"})}),B(L.Item,{css:Rn,children:I("p",{"aria-current":"page","aria-label":e[e.length-1].label,children:[e[e.length-1].icon,e[e.length-1].label]})})]}):e.map(((r,n)=>r?.label?I(N,{children:[B(L.Item,{css:Rn,children:n<e.length-1?I(a,{to:r.link,href:r.link,children:[r.icon,r.label]}):I("p",{"aria-current":"page","aria-label":r.label,children:[r.label&&r.icon?r.icon:"",r.label]})}),n<e.length-1?B(L.Separator,{css:Vn,children:l||B(ae,{rotate:"270"})}):null]},r.label):null))})})},zn=(e,l)=>Z`
|
1662
|
+
min-height: 56px;
|
1663
|
+
width: 100vw;
|
1664
|
+
position: ${e?"fixed":"absolute"};
|
1665
|
+
bottom: 0;
|
1666
|
+
left: 0;
|
1667
|
+
background-color: ${l?W("neutral",200):"transparent"};
|
1668
|
+
background-color: ${W("neutral",l?200:100)};
|
1669
|
+
border-top: 1px solid ${W("neutral",400)};
|
1670
|
+
z-index: 101;
|
1671
|
+
`,In=e=>Z`
|
1672
|
+
height: 100%;
|
1673
|
+
width: 100%;
|
1674
|
+
max-width: ${e?`${e}px`:"100%"};
|
1675
|
+
display: flex;
|
1676
|
+
align-items: center;
|
1677
|
+
justify-content: space-between;
|
1678
|
+
gap: 32px;
|
1679
|
+
padding: 12px 16px;
|
1680
|
+
margin: 0 auto;
|
1681
|
+
|
1682
|
+
@media screen and (max-width: 768px) {
|
1683
|
+
flex-direction: column;
|
1684
|
+
align-items: flex-start;
|
1685
|
+
}
|
1686
|
+
`,Bn=Z`
|
1687
|
+
display: flex;
|
1688
|
+
align-items: center;
|
1689
|
+
flex-wrap: wrap;
|
1690
|
+
gap: 24px;
|
1691
|
+
|
1692
|
+
a {
|
1693
|
+
font-size: 14px;
|
1694
|
+
line-height: 20px;
|
1695
|
+
font-weight: 400;
|
1696
|
+
color: ${W("neutral",600)};
|
1697
|
+
text-decoration: underline;
|
1698
|
+
}
|
1699
|
+
`,Hn=Z`
|
1700
|
+
width: 240px;
|
1701
|
+
font-size: 14px;
|
1702
|
+
line-height: 20px;
|
1703
|
+
font-weight: 400;
|
1704
|
+
color: ${W("neutral",600)};
|
1705
|
+
text-align: right;
|
1706
|
+
|
1707
|
+
@media screen and (max-width: 768px) {
|
1708
|
+
text-align: left;
|
1709
|
+
}
|
1710
|
+
`,Zn=({children:e,label:l="©️World Resources Institute",fixed:r,filled:n,maxWidth:t})=>{const i=(new Date).getFullYear();return B("footer",{css:zn(r,n),children:I("div",{css:In(t),children:[B("div",{children:B(ge,{height:"32px",width:"91px"})}),B("div",{css:Bn,children:e}),B("div",{children:I("p",{css:Hn,children:[l," ",i]})})]})})},Tn=e=>Z`
|
1711
|
+
width: 64px;
|
1712
|
+
height: ${e||"100vh"};
|
1713
|
+
z-index: 100;
|
1714
|
+
position: fixed;
|
1715
|
+
top: 0;
|
1716
|
+
left: 0;
|
1717
|
+
border-right: 1px solid ${W("neutral",300)};
|
1718
|
+
background-color: ${W("neutral",200)};
|
1719
|
+
display: flex;
|
1720
|
+
flex-direction: column;
|
1721
|
+
justify-content: space-between;
|
1722
|
+
`,En=Z`
|
1723
|
+
width: 64px;
|
1724
|
+
height: 64px;
|
1725
|
+
background-color: ${W("neutral",200)};
|
1726
|
+
border-radius: initial;
|
1727
|
+
border-style: solid;
|
1728
|
+
border-width: 1px 1px 0px 0px;
|
1729
|
+
border-color: ${W("neutral",300)};
|
1730
|
+
cursor: pointer;
|
1731
|
+
border-left: 2px solid transparent;
|
1732
|
+
padding: 0 5px;
|
1733
|
+
display: flex;
|
1734
|
+
align-items: center;
|
1735
|
+
justify-content: center;
|
1736
|
+
|
1737
|
+
&:hover {
|
1738
|
+
background-color: ${W("neutral",100)};
|
1739
|
+
}
|
1740
|
+
|
1741
|
+
&:active {
|
1742
|
+
background-color: ${W("neutral",300)} !important;
|
1743
|
+
}
|
1744
|
+
|
1745
|
+
&:focus-visible {
|
1746
|
+
background-color: ${W("neutral",200)};
|
1747
|
+
outline-color: ${W("primary",700)};
|
1748
|
+
outline-offset: 2px;
|
1749
|
+
box-shadow: none;
|
1750
|
+
}
|
1751
|
+
|
1752
|
+
.tab-label p {
|
1753
|
+
font-size: 10px;
|
1754
|
+
font-weight: 400;
|
1755
|
+
line-height: 14px;
|
1756
|
+
text-align: center;
|
1757
|
+
color: ${W("neutral",600)};
|
1758
|
+
}
|
1759
|
+
|
1760
|
+
&[data-selected] {
|
1761
|
+
background-color: ${W("neutral",100)};
|
1762
|
+
border-left: 2px solid ${W("secondary",500)};
|
1763
|
+
|
1764
|
+
&:hover {
|
1765
|
+
background-color: ${W("neutral",200)};
|
1766
|
+
}
|
1767
|
+
|
1768
|
+
&:focus-visible {
|
1769
|
+
background-color: ${W("neutral",100)};
|
1770
|
+
outline-color: ${W("primary",700)};
|
1771
|
+
outline-offset: 2px;
|
1772
|
+
box-shadow: none;
|
1773
|
+
}
|
1774
|
+
|
1775
|
+
.tab-label {
|
1776
|
+
p {
|
1777
|
+
font-weight: 700;
|
1778
|
+
color: ${W("neutral",700)};
|
1779
|
+
}
|
1780
|
+
|
1781
|
+
svg {
|
1782
|
+
path {
|
1783
|
+
fill: ${W("neutral",700)};
|
1784
|
+
}
|
1785
|
+
}
|
1786
|
+
}
|
1787
|
+
|
1788
|
+
&::before {
|
1789
|
+
content: none;
|
1790
|
+
}
|
1791
|
+
}
|
1792
|
+
|
1793
|
+
&[data-disabled] {
|
1794
|
+
background-color: ${W("neutral",200)} !important;
|
1795
|
+
|
1796
|
+
&[data-selected] {
|
1797
|
+
background-color: ${W("neutral",100)} !important;
|
1798
|
+
}
|
1799
|
+
|
1800
|
+
.tab-label {
|
1801
|
+
p {
|
1802
|
+
color: ${W("neutral",400)};
|
1803
|
+
}
|
1804
|
+
|
1805
|
+
svg {
|
1806
|
+
path {
|
1807
|
+
fill: ${W("neutral",400)};
|
1808
|
+
}
|
1809
|
+
}
|
1810
|
+
}
|
1811
|
+
}
|
1812
|
+
`,Fn=Z`
|
1813
|
+
display: flex;
|
1814
|
+
justify-content: center;
|
1815
|
+
align-items: center;
|
1816
|
+
|
1817
|
+
svg {
|
1818
|
+
width: 16px;
|
1819
|
+
height: 16px;
|
1820
|
+
|
1821
|
+
path {
|
1822
|
+
fill: ${W("neutral",600)};
|
1823
|
+
}
|
1824
|
+
}
|
1825
|
+
`,Dn=Z`
|
1826
|
+
width: 64px;
|
1827
|
+
height: 64px;
|
1828
|
+
background-color: ${W("neutral",200)};
|
1829
|
+
border-radius: initial;
|
1830
|
+
border-style: solid;
|
1831
|
+
border-width: 1px 1px 0px 0px;
|
1832
|
+
border-color: ${W("neutral",300)};
|
1833
|
+
cursor: pointer;
|
1834
|
+
border-left: 2px solid transparent;
|
1835
|
+
padding: 0 5px;
|
1836
|
+
display: flex;
|
1837
|
+
align-items: center;
|
1838
|
+
justify-content: center;
|
1839
|
+
flex-direction: column;
|
1840
|
+
gap: 5px;
|
1841
|
+
|
1842
|
+
&:hover {
|
1843
|
+
background-color: ${W("neutral",100)};
|
1844
|
+
}
|
1845
|
+
|
1846
|
+
&:active {
|
1847
|
+
background-color: ${W("neutral",300)} !important;
|
1848
|
+
}
|
1849
|
+
|
1850
|
+
&:focus-visible {
|
1851
|
+
outline-color: ${W("primary",700)};
|
1852
|
+
outline-offset: 2px;
|
1853
|
+
box-shadow: none;
|
1854
|
+
}
|
1855
|
+
|
1856
|
+
.tab-label p {
|
1857
|
+
font-size: 10px;
|
1858
|
+
font-weight: 400;
|
1859
|
+
line-height: 14px;
|
1860
|
+
text-align: center;
|
1861
|
+
color: ${W("neutral",600)};
|
1862
|
+
}
|
1863
|
+
`,jn=Z`
|
1864
|
+
width: 300px;
|
1865
|
+
height: 100vh;
|
1866
|
+
z-index: 100;
|
1867
|
+
position: fixed;
|
1868
|
+
top: 0;
|
1869
|
+
left: 64px;
|
1870
|
+
box-shadow: 2px 0px 2px 0px #0000000d;
|
1871
|
+
background-color: ${W("neutral",100)};
|
1872
|
+
overflow-y: auto;
|
1873
|
+
overflow-x: hidden;
|
1874
|
+
`,An=({tabs:e=[],defaultValue:l,onTabClick:r,children:t,onOpenChange:i,customHeight:a})=>{const[o,d]=A(!1),[c,s]=A(l||e?.[0]?.value);return I(H,{children:[I("div",{css:Tn(a),children:[B(k.Root,{defaultValue:l||e?.[0]?.value,orientation:"horizontal",width:"full",onFocusChange:({focusedValue:e})=>{return s(l=e),void(r&&r(l));var l},role:"tablist",children:B(k.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:e.map((e=>B(k.Trigger,{css:En,"aria-label":e["aria-label"]||e.label,...e,children:I(n,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[e.icon?B("div",{css:Fn,children:e.icon}):null,B("p",{children:e.label})]})},e.label)))})}),t?B(R.Root,{onOpenChange:({open:e})=>{d(e),i&&i(!e)},children:I(R.Trigger,{css:Dn,children:[B("div",{css:Fn,children:B(o?re:le,{})}),I("div",{className:"tab-label",children:[B("p",{children:o?"Show":"Hide"}),B("p",{children:"Sidebar"})]})]})}):null]}),t?B(R.Root,{defaultOpen:!0,open:!o,children:B(R.Content,{children:B("div",{css:jn,role:"tabpanel","aria-labelledby":c,children:t})})}):null]})},Sn=Z`
|
1875
|
+
position: relative;
|
1876
|
+
display: flex;
|
1877
|
+
`,Nn=Z`
|
1878
|
+
height: 4px;
|
1879
|
+
width: 4px;
|
1880
|
+
background-color: ${W("error",500)};
|
1881
|
+
border-radius: 4px;
|
1882
|
+
position: absolute;
|
1883
|
+
top: 0px;
|
1884
|
+
right: 0px;
|
1885
|
+
`,qn=Z`
|
1886
|
+
height: 8px;
|
1887
|
+
background-color: ${W("error",500)};
|
1888
|
+
padding: 0 2px 1px 2px;
|
1889
|
+
border-radius: 8px;
|
1890
|
+
display: flex;
|
1891
|
+
justify-content: center;
|
1892
|
+
align-items: center;
|
1893
|
+
position: absolute;
|
1894
|
+
top: -2px;
|
1895
|
+
left: 9px;
|
1896
|
+
`,On=Z`
|
1897
|
+
font-size: 8px;
|
1898
|
+
font-weight: 700;
|
1899
|
+
color: ${W("error",100)};
|
1900
|
+
`,Pn=({hasNotification:e,notificationCount:l})=>{const r=(()=>{let e="";return l&&l>0&&(e=`${l>99?"99+":l}`),e})();return I("div",{css:Sn,role:"status","aria-live":"polite",children:[e&&r.length>0?B("div",{css:qn,children:B("p",{css:On,"aria-label":`${l} unread message`,children:r})}):null,e&&!l?B("div",{css:Nn,"aria-hidden":!0}):null,B(be,{color:"var(--chakra-colors-neutral-800)",height:"16px",width:"16px"})]})},Un=(e,l)=>Z`
|
1901
|
+
width: 100%;
|
1902
|
+
min-width: ${"small"===e?"234px":"366px"};
|
1903
|
+
border-radius: 4px;
|
1904
|
+
padding: ${"small"===e?"8px 8px 12px 8px":"8px 12px 12px 12px"};
|
1905
|
+
display: flex;
|
1906
|
+
align-items: ${l?"center":"flex-start"};
|
1907
|
+
justify-content: ${l?"space-between":"flex-start"};
|
1908
|
+
flex-direction: ${l?"row":"column"};
|
1909
|
+
gap: 8px;
|
1910
|
+
margin-bottom: 16px;
|
1911
|
+
|
1912
|
+
button {
|
1913
|
+
margin-left: ${l?0:"24px"};
|
1914
|
+
}
|
1915
|
+
`,Wn=Z`
|
1916
|
+
display: flex;
|
1917
|
+
align-items: flex-start;
|
1918
|
+
gap: 8px;
|
1919
|
+
|
1920
|
+
svg {
|
1921
|
+
margin-top: 6px;
|
1922
|
+
}
|
1923
|
+
`,Gn=e=>Z`
|
1924
|
+
color: ${W("neutral",800)};
|
1925
|
+
font-size: ${"small"===e?"14px":"18px"};
|
1926
|
+
line-height: ${"small"===e?"20px":"28px"};
|
1927
|
+
font-weight: 400;
|
1928
|
+
text-align: left;
|
1929
|
+
`,Yn=e=>Z`
|
1930
|
+
color: ${W("neutral",700)};
|
1931
|
+
font-size: ${"small"===e?"12px":"16px"};
|
1932
|
+
line-height: ${"small"===e?"16px":"24px"};
|
1933
|
+
font-weight: 400;
|
1934
|
+
margin-left: 24px;
|
1935
|
+
text-align: left;
|
1936
|
+
`,Kn=Z`
|
1937
|
+
background-color: ${W("neutral",100)};
|
1938
|
+
border: 1px solid ${W("neutral",300)};
|
1939
|
+
color: ${W("neutral",700)};
|
1940
|
+
`,Jn=Z`
|
1941
|
+
background-color: ${W("neutral",200)};
|
1942
|
+
border: 1px solid ${W("neutral",300)};
|
1943
|
+
color: ${W("neutral",700)};
|
1944
|
+
`,Qn=Z`
|
1945
|
+
background-color: ${W("success",100)};
|
1946
|
+
border: 1px solid ${W("success",500)};
|
1947
|
+
color: ${W("success",500)};
|
1948
|
+
|
1949
|
+
p {
|
1950
|
+
color: ${W("success",500)};
|
1951
|
+
}
|
1952
|
+
`,Xn=Z`
|
1953
|
+
background-color: ${W("warning",100)};
|
1954
|
+
border: 1px solid ${W("warning",500)};
|
1955
|
+
color: ${W("warning",500)};
|
1956
|
+
|
1957
|
+
p {
|
1958
|
+
color: ${W("warning",500)};
|
1959
|
+
}
|
1960
|
+
`,et=Z`
|
1961
|
+
background-color: ${W("error",100)};
|
1962
|
+
border: 1px solid ${W("error",500)};
|
1963
|
+
color: ${W("error",500)};
|
1964
|
+
|
1965
|
+
p {
|
1966
|
+
color: ${W("error",500)};
|
1967
|
+
}
|
1968
|
+
`,lt=({label:e,caption:l,variant:r,size:n="large",icon:t=B(ie,{height:"16px",width:"16px"}),onActionClick:i,actionLabel:a,isButtonRight:o})=>{let d=Kn;return"info-grey"===r?d=Jn:"success"===r?d=Qn:"warning"===r?d=Xn:"error"===r&&(d=et),I("div",{css:[Un(n,o),d],"aria-roledescription":"Note",children:[I("div",{children:[I("div",{css:Wn,children:[t,B("p",{css:Gn(n),children:e})]}),B("p",{css:Yn(n),children:l})]}),a?B(X,{label:a,variant:"info-white"===r||"info-grey"===r?"primary":"secondary",size:"large"===n?"default":"small",onClick:i}):null]})},rt=Z`
|
1969
|
+
justify-content: space-between;
|
1970
|
+
align-items: center;
|
1971
|
+
gap: 8px;
|
1972
|
+
border-radius: 8px;
|
1973
|
+
padding: 8px 12px;
|
1974
|
+
background-color: ${W("neutral",100)};
|
1975
|
+
border: 1px solid ${W("neutral",300)};
|
1976
|
+
box-shadow: 0px 4px 6px -4px #0000001a;
|
1977
|
+
box-shadow: 0px 10px 15px -3px #0000001a;
|
1978
|
+
|
1979
|
+
.icon-container svg {
|
1980
|
+
width: 20px;
|
1981
|
+
height: 20px;
|
1982
|
+
margin-top: 3px;
|
1983
|
+
}
|
1984
|
+
|
1985
|
+
&[data-type='success'] {
|
1986
|
+
background-color: ${W("success",100)};
|
1987
|
+
border: 1px solid ${W("success",500)};
|
1988
|
+
|
1989
|
+
.chakra-toast__title {
|
1990
|
+
color: ${W("success",500)};
|
1991
|
+
}
|
1992
|
+
}
|
1993
|
+
|
1994
|
+
&[data-type='warning'] {
|
1995
|
+
background-color: ${W("warning",100)};
|
1996
|
+
border: 1px solid ${W("warning",500)};
|
1997
|
+
|
1998
|
+
.chakra-toast__title {
|
1999
|
+
color: ${W("warning",500)};
|
2000
|
+
}
|
2001
|
+
}
|
2002
|
+
|
2003
|
+
&[data-type='error'] {
|
2004
|
+
background-color: ${W("error",100)};
|
2005
|
+
border: 1px solid ${W("error",500)};
|
2006
|
+
|
2007
|
+
.chakra-toast__title {
|
2008
|
+
color: ${W("error",500)};
|
2009
|
+
}
|
2010
|
+
}
|
2011
|
+
`,nt=Z`
|
2012
|
+
font-size: 18px;
|
2013
|
+
line-height: 28px;
|
2014
|
+
font-weight: 400;
|
2015
|
+
color: ${W("neutral",800)};
|
2016
|
+
`,tt=Z`
|
2017
|
+
font-size: 16px;
|
2018
|
+
line-height: 24px;
|
2019
|
+
font-weight: 400;
|
2020
|
+
color: ${W("neutral",700)};
|
2021
|
+
`,it=Z`
|
2022
|
+
padding: 6px;
|
2023
|
+
`,at=Z`
|
2024
|
+
padding: 6px;
|
2025
|
+
`,ot={pauseOnPageIdle:!0,offsets:"24px"},dt={"top-start":V({placement:"top-start",...ot}),"top-end":V({placement:"top-end",...ot}),"bottom-start":V({placement:"bottom-start",...ot}),"bottom-end":V({placement:"bottom-end",...ot})},ct=e=>{dt[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})},st=()=>Object.keys(dt).map((e=>B(a,{children:B(M,{toaster:dt[e],insetInline:{mdDown:"4"},children:l=>I(_.Root,{css:rt,width:{md:"sm"},children:[I(z,{flexDirection:"row",className:"icon-container",children:["info"===l.type?l.meta?.icon?l.meta.icon:B(ie,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===l.type?B(t,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===l.type?l.meta?.icon?l.meta.icon:B(xe,{color:"var(--chakra-colors-success-500)"}):null,"warning"===l.type?l.meta?.icon?l.meta.icon:B(ue,{color:"var(--chakra-colors-warning-500)"}):null,"error"===l.type?l.meta?.icon?l.meta.icon:B(Ce,{color:"var(--chakra-colors-error-500)"}):null,I(z,{gap:"1",flex:"1",maxWidth:"100%",children:[B(_.Title,{css:nt,"aria-label":`${l.title}`,children:l.title}),l.description?B(_.Title,{css:tt,"aria-label":`${l.description}`,children:l.description}):null]})]}),l.action||l.meta?.closable?I(z,{flexDirection:"row",children:[l.action?B(X,{css:it,label:l.action.label,size:"small",variant:"info"===l.type?"primary":"secondary",onClick:()=>{l?.action?.onClick&&l.action.onClick(),dt[e].dismiss()}}):null,l.meta?.closable?B(X,{css:at,label:l.meta.closableLabel,"aria-label":l.meta?.closableLabel||"Dismiss",leftIcon:B(oe,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>dt[e].dismiss()}):null]}):null]})})},e)));export{Pn as Badge,_n as Breadcrumb,X as Button,Ve as Checkbox,il as CheckboxList,ve as CloseButton,Zn as Footer,fe as IconButton,lt as InlineMessage,Pl as InputWithUnits,Mr as LayerGroup,_r as LayerGroupContainer,Vr as LayerItem,Nr as LayerPanel,Wr as LayerParameters,an as LegendItem,cn as LegendPanel,Le as MultiActionButton,An as NavigationRail,Ee as OptionCard,Fe as OptionCardGroup,Xl as Password,mn as QualitativeAttribute,Ae as Radio,Se as RadioGroup,ar as RadioList,Ln as ScaleBar,Ol as Select,Ke as Slider,sr as SliderInput,Qe as Switch,Fr as TabBar,Sl as Tag,ml as TextInput,mr as Textarea,st as Toast,U as designSystemStyles,ct as showToast};
|