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

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

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgWhatsapp = (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-6 13c-.97 0-1.87-.29-2.64-.77L5 15l.86-2.2C5.32 12 5 11.04 5 10c0-2.76 2.24-5 5-5s5 2.24 5 5-2.24 5-5 5m2.44-3.23c-.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 SvgWhatsapp

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgWhatsappCircle = (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 14c-.97 0-1.87-.29-2.64-.77L5 15l.86-2.2C5.32 12 5 11.04 5 10c0-2.76 2.24-5 5-5s5 2.24 5 5-2.24 5-5 5m2.44-3.23c-.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 SvgWhatsappCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgWheelchair = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M6.267 2.588c0-.879.715-1.588 1.6-1.588s1.6.71 1.6 1.588c0 .88-.715 1.588-1.6 1.588s-1.6-.709-1.6-1.588m11.66 13.903-2.134-5.294a1.07 1.07 0 0 0-.992-.668h-4.46l-.426-2.117h3.82c.586 0 1.066-.477 1.066-1.06 0-.581-.48-1.058-1.067-1.058H9.49l-.043-.212a1.063 1.063 0 0 0-1.259-.826c-.576.117-.95.668-.832 1.25L8.422 11.8c.096.487.533.847 1.045.847h4.608l1.867 4.627c.224.55.854.805 1.387.593.544-.222.81-.836.598-1.376m-6.049-.614a4.76 4.76 0 0 1-2.944 1.005c-2.646 0-4.8-2.139-4.8-4.764 0-1.27.5-2.467 1.408-3.367a1.05 1.05 0 0 0 0-1.493 1.07 1.07 0 0 0-1.505 0A6.77 6.77 0 0 0 2 12.118C2 15.908 5.115 19 8.934 19a6.87 6.87 0 0 0 4.256-1.45c.47-.36.544-1.028.181-1.483a1.06 1.06 0 0 0-1.493-.19"
+		/>
+	</SvgIcon>
+)
+export default SvgWheelchair

package/src/components/SvgIcon/icons/index.ts

@@ -0,0 +1,203 @@
+export { default as AddList } from './AddList'
+export { default as AlertCircleSolid } from './AlertCircleSolid'
+export { default as AlertCircle } from './AlertCircle'
+export { default as AlertDiamondSolid } from './AlertDiamondSolid'
+export { default as AlertDiamond } from './AlertDiamond'
+export { default as AlertShield } from './AlertShield'
+export { default as Android } from './Android'
+export { default as Apple } from './Apple'
+export { default as Archive } from './Archive'
+export { default as ArrowCircle } from './ArrowCircle'
+export { default as ArrowDown } from './ArrowDown'
+export { default as ArrowLeft } from './ArrowLeft'
+export { default as ArrowRight } from './ArrowRight'
+export { default as ArrowUpCorner } from './ArrowUpCorner'
+export { default as ArrowUp } from './ArrowUp'
+export { default as ArrowsChange } from './ArrowsChange'
+export { default as Atm } from './Atm'
+export { default as Attach } from './Attach'
+export { default as Bank } from './Bank'
+export { default as Bold } from './Bold'
+export { default as Bonus } from './Bonus'
+export { default as Building } from './Building'
+export { default as CalendarCancel } from './CalendarCancel'
+export { default as Calendar } from './Calendar'
+export { default as CallEnd } from './CallEnd'
+export { default as CallMissed } from './CallMissed'
+export { default as Call } from './Call'
+export { default as Callback } from './Callback'
+export { default as Camera } from './Camera'
+export { default as CancelSolid } from './CancelSolid'
+export { default as Cancel } from './Cancel'
+export { default as CardLock } from './CardLock'
+export { default as CardRefill } from './CardRefill'
+export { default as CardReissue } from './CardReissue'
+export { default as CardScan } from './CardScan'
+export { default as CardToCard } from './CardToCard'
+export { default as CardUnlock } from './CardUnlock'
+export { default as Card } from './Card'
+export { default as Change } from './Change'
+export { default as Chart } from './Chart'
+export { default as ChatSolid } from './ChatSolid'
+export { default as Chat } from './Chat'
+export { default as CheckCircleSolid } from './CheckCircleSolid'
+export { default as CheckCircle } from './CheckCircle'
+export { default as CheckShield } from './CheckShield'
+export { default as CheckSmall } from './CheckSmall'
+export { default as Check } from './Check'
+export { default as Checklist } from './Checklist'
+export { default as Circle } from './Circle'
+export { default as Clock } from './Clock'
+export { default as Close } from './Close'
+export { default as Coins } from './Coins'
+export { default as Collapse } from './Collapse'
+export { default as Copy } from './Copy'
+export { default as Cup } from './Cup'
+export { default as CurrencyChange } from './CurrencyChange'
+export { default as CurrencyTransfer } from './CurrencyTransfer'
+export { default as Deposit } from './Deposit'
+export { default as Diamond } from './Diamond'
+export { default as DislikeSolid } from './DislikeSolid'
+export { default as Dislike } from './Dislike'
+export { default as DocCancel } from './DocCancel'
+export { default as Doc } from './Doc'
+export { default as Dollar } from './Dollar'
+export { default as DoubleArrow } from './DoubleArrow'
+export { default as DoubleTick } from './DoubleTick'
+export { default as Download } from './Download'
+export { default as DropdownSmallOld } from './DropdownSmallOld'
+export { default as Dropdown } from './Dropdown'
+export { default as Dropup } from './Dropup'
+export { default as Edit } from './Edit'
+export { default as Email } from './Email'
+export { default as Excel } from './Excel'
+export { default as Expand } from './Expand'
+export { default as EyeOff } from './EyeOff'
+export { default as Eye } from './Eye'
+export { default as FavoriteSolid } from './FavoriteSolid'
+export { default as Favorite } from './Favorite'
+export { default as FbCircle } from './FbCircle'
+export { default as Fb } from './Fb'
+export { default as FileAdd } from './FileAdd'
+export { default as File } from './File'
+export { default as Files } from './Files'
+export { default as Filter } from './Filter'
+export { default as Folder } from './Folder'
+export { default as Geolocation } from './Geolocation'
+export { default as Gift } from './Gift'
+export { default as Globe } from './Globe'
+export { default as HeartSolid } from './HeartSolid'
+export { default as Heart } from './Heart'
+export { default as Help } from './Help'
+export { default as Home } from './Home'
+export { default as Housing } from './Housing'
+export { default as IgCircle } from './IgCircle'
+export { default as Ig } from './Ig'
+export { default as InfoBook } from './InfoBook'
+export { default as InfoSolid } from './InfoSolid'
+export { default as Info } from './Info'
+export { default as Italic } from './Italic'
+export { default as Key } from './Key'
+export { default as Left } from './Left'
+export { default as Lightbulb } from './Lightbulb'
+export { default as LikeSolid } from './LikeSolid'
+export { default as Like } from './Like'
+export { default as Link } from './Link'
+export { default as Lock } from './Lock'
+export { default as Logout } from './Logout'
+export { default as MagicWand } from './MagicWand'
+export { default as MailSend } from './MailSend'
+export { default as Mail } from './Mail'
+export { default as MapPin } from './MapPin'
+export { default as Map } from './Map'
+export { default as Menu } from './Menu'
+export { default as MicOff } from './MicOff'
+export { default as Mic } from './Mic'
+export { default as MinusCircle } from './MinusCircle'
+export { default as MinusShort } from './MinusShort'
+export { default as Minus } from './Minus'
+export { default as Moneybox } from './Moneybox'
+export { default as More } from './More'
+export { default as Move } from './Move'
+export { default as Newbie } from './Newbie'
+export { default as News } from './News'
+export { default as Notes } from './Notes'
+export { default as Notification } from './Notification'
+export { default as OkCircle } from './OkCircle'
+export { default as Ok } from './Ok'
+export { default as OrderLoad } from './OrderLoad'
+export { default as OrderSend } from './OrderSend'
+export { default as Order } from './Order'
+export { default as PauseCircle } from './PauseCircle'
+export { default as Pause } from './Pause'
+export { default as Payment } from './Payment'
+export { default as PhoneShake } from './PhoneShake'
+export { default as PlaySolid } from './PlaySolid'
+export { default as Play } from './Play'
+export { default as PlusCircle } from './PlusCircle'
+export { default as Plus } from './Plus'
+export { default as Pos } from './Pos'
+export { default as Print } from './Print'
+export { default as QrPay } from './QrPay'
+export { default as Redirect } from './Redirect'
+export { default as Refill } from './Refill'
+export { default as Refund } from './Refund'
+export { default as Reload } from './Reload'
+export { default as ReplyShapeSolid } from './ReplyShapeSolid'
+export { default as ReplyShape } from './ReplyShape'
+export { default as Reply } from './Reply'
+export { default as Request } from './Request'
+export { default as Right } from './Right'
+export { default as Route } from './Route'
+export { default as Ruble } from './Ruble'
+export { default as Sbp } from './Sbp'
+export { default as Search } from './Search'
+export { default as Send } from './Send'
+export { default as Services } from './Services'
+export { default as Settings } from './Settings'
+export { default as Share } from './Share'
+export { default as ShoppingCart } from './ShoppingCart'
+export { default as Sign } from './Sign'
+export { default as SlotMachine } from './SlotMachine'
+export { default as SortDownSolid } from './SortDownSolid'
+export { default as SortDown } from './SortDown'
+export { default as SortUpSolid } from './SortUpSolid'
+export { default as SortUp } from './SortUp'
+export { default as Stop } from './Stop'
+export { default as Support } from './Support'
+export { default as Sync } from './Sync'
+export { default as Table } from './Table'
+export { default as Tariffs } from './Tariffs'
+export { default as TgCircle } from './TgCircle'
+export { default as Tg } from './Tg'
+export { default as Timeout } from './Timeout'
+export { default as Timer } from './Timer'
+export { default as Trash } from './Trash'
+export { default as TurnOff } from './TurnOff'
+export { default as TwitterCircle } from './TwitterCircle'
+export { default as Twitter } from './Twitter'
+export { default as Underline } from './Underline'
+export { default as Unlink } from './Unlink'
+export { default as UnsortedSolid } from './UnsortedSolid'
+export { default as Unsorted } from './Unsorted'
+export { default as Upload } from './Upload'
+export { default as UserAdd } from './UserAdd'
+export { default as UserCard } from './UserCard'
+export { default as UserEdit } from './UserEdit'
+export { default as UserQueue } from './UserQueue'
+export { default as User } from './User'
+export { default as ViberCircle } from './ViberCircle'
+export { default as Viber } from './Viber'
+export { default as ViewGrid } from './ViewGrid'
+export { default as ViewHorizontal } from './ViewHorizontal'
+export { default as ViewList } from './ViewList'
+export { default as ViewRows } from './ViewRows'
+export { default as ViewVertical } from './ViewVertical'
+export { default as VkCircle } from './VkCircle'
+export { default as Vk } from './Vk'
+export { default as Wallet } from './Wallet'
+export { default as WarningClean } from './WarningClean'
+export { default as Warning } from './Warning'
+export { default as WhatsappCircle } from './WhatsappCircle'
+export { default as Whatsapp } from './Whatsapp'
+export { default as Wheelchair } from './Wheelchair'

package/src/components/SvgIcon/index.ts

@@ -0,0 +1 @@
+export * as default from './icons'

package/src/DatePicker/DatePicker.styl

@@ -1,5 +0,0 @@
-.react-datepicker-wrapper
-  background red
-  padding 30px
-  &::before
-    content 'ТИМУР НЕ БЕЙ, Я ТЕСТИЛ'

package/src/DatePicker/index.tsx

@@ -1,5 +0,0 @@
-import DatePicker from 'react-datepicker'
-import 'react-datepicker/dist/react-datepicker.css'
-import './DatePicker.styl'
-
-export { DatePicker }