@modul/mbui 0.0.1 → 0.0.2-beta-pv-52768-9b2131f6

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

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

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDropdownSmallOld = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={8}
+		height={5}
+		fill="none"
+		viewBox="0 0 8 5"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			fillRule="evenodd"
+			d="M7.465.304A.85.85 0 0 1 7.361 1.5L4.45 3.944a.85.85 0 0 1-.615.196.85.85 0 0 1-.62-.196L.304 1.502A.85.85 0 1 1 1.396.199l2.436 2.044L6.268.199a.85.85 0 0 1 1.197.105"
+			clipRule="evenodd"
+		/>
+	</SvgIcon>
+)
+export default SvgDropdownSmallOld

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgDropup = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={21}
+		height={20}
+		fill="none"
+		viewBox="0 0 21 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m2.832 14.453 7.668-7.17 7.668 7.17c.198.18.464.279.74.276a1.1 1.1 0 0 0 .734-.288.95.95 0 0 0 .308-.686.95.95 0 0 0-.295-.692l-8.412-7.865a1.1 1.1 0 0 0-.743-.288 1.1 1.1 0 0 0-.744.288l-8.411 7.865a.95.95 0 0 0-.295.692.95.95 0 0 0 .308.686c.195.183.458.286.734.288s.541-.097.74-.276"
+		/>
+	</SvgIcon>
+)
+export default SvgDropup

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgEdit = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.41 4.35-2.76-2.76c-.39-.39-.9-.58-1.41-.58s-1.02.19-1.41.57L1.3 12.98a1 1 0 0 0-.3.71V18c0 .55.45 1 1 1h4.31a1 1 0 0 0 .71-.3l11.4-11.53a2 2 0 0 0-.01-2.82M5.89 17H3v-2.89l8.1-8 2.79 2.79zm9.41-9.52L12.52 4.7l1.72-1.69L17 5.76z"
+		/>
+	</SvgIcon>
+)
+export default SvgEdit

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgEmail = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10.005 1C5.042 1 1 5.04 1 10s4.042 9 9.005 9c1.891 0 3.702-.58 5.233-1.68.45-.32.55-.95.23-1.4s-.95-.55-1.4-.23a6.97 6.97 0 0 1-4.073 1.3c-3.862 0-7.004-3.14-7.004-7s3.142-7 7.004-7 7.004 3.14 7.004 7v.5c0 .83-.67 1.5-1.501 1.5s-1.5-.67-1.5-1.5V7c0-.55-.451-1-1.001-1-.41 0-.76.25-.92.6-.611-.37-1.322-.6-2.082-.6a4 4 0 1 0 0 8c1.12 0 2.141-.47 2.872-1.22A3.48 3.48 0 0 0 15.498 14 3.505 3.505 0 0 0 19 10.5V10c.01-4.96-4.032-9-8.995-9m0 11c-1.1 0-2.001-.9-2.001-2s.9-2 2.001-2 2.001.9 2.001 2-.9 2-2.001 2"
+		/>
+	</SvgIcon>
+)
+export default SvgEmail

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgExcel = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.93 4.88c-.01-.54-.22-1.03-.61-1.41-.38-.37-.84-.57-1.42-.57l-2 .03-.01-1a1 1 0 0 0-1.18-.97L1.74 3.12a1 1 0 0 0-.82 1l.16 12c.01.49.37.9.85.97l12.03 1.83a.998.998 0 0 0 1.15-1l-.01-1 2-.03c.53-.01 1.03-.22 1.41-.61s.57-.89.57-1.42zm-5.84 11.9L3.07 15.25 2.93 4.94l9.98-1.8zm1.98-1.85-.14-10 2-.03.14 10zm-4.15-1.44c.28.48.12 1.09-.35 1.37a1.002 1.002 0 0 1-1.37-.35l-1.45-2.46-.83 1.49c-.18.33-.52.52-.88.52-.16 0-.33-.04-.48-.12-.48-.27-.66-.88-.39-1.36l1.4-2.52-1.46-2.48c-.28-.48-.12-1.09.35-1.37.48-.28 1.09-.12 1.37.35l.87 1.47 1.38-2.5c.27-.48.88-.66 1.36-.39s.66.88.39 1.36l-1.95 3.53z"
+		/>
+	</SvgIcon>
+)
+export default SvgExcel

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgExpand = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7.71 6.29A.996.996 0 1 1 6.3 7.7L3 4.41V6c0 .55-.45 1-1 1s-1-.45-1-1V2c0-.55.45-1 1-1h4c.55 0 1 .45 1 1s-.45 1-1 1H4.41zM18 13c-.55 0-1 .45-1 1v1.59l-3.29-3.29a.996.996 0 1 0-1.41 1.41L15.59 17H14c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1v-4c0-.55-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgExpand

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgEye = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 17C3.75 17 .27 10.75.12 10.48c-.16-.3-.16-.66 0-.96C.27 9.25 3.75 3 10 3s9.73 6.25 9.88 6.52c.16.3.16.66 0 .96-.15.27-3.63 6.52-9.88 6.52m-7.83-7c.88 1.34 3.67 5 7.83 5 4.17 0 6.95-3.66 7.83-5-.88-1.34-3.67-5-7.83-5-4.17 0-6.95 3.66-7.83 5M10 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.5"
+		/>
+	</SvgIcon>
+)
+export default SvgEye

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgEyeOff = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 17C3.75 17 .27 10.75.12 10.48c-.16-.3-.16-.66 0-.96.03-.05.65-1.18 1.81-2.48a.998.998 0 1 1 1.49 1.33c-.57.64-.99 1.23-1.25 1.62.88 1.33 3.67 5 7.83 5 .55 0 1 .45 1 1S10.55 17 10 17m6.17-2.25 2.54 2.54c.39.39.39 1.03 0 1.42-.41.39-1.02.38-1.42 0l-16-16c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l2.85 2.85C6.98 3.38 8.47 3 10 3c6.25 0 9.73 6.25 9.88 6.52.16.3.16.66 0 .96-.06.11-1.34 2.42-3.71 4.27M17.83 10c-.88-1.33-3.68-5-7.83-5-1 0-1.99.21-2.95.63l7.69 7.69c1.56-1.15 2.61-2.58 3.09-3.32"
+		/>
+	</SvgIcon>
+)
+export default SvgEyeOff

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFavorite = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M4.24 18.81c-.31-.22-.46-.6-.4-.98l.9-5.3-3.48-3.8c-.25-.27-.33-.66-.21-1.01s.43-.6.8-.65l4.9-.72 2.37-4.79c.34-.68 1.46-.68 1.79 0l2.37 4.79 4.86.71c.37.05.67.3.8.65.12.35.05.74-.2 1.01l-3.45 3.8.9 5.31c.06.38-.09.75-.4.98-.31.22-.71.25-1.05.08l-4.73-2.48-4.73 2.48a.98.98 0 0 1-1.04-.08m5.78-4.54c.16 0 .32.04.46.11l3.4 1.79-.65-3.79c-.05-.3.04-.61.24-.84l2.51-2.77-3.53-.52a.98.98 0 0 1-.75-.55L10 4.25 8.3 7.7c-.15.29-.43.5-.75.55L4 8.77l2.54 2.77c.21.23.3.54.25.84l-.65 3.79 3.4-1.79c.16-.07.32-.11.48-.11"
+		/>
+	</SvgIcon>
+)
+export default SvgFavorite

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFavoriteSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.94 7.71a.98.98 0 0 0-.8-.65l-4.86-.71-2.37-4.79c-.34-.68-1.46-.68-1.79 0L6.75 6.35l-4.9.72c-.37.05-.67.31-.8.65-.12.35-.04.74.21 1.01l3.48 3.8-.9 5.3c-.06.38.09.75.4.98.3.22.71.26 1.05.08l4.73-2.48 4.73 2.48c.34.18.75.15 1.05-.08.31-.22.46-.6.4-.98l-.9-5.31 3.45-3.8c.24-.27.32-.66.19-1.01"
+		/>
+	</SvgIcon>
+)
+export default SvgFavoriteSolid

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFb = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-3.7 8.32h-1.5V15H8.58v-4.68H7.52V8.38h1.06v-1.1c0-.9.4-2.28 2.26-2.28h1.64v1.86h-1.2c-.18 0-.48.12-.48.53v.99h1.72z"
+		/>
+	</SvgIcon>
+)
+export default SvgFb

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFbCircle = (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 1m2.3 9.32h-1.5V15H8.58v-4.68H7.52V8.38h1.06v-1.1c0-.9.4-2.28 2.26-2.28h1.64v1.86h-1.2c-.18 0-.48.12-.48.53v.99h1.72z"
+		/>
+	</SvgIcon>
+)
+export default SvgFbCircle

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

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

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFileAdd = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M12 8h3v2c0 .55.45 1 1 1s1-.45 1-1V6c0-.27-.11-.52-.29-.71l-4-4A1 1 0 0 0 12 1H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5c.55 0 1-.45 1-1s-.45-1-1-1H5V3h5v3c0 1.1.9 2 2 2m2.59-2H12V3.41zM19 16c0 .55-.45 1-1 1h-1v1c0 .55-.45 1-1 1s-1-.45-1-1v-1h-1c-.55 0-1-.45-1-1s.45-1 1-1h1v-1c0-.55.45-1 1-1s1 .45 1 1v1h1c.55 0 1 .45 1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgFileAdd