@modul/mbui 0.0.2 → 0.0.3-beta-pv-52770-7d2f2b64

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

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFiles = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M7.71 5.29A1 1 0 0 0 7 5H3c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-7c0-.27-.11-.52-.29-.71zM9.59 10H7V7.41zM3 17V7h2v3c0 1.1.9 2 2 2h3v5zM18.71 5.29l-4-4A1 1 0 0 0 14 1h-4c-1.1 0-2 .9-2 2 0 .55.45 1 1 1s1-.45 1-1h2v3c0 1.1.9 2 2 2h3v5h-2c-.55 0-1 .45-1 1s.45 1 1 1h2c1.1 0 2-.9 2-2V6c0-.27-.11-.52-.29-.71M14 3.41 16.59 6H14z"
+		/>
+	</SvgIcon>
+)
+export default SvgFiles

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17.875 2.5c-.18-.31-.51-.5-.87-.5H3c-.36 0-.69.19-.87.5-.17.31-.17.69 0 1l4.872 8.43V18c0 .36.19.69.5.87.29.17.71.17 1 0l4.001-2.31c.31-.18.5-.51.5-.87v-3.76l4.872-8.43c.17-.31.17-.69 0-1m-6.872 12.61-2 1.16v-3.61h2zm.42-4.45H8.582L4.731 4h10.543z"
+		/>
+	</SvgIcon>
+)
+export default SvgFilter

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgFolder = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M17 5h-5.58l-2.1-2.11C8.76 2.32 7.98 2 7.19 2H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2M7.19 4c.26 0 .52.11.71.29l2.4 2.41c.18.19.43.3.7.3h6v2H3V4zM3 16v-5h14v5z"
+		/>
+	</SvgIcon>
+)
+export default SvgFolder

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgGeolocation = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M11.997 18.995c-.4 0-.76-.24-.92-.61l-2.839-6.628-6.628-2.84a.996.996 0 0 1 .04-1.85l15.995-5.997c.37-.14.78-.05 1.06.23s.37.69.23 1.06l-5.998 15.995c-.14.38-.51.64-.91.65-.01-.01-.02-.01-.03-.01M4.679 8.058l4.709 2.02c.24.1.42.29.52.52l2.019 4.708 4.349-11.607z"
+		/>
+	</SvgIcon>
+)
+export default SvgGeolocation

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgGift = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16 7h-1.26l.3-.15c1.39-.74 2.11-1.94 1.93-3.22-.18-1.25-1.18-2.3-2.44-2.57-1.31-.28-2.6.36-3.43 1.7-.4.65-.78 1.4-1.11 2.11-.33-.71-.7-1.46-1.11-2.11-.83-1.34-2.11-1.97-3.43-1.7-1.26.27-2.26 1.32-2.44 2.57-.18 1.28.54 2.48 1.93 3.22.08.04.19.09.3.15H4c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2m-3.19-3.19c.24-.38.62-.81 1.12-.81.06 0 .13.01.19.02.43.09.81.48.87.89.08.57-.52.98-.88 1.17-.37.2-1.44.66-2.5 1.1.33-.78.75-1.65 1.2-2.37m-7.8.1c.06-.41.44-.8.87-.89.07-.01.13-.02.19-.02.5 0 .88.43 1.12.81.44.71.86 1.58 1.2 2.37-1.06-.44-2.13-.9-2.5-1.1-.36-.19-.96-.6-.88-1.17M4 9h5v8H4zm12 8h-5V9h5z"
+		/>
+	</SvgIcon>
+)
+export default SvgGift

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgGlobe = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M16.36 3.634C12.85.122 7.14.122 3.63 3.634s-3.51 9.223 0 12.735a9.02 9.02 0 0 0 12.73 0c3.51-3.522 3.51-9.224 0-12.735m.56 5.362h-2.95c-.08-1.82-.38-3.582-.91-5.012-.05-.13-.1-.23-.15-.35.74.34 1.44.8 2.05 1.41a7 7 0 0 1 1.96 3.952m-6.9 8.003h-.04c-.16-.02-.66-.36-1.16-1.69-.45-1.191-.7-2.722-.77-4.312h3.92c-.08 1.59-.33 3.121-.77 4.312-.51 1.33-1.01 1.66-1.18 1.69M8.04 8.996c.08-1.59.33-3.121.77-4.312.5-1.33 1-1.67 1.16-1.69h.04c.16.02.66.35 1.17 1.69.45 1.19.7 2.721.77 4.312zM5.05 5.044c.61-.61 1.3-1.07 2.04-1.41-.05.12-.1.22-.15.35-.53 1.43-.83 3.191-.91 5.012H3.08c.21-1.45.86-2.841 1.97-3.952m-1.97 5.953h2.95c.08 1.82.38 3.581.91 5.012.05.13.1.23.15.35-.74-.34-1.43-.8-2.04-1.41a6.97 6.97 0 0 1-1.97-3.952m11.87 3.951c-.61.61-1.3 1.07-2.04 1.41.05-.12.1-.22.15-.35.53-1.42.83-3.19.91-5.011h2.95a6.97 6.97 0 0 1-1.97 3.951"
+		/>
+	</SvgIcon>
+)
+export default SvgGlobe

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgHeart = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M10 18c-.38 0-.75-.11-1.08-.32-1.18-.77-3.58-2.62-6.44-6.38C.91 9.23.57 6.8 1.56 4.79A4.97 4.97 0 0 1 6.04 2C7.92 2 9.2 2.89 10 3.89 10.79 2.9 12.08 2 13.96 2c1.91 0 3.63 1.07 4.48 2.79 1 2.01.65 4.44-.92 6.51-2.86 3.76-5.26 5.61-6.44 6.38-.33.21-.7.32-1.08.32M6.04 4c-1.17 0-2.17.63-2.69 1.67-.65 1.31-.38 2.96.72 4.41 2.78 3.66 5.08 5.35 5.94 5.92.85-.56 3.15-2.26 5.93-5.92 1.1-1.45 1.37-3.1.72-4.41A2.95 2.95 0 0 0 13.97 4c-2.29 0-2.93 2.02-2.99 2.25-.12.43-.52.73-.96.73h-.01c-.45 0-.84-.3-.96-.73C8.97 6.02 8.33 4 6.04 4"
+		/>
+	</SvgIcon>
+)
+export default SvgHeart

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgHeartSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M18.433 4.79A4.97 4.97 0 0 0 13.955 2c-1.88 0-3.16.89-3.959 1.89C9.206 2.9 7.917 2 6.038 2A4.97 4.97 0 0 0 1.56 4.79c-1 2.01-.65 4.44.92 6.51 2.858 3.76 5.257 5.61 6.437 6.38.33.21.71.32 1.08.32s.749-.11 1.079-.32c1.18-.77 3.578-2.62 6.437-6.38 1.58-2.07 1.92-4.5.92-6.51"
+		/>
+	</SvgIcon>
+)
+export default SvgHeartSolid

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgHelp = (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-7m0 12.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.2m1-4.2v-.17c1.2-.42 2-1.56 2-2.83 0-1.65-1.35-3-3-3-1.14 0-2.17.63-2.68 1.66A1 1 0 0 0 7.76 8c.5.25 1.1.05 1.34-.45A1.003 1.003 0 0 1 11 8c0 .42-.27.8-.67.94A2.02 2.02 0 0 0 9 10.83V11c0 .55.45 1 1 1s1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgHelp

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgHome = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.71 10.29-8-8a.996.996 0 0 0-1.41 0l-8 8a.996.996 0 1 0 1.41 1.41l.29-.29V16c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1v-4h2v4c0 .55.45 1 1 1h3c1.1 0 2-.9 2-2v-4.59l.29.29c.2.2.45.29.71.29s.51-.1.71-.29a.996.996 0 0 0 0-1.41M15 16h-2v-4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v4H5V9.41l5-5 5 5z"
+		/>
+	</SvgIcon>
+)
+export default SvgHome

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgHousing = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m18.712 10.29-1.71-1.71V3c0-.55-.45-1-1.001-1h-3.002c-.55 0-1 .45-1 1v.59L10.708 2.3a.997.997 0 0 0-1.41 0l-8.005 8a.997.997 0 1 0 1.41 1.41l.29-.29V16c0 1.1.901 2 2.002 2H15c1.1 0 2.001-.9 2.001-2v-4.59l.29.29c.39.39 1.021.39 1.411 0s.4-1.02.01-1.41M14 4h1v2.59l-1-1zM4.995 16V9.41l5.002-5 5.003 5V16zm4.292-8.71c-.23.23-2.291 2.36-2.291 4.71 0 1.65 1.35 3 3.001 3A3.01 3.01 0 0 0 13 12c0-2.35-2.061-4.47-2.291-4.71-.39-.39-1.03-.39-1.42 0m.71 5.71c-.55 0-1-.45-1-1 0-.83.51-1.76 1-2.44.49.68 1.001 1.61 1.001 2.44 0 .55-.45 1-1 1"
+		/>
+	</SvgIcon>
+)
+export default SvgHousing

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgIg = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M11.5 10c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5m2.8-2.5v5c0 .99-.81 1.8-1.8 1.8h-5c-.99 0-1.8-.81-1.8-1.8v-5c0-.99.81-1.8 1.8-1.8h5c.99 0 1.8.81 1.8 1.8M12.7 10c0-1.49-1.21-2.7-2.7-2.7S7.3 8.51 7.3 10s1.21 2.7 2.7 2.7 2.7-1.21 2.7-2.7m.8-2.99c0-.28-.22-.5-.5-.5s-.5.22-.5.5.22.5.5.5.5-.22.5-.5M18 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 2m-2.5 3.5c0-1.66-1.34-3-3-3h-5c-1.66 0-3 1.34-3 3v5c0 1.66 1.34 3 3 3h5c1.66 0 3-1.34 3-3z"
+		/>
+	</SvgIcon>
+)
+export default SvgIg

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgIgCircle = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M11.5 10c0 .83-.67 1.5-1.5 1.5s-1.5-.67-1.5-1.5.67-1.5 1.5-1.5 1.5.67 1.5 1.5m2.8-2.5v5c0 .99-.81 1.8-1.8 1.8h-5c-.99 0-1.8-.81-1.8-1.8v-5c0-.99.81-1.8 1.8-1.8h5c.99 0 1.8.81 1.8 1.8M12.7 10c0-1.49-1.21-2.7-2.7-2.7S7.3 8.51 7.3 10s1.21 2.7 2.7 2.7 2.7-1.21 2.7-2.7m.8-2.99c0-.28-.22-.5-.5-.5s-.5.22-.5.5.22.5.5.5.5-.22.5-.5M19 10A9 9 0 1 1 .999 9.999 9 9 0 0 1 19 10m-3.5-2.5c0-1.66-1.34-3-3-3h-5c-1.66 0-3 1.34-3 3v5c0 1.66 1.34 3 3 3h5c1.66 0 3-1.34 3-3z"
+		/>
+	</SvgIcon>
+)
+export default SvgIgCircle

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgInfo = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M11.2 6.003c0 .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.2m7.8 4c0-4.96-4.04-9-9-9s-9 4.04-9 9 4.04 9 9 9 9-4.04 9-9m-2 0c0 3.86-3.14 7-7 7s-7-3.14-7-7 3.14-7 7-7 7 3.14 7 7m-6 4v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgInfo

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgInfoBook = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M8.8 5c0-.66.54-1.2 1.2-1.2s1.2.54 1.2 1.2-.54 1.2-1.2 1.2S8.8 5.66 8.8 5M10 7c-.55 0-1 .45-1 1v3c0 .55.45 1 1 1s1-.45 1-1V8c0-.55-.45-1-1-1m6 9c0 .55.45 1 1 1s1 .45 1 1-.45 1-1 1H5c-1.65 0-3-1.35-3-3V4c0-1.65 1.35-3 3-3h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1s-1 .45-1 1M4 4v9.18c.31-.11.65-.18 1-.18h11V3H5c-.55 0-1 .45-1 1m10.18 13c-.11-.31-.18-.65-.18-1s.07-.69.18-1H5c-.55 0-1 .45-1 1s.45 1 1 1z"
+		/>
+	</SvgIcon>
+)
+export default SvgInfoBook

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgInfoSolid = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="#4971D0"
+			d="M10 1.003c-4.96 0-9 4.04-9 9s4.04 9 9 9 9-4.04 9-9-4.04-9-9-9m1 13c0 .55-.45 1-1 1s-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1zm-1-6.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.2"
+		/>
+	</SvgIcon>
+)
+export default SvgInfoSolid

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgItalic = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M13 4H9c-.55 0-1 .45-1 1s.45 1 1 1h.78l-1.6 8H7c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1h-.78l1.6-8H13c.55 0 1-.45 1-1s-.45-1-1-1"
+		/>
+	</SvgIcon>
+)
+export default SvgItalic

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgKey = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="M14 5c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1M7 18v-1h1c.55 0 1-.45 1-1v-1h1c.55 0 1-.45 1-1v-1.35c.64.23 1.32.35 2 .35 3.31 0 6-2.69 6-6s-2.69-6-6-6a6.005 6.005 0 0 0-5.89 7.16l-5.53 5.51c-.38.38-.58.88-.58 1.41V17c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1m1.93-8.82c.26-.26.36-.65.25-1A3.999 3.999 0 0 1 13 3c2.21 0 4 1.79 4 4s-1.79 4-4 4c-.67 0-1.31-.16-1.9-.49a1 1 0 0 0-1.18.16l-.62.61c-.19.19-.3.45-.3.71v1H8c-.55 0-1 .45-1 1v1H6c-.55 0-1 .45-1 1v1H3v-1.91z"
+		/>
+	</SvgIcon>
+)
+export default SvgKey

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

@@ -0,0 +1,18 @@
+import * as React from 'react'
+import type { SVGProps } from 'react'
+import { SvgIcon } from '../SvgIcon'
+const SvgLeft = (props: SVGProps<SVGSVGElement>) => (
+	<SvgIcon
+		width={20}
+		height={20}
+		fill="none"
+		viewBox="0 0 20 20"
+		{...props}
+	>
+		<path
+			fill="currentColor"
+			d="m13.29 18.709-8-8.003a.997.997 0 0 1 0-1.41l8-8.003a.996.996 0 1 1 1.41 1.41L7.41 9.996l7.29 7.292c.39.39.39 1.02 0 1.41-.38.4-1.02.4-1.41.01"
+		/>
+	</SvgIcon>
+)
+export default SvgLeft