user3/ui_kit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'sprint-1' (#1) from sprint-1 into main

Browse Source 
Reviewed-on: #1
This commit is contained in:
user3 2025-05-26 14:34:27 +00:00
commit a16e97c877
119 changed files with 3684 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1020 B

52
assets/cart.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg3"
sodipodi:docname="Icon=shopping-cart.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview3"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg3" />
<g
clip-path="url(#clip0_1_636)"
id="g3">
<path
id="path3"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 0.83398438,-0.16601562 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1.00000002 H 3.3476563 L 5.4199219,12.1875 c 0.1218865,0.613592 0.455969,1.164265 0.9433593,1.556641 0.4873135,0.392153 1.0971223,0.60184 1.7226563,0.589843 h 8.0605465 c 0.62554,0.012 1.237346,-0.19773 1.72461,-0.589843 0.487407,-0.392389 0.821355,-0.943264 0.943359,-1.556641 a 1.0001,1.0001 0 0 0 0.002,-0.0078 L 20.148437,5.1875 A 1.0001,1.0001 0 0 0 19.166016,4 H 5.8203125 L 5.1464844,0.63671875 A 1.0001,1.0001 0 0 0 4.1660156,-0.16601562 Z M 6.2207031,6 H 17.957031 l -1.105469,5.804688 v -0.0078 c -0.0306,0.153822 -0.112382,0.290461 -0.234375,0.388672 -0.122135,0.09829 -0.27498,0.151442 -0.43164,0.148437 a 1.0001,1.0001 0 0 0 -0.01953,0 H 8.0664063 a 1.0001,1.0001 0 0 0 -0.019531,0 C 7.8902501,12.336997 7.7392738,12.283807 7.6171878,12.18556 7.4951787,12.08734 7.411373,11.950496 7.3808597,11.796888 a 1.0001,1.0001 0 0 0 0,-0.002 z m 10.4453129,9.666016 c -1.000672,0 -1.832032,0.83344 -1.832032,1.833984 0,1.000544 0.83136,1.833984 1.832032,1.833984 1.000688,0 1.833984,-0.833295 1.833984,-1.833984 0,-1.000689 -0.833296,-1.833984 -1.833984,-1.833984 z m 0,1.667968 c 0.08007,0 0.167968,0.08587 0.167968,0.166016 0,0.08015 -0.0879,0.166016 -0.167968,0.166016 C 16.585726,17.666016 16.5,17.58029 16.5,17.5 c 0,-0.08029 0.08573,-0.166016 0.166016,-0.166016 z M 7.5,15.666016 c -1.0006817,0 -1.8339844,0.83331 -1.8339844,1.833984 0,1.000674 0.8333027,1.833984 1.8339844,1.833984 1.0006817,0 1.8339844,-0.83331 1.8339844,-1.833984 0,-1.000674 -0.8333027,-1.833984 -1.8339844,-1.833984 z m 0,1.667968 c 0.080203,0 0.1660156,0.08574 0.1660156,0.166016 0,0.08028 -0.085813,0.166016 -0.1660156,0.166016 -0.080203,0 -0.1660156,-0.08574 -0.1660156,-0.166016 0,-0.08028 0.085813,-0.166016 0.1660156,-0.166016 z" />
</g>
<defs
id="defs3">
<clipPath
id="clip0_1_636">
<rect
width="20"
height="20"
fill="white"
id="rect3" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

39
assets/check.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=check.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="246"
inkscape:window-y="85"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 16.666016,4 A 1,1 0 0 0 15.958984,4.2929688 L 7.5,12.751953 4.0410156,9.2929688 a 1,1 0 0 0 -1.4140625,0 1,1 0 0 0 0,1.4140622 l 4.1660157,4.166016 a 1.0001,1.0001 0 0 0 1.4140624,0 L 17.373047,5.7070312 a 1,1 0 0 0 0,-1.4140624 A 1,1 0 0 0 16.666016,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
assets/chevron-down.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=chevron-down.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 5,7.5 a 1,1 0 0 0 -0.7070312,0.2929688 1,1 0 0 0 0,1.4140624 l 5,4.9999998 a 1.0001,1.0001 0 0 0 1.4140622,0 l 5,-4.9999998 a 1,1 0 0 0 0,-1.4140624 1,1 0 0 0 -1.414062,0 L 10,12.085938 5.7070312,7.7929688 A 1,1 0 0 0 5,7.5 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
assets/chevron-left.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=chevron-left.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 11.5,4 a 1,1 0 0 0 -0.707031,0.2929688 l -5.0000002,5 a 1.0001,1.0001 0 0 0 0,1.4140622 l 5.0000002,5 a 1,1 0 0 0 1.414062,0 1,1 0 0 0 0,-1.414062 L 7.9140625,10 12.207031,5.7070312 a 1,1 0 0 0 0,-1.4140624 A 1,1 0 0 0 11.5,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
assets/chevron-right.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=chevron-right.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 7.5,4 a 1,1 0 0 0 -0.7070312,0.2929688 1,1 0 0 0 0,1.4140624 L 11.085938,10 6.7929688,14.292969 a 1,1 0 0 0 0,1.414062 1,1 0 0 0 1.4140624,0 l 4.9999998,-5 a 1.0001,1.0001 0 0 0 0,-1.4140622 l -4.9999998,-5 A 1,1 0 0 0 7.5,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
assets/close.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=close.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 5,4 a 1,1 0 0 0 -0.7070312,0.2929688 1,1 0 0 0 0,1.4140624 L 8.5859375,10 4.2929688,14.292969 a 1,1 0 0 0 0,1.414062 1,1 0 0 0 1.4140624,0 L 10,11.414062 l 4.292969,4.292969 a 1,1 0 0 0 1.414062,0 1,1 0 0 0 0,-1.414062 L 11.414062,10 15.707031,5.7070312 a 1,1 0 0 0 0,-1.4140624 A 1,1 0 0 0 15,4 1,1 0 0 0 14.292969,4.2929688 L 10,8.5859375 5.7070312,4.2929688 A 1,1 0 0 0 5,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

10
assets/closed-eye.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3061_143)">
<path d="M0.81774 0.139688C0.631697 -0.0465626 0.329771 -0.0465626 0.143754 0.139688C-0.042466 0.325761 -0.042466 0.627736 0.143754 0.813782L4.25512 4.92508C2.55453 6.2446 1.13085 7.88662 0.0656466 9.75702C-0.0218822 9.90711 -0.0218822 10.0927 0.0656466 10.2428C2.2347 13.9064 4.99887 16.2147 8.06376 16.9215C8.69951 17.0683 9.34991 17.1423 10.0025 17.1423C11.7631 17.1175 13.4806 16.5921 14.9539 15.6272L19.1853 19.8603V19.8604C19.3716 20.0465 19.6733 20.0465 19.8595 19.8604C20.0457 19.6742 20.0457 19.3724 19.8595 19.1862L0.81774 0.139688ZM8.0189 8.68937L11.3134 11.9844H11.3136C10.6988 12.3858 9.93336 12.481 9.23919 12.2425C8.54479 12.0039 7.99944 11.4585 7.76094 10.7642C7.52263 10.0697 7.61778 9.3041 8.0191 8.68939L8.0189 8.68937ZM8.28078 15.9928C5.54419 15.3624 3.04365 13.292 1.03562 10H1.03579C2.03405 8.29292 3.35744 6.79833 4.93116 5.60108L7.34384 8.01433C6.69376 8.87292 6.50117 9.9936 6.82698 11.02C7.15299 12.0466 7.95705 12.8508 8.98329 13.1767C10.0095 13.5027 11.1302 13.3099 11.9887 12.6597L14.2664 14.9378H14.2662C12.4882 16.0648 10.337 16.4441 8.28064 15.9929L8.28078 15.9928ZM10.3499 7.65457L9.42146 6.72597C9.61282 6.68734 9.80736 6.66767 10.0025 6.66696C10.8862 6.66696 11.7339 7.01802 12.359 7.64324C12.9839 8.26825 13.3351 9.11605 13.3351 10.0001C13.3344 10.1953 13.3146 10.3898 13.2759 10.5811L12.3475 9.65246H12.3477C12.2729 9.14917 12.0383 8.6833 11.6786 8.32355C11.3189 7.96381 10.8531 7.72915 10.3499 7.65457ZM19.9342 9.75738V9.7572C20.0219 9.9073 20.0219 10.0928 19.9342 10.2429C19.096 11.6863 18.0573 13.0035 16.8493 14.155L16.1742 13.4788V13.479C17.2596 12.452 18.1999 11.2815 18.9687 10.0001C16.5321 6.00597 13.3565 3.80994 10.0022 3.80994C9.00502 3.82004 8.01878 4.02082 7.09709 4.40128L6.35911 3.66318C7.50319 3.14129 8.74453 2.86659 10.0021 2.85757C13.7745 2.85757 17.3013 5.30788 19.9339 9.75729L19.9342 9.75738Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_3061_143">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

39
assets/delete.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg4"
sodipodi:docname="Icon=delete.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs4" />
<sodipodi:namedview
id="namedview4"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg4" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 8.3339844,0.66601562 c -0.7068523,10e-9 -1.386886,0.28141722 -1.8867188,0.78124998 -0.4998328,0.4998328 -0.78125,1.1798705 -0.78125,1.8867188 V 4 h -1.5 H 2.5 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 h 0.6660156 v 10.666016 c 0,0.70684 0.2814927,1.386898 0.78125,1.886718 0.4998178,0.499723 1.1798555,0.78125 1.8867188,0.78125 h 8.3320316 c 0.706895,0 1.386913,-0.281603 1.886718,-0.78125 0.499647,-0.499805 0.78125,-1.179863 0.78125,-1.886718 V 6 H 17.5 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 h -1.666016 -1.5 V 3.3339844 c 0,-0.7068633 -0.281527,-1.386901 -0.78125,-1.8867188 -0.49982,-0.49975725 -1.179838,-0.78124997 -1.886718,-0.78124998 z m 0,1.99999998 h 3.3320316 c 0.177317,0 0.347278,0.069951 0.472656,0.1953125 0.125277,0.125301 0.195312,0.2954814 0.195312,0.4726563 V 4 H 7.6660156 V 3.3339844 c 0,-0.17719 0.070026,-0.3473703 0.1953125,-0.4726563 C 7.9866141,2.7360423 8.1567784,2.6660156 8.3339844,2.6660156 Z M 5.1660156,6 h 9.6679684 v 10.666016 c 0,0.177142 -0.06996,0.347263 -0.195312,0.472656 -0.125393,0.125352 -0.295354,0.195312 -0.472656,0.195312 H 5.8339844 c -0.1771749,0 -0.3473553,-0.07004 -0.4726563,-0.195312 C 5.2359667,17.013294 5.1660156,16.843173 5.1660156,16.666016 Z m 3.1679688,2.1660156 a 1,1 0 0 0 -1,1 v 5.0000004 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 9.1660156 a 1,1 0 0 0 -1,-1 z m 3.3320316,0 a 1,1 0 0 0 -1,1 v 5.0000004 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 9.1660156 a 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

38
assets/dismiss.svg Normal file
View File

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=dismiss.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="9.8333333"
inkscape:cx="11.949153"
inkscape:cy="12"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
d="M 12,0 C 5.3725866,0 0,5.3725866 0,12 0,18.627393 5.3725866,24 12,24 18.627393,24 24,18.627393 24,12 24,5.3725866 18.627393,0 12,0 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

39
assets/download.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg3"
sodipodi:docname="Icon=download.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs3" />
<sodipodi:namedview
id="namedview3"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg3" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 10,1.5 a 1,1 0 0 0 -1,1 v 7.585938 L 6.5410156,7.6269531 A 1,1 0 0 0 5.8339844,7.3339844 1,1 0 0 0 5.1269531,7.6269531 a 1,1 0 0 0 0,1.4140625 L 9.2929688,13.207031 A 1,1 0 0 0 10,13.5 1,1 0 0 0 10.707031,13.207031 l 4.166016,-4.1660154 a 1,1 0 0 0 0,-1.4140625 1,1 0 0 0 -1.414063,0 L 11,10.085938 V 2.5 a 1,1 0 0 0 -1,-1 z m -7.5,10 a 1,1 0 0 0 -1,1 v 3.333984 c 0,0.706881 0.2813432,1.384971 0.78125,1.884766 C 2.7810727,18.218637 3.4591483,18.5 4.1660156,18.5 H 15.833984 c 0.706896,0 1.384975,-0.281299 1.884766,-0.78125 C 18.218701,17.218959 18.5,16.54088 18.5,15.833984 V 12.5 a 1,1 0 0 0 -1,-1 1,1 0 0 0 -1,1 v 3.333984 c 0,0.177303 -0.07006,0.345497 -0.195312,0.470704 C 16.179481,16.429935 16.011287,16.5 15.833984,16.5 H 4.1660156 C 3.9888247,16.5 3.8206086,16.43 3.6953125,16.304688 3.5700805,16.179484 3.5,16.011302 3.5,15.833984 V 12.5 a 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

11
assets/eye.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3061_543)">
<path d="M9.99994 6.95547C9.21596 6.95486 8.46385 7.26598 7.9092 7.82004C7.35455 8.3741 7.04279 9.1259 7.04248 9.90988C7.04202 10.6939 7.3533 11.4458 7.90752 12.0004C8.46174 12.5548 9.21354 12.8666 9.99752 12.8668C10.7815 12.8669 11.5335 12.5556 12.0878 12.0013C12.6423 11.447 12.9538 10.6951 12.9538 9.91113C12.9533 9.12758 12.642 8.37641 12.0881 7.82234C11.5344 7.26812 10.7834 6.95641 9.99998 6.95551L9.99994 6.95547ZM9.99994 11.225C9.65067 11.2255 9.31572 11.0872 9.06854 10.8405C8.8215 10.5939 8.68264 10.2591 8.68234 9.91001C8.68218 9.56089 8.82089 9.22594 9.06777 8.97907C9.31466 8.73218 9.64961 8.59348 9.99871 8.59378C10.3478 8.59394 10.6826 8.73279 10.9292 8.97998C11.1759 9.22702 11.3142 9.56209 11.3137 9.91123C11.3132 10.2594 11.1747 10.5935 10.9284 10.8397C10.682 11.086 10.3481 11.2246 9.9999 11.225L9.99994 11.225Z" fill="black"/>
<path d="M17.471 7.50742L18.2254 6.66558C18.4207 6.44708 18.4848 6.14113 18.3932 5.86281C18.3017 5.58434 18.0687 5.37605 17.7818 5.31609C17.4951 5.25612 17.198 5.35378 17.0027 5.57213L16.2738 6.38116V6.38131C15.722 5.93272 15.124 5.5442 14.4899 5.2224L14.9819 4.31131V4.31116C15.0873 4.05908 15.0601 3.77116 14.9094 3.54319C14.7588 3.31507 14.5046 3.17713 14.2313 3.17515C13.958 3.17316 13.7018 3.30744 13.5479 3.53312L12.9665 4.6046C12.2679 4.39266 11.548 4.25823 10.82 4.20374V3.16874C10.82 2.87577 10.6636 2.60507 10.41 2.45859C10.1563 2.3121 9.84363 2.3121 9.59004 2.45859C9.33628 2.60507 9.18004 2.87577 9.18004 3.16874V4.20191C8.45187 4.25638 7.73215 4.39081 7.03344 4.60277L6.45207 3.53312C6.31276 3.2754 6.04648 3.11152 5.75351 3.10312C5.4607 3.09488 5.18558 3.24365 5.03191 3.49313C4.87841 3.74277 4.86956 4.05528 5.00887 4.31298L5.50083 5.22407C4.86684 5.54603 4.26868 5.93454 3.71692 6.38313L2.98801 5.57411V5.57396C2.7927 5.35561 2.49575 5.25795 2.20891 5.31792C1.9222 5.37788 1.68903 5.58616 1.59766 5.86463C1.50611 6.14295 1.57004 6.44889 1.76536 6.66741L2.52891 7.50741C1.95899 8.12295 1.46903 8.80807 1.0711 9.54643C0.95742 9.77608 0.95742 10.0457 1.0711 10.2753C1.18219 10.4958 3.82989 15.6492 10 15.6492C16.1699 15.6493 18.8234 10.496 18.9289 10.2753C19.0426 10.0457 19.0426 9.77608 18.9289 9.54643C18.5309 8.80807 18.0411 8.12295 17.4711 7.50741L17.471 7.50742ZM9.9999 14.0094C5.68311 14.0094 3.41631 10.9881 2.74561 9.91132C3.41807 8.84703 5.71221 5.80937 9.9999 5.80937C11.0334 5.80235 12.0591 5.98775 13.0248 6.35609L13.0978 6.38524H13.0976C14.0679 6.77464 14.9571 7.34121 15.7198 8.05621C15.7453 8.08536 15.7708 8.11633 15.7999 8.14365C15.8291 8.17096 15.8401 8.17279 15.8582 8.18744L15.8584 8.18729C16.3914 8.70365 16.86 9.2824 17.2541 9.91123C16.5818 10.9735 14.2876 14.0093 9.9998 14.0093L9.9999 14.0094Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_3061_543">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

39
assets/file-text.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg5"
sodipodi:docname="Icon=file-text.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs5" />
<sodipodi:namedview
id="namedview5"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg5" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 5,0.91601562 C 4.3593535,0.91601562 3.7440245,1.1719913 3.2910156,1.625 2.8380069,2.0780087 2.5839844,2.6933321 2.5839844,3.3339844 V 16.666016 c 0,0.640641 0.2540791,1.255973 0.7070312,1.708984 C 3.7440132,18.827911 4.3593422,19.083984 5,19.083984 h 10 c 0.640641,0 1.25597,-0.255968 1.708984,-0.708984 0.453015,-0.453014 0.707032,-1.068343 0.707032,-1.708984 V 6.6660156 A 0.75,0.75 0 0 0 17.359375,6.3789062 0.75,0.75 0 0 0 17.197266,6.1367188 v -0.00195 a 0.75,0.75 0 0 0 -0.01758,-0.015625 l -4.976563,-4.9765625 -0.0059,-0.00586 A 0.75,0.75 0 0 0 11.980469,0.99023438 0.750075,0.750075 0 0 0 11.919922,0.96679688 0.75,0.75 0 0 0 11.666016,0.91601562 Z M 5,2.4160156 h 5.916016 v 4.25 a 0.750075,0.750075 0 0 0 0.75,0.75 h 4.25 v 9.2500004 c 0,0.243356 -0.09539,0.476252 -0.267578,0.648437 C 15.476454,17.486437 15.243357,17.583984 15,17.583984 H 5 c -0.2434005,0 -0.4763163,-0.09744 -0.6484375,-0.269531 C 4.1793959,17.142264 4.0839844,16.909372 4.0839844,16.666016 V 3.3339844 c 0,-0.243386 0.095468,-0.4763276 0.2675781,-0.6484375 C 4.5236724,2.5134368 4.7565882,2.4160156 5,2.4160156 Z m 7.416016,1.0605469 2.439453,2.4394531 H 12.416016 Z M 6.6660156,6.75 a 0.75,0.75 0 0 0 -0.75,0.75 0.75,0.75 0 0 0 0.75,0.75 H 7.5 8.3339844 a 0.75,0.75 0 0 0 0.75,-0.75 0.75,0.75 0 0 0 -0.75,-0.75 H 7.5 Z m 0,3.333984 a 0.75,0.75 0 0 0 -0.75,0.75 0.75,0.75 0 0 0 0.75,0.75 h 6.6679684 a 0.75,0.75 0 0 0 0.75,-0.75 0.75,0.75 0 0 0 -0.75,-0.75 z m 0,3.332032 a 0.75,0.75 0 0 0 -0.75,0.75 0.75,0.75 0 0 0 0.75,0.75 h 6.6679684 a 0.75,0.75 0 0 0 0.75,-0.75 0.75,0.75 0 0 0 -0.75,-0.75 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

39
assets/filter.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=filter.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 1.6660156,1.5 A 1.0001,1.0001 0 0 0 0.90234375,3.1464844 L 7.3339844,10.75 v 5.083984 a 1.0001,1.0001 0 0 0 0.5527344,0.894532 L 11.21875,18.394531 A 1.0001,1.0001 0 0 0 12.666016,17.5 v -6.75 l 6.43164,-7.6035156 A 1.0001,1.0001 0 0 0 18.333984,1.5 Z m 2.15625,2 H 16.177734 l -5.27539,6.2382812 a 1.0001,1.0001 0 0 0 -0.236328,0.6445308 v 5.498047 L 9.3339844,15.214844 V 10.382812 A 1.0001,1.0001 0 0 0 9.0976562,9.7382812 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
assets/filters.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
assets/hidden.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 861 B

BIN
assets/home-active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
assets/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

52
assets/map.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg3"
sodipodi:docname="Icon=map.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview3"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg3" />
<g
clip-path="url(#clip0_1_624)"
id="g3">
<path
id="path3"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 13.333984,4 a 1,1 0 0 0 -1,1 v 13.333984 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 5 a 1,1 0 0 0 -1,-1 z M 6.6660156,0.66601562 a 1,1 0 0 0 -1,0.99999998 V 15 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 1.6660156 a 1,1 0 0 0 -1,-0.99999998 z M 7.1132812,0.77148437 A 1.0001,1.0001 0 0 0 6.1699219,0.79882812 L 0.33789063,4.1308594 A 1.0001,1.0001 0 0 0 -0.16601562,5 v 13.333984 a 1.0001,1.0001 0 0 0 1.49609372,0.867188 l 5.3671875,-3.06836 6.1894534,3.095704 a 1.0001,1.0001 0 0 0 0.943359,-0.02734 l 5.832031,-3.332031 A 1.0001,1.0001 0 0 0 20.166016,15 V 1.6660156 A 1.0001,1.0001 0 0 0 18.669922,0.79882812 L 13.302734,3.8671875 Z M 6.6972656,2.8007813 12.886719,5.8945312 a 1.0001,1.0001 0 0 0 0.943359,-0.025391 L 18.166016,3.390625 v 11.029297 l -4.863282,2.779297 -6.1894528,-3.09375 a 1.0001,1.0001 0 0 0 -0.9433593,0.02539 L 1.8339844,16.609375 V 5.5820312 Z" />
</g>
<defs
id="defs3">
<clipPath
id="clip0_1_624">
<rect
width="20"
height="20"
fill="white"
id="rect3" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

39
assets/message-circle.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=message-circle.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 10.416016,1.5 C 9.1613941,1.4973432 7.9228982,1.7904292 6.8027344,2.3554688 5.4602656,3.0264235 4.3303909,4.0575414 3.5410156,5.3339844 2.751635,6.6104289 2.3345663,8.0812164 2.3339844,9.5820312 2.3314692,10.648223 2.6524292,11.672236 3.0625,12.652344 l -1.5117188,4.53125 a 1.0001,1.0001 0 0 0 1.265625,1.265625 l 4.53125,-1.511719 c 0.9806494,0.410254 2.0053955,0.731231 3.0722658,0.728516 1.500049,-10e-4 2.970228,-0.417899 4.246094,-1.207032 1.275277,-0.788583 2.305548,-1.917139 2.976562,-3.257812 v -0.002 C 18.208893,12.077384 18.503314,10.836812 18.5,9.5800781 V 9.1660156 a 1.0001,1.0001 0 0 0 -0.002,-0.054687 C 18.38875,7.1288107 17.552407,5.2555085 16.148438,3.8515625 14.744543,2.4475759 12.871189,1.6113283 10.888672,1.5019531 A 1.0001,1.0001 0 0 0 10.833984,1.5 h -0.414062 z m -0.002,2 a 1.0001,1.0001 0 0 0 0.002,0 h 0.36914 c 1.488447,0.084128 2.895048,0.7113854 3.949219,1.765625 C 15.788672,6.319905 16.4159,7.7264763 16.5,9.2148438 v 0.3691406 a 1.0001,1.0001 0 0 0 0,0.00195 c 0.0025,0.9423595 -0.217664,1.8716295 -0.642578,2.7128905 a 1.0001,1.0001 0 0 0 -0.002,0.0039 c -0.505032,1.010407 -1.281508,1.86103 -2.242188,2.455078 -0.960576,0.594123 -2.067598,0.907688 -3.197265,0.908204 a 1.0001,1.0001 0 0 0 -0.002,0 C 9.4716793,15.668424 8.5424116,15.448273 7.7011719,15.023438 A 1.0001,1.0001 0 0 0 6.9335938,14.96875 L 4.0820312,15.917969 5.03125,13.066406 A 1.0001,1.0001 0 0 0 4.9765625,12.298828 C 4.5516614,11.457578 4.3315338,10.528339 4.3339844,9.5859375 a 1.0001,1.0001 0 0 0 0,-0.00195 C 4.3344224,8.4543814 4.6480509,7.3474498 5.2421875,6.3867188 5.8363094,5.4260063 6.686839,4.6495341 7.6972656,4.1445312 a 1.0001,1.0001 0 0 0 0.00391,-0.00195 C 8.542361,3.7176859 9.4716029,3.4975494 10.414062,3.5 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

52
assets/mic.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg4"
sodipodi:docname="Icon=mic.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview4"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg4" />
<g
clip-path="url(#clip0_1_651)"
id="g4">
<path
id="path4"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 6.6660156,18.166016 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 h 6.6679684 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z M 10,14.833984 a 1,1 0 0 0 -1,1 v 3.332032 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 v -3.332032 a 1,1 0 0 0 -1,-1 z M 4.1660156,7.3339844 a 1,1 0 0 0 -1,1 V 10 c 0,1.811929 0.7207508,3.550782 2.0019531,4.832031 C 6.4492135,16.113323 8.188097,16.833984 10,16.833984 c 1.811895,0 3.550763,-0.720685 4.832031,-2.001953 C 16.113157,13.550789 16.833984,11.811938 16.833984,10 V 8.3339844 a 1,1 0 0 0 -1,-1 1,1 0 0 0 -1,1 V 10 c 0,1.282259 -0.509343,2.511214 -1.416015,3.417969 -0.90673,0.90673 -2.135667,1.416015 -3.417969,1.416015 -1.2823139,0 -2.5112956,-0.509309 -3.4179688,-1.416015 C 5.6753158,12.51122 5.1660156,11.282268 5.1660156,10 V 8.3339844 a 1,1 0 0 0 -1,-1 z M 10,-0.16601562 c -0.9278758,0 -1.8185043,0.36928552 -2.4746094,1.02539062 C 6.8692875,1.5154781 6.5,2.4061146 6.5,3.3339844 V 10 c 0,0.927906 0.3693806,1.818515 1.0253906,2.474609 C 8.1814904,13.130653 9.0721202,13.5 10,13.5 c 0.927856,0 1.818474,-0.369395 2.474609,-1.025391 C 13.130555,11.818524 13.5,10.927916 13.5,10 V 3.3339844 C 13.5,2.4061046 13.130648,1.5154698 12.474609,0.859375 11.818468,0.20331776 10.927852,-0.16601562 10,-0.16601562 Z m 0,2.00000002 c 0.398147,0 0.778889,0.1578313 1.060547,0.4394531 C 11.342107,2.5550218 11.5,2.9357855 11.5,3.3339844 V 10 c 0,0.398283 -0.1578,0.778833 -0.439453,1.060547 C 10.778884,11.34215 10.398143,11.5 10,11.5 9.6018011,11.5 9.2210324,11.342102 8.9394531,11.060547 8.6577841,10.778842 8.5,10.398293 8.5,10 V 3.3339844 C 8.5,2.9357755 8.6578772,2.5550135 8.9394531,2.2734375 9.2210271,1.9918635 9.6017971,1.8339844 10,1.8339844 Z" />
</g>
<defs
id="defs4">
<clipPath
id="clip0_1_651">
<rect
width="20"
height="20"
fill="white"
id="rect4" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

39
assets/minus.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=minus.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 4.1660156,9 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 H 15.833984 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
assets/more-horizontal.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99996 10.8333C10.4602 10.8333 10.8333 10.4602 10.8333 9.99999C10.8333 9.53975 10.4602 9.16666 9.99996 9.16666C9.53972 9.16666 9.16663 9.53975 9.16663 9.99999C9.16663 10.4602 9.53972 10.8333 9.99996 10.8333Z" fill="#B8C1CC" stroke="#B8C1CC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.8333 10.8333C16.2936 10.8333 16.6667 10.4602 16.6667 9.99999C16.6667 9.53975 16.2936 9.16666 15.8333 9.16666C15.3731 9.16666 15 9.53975 15 9.99999C15 10.4602 15.3731 10.8333 15.8333 10.8333Z" fill="#B8C1CC" stroke="#B8C1CC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.16671 10.8333C4.62694 10.8333 5.00004 10.4602 5.00004 9.99999C5.00004 9.53975 4.62694 9.16666 4.16671 9.16666C3.70647 9.16666 3.33337 9.53975 3.33337 9.99999C3.33337 10.4602 3.70647 10.8333 4.16671 10.8333Z" fill="#B8C1CC" stroke="#B8C1CC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

39
assets/paperclip.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=paperclip.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 13.150391,0.15625 c -1.149348,0 -2.253663,0.45682707 -3.066407,1.2695312 L 2.4257812,9.0839844 C 1.3003218,10.209468 0.66796875,11.738444 0.66796875,13.330078 c 0,1.591635 0.63234425,3.118672 1.75781245,4.244141 1.1254582,1.125458 2.6524801,1.757812 4.2441407,1.757812 1.5916605,0 3.1206732,-0.632332 4.2460941,-1.757812 l 7.658203,-7.6582034 a 1,1 0 0 0 0,-1.4140625 1,1 0 0 0 -1.414063,0 L 9.5019531,16.160156 c -0.7508759,0.750916 -1.7700571,1.171875 -2.8320312,1.171875 -1.0619742,0 -2.0791401,-0.420937 -2.8300781,-1.171875 -0.7509281,-0.750928 -1.1718751,-1.768118 -1.171875,-2.830078 0,-1.06196 0.4209381,-2.081079 1.171875,-2.832031 L 11.498047,2.8398438 C 11.936301,2.4016104 12.530741,2.15625 13.150391,2.15625 c 0.619778,0 1.212273,0.2454265 1.65039,0.6835938 0.438233,0.4382115 0.683594,1.0326377 0.683594,1.6523437 0,0.619706 -0.245364,1.2121829 -0.683594,1.6503906 L 7.1347656,13.800781 c -0.1254585,0.125487 -0.2952324,0.195313 -0.4726562,0.195313 -0.1774399,0 -0.3452445,-0.06983 -0.4707032,-0.195313 a 1.0001,1.0001 0 0 0 -0.00195,0 C 6.063982,13.675329 5.9941406,13.507565 5.9941406,13.330078 c 0,-0.177487 0.06992,-0.347279 0.1953125,-0.472656 L 13.265625,5.7910156 a 1,1 0 0 0 0,-1.4140625 A 1,1 0 0 0 11.851562,4.375 l -7.0742182,7.068359 a 1.0001,1.0001 0 0 0 -0.00195,0 c -0.500086,0.500023 -0.78125,1.179608 -0.78125,1.886719 0,0.707111 0.2812394,1.384819 0.78125,1.884766 0.5000001,0.500111 1.1796004,0.78125 1.8867188,0.78125 0.7071143,0 1.3867186,-0.281139 1.8867187,-0.78125 L 16.214844,7.5566406 c 0.812768,-0.8127297 1.269531,-1.9150626 1.269531,-3.0644531 0,-1.1493905 -0.456767,-2.2536803 -1.269531,-3.0664063 C 15.402165,0.61301098 14.299808,0.15625 13.150391,0.15625 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
assets/people.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

39
assets/plus.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=plus.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 10,3.1660156 a 1,1 0 0 0 -1,1 V 9 H 4.1660156 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 H 9 v 4.833984 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 11 h 4.833984 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 H 11 V 4.1660156 a 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
assets/profile-active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
assets/profile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
assets/projects-active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
assets/projects.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
assets/results-active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 802 B

BIN
assets/results.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 857 B

39
assets/search.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=search.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 9.1660156,1.5 C 4.9436839,1.5 1.5,4.9436839 1.5,9.1660156 c 0,4.2223574 3.4436966,7.6679684 7.6660156,7.6679684 1.7519814,0 3.3682424,-0.596008 4.6621094,-1.591796 l 2.964844,2.964843 a 1,1 0 0 0 1.414062,0 1,1 0 0 0 0,-1.414062 L 15.242188,13.828125 C 16.237976,12.534258 16.833984,10.917997 16.833984,9.1660156 16.833984,4.9436966 13.388373,1.5 9.1660156,1.5 Z m 0,2 c 3.1414884,0 5.6679684,2.5245495 5.6679684,5.6660156 0,1.5286734 -0.599949,2.9105624 -1.576172,3.9277344 a 1,1 0 0 0 -0.08984,0.07422 1,1 0 0 0 -0.0625,0.07813 c -1.01828,0.983039 -2.404772,1.58789 -3.9394534,1.58789 C 6.0245495,14.833984 3.5,12.307504 3.5,9.1660156 3.5,6.0245621 6.0245621,3.5 9.1660156,3.5 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

52
assets/send.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=send.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<g
clip-path="url(#clip0_1_648)"
id="g2">
<path
id="path2"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 18.003906,0.72265625 1.3359375,6.5566406 a 1.0001,1.0001 0 0 0 -0.076172,1.8574219 l 7.1484375,3.1777345 3.177735,7.148437 a 1.0001,1.0001 0 0 0 1.857421,-0.07617 L 19.277344,1.9960937 A 1.0001,1.0001 0 0 0 18.003906,0.72265625 Z M 16.703125,3.296875 12.388672,15.623047 10.080078,10.427734 A 1.0001,1.0001 0 0 0 9.5722656,9.9199219 L 4.3769531,7.6113281 Z M 17.626953,0.95898438 8.4589844,10.126953 a 1,1 0 0 0 0,1.414063 1,1 0 0 0 1.4140625,0 L 19.041016,2.3730469 a 1,1 0 0 0 0,-1.41406252 1,1 0 0 0 -1.414063,0 z" />
</g>
<defs
id="defs2">
<clipPath
id="clip0_1_648">
<rect
width="20"
height="20"
fill="white"
id="rect2" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
assets/vk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
assets/yandex.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
example/assets/back.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1020 B

52
example/assets/cart.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg3"
sodipodi:docname="Icon=shopping-cart.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview3"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg3" />
<g
clip-path="url(#clip0_1_636)"
id="g3">
<path
id="path3"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 0.83398438,-0.16601562 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1.00000002 H 3.3476563 L 5.4199219,12.1875 c 0.1218865,0.613592 0.455969,1.164265 0.9433593,1.556641 0.4873135,0.392153 1.0971223,0.60184 1.7226563,0.589843 h 8.0605465 c 0.62554,0.012 1.237346,-0.19773 1.72461,-0.589843 0.487407,-0.392389 0.821355,-0.943264 0.943359,-1.556641 a 1.0001,1.0001 0 0 0 0.002,-0.0078 L 20.148437,5.1875 A 1.0001,1.0001 0 0 0 19.166016,4 H 5.8203125 L 5.1464844,0.63671875 A 1.0001,1.0001 0 0 0 4.1660156,-0.16601562 Z M 6.2207031,6 H 17.957031 l -1.105469,5.804688 v -0.0078 c -0.0306,0.153822 -0.112382,0.290461 -0.234375,0.388672 -0.122135,0.09829 -0.27498,0.151442 -0.43164,0.148437 a 1.0001,1.0001 0 0 0 -0.01953,0 H 8.0664063 a 1.0001,1.0001 0 0 0 -0.019531,0 C 7.8902501,12.336997 7.7392738,12.283807 7.6171878,12.18556 7.4951787,12.08734 7.411373,11.950496 7.3808597,11.796888 a 1.0001,1.0001 0 0 0 0,-0.002 z m 10.4453129,9.666016 c -1.000672,0 -1.832032,0.83344 -1.832032,1.833984 0,1.000544 0.83136,1.833984 1.832032,1.833984 1.000688,0 1.833984,-0.833295 1.833984,-1.833984 0,-1.000689 -0.833296,-1.833984 -1.833984,-1.833984 z m 0,1.667968 c 0.08007,0 0.167968,0.08587 0.167968,0.166016 0,0.08015 -0.0879,0.166016 -0.167968,0.166016 C 16.585726,17.666016 16.5,17.58029 16.5,17.5 c 0,-0.08029 0.08573,-0.166016 0.166016,-0.166016 z M 7.5,15.666016 c -1.0006817,0 -1.8339844,0.83331 -1.8339844,1.833984 0,1.000674 0.8333027,1.833984 1.8339844,1.833984 1.0006817,0 1.8339844,-0.83331 1.8339844,-1.833984 0,-1.000674 -0.8333027,-1.833984 -1.8339844,-1.833984 z m 0,1.667968 c 0.080203,0 0.1660156,0.08574 0.1660156,0.166016 0,0.08028 -0.085813,0.166016 -0.1660156,0.166016 -0.080203,0 -0.1660156,-0.08574 -0.1660156,-0.166016 0,-0.08028 0.085813,-0.166016 0.1660156,-0.166016 z" />
</g>
<defs
id="defs3">
<clipPath
id="clip0_1_636">
<rect
width="20"
height="20"
fill="white"
id="rect3" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

39
example/assets/check.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=check.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="246"
inkscape:window-y="85"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 16.666016,4 A 1,1 0 0 0 15.958984,4.2929688 L 7.5,12.751953 4.0410156,9.2929688 a 1,1 0 0 0 -1.4140625,0 1,1 0 0 0 0,1.4140622 l 4.1660157,4.166016 a 1.0001,1.0001 0 0 0 1.4140624,0 L 17.373047,5.7070312 a 1,1 0 0 0 0,-1.4140624 A 1,1 0 0 0 16.666016,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
example/assets/chevron-down.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=chevron-down.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 5,7.5 a 1,1 0 0 0 -0.7070312,0.2929688 1,1 0 0 0 0,1.4140624 l 5,4.9999998 a 1.0001,1.0001 0 0 0 1.4140622,0 l 5,-4.9999998 a 1,1 0 0 0 0,-1.4140624 1,1 0 0 0 -1.414062,0 L 10,12.085938 5.7070312,7.7929688 A 1,1 0 0 0 5,7.5 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
example/assets/chevron-left.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=chevron-left.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 11.5,4 a 1,1 0 0 0 -0.707031,0.2929688 l -5.0000002,5 a 1.0001,1.0001 0 0 0 0,1.4140622 l 5.0000002,5 a 1,1 0 0 0 1.414062,0 1,1 0 0 0 0,-1.414062 L 7.9140625,10 12.207031,5.7070312 a 1,1 0 0 0 0,-1.4140624 A 1,1 0 0 0 11.5,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
example/assets/chevron-right.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=chevron-right.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 7.5,4 a 1,1 0 0 0 -0.7070312,0.2929688 1,1 0 0 0 0,1.4140624 L 11.085938,10 6.7929688,14.292969 a 1,1 0 0 0 0,1.414062 1,1 0 0 0 1.4140624,0 l 4.9999998,-5 a 1.0001,1.0001 0 0 0 0,-1.4140622 l -4.9999998,-5 A 1,1 0 0 0 7.5,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

39
example/assets/close.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=close.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 5,4 a 1,1 0 0 0 -0.7070312,0.2929688 1,1 0 0 0 0,1.4140624 L 8.5859375,10 4.2929688,14.292969 a 1,1 0 0 0 0,1.414062 1,1 0 0 0 1.4140624,0 L 10,11.414062 l 4.292969,4.292969 a 1,1 0 0 0 1.414062,0 1,1 0 0 0 0,-1.414062 L 11.414062,10 15.707031,5.7070312 a 1,1 0 0 0 0,-1.4140624 A 1,1 0 0 0 15,4 1,1 0 0 0 14.292969,4.2929688 L 10,8.5859375 5.7070312,4.2929688 A 1,1 0 0 0 5,4 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

10
example/assets/closed-eye.svg Normal file
View File

@ -0,0 +1,10 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3061_143)">
<path d="M0.81774 0.139688C0.631697 -0.0465626 0.329771 -0.0465626 0.143754 0.139688C-0.042466 0.325761 -0.042466 0.627736 0.143754 0.813782L4.25512 4.92508C2.55453 6.2446 1.13085 7.88662 0.0656466 9.75702C-0.0218822 9.90711 -0.0218822 10.0927 0.0656466 10.2428C2.2347 13.9064 4.99887 16.2147 8.06376 16.9215C8.69951 17.0683 9.34991 17.1423 10.0025 17.1423C11.7631 17.1175 13.4806 16.5921 14.9539 15.6272L19.1853 19.8603V19.8604C19.3716 20.0465 19.6733 20.0465 19.8595 19.8604C20.0457 19.6742 20.0457 19.3724 19.8595 19.1862L0.81774 0.139688ZM8.0189 8.68937L11.3134 11.9844H11.3136C10.6988 12.3858 9.93336 12.481 9.23919 12.2425C8.54479 12.0039 7.99944 11.4585 7.76094 10.7642C7.52263 10.0697 7.61778 9.3041 8.0191 8.68939L8.0189 8.68937ZM8.28078 15.9928C5.54419 15.3624 3.04365 13.292 1.03562 10H1.03579C2.03405 8.29292 3.35744 6.79833 4.93116 5.60108L7.34384 8.01433C6.69376 8.87292 6.50117 9.9936 6.82698 11.02C7.15299 12.0466 7.95705 12.8508 8.98329 13.1767C10.0095 13.5027 11.1302 13.3099 11.9887 12.6597L14.2664 14.9378H14.2662C12.4882 16.0648 10.337 16.4441 8.28064 15.9929L8.28078 15.9928ZM10.3499 7.65457L9.42146 6.72597C9.61282 6.68734 9.80736 6.66767 10.0025 6.66696C10.8862 6.66696 11.7339 7.01802 12.359 7.64324C12.9839 8.26825 13.3351 9.11605 13.3351 10.0001C13.3344 10.1953 13.3146 10.3898 13.2759 10.5811L12.3475 9.65246H12.3477C12.2729 9.14917 12.0383 8.6833 11.6786 8.32355C11.3189 7.96381 10.8531 7.72915 10.3499 7.65457ZM19.9342 9.75738V9.7572C20.0219 9.9073 20.0219 10.0928 19.9342 10.2429C19.096 11.6863 18.0573 13.0035 16.8493 14.155L16.1742 13.4788V13.479C17.2596 12.452 18.1999 11.2815 18.9687 10.0001C16.5321 6.00597 13.3565 3.80994 10.0022 3.80994C9.00502 3.82004 8.01878 4.02082 7.09709 4.40128L6.35911 3.66318C7.50319 3.14129 8.74453 2.86659 10.0021 2.85757C13.7745 2.85757 17.3013 5.30788 19.9339 9.75729L19.9342 9.75738Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_3061_143">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.1 KiB

39
example/assets/delete.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg4"
sodipodi:docname="Icon=delete.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs4" />
<sodipodi:namedview
id="namedview4"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg4" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 8.3339844,0.66601562 c -0.7068523,10e-9 -1.386886,0.28141722 -1.8867188,0.78124998 -0.4998328,0.4998328 -0.78125,1.1798705 -0.78125,1.8867188 V 4 h -1.5 H 2.5 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 h 0.6660156 v 10.666016 c 0,0.70684 0.2814927,1.386898 0.78125,1.886718 0.4998178,0.499723 1.1798555,0.78125 1.8867188,0.78125 h 8.3320316 c 0.706895,0 1.386913,-0.281603 1.886718,-0.78125 0.499647,-0.499805 0.78125,-1.179863 0.78125,-1.886718 V 6 H 17.5 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 h -1.666016 -1.5 V 3.3339844 c 0,-0.7068633 -0.281527,-1.386901 -0.78125,-1.8867188 -0.49982,-0.49975725 -1.179838,-0.78124997 -1.886718,-0.78124998 z m 0,1.99999998 h 3.3320316 c 0.177317,0 0.347278,0.069951 0.472656,0.1953125 0.125277,0.125301 0.195312,0.2954814 0.195312,0.4726563 V 4 H 7.6660156 V 3.3339844 c 0,-0.17719 0.070026,-0.3473703 0.1953125,-0.4726563 C 7.9866141,2.7360423 8.1567784,2.6660156 8.3339844,2.6660156 Z M 5.1660156,6 h 9.6679684 v 10.666016 c 0,0.177142 -0.06996,0.347263 -0.195312,0.472656 -0.125393,0.125352 -0.295354,0.195312 -0.472656,0.195312 H 5.8339844 c -0.1771749,0 -0.3473553,-0.07004 -0.4726563,-0.195312 C 5.2359667,17.013294 5.1660156,16.843173 5.1660156,16.666016 Z m 3.1679688,2.1660156 a 1,1 0 0 0 -1,1 v 5.0000004 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 9.1660156 a 1,1 0 0 0 -1,-1 z m 3.3320316,0 a 1,1 0 0 0 -1,1 v 5.0000004 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 9.1660156 a 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

38
example/assets/dismiss.svg Normal file
View File

@ -0,0 +1,38 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=dismiss.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="9.8333333"
inkscape:cx="11.949153"
inkscape:cy="12"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
d="M 12,0 C 5.3725866,0 0,5.3725866 0,12 0,18.627393 5.3725866,24 12,24 18.627393,24 24,18.627393 24,12 24,5.3725866 18.627393,0 12,0 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

3
example/assets/divider.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="2" height="16" viewBox="0 0 2 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 0V16" stroke="#EBEBEB"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 138 B

39
example/assets/download.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg3"
sodipodi:docname="Icon=download.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs3" />
<sodipodi:namedview
id="namedview3"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg3" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 10,1.5 a 1,1 0 0 0 -1,1 v 7.585938 L 6.5410156,7.6269531 A 1,1 0 0 0 5.8339844,7.3339844 1,1 0 0 0 5.1269531,7.6269531 a 1,1 0 0 0 0,1.4140625 L 9.2929688,13.207031 A 1,1 0 0 0 10,13.5 1,1 0 0 0 10.707031,13.207031 l 4.166016,-4.1660154 a 1,1 0 0 0 0,-1.4140625 1,1 0 0 0 -1.414063,0 L 11,10.085938 V 2.5 a 1,1 0 0 0 -1,-1 z m -7.5,10 a 1,1 0 0 0 -1,1 v 3.333984 c 0,0.706881 0.2813432,1.384971 0.78125,1.884766 C 2.7810727,18.218637 3.4591483,18.5 4.1660156,18.5 H 15.833984 c 0.706896,0 1.384975,-0.281299 1.884766,-0.78125 C 18.218701,17.218959 18.5,16.54088 18.5,15.833984 V 12.5 a 1,1 0 0 0 -1,-1 1,1 0 0 0 -1,1 v 3.333984 c 0,0.177303 -0.07006,0.345497 -0.195312,0.470704 C 16.179481,16.429935 16.011287,16.5 15.833984,16.5 H 4.1660156 C 3.9888247,16.5 3.8206086,16.43 3.6953125,16.304688 3.5700805,16.179484 3.5,16.011302 3.5,15.833984 V 12.5 a 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

11
example/assets/eye.svg Normal file
View File

@ -0,0 +1,11 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3061_543)">
<path d="M9.99994 6.95547C9.21596 6.95486 8.46385 7.26598 7.9092 7.82004C7.35455 8.3741 7.04279 9.1259 7.04248 9.90988C7.04202 10.6939 7.3533 11.4458 7.90752 12.0004C8.46174 12.5548 9.21354 12.8666 9.99752 12.8668C10.7815 12.8669 11.5335 12.5556 12.0878 12.0013C12.6423 11.447 12.9538 10.6951 12.9538 9.91113C12.9533 9.12758 12.642 8.37641 12.0881 7.82234C11.5344 7.26812 10.7834 6.95641 9.99998 6.95551L9.99994 6.95547ZM9.99994 11.225C9.65067 11.2255 9.31572 11.0872 9.06854 10.8405C8.8215 10.5939 8.68264 10.2591 8.68234 9.91001C8.68218 9.56089 8.82089 9.22594 9.06777 8.97907C9.31466 8.73218 9.64961 8.59348 9.99871 8.59378C10.3478 8.59394 10.6826 8.73279 10.9292 8.97998C11.1759 9.22702 11.3142 9.56209 11.3137 9.91123C11.3132 10.2594 11.1747 10.5935 10.9284 10.8397C10.682 11.086 10.3481 11.2246 9.9999 11.225L9.99994 11.225Z" fill="black"/>
<path d="M17.471 7.50742L18.2254 6.66558C18.4207 6.44708 18.4848 6.14113 18.3932 5.86281C18.3017 5.58434 18.0687 5.37605 17.7818 5.31609C17.4951 5.25612 17.198 5.35378 17.0027 5.57213L16.2738 6.38116V6.38131C15.722 5.93272 15.124 5.5442 14.4899 5.2224L14.9819 4.31131V4.31116C15.0873 4.05908 15.0601 3.77116 14.9094 3.54319C14.7588 3.31507 14.5046 3.17713 14.2313 3.17515C13.958 3.17316 13.7018 3.30744 13.5479 3.53312L12.9665 4.6046C12.2679 4.39266 11.548 4.25823 10.82 4.20374V3.16874C10.82 2.87577 10.6636 2.60507 10.41 2.45859C10.1563 2.3121 9.84363 2.3121 9.59004 2.45859C9.33628 2.60507 9.18004 2.87577 9.18004 3.16874V4.20191C8.45187 4.25638 7.73215 4.39081 7.03344 4.60277L6.45207 3.53312C6.31276 3.2754 6.04648 3.11152 5.75351 3.10312C5.4607 3.09488 5.18558 3.24365 5.03191 3.49313C4.87841 3.74277 4.86956 4.05528 5.00887 4.31298L5.50083 5.22407C4.86684 5.54603 4.26868 5.93454 3.71692 6.38313L2.98801 5.57411V5.57396C2.7927 5.35561 2.49575 5.25795 2.20891 5.31792C1.9222 5.37788 1.68903 5.58616 1.59766 5.86463C1.50611 6.14295 1.57004 6.44889 1.76536 6.66741L2.52891 7.50741C1.95899 8.12295 1.46903 8.80807 1.0711 9.54643C0.95742 9.77608 0.95742 10.0457 1.0711 10.2753C1.18219 10.4958 3.82989 15.6492 10 15.6492C16.1699 15.6493 18.8234 10.496 18.9289 10.2753C19.0426 10.0457 19.0426 9.77608 18.9289 9.54643C18.5309 8.80807 18.0411 8.12295 17.4711 7.50741L17.471 7.50742ZM9.9999 14.0094C5.68311 14.0094 3.41631 10.9881 2.74561 9.91132C3.41807 8.84703 5.71221 5.80937 9.9999 5.80937C11.0334 5.80235 12.0591 5.98775 13.0248 6.35609L13.0978 6.38524H13.0976C14.0679 6.77464 14.9571 7.34121 15.7198 8.05621C15.7453 8.08536 15.7708 8.11633 15.7999 8.14365C15.8291 8.17096 15.8401 8.17279 15.8582 8.18744L15.8584 8.18729C16.3914 8.70365 16.86 9.2824 17.2541 9.91123C16.5818 10.9735 14.2876 14.0093 9.9998 14.0093L9.9999 14.0094Z" fill="black"/>
</g>
<defs>
<clipPath id="clip0_3061_543">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

39
example/assets/file-text.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg5"
sodipodi:docname="Icon=file-text.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs5" />
<sodipodi:namedview
id="namedview5"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg5" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 5,0.91601562 C 4.3593535,0.91601562 3.7440245,1.1719913 3.2910156,1.625 2.8380069,2.0780087 2.5839844,2.6933321 2.5839844,3.3339844 V 16.666016 c 0,0.640641 0.2540791,1.255973 0.7070312,1.708984 C 3.7440132,18.827911 4.3593422,19.083984 5,19.083984 h 10 c 0.640641,0 1.25597,-0.255968 1.708984,-0.708984 0.453015,-0.453014 0.707032,-1.068343 0.707032,-1.708984 V 6.6660156 A 0.75,0.75 0 0 0 17.359375,6.3789062 0.75,0.75 0 0 0 17.197266,6.1367188 v -0.00195 a 0.75,0.75 0 0 0 -0.01758,-0.015625 l -4.976563,-4.9765625 -0.0059,-0.00586 A 0.75,0.75 0 0 0 11.980469,0.99023438 0.750075,0.750075 0 0 0 11.919922,0.96679688 0.75,0.75 0 0 0 11.666016,0.91601562 Z M 5,2.4160156 h 5.916016 v 4.25 a 0.750075,0.750075 0 0 0 0.75,0.75 h 4.25 v 9.2500004 c 0,0.243356 -0.09539,0.476252 -0.267578,0.648437 C 15.476454,17.486437 15.243357,17.583984 15,17.583984 H 5 c -0.2434005,0 -0.4763163,-0.09744 -0.6484375,-0.269531 C 4.1793959,17.142264 4.0839844,16.909372 4.0839844,16.666016 V 3.3339844 c 0,-0.243386 0.095468,-0.4763276 0.2675781,-0.6484375 C 4.5236724,2.5134368 4.7565882,2.4160156 5,2.4160156 Z m 7.416016,1.0605469 2.439453,2.4394531 H 12.416016 Z M 6.6660156,6.75 a 0.75,0.75 0 0 0 -0.75,0.75 0.75,0.75 0 0 0 0.75,0.75 H 7.5 8.3339844 a 0.75,0.75 0 0 0 0.75,-0.75 0.75,0.75 0 0 0 -0.75,-0.75 H 7.5 Z m 0,3.333984 a 0.75,0.75 0 0 0 -0.75,0.75 0.75,0.75 0 0 0 0.75,0.75 h 6.6679684 a 0.75,0.75 0 0 0 0.75,-0.75 0.75,0.75 0 0 0 -0.75,-0.75 z m 0,3.332032 a 0.75,0.75 0 0 0 -0.75,0.75 0.75,0.75 0 0 0 0.75,0.75 h 6.6679684 a 0.75,0.75 0 0 0 0.75,-0.75 0.75,0.75 0 0 0 -0.75,-0.75 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

39
example/assets/filter.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=filter.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 1.6660156,1.5 A 1.0001,1.0001 0 0 0 0.90234375,3.1464844 L 7.3339844,10.75 v 5.083984 a 1.0001,1.0001 0 0 0 0.5527344,0.894532 L 11.21875,18.394531 A 1.0001,1.0001 0 0 0 12.666016,17.5 v -6.75 l 6.43164,-7.6035156 A 1.0001,1.0001 0 0 0 18.333984,1.5 Z m 2.15625,2 H 16.177734 l -5.27539,6.2382812 a 1.0001,1.0001 0 0 0 -0.236328,0.6445308 v 5.498047 L 9.3339844,15.214844 V 10.382812 A 1.0001,1.0001 0 0 0 9.0976562,9.7382812 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
example/assets/filters.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
example/assets/hidden.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 861 B

BIN
example/assets/home-active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
example/assets/home.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

52
example/assets/map.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg3"
sodipodi:docname="Icon=map.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview3"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg3" />
<g
clip-path="url(#clip0_1_624)"
id="g3">
<path
id="path3"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 13.333984,4 a 1,1 0 0 0 -1,1 v 13.333984 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 5 a 1,1 0 0 0 -1,-1 z M 6.6660156,0.66601562 a 1,1 0 0 0 -1,0.99999998 V 15 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 1.6660156 a 1,1 0 0 0 -1,-0.99999998 z M 7.1132812,0.77148437 A 1.0001,1.0001 0 0 0 6.1699219,0.79882812 L 0.33789063,4.1308594 A 1.0001,1.0001 0 0 0 -0.16601562,5 v 13.333984 a 1.0001,1.0001 0 0 0 1.49609372,0.867188 l 5.3671875,-3.06836 6.1894534,3.095704 a 1.0001,1.0001 0 0 0 0.943359,-0.02734 l 5.832031,-3.332031 A 1.0001,1.0001 0 0 0 20.166016,15 V 1.6660156 A 1.0001,1.0001 0 0 0 18.669922,0.79882812 L 13.302734,3.8671875 Z M 6.6972656,2.8007813 12.886719,5.8945312 a 1.0001,1.0001 0 0 0 0.943359,-0.025391 L 18.166016,3.390625 v 11.029297 l -4.863282,2.779297 -6.1894528,-3.09375 a 1.0001,1.0001 0 0 0 -0.9433593,0.02539 L 1.8339844,16.609375 V 5.5820312 Z" />
</g>
<defs
id="defs3">
<clipPath
id="clip0_1_624">
<rect
width="20"
height="20"
fill="white"
id="rect3" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

39
example/assets/message-circle.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=message-circle.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 10.416016,1.5 C 9.1613941,1.4973432 7.9228982,1.7904292 6.8027344,2.3554688 5.4602656,3.0264235 4.3303909,4.0575414 3.5410156,5.3339844 2.751635,6.6104289 2.3345663,8.0812164 2.3339844,9.5820312 2.3314692,10.648223 2.6524292,11.672236 3.0625,12.652344 l -1.5117188,4.53125 a 1.0001,1.0001 0 0 0 1.265625,1.265625 l 4.53125,-1.511719 c 0.9806494,0.410254 2.0053955,0.731231 3.0722658,0.728516 1.500049,-10e-4 2.970228,-0.417899 4.246094,-1.207032 1.275277,-0.788583 2.305548,-1.917139 2.976562,-3.257812 v -0.002 C 18.208893,12.077384 18.503314,10.836812 18.5,9.5800781 V 9.1660156 a 1.0001,1.0001 0 0 0 -0.002,-0.054687 C 18.38875,7.1288107 17.552407,5.2555085 16.148438,3.8515625 14.744543,2.4475759 12.871189,1.6113283 10.888672,1.5019531 A 1.0001,1.0001 0 0 0 10.833984,1.5 h -0.414062 z m -0.002,2 a 1.0001,1.0001 0 0 0 0.002,0 h 0.36914 c 1.488447,0.084128 2.895048,0.7113854 3.949219,1.765625 C 15.788672,6.319905 16.4159,7.7264763 16.5,9.2148438 v 0.3691406 a 1.0001,1.0001 0 0 0 0,0.00195 c 0.0025,0.9423595 -0.217664,1.8716295 -0.642578,2.7128905 a 1.0001,1.0001 0 0 0 -0.002,0.0039 c -0.505032,1.010407 -1.281508,1.86103 -2.242188,2.455078 -0.960576,0.594123 -2.067598,0.907688 -3.197265,0.908204 a 1.0001,1.0001 0 0 0 -0.002,0 C 9.4716793,15.668424 8.5424116,15.448273 7.7011719,15.023438 A 1.0001,1.0001 0 0 0 6.9335938,14.96875 L 4.0820312,15.917969 5.03125,13.066406 A 1.0001,1.0001 0 0 0 4.9765625,12.298828 C 4.5516614,11.457578 4.3315338,10.528339 4.3339844,9.5859375 a 1.0001,1.0001 0 0 0 0,-0.00195 C 4.3344224,8.4543814 4.6480509,7.3474498 5.2421875,6.3867188 5.8363094,5.4260063 6.686839,4.6495341 7.6972656,4.1445312 a 1.0001,1.0001 0 0 0 0.00391,-0.00195 C 8.542361,3.7176859 9.4716029,3.4975494 10.414062,3.5 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

52
example/assets/mic.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg4"
sodipodi:docname="Icon=mic.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview4"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg4" />
<g
clip-path="url(#clip0_1_651)"
id="g4">
<path
id="path4"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 6.6660156,18.166016 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 h 6.6679684 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z M 10,14.833984 a 1,1 0 0 0 -1,1 v 3.332032 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 v -3.332032 a 1,1 0 0 0 -1,-1 z M 4.1660156,7.3339844 a 1,1 0 0 0 -1,1 V 10 c 0,1.811929 0.7207508,3.550782 2.0019531,4.832031 C 6.4492135,16.113323 8.188097,16.833984 10,16.833984 c 1.811895,0 3.550763,-0.720685 4.832031,-2.001953 C 16.113157,13.550789 16.833984,11.811938 16.833984,10 V 8.3339844 a 1,1 0 0 0 -1,-1 1,1 0 0 0 -1,1 V 10 c 0,1.282259 -0.509343,2.511214 -1.416015,3.417969 -0.90673,0.90673 -2.135667,1.416015 -3.417969,1.416015 -1.2823139,0 -2.5112956,-0.509309 -3.4179688,-1.416015 C 5.6753158,12.51122 5.1660156,11.282268 5.1660156,10 V 8.3339844 a 1,1 0 0 0 -1,-1 z M 10,-0.16601562 c -0.9278758,0 -1.8185043,0.36928552 -2.4746094,1.02539062 C 6.8692875,1.5154781 6.5,2.4061146 6.5,3.3339844 V 10 c 0,0.927906 0.3693806,1.818515 1.0253906,2.474609 C 8.1814904,13.130653 9.0721202,13.5 10,13.5 c 0.927856,0 1.818474,-0.369395 2.474609,-1.025391 C 13.130555,11.818524 13.5,10.927916 13.5,10 V 3.3339844 C 13.5,2.4061046 13.130648,1.5154698 12.474609,0.859375 11.818468,0.20331776 10.927852,-0.16601562 10,-0.16601562 Z m 0,2.00000002 c 0.398147,0 0.778889,0.1578313 1.060547,0.4394531 C 11.342107,2.5550218 11.5,2.9357855 11.5,3.3339844 V 10 c 0,0.398283 -0.1578,0.778833 -0.439453,1.060547 C 10.778884,11.34215 10.398143,11.5 10,11.5 9.6018011,11.5 9.2210324,11.342102 8.9394531,11.060547 8.6577841,10.778842 8.5,10.398293 8.5,10 V 3.3339844 C 8.5,2.9357755 8.6578772,2.5550135 8.9394531,2.2734375 9.2210271,1.9918635 9.6017971,1.8339844 10,1.8339844 Z" />
</g>
<defs
id="defs4">
<clipPath
id="clip0_1_651">
<rect
width="20"
height="20"
fill="white"
id="rect4" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

39
example/assets/minus.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=minus.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 4.1660156,9 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 H 15.833984 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

5
example/assets/more-horizontal.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99996 10.8333C10.4602 10.8333 10.8333 10.4602 10.8333 9.99999C10.8333 9.53975 10.4602 9.16666 9.99996 9.16666C9.53972 9.16666 9.16663 9.53975 9.16663 9.99999C9.16663 10.4602 9.53972 10.8333 9.99996 10.8333Z" fill="#B8C1CC" stroke="#B8C1CC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.8333 10.8333C16.2936 10.8333 16.6667 10.4602 16.6667 9.99999C16.6667 9.53975 16.2936 9.16666 15.8333 9.16666C15.3731 9.16666 15 9.53975 15 9.99999C15 10.4602 15.3731 10.8333 15.8333 10.8333Z" fill="#B8C1CC" stroke="#B8C1CC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M4.16671 10.8333C4.62694 10.8333 5.00004 10.4602 5.00004 9.99999C5.00004 9.53975 4.62694 9.16666 4.16671 9.16666C3.70647 9.16666 3.33337 9.53975 3.33337 9.99999C3.33337 10.4602 3.70647 10.8333 4.16671 10.8333Z" fill="#B8C1CC" stroke="#B8C1CC" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

39
example/assets/paperclip.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg1"
sodipodi:docname="Icon=paperclip.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<sodipodi:namedview
id="namedview1"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg1" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 13.150391,0.15625 c -1.149348,0 -2.253663,0.45682707 -3.066407,1.2695312 L 2.4257812,9.0839844 C 1.3003218,10.209468 0.66796875,11.738444 0.66796875,13.330078 c 0,1.591635 0.63234425,3.118672 1.75781245,4.244141 1.1254582,1.125458 2.6524801,1.757812 4.2441407,1.757812 1.5916605,0 3.1206732,-0.632332 4.2460941,-1.757812 l 7.658203,-7.6582034 a 1,1 0 0 0 0,-1.4140625 1,1 0 0 0 -1.414063,0 L 9.5019531,16.160156 c -0.7508759,0.750916 -1.7700571,1.171875 -2.8320312,1.171875 -1.0619742,0 -2.0791401,-0.420937 -2.8300781,-1.171875 -0.7509281,-0.750928 -1.1718751,-1.768118 -1.171875,-2.830078 0,-1.06196 0.4209381,-2.081079 1.171875,-2.832031 L 11.498047,2.8398438 C 11.936301,2.4016104 12.530741,2.15625 13.150391,2.15625 c 0.619778,0 1.212273,0.2454265 1.65039,0.6835938 0.438233,0.4382115 0.683594,1.0326377 0.683594,1.6523437 0,0.619706 -0.245364,1.2121829 -0.683594,1.6503906 L 7.1347656,13.800781 c -0.1254585,0.125487 -0.2952324,0.195313 -0.4726562,0.195313 -0.1774399,0 -0.3452445,-0.06983 -0.4707032,-0.195313 a 1.0001,1.0001 0 0 0 -0.00195,0 C 6.063982,13.675329 5.9941406,13.507565 5.9941406,13.330078 c 0,-0.177487 0.06992,-0.347279 0.1953125,-0.472656 L 13.265625,5.7910156 a 1,1 0 0 0 0,-1.4140625 A 1,1 0 0 0 11.851562,4.375 l -7.0742182,7.068359 a 1.0001,1.0001 0 0 0 -0.00195,0 c -0.500086,0.500023 -0.78125,1.179608 -0.78125,1.886719 0,0.707111 0.2812394,1.384819 0.78125,1.884766 0.5000001,0.500111 1.1796004,0.78125 1.8867188,0.78125 0.7071143,0 1.3867186,-0.281139 1.8867187,-0.78125 L 16.214844,7.5566406 c 0.812768,-0.8127297 1.269531,-1.9150626 1.269531,-3.0644531 0,-1.1493905 -0.456767,-2.2536803 -1.269531,-3.0664063 C 15.402165,0.61301098 14.299808,0.15625 13.150391,0.15625 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.8 KiB

BIN
example/assets/people.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

39
example/assets/plus.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=plus.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="m 10,3.1660156 a 1,1 0 0 0 -1,1 V 9 H 4.1660156 a 1,1 0 0 0 -1,1 1,1 0 0 0 1,1 H 9 v 4.833984 a 1,1 0 0 0 1,1 1,1 0 0 0 1,-1 V 11 h 4.833984 a 1,1 0 0 0 1,-1 1,1 0 0 0 -1,-1 H 11 V 4.1660156 a 1,1 0 0 0 -1,-1 z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
example/assets/profile-active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
example/assets/profile.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
example/assets/projects-active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
example/assets/projects.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

BIN
example/assets/results-active.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 802 B

BIN
example/assets/results.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 857 B

BIN
example/assets/robotoFlex.ttf Normal file
View File

Binary file not shown.

39
example/assets/search.svg Normal file
View File

@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=search.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs2" />
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<path
id="path1"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 9.1660156,1.5 C 4.9436839,1.5 1.5,4.9436839 1.5,9.1660156 c 0,4.2223574 3.4436966,7.6679684 7.6660156,7.6679684 1.7519814,0 3.3682424,-0.596008 4.6621094,-1.591796 l 2.964844,2.964843 a 1,1 0 0 0 1.414062,0 1,1 0 0 0 0,-1.414062 L 15.242188,13.828125 C 16.237976,12.534258 16.833984,10.917997 16.833984,9.1660156 16.833984,4.9436966 13.388373,1.5 9.1660156,1.5 Z m 0,2 c 3.1414884,0 5.6679684,2.5245495 5.6679684,5.6660156 0,1.5286734 -0.599949,2.9105624 -1.576172,3.9277344 a 1,1 0 0 0 -0.08984,0.07422 1,1 0 0 0 -0.0625,0.07813 c -1.01828,0.983039 -2.404772,1.58789 -3.9394534,1.58789 C 6.0245495,14.833984 3.5,12.307504 3.5,9.1660156 3.5,6.0245621 6.0245621,3.5 9.1660156,3.5 Z" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

52
example/assets/send.svg Normal file
View File

@ -0,0 +1,52 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
width="20"
height="20"
viewBox="0 0 20 20"
fill="none"
version="1.1"
id="svg2"
sodipodi:docname="Icon=send.svg"
inkscape:version="1.3.2 (091e20e, 2023-11-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview2"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:zoom="11.8"
inkscape:cx="9.9576271"
inkscape:cy="10"
inkscape:window-width="1312"
inkscape:window-height="429"
inkscape:window-x="0"
inkscape:window-y="38"
inkscape:window-maximized="0"
inkscape:current-layer="svg2" />
<g
clip-path="url(#clip0_1_648)"
id="g2">
<path
id="path2"
style="color:#000000;fill:#b8c1cc;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none"
d="M 18.003906,0.72265625 1.3359375,6.5566406 a 1.0001,1.0001 0 0 0 -0.076172,1.8574219 l 7.1484375,3.1777345 3.177735,7.148437 a 1.0001,1.0001 0 0 0 1.857421,-0.07617 L 19.277344,1.9960937 A 1.0001,1.0001 0 0 0 18.003906,0.72265625 Z M 16.703125,3.296875 12.388672,15.623047 10.080078,10.427734 A 1.0001,1.0001 0 0 0 9.5722656,9.9199219 L 4.3769531,7.6113281 Z M 17.626953,0.95898438 8.4589844,10.126953 a 1,1 0 0 0 0,1.414063 1,1 0 0 0 1.4140625,0 L 19.041016,2.3730469 a 1,1 0 0 0 0,-1.41406252 1,1 0 0 0 -1.414063,0 z" />
</g>
<defs
id="defs2">
<clipPath
id="clip0_1_648">
<rect
width="20"
height="20"
fill="white"
id="rect2" />
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
example/assets/vk.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
example/assets/yandex.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

64
example/lib/bottom_sheet_section.dart Normal file
View File

@ -0,0 +1,64 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
import 'package:flutter_svg/flutter_svg.dart';
class BottomSheetSection extends StatefulWidget {
const BottomSheetSection({super.key});
@override
State<BottomSheetSection> createState() => _BottomSheetSectionState();
}
class _BottomSheetSectionState extends State<BottomSheetSection> {
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.only(top: height(context) * 3),
child: Column(
children: [
ButtonWidget(
onPressed: () {
showBottomSheetFunc(Column(), context);
},
label: "Показать Модалку(Background)",
variant: 'flat',
),
SizedBox(height: height(context) * 3),
ButtonWidget(
onPressed: () {
showBottomSheetFunc(
Column(
children: [
Container(
padding: EdgeInsets.symmetric(
horizontal: 20,
vertical: 24,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.center,
children: [
SizedBox(
width: width(context) * 60,
child: Text(
'Рубашка Воскресенье для машинного вязания',
style: title1ExtraBold,
),
),
SvgPicture.asset('assets/close.svg'),
],
),
),
],
),
context,
);
},
label: 'Показать Модалку',
variant: 'flat',
),
],
),
);
}
}

35
example/lib/button_section.dart Normal file
View File

@ -0,0 +1,35 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class ButtonSection extends StatefulWidget {
const ButtonSection({super.key});
@override
State<ButtonSection> createState() => _ButtonSectionState();
}
class _ButtonSectionState extends State<ButtonSection> {
static final buttonList = ['flat', 'inactive', 'solid', 'ghost'];
@override
Widget build(BuildContext context) {
return SizedBox(
width: width(context) * 100,
height: height(context) * 40,
child: ListView.builder(
itemCount: buttonList.length,
itemBuilder: (BuildContext context, int index) {
final currentItem = buttonList[index];
return Container(
margin: EdgeInsets.only(bottom: 10),
child: ButtonWidget(
onPressed: () {},
label: 'Подтвердить',
variant: currentItem,
),
);
},
),
);
}
}

41
example/lib/card_section.dart Normal file
View File

@ -0,0 +1,41 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class CardSection extends StatefulWidget {
const CardSection({super.key});
@override
State<CardSection> createState() => _CardSectionState();
}
class _CardSectionState extends State<CardSection> {
static final cardsList = [
CardWidget(child: SizedBox()),
PrimaryCard(
title: 'Рубашка Воскресенье для машинного вязания',
category: 'Мужская одежда',
price: '300',
),
CartCard(
title: 'Рубашка воскресенье для машинного вязания',
price: '300',
count: '1',
),
ProjectCard(title: 'Мой первый проект', lastDate: '2', onPressed: () {}),
];
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.only(top: height(context) * 3),
width: width(context) * 100,
height: height(context) * 80,
child: ListView.builder(
itemCount: cardsList.length,
itemBuilder: (BuildContext context, int index) {
final currentItem = cardsList[index];
return currentItem;
},
),
);
}
}

22
example/lib/cart_button_section.dart Normal file
View File

@ -0,0 +1,22 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/cart_button.dart';
import 'package:ui_kit/utils.dart';
class CartButtonSection extends StatefulWidget {
const CartButtonSection({super.key});
@override
State<CartButtonSection> createState() => _CartButtonSectionState();
}
class _CartButtonSectionState extends State<CartButtonSection> {
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.only(bottom: height(context) * 3),
width: width(context) * 100,
child: CartButton(fullPrice: '500'),
);
}
}

24
example/lib/categories_section.dart Normal file
View File

@ -0,0 +1,24 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/categories.dart';
import 'package:ui_kit/utils.dart';
class CategoriesSection extends StatefulWidget {
const CategoriesSection({super.key});
@override
State<CategoriesSection> createState() => _CategoriesSectionState();
}
class _CategoriesSectionState extends State<CategoriesSection> {
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.only(bottom: height(context) * 5),
width: width(context) * 100,
height: 48,
child: CategoriesWidget(
itemsList: ['Популярные', 'Женщинам', 'Мужчинам'],
),
);
}
}

35
example/lib/chips_section.dart Normal file
View File

@ -0,0 +1,35 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
import 'package:ui_kit/utils.dart';
class ChipsSection extends StatefulWidget {
const ChipsSection({super.key});
@override
State<ChipsSection> createState() => _ChipsSectionState();
}
class _ChipsSectionState extends State<ChipsSection> {
@override
Widget build(BuildContext context) {
return SizedBox(
width: 129,
height: height(context) * 33,
child: ListView.builder(
itemCount: 2,
itemBuilder: (BuildContext context, int index) {
return Container(
margin: EdgeInsets.only(bottom: height(context) * 2),
child: Chips(
buttonText: 'Популярные',
buttonStyle: index == 1
? textMedium.copyWith(color: descColor)
: textMedium.copyWith(color: whiteColor),
bgColor: index == 1 ? inputBgColor : primaryColor,
),
);
},
),
);
}
}

46
example/lib/colors_section.dart Normal file
View File

@ -0,0 +1,46 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class ColorsSection extends StatelessWidget {
const ColorsSection({super.key});
static final colorsList = [
primaryColor,
primaryHoverColor,
blackColor,
whiteColor,
errorColor,
successColor,
inputBgColor,
inputStrokeColor,
inputIcon,
placeholderColor,
descColor,
cardColor,
];
@override
Widget build(BuildContext context) {
return Container(
width: width(context) * 100,
height: height(context) * 10,
margin: EdgeInsets.only(top: height(context) * 5),
child: ListView.builder(
itemCount: colorsList.length,
scrollDirection: Axis.horizontal,
itemBuilder: (BuildContext context, int index) {
final currentItem = colorsList[index];
return Container(
width: 40,
height: 40,
margin: EdgeInsets.only(right: 10),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(360),
color: currentItem,
),
);
},
),
);
}
}

30
example/lib/counter_section.dart Normal file
View File

@ -0,0 +1,30 @@
import 'package:flutter/widgets.dart';
import 'package:ui_kit/counter.dart';
import 'package:ui_kit/ui_kit.dart';
class CounterSection extends StatefulWidget {
const CounterSection({super.key});
@override
State<CounterSection> createState() => _CounterSectionState();
}
class _CounterSectionState extends State<CounterSection> {
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.only(bottom: height(context) * 5),
width: 64,
height: height(context) * 15,
child: ListView.builder(
itemCount: 2,
itemBuilder: (BuildContext context, int index) {
return Container(
margin: EdgeInsets.only(bottom: 10),
child: CounterWidget(),
);
},
),
);
}
}

40
example/lib/fonts_section.dart Normal file
View File

@ -0,0 +1,40 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class FontsSection extends StatelessWidget {
const FontsSection({super.key});
static final typographyText = [
title1Semibold,
title1ExtraBold,
title2Regular,
title2Semibold,
title2ExtraBold,
title3Regular,
title3Medium,
title3Semibold,
headlineRegular,
headlineMedium,
textRegular,
textMedium,
captionRegular,
captionSemibold,
caption2Regular,
caption2Bold,
];
@override
Widget build(BuildContext context) {
return SizedBox(
width: width(context) * 100,
height: height(context) * 50,
child: ListView.builder(
itemCount: typographyText.length,
itemBuilder: (BuildContext context, int index) {
final currentItem = typographyText[index];
return Text('FontTypographyTest', style: currentItem);
},
),
);
}
}

25
example/lib/header_section.dart Normal file
View File

@ -0,0 +1,25 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class HeaderSection extends StatefulWidget {
const HeaderSection({super.key});
@override
State<HeaderSection> createState() => _HeaderSectionState();
}
class _HeaderSectionState extends State<HeaderSection> {
@override
Widget build(BuildContext context) {
return SizedBox(
width: width(context) * 100,
height: height(context) * 30,
child: Column(
children: [
HeaderWidget(variant: 'main', onPressed: () {}, handleBack: () {}),
HeaderWidget(variant: 'default', onPressed: () {}, handleBack: () {}),
],
),
);
}
}

53
example/lib/icons_section.dart Normal file
View File

@ -0,0 +1,53 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
import 'package:flutter_svg/flutter_svg.dart';
class IconsSection extends StatefulWidget {
const IconsSection({super.key});
@override
State<IconsSection> createState() => _IconsSectionState();
}
class _IconsSectionState extends State<IconsSection> {
static final iconsList = [
'chevron-left.svg',
'chevron-right.svg',
'chevron-down.svg',
'plus.svg',
'minus.svg',
'message-circle.svg',
'filter.svg',
'download.svg',
'map.svg',
'more-horizontal.svg',
'close.svg',
'delete.svg',
'cart.svg',
'check.svg',
'file-text.svg',
'send.svg',
'mic.svg',
'paperclip.svg',
'closed-eye.svg',
];
@override
Widget build(BuildContext context) {
return SizedBox(
width: width(context) * 100,
height: height(context) * 10,
child: ListView.builder(
itemCount: iconsList.length,
scrollDirection: Axis.horizontal,
itemBuilder: (BuildContext context, int index) {
final currentItem = iconsList[index];
return Container(
padding: EdgeInsets.only(right: width(context) * 1),
child: SvgPicture.asset('assets/$currentItem'),
);
},
),
);
}
}

51
example/lib/inputs_section.dart Normal file
View File

@ -0,0 +1,51 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class InputsSection extends StatefulWidget {
const InputsSection({super.key});
@override
State<InputsSection> createState() => _InputsSectionState();
}
class _InputsSectionState extends State<InputsSection> {
static final inputsList = [
{"initText": ""},
{"initText": "Введите имя"},
{"initText": "", 'label': "Введите имя"},
{"initText": "", 'isError': "true"},
{'label': "Введите имя"},
{"initText": "Введите имя", 'label': "Введите имя"},
{"initText": "*********", 'isPassword': "true"},
{'isMask': 'true', 'initText': ""},
];
@override
Widget build(BuildContext context) {
return Container(
width: width(context) * 100,
height: height(context) * 30,
margin: EdgeInsets.only(top: height(context) * 3),
child: ListView.builder(
itemCount: inputsList.length,
itemBuilder: (BuildContext context, int index) {
final currentItem = inputsList[index];
return Container(
margin: EdgeInsets.only(bottom: 10),
child: InputWidget(
controller: TextEditingController(text: currentItem['initText']),
label: currentItem['label'],
hintText: currentItem['isMask'] == 'true'
? '--.--.----'
: 'Введите имя',
isError: currentItem['isError'] ?? "",
errorText: 'Введите имя',
isPassword: currentItem['isPassword'],
isMask: currentItem['isMask'],
),
);
},
),
);
}
}

32
example/lib/log_in_section.dart Normal file
View File

@ -0,0 +1,32 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class LogInSection extends StatefulWidget {
const LogInSection({super.key});
@override
State<LogInSection> createState() => _LogInSectionState();
}
class _LogInSectionState extends State<LogInSection> {
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.only(bottom: height(context) * 3),
width: width(context) * 100,
height: height(context) * 33,
child: ListView.builder(
itemCount: 2,
itemBuilder: (BuildContext context, int index) {
return Container(
margin: EdgeInsets.only(bottom: height(context) * 2),
child: LogInCard(
image: index == 1 ? 'assets/yandex.png' : 'assets/vk.png',
text: index == 1 ? 'Войти с Yandex' : 'Войти с VK',
),
);
},
),
);
}
}

51
example/lib/main.dart
View File

@ -1,4 +1,22 @@
import 'package:example/bottom_sheet_section.dart';
import 'package:example/button_section.dart';
import 'package:example/card_section.dart';
import 'package:example/cart_button_section.dart';
import 'package:example/categories_section.dart';
import 'package:example/chips_section.dart';
import 'package:example/colors_section.dart';
import 'package:example/counter_section.dart';
import 'package:example/fonts_section.dart';
import 'package:example/header_section.dart';
import 'package:example/icons_section.dart';
import 'package:example/inputs_section.dart';
import 'package:example/log_in_section.dart';
import 'package:example/search_section.dart';
import 'package:example/select_section.dart';
import 'package:example/small_button_section.dart';
import 'package:example/toggle_section.dart';
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
void main() {
runApp(const MainApp());
@ -9,10 +27,37 @@ class MainApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return const MaterialApp(
return MaterialApp(
debugShowCheckedModeBanner: false,
color: whiteColor,
home: Scaffold(
body: Center(
child: Text('Hello World!'),
backgroundColor: whiteColor,
body: SingleChildScrollView(
child: Container(
margin: EdgeInsets.symmetric(horizontal: width(context) * 5),
child: Column(
children: [
ColorsSection(),
FontsSection(),
IconsSection(),
InputsSection(),
SearchSection(),
ButtonSection(),
SmallButtonSection(),
TabBarWidget(),
BottomSheetSection(),
HeaderSection(),
CardSection(),
CounterSection(),
ToggleSection(),
SelectSection(),
ChipsSection(),
LogInSection(),
CartButtonSection(),
CategoriesSection(),
],
),
),
),
),
);

35
example/lib/search_section.dart Normal file
View File

@ -0,0 +1,35 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class SearchSection extends StatefulWidget {
const SearchSection({super.key});
@override
State<SearchSection> createState() => _SearchSectionState();
}
class _SearchSectionState extends State<SearchSection> {
final TextEditingController controller = TextEditingController();
@override
Widget build(BuildContext context) {
final searchList = [true, false];
return SizedBox(
width: width(context) * 100,
height: height(context) * 30,
child: ListView.builder(
itemCount: 2,
itemBuilder: (BuildContext context, int index) {
final currentValue = searchList[index];
return Container(
margin: EdgeInsets.only(bottom: height(context) * 3),
child: SearchWidget(
controller: controller,
hintText: 'Искать описание',
isClosable: currentValue,
),
);
},
),
);
}
}

40
example/lib/select_section.dart Normal file
View File

@ -0,0 +1,40 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/select.dart';
import 'package:ui_kit/utils.dart';
class SelectSection extends StatefulWidget {
const SelectSection({super.key});
@override
State<SelectSection> createState() => _SelectSectionState();
}
class _SelectSectionState extends State<SelectSection> {
static final selectItems = [
{'value': ''},
{'value': 'Мужской'},
{'value': 'Гарвард Троцкий', 'image': "assets/people.png"},
];
@override
Widget build(BuildContext context) {
return SizedBox(
width: width(context) * 100,
height: height(context) * 33,
child: ListView.builder(
itemCount: selectItems.length,
itemBuilder: (BuildContext context, int index) {
final currenItem = selectItems[index];
return Container(
padding: EdgeInsets.only(bottom: height(context) * 2),
child: SelectWidget(
hintText: 'Пол',
selectedValue: currenItem['value'] ?? "",
image: currenItem['image'],
),
);
},
),
);
}
}

36
example/lib/small_button_section.dart Normal file
View File

@ -0,0 +1,36 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class SmallButtonSection extends StatelessWidget {
const SmallButtonSection({super.key});
static final buttonList = ['flat', 'inactive', 'solid', 'ghost'];
static final buttonLabels = ['Добавить', 'Убрать', 'Добавить', 'Подтвердить'];
@override
Widget build(BuildContext context) {
return Container(
margin: EdgeInsets.only(bottom: height(context) * 3),
width: 96,
height: height(context) * 30,
child: ListView.builder(
itemCount: buttonList.length,
itemBuilder: (BuildContext context, int index) {
final currentItem = buttonList[index];
final currentLabel = buttonLabels[index];
return Container(
width: 96,
margin: EdgeInsets.only(bottom: height(context) * 1),
child: ButtonWidget(
onPressed: () {},
label: currentLabel,
variant: currentItem,
size: 'small',
),
);
},
),
);
}
}

16
example/lib/tabbar_section.dart Normal file
View File

@ -0,0 +1,16 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class TabBarSection extends StatefulWidget {
const TabBarSection({super.key});
@override
State<TabBarSection> createState() => _TabBarSectionState();
}
class _TabBarSectionState extends State<TabBarSection> {
@override
Widget build(BuildContext context) {
return TabBarWidget();
}
}

28
example/lib/toggle_section.dart Normal file
View File

@ -0,0 +1,28 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class ToggleSection extends StatefulWidget {
const ToggleSection({super.key});
@override
State<ToggleSection> createState() => _ToggleSectionState();
}
class _ToggleSectionState extends State<ToggleSection> {
@override
Widget build(BuildContext context) {
return SizedBox(
width: 48,
height: height(context) * 20,
child: ListView.builder(
itemCount: 2,
itemBuilder: (BuildContext context, int index) {
return Container(
margin: EdgeInsets.only(bottom: height(context) * 1.5),
child: ToggleWidget(initialValue: index != 1 ? true : false),
);
},
),
);
}
}

137
example/pubspec.lock
View File

@ -1,6 +1,14 @@
# Generated by pub
# See https://dart.dev/tools/pub/glossary#lockfile
packages:
args:
dependency: transitive
description:
name: args
sha256: d0481093c50b1da8910eb0bb301626d4d8eb7284aa739614d2b394ee09e3ea04
url: "https://pub.dev"
source: hosted
version: "2.7.0"
async:
dependency: transitive
description:
@ -41,6 +49,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "1.19.1"
dropdown_button2:
dependency: "direct main"
description:
name: dropdown_button2
sha256: b0fe8d49a030315e9eef6c7ac84ca964250155a6224d491c1365061bc974a9e1
url: "https://pub.dev"
source: hosted
version: "2.3.9"
fake_async:
dependency: transitive
description:
@ -54,6 +70,14 @@ packages:
description: flutter
source: sdk
version: "0.0.0"
flutter_advanced_switch:
dependency: "direct main"
description:
name: flutter_advanced_switch
sha256: e1147161a3dd9b708a71c65e76174d4d1a0a5908a571b8b38b65c79b142c52a0
url: "https://pub.dev"
source: hosted
version: "3.1.0"
flutter_lints:
dependency: "direct dev"
description:
@ -62,11 +86,35 @@ packages:
url: "https://pub.dev"
source: hosted
version: "5.0.0"
flutter_svg:
dependency: "direct dev"
description:
name: flutter_svg
sha256: d44bf546b13025ec7353091516f6881f1d4c633993cb109c3916c3a0159dadf1
url: "https://pub.dev"
source: hosted
version: "2.1.0"
flutter_test:
dependency: "direct dev"
description: flutter
source: sdk
version: "0.0.0"
http:
dependency: transitive
description:
name: http
sha256: "2c11f3f94c687ee9bad77c171151672986360b2b001d109814ee7140b2cf261b"
url: "https://pub.dev"
source: hosted
version: "1.4.0"
http_parser:
dependency: transitive
description:
name: http_parser
sha256: "178d74305e7866013777bab2c3d8726205dc5a4dd935297175b19a23a2e66571"
url: "https://pub.dev"
source: hosted
version: "4.1.2"
leak_tracker:
dependency: transitive
description:
@ -99,6 +147,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "5.1.1"
mask_text_input_formatter:
dependency: "direct main"
description:
name: mask_text_input_formatter
sha256: "978c58ec721c25621ceb468e633f4eef64b64d45424ac4540e0565d4f7c800cd"
url: "https://pub.dev"
source: hosted
version: "2.9.0"
matcher:
dependency: transitive
description:
@ -123,6 +179,14 @@ packages:
url: "https://pub.dev"
source: hosted
version: "1.16.0"
modal_bottom_sheet:
dependency: "direct main"
description:
name: modal_bottom_sheet
sha256: eac66ef8cb0461bf069a38c5eb0fa728cee525a531a8304bd3f7b2185407c67e
url: "https://pub.dev"
source: hosted
version: "3.0.0"
path:
dependency: transitive
description:
@ -131,6 +195,22 @@ packages:
url: "https://pub.dev"
source: hosted
version: "1.9.1"
path_parsing:
dependency: transitive
description:
name: path_parsing
sha256: "883402936929eac138ee0a45da5b0f2c80f89913e6dc3bf77eb65b84b409c6ca"
url: "https://pub.dev"
source: hosted
version: "1.1.0"
petitparser:
dependency: transitive
description:
name: petitparser
sha256: "07c8f0b1913bcde1ff0d26e57ace2f3012ccbf2b204e070290dad3bb22797646"
url: "https://pub.dev"
source: hosted
version: "6.1.0"
sky_engine:
dependency: transitive
description: flutter
@ -184,6 +264,45 @@ packages:
url: "https://pub.dev"
source: hosted
version: "0.7.4"
typed_data:
dependency: transitive
description:
name: typed_data
sha256: f9049c039ebfeb4cf7a7104a675823cd72dba8297f264b6637062516699fa006
url: "https://pub.dev"
source: hosted
version: "1.4.0"
ui_kit:
dependency: "direct main"
description:
path: ".."
relative: true
source: path
version: "0.0.1"
vector_graphics:
dependency: transitive
description:
name: vector_graphics
sha256: "44cc7104ff32563122a929e4620cf3efd584194eec6d1d913eb5ba593dbcf6de"
url: "https://pub.dev"
source: hosted
version: "1.1.18"
vector_graphics_codec:
dependency: transitive
description:
name: vector_graphics_codec
sha256: "99fd9fbd34d9f9a32efd7b6a6aae14125d8237b10403b422a6a6dfeac2806146"
url: "https://pub.dev"
source: hosted
version: "1.1.13"
vector_graphics_compiler:
dependency: transitive
description:
name: vector_graphics_compiler
sha256: "557a315b7d2a6dbb0aaaff84d857967ce6bdc96a63dc6ee2a57ce5a6ee5d3331"
url: "https://pub.dev"
source: hosted
version: "1.1.17"
vector_math:
dependency: transitive
description:
@ -200,6 +319,22 @@ packages:
url: "https://pub.dev"
source: hosted
version: "15.0.0"
web:
dependency: transitive
description:
name: web
sha256: "868d88a33d8a87b18ffc05f9f030ba328ffefba92d6c127917a2ba740f9cfe4a"
url: "https://pub.dev"
source: hosted
version: "1.1.1"
xml:
dependency: transitive
description:
name: xml
sha256: b015a8ad1c488f66851d762d3090a21c600e479dc75e68328c52774040cf9226
url: "https://pub.dev"
source: hosted
version: "6.5.0"
sdks:
dart: ">=3.8.0 <4.0.0"
flutter: ">=3.18.0-18.0.pre.54"
flutter: ">=3.22.0"

12
example/pubspec.yaml
View File

@ -7,13 +7,25 @@ environment:
sdk: ^3.8.0
dependencies:
dropdown_button2: ^2.3.9
flutter:
sdk: flutter
flutter_advanced_switch: ^3.1.0
mask_text_input_formatter: ^2.9.0
modal_bottom_sheet: ^3.0.0
ui_kit:
path: ..
dev_dependencies:
flutter_test:
sdk: flutter
flutter_lints: ^5.0.0
flutter_svg: ^2.1.0
flutter:
uses-material-design: true
assets:
- assets/

17
lib/bottom_sheet.dart Normal file
View File

@ -0,0 +1,17 @@
// ignore_for_file: prefer_function_declarations_over_variables
import 'package:flutter/material.dart';
import 'package:modal_bottom_sheet/modal_bottom_sheet.dart';
import 'package:ui_kit/ui_kit.dart';
final showBottomSheetFunc = (Widget children, context) {
return showCupertinoModalBottomSheet(
context: context,
backgroundColor: whiteColor,
builder: (context) => Container(
color: whiteColor,
width: width(context) * 100,
child: children,
),
);
};

15
lib/bubbles.dart Normal file
View File

@ -0,0 +1,15 @@
import 'package:flutter/material.dart';
class BubbleWidget extends StatelessWidget {
const BubbleWidget({super.key, this.isback = true});
final bool? isback;
@override
Widget build(BuildContext context) {
return Image.asset(
isback == true ? 'assets/back.png' : 'assets/filters.png',
width: isback == true ? 32 : 48,
height: isback == true ? 32 : 48,
);
}
}

85
lib/button.dart Normal file
View File

@ -0,0 +1,85 @@
import 'package:flutter/material.dart';
import 'package:ui_kit/ui_kit.dart';
class ButtonWidget extends StatefulWidget {
const ButtonWidget({
super.key,
required this.onPressed,
required this.label,
this.textStyle,
this.size = 'big',
required this.variant,
});
final VoidCallback onPressed;
final String label;
final TextStyle? textStyle;
final String size;
final String variant;
@override
State<ButtonWidget> createState() => _ButtonWidgetState();
}
class _ButtonWidgetState extends State<ButtonWidget> {
late Color bgColor;
late TextStyle textStyle;
late Color borderColor;
@override
void initState() {
super.initState();
if (widget.variant == 'flat') {
bgColor = primaryColor;
borderColor = Colors.transparent;
if (widget.size == 'big') {
textStyle = title2Semibold.copyWith(color: whiteColor);
} else if (widget.size == 'small') {
textStyle = captionSemibold.copyWith(color: whiteColor);
}
}
if (widget.variant == 'inactive') {
bgColor = primaryHoverColor;
borderColor = Colors.transparent;
if (widget.size == 'big') {
textStyle = title2Semibold.copyWith(color: whiteColor);
} else if (widget.size == 'small') {
textStyle = captionSemibold.copyWith(color: whiteColor);
}
}
if (widget.variant == 'solid') {
bgColor = Colors.transparent;
borderColor = primaryColor;
if (widget.size == 'big') {
textStyle = title2Semibold.copyWith(color: primaryColor);
} else if (widget.size == 'small') {
textStyle = captionSemibold.copyWith(color: primaryColor);
}
}
if (widget.variant == 'ghost') {
bgColor = inputBgColor;
borderColor = Colors.transparent;
if (widget.size == 'big') {
textStyle = title2Semibold.copyWith(color: blackColor);
} else if (widget.size == 'small') {
textStyle = captionSemibold.copyWith(color: blackColor);
}
}
}
@override
Widget build(BuildContext context) {
return Container(
height: widget.size == 'small' ? 40 : 56,
width: widget.size == 'small' ? 96 : width(context) * 100,
decoration: BoxDecoration(
color: bgColor,
borderRadius: BorderRadius.circular(10),
border: Border.all(color: borderColor),
),
child: TextButton(
onPressed: widget.onPressed,
child: Text(widget.label, style: textStyle),
),
);
}
}

28
lib/card.dart Normal file
View File

@ -0,0 +1,28 @@
import 'package:flutter/widgets.dart';
import 'package:ui_kit/colors.dart';
class CardWidget extends StatefulWidget {
const CardWidget({super.key, required this.child});
final Widget child;
@override
State<CardWidget> createState() => _CardWidgetState();
}
class _CardWidgetState extends State<CardWidget> {
@override
Widget build(BuildContext context) {
return Container(
width: 335,
height: 150,
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 16),
decoration: BoxDecoration(
color: whiteColor,
borderRadius: BorderRadius.circular(12),
border: Border.all(color: dividerColor, width: 1),
boxShadow: [BoxShadow(color: shadowColor, blurRadius: 10)],
),
child: widget.child,
);
}
}

60
lib/cards/cart_card.dart Normal file
View File

@ -0,0 +1,60 @@
import 'package:flutter/widgets.dart';
import 'package:flutter_svg/flutter_svg.dart';
import 'package:ui_kit/card.dart';
import 'package:ui_kit/counter.dart';
import 'package:ui_kit/fonts.dart';
class CartCard extends StatefulWidget {
const CartCard({
super.key,
required this.title,
required this.price,
required this.count,
});
final String title;
final String price;
final String count;
@override
State<CartCard> createState() => _CartCardState();
}
class _CartCardState extends State<CartCard> {
@override
Widget build(BuildContext context) {
return CardWidget(
child: Column(
children: [
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
SizedBox(
width: 275,
child: Text(widget.title, style: headlineMedium),
),
SvgPicture.asset('assets/close.svg'),
],
),
SizedBox(height: 34),
Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text('${widget.price} ₽', style: title3Medium),
SizedBox(
width: 145,
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text('${widget.count} штук', style: textRegular),
CounterWidget(),
],
),
),
],
),
],
),
);
}
}

Some files were not shown because too many files have changed in this diff Show More