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

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMinus = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 11H2c-.55 0-1-.45-1-1s.45-1 1-1h16c.55 0 1 .45 1 1s-.45 1-1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgMinus

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMinusCircle = (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-7m4 7c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h6c.55 0 1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgMinusCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMinusShort = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 11H4c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgMinusShort

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMoneybox = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 9h-.38L17 7.76V6c0-.7-.7-1.16-1.32-.95L12.84 6h-.97c.08-.32.13-.66.13-1 0-2.21-1.79-4-4-4S4 2.79 4 5c0 .74.22 1.45.6 2.06-.57.4-1.07.89-1.47 1.45l-.62-.37c-.48-.28-1.09-.12-1.37.35-.28.48-.12 1.09.35 1.37l.76.45C2.09 10.85 2 11.41 2 12c0 .73.03.52.72 5.15.07.49.49.85.98.85H6c.38 0 .73-.21.89-.55L7.62 16h2.76l.72 1.45c.17.34.52.55.9.55h2c.38 0 .73-.21.89-.55l.88-1.76 2.78-1.85c.28-.19.45-.51.45-.84v-3c0-.55-.45-1-1-1M6 5c0-1.1.9-2 2-2s2 .9 2 2c0 .36-.11.7-.28 1H8c-.55 0-1.08.08-1.58.22C6.15 5.87 6 5.45 6 5m11 7.46-2.55 1.7c-.15.1-.26.23-.34.38L13.38 16h-.76l-.72-1.45c-.17-.34-.52-.55-.9-.55H7c-.38 0-.73.21-.89.55L5.38 16h-.82C3.98 12.07 4 12.47 4 12c0-2.21 1.79-4 4-4h5c.11 0 .21-.02.32-.05L15 7.39V8c0 .16.04.31.11.45l1 2c.16.34.51.55.89.55z"
+		/>
+	</SvgIcon>
+)
+export default SvgMoneybox

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMore = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M5 10c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m7 0c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2m7 0c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2"
+		/>
+	</SvgIcon>
+)
+export default SvgMore

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgMove = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7.998 10c0 .55-.45 1-1 1H4.42l.29.29c.39.39.39 1.03 0 1.42-.4.38-1.01.39-1.42 0l-1.999-2c-.39-.39-.39-1.03 0-1.42l2-2c.39-.39 1.03-.39 1.419 0 .39.39.39 1.03 0 1.42l-.29.29H7c.55 0 1 .45 1 1m10.707-.71-2-2c-.39-.39-1.029-.39-1.419 0s-.39 1.03 0 1.42l.29.29h-2.58c-.55 0-.999.45-.999 1s.45 1 1 1h2.579l-.29.29c-.39.39-.39 1.03 0 1.42.4.38 1.01.39 1.42 0l2-2c.389-.39.389-1.03 0-1.42m-5.998-6-2-2c-.39-.39-1.03-.39-1.42 0l-1.999 2c-.39.39-.39 1.03 0 1.42s1.03.39 1.42 0l.29-.29V7c0 .55.45 1 1 1s1-.45 1-1V4.42l.29.29c.4.38 1.009.39 1.419 0 .39-.39.39-1.03 0-1.42m0 12c-.39-.39-1.03-.39-1.42 0l-.29.29V13c0-.55-.45-1-1-1s-1 .45-1 1v2.58l-.29-.29c-.389-.39-1.029-.39-1.419 0s-.39 1.03 0 1.42l2 2c.2.19.45.29.71.29s.51-.1.71-.29l1.999-2c.39-.39.39-1.03 0-1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgMove

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

@@ -0,0 +1,20 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgNewbie = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			fillRule="evenodd"
+			d="M6.684 5.051a1 1 0 0 1 1.116.35L12 11V6a1 1 0 1 1 2 0v8a1 1 0 0 1-1.8.6L8 9v5a1 1 0 1 1-2 0V6a1 1 0 0 1 .684-.95"
+			clipRule="evenodd"
+		/>
+	</SvgIcon>
+)
+export default SvgNewbie

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgNews = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 7h-3V4c0-1.1-.9-2-2-2H3c-1.1 0-2 .9-2 2v11c0 1.65 1.35 3 3 3h12c1.65 0 3-1.35 3-3V8c0-.55-.45-1-1-1M3 15V4h10v11c0 .35.07.69.18 1H4c-.55 0-1-.45-1-1m14 0c0 .55-.45 1-1 1s-1-.45-1-1V9h2zm-8-3c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1m2-4c0 .55-.45 1-1 1H6c-.55 0-1-.45-1-1s.45-1 1-1h4c.55 0 1 .45 1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgNews

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgNotes = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 1H4c-1.1 0-2 .9-2 2v2c-.55 0-1 .45-1 1s.45 1 1 1v2c-.55 0-1 .45-1 1s.45 1 1 1v2c-.55 0-1 .45-1 1s.45 1 1 1v2c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2m-2 6h2v2h-2zm2-2h-2V3h2zM4 15h1c.55 0 1-.45 1-1s-.45-1-1-1H4v-2h1c.55 0 1-.45 1-1s-.45-1-1-1H4V7h1c.55 0 1-.45 1-1s-.45-1-1-1H4V3h8v14H4zm10 2v-6h2v6z"
+		/>
+	</SvgIcon>
+)
+export default SvgNotes

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgNotification = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 19c-1.09 0-2.14-.52-2.8-1.4-.33-.44-.24-1.07.2-1.4s1.07-.24 1.4.2c.57.76 1.83.76 2.4 0 .33-.44.96-.53 1.4-.2s.53.96.2 1.4c-.66.88-1.71 1.4-2.8 1.4m8-6v-1.59c0-.53-.21-1.04-.59-1.41l-1.12-1.12a1 1 0 0 1-.29-.71V7c0-3.31-2.69-6-6-6S4 3.69 4 7v1.17c0 .27-.1.52-.29.71L2.59 10c-.38.38-.59.88-.59 1.41V13c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2m-4-6v1.17c0 .8.31 1.56.88 2.12L16 11.41V13H4v-1.59l1.12-1.12c.57-.57.88-1.32.88-2.12V7c0-2.21 1.79-4 4-4s4 1.79 4 4"
+		/>
+	</SvgIcon>
+)
+export default SvgNotification

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgOk = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M9 7.4c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1M18 4v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2M7.4 7.4C7.4 8.83 8.57 10 10 10s2.6-1.17 2.6-2.6-1.17-2.6-2.6-2.6-2.6 1.17-2.6 2.6m5.55 3.71c-.2-.4-.68-.55-1.07-.36-1.17.59-2.58.59-3.75 0a.795.795 0 0 0-1.07.35c-.2.39-.04.88.35 1.08.35.17.71.3 1.08.41l-1.04 1.04c-.31.31-.31.82 0 1.13s.82.31 1.13 0L10 13.33l1.43 1.43c.31.31.82.31 1.13 0s.31-.82 0-1.13l-1.04-1.04c.37-.1.73-.23 1.08-.4.39-.2.55-.68.35-1.08"
+		/>
+	</SvgIcon>
+)
+export default SvgOk

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgOkCircle = (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 1m0 3.8c1.43 0 2.6 1.17 2.6 2.6S11.43 10 10 10 7.4 8.83 7.4 7.4 8.57 4.8 10 4.8m2.6 7.39c-.35.17-.71.3-1.08.4l1.04 1.04c.31.31.31.82 0 1.13-.15.16-.36.24-.56.24s-.41-.08-.57-.23L10 13.33l-1.43 1.43c-.16.16-.37.24-.57.24s-.41-.08-.57-.23a.803.803 0 0 1 0-1.13l1.04-1.04c-.37-.1-.73-.23-1.08-.41a.806.806 0 0 1-.35-1.08c.2-.39.68-.55 1.07-.35 1.17.59 2.58.59 3.75 0a.79.79 0 0 1 1.07.36c.22.39.06.87-.33 1.07M9 7.4c0-.55.45-1 1-1s1 .45 1 1-.45 1-1 1-1-.45-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgOkCircle

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

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

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgOrderLoad = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 17v-1.76c0-.31-.07-.62-.21-.89L17.12 13l.78-1.55c.07-.14.11-.29.11-.45v-1c.55 0 1-.45 1-1s-.45-1-1-1h-7c-.55 0-1 .45-1 1s.45 1 1 1v.76c0 .31.07.62.21.89l.67 1.34-.67 1.34c-.14.28-.21.59-.21.89V17c-.55 0-1 .45-1 1s.45 1 1 1h7c.55 0 1-.45 1-1s-.46-1-1.01-1m-5-1.76.89-1.79c.14-.28.14-.61 0-.89l-.89-1.8V10h3v.76l-.89 1.79c-.14.28-.14.61 0 .89l.89 1.79V17h-3zM3 12v1c0 .55.45 1 1 1h4c.55 0 1 .45 1 1s-.45 1-1 1H4c-1.65 0-3-1.35-3-3v-2c0-.55.45-1 1-1h1V2c0-.55.45-1 1-1h11c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1s-1-.45-1-1V3H5v7h3c.55 0 1 .45 1 1s-.45 1-1 1zm4-7.2c.66 0 1.2.54 1.2 1.2S7.66 7.2 7 7.2 5.8 6.66 5.8 6 6.34 4.8 7 4.8M10 7c-.55 0-1-.45-1-1s.45-1 1-1h2c.55 0 1 .45 1 1s-.45 1-1 1z"
+		/>
+	</SvgIcon>
+)
+export default SvgOrderLoad

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgOrderSend = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17.988 3v7c0 .55-.45 1-1 1s-.999-.45-.999-1V3H4.997v10h3.997c.55 0 1 .45 1 1s-.45 1-1 1H3v1c0 .55.45 1 .999 1h4.996c.55 0 1 .45 1 1s-.45 1-1 1H3.998A3.01 3.01 0 0 1 1 16v-2c0-.55.45-1 1-1h.999V3c0-1.1.899-2 1.998-2H15.99c1.1 0 1.999.9 1.999 2m-5.996 4h1c.549 0 .998-.45.998-1s-.45-1-.999-1h-1c-.549 0-.998.45-.998 1s.45 1 .999 1M7.995 4.8c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2S9.194 6.66 9.194 6s-.54-1.2-1.2-1.2m3.997 6.2h1c.549 0 .998-.45.998-1s-.45-1-.999-1h-1c-.549 0-.998.45-.998 1s.45 1 .999 1M7.995 8.8c-.66 0-1.2.54-1.2 1.2s.54 1.2 1.2 1.2 1.199-.54 1.199-1.2-.54-1.2-1.2-1.2m7.704 4.49a.996.996 0 1 0-1.409 1.41l.29.29h-2.588c-.55 0-1 .45-1 1s.45 1 1 1h2.588l-.29.29a.996.996 0 0 0 .71 1.7c.26 0 .51-.1.71-.29l1.998-2a.996.996 0 0 0 0-1.41z"
+		/>
+	</SvgIcon>
+)
+export default SvgOrderSend

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPause = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 2v16c0 .55-.45 1-1 1h-2c-.55 0-1-.45-1-1V2c0-.55.45-1 1-1h2c.55 0 1 .45 1 1M7 1H5c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h2c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgPause

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPauseCircle = (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-7M9 13V7c0-.55-.45-1-1-1s-1 .45-1 1v6c0 .55.45 1 1 1s1-.45 1-1m4 0V7c0-.55-.45-1-1-1s-1 .45-1 1v6c0 .55.45 1 1 1s1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgPauseCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPayment = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 3H3c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h7c.55 0 1-.45 1-1s-.45-1-1-1H3V9h14c0 .55.45 1 1 1s1-.45 1-1V5c0-1.1-.9-2-2-2M3 7V5h14v2zm15.71 7.71-2 2c-.4.38-1.01.39-1.42 0-.39-.39-.39-1.03 0-1.42l.29-.29H13c-.55 0-1-.45-1-1s.45-1 1-1h2.58l-.29-.29c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l2 2c.39.39.39 1.03 0 1.42"
+		/>
+	</SvgIcon>
+)
+export default SvgPayment

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgPhoneShake = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M9.98 15.11c-.19 0-.16-.02-2.12-.45a.996.996 0 0 1-.76-1.19c.12-.54.65-.88 1.19-.76l1.91.42c.54.12.88.65.76 1.19-.11.47-.52.79-.98.79m7-10.9-3 13.99v.02c-.12.53-.66.88-1.2.76l-8.99-2h-.01a.996.996 0 0 1-.76-1.19l.01-.04L6.02 1.79c.12-.54.65-.88 1.19-.77h.01l8.99 2h.01c.53.13.87.65.76 1.19m-2.17.55L7.77 3.2 5.19 15.24l7.04 1.56zm3.17 9.44 1-5c.11-.54-.24-1.07-.78-1.18s-1.07.24-1.18.78l-1 5c-.11.54.24 1.07.78 1.18.55.11 1.07-.25 1.18-.78m-15-3 1-5c.11-.54-.24-1.07-.78-1.18s-1.07.24-1.18.78l-1 5c-.11.54.24 1.07.78 1.18.55.11 1.07-.25 1.18-.78"
+		/>
+	</SvgIcon>
+)
+export default SvgPhoneShake

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