cozy-ui 92.1.0 → 92.2.0

package/CHANGELOG.md

@@ -1,3 +1,20 @@
+# [92.2.0](https://github.com/cozy/cozy-ui/compare/v92.1.0...v92.2.0) (2023-09-11)
+
+
+### Bug Fixes
+
+* Color of RightArrow icon ([ad5cc6b](https://github.com/cozy/cozy-ui/commit/ad5cc6b))
+* **ItemRow:** In ListItem, Icon & Radio should be wrap in ListItemIcon ([6aaa10a](https://github.com/cozy/cozy-ui/commit/6aaa10a))
+* The last ItemRow must not have a Divider ([0525a4c](https://github.com/cozy/cozy-ui/commit/0525a4c))
+
+
+### Features
+
+* Add multiple icons ([b7bf028](https://github.com/cozy/cozy-ui/commit/b7bf028))
+* **ItemRow:** Add information text ([7d3207c](https://github.com/cozy/cozy-ui/commit/7d3207c))
+* **ItemRow:** Add secondary actions ([2773d91](https://github.com/cozy/cozy-ui/commit/2773d91))
+* **NestedSelect:** Wrap NestedSelect with List component ([5773308](https://github.com/cozy/cozy-ui/commit/5773308))
+
 # [92.1.0](https://github.com/cozy/cozy-ui/compare/v92.0.1...v92.1.0) (2023-09-07)
 
 

package/assets/icons/ui/carpooling.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 10.25v.005-3.297a1.004 1.004 0 0 0-.072-.33l-2-5-.051-.11A1 1 0 0 0 13 1H3l-.121.007a1 1 0 0 0-.807.622l-2 5-.04.119a.99.99 0 0 0-.033.239L0 13.5l.007.145A1.498 1.498 0 0 0 1.5 15c.83 0 1.5-.67 1.5-1.5V13h3.73c.116-.167.242-.332.376-.49.233-.27.602-.648 1.091-.958A4.453 4.453 0 0 1 8 10.25C8 8.13 9.576 6 12 6s4 2.13 4 4.25ZM12 6H2.477l1.2-3h8.647l1.2 3H12ZM3.5 8C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11 5 10.33 5 9.5 4.33 8 3.5 8Z"/><path d="M10 10.25c0 1.243.895 2.25 2 2.25s2-1.007 2-2.25S13.105 8 12 8s-2 1.007-2 2.25ZM10 13c-1 0-2 1.5-2 2s0 1 .5 1h7c.5 0 .5-.5.5-1s-1-2-2-2c-.45 0-.596.101-.757.212-.198.136-.417.288-1.243.288-.826 0-1.045-.152-1.243-.288C10.596 13.101 10.45 13 10 13Z"/></svg>

package/assets/icons/ui/electric-bike.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M4.736.17c.018-.053-.012-.11-.075-.143-.088-.046-.212-.032-.276.03L.115 4.15A.345.345 0 0 0 0 4.398c0 .232.265.42.593.42h1.592l-.658 3.021c-.011.053.021.106.084.137.09.043.213.027.274-.037l4.011-4.142A.34.34 0 0 0 6 3.561c0-.231-.265-.419-.593-.419H3.765L4.736.171ZM10.5 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM9.045 7.996a7.202 7.202 0 0 1-.588-.453L7.221 8.779l1.334.889A1 1 0 0 1 9 10.5V14a1 1 0 1 1-2 0v-2.965L4.68 9.488a1.527 1.527 0 0 1-.233-2.35l2.204-2.203a1.484 1.484 0 0 1 1.05-.435c.571 0 1.022.318 1.276.686.205.297.635.771 1.204 1.164.57.393 1.198.65 1.819.65a1 1 0 1 1 0 2c-1.162 0-2.184-.471-2.955-1.004Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-1.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM6 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-1.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/></svg>

package/assets/icons/ui/electric-car.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.283.92c.08.059.118.16.095.257L13.15 6.5h2.078a.75.75 0 0 1 .62 1.174l-5.078 7.42a.25.25 0 0 1-.453-.18L11.15 9.5H9.134a.75.75 0 0 1-.604-1.195L13.934.972a.25.25 0 0 1 .35-.053ZM11.43 1 9.955 3H3.677l-1.2 3h5.268L6.92 7.118a2.75 2.75 0 0 0-.536 1.631l.005.168a2.751 2.751 0 0 0 2.244 2.536l.188.028L8.587 13H3v.5c0 .83-.67 1.5-1.5 1.5-.781 0-1.42-.594-1.493-1.355L0 13.5V6.987a.99.99 0 0 1 .032-.239l.04-.12 2-5a1 1 0 0 1 .807-.62L3 1h8.43ZM3.5 8C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11 5 10.33 5 9.5 4.33 8 3.5 8Z"/></svg>

package/assets/icons/ui/electric-scooter.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M4.736.17c.018-.053-.012-.11-.075-.143-.088-.046-.212-.032-.276.03L.115 4.15A.345.345 0 0 0 0 4.398c0 .232.265.42.593.42h1.592l-.658 3.021c-.011.053.021.106.084.137.09.043.213.027.274-.037l4.011-4.142A.34.34 0 0 0 6 3.561c0-.231-.265-.419-.593-.419H3.765L4.736.171Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 1a1 1 0 0 1 1-1h2.22a2 2 0 0 1 1.94 1.515l1.81 7.242A1 1 0 0 1 14 10h-.5a3.5 3.5 0 0 0-3.465 4H4.95a2.5 2.5 0 1 1-.45-2h3.707a5.506 5.506 0 0 1 4.525-3.947L11.22 2H9a1 1 0 0 1-1-1ZM3 13.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 13.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm-2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/></svg>

package/assets/icons/ui/moped.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 0a1 1 0 1 0 0 2h2.246l1.604 5.613L12 9H8V5a1 1 0 0 0-1-1H2a1 1 0 1 0 0 2h2a4 4 0 0 0-4 4v1.986A1 1 0 0 0 1 13a3 3 0 0 0 6 0h2a3 3 0 1 0 4.48-2.61L15.6 8.8a1 1 0 0 0 .362-1.075l-2-7A1 1 0 0 0 13 0h-3ZM4.922 12.613a1 1 0 1 1-1.903.19l1.903-.19ZM12 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>

package/assets/icons/ui/motorcycle.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.965 4H6a1 1 0 0 1 0-2h2.324c.444 0 .86.222 1.106.592l1.596 2.395L14 3.5V6h-2.298l1.333 2a3 3 0 1 1-1.946.687l-.744-1.116-1.589 3.814a1 1 0 0 1-.923.615H7.46a1 1 0 0 1-.76-.35l-.705-.822a3 3 0 1 1-2.908-2.826L3.086 8H1a1 1 0 0 1 0-2h2.615c.192 0 .375.076.511.212l1.282 1.282 1.57-1.121A2 2 0 0 1 8.141 6h1.157L7.965 4ZM4 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm10 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/></svg>

package/assets/icons/ui/scooter.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 0a1 1 0 0 0 0 2h2.22l1.512 6.053A5.506 5.506 0 0 0 8.207 12H4.5a2.5 2.5 0 1 0 .45 2h5.085a3.5 3.5 0 0 1 3.465-4h.5a.999.999 0 0 0 .97-1.243l-1.81-7.242A2 2 0 0 0 11.22 0H9ZM2.5 14a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 16a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/></svg>

package/assets/icons/ui/tram.svg

@@ -0,0 +1 @@
+<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 .75A.75.75 0 0 1 4.75 0h6.5a.75.75 0 0 1 0 1.5H9.589l-.764 1.526C11.527 3.201 14 4.276 14 7v5a3 3 0 0 1-1.765 2.735L13 15.5v.5h-2l-1-1H6l-1 1H3v-.5l.765-.765A3 3 0 0 1 2 12V7c0-2.78 1.718-3.843 5.153-3.984L7.911 1.5H4.75A.75.75 0 0 1 4 .75ZM4 10V6h8v4H4Zm4 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/></svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-ui",
-  "version": "92.1.0",
+  "version": "92.2.0",
   "description": "Cozy apps UI SDK",
   "main": "./index.js",
   "bin": {

package/react/Icon/Readme.md

@@ -57,6 +57,7 @@ import Calendar from 'cozy-ui/transpiled/react/Icons/Calendar'
 import Camera from 'cozy-ui/transpiled/react/Icons/Camera'
 import Car from 'cozy-ui/transpiled/react/Icons/Car'
 import CarbonCopy from 'cozy-ui/transpiled/react/Icons/CarbonCopy'
+import CarPooling from 'cozy-ui/transpiled/react/Icons/Carpooling'
 import Categories from 'cozy-ui/transpiled/react/Icons/Categories'
 import Certified from 'cozy-ui/transpiled/react/Icons/Certified'
 import Check from 'cozy-ui/transpiled/react/Icons/Check'
@@ -81,8 +82,8 @@ import Copy from 'cozy-ui/transpiled/react/Icons/Copy'
 import CozyCircle from 'cozy-ui/transpiled/react/Icons/CozyCircle'
 import CozyLaugh from 'cozy-ui/transpiled/react/Icons/CozyLaugh'
 import CozyLock from 'cozy-ui/transpiled/react/Icons/CozyLock'
-import CozyText from 'cozy-ui/transpiled/react/Icons/CozyText'
 import CozyRelease from 'cozy-ui/transpiled/react/Icons/CozyRelease'
+import CozyText from 'cozy-ui/transpiled/react/Icons/CozyText'
 import Credit from 'cozy-ui/transpiled/react/Icons/Credit'
 import CreditCard from 'cozy-ui/transpiled/react/Icons/CreditCard'
 import CreditCardAdd from 'cozy-ui/transpiled/react/Icons/CreditCardAdd'
@@ -105,6 +106,9 @@ import Dropdown from 'cozy-ui/transpiled/react/Icons/Dropdown'
 import DropdownClose from 'cozy-ui/transpiled/react/Icons/DropdownClose'
 import DropdownOpen from 'cozy-ui/transpiled/react/Icons/DropdownOpen'
 import Dropup from 'cozy-ui/transpiled/react/Icons/Dropup'
+import ElectricBike from 'cozy-ui/transpiled/react/Icons/ElectricBike'
+import ElectricCar from 'cozy-ui/transpiled/react/Icons/ElectricCar'
+import ElectricScooter from 'cozy-ui/transpiled/react/Icons/ElectricScooter'
 import Email from 'cozy-ui/transpiled/react/Icons/Email'
 import EmailNotification from 'cozy-ui/transpiled/react/Icons/EmailNotification'
 import Eu from 'cozy-ui/transpiled/react/Icons/Eu'
@@ -162,10 +166,12 @@ import MagicTrick from 'cozy-ui/transpiled/react/Icons/MagicTrick'
 import Magnet from 'cozy-ui/transpiled/react/Icons/Magnet'
 import Magnifier from 'cozy-ui/transpiled/react/Icons/Magnifier'
 import Merge from 'cozy-ui/transpiled/react/Icons/Merge'
+import Moped from 'cozy-ui/transpiled/react/Icons/Moped'
+import Motorcycle from 'cozy-ui/transpiled/react/Icons/Motorcycle'
 import Mountain from 'cozy-ui/transpiled/react/Icons/Mountain'
+import Movement from 'cozy-ui/transpiled/react/Icons/Movement'
 import MovementIn from 'cozy-ui/transpiled/react/Icons/MovementIn'
 import MovementOut from 'cozy-ui/transpiled/react/Icons/MovementOut'
-import Movement from 'cozy-ui/transpiled/react/Icons/Movement'
 import Moveto from 'cozy-ui/transpiled/react/Icons/Moveto'
 import MultiFiles from 'cozy-ui/transpiled/react/Icons/MultiFiles'
 import Music from 'cozy-ui/transpiled/react/Icons/Music'
@@ -204,8 +210,8 @@ import Rename from 'cozy-ui/transpiled/react/Icons/Rename'
 import Repare from 'cozy-ui/transpiled/react/Icons/Repare'
 import Reply from 'cozy-ui/transpiled/react/Icons/Reply'
 import Restaurant from 'cozy-ui/transpiled/react/Icons/Restaurant'
-import RestoreStraight from 'cozy-ui/transpiled/react/Icons/RestoreStraight'
 import Restore from 'cozy-ui/transpiled/react/Icons/Restore'
+import RestoreStraight from 'cozy-ui/transpiled/react/Icons/RestoreStraight'
 import Right from 'cozy-ui/transpiled/react/Icons/Right'
 import Rise from 'cozy-ui/transpiled/react/Icons/Rise'
 import RotateLeft from 'cozy-ui/transpiled/react/Icons/RotateLeft'
@@ -213,6 +219,7 @@ import RotateRight from 'cozy-ui/transpiled/react/Icons/RotateRight'
 import SadCozy from 'cozy-ui/transpiled/react/Icons/SadCozy'
 import Safe from 'cozy-ui/transpiled/react/Icons/Safe'
 import School from 'cozy-ui/transpiled/react/Icons/School'
+import Scooter from 'cozy-ui/transpiled/react/Icons/Scooter'
 import SelectAll from 'cozy-ui/transpiled/react/Icons/SelectAll'
 import Setting from 'cozy-ui/transpiled/react/Icons/Setting'
 import Share from 'cozy-ui/transpiled/react/Icons/Share'
@@ -232,9 +239,10 @@ import Tag from 'cozy-ui/transpiled/react/Icons/Tag'
 import Target from 'cozy-ui/transpiled/react/Icons/Target'
 import Team from 'cozy-ui/transpiled/react/Icons/Team'
 import Telephone from 'cozy-ui/transpiled/react/Icons/Telephone'
-import ToTheCloud from 'cozy-ui/transpiled/react/Icons/ToTheCloud'
 import Top from 'cozy-ui/transpiled/react/Icons/Top'
+import ToTheCloud from 'cozy-ui/transpiled/react/Icons/ToTheCloud'
 import Train from 'cozy-ui/transpiled/react/Icons/Train'
+import Tram from 'cozy-ui/transpiled/react/Icons/Tram'
 import Trash from 'cozy-ui/transpiled/react/Icons/Trash'
 import Trophy from 'cozy-ui/transpiled/react/Icons/Trophy'
 import Unknow from 'cozy-ui/transpiled/react/Icons/Unknow'
@@ -284,6 +292,7 @@ const icons = [
   Camera,
   Car,
   CarbonCopy,
+  CarPooling,
   Categories,
   Certified,
   Check,
@@ -308,8 +317,8 @@ const icons = [
   CozyCircle,
   CozyLaugh,
   CozyLock,
-  CozyText,
   CozyRelease,
+  CozyText,
   Credit,
   CreditCard,
   CreditCardAdd,
@@ -332,6 +341,9 @@ const icons = [
   DropdownClose,
   DropdownOpen,
   Dropup,
+  ElectricBike,
+  ElectricCar,
+  ElectricScooter,
   Email,
   EmailNotification,
   Eu,
@@ -389,10 +401,12 @@ const icons = [
   Magnet,
   Magnifier,
   Merge,
+  Moped,
+  Motorcycle,
   Mountain,
+  Movement,
   MovementIn,
   MovementOut,
-  Movement,
   Moveto,
   MultiFiles,
   Music,
@@ -431,8 +445,8 @@ const icons = [
   Repare,
   Reply,
   Restaurant,
-  RestoreStraight,
   Restore,
+  RestoreStraight,
   Right,
   Rise,
   RotateLeft,
@@ -440,6 +454,7 @@ const icons = [
   SadCozy,
   Safe,
   School,
+  Scooter,
   SelectAll,
   Setting,
   Share,
@@ -459,9 +474,10 @@ const icons = [
   Target,
   Team,
   Telephone,
-  ToTheCloud,
   Top,
+  ToTheCloud,
   Train,
+  Tram,
   Trash,
   Trophy,
   Unknow,
@@ -861,7 +877,7 @@ import Typography from 'cozy-ui/transpiled/react/Typography'
 
 const colors = ['#297EF2', '#08b442', '#B449E7', '#F52D2D', '#FF962F']
 let i = 0
-const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp','attachment','attention','bank','banking-add','banking','bell','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','categories','certified','check-circle','check-list','check-square','check','checkbox','circle-filled','clock','clock-outline','cloud-happy','cloud','collect','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','debit','devices','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','email-notification','email','eu','euro','exchange','eye-closed','eye','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder','forbidden','from-user','gear','globe','graph-circle','grid','group-list','groups','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','key','laptop','left','lightbulb','link-out','link','list','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','percent-circle','percent','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','plus-small','plus','previous','printer','qualify','radio-checked','radio-unchecked','refresh','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','select-all','setting','share-circle','share','shield','shop','sound','spinner','stack','star','stats','subway', 'swap', 'sync-cozy','sync','tag','target','team','telephone','to-the-cloud','top','train','trash','trophy','unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','wrench-circle']
+const availableIcons = ['album-add','album-remove','album','answer','apple','archive','arrowUp','attachment','attention','bank','banking-add','banking','bell','bike','bill','bottom','browser-brave','browser-chrome','browser-duckduckgo','browser-edge','browser-edge-chromium','browser-firefox','browser-ie','browser-opera','browser-safari','burger','bus','calendar','camera','car','carbonCopy','carpooling','categories','certified','check-circle','check-list','check-square','check','checkbox','circle-filled','clock','clock-outline','cloud-happy','cloud','collect','comment','company','compare','compass','connector','contract','contrast','copy','cozy-circle','cozy-laugh', 'cozy-lock', 'cozy-text', 'cozy-release', 'credit-card-add','credit-card','credit','crop','cross-circle','cross-medium','cross-small','cross','cube','dash','dashboard','data-control','debit','devices','dots','down','download','drawing-arrow-up','dropdown-close','dropdown-open','dropdown','dropup','electric-bike','electric-car','electric-scooter','email-notification','email','eu','euro','exchange','eye-closed','eye','file-add','file-duotone','file-new','file-none','file-outline','file','filter','fingerprint','fitness','flag-outlined','flag','flash-auto','flashlight','folder-add','folder-moveto','folder','forbidden','from-user','gear','globe','graph-circle','grid','group-list','groups','hand','heart','help','help-outlined','history','home','hourglass','image','info-outlined','info','key','laptop','left','lightbulb','link-out','link','list','location','lock', 'lock-screen', 'logout','magic-trick','magnet','magnifier','merge','moped','motorcycle','mountain','movement-in','movement-out','mouvement','moveto','multi-files','music','new','next','note','notification-email','offline','online', 'openapp', 'openwith','palette','paper','paperplane','password','pen','people','percent-circle','percent','personal-data','phone-download','phone-upload','phone','pie-chart','pin','plane','plus-small','plus','previous','printer','qualify','radio-checked','radio-unchecked','refresh','repare','reply','restaurant','restore-straight','restore','right','rise','rotate-left','rotate-right','sad-cozy','safe','school','scooter','select-all','setting','share-circle','share','shield','shop','sound','spinner','stack','star','stats','subway', 'swap', 'sync-cozy','sync','tag','target','team','telephone','to-the-cloud','top','train','tram','trash','trophy','unknow','unlink','unlock','up','upload','videos','walk','wallet-add','wallet-new','wallet','warn','warning-circle','warning','wrench-circle']
 ;
 <div style={{ fontSize: '2rem', display: 'grid', gridTemplateColumns: 'repeat(6, 1fr)' }}>
   <Sprite />

package/react/Icon/icons-sprite.js

@@ -222,7 +222,7 @@ animation: checkmark 0.5s ease-in-out 0.16s backwards
     <path fill-rule="evenodd" d="M0 3c0-.552.445-1 1-1h14c.552 0 1 .444 1 1 0 .552-.445 1-1 1H1c-.552 0-1-.444-1-1zm0 10c0-.552.445-1 1-1h14c.552 0 1 .444 1 1 0 .552-.445 1-1 1H1c-.552 0-1-.444-1-1zm0-5c0-.552.445-1 1-1h14c.552 0 1 .444 1 1 0 .552-.445 1-1 1H1c-.552 0-1-.444-1-1z"/>
 </symbol><symbol id="bus" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M1 11c0 .88.39 1.67 1 2.22v1.28c0 .83.67 1.5 1.5 1.5S5 15.33 5 14.5V14h6v.5c0 .82.67 1.5 1.5 1.5.82 0 1.5-.67 1.5-1.5v-1.28c.61-.55 1-1.34 1-2.22V4c0-3-3-4-7-4S1 1 1 4v7Zm3.5 1c-.83 0-1.5-.67-1.5-1.5S3.67 9 4.5 9 6 9.67 6 10.5 5.33 12 4.5 12Zm7 0c-.83 0-1.5-.67-1.5-1.5S10.67 9 11.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5ZM13 7H3V3h10v4Z"/></symbol><symbol id="calendar" viewBox="0 0 16 16"><path d="M13 1h3v2H0V1h3V0h2v1h6V0h2v1zM0 4h16v10.998A1 1 0 0 1 15 16H1c-.552 0-1-.456-1-1.002V4zm2 2v8h12V6H2zm6 3h5v4H8V9z" fill-rule="nonzero"/></symbol><symbol id="camera" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M5.5 1h5l2 2H14c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H2c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h1.5l2-2zM8 13c2.208 0 4-1.792 4-4s-1.792-4-4-4-4 1.792-4 4 1.792 4 4 4zm0-2a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"/>
-</symbol><symbol id="carbonCopy" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M5.58 1.38a2.8 2.8 0 0 1 4.83-.02l.1.18.03.06h.07a2.8 2.8 0 0 1 2.93 2.29l.02.17.02.17a2.8 2.8 0 0 1-.36 1.54l-.1.17-.04.06.13.22a2.8 2.8 0 0 1-.6 3.5l-.14.12-.15.1c-.4.26-.85.42-1.32.46v5.3a.3.3 0 0 1-.48.23L8 14l-2.52 1.93a.3.3 0 0 1-.48-.24v-5.3a2.8 2.8 0 0 1-2.53-2.27l-.03-.18-.02-.17a2.8 2.8 0 0 1 .36-1.53l.1-.18.04-.06-.04-.06a2.8 2.8 0 0 1 .5-3.66l.15-.12.15-.1c.45-.3.97-.46 1.5-.47h.2l.08.01.12-.22zm2.78.7a.8.8 0 0 0-1.02.26l-.06.1-.62 1.24-1.4-.08a.8.8 0 0 0-.76 1.14l.05.1L5.32 6l-.77 1.16a.8.8 0 0 0 .62 1.24h.1l1.39-.08.62 1.25a.8.8 0 0 0 .6.43h.25a.8.8 0 0 0 .53-.33l.06-.1.62-1.25 1.4.08a.8.8 0 0 0 .76-1.14l-.05-.1L10.68 6l.77-1.16a.8.8 0 0 0-.62-1.24h-.1l-1.39.08-.62-1.25a.8.8 0 0 0-.36-.36z"/></symbol><symbol id="car" viewBox="0 0 16 16">
+</symbol><symbol id="carbonCopy" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M5.58 1.38a2.8 2.8 0 0 1 4.83-.02l.1.18.03.06h.07a2.8 2.8 0 0 1 2.93 2.29l.02.17.02.17a2.8 2.8 0 0 1-.36 1.54l-.1.17-.04.06.13.22a2.8 2.8 0 0 1-.6 3.5l-.14.12-.15.1c-.4.26-.85.42-1.32.46v5.3a.3.3 0 0 1-.48.23L8 14l-2.52 1.93a.3.3 0 0 1-.48-.24v-5.3a2.8 2.8 0 0 1-2.53-2.27l-.03-.18-.02-.17a2.8 2.8 0 0 1 .36-1.53l.1-.18.04-.06-.04-.06a2.8 2.8 0 0 1 .5-3.66l.15-.12.15-.1c.45-.3.97-.46 1.5-.47h.2l.08.01.12-.22zm2.78.7a.8.8 0 0 0-1.02.26l-.06.1-.62 1.24-1.4-.08a.8.8 0 0 0-.76 1.14l.05.1L5.32 6l-.77 1.16a.8.8 0 0 0 .62 1.24h.1l1.39-.08.62 1.25a.8.8 0 0 0 .6.43h.25a.8.8 0 0 0 .53-.33l.06-.1.62-1.25 1.4.08a.8.8 0 0 0 .76-1.14l-.05-.1L10.68 6l.77-1.16a.8.8 0 0 0-.62-1.24h-.1l-1.39.08-.62-1.25a.8.8 0 0 0-.36-.36z"/></symbol><symbol id="carpooling" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M16 10.25v.005-3.297a1.004 1.004 0 0 0-.072-.33l-2-5-.051-.11A1 1 0 0 0 13 1H3l-.121.007a1 1 0 0 0-.807.622l-2 5-.04.119a.99.99 0 0 0-.033.239L0 13.5l.007.145A1.498 1.498 0 0 0 1.5 15c.83 0 1.5-.67 1.5-1.5V13h3.73c.116-.167.242-.332.376-.49.233-.27.602-.648 1.091-.958A4.453 4.453 0 0 1 8 10.25C8 8.13 9.576 6 12 6s4 2.13 4 4.25ZM12 6H2.477l1.2-3h8.647l1.2 3H12ZM3.5 8C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11 5 10.33 5 9.5 4.33 8 3.5 8Z"/><path d="M10 10.25c0 1.243.895 2.25 2 2.25s2-1.007 2-2.25S13.105 8 12 8s-2 1.007-2 2.25ZM10 13c-1 0-2 1.5-2 2s0 1 .5 1h7c.5 0 .5-.5.5-1s-1-2-2-2c-.45 0-.596.101-.757.212-.198.136-.417.288-1.243.288-.826 0-1.045-.152-1.243-.288C10.596 13.101 10.45 13 10 13Z"/></symbol><symbol id="car" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M13.92 2.01C13.72 1.42 13.16 1 12.5 1h-9c-.66 0-1.21.42-1.42 1.01L.11 6.68c-.07.21-.11.43-.11.66v6.16c0 .83.67 1.5 1.5 1.5S3 14.33 3 13.5V13h10v.5c0 .82.67 1.5 1.5 1.5.82 0 1.5-.67 1.5-1.5V7.34c0-.22-.04-.45-.11-.66l-1.97-4.67zM3.5 11C2.67 11 2 10.33 2 9.5S2.67 8 3.5 8 5 8.67 5 9.5 4.33 11 3.5 11zm9 0c-.83 0-1.5-.67-1.5-1.5S11.67 8 12.5 8s1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM2 6l1.27-2.82c.14-.4.52-.68.95-.68h7.56c.43 0 .81.28.95.68L14 6H2z"/>
 </symbol><symbol id="categories" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M3.243 6.034L.671 4.842a.779.779 0 0 1-.396-.397c-.197-.496 0-.894.396-1.093L7.792.075c.198-.1.395-.1.594 0l7.12 3.277a.746.746 0 0 1 .494.696.746.746 0 0 1-.494.695l-2.67 1.291-.594.298-3.856 1.887a.694.694 0 0 1-.693 0c-.198-.105-3.857-1.887-3.857-1.887l-.593-.298zm12.03 4.807c.78.4.675 1.345-.086 1.756L8.421 15.9a.985.985 0 0 1-.864 0L.572 12.49a.779.779 0 0 1-.396-.397c-.197-.497 0-.894.396-1.093l.89-.397 2.472 1.192 3.627 1.73a.984.984 0 0 0 .857-.005l3.725-1.825 2.373-1.19.756.336zm.53-3.218c.197.397 0 .894-.594 1.192l-2.274 1.092-.594.3-4.058 2.036a.98.98 0 0 1-.883 0l-4.058-2.037-.594-.299L.474 8.815a.777.777 0 0 1-.396-.398c-.198-.496 0-.894.396-1.092l1.285-.596 2.176.993 3.626 1.73a.986.986 0 0 0 .858-.005l4.12-2.023 1.582-.794 1.286.596a.771.771 0 0 1 .396.397z"/>
@@ -335,7 +335,7 @@ animation: checkmark 0.5s ease-in-out 0.16s backwards
     <path fill-rule="evenodd" d="M2 5h12l-6 7z"/>
 </symbol><symbol id="dropup" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M14 12H2l6-7z"/>
-</symbol><symbol id="email-notification" viewBox="0 0 16 16">
+</symbol><symbol id="electric-bike" viewBox="0 0 16 16"><path d="M4.736.17c.018-.053-.012-.11-.075-.143-.088-.046-.212-.032-.276.03L.115 4.15A.345.345 0 0 0 0 4.398c0 .232.265.42.593.42h1.592l-.658 3.021c-.011.053.021.106.084.137.09.043.213.027.274-.037l4.011-4.142A.34.34 0 0 0 6 3.561c0-.231-.265-.419-.593-.419H3.765L4.736.171ZM10.5 5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM9.045 7.996a7.202 7.202 0 0 1-.588-.453L7.221 8.779l1.334.889A1 1 0 0 1 9 10.5V14a1 1 0 1 1-2 0v-2.965L4.68 9.488a1.527 1.527 0 0 1-.233-2.35l2.204-2.203a1.484 1.484 0 0 1 1.05-.435c.571 0 1.022.318 1.276.686.205.297.635.771 1.204 1.164.57.393 1.198.65 1.819.65a1 1 0 1 1 0 2c-1.162 0-2.184-.471-2.955-1.004Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-1.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM6 13a3 3 0 1 1-6 0 3 3 0 0 1 6 0Zm-1.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/></symbol><symbol id="electric-car" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.283.92c.08.059.118.16.095.257L13.15 6.5h2.078a.75.75 0 0 1 .62 1.174l-5.078 7.42a.25.25 0 0 1-.453-.18L11.15 9.5H9.134a.75.75 0 0 1-.604-1.195L13.934.972a.25.25 0 0 1 .35-.053ZM11.43 1 9.955 3H3.677l-1.2 3h5.268L6.92 7.118a2.75 2.75 0 0 0-.536 1.631l.005.168a2.751 2.751 0 0 0 2.244 2.536l.188.028L8.587 13H3v.5c0 .83-.67 1.5-1.5 1.5-.781 0-1.42-.594-1.493-1.355L0 13.5V6.987a.99.99 0 0 1 .032-.239l.04-.12 2-5a1 1 0 0 1 .807-.62L3 1h8.43ZM3.5 8C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11 5 10.33 5 9.5 4.33 8 3.5 8Z"/></symbol><symbol id="electric-scooter" viewBox="0 0 16 16"><path d="M4.736.17c.018-.053-.012-.11-.075-.143-.088-.046-.212-.032-.276.03L.115 4.15A.345.345 0 0 0 0 4.398c0 .232.265.42.593.42h1.592l-.658 3.021c-.011.053.021.106.084.137.09.043.213.027.274-.037l4.011-4.142A.34.34 0 0 0 6 3.561c0-.231-.265-.419-.593-.419H3.765L4.736.171Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8 1a1 1 0 0 1 1-1h2.22a2 2 0 0 1 1.94 1.515l1.81 7.242A1 1 0 0 1 14 10h-.5a3.5 3.5 0 0 0-3.465 4H4.95a2.5 2.5 0 1 1-.45-2h3.707a5.506 5.506 0 0 1 4.525-3.947L11.22 2H9a1 1 0 0 1-1-1ZM3 13.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M16 13.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Zm-2 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z"/></symbol><symbol id="email-notification" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M14 5.95V6v-.05a2.5 2.5 0 1 1 0 0zM10.073 4c.222 1.418.95 2.336 2.18 2.748L7 9 0 6V5c0-.552.45-1 1.007-1h9.066zM0 8l7 3 7-3v5.997c0 .554-.45 1.003-1.007 1.003H1.007A.998.998 0 0 1 0 13.997V8z"/>
 </symbol><symbol id="email" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M0 2.999A.998.998 0 0 1 1 2h14c.552 0 1 .443 1 .999V5L8 8 0 5V2.999zM0 7l8 3 8-3v7.003c0 .55-.445.997-1 .997H1c-.552 0-1-.453-1-.997V7z"/>
@@ -454,7 +454,7 @@ animation: checkmark 0.5s ease-in-out 0.16s backwards
     <path fill-rule="evenodd" d="M10.472 10H11.5l3.294 3.294a.996.996 0 0 1 0 1.412l-.088.088a1 1 0 0 1-1.412 0L10 11.5v-1.028a6 6 0 1 1 .472-.472zM6 10a4 4 0 1 0 0-8 4 4 0 0 0 0 8z"/>
 </symbol><symbol id="merge" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M8 0L4 3.997h3.064V9.18L2 14.59 3.32 16l5.616-5.999V3.997H12L8 0zm1.488 12.59L12.68 16 14 14.591l-3.191-3.411-1.32 1.41z"/>
-</symbol><symbol id="mountain" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="m6.065 7.66-.003.005-1.19-2.116a1 1 0 0 0-1.744 0l-2.79 4.96A1 1 0 0 0 1.21 12h13.538a1 1 0 0 0 .86-1.509l-4.747-8.034a1 1 0 0 0-1.722 0l-2.192 3.71 1.527 2.715a.75.75 0 1 1-1.308.736L6.065 7.66Z"/></symbol><symbol id="movement-in" viewBox="0 0 16 16">
+</symbol><symbol id="moped" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 0a1 1 0 1 0 0 2h2.246l1.604 5.613L12 9H8V5a1 1 0 0 0-1-1H2a1 1 0 1 0 0 2h2a4 4 0 0 0-4 4v1.986A1 1 0 0 0 1 13a3 3 0 0 0 6 0h2a3 3 0 1 0 4.48-2.61L15.6 8.8a1 1 0 0 0 .362-1.075l-2-7A1 1 0 0 0 13 0h-3ZM4.922 12.613a1 1 0 1 1-1.903.19l1.903-.19ZM12 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></symbol><symbol id="motorcycle" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.965 4H6a1 1 0 0 1 0-2h2.324c.444 0 .86.222 1.106.592l1.596 2.395L14 3.5V6h-2.298l1.333 2a3 3 0 1 1-1.946.687l-.744-1.116-1.589 3.814a1 1 0 0 1-.923.615H7.46a1 1 0 0 1-.76-.35l-.705-.822a3 3 0 1 1-2.908-2.826L3.086 8H1a1 1 0 0 1 0-2h2.615c.192 0 .375.076.511.212l1.282 1.282 1.57-1.121A2 2 0 0 1 8.141 6h1.157L7.965 4ZM4 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm10 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/></symbol><symbol id="mountain" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="m6.065 7.66-.003.005-1.19-2.116a1 1 0 0 0-1.744 0l-2.79 4.96A1 1 0 0 0 1.21 12h13.538a1 1 0 0 0 .86-1.509l-4.747-8.034a1 1 0 0 0-1.722 0l-2.192 3.71 1.527 2.715a.75.75 0 1 1-1.308.736L6.065 7.66Z"/></symbol><symbol id="movement-in" viewBox="0 0 16 16">
     <g fill-rule="evenodd">
         <path d="M3.414 10H11a1 1 0 0 1 0 2H3.414l1.293 1.293a1 1 0 0 1-1.414 1.414l-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 1 1 1.414 1.414L3.414 10z" opacity=".322"/>
         <path d="M12.586 4l-1.293-1.293a1 1 0 1 1 1.414-1.414l3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 0 1-1.414-1.414L12.586 6H5a1 1 0 1 1 0-2h7.586z"/>
@@ -556,7 +556,7 @@ animation: checkmark 0.5s ease-in-out 0.16s backwards
     <path fill-rule="evenodd" d="M8.116.547a1.044 1.044 0 0 1 .23-.289c.03-.024.051-.052.082-.072a.97.97 0 0 1 .305-.142c.025-.006.051-.006.076-.01C8.872.02 8.931.004 9 .004L13 0a.998.998 0 0 1 1.001.996.984.984 0 0 1-.789.957c1.7 1.495 2.785 3.67 2.788 6.03.004 3.085-1.79 5.902-4.528 7.252a.997.997 0 1 1-.886-1.789c2.062-1.017 3.417-3.143 3.414-5.462-.002-1.47-.57-2.855-1.502-3.93a.987.987 0 0 1-.352.705 1.001 1.001 0 0 1-1.408-.126l-2.505-2.99c-.002-.003-.003-.007-.006-.01-.044-.053-.074-.112-.106-.173a.986.986 0 0 1-.06-.128.988.988 0 0 1-.045-.172A1.056 1.056 0 0 1 8.01.974c.002-.043-.012-.083-.005-.127.007-.043.032-.076.044-.117.018-.063.038-.124.068-.183zM4.574.705a1 1 0 0 1 1.333.47.996.996 0 0 1-.47 1.33 5.977 5.977 0 0 0-1.686 1.227L2.111 2.56A7.981 7.981 0 0 1 4.573.706zm-.832 11.533l-1.185 1.659a8.094 8.094 0 0 1-2.222-3.61l2.003-.335a6.075 6.075 0 0 0 1.404 2.286zM.965 4.2l1.637 1.168A6.086 6.086 0 0 0 2 7.98l-1.986.332C.01 8.209 0 8.106 0 8A8.067 8.067 0 0 1 .965 4.2zm6.179 9.79a1 1 0 0 1-.271 1.978 7.803 7.803 0 0 1-2.7-.892l1.182-1.655a5.796 5.796 0 0 0 1.789.569z"/>
 </symbol><symbol id="rotate-right" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M7.884.547c.03.06.05.12.068.183.012.041.037.074.044.117.007.044-.007.084-.005.127.002.062.002.123-.007.186a.988.988 0 0 1-.045.172.986.986 0 0 1-.06.128c-.032.061-.062.12-.106.173-.003.003-.004.007-.006.01l-2.505 2.99a1.001 1.001 0 0 1-1.408.126.987.987 0 0 1-.352-.705C2.57 5.13 2.002 6.514 2 7.984c-.003 2.32 1.352 4.445 3.414 5.462a.997.997 0 1 1-.886 1.79C1.79 13.885-.004 11.067 0 7.981c.003-2.36 1.088-4.534 2.788-6.029a.984.984 0 0 1-.79-.957A.998.998 0 0 1 3 0l4 .005c.069 0 .128.016.19.028.026.005.052.005.077.011a.97.97 0 0 1 .305.142c.03.02.053.048.082.072a1.044 1.044 0 0 1 .23.29zm3.542.158a7.981 7.981 0 0 1 2.464 1.856l-1.641 1.17a5.977 5.977 0 0 0-1.686-1.225.996.996 0 0 1-.47-1.331 1 1 0 0 1 1.333-.47zm.832 11.533a6.075 6.075 0 0 0 1.404-2.286l2.003.335a8.094 8.094 0 0 1-2.222 3.61l-1.185-1.66zM15.035 4.2A8.067 8.067 0 0 1 16 8c0 .106-.01.209-.015.313L14 7.98a6.086 6.086 0 0 0-.6-2.613L15.034 4.2zm-6.179 9.79a5.796 5.796 0 0 0 1.79-.57l1.18 1.656c-.82.45-1.73.76-2.699.892a1 1 0 1 1-.27-1.978z"/>
-</symbol><symbol id="sad-cozy" viewBox="0 0 52 52"><path d="M38.231 40H13.769C6.175 40 0 33.756 0 26.08c0-3.66 1.394-7.117 3.927-9.733 2.219-2.29 5.093-3.715 8.203-4.086a13.887 13.887 0 014.042-8.292A13.608 13.608 0 0125.801 0c3.62 0 7.04 1.407 9.629 3.968a13.897 13.897 0 014.038 8.25C46.482 12.853 52 18.828 52 26.082 52 33.756 45.82 40 38.23 40h.001zm-.163-3.001h.104c5.97 0 10.828-4.91 10.828-10.947 0-6.035-4.857-10.946-10.828-10.946h-.11c-.779 0-1.417-.627-1.435-1.417C36.492 7.794 31.637 3 25.803 3 19.968 3 15.11 7.796 14.977 13.69a1.445 1.445 0 01-1.403 1.42C7.744 15.244 3 20.153 3 26.052 3 32.09 7.857 37 13.828 37h.088l.035-.002c.03 0 .062 0 .093.002h24.021l.003-.001zm-4.302-11.222c-.875.585-.918 1.659-.92 1.706a.52.52 0 01-.525.517.523.523 0 01-.506-.536c.002-.039.016-.543.251-1.137a7.99 7.99 0 00-11.138-.019c.241.603.257 1.116.257 1.155a.523.523 0 01-.503.536.526.526 0 01-.528-.515c0-.043-.042-1.121-.92-1.706a.536.536 0 01-.15-.731.51.51 0 01.714-.154c.225.15.414.322.572.505a9.006 9.006 0 0112.251.01c.16-.184.35-.36.582-.515a.503.503 0 01.281-.085c.168 0 .333.085.432.24a.537.537 0 01-.15.731v-.002z" fill-rule="evenodd"/></symbol><symbol id="safe" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-1v1h-3v-1H6v1H3v-1H2a2 2 0 0 1-2-2V2C0 .9.9 0 2 0h12zm0 1H3a1 1 0 0 0-1 .88V3H1v3h1v3H1v3h1v1a1 1 0 0 0 .88 1H14a1 1 0 0 0 1-.88V2a1 1 0 0 0-.88-1H14zm0 1v11H3v-2H2v-1h1V5H2V4h1V2h11zM8.5 4a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm0 1a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zm0 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1z"/></symbol><symbol id="school" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 9.102v2.843a.5.5 0 0 1-.255.435l-4.5 2.532a.5.5 0 0 1-.49 0l-4.5-2.532A.5.5 0 0 1 3 11.945V9.102l4.03 2.155a2.06 2.06 0 0 0 1.94 0L13 9.103ZM8.16 1.023l.102.042 7.465 3.992a.522.522 0 0 1 .204.194.492.492 0 0 1-.124.64l-.08.052-7.465 3.992a.56.56 0 0 1-.423.041l-.101-.041L2 6.867V11a1 1 0 1 1-2 0V5.5c0-.148.068-.292.192-.39l.08-.053 7.466-3.992a.558.558 0 0 1 .338-.06l.085.019Z"/></symbol><symbol id="select-all" viewBox="0 0 16 16">
+</symbol><symbol id="sad-cozy" viewBox="0 0 52 52"><path d="M38.231 40H13.769C6.175 40 0 33.756 0 26.08c0-3.66 1.394-7.117 3.927-9.733 2.219-2.29 5.093-3.715 8.203-4.086a13.887 13.887 0 014.042-8.292A13.608 13.608 0 0125.801 0c3.62 0 7.04 1.407 9.629 3.968a13.897 13.897 0 014.038 8.25C46.482 12.853 52 18.828 52 26.082 52 33.756 45.82 40 38.23 40h.001zm-.163-3.001h.104c5.97 0 10.828-4.91 10.828-10.947 0-6.035-4.857-10.946-10.828-10.946h-.11c-.779 0-1.417-.627-1.435-1.417C36.492 7.794 31.637 3 25.803 3 19.968 3 15.11 7.796 14.977 13.69a1.445 1.445 0 01-1.403 1.42C7.744 15.244 3 20.153 3 26.052 3 32.09 7.857 37 13.828 37h.088l.035-.002c.03 0 .062 0 .093.002h24.021l.003-.001zm-4.302-11.222c-.875.585-.918 1.659-.92 1.706a.52.52 0 01-.525.517.523.523 0 01-.506-.536c.002-.039.016-.543.251-1.137a7.99 7.99 0 00-11.138-.019c.241.603.257 1.116.257 1.155a.523.523 0 01-.503.536.526.526 0 01-.528-.515c0-.043-.042-1.121-.92-1.706a.536.536 0 01-.15-.731.51.51 0 01.714-.154c.225.15.414.322.572.505a9.006 9.006 0 0112.251.01c.16-.184.35-.36.582-.515a.503.503 0 01.281-.085c.168 0 .333.085.432.24a.537.537 0 01-.15.731v-.002z" fill-rule="evenodd"/></symbol><symbol id="safe" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M14 0a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-1v1h-3v-1H6v1H3v-1H2a2 2 0 0 1-2-2V2C0 .9.9 0 2 0h12zm0 1H3a1 1 0 0 0-1 .88V3H1v3h1v3H1v3h1v1a1 1 0 0 0 .88 1H14a1 1 0 0 0 1-.88V2a1 1 0 0 0-.88-1H14zm0 1v11H3v-2H2v-1h1V5H2V4h1V2h11zM8.5 4a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7zm0 1a2.5 2.5 0 1 1 0 5 2.5 2.5 0 0 1 0-5zm0 2a.5.5 0 1 0 0 1 .5.5 0 0 0 0-1z"/></symbol><symbol id="school" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 9.102v2.843a.5.5 0 0 1-.255.435l-4.5 2.532a.5.5 0 0 1-.49 0l-4.5-2.532A.5.5 0 0 1 3 11.945V9.102l4.03 2.155a2.06 2.06 0 0 0 1.94 0L13 9.103ZM8.16 1.023l.102.042 7.465 3.992a.522.522 0 0 1 .204.194.492.492 0 0 1-.124.64l-.08.052-7.465 3.992a.56.56 0 0 1-.423.041l-.101-.041L2 6.867V11a1 1 0 1 1-2 0V5.5c0-.148.068-.292.192-.39l.08-.053 7.466-3.992a.558.558 0 0 1 .338-.06l.085.019Z"/></symbol><symbol id="scooter" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 0a1 1 0 0 0 0 2h2.22l1.512 6.053A5.506 5.506 0 0 0 8.207 12H4.5a2.5 2.5 0 1 0 .45 2h5.085a3.5 3.5 0 0 1 3.465-4h.5a.999.999 0 0 0 .97-1.243l-1.81-7.242A2 2 0 0 0 11.22 0H9ZM2.5 14a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.5 16a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm0-2a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"/></symbol><symbol id="select-all" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M14.7 8.713a1 1 0 1 0-1.4-1.427l-4.391 4.312L7.7 10.411A.999.999 0 1 0 6.3 11.838l1.909 1.875a.997.997 0 0 0 1.4 0l5.092-5zM15 4c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h10zm-3-2H5C3.346 2 2 3.346 2 5v7H1c-.55 0-1-.45-1-1V1c0-.55.45-1 1-1h10c.55 0 1 .45 1 1v1z"/>
 </symbol><symbol id="setting" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.855 5a3.502 3.502 0 0 1-6.71 0H1a1 1 0 0 1 0-2h6.145a3.502 3.502 0 0 1 6.71 0H15a1 1 0 1 1 0 2h-1.145ZM12 4a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM5.5 15.5A3.502 3.502 0 0 0 8.855 13H15a1 1 0 1 0 0-2H8.855a3.502 3.502 0 0 0-6.71 0H1a1 1 0 1 0 0 2h1.145A3.502 3.502 0 0 0 5.5 15.5ZM7 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z"/></symbol><symbol id="share-circle" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zM6.541 6.92a1.5 1.5 0 1 0 0 2.16l2.47 1.235a1.5 1.5 0 1 0 .447-.894l-2.47-1.236a1.515 1.515 0 0 0 0-.37l2.47-1.235a1.5 1.5 0 1 0-.447-.894L6.541 6.92z"/>
@@ -597,7 +597,7 @@ animation: checkmark 0.5s ease-in-out 0.16s backwards
   </g>
 </symbol><symbol id="to-the-cloud" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M12.112 5.665a4.132 4.132 0 0 0-1.239-2.475A4.227 4.227 0 0 0 7.918 2c-1.112 0-2.16.422-2.955 1.19-.237.229-.43.487-.603.756l2.847 2.847L9 5v5H4l1.793-1.793-2.452-2.451a4.21 4.21 0 0 0-2.136 1.148A4.124 4.124 0 0 0 0 9.824C0 12.127 1.895 14 4.225 14h7.507c2.33 0 4.227-1.873 4.227-4.176 0-2.176-1.694-3.968-3.847-4.159"/>
-</symbol><symbol id="train" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 4v7a3 3 0 0 1-2.536 2.964L14 15.5v.5h-2l-2-2H6l-2 2H2v-.5l1.536-1.536A3 3 0 0 1 1 11V4c0-3 3-4 7-4s7 1 7 4ZM3 7h4V3H3v4Zm6-4v4h4V3H9Zm-3 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/></symbol><symbol id="trash" viewBox="0 0 16 16"><path d="M4.5 1H2.007C1.45 1 1 1.448 1 2v1h14V2c0-.556-.45-1-1.007-1H11.5L11 0H5l-.5 1ZM2 4h12v9.991A2.01 2.01 0 0 1 11.991 16H4.01A2.01 2.01 0 0 1 2 13.991V4Z" fill-rule="evenodd"/></symbol><symbol id="trophy" viewBox="0 0 16 16">
+</symbol><symbol id="train" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M15 4v7a3 3 0 0 1-2.536 2.964L14 15.5v.5h-2l-2-2H6l-2 2H2v-.5l1.536-1.536A3 3 0 0 1 1 11V4c0-3 3-4 7-4s7 1 7 4ZM3 7h4V3H3v4Zm6-4v4h4V3H9Zm-3 7.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm5.5 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/></symbol><symbol id="tram" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M4 .75A.75.75 0 0 1 4.75 0h6.5a.75.75 0 0 1 0 1.5H9.589l-.764 1.526C11.527 3.201 14 4.276 14 7v5a3 3 0 0 1-1.765 2.735L13 15.5v.5h-2l-1-1H6l-1 1H3v-.5l.765-.765A3 3 0 0 1 2 12V7c0-2.78 1.718-3.843 5.153-3.984L7.911 1.5H4.75A.75.75 0 0 1 4 .75ZM4 10V6h8v4H4Zm4 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/></symbol><symbol id="trash" viewBox="0 0 16 16"><path d="M4.5 1H2.007C1.45 1 1 1.448 1 2v1h14V2c0-.556-.45-1-1.007-1H11.5L11 0H5l-.5 1ZM2 4h12v9.991A2.01 2.01 0 0 1 11.991 16H4.01A2.01 2.01 0 0 1 2 13.991V4Z" fill-rule="evenodd"/></symbol><symbol id="trophy" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M3 2V1c0-.552.456-1 .995-1h8.01c.55 0 .995.444.995 1v1h2.001a1 1 0 0 1 .999.99v3.012c0 1.104-.852 2.282-1.9 2.631L13 9l-4 3v2h.508c.548 0 1.26.358 1.593.802L12 16H4l.899-1.198C5.23 14.359 5.942 14 6.492 14H7v-2L3 9l-1.1-.367C.85 8.283 0 7.102 0 6.003V2.99C0 2.444.443 2 .999 2H3zm0 2H2v2.505c0 .273.232.495.5.495H3V4zm10 0v3h.5c.268 0 .5-.222.5-.495V4h-1z"/>
 </symbol><symbol id="unknow" viewBox="0 0 16 16"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 12a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3Zm.968-10.9c1.777.372 3.182 1.858 3.472 3.65a4.507 4.507 0 0 1-2.828 4.953l-.112.039V11h-3V8.5a1.5 1.5 0 0 1 1.356-1.493L8 7a1.5 1.5 0 1 0-1.493-1.645L6.5 5.5h-3a4.506 4.506 0 0 1 5.468-4.4Z"/></symbol><symbol id="unlink" viewBox="0 0 16 16">
     <path fill-rule="evenodd" d="M.151 2.849l1.414-1.414 13 13-1.414 1.414-4.453-4.452c-1.099.059-2.202-.298-3-1.095a1.044 1.044 0 0 1 0-1.475c.077-.076.168-.124.26-.172L5.302 8l-2.909 2.91a1.04 1.04 0 0 0-.007 1.472l1.23 1.23a1.04 1.04 0 0 0 1.468-.002l1.656-1.656a1.042 1.042 0 1 1 1.474 1.475L6.56 15.085a3.126 3.126 0 0 1-4.418.002l-1.229-1.23A3.125 3.125 0 0 1 .92 9.437l2.91-2.91L.15 2.849zm10.15 2.85a1.044 1.044 0 0 1 0 1.475c-.033.034-.078.048-.115.076L7.53 4.595c1.023 0 2.03.362 2.77 1.104zm4.786-3.556a3.126 3.126 0 0 1-.007 4.422l-2.79 2.79-1.474-1.474 2.79-2.79a1.04 1.04 0 0 0 .006-1.473l-1.23-1.23a1.042 1.042 0 0 0-1.468.002L9.259 4.045A1.042 1.042 0 1 1 7.784 2.57L9.44.915a3.127 3.127 0 0 1 4.418-.001l1.229 1.229z"/>

package/react/Icons/Carpooling.jsx

@@ -0,0 +1,17 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/carpooling.svg` to regenerate;
+import React from 'react'
+
+function SvgCarpooling(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16 10.25v.005-3.297a1.004 1.004 0 00-.072-.33l-2-5-.051-.11A1 1 0 0013 1H3l-.121.007a1 1 0 00-.807.622l-2 5-.04.119a.99.99 0 00-.033.239L0 13.5l.007.145A1.498 1.498 0 001.5 15c.83 0 1.5-.67 1.5-1.5V13h3.73c.116-.167.242-.332.376-.49.233-.27.602-.648 1.091-.958A4.453 4.453 0 018 10.25C8 8.13 9.576 6 12 6s4 2.13 4 4.25zM12 6H2.477l1.2-3h8.647l1.2 3H12zM3.5 8C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11 5 10.33 5 9.5 4.33 8 3.5 8z"
+      />
+      <path d="M10 10.25c0 1.243.895 2.25 2 2.25s2-1.007 2-2.25S13.105 8 12 8s-2 1.007-2 2.25zM10 13c-1 0-2 1.5-2 2s0 1 .5 1h7c.5 0 .5-.5.5-1s-1-2-2-2c-.45 0-.596.101-.757.212-.198.136-.417.288-1.243.288-.826 0-1.045-.152-1.243-.288C10.596 13.101 10.45 13 10 13z" />
+    </svg>
+  )
+}
+
+export default SvgCarpooling

package/react/Icons/ElectricBike.jsx

@@ -0,0 +1,17 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/electric-bike.svg` to regenerate;
+import React from 'react'
+
+function SvgElectricBike(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M4.736.17c.018-.053-.012-.11-.075-.143-.088-.046-.212-.032-.276.03L.115 4.15A.345.345 0 000 4.398c0 .232.265.42.593.42h1.592l-.658 3.021c-.011.053.021.106.084.137.09.043.213.027.274-.037l4.011-4.142A.34.34 0 006 3.561c0-.231-.265-.419-.593-.419H3.765L4.736.171zM10.5 5a2 2 0 100-4 2 2 0 000 4zM9.045 7.996a7.202 7.202 0 01-.588-.453L7.221 8.779l1.334.889A1 1 0 019 10.5V14a1 1 0 11-2 0v-2.965L4.68 9.488a1.527 1.527 0 01-.233-2.35l2.204-2.203a1.484 1.484 0 011.05-.435 1.56 1.56 0 011.276.686c.205.297.635.771 1.204 1.164.57.393 1.198.65 1.819.65a1 1 0 110 2c-1.162 0-2.184-.471-2.955-1.004z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16 13a3 3 0 11-6 0 3 3 0 016 0zm-1.5 0a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6 13a3 3 0 11-6 0 3 3 0 016 0zm-1.5 0a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z"
+      />
+    </svg>
+  )
+}
+
+export default SvgElectricBike

package/react/Icons/ElectricCar.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/electric-car.svg` to regenerate;
+import React from 'react'
+
+function SvgElectricCar(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M14.283.92c.08.059.118.16.095.257L13.15 6.5h2.078a.75.75 0 01.62 1.174l-5.078 7.42a.25.25 0 01-.453-.18L11.15 9.5H9.134a.75.75 0 01-.604-1.195L13.934.972a.25.25 0 01.35-.053zM11.43 1L9.955 3H3.677l-1.2 3h5.268L6.92 7.118a2.75 2.75 0 00-.536 1.631l.005.168a2.751 2.751 0 002.244 2.536l.188.028L8.587 13H3v.5c0 .83-.67 1.5-1.5 1.5-.781 0-1.42-.594-1.493-1.355L0 13.5V6.987a.99.99 0 01.032-.239l.04-.12 2-5a1 1 0 01.807-.62L3 1h8.43zM3.5 8C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11 5 10.33 5 9.5 4.33 8 3.5 8z"
+      />
+    </svg>
+  )
+}
+
+export default SvgElectricCar

package/react/Icons/ElectricScooter.jsx

@@ -0,0 +1,22 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/electric-scooter.svg` to regenerate;
+import React from 'react'
+
+function SvgElectricScooter(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path d="M4.736.17c.018-.053-.012-.11-.075-.143-.088-.046-.212-.032-.276.03L.115 4.15A.345.345 0 000 4.398c0 .232.265.42.593.42h1.592l-.658 3.021c-.011.053.021.106.084.137.09.043.213.027.274-.037l4.011-4.142A.34.34 0 006 3.561c0-.231-.265-.419-.593-.419H3.765L4.736.171z" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M8 1a1 1 0 011-1h2.22a2 2 0 011.94 1.515l1.81 7.242A1 1 0 0114 10h-.5a3.5 3.5 0 00-3.465 4H4.95a2.5 2.5 0 11-.45-2h3.707a5.506 5.506 0 014.525-3.947L11.22 2H9a1 1 0 01-1-1zM3 13.5a.5.5 0 11-1 0 .5.5 0 011 0z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M16 13.5a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm-2 0a.5.5 0 11-1 0 .5.5 0 011 0z"
+      />
+    </svg>
+  )
+}
+
+export default SvgElectricScooter

package/react/Icons/Moped.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/moped.svg` to regenerate;
+import React from 'react'
+
+function SvgMoped(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10 0a1 1 0 100 2h2.246l1.604 5.613L12 9H8V5a1 1 0 00-1-1H2a1 1 0 100 2h2a4 4 0 00-4 4v1.986A1 1 0 001 13a3 3 0 006 0h2a3 3 0 104.48-2.61L15.6 8.8a1 1 0 00.362-1.075l-2-7A1 1 0 0013 0h-3zM4.922 12.613a1 1 0 11-1.903.19l1.903-.19zM12 14a1 1 0 100-2 1 1 0 000 2z"
+      />
+    </svg>
+  )
+}
+
+export default SvgMoped

package/react/Icons/Motorcycle.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/motorcycle.svg` to regenerate;
+import React from 'react'
+
+function SvgMotorcycle(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M7.965 4H6a1 1 0 010-2h2.324c.444 0 .86.222 1.106.592l1.596 2.395L14 3.5V6h-2.298l1.333 2a3 3 0 11-1.946.687l-.744-1.116-1.589 3.814a1 1 0 01-.923.615H7.46a1 1 0 01-.76-.35l-.705-.822a3 3 0 11-2.908-2.826L3.086 8H1a1 1 0 010-2h2.615c.192 0 .375.076.511.212l1.282 1.282 1.57-1.121A2 2 0 018.141 6h1.157L7.965 4zM4 11a1 1 0 11-2 0 1 1 0 012 0zm10 0a1 1 0 11-2 0 1 1 0 012 0z"
+      />
+    </svg>
+  )
+}
+
+export default SvgMotorcycle

package/react/Icons/Scooter.jsx

@@ -0,0 +1,21 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/scooter.svg` to regenerate;
+import React from 'react'
+
+function SvgScooter(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9 0a1 1 0 000 2h2.22l1.512 6.053A5.506 5.506 0 008.207 12H4.5a2.5 2.5 0 10.45 2h5.085a3.5 3.5 0 013.465-4h.5a.999.999 0 00.97-1.243l-1.81-7.242A2 2 0 0011.22 0H9zM2.5 14a.5.5 0 100-1 .5.5 0 000 1z"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M13.5 16a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm0-2a.5.5 0 100-1 .5.5 0 000 1z"
+      />
+    </svg>
+  )
+}
+
+export default SvgScooter

package/react/Icons/Tram.jsx

@@ -0,0 +1,16 @@
+// Automatically created, please run `scripts/generate-svgr-icon.sh assets/icons/ui/tram.svg` to regenerate;
+import React from 'react'
+
+function SvgTram(props) {
+  return (
+    <svg viewBox="0 0 16 16" {...props}>
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M4 .75A.75.75 0 014.75 0h6.5a.75.75 0 010 1.5H9.589l-.764 1.526C11.527 3.201 14 4.276 14 7v5a3 3 0 01-1.765 2.735L13 15.5v.5h-2l-1-1H6l-1 1H3v-.5l.765-.765A3 3 0 012 12V7c0-2.78 1.718-3.843 5.153-3.984L7.911 1.5H4.75A.75.75 0 014 .75zM4 10V6h8v4H4zm4 4a1.5 1.5 0 100-3 1.5 1.5 0 000 3z"
+      />
+    </svg>
+  )
+}
+
+export default SvgTram

package/react/NestedSelect/ItemRow.jsx

@@ -8,9 +8,13 @@ import ListItem from '../ListItem'
 import ListItemIcon from '../ListItemIcon'
 import Radio from '../Radios'
 import useBreakpoints from '../hooks/useBreakpoints'
+import Typography from '../Typography'
 
-const ItemRow = ({ item, onClick, isSelected, radioPosition }) => {
+const infoStyle = { color: 'var(--secondaryTextColor)' }
+
+const ItemRow = ({ item, onClick, isSelected, radioPosition, isLast }) => {
   const { isDesktop } = useBreakpoints()
+
   return (
     <>
       <ListItem
@@ -31,20 +35,40 @@ const ItemRow = ({ item, onClick, isSelected, radioPosition }) => {
         {item.icon && <ListItemIcon>{item.icon}</ListItemIcon>}
         <ListItemText primary={item.title} secondary={item.description} />
 
-        {item.children && item.children.length > 0 && <Icon icon={RightIcon} />}
+        {item.children && item.children.length > 0 && (
+          <ListItemIcon>
+            <Icon icon={RightIcon} color="var(--secondaryTextColor)" />
+          </ListItemIcon>
+        )}
 
         {radioPosition === 'right' &&
           !(item.children && item.children.length > 0) && (
-            <Radio
-              readOnly
-              edge="end"
-              name={item.title}
-              value={item.title}
-              checked={!!isSelected}
-            />
+            <div className="u-flex u-flex-items-center">
+              {!!item.info && (
+                <Typography style={infoStyle} variant="body2">
+                  {item.info}
+                </Typography>
+              )}
+              <ListItemIcon>
+                <Radio
+                  readOnly
+                  edge="end"
+                  name={item.title}
+                  value={item.title}
+                  checked={!!isSelected}
+                />
+              </ListItemIcon>
+            </div>
           )}
+
+        {radioPosition === 'right' && !!item.action && (
+          <Divider orientation="vertical" flexItem />
+        )}
+        {item.action
+          ? item.action.Component({ item, ...item.action.props })
+          : null}
       </ListItem>
-      <Divider />
+      {!isLast && <Divider />}
     </>
   )
 }

package/react/NestedSelect/Modal.jsx

@@ -9,6 +9,7 @@ import { Media, Bd, Img } from '../deprecated/Media'
 
 import NestedSelect from './NestedSelect'
 import styles from './styles.styl'
+import List from '../List'
 
 const NestedSelectDialogHeader = ({ onClickBack, showBack, title }) => {
   const { dialogTitleProps } = useCozyDialog({
@@ -31,7 +32,11 @@ const NestedSelectDialogHeader = ({ onClickBack, showBack, title }) => {
 }
 
 const NestedSelectDialogContent = ({ children }) => {
-  return <DialogContent className="u-p-0">{children}</DialogContent>
+  return (
+    <DialogContent className="u-p-0">
+      <List>{children}</List>
+    </DialogContent>
+  )
 }
 
 const NestedSelectModal = props => {

package/react/NestedSelect/NestedSelect.jsx

@@ -112,14 +112,12 @@ class NestedSelect extends Component {
         ) : null}
         <ContentComponent>
           {canSelectParent && level > 0 ? (
-            <>
-              <ItemRow
-                radioPosition={radioPosition}
-                item={parentItem}
-                onClick={this.handleClickItem}
-                isSelected={isSelectedWithLevel(parentItem)}
-              />
-            </>
+            <ItemRow
+              radioPosition={radioPosition}
+              item={parentItem}
+              onClick={this.handleClickItem}
+              isSelected={isSelectedWithLevel(parentItem)}
+            />
           ) : null}
           {searchOptions && level === 0 && (
             <div className="u-mh-1 u-mb-half">
@@ -140,24 +138,26 @@ class NestedSelect extends Component {
                 {searchOptions.noDataLabel}
               </Typography>
             ) : (
-              searchResult.map(item => (
+              searchResult.map((item, index) => (
                 <ItemRow
                   radioPosition={radioPosition}
                   key={item.key || item.title}
                   item={item}
                   onClick={this.handleClickItem}
                   isSelected={isSelectedWithLevel(item)}
+                  isLast={index === searchResult.length - 1}
                 />
               ))
             )
           ) : (
-            children.map(item => (
+            children.map((item, index) => (
               <ItemRow
                 radioPosition={radioPosition}
                 key={item.key || item.title}
                 item={item}
                 onClick={this.handleClickItem}
                 isSelected={isSelectedWithLevel(item)}
+                isLast={index === children.length - 1}
               />
             ))
           )}