@modul/mbui 0.0.2 → 0.0.3-beta-pv-52770-7d2f2b64

package/src/components/SvgIcon/icons/Play.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPlay = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M4.54 17.89A1 1 0 0 1 4 17V3c0-.37.21-.71.54-.89a1 1 0 0 1 1.039.07l9.991 7a.997.997 0 0 1 0 1.64l-9.991 7c-.31.21-.7.24-1.04.07M5.998 4.92v10.16L13.252 10z"
+		/>
+	</SvgIcon>
+)
+export default SvgPlay

package/src/components/SvgIcon/icons/PlaySolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPlaySolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m15.57 9.18-9.991-7c-.3-.21-.7-.24-1.04-.07C4.21 2.28 4 2.62 4 3v14c0 .37.21.71.54.89.34.17.729.14 1.039-.07l9.991-7a.997.997 0 0 0 0-1.64"
+		/>
+	</SvgIcon>
+)
+export default SvgPlaySolid

package/src/components/SvgIcon/icons/Plus.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPlus = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 9h-5V4c0-.55-.45-1-1-1s-1 .45-1 1v5H4c-.55 0-1 .45-1 1s.45 1 1 1h5v5c0 .55.45 1 1 1s1-.45 1-1v-5h5c.55 0 1-.45 1-1s-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgPlus

package/src/components/SvgIcon/icons/PlusCircle.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPlusCircle = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 19c-4.96 0-9-4.04-9-9s4.04-9 9-9 9 4.04 9 9-4.04 9-9 9m0-16c-3.86 0-7 3.14-7 7s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7m3 6h-2V7c0-.55-.45-1-1-1s-1 .45-1 1v2H7c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgPlusCircle

package/src/components/SvgIcon/icons/Pos.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPos = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M19 7.007c0-.16-.04-.31-.11-.45L17.17 3.11A2 2 0 0 0 15.38 2H4.62c-.76 0-1.45.42-1.79 1.11L1.11 6.556c-.07.14-.11.29-.11.45 0 .88.39 1.669 1 2.218v6.776C2 17.101 2.9 18 4 18h4c.55 0 1-.45 1-1v-2.998h2v2.999c0 .55.45.999 1 .999h4c1.1 0 2-.9 2-1.999V9.225c.61-.55 1-1.339 1-2.218M4.62 4.009h10.76l1.6 3.198c-.09.46-.5.8-.98.8-.55 0-1-.45-1-1s-.45-1-1-1-1 .45-1 1-.45 1-1 1-1-.45-1-1-.45-1-1-1-1 .45-1 1-.45 1-1 1-1-.45-1-1-.45-1-1-1-1 .45-1 1-.45 1-1 1c-.48 0-.89-.35-.98-.8zM16 16h-3v-2.998c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v2.998H4v-5.996c.77 0 1.47-.3 2-.78a2.966 2.966 0 0 0 4 .01 2.966 2.966 0 0 0 4-.01c.53.48 1.23.78 2 .78z"
+		/>
+	</SvgIcon>
+)
+export default SvgPos

package/src/components/SvgIcon/icons/Print.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPrint = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...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"
+		/>
+	</SvgIcon>
+)
+export default SvgPrint

package/src/components/SvgIcon/icons/QrPay.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgQrPay = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M8 9H3c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1M4 7h3V4H4zm4 11H3c-.55 0-1-.45-1-1v-5c0-.55.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1m-4-2h3v-3H4zm13-7h-5c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1m-4-2h3V4h-3zm0 5.6v-1.2c0-.22-.18-.4-.4-.4h-1.2c-.22 0-.4.18-.4.4v1.2c0 .22.18.4.4.4h1.2c.22 0 .4-.18.4-.4m0 5v-1.2c0-.22-.18-.4-.4-.4h-1.2c-.22 0-.4.18-.4.4v1.2c0 .22.18.4.4.4h1.2c.22 0 .4-.18.4-.4m5 0v-1.2c0-.22-.18-.4-.4-.4h-1.2c-.22 0-.4.18-.4.4v1.2c0 .22.18.4.4.4h1.2c.22 0 .4-.18.4-.4m-2.5-2.5v-1.2c0-.22-.18-.4-.4-.4h-1.2c-.22 0-.4.18-.4.4v1.2c0 .22.18.4.4.4h1.2c.22 0 .4-.18.4-.4m2.5-2.5v-1.2c0-.22-.18-.4-.4-.4h-1.2c-.22 0-.4.18-.4.4v1.2c0 .22.18.4.4.4h1.2c.22 0 .4-.18.4-.4"
+		/>
+	</SvgIcon>
+)
+export default SvgQrPay

package/src/components/SvgIcon/icons/Redirect.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRedirect = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.71 8.713-5 5c-.4.38-1.01.39-1.42 0-.39-.39-.39-1.03 0-1.42l3.29-3.29H6.5c-1.93 0-3.5 1.57-3.5 3.5s1.57 3.5 3.5 3.5H8c.55 0 1 .45 1 1s-.45 1-1 1H6.5a5.51 5.51 0 0 1-5.5-5.5c0-3.03 2.47-5.5 5.5-5.5h9.08l-3.29-3.29c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l5 5c.39.39.39 1.03 0 1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgRedirect

package/src/components/SvgIcon/icons/Refill.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRefill = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 9.42V8.21c0-.988-.29-1.948-.84-2.767l-.74-1.109a5.07 5.07 0 0 0-1.92-1.698L9.45 1.108a.994.994 0 0 0-1.34.45.99.99 0 0 0 .45 1.338l3.05 1.528c.47.23.86.58 1.15 1.02l.74 1.108c.33.49.5 1.07.5 1.659V9c-.83 0-1.63.21-2.35.6L10.23 8H11c.55 0 1-.449 1-.998 0-.55-.45-1-1-1H9.83c-.73 0-1.36.41-1.66 1.08-.3.66-.18 1.408.3 1.958l1.88 2.108c.28.32.11.61.02.719-.09.11-.34.34-.71.14L5.94 9.939A3 3 0 0 1 4.51 8.14L2.97 2.736c-.15-.53-.71-.83-1.24-.69-.53.15-.84.71-.69 1.24L2.58 8.69a4.99 4.99 0 0 0 2.38 2.997l3.72 2.068c.11.06.22.09.33.13 0 .04-.01.08-.01.12A5 5 0 0 0 14 19a5 5 0 0 0 5-4.995c0-2.058-1.24-3.806-3-4.586m-2 7.572c-1.65 0-3-1.349-3-2.997 0-.06.01-.11.02-.17.34-.16.65-.41.9-.72.4-.499.59-1.098.57-1.688.46-.27.97-.42 1.51-.42 1.65 0 3 1.35 3 2.998a3.007 3.007 0 0 1-3 2.997"
+		/>
+	</SvgIcon>
+)
+export default SvgRefill

package/src/components/SvgIcon/icons/Refund.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRefund = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13.5 7H4.41L7.7 3.71A.996.996 0 1 0 6.29 2.3l-5 5a.996.996 0 0 0 0 1.41l5 5A.996.996 0 1 0 7.7 12.3L4.41 9h9.09c1.93 0 3.5 1.57 3.5 3.5S15.43 16 13.5 16H12c-.55 0-1 .45-1 1s.45 1 1 1h1.5c3.03 0 5.5-2.47 5.5-5.5S16.53 7 13.5 7"
+		/>
+	</SvgIcon>
+)
+export default SvgRefund

package/src/components/SvgIcon/icons/Reload.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgReload = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...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"
+		/>
+	</SvgIcon>
+)
+export default SvgReload

package/src/components/SvgIcon/icons/Reply.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgReply = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 12.003v4c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-1.65-1.35-3-3-3H5.42l2.29 2.29c.39.39.39 1.03 0 1.42-.4.38-1.01.39-1.42 0l-4-4c-.39-.39-.39-1.03 0-1.42l4-4c.39-.39 1.03-.39 1.42 0s.39 1.03 0 1.42l-2.29 2.29H11c2.76 0 5 2.24 5 5"
+		/>
+	</SvgIcon>
+)
+export default SvgReply

package/src/components/SvgIcon/icons/ReplyShape.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgReplyShape = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M2 18a1 1 0 0 1-.99-1.16C2.05 10.61 4.24 7.42 9 5.34V3c0-.38.21-.72.55-.89s.74-.13 1.05.09l8 6c.25.19.4.49.4.8s-.15.61-.4.8l-8 6c-.3.23-.71.26-1.05.09A1 1 0 0 1 9 15v-1.92c-3.79.6-6.12 4.39-6.14 4.44-.19.3-.52.48-.86.48m9-13v1a1 1 0 0 1-.63.93c-3.41 1.36-5.31 3.16-6.46 6.43 1.49-1.23 3.54-2.35 6.09-2.35.55 0 1 .45 1 1v1l5.33-4z"
+		/>
+	</SvgIcon>
+)
+export default SvgReplyShape

package/src/components/SvgIcon/icons/ReplyShapeSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgReplyShapeSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.606 8.205 10.603 2.2a1 1 0 0 0-1.05-.09 1 1 0 0 0-.55.891v2.332C4.24 7.414 2.05 10.607 1.01 16.842c-.08.47.19.94.64 1.1.44.16.95-.01 1.2-.42.02-.04 2.351-3.843 6.143-4.443v1.931c0 .38.21.72.55.89s.74.13 1.05-.09l8.003-6.004a1.005 1.005 0 0 0 .01-1.601"
+		/>
+	</SvgIcon>
+)
+export default SvgReplyShapeSolid

package/src/components/SvgIcon/icons/Request.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRequest = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 18H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h4c.55 0 1 .45 1 1s-.45 1-1 1H4v12h12v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 1.1-.9 2-2 2m-4.46-5.29 6.17-6.17a.996.996 0 0 0 0-1.41L14.88 2.3a.996.996 0 0 0-1.41 0L7.3 8.47a1 1 0 0 0-.29.71V12c0 .55.45 1 1 1h2.83c.25 0 .51-.11.7-.29M9 9.59l5.17-5.17 1.41 1.41L10.41 11H9z"
+		/>
+	</SvgIcon>
+)
+export default SvgRequest

package/src/components/SvgIcon/icons/Right.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRight = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M5.29 18.706a.997.997 0 0 1 0-1.411l7.29-7.296-7.29-7.295A.997.997 0 1 1 6.7 1.293l8 8.006c.39.39.39 1.02 0 1.41l-8 8.007c-.38.38-1.02.38-1.41-.01"
+		/>
+	</SvgIcon>
+)
+export default SvgRight

package/src/components/SvgIcon/icons/Route.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRoute = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 2.6c.77 0 1.4.63 1.4 1.4s-.63 1.4-1.4 1.4-1.4-.63-1.4-1.4.63-1.4 1.4-1.4M16 1c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3M4 14.6c.77 0 1.4.63 1.4 1.4s-.63 1.4-1.4 1.4-1.4-.63-1.4-1.4.63-1.4 1.4-1.4M4 13c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3m15 0c0-2.21-1.79-4-4-4H5c-1.1 0-2-.9-2-2s.9-2 2-2h5c.55 0 1-.45 1-1s-.45-1-1-1H5C2.79 3 1 4.79 1 7s1.79 4 4 4h10c1.1 0 2 .9 2 2s-.9 2-2 2h-5c-.55 0-1 .45-1 1s.45 1 1 1h5c2.21 0 4-1.79 4-4"
+		/>
+	</SvgIcon>
+)
+export default SvgRoute

package/src/components/SvgIcon/icons/Ruble.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgRuble = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 11.956c2.76 0 5-2.23 5-4.978S14.76 2 12 2H6.99c-.55 0-1 .448-.99 1.006l.04 6.96H4a1 1 0 0 0-1 .995 1 1 0 0 0 1 .995h2.05l.01.996H4a1 1 0 0 0-1 .996 1 1 0 0 0 1 .995h2.07l.01 2.071c0 .548.45.986 1 .986h.01c.55 0 1-.448.99-1.006l-.01-2.06H12a1 1 0 0 0 1-.996 1 1 0 0 0-1-.996H8.05l-.01-.995H12zm0-7.965c1.65 0 3 1.344 3 2.987s-1.35 2.987-3 2.987H8.04l-.03-5.974z"
+		/>
+	</SvgIcon>
+)
+export default SvgRuble

package/src/components/SvgIcon/icons/Sbp.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSbp = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...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"
+		/>
+	</SvgIcon>
+)
+export default SvgSbp

package/src/components/SvgIcon/icons/Search.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSearch = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 1C8.14 1 5 4.142 5 8.004c0 1.57.53 3.022 1.4 4.182L1.29 17.3A.997.997 0 0 0 2 19c.26 0 .51-.1.71-.29l5.11-5.113c1.17.88 2.61 1.4 4.18 1.4 3.86 0 7-3.141 7-7.003S15.86 1 12 1m0 12.007A5.003 5.003 0 0 1 12 3a5.003 5.003 0 0 1 0 10.006"
+		/>
+	</SvgIcon>
+)
+export default SvgSearch

package/src/components/SvgIcon/icons/Send.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSend = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.4 9.083-16-6.997a.98.98 0 0 0-1.1.21c-.29.29-.38.73-.21 1.099l2.83 6.607-2.83 6.607a.996.996 0 0 0 1.31 1.31l16-6.997c.36-.16.6-.52.6-.92s-.24-.76-.6-.92m-5.18-.08H5.66L3.92 4.934zm-7.56 1.999h7.56l-9.3 4.068z"
+		/>
+	</SvgIcon>
+)
+export default SvgSend

package/src/components/SvgIcon/icons/Services.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgServices = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 11H8V7c0-.55-.45-1-1-1H2c-.55 0-1 .45-1 1v9c0 1.1.9 2 2 2h9c.55 0 1-.45 1-1v-5c0-.55-.45-1-1-1M3 8h3v3H3zm0 5h3v3H3zm8 3H8v-3h3zm6-14h-4c-.55 0-1 .45-1 1v5c0 .55.45 1 1 1h5c.55 0 1-.45 1-1V4c0-1.1-.9-2-2-2m0 5h-3V4h3z"
+		/>
+	</SvgIcon>
+)
+export default SvgServices

package/src/components/SvgIcon/icons/Settings.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSettings = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 13.5c-1.93 0-3.5-1.57-3.5-3.5S8.07 6.5 10 6.5s3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5m0-5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5M11.78 19H8.22c-.48 0-.89-.33-.98-.8l-.27-1.34c-.52-.23-1.02-.52-1.48-.87l-1.4.46a.995.995 0 0 1-1.17-.44l-1.78-3a1 1 0 0 1 .21-1.27l1.19-1.02c-.03-.25-.04-.49-.04-.72s.01-.48.04-.72L1.35 8.26a1 1 0 0 1-.21-1.27l1.78-3a1 1 0 0 1 1.17-.44l1.4.46c.46-.35.95-.64 1.48-.87l.27-1.34c.09-.47.5-.8.98-.8h3.56c.48 0 .89.33.98.8l.27 1.34c.52.23 1.02.52 1.48.87l1.4-.46c.45-.15.93.04 1.17.44l1.78 3c.25.42.16.95-.21 1.27l-1.19 1.02c.03.25.04.49.04.72s-.01.48-.04.72l1.19 1.02c.37.32.46.85.21 1.27l-1.78 3a1 1 0 0 1-1.17.44l-1.4-.46c-.46.35-.95.64-1.48.87l-.27 1.34c-.1.47-.51.8-.98.8m-2.74-2h1.92l.22-1.07c.07-.34.32-.63.65-.74.67-.24 1.28-.59 1.81-1.07.27-.24.64-.31.98-.2l1.16.38.94-1.58-.97-.83a.97.97 0 0 1-.33-.93q.09-.51.09-.96c0-.3-.03-.61-.09-.96s.07-.7.33-.93l.97-.83-.94-1.58-1.16.38c-.34.11-.71.04-.98-.2-.53-.47-1.14-.83-1.81-1.07-.33-.12-.58-.4-.65-.74L10.96 3H9.04l-.22 1.07c-.07.34-.32.63-.65.74-.67.24-1.28.59-1.81 1.07-.27.24-.64.31-.98.2L4.22 5.7l-.94 1.58.97.83c.27.23.4.58.33.93q-.09.51-.09.96c0 .3.03.61.09.96s-.07.7-.33.93l-.97.83.94 1.58 1.16-.38c.34-.11.71-.04.98.2.53.47 1.14.83 1.81 1.07.33.12.58.4.65.74z"
+		/>
+	</SvgIcon>
+)
+export default SvgSettings

package/src/components/SvgIcon/icons/Share.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgShare = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 18H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h6c.55 0 1 .45 1 1s-.45 1-1 1H4v12h12v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 1.1-.9 2-2 2m1.71-12.71-3-3c-.39-.39-1.03-.39-1.42 0s-.39 1.03 0 1.42l1.3 1.3C10.37 5.23 7 8.73 7 13c0 .55.45 1 1 1s1-.45 1-1c0-3.16 2.45-5.76 5.56-5.98l-1.27 1.27c-.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"
+		/>
+	</SvgIcon>
+)
+export default SvgShare

package/src/components/SvgIcon/icons/ShoppingCart.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgShoppingCart = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M14.82 14h-7c-.95 0-1.77-.68-1.96-1.61L4.18 4H2c-.55 0-1-.45-1-1s.45-1 1-1h3c.48 0 .89.34.98.8L6.42 5H17a.992.992 0 0 1 .98 1.19l-1.19 6.19c-.18.94-1.01 1.62-1.97 1.62m-8-7 1 5h7l.96-5zM8 16c-.83 0-1.5.67-1.5 1.5S7.17 19 8 19s1.5-.67 1.5-1.5S8.83 16 8 16m7 0c-.83 0-1.5.67-1.5 1.5S14.17 19 15 19s1.5-.67 1.5-1.5S15.83 16 15 16"
+		/>
+	</SvgIcon>
+)
+export default SvgShoppingCart

package/src/components/SvgIcon/icons/Sign.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSign = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M15 19H3c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1-.45-1-1s.45-1 1-1h2c1.65 0 3 1.35 3 3s-1.35 3-3 3m.42-11.83L7.97 14.7a1 1 0 0 1-.71.3H3c-.55 0-1-.45-1-1V9.74a1 1 0 0 1 .3-.71l7.53-7.44c.8-.78 2.03-.78 2.82 0l2.77 2.76c.81.83.74 2.1 0 2.82M10.9 8.91l-2.8-2.8L4 10.16V13h2.84zM14 5.76l-2.77-2.75L9.52 4.7l2.78 2.78z"
+		/>
+	</SvgIcon>
+)
+export default SvgSign

package/src/components/SvgIcon/icons/SlotMachine.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSlotMachine = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M14 19H2c-.55 0-1-.45-1-1V5C1 2.17 4.52.91 8 .91S15 2.17 15 5v13c0 .55-.45 1-1 1M3 17h10V5c0-.68-.7-1.14-1.29-1.41-.95-.43-2.3-.68-3.71-.68-2.8 0-5 .92-5 2.09zm15-5V9.12l.97-3.88a1 1 0 0 0-1.94-.48l-1 4Q16 8.88 16 9v3c0 .55.45 1 1 1s1-.45 1-1M6 9V7c0-.55-.45-1-1-1s-1 .45-1 1v2c0 .55.45 1 1 1s1-.45 1-1m3 0V7c0-.55-.45-1-1-1s-1 .45-1 1v2c0 .55.45 1 1 1s1-.45 1-1m3 0V7c0-.55-.45-1-1-1s-1 .45-1 1v2c0 .55.45 1 1 1s1-.45 1-1m-1 5c0-.55-.45-1-1-1H6c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgSlotMachine

package/src/components/SvgIcon/icons/SortDown.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSortDown = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10.004 14.003c-.26 0-.51-.1-.71-.29l-6.004-6c-.29-.29-.37-.72-.22-1.09s.52-.62.92-.62h12.007c.4 0 .77.24.92.62.16.37.07.8-.22 1.09l-6.003 6c-.18.19-.43.29-.69.29m-3.592-6 3.592 3.59 3.592-3.59z"
+		/>
+	</SvgIcon>
+)
+export default SvgSortDown

package/src/components/SvgIcon/icons/SortDownSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSortDownSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M15.99 6H4a.999.999 0 0 0-.71 1.709l5.995 5.995a1 1 0 0 0 1.419 0l5.995-5.995A1 1 0 0 0 15.989 6"
+		/>
+	</SvgIcon>
+)
+export default SvgSortDownSolid

package/src/components/SvgIcon/icons/SortUp.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSortUp = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 14.003H4c-.4 0-.77-.24-.92-.62-.16-.37-.07-.8.22-1.09l6-6a.996.996 0 0 1 1.41 0l6 6c.29.29.37.72.22 1.09-.16.38-.53.62-.93.62m-9.59-2h7.17l-3.59-3.59z"
+		/>
+	</SvgIcon>
+)
+export default SvgSortUp

package/src/components/SvgIcon/icons/SortUpSolid.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSortUpSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16.704 12.291 10.71 6.296a1 1 0 0 0-1.418 0L3.296 12.29A1 1 0 0 0 4.005 14h11.99a1 1 0 0 0 .71-1.709"
+		/>
+	</SvgIcon>
+)
+export default SvgSortUpSolid

package/src/components/SvgIcon/icons/Stop.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgStop = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 1c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9m7 9c0 1.57-.53 3.02-1.4 4.18L5.82 4.4C6.98 3.53 8.43 3 10 3c3.86 0 7 3.14 7 7M3 10c0-1.57.53-3.02 1.4-4.18l9.78 9.78c-1.17.88-2.61 1.4-4.18 1.4-3.86 0-7-3.14-7-7"
+		/>
+	</SvgIcon>
+)
+export default SvgStop

package/src/components/SvgIcon/icons/Support.tsx

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSupport = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M19 10c0-1.55-.89-2.87-2.18-3.54C16.14 3.31 13.31 1 10 1 6.73 1 3.89 3.31 3.18 6.46 1.89 7.12 1 8.46 1 10c0 2.21 1.79 4 4 4h1c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1h-.55C6.23 4.23 7.99 3 10 3c2.04 0 3.8 1.23 4.56 3H14c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1h1c0 1.1-.9 2-2 2h-.05a2.5 2.5 0 0 0-2.45-2h-1a2.5 2.5 0 0 0 0 5h1c.81 0 1.53-.4 1.99-1H13c2.21 0 4-1.79 4-4v-.56c1.19-.69 2-1.97 2-3.44M5 12c-1.1 0-2-.9-2-2s.9-2 2-2zm5.5 5h-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h1c.28 0 .5.22.5.5s-.22.5-.5.5m4.5-5V8c1.1 0 2 .9 2 2s-.9 2-2 2"
+		/>
+	</SvgIcon>
+)
+export default SvgSupport