@modul/mbui 0.0.16 → 0.0.17-beta-pv-53151-c7f612b9

package/src/Icon/icons/InfoSolid.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgInfoSolid = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M10 1.003c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9m1 13c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1zm-1-6.8c-.66 0-1.2-.54-1.2-1.2s.54-1.2 1.2-1.2 1.2.54 1.2 1.2-.54 1.2-1.2 1.2"
+			d="m12 1.2c-5.95 0-10.8 4.85-10.8 10.8 0 5.96 4.85 10.8 10.8 10.8s10.8-4.84 10.8-10.8c0-5.95-4.85-10.8-10.8-10.8zm1.2 15.6c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1 -1.2-1.2v-4.8c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2zm-1.2-8.16c-.8 0-1.44-.64-1.44-1.44 0-.79.65-1.44 1.44-1.44.8 0 1.44.65 1.44 1.44 0 .8-.65 1.44-1.44 1.44z"
 		/>
 	</SvgIcon>
 )
-export default SvgInfoSolid
+export default SvgInfoSolid

package/src/Icon/icons/Link.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgLink = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M8 14H5c-2.21 0-4-1.79-4-4s1.79-4 4-4h3c.55 0 1 .45 1 1s-.45 1-1 1H5c-1.1 0-2 .9-2 2s.9 2 2 2h3c.55 0 1 .45 1 1s-.45 1-1 1m11-4c0-2.21-1.79-4-4-4h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c1.1 0 2 .9 2 2s-.9 2-2 2h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c2.21 0 4-1.79 4-4m-5 0c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1"
+			d="m9.6 16.8h-3.6a4.8 4.8 0 1 1 0-9.6h3.6c.66 0 1.2.54 1.2 1.2s-.54 1.2-1.2 1.2h-3.6a2.4 2.4 0 0 0 -2.4 2.4 2.4 2.4 0 0 0 2.4 2.4h3.6c.66 0 1.2.54 1.2 1.2s-.54 1.2-1.2 1.2zm13.2-4.8a4.8 4.8 0 0 0 -4.8-4.8h-3.6c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h3.6a2.4 2.4 0 0 1 2.4 2.4 2.4 2.4 0 0 1 -2.4 2.4h-3.6c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h3.6a4.8 4.8 0 0 0 4.8-4.8zm-6 0c0-.66-.54-1.2-1.2-1.2h-7.2c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h7.2c.66 0 1.2-.54 1.2-1.2z"
 		/>
 	</SvgIcon>
 )
-export default SvgLink
+export default SvgLink

package/src/Icon/icons/Logout.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgLogout = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M16 19H4c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v.95c0 .55-.45 1-1 1s-1-.45-1-1V3H4v14h12v-.95c0-.55.45-1 1-1s1 .45 1 1V17c0 1.1-.9 2-2 2m1.71-9.71-3-3c-.39-.39-1.03-.39-1.42 0s-.39 1.03 0 1.42L14.58 9H9c-.55 0-1 .45-1 1s.45 1 1 1h5.58l-1.29 1.29c-.39.39-.39 1.03 0 1.42.41.39 1.02.38 1.42 0l3-3c.39-.39.39-1.03 0-1.42"
+			d="M19.2 22.8H4.8a2.4 2.4 0 0 1-2.4-2.4V3.6a2.4 2.4 0 0 1 2.4-2.4h14.4a2.4 2.4 0 0 1 2.4 2.4v1.14c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1-1.2-1.2V3.6H4.8v16.8h14.4v-1.14c0-.66.54-1.2 1.2-1.2.66 0 1.2.54 1.2 1.2v1.14a2.4 2.4 0 0 1-2.4 2.4Zm2.05-11.65-3.6-3.6a1.21 1.21 0 0 0-1.7 0 1.21 1.21 0 0 0 0 1.7l1.55 1.55h-6.7c-.66 0-1.2.54-1.2 1.2 0 .66.54 1.2 1.2 1.2h6.7l-1.55 1.55a1.21 1.21 0 0 0 0 1.7c.49.47 1.22.46 1.7 0l3.6-3.6c.47-.47.47-1.23 0-1.7Z"
 		/>
 	</SvgIcon>
 )
-export default SvgLogout
+export default SvgLogout

package/src/Icon/icons/MailSend.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgMailSend = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M17 5.995h-3c-.55 0-1 .45-1 1s.45 1 1 1h1.16L10 11.758 4.84 7.996H6c.55 0 1-.45 1-1 0-.551-.45-1.001-1-1.001H3c-1.1 0-2 .9-2 2V16C1 17.1 1.9 18 3 18h14c1.1 0 2-.9 2-2V7.995c0-1.1-.9-2.001-2-2.001M3 15.999V9.126l6.41 4.672c.18.13.38.19.59.19s.41-.06.59-.19L17 9.126V16zM7.29 4.704a.997.997 0 0 1 0-1.41l2-2.001a.996.996 0 0 1 1.41 0l2 2a.997.997 0 0 1-.71 1.701c-.26 0-.51-.1-.71-.29l-.29-.29v3.582c0 .55-.45 1-1 1s-1-.45-1-1V4.404l-.29.29c-.2.2-.45.29-.71.29a1 1 0 0 1-.7-.28"
+			d="M20.4 7.2h-3.6c-.66 0-1.2.53-1.2 1.2 0 .65.54 1.2 1.2 1.2h1.4L12 14.1 5.8 9.6h1.4c.66 0 1.2-.55 1.2-1.2 0-.67-.54-1.2-1.2-1.2H3.6a2.4 2.4 0 0 0-2.4 2.4v9.6a2.4 2.4 0 0 0 2.4 2.4h16.8a2.4 2.4 0 0 0 2.4-2.4V9.6a2.4 2.4 0 0 0-2.4-2.4Zm-16.8 12v-8.25l7.7 5.6a1.19 1.19 0 0 0 1.42 0l7.68-5.6v8.25H3.6ZM8.75 5.64a1.2 1.2 0 0 1 0-1.69l2.4-2.4a1.2 1.2 0 0 1 1.69 0l2.4 2.4A1.2 1.2 0 0 1 14.39 6c-.31 0-.61-.12-.85-.35l-.35-.34v4.3c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1-1.2-1.2V5.27l-.35.35c-.24.24-.54.35-.85.35-.31 0-.6-.1-.84-.34Z"
 		/>
 	</SvgIcon>
 )
-export default SvgMailSend
+export default SvgMailSend

package/src/Icon/icons/MapPin.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgMapPin = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M10 6.6c.77 0 1.4.63 1.4 1.4s-.63 1.4-1.4 1.4S8.6 8.77 8.6 8s.63-1.4 1.4-1.4M10 5C8.34 5 7 6.34 7 8s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3m0 14c-.23 0-.45-.08-.64-.23C9.1 18.55 3 13.41 3 8c0-3.86 3.14-7 7-7s7 3.14 7 7c0 5.41-6.1 10.55-6.36 10.77-.19.15-.41.23-.64.23m0-16C7.24 3 5 5.24 5 8c0 3.55 3.52 7.25 5 8.65 1.48-1.4 5-5.1 5-8.65 0-2.76-2.24-5-5-5"
+			d="m12 7.92c.92 0 1.68.76 1.68 1.68s-.76 1.68-1.68 1.68-1.68-.76-1.68-1.68.76-1.68 1.68-1.68zm0-1.92a3.6 3.6 0 1 0 -.01 7.19 3.6 3.6 0 0 0 .01-7.19zm0 16.8c-.28 0-.54-.1-.77-.28-.31-.26-7.63-6.43-7.63-12.92a8.4 8.4 0 0 1 16.8 0c0 6.5-7.32 12.66-7.63 12.92-.23.18-.5.28-.77.28zm0-19.2a6 6 0 0 0 -6 6c0 4.26 4.22 8.7 6 10.38 1.78-1.68 6-6.12 6-10.38a6 6 0 0 0 -6-6z"
 		/>
 	</SvgIcon>
 )
-export default SvgMapPin
+export default SvgMapPin

package/src/Icon/icons/MapPinSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMapPinSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={24}
+		height={24}
+		fill="none"
+		viewBox="0 0 24 24"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 1.2a8.4 8.4 0 0 0-8.4 8.4c0 6.49 7.32 12.66 7.63 12.92a1.2 1.2 0 0 0 1.54 0c.31-.26 7.63-6.43 7.63-12.92A8.4 8.4 0 0 0 12 1.2Zm0 11.1a2.7 2.7 0 1 1 0-5.4 2.7 2.7 0 0 1 0 5.4Z"
+		/>
+	</SvgIcon>
+)
+export default SvgMapPinSolid

package/src/Icon/icons/Order.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgOrder = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M15 19H4c-1.65 0-3-1.35-3-3v-2c0-.55.45-1 1-1h1V3c0-1.1.9-2 2-2h11c1.1 0 2 .9 2 2v13c0 1.65-1.34 3-3 3m0-2c.55 0 1-.45 1-1V3H5v10h8c.55 0 1 .45 1 1v2c0 .55.45 1 1 1M3 15v1c0 .55.45 1 1 1h8.17a3 3 0 0 1-.17-1v-1zm11-9c0-.55-.45-1-1-1h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1M9.2 6c0-.66-.54-1.2-1.2-1.2S6.8 5.34 6.8 6 7.34 7.2 8 7.2 9.2 6.66 9.2 6m4.8 4c0-.55-.45-1-1-1h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c.55 0 1-.45 1-1m-4.8 0c0-.66-.54-1.2-1.2-1.2s-1.2.54-1.2 1.2.54 1.2 1.2 1.2 1.2-.54 1.2-1.2"
+			d="M18 22.8H4.8a3.61 3.61 0 0 1-3.6-3.6v-2.4c0-.66.54-1.2 1.2-1.2h1.2v-12A2.4 2.4 0 0 1 6 1.2h13.2a2.4 2.4 0 0 1 2.4 2.4v15.6a3.6 3.6 0 0 1-3.6 3.6Zm0-2.4c.66 0 1.2-.54 1.2-1.2V3.6H6v12h9.6c.66 0 1.2.54 1.2 1.2v2.4c0 .66.54 1.2 1.2 1.2ZM3.6 18v1.2c0 .66.54 1.2 1.2 1.2h9.8a3.6 3.6 0 0 1-.2-1.2V18H3.6ZM16.8 7.2c0-.66-.54-1.2-1.2-1.2h-1.2c-.66 0-1.2.54-1.2 1.2 0 .66.54 1.2 1.2 1.2h1.2c.66 0 1.2-.54 1.2-1.2Zm-5.76 0c0-.8-.65-1.44-1.44-1.44-.8 0-1.44.65-1.44 1.44 0 .8.65 1.44 1.44 1.44.8 0 1.44-.65 1.44-1.44ZM16.8 12c0-.66-.54-1.2-1.2-1.2h-1.2c-.66 0-1.2.54-1.2 1.2 0 .66.54 1.2 1.2 1.2h1.2c.66 0 1.2-.54 1.2-1.2Zm-5.76 0c0-.8-.65-1.44-1.44-1.44-.8 0-1.44.65-1.44 1.44 0 .8.65 1.44 1.44 1.44.8 0 1.44-.65 1.44-1.44Z"
 		/>
 	</SvgIcon>
 )
-export default SvgOrder
+export default SvgOrder

package/src/Icon/icons/Print.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgPrint = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M17 7h-1V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v3H3c-1.1 0-2 .9-2 2v5c0 1.1.9 2 2 2h2c0 1.1.9 2 2 2h6c1.1 0 2-.9 2-2h2c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2M6 4h8v3H6zm7 12H7v-2h6zm4-2h-2c0-1.1-.9-2-2-2H7c-1.1 0-2 .9-2 2H3V9h14z"
+			d="M20.4 8.4h-1.2V4.8a2.4 2.4 0 0 0-2.4-2.4H7.2a2.4 2.4 0 0 0-2.4 2.4v3.6H3.6a2.4 2.4 0 0 0-2.4 2.4v6a2.4 2.4 0 0 0 2.4 2.4H6a2.4 2.4 0 0 0 2.4 2.4h7.2a2.4 2.4 0 0 0 2.4-2.4h2.4a2.4 2.4 0 0 0 2.4-2.4v-6a2.4 2.4 0 0 0-2.4-2.4ZM7.2 4.8h9.6v3.6H7.2V4.8Zm8.4 14.4H8.4v-2.4h7.2v2.4Zm4.8-2.4H18a2.4 2.4 0 0 0-2.4-2.4H8.4A2.4 2.4 0 0 0 6 16.8H3.6v-6h16.8v6Z"
 		/>
 	</SvgIcon>
 )
-export default SvgPrint
+export default SvgPrint

package/src/Icon/icons/Reload.tsx

@@ -3,16 +3,17 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgReload = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M18 9c-.55 0-1 .45-1 1 0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7c1.29 0 2.52.35 3.59 1H13c-.55 0-1 .45-1 1s.45 1 1 1h3c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1v.51A8.97 8.97 0 0 0 10 1c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9c0-.55-.45-1-1-1"
+			d="m21.6 10.8c-.66 0-1.2.54-1.2 1.2a8.4 8.4 0 0 1 -16.8 0 8.4 8.4 0 0 1 12.7-7.2h-.7c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h3.6c.66 0 1.2-.54 1.2-1.2v-3.6c0-.66-.54-1.2-1.2-1.2s-1.2.54-1.2 1.2v.61a10.82 10.82 0 0 0 -16.8 8.99c0 5.95 4.85 10.8 10.8 10.8s10.8-4.85 10.8-10.8c0-.66-.54-1.2-1.2-1.2z"
 		/>
 	</SvgIcon>
 )
 export default SvgReload
+

package/src/Icon/icons/Sbp.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgSbp = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M16.55 13.17 11.8 10l4.75-3.17c.28-.18.45-.5.45-.83s-.17-.65-.45-.83l-6-4c-.31-.2-.7-.22-1.03-.05C9.2 1.29 9 1.63 9 2v6.13L4.55 5.17c-.31-.2-.7-.22-1.03-.05C3.2 5.29 3 5.63 3 6v8c0 .37.2.71.53.88.32.17.72.16 1.03-.05L9 11.87V18c0 .37.2.71.53.88.32.17.72.16 1.03-.05l6-4a.995.995 0 0 0-.01-1.66M11 3.87 14.2 6 11 8.13zm-6 8.26V7.87L8.2 10zm6 4v-4.26L14.2 14z"
+			d="m19.86 15.8-5.7-3.8 5.7-3.8a1.2 1.2 0 0 0 0-2l-7.2-4.8a1.23 1.23 0 0 0 -1.24-.06c-.38.2-.62.62-.62 1.06v7.36l-5.34-3.56a1.23 1.23 0 0 0 -1.24-.06c-.38.2-.62.62-.62 1.06v9.6a1.2 1.2 0 0 0 1.87 1l5.33-3.56v7.36a1.2 1.2 0 0 0 1.87 1l7.2-4.8a1.2 1.2 0 0 0 -.01-2zm-6.66-11.16 3.84 2.56-3.84 2.56zm-7.2 9.92v-5.12l3.84 2.56zm7.2 4.8v-5.12l3.84 2.56z"
 		/>
 	</SvgIcon>
 )
-export default SvgSbp
+export default SvgSbp

package/src/Icon/icons/SbpColored.tsx

@@ -3,43 +3,43 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgSbpColored = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
-			d="m10.84 7.5 2.87-1.73 3.79.3-6.4 3.88-.26-2.44Z"
-			fill="#E40546"
+			d="m3.6 5.7 2.51 4.49v2.73l-2.5 4.47z"
+			fill="#5b57a2"
 		/>
 		<path
-			d="M11.1 4.44v5.61L8.86 8.7V.83l2.23 3.61Z"
-			fill="#F9B429"
+			d="m13.24 8.55 2.35-1.43h4.81l-7.16 4.38z"
+			fill="#d90751"
 		/>
 		<path
-			d="M11.1 15.64v-3L8.86 11.3v7.87l2.24-3.53Z"
-			fill="#78B72A"
+			d="m13.22 5.68.02 5.93-2.52-1.54v-8.87z"
+			fill="#fab718"
 		/>
 		<path
-			d="M13.55 14.14 4.37 8.57 2.5 4.82l15 9.1-3.95.22Z"
-			fill="#0698D6"
+			d="m20.4 7.11h-4.81l-2.37-1.43-2.5-4.48z"
+			fill="#ed6f26"
 		/>
 		<path
-			d="m2.5 15.17 6.38-3.87L6.73 10l-2.38 1.45-1.85 3.72Z"
-			fill="#8F4794"
+			d="m13.24 17.42v-2.88l-2.52-1.52v8.88z"
+			fill="#63b22f"
 		/>
 		<path
-			d="M17.5 6.07h-4.3L11.1 4.8 8.85.83l8.64 5.24Z"
-			fill="#EF8019"
+			d="m15.58 15.99-9.47-5.8-2.51-4.49 16.79 10.28h-4.8z"
+			fill="#1487c9"
 		/>
 		<path
-			d="m8.86 19.17 2.24-3.97 2.1-1.27h4.3l-8.64 5.24Z"
-			fill="#00853F"
+			d="m10.72 21.9 2.52-4.48 2.34-1.43h4.81l-9.67 5.9z"
+			fill="#017f36"
 		/>
 		<path
-			d="M2.5 4.82 4.74 8.8v2.42L2.5 15.17V4.82Z"
-			fill="#5B57A2"
+			d="m3.6 17.39 7.14-4.37-2.4-1.47-2.23 1.37-2.5 4.47z"
+			fill="#984995"
 		/>
 	</SvgIcon>
 )

package/src/Icon/icons/Tariffs.tsx

@@ -3,16 +3,17 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgTariffs = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M13 18H7c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h6c.55 0 1 .45 1 1v14c0 .55-.45 1-1 1m-5-2h4V4H8zm-3-1c0-.55-.45-1-1-1H3V6h1c.55 0 1-.45 1-1s-.45-1-1-1H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h1c.55 0 1-.45 1-1m14-1V6c0-1.1-.9-2-2-2h-1c-.55 0-1 .45-1 1s.45 1 1 1h1v8h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c1.1 0 2-.9 2-2"
+			d="m15.6 21.6h-7.2a1.2 1.2 0 0 1 -1.2-1.2v-16.8c0-.66.54-1.2 1.2-1.2h7.2c.66 0 1.2.54 1.2 1.2v16.8c0 .66-.54 1.2-1.2 1.2zm-6-2.4h4.8v-14.4h-4.8zm-3.6-1.2c0-.66-.54-1.2-1.2-1.2h-1.2v-9.6h1.2c.66 0 1.2-.54 1.2-1.2s-.54-1.2-1.2-1.2h-1.2a2.4 2.4 0 0 0 -2.4 2.4v9.6a2.4 2.4 0 0 0 2.4 2.4h1.2c.66 0 1.2-.54 1.2-1.2zm16.8-1.2v-9.6a2.4 2.4 0 0 0 -2.4-2.4h-1.2c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h1.2v9.6h-1.2c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h1.2a2.4 2.4 0 0 0 2.4-2.4z"
 		/>
 	</SvgIcon>
 )
 export default SvgTariffs
+

package/src/Icon/icons/Trash.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgTrash = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M18 5h-3V3c0-1.1-.9-2-2-2H7c-1.1 0-2 .9-2 2v2H2c-.55 0-1 .45-1 1s.45 1 1 1h1v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h1c.55 0 1-.45 1-1s-.45-1-1-1M7 3h6v2H7zm8 14H5V7h10zm-8-3v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1m4 0v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1"
+			d="m21.6 6h-3.6v-2.4a2.4 2.4 0 0 0 -2.4-2.4h-7.2a2.4 2.4 0 0 0 -2.4 2.4v2.4h-3.6c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2h1.2v12a2.4 2.4 0 0 0 2.4 2.4h12a2.4 2.4 0 0 0 2.4-2.4v-12h1.2c.66 0 1.2-.54 1.2-1.2s-.54-1.2-1.2-1.2zm-13.2-2.4h7.2v2.4h-7.2zm9.6 16.8h-12v-12h12zm-9.6-3.6v-4.8c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v4.8c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1 -1.2-1.2zm4.8 0v-4.8c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v4.8c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1 -1.2-1.2z"
 		/>
 	</SvgIcon>
 )
-export default SvgTrash
+export default SvgTrash

package/src/Icon/icons/User.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgUser = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M10 11c-2.52 0-4.5-2.42-4.5-5.5C5.5 2.39 7.76 1 10 1s4.5 1.39 4.5 4.5c0 3.08-1.98 5.5-4.5 5.5m0-8c-.93 0-2.5.32-2.5 2.5C7.5 7.18 8.46 9 10 9s2.5-1.82 2.5-3.5C12.5 3.32 10.93 3 10 3m8 14v-1.68c0-1.06-.57-2.06-1.49-2.59l-1.01-.59a1 1 0 0 0-1.37.36 1 1 0 0 0 .36 1.37l1.01.59a1 1 0 0 1 .5.86V17H4v-1.68c0-.35.19-.69.5-.86l1.01-.59c.48-.28.64-.89.36-1.37a1 1 0 0 0-1.37-.36l-1.01.59C2.57 13.27 2 14.26 2 15.32V17c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2"
+			d="M12 13.2c-3.02 0-5.4-2.9-5.4-6.6 0-3.73 2.71-5.4 5.4-5.4 2.69 0 5.4 1.67 5.4 5.4 0 3.7-2.38 6.6-5.4 6.6Zm0-9.6c-1.12 0-3 .38-3 3 0 2.02 1.15 4.2 3 4.2s3-2.18 3-4.2c0-2.62-1.88-3-3-3Zm9.6 16.8v-2.02a3.6 3.6 0 0 0-1.79-3.1l-1.21-.71a1.2 1.2 0 0 0-1.64.43 1.2 1.2 0 0 0 .43 1.64l1.21.71c.37.22.6.61.6 1.03v2.02H4.8v-2.02c0-.42.23-.82.6-1.03l1.21-.7A1.2 1.2 0 0 0 7.04 15a1.2 1.2 0 0 0-1.64-.43l-1.21.7a3.62 3.62 0 0 0-1.79 3.11v2.02a2.4 2.4 0 0 0 2.4 2.4h14.4a2.4 2.4 0 0 0 2.4-2.4Z"
 		/>
 	</SvgIcon>
 )
-export default SvgUser
+export default SvgUser

package/src/Icon/icons/UserEdit.tsx

@@ -3,15 +3,15 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgUserEdit = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M13 19h-2c-.55 0-1-.45-1-1v-2c0-.27.11-.52.29-.71l4.79-4.79c.78-.78 2.05-.78 2.83 0l.59.59c.78.78.78 2.05 0 2.83l-4.79 4.79c-.19.18-.44.29-.71.29m-1-2h.59l4.5-4.5-.59-.59-4.5 4.5zm-2-6c-2.52 0-4.5-2.42-4.5-5.5C5.5 2.39 7.76 1 10 1s4.5 1.39 4.5 4.5c0 3.08-1.98 5.5-4.5 5.5m0-8c-.93 0-2.5.32-2.5 2.5C7.5 7.18 8.46 9 10 9s2.5-1.82 2.5-3.5C12.5 3.32 10.93 3 10 3M8 18c0-.55-.45-1-1-1H4v-1.68c0-.35.19-.69.5-.86l1.01-.59c.48-.28.64-.89.36-1.37a1 1 0 0 0-1.37-.36l-1.01.59C2.57 13.27 2 14.26 2 15.32V17c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1"
+			d="m15.6 22.8h-2.4a1.2 1.2 0 0 1 -1.2-1.2v-2.4c0-.32.13-.62.35-.85l5.75-5.75a2.4 2.4 0 0 1 3.4 0l.7.7a2.4 2.4 0 0 1 0 3.4l-5.75 5.75c-.23.22-.53.35-.85.35zm-1.2-2.4h.7l5.4-5.4-.7-.7-5.4 5.4zm-2.4-7.2c-3.02 0-5.4-2.9-5.4-6.6 0-3.73 2.71-5.4 5.4-5.4s5.4 1.67 5.4 5.4c0 3.7-2.38 6.6-5.4 6.6zm0-9.6c-1.12 0-3 .38-3 3 0 2.02 1.15 4.2 3 4.2s3-2.18 3-4.2c0-2.62-1.88-3-3-3zm-2.4 18c0-.66-.54-1.2-1.2-1.2h-3.6v-2.02c0-.42.23-.82.6-1.03l1.21-.7a1.2 1.2 0 0 0 .43-1.65 1.2 1.2 0 0 0 -1.64-.43l-1.21.7a3.62 3.62 0 0 0 -1.79 3.11v2.02a2.4 2.4 0 0 0 2.4 2.4h3.6c.66 0 1.2-.54 1.2-1.2z"
 		/>
 	</SvgIcon>
 )

package/src/Icon/icons/Warning.tsx

@@ -3,15 +3,15 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgWarning = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M18.62 13.53 12.6 2.55C12.07 1.58 11.1 1 10 1s-2.07.58-2.6 1.55L1.38 13.53c-.52.95-.5 2.08.05 3.01.54.92 1.5 1.46 2.55 1.46h12.04c1.06 0 2.01-.55 2.55-1.46.56-.93.58-2.06.05-3.01M9 6.96c0-.55.45-1 1-1s1 .45 1 1v3c0 .55-.45 1-1 1s-1-.45-1-1zm1 8.2c-.66 0-1.2-.54-1.2-1.2s.54-1.2 1.2-1.2 1.2.54 1.2 1.2-.54 1.2-1.2 1.2"
+			d="m22.34 16.24-7.22-13.18a3.51 3.51 0 0 0 -3.12-1.86c-1.32 0-2.48.7-3.12 1.86l-7.22 13.18a3.63 3.63 0 0 0 3.12 5.36h14.44c1.28 0 2.42-.66 3.06-1.75.68-1.12.7-2.47.06-3.61zm-11.54-7.89c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2v3.6c0 .66-.54 1.2-1.2 1.2a1.2 1.2 0 0 1 -1.2-1.2zm1.2 9.85c-.8 0-1.44-.65-1.44-1.44s.65-1.44 1.44-1.44c.8 0 1.44.65 1.44 1.44 0 .8-.65 1.44-1.44 1.44z"
 		/>
 	</SvgIcon>
 )

package/src/Icon/icons/Wheelchair.tsx

@@ -3,16 +3,16 @@ import type { SVGProps } from 'react'
 import { SvgIcon } from '../SvgIcon'
 const SvgWheelchair = (props: SVGProps<SVGSVGElement>) => (
 	<SvgIcon
-		width={20}
-		height={20}
+		width={24}
+		height={24}
 		fill="none"
-		viewBox="0 0 20 20"
+		viewBox="0 0 24 24"
 		{...props}
 	>
 		<path
 			fill="currentColor"
-			d="M6.267 2.588c0-.879.715-1.588 1.6-1.588s1.6.71 1.6 1.588c0 .88-.715 1.588-1.6 1.588s-1.6-.709-1.6-1.588m11.66 13.903-2.134-5.294a1.07 1.07 0 0 0-.992-.668h-4.46l-.426-2.117h3.82c.586 0 1.066-.477 1.066-1.06 0-.581-.48-1.058-1.067-1.058H9.49l-.043-.212a1.063 1.063 0 0 0-1.259-.826c-.576.117-.95.668-.832 1.25L8.422 11.8c.096.487.533.847 1.045.847h4.608l1.867 4.627c.224.55.854.805 1.387.593.544-.222.81-.836.598-1.376m-6.049-.614a4.76 4.76 0 0 1-2.944 1.005c-2.646 0-4.8-2.139-4.8-4.764 0-1.27.5-2.467 1.408-3.367a1.05 1.05 0 0 0 0-1.493 1.07 1.07 0 0 0-1.505 0A6.77 6.77 0 0 0 2 12.118C2 15.908 5.115 19 8.934 19a6.87 6.87 0 0 0 4.256-1.45c.47-.36.544-1.028.181-1.483a1.06 1.06 0 0 0-1.493-.19"
+			d="M7.52 3.1c0-1.05.86-1.9 1.92-1.9a1.91 1.91 0 1 1 0 3.81 1.91 1.91 0 0 1-1.92-1.9Zm14 16.69-2.57-6.35c-.19-.49-.66-.8-1.19-.8h-5.35l-.51-2.55h4.58c.7 0 1.28-.57 1.28-1.27 0-.7-.57-1.27-1.28-1.27h-5.1l-.04-.25a1.28 1.28 0 0 0-1.52-1c-.69.15-1.13.8-1 1.5l1.29 6.36c.11.58.64 1.02 1.25 1.02h5.53l2.24 5.55a1.28 1.28 0 0 0 2.38-.94Zm-7.27-.74a5.75 5.75 0 0 1-9.3-4.51c.01-1.52.61-2.96 1.7-4.04.5-.5.5-1.3 0-1.8-.5-.49-1.3-.49-1.8 0a8.13 8.13 0 0 0-2.45 5.84 8.3 8.3 0 0 0 13.43 6.52c.56-.43.65-1.23.22-1.78a1.27 1.27 0 0 0-1.8-.23Z"
 		/>
 	</SvgIcon>
 )
-export default SvgWheelchair
+export default SvgWheelchair

package/src/Icon/icons/index.ts

@@ -47,8 +47,9 @@ export { default as CheckSmall } from './CheckSmall'
 export { default as Check } from './Check'
 export { default as Checklist } from './Checklist'
 export { default as Circle } from './Circle'
-export { default as Clock } from './Clock'
 export { default as Close } from './Close'
+export { default as Clock } from './Clock'
+export { default as ClockSolid } from './ClockSolid'
 export { default as Coins } from './Coins'
 export { default as Collapse } from './Collapse'
 export { default as Copy } from './Copy'
@@ -66,6 +67,7 @@ export { default as DoubleArrow } from './DoubleArrow'
 export { default as DoubleTick } from './DoubleTick'
 export { default as Download } from './Download'
 export { default as DropdownSmallOld } from './DropdownSmallOld'
+export { default as DropdownSmall } from './DropdownSmall'
 export { default as Dropdown } from './Dropdown'
 export { default as Dropup } from './Dropup'
 export { default as Edit } from './Edit'
@@ -109,6 +111,7 @@ export { default as MagicWand } from './MagicWand'
 export { default as MailSend } from './MailSend'
 export { default as Mail } from './Mail'
 export { default as MapPin } from './MapPin'
+export { default as MapPinSolid } from './MapPinSolid'
 export { default as Map } from './Map'
 export { default as Menu } from './Menu'
 export { default as MicOff } from './MicOff'

package/src/Input/Input.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const InputLabel = React.forwardRef<HTMLLabelElement, React.LabelHTMLAttributes<HTMLLabelElement>>(
 	({ className, children, ...props }) => {

package/src/Input-OTP/Input.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import { OTPInput, OTPInputContext } from 'input-otp'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const InputOTP = React.forwardRef<React.ElementRef<typeof OTPInput>, React.ComponentPropsWithoutRef<typeof OTPInput>>(
 	({ className, containerClassName, ...props }, ref) => (

package/src/Label/Label.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import * as LabelPrimitive from '@radix-ui/react-label'
 import { cva, type VariantProps } from 'class-variance-authority'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const labelVariants = cva('peer-disabled:opacity-70 peer-disabled:cursor-not-allowed')
 

package/src/Page/Page.tsx

@@ -1,5 +1,5 @@
 import React, { FC } from 'react'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 type IProps = {
 	children?: React.ReactNode

package/src/Progress/Progress.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import * as ProgressPrimitive from '@radix-ui/react-progress'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const progessClasses = `
 	relative

package/src/Select/SelectAccountCard.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { DropdownSmallOld, CheckSmall } from '@/Icon'
+import { DropdownSmallOld, CheckSmall } from '../../src/Icon'
 import Select, {
 	components,
 	ControlProps,
@@ -12,7 +12,7 @@ import Select, {
 	Props,
 	GroupBase,
 } from 'react-select'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const selectTriggerClasses: string = `
 	flex

package/src/Select/SelectAsync.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { DropdownSmallOld, CheckSmall } from '@/Icon'
+import { DropdownSmallOld, CheckSmall } from '../../src/Icon'
 import {
 	components,
 	ControlProps,
@@ -15,7 +15,7 @@ import {
 	IndicatorsContainerProps,
 } from 'react-select'
 import AsyncSelect from 'react-select/async'
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const selectTriggerClasses: string = `
 	flex

package/src/Select/SelectBase.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 
-import { DropdownSmallOld, CheckSmall } from '@/Icon'
+import { DropdownSmallOld, CheckSmall } from '../../src/Icon'
 
 import Select, {
 	components,
@@ -17,7 +17,7 @@ import Select, {
 	IndicatorsContainerProps, GroupBase, Props,
 } from 'react-select'
 
-import { cn } from '@utils'
+import { cn } from '../@/lib/utils'
 
 const selectTriggerClasses: string = `
 	flex

package/src/Switch/Switch.tsx

@@ -1,7 +1,7 @@
 
 import * as React from "react"
 import * as SwitchPrimitives from "@radix-ui/react-switch"
-import { cn } from "@utils"
+import { cn } from "../@/lib/utils"
 
 const rootClasses = `
 	inline-flex