@worldresources/wri-design-systems 2.137.1 → 2.137.2

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/dist/index.cjs.js CHANGED
@@ -1690,6 +1690,11 @@
1690
1690
  `,fr=({ariaLabel:e,icon:r,backgroundColor:n,onClick:o})=>t.jsx("div",{css:gr(n,!!o),"aria-label":e,role:"button",tabIndex:0,onClick:o,onKeyDown:o,children:r}),br={Paper:({ariaLabel:e,onClick:t})=>n.jsx(fr,{ariaLabel:e||"paper icon",icon:n.jsx(N,{color:"#79022C"}),backgroundColor:"#FFBCD4",onClick:t}),Drop:({ariaLabel:e,onClick:t})=>n.jsx(fr,{ariaLabel:e||"drop icon",icon:n.jsx(F,{color:"#7D2A03"}),backgroundColor:"#F3A078",onClick:t}),Plant:({ariaLabel:e,onClick:t})=>n.jsx(fr,{ariaLabel:e||"plant icon",icon:n.jsx(A,{color:"#3B6402"}),backgroundColor:"#B7E578",onClick:t})},Cr=r.css`
1691
1691
  background-color: ${p("neutral",100)};
1692
1692
  `,mr=r.css`
1693
+ padding: 16px 16px 0px 16px;
1694
+ &:focus-visible {
1695
+ outline-color: ${p("primary",700)};
1696
+ }
1697
+ `,vr=r.css`
1693
1698
  font-size: 16px;
1694
1699
  font-weight: 700;
1695
1700
  line-height: 24px;
@@ -1699,42 +1704,46 @@
1699
1704
  align-items: center;
1700
1705
  text-align: left;
1701
1706
  gap: 10px;
1702
- `,vr=r.css`
1707
+ `,wr=r.css`
1703
1708
  font-size: 12px;
1704
1709
  font-weight: 400;
1705
1710
  line-height: 16px;
1706
1711
  text-align: left;
1707
1712
  color: ${p("neutral",700)};
1708
1713
  margin-bottom: 8px;
1709
- `,wr=r.css`
1714
+ `,jr=r.css`
1710
1715
  width: 100%;
1711
1716
  padding: 16px 0;
1712
1717
  border-bottom: 1px solid ${p("neutral",300)};
1713
- `,jr=r.css`
1718
+
1719
+ &:last-of-type {
1720
+ border-bottom: none;
1721
+ }
1722
+ `,yr=r.css`
1714
1723
  display: flex;
1715
1724
  align-items: flex-start;
1716
1725
  justify-content: space-between;
1717
- `,yr=r.css`
1726
+ `,$r=r.css`
1718
1727
  display: flex;
1719
1728
  flex-direction: column;
1720
- `,$r=e=>r.css`
1729
+ `,kr=e=>r.css`
1721
1730
  font-size: 16px;
1722
1731
  font-weight: 400;
1723
1732
  line-height: 24px;
1724
1733
  text-align: left;
1725
1734
  color: ${p("neutral",e?500:800)};
1726
- `,kr=e=>r.css`
1735
+ `,Sr=e=>r.css`
1727
1736
  font-size: 14px;
1728
1737
  font-weight: 400;
1729
1738
  line-height: 20px;
1730
1739
  text-align: left;
1731
1740
  color: ${p("neutral",e?500:700)};
1732
- `,Sr=({name:r,label:n,caption:o,showInfoButton:i=!0,infoButtonLabel:l="About data",variant:a="switch",disabled:s,onInfoClick:c,isDefaultSelected:d=!1,onChange:p})=>{const u="switch"===a;return t.jsxs("div",{css:wr,children:[u?t.jsxs("div",{css:jr,children:[t.jsxs("div",{css:yr,children:[t.jsx("p",{css:$r(s),"aria-label":n,"aria-disabled":s,children:n}),t.jsx("p",{"aria-label":o,css:kr(s),children:o})]}),t.jsx(Ye,{"aria-label":`${n}, ${o}`,name:r,disabled:s,defaultChecked:d,onChange:p,role:"switch"})]}):t.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[t.jsx(Ee,{value:r,disabled:s,fontSize:"16px",color:"var(--chakra-colors-neutral-800)",children:n}),t.jsx("p",{style:{marginLeft:"28px"},css:kr(s),children:o})]}),i?t.jsx(e.Box,{display:"flex",justifyContent:"flex-start",marginTop:"8px",marginLeft:u?0:"28px",children:t.jsx(b,{variant:"secondary",label:l,rightIcon:t.jsx(j,{}),size:"small",onClick:c,disabled:s})}):null]})},Lr=r.css`
1741
+ `,Lr=({name:r,label:n,caption:o,showInfoButton:i=!0,infoButtonLabel:l="About data",variant:a="switch",disabled:s,onInfoClick:c,isDefaultSelected:d=!1,onChange:p})=>{const u="switch"===a;return t.jsxs("div",{css:jr,children:[u?t.jsxs("div",{css:yr,children:[t.jsxs("div",{css:$r,children:[t.jsx("p",{css:kr(s),"aria-label":n,"aria-disabled":s,children:n}),t.jsx("p",{"aria-label":o,css:Sr(s),children:o})]}),t.jsx(Ye,{"aria-label":`${n}, ${o}`,name:r,disabled:s,defaultChecked:d,onChange:p,role:"switch"})]}):t.jsxs("div",{style:{display:"flex",flexDirection:"column"},children:[t.jsx(Ee,{value:r,disabled:s,fontSize:"16px",color:"var(--chakra-colors-neutral-800)",children:n}),t.jsx("p",{style:{marginLeft:"28px"},css:Sr(s),children:o})]}),i?t.jsx(e.Box,{display:"flex",justifyContent:"flex-start",marginTop:"8px",marginLeft:u?0:"28px",children:t.jsx(b,{variant:"secondary",label:l,rightIcon:t.jsx(j,{}),size:"small",onClick:c,disabled:s})}):null]})},Mr=r.css`
1733
1742
  margin-bottom: 16px;
1734
1743
  border: 1px solid ${p("neutral",300)};
1735
1744
  border-radius: 4px;
1736
1745
  box-shadow: 0px 1px 2px 0px #0000000d;
1737
- `,Mr=r.css`
1746
+ `,Rr=r.css`
1738
1747
  padding: 6px 8px;
1739
1748
  align-items: center;
1740
1749
  background-color: ${p("neutral",100)};
@@ -1750,12 +1759,12 @@
1750
1759
  height: 10px;
1751
1760
  width: 10px;
1752
1761
  }
1753
- `,Rr=r.css`
1762
+ `,Ir=r.css`
1754
1763
  font-size: 12px;
1755
1764
  font-weight: 700;
1756
1765
  line-height: 16px;
1757
1766
  color: ${p("neutral",800)};
1758
- `,Ir=r.css`
1767
+ `,Vr=r.css`
1759
1768
  padding: 12px 8px;
1760
1769
  display: flex;
1761
1770
  flex-direction: column;
@@ -1771,13 +1780,13 @@
1771
1780
  margin-bottom: 0px;
1772
1781
  }
1773
1782
  }
1774
- `,Vr=r.css`
1783
+ `,Dr=r.css`
1775
1784
  padding: 12px;
1776
1785
  padding-bottom: 20px;
1777
1786
  display: flex;
1778
1787
  gap: 12px;
1779
1788
  border-bottom: 1px solid ${p("neutral",300)};
1780
- `,Dr=r.css`
1789
+ `,Tr=r.css`
1781
1790
  display: flex;
1782
1791
  flex-direction: column;
1783
1792
 
@@ -1786,44 +1795,44 @@
1786
1795
  fill: ${p("neutral",700)} !important;
1787
1796
  }
1788
1797
  }
1789
- `,Tr=r.css`
1798
+ `,Er=r.css`
1790
1799
  display: flex;
1791
1800
  align-items: flex-start;
1792
1801
  justify-content: space-between;
1793
1802
  gap: 12px;
1794
1803
  margin-bottom: 16px;
1795
- `,Er=r.css`
1804
+ `,_r=r.css`
1796
1805
  font-size: 16px;
1797
1806
  line-height: 24px;
1798
1807
  font-weight: 400;
1799
1808
  text-align: left;
1800
1809
  color: ${p("neutral",900)};
1801
- `,_r=r.css`
1810
+ `,zr=r.css`
1802
1811
  font-size: 14px;
1803
1812
  line-height: 20px;
1804
1813
  font-weight: 400;
1805
1814
  text-align: left;
1806
1815
  color: ${p("neutral",700)};
1807
- `,zr=r.css`
1816
+ `,Pr=r.css`
1808
1817
  display: flex;
1809
1818
  justify-content: space-between;
1810
1819
 
1811
1820
  button {
1812
1821
  width: 46%;
1813
1822
  }
1814
- `,Pr=r.css`
1823
+ `,Br=r.css`
1815
1824
  width: 234px;
1816
1825
  border: 1px solid ${p("neutral",600)};
1817
1826
  border-radius: 4px;
1818
- `,Br=r.css`
1819
- padding: 12px;
1820
1827
  `,Hr=r.css`
1828
+ padding: 12px;
1829
+ `,Or=r.css`
1821
1830
  font-size: 14px;
1822
1831
  line-height: 20px;
1823
1832
  font-weight: 400;
1824
1833
  text-align: left;
1825
1834
  color: ${p("neutral",900)};
1826
- `,Or=r.css`
1835
+ `,Nr=r.css`
1827
1836
  display: flex;
1828
1837
  align-items: center;
1829
1838
  gap: 12px;
@@ -1844,20 +1853,20 @@
1844
1853
  margin-top: 18px;
1845
1854
  width: 100%;
1846
1855
  }
1847
- `,Nr=({defaultValue:r,onOpacityChanged:n})=>{const[i,l]=o.useState(r);return t.jsxs(e.Popover.Root,{positioning:{placement:"bottom-end"},children:[t.jsx(e.Popover.Trigger,{asChild:!0,children:t.jsx(b,{label:"Opacity",size:"small",variant:"secondary",leftIcon:t.jsx(j,{})})}),t.jsx(e.Popover.Positioner,{children:t.jsx(e.Popover.Content,{css:Pr,children:t.jsxs(e.Popover.Body,{css:Br,children:[t.jsx("p",{css:Hr,children:"Opacity"}),t.jsxs("div",{css:Or,children:[t.jsxs("div",{style:{position:"relative"},children:[t.jsx(pt,{"aria-label":"Opacity",min:"0",max:"100",value:i,onChange:e=>{const t=e.target.value||"0";let r=parseInt(t,10);r=Number.isNaN(r)?0:r,r=r<0?0:r,r=r>100?100:r,l(r),n&&n(r)},className:"opacity-control-text-input",onClick:e=>e.target.select()}),t.jsx("p",{style:{position:"absolute",top:"18.5px",right:"5px"},children:"%"})]}),t.jsx(Ze,{min:0,max:100,value:[i],onValueChangeEnd:({value:e})=>{l(e[0]),n&&n(e[0])}})]})]})})})]})},Fr=e=>r.css`
1856
+ `,Fr=({defaultValue:r,onOpacityChanged:n})=>{const[i,l]=o.useState(r);return t.jsxs(e.Popover.Root,{positioning:{placement:"bottom-end"},children:[t.jsx(e.Popover.Trigger,{asChild:!0,children:t.jsx(b,{label:"Opacity",size:"small",variant:"secondary",leftIcon:t.jsx(j,{})})}),t.jsx(e.Popover.Positioner,{children:t.jsx(e.Popover.Content,{css:Br,children:t.jsxs(e.Popover.Body,{css:Hr,children:[t.jsx("p",{css:Or,children:"Opacity"}),t.jsxs("div",{css:Nr,children:[t.jsxs("div",{style:{position:"relative"},children:[t.jsx(pt,{"aria-label":"Opacity",min:"0",max:"100",value:i,onChange:e=>{const t=e.target.value||"0";let r=parseInt(t,10);r=Number.isNaN(r)?0:r,r=r<0?0:r,r=r>100?100:r,l(r),n&&n(r)},className:"opacity-control-text-input",onClick:e=>e.target.select()}),t.jsx("p",{style:{position:"absolute",top:"18.5px",right:"5px"},children:"%"})]}),t.jsx(Ze,{min:0,max:100,value:[i],onValueChangeEnd:({value:e})=>{l(e[0]),n&&n(e[0])}})]})]})})})]})},Ar=e=>r.css`
1848
1857
  width: 20px;
1849
1858
  height: 20px;
1850
1859
  border-radius: 50%;
1851
1860
  background-color: ${e};
1852
1861
  border: 1px solid ${p("neutral",400)};
1853
- `,Ar=e=>r.css`
1862
+ `,Zr=e=>r.css`
1854
1863
  width: 20px;
1855
1864
  height: 8px;
1856
1865
  border-radius: 2px;
1857
1866
  background-color: ${e};
1858
1867
  border: 1px solid ${p("neutral",400)};
1859
1868
  margin-top: 5px;
1860
- `,Zr=e=>r.css`
1869
+ `,Wr=e=>r.css`
1861
1870
  width: 20px;
1862
1871
  height: 20px;
1863
1872
  border-radius: 50%;
@@ -1870,26 +1879,26 @@
1870
1879
  width: 10px;
1871
1880
  height: 10px;
1872
1881
  }
1873
- `,Wr=r.css`
1882
+ `,Yr=r.css`
1874
1883
  width: 100%;
1875
1884
  display: flex;
1876
1885
  justify-content: space-between;
1877
1886
  gap: 8px;
1878
1887
  margin-bottom: 16px;
1879
- `,Yr=r.css`
1888
+ `,qr=r.css`
1880
1889
  display: flex;
1881
1890
  gap: 8px;
1882
- `,qr=r.css`
1891
+ `,Ur=r.css`
1883
1892
  font-size: 14px;
1884
1893
  line-height: 20px;
1885
1894
  font-weight: 400;
1886
1895
  color: ${p("neutral",800)};
1887
- `,Ur=r.css`
1896
+ `,Gr=r.css`
1888
1897
  font-size: 12px;
1889
1898
  line-height: 16px;
1890
1899
  font-weight: 400;
1891
1900
  color: ${p("neutral",700)};
1892
- `,Gr=r.css`
1901
+ `,Xr=r.css`
1893
1902
  button {
1894
1903
  height: 25px;
1895
1904
  font-size: 12px;
@@ -1898,12 +1907,12 @@
1898
1907
  color: ${p("neutral",600)};
1899
1908
  padding: 0 10px;
1900
1909
  }
1901
- `,Xr=r.css`
1910
+ `,Kr=r.css`
1902
1911
  width: 100%;
1903
1912
  display: flex;
1904
1913
  flex-direction: column;
1905
1914
  margin-bottom: 16px;
1906
- `,Kr=r.css`
1915
+ `,Jr=r.css`
1907
1916
  height: 20px;
1908
1917
  width: 100%;
1909
1918
  margin-bottom: 8px;
@@ -1921,27 +1930,27 @@
1921
1930
  border-top-right-radius: 3px;
1922
1931
  border-bottom-right-radius: 3px;
1923
1932
  }
1924
- `,Jr=r.css`
1933
+ `,Qr=r.css`
1925
1934
  display: flex;
1926
1935
  justify-content: space-between;
1927
1936
  align-items: flex-start;
1928
- `,Qr=r.css`
1937
+ `,en=r.css`
1929
1938
  width: 100%;
1930
1939
  font-size: 12px;
1931
1940
  line-height: 16px;
1932
1941
  font-weight: 400;
1933
1942
  color: ${p("neutral",800)};
1934
1943
  text-align: center;
1935
- `,en=r.css`
1944
+ `,tn=r.css`
1936
1945
  font-size: 12px;
1937
1946
  line-height: 16px;
1938
1947
  font-weight: 400;
1939
1948
  color: ${p("neutral",700)};
1940
1949
  text-align: center;
1941
- `,tn=e=>{const t=e.map(((t,r)=>`${r/(e.length-1)*100}%`));return`linear-gradient(to right, ${e.map(((e,r)=>`${e} ${t[r]}`)).join(", ")})`},rn=r.css`
1950
+ `,rn=e=>{const t=e.map(((t,r)=>`${r/(e.length-1)*100}%`));return`linear-gradient(to right, ${e.map(((e,r)=>`${e} ${t[r]}`)).join(", ")})`},nn=r.css`
1942
1951
  display: flex;
1943
1952
  flex-direction: column;
1944
- `,nn=r.css`
1953
+ `,on=r.css`
1945
1954
  display: flex;
1946
1955
  gap: 16px;
1947
1956
  align-items: center;
@@ -1950,39 +1959,39 @@
1950
1959
  .select-input-container {
1951
1960
  margin-bottom: 0px;
1952
1961
  }
1953
- `,on=r.css`
1962
+ `,ln=r.css`
1954
1963
  font-size: 18px;
1955
1964
  line-height: 28px;
1956
1965
  font-weight: 400;
1957
1966
  color: ${p("neutral",700)};
1958
- `,ln=({pageSize:e,currentPage:r,totalItems:n,onPageSizeChange:o,showItemCountText:i})=>t.jsxs("div",{css:rn,children:[t.jsxs("div",{css:nn,children:[t.jsx("div",{style:{width:"80px"},children:t.jsx(Pt,{defaultValue:[`${e}`],items:[{label:"10",value:"10"},{label:"20",value:"20"},{label:"50",value:"50"},{label:"100",value:"100"}],onChange:e=>{o&&o(parseInt(e[0],10))},required:!0})}),t.jsx("p",{css:on,children:"Per Page"})]}),i?t.jsx("p",{css:on,children:(()=>{const t=e,o=(r-1)*t+1;return`Showing ${o}-${Math.min(o+t-1,n)} of ${n}`})()}):null]}),an=r.css`
1967
+ `,an=({pageSize:e,currentPage:r,totalItems:n,onPageSizeChange:o,showItemCountText:i})=>t.jsxs("div",{css:nn,children:[t.jsxs("div",{css:on,children:[t.jsx("div",{style:{width:"80px"},children:t.jsx(Pt,{defaultValue:[`${e}`],items:[{label:"10",value:"10"},{label:"20",value:"20"},{label:"50",value:"50"},{label:"100",value:"100"}],onChange:e=>{o&&o(parseInt(e[0],10))},required:!0})}),t.jsx("p",{css:ln,children:"Per Page"})]}),i?t.jsx("p",{css:ln,children:(()=>{const t=e,o=(r-1)*t+1;return`Showing ${o}-${Math.min(o+t-1,n)} of ${n}`})()}):null]}),sn=r.css`
1959
1968
  border: 1px solid ${p("neutral",300)};
1960
- `,sn=r.css`
1969
+ `,cn=r.css`
1961
1970
  color: ${p("neutral",700)};
1962
1971
  line-height: 20px;
1963
1972
  white-space: nowrap;
1964
1973
  overflow: hidden;
1965
1974
  text-overflow: ellipsis;
1966
- `,cn=r.css`
1975
+ `,dn=r.css`
1967
1976
  font-weight: 400;
1968
1977
  color: ${p("neutral",700)};
1969
1978
  white-space: nowrap;
1970
1979
  overflow: hidden;
1971
1980
  text-overflow: ellipsis;
1972
- `,dn=r.css`
1981
+ `,pn=r.css`
1973
1982
  color: ${p("neutral",700)};
1974
1983
  text-align: right;
1975
1984
  font-weight: 700;
1976
1985
  white-space: nowrap;
1977
1986
  overflow: hidden;
1978
1987
  text-overflow: ellipsis;
1979
- `,pn=r.css`
1988
+ `,un=r.css`
1980
1989
  width: 16px;
1981
1990
  height: 16px;
1982
1991
  path {
1983
1992
  fill: ${p("neutral",700)};
1984
1993
  }
1985
- `,un=r.css`
1994
+ `,xn=r.css`
1986
1995
  display: flex;
1987
1996
  align-items: center;
1988
1997
  justify-content: space-between;
@@ -1991,7 +2000,7 @@
1991
2000
  border-bottom: 1px solid ${p("neutral",200)};
1992
2001
  width: 100%;
1993
2002
  text-align: left;
1994
- `,xn=r.css`
2003
+ `,hn=r.css`
1995
2004
  display: flex;
1996
2005
  align-items: center;
1997
2006
  justify-content: space-between;
@@ -2025,18 +2034,18 @@
2025
2034
  background-color: ${p("primary",100)};
2026
2035
  border: 1px solid ${p("primary",700)};
2027
2036
  }
2028
- `,hn=({id:r,label:n,caption:o,icon:i,value:l,variant:a="data",onItemClick:s,isExpanded:c=!1,ariaLabel:d})=>{const p="navigation"===a&&!!s,u=p?e.chakra.button:e.chakra.div;return t.jsxs(u,{id:r,css:"data"===a?un:xn,onClick:p?s:void 0,tabIndex:p?0:void 0,onKeyDown:e=>{p&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),s?.()))},role:p?"button":void 0,"aria-expanded":p?c:void 0,"aria-label":d||(p?n:void 0),children:[t.jsxs(e.Flex,{gap:3,flex:"1",overflow:"hidden",children:[i&&t.jsx(e.Icon,{css:pn,as:i.type,boxSize:4,"aria-hidden":"true"}),t.jsxs(e.Box,{flex:"1",minWidth:0,children:[t.jsx(e.Text,{fontWeight:"navigation"===a?"700":"400",css:sn,children:n}),o&&t.jsx(e.Text,{css:cn,children:o})]})]}),"data"===a&&l&&t.jsx(e.Text,{css:dn,children:l}),"navigation"===a&&t.jsx(e.Icon,{as:$,boxSize:4,"aria-hidden":"true"})]})},gn=r.css`
2037
+ `,gn=({id:r,label:n,caption:o,icon:i,value:l,variant:a="data",onItemClick:s,isExpanded:c=!1,ariaLabel:d})=>{const p="navigation"===a&&!!s,u=p?e.chakra.button:e.chakra.div,x=d||("data"===a&&l?`${n}, ${l}`:n);return t.jsxs(u,{id:r,css:"data"===a?xn:hn,onClick:p?s:void 0,tabIndex:p?0:void 0,onKeyDown:e=>{p&&("Enter"!==e.key&&" "!==e.key||(e.preventDefault(),s?.()))},role:p?"button":void 0,"aria-expanded":p?c:void 0,"aria-label":x,children:[t.jsxs(e.Flex,{gap:3,flex:"1",overflow:"hidden",children:[i&&t.jsx(e.Icon,{css:un,as:i.type,boxSize:4,"aria-hidden":"true"}),t.jsxs(e.Box,{flex:"1",minWidth:0,children:[t.jsx(e.Text,{fontWeight:"navigation"===a?"700":"400",css:cn,children:n}),o&&t.jsx(e.Text,{css:dn,children:o})]})]}),"data"===a&&l&&t.jsx(e.Text,{css:pn,children:l}),"navigation"===a&&t.jsx(e.Icon,{as:$,boxSize:4,"aria-hidden":"true"})]})},fn=r.css`
2029
2038
  svg {
2030
2039
  path {
2031
2040
  fill: ${p("primary",500)};
2032
2041
  }
2033
2042
  }
2034
- `,fn=r.css`
2043
+ `,bn=r.css`
2035
2044
  font-size: 16px;
2036
2045
  line-height: 24px;
2037
2046
  font-weight: 700;
2038
2047
  color: ${p("neutral",900)};
2039
- `,bn=r.css`
2048
+ `,Cn=r.css`
2040
2049
  span {
2041
2050
  height: 20px;
2042
2051
  width: 20px;
@@ -2046,7 +2055,7 @@
2046
2055
  background-color: transparent;
2047
2056
  }
2048
2057
  }
2049
- `,Cn=r.css`
2058
+ `,mn=r.css`
2050
2059
  font-size: 16px;
2051
2060
  line-height: 24px;
2052
2061
  font-weight: 400;
@@ -2056,22 +2065,22 @@
2056
2065
  color: ${p("neutral",900)};
2057
2066
  font-weight: 700;
2058
2067
  }
2059
- `,mn=({totalItems:r,pageSize:n,currentPage:o,variant:i="default",onPageChange:l})=>{const a="compact"===i||"compact-with-buttons"===i,s="compact-with-buttons"===i;return t.jsx("div",{"aria-label":"Pagination",children:t.jsx(e.Pagination.Root,{count:r,pageSize:n,defaultPage:o,onPageChange:e=>l&&l(e.page),siblingCount:1,children:t.jsxs(e.ButtonGroup,{gap:"2",size:"sm",variant:"ghost",css:bn,children:[t.jsx(e.Pagination.PrevTrigger,{asChild:!0,children:s?t.jsx(b,{variant:"secondary",label:"Previous",size:"small",leftIcon:t.jsx(y,{style:{rotate:"90deg"},color:"var(--chakra-colors-primary-500)"})}):t.jsx(J,{css:gn,style:{rotate:"90deg"},icon:t.jsx(y,{}),"aria-label":"Previous page"})}),a?t.jsx(e.Pagination.PageText,{css:fn}):t.jsx(e.Pagination.Items,{render:e=>t.jsx(J,{css:Cn,"aria-label":`Page ${e.value}`,icon:t.jsx("p",{children:e.value})})}),t.jsx(e.Pagination.NextTrigger,{asChild:!0,children:s?t.jsx(b,{variant:"secondary",label:"Next",size:"small",rightIcon:t.jsx(y,{style:{rotate:"270deg"},color:"var(--chakra-colors-primary-500)"})}):t.jsx(J,{css:gn,style:{rotate:"270deg"},icon:t.jsx(y,{}),"aria-label":"Next page"})})]})})})},vn=r.css`
2068
+ `,vn=({totalItems:r,pageSize:n,currentPage:o,variant:i="default",onPageChange:l})=>{const a="compact"===i||"compact-with-buttons"===i,s="compact-with-buttons"===i;return t.jsx("div",{"aria-label":"Pagination",children:t.jsx(e.Pagination.Root,{count:r,pageSize:n,defaultPage:o,onPageChange:e=>l&&l(e.page),siblingCount:1,children:t.jsxs(e.ButtonGroup,{gap:"2",size:"sm",variant:"ghost",css:Cn,children:[t.jsx(e.Pagination.PrevTrigger,{asChild:!0,children:s?t.jsx(b,{variant:"secondary",label:"Previous",size:"small",leftIcon:t.jsx(y,{style:{rotate:"90deg"},color:"var(--chakra-colors-primary-500)"})}):t.jsx(J,{css:fn,style:{rotate:"90deg"},icon:t.jsx(y,{}),"aria-label":"Previous page"})}),a?t.jsx(e.Pagination.PageText,{css:bn}):t.jsx(e.Pagination.Items,{render:e=>t.jsx(J,{css:mn,"aria-label":`Page ${e.value}`,icon:t.jsx("p",{children:e.value})})}),t.jsx(e.Pagination.NextTrigger,{asChild:!0,children:s?t.jsx(b,{variant:"secondary",label:"Next",size:"small",rightIcon:t.jsx(y,{style:{rotate:"270deg"},color:"var(--chakra-colors-primary-500)"})}):t.jsx(J,{css:fn,style:{rotate:"270deg"},icon:t.jsx(y,{}),"aria-label":"Next page"})})]})})})},wn=r.css`
2060
2069
  border: 1px solid ${p("neutral",300)};
2061
2070
  border-radius: 2px;
2062
2071
  box-shadow: 0 0 0 1px ${p("neutral",300)};
2063
- `,wn=r.css`
2072
+ `,jn=r.css`
2064
2073
  tr {
2065
2074
  background-color: ${p("neutral",200)};
2066
2075
  }
2067
- `,jn=r.css`
2076
+ `,yn=r.css`
2068
2077
  font-size: 16px;
2069
2078
  line-height: 24px;
2070
2079
  font-weight: 700;
2071
2080
  color: ${p("neutral",800)};
2072
2081
  display: flex;
2073
2082
  align-items: center;
2074
- `,yn=r.css`
2083
+ `,$n=r.css`
2075
2084
  height: 24px;
2076
2085
  width: 10px;
2077
2086
  display: flex;
@@ -2094,19 +2103,19 @@
2094
2103
  }
2095
2104
  }
2096
2105
  }
2097
- `,$n=e=>r.css`
2106
+ `,kn=e=>r.css`
2098
2107
  svg {
2099
2108
  path {
2100
2109
  fill: ${e?p("primary",600):p("neutral",400)} !important;
2101
2110
  }
2102
2111
  }
2103
- `,kn=r.css`
2112
+ `,Sn=r.css`
2104
2113
  margin-top: 12px;
2105
2114
  display: flex;
2106
2115
  justify-content: space-between;
2107
- `,Sn=r.css`
2116
+ `,Ln=r.css`
2108
2117
  margin-top: 9px;
2109
- `,Ln=e.Table.Row,Mn=e.Table.Cell;function Rn(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function In(e){if(e.__esModule)return e;var t=e.default;if("function"==typeof t){var r=function e(){return this instanceof e?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};r.prototype=t.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(e).forEach((function(t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})})),r}var Vn,Dn={exports:{}},Tn={},En={exports:{}},_n={exports:{}},zn={};var Pn,Bn,Hn,On,Nn,Fn,An,Zn,Wn,Yn,qn,Un,Gn,Xn={};
2118
+ `,Mn=e.Table.Row,Rn=e.Table.Cell;function In(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function Vn(e){if(e.__esModule)return e;var t=e.default;if("function"==typeof t){var r=function e(){return this instanceof e?Reflect.construct(t,arguments,this.constructor):t.apply(this,arguments)};r.prototype=t.prototype}else r={};return Object.defineProperty(r,"__esModule",{value:!0}),Object.keys(e).forEach((function(t){var n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})})),r}var Dn,Tn={exports:{}},En={},_n={exports:{}},zn={exports:{}},Pn={};var Bn,Hn,On,Nn,Fn,An,Zn,Wn,Yn,qn,Un,Gn,Xn,Kn={};
2110
2119
  /** @license React v16.13.1
2111
2120
  * react-is.development.js
2112
2121
  *
@@ -2114,7 +2123,7 @@
2114
2123
  *
2115
2124
  * This source code is licensed under the MIT license found in the
2116
2125
  * LICENSE file in the root directory of this source tree.
2117
- */function Kn(){return Bn||(Bn=1,"production"===process.env.NODE_ENV?_n.exports=function(){if(Vn)return zn;Vn=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:switch(e=e.type){case s:case c:case n:case i:case o:case p:return e;default:switch(e=e&&e.$$typeof){case a:case d:case h:case x:case l:return e;default:return u}}case r:return u}}}function v(e){return m(e)===c}return zn.AsyncMode=s,zn.ConcurrentMode=c,zn.ContextConsumer=a,zn.ContextProvider=l,zn.Element=t,zn.ForwardRef=d,zn.Fragment=n,zn.Lazy=h,zn.Memo=x,zn.Portal=r,zn.Profiler=i,zn.StrictMode=o,zn.Suspense=p,zn.isAsyncMode=function(e){return v(e)||m(e)===s},zn.isConcurrentMode=v,zn.isContextConsumer=function(e){return m(e)===a},zn.isContextProvider=function(e){return m(e)===l},zn.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},zn.isForwardRef=function(e){return m(e)===d},zn.isFragment=function(e){return m(e)===n},zn.isLazy=function(e){return m(e)===h},zn.isMemo=function(e){return m(e)===x},zn.isPortal=function(e){return m(e)===r},zn.isProfiler=function(e){return m(e)===i},zn.isStrictMode=function(e){return m(e)===o},zn.isSuspense=function(e){return m(e)===p},zn.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===i||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===a||e.$$typeof===d||e.$$typeof===f||e.$$typeof===b||e.$$typeof===C||e.$$typeof===g)},zn.typeOf=m,zn}():_n.exports=(Pn||(Pn=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:var g=e.type;switch(g){case s:case c:case n:case i:case o:case p:return g;default:var f=g&&g.$$typeof;switch(f){case a:case d:case h:case x:case l:return f;default:return u}}case r:return u}}}var v=s,w=c,j=a,y=l,$=t,k=d,S=n,L=h,M=x,R=r,I=i,V=o,D=p,T=!1;function E(e){return m(e)===c}Xn.AsyncMode=v,Xn.ConcurrentMode=w,Xn.ContextConsumer=j,Xn.ContextProvider=y,Xn.Element=$,Xn.ForwardRef=k,Xn.Fragment=S,Xn.Lazy=L,Xn.Memo=M,Xn.Portal=R,Xn.Profiler=I,Xn.StrictMode=V,Xn.Suspense=D,Xn.isAsyncMode=function(e){return T||(T=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),E(e)||m(e)===s},Xn.isConcurrentMode=E,Xn.isContextConsumer=function(e){return m(e)===a},Xn.isContextProvider=function(e){return m(e)===l},Xn.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Xn.isForwardRef=function(e){return m(e)===d},Xn.isFragment=function(e){return m(e)===n},Xn.isLazy=function(e){return m(e)===h},Xn.isMemo=function(e){return m(e)===x},Xn.isPortal=function(e){return m(e)===r},Xn.isProfiler=function(e){return m(e)===i},Xn.isStrictMode=function(e){return m(e)===o},Xn.isSuspense=function(e){return m(e)===p},Xn.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===i||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===a||e.$$typeof===d||e.$$typeof===f||e.$$typeof===b||e.$$typeof===C||e.$$typeof===g)},Xn.typeOf=m}()),Xn)),_n.exports}function Jn(){if(On)return Hn;On=1;return Hn="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function Qn(){return Fn?Nn:(Fn=1,Nn=Function.call.bind(Object.prototype.hasOwnProperty))}function eo(){if(Yn)return Wn;Yn=1;var e=Kn(),t=i,r=Jn(),n=Qn(),o=function(){if(Zn)return An;Zn=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=Jn(),r={},n=Qn();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function o(o,i,l,a,s){if("production"!==process.env.NODE_ENV)for(var c in o)if(n(o,c)){var d;try{if("function"!=typeof o[c]){var p=Error((a||"React class")+": "+l+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}d=o[c](i,c,a,l,null,t)}catch(e){d=e}if(!d||d instanceof Error||e((a||"React class")+": type specification of "+l+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in r)){r[d.message]=!0;var u=s?s():"";e("Failed "+l+" type: "+d.message+(null!=u?u:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(r={})},An=o}(),l=function(){};function a(){return null}return"production"!==process.env.NODE_ENV&&(l=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),Wn=function(i,s){var c="function"==typeof Symbol&&Symbol.iterator;var d="<<anonymous>>",p={array:g("array"),bigint:g("bigint"),bool:g("boolean"),func:g("function"),number:g("number"),object:g("object"),string:g("string"),symbol:g("symbol"),any:h(a),arrayOf:function(e){return h((function(t,n,o,i,l){if("function"!=typeof e)return new x("Property `"+l+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var a=t[n];if(!Array.isArray(a))return new x("Invalid "+i+" `"+l+"` of type `"+C(a)+"` supplied to `"+o+"`, expected an array.");for(var s=0;s<a.length;s++){var c=e(a,s,o,i,l+"["+s+"]",r);if(c instanceof Error)return c}return null}))},element:h((function(e,t,r,n,o){var l=e[t];return i(l)?null:new x("Invalid "+n+" `"+o+"` of type `"+C(l)+"` supplied to `"+r+"`, expected a single ReactElement.")})),elementType:h((function(t,r,n,o,i){var l=t[r];return e.isValidElementType(l)?null:new x("Invalid "+o+" `"+i+"` of type `"+C(l)+"` supplied to `"+n+"`, expected a single ReactElement type.")})),instanceOf:function(e){return h((function(t,r,n,o,i){if(!(t[r]instanceof e)){var l=e.name||d;return new x("Invalid "+o+" `"+i+"` of type `"+(((a=t[r]).constructor&&a.constructor.name?a.constructor.name:d)+"` supplied to `")+n+"`, expected instance of `"+l+"`.")}var a;return null}))},node:h((function(e,t,r,n,o){return b(e[t])?null:new x("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return h((function(t,o,i,l,a){if("function"!=typeof e)return new x("Property `"+a+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var s=t[o],c=C(s);if("object"!==c)return new x("Invalid "+l+" `"+a+"` of type `"+c+"` supplied to `"+i+"`, expected an object.");for(var d in s)if(n(s,d)){var p=e(s,d,i,l,a+"."+d,r);if(p instanceof Error)return p}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),a;return h((function(t,r,n,o,i){for(var l=t[r],a=0;a<e.length;a++)if(u(l,e[a]))return null;var s=JSON.stringify(e,(function(e,t){return"symbol"===m(t)?String(t):t}));return new x("Invalid "+o+" `"+i+"` of value `"+String(l)+"` supplied to `"+n+"`, expected one of "+s+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l("Invalid argument supplied to oneOfType, expected an instance of array."),a;for(var t=0;t<e.length;t++){var o=e[t];if("function"!=typeof o)return l("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+v(o)+" at index "+t+"."),a}return h((function(t,o,i,l,a){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(t,o,i,l,a,r);if(null==d)return null;d.data&&n(d.data,"expectedType")&&s.push(d.data.expectedType)}return new x("Invalid "+l+" `"+a+"` supplied to `"+i+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")}))},shape:function(e){return h((function(t,n,o,i,l){var a=t[n],s=C(a);if("object"!==s)return new x("Invalid "+i+" `"+l+"` of type `"+s+"` supplied to `"+o+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(o,i,l,c,m(d));var p=d(a,c,o,i,l+"."+c,r);if(p)return p}return null}))},exact:function(e){return h((function(o,i,l,a,s){var c=o[i],d=C(c);if("object"!==d)return new x("Invalid "+a+" `"+s+"` of type `"+d+"` supplied to `"+l+"`, expected `object`.");var p=t({},o[i],e);for(var u in p){var h=e[u];if(n(e,u)&&"function"!=typeof h)return f(l,a,s,u,m(h));if(!h)return new x("Invalid "+a+" `"+s+"` key `"+u+"` supplied to `"+l+"`.\nBad object: "+JSON.stringify(o[i],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var g=h(c,u,l,a,s+"."+u,r);if(g)return g}return null}))}};function u(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function x(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function h(e){if("production"!==process.env.NODE_ENV)var t={},n=0;function o(o,i,a,c,p,u,h){if(c=c||d,u=u||a,h!==r){if(s){var g=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw g.name="Invariant Violation",g}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var f=c+":"+a;!t[f]&&n<3&&(l("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[f]=!0,n++)}}return null==i[a]?o?null===i[a]?new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,a,c,p,u)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function g(e){return h((function(t,r,n,o,i,l){var a=t[r];return C(a)!==e?new x("Invalid "+o+" `"+i+"` of type `"+m(a)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function f(e,t,r,n,o){return new x((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function b(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(b);if(null===e||i(e))return!0;var t=function(e){var t=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var r,n=t.call(e);if(t!==e.entries){for(;!(r=n.next()).done;)if(!b(r.value))return!1}else for(;!(r=n.next()).done;){var o=r.value;if(o&&!b(o[1]))return!1}return!0;default:return!1}}function C(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function m(e){if(null==e)return""+e;var t=C(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function v(e){var t=m(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return x.prototype=Error.prototype,p.checkPropTypes=o,p.resetWarningCache=o.resetWarningCache,p.PropTypes=p,p},Wn}function to(){if(Gn)return En.exports;if(Gn=1,"production"!==process.env.NODE_ENV){var e=Kn();En.exports=eo()(e.isElement,!0)}else En.exports=function(){if(Un)return qn;Un=1;var e=Jn();function t(){}function r(){}return r.resetWarningCache=t,qn=function(){function n(t,r,n,o,i,l){if(l!==e){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function o(){return n}n.isRequired=n;var i={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:r,resetWarningCache:t};return i.PropTypes=i,i}}()();return En.exports}function ro(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=ro(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function no(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=ro(e))&&(n&&(n+=" "),n+=t);return n}var oo,io=In(Object.freeze({__proto__:null,clsx:no,default:no})),lo={},ao={};function so(){if(oo)return ao;return oo=1,Object.defineProperty(ao,"__esModule",{value:!0}),ao.dontSetMe=function(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))},ao.findInArray=function(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]},ao.int=function(e){return parseInt(e,10)},ao.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},ao.isNum=function(e){return"number"==typeof e&&!isNaN(e)},ao}var co,po,uo={};function xo(){if(po)return lo;po=1,Object.defineProperty(lo,"__esModule",{value:!0}),lo.addClassName=l,lo.addEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,o):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r},lo.addUserSelectStyles=function(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t));e.body&&l(e.body,"react-draggable-transparent-selection")},lo.createCSSTransform=function(e,r){const n=i(e,r,"px");return{[(0,t.browserPrefixToKey)("transform",t.default)]:n}},lo.createSVGTransform=function(e,t){return i(e,t,"")},lo.getTouch=function(t,r){return t.targetTouches&&(0,e.findInArray)(t.targetTouches,(e=>r===e.identifier))||t.changedTouches&&(0,e.findInArray)(t.changedTouches,(e=>r===e.identifier))},lo.getTouchIdentifier=function(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier},lo.getTranslation=i,lo.innerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingTop),r-=(0,e.int)(n.paddingBottom),r},lo.innerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingLeft),r-=(0,e.int)(n.paddingRight),r},lo.matchesSelector=o,lo.matchesSelectorAndParentsTo=function(e,t,r){let n=e;do{if(o(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1},lo.offsetXYFromParent=function(e,t,r){const n=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-n.left)/r,i=(e.clientY+t.scrollTop-n.top)/r;return{x:o,y:i}},lo.outerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderTopWidth),r+=(0,e.int)(n.borderBottomWidth),r},lo.outerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderLeftWidth),r+=(0,e.int)(n.borderRightWidth),r},lo.removeClassName=a,lo.removeEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,o):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null},lo.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&a(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(e){}};var e=so(),t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=r(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var a=i?Object.getOwnPropertyDescriptor(e,l):null;a&&(a.get||a.set)?Object.defineProperty(o,l,a):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(function(){if(co)return uo;co=1,Object.defineProperty(uo,"__esModule",{value:!0}),uo.browserPrefixToKey=r,uo.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},uo.default=void 0,uo.getPrefix=t;const e=["Moz","Webkit","O","ms"];function t(){var t;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";const o=null===(t=window.document)||void 0===t||null===(t=t.documentElement)||void 0===t?void 0:t.style;if(!o)return"";if(n in o)return"";for(let t=0;t<e.length;t++)if(r(n,e[t])in o)return e[t];return""}function r(e,t){return t?"".concat(t).concat(function(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):"-"===e[n]?r=!0:t+=e[n];return t}(e)):e}return uo.default=t(),uo}());function r(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(r=function(e){return e?n:t})(e)}let n="";function o(t,r){return n||(n=(0,e.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(r){return(0,e.isFunction)(t[r])}))),!!(0,e.isFunction)(t[n])&&t[n](r)}function i(e,t,r){let{x:n,y:o}=e,i="translate(".concat(n).concat(r,",").concat(o).concat(r,")");if(t){const e="".concat("string"==typeof t.x?t.x:t.x+r),n="".concat("string"==typeof t.y?t.y:t.y+r);i="translate(".concat(e,", ").concat(n,")")+i}return i}function l(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function a(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}return lo}var ho,go={};function fo(){if(ho)return go;ho=1,Object.defineProperty(go,"__esModule",{value:!0}),go.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},go.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},go.createCoreData=function(t,n,o){const i=!(0,e.isNum)(t.lastX),l=r(t);return i?{node:l,deltaX:0,deltaY:0,lastX:n,lastY:o,x:n,y:o}:{node:l,deltaX:n-t.lastX,deltaY:o-t.lastY,lastX:t.lastX,lastY:t.lastY,x:n,y:o}},go.createDraggableData=function(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}},go.getBoundPosition=function(n,o,i){if(!n.props.bounds)return[o,i];let{bounds:l}=n.props;l="string"==typeof l?l:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(l);const a=r(n);if("string"==typeof l){const{ownerDocument:r}=a,n=r.defaultView;let o;if(o="parent"===l?a.parentNode:r.querySelector(l),!(o instanceof n.HTMLElement))throw new Error('Bounds selector "'+l+'" could not find an element.');const i=o,s=n.getComputedStyle(a),c=n.getComputedStyle(i);l={left:-a.offsetLeft+(0,e.int)(c.paddingLeft)+(0,e.int)(s.marginLeft),top:-a.offsetTop+(0,e.int)(c.paddingTop)+(0,e.int)(s.marginTop),right:(0,t.innerWidth)(i)-(0,t.outerWidth)(a)-a.offsetLeft+(0,e.int)(c.paddingRight)-(0,e.int)(s.marginRight),bottom:(0,t.innerHeight)(i)-(0,t.outerHeight)(a)-a.offsetTop+(0,e.int)(c.paddingBottom)-(0,e.int)(s.marginBottom)}}(0,e.isNum)(l.right)&&(o=Math.min(o,l.right));(0,e.isNum)(l.bottom)&&(i=Math.min(i,l.bottom));(0,e.isNum)(l.left)&&(o=Math.max(o,l.left));(0,e.isNum)(l.top)&&(i=Math.max(i,l.top));return[o,i]},go.getControlPosition=function(e,n,o){const i="number"==typeof n?(0,t.getTouch)(e,n):null;if("number"==typeof n&&!i)return null;const l=r(o),a=o.props.offsetParent||l.offsetParent||l.ownerDocument.body;return(0,t.offsetXYFromParent)(i||e,a,o.props.scale)},go.snapToGrid=function(e,t,r){const n=Math.round(t/e[0])*e[0],o=Math.round(r/e[1])*e[1];return[n,o]};var e=so(),t=xo();function r(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}return go}var bo,Co,mo,vo,wo={},jo={};function yo(){if(bo)return jo;return bo=1,Object.defineProperty(jo,"__esModule",{value:!0}),jo.default=function(){},jo}function $o(){if(Co)return wo;Co=1,Object.defineProperty(wo,"__esModule",{value:!0}),wo.default=void 0;var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(n,i,l):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(o),t=c(to()),r=c(l),n=xo(),i=fo(),a=so(),s=c(yo());function c(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function p(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u={start:"touchstart",move:"touchmove",stop:"touchend"},x={start:"mousedown",move:"mousemove",stop:"mouseup"};let h=x,g=class extends e.Component{constructor(){super(...arguments),p(this,"dragging",!1),p(this,"lastX",NaN),p(this,"lastY",NaN),p(this,"touchIdentifier",null),p(this,"mounted",!1),p(this,"handleDragStart",(e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;const t=this.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=t;if(this.props.disabled||!(e.target instanceof r.defaultView.Node)||this.props.handle&&!(0,n.matchesSelectorAndParentsTo)(e.target,this.props.handle,t)||this.props.cancel&&(0,n.matchesSelectorAndParentsTo)(e.target,this.props.cancel,t))return;"touchstart"===e.type&&e.preventDefault();const o=(0,n.getTouchIdentifier)(e);this.touchIdentifier=o;const l=(0,i.getControlPosition)(e,o,this);if(null==l)return;const{x:a,y:c}=l,d=(0,i.createCoreData)(this,a,c);(0,s.default)("DraggableCore: handleDragStart: %j",d),(0,s.default)("calling",this.props.onStart);!1!==this.props.onStart(e,d)&&!1!==this.mounted&&(this.props.enableUserSelectHack&&(0,n.addUserSelectStyles)(r),this.dragging=!0,this.lastX=a,this.lastY=c,(0,n.addEvent)(r,h.move,this.handleDrag),(0,n.addEvent)(r,h.stop,this.handleDragStop))})),p(this,"handleDrag",(e=>{const t=(0,i.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:n}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX,t=n-this.lastY;if([e,t]=(0,i.snapToGrid)(this.props.grid,e,t),!e&&!t)return;r=this.lastX+e,n=this.lastY+t}const o=(0,i.createCoreData)(this,r,n);(0,s.default)("DraggableCore: handleDrag: %j",o);if(!1!==this.props.onDrag(e,o)&&!1!==this.mounted)this.lastX=r,this.lastY=n;else try{this.handleDragStop(new MouseEvent("mouseup"))}catch(e){const t=document.createEvent("MouseEvents");t.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(t)}})),p(this,"handleDragStop",(e=>{if(!this.dragging)return;const t=(0,i.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:o}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX||0,t=o-this.lastY||0;[e,t]=(0,i.snapToGrid)(this.props.grid,e,t),r=this.lastX+e,o=this.lastY+t}const l=(0,i.createCoreData)(this,r,o);if(!1===this.props.onStop(e,l)||!1===this.mounted)return!1;const a=this.findDOMNode();a&&this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(a.ownerDocument),(0,s.default)("DraggableCore: handleDragStop: %j",l),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,a&&((0,s.default)("DraggableCore: Removing handlers"),(0,n.removeEvent)(a.ownerDocument,h.move,this.handleDrag),(0,n.removeEvent)(a.ownerDocument,h.stop,this.handleDragStop))})),p(this,"onMouseDown",(e=>(h=x,this.handleDragStart(e)))),p(this,"onMouseUp",(e=>(h=x,this.handleDragStop(e)))),p(this,"onTouchStart",(e=>(h=u,this.handleDragStart(e)))),p(this,"onTouchEnd",(e=>(h=u,this.handleDragStop(e))))}componentDidMount(){this.mounted=!0;const e=this.findDOMNode();e&&(0,n.addEvent)(e,u.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const e=this.findDOMNode();if(e){const{ownerDocument:t}=e;(0,n.removeEvent)(t,x.move,this.handleDrag),(0,n.removeEvent)(t,u.move,this.handleDrag),(0,n.removeEvent)(t,x.stop,this.handleDragStop),(0,n.removeEvent)(t,u.stop,this.handleDragStop),(0,n.removeEvent)(e,u.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(t)}}findDOMNode(){var e,t;return null!==(e=this.props)&&void 0!==e&&e.nodeRef?null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current:r.default.findDOMNode(this)}render(){return e.cloneElement(e.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return wo.default=g,p(g,"displayName","DraggableCore"),p(g,"propTypes",{allowAnyClick:t.default.bool,children:t.default.node.isRequired,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:t.default.arrayOf(t.default.number),handle:t.default.string,cancel:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number,className:a.dontSetMe,style:a.dontSetMe,transform:a.dontSetMe}),p(g,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),wo}function ko(){return mo||(mo=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return d.default}}),e.default=void 0;var t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=x(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(n,i,l):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(o),r=u(to()),n=u(l),i=u(io),a=xo(),s=fo(),c=so(),d=u($o()),p=u(yo());function u(e){return e&&e.__esModule?e:{default:e}}function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(x=function(e){return e?r:t})(e)}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function g(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class f extends t.Component{static getDerivedStateFromProps(e,t){let{position:r}=e,{prevPropsPosition:n}=t;return!r||n&&r.x===n.x&&r.y===n.y?null:((0,p.default)("Draggable: getDerivedStateFromProps %j",{position:r,prevPropsPosition:n}),{x:r.x,y:r.y,prevPropsPosition:{...r}})}constructor(e){super(e),g(this,"onDragStart",((e,t)=>{(0,p.default)("Draggable: onDragStart: %j",t);if(!1===this.props.onStart(e,(0,s.createDraggableData)(this,t)))return!1;this.setState({dragging:!0,dragged:!0})})),g(this,"onDrag",((e,t)=>{if(!this.state.dragging)return!1;(0,p.default)("Draggable: onDrag: %j",t);const r=(0,s.createDraggableData)(this,t),n={x:r.x,y:r.y,slackX:0,slackY:0};if(this.props.bounds){const{x:e,y:t}=n;n.x+=this.state.slackX,n.y+=this.state.slackY;const[o,i]=(0,s.getBoundPosition)(this,n.x,n.y);n.x=o,n.y=i,n.slackX=this.state.slackX+(e-n.x),n.slackY=this.state.slackY+(t-n.y),r.x=n.x,r.y=n.y,r.deltaX=n.x-this.state.x,r.deltaY=n.y-this.state.y}if(!1===this.props.onDrag(e,r))return!1;this.setState(n)})),g(this,"onDragStop",((e,t)=>{if(!this.state.dragging)return!1;if(!1===this.props.onStop(e,(0,s.createDraggableData)(this,t)))return!1;(0,p.default)("Draggable: onDragStop: %j",t);const r={dragging:!1,slackX:0,slackY:0};if(Boolean(this.props.position)){const{x:e,y:t}=this.props.position;r.x=e,r.y=t}this.setState(r)})),this.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:{...e.position},slackX:0,slackY:0,isElementSVG:!1},!e.position||e.onDrag||e.onStop||console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var e,t;return null!==(e=null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current)&&void 0!==e?e:n.default.findDOMNode(this)}render(){const{axis:e,bounds:r,children:n,defaultPosition:o,defaultClassName:l,defaultClassNameDragging:c,defaultClassNameDragged:p,position:u,positionOffset:x,scale:g,...f}=this.props;let b={},C=null;const m=!Boolean(u)||this.state.dragging,v=u||o,w={x:(0,s.canDragX)(this)&&m?this.state.x:v.x,y:(0,s.canDragY)(this)&&m?this.state.y:v.y};this.state.isElementSVG?C=(0,a.createSVGTransform)(w,x):b=(0,a.createCSSTransform)(w,x);const j=(0,i.default)(n.props.className||"",l,{[c]:this.state.dragging,[p]:this.state.dragged});return t.createElement(d.default,h({},f,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(n),{className:j,style:{...n.props.style,...b},transform:C}))}}e.default=f,g(f,"displayName","Draggable"),g(f,"propTypes",{...d.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe}),g(f,"defaultProps",{...d.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(Tn)),Tn}var So=function(){if(vo)return Dn.exports;vo=1;const{default:e,DraggableCore:t}=ko();return Dn.exports=e,Dn.exports.default=e,Dn.exports.DraggableCore=t,Dn.exports}(),Lo=Rn(So);const Mo=e=>r.css`
2126
+ */function Jn(){return Hn||(Hn=1,"production"===process.env.NODE_ENV?zn.exports=function(){if(Dn)return Pn;Dn=1;var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:switch(e=e.type){case s:case c:case n:case i:case o:case p:return e;default:switch(e=e&&e.$$typeof){case a:case d:case h:case x:case l:return e;default:return u}}case r:return u}}}function v(e){return m(e)===c}return Pn.AsyncMode=s,Pn.ConcurrentMode=c,Pn.ContextConsumer=a,Pn.ContextProvider=l,Pn.Element=t,Pn.ForwardRef=d,Pn.Fragment=n,Pn.Lazy=h,Pn.Memo=x,Pn.Portal=r,Pn.Profiler=i,Pn.StrictMode=o,Pn.Suspense=p,Pn.isAsyncMode=function(e){return v(e)||m(e)===s},Pn.isConcurrentMode=v,Pn.isContextConsumer=function(e){return m(e)===a},Pn.isContextProvider=function(e){return m(e)===l},Pn.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Pn.isForwardRef=function(e){return m(e)===d},Pn.isFragment=function(e){return m(e)===n},Pn.isLazy=function(e){return m(e)===h},Pn.isMemo=function(e){return m(e)===x},Pn.isPortal=function(e){return m(e)===r},Pn.isProfiler=function(e){return m(e)===i},Pn.isStrictMode=function(e){return m(e)===o},Pn.isSuspense=function(e){return m(e)===p},Pn.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===i||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===a||e.$$typeof===d||e.$$typeof===f||e.$$typeof===b||e.$$typeof===C||e.$$typeof===g)},Pn.typeOf=m,Pn}():zn.exports=(Bn||(Bn=1,"production"!==process.env.NODE_ENV&&function(){var e="function"==typeof Symbol&&Symbol.for,t=e?Symbol.for("react.element"):60103,r=e?Symbol.for("react.portal"):60106,n=e?Symbol.for("react.fragment"):60107,o=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,l=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,s=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,d=e?Symbol.for("react.forward_ref"):60112,p=e?Symbol.for("react.suspense"):60113,u=e?Symbol.for("react.suspense_list"):60120,x=e?Symbol.for("react.memo"):60115,h=e?Symbol.for("react.lazy"):60116,g=e?Symbol.for("react.block"):60121,f=e?Symbol.for("react.fundamental"):60117,b=e?Symbol.for("react.responder"):60118,C=e?Symbol.for("react.scope"):60119;function m(e){if("object"==typeof e&&null!==e){var u=e.$$typeof;switch(u){case t:var g=e.type;switch(g){case s:case c:case n:case i:case o:case p:return g;default:var f=g&&g.$$typeof;switch(f){case a:case d:case h:case x:case l:return f;default:return u}}case r:return u}}}var v=s,w=c,j=a,y=l,$=t,k=d,S=n,L=h,M=x,R=r,I=i,V=o,D=p,T=!1;function E(e){return m(e)===c}Kn.AsyncMode=v,Kn.ConcurrentMode=w,Kn.ContextConsumer=j,Kn.ContextProvider=y,Kn.Element=$,Kn.ForwardRef=k,Kn.Fragment=S,Kn.Lazy=L,Kn.Memo=M,Kn.Portal=R,Kn.Profiler=I,Kn.StrictMode=V,Kn.Suspense=D,Kn.isAsyncMode=function(e){return T||(T=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),E(e)||m(e)===s},Kn.isConcurrentMode=E,Kn.isContextConsumer=function(e){return m(e)===a},Kn.isContextProvider=function(e){return m(e)===l},Kn.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===t},Kn.isForwardRef=function(e){return m(e)===d},Kn.isFragment=function(e){return m(e)===n},Kn.isLazy=function(e){return m(e)===h},Kn.isMemo=function(e){return m(e)===x},Kn.isPortal=function(e){return m(e)===r},Kn.isProfiler=function(e){return m(e)===i},Kn.isStrictMode=function(e){return m(e)===o},Kn.isSuspense=function(e){return m(e)===p},Kn.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===n||e===c||e===i||e===o||e===p||e===u||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===x||e.$$typeof===l||e.$$typeof===a||e.$$typeof===d||e.$$typeof===f||e.$$typeof===b||e.$$typeof===C||e.$$typeof===g)},Kn.typeOf=m}()),Kn)),zn.exports}function Qn(){if(Nn)return On;Nn=1;return On="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}function eo(){return An?Fn:(An=1,Fn=Function.call.bind(Object.prototype.hasOwnProperty))}function to(){if(qn)return Yn;qn=1;var e=Jn(),t=i,r=Qn(),n=eo(),o=function(){if(Wn)return Zn;Wn=1;var e=function(){};if("production"!==process.env.NODE_ENV){var t=Qn(),r={},n=eo();e=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}}function o(o,i,l,a,s){if("production"!==process.env.NODE_ENV)for(var c in o)if(n(o,c)){var d;try{if("function"!=typeof o[c]){var p=Error((a||"React class")+": "+l+" type `"+c+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof o[c]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw p.name="Invariant Violation",p}d=o[c](i,c,a,l,null,t)}catch(e){d=e}if(!d||d instanceof Error||e((a||"React class")+": type specification of "+l+" `"+c+"` is invalid; the type checker function must return `null` or an `Error` but returned a "+typeof d+". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."),d instanceof Error&&!(d.message in r)){r[d.message]=!0;var u=s?s():"";e("Failed "+l+" type: "+d.message+(null!=u?u:""))}}}return o.resetWarningCache=function(){"production"!==process.env.NODE_ENV&&(r={})},Zn=o}(),l=function(){};function a(){return null}return"production"!==process.env.NODE_ENV&&(l=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}}),Yn=function(i,s){var c="function"==typeof Symbol&&Symbol.iterator;var d="<<anonymous>>",p={array:g("array"),bigint:g("bigint"),bool:g("boolean"),func:g("function"),number:g("number"),object:g("object"),string:g("string"),symbol:g("symbol"),any:h(a),arrayOf:function(e){return h((function(t,n,o,i,l){if("function"!=typeof e)return new x("Property `"+l+"` of component `"+o+"` has invalid PropType notation inside arrayOf.");var a=t[n];if(!Array.isArray(a))return new x("Invalid "+i+" `"+l+"` of type `"+C(a)+"` supplied to `"+o+"`, expected an array.");for(var s=0;s<a.length;s++){var c=e(a,s,o,i,l+"["+s+"]",r);if(c instanceof Error)return c}return null}))},element:h((function(e,t,r,n,o){var l=e[t];return i(l)?null:new x("Invalid "+n+" `"+o+"` of type `"+C(l)+"` supplied to `"+r+"`, expected a single ReactElement.")})),elementType:h((function(t,r,n,o,i){var l=t[r];return e.isValidElementType(l)?null:new x("Invalid "+o+" `"+i+"` of type `"+C(l)+"` supplied to `"+n+"`, expected a single ReactElement type.")})),instanceOf:function(e){return h((function(t,r,n,o,i){if(!(t[r]instanceof e)){var l=e.name||d;return new x("Invalid "+o+" `"+i+"` of type `"+(((a=t[r]).constructor&&a.constructor.name?a.constructor.name:d)+"` supplied to `")+n+"`, expected instance of `"+l+"`.")}var a;return null}))},node:h((function(e,t,r,n,o){return b(e[t])?null:new x("Invalid "+n+" `"+o+"` supplied to `"+r+"`, expected a ReactNode.")})),objectOf:function(e){return h((function(t,o,i,l,a){if("function"!=typeof e)return new x("Property `"+a+"` of component `"+i+"` has invalid PropType notation inside objectOf.");var s=t[o],c=C(s);if("object"!==c)return new x("Invalid "+l+" `"+a+"` of type `"+c+"` supplied to `"+i+"`, expected an object.");for(var d in s)if(n(s,d)){var p=e(s,d,i,l,a+"."+d,r);if(p instanceof Error)return p}return null}))},oneOf:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l(arguments.length>1?"Invalid arguments supplied to oneOf, expected an array, got "+arguments.length+" arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).":"Invalid argument supplied to oneOf, expected an array."),a;return h((function(t,r,n,o,i){for(var l=t[r],a=0;a<e.length;a++)if(u(l,e[a]))return null;var s=JSON.stringify(e,(function(e,t){return"symbol"===m(t)?String(t):t}));return new x("Invalid "+o+" `"+i+"` of value `"+String(l)+"` supplied to `"+n+"`, expected one of "+s+".")}))},oneOfType:function(e){if(!Array.isArray(e))return"production"!==process.env.NODE_ENV&&l("Invalid argument supplied to oneOfType, expected an instance of array."),a;for(var t=0;t<e.length;t++){var o=e[t];if("function"!=typeof o)return l("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+v(o)+" at index "+t+"."),a}return h((function(t,o,i,l,a){for(var s=[],c=0;c<e.length;c++){var d=(0,e[c])(t,o,i,l,a,r);if(null==d)return null;d.data&&n(d.data,"expectedType")&&s.push(d.data.expectedType)}return new x("Invalid "+l+" `"+a+"` supplied to `"+i+"`"+(s.length>0?", expected one of type ["+s.join(", ")+"]":"")+".")}))},shape:function(e){return h((function(t,n,o,i,l){var a=t[n],s=C(a);if("object"!==s)return new x("Invalid "+i+" `"+l+"` of type `"+s+"` supplied to `"+o+"`, expected `object`.");for(var c in e){var d=e[c];if("function"!=typeof d)return f(o,i,l,c,m(d));var p=d(a,c,o,i,l+"."+c,r);if(p)return p}return null}))},exact:function(e){return h((function(o,i,l,a,s){var c=o[i],d=C(c);if("object"!==d)return new x("Invalid "+a+" `"+s+"` of type `"+d+"` supplied to `"+l+"`, expected `object`.");var p=t({},o[i],e);for(var u in p){var h=e[u];if(n(e,u)&&"function"!=typeof h)return f(l,a,s,u,m(h));if(!h)return new x("Invalid "+a+" `"+s+"` key `"+u+"` supplied to `"+l+"`.\nBad object: "+JSON.stringify(o[i],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var g=h(c,u,l,a,s+"."+u,r);if(g)return g}return null}))}};function u(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function x(e,t){this.message=e,this.data=t&&"object"==typeof t?t:{},this.stack=""}function h(e){if("production"!==process.env.NODE_ENV)var t={},n=0;function o(o,i,a,c,p,u,h){if(c=c||d,u=u||a,h!==r){if(s){var g=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw g.name="Invariant Violation",g}if("production"!==process.env.NODE_ENV&&"undefined"!=typeof console){var f=c+":"+a;!t[f]&&n<3&&(l("You are manually calling a React.PropTypes validation function for the `"+u+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),t[f]=!0,n++)}}return null==i[a]?o?null===i[a]?new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `null`."):new x("The "+p+" `"+u+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(i,a,c,p,u)}var i=o.bind(null,!1);return i.isRequired=o.bind(null,!0),i}function g(e){return h((function(t,r,n,o,i,l){var a=t[r];return C(a)!==e?new x("Invalid "+o+" `"+i+"` of type `"+m(a)+"` supplied to `"+n+"`, expected `"+e+"`.",{expectedType:e}):null}))}function f(e,t,r,n,o){return new x((e||"React class")+": "+t+" type `"+r+"."+n+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+o+"`.")}function b(e){switch(typeof e){case"number":case"string":case"undefined":return!0;case"boolean":return!e;case"object":if(Array.isArray(e))return e.every(b);if(null===e||i(e))return!0;var t=function(e){var t=e&&(c&&e[c]||e["@@iterator"]);if("function"==typeof t)return t}(e);if(!t)return!1;var r,n=t.call(e);if(t!==e.entries){for(;!(r=n.next()).done;)if(!b(r.value))return!1}else for(;!(r=n.next()).done;){var o=r.value;if(o&&!b(o[1]))return!1}return!0;default:return!1}}function C(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||!!t&&("Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol)}(t,e)?"symbol":t}function m(e){if(null==e)return""+e;var t=C(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function v(e){var t=m(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}return x.prototype=Error.prototype,p.checkPropTypes=o,p.resetWarningCache=o.resetWarningCache,p.PropTypes=p,p},Yn}function ro(){if(Xn)return _n.exports;if(Xn=1,"production"!==process.env.NODE_ENV){var e=Jn();_n.exports=to()(e.isElement,!0)}else _n.exports=function(){if(Gn)return Un;Gn=1;var e=Qn();function t(){}function r(){}return r.resetWarningCache=t,Un=function(){function n(t,r,n,o,i,l){if(l!==e){var a=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw a.name="Invariant Violation",a}}function o(){return n}n.isRequired=n;var i={array:n,bigint:n,bool:n,func:n,number:n,object:n,string:n,symbol:n,any:n,arrayOf:o,element:n,elementType:n,instanceOf:o,node:n,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:r,resetWarningCache:t};return i.PropTypes=i,i}}()();return _n.exports}function no(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=no(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function oo(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=no(e))&&(n&&(n+=" "),n+=t);return n}var io,lo=Vn(Object.freeze({__proto__:null,clsx:oo,default:oo})),ao={},so={};function co(){if(io)return so;return io=1,Object.defineProperty(so,"__esModule",{value:!0}),so.dontSetMe=function(e,t,r){if(e[t])return new Error("Invalid prop ".concat(t," passed to ").concat(r," - do not set this, set it on the child."))},so.findInArray=function(e,t){for(let r=0,n=e.length;r<n;r++)if(t.apply(t,[e[r],r,e]))return e[r]},so.int=function(e){return parseInt(e,10)},so.isFunction=function(e){return"function"==typeof e||"[object Function]"===Object.prototype.toString.call(e)},so.isNum=function(e){return"number"==typeof e&&!isNaN(e)},so}var po,uo,xo={};function ho(){if(uo)return ao;uo=1,Object.defineProperty(ao,"__esModule",{value:!0}),ao.addClassName=l,ao.addEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.addEventListener?e.addEventListener(t,r,o):e.attachEvent?e.attachEvent("on"+t,r):e["on"+t]=r},ao.addUserSelectStyles=function(e){if(!e)return;let t=e.getElementById("react-draggable-style-el");t||(t=e.createElement("style"),t.type="text/css",t.id="react-draggable-style-el",t.innerHTML=".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n",t.innerHTML+=".react-draggable-transparent-selection *::selection {all: inherit;}\n",e.getElementsByTagName("head")[0].appendChild(t));e.body&&l(e.body,"react-draggable-transparent-selection")},ao.createCSSTransform=function(e,r){const n=i(e,r,"px");return{[(0,t.browserPrefixToKey)("transform",t.default)]:n}},ao.createSVGTransform=function(e,t){return i(e,t,"")},ao.getTouch=function(t,r){return t.targetTouches&&(0,e.findInArray)(t.targetTouches,(e=>r===e.identifier))||t.changedTouches&&(0,e.findInArray)(t.changedTouches,(e=>r===e.identifier))},ao.getTouchIdentifier=function(e){if(e.targetTouches&&e.targetTouches[0])return e.targetTouches[0].identifier;if(e.changedTouches&&e.changedTouches[0])return e.changedTouches[0].identifier},ao.getTranslation=i,ao.innerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingTop),r-=(0,e.int)(n.paddingBottom),r},ao.innerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r-=(0,e.int)(n.paddingLeft),r-=(0,e.int)(n.paddingRight),r},ao.matchesSelector=o,ao.matchesSelectorAndParentsTo=function(e,t,r){let n=e;do{if(o(n,t))return!0;if(n===r)return!1;n=n.parentNode}while(n);return!1},ao.offsetXYFromParent=function(e,t,r){const n=t===t.ownerDocument.body?{left:0,top:0}:t.getBoundingClientRect(),o=(e.clientX+t.scrollLeft-n.left)/r,i=(e.clientY+t.scrollTop-n.top)/r;return{x:o,y:i}},ao.outerHeight=function(t){let r=t.clientHeight;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderTopWidth),r+=(0,e.int)(n.borderBottomWidth),r},ao.outerWidth=function(t){let r=t.clientWidth;const n=t.ownerDocument.defaultView.getComputedStyle(t);return r+=(0,e.int)(n.borderLeftWidth),r+=(0,e.int)(n.borderRightWidth),r},ao.removeClassName=a,ao.removeEvent=function(e,t,r,n){if(!e)return;const o={capture:!0,...n};e.removeEventListener?e.removeEventListener(t,r,o):e.detachEvent?e.detachEvent("on"+t,r):e["on"+t]=null},ao.removeUserSelectStyles=function(e){if(!e)return;try{if(e.body&&a(e.body,"react-draggable-transparent-selection"),e.selection)e.selection.empty();else{const t=(e.defaultView||window).getSelection();t&&"Caret"!==t.type&&t.removeAllRanges()}}catch(e){}};var e=co(),t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var n=r(t);if(n&&n.has(e))return n.get(e);var o={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var a=i?Object.getOwnPropertyDescriptor(e,l):null;a&&(a.get||a.set)?Object.defineProperty(o,l,a):o[l]=e[l]}o.default=e,n&&n.set(e,o);return o}(function(){if(po)return xo;po=1,Object.defineProperty(xo,"__esModule",{value:!0}),xo.browserPrefixToKey=r,xo.browserPrefixToStyle=function(e,t){return t?"-".concat(t.toLowerCase(),"-").concat(e):e},xo.default=void 0,xo.getPrefix=t;const e=["Moz","Webkit","O","ms"];function t(){var t;let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"transform";if("undefined"==typeof window)return"";const o=null===(t=window.document)||void 0===t||null===(t=t.documentElement)||void 0===t?void 0:t.style;if(!o)return"";if(n in o)return"";for(let t=0;t<e.length;t++)if(r(n,e[t])in o)return e[t];return""}function r(e,t){return t?"".concat(t).concat(function(e){let t="",r=!0;for(let n=0;n<e.length;n++)r?(t+=e[n].toUpperCase(),r=!1):"-"===e[n]?r=!0:t+=e[n];return t}(e)):e}return xo.default=t(),xo}());function r(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,n=new WeakMap;return(r=function(e){return e?n:t})(e)}let n="";function o(t,r){return n||(n=(0,e.findInArray)(["matches","webkitMatchesSelector","mozMatchesSelector","msMatchesSelector","oMatchesSelector"],(function(r){return(0,e.isFunction)(t[r])}))),!!(0,e.isFunction)(t[n])&&t[n](r)}function i(e,t,r){let{x:n,y:o}=e,i="translate(".concat(n).concat(r,",").concat(o).concat(r,")");if(t){const e="".concat("string"==typeof t.x?t.x:t.x+r),n="".concat("string"==typeof t.y?t.y:t.y+r);i="translate(".concat(e,", ").concat(n,")")+i}return i}function l(e,t){e.classList?e.classList.add(t):e.className.match(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)")))||(e.className+=" ".concat(t))}function a(e,t){e.classList?e.classList.remove(t):e.className=e.className.replace(new RegExp("(?:^|\\s)".concat(t,"(?!\\S)"),"g"),"")}return ao}var go,fo={};function bo(){if(go)return fo;go=1,Object.defineProperty(fo,"__esModule",{value:!0}),fo.canDragX=function(e){return"both"===e.props.axis||"x"===e.props.axis},fo.canDragY=function(e){return"both"===e.props.axis||"y"===e.props.axis},fo.createCoreData=function(t,n,o){const i=!(0,e.isNum)(t.lastX),l=r(t);return i?{node:l,deltaX:0,deltaY:0,lastX:n,lastY:o,x:n,y:o}:{node:l,deltaX:n-t.lastX,deltaY:o-t.lastY,lastX:t.lastX,lastY:t.lastY,x:n,y:o}},fo.createDraggableData=function(e,t){const r=e.props.scale;return{node:t.node,x:e.state.x+t.deltaX/r,y:e.state.y+t.deltaY/r,deltaX:t.deltaX/r,deltaY:t.deltaY/r,lastX:e.state.x,lastY:e.state.y}},fo.getBoundPosition=function(n,o,i){if(!n.props.bounds)return[o,i];let{bounds:l}=n.props;l="string"==typeof l?l:function(e){return{left:e.left,top:e.top,right:e.right,bottom:e.bottom}}(l);const a=r(n);if("string"==typeof l){const{ownerDocument:r}=a,n=r.defaultView;let o;if(o="parent"===l?a.parentNode:r.querySelector(l),!(o instanceof n.HTMLElement))throw new Error('Bounds selector "'+l+'" could not find an element.');const i=o,s=n.getComputedStyle(a),c=n.getComputedStyle(i);l={left:-a.offsetLeft+(0,e.int)(c.paddingLeft)+(0,e.int)(s.marginLeft),top:-a.offsetTop+(0,e.int)(c.paddingTop)+(0,e.int)(s.marginTop),right:(0,t.innerWidth)(i)-(0,t.outerWidth)(a)-a.offsetLeft+(0,e.int)(c.paddingRight)-(0,e.int)(s.marginRight),bottom:(0,t.innerHeight)(i)-(0,t.outerHeight)(a)-a.offsetTop+(0,e.int)(c.paddingBottom)-(0,e.int)(s.marginBottom)}}(0,e.isNum)(l.right)&&(o=Math.min(o,l.right));(0,e.isNum)(l.bottom)&&(i=Math.min(i,l.bottom));(0,e.isNum)(l.left)&&(o=Math.max(o,l.left));(0,e.isNum)(l.top)&&(i=Math.max(i,l.top));return[o,i]},fo.getControlPosition=function(e,n,o){const i="number"==typeof n?(0,t.getTouch)(e,n):null;if("number"==typeof n&&!i)return null;const l=r(o),a=o.props.offsetParent||l.offsetParent||l.ownerDocument.body;return(0,t.offsetXYFromParent)(i||e,a,o.props.scale)},fo.snapToGrid=function(e,t,r){const n=Math.round(t/e[0])*e[0],o=Math.round(r/e[1])*e[1];return[n,o]};var e=co(),t=ho();function r(e){const t=e.findDOMNode();if(!t)throw new Error("<DraggableCore>: Unmounted during event!");return t}return fo}var Co,mo,vo,wo,jo={},yo={};function $o(){if(Co)return yo;return Co=1,Object.defineProperty(yo,"__esModule",{value:!0}),yo.default=function(){},yo}function ko(){if(mo)return jo;mo=1,Object.defineProperty(jo,"__esModule",{value:!0}),jo.default=void 0;var e=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=d(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(n,i,l):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(o),t=c(ro()),r=c(l),n=ho(),i=bo(),a=co(),s=c($o());function c(e){return e&&e.__esModule?e:{default:e}}function d(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(d=function(e){return e?r:t})(e)}function p(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}const u={start:"touchstart",move:"touchmove",stop:"touchend"},x={start:"mousedown",move:"mousemove",stop:"mouseup"};let h=x,g=class extends e.Component{constructor(){super(...arguments),p(this,"dragging",!1),p(this,"lastX",NaN),p(this,"lastY",NaN),p(this,"touchIdentifier",null),p(this,"mounted",!1),p(this,"handleDragStart",(e=>{if(this.props.onMouseDown(e),!this.props.allowAnyClick&&"number"==typeof e.button&&0!==e.button)return!1;const t=this.findDOMNode();if(!t||!t.ownerDocument||!t.ownerDocument.body)throw new Error("<DraggableCore> not mounted on DragStart!");const{ownerDocument:r}=t;if(this.props.disabled||!(e.target instanceof r.defaultView.Node)||this.props.handle&&!(0,n.matchesSelectorAndParentsTo)(e.target,this.props.handle,t)||this.props.cancel&&(0,n.matchesSelectorAndParentsTo)(e.target,this.props.cancel,t))return;"touchstart"===e.type&&e.preventDefault();const o=(0,n.getTouchIdentifier)(e);this.touchIdentifier=o;const l=(0,i.getControlPosition)(e,o,this);if(null==l)return;const{x:a,y:c}=l,d=(0,i.createCoreData)(this,a,c);(0,s.default)("DraggableCore: handleDragStart: %j",d),(0,s.default)("calling",this.props.onStart);!1!==this.props.onStart(e,d)&&!1!==this.mounted&&(this.props.enableUserSelectHack&&(0,n.addUserSelectStyles)(r),this.dragging=!0,this.lastX=a,this.lastY=c,(0,n.addEvent)(r,h.move,this.handleDrag),(0,n.addEvent)(r,h.stop,this.handleDragStop))})),p(this,"handleDrag",(e=>{const t=(0,i.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:n}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX,t=n-this.lastY;if([e,t]=(0,i.snapToGrid)(this.props.grid,e,t),!e&&!t)return;r=this.lastX+e,n=this.lastY+t}const o=(0,i.createCoreData)(this,r,n);(0,s.default)("DraggableCore: handleDrag: %j",o);if(!1!==this.props.onDrag(e,o)&&!1!==this.mounted)this.lastX=r,this.lastY=n;else try{this.handleDragStop(new MouseEvent("mouseup"))}catch(e){const t=document.createEvent("MouseEvents");t.initMouseEvent("mouseup",!0,!0,window,0,0,0,0,0,!1,!1,!1,!1,0,null),this.handleDragStop(t)}})),p(this,"handleDragStop",(e=>{if(!this.dragging)return;const t=(0,i.getControlPosition)(e,this.touchIdentifier,this);if(null==t)return;let{x:r,y:o}=t;if(Array.isArray(this.props.grid)){let e=r-this.lastX||0,t=o-this.lastY||0;[e,t]=(0,i.snapToGrid)(this.props.grid,e,t),r=this.lastX+e,o=this.lastY+t}const l=(0,i.createCoreData)(this,r,o);if(!1===this.props.onStop(e,l)||!1===this.mounted)return!1;const a=this.findDOMNode();a&&this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(a.ownerDocument),(0,s.default)("DraggableCore: handleDragStop: %j",l),this.dragging=!1,this.lastX=NaN,this.lastY=NaN,a&&((0,s.default)("DraggableCore: Removing handlers"),(0,n.removeEvent)(a.ownerDocument,h.move,this.handleDrag),(0,n.removeEvent)(a.ownerDocument,h.stop,this.handleDragStop))})),p(this,"onMouseDown",(e=>(h=x,this.handleDragStart(e)))),p(this,"onMouseUp",(e=>(h=x,this.handleDragStop(e)))),p(this,"onTouchStart",(e=>(h=u,this.handleDragStart(e)))),p(this,"onTouchEnd",(e=>(h=u,this.handleDragStop(e))))}componentDidMount(){this.mounted=!0;const e=this.findDOMNode();e&&(0,n.addEvent)(e,u.start,this.onTouchStart,{passive:!1})}componentWillUnmount(){this.mounted=!1;const e=this.findDOMNode();if(e){const{ownerDocument:t}=e;(0,n.removeEvent)(t,x.move,this.handleDrag),(0,n.removeEvent)(t,u.move,this.handleDrag),(0,n.removeEvent)(t,x.stop,this.handleDragStop),(0,n.removeEvent)(t,u.stop,this.handleDragStop),(0,n.removeEvent)(e,u.start,this.onTouchStart,{passive:!1}),this.props.enableUserSelectHack&&(0,n.removeUserSelectStyles)(t)}}findDOMNode(){var e,t;return null!==(e=this.props)&&void 0!==e&&e.nodeRef?null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current:r.default.findDOMNode(this)}render(){return e.cloneElement(e.Children.only(this.props.children),{onMouseDown:this.onMouseDown,onMouseUp:this.onMouseUp,onTouchEnd:this.onTouchEnd})}};return jo.default=g,p(g,"displayName","DraggableCore"),p(g,"propTypes",{allowAnyClick:t.default.bool,children:t.default.node.isRequired,disabled:t.default.bool,enableUserSelectHack:t.default.bool,offsetParent:function(e,t){if(e[t]&&1!==e[t].nodeType)throw new Error("Draggable's offsetParent must be a DOM Node.")},grid:t.default.arrayOf(t.default.number),handle:t.default.string,cancel:t.default.string,nodeRef:t.default.object,onStart:t.default.func,onDrag:t.default.func,onStop:t.default.func,onMouseDown:t.default.func,scale:t.default.number,className:a.dontSetMe,style:a.dontSetMe,transform:a.dontSetMe}),p(g,"defaultProps",{allowAnyClick:!1,disabled:!1,enableUserSelectHack:!0,onStart:function(){},onDrag:function(){},onStop:function(){},onMouseDown:function(){},scale:1}),jo}function So(){return vo||(vo=1,function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"DraggableCore",{enumerable:!0,get:function(){return d.default}}),e.default=void 0;var t=function(e,t){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=x(t);if(r&&r.has(e))return r.get(e);var n={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=o?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(n,i,l):n[i]=e[i]}n.default=e,r&&r.set(e,n);return n}(o),r=u(ro()),n=u(l),i=u(lo),a=ho(),s=bo(),c=co(),d=u(ko()),p=u($o());function u(e){return e&&e.__esModule?e:{default:e}}function x(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(x=function(e){return e?r:t})(e)}function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},h.apply(this,arguments)}function g(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}class f extends t.Component{static getDerivedStateFromProps(e,t){let{position:r}=e,{prevPropsPosition:n}=t;return!r||n&&r.x===n.x&&r.y===n.y?null:((0,p.default)("Draggable: getDerivedStateFromProps %j",{position:r,prevPropsPosition:n}),{x:r.x,y:r.y,prevPropsPosition:{...r}})}constructor(e){super(e),g(this,"onDragStart",((e,t)=>{(0,p.default)("Draggable: onDragStart: %j",t);if(!1===this.props.onStart(e,(0,s.createDraggableData)(this,t)))return!1;this.setState({dragging:!0,dragged:!0})})),g(this,"onDrag",((e,t)=>{if(!this.state.dragging)return!1;(0,p.default)("Draggable: onDrag: %j",t);const r=(0,s.createDraggableData)(this,t),n={x:r.x,y:r.y,slackX:0,slackY:0};if(this.props.bounds){const{x:e,y:t}=n;n.x+=this.state.slackX,n.y+=this.state.slackY;const[o,i]=(0,s.getBoundPosition)(this,n.x,n.y);n.x=o,n.y=i,n.slackX=this.state.slackX+(e-n.x),n.slackY=this.state.slackY+(t-n.y),r.x=n.x,r.y=n.y,r.deltaX=n.x-this.state.x,r.deltaY=n.y-this.state.y}if(!1===this.props.onDrag(e,r))return!1;this.setState(n)})),g(this,"onDragStop",((e,t)=>{if(!this.state.dragging)return!1;if(!1===this.props.onStop(e,(0,s.createDraggableData)(this,t)))return!1;(0,p.default)("Draggable: onDragStop: %j",t);const r={dragging:!1,slackX:0,slackY:0};if(Boolean(this.props.position)){const{x:e,y:t}=this.props.position;r.x=e,r.y=t}this.setState(r)})),this.state={dragging:!1,dragged:!1,x:e.position?e.position.x:e.defaultPosition.x,y:e.position?e.position.y:e.defaultPosition.y,prevPropsPosition:{...e.position},slackX:0,slackY:0,isElementSVG:!1},!e.position||e.onDrag||e.onStop||console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.")}componentDidMount(){void 0!==window.SVGElement&&this.findDOMNode()instanceof window.SVGElement&&this.setState({isElementSVG:!0})}componentWillUnmount(){this.setState({dragging:!1})}findDOMNode(){var e,t;return null!==(e=null===(t=this.props)||void 0===t||null===(t=t.nodeRef)||void 0===t?void 0:t.current)&&void 0!==e?e:n.default.findDOMNode(this)}render(){const{axis:e,bounds:r,children:n,defaultPosition:o,defaultClassName:l,defaultClassNameDragging:c,defaultClassNameDragged:p,position:u,positionOffset:x,scale:g,...f}=this.props;let b={},C=null;const m=!Boolean(u)||this.state.dragging,v=u||o,w={x:(0,s.canDragX)(this)&&m?this.state.x:v.x,y:(0,s.canDragY)(this)&&m?this.state.y:v.y};this.state.isElementSVG?C=(0,a.createSVGTransform)(w,x):b=(0,a.createCSSTransform)(w,x);const j=(0,i.default)(n.props.className||"",l,{[c]:this.state.dragging,[p]:this.state.dragged});return t.createElement(d.default,h({},f,{onStart:this.onDragStart,onDrag:this.onDrag,onStop:this.onDragStop}),t.cloneElement(t.Children.only(n),{className:j,style:{...n.props.style,...b},transform:C}))}}e.default=f,g(f,"displayName","Draggable"),g(f,"propTypes",{...d.default.propTypes,axis:r.default.oneOf(["both","x","y","none"]),bounds:r.default.oneOfType([r.default.shape({left:r.default.number,right:r.default.number,top:r.default.number,bottom:r.default.number}),r.default.string,r.default.oneOf([!1])]),defaultClassName:r.default.string,defaultClassNameDragging:r.default.string,defaultClassNameDragged:r.default.string,defaultPosition:r.default.shape({x:r.default.number,y:r.default.number}),positionOffset:r.default.shape({x:r.default.oneOfType([r.default.number,r.default.string]),y:r.default.oneOfType([r.default.number,r.default.string])}),position:r.default.shape({x:r.default.number,y:r.default.number}),className:c.dontSetMe,style:c.dontSetMe,transform:c.dontSetMe}),g(f,"defaultProps",{...d.default.defaultProps,axis:"both",bounds:!1,defaultClassName:"react-draggable",defaultClassNameDragging:"react-draggable-dragging",defaultClassNameDragged:"react-draggable-dragged",defaultPosition:{x:0,y:0},scale:1})}(En)),En}var Lo=function(){if(wo)return Tn.exports;wo=1;const{default:e,DraggableCore:t}=So();return Tn.exports=e,Tn.exports.default=e,Tn.exports.DraggableCore=t,Tn.exports}(),Mo=In(Lo);const Ro=e=>r.css`
2118
2127
  width: 240px;
2119
2128
  ${"medium"===e&&"width: 320px;"}
2120
2129
  ${"large"===e&&"width: 440px;"}
@@ -2125,7 +2134,7 @@
2125
2134
  border-radius: 4px;
2126
2135
  box-shadow: 0px 4px 6px -4px #0000001a;
2127
2136
  box-shadow: 0px 10px 15px -3px #0000001a;
2128
- `,Ro=r.css`
2137
+ `,Io=r.css`
2129
2138
  height: 100%;
2130
2139
  min-height: 40px;
2131
2140
  display: flex;
@@ -2133,31 +2142,31 @@
2133
2142
  justify-content: space-between;
2134
2143
  padding: 8px;
2135
2144
  border-bottom: 1px solid ${p("neutral",300)};
2136
- `,Io=r.css`
2137
- top: 10px;
2138
2145
  `,Vo=r.css`
2146
+ top: 10px;
2147
+ `,Do=r.css`
2139
2148
  padding: 12px;
2140
- `,Do=e=>r.css`
2149
+ `,To=e=>r.css`
2141
2150
  height: 100%;
2142
2151
  width: ${e||"320px"};
2143
2152
  background-color: ${p("neutral",100)};
2144
2153
  box-shadow: 0px 1px 2px -1px #0000001a;
2145
2154
  box-shadow: 0px 1px 3px 0px #0000001a;
2146
2155
  position: relative;
2147
- `,To=r.css`
2148
- border-right: 1px solid ${p("neutral",300)};
2149
2156
  `,Eo=r.css`
2157
+ border-right: 1px solid ${p("neutral",300)};
2158
+ `,_o=r.css`
2150
2159
  border: 1px solid ${p("neutral",300)};
2151
2160
  border-radius: 4px;
2152
- `,_o=r.css`
2161
+ `,zo=r.css`
2153
2162
  min-height: 48px;
2154
2163
  width: 100%;
2155
2164
  border-bottom: 1px solid ${p("neutral",300)};
2156
- `,zo=(e,t)=>r.css`
2165
+ `,Po=(e,t)=>r.css`
2157
2166
  height: ${((e,t)=>e&&t?`calc(100% - ${e+t}px)`:e?`calc(100% - ${e}px)`:t?`calc(100% - ${t}px)`:"100%")(e,t)};
2158
2167
  width: 100%;
2159
2168
  overflow-y: auto;
2160
- `,Po=r.css`
2169
+ `,Bo=r.css`
2161
2170
  min-height: 64px;
2162
2171
  width: 100%;
2163
2172
  display: flex;
@@ -2167,13 +2176,13 @@
2167
2176
  bottom: 0;
2168
2177
  left: 0;
2169
2178
  border-top: 1px solid ${p("neutral",300)};
2170
- `,Bo=r.css`
2179
+ `,Ho=r.css`
2171
2180
  width: 100%;
2172
2181
  position: absolute;
2173
2182
  bottom: 0;
2174
2183
  z-index: 999;
2175
2184
  display: block;
2176
- `,Ho=r.css`
2185
+ `,Oo=r.css`
2177
2186
  position: absolute;
2178
2187
  left: 0;
2179
2188
  right: 0;
@@ -2192,25 +2201,25 @@
2192
2201
  height 300ms ease,
2193
2202
  transform 300ms ease;
2194
2203
  overflow: hidden;
2195
- `,Oo=r.css`
2204
+ `,No=r.css`
2196
2205
  display: flex;
2197
2206
  justify-content: center;
2198
2207
  align-items: center;
2199
2208
  cursor: pointer;
2200
- `,No=r.css`
2209
+ `,Fo=r.css`
2201
2210
  height: 2px;
2202
2211
  width: 32px;
2203
2212
  background-color: ${p("neutral",300)};
2204
2213
  margin: 8px 0;
2205
- `,Fo=r.css`
2214
+ `,Ao=r.css`
2206
2215
  min-height: 50px;
2207
2216
  width: 100%;
2208
2217
  border-bottom: 1px solid ${p("neutral",300)};
2209
- `,Ao=(e,t)=>r.css`
2218
+ `,Zo=(e,t)=>r.css`
2210
2219
  height: ${((e,t)=>e&&t?`calc(100% - ${e+t}px)`:e?`calc(100% - ${e}px)`:t?`calc(100% - ${t}px)`:"100%")(e,t)};
2211
2220
  width: 100%;
2212
2221
  overflow-y: scroll;
2213
- `,Zo=r.css`
2222
+ `,Wo=r.css`
2214
2223
  min-height: 64px;
2215
2224
  width: 100%;
2216
2225
  display: flex;
@@ -2221,7 +2230,7 @@
2221
2230
  left: 0;
2222
2231
  border-top: 1px solid ${p("neutral",300)};
2223
2232
  background-color: ${p("neutral",100)};
2224
- `,Wo=r.css`
2233
+ `,Yo=r.css`
2225
2234
  a,
2226
2235
  p {
2227
2236
  font-size: 16px;
@@ -2253,19 +2262,19 @@
2253
2262
  a:hover {
2254
2263
  text-decoration: underline;
2255
2264
  }
2256
- `,Yo=r.css`
2265
+ `,qo=r.css`
2257
2266
  svg {
2258
2267
  height: 12px;
2259
2268
  width: 12px;
2260
2269
  color: ${p("neutral",600)};
2261
2270
  }
2262
- `,qo=r.css`
2271
+ `,Uo=r.css`
2263
2272
  cursor: pointer;
2264
2273
  color: ${p("neutral",600)};
2265
2274
  display: flex;
2266
2275
  justify-content: center;
2267
2276
  align-items: center;
2268
- `,Uo=(e,t)=>r.css`
2277
+ `,Go=(e,t)=>r.css`
2269
2278
  min-height: 56px;
2270
2279
  width: 100vw;
2271
2280
  position: ${e?"sticky":"absolute"};
@@ -2275,7 +2284,7 @@
2275
2284
  background-color: ${p("neutral",t?200:100)};
2276
2285
  border-top: 1px solid ${p("neutral",400)};
2277
2286
  z-index: 101;
2278
- `,Go=e=>r.css`
2287
+ `,Xo=e=>r.css`
2279
2288
  height: 100%;
2280
2289
  width: 100%;
2281
2290
  max-width: ${e?`${e}px`:"100%"};
@@ -2290,7 +2299,7 @@
2290
2299
  flex-direction: column;
2291
2300
  align-items: flex-start;
2292
2301
  }
2293
- `,Xo=r.css`
2302
+ `,Ko=r.css`
2294
2303
  display: flex;
2295
2304
  align-items: center;
2296
2305
  flex-wrap: wrap;
@@ -2303,7 +2312,7 @@
2303
2312
  color: ${p("neutral",700)};
2304
2313
  text-decoration: underline;
2305
2314
  }
2306
- `,Ko=r.css`
2315
+ `,Jo=r.css`
2307
2316
  width: 240px;
2308
2317
  font-size: 14px;
2309
2318
  line-height: 20px;
@@ -2314,7 +2323,7 @@
2314
2323
  @media screen and (max-width: 768px) {
2315
2324
  text-align: left;
2316
2325
  }
2317
- `,Jo=(e,t)=>r.css`
2326
+ `,Qo=(e,t)=>r.css`
2318
2327
  height: ${e?"96px":"48px"};
2319
2328
  width: 100%;
2320
2329
  background-color: ${p("neutral",100)};
@@ -2323,7 +2332,7 @@
2323
2332
  left: 0;
2324
2333
  z-index: 102;
2325
2334
  border-bottom: 1px solid ${p("neutral",400)};
2326
- `,Qo=r.css`
2335
+ `,ei=r.css`
2327
2336
  height: 48px;
2328
2337
  width: 100%;
2329
2338
  background-color: ${p("neutral",100)};
@@ -2333,7 +2342,7 @@
2333
2342
  justify-content: flex-start;
2334
2343
  gap: 0px;
2335
2344
  padding: 8px 16px;
2336
- `,ei=(e,t)=>r.css`
2345
+ `,ti=(e,t)=>r.css`
2337
2346
  height: 48px;
2338
2347
  width: 100%;
2339
2348
  max-width: ${t?`${t}px`:"100%"};
@@ -2343,7 +2352,7 @@
2343
2352
  justify-content: space-between;
2344
2353
  margin: 0 auto;
2345
2354
  padding: 8px 16px;
2346
- `,ti=r.css`
2355
+ `,ri=r.css`
2347
2356
  outline: none;
2348
2357
  a {
2349
2358
  &:focus-visible {
@@ -2354,12 +2363,12 @@
2354
2363
  outline-width: 2px;
2355
2364
  }
2356
2365
  }
2357
- `,ri=e=>r.css`
2366
+ `,ni=e=>r.css`
2358
2367
  display: ${e?"none":"flex"};
2359
2368
  align-items: center;
2360
2369
  justify-content: flex-start;
2361
2370
  gap: 0px;
2362
- `,ni=e=>r.css`
2371
+ `,oi=e=>r.css`
2363
2372
  font-size: 16px;
2364
2373
  line-height: 24px;
2365
2374
  font-weight: 400;
@@ -2384,12 +2393,12 @@
2384
2393
  font-weight: 700;
2385
2394
  color: ${p("accessible","controls-on-neutral-lights")};
2386
2395
  `:""}
2387
- `,oi=r.css`
2396
+ `,ii=r.css`
2388
2397
  height: 48px;
2389
2398
  display: flex;
2390
2399
  align-items: center;
2391
2400
  justify-content: flex-end;
2392
- `,ii=e=>r.css`
2401
+ `,li=e=>r.css`
2393
2402
  height: 100%;
2394
2403
  font-size: 16px;
2395
2404
  line-height: 24px;
@@ -2408,7 +2417,7 @@
2408
2417
  }
2409
2418
  }
2410
2419
  `:""}
2411
- `,li=e=>r.css`
2420
+ `,ai=e=>r.css`
2412
2421
  height: 100%;
2413
2422
  display: flex;
2414
2423
  align-items: center;
@@ -2416,7 +2425,7 @@
2416
2425
  gap: 20px;
2417
2426
  padding-left: 16px;
2418
2427
  border-left: 1px solid ${p("neutral",e?700:300)};
2419
- `,ai=r.css`
2428
+ `,si=r.css`
2420
2429
  background-color: none;
2421
2430
  border: none;
2422
2431
  cursor: pointer;
@@ -2441,7 +2450,7 @@
2441
2450
  outline-width: 2px;
2442
2451
  background-color: ${p("neutral",200)};
2443
2452
  }
2444
- `,si=e=>r.css`
2453
+ `,ci=e=>r.css`
2445
2454
  position: absolute;
2446
2455
  top: 48px;
2447
2456
  right: 0;
@@ -2454,10 +2463,10 @@
2454
2463
  justify-content: flex-start;
2455
2464
  gap: 16px;
2456
2465
  transition: width 0.5s ease-in-out;
2457
- `,ci=r.css`
2466
+ `,di=r.css`
2458
2467
  height: 100%;
2459
2468
  width: 100%;
2460
- `,di=r.css`
2469
+ `,pi=r.css`
2461
2470
  background-color: ${p("neutral",200)};
2462
2471
  border-bottom: 1px solid ${p("neutral",300)};
2463
2472
 
@@ -2477,13 +2486,13 @@
2477
2486
  margin-left: -12px;
2478
2487
  }
2479
2488
  }
2480
- `,pi=r.css`
2481
- background-color: ${p("neutral",100)};
2482
2489
  `,ui=r.css`
2490
+ background-color: ${p("neutral",100)};
2491
+ `,xi=r.css`
2483
2492
  min-height: 100vh;
2484
2493
  width: 100%;
2485
2494
  overflow-y: scroll;
2486
- `;r.css``;const xi=e=>r.css`
2495
+ `;r.css``;const hi=e=>r.css`
2487
2496
  display: inline-block;
2488
2497
  width: 100%;
2489
2498
  padding: 12px 16px;
@@ -2512,7 +2521,7 @@
2512
2521
  outline-width: 2px;
2513
2522
  background-color: ${p("neutral",200)};
2514
2523
  }
2515
- `,hi=r.css`
2524
+ `,gi=r.css`
2516
2525
  width: 100%;
2517
2526
  padding: 12px 16px;
2518
2527
  display: flex;
@@ -2536,7 +2545,7 @@
2536
2545
  outline-width: 2px;
2537
2546
  background-color: ${p("neutral",200)};
2538
2547
  }
2539
- `,gi=e=>r.css`
2548
+ `,fi=e=>r.css`
2540
2549
  position: absolute;
2541
2550
  top: 0px;
2542
2551
  right: 0;
@@ -2548,7 +2557,7 @@
2548
2557
  align-items: flex-start;
2549
2558
  justify-content: flex-start;
2550
2559
  transition: width 0.5s ease-in-out;
2551
- `,fi=r.css`
2560
+ `,bi=r.css`
2552
2561
  height: 48px;
2553
2562
  width: 100%;
2554
2563
  display: flex;
@@ -2559,7 +2568,7 @@
2559
2568
  position: relative;
2560
2569
  top: 0;
2561
2570
  left: 0;
2562
- `,bi=r.css`
2571
+ `,Ci=r.css`
2563
2572
  position: absolute;
2564
2573
  bottom: 0;
2565
2574
  left: 0;
@@ -2574,7 +2583,7 @@
2574
2583
  button {
2575
2584
  width: calc(48% - 24px);
2576
2585
  }
2577
- `,Ci=({navigationSection:e,utilitySection:r,actionsSection:n,linkRouter:i,isOpen:l,setIsOpen:a,pathname:s})=>{const[c,d]=o.useState(void 0),[p,u]=o.useState(-1),x=o.useRef(null),h=o.useRef([]),g=i;return t.jsxs(t.Fragment,{children:[t.jsx("div",{css:si(l),children:l&&t.jsxs("div",{css:ci,children:[t.jsxs("div",{style:{overflowY:"scroll",width:"100%",height:"100%",paddingBottom:"72px"},children:[r?t.jsx("div",{css:di,children:r?.map((e=>t.jsx("div",{className:"utility-item",children:e})))}):null,e?t.jsx("div",{css:pi,children:e.map(((e,r)=>e.link?t.jsx(g,{to:e.link,href:e.link,onClick:()=>{d(void 0),u(-1),a(!1)},css:xi(s===e.link),children:e.label},e.label):t.jsxs("button",{css:hi,type:"button",ref:e=>h.current[r]=e,onClick:()=>{e.items&&(d(e),u(r),setTimeout((()=>{x.current?.focus()}),100))},children:[e.label,e.items?t.jsx(y,{rotate:"270",color:"var(--chakra-colors-neutral-700)"}):null]},e.label)))}):null]}),n?t.jsx("div",{css:bi,children:n.map((e=>t.jsx(b,{label:e.label,onClick:()=>{e?.onClick?.(),d(void 0),u(-1),a(!1)}},e.label)))}):null]})}),t.jsx("div",{css:gi(!!c?.items),children:c?.items?t.jsxs(t.Fragment,{children:[t.jsxs("div",{css:fi,children:[t.jsxs("button",{type:"button",onClick:()=>{d(void 0),u(-1),h.current[p]?.focus()},"aria-label":"Go back",css:ai,ref:x,children:[t.jsx(y,{rotate:"90",color:"var(--chakra-colors-neutral-700)"}),c?.label]}),t.jsxs("button",{type:"button",onClick:()=>{d(void 0),u(-1),a(!1)},"aria-label":"Close menu",css:ai,children:["Close",t.jsx(k,{height:"16px",width:"16px"})]})]}),t.jsx("div",{css:ui,children:c?.items?.map((e=>t.jsx(g,{to:e.link,href:e.link,css:xi(),onClick:()=>{d(void 0),u(-1),a(!1)},children:e.label},e.label)))})]}):null})]})},mi=1023,vi=r.css`
2586
+ `,mi=({navigationSection:e,utilitySection:r,actionsSection:n,linkRouter:i,isOpen:l,setIsOpen:a,pathname:s})=>{const[c,d]=o.useState(void 0),[p,u]=o.useState(-1),x=o.useRef(null),h=o.useRef([]),g=i;return t.jsxs(t.Fragment,{children:[t.jsx("div",{css:ci(l),children:l&&t.jsxs("div",{css:di,children:[t.jsxs("div",{style:{overflowY:"scroll",width:"100%",height:"100%",paddingBottom:"72px"},children:[r?t.jsx("div",{css:pi,children:r?.map((e=>t.jsx("div",{className:"utility-item",children:e})))}):null,e?t.jsx("div",{css:ui,children:e.map(((e,r)=>e.link?t.jsx(g,{to:e.link,href:e.link,onClick:()=>{d(void 0),u(-1),a(!1)},css:hi(s===e.link),children:e.label},e.label):t.jsxs("button",{css:gi,type:"button",ref:e=>h.current[r]=e,onClick:()=>{e.items&&(d(e),u(r),setTimeout((()=>{x.current?.focus()}),100))},children:[e.label,e.items?t.jsx(y,{rotate:"270",color:"var(--chakra-colors-neutral-700)"}):null]},e.label)))}):null]}),n?t.jsx("div",{css:Ci,children:n.map((e=>t.jsx(b,{label:e.label,onClick:()=>{e?.onClick?.(),d(void 0),u(-1),a(!1)}},e.label)))}):null]})}),t.jsx("div",{css:fi(!!c?.items),children:c?.items?t.jsxs(t.Fragment,{children:[t.jsxs("div",{css:bi,children:[t.jsxs("button",{type:"button",onClick:()=>{d(void 0),u(-1),h.current[p]?.focus()},"aria-label":"Go back",css:si,ref:x,children:[t.jsx(y,{rotate:"90",color:"var(--chakra-colors-neutral-700)"}),c?.label]}),t.jsxs("button",{type:"button",onClick:()=>{d(void 0),u(-1),a(!1)},"aria-label":"Close menu",css:si,children:["Close",t.jsx(k,{height:"16px",width:"16px"})]})]}),t.jsx("div",{css:xi,children:c?.items?.map((e=>t.jsx(g,{to:e.link,href:e.link,css:hi(),onClick:()=>{d(void 0),u(-1),a(!1)},children:e.label},e.label)))})]}):null})]})},vi=1023,wi=r.css`
2578
2587
  width: 64px;
2579
2588
  height: 100%;
2580
2589
  z-index: 100;
@@ -2583,7 +2592,7 @@
2583
2592
  display: flex;
2584
2593
  flex-direction: column;
2585
2594
  justify-content: space-between;
2586
- `,wi=r.css`
2595
+ `,ji=r.css`
2587
2596
  width: 64px;
2588
2597
  height: 64px;
2589
2598
  background-color: ${p("neutral",200)};
@@ -2673,7 +2682,7 @@
2673
2682
  }
2674
2683
  }
2675
2684
  }
2676
- `,ji=r.css`
2685
+ `,yi=r.css`
2677
2686
  display: flex;
2678
2687
  justify-content: center;
2679
2688
  align-items: center;
@@ -2686,7 +2695,7 @@
2686
2695
  fill: ${p("neutral",600)};
2687
2696
  }
2688
2697
  }
2689
- `,yi=r.css`
2698
+ `,$i=r.css`
2690
2699
  width: 64px;
2691
2700
  height: 64px;
2692
2701
  background-color: ${p("neutral",200)};
@@ -2724,7 +2733,7 @@
2724
2733
  text-align: center;
2725
2734
  color: ${p("neutral",600)};
2726
2735
  }
2727
- `,$i=r.css`
2736
+ `,ki=r.css`
2728
2737
  width: 320px;
2729
2738
  height: 100%;
2730
2739
  z-index: 100;
@@ -2732,14 +2741,14 @@
2732
2741
  background-color: ${p("neutral",100)};
2733
2742
  overflow-y: auto;
2734
2743
  overflow-x: hidden;
2735
- `,ki=e=>r.css`
2744
+ `,Si=e=>r.css`
2736
2745
  width: 100%;
2737
2746
  display: flex;
2738
2747
  align-items: center;
2739
2748
  height: 40px;
2740
2749
 
2741
2750
  ${"view"===e&&`\n border: 1px solid ${p("neutral",400)};\n background-color: ${p("neutral",200)};\n border-radius: 4px;\n padding: 4px;\n `}
2742
- `,Si=r.css`
2751
+ `,Li=r.css`
2743
2752
  width: 99%;
2744
2753
  height: 40px;
2745
2754
  padding: 8px 16px;
@@ -2755,7 +2764,7 @@
2755
2764
  &:focus-visible {
2756
2765
  box-shadow: none;
2757
2766
  }
2758
- `,Li=r.css`
2767
+ `,Mi=r.css`
2759
2768
  background-color: ${p("neutral",200)};
2760
2769
  color: ${p("neutral",700)};
2761
2770
 
@@ -2812,11 +2821,11 @@
2812
2821
  opacity: 1;
2813
2822
  }
2814
2823
  }
2815
- `,Mi=r.css`
2824
+ `,Ri=r.css`
2816
2825
  width: 4px;
2817
2826
  height: 24px;
2818
2827
  background-color: ${p("neutral",400)};
2819
- `,Ri=r.css`
2828
+ `,Ii=r.css`
2820
2829
  height: 32px;
2821
2830
  border-radius: 2px;
2822
2831
  background-color: ${p("neutral",200)};
@@ -2889,16 +2898,16 @@
2889
2898
  opacity: 1;
2890
2899
  }
2891
2900
  }
2892
- `,Ii=(e,t)=>e.findIndex((e=>e.value===t)),Vi=e=>1===e?"none":2===e?"left":"right",Di=r.css`
2901
+ `,Vi=(e,t)=>e.findIndex((e=>e.value===t)),Di=e=>1===e?"none":2===e?"left":"right",Ti=r.css`
2893
2902
  display: flex;
2894
2903
  justify-content: flex-start;
2895
2904
  align-items: center;
2896
2905
  gap: 8px;
2897
- `,Ti=e=>r.css`
2906
+ `,Ei=e=>r.css`
2898
2907
  width: ${e||"16px"};
2899
2908
  position: relative;
2900
2909
  display: flex;
2901
- `,Ei=r.css`
2910
+ `,_i=r.css`
2902
2911
  height: 4px;
2903
2912
  width: 4px;
2904
2913
  background-color: ${p("error",500)};
@@ -2906,7 +2915,7 @@
2906
2915
  position: absolute;
2907
2916
  top: 0px;
2908
2917
  right: 0px;
2909
- `,_i=r.css`
2918
+ `,zi=r.css`
2910
2919
  height: 10px;
2911
2920
  background-color: ${p("error",500)};
2912
2921
  padding: 0 3px 1px 3px;
@@ -2917,11 +2926,11 @@
2917
2926
  position: absolute;
2918
2927
  top: -2px;
2919
2928
  left: 9px;
2920
- `,zi=r.css`
2929
+ `,Pi=r.css`
2921
2930
  font-size: 9px;
2922
2931
  font-weight: 700;
2923
2932
  color: ${p("error",100)};
2924
- `,Pi=r.css`
2933
+ `,Bi=r.css`
2925
2934
  height: 16px;
2926
2935
  min-width: 16px;
2927
2936
  background-color: ${p("error",500)};
@@ -2930,11 +2939,11 @@
2930
2939
  justify-content: center;
2931
2940
  align-items: center;
2932
2941
  padding: 0px 4px 1px 4px;
2933
- `,Bi=r.css`
2942
+ `,Hi=r.css`
2934
2943
  font-size: 16px;
2935
2944
  font-weight: 700;
2936
2945
  color: ${p("error",100)};
2937
- `,Hi=(e,t)=>r.css`
2946
+ `,Oi=(e,t)=>r.css`
2938
2947
  width: 100%;
2939
2948
  min-width: ${"small"===e?"234px":"320px"};
2940
2949
  border-radius: 4px;
@@ -2949,7 +2958,7 @@
2949
2958
  button {
2950
2959
  margin-left: ${t?0:"24px"};
2951
2960
  }
2952
- `,Oi=r.css`
2961
+ `,Ni=r.css`
2953
2962
  display: flex;
2954
2963
  align-items: flex-start;
2955
2964
  gap: 8px;
@@ -2957,28 +2966,28 @@
2957
2966
  svg {
2958
2967
  margin-top: 6px;
2959
2968
  }
2960
- `,Ni=e=>r.css`
2969
+ `,Fi=e=>r.css`
2961
2970
  color: ${p("neutral",800)};
2962
2971
  font-size: ${"small"===e?"14px":"18px"};
2963
2972
  line-height: ${"small"===e?"20px":"28px"};
2964
2973
  font-weight: 400;
2965
2974
  text-align: left;
2966
- `,Fi=e=>r.css`
2975
+ `,Ai=e=>r.css`
2967
2976
  color: ${p("neutral",700)};
2968
2977
  font-size: ${"small"===e?"12px":"16px"};
2969
2978
  line-height: ${"small"===e?"16px":"24px"};
2970
2979
  font-weight: 400;
2971
2980
  margin-left: 24px;
2972
2981
  text-align: left;
2973
- `,Ai=r.css`
2982
+ `,Zi=r.css`
2974
2983
  background-color: ${p("neutral",100)};
2975
2984
  border: 1px solid ${p("neutral",300)};
2976
2985
  color: ${p("neutral",700)};
2977
- `,Zi=r.css`
2986
+ `,Wi=r.css`
2978
2987
  background-color: ${p("neutral",200)};
2979
2988
  border: 1px solid ${p("neutral",300)};
2980
2989
  color: ${p("neutral",700)};
2981
- `,Wi=r.css`
2990
+ `,Yi=r.css`
2982
2991
  background-color: ${p("success",100)};
2983
2992
  border: 1px solid ${p("success",300)};
2984
2993
  color: ${p("success",500)};
@@ -2986,7 +2995,7 @@
2986
2995
  p {
2987
2996
  color: ${p("success",900)};
2988
2997
  }
2989
- `,Yi=r.css`
2998
+ `,qi=r.css`
2990
2999
  background-color: ${p("warning",100)};
2991
3000
  border: 1px solid ${p("warning",300)};
2992
3001
  color: ${p("warning",500)};
@@ -2994,7 +3003,7 @@
2994
3003
  p {
2995
3004
  color: ${p("warning",900)};
2996
3005
  }
2997
- `,qi=r.css`
3006
+ `,Ui=r.css`
2998
3007
  background-color: ${p("error",100)};
2999
3008
  border: 1px solid ${p("error",300)};
3000
3009
  color: ${p("error",500)};
@@ -3002,37 +3011,37 @@
3002
3011
  p {
3003
3012
  color: ${p("error",900)};
3004
3013
  }
3005
- `,Ui=r.css`
3014
+ `,Gi=r.css`
3006
3015
  height: 8px;
3007
3016
  width: 100%;
3008
3017
  background-color: ${p("neutral",300)};
3009
3018
  display: flex;
3010
3019
  align-items: center;
3011
3020
  justify-content: flex-start;
3012
- `,Gi=e=>r.css`
3021
+ `,Xi=e=>r.css`
3013
3022
  height: 100%;
3014
3023
  width: ${e}%;
3015
3024
  background-color: ${p("primary",500)};
3016
3025
  transition: width 0.5s ease-in-out;
3017
- `,Xi=r.css`
3026
+ `,Ki=r.css`
3018
3027
  width: 100%;
3019
3028
  display: flex;
3020
3029
  align-items: center;
3021
3030
  justify-content: space-between;
3022
3031
  position: relative;
3023
- `,Ki=r.css`
3032
+ `,Ji=r.css`
3024
3033
  height: 60px;
3025
3034
  width: 80px;
3026
3035
  display: flex;
3027
3036
  flex-direction: column;
3028
3037
  align-items: center;
3029
3038
  justify-content: space-between;
3030
- `,Ji=e=>r.css`
3039
+ `,Qi=e=>r.css`
3031
3040
  color: ${p("neutral",e?800:600)};
3032
3041
  font-size: 14px;
3033
3042
  line-height: 20px;
3034
3043
  font-weight: 400;
3035
- `,Qi=r.css`
3044
+ `,el=r.css`
3036
3045
  height: 1px;
3037
3046
  width: 100%;
3038
3047
  padding: 0 30px;
@@ -3040,11 +3049,11 @@
3040
3049
  top: 16px;
3041
3050
  left: 0;
3042
3051
  z-index: -1;
3043
- `,el=r.css`
3052
+ `,tl=r.css`
3044
3053
  height: 1px;
3045
3054
  width: 100%;
3046
3055
  background-color: ${p("neutral",400)};
3047
- `,tl=r.css`
3056
+ `,rl=r.css`
3048
3057
  justify-content: space-between;
3049
3058
  align-items: center;
3050
3059
  gap: 8px;
@@ -3087,21 +3096,21 @@
3087
3096
  color: ${p("error",900)};
3088
3097
  }
3089
3098
  }
3090
- `,rl=r.css`
3099
+ `,nl=r.css`
3091
3100
  font-size: 18px;
3092
3101
  line-height: 28px;
3093
3102
  font-weight: 400;
3094
3103
  color: ${p("neutral",800)};
3095
- `,nl=r.css`
3104
+ `,ol=r.css`
3096
3105
  font-size: 16px;
3097
3106
  line-height: 24px;
3098
3107
  font-weight: 400;
3099
3108
  color: ${p("neutral",700)};
3100
- `,ol=r.css`
3101
- padding: 6px;
3102
3109
  `,il=r.css`
3103
3110
  padding: 6px;
3104
- `,ll={pauseOnPageIdle:!0,offsets:"24px"},al={"top-start":e.createToaster({placement:"top-start",...ll}),"top-end":e.createToaster({placement:"top-end",...ll}),"bottom-start":e.createToaster({placement:"bottom-start",...ll}),"bottom-end":e.createToaster({placement:"bottom-end",...ll})};exports.Badge=({hasNotification:e,notificationCount:r,label:n})=>{const[i,l]=o.useState(!1);o.useEffect((()=>{const e=()=>{window.innerWidth<1024?l(!0):l(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const a=(()=>{let e="";return r&&r>0&&(e=`${r>99?"99+":r}`),e})();let s="16px";return r&&r>99?s="28px":r&&r>9&&(s="22px"),i?t.jsxs("div",{css:Di,role:"status","aria-live":"polite",children:[t.jsxs("div",{css:Ti(),children:[t.jsx(T,{color:"currentColor",height:"16px",width:"16px"}),!e||r||n?null:t.jsx("div",{css:Ei,"aria-hidden":!0})]}),n?t.jsx("p",{children:n}):null,a.length>0?t.jsx("div",{css:Pi,children:t.jsx("p",{css:Bi,"aria-label":`${r} unread message`,children:a})}):null]}):t.jsxs("div",{css:Di,role:"status","aria-live":"polite",children:[n?t.jsx("p",{children:n}):null,t.jsxs("div",{css:Ti(s),children:[a.length>0?t.jsx("div",{css:_i,children:t.jsx("p",{css:zi,"aria-label":`${r} unread message`,children:a})}):null,e&&!r?t.jsx("div",{css:Ei,"aria-hidden":!0}):null,t.jsx(T,{color:"currentColor",height:"16px",width:"16px"})]})]})},exports.BaseMap=({title:e,caption:n,additionalSettings:o,options:i,onOptionSelected:l,maxHeight:a="400px",maxWidth:s="260px"})=>t.jsx("div",{css:sr(a,s),children:t.jsxs("div",{className:"base-map-scroll-content",children:[t.jsxs("div",{css:cr,children:[t.jsx("p",{className:"base-map-header-title",children:e}),t.jsx("p",{className:"base-map-header-caption",children:n})]}),t.jsxs("div",{css:dr,children:[o?t.jsx("div",{css:pr,children:o.map((e=>t.jsxs("div",{children:[t.jsx(me,{css:{},checked:e.checked,onCheckedChange:({checked:t})=>e.onCheckedChange({checked:Boolean(t)}),children:e.label}),e.checked&&e.children?t.jsx("div",{css:ur,children:e.children}):null]},e.label)))}):null,i?t.jsx("div",{css:xr,children:i.map((e=>{return t.jsxs("div",{css:(o=e.active,r.css`
3111
+ `,ll=r.css`
3112
+ padding: 6px;
3113
+ `,al={pauseOnPageIdle:!0,offsets:"24px"},sl={"top-start":e.createToaster({placement:"top-start",...al}),"top-end":e.createToaster({placement:"top-end",...al}),"bottom-start":e.createToaster({placement:"bottom-start",...al}),"bottom-end":e.createToaster({placement:"bottom-end",...al})};exports.Badge=({hasNotification:e,notificationCount:r,label:n})=>{const[i,l]=o.useState(!1);o.useEffect((()=>{const e=()=>{window.innerWidth<1024?l(!0):l(!1)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const a=(()=>{let e="";return r&&r>0&&(e=`${r>99?"99+":r}`),e})();let s="16px";return r&&r>99?s="28px":r&&r>9&&(s="22px"),i?t.jsxs("div",{css:Ti,role:"status","aria-live":"polite",children:[t.jsxs("div",{css:Ei(),children:[t.jsx(T,{color:"currentColor",height:"16px",width:"16px"}),!e||r||n?null:t.jsx("div",{css:_i,"aria-hidden":!0})]}),n?t.jsx("p",{children:n}):null,a.length>0?t.jsx("div",{css:Bi,children:t.jsx("p",{css:Hi,"aria-label":`${r} unread message`,children:a})}):null]}):t.jsxs("div",{css:Ti,role:"status","aria-live":"polite",children:[n?t.jsx("p",{children:n}):null,t.jsxs("div",{css:Ei(s),children:[a.length>0?t.jsx("div",{css:zi,children:t.jsx("p",{css:Pi,"aria-label":`${r} unread message`,children:a})}):null,e&&!r?t.jsx("div",{css:_i,"aria-hidden":!0}):null,t.jsx(T,{color:"currentColor",height:"16px",width:"16px"})]})]})},exports.BaseMap=({title:e,caption:n,additionalSettings:o,options:i,onOptionSelected:l,maxHeight:a="400px",maxWidth:s="260px"})=>t.jsx("div",{css:sr(a,s),children:t.jsxs("div",{className:"base-map-scroll-content",children:[t.jsxs("div",{css:cr,children:[t.jsx("p",{className:"base-map-header-title",children:e}),t.jsx("p",{className:"base-map-header-caption",children:n})]}),t.jsxs("div",{css:dr,children:[o?t.jsx("div",{css:pr,children:o.map((e=>t.jsxs("div",{children:[t.jsx(me,{css:{},checked:e.checked,onCheckedChange:({checked:t})=>e.onCheckedChange({checked:Boolean(t)}),children:e.label}),e.checked&&e.children?t.jsx("div",{css:ur,children:e.children}):null]},e.label)))}):null,i?t.jsx("div",{css:xr,children:i.map((e=>{return t.jsxs("div",{css:(o=e.active,r.css`
3105
3114
  display: flex;
3106
3115
  gap: 12px;
3107
3116
  padding: 12px 8px;
@@ -3133,7 +3142,7 @@
3133
3142
  background-image: url(${n});
3134
3143
  background-size: cover;
3135
3144
  background-position: center;
3136
- `)}),t.jsxs("div",{css:hr,children:[t.jsxs("div",{className:"base-map-title-container",children:[t.jsx("p",{className:"base-map-title",children:e.label}),e.active?t.jsx(Et,{label:"Active",variant:"warning",size:"small",icon:t.jsx(v,{})}):null]}),t.jsx("p",{className:"base-map-caption",children:e.caption}),e.active&&e.children?t.jsx("div",{className:"base-map-children",children:e.children}):null]})]},e.label);var n,o}))}):null]})]})}),exports.Breadcrumb=({links:r,separator:n,maxItems:i=99,linkRouter:l})=>{const[a,s]=o.useState(r.length>i);o.useEffect((()=>{s(r.length>i)}),[r.length]);const c=l;return t.jsx(e.Breadcrumb.Root,{children:t.jsx(e.Breadcrumb.List,{gap:"16px",children:a?t.jsxs(t.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:Wo,children:t.jsxs(c,{to:r[0].link,href:r[0].link,children:[r[0].icon,r[0].label]})}),t.jsx(e.Breadcrumb.Separator,{css:Yo,children:n||t.jsx(y,{rotate:"270"})}),t.jsx("li",{className:"chakra-breadcrumb__item",children:t.jsx("button",{css:qo,type:"button",onClick:()=>s(!1),children:"..."})}),t.jsx(e.Breadcrumb.Separator,{css:Yo,children:n||t.jsx(y,{rotate:"270"})}),t.jsx(e.Breadcrumb.Item,{css:Wo,children:t.jsxs("p",{"aria-current":"page","aria-label":r[r.length-1].label,children:[r[r.length-1].icon,r[r.length-1].label]})})]}):r.map(((i,l)=>i?.label?t.jsxs(o.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:Wo,children:l<r.length-1?t.jsxs(c,{to:i.link,href:i.link,children:[i.icon,i.label]}):t.jsxs("p",{"aria-current":"page","aria-label":i.label,children:[i.label&&i.icon?i.icon:"",i.label]})}),l<r.length-1?t.jsx(e.Breadcrumb.Separator,{css:Yo,children:n||t.jsx(y,{rotate:"270"})}):null]},i.label):null))})})},exports.Button=b,exports.Checkbox=me,exports.CheckboxList=({label:e,caption:n,checkboxes:i,defaultValue:l,onCheckedChange:a,errorMessage:s,horizontal:c,required:d})=>{const[p,u]=o.useState(l?{[l]:!0}:{});return t.jsxs("div",{css:qe,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:Ke}):null,t.jsxs("div",{css:(x=!!s,r.css`
3145
+ `)}),t.jsxs("div",{css:hr,children:[t.jsxs("div",{className:"base-map-title-container",children:[t.jsx("p",{className:"base-map-title",children:e.label}),e.active?t.jsx(Et,{label:"Active",variant:"warning",size:"small",icon:t.jsx(v,{})}):null]}),t.jsx("p",{className:"base-map-caption",children:e.caption}),e.active&&e.children?t.jsx("div",{className:"base-map-children",children:e.children}):null]})]},e.label);var n,o}))}):null]})]})}),exports.Breadcrumb=({links:r,separator:n,maxItems:i=99,linkRouter:l})=>{const[a,s]=o.useState(r.length>i);o.useEffect((()=>{s(r.length>i)}),[r.length]);const c=l;return t.jsx(e.Breadcrumb.Root,{children:t.jsx(e.Breadcrumb.List,{gap:"16px",children:a?t.jsxs(t.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:Yo,children:t.jsxs(c,{to:r[0].link,href:r[0].link,children:[r[0].icon,r[0].label]})}),t.jsx(e.Breadcrumb.Separator,{css:qo,children:n||t.jsx(y,{rotate:"270"})}),t.jsx("li",{className:"chakra-breadcrumb__item",children:t.jsx("button",{css:Uo,type:"button",onClick:()=>s(!1),children:"..."})}),t.jsx(e.Breadcrumb.Separator,{css:qo,children:n||t.jsx(y,{rotate:"270"})}),t.jsx(e.Breadcrumb.Item,{css:Yo,children:t.jsxs("p",{"aria-current":"page","aria-label":r[r.length-1].label,children:[r[r.length-1].icon,r[r.length-1].label]})})]}):r.map(((i,l)=>i?.label?t.jsxs(o.Fragment,{children:[t.jsx(e.Breadcrumb.Item,{css:Yo,children:l<r.length-1?t.jsxs(c,{to:i.link,href:i.link,children:[i.icon,i.label]}):t.jsxs("p",{"aria-current":"page","aria-label":i.label,children:[i.label&&i.icon?i.icon:"",i.label]})}),l<r.length-1?t.jsx(e.Breadcrumb.Separator,{css:qo,children:n||t.jsx(y,{rotate:"270"})}):null]},i.label):null))})})},exports.Button=b,exports.Checkbox=me,exports.CheckboxList=({label:e,caption:n,checkboxes:i,defaultValue:l,onCheckedChange:a,errorMessage:s,horizontal:c,required:d})=>{const[p,u]=o.useState(l?{[l]:!0}:{});return t.jsxs("div",{css:qe,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:Ke}):null,t.jsxs("div",{css:(x=!!s,r.css`
3137
3146
  margin-left: ${x?"19px":"0px"};
3138
3147
  `),children:[t.jsxs("p",{css:Ue,"aria-label":e,children:[d&&t.jsx("span",{"aria-label":"required",children:"*"}),e]}),t.jsx("p",{css:Ge,"aria-label":n,children:n}),s?t.jsx("p",{css:Je,"aria-label":s,children:s}):null,t.jsx("div",{css:Xe(c),children:i.map((e=>t.jsx(me,{css:{},defaultChecked:l===e.value,onCheckedChange:({checked:t})=>((e,t)=>{const r={...p};t&&(r[t]=e,u(r)),a&&a(r)})(t,e.name),...e},e.name)))})]})]});var x},exports.CheckboxOptionCard=({defaultValue:n,items:o,onValueChange:i})=>t.jsx(e.CheckboxGroup,{defaultValue:n,onValueChange:i,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((o=>{return t.jsxs(e.CheckboxCard.Root,{css:ve,defaultChecked:-1!==n?.indexOf(o.value),disabled:o.disabled,value:o.value,children:[t.jsx(e.CheckboxCard.HiddenInput,{}),t.jsxs(e.CheckboxCard.Control,{css:we,children:[t.jsxs(e.CheckboxCard.Content,{css:(l=o.variant,r.css`
3139
3148
  width: 100%;
@@ -3148,13 +3157,13 @@
3148
3157
  padding: 0px;
3149
3158
  padding-top: 8px;
3150
3159
  color: ${i?p("neutral",500):"inherit"};
3151
- `),children:o.children}):null]},`${o.label}-${o.value}`);var i,l}))})}),exports.CloseButton=Q,exports.Footer=({children:e,label:r="© World Resources Institute",fixed:n,filled:o,maxWidth:i})=>{const l=(new Date).getFullYear();return t.jsx("footer",{css:Uo(n,o),children:t.jsxs("div",{css:Go(i),children:[t.jsx("div",{children:t.jsx(D,{height:"32px",width:"91px"})}),t.jsx("div",{css:Xo,children:e}),t.jsx("div",{children:t.jsxs("p",{css:Ko,children:[r," ",l]})})]})})},exports.IconButton=J,exports.IconMarker=fr,exports.IconMarkers=br,exports.InlineMessage=({label:e,caption:r,variant:n,size:o="large",icon:i=t.jsx(j,{height:"16px",width:"16px"}),onActionClick:l,actionLabel:a,isButtonRight:s})=>{let c=Ai;return"info-grey"===n?c=Zi:"success"===n?c=Wi:"warning"===n?c=Yi:"error"===n&&(c=qi),t.jsxs("div",{css:[Hi(o,s),c],"aria-roledescription":"Note",children:[t.jsxs("div",{children:[t.jsxs("div",{css:Oi,children:[i,t.jsx("p",{css:Ni(o),children:e})]}),t.jsx("p",{css:Fi(o),children:r})]}),a?t.jsx(b,{label:a,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===o?"default":"small",onClick:l}):null]})},exports.InputWithUnits=({label:r,caption:n,errorMessage:i,units:l,unitsPosition:a="end",defaultUnit:s="",defaultValue:c="",onChange:d,required:p,disabled:u})=>{const[x,h]=o.useState(c),[g,f]=o.useState(s?[s]:[l[0].value]),b=(e,t)=>{d&&d("end"===a?""+(t?`${x} ${e}`:`${e} ${g}`):""+(t?`${e} ${x}`:`${g} ${e}`))};return t.jsxs("div",{css:Qe,children:[i?t.jsx("div",{css:rt}):null,t.jsxs("div",{style:{marginLeft:i?"19px":"0px"},children:[t.jsxs("p",{css:et(u),"aria-label":r,children:[p?t.jsx("span",{children:"*"}):null,r]}),t.jsx("p",{css:tt(u),"aria-label":n,children:n}),i?t.jsx("p",{css:nt,"aria-label":i,children:i}):null,t.jsxs(e.Group,{css:ot(!!i,a),attached:!0,children:["start"===a?t.jsx(Pt,{placeholder:"",value:g,items:l,disabled:u,onChange:e=>{f(e),b(e?.[0],!0)}}):null,t.jsx(pt,{type:"number",value:x,disabled:u,onChange:e=>{h(e.target.value),b(e.target.value)}}),"end"===a?t.jsx(Pt,{placeholder:"",value:g,items:l,disabled:u,onChange:e=>{f(e),b(e?.[0],!0)}}):null]})]})]})},exports.ItemCount=ln,exports.LayerGroup=({label:r,caption:n,value:i,layerItems:l,onChangeForRadioVariant:a})=>{const[s,c]=o.useState({}),[d]=o.useState((e=>{const t=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return t?.name})(l));o.useEffect((()=>{let e={...s};l.forEach((t=>{t.isDefaultSelected&&(e={...e,["radio"===t.variant?r:t.name]:t.isDefaultSelected})})),c(e)}),[]);const p=(e,t,r,n)=>{const o={...s,[e]:t};c(o),r&&r(e,t,n)},u=Object.values(s).filter((e=>!0===e)).length;return t.jsxs(e.Accordion.Item,{value:i,width:"100%",children:[t.jsxs(e.Accordion.ItemTrigger,{padding:"16px",alignItems:"flex-start",children:[t.jsxs(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[t.jsxs("span",{css:mr,children:[r,t.jsx(Et,{label:`${u} Active`,size:"small",variant:u>0?"success":"info-grey"})]}),t.jsx("div",{css:vr,children:n})]}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx(y,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:t.jsx(_e,{name:r,defaultValue:d,customGap:"0px",onChange:(e,t)=>p(e,!!t,a,t),children:l.map((e=>t.jsx(Sr,{...e,onChange:(t,r)=>p(t,r,e.onChange)},e.label)))})})]})},exports.LayerGroupContainer=({children:r,defaultValue:n,...o})=>t.jsx("div",{css:Cr,style:{width:"100%"},children:t.jsx(e.Accordion.Root,{css:{},defaultValue:n,multiple:!0,...o,children:r})}),exports.LayerItem=Sr,exports.LayerParameters=({label:r,children:n,openedByDefault:i})=>t.jsx("div",{children:t.jsx(e.Accordion.Root,{defaultValue:i?[r]:[],multiple:!0,children:t.jsxs(e.Accordion.Item,{css:Lr,value:r,children:[t.jsxs(e.Accordion.ItemTrigger,{css:Mr,children:[t.jsx(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:t.jsx("p",{css:Rr,children:r})}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx(y,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{css:Ir,children:o.Children.map(n,(e=>t.jsx("div",{className:"layer-parameters-item-child",children:e})))})]})})}),exports.LegendItem=({layerName:e,dataUnit:r,onDrag:n,onUpClick:o,onDownClick:i,onRemoveClick:l,children:a,onInfoClick:s,onOpacityChanged:c})=>t.jsxs("div",{css:Vr,children:[t.jsxs("div",{css:Dr,children:[t.jsx(J,{icon:t.jsx(M,{}),"aria-label":"Drag and drop","aria-hidden":!0,onClick:n,style:{display:"none",marginBottom:"12px"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t.jsx(J,{icon:t.jsx(y,{rotate:"180"}),"aria-label":"Up",onClick:o}),t.jsx(J,{icon:t.jsx(y,{}),"aria-label":"Down",onClick:i})]})]}),t.jsxs("div",{style:{width:"100%"},children:[t.jsxs("div",{css:Tr,children:[t.jsxs("div",{children:[t.jsx("h3",{css:Er,children:e}),t.jsx("p",{css:_r,children:r})]}),t.jsx(b,{label:"Remove",size:"small",variant:"secondary",rightIcon:t.jsx(k,{}),onClick:l})]}),a,t.jsxs("div",{css:zr,children:[t.jsx(b,{label:"About data",size:"small",variant:"secondary",leftIcon:t.jsx(j,{}),onClick:s}),t.jsx(Nr,{defaultValue:80,onOpacityChanged:c})]})]})]}),exports.List=({items:r})=>t.jsx(e.Box,{css:an,children:r.map((e=>t.jsx(hn,{id:e.id,icon:e.icon,label:e.label,caption:e.caption,value:e.value,variant:e.variant??"data",onItemClick:e.onItemClick},e.id??e.label)))}),exports.MapControl=oe,exports.MapControls=ie,exports.Menu=xe,exports.Modal=({header:r,content:n,footer:o,size:i="medium",draggable:l,blocking:a,open:s,onClose:c})=>s?t.jsx(e.Dialog.Root,{open:s,onOpenChange:c,placement:"center",scrollBehavior:"inside",closeOnInteractOutside:!l&&!a,preventScroll:!l&&!a,closeOnEscape:!a,defaultOpen:!0,children:t.jsxs(e.Portal,{children:[l?null:t.jsx(e.Dialog.Backdrop,{}),t.jsx(Lo,{disabled:!l,children:t.jsx(e.Dialog.Positioner,{children:t.jsxs(e.Dialog.Content,{css:Mo(i),children:[t.jsxs(e.Dialog.Header,{css:Ro,children:[r,a?null:t.jsx(e.Dialog.CloseTrigger,{css:Io,asChild:!0,children:t.jsx(Q,{})})]}),t.jsx(e.Dialog.Body,{css:Vo,children:n}),o?t.jsx(e.Dialog.Footer,{padding:"12px",children:o}):null]})})})]})}):null,exports.MultiActionButton=({variant:r="primary",size:n="default",mainActionLabel:i,mainActionOnClick:l=()=>{},otherActions:a=[],...s})=>{const[c,d]=o.useState(!1);return t.jsxs(e.Group,{attached:!0,"aria-disabled":s.disabled,children:[t.jsx(b,{css:{},label:i,variant:r,size:n,onClick:l,...s}),t.jsxs(e.Menu.Root,{onOpenChange:({open:e})=>d(e),positioning:{placement:"bottom-end"},children:[t.jsx(e.Menu.Trigger,{css:ge(r),"data-group-item":!0,"data-last":!0,asChild:!0,children:t.jsx(b,{variant:r,size:n,leftIcon:t.jsx(y,{rotate:c?"180":"0",color:p("accessible","text-on-primary-mids")||p("primary",900)}),disabled:s.disabled})}),t.jsx(be,{children:a.map((({label:r,value:o,onClick:i})=>t.jsx(e.Menu.Item,{css:fe(n),onClick:i,value:o,children:r},o)))})]})]})},exports.Navbar=({logo:e,linkRouter:n,pathname:i,navigationSection:l,utilitySection:a,actionsSection:s,maxWidth:c,fixed:d,onNavbarHeightChange:u})=>{const x=o.useRef(null),h=o.useRef(null),g=o.useRef(null),[f,C]=o.useState(!1),[m,v]=o.useState(-1),[w,j]=o.useState("undefined"!=typeof window&&window?.innerWidth<=mi),[y,$]=o.useState(!1),S=n,L=o.useCallback((()=>{if(h.current&&x.current&&g.current){const e=x.current.getBoundingClientRect(),t=h.current.getBoundingClientRect(),r=g.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=mi||window.innerWidth<=m?(u?.(96),C(!0)):window.innerWidth>mi&&window.innerWidth<=1440?e.right>=t.left?(u?.(96),C(!0),v(window.innerWidth)):window.innerWidth>m&&(u?.(48),C(!1),v(-1)):(u?.(48),C(!1),v(-1)),f&&(window.innerWidth<=mi||r.right>=t.left?(j(!0),u?.(48)):(j(!1),u?.(96)))}}),[m,f]);return o.useEffect((()=>(L(),window.addEventListener("resize",L),()=>{window.removeEventListener("resize",L)})),[L]),t.jsxs("nav",{css:Jo(f&&!w,d),children:[t.jsxs("div",{css:ei(f&&!w,c),children:[t.jsxs("div",{css:(M=f&&!w,r.css`
3160
+ `),children:o.children}):null]},`${o.label}-${o.value}`);var i,l}))})}),exports.CloseButton=Q,exports.Footer=({children:e,label:r="© World Resources Institute",fixed:n,filled:o,maxWidth:i})=>{const l=(new Date).getFullYear();return t.jsx("footer",{css:Go(n,o),children:t.jsxs("div",{css:Xo(i),children:[t.jsx("div",{children:t.jsx(D,{height:"32px",width:"91px"})}),t.jsx("div",{css:Ko,children:e}),t.jsx("div",{children:t.jsxs("p",{css:Jo,children:[r," ",l]})})]})})},exports.IconButton=J,exports.IconMarker=fr,exports.IconMarkers=br,exports.InlineMessage=({label:e,caption:r,variant:n,size:o="large",icon:i=t.jsx(j,{height:"16px",width:"16px"}),onActionClick:l,actionLabel:a,isButtonRight:s})=>{let c=Zi;return"info-grey"===n?c=Wi:"success"===n?c=Yi:"warning"===n?c=qi:"error"===n&&(c=Ui),t.jsxs("div",{css:[Oi(o,s),c],"aria-roledescription":"Note",children:[t.jsxs("div",{children:[t.jsxs("div",{css:Ni,children:[i,t.jsx("p",{css:Fi(o),children:e})]}),t.jsx("p",{css:Ai(o),children:r})]}),a?t.jsx(b,{label:a,variant:"info-white"===n||"info-grey"===n?"primary":"secondary",size:"large"===o?"default":"small",onClick:l}):null]})},exports.InputWithUnits=({label:r,caption:n,errorMessage:i,units:l,unitsPosition:a="end",defaultUnit:s="",defaultValue:c="",onChange:d,required:p,disabled:u})=>{const[x,h]=o.useState(c),[g,f]=o.useState(s?[s]:[l[0].value]),b=(e,t)=>{d&&d("end"===a?""+(t?`${x} ${e}`:`${e} ${g}`):""+(t?`${e} ${x}`:`${g} ${e}`))};return t.jsxs("div",{css:Qe,children:[i?t.jsx("div",{css:rt}):null,t.jsxs("div",{style:{marginLeft:i?"19px":"0px"},children:[t.jsxs("p",{css:et(u),"aria-label":r,children:[p?t.jsx("span",{children:"*"}):null,r]}),t.jsx("p",{css:tt(u),"aria-label":n,children:n}),i?t.jsx("p",{css:nt,"aria-label":i,children:i}):null,t.jsxs(e.Group,{css:ot(!!i,a),attached:!0,children:["start"===a?t.jsx(Pt,{placeholder:"",value:g,items:l,disabled:u,onChange:e=>{f(e),b(e?.[0],!0)}}):null,t.jsx(pt,{type:"number",value:x,disabled:u,onChange:e=>{h(e.target.value),b(e.target.value)}}),"end"===a?t.jsx(Pt,{placeholder:"",value:g,items:l,disabled:u,onChange:e=>{f(e),b(e?.[0],!0)}}):null]})]})]})},exports.ItemCount=an,exports.LayerGroup=({label:r,caption:n,value:i,layerItems:l,onChangeForRadioVariant:a})=>{const[s,c]=o.useState({}),[d]=o.useState((e=>{const t=e.find((e=>"radio"===e.variant&&e.isDefaultSelected));return t?.name})(l));o.useEffect((()=>{let e={...s};l.forEach((t=>{t.isDefaultSelected&&(e={...e,["radio"===t.variant?r:t.name]:t.isDefaultSelected})})),c(e)}),[]);const p=(e,t,r,n)=>{const o={...s,[e]:t};c(o),r&&r(e,t,n)},u=Object.values(s).filter((e=>!0===e)).length,x=`${r}, ${u} Active layers on the map${n?`, ${n}`:""}`;return t.jsxs(e.Accordion.Item,{value:i,width:"100%",children:[t.jsxs(e.Accordion.ItemTrigger,{css:mr,alignItems:"flex-start","aria-label":x,children:[t.jsxs(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:[t.jsxs("span",{css:vr,children:[r,t.jsx(Et,{label:`${u} Active`,size:"small",variant:u>0?"success":"info-grey"})]}),t.jsx("div",{css:wr,children:n})]}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx(y,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{paddingLeft:"16px",paddingRight:"16px",children:t.jsx(_e,{name:r,defaultValue:d,customGap:"0px",onChange:(e,t)=>p(e,!!t,a,t),children:l.map((e=>t.jsx(Lr,{...e,onChange:(t,r)=>p(t,r,e.onChange)},e.label)))})})]})},exports.LayerGroupContainer=({children:r,defaultValue:n,...o})=>t.jsx("div",{css:Cr,style:{width:"100%"},children:t.jsx(e.Accordion.Root,{css:{},defaultValue:n,multiple:!0,...o,children:r})}),exports.LayerItem=Lr,exports.LayerParameters=({label:r,children:n,openedByDefault:i})=>t.jsx("div",{children:t.jsx(e.Accordion.Root,{defaultValue:i?[r]:[],multiple:!0,children:t.jsxs(e.Accordion.Item,{css:Mr,value:r,children:[t.jsxs(e.Accordion.ItemTrigger,{css:Rr,children:[t.jsx(e.Box,{width:"full",display:"flex",flexDirection:"column",alignItems:"flex-start",children:t.jsx("p",{css:Ir,children:r})}),t.jsx(e.Accordion.ItemIndicator,{display:"flex",children:t.jsx(y,{color:"var(--chakra-colors-neutral-700)",height:"16px",width:"16px"})})]}),t.jsx(e.Accordion.ItemContent,{css:Vr,children:o.Children.map(n,(e=>t.jsx("div",{className:"layer-parameters-item-child",children:e})))})]})})}),exports.LegendItem=({layerName:e,dataUnit:r,onDrag:n,onUpClick:o,onDownClick:i,onRemoveClick:l,children:a,onInfoClick:s,onOpacityChanged:c})=>t.jsxs("div",{css:Dr,children:[t.jsxs("div",{css:Tr,children:[t.jsx(J,{icon:t.jsx(M,{}),"aria-label":"Drag and drop","aria-hidden":!0,onClick:n,style:{display:"none",marginBottom:"12px"}}),t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"12px"},children:[t.jsx(J,{icon:t.jsx(y,{rotate:"180"}),"aria-label":"Up",onClick:o}),t.jsx(J,{icon:t.jsx(y,{}),"aria-label":"Down",onClick:i})]})]}),t.jsxs("div",{style:{width:"100%"},children:[t.jsxs("div",{css:Er,children:[t.jsxs("div",{children:[t.jsx("h3",{css:_r,children:e}),t.jsx("p",{css:zr,children:r})]}),t.jsx(b,{label:"Remove",size:"small",variant:"secondary",rightIcon:t.jsx(k,{}),onClick:l})]}),a,t.jsxs("div",{css:Pr,children:[t.jsx(b,{label:"About data",size:"small",variant:"secondary",leftIcon:t.jsx(j,{}),onClick:s}),t.jsx(Fr,{defaultValue:80,onOpacityChanged:c})]})]})]}),exports.List=({items:r})=>t.jsx(e.Box,{css:sn,children:r.map((e=>t.jsx(gn,{id:e.id,icon:e.icon,label:e.label,caption:e.caption,value:e.value,variant:e.variant??"data",onItemClick:e.onItemClick},e.id??e.label)))}),exports.MapControl=oe,exports.MapControls=ie,exports.Menu=xe,exports.Modal=({header:r,content:n,footer:o,size:i="medium",draggable:l,blocking:a,open:s,onClose:c})=>s?t.jsx(e.Dialog.Root,{open:s,onOpenChange:c,placement:"center",scrollBehavior:"inside",closeOnInteractOutside:!l&&!a,preventScroll:!l&&!a,closeOnEscape:!a,defaultOpen:!0,children:t.jsxs(e.Portal,{children:[l?null:t.jsx(e.Dialog.Backdrop,{}),t.jsx(Mo,{disabled:!l,children:t.jsx(e.Dialog.Positioner,{children:t.jsxs(e.Dialog.Content,{css:Ro(i),children:[t.jsxs(e.Dialog.Header,{css:Io,children:[r,a?null:t.jsx(e.Dialog.CloseTrigger,{css:Vo,asChild:!0,children:t.jsx(Q,{})})]}),t.jsx(e.Dialog.Body,{css:Do,children:n}),o?t.jsx(e.Dialog.Footer,{padding:"12px",children:o}):null]})})})]})}):null,exports.MultiActionButton=({variant:r="primary",size:n="default",mainActionLabel:i,mainActionOnClick:l=()=>{},otherActions:a=[],...s})=>{const[c,d]=o.useState(!1);return t.jsxs(e.Group,{attached:!0,"aria-disabled":s.disabled,children:[t.jsx(b,{css:{},label:i,variant:r,size:n,onClick:l,...s}),t.jsxs(e.Menu.Root,{onOpenChange:({open:e})=>d(e),positioning:{placement:"bottom-end"},children:[t.jsx(e.Menu.Trigger,{css:ge(r),"data-group-item":!0,"data-last":!0,asChild:!0,children:t.jsx(b,{variant:r,size:n,leftIcon:t.jsx(y,{rotate:c?"180":"0",color:p("accessible","text-on-primary-mids")||p("primary",900)}),disabled:s.disabled})}),t.jsx(be,{children:a.map((({label:r,value:o,onClick:i})=>t.jsx(e.Menu.Item,{css:fe(n),onClick:i,value:o,children:r},o)))})]})]})},exports.Navbar=({logo:e,linkRouter:n,pathname:i,navigationSection:l,utilitySection:a,actionsSection:s,maxWidth:c,fixed:d,onNavbarHeightChange:u})=>{const x=o.useRef(null),h=o.useRef(null),g=o.useRef(null),[f,C]=o.useState(!1),[m,v]=o.useState(-1),[w,j]=o.useState("undefined"!=typeof window&&window?.innerWidth<=vi),[y,$]=o.useState(!1),S=n,L=o.useCallback((()=>{if(h.current&&x.current&&g.current){const e=x.current.getBoundingClientRect(),t=h.current.getBoundingClientRect(),r=g.current.getBoundingClientRect();t.width,e.width,window.innerWidth<=vi||window.innerWidth<=m?(u?.(96),C(!0)):window.innerWidth>vi&&window.innerWidth<=1440?e.right>=t.left?(u?.(96),C(!0),v(window.innerWidth)):window.innerWidth>m&&(u?.(48),C(!1),v(-1)):(u?.(48),C(!1),v(-1)),f&&(window.innerWidth<=vi||r.right>=t.left?(j(!0),u?.(48)):(j(!1),u?.(96)))}}),[m,f]);return o.useEffect((()=>(L(),window.addEventListener("resize",L),()=>{window.removeEventListener("resize",L)})),[L]),t.jsxs("nav",{css:Qo(f&&!w,d),children:[t.jsxs("div",{css:ti(f&&!w,c),children:[t.jsxs("div",{css:(M=f&&!w,r.css`
3152
3161
  display: flex;
3153
3162
  align-items: center;
3154
3163
  justify-content: flex-start;
3155
3164
  gap: 12px;
3156
3165
  color: ${p("neutral",M?100:900)};
3157
- `),ref:x,children:[e?t.jsx("div",{ref:g,css:ti,children:e}):null,t.jsx("div",{css:ri(f),children:l?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:ni(i===e.link),children:e.label},e.label):t.jsx(xe,{label:e.label,items:e.items||[]},e.label)))})]}),t.jsx("div",{css:oi,ref:h,children:w?t.jsxs("button",{type:"button",onClick:()=>$(!y),"aria-label":"Open menu",css:ai,children:[y?"Close":"Menu",y?t.jsx(k,{height:"16px",width:"16px"}):t.jsx(U,{height:"16px",width:"16px"})]}):t.jsxs(t.Fragment,{children:[t.jsx("div",{css:oi,children:a?.map(((e,r)=>t.jsx("div",{css:ii(f),children:e},r)))}),s?t.jsx("div",{css:li(f),children:s.map((e=>t.jsx(b,{...e},e.label)))}):null]})})]}),f&&!w?t.jsx("div",{css:Qo,children:l?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:ni(i===e.link),children:e.label},e.label):t.jsx(xe,{label:e.label,items:e.items||[]},e.label)))}):null,w?t.jsx(Ci,{navigationSection:l,utilitySection:a,actionsSection:s,linkRouter:n,isOpen:y,setIsOpen:$,pathname:i}):null]});var M},exports.NavigationRail=({tabs:r=[],defaultValue:n,onTabClick:i,children:l,onOpenChange:a})=>{const[s,c]=o.useState(!1),[d,p]=o.useState(n||r?.[0]?.value);return t.jsxs("div",{style:{height:"calc(100vh - 48px - 56px)",position:"fixed",top:"48px",left:0,display:"flex"},children:[t.jsxs("div",{css:vi,children:[t.jsx(e.Tabs.Root,{defaultValue:n||r?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{var t;p(t=e),i&&i(t)},role:"tablist",children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:r.map((r=>t.jsx(e.Tabs.Trigger,{css:wi,"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[r.icon?t.jsx("div",{css:ji,children:r.icon}):null,t.jsx("p",{children:r.label})]})},r.label)))})}),l?t.jsx(e.Collapsible.Root,{onOpenChange:({open:e})=>{c(e),a&&a(!e)},children:t.jsxs(e.Collapsible.Trigger,{css:yi,children:[t.jsx("div",{css:ji,children:s?t.jsx(m,{}):t.jsx(C,{})}),t.jsxs("div",{className:"tab-label",children:[t.jsx("p",{children:s?"Show":"Hide"}),t.jsx("p",{children:"Sidebar"})]})]})}):null]}),l?t.jsx(e.Collapsible.Root,{defaultOpen:!0,open:!s,children:t.jsx(e.Collapsible.Content,{height:"100%",children:t.jsx("div",{css:$i,role:"tabpanel","aria-labelledby":d,children:l})})}):null]})},exports.OptionCard=({defaultValue:n,items:o,onValueChange:i})=>t.jsx(e.RadioCard.Root,{defaultValue:n,onValueChange:i,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((n=>{return t.jsxs(e.RadioCard.Item,{css:Se,value:n.value,disabled:n.disabled,children:[t.jsx(e.RadioCard.ItemHiddenInput,{}),t.jsxs(e.RadioCard.ItemControl,{css:Le,children:[t.jsxs("div",{css:(i=n.variant,r.css`
3166
+ `),ref:x,children:[e?t.jsx("div",{ref:g,css:ri,children:e}):null,t.jsx("div",{css:ni(f),children:l?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:oi(i===e.link),children:e.label},e.label):t.jsx(xe,{label:e.label,items:e.items||[]},e.label)))})]}),t.jsx("div",{css:ii,ref:h,children:w?t.jsxs("button",{type:"button",onClick:()=>$(!y),"aria-label":"Open menu",css:si,children:[y?"Close":"Menu",y?t.jsx(k,{height:"16px",width:"16px"}):t.jsx(U,{height:"16px",width:"16px"})]}):t.jsxs(t.Fragment,{children:[t.jsx("div",{css:ii,children:a?.map(((e,r)=>t.jsx("div",{css:li(f),children:e},r)))}),s?t.jsx("div",{css:ai(f),children:s.map((e=>t.jsx(b,{...e},e.label)))}):null]})})]}),f&&!w?t.jsx("div",{css:ei,children:l?.map((e=>e.link?t.jsx(S,{to:e.link,href:e.link,css:oi(i===e.link),children:e.label},e.label):t.jsx(xe,{label:e.label,items:e.items||[]},e.label)))}):null,w?t.jsx(mi,{navigationSection:l,utilitySection:a,actionsSection:s,linkRouter:n,isOpen:y,setIsOpen:$,pathname:i}):null]});var M},exports.NavigationRail=({tabs:r=[],defaultValue:n,onTabClick:i,children:l,onOpenChange:a})=>{const[s,c]=o.useState(!1),[d,p]=o.useState(n||r?.[0]?.value);return t.jsxs("div",{style:{height:"calc(100vh - 48px - 56px)",position:"fixed",top:"48px",left:0,display:"flex"},children:[t.jsxs("div",{css:wi,children:[t.jsx(e.Tabs.Root,{defaultValue:n||r?.[0]?.value,orientation:"horizontal",width:"full",onValueChange:({value:e})=>{var t;p(t=e),i&&i(t)},role:"tablist",children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",style:{flexDirection:"column"},children:r.map((r=>t.jsx(e.Tabs.Trigger,{css:ji,"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",flexDirection:"column",gap:"5px",className:"tab-label",children:[r.icon?t.jsx("div",{css:yi,children:r.icon}):null,t.jsx("p",{children:r.label})]})},r.label)))})}),l?t.jsx(e.Collapsible.Root,{onOpenChange:({open:e})=>{c(e),a&&a(!e)},children:t.jsxs(e.Collapsible.Trigger,{css:$i,children:[t.jsx("div",{css:yi,children:s?t.jsx(m,{}):t.jsx(C,{})}),t.jsxs("div",{className:"tab-label",children:[t.jsx("p",{children:s?"Show":"Hide"}),t.jsx("p",{children:"Sidebar"})]})]})}):null]}),l?t.jsx(e.Collapsible.Root,{defaultOpen:!0,open:!s,children:t.jsx(e.Collapsible.Content,{height:"100%",children:t.jsx("div",{css:ki,role:"tabpanel","aria-labelledby":d,children:l})})}):null]})},exports.OptionCard=({defaultValue:n,items:o,onValueChange:i})=>t.jsx(e.RadioCard.Root,{defaultValue:n,onValueChange:i,children:t.jsx(e.HStack,{alignItems:"flex-start",flexWrap:"wrap",gap:"12px",children:o.map((n=>{return t.jsxs(e.RadioCard.Item,{css:Se,value:n.value,disabled:n.disabled,children:[t.jsx(e.RadioCard.ItemHiddenInput,{}),t.jsxs(e.RadioCard.ItemControl,{css:Le,children:[t.jsxs("div",{css:(i=n.variant,r.css`
3158
3167
  width: 100%;
3159
3168
  display: flex;
3160
3169
  flex-direction: ${"centered"===i?"column":"row"};
@@ -3167,7 +3176,7 @@
3167
3176
  padding: 0px;
3168
3177
  padding-top: 8px;
3169
3178
  color: ${o?p("neutral",500):"inherit"};
3170
- `),children:n.children}):null]},`${n.label}-${n.value}`);var o,i}))})}),exports.Pagination=mn,exports.Panel=({header:e,content:r,footer:n,variant:i="fixed",width:l})=>{const[a,s]=o.useState(void 0),[c,d]=o.useState(void 0),p=o.useRef(null),u=o.useRef(null);o.useEffect((()=>{s(p?.current?.getBoundingClientRect()?.height),d(u?.current?.getBoundingClientRect()?.height)}),[e,n]);return t.jsxs("div",{css:[Do(l),"fixed"===i?To:Eo],children:[e?t.jsx("div",{css:_o,ref:p,children:e}):null,t.jsx("div",{css:zo(a,c),children:r}),n?t.jsx("div",{css:Po,ref:u,children:n}):null]})},exports.Password=({label:e,caption:n,required:i,disabledRules:l,onChange:a,minLength:s=8,hideValidations:c})=>{const[d,u]=o.useState(!1),[x,h]=o.useState(""),[g,f]=o.useState({strength:"Very weak",length:!1,uppercase:!1,lowercase:!1,numbers:!1,specialCharacters:!1});return t.jsxs("div",{css:Bt,children:[t.jsxs("p",{css:Ht,"aria-label":e,children:[i?t.jsx("span",{children:"*"}):null,e]}),t.jsx("p",{css:Ot,"aria-label":n,children:n}),t.jsxs("div",{css:Nt,children:[t.jsx(pt,{type:d?"text":"password",value:x,"aria-describedby":"password-guidelines",onChange:e=>(e=>{const t={...g};let r=0,n=!1;t.length=e.length>=s,r+=e.length>=s?1:0,n=/[A-Z]/.test(e),r+=n?1:0,t.uppercase=n,n=/[a-z]/.test(e),r+=n?1:0,t.lowercase=n,n=/[0-9]/.test(e),r+=n?1:0,t.numbers=n,n=/[-'/`~!¡#*$@_%+=.,^&(){}[\]|;:“‘"<>?\\]/.test(e),r+=n?1:0,t.specialCharacters=n,t.strength="Very Weak",e.length>=4&&r>=2&&(t.strength="Weak"),e.length>=6&&r>=3&&(t.strength="Medium"),e.length>=s&&r>=4&&(t.strength="Strong"),e.length>=s+2&&r>=5&&(t.strength="Very Strong"),h(e),f(t),a&&a(t)})(e.target.value)}),t.jsx(b,{label:d?"Hide":"Show",variant:"secondary",leftIcon:d?t.jsx(L,{}):t.jsx(S,{}),"aria-label":d?"Hide password":"Show password","aria-pressed":d,onClick:()=>u(!d),type:"button"})]}),x&&!c?t.jsxs("div",{id:"password-guidelines",css:Ft,"aria-live":"polite",children:[t.jsxs("p",{css:(C=g.strength,r.css`
3179
+ `),children:n.children}):null]},`${n.label}-${n.value}`);var o,i}))})}),exports.Pagination=vn,exports.Panel=({header:e,content:r,footer:n,variant:i="fixed",width:l})=>{const[a,s]=o.useState(void 0),[c,d]=o.useState(void 0),p=o.useRef(null),u=o.useRef(null);o.useEffect((()=>{s(p?.current?.getBoundingClientRect()?.height),d(u?.current?.getBoundingClientRect()?.height)}),[e,n]);return t.jsxs("div",{css:[To(l),"fixed"===i?Eo:_o],children:[e?t.jsx("div",{css:zo,ref:p,children:e}):null,t.jsx("div",{css:Po(a,c),children:r}),n?t.jsx("div",{css:Bo,ref:u,children:n}):null]})},exports.Password=({label:e,caption:n,required:i,disabledRules:l,onChange:a,minLength:s=8,hideValidations:c})=>{const[d,u]=o.useState(!1),[x,h]=o.useState(""),[g,f]=o.useState({strength:"Very weak",length:!1,uppercase:!1,lowercase:!1,numbers:!1,specialCharacters:!1});return t.jsxs("div",{css:Bt,children:[t.jsxs("p",{css:Ht,"aria-label":e,children:[i?t.jsx("span",{children:"*"}):null,e]}),t.jsx("p",{css:Ot,"aria-label":n,children:n}),t.jsxs("div",{css:Nt,children:[t.jsx(pt,{type:d?"text":"password",value:x,"aria-describedby":"password-guidelines",onChange:e=>(e=>{const t={...g};let r=0,n=!1;t.length=e.length>=s,r+=e.length>=s?1:0,n=/[A-Z]/.test(e),r+=n?1:0,t.uppercase=n,n=/[a-z]/.test(e),r+=n?1:0,t.lowercase=n,n=/[0-9]/.test(e),r+=n?1:0,t.numbers=n,n=/[-'/`~!¡#*$@_%+=.,^&(){}[\]|;:“‘"<>?\\]/.test(e),r+=n?1:0,t.specialCharacters=n,t.strength="Very Weak",e.length>=4&&r>=2&&(t.strength="Weak"),e.length>=6&&r>=3&&(t.strength="Medium"),e.length>=s&&r>=4&&(t.strength="Strong"),e.length>=s+2&&r>=5&&(t.strength="Very Strong"),h(e),f(t),a&&a(t)})(e.target.value)}),t.jsx(b,{label:d?"Hide":"Show",variant:"secondary",leftIcon:d?t.jsx(L,{}):t.jsx(S,{}),"aria-label":d?"Hide password":"Show password","aria-pressed":d,onClick:()=>u(!d),type:"button"})]}),x&&!c?t.jsxs("div",{id:"password-guidelines",css:Ft,"aria-live":"polite",children:[t.jsxs("p",{css:(C=g.strength,r.css`
3171
3180
  font-size: 16px;
3172
3181
  line-height: 24px;
3173
3182
  font-weight: 400;
@@ -3178,16 +3187,16 @@
3178
3187
  font-weight: 700;
3179
3188
  color: ${p("Medium"===C?"warning":"Strong"===C||"Very Strong"===C?"success":"error",900)};
3180
3189
  }
3181
- `),"aria-live":"polite",role:"status",children:["Password Strength: ",t.jsx("span",{children:g.strength})]}),t.jsx("div",{css:At(g.strength),children:t.jsx("div",{})}),t.jsxs("div",{css:Zt(g.length),"aria-label":`Use a minimum of ${s} characters. ${g.length?"Requirement met.":"Requirement not met."}`,children:[t.jsx("div",{children:g.length?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsxs("p",{children:["Use a minimum of ",s," characters"]})]}),l?.uppercase?null:t.jsxs("div",{css:Zt(g.uppercase),"aria-label":"Use an uppercase letter. "+(g.uppercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.uppercase?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use an uppercase letter"})]}),l?.lowercase?null:t.jsxs("div",{css:Zt(g.lowercase),"aria-label":"Use a lowercase letter. "+(g.lowercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.lowercase?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a lowercase letter"})]}),l?.numbers?null:t.jsxs("div",{css:Zt(g.numbers),"aria-label":"Use a number. "+(g.numbers?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.numbers?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a number"})]}),l?.specialCharacters?null:t.jsxs("div",{css:Zt(g.specialCharacters),"aria-label":"Use a special character. "+(g.specialCharacters?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.specialCharacters?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a special character"})]})]}):null]});var C},exports.ProgressBar=({progress:e})=>{let r=e;return r>100&&(r=100),r<0&&(r=0),t.jsx("div",{css:Ui,role:"progressbar","aria-label":`Progress: ${r}%`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":r,children:t.jsx("div",{css:Gi(r)})})},exports.QualitativeAttribute=({type:e,label:r,caption:n,color:i,onActionClick:l,showActionButton:a,pointIcon:s})=>{const[c,d]=o.useState(!0),p="raster"===e,u="line"===e,x="point"===e;return t.jsxs("div",{css:Wr,children:[t.jsxs("div",{css:Yr,children:[t.jsxs("div",{children:[p&&t.jsx("div",{css:Fr(i)}),u&&t.jsx("div",{css:Ar(i)}),x&&t.jsx("div",{css:Zr(i),children:s})]}),t.jsxs("div",{children:[t.jsx("p",{css:qr,"aria-label":r,children:r}),n?t.jsx("p",{css:Ur,"aria-label":n,children:n}):null]})]}),l&&a?t.jsx("div",{css:Gr,children:t.jsx(b,{variant:"borderless",label:c?"Hide":"Show",rightIcon:c?t.jsx(L,{}):t.jsx(S,{}),"aria-label":"Show or Hide action",onClick:()=>{d(!c),l&&l()}})}):null]})},exports.Radio=Ee,exports.RadioGroup=_e,exports.RadioList=({label:e,caption:n,name:o,radios:i,defaultValue:l,onCheckedChange:a,errorMessage:s,horizontal:c,variant:d="default",required:p})=>{return t.jsxs("div",{css:Wt,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:Gt}):null,t.jsxs("div",{css:(u=!!s,r.css`
3190
+ `),"aria-live":"polite",role:"status",children:["Password Strength: ",t.jsx("span",{children:g.strength})]}),t.jsx("div",{css:At(g.strength),children:t.jsx("div",{})}),t.jsxs("div",{css:Zt(g.length),"aria-label":`Use a minimum of ${s} characters. ${g.length?"Requirement met.":"Requirement not met."}`,children:[t.jsx("div",{children:g.length?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsxs("p",{children:["Use a minimum of ",s," characters"]})]}),l?.uppercase?null:t.jsxs("div",{css:Zt(g.uppercase),"aria-label":"Use an uppercase letter. "+(g.uppercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.uppercase?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use an uppercase letter"})]}),l?.lowercase?null:t.jsxs("div",{css:Zt(g.lowercase),"aria-label":"Use a lowercase letter. "+(g.lowercase?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.lowercase?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a lowercase letter"})]}),l?.numbers?null:t.jsxs("div",{css:Zt(g.numbers),"aria-label":"Use a number. "+(g.numbers?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.numbers?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a number"})]}),l?.specialCharacters?null:t.jsxs("div",{css:Zt(g.specialCharacters),"aria-label":"Use a special character. "+(g.specialCharacters?"Requirement met.":"Requirement not met."),children:[t.jsx("div",{children:g.specialCharacters?t.jsx(v,{color:"var(--chakra-colors-success-500)",height:"8px",width:"8px"}):t.jsx(k,{color:"var(--chakra-colors-error-900)",height:"8px",width:"8px"})}),t.jsx("p",{children:"Use a special character"})]})]}):null]});var C},exports.ProgressBar=({progress:e})=>{let r=e;return r>100&&(r=100),r<0&&(r=0),t.jsx("div",{css:Gi,role:"progressbar","aria-label":`Progress: ${r}%`,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":r,children:t.jsx("div",{css:Xi(r)})})},exports.QualitativeAttribute=({type:e,label:r,caption:n,color:i,onActionClick:l,showActionButton:a,pointIcon:s})=>{const[c,d]=o.useState(!0),p="raster"===e,u="line"===e,x="point"===e;return t.jsxs("div",{css:Yr,children:[t.jsxs("div",{css:qr,children:[t.jsxs("div",{children:[p&&t.jsx("div",{css:Ar(i)}),u&&t.jsx("div",{css:Zr(i)}),x&&t.jsx("div",{css:Wr(i),children:s})]}),t.jsxs("div",{children:[t.jsx("p",{css:Ur,"aria-label":r,children:r}),n?t.jsx("p",{css:Gr,"aria-label":n,children:n}):null]})]}),l&&a?t.jsx("div",{css:Xr,children:t.jsx(b,{variant:"borderless",label:c?"Hide":"Show",rightIcon:c?t.jsx(L,{}):t.jsx(S,{}),"aria-label":"Show or Hide action",onClick:()=>{d(!c),l&&l()}})}):null]})},exports.Radio=Ee,exports.RadioGroup=_e,exports.RadioList=({label:e,caption:n,name:o,radios:i,defaultValue:l,onCheckedChange:a,errorMessage:s,horizontal:c,variant:d="default",required:p})=>{return t.jsxs("div",{css:Wt,"aria-roledescription":"group","aria-labelledby":e,children:[s?t.jsx("div",{css:Gt}):null,t.jsxs("div",{css:(u=!!s,r.css`
3182
3191
  margin-left: ${u?"19px":"0px"};
3183
- `),children:[t.jsxs("p",{css:Yt,"aria-label":e,children:[p&&t.jsx("span",{"aria-label":"required",children:"*"}),e]}),t.jsx("p",{css:qt,"aria-label":n,children:n}),s?t.jsx("p",{css:Xt,"aria-label":s,children:s}):null,t.jsx("div",{css:Ut,children:t.jsx(_e,{name:o,defaultValue:l,onChange:a,horizontal:c&&"card"!==d,children:i.map((e=>t.jsx(Ee,{css:"card"===d?Kt:{},...e},e.value)))})})]})]});var u},exports.SSOButtons=G,exports.ScaleBar=({colors:e,values:n,subLabels:o,isGradient:i})=>{return t.jsxs("div",{css:Xr,children:[i?t.jsx("div",{css:(l=tn(e),r.css`
3192
+ `),children:[t.jsxs("p",{css:Yt,"aria-label":e,children:[p&&t.jsx("span",{"aria-label":"required",children:"*"}),e]}),t.jsx("p",{css:qt,"aria-label":n,children:n}),s?t.jsx("p",{css:Xt,"aria-label":s,children:s}):null,t.jsx("div",{css:Ut,children:t.jsx(_e,{name:o,defaultValue:l,onChange:a,horizontal:c&&"card"!==d,children:i.map((e=>t.jsx(Ee,{css:"card"===d?Kt:{},...e},e.value)))})})]})]});var u},exports.SSOButtons=G,exports.ScaleBar=({colors:e,values:n,subLabels:o,isGradient:i})=>{return t.jsxs("div",{css:Kr,children:[i?t.jsx("div",{css:(l=rn(e),r.css`
3184
3193
  height: 20px;
3185
3194
  width: 100%;
3186
3195
  margin-bottom: 8px;
3187
3196
  border: 1px solid ${p("neutral",300)};
3188
3197
  border-radius: 4px;
3189
3198
  ${l?`background: ${l};`:""}
3190
- `)}):t.jsx("div",{css:Kr,children:e?.map(((e,r)=>t.jsx("div",{"data-test":`${e}-${n?.[r]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${n?.[r]}`)))}),t.jsx("div",{css:Jr,children:n?.map((e=>t.jsx("div",{style:{width:i?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:Qr,children:e})},e)))}),o&&o.length?t.jsx("div",{css:Jr,children:o.map((e=>t.jsx("div",{style:{width:i?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:en,style:{width:"100%"},children:e})},e)))}):null]});var l},exports.Select=Pt,exports.Sheet=({header:e,content:r,footer:n,open:i=!1,onClose:l,minimizedHeight:a=50,midHeight:s=200,maxFullHeight:c=1e3,defaultSnap:d="minimized"})=>{const[p,u]=o.useState(void 0),[x,h]=o.useState(void 0),g=o.useRef(null),f=o.useRef(null);o.useEffect((()=>{u(g?.current?.getBoundingClientRect()?.height),h(f?.current?.getBoundingClientRect()?.height)}),[e,n]);const b=o.useMemo((()=>{if("undefined"==typeof window)return 0;const e=document.createElement("div");e.style.cssText="position:fixed;bottom:0;height:env(safe-area-inset-bottom);",document.body.appendChild(e);const t=e.getBoundingClientRect().height||0;return document.body.removeChild(e),t}),[]),C=o.useMemo((()=>{const e=(()=>{if("undefined"!=typeof window){const e=.9*(window?.screen?.height||0);return e>c?c:e}return 0})(),t=Math.max(0,e-b);return c?Math.min(t,c):t}),[b,c]),m=o.useMemo((()=>({closed:18,minimized:Math.min(a,C),mid:Math.min(Math.max(a,s),C),fullHeight:C,full:C})),[a,s,C]),[v,w]=o.useState(d),[j,y]=o.useState(0);o.useEffect((()=>{if(i){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[i]),o.useEffect((()=>{i?y(m[v]):(y(0),w(d))}),[v,m,i]);const $=o.useRef(null),k=o.useRef(null),S=o.useRef(0),L=o.useRef(0),M=o.useRef(0),R=o.useRef(0),I=o.useRef(0),V=o.useRef(!1);return o.useEffect((()=>{const e=$.current;if(!e)return;const t=t=>{i&&(V.current=!0,e.setPointerCapture(t.pointerId),S.current=t.clientY,L.current=j,M.current=t.clientY,R.current=performance.now(),I.current=0,k.current&&(k.current.style.transition="none"))},r=e=>{if(!V.current)return;const t=e.clientY-S.current,r=Math.max(0,Math.min(C,L.current-t));y(r);const n=performance.now(),o=Math.max(1,n-R.current),i=(e.clientY-M.current)/(o/1e3);I.current=i,M.current=e.clientY,R.current=n},n=()=>{if(!V.current)return;V.current=!1,k.current&&(k.current.style.transition="height 300ms ease, transform 300ms ease");const e=I.current,t=j,{closed:r,minimized:n,mid:o,full:i}=m;if(e>900&&t<=o||t<=.6*n)return y(0),void window.setTimeout((()=>l&&l()),260);const a=[{k:"closed",v:r},{k:"minimized",v:n},{k:"mid",v:o},{k:"full",v:i}];let s=v;Math.abs(e)>900?s=e<0?t<(o+i)/2?"mid":"full":t>(n+o)/2?"mid":"minimized":(a.sort(((e,r)=>Math.abs(t-e.v)-Math.abs(t-r.v))),s=a[0].k),w(s);y("full"===s?i:"mid"===s?o:n)};return e.addEventListener("pointerdown",t),window.addEventListener("pointermove",r),window.addEventListener("pointerup",n),window.addEventListener("pointercancel",n),()=>{e.removeEventListener("pointerdown",t),window.removeEventListener("pointermove",r),window.removeEventListener("pointerup",n),window.removeEventListener("pointercancel",n)}}),[i,j,C,m,v]),o.useEffect((()=>{if(i){y(0);const e=window.setTimeout((()=>y(m[v])),10);return()=>window.clearTimeout(e)}y(0)}),[i,v,m]),t.jsx("div",{css:Bo,"aria-hidden":!i,children:t.jsxs("div",{ref:k,role:"dialog","aria-modal":"true",css:Ho,style:{height:`${j}px`,transform:i?"translateY(0)":"translateY(100%)"},children:[t.jsx("div",{ref:$,css:Oo,role:"button","aria-label":"Drag to expand or collapse",tabIndex:0,children:t.jsx("span",{css:No})}),e?t.jsx("div",{css:Fo,ref:g,children:e}):null,t.jsx("div",{css:Ao(p,x),children:r}),n&&"full"===v?t.jsx("div",{css:Zo,ref:f,children:n}):null]})})},exports.Slider=Ze,exports.SliderInput=({label:e,caption:r,size:n="default",sliderItem:i,required:l,onChange:a})=>{const[s,c]=o.useState(i.value||[]),d=(e,t)=>{const r=e.target.value,n=[...s];let o=r?parseInt(r,10):r;const l=i.min||0,a=i.max||100;o=Number.isNaN(o)?l:o,o=o<l?l:o,o=o>a?a:o,n[t]=o,c(n)},p=(e,t)=>{const r=e.target.value||"0",n=[...s];let o=parseInt(r,10);const l=i.min||0,d=i.max||100;if(o=Number.isNaN(o)?l:o,o=o<l?l:o,o=o>d?d:o,2===s?.length){o=Number.isNaN(o)?l:o;const e=s[0],r=s[1];0===t?(o=o<l?l:o,o=o>r?r:o):1===t&&(o=o<e?e:o,o=o>d?d:o)}n[t]=o,c(n),a&&a(n)};return t.jsxs("div",{children:[t.jsxs("p",{css:Jt(n),"aria-label":e,children:[l?t.jsx("span",{children:"*"}):null,e]}),r?t.jsx("p",{css:Qt(n),"aria-label":r,children:r}):null,t.jsxs("div",{css:er,children:[i.step&&i.marks?t.jsx(Pt,{items:i.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"90px"},value:[`${s?.[0]}`],onChange:e=>{const t=e.map((e=>parseInt(e,10)));c(t),a&&a(t)}}):t.jsx(pt,{"aria-label":e,min:i.min,max:i.max,value:s?.[0],type:"number",onChange:e=>d(e,0),onBlur:e=>p(e,0),className:"opacity-control-text-input",onClick:e=>e.target.select()}),t.jsx(Ze,{css:{},...i,value:s,onValueChangeEnd:e=>{c(e.value),a&&a(e.value)}}),2===s?.length?t.jsx(pt,{"aria-label":e,min:i.min,max:i.max,value:s?.[1],type:"number",onChange:e=>d(e,1),onBlur:e=>p(e,1),className:"opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},exports.StepProgressIndicator=({steps:e,currentStep:n})=>t.jsxs("div",{css:Xi,children:[e.map(((e,o)=>{return t.jsxs("div",{css:Ki,children:[t.jsx("button",{css:(i=n>=o+1,l=n<o+1,r.css`
3199
+ `)}):t.jsx("div",{css:Jr,children:e?.map(((e,r)=>t.jsx("div",{"data-test":`${e}-${n?.[r]}`,style:{backgroundColor:e,width:"100%",height:"100%"}},`${e}-${n?.[r]}`)))}),t.jsx("div",{css:Qr,children:n?.map((e=>t.jsx("div",{style:{width:i?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:en,children:e})},e)))}),o&&o.length?t.jsx("div",{css:Qr,children:o.map((e=>t.jsx("div",{style:{width:i?"auto":`calc(100% / ${n.length})`,display:"flex",justifyContent:"center"},children:t.jsx("p",{css:tn,style:{width:"100%"},children:e})},e)))}):null]});var l},exports.Select=Pt,exports.Sheet=({header:e,content:r,footer:n,open:i=!1,onClose:l,minimizedHeight:a=50,midHeight:s=200,maxFullHeight:c=1e3,defaultSnap:d="minimized"})=>{const[p,u]=o.useState(void 0),[x,h]=o.useState(void 0),g=o.useRef(null),f=o.useRef(null);o.useEffect((()=>{u(g?.current?.getBoundingClientRect()?.height),h(f?.current?.getBoundingClientRect()?.height)}),[e,n]);const b=o.useMemo((()=>{if("undefined"==typeof window)return 0;const e=document.createElement("div");e.style.cssText="position:fixed;bottom:0;height:env(safe-area-inset-bottom);",document.body.appendChild(e);const t=e.getBoundingClientRect().height||0;return document.body.removeChild(e),t}),[]),C=o.useMemo((()=>{const e=(()=>{if("undefined"!=typeof window){const e=.9*(window?.screen?.height||0);return e>c?c:e}return 0})(),t=Math.max(0,e-b);return c?Math.min(t,c):t}),[b,c]),m=o.useMemo((()=>({closed:18,minimized:Math.min(a,C),mid:Math.min(Math.max(a,s),C),fullHeight:C,full:C})),[a,s,C]),[v,w]=o.useState(d),[j,y]=o.useState(0);o.useEffect((()=>{if(i){const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}}),[i]),o.useEffect((()=>{i?y(m[v]):(y(0),w(d))}),[v,m,i]);const $=o.useRef(null),k=o.useRef(null),S=o.useRef(0),L=o.useRef(0),M=o.useRef(0),R=o.useRef(0),I=o.useRef(0),V=o.useRef(!1);return o.useEffect((()=>{const e=$.current;if(!e)return;const t=t=>{i&&(V.current=!0,e.setPointerCapture(t.pointerId),S.current=t.clientY,L.current=j,M.current=t.clientY,R.current=performance.now(),I.current=0,k.current&&(k.current.style.transition="none"))},r=e=>{if(!V.current)return;const t=e.clientY-S.current,r=Math.max(0,Math.min(C,L.current-t));y(r);const n=performance.now(),o=Math.max(1,n-R.current),i=(e.clientY-M.current)/(o/1e3);I.current=i,M.current=e.clientY,R.current=n},n=()=>{if(!V.current)return;V.current=!1,k.current&&(k.current.style.transition="height 300ms ease, transform 300ms ease");const e=I.current,t=j,{closed:r,minimized:n,mid:o,full:i}=m;if(e>900&&t<=o||t<=.6*n)return y(0),void window.setTimeout((()=>l&&l()),260);const a=[{k:"closed",v:r},{k:"minimized",v:n},{k:"mid",v:o},{k:"full",v:i}];let s=v;Math.abs(e)>900?s=e<0?t<(o+i)/2?"mid":"full":t>(n+o)/2?"mid":"minimized":(a.sort(((e,r)=>Math.abs(t-e.v)-Math.abs(t-r.v))),s=a[0].k),w(s);y("full"===s?i:"mid"===s?o:n)};return e.addEventListener("pointerdown",t),window.addEventListener("pointermove",r),window.addEventListener("pointerup",n),window.addEventListener("pointercancel",n),()=>{e.removeEventListener("pointerdown",t),window.removeEventListener("pointermove",r),window.removeEventListener("pointerup",n),window.removeEventListener("pointercancel",n)}}),[i,j,C,m,v]),o.useEffect((()=>{if(i){y(0);const e=window.setTimeout((()=>y(m[v])),10);return()=>window.clearTimeout(e)}y(0)}),[i,v,m]),t.jsx("div",{css:Ho,"aria-hidden":!i,children:t.jsxs("div",{ref:k,role:"dialog","aria-modal":"true",css:Oo,style:{height:`${j}px`,transform:i?"translateY(0)":"translateY(100%)"},children:[t.jsx("div",{ref:$,css:No,role:"button","aria-label":"Drag to expand or collapse",tabIndex:0,children:t.jsx("span",{css:Fo})}),e?t.jsx("div",{css:Ao,ref:g,children:e}):null,t.jsx("div",{css:Zo(p,x),children:r}),n&&"full"===v?t.jsx("div",{css:Wo,ref:f,children:n}):null]})})},exports.Slider=Ze,exports.SliderInput=({label:e,caption:r,size:n="default",sliderItem:i,required:l,onChange:a})=>{const[s,c]=o.useState(i.value||[]),d=(e,t)=>{const r=e.target.value,n=[...s];let o=r?parseInt(r,10):r;const l=i.min||0,a=i.max||100;o=Number.isNaN(o)?l:o,o=o<l?l:o,o=o>a?a:o,n[t]=o,c(n)},p=(e,t)=>{const r=e.target.value||"0",n=[...s];let o=parseInt(r,10);const l=i.min||0,d=i.max||100;if(o=Number.isNaN(o)?l:o,o=o<l?l:o,o=o>d?d:o,2===s?.length){o=Number.isNaN(o)?l:o;const e=s[0],r=s[1];0===t?(o=o<l?l:o,o=o>r?r:o):1===t&&(o=o<e?e:o,o=o>d?d:o)}n[t]=o,c(n),a&&a(n)};return t.jsxs("div",{children:[t.jsxs("p",{css:Jt(n),"aria-label":e,children:[l?t.jsx("span",{children:"*"}):null,e]}),r?t.jsx("p",{css:Qt(n),"aria-label":r,children:r}):null,t.jsxs("div",{css:er,children:[i.step&&i.marks?t.jsx(Pt,{items:i.marks.map((e=>({label:`${e.label}`,value:`${e.value}`}))),placeholder:"",style:{width:"90px"},value:[`${s?.[0]}`],onChange:e=>{const t=e.map((e=>parseInt(e,10)));c(t),a&&a(t)}}):t.jsx(pt,{"aria-label":e,min:i.min,max:i.max,value:s?.[0],type:"number",onChange:e=>d(e,0),onBlur:e=>p(e,0),className:"opacity-control-text-input",onClick:e=>e.target.select()}),t.jsx(Ze,{css:{},...i,value:s,onValueChangeEnd:e=>{c(e.value),a&&a(e.value)}}),2===s?.length?t.jsx(pt,{"aria-label":e,min:i.min,max:i.max,value:s?.[1],type:"number",onChange:e=>d(e,1),onBlur:e=>p(e,1),className:"opacity-control-text-input",onClick:e=>e.target.select()}):null]})]})},exports.StepProgressIndicator=({steps:e,currentStep:n})=>t.jsxs("div",{css:Ki,children:[e.map(((e,o)=>{return t.jsxs("div",{css:Ji,children:[t.jsx("button",{css:(i=n>=o+1,l=n<o+1,r.css`
3191
3200
  height: 32px;
3192
3201
  width: 32px;
3193
3202
  display: flex;
@@ -3223,4 +3232,4 @@
3223
3232
  }
3224
3233
 
3225
3234
  ${l?`\n background-color: ${p("neutral",300)};\n \n &:hover {\n background-color: ${p("neutral",300)};\n box-shadow: none;\n }\n `:""}
3226
- `),type:"button",onClick:e.onClick,"aria-current":n===o+1,"aria-disabled":n<o+1,disabled:n<o+1,"aria-label":`Current Step ${o}${e.label?` ${e.label}`:""}`,"data-active":n>=o+1,children:n>o+1?t.jsx(v,{height:"16px",width:"16px"}):o+1}),e.label?t.jsx("p",{css:Ji(n===o+1),children:e.label}):null]},`${e.label}-${o}`);var i,l})),t.jsx("div",{css:Qi,children:t.jsx("div",{css:el})})]}),exports.Switch=Ye,exports.TabBar=({variant:r="panel",defaultValue:n,tabs:i,onTabClick:l})=>{const[a,s]=o.useState(Ii(i,n)||0),c="view"===r;return t.jsx("div",{css:ki(r),children:t.jsx(e.Tabs.Root,{width:"full",defaultValue:n||i?.[0]?.value,onValueChange:({value:e})=>{return s(Ii(i,t=e)),void(l&&l(t));var t},children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:i.map(((r,n)=>t.jsxs(o.Fragment,{children:[c&&1===n&&"left"===Vi(a)?t.jsx("div",{css:Mi}):null,t.jsx(e.Tabs.Trigger,{css:[Si,c?Ri:Li],"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",gap:"5px",children:[r.icon,r.label]})},r.label),c&&1===n&&"right"===Vi(a)?t.jsx("div",{css:Mi}):null]},r.label)))})})})},exports.Table=({columns:r,data:n,renderRow:i,striped:l,stickyHeader:a,pagination:s,selectable:c,selectedRows:d,onSortColumn:p,onPageSizeChange:u,onPageChange:x,onAllItemsSelected:h})=>{const[g,f]=o.useState({key:"",order:""}),{totalItems:b=n.length,currentPage:C=1,pageSize:m=10,showItemCount:v,showItemCountText:w}=s||{},j=(e,t)=>{f({key:e,order:t}),p&&p({key:e,order:t})},$=d?.length===n?.length,k=d&&d.length>0&&!$;return t.jsxs("div",{children:[t.jsxs(e.Table.Root,{css:vn,striped:l,stickyHeader:a,interactive:!0,children:[t.jsx(e.Table.Header,{css:wn,children:t.jsxs(e.Table.Row,{children:[c?t.jsx(e.Table.ColumnHeader,{children:t.jsx(me,{name:"header-checkbox",checked:$,indeterminate:k,onCheckedChange:({checked:e})=>{h&&h(e)}})}):null,r.map((r=>t.jsx(e.Table.ColumnHeader,{role:r.sortable?"columnheader":void 0,"aria-sort":r.sortable&&"asc"===g.order?"ascending":r.sortable&&"desc"===g.order?"descending":void 0,children:t.jsxs("div",{css:jn,children:[r.label,r.sortable?t.jsxs("div",{css:yn,children:[t.jsx(J,{css:$n(g.key===r.key&&"asc"===g.order),icon:t.jsx(y,{style:{transform:"rotate(180deg)"}}),onClick:()=>j(r.key,"asc"),"aria-label":"Ascending"}),t.jsx(J,{css:$n(g.key===r.key&&"desc"===g.order),icon:t.jsx(y,{}),onClick:()=>j(r.key,"desc"),"aria-label":"Descending"})]}):null]})},r.key)))]})}),t.jsx(e.Table.Body,{children:n.map((e=>t.jsx(o.Fragment,{children:i(e)},e.id)))})]}),t.jsxs("div",{css:kn,children:[t.jsx("div",{children:v?t.jsx(ln,{pageSize:m,currentPage:C,totalItems:b,onPageSizeChange:u,showItemCountText:w}):null}),s?t.jsx("div",{css:Sn,children:t.jsx(mn,{totalItems:b,pageSize:m,currentPage:C,onPageChange:x})}):null]})]})},exports.TableCell=Mn,exports.TableRow=Ln,exports.Tag=Et,exports.TextInput=pt,exports.Textarea=({label:r,caption:n,placeholder:i,errorMessage:l,required:a,disabled:s,size:c="default",defaultValue:d="",onChange:p,minLength:u,maxLength:x,...h})=>{const[g,f]=o.useState(d),[b,C]=o.useState(!1),[m,v]=o.useState(!1),[w,j]=o.useState("");o.useEffect((()=>{const{length:e}=d;u&&e<u&&e>0?(C(e<u),v(!1),j(`Enter at least ${u-e} characters`)):u&&0===e&&j(`Min ${u} characters`),x&&e>0?(C(!1),v(e>x),j(`You have ${x-e} characters remaining`)):x&&0===e&&j(`Max ${x} characters`)}),[]);const y=!!l||b||m;return t.jsxs("div",{css:tr(c),children:[y?t.jsx("div",{css:rr}):null,t.jsxs(e.Field.Root,{required:a,invalid:y,gap:"0",style:{marginLeft:y?"19px":"0px"},children:[r?t.jsxs(e.Field.Label,{css:nr(c,s),"aria-label":r,children:[t.jsx(e.Field.RequiredIndicator,{"aria-label":"required"}),r,a?"":t.jsx("span",{children:" (Optional)"})]}):null,n?t.jsx(e.Field.HelperText,{css:or(c,s),"aria-label":n,children:n}):null,l?t.jsx(e.Field.ErrorText,{css:lr,"aria-label":l,children:l}):null,t.jsx(e.Textarea,{placeholder:i,disabled:s,css:ar(c,g,d),onChange:e=>{f(e.target.value);const{length:t}=e.target.value;u&&x?(C(t<u),v(t>x),j(`You have ${x-t} characters remaining`)):u?(C(t<u),v(!1),j(t<u?`Enter at least ${u-t} characters`:"")):x&&(v(t>x),C(!1),j(`You have ${x-t} characters remaining`)),p&&p(e)},value:g,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...h}),b&&u?t.jsxs(e.Field.ErrorText,{css:lr,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",u-g.length," more characters"]}):null,m&&x?t.jsxs(e.Field.ErrorText,{css:lr,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",g.length-x," characters too many"]}):null,!w||m||b?null:t.jsx(e.Field.HelperText,{css:ir,"aria-label":w,children:w})]})]})},exports.Toast=()=>Object.keys(al).map((r=>t.jsx(e.Portal,{children:t.jsx(e.Toaster,{toaster:al[r],insetInline:{mdDown:"4"},children:n=>t.jsxs(e.Toast.Root,{css:tl,width:{md:"sm"},children:[t.jsxs(e.Stack,{flexDirection:"row",className:"icon-container",children:["info"===n.type?n.meta?.icon?n.meta.icon:t.jsx(j,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===n.type?t.jsx(e.Spinner,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===n.type?n.meta?.icon?n.meta.icon:t.jsx(R,{color:"var(--chakra-colors-success-500)"}):null,"warning"===n.type?n.meta?.icon?n.meta.icon:t.jsx(I,{color:"var(--chakra-colors-warning-500)"}):null,"error"===n.type?n.meta?.icon?n.meta.icon:t.jsx(V,{color:"var(--chakra-colors-error-500)"}):null,t.jsxs(e.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[t.jsx(e.Toast.Title,{css:rl,"aria-label":`${n.title}`,children:n.title}),n.description?t.jsx(e.Toast.Title,{css:nl,"aria-label":`${n.description}`,children:n.description}):null]})]}),n.action||n.meta?.closable?t.jsxs(e.Stack,{flexDirection:"row",children:[n.action?t.jsx(b,{css:ol,label:n.action.label,size:"small",variant:"info"===n.type?"primary":"secondary",onClick:()=>{n?.action?.onClick&&n.action.onClick(),al[r].dismiss()}}):null,n.meta?.closable?t.jsx(b,{css:il,label:n.meta.closableLabel,"aria-label":n.meta?.closableLabel||"Dismiss",leftIcon:t.jsx(k,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>al[r].dismiss()}):null]}):null]})})},r))),exports.designSystemStyles=d,exports.getThemedColor=p,exports.showToast=e=>{al[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})};
3235
+ `),type:"button",onClick:e.onClick,"aria-current":n===o+1,"aria-disabled":n<o+1,disabled:n<o+1,"aria-label":`Current Step ${o}${e.label?` ${e.label}`:""}`,"data-active":n>=o+1,children:n>o+1?t.jsx(v,{height:"16px",width:"16px"}):o+1}),e.label?t.jsx("p",{css:Qi(n===o+1),children:e.label}):null]},`${e.label}-${o}`);var i,l})),t.jsx("div",{css:el,children:t.jsx("div",{css:tl})})]}),exports.Switch=Ye,exports.TabBar=({variant:r="panel",defaultValue:n,tabs:i,onTabClick:l})=>{const[a,s]=o.useState(Vi(i,n)||0),c="view"===r;return t.jsx("div",{css:Si(r),children:t.jsx(e.Tabs.Root,{width:"full",defaultValue:n||i?.[0]?.value,onValueChange:({value:e})=>{return s(Vi(i,t=e)),void(l&&l(t));var t},children:t.jsx(e.Tabs.List,{alignItems:"center",border:"none",children:i.map(((r,n)=>t.jsxs(o.Fragment,{children:[c&&1===n&&"left"===Di(a)?t.jsx("div",{css:Ri}):null,t.jsx(e.Tabs.Trigger,{css:[Li,c?Ii:Mi],"aria-label":r["aria-label"]||r.label,...r,children:t.jsxs(e.Box,{display:"flex",alignItems:"center",gap:"5px",children:[r.icon,r.label]})},r.label),c&&1===n&&"right"===Di(a)?t.jsx("div",{css:Ri}):null]},r.label)))})})})},exports.Table=({columns:r,data:n,renderRow:i,striped:l,stickyHeader:a,pagination:s,selectable:c,selectedRows:d,onSortColumn:p,onPageSizeChange:u,onPageChange:x,onAllItemsSelected:h})=>{const[g,f]=o.useState({key:"",order:""}),{totalItems:b=n.length,currentPage:C=1,pageSize:m=10,showItemCount:v,showItemCountText:w}=s||{},j=(e,t)=>{f({key:e,order:t}),p&&p({key:e,order:t})},$=d?.length===n?.length,k=d&&d.length>0&&!$;return t.jsxs("div",{children:[t.jsxs(e.Table.Root,{css:wn,striped:l,stickyHeader:a,interactive:!0,children:[t.jsx(e.Table.Header,{css:jn,children:t.jsxs(e.Table.Row,{children:[c?t.jsx(e.Table.ColumnHeader,{children:t.jsx(me,{name:"header-checkbox",checked:$,indeterminate:k,onCheckedChange:({checked:e})=>{h&&h(e)}})}):null,r.map((r=>t.jsx(e.Table.ColumnHeader,{role:r.sortable?"columnheader":void 0,"aria-sort":r.sortable&&"asc"===g.order?"ascending":r.sortable&&"desc"===g.order?"descending":void 0,children:t.jsxs("div",{css:yn,children:[r.label,r.sortable?t.jsxs("div",{css:$n,children:[t.jsx(J,{css:kn(g.key===r.key&&"asc"===g.order),icon:t.jsx(y,{style:{transform:"rotate(180deg)"}}),onClick:()=>j(r.key,"asc"),"aria-label":"Ascending"}),t.jsx(J,{css:kn(g.key===r.key&&"desc"===g.order),icon:t.jsx(y,{}),onClick:()=>j(r.key,"desc"),"aria-label":"Descending"})]}):null]})},r.key)))]})}),t.jsx(e.Table.Body,{children:n.map((e=>t.jsx(o.Fragment,{children:i(e)},e.id)))})]}),t.jsxs("div",{css:Sn,children:[t.jsx("div",{children:v?t.jsx(an,{pageSize:m,currentPage:C,totalItems:b,onPageSizeChange:u,showItemCountText:w}):null}),s?t.jsx("div",{css:Ln,children:t.jsx(vn,{totalItems:b,pageSize:m,currentPage:C,onPageChange:x})}):null]})]})},exports.TableCell=Rn,exports.TableRow=Mn,exports.Tag=Et,exports.TextInput=pt,exports.Textarea=({label:r,caption:n,placeholder:i,errorMessage:l,required:a,disabled:s,size:c="default",defaultValue:d="",onChange:p,minLength:u,maxLength:x,...h})=>{const[g,f]=o.useState(d),[b,C]=o.useState(!1),[m,v]=o.useState(!1),[w,j]=o.useState("");o.useEffect((()=>{const{length:e}=d;u&&e<u&&e>0?(C(e<u),v(!1),j(`Enter at least ${u-e} characters`)):u&&0===e&&j(`Min ${u} characters`),x&&e>0?(C(!1),v(e>x),j(`You have ${x-e} characters remaining`)):x&&0===e&&j(`Max ${x} characters`)}),[]);const y=!!l||b||m;return t.jsxs("div",{css:tr(c),children:[y?t.jsx("div",{css:rr}):null,t.jsxs(e.Field.Root,{required:a,invalid:y,gap:"0",style:{marginLeft:y?"19px":"0px"},children:[r?t.jsxs(e.Field.Label,{css:nr(c,s),"aria-label":r,children:[t.jsx(e.Field.RequiredIndicator,{"aria-label":"required"}),r,a?"":t.jsx("span",{children:" (Optional)"})]}):null,n?t.jsx(e.Field.HelperText,{css:or(c,s),"aria-label":n,children:n}):null,l?t.jsx(e.Field.ErrorText,{css:lr,"aria-label":l,children:l}):null,t.jsx(e.Textarea,{placeholder:i,disabled:s,css:ar(c,g,d),onChange:e=>{f(e.target.value);const{length:t}=e.target.value;u&&x?(C(t<u),v(t>x),j(`You have ${x-t} characters remaining`)):u?(C(t<u),v(!1),j(t<u?`Enter at least ${u-t} characters`:"")):x&&(v(t>x),C(!1),j(`You have ${x-t} characters remaining`)),p&&p(e)},value:g,_placeholder:{color:"var(--chakra-colors-neutral-500)"},...h}),b&&u?t.jsxs(e.Field.ErrorText,{css:lr,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You need ",u-g.length," more characters"]}):null,m&&x?t.jsxs(e.Field.ErrorText,{css:lr,style:{marginTop:"8px",fontSize:"12px",lineHeight:"16px"},"aria-live":"polite",children:["You have ",g.length-x," characters too many"]}):null,!w||m||b?null:t.jsx(e.Field.HelperText,{css:ir,"aria-label":w,children:w})]})]})},exports.Toast=()=>Object.keys(sl).map((r=>t.jsx(e.Portal,{children:t.jsx(e.Toaster,{toaster:sl[r],insetInline:{mdDown:"4"},children:n=>t.jsxs(e.Toast.Root,{css:rl,width:{md:"sm"},children:[t.jsxs(e.Stack,{flexDirection:"row",className:"icon-container",children:["info"===n.type?n.meta?.icon?n.meta.icon:t.jsx(j,{color:"var(--chakra-colors-neutral-700)"}):null,"loading"===n.type?t.jsx(e.Spinner,{size:"lg",borderWidth:"3px",color:"var(--chakra-colors-primary-500)"}):null,"success"===n.type?n.meta?.icon?n.meta.icon:t.jsx(R,{color:"var(--chakra-colors-success-500)"}):null,"warning"===n.type?n.meta?.icon?n.meta.icon:t.jsx(I,{color:"var(--chakra-colors-warning-500)"}):null,"error"===n.type?n.meta?.icon?n.meta.icon:t.jsx(V,{color:"var(--chakra-colors-error-500)"}):null,t.jsxs(e.Stack,{gap:"1",flex:"1",maxWidth:"100%",children:[t.jsx(e.Toast.Title,{css:nl,"aria-label":`${n.title}`,children:n.title}),n.description?t.jsx(e.Toast.Title,{css:ol,"aria-label":`${n.description}`,children:n.description}):null]})]}),n.action||n.meta?.closable?t.jsxs(e.Stack,{flexDirection:"row",children:[n.action?t.jsx(b,{css:il,label:n.action.label,size:"small",variant:"info"===n.type?"primary":"secondary",onClick:()=>{n?.action?.onClick&&n.action.onClick(),sl[r].dismiss()}}):null,n.meta?.closable?t.jsx(b,{css:ll,label:n.meta.closableLabel,"aria-label":n.meta?.closableLabel||"Dismiss",leftIcon:t.jsx(k,{height:"10px!",width:"10px!"}),size:"small",variant:"secondary",onClick:()=>sl[r].dismiss()}):null]}):null]})})},r))),exports.designSystemStyles=d,exports.getThemedColor=p,exports.showToast=e=>{sl[e.placement].create({title:e.label,description:e.caption,duration:e.duration||5e3,meta:{closable:e.closable,icon:e.icon,closableLabel:e.closableLabel},...e})};