mainstack-design-system 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (481) hide show
  1. package/.env.sample +1 -0
  2. package/.eslintignore +5 -0
  3. package/.eslintrc.json +96 -0
  4. package/.github/PULL_REQUEST_TEMPLATE.md +15 -0
  5. package/.husky/commit-msg +4 -0
  6. package/.husky/pre-commit +6 -0
  7. package/.prettierignore +7 -0
  8. package/.prettierrc +9 -0
  9. package/.storybook/main.ts +22 -0
  10. package/.storybook/preview.ts +20 -0
  11. package/.vscode/extensions.json +10 -0
  12. package/README.md +139 -0
  13. package/commitlint.config.cjs +1 -0
  14. package/index.html +31 -0
  15. package/package.json +98 -0
  16. package/public/_redirects +1 -0
  17. package/public/manifest.json +15 -0
  18. package/public/robots.txt +3 -0
  19. package/public/vite.svg +1 -0
  20. package/src/app.tsx +25 -0
  21. package/src/assets/fonts/Degular-Medium.woff2 +0 -0
  22. package/src/assets/fonts/Degular-Medium_Italic.woff2 +0 -0
  23. package/src/assets/fonts/Degular-Semibold.woff2 +0 -0
  24. package/src/assets/fonts/Degular-Semibold_Italic.woff2 +0 -0
  25. package/src/assets/fonts/Degular_Display-Bold.woff2 +0 -0
  26. package/src/assets/fonts/Degular_Display-Bold_Italic.woff2 +0 -0
  27. package/src/assets/fonts/Degular_Display-Semibold.woff2 +0 -0
  28. package/src/assets/fonts/Degular_Display-Semibold_Italic.woff2 +0 -0
  29. package/src/assets/fonts/Sohne-Buch.otf +0 -0
  30. package/src/assets/fonts/So/302/246/303/252hne-Buch.otf +0 -0
  31. package/src/assets/fonts/So/302/246/303/252hne-BuchKursiv.otf +0 -0
  32. package/src/assets/fonts/So/302/246/303/252hne-Dreiviertelfett.otf +0 -0
  33. package/src/assets/fonts/So/302/246/303/252hne-DreiviertelfettKursiv.otf +0 -0
  34. package/src/assets/fonts/So/302/246/303/252hne-Extrafett.otf +0 -0
  35. package/src/assets/fonts/So/302/246/303/252hne-Fett.otf +0 -0
  36. package/src/assets/fonts/So/302/246/303/252hne-Halbfett.otf +0 -0
  37. package/src/assets/fonts/So/302/246/303/252hne-HalbfettKursiv.otf +0 -0
  38. package/src/assets/fonts/So/302/246/303/252hne-Kra/302/246/303/252ftig.otf +0 -0
  39. package/src/assets/fonts/So/302/246/303/252hne-Kra/302/246/303/252ftigKursiv.otf +0 -0
  40. package/src/assets/fonts/So/302/246/303/252hne-Leicht.otf +0 -0
  41. package/src/assets/fonts/soehne-buch-kursiv.woff2 +0 -0
  42. package/src/assets/fonts/soehne-buch.woff2 +0 -0
  43. package/src/assets/fonts/soehne-dreiviertelfett-kursiv.woff2 +0 -0
  44. package/src/assets/fonts/soehne-dreiviertelfett.woff2 +0 -0
  45. package/src/assets/fonts/soehne-extrafett.woff2 +0 -0
  46. package/src/assets/fonts/soehne-fett.woff2 +0 -0
  47. package/src/assets/fonts/soehne-halbfett-kursiv.woff2 +0 -0
  48. package/src/assets/fonts/soehne-halbfett.woff2 +0 -0
  49. package/src/assets/fonts/soehne-kraftig-kursiv.woff2 +0 -0
  50. package/src/assets/fonts/soehne-kraftig.woff2 +0 -0
  51. package/src/assets/fonts/soehne-leicht.woff2 +0 -0
  52. package/src/assets/styles/index.css +486 -0
  53. package/src/assets/svgs/check_circle.svg +8 -0
  54. package/src/assets/svgs/close-circle.svg +3 -0
  55. package/src/assets/svgs/error_message_icon.svg +8 -0
  56. package/src/assets/svgs/personal_profile_avatar.svg +13 -0
  57. package/src/assets/svgs/search-normal.svg +4 -0
  58. package/src/assets/svgs/store_avatar.svg +13 -0
  59. package/src/assets/svgs/viewIcon.svg +8 -0
  60. package/src/assets/svgs/viewOffIcon.svg +3 -0
  61. package/src/assets/themes/baseThemes.ts +40 -0
  62. package/src/components/Accordion/index.tsx +111 -0
  63. package/src/components/Avatars/index.tsx +111 -0
  64. package/src/components/Button/IconButton.tsx +119 -0
  65. package/src/components/Button/index.tsx +173 -0
  66. package/src/components/InputFields/Input.tsx +177 -0
  67. package/src/components/InputFields/MarkdownEditor.tsx +246 -0
  68. package/src/components/InputFields/SearchInput.tsx +80 -0
  69. package/src/components/InputFields/SelectInput/CountrySelect.tsx +142 -0
  70. package/src/components/InputFields/SelectInput/PhoneNumberInput.tsx +89 -0
  71. package/src/components/InputFields/SelectInput/SelectInput.tsx +395 -0
  72. package/src/components/InputFields/SelectInput/index.ts +9 -0
  73. package/src/components/InputFields/TextArea.tsx +150 -0
  74. package/src/components/InputFields/UsernameInput.tsx +145 -0
  75. package/src/components/Tiles/index.tsx +95 -0
  76. package/src/components/Typography/Display.tsx +84 -0
  77. package/src/components/Typography/Heading.tsx +136 -0
  78. package/src/components/Typography/Paragraph.tsx +105 -0
  79. package/src/components/Typography/Subtitle.tsx +148 -0
  80. package/src/components/Uploader/FileUploader.tsx +132 -0
  81. package/src/components/Uploader/ImageUploader.tsx +311 -0
  82. package/src/components/controls/Chip.tsx +78 -0
  83. package/src/components/controls/DoubleTab.tsx +80 -0
  84. package/src/components/controls/Pagination.tsx +164 -0
  85. package/src/components/controls/RadioButton.tsx +135 -0
  86. package/src/components/controls/RectangleCheckButton.tsx +106 -0
  87. package/src/components/controls/RoundCheckButton.tsx +106 -0
  88. package/src/components/controls/Stepper.tsx +84 -0
  89. package/src/components/controls/TabMenu.tsx +114 -0
  90. package/src/components/controls/ToggleButton.tsx +123 -0
  91. package/src/components/notifications/Banner.tsx +175 -0
  92. package/src/components/notifications/ClickTooltip.tsx +108 -0
  93. package/src/components/notifications/HoverTooltip.tsx +34 -0
  94. package/src/components/notifications/Snackbar.tsx +138 -0
  95. package/src/components/styleGuide/Colors.tsx +176 -0
  96. package/src/hooks/useImageUpload.ts +78 -0
  97. package/src/icons/AccountBalanceIcon.tsx +35 -0
  98. package/src/icons/AccountBalanceWalletFilledIcon.tsx +35 -0
  99. package/src/icons/AccountBalanceWalletIcon.tsx +35 -0
  100. package/src/icons/AccountCircleFilledIcon.tsx +35 -0
  101. package/src/icons/AccountCircleIcon.tsx +35 -0
  102. package/src/icons/AddAPhotoIcon.tsx +35 -0
  103. package/src/icons/AddBusinessFilledIcon.tsx +35 -0
  104. package/src/icons/AddBusinessIcon.tsx +35 -0
  105. package/src/icons/AddCircleFilledIcon.tsx +35 -0
  106. package/src/icons/AddCircleIcon.tsx +35 -0
  107. package/src/icons/AddIcon.tsx +35 -0
  108. package/src/icons/AddPhotoAlternateIcon.tsx +35 -0
  109. package/src/icons/AddShoppingCartIcon.tsx +35 -0
  110. package/src/icons/AddToSocialsIcon.tsx +48 -0
  111. package/src/icons/AddsClickIcon.tsx +35 -0
  112. package/src/icons/AdminPanelSettingsIcon.tsx +35 -0
  113. package/src/icons/AirplaneModeActiveIcon.tsx +35 -0
  114. package/src/icons/AlarmIcon.tsx +35 -0
  115. package/src/icons/AllInboxIcon.tsx +35 -0
  116. package/src/icons/AnimationIcon.tsx +35 -0
  117. package/src/icons/AppsFilledIcon.tsx +35 -0
  118. package/src/icons/AppsIcon.tsx +35 -0
  119. package/src/icons/ArchiveIcon.tsx +35 -0
  120. package/src/icons/ArrowBackIcon.tsx +35 -0
  121. package/src/icons/ArrowCircleDownFilledIcon.tsx +35 -0
  122. package/src/icons/ArrowCircleUpFilledIcon.tsx +35 -0
  123. package/src/icons/ArrowDropDownIcon.tsx +32 -0
  124. package/src/icons/ArrowDropUpIcon.tsx +37 -0
  125. package/src/icons/ArrowForwardIcon.tsx +35 -0
  126. package/src/icons/ArtTrackIcon.tsx +35 -0
  127. package/src/icons/ArticleFilledIcon.tsx +35 -0
  128. package/src/icons/ArticleIcon.tsx +35 -0
  129. package/src/icons/AttachMoneyIcon.tsx +35 -0
  130. package/src/icons/AttachmentIcon.tsx +35 -0
  131. package/src/icons/AudioFileFilledIcon.tsx +35 -0
  132. package/src/icons/AutoAwesomeMosaicFilledIcon.tsx +35 -0
  133. package/src/icons/AutoAwesomeMosaicIcon.tsx +35 -0
  134. package/src/icons/AutoFixFilledIcon.tsx +35 -0
  135. package/src/icons/AutoFixIcon.tsx +35 -0
  136. package/src/icons/AutoGraphIcon.tsx +35 -0
  137. package/src/icons/AwardStarFilledIcon.tsx +35 -0
  138. package/src/icons/AwardStarIcon.tsx +35 -0
  139. package/src/icons/BarChartFilledIcon.tsx +35 -0
  140. package/src/icons/BlockIcon.tsx +35 -0
  141. package/src/icons/BoltFilledIcon.tsx +35 -0
  142. package/src/icons/BoltIcon.tsx +35 -0
  143. package/src/icons/BookOnlineIcon.tsx +35 -0
  144. package/src/icons/BugReportIcon.tsx +35 -0
  145. package/src/icons/BusinessCenterFilledIcon.tsx +35 -0
  146. package/src/icons/BusinessCenterIcon.tsx +35 -0
  147. package/src/icons/CalendarMonthFilledIcon.tsx +35 -0
  148. package/src/icons/CalendarMonthIcon.tsx +35 -0
  149. package/src/icons/CalendarTodayIcon.tsx +35 -0
  150. package/src/icons/CallMadeIcon.tsx +35 -0
  151. package/src/icons/CallMissedIcon.tsx +35 -0
  152. package/src/icons/CallMissedOutgoingIcon.tsx +35 -0
  153. package/src/icons/CallRecievedIcon.tsx +35 -0
  154. package/src/icons/CampaignFilledIcon.tsx +22 -0
  155. package/src/icons/CampaignIcon.tsx +35 -0
  156. package/src/icons/CancelFilledIcon.tsx +22 -0
  157. package/src/icons/CancelIcon.tsx +22 -0
  158. package/src/icons/CaptivePortalIcon.tsx +35 -0
  159. package/src/icons/CardLayoutIcon.tsx +22 -0
  160. package/src/icons/CasesFilledIcon.tsx +35 -0
  161. package/src/icons/CasesIcon.tsx +35 -0
  162. package/src/icons/CategoryIcon.tsx +35 -0
  163. package/src/icons/ChairIcon.tsx +35 -0
  164. package/src/icons/ChangeCircleIcon.tsx +35 -0
  165. package/src/icons/ChatBubbleFilledIcon.tsx +35 -0
  166. package/src/icons/ChatBubbleIcon.tsx +35 -0
  167. package/src/icons/ChatFilledIcon.tsx +35 -0
  168. package/src/icons/ChatIcon.tsx +35 -0
  169. package/src/icons/CheckCircleFilledIcon.tsx +35 -0
  170. package/src/icons/CheckCircleIcon.tsx +35 -0
  171. package/src/icons/CheckIcon.tsx +35 -0
  172. package/src/icons/ChevronLeftIcon.tsx +43 -0
  173. package/src/icons/ChevronRightIcon.tsx +43 -0
  174. package/src/icons/CloseIcon.tsx +35 -0
  175. package/src/icons/CloudUploadIcon.tsx +35 -0
  176. package/src/icons/CodeIcon.tsx +35 -0
  177. package/src/icons/CoffeeIcon.tsx +35 -0
  178. package/src/icons/CollectionsBookmarkIcon.tsx +35 -0
  179. package/src/icons/ColorPickerIcon.tsx +22 -0
  180. package/src/icons/CommentCircleAltChatMessageIcon.tsx +24 -0
  181. package/src/icons/ConfirmationNumberIcon.tsx +35 -0
  182. package/src/icons/ContactMailFilledIcon.tsx +35 -0
  183. package/src/icons/ContactMailIcon.tsx +35 -0
  184. package/src/icons/ContactPageIcon.tsx +22 -0
  185. package/src/icons/ContactPhoneFilledIcon.tsx +35 -0
  186. package/src/icons/ContactPhoneIcon.tsx +35 -0
  187. package/src/icons/ContactsIcon.tsx +22 -0
  188. package/src/icons/ContentCopyIcon.tsx +35 -0
  189. package/src/icons/CopyIcon.tsx +35 -0
  190. package/src/icons/CreditCardFilledIcon.tsx +35 -0
  191. package/src/icons/CreditCardIcon.tsx +35 -0
  192. package/src/icons/DarkModeIcon.tsx +35 -0
  193. package/src/icons/DashboardFilledIcon.tsx +35 -0
  194. package/src/icons/DashboardIcon.tsx +35 -0
  195. package/src/icons/DatabaseFilledIcon.tsx +35 -0
  196. package/src/icons/DeleteIcon.tsx +35 -0
  197. package/src/icons/DescriptionIcon.tsx +35 -0
  198. package/src/icons/DesktopMacIcon.tsx +35 -0
  199. package/src/icons/DevicesIcon.tsx +35 -0
  200. package/src/icons/DiamondFilledIcon.tsx +35 -0
  201. package/src/icons/DiamondIcon.tsx +35 -0
  202. package/src/icons/DigitalProductsIcon.tsx +58 -0
  203. package/src/icons/DiscountIcon.tsx +24 -0
  204. package/src/icons/Diversity1Icon.tsx +22 -0
  205. package/src/icons/Diversity2Icon.tsx +22 -0
  206. package/src/icons/Diversity3Icon.tsx +22 -0
  207. package/src/icons/DnsIcon.tsx +35 -0
  208. package/src/icons/DoNotDisturbOnFilledIcon.tsx +35 -0
  209. package/src/icons/DoNotDisturbOnIcon.tsx +35 -0
  210. package/src/icons/DomainAddIcon.tsx +35 -0
  211. package/src/icons/DomainIcon.tsx +35 -0
  212. package/src/icons/DomainVerificationIcon.tsx +35 -0
  213. package/src/icons/DownloadIcon.tsx +35 -0
  214. package/src/icons/DraftsIcon.tsx +35 -0
  215. package/src/icons/DragHandleIcon.tsx +35 -0
  216. package/src/icons/DragIndicatorIcon.tsx +35 -0
  217. package/src/icons/EditFilledIcon.tsx +35 -0
  218. package/src/icons/EditIcon.tsx +35 -0
  219. package/src/icons/EmojiEventsFilledIcon.tsx +35 -0
  220. package/src/icons/EmojiEventsIcon.tsx +35 -0
  221. package/src/icons/EmojiFoodBeverageIcon.tsx +35 -0
  222. package/src/icons/EmojiIcon.tsx +35 -0
  223. package/src/icons/EmptyIcon.tsx +22 -0
  224. package/src/icons/ErrorFilledIcon.tsx +35 -0
  225. package/src/icons/ErrorIcon.tsx +35 -0
  226. package/src/icons/EventFilledIcon.tsx +35 -0
  227. package/src/icons/EventIcon.tsx +35 -0
  228. package/src/icons/EventTicketIcon.tsx +54 -0
  229. package/src/icons/ExpandLessIcon.tsx +40 -0
  230. package/src/icons/ExpandMoreIcon.tsx +35 -0
  231. package/src/icons/FastActionPricingIcon.tsx +58 -0
  232. package/src/icons/FeedFilledIcon.tsx +35 -0
  233. package/src/icons/FeedIcon.tsx +35 -0
  234. package/src/icons/FilePresentIcon.tsx +35 -0
  235. package/src/icons/FilterListIcon.tsx +35 -0
  236. package/src/icons/FitbitArrowDownIcon.tsx +35 -0
  237. package/src/icons/FitbitArrowUpwardIcon.tsx +35 -0
  238. package/src/icons/FlagIcon.tsx +35 -0
  239. package/src/icons/FormatAlignCenterIcon.tsx +35 -0
  240. package/src/icons/FormatAlignJustifyIcon.tsx +35 -0
  241. package/src/icons/FormatAlignLeftIcon.tsx +35 -0
  242. package/src/icons/FormatAlignRightIcon.tsx +35 -0
  243. package/src/icons/FormatBoldIcon.tsx +35 -0
  244. package/src/icons/FormatItalicIcon.tsx +35 -0
  245. package/src/icons/FormatListBulletedIcon.tsx +35 -0
  246. package/src/icons/FormatListNumberedIcon.tsx +35 -0
  247. package/src/icons/FormatSizeIcon.tsx +35 -0
  248. package/src/icons/FormatUnderlineIcon.tsx +35 -0
  249. package/src/icons/ForumIcon.tsx +35 -0
  250. package/src/icons/ForwardToInboxIcon.tsx +35 -0
  251. package/src/icons/GalleryThumbnailIcon.tsx +35 -0
  252. package/src/icons/GppBadFilledIcon.tsx +35 -0
  253. package/src/icons/GppBadIcon.tsx +35 -0
  254. package/src/icons/GppMaybeFilledIcon.tsx +35 -0
  255. package/src/icons/GppMaybeIcon.tsx +35 -0
  256. package/src/icons/GridViewIcon.tsx +35 -0
  257. package/src/icons/GroupFilledIcon.tsx +35 -0
  258. package/src/icons/GroupIcon.tsx +35 -0
  259. package/src/icons/HeadphonesIcon.tsx +35 -0
  260. package/src/icons/HomeFilledIcon.tsx +35 -0
  261. package/src/icons/HomeIcon.tsx +35 -0
  262. package/src/icons/HomePinIcon.tsx +35 -0
  263. package/src/icons/HourGlassEmptyIcon.tsx +35 -0
  264. package/src/icons/HubIcon.tsx +22 -0
  265. package/src/icons/InfoFilledIcon.tsx +35 -0
  266. package/src/icons/InfoGradientFilledIcon.tsx +49 -0
  267. package/src/icons/InfoIcon.tsx +35 -0
  268. package/src/icons/InsertChartFilledIcon.tsx +35 -0
  269. package/src/icons/InsertChartIcon.tsx +35 -0
  270. package/src/icons/InventoryIcon.tsx +22 -0
  271. package/src/icons/IosShareIcon.tsx +35 -0
  272. package/src/icons/KeyboardBackspaceIcon.tsx +35 -0
  273. package/src/icons/LanguageIcon.tsx +35 -0
  274. package/src/icons/LibraryMusicIcon.tsx +35 -0
  275. package/src/icons/LinkIcon.tsx +35 -0
  276. package/src/icons/LinkOffIcon.tsx +35 -0
  277. package/src/icons/LocalActivityIcon.tsx +35 -0
  278. package/src/icons/LocalFloristFilledIcon.tsx +35 -0
  279. package/src/icons/LocalFloristIcon.tsx +35 -0
  280. package/src/icons/LocationOnIcon.tsx +35 -0
  281. package/src/icons/LockIcon.tsx +35 -0
  282. package/src/icons/LoginIcon.tsx +35 -0
  283. package/src/icons/LogoutIcon.tsx +43 -0
  284. package/src/icons/MailIcon.tsx +35 -0
  285. package/src/icons/MarkUnreadChatIcon.tsx +35 -0
  286. package/src/icons/MasterClassIcon.tsx +74 -0
  287. package/src/icons/MediaLinkFilledIcon.tsx +35 -0
  288. package/src/icons/MediaLinkIcon.tsx +35 -0
  289. package/src/icons/MenuIcon.tsx +35 -0
  290. package/src/icons/MenuOpenIcon.tsx +35 -0
  291. package/src/icons/MilitaryTechFilledIcon.tsx +35 -0
  292. package/src/icons/MilitaryTechIcon.tsx +35 -0
  293. package/src/icons/MonitoringIcon.tsx +35 -0
  294. package/src/icons/MoreHorizontalIcon.tsx +35 -0
  295. package/src/icons/MoreHorizontalSmallIcon.tsx +35 -0
  296. package/src/icons/MoreVerticalIcon.tsx +35 -0
  297. package/src/icons/NotificationsFilledIcon.tsx +40 -0
  298. package/src/icons/NotificationsIcon.tsx +35 -0
  299. package/src/icons/OpenInNewIcon.tsx +35 -0
  300. package/src/icons/OthersIcon.tsx +58 -0
  301. package/src/icons/PageViewIcon.tsx +35 -0
  302. package/src/icons/PaidIcon.tsx +35 -0
  303. package/src/icons/PaletteFilledIcon.tsx +35 -0
  304. package/src/icons/PaletteIcon.tsx +35 -0
  305. package/src/icons/PauseIcon.tsx +22 -0
  306. package/src/icons/PayInTranchesIcon.tsx +29 -0
  307. package/src/icons/PaymentsFilledIcon.tsx +35 -0
  308. package/src/icons/PaymentsIcon.tsx +35 -0
  309. package/src/icons/PendingActionsIcon.tsx +35 -0
  310. package/src/icons/PermMediaIcon.tsx +35 -0
  311. package/src/icons/PersonAddIcon.tsx +35 -0
  312. package/src/icons/PersonIcon.tsx +35 -0
  313. package/src/icons/PhotoCameraIcon.tsx +35 -0
  314. package/src/icons/PhotoFilledIcon.tsx +35 -0
  315. package/src/icons/PhotoIcon.tsx +35 -0
  316. package/src/icons/PhotoLibraryFilledIcon.tsx +35 -0
  317. package/src/icons/PhotoLibraryIcon.tsx +35 -0
  318. package/src/icons/PictureAsPdfFilledIcon.tsx +35 -0
  319. package/src/icons/PictureAsPdfIcon.tsx +35 -0
  320. package/src/icons/PlayArrowIcon.tsx +32 -0
  321. package/src/icons/PlayCircleFilledIcon.tsx +35 -0
  322. package/src/icons/PlayCircleIcon.tsx +22 -0
  323. package/src/icons/PowerRoundedIcon.tsx +35 -0
  324. package/src/icons/PreviewIcon.tsx +35 -0
  325. package/src/icons/PublicIcon.tsx +22 -0
  326. package/src/icons/PublishIcon.tsx +35 -0
  327. package/src/icons/PushPinFilledIcon.tsx +35 -0
  328. package/src/icons/PushPinIcon.tsx +35 -0
  329. package/src/icons/QrCode2Icon.tsx +35 -0
  330. package/src/icons/RadioButtonCheckedIcon.tsx +35 -0
  331. package/src/icons/RadioButtonUncheckedIcon.tsx +35 -0
  332. package/src/icons/RecieptLongFilledIcon.tsx +35 -0
  333. package/src/icons/RecieptLongIcon.tsx +35 -0
  334. package/src/icons/RecordVoiceOverIcon.tsx +35 -0
  335. package/src/icons/RedeemIcon.tsx +35 -0
  336. package/src/icons/RedoIcon.tsx +35 -0
  337. package/src/icons/RemoveIcon.tsx +32 -0
  338. package/src/icons/RemoveRoadIcon.tsx +35 -0
  339. package/src/icons/ReportFilledIcon.tsx +35 -0
  340. package/src/icons/ReportIcon.tsx +35 -0
  341. package/src/icons/ReviewsIcon.tsx +43 -0
  342. package/src/icons/SavingsFilledIcon.tsx +35 -0
  343. package/src/icons/SavingsIcon.tsx +35 -0
  344. package/src/icons/ScheduleIcon.tsx +35 -0
  345. package/src/icons/ScheduleSendIcon.tsx +35 -0
  346. package/src/icons/SearchNormalIcon.tsx +32 -0
  347. package/src/icons/SellIcon.tsx +35 -0
  348. package/src/icons/SendIcon.tsx +35 -0
  349. package/src/icons/ServicesIcon.tsx +39 -0
  350. package/src/icons/SettingsFilledIcon.tsx +35 -0
  351. package/src/icons/SettingsIcon.tsx +35 -0
  352. package/src/icons/ShareIcon.tsx +35 -0
  353. package/src/icons/ShareWithContactsIcon.tsx +62 -0
  354. package/src/icons/ShareWithSocialsIcon.tsx +64 -0
  355. package/src/icons/ShoppingCartFilledIcon.tsx +35 -0
  356. package/src/icons/ShoppingCartIcon.tsx +35 -0
  357. package/src/icons/ShuffleIcon.tsx +35 -0
  358. package/src/icons/SmartPhoneIcon.tsx +35 -0
  359. package/src/icons/SocialLeaderboardIcon.tsx +35 -0
  360. package/src/icons/StarFilledIcon.tsx +35 -0
  361. package/src/icons/StarHalfIcon.tsx +35 -0
  362. package/src/icons/StarIcon.tsx +35 -0
  363. package/src/icons/StoreFrontFilledIcon.tsx +35 -0
  364. package/src/icons/StoreFrontIcon.tsx +35 -0
  365. package/src/icons/StrikeThroughSIcon.tsx +35 -0
  366. package/src/icons/StyleIcon.tsx +35 -0
  367. package/src/icons/SubscriptionIcon.tsx +46 -0
  368. package/src/icons/SubscriptionsFilledIcon.tsx +35 -0
  369. package/src/icons/SubscriptionsIcon.tsx +35 -0
  370. package/src/icons/SupervisorAccountIcon.tsx +35 -0
  371. package/src/icons/SwitchAccountFilledIcon.tsx +35 -0
  372. package/src/icons/SwitchAccountIcon.tsx +35 -0
  373. package/src/icons/SyncSavedLocallyIcon.tsx +35 -0
  374. package/src/icons/TabletIcon.tsx +35 -0
  375. package/src/icons/ThumbDownFilledIcon.tsx +22 -0
  376. package/src/icons/ThumbDownIcon.tsx +22 -0
  377. package/src/icons/ThumbUpFilledIcon.tsx +22 -0
  378. package/src/icons/ThumbUpIcon.tsx +22 -0
  379. package/src/icons/TocIcon.tsx +35 -0
  380. package/src/icons/TrainingsIcon.tsx +37 -0
  381. package/src/icons/TrashDeleteBinIcon.tsx +36 -0
  382. package/src/icons/TrendingUpIcon.tsx +35 -0
  383. package/src/icons/UndoIcon.tsx +35 -0
  384. package/src/icons/UnfoldMoreIcon.tsx +35 -0
  385. package/src/icons/UploadIcon.tsx +35 -0
  386. package/src/icons/VerifiedIcon.tsx +24 -0
  387. package/src/icons/ViewAgendaIcon.tsx +22 -0
  388. package/src/icons/ViewArrayIcon.tsx +35 -0
  389. package/src/icons/ViewCarouselIcon.tsx +35 -0
  390. package/src/icons/ViewCozyIcon.tsx +22 -0
  391. package/src/icons/ViewModuleIcon.tsx +35 -0
  392. package/src/icons/VisibilityIcon.tsx +35 -0
  393. package/src/icons/VisibilityOffIcon.tsx +35 -0
  394. package/src/icons/VolunteerActivismFilledIcon.tsx +35 -0
  395. package/src/icons/VolunteerActivismIcon.tsx +35 -0
  396. package/src/icons/WBSunnyIcon.tsx +35 -0
  397. package/src/icons/WarningFilledIcon.tsx +35 -0
  398. package/src/icons/WarningIcon.tsx +35 -0
  399. package/src/icons/WebinarsIcon.tsx +57 -0
  400. package/src/icons/WidgetsFilledIcon.tsx +35 -0
  401. package/src/icons/WidgetsIcon.tsx +35 -0
  402. package/src/icons/WorkshopsIcon.tsx +50 -0
  403. package/src/icons/index.ts +305 -0
  404. package/src/pages/Home.tsx +30 -0
  405. package/src/pages/Login.tsx +13 -0
  406. package/src/pages/Page404.tsx +13 -0
  407. package/src/pages/index.tsx +21 -0
  408. package/src/routes/index.tsx +7 -0
  409. package/src/stories/Accordion/Accordion.stories.tsx +100 -0
  410. package/src/stories/Accordion/AccordionWrapper.tsx +16 -0
  411. package/src/stories/Avatars/Avatar.stories.ts +57 -0
  412. package/src/stories/Buttons/Button.stories.tsx +95 -0
  413. package/src/stories/Buttons/IconButton.stories.ts +68 -0
  414. package/src/stories/Buttons/IconButtonWrapper.tsx +14 -0
  415. package/src/stories/Colors.mdx +12 -0
  416. package/src/stories/Configure.mdx +371 -0
  417. package/src/stories/InputFields/InputFields.stories.ts +54 -0
  418. package/src/stories/InputFields/MarkdownEditor.stories.ts +20 -0
  419. package/src/stories/InputFields/SearchInput.stories.ts +22 -0
  420. package/src/stories/InputFields/SearchInput.tsx +19 -0
  421. package/src/stories/InputFields/Select/CountrySelect.stories.tsx +21 -0
  422. package/src/stories/InputFields/Select/CountrySelectWrapper.tsx +25 -0
  423. package/src/stories/InputFields/Select/CreatableSelect.stories.tsx +48 -0
  424. package/src/stories/InputFields/Select/CreatableSelectWrapper.tsx +25 -0
  425. package/src/stories/InputFields/Select/PhoneNumberInput.stories.tsx +33 -0
  426. package/src/stories/InputFields/Select/PhoneNumberInputWrapper.tsx +21 -0
  427. package/src/stories/InputFields/Select/Select.stories.tsx +49 -0
  428. package/src/stories/InputFields/Select/SelectWrapper.tsx +25 -0
  429. package/src/stories/InputFields/TextArea.stories.ts +22 -0
  430. package/src/stories/InputFields/UsernameInput.stories.ts +22 -0
  431. package/src/stories/Tiles/Tile.stories.tsx +71 -0
  432. package/src/stories/Tiles/TileWrapper.tsx +17 -0
  433. package/src/stories/Typography/DisplayText.stories.ts +52 -0
  434. package/src/stories/Typography/HeadingText.stories.ts +86 -0
  435. package/src/stories/Typography/ParagraphText.stories.ts +62 -0
  436. package/src/stories/Typography/SubtitleText.stories.ts +93 -0
  437. package/src/stories/Uploaders/FileUploadWrapper.tsx +25 -0
  438. package/src/stories/Uploaders/FileUploader.stories.tsx +17 -0
  439. package/src/stories/Uploaders/ImageUploadWrapper.tsx +30 -0
  440. package/src/stories/Uploaders/ImageUploader.stories.tsx +19 -0
  441. package/src/stories/assets/accessibility.png +0 -0
  442. package/src/stories/assets/accessibility.svg +5 -0
  443. package/src/stories/assets/addon-library.png +0 -0
  444. package/src/stories/assets/assets.png +0 -0
  445. package/src/stories/assets/context.png +0 -0
  446. package/src/stories/assets/discord.svg +15 -0
  447. package/src/stories/assets/docs.png +0 -0
  448. package/src/stories/assets/figma-plugin.png +0 -0
  449. package/src/stories/assets/github.svg +3 -0
  450. package/src/stories/assets/share.png +0 -0
  451. package/src/stories/assets/styling.png +0 -0
  452. package/src/stories/assets/testing.png +0 -0
  453. package/src/stories/assets/theming.png +0 -0
  454. package/src/stories/assets/tutorials.svg +12 -0
  455. package/src/stories/assets/youtube.svg +4 -0
  456. package/src/stories/colors/index.ts +4 -0
  457. package/src/stories/controls/Chip.stories.ts +42 -0
  458. package/src/stories/controls/DoubleTab.stories.ts +32 -0
  459. package/src/stories/controls/DoubleTabWrapper.tsx +15 -0
  460. package/src/stories/controls/Pagination.stories.ts +21 -0
  461. package/src/stories/controls/PaginationWrapper.tsx +23 -0
  462. package/src/stories/controls/RadioButton.stories.ts +49 -0
  463. package/src/stories/controls/RectangleCheckButton.stories.ts +41 -0
  464. package/src/stories/controls/RoundCheckButton.stories.ts +41 -0
  465. package/src/stories/controls/Stepper.stories.ts +37 -0
  466. package/src/stories/controls/StepperDemoCmp.tsx +37 -0
  467. package/src/stories/controls/TabMenu.stories.ts +33 -0
  468. package/src/stories/controls/TabMenuWrapper.tsx +14 -0
  469. package/src/stories/controls/ToggleButton.stories.ts +41 -0
  470. package/src/stories/icons/Icons.mdx +26 -0
  471. package/src/stories/icons/index.ts +613 -0
  472. package/src/stories/notifications/Banner.stories.ts +88 -0
  473. package/src/stories/notifications/ClickTooltip.stories.ts +21 -0
  474. package/src/stories/notifications/ClickTooltipWrapper.tsx +19 -0
  475. package/src/stories/notifications/HoverTooltip.stories.ts +35 -0
  476. package/src/stories/notifications/HoverTooltipWrapper.tsx +16 -0
  477. package/src/stories/notifications/Snackbar.stories.ts +17 -0
  478. package/src/stories/notifications/SnackbarWrapper.tsx +107 -0
  479. package/src/utils/countries-flag.json +1752 -0
  480. package/tsconfig.json +34 -0
  481. package/vite.config.ts +27 -0
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AccountBalanceIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8461"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#C4C4C4" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8461)">
26
+ <path
27
+ d="M6.50005 17V9H7.50005V17H6.50005ZM11.5 17V9H12.5V17H11.5ZM3.55005 20V19H20.4501V20H3.55005ZM16.5 17V9H17.5V17H16.5ZM3.55005 7V6.15L12 2.125L20.4501 6.15V7H3.55005ZM6.17505 6H17.825L12 3.25L6.17505 6Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AccountBalanceIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AccountBalanceWalletFilledIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8575"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#C4C4C4" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8575)">
26
+ <path
27
+ d="M16 13.5C16.4333 13.5 16.7917 13.3583 17.075 13.075C17.3583 12.7917 17.5 12.4333 17.5 12C17.5 11.5667 17.3583 11.2083 17.075 10.925C16.7917 10.6417 16.4333 10.5 16 10.5C15.5667 10.5 15.2083 10.6417 14.925 10.925C14.6417 11.2083 14.5 11.5667 14.5 12C14.5 12.4333 14.6417 12.7917 14.925 13.075C15.2083 13.3583 15.5667 13.5 16 13.5ZM13.625 16C13.1583 16 12.771 15.8457 12.463 15.537C12.1543 15.229 12 14.8417 12 14.375V9.625C12 9.15833 12.1543 8.77067 12.463 8.462C12.771 8.154 13.1583 8 13.625 8H19.375C19.8417 8 20.2293 8.154 20.538 8.462C20.846 8.77067 21 9.15833 21 9.625V14.375C21 14.8417 20.846 15.229 20.538 15.537C20.2293 15.8457 19.8417 16 19.375 16H13.625ZM5.625 20C5.15833 20 4.771 19.846 4.463 19.538C4.15433 19.2293 4 18.8417 4 18.375V5.625C4 5.15833 4.15433 4.771 4.463 4.463C4.771 4.15433 5.15833 4 5.625 4H18.375C18.8417 4 19.2293 4.15433 19.538 4.463C19.846 4.771 20 5.15833 20 5.625V7H13.625C12.825 7 12.1877 7.23733 11.713 7.712C11.2377 8.18733 11 8.825 11 9.625V14.375C11 15.175 11.2377 15.8127 11.713 16.288C12.1877 16.7627 12.825 17 13.625 17H20V18.375C20 18.8417 19.846 19.2293 19.538 19.538C19.2293 19.846 18.8417 20 18.375 20H5.625Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AccountBalanceWalletFilledIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AccountBalanceWalletIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8302"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#C4C4C4" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8302)">
26
+ <path
27
+ d="M16 13.5C16.4333 13.5 16.7917 13.3583 17.075 13.075C17.3583 12.7917 17.5 12.4333 17.5 12C17.5 11.5667 17.3583 11.2083 17.075 10.925C16.7917 10.6417 16.4333 10.5 16 10.5C15.5667 10.5 15.2083 10.6417 14.925 10.925C14.6417 11.2083 14.5 11.5667 14.5 12C14.5 12.4333 14.6417 12.7917 14.925 13.075C15.2083 13.3583 15.5667 13.5 16 13.5ZM5 17V18.375V5.625V7C5 7 5 7.23733 5 7.712C5 8.18733 5 8.825 5 9.625V14.375C5 15.175 5 15.8127 5 16.288C5 16.7627 5 17 5 17ZM5.625 20C5.15833 20 4.771 19.846 4.463 19.538C4.15433 19.2293 4 18.8417 4 18.375V5.625C4 5.15833 4.15433 4.771 4.463 4.463C4.771 4.15433 5.15833 4 5.625 4H18.375C18.8417 4 19.2293 4.15433 19.538 4.463C19.846 4.771 20 5.15833 20 5.625V8.55H19V5.625C19 5.44167 18.9417 5.29167 18.825 5.175C18.7083 5.05833 18.5583 5 18.375 5H5.625C5.44167 5 5.29167 5.05833 5.175 5.175C5.05833 5.29167 5 5.44167 5 5.625V18.375C5 18.5583 5.05833 18.7083 5.175 18.825C5.29167 18.9417 5.44167 19 5.625 19H18.375C18.5583 19 18.7083 18.9417 18.825 18.825C18.9417 18.7083 19 18.5583 19 18.375V15.45H20V18.375C20 18.8417 19.846 19.2293 19.538 19.538C19.2293 19.846 18.8417 20 18.375 20H5.625ZM13.625 16C13.1583 16 12.771 15.8457 12.463 15.537C12.1543 15.229 12 14.8417 12 14.375V9.625C12 9.15833 12.1543 8.77067 12.463 8.462C12.771 8.154 13.1583 8 13.625 8H19.375C19.8417 8 20.2293 8.154 20.538 8.462C20.846 8.77067 21 9.15833 21 9.625V14.375C21 14.8417 20.846 15.229 20.538 15.537C20.2293 15.8457 19.8417 16 19.375 16H13.625ZM19.375 15C19.5583 15 19.7083 14.9417 19.825 14.825C19.9417 14.7083 20 14.5583 20 14.375V9.625C20 9.44167 19.9417 9.29167 19.825 9.175C19.7083 9.05833 19.5583 9 19.375 9H13.625C13.4417 9 13.2917 9.05833 13.175 9.175C13.0583 9.29167 13 9.44167 13 9.625V14.375C13 14.5583 13.0583 14.7083 13.175 14.825C13.2917 14.9417 13.4417 15 13.625 15H19.375Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AccountBalanceWalletIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AccountCircleFilledIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8964"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#D9D9D9" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8964)">
26
+ <path
27
+ d="M6.2 17.475C7.05 16.875 7.95 16.396 8.9 16.038C9.85 15.6793 10.8833 15.5 12 15.5C13.1167 15.5 14.15 15.6793 15.1 16.038C16.05 16.396 16.95 16.875 17.8 17.475C18.4667 16.7917 19 15.9873 19.4 15.062C19.8 14.1373 20 13.1167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 13.1167 4.2 14.1373 4.6 15.062C5 15.9873 5.53333 16.7917 6.2 17.475ZM12 12.5C11.15 12.5 10.4377 12.2123 9.863 11.637C9.28767 11.0623 9 10.35 9 9.5C9 8.65 9.28767 7.93733 9.863 7.362C10.4377 6.78733 11.15 6.5 12 6.5C12.85 6.5 13.5623 6.78733 14.137 7.362C14.7123 7.93733 15 8.65 15 9.5C15 10.35 14.7123 11.0623 14.137 11.637C13.5623 12.2123 12.85 12.5 12 12.5ZM12 21C10.75 21 9.575 20.7667 8.475 20.3C7.375 19.8333 6.421 19.196 5.613 18.388C4.80433 17.5793 4.16667 16.625 3.7 15.525C3.23333 14.425 3 13.25 3 12C3 10.75 3.23333 9.575 3.7 8.475C4.16667 7.375 4.80433 6.42067 5.613 5.612C6.421 4.804 7.375 4.16667 8.475 3.7C9.575 3.23333 10.75 3 12 3C13.25 3 14.425 3.23333 15.525 3.7C16.625 4.16667 17.5793 4.804 18.388 5.612C19.196 6.42067 19.8333 7.375 20.3 8.475C20.7667 9.575 21 10.75 21 12C21 13.25 20.7667 14.425 20.3 15.525C19.8333 16.625 19.196 17.5793 18.388 18.388C17.5793 19.196 16.625 19.8333 15.525 20.3C14.425 20.7667 13.25 21 12 21Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AccountCircleFilledIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AccountCircleIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8779"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#D9D9D9" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8779)">
26
+ <path
27
+ d="M6.2 17.475C7.05 16.875 7.95 16.396 8.9 16.038C9.85 15.6793 10.8833 15.5 12 15.5C13.1167 15.5 14.15 15.6793 15.1 16.038C16.05 16.396 16.95 16.875 17.8 17.475C18.4667 16.7917 19 15.9873 19.4 15.062C19.8 14.1373 20 13.1167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 13.1167 4.2 14.1373 4.6 15.062C5 15.9873 5.53333 16.7917 6.2 17.475ZM12 12.5C11.15 12.5 10.4377 12.2123 9.863 11.637C9.28767 11.0623 9 10.35 9 9.5C9 8.65 9.28767 7.93733 9.863 7.362C10.4377 6.78733 11.15 6.5 12 6.5C12.85 6.5 13.5623 6.78733 14.137 7.362C14.7123 7.93733 15 8.65 15 9.5C15 10.35 14.7123 11.0623 14.137 11.637C13.5623 12.2123 12.85 12.5 12 12.5ZM12 21C10.75 21 9.575 20.7667 8.475 20.3C7.375 19.8333 6.421 19.196 5.613 18.388C4.80433 17.5793 4.16667 16.625 3.7 15.525C3.23333 14.425 3 13.25 3 12C3 10.75 3.23333 9.575 3.7 8.475C4.16667 7.375 4.80433 6.42067 5.613 5.612C6.421 4.804 7.375 4.16667 8.475 3.7C9.575 3.23333 10.75 3 12 3C13.25 3 14.425 3.23333 15.525 3.7C16.625 4.16667 17.5793 4.804 18.388 5.612C19.196 6.42067 19.8333 7.375 20.3 8.475C20.7667 9.575 21 10.75 21 12C21 13.25 20.7667 14.425 20.3 15.525C19.8333 16.625 19.196 17.5793 18.388 18.388C17.5793 19.196 16.625 19.8333 15.525 20.3C14.425 20.7667 13.25 21 12 21ZM12 20C12.9167 20 13.821 19.8373 14.713 19.512C15.6043 19.1873 16.375 18.75 17.025 18.2C16.375 17.6667 15.625 17.25 14.775 16.95C13.925 16.65 13 16.5 12 16.5C11 16.5 10.071 16.65 9.213 16.95C8.35433 17.25 7.60833 17.6667 6.975 18.2C7.625 18.75 8.39567 19.1873 9.287 19.512C10.179 19.8373 11.0833 20 12 20ZM12 11.5C12.5667 11.5 13.0417 11.3083 13.425 10.925C13.8083 10.5417 14 10.0667 14 9.5C14 8.93333 13.8083 8.45833 13.425 8.075C13.0417 7.69167 12.5667 7.5 12 7.5C11.4333 7.5 10.9583 7.69167 10.575 8.075C10.1917 8.45833 10 8.93333 10 9.5C10 10.0667 10.1917 10.5417 10.575 10.925C10.9583 11.3083 11.4333 11.5 12 11.5Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AccountCircleIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AddAPhotoIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8344"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#C4C4C4" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8344)">
26
+ <path
27
+ d="M18.75 8V6H16.75V5H18.75V3H19.75V5H21.75V6H19.75V8H18.75ZM3.375 21C2.90833 21 2.521 20.846 2.213 20.538C1.90433 20.2293 1.75 19.8417 1.75 19.375V8.625C1.75 8.15833 1.90433 7.771 2.213 7.463C2.521 7.15433 2.90833 7 3.375 7H6.325L8.175 5H14.25V6H8.6L6.75 8H3.375C3.19167 8 3.04167 8.05833 2.925 8.175C2.80833 8.29167 2.75 8.44167 2.75 8.625V19.375C2.75 19.5583 2.80833 19.7083 2.925 19.825C3.04167 19.9417 3.19167 20 3.375 20H18.125C18.3083 20 18.4583 19.9417 18.575 19.825C18.6917 19.7083 18.75 19.5583 18.75 19.375V10.5H19.75V19.375C19.75 19.8417 19.596 20.2293 19.288 20.538C18.9793 20.846 18.5917 21 18.125 21H3.375ZM10.75 17.725C11.8 17.725 12.6833 17.3667 13.4 16.65C14.1167 15.9333 14.475 15.05 14.475 14C14.475 12.95 14.1167 12.0667 13.4 11.35C12.6833 10.6333 11.8 10.275 10.75 10.275C9.7 10.275 8.81667 10.6333 8.1 11.35C7.38333 12.0667 7.025 12.95 7.025 14C7.025 15.05 7.38333 15.9333 8.1 16.65C8.81667 17.3667 9.7 17.725 10.75 17.725ZM10.75 16.725C9.96667 16.725 9.31667 16.4667 8.8 15.95C8.28333 15.4333 8.025 14.7833 8.025 14C8.025 13.2167 8.28333 12.5667 8.8 12.05C9.31667 11.5333 9.96667 11.275 10.75 11.275C11.5333 11.275 12.1833 11.5333 12.7 12.05C13.2167 12.5667 13.475 13.2167 13.475 14C13.475 14.7833 13.2167 15.4333 12.7 15.95C12.1833 16.4667 11.5333 16.725 10.75 16.725Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AddAPhotoIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AddBusinessFilledIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8845"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#D9D9D9" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8845)">
26
+ <path
27
+ d="M19 19V21.5C19 21.65 18.95 21.771 18.85 21.863C18.75 21.9543 18.6333 22 18.5 22C18.35 22 18.2293 21.9543 18.138 21.863C18.046 21.771 18 21.65 18 21.5V19H15.5C15.3667 19 15.25 18.95 15.15 18.85C15.05 18.75 15 18.6333 15 18.5C15 18.35 15.05 18.229 15.15 18.137C15.25 18.0457 15.3667 18 15.5 18H18V15.5C18 15.3667 18.05 15.25 18.15 15.15C18.25 15.05 18.3667 15 18.5 15C18.65 15 18.771 15.05 18.863 15.15C18.9543 15.25 19 15.3667 19 15.5V18H21.5C21.65 18 21.771 18.05 21.863 18.15C21.9543 18.25 22 18.3667 22 18.5C22 18.65 21.9543 18.771 21.863 18.863C21.771 18.9543 21.65 19 21.5 19H19ZM4.05001 19.5C3.81667 19.5 3.62101 19.4207 3.46301 19.262C3.30434 19.104 3.22501 18.9167 3.22501 18.7V13.5H2.77501C2.52501 13.5 2.31667 13.4 2.15001 13.2C1.98334 13 1.93334 12.7667 2.00001 12.5L3.00001 8.125C3.05001 7.94167 3.15001 7.79167 3.30001 7.675C3.45001 7.55833 3.61667 7.5 3.80001 7.5H16.2C16.3833 7.5 16.55 7.55833 16.7 7.675C16.85 7.79167 16.95 7.94167 17 8.125L18 12.5C18.0667 12.7667 18.0167 13 17.85 13.2C17.6833 13.4 17.475 13.5 17.225 13.5H16.775V16.275C16.775 16.4083 16.725 16.525 16.625 16.625C16.525 16.725 16.4083 16.775 16.275 16.775C16.125 16.775 16.0043 16.725 15.913 16.625C15.821 16.525 15.775 16.4083 15.775 16.275V13.5H11.225V18.7C11.225 18.9167 11.15 19.104 11 19.262C10.85 19.4207 10.6583 19.5 10.425 19.5H4.05001ZM4.22501 18.5H10.225V13.5H4.22501V18.5ZM3.65001 5.5C3.51667 5.5 3.40001 5.45 3.30001 5.35C3.20001 5.25 3.15001 5.13333 3.15001 5C3.15001 4.85 3.20001 4.729 3.30001 4.637C3.40001 4.54567 3.51667 4.5 3.65001 4.5H16.35C16.4833 4.5 16.6 4.55 16.7 4.65C16.8 4.75 16.85 4.86667 16.85 5C16.85 5.15 16.8 5.27067 16.7 5.362C16.6 5.454 16.4833 5.5 16.35 5.5H3.65001Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AddBusinessFilledIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AddBusinessIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8842"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#D9D9D9" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8842)">
26
+ <path
27
+ d="M19 19V21.5C19 21.65 18.95 21.771 18.85 21.863C18.75 21.9543 18.6333 22 18.5 22C18.35 22 18.2293 21.9543 18.138 21.863C18.046 21.771 18 21.65 18 21.5V19H15.5C15.3667 19 15.25 18.95 15.15 18.85C15.05 18.75 15 18.6333 15 18.5C15 18.35 15.05 18.229 15.15 18.137C15.25 18.0457 15.3667 18 15.5 18H18V15.5C18 15.3667 18.05 15.25 18.15 15.15C18.25 15.05 18.3667 15 18.5 15C18.65 15 18.771 15.05 18.863 15.15C18.9543 15.25 19 15.3667 19 15.5V18H21.5C21.65 18 21.771 18.05 21.863 18.15C21.9543 18.25 22 18.3667 22 18.5C22 18.65 21.9543 18.771 21.863 18.863C21.771 18.9543 21.65 19 21.5 19H19ZM4.05001 19.5C3.81667 19.5 3.62101 19.4207 3.46301 19.262C3.30434 19.104 3.22501 18.9167 3.22501 18.7V13.5H2.77501C2.52501 13.5 2.31667 13.4 2.15001 13.2C1.98334 13 1.93334 12.7667 2.00001 12.5L3.00001 8.125C3.05001 7.94167 3.15001 7.79167 3.30001 7.675C3.45001 7.55833 3.61667 7.5 3.80001 7.5H16.2C16.3833 7.5 16.55 7.55833 16.7 7.675C16.85 7.79167 16.95 7.94167 17 8.125L18 12.5C18.0667 12.7667 18.0167 13 17.85 13.2C17.6833 13.4 17.475 13.5 17.225 13.5H16.775V16.275C16.775 16.4083 16.725 16.525 16.625 16.625C16.525 16.725 16.4083 16.775 16.275 16.775C16.125 16.775 16.0043 16.725 15.913 16.625C15.821 16.525 15.775 16.4083 15.775 16.275V13.5H11.225V18.7C11.225 18.9167 11.15 19.104 11 19.262C10.85 19.4207 10.6583 19.5 10.425 19.5H4.05001ZM4.22501 18.5H10.225V13.5H4.22501V18.5ZM3.65001 5.5C3.51667 5.5 3.40001 5.45 3.30001 5.35C3.20001 5.25 3.15001 5.13333 3.15001 5C3.15001 4.85 3.20001 4.729 3.30001 4.637C3.40001 4.54567 3.51667 4.5 3.65001 4.5H16.35C16.4833 4.5 16.6 4.55 16.7 4.65C16.8 4.75 16.85 4.86667 16.85 5C16.85 5.15 16.8 5.27067 16.7 5.362C16.6 5.454 16.4833 5.5 16.35 5.5H3.65001ZM3.00001 12.5H17L16.05 8.5H3.95001L3.00001 12.5Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AddBusinessIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AddCircleFilledIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8737"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#C4C4C4" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8737)">
26
+ <path
27
+ d="M11.3086 12.7077V15.9452C11.3086 16.1391 11.3771 16.3045 11.5142 16.4416C11.6513 16.5786 11.816 16.6471 12.0084 16.6471C12.2008 16.6471 12.3655 16.5786 12.5023 16.4416C12.6392 16.3045 12.7076 16.1391 12.7076 15.9452V12.7077H15.9499C16.1401 12.7077 16.3039 12.6391 16.4411 12.502C16.5784 12.365 16.647 12.2002 16.647 12.0078C16.647 11.8154 16.5784 11.6508 16.4411 11.5139C16.3039 11.3771 16.1401 11.3087 15.9499 11.3087H12.7076V8.04614C12.7076 7.85592 12.6389 7.69219 12.5016 7.55494C12.3643 7.41767 12.2005 7.34904 12.0102 7.34904C11.8162 7.34904 11.6507 7.41767 11.5139 7.55494C11.377 7.69219 11.3086 7.85592 11.3086 8.04614V11.3087H8.05088C7.85698 11.3087 7.69152 11.3773 7.5545 11.5146C7.41748 11.652 7.34898 11.8158 7.34898 12.0061C7.34898 12.2001 7.41748 12.3655 7.5545 12.5024C7.69152 12.6392 7.85698 12.7077 8.05088 12.7077H11.3086ZM12.0003 21.2961C10.7144 21.2961 9.50555 21.0517 8.37365 20.563C7.24175 20.0743 6.25715 19.411 5.41985 18.5731C4.58255 17.7353 3.91991 16.7515 3.43193 15.6217C2.94394 14.492 2.69995 13.2849 2.69995 12.0004C2.69995 10.7145 2.94433 9.50561 3.43308 8.37371C3.92181 7.24181 4.5851 6.25721 5.42295 5.41991C6.26078 4.58261 7.24458 3.91997 8.37433 3.43199C9.50408 2.944 10.7112 2.70001 11.9957 2.70001C13.2816 2.70001 14.4905 2.94439 15.6224 3.43314C16.7543 3.92187 17.7389 4.58516 18.5762 5.42301C19.4135 6.26085 20.0761 7.24464 20.5641 8.37439C21.0521 9.50414 21.2961 10.7113 21.2961 11.9958C21.2961 13.2816 21.0517 14.4905 20.5629 15.6224C20.0742 16.7543 19.4109 17.7389 18.5731 18.5762C17.7352 19.4135 16.7514 20.0762 15.6217 20.5641C14.4919 21.0521 13.2848 21.2961 12.0003 21.2961Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AddCircleFilledIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AddCircleIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8380"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#C4C4C4" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8380)">
26
+ <path
27
+ d="M11.2895 12.7105V15.7895C11.2895 15.9908 11.3576 16.1595 11.4938 16.2957C11.6301 16.4319 11.7989 16.5 12.0003 16.5C12.2017 16.5 12.3704 16.4319 12.5065 16.2957C12.6425 16.1595 12.7105 15.9908 12.7105 15.7895V12.7105H15.7895C15.9908 12.7105 16.1596 12.6424 16.2957 12.5062C16.4319 12.3699 16.5 12.2011 16.5 11.9997C16.5 11.7983 16.4319 11.6296 16.2957 11.4935C16.1596 11.3575 15.9908 11.2895 15.7895 11.2895H12.7105V8.21052C12.7105 8.0092 12.6424 7.84045 12.5062 7.70427C12.3699 7.5681 12.2011 7.50001 11.9997 7.50001C11.7983 7.50001 11.6296 7.5681 11.4935 7.70427C11.3575 7.84045 11.2895 8.0092 11.2895 8.21052V11.2895H8.21052C8.0092 11.2895 7.84046 11.3576 7.70429 11.4938C7.5681 11.6301 7.50001 11.7989 7.50001 12.0003C7.50001 12.2017 7.5681 12.3704 7.70429 12.5065C7.84046 12.6425 8.0092 12.7105 8.21052 12.7105H11.2895ZM12.0016 21C10.7568 21 9.58677 20.7638 8.49148 20.2914C7.39618 19.8189 6.44342 19.1778 5.63322 18.368C4.82299 17.5581 4.18157 16.6058 3.70894 15.511C3.23631 14.4162 3 13.2464 3 12.0016C3 10.7568 3.23621 9.58677 3.70863 8.49148C4.18106 7.39618 4.82219 6.44343 5.63203 5.63322C6.44189 4.823 7.39423 4.18157 8.48904 3.70894C9.58384 3.23631 10.7536 3 11.9984 3C13.2432 3 14.4132 3.23621 15.5085 3.70863C16.6038 4.18106 17.5566 4.82219 18.3668 5.63203C19.177 6.44189 19.8184 7.39423 20.2911 8.48904C20.7637 9.58384 21 10.7536 21 11.9984C21 13.2432 20.7638 14.4132 20.2914 15.5085C19.8189 16.6038 19.1778 17.5566 18.368 18.3668C17.5581 19.177 16.6058 19.8184 15.511 20.2911C14.4162 20.7637 13.2464 21 12.0016 21ZM12 19.579C14.1158 19.579 15.9079 18.8448 17.3763 17.3763C18.8448 15.9079 19.579 14.1158 19.579 12C19.579 9.88421 18.8448 8.0921 17.3763 6.62367C15.9079 5.15525 14.1158 4.42103 12 4.42103C9.8842 4.42103 8.09209 5.15525 6.62367 6.62367C5.15525 8.0921 4.42103 9.88421 4.42103 12C4.42103 14.1158 5.15525 15.9079 6.62367 17.3763C8.09209 18.8448 9.8842 19.579 12 19.579Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AddCircleIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AddIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8341"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#C4C4C4" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8341)">
26
+ <path
27
+ d="M11.5 18.5V12.5H5.5V11.5H11.5V5.5H12.5V11.5H18.5V12.5H12.5V18.5H11.5Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AddIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AddPhotoAlternateIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8955"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#D9D9D9" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8955)">
26
+ <path
27
+ d="M13.625 3.99998V4.99998H5.225C5.04167 4.99998 4.89567 5.05831 4.787 5.17498C4.679 5.29164 4.625 5.44164 4.625 5.62498V18.375C4.625 18.5583 4.679 18.7083 4.787 18.825C4.89567 18.9416 5.04167 19 5.225 19H18C18.1833 19 18.3333 18.9416 18.45 18.825C18.5667 18.7083 18.625 18.5583 18.625 18.375V9.99998H19.625V18.375C19.625 18.8416 19.471 19.2293 19.163 19.538C18.8543 19.846 18.4667 20 18 20H5.225C4.775 20 4.396 19.846 4.088 19.538C3.77933 19.2293 3.625 18.8416 3.625 18.375V5.62498C3.625 5.15831 3.77933 4.77098 4.088 4.46298C4.396 4.15431 4.775 3.99998 5.225 3.99998H13.625ZM18.375 3.22498V5.22498H20.375V6.22498H18.375V8.22498H17.375V6.22498H15.375V5.22498H17.375V3.22498H18.375ZM7.125 16.5H16.275L13.45 12.725L10.825 16.05L9.075 13.925L7.125 16.5Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AddPhotoAlternateIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AddShoppingCartIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8619"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#D9D9D9" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8619)">
26
+ <path
27
+ d="M11.9993 8.5C11.8575 8.5 11.7388 8.45208 11.6433 8.35625C11.5478 8.26042 11.5 8.14167 11.5 8V5.5H9C8.85833 5.5 8.73958 5.45202 8.64375 5.35605C8.54792 5.2601 8.5 5.14119 8.5 4.99933C8.5 4.85746 8.54792 4.73878 8.64375 4.64328C8.73958 4.54776 8.85833 4.5 9 4.5H11.5V2C11.5 1.85833 11.548 1.73958 11.644 1.64375C11.7399 1.54792 11.8588 1.5 12.0007 1.5C12.1425 1.5 12.2612 1.54792 12.3567 1.64375C12.4522 1.73958 12.5 1.85833 12.5 2V4.5H15C15.1417 4.5 15.2604 4.54798 15.3562 4.64395C15.4521 4.7399 15.5 4.85881 15.5 5.00067C15.5 5.14254 15.4521 5.26122 15.3562 5.35672C15.2604 5.45224 15.1417 5.5 15 5.5H12.5V8C12.5 8.14167 12.452 8.26042 12.3561 8.35625C12.2601 8.45208 12.1412 8.5 11.9993 8.5ZM7.3077 21.1154C6.8859 21.1154 6.53045 20.9708 6.24135 20.6817C5.95223 20.3926 5.80768 20.0372 5.80768 19.6154C5.80768 19.1936 5.95223 18.8382 6.24135 18.5491C6.53045 18.2599 6.8859 18.1154 7.3077 18.1154C7.72948 18.1154 8.08493 18.2599 8.37405 18.5491C8.66315 18.8382 8.8077 19.1936 8.8077 19.6154C8.8077 20.0372 8.66315 20.3926 8.37405 20.6817C8.08493 20.9708 7.72948 21.1154 7.3077 21.1154ZM16.6923 21.1154C16.2705 21.1154 15.9151 20.9708 15.626 20.6817C15.3369 20.3926 15.1923 20.0372 15.1923 19.6154C15.1923 19.1936 15.3369 18.8382 15.626 18.5491C15.9151 18.2599 16.2705 18.1154 16.6923 18.1154C17.1141 18.1154 17.4696 18.2599 17.7587 18.5491C18.0478 18.8382 18.1923 19.1936 18.1923 19.6154C18.1923 20.0372 18.0478 20.3926 17.7587 20.6817C17.4696 20.9708 17.1141 21.1154 16.6923 21.1154ZM7.3077 16.1154C6.72052 16.1154 6.28238 15.8696 5.99328 15.3779C5.70416 14.8862 5.69999 14.3923 5.98078 13.8962L7.4846 11.2154L3.80768 3.5H2.5C2.35833 3.5 2.23958 3.45202 2.14375 3.35605C2.04792 3.2601 2 3.14119 2 2.99933C2 2.85746 2.04792 2.73878 2.14375 2.64328C2.23958 2.54776 2.35833 2.5 2.5 2.5H3.9357C4.09523 2.5 4.24038 2.53997 4.37115 2.6199C4.50192 2.69983 4.59999 2.81308 4.66538 2.95963L8.54423 11.1154H15.55L19.0731 4.75C19.1148 4.675 19.1732 4.61458 19.2483 4.56875C19.3234 4.52292 19.4069 4.5 19.4986 4.5C19.6906 4.5 19.8343 4.57917 19.9298 4.7375C20.0253 4.89583 20.0263 5.06474 19.9327 5.24422L16.5692 11.3346C16.4244 11.591 16.2359 11.7853 16.004 11.9173C15.772 12.0494 15.5182 12.1154 15.2423 12.1154H8.1L6.88463 14.3462C6.79488 14.5128 6.79488 14.6827 6.88463 14.8558C6.97436 15.0288 7.11538 15.1154 7.3077 15.1154H17.6923C17.834 15.1154 17.9527 15.1634 18.0486 15.2593C18.1444 15.3553 18.1923 15.4742 18.1923 15.6161C18.1923 15.7579 18.1444 15.8766 18.0486 15.9721C17.9527 16.0676 17.834 16.1154 17.6923 16.1154H7.3077Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AddShoppingCartIcon;
@@ -0,0 +1,48 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AddToSocialsIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 20 20"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <path
15
+ d="M10 6V13.4979"
16
+ stroke="#131316"
17
+ strokeWidth="0.8"
18
+ strokeMiterlimit="10"
19
+ strokeLinecap="round"
20
+ />
21
+ <path
22
+ d="M6 10H13.4979"
23
+ stroke="#131316"
24
+ strokeWidth="0.8"
25
+ strokeMiterlimit="10"
26
+ strokeLinecap="round"
27
+ />
28
+ <path
29
+ d="M1.89546 13.9079C1.21383 12.4594 0.873019 10.6702 1.04343 8.8809C1.55464 4.96156 4.62195 1.72384 8.54129 1.12742C14.6759 0.104985 19.9585 5.38757 18.9361 11.5222C18.3396 15.3563 15.1019 18.4236 11.2678 18.9349C9.05251 19.1905 7.00764 18.6793 5.30358 17.6568"
30
+ stroke="#131316"
31
+ strokeWidth="0.8"
32
+ strokeMiterlimit="10"
33
+ strokeLinecap="round"
34
+ strokeLinejoin="round"
35
+ />
36
+ <path
37
+ d="M1.98021 13.993L1.29858 18.0828C1.29858 18.3384 1.46899 18.5088 1.7246 18.4236L5.21792 17.5716"
38
+ stroke="#131316"
39
+ strokeWidth="0.8"
40
+ strokeMiterlimit="10"
41
+ strokeLinecap="round"
42
+ strokeLinejoin="round"
43
+ />
44
+ </Icon>
45
+ );
46
+ };
47
+
48
+ export default AddToSocialsIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AddsClickIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_9065"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#D9D9D9" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_9065)">
26
+ <path
27
+ d="M11.4116 16.9615C10.1577 16.8013 9.10897 16.2551 8.26537 15.3231C7.42179 14.391 7 13.2833 7 12C7 10.6111 7.48611 9.43056 8.45833 8.45833C9.43056 7.48611 10.6111 7 12 7C13.2833 7 14.391 7.41859 15.3231 8.25577C16.2551 9.09294 16.8013 10.1385 16.9615 11.3923L15.8808 11.075C15.6652 10.175 15.2008 9.4375 14.4877 8.8625C13.7745 8.2875 12.9453 8 12 8C10.9 8 9.95833 8.39167 9.175 9.175C8.39167 9.95833 8 10.9 8 12C8 12.95 8.29071 13.7833 8.87213 14.5C9.45353 15.2167 10.1878 15.6833 11.075 15.9L11.4116 16.9615ZM12.6116 20.9692C12.5096 20.9897 12.4077 21 12.3058 21H12C10.755 21 9.585 20.7638 8.49 20.2915C7.395 19.8192 6.4425 19.1782 5.6325 18.3685C4.8225 17.5588 4.18125 16.6066 3.70875 15.512C3.23625 14.4174 3 13.2479 3 12.0033C3 10.7588 3.23616 9.58872 3.70848 8.4931C4.18081 7.39748 4.82183 6.44444 5.63153 5.63398C6.44123 4.82353 7.39337 4.18192 8.48795 3.70915C9.58255 3.23638 10.7521 3 11.9966 3C13.2412 3 14.4113 3.23625 15.5069 3.70875C16.6025 4.18125 17.5556 4.8225 18.366 5.6325C19.1765 6.4425 19.8181 7.395 20.2908 8.49C20.7636 9.585 21 10.755 21 12V12.2962C21 12.3949 20.9897 12.4936 20.9692 12.5923L20 12.3V12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20H12.3L12.6116 20.9692ZM19.7558 20.7885L14.9615 15.975L14.0385 18.7693L12 12L18.7693 14.0385L15.975 14.9615L20.7885 19.7558L19.7558 20.7885Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AddsClickIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AdminPanelSettingsIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_9170"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#D9D9D9" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_9170)">
26
+ <path
27
+ d="M17 17C17.4166 17 17.7708 16.8542 18.0625 16.5625C18.3541 16.2709 18.5 15.9167 18.5 15.5C18.5 15.0834 18.3541 14.7292 18.0625 14.4375C17.7708 14.1459 17.4166 14 17 14C16.5833 14 16.2291 14.1459 15.9375 14.4375C15.6458 14.7292 15.5 15.0834 15.5 15.5C15.5 15.9167 15.6458 16.2709 15.9375 16.5625C16.2291 16.8542 16.5833 17 17 17ZM17 20C17.5231 20 17.9997 19.8808 18.4298 19.6423C18.8599 19.4039 19.2115 19.0847 19.4846 18.6847C19.1115 18.4616 18.7166 18.2917 18.3 18.175C17.8833 18.0584 17.45 18 17 18C16.55 18 16.1166 18.0584 15.7 18.175C15.2833 18.2917 14.8884 18.4616 14.5154 18.6847C14.7884 19.0847 15.14 19.4039 15.5702 19.6423C16.0003 19.8808 16.4769 20 17 20ZM12 21.4808C9.83716 20.891 8.04646 19.618 6.62787 17.6616C5.20929 15.7051 4.5 13.518 4.5 11.1V6.59621C4.5 6.21801 4.60962 5.87667 4.82885 5.57219C5.04808 5.26769 5.33013 5.04685 5.675 4.90969L11.3673 2.78469C11.5814 2.70777 11.7923 2.66931 12 2.66931C12.2077 2.66931 12.4186 2.70777 12.6327 2.78469L18.325 4.90969C18.6698 5.04685 18.9519 5.26769 19.1711 5.57219C19.3903 5.87667 19.5 6.21801 19.5 6.59621V11.0116C19.2666 10.9167 19.0218 10.8312 18.7654 10.7549C18.5089 10.6786 18.2538 10.6187 18 10.5751V6.60199C18 6.53787 17.9823 6.48017 17.9471 6.42889C17.9118 6.3776 17.8621 6.33914 17.798 6.31349L12.1058 4.18851C12.0737 4.17568 12.0384 4.16926 12 4.16926C11.9615 4.16926 11.9263 4.17568 11.8942 4.18851L6.20193 6.31349C6.13781 6.33914 6.08812 6.3776 6.05287 6.42889C6.01761 6.48017 5.99997 6.53787 5.99997 6.60199V11.1C5.99997 11.9859 6.12497 12.851 6.37497 13.6952C6.62497 14.5395 6.96953 15.3286 7.40865 16.0626C7.84775 16.7965 8.37243 17.4555 8.9827 18.0395C9.59297 18.6235 10.2552 19.0898 10.9693 19.4385L10.9981 19.4289C11.1302 19.7956 11.3013 20.1468 11.5116 20.4827C11.7218 20.8186 11.9609 21.1237 12.2288 21.3981C12.1865 21.4109 12.1484 21.4247 12.1144 21.4394C12.0804 21.4542 12.0423 21.4679 12 21.4808ZM17 21.5C15.7513 21.5 14.6891 21.0622 13.8135 20.1866C12.9378 19.3109 12.5 18.2487 12.5 17C12.5 15.7513 12.9378 14.6892 13.8135 13.8135C14.6891 12.9379 15.7513 12.5001 17 12.5001C18.2487 12.5001 19.3109 12.9379 20.1865 13.8135C21.0621 14.6892 21.5 15.7513 21.5 17C21.5 18.2487 21.0621 19.3109 20.1865 20.1866C19.3109 21.0622 18.2487 21.5 17 21.5Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AdminPanelSettingsIcon;
@@ -0,0 +1,35 @@
1
+ /** @format */
2
+
3
+ import { Icon, IconProps } from "@chakra-ui/icons";
4
+
5
+ const AirplaneModeActiveIcon = (props: IconProps) => {
6
+ return (
7
+ <Icon
8
+ {...props}
9
+ viewBox="0 0 24 24"
10
+ fill="none"
11
+ xmlns="http://www.w3.org/2000/svg"
12
+ style={{ maskType: "alpha" }}
13
+ >
14
+ <mask
15
+ id="mask0_1118_8572"
16
+ style={{ maskType: "alpha" }}
17
+ maskUnits="userSpaceOnUse"
18
+ x="0"
19
+ y="0"
20
+ width="24"
21
+ height="24"
22
+ >
23
+ <rect width="24" height="24" fill="#C4C4C4" />
24
+ </mask>
25
+ <g mask="url(#mask0_1118_8572)">
26
+ <path
27
+ d="M14.875 18C14.2917 18 13.7957 17.7917 13.387 17.375C12.979 16.9584 12.775 16.4584 12.775 15.875C12.775 15.2917 12.979 14.7957 13.387 14.387C13.7957 13.979 14.2917 13.775 14.875 13.775C15.4583 13.775 15.9583 13.979 16.375 14.387C16.7917 14.7957 17 15.2917 17 15.875C17 16.4584 16.7917 16.9584 16.375 17.375C15.9583 17.7917 15.4583 18 14.875 18ZM5.625 21C5.15833 21 4.771 20.846 4.463 20.538C4.15433 20.2294 4 19.8417 4 19.375V6.62502C4 6.15836 4.15433 5.77102 4.463 5.46302C4.771 5.15436 5.15833 5.00002 5.625 5.00002H7.375V2.77502H8.45V5.00002H15.625V2.77502H16.625V5.00002H18.375C18.8417 5.00002 19.2293 5.15436 19.538 5.46302C19.846 5.77102 20 6.15836 20 6.62502V19.375C20 19.8417 19.846 20.2294 19.538 20.538C19.2293 20.846 18.8417 21 18.375 21H5.625ZM5.625 20H18.375C18.5417 20 18.6873 19.9374 18.812 19.812C18.9373 19.6874 19 19.5417 19 19.375V10.625H5V19.375C5 19.5417 5.06267 19.6874 5.188 19.812C5.31267 19.9374 5.45833 20 5.625 20Z"
28
+ fill="currentColor"
29
+ />
30
+ </g>
31
+ </Icon>
32
+ );
33
+ };
34
+
35
+ export default AirplaneModeActiveIcon;