From fb04f367dee73cddaf8d8666146852e23a40bd5c Mon Sep 17 00:00:00 2001
From: BlackPoretsky <84518407+BlackPoretsky@users.noreply.github.com>
Date: Tue, 15 Apr 2025 00:07:37 +0000
Subject: [PATCH 1/8] Add new SVG icons and TypeScript configuration for UI
 icons package

- Added SVG icons: delete_xmark, dots_horizontal, dots_vertical, filter, filter_fill, grip, notifications, settings, clock_40, clock_60, clock_arrow_rotate_ccw_left, attach_file, funnel, magnifier, pencil.
- Created TypeScript environment definition file (vite-env.d.ts) for environment variables.
- Added TypeScript configuration file (tsconfig.json) for the icons package.
- Set up Vite configuration (vite.config.ts) with React plugin for the icons package.
---
 packages/ui/icons/.gitignore                  |   24 +
 packages/ui/icons/README.md                   |    3 +
 packages/ui/icons/eslint.config.js            |    3 +
 packages/ui/icons/metadata.json               | 1278 +++++++++++++++++
 packages/ui/icons/package.json                |   34 +
 packages/ui/icons/public/vite.svg             |    1 +
 .../ui/icons/src/lib/Colored/Flags/FlagRu.tsx |   28 +
 .../ui/icons/src/lib/Colored/Flags/FlagUk.tsx |   28 +
 .../ui/icons/src/lib/Colored/Logos/Google.tsx |   14 +
 .../icons/src/lib/Colored/Logos/MailAol.tsx   |   18 +
 .../icons/src/lib/Colored/Logos/MailGmail.tsx |   15 +
 .../src/lib/Colored/Logos/MailIcloud.tsx      |   48 +
 .../icons/src/lib/Colored/Logos/MailMail.tsx  |   15 +
 .../src/lib/Colored/Logos/MailOutlook.tsx     |   25 +
 .../src/lib/Colored/Logos/MailProton.tsx      |   12 +
 .../icons/src/lib/Colored/Logos/MailYahoo.tsx |   15 +
 .../src/lib/Colored/Logos/MailYandex.tsx      |   23 +
 .../ui/icons/src/lib/Colored/Logos/Vk.tsx     |   12 +
 .../ui/icons/src/lib/Colored/Logos/Yandex.tsx |   15 +
 .../src/lib/Monochrome/Arrows/Arrow360.tsx    |    5 +
 .../src/lib/Monochrome/Arrows/ArrowBack.tsx   |    5 +
 .../Monochrome/Arrows/ArrowDownToSquare.tsx   |    5 +
 .../Monochrome/Arrows/ArrowLeftArrowRight.tsx |    5 +
 .../lib/Monochrome/Arrows/ArrowOutward.tsx    |    5 +
 .../Arrows/ArrowRightFromSquare.tsx           |    5 +
 .../Monochrome/Arrows/ArrowRightToSquare.tsx  |    5 +
 .../Arrows/ArrowShapeTurnUpRight.tsx          |    5 +
 .../Arrows/ArrowShapeTurnUpRightCheck.tsx     |    5 +
 .../Monochrome/Arrows/ArrowUpArrowDown.tsx    |    5 +
 .../Monochrome/Arrows/ArrowUturnCcwLeft.tsx   |    5 +
 .../Monochrome/Arrows/ArrowUturnCwRight.tsx   |    5 +
 .../Arrows/ArrowsRotateRightAdd.tsx           |   14 +
 .../Arrows/ArrowsRotateRightCheck.tsx         |    5 +
 .../src/lib/Monochrome/Arrows/ChevronDown.tsx |    5 +
 .../Monochrome/Arrows/ChevronDownToLine.tsx   |    5 +
 .../src/lib/Monochrome/Arrows/ChevronLeft.tsx |    5 +
 .../lib/Monochrome/Arrows/ChevronRight.tsx    |    5 +
 .../src/lib/Monochrome/Arrows/ChevronUp.tsx   |    5 +
 .../lib/Monochrome/Arrows/ChevronUpToLine.tsx |    5 +
 .../Arrows/ChevronsCollapseUpRight.tsx        |    5 +
 .../Arrows/ChevronsExpandUpRight.tsx          |    5 +
 .../src/lib/Monochrome/Arrows/Shuffle.tsx     |    5 +
 .../icons/src/lib/Monochrome/Doc/Bookmark.tsx |    5 +
 .../src/lib/Monochrome/Doc/BookmarkFill.tsx   |    5 +
 .../src/lib/Monochrome/Doc/Bookmarks.tsx      |    5 +
 .../ui/icons/src/lib/Monochrome/Doc/Link.tsx  |    5 +
 .../icons/src/lib/Monochrome/Doc/LinkAdd.tsx  |    5 +
 .../src/lib/Monochrome/Doc/LinkSlash.tsx      |    5 +
 .../src/lib/Monochrome/Editor/CodeBlock.tsx   |    5 +
 .../src/lib/Monochrome/Editor/FormatBold.tsx  |    5 +
 .../lib/Monochrome/Editor/FormatItalic.tsx    |    5 +
 .../lib/Monochrome/Editor/FormatListOl.tsx    |    5 +
 .../lib/Monochrome/Editor/FormatListUl.tsx    |    5 +
 .../lib/Monochrome/Editor/FormatUndeline.tsx  |    5 +
 .../src/lib/Monochrome/Editor/TextFormat.tsx  |    5 +
 .../ui/icons/src/lib/Monochrome/File/Copy.tsx |    5 +
 .../ui/icons/src/lib/Monochrome/File/File.tsx |    5 +
 .../icons/src/lib/Monochrome/File/FileAdd.tsx |    5 +
 .../src/lib/Monochrome/File/FileCheck.tsx     |    5 +
 .../src/lib/Monochrome/File/FileCheckFill.tsx |    5 +
 .../src/lib/Monochrome/Folders/Folder.tsx     |    5 +
 .../src/lib/Monochrome/Folders/FolderAdd.tsx  |    5 +
 .../src/lib/Monochrome/Folders/FolderFill.tsx |    5 +
 .../src/lib/Monochrome/Folders/FolderOpen.tsx |    5 +
 .../lib/Monochrome/Folders/FolderOpenFill.tsx |    5 +
 .../src/lib/Monochrome/Folders/Folders.tsx    |    5 +
 .../lib/Monochrome/Folders/MoveToFolder.tsx   |    5 +
 .../src/lib/Monochrome/Misc/Fullscreen.tsx    |    5 +
 .../src/lib/Monochrome/Misc/Language.tsx      |    5 +
 .../icons/src/lib/Monochrome/Misc/Preview.tsx |    5 +
 .../ui/icons/src/lib/Monochrome/Misc/Sort.tsx |    5 +
 .../src/lib/Monochrome/Misc/SortByAlpha.tsx   |    5 +
 .../icons/src/lib/Monochrome/Misc/Spinner.tsx |   12 +
 .../ui/icons/src/lib/Monochrome/Misc/Star.tsx |    5 +
 .../ui/icons/src/lib/Monochrome/Misc/Tag.tsx  |    5 +
 .../src/lib/Monochrome/Navigation/Explore.tsx |    5 +
 .../lib/Monochrome/Navigation/ExploreFill.tsx |    5 +
 .../src/lib/Monochrome/Navigation/Home.tsx    |    5 +
 .../lib/Monochrome/Navigation/HomeFill.tsx    |    5 +
 .../lib/Monochrome/Navigation/Interests.tsx   |    5 +
 .../Monochrome/Navigation/InterestsFill.tsx   |    5 +
 .../src/lib/Monochrome/Sets/AddRowAbove.tsx   |    5 +
 .../src/lib/Monochrome/Sets/AddRowBelow.tsx   |    5 +
 .../src/lib/Monochrome/Sets/AddSquare.tsx     |    5 +
 .../src/lib/Monochrome/Sets/Clipboard.tsx     |    5 +
 .../ui/icons/src/lib/Monochrome/Sets/Hint.tsx |    5 +
 .../icons/src/lib/Monochrome/Sets/HintAdd.tsx |   14 +
 .../src/lib/Monochrome/Sets/HintSlash.tsx     |    5 +
 .../icons/src/lib/Monochrome/Sets/Learn.tsx   |    5 +
 .../icons/src/lib/Monochrome/Sets/ListAdd.tsx |    5 +
 .../ui/icons/src/lib/Monochrome/Sets/Set.tsx  |    5 +
 .../icons/src/lib/Monochrome/Sets/SetAdd.tsx  |    5 +
 .../src/lib/Monochrome/Sets/TableConvert.tsx  |    5 +
 .../src/lib/Monochrome/Social/Favorite.tsx    |    5 +
 .../lib/Monochrome/Social/FavoriteFill.tsx    |    5 +
 .../icons/src/lib/Monochrome/Social/Globe.tsx |    5 +
 .../src/lib/Monochrome/Social/GlobeAdd.tsx    |    5 +
 .../src/lib/Monochrome/Social/PersonAdd.tsx   |    5 +
 .../src/lib/Monochrome/Social/PersonCheck.tsx |    5 +
 .../lib/Monochrome/Social/PersonCheckFill.tsx |    5 +
 .../src/lib/Monochrome/Social/PersonEdit.tsx  |    5 +
 .../lib/Monochrome/Social/PersonEditFill.tsx  |    5 +
 .../src/lib/Monochrome/Social/PersonGroup.tsx |    5 +
 .../src/lib/Monochrome/Social/PersonPin.tsx   |    5 +
 .../icons/src/lib/Monochrome/Symbol/Check.tsx |    5 +
 .../src/lib/Monochrome/Symbol/CircleCheck.tsx |    5 +
 .../lib/Monochrome/Symbol/CircleCheckFill.tsx |    5 +
 .../src/lib/Monochrome/Symbol/CircleInfo.tsx  |    5 +
 .../lib/Monochrome/Symbol/CircleInfoFill.tsx  |    5 +
 .../src/lib/Monochrome/Symbol/CircleXmark.tsx |    5 +
 .../lib/Monochrome/Symbol/CircleXmarkFill.tsx |    5 +
 .../icons/src/lib/Monochrome/Symbol/Equal.tsx |    5 +
 .../icons/src/lib/Monochrome/Symbol/Minus.tsx |    5 +
 .../icons/src/lib/Monochrome/Symbol/Plus.tsx  |    5 +
 .../icons/src/lib/Monochrome/Symbol/Xmark.tsx |    5 +
 .../src/lib/Monochrome/System/Delete.tsx      |    5 +
 .../src/lib/Monochrome/System/DeleteXmark.tsx |    5 +
 .../lib/Monochrome/System/DotsHorizontal.tsx  |    5 +
 .../lib/Monochrome/System/DotsVertical.tsx    |    5 +
 .../src/lib/Monochrome/System/Filter.tsx      |    5 +
 .../src/lib/Monochrome/System/FilterFill.tsx  |    5 +
 .../icons/src/lib/Monochrome/System/Grip.tsx  |    5 +
 .../lib/Monochrome/System/Notifications.tsx   |    5 +
 .../src/lib/Monochrome/System/Settings.tsx    |    5 +
 .../icons/src/lib/Monochrome/Time/Clock40.tsx |    5 +
 .../icons/src/lib/Monochrome/Time/Clock60.tsx |    5 +
 .../Time/ClockArrowRotateCcwLeft.tsx          |    5 +
 .../src/lib/Monochrome/Tool/AttachFile.tsx    |    5 +
 .../icons/src/lib/Monochrome/Tool/Funnel.tsx  |    5 +
 .../src/lib/Monochrome/Tool/Magnifier.tsx     |    5 +
 .../icons/src/lib/Monochrome/Tool/Pencil.tsx  |    5 +
 packages/ui/icons/src/lib/index.tsx           |  125 ++
 packages/ui/icons/src/scripts/constants.js    |   34 +
 packages/ui/icons/src/scripts/download.js     |  213 +++
 packages/ui/icons/src/scripts/figmaApi.js     |   11 +
 .../ui/icons/src/scripts/generateIcons.js     |   42 +
 packages/ui/icons/src/scripts/renameSvg.js    |   24 +
 packages/ui/icons/src/scripts/utils.js        |   25 +
 .../icons/src/svgs/Colored/Flags/flag_ru.svg  |    1 +
 .../icons/src/svgs/Colored/Flags/flag_uk.svg  |    1 +
 .../icons/src/svgs/Colored/Logos/google.svg   |    1 +
 .../icons/src/svgs/Colored/Logos/mail_aol.svg |    1 +
 .../src/svgs/Colored/Logos/mail_gmail.svg     |    1 +
 .../src/svgs/Colored/Logos/mail_icloud.svg    |    1 +
 .../src/svgs/Colored/Logos/mail_mail.svg      |    1 +
 .../src/svgs/Colored/Logos/mail_outlook.svg   |    1 +
 .../src/svgs/Colored/Logos/mail_proton.svg    |    1 +
 .../src/svgs/Colored/Logos/mail_yahoo.svg     |    1 +
 .../src/svgs/Colored/Logos/mail_yandex.svg    |    1 +
 .../ui/icons/src/svgs/Colored/Logos/vk.svg    |    1 +
 .../icons/src/svgs/Colored/Logos/yandex.svg   |    1 +
 .../src/svgs/Monochrome/Arrows/arrow_360.svg  |    1 +
 .../src/svgs/Monochrome/Arrows/arrow_back.svg |    1 +
 .../Arrows/arrow_down_to_square.svg           |    1 +
 .../Arrows/arrow_left_arrow_right.svg         |    1 +
 .../svgs/Monochrome/Arrows/arrow_outward.svg  |    1 +
 .../Arrows/arrow_right_from_square.svg        |    1 +
 .../Arrows/arrow_right_to_square.svg          |    1 +
 .../Arrows/arrow_shape_turn_up_right.svg      |    1 +
 .../arrow_shape_turn_up_right_check.svg       |    1 +
 .../Monochrome/Arrows/arrow_up_arrow_down.svg |    1 +
 .../Arrows/arrow_uturn_ccw_left.svg           |    1 +
 .../Arrows/arrow_uturn_cw_right.svg           |    1 +
 .../Arrows/arrows_rotate_right_add.svg        |    1 +
 .../Arrows/arrows_rotate_right_check.svg      |    1 +
 .../svgs/Monochrome/Arrows/chevron_down.svg   |    1 +
 .../Arrows/chevron_down_to_line.svg           |    1 +
 .../svgs/Monochrome/Arrows/chevron_left.svg   |    1 +
 .../svgs/Monochrome/Arrows/chevron_right.svg  |    1 +
 .../src/svgs/Monochrome/Arrows/chevron_up.svg |    1 +
 .../Monochrome/Arrows/chevron_up_to_line.svg  |    1 +
 .../Arrows/chevrons_collapse_up_right.svg     |    1 +
 .../Arrows/chevrons_expand_up_right.svg       |    1 +
 .../src/svgs/Monochrome/Arrows/shuffle.svg    |    1 +
 .../src/svgs/Monochrome/Doc/bookmark.svg      |    1 +
 .../src/svgs/Monochrome/Doc/bookmark_fill.svg |    1 +
 .../src/svgs/Monochrome/Doc/bookmarks.svg     |    1 +
 .../ui/icons/src/svgs/Monochrome/Doc/link.svg |    1 +
 .../src/svgs/Monochrome/Doc/link_add.svg      |    1 +
 .../src/svgs/Monochrome/Doc/link_slash.svg    |    1 +
 .../src/svgs/Monochrome/Editor/code_block.svg |    1 +
 .../svgs/Monochrome/Editor/format_bold.svg    |    1 +
 .../svgs/Monochrome/Editor/format_italic.svg  |    1 +
 .../svgs/Monochrome/Editor/format_list_ol.svg |    1 +
 .../svgs/Monochrome/Editor/format_list_ul.svg |    1 +
 .../Monochrome/Editor/format_undeline.svg     |    1 +
 .../svgs/Monochrome/Editor/text_format.svg    |    1 +
 .../icons/src/svgs/Monochrome/File/copy.svg   |    1 +
 .../icons/src/svgs/Monochrome/File/file.svg   |    1 +
 .../src/svgs/Monochrome/File/file_add.svg     |    1 +
 .../src/svgs/Monochrome/File/file_check.svg   |    1 +
 .../svgs/Monochrome/File/file_check_fill.svg  |    1 +
 .../src/svgs/Monochrome/Folders/folder.svg    |    1 +
 .../svgs/Monochrome/Folders/folder_add.svg    |    1 +
 .../svgs/Monochrome/Folders/folder_fill.svg   |    1 +
 .../svgs/Monochrome/Folders/folder_open.svg   |    1 +
 .../Monochrome/Folders/folder_open_fill.svg   |    1 +
 .../src/svgs/Monochrome/Folders/folders.svg   |    1 +
 .../Monochrome/Folders/move_to_folder.svg     |    1 +
 .../src/svgs/Monochrome/Misc/fullscreen.svg   |    1 +
 .../src/svgs/Monochrome/Misc/language.svg     |    1 +
 .../src/svgs/Monochrome/Misc/preview.svg      |    1 +
 .../icons/src/svgs/Monochrome/Misc/sort.svg   |    1 +
 .../svgs/Monochrome/Misc/sort_by_alpha.svg    |    1 +
 .../src/svgs/Monochrome/Misc/spinner.svg      |    1 +
 .../icons/src/svgs/Monochrome/Misc/star.svg   |    1 +
 .../ui/icons/src/svgs/Monochrome/Misc/tag.svg |    1 +
 .../svgs/Monochrome/Navigation/explore.svg    |    1 +
 .../Monochrome/Navigation/explore_fill.svg    |    1 +
 .../src/svgs/Monochrome/Navigation/home.svg   |    1 +
 .../svgs/Monochrome/Navigation/home_fill.svg  |    1 +
 .../svgs/Monochrome/Navigation/interests.svg  |    1 +
 .../Monochrome/Navigation/interests_fill.svg  |    1 +
 .../svgs/Monochrome/Sets/add_row_above.svg    |    1 +
 .../svgs/Monochrome/Sets/add_row_below.svg    |    1 +
 .../src/svgs/Monochrome/Sets/add_square.svg   |    1 +
 .../src/svgs/Monochrome/Sets/clipboard.svg    |    1 +
 .../icons/src/svgs/Monochrome/Sets/hint.svg   |    1 +
 .../src/svgs/Monochrome/Sets/hint_add.svg     |    1 +
 .../src/svgs/Monochrome/Sets/hint_slash.svg   |    1 +
 .../icons/src/svgs/Monochrome/Sets/learn.svg  |    1 +
 .../src/svgs/Monochrome/Sets/list_add.svg     |    1 +
 .../ui/icons/src/svgs/Monochrome/Sets/set.svg |    1 +
 .../src/svgs/Monochrome/Sets/set_add.svg      |    1 +
 .../svgs/Monochrome/Sets/table_convert.svg    |    1 +
 .../src/svgs/Monochrome/Social/favorite.svg   |    1 +
 .../svgs/Monochrome/Social/favorite_fill.svg  |    1 +
 .../src/svgs/Monochrome/Social/globe.svg      |    1 +
 .../src/svgs/Monochrome/Social/globe_add.svg  |    1 +
 .../src/svgs/Monochrome/Social/person_add.svg |    1 +
 .../svgs/Monochrome/Social/person_check.svg   |    1 +
 .../Monochrome/Social/person_check_fill.svg   |    1 +
 .../svgs/Monochrome/Social/person_edit.svg    |    1 +
 .../Monochrome/Social/person_edit_fill.svg    |    1 +
 .../svgs/Monochrome/Social/person_group.svg   |    1 +
 .../src/svgs/Monochrome/Social/person_pin.svg |    1 +
 .../src/svgs/Monochrome/Symbol/check.svg      |    1 +
 .../svgs/Monochrome/Symbol/circle_check.svg   |    1 +
 .../Monochrome/Symbol/circle_check_fill.svg   |    1 +
 .../svgs/Monochrome/Symbol/circle_info.svg    |    1 +
 .../Monochrome/Symbol/circle_info_fill.svg    |    1 +
 .../svgs/Monochrome/Symbol/circle_xmark.svg   |    1 +
 .../Monochrome/Symbol/circle_xmark_fill.svg   |    1 +
 .../src/svgs/Monochrome/Symbol/equal.svg      |    1 +
 .../src/svgs/Monochrome/Symbol/minus.svg      |    1 +
 .../icons/src/svgs/Monochrome/Symbol/plus.svg |    1 +
 .../src/svgs/Monochrome/Symbol/xmark.svg      |    1 +
 .../src/svgs/Monochrome/System/delete.svg     |    1 +
 .../svgs/Monochrome/System/delete_xmark.svg   |    1 +
 .../Monochrome/System/dots_horizontal.svg     |    1 +
 .../svgs/Monochrome/System/dots_vertical.svg  |    1 +
 .../src/svgs/Monochrome/System/filter.svg     |    1 +
 .../svgs/Monochrome/System/filter_fill.svg    |    1 +
 .../icons/src/svgs/Monochrome/System/grip.svg |    1 +
 .../svgs/Monochrome/System/notifications.svg  |    1 +
 .../src/svgs/Monochrome/System/settings.svg   |    1 +
 .../src/svgs/Monochrome/Time/clock_40.svg     |    1 +
 .../src/svgs/Monochrome/Time/clock_60.svg     |    1 +
 .../Time/clock_arrow_rotate_ccw_left.svg      |    1 +
 .../src/svgs/Monochrome/Tool/attach_file.svg  |    1 +
 .../icons/src/svgs/Monochrome/Tool/funnel.svg |    1 +
 .../src/svgs/Monochrome/Tool/magnifier.svg    |    1 +
 .../icons/src/svgs/Monochrome/Tool/pencil.svg |    1 +
 packages/ui/icons/src/vite-env.d.ts           |   13 +
 packages/ui/icons/tsconfig.json               |   14 +
 packages/ui/icons/vite.config.ts              |    7 +
 pnpm-lock.yaml                                |  405 ++++++
 pnpm-workspace.yaml                           |    5 +
 268 files changed, 3239 insertions(+)
 create mode 100644 packages/ui/icons/.gitignore
 create mode 100644 packages/ui/icons/README.md
 create mode 100644 packages/ui/icons/eslint.config.js
 create mode 100644 packages/ui/icons/metadata.json
 create mode 100644 packages/ui/icons/package.json
 create mode 100644 packages/ui/icons/public/vite.svg
 create mode 100644 packages/ui/icons/src/lib/Colored/Flags/FlagRu.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Flags/FlagUk.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/Google.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/MailAol.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/MailGmail.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/MailIcloud.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/MailMail.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/MailOutlook.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/MailProton.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/MailYahoo.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/MailYandex.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/Vk.tsx
 create mode 100644 packages/ui/icons/src/lib/Colored/Logos/Yandex.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/Arrow360.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowBack.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowDownToSquare.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowLeftArrowRight.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowOutward.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightFromSquare.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightToSquare.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRight.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRightCheck.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUpArrowDown.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCcwLeft.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCwRight.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightAdd.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightCheck.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDown.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDownToLine.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ChevronLeft.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ChevronRight.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUp.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUpToLine.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsCollapseUpRight.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsExpandUpRight.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Arrows/Shuffle.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Doc/Bookmark.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Doc/BookmarkFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Doc/Bookmarks.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Doc/Link.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Doc/LinkAdd.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Doc/LinkSlash.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Editor/CodeBlock.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Editor/FormatBold.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Editor/FormatItalic.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Editor/FormatListOl.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Editor/FormatListUl.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Editor/FormatUndeline.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Editor/TextFormat.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/File/Copy.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/File/File.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/File/FileAdd.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/File/FileCheck.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/File/FileCheckFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Folders/Folder.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Folders/FolderAdd.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Folders/FolderFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Folders/FolderOpen.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Folders/FolderOpenFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Folders/Folders.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Folders/MoveToFolder.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Misc/Fullscreen.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Misc/Language.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Misc/Preview.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Misc/Sort.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Misc/SortByAlpha.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Misc/Spinner.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Misc/Star.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Misc/Tag.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Navigation/Explore.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Navigation/ExploreFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Navigation/Home.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Navigation/HomeFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Navigation/Interests.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Navigation/InterestsFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/AddRowAbove.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/AddRowBelow.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/AddSquare.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/Clipboard.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/Hint.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/HintAdd.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/HintSlash.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/Learn.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/ListAdd.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/Set.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/SetAdd.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Sets/TableConvert.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/Favorite.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/FavoriteFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/Globe.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/GlobeAdd.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/PersonAdd.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/PersonCheck.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/PersonCheckFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/PersonEdit.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/PersonEditFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/PersonGroup.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Social/PersonPin.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/Check.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheck.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheckFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfo.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfoFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmark.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmarkFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/Equal.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/Minus.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/Plus.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Symbol/Xmark.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/System/Delete.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/System/DeleteXmark.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/System/DotsHorizontal.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/System/DotsVertical.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/System/Filter.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/System/FilterFill.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/System/Grip.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/System/Notifications.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/System/Settings.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Time/Clock40.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Time/Clock60.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Time/ClockArrowRotateCcwLeft.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Tool/AttachFile.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Tool/Funnel.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Tool/Magnifier.tsx
 create mode 100644 packages/ui/icons/src/lib/Monochrome/Tool/Pencil.tsx
 create mode 100644 packages/ui/icons/src/lib/index.tsx
 create mode 100644 packages/ui/icons/src/scripts/constants.js
 create mode 100644 packages/ui/icons/src/scripts/download.js
 create mode 100644 packages/ui/icons/src/scripts/figmaApi.js
 create mode 100644 packages/ui/icons/src/scripts/generateIcons.js
 create mode 100644 packages/ui/icons/src/scripts/renameSvg.js
 create mode 100644 packages/ui/icons/src/scripts/utils.js
 create mode 100644 packages/ui/icons/src/svgs/Colored/Flags/flag_ru.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Flags/flag_uk.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/google.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/mail_aol.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/mail_gmail.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/mail_icloud.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/mail_mail.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/mail_outlook.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/mail_proton.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/mail_yahoo.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/mail_yandex.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/vk.svg
 create mode 100644 packages/ui/icons/src/svgs/Colored/Logos/yandex.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_360.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_back.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_down_to_square.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_left_arrow_right.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_outward.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_from_square.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_to_square.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right_check.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_up_arrow_down.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_ccw_left.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_cw_right.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_add.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_check.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down_to_line.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_left.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_right.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up_to_line.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_collapse_up_right.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_expand_up_right.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Arrows/shuffle.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Doc/bookmark.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Doc/bookmark_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Doc/bookmarks.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Doc/link.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Doc/link_add.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Doc/link_slash.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Editor/code_block.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Editor/format_bold.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Editor/format_italic.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ol.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ul.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Editor/format_undeline.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Editor/text_format.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/File/copy.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/File/file.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/File/file_add.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/File/file_check.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/File/file_check_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Folders/folder.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Folders/folder_add.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Folders/folder_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Folders/folder_open.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Folders/folder_open_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Folders/folders.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Folders/move_to_folder.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Misc/fullscreen.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Misc/language.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Misc/preview.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Misc/sort.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Misc/sort_by_alpha.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Misc/spinner.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Misc/star.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Misc/tag.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Navigation/explore.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Navigation/explore_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Navigation/home.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Navigation/home_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Navigation/interests.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Navigation/interests_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/add_row_above.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/add_row_below.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/add_square.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/clipboard.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/hint.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/hint_add.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/hint_slash.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/learn.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/list_add.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/set.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/set_add.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Sets/table_convert.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/favorite.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/favorite_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/globe.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/globe_add.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/person_add.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/person_check.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/person_check_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/person_edit.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/person_edit_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/person_group.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Social/person_pin.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/check.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/equal.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/minus.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/plus.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Symbol/xmark.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/System/delete.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/System/delete_xmark.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/System/dots_horizontal.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/System/dots_vertical.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/System/filter.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/System/filter_fill.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/System/grip.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/System/notifications.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/System/settings.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Time/clock_40.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Time/clock_60.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Time/clock_arrow_rotate_ccw_left.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Tool/attach_file.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Tool/funnel.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Tool/magnifier.svg
 create mode 100644 packages/ui/icons/src/svgs/Monochrome/Tool/pencil.svg
 create mode 100644 packages/ui/icons/src/vite-env.d.ts
 create mode 100644 packages/ui/icons/tsconfig.json
 create mode 100644 packages/ui/icons/vite.config.ts

diff --git a/packages/ui/icons/.gitignore b/packages/ui/icons/.gitignore
new file mode 100644
index 00000000..a547bf36
--- /dev/null
+++ b/packages/ui/icons/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/packages/ui/icons/README.md b/packages/ui/icons/README.md
new file mode 100644
index 00000000..6bb524fe
--- /dev/null
+++ b/packages/ui/icons/README.md
@@ -0,0 +1,3 @@
+# Flippo Icons
+
+This package contains a set of React SVG icons used in the Flippo project.
diff --git a/packages/ui/icons/eslint.config.js b/packages/ui/icons/eslint.config.js
new file mode 100644
index 00000000..bed54eaa
--- /dev/null
+++ b/packages/ui/icons/eslint.config.js
@@ -0,0 +1,3 @@
+import { eslintReactConfig } from '@flippo/eslint';
+
+export default eslintReactConfig(import.meta.dirname);
diff --git a/packages/ui/icons/metadata.json b/packages/ui/icons/metadata.json
new file mode 100644
index 00000000..da575e43
--- /dev/null
+++ b/packages/ui/icons/metadata.json
@@ -0,0 +1,1278 @@
+{
+  "info": {
+    "palettes": [
+      "colored",
+      "monochrome"
+    ],
+    "groups": [
+      "avatar",
+      "flags",
+      "logos",
+      "misc",
+      "editor",
+      "social",
+      "navigation",
+      "arrows",
+      "folders",
+      "tool",
+      "sets",
+      "doc",
+      "time",
+      "file",
+      "symbol",
+      "system"
+    ]
+  },
+  "icons": [
+    {
+      "name": "flag_ru",
+      "style": "regular",
+      "svgName": "flag_ru",
+      "componentName": "flag_ru",
+      "meta": {
+        "palette": "colored",
+        "group": "flags"
+      }
+    },
+    {
+      "name": "flag_uk",
+      "style": "regular",
+      "svgName": "flag_uk",
+      "componentName": "flag_uk",
+      "meta": {
+        "palette": "colored",
+        "group": "flags"
+      }
+    },
+    {
+      "name": "mail_yahoo",
+      "style": "regular",
+      "svgName": "mail_yahoo",
+      "componentName": "mail_yahoo",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "mail_yandex",
+      "style": "regular",
+      "svgName": "mail_yandex",
+      "componentName": "mail_yandex",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "mail_proton",
+      "style": "regular",
+      "svgName": "mail_proton",
+      "componentName": "mail_proton",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "mail_aol",
+      "style": "regular",
+      "svgName": "mail_aol",
+      "componentName": "mail_aol",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "mail_icloud",
+      "style": "regular",
+      "svgName": "mail_icloud",
+      "componentName": "mail_icloud",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "mail_mail",
+      "style": "regular",
+      "svgName": "mail_mail",
+      "componentName": "mail_mail",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "mail_outlook",
+      "style": "regular",
+      "svgName": "mail_outlook",
+      "componentName": "mail_outlook",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "mail_gmail",
+      "style": "regular",
+      "svgName": "mail_gmail",
+      "componentName": "mail_gmail",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "yandex",
+      "style": "regular",
+      "svgName": "yandex",
+      "componentName": "yandex",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "google",
+      "style": "regular",
+      "svgName": "google",
+      "componentName": "google",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "vk",
+      "style": "regular",
+      "svgName": "vk",
+      "componentName": "vk",
+      "meta": {
+        "palette": "colored",
+        "group": "logos"
+      }
+    },
+    {
+      "name": "spinner",
+      "style": "regular",
+      "svgName": "spinner",
+      "componentName": "spinner",
+      "meta": {
+        "palette": "monochrome",
+        "group": "misc"
+      }
+    },
+    {
+      "name": "sort",
+      "style": "regular",
+      "svgName": "sort",
+      "componentName": "sort",
+      "meta": {
+        "palette": "monochrome",
+        "group": "misc"
+      }
+    },
+    {
+      "name": "star",
+      "style": "regular",
+      "svgName": "star",
+      "componentName": "star",
+      "meta": {
+        "palette": "monochrome",
+        "group": "misc"
+      }
+    },
+    {
+      "name": "preview",
+      "style": "regular",
+      "svgName": "preview",
+      "componentName": "preview",
+      "meta": {
+        "palette": "monochrome",
+        "group": "misc"
+      }
+    },
+    {
+      "name": "sort_by_alpha",
+      "style": "regular",
+      "svgName": "sort_by_alpha",
+      "componentName": "sort_by_alpha",
+      "meta": {
+        "palette": "monochrome",
+        "group": "misc"
+      }
+    },
+    {
+      "name": "tag",
+      "style": "regular",
+      "svgName": "tag",
+      "componentName": "tag",
+      "meta": {
+        "palette": "monochrome",
+        "group": "misc"
+      }
+    },
+    {
+      "name": "language",
+      "style": "regular",
+      "svgName": "language",
+      "componentName": "language",
+      "meta": {
+        "palette": "monochrome",
+        "group": "misc"
+      }
+    },
+    {
+      "name": "fullscreen",
+      "style": "regular",
+      "svgName": "fullscreen",
+      "componentName": "fullscreen",
+      "meta": {
+        "palette": "monochrome",
+        "group": "misc"
+      }
+    },
+    {
+      "name": "format_list_ol",
+      "style": "regular",
+      "svgName": "format_list_ol",
+      "componentName": "format_list_ol",
+      "meta": {
+        "palette": "monochrome",
+        "group": "editor"
+      }
+    },
+    {
+      "name": "format_list_ul",
+      "style": "regular",
+      "svgName": "format_list_ul",
+      "componentName": "format_list_ul",
+      "meta": {
+        "palette": "monochrome",
+        "group": "editor"
+      }
+    },
+    {
+      "name": "code_block",
+      "style": "regular",
+      "svgName": "code_block",
+      "componentName": "code_block",
+      "meta": {
+        "palette": "monochrome",
+        "group": "editor"
+      }
+    },
+    {
+      "name": "format_undeline",
+      "style": "regular",
+      "svgName": "format_undeline",
+      "componentName": "format_undeline",
+      "meta": {
+        "palette": "monochrome",
+        "group": "editor"
+      }
+    },
+    {
+      "name": "format_italic",
+      "style": "regular",
+      "svgName": "format_italic",
+      "componentName": "format_italic",
+      "meta": {
+        "palette": "monochrome",
+        "group": "editor"
+      }
+    },
+    {
+      "name": "format_bold",
+      "style": "regular",
+      "svgName": "format_bold",
+      "componentName": "format_bold",
+      "meta": {
+        "palette": "monochrome",
+        "group": "editor"
+      }
+    },
+    {
+      "name": "text_format",
+      "style": "regular",
+      "svgName": "text_format",
+      "componentName": "text_format",
+      "meta": {
+        "palette": "monochrome",
+        "group": "editor"
+      }
+    },
+    {
+      "name": "favorite",
+      "style": "regular",
+      "svgName": "favorite",
+      "componentName": "favorite",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "favorite",
+      "style": "fill",
+      "svgName": "favorite_fill",
+      "componentName": "favorite_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "globe_add",
+      "style": "regular",
+      "svgName": "globe_add",
+      "componentName": "globe_add",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "globe",
+      "style": "regular",
+      "svgName": "globe",
+      "componentName": "globe",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "person_pin",
+      "style": "regular",
+      "svgName": "person_pin",
+      "componentName": "person_pin",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "person_group",
+      "style": "regular",
+      "svgName": "person_group",
+      "componentName": "person_group",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "person_add",
+      "style": "regular",
+      "svgName": "person_add",
+      "componentName": "person_add",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "person_check",
+      "style": "regular",
+      "svgName": "person_check",
+      "componentName": "person_check",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "person_check",
+      "style": "fill",
+      "svgName": "person_check_fill",
+      "componentName": "person_check_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "person_edit",
+      "style": "regular",
+      "svgName": "person_edit",
+      "componentName": "person_edit",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "person_edit",
+      "style": "fill",
+      "svgName": "person_edit_fill",
+      "componentName": "person_edit_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "social"
+      }
+    },
+    {
+      "name": "interests",
+      "style": "regular",
+      "svgName": "interests",
+      "componentName": "interests",
+      "meta": {
+        "palette": "monochrome",
+        "group": "navigation"
+      }
+    },
+    {
+      "name": "interests",
+      "style": "fill",
+      "svgName": "interests_fill",
+      "componentName": "interests_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "navigation"
+      }
+    },
+    {
+      "name": "explore",
+      "style": "regular",
+      "svgName": "explore",
+      "componentName": "explore",
+      "meta": {
+        "palette": "monochrome",
+        "group": "navigation"
+      }
+    },
+    {
+      "name": "explore",
+      "style": "fill",
+      "svgName": "explore_fill",
+      "componentName": "explore_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "navigation"
+      }
+    },
+    {
+      "name": "home",
+      "style": "regular",
+      "svgName": "home",
+      "componentName": "home",
+      "meta": {
+        "palette": "monochrome",
+        "group": "navigation"
+      }
+    },
+    {
+      "name": "home",
+      "style": "fill",
+      "svgName": "home_fill",
+      "componentName": "home_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "navigation"
+      }
+    },
+    {
+      "name": "arrow_uturn_cw_right",
+      "style": "regular",
+      "svgName": "arrow_uturn_cw_right",
+      "componentName": "arrow_uturn_cw_right",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_uturn_ccw_left",
+      "style": "regular",
+      "svgName": "arrow_uturn_ccw_left",
+      "componentName": "arrow_uturn_ccw_left",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "shuffle",
+      "style": "regular",
+      "svgName": "shuffle",
+      "componentName": "shuffle",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_left_arrow_right",
+      "style": "regular",
+      "svgName": "arrow_left_arrow_right",
+      "componentName": "arrow_left_arrow_right",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrows_rotate_right_add",
+      "style": "regular",
+      "svgName": "arrows_rotate_right_add",
+      "componentName": "arrows_rotate_right_add",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrows_rotate_right_check",
+      "style": "regular",
+      "svgName": "arrows_rotate_right_check",
+      "componentName": "arrows_rotate_right_check",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_up_arrow_down",
+      "style": "regular",
+      "svgName": "arrow_up_arrow_down",
+      "componentName": "arrow_up_arrow_down",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_down_to_square",
+      "style": "regular",
+      "svgName": "arrow_down_to_square",
+      "componentName": "arrow_down_to_square",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_shape_turn_up_right_check",
+      "style": "regular",
+      "svgName": "arrow_shape_turn_up_right_check",
+      "componentName": "arrow_shape_turn_up_right_check",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_shape_turn_up_right",
+      "style": "regular",
+      "svgName": "arrow_shape_turn_up_right",
+      "componentName": "arrow_shape_turn_up_right",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_right_from_square",
+      "style": "regular",
+      "svgName": "arrow_right_from_square",
+      "componentName": "arrow_right_from_square",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_right_to_square",
+      "style": "regular",
+      "svgName": "arrow_right_to_square",
+      "componentName": "arrow_right_to_square",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_outward",
+      "style": "regular",
+      "svgName": "arrow_outward",
+      "componentName": "arrow_outward",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "chevron_up_to_line",
+      "style": "regular",
+      "svgName": "chevron_up_to_line",
+      "componentName": "chevron_up_to_line",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "chevron_down_to_line",
+      "style": "regular",
+      "svgName": "chevron_down_to_line",
+      "componentName": "chevron_down_to_line",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "chevrons_expand_up_right",
+      "style": "regular",
+      "svgName": "chevrons_expand_up_right",
+      "componentName": "chevrons_expand_up_right",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "chevrons_collapse_up_right",
+      "style": "regular",
+      "svgName": "chevrons_collapse_up_right",
+      "componentName": "chevrons_collapse_up_right",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_360",
+      "style": "regular",
+      "svgName": "arrow_360",
+      "componentName": "arrow_360",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "chevron_right",
+      "style": "regular",
+      "svgName": "chevron_right",
+      "componentName": "chevron_right",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "chevron_left",
+      "style": "regular",
+      "svgName": "chevron_left",
+      "componentName": "chevron_left",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "chevron_down",
+      "style": "regular",
+      "svgName": "chevron_down",
+      "componentName": "chevron_down",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "chevron_up",
+      "style": "regular",
+      "svgName": "chevron_up",
+      "componentName": "chevron_up",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "arrow_back",
+      "style": "regular",
+      "svgName": "arrow_back",
+      "componentName": "arrow_back",
+      "meta": {
+        "palette": "monochrome",
+        "group": "arrows"
+      }
+    },
+    {
+      "name": "folders",
+      "style": "regular",
+      "svgName": "folders",
+      "componentName": "folders",
+      "meta": {
+        "palette": "monochrome",
+        "group": "folders"
+      }
+    },
+    {
+      "name": "move_to_folder",
+      "style": "regular",
+      "svgName": "move_to_folder",
+      "componentName": "move_to_folder",
+      "meta": {
+        "palette": "monochrome",
+        "group": "folders"
+      }
+    },
+    {
+      "name": "folder_open",
+      "style": "regular",
+      "svgName": "folder_open",
+      "componentName": "folder_open",
+      "meta": {
+        "palette": "monochrome",
+        "group": "folders"
+      }
+    },
+    {
+      "name": "folder_open",
+      "style": "fill",
+      "svgName": "folder_open_fill",
+      "componentName": "folder_open_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "folders"
+      }
+    },
+    {
+      "name": "folder",
+      "style": "regular",
+      "svgName": "folder",
+      "componentName": "folder",
+      "meta": {
+        "palette": "monochrome",
+        "group": "folders"
+      }
+    },
+    {
+      "name": "folder",
+      "style": "fill",
+      "svgName": "folder_fill",
+      "componentName": "folder_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "folders"
+      }
+    },
+    {
+      "name": "folder_add",
+      "style": "regular",
+      "svgName": "folder_add",
+      "componentName": "folder_add",
+      "meta": {
+        "palette": "monochrome",
+        "group": "folders"
+      }
+    },
+    {
+      "name": "attach_file",
+      "style": "regular",
+      "svgName": "attach_file",
+      "componentName": "attach_file",
+      "meta": {
+        "palette": "monochrome",
+        "group": "tool"
+      }
+    },
+    {
+      "name": "funnel",
+      "style": "regular",
+      "svgName": "funnel",
+      "componentName": "funnel",
+      "meta": {
+        "palette": "monochrome",
+        "group": "tool"
+      }
+    },
+    {
+      "name": "pencil",
+      "style": "regular",
+      "svgName": "pencil",
+      "componentName": "pencil",
+      "meta": {
+        "palette": "monochrome",
+        "group": "tool"
+      }
+    },
+    {
+      "name": "magnifier",
+      "style": "regular",
+      "svgName": "magnifier",
+      "componentName": "magnifier",
+      "meta": {
+        "palette": "monochrome",
+        "group": "tool"
+      }
+    },
+    {
+      "name": "learn",
+      "style": "regular",
+      "svgName": "learn",
+      "componentName": "learn",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "hint_slash",
+      "style": "regular",
+      "svgName": "hint_slash",
+      "componentName": "hint_slash",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "hint",
+      "style": "regular",
+      "svgName": "hint",
+      "componentName": "hint",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "hint_add",
+      "style": "regular",
+      "svgName": "hint_add",
+      "componentName": "hint_add",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "add_row_above",
+      "style": "regular",
+      "svgName": "add_row_above",
+      "componentName": "add_row_above",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "add_row_below",
+      "style": "regular",
+      "svgName": "add_row_below",
+      "componentName": "add_row_below",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "table_convert",
+      "style": "regular",
+      "svgName": "table_convert",
+      "componentName": "table_convert",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "clipboard",
+      "style": "regular",
+      "svgName": "clipboard",
+      "componentName": "clipboard",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "list_add",
+      "style": "regular",
+      "svgName": "list_add",
+      "componentName": "list_add",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "add_square",
+      "style": "regular",
+      "svgName": "add_square",
+      "componentName": "add_square",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "set",
+      "style": "regular",
+      "svgName": "set",
+      "componentName": "set",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "set_add",
+      "style": "regular",
+      "svgName": "set_add",
+      "componentName": "set_add",
+      "meta": {
+        "palette": "monochrome",
+        "group": "sets"
+      }
+    },
+    {
+      "name": "link_slash",
+      "style": "regular",
+      "svgName": "link_slash",
+      "componentName": "link_slash",
+      "meta": {
+        "palette": "monochrome",
+        "group": "doc"
+      }
+    },
+    {
+      "name": "link_add",
+      "style": "regular",
+      "svgName": "link_add",
+      "componentName": "link_add",
+      "meta": {
+        "palette": "monochrome",
+        "group": "doc"
+      }
+    },
+    {
+      "name": "link",
+      "style": "regular",
+      "svgName": "link",
+      "componentName": "link",
+      "meta": {
+        "palette": "monochrome",
+        "group": "doc"
+      }
+    },
+    {
+      "name": "bookmarks",
+      "style": "regular",
+      "svgName": "bookmarks",
+      "componentName": "bookmarks",
+      "meta": {
+        "palette": "monochrome",
+        "group": "doc"
+      }
+    },
+    {
+      "name": "bookmark",
+      "style": "regular",
+      "svgName": "bookmark",
+      "componentName": "bookmark",
+      "meta": {
+        "palette": "monochrome",
+        "group": "doc"
+      }
+    },
+    {
+      "name": "bookmark",
+      "style": "fill",
+      "svgName": "bookmark_fill",
+      "componentName": "bookmark_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "doc"
+      }
+    },
+    {
+      "name": "clock_arrow_rotate_ccw_left",
+      "style": "regular",
+      "svgName": "clock_arrow_rotate_ccw_left",
+      "componentName": "clock_arrow_rotate_ccw_left",
+      "meta": {
+        "palette": "monochrome",
+        "group": "time"
+      }
+    },
+    {
+      "name": "clock_60",
+      "style": "regular",
+      "svgName": "clock_60",
+      "componentName": "clock_60",
+      "meta": {
+        "palette": "monochrome",
+        "group": "time"
+      }
+    },
+    {
+      "name": "clock_40",
+      "style": "regular",
+      "svgName": "clock_40",
+      "componentName": "clock_40",
+      "meta": {
+        "palette": "monochrome",
+        "group": "time"
+      }
+    },
+    {
+      "name": "file",
+      "style": "regular",
+      "svgName": "file",
+      "componentName": "file",
+      "meta": {
+        "palette": "monochrome",
+        "group": "file"
+      }
+    },
+    {
+      "name": "file_add",
+      "style": "regular",
+      "svgName": "file_add",
+      "componentName": "file_add",
+      "meta": {
+        "palette": "monochrome",
+        "group": "file"
+      }
+    },
+    {
+      "name": "copy",
+      "style": "regular",
+      "svgName": "copy",
+      "componentName": "copy",
+      "meta": {
+        "palette": "monochrome",
+        "group": "file"
+      }
+    },
+    {
+      "name": "file_check",
+      "style": "regular",
+      "svgName": "file_check",
+      "componentName": "file_check",
+      "meta": {
+        "palette": "monochrome",
+        "group": "file"
+      }
+    },
+    {
+      "name": "file_check",
+      "style": "fill",
+      "svgName": "file_check_fill",
+      "componentName": "file_check_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "file"
+      }
+    },
+    {
+      "name": "circle_xmark",
+      "style": "regular",
+      "svgName": "circle_xmark",
+      "componentName": "circle_xmark",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "circle_xmark",
+      "style": "fill",
+      "svgName": "circle_xmark_fill",
+      "componentName": "circle_xmark_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "circle_check",
+      "style": "regular",
+      "svgName": "circle_check",
+      "componentName": "circle_check",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "circle_check",
+      "style": "fill",
+      "svgName": "circle_check_fill",
+      "componentName": "circle_check_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "circle_info",
+      "style": "regular",
+      "svgName": "circle_info",
+      "componentName": "circle_info",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "circle_info",
+      "style": "fill",
+      "svgName": "circle_info_fill",
+      "componentName": "circle_info_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "equal",
+      "style": "regular",
+      "svgName": "equal",
+      "componentName": "equal",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "xmark",
+      "style": "regular",
+      "svgName": "xmark",
+      "componentName": "xmark",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "check",
+      "style": "regular",
+      "svgName": "check",
+      "componentName": "check",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "minus",
+      "style": "regular",
+      "svgName": "minus",
+      "componentName": "minus",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "plus",
+      "style": "regular",
+      "svgName": "plus",
+      "componentName": "plus",
+      "meta": {
+        "palette": "monochrome",
+        "group": "symbol"
+      }
+    },
+    {
+      "name": "delete",
+      "style": "regular",
+      "svgName": "delete",
+      "componentName": "delete",
+      "meta": {
+        "palette": "monochrome",
+        "group": "system"
+      }
+    },
+    {
+      "name": "delete_xmark",
+      "style": "regular",
+      "svgName": "delete_xmark",
+      "componentName": "delete_xmark",
+      "meta": {
+        "palette": "monochrome",
+        "group": "system"
+      }
+    },
+    {
+      "name": "filter",
+      "style": "regular",
+      "svgName": "filter",
+      "componentName": "filter",
+      "meta": {
+        "palette": "monochrome",
+        "group": "system"
+      }
+    },
+    {
+      "name": "filter",
+      "style": "fill",
+      "svgName": "filter_fill",
+      "componentName": "filter_fill",
+      "meta": {
+        "palette": "monochrome",
+        "group": "system"
+      }
+    },
+    {
+      "name": "grip",
+      "style": "regular",
+      "svgName": "grip",
+      "componentName": "grip",
+      "meta": {
+        "palette": "monochrome",
+        "group": "system"
+      }
+    },
+    {
+      "name": "dots_vertical",
+      "style": "regular",
+      "svgName": "dots_vertical",
+      "componentName": "dots_vertical",
+      "meta": {
+        "palette": "monochrome",
+        "group": "system"
+      }
+    },
+    {
+      "name": "dots_horizontal",
+      "style": "regular",
+      "svgName": "dots_horizontal",
+      "componentName": "dots_horizontal",
+      "meta": {
+        "palette": "monochrome",
+        "group": "system"
+      }
+    },
+    {
+      "name": "notifications",
+      "style": "regular",
+      "svgName": "notifications",
+      "componentName": "notifications",
+      "meta": {
+        "palette": "monochrome",
+        "group": "system"
+      }
+    },
+    {
+      "name": "settings",
+      "style": "regular",
+      "svgName": "settings",
+      "componentName": "settings",
+      "meta": {
+        "palette": "monochrome",
+        "group": "system"
+      }
+    }
+  ]
+}
\ No newline at end of file
diff --git a/packages/ui/icons/package.json b/packages/ui/icons/package.json
new file mode 100644
index 00000000..750ed5a9
--- /dev/null
+++ b/packages/ui/icons/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "@flippo/icons",
+  "type": "module",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc -b && vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "src:download": "node --env-file=.env.locale src/scripts/download.js",
+    "src:generate": "node --env-file=.env.locale src/scripts/generateIcons.js && eslint --fix src/lib",
+    "src:renameSvg": "node --env-file=.env.locale src/scripts/renameSvg.js"
+  },
+  "devDependencies": {
+    "@figma-export/core": "catalog:",
+    "@flippo/eslint": "workspace:*",
+    "@flippo/tsconfig": "workspace:*",
+    "@svgr/core": "catalog:",
+    "@svgr/plugin-jsx": "catalog:",
+    "@types/node": "catalog:",
+    "@types/react": "catalog:",
+    "@types/react-dom": "catalog:",
+    "@vitejs/plugin-react": "catalog:",
+    "eslint": "catalog:",
+    "eslint-plugin-react-refresh": "catalog:",
+    "is-svg": "catalog:",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "svgo": "catalog:",
+    "typescript": "catalog:",
+    "vite": "catalog:"
+  }
+}
diff --git a/packages/ui/icons/public/vite.svg b/packages/ui/icons/public/vite.svg
new file mode 100644
index 00000000..e7b8dfb1
--- /dev/null
+++ b/packages/ui/icons/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/lib/Colored/Flags/FlagRu.tsx b/packages/ui/icons/src/lib/Colored/Flags/FlagRu.tsx
new file mode 100644
index 00000000..b0a89183
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Flags/FlagRu.tsx
@@ -0,0 +1,28 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function FlagRu(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <mask
+        id={ 'a' }
+        width={ 24 }
+        height={ 24 }
+        x={ 0 }
+        y={ 0 }
+        maskUnits={ 'userSpaceOnUse' }
+        style={ {
+          maskType: 'luminance'
+        } }
+      >
+        <path fill={ '#fff' } d={ 'M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12' } />
+      </mask>
+      <g mask={ 'url(#a)' }>
+        <path fill={ '#0052B4' } d={ 'M24 7.969v8.062l-12 1.5-12-1.5V7.97l12-1.5z' } />
+        <path fill={ '#EEE' } d={ 'M24 0v7.969H0V0z' } />
+        <path fill={ '#D80027' } d={ 'M24 16.031V24H0v-7.969z' } />
+      </g>
+    </svg>
+  );
+}
+export default FlagRu;
diff --git a/packages/ui/icons/src/lib/Colored/Flags/FlagUk.tsx b/packages/ui/icons/src/lib/Colored/Flags/FlagUk.tsx
new file mode 100644
index 00000000..40fbe53b
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Flags/FlagUk.tsx
@@ -0,0 +1,28 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function FlagUk(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <mask
+        id={ 'a' }
+        width={ 24 }
+        height={ 24 }
+        x={ 0 }
+        y={ 0 }
+        maskUnits={ 'userSpaceOnUse' }
+        style={ {
+          maskType: 'luminance'
+        } }
+      >
+        <path fill={ '#fff' } d={ 'M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12' } />
+      </mask>
+      <g mask={ 'url(#a)' }>
+        <path fill={ '#EEE' } d={ 'm0 0 .375 1.031L0 2.11v1.079l1.5 2.53L0 8.25v1.5L1.5 12 0 14.25v1.5l1.5 2.531L0 20.813V24l1.031-.375L2.11 24h1.079l2.53-1.5L8.25 24h1.5L12 22.5l2.25 1.5h1.5l2.531-1.5 2.532 1.5H24l-.375-1.031L24 21.89v-1.078l-1.5-2.532 1.5-2.53v-1.5L22.5 12 24 9.75v-1.5l-1.5-2.531L24 3.187V0l-1.031.375L21.89 0h-1.078L18.28 1.5 15.75 0h-1.5L12 1.5 9.75 0h-1.5L5.719 1.5 3.187 0z' } />
+        <path fill={ '#0052B4' } d={ 'M15.75 0v5.063L20.813 0zM24 3.188 18.938 8.25H24zM0 8.25h5.063L0 3.188zM3.188 0 8.25 5.063V0zM8.25 24v-5.062L3.188 24zM0 20.813l5.063-5.063H0zm24-5.063h-5.062L24 20.813zM20.813 24l-5.063-5.062V24z' } />
+        <path fill={ '#D80027' } d={ 'M0 0v2.11l6.14 6.14h2.11zm9.75 0v9.75H0v4.5h9.75V24h4.5v-9.75H24v-4.5h-9.75V0zm12.14 0-6.14 6.14v2.11L24 0zM8.25 15.75 0 24h2.11l6.14-6.14zm7.5 0L24 24v-2.11l-6.14-6.14z' } />
+      </g>
+    </svg>
+  );
+}
+export default FlagUk;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/Google.tsx b/packages/ui/icons/src/lib/Colored/Logos/Google.tsx
new file mode 100644
index 00000000..b32547f9
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/Google.tsx
@@ -0,0 +1,14 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function Google(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <path fill={ '#FFC107' } d={ 'M21.806 10.042H21V10h-9v4h5.651A5.998 5.998 0 0 1 6 12a6 6 0 0 1 6-6c1.53 0 2.921.577 3.98 1.52l2.83-2.83A9.95 9.95 0 0 0 12 2C6.478 2 2 6.478 2 12s4.478 10 10 10 10-4.477 10-10c0-.67-.069-1.325-.195-1.959' } />
+      <path fill={ '#FF3D00' } d={ 'M3.153 7.346 6.44 9.755A6 6 0 0 1 12 6c1.53 0 2.921.577 3.98 1.52l2.83-2.829A9.95 9.95 0 0 0 12 2a9.99 9.99 0 0 0-8.847 5.346' } />
+      <path fill={ '#4CAF50' } d={ 'M12 22c2.583 0 4.93-.988 6.704-2.596l-3.095-2.619A5.95 5.95 0 0 1 12 18a6 6 0 0 1-5.64-3.973L3.096 16.54C4.752 19.778 8.113 22 12 22' } />
+      <path fill={ '#1976D2' } d={ 'M21.806 10.042H21V10h-9v4h5.651a6 6 0 0 1-2.043 2.785h.002l3.095 2.619C18.485 19.602 22 17 22 12c0-.67-.069-1.325-.195-1.959' } />
+    </svg>
+  );
+}
+export default Google;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailAol.tsx b/packages/ui/icons/src/lib/Colored/Logos/MailAol.tsx
new file mode 100644
index 00000000..dc926e19
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/MailAol.tsx
@@ -0,0 +1,18 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function MailAol(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <path fill={ '#009ADA' } d={ 'M13.5 9c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4m1 4c0 .551-.449 1-1 1s-1-.449-1-1 .449-1 1-1 1 .449 1 1M21 7h-3v10h3zm2 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2M3.89 7 0 17h3.084l.535-1.5h3.224l.535 1.5h3.084L6.572 7zm1.881 5.5h-1.08l.54-1.513z' } />
+      <path fill={ 'url(#a)' } d={ 'M13.5 9c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4m0 5c-.551 0-1-.449-1-1s.449-1 1-1 1 .449 1 1-.449 1-1 1m4.5 3h3V7h-3zm5-2c-.551 0-1 .449-1 1s.449 1 1 1 1-.449 1-1-.449-1-1-1M3.89 7 0 17h3.084l.535-1.5h3.224l.535 1.5h3.084L6.572 7zm.8 5.5.541-1.513.54 1.513z' } />
+      <defs>
+        <linearGradient id={ 'a' } x1={ 3.155 } x2={ 23.206 } y1={ 8.575 } y2={ 17.925 } gradientUnits={ 'userSpaceOnUse' }>
+          <stop stopColor={ '#fff' } stopOpacity={ 0.2 } />
+          <stop offset={ 1 } stopColor={ '#fff' } stopOpacity={ 0 } />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
+export default MailAol;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailGmail.tsx b/packages/ui/icons/src/lib/Colored/Logos/MailGmail.tsx
new file mode 100644
index 00000000..61c53922
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/MailGmail.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function MailGmail(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <path fill={ '#4285F4' } d={ 'M6.545 19v-7.21L4.15 9.744 2 8.609v9.119C2 18.432 2.611 19 3.364 19z' } />
+      <path fill={ '#34A853' } d={ 'M17.455 19h3.181c.755 0 1.364-.57 1.364-1.272v-9.12L19.566 9.91l-2.111 1.88z' } />
+      <path fill={ '#EA4335' } d={ 'M6.545 11.79 6.22 8.972l.326-2.696L12 10.093l5.454-3.817.365 2.55-.364 2.964L12 15.607z' } />
+      <path fill={ '#FBBC04' } d={ 'M17.455 6.276v5.514L22 8.609V6.912c0-1.573-1.925-2.47-3.273-1.527z' } />
+      <path fill={ '#C5221F' } d={ 'm2 8.609 4.545 3.18V6.277l-1.272-.89C3.923 4.441 2 5.338 2 6.911z' } />
+    </svg>
+  );
+}
+export default MailGmail;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailIcloud.tsx b/packages/ui/icons/src/lib/Colored/Logos/MailIcloud.tsx
new file mode 100644
index 00000000..ce2934d8
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/MailIcloud.tsx
@@ -0,0 +1,48 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function MailIcloud(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <path fill={ 'url(#a)' } d={ 'M7.14 14.352c1.977 0 3.58-1.626 3.58-3.63s-1.603-3.63-3.58-3.63c-1.979 0-3.582 1.626-3.582 3.63s1.603 3.63 3.581 3.63' } />
+      <path fill={ 'url(#b)' } d={ 'M23 14.093c0-2.434-1.947-4.408-4.349-4.408s-4.349 1.973-4.349 4.407c0 .088.008.173.013.26h-4.136q.028-.255.03-.518c0-2.578-2.061-4.667-4.604-4.667S1 11.256 1 13.834 3.062 18.5 5.605 18.5H19c2.282-.135 4-2.061 4-4.408' } />
+      <path fill={ 'url(#c)' } d={ 'M10.087 12.781c-.471-2.07-2.297-3.615-4.483-3.615-.661 0-1.289.144-1.857.399a3.7 3.7 0 0 0-.19 1.157c0 2.005 1.604 3.63 3.582 3.63a3.56 3.56 0 0 0 2.948-1.571' } />
+      <path fill={ 'url(#d)' } d={ 'M13.535 16.426c3.25 0 5.884-2.67 5.884-5.963S16.785 4.5 13.535 4.5s-5.883 2.67-5.883 5.963 2.634 5.963 5.883 5.963' } />
+      <path fill={ 'url(#e)' } d={ 'M8.512 7.37a6 6 0 0 0-.86 3.092c0 1.304.417 2.507 1.118 3.489a3.63 3.63 0 0 0 1.95-3.23A3.63 3.63 0 0 0 8.513 7.37' } />
+      <path fill={ 'url(#f)' } d={ 'M7.704 9.684a5.97 5.97 0 0 0 1.065 4.267l.008-.004c.283-.147.543-.332.776-.547l.058-.06q.134-.128.254-.27.052-.063.1-.13.062-.081.12-.168a4.67 4.67 0 0 0-2.381-3.088' } />
+      <path fill={ 'url(#g)' } d={ 'M14.303 14.093c0 .79.208 1.531.567 2.173 2.606-.614 4.549-2.976 4.549-5.803 0-.242-.019-.478-.047-.712a4.3 4.3 0 0 0-.721-.066c-2.401 0-4.348 1.974-4.348 4.408' } />
+      <defs>
+        <linearGradient id={ 'a' } x1={ 3.448 } x2={ 13.686 } y1={ 10.718 } y2={ 10.73 } gradientUnits={ 'userSpaceOnUse' }>
+          <stop offset={ 0.309 } stopColor={ '#33BEF0' } />
+          <stop offset={ 1 } stopColor={ '#0A85D9' } />
+        </linearGradient>
+        <linearGradient id={ 'b' } x1={ 0.847 } x2={ 19.511 } y1={ 13.809 } y2={ 13.906 } gradientUnits={ 'userSpaceOnUse' }>
+          <stop offset={ 0.309 } stopColor={ '#33BEF0' } />
+          <stop offset={ 1 } stopColor={ '#0A85D9' } />
+        </linearGradient>
+        <linearGradient id={ 'c' } x1={ 7.184 } x2={ 6.389 } y1={ 18.593 } y2={ 3.655 } gradientUnits={ 'userSpaceOnUse' }>
+          <stop offset={ 0.404 } stopColor={ '#33BEF0' } />
+          <stop offset={ 1 } stopColor={ '#0A85D9' } />
+        </linearGradient>
+        <linearGradient id={ 'd' } x1={ -0.905 } x2={ 19.713 } y1={ 21.102 } y2={ 5.911 } gradientUnits={ 'userSpaceOnUse' }>
+          <stop offset={ 0.309 } stopColor={ '#33BEF0' } />
+          <stop offset={ 1 } stopColor={ '#0A85D9' } />
+        </linearGradient>
+        <linearGradient id={ 'e' } x1={ 15.981 } x2={ 5.269 } y1={ 10.392 } y2={ 10.784 } gradientUnits={ 'userSpaceOnUse' }>
+          <stop offset={ 0.246 } stopColor={ '#33BEF0' } />
+          <stop offset={ 1 } stopColor={ '#0A85D9' } />
+        </linearGradient>
+        <linearGradient id={ 'f' } x1={ 13.333 } x2={ 5.664 } y1={ 22.381 } y2={ 4.796 } gradientUnits={ 'userSpaceOnUse' }>
+          <stop offset={ 0.415 } stopColor={ '#33BEF0' } />
+          <stop offset={ 0.652 } stopColor={ '#1797E0' } />
+          <stop offset={ 0.795 } stopColor={ '#0A85D9' } />
+        </linearGradient>
+        <linearGradient id={ 'g' } x1={ 5.945 } x2={ 18.99 } y1={ 26.44 } y2={ 9.837 } gradientUnits={ 'userSpaceOnUse' }>
+          <stop offset={ 0.309 } stopColor={ '#33BEF0' } />
+          <stop offset={ 1 } stopColor={ '#0A85D9' } />
+        </linearGradient>
+      </defs>
+    </svg>
+  );
+}
+export default MailIcloud;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailMail.tsx b/packages/ui/icons/src/lib/Colored/Logos/MailMail.tsx
new file mode 100644
index 00000000..8dc4a44c
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/MailMail.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function MailMail(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <g clipPath={ 'url(#a)' }>
+        <path fill={ '#168DE2' } d={ 'M21 0H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3' } />
+        <path fill={ '#fff' } d={ 'M15.238 11.914c-.106-2.072-1.645-3.319-3.504-3.319h-.07c-2.144 0-3.333 1.686-3.333 3.602 0 2.145 1.438 3.5 3.325 3.5 2.103 0 3.487-1.541 3.587-3.364zM11.675 6.74c1.433 0 2.78.633 3.77 1.625v.004c0-.476.32-.835.764-.835h.113c.696 0 .839.657.839.866l.003 7.402c-.05.485.5.735.805.424 1.188-1.221 2.61-6.28-.74-9.21-3.12-2.732-7.31-2.282-9.537-.747-2.369 1.634-3.884 5.249-2.412 8.644 1.605 3.703 6.196 4.808 8.925 3.706 1.382-.558 2.02 1.31.585 1.92-2.168.924-8.204.83-11.023-4.053-1.905-3.298-1.804-9.1 3.248-12.106 3.865-2.3 8.961-1.664 12.034 1.545 3.212 3.355 3.024 9.637-.108 12.079-1.42 1.11-3.528.03-3.515-1.587l-.014-.529a5.27 5.27 0 0 1-3.737 1.553c-2.831 0-5.323-2.49-5.323-5.322 0-2.859 2.492-5.38 5.323-5.38' } />
+      </g>
+      <defs><clipPath id={ 'a' }><path fill={ '#fff' } d={ 'M0 0h24v24H0z' } /></clipPath></defs>
+    </svg>
+  );
+}
+export default MailMail;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailOutlook.tsx b/packages/ui/icons/src/lib/Colored/Logos/MailOutlook.tsx
new file mode 100644
index 00000000..139e3b27
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/MailOutlook.tsx
@@ -0,0 +1,25 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function MailOutlook(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <path fill={ '#1A237E' } d={ 'm21.803 11.876-3.58-2.086v5.797H22v-3.369a.4.4 0 0 0-.197-.342' } />
+      <path fill={ '#0C4999' } d={ 'M16.96 4.42h4.523v-.554A.866.866 0 0 0 20.617 3H8.834a.866.866 0 0 0-.866.866v.554z' } />
+      <path fill={ '#0F73D9' } d={ 'M16.96 16.76h3.657a.866.866 0 0 0 .866-.865V12.48H16.96z' } />
+      <path fill={ '#0F439D' } d={ 'M7.968 12.482v3.413c0 .478.388.866.866.866h3.637v-4.279z' } />
+      <path fill={ '#2ECDFD' } d={ 'M16.96 4.42h4.523v4.013H16.96z' } />
+      <path fill={ '#1C5FB0' } d={ 'M7.968 4.42h4.502v4.013H7.969z' } />
+      <path fill={ '#1467C7' } d={ 'M12.47 12.482h4.49v4.279h-4.49z' } />
+      <path fill={ '#1690D5' } d={ 'M12.47 4.42h4.49v4.013h-4.49z' } />
+      <path fill={ '#1BB4FF' } d={ 'M16.96 8.434h4.523v4.048H16.96z' } />
+      <path fill={ '#074DAF' } d={ 'M7.968 8.434h4.502v4.048H7.969z' } />
+      <path fill={ '#2076D4' } d={ 'M12.47 8.434h4.49v4.048h-4.49z' } />
+      <path fill={ '#2ED0FF' } d={ 'M7.72 21h13.436a.844.844 0 0 0 .844-.844v-7.937s-.015.329-.875.809c-.65.361-13.753 7.755-13.753 7.755s.117.217.349.217' } />
+      <path fill={ '#139FE2' } d={ 'M21.14 20.998 7.845 21A.844.844 0 0 1 7 20.155v-7.622l14.682 8.281a.8.8 0 0 1-.542.184' } />
+      <path fill={ '#00488D' } d={ 'M11.16 17H2.84a.84.84 0 0 1-.84-.84V7.84A.84.84 0 0 1 2.84 7h8.32a.84.84 0 0 1 .84.84v8.32a.84.84 0 0 1-.84.84' } />
+      <path fill={ '#fff' } d={ 'M6.957 9.367c-1.566 0-2.509 1.196-2.509 2.671 0 1.476.94 2.671 2.509 2.671 1.57 0 2.508-1.196 2.508-2.67 0-1.476-.943-2.672-2.508-2.672m0 4.44c-.888 0-1.42-.791-1.42-1.769s.534-1.77 1.42-1.77 1.42.793 1.42 1.77-.533 1.77-1.42 1.77' } />
+    </svg>
+  );
+}
+export default MailOutlook;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailProton.tsx b/packages/ui/icons/src/lib/Colored/Logos/MailProton.tsx
new file mode 100644
index 00000000..5158c118
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/MailProton.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function MailProton(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <path fill={ '#D1C4E9' } d={ 'm21.225 4.632-8.048 6.412c-.7.559-1.701.556-2.4-.005L2.768 4.6C2.456 4.361 2 4.581 2 4.971v12.667c0 1.038.853 1.88 1.905 1.88h16.19c1.052 0 1.905-.842 1.905-1.88V4.998a.477.477 0 0 0-.776-.366' } />
+      <path fill={ '#7C4DFF' } d={ 'm17.715 7.429-6.895 5.494c-.7.557-1.7.556-2.399-.004L2 7.772v9.867c0 1.038.853 1.878 1.905 1.878h13.81z' } />
+    </svg>
+  );
+}
+export default MailProton;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailYahoo.tsx b/packages/ui/icons/src/lib/Colored/Logos/MailYahoo.tsx
new file mode 100644
index 00000000..e01db515
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/MailYahoo.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function MailYahoo(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <path fill={ '#720AC1' } d={ 'M0 5a5 5 0 0 1 5-5h14a5 5 0 0 1 5 5v14a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5z' } />
+      <g fill={ '#fff' }>
+        <path d={ 'M4.813 8.35h3l2.852 7.604-2.852.395z' } />
+        <path d={ 'M10.667 8.35h2.999l-4 11h-3zm4.999-3.001h2.999L16 11.5s-.5-1-1.5 0-1.666 1.547-1.666 1.547zm-.166 9.736a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0' } />
+      </g>
+    </svg>
+  );
+}
+export default MailYahoo;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailYandex.tsx b/packages/ui/icons/src/lib/Colored/Logos/MailYandex.tsx
new file mode 100644
index 00000000..b3ff0feb
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/MailYandex.tsx
@@ -0,0 +1,23 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function MailYandex(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <g clipPath={ 'url(#a)' }>
+        <rect width={ 38 } height={ 26 } x={ -7 } y={ -1 } fill={ '#FECA38' } rx={ 5 } />
+        <path fill={ '#FECA38' } d={ 'M0 5a5 5 0 0 1 5-5h14a5 5 0 0 1 5 5v14a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5z' } />
+        <path fill={ '#FFDD7C' } d={ 'm12 6 16 19H-4z' } />
+        <path fill={ 'url(#b)' } d={ 'M-.712 4.295C-2.852 2.493-1.578-1 1.22-1h21.56c2.798 0 4.072 3.493 1.932 5.295l-10.779 9.077c-1.117.94-2.75.94-3.866 0z' } />
+      </g>
+      <defs>
+        <linearGradient id={ 'b' } x1={ 7.378 } x2={ 23.345 } y1={ 6.742 } y2={ -3.507 } gradientUnits={ 'userSpaceOnUse' }>
+          <stop stopColor={ '#FF4412' } />
+          <stop offset={ 1 } stopColor={ '#FFBB7A' } />
+        </linearGradient>
+        <clipPath id={ 'a' }><rect width={ 24 } height={ 24 } fill={ '#fff' } rx={ 5 } /></clipPath>
+      </defs>
+    </svg>
+  );
+}
+export default MailYandex;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/Vk.tsx b/packages/ui/icons/src/lib/Colored/Logos/Vk.tsx
new file mode 100644
index 00000000..c3faf2c6
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/Vk.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function Vk(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <g clipPath={ 'url(#a)' }><path fill={ '#07F' } d={ 'm9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196 2.933.616 3.833 1.516s1.32 2.092 1.516 3.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001 3.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196 1.74-.616 2.933-1.516 3.833s-2.092 1.32-3.833 1.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516S.367 20.221.171 18.48l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933 1.516-3.833S3.779.367 5.52.171l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013zM6.79 7.3H4.05c.13 6.24 3.25 9.99 8.72 9.99h.31v-3.57c2.01.2 3.53 1.67 4.14 3.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01 1.28-.74 3.08-2.54 3.51-4.98h-2.58c-.56 1.98-2.22 3.78-3.8 3.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92' } /></g>
+      <defs><clipPath id={ 'a' }><path fill={ '#fff' } d={ 'M0 0h24v24H0z' } /></clipPath></defs>
+    </svg>
+  );
+}
+export default Vk;
diff --git a/packages/ui/icons/src/lib/Colored/Logos/Yandex.tsx b/packages/ui/icons/src/lib/Colored/Logos/Yandex.tsx
new file mode 100644
index 00000000..9d4aa050
--- /dev/null
+++ b/packages/ui/icons/src/lib/Colored/Logos/Yandex.tsx
@@ -0,0 +1,15 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function Yandex(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <g clipPath={ 'url(#a)' }>
+        <path fill={ '#FC3D17' } d={ 'M0 12C0 5.372 5.371 0 12 0c6.626 0 12 5.372 12 12s-5.374 12-12 12C5.371 24 0 18.628 0 12' } />
+        <path fill={ '#fff' } d={ 'M13.32 7.666h-.924c-1.694 0-2.585.858-2.585 2.123 0 1.43.616 2.1 1.881 2.96l1.045.703-3.003 4.487H7.49l2.695-4.014c-1.55-1.11-2.42-2.19-2.42-4.015 0-2.288 1.595-3.85 4.62-3.85h3.003v11.868H13.32z' } />
+      </g>
+      <defs><clipPath id={ 'a' }><path fill={ '#fff' } d={ 'M0 0h24v24H0z' } /></clipPath></defs>
+    </svg>
+  );
+}
+export default Yandex;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/Arrow360.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/Arrow360.tsx
new file mode 100644
index 00000000..37ec35a2
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/Arrow360.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Arrow360 = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M9.35 16.8q-3.2-.425-5.275-1.75T2 12q0-2.075 2.888-3.537T12 7t7.113 1.463T22 12q0 1.4-1.362 2.538t-3.613 1.787a.75.75 0 0 1-.712-.112.76.76 0 0 1-.313-.639q0-.45.263-.8.262-.35.687-.5 1.5-.5 2.275-1.137Q20 12.499 20 12q0-.8-2.138-1.9T12 9t-5.863 1.1T4 12q0 .6 1.275 1.438Q6.55 14.277 8.9 14.7l-.6-.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l2.6 2.6q.3.3.3.7t-.3.7l-2.6 2.6a.98.98 0 0 1-.687.288.93.93 0 0 1-.713-.288.98.98 0 0 1-.288-.687.97.97 0 0 1 .263-.713z' } /></svg>;
+export default Arrow360;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowBack.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowBack.tsx
new file mode 100644
index 00000000..8a9cedf4
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowBack.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowBack = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm7.825 13 4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288a.91.91 0 0 1-.7-.288l-6.6-6.6a.9.9 0 0 1-.213-.325 1.17 1.17 0 0 1 .002-.75.86.86 0 0 1 .212-.325l6.6-6.6a.93.93 0 0 1 .688-.275q.413 0 .712.275.3.3.3.713a.97.97 0 0 1-.3.712L7.825 11H19q.425 0 .713.288T20 12q0 .424-.288.713A.96.96 0 0 1 19 13z' } /></svg>;
+export default ArrowBack;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowDownToSquare.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowDownToSquare.tsx
new file mode 100644
index 00000000..f760c731
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowDownToSquare.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowDownToSquare = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V9q0-.825.588-1.412A1.93 1.93 0 0 1 5 7h3q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 8 9H5v10h14V9h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 8q0-.424.288-.712A.97.97 0 0 1 16 7h3q.825 0 1.413.588T21 9v10q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm8-8.825.9-.9a.93.93 0 0 1 .688-.275q.413 0 .712.3a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-2.6 2.6q-.3.3-.7.3a.96.96 0 0 1-.7-.3l-2.6-2.6a.98.98 0 0 1-.287-.687.94.94 0 0 1 .287-.713.95.95 0 0 1 .7-.275q.425 0 .7.275l.9.875V1q0-.424.288-.712A.97.97 0 0 1 12 0q.424 0 .713.288A.96.96 0 0 1 13 1z' } /></svg>;
+export default ArrowDownToSquare;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowLeftArrowRight.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowLeftArrowRight.tsx
new file mode 100644
index 00000000..75b912f7
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowLeftArrowRight.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowLeftArrowRight = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5.825 16 7.7 17.875a.93.93 0 0 1 .275.688q0 .413-.275.712-.3.3-.712.3a.98.98 0 0 1-.713-.3L2.7 15.7a.9.9 0 0 1-.213-.325 1.17 1.17 0 0 1 .002-.75.86.86 0 0 1 .212-.325l3.6-3.6q.3-.3.7-.287t.7.312q.275.3.288.7a.91.91 0 0 1-.288.7L5.825 14H12q.425 0 .713.288T13 15t-.288.713A.96.96 0 0 1 12 16zm12.35-6H12a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 9q0-.424.288-.712A.97.97 0 0 1 12 8h6.175L16.3 6.125a.93.93 0 0 1-.275-.687q0-.412.275-.713.3-.3.713-.3t.712.3L21.3 8.3q.15.15.212.325a1.13 1.13 0 0 1 0 .75.9.9 0 0 1-.212.325l-3.6 3.6q-.3.3-.7.288a1 1 0 0 1-.7-.313q-.275-.3-.288-.7a.91.91 0 0 1 .288-.7z' } /></svg>;
+export default ArrowLeftArrowRight;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowOutward.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowOutward.tsx
new file mode 100644
index 00000000..dc8a74a9
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowOutward.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowOutward = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm16 8.4-8.9 8.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7L14.6 7H7a.97.97 0 0 1-.712-.288A.97.97 0 0 1 6 6q0-.424.288-.712A.97.97 0 0 1 7 5h10q.425 0 .713.288.288.289.287.712v10a.97.97 0 0 1-.288.713A.96.96 0 0 1 17 17a.97.97 0 0 1-.712-.288A.97.97 0 0 1 16 16z' } /></svg>;
+export default ArrowOutward;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightFromSquare.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightFromSquare.tsx
new file mode 100644
index 00000000..28e8cb5d
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightFromSquare.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowRightFromSquare = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h6q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 11 5H5v14h6q.425 0 .713.288T12 20t-.288.713A.96.96 0 0 1 11 21zm12.175-8H10a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.424.288-.712A.97.97 0 0 1 10 11h7.175L15.3 9.125a.92.92 0 0 1-.275-.675q0-.4.275-.7a.95.95 0 0 1 .7-.313.94.94 0 0 1 .725.288L20.3 11.3q.3.3.3.7t-.3.7l-3.575 3.575q-.3.3-.712.288a1.02 1.02 0 0 1-.713-.313.97.97 0 0 1-.262-.712.98.98 0 0 1 .287-.688z' } /></svg>;
+export default ArrowRightFromSquare;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightToSquare.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightToSquare.tsx
new file mode 100644
index 00000000..d46e6b85
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightToSquare.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowRightToSquare = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M13 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 20q0-.424.288-.712A.97.97 0 0 1 13 19h6V5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 4q0-.424.288-.712A.97.97 0 0 1 13 3h6q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm-1.825-8H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.424.288-.712A.97.97 0 0 1 4 11h7.175L9.3 9.125a.92.92 0 0 1-.275-.675q0-.4.275-.7a.95.95 0 0 1 .7-.313.94.94 0 0 1 .725.288L14.3 11.3q.3.3.3.7t-.3.7l-3.575 3.575q-.3.3-.712.288a1.02 1.02 0 0 1-.713-.313.97.97 0 0 1-.262-.712.98.98 0 0 1 .287-.688z' } /></svg>;
+export default ArrowRightToSquare;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRight.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRight.tsx
new file mode 100644
index 00000000..027244f0
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRight.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowShapeTurnUpRight = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm21.707 11.293-8-8A1 1 0 0 0 12 4v3.545A11.015 11.015 0 0 0 2 18.5V20a1 1 0 0 0 1.784.62 11.46 11.46 0 0 1 7.887-4.049c.05-.006.175-.016.329-.026V20a1 1 0 0 0 1.707.707l8-8a1 1 0 0 0 0-1.414M14 17.586V15.5a1 1 0 0 0-1-1c-.255 0-1.296.05-1.562.085a14 14 0 0 0-7.386 2.948A9.013 9.013 0 0 1 13 9.5a1 1 0 0 0 1-1V6.414L19.586 12z' } /></svg>;
+export default ArrowShapeTurnUpRight;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRightCheck.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRightCheck.tsx
new file mode 100644
index 00000000..5530fa44
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRightCheck.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowShapeTurnUpRightCheck = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm22.707 11.293-8-8A1 1 0 0 0 13 4v3.545A11.015 11.015 0 0 0 3 18.5V20a1 1 0 0 0 1.784.62 11.46 11.46 0 0 1 7.887-4.05c.05-.005.175-.015.329-.025V20a1 1 0 0 0 1.707.707l8-8a1 1 0 0 0 0-1.414M15 17.586V15.5a1 1 0 0 0-1-1c-.255 0-1.296.05-1.562.085a14 14 0 0 0-7.386 2.948A9.013 9.013 0 0 1 14 9.5a1 1 0 0 0 1-1V6.414L20.586 12zM8.375 2.275l-4.35 4.35-1.35-1.35a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l2.05 2.05q.3.3.7.3t.7-.3l5.05-5.05a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275' } /></svg>;
+export default ArrowShapeTurnUpRightCheck;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUpArrowDown.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUpArrowDown.tsx
new file mode 100644
index 00000000..dad8a3d6
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUpArrowDown.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowUpArrowDown = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M9 13a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 12V5.825L6.125 7.7a.93.93 0 0 1-.687.275q-.412 0-.713-.275-.3-.3-.3-.712t.3-.713L8.3 2.7q.15-.15.325-.213T9 2.425t.375.062A.85.85 0 0 1 9.7 2.7l3.6 3.6q.3.3.287.7a1 1 0 0 1-.312.7q-.3.275-.7.288a.91.91 0 0 1-.7-.288L10 5.825V12a.97.97 0 0 1-.288.713A.96.96 0 0 1 9 13m6 8.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-3.6-3.6a.92.92 0 0 1-.287-.7q.014-.4.312-.7.3-.275.7-.288.4-.014.7.288L14 18.175V12q0-.424.288-.712A.97.97 0 0 1 15 11q.424 0 .713.288A.96.96 0 0 1 16 12v6.175l1.875-1.875a.93.93 0 0 1 .688-.275q.413 0 .712.275.3.3.3.713a.97.97 0 0 1-.3.712L15.7 21.3q-.15.15-.325.213a1.1 1.1 0 0 1-.375.062' } /></svg>;
+export default ArrowUpArrowDown;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCcwLeft.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCcwLeft.tsx
new file mode 100644
index 00000000..96e9726e
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCcwLeft.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowUturnCcwLeft = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M8 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 18q0-.424.288-.712A.97.97 0 0 1 8 17h6.1q1.575 0 2.738-1T18 13.5q0-1.5-1.162-2.5T14.1 10H7.8l1.9 1.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275L4.7 9.7a.9.9 0 0 1-.213-.325 1.17 1.17 0 0 1 .002-.75A.86.86 0 0 1 4.7 8.3l3.6-3.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L7.8 8h6.3q2.425 0 4.163 1.575T20 13.5t-1.737 3.925T14.1 19z' } /></svg>;
+export default ArrowUturnCcwLeft;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCwRight.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCwRight.tsx
new file mode 100644
index 00000000..edce0c22
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCwRight.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowUturnCwRight = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M16.2 10H9.9q-1.575 0-2.738 1T6 13.5 7.163 16 9.9 17H16q.425 0 .713.288T17 18q0 .424-.288.713A.96.96 0 0 1 16 19H9.9q-2.425 0-4.163-1.575T4 13.5q0-2.35 1.738-3.925T9.9 8h6.3l-1.9-1.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.6 3.6q.15.15.213.325t.062.375q0 .2-.062.375a.85.85 0 0 1-.213.325l-3.6 3.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7z' } /></svg>;
+export default ArrowUturnCwRight;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightAdd.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightAdd.tsx
new file mode 100644
index 00000000..50b374b1
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightAdd.tsx
@@ -0,0 +1,14 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function ArrowsRotateRightAdd(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <g fill={ 'currentColor' }>
+        <path d={ 'M7 5.775a8.1 8.1 0 0 0-2.187 2.713Q4.002 10.101 4 12q0 2.876 1.75 5.013t4.425 2.762q.375.1.6.438t.225.737a.92.92 0 0 1-.275.675q-.275.276-.625.2-3.5-.65-5.8-3.387T2 12q0-2.275.913-4.2A10.05 10.05 0 0 1 5.4 4.5H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 3.5q0-.424.288-.712A.97.97 0 0 1 4 2.5h4q.425 0 .713.288.288.289.287.712v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 8 8.5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 7.5zM18.6 19.5H20q.425 0 .713.288T21 20.5q0 .424-.288.713A.96.96 0 0 1 20 21.5h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 20.5v-4q0-.424.288-.712A.97.97 0 0 1 16 15.5q.424 0 .713.288A.96.96 0 0 1 17 16.5v1.725a8.4 8.4 0 0 0 2.188-2.725q.813-1.6.812-3.5 0-2.875-1.75-5.012t-4.425-2.763a1.02 1.02 0 0 1-.6-.437A1.3 1.3 0 0 1 13 3.05q0-.4.275-.675t.625-.2q3.5.65 5.8 3.388T22 12q0 2.276-.913 4.2a10.05 10.05 0 0 1-2.487 3.3' } />
+        <path d={ 'M11 13v2q0 .425.288.713T12 16t.713-.288A.96.96 0 0 0 13 15v-2h2a.97.97 0 0 0 .713-.288A.96.96 0 0 0 16 12a.97.97 0 0 0-.288-.712A.97.97 0 0 0 15 11h-2V9a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 8a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 9v2H9a.97.97 0 0 0-.712.288A.97.97 0 0 0 8 12q0 .424.288.713A.96.96 0 0 0 9 13z' } />
+      </g>
+    </svg>
+  );
+}
+export default ArrowsRotateRightAdd;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightCheck.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightCheck.tsx
new file mode 100644
index 00000000..f57d01da
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightCheck.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ArrowsRotateRightCheck = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M7 5.775a8.1 8.1 0 0 0-2.187 2.713Q4.002 10.101 4 12q0 2.876 1.75 5.013t4.425 2.762q.375.1.6.438t.225.737a.92.92 0 0 1-.275.675q-.275.276-.625.2-3.5-.65-5.8-3.387T2 12q0-2.275.913-4.2A10.05 10.05 0 0 1 5.4 4.5H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 3.5q0-.424.288-.712A.97.97 0 0 1 4 2.5h4q.425 0 .713.288.288.289.287.712v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 8 8.5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 7.5zm3.575 8L15.55 8.8q.3-.3.7-.288t.7.313q.275.3.288.7a.91.91 0 0 1-.288.7L11.275 15.9q-.3.3-.7.3a.96.96 0 0 1-.7-.3L7.05 13.05a.98.98 0 0 1-.287-.687.94.94 0 0 1 .287-.713.95.95 0 0 1 .7-.275q.425 0 .7.275zM18.6 19.5H20q.425 0 .713.288T21 20.5q0 .424-.288.713A.96.96 0 0 1 20 21.5h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 20.5v-4q0-.424.288-.712A.97.97 0 0 1 16 15.5q.424 0 .713.288A.96.96 0 0 1 17 16.5v1.725a8.4 8.4 0 0 0 2.188-2.725q.813-1.6.812-3.5 0-2.875-1.75-5.012t-4.425-2.763a1.02 1.02 0 0 1-.6-.437A1.3 1.3 0 0 1 13 3.05q0-.4.275-.675t.625-.2q3.5.65 5.8 3.388T22 12q0 2.276-.913 4.2a10.05 10.05 0 0 1-2.487 3.3' } /></svg>;
+export default ArrowsRotateRightCheck;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDown.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDown.tsx
new file mode 100644
index 00000000..4c3ae030
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDown.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ChevronDown = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 14.975q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.213a1.1 1.1 0 0 1-.375.062' } /></svg>;
+export default ChevronDown;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDownToLine.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDownToLine.tsx
new file mode 100644
index 00000000..39506292
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDownToLine.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ChevronDownToLine = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm12.013 10.188 3.9-3.9a.95.95 0 0 1 .7-.276q.424 0 .7.275a.95.95 0 0 1 .274.7.95.95 0 0 1-.274.7l-4.6 4.6q-.15.15-.325.213a1.15 1.15 0 0 1-.75 0 .85.85 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.276-.7q0-.424.275-.7a.95.95 0 0 1 .7-.275q.426 0 .7.275zm6 6.8a.97.97 0 0 1-.289.713.96.96 0 0 1-.712.287h-10A.97.97 0 0 1 6.3 17.7a.96.96 0 0 1-.287-.712q.002-.424.288-.712a.97.97 0 0 1 .712-.288h10q.426 0 .712.288.288.288.288.712' } /></svg>;
+export default ChevronDownToLine;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronLeft.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronLeft.tsx
new file mode 100644
index 00000000..b773f582
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronLeft.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ChevronLeft = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm10.8 12 3.9 3.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-4.6-4.6a.9.9 0 0 1-.212-.325 1.13 1.13 0 0 1 0-.75.9.9 0 0 1 .212-.325l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7z' } /></svg>;
+export default ChevronLeft;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronRight.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronRight.tsx
new file mode 100644
index 00000000..4a7e7e6b
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronRight.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ChevronRight = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12.6 12 8.7 8.1a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325t.062.375-.062.375a.85.85 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7z' } /></svg>;
+export default ChevronRight;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUp.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUp.tsx
new file mode 100644
index 00000000..3de881e2
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUp.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ChevronUp = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm12 10.8-3.9 3.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.6-4.6q.3-.3.7-.3t.7.3l4.6 4.6a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z' } /></svg>;
+export default ChevronUp;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUpToLine.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUpToLine.tsx
new file mode 100644
index 00000000..74a7f41b
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUpToLine.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ChevronUpToLine = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5.988 7.012q0-.424.288-.712a.97.97 0 0 1 .712-.288h10q.424 0 .712.288.286.289.288.712 0 .424-.288.713a.96.96 0 0 1-.712.287h-10a.97.97 0 0 1-.713-.288.96.96 0 0 1-.287-.712m6 6.8-3.9 3.9a.95.95 0 0 1-.7.276.95.95 0 0 1-.7-.276.95.95 0 0 1-.275-.7q0-.424.275-.7l4.6-4.6q.15-.15.325-.211.174-.063.375-.063.2-.002.375.063a.9.9 0 0 1 .325.212l4.6 4.6a.95.95 0 0 1 .274.7.95.95 0 0 1-.274.7.95.95 0 0 1-.7.274.95.95 0 0 1-.7-.274z' } /></svg>;
+export default ChevronUpToLine;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsCollapseUpRight.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsCollapseUpRight.tsx
new file mode 100644
index 00000000..b31f63e9
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsCollapseUpRight.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ChevronsCollapseUpRight = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M9 15H6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 14q0-.424.288-.712A.97.97 0 0 1 6 13h4q.425 0 .713.288T11 14v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 10 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 18zm6-6h3q.425 0 .713.288T19 10q0 .424-.288.713A.96.96 0 0 1 18 11h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 10V6q0-.424.288-.712A.97.97 0 0 1 14 5q.424 0 .713.288A.96.96 0 0 1 15 6z' } /></svg>;
+export default ChevronsCollapseUpRight;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsExpandUpRight.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsExpandUpRight.tsx
new file mode 100644
index 00000000..1da37aec
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsExpandUpRight.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ChevronsExpandUpRight = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M7 17h3q.425 0 .713.288T11 18t-.288.713A.96.96 0 0 1 10 19H6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 18v-4q0-.424.288-.712A.97.97 0 0 1 6 13q.424 0 .713.288A.96.96 0 0 1 7 14zM17 7h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 6q0-.424.288-.712A.97.97 0 0 1 14 5h4q.425 0 .713.288.288.289.287.712v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 18 11a.97.97 0 0 1-.712-.288A.97.97 0 0 1 17 10z' } /></svg>;
+export default ChevronsExpandUpRight;
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/Shuffle.tsx b/packages/ui/icons/src/lib/Monochrome/Arrows/Shuffle.tsx
new file mode 100644
index 00000000..09853785
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Arrows/Shuffle.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Shuffle = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M15 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 14 19q0-.424.288-.712A.97.97 0 0 1 15 18h1.6l-2.475-2.475a.93.93 0 0 1-.287-.712q.013-.412.312-.713.3-.3.713-.3.414 0 .712.3L18 16.55V15q0-.424.288-.712A.97.97 0 0 1 19 14q.424 0 .713.288A.96.96 0 0 1 20 15v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 19 20zm-10.7-.3a.95.95 0 0 1-.275-.7q0-.425.275-.7L16.6 6H15a.97.97 0 0 1-.712-.288A.97.97 0 0 1 14 5q0-.424.288-.712A.97.97 0 0 1 15 4h4q.425 0 .713.288.288.289.287.712v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 19 10a.97.97 0 0 1-.712-.288A.97.97 0 0 1 18 9V7.4L5.7 19.7a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275m-.025-14A.95.95 0 0 1 4 5q0-.425.275-.7a.93.93 0 0 1 .687-.275q.412 0 .713.275l4.2 4.175a.98.98 0 0 1 .288.688.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z' } /></svg>;
+export default Shuffle;
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/Bookmark.tsx b/packages/ui/icons/src/lib/Monochrome/Doc/Bookmark.tsx
new file mode 100644
index 00000000..bde19398
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Doc/Bookmark.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Bookmark = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm12 18-4.2 1.8q-1 .425-1.9-.162T5 17.975V5q0-.824.588-1.412A1.93 1.93 0 0 1 7 3h10q.825 0 1.413.588T19 5v12.975q0 1.075-.9 1.663t-1.9.162zm0-2.2 5 2.15V5H7v12.95zM12 5H7h10z' } /></svg>;
+export default Bookmark;
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/BookmarkFill.tsx b/packages/ui/icons/src/lib/Monochrome/Doc/BookmarkFill.tsx
new file mode 100644
index 00000000..ed27ac7d
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Doc/BookmarkFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const BookmarkFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm12 18-4.2 1.8q-1 .425-1.9-.162T5 17.975V5q0-.824.588-1.412A1.93 1.93 0 0 1 7 3h10q.825 0 1.413.588T19 5v12.975q0 1.075-.9 1.663t-1.9.162z' } /></svg>;
+export default BookmarkFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/Bookmarks.tsx b/packages/ui/icons/src/lib/Monochrome/Doc/Bookmarks.tsx
new file mode 100644
index 00000000..220fd904
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Doc/Bookmarks.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Bookmarks = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm10 19-4.55 2.275a.95.95 0 0 1-.975-.038Q4 20.949 4 20.376V8q0-.824.588-1.412A1.93 1.93 0 0 1 6 6h8q.825 0 1.413.588T16 8v12.375q0 .575-.475.863a.95.95 0 0 1-.975.037zm-4-.025 3.05-1.65a1.93 1.93 0 0 1 1.9 0l3.05 1.65V8H6zM19 18a.97.97 0 0 1-.712-.288A.97.97 0 0 1 18 17V4H8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 3q0-.424.288-.712A.97.97 0 0 1 8 2h10q.825 0 1.413.588T20 4v13a.97.97 0 0 1-.288.713A.96.96 0 0 1 19 18' } /></svg>;
+export default Bookmarks;
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/Link.tsx b/packages/ui/icons/src/lib/Monochrome/Doc/Link.tsx
new file mode 100644
index 00000000..80b7d878
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Doc/Link.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Link = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M7 17q-2.074 0-3.537-1.463Q2.001 14.075 2 12q0-2.075 1.463-3.537Q4.927 7 7 7h3q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 10 9H7q-1.25 0-2.125.875A2.9 2.9 0 0 0 4 12q0 1.25.875 2.125A2.9 2.9 0 0 0 7 15h3q.425 0 .713.288T11 16t-.288.713A.96.96 0 0 1 10 17zm2-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 12q0-.424.288-.712A.97.97 0 0 1 9 11h6q.425 0 .713.288T16 12t-.288.713A.96.96 0 0 1 15 13zm5 4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 16q0-.424.288-.712A.97.97 0 0 1 14 15h3q1.25 0 2.125-.875A2.9 2.9 0 0 0 20 12q0-1.25-.875-2.125A2.9 2.9 0 0 0 17 9h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 8q0-.424.288-.712A.97.97 0 0 1 14 7h3q2.075 0 3.538 1.463T22 12q0 2.074-1.463 3.538Q19.075 17.002 17 17z' } /></svg>;
+export default Link;
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/LinkAdd.tsx b/packages/ui/icons/src/lib/Monochrome/Doc/LinkAdd.tsx
new file mode 100644
index 00000000..e3414b02
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Doc/LinkAdd.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const LinkAdd = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M17 17h-2.025a.93.93 0 0 1-.7-.288A1 1 0 0 1 14 16q0-.424.288-.712A.97.97 0 0 1 15 15h2v-2q0-.424.288-.712A.97.97 0 0 1 18 12q.424 0 .713.288A.96.96 0 0 1 19 13v2h2q.425 0 .713.288T22 16q0 .424-.288.713A.96.96 0 0 1 21 17h-2v2a.97.97 0 0 1-.288.713A.96.96 0 0 1 18 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 17 19zm-7 0H7q-2.074 0-3.537-1.463Q2.001 14.075 2 12q0-2.075 1.463-3.537Q4.927 7 7 7h3q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 10 9H7q-1.25 0-2.125.875A2.9 2.9 0 0 0 4 12q0 1.25.875 2.125A2.9 2.9 0 0 0 7 15h3q.425 0 .713.288T11 16t-.288.713A.96.96 0 0 1 10 17m-1-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 12q0-.424.288-.712A.97.97 0 0 1 9 11h6q.425 0 .713.288T16 12t-.288.713A.96.96 0 0 1 15 13zm13-1h-2q0-1.25-.875-2.125A2.9 2.9 0 0 0 17 9h-3.025a.93.93 0 0 1-.7-.288A1 1 0 0 1 13 8q0-.424.288-.712A.97.97 0 0 1 14 7h3q2.075 0 3.538 1.463T22 12' } /></svg>;
+export default LinkAdd;
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/LinkSlash.tsx b/packages/ui/icons/src/lib/Monochrome/Doc/LinkSlash.tsx
new file mode 100644
index 00000000..20645ac1
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Doc/LinkSlash.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const LinkSlash = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M15.625 12.775 13.85 11H15q.425 0 .713.288T16 12a1 1 0 0 1-.1.45.9.9 0 0 1-.275.325M20.5 21.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-17-17a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7M7 17q-2.074 0-3.537-1.463Q2.001 14.075 2 12q0-1.725 1.05-3.075t2.7-1.775L7.6 9H7q-1.25 0-2.125.875A2.9 2.9 0 0 0 4 12q0 1.25.875 2.125A2.9 2.9 0 0 0 7 15h3q.425 0 .713.288T11 16t-.288.713A.96.96 0 0 1 10 17zm2-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 12q0-.424.288-.712A.97.97 0 0 1 9 11h.625l1.975 2zm9.5 2.8a1.05 1.05 0 0 1-.162-.75.88.88 0 0 1 .412-.625q.575-.424.913-1.05.338-.625.337-1.375 0-1.25-.875-2.125A2.9 2.9 0 0 0 17 9h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 8q0-.424.288-.712A.97.97 0 0 1 14 7h3q2.075 0 3.538 1.463T22 12q0 1.226-.562 2.288a4.94 4.94 0 0 1-1.563 1.762q-.35.225-.75.163a.87.87 0 0 1-.625-.413' } /></svg>;
+export default LinkSlash;
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/CodeBlock.tsx b/packages/ui/icons/src/lib/Monochrome/Editor/CodeBlock.tsx
new file mode 100644
index 00000000..fc57e8cb
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Editor/CodeBlock.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const CodeBlock = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm8.825 12 1.475-1.475q.3-.3.3-.7t-.3-.7-.712-.3-.713.3L6.7 11.3q-.15.15-.213.325a1.15 1.15 0 0 0 0 .75.85.85 0 0 0 .213.325l2.175 2.175q.3.3.713.3a.97.97 0 0 0 .712-.3.965.965 0 0 0 0-1.4zm6.35 0L13.7 13.475q-.3.3-.3.7t.3.7.713.3a.97.97 0 0 0 .712-.3L17.3 12.7q.15-.15.213-.325t.062-.375a1.2 1.2 0 0 0-.062-.375.85.85 0 0 0-.213-.325l-2.175-2.175a1 1 0 0 0-1.425 0q-.3.3-.3.7t.3.7zM5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm0-2h14V5H5z' } /></svg>;
+export default CodeBlock;
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/FormatBold.tsx b/packages/ui/icons/src/lib/Monochrome/Editor/FormatBold.tsx
new file mode 100644
index 00000000..9e8fce06
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Editor/FormatBold.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FormatBold = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M8.8 19q-.825 0-1.412-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.588-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963t-1.075.987q.626.275 1.388 1.025.764.75.762 2.25 0 2.225-1.625 3.113t-3.05.887zm1.025-2.8h2.6q1.2 0 1.463-.612t.262-.888-.262-.887-1.538-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z' } /></svg>;
+export default FormatBold;
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/FormatItalic.tsx b/packages/ui/icons/src/lib/Monochrome/Editor/FormatItalic.tsx
new file mode 100644
index 00000000..a572aa36
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Editor/FormatItalic.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FormatItalic = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M6.25 19q-.525 0-.888-.363A1.2 1.2 0 0 1 5 17.75q0-.524.363-.888.362-.364.887-.362H9l3-9H9.25q-.525 0-.888-.363A1.2 1.2 0 0 1 8 6.25q0-.524.363-.888.362-.364.887-.362h7.5q.525 0 .888.363T18 6.25q0 .524-.363.888a1.2 1.2 0 0 1-.887.362H14.5l-3 9h2.25q.525 0 .888.363t.362.887-.363.888a1.2 1.2 0 0 1-.887.362z' } /></svg>;
+export default FormatItalic;
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/FormatListOl.tsx b/packages/ui/icons/src/lib/Monochrome/Editor/FormatListOl.tsx
new file mode 100644
index 00000000..a69bd7a1
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Editor/FormatListOl.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FormatListOl = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M3.75 22a.726.726 0 0 1-.75-.75q0-.324.213-.537a.73.73 0 0 1 .537-.213H5.5v-.75h-.75A.726.726 0 0 1 4 19q0-.324.213-.537a.73.73 0 0 1 .537-.213h.75v-.75H3.75a.726.726 0 0 1-.75-.75q0-.324.213-.537A.73.73 0 0 1 3.75 16H6q.425 0 .713.288T7 17v1a.97.97 0 0 1-.288.713A.96.96 0 0 1 6 19q.425 0 .713.288T7 20v1a.97.97 0 0 1-.288.713A.96.96 0 0 1 6 22zm0-7a.726.726 0 0 1-.75-.75v-2q0-.424.288-.712A.97.97 0 0 1 4 11.25h1.5v-.75H3.75A.726.726 0 0 1 3 9.75q0-.324.213-.537A.73.73 0 0 1 3.75 9H6q.425 0 .713.288T7 10v1.75a.97.97 0 0 1-.288.713.96.96 0 0 1-.712.287H4.5v.75h1.75a.73.73 0 0 1 .75.75.74.74 0 0 1-.213.538.72.72 0 0 1-.537.212zm1.5-7a.726.726 0 0 1-.75-.75V3.5h-.75A.726.726 0 0 1 3 2.75q0-.324.213-.537A.73.73 0 0 1 3.75 2h1.5a.73.73 0 0 1 .75.75v4.5a.73.73 0 0 1-.75.75M10 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 18q0-.424.288-.712A.97.97 0 0 1 10 17h10q.425 0 .713.288T21 18q0 .424-.288.713A.96.96 0 0 1 20 19zm0-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.424.288-.712A.97.97 0 0 1 10 11h10q.425 0 .713.288T21 12q0 .424-.288.713A.96.96 0 0 1 20 13zm0-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 6q0-.424.288-.712A.97.97 0 0 1 10 5h10q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 20 7z' } /></svg>;
+export default FormatListOl;
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/FormatListUl.tsx b/packages/ui/icons/src/lib/Monochrome/Editor/FormatListUl.tsx
new file mode 100644
index 00000000..4e6a2f07
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Editor/FormatListUl.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FormatListUl = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M10 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 18q0-.424.288-.712A.97.97 0 0 1 10 17h10q.425 0 .713.288T21 18q0 .424-.288.713A.96.96 0 0 1 20 19zm0-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.424.288-.712A.97.97 0 0 1 10 11h10q.425 0 .713.288T21 12q0 .424-.288.713A.96.96 0 0 1 20 13zm0-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 6q0-.424.288-.712A.97.97 0 0 1 10 5h10q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 20 7zM5 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 18q0-.825.588-1.412Q4.177 16.002 5 16a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 5 20m0-6q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 12q0-.825.588-1.412Q4.177 10.002 5 10a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 5 14m0-6q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 6q0-.825.588-1.412Q4.177 4.002 5 4a1.92 1.92 0 0 1 1.413.588Q7.003 5.178 7 6a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 5 8' } /></svg>;
+export default FormatListUl;
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/FormatUndeline.tsx b/packages/ui/icons/src/lib/Monochrome/Editor/FormatUndeline.tsx
new file mode 100644
index 00000000..d4362fd7
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Editor/FormatUndeline.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FormatUndeline = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M6 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 20q0-.424.288-.712A.97.97 0 0 1 6 19h12q.425 0 .713.288T19 20q0 .424-.288.713A.96.96 0 0 1 18 21zm6-4q-2.525 0-3.925-1.575t-1.4-4.175V4.275q0-.525.388-.9A1.27 1.27 0 0 1 7.975 3q.525 0 .9.375.376.375.375.9V11.4q0 1.4.7 2.275t2.05.875 2.05-.875.7-2.275V4.275q0-.525.388-.9A1.27 1.27 0 0 1 16.05 3q.525 0 .9.375.376.375.375.9v6.975q0 2.6-1.4 4.175T12 17' } /></svg>;
+export default FormatUndeline;
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/TextFormat.tsx b/packages/ui/icons/src/lib/Monochrome/Editor/TextFormat.tsx
new file mode 100644
index 00000000..f9428726
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Editor/TextFormat.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const TextFormat = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M6 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 18q0-.424.288-.712A.97.97 0 0 1 6 17h12q.425 0 .713.288T19 18q0 .424-.288.713A.96.96 0 0 1 18 19zm1.35-5.2 3.425-9.2a.88.88 0 0 1 .338-.437A.94.94 0 0 1 11.65 4h.7q.3 0 .538.163a.88.88 0 0 1 .337.437l3.425 9.225q.15.425-.1.8a.8.8 0 0 1-.7.375.9.9 0 0 1-.512-.162A.9.9 0 0 1 15 14.4l-.75-2.2H9.8L9 14.425a.84.84 0 0 1-.325.425q-.225.15-.5.15a.84.84 0 0 1-.737-.387.82.82 0 0 1-.088-.813m3-3.2h3.3l-1.6-4.55h-.1z' } /></svg>;
+export default TextFormat;
diff --git a/packages/ui/icons/src/lib/Monochrome/File/Copy.tsx b/packages/ui/icons/src/lib/Monochrome/File/Copy.tsx
new file mode 100644
index 00000000..12c03c0f
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/File/Copy.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Copy = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M9 18q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 16V4q0-.824.588-1.412A1.93 1.93 0 0 1 9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413A1.92 1.92 0 0 1 18 18zm0-2h9V4H9zm-4 6q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 20V7q0-.424.288-.712A.97.97 0 0 1 4 6q.424 0 .713.288A.96.96 0 0 1 5 7v13h10q.425 0 .713.288T16 21t-.288.713A.96.96 0 0 1 15 22z' } /></svg>;
+export default Copy;
diff --git a/packages/ui/icons/src/lib/Monochrome/File/File.tsx b/packages/ui/icons/src/lib/Monochrome/File/File.tsx
new file mode 100644
index 00000000..5c0901a2
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/File/File.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const File = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638t.15.762V20q0 .825-.587 1.413A1.92 1.92 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 8' } /></svg>;
+export default File;
diff --git a/packages/ui/icons/src/lib/Monochrome/File/FileAdd.tsx b/packages/ui/icons/src/lib/Monochrome/File/FileAdd.tsx
new file mode 100644
index 00000000..9b1859a2
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/File/FileAdd.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FileAdd = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M11 15v2q0 .425.288.713T12 18q.424 0 .713-.288A.96.96 0 0 0 13 17v-2h2a.97.97 0 0 0 .713-.288A.96.96 0 0 0 16 14a.97.97 0 0 0-.288-.712A.97.97 0 0 0 15 13h-2v-2a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 10a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 11v2H9a.97.97 0 0 0-.712.288A.97.97 0 0 0 8 14q0 .424.288.713A.96.96 0 0 0 9 15zm-5 7q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638t.15.762V20q0 .825-.587 1.413A1.92 1.92 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 8' } /></svg>;
+export default FileAdd;
diff --git a/packages/ui/icons/src/lib/Monochrome/File/FileCheck.tsx b/packages/ui/icons/src/lib/Monochrome/File/FileCheck.tsx
new file mode 100644
index 00000000..7349254a
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/File/FileCheck.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FileCheck = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm10.925 15.125-1.4-1.4q-.15-.15-.325-.225a.9.9 0 0 0-.362-.075 1 1 0 0 0-.713.3q-.3.3-.3.713t.3.712l2.125 2.15q.15.15.325.213t.375.062q.2 0 .375-.062a.85.85 0 0 0 .325-.213l4.225-4.225q.3-.3.3-.725t-.3-.725-.725-.3-.725.3zM6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638t.15.762V20q0 .825-.587 1.413A1.92 1.92 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 8' } /></svg>;
+export default FileCheck;
diff --git a/packages/ui/icons/src/lib/Monochrome/File/FileCheckFill.tsx b/packages/ui/icons/src/lib/Monochrome/File/FileCheckFill.tsx
new file mode 100644
index 00000000..b6427dfe
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/File/FileCheckFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FileCheckFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638t.15.762V20q0 .825-.587 1.413A1.92 1.92 0 0 1 18 22zm7-14q0 .425.288.713T14 9h4l-5-5zm-2.075 7.125-1.4-1.4q-.15-.15-.325-.225a.9.9 0 0 0-.362-.075 1 1 0 0 0-.713.3q-.3.3-.3.713t.3.712l2.125 2.15q.15.15.325.213t.375.062q.2 0 .375-.062a.85.85 0 0 0 .325-.213l4.225-4.225q.3-.3.3-.725t-.3-.725-.725-.3-.725.3z' } /></svg>;
+export default FileCheckFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/Folder.tsx b/packages/ui/icons/src/lib/Monochrome/Folders/Folder.tsx
new file mode 100644
index 00000000..4c0aedb1
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Folders/Folder.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Folder = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413A1.92 1.92 0 0 1 20 20zm0-2h16V8h-8.825l-2-2H4z' } /></svg>;
+export default Folder;
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/FolderAdd.tsx b/packages/ui/icons/src/lib/Monochrome/Folders/FolderAdd.tsx
new file mode 100644
index 00000000..7ccb7782
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Folders/FolderAdd.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FolderAdd = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413A1.92 1.92 0 0 1 20 20zm0-2h16V8h-8.825l-2-2H4zm10-4v1q0 .425.288.713T15 16t.713-.288A.96.96 0 0 0 16 15v-1h1a.97.97 0 0 0 .713-.288A.96.96 0 0 0 18 13a.97.97 0 0 0-.288-.712A.97.97 0 0 0 17 12h-1v-1a.97.97 0 0 0-.288-.712A.97.97 0 0 0 15 10a.96.96 0 0 0-.712.288A.97.97 0 0 0 14 11v1h-1a.97.97 0 0 0-.712.288A.97.97 0 0 0 12 13q0 .424.288.713A.96.96 0 0 0 13 14z' } /></svg>;
+export default FolderAdd;
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/FolderFill.tsx b/packages/ui/icons/src/lib/Monochrome/Folders/FolderFill.tsx
new file mode 100644
index 00000000..6dfe0380
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Folders/FolderFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FolderFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413A1.92 1.92 0 0 1 20 20z' } /></svg>;
+export default FolderFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/FolderOpen.tsx b/packages/ui/icons/src/lib/Monochrome/Folders/FolderOpen.tsx
new file mode 100644
index 00000000..2ab15f70
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Folders/FolderOpen.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FolderOpen = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h9q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 21 8h-9.825l-2-2H4v12l1.975-6.575q.2-.65.738-1.037A2 2 0 0 1 7.9 10h12.9q1.025 0 1.613.813t.312 1.762l-1.8 6q-.2.65-.737 1.038A1.98 1.98 0 0 1 19 20zm2.1-2H19l1.8-6H7.9z' } /></svg>;
+export default FolderOpen;
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/FolderOpenFill.tsx b/packages/ui/icons/src/lib/Monochrome/Folders/FolderOpenFill.tsx
new file mode 100644
index 00000000..66211f7e
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Folders/FolderOpenFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FolderOpenFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h9q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 21 8H7.85q-1.55 0-2.7.975T4 11.45V18l1.975-6.575q.2-.65.738-1.037A2 2 0 0 1 7.9 10h12.9q1.025 0 1.613.813t.312 1.762l-1.8 6q-.2.65-.737 1.038A1.98 1.98 0 0 1 19 20z' } /></svg>;
+export default FolderOpenFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/Folders.tsx b/packages/ui/icons/src/lib/Monochrome/Folders/Folders.tsx
new file mode 100644
index 00000000..294d5437
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Folders/Folders.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Folders = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M3 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 1 19V6h2v13h17v2zm4-4q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 15V4q0-.824.588-1.412A1.93 1.93 0 0 1 7 2h5l2 2h7q.825 0 1.413.588T23 6v9q0 .825-.587 1.413A1.92 1.92 0 0 1 21 17zm0-2h14V6h-7.825l-2-2H7z' } /></svg>;
+export default Folders;
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/MoveToFolder.tsx b/packages/ui/icons/src/lib/Monochrome/Folders/MoveToFolder.tsx
new file mode 100644
index 00000000..c76e67d3
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Folders/MoveToFolder.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const MoveToFolder = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413A1.92 1.92 0 0 1 20 20zm0-2h16V8h-8.825l-2-2H4zm8.2-4-.925.925a.95.95 0 0 0-.275.7q0 .425.275.7a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275L15.3 13.7q.3-.3.3-.7t-.3-.7l-2.625-2.625a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L12.2 12H9a.97.97 0 0 0-.712.288A.97.97 0 0 0 8 13q0 .424.288.713A.96.96 0 0 0 9 14z' } /></svg>;
+export default MoveToFolder;
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Fullscreen.tsx b/packages/ui/icons/src/lib/Monochrome/Misc/Fullscreen.tsx
new file mode 100644
index 00000000..2d0c0d66
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Misc/Fullscreen.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Fullscreen = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 19h2q.425 0 .713.288T8 20q0 .424-.288.713A.96.96 0 0 1 7 21H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 20v-3q0-.424.288-.712A.97.97 0 0 1 4 16q.424 0 .713.288A.96.96 0 0 1 5 17zm14 0v-2q0-.424.288-.712A.97.97 0 0 1 20 16q.424 0 .713.288A.96.96 0 0 1 21 17v3a.97.97 0 0 1-.288.713A.96.96 0 0 1 20 21h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 16 20q0-.424.288-.712A.97.97 0 0 1 17 19zM5 5v2a.97.97 0 0 1-.288.713A.96.96 0 0 1 4 8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 7V4q0-.424.288-.712A.97.97 0 0 1 4 3h3q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 7 5zm14 0h-2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 16 4q0-.424.288-.712A.97.97 0 0 1 17 3h3q.425 0 .713.288.288.289.287.712v3a.97.97 0 0 1-.288.713A.96.96 0 0 1 20 8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 19 7z' } /></svg>;
+export default Fullscreen;
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Language.tsx b/packages/ui/icons/src/lib/Monochrome/Misc/Language.tsx
new file mode 100644
index 00000000..6532b79b
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Misc/Language.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Language = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M17.55 15.65q.7 0 1.363-.325a4.1 4.1 0 0 0 1.212-.925v-2.65q-.575.075-1.062.175t-.913.225q-1.125.35-1.687.875T15.9 14.25q0 .65.45 1.025t1.2.375m-.575 1.7q-1.425 0-2.25-.812t-.825-2.213q0-1.3.825-2.125t2.65-1.325q.575-.15 1.263-.275.688-.124 1.487-.225-.05-1.174-.55-1.713t-1.55-.537q-.65 0-1.287.238-.637.239-1.638.837l-.8-1.4a7 7 0 0 1 1.938-1.012A6.9 6.9 0 0 1 18.5 6.4q1.774 0 2.7 1.1.925 1.1.925 3.2v6.425H20.45L20.3 16a5.7 5.7 0 0 1-1.537.988 4.4 4.4 0 0 1-1.788.362m-14.35.275a13 13 0 0 0-.475-.575 2 2 0 0 0-.4-.35q1.9-.825 3.05-2.125t1.65-3.55H2.1V9.85h4.55q.1-.75.15-1.6t.05-1.8H8.1q0 .95-.038 1.788T7.9 9.85h4.925v1.175H8.35q.65 2.025 1.875 3.463t2.85 2.087a6 6 0 0 0-.387.425 9 9 0 0 0-.463.625q-1.575-.7-2.8-2.137T7.45 12q-.6 2.075-1.787 3.425t-3.038 2.2' } /></svg>;
+export default Language;
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Preview.tsx b/packages/ui/icons/src/lib/Monochrome/Misc/Preview.tsx
new file mode 100644
index 00000000..70ec403b
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Misc/Preview.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Preview = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm0-2h14V7H5zm7-2q-2.05 0-3.662-1.112A6.4 6.4 0 0 1 6 13a6.37 6.37 0 0 1 2.338-2.887Q9.951 9.002 12 9q2.049 0 3.663 1.113A6.37 6.37 0 0 1 18 13a6.4 6.4 0 0 1-2.337 2.888Q14.05 17.001 12 17m0-1.5q1.4 0 2.55-.663A4.7 4.7 0 0 0 16.35 13a4.7 4.7 0 0 0-1.8-1.838A5 5 0 0 0 12 10.5q-1.4 0-2.55.663A4.7 4.7 0 0 0 7.65 13a4.7 4.7 0 0 0 1.8 1.838A5 5 0 0 0 12 15.5m0-1a1.45 1.45 0 0 0 1.063-.437q.438-.437.437-1.063 0-.626-.437-1.062A1.45 1.45 0 0 0 12 11.5a1.43 1.43 0 0 0-1.062.438q-.435.44-.438 1.062t.438 1.063T12 14.5' } /></svg>;
+export default Preview;
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Sort.tsx b/packages/ui/icons/src/lib/Monochrome/Misc/Sort.tsx
new file mode 100644
index 00000000..9dcc5f24
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Misc/Sort.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Sort = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 18a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 17q0-.424.288-.712A.97.97 0 0 1 4 16h4q.425 0 .713.288T9 17t-.288.713A.96.96 0 0 1 8 18zm0-5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.424.288-.712A.97.97 0 0 1 4 11h10q.425 0 .713.288T15 12t-.288.713A.96.96 0 0 1 14 13zm0-5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 7q0-.424.288-.712A.97.97 0 0 1 4 6h16q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 20 8z' } /></svg>;
+export default Sort;
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/SortByAlpha.tsx b/packages/ui/icons/src/lib/Monochrome/Misc/SortByAlpha.tsx
new file mode 100644
index 00000000..2f3b194c
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Misc/SortByAlpha.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const SortByAlpha = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm4.9 14.6-.575 1.75a1 1 0 0 1-.35.463.9.9 0 0 1-.55.187.97.97 0 0 1-.812-.413q-.312-.413-.113-.912l3-8.025q.126-.3.375-.475A1 1 0 0 1 6.45 7h.75q.326 0 .575.175.25.175.375.475l3.025 8.075a.89.89 0 0 1-.112.875.92.92 0 0 1-.788.4.9.9 0 0 1-.55-.187 1 1 0 0 1-.35-.463L8.75 14.6zm.6-1.7h2.6L6.9 9.15h-.15zm10.45 2.3h4.15q.375 0 .638.263A.86.86 0 0 1 21 16.1q0 .375-.262.638A.86.86 0 0 1 20.1 17h-5.8a.58.58 0 0 1-.425-.175.58.58 0 0 1-.175-.425v-.95q0-.175.05-.337a.7.7 0 0 1 .175-.288L18.75 8.8H14.8a.87.87 0 0 1-.638-.262.86.86 0 0 1-.262-.638q.002-.375.263-.638A.87.87 0 0 1 14.8 7h5.55q.25 0 .425.175a.58.58 0 0 1 .175.425v.95q0 .175-.05.337a.7.7 0 0 1-.175.288zM9.6 5q-.174 0-.237-.15-.061-.15.062-.275L11.65 2.35a.48.48 0 0 1 .7 0l2.225 2.225q.126.125.063.275-.061.15-.238.15zm2.05 16.65-2.225-2.225q-.125-.125-.062-.275T9.6 19h4.8q.175 0 .238.15t-.063.275L12.35 21.65a.48.48 0 0 1-.35.15.48.48 0 0 1-.35-.15' } /></svg>;
+export default SortByAlpha;
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Spinner.tsx b/packages/ui/icons/src/lib/Monochrome/Misc/Spinner.tsx
new file mode 100644
index 00000000..b7790693
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Misc/Spinner.tsx
@@ -0,0 +1,12 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function Spinner(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } viewBox={ '0 0 24 24' } { ...props }>
+      <path fill={ 'none' } d={ 'M0 0h24v24H0z' } />
+      <path fill={ 'currentColor' } d={ 'M10.14 1.16a11 11 0 0 0-9 8.92A1.59 1.59 0 0 0 2.46 12a1.52 1.52 0 0 0 1.65-1.3 8 8 0 0 1 6.66-6.61A1.42 1.42 0 0 0 12 2.69a1.57 1.57 0 0 0-1.86-1.53' }><animateTransform attributeName={ 'transform' } dur={ '0.75s' } repeatCount={ 'indefinite' } type={ 'rotate' } values={ '0 12 12;360 12 12' } /></path>
+    </svg>
+  );
+}
+export default Spinner;
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Star.tsx b/packages/ui/icons/src/lib/Monochrome/Misc/Star.tsx
new file mode 100644
index 00000000..99f23a23
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Misc/Star.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Star = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm7.625 6.4 2.8-3.625q.3-.4.713-.587a2.08 2.08 0 0 1 1.725 0q.414.19.712.587l2.8 3.625 4.25 1.425q.65.2 1.025.738t.375 1.187q0 .3-.088.6t-.287.575l-2.75 3.9.1 4.1q.025.875-.575 1.475t-1.4.6q-.05 0-.55-.075L12 19.675l-4.475 1.25a1 1 0 0 1-.275.063 3 3 0 0 1-.275.012q-.8 0-1.4-.6T5 18.925l.1-4.125-2.725-3.875a1.9 1.9 0 0 1-.288-.575q-.089-.3-.087-.6 0-.625.363-1.162.364-.537 1.012-.763zM8.85 8.125 4 9.725 7.1 14.2 7 18.975l5-1.375 5 1.4-.1-4.8L20 9.775l-4.85-1.65L12 4z' } /></svg>;
+export default Star;
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Tag.tsx b/packages/ui/icons/src/lib/Monochrome/Misc/Tag.tsx
new file mode 100644
index 00000000..c031bf34
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Misc/Tag.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Tag = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm9 16-.825 3.275A.915.915 0 0 1 7.25 20a.95.95 0 0 1-.775-.375.88.88 0 0 1-.175-.825L7 16H4.275a.96.96 0 0 1-.8-.387.95.95 0 0 1-.175-.863.88.88 0 0 1 .35-.55q.276-.2.625-.2H7.5l1-4H5.775a.96.96 0 0 1-.8-.387.95.95 0 0 1-.175-.863.88.88 0 0 1 .35-.55q.276-.2.625-.2H9l.825-3.275A.915.915 0 0 1 10.75 4q.475 0 .775.375t.175.825L11 8h4l.825-3.275A.915.915 0 0 1 16.75 4q.475 0 .775.375t.175.825L17 8h2.725q.5 0 .8.387t.175.863a.88.88 0 0 1-.35.55q-.274.2-.625.2H16.5l-1 4h2.725q.5 0 .8.388t.175.862a.88.88 0 0 1-.35.55q-.274.2-.625.2H15l-.825 3.275a.915.915 0 0 1-.925.725.95.95 0 0 1-.775-.375.88.88 0 0 1-.175-.825L13 16zm.5-2h4l1-4h-4z' } /></svg>;
+export default Tag;
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/Explore.tsx b/packages/ui/icons/src/lib/Monochrome/Navigation/Explore.tsx
new file mode 100644
index 00000000..4c2c35b1
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Navigation/Explore.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Explore = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 13a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 12q0-.424.288-.712A.97.97 0 0 1 12 11q.423 0 .713.288T13 12a1 1 0 0 1-.288.713A.95.95 0 0 1 12 13m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20m-4.575-2.925 6.25-2.925q.15-.075.275-.2t.2-.275l2.925-6.25q.125-.25-.062-.438t-.438-.062l-6.25 2.925q-.15.075-.275.2t-.2.275l-2.925 6.25q-.125.25.063.438t.437.062' } /></svg>;
+export default Explore;
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/ExploreFill.tsx b/packages/ui/icons/src/lib/Monochrome/Navigation/ExploreFill.tsx
new file mode 100644
index 00000000..132899e8
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Navigation/ExploreFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ExploreFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm8.375 16.25 5.05-1.45q.5-.15.863-.513.363-.364.512-.862l1.45-5.05a.48.48 0 0 0-.137-.488.47.47 0 0 0-.488-.137l-5.05 1.45q-.5.15-.862.513t-.513.862l-1.45 5.05a.47.47 0 0 0 .138.488.47.47 0 0 0 .487.137M12 13.5q-.625 0-1.062-.437A1.45 1.45 0 0 1 10.5 12q0-.626.438-1.062.44-.436 1.062-.438t1.063.438q.44.44.437 1.062a1.47 1.47 0 0 1-.437 1.063A1.42 1.42 0 0 1 12 13.5m0 8.5a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22' } /></svg>;
+export default ExploreFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/Home.tsx b/packages/ui/icons/src/lib/Monochrome/Navigation/Home.tsx
new file mode 100644
index 00000000..7ffaa194
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Navigation/Home.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Home = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5.25 19.844h3.375v-5.625q0-.478.324-.801t.801-.324h4.5q.478 0 .802.324t.323.8v5.626h3.375V9.719L12 4.656 5.25 9.72zm-2.25 0V9.719q0-.534.24-1.013t.66-.787l6.75-5.063q.591-.45 1.35-.45t1.35.45L20.1 7.92q.422.309.662.787T21 9.72v10.125q0 .927-.662 1.59-.66.66-1.588.66h-4.5q-.479 0-.801-.324a1.1 1.1 0 0 1-.324-.801v-5.625h-2.25v5.625q0 .478-.324.802a1.08 1.08 0 0 1-.801.323h-4.5q-.928 0-1.588-.66T3 19.843' } /></svg>;
+export default Home;
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/HomeFill.tsx b/packages/ui/icons/src/lib/Monochrome/Navigation/HomeFill.tsx
new file mode 100644
index 00000000..78b16e6b
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Navigation/HomeFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const HomeFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 19v-9q0-.476.213-.9t.587-.7l6-4.5q.525-.4 1.2-.4t1.2.4l6 4.5q.375.275.588.7T20 10v9q0 .825-.588 1.413A1.92 1.92 0 0 1 18 21h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 14 20v-5a.97.97 0 0 0-.288-.712A.97.97 0 0 0 13 14h-2a.97.97 0 0 0-.712.288A.97.97 0 0 0 10 15v5a.97.97 0 0 1-.288.713A.96.96 0 0 1 9 21H6q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 19' } /></svg>;
+export default HomeFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/Interests.tsx b/packages/ui/icons/src/lib/Monochrome/Navigation/Interests.tsx
new file mode 100644
index 00000000..030e7785
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Navigation/Interests.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Interests = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm2.825 9.525 3.3-5.95a.97.97 0 0 1 .375-.4q.225-.125.5-.125t.5.125.375.4l3.3 5.95a1 1 0 0 1-.025.975 1 1 0 0 1-.35.363.93.93 0 0 1-.5.137H3.7a.97.97 0 0 1-.85-.5 1.01 1.01 0 0 1-.025-.975M7 21q-1.65 0-2.825-1.175T3 17q0-1.675 1.175-2.838T7 13t2.825 1.175T11 17t-1.175 2.825T7 21m0-2q.824 0 1.412-.587A1.93 1.93 0 0 0 9 17q0-.825-.587-1.412A1.94 1.94 0 0 0 7 15a1.9 1.9 0 0 0-1.412.588A1.94 1.94 0 0 0 5 17q0 .822.588 1.413.589.591 1.412.587M5.4 9h3.2L7 6.125zM13 20v-6q0-.424.288-.712A.97.97 0 0 1 14 13h6q.425 0 .713.288T21 14v6a.97.97 0 0 1-.288.713A.96.96 0 0 1 20 21h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 20m2-1h4v-4h-4zm1.35-8.55-1.325-1.125Q13.3 7.875 12.65 7.038A2.96 2.96 0 0 1 12 5.175q0-1.125.788-1.9T14.75 2.5q.675 0 1.263.313t.987.862q.4-.55.988-.862A2.66 2.66 0 0 1 19.25 2.5q1.175 0 1.963.775t.787 1.9q0 1.024-.65 1.863-.65.838-2.375 2.287L17.65 10.45a.93.93 0 0 1-.65.25.93.93 0 0 1-.65-.25M17 8.375q1.8-1.5 2.4-2.125t.6-1.025a.74.74 0 0 0-.187-.525q-.187-.2-.513-.2a.96.96 0 0 0-.487.137q-.237.137-.588.488L17 6.3l-1.225-1.175q-.35-.35-.587-.488A.95.95 0 0 0 14.7 4.5q-.325 0-.512.2a.74.74 0 0 0-.188.525q0 .4.6 1.025T17 8.375' } /></svg>;
+export default Interests;
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/InterestsFill.tsx b/packages/ui/icons/src/lib/Monochrome/Navigation/InterestsFill.tsx
new file mode 100644
index 00000000..84a41e29
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Navigation/InterestsFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const InterestsFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm2.825 9.525 3.3-5.95a.97.97 0 0 1 .375-.4q.225-.125.5-.125t.5.125.375.4l3.3 5.95a1 1 0 0 1-.025.975 1 1 0 0 1-.35.363.93.93 0 0 1-.5.137H3.7a.97.97 0 0 1-.85-.5 1.01 1.01 0 0 1-.025-.975M7 21q-1.65 0-2.825-1.175T3 17q0-1.675 1.175-2.838T7 13t2.825 1.175T11 17t-1.175 2.825T7 21M5.4 9h3.2L7 6.125zM13 20v-6q0-.424.288-.712A.97.97 0 0 1 14 13h6q.425 0 .713.288T21 14v6a.97.97 0 0 1-.288.713A.96.96 0 0 1 20 21h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 20m2-1h4v-4h-4zm1.35-8.55-1.325-1.125Q13.3 7.875 12.65 7.038A2.96 2.96 0 0 1 12 5.175q0-1.125.788-1.9T14.75 2.5q.675 0 1.263.313t.987.862q.4-.55.988-.862A2.66 2.66 0 0 1 19.25 2.5q1.175 0 1.963.775t.787 1.9q0 1.024-.65 1.863-.65.838-2.375 2.287L17.65 10.45a.93.93 0 0 1-.65.25.93.93 0 0 1-.65-.25' } /></svg>;
+export default InterestsFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/AddRowAbove.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/AddRowAbove.tsx
new file mode 100644
index 00000000..8a8f3f6b
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/AddRowAbove.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const AddRowAbove = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 14v6h14v-6zm0 8q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 20V6q0-.824.588-1.412A1.93 1.93 0 0 1 5 4h1q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 6 6H5v6h14V6h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 17 5q0-.424.288-.712A.97.97 0 0 1 18 4h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 22zm6-16h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 5q0-.424.288-.712A.97.97 0 0 1 10 4h1V3q0-.424.288-.712A.97.97 0 0 1 12 2q.424 0 .713.288A.96.96 0 0 1 13 3v1h1q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 14 6h-1v1a.97.97 0 0 1-.288.713A.96.96 0 0 1 12 8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 7z' } /></svg>;
+export default AddRowAbove;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/AddRowBelow.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/AddRowBelow.tsx
new file mode 100644
index 00000000..5387bf02
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/AddRowBelow.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const AddRowBelow = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M19 10V4H5v6zM5 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 18V4q0-.824.588-1.412A1.93 1.93 0 0 1 5 2h14q.825 0 1.413.588T21 4v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 20h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 17 19q0-.424.288-.712A.97.97 0 0 1 18 18h1v-6H5v6h1q.425 0 .713.288T7 19q0 .424-.288.713A.96.96 0 0 1 6 20zm7 2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 21v-1h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 19q0-.424.288-.712A.97.97 0 0 1 10 18h1v-1q0-.424.288-.712A.97.97 0 0 1 12 16q.424 0 .713.288A.96.96 0 0 1 13 17v1h1q.425 0 .713.288T15 19t-.288.713A.96.96 0 0 1 14 20h-1v1a.97.97 0 0 1-.288.713A.96.96 0 0 1 12 22' } /></svg>;
+export default AddRowBelow;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/AddSquare.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/AddSquare.tsx
new file mode 100644
index 00000000..b177471d
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/AddSquare.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const AddSquare = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M11 13v3q0 .425.288.713T12 17q.424 0 .713-.288A.96.96 0 0 0 13 16v-3h3a.97.97 0 0 0 .713-.288A.96.96 0 0 0 17 12a.97.97 0 0 0-.288-.712A.97.97 0 0 0 16 11h-3V8a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 7a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 8v3H8a.97.97 0 0 0-.712.288A.97.97 0 0 0 7 12q0 .424.288.713A.96.96 0 0 0 8 13zm-6 8q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm0-2h14V5H5z' } /></svg>;
+export default AddSquare;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/Clipboard.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/Clipboard.tsx
new file mode 100644
index 00000000..31ac9e9d
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/Clipboard.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Clipboard = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h4.175q.275-.875 1.075-1.437A3 3 0 0 1 12 1a3 3 0 0 1 1.788.563q.788.562 1.062 1.437H19q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm0-2h14V5h-2v2a.97.97 0 0 1-.288.713A.96.96 0 0 1 16 8H8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 7V5H5zm7-14a.97.97 0 0 0 .713-.288A.96.96 0 0 0 13 4a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 3a.97.97 0 0 0-.712.288A.97.97 0 0 0 11 4q0 .424.288.713A.96.96 0 0 0 12 5' } /></svg>;
+export default Clipboard;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/Hint.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/Hint.tsx
new file mode 100644
index 00000000..f885be5e
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/Hint.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Hint = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M10 18q-.825 0-1.412-.587A1.93 1.93 0 0 1 8 16v-1.25a6.7 6.7 0 0 1-2.212-2.5A7 7 0 0 1 5 9q0-2.925 2.038-4.962T12 2q2.925 0 4.963 2.038Q19.003 6.078 19 9a6.9 6.9 0 0 1-.788 3.238A6.96 6.96 0 0 1 16 14.75V16q0 .825-.587 1.413A1.92 1.92 0 0 1 14 18zm0-2h4v-1.775q0-.25.113-.475a.86.86 0 0 1 .312-.35l.425-.3a4.8 4.8 0 0 0 1.588-1.787A4.95 4.95 0 0 0 17 9q0-2.075-1.463-3.537Q14.075 4.001 12 4 9.925 4 8.463 5.463 7 6.927 7 9q0 1.226.563 2.313A4.8 4.8 0 0 0 9.15 13.1l.425.3q.2.125.313.35t.112.475zm0 6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 21q0-.424.288-.712A.97.97 0 0 1 10 20h4q.425 0 .713.288T15 21t-.288.713A.96.96 0 0 1 14 22z' } /></svg>;
+export default Hint;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/HintAdd.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/HintAdd.tsx
new file mode 100644
index 00000000..97e37393
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/HintAdd.tsx
@@ -0,0 +1,14 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+function HintAdd(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }>
+      <g fill={ 'currentColor' }>
+        <path d={ 'M10 18q-.825 0-1.412-.587A1.93 1.93 0 0 1 8 16v-1.25a6.7 6.7 0 0 1-2.212-2.5A7 7 0 0 1 5 9q0-2.925 2.038-4.962T12 2q2.925 0 4.963 2.038Q19.003 6.078 19 9a6.9 6.9 0 0 1-.788 3.238A6.96 6.96 0 0 1 16 14.75V16q0 .825-.587 1.413A1.92 1.92 0 0 1 14 18zm0-2h4v-1.775q0-.25.113-.475a.86.86 0 0 1 .312-.35l.425-.3a4.8 4.8 0 0 0 1.588-1.787A4.95 4.95 0 0 0 17 9q0-2.075-1.463-3.537Q14.075 4.001 12 4 9.925 4 8.463 5.463 7 6.927 7 9q0 1.226.563 2.313A4.8 4.8 0 0 0 9.15 13.1l.425.3q.2.125.313.35t.112.475zm0 6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 21q0-.424.288-.712A.97.97 0 0 1 10 20h4q.425 0 .713.288T15 21t-.288.713A.96.96 0 0 1 14 22z' } />
+        <path d={ 'M11 11v-1h-1a.96.96 0 0 1-.712-.287A.97.97 0 0 1 9 9q0-.424.288-.712A.97.97 0 0 1 10 8h1V7a.97.97 0 0 1 .288-.712A.96.96 0 0 1 12 6q.424 0 .712.288A.97.97 0 0 1 13 7v1h1q.424 0 .712.288.287.288.288.712 0 .424-.287.712A.97.97 0 0 1 14 10h-1v1a.96.96 0 0 1-.287.712A.98.98 0 0 1 12 12a.96.96 0 0 1-.712-.287A.97.97 0 0 1 11 11' } />
+      </g>
+    </svg>
+  );
+}
+export default HintAdd;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/HintSlash.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/HintSlash.tsx
new file mode 100644
index 00000000..8ed8e441
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/HintSlash.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const HintSlash = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 20h4q0 .825-.587 1.413A1.92 1.92 0 0 1 12 22m0-18q-1.1 0-2.037.388A5.5 5.5 0 0 0 8.3 5.45l-1.45-1.4a7.9 7.9 0 0 1 2.338-1.5A7.2 7.2 0 0 1 12 2q3.124 0 5.313 2.188T19.5 9.5q0 1.775-.625 3.038-.626 1.264-1.425 2.062l-1.4-1.4q.526-.575.988-1.475.464-.9.462-2.225 0-2.3-1.6-3.9T12 4m1.15 12h-4.9a7.67 7.67 0 0 1-2.738-2.75A7.27 7.27 0 0 1 4.5 9.5q0-.5.063-.975T4.75 7.6L2.1 4.9a.98.98 0 0 1-.288-.687A.93.93 0 0 1 2.1 3.5a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.3.3.3.7t-.3.7-.712.3a.98.98 0 0 1-.713-.3zm-4.3-2h2.3L6.5 9.35v.15q0 1.35.613 2.525A5.56 5.56 0 0 0 8.85 14M9 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 18q0-.424.288-.712A.97.97 0 0 1 9 17h6.15q.425 0 .713.288t.287.712-.287.713a.96.96 0 0 1-.713.287z' } /></svg>;
+export default HintSlash;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/Learn.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/Learn.tsx
new file mode 100644
index 00000000..58a7710a
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/Learn.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Learn = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M6.05 17.775a2 2 0 0 1-.775-.737A2 2 0 0 1 5 16v-4.8L2.6 9.875a.97.97 0 0 1-.4-.375 1 1 0 0 1-.125-.5q0-.275.125-.5a.97.97 0 0 1 .4-.375l8.45-4.6a2 2 0 0 1 .463-.188q.238-.063.487-.062a2 2 0 0 1 .95.25l9.525 5.2a.9.9 0 0 1 .388.363q.138.239.137.512V16a.97.97 0 0 1-.288.713A.96.96 0 0 1 22 17a.97.97 0 0 1-.712-.288A.97.97 0 0 1 21 16v-5.9l-2 1.1V16q0 .575-.275 1.038a2 2 0 0 1-.775.737l-5 2.7q-.225.125-.462.188-.236.063-.488.062-.25 0-.488-.062a2 2 0 0 1-.462-.188zM12 12.7 18.85 9 12 5.3 5.15 9zm0 6.025 5-2.7V12.25l-4.025 2.225q-.225.125-.475.188a2 2 0 0 1-1 0 2 2 0 0 1-.475-.188L7 12.25v3.775z' } /></svg>;
+export default Learn;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/ListAdd.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/ListAdd.tsx
new file mode 100644
index 00000000..2cac847f
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/ListAdd.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ListAdd = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 16a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 15q0-.424.288-.712A.97.97 0 0 1 4 14h5q.425 0 .713.288T10 15t-.288.713A.96.96 0 0 1 9 16zm0-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 11q0-.424.288-.712A.97.97 0 0 1 4 10h9q.425 0 .713.288T14 11t-.288.713A.96.96 0 0 1 13 12zm0-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 7q0-.424.288-.712A.97.97 0 0 1 4 6h9q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 13 8zm13 12a.97.97 0 0 1-.712-.288A.97.97 0 0 1 16 19v-3h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 15q0-.424.288-.712A.97.97 0 0 1 13 14h3v-3q0-.424.288-.712A.97.97 0 0 1 17 10q.424 0 .713.288A.96.96 0 0 1 18 11v3h3q.425 0 .713.288T22 15q0 .424-.288.713A.96.96 0 0 1 21 16h-3v3a.97.97 0 0 1-.288.713A.96.96 0 0 1 17 20' } /></svg>;
+export default ListAdd;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/Set.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/Set.tsx
new file mode 100644
index 00000000..2fbe25d5
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/Set.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Set = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M9 9v11h7v-3q0-.424.288-.712A.97.97 0 0 1 17 16h3V9zM7 20V8.975q0-.825.6-1.4A2 2 0 0 1 9.025 7H20q.825 0 1.413.587T22 9v7.175a1.98 1.98 0 0 1-.575 1.4l-3.85 3.85a1.98 1.98 0 0 1-1.4.575H9q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 20M2.025 6.25q-.15-.825.325-1.487.475-.661 1.3-.813L14.5 2.025q.8-.15 1.45.338.65.487.85 1.287l.175.775q.126.5-.15.8-.275.3-.65.35a1.13 1.13 0 0 1-.712-.137q-.337-.187-.463-.688L14.825 4 4 5.925l1.5 8.6q.075.425-.15.762a.95.95 0 0 1-.65.413.94.94 0 0 1-.75-.162 1 1 0 0 1-.4-.663z' } /></svg>;
+export default Set;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/SetAdd.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/SetAdd.tsx
new file mode 100644
index 00000000..671ad26c
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/SetAdd.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const SetAdd = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M7 20V8.975q0-.825.6-1.4A2 2 0 0 1 9.025 7H20q.825 0 1.413.587T22 9v7.175a1.98 1.98 0 0 1-.575 1.4l-3.85 3.85a1.98 1.98 0 0 1-1.4.575H9q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 20M2.025 6.25q-.15-.825.325-1.487.475-.661 1.3-.813L14.5 2.025q.8-.15 1.45.338.65.487.85 1.287l.175.775q.126.5-.15.8-.275.3-.65.35a1.13 1.13 0 0 1-.712-.137q-.337-.187-.463-.688L14.825 4 4 5.925l1.5 8.6q.075.425-.15.762a.95.95 0 0 1-.65.413.94.94 0 0 1-.75-.162 1 1 0 0 1-.4-.663zM9 9v11h7l4-4V9zm4.5 6.5v2q0 .425.288.713t.712.287q.424 0 .713-.288a.96.96 0 0 0 .287-.712v-2h2a.97.97 0 0 0 .713-.288.96.96 0 0 0 .287-.712.97.97 0 0 0-.288-.712.97.97 0 0 0-.712-.288h-2v-2a.97.97 0 0 0-.288-.712.97.97 0 0 0-.712-.288.96.96 0 0 0-.712.288.97.97 0 0 0-.288.712v2h-2a.97.97 0 0 0-.712.288.97.97 0 0 0-.288.712q0 .424.288.713a.96.96 0 0 0 .712.287z' } /></svg>;
+export default SetAdd;
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/TableConvert.tsx b/packages/ui/icons/src/lib/Monochrome/Sets/TableConvert.tsx
new file mode 100644
index 00000000..649ade65
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Sets/TableConvert.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const TableConvert = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M11 21V9H3V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm2-2h6v-4h-6zm0-6h6V9h-6zM5 7h14V5H5zm2.625 4q.425 0 .713.288t.287.712-.288.713a.96.96 0 0 1-.712.287q-1.125 0-1.937.8a2.64 2.64 0 0 0-.813 1.95q0 .975.6 1.725t1.525.95V17q0-.424.288-.712A.97.97 0 0 1 8 16q.424 0 .713.288A.96.96 0 0 1 9 17v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 8 22H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 21q0-.424.288-.712A.97.97 0 0 1 4 20h1.55a4.7 4.7 0 0 1-1.937-1.7q-.736-1.125-.738-2.55 0-1.976 1.388-3.363T7.625 11' } /></svg>;
+export default TableConvert;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/Favorite.tsx b/packages/ui/icons/src/lib/Monochrome/Social/Favorite.tsx
new file mode 100644
index 00000000..cf2beec5
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/Favorite.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Favorite = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 20.325a2.2 2.2 0 0 1-.712-.125 1.7 1.7 0 0 1-.638-.4l-1.725-1.575a69 69 0 0 1-4.788-4.812Q1.999 11.026 2 8.15 2 5.8 3.575 4.225T7.5 2.65q1.325 0 2.5.562t2 1.538a5.95 5.95 0 0 1 2-1.537 5.7 5.7 0 0 1 2.5-.563q2.35 0 3.925 1.575T22 8.15q0 2.875-2.125 5.275a60 60 0 0 1-4.825 4.825l-1.7 1.55a1.65 1.65 0 0 1-.637.4 2.2 2.2 0 0 1-.713.125M11.05 6.75q-.725-1.024-1.55-1.563t-2-.537q-1.5 0-2.5 1t-1 2.5q0 1.3.925 2.763a19 19 0 0 0 2.213 2.837 39 39 0 0 0 2.65 2.575Q11.15 17.525 12 18.3q.85-.775 2.213-1.975t2.65-2.575a19 19 0 0 0 2.212-2.837Q20 9.45 20 8.15q0-1.5-1-2.5t-2.5-1q-1.175 0-2 .538-.825.539-1.55 1.562a1.14 1.14 0 0 1-.95.5 1.14 1.14 0 0 1-.95-.5' } /></svg>;
+export default Favorite;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/FavoriteFill.tsx b/packages/ui/icons/src/lib/Monochrome/Social/FavoriteFill.tsx
new file mode 100644
index 00000000..11c8d089
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/FavoriteFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FavoriteFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 20.325a2.2 2.2 0 0 1-.712-.125 1.7 1.7 0 0 1-.638-.4l-1.725-1.575a69 69 0 0 1-4.788-4.812Q1.999 11.026 2 8.15 2 5.8 3.575 4.225T7.5 2.65q1.325 0 2.5.562t2 1.538a5.95 5.95 0 0 1 2-1.537 5.7 5.7 0 0 1 2.5-.563q2.35 0 3.925 1.575T22 8.15q0 2.875-2.125 5.275a60 60 0 0 1-4.825 4.825l-1.7 1.55a1.65 1.65 0 0 1-.637.4 2.2 2.2 0 0 1-.713.125' } /></svg>;
+export default FavoriteFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/Globe.tsx b/packages/ui/icons/src/lib/Monochrome/Social/Globe.tsx
new file mode 100644
index 00000000..f549baea
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/Globe.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Globe = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 22a9.7 9.7 0 0 1-3.875-.788 10.2 10.2 0 0 1-3.187-2.15 10.2 10.2 0 0 1-2.15-3.187A9.7 9.7 0 0 1 2 12a9.6 9.6 0 0 1 .788-3.887 10.2 10.2 0 0 1 2.15-3.175 10.1 10.1 0 0 1 3.187-2.15A9.7 9.7 0 0 1 12 2q2.075 0 3.888.788a10.2 10.2 0 0 1 3.174 2.15 10.2 10.2 0 0 1 2.15 3.175A9.6 9.6 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.875 10.2 10.2 0 0 1-2.15 3.188 10.2 10.2 0 0 1-3.175 2.15A9.7 9.7 0 0 1 12 22m0-2.05q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713A15 15 0 0 1 8.05 16H5.1a8.3 8.3 0 0 0 1.813 2.175A7.2 7.2 0 0 0 9.4 19.55m5.2 0a7.2 7.2 0 0 0 2.488-1.375A8.3 8.3 0 0 0 18.9 16h-2.95a15 15 0 0 1-.562 1.838 14 14 0 0 1-.788 1.712M4.25 14h3.4a13.6 13.6 0 0 1-.15-2q0-.525.038-1.012.039-.486.112-.988h-3.4a8.15 8.15 0 0 0 0 4m5.4 0h4.7q.075-.5.113-.987T14.5 12a14 14 0 0 0-.15-2h-4.7a13.6 13.6 0 0 0-.15 2q0 .524.038 1.013.039.489.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012A8 8 0 0 0 19.75 10h-3.4q.075.5.113.988T16.5 12q0 .524-.038 1.013a14 14 0 0 1-.112.987m-.4-6h2.95a8.3 8.3 0 0 0-1.812-2.175A7.2 7.2 0 0 0 14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075A12.7 12.7 0 0 0 12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838A14 14 0 0 1 9.4 4.45a7.2 7.2 0 0 0-2.488 1.375A8.3 8.3 0 0 0 5.1 8' } /></svg>;
+export default Globe;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/GlobeAdd.tsx b/packages/ui/icons/src/lib/Monochrome/Social/GlobeAdd.tsx
new file mode 100644
index 00000000..902e41dd
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/GlobeAdd.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const GlobeAdd = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M6 19.425v1.225q0 .425.288.713.289.288.712.287.424 0 .712-.287A.96.96 0 0 0 8 20.65V17.5q0-.625-.438-1.062A1.45 1.45 0 0 0 6.5 16H3.35a.97.97 0 0 0-.713.288.96.96 0 0 0-.287.712q0 .424.287.713.285.289.713.287H4.6l-2.25 2.25a.93.93 0 0 0-.275.688q0 .413.275.712.3.3.712.3t.713-.3zM12 22a9.7 9.7 0 0 0 3.9-.788 10.1 10.1 0 0 0 3.175-2.137q1.35-1.35 2.137-3.175A9.8 9.8 0 0 0 22 12a9.7 9.7 0 0 0-.788-3.9 10.1 10.1 0 0 0-2.137-3.175A10.1 10.1 0 0 0 15.9 2.788 9.7 9.7 0 0 0 12 2a9.7 9.7 0 0 0-3.9.788 10.1 10.1 0 0 0-3.175 2.137Q3.577 6.275 2.787 8.1A9.7 9.7 0 0 0 2 12q0 .25.012.55t.038.55a.95.95 0 0 0 .35.663q.3.239.75.237.4 0 .675-.35a.98.98 0 0 0 .225-.75 2.3 2.3 0 0 1-.05-.45V12q0-.5.063-1t.187-1h3.4q-.075.5-.113 1T7.5 12v.538q0 .287.025.537.05.424.35.675.3.25.725.25a.89.89 0 0 0 .687-.325.9.9 0 0 0 .238-.725 5 5 0 0 1-.025-.475V12a13.5 13.5 0 0 1 .15-2h4.7a13.4 13.4 0 0 1 0 4H12a.97.97 0 0 0-.713.288A.96.96 0 0 0 11 15q0 .424.288.713A.96.96 0 0 0 12 16h1.9q-.3 1.075-.775 2.063A12.4 12.4 0 0 1 12 19.95a10 10 0 0 0-.5.013 3 3 0 0 1-.5-.013q-.425-.05-.7.213a.9.9 0 0 0-.275.687q0 .45.225.75t.65.35q.25.026.55.038.3.014.55.012m7.75-8h-3.4a13.4 13.4 0 0 0 0-4h3.4a8.4 8.4 0 0 1 .25 2q0 .5-.063 1a9 9 0 0 1-.187 1m-5.15 5.55q.45-.85.788-1.737T15.95 16h2.95a7.9 7.9 0 0 1-1.825 2.188A7.5 7.5 0 0 1 14.6 19.55M18.9 8h-2.95q-.225-.925-.563-1.812A16 16 0 0 0 14.6 4.45q1.376.45 2.475 1.363A7.9 7.9 0 0 1 18.9 8m-5 0h-3.8q.3-1.075.775-2.062T12 4.05A12.4 12.4 0 0 1 13.9 8M8.05 8H5.1a7.9 7.9 0 0 1 1.825-2.187A7.5 7.5 0 0 1 9.4 4.45q-.45.85-.788 1.738A15 15 0 0 0 8.05 8' } /></svg>;
+export default GlobeAdd;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonAdd.tsx b/packages/ui/icons/src/lib/Monochrome/Social/PersonAdd.tsx
new file mode 100644
index 00000000..c49678ac
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/PersonAdd.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const PersonAdd = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M18 11h-2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 10q0-.424.288-.712A.97.97 0 0 1 16 9h2V7q0-.424.288-.712A.97.97 0 0 1 19 6q.424 0 .713.288A.96.96 0 0 1 20 7v2h2q.425 0 .713.288T23 10q0 .424-.288.713A.96.96 0 0 1 22 11h-2v2a.97.97 0 0 1-.288.713A.96.96 0 0 1 19 14a.97.97 0 0 1-.712-.288A.97.97 0 0 1 18 13zm-9 1q-1.65 0-2.825-1.175T5 8t1.175-2.825T9 4t2.825 1.175T13 8t-1.175 2.825T9 12m-8 6v-.8q0-.85.438-1.562A2.93 2.93 0 0 1 2.6 14.55a14.8 14.8 0 0 1 3.15-1.162 13.8 13.8 0 0 1 6.5 0q1.6.39 3.15 1.162.725.375 1.163 1.088T17 17.2v.8q0 .825-.587 1.413A1.92 1.92 0 0 1 15 20H3q-.824 0-1.412-.587A1.93 1.93 0 0 1 1 18m2 0h12v-.8a.97.97 0 0 0-.5-.85q-1.35-.675-2.725-1.012A11.7 11.7 0 0 0 9 15q-1.4 0-2.775.338-1.375.339-2.725 1.012a1 1 0 0 0-.363.35.93.93 0 0 0-.137.5zm6-8q.825 0 1.413-.587A1.92 1.92 0 0 0 11 8q0-.825-.587-1.412A1.93 1.93 0 0 0 9 6a1.9 1.9 0 0 0-1.412.588Q7.003 7.178 7 8a1.92 1.92 0 0 0 .588 1.413Q8.179 10.004 9 10' } /></svg>;
+export default PersonAdd;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonCheck.tsx b/packages/ui/icons/src/lib/Monochrome/Social/PersonCheck.tsx
new file mode 100644
index 00000000..47e7279a
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/PersonCheck.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const PersonCheck = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18v-.8q0-.825.425-1.55t1.175-1.1q1.275-.65 2.875-1.1T10 13a9 9 0 0 1 .9.05.98.98 0 0 1 .662.375.93.93 0 0 1 .213.725 1.03 1.03 0 0 1-.3.6q-.25.25-.675.25H10q-1.775 0-3.188.425T4.5 16.35a1 1 0 0 0-.363.35.93.93 0 0 0-.137.5v.8h6.75q.425 0 .713.288t.287.712-.288.713a.96.96 0 0 1-.712.287zm11.55-2.4 4.35-4.35a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-5.05 5.05q-.3.3-.7.3a.96.96 0 0 1-.7-.3l-2.05-2.05a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275zM10 12q-1.65 0-2.825-1.175T6 8t1.175-2.825T10 4t2.825 1.175T14 8t-1.175 2.825T10 12m0-2q.825 0 1.413-.587A1.92 1.92 0 0 0 12 8q0-.825-.587-1.412A1.93 1.93 0 0 0 10 6a1.9 1.9 0 0 0-1.412.588Q8.003 7.178 8 8a1.92 1.92 0 0 0 .588 1.413q.591.591 1.412.587' } /></svg>;
+export default PersonCheck;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonCheckFill.tsx b/packages/ui/icons/src/lib/Monochrome/Social/PersonCheckFill.tsx
new file mode 100644
index 00000000..07aab18f
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/PersonCheckFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const PersonCheckFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M10 12q-1.65 0-2.825-1.175T6 8t1.175-2.825T10 4t2.825 1.175T14 8t-1.175 2.825T10 12m-6 8q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18v-.8q0-.825.425-1.55t1.175-1.1q1.275-.65 2.875-1.1T10 13h.663q.312 0 .637.05.5.05.65.525t-.2.825l-.425.425q-.775.775-.875 1.825t.475 1.925q.3.475.087.95T10.3 20zm11.55-2.4 4.35-4.35a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-5.05 5.05q-.3.3-.7.3a.96.96 0 0 1-.7-.3l-2.05-2.05a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275z' } /></svg>;
+export default PersonCheckFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonEdit.tsx b/packages/ui/icons/src/lib/Monochrome/Social/PersonEdit.tsx
new file mode 100644
index 00000000..06bc419a
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/PersonEdit.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const PersonEdit = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M4 19v-1.8q0-.85.438-1.562A2.93 2.93 0 0 1 5.6 14.55a14.8 14.8 0 0 1 3.15-1.162A13.8 13.8 0 0 1 12 13q.925 0 1.825.113t1.8.362l-1.675 1.7q-.5-.075-.975-.125A9 9 0 0 0 12 15q-1.4 0-2.775.338A13 13 0 0 0 6.5 16.35a1 1 0 0 0-.363.35.93.93 0 0 0-.137.5v.8h6v2H5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 19m10 1v-1.25q0-.4.163-.763t.437-.637l4.925-4.925q.225-.225.5-.325a1.6 1.6 0 0 1 .55-.1 1.5 1.5 0 0 1 1.075.45l.925.925q.2.225.313.5t.112.55q0 .275-.1.563a1.3 1.3 0 0 1-.325.512l-4.925 4.925a1.97 1.97 0 0 1-1.4.575H15a.97.97 0 0 1-.712-.288A.97.97 0 0 1 14 20m1.5-.5h.95l3.025-3.05-.45-.475-.475-.45-3.05 3.025zm3.525-3.525-.475-.45.925.925zM12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m0-2q.825 0 1.413-.587A1.92 1.92 0 0 0 14 8q0-.825-.587-1.412A1.93 1.93 0 0 0 12 6a1.9 1.9 0 0 0-1.412.588Q10.003 7.178 10 8a1.92 1.92 0 0 0 .588 1.413q.591.591 1.412.587' } /></svg>;
+export default PersonEdit;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonEditFill.tsx b/packages/ui/icons/src/lib/Monochrome/Social/PersonEditFill.tsx
new file mode 100644
index 00000000..f6f0e95c
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/PersonEditFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const PersonEditFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M14 20v-1.25q0-.4.163-.763t.437-.637l4.925-4.925q.225-.225.5-.325a1.6 1.6 0 0 1 .55-.1 1.5 1.5 0 0 1 1.075.45l.925.925q.2.225.313.5t.112.55q0 .275-.1.563a1.3 1.3 0 0 1-.325.512l-4.925 4.925a1.97 1.97 0 0 1-1.4.575H15a.97.97 0 0 1-.712-.288A.97.97 0 0 1 14 20M4 19v-1.8q0-.85.438-1.562A2.93 2.93 0 0 1 5.6 14.55a14.8 14.8 0 0 1 3.15-1.162A13.8 13.8 0 0 1 12 13q.925 0 1.825.113t1.8.362l-2.75 2.75q-.425.425-.65.975T12 18.35V20H5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 19m16.575-3.6.925-.975-.925-.925-.95.95zM12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12' } /></svg>;
+export default PersonEditFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonGroup.tsx b/packages/ui/icons/src/lib/Monochrome/Social/PersonGroup.tsx
new file mode 100644
index 00000000..29fc5dd1
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/PersonGroup.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const PersonGroup = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M1 20v-2.8q0-.85.438-1.562A2.93 2.93 0 0 1 2.6 14.55a14.8 14.8 0 0 1 3.15-1.162 13.8 13.8 0 0 1 6.5 0q1.6.39 3.15 1.162.725.375 1.163 1.088T17 17.2V20zm18 0v-3q0-1.1-.612-2.113T16.65 13.15a12.6 12.6 0 0 1 4.5 1.4q.9.5 1.375 1.112T23 17v3zM9 12q-1.65 0-2.825-1.175T5 8t1.175-2.825T9 4t2.825 1.175T13 8t-1.175 2.825T9 12m10-4q0 1.65-1.175 2.825T15 12q-.275 0-.7-.062a6 6 0 0 1-.7-.138 6 6 0 0 0 1.038-1.775A5.7 5.7 0 0 0 15 8q0-1.05-.362-2.025A5.9 5.9 0 0 0 13.6 4.2q.35-.125.7-.163A6 6 0 0 1 15 4q1.65 0 2.825 1.175T19 8M3 18h12v-.8a.97.97 0 0 0-.5-.85q-1.35-.675-2.725-1.012a11.5 11.5 0 0 0-5.55 0A13.2 13.2 0 0 0 3.5 16.35a1 1 0 0 0-.363.35.93.93 0 0 0-.137.5zm6-8q.825 0 1.413-.587T11 8q0-.825-.587-1.412A1.93 1.93 0 0 0 9 6a1.9 1.9 0 0 0-1.412.588Q7.003 7.178 7 8a1.92 1.92 0 0 0 .588 1.413Q8.179 10.004 9 10' } /></svg>;
+export default PersonGroup;
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonPin.tsx b/packages/ui/icons/src/lib/Monochrome/Social/PersonPin.tsx
new file mode 100644
index 00000000..d627a936
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Social/PersonPin.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const PersonPin = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M9 20H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 18V4q0-.824.588-1.412A1.93 1.93 0 0 1 5 2h14q.825 0 1.413.588T21 4v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 20h-4l-2.3 2.3q-.15.15-.325.213a1.15 1.15 0 0 1-.75 0 .85.85 0 0 1-.325-.213zm-4-3.15q1.35-1.325 3.138-2.087Q9.927 14.001 12 14q2.074 0 3.863.763A10.1 10.1 0 0 1 19 16.85V4H5zM12 12q1.45 0 2.475-1.025A3.37 3.37 0 0 0 15.5 8.5q0-1.45-1.025-2.475A3.37 3.37 0 0 0 12 5q-1.45 0-2.475 1.025A3.37 3.37 0 0 0 8.5 8.5q0 1.45 1.025 2.475A3.37 3.37 0 0 0 12 12m-5 6h10v-.25a7.3 7.3 0 0 0-2.325-1.312A8.2 8.2 0 0 0 12 16q-1.4 0-2.675.438Q8.05 16.878 7 17.75zm5-8q-.625 0-1.062-.437A1.45 1.45 0 0 1 10.5 8.5q0-.625.438-1.062Q11.378 7.002 12 7t1.063.438q.44.44.437 1.062a1.47 1.47 0 0 1-.437 1.063A1.42 1.42 0 0 1 12 10' } /></svg>;
+export default PersonPin;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/Check.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/Check.tsx
new file mode 100644
index 00000000..a289c7a4
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/Check.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Check = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm9.55 15.15 8.475-8.475q.3-.3.7-.3t.7.3.3.713a.97.97 0 0 1-.3.712l-9.175 9.2q-.3.3-.7.3a.96.96 0 0 1-.7-.3L4.55 13a.93.93 0 0 1-.288-.712q.012-.412.313-.713.3-.3.713-.3.412 0 .712.3z' } /></svg>;
+export default Check;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheck.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheck.tsx
new file mode 100644
index 00000000..01878914
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheck.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const CircleCheck = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20' } /></svg>;
+export default CircleCheck;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheckFill.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheckFill.tsx
new file mode 100644
index 00000000..7e5eabfa
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheckFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const CircleCheckFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22' } /></svg>;
+export default CircleCheckFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfo.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfo.tsx
new file mode 100644
index 00000000..d93df20c
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfo.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const CircleInfo = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 17a.97.97 0 0 0 .713-.288A.96.96 0 0 0 13 16v-4a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 11a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 12v4q0 .425.288.713T12 17m0-8a.97.97 0 0 0 .713-.288A.96.96 0 0 0 13 8a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 7a.97.97 0 0 0-.712.288A.97.97 0 0 0 11 8q0 .424.288.713A.96.96 0 0 0 12 9m0 13a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20' } /></svg>;
+export default CircleInfo;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfoFill.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfoFill.tsx
new file mode 100644
index 00000000..57b2a07e
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfoFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const CircleInfoFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 17a.97.97 0 0 0 .713-.288A.96.96 0 0 0 13 16v-4a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 11a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 12v4q0 .425.288.713T12 17m0-8a.97.97 0 0 0 .713-.288A.96.96 0 0 0 13 8a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 7a.97.97 0 0 0-.712.288A.97.97 0 0 0 11 8q0 .424.288.713A.96.96 0 0 0 12 9m0 13a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22' } /></svg>;
+export default CircleInfoFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmark.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmark.tsx
new file mode 100644
index 00000000..e0cb42a9
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmark.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const CircleXmark = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm12 13.4 2.9 2.9a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7L13.4 12l2.9-2.9a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275L12 10.6 9.1 7.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l2.9 2.9-2.9 2.9a.95.95 0 0 0-.275.7q0 .425.275.7a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275zm0 8.6a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20' } /></svg>;
+export default CircleXmark;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmarkFill.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmarkFill.tsx
new file mode 100644
index 00000000..6f6c13a6
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmarkFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const CircleXmarkFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm12 13.4 2.9 2.9a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7L13.4 12l2.9-2.9a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275L12 10.6 9.1 7.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l2.9 2.9-2.9 2.9a.95.95 0 0 0-.275.7q0 .425.275.7a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275zm0 8.6a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22' } /></svg>;
+export default CircleXmarkFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/Equal.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/Equal.tsx
new file mode 100644
index 00000000..9197e687
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/Equal.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Equal = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 15a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 14q0-.424.288-.712A.97.97 0 0 1 5 13h14q.425 0 .713.288T20 14q0 .424-.288.713A.96.96 0 0 1 19 15zm0-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 10q0-.424.288-.712A.97.97 0 0 1 5 9h14q.425 0 .713.288T20 10q0 .424-.288.713A.96.96 0 0 1 19 11z' } /></svg>;
+export default Equal;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/Minus.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/Minus.tsx
new file mode 100644
index 00000000..8c09577c
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/Minus.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Minus = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M6 13a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 12q0-.424.288-.712A.97.97 0 0 1 6 11h12q.425 0 .713.288T19 12q0 .424-.288.713A.96.96 0 0 1 18 13z' } /></svg>;
+export default Minus;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/Plus.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/Plus.tsx
new file mode 100644
index 00000000..89302b55
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/Plus.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Plus = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M11 13H6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 12q0-.424.288-.712A.97.97 0 0 1 6 11h5V6q0-.424.288-.712A.97.97 0 0 1 12 5q.424 0 .713.288A.96.96 0 0 1 13 6v5h5q.425 0 .713.288T19 12q0 .424-.288.713A.96.96 0 0 1 18 13h-5v5a.97.97 0 0 1-.288.713A.96.96 0 0 1 12 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 18z' } /></svg>;
+export default Plus;
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/Xmark.tsx b/packages/ui/icons/src/lib/Monochrome/Symbol/Xmark.tsx
new file mode 100644
index 00000000..52e70033
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Symbol/Xmark.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Xmark = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'm12 13.4-4.9 4.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.9-4.9-4.9-4.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.9 4.9 4.9-4.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L13.4 12l4.9 4.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z' } /></svg>;
+export default Xmark;
diff --git a/packages/ui/icons/src/lib/Monochrome/System/Delete.tsx b/packages/ui/icons/src/lib/Monochrome/System/Delete.tsx
new file mode 100644
index 00000000..78a89932
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/System/Delete.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Delete = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 5q0-.424.288-.712A.97.97 0 0 1 5 4h4q0-.424.288-.712A.97.97 0 0 1 10 3h4q.425 0 .713.288.288.289.287.712h4q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 19 6v13q0 .825-.587 1.413A1.92 1.92 0 0 1 17 21zM17 6H7v13h10zm-7 11a.97.97 0 0 0 .713-.288A.96.96 0 0 0 11 16V9a.97.97 0 0 0-.288-.712A.97.97 0 0 0 10 8a.96.96 0 0 0-.712.288A.97.97 0 0 0 9 9v7q0 .425.288.713T10 17m4 0a.97.97 0 0 0 .713-.288A.96.96 0 0 0 15 16V9a.97.97 0 0 0-.288-.712A.97.97 0 0 0 14 8a.96.96 0 0 0-.712.288A.97.97 0 0 0 13 9v7q0 .425.288.713T14 17' } /></svg>;
+export default Delete;
diff --git a/packages/ui/icons/src/lib/Monochrome/System/DeleteXmark.tsx b/packages/ui/icons/src/lib/Monochrome/System/DeleteXmark.tsx
new file mode 100644
index 00000000..bbcfe3ef
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/System/DeleteXmark.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const DeleteXmark = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 5q0-.424.288-.712A.97.97 0 0 1 5 4h4q0-.424.288-.712A.97.97 0 0 1 10 3h4q.425 0 .713.288.288.289.287.712h4q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 19 6v13q0 .825-.587 1.413A1.92 1.92 0 0 1 17 21zM17 6H7v13h10zm-5 7.9 1.9 1.9a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7l-1.9-1.9 1.9-1.9a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275L12 11.1l-1.9-1.9a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l1.9 1.9-1.9 1.9a.95.95 0 0 0-.275.7q0 .425.275.7a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275z' } /></svg>;
+export default DeleteXmark;
diff --git a/packages/ui/icons/src/lib/Monochrome/System/DotsHorizontal.tsx b/packages/ui/icons/src/lib/Monochrome/System/DotsHorizontal.tsx
new file mode 100644
index 00000000..cc68c79f
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/System/DotsHorizontal.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const DotsHorizontal = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M6 14q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 12q0-.825.588-1.412Q5.177 10.002 6 10a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 6 14m6 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 12q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 12 14m6 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 16 12q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 18 14' } /></svg>;
+export default DotsHorizontal;
diff --git a/packages/ui/icons/src/lib/Monochrome/System/DotsVertical.tsx b/packages/ui/icons/src/lib/Monochrome/System/DotsVertical.tsx
new file mode 100644
index 00000000..62090f0f
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/System/DotsVertical.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const DotsVertical = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 20q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 18q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 12 20m0-6q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 12q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 12 14m0-6q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 6q0-.825.588-1.412Q11.177 4.002 12 4a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 12 8' } /></svg>;
+export default DotsVertical;
diff --git a/packages/ui/icons/src/lib/Monochrome/System/Filter.tsx b/packages/ui/icons/src/lib/Monochrome/System/Filter.tsx
new file mode 100644
index 00000000..3a7f8acf
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/System/Filter.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Filter = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M17.75 20.25q-1.575 0-2.662-1.088T14 16.5q0-1.575 1.088-2.662 1.089-1.088 2.662-1.088t2.663 1.088T21.5 16.5t-1.088 2.663q-1.084 1.089-2.662 1.087m0-2q.725 0 1.238-.513T19.5 16.5t-.513-1.237a1.68 1.68 0 0 0-1.237-.513q-.725 0-1.237.513A1.7 1.7 0 0 0 16 16.5q0 .724.513 1.238a1.68 1.68 0 0 0 1.237.512M11 17.5H5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 16.5q0-.424.288-.712A.97.97 0 0 1 5 15.5h6q.425 0 .713.288T12 16.5t-.288.713A.96.96 0 0 1 11 17.5m-4.75-6.25q-1.575 0-2.662-1.088T2.5 7.5q0-1.575 1.088-2.662Q4.677 3.75 6.25 3.75t2.663 1.088T10 7.5t-1.088 2.663T6.25 11.25m0-2q.725 0 1.238-.513T8 7.5t-.513-1.237A1.68 1.68 0 0 0 6.25 5.75q-.725 0-1.237.513A1.7 1.7 0 0 0 4.5 7.5q0 .724.513 1.238a1.68 1.68 0 0 0 1.237.512M19 8.5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 7.5q0-.424.288-.712A.97.97 0 0 1 13 6.5h6q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 19 8.5' } /></svg>;
+export default Filter;
diff --git a/packages/ui/icons/src/lib/Monochrome/System/FilterFill.tsx b/packages/ui/icons/src/lib/Monochrome/System/FilterFill.tsx
new file mode 100644
index 00000000..643211c5
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/System/FilterFill.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const FilterFill = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M17.75 20.25q-1.575 0-2.662-1.088T14 16.5q0-1.575 1.088-2.662 1.089-1.088 2.662-1.088t2.663 1.088T21.5 16.5t-1.088 2.663q-1.084 1.089-2.662 1.087M11 17.5H5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 16.5q0-.424.288-.712A.97.97 0 0 1 5 15.5h6q.425 0 .713.288T12 16.5t-.288.713A.96.96 0 0 1 11 17.5m-4.75-6.25q-1.575 0-2.662-1.088T2.5 7.5q0-1.575 1.088-2.662Q4.677 3.75 6.25 3.75t2.663 1.088T10 7.5t-1.088 2.663T6.25 11.25M19 8.5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 7.5q0-.424.288-.712A.97.97 0 0 1 13 6.5h6q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 19 8.5' } /></svg>;
+export default FilterFill;
diff --git a/packages/ui/icons/src/lib/Monochrome/System/Grip.tsx b/packages/ui/icons/src/lib/Monochrome/System/Grip.tsx
new file mode 100644
index 00000000..3301fd98
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/System/Grip.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Grip = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M9 20q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 18q0-.825.588-1.412Q8.177 16.002 9 16a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 9 20m6 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 13 18q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 15 20m-6-6q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 12q0-.825.588-1.412Q8.177 10.002 9 10a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 9 14m6 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 13 12q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 15 14M9 8q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 6q0-.825.588-1.412Q8.177 4.002 9 4a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 9 8m6 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 13 6q0-.825.588-1.412Q14.177 4.002 15 4a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 15 8' } /></svg>;
+export default Grip;
diff --git a/packages/ui/icons/src/lib/Monochrome/System/Notifications.tsx b/packages/ui/icons/src/lib/Monochrome/System/Notifications.tsx
new file mode 100644
index 00000000..b46e6897
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/System/Notifications.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Notifications = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 18q0-.424.288-.712A.97.97 0 0 1 5 17h1v-7q0-2.074 1.25-3.687T10.5 4.2v-.7q0-.625.438-1.062A1.45 1.45 0 0 1 12 2q.624 0 1.063.438.439.44.437 1.062v.7q2 .5 3.25 2.113T18 10v7h1q.425 0 .713.288T20 18q0 .424-.288.713A.96.96 0 0 1 19 19zm7 3q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 20h4q0 .825-.587 1.413A1.92 1.92 0 0 1 12 22m-4-5h8v-7q0-1.65-1.175-2.825T12 6 9.175 7.175 8 10z' } /></svg>;
+export default Notifications;
diff --git a/packages/ui/icons/src/lib/Monochrome/System/Settings.tsx b/packages/ui/icons/src/lib/Monochrome/System/Settings.tsx
new file mode 100644
index 00000000..936581ac
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/System/Settings.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Settings = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M10.826 22q-.675 0-1.163-.45-.486-.45-.588-1.1L8.85 18.8a4 4 0 0 1-.612-.3 9 9 0 0 1-.563-.375l-1.55.65q-.624.275-1.25.05a1.84 1.84 0 0 1-.975-.8l-1.175-2.05a1.6 1.6 0 0 1-.2-1.225q.15-.65.675-1.075l1.325-1a2.4 2.4 0 0 1-.025-.338v-.675q0-.162.025-.337l-1.325-1a1.9 1.9 0 0 1-.675-1.075q-.15-.65.2-1.225L3.9 5.975q.351-.575.975-.8.626-.225 1.25.05l1.55.65q.276-.2.575-.375.3-.175.6-.3l.225-1.65q.1-.65.588-1.1.489-.45 1.162-.45h2.35q.675 0 1.163.45.489.45.588 1.1l.224 1.65q.326.125.614.3t.562.375l1.55-.65q.624-.275 1.25-.05.624.225.974.8l1.175 2.05q.35.575.2 1.225t-.675 1.075l-1.325 1a2.4 2.4 0 0 1 .025.338v.674q0 .163-.05.338l1.326 1q.525.425.675 1.075t-.2 1.225l-1.2 2.05q-.351.575-.975.8-.626.225-1.25-.05l-1.5-.65a7 7 0 0 1-.575.375q-.3.175-.6.3l-.226 1.65a1.84 1.84 0 0 1-.587 1.1q-.486.45-1.162.45zM11 20h1.975l.35-2.65a5.6 5.6 0 0 0 1.438-.587q.663-.386 1.212-.938l2.475 1.025.974-1.7-2.15-1.625q.126-.35.176-.737a6.2 6.2 0 0 0 0-1.575 3.6 3.6 0 0 0-.175-.738l2.15-1.625-.975-1.7-2.476 1.05a5.6 5.6 0 0 0-1.211-.962 5.6 5.6 0 0 0-1.438-.588L13 4h-1.976l-.35 2.65q-.774.2-1.437.588a6 6 0 0 0-1.213.937L5.55 7.15l-.975 1.7 2.15 1.6q-.124.375-.175.75t-.05.8q0 .4.05.775t.175.75l-2.15 1.625.975 1.7 2.475-1.05q.55.574 1.213.963a5.6 5.6 0 0 0 1.438.587zm1.05-4.5q1.45 0 2.474-1.025A3.37 3.37 0 0 0 15.55 12q0-1.45-1.025-2.475A3.37 3.37 0 0 0 12.05 8.5q-1.474 0-2.487 1.025A3.4 3.4 0 0 0 8.55 12q0 1.45 1.013 2.475Q10.577 15.5 12.05 15.5' } /></svg>;
+export default Settings;
diff --git a/packages/ui/icons/src/lib/Monochrome/Time/Clock40.tsx b/packages/ui/icons/src/lib/Monochrome/Time/Clock40.tsx
new file mode 100644
index 00000000..0e633563
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Time/Clock40.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Clock40 = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m0-2q1.6 0 3.075-.6t2.6-1.725L12 12V4Q8.65 4 6.325 6.325T4 12t2.325 5.675T12 20' } /></svg>;
+export default Clock40;
diff --git a/packages/ui/icons/src/lib/Monochrome/Time/Clock60.tsx b/packages/ui/icons/src/lib/Monochrome/Time/Clock60.tsx
new file mode 100644
index 00000000..2a9383af
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Time/Clock60.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Clock60 = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m-5.675-4.325L12 12V4Q8.65 4 6.325 6.325T4 12q0 1.6.6 3.075t1.725 2.6' } /></svg>;
+export default Clock60;
diff --git a/packages/ui/icons/src/lib/Monochrome/Time/ClockArrowRotateCcwLeft.tsx b/packages/ui/icons/src/lib/Monochrome/Time/ClockArrowRotateCcwLeft.tsx
new file mode 100644
index 00000000..0e819bf6
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Time/ClockArrowRotateCcwLeft.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const ClockArrowRotateCcwLeft = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M12 21q-3.15 0-5.575-1.912T3.275 14.2a.74.74 0 0 1 .15-.687.98.98 0 0 1 .675-.363q.4-.05.725.15t.45.6q.6 2.25 2.475 3.675T12 19q2.925 0 4.963-2.037T19 12q0-2.926-2.037-4.962T12 5a6.75 6.75 0 0 0-3.225.8A7.4 7.4 0 0 0 6.25 8H8q.425 0 .713.288T9 9t-.288.713A.96.96 0 0 1 8 10H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 9V5q0-.424.288-.712A.97.97 0 0 1 4 4q.424 0 .713.288A.96.96 0 0 1 5 5v1.35a8.7 8.7 0 0 1 3.113-2.475A8.9 8.9 0 0 1 12 3q1.875 0 3.513.713a9.2 9.2 0 0 1 2.85 1.924 9.1 9.1 0 0 1 1.925 2.85A8.7 8.7 0 0 1 21 12q0 1.874-.712 3.513a9.1 9.1 0 0 1-1.925 2.85 9.2 9.2 0 0 1-2.85 1.925A8.7 8.7 0 0 1 12 21m1-9.4 2.5 2.5a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-2.8-2.8a1 1 0 0 1-.3-.725V8q0-.424.288-.712A.97.97 0 0 1 12 7q.424 0 .713.288A.96.96 0 0 1 13 8z' } /></svg>;
+export default ClockArrowRotateCcwLeft;
diff --git a/packages/ui/icons/src/lib/Monochrome/Tool/AttachFile.tsx b/packages/ui/icons/src/lib/Monochrome/Tool/AttachFile.tsx
new file mode 100644
index 00000000..7181444e
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Tool/AttachFile.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const AttachFile = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M18 15.75q0 2.6-1.825 4.425Q14.349 22 11.75 22q-2.6 0-4.425-1.825T5.5 15.75V6.5q0-1.875 1.313-3.187T10 2q1.874 0 3.188 1.313Q14.502 4.627 14.5 6.5v8.75q0 1.15-.8 1.95t-1.95.8a2.65 2.65 0 0 1-1.95-.8 2.65 2.65 0 0 1-.8-1.95V7q0-.424.288-.712A.97.97 0 0 1 10 6q.424 0 .713.288A.96.96 0 0 1 11 7v8.25a.73.73 0 0 0 .75.75.74.74 0 0 0 .538-.213.72.72 0 0 0 .212-.537V6.5q-.025-1.05-.737-1.775T10 4t-1.775.725T7.5 6.5v9.25q-.025 1.775 1.225 3.013T11.75 20q1.75 0 2.975-1.237T16 15.75V7q0-.424.288-.712A.97.97 0 0 1 17 6q.424 0 .713.288A.96.96 0 0 1 18 7z' } /></svg>;
+export default AttachFile;
diff --git a/packages/ui/icons/src/lib/Monochrome/Tool/Funnel.tsx b/packages/ui/icons/src/lib/Monochrome/Tool/Funnel.tsx
new file mode 100644
index 00000000..b408b931
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Tool/Funnel.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Funnel = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M11 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 10 19v-6L4.2 5.6q-.375-.5-.112-1.05T5 4h14q.65 0 .913.55T19.8 5.6L14 13v6a.97.97 0 0 1-.288.713A.96.96 0 0 1 13 20zm1-7.7L16.95 6h-9.9z' } /></svg>;
+export default Funnel;
diff --git a/packages/ui/icons/src/lib/Monochrome/Tool/Magnifier.tsx b/packages/ui/icons/src/lib/Monochrome/Tool/Magnifier.tsx
new file mode 100644
index 00000000..944606e5
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Tool/Magnifier.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Magnifier = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612Q6.778 3 9.5 3t4.613 1.888T16 9.5a6.1 6.1 0 0 1-1.3 3.8l5.6 5.6a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16m0-2q1.875 0 3.188-1.312T14 9.5q0-1.876-1.312-3.187Q11.377 5.002 9.5 5T6.313 6.313 5 9.5t1.313 3.188T9.5 14' } /></svg>;
+export default Magnifier;
diff --git a/packages/ui/icons/src/lib/Monochrome/Tool/Pencil.tsx b/packages/ui/icons/src/lib/Monochrome/Tool/Pencil.tsx
new file mode 100644
index 00000000..4b6037ad
--- /dev/null
+++ b/packages/ui/icons/src/lib/Monochrome/Tool/Pencil.tsx
@@ -0,0 +1,5 @@
+import type { SVGProps } from 'react';
+import * as React from 'react';
+
+const Pencil = (props: SVGProps<SVGSVGElement>) => <svg xmlns={ 'http://www.w3.org/2000/svg' } width={ 24 } height={ 24 } fill={ 'none' } viewBox={ '0 0 24 24' } { ...props }><path fill={ 'currentColor' } d={ 'M5 19h1.425L16.2 9.225 14.775 7.8 5 17.575zm-1 2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 20v-2.425a1.98 1.98 0 0 1 .575-1.4L16.2 3.575q.3-.275.663-.425t.762-.15.775.15.65.45L20.425 5q.3.275.437.65T21 6.4q0 .4-.138.763a1.9 1.9 0 0 1-.437.662l-12.6 12.6a1.98 1.98 0 0 1-1.4.575zM15.475 8.525l-.7-.725L16.2 9.225z' } /></svg>;
+export default Pencil;
diff --git a/packages/ui/icons/src/lib/index.tsx b/packages/ui/icons/src/lib/index.tsx
new file mode 100644
index 00000000..e5d0f375
--- /dev/null
+++ b/packages/ui/icons/src/lib/index.tsx
@@ -0,0 +1,125 @@
+export { default as FlagRu } from './Colored/Flags/FlagRu.tsx';
+export { default as FlagUk } from './Colored/Flags/FlagUk.tsx';
+export { default as Google } from './Colored/Logos/Google.tsx';
+export { default as MailAol } from './Colored/Logos/MailAol.tsx';
+export { default as MailGmail } from './Colored/Logos/MailGmail.tsx';
+export { default as MailIcloud } from './Colored/Logos/MailIcloud.tsx';
+export { default as MailMail } from './Colored/Logos/MailMail.tsx';
+export { default as MailOutlook } from './Colored/Logos/MailOutlook.tsx';
+export { default as MailProton } from './Colored/Logos/MailProton.tsx';
+export { default as MailYahoo } from './Colored/Logos/MailYahoo.tsx';
+export { default as MailYandex } from './Colored/Logos/MailYandex.tsx';
+export { default as Vk } from './Colored/Logos/Vk.tsx';
+export { default as Yandex } from './Colored/Logos/Yandex.tsx';
+export { default as Arrow360 } from './Monochrome/Arrows/Arrow360.tsx';
+export { default as ArrowBack } from './Monochrome/Arrows/ArrowBack.tsx';
+export { default as ArrowDownToSquare } from './Monochrome/Arrows/ArrowDownToSquare.tsx';
+export { default as ArrowLeftArrowRight } from './Monochrome/Arrows/ArrowLeftArrowRight.tsx';
+export { default as ArrowOutward } from './Monochrome/Arrows/ArrowOutward.tsx';
+export { default as ArrowRightFromSquare } from './Monochrome/Arrows/ArrowRightFromSquare.tsx';
+export { default as ArrowRightToSquare } from './Monochrome/Arrows/ArrowRightToSquare.tsx';
+export { default as ArrowShapeTurnUpRight } from './Monochrome/Arrows/ArrowShapeTurnUpRight.tsx';
+export { default as ArrowShapeTurnUpRightCheck } from './Monochrome/Arrows/ArrowShapeTurnUpRightCheck.tsx';
+export { default as ArrowsRotateRightAdd } from './Monochrome/Arrows/ArrowsRotateRightAdd.tsx';
+export { default as ArrowsRotateRightCheck } from './Monochrome/Arrows/ArrowsRotateRightCheck.tsx';
+export { default as ArrowUpArrowDown } from './Monochrome/Arrows/ArrowUpArrowDown.tsx';
+export { default as ArrowUturnCcwLeft } from './Monochrome/Arrows/ArrowUturnCcwLeft.tsx';
+export { default as ArrowUturnCwRight } from './Monochrome/Arrows/ArrowUturnCwRight.tsx';
+export { default as ChevronDown } from './Monochrome/Arrows/ChevronDown.tsx';
+export { default as ChevronDownToLine } from './Monochrome/Arrows/ChevronDownToLine.tsx';
+export { default as ChevronLeft } from './Monochrome/Arrows/ChevronLeft.tsx';
+export { default as ChevronRight } from './Monochrome/Arrows/ChevronRight.tsx';
+export { default as ChevronsCollapseUpRight } from './Monochrome/Arrows/ChevronsCollapseUpRight.tsx';
+export { default as ChevronsExpandUpRight } from './Monochrome/Arrows/ChevronsExpandUpRight.tsx';
+export { default as ChevronUp } from './Monochrome/Arrows/ChevronUp.tsx';
+export { default as ChevronUpToLine } from './Monochrome/Arrows/ChevronUpToLine.tsx';
+export { default as Shuffle } from './Monochrome/Arrows/Shuffle.tsx';
+export { default as Bookmark } from './Monochrome/Doc/Bookmark.tsx';
+export { default as BookmarkFill } from './Monochrome/Doc/BookmarkFill.tsx';
+export { default as Bookmarks } from './Monochrome/Doc/Bookmarks.tsx';
+export { default as Link } from './Monochrome/Doc/Link.tsx';
+export { default as LinkAdd } from './Monochrome/Doc/LinkAdd.tsx';
+export { default as LinkSlash } from './Monochrome/Doc/LinkSlash.tsx';
+export { default as CodeBlock } from './Monochrome/Editor/CodeBlock.tsx';
+export { default as FormatBold } from './Monochrome/Editor/FormatBold.tsx';
+export { default as FormatItalic } from './Monochrome/Editor/FormatItalic.tsx';
+export { default as FormatListOl } from './Monochrome/Editor/FormatListOl.tsx';
+export { default as FormatListUl } from './Monochrome/Editor/FormatListUl.tsx';
+export { default as FormatUndeline } from './Monochrome/Editor/FormatUndeline.tsx';
+export { default as TextFormat } from './Monochrome/Editor/TextFormat.tsx';
+export { default as Copy } from './Monochrome/File/Copy.tsx';
+export { default as File } from './Monochrome/File/File.tsx';
+export { default as FileAdd } from './Monochrome/File/FileAdd.tsx';
+export { default as FileCheck } from './Monochrome/File/FileCheck.tsx';
+export { default as FileCheckFill } from './Monochrome/File/FileCheckFill.tsx';
+export { default as Folder } from './Monochrome/Folders/Folder.tsx';
+export { default as FolderAdd } from './Monochrome/Folders/FolderAdd.tsx';
+export { default as FolderFill } from './Monochrome/Folders/FolderFill.tsx';
+export { default as FolderOpen } from './Monochrome/Folders/FolderOpen.tsx';
+export { default as FolderOpenFill } from './Monochrome/Folders/FolderOpenFill.tsx';
+export { default as Folders } from './Monochrome/Folders/Folders.tsx';
+export { default as MoveToFolder } from './Monochrome/Folders/MoveToFolder.tsx';
+export { default as Fullscreen } from './Monochrome/Misc/Fullscreen.tsx';
+export { default as Language } from './Monochrome/Misc/Language.tsx';
+export { default as Preview } from './Monochrome/Misc/Preview.tsx';
+export { default as Sort } from './Monochrome/Misc/Sort.tsx';
+export { default as SortByAlpha } from './Monochrome/Misc/SortByAlpha.tsx';
+export { default as Spinner } from './Monochrome/Misc/Spinner.tsx';
+export { default as Star } from './Monochrome/Misc/Star.tsx';
+export { default as Tag } from './Monochrome/Misc/Tag.tsx';
+export { default as Explore } from './Monochrome/Navigation/Explore.tsx';
+export { default as ExploreFill } from './Monochrome/Navigation/ExploreFill.tsx';
+export { default as Home } from './Monochrome/Navigation/Home.tsx';
+export { default as HomeFill } from './Monochrome/Navigation/HomeFill.tsx';
+export { default as Interests } from './Monochrome/Navigation/Interests.tsx';
+export { default as InterestsFill } from './Monochrome/Navigation/InterestsFill.tsx';
+export { default as AddRowAbove } from './Monochrome/Sets/AddRowAbove.tsx';
+export { default as AddRowBelow } from './Monochrome/Sets/AddRowBelow.tsx';
+export { default as AddSquare } from './Monochrome/Sets/AddSquare.tsx';
+export { default as Clipboard } from './Monochrome/Sets/Clipboard.tsx';
+export { default as Hint } from './Monochrome/Sets/Hint.tsx';
+export { default as HintAdd } from './Monochrome/Sets/HintAdd.tsx';
+export { default as HintSlash } from './Monochrome/Sets/HintSlash.tsx';
+export { default as Learn } from './Monochrome/Sets/Learn.tsx';
+export { default as ListAdd } from './Monochrome/Sets/ListAdd.tsx';
+export { default as Set } from './Monochrome/Sets/Set.tsx';
+export { default as SetAdd } from './Monochrome/Sets/SetAdd.tsx';
+export { default as TableConvert } from './Monochrome/Sets/TableConvert.tsx';
+export { default as Favorite } from './Monochrome/Social/Favorite.tsx';
+export { default as FavoriteFill } from './Monochrome/Social/FavoriteFill.tsx';
+export { default as Globe } from './Monochrome/Social/Globe.tsx';
+export { default as GlobeAdd } from './Monochrome/Social/GlobeAdd.tsx';
+export { default as PersonAdd } from './Monochrome/Social/PersonAdd.tsx';
+export { default as PersonCheck } from './Monochrome/Social/PersonCheck.tsx';
+export { default as PersonCheckFill } from './Monochrome/Social/PersonCheckFill.tsx';
+export { default as PersonEdit } from './Monochrome/Social/PersonEdit.tsx';
+export { default as PersonEditFill } from './Monochrome/Social/PersonEditFill.tsx';
+export { default as PersonGroup } from './Monochrome/Social/PersonGroup.tsx';
+export { default as PersonPin } from './Monochrome/Social/PersonPin.tsx';
+export { default as Check } from './Monochrome/Symbol/Check.tsx';
+export { default as CircleCheck } from './Monochrome/Symbol/CircleCheck.tsx';
+export { default as CircleCheckFill } from './Monochrome/Symbol/CircleCheckFill.tsx';
+export { default as CircleInfo } from './Monochrome/Symbol/CircleInfo.tsx';
+export { default as CircleInfoFill } from './Monochrome/Symbol/CircleInfoFill.tsx';
+export { default as CircleXmark } from './Monochrome/Symbol/CircleXmark.tsx';
+export { default as CircleXmarkFill } from './Monochrome/Symbol/CircleXmarkFill.tsx';
+export { default as Equal } from './Monochrome/Symbol/Equal.tsx';
+export { default as Minus } from './Monochrome/Symbol/Minus.tsx';
+export { default as Plus } from './Monochrome/Symbol/Plus.tsx';
+export { default as Xmark } from './Monochrome/Symbol/Xmark.tsx';
+export { default as Delete } from './Monochrome/System/Delete.tsx';
+export { default as DeleteXmark } from './Monochrome/System/DeleteXmark.tsx';
+export { default as DotsHorizontal } from './Monochrome/System/DotsHorizontal.tsx';
+export { default as DotsVertical } from './Monochrome/System/DotsVertical.tsx';
+export { default as Filter } from './Monochrome/System/Filter.tsx';
+export { default as FilterFill } from './Monochrome/System/FilterFill.tsx';
+export { default as Grip } from './Monochrome/System/Grip.tsx';
+export { default as Notifications } from './Monochrome/System/Notifications.tsx';
+export { default as Settings } from './Monochrome/System/Settings.tsx';
+export { default as Clock40 } from './Monochrome/Time/Clock40.tsx';
+export { default as Clock60 } from './Monochrome/Time/Clock60.tsx';
+export { default as ClockArrowRotateCcwLeft } from './Monochrome/Time/ClockArrowRotateCcwLeft.tsx';
+export { default as AttachFile } from './Monochrome/Tool/AttachFile.tsx';
+export { default as Funnel } from './Monochrome/Tool/Funnel.tsx';
+export { default as Magnifier } from './Monochrome/Tool/Magnifier.tsx';
+export { default as Pencil } from './Monochrome/Tool/Pencil.tsx';
diff --git a/packages/ui/icons/src/scripts/constants.js b/packages/ui/icons/src/scripts/constants.js
new file mode 100644
index 00000000..045f5980
--- /dev/null
+++ b/packages/ui/icons/src/scripts/constants.js
@@ -0,0 +1,34 @@
+import { fileURLToPath } from 'node:url';
+import { isHex } from './utils.js';
+
+export const SVGS_DIR = fileURLToPath(import.meta.resolve('../svgs', import.meta.dirname));
+export const ICONS_DIR = fileURLToPath(import.meta.resolve('../lib', import.meta.dirname));
+
+export const ICONS_NAME_REGEX = /^([a-z0-9](_?[a-z0-9])*)$/i;
+
+export const IGNORED_COLORS_FOR_SVGO = {
+  '$misc-red-darker': '#e52222',
+  '$misc-red-default': '#ff4141',
+  '$misc-red-lighter': '#ff5959',
+
+  '$misc-warm-red-darker': '#ba2a06',
+  '$misc-warm-red-default': '#d3401b',
+  '$misc-warm-red-lighter': '#ed5b37',
+
+  '$misc-green-darker': '#1ba62b',
+  '$misc-green-default': '#31be42',
+  '$misc-green-lighter': '#4ed95e',
+
+  '$misc-yellow-darker': '#bd9600',
+  '$misc-yellow-default': '#d6ae12',
+  '$misc-yellow-lighter': '#f0c82b',
+
+  '$misc-golden-darker': '#857938',
+  '$misc-golden-default': '#9e9352',
+  '$misc-golden-lighter': '#b8ab5f'
+};
+
+export const IGNORED_COLORS_FOR_SVGO_REGEX = new RegExp(`#(?!${Object.values(IGNORED_COLORS_FOR_SVGO)
+  .filter(isHex)
+  .map((value) => value.slice(1))
+  .join('|')})`, 'i');
diff --git a/packages/ui/icons/src/scripts/download.js b/packages/ui/icons/src/scripts/download.js
new file mode 100644
index 00000000..080aaefd
--- /dev/null
+++ b/packages/ui/icons/src/scripts/download.js
@@ -0,0 +1,213 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import process from 'node:process';
+
+import { components as loadComponents } from '@figma-export/core';
+import isSvg from 'is-svg';
+import { optimize } from 'svgo';
+import { ICONS_NAME_REGEX, IGNORED_COLORS_FOR_SVGO_REGEX, SVGS_DIR } from './constants.js';
+import { clearDir, kebabCaseToCamelCase } from './utils.js';
+
+const FIGMA_TOKEN = process.env.FIGMA_TOKEN;
+const FIGMA_FILE = process.env.FIGMA_FILE;
+const FIGMA_IDS = process.env.FIGMA_IDS.split(',');
+const FIGMA_PAGES = process.env.FIGMA_PAGES.split(',');
+
+function parseComponentPropsFromString(props) {
+  const params = props.split(/\s*,\s?/);
+
+  return params.reduce((acc, param) => {
+    const [key, value] = param.split(/\s*=\s*/);
+    acc[key] = value;
+
+    return acc;
+  }, {});
+}
+
+function parseComponentSetName(name) {
+  const params = name.split('/');
+  const iconPath = params.slice(0, -1).join('/');
+
+  if (params.length < 3)
+    throw new Error(`Icon must have palette, group and name (Monochrome/Logo/yandex): ${name}`);
+
+  return {
+    name: params.at(-1),
+    iconPath,
+    meta: {
+      palette: params.at(0).toLowerCase(),
+      group: params.at(1).toLowerCase()
+    }
+  };
+}
+
+function svgTransformer(svg, palette) {
+  const isMonochrome = palette === 'monochrome';
+
+  return optimize(svg, {
+    multipass: true,
+    plugins: [{
+      name: 'preset-default',
+      params: {
+        overrides: {
+          convertColors: {
+            currentColor: isMonochrome ? IGNORED_COLORS_FOR_SVGO_REGEX : false
+          },
+          removeViewBox: false
+        }
+      }
+    }]
+  }).data;
+}
+
+function createSvgBuilder(metadata) {
+  return async function svgBuilder([{ children, components: icons }]) {
+    const targetNodes = targetNodesBFS(FIGMA_IDS, children);
+    const iconSets = componentSetsDfs(targetNodes);
+    const iconsById = icons.reduce((acc, icon) => { acc[icon.id] = icon; return acc; }, {});
+    const uniqueIcons = new Set();
+
+    function targetNodesBFS(targetIds, startQueue) {
+      const queue = Array.from(startQueue);
+      const resultNodes = [];
+
+      targetIds = new Set(targetIds.map((id) => id.replace('-', ':')));
+
+      while (queue.length > 0 && targetIds.size > 0) {
+        const node = queue.shift();
+
+        if (targetIds.has(node.id)) {
+          resultNodes.push(node);
+          targetIds.delete(node.id);
+
+          continue;
+        }
+
+        if (node.children)
+          queue.push(...node.children);
+      }
+
+      return resultNodes;
+    }
+
+    function componentSetsDfs(startStack) {
+      const stack = Array.from(startStack);
+      const resultSets = new Set();
+
+      while (stack.length > 0) {
+        const node = stack.pop();
+
+        if (node.type === 'COMPONENT_SET') {
+          resultSets.add(node);
+
+          continue;
+        }
+
+        if (node.children) {
+          stack.push(...node.children);
+        }
+      }
+
+      return Array.from(resultSets);
+    }
+
+    console.log(iconSets);
+
+    for (const iconSet of iconSets) {
+      const { name, iconPath: svgPath, meta } = parseComponentSetName(iconSet.name);
+
+      if (!ICONS_NAME_REGEX.test(name))
+        throw new Error(`Invalid icon name: ${name}. Pattern: ${ICONS_NAME_REGEX.source}`);
+
+      if (uniqueIcons.has(name)) {
+        throw new Error(`Icon has been already added: ${name}`);
+      }
+      else {
+        uniqueIcons.add(name);
+      }
+
+      if (!meta.palette)
+        throw new Error(`Icon must have palette: ${name}`);
+
+      if (!meta.group)
+        throw new Error(`Icon must have group: ${name}`);
+
+      if (!metadata.info.groups.has(meta.group))
+        await fs.mkdir(path.join(SVGS_DIR, svgPath), { recursive: true });
+
+      metadata.info.palettes.add(meta.palette);
+      metadata.info.groups.add(meta.group);
+
+      for (const icon of iconSet.children) {
+        const props = parseComponentPropsFromString(icon.name);
+        if (!props.preview)
+          throw new Error(`Icon has no preview: ${name}`);
+
+        if (props.preview === 'true')
+          continue;
+
+        let svg = iconsById[icon.id].svg;
+        let svgName = name;
+
+        if (!props.style)
+          throw new Error(`Icon has no style: ${name}`);
+
+        if (props.style !== 'regular')
+          svgName += `_${props.style}`;
+
+        if (props.animated === 'true') {
+          if (!isSvg(iconsById[icon.id].description))
+            throw new Error(`If icon animated must have in description correct svg: ${name}`);
+
+          svg = iconsById[icon.id].description;
+        }
+
+        metadata.icons.push({
+          name,
+          style: props.style,
+          svgName,
+          componentName: kebabCaseToCamelCase(svgName),
+          meta
+        });
+
+        const optimizedSvg = svgTransformer(svg, meta.palette);
+        console.log(path.join(SVGS_DIR, svgPath, `${svgName}.svg`));
+        await fs.writeFile(path.join(SVGS_DIR, svgPath, `${svgName}.svg`), optimizedSvg);
+      }
+    }
+  };
+}
+
+async function download() {
+  await clearDir(SVGS_DIR);
+
+  const metadata = {
+    info: {
+      palettes: new Set(),
+      groups: new Set()
+    },
+    icons: []
+  };
+
+  await loadComponents({
+    token: FIGMA_TOKEN,
+    fileId: FIGMA_FILE,
+    ids: FIGMA_IDS,
+    onlyFromPages: FIGMA_PAGES,
+    outputters: [createSvgBuilder(metadata)],
+    filterComponent: (node) => {
+      if (node.name === 'Divider Horizontal')
+        console.log(node);
+      return node.type !== 'INSTANCE';
+    }
+  });
+
+  metadata.info.palettes = Array.from(metadata.info.palettes);
+  metadata.info.groups = Array.from(metadata.info.groups);
+  await fs.writeFile(path.join(process.cwd(), 'metadata.json'), JSON.stringify(metadata, null, 2));
+}
+
+download().catch((error) => {
+  console.error(`Failed to download icons: ${error}`);
+  process.exit(1);
+});
diff --git a/packages/ui/icons/src/scripts/figmaApi.js b/packages/ui/icons/src/scripts/figmaApi.js
new file mode 100644
index 00000000..337cabc6
--- /dev/null
+++ b/packages/ui/icons/src/scripts/figmaApi.js
@@ -0,0 +1,11 @@
+import { URLSearchParams } from 'node:url';
+
+export async function getFile(token, file_key, options) {
+  const query = JSON.parse(JSON.stringify(new URLSearchParams(options)));
+
+  return fetch(`https://api.figma.com/v1/files/${file_key}?${query.toString()}`, {
+    headers: {
+      'X-FIGMA-TOKEN': token
+    }
+  }).then((res) => res.json());
+}
diff --git a/packages/ui/icons/src/scripts/generateIcons.js b/packages/ui/icons/src/scripts/generateIcons.js
new file mode 100644
index 00000000..482ab760
--- /dev/null
+++ b/packages/ui/icons/src/scripts/generateIcons.js
@@ -0,0 +1,42 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import process from 'node:process';
+import { transform } from '@svgr/core';
+import { ICONS_DIR, SVGS_DIR } from './constants.js';
+import { clearDir, kebabCaseToCamelCase } from './utils.js';
+
+async function createIndexFile(files) {
+  const indexFilePath = path.join(ICONS_DIR, 'index.tsx');
+  const content = files.map((file) => `export { default as ${file.name} } from './${file.path}';`).join('\n');
+
+  await fs.writeFile(indexFilePath, content);
+}
+
+async function generateIcons() {
+  await clearDir(ICONS_DIR);
+
+  const svgFiles = (await fs.readdir(SVGS_DIR, { recursive: true })).filter((file) => path.extname(file) === '.svg');
+
+  const iconFiles = await Promise.all(svgFiles.map(async (file) => {
+    const fileMeta = path.parse(file);
+    const componentName = kebabCaseToCamelCase(fileMeta.name);
+    const svg = await fs.readFile(path.join(SVGS_DIR, file), 'utf-8');
+
+    const iconFileRelativePath = path.join(fileMeta.dir, `${componentName}.tsx`);
+    const iconFilePath = path.join(ICONS_DIR, iconFileRelativePath);
+
+    const content = await transform(svg, { typescript: true, plugins: ['@svgr/plugin-jsx'] }, { componentName });
+
+    await fs.mkdir(path.parse(iconFilePath).dir, { recursive: true });
+    await fs.writeFile(iconFilePath, content);
+
+    return { name: componentName, path: iconFileRelativePath };
+  }));
+
+  await createIndexFile(iconFiles);
+}
+
+generateIcons().catch((err) => {
+  console.error(`Failed to generate icons: ${err}`);
+  process.exit(1);
+});
diff --git a/packages/ui/icons/src/scripts/renameSvg.js b/packages/ui/icons/src/scripts/renameSvg.js
new file mode 100644
index 00000000..ff7d5740
--- /dev/null
+++ b/packages/ui/icons/src/scripts/renameSvg.js
@@ -0,0 +1,24 @@
+import fs from 'node:fs/promises';
+import process from 'node:process';
+import { SVGS_DIR } from './constants.js';
+
+const INITIAL_TEMPLATE = 'material-symbols_';
+
+export async function renameSvgFiles() {
+  const fileNames = await fs.readdir(SVGS_DIR);
+
+  fileNames.map(async (fileName) => {
+    let newFileName = fileName.toLowerCase();
+    if (newFileName.startsWith(INITIAL_TEMPLATE)) {
+      newFileName = newFileName.slice(INITIAL_TEMPLATE.length);
+    }
+
+    newFileName = newFileName.replace(/-/g, '_');
+    await fs.rename(`${SVGS_DIR}/${fileName}`, `${SVGS_DIR}/${newFileName}`);
+  });
+}
+
+renameSvgFiles().catch((err) => {
+  console.error(`Error renaming SVG files: ${err}`);
+  process.exit(1);
+});
diff --git a/packages/ui/icons/src/scripts/utils.js b/packages/ui/icons/src/scripts/utils.js
new file mode 100644
index 00000000..b13cb905
--- /dev/null
+++ b/packages/ui/icons/src/scripts/utils.js
@@ -0,0 +1,25 @@
+import fs from 'node:fs/promises';
+import { ESLint } from 'eslint';
+
+export async function clearDir(dir) {
+  await fs.rm(dir, { recursive: true, force: true });
+  await fs.mkdir(dir, { recursive: true });
+}
+
+export async function formatting(content, filePath) {
+  const eslint = new ESLint({ fix: true });
+  const results = await eslint.lintText(content, { filePath });
+
+  await ESLint.outputFixes(results);
+
+  const fixed = results[0]?.output;
+  return fixed || content;
+}
+
+export function isHex(value) {
+  return /^#[0-9a-f]{3,6}$/i.test(value);
+}
+
+export function kebabCaseToCamelCase(name) {
+  return name.replace(/^\w|_\w/g, (match) => match.replace('_', '').toUpperCase());
+}
diff --git a/packages/ui/icons/src/svgs/Colored/Flags/flag_ru.svg b/packages/ui/icons/src/svgs/Colored/Flags/flag_ru.svg
new file mode 100644
index 00000000..9aea3726
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Flags/flag_ru.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12"/></mask><g mask="url(#a)"><path fill="#0052B4" d="M24 7.969v8.062l-12 1.5-12-1.5V7.97l12-1.5z"/><path fill="#EEE" d="M24 0v7.969H0V0z"/><path fill="#D80027" d="M24 16.031V24H0v-7.969z"/></g></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Flags/flag_uk.svg b/packages/ui/icons/src/svgs/Colored/Flags/flag_uk.svg
new file mode 100644
index 00000000..8d4bc581
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Flags/flag_uk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12"/></mask><g mask="url(#a)"><path fill="#EEE" d="m0 0 .375 1.031L0 2.11v1.079l1.5 2.53L0 8.25v1.5L1.5 12 0 14.25v1.5l1.5 2.531L0 20.813V24l1.031-.375L2.11 24h1.079l2.53-1.5L8.25 24h1.5L12 22.5l2.25 1.5h1.5l2.531-1.5 2.532 1.5H24l-.375-1.031L24 21.89v-1.078l-1.5-2.532 1.5-2.53v-1.5L22.5 12 24 9.75v-1.5l-1.5-2.531L24 3.187V0l-1.031.375L21.89 0h-1.078L18.28 1.5 15.75 0h-1.5L12 1.5 9.75 0h-1.5L5.719 1.5 3.187 0z"/><path fill="#0052B4" d="M15.75 0v5.063L20.813 0zM24 3.188 18.938 8.25H24zM0 8.25h5.063L0 3.188zM3.188 0 8.25 5.063V0zM8.25 24v-5.062L3.188 24zM0 20.813l5.063-5.063H0zm24-5.063h-5.062L24 20.813zM20.813 24l-5.063-5.062V24z"/><path fill="#D80027" d="M0 0v2.11l6.14 6.14h2.11zm9.75 0v9.75H0v4.5h9.75V24h4.5v-9.75H24v-4.5h-9.75V0zm12.14 0-6.14 6.14v2.11L24 0zM8.25 15.75 0 24h2.11l6.14-6.14zm7.5 0L24 24v-2.11l-6.14-6.14z"/></g></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/google.svg b/packages/ui/icons/src/svgs/Colored/Logos/google.svg
new file mode 100644
index 00000000..ea6c5652
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/google.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#FFC107" d="M21.806 10.042H21V10h-9v4h5.651A5.998 5.998 0 0 1 6 12a6 6 0 0 1 6-6c1.53 0 2.921.577 3.98 1.52l2.83-2.83A9.95 9.95 0 0 0 12 2C6.478 2 2 6.478 2 12s4.478 10 10 10 10-4.477 10-10c0-.67-.069-1.325-.195-1.959"/><path fill="#FF3D00" d="M3.153 7.346 6.44 9.755A6 6 0 0 1 12 6c1.53 0 2.921.577 3.98 1.52l2.83-2.829A9.95 9.95 0 0 0 12 2a9.99 9.99 0 0 0-8.847 5.346"/><path fill="#4CAF50" d="M12 22c2.583 0 4.93-.988 6.704-2.596l-3.095-2.619A5.95 5.95 0 0 1 12 18a6 6 0 0 1-5.64-3.973L3.096 16.54C4.752 19.778 8.113 22 12 22"/><path fill="#1976D2" d="M21.806 10.042H21V10h-9v4h5.651a6 6 0 0 1-2.043 2.785h.002l3.095 2.619C18.485 19.602 22 17 22 12c0-.67-.069-1.325-.195-1.959"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_aol.svg b/packages/ui/icons/src/svgs/Colored/Logos/mail_aol.svg
new file mode 100644
index 00000000..fa0e56e6
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/mail_aol.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#009ADA" d="M13.5 9c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4m1 4c0 .551-.449 1-1 1s-1-.449-1-1 .449-1 1-1 1 .449 1 1M21 7h-3v10h3zm2 10a1 1 0 1 0 0-2 1 1 0 0 0 0 2M3.89 7 0 17h3.084l.535-1.5h3.224l.535 1.5h3.084L6.572 7zm1.881 5.5h-1.08l.54-1.513z"/><path fill="url(#a)" d="M13.5 9c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4m0 5c-.551 0-1-.449-1-1s.449-1 1-1 1 .449 1 1-.449 1-1 1m4.5 3h3V7h-3zm5-2c-.551 0-1 .449-1 1s.449 1 1 1 1-.449 1-1-.449-1-1-1M3.89 7 0 17h3.084l.535-1.5h3.224l.535 1.5h3.084L6.572 7zm.8 5.5.541-1.513.54 1.513z"/><defs><linearGradient id="a" x1="3.155" x2="23.206" y1="8.575" y2="17.925" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity=".2"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_gmail.svg b/packages/ui/icons/src/svgs/Colored/Logos/mail_gmail.svg
new file mode 100644
index 00000000..0437d803
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/mail_gmail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#4285F4" d="M6.545 19v-7.21L4.15 9.744 2 8.609v9.119C2 18.432 2.611 19 3.364 19z"/><path fill="#34A853" d="M17.455 19h3.181c.755 0 1.364-.57 1.364-1.272v-9.12L19.566 9.91l-2.111 1.88z"/><path fill="#EA4335" d="M6.545 11.79 6.22 8.972l.326-2.696L12 10.093l5.454-3.817.365 2.55-.364 2.964L12 15.607z"/><path fill="#FBBC04" d="M17.455 6.276v5.514L22 8.609V6.912c0-1.573-1.925-2.47-3.273-1.527z"/><path fill="#C5221F" d="m2 8.609 4.545 3.18V6.277l-1.272-.89C3.923 4.441 2 5.338 2 6.911z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_icloud.svg b/packages/ui/icons/src/svgs/Colored/Logos/mail_icloud.svg
new file mode 100644
index 00000000..3c006944
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/mail_icloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="url(#a)" d="M7.14 14.352c1.977 0 3.58-1.626 3.58-3.63s-1.603-3.63-3.58-3.63c-1.979 0-3.582 1.626-3.582 3.63s1.603 3.63 3.581 3.63"/><path fill="url(#b)" d="M23 14.093c0-2.434-1.947-4.408-4.349-4.408s-4.349 1.973-4.349 4.407c0 .088.008.173.013.26h-4.136q.028-.255.03-.518c0-2.578-2.061-4.667-4.604-4.667S1 11.256 1 13.834 3.062 18.5 5.605 18.5H19c2.282-.135 4-2.061 4-4.408"/><path fill="url(#c)" d="M10.087 12.781c-.471-2.07-2.297-3.615-4.483-3.615-.661 0-1.289.144-1.857.399a3.7 3.7 0 0 0-.19 1.157c0 2.005 1.604 3.63 3.582 3.63a3.56 3.56 0 0 0 2.948-1.571"/><path fill="url(#d)" d="M13.535 16.426c3.25 0 5.884-2.67 5.884-5.963S16.785 4.5 13.535 4.5s-5.883 2.67-5.883 5.963 2.634 5.963 5.883 5.963"/><path fill="url(#e)" d="M8.512 7.37a6 6 0 0 0-.86 3.092c0 1.304.417 2.507 1.118 3.489a3.63 3.63 0 0 0 1.95-3.23A3.63 3.63 0 0 0 8.513 7.37"/><path fill="url(#f)" d="M7.704 9.684a5.97 5.97 0 0 0 1.065 4.267l.008-.004c.283-.147.543-.332.776-.547l.058-.06q.134-.128.254-.27.052-.063.1-.13.062-.081.12-.168a4.67 4.67 0 0 0-2.381-3.088"/><path fill="url(#g)" d="M14.303 14.093c0 .79.208 1.531.567 2.173 2.606-.614 4.549-2.976 4.549-5.803 0-.242-.019-.478-.047-.712a4.3 4.3 0 0 0-.721-.066c-2.401 0-4.348 1.974-4.348 4.408"/><defs><linearGradient id="a" x1="3.448" x2="13.686" y1="10.718" y2="10.73" gradientUnits="userSpaceOnUse"><stop offset=".309" stop-color="#33BEF0"/><stop offset="1" stop-color="#0A85D9"/></linearGradient><linearGradient id="b" x1=".847" x2="19.511" y1="13.809" y2="13.906" gradientUnits="userSpaceOnUse"><stop offset=".309" stop-color="#33BEF0"/><stop offset="1" stop-color="#0A85D9"/></linearGradient><linearGradient id="c" x1="7.184" x2="6.389" y1="18.593" y2="3.655" gradientUnits="userSpaceOnUse"><stop offset=".404" stop-color="#33BEF0"/><stop offset="1" stop-color="#0A85D9"/></linearGradient><linearGradient id="d" x1="-.905" x2="19.713" y1="21.102" y2="5.911" gradientUnits="userSpaceOnUse"><stop offset=".309" stop-color="#33BEF0"/><stop offset="1" stop-color="#0A85D9"/></linearGradient><linearGradient id="e" x1="15.981" x2="5.269" y1="10.392" y2="10.784" gradientUnits="userSpaceOnUse"><stop offset=".246" stop-color="#33BEF0"/><stop offset="1" stop-color="#0A85D9"/></linearGradient><linearGradient id="f" x1="13.333" x2="5.664" y1="22.381" y2="4.796" gradientUnits="userSpaceOnUse"><stop offset=".415" stop-color="#33BEF0"/><stop offset=".652" stop-color="#1797E0"/><stop offset=".795" stop-color="#0A85D9"/></linearGradient><linearGradient id="g" x1="5.945" x2="18.99" y1="26.44" y2="9.837" gradientUnits="userSpaceOnUse"><stop offset=".309" stop-color="#33BEF0"/><stop offset="1" stop-color="#0A85D9"/></linearGradient></defs></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_mail.svg b/packages/ui/icons/src/svgs/Colored/Logos/mail_mail.svg
new file mode 100644
index 00000000..f89ff370
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/mail_mail.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="#168DE2" d="M21 0H3a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3h18a3 3 0 0 0 3-3V3a3 3 0 0 0-3-3"/><path fill="#fff" d="M15.238 11.914c-.106-2.072-1.645-3.319-3.504-3.319h-.07c-2.144 0-3.333 1.686-3.333 3.602 0 2.145 1.438 3.5 3.325 3.5 2.103 0 3.487-1.541 3.587-3.364zM11.675 6.74c1.433 0 2.78.633 3.77 1.625v.004c0-.476.32-.835.764-.835h.113c.696 0 .839.657.839.866l.003 7.402c-.05.485.5.735.805.424 1.188-1.221 2.61-6.28-.74-9.21-3.12-2.732-7.31-2.282-9.537-.747-2.369 1.634-3.884 5.249-2.412 8.644 1.605 3.703 6.196 4.808 8.925 3.706 1.382-.558 2.02 1.31.585 1.92-2.168.924-8.204.83-11.023-4.053-1.905-3.298-1.804-9.1 3.248-12.106 3.865-2.3 8.961-1.664 12.034 1.545 3.212 3.355 3.024 9.637-.108 12.079-1.42 1.11-3.528.03-3.515-1.587l-.014-.529a5.27 5.27 0 0 1-3.737 1.553c-2.831 0-5.323-2.49-5.323-5.322 0-2.859 2.492-5.38 5.323-5.38"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_outlook.svg b/packages/ui/icons/src/svgs/Colored/Logos/mail_outlook.svg
new file mode 100644
index 00000000..95abd08c
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/mail_outlook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#1A237E" d="m21.803 11.876-3.58-2.086v5.797H22v-3.369a.4.4 0 0 0-.197-.342"/><path fill="#0C4999" d="M16.96 4.42h4.523v-.554A.866.866 0 0 0 20.617 3H8.834a.866.866 0 0 0-.866.866v.554z"/><path fill="#0F73D9" d="M16.96 16.76h3.657a.866.866 0 0 0 .866-.865V12.48H16.96z"/><path fill="#0F439D" d="M7.968 12.482v3.413c0 .478.388.866.866.866h3.637v-4.279z"/><path fill="#2ECDFD" d="M16.96 4.42h4.523v4.013H16.96z"/><path fill="#1C5FB0" d="M7.968 4.42h4.502v4.013H7.969z"/><path fill="#1467C7" d="M12.47 12.482h4.49v4.279h-4.49z"/><path fill="#1690D5" d="M12.47 4.42h4.49v4.013h-4.49z"/><path fill="#1BB4FF" d="M16.96 8.434h4.523v4.048H16.96z"/><path fill="#074DAF" d="M7.968 8.434h4.502v4.048H7.969z"/><path fill="#2076D4" d="M12.47 8.434h4.49v4.048h-4.49z"/><path fill="#2ED0FF" d="M7.72 21h13.436a.844.844 0 0 0 .844-.844v-7.937s-.015.329-.875.809c-.65.361-13.753 7.755-13.753 7.755s.117.217.349.217"/><path fill="#139FE2" d="M21.14 20.998 7.845 21A.844.844 0 0 1 7 20.155v-7.622l14.682 8.281a.8.8 0 0 1-.542.184"/><path fill="#00488D" d="M11.16 17H2.84a.84.84 0 0 1-.84-.84V7.84A.84.84 0 0 1 2.84 7h8.32a.84.84 0 0 1 .84.84v8.32a.84.84 0 0 1-.84.84"/><path fill="#fff" d="M6.957 9.367c-1.566 0-2.509 1.196-2.509 2.671 0 1.476.94 2.671 2.509 2.671 1.57 0 2.508-1.196 2.508-2.67 0-1.476-.943-2.672-2.508-2.672m0 4.44c-.888 0-1.42-.791-1.42-1.769s.534-1.77 1.42-1.77 1.42.793 1.42 1.77-.533 1.77-1.42 1.77"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_proton.svg b/packages/ui/icons/src/svgs/Colored/Logos/mail_proton.svg
new file mode 100644
index 00000000..bc505adf
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/mail_proton.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#D1C4E9" d="m21.225 4.632-8.048 6.412c-.7.559-1.701.556-2.4-.005L2.768 4.6C2.456 4.361 2 4.581 2 4.971v12.667c0 1.038.853 1.88 1.905 1.88h16.19c1.052 0 1.905-.842 1.905-1.88V4.998a.477.477 0 0 0-.776-.366"/><path fill="#7C4DFF" d="m17.715 7.429-6.895 5.494c-.7.557-1.7.556-2.399-.004L2 7.772v9.867c0 1.038.853 1.878 1.905 1.878h13.81z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_yahoo.svg b/packages/ui/icons/src/svgs/Colored/Logos/mail_yahoo.svg
new file mode 100644
index 00000000..cb1f38fe
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/mail_yahoo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="#720AC1" d="M0 5a5 5 0 0 1 5-5h14a5 5 0 0 1 5 5v14a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5z"/><g fill="#fff"><path d="M4.813 8.35h3l2.852 7.604-2.852.395z"/><path d="M10.667 8.35h2.999l-4 11h-3zm4.999-3.001h2.999L16 11.5s-.5-1-1.5 0-1.666 1.547-1.666 1.547zm-.166 9.736a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/></g></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_yandex.svg b/packages/ui/icons/src/svgs/Colored/Logos/mail_yandex.svg
new file mode 100644
index 00000000..90f9de66
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/mail_yandex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><rect width="38" height="26" x="-7" y="-1" fill="#FECA38" rx="5"/><path fill="#FECA38" d="M0 5a5 5 0 0 1 5-5h14a5 5 0 0 1 5 5v14a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5z"/><path fill="#FFDD7C" d="m12 6 16 19H-4z"/><path fill="url(#b)" d="M-.712 4.295C-2.852 2.493-1.578-1 1.22-1h21.56c2.798 0 4.072 3.493 1.932 5.295l-10.779 9.077c-1.117.94-2.75.94-3.866 0z"/></g><defs><linearGradient id="b" x1="7.378" x2="23.345" y1="6.742" y2="-3.507" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4412"/><stop offset="1" stop-color="#FFBB7A"/></linearGradient><clipPath id="a"><rect width="24" height="24" fill="#fff" rx="5"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/vk.svg b/packages/ui/icons/src/svgs/Colored/Logos/vk.svg
new file mode 100644
index 00000000..348323e1
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/vk.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="#07F" d="m9.489.004.729-.003h3.564l.73.003.914.01.433.007.418.011.403.014.388.016.374.021.36.025.345.03.333.033c1.74.196 2.933.616 3.833 1.516s1.32 2.092 1.516 3.833l.034.333.029.346.025.36.02.373.025.588.012.41.013.644.009.915.004.98-.001 3.313-.003.73-.01.914-.007.433-.011.418-.014.403-.016.388-.021.374-.025.36-.03.345-.033.333c-.196 1.74-.616 2.933-1.516 3.833s-2.092 1.32-3.833 1.516l-.333.034-.346.029-.36.025-.373.02-.588.025-.41.012-.644.013-.915.009-.98.004-3.313-.001-.73-.003-.914-.01-.433-.007-.418-.011-.403-.014-.388-.016-.374-.021-.36-.025-.345-.03-.333-.033c-1.74-.196-2.933-.616-3.833-1.516S.367 20.221.171 18.48l-.034-.333-.029-.346-.025-.36-.02-.373-.025-.588-.012-.41-.013-.644-.009-.915-.004-.98.001-3.313.003-.73.01-.914.007-.433.011-.418.014-.403.016-.388.021-.374.025-.36.03-.345.033-.333c.196-1.74.616-2.933 1.516-3.833S3.779.367 5.52.171l.333-.034.346-.029.36-.025.373-.02.588-.025.41-.012.644-.013zM6.79 7.3H4.05c.13 6.24 3.25 9.99 8.72 9.99h.31v-3.57c2.01.2 3.53 1.67 4.14 3.57h2.84c-.78-2.84-2.83-4.41-4.11-5.01 1.28-.74 3.08-2.54 3.51-4.98h-2.58c-.56 1.98-2.22 3.78-3.8 3.95V7.3H10.5v6.92c-1.6-.4-3.62-2.34-3.71-6.92"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/yandex.svg b/packages/ui/icons/src/svgs/Colored/Logos/yandex.svg
new file mode 100644
index 00000000..b126b309
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Colored/Logos/yandex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g clip-path="url(#a)"><path fill="#FC3D17" d="M0 12C0 5.372 5.371 0 12 0c6.626 0 12 5.372 12 12s-5.374 12-12 12C5.371 24 0 18.628 0 12"/><path fill="#fff" d="M13.32 7.666h-.924c-1.694 0-2.585.858-2.585 2.123 0 1.43.616 2.1 1.881 2.96l1.045.703-3.003 4.487H7.49l2.695-4.014c-1.55-1.11-2.42-2.19-2.42-4.015 0-2.288 1.595-3.85 4.62-3.85h3.003v11.868H13.32z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_360.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_360.svg
new file mode 100644
index 00000000..844095e9
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_360.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M9.35 16.8q-3.2-.425-5.275-1.75T2 12q0-2.075 2.888-3.537T12 7t7.113 1.463T22 12q0 1.4-1.362 2.538t-3.613 1.787a.75.75 0 0 1-.712-.112.76.76 0 0 1-.313-.639q0-.45.263-.8.262-.35.687-.5 1.5-.5 2.275-1.137Q20 12.499 20 12q0-.8-2.138-1.9T12 9t-5.863 1.1T4 12q0 .6 1.275 1.438Q6.55 14.277 8.9 14.7l-.6-.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l2.6 2.6q.3.3.3.7t-.3.7l-2.6 2.6a.98.98 0 0 1-.687.288.93.93 0 0 1-.713-.288.98.98 0 0 1-.288-.687.97.97 0 0 1 .263-.713z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_back.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_back.svg
new file mode 100644
index 00000000..59c1ae00
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m7.825 13 4.9 4.9q.3.3.288.7t-.313.7q-.3.275-.7.288a.91.91 0 0 1-.7-.288l-6.6-6.6a.9.9 0 0 1-.213-.325 1.17 1.17 0 0 1 .002-.75.86.86 0 0 1 .212-.325l6.6-6.6a.93.93 0 0 1 .688-.275q.413 0 .712.275.3.3.3.713a.97.97 0 0 1-.3.712L7.825 11H19q.425 0 .713.288T20 12q0 .424-.288.713A.96.96 0 0 1 19 13z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_down_to_square.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_down_to_square.svg
new file mode 100644
index 00000000..c055b8b1
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_down_to_square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V9q0-.825.588-1.412A1.93 1.93 0 0 1 5 7h3q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 8 9H5v10h14V9h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 8q0-.424.288-.712A.97.97 0 0 1 16 7h3q.825 0 1.413.588T21 9v10q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm8-8.825.9-.9a.93.93 0 0 1 .688-.275q.413 0 .712.3a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-2.6 2.6q-.3.3-.7.3a.96.96 0 0 1-.7-.3l-2.6-2.6a.98.98 0 0 1-.287-.687.94.94 0 0 1 .287-.713.95.95 0 0 1 .7-.275q.425 0 .7.275l.9.875V1q0-.424.288-.712A.97.97 0 0 1 12 0q.424 0 .713.288A.96.96 0 0 1 13 1z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_left_arrow_right.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_left_arrow_right.svg
new file mode 100644
index 00000000..3f9fd5dd
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_left_arrow_right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5.825 16 7.7 17.875a.93.93 0 0 1 .275.688q0 .413-.275.712-.3.3-.712.3a.98.98 0 0 1-.713-.3L2.7 15.7a.9.9 0 0 1-.213-.325 1.17 1.17 0 0 1 .002-.75.86.86 0 0 1 .212-.325l3.6-3.6q.3-.3.7-.287t.7.312q.275.3.288.7a.91.91 0 0 1-.288.7L5.825 14H12q.425 0 .713.288T13 15t-.288.713A.96.96 0 0 1 12 16zm12.35-6H12a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 9q0-.424.288-.712A.97.97 0 0 1 12 8h6.175L16.3 6.125a.93.93 0 0 1-.275-.687q0-.412.275-.713.3-.3.713-.3t.712.3L21.3 8.3q.15.15.212.325a1.13 1.13 0 0 1 0 .75.9.9 0 0 1-.212.325l-3.6 3.6q-.3.3-.7.288a1 1 0 0 1-.7-.313q-.275-.3-.288-.7a.91.91 0 0 1 .288-.7z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_outward.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_outward.svg
new file mode 100644
index 00000000..ab183deb
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_outward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m16 8.4-8.9 8.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7L14.6 7H7a.97.97 0 0 1-.712-.288A.97.97 0 0 1 6 6q0-.424.288-.712A.97.97 0 0 1 7 5h10q.425 0 .713.288.288.289.287.712v10a.97.97 0 0 1-.288.713A.96.96 0 0 1 17 17a.97.97 0 0 1-.712-.288A.97.97 0 0 1 16 16z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_from_square.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_from_square.svg
new file mode 100644
index 00000000..e21e8808
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_from_square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h6q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 11 5H5v14h6q.425 0 .713.288T12 20t-.288.713A.96.96 0 0 1 11 21zm12.175-8H10a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.424.288-.712A.97.97 0 0 1 10 11h7.175L15.3 9.125a.92.92 0 0 1-.275-.675q0-.4.275-.7a.95.95 0 0 1 .7-.313.94.94 0 0 1 .725.288L20.3 11.3q.3.3.3.7t-.3.7l-3.575 3.575q-.3.3-.712.288a1.02 1.02 0 0 1-.713-.313.97.97 0 0 1-.262-.712.98.98 0 0 1 .287-.688z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_to_square.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_to_square.svg
new file mode 100644
index 00000000..795f39bd
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_to_square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M13 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 20q0-.424.288-.712A.97.97 0 0 1 13 19h6V5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 4q0-.424.288-.712A.97.97 0 0 1 13 3h6q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm-1.825-8H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.424.288-.712A.97.97 0 0 1 4 11h7.175L9.3 9.125a.92.92 0 0 1-.275-.675q0-.4.275-.7a.95.95 0 0 1 .7-.313.94.94 0 0 1 .725.288L14.3 11.3q.3.3.3.7t-.3.7l-3.575 3.575q-.3.3-.712.288a1.02 1.02 0 0 1-.713-.313.97.97 0 0 1-.262-.712.98.98 0 0 1 .287-.688z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right.svg
new file mode 100644
index 00000000..31d72b2f
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m21.707 11.293-8-8A1 1 0 0 0 12 4v3.545A11.015 11.015 0 0 0 2 18.5V20a1 1 0 0 0 1.784.62 11.46 11.46 0 0 1 7.887-4.049c.05-.006.175-.016.329-.026V20a1 1 0 0 0 1.707.707l8-8a1 1 0 0 0 0-1.414M14 17.586V15.5a1 1 0 0 0-1-1c-.255 0-1.296.05-1.562.085a14 14 0 0 0-7.386 2.948A9.013 9.013 0 0 1 13 9.5a1 1 0 0 0 1-1V6.414L19.586 12z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right_check.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right_check.svg
new file mode 100644
index 00000000..339a1c75
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right_check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m22.707 11.293-8-8A1 1 0 0 0 13 4v3.545A11.015 11.015 0 0 0 3 18.5V20a1 1 0 0 0 1.784.62 11.46 11.46 0 0 1 7.887-4.05c.05-.005.175-.015.329-.025V20a1 1 0 0 0 1.707.707l8-8a1 1 0 0 0 0-1.414M15 17.586V15.5a1 1 0 0 0-1-1c-.255 0-1.296.05-1.562.085a14 14 0 0 0-7.386 2.948A9.013 9.013 0 0 1 14 9.5a1 1 0 0 0 1-1V6.414L20.586 12zM8.375 2.275l-4.35 4.35-1.35-1.35a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l2.05 2.05q.3.3.7.3t.7-.3l5.05-5.05a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_up_arrow_down.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_up_arrow_down.svg
new file mode 100644
index 00000000..98f49900
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_up_arrow_down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M9 13a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 12V5.825L6.125 7.7a.93.93 0 0 1-.687.275q-.412 0-.713-.275-.3-.3-.3-.712t.3-.713L8.3 2.7q.15-.15.325-.213T9 2.425t.375.062A.85.85 0 0 1 9.7 2.7l3.6 3.6q.3.3.287.7a1 1 0 0 1-.312.7q-.3.275-.7.288a.91.91 0 0 1-.7-.288L10 5.825V12a.97.97 0 0 1-.288.713A.96.96 0 0 1 9 13m6 8.575q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-3.6-3.6a.92.92 0 0 1-.287-.7q.014-.4.312-.7.3-.275.7-.288.4-.014.7.288L14 18.175V12q0-.424.288-.712A.97.97 0 0 1 15 11q.424 0 .713.288A.96.96 0 0 1 16 12v6.175l1.875-1.875a.93.93 0 0 1 .688-.275q.413 0 .712.275.3.3.3.713a.97.97 0 0 1-.3.712L15.7 21.3q-.15.15-.325.213a1.1 1.1 0 0 1-.375.062"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_ccw_left.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_ccw_left.svg
new file mode 100644
index 00000000..39e2cd26
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_ccw_left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M8 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 18q0-.424.288-.712A.97.97 0 0 1 8 17h6.1q1.575 0 2.738-1T18 13.5q0-1.5-1.162-2.5T14.1 10H7.8l1.9 1.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275L4.7 9.7a.9.9 0 0 1-.213-.325 1.17 1.17 0 0 1 .002-.75A.86.86 0 0 1 4.7 8.3l3.6-3.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L7.8 8h6.3q2.425 0 4.163 1.575T20 13.5t-1.737 3.925T14.1 19z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_cw_right.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_cw_right.svg
new file mode 100644
index 00000000..541a9fc1
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_cw_right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M16.2 10H9.9q-1.575 0-2.738 1T6 13.5 7.163 16 9.9 17H16q.425 0 .713.288T17 18q0 .424-.288.713A.96.96 0 0 1 16 19H9.9q-2.425 0-4.163-1.575T4 13.5q0-2.35 1.738-3.925T9.9 8h6.3l-1.9-1.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.6 3.6q.15.15.213.325t.062.375q0 .2-.062.375a.85.85 0 0 1-.213.325l-3.6 3.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_add.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_add.svg
new file mode 100644
index 00000000..bb0c88ac
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="currentColor"><path d="M7 5.775a8.1 8.1 0 0 0-2.187 2.713Q4.002 10.101 4 12q0 2.876 1.75 5.013t4.425 2.762q.375.1.6.438t.225.737a.92.92 0 0 1-.275.675q-.275.276-.625.2-3.5-.65-5.8-3.387T2 12q0-2.275.913-4.2A10.05 10.05 0 0 1 5.4 4.5H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 3.5q0-.424.288-.712A.97.97 0 0 1 4 2.5h4q.425 0 .713.288.288.289.287.712v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 8 8.5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 7.5zM18.6 19.5H20q.425 0 .713.288T21 20.5q0 .424-.288.713A.96.96 0 0 1 20 21.5h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 20.5v-4q0-.424.288-.712A.97.97 0 0 1 16 15.5q.424 0 .713.288A.96.96 0 0 1 17 16.5v1.725a8.4 8.4 0 0 0 2.188-2.725q.813-1.6.812-3.5 0-2.875-1.75-5.012t-4.425-2.763a1.02 1.02 0 0 1-.6-.437A1.3 1.3 0 0 1 13 3.05q0-.4.275-.675t.625-.2q3.5.65 5.8 3.388T22 12q0 2.276-.913 4.2a10.05 10.05 0 0 1-2.487 3.3"/><path d="M11 13v2q0 .425.288.713T12 16t.713-.288A.96.96 0 0 0 13 15v-2h2a.97.97 0 0 0 .713-.288A.96.96 0 0 0 16 12a.97.97 0 0 0-.288-.712A.97.97 0 0 0 15 11h-2V9a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 8a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 9v2H9a.97.97 0 0 0-.712.288A.97.97 0 0 0 8 12q0 .424.288.713A.96.96 0 0 0 9 13z"/></g></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_check.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_check.svg
new file mode 100644
index 00000000..a32f32d2
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M7 5.775a8.1 8.1 0 0 0-2.187 2.713Q4.002 10.101 4 12q0 2.876 1.75 5.013t4.425 2.762q.375.1.6.438t.225.737a.92.92 0 0 1-.275.675q-.275.276-.625.2-3.5-.65-5.8-3.387T2 12q0-2.275.913-4.2A10.05 10.05 0 0 1 5.4 4.5H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 3.5q0-.424.288-.712A.97.97 0 0 1 4 2.5h4q.425 0 .713.288.288.289.287.712v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 8 8.5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 7.5zm3.575 8L15.55 8.8q.3-.3.7-.288t.7.313q.275.3.288.7a.91.91 0 0 1-.288.7L11.275 15.9q-.3.3-.7.3a.96.96 0 0 1-.7-.3L7.05 13.05a.98.98 0 0 1-.287-.687.94.94 0 0 1 .287-.713.95.95 0 0 1 .7-.275q.425 0 .7.275zM18.6 19.5H20q.425 0 .713.288T21 20.5q0 .424-.288.713A.96.96 0 0 1 20 21.5h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 20.5v-4q0-.424.288-.712A.97.97 0 0 1 16 15.5q.424 0 .713.288A.96.96 0 0 1 17 16.5v1.725a8.4 8.4 0 0 0 2.188-2.725q.813-1.6.812-3.5 0-2.875-1.75-5.012t-4.425-2.763a1.02 1.02 0 0 1-.6-.437A1.3 1.3 0 0 1 13 3.05q0-.4.275-.675t.625-.2q3.5.65 5.8 3.388T22 12q0 2.276-.913 4.2a10.05 10.05 0 0 1-2.487 3.3"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down.svg
new file mode 100644
index 00000000..ffe06c8e
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14.975q-.2 0-.375-.062a.9.9 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l3.9 3.9 3.9-3.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-4.6 4.6q-.15.15-.325.213a1.1 1.1 0 0 1-.375.062"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down_to_line.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down_to_line.svg
new file mode 100644
index 00000000..83c04716
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down_to_line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m12.013 10.188 3.9-3.9a.95.95 0 0 1 .7-.276q.424 0 .7.275a.95.95 0 0 1 .274.7.95.95 0 0 1-.274.7l-4.6 4.6q-.15.15-.325.213a1.15 1.15 0 0 1-.75 0 .85.85 0 0 1-.325-.213l-4.6-4.6a.95.95 0 0 1-.276-.7q0-.424.275-.7a.95.95 0 0 1 .7-.275q.426 0 .7.275zm6 6.8a.97.97 0 0 1-.289.713.96.96 0 0 1-.712.287h-10A.97.97 0 0 1 6.3 17.7a.96.96 0 0 1-.287-.712q.002-.424.288-.712a.97.97 0 0 1 .712-.288h10q.426 0 .712.288.288.288.288.712"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_left.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_left.svg
new file mode 100644
index 00000000..aa33f8d5
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m10.8 12 3.9 3.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-4.6-4.6a.9.9 0 0 1-.212-.325 1.13 1.13 0 0 1 0-.75.9.9 0 0 1 .212-.325l4.6-4.6a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_right.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_right.svg
new file mode 100644
index 00000000..7d7a99f9
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12.6 12 8.7 8.1a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.6 4.6q.15.15.213.325t.062.375-.062.375a.85.85 0 0 1-.213.325l-4.6 4.6a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up.svg
new file mode 100644
index 00000000..56de1a2a
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m12 10.8-3.9 3.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.6-4.6q.3-.3.7-.3t.7.3l4.6 4.6a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up_to_line.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up_to_line.svg
new file mode 100644
index 00000000..061d328d
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up_to_line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5.988 7.012q0-.424.288-.712a.97.97 0 0 1 .712-.288h10q.424 0 .712.288.286.289.288.712 0 .424-.288.713a.96.96 0 0 1-.712.287h-10a.97.97 0 0 1-.713-.288.96.96 0 0 1-.287-.712m6 6.8-3.9 3.9a.95.95 0 0 1-.7.276.95.95 0 0 1-.7-.276.95.95 0 0 1-.275-.7q0-.424.275-.7l4.6-4.6q.15-.15.325-.211.174-.063.375-.063.2-.002.375.063a.9.9 0 0 1 .325.212l4.6 4.6a.95.95 0 0 1 .274.7.95.95 0 0 1-.274.7.95.95 0 0 1-.7.274.95.95 0 0 1-.7-.274z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_collapse_up_right.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_collapse_up_right.svg
new file mode 100644
index 00000000..219bf447
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_collapse_up_right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M9 15H6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 14q0-.424.288-.712A.97.97 0 0 1 6 13h4q.425 0 .713.288T11 14v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 10 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 18zm6-6h3q.425 0 .713.288T19 10q0 .424-.288.713A.96.96 0 0 1 18 11h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 10V6q0-.424.288-.712A.97.97 0 0 1 14 5q.424 0 .713.288A.96.96 0 0 1 15 6z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_expand_up_right.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_expand_up_right.svg
new file mode 100644
index 00000000..362cd600
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_expand_up_right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M7 17h3q.425 0 .713.288T11 18t-.288.713A.96.96 0 0 1 10 19H6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 18v-4q0-.424.288-.712A.97.97 0 0 1 6 13q.424 0 .713.288A.96.96 0 0 1 7 14zM17 7h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 6q0-.424.288-.712A.97.97 0 0 1 14 5h4q.425 0 .713.288.288.289.287.712v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 18 11a.97.97 0 0 1-.712-.288A.97.97 0 0 1 17 10z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/shuffle.svg b/packages/ui/icons/src/svgs/Monochrome/Arrows/shuffle.svg
new file mode 100644
index 00000000..d5ded4a0
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Arrows/shuffle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M15 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 14 19q0-.424.288-.712A.97.97 0 0 1 15 18h1.6l-2.475-2.475a.93.93 0 0 1-.287-.712q.013-.412.312-.713.3-.3.713-.3.414 0 .712.3L18 16.55V15q0-.424.288-.712A.97.97 0 0 1 19 14q.424 0 .713.288A.96.96 0 0 1 20 15v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 19 20zm-10.7-.3a.95.95 0 0 1-.275-.7q0-.425.275-.7L16.6 6H15a.97.97 0 0 1-.712-.288A.97.97 0 0 1 14 5q0-.424.288-.712A.97.97 0 0 1 15 4h4q.425 0 .713.288.288.289.287.712v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 19 10a.97.97 0 0 1-.712-.288A.97.97 0 0 1 18 9V7.4L5.7 19.7a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275m-.025-14A.95.95 0 0 1 4 5q0-.425.275-.7a.93.93 0 0 1 .687-.275q.412 0 .713.275l4.2 4.175a.98.98 0 0 1 .288.688.93.93 0 0 1-.288.712.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/bookmark.svg b/packages/ui/icons/src/svgs/Monochrome/Doc/bookmark.svg
new file mode 100644
index 00000000..949caaa4
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Doc/bookmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m12 18-4.2 1.8q-1 .425-1.9-.162T5 17.975V5q0-.824.588-1.412A1.93 1.93 0 0 1 7 3h10q.825 0 1.413.588T19 5v12.975q0 1.075-.9 1.663t-1.9.162zm0-2.2 5 2.15V5H7v12.95zM12 5H7h10z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/bookmark_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Doc/bookmark_fill.svg
new file mode 100644
index 00000000..7b881864
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Doc/bookmark_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m12 18-4.2 1.8q-1 .425-1.9-.162T5 17.975V5q0-.824.588-1.412A1.93 1.93 0 0 1 7 3h10q.825 0 1.413.588T19 5v12.975q0 1.075-.9 1.663t-1.9.162z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/bookmarks.svg b/packages/ui/icons/src/svgs/Monochrome/Doc/bookmarks.svg
new file mode 100644
index 00000000..592fe55c
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Doc/bookmarks.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m10 19-4.55 2.275a.95.95 0 0 1-.975-.038Q4 20.949 4 20.376V8q0-.824.588-1.412A1.93 1.93 0 0 1 6 6h8q.825 0 1.413.588T16 8v12.375q0 .575-.475.863a.95.95 0 0 1-.975.037zm-4-.025 3.05-1.65a1.93 1.93 0 0 1 1.9 0l3.05 1.65V8H6zM19 18a.97.97 0 0 1-.712-.288A.97.97 0 0 1 18 17V4H8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 3q0-.424.288-.712A.97.97 0 0 1 8 2h10q.825 0 1.413.588T20 4v13a.97.97 0 0 1-.288.713A.96.96 0 0 1 19 18"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/link.svg b/packages/ui/icons/src/svgs/Monochrome/Doc/link.svg
new file mode 100644
index 00000000..7b67e7e4
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Doc/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M7 17q-2.074 0-3.537-1.463Q2.001 14.075 2 12q0-2.075 1.463-3.537Q4.927 7 7 7h3q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 10 9H7q-1.25 0-2.125.875A2.9 2.9 0 0 0 4 12q0 1.25.875 2.125A2.9 2.9 0 0 0 7 15h3q.425 0 .713.288T11 16t-.288.713A.96.96 0 0 1 10 17zm2-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 12q0-.424.288-.712A.97.97 0 0 1 9 11h6q.425 0 .713.288T16 12t-.288.713A.96.96 0 0 1 15 13zm5 4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 16q0-.424.288-.712A.97.97 0 0 1 14 15h3q1.25 0 2.125-.875A2.9 2.9 0 0 0 20 12q0-1.25-.875-2.125A2.9 2.9 0 0 0 17 9h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 8q0-.424.288-.712A.97.97 0 0 1 14 7h3q2.075 0 3.538 1.463T22 12q0 2.074-1.463 3.538Q19.075 17.002 17 17z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/link_add.svg b/packages/ui/icons/src/svgs/Monochrome/Doc/link_add.svg
new file mode 100644
index 00000000..3234711b
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Doc/link_add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M17 17h-2.025a.93.93 0 0 1-.7-.288A1 1 0 0 1 14 16q0-.424.288-.712A.97.97 0 0 1 15 15h2v-2q0-.424.288-.712A.97.97 0 0 1 18 12q.424 0 .713.288A.96.96 0 0 1 19 13v2h2q.425 0 .713.288T22 16q0 .424-.288.713A.96.96 0 0 1 21 17h-2v2a.97.97 0 0 1-.288.713A.96.96 0 0 1 18 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 17 19zm-7 0H7q-2.074 0-3.537-1.463Q2.001 14.075 2 12q0-2.075 1.463-3.537Q4.927 7 7 7h3q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 10 9H7q-1.25 0-2.125.875A2.9 2.9 0 0 0 4 12q0 1.25.875 2.125A2.9 2.9 0 0 0 7 15h3q.425 0 .713.288T11 16t-.288.713A.96.96 0 0 1 10 17m-1-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 12q0-.424.288-.712A.97.97 0 0 1 9 11h6q.425 0 .713.288T16 12t-.288.713A.96.96 0 0 1 15 13zm13-1h-2q0-1.25-.875-2.125A2.9 2.9 0 0 0 17 9h-3.025a.93.93 0 0 1-.7-.288A1 1 0 0 1 13 8q0-.424.288-.712A.97.97 0 0 1 14 7h3q2.075 0 3.538 1.463T22 12"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/link_slash.svg b/packages/ui/icons/src/svgs/Monochrome/Doc/link_slash.svg
new file mode 100644
index 00000000..8cf80c8a
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Doc/link_slash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M15.625 12.775 13.85 11H15q.425 0 .713.288T16 12a1 1 0 0 1-.1.45.9.9 0 0 1-.275.325M20.5 21.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-17-17a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7M7 17q-2.074 0-3.537-1.463Q2.001 14.075 2 12q0-1.725 1.05-3.075t2.7-1.775L7.6 9H7q-1.25 0-2.125.875A2.9 2.9 0 0 0 4 12q0 1.25.875 2.125A2.9 2.9 0 0 0 7 15h3q.425 0 .713.288T11 16t-.288.713A.96.96 0 0 1 10 17zm2-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 12q0-.424.288-.712A.97.97 0 0 1 9 11h.625l1.975 2zm9.5 2.8a1.05 1.05 0 0 1-.162-.75.88.88 0 0 1 .412-.625q.575-.424.913-1.05.338-.625.337-1.375 0-1.25-.875-2.125A2.9 2.9 0 0 0 17 9h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 8q0-.424.288-.712A.97.97 0 0 1 14 7h3q2.075 0 3.538 1.463T22 12q0 1.226-.562 2.288a4.94 4.94 0 0 1-1.563 1.762q-.35.225-.75.163a.87.87 0 0 1-.625-.413"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/code_block.svg b/packages/ui/icons/src/svgs/Monochrome/Editor/code_block.svg
new file mode 100644
index 00000000..f4025785
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Editor/code_block.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m8.825 12 1.475-1.475q.3-.3.3-.7t-.3-.7-.712-.3-.713.3L6.7 11.3q-.15.15-.213.325a1.15 1.15 0 0 0 0 .75.85.85 0 0 0 .213.325l2.175 2.175q.3.3.713.3a.97.97 0 0 0 .712-.3.965.965 0 0 0 0-1.4zm6.35 0L13.7 13.475q-.3.3-.3.7t.3.7.713.3a.97.97 0 0 0 .712-.3L17.3 12.7q.15-.15.213-.325t.062-.375a1.2 1.2 0 0 0-.062-.375.85.85 0 0 0-.213-.325l-2.175-2.175a1 1 0 0 0-1.425 0q-.3.3-.3.7t.3.7zM5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm0-2h14V5H5z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/format_bold.svg b/packages/ui/icons/src/svgs/Monochrome/Editor/format_bold.svg
new file mode 100644
index 00000000..100b4253
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Editor/format_bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M8.8 19q-.825 0-1.412-.587A1.93 1.93 0 0 1 6.8 17V7q0-.824.588-1.412A1.93 1.93 0 0 1 8.8 5h3.525q1.624 0 3 1T16.7 8.775q0 1.275-.575 1.963t-1.075.987q.626.275 1.388 1.025.764.75.762 2.25 0 2.225-1.625 3.113t-3.05.887zm1.025-2.8h2.6q1.2 0 1.463-.612t.262-.888-.262-.887-1.538-.613H9.825zm0-5.7h2.325q.825 0 1.2-.425a1.4 1.4 0 0 0 .375-.95q0-.6-.425-.975t-1.1-.375H9.825z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/format_italic.svg b/packages/ui/icons/src/svgs/Monochrome/Editor/format_italic.svg
new file mode 100644
index 00000000..6d208eff
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Editor/format_italic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M6.25 19q-.525 0-.888-.363A1.2 1.2 0 0 1 5 17.75q0-.524.363-.888.362-.364.887-.362H9l3-9H9.25q-.525 0-.888-.363A1.2 1.2 0 0 1 8 6.25q0-.524.363-.888.362-.364.887-.362h7.5q.525 0 .888.363T18 6.25q0 .524-.363.888a1.2 1.2 0 0 1-.887.362H14.5l-3 9h2.25q.525 0 .888.363t.362.887-.363.888a1.2 1.2 0 0 1-.887.362z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ol.svg b/packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ol.svg
new file mode 100644
index 00000000..92208631
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ol.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M3.75 22a.726.726 0 0 1-.75-.75q0-.324.213-.537a.73.73 0 0 1 .537-.213H5.5v-.75h-.75A.726.726 0 0 1 4 19q0-.324.213-.537a.73.73 0 0 1 .537-.213h.75v-.75H3.75a.726.726 0 0 1-.75-.75q0-.324.213-.537A.73.73 0 0 1 3.75 16H6q.425 0 .713.288T7 17v1a.97.97 0 0 1-.288.713A.96.96 0 0 1 6 19q.425 0 .713.288T7 20v1a.97.97 0 0 1-.288.713A.96.96 0 0 1 6 22zm0-7a.726.726 0 0 1-.75-.75v-2q0-.424.288-.712A.97.97 0 0 1 4 11.25h1.5v-.75H3.75A.726.726 0 0 1 3 9.75q0-.324.213-.537A.73.73 0 0 1 3.75 9H6q.425 0 .713.288T7 10v1.75a.97.97 0 0 1-.288.713.96.96 0 0 1-.712.287H4.5v.75h1.75a.73.73 0 0 1 .75.75.74.74 0 0 1-.213.538.72.72 0 0 1-.537.212zm1.5-7a.726.726 0 0 1-.75-.75V3.5h-.75A.726.726 0 0 1 3 2.75q0-.324.213-.537A.73.73 0 0 1 3.75 2h1.5a.73.73 0 0 1 .75.75v4.5a.73.73 0 0 1-.75.75M10 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 18q0-.424.288-.712A.97.97 0 0 1 10 17h10q.425 0 .713.288T21 18q0 .424-.288.713A.96.96 0 0 1 20 19zm0-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.424.288-.712A.97.97 0 0 1 10 11h10q.425 0 .713.288T21 12q0 .424-.288.713A.96.96 0 0 1 20 13zm0-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 6q0-.424.288-.712A.97.97 0 0 1 10 5h10q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 20 7z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ul.svg b/packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ul.svg
new file mode 100644
index 00000000..eb26153a
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ul.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M10 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 18q0-.424.288-.712A.97.97 0 0 1 10 17h10q.425 0 .713.288T21 18q0 .424-.288.713A.96.96 0 0 1 20 19zm0-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 12q0-.424.288-.712A.97.97 0 0 1 10 11h10q.425 0 .713.288T21 12q0 .424-.288.713A.96.96 0 0 1 20 13zm0-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 6q0-.424.288-.712A.97.97 0 0 1 10 5h10q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 20 7zM5 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 18q0-.825.588-1.412Q4.177 16.002 5 16a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 5 20m0-6q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 12q0-.825.588-1.412Q4.177 10.002 5 10a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 5 14m0-6q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 6q0-.825.588-1.412Q4.177 4.002 5 4a1.92 1.92 0 0 1 1.413.588Q7.003 5.178 7 6a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 5 8"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/format_undeline.svg b/packages/ui/icons/src/svgs/Monochrome/Editor/format_undeline.svg
new file mode 100644
index 00000000..5f7debc8
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Editor/format_undeline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M6 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 20q0-.424.288-.712A.97.97 0 0 1 6 19h12q.425 0 .713.288T19 20q0 .424-.288.713A.96.96 0 0 1 18 21zm6-4q-2.525 0-3.925-1.575t-1.4-4.175V4.275q0-.525.388-.9A1.27 1.27 0 0 1 7.975 3q.525 0 .9.375.376.375.375.9V11.4q0 1.4.7 2.275t2.05.875 2.05-.875.7-2.275V4.275q0-.525.388-.9A1.27 1.27 0 0 1 16.05 3q.525 0 .9.375.376.375.375.9v6.975q0 2.6-1.4 4.175T12 17"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/text_format.svg b/packages/ui/icons/src/svgs/Monochrome/Editor/text_format.svg
new file mode 100644
index 00000000..5286d4c3
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Editor/text_format.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M6 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 18q0-.424.288-.712A.97.97 0 0 1 6 17h12q.425 0 .713.288T19 18q0 .424-.288.713A.96.96 0 0 1 18 19zm1.35-5.2 3.425-9.2a.88.88 0 0 1 .338-.437A.94.94 0 0 1 11.65 4h.7q.3 0 .538.163a.88.88 0 0 1 .337.437l3.425 9.225q.15.425-.1.8a.8.8 0 0 1-.7.375.9.9 0 0 1-.512-.162A.9.9 0 0 1 15 14.4l-.75-2.2H9.8L9 14.425a.84.84 0 0 1-.325.425q-.225.15-.5.15a.84.84 0 0 1-.737-.387.82.82 0 0 1-.088-.813m3-3.2h3.3l-1.6-4.55h-.1z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/File/copy.svg b/packages/ui/icons/src/svgs/Monochrome/File/copy.svg
new file mode 100644
index 00000000..747961dd
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/File/copy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M9 18q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 16V4q0-.824.588-1.412A1.93 1.93 0 0 1 9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413A1.92 1.92 0 0 1 18 18zm0-2h9V4H9zm-4 6q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 20V7q0-.424.288-.712A.97.97 0 0 1 4 6q.424 0 .713.288A.96.96 0 0 1 5 7v13h10q.425 0 .713.288T16 21t-.288.713A.96.96 0 0 1 15 22z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/File/file.svg b/packages/ui/icons/src/svgs/Monochrome/File/file.svg
new file mode 100644
index 00000000..193ddd66
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/File/file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638t.15.762V20q0 .825-.587 1.413A1.92 1.92 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 8"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/File/file_add.svg b/packages/ui/icons/src/svgs/Monochrome/File/file_add.svg
new file mode 100644
index 00000000..7b6663b4
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/File/file_add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M11 15v2q0 .425.288.713T12 18q.424 0 .713-.288A.96.96 0 0 0 13 17v-2h2a.97.97 0 0 0 .713-.288A.96.96 0 0 0 16 14a.97.97 0 0 0-.288-.712A.97.97 0 0 0 15 13h-2v-2a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 10a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 11v2H9a.97.97 0 0 0-.712.288A.97.97 0 0 0 8 14q0 .424.288.713A.96.96 0 0 0 9 15zm-5 7q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638t.15.762V20q0 .825-.587 1.413A1.92 1.92 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 8"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/File/file_check.svg b/packages/ui/icons/src/svgs/Monochrome/File/file_check.svg
new file mode 100644
index 00000000..2d958e59
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/File/file_check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m10.925 15.125-1.4-1.4q-.15-.15-.325-.225a.9.9 0 0 0-.362-.075 1 1 0 0 0-.713.3q-.3.3-.3.713t.3.712l2.125 2.15q.15.15.325.213t.375.062q.2 0 .375-.062a.85.85 0 0 0 .325-.213l4.225-4.225q.3-.3.3-.725t-.3-.725-.725-.3-.725.3zM6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638t.15.762V20q0 .825-.587 1.413A1.92 1.92 0 0 1 18 22zm7-14V4H6v16h12V9h-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 8"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/File/file_check_fill.svg b/packages/ui/icons/src/svgs/Monochrome/File/file_check_fill.svg
new file mode 100644
index 00000000..9df94618
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/File/file_check_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M6 22q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 20V4q0-.824.588-1.412A1.93 1.93 0 0 1 6 2h7.175a1.98 1.98 0 0 1 1.4.575l4.85 4.85q.275.275.425.638t.15.762V20q0 .825-.587 1.413A1.92 1.92 0 0 1 18 22zm7-14q0 .425.288.713T14 9h4l-5-5zm-2.075 7.125-1.4-1.4q-.15-.15-.325-.225a.9.9 0 0 0-.362-.075 1 1 0 0 0-.713.3q-.3.3-.3.713t.3.712l2.125 2.15q.15.15.325.213t.375.062q.2 0 .375-.062a.85.85 0 0 0 .325-.213l4.225-4.225q.3-.3.3-.725t-.3-.725-.725-.3-.725.3z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folder.svg b/packages/ui/icons/src/svgs/Monochrome/Folders/folder.svg
new file mode 100644
index 00000000..86cd5c44
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Folders/folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413A1.92 1.92 0 0 1 20 20zm0-2h16V8h-8.825l-2-2H4z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folder_add.svg b/packages/ui/icons/src/svgs/Monochrome/Folders/folder_add.svg
new file mode 100644
index 00000000..abe94c5d
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Folders/folder_add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413A1.92 1.92 0 0 1 20 20zm0-2h16V8h-8.825l-2-2H4zm10-4v1q0 .425.288.713T15 16t.713-.288A.96.96 0 0 0 16 15v-1h1a.97.97 0 0 0 .713-.288A.96.96 0 0 0 18 13a.97.97 0 0 0-.288-.712A.97.97 0 0 0 17 12h-1v-1a.97.97 0 0 0-.288-.712A.97.97 0 0 0 15 10a.96.96 0 0 0-.712.288A.97.97 0 0 0 14 11v1h-1a.97.97 0 0 0-.712.288A.97.97 0 0 0 12 13q0 .424.288.713A.96.96 0 0 0 13 14z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folder_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Folders/folder_fill.svg
new file mode 100644
index 00000000..655c1ffc
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Folders/folder_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413A1.92 1.92 0 0 1 20 20z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folder_open.svg b/packages/ui/icons/src/svgs/Monochrome/Folders/folder_open.svg
new file mode 100644
index 00000000..d80c1090
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Folders/folder_open.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h9q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 21 8h-9.825l-2-2H4v12l1.975-6.575q.2-.65.738-1.037A2 2 0 0 1 7.9 10h12.9q1.025 0 1.613.813t.312 1.762l-1.8 6q-.2.65-.737 1.038A1.98 1.98 0 0 1 19 20zm2.1-2H19l1.8-6H7.9z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folder_open_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Folders/folder_open_fill.svg
new file mode 100644
index 00000000..7fba0c03
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Folders/folder_open_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h9q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 21 8H7.85q-1.55 0-2.7.975T4 11.45V18l1.975-6.575q.2-.65.738-1.037A2 2 0 0 1 7.9 10h12.9q1.025 0 1.613.813t.312 1.762l-1.8 6q-.2.65-.737 1.038A1.98 1.98 0 0 1 19 20z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folders.svg b/packages/ui/icons/src/svgs/Monochrome/Folders/folders.svg
new file mode 100644
index 00000000..763262c1
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Folders/folders.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 1 19V6h2v13h17v2zm4-4q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 15V4q0-.824.588-1.412A1.93 1.93 0 0 1 7 2h5l2 2h7q.825 0 1.413.588T23 6v9q0 .825-.587 1.413A1.92 1.92 0 0 1 21 17zm0-2h14V6h-7.825l-2-2H7z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/move_to_folder.svg b/packages/ui/icons/src/svgs/Monochrome/Folders/move_to_folder.svg
new file mode 100644
index 00000000..e40b6ed7
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Folders/move_to_folder.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18V6q0-.824.588-1.412A1.93 1.93 0 0 1 4 4h5.175a1.98 1.98 0 0 1 1.4.575L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413A1.92 1.92 0 0 1 20 20zm0-2h16V8h-8.825l-2-2H4zm8.2-4-.925.925a.95.95 0 0 0-.275.7q0 .425.275.7a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275L15.3 13.7q.3-.3.3-.7t-.3-.7l-2.625-2.625a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L12.2 12H9a.97.97 0 0 0-.712.288A.97.97 0 0 0 8 13q0 .424.288.713A.96.96 0 0 0 9 14z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/fullscreen.svg b/packages/ui/icons/src/svgs/Monochrome/Misc/fullscreen.svg
new file mode 100644
index 00000000..25721f1b
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Misc/fullscreen.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5 19h2q.425 0 .713.288T8 20q0 .424-.288.713A.96.96 0 0 1 7 21H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 20v-3q0-.424.288-.712A.97.97 0 0 1 4 16q.424 0 .713.288A.96.96 0 0 1 5 17zm14 0v-2q0-.424.288-.712A.97.97 0 0 1 20 16q.424 0 .713.288A.96.96 0 0 1 21 17v3a.97.97 0 0 1-.288.713A.96.96 0 0 1 20 21h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 16 20q0-.424.288-.712A.97.97 0 0 1 17 19zM5 5v2a.97.97 0 0 1-.288.713A.96.96 0 0 1 4 8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 7V4q0-.424.288-.712A.97.97 0 0 1 4 3h3q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 7 5zm14 0h-2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 16 4q0-.424.288-.712A.97.97 0 0 1 17 3h3q.425 0 .713.288.288.289.287.712v3a.97.97 0 0 1-.288.713A.96.96 0 0 1 20 8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 19 7z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/language.svg b/packages/ui/icons/src/svgs/Monochrome/Misc/language.svg
new file mode 100644
index 00000000..0463e9a8
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Misc/language.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M17.55 15.65q.7 0 1.363-.325a4.1 4.1 0 0 0 1.212-.925v-2.65q-.575.075-1.062.175t-.913.225q-1.125.35-1.687.875T15.9 14.25q0 .65.45 1.025t1.2.375m-.575 1.7q-1.425 0-2.25-.812t-.825-2.213q0-1.3.825-2.125t2.65-1.325q.575-.15 1.263-.275.688-.124 1.487-.225-.05-1.174-.55-1.713t-1.55-.537q-.65 0-1.287.238-.637.239-1.638.837l-.8-1.4a7 7 0 0 1 1.938-1.012A6.9 6.9 0 0 1 18.5 6.4q1.774 0 2.7 1.1.925 1.1.925 3.2v6.425H20.45L20.3 16a5.7 5.7 0 0 1-1.537.988 4.4 4.4 0 0 1-1.788.362m-14.35.275a13 13 0 0 0-.475-.575 2 2 0 0 0-.4-.35q1.9-.825 3.05-2.125t1.65-3.55H2.1V9.85h4.55q.1-.75.15-1.6t.05-1.8H8.1q0 .95-.038 1.788T7.9 9.85h4.925v1.175H8.35q.65 2.025 1.875 3.463t2.85 2.087a6 6 0 0 0-.387.425 9 9 0 0 0-.463.625q-1.575-.7-2.8-2.137T7.45 12q-.6 2.075-1.787 3.425t-3.038 2.2"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/preview.svg b/packages/ui/icons/src/svgs/Monochrome/Misc/preview.svg
new file mode 100644
index 00000000..720a1558
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Misc/preview.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm0-2h14V7H5zm7-2q-2.05 0-3.662-1.112A6.4 6.4 0 0 1 6 13a6.37 6.37 0 0 1 2.338-2.887Q9.951 9.002 12 9q2.049 0 3.663 1.113A6.37 6.37 0 0 1 18 13a6.4 6.4 0 0 1-2.337 2.888Q14.05 17.001 12 17m0-1.5q1.4 0 2.55-.663A4.7 4.7 0 0 0 16.35 13a4.7 4.7 0 0 0-1.8-1.838A5 5 0 0 0 12 10.5q-1.4 0-2.55.663A4.7 4.7 0 0 0 7.65 13a4.7 4.7 0 0 0 1.8 1.838A5 5 0 0 0 12 15.5m0-1a1.45 1.45 0 0 0 1.063-.437q.438-.437.437-1.063 0-.626-.437-1.062A1.45 1.45 0 0 0 12 11.5a1.43 1.43 0 0 0-1.062.438q-.435.44-.438 1.062t.438 1.063T12 14.5"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/sort.svg b/packages/ui/icons/src/svgs/Monochrome/Misc/sort.svg
new file mode 100644
index 00000000..09d65a0f
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Misc/sort.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 18a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 17q0-.424.288-.712A.97.97 0 0 1 4 16h4q.425 0 .713.288T9 17t-.288.713A.96.96 0 0 1 8 18zm0-5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 12q0-.424.288-.712A.97.97 0 0 1 4 11h10q.425 0 .713.288T15 12t-.288.713A.96.96 0 0 1 14 13zm0-5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 7q0-.424.288-.712A.97.97 0 0 1 4 6h16q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 20 8z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/sort_by_alpha.svg b/packages/ui/icons/src/svgs/Monochrome/Misc/sort_by_alpha.svg
new file mode 100644
index 00000000..00a89317
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Misc/sort_by_alpha.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m4.9 14.6-.575 1.75a1 1 0 0 1-.35.463.9.9 0 0 1-.55.187.97.97 0 0 1-.812-.413q-.312-.413-.113-.912l3-8.025q.126-.3.375-.475A1 1 0 0 1 6.45 7h.75q.326 0 .575.175.25.175.375.475l3.025 8.075a.89.89 0 0 1-.112.875.92.92 0 0 1-.788.4.9.9 0 0 1-.55-.187 1 1 0 0 1-.35-.463L8.75 14.6zm.6-1.7h2.6L6.9 9.15h-.15zm10.45 2.3h4.15q.375 0 .638.263A.86.86 0 0 1 21 16.1q0 .375-.262.638A.86.86 0 0 1 20.1 17h-5.8a.58.58 0 0 1-.425-.175.58.58 0 0 1-.175-.425v-.95q0-.175.05-.337a.7.7 0 0 1 .175-.288L18.75 8.8H14.8a.87.87 0 0 1-.638-.262.86.86 0 0 1-.262-.638q.002-.375.263-.638A.87.87 0 0 1 14.8 7h5.55q.25 0 .425.175a.58.58 0 0 1 .175.425v.95q0 .175-.05.337a.7.7 0 0 1-.175.288zM9.6 5q-.174 0-.237-.15-.061-.15.062-.275L11.65 2.35a.48.48 0 0 1 .7 0l2.225 2.225q.126.125.063.275-.061.15-.238.15zm2.05 16.65-2.225-2.225q-.125-.125-.062-.275T9.6 19h4.8q.175 0 .238.15t-.063.275L12.35 21.65a.48.48 0 0 1-.35.15.48.48 0 0 1-.35-.15"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/spinner.svg b/packages/ui/icons/src/svgs/Monochrome/Misc/spinner.svg
new file mode 100644
index 00000000..451befe7
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Misc/spinner.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path fill="currentColor" d="M10.14 1.16a11 11 0 0 0-9 8.92A1.59 1.59 0 0 0 2.46 12a1.52 1.52 0 0 0 1.65-1.3 8 8 0 0 1 6.66-6.61A1.42 1.42 0 0 0 12 2.69a1.57 1.57 0 0 0-1.86-1.53"><animateTransform attributeName="transform" dur="0.75s" repeatCount="indefinite" type="rotate" values="0 12 12;360 12 12"/></path></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/star.svg b/packages/ui/icons/src/svgs/Monochrome/Misc/star.svg
new file mode 100644
index 00000000..1bd86d55
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Misc/star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m7.625 6.4 2.8-3.625q.3-.4.713-.587a2.08 2.08 0 0 1 1.725 0q.414.19.712.587l2.8 3.625 4.25 1.425q.65.2 1.025.738t.375 1.187q0 .3-.088.6t-.287.575l-2.75 3.9.1 4.1q.025.875-.575 1.475t-1.4.6q-.05 0-.55-.075L12 19.675l-4.475 1.25a1 1 0 0 1-.275.063 3 3 0 0 1-.275.012q-.8 0-1.4-.6T5 18.925l.1-4.125-2.725-3.875a1.9 1.9 0 0 1-.288-.575q-.089-.3-.087-.6 0-.625.363-1.162.364-.537 1.012-.763zM8.85 8.125 4 9.725 7.1 14.2 7 18.975l5-1.375 5 1.4-.1-4.8L20 9.775l-4.85-1.65L12 4z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/tag.svg b/packages/ui/icons/src/svgs/Monochrome/Misc/tag.svg
new file mode 100644
index 00000000..4b980e13
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Misc/tag.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m9 16-.825 3.275A.915.915 0 0 1 7.25 20a.95.95 0 0 1-.775-.375.88.88 0 0 1-.175-.825L7 16H4.275a.96.96 0 0 1-.8-.387.95.95 0 0 1-.175-.863.88.88 0 0 1 .35-.55q.276-.2.625-.2H7.5l1-4H5.775a.96.96 0 0 1-.8-.387.95.95 0 0 1-.175-.863.88.88 0 0 1 .35-.55q.276-.2.625-.2H9l.825-3.275A.915.915 0 0 1 10.75 4q.475 0 .775.375t.175.825L11 8h4l.825-3.275A.915.915 0 0 1 16.75 4q.475 0 .775.375t.175.825L17 8h2.725q.5 0 .8.387t.175.863a.88.88 0 0 1-.35.55q-.274.2-.625.2H16.5l-1 4h2.725q.5 0 .8.388t.175.862a.88.88 0 0 1-.35.55q-.274.2-.625.2H15l-.825 3.275a.915.915 0 0 1-.925.725.95.95 0 0 1-.775-.375.88.88 0 0 1-.175-.825L13 16zm.5-2h4l1-4h-4z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/explore.svg b/packages/ui/icons/src/svgs/Monochrome/Navigation/explore.svg
new file mode 100644
index 00000000..99ee136c
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Navigation/explore.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 13a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 12q0-.424.288-.712A.97.97 0 0 1 12 11q.423 0 .713.288T13 12a1 1 0 0 1-.288.713A.95.95 0 0 1 12 13m0 9a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20m-4.575-2.925 6.25-2.925q.15-.075.275-.2t.2-.275l2.925-6.25q.125-.25-.062-.438t-.438-.062l-6.25 2.925q-.15.075-.275.2t-.2.275l-2.925 6.25q-.125.25.063.438t.437.062"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/explore_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Navigation/explore_fill.svg
new file mode 100644
index 00000000..1b11e039
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Navigation/explore_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m8.375 16.25 5.05-1.45q.5-.15.863-.513.363-.364.512-.862l1.45-5.05a.48.48 0 0 0-.137-.488.47.47 0 0 0-.488-.137l-5.05 1.45q-.5.15-.862.513t-.513.862l-1.45 5.05a.47.47 0 0 0 .138.488.47.47 0 0 0 .487.137M12 13.5q-.625 0-1.062-.437A1.45 1.45 0 0 1 10.5 12q0-.626.438-1.062.44-.436 1.062-.438t1.063.438q.44.44.437 1.062a1.47 1.47 0 0 1-.437 1.063A1.42 1.42 0 0 1 12 13.5m0 8.5a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/home.svg b/packages/ui/icons/src/svgs/Monochrome/Navigation/home.svg
new file mode 100644
index 00000000..f5d8d18a
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Navigation/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5.25 19.844h3.375v-5.625q0-.478.324-.801t.801-.324h4.5q.478 0 .802.324t.323.8v5.626h3.375V9.719L12 4.656 5.25 9.72zm-2.25 0V9.719q0-.534.24-1.013t.66-.787l6.75-5.063q.591-.45 1.35-.45t1.35.45L20.1 7.92q.422.309.662.787T21 9.72v10.125q0 .927-.662 1.59-.66.66-1.588.66h-4.5q-.479 0-.801-.324a1.1 1.1 0 0 1-.324-.801v-5.625h-2.25v5.625q0 .478-.324.802a1.08 1.08 0 0 1-.801.323h-4.5q-.928 0-1.588-.66T3 19.843"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/home_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Navigation/home_fill.svg
new file mode 100644
index 00000000..0502a6c3
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Navigation/home_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 19v-9q0-.476.213-.9t.587-.7l6-4.5q.525-.4 1.2-.4t1.2.4l6 4.5q.375.275.588.7T20 10v9q0 .825-.588 1.413A1.92 1.92 0 0 1 18 21h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 14 20v-5a.97.97 0 0 0-.288-.712A.97.97 0 0 0 13 14h-2a.97.97 0 0 0-.712.288A.97.97 0 0 0 10 15v5a.97.97 0 0 1-.288.713A.96.96 0 0 1 9 21H6q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 19"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/interests.svg b/packages/ui/icons/src/svgs/Monochrome/Navigation/interests.svg
new file mode 100644
index 00000000..a115bcdc
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Navigation/interests.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m2.825 9.525 3.3-5.95a.97.97 0 0 1 .375-.4q.225-.125.5-.125t.5.125.375.4l3.3 5.95a1 1 0 0 1-.025.975 1 1 0 0 1-.35.363.93.93 0 0 1-.5.137H3.7a.97.97 0 0 1-.85-.5 1.01 1.01 0 0 1-.025-.975M7 21q-1.65 0-2.825-1.175T3 17q0-1.675 1.175-2.838T7 13t2.825 1.175T11 17t-1.175 2.825T7 21m0-2q.824 0 1.412-.587A1.93 1.93 0 0 0 9 17q0-.825-.587-1.412A1.94 1.94 0 0 0 7 15a1.9 1.9 0 0 0-1.412.588A1.94 1.94 0 0 0 5 17q0 .822.588 1.413.589.591 1.412.587M5.4 9h3.2L7 6.125zM13 20v-6q0-.424.288-.712A.97.97 0 0 1 14 13h6q.425 0 .713.288T21 14v6a.97.97 0 0 1-.288.713A.96.96 0 0 1 20 21h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 20m2-1h4v-4h-4zm1.35-8.55-1.325-1.125Q13.3 7.875 12.65 7.038A2.96 2.96 0 0 1 12 5.175q0-1.125.788-1.9T14.75 2.5q.675 0 1.263.313t.987.862q.4-.55.988-.862A2.66 2.66 0 0 1 19.25 2.5q1.175 0 1.963.775t.787 1.9q0 1.024-.65 1.863-.65.838-2.375 2.287L17.65 10.45a.93.93 0 0 1-.65.25.93.93 0 0 1-.65-.25M17 8.375q1.8-1.5 2.4-2.125t.6-1.025a.74.74 0 0 0-.187-.525q-.187-.2-.513-.2a.96.96 0 0 0-.487.137q-.237.137-.588.488L17 6.3l-1.225-1.175q-.35-.35-.587-.488A.95.95 0 0 0 14.7 4.5q-.325 0-.512.2a.74.74 0 0 0-.188.525q0 .4.6 1.025T17 8.375"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/interests_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Navigation/interests_fill.svg
new file mode 100644
index 00000000..4238bbea
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Navigation/interests_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m2.825 9.525 3.3-5.95a.97.97 0 0 1 .375-.4q.225-.125.5-.125t.5.125.375.4l3.3 5.95a1 1 0 0 1-.025.975 1 1 0 0 1-.35.363.93.93 0 0 1-.5.137H3.7a.97.97 0 0 1-.85-.5 1.01 1.01 0 0 1-.025-.975M7 21q-1.65 0-2.825-1.175T3 17q0-1.675 1.175-2.838T7 13t2.825 1.175T11 17t-1.175 2.825T7 21M5.4 9h3.2L7 6.125zM13 20v-6q0-.424.288-.712A.97.97 0 0 1 14 13h6q.425 0 .713.288T21 14v6a.97.97 0 0 1-.288.713A.96.96 0 0 1 20 21h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 13 20m2-1h4v-4h-4zm1.35-8.55-1.325-1.125Q13.3 7.875 12.65 7.038A2.96 2.96 0 0 1 12 5.175q0-1.125.788-1.9T14.75 2.5q.675 0 1.263.313t.987.862q.4-.55.988-.862A2.66 2.66 0 0 1 19.25 2.5q1.175 0 1.963.775t.787 1.9q0 1.024-.65 1.863-.65.838-2.375 2.287L17.65 10.45a.93.93 0 0 1-.65.25.93.93 0 0 1-.65-.25"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/add_row_above.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/add_row_above.svg
new file mode 100644
index 00000000..e9738fe9
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/add_row_above.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5 14v6h14v-6zm0 8q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 20V6q0-.824.588-1.412A1.93 1.93 0 0 1 5 4h1q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 6 6H5v6h14V6h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 17 5q0-.424.288-.712A.97.97 0 0 1 18 4h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 22zm6-16h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 5q0-.424.288-.712A.97.97 0 0 1 10 4h1V3q0-.424.288-.712A.97.97 0 0 1 12 2q.424 0 .713.288A.96.96 0 0 1 13 3v1h1q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 14 6h-1v1a.97.97 0 0 1-.288.713A.96.96 0 0 1 12 8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 7z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/add_row_below.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/add_row_below.svg
new file mode 100644
index 00000000..c64cb397
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/add_row_below.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M19 10V4H5v6zM5 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 18V4q0-.824.588-1.412A1.93 1.93 0 0 1 5 2h14q.825 0 1.413.588T21 4v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 20h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 17 19q0-.424.288-.712A.97.97 0 0 1 18 18h1v-6H5v6h1q.425 0 .713.288T7 19q0 .424-.288.713A.96.96 0 0 1 6 20zm7 2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 21v-1h-1a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 19q0-.424.288-.712A.97.97 0 0 1 10 18h1v-1q0-.424.288-.712A.97.97 0 0 1 12 16q.424 0 .713.288A.96.96 0 0 1 13 17v1h1q.425 0 .713.288T15 19t-.288.713A.96.96 0 0 1 14 20h-1v1a.97.97 0 0 1-.288.713A.96.96 0 0 1 12 22"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/add_square.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/add_square.svg
new file mode 100644
index 00000000..ae6293b3
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/add_square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M11 13v3q0 .425.288.713T12 17q.424 0 .713-.288A.96.96 0 0 0 13 16v-3h3a.97.97 0 0 0 .713-.288A.96.96 0 0 0 17 12a.97.97 0 0 0-.288-.712A.97.97 0 0 0 16 11h-3V8a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 7a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 8v3H8a.97.97 0 0 0-.712.288A.97.97 0 0 0 7 12q0 .424.288.713A.96.96 0 0 0 8 13zm-6 8q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm0-2h14V5H5z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/clipboard.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/clipboard.svg
new file mode 100644
index 00000000..52658cf8
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/clipboard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h4.175q.275-.875 1.075-1.437A3 3 0 0 1 12 1a3 3 0 0 1 1.788.563q.788.562 1.062 1.437H19q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm0-2h14V5h-2v2a.97.97 0 0 1-.288.713A.96.96 0 0 1 16 8H8a.97.97 0 0 1-.712-.288A.97.97 0 0 1 7 7V5H5zm7-14a.97.97 0 0 0 .713-.288A.96.96 0 0 0 13 4a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 3a.97.97 0 0 0-.712.288A.97.97 0 0 0 11 4q0 .424.288.713A.96.96 0 0 0 12 5"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/hint.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/hint.svg
new file mode 100644
index 00000000..507bd1c9
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/hint.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M10 18q-.825 0-1.412-.587A1.93 1.93 0 0 1 8 16v-1.25a6.7 6.7 0 0 1-2.212-2.5A7 7 0 0 1 5 9q0-2.925 2.038-4.962T12 2q2.925 0 4.963 2.038Q19.003 6.078 19 9a6.9 6.9 0 0 1-.788 3.238A6.96 6.96 0 0 1 16 14.75V16q0 .825-.587 1.413A1.92 1.92 0 0 1 14 18zm0-2h4v-1.775q0-.25.113-.475a.86.86 0 0 1 .312-.35l.425-.3a4.8 4.8 0 0 0 1.588-1.787A4.95 4.95 0 0 0 17 9q0-2.075-1.463-3.537Q14.075 4.001 12 4 9.925 4 8.463 5.463 7 6.927 7 9q0 1.226.563 2.313A4.8 4.8 0 0 0 9.15 13.1l.425.3q.2.125.313.35t.112.475zm0 6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 21q0-.424.288-.712A.97.97 0 0 1 10 20h4q.425 0 .713.288T15 21t-.288.713A.96.96 0 0 1 14 22z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/hint_add.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/hint_add.svg
new file mode 100644
index 00000000..46937411
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/hint_add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10 18q-.825 0-1.412-.587A1.93 1.93 0 0 1 8 16v-1.25a6.7 6.7 0 0 1-2.212-2.5A7 7 0 0 1 5 9q0-2.925 2.038-4.962T12 2q2.925 0 4.963 2.038Q19.003 6.078 19 9a6.9 6.9 0 0 1-.788 3.238A6.96 6.96 0 0 1 16 14.75V16q0 .825-.587 1.413A1.92 1.92 0 0 1 14 18zm0-2h4v-1.775q0-.25.113-.475a.86.86 0 0 1 .312-.35l.425-.3a4.8 4.8 0 0 0 1.588-1.787A4.95 4.95 0 0 0 17 9q0-2.075-1.463-3.537Q14.075 4.001 12 4 9.925 4 8.463 5.463 7 6.927 7 9q0 1.226.563 2.313A4.8 4.8 0 0 0 9.15 13.1l.425.3q.2.125.313.35t.112.475zm0 6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 9 21q0-.424.288-.712A.97.97 0 0 1 10 20h4q.425 0 .713.288T15 21t-.288.713A.96.96 0 0 1 14 22z"/><path d="M11 11v-1h-1a.96.96 0 0 1-.712-.287A.97.97 0 0 1 9 9q0-.424.288-.712A.97.97 0 0 1 10 8h1V7a.97.97 0 0 1 .288-.712A.96.96 0 0 1 12 6q.424 0 .712.288A.97.97 0 0 1 13 7v1h1q.424 0 .712.288.287.288.288.712 0 .424-.287.712A.97.97 0 0 1 14 10h-1v1a.96.96 0 0 1-.287.712A.98.98 0 0 1 12 12a.96.96 0 0 1-.712-.287A.97.97 0 0 1 11 11"/></g></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/hint_slash.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/hint_slash.svg
new file mode 100644
index 00000000..5ccb5fa8
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/hint_slash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 20h4q0 .825-.587 1.413A1.92 1.92 0 0 1 12 22m0-18q-1.1 0-2.037.388A5.5 5.5 0 0 0 8.3 5.45l-1.45-1.4a7.9 7.9 0 0 1 2.338-1.5A7.2 7.2 0 0 1 12 2q3.124 0 5.313 2.188T19.5 9.5q0 1.775-.625 3.038-.626 1.264-1.425 2.062l-1.4-1.4q.526-.575.988-1.475.464-.9.462-2.225 0-2.3-1.6-3.9T12 4m1.15 12h-4.9a7.67 7.67 0 0 1-2.738-2.75A7.27 7.27 0 0 1 4.5 9.5q0-.5.063-.975T4.75 7.6L2.1 4.9a.98.98 0 0 1-.288-.687A.93.93 0 0 1 2.1 3.5a.95.95 0 0 1 .7-.275q.425 0 .7.275l17 17q.3.3.3.7t-.3.7-.712.3a.98.98 0 0 1-.713-.3zm-4.3-2h2.3L6.5 9.35v.15q0 1.35.613 2.525A5.56 5.56 0 0 0 8.85 14M9 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 8 18q0-.424.288-.712A.97.97 0 0 1 9 17h6.15q.425 0 .713.288t.287.712-.287.713a.96.96 0 0 1-.713.287z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/learn.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/learn.svg
new file mode 100644
index 00000000..7df93a5b
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/learn.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M6.05 17.775a2 2 0 0 1-.775-.737A2 2 0 0 1 5 16v-4.8L2.6 9.875a.97.97 0 0 1-.4-.375 1 1 0 0 1-.125-.5q0-.275.125-.5a.97.97 0 0 1 .4-.375l8.45-4.6a2 2 0 0 1 .463-.188q.238-.063.487-.062a2 2 0 0 1 .95.25l9.525 5.2a.9.9 0 0 1 .388.363q.138.239.137.512V16a.97.97 0 0 1-.288.713A.96.96 0 0 1 22 17a.97.97 0 0 1-.712-.288A.97.97 0 0 1 21 16v-5.9l-2 1.1V16q0 .575-.275 1.038a2 2 0 0 1-.775.737l-5 2.7q-.225.125-.462.188-.236.063-.488.062-.25 0-.488-.062a2 2 0 0 1-.462-.188zM12 12.7 18.85 9 12 5.3 5.15 9zm0 6.025 5-2.7V12.25l-4.025 2.225q-.225.125-.475.188a2 2 0 0 1-1 0 2 2 0 0 1-.475-.188L7 12.25v3.775z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/list_add.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/list_add.svg
new file mode 100644
index 00000000..3e6f8ce8
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/list_add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 16a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 15q0-.424.288-.712A.97.97 0 0 1 4 14h5q.425 0 .713.288T10 15t-.288.713A.96.96 0 0 1 9 16zm0-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 11q0-.424.288-.712A.97.97 0 0 1 4 10h9q.425 0 .713.288T14 11t-.288.713A.96.96 0 0 1 13 12zm0-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 7q0-.424.288-.712A.97.97 0 0 1 4 6h9q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 13 8zm13 12a.97.97 0 0 1-.712-.288A.97.97 0 0 1 16 19v-3h-3a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 15q0-.424.288-.712A.97.97 0 0 1 13 14h3v-3q0-.424.288-.712A.97.97 0 0 1 17 10q.424 0 .713.288A.96.96 0 0 1 18 11v3h3q.425 0 .713.288T22 15q0 .424-.288.713A.96.96 0 0 1 21 16h-3v3a.97.97 0 0 1-.288.713A.96.96 0 0 1 17 20"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/set.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/set.svg
new file mode 100644
index 00000000..fe5f959c
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/set.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M9 9v11h7v-3q0-.424.288-.712A.97.97 0 0 1 17 16h3V9zM7 20V8.975q0-.825.6-1.4A2 2 0 0 1 9.025 7H20q.825 0 1.413.587T22 9v7.175a1.98 1.98 0 0 1-.575 1.4l-3.85 3.85a1.98 1.98 0 0 1-1.4.575H9q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 20M2.025 6.25q-.15-.825.325-1.487.475-.661 1.3-.813L14.5 2.025q.8-.15 1.45.338.65.487.85 1.287l.175.775q.126.5-.15.8-.275.3-.65.35a1.13 1.13 0 0 1-.712-.137q-.337-.187-.463-.688L14.825 4 4 5.925l1.5 8.6q.075.425-.15.762a.95.95 0 0 1-.65.413.94.94 0 0 1-.75-.162 1 1 0 0 1-.4-.663z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/set_add.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/set_add.svg
new file mode 100644
index 00000000..28afcb31
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/set_add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M7 20V8.975q0-.825.6-1.4A2 2 0 0 1 9.025 7H20q.825 0 1.413.587T22 9v7.175a1.98 1.98 0 0 1-.575 1.4l-3.85 3.85a1.98 1.98 0 0 1-1.4.575H9q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 20M2.025 6.25q-.15-.825.325-1.487.475-.661 1.3-.813L14.5 2.025q.8-.15 1.45.338.65.487.85 1.287l.175.775q.126.5-.15.8-.275.3-.65.35a1.13 1.13 0 0 1-.712-.137q-.337-.187-.463-.688L14.825 4 4 5.925l1.5 8.6q.075.425-.15.762a.95.95 0 0 1-.65.413.94.94 0 0 1-.75-.162 1 1 0 0 1-.4-.663zM9 9v11h7l4-4V9zm4.5 6.5v2q0 .425.288.713t.712.287q.424 0 .713-.288a.96.96 0 0 0 .287-.712v-2h2a.97.97 0 0 0 .713-.288.96.96 0 0 0 .287-.712.97.97 0 0 0-.288-.712.97.97 0 0 0-.712-.288h-2v-2a.97.97 0 0 0-.288-.712.97.97 0 0 0-.712-.288.96.96 0 0 0-.712.288.97.97 0 0 0-.288.712v2h-2a.97.97 0 0 0-.712.288.97.97 0 0 0-.288.712q0 .424.288.713a.96.96 0 0 0 .712.287z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/table_convert.svg b/packages/ui/icons/src/svgs/Monochrome/Sets/table_convert.svg
new file mode 100644
index 00000000..e4ca66b2
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Sets/table_convert.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M11 21V9H3V5q0-.824.588-1.412A1.93 1.93 0 0 1 5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 21zm2-2h6v-4h-6zm0-6h6V9h-6zM5 7h14V5H5zm2.625 4q.425 0 .713.288t.287.712-.288.713a.96.96 0 0 1-.712.287q-1.125 0-1.937.8a2.64 2.64 0 0 0-.813 1.95q0 .975.6 1.725t1.525.95V17q0-.424.288-.712A.97.97 0 0 1 8 16q.424 0 .713.288A.96.96 0 0 1 9 17v4a.97.97 0 0 1-.288.713A.96.96 0 0 1 8 22H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 21q0-.424.288-.712A.97.97 0 0 1 4 20h1.55a4.7 4.7 0 0 1-1.937-1.7q-.736-1.125-.738-2.55 0-1.976 1.388-3.363T7.625 11"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/favorite.svg b/packages/ui/icons/src/svgs/Monochrome/Social/favorite.svg
new file mode 100644
index 00000000..e70c1c0f
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/favorite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20.325a2.2 2.2 0 0 1-.712-.125 1.7 1.7 0 0 1-.638-.4l-1.725-1.575a69 69 0 0 1-4.788-4.812Q1.999 11.026 2 8.15 2 5.8 3.575 4.225T7.5 2.65q1.325 0 2.5.562t2 1.538a5.95 5.95 0 0 1 2-1.537 5.7 5.7 0 0 1 2.5-.563q2.35 0 3.925 1.575T22 8.15q0 2.875-2.125 5.275a60 60 0 0 1-4.825 4.825l-1.7 1.55a1.65 1.65 0 0 1-.637.4 2.2 2.2 0 0 1-.713.125M11.05 6.75q-.725-1.024-1.55-1.563t-2-.537q-1.5 0-2.5 1t-1 2.5q0 1.3.925 2.763a19 19 0 0 0 2.213 2.837 39 39 0 0 0 2.65 2.575Q11.15 17.525 12 18.3q.85-.775 2.213-1.975t2.65-2.575a19 19 0 0 0 2.212-2.837Q20 9.45 20 8.15q0-1.5-1-2.5t-2.5-1q-1.175 0-2 .538-.825.539-1.55 1.562a1.14 1.14 0 0 1-.95.5 1.14 1.14 0 0 1-.95-.5"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/favorite_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Social/favorite_fill.svg
new file mode 100644
index 00000000..6674b04b
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/favorite_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20.325a2.2 2.2 0 0 1-.712-.125 1.7 1.7 0 0 1-.638-.4l-1.725-1.575a69 69 0 0 1-4.788-4.812Q1.999 11.026 2 8.15 2 5.8 3.575 4.225T7.5 2.65q1.325 0 2.5.562t2 1.538a5.95 5.95 0 0 1 2-1.537 5.7 5.7 0 0 1 2.5-.563q2.35 0 3.925 1.575T22 8.15q0 2.875-2.125 5.275a60 60 0 0 1-4.825 4.825l-1.7 1.55a1.65 1.65 0 0 1-.637.4 2.2 2.2 0 0 1-.713.125"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/globe.svg b/packages/ui/icons/src/svgs/Monochrome/Social/globe.svg
new file mode 100644
index 00000000..aff4f238
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/globe.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22a9.7 9.7 0 0 1-3.875-.788 10.2 10.2 0 0 1-3.187-2.15 10.2 10.2 0 0 1-2.15-3.187A9.7 9.7 0 0 1 2 12a9.6 9.6 0 0 1 .788-3.887 10.2 10.2 0 0 1 2.15-3.175 10.1 10.1 0 0 1 3.187-2.15A9.7 9.7 0 0 1 12 2q2.075 0 3.888.788a10.2 10.2 0 0 1 3.174 2.15 10.2 10.2 0 0 1 2.15 3.175A9.6 9.6 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.875 10.2 10.2 0 0 1-2.15 3.188 10.2 10.2 0 0 1-3.175 2.15A9.7 9.7 0 0 1 12 22m0-2.05q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713A15 15 0 0 1 8.05 16H5.1a8.3 8.3 0 0 0 1.813 2.175A7.2 7.2 0 0 0 9.4 19.55m5.2 0a7.2 7.2 0 0 0 2.488-1.375A8.3 8.3 0 0 0 18.9 16h-2.95a15 15 0 0 1-.562 1.838 14 14 0 0 1-.788 1.712M4.25 14h3.4a13.6 13.6 0 0 1-.15-2q0-.525.038-1.012.039-.486.112-.988h-3.4a8.15 8.15 0 0 0 0 4m5.4 0h4.7q.075-.5.113-.987T14.5 12a14 14 0 0 0-.15-2h-4.7a13.6 13.6 0 0 0-.15 2q0 .524.038 1.013.039.489.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012A8 8 0 0 0 19.75 10h-3.4q.075.5.113.988T16.5 12q0 .524-.038 1.013a14 14 0 0 1-.112.987m-.4-6h2.95a8.3 8.3 0 0 0-1.812-2.175A7.2 7.2 0 0 0 14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075A12.7 12.7 0 0 0 12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838A14 14 0 0 1 9.4 4.45a7.2 7.2 0 0 0-2.488 1.375A8.3 8.3 0 0 0 5.1 8"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/globe_add.svg b/packages/ui/icons/src/svgs/Monochrome/Social/globe_add.svg
new file mode 100644
index 00000000..05f2e3ac
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/globe_add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M6 19.425v1.225q0 .425.288.713.289.288.712.287.424 0 .712-.287A.96.96 0 0 0 8 20.65V17.5q0-.625-.438-1.062A1.45 1.45 0 0 0 6.5 16H3.35a.97.97 0 0 0-.713.288.96.96 0 0 0-.287.712q0 .424.287.713.285.289.713.287H4.6l-2.25 2.25a.93.93 0 0 0-.275.688q0 .413.275.712.3.3.712.3t.713-.3zM12 22a9.7 9.7 0 0 0 3.9-.788 10.1 10.1 0 0 0 3.175-2.137q1.35-1.35 2.137-3.175A9.8 9.8 0 0 0 22 12a9.7 9.7 0 0 0-.788-3.9 10.1 10.1 0 0 0-2.137-3.175A10.1 10.1 0 0 0 15.9 2.788 9.7 9.7 0 0 0 12 2a9.7 9.7 0 0 0-3.9.788 10.1 10.1 0 0 0-3.175 2.137Q3.577 6.275 2.787 8.1A9.7 9.7 0 0 0 2 12q0 .25.012.55t.038.55a.95.95 0 0 0 .35.663q.3.239.75.237.4 0 .675-.35a.98.98 0 0 0 .225-.75 2.3 2.3 0 0 1-.05-.45V12q0-.5.063-1t.187-1h3.4q-.075.5-.113 1T7.5 12v.538q0 .287.025.537.05.424.35.675.3.25.725.25a.89.89 0 0 0 .687-.325.9.9 0 0 0 .238-.725 5 5 0 0 1-.025-.475V12a13.5 13.5 0 0 1 .15-2h4.7a13.4 13.4 0 0 1 0 4H12a.97.97 0 0 0-.713.288A.96.96 0 0 0 11 15q0 .424.288.713A.96.96 0 0 0 12 16h1.9q-.3 1.075-.775 2.063A12.4 12.4 0 0 1 12 19.95a10 10 0 0 0-.5.013 3 3 0 0 1-.5-.013q-.425-.05-.7.213a.9.9 0 0 0-.275.687q0 .45.225.75t.65.35q.25.026.55.038.3.014.55.012m7.75-8h-3.4a13.4 13.4 0 0 0 0-4h3.4a8.4 8.4 0 0 1 .25 2q0 .5-.063 1a9 9 0 0 1-.187 1m-5.15 5.55q.45-.85.788-1.737T15.95 16h2.95a7.9 7.9 0 0 1-1.825 2.188A7.5 7.5 0 0 1 14.6 19.55M18.9 8h-2.95q-.225-.925-.563-1.812A16 16 0 0 0 14.6 4.45q1.376.45 2.475 1.363A7.9 7.9 0 0 1 18.9 8m-5 0h-3.8q.3-1.075.775-2.062T12 4.05A12.4 12.4 0 0 1 13.9 8M8.05 8H5.1a7.9 7.9 0 0 1 1.825-2.187A7.5 7.5 0 0 1 9.4 4.45q-.45.85-.788 1.738A15 15 0 0 0 8.05 8"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_add.svg b/packages/ui/icons/src/svgs/Monochrome/Social/person_add.svg
new file mode 100644
index 00000000..1d175536
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/person_add.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M18 11h-2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 15 10q0-.424.288-.712A.97.97 0 0 1 16 9h2V7q0-.424.288-.712A.97.97 0 0 1 19 6q.424 0 .713.288A.96.96 0 0 1 20 7v2h2q.425 0 .713.288T23 10q0 .424-.288.713A.96.96 0 0 1 22 11h-2v2a.97.97 0 0 1-.288.713A.96.96 0 0 1 19 14a.97.97 0 0 1-.712-.288A.97.97 0 0 1 18 13zm-9 1q-1.65 0-2.825-1.175T5 8t1.175-2.825T9 4t2.825 1.175T13 8t-1.175 2.825T9 12m-8 6v-.8q0-.85.438-1.562A2.93 2.93 0 0 1 2.6 14.55a14.8 14.8 0 0 1 3.15-1.162 13.8 13.8 0 0 1 6.5 0q1.6.39 3.15 1.162.725.375 1.163 1.088T17 17.2v.8q0 .825-.587 1.413A1.92 1.92 0 0 1 15 20H3q-.824 0-1.412-.587A1.93 1.93 0 0 1 1 18m2 0h12v-.8a.97.97 0 0 0-.5-.85q-1.35-.675-2.725-1.012A11.7 11.7 0 0 0 9 15q-1.4 0-2.775.338-1.375.339-2.725 1.012a1 1 0 0 0-.363.35.93.93 0 0 0-.137.5zm6-8q.825 0 1.413-.587A1.92 1.92 0 0 0 11 8q0-.825-.587-1.412A1.93 1.93 0 0 0 9 6a1.9 1.9 0 0 0-1.412.588Q7.003 7.178 7 8a1.92 1.92 0 0 0 .588 1.413Q8.179 10.004 9 10"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_check.svg b/packages/ui/icons/src/svgs/Monochrome/Social/person_check.svg
new file mode 100644
index 00000000..2b12daab
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/person_check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 20q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18v-.8q0-.825.425-1.55t1.175-1.1q1.275-.65 2.875-1.1T10 13a9 9 0 0 1 .9.05.98.98 0 0 1 .662.375.93.93 0 0 1 .213.725 1.03 1.03 0 0 1-.3.6q-.25.25-.675.25H10q-1.775 0-3.188.425T4.5 16.35a1 1 0 0 0-.363.35.93.93 0 0 0-.137.5v.8h6.75q.425 0 .713.288t.287.712-.288.713a.96.96 0 0 1-.712.287zm11.55-2.4 4.35-4.35a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-5.05 5.05q-.3.3-.7.3a.96.96 0 0 1-.7-.3l-2.05-2.05a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275zM10 12q-1.65 0-2.825-1.175T6 8t1.175-2.825T10 4t2.825 1.175T14 8t-1.175 2.825T10 12m0-2q.825 0 1.413-.587A1.92 1.92 0 0 0 12 8q0-.825-.587-1.412A1.93 1.93 0 0 0 10 6a1.9 1.9 0 0 0-1.412.588Q8.003 7.178 8 8a1.92 1.92 0 0 0 .588 1.413q.591.591 1.412.587"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_check_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Social/person_check_fill.svg
new file mode 100644
index 00000000..fc0bca02
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/person_check_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M10 12q-1.65 0-2.825-1.175T6 8t1.175-2.825T10 4t2.825 1.175T14 8t-1.175 2.825T10 12m-6 8q-.824 0-1.412-.587A1.93 1.93 0 0 1 2 18v-.8q0-.825.425-1.55t1.175-1.1q1.275-.65 2.875-1.1T10 13h.663q.312 0 .637.05.5.05.65.525t-.2.825l-.425.425q-.775.775-.875 1.825t.475 1.925q.3.475.087.95T10.3 20zm11.55-2.4 4.35-4.35a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7l-5.05 5.05q-.3.3-.7.3a.96.96 0 0 1-.7-.3l-2.05-2.05a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_edit.svg b/packages/ui/icons/src/svgs/Monochrome/Social/person_edit.svg
new file mode 100644
index 00000000..a03275d5
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/person_edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M4 19v-1.8q0-.85.438-1.562A2.93 2.93 0 0 1 5.6 14.55a14.8 14.8 0 0 1 3.15-1.162A13.8 13.8 0 0 1 12 13q.925 0 1.825.113t1.8.362l-1.675 1.7q-.5-.075-.975-.125A9 9 0 0 0 12 15q-1.4 0-2.775.338A13 13 0 0 0 6.5 16.35a1 1 0 0 0-.363.35.93.93 0 0 0-.137.5v.8h6v2H5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 19m10 1v-1.25q0-.4.163-.763t.437-.637l4.925-4.925q.225-.225.5-.325a1.6 1.6 0 0 1 .55-.1 1.5 1.5 0 0 1 1.075.45l.925.925q.2.225.313.5t.112.55q0 .275-.1.563a1.3 1.3 0 0 1-.325.512l-4.925 4.925a1.97 1.97 0 0 1-1.4.575H15a.97.97 0 0 1-.712-.288A.97.97 0 0 1 14 20m1.5-.5h.95l3.025-3.05-.45-.475-.475-.45-3.05 3.025zm3.525-3.525-.475-.45.925.925zM12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m0-2q.825 0 1.413-.587A1.92 1.92 0 0 0 14 8q0-.825-.587-1.412A1.93 1.93 0 0 0 12 6a1.9 1.9 0 0 0-1.412.588Q10.003 7.178 10 8a1.92 1.92 0 0 0 .588 1.413q.591.591 1.412.587"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_edit_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Social/person_edit_fill.svg
new file mode 100644
index 00000000..4450c834
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/person_edit_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M14 20v-1.25q0-.4.163-.763t.437-.637l4.925-4.925q.225-.225.5-.325a1.6 1.6 0 0 1 .55-.1 1.5 1.5 0 0 1 1.075.45l.925.925q.2.225.313.5t.112.55q0 .275-.1.563a1.3 1.3 0 0 1-.325.512l-4.925 4.925a1.97 1.97 0 0 1-1.4.575H15a.97.97 0 0 1-.712-.288A.97.97 0 0 1 14 20M4 19v-1.8q0-.85.438-1.562A2.93 2.93 0 0 1 5.6 14.55a14.8 14.8 0 0 1 3.15-1.162A13.8 13.8 0 0 1 12 13q.925 0 1.825.113t1.8.362l-2.75 2.75q-.425.425-.65.975T12 18.35V20H5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 19m16.575-3.6.925-.975-.925-.925-.95.95zM12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_group.svg b/packages/ui/icons/src/svgs/Monochrome/Social/person_group.svg
new file mode 100644
index 00000000..0b3efcfa
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/person_group.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M1 20v-2.8q0-.85.438-1.562A2.93 2.93 0 0 1 2.6 14.55a14.8 14.8 0 0 1 3.15-1.162 13.8 13.8 0 0 1 6.5 0q1.6.39 3.15 1.162.725.375 1.163 1.088T17 17.2V20zm18 0v-3q0-1.1-.612-2.113T16.65 13.15a12.6 12.6 0 0 1 4.5 1.4q.9.5 1.375 1.112T23 17v3zM9 12q-1.65 0-2.825-1.175T5 8t1.175-2.825T9 4t2.825 1.175T13 8t-1.175 2.825T9 12m10-4q0 1.65-1.175 2.825T15 12q-.275 0-.7-.062a6 6 0 0 1-.7-.138 6 6 0 0 0 1.038-1.775A5.7 5.7 0 0 0 15 8q0-1.05-.362-2.025A5.9 5.9 0 0 0 13.6 4.2q.35-.125.7-.163A6 6 0 0 1 15 4q1.65 0 2.825 1.175T19 8M3 18h12v-.8a.97.97 0 0 0-.5-.85q-1.35-.675-2.725-1.012a11.5 11.5 0 0 0-5.55 0A13.2 13.2 0 0 0 3.5 16.35a1 1 0 0 0-.363.35.93.93 0 0 0-.137.5zm6-8q.825 0 1.413-.587T11 8q0-.825-.587-1.412A1.93 1.93 0 0 0 9 6a1.9 1.9 0 0 0-1.412.588Q7.003 7.178 7 8a1.92 1.92 0 0 0 .588 1.413Q8.179 10.004 9 10"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_pin.svg b/packages/ui/icons/src/svgs/Monochrome/Social/person_pin.svg
new file mode 100644
index 00000000..0c2005e2
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Social/person_pin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M9 20H5q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 18V4q0-.824.588-1.412A1.93 1.93 0 0 1 5 2h14q.825 0 1.413.588T21 4v14q0 .825-.587 1.413A1.92 1.92 0 0 1 19 20h-4l-2.3 2.3q-.15.15-.325.213a1.15 1.15 0 0 1-.75 0 .85.85 0 0 1-.325-.213zm-4-3.15q1.35-1.325 3.138-2.087Q9.927 14.001 12 14q2.074 0 3.863.763A10.1 10.1 0 0 1 19 16.85V4H5zM12 12q1.45 0 2.475-1.025A3.37 3.37 0 0 0 15.5 8.5q0-1.45-1.025-2.475A3.37 3.37 0 0 0 12 5q-1.45 0-2.475 1.025A3.37 3.37 0 0 0 8.5 8.5q0 1.45 1.025 2.475A3.37 3.37 0 0 0 12 12m-5 6h10v-.25a7.3 7.3 0 0 0-2.325-1.312A8.2 8.2 0 0 0 12 16q-1.4 0-2.675.438Q8.05 16.878 7 17.75zm5-8q-.625 0-1.062-.437A1.45 1.45 0 0 1 10.5 8.5q0-.625.438-1.062Q11.378 7.002 12 7t1.063.438q.44.44.437 1.062a1.47 1.47 0 0 1-.437 1.063A1.42 1.42 0 0 1 12 10"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/check.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/check.svg
new file mode 100644
index 00000000..126a0118
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m9.55 15.15 8.475-8.475q.3-.3.7-.3t.7.3.3.713a.97.97 0 0 1-.3.712l-9.175 9.2q-.3.3-.7.3a.96.96 0 0 1-.7-.3L4.55 13a.93.93 0 0 1-.288-.712q.012-.412.313-.713.3-.3.713-.3.412 0 .712.3z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check.svg
new file mode 100644
index 00000000..d6dc346b
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check_fill.svg
new file mode 100644
index 00000000..3179a73e
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m10.6 13.8-2.15-2.15a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7L9.9 15.9q.3.3.7.3t.7-.3l5.65-5.65a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info.svg
new file mode 100644
index 00000000..7bd2d126
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17a.97.97 0 0 0 .713-.288A.96.96 0 0 0 13 16v-4a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 11a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 12v4q0 .425.288.713T12 17m0-8a.97.97 0 0 0 .713-.288A.96.96 0 0 0 13 8a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 7a.97.97 0 0 0-.712.288A.97.97 0 0 0 11 8q0 .424.288.713A.96.96 0 0 0 12 9m0 13a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info_fill.svg
new file mode 100644
index 00000000..a9285f61
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 17a.97.97 0 0 0 .713-.288A.96.96 0 0 0 13 16v-4a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 11a.96.96 0 0 0-.712.288A.97.97 0 0 0 11 12v4q0 .425.288.713T12 17m0-8a.97.97 0 0 0 .713-.288A.96.96 0 0 0 13 8a.97.97 0 0 0-.288-.712A.97.97 0 0 0 12 7a.97.97 0 0 0-.712.288A.97.97 0 0 0 11 8q0 .424.288.713A.96.96 0 0 0 12 9m0 13a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark.svg
new file mode 100644
index 00000000..4f7bee5b
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m12 13.4 2.9 2.9a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7L13.4 12l2.9-2.9a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275L12 10.6 9.1 7.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l2.9 2.9-2.9 2.9a.95.95 0 0 0-.275.7q0 .425.275.7a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275zm0 8.6a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark_fill.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark_fill.svg
new file mode 100644
index 00000000..df6800f7
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m12 13.4 2.9 2.9a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7L13.4 12l2.9-2.9a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275L12 10.6 9.1 7.7a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l2.9 2.9-2.9 2.9a.95.95 0 0 0-.275.7q0 .425.275.7a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275zm0 8.6a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/equal.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/equal.svg
new file mode 100644
index 00000000..b424f45c
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/equal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5 15a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 14q0-.424.288-.712A.97.97 0 0 1 5 13h14q.425 0 .713.288T20 14q0 .424-.288.713A.96.96 0 0 1 19 15zm0-4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 10q0-.424.288-.712A.97.97 0 0 1 5 9h14q.425 0 .713.288T20 10q0 .424-.288.713A.96.96 0 0 1 19 11z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/minus.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/minus.svg
new file mode 100644
index 00000000..1e29d0f6
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M6 13a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 12q0-.424.288-.712A.97.97 0 0 1 6 11h12q.425 0 .713.288T19 12q0 .424-.288.713A.96.96 0 0 1 18 13z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/plus.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/plus.svg
new file mode 100644
index 00000000..eeb8665d
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M11 13H6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 5 12q0-.424.288-.712A.97.97 0 0 1 6 11h5V6q0-.424.288-.712A.97.97 0 0 1 12 5q.424 0 .713.288A.96.96 0 0 1 13 6v5h5q.425 0 .713.288T19 12q0 .424-.288.713A.96.96 0 0 1 18 13h-5v5a.97.97 0 0 1-.288.713A.96.96 0 0 1 12 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 11 18z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/xmark.svg b/packages/ui/icons/src/svgs/Monochrome/Symbol/xmark.svg
new file mode 100644
index 00000000..190da998
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Symbol/xmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="m12 13.4-4.9 4.9a.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.425.275-.7l4.9-4.9-4.9-4.9a.95.95 0 0 1-.275-.7q0-.425.275-.7a.95.95 0 0 1 .7-.275q.425 0 .7.275l4.9 4.9 4.9-4.9a.95.95 0 0 1 .7-.275q.425 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L13.4 12l4.9 4.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/delete.svg b/packages/ui/icons/src/svgs/Monochrome/System/delete.svg
new file mode 100644
index 00000000..a4d65cb0
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/System/delete.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 5q0-.424.288-.712A.97.97 0 0 1 5 4h4q0-.424.288-.712A.97.97 0 0 1 10 3h4q.425 0 .713.288.288.289.287.712h4q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 19 6v13q0 .825-.587 1.413A1.92 1.92 0 0 1 17 21zM17 6H7v13h10zm-7 11a.97.97 0 0 0 .713-.288A.96.96 0 0 0 11 16V9a.97.97 0 0 0-.288-.712A.97.97 0 0 0 10 8a.96.96 0 0 0-.712.288A.97.97 0 0 0 9 9v7q0 .425.288.713T10 17m4 0a.97.97 0 0 0 .713-.288A.96.96 0 0 0 15 16V9a.97.97 0 0 0-.288-.712A.97.97 0 0 0 14 8a.96.96 0 0 0-.712.288A.97.97 0 0 0 13 9v7q0 .425.288.713T14 17"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/delete_xmark.svg b/packages/ui/icons/src/svgs/Monochrome/System/delete_xmark.svg
new file mode 100644
index 00000000..85cac36f
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/System/delete_xmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M7 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 5 19V6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 5q0-.424.288-.712A.97.97 0 0 1 5 4h4q0-.424.288-.712A.97.97 0 0 1 10 3h4q.425 0 .713.288.288.289.287.712h4q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 19 6v13q0 .825-.587 1.413A1.92 1.92 0 0 1 17 21zM17 6H7v13h10zm-5 7.9 1.9 1.9a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7l-1.9-1.9 1.9-1.9a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275L12 11.1l-1.9-1.9a.95.95 0 0 0-.7-.275.95.95 0 0 0-.7.275.95.95 0 0 0-.275.7q0 .425.275.7l1.9 1.9-1.9 1.9a.95.95 0 0 0-.275.7q0 .425.275.7a.95.95 0 0 0 .7.275.95.95 0 0 0 .7-.275z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/dots_horizontal.svg b/packages/ui/icons/src/svgs/Monochrome/System/dots_horizontal.svg
new file mode 100644
index 00000000..78ad69f4
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/System/dots_horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M6 14q-.824 0-1.412-.587A1.93 1.93 0 0 1 4 12q0-.825.588-1.412Q5.177 10.002 6 10a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 6 14m6 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 12q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 12 14m6 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 16 12q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 18 14"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/dots_vertical.svg b/packages/ui/icons/src/svgs/Monochrome/System/dots_vertical.svg
new file mode 100644
index 00000000..40eb37f3
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/System/dots_vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 18q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 12 20m0-6q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 12q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 12 14m0-6q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 6q0-.825.588-1.412Q11.177 4.002 12 4a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 12 8"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/filter.svg b/packages/ui/icons/src/svgs/Monochrome/System/filter.svg
new file mode 100644
index 00000000..ab701bd1
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/System/filter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M17.75 20.25q-1.575 0-2.662-1.088T14 16.5q0-1.575 1.088-2.662 1.089-1.088 2.662-1.088t2.663 1.088T21.5 16.5t-1.088 2.663q-1.084 1.089-2.662 1.087m0-2q.725 0 1.238-.513T19.5 16.5t-.513-1.237a1.68 1.68 0 0 0-1.237-.513q-.725 0-1.237.513A1.7 1.7 0 0 0 16 16.5q0 .724.513 1.238a1.68 1.68 0 0 0 1.237.512M11 17.5H5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 16.5q0-.424.288-.712A.97.97 0 0 1 5 15.5h6q.425 0 .713.288T12 16.5t-.288.713A.96.96 0 0 1 11 17.5m-4.75-6.25q-1.575 0-2.662-1.088T2.5 7.5q0-1.575 1.088-2.662Q4.677 3.75 6.25 3.75t2.663 1.088T10 7.5t-1.088 2.663T6.25 11.25m0-2q.725 0 1.238-.513T8 7.5t-.513-1.237A1.68 1.68 0 0 0 6.25 5.75q-.725 0-1.237.513A1.7 1.7 0 0 0 4.5 7.5q0 .724.513 1.238a1.68 1.68 0 0 0 1.237.512M19 8.5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 7.5q0-.424.288-.712A.97.97 0 0 1 13 6.5h6q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 19 8.5"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/filter_fill.svg b/packages/ui/icons/src/svgs/Monochrome/System/filter_fill.svg
new file mode 100644
index 00000000..952aa254
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/System/filter_fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M17.75 20.25q-1.575 0-2.662-1.088T14 16.5q0-1.575 1.088-2.662 1.089-1.088 2.662-1.088t2.663 1.088T21.5 16.5t-1.088 2.663q-1.084 1.089-2.662 1.087M11 17.5H5a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 16.5q0-.424.288-.712A.97.97 0 0 1 5 15.5h6q.425 0 .713.288T12 16.5t-.288.713A.96.96 0 0 1 11 17.5m-4.75-6.25q-1.575 0-2.662-1.088T2.5 7.5q0-1.575 1.088-2.662Q4.677 3.75 6.25 3.75t2.663 1.088T10 7.5t-1.088 2.663T6.25 11.25M19 8.5h-6a.97.97 0 0 1-.712-.288A.97.97 0 0 1 12 7.5q0-.424.288-.712A.97.97 0 0 1 13 6.5h6q.425 0 .713.288.288.289.287.712 0 .424-.288.713A.96.96 0 0 1 19 8.5"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/grip.svg b/packages/ui/icons/src/svgs/Monochrome/System/grip.svg
new file mode 100644
index 00000000..c6079a80
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/System/grip.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M9 20q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 18q0-.825.588-1.412Q8.177 16.002 9 16a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 9 20m6 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 13 18q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 15 20m-6-6q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 12q0-.825.588-1.412Q8.177 10.002 9 10a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 9 14m6 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 13 12q0-.825.588-1.412.589-.586 1.412-.588a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 15 14M9 8q-.825 0-1.412-.587A1.93 1.93 0 0 1 7 6q0-.825.588-1.412Q8.177 4.002 9 4a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 9 8m6 0q-.825 0-1.412-.587A1.93 1.93 0 0 1 13 6q0-.825.588-1.412Q14.177 4.002 15 4a1.92 1.92 0 0 1 1.413.588q.59.59.587 1.412a1.95 1.95 0 0 1-.587 1.413A1.9 1.9 0 0 1 15 8"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/notifications.svg b/packages/ui/icons/src/svgs/Monochrome/System/notifications.svg
new file mode 100644
index 00000000..fe0d668a
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/System/notifications.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5 19a.97.97 0 0 1-.712-.288A.97.97 0 0 1 4 18q0-.424.288-.712A.97.97 0 0 1 5 17h1v-7q0-2.074 1.25-3.687T10.5 4.2v-.7q0-.625.438-1.062A1.45 1.45 0 0 1 12 2q.624 0 1.063.438.439.44.437 1.062v.7q2 .5 3.25 2.113T18 10v7h1q.425 0 .713.288T20 18q0 .424-.288.713A.96.96 0 0 1 19 19zm7 3q-.825 0-1.412-.587A1.93 1.93 0 0 1 10 20h4q0 .825-.587 1.413A1.92 1.92 0 0 1 12 22m-4-5h8v-7q0-1.65-1.175-2.825T12 6 9.175 7.175 8 10z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/settings.svg b/packages/ui/icons/src/svgs/Monochrome/System/settings.svg
new file mode 100644
index 00000000..c4633090
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/System/settings.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M10.826 22q-.675 0-1.163-.45-.486-.45-.588-1.1L8.85 18.8a4 4 0 0 1-.612-.3 9 9 0 0 1-.563-.375l-1.55.65q-.624.275-1.25.05a1.84 1.84 0 0 1-.975-.8l-1.175-2.05a1.6 1.6 0 0 1-.2-1.225q.15-.65.675-1.075l1.325-1a2.4 2.4 0 0 1-.025-.338v-.675q0-.162.025-.337l-1.325-1a1.9 1.9 0 0 1-.675-1.075q-.15-.65.2-1.225L3.9 5.975q.351-.575.975-.8.626-.225 1.25.05l1.55.65q.276-.2.575-.375.3-.175.6-.3l.225-1.65q.1-.65.588-1.1.489-.45 1.162-.45h2.35q.675 0 1.163.45.489.45.588 1.1l.224 1.65q.326.125.614.3t.562.375l1.55-.65q.624-.275 1.25-.05.624.225.974.8l1.175 2.05q.35.575.2 1.225t-.675 1.075l-1.325 1a2.4 2.4 0 0 1 .025.338v.674q0 .163-.05.338l1.326 1q.525.425.675 1.075t-.2 1.225l-1.2 2.05q-.351.575-.975.8-.626.225-1.25-.05l-1.5-.65a7 7 0 0 1-.575.375q-.3.175-.6.3l-.226 1.65a1.84 1.84 0 0 1-.587 1.1q-.486.45-1.162.45zM11 20h1.975l.35-2.65a5.6 5.6 0 0 0 1.438-.587q.663-.386 1.212-.938l2.475 1.025.974-1.7-2.15-1.625q.126-.35.176-.737a6.2 6.2 0 0 0 0-1.575 3.6 3.6 0 0 0-.175-.738l2.15-1.625-.975-1.7-2.476 1.05a5.6 5.6 0 0 0-1.211-.962 5.6 5.6 0 0 0-1.438-.588L13 4h-1.976l-.35 2.65q-.774.2-1.437.588a6 6 0 0 0-1.213.937L5.55 7.15l-.975 1.7 2.15 1.6q-.124.375-.175.75t-.05.8q0 .4.05.775t.175.75l-2.15 1.625.975 1.7 2.475-1.05q.55.574 1.213.963a5.6 5.6 0 0 0 1.438.587zm1.05-4.5q1.45 0 2.474-1.025A3.37 3.37 0 0 0 15.55 12q0-1.45-1.025-2.475A3.37 3.37 0 0 0 12.05 8.5q-1.474 0-2.487 1.025A3.4 3.4 0 0 0 8.55 12q0 1.45 1.013 2.475Q10.577 15.5 12.05 15.5"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Time/clock_40.svg b/packages/ui/icons/src/svgs/Monochrome/Time/clock_40.svg
new file mode 100644
index 00000000..a9f62e1f
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Time/clock_40.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m0-2q1.6 0 3.075-.6t2.6-1.725L12 12V4Q8.65 4 6.325 6.325T4 12t2.325 5.675T12 20"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Time/clock_60.svg b/packages/ui/icons/src/svgs/Monochrome/Time/clock_60.svg
new file mode 100644
index 00000000..77e11f4a
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Time/clock_60.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.8 9.8 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175Q6.273 3.575 8.1 2.788A9.7 9.7 0 0 1 12 2q2.073 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.348 1.35 2.138 3.175A9.7 9.7 0 0 1 22 12a9.8 9.8 0 0 1-.788 3.9 10 10 0 0 1-2.137 3.175 10.2 10.2 0 0 1-3.175 2.138A9.7 9.7 0 0 1 12 22m-5.675-4.325L12 12V4Q8.65 4 6.325 6.325T4 12q0 1.6.6 3.075t1.725 2.6"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Time/clock_arrow_rotate_ccw_left.svg b/packages/ui/icons/src/svgs/Monochrome/Time/clock_arrow_rotate_ccw_left.svg
new file mode 100644
index 00000000..2c5e71fd
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Time/clock_arrow_rotate_ccw_left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-3.15 0-5.575-1.912T3.275 14.2a.74.74 0 0 1 .15-.687.98.98 0 0 1 .675-.363q.4-.05.725.15t.45.6q.6 2.25 2.475 3.675T12 19q2.925 0 4.963-2.037T19 12q0-2.926-2.037-4.962T12 5a6.75 6.75 0 0 0-3.225.8A7.4 7.4 0 0 0 6.25 8H8q.425 0 .713.288T9 9t-.288.713A.96.96 0 0 1 8 10H4a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 9V5q0-.424.288-.712A.97.97 0 0 1 4 4q.424 0 .713.288A.96.96 0 0 1 5 5v1.35a8.7 8.7 0 0 1 3.113-2.475A8.9 8.9 0 0 1 12 3q1.875 0 3.513.713a9.2 9.2 0 0 1 2.85 1.924 9.1 9.1 0 0 1 1.925 2.85A8.7 8.7 0 0 1 21 12q0 1.874-.712 3.513a9.1 9.1 0 0 1-1.925 2.85 9.2 9.2 0 0 1-2.85 1.925A8.7 8.7 0 0 1 12 21m1-9.4 2.5 2.5a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-2.8-2.8a1 1 0 0 1-.3-.725V8q0-.424.288-.712A.97.97 0 0 1 12 7q.424 0 .713.288A.96.96 0 0 1 13 8z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Tool/attach_file.svg b/packages/ui/icons/src/svgs/Monochrome/Tool/attach_file.svg
new file mode 100644
index 00000000..174c44ff
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Tool/attach_file.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M18 15.75q0 2.6-1.825 4.425Q14.349 22 11.75 22q-2.6 0-4.425-1.825T5.5 15.75V6.5q0-1.875 1.313-3.187T10 2q1.874 0 3.188 1.313Q14.502 4.627 14.5 6.5v8.75q0 1.15-.8 1.95t-1.95.8a2.65 2.65 0 0 1-1.95-.8 2.65 2.65 0 0 1-.8-1.95V7q0-.424.288-.712A.97.97 0 0 1 10 6q.424 0 .713.288A.96.96 0 0 1 11 7v8.25a.73.73 0 0 0 .75.75.74.74 0 0 0 .538-.213.72.72 0 0 0 .212-.537V6.5q-.025-1.05-.737-1.775T10 4t-1.775.725T7.5 6.5v9.25q-.025 1.775 1.225 3.013T11.75 20q1.75 0 2.975-1.237T16 15.75V7q0-.424.288-.712A.97.97 0 0 1 17 6q.424 0 .713.288A.96.96 0 0 1 18 7z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Tool/funnel.svg b/packages/ui/icons/src/svgs/Monochrome/Tool/funnel.svg
new file mode 100644
index 00000000..4983a659
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Tool/funnel.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M11 20a.97.97 0 0 1-.712-.288A.97.97 0 0 1 10 19v-6L4.2 5.6q-.375-.5-.112-1.05T5 4h14q.65 0 .913.55T19.8 5.6L14 13v6a.97.97 0 0 1-.288.713A.96.96 0 0 1 13 20zm1-7.7L16.95 6h-9.9z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Tool/magnifier.svg b/packages/ui/icons/src/svgs/Monochrome/Tool/magnifier.svg
new file mode 100644
index 00000000..148228b8
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Tool/magnifier.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612Q6.778 3 9.5 3t4.613 1.888T16 9.5a6.1 6.1 0 0 1-1.3 3.8l5.6 5.6a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275l-5.6-5.6q-.75.6-1.725.95T9.5 16m0-2q1.875 0 3.188-1.312T14 9.5q0-1.876-1.312-3.187Q11.377 5.002 9.5 5T6.313 6.313 5 9.5t1.313 3.188T9.5 14"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Tool/pencil.svg b/packages/ui/icons/src/svgs/Monochrome/Tool/pencil.svg
new file mode 100644
index 00000000..09789c7c
--- /dev/null
+++ b/packages/ui/icons/src/svgs/Monochrome/Tool/pencil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" d="M5 19h1.425L16.2 9.225 14.775 7.8 5 17.575zm-1 2a.97.97 0 0 1-.712-.288A.97.97 0 0 1 3 20v-2.425a1.98 1.98 0 0 1 .575-1.4L16.2 3.575q.3-.275.663-.425t.762-.15.775.15.65.45L20.425 5q.3.275.437.65T21 6.4q0 .4-.138.763a1.9 1.9 0 0 1-.437.662l-12.6 12.6a1.98 1.98 0 0 1-1.4.575zM15.475 8.525l-.7-.725L16.2 9.225z"/></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/vite-env.d.ts b/packages/ui/icons/src/vite-env.d.ts
new file mode 100644
index 00000000..6031d44a
--- /dev/null
+++ b/packages/ui/icons/src/vite-env.d.ts
@@ -0,0 +1,13 @@
+/// <reference types="vite/client" />
+
+type ImportMetaEnv = {
+  readonly VITE_FIGMA_TOKEN: string;
+  readonly VITE_FIGMA_FILE: string;
+  readonly VITE_FIGMA_IDS: string;
+  readonly VITE_FIGMA_PAGES: string;
+  readonly VITE_FIGMA_DEPTH: string;
+};
+
+type ImportMeta = {
+  readonly env: ImportMetaEnv;
+};
diff --git a/packages/ui/icons/tsconfig.json b/packages/ui/icons/tsconfig.json
new file mode 100644
index 00000000..06a39784
--- /dev/null
+++ b/packages/ui/icons/tsconfig.json
@@ -0,0 +1,14 @@
+{
+  "extends": "@flippo/tsconfig",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
+
+    "baseUrl": ".",
+    "types": ["node", "react", "react-dom"],
+    "allowJs": true,
+    "noEmit": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.tsx", "vite.config.ts", "src/scripts/constants.js", "src/scripts/renameSvg.js"],
+  "exclude": ["node_modules", "dist"]
+}
diff --git a/packages/ui/icons/vite.config.ts b/packages/ui/icons/vite.config.ts
new file mode 100644
index 00000000..4d495232
--- /dev/null
+++ b/packages/ui/icons/vite.config.ts
@@ -0,0 +1,7 @@
+import react from '@vitejs/plugin-react';
+import { defineConfig } from 'vite';
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()]
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 497b2c5e..00b41ee4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,6 +21,9 @@ catalogs:
     '@farfetched/core':
       specifier: ^0.13.1
       version: 0.13.1
+    '@figma-export/core':
+      specifier: ^6.2.0
+      version: 6.2.0
     '@storybook/addon-essentials':
       specifier: 8.6.11
       version: 8.6.11
@@ -48,6 +51,12 @@ catalogs:
     '@storybook/theming':
       specifier: ^8.6.11
       version: 8.6.12
+    '@svgr/core':
+      specifier: ^8.1.0
+      version: 8.1.0
+    '@svgr/plugin-jsx':
+      specifier: ^8.1.0
+      version: 8.1.0
     '@testing-library/webdriverio':
       specifier: ^3.2.1
       version: 3.2.1
@@ -153,6 +162,9 @@ catalogs:
     i18next-http-backend:
       specifier: ^3.0.2
       version: 3.0.2
+    is-svg:
+      specifier: ^5.1.0
+      version: 5.1.0
     jiti:
       specifier: ^2.4.2
       version: 2.4.2
@@ -198,6 +210,9 @@ catalogs:
     surrealdb:
       specifier: ^1.2.1
       version: 1.3.1
+    svgo:
+      specifier: ^3.3.2
+      version: 3.3.2
     testplane:
       specifier: ^8.26.0
       version: 8.27.2
@@ -576,6 +591,60 @@ importers:
         specifier: 'catalog:'
         version: 5.8.3
 
+  packages/ui/icons:
+    devDependencies:
+      '@figma-export/core':
+        specifier: 'catalog:'
+        version: 6.2.0
+      '@flippo/eslint':
+        specifier: workspace:*
+        version: link:../../eslint
+      '@flippo/tsconfig':
+        specifier: workspace:*
+        version: link:../../tsconfig
+      '@svgr/core':
+        specifier: 'catalog:'
+        version: 8.1.0(typescript@5.7.3)
+      '@svgr/plugin-jsx':
+        specifier: 'catalog:'
+        version: 8.1.0(@svgr/core@8.1.0(typescript@5.7.3))
+      '@types/node':
+        specifier: 'catalog:'
+        version: 22.14.0
+      '@types/react':
+        specifier: 'catalog:'
+        version: 19.0.12
+      '@types/react-dom':
+        specifier: 'catalog:'
+        version: 19.0.4(@types/react@19.0.12)
+      '@vitejs/plugin-react':
+        specifier: 'catalog:'
+        version: 4.3.4(vite@6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1))
+      eslint:
+        specifier: 'catalog:'
+        version: 9.24.0(jiti@2.4.2)
+      eslint-plugin-react-refresh:
+        specifier: 'catalog:'
+        version: 0.4.19(eslint@9.24.0(jiti@2.4.2))
+      is-svg:
+        specifier: 'catalog:'
+        version: 5.1.0
+      react:
+        specifier: 'catalog:'
+        version: 19.1.0
+      react-dom:
+        specifier: 'catalog:'
+        version: 19.1.0(react@19.1.0)
+      svgo:
+        specifier: 'catalog:'
+        version: 3.3.2
+      typescript:
+        specifier: 'catalog:'
+        version: 5.7.3
+      vite:
+        specifier: 'catalog:'
+        version: 6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1)
+
   packages/ui/uikit:
     dependencies:
       react:
@@ -1584,6 +1653,17 @@ packages:
     peerDependencies:
       effector: ^23.0.0
 
+  '@figma-export/core@6.2.0':
+    resolution: {integrity: sha512-YnnYseytvkHRjwihqFO2FIf8WWKg9Qm7hPiiCu46LfFW3n4zQDchYsk4iqNvDcNP17M/h/XSnrO1bmLCJBpAfA==}
+    engines: {node: '>= 18.18'}
+
+  '@figma-export/types@6.2.0':
+    resolution: {integrity: sha512-pTnQbkSR/fdLUGGfuAj8syQQkN/CI4V32gHXHrGRGIHte9S9ubKS8foIJ05L9jCJA2LRw55MWisDJrprZ7D9Bg==}
+    engines: {node: '>= 18.18'}
+
+  '@figma/rest-api-spec@0.24.0':
+    resolution: {integrity: sha512-c/LHQNzfn8HSuo608TnfHJS8K3Ps61MvDbqTTL+qVx2FCIui7dI3RC2bG2/kSHmQXXKTbgbcAADyU6Rf8YkZbQ==}
+
   '@gemini-testing/commander@2.15.4':
     resolution: {integrity: sha512-GIvIknEbJccKMv2KCgYOOZPy4QgR3/8csvds/WCUGEJPkghHz6VrziG7cBaB4n91PsFEpOwU+uJqXun5sEBpwg==}
 
@@ -2033,6 +2113,74 @@ packages:
     peerDependencies:
       eslint: '>=9.0.0'
 
+  '@svgr/babel-plugin-add-jsx-attribute@8.0.0':
+    resolution: {integrity: sha512-b9MIk7yhdS1pMCZM8VeNfUlSKVRhsHZNMl5O9SfaX0l0t5wjdgu4IDzGB8bpnGBBOjGST3rRFVsaaEtI4W6f7g==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-remove-jsx-attribute@8.0.0':
+    resolution: {integrity: sha512-BcCkm/STipKvbCl6b7QFrMh/vx00vIP63k2eM66MfHJzPr6O2U0jYEViXkHJWqXqQYjdeA9cuCl5KWmlwjDvbA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0':
+    resolution: {integrity: sha512-5BcGCBfBxB5+XSDSWnhTThfI9jcO5f0Ai2V24gZpG+wXF14BzwxxdDb4g6trdOux0rhibGs385BeFMSmxtS3uA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0':
+    resolution: {integrity: sha512-KVQ+PtIjb1BuYT3ht8M5KbzWBhdAjjUPdlMtpuw/VjT8coTrItWX6Qafl9+ji831JaJcu6PJNKCV0bp01lBNzQ==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-svg-dynamic-title@8.0.0':
+    resolution: {integrity: sha512-omNiKqwjNmOQJ2v6ge4SErBbkooV2aAWwaPFs2vUY7p7GhVkzRkJ00kILXQvRhA6miHnNpXv7MRnnSjdRjK8og==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-svg-em-dimensions@8.0.0':
+    resolution: {integrity: sha512-mURHYnu6Iw3UBTbhGwE/vsngtCIbHE43xCRK7kCw4t01xyGqb2Pd+WXekRRoFOBIY29ZoOhUCTEweDMdrjfi9g==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-transform-react-native-svg@8.1.0':
+    resolution: {integrity: sha512-Tx8T58CHo+7nwJ+EhUwx3LfdNSG9R2OKfaIXXs5soiy5HtgoAEkDay9LIimLOcG8dJQH1wPZp/cnAv6S9CrR1Q==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-plugin-transform-svg-component@8.0.0':
+    resolution: {integrity: sha512-DFx8xa3cZXTdb/k3kfPeaixecQLgKh5NVBMwD0AQxOzcZawK4oo1Jh9LbrcACUivsCA7TLG8eeWgrDXjTMhRmw==}
+    engines: {node: '>=12'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/babel-preset@8.1.0':
+    resolution: {integrity: sha512-7EYDbHE7MxHpv4sxvnVPngw5fuR6pw79SkcrILHJ/iMpuKySNCl5W1qcwPEpU+LgyRXOaAFgH0KhwD18wwg6ug==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@svgr/core@8.1.0':
+    resolution: {integrity: sha512-8QqtOQT5ACVlmsvKOJNEaWmRPmcojMOzCz4Hs2BGG/toAp/K38LcsMRyLp349glq5AzJbCEeimEoxaX6v/fLrA==}
+    engines: {node: '>=14'}
+
+  '@svgr/hast-util-to-babel-ast@8.0.0':
+    resolution: {integrity: sha512-EbDKwO9GpfWP4jN9sGdYwPBU0kdomaPIL2Eu4YwmgP+sJeXT+L7bMwJUBnhzfH8Q2qMBqZ4fJwpCyYsAN3mt2Q==}
+    engines: {node: '>=14'}
+
+  '@svgr/plugin-jsx@8.1.0':
+    resolution: {integrity: sha512-0xiIyBsLlr8quN+WyuxooNW9RJ0Dpr8uOnH/xrCVO8GLUcwHISwj1AG0k+LFzteTkAA0GbX0kj9q6Dk70PTiPA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      '@svgr/core': '*'
+
   '@testing-library/dom@10.4.0':
     resolution: {integrity: sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==}
     engines: {node: '>=18'}
@@ -2125,6 +2273,10 @@ packages:
   '@tootallnate/quickjs-emscripten@0.23.0':
     resolution: {integrity: sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==}
 
+  '@trysound/sax@0.2.0':
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+
   '@tsconfig/node10@1.0.11':
     resolution: {integrity: sha512-DcRjDCujK/kCk/cUe8Xz8ZSpm8mS3mNNpta+jGCA6USEDfktlNvm1+IuZ9eTcDbNk41BHwpHHeW+N1lKCz4zOw==}
 
@@ -2301,6 +2453,9 @@ packages:
   '@types/resolve@1.20.6':
     resolution: {integrity: sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==}
 
+  '@types/retry@0.12.2':
+    resolution: {integrity: sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==}
+
   '@types/send@0.17.4':
     resolution: {integrity: sha512-x2EM6TJOybec7c52BX0ZspPodMsQUd5L6PRwOunVyVUhXiBSKf3AezDL8Dgvgt5o0UfKNfuA0eMLr2wLT4AiBA==}
 
@@ -3109,6 +3264,10 @@ packages:
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
   commander@9.5.0:
     resolution: {integrity: sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==}
     engines: {node: ^12.20.0 || >=14}
@@ -3179,6 +3338,15 @@ packages:
     resolution: {integrity: sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==}
     engines: {node: '>= 0.10'}
 
+  cosmiconfig@8.3.6:
+    resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   cosmiconfig@9.0.0:
     resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
     engines: {node: '>=14'}
@@ -3235,6 +3403,14 @@ packages:
   css-shorthand-properties@1.1.2:
     resolution: {integrity: sha512-C2AugXIpRGQTxaCW0N7n5jD/p5irUmCrwl03TrnMFBHDbdq44CFWR2zO7rK9xPN4Eo3pUxC4vQzQgbIpzrD1PQ==}
 
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
   css-tree@3.1.0:
     resolution: {integrity: sha512-0eW44TGN5SQXU1mWSkKwFstI/22X2bG1nYzZTYMAWjylYURhse752YgbE4Cx46AC+bAvI+/dYTPRk1LqSUnu6w==}
     engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
@@ -3257,6 +3433,10 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
   csstype@3.1.3:
     resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
 
@@ -3446,6 +3626,9 @@ packages:
   dot-case@2.1.1:
     resolution: {integrity: sha512-HnM6ZlFqcajLsyudHq7LeeLDr2rFAVYtDv/hV5qchQEidSck8j9OPUsXY9KwJv/lHMtYlX4DjRQqwFYa+0r8Ug==}
 
+  dot-case@3.0.4:
+    resolution: {integrity: sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==}
+
   dotenv@16.0.3:
     resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
     engines: {node: '>=12'}
@@ -4605,6 +4788,10 @@ packages:
     resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
     engines: {node: '>= 0.4'}
 
+  is-network-error@1.1.0:
+    resolution: {integrity: sha512-tUdRRAnhT+OtCZR/LxZelH/C7QtjtFrTu5tXCA8pl55eTUElUHT+GPYV8MBMBvea/j+NxQqVt3LbWMRir7Gx9g==}
+    engines: {node: '>=16'}
+
   is-number-object@1.1.1:
     resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
     engines: {node: '>= 0.4'}
@@ -4657,6 +4844,10 @@ packages:
     resolution: {integrity: sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw==}
     engines: {node: '>=4'}
 
+  is-svg@5.1.0:
+    resolution: {integrity: sha512-uVg5yifaTxHoefNf5Jcx+i9RZe2OBYd/UStp1umx+EERa4xGRa3LLGXjoEph43qUORC0qkafUgrXZ6zzK89yGA==}
+    engines: {node: '>=14.16'}
+
   is-symbol@1.1.1:
     resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
     engines: {node: '>= 0.4'}
@@ -4940,6 +5131,9 @@ packages:
   lower-case@1.1.4:
     resolution: {integrity: sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA==}
 
+  lower-case@2.0.2:
+    resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
+
   lru-cache@10.4.3:
     resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
@@ -5013,6 +5207,12 @@ packages:
   mdast-util-to-string@4.0.0:
     resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
 
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
   mdn-data@2.12.2:
     resolution: {integrity: sha512-IEn+pegP1aManZuckezWCO+XZQDplx1366JoVhTpMpBB1sPey/SbveZQUosKiKiGYjg1wH4pMlNgXbCiYgihQA==}
 
@@ -5268,6 +5468,9 @@ packages:
   no-case@2.3.2:
     resolution: {integrity: sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==}
 
+  no-case@3.0.4:
+    resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
+
   node-abi@3.74.0:
     resolution: {integrity: sha512-c5XK0MjkGBrQPGYG24GBADZud0NCbznxNx0ZkS+ebUTrmV1qTDxPxSL8zEAPURXSbLRWVexxmP4986BziahL5w==}
     engines: {node: '>=10'}
@@ -5418,6 +5621,10 @@ packages:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
 
+  p-limit@6.2.0:
+    resolution: {integrity: sha512-kuUqqHNUqoIWp/c467RI4X6mmyuojY5jGutNU0wVTmEOOfcuwLqyMVoAi9MKi2Ak+5i9+nhmrK4ufZE8069kHA==}
+    engines: {node: '>=18'}
+
   p-locate@4.1.0:
     resolution: {integrity: sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==}
     engines: {node: '>=8'}
@@ -5438,6 +5645,10 @@ packages:
     resolution: {integrity: sha512-6QfeouDf236N+MAxHch0CVIy8o/KBnmhttKjxZoOkUlzqU+u9rZgEyXH3OdckhTgawbqf5rpzmyR+07+Lv0+zg==}
     engines: {node: '>=8'}
 
+  p-retry@6.2.1:
+    resolution: {integrity: sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==}
+    engines: {node: '>=16.17'}
+
   p-try@2.2.0:
     resolution: {integrity: sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==}
     engines: {node: '>=6'}
@@ -6084,6 +6295,10 @@ packages:
     resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
     engines: {node: '>=8'}
 
+  retry@0.13.1:
+    resolution: {integrity: sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==}
+    engines: {node: '>= 4'}
+
   reusify@1.1.0:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -6415,6 +6630,9 @@ packages:
   snake-case@2.1.0:
     resolution: {integrity: sha512-FMR5YoPFwOLuh4rRz92dywJjyKYZNLpMn1R5ujVpIYkbA9p01fq8RMg0FkO4M+Yobt4MjHeLTJVm5xFFBHSV2Q==}
 
+  snake-case@3.0.4:
+    resolution: {integrity: sha512-LAOh4z89bGQvl9pFfNF8V146i7o7/CqFPbqzYgP+yYzDIDeS9HaNFtXABamRW+AQzEVODcvE79ljJ+8a9YSdMg==}
+
   socket.io-adapter@2.5.5:
     resolution: {integrity: sha512-eLDQas5dzPgOWCk9GuuJC2lBqItuhKI4uxGgo9aIV7MYbk2h9Q6uULEh8WBzThoI7l+qU9Ast9fVUmkqPP9wYg==}
 
@@ -6626,9 +6844,17 @@ packages:
       tslib: ^2.6.3
       typescript: ^5.0.0
 
+  svg-parser@2.0.4:
+    resolution: {integrity: sha512-e4hG1hRwoOdRb37cIMSgzNsxyzKfayW6VOflrwvR+/bzrkyxY/31WkbgnQpgtrNp1SdpJvpUAGTa/ZoiPNDuRQ==}
+
   svg-tags@1.0.0:
     resolution: {integrity: sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==}
 
+  svgo@3.3.2:
+    resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
   swap-case@1.1.2:
     resolution: {integrity: sha512-BAmWG6/bx8syfc6qXPprof3Mn5vQgf5dwdUNJhsNqU9WdPt5P+ES/wQ5bxfijy8zwZgZZHslC3iAsxsuQMCzJQ==}
 
@@ -6865,6 +7091,11 @@ packages:
     resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
     engines: {node: '>= 0.6'}
 
+  typescript@5.7.3:
+    resolution: {integrity: sha512-84MVSjMEHP+FQRPy3pX9sTVV/INIex71s9TL2Gm5FG/WG1SqXeKyZ0k7/blY/4FdOzI12CBy1vGc4og/eus0fw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
   typescript@5.8.3:
     resolution: {integrity: sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==}
     engines: {node: '>=14.17'}
@@ -7305,6 +7536,10 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
+  yocto-queue@1.2.1:
+    resolution: {integrity: sha512-AyeEbWOu/TAXdxlV9wmGcR0+yh2j3vYPGOECcIj2S7MkrLyC7ne+oye2BKTItt0ii2PHk4cDy+95+LshzbXnGg==}
+    engines: {node: '>=12.20'}
+
   zip-stream@6.0.1:
     resolution: {integrity: sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==}
     engines: {node: '>= 14'}
@@ -8347,6 +8582,20 @@ snapshots:
     dependencies:
       effector: 23.3.0
 
+  '@figma-export/core@6.2.0':
+    dependencies:
+      '@figma-export/types': 6.2.0
+      '@figma/rest-api-spec': 0.24.0
+      p-limit: 6.2.0
+      p-retry: 6.2.1
+      undici: 6.21.2
+
+  '@figma-export/types@6.2.0':
+    dependencies:
+      '@figma/rest-api-spec': 0.24.0
+
+  '@figma/rest-api-spec@0.24.0': {}
+
   '@gemini-testing/commander@2.15.4': {}
 
   '@gemini-testing/sql.js@2.0.0': {}
@@ -8841,6 +9090,76 @@ snapshots:
       - supports-color
       - typescript
 
+  '@svgr/babel-plugin-add-jsx-attribute@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-remove-jsx-attribute@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-remove-jsx-empty-expression@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-replace-jsx-attribute-value@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-svg-dynamic-title@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-svg-em-dimensions@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-transform-react-native-svg@8.1.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-plugin-transform-svg-component@8.0.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+
+  '@svgr/babel-preset@8.1.0(@babel/core@7.26.10)':
+    dependencies:
+      '@babel/core': 7.26.10
+      '@svgr/babel-plugin-add-jsx-attribute': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-remove-jsx-attribute': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-remove-jsx-empty-expression': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-replace-jsx-attribute-value': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-svg-dynamic-title': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-svg-em-dimensions': 8.0.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-transform-react-native-svg': 8.1.0(@babel/core@7.26.10)
+      '@svgr/babel-plugin-transform-svg-component': 8.0.0(@babel/core@7.26.10)
+
+  '@svgr/core@8.1.0(typescript@5.7.3)':
+    dependencies:
+      '@babel/core': 7.26.10
+      '@svgr/babel-preset': 8.1.0(@babel/core@7.26.10)
+      camelcase: 6.3.0
+      cosmiconfig: 8.3.6(typescript@5.7.3)
+      snake-case: 3.0.4
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@svgr/hast-util-to-babel-ast@8.0.0':
+    dependencies:
+      '@babel/types': 7.27.0
+      entities: 4.5.0
+
+  '@svgr/plugin-jsx@8.1.0(@svgr/core@8.1.0(typescript@5.7.3))':
+    dependencies:
+      '@babel/core': 7.26.10
+      '@svgr/babel-preset': 8.1.0(@babel/core@7.26.10)
+      '@svgr/core': 8.1.0(typescript@5.7.3)
+      '@svgr/hast-util-to-babel-ast': 8.0.0
+      svg-parser: 2.0.4
+    transitivePeerDependencies:
+      - supports-color
+
   '@testing-library/dom@10.4.0':
     dependencies:
       '@babel/code-frame': 7.26.2
@@ -9064,6 +9383,8 @@ snapshots:
 
   '@tootallnate/quickjs-emscripten@0.23.0': {}
 
+  '@trysound/sax@0.2.0': {}
+
   '@tsconfig/node10@1.0.11': {}
 
   '@tsconfig/node12@1.0.11': {}
@@ -9287,6 +9608,8 @@ snapshots:
 
   '@types/resolve@1.20.6': {}
 
+  '@types/retry@0.12.2': {}
+
   '@types/send@0.17.4':
     dependencies:
       '@types/mime': 1.3.5
@@ -10176,6 +10499,8 @@ snapshots:
 
   commander@2.20.3: {}
 
+  commander@7.2.0: {}
+
   commander@9.5.0: {}
 
   comment-parser@1.4.1: {}
@@ -10235,6 +10560,15 @@ snapshots:
       object-assign: 4.1.1
       vary: 1.1.2
 
+  cosmiconfig@8.3.6(typescript@5.7.3):
+    dependencies:
+      import-fresh: 3.3.1
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+    optionalDependencies:
+      typescript: 5.7.3
+
   cosmiconfig@9.0.0(typescript@5.8.3):
     dependencies:
       env-paths: 2.2.1
@@ -10293,6 +10627,16 @@ snapshots:
 
   css-shorthand-properties@1.1.2: {}
 
+  css-tree@2.2.1:
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.2.1
+
+  css-tree@2.3.1:
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.2.1
+
   css-tree@3.1.0:
     dependencies:
       mdn-data: 2.12.2
@@ -10308,6 +10652,10 @@ snapshots:
 
   cssesc@3.0.0: {}
 
+  csso@5.0.5:
+    dependencies:
+      css-tree: 2.2.1
+
   csstype@3.1.3: {}
 
   data-uri-to-buffer@4.0.1: {}
@@ -10476,6 +10824,11 @@ snapshots:
     dependencies:
       no-case: 2.3.2
 
+  dot-case@3.0.4:
+    dependencies:
+      no-case: 3.0.4
+      tslib: 2.8.1
+
   dotenv@16.0.3: {}
 
   dotenv@16.4.7: {}
@@ -11974,6 +12327,8 @@ snapshots:
 
   is-map@2.0.3: {}
 
+  is-network-error@1.1.0: {}
+
   is-number-object@1.1.1:
     dependencies:
       call-bound: 1.0.4
@@ -12015,6 +12370,10 @@ snapshots:
     dependencies:
       better-path-resolve: 1.0.0
 
+  is-svg@5.1.0:
+    dependencies:
+      fast-xml-parser: 4.5.3
+
   is-symbol@1.1.1:
     dependencies:
       call-bound: 1.0.4
@@ -12295,6 +12654,10 @@ snapshots:
 
   lower-case@1.1.4: {}
 
+  lower-case@2.0.2:
+    dependencies:
+      tslib: 2.8.1
+
   lru-cache@10.4.3: {}
 
   lru-cache@5.1.1:
@@ -12427,6 +12790,10 @@ snapshots:
     dependencies:
       '@types/mdast': 4.0.4
 
+  mdn-data@2.0.28: {}
+
+  mdn-data@2.0.30: {}
+
   mdn-data@2.12.2: {}
 
   media-typer@0.3.0: {}
@@ -12767,6 +13134,11 @@ snapshots:
     dependencies:
       lower-case: 1.1.4
 
+  no-case@3.0.4:
+    dependencies:
+      lower-case: 2.0.2
+      tslib: 2.8.1
+
   node-abi@3.74.0:
     dependencies:
       semver: 7.7.1
@@ -12939,6 +13311,10 @@ snapshots:
     dependencies:
       yocto-queue: 0.1.0
 
+  p-limit@6.2.0:
+    dependencies:
+      yocto-queue: 1.2.1
+
   p-locate@4.1.0:
     dependencies:
       p-limit: 2.3.0
@@ -12957,6 +13333,12 @@ snapshots:
     dependencies:
       eventemitter3: 3.1.2
 
+  p-retry@6.2.1:
+    dependencies:
+      '@types/retry': 0.12.2
+      is-network-error: 1.1.0
+      retry: 0.13.1
+
   p-try@2.2.0: {}
 
   pac-proxy-agent@7.2.0:
@@ -13727,6 +14109,8 @@ snapshots:
       onetime: 5.1.2
       signal-exit: 3.0.7
 
+  retry@0.13.1: {}
+
   reusify@1.1.0: {}
 
   rgb2hex@0.2.5: {}
@@ -14090,6 +14474,11 @@ snapshots:
     dependencies:
       no-case: 2.3.2
 
+  snake-case@3.0.4:
+    dependencies:
+      dot-case: 3.0.4
+      tslib: 2.8.1
+
   socket.io-adapter@2.5.5(bufferutil@4.0.9)(utf-8-validate@6.0.5):
     dependencies:
       debug: 4.3.7
@@ -14368,8 +14757,20 @@ snapshots:
     transitivePeerDependencies:
       - ws
 
+  svg-parser@2.0.4: {}
+
   svg-tags@1.0.0: {}
 
+  svgo@3.3.2:
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 5.1.0
+      css-tree: 2.3.1
+      css-what: 6.1.0
+      csso: 5.0.5
+      picocolors: 1.1.1
+
   swap-case@1.1.2:
     dependencies:
       lower-case: 1.1.4
@@ -14662,6 +15063,8 @@ snapshots:
       media-typer: 0.3.0
       mime-types: 2.1.35
 
+  typescript@5.7.3: {}
+
   typescript@5.8.3: {}
 
   ua-parser-js@1.0.40: {}
@@ -15085,6 +15488,8 @@ snapshots:
 
   yocto-queue@0.1.0: {}
 
+  yocto-queue@1.2.1: {}
+
   zip-stream@6.0.1:
     dependencies:
       archiver-utils: 5.0.2
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 6f1e4434..7174eb04 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -10,6 +10,7 @@ catalog:
   "@chromatic-com/storybook": 3.2.6
   "@eslint-react/eslint-plugin": ^1.40.3
   "@farfetched/core": ^0.13.1
+  "@figma-export/core": ^6.2.0
   "@storybook/addon-essentials": 8.6.11
   "@storybook/addon-interactions": 8.6.11
   "@storybook/addon-onboarding": 8.6.11
@@ -19,6 +20,8 @@ catalog:
   "@storybook/react-vite": 8.6.11
   "@storybook/test": 8.6.11
   "@storybook/theming": ^8.6.11
+  "@svgr/core": ^8.1.0
+  "@svgr/plugin-jsx": ^8.1.0
   "@testing-library/webdriverio": ^3.2.1
   "@testplane/global-hook": ^1.0.0
   "@testplane/storybook": ^1.6.1
@@ -56,6 +59,7 @@ catalog:
   i18next-browser-languagedetector: ^8.0.4
   i18next-hmr: ^3.1.3
   i18next-http-backend: ^3.0.2
+  is-svg: ^5.1.0
   jiti: ^2.4.2
   js-cookie: ^3.0.5
   patronum: ^2.3.0
@@ -69,6 +73,7 @@ catalog:
   storybook-react-i18next: ^3.2.1
   stylelint: ^16.17.0
   surrealdb: ^1.2.1
+  svgo: ^3.3.2
   testplane: ^8.26.0
   typescript: ^5.8.2
   react: "^19.1.0"

From b4999a5779ab16c8ef75e9a51eef09c848dc1929 Mon Sep 17 00:00:00 2001
From: BlackPoretsky <84518407+BlackPoretsky@users.noreply.github.com>
Date: Tue, 15 Apr 2025 00:07:55 +0000
Subject: [PATCH 2/8] feat(eslint): enhance stylistic rules and improve
 formatting consistency

---
 packages/eslint/src/index.ts | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/eslint/src/index.ts b/packages/eslint/src/index.ts
index 36f22512..9a31d583 100644
--- a/packages/eslint/src/index.ts
+++ b/packages/eslint/src/index.ts
@@ -17,6 +17,7 @@ export const overridesStylisticConfig: Exclude<OptionsConfig['stylistic'], boole
   /* misc */
   'style/max-len': ['warn', { code: 140, tabWidth: 2, ignoreTrailingComments: true, ignoreUrls: true, ignoreStrings: true, ignoreTemplateLiterals: true, ignoreRegExpLiterals: true, ignorePattern: '^\\s*var\\s.+=\\s*require\\s*\\(' }],
   'style/one-var-declaration-per-line': ['error', 'always'],
+  'style/max-statements-per-line': ['error', { max: 3 }],
 
   /* jsx */
   'style/jsx-quotes': ['error', 'prefer-single'],
@@ -24,16 +25,19 @@ export const overridesStylisticConfig: Exclude<OptionsConfig['stylistic'], boole
   'style/jsx-curly-spacing': [2, { when: 'always' }],
 
   /* semis */
-  'style/no-extra-semi': 'error'
+  'style/no-extra-semi': 'error',
+
+  /* bracket */
+  'style/arrow-parens': ['warn', 'always']
 };
 
 export const overridesTsConfig: Exclude<OptionsConfig['typescript'], boolean | undefined>['overrides'] = {
   'ts/consistent-type-exports': 'error',
   'ts/consistent-type-imports': 'error',
-  "ts/consistent-type-definitions": [
-      "error",
-      "type"
-    ],
+  'ts/consistent-type-definitions': [
+    'error',
+    'type'
+  ],
   'ts/naming-convention': [
     'warn',
     {

From dbd48c437b09f559035ad98397545c0df1c51f00 Mon Sep 17 00:00:00 2001
From: BlackPoretsky <84518407+BlackPoretsky@users.noreply.github.com>
Date: Tue, 15 Apr 2025 16:48:59 +0000
Subject: [PATCH 3/8] feat: add clear script and constants for DIST_DIR

- Introduced a new script `clear.js` to clear the distribution directory defined by `DIST_DIR`.
- Added `DIST_DIR` constant in `constants.js` to specify the path for the distribution directory.
- Removed unused `figmaApi.js` and `renameSvg.js` scripts to clean up the codebase.
- Added `tsconfig.build.json` for TypeScript build configuration.
- Updated `vite.config.ts` to include `vite-plugin-dts` for TypeScript declaration file generation and adjusted build settings.
- Updated `pnpm-lock.yaml` to include new dependencies and versions.
---
 packages/ui/icons/package.json             |  20 +-
 packages/ui/icons/public/vite.svg          |   1 -
 packages/ui/icons/src/scripts/clear.js     |   8 +
 packages/ui/icons/src/scripts/constants.js |   1 +
 packages/ui/icons/src/scripts/figmaApi.js  |  11 -
 packages/ui/icons/src/scripts/renameSvg.js |  24 --
 packages/ui/icons/tsconfig.build.json      |   4 +
 packages/ui/icons/vite.config.ts           |  15 +-
 pnpm-lock.yaml                             | 320 +++++++++++++++++++++
 9 files changed, 359 insertions(+), 45 deletions(-)
 delete mode 100644 packages/ui/icons/public/vite.svg
 create mode 100644 packages/ui/icons/src/scripts/clear.js
 delete mode 100644 packages/ui/icons/src/scripts/figmaApi.js
 delete mode 100644 packages/ui/icons/src/scripts/renameSvg.js
 create mode 100644 packages/ui/icons/tsconfig.build.json

diff --git a/packages/ui/icons/package.json b/packages/ui/icons/package.json
index 750ed5a9..cd8cd5e0 100644
--- a/packages/ui/icons/package.json
+++ b/packages/ui/icons/package.json
@@ -1,16 +1,19 @@
 {
   "name": "@flippo/icons",
   "type": "module",
-  "version": "0.0.0",
-  "private": true,
+  "version": "1.0.0",
+  "files": [
+    "README.md",
+    "dist/",
+    "package.json",
+    "src/svgs/"
+  ],
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "preview": "vite preview",
+    "build": "node src/scripts/clear.js && tsc --project ./tsconfig.build.json && vite build",
+    "lint": "eslint --fix",
     "src:download": "node --env-file=.env.locale src/scripts/download.js",
-    "src:generate": "node --env-file=.env.locale src/scripts/generateIcons.js && eslint --fix src/lib",
-    "src:renameSvg": "node --env-file=.env.locale src/scripts/renameSvg.js"
+    "src:generate": "node --env-file=.env.locale src/scripts/generateIcons.js && eslint --fix src/lib"
   },
   "devDependencies": {
     "@figma-export/core": "catalog:",
@@ -29,6 +32,7 @@
     "react-dom": "catalog:",
     "svgo": "catalog:",
     "typescript": "catalog:",
-    "vite": "catalog:"
+    "vite": "catalog:",
+    "vite-plugin-dts": "catalog:"
   }
 }
diff --git a/packages/ui/icons/public/vite.svg b/packages/ui/icons/public/vite.svg
deleted file mode 100644
index e7b8dfb1..00000000
--- a/packages/ui/icons/public/vite.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/packages/ui/icons/src/scripts/clear.js b/packages/ui/icons/src/scripts/clear.js
new file mode 100644
index 00000000..e471e31e
--- /dev/null
+++ b/packages/ui/icons/src/scripts/clear.js
@@ -0,0 +1,8 @@
+import process from 'node:process';
+import { DIST_DIR } from './constants.js';
+import { clearDir } from './utils.js';
+
+clearDir(DIST_DIR).catch((err) => {
+  console.error(`Failed clear "${DIST_DIR}": ${err}`);
+  process.exit(1);
+});
\ No newline at end of file
diff --git a/packages/ui/icons/src/scripts/constants.js b/packages/ui/icons/src/scripts/constants.js
index 045f5980..3a26adc9 100644
--- a/packages/ui/icons/src/scripts/constants.js
+++ b/packages/ui/icons/src/scripts/constants.js
@@ -3,6 +3,7 @@ import { isHex } from './utils.js';
 
 export const SVGS_DIR = fileURLToPath(import.meta.resolve('../svgs', import.meta.dirname));
 export const ICONS_DIR = fileURLToPath(import.meta.resolve('../lib', import.meta.dirname));
+export const DIST_DIR = fileURLToPath(import.meta.resolve('../../dist', import.meta.dirname));
 
 export const ICONS_NAME_REGEX = /^([a-z0-9](_?[a-z0-9])*)$/i;
 
diff --git a/packages/ui/icons/src/scripts/figmaApi.js b/packages/ui/icons/src/scripts/figmaApi.js
deleted file mode 100644
index 337cabc6..00000000
--- a/packages/ui/icons/src/scripts/figmaApi.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import { URLSearchParams } from 'node:url';
-
-export async function getFile(token, file_key, options) {
-  const query = JSON.parse(JSON.stringify(new URLSearchParams(options)));
-
-  return fetch(`https://api.figma.com/v1/files/${file_key}?${query.toString()}`, {
-    headers: {
-      'X-FIGMA-TOKEN': token
-    }
-  }).then((res) => res.json());
-}
diff --git a/packages/ui/icons/src/scripts/renameSvg.js b/packages/ui/icons/src/scripts/renameSvg.js
deleted file mode 100644
index ff7d5740..00000000
--- a/packages/ui/icons/src/scripts/renameSvg.js
+++ /dev/null
@@ -1,24 +0,0 @@
-import fs from 'node:fs/promises';
-import process from 'node:process';
-import { SVGS_DIR } from './constants.js';
-
-const INITIAL_TEMPLATE = 'material-symbols_';
-
-export async function renameSvgFiles() {
-  const fileNames = await fs.readdir(SVGS_DIR);
-
-  fileNames.map(async (fileName) => {
-    let newFileName = fileName.toLowerCase();
-    if (newFileName.startsWith(INITIAL_TEMPLATE)) {
-      newFileName = newFileName.slice(INITIAL_TEMPLATE.length);
-    }
-
-    newFileName = newFileName.replace(/-/g, '_');
-    await fs.rename(`${SVGS_DIR}/${fileName}`, `${SVGS_DIR}/${newFileName}`);
-  });
-}
-
-renameSvgFiles().catch((err) => {
-  console.error(`Error renaming SVG files: ${err}`);
-  process.exit(1);
-});
diff --git a/packages/ui/icons/tsconfig.build.json b/packages/ui/icons/tsconfig.build.json
new file mode 100644
index 00000000..f83a1df9
--- /dev/null
+++ b/packages/ui/icons/tsconfig.build.json
@@ -0,0 +1,4 @@
+{
+  "extends": "./tsconfig.json",
+  "include": ["src/lib/"]
+}
diff --git a/packages/ui/icons/vite.config.ts b/packages/ui/icons/vite.config.ts
index 4d495232..c71c4482 100644
--- a/packages/ui/icons/vite.config.ts
+++ b/packages/ui/icons/vite.config.ts
@@ -1,7 +1,20 @@
+import { fileURLToPath } from 'node:url';
 import react from '@vitejs/plugin-react';
 import { defineConfig } from 'vite';
+import dts from 'vite-plugin-dts';
 
 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [react()]
+  plugins: [react(), dts({ include: ['./src/lib/'] })],
+  build: {
+    copyPublicDir: false,
+    lib: {
+      entry: fileURLToPath(import.meta.resolve('src/lib/', import.meta.dirname)),
+      formats: ['es', 'cjs'],
+      fileName: (config) => `icons.${config}.js`
+    },
+    rollupOptions: {
+      external: ['react']
+    }
+  }
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 00b41ee4..e6b39c34 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -222,6 +222,9 @@ catalogs:
     vite:
       specifier: ^6.2.4
       version: 6.2.5
+    vite-plugin-dts:
+      specifier: ^4.5.3
+      version: 4.5.3
     zod:
       specifier: ^3.24.2
       version: 3.24.2
@@ -644,6 +647,9 @@ importers:
       vite:
         specifier: 'catalog:'
         version: 6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1)
+      vite-plugin-dts:
+        specifier: 'catalog:'
+        version: 4.5.3(@types/node@22.14.0)(rollup@4.39.0)(typescript@5.7.3)(vite@6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1))
 
   packages/ui/uikit:
     dependencies:
@@ -1754,6 +1760,19 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
+  '@microsoft/api-extractor-model@7.30.5':
+    resolution: {integrity: sha512-0ic4rcbcDZHz833RaTZWTGu+NpNgrxVNjVaor0ZDUymfDFzjA/Uuk8hYziIUIOEOSTfmIQqyzVwlzxZxPe7tOA==}
+
+  '@microsoft/api-extractor@7.52.3':
+    resolution: {integrity: sha512-QEs6l8h7p9eOSHrQ9NBBUZhUuq+j/2QKcRgigbSs2YQepKz8glvsqmsUOp+nvuaY60ps7KkpVVYQCj81WLoMVQ==}
+    hasBin: true
+
+  '@microsoft/tsdoc-config@0.17.1':
+    resolution: {integrity: sha512-UtjIFe0C6oYgTnad4q1QP4qXwLhe6tIpNTRStJ2RZEPIkqQPREAwE5spzVxsdn9UaEMUqhh0AqSx3X4nWAKXWw==}
+
+  '@microsoft/tsdoc@0.15.1':
+    resolution: {integrity: sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==}
+
   '@napi-rs/wasm-runtime@0.2.8':
     resolution: {integrity: sha512-OBlgKdX7gin7OIq4fadsjpg+cp2ZphvAIKucHsNfTdJiqdOmOEwQd/bHi0VwNrcw5xpBJyUw6cK/QilCqy1BSg==}
 
@@ -1922,6 +1941,28 @@ packages:
   '@rrweb/utils@2.0.0-alpha.18':
     resolution: {integrity: sha512-qV8azQYo9RuwW4NGRtOiQfTBdHNL1B0Q//uRLMbCSjbaKqJYd88Js17Bdskj65a0Vgp2dwTLPIZ0gK47dfjfaA==}
 
+  '@rushstack/node-core-library@5.13.0':
+    resolution: {integrity: sha512-IGVhy+JgUacAdCGXKUrRhwHMTzqhWwZUI+qEPcdzsb80heOw0QPbhhoVsoiMF7Klp8eYsp7hzpScMXmOa3Uhfg==}
+    peerDependencies:
+      '@types/node': '*'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@rushstack/rig-package@0.5.3':
+    resolution: {integrity: sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==}
+
+  '@rushstack/terminal@0.15.2':
+    resolution: {integrity: sha512-7Hmc0ysK5077R/IkLS9hYu0QuNafm+TbZbtYVzCMbeOdMjaRboLKrhryjwZSRJGJzu+TV1ON7qZHeqf58XfLpA==}
+    peerDependencies:
+      '@types/node': '*'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
+  '@rushstack/ts-command-line@4.23.7':
+    resolution: {integrity: sha512-Gr9cB7DGe6uz5vq2wdr89WbVDKz0UeuFEn5H2CfWDe7JvjFFaiV15gi6mqDBTbHhHCWS7w8mF1h3BnIfUndqdA==}
+
   '@sinclair/typebox@0.24.51':
     resolution: {integrity: sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==}
 
@@ -2300,6 +2341,9 @@ packages:
   '@tybys/wasm-util@0.9.0':
     resolution: {integrity: sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==}
 
+  '@types/argparse@1.0.38':
+    resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
+
   '@types/aria-query@5.0.4':
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
 
@@ -2656,6 +2700,15 @@ packages:
   '@vitest/utils@2.1.9':
     resolution: {integrity: sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==}
 
+  '@volar/language-core@2.4.12':
+    resolution: {integrity: sha512-RLrFdXEaQBWfSnYGVxvR2WrO6Bub0unkdHYIdC31HzIEqATIuuhRRzYu76iGPZ6OtA4Au1SnW0ZwIqPP217YhA==}
+
+  '@volar/source-map@2.4.12':
+    resolution: {integrity: sha512-bUFIKvn2U0AWojOaqf63ER0N/iHIBYZPpNGogfLPQ68F5Eet6FnLlyho7BS0y2HJ1jFhSif7AcuTx1TqsCzRzw==}
+
+  '@volar/typescript@2.4.12':
+    resolution: {integrity: sha512-HJB73OTJDgPc80K30wxi3if4fSsZZAOScbj2fcicMuOPoOkcf9NNAINb33o+DzhBdF9xTKC1gnPmIRDous5S0g==}
+
   '@vue/compiler-core@3.5.13':
     resolution: {integrity: sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==}
 
@@ -2668,6 +2721,17 @@ packages:
   '@vue/compiler-ssr@3.5.13':
     resolution: {integrity: sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==}
 
+  '@vue/compiler-vue2@2.7.16':
+    resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==}
+
+  '@vue/language-core@2.2.0':
+    resolution: {integrity: sha512-O1ZZFaaBGkKbsRfnVH1ifOK1/1BUkyK+3SQsfnh6PmMmD4qJcTU8godCeA96jjDRTL6zgnK7YzCHfaUlH2r0Mw==}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   '@vue/shared@3.5.13':
     resolution: {integrity: sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==}
 
@@ -2746,12 +2810,37 @@ packages:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
     engines: {node: '>=8'}
 
+  ajv-draft-04@1.0.0:
+    resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
+    peerDependencies:
+      ajv: ^8.5.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv-formats@3.0.1:
+    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
+    peerDependencies:
+      ajv: ^8.0.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
+  ajv@8.12.0:
+    resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
+
+  ajv@8.13.0:
+    resolution: {integrity: sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==}
+
   ajv@8.17.1:
     resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
 
+  alien-signals@0.4.14:
+    resolution: {integrity: sha512-itUAVzhczTmP2U5yX67xVpsbbOiquusbWVyA9N+sy6+r6YVbFkahXvNCeEPWEOMhwDYwbVbGHFkVL03N9I5g+Q==}
+
   ansi-colors@4.1.1:
     resolution: {integrity: sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==}
     engines: {node: '>=6'}
@@ -3451,6 +3540,9 @@ packages:
   dateformat@4.6.3:
     resolution: {integrity: sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==}
 
+  de-indent@1.0.2:
+    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
+
   debug@2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
     peerDependencies:
@@ -4656,6 +4748,10 @@ packages:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
 
+  import-lazy@4.0.0:
+    resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
+    engines: {node: '>=8'}
+
   import-meta-resolve@4.0.0:
     resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
 
@@ -4928,6 +5024,9 @@ packages:
     resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
 
+  jju@1.4.0:
+    resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
+
   jose@5.10.0:
     resolution: {integrity: sha512-s+3Al/p9g32Iq+oqXxkW//7jk2Vig6FF1CFqzVXoTUXt2qz89YWbL+OwS17NFYEvxC35n0FKeGO2LGYSxeM2Gg==}
 
@@ -5020,6 +5119,9 @@ packages:
   known-css-properties@0.35.0:
     resolution: {integrity: sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==}
 
+  kolorist@1.8.0:
+    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
+
   lazystream@1.0.1:
     resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==}
     engines: {node: '>= 0.6.3'}
@@ -5140,6 +5242,10 @@ packages:
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
+  lru-cache@6.0.0:
+    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
+    engines: {node: '>=10'}
+
   lru-cache@7.18.3:
     resolution: {integrity: sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==}
     engines: {node: '>=12'}
@@ -5362,6 +5468,9 @@ packages:
     resolution: {integrity: sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==}
     engines: {node: 20 || >=22}
 
+  minimatch@3.0.8:
+    resolution: {integrity: sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==}
+
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
@@ -5428,6 +5537,9 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
+  muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+
   mute-stream@0.0.8:
     resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
 
@@ -5712,6 +5824,9 @@ packages:
   pascal-case@2.0.1:
     resolution: {integrity: sha512-qjS4s8rBOJa2Xm0jmxXiyh1+OFf6ekCWOvUaRgAQSktzlTbMotS0nmG9gyYAybCWBcuP4fsBeRCKNwGBnMe2OQ==}
 
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
   path-case@2.1.1:
     resolution: {integrity: sha512-Ou0N05MioItesaLr9q8TtHVWmJ6fxWdqKB2RohFmNWVyJ+2zeKIeDNWAN6B/Pe7wpzWChhZX6nONYmOnMeJQ/Q==}
 
@@ -6509,6 +6624,11 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
+  semver@7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
   semver@7.6.2:
     resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
     engines: {node: '>=10'}
@@ -6750,6 +6870,10 @@ packages:
     resolution: {integrity: sha512-Y6IZaTVM80chcMe7j65Gl/0nmlNdtt+KWPle5YeCAjmsBfw+id2qdaJ5MDrxUq+OmHKab+jHe7mUjU/aNMSZZg==}
     engines: {node: '>=0.2.0'}
 
+  string-argv@0.3.2:
+    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
+    engines: {node: '>=0.6.19'}
+
   string-ts@2.2.1:
     resolution: {integrity: sha512-Q2u0gko67PLLhbte5HmPfdOjNvUKbKQM+mCNQae6jE91DmoFHY6HH9GcdqCeNx87DZ2KKjiFxmA0R/42OneGWw==}
 
@@ -7096,6 +7220,11 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
+  typescript@5.8.2:
+    resolution: {integrity: sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
   typescript@5.8.3:
     resolution: {integrity: sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==}
     engines: {node: '>=14.17'}
@@ -7255,6 +7384,15 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
+  vite-plugin-dts@4.5.3:
+    resolution: {integrity: sha512-P64VnD00dR+e8S26ESoFELqc17+w7pKkwlBpgXteOljFyT0zDwD8hH4zXp49M/kciy//7ZbVXIwQCekBJjfWzA==}
+    peerDependencies:
+      typescript: '*'
+      vite: '*'
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
   vite@5.1.6:
     resolution: {integrity: sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -7327,6 +7465,9 @@ packages:
     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
     engines: {node: '>=0.10.0'}
 
+  vscode-uri@3.1.0:
+    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
+
   vue-eslint-parser@10.1.3:
     resolution: {integrity: sha512-dbCBnd2e02dYWsXoqX5yKUZlOt+ExIpq7hmHKPb5ZqKcjf++Eo0hMseFTZMLKThrUk61m+Uv6A2YSBve6ZvuDQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -7489,6 +7630,9 @@ packages:
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
+  yallist@4.0.0:
+    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
   yaml-eslint-parser@1.3.0:
     resolution: {integrity: sha512-E/+VitOorXSLiAqtTd7Yqax0/pAS3xaYMP+AUUJGOK1OZG3rhcj9fcJOM5HJ2VrP1FrStVCWr1muTfQCdj4tAA==}
     engines: {node: ^14.17.0 || >=16.0.0}
@@ -8698,6 +8842,41 @@ snapshots:
       '@types/react': 19.0.12
       react: 19.1.0
 
+  '@microsoft/api-extractor-model@7.30.5(@types/node@22.14.0)':
+    dependencies:
+      '@microsoft/tsdoc': 0.15.1
+      '@microsoft/tsdoc-config': 0.17.1
+      '@rushstack/node-core-library': 5.13.0(@types/node@22.14.0)
+    transitivePeerDependencies:
+      - '@types/node'
+
+  '@microsoft/api-extractor@7.52.3(@types/node@22.14.0)':
+    dependencies:
+      '@microsoft/api-extractor-model': 7.30.5(@types/node@22.14.0)
+      '@microsoft/tsdoc': 0.15.1
+      '@microsoft/tsdoc-config': 0.17.1
+      '@rushstack/node-core-library': 5.13.0(@types/node@22.14.0)
+      '@rushstack/rig-package': 0.5.3
+      '@rushstack/terminal': 0.15.2(@types/node@22.14.0)
+      '@rushstack/ts-command-line': 4.23.7(@types/node@22.14.0)
+      lodash: 4.17.21
+      minimatch: 3.0.8
+      resolve: 1.22.10
+      semver: 7.5.4
+      source-map: 0.6.1
+      typescript: 5.8.2
+    transitivePeerDependencies:
+      - '@types/node'
+
+  '@microsoft/tsdoc-config@0.17.1':
+    dependencies:
+      '@microsoft/tsdoc': 0.15.1
+      ajv: 8.12.0
+      jju: 1.4.0
+      resolve: 1.22.10
+
+  '@microsoft/tsdoc@0.15.1': {}
+
   '@napi-rs/wasm-runtime@0.2.8':
     dependencies:
       '@emnapi/core': 1.4.0
@@ -8845,6 +9024,40 @@ snapshots:
 
   '@rrweb/utils@2.0.0-alpha.18': {}
 
+  '@rushstack/node-core-library@5.13.0(@types/node@22.14.0)':
+    dependencies:
+      ajv: 8.13.0
+      ajv-draft-04: 1.0.0(ajv@8.13.0)
+      ajv-formats: 3.0.1(ajv@8.13.0)
+      fs-extra: 11.3.0
+      import-lazy: 4.0.0
+      jju: 1.4.0
+      resolve: 1.22.10
+      semver: 7.5.4
+    optionalDependencies:
+      '@types/node': 22.14.0
+
+  '@rushstack/rig-package@0.5.3':
+    dependencies:
+      resolve: 1.22.10
+      strip-json-comments: 3.1.1
+
+  '@rushstack/terminal@0.15.2(@types/node@22.14.0)':
+    dependencies:
+      '@rushstack/node-core-library': 5.13.0(@types/node@22.14.0)
+      supports-color: 8.1.1
+    optionalDependencies:
+      '@types/node': 22.14.0
+
+  '@rushstack/ts-command-line@4.23.7(@types/node@22.14.0)':
+    dependencies:
+      '@rushstack/terminal': 0.15.2(@types/node@22.14.0)
+      '@types/argparse': 1.0.38
+      argparse: 1.0.10
+      string-argv: 0.3.2
+    transitivePeerDependencies:
+      - '@types/node'
+
   '@sinclair/typebox@0.24.51': {}
 
   '@socket.io/component-emitter@3.1.2': {}
@@ -9432,6 +9645,8 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@types/argparse@1.0.38': {}
+
   '@types/aria-query@5.0.4': {}
 
   '@types/babel__core@7.20.5':
@@ -9829,6 +10044,18 @@ snapshots:
       loupe: 3.1.3
       tinyrainbow: 1.2.0
 
+  '@volar/language-core@2.4.12':
+    dependencies:
+      '@volar/source-map': 2.4.12
+
+  '@volar/source-map@2.4.12': {}
+
+  '@volar/typescript@2.4.12':
+    dependencies:
+      '@volar/language-core': 2.4.12
+      path-browserify: 1.0.1
+      vscode-uri: 3.1.0
+
   '@vue/compiler-core@3.5.13':
     dependencies:
       '@babel/parser': 7.27.0
@@ -9859,6 +10086,24 @@ snapshots:
       '@vue/compiler-dom': 3.5.13
       '@vue/shared': 3.5.13
 
+  '@vue/compiler-vue2@2.7.16':
+    dependencies:
+      de-indent: 1.0.2
+      he: 1.2.0
+
+  '@vue/language-core@2.2.0(typescript@5.7.3)':
+    dependencies:
+      '@volar/language-core': 2.4.12
+      '@vue/compiler-dom': 3.5.13
+      '@vue/compiler-vue2': 2.7.16
+      '@vue/shared': 3.5.13
+      alien-signals: 0.4.14
+      minimatch: 9.0.5
+      muggle-string: 0.4.1
+      path-browserify: 1.0.1
+    optionalDependencies:
+      typescript: 5.7.3
+
   '@vue/shared@3.5.13': {}
 
   '@wdio/config@9.12.3':
@@ -9955,6 +10200,14 @@ snapshots:
       clean-stack: 2.2.0
       indent-string: 4.0.0
 
+  ajv-draft-04@1.0.0(ajv@8.13.0):
+    optionalDependencies:
+      ajv: 8.13.0
+
+  ajv-formats@3.0.1(ajv@8.13.0):
+    optionalDependencies:
+      ajv: 8.13.0
+
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -9962,6 +10215,20 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
+  ajv@8.12.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+      uri-js: 4.4.1
+
+  ajv@8.13.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+      uri-js: 4.4.1
+
   ajv@8.17.1:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -9969,6 +10236,8 @@ snapshots:
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
+  alien-signals@0.4.14: {}
+
   ansi-colors@4.1.1: {}
 
   ansi-colors@4.1.3: {}
@@ -10664,6 +10933,8 @@ snapshots:
 
   dateformat@4.6.3: {}
 
+  de-indent@1.0.2: {}
+
   debug@2.6.9:
     dependencies:
       ms: 2.0.0
@@ -12181,6 +12452,8 @@ snapshots:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
+  import-lazy@4.0.0: {}
+
   import-meta-resolve@4.0.0: {}
 
   import-meta-resolve@4.1.0: {}
@@ -12462,6 +12735,8 @@ snapshots:
 
   jiti@2.4.2: {}
 
+  jju@1.4.0: {}
+
   jose@5.10.0: {}
 
   joycon@3.1.1: {}
@@ -12539,6 +12814,8 @@ snapshots:
 
   known-css-properties@0.35.0: {}
 
+  kolorist@1.8.0: {}
+
   lazystream@1.0.1:
     dependencies:
       readable-stream: 2.3.8
@@ -12664,6 +12941,10 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
+  lru-cache@6.0.0:
+    dependencies:
+      yallist: 4.0.0
+
   lru-cache@7.18.3: {}
 
   lz-string@1.5.0: {}
@@ -13031,6 +13312,10 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
+  minimatch@3.0.8:
+    dependencies:
+      brace-expansion: 1.1.11
+
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
@@ -13110,6 +13395,8 @@ snapshots:
 
   ms@2.1.3: {}
 
+  muggle-string@0.4.1: {}
+
   mute-stream@0.0.8: {}
 
   nanoid@3.3.11: {}
@@ -13419,6 +13706,8 @@ snapshots:
       camel-case: 3.0.0
       upper-case-first: 1.1.2
 
+  path-browserify@1.0.1: {}
+
   path-case@2.1.1:
     dependencies:
       no-case: 2.3.2
@@ -14304,6 +14593,10 @@ snapshots:
 
   semver@6.3.1: {}
 
+  semver@7.5.4:
+    dependencies:
+      lru-cache: 6.0.0
+
   semver@7.6.2: {}
 
   semver@7.7.1: {}
@@ -14623,6 +14916,8 @@ snapshots:
 
   strftime@0.10.2: {}
 
+  string-argv@0.3.2: {}
+
   string-ts@2.2.1: {}
 
   string-width@4.2.3:
@@ -15065,6 +15360,8 @@ snapshots:
 
   typescript@5.7.3: {}
 
+  typescript@5.8.2: {}
+
   typescript@5.8.3: {}
 
   ua-parser-js@1.0.40: {}
@@ -15212,6 +15509,25 @@ snapshots:
 
   vary@1.1.2: {}
 
+  vite-plugin-dts@4.5.3(@types/node@22.14.0)(rollup@4.39.0)(typescript@5.7.3)(vite@6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1)):
+    dependencies:
+      '@microsoft/api-extractor': 7.52.3(@types/node@22.14.0)
+      '@rollup/pluginutils': 5.1.4(rollup@4.39.0)
+      '@volar/typescript': 2.4.12
+      '@vue/language-core': 2.2.0(typescript@5.7.3)
+      compare-versions: 6.1.1
+      debug: 4.4.0(supports-color@5.5.0)
+      kolorist: 1.8.0
+      local-pkg: 1.1.1
+      magic-string: 0.30.17
+      typescript: 5.7.3
+    optionalDependencies:
+      vite: 6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1)
+    transitivePeerDependencies:
+      - '@types/node'
+      - rollup
+      - supports-color
+
   vite@5.1.6(@types/node@22.14.0):
     dependencies:
       esbuild: 0.19.12
@@ -15235,6 +15551,8 @@ snapshots:
 
   void-elements@3.1.0: {}
 
+  vscode-uri@3.1.0: {}
+
   vue-eslint-parser@10.1.3(eslint@9.24.0(jiti@2.4.2)):
     dependencies:
       debug: 4.4.0(supports-color@5.5.0)
@@ -15427,6 +15745,8 @@ snapshots:
 
   yallist@3.1.1: {}
 
+  yallist@4.0.0: {}
+
   yaml-eslint-parser@1.3.0:
     dependencies:
       eslint-visitor-keys: 3.4.3

From ee12f5cee774d92baff29f0ed0882c22a2c7dcc1 Mon Sep 17 00:00:00 2001
From: BlackPoretsky <84518407+BlackPoretsky@users.noreply.github.com>
Date: Tue, 15 Apr 2025 19:45:39 +0000
Subject: [PATCH 4/8] chore: add tsup to pnpm workspace dependencies

---
 packages/ui/icons/metadata.json               | 250 ++++-----
 packages/ui/icons/package.json                |  39 +-
 packages/ui/icons/src/lib/index.tsx           | 250 ++++-----
 .../ui/icons/src/scripts/generateIcons.js     |   2 +-
 packages/ui/icons/src/vite-env.d.ts           |  13 -
 packages/ui/icons/tsconfig.build.json         |   8 +
 packages/ui/icons/tsconfig.json               |   8 +-
 packages/ui/icons/vite.config.ts              |  20 -
 pnpm-lock.yaml                                | 522 +-----------------
 pnpm-workspace.yaml                           |   1 +
 10 files changed, 304 insertions(+), 809 deletions(-)
 delete mode 100644 packages/ui/icons/src/vite-env.d.ts
 delete mode 100644 packages/ui/icons/vite.config.ts

diff --git a/packages/ui/icons/metadata.json b/packages/ui/icons/metadata.json
index da575e43..e2497092 100644
--- a/packages/ui/icons/metadata.json
+++ b/packages/ui/icons/metadata.json
@@ -28,7 +28,7 @@
       "name": "flag_ru",
       "style": "regular",
       "svgName": "flag_ru",
-      "componentName": "flag_ru",
+      "componentName": "FlagRu",
       "meta": {
         "palette": "colored",
         "group": "flags"
@@ -38,7 +38,7 @@
       "name": "flag_uk",
       "style": "regular",
       "svgName": "flag_uk",
-      "componentName": "flag_uk",
+      "componentName": "FlagUk",
       "meta": {
         "palette": "colored",
         "group": "flags"
@@ -48,7 +48,7 @@
       "name": "mail_yahoo",
       "style": "regular",
       "svgName": "mail_yahoo",
-      "componentName": "mail_yahoo",
+      "componentName": "MailYahoo",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -58,7 +58,7 @@
       "name": "mail_yandex",
       "style": "regular",
       "svgName": "mail_yandex",
-      "componentName": "mail_yandex",
+      "componentName": "MailYandex",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -68,7 +68,7 @@
       "name": "mail_proton",
       "style": "regular",
       "svgName": "mail_proton",
-      "componentName": "mail_proton",
+      "componentName": "MailProton",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -78,7 +78,7 @@
       "name": "mail_aol",
       "style": "regular",
       "svgName": "mail_aol",
-      "componentName": "mail_aol",
+      "componentName": "MailAol",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -88,7 +88,7 @@
       "name": "mail_icloud",
       "style": "regular",
       "svgName": "mail_icloud",
-      "componentName": "mail_icloud",
+      "componentName": "MailIcloud",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -98,7 +98,7 @@
       "name": "mail_mail",
       "style": "regular",
       "svgName": "mail_mail",
-      "componentName": "mail_mail",
+      "componentName": "MailMail",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -108,7 +108,7 @@
       "name": "mail_outlook",
       "style": "regular",
       "svgName": "mail_outlook",
-      "componentName": "mail_outlook",
+      "componentName": "MailOutlook",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -118,7 +118,7 @@
       "name": "mail_gmail",
       "style": "regular",
       "svgName": "mail_gmail",
-      "componentName": "mail_gmail",
+      "componentName": "MailGmail",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -128,7 +128,7 @@
       "name": "yandex",
       "style": "regular",
       "svgName": "yandex",
-      "componentName": "yandex",
+      "componentName": "Yandex",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -138,7 +138,7 @@
       "name": "google",
       "style": "regular",
       "svgName": "google",
-      "componentName": "google",
+      "componentName": "Google",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -148,7 +148,7 @@
       "name": "vk",
       "style": "regular",
       "svgName": "vk",
-      "componentName": "vk",
+      "componentName": "Vk",
       "meta": {
         "palette": "colored",
         "group": "logos"
@@ -158,7 +158,7 @@
       "name": "spinner",
       "style": "regular",
       "svgName": "spinner",
-      "componentName": "spinner",
+      "componentName": "Spinner",
       "meta": {
         "palette": "monochrome",
         "group": "misc"
@@ -168,7 +168,7 @@
       "name": "sort",
       "style": "regular",
       "svgName": "sort",
-      "componentName": "sort",
+      "componentName": "Sort",
       "meta": {
         "palette": "monochrome",
         "group": "misc"
@@ -178,7 +178,7 @@
       "name": "star",
       "style": "regular",
       "svgName": "star",
-      "componentName": "star",
+      "componentName": "Star",
       "meta": {
         "palette": "monochrome",
         "group": "misc"
@@ -188,7 +188,7 @@
       "name": "preview",
       "style": "regular",
       "svgName": "preview",
-      "componentName": "preview",
+      "componentName": "Preview",
       "meta": {
         "palette": "monochrome",
         "group": "misc"
@@ -198,7 +198,7 @@
       "name": "sort_by_alpha",
       "style": "regular",
       "svgName": "sort_by_alpha",
-      "componentName": "sort_by_alpha",
+      "componentName": "SortByAlpha",
       "meta": {
         "palette": "monochrome",
         "group": "misc"
@@ -208,7 +208,7 @@
       "name": "tag",
       "style": "regular",
       "svgName": "tag",
-      "componentName": "tag",
+      "componentName": "Tag",
       "meta": {
         "palette": "monochrome",
         "group": "misc"
@@ -218,7 +218,7 @@
       "name": "language",
       "style": "regular",
       "svgName": "language",
-      "componentName": "language",
+      "componentName": "Language",
       "meta": {
         "palette": "monochrome",
         "group": "misc"
@@ -228,7 +228,7 @@
       "name": "fullscreen",
       "style": "regular",
       "svgName": "fullscreen",
-      "componentName": "fullscreen",
+      "componentName": "Fullscreen",
       "meta": {
         "palette": "monochrome",
         "group": "misc"
@@ -238,7 +238,7 @@
       "name": "format_list_ol",
       "style": "regular",
       "svgName": "format_list_ol",
-      "componentName": "format_list_ol",
+      "componentName": "FormatListOl",
       "meta": {
         "palette": "monochrome",
         "group": "editor"
@@ -248,7 +248,7 @@
       "name": "format_list_ul",
       "style": "regular",
       "svgName": "format_list_ul",
-      "componentName": "format_list_ul",
+      "componentName": "FormatListUl",
       "meta": {
         "palette": "monochrome",
         "group": "editor"
@@ -258,7 +258,7 @@
       "name": "code_block",
       "style": "regular",
       "svgName": "code_block",
-      "componentName": "code_block",
+      "componentName": "CodeBlock",
       "meta": {
         "palette": "monochrome",
         "group": "editor"
@@ -268,7 +268,7 @@
       "name": "format_undeline",
       "style": "regular",
       "svgName": "format_undeline",
-      "componentName": "format_undeline",
+      "componentName": "FormatUndeline",
       "meta": {
         "palette": "monochrome",
         "group": "editor"
@@ -278,7 +278,7 @@
       "name": "format_italic",
       "style": "regular",
       "svgName": "format_italic",
-      "componentName": "format_italic",
+      "componentName": "FormatItalic",
       "meta": {
         "palette": "monochrome",
         "group": "editor"
@@ -288,7 +288,7 @@
       "name": "format_bold",
       "style": "regular",
       "svgName": "format_bold",
-      "componentName": "format_bold",
+      "componentName": "FormatBold",
       "meta": {
         "palette": "monochrome",
         "group": "editor"
@@ -298,7 +298,7 @@
       "name": "text_format",
       "style": "regular",
       "svgName": "text_format",
-      "componentName": "text_format",
+      "componentName": "TextFormat",
       "meta": {
         "palette": "monochrome",
         "group": "editor"
@@ -308,7 +308,7 @@
       "name": "favorite",
       "style": "regular",
       "svgName": "favorite",
-      "componentName": "favorite",
+      "componentName": "Favorite",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -318,7 +318,7 @@
       "name": "favorite",
       "style": "fill",
       "svgName": "favorite_fill",
-      "componentName": "favorite_fill",
+      "componentName": "FavoriteFill",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -328,7 +328,7 @@
       "name": "globe_add",
       "style": "regular",
       "svgName": "globe_add",
-      "componentName": "globe_add",
+      "componentName": "GlobeAdd",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -338,7 +338,7 @@
       "name": "globe",
       "style": "regular",
       "svgName": "globe",
-      "componentName": "globe",
+      "componentName": "Globe",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -348,7 +348,7 @@
       "name": "person_pin",
       "style": "regular",
       "svgName": "person_pin",
-      "componentName": "person_pin",
+      "componentName": "PersonPin",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -358,7 +358,7 @@
       "name": "person_group",
       "style": "regular",
       "svgName": "person_group",
-      "componentName": "person_group",
+      "componentName": "PersonGroup",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -368,7 +368,7 @@
       "name": "person_add",
       "style": "regular",
       "svgName": "person_add",
-      "componentName": "person_add",
+      "componentName": "PersonAdd",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -378,7 +378,7 @@
       "name": "person_check",
       "style": "regular",
       "svgName": "person_check",
-      "componentName": "person_check",
+      "componentName": "PersonCheck",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -388,7 +388,7 @@
       "name": "person_check",
       "style": "fill",
       "svgName": "person_check_fill",
-      "componentName": "person_check_fill",
+      "componentName": "PersonCheckFill",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -398,7 +398,7 @@
       "name": "person_edit",
       "style": "regular",
       "svgName": "person_edit",
-      "componentName": "person_edit",
+      "componentName": "PersonEdit",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -408,7 +408,7 @@
       "name": "person_edit",
       "style": "fill",
       "svgName": "person_edit_fill",
-      "componentName": "person_edit_fill",
+      "componentName": "PersonEditFill",
       "meta": {
         "palette": "monochrome",
         "group": "social"
@@ -418,7 +418,7 @@
       "name": "interests",
       "style": "regular",
       "svgName": "interests",
-      "componentName": "interests",
+      "componentName": "Interests",
       "meta": {
         "palette": "monochrome",
         "group": "navigation"
@@ -428,7 +428,7 @@
       "name": "interests",
       "style": "fill",
       "svgName": "interests_fill",
-      "componentName": "interests_fill",
+      "componentName": "InterestsFill",
       "meta": {
         "palette": "monochrome",
         "group": "navigation"
@@ -438,7 +438,7 @@
       "name": "explore",
       "style": "regular",
       "svgName": "explore",
-      "componentName": "explore",
+      "componentName": "Explore",
       "meta": {
         "palette": "monochrome",
         "group": "navigation"
@@ -448,7 +448,7 @@
       "name": "explore",
       "style": "fill",
       "svgName": "explore_fill",
-      "componentName": "explore_fill",
+      "componentName": "ExploreFill",
       "meta": {
         "palette": "monochrome",
         "group": "navigation"
@@ -458,7 +458,7 @@
       "name": "home",
       "style": "regular",
       "svgName": "home",
-      "componentName": "home",
+      "componentName": "Home",
       "meta": {
         "palette": "monochrome",
         "group": "navigation"
@@ -468,7 +468,7 @@
       "name": "home",
       "style": "fill",
       "svgName": "home_fill",
-      "componentName": "home_fill",
+      "componentName": "HomeFill",
       "meta": {
         "palette": "monochrome",
         "group": "navigation"
@@ -478,7 +478,7 @@
       "name": "arrow_uturn_cw_right",
       "style": "regular",
       "svgName": "arrow_uturn_cw_right",
-      "componentName": "arrow_uturn_cw_right",
+      "componentName": "ArrowUturnCwRight",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -488,7 +488,7 @@
       "name": "arrow_uturn_ccw_left",
       "style": "regular",
       "svgName": "arrow_uturn_ccw_left",
-      "componentName": "arrow_uturn_ccw_left",
+      "componentName": "ArrowUturnCcwLeft",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -498,7 +498,7 @@
       "name": "shuffle",
       "style": "regular",
       "svgName": "shuffle",
-      "componentName": "shuffle",
+      "componentName": "Shuffle",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -508,7 +508,7 @@
       "name": "arrow_left_arrow_right",
       "style": "regular",
       "svgName": "arrow_left_arrow_right",
-      "componentName": "arrow_left_arrow_right",
+      "componentName": "ArrowLeftArrowRight",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -518,7 +518,7 @@
       "name": "arrows_rotate_right_add",
       "style": "regular",
       "svgName": "arrows_rotate_right_add",
-      "componentName": "arrows_rotate_right_add",
+      "componentName": "ArrowsRotateRightAdd",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -528,7 +528,7 @@
       "name": "arrows_rotate_right_check",
       "style": "regular",
       "svgName": "arrows_rotate_right_check",
-      "componentName": "arrows_rotate_right_check",
+      "componentName": "ArrowsRotateRightCheck",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -538,7 +538,7 @@
       "name": "arrow_up_arrow_down",
       "style": "regular",
       "svgName": "arrow_up_arrow_down",
-      "componentName": "arrow_up_arrow_down",
+      "componentName": "ArrowUpArrowDown",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -548,7 +548,7 @@
       "name": "arrow_down_to_square",
       "style": "regular",
       "svgName": "arrow_down_to_square",
-      "componentName": "arrow_down_to_square",
+      "componentName": "ArrowDownToSquare",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -558,7 +558,7 @@
       "name": "arrow_shape_turn_up_right_check",
       "style": "regular",
       "svgName": "arrow_shape_turn_up_right_check",
-      "componentName": "arrow_shape_turn_up_right_check",
+      "componentName": "ArrowShapeTurnUpRightCheck",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -568,7 +568,7 @@
       "name": "arrow_shape_turn_up_right",
       "style": "regular",
       "svgName": "arrow_shape_turn_up_right",
-      "componentName": "arrow_shape_turn_up_right",
+      "componentName": "ArrowShapeTurnUpRight",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -578,7 +578,7 @@
       "name": "arrow_right_from_square",
       "style": "regular",
       "svgName": "arrow_right_from_square",
-      "componentName": "arrow_right_from_square",
+      "componentName": "ArrowRightFromSquare",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -588,7 +588,7 @@
       "name": "arrow_right_to_square",
       "style": "regular",
       "svgName": "arrow_right_to_square",
-      "componentName": "arrow_right_to_square",
+      "componentName": "ArrowRightToSquare",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -598,7 +598,7 @@
       "name": "arrow_outward",
       "style": "regular",
       "svgName": "arrow_outward",
-      "componentName": "arrow_outward",
+      "componentName": "ArrowOutward",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -608,7 +608,7 @@
       "name": "chevron_up_to_line",
       "style": "regular",
       "svgName": "chevron_up_to_line",
-      "componentName": "chevron_up_to_line",
+      "componentName": "ChevronUpToLine",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -618,7 +618,7 @@
       "name": "chevron_down_to_line",
       "style": "regular",
       "svgName": "chevron_down_to_line",
-      "componentName": "chevron_down_to_line",
+      "componentName": "ChevronDownToLine",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -628,7 +628,7 @@
       "name": "chevrons_expand_up_right",
       "style": "regular",
       "svgName": "chevrons_expand_up_right",
-      "componentName": "chevrons_expand_up_right",
+      "componentName": "ChevronsExpandUpRight",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -638,7 +638,7 @@
       "name": "chevrons_collapse_up_right",
       "style": "regular",
       "svgName": "chevrons_collapse_up_right",
-      "componentName": "chevrons_collapse_up_right",
+      "componentName": "ChevronsCollapseUpRight",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -648,7 +648,7 @@
       "name": "arrow_360",
       "style": "regular",
       "svgName": "arrow_360",
-      "componentName": "arrow_360",
+      "componentName": "Arrow360",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -658,7 +658,7 @@
       "name": "chevron_right",
       "style": "regular",
       "svgName": "chevron_right",
-      "componentName": "chevron_right",
+      "componentName": "ChevronRight",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -668,7 +668,7 @@
       "name": "chevron_left",
       "style": "regular",
       "svgName": "chevron_left",
-      "componentName": "chevron_left",
+      "componentName": "ChevronLeft",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -678,7 +678,7 @@
       "name": "chevron_down",
       "style": "regular",
       "svgName": "chevron_down",
-      "componentName": "chevron_down",
+      "componentName": "ChevronDown",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -688,7 +688,7 @@
       "name": "chevron_up",
       "style": "regular",
       "svgName": "chevron_up",
-      "componentName": "chevron_up",
+      "componentName": "ChevronUp",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -698,7 +698,7 @@
       "name": "arrow_back",
       "style": "regular",
       "svgName": "arrow_back",
-      "componentName": "arrow_back",
+      "componentName": "ArrowBack",
       "meta": {
         "palette": "monochrome",
         "group": "arrows"
@@ -708,7 +708,7 @@
       "name": "folders",
       "style": "regular",
       "svgName": "folders",
-      "componentName": "folders",
+      "componentName": "Folders",
       "meta": {
         "palette": "monochrome",
         "group": "folders"
@@ -718,7 +718,7 @@
       "name": "move_to_folder",
       "style": "regular",
       "svgName": "move_to_folder",
-      "componentName": "move_to_folder",
+      "componentName": "MoveToFolder",
       "meta": {
         "palette": "monochrome",
         "group": "folders"
@@ -728,7 +728,7 @@
       "name": "folder_open",
       "style": "regular",
       "svgName": "folder_open",
-      "componentName": "folder_open",
+      "componentName": "FolderOpen",
       "meta": {
         "palette": "monochrome",
         "group": "folders"
@@ -738,7 +738,7 @@
       "name": "folder_open",
       "style": "fill",
       "svgName": "folder_open_fill",
-      "componentName": "folder_open_fill",
+      "componentName": "FolderOpenFill",
       "meta": {
         "palette": "monochrome",
         "group": "folders"
@@ -748,7 +748,7 @@
       "name": "folder",
       "style": "regular",
       "svgName": "folder",
-      "componentName": "folder",
+      "componentName": "Folder",
       "meta": {
         "palette": "monochrome",
         "group": "folders"
@@ -758,7 +758,7 @@
       "name": "folder",
       "style": "fill",
       "svgName": "folder_fill",
-      "componentName": "folder_fill",
+      "componentName": "FolderFill",
       "meta": {
         "palette": "monochrome",
         "group": "folders"
@@ -768,7 +768,7 @@
       "name": "folder_add",
       "style": "regular",
       "svgName": "folder_add",
-      "componentName": "folder_add",
+      "componentName": "FolderAdd",
       "meta": {
         "palette": "monochrome",
         "group": "folders"
@@ -778,7 +778,7 @@
       "name": "attach_file",
       "style": "regular",
       "svgName": "attach_file",
-      "componentName": "attach_file",
+      "componentName": "AttachFile",
       "meta": {
         "palette": "monochrome",
         "group": "tool"
@@ -788,7 +788,7 @@
       "name": "funnel",
       "style": "regular",
       "svgName": "funnel",
-      "componentName": "funnel",
+      "componentName": "Funnel",
       "meta": {
         "palette": "monochrome",
         "group": "tool"
@@ -798,7 +798,7 @@
       "name": "pencil",
       "style": "regular",
       "svgName": "pencil",
-      "componentName": "pencil",
+      "componentName": "Pencil",
       "meta": {
         "palette": "monochrome",
         "group": "tool"
@@ -808,7 +808,7 @@
       "name": "magnifier",
       "style": "regular",
       "svgName": "magnifier",
-      "componentName": "magnifier",
+      "componentName": "Magnifier",
       "meta": {
         "palette": "monochrome",
         "group": "tool"
@@ -818,7 +818,7 @@
       "name": "learn",
       "style": "regular",
       "svgName": "learn",
-      "componentName": "learn",
+      "componentName": "Learn",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -828,7 +828,7 @@
       "name": "hint_slash",
       "style": "regular",
       "svgName": "hint_slash",
-      "componentName": "hint_slash",
+      "componentName": "HintSlash",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -838,7 +838,7 @@
       "name": "hint",
       "style": "regular",
       "svgName": "hint",
-      "componentName": "hint",
+      "componentName": "Hint",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -848,7 +848,7 @@
       "name": "hint_add",
       "style": "regular",
       "svgName": "hint_add",
-      "componentName": "hint_add",
+      "componentName": "HintAdd",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -858,7 +858,7 @@
       "name": "add_row_above",
       "style": "regular",
       "svgName": "add_row_above",
-      "componentName": "add_row_above",
+      "componentName": "AddRowAbove",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -868,7 +868,7 @@
       "name": "add_row_below",
       "style": "regular",
       "svgName": "add_row_below",
-      "componentName": "add_row_below",
+      "componentName": "AddRowBelow",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -878,7 +878,7 @@
       "name": "table_convert",
       "style": "regular",
       "svgName": "table_convert",
-      "componentName": "table_convert",
+      "componentName": "TableConvert",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -888,7 +888,7 @@
       "name": "clipboard",
       "style": "regular",
       "svgName": "clipboard",
-      "componentName": "clipboard",
+      "componentName": "Clipboard",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -898,7 +898,7 @@
       "name": "list_add",
       "style": "regular",
       "svgName": "list_add",
-      "componentName": "list_add",
+      "componentName": "ListAdd",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -908,7 +908,7 @@
       "name": "add_square",
       "style": "regular",
       "svgName": "add_square",
-      "componentName": "add_square",
+      "componentName": "AddSquare",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -918,7 +918,7 @@
       "name": "set",
       "style": "regular",
       "svgName": "set",
-      "componentName": "set",
+      "componentName": "Set",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -928,7 +928,7 @@
       "name": "set_add",
       "style": "regular",
       "svgName": "set_add",
-      "componentName": "set_add",
+      "componentName": "SetAdd",
       "meta": {
         "palette": "monochrome",
         "group": "sets"
@@ -938,7 +938,7 @@
       "name": "link_slash",
       "style": "regular",
       "svgName": "link_slash",
-      "componentName": "link_slash",
+      "componentName": "LinkSlash",
       "meta": {
         "palette": "monochrome",
         "group": "doc"
@@ -948,7 +948,7 @@
       "name": "link_add",
       "style": "regular",
       "svgName": "link_add",
-      "componentName": "link_add",
+      "componentName": "LinkAdd",
       "meta": {
         "palette": "monochrome",
         "group": "doc"
@@ -958,7 +958,7 @@
       "name": "link",
       "style": "regular",
       "svgName": "link",
-      "componentName": "link",
+      "componentName": "Link",
       "meta": {
         "palette": "monochrome",
         "group": "doc"
@@ -968,7 +968,7 @@
       "name": "bookmarks",
       "style": "regular",
       "svgName": "bookmarks",
-      "componentName": "bookmarks",
+      "componentName": "Bookmarks",
       "meta": {
         "palette": "monochrome",
         "group": "doc"
@@ -978,7 +978,7 @@
       "name": "bookmark",
       "style": "regular",
       "svgName": "bookmark",
-      "componentName": "bookmark",
+      "componentName": "Bookmark",
       "meta": {
         "palette": "monochrome",
         "group": "doc"
@@ -988,7 +988,7 @@
       "name": "bookmark",
       "style": "fill",
       "svgName": "bookmark_fill",
-      "componentName": "bookmark_fill",
+      "componentName": "BookmarkFill",
       "meta": {
         "palette": "monochrome",
         "group": "doc"
@@ -998,7 +998,7 @@
       "name": "clock_arrow_rotate_ccw_left",
       "style": "regular",
       "svgName": "clock_arrow_rotate_ccw_left",
-      "componentName": "clock_arrow_rotate_ccw_left",
+      "componentName": "ClockArrowRotateCcwLeft",
       "meta": {
         "palette": "monochrome",
         "group": "time"
@@ -1008,7 +1008,7 @@
       "name": "clock_60",
       "style": "regular",
       "svgName": "clock_60",
-      "componentName": "clock_60",
+      "componentName": "Clock60",
       "meta": {
         "palette": "monochrome",
         "group": "time"
@@ -1018,7 +1018,7 @@
       "name": "clock_40",
       "style": "regular",
       "svgName": "clock_40",
-      "componentName": "clock_40",
+      "componentName": "Clock40",
       "meta": {
         "palette": "monochrome",
         "group": "time"
@@ -1028,7 +1028,7 @@
       "name": "file",
       "style": "regular",
       "svgName": "file",
-      "componentName": "file",
+      "componentName": "File",
       "meta": {
         "palette": "monochrome",
         "group": "file"
@@ -1038,7 +1038,7 @@
       "name": "file_add",
       "style": "regular",
       "svgName": "file_add",
-      "componentName": "file_add",
+      "componentName": "FileAdd",
       "meta": {
         "palette": "monochrome",
         "group": "file"
@@ -1048,7 +1048,7 @@
       "name": "copy",
       "style": "regular",
       "svgName": "copy",
-      "componentName": "copy",
+      "componentName": "Copy",
       "meta": {
         "palette": "monochrome",
         "group": "file"
@@ -1058,7 +1058,7 @@
       "name": "file_check",
       "style": "regular",
       "svgName": "file_check",
-      "componentName": "file_check",
+      "componentName": "FileCheck",
       "meta": {
         "palette": "monochrome",
         "group": "file"
@@ -1068,7 +1068,7 @@
       "name": "file_check",
       "style": "fill",
       "svgName": "file_check_fill",
-      "componentName": "file_check_fill",
+      "componentName": "FileCheckFill",
       "meta": {
         "palette": "monochrome",
         "group": "file"
@@ -1078,7 +1078,7 @@
       "name": "circle_xmark",
       "style": "regular",
       "svgName": "circle_xmark",
-      "componentName": "circle_xmark",
+      "componentName": "CircleXmark",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1088,7 +1088,7 @@
       "name": "circle_xmark",
       "style": "fill",
       "svgName": "circle_xmark_fill",
-      "componentName": "circle_xmark_fill",
+      "componentName": "CircleXmarkFill",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1098,7 +1098,7 @@
       "name": "circle_check",
       "style": "regular",
       "svgName": "circle_check",
-      "componentName": "circle_check",
+      "componentName": "CircleCheck",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1108,7 +1108,7 @@
       "name": "circle_check",
       "style": "fill",
       "svgName": "circle_check_fill",
-      "componentName": "circle_check_fill",
+      "componentName": "CircleCheckFill",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1118,7 +1118,7 @@
       "name": "circle_info",
       "style": "regular",
       "svgName": "circle_info",
-      "componentName": "circle_info",
+      "componentName": "CircleInfo",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1128,7 +1128,7 @@
       "name": "circle_info",
       "style": "fill",
       "svgName": "circle_info_fill",
-      "componentName": "circle_info_fill",
+      "componentName": "CircleInfoFill",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1138,7 +1138,7 @@
       "name": "equal",
       "style": "regular",
       "svgName": "equal",
-      "componentName": "equal",
+      "componentName": "Equal",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1148,7 +1148,7 @@
       "name": "xmark",
       "style": "regular",
       "svgName": "xmark",
-      "componentName": "xmark",
+      "componentName": "Xmark",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1158,7 +1158,7 @@
       "name": "check",
       "style": "regular",
       "svgName": "check",
-      "componentName": "check",
+      "componentName": "Check",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1168,7 +1168,7 @@
       "name": "minus",
       "style": "regular",
       "svgName": "minus",
-      "componentName": "minus",
+      "componentName": "Minus",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1178,7 +1178,7 @@
       "name": "plus",
       "style": "regular",
       "svgName": "plus",
-      "componentName": "plus",
+      "componentName": "Plus",
       "meta": {
         "palette": "monochrome",
         "group": "symbol"
@@ -1188,7 +1188,7 @@
       "name": "delete",
       "style": "regular",
       "svgName": "delete",
-      "componentName": "delete",
+      "componentName": "Delete",
       "meta": {
         "palette": "monochrome",
         "group": "system"
@@ -1198,7 +1198,7 @@
       "name": "delete_xmark",
       "style": "regular",
       "svgName": "delete_xmark",
-      "componentName": "delete_xmark",
+      "componentName": "DeleteXmark",
       "meta": {
         "palette": "monochrome",
         "group": "system"
@@ -1208,7 +1208,7 @@
       "name": "filter",
       "style": "regular",
       "svgName": "filter",
-      "componentName": "filter",
+      "componentName": "Filter",
       "meta": {
         "palette": "monochrome",
         "group": "system"
@@ -1218,7 +1218,7 @@
       "name": "filter",
       "style": "fill",
       "svgName": "filter_fill",
-      "componentName": "filter_fill",
+      "componentName": "FilterFill",
       "meta": {
         "palette": "monochrome",
         "group": "system"
@@ -1228,7 +1228,7 @@
       "name": "grip",
       "style": "regular",
       "svgName": "grip",
-      "componentName": "grip",
+      "componentName": "Grip",
       "meta": {
         "palette": "monochrome",
         "group": "system"
@@ -1238,7 +1238,7 @@
       "name": "dots_vertical",
       "style": "regular",
       "svgName": "dots_vertical",
-      "componentName": "dots_vertical",
+      "componentName": "DotsVertical",
       "meta": {
         "palette": "monochrome",
         "group": "system"
@@ -1248,7 +1248,7 @@
       "name": "dots_horizontal",
       "style": "regular",
       "svgName": "dots_horizontal",
-      "componentName": "dots_horizontal",
+      "componentName": "DotsHorizontal",
       "meta": {
         "palette": "monochrome",
         "group": "system"
@@ -1258,7 +1258,7 @@
       "name": "notifications",
       "style": "regular",
       "svgName": "notifications",
-      "componentName": "notifications",
+      "componentName": "Notifications",
       "meta": {
         "palette": "monochrome",
         "group": "system"
@@ -1268,7 +1268,7 @@
       "name": "settings",
       "style": "regular",
       "svgName": "settings",
-      "componentName": "settings",
+      "componentName": "Settings",
       "meta": {
         "palette": "monochrome",
         "group": "system"
diff --git a/packages/ui/icons/package.json b/packages/ui/icons/package.json
index cd8cd5e0..8248fddc 100644
--- a/packages/ui/icons/package.json
+++ b/packages/ui/icons/package.json
@@ -2,18 +2,42 @@
   "name": "@flippo/icons",
   "type": "module",
   "version": "1.0.0",
+  "description": "Pack of Flippo UI icons",
+  "keywords": [
+    "icons",
+    "svg",
+    "react"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/**/*.d.ts",
+      "default": "./dist/**/*.jsx"
+    }
+  },
+  "module": "dist/index.jsx",
+  "types": "dist/index.d.ts",
   "files": [
     "README.md",
-    "dist/",
+    "dist/**/*.d.ts",
+    "dist/**/*.jsx",
     "package.json",
     "src/svgs/"
   ],
   "scripts": {
-    "dev": "vite",
-    "build": "node src/scripts/clear.js && tsc --project ./tsconfig.build.json && vite build",
+    "build": "node './src/scripts/clear.js' && tsc --project './tsconfig.build.json' && tsc --project tsconfig.build.json --declaration --emitDeclarationOnly",
     "lint": "eslint --fix",
-    "src:download": "node --env-file=.env.locale src/scripts/download.js",
-    "src:generate": "node --env-file=.env.locale src/scripts/generateIcons.js && eslint --fix src/lib"
+    "src:download": "node --env-file=.env.local src/scripts/download.js",
+    "src:generate": "node --env-file=.env.local src/scripts/generateIcons.js && eslint --fix src/lib",
+    "redown": "pnpm src:download && pnpm src:generate",
+    "prepublishOnly": "pnpm run build"
+  },
+  "peerDependencies": {
+    "react": "*"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@figma-export/core": "catalog:",
@@ -24,15 +48,12 @@
     "@types/node": "catalog:",
     "@types/react": "catalog:",
     "@types/react-dom": "catalog:",
-    "@vitejs/plugin-react": "catalog:",
     "eslint": "catalog:",
     "eslint-plugin-react-refresh": "catalog:",
     "is-svg": "catalog:",
     "react": "catalog:",
     "react-dom": "catalog:",
     "svgo": "catalog:",
-    "typescript": "catalog:",
-    "vite": "catalog:",
-    "vite-plugin-dts": "catalog:"
+    "typescript": "catalog:"
   }
 }
diff --git a/packages/ui/icons/src/lib/index.tsx b/packages/ui/icons/src/lib/index.tsx
index e5d0f375..813458ae 100644
--- a/packages/ui/icons/src/lib/index.tsx
+++ b/packages/ui/icons/src/lib/index.tsx
@@ -1,125 +1,125 @@
-export { default as FlagRu } from './Colored/Flags/FlagRu.tsx';
-export { default as FlagUk } from './Colored/Flags/FlagUk.tsx';
-export { default as Google } from './Colored/Logos/Google.tsx';
-export { default as MailAol } from './Colored/Logos/MailAol.tsx';
-export { default as MailGmail } from './Colored/Logos/MailGmail.tsx';
-export { default as MailIcloud } from './Colored/Logos/MailIcloud.tsx';
-export { default as MailMail } from './Colored/Logos/MailMail.tsx';
-export { default as MailOutlook } from './Colored/Logos/MailOutlook.tsx';
-export { default as MailProton } from './Colored/Logos/MailProton.tsx';
-export { default as MailYahoo } from './Colored/Logos/MailYahoo.tsx';
-export { default as MailYandex } from './Colored/Logos/MailYandex.tsx';
-export { default as Vk } from './Colored/Logos/Vk.tsx';
-export { default as Yandex } from './Colored/Logos/Yandex.tsx';
-export { default as Arrow360 } from './Monochrome/Arrows/Arrow360.tsx';
-export { default as ArrowBack } from './Monochrome/Arrows/ArrowBack.tsx';
-export { default as ArrowDownToSquare } from './Monochrome/Arrows/ArrowDownToSquare.tsx';
-export { default as ArrowLeftArrowRight } from './Monochrome/Arrows/ArrowLeftArrowRight.tsx';
-export { default as ArrowOutward } from './Monochrome/Arrows/ArrowOutward.tsx';
-export { default as ArrowRightFromSquare } from './Monochrome/Arrows/ArrowRightFromSquare.tsx';
-export { default as ArrowRightToSquare } from './Monochrome/Arrows/ArrowRightToSquare.tsx';
-export { default as ArrowShapeTurnUpRight } from './Monochrome/Arrows/ArrowShapeTurnUpRight.tsx';
-export { default as ArrowShapeTurnUpRightCheck } from './Monochrome/Arrows/ArrowShapeTurnUpRightCheck.tsx';
-export { default as ArrowsRotateRightAdd } from './Monochrome/Arrows/ArrowsRotateRightAdd.tsx';
-export { default as ArrowsRotateRightCheck } from './Monochrome/Arrows/ArrowsRotateRightCheck.tsx';
-export { default as ArrowUpArrowDown } from './Monochrome/Arrows/ArrowUpArrowDown.tsx';
-export { default as ArrowUturnCcwLeft } from './Monochrome/Arrows/ArrowUturnCcwLeft.tsx';
-export { default as ArrowUturnCwRight } from './Monochrome/Arrows/ArrowUturnCwRight.tsx';
-export { default as ChevronDown } from './Monochrome/Arrows/ChevronDown.tsx';
-export { default as ChevronDownToLine } from './Monochrome/Arrows/ChevronDownToLine.tsx';
-export { default as ChevronLeft } from './Monochrome/Arrows/ChevronLeft.tsx';
-export { default as ChevronRight } from './Monochrome/Arrows/ChevronRight.tsx';
-export { default as ChevronsCollapseUpRight } from './Monochrome/Arrows/ChevronsCollapseUpRight.tsx';
-export { default as ChevronsExpandUpRight } from './Monochrome/Arrows/ChevronsExpandUpRight.tsx';
-export { default as ChevronUp } from './Monochrome/Arrows/ChevronUp.tsx';
-export { default as ChevronUpToLine } from './Monochrome/Arrows/ChevronUpToLine.tsx';
-export { default as Shuffle } from './Monochrome/Arrows/Shuffle.tsx';
-export { default as Bookmark } from './Monochrome/Doc/Bookmark.tsx';
-export { default as BookmarkFill } from './Monochrome/Doc/BookmarkFill.tsx';
-export { default as Bookmarks } from './Monochrome/Doc/Bookmarks.tsx';
-export { default as Link } from './Monochrome/Doc/Link.tsx';
-export { default as LinkAdd } from './Monochrome/Doc/LinkAdd.tsx';
-export { default as LinkSlash } from './Monochrome/Doc/LinkSlash.tsx';
-export { default as CodeBlock } from './Monochrome/Editor/CodeBlock.tsx';
-export { default as FormatBold } from './Monochrome/Editor/FormatBold.tsx';
-export { default as FormatItalic } from './Monochrome/Editor/FormatItalic.tsx';
-export { default as FormatListOl } from './Monochrome/Editor/FormatListOl.tsx';
-export { default as FormatListUl } from './Monochrome/Editor/FormatListUl.tsx';
-export { default as FormatUndeline } from './Monochrome/Editor/FormatUndeline.tsx';
-export { default as TextFormat } from './Monochrome/Editor/TextFormat.tsx';
-export { default as Copy } from './Monochrome/File/Copy.tsx';
-export { default as File } from './Monochrome/File/File.tsx';
-export { default as FileAdd } from './Monochrome/File/FileAdd.tsx';
-export { default as FileCheck } from './Monochrome/File/FileCheck.tsx';
-export { default as FileCheckFill } from './Monochrome/File/FileCheckFill.tsx';
-export { default as Folder } from './Monochrome/Folders/Folder.tsx';
-export { default as FolderAdd } from './Monochrome/Folders/FolderAdd.tsx';
-export { default as FolderFill } from './Monochrome/Folders/FolderFill.tsx';
-export { default as FolderOpen } from './Monochrome/Folders/FolderOpen.tsx';
-export { default as FolderOpenFill } from './Monochrome/Folders/FolderOpenFill.tsx';
-export { default as Folders } from './Monochrome/Folders/Folders.tsx';
-export { default as MoveToFolder } from './Monochrome/Folders/MoveToFolder.tsx';
-export { default as Fullscreen } from './Monochrome/Misc/Fullscreen.tsx';
-export { default as Language } from './Monochrome/Misc/Language.tsx';
-export { default as Preview } from './Monochrome/Misc/Preview.tsx';
-export { default as Sort } from './Monochrome/Misc/Sort.tsx';
-export { default as SortByAlpha } from './Monochrome/Misc/SortByAlpha.tsx';
-export { default as Spinner } from './Monochrome/Misc/Spinner.tsx';
-export { default as Star } from './Monochrome/Misc/Star.tsx';
-export { default as Tag } from './Monochrome/Misc/Tag.tsx';
-export { default as Explore } from './Monochrome/Navigation/Explore.tsx';
-export { default as ExploreFill } from './Monochrome/Navigation/ExploreFill.tsx';
-export { default as Home } from './Monochrome/Navigation/Home.tsx';
-export { default as HomeFill } from './Monochrome/Navigation/HomeFill.tsx';
-export { default as Interests } from './Monochrome/Navigation/Interests.tsx';
-export { default as InterestsFill } from './Monochrome/Navigation/InterestsFill.tsx';
-export { default as AddRowAbove } from './Monochrome/Sets/AddRowAbove.tsx';
-export { default as AddRowBelow } from './Monochrome/Sets/AddRowBelow.tsx';
-export { default as AddSquare } from './Monochrome/Sets/AddSquare.tsx';
-export { default as Clipboard } from './Monochrome/Sets/Clipboard.tsx';
-export { default as Hint } from './Monochrome/Sets/Hint.tsx';
-export { default as HintAdd } from './Monochrome/Sets/HintAdd.tsx';
-export { default as HintSlash } from './Monochrome/Sets/HintSlash.tsx';
-export { default as Learn } from './Monochrome/Sets/Learn.tsx';
-export { default as ListAdd } from './Monochrome/Sets/ListAdd.tsx';
-export { default as Set } from './Monochrome/Sets/Set.tsx';
-export { default as SetAdd } from './Monochrome/Sets/SetAdd.tsx';
-export { default as TableConvert } from './Monochrome/Sets/TableConvert.tsx';
-export { default as Favorite } from './Monochrome/Social/Favorite.tsx';
-export { default as FavoriteFill } from './Monochrome/Social/FavoriteFill.tsx';
-export { default as Globe } from './Monochrome/Social/Globe.tsx';
-export { default as GlobeAdd } from './Monochrome/Social/GlobeAdd.tsx';
-export { default as PersonAdd } from './Monochrome/Social/PersonAdd.tsx';
-export { default as PersonCheck } from './Monochrome/Social/PersonCheck.tsx';
-export { default as PersonCheckFill } from './Monochrome/Social/PersonCheckFill.tsx';
-export { default as PersonEdit } from './Monochrome/Social/PersonEdit.tsx';
-export { default as PersonEditFill } from './Monochrome/Social/PersonEditFill.tsx';
-export { default as PersonGroup } from './Monochrome/Social/PersonGroup.tsx';
-export { default as PersonPin } from './Monochrome/Social/PersonPin.tsx';
-export { default as Check } from './Monochrome/Symbol/Check.tsx';
-export { default as CircleCheck } from './Monochrome/Symbol/CircleCheck.tsx';
-export { default as CircleCheckFill } from './Monochrome/Symbol/CircleCheckFill.tsx';
-export { default as CircleInfo } from './Monochrome/Symbol/CircleInfo.tsx';
-export { default as CircleInfoFill } from './Monochrome/Symbol/CircleInfoFill.tsx';
-export { default as CircleXmark } from './Monochrome/Symbol/CircleXmark.tsx';
-export { default as CircleXmarkFill } from './Monochrome/Symbol/CircleXmarkFill.tsx';
-export { default as Equal } from './Monochrome/Symbol/Equal.tsx';
-export { default as Minus } from './Monochrome/Symbol/Minus.tsx';
-export { default as Plus } from './Monochrome/Symbol/Plus.tsx';
-export { default as Xmark } from './Monochrome/Symbol/Xmark.tsx';
-export { default as Delete } from './Monochrome/System/Delete.tsx';
-export { default as DeleteXmark } from './Monochrome/System/DeleteXmark.tsx';
-export { default as DotsHorizontal } from './Monochrome/System/DotsHorizontal.tsx';
-export { default as DotsVertical } from './Monochrome/System/DotsVertical.tsx';
-export { default as Filter } from './Monochrome/System/Filter.tsx';
-export { default as FilterFill } from './Monochrome/System/FilterFill.tsx';
-export { default as Grip } from './Monochrome/System/Grip.tsx';
-export { default as Notifications } from './Monochrome/System/Notifications.tsx';
-export { default as Settings } from './Monochrome/System/Settings.tsx';
-export { default as Clock40 } from './Monochrome/Time/Clock40.tsx';
-export { default as Clock60 } from './Monochrome/Time/Clock60.tsx';
-export { default as ClockArrowRotateCcwLeft } from './Monochrome/Time/ClockArrowRotateCcwLeft.tsx';
-export { default as AttachFile } from './Monochrome/Tool/AttachFile.tsx';
-export { default as Funnel } from './Monochrome/Tool/Funnel.tsx';
-export { default as Magnifier } from './Monochrome/Tool/Magnifier.tsx';
-export { default as Pencil } from './Monochrome/Tool/Pencil.tsx';
+export { default as FlagRu } from './Colored/Flags/FlagRu';
+export { default as FlagUk } from './Colored/Flags/FlagUk';
+export { default as Google } from './Colored/Logos/Google';
+export { default as MailAol } from './Colored/Logos/MailAol';
+export { default as MailGmail } from './Colored/Logos/MailGmail';
+export { default as MailIcloud } from './Colored/Logos/MailIcloud';
+export { default as MailMail } from './Colored/Logos/MailMail';
+export { default as MailOutlook } from './Colored/Logos/MailOutlook';
+export { default as MailProton } from './Colored/Logos/MailProton';
+export { default as MailYahoo } from './Colored/Logos/MailYahoo';
+export { default as MailYandex } from './Colored/Logos/MailYandex';
+export { default as Vk } from './Colored/Logos/Vk';
+export { default as Yandex } from './Colored/Logos/Yandex';
+export { default as Arrow360 } from './Monochrome/Arrows/Arrow360';
+export { default as ArrowBack } from './Monochrome/Arrows/ArrowBack';
+export { default as ArrowDownToSquare } from './Monochrome/Arrows/ArrowDownToSquare';
+export { default as ArrowLeftArrowRight } from './Monochrome/Arrows/ArrowLeftArrowRight';
+export { default as ArrowOutward } from './Monochrome/Arrows/ArrowOutward';
+export { default as ArrowRightFromSquare } from './Monochrome/Arrows/ArrowRightFromSquare';
+export { default as ArrowRightToSquare } from './Monochrome/Arrows/ArrowRightToSquare';
+export { default as ArrowShapeTurnUpRight } from './Monochrome/Arrows/ArrowShapeTurnUpRight';
+export { default as ArrowShapeTurnUpRightCheck } from './Monochrome/Arrows/ArrowShapeTurnUpRightCheck';
+export { default as ArrowsRotateRightAdd } from './Monochrome/Arrows/ArrowsRotateRightAdd';
+export { default as ArrowsRotateRightCheck } from './Monochrome/Arrows/ArrowsRotateRightCheck';
+export { default as ArrowUpArrowDown } from './Monochrome/Arrows/ArrowUpArrowDown';
+export { default as ArrowUturnCcwLeft } from './Monochrome/Arrows/ArrowUturnCcwLeft';
+export { default as ArrowUturnCwRight } from './Monochrome/Arrows/ArrowUturnCwRight';
+export { default as ChevronDown } from './Monochrome/Arrows/ChevronDown';
+export { default as ChevronDownToLine } from './Monochrome/Arrows/ChevronDownToLine';
+export { default as ChevronLeft } from './Monochrome/Arrows/ChevronLeft';
+export { default as ChevronRight } from './Monochrome/Arrows/ChevronRight';
+export { default as ChevronsCollapseUpRight } from './Monochrome/Arrows/ChevronsCollapseUpRight';
+export { default as ChevronsExpandUpRight } from './Monochrome/Arrows/ChevronsExpandUpRight';
+export { default as ChevronUp } from './Monochrome/Arrows/ChevronUp';
+export { default as ChevronUpToLine } from './Monochrome/Arrows/ChevronUpToLine';
+export { default as Shuffle } from './Monochrome/Arrows/Shuffle';
+export { default as Bookmark } from './Monochrome/Doc/Bookmark';
+export { default as BookmarkFill } from './Monochrome/Doc/BookmarkFill';
+export { default as Bookmarks } from './Monochrome/Doc/Bookmarks';
+export { default as Link } from './Monochrome/Doc/Link';
+export { default as LinkAdd } from './Monochrome/Doc/LinkAdd';
+export { default as LinkSlash } from './Monochrome/Doc/LinkSlash';
+export { default as CodeBlock } from './Monochrome/Editor/CodeBlock';
+export { default as FormatBold } from './Monochrome/Editor/FormatBold';
+export { default as FormatItalic } from './Monochrome/Editor/FormatItalic';
+export { default as FormatListOl } from './Monochrome/Editor/FormatListOl';
+export { default as FormatListUl } from './Monochrome/Editor/FormatListUl';
+export { default as FormatUndeline } from './Monochrome/Editor/FormatUndeline';
+export { default as TextFormat } from './Monochrome/Editor/TextFormat';
+export { default as Copy } from './Monochrome/File/Copy';
+export { default as File } from './Monochrome/File/File';
+export { default as FileAdd } from './Monochrome/File/FileAdd';
+export { default as FileCheck } from './Monochrome/File/FileCheck';
+export { default as FileCheckFill } from './Monochrome/File/FileCheckFill';
+export { default as Folder } from './Monochrome/Folders/Folder';
+export { default as FolderAdd } from './Monochrome/Folders/FolderAdd';
+export { default as FolderFill } from './Monochrome/Folders/FolderFill';
+export { default as FolderOpen } from './Monochrome/Folders/FolderOpen';
+export { default as FolderOpenFill } from './Monochrome/Folders/FolderOpenFill';
+export { default as Folders } from './Monochrome/Folders/Folders';
+export { default as MoveToFolder } from './Monochrome/Folders/MoveToFolder';
+export { default as Fullscreen } from './Monochrome/Misc/Fullscreen';
+export { default as Language } from './Monochrome/Misc/Language';
+export { default as Preview } from './Monochrome/Misc/Preview';
+export { default as Sort } from './Monochrome/Misc/Sort';
+export { default as SortByAlpha } from './Monochrome/Misc/SortByAlpha';
+export { default as Spinner } from './Monochrome/Misc/Spinner';
+export { default as Star } from './Monochrome/Misc/Star';
+export { default as Tag } from './Monochrome/Misc/Tag';
+export { default as Explore } from './Monochrome/Navigation/Explore';
+export { default as ExploreFill } from './Monochrome/Navigation/ExploreFill';
+export { default as Home } from './Monochrome/Navigation/Home';
+export { default as HomeFill } from './Monochrome/Navigation/HomeFill';
+export { default as Interests } from './Monochrome/Navigation/Interests';
+export { default as InterestsFill } from './Monochrome/Navigation/InterestsFill';
+export { default as AddRowAbove } from './Monochrome/Sets/AddRowAbove';
+export { default as AddRowBelow } from './Monochrome/Sets/AddRowBelow';
+export { default as AddSquare } from './Monochrome/Sets/AddSquare';
+export { default as Clipboard } from './Monochrome/Sets/Clipboard';
+export { default as Hint } from './Monochrome/Sets/Hint';
+export { default as HintAdd } from './Monochrome/Sets/HintAdd';
+export { default as HintSlash } from './Monochrome/Sets/HintSlash';
+export { default as Learn } from './Monochrome/Sets/Learn';
+export { default as ListAdd } from './Monochrome/Sets/ListAdd';
+export { default as Set } from './Monochrome/Sets/Set';
+export { default as SetAdd } from './Monochrome/Sets/SetAdd';
+export { default as TableConvert } from './Monochrome/Sets/TableConvert';
+export { default as Favorite } from './Monochrome/Social/Favorite';
+export { default as FavoriteFill } from './Monochrome/Social/FavoriteFill';
+export { default as Globe } from './Monochrome/Social/Globe';
+export { default as GlobeAdd } from './Monochrome/Social/GlobeAdd';
+export { default as PersonAdd } from './Monochrome/Social/PersonAdd';
+export { default as PersonCheck } from './Monochrome/Social/PersonCheck';
+export { default as PersonCheckFill } from './Monochrome/Social/PersonCheckFill';
+export { default as PersonEdit } from './Monochrome/Social/PersonEdit';
+export { default as PersonEditFill } from './Monochrome/Social/PersonEditFill';
+export { default as PersonGroup } from './Monochrome/Social/PersonGroup';
+export { default as PersonPin } from './Monochrome/Social/PersonPin';
+export { default as Check } from './Monochrome/Symbol/Check';
+export { default as CircleCheck } from './Monochrome/Symbol/CircleCheck';
+export { default as CircleCheckFill } from './Monochrome/Symbol/CircleCheckFill';
+export { default as CircleInfo } from './Monochrome/Symbol/CircleInfo';
+export { default as CircleInfoFill } from './Monochrome/Symbol/CircleInfoFill';
+export { default as CircleXmark } from './Monochrome/Symbol/CircleXmark';
+export { default as CircleXmarkFill } from './Monochrome/Symbol/CircleXmarkFill';
+export { default as Equal } from './Monochrome/Symbol/Equal';
+export { default as Minus } from './Monochrome/Symbol/Minus';
+export { default as Plus } from './Monochrome/Symbol/Plus';
+export { default as Xmark } from './Monochrome/Symbol/Xmark';
+export { default as Delete } from './Monochrome/System/Delete';
+export { default as DeleteXmark } from './Monochrome/System/DeleteXmark';
+export { default as DotsHorizontal } from './Monochrome/System/DotsHorizontal';
+export { default as DotsVertical } from './Monochrome/System/DotsVertical';
+export { default as Filter } from './Monochrome/System/Filter';
+export { default as FilterFill } from './Monochrome/System/FilterFill';
+export { default as Grip } from './Monochrome/System/Grip';
+export { default as Notifications } from './Monochrome/System/Notifications';
+export { default as Settings } from './Monochrome/System/Settings';
+export { default as Clock40 } from './Monochrome/Time/Clock40';
+export { default as Clock60 } from './Monochrome/Time/Clock60';
+export { default as ClockArrowRotateCcwLeft } from './Monochrome/Time/ClockArrowRotateCcwLeft';
+export { default as AttachFile } from './Monochrome/Tool/AttachFile';
+export { default as Funnel } from './Monochrome/Tool/Funnel';
+export { default as Magnifier } from './Monochrome/Tool/Magnifier';
+export { default as Pencil } from './Monochrome/Tool/Pencil';
diff --git a/packages/ui/icons/src/scripts/generateIcons.js b/packages/ui/icons/src/scripts/generateIcons.js
index 482ab760..61be5191 100644
--- a/packages/ui/icons/src/scripts/generateIcons.js
+++ b/packages/ui/icons/src/scripts/generateIcons.js
@@ -30,7 +30,7 @@ async function generateIcons() {
     await fs.mkdir(path.parse(iconFilePath).dir, { recursive: true });
     await fs.writeFile(iconFilePath, content);
 
-    return { name: componentName, path: iconFileRelativePath };
+    return { name: componentName, path: path.join(fileMeta.dir, componentName) };
   }));
 
   await createIndexFile(iconFiles);
diff --git a/packages/ui/icons/src/vite-env.d.ts b/packages/ui/icons/src/vite-env.d.ts
deleted file mode 100644
index 6031d44a..00000000
--- a/packages/ui/icons/src/vite-env.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-/// <reference types="vite/client" />
-
-type ImportMetaEnv = {
-  readonly VITE_FIGMA_TOKEN: string;
-  readonly VITE_FIGMA_FILE: string;
-  readonly VITE_FIGMA_IDS: string;
-  readonly VITE_FIGMA_PAGES: string;
-  readonly VITE_FIGMA_DEPTH: string;
-};
-
-type ImportMeta = {
-  readonly env: ImportMetaEnv;
-};
diff --git a/packages/ui/icons/tsconfig.build.json b/packages/ui/icons/tsconfig.build.json
index f83a1df9..9226b21b 100644
--- a/packages/ui/icons/tsconfig.build.json
+++ b/packages/ui/icons/tsconfig.build.json
@@ -1,4 +1,12 @@
 {
   "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "jsx": "preserve",
+    "allowImportingTsExtensions": false,
+    "declaration": false,
+    "declarationMap": false,
+    "emitDeclarationOnly": false,
+    "outDir": "dist"
+  },
   "include": ["src/lib/"]
 }
diff --git a/packages/ui/icons/tsconfig.json b/packages/ui/icons/tsconfig.json
index 06a39784..636c068c 100644
--- a/packages/ui/icons/tsconfig.json
+++ b/packages/ui/icons/tsconfig.json
@@ -1,14 +1,14 @@
 {
   "extends": "@flippo/tsconfig",
   "compilerOptions": {
-    "jsx": "react-jsx",
+    "composite": false,
+    "jsx": "react",
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
 
     "baseUrl": ".",
     "types": ["node", "react", "react-dom"],
-    "allowJs": true,
-    "noEmit": true
+    "allowJs": true
   },
-  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.tsx", "vite.config.ts", "src/scripts/constants.js", "src/scripts/renameSvg.js"],
+  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.tsx", "tsup.config.ts"],
   "exclude": ["node_modules", "dist"]
 }
diff --git a/packages/ui/icons/vite.config.ts b/packages/ui/icons/vite.config.ts
deleted file mode 100644
index c71c4482..00000000
--- a/packages/ui/icons/vite.config.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-import { fileURLToPath } from 'node:url';
-import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
-import dts from 'vite-plugin-dts';
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react(), dts({ include: ['./src/lib/'] })],
-  build: {
-    copyPublicDir: false,
-    lib: {
-      entry: fileURLToPath(import.meta.resolve('src/lib/', import.meta.dirname)),
-      formats: ['es', 'cjs'],
-      fileName: (config) => `icons.${config}.js`
-    },
-    rollupOptions: {
-      external: ['react']
-    }
-  }
-});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e6b39c34..b5e265f0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,81 +6,15 @@ settings:
 
 catalogs:
   default:
-    '@antfu/eslint-config':
-      specifier: ^4.11.0
-      version: 4.11.0
-    '@biomejs/biome':
-      specifier: 2.0.0-beta.1
-      version: 2.0.0-beta.1
-    '@chromatic-com/storybook':
-      specifier: 3.2.6
-      version: 3.2.6
-    '@eslint-react/eslint-plugin':
-      specifier: ^1.40.3
-      version: 1.42.1
-    '@farfetched/core':
-      specifier: ^0.13.1
-      version: 0.13.1
     '@figma-export/core':
       specifier: ^6.2.0
       version: 6.2.0
-    '@storybook/addon-essentials':
-      specifier: 8.6.11
-      version: 8.6.11
-    '@storybook/addon-interactions':
-      specifier: 8.6.11
-      version: 8.6.11
-    '@storybook/addon-onboarding':
-      specifier: 8.6.11
-      version: 8.6.11
-    '@storybook/blocks':
-      specifier: 8.6.11
-      version: 8.6.11
-    '@storybook/manager-api':
-      specifier: ^8.6.11
-      version: 8.6.12
-    '@storybook/react':
-      specifier: 8.6.11
-      version: 8.6.11
-    '@storybook/react-vite':
-      specifier: 8.6.11
-      version: 8.6.11
-    '@storybook/test':
-      specifier: 8.6.11
-      version: 8.6.11
-    '@storybook/theming':
-      specifier: ^8.6.11
-      version: 8.6.12
     '@svgr/core':
       specifier: ^8.1.0
       version: 8.1.0
     '@svgr/plugin-jsx':
       specifier: ^8.1.0
       version: 8.1.0
-    '@testing-library/webdriverio':
-      specifier: ^3.2.1
-      version: 3.2.1
-    '@testplane/global-hook':
-      specifier: ^1.0.0
-      version: 1.0.0
-    '@testplane/storybook':
-      specifier: ^1.6.1
-      version: 1.6.1
-    '@testplane/test-filter':
-      specifier: ^1.0.0
-      version: 1.0.0
-    '@testplane/url-decorator':
-      specifier: ^1.0.0
-      version: 1.0.0
-    '@turbo/gen':
-      specifier: ^2.4.4
-      version: 2.5.0
-    '@types/eslint':
-      specifier: ^9.6.1
-      version: 9.6.1
-    '@types/js-cookie':
-      specifier: ^3.0.6
-      version: 3.0.6
     '@types/node':
       specifier: ^22.14.0
       version: 22.14.0
@@ -90,144 +24,27 @@ catalogs:
     '@types/react-dom':
       specifier: 19.0.4
       version: 19.0.4
-    '@vitejs/plugin-react':
-      specifier: ^4.3.4
-      version: 4.3.4
-    '@withease/i18next':
-      specifier: ^24.0.0
-      version: 24.0.0
-    '@withease/web-api':
-      specifier: ^1.3.0
-      version: 1.3.0
-    atomic-router:
-      specifier: ^0.11.0
-      version: 0.11.0
-    atomic-router-react:
-      specifier: ^0.10.0
-      version: 0.10.0
-    axios:
-      specifier: ^1.8.4
-      version: 1.8.4
-    clsx:
-      specifier: ^2.1.1
-      version: 2.1.1
-    effector:
-      specifier: ^23.3.0
-      version: 23.3.0
-    effector-react:
-      specifier: ^23.3.0
-      version: 23.3.0
     eslint:
       specifier: ^9.24.0
       version: 9.24.0
-    eslint-plugin-effector:
-      specifier: ^0.15.0
-      version: 0.15.0
-    eslint-plugin-format:
-      specifier: ^1.0.1
-      version: 1.0.1
-    eslint-plugin-react-hooks:
-      specifier: ^5.2.0
-      version: 5.2.0
     eslint-plugin-react-refresh:
       specifier: ^0.4.19
       version: 0.4.19
-    eslint-plugin-storybook:
-      specifier: ^0.12.0
-      version: 0.12.0
-    eslint-plugin-turbo:
-      specifier: ^2.5.0
-      version: 2.5.0
-    framer-motion:
-      specifier: ^12.6.2
-      version: 12.6.3
-    globals:
-      specifier: ^16.0.0
-      version: 16.0.0
-    history:
-      specifier: ^5.3.0
-      version: 5.3.0
-    html-reporter:
-      specifier: ^10.15.0
-      version: 10.15.2
-    i18next:
-      specifier: ^24.2.3
-      version: 24.2.3
-    i18next-browser-languagedetector:
-      specifier: ^8.0.4
-      version: 8.0.4
-    i18next-hmr:
-      specifier: ^3.1.3
-      version: 3.1.3
-    i18next-http-backend:
-      specifier: ^3.0.2
-      version: 3.0.2
     is-svg:
       specifier: ^5.1.0
       version: 5.1.0
-    jiti:
-      specifier: ^2.4.2
-      version: 2.4.2
-    js-cookie:
-      specifier: ^3.0.5
-      version: 3.0.5
-    patronum:
-      specifier: ^2.3.0
-      version: 2.3.0
-    postcss:
-      specifier: ^8.5.3
-      version: 8.5.3
-    postcss-flexbugs-fixes:
-      specifier: ^5.0.2
-      version: 5.0.2
-    postcss-preset-env:
-      specifier: ^10.1.5
-      version: 10.1.5
     react:
       specifier: ^19.1.0
       version: 19.1.0
     react-dom:
       specifier: ^19.1.0
       version: 19.1.0
-    react-i18next:
-      specifier: ^15.4.1
-      version: 15.4.1
-    react-use-measure:
-      specifier: ^2.1.7
-      version: 2.1.7
-    sass-embedded:
-      specifier: ^1.86.1
-      version: 1.86.3
-    storybook:
-      specifier: 8.6.11
-      version: 8.6.11
-    storybook-react-i18next:
-      specifier: ^3.2.1
-      version: 3.2.1
-    stylelint:
-      specifier: ^16.17.0
-      version: 16.18.0
-    surrealdb:
-      specifier: ^1.2.1
-      version: 1.3.1
     svgo:
       specifier: ^3.3.2
       version: 3.3.2
-    testplane:
-      specifier: ^8.26.0
-      version: 8.27.2
     typescript:
       specifier: ^5.8.2
-      version: 5.8.3
-    vite:
-      specifier: ^6.2.4
-      version: 6.2.5
-    vite-plugin-dts:
-      specifier: ^4.5.3
-      version: 4.5.3
-    zod:
-      specifier: ^3.24.2
-      version: 3.24.2
+      version: 5.7.3
 
 importers:
 
@@ -620,9 +437,6 @@ importers:
       '@types/react-dom':
         specifier: 'catalog:'
         version: 19.0.4(@types/react@19.0.12)
-      '@vitejs/plugin-react':
-        specifier: 'catalog:'
-        version: 4.3.4(vite@6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1))
       eslint:
         specifier: 'catalog:'
         version: 9.24.0(jiti@2.4.2)
@@ -644,12 +458,6 @@ importers:
       typescript:
         specifier: 'catalog:'
         version: 5.7.3
-      vite:
-        specifier: 'catalog:'
-        version: 6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1)
-      vite-plugin-dts:
-        specifier: 'catalog:'
-        version: 4.5.3(@types/node@22.14.0)(rollup@4.39.0)(typescript@5.7.3)(vite@6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1))
 
   packages/ui/uikit:
     dependencies:
@@ -1760,19 +1568,6 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
-  '@microsoft/api-extractor-model@7.30.5':
-    resolution: {integrity: sha512-0ic4rcbcDZHz833RaTZWTGu+NpNgrxVNjVaor0ZDUymfDFzjA/Uuk8hYziIUIOEOSTfmIQqyzVwlzxZxPe7tOA==}
-
-  '@microsoft/api-extractor@7.52.3':
-    resolution: {integrity: sha512-QEs6l8h7p9eOSHrQ9NBBUZhUuq+j/2QKcRgigbSs2YQepKz8glvsqmsUOp+nvuaY60ps7KkpVVYQCj81WLoMVQ==}
-    hasBin: true
-
-  '@microsoft/tsdoc-config@0.17.1':
-    resolution: {integrity: sha512-UtjIFe0C6oYgTnad4q1QP4qXwLhe6tIpNTRStJ2RZEPIkqQPREAwE5spzVxsdn9UaEMUqhh0AqSx3X4nWAKXWw==}
-
-  '@microsoft/tsdoc@0.15.1':
-    resolution: {integrity: sha512-4aErSrCR/On/e5G2hDP0wjooqDdauzEbIq8hIkIe5pXV0rtWJZvdCEKL0ykZxex+IxIwBp0eGeV48hQN07dXtw==}
-
   '@napi-rs/wasm-runtime@0.2.8':
     resolution: {integrity: sha512-OBlgKdX7gin7OIq4fadsjpg+cp2ZphvAIKucHsNfTdJiqdOmOEwQd/bHi0VwNrcw5xpBJyUw6cK/QilCqy1BSg==}
 
@@ -1941,28 +1736,6 @@ packages:
   '@rrweb/utils@2.0.0-alpha.18':
     resolution: {integrity: sha512-qV8azQYo9RuwW4NGRtOiQfTBdHNL1B0Q//uRLMbCSjbaKqJYd88Js17Bdskj65a0Vgp2dwTLPIZ0gK47dfjfaA==}
 
-  '@rushstack/node-core-library@5.13.0':
-    resolution: {integrity: sha512-IGVhy+JgUacAdCGXKUrRhwHMTzqhWwZUI+qEPcdzsb80heOw0QPbhhoVsoiMF7Klp8eYsp7hzpScMXmOa3Uhfg==}
-    peerDependencies:
-      '@types/node': '*'
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-
-  '@rushstack/rig-package@0.5.3':
-    resolution: {integrity: sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==}
-
-  '@rushstack/terminal@0.15.2':
-    resolution: {integrity: sha512-7Hmc0ysK5077R/IkLS9hYu0QuNafm+TbZbtYVzCMbeOdMjaRboLKrhryjwZSRJGJzu+TV1ON7qZHeqf58XfLpA==}
-    peerDependencies:
-      '@types/node': '*'
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-
-  '@rushstack/ts-command-line@4.23.7':
-    resolution: {integrity: sha512-Gr9cB7DGe6uz5vq2wdr89WbVDKz0UeuFEn5H2CfWDe7JvjFFaiV15gi6mqDBTbHhHCWS7w8mF1h3BnIfUndqdA==}
-
   '@sinclair/typebox@0.24.51':
     resolution: {integrity: sha512-1P1OROm/rdubP5aFDSZQILU0vrLCJ4fvHt6EoqHEM+2D/G5MK3bIaymUKLit8Js9gbns5UyJnkP/TZROLw4tUA==}
 
@@ -2341,9 +2114,6 @@ packages:
   '@tybys/wasm-util@0.9.0':
     resolution: {integrity: sha512-6+7nlbMVX/PVDCwaIQ8nTOPveOcFLSt8GcXdx8hD0bt39uWxYT88uXzqTd4fTvqta7oeUJqudepapKNt2DYJFw==}
 
-  '@types/argparse@1.0.38':
-    resolution: {integrity: sha512-ebDJ9b0e702Yr7pWgB0jzm+CX4Srzz8RcXtLJDJB+BSccqMa36uyH/zUsSYao5+BD1ytv3k3rPYCq4mAE1hsXA==}
-
   '@types/aria-query@5.0.4':
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
 
@@ -2700,15 +2470,6 @@ packages:
   '@vitest/utils@2.1.9':
     resolution: {integrity: sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==}
 
-  '@volar/language-core@2.4.12':
-    resolution: {integrity: sha512-RLrFdXEaQBWfSnYGVxvR2WrO6Bub0unkdHYIdC31HzIEqATIuuhRRzYu76iGPZ6OtA4Au1SnW0ZwIqPP217YhA==}
-
-  '@volar/source-map@2.4.12':
-    resolution: {integrity: sha512-bUFIKvn2U0AWojOaqf63ER0N/iHIBYZPpNGogfLPQ68F5Eet6FnLlyho7BS0y2HJ1jFhSif7AcuTx1TqsCzRzw==}
-
-  '@volar/typescript@2.4.12':
-    resolution: {integrity: sha512-HJB73OTJDgPc80K30wxi3if4fSsZZAOScbj2fcicMuOPoOkcf9NNAINb33o+DzhBdF9xTKC1gnPmIRDous5S0g==}
-
   '@vue/compiler-core@3.5.13':
     resolution: {integrity: sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==}
 
@@ -2721,17 +2482,6 @@ packages:
   '@vue/compiler-ssr@3.5.13':
     resolution: {integrity: sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==}
 
-  '@vue/compiler-vue2@2.7.16':
-    resolution: {integrity: sha512-qYC3Psj9S/mfu9uVi5WvNZIzq+xnXMhOwbTFKKDD7b1lhpnn71jXSFdTQ+WsIEk0ONCd7VV2IMm7ONl6tbQ86A==}
-
-  '@vue/language-core@2.2.0':
-    resolution: {integrity: sha512-O1ZZFaaBGkKbsRfnVH1ifOK1/1BUkyK+3SQsfnh6PmMmD4qJcTU8godCeA96jjDRTL6zgnK7YzCHfaUlH2r0Mw==}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   '@vue/shared@3.5.13':
     resolution: {integrity: sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ==}
 
@@ -2810,37 +2560,12 @@ packages:
     resolution: {integrity: sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==}
     engines: {node: '>=8'}
 
-  ajv-draft-04@1.0.0:
-    resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
-    peerDependencies:
-      ajv: ^8.5.0
-    peerDependenciesMeta:
-      ajv:
-        optional: true
-
-  ajv-formats@3.0.1:
-    resolution: {integrity: sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ==}
-    peerDependencies:
-      ajv: ^8.0.0
-    peerDependenciesMeta:
-      ajv:
-        optional: true
-
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
-  ajv@8.12.0:
-    resolution: {integrity: sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==}
-
-  ajv@8.13.0:
-    resolution: {integrity: sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==}
-
   ajv@8.17.1:
     resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
 
-  alien-signals@0.4.14:
-    resolution: {integrity: sha512-itUAVzhczTmP2U5yX67xVpsbbOiquusbWVyA9N+sy6+r6YVbFkahXvNCeEPWEOMhwDYwbVbGHFkVL03N9I5g+Q==}
-
   ansi-colors@4.1.1:
     resolution: {integrity: sha512-JoX0apGbHaUJBNl6yF+p6JAFYZ666/hhCGKN5t9QFjbJQKUU/g8MNbFDbvfrgKXvI1QpZplPOnwIo99lX/AAmA==}
     engines: {node: '>=6'}
@@ -3540,9 +3265,6 @@ packages:
   dateformat@4.6.3:
     resolution: {integrity: sha512-2P0p0pFGzHS5EMnhdxQi7aJN+iMheud0UhG4dlE1DLAlvL8JHjJJTX/CSm4JXwV0Ka5nGk3zC5mcb5bUQUxxMA==}
 
-  de-indent@1.0.2:
-    resolution: {integrity: sha512-e/1zu3xH5MQryN2zdVaF0OrdNLUbvWxzMbi+iNA6Bky7l1RoP8a2fIbRocyHclXt/arDrrR6lL3TqFD9pMQTsg==}
-
   debug@2.6.9:
     resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==}
     peerDependencies:
@@ -4748,10 +4470,6 @@ packages:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
 
-  import-lazy@4.0.0:
-    resolution: {integrity: sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw==}
-    engines: {node: '>=8'}
-
   import-meta-resolve@4.0.0:
     resolution: {integrity: sha512-okYUR7ZQPH+efeuMJGlq4f8ubUgO50kByRPyt/Cy1Io4PSRsPjxME+YlVaCOx+NIToW7hCsZNFJyTPFFKepRSA==}
 
@@ -5024,9 +4742,6 @@ packages:
     resolution: {integrity: sha512-rg9zJN+G4n2nfJl5MW3BMygZX56zKPNVEYYqq7adpmMh4Jn2QNEwhvQlFy6jPVdcod7txZtKHWnyZiA3a0zP7A==}
     hasBin: true
 
-  jju@1.4.0:
-    resolution: {integrity: sha512-8wb9Yw966OSxApiCt0K3yNJL8pnNeIv+OEq2YMidz4FKP6nonSRoOXc80iXY4JaN2FC11B9qsNmDsm+ZOfMROA==}
-
   jose@5.10.0:
     resolution: {integrity: sha512-s+3Al/p9g32Iq+oqXxkW//7jk2Vig6FF1CFqzVXoTUXt2qz89YWbL+OwS17NFYEvxC35n0FKeGO2LGYSxeM2Gg==}
 
@@ -5119,9 +4834,6 @@ packages:
   known-css-properties@0.35.0:
     resolution: {integrity: sha512-a/RAk2BfKk+WFGhhOCAYqSiFLc34k8Mt/6NWRI4joER0EYUzXIcFivjjnoD3+XU1DggLn/tZc3DOAgke7l8a4A==}
 
-  kolorist@1.8.0:
-    resolution: {integrity: sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ==}
-
   lazystream@1.0.1:
     resolution: {integrity: sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==}
     engines: {node: '>= 0.6.3'}
@@ -5242,10 +4954,6 @@ packages:
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
-  lru-cache@6.0.0:
-    resolution: {integrity: sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==}
-    engines: {node: '>=10'}
-
   lru-cache@7.18.3:
     resolution: {integrity: sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==}
     engines: {node: '>=12'}
@@ -5468,9 +5176,6 @@ packages:
     resolution: {integrity: sha512-ethXTt3SGGR+95gudmqJ1eNhRO7eGEGIgYA9vnPatK4/etz2MEVDno5GMCibdMTuBMyElzIlgxMna3K94XDIDQ==}
     engines: {node: 20 || >=22}
 
-  minimatch@3.0.8:
-    resolution: {integrity: sha512-6FsRAQsxQ61mw+qP1ZzbL9Bc78x2p5OqNgNpnoAFLTrX8n5Kxph0CsnhmKKNXTWjXqU5L0pGPR7hYk+XWZr60Q==}
-
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
@@ -5537,9 +5242,6 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
-  muggle-string@0.4.1:
-    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
-
   mute-stream@0.0.8:
     resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
 
@@ -5824,9 +5526,6 @@ packages:
   pascal-case@2.0.1:
     resolution: {integrity: sha512-qjS4s8rBOJa2Xm0jmxXiyh1+OFf6ekCWOvUaRgAQSktzlTbMotS0nmG9gyYAybCWBcuP4fsBeRCKNwGBnMe2OQ==}
 
-  path-browserify@1.0.1:
-    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
-
   path-case@2.1.1:
     resolution: {integrity: sha512-Ou0N05MioItesaLr9q8TtHVWmJ6fxWdqKB2RohFmNWVyJ+2zeKIeDNWAN6B/Pe7wpzWChhZX6nONYmOnMeJQ/Q==}
 
@@ -6624,11 +6323,6 @@ packages:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
 
-  semver@7.5.4:
-    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
-    engines: {node: '>=10'}
-    hasBin: true
-
   semver@7.6.2:
     resolution: {integrity: sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==}
     engines: {node: '>=10'}
@@ -6870,10 +6564,6 @@ packages:
     resolution: {integrity: sha512-Y6IZaTVM80chcMe7j65Gl/0nmlNdtt+KWPle5YeCAjmsBfw+id2qdaJ5MDrxUq+OmHKab+jHe7mUjU/aNMSZZg==}
     engines: {node: '>=0.2.0'}
 
-  string-argv@0.3.2:
-    resolution: {integrity: sha512-aqD2Q0144Z+/RqG52NeHEkZauTAUWJO8c6yTftGJKO3Tja5tUgIfmIl6kExvhtxSDP7fXB6DvzkfMpCd/F3G+Q==}
-    engines: {node: '>=0.6.19'}
-
   string-ts@2.2.1:
     resolution: {integrity: sha512-Q2u0gko67PLLhbte5HmPfdOjNvUKbKQM+mCNQae6jE91DmoFHY6HH9GcdqCeNx87DZ2KKjiFxmA0R/42OneGWw==}
 
@@ -7220,11 +6910,6 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  typescript@5.8.2:
-    resolution: {integrity: sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ==}
-    engines: {node: '>=14.17'}
-    hasBin: true
-
   typescript@5.8.3:
     resolution: {integrity: sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==}
     engines: {node: '>=14.17'}
@@ -7384,15 +7069,6 @@ packages:
     resolution: {integrity: sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==}
     engines: {node: '>= 0.8'}
 
-  vite-plugin-dts@4.5.3:
-    resolution: {integrity: sha512-P64VnD00dR+e8S26ESoFELqc17+w7pKkwlBpgXteOljFyT0zDwD8hH4zXp49M/kciy//7ZbVXIwQCekBJjfWzA==}
-    peerDependencies:
-      typescript: '*'
-      vite: '*'
-    peerDependenciesMeta:
-      vite:
-        optional: true
-
   vite@5.1.6:
     resolution: {integrity: sha512-yYIAZs9nVfRJ/AiOLCA91zzhjsHUgMjB+EigzFb6W2XTLO8JixBCKCjvhKZaye+NKYHCrkv3Oh50dH9EdLU2RA==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -7465,9 +7141,6 @@ packages:
     resolution: {integrity: sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==}
     engines: {node: '>=0.10.0'}
 
-  vscode-uri@3.1.0:
-    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
-
   vue-eslint-parser@10.1.3:
     resolution: {integrity: sha512-dbCBnd2e02dYWsXoqX5yKUZlOt+ExIpq7hmHKPb5ZqKcjf++Eo0hMseFTZMLKThrUk61m+Uv6A2YSBve6ZvuDQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -7630,9 +7303,6 @@ packages:
   yallist@3.1.1:
     resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
 
-  yallist@4.0.0:
-    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
-
   yaml-eslint-parser@1.3.0:
     resolution: {integrity: sha512-E/+VitOorXSLiAqtTd7Yqax0/pAS3xaYMP+AUUJGOK1OZG3rhcj9fcJOM5HJ2VrP1FrStVCWr1muTfQCdj4tAA==}
     engines: {node: ^14.17.0 || >=16.0.0}
@@ -7785,7 +7455,7 @@ snapshots:
       '@babel/traverse': 7.27.0
       '@babel/types': 7.27.0
       convert-source-map: 2.0.0
-      debug: 4.4.0(supports-color@5.5.0)
+      debug: 4.4.0
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -7880,7 +7550,7 @@ snapshots:
       '@babel/parser': 7.27.0
       '@babel/template': 7.27.0
       '@babel/types': 7.27.0
-      debug: 4.4.0(supports-color@5.5.0)
+      debug: 4.4.0
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -8660,7 +8330,7 @@ snapshots:
   '@eslint/config-array@0.20.0':
     dependencies:
       '@eslint/object-schema': 2.1.6
-      debug: 4.4.0(supports-color@5.5.0)
+      debug: 4.4.0
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -8682,7 +8352,7 @@ snapshots:
   '@eslint/eslintrc@3.3.1':
     dependencies:
       ajv: 6.12.6
-      debug: 4.4.0(supports-color@5.5.0)
+      debug: 4.4.0
       espree: 10.3.0
       globals: 14.0.0
       ignore: 5.3.2
@@ -8842,41 +8512,6 @@ snapshots:
       '@types/react': 19.0.12
       react: 19.1.0
 
-  '@microsoft/api-extractor-model@7.30.5(@types/node@22.14.0)':
-    dependencies:
-      '@microsoft/tsdoc': 0.15.1
-      '@microsoft/tsdoc-config': 0.17.1
-      '@rushstack/node-core-library': 5.13.0(@types/node@22.14.0)
-    transitivePeerDependencies:
-      - '@types/node'
-
-  '@microsoft/api-extractor@7.52.3(@types/node@22.14.0)':
-    dependencies:
-      '@microsoft/api-extractor-model': 7.30.5(@types/node@22.14.0)
-      '@microsoft/tsdoc': 0.15.1
-      '@microsoft/tsdoc-config': 0.17.1
-      '@rushstack/node-core-library': 5.13.0(@types/node@22.14.0)
-      '@rushstack/rig-package': 0.5.3
-      '@rushstack/terminal': 0.15.2(@types/node@22.14.0)
-      '@rushstack/ts-command-line': 4.23.7(@types/node@22.14.0)
-      lodash: 4.17.21
-      minimatch: 3.0.8
-      resolve: 1.22.10
-      semver: 7.5.4
-      source-map: 0.6.1
-      typescript: 5.8.2
-    transitivePeerDependencies:
-      - '@types/node'
-
-  '@microsoft/tsdoc-config@0.17.1':
-    dependencies:
-      '@microsoft/tsdoc': 0.15.1
-      ajv: 8.12.0
-      jju: 1.4.0
-      resolve: 1.22.10
-
-  '@microsoft/tsdoc@0.15.1': {}
-
   '@napi-rs/wasm-runtime@0.2.8':
     dependencies:
       '@emnapi/core': 1.4.0
@@ -9024,40 +8659,6 @@ snapshots:
 
   '@rrweb/utils@2.0.0-alpha.18': {}
 
-  '@rushstack/node-core-library@5.13.0(@types/node@22.14.0)':
-    dependencies:
-      ajv: 8.13.0
-      ajv-draft-04: 1.0.0(ajv@8.13.0)
-      ajv-formats: 3.0.1(ajv@8.13.0)
-      fs-extra: 11.3.0
-      import-lazy: 4.0.0
-      jju: 1.4.0
-      resolve: 1.22.10
-      semver: 7.5.4
-    optionalDependencies:
-      '@types/node': 22.14.0
-
-  '@rushstack/rig-package@0.5.3':
-    dependencies:
-      resolve: 1.22.10
-      strip-json-comments: 3.1.1
-
-  '@rushstack/terminal@0.15.2(@types/node@22.14.0)':
-    dependencies:
-      '@rushstack/node-core-library': 5.13.0(@types/node@22.14.0)
-      supports-color: 8.1.1
-    optionalDependencies:
-      '@types/node': 22.14.0
-
-  '@rushstack/ts-command-line@4.23.7(@types/node@22.14.0)':
-    dependencies:
-      '@rushstack/terminal': 0.15.2(@types/node@22.14.0)
-      '@types/argparse': 1.0.38
-      argparse: 1.0.10
-      string-argv: 0.3.2
-    transitivePeerDependencies:
-      - '@types/node'
-
   '@sinclair/typebox@0.24.51': {}
 
   '@socket.io/component-emitter@3.1.2': {}
@@ -9645,8 +9246,6 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
-  '@types/argparse@1.0.38': {}
-
   '@types/aria-query@5.0.4': {}
 
   '@types/babel__core@7.20.5':
@@ -10044,18 +9643,6 @@ snapshots:
       loupe: 3.1.3
       tinyrainbow: 1.2.0
 
-  '@volar/language-core@2.4.12':
-    dependencies:
-      '@volar/source-map': 2.4.12
-
-  '@volar/source-map@2.4.12': {}
-
-  '@volar/typescript@2.4.12':
-    dependencies:
-      '@volar/language-core': 2.4.12
-      path-browserify: 1.0.1
-      vscode-uri: 3.1.0
-
   '@vue/compiler-core@3.5.13':
     dependencies:
       '@babel/parser': 7.27.0
@@ -10086,24 +9673,6 @@ snapshots:
       '@vue/compiler-dom': 3.5.13
       '@vue/shared': 3.5.13
 
-  '@vue/compiler-vue2@2.7.16':
-    dependencies:
-      de-indent: 1.0.2
-      he: 1.2.0
-
-  '@vue/language-core@2.2.0(typescript@5.7.3)':
-    dependencies:
-      '@volar/language-core': 2.4.12
-      '@vue/compiler-dom': 3.5.13
-      '@vue/compiler-vue2': 2.7.16
-      '@vue/shared': 3.5.13
-      alien-signals: 0.4.14
-      minimatch: 9.0.5
-      muggle-string: 0.4.1
-      path-browserify: 1.0.1
-    optionalDependencies:
-      typescript: 5.7.3
-
   '@vue/shared@3.5.13': {}
 
   '@wdio/config@9.12.3':
@@ -10200,14 +9769,6 @@ snapshots:
       clean-stack: 2.2.0
       indent-string: 4.0.0
 
-  ajv-draft-04@1.0.0(ajv@8.13.0):
-    optionalDependencies:
-      ajv: 8.13.0
-
-  ajv-formats@3.0.1(ajv@8.13.0):
-    optionalDependencies:
-      ajv: 8.13.0
-
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -10215,20 +9776,6 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
-  ajv@8.12.0:
-    dependencies:
-      fast-deep-equal: 3.1.3
-      json-schema-traverse: 1.0.0
-      require-from-string: 2.0.2
-      uri-js: 4.4.1
-
-  ajv@8.13.0:
-    dependencies:
-      fast-deep-equal: 3.1.3
-      json-schema-traverse: 1.0.0
-      require-from-string: 2.0.2
-      uri-js: 4.4.1
-
   ajv@8.17.1:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -10236,8 +9783,6 @@ snapshots:
       json-schema-traverse: 1.0.0
       require-from-string: 2.0.2
 
-  alien-signals@0.4.14: {}
-
   ansi-colors@4.1.1: {}
 
   ansi-colors@4.1.3: {}
@@ -10933,8 +10478,6 @@ snapshots:
 
   dateformat@4.6.3: {}
 
-  de-indent@1.0.2: {}
-
   debug@2.6.9:
     dependencies:
       ms: 2.0.0
@@ -10953,6 +10496,10 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
+  debug@4.4.0:
+    dependencies:
+      ms: 2.1.3
+
   debug@4.4.0(supports-color@5.5.0):
     dependencies:
       ms: 2.1.3
@@ -11752,7 +11299,7 @@ snapshots:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.4.0(supports-color@5.5.0)
+      debug: 4.4.0
       escape-string-regexp: 4.0.0
       eslint-scope: 8.3.0
       eslint-visitor-keys: 4.2.0
@@ -12452,8 +11999,6 @@ snapshots:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
-  import-lazy@4.0.0: {}
-
   import-meta-resolve@4.0.0: {}
 
   import-meta-resolve@4.1.0: {}
@@ -12735,8 +12280,6 @@ snapshots:
 
   jiti@2.4.2: {}
 
-  jju@1.4.0: {}
-
   jose@5.10.0: {}
 
   joycon@3.1.1: {}
@@ -12814,8 +12357,6 @@ snapshots:
 
   known-css-properties@0.35.0: {}
 
-  kolorist@1.8.0: {}
-
   lazystream@1.0.1:
     dependencies:
       readable-stream: 2.3.8
@@ -12941,10 +12482,6 @@ snapshots:
     dependencies:
       yallist: 3.1.1
 
-  lru-cache@6.0.0:
-    dependencies:
-      yallist: 4.0.0
-
   lru-cache@7.18.3: {}
 
   lz-string@1.5.0: {}
@@ -13312,10 +12849,6 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
-  minimatch@3.0.8:
-    dependencies:
-      brace-expansion: 1.1.11
-
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
@@ -13395,8 +12928,6 @@ snapshots:
 
   ms@2.1.3: {}
 
-  muggle-string@0.4.1: {}
-
   mute-stream@0.0.8: {}
 
   nanoid@3.3.11: {}
@@ -13706,8 +13237,6 @@ snapshots:
       camel-case: 3.0.0
       upper-case-first: 1.1.2
 
-  path-browserify@1.0.1: {}
-
   path-case@2.1.1:
     dependencies:
       no-case: 2.3.2
@@ -14593,10 +14122,6 @@ snapshots:
 
   semver@6.3.1: {}
 
-  semver@7.5.4:
-    dependencies:
-      lru-cache: 6.0.0
-
   semver@7.6.2: {}
 
   semver@7.7.1: {}
@@ -14916,8 +14441,6 @@ snapshots:
 
   strftime@0.10.2: {}
 
-  string-argv@0.3.2: {}
-
   string-ts@2.2.1: {}
 
   string-width@4.2.3:
@@ -15360,8 +14883,6 @@ snapshots:
 
   typescript@5.7.3: {}
 
-  typescript@5.8.2: {}
-
   typescript@5.8.3: {}
 
   ua-parser-js@1.0.40: {}
@@ -15509,25 +15030,6 @@ snapshots:
 
   vary@1.1.2: {}
 
-  vite-plugin-dts@4.5.3(@types/node@22.14.0)(rollup@4.39.0)(typescript@5.7.3)(vite@6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1)):
-    dependencies:
-      '@microsoft/api-extractor': 7.52.3(@types/node@22.14.0)
-      '@rollup/pluginutils': 5.1.4(rollup@4.39.0)
-      '@volar/typescript': 2.4.12
-      '@vue/language-core': 2.2.0(typescript@5.7.3)
-      compare-versions: 6.1.1
-      debug: 4.4.0(supports-color@5.5.0)
-      kolorist: 1.8.0
-      local-pkg: 1.1.1
-      magic-string: 0.30.17
-      typescript: 5.7.3
-    optionalDependencies:
-      vite: 6.2.5(@types/node@22.14.0)(jiti@2.4.2)(sass-embedded@1.86.3)(yaml@2.7.1)
-    transitivePeerDependencies:
-      - '@types/node'
-      - rollup
-      - supports-color
-
   vite@5.1.6(@types/node@22.14.0):
     dependencies:
       esbuild: 0.19.12
@@ -15551,8 +15053,6 @@ snapshots:
 
   void-elements@3.1.0: {}
 
-  vscode-uri@3.1.0: {}
-
   vue-eslint-parser@10.1.3(eslint@9.24.0(jiti@2.4.2)):
     dependencies:
       debug: 4.4.0(supports-color@5.5.0)
@@ -15745,8 +15245,6 @@ snapshots:
 
   yallist@3.1.1: {}
 
-  yallist@4.0.0: {}
-
   yaml-eslint-parser@1.3.0:
     dependencies:
       eslint-visitor-keys: 3.4.3
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 7174eb04..e9f25609 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -75,6 +75,7 @@ catalog:
   surrealdb: ^1.2.1
   svgo: ^3.3.2
   testplane: ^8.26.0
+  tsup: ^8.4.0
   typescript: ^5.8.2
   react: "^19.1.0"
   "react-dom": "^19.1.0"

From 645b46f5a77d78b8aea0f56fd53d8ef7d0814bd4 Mon Sep 17 00:00:00 2001
From: BlackPoretsky <84518407+BlackPoretsky@users.noreply.github.com>
Date: Tue, 15 Apr 2025 19:56:28 +0000
Subject: [PATCH 5/8] chore: add publishConfig for public access in
 package.json

---
 packages/ui/icons/package.json | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/ui/icons/package.json b/packages/ui/icons/package.json
index 8248fddc..fc0173ac 100644
--- a/packages/ui/icons/package.json
+++ b/packages/ui/icons/package.json
@@ -55,5 +55,8 @@
     "react-dom": "catalog:",
     "svgo": "catalog:",
     "typescript": "catalog:"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

From 5c5cbe8c46d27361448b7c348b866b54f5150185 Mon Sep 17 00:00:00 2001
From: BlackPoretsky <84518407+BlackPoretsky@users.noreply.github.com>
Date: Tue, 15 Apr 2025 20:07:53 +0000
Subject: [PATCH 6/8] feat: initialize changeset configuration and add
 changelog for @flippo/icons

---
 .changeset/README.md           |  8 ++++++++
 .changeset/config.json         | 11 +++++++++++
 packages/ui/icons/CHANGELOG.md |  7 +++++++
 packages/ui/icons/package.json |  2 +-
 4 files changed, 27 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/README.md
 create mode 100644 .changeset/config.json
 create mode 100644 packages/ui/icons/CHANGELOG.md

diff --git a/.changeset/README.md b/.changeset/README.md
new file mode 100644
index 00000000..e5b6d8d6
--- /dev/null
+++ b/.changeset/README.md
@@ -0,0 +1,8 @@
+# Changesets
+
+Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works
+with multi-package repos, or single-package repos to help you version and publish your code. You can
+find the full documentation for it [in our repository](https://github.com/changesets/changesets)
+
+We have a quick list of common questions to get you started engaging with this project in
+[our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md)
diff --git a/.changeset/config.json b/.changeset/config.json
new file mode 100644
index 00000000..d88011f6
--- /dev/null
+++ b/.changeset/config.json
@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.1/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "restricted",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}
diff --git a/packages/ui/icons/CHANGELOG.md b/packages/ui/icons/CHANGELOG.md
new file mode 100644
index 00000000..a28412a6
--- /dev/null
+++ b/packages/ui/icons/CHANGELOG.md
@@ -0,0 +1,7 @@
+# @flippo/icons
+
+## 1.0.1
+
+### Patch Changes
+
+- First release.
diff --git a/packages/ui/icons/package.json b/packages/ui/icons/package.json
index fc0173ac..43ccc28f 100644
--- a/packages/ui/icons/package.json
+++ b/packages/ui/icons/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@flippo/icons",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Pack of Flippo UI icons",
   "keywords": [
     "icons",

From 196febbc639aa3f70e3ff628546ae453d1bf3a43 Mon Sep 17 00:00:00 2001
From: BlackPoretsky <84518407+BlackPoretsky@users.noreply.github.com>
Date: Tue, 15 Apr 2025 22:59:45 +0000
Subject: [PATCH 7/8] feat: add new SVG icons for star, table convert, tag,
 text format, vk, xmark, and yandex

chore: update TypeScript configuration to include new paths and adjust output directory

chore: update pnpm lockfile with new dependencies and versions

chore: modify pnpm workspace configuration to include new packages
---
 packages/ui/icons/.gitignore                  |   4 +
 .../Monochrome/Sets => lib}/AddRowAbove.tsx   |   0
 .../Monochrome/Sets => lib}/AddRowBelow.tsx   |   0
 .../lib/Monochrome/Sets => lib}/AddSquare.tsx |   0
 .../Monochrome/Arrows => lib}/Arrow360.tsx    |   0
 .../Monochrome/Arrows => lib}/ArrowBack.tsx   |   0
 .../Arrows => lib}/ArrowDownToSquare.tsx      |   0
 .../Arrows => lib}/ArrowLeftArrowRight.tsx    |   0
 .../Arrows => lib}/ArrowOutward.tsx           |   0
 .../Arrows => lib}/ArrowRightFromSquare.tsx   |   0
 .../Arrows => lib}/ArrowRightToSquare.tsx     |   0
 .../Arrows => lib}/ArrowShapeTurnUpRight.tsx  |   0
 .../ArrowShapeTurnUpRightCheck.tsx            |   0
 .../Arrows => lib}/ArrowUpArrowDown.tsx       |   0
 .../Arrows => lib}/ArrowUturnCcwLeft.tsx      |   0
 .../Arrows => lib}/ArrowUturnCwRight.tsx      |   0
 .../Arrows => lib}/ArrowsRotateRightAdd.tsx   |   0
 .../Arrows => lib}/ArrowsRotateRightCheck.tsx |   0
 .../Monochrome/Tool => lib}/AttachFile.tsx    |   0
 .../lib/Monochrome/Doc => lib}/Bookmark.tsx   |   0
 .../Monochrome/Doc => lib}/BookmarkFill.tsx   |   0
 .../lib/Monochrome/Doc => lib}/Bookmarks.tsx  |   0
 .../lib/Monochrome/Symbol => lib}/Check.tsx   |   0
 .../Monochrome/Arrows => lib}/ChevronDown.tsx |   0
 .../Arrows => lib}/ChevronDownToLine.tsx      |   0
 .../Monochrome/Arrows => lib}/ChevronLeft.tsx |   0
 .../Arrows => lib}/ChevronRight.tsx           |   0
 .../Monochrome/Arrows => lib}/ChevronUp.tsx   |   0
 .../Arrows => lib}/ChevronUpToLine.tsx        |   0
 .../ChevronsCollapseUpRight.tsx               |   0
 .../Arrows => lib}/ChevronsExpandUpRight.tsx  |   0
 .../Monochrome/Symbol => lib}/CircleCheck.tsx |   0
 .../Symbol => lib}/CircleCheckFill.tsx        |   0
 .../Monochrome/Symbol => lib}/CircleInfo.tsx  |   0
 .../Symbol => lib}/CircleInfoFill.tsx         |   0
 .../Monochrome/Symbol => lib}/CircleXmark.tsx |   0
 .../Symbol => lib}/CircleXmarkFill.tsx        |   0
 .../lib/Monochrome/Sets => lib}/Clipboard.tsx |   0
 .../lib/Monochrome/Time => lib}/Clock40.tsx   |   0
 .../lib/Monochrome/Time => lib}/Clock60.tsx   |   0
 .../Time => lib}/ClockArrowRotateCcwLeft.tsx  |   0
 .../Monochrome/Editor => lib}/CodeBlock.tsx   |   0
 .../{src/lib/Monochrome/File => lib}/Copy.tsx |   0
 .../lib/Monochrome/System => lib}/Delete.tsx  |   0
 .../Monochrome/System => lib}/DeleteXmark.tsx |   0
 .../System => lib}/DotsHorizontal.tsx         |   0
 .../System => lib}/DotsVertical.tsx           |   0
 .../lib/Monochrome/Symbol => lib}/Equal.tsx   |   0
 .../Monochrome/Navigation => lib}/Explore.tsx |   0
 .../Navigation => lib}/ExploreFill.tsx        |   0
 .../Monochrome/Social => lib}/Favorite.tsx    |   0
 .../Social => lib}/FavoriteFill.tsx           |   0
 .../{src/lib/Monochrome/File => lib}/File.tsx |   0
 .../lib/Monochrome/File => lib}/FileAdd.tsx   |   0
 .../lib/Monochrome/File => lib}/FileCheck.tsx |   0
 .../Monochrome/File => lib}/FileCheckFill.tsx |   0
 .../lib/Monochrome/System => lib}/Filter.tsx  |   0
 .../Monochrome/System => lib}/FilterFill.tsx  |   0
 .../{src/lib/Colored/Flags => lib}/FlagRu.tsx |   0
 .../{src/lib/Colored/Flags => lib}/FlagUk.tsx |   0
 .../lib/Monochrome/Folders => lib}/Folder.tsx |   0
 .../Monochrome/Folders => lib}/FolderAdd.tsx  |   0
 .../Monochrome/Folders => lib}/FolderFill.tsx |   0
 .../Monochrome/Folders => lib}/FolderOpen.tsx |   0
 .../Folders => lib}/FolderOpenFill.tsx        |   0
 .../Monochrome/Folders => lib}/Folders.tsx    |   0
 .../Monochrome/Editor => lib}/FormatBold.tsx  |   0
 .../Editor => lib}/FormatItalic.tsx           |   0
 .../Editor => lib}/FormatListOl.tsx           |   0
 .../Editor => lib}/FormatListUl.tsx           |   0
 .../Editor => lib}/FormatUndeline.tsx         |   0
 .../Monochrome/Misc => lib}/Fullscreen.tsx    |   0
 .../lib/Monochrome/Tool => lib}/Funnel.tsx    |   0
 .../lib/Monochrome/Social => lib}/Globe.tsx   |   0
 .../Monochrome/Social => lib}/GlobeAdd.tsx    |   0
 .../{src/lib/Colored/Logos => lib}/Google.tsx |   0
 .../lib/Monochrome/System => lib}/Grip.tsx    |   0
 .../{src/lib/Monochrome/Sets => lib}/Hint.tsx |   0
 .../lib/Monochrome/Sets => lib}/HintAdd.tsx   |   0
 .../lib/Monochrome/Sets => lib}/HintSlash.tsx |   0
 .../Monochrome/Navigation => lib}/Home.tsx    |   0
 .../Navigation => lib}/HomeFill.tsx           |   0
 .../Navigation => lib}/Interests.tsx          |   0
 .../Navigation => lib}/InterestsFill.tsx      |   0
 .../lib/Monochrome/Misc => lib}/Language.tsx  |   0
 .../lib/Monochrome/Sets => lib}/Learn.tsx     |   0
 .../{src/lib/Monochrome/Doc => lib}/Link.tsx  |   0
 .../lib/Monochrome/Doc => lib}/LinkAdd.tsx    |   0
 .../lib/Monochrome/Doc => lib}/LinkSlash.tsx  |   0
 .../lib/Monochrome/Sets => lib}/ListAdd.tsx   |   0
 .../lib/Monochrome/Tool => lib}/Magnifier.tsx |   0
 .../lib/Colored/Logos => lib}/MailAol.tsx     |   0
 .../lib/Colored/Logos => lib}/MailGmail.tsx   |   0
 .../lib/Colored/Logos => lib}/MailIcloud.tsx  |   0
 .../lib/Colored/Logos => lib}/MailMail.tsx    |   0
 .../lib/Colored/Logos => lib}/MailOutlook.tsx |   0
 .../lib/Colored/Logos => lib}/MailProton.tsx  |   0
 .../lib/Colored/Logos => lib}/MailYahoo.tsx   |   0
 .../lib/Colored/Logos => lib}/MailYandex.tsx  |   0
 .../lib/Monochrome/Symbol => lib}/Minus.tsx   |   0
 .../Folders => lib}/MoveToFolder.tsx          |   0
 .../System => lib}/Notifications.tsx          |   0
 .../lib/Monochrome/Tool => lib}/Pencil.tsx    |   0
 .../Monochrome/Social => lib}/PersonAdd.tsx   |   0
 .../Monochrome/Social => lib}/PersonCheck.tsx |   0
 .../Social => lib}/PersonCheckFill.tsx        |   0
 .../Monochrome/Social => lib}/PersonEdit.tsx  |   0
 .../Social => lib}/PersonEditFill.tsx         |   0
 .../Monochrome/Social => lib}/PersonGroup.tsx |   0
 .../Monochrome/Social => lib}/PersonPin.tsx   |   0
 .../lib/Monochrome/Symbol => lib}/Plus.tsx    |   0
 .../lib/Monochrome/Misc => lib}/Preview.tsx   |   0
 .../{src/lib/Monochrome/Sets => lib}/Set.tsx  |   0
 .../lib/Monochrome/Sets => lib}/SetAdd.tsx    |   0
 .../Monochrome/System => lib}/Settings.tsx    |   0
 .../lib/Monochrome/Arrows => lib}/Shuffle.tsx |   0
 .../{src/lib/Monochrome/Misc => lib}/Sort.tsx |   0
 .../Monochrome/Misc => lib}/SortByAlpha.tsx   |   0
 .../lib/Monochrome/Misc => lib}/Spinner.tsx   |   0
 .../{src/lib/Monochrome/Misc => lib}/Star.tsx |   0
 .../Monochrome/Sets => lib}/TableConvert.tsx  |   0
 .../{src/lib/Monochrome/Misc => lib}/Tag.tsx  |   0
 .../Monochrome/Editor => lib}/TextFormat.tsx  |   0
 .../{src/lib/Colored/Logos => lib}/Vk.tsx     |   0
 .../lib/Monochrome/Symbol => lib}/Xmark.tsx   |   0
 .../{src/lib/Colored/Logos => lib}/Yandex.tsx |   0
 packages/ui/icons/lib/index.tsx               | 125 +++++++++
 packages/ui/icons/metadata.json               |   2 +-
 packages/ui/icons/package.json                |  27 +-
 packages/ui/icons/scripts/clear.js            |  17 ++
 .../ui/icons/{src => }/scripts/constants.js   |   1 -
 .../ui/icons/{src => }/scripts/download.js    |  11 +-
 .../icons/{src => }/scripts/generateIcons.js  |   5 +-
 packages/ui/icons/{src => }/scripts/utils.js  |   0
 packages/ui/icons/src/lib/index.tsx           | 125 ---------
 packages/ui/icons/src/scripts/clear.js        |   8 -
 .../Sets => svgs}/add_row_above.svg           |   0
 .../Sets => svgs}/add_row_below.svg           |   0
 .../Monochrome/Sets => svgs}/add_square.svg   |   0
 .../Monochrome/Arrows => svgs}/arrow_360.svg  |   0
 .../Monochrome/Arrows => svgs}/arrow_back.svg |   0
 .../Arrows => svgs}/arrow_down_to_square.svg  |   0
 .../arrow_left_arrow_right.svg                |   0
 .../Arrows => svgs}/arrow_outward.svg         |   0
 .../arrow_right_from_square.svg               |   0
 .../Arrows => svgs}/arrow_right_to_square.svg |   0
 .../arrow_shape_turn_up_right.svg             |   0
 .../arrow_shape_turn_up_right_check.svg       |   0
 .../Arrows => svgs}/arrow_up_arrow_down.svg   |   0
 .../Arrows => svgs}/arrow_uturn_ccw_left.svg  |   0
 .../Arrows => svgs}/arrow_uturn_cw_right.svg  |   0
 .../arrows_rotate_right_add.svg               |   0
 .../arrows_rotate_right_check.svg             |   0
 .../Monochrome/Tool => svgs}/attach_file.svg  |   0
 .../svgs/Monochrome/Doc => svgs}/bookmark.svg |   0
 .../Monochrome/Doc => svgs}/bookmark_fill.svg |   0
 .../Monochrome/Doc => svgs}/bookmarks.svg     |   0
 .../svgs/Monochrome/Symbol => svgs}/check.svg |   0
 .../Arrows => svgs}/chevron_down.svg          |   0
 .../Arrows => svgs}/chevron_down_to_line.svg  |   0
 .../Arrows => svgs}/chevron_left.svg          |   0
 .../Arrows => svgs}/chevron_right.svg         |   0
 .../Monochrome/Arrows => svgs}/chevron_up.svg |   0
 .../Arrows => svgs}/chevron_up_to_line.svg    |   0
 .../chevrons_collapse_up_right.svg            |   0
 .../chevrons_expand_up_right.svg              |   0
 .../Symbol => svgs}/circle_check.svg          |   0
 .../Symbol => svgs}/circle_check_fill.svg     |   0
 .../Symbol => svgs}/circle_info.svg           |   0
 .../Symbol => svgs}/circle_info_fill.svg      |   0
 .../Symbol => svgs}/circle_xmark.svg          |   0
 .../Symbol => svgs}/circle_xmark_fill.svg     |   0
 .../Monochrome/Sets => svgs}/clipboard.svg    |   0
 .../Monochrome/Time => svgs}/clock_40.svg     |   0
 .../Monochrome/Time => svgs}/clock_60.svg     |   0
 .../clock_arrow_rotate_ccw_left.svg           |   0
 .../Monochrome/Editor => svgs}/code_block.svg |   0
 .../svgs/Monochrome/File => svgs}/copy.svg    |   0
 .../Monochrome/System => svgs}/delete.svg     |   0
 .../System => svgs}/delete_xmark.svg          |   0
 .../System => svgs}/dots_horizontal.svg       |   0
 .../System => svgs}/dots_vertical.svg         |   0
 .../svgs/Monochrome/Symbol => svgs}/equal.svg |   0
 .../Navigation => svgs}/explore.svg           |   0
 .../Navigation => svgs}/explore_fill.svg      |   0
 .../Monochrome/Social => svgs}/favorite.svg   |   0
 .../Social => svgs}/favorite_fill.svg         |   0
 .../svgs/Monochrome/File => svgs}/file.svg    |   0
 .../Monochrome/File => svgs}/file_add.svg     |   0
 .../Monochrome/File => svgs}/file_check.svg   |   0
 .../File => svgs}/file_check_fill.svg         |   0
 .../Monochrome/System => svgs}/filter.svg     |   0
 .../System => svgs}/filter_fill.svg           |   0
 .../svgs/Colored/Flags => svgs}/flag_ru.svg   |   0
 .../svgs/Colored/Flags => svgs}/flag_uk.svg   |   0
 .../Monochrome/Folders => svgs}/folder.svg    |   0
 .../Folders => svgs}/folder_add.svg           |   0
 .../Folders => svgs}/folder_fill.svg          |   0
 .../Folders => svgs}/folder_open.svg          |   0
 .../Folders => svgs}/folder_open_fill.svg     |   0
 .../Monochrome/Folders => svgs}/folders.svg   |   0
 .../Editor => svgs}/format_bold.svg           |   0
 .../Editor => svgs}/format_italic.svg         |   0
 .../Editor => svgs}/format_list_ol.svg        |   0
 .../Editor => svgs}/format_list_ul.svg        |   0
 .../Editor => svgs}/format_undeline.svg       |   0
 .../Monochrome/Misc => svgs}/fullscreen.svg   |   0
 .../svgs/Monochrome/Tool => svgs}/funnel.svg  |   0
 .../svgs/Monochrome/Social => svgs}/globe.svg |   0
 .../Monochrome/Social => svgs}/globe_add.svg  |   0
 .../svgs/Colored/Logos => svgs}/google.svg    |   0
 .../svgs/Monochrome/System => svgs}/grip.svg  |   0
 .../svgs/Monochrome/Sets => svgs}/hint.svg    |   0
 .../Monochrome/Sets => svgs}/hint_add.svg     |   0
 .../Monochrome/Sets => svgs}/hint_slash.svg   |   0
 .../Monochrome/Navigation => svgs}/home.svg   |   0
 .../Navigation => svgs}/home_fill.svg         |   0
 .../Navigation => svgs}/interests.svg         |   0
 .../Navigation => svgs}/interests_fill.svg    |   0
 .../Monochrome/Misc => svgs}/language.svg     |   0
 .../svgs/Monochrome/Sets => svgs}/learn.svg   |   0
 .../svgs/Monochrome/Doc => svgs}/link.svg     |   0
 .../svgs/Monochrome/Doc => svgs}/link_add.svg |   0
 .../Monochrome/Doc => svgs}/link_slash.svg    |   0
 .../Monochrome/Sets => svgs}/list_add.svg     |   0
 .../Monochrome/Tool => svgs}/magnifier.svg    |   0
 .../svgs/Colored/Logos => svgs}/mail_aol.svg  |   0
 .../Colored/Logos => svgs}/mail_gmail.svg     |   0
 .../Colored/Logos => svgs}/mail_icloud.svg    |   0
 .../svgs/Colored/Logos => svgs}/mail_mail.svg |   0
 .../Colored/Logos => svgs}/mail_outlook.svg   |   0
 .../Colored/Logos => svgs}/mail_proton.svg    |   0
 .../Colored/Logos => svgs}/mail_yahoo.svg     |   0
 .../Colored/Logos => svgs}/mail_yandex.svg    |   0
 .../svgs/Monochrome/Symbol => svgs}/minus.svg |   0
 .../Folders => svgs}/move_to_folder.svg       |   0
 .../System => svgs}/notifications.svg         |   0
 .../svgs/Monochrome/Tool => svgs}/pencil.svg  |   0
 .../Monochrome/Social => svgs}/person_add.svg |   0
 .../Social => svgs}/person_check.svg          |   0
 .../Social => svgs}/person_check_fill.svg     |   0
 .../Social => svgs}/person_edit.svg           |   0
 .../Social => svgs}/person_edit_fill.svg      |   0
 .../Social => svgs}/person_group.svg          |   0
 .../Monochrome/Social => svgs}/person_pin.svg |   0
 .../svgs/Monochrome/Symbol => svgs}/plus.svg  |   0
 .../svgs/Monochrome/Misc => svgs}/preview.svg |   0
 .../svgs/Monochrome/Sets => svgs}/set.svg     |   0
 .../svgs/Monochrome/Sets => svgs}/set_add.svg |   0
 .../Monochrome/System => svgs}/settings.svg   |   0
 .../Monochrome/Arrows => svgs}/shuffle.svg    |   0
 .../svgs/Monochrome/Misc => svgs}/sort.svg    |   0
 .../Misc => svgs}/sort_by_alpha.svg           |   0
 .../svgs/Monochrome/Misc => svgs}/spinner.svg |   0
 .../svgs/Monochrome/Misc => svgs}/star.svg    |   0
 .../Sets => svgs}/table_convert.svg           |   0
 .../svgs/Monochrome/Misc => svgs}/tag.svg     |   0
 .../Editor => svgs}/text_format.svg           |   0
 .../{src/svgs/Colored/Logos => svgs}/vk.svg   |   0
 .../svgs/Monochrome/Symbol => svgs}/xmark.svg |   0
 .../svgs/Colored/Logos => svgs}/yandex.svg    |   0
 packages/ui/icons/tsconfig.build.json         |   4 +-
 packages/ui/icons/tsconfig.json               |   2 +-
 pnpm-lock.yaml                                | 252 +++++++++++++++++-
 pnpm-workspace.yaml                           |   2 +
 265 files changed, 411 insertions(+), 174 deletions(-)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/AddRowAbove.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/AddRowBelow.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/AddSquare.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/Arrow360.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowBack.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowDownToSquare.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowLeftArrowRight.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowOutward.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowRightFromSquare.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowRightToSquare.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowShapeTurnUpRight.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowShapeTurnUpRightCheck.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowUpArrowDown.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowUturnCcwLeft.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowUturnCwRight.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowsRotateRightAdd.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ArrowsRotateRightCheck.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Tool => lib}/AttachFile.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Doc => lib}/Bookmark.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Doc => lib}/BookmarkFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Doc => lib}/Bookmarks.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/Check.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ChevronDown.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ChevronDownToLine.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ChevronLeft.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ChevronRight.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ChevronUp.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ChevronUpToLine.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ChevronsCollapseUpRight.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/ChevronsExpandUpRight.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/CircleCheck.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/CircleCheckFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/CircleInfo.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/CircleInfoFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/CircleXmark.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/CircleXmarkFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/Clipboard.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Time => lib}/Clock40.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Time => lib}/Clock60.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Time => lib}/ClockArrowRotateCcwLeft.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Editor => lib}/CodeBlock.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/File => lib}/Copy.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/System => lib}/Delete.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/System => lib}/DeleteXmark.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/System => lib}/DotsHorizontal.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/System => lib}/DotsVertical.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/Equal.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Navigation => lib}/Explore.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Navigation => lib}/ExploreFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/Favorite.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/FavoriteFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/File => lib}/File.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/File => lib}/FileAdd.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/File => lib}/FileCheck.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/File => lib}/FileCheckFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/System => lib}/Filter.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/System => lib}/FilterFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Flags => lib}/FlagRu.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Flags => lib}/FlagUk.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Folders => lib}/Folder.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Folders => lib}/FolderAdd.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Folders => lib}/FolderFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Folders => lib}/FolderOpen.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Folders => lib}/FolderOpenFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Folders => lib}/Folders.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Editor => lib}/FormatBold.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Editor => lib}/FormatItalic.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Editor => lib}/FormatListOl.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Editor => lib}/FormatListUl.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Editor => lib}/FormatUndeline.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Misc => lib}/Fullscreen.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Tool => lib}/Funnel.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/Globe.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/GlobeAdd.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/Google.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/System => lib}/Grip.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/Hint.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/HintAdd.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/HintSlash.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Navigation => lib}/Home.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Navigation => lib}/HomeFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Navigation => lib}/Interests.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Navigation => lib}/InterestsFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Misc => lib}/Language.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/Learn.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Doc => lib}/Link.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Doc => lib}/LinkAdd.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Doc => lib}/LinkSlash.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/ListAdd.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Tool => lib}/Magnifier.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/MailAol.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/MailGmail.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/MailIcloud.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/MailMail.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/MailOutlook.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/MailProton.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/MailYahoo.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/MailYandex.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/Minus.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Folders => lib}/MoveToFolder.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/System => lib}/Notifications.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Tool => lib}/Pencil.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/PersonAdd.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/PersonCheck.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/PersonCheckFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/PersonEdit.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/PersonEditFill.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/PersonGroup.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Social => lib}/PersonPin.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/Plus.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Misc => lib}/Preview.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/Set.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/SetAdd.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/System => lib}/Settings.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Arrows => lib}/Shuffle.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Misc => lib}/Sort.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Misc => lib}/SortByAlpha.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Misc => lib}/Spinner.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Misc => lib}/Star.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Sets => lib}/TableConvert.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Misc => lib}/Tag.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Editor => lib}/TextFormat.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/Vk.tsx (100%)
 rename packages/ui/icons/{src/lib/Monochrome/Symbol => lib}/Xmark.tsx (100%)
 rename packages/ui/icons/{src/lib/Colored/Logos => lib}/Yandex.tsx (100%)
 create mode 100644 packages/ui/icons/lib/index.tsx
 create mode 100644 packages/ui/icons/scripts/clear.js
 rename packages/ui/icons/{src => }/scripts/constants.js (92%)
 rename packages/ui/icons/{src => }/scripts/download.js (92%)
 rename packages/ui/icons/{src => }/scripts/generateIcons.js (85%)
 rename packages/ui/icons/{src => }/scripts/utils.js (100%)
 delete mode 100644 packages/ui/icons/src/lib/index.tsx
 delete mode 100644 packages/ui/icons/src/scripts/clear.js
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/add_row_above.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/add_row_below.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/add_square.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_360.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_back.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_down_to_square.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_left_arrow_right.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_outward.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_right_from_square.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_right_to_square.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_shape_turn_up_right.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_shape_turn_up_right_check.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_up_arrow_down.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_uturn_ccw_left.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrow_uturn_cw_right.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrows_rotate_right_add.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/arrows_rotate_right_check.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Tool => svgs}/attach_file.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Doc => svgs}/bookmark.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Doc => svgs}/bookmark_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Doc => svgs}/bookmarks.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/check.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/chevron_down.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/chevron_down_to_line.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/chevron_left.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/chevron_right.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/chevron_up.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/chevron_up_to_line.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/chevrons_collapse_up_right.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/chevrons_expand_up_right.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/circle_check.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/circle_check_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/circle_info.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/circle_info_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/circle_xmark.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/circle_xmark_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/clipboard.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Time => svgs}/clock_40.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Time => svgs}/clock_60.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Time => svgs}/clock_arrow_rotate_ccw_left.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Editor => svgs}/code_block.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/File => svgs}/copy.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/System => svgs}/delete.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/System => svgs}/delete_xmark.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/System => svgs}/dots_horizontal.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/System => svgs}/dots_vertical.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/equal.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Navigation => svgs}/explore.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Navigation => svgs}/explore_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/favorite.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/favorite_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/File => svgs}/file.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/File => svgs}/file_add.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/File => svgs}/file_check.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/File => svgs}/file_check_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/System => svgs}/filter.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/System => svgs}/filter_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Flags => svgs}/flag_ru.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Flags => svgs}/flag_uk.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Folders => svgs}/folder.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Folders => svgs}/folder_add.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Folders => svgs}/folder_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Folders => svgs}/folder_open.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Folders => svgs}/folder_open_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Folders => svgs}/folders.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Editor => svgs}/format_bold.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Editor => svgs}/format_italic.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Editor => svgs}/format_list_ol.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Editor => svgs}/format_list_ul.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Editor => svgs}/format_undeline.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Misc => svgs}/fullscreen.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Tool => svgs}/funnel.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/globe.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/globe_add.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/google.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/System => svgs}/grip.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/hint.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/hint_add.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/hint_slash.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Navigation => svgs}/home.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Navigation => svgs}/home_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Navigation => svgs}/interests.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Navigation => svgs}/interests_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Misc => svgs}/language.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/learn.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Doc => svgs}/link.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Doc => svgs}/link_add.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Doc => svgs}/link_slash.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/list_add.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Tool => svgs}/magnifier.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/mail_aol.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/mail_gmail.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/mail_icloud.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/mail_mail.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/mail_outlook.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/mail_proton.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/mail_yahoo.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/mail_yandex.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/minus.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Folders => svgs}/move_to_folder.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/System => svgs}/notifications.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Tool => svgs}/pencil.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/person_add.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/person_check.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/person_check_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/person_edit.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/person_edit_fill.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/person_group.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Social => svgs}/person_pin.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/plus.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Misc => svgs}/preview.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/set.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/set_add.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/System => svgs}/settings.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Arrows => svgs}/shuffle.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Misc => svgs}/sort.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Misc => svgs}/sort_by_alpha.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Misc => svgs}/spinner.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Misc => svgs}/star.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Sets => svgs}/table_convert.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Misc => svgs}/tag.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Editor => svgs}/text_format.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/vk.svg (100%)
 rename packages/ui/icons/{src/svgs/Monochrome/Symbol => svgs}/xmark.svg (100%)
 rename packages/ui/icons/{src/svgs/Colored/Logos => svgs}/yandex.svg (100%)

diff --git a/packages/ui/icons/.gitignore b/packages/ui/icons/.gitignore
index a547bf36..8efad032 100644
--- a/packages/ui/icons/.gitignore
+++ b/packages/ui/icons/.gitignore
@@ -22,3 +22,7 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+# Artifacts
+/*.d.ts
+/*.jsx
\ No newline at end of file
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/AddRowAbove.tsx b/packages/ui/icons/lib/AddRowAbove.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/AddRowAbove.tsx
rename to packages/ui/icons/lib/AddRowAbove.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/AddRowBelow.tsx b/packages/ui/icons/lib/AddRowBelow.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/AddRowBelow.tsx
rename to packages/ui/icons/lib/AddRowBelow.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/AddSquare.tsx b/packages/ui/icons/lib/AddSquare.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/AddSquare.tsx
rename to packages/ui/icons/lib/AddSquare.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/Arrow360.tsx b/packages/ui/icons/lib/Arrow360.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/Arrow360.tsx
rename to packages/ui/icons/lib/Arrow360.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowBack.tsx b/packages/ui/icons/lib/ArrowBack.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowBack.tsx
rename to packages/ui/icons/lib/ArrowBack.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowDownToSquare.tsx b/packages/ui/icons/lib/ArrowDownToSquare.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowDownToSquare.tsx
rename to packages/ui/icons/lib/ArrowDownToSquare.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowLeftArrowRight.tsx b/packages/ui/icons/lib/ArrowLeftArrowRight.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowLeftArrowRight.tsx
rename to packages/ui/icons/lib/ArrowLeftArrowRight.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowOutward.tsx b/packages/ui/icons/lib/ArrowOutward.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowOutward.tsx
rename to packages/ui/icons/lib/ArrowOutward.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightFromSquare.tsx b/packages/ui/icons/lib/ArrowRightFromSquare.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightFromSquare.tsx
rename to packages/ui/icons/lib/ArrowRightFromSquare.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightToSquare.tsx b/packages/ui/icons/lib/ArrowRightToSquare.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowRightToSquare.tsx
rename to packages/ui/icons/lib/ArrowRightToSquare.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRight.tsx b/packages/ui/icons/lib/ArrowShapeTurnUpRight.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRight.tsx
rename to packages/ui/icons/lib/ArrowShapeTurnUpRight.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRightCheck.tsx b/packages/ui/icons/lib/ArrowShapeTurnUpRightCheck.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowShapeTurnUpRightCheck.tsx
rename to packages/ui/icons/lib/ArrowShapeTurnUpRightCheck.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUpArrowDown.tsx b/packages/ui/icons/lib/ArrowUpArrowDown.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUpArrowDown.tsx
rename to packages/ui/icons/lib/ArrowUpArrowDown.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCcwLeft.tsx b/packages/ui/icons/lib/ArrowUturnCcwLeft.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCcwLeft.tsx
rename to packages/ui/icons/lib/ArrowUturnCcwLeft.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCwRight.tsx b/packages/ui/icons/lib/ArrowUturnCwRight.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowUturnCwRight.tsx
rename to packages/ui/icons/lib/ArrowUturnCwRight.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightAdd.tsx b/packages/ui/icons/lib/ArrowsRotateRightAdd.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightAdd.tsx
rename to packages/ui/icons/lib/ArrowsRotateRightAdd.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightCheck.tsx b/packages/ui/icons/lib/ArrowsRotateRightCheck.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ArrowsRotateRightCheck.tsx
rename to packages/ui/icons/lib/ArrowsRotateRightCheck.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Tool/AttachFile.tsx b/packages/ui/icons/lib/AttachFile.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Tool/AttachFile.tsx
rename to packages/ui/icons/lib/AttachFile.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/Bookmark.tsx b/packages/ui/icons/lib/Bookmark.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Doc/Bookmark.tsx
rename to packages/ui/icons/lib/Bookmark.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/BookmarkFill.tsx b/packages/ui/icons/lib/BookmarkFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Doc/BookmarkFill.tsx
rename to packages/ui/icons/lib/BookmarkFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/Bookmarks.tsx b/packages/ui/icons/lib/Bookmarks.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Doc/Bookmarks.tsx
rename to packages/ui/icons/lib/Bookmarks.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/Check.tsx b/packages/ui/icons/lib/Check.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/Check.tsx
rename to packages/ui/icons/lib/Check.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDown.tsx b/packages/ui/icons/lib/ChevronDown.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDown.tsx
rename to packages/ui/icons/lib/ChevronDown.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDownToLine.tsx b/packages/ui/icons/lib/ChevronDownToLine.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ChevronDownToLine.tsx
rename to packages/ui/icons/lib/ChevronDownToLine.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronLeft.tsx b/packages/ui/icons/lib/ChevronLeft.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ChevronLeft.tsx
rename to packages/ui/icons/lib/ChevronLeft.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronRight.tsx b/packages/ui/icons/lib/ChevronRight.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ChevronRight.tsx
rename to packages/ui/icons/lib/ChevronRight.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUp.tsx b/packages/ui/icons/lib/ChevronUp.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUp.tsx
rename to packages/ui/icons/lib/ChevronUp.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUpToLine.tsx b/packages/ui/icons/lib/ChevronUpToLine.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ChevronUpToLine.tsx
rename to packages/ui/icons/lib/ChevronUpToLine.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsCollapseUpRight.tsx b/packages/ui/icons/lib/ChevronsCollapseUpRight.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsCollapseUpRight.tsx
rename to packages/ui/icons/lib/ChevronsCollapseUpRight.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsExpandUpRight.tsx b/packages/ui/icons/lib/ChevronsExpandUpRight.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/ChevronsExpandUpRight.tsx
rename to packages/ui/icons/lib/ChevronsExpandUpRight.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheck.tsx b/packages/ui/icons/lib/CircleCheck.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheck.tsx
rename to packages/ui/icons/lib/CircleCheck.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheckFill.tsx b/packages/ui/icons/lib/CircleCheckFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/CircleCheckFill.tsx
rename to packages/ui/icons/lib/CircleCheckFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfo.tsx b/packages/ui/icons/lib/CircleInfo.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfo.tsx
rename to packages/ui/icons/lib/CircleInfo.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfoFill.tsx b/packages/ui/icons/lib/CircleInfoFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/CircleInfoFill.tsx
rename to packages/ui/icons/lib/CircleInfoFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmark.tsx b/packages/ui/icons/lib/CircleXmark.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmark.tsx
rename to packages/ui/icons/lib/CircleXmark.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmarkFill.tsx b/packages/ui/icons/lib/CircleXmarkFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/CircleXmarkFill.tsx
rename to packages/ui/icons/lib/CircleXmarkFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/Clipboard.tsx b/packages/ui/icons/lib/Clipboard.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/Clipboard.tsx
rename to packages/ui/icons/lib/Clipboard.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Time/Clock40.tsx b/packages/ui/icons/lib/Clock40.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Time/Clock40.tsx
rename to packages/ui/icons/lib/Clock40.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Time/Clock60.tsx b/packages/ui/icons/lib/Clock60.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Time/Clock60.tsx
rename to packages/ui/icons/lib/Clock60.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Time/ClockArrowRotateCcwLeft.tsx b/packages/ui/icons/lib/ClockArrowRotateCcwLeft.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Time/ClockArrowRotateCcwLeft.tsx
rename to packages/ui/icons/lib/ClockArrowRotateCcwLeft.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/CodeBlock.tsx b/packages/ui/icons/lib/CodeBlock.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Editor/CodeBlock.tsx
rename to packages/ui/icons/lib/CodeBlock.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/File/Copy.tsx b/packages/ui/icons/lib/Copy.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/File/Copy.tsx
rename to packages/ui/icons/lib/Copy.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/System/Delete.tsx b/packages/ui/icons/lib/Delete.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/System/Delete.tsx
rename to packages/ui/icons/lib/Delete.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/System/DeleteXmark.tsx b/packages/ui/icons/lib/DeleteXmark.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/System/DeleteXmark.tsx
rename to packages/ui/icons/lib/DeleteXmark.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/System/DotsHorizontal.tsx b/packages/ui/icons/lib/DotsHorizontal.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/System/DotsHorizontal.tsx
rename to packages/ui/icons/lib/DotsHorizontal.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/System/DotsVertical.tsx b/packages/ui/icons/lib/DotsVertical.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/System/DotsVertical.tsx
rename to packages/ui/icons/lib/DotsVertical.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/Equal.tsx b/packages/ui/icons/lib/Equal.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/Equal.tsx
rename to packages/ui/icons/lib/Equal.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/Explore.tsx b/packages/ui/icons/lib/Explore.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Navigation/Explore.tsx
rename to packages/ui/icons/lib/Explore.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/ExploreFill.tsx b/packages/ui/icons/lib/ExploreFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Navigation/ExploreFill.tsx
rename to packages/ui/icons/lib/ExploreFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/Favorite.tsx b/packages/ui/icons/lib/Favorite.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/Favorite.tsx
rename to packages/ui/icons/lib/Favorite.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/FavoriteFill.tsx b/packages/ui/icons/lib/FavoriteFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/FavoriteFill.tsx
rename to packages/ui/icons/lib/FavoriteFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/File/File.tsx b/packages/ui/icons/lib/File.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/File/File.tsx
rename to packages/ui/icons/lib/File.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/File/FileAdd.tsx b/packages/ui/icons/lib/FileAdd.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/File/FileAdd.tsx
rename to packages/ui/icons/lib/FileAdd.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/File/FileCheck.tsx b/packages/ui/icons/lib/FileCheck.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/File/FileCheck.tsx
rename to packages/ui/icons/lib/FileCheck.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/File/FileCheckFill.tsx b/packages/ui/icons/lib/FileCheckFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/File/FileCheckFill.tsx
rename to packages/ui/icons/lib/FileCheckFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/System/Filter.tsx b/packages/ui/icons/lib/Filter.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/System/Filter.tsx
rename to packages/ui/icons/lib/Filter.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/System/FilterFill.tsx b/packages/ui/icons/lib/FilterFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/System/FilterFill.tsx
rename to packages/ui/icons/lib/FilterFill.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Flags/FlagRu.tsx b/packages/ui/icons/lib/FlagRu.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Flags/FlagRu.tsx
rename to packages/ui/icons/lib/FlagRu.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Flags/FlagUk.tsx b/packages/ui/icons/lib/FlagUk.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Flags/FlagUk.tsx
rename to packages/ui/icons/lib/FlagUk.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/Folder.tsx b/packages/ui/icons/lib/Folder.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Folders/Folder.tsx
rename to packages/ui/icons/lib/Folder.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/FolderAdd.tsx b/packages/ui/icons/lib/FolderAdd.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Folders/FolderAdd.tsx
rename to packages/ui/icons/lib/FolderAdd.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/FolderFill.tsx b/packages/ui/icons/lib/FolderFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Folders/FolderFill.tsx
rename to packages/ui/icons/lib/FolderFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/FolderOpen.tsx b/packages/ui/icons/lib/FolderOpen.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Folders/FolderOpen.tsx
rename to packages/ui/icons/lib/FolderOpen.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/FolderOpenFill.tsx b/packages/ui/icons/lib/FolderOpenFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Folders/FolderOpenFill.tsx
rename to packages/ui/icons/lib/FolderOpenFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/Folders.tsx b/packages/ui/icons/lib/Folders.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Folders/Folders.tsx
rename to packages/ui/icons/lib/Folders.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/FormatBold.tsx b/packages/ui/icons/lib/FormatBold.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Editor/FormatBold.tsx
rename to packages/ui/icons/lib/FormatBold.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/FormatItalic.tsx b/packages/ui/icons/lib/FormatItalic.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Editor/FormatItalic.tsx
rename to packages/ui/icons/lib/FormatItalic.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/FormatListOl.tsx b/packages/ui/icons/lib/FormatListOl.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Editor/FormatListOl.tsx
rename to packages/ui/icons/lib/FormatListOl.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/FormatListUl.tsx b/packages/ui/icons/lib/FormatListUl.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Editor/FormatListUl.tsx
rename to packages/ui/icons/lib/FormatListUl.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/FormatUndeline.tsx b/packages/ui/icons/lib/FormatUndeline.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Editor/FormatUndeline.tsx
rename to packages/ui/icons/lib/FormatUndeline.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Fullscreen.tsx b/packages/ui/icons/lib/Fullscreen.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Misc/Fullscreen.tsx
rename to packages/ui/icons/lib/Fullscreen.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Tool/Funnel.tsx b/packages/ui/icons/lib/Funnel.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Tool/Funnel.tsx
rename to packages/ui/icons/lib/Funnel.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/Globe.tsx b/packages/ui/icons/lib/Globe.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/Globe.tsx
rename to packages/ui/icons/lib/Globe.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/GlobeAdd.tsx b/packages/ui/icons/lib/GlobeAdd.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/GlobeAdd.tsx
rename to packages/ui/icons/lib/GlobeAdd.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/Google.tsx b/packages/ui/icons/lib/Google.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/Google.tsx
rename to packages/ui/icons/lib/Google.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/System/Grip.tsx b/packages/ui/icons/lib/Grip.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/System/Grip.tsx
rename to packages/ui/icons/lib/Grip.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/Hint.tsx b/packages/ui/icons/lib/Hint.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/Hint.tsx
rename to packages/ui/icons/lib/Hint.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/HintAdd.tsx b/packages/ui/icons/lib/HintAdd.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/HintAdd.tsx
rename to packages/ui/icons/lib/HintAdd.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/HintSlash.tsx b/packages/ui/icons/lib/HintSlash.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/HintSlash.tsx
rename to packages/ui/icons/lib/HintSlash.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/Home.tsx b/packages/ui/icons/lib/Home.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Navigation/Home.tsx
rename to packages/ui/icons/lib/Home.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/HomeFill.tsx b/packages/ui/icons/lib/HomeFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Navigation/HomeFill.tsx
rename to packages/ui/icons/lib/HomeFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/Interests.tsx b/packages/ui/icons/lib/Interests.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Navigation/Interests.tsx
rename to packages/ui/icons/lib/Interests.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Navigation/InterestsFill.tsx b/packages/ui/icons/lib/InterestsFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Navigation/InterestsFill.tsx
rename to packages/ui/icons/lib/InterestsFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Language.tsx b/packages/ui/icons/lib/Language.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Misc/Language.tsx
rename to packages/ui/icons/lib/Language.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/Learn.tsx b/packages/ui/icons/lib/Learn.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/Learn.tsx
rename to packages/ui/icons/lib/Learn.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/Link.tsx b/packages/ui/icons/lib/Link.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Doc/Link.tsx
rename to packages/ui/icons/lib/Link.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/LinkAdd.tsx b/packages/ui/icons/lib/LinkAdd.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Doc/LinkAdd.tsx
rename to packages/ui/icons/lib/LinkAdd.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Doc/LinkSlash.tsx b/packages/ui/icons/lib/LinkSlash.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Doc/LinkSlash.tsx
rename to packages/ui/icons/lib/LinkSlash.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/ListAdd.tsx b/packages/ui/icons/lib/ListAdd.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/ListAdd.tsx
rename to packages/ui/icons/lib/ListAdd.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Tool/Magnifier.tsx b/packages/ui/icons/lib/Magnifier.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Tool/Magnifier.tsx
rename to packages/ui/icons/lib/Magnifier.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailAol.tsx b/packages/ui/icons/lib/MailAol.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/MailAol.tsx
rename to packages/ui/icons/lib/MailAol.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailGmail.tsx b/packages/ui/icons/lib/MailGmail.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/MailGmail.tsx
rename to packages/ui/icons/lib/MailGmail.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailIcloud.tsx b/packages/ui/icons/lib/MailIcloud.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/MailIcloud.tsx
rename to packages/ui/icons/lib/MailIcloud.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailMail.tsx b/packages/ui/icons/lib/MailMail.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/MailMail.tsx
rename to packages/ui/icons/lib/MailMail.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailOutlook.tsx b/packages/ui/icons/lib/MailOutlook.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/MailOutlook.tsx
rename to packages/ui/icons/lib/MailOutlook.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailProton.tsx b/packages/ui/icons/lib/MailProton.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/MailProton.tsx
rename to packages/ui/icons/lib/MailProton.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailYahoo.tsx b/packages/ui/icons/lib/MailYahoo.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/MailYahoo.tsx
rename to packages/ui/icons/lib/MailYahoo.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/MailYandex.tsx b/packages/ui/icons/lib/MailYandex.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/MailYandex.tsx
rename to packages/ui/icons/lib/MailYandex.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/Minus.tsx b/packages/ui/icons/lib/Minus.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/Minus.tsx
rename to packages/ui/icons/lib/Minus.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Folders/MoveToFolder.tsx b/packages/ui/icons/lib/MoveToFolder.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Folders/MoveToFolder.tsx
rename to packages/ui/icons/lib/MoveToFolder.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/System/Notifications.tsx b/packages/ui/icons/lib/Notifications.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/System/Notifications.tsx
rename to packages/ui/icons/lib/Notifications.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Tool/Pencil.tsx b/packages/ui/icons/lib/Pencil.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Tool/Pencil.tsx
rename to packages/ui/icons/lib/Pencil.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonAdd.tsx b/packages/ui/icons/lib/PersonAdd.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/PersonAdd.tsx
rename to packages/ui/icons/lib/PersonAdd.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonCheck.tsx b/packages/ui/icons/lib/PersonCheck.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/PersonCheck.tsx
rename to packages/ui/icons/lib/PersonCheck.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonCheckFill.tsx b/packages/ui/icons/lib/PersonCheckFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/PersonCheckFill.tsx
rename to packages/ui/icons/lib/PersonCheckFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonEdit.tsx b/packages/ui/icons/lib/PersonEdit.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/PersonEdit.tsx
rename to packages/ui/icons/lib/PersonEdit.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonEditFill.tsx b/packages/ui/icons/lib/PersonEditFill.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/PersonEditFill.tsx
rename to packages/ui/icons/lib/PersonEditFill.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonGroup.tsx b/packages/ui/icons/lib/PersonGroup.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/PersonGroup.tsx
rename to packages/ui/icons/lib/PersonGroup.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Social/PersonPin.tsx b/packages/ui/icons/lib/PersonPin.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Social/PersonPin.tsx
rename to packages/ui/icons/lib/PersonPin.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/Plus.tsx b/packages/ui/icons/lib/Plus.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/Plus.tsx
rename to packages/ui/icons/lib/Plus.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Preview.tsx b/packages/ui/icons/lib/Preview.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Misc/Preview.tsx
rename to packages/ui/icons/lib/Preview.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/Set.tsx b/packages/ui/icons/lib/Set.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/Set.tsx
rename to packages/ui/icons/lib/Set.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/SetAdd.tsx b/packages/ui/icons/lib/SetAdd.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/SetAdd.tsx
rename to packages/ui/icons/lib/SetAdd.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/System/Settings.tsx b/packages/ui/icons/lib/Settings.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/System/Settings.tsx
rename to packages/ui/icons/lib/Settings.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Arrows/Shuffle.tsx b/packages/ui/icons/lib/Shuffle.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Arrows/Shuffle.tsx
rename to packages/ui/icons/lib/Shuffle.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Sort.tsx b/packages/ui/icons/lib/Sort.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Misc/Sort.tsx
rename to packages/ui/icons/lib/Sort.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/SortByAlpha.tsx b/packages/ui/icons/lib/SortByAlpha.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Misc/SortByAlpha.tsx
rename to packages/ui/icons/lib/SortByAlpha.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Spinner.tsx b/packages/ui/icons/lib/Spinner.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Misc/Spinner.tsx
rename to packages/ui/icons/lib/Spinner.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Star.tsx b/packages/ui/icons/lib/Star.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Misc/Star.tsx
rename to packages/ui/icons/lib/Star.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Sets/TableConvert.tsx b/packages/ui/icons/lib/TableConvert.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Sets/TableConvert.tsx
rename to packages/ui/icons/lib/TableConvert.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Misc/Tag.tsx b/packages/ui/icons/lib/Tag.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Misc/Tag.tsx
rename to packages/ui/icons/lib/Tag.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Editor/TextFormat.tsx b/packages/ui/icons/lib/TextFormat.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Editor/TextFormat.tsx
rename to packages/ui/icons/lib/TextFormat.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/Vk.tsx b/packages/ui/icons/lib/Vk.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/Vk.tsx
rename to packages/ui/icons/lib/Vk.tsx
diff --git a/packages/ui/icons/src/lib/Monochrome/Symbol/Xmark.tsx b/packages/ui/icons/lib/Xmark.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Monochrome/Symbol/Xmark.tsx
rename to packages/ui/icons/lib/Xmark.tsx
diff --git a/packages/ui/icons/src/lib/Colored/Logos/Yandex.tsx b/packages/ui/icons/lib/Yandex.tsx
similarity index 100%
rename from packages/ui/icons/src/lib/Colored/Logos/Yandex.tsx
rename to packages/ui/icons/lib/Yandex.tsx
diff --git a/packages/ui/icons/lib/index.tsx b/packages/ui/icons/lib/index.tsx
new file mode 100644
index 00000000..d8f63e3d
--- /dev/null
+++ b/packages/ui/icons/lib/index.tsx
@@ -0,0 +1,125 @@
+export { default as AddRowAbove } from './AddRowAbove';
+export { default as AddRowBelow } from './AddRowBelow';
+export { default as AddSquare } from './AddSquare';
+export { default as Arrow360 } from './Arrow360';
+export { default as ArrowBack } from './ArrowBack';
+export { default as ArrowDownToSquare } from './ArrowDownToSquare';
+export { default as ArrowLeftArrowRight } from './ArrowLeftArrowRight';
+export { default as ArrowOutward } from './ArrowOutward';
+export { default as ArrowRightFromSquare } from './ArrowRightFromSquare';
+export { default as ArrowRightToSquare } from './ArrowRightToSquare';
+export { default as ArrowShapeTurnUpRight } from './ArrowShapeTurnUpRight';
+export { default as ArrowShapeTurnUpRightCheck } from './ArrowShapeTurnUpRightCheck';
+export { default as ArrowsRotateRightAdd } from './ArrowsRotateRightAdd';
+export { default as ArrowsRotateRightCheck } from './ArrowsRotateRightCheck';
+export { default as ArrowUpArrowDown } from './ArrowUpArrowDown';
+export { default as ArrowUturnCcwLeft } from './ArrowUturnCcwLeft';
+export { default as ArrowUturnCwRight } from './ArrowUturnCwRight';
+export { default as AttachFile } from './AttachFile';
+export { default as Bookmark } from './Bookmark';
+export { default as BookmarkFill } from './BookmarkFill';
+export { default as Bookmarks } from './Bookmarks';
+export { default as Check } from './Check';
+export { default as ChevronDown } from './ChevronDown';
+export { default as ChevronDownToLine } from './ChevronDownToLine';
+export { default as ChevronLeft } from './ChevronLeft';
+export { default as ChevronRight } from './ChevronRight';
+export { default as ChevronsCollapseUpRight } from './ChevronsCollapseUpRight';
+export { default as ChevronsExpandUpRight } from './ChevronsExpandUpRight';
+export { default as ChevronUp } from './ChevronUp';
+export { default as ChevronUpToLine } from './ChevronUpToLine';
+export { default as CircleCheck } from './CircleCheck';
+export { default as CircleCheckFill } from './CircleCheckFill';
+export { default as CircleInfo } from './CircleInfo';
+export { default as CircleInfoFill } from './CircleInfoFill';
+export { default as CircleXmark } from './CircleXmark';
+export { default as CircleXmarkFill } from './CircleXmarkFill';
+export { default as Clipboard } from './Clipboard';
+export { default as Clock40 } from './Clock40';
+export { default as Clock60 } from './Clock60';
+export { default as ClockArrowRotateCcwLeft } from './ClockArrowRotateCcwLeft';
+export { default as CodeBlock } from './CodeBlock';
+export { default as Copy } from './Copy';
+export { default as Delete } from './Delete';
+export { default as DeleteXmark } from './DeleteXmark';
+export { default as DotsHorizontal } from './DotsHorizontal';
+export { default as DotsVertical } from './DotsVertical';
+export { default as Equal } from './Equal';
+export { default as Explore } from './Explore';
+export { default as ExploreFill } from './ExploreFill';
+export { default as Favorite } from './Favorite';
+export { default as FavoriteFill } from './FavoriteFill';
+export { default as File } from './File';
+export { default as FileAdd } from './FileAdd';
+export { default as FileCheck } from './FileCheck';
+export { default as FileCheckFill } from './FileCheckFill';
+export { default as Filter } from './Filter';
+export { default as FilterFill } from './FilterFill';
+export { default as FlagRu } from './FlagRu';
+export { default as FlagUk } from './FlagUk';
+export { default as Folder } from './Folder';
+export { default as FolderAdd } from './FolderAdd';
+export { default as FolderFill } from './FolderFill';
+export { default as FolderOpen } from './FolderOpen';
+export { default as FolderOpenFill } from './FolderOpenFill';
+export { default as Folders } from './Folders';
+export { default as FormatBold } from './FormatBold';
+export { default as FormatItalic } from './FormatItalic';
+export { default as FormatListOl } from './FormatListOl';
+export { default as FormatListUl } from './FormatListUl';
+export { default as FormatUndeline } from './FormatUndeline';
+export { default as Fullscreen } from './Fullscreen';
+export { default as Funnel } from './Funnel';
+export { default as Globe } from './Globe';
+export { default as GlobeAdd } from './GlobeAdd';
+export { default as Google } from './Google';
+export { default as Grip } from './Grip';
+export { default as Hint } from './Hint';
+export { default as HintAdd } from './HintAdd';
+export { default as HintSlash } from './HintSlash';
+export { default as Home } from './Home';
+export { default as HomeFill } from './HomeFill';
+export { default as Interests } from './Interests';
+export { default as InterestsFill } from './InterestsFill';
+export { default as Language } from './Language';
+export { default as Learn } from './Learn';
+export { default as Link } from './Link';
+export { default as LinkAdd } from './LinkAdd';
+export { default as LinkSlash } from './LinkSlash';
+export { default as ListAdd } from './ListAdd';
+export { default as Magnifier } from './Magnifier';
+export { default as MailAol } from './MailAol';
+export { default as MailGmail } from './MailGmail';
+export { default as MailIcloud } from './MailIcloud';
+export { default as MailMail } from './MailMail';
+export { default as MailOutlook } from './MailOutlook';
+export { default as MailProton } from './MailProton';
+export { default as MailYahoo } from './MailYahoo';
+export { default as MailYandex } from './MailYandex';
+export { default as Minus } from './Minus';
+export { default as MoveToFolder } from './MoveToFolder';
+export { default as Notifications } from './Notifications';
+export { default as Pencil } from './Pencil';
+export { default as PersonAdd } from './PersonAdd';
+export { default as PersonCheck } from './PersonCheck';
+export { default as PersonCheckFill } from './PersonCheckFill';
+export { default as PersonEdit } from './PersonEdit';
+export { default as PersonEditFill } from './PersonEditFill';
+export { default as PersonGroup } from './PersonGroup';
+export { default as PersonPin } from './PersonPin';
+export { default as Plus } from './Plus';
+export { default as Preview } from './Preview';
+export { default as Set } from './Set';
+export { default as SetAdd } from './SetAdd';
+export { default as Settings } from './Settings';
+export { default as Shuffle } from './Shuffle';
+export { default as Sort } from './Sort';
+export { default as SortByAlpha } from './SortByAlpha';
+export { default as Spinner } from './Spinner';
+export { default as Star } from './Star';
+export { default as TableConvert } from './TableConvert';
+export { default as Tag } from './Tag';
+export { default as TextFormat } from './TextFormat';
+export { default as Vk } from './Vk';
+export { default as Xmark } from './Xmark';
+export { default as Yandex } from './Yandex';
diff --git a/packages/ui/icons/metadata.json b/packages/ui/icons/metadata.json
index e2497092..da3cec0f 100644
--- a/packages/ui/icons/metadata.json
+++ b/packages/ui/icons/metadata.json
@@ -1275,4 +1275,4 @@
       }
     }
   ]
-}
\ No newline at end of file
+}
diff --git a/packages/ui/icons/package.json b/packages/ui/icons/package.json
index 43ccc28f..f2c93f6f 100644
--- a/packages/ui/icons/package.json
+++ b/packages/ui/icons/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "@flippo/icons",
+  "name": "@flippo_ui/icons",
   "type": "module",
   "version": "1.0.1",
   "description": "Pack of Flippo UI icons",
@@ -8,28 +8,23 @@
     "svg",
     "react"
   ],
-  "exports": {
-    ".": {
-      "types": "./dist/**/*.d.ts",
-      "default": "./dist/**/*.jsx"
-    }
-  },
   "module": "dist/index.jsx",
-  "types": "dist/index.d.ts",
   "files": [
+    "*.d.ts",
+    "*.jsx",
     "README.md",
-    "dist/**/*.d.ts",
-    "dist/**/*.jsx",
+    "metadata.json",
     "package.json",
-    "src/svgs/"
+    "svgs"
   ],
   "scripts": {
-    "build": "node './src/scripts/clear.js' && tsc --project './tsconfig.build.json' && tsc --project tsconfig.build.json --declaration --emitDeclarationOnly",
+    "build": "node 'scripts/clear.js' && tsc --project './tsconfig.build.json' && tsc --project tsconfig.build.json --declaration --emitDeclarationOnly && pnpm eslint './*.{jsx,d.ts}' --fix --no-ignore",
     "lint": "eslint --fix",
-    "src:download": "node --env-file=.env.local src/scripts/download.js",
-    "src:generate": "node --env-file=.env.local src/scripts/generateIcons.js && eslint --fix src/lib",
+    "src:download": "node --env-file=.env.local scripts/download.js",
+    "src:generate": "node --env-file=.env.local scripts/generateIcons.js && eslint --fix lib",
     "redown": "pnpm src:download && pnpm src:generate",
-    "prepublishOnly": "pnpm run build"
+    "prepublishOnly": "pnpm run build",
+    "clear": "node scripts/clear.js"
   },
   "peerDependencies": {
     "react": "*"
@@ -50,9 +45,11 @@
     "@types/react-dom": "catalog:",
     "eslint": "catalog:",
     "eslint-plugin-react-refresh": "catalog:",
+    "fast-glob": "catalog:",
     "is-svg": "catalog:",
     "react": "catalog:",
     "react-dom": "catalog:",
+    "rimraf": "catalog:",
     "svgo": "catalog:",
     "typescript": "catalog:"
   },
diff --git a/packages/ui/icons/scripts/clear.js b/packages/ui/icons/scripts/clear.js
new file mode 100644
index 00000000..170d4a60
--- /dev/null
+++ b/packages/ui/icons/scripts/clear.js
@@ -0,0 +1,17 @@
+import process from 'node:process';
+import fg from 'fast-glob';
+import { rimraf } from 'rimraf';
+
+async function run() {
+  const paths = await fg(['*.d.ts', '*.jsx'], {
+    onlyFiles: false
+  });
+  for (const path of paths) {
+    rimraf.sync(path);
+  }
+}
+
+run().catch((error) => {
+  console.error(error);
+  process.exit(1);
+});
diff --git a/packages/ui/icons/src/scripts/constants.js b/packages/ui/icons/scripts/constants.js
similarity index 92%
rename from packages/ui/icons/src/scripts/constants.js
rename to packages/ui/icons/scripts/constants.js
index 3a26adc9..045f5980 100644
--- a/packages/ui/icons/src/scripts/constants.js
+++ b/packages/ui/icons/scripts/constants.js
@@ -3,7 +3,6 @@ import { isHex } from './utils.js';
 
 export const SVGS_DIR = fileURLToPath(import.meta.resolve('../svgs', import.meta.dirname));
 export const ICONS_DIR = fileURLToPath(import.meta.resolve('../lib', import.meta.dirname));
-export const DIST_DIR = fileURLToPath(import.meta.resolve('../../dist', import.meta.dirname));
 
 export const ICONS_NAME_REGEX = /^([a-z0-9](_?[a-z0-9])*)$/i;
 
diff --git a/packages/ui/icons/src/scripts/download.js b/packages/ui/icons/scripts/download.js
similarity index 92%
rename from packages/ui/icons/src/scripts/download.js
rename to packages/ui/icons/scripts/download.js
index 080aaefd..ba05c8ef 100644
--- a/packages/ui/icons/src/scripts/download.js
+++ b/packages/ui/icons/scripts/download.js
@@ -26,14 +26,12 @@ function parseComponentPropsFromString(props) {
 
 function parseComponentSetName(name) {
   const params = name.split('/');
-  const iconPath = params.slice(0, -1).join('/');
 
   if (params.length < 3)
     throw new Error(`Icon must have palette, group and name (Monochrome/Logo/yandex): ${name}`);
 
   return {
     name: params.at(-1),
-    iconPath,
     meta: {
       palette: params.at(0).toLowerCase(),
       group: params.at(1).toLowerCase()
@@ -114,7 +112,7 @@ function createSvgBuilder(metadata) {
     console.log(iconSets);
 
     for (const iconSet of iconSets) {
-      const { name, iconPath: svgPath, meta } = parseComponentSetName(iconSet.name);
+      const { name, meta } = parseComponentSetName(iconSet.name);
 
       if (!ICONS_NAME_REGEX.test(name))
         throw new Error(`Invalid icon name: ${name}. Pattern: ${ICONS_NAME_REGEX.source}`);
@@ -132,9 +130,6 @@ function createSvgBuilder(metadata) {
       if (!meta.group)
         throw new Error(`Icon must have group: ${name}`);
 
-      if (!metadata.info.groups.has(meta.group))
-        await fs.mkdir(path.join(SVGS_DIR, svgPath), { recursive: true });
-
       metadata.info.palettes.add(meta.palette);
       metadata.info.groups.add(meta.group);
 
@@ -171,8 +166,8 @@ function createSvgBuilder(metadata) {
         });
 
         const optimizedSvg = svgTransformer(svg, meta.palette);
-        console.log(path.join(SVGS_DIR, svgPath, `${svgName}.svg`));
-        await fs.writeFile(path.join(SVGS_DIR, svgPath, `${svgName}.svg`), optimizedSvg);
+        console.log(path.join(SVGS_DIR, `${svgName}.svg`));
+        await fs.writeFile(path.join(SVGS_DIR, `${svgName}.svg`), optimizedSvg);
       }
     }
   };
diff --git a/packages/ui/icons/src/scripts/generateIcons.js b/packages/ui/icons/scripts/generateIcons.js
similarity index 85%
rename from packages/ui/icons/src/scripts/generateIcons.js
rename to packages/ui/icons/scripts/generateIcons.js
index 61be5191..ca94f126 100644
--- a/packages/ui/icons/src/scripts/generateIcons.js
+++ b/packages/ui/icons/scripts/generateIcons.js
@@ -22,15 +22,14 @@ async function generateIcons() {
     const componentName = kebabCaseToCamelCase(fileMeta.name);
     const svg = await fs.readFile(path.join(SVGS_DIR, file), 'utf-8');
 
-    const iconFileRelativePath = path.join(fileMeta.dir, `${componentName}.tsx`);
-    const iconFilePath = path.join(ICONS_DIR, iconFileRelativePath);
+    const iconFilePath = path.join(ICONS_DIR, `${componentName}.tsx`);
 
     const content = await transform(svg, { typescript: true, plugins: ['@svgr/plugin-jsx'] }, { componentName });
 
     await fs.mkdir(path.parse(iconFilePath).dir, { recursive: true });
     await fs.writeFile(iconFilePath, content);
 
-    return { name: componentName, path: path.join(fileMeta.dir, componentName) };
+    return { name: componentName, path: componentName };
   }));
 
   await createIndexFile(iconFiles);
diff --git a/packages/ui/icons/src/scripts/utils.js b/packages/ui/icons/scripts/utils.js
similarity index 100%
rename from packages/ui/icons/src/scripts/utils.js
rename to packages/ui/icons/scripts/utils.js
diff --git a/packages/ui/icons/src/lib/index.tsx b/packages/ui/icons/src/lib/index.tsx
deleted file mode 100644
index 813458ae..00000000
--- a/packages/ui/icons/src/lib/index.tsx
+++ /dev/null
@@ -1,125 +0,0 @@
-export { default as FlagRu } from './Colored/Flags/FlagRu';
-export { default as FlagUk } from './Colored/Flags/FlagUk';
-export { default as Google } from './Colored/Logos/Google';
-export { default as MailAol } from './Colored/Logos/MailAol';
-export { default as MailGmail } from './Colored/Logos/MailGmail';
-export { default as MailIcloud } from './Colored/Logos/MailIcloud';
-export { default as MailMail } from './Colored/Logos/MailMail';
-export { default as MailOutlook } from './Colored/Logos/MailOutlook';
-export { default as MailProton } from './Colored/Logos/MailProton';
-export { default as MailYahoo } from './Colored/Logos/MailYahoo';
-export { default as MailYandex } from './Colored/Logos/MailYandex';
-export { default as Vk } from './Colored/Logos/Vk';
-export { default as Yandex } from './Colored/Logos/Yandex';
-export { default as Arrow360 } from './Monochrome/Arrows/Arrow360';
-export { default as ArrowBack } from './Monochrome/Arrows/ArrowBack';
-export { default as ArrowDownToSquare } from './Monochrome/Arrows/ArrowDownToSquare';
-export { default as ArrowLeftArrowRight } from './Monochrome/Arrows/ArrowLeftArrowRight';
-export { default as ArrowOutward } from './Monochrome/Arrows/ArrowOutward';
-export { default as ArrowRightFromSquare } from './Monochrome/Arrows/ArrowRightFromSquare';
-export { default as ArrowRightToSquare } from './Monochrome/Arrows/ArrowRightToSquare';
-export { default as ArrowShapeTurnUpRight } from './Monochrome/Arrows/ArrowShapeTurnUpRight';
-export { default as ArrowShapeTurnUpRightCheck } from './Monochrome/Arrows/ArrowShapeTurnUpRightCheck';
-export { default as ArrowsRotateRightAdd } from './Monochrome/Arrows/ArrowsRotateRightAdd';
-export { default as ArrowsRotateRightCheck } from './Monochrome/Arrows/ArrowsRotateRightCheck';
-export { default as ArrowUpArrowDown } from './Monochrome/Arrows/ArrowUpArrowDown';
-export { default as ArrowUturnCcwLeft } from './Monochrome/Arrows/ArrowUturnCcwLeft';
-export { default as ArrowUturnCwRight } from './Monochrome/Arrows/ArrowUturnCwRight';
-export { default as ChevronDown } from './Monochrome/Arrows/ChevronDown';
-export { default as ChevronDownToLine } from './Monochrome/Arrows/ChevronDownToLine';
-export { default as ChevronLeft } from './Monochrome/Arrows/ChevronLeft';
-export { default as ChevronRight } from './Monochrome/Arrows/ChevronRight';
-export { default as ChevronsCollapseUpRight } from './Monochrome/Arrows/ChevronsCollapseUpRight';
-export { default as ChevronsExpandUpRight } from './Monochrome/Arrows/ChevronsExpandUpRight';
-export { default as ChevronUp } from './Monochrome/Arrows/ChevronUp';
-export { default as ChevronUpToLine } from './Monochrome/Arrows/ChevronUpToLine';
-export { default as Shuffle } from './Monochrome/Arrows/Shuffle';
-export { default as Bookmark } from './Monochrome/Doc/Bookmark';
-export { default as BookmarkFill } from './Monochrome/Doc/BookmarkFill';
-export { default as Bookmarks } from './Monochrome/Doc/Bookmarks';
-export { default as Link } from './Monochrome/Doc/Link';
-export { default as LinkAdd } from './Monochrome/Doc/LinkAdd';
-export { default as LinkSlash } from './Monochrome/Doc/LinkSlash';
-export { default as CodeBlock } from './Monochrome/Editor/CodeBlock';
-export { default as FormatBold } from './Monochrome/Editor/FormatBold';
-export { default as FormatItalic } from './Monochrome/Editor/FormatItalic';
-export { default as FormatListOl } from './Monochrome/Editor/FormatListOl';
-export { default as FormatListUl } from './Monochrome/Editor/FormatListUl';
-export { default as FormatUndeline } from './Monochrome/Editor/FormatUndeline';
-export { default as TextFormat } from './Monochrome/Editor/TextFormat';
-export { default as Copy } from './Monochrome/File/Copy';
-export { default as File } from './Monochrome/File/File';
-export { default as FileAdd } from './Monochrome/File/FileAdd';
-export { default as FileCheck } from './Monochrome/File/FileCheck';
-export { default as FileCheckFill } from './Monochrome/File/FileCheckFill';
-export { default as Folder } from './Monochrome/Folders/Folder';
-export { default as FolderAdd } from './Monochrome/Folders/FolderAdd';
-export { default as FolderFill } from './Monochrome/Folders/FolderFill';
-export { default as FolderOpen } from './Monochrome/Folders/FolderOpen';
-export { default as FolderOpenFill } from './Monochrome/Folders/FolderOpenFill';
-export { default as Folders } from './Monochrome/Folders/Folders';
-export { default as MoveToFolder } from './Monochrome/Folders/MoveToFolder';
-export { default as Fullscreen } from './Monochrome/Misc/Fullscreen';
-export { default as Language } from './Monochrome/Misc/Language';
-export { default as Preview } from './Monochrome/Misc/Preview';
-export { default as Sort } from './Monochrome/Misc/Sort';
-export { default as SortByAlpha } from './Monochrome/Misc/SortByAlpha';
-export { default as Spinner } from './Monochrome/Misc/Spinner';
-export { default as Star } from './Monochrome/Misc/Star';
-export { default as Tag } from './Monochrome/Misc/Tag';
-export { default as Explore } from './Monochrome/Navigation/Explore';
-export { default as ExploreFill } from './Monochrome/Navigation/ExploreFill';
-export { default as Home } from './Monochrome/Navigation/Home';
-export { default as HomeFill } from './Monochrome/Navigation/HomeFill';
-export { default as Interests } from './Monochrome/Navigation/Interests';
-export { default as InterestsFill } from './Monochrome/Navigation/InterestsFill';
-export { default as AddRowAbove } from './Monochrome/Sets/AddRowAbove';
-export { default as AddRowBelow } from './Monochrome/Sets/AddRowBelow';
-export { default as AddSquare } from './Monochrome/Sets/AddSquare';
-export { default as Clipboard } from './Monochrome/Sets/Clipboard';
-export { default as Hint } from './Monochrome/Sets/Hint';
-export { default as HintAdd } from './Monochrome/Sets/HintAdd';
-export { default as HintSlash } from './Monochrome/Sets/HintSlash';
-export { default as Learn } from './Monochrome/Sets/Learn';
-export { default as ListAdd } from './Monochrome/Sets/ListAdd';
-export { default as Set } from './Monochrome/Sets/Set';
-export { default as SetAdd } from './Monochrome/Sets/SetAdd';
-export { default as TableConvert } from './Monochrome/Sets/TableConvert';
-export { default as Favorite } from './Monochrome/Social/Favorite';
-export { default as FavoriteFill } from './Monochrome/Social/FavoriteFill';
-export { default as Globe } from './Monochrome/Social/Globe';
-export { default as GlobeAdd } from './Monochrome/Social/GlobeAdd';
-export { default as PersonAdd } from './Monochrome/Social/PersonAdd';
-export { default as PersonCheck } from './Monochrome/Social/PersonCheck';
-export { default as PersonCheckFill } from './Monochrome/Social/PersonCheckFill';
-export { default as PersonEdit } from './Monochrome/Social/PersonEdit';
-export { default as PersonEditFill } from './Monochrome/Social/PersonEditFill';
-export { default as PersonGroup } from './Monochrome/Social/PersonGroup';
-export { default as PersonPin } from './Monochrome/Social/PersonPin';
-export { default as Check } from './Monochrome/Symbol/Check';
-export { default as CircleCheck } from './Monochrome/Symbol/CircleCheck';
-export { default as CircleCheckFill } from './Monochrome/Symbol/CircleCheckFill';
-export { default as CircleInfo } from './Monochrome/Symbol/CircleInfo';
-export { default as CircleInfoFill } from './Monochrome/Symbol/CircleInfoFill';
-export { default as CircleXmark } from './Monochrome/Symbol/CircleXmark';
-export { default as CircleXmarkFill } from './Monochrome/Symbol/CircleXmarkFill';
-export { default as Equal } from './Monochrome/Symbol/Equal';
-export { default as Minus } from './Monochrome/Symbol/Minus';
-export { default as Plus } from './Monochrome/Symbol/Plus';
-export { default as Xmark } from './Monochrome/Symbol/Xmark';
-export { default as Delete } from './Monochrome/System/Delete';
-export { default as DeleteXmark } from './Monochrome/System/DeleteXmark';
-export { default as DotsHorizontal } from './Monochrome/System/DotsHorizontal';
-export { default as DotsVertical } from './Monochrome/System/DotsVertical';
-export { default as Filter } from './Monochrome/System/Filter';
-export { default as FilterFill } from './Monochrome/System/FilterFill';
-export { default as Grip } from './Monochrome/System/Grip';
-export { default as Notifications } from './Monochrome/System/Notifications';
-export { default as Settings } from './Monochrome/System/Settings';
-export { default as Clock40 } from './Monochrome/Time/Clock40';
-export { default as Clock60 } from './Monochrome/Time/Clock60';
-export { default as ClockArrowRotateCcwLeft } from './Monochrome/Time/ClockArrowRotateCcwLeft';
-export { default as AttachFile } from './Monochrome/Tool/AttachFile';
-export { default as Funnel } from './Monochrome/Tool/Funnel';
-export { default as Magnifier } from './Monochrome/Tool/Magnifier';
-export { default as Pencil } from './Monochrome/Tool/Pencil';
diff --git a/packages/ui/icons/src/scripts/clear.js b/packages/ui/icons/src/scripts/clear.js
deleted file mode 100644
index e471e31e..00000000
--- a/packages/ui/icons/src/scripts/clear.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import process from 'node:process';
-import { DIST_DIR } from './constants.js';
-import { clearDir } from './utils.js';
-
-clearDir(DIST_DIR).catch((err) => {
-  console.error(`Failed clear "${DIST_DIR}": ${err}`);
-  process.exit(1);
-});
\ No newline at end of file
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/add_row_above.svg b/packages/ui/icons/svgs/add_row_above.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/add_row_above.svg
rename to packages/ui/icons/svgs/add_row_above.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/add_row_below.svg b/packages/ui/icons/svgs/add_row_below.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/add_row_below.svg
rename to packages/ui/icons/svgs/add_row_below.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/add_square.svg b/packages/ui/icons/svgs/add_square.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/add_square.svg
rename to packages/ui/icons/svgs/add_square.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_360.svg b/packages/ui/icons/svgs/arrow_360.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_360.svg
rename to packages/ui/icons/svgs/arrow_360.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_back.svg b/packages/ui/icons/svgs/arrow_back.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_back.svg
rename to packages/ui/icons/svgs/arrow_back.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_down_to_square.svg b/packages/ui/icons/svgs/arrow_down_to_square.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_down_to_square.svg
rename to packages/ui/icons/svgs/arrow_down_to_square.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_left_arrow_right.svg b/packages/ui/icons/svgs/arrow_left_arrow_right.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_left_arrow_right.svg
rename to packages/ui/icons/svgs/arrow_left_arrow_right.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_outward.svg b/packages/ui/icons/svgs/arrow_outward.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_outward.svg
rename to packages/ui/icons/svgs/arrow_outward.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_from_square.svg b/packages/ui/icons/svgs/arrow_right_from_square.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_from_square.svg
rename to packages/ui/icons/svgs/arrow_right_from_square.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_to_square.svg b/packages/ui/icons/svgs/arrow_right_to_square.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_right_to_square.svg
rename to packages/ui/icons/svgs/arrow_right_to_square.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right.svg b/packages/ui/icons/svgs/arrow_shape_turn_up_right.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right.svg
rename to packages/ui/icons/svgs/arrow_shape_turn_up_right.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right_check.svg b/packages/ui/icons/svgs/arrow_shape_turn_up_right_check.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_shape_turn_up_right_check.svg
rename to packages/ui/icons/svgs/arrow_shape_turn_up_right_check.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_up_arrow_down.svg b/packages/ui/icons/svgs/arrow_up_arrow_down.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_up_arrow_down.svg
rename to packages/ui/icons/svgs/arrow_up_arrow_down.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_ccw_left.svg b/packages/ui/icons/svgs/arrow_uturn_ccw_left.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_ccw_left.svg
rename to packages/ui/icons/svgs/arrow_uturn_ccw_left.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_cw_right.svg b/packages/ui/icons/svgs/arrow_uturn_cw_right.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrow_uturn_cw_right.svg
rename to packages/ui/icons/svgs/arrow_uturn_cw_right.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_add.svg b/packages/ui/icons/svgs/arrows_rotate_right_add.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_add.svg
rename to packages/ui/icons/svgs/arrows_rotate_right_add.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_check.svg b/packages/ui/icons/svgs/arrows_rotate_right_check.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/arrows_rotate_right_check.svg
rename to packages/ui/icons/svgs/arrows_rotate_right_check.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Tool/attach_file.svg b/packages/ui/icons/svgs/attach_file.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Tool/attach_file.svg
rename to packages/ui/icons/svgs/attach_file.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/bookmark.svg b/packages/ui/icons/svgs/bookmark.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Doc/bookmark.svg
rename to packages/ui/icons/svgs/bookmark.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/bookmark_fill.svg b/packages/ui/icons/svgs/bookmark_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Doc/bookmark_fill.svg
rename to packages/ui/icons/svgs/bookmark_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/bookmarks.svg b/packages/ui/icons/svgs/bookmarks.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Doc/bookmarks.svg
rename to packages/ui/icons/svgs/bookmarks.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/check.svg b/packages/ui/icons/svgs/check.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/check.svg
rename to packages/ui/icons/svgs/check.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down.svg b/packages/ui/icons/svgs/chevron_down.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down.svg
rename to packages/ui/icons/svgs/chevron_down.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down_to_line.svg b/packages/ui/icons/svgs/chevron_down_to_line.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_down_to_line.svg
rename to packages/ui/icons/svgs/chevron_down_to_line.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_left.svg b/packages/ui/icons/svgs/chevron_left.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_left.svg
rename to packages/ui/icons/svgs/chevron_left.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_right.svg b/packages/ui/icons/svgs/chevron_right.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_right.svg
rename to packages/ui/icons/svgs/chevron_right.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up.svg b/packages/ui/icons/svgs/chevron_up.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up.svg
rename to packages/ui/icons/svgs/chevron_up.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up_to_line.svg b/packages/ui/icons/svgs/chevron_up_to_line.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/chevron_up_to_line.svg
rename to packages/ui/icons/svgs/chevron_up_to_line.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_collapse_up_right.svg b/packages/ui/icons/svgs/chevrons_collapse_up_right.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_collapse_up_right.svg
rename to packages/ui/icons/svgs/chevrons_collapse_up_right.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_expand_up_right.svg b/packages/ui/icons/svgs/chevrons_expand_up_right.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/chevrons_expand_up_right.svg
rename to packages/ui/icons/svgs/chevrons_expand_up_right.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check.svg b/packages/ui/icons/svgs/circle_check.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check.svg
rename to packages/ui/icons/svgs/circle_check.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check_fill.svg b/packages/ui/icons/svgs/circle_check_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/circle_check_fill.svg
rename to packages/ui/icons/svgs/circle_check_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info.svg b/packages/ui/icons/svgs/circle_info.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info.svg
rename to packages/ui/icons/svgs/circle_info.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info_fill.svg b/packages/ui/icons/svgs/circle_info_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/circle_info_fill.svg
rename to packages/ui/icons/svgs/circle_info_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark.svg b/packages/ui/icons/svgs/circle_xmark.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark.svg
rename to packages/ui/icons/svgs/circle_xmark.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark_fill.svg b/packages/ui/icons/svgs/circle_xmark_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/circle_xmark_fill.svg
rename to packages/ui/icons/svgs/circle_xmark_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/clipboard.svg b/packages/ui/icons/svgs/clipboard.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/clipboard.svg
rename to packages/ui/icons/svgs/clipboard.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Time/clock_40.svg b/packages/ui/icons/svgs/clock_40.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Time/clock_40.svg
rename to packages/ui/icons/svgs/clock_40.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Time/clock_60.svg b/packages/ui/icons/svgs/clock_60.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Time/clock_60.svg
rename to packages/ui/icons/svgs/clock_60.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Time/clock_arrow_rotate_ccw_left.svg b/packages/ui/icons/svgs/clock_arrow_rotate_ccw_left.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Time/clock_arrow_rotate_ccw_left.svg
rename to packages/ui/icons/svgs/clock_arrow_rotate_ccw_left.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/code_block.svg b/packages/ui/icons/svgs/code_block.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Editor/code_block.svg
rename to packages/ui/icons/svgs/code_block.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/File/copy.svg b/packages/ui/icons/svgs/copy.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/File/copy.svg
rename to packages/ui/icons/svgs/copy.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/delete.svg b/packages/ui/icons/svgs/delete.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/System/delete.svg
rename to packages/ui/icons/svgs/delete.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/delete_xmark.svg b/packages/ui/icons/svgs/delete_xmark.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/System/delete_xmark.svg
rename to packages/ui/icons/svgs/delete_xmark.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/dots_horizontal.svg b/packages/ui/icons/svgs/dots_horizontal.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/System/dots_horizontal.svg
rename to packages/ui/icons/svgs/dots_horizontal.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/dots_vertical.svg b/packages/ui/icons/svgs/dots_vertical.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/System/dots_vertical.svg
rename to packages/ui/icons/svgs/dots_vertical.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/equal.svg b/packages/ui/icons/svgs/equal.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/equal.svg
rename to packages/ui/icons/svgs/equal.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/explore.svg b/packages/ui/icons/svgs/explore.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Navigation/explore.svg
rename to packages/ui/icons/svgs/explore.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/explore_fill.svg b/packages/ui/icons/svgs/explore_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Navigation/explore_fill.svg
rename to packages/ui/icons/svgs/explore_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/favorite.svg b/packages/ui/icons/svgs/favorite.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/favorite.svg
rename to packages/ui/icons/svgs/favorite.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/favorite_fill.svg b/packages/ui/icons/svgs/favorite_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/favorite_fill.svg
rename to packages/ui/icons/svgs/favorite_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/File/file.svg b/packages/ui/icons/svgs/file.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/File/file.svg
rename to packages/ui/icons/svgs/file.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/File/file_add.svg b/packages/ui/icons/svgs/file_add.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/File/file_add.svg
rename to packages/ui/icons/svgs/file_add.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/File/file_check.svg b/packages/ui/icons/svgs/file_check.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/File/file_check.svg
rename to packages/ui/icons/svgs/file_check.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/File/file_check_fill.svg b/packages/ui/icons/svgs/file_check_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/File/file_check_fill.svg
rename to packages/ui/icons/svgs/file_check_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/filter.svg b/packages/ui/icons/svgs/filter.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/System/filter.svg
rename to packages/ui/icons/svgs/filter.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/filter_fill.svg b/packages/ui/icons/svgs/filter_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/System/filter_fill.svg
rename to packages/ui/icons/svgs/filter_fill.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Flags/flag_ru.svg b/packages/ui/icons/svgs/flag_ru.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Flags/flag_ru.svg
rename to packages/ui/icons/svgs/flag_ru.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Flags/flag_uk.svg b/packages/ui/icons/svgs/flag_uk.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Flags/flag_uk.svg
rename to packages/ui/icons/svgs/flag_uk.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folder.svg b/packages/ui/icons/svgs/folder.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Folders/folder.svg
rename to packages/ui/icons/svgs/folder.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folder_add.svg b/packages/ui/icons/svgs/folder_add.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Folders/folder_add.svg
rename to packages/ui/icons/svgs/folder_add.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folder_fill.svg b/packages/ui/icons/svgs/folder_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Folders/folder_fill.svg
rename to packages/ui/icons/svgs/folder_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folder_open.svg b/packages/ui/icons/svgs/folder_open.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Folders/folder_open.svg
rename to packages/ui/icons/svgs/folder_open.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folder_open_fill.svg b/packages/ui/icons/svgs/folder_open_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Folders/folder_open_fill.svg
rename to packages/ui/icons/svgs/folder_open_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/folders.svg b/packages/ui/icons/svgs/folders.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Folders/folders.svg
rename to packages/ui/icons/svgs/folders.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/format_bold.svg b/packages/ui/icons/svgs/format_bold.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Editor/format_bold.svg
rename to packages/ui/icons/svgs/format_bold.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/format_italic.svg b/packages/ui/icons/svgs/format_italic.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Editor/format_italic.svg
rename to packages/ui/icons/svgs/format_italic.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ol.svg b/packages/ui/icons/svgs/format_list_ol.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ol.svg
rename to packages/ui/icons/svgs/format_list_ol.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ul.svg b/packages/ui/icons/svgs/format_list_ul.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Editor/format_list_ul.svg
rename to packages/ui/icons/svgs/format_list_ul.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/format_undeline.svg b/packages/ui/icons/svgs/format_undeline.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Editor/format_undeline.svg
rename to packages/ui/icons/svgs/format_undeline.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/fullscreen.svg b/packages/ui/icons/svgs/fullscreen.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Misc/fullscreen.svg
rename to packages/ui/icons/svgs/fullscreen.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Tool/funnel.svg b/packages/ui/icons/svgs/funnel.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Tool/funnel.svg
rename to packages/ui/icons/svgs/funnel.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/globe.svg b/packages/ui/icons/svgs/globe.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/globe.svg
rename to packages/ui/icons/svgs/globe.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/globe_add.svg b/packages/ui/icons/svgs/globe_add.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/globe_add.svg
rename to packages/ui/icons/svgs/globe_add.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/google.svg b/packages/ui/icons/svgs/google.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/google.svg
rename to packages/ui/icons/svgs/google.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/grip.svg b/packages/ui/icons/svgs/grip.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/System/grip.svg
rename to packages/ui/icons/svgs/grip.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/hint.svg b/packages/ui/icons/svgs/hint.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/hint.svg
rename to packages/ui/icons/svgs/hint.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/hint_add.svg b/packages/ui/icons/svgs/hint_add.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/hint_add.svg
rename to packages/ui/icons/svgs/hint_add.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/hint_slash.svg b/packages/ui/icons/svgs/hint_slash.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/hint_slash.svg
rename to packages/ui/icons/svgs/hint_slash.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/home.svg b/packages/ui/icons/svgs/home.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Navigation/home.svg
rename to packages/ui/icons/svgs/home.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/home_fill.svg b/packages/ui/icons/svgs/home_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Navigation/home_fill.svg
rename to packages/ui/icons/svgs/home_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/interests.svg b/packages/ui/icons/svgs/interests.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Navigation/interests.svg
rename to packages/ui/icons/svgs/interests.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Navigation/interests_fill.svg b/packages/ui/icons/svgs/interests_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Navigation/interests_fill.svg
rename to packages/ui/icons/svgs/interests_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/language.svg b/packages/ui/icons/svgs/language.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Misc/language.svg
rename to packages/ui/icons/svgs/language.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/learn.svg b/packages/ui/icons/svgs/learn.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/learn.svg
rename to packages/ui/icons/svgs/learn.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/link.svg b/packages/ui/icons/svgs/link.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Doc/link.svg
rename to packages/ui/icons/svgs/link.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/link_add.svg b/packages/ui/icons/svgs/link_add.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Doc/link_add.svg
rename to packages/ui/icons/svgs/link_add.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Doc/link_slash.svg b/packages/ui/icons/svgs/link_slash.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Doc/link_slash.svg
rename to packages/ui/icons/svgs/link_slash.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/list_add.svg b/packages/ui/icons/svgs/list_add.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/list_add.svg
rename to packages/ui/icons/svgs/list_add.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Tool/magnifier.svg b/packages/ui/icons/svgs/magnifier.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Tool/magnifier.svg
rename to packages/ui/icons/svgs/magnifier.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_aol.svg b/packages/ui/icons/svgs/mail_aol.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/mail_aol.svg
rename to packages/ui/icons/svgs/mail_aol.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_gmail.svg b/packages/ui/icons/svgs/mail_gmail.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/mail_gmail.svg
rename to packages/ui/icons/svgs/mail_gmail.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_icloud.svg b/packages/ui/icons/svgs/mail_icloud.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/mail_icloud.svg
rename to packages/ui/icons/svgs/mail_icloud.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_mail.svg b/packages/ui/icons/svgs/mail_mail.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/mail_mail.svg
rename to packages/ui/icons/svgs/mail_mail.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_outlook.svg b/packages/ui/icons/svgs/mail_outlook.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/mail_outlook.svg
rename to packages/ui/icons/svgs/mail_outlook.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_proton.svg b/packages/ui/icons/svgs/mail_proton.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/mail_proton.svg
rename to packages/ui/icons/svgs/mail_proton.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_yahoo.svg b/packages/ui/icons/svgs/mail_yahoo.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/mail_yahoo.svg
rename to packages/ui/icons/svgs/mail_yahoo.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/mail_yandex.svg b/packages/ui/icons/svgs/mail_yandex.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/mail_yandex.svg
rename to packages/ui/icons/svgs/mail_yandex.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/minus.svg b/packages/ui/icons/svgs/minus.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/minus.svg
rename to packages/ui/icons/svgs/minus.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Folders/move_to_folder.svg b/packages/ui/icons/svgs/move_to_folder.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Folders/move_to_folder.svg
rename to packages/ui/icons/svgs/move_to_folder.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/notifications.svg b/packages/ui/icons/svgs/notifications.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/System/notifications.svg
rename to packages/ui/icons/svgs/notifications.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Tool/pencil.svg b/packages/ui/icons/svgs/pencil.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Tool/pencil.svg
rename to packages/ui/icons/svgs/pencil.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_add.svg b/packages/ui/icons/svgs/person_add.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/person_add.svg
rename to packages/ui/icons/svgs/person_add.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_check.svg b/packages/ui/icons/svgs/person_check.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/person_check.svg
rename to packages/ui/icons/svgs/person_check.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_check_fill.svg b/packages/ui/icons/svgs/person_check_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/person_check_fill.svg
rename to packages/ui/icons/svgs/person_check_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_edit.svg b/packages/ui/icons/svgs/person_edit.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/person_edit.svg
rename to packages/ui/icons/svgs/person_edit.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_edit_fill.svg b/packages/ui/icons/svgs/person_edit_fill.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/person_edit_fill.svg
rename to packages/ui/icons/svgs/person_edit_fill.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_group.svg b/packages/ui/icons/svgs/person_group.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/person_group.svg
rename to packages/ui/icons/svgs/person_group.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Social/person_pin.svg b/packages/ui/icons/svgs/person_pin.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Social/person_pin.svg
rename to packages/ui/icons/svgs/person_pin.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/plus.svg b/packages/ui/icons/svgs/plus.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/plus.svg
rename to packages/ui/icons/svgs/plus.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/preview.svg b/packages/ui/icons/svgs/preview.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Misc/preview.svg
rename to packages/ui/icons/svgs/preview.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/set.svg b/packages/ui/icons/svgs/set.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/set.svg
rename to packages/ui/icons/svgs/set.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/set_add.svg b/packages/ui/icons/svgs/set_add.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/set_add.svg
rename to packages/ui/icons/svgs/set_add.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/System/settings.svg b/packages/ui/icons/svgs/settings.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/System/settings.svg
rename to packages/ui/icons/svgs/settings.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Arrows/shuffle.svg b/packages/ui/icons/svgs/shuffle.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Arrows/shuffle.svg
rename to packages/ui/icons/svgs/shuffle.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/sort.svg b/packages/ui/icons/svgs/sort.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Misc/sort.svg
rename to packages/ui/icons/svgs/sort.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/sort_by_alpha.svg b/packages/ui/icons/svgs/sort_by_alpha.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Misc/sort_by_alpha.svg
rename to packages/ui/icons/svgs/sort_by_alpha.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/spinner.svg b/packages/ui/icons/svgs/spinner.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Misc/spinner.svg
rename to packages/ui/icons/svgs/spinner.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/star.svg b/packages/ui/icons/svgs/star.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Misc/star.svg
rename to packages/ui/icons/svgs/star.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Sets/table_convert.svg b/packages/ui/icons/svgs/table_convert.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Sets/table_convert.svg
rename to packages/ui/icons/svgs/table_convert.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Misc/tag.svg b/packages/ui/icons/svgs/tag.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Misc/tag.svg
rename to packages/ui/icons/svgs/tag.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Editor/text_format.svg b/packages/ui/icons/svgs/text_format.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Editor/text_format.svg
rename to packages/ui/icons/svgs/text_format.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/vk.svg b/packages/ui/icons/svgs/vk.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/vk.svg
rename to packages/ui/icons/svgs/vk.svg
diff --git a/packages/ui/icons/src/svgs/Monochrome/Symbol/xmark.svg b/packages/ui/icons/svgs/xmark.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Monochrome/Symbol/xmark.svg
rename to packages/ui/icons/svgs/xmark.svg
diff --git a/packages/ui/icons/src/svgs/Colored/Logos/yandex.svg b/packages/ui/icons/svgs/yandex.svg
similarity index 100%
rename from packages/ui/icons/src/svgs/Colored/Logos/yandex.svg
rename to packages/ui/icons/svgs/yandex.svg
diff --git a/packages/ui/icons/tsconfig.build.json b/packages/ui/icons/tsconfig.build.json
index 9226b21b..640efe3a 100644
--- a/packages/ui/icons/tsconfig.build.json
+++ b/packages/ui/icons/tsconfig.build.json
@@ -6,7 +6,7 @@
     "declaration": false,
     "declarationMap": false,
     "emitDeclarationOnly": false,
-    "outDir": "dist"
+    "outDir": "."
   },
-  "include": ["src/lib/"]
+  "include": ["lib/"]
 }
diff --git a/packages/ui/icons/tsconfig.json b/packages/ui/icons/tsconfig.json
index 636c068c..9ce1dca8 100644
--- a/packages/ui/icons/tsconfig.json
+++ b/packages/ui/icons/tsconfig.json
@@ -9,6 +9,6 @@
     "types": ["node", "react", "react-dom"],
     "allowJs": true
   },
-  "include": ["src/**/*.ts", "src/**/*.js", "src/**/*.tsx", "tsup.config.ts"],
+  "include": ["lib/**/*.ts", "scripts/**/*.js", "lib/**/*.tsx", "lib/**/*.jsx", "./*.d.ts"],
   "exclude": ["node_modules", "dist"]
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b5e265f0..9947ba3a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,15 +6,81 @@ settings:
 
 catalogs:
   default:
+    '@antfu/eslint-config':
+      specifier: ^4.11.0
+      version: 4.11.0
+    '@biomejs/biome':
+      specifier: 2.0.0-beta.1
+      version: 2.0.0-beta.1
+    '@chromatic-com/storybook':
+      specifier: 3.2.6
+      version: 3.2.6
+    '@eslint-react/eslint-plugin':
+      specifier: ^1.40.3
+      version: 1.42.1
+    '@farfetched/core':
+      specifier: ^0.13.1
+      version: 0.13.1
     '@figma-export/core':
       specifier: ^6.2.0
       version: 6.2.0
+    '@storybook/addon-essentials':
+      specifier: 8.6.11
+      version: 8.6.11
+    '@storybook/addon-interactions':
+      specifier: 8.6.11
+      version: 8.6.11
+    '@storybook/addon-onboarding':
+      specifier: 8.6.11
+      version: 8.6.11
+    '@storybook/blocks':
+      specifier: 8.6.11
+      version: 8.6.11
+    '@storybook/manager-api':
+      specifier: ^8.6.11
+      version: 8.6.12
+    '@storybook/react':
+      specifier: 8.6.11
+      version: 8.6.11
+    '@storybook/react-vite':
+      specifier: 8.6.11
+      version: 8.6.11
+    '@storybook/test':
+      specifier: 8.6.11
+      version: 8.6.11
+    '@storybook/theming':
+      specifier: ^8.6.11
+      version: 8.6.12
     '@svgr/core':
       specifier: ^8.1.0
       version: 8.1.0
     '@svgr/plugin-jsx':
       specifier: ^8.1.0
       version: 8.1.0
+    '@testing-library/webdriverio':
+      specifier: ^3.2.1
+      version: 3.2.1
+    '@testplane/global-hook':
+      specifier: ^1.0.0
+      version: 1.0.0
+    '@testplane/storybook':
+      specifier: ^1.6.1
+      version: 1.6.1
+    '@testplane/test-filter':
+      specifier: ^1.0.0
+      version: 1.0.0
+    '@testplane/url-decorator':
+      specifier: ^1.0.0
+      version: 1.0.0
+    '@turbo/gen':
+      specifier: ^2.4.4
+      version: 2.5.0
+    '@types/eslint':
+      specifier: ^9.6.1
+      version: 9.6.1
+    '@types/js-cookie':
+      specifier: ^3.0.6
+      version: 3.0.6
     '@types/node':
       specifier: ^22.14.0
       version: 22.14.0
@@ -24,27 +90,141 @@ catalogs:
     '@types/react-dom':
       specifier: 19.0.4
       version: 19.0.4
+    '@vitejs/plugin-react':
+      specifier: ^4.3.4
+      version: 4.3.4
+    '@withease/i18next':
+      specifier: ^24.0.0
+      version: 24.0.0
+    '@withease/web-api':
+      specifier: ^1.3.0
+      version: 1.3.0
+    atomic-router:
+      specifier: ^0.11.0
+      version: 0.11.0
+    atomic-router-react:
+      specifier: ^0.10.0
+      version: 0.10.0
+    axios:
+      specifier: ^1.8.4
+      version: 1.8.4
+    clsx:
+      specifier: ^2.1.1
+      version: 2.1.1
+    effector:
+      specifier: ^23.3.0
+      version: 23.3.0
+    effector-react:
+      specifier: ^23.3.0
+      version: 23.3.0
     eslint:
       specifier: ^9.24.0
       version: 9.24.0
+    eslint-plugin-effector:
+      specifier: ^0.15.0
+      version: 0.15.0
+    eslint-plugin-format:
+      specifier: ^1.0.1
+      version: 1.0.1
+    eslint-plugin-react-hooks:
+      specifier: ^5.2.0
+      version: 5.2.0
     eslint-plugin-react-refresh:
       specifier: ^0.4.19
       version: 0.4.19
+    eslint-plugin-storybook:
+      specifier: ^0.12.0
+      version: 0.12.0
+    eslint-plugin-turbo:
+      specifier: ^2.5.0
+      version: 2.5.0
+    framer-motion:
+      specifier: ^12.6.2
+      version: 12.6.3
+    globals:
+      specifier: ^16.0.0
+      version: 16.0.0
+    history:
+      specifier: ^5.3.0
+      version: 5.3.0
+    html-reporter:
+      specifier: ^10.15.0
+      version: 10.15.2
+    i18next:
+      specifier: ^24.2.3
+      version: 24.2.3
+    i18next-browser-languagedetector:
+      specifier: ^8.0.4
+      version: 8.0.4
+    i18next-hmr:
+      specifier: ^3.1.3
+      version: 3.1.3
+    i18next-http-backend:
+      specifier: ^3.0.2
+      version: 3.0.2
     is-svg:
       specifier: ^5.1.0
       version: 5.1.0
+    jiti:
+      specifier: ^2.4.2
+      version: 2.4.2
+    js-cookie:
+      specifier: ^3.0.5
+      version: 3.0.5
+    patronum:
+      specifier: ^2.3.0
+      version: 2.3.0
+    postcss:
+      specifier: ^8.5.3
+      version: 8.5.3
+    postcss-flexbugs-fixes:
+      specifier: ^5.0.2
+      version: 5.0.2
+    postcss-preset-env:
+      specifier: ^10.1.5
+      version: 10.1.5
     react:
       specifier: ^19.1.0
       version: 19.1.0
     react-dom:
       specifier: ^19.1.0
       version: 19.1.0
+    react-i18next:
+      specifier: ^15.4.1
+      version: 15.4.1
+    react-use-measure:
+      specifier: ^2.1.7
+      version: 2.1.7
+    sass-embedded:
+      specifier: ^1.86.1
+      version: 1.86.3
+    storybook:
+      specifier: 8.6.11
+      version: 8.6.11
+    storybook-react-i18next:
+      specifier: ^3.2.1
+      version: 3.2.1
+    stylelint:
+      specifier: ^16.17.0
+      version: 16.18.0
+    surrealdb:
+      specifier: ^1.2.1
+      version: 1.3.1
     svgo:
       specifier: ^3.3.2
       version: 3.3.2
+    testplane:
+      specifier: ^8.26.0
+      version: 8.27.2
     typescript:
       specifier: ^5.8.2
-      version: 5.7.3
+      version: 5.8.3
+    vite:
+      specifier: ^6.2.4
+      version: 6.2.5
+    zod:
+      specifier: ^3.24.2
+      version: 3.24.2
 
 importers:
 
@@ -443,6 +623,9 @@ importers:
       eslint-plugin-react-refresh:
         specifier: 'catalog:'
         version: 0.4.19(eslint@9.24.0(jiti@2.4.2))
+      fast-glob:
+        specifier: ^3.3.3
+        version: 3.3.3
       is-svg:
         specifier: 'catalog:'
         version: 5.1.0
@@ -452,6 +635,9 @@ importers:
       react-dom:
         specifier: 'catalog:'
         version: 19.1.0(react@19.1.0)
+      rimraf:
+        specifier: ^6.0.1
+        version: 6.0.1
       svgo:
         specifier: 'catalog:'
         version: 3.3.2
@@ -477,6 +663,9 @@ importers:
       '@flippo/tsconfig':
         specifier: workspace:*
         version: link:../../tsconfig
+      '@flippo_ui/icons':
+        specifier: workspace:*
+        version: link:../icons
       '@turbo/gen':
         specifier: 'catalog:'
         version: 2.5.0(@types/node@22.14.0)(typescript@5.8.3)
@@ -4249,6 +4438,11 @@ packages:
     resolution: {integrity: sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==}
     hasBin: true
 
+  glob@11.0.1:
+    resolution: {integrity: sha512-zrQDm8XPnYEKawJScsnM0QzobJxlT/kHOOlRTio8IH/GrmxRE5fjllkzdaHclIuNjUQTJYH2xHNIGfdpJkDJUw==}
+    engines: {node: 20 || >=22}
+    hasBin: true
+
   glob@7.2.0:
     resolution: {integrity: sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==}
     deprecated: Glob versions prior to v9 are no longer supported
@@ -4718,6 +4912,10 @@ packages:
   jackspeak@3.4.3:
     resolution: {integrity: sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==}
 
+  jackspeak@4.1.0:
+    resolution: {integrity: sha512-9DDdhb5j6cpeitCbvLO7n7J4IxnbM6hoF6O1g4HQ5TfhvvKN8ywDM7668ZhMHRqVmxqhps/F6syWK2KcPxYlkw==}
+    engines: {node: 20 || >=22}
+
   jest-diff@28.1.3:
     resolution: {integrity: sha512-8RqP1B/OXzjjTWkqMX67iqgwBVJRgCyKD3L9nq+6ZqJMdvjE8RgHktqZ6jNrkdMT+dJuYNI3rhQpxaz7drJHfw==}
     engines: {node: ^12.13.0 || ^14.15.0 || ^16.10.0 || >=17.0.0}
@@ -4951,6 +5149,10 @@ packages:
   lru-cache@10.4.3:
     resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
 
+  lru-cache@11.1.0:
+    resolution: {integrity: sha512-QIXZUBJUx+2zHUdQujWejBkcD9+cs94tLn0+YL8UrCh+D5sCXZ4c7LaEH48pNwRY3MLDgqUFyhlCyjJPf1WP0A==}
+    engines: {node: 20 || >=22}
+
   lru-cache@5.1.1:
     resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
 
@@ -5548,6 +5750,10 @@ packages:
     resolution: {integrity: sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==}
     engines: {node: '>=16 || 14 >=14.18'}
 
+  path-scurry@2.0.0:
+    resolution: {integrity: sha512-ypGJsmGtdXUOeM5u93TyeIEfEhM6s+ljAhrk5vAvSx8uyY/02OvrZnA0YNGUrPXfpJMgI1ODd3nwz8Npx4O4cg==}
+    engines: {node: 20 || >=22}
+
   path-to-regexp@0.1.12:
     resolution: {integrity: sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==}
 
@@ -6135,6 +6341,11 @@ packages:
     deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
+  rimraf@6.0.1:
+    resolution: {integrity: sha512-9dkvaxAsk/xNXSJzMgFqqMCuFgt2+KsOFek3TMLfo8NCPfWpBmqwyNn5Y+NX56QUYfCtsyhF3ayiboEoUmJk/A==}
+    engines: {node: 20 || >=22}
+    hasBin: true
+
   rollup@4.39.0:
     resolution: {integrity: sha512-thI8kNc02yNvnmJp8dr3fNWJ9tCONDhp6TV35X6HkKGGs9E6q7YWCHbe5vKiTa7TAiNcFEmXKj3X/pG2b3ci0g==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
@@ -7455,7 +7666,7 @@ snapshots:
       '@babel/traverse': 7.27.0
       '@babel/types': 7.27.0
       convert-source-map: 2.0.0
-      debug: 4.4.0
+      debug: 4.4.0(supports-color@5.5.0)
       gensync: 1.0.0-beta.2
       json5: 2.2.3
       semver: 6.3.1
@@ -7550,7 +7761,7 @@ snapshots:
       '@babel/parser': 7.27.0
       '@babel/template': 7.27.0
       '@babel/types': 7.27.0
-      debug: 4.4.0
+      debug: 4.4.0(supports-color@5.5.0)
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
@@ -8330,7 +8541,7 @@ snapshots:
   '@eslint/config-array@0.20.0':
     dependencies:
       '@eslint/object-schema': 2.1.6
-      debug: 4.4.0
+      debug: 4.4.0(supports-color@5.5.0)
       minimatch: 3.1.2
     transitivePeerDependencies:
       - supports-color
@@ -8352,7 +8563,7 @@ snapshots:
   '@eslint/eslintrc@3.3.1':
     dependencies:
       ajv: 6.12.6
-      debug: 4.4.0
+      debug: 4.4.0(supports-color@5.5.0)
       espree: 10.3.0
       globals: 14.0.0
       ignore: 5.3.2
@@ -10496,10 +10707,6 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  debug@4.4.0:
-    dependencies:
-      ms: 2.1.3
-
   debug@4.4.0(supports-color@5.5.0):
     dependencies:
       ms: 2.1.3
@@ -11299,7 +11506,7 @@ snapshots:
       ajv: 6.12.6
       chalk: 4.1.2
       cross-spawn: 7.0.6
-      debug: 4.4.0
+      debug: 4.4.0(supports-color@5.5.0)
       escape-string-regexp: 4.0.0
       eslint-scope: 8.3.0
       eslint-visitor-keys: 4.2.0
@@ -11749,6 +11956,15 @@ snapshots:
       package-json-from-dist: 1.0.1
       path-scurry: 1.11.1
 
+  glob@11.0.1:
+    dependencies:
+      foreground-child: 3.3.1
+      jackspeak: 4.1.0
+      minimatch: 10.0.1
+      minipass: 7.1.2
+      package-json-from-dist: 1.0.1
+      path-scurry: 2.0.0
+
   glob@7.2.0:
     dependencies:
       fs.realpath: 1.0.0
@@ -12241,6 +12457,10 @@ snapshots:
     optionalDependencies:
       '@pkgjs/parseargs': 0.11.0
 
+  jackspeak@4.1.0:
+    dependencies:
+      '@isaacs/cliui': 8.0.2
+
   jest-diff@28.1.3:
     dependencies:
       chalk: 4.1.2
@@ -12478,6 +12698,8 @@ snapshots:
 
   lru-cache@10.4.3: {}
 
+  lru-cache@11.1.0: {}
+
   lru-cache@5.1.1:
     dependencies:
       yallist: 3.1.1
@@ -13254,6 +13476,11 @@ snapshots:
       lru-cache: 10.4.3
       minipass: 7.1.2
 
+  path-scurry@2.0.0:
+    dependencies:
+      lru-cache: 11.1.0
+      minipass: 7.1.2
+
   path-to-regexp@0.1.12: {}
 
   path-to-regexp@6.3.0: {}
@@ -13943,6 +14170,11 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
+  rimraf@6.0.1:
+    dependencies:
+      glob: 11.0.1
+      package-json-from-dist: 1.0.1
+
   rollup@4.39.0:
     dependencies:
       '@types/estree': 1.0.7
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index e9f25609..e16ec53e 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -51,6 +51,7 @@ catalog:
   eslint-plugin-react-refresh: ^0.4.19
   eslint-plugin-storybook: ^0.12.0
   eslint-plugin-turbo: ^2.5.0
+  fast-glob: ^0.0.0
   framer-motion: ^12.6.2
   globals: ^16.0.0
   history: ^5.3.0
@@ -68,6 +69,7 @@ catalog:
   postcss-preset-env: ^10.1.5
   react-i18next: ^15.4.1
   react-use-measure: ^2.1.7
+  rimraf: ^0.0.0
   sass-embedded: ^1.86.1
   storybook: 8.6.11
   storybook-react-i18next: ^3.2.1

From 87ecb8ee5c843383b3f9cbcb0c436fbcb649ddb3 Mon Sep 17 00:00:00 2001
From: BlackPoretsky <84518407+BlackPoretsky@users.noreply.github.com>
Date: Tue, 15 Apr 2025 23:02:15 +0000
Subject: [PATCH 8/8] chore: update version to 1.0.2 and add changelog entry
 for fixed exports

---
 packages/ui/icons/CHANGELOG.md | 6 ++++++
 packages/ui/icons/package.json | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/packages/ui/icons/CHANGELOG.md b/packages/ui/icons/CHANGELOG.md
index a28412a6..60b3b628 100644
--- a/packages/ui/icons/CHANGELOG.md
+++ b/packages/ui/icons/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @flippo/icons
 
+## 1.0.2
+
+### Patch Changes
+
+- Fixed exports from package.
+
 ## 1.0.1
 
 ### Patch Changes
diff --git a/packages/ui/icons/package.json b/packages/ui/icons/package.json
index f2c93f6f..c28d670d 100644
--- a/packages/ui/icons/package.json
+++ b/packages/ui/icons/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@flippo_ui/icons",
   "type": "module",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Pack of Flippo UI icons",
   "keywords": [
     "icons",