@modul/mbui 0.0.2 → 0.0.3-beta-pv-52770-26eac77b

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCardScan = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M2 7c-.55 0-1-.45-1-1V4c0-1.1.9-2 2-2h2c.55 0 1 .45 1 1s-.45 1-1 1H3v2c0 .55-.45 1-1 1m17-1V4c0-1.1-.9-2-2-2h-2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1m0 10v-2c0-.55-.45-1-1-1s-1 .45-1 1v2h-2c-.55 0-1 .45-1 1s.45 1 1 1h2c1.1 0 2-.9 2-2M6 17c0-.55-.45-1-1-1H3v-2c0-.55-.45-1-1-1s-1 .45-1 1v2c0 1.1.9 2 2 2h2c.55 0 1-.45 1-1M16 7v6c0 1.1-.9 2-2 2H6c-1.1 0-2-.9-2-2V7c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2M6 8h8V7H6zm8 2H6v3h8z"
+		/>
+	</SvgIcon>
+)
+export default SvgCardScan

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCardToCard = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13 3c0 .55-.45 1-1 1H3v2h5c.55 0 1 .45 1 1s-.45 1-1 1H3v4h5c.55 0 1 .45 1 1s-.45 1-1 1H3c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h9c.55 0 1 .45 1 1m6 13V8c0-1.1-.9-2-2-2h-1c-.55 0-1 .45-1 1s.45 1 1 1h1v8H7c-.55 0-1 .45-1 1s.45 1 1 1h10c1.1 0 2-.9 2-2m-4.29-6.71-2-2c-.39-.39-1.03-.39-1.42 0s-.39 1.03 0 1.42l.29.29H9c-.55 0-1 .45-1 1s.45 1 1 1h2.58l-.29.29c-.39.39-.39 1.03 0 1.42.41.39 1.02.38 1.42 0l2-2c.39-.39.39-1.03 0-1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgCardToCard

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCardUnlock = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M19 5v3c0 .55-.45 1-1 1h-3c-.55 0-1-.45-1-1s.45-1 1-1h2V5H3v2h1c.55 0 1 .45 1 1s-.45 1-1 1H3v6h4c.55 0 1 .45 1 1s-.45 1-1 1H3c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2m0 8v2c0 1.1-.9 2-2 2h-5c-1.1 0-2-.9-2-2v-2c0-.66.33-1.26.83-1.62v-1.05a1.33 1.33 0 1 0-2.66 0c0 .56-.45 1-1 1-.56 0-1-.44-1-1C6.17 8.5 7.66 7 9.5 7s3.33 1.5 3.33 3.33V11H17c1.1 0 2 .9 2 2m-2 0h-5v2h5z"
+		/>
+	</SvgIcon>
+)
+export default SvgCardUnlock

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgChange = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M6 13.003v3c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1s.45-1 1-1h.51a8.97 8.97 0 0 1-1.51-5c0-4.96 4.04-9 9-9 .55 0 1 .45 1 1s-.45 1-1 1c-3.86 0-7 3.14-7 7 0 1.29.35 2.52 1 3.59v-.59c0-.55.45-1 1-1s1 .45 1 1m12-8c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1s1-.45 1-1v-.59c.65 1.08 1 2.31 1 3.59 0 3.86-3.14 7-7 7-.55 0-1 .45-1 1s.45 1 1 1c4.96 0 9-4.04 9-9 0-1.81-.53-3.53-1.51-5z"
+		/>
+	</SvgIcon>
+)
+export default SvgChange

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgChart = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 18H4c-1.1 0-2-.9-2-2V3c0-.55.45-1 1-1s1 .45 1 1v13h13c.55 0 1 .45 1 1s-.45 1-1 1m-9.11-4.55L9.62 10H13c.35 0 .68-.18.86-.49l3-5c.28-.47.13-1.09-.34-1.37s-1.09-.13-1.37.34L12.43 8H9c-.38 0-.72.21-.89.55l-2 4a.993.993 0 0 0 .45 1.34c.49.25 1.09.05 1.33-.44"
+		/>
+	</SvgIcon>
+)
+export default SvgChart

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgChat = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M5.55 18.89A1 1 0 0 1 5 18v-2H3c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v10c0 1.1-.9 2-2 2h-6.67L6.6 18.8c-.29.22-.7.27-1.05.09M3 4v10h3c.55 0 1 .45 1 1v1l2.4-1.8c.17-.13.38-.2.6-.2h7V4zm4.2 5c0 .66-.54 1.2-1.2 1.2S4.8 9.66 4.8 9 5.34 7.8 6 7.8s1.2.54 1.2 1.2M10 7.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.2m4 0c-.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"
+		/>
+	</SvgIcon>
+)
+export default SvgChat

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgChatSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 2H3c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h2v2c0 .38.21.72.55.89s.74.13 1.05-.09l3.73-2.8H17c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2M6 10.2c-.66 0-1.2-.54-1.2-1.2S5.34 7.8 6 7.8s1.2.54 1.2 1.2-.54 1.2-1.2 1.2m4 0c-.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.2m4 0c-.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"
+		/>
+	</SvgIcon>
+)
+export default SvgChatSolid

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCheck = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7 16c-.26 0-.51-.1-.71-.29l-5-5A.996.996 0 1 1 2.7 9.3l4.29 4.29L17.28 3.3a.996.996 0 1 1 1.41 1.41l-11 11c-.18.19-.43.29-.69.29"
+		/>
+	</SvgIcon>
+)
+export default SvgCheck

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCheckCircle = (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-7m-.29 9.71 4-4A.996.996 0 1 0 12.3 7.3L9 10.59l-1.29-1.3A.996.996 0 1 0 6.3 10.7l2 2c.19.2.44.3.7.3s.51-.1.71-.29"
+		/>
+	</SvgIcon>
+)
+export default SvgCheckCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCheckCircleSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 1a9 9 0 1 0 .001 18.001A9 9 0 0 0 10 1m4.21 7.21-4.5 4.5c-.2.2-.45.29-.71.29s-.51-.1-.71-.29l-2.5-2.5A.996.996 0 1 1 7.2 8.8l1.79 1.79 3.79-3.79a.996.996 0 0 1 1.41 0c.39.39.41 1.02.02 1.41"
+		/>
+	</SvgIcon>
+)
+export default SvgCheckCircleSolid

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

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCheckShield = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			fillRule="evenodd"
+			d="M9.628 18.929a1 1 0 0 0 .744 0C16 16.676 18 11.1 18 7V4a1 1 0 0 0-1-1 6.04 6.04 0 0 1-3.562-.974 6.27 6.27 0 0 0-6.876 0A6.04 6.04 0 0 1 3 3a1 1 0 0 0-1 1v3c0 4.1 2 9.676 7.628 11.929M4 7V4.957a7.8 7.8 0 0 0 3.562-1.2 4.3 4.3 0 0 1 4.876 0A7.8 7.8 0 0 0 16 4.957V7c0 3.377-1.581 7.938-6 9.914C5.581 14.938 4 10.377 4 7m9.695.72-4 4a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.415l1.293 1.293 3.293-3.293a1 1 0 1 1 1.414 1.414"
+			clipRule="evenodd"
+		/>
+	</SvgIcon>
+)
+export default SvgCheckShield

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCheckSmall = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M9 14c-.26 0-.51-.1-.71-.29l-3-3A.996.996 0 1 1 6.7 9.3l2.29 2.29 5.29-5.29a.996.996 0 1 1 1.41 1.41l-6 6c-.18.19-.43.29-.69.29"
+		/>
+	</SvgIcon>
+)
+export default SvgCheckSmall

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgChecklist = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16.999 4.994H9.99c-.55 0-1-.45-1-1s.45-1.001 1-1.001H17c.55 0 1.001.45 1.001 1s-.45 1-1.001 1M18 9.996c0-.55-.45-1-1.001-1H9.99c-.55 0-1 .45-1 1s.45 1 1 1H17c.55 0 1.001-.45 1.001-1M18 16c0-.55-.45-1-1.001-1H9.99c-.55 0-1 .45-1 1s.45 1 1 1H17c.55 0 1.001-.45 1.001-1M4.695 5.704l2.003-2a.997.997 0 1 0-1.412-1.41l-1.291 1.29-.29-.29a.997.997 0 1 0-1.412 1.41l1 1c.201.2.451.29.712.29s.49-.1.69-.29m0 6.003 2.003-2a.997.997 0 1 0-1.412-1.41l-1.291 1.29-.29-.291a.997.997 0 1 0-1.412 1.41l1 1.001c.201.2.451.29.712.29s.49-.1.69-.29m0 6.003 2.003-2.001a.997.997 0 1 0-1.412-1.41l-1.291 1.29-.29-.29a.997.997 0 1 0-1.412 1.41l1 1c.201.2.451.291.712.291s.49-.1.69-.29"
+		/>
+	</SvgIcon>
+)
+export default SvgChecklist

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCircle = (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-7"
+		/>
+	</SvgIcon>
+)
+export default SvgCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgClock = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13.55 11.17 11 9.47V6c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .35.18.66.45.83l3 2c.43.31 1.07.19 1.38-.28a.99.99 0 0 0-.28-1.38M10 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-7"
+		/>
+	</SvgIcon>
+)
+export default SvgClock

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgClose = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="#777C87"
+			d="m11.41 10 5.29-5.29a.996.996 0 1 0-1.41-1.41L10 8.59 4.71 3.3A.996.996 0 1 0 3.3 4.71L8.59 10 3.3 15.29a.996.996 0 1 0 1.41 1.41L10 11.41l5.29 5.29a.996.996 0 1 0 1.41-1.41z"
+		/>
+	</SvgIcon>
+)
+export default SvgClose

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCoins = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13.75 1c-1.345 0-2.563.252-3.516.727C9.282 2.2 8.5 2.975 8.5 4v3c0 .097.032.19.047.281A9.1 9.1 0 0 0 6.25 7c-1.345 0-2.563.252-3.516.727C1.782 8.2 1 8.975 1 10v6c0 1.025.782 1.799 1.735 2.273.952.475 2.17.727 3.515.727s2.563-.252 3.516-.727C10.717 17.8 11.5 17.025 11.5 16v-.305c.734.199 1.49.301 2.25.305 1.345 0 2.564-.252 3.516-.727C18.217 14.8 19 14.025 19 13V4c0-1.025-.782-1.799-1.735-2.273-.95-.475-2.17-.727-3.515-.727m0 1.5c1.142 0 2.16.246 2.836.586.677.34.914.697.914.914s-.237.574-.914.914c-.676.34-1.694.586-2.836.586s-2.16-.246-2.836-.586C10.237 4.574 10 4.217 10 4s.237-.574.914-.914c.676-.34 1.694-.586 2.836-.586M10 6.133c.079.043.152.1.235.14.952.475 2.17.727 3.515.727s2.564-.252 3.516-.727c.082-.04.155-.096.234-.14V7c0 .218-.237.574-.914.914s-1.694.586-2.836.586-2.16-.246-2.836-.586C10.237 7.574 10 7.217 10 7zM6.25 8.5c1.142 0 2.16.246 2.836.586.677.34.914.697.914.914s-.237.575-.914.914-1.694.586-2.836.586-2.16-.246-2.836-.586c-.677-.34-.914-.697-.914-.914s.237-.575.914-.914C4.09 8.746 5.108 8.5 6.25 8.5m11.25.633V10c0 .217-.237.575-.914.914s-1.694.586-2.836.586a7.1 7.1 0 0 1-2.25-.352V10c0-.097-.032-.19-.047-.281.697.181 1.47.281 2.297.281 1.345 0 2.564-.252 3.516-.727.082-.04.155-.096.234-.14m-15 3c.079.044.152.1.235.14.952.475 2.17.727 3.515.727s2.563-.252 3.516-.727c.082-.04.155-.096.234-.14V13c0 .217-.237.575-.914.914s-1.694.586-2.836.586-2.16-.246-2.836-.586c-.677-.34-.914-.697-.914-.914zm15 0V13c0 .217-.237.575-.914.914s-1.694.586-2.836.586c-.853 0-1.623-.12-2.25-.328v-1.453a8.8 8.8 0 0 0 2.25.281c1.345 0 2.564-.252 3.516-.727.082-.04.155-.096.234-.14m-15 3c.079.044.152.1.235.14.952.475 2.17.727 3.515.727s2.563-.252 3.516-.727c.082-.04.155-.096.234-.14V16c0 .218-.237.575-.914.914s-1.694.586-2.836.586-2.16-.246-2.836-.586c-.677-.34-.914-.697-.914-.914z"
+		/>
+	</SvgIcon>
+)
+export default SvgCoins

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCollapse = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7.995 2.994v4.004c0 .55-.45 1-1 1H2.993c-.55 0-1-.45-1-1 0-.551.45-1.001 1-1.001h1.59l-3.29-3.293a.997.997 0 1 1 1.41-1.411l3.291 3.293V2.994c0-.55.45-1 1-1s1 .45 1 1m10.714 14.302-3.291-3.293h1.58c.55 0 1-.45 1-1 0-.551-.45-1.001-1-1.001h-4.001c-.55 0-1 .45-1 1v4.004c0 .55.45 1 1 1s1-.45 1-1v-1.591l3.291 3.292c.39.39 1.02.39 1.41 0 .4-.38.4-1.02.01-1.411"
+		/>
+	</SvgIcon>
+)
+export default SvgCollapse

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCopy = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M11 19H3c-1.1 0-2-.9-2-2V9c0-1.1.9-2 2-2h8c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2M3 9v8h8V9zm16 2V3c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v1c0 .55.45 1 1 1s1-.45 1-1V3h8v8h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c1.1 0 2-.9 2-2"
+		/>
+	</SvgIcon>
+)
+export default SvgCopy

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCup = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M15.5 3h-.77c-.35-.6-.99-1-1.73-1H7c-.74 0-1.38.4-1.73 1H4.5C2.57 3 1 4.57 1 6.5S2.57 10 4.5 10h.6A5.01 5.01 0 0 0 9 13.9v2.01H7c-.6 0-1.09.49-1.09 1.09S6.4 18.09 7 18.09h6c.6 0 1.09-.49 1.09-1.09s-.49-1.09-1.09-1.09h-2V13.9a5.01 5.01 0 0 0 3.9-3.9h.6c1.93 0 3.5-1.57 3.5-3.5S17.43 3 15.5 3M5 8h-.5C3.67 8 3 7.33 3 6.5S3.67 5 4.5 5H5zm8 1c0 1.65-1.35 3-3 3s-3-1.35-3-3V4h6zm2.5-1H15V5h.5c.83 0 1.5.67 1.5 1.5S16.33 8 15.5 8"
+		/>
+	</SvgIcon>
+)
+export default SvgCup

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCurrencyChange = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M6 13v3c0 .55-.45 1-1 1H2c-.55 0-1-.45-1-1s.45-1 1-1h.51A8.97 8.97 0 0 1 1 10c0-4.96 4.04-9 9-9 .55 0 1 .45 1 1s-.45 1-1 1c-3.86 0-7 3.14-7 7 0 1.29.35 2.52 1 3.59V13c0-.55.45-1 1-1s1 .45 1 1m12-8c.55 0 1-.45 1-1s-.45-1-1-1h-3c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1s1-.45 1-1v-.59c.65 1.08 1 2.31 1 3.59 0 3.86-3.14 7-7 7-.55 0-1 .45-1 1s.45 1 1 1c4.96 0 9-4.04 9-9 0-1.81-.53-3.53-1.51-5zm-8 10c.55 0 1-.45 1-1v-.05A2.5 2.5 0 0 0 10.5 9h-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H12c.55 0 1-.45 1-1s-.45-1-1-1h-1c0-.55-.45-1-1-1s-1 .45-1 1v.05A2.5 2.5 0 0 0 9.5 11h1c.28 0 .5.22.5.5s-.22.5-.5.5H8c-.55 0-1 .45-1 1s.45 1 1 1h1c0 .55.45 1 1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgCurrencyChange

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgCurrencyTransfer = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.71 16.71-2 2a.996.996 0 1 1-1.41-1.41l.29-.29H13c-.55 0-1-.45-1-1s.45-1 1-1h2.59l-.29-.29a.996.996 0 1 1 1.41-1.41l2 2c.39.37.39 1.01 0 1.4M13 11.5A2.5 2.5 0 0 0 10.5 9h-1c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H12c.55 0 1-.45 1-1s-.45-1-1-1h-1c0-.55-.45-1-1-1s-1 .45-1 1v.05A2.5 2.5 0 0 0 9.5 11h1c.28 0 .5.22.5.5s-.22.5-.5.5H8c-.55 0-1 .45-1 1s.45 1 1 1h1c0 .55.45 1 1 1s1-.45 1-1v-.05a2.5 2.5 0 0 0 2-2.45M10 17c-3.86 0-7-3.14-7-7s3.14-7 7-7c2 0 3.91.86 5.24 2.36 1.35 1.52 1.95 3.48 1.71 5.52-.07.55.32 1.05.87 1.11.54.06 1.05-.33 1.11-.87.31-2.58-.49-5.16-2.2-7.08A8.95 8.95 0 0 0 10 1c-4.96 0-9 4.04-9 9s4.04 9 9 9c.55 0 1-.45 1-1s-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgCurrencyTransfer

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDeposit = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 16H2c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h16c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1M3 14h14V4H3zm9-6.4c.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.4M12 6c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3m-5 5V9c0-.55-.45-1-1-1s-1 .45-1 1v2c0 .55.45 1 1 1s1-.45 1-1m-1 7c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1s.45 1 1 1h2c.55 0 1-.45 1-1m12 0c0-.55-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1h2c.55 0 1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgDeposit

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDiamond = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.8 7.4-3-4c-.19-.25-.49-.4-.8-.4H5c-.31 0-.61.15-.8.4l-3 4c-.27.36-.27.87.02 1.22l8 10A1 1 0 0 0 10 19a1 1 0 0 0 .78-.38l8-10c.29-.35.29-.86.02-1.22M5.5 5h9L16 7H4zM10 16.4 4.08 9h11.84z"
+		/>
+	</SvgIcon>
+)
+export default SvgDiamond

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDislike = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16.98 2H4.73c-.88 0-1.67.59-1.92 1.43L1.12 9.15c-.27.92-.1 1.88.47 2.64s1.45 1.2 2.4 1.2h2.98v3c0 1.65 1.35 3 3 3 .38 0 .73-.21.89-.55l3.22-6.45h2.89c1.1 0 2-.9 2-2v-6C18.98 2.9 18.08 2 16.98 2M9.44 16.84a1 1 0 0 1-.46-.84v-4c0-.55-.45-1-1-1H4a1 1 0 0 1-.96-1.28L4.73 4h8.25v5.75zM16.98 10h-2V4h2z"
+		/>
+	</SvgIcon>
+)
+export default SvgDislike

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDislikeSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.98 4v6c0 1.1-.9 2-2 2h-.5c-.28 0-.5-.22-.5-.5v-9c0-.28.22-.5.5-.5h.5c1.1 0 2 .9 2 2m-6-2H4.73c-.88 0-1.67.59-1.92 1.43L1.12 9.15c-.27.92-.1 1.88.47 2.64s1.45 1.2 2.4 1.2h2.98v3c0 1.65 1.35 3 3 3 .38 0 .73-.21.89-.55l3-6c.07-.14.11-.29.11-.45v-9a.986.986 0 0 0-.99-.99"
+		/>
+	</SvgIcon>
+)
+export default SvgDislikeSolid

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDoc = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m16.71 5.29-4-4C12.52 1.11 12.27 1 12 1H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V6c0-.27-.11-.52-.29-.71M14.59 6H12V3.41zM5 17V3h5v3c0 1.1.9 2 2 2h3v9zm8-6c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1m-2 3c0 .55-.45 1-1 1H8c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgDoc

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDocCancel = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m16.71 5.29-4-4C12.52 1.11 12.27 1 12 1H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h1c.55 0 1-.45 1-1s-.45-1-1-1H5V3h5v3c0 1.1.9 2 2 2h3c0 .55.45 1 1 1s1-.45 1-1V6c0-.27-.11-.52-.29-.71M12 3.41 14.59 6H12zm.5 6.59C10.02 10 8 12.02 8 14.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5m2.5 4.5c0 .32-.07.63-.18.91l-3.23-3.23c.28-.11.59-.18.91-.18a2.5 2.5 0 0 1 2.5 2.5m-5 0c0-.32.07-.63.18-.91l3.23 3.23a2.5 2.5 0 0 1-.91.18 2.5 2.5 0 0 1-2.5-2.5"
+		/>
+	</SvgIcon>
+)
+export default SvgDocCancel

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDollar = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10.22 8.99C8.026 8.4 6.994 8.01 6.994 7c0-.98.52-1.63 1.532-1.94 1.462-.44 3.675.05 4.636 1.5.31.46.931.58 1.392.28.46-.31.58-.93.28-1.39-.89-1.34-2.353-2.11-3.845-2.4 0-.02.01-.03.01-.05V2c0-.55-.45-1-1-1-.552 0-1.002.45-1.002 1v.95c-.36.04-.721.1-1.042.2-1.852.56-2.963 2-2.963 3.86 0 2.65 2.613 3.36 4.706 3.92 2.243.6 3.304 1.01 3.304 2.08 0 1.16-1.262 1.58-1.802 1.71-1.863.44-4.356-.25-5.307-2.16-.25-.49-.851-.69-1.342-.45-.49.25-.69.85-.45 1.34 1 1.99 2.973 3.04 4.946 3.31-.02.08-.05.16-.05.24v1c0 .55.45 1 1.001 1S11 18.55 11 18v-1c0-.08-.03-.15-.05-.22.24-.03.48-.07.701-.12 2.063-.49 3.344-1.89 3.344-3.66.01-2.72-2.643-3.44-4.776-4.01"
+		/>
+	</SvgIcon>
+)
+export default SvgDollar

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDoubleArrow = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m14.295 15.703-5.006-5a.995.995 0 0 1 0-1.41l5.006-5a.998.998 0 0 1 1.412 1.41l-4.295 4.29 4.295 4.29c.39.39.39 1.02 0 1.41-.38.4-1.021.4-1.412.01m-3.584 0a.995.995 0 0 0 0-1.41l-4.295-4.29 4.295-4.29a.998.998 0 0 0-1.412-1.41l-5.006 5a.995.995 0 0 0 0 1.41l5.006 5c.39.38 1.021.38 1.412-.01"
+		/>
+	</SvgIcon>
+)
+export default SvgDoubleArrow

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDoubleTick = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17.705 6.29a.997.997 0 0 0-1.411 0l-5.295 5.295-1.09-1.091L12.7 7.7A.997.997 0 1 0 11.29 6.29l-5.294 5.295-2.292-2.292a.997.997 0 1 0-1.411 1.411l3.002 3.003c.2.2.45.29.71.29s.511-.1.711-.29l1.792-1.792 1.791 1.792c.2.2.45.29.71.29s.51-.1.711-.29L17.725 7.7c.37-.38.37-1.02-.02-1.411"
+		/>
+	</SvgIcon>
+)
+export default SvgDoubleTick

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDownload = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 18H3c-1.1 0-2-.9-2-2v-4c0-.55.45-1 1-1s1 .45 1 1v4h14v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 1.1-.9 2-2 2m-3.29-8.71a.996.996 0 0 0-1.41 0l-1.3 1.3V3c0-.55-.45-1-1-1s-1 .45-1 1v7.59L7.71 9.3a.996.996 0 1 0-1.41 1.41l3 3c.19.19.44.29.7.29s.51-.1.71-.29l3-3c.39-.39.39-1.03 0-1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgDownload

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDropdown = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={21}
+		height={20}
+		fill="none"
+		viewBox="0 0 21 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10.508 14.73c-.273 0-.536-.099-.746-.286L1.355 6.583a.934.934 0 0 1 0-1.386 1.1 1.1 0 0 1 1.481 0l7.661 7.164 7.661-7.164a1.1 1.1 0 0 1 1.482 0 .934.934 0 0 1 0 1.386l-8.407 7.861c-.19.187-.452.285-.725.285"
+		/>
+	</SvgIcon>
+)
+export default SvgDropdown