@fanvue/ui 3.19.1 → 3.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/charts.d.ts +11 -2
- package/dist/cjs/components/ButtonStack/ButtonStack.cjs +44 -0
- package/dist/cjs/components/ButtonStack/ButtonStack.cjs.map +1 -0
- package/dist/cjs/components/Card/Card.cjs +45 -11
- package/dist/cjs/components/Card/Card.cjs.map +1 -1
- package/dist/cjs/components/Chart/ChartCard.cjs +6 -4
- package/dist/cjs/components/Chart/ChartCard.cjs.map +1 -1
- package/dist/cjs/components/Chart/ChartSeriesToggle.cjs +13 -26
- package/dist/cjs/components/Chart/ChartSeriesToggle.cjs.map +1 -1
- package/dist/cjs/components/CriticalBanner/CriticalBanner.cjs +109 -0
- package/dist/cjs/components/CriticalBanner/CriticalBanner.cjs.map +1 -0
- package/dist/cjs/components/Icons/GifIcon.cjs +12 -12
- package/dist/cjs/components/Icons/GifIcon.cjs.map +1 -1
- package/dist/cjs/index.cjs +4 -0
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/components/ButtonStack/ButtonStack.mjs +27 -0
- package/dist/components/ButtonStack/ButtonStack.mjs.map +1 -0
- package/dist/components/Card/Card.mjs +45 -11
- package/dist/components/Card/Card.mjs.map +1 -1
- package/dist/components/Chart/ChartCard.mjs +6 -4
- package/dist/components/Chart/ChartCard.mjs.map +1 -1
- package/dist/components/Chart/ChartSeriesToggle.mjs +14 -27
- package/dist/components/Chart/ChartSeriesToggle.mjs.map +1 -1
- package/dist/components/CriticalBanner/CriticalBanner.mjs +92 -0
- package/dist/components/CriticalBanner/CriticalBanner.mjs.map +1 -0
- package/dist/components/Icons/GifIcon.mjs +12 -12
- package/dist/components/Icons/GifIcon.mjs.map +1 -1
- package/dist/index.d.ts +120 -6
- package/dist/index.mjs +4 -0
- package/dist/index.mjs.map +1 -1
- package/package.json +6 -5
|
@@ -25,48 +25,48 @@ const VARIANTS = {
|
|
|
25
25
|
16: {
|
|
26
26
|
outlined: [
|
|
27
27
|
{
|
|
28
|
-
d: "
|
|
28
|
+
d: "M9.166 12.835v1h-1.999v-1zm4.667-4.668c0-1.22-.001-2.053-.071-2.688-.069-.615-.192-.921-.353-1.135a2.133 2.133 0 0 0-.42-.42c-.213-.161-.52-.284-1.135-.353-.635-.07-1.467-.071-2.688-.071h-1.999c-1.22 0-2.053.001-2.688.071-.615.069-.922.192-1.135.353a2.133 2.133 0 0 0-.42.42c-.161.213-.284.52-.353 1.135-.07.635-.071 1.467-.071 2.688s.001 2.054.071 2.689c.069.615.192.921.353 1.135q.18.241.42.421c.213.161.52.283 1.135.351.635.071 1.467.073 2.688.073v1l-.844-.001c-1.713-.008-2.705-.067-3.42-.513l-.16-.11a3.133 3.133 0 0 1-.481-.448l-.138-.171c-.625-.831-.625-2.029-.625-4.425 0-2.246 0-3.439.514-4.264l.111-.16c.132-.175.282-.337.447-.481l.171-.138c.831-.625 2.029-.625 4.424-.625h1.999l.844.001c1.845.009 2.853.077 3.58.623.234.176.443.385.619.619.625.831.625 2.029.625 4.424s0 3.593-.624 4.425l-.139.171a3.133 3.133 0 0 1-.481.448l-.16.11c-.715.446-1.707.505-3.42.513l-.844.001v-1c1.22 0 2.053-.002 2.688-.072.615-.069.922-.191 1.135-.352q.24-.181.42-.42c.161-.214.284-.52.353-1.135.07-.635.071-1.468.071-2.689"
|
|
29
29
|
},
|
|
30
30
|
{
|
|
31
|
-
d: "
|
|
32
|
-
sw: 0.667
|
|
31
|
+
d: "M5.821 5.867q.523 0 .953.191l.104.048q.352.175.568.455a.44.44 0 0 1 .158.327c0 .1-.039.187-.111.256a.353.353 0 0 1-.256.105.487.487 0 0 1-.297-.112l-.014-.011-.011-.015a1.2 1.2 0 0 0-.443-.349 1.467 1.467 0 0 0-.645-.137q-.44.001-.785.203v.001a1.4 1.4 0 0 0-.531.554 1.667 1.667 0 0 0-.194.813q0 .449.182.807.187.353.515.555l.084.045q.301.151.682.152.377 0 .676-.158v-.001a1.267 1.267 0 0 0 .49-.441q.153-.231.212-.513H5.575a.36.36 0 0 1-.272-.115l-.004-.005a.387.387 0 0 1-.091-.253.36.36 0 0 1 .367-.368h2.028a.38.38 0 0 1 .286.112h.001l.004.003h-.001a.42.42 0 0 1 .108.3q-.001.053-.007.098v.001a2.3 2.3 0 0 1-.312 1.029l.001.001q-.276.481-.767.775c-.331.198-.709.295-1.13.295q-.651.001-1.172-.307a2.2 2.2 0 0 1-.811-.836l-.001-.001a2.467 2.467 0 0 1-.286-1.179q0-.644.293-1.175A2.167 2.167 0 0 1 4.626 6.173l.001-.001a2.333 2.333 0 0 1 1.195-.307m3.026.036q.155 0 .271.104c.089.075.125.18.125.293v3.78c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.005-.003-.003-.004a.387.387 0 0 1-.121-.295V6.3c0-.113.037-.219.126-.294a.42.42 0 0 1 .278-.103m3.51.024c.103 0 .195.038.268.111s.111.165.111.268a.373.373 0 0 1-.111.268l-.005.004a.38.38 0 0 1-.264.101H10.733v1.143h1.355c.102 0 .191.041.26.115l-.001.001c.07.068.109.153.109.252a.371.371 0 0 1-.367.373H10.733v1.517c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.004-.003-.004-.004a.387.387 0 0 1-.121-.295V6.342a.413.413 0 0 1 .111-.304l.003-.004.066-.049a.467.467 0 0 1 .234-.059z"
|
|
33
32
|
}
|
|
34
33
|
],
|
|
35
34
|
filled: [
|
|
36
35
|
{
|
|
37
|
-
d: "
|
|
36
|
+
d: "M9.997 2.333c2.202 0 3.303 0 3.987 0.683C14.667 3.701 14.667 4.802 14.667 7.003v1.995c0 2.201 0 3.303-0.683 3.987-0.684 0.683-1.785 0.684-3.987 0.684h-3.993c-2.201 0-3.303 0-3.987-0.684C1.333 12.3 1.333 11.199 1.333 8.998v-1.995c0-2.201 0-3.303 0.684-3.987C2.7 2.333 3.802 2.333 6.004 2.333zM5.672 5.9q-0.654 0-1.178 0.301a2.133 2.133 0 0 0-0.805 0.83 2.333 2.333 0 0 0-0.289 1.159q0 0.635 0.282 1.163v0.001q0.29 0.521 0.799 0.824 0.512 0.303 1.155 0.302 0.625 0 1.113-0.29 0.483-0.289 0.755-0.762h0.001q0.276-0.476 0.307-1.017a0.667 0.667 0 0 0 0.007-0.095 0.387 0.387 0 0 0-0.101-0.281 0.347 0.347 0 0 0-0.263-0.101H5.426a0.333 0.333 0 0 0-0.247 0.105h-0.001a0.333 0.333 0 0 0-0.087 0.229q0.001 0.131 0.084 0.232l0.003 0.003a0.333 0.333 0 0 0 0.247 0.105h1.623q-0.058 0.313-0.223 0.565h-0.001q-0.189 0.289-0.502 0.452h-0.001a1.467 1.467 0 0 1-0.691 0.163q-0.388-0.001-0.697-0.155l-0.087-0.047a1.44 1.44 0 0 1-0.477-0.479l-0.05-0.088a1.8 1.8 0 0 1-0.187-0.823q0-0.463 0.198-0.829t0.545-0.567a1.553 1.553 0 0 1 0.801-0.209q0.37 0.001 0.659 0.14 0.293 0.142 0.456 0.36l0.007 0.011 0.011 0.008a0.453 0.453 0 0 0 0.277 0.105 0.32 0.32 0 0 0 0.229-0.093v0.001l0.003-0.003 0.001-0.001-0.001-0.001a0.313 0.313 0 0 0 0.101-0.232 0.4 0.4 0 0 0-0.149-0.303q-0.241-0.315-0.661-0.496h0.001a2.267 2.267 0 0 0-0.94-0.189m3.025 0.035a0.387 0.387 0 0 0-0.257 0.096 0.333 0.333 0 0 0-0.113 0.269v3.78c0 0.106 0.033 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.504-0.002l0.003-0.003a0.353 0.353 0 0 0 0.11-0.271V6.3a0.333 0.333 0 0 0-0.113-0.268 0.367 0.367 0 0 0-0.251-0.097m1.5 0.024a0.4 0.4 0 0 0-0.278 0.099l-0.003 0.003a0.387 0.387 0 0 0-0.101 0.28v3.739c0 0.106 0.034 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.505-0.003l0.003-0.003a0.36 0.36 0 0 0 0.11-0.271v-1.55h1.389a0.338 0.338 0 0 0 0.334-0.34 0.313 0.313 0 0 0-0.099-0.23h0.001a0.313 0.313 0 0 0-0.236-0.104h-1.387V6.647h1.658a0.347 0.347 0 0 0 0.241-0.093l0.003-0.003q0.101-0.101 0.101-0.245a0.333 0.333 0 0 0-0.101-0.245 0.333 0.333 0 0 0-0.244-0.102",
|
|
37
|
+
eo: true
|
|
38
38
|
}
|
|
39
39
|
]
|
|
40
40
|
},
|
|
41
41
|
24: {
|
|
42
42
|
outlined: [
|
|
43
43
|
{
|
|
44
|
-
d: "
|
|
44
|
+
d: "M13.749 19.253v1.5h-2.998v-1.5zm7.001-7.002c0-1.83-.002-3.08-.107-4.032-.103-.923-.288-1.382-.529-1.703a3.2 3.2 0 0 0-.63-.63c-.32-.241-.78-.426-1.703-.529-.952-.105-2.201-.107-4.032-.107h-2.998c-1.83 0-3.08.002-4.032.107-.923.103-1.383.288-1.703.529a3.2 3.2 0 0 0-.63.63c-.241.32-.426.78-.529 1.703-.105.952-.107 2.201-.107 4.032s.002 3.081.107 4.033c.103.923.288 1.382.529 1.702q.27.361.63.631c.32.241.78.425 1.703.527.952.106 2.201.109 4.032.109v1.5l-1.266-.002c-2.57-.012-4.057-.101-5.13-.77l-.24-.165a4.7 4.7 0 0 1-.721-.672l-.207-.256c-.937-1.247-.937-3.044-.937-6.637 0-3.369 0-5.158.771-6.396l.166-.24c.198-.263.423-.506.671-.721l.257-.207c1.246-.937 3.043-.937 6.636-.937h2.998l1.266.002c2.768.013 4.28.115 5.37.935.351.264.664.577.928.928.937 1.246.937 3.043.937 6.636s0 5.39-.936 6.637l-.208.256a4.7 4.7 0 0 1-.721.672l-.24.165c-1.073.669-2.56.758-5.13.77l-1.266.002v-1.5c1.83 0 3.08-.003 4.032-.108.923-.103 1.383-.287 1.703-.528q.36-.271.63-.63c.241-.321.426-.78.529-1.703.105-.952.107-2.202.107-4.033"
|
|
45
45
|
},
|
|
46
46
|
{
|
|
47
|
-
d: "
|
|
48
|
-
sw: 1
|
|
47
|
+
d: "M8.732 8.8q.784 0 1.43.287l.156.072q.528.262.852.683a.66.66 0 0 1 .237.49c0 .15-.058.281-.167.384a.53.53 0 0 1-.384.158.73.73 0 0 1-.446-.168l-.021-.016-.016-.022a1.8 1.8 0 0 0-.665-.524 2.2 2.2 0 0 0-.967-.206q-.66.001-1.177.305v.001a2.1 2.1 0 0 0-.797.831 2.5 2.5 0 0 0-.291 1.219q0 .674.273 1.21.28.53.772.832l.126.068q.452.226 1.023.228.566 0 1.014-.237v-.001a1.9 1.9 0 0 0 .735-.662q.23-.346.318-.77H8.363a.54.54 0 0 1-.408-.173l-.006-.007a.58.58 0 0 1-.136-.38.54.54 0 0 1 .55-.552h3.042a.57.57 0 0 1 .429.168h.001l.006.005h-.001a.63.63 0 0 1 .162.45q-.001.08-.01.147v.001a3.45 3.45 0 0 1-.468 1.544l.001.001q-.414.722-1.151 1.162c-.496.297-1.064.442-1.695.442q-.976.001-1.758-.46a3.3 3.3 0 0 1-1.216-1.254l-.002-.002a3.7 3.7 0 0 1-.429-1.769q0-.966.44-1.762A3.25 3.25 0 0 1 6.939 9.26l.001-.001a3.5 3.5 0 0 1 1.792-.46m4.539.054q.233 0 .407.156c.133.112.188.27.188.44v5.67c0 .17-.055.327-.181.444l-.006.005a.656.656 0 0 1-.82.005l-.007-.005-.005-.006a.58.58 0 0 1-.182-.443V9.45c0-.17.056-.329.189-.441a.63.63 0 0 1 .417-.155m5.265.036c.155 0 .293.057.402.167s.167.247.167.402a.56.56 0 0 1-.166.402l-.007.006a.57.57 0 0 1-.396.152H16.1v1.714h2.032c.153 0 .287.061.39.173l-.002.001c.105.102.163.23.163.378a.556.556 0 0 1-.551.56H16.1v2.275c0 .17-.055.327-.182.444l-.006.005a.656.656 0 0 1-.82.005l-.006-.005-.006-.006a.58.58 0 0 1-.181-.443V9.513a.62.62 0 0 1 .167-.456l.005-.006.099-.073a.7.7 0 0 1 .351-.088z"
|
|
49
48
|
}
|
|
50
49
|
],
|
|
51
50
|
filled: [
|
|
52
51
|
{
|
|
53
|
-
d: "
|
|
52
|
+
d: "M14.995 3.5c3.303 0 4.954 0 5.98 1.025C22 5.551 22 7.203 22 10.505v2.992c0 3.302 0 4.954-1.025 5.98-1.026 1.025-2.678 1.026-5.98 1.026h-5.99c-3.302 0-4.954 0-5.98-1.026C2 18.45 2 16.799 2 13.497v-2.992c0-3.302 0-4.954 1.026-5.98C4.05 3.5 5.703 3.5 9.006 3.5zM8.508 8.85q-.981 0-1.767.452a3.2 3.2 0 0 0-1.208 1.245 3.5 3.5 0 0 0-.433 1.738q0 .953.423 1.745v.001q.435.782 1.199 1.236.768.454 1.732.453.938 0 1.67-.435.724-.433 1.132-1.143h.001q.414-.714.46-1.525a1 1 0 0 0 .01-.143.58.58 0 0 0-.152-.421.52.52 0 0 0-.394-.152H8.139a.5.5 0 0 0-.371.157h-.001a.5.5 0 0 0-.13.344q.002.197.126.348l.005.005a.5.5 0 0 0 .37.157h2.435q-.087.469-.335.848h-.001q-.284.434-.753.678h-.001a2.2 2.2 0 0 1-1.037.244q-.582-.001-1.045-.233l-.13-.07a2.16 2.16 0 0 1-.715-.719l-.075-.132a2.7 2.7 0 0 1-.28-1.234q0-.695.297-1.243t.817-.85a2.33 2.33 0 0 1 1.202-.313q.555.001.988.21.44.213.684.54l.011.016.016.012a.68.68 0 0 0 .416.158.48.48 0 0 0 .344-.14v.002l.004-.004.002-.001-.001-.001a.47.47 0 0 0 .152-.348.6.6 0 0 0-.223-.455q-.362-.473-.992-.744h.001a3.4 3.4 0 0 0-1.41-.283m4.538.053a.58.58 0 0 0-.385.144.5.5 0 0 0-.17.403v5.67c0 .159.05.3.165.406v.001l.01.007a.604.604 0 0 0 .756-.003l.005-.004a.53.53 0 0 0 .165-.407V9.45a.5.5 0 0 0-.17-.402.55.55 0 0 0-.376-.145m2.25.036a.6.6 0 0 0-.417.149l-.004.004a.58.58 0 0 0-.152.42v5.608c0 .159.051.3.165.406v.001l.01.008a.605.605 0 0 0 .757-.004l.004-.004a.54.54 0 0 0 .165-.407v-2.325h2.083a.507.507 0 0 0 .501-.51.47.47 0 0 0-.149-.345h.001a.47.47 0 0 0-.354-.156h-2.081V9.97h2.487a.52.52 0 0 0 .362-.139l.004-.004q.151-.152.152-.367a.5.5 0 0 0-.152-.367.5.5 0 0 0-.366-.153",
|
|
53
|
+
eo: true
|
|
54
54
|
}
|
|
55
55
|
]
|
|
56
56
|
},
|
|
57
57
|
32: {
|
|
58
58
|
outlined: [
|
|
59
59
|
{
|
|
60
|
-
d: "
|
|
60
|
+
d: "M18.332 25.671v2h-3.997v-2zm9.335-9.336c0-2.44-.003-4.107-.143-5.376-.137-1.231-.384-1.843-.705-2.271a4.267 4.267 0 0 0-.84-.84c-.427-.321-1.04-.568-2.271-.705-1.269-.14-2.935-.143-5.376-.143h-3.997c-2.44 0-4.107.003-5.376.143-1.231.137-1.844.384-2.271.705a4.267 4.267 0 0 0-.84.84c-.321.427-.568 1.04-.705 2.271-.14 1.269-.143 2.935-.143 5.376s.003 4.108.143 5.377c.137 1.231.384 1.843.705 2.269q.36.481.84.841c.427.321 1.04.567 2.271.703 1.269.141 2.935.145 5.376.145v2l-1.688-.003c-3.427-.016-5.409-.135-6.84-1.027l-.32-.22a6.267 6.267 0 0 1-.961-.896l-.276-.341c-1.249-1.663-1.249-4.059-1.249-8.849 0-4.492 0-6.877 1.028-8.528l.221-.32c.264-.351.564-.675.895-.961l.343-.276c1.661-1.249 4.057-1.249 8.848-1.249h3.997l1.688.003c3.691.017 5.707.153 7.16 1.247.468.352.885.769 1.237 1.237 1.249 1.661 1.249 4.057 1.249 8.848s0 7.187-1.248 8.849l-.277.341a6.267 6.267 0 0 1-.961.896l-.32.22c-1.431.892-3.413 1.011-6.84 1.027l-1.688.003v-2c2.44 0 4.107-.004 5.376-.144 1.231-.137 1.844-.383 2.271-.704q.48-.361.84-.84c.321-.428.568-1.04.705-2.271.14-1.269.143-2.936.143-5.377"
|
|
61
61
|
},
|
|
62
62
|
{
|
|
63
|
-
d: "
|
|
64
|
-
sw: 1.333
|
|
63
|
+
d: "M11.643 11.733q1.045 0 1.907.383l.208.096q.704.349 1.136.911a.88.88 0 0 1 .316.653c0 .2-.077.375-.223.512a.707.707 0 0 1-.512.211.973.973 0 0 1-.595-.224l-.028-.021-.021-.029a2.4 2.4 0 0 0-.887-.699 2.933 2.933 0 0 0-1.289-.275q-.88.001-1.569.407v.001a2.8 2.8 0 0 0-1.063 1.108 3.333 3.333 0 0 0-.388 1.625q0 .899.364 1.613.373.707 1.029 1.109l.168.091q.603.301 1.364.304.755 0 1.352-.316v-.001a2.533 2.533 0 0 0 .98-.883q.307-.461.424-1.027H11.151a.72.72 0 0 1-.544-.231l-.008-.009a.773.773 0 0 1-.181-.507.72.72 0 0 1 .733-.736h4.056a.76.76 0 0 1 .572.224h.001l.008.007h-.001a.84.84 0 0 1 .216.6q-.001.107-.013.196v.001a4.6 4.6 0 0 1-.624 2.059l.001.001q-.552.963-1.535 1.549c-.661.396-1.419.589-2.26.589q-1.301.001-2.344-.613a4.4 4.4 0 0 1-1.621-1.672l-.003-.003a4.933 4.933 0 0 1-.572-2.359q0-1.288.587-2.349A4.333 4.333 0 0 1 9.252 12.347l.001-.001a4.667 4.667 0 0 1 2.389-.613m6.052.072q.311 0 .543.208c.177.149.251.36.251.587v7.56c0 .227-.073.436-.241.592l-.008.007a.875.875 0 0 1-1.093.007l-.009-.007-.007-.008a.773.773 0 0 1-.243-.591V12.6c0-.227.075-.439.252-.588a.84.84 0 0 1 .556-.207m7.02.048c.207 0 .391.076.536.223s.223.329.223.536a.747.747 0 0 1-.221.536l-.009.008a.76.76 0 0 1-.528.203H21.467v2.285h2.709c.204 0 .383.081.52.231l-.003.001c.14.136.217.307.217.504a.741.741 0 0 1-.735.747H21.467v3.033c0 .227-.073.436-.243.592l-.008.007a.875.875 0 0 1-1.093.007l-.008-.007-.008-.008a.773.773 0 0 1-.241-.591V12.684a.827.827 0 0 1 .223-.608l.007-.008.132-.097a.933.933 0 0 1 .468-.117z"
|
|
65
64
|
}
|
|
66
65
|
],
|
|
67
66
|
filled: [
|
|
68
67
|
{
|
|
69
|
-
d: "
|
|
68
|
+
d: "M19.993 4.667c4.404 0 6.605 0 7.973 1.367C29.333 7.401 29.333 9.604 29.333 14.007v3.989c0 4.403 0 6.605-1.367 7.973-1.368 1.367-3.571 1.368-7.973 1.368h-7.987c-4.403 0-6.605 0-7.973-1.368C2.667 24.6 2.667 22.399 2.667 17.996v-3.989c0-4.403 0-6.605 1.368-7.973C5.4 4.667 7.604 4.667 12.008 4.667zM11.344 11.8q-1.308 0-2.356 0.603a4.267 4.267 0 0 0-1.611 1.66 4.667 4.667 0 0 0-0.577 2.317q0 1.271 0.564 2.327v0.001q0.58 1.043 1.599 1.648 1.024 0.605 2.309 0.604 1.251 0 2.227-0.58 0.965-0.577 1.509-1.524h0.001q0.552-0.952 0.613-2.033a1.333 1.333 0 0 0 0.013-0.191 0.773 0.773 0 0 0-0.203-0.561 0.693 0.693 0 0 0-0.525-0.203H10.852a0.667 0.667 0 0 0-0.495 0.209h-0.001a0.667 0.667 0 0 0-0.173 0.459q0.003 0.263 0.168 0.464l0.007 0.007a0.667 0.667 0 0 0 0.493 0.209h3.247q-0.116 0.625-0.447 1.131h-0.001q-0.379 0.579-1.004 0.904h-0.001a2.933 2.933 0 0 1-1.383 0.325q-0.776-0.001-1.393-0.311l-0.173-0.093a2.88 2.88 0 0 1-0.953-0.959l-0.1-0.176a3.6 3.6 0 0 1-0.373-1.645q0-0.927 0.396-1.657t1.089-1.133a3.107 3.107 0 0 1 1.603-0.417q0.74 0.001 1.317 0.28 0.587 0.284 0.912 0.72l0.015 0.021 0.021 0.016a0.907 0.907 0 0 0 0.555 0.211 0.64 0.64 0 0 0 0.459-0.187v0.003l0.005-0.005 0.003-0.001-0.001-0.001a0.627 0.627 0 0 0 0.203-0.464 0.8 0.8 0 0 0-0.297-0.607q-0.483-0.631-1.323-0.992h0.001a4.533 4.533 0 0 0-1.88-0.377m6.051 0.071a0.773 0.773 0 0 0-0.513 0.192 0.667 0.667 0 0 0-0.227 0.537v7.56c0 0.212 0.067 0.4 0.22 0.541v0.001l0.013 0.009a0.805 0.805 0 0 0 1.008-0.004l0.007-0.005a0.707 0.707 0 0 0 0.22-0.543V12.6a0.667 0.667 0 0 0-0.227-0.536 0.733 0.733 0 0 0-0.501-0.193m3 0.048a0.8 0.8 0 0 0-0.556 0.199l-0.005 0.005a0.773 0.773 0 0 0-0.203 0.56v7.477c0 0.212 0.068 0.4 0.22 0.541v0.001l0.013 0.011a0.807 0.807 0 0 0 1.009-0.005l0.005-0.005a0.72 0.72 0 0 0 0.22-0.543v-3.1h2.777a0.676 0.676 0 0 0 0.668-0.68 0.627 0.627 0 0 0-0.199-0.46h0.001a0.627 0.627 0 0 0-0.472-0.208h-2.775V13.293h3.316a0.693 0.693 0 0 0 0.483-0.185l0.005-0.005q0.201-0.203 0.203-0.489a0.667 0.667 0 0 0-0.203-0.489 0.667 0.667 0 0 0-0.488-0.204",
|
|
69
|
+
eo: true
|
|
70
70
|
}
|
|
71
71
|
]
|
|
72
72
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GifIcon.cjs","sources":["../../../../src/components/Icons/GifIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n 16: {\n outlined: [\n {\n d: \"M12.358 5.992v.527h-1.854v1.35h1.701v.515h-1.7v1.848h-.55v-4.24zm-3.208 0v4.24H8.6v-4.24zm-3.418-.058q.495 0 .926.199h-.001q.435.193.732.539.3.347.39.793l.018.08h-.562l-.013-.049a1.26 1.26 0 0 0-.536-.737 1.6 1.6 0 0 0-.948-.287 1.6 1.6 0 0 0-.823.214q-.36.206-.562.578-.203.37-.203.848 0 .484.197.86l.11.175q.182.248.452.403h-.001q.365.208.83.209.397 0 .723-.153a1.4 1.4 0 0 0 .532-.425q.188-.25.257-.562H5.506v-.521h2.341l-.002.068a2.3 2.3 0 0 1-.224.977l-.066.123q-.272.483-.746.757a2.1 2.1 0 0 1-1.071.274q-.538 0-.978-.214l-.124-.065a2.06 2.06 0 0 1-.763-.783h-.001A2.3 2.3 0 0 1 3.6 8.112q0-.614.272-1.112.279-.503.764-.782.493-.284 1.096-.284\",\n },\n {\n d: \"M2.667 3.667h10.666a1 1 0 0 1 1 1v6.666a1 1 0 0 1-1 1H2.667a1 1 0 0 1-1-1V4.667a1 1 0 0 1 1-1z\",\n sw: 0.667,\n },\n ],\n filled: [\n {\n d: \"M13.333 3.333c.737 0 1.333.597 1.333 1.333v6.667c0 .737-.596 1.333-1.333 1.333H2.666a1.333 1.333 0 0 1-1.333-1.333V4.666c0-.736.597-1.332 1.333-1.333zM5.732 5.867q-.62 0-1.13.293-.438.254-.713.682l-.075.126a2.34 2.34 0 0 0-.28 1.144q-.002.636.279 1.155h.002q.287.514.787.808h.002q.503.29 1.134.289.613 0 1.104-.283.49-.283.772-.784.286-.501.298-1.13l.003-.135H5.44v.654h1.726a1.4 1.4 0 0 1-.226.454q-.196.26-.508.405a1.6 1.6 0 0 1-.694.147q-.449-.001-.796-.2H4.94a1.4 1.4 0 0 1-.534-.55 1.8 1.8 0 0 1-.19-.83q0-.463.195-.817.193-.354.536-.552.348-.205.79-.205.518 0 .909.275l.002.002q.394.267.509.698l.026.099h.694l-.033-.16a1.8 1.8 0 0 0-.405-.823 2.1 2.1 0 0 0-.757-.557 2.2 2.2 0 0 0-.951-.205m2.802 4.432h.683V5.925h-.683zm1.353 0h.684V8.451h1.7v-.648h-1.7V6.585h1.853v-.66H9.887zm-3.89-.084-.03.003zm-.62-.012-.057-.01zm.864-.03-.038.008zm-1.109-.022-.055-.017zm1.342-.047-.046.017zm-1.58-.033-.043-.02zm2.151-.85h.001q-.108.143-.248.255.138-.112.247-.255M3.678 7.872l.002-.028zm.035-.242.01-.042zm.331-.778.029-.042zm.15-.19.03-.033zm.164-.163.047-.039zm1.493-.496q.033.002.064.006L5.732 6z\",\n },\n ],\n },\n 24: {\n outlined: [\n {\n d: \"M18.537 8.988v.79h-2.781v2.026h2.552v.772h-2.552v2.772h-.824v-6.36zm-4.812 0v6.36H12.9v-6.36zM8.598 8.9q.741 0 1.386.3l.16.075q.55.278.941.734a2.6 2.6 0 0 1 .585 1.188l.024.12h-.842l-.019-.074a1.9 1.9 0 0 0-.804-1.104l-.002-.001a2.4 2.4 0 0 0-1.42-.431 2.4 2.4 0 0 0-1.235.321q-.54.311-.843.867-.304.556-.304 1.273.001.726.296 1.291.304.555.842.866a2.47 2.47 0 0 0 1.243.313q.597 0 1.084-.229.49-.228.8-.639.283-.374.388-.842H8.26v-.78h3.51l-.001.101a3.4 3.4 0 0 1-.436 1.647l.001.002a2.97 2.97 0 0 1-1.12 1.137 3.16 3.16 0 0 1-1.608.41q-.922 0-1.65-.419h-.002a3.1 3.1 0 0 1-1.145-1.172l-.001-.002a3.5 3.5 0 0 1-.408-1.684q0-.921.409-1.667V10.5a3 3 0 0 1 1.146-1.173A3.2 3.2 0 0 1 8.598 8.9\",\n },\n {\n d: \"M4 5.5h16A1.5 1.5 0 0 1 21.5 7v10a1.5 1.5 0 0 1-1.5 1.5H4A1.5 1.5 0 0 1 2.5 17V7A1.5 1.5 0 0 1 4 5.5z\",\n sw: 1,\n },\n ],\n filled: [\n {\n d: \"M20 5a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zM8.598 8.8q-.931 0-1.694.44a3.1 3.1 0 0 0-1.07 1.023l-.113.19a3.5 3.5 0 0 0-.421 1.715c0 .634.138 1.214.42 1.732l.002.002q.43.769 1.181 1.21l.002.001q.756.434 1.701.432a3.26 3.26 0 0 0 1.658-.423q.734-.425 1.156-1.176a3.5 3.5 0 0 0 .45-1.695l.003-.204H8.16v.981h2.589q-.106.375-.34.682-.294.39-.76.608-.467.219-1.043.22a2.37 2.37 0 0 1-1.194-.3 2.1 2.1 0 0 1-.802-.825 2.65 2.65 0 0 1-.285-1.245q.001-.693.292-1.225.29-.532.805-.828a2.3 2.3 0 0 1 1.184-.307c.52 0 .972.138 1.365.412l.002.002c.396.268.647.616.763 1.048l.04.148h1.041l-.05-.24a2.7 2.7 0 0 0-.607-1.235 3.2 3.2 0 0 0-1.136-.836A3.4 3.4 0 0 0 8.598 8.8m4.202 6.648h1.025v-6.56H12.8zm2.031 0h1.025v-2.772h2.552v-.972h-2.552V9.878h2.78v-.99h-3.805zm-5.826-.126q-.058.007-.115.01zm.19-.027-.1.015zm-.436-.562v.001m-2.164-.969.031.04-.02-.024zm-1.092-1.717.002-.08zm.013-.216.005-.075zm.022-.195.01-.075zm5.266-.762.07.168a2 2 0 0 0-.107-.238zm-4.763-.562.064-.09zm.14-.189.04-.05zm.211-.238q.046-.048.096-.095-.05.046-.096.095m3.257-.713.051.018zm-.292-.085.043.01zm-.312-.057.056.007zm-3.321 1.886\",\n },\n ],\n },\n 32: {\n outlined: [\n {\n d: \"M24.715 11.984v1.053h-3.707v2.701h3.403v1.03h-3.403v3.696h-1.1v-8.48zm-6.415 0v8.48h-1.1v-8.48zm-6.837-.118q.989 0 1.85.4l.212.101a4.1 4.1 0 0 1 1.254.978q.598.693.78 1.585l.034.16H14.47l-.027-.099q-.243-.912-1.072-1.472v-.001q-.821-.575-1.896-.575-.918 0-1.646.427v.001a2.93 2.93 0 0 0-1.124 1.157q-.405.741-.405 1.696.001.969.395 1.721.404.742 1.121 1.156l.186.096q.66.319 1.473.32.794 0 1.446-.304a2.8 2.8 0 0 0 1.064-.852l.102-.142q.297-.444.416-.982h-3.49v-1.04h4.681l-.003.135q-.025 1.226-.58 2.197v.001a3.96 3.96 0 0 1-1.493 1.517q-.95.547-2.143.546-1.23 0-2.203-.558a4.1 4.1 0 0 1-1.527-1.563v-.002q-.546-1.006-.546-2.246 0-1.228.545-2.223V14a4 4 0 0 1 1.528-1.565 4.3 4.3 0 0 1 2.19-.569\",\n },\n {\n d: \"M5.333 7.333h21.333a2 2 0 0 1 2 2v13.334a2 2 0 0 1-2 2H5.333a2 2 0 0 1-2-2V9.333a2 2 0 0 1 2-2z\",\n sw: 1.333,\n },\n ],\n filled: [\n {\n d: \"M26.667 6.667a2.667 2.667 0 0 1 2.667 2.667v13.333a2.667 2.667 0 0 1-2.667 2.667H5.334a2.667 2.667 0 0 1-2.667-2.667V9.334a2.667 2.667 0 0 1 2.667-2.667zm-15.203 5.066q-1.24-.001-2.258.587a4.1 4.1 0 0 0-1.428 1.363l-.15.253c-.376.684-.562 1.45-.562 2.288q-.001 1.27.56 2.31l.003.003a4.25 4.25 0 0 0 1.575 1.613l.003.001c.67.386 1.43.575 2.269.575q1.225.001 2.209-.563a4.1 4.1 0 0 0 1.542-1.568q.574-1.003.598-2.26l.006-.273H10.88v1.309h3.452a2.7 2.7 0 0 1-.453.909 2.65 2.65 0 0 1-1.015.811 3.25 3.25 0 0 1-1.388.293 3.16 3.16 0 0 1-1.593-.4h-.001a2.8 2.8 0 0 1-1.069-1.1q-.378-.719-.38-1.66.001-.925.39-1.633.387-.709 1.073-1.104l.001-.001q.696-.408 1.579-.41c.692 0 1.295.185 1.818.55l.003.003c.528.357.864.821 1.018 1.397l.053.198h1.389l-.067-.32a3.6 3.6 0 0 0-.81-1.646 4.24 4.24 0 0 0-1.514-1.115 4.5 4.5 0 0 0-1.902-.41m5.602 8.864h1.368V11.85h-1.368zm2.71 0h1.367v-3.696h3.402v-1.296h-3.402v-2.434h3.707v-1.32h-5.075zm-2.442-.266v-8.214zm-3.782-.399-.233.124a4 4 0 0 1 .233-.125zm.828-1.954a2.9 2.9 0 0 1-1.403 1.355 3 3 0 0 1 .166-.083q.568-.306.948-.809.167-.22.29-.463m-5.618.327-.075-.109.075.11M7.378 15.56l.026-.174q-.014.087-.025.174m.547-1.599q.037-.065.076-.127zm.116-.187q.045-.07.094-.138-.049.068-.094.138m.167-.233q.044-.06.092-.117-.047.056-.092.117m.685-.69q.105-.084.218-.158l.087-.055a4 4 0 0 0-.305.212m15.69.053h-3.707v-.001zm-13.106-.095v.001m1.377-.585q.207.07.406.162v.001a4 4 0 0 0-.405-.163m-.385-.111.08.021zm-.222-.044.088.016zm-.217-.033.11.014zM8.854 18.43q-.03-.037-.058-.076zm-.151-5.423\",\n },\n ],\n },\n};\n\n/** Props for {@link GifIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type GifIconProps = BaseIconProps;\n\n/**\n * Gif icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.\n *\n * @example\n * ```tsx\n * <GifIcon size={24} filled />\n * ```\n */\nexport const GifIcon = React.forwardRef<SVGSVGElement, GifIconProps>((props, ref) => (\n <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nGifIcon.displayName = \"GifIcon\";\n"],"names":["React","jsx","BaseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,EACF;AAEJ;AAaO,MAAM,UAAUA,iBAAM,WAAwC,CAAC,OAAO,QAC3EC,2BAAAA,IAACC,SAAAA,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,QAAQ,cAAc;;"}
|
|
1
|
+
{"version":3,"file":"GifIcon.cjs","sources":["../../../../src/components/Icons/GifIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { BaseIcon } from \"./BaseIcon\";\nimport type { BaseIconProps, IconVariants } from \"./types\";\n\nconst VARIANTS: IconVariants = {\n 16: {\n outlined: [\n {\n d: \"M9.166 12.835v1h-1.999v-1zm4.667-4.668c0-1.22-.001-2.053-.071-2.688-.069-.615-.192-.921-.353-1.135a2.133 2.133 0 0 0-.42-.42c-.213-.161-.52-.284-1.135-.353-.635-.07-1.467-.071-2.688-.071h-1.999c-1.22 0-2.053.001-2.688.071-.615.069-.922.192-1.135.353a2.133 2.133 0 0 0-.42.42c-.161.213-.284.52-.353 1.135-.07.635-.071 1.467-.071 2.688s.001 2.054.071 2.689c.069.615.192.921.353 1.135q.18.241.42.421c.213.161.52.283 1.135.351.635.071 1.467.073 2.688.073v1l-.844-.001c-1.713-.008-2.705-.067-3.42-.513l-.16-.11a3.133 3.133 0 0 1-.481-.448l-.138-.171c-.625-.831-.625-2.029-.625-4.425 0-2.246 0-3.439.514-4.264l.111-.16c.132-.175.282-.337.447-.481l.171-.138c.831-.625 2.029-.625 4.424-.625h1.999l.844.001c1.845.009 2.853.077 3.58.623.234.176.443.385.619.619.625.831.625 2.029.625 4.424s0 3.593-.624 4.425l-.139.171a3.133 3.133 0 0 1-.481.448l-.16.11c-.715.446-1.707.505-3.42.513l-.844.001v-1c1.22 0 2.053-.002 2.688-.072.615-.069.922-.191 1.135-.352q.24-.181.42-.42c.161-.214.284-.52.353-1.135.07-.635.071-1.468.071-2.689\",\n },\n {\n d: \"M5.821 5.867q.523 0 .953.191l.104.048q.352.175.568.455a.44.44 0 0 1 .158.327c0 .1-.039.187-.111.256a.353.353 0 0 1-.256.105.487.487 0 0 1-.297-.112l-.014-.011-.011-.015a1.2 1.2 0 0 0-.443-.349 1.467 1.467 0 0 0-.645-.137q-.44.001-.785.203v.001a1.4 1.4 0 0 0-.531.554 1.667 1.667 0 0 0-.194.813q0 .449.182.807.187.353.515.555l.084.045q.301.151.682.152.377 0 .676-.158v-.001a1.267 1.267 0 0 0 .49-.441q.153-.231.212-.513H5.575a.36.36 0 0 1-.272-.115l-.004-.005a.387.387 0 0 1-.091-.253.36.36 0 0 1 .367-.368h2.028a.38.38 0 0 1 .286.112h.001l.004.003h-.001a.42.42 0 0 1 .108.3q-.001.053-.007.098v.001a2.3 2.3 0 0 1-.312 1.029l.001.001q-.276.481-.767.775c-.331.198-.709.295-1.13.295q-.651.001-1.172-.307a2.2 2.2 0 0 1-.811-.836l-.001-.001a2.467 2.467 0 0 1-.286-1.179q0-.644.293-1.175A2.167 2.167 0 0 1 4.626 6.173l.001-.001a2.333 2.333 0 0 1 1.195-.307m3.026.036q.155 0 .271.104c.089.075.125.18.125.293v3.78c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.005-.003-.003-.004a.387.387 0 0 1-.121-.295V6.3c0-.113.037-.219.126-.294a.42.42 0 0 1 .278-.103m3.51.024c.103 0 .195.038.268.111s.111.165.111.268a.373.373 0 0 1-.111.268l-.005.004a.38.38 0 0 1-.264.101H10.733v1.143h1.355c.102 0 .191.041.26.115l-.001.001c.07.068.109.153.109.252a.371.371 0 0 1-.367.373H10.733v1.517c0 .113-.037.218-.121.296l-.004.003a.437.437 0 0 1-.547.003l-.004-.003-.004-.004a.387.387 0 0 1-.121-.295V6.342a.413.413 0 0 1 .111-.304l.003-.004.066-.049a.467.467 0 0 1 .234-.059z\",\n },\n ],\n filled: [\n {\n d: \"M9.997 2.333c2.202 0 3.303 0 3.987 0.683C14.667 3.701 14.667 4.802 14.667 7.003v1.995c0 2.201 0 3.303-0.683 3.987-0.684 0.683-1.785 0.684-3.987 0.684h-3.993c-2.201 0-3.303 0-3.987-0.684C1.333 12.3 1.333 11.199 1.333 8.998v-1.995c0-2.201 0-3.303 0.684-3.987C2.7 2.333 3.802 2.333 6.004 2.333zM5.672 5.9q-0.654 0-1.178 0.301a2.133 2.133 0 0 0-0.805 0.83 2.333 2.333 0 0 0-0.289 1.159q0 0.635 0.282 1.163v0.001q0.29 0.521 0.799 0.824 0.512 0.303 1.155 0.302 0.625 0 1.113-0.29 0.483-0.289 0.755-0.762h0.001q0.276-0.476 0.307-1.017a0.667 0.667 0 0 0 0.007-0.095 0.387 0.387 0 0 0-0.101-0.281 0.347 0.347 0 0 0-0.263-0.101H5.426a0.333 0.333 0 0 0-0.247 0.105h-0.001a0.333 0.333 0 0 0-0.087 0.229q0.001 0.131 0.084 0.232l0.003 0.003a0.333 0.333 0 0 0 0.247 0.105h1.623q-0.058 0.313-0.223 0.565h-0.001q-0.189 0.289-0.502 0.452h-0.001a1.467 1.467 0 0 1-0.691 0.163q-0.388-0.001-0.697-0.155l-0.087-0.047a1.44 1.44 0 0 1-0.477-0.479l-0.05-0.088a1.8 1.8 0 0 1-0.187-0.823q0-0.463 0.198-0.829t0.545-0.567a1.553 1.553 0 0 1 0.801-0.209q0.37 0.001 0.659 0.14 0.293 0.142 0.456 0.36l0.007 0.011 0.011 0.008a0.453 0.453 0 0 0 0.277 0.105 0.32 0.32 0 0 0 0.229-0.093v0.001l0.003-0.003 0.001-0.001-0.001-0.001a0.313 0.313 0 0 0 0.101-0.232 0.4 0.4 0 0 0-0.149-0.303q-0.241-0.315-0.661-0.496h0.001a2.267 2.267 0 0 0-0.94-0.189m3.025 0.035a0.387 0.387 0 0 0-0.257 0.096 0.333 0.333 0 0 0-0.113 0.269v3.78c0 0.106 0.033 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.504-0.002l0.003-0.003a0.353 0.353 0 0 0 0.11-0.271V6.3a0.333 0.333 0 0 0-0.113-0.268 0.367 0.367 0 0 0-0.251-0.097m1.5 0.024a0.4 0.4 0 0 0-0.278 0.099l-0.003 0.003a0.387 0.387 0 0 0-0.101 0.28v3.739c0 0.106 0.034 0.2 0.11 0.271v0.001l0.007 0.005a0.403 0.403 0 0 0 0.505-0.003l0.003-0.003a0.36 0.36 0 0 0 0.11-0.271v-1.55h1.389a0.338 0.338 0 0 0 0.334-0.34 0.313 0.313 0 0 0-0.099-0.23h0.001a0.313 0.313 0 0 0-0.236-0.104h-1.387V6.647h1.658a0.347 0.347 0 0 0 0.241-0.093l0.003-0.003q0.101-0.101 0.101-0.245a0.333 0.333 0 0 0-0.101-0.245 0.333 0.333 0 0 0-0.244-0.102\",\n eo: true,\n },\n ],\n },\n 24: {\n outlined: [\n {\n d: \"M13.749 19.253v1.5h-2.998v-1.5zm7.001-7.002c0-1.83-.002-3.08-.107-4.032-.103-.923-.288-1.382-.529-1.703a3.2 3.2 0 0 0-.63-.63c-.32-.241-.78-.426-1.703-.529-.952-.105-2.201-.107-4.032-.107h-2.998c-1.83 0-3.08.002-4.032.107-.923.103-1.383.288-1.703.529a3.2 3.2 0 0 0-.63.63c-.241.32-.426.78-.529 1.703-.105.952-.107 2.201-.107 4.032s.002 3.081.107 4.033c.103.923.288 1.382.529 1.702q.27.361.63.631c.32.241.78.425 1.703.527.952.106 2.201.109 4.032.109v1.5l-1.266-.002c-2.57-.012-4.057-.101-5.13-.77l-.24-.165a4.7 4.7 0 0 1-.721-.672l-.207-.256c-.937-1.247-.937-3.044-.937-6.637 0-3.369 0-5.158.771-6.396l.166-.24c.198-.263.423-.506.671-.721l.257-.207c1.246-.937 3.043-.937 6.636-.937h2.998l1.266.002c2.768.013 4.28.115 5.37.935.351.264.664.577.928.928.937 1.246.937 3.043.937 6.636s0 5.39-.936 6.637l-.208.256a4.7 4.7 0 0 1-.721.672l-.24.165c-1.073.669-2.56.758-5.13.77l-1.266.002v-1.5c1.83 0 3.08-.003 4.032-.108.923-.103 1.383-.287 1.703-.528q.36-.271.63-.63c.241-.321.426-.78.529-1.703.105-.952.107-2.202.107-4.033\",\n },\n {\n d: \"M8.732 8.8q.784 0 1.43.287l.156.072q.528.262.852.683a.66.66 0 0 1 .237.49c0 .15-.058.281-.167.384a.53.53 0 0 1-.384.158.73.73 0 0 1-.446-.168l-.021-.016-.016-.022a1.8 1.8 0 0 0-.665-.524 2.2 2.2 0 0 0-.967-.206q-.66.001-1.177.305v.001a2.1 2.1 0 0 0-.797.831 2.5 2.5 0 0 0-.291 1.219q0 .674.273 1.21.28.53.772.832l.126.068q.452.226 1.023.228.566 0 1.014-.237v-.001a1.9 1.9 0 0 0 .735-.662q.23-.346.318-.77H8.363a.54.54 0 0 1-.408-.173l-.006-.007a.58.58 0 0 1-.136-.38.54.54 0 0 1 .55-.552h3.042a.57.57 0 0 1 .429.168h.001l.006.005h-.001a.63.63 0 0 1 .162.45q-.001.08-.01.147v.001a3.45 3.45 0 0 1-.468 1.544l.001.001q-.414.722-1.151 1.162c-.496.297-1.064.442-1.695.442q-.976.001-1.758-.46a3.3 3.3 0 0 1-1.216-1.254l-.002-.002a3.7 3.7 0 0 1-.429-1.769q0-.966.44-1.762A3.25 3.25 0 0 1 6.939 9.26l.001-.001a3.5 3.5 0 0 1 1.792-.46m4.539.054q.233 0 .407.156c.133.112.188.27.188.44v5.67c0 .17-.055.327-.181.444l-.006.005a.656.656 0 0 1-.82.005l-.007-.005-.005-.006a.58.58 0 0 1-.182-.443V9.45c0-.17.056-.329.189-.441a.63.63 0 0 1 .417-.155m5.265.036c.155 0 .293.057.402.167s.167.247.167.402a.56.56 0 0 1-.166.402l-.007.006a.57.57 0 0 1-.396.152H16.1v1.714h2.032c.153 0 .287.061.39.173l-.002.001c.105.102.163.23.163.378a.556.556 0 0 1-.551.56H16.1v2.275c0 .17-.055.327-.182.444l-.006.005a.656.656 0 0 1-.82.005l-.006-.005-.006-.006a.58.58 0 0 1-.181-.443V9.513a.62.62 0 0 1 .167-.456l.005-.006.099-.073a.7.7 0 0 1 .351-.088z\",\n },\n ],\n filled: [\n {\n d: \"M14.995 3.5c3.303 0 4.954 0 5.98 1.025C22 5.551 22 7.203 22 10.505v2.992c0 3.302 0 4.954-1.025 5.98-1.026 1.025-2.678 1.026-5.98 1.026h-5.99c-3.302 0-4.954 0-5.98-1.026C2 18.45 2 16.799 2 13.497v-2.992c0-3.302 0-4.954 1.026-5.98C4.05 3.5 5.703 3.5 9.006 3.5zM8.508 8.85q-.981 0-1.767.452a3.2 3.2 0 0 0-1.208 1.245 3.5 3.5 0 0 0-.433 1.738q0 .953.423 1.745v.001q.435.782 1.199 1.236.768.454 1.732.453.938 0 1.67-.435.724-.433 1.132-1.143h.001q.414-.714.46-1.525a1 1 0 0 0 .01-.143.58.58 0 0 0-.152-.421.52.52 0 0 0-.394-.152H8.139a.5.5 0 0 0-.371.157h-.001a.5.5 0 0 0-.13.344q.002.197.126.348l.005.005a.5.5 0 0 0 .37.157h2.435q-.087.469-.335.848h-.001q-.284.434-.753.678h-.001a2.2 2.2 0 0 1-1.037.244q-.582-.001-1.045-.233l-.13-.07a2.16 2.16 0 0 1-.715-.719l-.075-.132a2.7 2.7 0 0 1-.28-1.234q0-.695.297-1.243t.817-.85a2.33 2.33 0 0 1 1.202-.313q.555.001.988.21.44.213.684.54l.011.016.016.012a.68.68 0 0 0 .416.158.48.48 0 0 0 .344-.14v.002l.004-.004.002-.001-.001-.001a.47.47 0 0 0 .152-.348.6.6 0 0 0-.223-.455q-.362-.473-.992-.744h.001a3.4 3.4 0 0 0-1.41-.283m4.538.053a.58.58 0 0 0-.385.144.5.5 0 0 0-.17.403v5.67c0 .159.05.3.165.406v.001l.01.007a.604.604 0 0 0 .756-.003l.005-.004a.53.53 0 0 0 .165-.407V9.45a.5.5 0 0 0-.17-.402.55.55 0 0 0-.376-.145m2.25.036a.6.6 0 0 0-.417.149l-.004.004a.58.58 0 0 0-.152.42v5.608c0 .159.051.3.165.406v.001l.01.008a.605.605 0 0 0 .757-.004l.004-.004a.54.54 0 0 0 .165-.407v-2.325h2.083a.507.507 0 0 0 .501-.51.47.47 0 0 0-.149-.345h.001a.47.47 0 0 0-.354-.156h-2.081V9.97h2.487a.52.52 0 0 0 .362-.139l.004-.004q.151-.152.152-.367a.5.5 0 0 0-.152-.367.5.5 0 0 0-.366-.153\",\n eo: true,\n },\n ],\n },\n 32: {\n outlined: [\n {\n d: \"M18.332 25.671v2h-3.997v-2zm9.335-9.336c0-2.44-.003-4.107-.143-5.376-.137-1.231-.384-1.843-.705-2.271a4.267 4.267 0 0 0-.84-.84c-.427-.321-1.04-.568-2.271-.705-1.269-.14-2.935-.143-5.376-.143h-3.997c-2.44 0-4.107.003-5.376.143-1.231.137-1.844.384-2.271.705a4.267 4.267 0 0 0-.84.84c-.321.427-.568 1.04-.705 2.271-.14 1.269-.143 2.935-.143 5.376s.003 4.108.143 5.377c.137 1.231.384 1.843.705 2.269q.36.481.84.841c.427.321 1.04.567 2.271.703 1.269.141 2.935.145 5.376.145v2l-1.688-.003c-3.427-.016-5.409-.135-6.84-1.027l-.32-.22a6.267 6.267 0 0 1-.961-.896l-.276-.341c-1.249-1.663-1.249-4.059-1.249-8.849 0-4.492 0-6.877 1.028-8.528l.221-.32c.264-.351.564-.675.895-.961l.343-.276c1.661-1.249 4.057-1.249 8.848-1.249h3.997l1.688.003c3.691.017 5.707.153 7.16 1.247.468.352.885.769 1.237 1.237 1.249 1.661 1.249 4.057 1.249 8.848s0 7.187-1.248 8.849l-.277.341a6.267 6.267 0 0 1-.961.896l-.32.22c-1.431.892-3.413 1.011-6.84 1.027l-1.688.003v-2c2.44 0 4.107-.004 5.376-.144 1.231-.137 1.844-.383 2.271-.704q.48-.361.84-.84c.321-.428.568-1.04.705-2.271.14-1.269.143-2.936.143-5.377\",\n },\n {\n d: \"M11.643 11.733q1.045 0 1.907.383l.208.096q.704.349 1.136.911a.88.88 0 0 1 .316.653c0 .2-.077.375-.223.512a.707.707 0 0 1-.512.211.973.973 0 0 1-.595-.224l-.028-.021-.021-.029a2.4 2.4 0 0 0-.887-.699 2.933 2.933 0 0 0-1.289-.275q-.88.001-1.569.407v.001a2.8 2.8 0 0 0-1.063 1.108 3.333 3.333 0 0 0-.388 1.625q0 .899.364 1.613.373.707 1.029 1.109l.168.091q.603.301 1.364.304.755 0 1.352-.316v-.001a2.533 2.533 0 0 0 .98-.883q.307-.461.424-1.027H11.151a.72.72 0 0 1-.544-.231l-.008-.009a.773.773 0 0 1-.181-.507.72.72 0 0 1 .733-.736h4.056a.76.76 0 0 1 .572.224h.001l.008.007h-.001a.84.84 0 0 1 .216.6q-.001.107-.013.196v.001a4.6 4.6 0 0 1-.624 2.059l.001.001q-.552.963-1.535 1.549c-.661.396-1.419.589-2.26.589q-1.301.001-2.344-.613a4.4 4.4 0 0 1-1.621-1.672l-.003-.003a4.933 4.933 0 0 1-.572-2.359q0-1.288.587-2.349A4.333 4.333 0 0 1 9.252 12.347l.001-.001a4.667 4.667 0 0 1 2.389-.613m6.052.072q.311 0 .543.208c.177.149.251.36.251.587v7.56c0 .227-.073.436-.241.592l-.008.007a.875.875 0 0 1-1.093.007l-.009-.007-.007-.008a.773.773 0 0 1-.243-.591V12.6c0-.227.075-.439.252-.588a.84.84 0 0 1 .556-.207m7.02.048c.207 0 .391.076.536.223s.223.329.223.536a.747.747 0 0 1-.221.536l-.009.008a.76.76 0 0 1-.528.203H21.467v2.285h2.709c.204 0 .383.081.52.231l-.003.001c.14.136.217.307.217.504a.741.741 0 0 1-.735.747H21.467v3.033c0 .227-.073.436-.243.592l-.008.007a.875.875 0 0 1-1.093.007l-.008-.007-.008-.008a.773.773 0 0 1-.241-.591V12.684a.827.827 0 0 1 .223-.608l.007-.008.132-.097a.933.933 0 0 1 .468-.117z\",\n },\n ],\n filled: [\n {\n d: \"M19.993 4.667c4.404 0 6.605 0 7.973 1.367C29.333 7.401 29.333 9.604 29.333 14.007v3.989c0 4.403 0 6.605-1.367 7.973-1.368 1.367-3.571 1.368-7.973 1.368h-7.987c-4.403 0-6.605 0-7.973-1.368C2.667 24.6 2.667 22.399 2.667 17.996v-3.989c0-4.403 0-6.605 1.368-7.973C5.4 4.667 7.604 4.667 12.008 4.667zM11.344 11.8q-1.308 0-2.356 0.603a4.267 4.267 0 0 0-1.611 1.66 4.667 4.667 0 0 0-0.577 2.317q0 1.271 0.564 2.327v0.001q0.58 1.043 1.599 1.648 1.024 0.605 2.309 0.604 1.251 0 2.227-0.58 0.965-0.577 1.509-1.524h0.001q0.552-0.952 0.613-2.033a1.333 1.333 0 0 0 0.013-0.191 0.773 0.773 0 0 0-0.203-0.561 0.693 0.693 0 0 0-0.525-0.203H10.852a0.667 0.667 0 0 0-0.495 0.209h-0.001a0.667 0.667 0 0 0-0.173 0.459q0.003 0.263 0.168 0.464l0.007 0.007a0.667 0.667 0 0 0 0.493 0.209h3.247q-0.116 0.625-0.447 1.131h-0.001q-0.379 0.579-1.004 0.904h-0.001a2.933 2.933 0 0 1-1.383 0.325q-0.776-0.001-1.393-0.311l-0.173-0.093a2.88 2.88 0 0 1-0.953-0.959l-0.1-0.176a3.6 3.6 0 0 1-0.373-1.645q0-0.927 0.396-1.657t1.089-1.133a3.107 3.107 0 0 1 1.603-0.417q0.74 0.001 1.317 0.28 0.587 0.284 0.912 0.72l0.015 0.021 0.021 0.016a0.907 0.907 0 0 0 0.555 0.211 0.64 0.64 0 0 0 0.459-0.187v0.003l0.005-0.005 0.003-0.001-0.001-0.001a0.627 0.627 0 0 0 0.203-0.464 0.8 0.8 0 0 0-0.297-0.607q-0.483-0.631-1.323-0.992h0.001a4.533 4.533 0 0 0-1.88-0.377m6.051 0.071a0.773 0.773 0 0 0-0.513 0.192 0.667 0.667 0 0 0-0.227 0.537v7.56c0 0.212 0.067 0.4 0.22 0.541v0.001l0.013 0.009a0.805 0.805 0 0 0 1.008-0.004l0.007-0.005a0.707 0.707 0 0 0 0.22-0.543V12.6a0.667 0.667 0 0 0-0.227-0.536 0.733 0.733 0 0 0-0.501-0.193m3 0.048a0.8 0.8 0 0 0-0.556 0.199l-0.005 0.005a0.773 0.773 0 0 0-0.203 0.56v7.477c0 0.212 0.068 0.4 0.22 0.541v0.001l0.013 0.011a0.807 0.807 0 0 0 1.009-0.005l0.005-0.005a0.72 0.72 0 0 0 0.22-0.543v-3.1h2.777a0.676 0.676 0 0 0 0.668-0.68 0.627 0.627 0 0 0-0.199-0.46h0.001a0.627 0.627 0 0 0-0.472-0.208h-2.775V13.293h3.316a0.693 0.693 0 0 0 0.483-0.185l0.005-0.005q0.201-0.203 0.203-0.489a0.667 0.667 0 0 0-0.203-0.489 0.667 0.667 0 0 0-0.488-0.204\",\n eo: true,\n },\n ],\n },\n};\n\n/** Props for {@link GifIcon}. See {@link BaseIconProps} for the shared shape. */\nexport type GifIconProps = BaseIconProps;\n\n/**\n * Gif icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.\n *\n * @example\n * ```tsx\n * <GifIcon size={24} filled />\n * ```\n */\nexport const GifIcon = React.forwardRef<SVGSVGElement, GifIconProps>((props, ref) => (\n <BaseIcon ref={ref} variants={VARIANTS} {...props} />\n));\n\nGifIcon.displayName = \"GifIcon\";\n"],"names":["React","jsx","BaseIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,WAAyB;AAAA,EAC7B,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAAA,EAEF,IAAI;AAAA,IACF,UAAU;AAAA,MACR;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,MAEL;AAAA,QACE,GAAG;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,QAAQ;AAAA,MACN;AAAA,QACE,GAAG;AAAA,QACH,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;AAaO,MAAM,UAAUA,iBAAM,WAAwC,CAAC,OAAO,QAC3EC,2BAAAA,IAACC,SAAAA,UAAA,EAAS,KAAU,UAAU,UAAW,GAAG,OAAO,CACpD;AAED,QAAQ,cAAc;;"}
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -19,6 +19,7 @@ const BottomNavigation = require("./components/BottomNavigation/BottomNavigation
|
|
|
19
19
|
const BottomNavigationAction = require("./components/BottomNavigation/BottomNavigationAction.cjs");
|
|
20
20
|
const Breadcrumb = require("./components/Breadcrumb/Breadcrumb.cjs");
|
|
21
21
|
const Button = require("./components/Button/Button.cjs");
|
|
22
|
+
const ButtonStack = require("./components/ButtonStack/ButtonStack.cjs");
|
|
22
23
|
const Card = require("./components/Card/Card.cjs");
|
|
23
24
|
const ChatInput = require("./components/ChatInput/ChatInput.cjs");
|
|
24
25
|
const ChatMessage = require("./components/ChatMessage/ChatMessage.cjs");
|
|
@@ -28,6 +29,7 @@ const Count = require("./components/Count/Count.cjs");
|
|
|
28
29
|
const CreatorCard = require("./components/CreatorCard/CreatorCard.cjs");
|
|
29
30
|
const CreatorCover = require("./components/CreatorCover/CreatorCover.cjs");
|
|
30
31
|
const CreatorTile = require("./components/CreatorTile/CreatorTile.cjs");
|
|
32
|
+
const CriticalBanner = require("./components/CriticalBanner/CriticalBanner.cjs");
|
|
31
33
|
const CyclingText = require("./components/CyclingText/CyclingText.cjs");
|
|
32
34
|
const Dialog = require("./components/Dialog/Dialog.cjs");
|
|
33
35
|
const Divider = require("./components/Divider/Divider.cjs");
|
|
@@ -289,6 +291,7 @@ exports.BreadcrumbList = Breadcrumb.BreadcrumbList;
|
|
|
289
291
|
exports.BreadcrumbPage = Breadcrumb.BreadcrumbPage;
|
|
290
292
|
exports.BreadcrumbSeparator = Breadcrumb.BreadcrumbSeparator;
|
|
291
293
|
exports.Button = Button.Button;
|
|
294
|
+
exports.ButtonStack = ButtonStack.ButtonStack;
|
|
292
295
|
exports.Card = Card.Card;
|
|
293
296
|
exports.CardContent = Card.CardContent;
|
|
294
297
|
exports.CardDescription = Card.CardDescription;
|
|
@@ -303,6 +306,7 @@ exports.Count = Count.Count;
|
|
|
303
306
|
exports.CreatorCard = CreatorCard.CreatorCard;
|
|
304
307
|
exports.CreatorCover = CreatorCover.CreatorCover;
|
|
305
308
|
exports.CreatorTile = CreatorTile.CreatorTile;
|
|
309
|
+
exports.CriticalBanner = CriticalBanner.CriticalBanner;
|
|
306
310
|
exports.CyclingText = CyclingText.CyclingText;
|
|
307
311
|
exports.Dialog = Dialog.Dialog;
|
|
308
312
|
exports.DialogBody = Dialog.DialogBody;
|
package/dist/cjs/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import * as React from "react";
|
|
4
|
+
import { cn } from "../../utils/cn.mjs";
|
|
5
|
+
const ButtonStack = React.forwardRef(
|
|
6
|
+
({ direction = "horizontal", className, children, ...props }, ref) => {
|
|
7
|
+
return /* @__PURE__ */ jsx(
|
|
8
|
+
"div",
|
|
9
|
+
{
|
|
10
|
+
ref,
|
|
11
|
+
className: cn(
|
|
12
|
+
"flex gap-2",
|
|
13
|
+
direction === "horizontal" && "flex-row [&>*]:min-w-0 [&>*]:flex-1",
|
|
14
|
+
direction === "vertical" && "flex-col [&>*]:w-full",
|
|
15
|
+
className
|
|
16
|
+
),
|
|
17
|
+
...props,
|
|
18
|
+
children
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
ButtonStack.displayName = "ButtonStack";
|
|
24
|
+
export {
|
|
25
|
+
ButtonStack
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=ButtonStack.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonStack.mjs","sources":["../../../src/components/ButtonStack/ButtonStack.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** Layout orientation of the buttons within a {@link ButtonStack}. */\nexport type ButtonStackDirection = \"horizontal\" | \"vertical\";\n\nexport interface ButtonStackProps extends React.HTMLAttributes<HTMLDivElement> {\n /**\n * Layout orientation. `horizontal` places buttons side by side with equal\n * widths for primary + secondary action pairs; `vertical` stacks them\n * full-width for mobile screens and narrow panels.\n * @default \"horizontal\"\n */\n direction?: ButtonStackDirection;\n /** Buttons to arrange — typically two {@link Button} elements. */\n children: React.ReactNode;\n}\n\n/**\n * A layout helper that arranges action buttons either side by side\n * (`horizontal`) or stacked (`vertical`). Compose it with {@link Button}\n * children rather than reimplementing button styles.\n *\n * In `horizontal` mode each child stretches to an equal width; in `vertical`\n * mode each child spans the full width of the container. Buttons keep their\n * own sizing, so pass a matching `size` to each child for consistent heights.\n *\n * @example\n * ```tsx\n * <ButtonStack direction=\"horizontal\">\n * <Button variant=\"outline\">Cancel</Button>\n * <Button variant=\"primary\">Confirm</Button>\n * </ButtonStack>\n * ```\n */\nexport const ButtonStack = React.forwardRef<HTMLDivElement, ButtonStackProps>(\n ({ direction = \"horizontal\", className, children, ...props }, ref) => {\n return (\n <div\n ref={ref}\n className={cn(\n \"flex gap-2\",\n direction === \"horizontal\" && \"flex-row [&>*]:min-w-0 [&>*]:flex-1\",\n direction === \"vertical\" && \"flex-col [&>*]:w-full\",\n className,\n )}\n {...props}\n >\n {children}\n </div>\n );\n },\n);\n\nButtonStack.displayName = \"ButtonStack\";\n"],"names":[],"mappings":";;;;AAmCO,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,YAAY,cAAc,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AACpE,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,cAAc,gBAAgB;AAAA,UAC9B,cAAc,cAAc;AAAA,UAC5B;AAAA,QAAA;AAAA,QAED,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEA,YAAY,cAAc;"}
|
|
@@ -2,35 +2,62 @@
|
|
|
2
2
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { cn } from "../../utils/cn.mjs";
|
|
5
|
-
const
|
|
5
|
+
const CardContext = React.createContext({
|
|
6
|
+
hierarchy: "primary",
|
|
7
|
+
type: "default"
|
|
8
|
+
});
|
|
9
|
+
const useCardContext = () => React.useContext(CardContext);
|
|
10
|
+
const LEGACY_VARIANT_CLASSES = {
|
|
6
11
|
outlined: "border border-neutral-alphas-200 bg-surface-primary shadow-sm",
|
|
7
12
|
elevated: "border border-neutral-alphas-200 bg-surface-primary shadow-md",
|
|
8
13
|
filled: "bg-surface-secondary",
|
|
9
14
|
ghost: "bg-transparent"
|
|
10
15
|
};
|
|
16
|
+
const HIERARCHY_CLASSES = {
|
|
17
|
+
primary: "rounded-lg border border-border-primary bg-surface-primary",
|
|
18
|
+
secondary: "rounded-md border border-border-strong bg-surface-secondary shadow-sm"
|
|
19
|
+
};
|
|
20
|
+
const INTERACTIVE_CLASSES = "isolate cursor-pointer after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:bg-content-primary after:opacity-0 after:transition-opacity after:content-[''] hover:after:opacity-5";
|
|
11
21
|
const Card = React.forwardRef(
|
|
12
|
-
({
|
|
13
|
-
|
|
22
|
+
({
|
|
23
|
+
className,
|
|
24
|
+
hierarchy = "primary",
|
|
25
|
+
type = "default",
|
|
26
|
+
interactive = false,
|
|
27
|
+
variant,
|
|
28
|
+
fullWidth = true,
|
|
29
|
+
noPadding = false,
|
|
30
|
+
children,
|
|
31
|
+
...props
|
|
32
|
+
}, ref) => {
|
|
33
|
+
const isLegacy = variant !== void 0;
|
|
34
|
+
const padding = noPadding ? void 0 : isLegacy ? "p-4" : hierarchy === "secondary" ? "p-4" : "p-6";
|
|
35
|
+
const contextValue = React.useMemo(
|
|
36
|
+
() => ({ hierarchy, type }),
|
|
37
|
+
[hierarchy, type]
|
|
38
|
+
);
|
|
39
|
+
return /* @__PURE__ */ jsx(CardContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
|
|
14
40
|
"div",
|
|
15
41
|
{
|
|
16
42
|
ref,
|
|
17
43
|
className: cn(
|
|
18
|
-
"flex flex-col overflow-hidden
|
|
19
|
-
|
|
44
|
+
"relative flex flex-col overflow-hidden",
|
|
45
|
+
isLegacy ? cn("rounded-md", LEGACY_VARIANT_CLASSES[variant]) : HIERARCHY_CLASSES[hierarchy],
|
|
46
|
+
padding,
|
|
20
47
|
fullWidth && "w-full",
|
|
21
|
-
|
|
48
|
+
interactive && INTERACTIVE_CLASSES,
|
|
22
49
|
className
|
|
23
50
|
),
|
|
24
51
|
...props,
|
|
25
52
|
children
|
|
26
53
|
}
|
|
27
|
-
);
|
|
54
|
+
) });
|
|
28
55
|
}
|
|
29
56
|
);
|
|
30
57
|
Card.displayName = "Card";
|
|
31
58
|
const CardHeader = React.forwardRef(
|
|
32
59
|
({ className, action, children, ...props }, ref) => {
|
|
33
|
-
return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-
|
|
60
|
+
return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex min-h-8 items-center gap-2", className), ...props, children: [
|
|
34
61
|
/* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children }),
|
|
35
62
|
action && /* @__PURE__ */ jsx("div", { className: "shrink-0", children: action })
|
|
36
63
|
] });
|
|
@@ -39,11 +66,16 @@ const CardHeader = React.forwardRef(
|
|
|
39
66
|
CardHeader.displayName = "CardHeader";
|
|
40
67
|
const CardTitle = React.forwardRef(
|
|
41
68
|
({ className, children, ...props }, ref) => {
|
|
69
|
+
const { hierarchy } = useCardContext();
|
|
42
70
|
return /* @__PURE__ */ jsx(
|
|
43
71
|
"h3",
|
|
44
72
|
{
|
|
45
73
|
ref,
|
|
46
|
-
className: cn(
|
|
74
|
+
className: cn(
|
|
75
|
+
hierarchy === "secondary" ? "typography-body-small-14px-regular" : "typography-header-heading-xs",
|
|
76
|
+
"text-content-primary",
|
|
77
|
+
className
|
|
78
|
+
),
|
|
47
79
|
...props,
|
|
48
80
|
children
|
|
49
81
|
}
|
|
@@ -67,13 +99,15 @@ const CardDescription = React.forwardRef(
|
|
|
67
99
|
CardDescription.displayName = "CardDescription";
|
|
68
100
|
const CardContent = React.forwardRef(
|
|
69
101
|
({ className, children, ...props }, ref) => {
|
|
70
|
-
|
|
102
|
+
const { type } = useCardContext();
|
|
103
|
+
const padding = type === "container" ? void 0 : type === "header-only" ? "pt-6" : "py-6";
|
|
104
|
+
return /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1", padding, className), ...props, children });
|
|
71
105
|
}
|
|
72
106
|
);
|
|
73
107
|
CardContent.displayName = "CardContent";
|
|
74
108
|
const CardFooter = React.forwardRef(
|
|
75
109
|
({ className, children, ...props }, ref) => {
|
|
76
|
-
return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-
|
|
110
|
+
return /* @__PURE__ */ jsx("div", { ref, className: cn("flex w-full items-center gap-2", className), ...props, children });
|
|
77
111
|
}
|
|
78
112
|
);
|
|
79
113
|
CardFooter.displayName = "CardFooter";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** Visual style variant of the card. */\nexport type CardVariant = \"outlined\" | \"elevated\" | \"filled\" | \"ghost\";\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Visual style variant of the card. @default \"outlined\" */\n variant?: CardVariant;\n /** When `true`, the card will take the full width of its container. @default true */\n fullWidth?: boolean;\n /** When `true`, removes all internal padding. @default false */\n noPadding?: boolean;\n}\n\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Icon element displayed at the trailing end of the header. */\n action?: React.ReactNode;\n}\n\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nexport interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst VARIANT_CLASSES: Record<CardVariant, string> = {\n outlined: \"border border-neutral-alphas-200 bg-surface-primary shadow-sm\",\n elevated: \"border border-neutral-alphas-200 bg-surface-primary shadow-md\",\n filled: \"bg-surface-secondary\",\n ghost: \"bg-transparent\",\n};\n\n/**\n * A composable card component with multiple visual variants. Use with\n * {@link CardHeader}, {@link CardTitle}, {@link CardDescription},\n * {@link CardContent}, and {@link CardFooter} for structured layouts.\n *\n * @example\n * ```tsx\n * <Card variant=\"outlined\">\n * <CardHeader action={<HomeIcon className=\"size-5\" />}>\n * <CardTitle>Card title</CardTitle>\n * <CardDescription>Card description text</CardDescription>\n * </CardHeader>\n * <CardContent>Content goes here</CardContent>\n * <CardFooter>\n * <Button variant=\"secondary\">Label</Button>\n * <Button variant=\"primary\">Label</Button>\n * </CardFooter>\n * </Card>\n * ```\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n (\n { className, variant = \"outlined\", fullWidth = true, noPadding = false, children, ...props },\n ref,\n ) => {\n return (\n <div\n ref={ref}\n className={cn(\n \"flex flex-col overflow-hidden rounded-md\",\n !noPadding && \"p-4\",\n fullWidth && \"w-full\",\n VARIANT_CLASSES[variant],\n className,\n )}\n {...props}\n >\n {children}\n </div>\n );\n },\n);\nCard.displayName = \"Card\";\n\n/**\n * Header section of a {@link Card}. Renders a flex row with text content\n * on the left and an optional trailing action element (e.g. icon) on the right.\n */\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n ({ className, action, children, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(\"flex items-start gap-3\", className)} {...props}>\n <div className=\"min-w-0 flex-1\">{children}</div>\n {action && <div className=\"shrink-0\">{action}</div>}\n </div>\n );\n },\n);\nCardHeader.displayName = \"CardHeader\";\n\n/** Title element rendered inside a {@link CardHeader}. */\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(\n ({ className, children, ...props }, ref) => {\n return (\n <h3\n ref={ref}\n className={cn(\"typography-body-default-16px-semibold text-content-primary\", className)}\n {...props}\n >\n {children}\n </h3>\n );\n },\n);\nCardTitle.displayName = \"CardTitle\";\n\n/** Description text rendered below the {@link CardTitle} inside a {@link CardHeader}. */\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n ({ className, children, ...props }, ref) => {\n return (\n <p\n ref={ref}\n className={cn(\"typography-description-12px-regular text-content-secondary\", className)}\n {...props}\n >\n {children}\n </p>\n );\n },\n);\nCardDescription.displayName = \"CardDescription\";\n\n/** Flexible content area of a {@link Card}. Adds vertical padding between header and footer. */\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n ({ className, children, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(\"flex-1 py-4\", className)} {...props}>\n {children}\n </div>\n );\n },\n);\nCardContent.displayName = \"CardContent\";\n\n/** Footer section of a {@link Card}. Renders children in a horizontal row with a gap. */\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n ({ className, children, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(\"flex items-center gap-3\", className)} {...props}>\n {children}\n </div>\n );\n },\n);\nCardFooter.displayName = \"CardFooter\";\n"],"names":[],"mappings":";;;;AA4BA,MAAM,kBAA+C;AAAA,EACnD,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AACT;AAsBO,MAAM,OAAO,MAAM;AAAA,EACxB,CACE,EAAE,WAAW,UAAU,YAAY,YAAY,MAAM,YAAY,OAAO,UAAU,GAAG,MAAA,GACrF,QACG;AACH,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,CAAC,aAAa;AAAA,UACd,aAAa;AAAA,UACb,gBAAgB,OAAO;AAAA,UACvB;AAAA,QAAA;AAAA,QAED,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,KAAK,cAAc;AAMZ,MAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,WAAW,QAAQ,UAAU,GAAG,MAAA,GAAS,QAAQ;AAClD,WACE,qBAAC,SAAI,KAAU,WAAW,GAAG,0BAA0B,SAAS,GAAI,GAAG,OACrE,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,kBAAkB,SAAA,CAAS;AAAA,MACzC,UAAU,oBAAC,OAAA,EAAI,WAAU,YAAY,UAAA,OAAA,CAAO;AAAA,IAAA,GAC/C;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAGlB,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1C,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,8DAA8D,SAAS;AAAA,QACpF,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,UAAU,cAAc;AAGjB,MAAM,kBAAkB,MAAM;AAAA,EACnC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1C,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,8DAA8D,SAAS;AAAA,QACpF,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,gBAAgB,cAAc;AAGvB,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1C,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,GAAG,eAAe,SAAS,GAAI,GAAG,OACzD,SAAA,CACH;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAGnB,MAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1C,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,GAAG,2BAA2B,SAAS,GAAI,GAAG,OACrE,SAAA,CACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;"}
|
|
1
|
+
{"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** Visual hierarchy of the card. Primary is for prominent, content-carrying cards; secondary for supporting cards within denser layouts. */\nexport type CardHierarchy = \"primary\" | \"secondary\";\n\n/** Structural type of the card. `default` has header, content and footer; `header-only` drops the footer; `container` is a bare surface. */\nexport type CardType = \"default\" | \"header-only\" | \"container\";\n\n/**\n * Legacy visual style variant.\n * @deprecated Use {@link CardHierarchy} via the `hierarchy` prop instead. Retained for backwards compatibility.\n */\nexport type CardVariant = \"outlined\" | \"elevated\" | \"filled\" | \"ghost\";\n\ninterface CardContextValue {\n hierarchy: CardHierarchy;\n type: CardType;\n}\n\nconst CardContext = React.createContext<CardContextValue>({\n hierarchy: \"primary\",\n type: \"default\",\n});\n\nconst useCardContext = () => React.useContext(CardContext);\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Visual hierarchy of the card. @default \"primary\" */\n hierarchy?: CardHierarchy;\n /** Structural type of the card. @default \"default\" */\n type?: CardType;\n /** When `true`, applies the hover treatment for clickable cards. @default false */\n interactive?: boolean;\n /**\n * Legacy visual style variant.\n * @deprecated Use `hierarchy` instead. When set, the card keeps its legacy V1 appearance for backwards compatibility.\n */\n variant?: CardVariant;\n /** When `true`, the card will take the full width of its container. @default true */\n fullWidth?: boolean;\n /** When `true`, removes all internal padding. @default false */\n noPadding?: boolean;\n}\n\nexport interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Icon element displayed at the trailing end of the header. */\n action?: React.ReactNode;\n}\n\nexport interface CardTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {}\n\nexport interface CardDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {}\n\nexport interface CardContentProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface CardFooterProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nconst LEGACY_VARIANT_CLASSES: Record<CardVariant, string> = {\n outlined: \"border border-neutral-alphas-200 bg-surface-primary shadow-sm\",\n elevated: \"border border-neutral-alphas-200 bg-surface-primary shadow-md\",\n filled: \"bg-surface-secondary\",\n ghost: \"bg-transparent\",\n};\n\nconst HIERARCHY_CLASSES: Record<CardHierarchy, string> = {\n primary: \"rounded-lg border border-border-primary bg-surface-primary\",\n secondary: \"rounded-md border border-border-strong bg-surface-secondary shadow-sm\",\n};\n\nconst INTERACTIVE_CLASSES =\n \"isolate cursor-pointer after:pointer-events-none after:absolute after:inset-0 after:-z-10 after:bg-content-primary after:opacity-0 after:transition-opacity after:content-[''] hover:after:opacity-5\";\n\n/**\n * A composable card component built on the V2 design system. Compose it with\n * {@link CardHeader}, {@link CardTitle}, {@link CardDescription},\n * {@link CardContent}, and {@link CardFooter} for structured layouts.\n *\n * The `hierarchy` prop drives the surface treatment (Primary vs Secondary) and\n * the `type` prop drives the internal spacing (Default / Header Only / Container).\n *\n * @example\n * ```tsx\n * <Card hierarchy=\"primary\">\n * <CardHeader action={<HomeIcon className=\"size-5\" />}>\n * <CardTitle>Card title</CardTitle>\n * <CardDescription>Card description text</CardDescription>\n * </CardHeader>\n * <CardContent>Content goes here</CardContent>\n * <CardFooter>\n * <Button variant=\"secondary\">Label</Button>\n * <Button variant=\"primary\">Label</Button>\n * </CardFooter>\n * </Card>\n * ```\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n (\n {\n className,\n hierarchy = \"primary\",\n type = \"default\",\n interactive = false,\n variant,\n fullWidth = true,\n noPadding = false,\n children,\n ...props\n },\n ref,\n ) => {\n const isLegacy = variant !== undefined;\n const padding = noPadding\n ? undefined\n : isLegacy\n ? \"p-4\"\n : hierarchy === \"secondary\"\n ? \"p-4\"\n : \"p-6\";\n\n const contextValue = React.useMemo<CardContextValue>(\n () => ({ hierarchy, type }),\n [hierarchy, type],\n );\n\n return (\n <CardContext.Provider value={contextValue}>\n <div\n ref={ref}\n className={cn(\n \"relative flex flex-col overflow-hidden\",\n isLegacy\n ? cn(\"rounded-md\", LEGACY_VARIANT_CLASSES[variant])\n : HIERARCHY_CLASSES[hierarchy],\n padding,\n fullWidth && \"w-full\",\n interactive && INTERACTIVE_CLASSES,\n className,\n )}\n {...props}\n >\n {children}\n </div>\n </CardContext.Provider>\n );\n },\n);\nCard.displayName = \"Card\";\n\n/**\n * Header section of a {@link Card}. Renders a flex row with text content\n * on the left and an optional trailing action element (e.g. icon) on the right.\n */\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n ({ className, action, children, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(\"flex min-h-8 items-center gap-2\", className)} {...props}>\n <div className=\"min-w-0 flex-1\">{children}</div>\n {action && <div className=\"shrink-0\">{action}</div>}\n </div>\n );\n },\n);\nCardHeader.displayName = \"CardHeader\";\n\n/** Title element rendered inside a {@link CardHeader}. Adapts its type scale to the card `hierarchy`. */\nexport const CardTitle = React.forwardRef<HTMLHeadingElement, CardTitleProps>(\n ({ className, children, ...props }, ref) => {\n const { hierarchy } = useCardContext();\n return (\n <h3\n ref={ref}\n className={cn(\n hierarchy === \"secondary\"\n ? \"typography-body-small-14px-regular\"\n : \"typography-header-heading-xs\",\n \"text-content-primary\",\n className,\n )}\n {...props}\n >\n {children}\n </h3>\n );\n },\n);\nCardTitle.displayName = \"CardTitle\";\n\n/** Description text rendered below the {@link CardTitle} inside a {@link CardHeader}. */\nexport const CardDescription = React.forwardRef<HTMLParagraphElement, CardDescriptionProps>(\n ({ className, children, ...props }, ref) => {\n return (\n <p\n ref={ref}\n className={cn(\"typography-description-12px-regular text-content-secondary\", className)}\n {...props}\n >\n {children}\n </p>\n );\n },\n);\nCardDescription.displayName = \"CardDescription\";\n\n/**\n * Flexible content area of a {@link Card}. Its vertical padding follows the card\n * `type`: `default` pads top and bottom, `header-only` pads only the top, and\n * `container` removes the built-in padding entirely.\n */\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n ({ className, children, ...props }, ref) => {\n const { type } = useCardContext();\n const padding = type === \"container\" ? undefined : type === \"header-only\" ? \"pt-6\" : \"py-6\";\n return (\n <div ref={ref} className={cn(\"flex-1\", padding, className)} {...props}>\n {children}\n </div>\n );\n },\n);\nCardContent.displayName = \"CardContent\";\n\n/** Footer section of a {@link Card}. Renders children in a horizontal row with a gap. */\nexport const CardFooter = React.forwardRef<HTMLDivElement, CardFooterProps>(\n ({ className, children, ...props }, ref) => {\n return (\n <div ref={ref} className={cn(\"flex w-full items-center gap-2\", className)} {...props}>\n {children}\n </div>\n );\n },\n);\nCardFooter.displayName = \"CardFooter\";\n"],"names":[],"mappings":";;;;AAoBA,MAAM,cAAc,MAAM,cAAgC;AAAA,EACxD,WAAW;AAAA,EACX,MAAM;AACR,CAAC;AAED,MAAM,iBAAiB,MAAM,MAAM,WAAW,WAAW;AAiCzD,MAAM,yBAAsD;AAAA,EAC1D,UAAU;AAAA,EACV,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,MAAM,oBAAmD;AAAA,EACvD,SAAS;AAAA,EACT,WAAW;AACb;AAEA,MAAM,sBACJ;AAyBK,MAAM,OAAO,MAAM;AAAA,EACxB,CACE;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,cAAc;AAAA,IACd;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAW,YAAY;AAC7B,UAAM,UAAU,YACZ,SACA,WACE,QACA,cAAc,cACZ,QACA;AAER,UAAM,eAAe,MAAM;AAAA,MACzB,OAAO,EAAE,WAAW;MACpB,CAAC,WAAW,IAAI;AAAA,IAAA;AAGlB,WACE,oBAAC,YAAY,UAAZ,EAAqB,OAAO,cAC3B,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT;AAAA,UACA,WACI,GAAG,cAAc,uBAAuB,OAAO,CAAC,IAChD,kBAAkB,SAAS;AAAA,UAC/B;AAAA,UACA,aAAa;AAAA,UACb,eAAe;AAAA,UACf;AAAA,QAAA;AAAA,QAED,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,EAEJ;AACF;AACA,KAAK,cAAc;AAMZ,MAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,WAAW,QAAQ,UAAU,GAAG,MAAA,GAAS,QAAQ;AAClD,WACE,qBAAC,SAAI,KAAU,WAAW,GAAG,mCAAmC,SAAS,GAAI,GAAG,OAC9E,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,kBAAkB,SAAA,CAAS;AAAA,MACzC,UAAU,oBAAC,OAAA,EAAI,WAAU,YAAY,UAAA,OAAA,CAAO;AAAA,IAAA,GAC/C;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;AAGlB,MAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1C,UAAM,EAAE,UAAA,IAAc,eAAA;AACtB,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,cAAc,cACV,uCACA;AAAA,UACJ;AAAA,UACA;AAAA,QAAA;AAAA,QAED,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,UAAU,cAAc;AAGjB,MAAM,kBAAkB,MAAM;AAAA,EACnC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1C,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,8DAA8D,SAAS;AAAA,QACpF,GAAG;AAAA,QAEH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AACA,gBAAgB,cAAc;AAOvB,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1C,UAAM,EAAE,KAAA,IAAS,eAAA;AACjB,UAAM,UAAU,SAAS,cAAc,SAAY,SAAS,gBAAgB,SAAS;AACrF,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,GAAG,UAAU,SAAS,SAAS,GAAI,GAAG,OAC7D,SAAA,CACH;AAAA,EAEJ;AACF;AACA,YAAY,cAAc;AAGnB,MAAM,aAAa,MAAM;AAAA,EAC9B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC1C,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,GAAG,kCAAkC,SAAS,GAAI,GAAG,OAC5E,SAAA,CACH;AAAA,EAEJ;AACF;AACA,WAAW,cAAc;"}
|
|
@@ -14,6 +14,7 @@ const TREND_CLASSES = {
|
|
|
14
14
|
const ChartCard = React.forwardRef(
|
|
15
15
|
({
|
|
16
16
|
className,
|
|
17
|
+
hierarchy = "primary",
|
|
17
18
|
title,
|
|
18
19
|
subtitle,
|
|
19
20
|
tooltip,
|
|
@@ -24,7 +25,7 @@ const ChartCard = React.forwardRef(
|
|
|
24
25
|
children,
|
|
25
26
|
...props
|
|
26
27
|
}, ref) => {
|
|
27
|
-
return /* @__PURE__ */ jsx(Card, { ref,
|
|
28
|
+
return /* @__PURE__ */ jsx(Card, { ref, hierarchy, noPadding: true, className, ...props, children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 p-4", children: [
|
|
28
29
|
loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
29
30
|
/* @__PURE__ */ jsx(Skeleton, { animation: "wave", variant: "rounded", className: "h-4 w-32" }),
|
|
30
31
|
/* @__PURE__ */ jsx(Skeleton, { animation: "wave", variant: "rounded", className: "h-7 w-44" }),
|
|
@@ -37,9 +38,10 @@ const ChartCard = React.forwardRef(
|
|
|
37
38
|
IconButton,
|
|
38
39
|
{
|
|
39
40
|
variant: "tertiary",
|
|
40
|
-
size: "
|
|
41
|
+
size: "32",
|
|
41
42
|
"aria-label": tooltipAriaLabel,
|
|
42
|
-
|
|
43
|
+
className: "text-content-tertiary hover:text-content-primary focus-visible:text-content-primary active:text-content-primary",
|
|
44
|
+
icon: /* @__PURE__ */ jsx(InfoCircleIcon, {})
|
|
43
45
|
}
|
|
44
46
|
) }),
|
|
45
47
|
/* @__PURE__ */ jsx(TooltipContent, { children: tooltip })
|
|
@@ -60,7 +62,7 @@ const ChartCard = React.forwardRef(
|
|
|
60
62
|
] }),
|
|
61
63
|
dateInfo && /* @__PURE__ */ jsx("span", { className: "typography-description-12px-regular text-content-tertiary", children: dateInfo })
|
|
62
64
|
] }),
|
|
63
|
-
/* @__PURE__ */ jsx("div", { className: "mt-auto", children })
|
|
65
|
+
children && /* @__PURE__ */ jsx("div", { className: "mt-auto", children })
|
|
64
66
|
] }) });
|
|
65
67
|
}
|
|
66
68
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartCard.mjs","sources":["../../../src/components/Chart/ChartCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Card } from \"../Card/Card\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { InfoCircleIcon } from \"../Icons/InfoCircleIcon\";\nimport { Skeleton } from \"../Skeleton/Skeleton\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../Tooltip/Tooltip\";\n\n/** Props for {@link ChartCard}. */\nexport interface ChartCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n /** Card title text. Pass translated string for i18n. */\n title: React.ReactNode;\n /** Large subtitle value (e.g. formatted price or count). */\n subtitle?: React.ReactNode;\n /** Tooltip text shown next to the title. Pass translated string for i18n. */\n tooltip?: React.ReactNode;\n /** Accessible label for the info tooltip trigger. Override for i18n. @default \"More info\" */\n tooltipAriaLabel?: string;\n /** Date range or period label shown below the subtitle. */\n dateInfo?: React.ReactNode;\n /** Trend indicator chip config. Only rendered when {@link subtitle} is also provided. */\n trendChip?: {\n /** Display label (e.g. \"12.5%\"). */\n label: React.ReactNode;\n /** Whether the trend is positive (green) or negative (red). */\n trend: \"positive\" | \"negative\";\n };\n /** Show loading skeleton instead of content. @default false */\n loading?: boolean;\n /** Chart content rendered below the header. */\n children?: React.ReactNode;\n}\n\nconst TREND_CLASSES: Record<\"positive\" | \"negative\", string> = {\n positive: \"bg-success-surface text-success-content\",\n negative: \"bg-error-surface text-error-content\",\n};\n\n/**\n * Wraps any chart with a structured header containing title, subtitle,\n * optional trend chip, date range label, info tooltip, and a loading\n * skeleton state.\n *\n * @example\n * ```tsx\n * <ChartCard\n * title=\"Revenue\"\n * subtitle=\"$4,523\"\n * trendChip={{ label: \"+12.5%\", trend: \"positive\" }}\n * dateInfo=\"Jan 1 – Mar 17\"\n * tooltip=\"Total revenue for the selected period.\"\n * >\n * <MyLineChart />\n * </ChartCard>\n * ```\n */\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n {\n className,\n title,\n subtitle,\n tooltip,\n tooltipAriaLabel = \"More info\",\n dateInfo,\n trendChip,\n loading = false,\n children,\n ...props\n },\n ref,\n ) => {\n return (\n <Card ref={ref}
|
|
1
|
+
{"version":3,"file":"ChartCard.mjs","sources":["../../../src/components/Chart/ChartCard.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Card, type CardHierarchy } from \"../Card/Card\";\nimport { IconButton } from \"../IconButton/IconButton\";\nimport { InfoCircleIcon } from \"../Icons/InfoCircleIcon\";\nimport { Skeleton } from \"../Skeleton/Skeleton\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"../Tooltip/Tooltip\";\n\n/** Props for {@link ChartCard}. */\nexport interface ChartCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n /** Surface treatment of the underlying {@link Card}. @default \"primary\" */\n hierarchy?: CardHierarchy;\n /** Card title text. Pass translated string for i18n. */\n title: React.ReactNode;\n /** Large subtitle value (e.g. formatted price or count). */\n subtitle?: React.ReactNode;\n /** Tooltip text shown next to the title. Pass translated string for i18n. */\n tooltip?: React.ReactNode;\n /** Accessible label for the info tooltip trigger. Override for i18n. @default \"More info\" */\n tooltipAriaLabel?: string;\n /** Date range or period label shown below the subtitle. */\n dateInfo?: React.ReactNode;\n /** Trend indicator chip config. Only rendered when {@link subtitle} is also provided. */\n trendChip?: {\n /** Display label (e.g. \"12.5%\"). */\n label: React.ReactNode;\n /** Whether the trend is positive (green) or negative (red). */\n trend: \"positive\" | \"negative\";\n };\n /** Show loading skeleton instead of content. @default false */\n loading?: boolean;\n /** Chart content rendered below the header. */\n children?: React.ReactNode;\n}\n\nconst TREND_CLASSES: Record<\"positive\" | \"negative\", string> = {\n positive: \"bg-success-surface text-success-content\",\n negative: \"bg-error-surface text-error-content\",\n};\n\n/**\n * Wraps any chart with a structured header containing title, subtitle,\n * optional trend chip, date range label, info tooltip, and a loading\n * skeleton state.\n *\n * The surface treatment comes from the underlying {@link Card} and is driven by\n * the `hierarchy` prop.\n *\n * @example\n * ```tsx\n * <ChartCard\n * title=\"Revenue\"\n * subtitle=\"$4,523\"\n * trendChip={{ label: \"+12.5%\", trend: \"positive\" }}\n * dateInfo=\"Jan 1 – Mar 17\"\n * tooltip=\"Total revenue for the selected period.\"\n * >\n * <MyLineChart />\n * </ChartCard>\n * ```\n */\nexport const ChartCard = React.forwardRef<HTMLDivElement, ChartCardProps>(\n (\n {\n className,\n hierarchy = \"primary\",\n title,\n subtitle,\n tooltip,\n tooltipAriaLabel = \"More info\",\n dateInfo,\n trendChip,\n loading = false,\n children,\n ...props\n },\n ref,\n ) => {\n return (\n <Card ref={ref} hierarchy={hierarchy} noPadding className={className} {...props}>\n <div className=\"flex flex-col gap-2 p-4\">\n {loading ? (\n <>\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-4 w-32\" />\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-7 w-44\" />\n <Skeleton animation=\"wave\" variant=\"rounded\" className=\"h-3 w-24\" />\n </>\n ) : (\n <>\n <div className=\"flex items-center gap-1.5\">\n <span className=\"typography-body-small-14px-semibold text-content-primary\">\n {title}\n </span>\n {tooltip && (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>\n <IconButton\n variant=\"tertiary\"\n size=\"32\"\n aria-label={tooltipAriaLabel}\n className=\"text-content-tertiary hover:text-content-primary focus-visible:text-content-primary active:text-content-primary\"\n icon={<InfoCircleIcon />}\n />\n </TooltipTrigger>\n <TooltipContent>{tooltip}</TooltipContent>\n </Tooltip>\n </TooltipProvider>\n )}\n </div>\n {subtitle && (\n <div className=\"flex flex-wrap items-center gap-2\">\n <span className=\"typography-header-heading-sm text-content-primary\">\n {subtitle}\n </span>\n {trendChip && (\n <span\n className={cn(\n \"typography-description-12px-semibold whitespace-nowrap rounded-full px-2 py-0.5\",\n TREND_CLASSES[trendChip.trend],\n )}\n >\n {trendChip.label}\n </span>\n )}\n </div>\n )}\n {dateInfo && (\n <span className=\"typography-description-12px-regular text-content-tertiary\">\n {dateInfo}\n </span>\n )}\n </>\n )}\n {children && <div className=\"mt-auto\">{children}</div>}\n </div>\n </Card>\n );\n },\n);\nChartCard.displayName = \"ChartCard\";\n"],"names":[],"mappings":";;;;;;;;;AAmCA,MAAM,gBAAyD;AAAA,EAC7D,UAAU;AAAA,EACV,UAAU;AACZ;AAuBO,MAAM,YAAY,MAAM;AAAA,EAC7B,CACE;AAAA,IACE;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,WACE,oBAAC,MAAA,EAAK,KAAU,WAAsB,WAAS,MAAC,WAAuB,GAAG,OACxE,UAAA,qBAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,MAAA,UACC,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,oBAAC,YAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,YAAW;AAAA,4BACjE,UAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,YAAW;AAAA,4BACjE,UAAA,EAAS,WAAU,QAAO,SAAQ,WAAU,WAAU,WAAA,CAAW;AAAA,MAAA,EAAA,CACpE,IAEA,qBAAA,UAAA,EACE,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,4DACb,UAAA,OACH;AAAA,UACC,WACC,oBAAC,iBAAA,EACC,UAAA,qBAAC,SAAA,EACC,UAAA;AAAA,YAAA,oBAAC,gBAAA,EAAe,SAAO,MACrB,UAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,cAAY;AAAA,gBACZ,WAAU;AAAA,gBACV,0BAAO,gBAAA,CAAA,CAAe;AAAA,cAAA;AAAA,YAAA,GAE1B;AAAA,YACA,oBAAC,kBAAgB,UAAA,QAAA,CAAQ;AAAA,UAAA,EAAA,CAC3B,EAAA,CACF;AAAA,QAAA,GAEJ;AAAA,QACC,YACC,qBAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,qDACb,UAAA,UACH;AAAA,UACC,aACC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,cAAc,UAAU,KAAK;AAAA,cAAA;AAAA,cAG9B,UAAA,UAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACb,GAEJ;AAAA,QAED,YACC,oBAAC,QAAA,EAAK,WAAU,6DACb,UAAA,SAAA,CACH;AAAA,MAAA,GAEJ;AAAA,MAED,YAAY,oBAAC,OAAA,EAAI,WAAU,WAAW,SAAA,CAAS;AAAA,IAAA,EAAA,CAClD,EAAA,CACF;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { cn } from "../../utils/cn.mjs";
|
|
5
|
+
import { Chip } from "../Chip/Chip.mjs";
|
|
5
6
|
const ChartSeriesToggle = React.forwardRef(
|
|
6
7
|
({ className, items, value, onValueChange, ...props }, ref) => {
|
|
7
8
|
const toggle = (key) => {
|
|
@@ -13,32 +14,18 @@ const ChartSeriesToggle = React.forwardRef(
|
|
|
13
14
|
}
|
|
14
15
|
onValueChange(next);
|
|
15
16
|
};
|
|
16
|
-
return /* @__PURE__ */ jsx("div", { ref, className: cn("grid grid-cols-2 gap-2 sm:grid-cols-3", className), ...props, children: items.map((item) =>
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
"
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
children: [
|
|
29
|
-
/* @__PURE__ */ jsx(
|
|
30
|
-
"span",
|
|
31
|
-
{
|
|
32
|
-
className: "size-2 shrink-0 rounded-full",
|
|
33
|
-
style: { backgroundColor: item.color }
|
|
34
|
-
}
|
|
35
|
-
),
|
|
36
|
-
/* @__PURE__ */ jsx("span", { children: item.label })
|
|
37
|
-
]
|
|
38
|
-
},
|
|
39
|
-
item.key
|
|
40
|
-
);
|
|
41
|
-
}) });
|
|
17
|
+
return /* @__PURE__ */ jsx("div", { ref, className: cn("grid grid-cols-2 gap-2 sm:grid-cols-3", className), ...props, children: items.map((item) => /* @__PURE__ */ jsx(
|
|
18
|
+
Chip,
|
|
19
|
+
{
|
|
20
|
+
size: "32",
|
|
21
|
+
className: "justify-start",
|
|
22
|
+
selected: value.has(item.key),
|
|
23
|
+
onClick: () => toggle(item.key),
|
|
24
|
+
leftIcon: /* @__PURE__ */ jsx("span", { className: "size-2 rounded-full", style: { backgroundColor: item.color } }),
|
|
25
|
+
children: item.label
|
|
26
|
+
},
|
|
27
|
+
item.key
|
|
28
|
+
)) });
|
|
42
29
|
}
|
|
43
30
|
);
|
|
44
31
|
ChartSeriesToggle.displayName = "ChartSeriesToggle";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartSeriesToggle.mjs","sources":["../../../src/components/Chart/ChartSeriesToggle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\n\n/** A single toggleable series in a {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleItem {\n /** Unique key matching the data series key and ChartConfig key. */\n key: string;\n /** Human-readable label. Pass translated string for i18n. */\n label: React.ReactNode;\n /** Series color (CSS value). Shown as indicator dot. */\n color: string;\n}\n\n/** Props for {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Available series that can be toggled. */\n items: ChartSeriesToggleItem[];\n /** Set of currently visible series keys. */\n value: Set<string>;\n /** Called when a series is toggled. Receives the updated Set. */\n onValueChange: (value: Set<string>) => void;\n}\n\n/**\n * Renders a grid of toggleable
|
|
1
|
+
{"version":3,"file":"ChartSeriesToggle.mjs","sources":["../../../src/components/Chart/ChartSeriesToggle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Chip } from \"../Chip/Chip\";\n\n/** A single toggleable series in a {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleItem {\n /** Unique key matching the data series key and ChartConfig key. */\n key: string;\n /** Human-readable label. Pass translated string for i18n. */\n label: React.ReactNode;\n /** Series color (CSS value). Shown as indicator dot. */\n color: string;\n}\n\n/** Props for {@link ChartSeriesToggle}. */\nexport interface ChartSeriesToggleProps extends React.HTMLAttributes<HTMLDivElement> {\n /** Available series that can be toggled. */\n items: ChartSeriesToggleItem[];\n /** Set of currently visible series keys. */\n value: Set<string>;\n /** Called when a series is toggled. Receives the updated Set. */\n onValueChange: (value: Set<string>) => void;\n}\n\n/**\n * Renders a grid of toggleable {@link Chip}s that control which series are\n * visible on a multi-series chart. Each toggle shows a series colour dot and a\n * label, and exposes its state through `aria-pressed`.\n *\n * @example\n * ```tsx\n * const [visible, setVisible] = useState(new Set([\"subscription\", \"message\", \"tip\"]));\n *\n * <ChartSeriesToggle\n * items={[\n * { key: \"subscription\", label: \"Subscription\", color: \"var(--color-special-chart-teal)\" },\n * { key: \"message\", label: \"Message\", color: \"var(--color-special-chart-sky)\" },\n * { key: \"tip\", label: \"Tip\", color: \"var(--color-special-chart-orange)\" },\n * ]}\n * value={visible}\n * onValueChange={setVisible}\n * />\n * ```\n */\nexport const ChartSeriesToggle = React.forwardRef<HTMLDivElement, ChartSeriesToggleProps>(\n ({ className, items, value, onValueChange, ...props }, ref) => {\n const toggle = (key: string) => {\n const next = new Set(value);\n if (next.has(key)) {\n next.delete(key);\n } else {\n next.add(key);\n }\n onValueChange(next);\n };\n\n return (\n <div ref={ref} className={cn(\"grid grid-cols-2 gap-2 sm:grid-cols-3\", className)} {...props}>\n {items.map((item) => (\n <Chip\n key={item.key}\n size=\"32\"\n className=\"justify-start\"\n selected={value.has(item.key)}\n onClick={() => toggle(item.key)}\n leftIcon={\n <span className=\"size-2 rounded-full\" style={{ backgroundColor: item.color }} />\n }\n >\n {item.label}\n </Chip>\n ))}\n </div>\n );\n },\n);\n\nChartSeriesToggle.displayName = \"ChartSeriesToggle\";\n"],"names":[],"mappings":";;;;;AA4CO,MAAM,oBAAoB,MAAM;AAAA,EACrC,CAAC,EAAE,WAAW,OAAO,OAAO,eAAe,GAAG,MAAA,GAAS,QAAQ;AAC7D,UAAM,SAAS,CAAC,QAAgB;AAC9B,YAAM,OAAO,IAAI,IAAI,KAAK;AAC1B,UAAI,KAAK,IAAI,GAAG,GAAG;AACjB,aAAK,OAAO,GAAG;AAAA,MACjB,OAAO;AACL,aAAK,IAAI,GAAG;AAAA,MACd;AACA,oBAAc,IAAI;AAAA,IACpB;AAEA,WACE,oBAAC,OAAA,EAAI,KAAU,WAAW,GAAG,yCAAyC,SAAS,GAAI,GAAG,OACnF,UAAA,MAAM,IAAI,CAAC,SACV;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,UAAU,MAAM,IAAI,KAAK,GAAG;AAAA,QAC5B,SAAS,MAAM,OAAO,KAAK,GAAG;AAAA,QAC9B,UACE,oBAAC,QAAA,EAAK,WAAU,uBAAsB,OAAO,EAAE,iBAAiB,KAAK,MAAA,EAAM,CAAG;AAAA,QAG/E,UAAA,KAAK;AAAA,MAAA;AAAA,MATD,KAAK;AAAA,IAAA,CAWb,GACH;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;"}
|