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

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgSync = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m14.71 4.713-2 2c-.4.38-1.01.39-1.42 0-.39-.39-.39-1.03 0-1.42l.29-.29H10a5.002 5.002 0 0 0-4.64 6.86c.25.64-.21 1.37-.93 1.37-.4 0-.77-.24-.93-.63-.33-.83-.5-1.7-.5-2.6 0-3.86 3.14-7 7-7h1.58l-.29-.29c-.39-.39-.39-1.03 0-1.42s1.03-.39 1.42 0l2 2c.39.39.39 1.03 0 1.42m2.29 5.29q0-1.14-.36-2.22a1 1 0 0 0-1.26-.63c-.53.18-.81.74-.64 1.27.17.51.26 1.04.26 1.58 0 2.76-2.24 5-5 5h-.58l.29-.29c.39-.39.39-1.03 0-1.42s-1.03-.39-1.42 0l-2 2c-.39.39-.39 1.03 0 1.42l2 2c.41.39 1.02.38 1.42 0 .39-.39.39-1.03 0-1.42l-.29-.29H10c3.86 0 7-3.14 7-7"
+		/>
+	</SvgIcon>
+)
+export default SvgSync

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTable = (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 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2M3 9h3v2H3zm5 0h9v2H8zm9-2H8V5h9zM6 5v2H3V5zm-3 8h3v2H3zm5 2v-2h9v2z"
+		/>
+	</SvgIcon>
+)
+export default SvgTable

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTariffs = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13 18H7c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h6c.55 0 1 .45 1 1v14c0 .55-.45 1-1 1m-5-2h4V4H8zm-3-1c0-.55-.45-1-1-1H3V6h1c.55 0 1-.45 1-1s-.45-1-1-1H3c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h1c.55 0 1-.45 1-1m14-1V6c0-1.1-.9-2-2-2h-1c-.55 0-1 .45-1 1s.45 1 1 1h1v8h-1c-.55 0-1 .45-1 1s.45 1 1 1h1c1.1 0 2-.9 2-2"
+		/>
+	</SvgIcon>
+)
+export default SvgTariffs

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTg = (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-2.79 11.65c-.12.76-.73 1.03-1.36.59l-2.9-2.01c-.36-.25-.4-.7-.08-1.01.49-.48 1.27-1.22 2.14-2.04 1.5-1.43 1.17-1.54-.75-.25l-2.81 1.9c-.37.25-1 .34-1.42.2l-1.62-.53c-.53-.17-.54-.48-.03-.69l9.13-3.77c.51-.21.86.06.77.61z"
+		/>
+	</SvgIcon>
+)
+export default SvgTg

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTgCircle = (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 1m3.21 12.65c-.12.76-.73 1.03-1.36.59l-2.9-2.01c-.36-.25-.4-.7-.08-1.01.5-.47 1.27-1.21 2.14-2.04 1.5-1.43 1.17-1.54-.75-.25l-2.81 1.9c-.37.25-1 .34-1.42.2l-1.62-.53c-.53-.17-.54-.48-.03-.69l9.13-3.77c.51-.21.86.06.77.61z"
+		/>
+	</SvgIcon>
+)
+export default SvgTgCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTimeout = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 7.996h-1.35l.33-1.821c.05-.29-.03-.59-.22-.82a.97.97 0 0 0-.76-.36H3c-.3 0-.58.13-.77.36s-.27.53-.22.82l1.85 10.184c.17.95 1 1.641 1.97 1.641h5.33c.97 0 1.79-.69 1.97-1.64l.25-1.361H16c1.1 0 2-.9 2-2.001V9.996c0-1.1-.9-2-2-2m-4.83 8.003H5.84L4.2 6.995h8.6zM16 12.998h-2.26l.55-3.002H16zM5.29 3.704a.997.997 0 0 1 0-1.41l1-1.001a.997.997 0 1 1 1.41 1.41l-1 1a1 1 0 0 1-1.41 0m5 0a.997.997 0 0 1 0-1.41l1-1.001a.997.997 0 1 1 1.41 1.41l-1 1a1 1 0 0 1-1.41 0"
+		/>
+	</SvgIcon>
+)
+export default SvgTimeout

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTimer = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 16h-1v-2.59c0-.53-.21-1.04-.59-1.41l-1.29-1.29a.996.996 0 0 1 0-1.41l1.29-1.29c.37-.37.59-.89.59-1.41V4h1c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1h1v2.59c0 .53.21 1.04.59 1.41l1.29 1.29c.39.39.39 1.02 0 1.41l-1.29 1.29c-.37.37-.59.89-.59 1.41V16H4c-.55 0-1 .45-1 1s.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1m-9 0v-2.59l1.29-1.29a3 3 0 0 0 0-4.24L7 6.59V4h6v2.59l-1.29 1.29a3 3 0 0 0 0 4.24L13 13.41V16z"
+		/>
+	</SvgIcon>
+)
+export default SvgTimer

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTrash = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 5h-3V3c0-1.1-.9-2-2-2H7c-1.1 0-2 .9-2 2v2H2c-.55 0-1 .45-1 1s.45 1 1 1h1v10c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V7h1c.55 0 1-.45 1-1s-.45-1-1-1M7 3h6v2H7zm8 14H5V7h10zm-8-3v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1m4 0v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1s-1-.45-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgTrash

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTurnOff = (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-9 0-2.68 1.18-5.2 3.24-6.91a1.001 1.001 0 1 1 1.28 1.54A7 7 0 0 0 3 10.01c0 3.86 3.14 7 7 7s7-3.14 7-7c0-2.08-.92-4.04-2.52-5.38a1 1 0 1 1 1.28-1.54A8.98 8.98 0 0 1 19 10c0 4.96-4.04 9-9 9m1-9V2c0-.55-.45-1-1-1s-1 .45-1 1v8c0 .55.45 1 1 1s1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgTurnOff

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTwitter = (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-1.77 6.32v.26c0 2.71-2.06 5.84-5.84 5.84-1.16 0-2.24-.34-3.14-.92a4.145 4.145 0 0 0 3.04-.85c-.9-.02-1.66-.61-1.92-1.42.12.02.25.04.38.04.19 0 .37-.02.54-.07a2.05 2.05 0 0 1-1.64-2.01v-.03c.28.15.6.24.93.25-.55-.37-.91-1-.91-1.71 0-.38.1-.73.28-1.03a5.8 5.8 0 0 0 4.23 2.14c-.03-.15-.05-.31-.05-.47a2.053 2.053 0 0 1 3.55-1.4c.47-.09.91-.26 1.3-.5-.16.48-.48.88-.9 1.14a4.2 4.2 0 0 0 1.18-.32c-.29.41-.63.78-1.03 1.06"
+		/>
+	</SvgIcon>
+)
+export default SvgTwitter

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgTwitterCircle = (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.23 7.32v.26c0 2.71-2.06 5.84-5.84 5.84-1.16 0-2.24-.34-3.14-.92a4.145 4.145 0 0 0 3.04-.85c-.9-.02-1.66-.61-1.92-1.42.12.02.25.04.38.04.19 0 .37-.02.54-.07a2.05 2.05 0 0 1-1.64-2.01v-.03c.28.15.6.24.93.25-.55-.37-.91-1-.91-1.71 0-.38.1-.73.28-1.03a5.8 5.8 0 0 0 4.23 2.14c-.03-.15-.05-.31-.05-.47a2.053 2.053 0 0 1 3.55-1.4c.47-.09.91-.26 1.3-.5-.16.48-.48.88-.9 1.14a4.2 4.2 0 0 0 1.18-.32c-.29.41-.63.78-1.03 1.06"
+		/>
+	</SvgIcon>
+)
+export default SvgTwitterCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgUnderline = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M15 16H5c-.55 0-1-.45-1-1s.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1m-1-7V5c0-.55-.45-1-1-1s-1 .45-1 1v4c0 1.1-.9 2-2 2s-2-.9-2-2V5c0-.55-.45-1-1-1s-1 .45-1 1v4c0 2.21 1.79 4 4 4s4-1.79 4-4"
+		/>
+	</SvgIcon>
+)
+export default SvgUnderline

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgUnlink = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M8 14H5c-2.21 0-4-1.79-4-4 0-1.07.42-2.07 1.17-2.83a.996.996 0 1 1 1.41 1.41A2.006 2.006 0 0 0 5 12h3c.55 0 1 .45 1 1s-.45 1-1 1m7.38-.04C17.4 13.77 19 12.08 19 10c0-2.21-1.79-4-4-4h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c1.1 0 2 .9 2 2s-.9 2-2 2h-1.59l-1-1H13c.55 0 1-.45 1-1s-.45-1-1-1h-2.59l-6.7-6.71A.996.996 0 1 0 2.3 3.7l14 14a.996.996 0 1 0 1.41-1.41z"
+		/>
+	</SvgIcon>
+)
+export default SvgUnlink

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgUnsorted = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m9.29 18.71-6-6C2.66 12.08 3.11 11 4 11h12c.89 0 1.34 1.08.71 1.71l-6 6c-.39.39-1.03.39-1.42 0M6.41 13 10 16.59 13.59 13zM16 9H4c-.89 0-1.34-1.08-.71-1.71l6-6a.996.996 0 0 1 1.41 0l6 6c.64.63.19 1.71-.7 1.71M6.41 7h7.17L10 3.41z"
+		/>
+	</SvgIcon>
+)
+export default SvgUnsorted

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgUnsortedSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m16.71 12.71-6 6a.996.996 0 0 1-1.41 0l-6-6C2.66 12.08 3.11 11 4 11h12c.89 0 1.34 1.08.71 1.71m0-5.42-6-6a.996.996 0 0 0-1.41 0l-6 6c-.29.29-.38.72-.22 1.09.15.38.52.62.92.62h12c.4 0 .77-.24.92-.62.16-.37.07-.8-.21-1.09"
+		/>
+	</SvgIcon>
+)
+export default SvgUnsortedSolid

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgUpload = (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 2M13.71 5.29l-3-3a.996.996 0 0 0-1.41 0l-3 3A.996.996 0 1 0 7.71 6.7L9 5.41V13c0 .55.45 1 1 1s1-.45 1-1V5.41l1.29 1.29c.39.39 1.02.39 1.41 0 .4-.38.4-1.02.01-1.41"
+		/>
+	</SvgIcon>
+)
+export default SvgUpload

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgUser = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 11c-2.52 0-4.5-2.42-4.5-5.5C5.5 2.39 7.76 1 10 1s4.5 1.39 4.5 4.5c0 3.08-1.98 5.5-4.5 5.5m0-8c-.93 0-2.5.32-2.5 2.5C7.5 7.18 8.46 9 10 9s2.5-1.82 2.5-3.5C12.5 3.32 10.93 3 10 3m8 14v-1.68c0-1.06-.57-2.06-1.49-2.59l-1.01-.59a1 1 0 0 0-1.37.36 1 1 0 0 0 .36 1.37l1.01.59a1 1 0 0 1 .5.86V17H4v-1.68c0-.35.19-.69.5-.86l1.01-.59c.48-.28.64-.89.36-1.37a1 1 0 0 0-1.37-.36l-1.01.59C2.57 13.27 2 14.26 2 15.32V17c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2"
+		/>
+	</SvgIcon>
+)
+export default SvgUser

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgUserAdd = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18 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 1M14.5 5.5C14.5 2.39 12.24 1 10 1S5.5 2.39 5.5 5.5C5.5 8.58 7.48 11 10 11s4.5-2.42 4.5-5.5m-2 0c0 1.68-.96 3.5-2.5 3.5S7.5 7.18 7.5 5.5C7.5 3.32 9.07 3 10 3s2.5.32 2.5 2.5M10 18c0-.55-.45-1-1-1H4v-1.68c0-.35.19-.69.5-.86l1.01-.59c.48-.28.64-.89.36-1.37a1 1 0 0 0-1.37-.36l-1.01.59C2.57 13.27 2 14.26 2 15.32V17c0 1.1.9 2 2 2h5c.55 0 1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgUserAdd

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgUserCard = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 11c-2.52 0-4.5-2.42-4.5-5.5C5.5 2.39 7.76 1 10 1s4.5 1.39 4.5 4.5c0 3.08-1.98 5.5-4.5 5.5m0-8c-.93 0-2.5.32-2.5 2.5C7.5 7.18 8.46 9 10 9s2.5-1.82 2.5-3.5C12.5 3.32 10.93 3 10 3M8 18c0-.55-.45-1-1-1H4v-1.68c0-.35.19-.69.5-.86l1.01-.59c.48-.28.64-.89.36-1.37a1 1 0 0 0-1.37-.36l-1.01.59C2.57 13.27 2 14.26 2 15.32V17c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1m9 1h-6c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1h6c.55 0 1 .45 1 1v4c0 .55-.45 1-1 1m-5-2h4v-2h-4z"
+		/>
+	</SvgIcon>
+)
+export default SvgUserCard

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgUserEdit = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13 19h-2c-.55 0-1-.45-1-1v-2c0-.27.11-.52.29-.71l4.79-4.79c.78-.78 2.05-.78 2.83 0l.59.59c.78.78.78 2.05 0 2.83l-4.79 4.79c-.19.18-.44.29-.71.29m-1-2h.59l4.5-4.5-.59-.59-4.5 4.5zm-2-6c-2.52 0-4.5-2.42-4.5-5.5C5.5 2.39 7.76 1 10 1s4.5 1.39 4.5 4.5c0 3.08-1.98 5.5-4.5 5.5m0-8c-.93 0-2.5.32-2.5 2.5C7.5 7.18 8.46 9 10 9s2.5-1.82 2.5-3.5C12.5 3.32 10.93 3 10 3M8 18c0-.55-.45-1-1-1H4v-1.68c0-.35.19-.69.5-.86l1.01-.59c.48-.28.64-.89.36-1.37a1 1 0 0 0-1.37-.36l-1.01.59C2.57 13.27 2 14.26 2 15.32V17c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgUserEdit

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgUserQueue = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7 11c-2.24 0-4-2.17-4-4.94C3 3.25 5.01 2 7 2s4 1.26 4 4.06C11 8.83 9.24 11 7 11m0-7c-.75 0-2 .27-2 2.06C5 7.47 5.76 9 7 9s2-1.52 2-2.94C9 4.27 7.75 4 7 4m6 13v-1.68c0-1.06-.57-2.06-1.49-2.59l-1.01-.59a1 1 0 0 0-1.37.36 1 1 0 0 0 .36 1.37l1.01.59a1 1 0 0 1 .5.86V17H3v-1.68c0-.35.19-.69.5-.86l1.01-.59c.48-.28.64-.89.36-1.37a1 1 0 0 0-1.37-.36l-1.01.59C1.57 13.27 1 14.26 1 15.32V17c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2m4-10.94C17 3.25 14.99 2 13 2c-.55 0-1 .45-1 1s.45 1 1 1c.75 0 2 .27 2 2.06C15 7.47 14.24 9 13 9c-.55 0-1 .45-1 1s.45 1 1 1c2.24 0 4-2.17 4-4.94M19 17v-1.68c0-1.06-.57-2.06-1.49-2.59l-1.01-.59a1 1 0 0 0-1.37.36 1 1 0 0 0 .36 1.37l1.01.59a1 1 0 0 1 .5.86V17h-.94c-.55 0-1 .45-1 1s.45 1 1 1H17c1.1 0 2-.9 2-2"
+		/>
+	</SvgIcon>
+)
+export default SvgUserQueue

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgViber = (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-1.11 9.29c-.32 2.42-2.31 2.95-4.93 2.94h-.21s-.23.24-.7.64c-.42.36-1.02.73-1.37.6-.27-.1-.26-.38-.26-.49v-1.01s-2.04-.65-2.31-2.69c-.33-2.51.13-4.1 1.01-4.81.26-.22 1.51-.97 3.88-.97s3.62.75 3.88.97c.87.71 1.35 2.3 1.01 4.82m-2.45.48c-.09.17-.22.32-.39.46-.1.09-.36.32-.74.25-2.16-.42-3.26-1.63-3.79-3.89-.06-.28.02-.43.23-.65.14-.15.3-.28.47-.39.18-.09.34-.06.46.08l.63.88c.12.21.04.43-.06.52l-.19.14c-.06.05-.15.1-.14.2.15.89.8 1.47 1.61 1.72.11.03.18 0 .26-.1.05-.06.18-.23.18-.23.09-.12.32-.2.52-.08l.88.63c.16.13.16.28.07.46"
+		/>
+	</SvgIcon>
+)
+export default SvgViber

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgViberCircle = (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.89 10.29c-.32 2.42-2.31 2.95-4.93 2.94h-.21s-.23.24-.7.64c-.42.36-1.02.73-1.37.6-.27-.1-.26-.38-.26-.49v-1.01s-2.04-.65-2.31-2.69c-.33-2.51.13-4.1 1.01-4.81.26-.22 1.51-.97 3.88-.97s3.62.75 3.88.97c.87.71 1.35 2.3 1.01 4.82m-2.45.48c-.09.17-.22.32-.39.46-.1.09-.36.32-.74.25-2.16-.42-3.26-1.63-3.79-3.89-.06-.28.02-.43.23-.65.14-.15.3-.28.47-.39.18-.09.34-.06.46.08l.63.88c.12.21.04.43-.06.52l-.19.14c-.06.05-.15.1-.14.2.15.89.8 1.47 1.61 1.72.11.03.18 0 .26-.1.05-.06.18-.23.18-.23.09-.12.32-.2.52-.08l.88.63c.16.13.16.28.07.46"
+		/>
+	</SvgIcon>
+)
+export default SvgViberCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgViewGrid = (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-2m0 7h-5V4h5zM9 4v5H4V4zm-5 7h5v5H4zm7 5v-5h5v5z"
+		/>
+	</SvgIcon>
+)
+export default SvgViewGrid

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgViewHorizontal = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 5H3a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2m1 5a1 1 0 0 0-1-1H3a1 1 0 1 0 0 2h14a1 1 0 0 0 1-1m0 6a1 1 0 0 0-1-1H3a1 1 0 1 0 0 2h14a1 1 0 0 0 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgViewHorizontal

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgViewList = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 5H7c-.55 0-1-.45-1-1s.45-1 1-1h10c.55 0 1 .45 1 1s-.45 1-1 1m1 5c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1m0 6c0-.55-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1M4.02 16c0-.55-.45-1-1-1h-.01c-.55 0-1 .45-1 1s.45 1 1 1c.56 0 1.01-.45 1.01-1m0-6c0-.55-.45-1-1-1h-.01c-.55 0-1 .45-1 1s.45 1 1 1c.56 0 1.01-.45 1.01-1m0-6c0-.55-.45-1-1-1h-.01c-.55 0-1 .45-1 1s.45 1 1 1c.56 0 1.01-.45 1.01-1"
+		/>
+	</SvgIcon>
+)
+export default SvgViewList

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgViewRows = (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-2m0 2v5H4V4zM4 16v-5h12v5z"
+		/>
+	</SvgIcon>
+)
+export default SvgViewRows

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgViewVertical = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M4 18a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v14a1 1 0 0 1-1 1m7-1V3a1 1 0 1 0-2 0v14a1 1 0 1 0 2 0m6 0V3a1 1 0 1 0-2 0v14a1 1 0 1 0 2 0"
+		/>
+	</SvgIcon>
+)
+export default SvgViewVertical

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgVk = (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-1.29 11.42h-1.17c-.68 0-1.56-1.9-2.45-1.9-.23 0-.31.07-.31.4v1.05c0 .29-.09.45-.83.45-3.35 0-5.51-5.28-5.51-6.09 0-.17.07-.33.4-.33h1.17c.3 0 .41.13.52.45.57 1.66 1.64 3.2 2.04 3.2.15 0 .22-.07.22-.45 0-.45.01-1.35 0-1.8-.03-.79-.47-.85-.47-1.13 0-.13.11-.27.3-.27h1.83c.25 0 .33.13.33.43v2.39c0 .25.11.33.18.33.72 0 1.88-2.72 1.94-2.83.1-.16.22-.32.51-.32h1.17c.35 0 .43.18.35.43-.15.68-1.17 2.1-1.61 2.77-.13.19-.17.29 0 .52.09.12 1.57 1.51 1.79 2.21.1.32-.07.49-.4.49"
+		/>
+	</SvgIcon>
+)
+export default SvgVk

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgVkCircle = (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.71 12.42h-1.17c-.68 0-1.56-1.9-2.45-1.9-.23 0-.31.07-.31.4v1.05c0 .29-.09.45-.83.45-3.35 0-5.51-5.28-5.51-6.09 0-.17.07-.33.4-.33h1.17c.3 0 .41.13.52.45.57 1.66 1.64 3.2 2.04 3.2.15 0 .22-.07.22-.45 0-.45.01-1.35 0-1.8-.03-.79-.47-.85-.47-1.13 0-.13.11-.27.3-.27h1.83c.25 0 .33.13.33.43v2.39c0 .25.11.33.18.33.72 0 1.88-2.72 1.94-2.83.1-.16.22-.32.51-.32h1.17c.35 0 .43.18.35.43-.15.68-1.17 2.1-1.61 2.77-.13.19-.17.29 0 .52.09.12 1.57 1.51 1.79 2.21.1.32-.07.49-.4.49"
+		/>
+	</SvgIcon>
+)
+export default SvgVkCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgWallet = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13 10.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.2M19 8v8c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h12c1.1 0 2 .9 2 2v2c1.1 0 2 .9 2 2M3 4v2h12V4zm14 4H3v8h14z"
+		/>
+	</SvgIcon>
+)
+export default SvgWallet

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgWarning = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.62 13.53 12.6 2.55C12.07 1.58 11.1 1 10 1s-2.07.58-2.6 1.55L1.38 13.53c-.52.95-.5 2.08.05 3.01.54.92 1.5 1.46 2.55 1.46h12.04c1.06 0 2.01-.55 2.55-1.46.56-.93.58-2.06.05-3.01M9 6.96c0-.55.45-1 1-1s1 .45 1 1v3c0 .55-.45 1-1 1s-1-.45-1-1zm1 8.2c-.66 0-1.2-.54-1.2-1.2s.54-1.2 1.2-1.2 1.2.54 1.2 1.2-.54 1.2-1.2 1.2"
+		/>
+	</SvgIcon>
+)
+export default SvgWarning

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgWarningClean = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10.003 10.95c-.55 0-1-.45-1-1v-3c0-.55.45-1 1-1s1 .45 1 1v3c0 .55-.45 1-1 1m8.574 5.58c.55-.93.57-2.06.05-3.01L12.604 2.55c-.53-.97-1.5-1.55-2.6-1.55s-2.071.58-2.602 1.55L1.38 13.53c-.52.95-.5 2.08.05 3.01.54.92 1.5 1.46 2.551 1.46h12.045c1.06 0 2.01-.55 2.55-1.47M10.854 3.51l6.022 10.98c.18.33.17.71-.02 1.03-.09.14-.34.48-.83.48H3.98a.96.96 0 0 1-.83-.48c-.19-.32-.2-.71-.02-1.03L9.153 3.51c.25-.46.68-.51.85-.51s.59.05.85.51m-.85 11.64c.66 0 1.2-.54 1.2-1.2s-.54-1.2-1.2-1.2-1.201.54-1.201 1.2.54 1.2 1.2 1.2"
+		/>
+	</SvgIcon>
+)
+export default SvgWarningClean