├── .eslintignore ├── .eslintrc.js ├── .github ├── .kodiak.toml ├── CODEOWNERS ├── ISSUE_TEMPLATE │ ├── 1.report_bug.yml │ └── config.yml └── workflows │ ├── pull-comment.yml │ ├── pull.yml │ ├── release-icons.yml │ └── release.yml ├── .gitignore ├── .npmrc ├── .prettierrc.json ├── .vscode └── settings.json ├── CLAUDE.md ├── CONTRIBUTING.md ├── README.md ├── apps └── tailwind │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── app │ ├── api │ │ └── avatar │ │ │ └── route.ts │ ├── dashboard │ │ └── page.tsx │ ├── favicon.ico │ ├── globals.css │ ├── layout.tsx │ ├── main │ │ ├── WhopLogo.tsx │ │ └── page.tsx │ └── next-theme-provider.tsx │ ├── components │ └── snapshot-logo.tsx │ ├── css.d.ts │ ├── fonts │ ├── InterVariable-Italic.woff2 │ ├── InterVariable.woff2 │ └── LICENSE.txt │ ├── next-env.d.ts │ ├── next.config.js │ ├── package.json │ ├── postcss.config.js │ ├── tailwind.config.js │ └── tsconfig.json ├── license.md ├── package.json ├── packages ├── eslint-config-custom │ ├── .eslintrc.js │ └── package.json ├── frosted-ui-colors │ ├── .gitignore │ ├── .npmignore │ ├── LICENSE │ ├── README.md │ ├── package.json │ ├── rollup.config.js │ ├── scripts │ │ └── build-css-modules.js │ ├── src │ │ ├── blackA.ts │ │ ├── dark.ts │ │ ├── index.ts │ │ ├── light.ts │ │ └── whiteA.ts │ └── tsconfig.json ├── frosted-ui-icons │ ├── .env.example │ ├── .gitignore │ ├── CONTRIBUTING.md │ ├── README.md │ ├── frosted-ui-icons.zip │ ├── icons │ │ ├── align-center-12.svg │ │ ├── align-center-16.svg │ │ ├── align-center-20.svg │ │ ├── align-center-24.svg │ │ ├── align-center-32.svg │ │ ├── align-left-12.svg │ │ ├── align-left-16.svg │ │ ├── align-left-20.svg │ │ ├── align-left-24.svg │ │ ├── align-left-32.svg │ │ ├── align-right-12.svg │ │ ├── align-right-16.svg │ │ ├── align-right-20.svg │ │ ├── align-right-24.svg │ │ ├── align-right-32.svg │ │ ├── apps-12.svg │ │ ├── apps-16.svg │ │ ├── apps-20.svg │ │ ├── apps-24.svg │ │ ├── apps-32.svg │ │ ├── arrow-down-12.svg │ │ ├── arrow-down-16.svg │ │ ├── arrow-down-20.svg │ │ ├── arrow-down-24.svg │ │ ├── arrow-down-32.svg │ │ ├── arrow-down-angle-left-12.svg │ │ ├── arrow-down-angle-left-16.svg │ │ ├── arrow-down-angle-left-20.svg │ │ ├── arrow-down-angle-left-24.svg │ │ ├── arrow-down-angle-left-32.svg │ │ ├── arrow-down-angle-right-12.svg │ │ ├── arrow-down-angle-right-16.svg │ │ ├── arrow-down-angle-right-20.svg │ │ ├── arrow-down-angle-right-24.svg │ │ ├── arrow-down-angle-right-32.svg │ │ ├── arrow-down-left-12.svg │ │ ├── arrow-down-left-16.svg │ │ ├── arrow-down-left-20.svg │ │ ├── arrow-down-left-24.svg │ │ ├── arrow-down-left-32.svg │ │ ├── arrow-down-right-12.svg │ │ ├── arrow-down-right-16.svg │ │ ├── arrow-down-right-20.svg │ │ ├── arrow-down-right-24.svg │ │ ├── arrow-down-right-32.svg │ │ ├── arrow-fat-down-12.svg │ │ ├── arrow-fat-down-16.svg │ │ ├── arrow-fat-down-20.svg │ │ ├── arrow-fat-down-24.svg │ │ ├── arrow-fat-down-32.svg │ │ ├── arrow-fat-down-filled-12.svg │ │ ├── arrow-fat-down-filled-16.svg │ │ ├── arrow-fat-down-filled-20.svg │ │ ├── arrow-fat-down-filled-24.svg │ │ ├── arrow-fat-down-filled-32.svg │ │ ├── arrow-fat-up-12.svg │ │ ├── arrow-fat-up-16.svg │ │ ├── arrow-fat-up-20.svg │ │ ├── arrow-fat-up-24.svg │ │ ├── arrow-fat-up-32.svg │ │ ├── arrow-fat-up-filled-12.svg │ │ ├── arrow-fat-up-filled-16.svg │ │ ├── arrow-fat-up-filled-20.svg │ │ ├── arrow-fat-up-filled-24.svg │ │ ├── arrow-fat-up-filled-32.svg │ │ ├── arrow-left-12.svg │ │ ├── arrow-left-16.svg │ │ ├── arrow-left-20.svg │ │ ├── arrow-left-24.svg │ │ ├── arrow-left-32.svg │ │ ├── arrow-right-12.svg │ │ ├── arrow-right-16.svg │ │ ├── arrow-right-20.svg │ │ ├── arrow-right-24.svg │ │ ├── arrow-right-32.svg │ │ ├── arrow-up-12.svg │ │ ├── arrow-up-16.svg │ │ ├── arrow-up-20.svg │ │ ├── arrow-up-24.svg │ │ ├── arrow-up-32.svg │ │ ├── arrow-up-from-bracket-12.svg │ │ ├── arrow-up-from-bracket-16.svg │ │ ├── arrow-up-from-bracket-20.svg │ │ ├── arrow-up-from-bracket-24.svg │ │ ├── arrow-up-from-bracket-32.svg │ │ ├── arrow-up-left-12.svg │ │ ├── arrow-up-left-16.svg │ │ ├── arrow-up-left-20.svg │ │ ├── arrow-up-left-24.svg │ │ ├── arrow-up-left-32.svg │ │ ├── arrow-up-right-12.svg │ │ ├── arrow-up-right-16.svg │ │ ├── arrow-up-right-20.svg │ │ ├── arrow-up-right-24.svg │ │ ├── arrow-up-right-32.svg │ │ ├── arrow-up-right-from-bracket-12.svg │ │ ├── arrow-up-right-from-bracket-16.svg │ │ ├── arrow-up-right-from-bracket-20.svg │ │ ├── arrow-up-right-from-bracket-24.svg │ │ ├── arrow-up-right-from-bracket-32.svg │ │ ├── arrow-up-right-from-square-12.svg │ │ ├── arrow-up-right-from-square-16.svg │ │ ├── arrow-up-right-from-square-20.svg │ │ ├── arrow-up-right-from-square-24.svg │ │ ├── arrow-up-right-from-square-32.svg │ │ ├── arrow-up-right-from-square-flush-12.svg │ │ ├── arrow-up-right-from-square-flush-16.svg │ │ ├── arrow-up-right-from-square-flush-20.svg │ │ ├── arrow-up-right-from-square-flush-24.svg │ │ ├── arrow-up-right-from-square-flush-32.svg │ │ ├── atom-12.svg │ │ ├── atom-16.svg │ │ ├── atom-20.svg │ │ ├── atom-24.svg │ │ ├── atom-32.svg │ │ ├── ban-12.svg │ │ ├── ban-16.svg │ │ ├── ban-20.svg │ │ ├── ban-24.svg │ │ ├── ban-32.svg │ │ ├── bar-chart-12.svg │ │ ├── bar-chart-16.svg │ │ ├── bar-chart-20.svg │ │ ├── bar-chart-24.svg │ │ ├── bar-chart-32.svg │ │ ├── bell-12.svg │ │ ├── bell-16.svg │ │ ├── bell-20.svg │ │ ├── bell-24.svg │ │ ├── bell-32.svg │ │ ├── bell-slash-12.svg │ │ ├── bell-slash-16.svg │ │ ├── bell-slash-20.svg │ │ ├── bell-slash-24.svg │ │ ├── bell-slash-32.svg │ │ ├── bitcoin-12.svg │ │ ├── bitcoin-16.svg │ │ ├── bitcoin-20.svg │ │ ├── bitcoin-24.svg │ │ ├── bitcoin-32.svg │ │ ├── bold-12.svg │ │ ├── bold-16.svg │ │ ├── bold-20.svg │ │ ├── bold-24.svg │ │ ├── bold-32.svg │ │ ├── book-12.svg │ │ ├── book-16.svg │ │ ├── book-20.svg │ │ ├── book-24.svg │ │ ├── book-32.svg │ │ ├── browser-12.svg │ │ ├── browser-16.svg │ │ ├── browser-20.svg │ │ ├── browser-24.svg │ │ ├── browser-32.svg │ │ ├── burger-12.svg │ │ ├── burger-16.svg │ │ ├── burger-20.svg │ │ ├── burger-24.svg │ │ ├── burger-32.svg │ │ ├── calendar-12.svg │ │ ├── calendar-16.svg │ │ ├── calendar-20.svg │ │ ├── calendar-24.svg │ │ ├── calendar-32.svg │ │ ├── calendar-plus-12.svg │ │ ├── calendar-plus-16.svg │ │ ├── calendar-plus-20.svg │ │ ├── calendar-plus-24.svg │ │ ├── calendar-plus-32.svg │ │ ├── calendar-x-12.svg │ │ ├── calendar-x-16.svg │ │ ├── calendar-x-20.svg │ │ ├── calendar-x-24.svg │ │ ├── calendar-x-32.svg │ │ ├── cart-remove-12.svg │ │ ├── cart-remove-16.svg │ │ ├── cart-remove-20.svg │ │ ├── cart-remove-24.svg │ │ ├── cart-remove-32.svg │ │ ├── checklist-12.svg │ │ ├── checklist-16.svg │ │ ├── checklist-20.svg │ │ ├── checklist-24.svg │ │ ├── checklist-32.svg │ │ ├── checkmark-12.svg │ │ ├── checkmark-16.svg │ │ ├── checkmark-20.svg │ │ ├── checkmark-24.svg │ │ ├── checkmark-32.svg │ │ ├── checkmark-circle-12.svg │ │ ├── checkmark-circle-16.svg │ │ ├── checkmark-circle-20.svg │ │ ├── checkmark-circle-24.svg │ │ ├── checkmark-circle-32.svg │ │ ├── checkmark-circle-filled-12.svg │ │ ├── checkmark-circle-filled-16.svg │ │ ├── checkmark-circle-filled-20.svg │ │ ├── checkmark-circle-filled-24.svg │ │ ├── checkmark-circle-filled-32.svg │ │ ├── chevron-down-12.svg │ │ ├── chevron-down-16.svg │ │ ├── chevron-down-20.svg │ │ ├── chevron-down-24.svg │ │ ├── chevron-down-32.svg │ │ ├── chevron-left-12.svg │ │ ├── chevron-left-16.svg │ │ ├── chevron-left-20.svg │ │ ├── chevron-left-24.svg │ │ ├── chevron-left-32.svg │ │ ├── chevron-left-to-line-in-box-12.svg │ │ ├── chevron-left-to-line-in-box-16.svg │ │ ├── chevron-left-to-line-in-box-20.svg │ │ ├── chevron-left-to-line-in-box-24.svg │ │ ├── chevron-left-to-line-in-box-32.svg │ │ ├── chevron-right-12.svg │ │ ├── chevron-right-16.svg │ │ ├── chevron-right-20.svg │ │ ├── chevron-right-24.svg │ │ ├── chevron-right-32.svg │ │ ├── chevron-up-12.svg │ │ ├── chevron-up-16.svg │ │ ├── chevron-up-20.svg │ │ ├── chevron-up-24.svg │ │ ├── chevron-up-32.svg │ │ ├── clipboard-12.svg │ │ ├── clipboard-16.svg │ │ ├── clipboard-20.svg │ │ ├── clipboard-24.svg │ │ ├── clipboard-32.svg │ │ ├── clock-12.svg │ │ ├── clock-16.svg │ │ ├── clock-20.svg │ │ ├── clock-24.svg │ │ ├── clock-32.svg │ │ ├── clock-filled-12.svg │ │ ├── clock-filled-16.svg │ │ ├── clock-filled-20.svg │ │ ├── clock-filled-24.svg │ │ ├── clock-filled-32.svg │ │ ├── closed-captions-12.svg │ │ ├── closed-captions-16.svg │ │ ├── closed-captions-20.svg │ │ ├── closed-captions-24.svg │ │ ├── closed-captions-32.svg │ │ ├── code-12.svg │ │ ├── code-16.svg │ │ ├── code-20.svg │ │ ├── code-24.svg │ │ ├── code-32.svg │ │ ├── codeblock-12.svg │ │ ├── codeblock-16.svg │ │ ├── codeblock-20.svg │ │ ├── codeblock-24.svg │ │ ├── codeblock-32.svg │ │ ├── coinbase-12.svg │ │ ├── coinbase-16.svg │ │ ├── coinbase-20.svg │ │ ├── coinbase-24.svg │ │ ├── coinbase-32.svg │ │ ├── command-12.svg │ │ ├── command-16.svg │ │ ├── command-20.svg │ │ ├── command-24.svg │ │ ├── command-32.svg │ │ ├── compress-12.svg │ │ ├── compress-16.svg │ │ ├── compress-20.svg │ │ ├── compress-24.svg │ │ ├── compress-32.svg │ │ ├── copy-12.svg │ │ ├── copy-16.svg │ │ ├── copy-20.svg │ │ ├── copy-24.svg │ │ ├── copy-32.svg │ │ ├── coupon-active-12.svg │ │ ├── coupon-active-16.svg │ │ ├── coupon-active-20.svg │ │ ├── coupon-active-24.svg │ │ ├── coupon-active-32.svg │ │ ├── coupon-expired-12.svg │ │ ├── coupon-expired-16.svg │ │ ├── coupon-expired-20.svg │ │ ├── coupon-expired-24.svg │ │ ├── coupon-expired-32.svg │ │ ├── credit-card-12.svg │ │ ├── credit-card-16.svg │ │ ├── credit-card-20.svg │ │ ├── credit-card-24.svg │ │ ├── credit-card-32.svg │ │ ├── credit-card-filled-12.svg │ │ ├── credit-card-filled-16.svg │ │ ├── credit-card-filled-20.svg │ │ ├── credit-card-filled-24.svg │ │ ├── credit-card-filled-32.svg │ │ ├── cube-12.svg │ │ ├── cube-16.svg │ │ ├── cube-20.svg │ │ ├── cube-24.svg │ │ ├── cube-32.svg │ │ ├── cube-disconnected-12.svg │ │ ├── cube-disconnected-16.svg │ │ ├── cube-disconnected-20.svg │ │ ├── cube-disconnected-24.svg │ │ ├── cube-disconnected-32.svg │ │ ├── cursor-12.svg │ │ ├── cursor-16.svg │ │ ├── cursor-20.svg │ │ ├── cursor-24.svg │ │ ├── cursor-32.svg │ │ ├── cursor-outline-12.svg │ │ ├── cursor-outline-16.svg │ │ ├── cursor-outline-20.svg │ │ ├── cursor-outline-24.svg │ │ ├── cursor-outline-32.svg │ │ ├── dashed-circle-12.svg │ │ ├── dashed-circle-16.svg │ │ ├── dashed-circle-20.svg │ │ ├── dashed-circle-24.svg │ │ ├── dashed-circle-32.svg │ │ ├── dice-12.svg │ │ ├── dice-16.svg │ │ ├── dice-20.svg │ │ ├── dice-24.svg │ │ ├── dice-32.svg │ │ ├── discord-12.svg │ │ ├── discord-16.svg │ │ ├── discord-20.svg │ │ ├── discord-24.svg │ │ ├── discord-32.svg │ │ ├── discord-filled-12.svg │ │ ├── discord-filled-16.svg │ │ ├── discord-filled-20.svg │ │ ├── discord-filled-24.svg │ │ ├── discord-filled-32.svg │ │ ├── dna-12.svg │ │ ├── dna-20.svg │ │ ├── dna-24.svg │ │ ├── dna-26.svg │ │ ├── dna-32.svg │ │ ├── document-12.svg │ │ ├── document-16.svg │ │ ├── document-20.svg │ │ ├── document-24.svg │ │ ├── document-32.svg │ │ ├── document-lines-12.svg │ │ ├── document-lines-16.svg │ │ ├── document-lines-20.svg │ │ ├── document-lines-24.svg │ │ ├── document-lines-32.svg │ │ ├── document-plus-12.svg │ │ ├── document-plus-16.svg │ │ ├── document-plus-20.svg │ │ ├── document-plus-24.svg │ │ ├── document-plus-32.svg │ │ ├── dollar-circle-12.svg │ │ ├── dollar-circle-16.svg │ │ ├── dollar-circle-20.svg │ │ ├── dollar-circle-24.svg │ │ ├── dollar-circle-32.svg │ │ ├── dollar-circle-filled-12.svg │ │ ├── dollar-circle-filled-16.svg │ │ ├── dollar-circle-filled-20.svg │ │ ├── dollar-circle-filled-24.svg │ │ ├── dollar-circle-filled-32.svg │ │ ├── download-12.svg │ │ ├── download-16.svg │ │ ├── download-20.svg │ │ ├── download-24.svg │ │ ├── download-32.svg │ │ ├── download-document-12.svg │ │ ├── download-document-16.svg │ │ ├── download-document-20.svg │ │ ├── download-document-24.svg │ │ ├── download-document-32.svg │ │ ├── download-document-filled-12.svg │ │ ├── download-document-filled-16.svg │ │ ├── download-document-filled-20.svg │ │ ├── download-document-filled-24.svg │ │ ├── download-document-filled-32.svg │ │ ├── drag-handle-horizontal-12.svg │ │ ├── drag-handle-horizontal-16.svg │ │ ├── drag-handle-horizontal-20.svg │ │ ├── drag-handle-horizontal-24.svg │ │ ├── drag-handle-horizontal-32.svg │ │ ├── drag-handle-vertical-12.svg │ │ ├── drag-handle-vertical-16.svg │ │ ├── drag-handle-vertical-20.svg │ │ ├── drag-handle-vertical-24.svg │ │ ├── drag-handle-vertical-32.svg │ │ ├── edit-12.svg │ │ ├── edit-16.svg │ │ ├── edit-20.svg │ │ ├── edit-24.svg │ │ ├── edit-32.svg │ │ ├── edit-profile-12.svg │ │ ├── edit-profile-16.svg │ │ ├── edit-profile-20.svg │ │ ├── edit-profile-24.svg │ │ ├── edit-profile-32.svg │ │ ├── ethereum-12.svg │ │ ├── ethereum-16.svg │ │ ├── ethereum-20.svg │ │ ├── ethereum-24.svg │ │ ├── ethereum-32.svg │ │ ├── exclamation-circle-12.svg │ │ ├── exclamation-circle-16.svg │ │ ├── exclamation-circle-20.svg │ │ ├── exclamation-circle-24.svg │ │ ├── exclamation-circle-32.svg │ │ ├── exclamation-triangle-12.svg │ │ ├── exclamation-triangle-16.svg │ │ ├── exclamation-triangle-20.svg │ │ ├── exclamation-triangle-24.svg │ │ ├── exclamation-triangle-32.svg │ │ ├── export-12.svg │ │ ├── export-16.svg │ │ ├── export-20.svg │ │ ├── export-24.svg │ │ ├── export-32.svg │ │ ├── eye-12.svg │ │ ├── eye-16.svg │ │ ├── eye-20.svg │ │ ├── eye-24.svg │ │ ├── eye-32.svg │ │ ├── eye-slashed-12.svg │ │ ├── eye-slashed-16.svg │ │ ├── eye-slashed-20.svg │ │ ├── eye-slashed-24.svg │ │ ├── eye-slashed-32.svg │ │ ├── facebook-12.svg │ │ ├── facebook-16.svg │ │ ├── facebook-20.svg │ │ ├── facebook-24.svg │ │ ├── facebook-32.svg │ │ ├── facebook-filled-12.svg │ │ ├── facebook-filled-16.svg │ │ ├── facebook-filled-20.svg │ │ ├── facebook-filled-24.svg │ │ ├── facebook-filled-32.svg │ │ ├── filter-down-12.svg │ │ ├── filter-down-16.svg │ │ ├── filter-down-20.svg │ │ ├── filter-down-24.svg │ │ ├── filter-down-32.svg │ │ ├── flag-12.svg │ │ ├── flag-16.svg │ │ ├── flag-20.svg │ │ ├── flag-24.svg │ │ ├── flag-32.svg │ │ ├── folder-add-12.svg │ │ ├── folder-add-16.svg │ │ ├── folder-add-20.svg │ │ ├── folder-add-24.svg │ │ ├── folder-add-32.svg │ │ ├── gear-12.svg │ │ ├── gear-16.svg │ │ ├── gear-20.svg │ │ ├── gear-24.svg │ │ ├── gear-32.svg │ │ ├── gift-12.svg │ │ ├── gift-16.svg │ │ ├── gift-20.svg │ │ ├── gift-24.svg │ │ ├── gift-32.svg │ │ ├── globe-12.svg │ │ ├── globe-16.svg │ │ ├── globe-20.svg │ │ ├── globe-24.svg │ │ ├── globe-32.svg │ │ ├── globe-in-square-12.svg │ │ ├── globe-in-square-16.svg │ │ ├── globe-in-square-20.svg │ │ ├── globe-in-square-24.svg │ │ ├── globe-in-square-32.svg │ │ ├── grid-12.svg │ │ ├── grid-16.svg │ │ ├── grid-20.svg │ │ ├── grid-24.svg │ │ ├── grid-32.svg │ │ ├── grid-add-12.svg │ │ ├── grid-add-16.svg │ │ ├── grid-add-20.svg │ │ ├── grid-add-24.svg │ │ ├── grid-add-32.svg │ │ ├── hand-wave-12.svg │ │ ├── hand-wave-16.svg │ │ ├── hand-wave-20.svg │ │ ├── hand-wave-24.svg │ │ ├── hand-wave-32.svg │ │ ├── happy-12.svg │ │ ├── happy-16.svg │ │ ├── happy-20.svg │ │ ├── happy-24.svg │ │ ├── happy-32.svg │ │ ├── happy-plus-12.svg │ │ ├── happy-plus-16.svg │ │ ├── happy-plus-20.svg │ │ ├── happy-plus-24.svg │ │ ├── happy-plus-32.svg │ │ ├── heading-12.svg │ │ ├── heading-16.svg │ │ ├── heading-20.svg │ │ ├── heading-24.svg │ │ ├── heading-32.svg │ │ ├── heart-12.svg │ │ ├── heart-16.svg │ │ ├── heart-20.svg │ │ ├── heart-24.svg │ │ ├── heart-32.svg │ │ ├── heart-filled-12.svg │ │ ├── heart-filled-16.svg │ │ ├── heart-filled-20.svg │ │ ├── heart-filled-24.svg │ │ ├── heart-filled-32.svg │ │ ├── home-12.svg │ │ ├── home-16.svg │ │ ├── home-20.svg │ │ ├── home-24.svg │ │ ├── home-32.svg │ │ ├── hour-glass-12.svg │ │ ├── hour-glass-16.svg │ │ ├── hour-glass-20.svg │ │ ├── hour-glass-24.svg │ │ ├── hour-glass-32.svg │ │ ├── inbox-size-6.svg │ │ ├── info-circle-12.svg │ │ ├── info-circle-16.svg │ │ ├── info-circle-20.svg │ │ ├── info-circle-24.svg │ │ ├── info-circle-32.svg │ │ ├── info-circle-filled-12.svg │ │ ├── info-circle-filled-16.svg │ │ ├── info-circle-filled-20.svg │ │ ├── info-circle-filled-24.svg │ │ ├── info-circle-filled-32.svg │ │ ├── info-filled-12.svg │ │ ├── info-filled-16.svg │ │ ├── info-filled-20.svg │ │ ├── info-filled-24.svg │ │ ├── info-filled-32.svg │ │ ├── info-outline-12.svg │ │ ├── info-outline-16.svg │ │ ├── info-outline-20.svg │ │ ├── info-outline-24.svg │ │ ├── info-outline-32.svg │ │ ├── info-square-12.svg │ │ ├── info-square-16.svg │ │ ├── info-square-20.svg │ │ ├── info-square-24.svg │ │ ├── info-square-32.svg │ │ ├── instagram-12.svg │ │ ├── instagram-16.svg │ │ ├── instagram-20.svg │ │ ├── instagram-24.svg │ │ ├── instagram-32.svg │ │ ├── italic-12.svg │ │ ├── italic-16.svg │ │ ├── italic-20.svg │ │ ├── italic-24.svg │ │ ├── italic-32.svg │ │ ├── k-12.svg │ │ ├── k-16.svg │ │ ├── k-20.svg │ │ ├── k-24.svg │ │ ├── k-32.svg │ │ ├── leaf-12.svg │ │ ├── leaf-16.svg │ │ ├── leaf-20.svg │ │ ├── leaf-24.svg │ │ ├── leaf-32.svg │ │ ├── leave-review-12.svg │ │ ├── leave-review-16.svg │ │ ├── leave-review-20.svg │ │ ├── leave-review-24.svg │ │ ├── leave-review-32.svg │ │ ├── lightbulb-12.svg │ │ ├── lightbulb-16.svg │ │ ├── lightbulb-20.svg │ │ ├── lightbulb-24.svg │ │ ├── lightbulb-32.svg │ │ ├── lilst-number-12.svg │ │ ├── lilst-number-16.svg │ │ ├── lilst-number-20.svg │ │ ├── lilst-number-24.svg │ │ ├── lilst-number-32.svg │ │ ├── link-12.svg │ │ ├── link-16.svg │ │ ├── link-20.svg │ │ ├── link-24.svg │ │ ├── link-32.svg │ │ ├── link-add-12.svg │ │ ├── link-add-16.svg │ │ ├── link-add-20.svg │ │ ├── link-add-24.svg │ │ ├── link-add-32.svg │ │ ├── link-slash-12.svg │ │ ├── link-slash-16.svg │ │ ├── link-slash-20.svg │ │ ├── link-slash-24.svg │ │ ├── link-slash-32.svg │ │ ├── list-12.svg │ │ ├── list-16.svg │ │ ├── list-20.svg │ │ ├── list-24.svg │ │ ├── list-32.svg │ │ ├── list-bullet-12.svg │ │ ├── list-bullet-16.svg │ │ ├── list-bullet-20.svg │ │ ├── list-bullet-24.svg │ │ ├── list-bullet-32.svg │ │ ├── list-check-12.svg │ │ ├── list-check-16.svg │ │ ├── list-check-20.svg │ │ ├── list-check-24.svg │ │ ├── list-check-32.svg │ │ ├── list-number-12.svg │ │ ├── list-number-16.svg │ │ ├── list-number-20.svg │ │ ├── list-number-24.svg │ │ ├── list-number-32.svg │ │ ├── location-pin-12.svg │ │ ├── location-pin-16.svg │ │ ├── location-pin-20.svg │ │ ├── location-pin-24.svg │ │ ├── location-pin-32.svg │ │ ├── lock-12.svg │ │ ├── lock-16.svg │ │ ├── lock-20.svg │ │ ├── lock-24.svg │ │ ├── lock-32.svg │ │ ├── lock-filled-12.svg │ │ ├── lock-filled-16.svg │ │ ├── lock-filled-20.svg │ │ ├── lock-filled-24.svg │ │ ├── lock-filled-32.svg │ │ ├── lock-open-12.svg │ │ ├── lock-open-16.svg │ │ ├── lock-open-20.svg │ │ ├── lock-open-24.svg │ │ ├── lock-open-32.svg │ │ ├── logout-12.svg │ │ ├── logout-16.svg │ │ ├── logout-20.svg │ │ ├── logout-24.svg │ │ ├── logout-32.svg │ │ ├── magnifying-glass-12.svg │ │ ├── magnifying-glass-16.svg │ │ ├── magnifying-glass-20.svg │ │ ├── magnifying-glass-24.svg │ │ ├── magnifying-glass-32.svg │ │ ├── mail-12.svg │ │ ├── mail-16.svg │ │ ├── mail-20.svg │ │ ├── mail-24.svg │ │ ├── mail-32.svg │ │ ├── mail-filled-12.svg │ │ ├── mail-filled-16.svg │ │ ├── mail-filled-20.svg │ │ ├── mail-filled-24.svg │ │ ├── mail-filled-32.svg │ │ ├── mail-out-12.svg │ │ ├── mail-out-16.svg │ │ ├── mail-out-20.svg │ │ ├── mail-out-24.svg │ │ ├── mail-out-32.svg │ │ ├── mark-as-read-12.svg │ │ ├── mark-as-read-16.svg │ │ ├── mark-as-read-20.svg │ │ ├── mark-as-read-24.svg │ │ ├── mark-as-read-32.svg │ │ ├── mark-as-unread-12.svg │ │ ├── mark-as-unread-16.svg │ │ ├── mark-as-unread-20.svg │ │ ├── mark-as-unread-24.svg │ │ ├── mark-as-unread-32.svg │ │ ├── medal-checkmark-12.svg │ │ ├── medal-checkmark-16.svg │ │ ├── medal-checkmark-20.svg │ │ ├── medal-checkmark-24.svg │ │ ├── medal-checkmark-32.svg │ │ ├── megaphone-12.svg │ │ ├── megaphone-16.svg │ │ ├── megaphone-20.svg │ │ ├── megaphone-24.svg │ │ ├── megaphone-32.svg │ │ ├── merch-12.svg │ │ ├── merch-16.svg │ │ ├── merch-20.svg │ │ ├── merch-24.svg │ │ ├── merch-32.svg │ │ ├── message-12.svg │ │ ├── message-16.svg │ │ ├── message-20.svg │ │ ├── message-24.svg │ │ ├── message-32.svg │ │ ├── message-edit-12.svg │ │ ├── message-edit-16.svg │ │ ├── message-edit-20.svg │ │ ├── message-edit-24.svg │ │ ├── message-edit-32.svg │ │ ├── message-notification-12.svg │ │ ├── message-notification-16.svg │ │ ├── message-notification-20.svg │ │ ├── message-notification-24.svg │ │ ├── message-notification-32.svg │ │ ├── message-slashed-12.svg │ │ ├── message-slashed-16.svg │ │ ├── message-slashed-20.svg │ │ ├── message-slashed-24.svg │ │ ├── message-slashed-32.svg │ │ ├── messages-12.svg │ │ ├── messages-16.svg │ │ ├── messages-20.svg │ │ ├── messages-24.svg │ │ ├── messages-32.svg │ │ ├── messages-question-12.svg │ │ ├── messages-question-16.svg │ │ ├── messages-question-20.svg │ │ ├── messages-question-24.svg │ │ ├── messages-question-32.svg │ │ ├── microphone-12.svg │ │ ├── microphone-16.svg │ │ ├── microphone-20.svg │ │ ├── microphone-24.svg │ │ ├── microphone-32.svg │ │ ├── mobile-phone-12.svg │ │ ├── mobile-phone-16.svg │ │ ├── mobile-phone-20.svg │ │ ├── mobile-phone-24.svg │ │ ├── mobile-phone-32.svg │ │ ├── monitor-12.svg │ │ ├── monitor-16.svg │ │ ├── monitor-20.svg │ │ ├── monitor-24.svg │ │ ├── monitor-32.svg │ │ ├── moon-12.svg │ │ ├── moon-16.svg │ │ ├── moon-20.svg │ │ ├── moon-24.svg │ │ ├── moon-32.svg │ │ ├── notification-bell-crossed-12.svg │ │ ├── notification-bell-crossed-16.svg │ │ ├── notification-bell-crossed-20.svg │ │ ├── notification-bell-crossed-24.svg │ │ ├── notification-bell-crossed-32.svg │ │ ├── palette-12.svg │ │ ├── palette-16.svg │ │ ├── palette-20.svg │ │ ├── palette-24.svg │ │ ├── palette-32.svg │ │ ├── paper-airplane-filled-12.svg │ │ ├── paper-airplane-filled-16.svg │ │ ├── paper-airplane-filled-20.svg │ │ ├── paper-airplane-filled-24.svg │ │ ├── paper-airplane-filled-32.svg │ │ ├── parachute-12.svg │ │ ├── parachute-16.svg │ │ ├── parachute-20.svg │ │ ├── parachute-24.svg │ │ ├── parachute-32.svg │ │ ├── pause-12.svg │ │ ├── pause-16.svg │ │ ├── pause-20.svg │ │ ├── pause-24.svg │ │ ├── pause-32.svg │ │ ├── pause-circle-12.svg │ │ ├── pause-circle-16.svg │ │ ├── pause-circle-20.svg │ │ ├── pause-circle-24.svg │ │ ├── pause-circle-32.svg │ │ ├── paypal-12.svg │ │ ├── paypal-16.svg │ │ ├── paypal-20.svg │ │ ├── paypal-24.svg │ │ ├── paypal-32.svg │ │ ├── pencil-12.svg │ │ ├── pencil-16.svg │ │ ├── pencil-20.svg │ │ ├── pencil-24.svg │ │ ├── pencil-32.svg │ │ ├── people-12.svg │ │ ├── people-16.svg │ │ ├── people-20.svg │ │ ├── people-24.svg │ │ ├── people-32.svg │ │ ├── people-plus-12.svg │ │ ├── people-plus-16.svg │ │ ├── people-plus-20.svg │ │ ├── people-plus-24.svg │ │ ├── people-plus-32.svg │ │ ├── percentage-12.svg │ │ ├── percentage-16.svg │ │ ├── percentage-20.svg │ │ ├── percentage-24.svg │ │ ├── percentage-32.svg │ │ ├── photo-12.svg │ │ ├── photo-16.svg │ │ ├── photo-20.svg │ │ ├── photo-24.svg │ │ ├── photo-32.svg │ │ ├── photo-filled-12.svg │ │ ├── photo-filled-16.svg │ │ ├── photo-filled-20.svg │ │ ├── photo-filled-24.svg │ │ ├── photo-filled-32.svg │ │ ├── photos-12.svg │ │ ├── photos-16.svg │ │ ├── photos-20.svg │ │ ├── photos-24.svg │ │ ├── photos-32.svg │ │ ├── plane-12.svg │ │ ├── plane-16.svg │ │ ├── plane-20.svg │ │ ├── plane-24.svg │ │ ├── plane-32.svg │ │ ├── play-12.svg │ │ ├── play-16.svg │ │ ├── play-20.svg │ │ ├── play-24.svg │ │ ├── play-32.svg │ │ ├── play-filled-12.svg │ │ ├── play-filled-16.svg │ │ ├── play-filled-20.svg │ │ ├── play-filled-24.svg │ │ ├── play-filled-32.svg │ │ ├── plus-12.svg │ │ ├── plus-16.svg │ │ ├── plus-20.svg │ │ ├── plus-24.svg │ │ ├── plus-32.svg │ │ ├── plus-circle-12.svg │ │ ├── plus-circle-16.svg │ │ ├── plus-circle-20.svg │ │ ├── plus-circle-24.svg │ │ ├── plus-circle-32.svg │ │ ├── plus-rectangle-12.svg │ │ ├── plus-rectangle-16.svg │ │ ├── plus-rectangle-20.svg │ │ ├── plus-rectangle-24.svg │ │ ├── plus-rectangle-32.svg │ │ ├── profile-12.svg │ │ ├── profile-16.svg │ │ ├── profile-20.svg │ │ ├── profile-24.svg │ │ ├── profile-32.svg │ │ ├── profile-circle-12.svg │ │ ├── profile-circle-16.svg │ │ ├── profile-circle-20.svg │ │ ├── profile-circle-24.svg │ │ ├── profile-circle-32.svg │ │ ├── profile-x-12.svg │ │ ├── profile-x-16.svg │ │ ├── profile-x-20.svg │ │ ├── profile-x-24.svg │ │ ├── profile-x-32.svg │ │ ├── question-circle-12.svg │ │ ├── question-circle-16.svg │ │ ├── question-circle-20.svg │ │ ├── question-circle-24.svg │ │ ├── question-circle-32.svg │ │ ├── quote-left-12.svg │ │ ├── quote-left-16.svg │ │ ├── quote-left-20.svg │ │ ├── quote-left-24.svg │ │ ├── quote-left-32.svg │ │ ├── quote-right-12.svg │ │ ├── quote-right-16.svg │ │ ├── quote-right-20.svg │ │ ├── quote-right-24.svg │ │ ├── quote-right-32.svg │ │ ├── receipt-12.svg │ │ ├── receipt-16.svg │ │ ├── receipt-20.svg │ │ ├── receipt-24.svg │ │ ├── receipt-32.svg │ │ ├── reply-12.svg │ │ ├── reply-16.svg │ │ ├── reply-20.svg │ │ ├── reply-24.svg │ │ ├── reply-32.svg │ │ ├── reply-filled-12.svg │ │ ├── reply-filled-16.svg │ │ ├── reply-filled-20.svg │ │ ├── reply-filled-24.svg │ │ ├── reply-filled-32.svg │ │ ├── reward-diamond-12.svg │ │ ├── reward-diamond-16.svg │ │ ├── reward-diamond-20.svg │ │ ├── reward-diamond-24.svg │ │ ├── reward-diamond-32.svg │ │ ├── rocket-12.svg │ │ ├── rocket-16.svg │ │ ├── rocket-20.svg │ │ ├── rocket-24.svg │ │ ├── rocket-32.svg │ │ ├── rotate-12.svg │ │ ├── rotate-16.svg │ │ ├── rotate-20.svg │ │ ├── rotate-24.svg │ │ ├── rotate-32.svg │ │ ├── rotate-card-12.svg │ │ ├── rotate-card-16.svg │ │ ├── rotate-card-20.svg │ │ ├── rotate-card-24.svg │ │ ├── rotate-card-32.svg │ │ ├── rotate-left-12.svg │ │ ├── rotate-left-16.svg │ │ ├── rotate-left-20.svg │ │ ├── rotate-left-24.svg │ │ ├── rotate-left-32.svg │ │ ├── rotate-right-12.svg │ │ ├── rotate-right-16.svg │ │ ├── rotate-right-20.svg │ │ ├── rotate-right-24.svg │ │ ├── rotate-right-32.svg │ │ ├── sad-12.svg │ │ ├── sad-16.svg │ │ ├── sad-20.svg │ │ ├── sad-24.svg │ │ ├── sad-32.svg │ │ ├── seal-checkmark-12.svg │ │ ├── seal-checkmark-16.svg │ │ ├── seal-checkmark-20.svg │ │ ├── seal-checkmark-24.svg │ │ ├── seal-checkmark-32.svg │ │ ├── seal-checkmark-filled-12.svg │ │ ├── seal-checkmark-filled-16.svg │ │ ├── seal-checkmark-filled-20.svg │ │ ├── seal-checkmark-filled-24.svg │ │ ├── seal-checkmark-filled-32.svg │ │ ├── seal-exclamation-12.svg │ │ ├── seal-exclamation-16.svg │ │ ├── seal-exclamation-20.svg │ │ ├── seal-exclamation-24.svg │ │ ├── seal-exclamation-32.svg │ │ ├── share-nodes-12.svg │ │ ├── share-nodes-16.svg │ │ ├── share-nodes-20.svg │ │ ├── share-nodes-24.svg │ │ ├── share-nodes-32.svg │ │ ├── shield-checkmark-12.svg │ │ ├── shield-checkmark-16.svg │ │ ├── shield-checkmark-20.svg │ │ ├── shield-checkmark-24.svg │ │ ├── shield-checkmark-32.svg │ │ ├── shield-half-12.svg │ │ ├── shield-half-16.svg │ │ ├── shield-half-20.svg │ │ ├── shield-half-24.svg │ │ ├── shield-half-32.svg │ │ ├── shop-12.svg │ │ ├── shop-16.svg │ │ ├── shop-20.svg │ │ ├── shop-24.svg │ │ ├── shop-32.svg │ │ ├── sparkle-12.svg │ │ ├── sparkle-16.svg │ │ ├── sparkle-20.svg │ │ ├── sparkle-24.svg │ │ ├── sparkle-32.svg │ │ ├── sparkle-filled-12.svg │ │ ├── sparkle-filled-16.svg │ │ ├── sparkle-filled-20.svg │ │ ├── sparkle-filled-24.svg │ │ ├── sparkle-filled-32.svg │ │ ├── sparkle-multiple-12.svg │ │ ├── sparkle-multiple-16.svg │ │ ├── sparkle-multiple-20.svg │ │ ├── sparkle-multiple-24.svg │ │ ├── sparkle-multiple-32.svg │ │ ├── sparkle-rectangle-12.svg │ │ ├── sparkle-rectangle-16.svg │ │ ├── sparkle-rectangle-20.svg │ │ ├── sparkle-rectangle-24.svg │ │ ├── sparkle-rectangle-32.svg │ │ ├── split-12.svg │ │ ├── split-16.svg │ │ ├── split-20.svg │ │ ├── split-24.svg │ │ ├── split-32.svg │ │ ├── square-add-12.svg │ │ ├── square-add-16.svg │ │ ├── square-add-20.svg │ │ ├── square-add-24.svg │ │ ├── square-add-32.svg │ │ ├── star-12.svg │ │ ├── star-16.svg │ │ ├── star-20.svg │ │ ├── star-24.svg │ │ ├── star-32.svg │ │ ├── star-filled-12.svg │ │ ├── star-filled-16.svg │ │ ├── star-filled-20.svg │ │ ├── star-filled-24.svg │ │ ├── star-filled-32.svg │ │ ├── star-half-12.svg │ │ ├── star-half-16.svg │ │ ├── star-half-20.svg │ │ ├── star-half-24.svg │ │ ├── star-half-32.svg │ │ ├── stats-12.svg │ │ ├── stats-20.svg │ │ ├── stats-24.svg │ │ ├── stats-26.svg │ │ ├── stats-32.svg │ │ ├── storefront-item-12.svg │ │ ├── storefront-item-16.svg │ │ ├── storefront-item-20.svg │ │ ├── storefront-item-24.svg │ │ ├── storefront-item-32.svg │ │ ├── strikethrough-12.svg │ │ ├── strikethrough-16.svg │ │ ├── strikethrough-20.svg │ │ ├── strikethrough-24.svg │ │ ├── strikethrough-32.svg │ │ ├── subtract-12.svg │ │ ├── subtract-16.svg │ │ ├── subtract-20.svg │ │ ├── subtract-24.svg │ │ ├── subtract-32.svg │ │ ├── sun-12.svg │ │ ├── sun-16.svg │ │ ├── sun-20.svg │ │ ├── sun-24.svg │ │ ├── sun-32.svg │ │ ├── swords-12.svg │ │ ├── swords-16.svg │ │ ├── swords-20.svg │ │ ├── swords-24.svg │ │ ├── swords-32.svg │ │ ├── table-size-6.svg │ │ ├── tag-12.svg │ │ ├── tag-16.svg │ │ ├── tag-20.svg │ │ ├── tag-24.svg │ │ ├── tag-32.svg │ │ ├── telegram-12.svg │ │ ├── telegram-16.svg │ │ ├── telegram-20.svg │ │ ├── telegram-24.svg │ │ ├── telegram-32.svg │ │ ├── telegram-filled-12.svg │ │ ├── telegram-filled-16.svg │ │ ├── telegram-filled-20.svg │ │ ├── telegram-filled-24.svg │ │ ├── telegram-filled-32.svg │ │ ├── telephone-12.svg │ │ ├── telephone-16.svg │ │ ├── telephone-20.svg │ │ ├── telephone-24.svg │ │ ├── telephone-32.svg │ │ ├── three-dots-circle-12.svg │ │ ├── three-dots-circle-16.svg │ │ ├── three-dots-circle-20.svg │ │ ├── three-dots-circle-24.svg │ │ ├── three-dots-circle-32.svg │ │ ├── three-dots-horizontal-12.svg │ │ ├── three-dots-horizontal-16.svg │ │ ├── three-dots-horizontal-20.svg │ │ ├── three-dots-horizontal-24.svg │ │ ├── three-dots-horizontal-32.svg │ │ ├── three-dots-vertical-12.svg │ │ ├── three-dots-vertical-16.svg │ │ ├── three-dots-vertical-20.svg │ │ ├── three-dots-vertical-24.svg │ │ ├── three-dots-vertical-32.svg │ │ ├── thumb-down-12.svg │ │ ├── thumb-down-16.svg │ │ ├── thumb-down-20.svg │ │ ├── thumb-down-24.svg │ │ ├── thumb-down-32.svg │ │ ├── thumb-down-filled-12.svg │ │ ├── thumb-down-filled-16.svg │ │ ├── thumb-down-filled-20.svg │ │ ├── thumb-down-filled-24.svg │ │ ├── thumb-down-filled-32.svg │ │ ├── thumb-up-12.svg │ │ ├── thumb-up-16.svg │ │ ├── thumb-up-20.svg │ │ ├── thumb-up-24.svg │ │ ├── thumb-up-32.svg │ │ ├── thumb-up-filled-12.svg │ │ ├── thumb-up-filled-16.svg │ │ ├── thumb-up-filled-20.svg │ │ ├── thumb-up-filled-24.svg │ │ ├── thumb-up-filled-32.svg │ │ ├── tiktok-12.svg │ │ ├── tiktok-16.svg │ │ ├── tiktok-20.svg │ │ ├── tiktok-24.svg │ │ ├── tiktok-32.svg │ │ ├── tiktok-filled-12.svg │ │ ├── tiktok-filled-16.svg │ │ ├── tiktok-filled-20.svg │ │ ├── tiktok-filled-24.svg │ │ ├── tiktok-filled-32.svg │ │ ├── trading-view-12.svg │ │ ├── trading-view-16.svg │ │ ├── trading-view-20.svg │ │ ├── trading-view-24.svg │ │ ├── trading-view-32.svg │ │ ├── trash-12.svg │ │ ├── trash-16.svg │ │ ├── trash-20.svg │ │ ├── trash-24.svg │ │ ├── trash-32.svg │ │ ├── trash-filled-12.svg │ │ ├── trash-filled-16.svg │ │ ├── trash-filled-20.svg │ │ ├── trash-filled-24.svg │ │ ├── trash-filled-32.svg │ │ ├── trophy-12.svg │ │ ├── trophy-16.svg │ │ ├── trophy-20.svg │ │ ├── trophy-24.svg │ │ ├── trophy-32.svg │ │ ├── twitter-12.svg │ │ ├── twitter-16.svg │ │ ├── twitter-20.svg │ │ ├── twitter-24.svg │ │ ├── twitter-32.svg │ │ ├── twitter-filled-12.svg │ │ ├── twitter-filled-16.svg │ │ ├── twitter-filled-20.svg │ │ ├── twitter-filled-24.svg │ │ ├── twitter-filled-32.svg │ │ ├── typography-12.svg │ │ ├── typography-16.svg │ │ ├── typography-20.svg │ │ ├── typography-24.svg │ │ ├── typography-32.svg │ │ ├── underline-12.svg │ │ ├── underline-16.svg │ │ ├── underline-20.svg │ │ ├── underline-24.svg │ │ ├── underline-32.svg │ │ ├── upload-12.svg │ │ ├── upload-16.svg │ │ ├── upload-20.svg │ │ ├── upload-24.svg │ │ ├── upload-32.svg │ │ ├── user-12.svg │ │ ├── user-16.svg │ │ ├── user-20.svg │ │ ├── user-24.svg │ │ ├── user-32.svg │ │ ├── video-filled-12.svg │ │ ├── video-filled-16.svg │ │ ├── video-filled-20.svg │ │ ├── video-filled-24.svg │ │ ├── video-filled-32.svg │ │ ├── wallet-12.svg │ │ ├── wallet-16.svg │ │ ├── wallet-20.svg │ │ ├── wallet-24.svg │ │ ├── wallet-32.svg │ │ ├── waveform-12.svg │ │ ├── waveform-16.svg │ │ ├── waveform-20.svg │ │ ├── waveform-24.svg │ │ ├── waveform-32.svg │ │ ├── whop-logo-12.svg │ │ ├── whop-logo-16.svg │ │ ├── whop-logo-20.svg │ │ ├── whop-logo-24.svg │ │ ├── whop-logo-32.svg │ │ ├── x-circle-12.svg │ │ ├── x-circle-16.svg │ │ ├── x-circle-20.svg │ │ ├── x-circle-24.svg │ │ ├── x-circle-32.svg │ │ ├── x-circle-filled-12.svg │ │ ├── x-circle-filled-16.svg │ │ ├── x-circle-filled-20.svg │ │ ├── x-circle-filled-24.svg │ │ ├── x-circle-filled-32.svg │ │ ├── x-dot-com-12.svg │ │ ├── x-dot-com-16.svg │ │ ├── x-dot-com-20.svg │ │ ├── x-dot-com-24.svg │ │ ├── x-dot-com-32.svg │ │ ├── x-mark-12.svg │ │ ├── x-mark-16.svg │ │ ├── x-mark-20.svg │ │ ├── x-mark-24.svg │ │ ├── x-mark-32.svg │ │ ├── youtube-12.svg │ │ ├── youtube-16.svg │ │ ├── youtube-20.svg │ │ ├── youtube-24.svg │ │ ├── youtube-32.svg │ │ ├── youtube-filled-12.svg │ │ ├── youtube-filled-16.svg │ │ ├── youtube-filled-20.svg │ │ ├── youtube-filled-24.svg │ │ └── youtube-filled-32.svg │ ├── index.js │ ├── license.md │ ├── manifest.json │ ├── package.json │ ├── src │ │ ├── AlignCenter12.tsx │ │ ├── AlignCenter16.tsx │ │ ├── AlignCenter20.tsx │ │ ├── AlignCenter24.tsx │ │ ├── AlignCenter32.tsx │ │ ├── AlignLeft12.tsx │ │ ├── AlignLeft16.tsx │ │ ├── AlignLeft20.tsx │ │ ├── AlignLeft24.tsx │ │ ├── AlignLeft32.tsx │ │ ├── AlignRight12.tsx │ │ ├── AlignRight16.tsx │ │ ├── AlignRight20.tsx │ │ ├── AlignRight24.tsx │ │ ├── AlignRight32.tsx │ │ ├── Apps12.tsx │ │ ├── Apps16.tsx │ │ ├── Apps20.tsx │ │ ├── Apps24.tsx │ │ ├── Apps32.tsx │ │ ├── ArrowDown12.tsx │ │ ├── ArrowDown16.tsx │ │ ├── ArrowDown20.tsx │ │ ├── ArrowDown24.tsx │ │ ├── ArrowDown32.tsx │ │ ├── ArrowDownAngleLeft12.tsx │ │ ├── ArrowDownAngleLeft16.tsx │ │ ├── ArrowDownAngleLeft20.tsx │ │ ├── ArrowDownAngleLeft24.tsx │ │ ├── ArrowDownAngleLeft32.tsx │ │ ├── ArrowDownAngleRight12.tsx │ │ ├── ArrowDownAngleRight16.tsx │ │ ├── ArrowDownAngleRight20.tsx │ │ ├── ArrowDownAngleRight24.tsx │ │ ├── ArrowDownAngleRight32.tsx │ │ ├── ArrowDownLeft12.tsx │ │ ├── ArrowDownLeft16.tsx │ │ ├── ArrowDownLeft20.tsx │ │ ├── ArrowDownLeft24.tsx │ │ ├── ArrowDownLeft32.tsx │ │ ├── ArrowDownRight12.tsx │ │ ├── ArrowDownRight16.tsx │ │ ├── ArrowDownRight20.tsx │ │ ├── ArrowDownRight24.tsx │ │ ├── ArrowDownRight32.tsx │ │ ├── ArrowFatDown12.tsx │ │ ├── ArrowFatDown16.tsx │ │ ├── ArrowFatDown20.tsx │ │ ├── ArrowFatDown24.tsx │ │ ├── ArrowFatDown32.tsx │ │ ├── ArrowFatDownFilled12.tsx │ │ ├── ArrowFatDownFilled16.tsx │ │ ├── ArrowFatDownFilled20.tsx │ │ ├── ArrowFatDownFilled24.tsx │ │ ├── ArrowFatDownFilled32.tsx │ │ ├── ArrowFatUp12.tsx │ │ ├── ArrowFatUp16.tsx │ │ ├── ArrowFatUp20.tsx │ │ ├── ArrowFatUp24.tsx │ │ ├── ArrowFatUp32.tsx │ │ ├── ArrowFatUpFilled12.tsx │ │ ├── ArrowFatUpFilled16.tsx │ │ ├── ArrowFatUpFilled20.tsx │ │ ├── ArrowFatUpFilled24.tsx │ │ ├── ArrowFatUpFilled32.tsx │ │ ├── ArrowLeft12.tsx │ │ ├── ArrowLeft16.tsx │ │ ├── ArrowLeft20.tsx │ │ ├── ArrowLeft24.tsx │ │ ├── ArrowLeft32.tsx │ │ ├── ArrowRight12.tsx │ │ ├── ArrowRight16.tsx │ │ ├── ArrowRight20.tsx │ │ ├── ArrowRight24.tsx │ │ ├── ArrowRight32.tsx │ │ ├── ArrowUp12.tsx │ │ ├── ArrowUp16.tsx │ │ ├── ArrowUp20.tsx │ │ ├── ArrowUp24.tsx │ │ ├── ArrowUp32.tsx │ │ ├── ArrowUpFromBracket12.tsx │ │ ├── ArrowUpFromBracket16.tsx │ │ ├── ArrowUpFromBracket20.tsx │ │ ├── ArrowUpFromBracket24.tsx │ │ ├── ArrowUpFromBracket32.tsx │ │ ├── ArrowUpLeft12.tsx │ │ ├── ArrowUpLeft16.tsx │ │ ├── ArrowUpLeft20.tsx │ │ ├── ArrowUpLeft24.tsx │ │ ├── ArrowUpLeft32.tsx │ │ ├── ArrowUpRight12.tsx │ │ ├── ArrowUpRight16.tsx │ │ ├── ArrowUpRight20.tsx │ │ ├── ArrowUpRight24.tsx │ │ ├── ArrowUpRight32.tsx │ │ ├── ArrowUpRightFromBracket12.tsx │ │ ├── ArrowUpRightFromBracket16.tsx │ │ ├── ArrowUpRightFromBracket20.tsx │ │ ├── ArrowUpRightFromBracket24.tsx │ │ ├── ArrowUpRightFromBracket32.tsx │ │ ├── ArrowUpRightFromSquare12.tsx │ │ ├── ArrowUpRightFromSquare16.tsx │ │ ├── ArrowUpRightFromSquare20.tsx │ │ ├── ArrowUpRightFromSquare24.tsx │ │ ├── ArrowUpRightFromSquare32.tsx │ │ ├── ArrowUpRightFromSquareFlush12.tsx │ │ ├── ArrowUpRightFromSquareFlush16.tsx │ │ ├── ArrowUpRightFromSquareFlush20.tsx │ │ ├── ArrowUpRightFromSquareFlush24.tsx │ │ ├── ArrowUpRightFromSquareFlush32.tsx │ │ ├── Atom12.tsx │ │ ├── Atom16.tsx │ │ ├── Atom20.tsx │ │ ├── Atom24.tsx │ │ ├── Atom32.tsx │ │ ├── Ban12.tsx │ │ ├── Ban16.tsx │ │ ├── Ban20.tsx │ │ ├── Ban24.tsx │ │ ├── Ban32.tsx │ │ ├── BarChart12.tsx │ │ ├── BarChart16.tsx │ │ ├── BarChart20.tsx │ │ ├── BarChart24.tsx │ │ ├── BarChart32.tsx │ │ ├── Bell12.tsx │ │ ├── Bell16.tsx │ │ ├── Bell20.tsx │ │ ├── Bell24.tsx │ │ ├── Bell32.tsx │ │ ├── BellSlash12.tsx │ │ ├── BellSlash16.tsx │ │ ├── BellSlash20.tsx │ │ ├── BellSlash24.tsx │ │ ├── BellSlash32.tsx │ │ ├── Bitcoin12.tsx │ │ ├── Bitcoin16.tsx │ │ ├── Bitcoin20.tsx │ │ ├── Bitcoin24.tsx │ │ ├── Bitcoin32.tsx │ │ ├── Bold12.tsx │ │ ├── Bold16.tsx │ │ ├── Bold20.tsx │ │ ├── Bold24.tsx │ │ ├── Bold32.tsx │ │ ├── Book12.tsx │ │ ├── Book16.tsx │ │ ├── Book20.tsx │ │ ├── Book24.tsx │ │ ├── Book32.tsx │ │ ├── Browser12.tsx │ │ ├── Browser16.tsx │ │ ├── Browser20.tsx │ │ ├── Browser24.tsx │ │ ├── Browser32.tsx │ │ ├── Burger12.tsx │ │ ├── Burger16.tsx │ │ ├── Burger20.tsx │ │ ├── Burger24.tsx │ │ ├── Burger32.tsx │ │ ├── Calendar12.tsx │ │ ├── Calendar16.tsx │ │ ├── Calendar20.tsx │ │ ├── Calendar24.tsx │ │ ├── Calendar32.tsx │ │ ├── CalendarPlus12.tsx │ │ ├── CalendarPlus16.tsx │ │ ├── CalendarPlus20.tsx │ │ ├── CalendarPlus24.tsx │ │ ├── CalendarPlus32.tsx │ │ ├── CalendarX12.tsx │ │ ├── CalendarX16.tsx │ │ ├── CalendarX20.tsx │ │ ├── CalendarX24.tsx │ │ ├── CalendarX32.tsx │ │ ├── CartRemove12.tsx │ │ ├── CartRemove16.tsx │ │ ├── CartRemove20.tsx │ │ ├── CartRemove24.tsx │ │ ├── CartRemove32.tsx │ │ ├── Checklist12.tsx │ │ ├── Checklist16.tsx │ │ ├── Checklist20.tsx │ │ ├── Checklist24.tsx │ │ ├── Checklist32.tsx │ │ ├── Checkmark12.tsx │ │ ├── Checkmark16.tsx │ │ ├── Checkmark20.tsx │ │ ├── Checkmark24.tsx │ │ ├── Checkmark32.tsx │ │ ├── CheckmarkCircle12.tsx │ │ ├── CheckmarkCircle16.tsx │ │ ├── CheckmarkCircle20.tsx │ │ ├── CheckmarkCircle24.tsx │ │ ├── CheckmarkCircle32.tsx │ │ ├── CheckmarkCircleFilled12.tsx │ │ ├── CheckmarkCircleFilled16.tsx │ │ ├── CheckmarkCircleFilled20.tsx │ │ ├── CheckmarkCircleFilled24.tsx │ │ ├── CheckmarkCircleFilled32.tsx │ │ ├── ChevronDown12.tsx │ │ ├── ChevronDown16.tsx │ │ ├── ChevronDown20.tsx │ │ ├── ChevronDown24.tsx │ │ ├── ChevronDown32.tsx │ │ ├── ChevronLeft12.tsx │ │ ├── ChevronLeft16.tsx │ │ ├── ChevronLeft20.tsx │ │ ├── ChevronLeft24.tsx │ │ ├── ChevronLeft32.tsx │ │ ├── ChevronLeftToLineInBox12.tsx │ │ ├── ChevronLeftToLineInBox16.tsx │ │ ├── ChevronLeftToLineInBox20.tsx │ │ ├── ChevronLeftToLineInBox24.tsx │ │ ├── ChevronLeftToLineInBox32.tsx │ │ ├── ChevronRight12.tsx │ │ ├── ChevronRight16.tsx │ │ ├── ChevronRight20.tsx │ │ ├── ChevronRight24.tsx │ │ ├── ChevronRight32.tsx │ │ ├── ChevronUp12.tsx │ │ ├── ChevronUp16.tsx │ │ ├── ChevronUp20.tsx │ │ ├── ChevronUp24.tsx │ │ ├── ChevronUp32.tsx │ │ ├── Clipboard12.tsx │ │ ├── Clipboard16.tsx │ │ ├── Clipboard20.tsx │ │ ├── Clipboard24.tsx │ │ ├── Clipboard32.tsx │ │ ├── Clock12.tsx │ │ ├── Clock16.tsx │ │ ├── Clock20.tsx │ │ ├── Clock24.tsx │ │ ├── Clock32.tsx │ │ ├── ClockFilled12.tsx │ │ ├── ClockFilled16.tsx │ │ ├── ClockFilled20.tsx │ │ ├── ClockFilled24.tsx │ │ ├── ClockFilled32.tsx │ │ ├── ClosedCaptions12.tsx │ │ ├── ClosedCaptions16.tsx │ │ ├── ClosedCaptions20.tsx │ │ ├── ClosedCaptions24.tsx │ │ ├── ClosedCaptions32.tsx │ │ ├── Code12.tsx │ │ ├── Code16.tsx │ │ ├── Code20.tsx │ │ ├── Code24.tsx │ │ ├── Code32.tsx │ │ ├── Codeblock12.tsx │ │ ├── Codeblock16.tsx │ │ ├── Codeblock20.tsx │ │ ├── Codeblock24.tsx │ │ ├── Codeblock32.tsx │ │ ├── Coinbase12.tsx │ │ ├── Coinbase16.tsx │ │ ├── Coinbase20.tsx │ │ ├── Coinbase24.tsx │ │ ├── Coinbase32.tsx │ │ ├── Command12.tsx │ │ ├── Command16.tsx │ │ ├── Command20.tsx │ │ ├── Command24.tsx │ │ ├── Command32.tsx │ │ ├── Compress12.tsx │ │ ├── Compress16.tsx │ │ ├── Compress20.tsx │ │ ├── Compress24.tsx │ │ ├── Compress32.tsx │ │ ├── Copy12.tsx │ │ ├── Copy16.tsx │ │ ├── Copy20.tsx │ │ ├── Copy24.tsx │ │ ├── Copy32.tsx │ │ ├── CouponActive12.tsx │ │ ├── CouponActive16.tsx │ │ ├── CouponActive20.tsx │ │ ├── CouponActive24.tsx │ │ ├── CouponActive32.tsx │ │ ├── CouponExpired12.tsx │ │ ├── CouponExpired16.tsx │ │ ├── CouponExpired20.tsx │ │ ├── CouponExpired24.tsx │ │ ├── CouponExpired32.tsx │ │ ├── CreditCard12.tsx │ │ ├── CreditCard16.tsx │ │ ├── CreditCard20.tsx │ │ ├── CreditCard24.tsx │ │ ├── CreditCard32.tsx │ │ ├── CreditCardFilled12.tsx │ │ ├── CreditCardFilled16.tsx │ │ ├── CreditCardFilled20.tsx │ │ ├── CreditCardFilled24.tsx │ │ ├── CreditCardFilled32.tsx │ │ ├── Cube12.tsx │ │ ├── Cube16.tsx │ │ ├── Cube20.tsx │ │ ├── Cube24.tsx │ │ ├── Cube32.tsx │ │ ├── CubeDisconnected12.tsx │ │ ├── CubeDisconnected16.tsx │ │ ├── CubeDisconnected20.tsx │ │ ├── CubeDisconnected24.tsx │ │ ├── CubeDisconnected32.tsx │ │ ├── Cursor12.tsx │ │ ├── Cursor16.tsx │ │ ├── Cursor20.tsx │ │ ├── Cursor24.tsx │ │ ├── Cursor32.tsx │ │ ├── CursorOutline12.tsx │ │ ├── CursorOutline16.tsx │ │ ├── CursorOutline20.tsx │ │ ├── CursorOutline24.tsx │ │ ├── CursorOutline32.tsx │ │ ├── DashedCircle12.tsx │ │ ├── DashedCircle16.tsx │ │ ├── DashedCircle20.tsx │ │ ├── DashedCircle24.tsx │ │ ├── DashedCircle32.tsx │ │ ├── Dice12.tsx │ │ ├── Dice16.tsx │ │ ├── Dice20.tsx │ │ ├── Dice24.tsx │ │ ├── Dice32.tsx │ │ ├── Discord12.tsx │ │ ├── Discord16.tsx │ │ ├── Discord20.tsx │ │ ├── Discord24.tsx │ │ ├── Discord32.tsx │ │ ├── DiscordFilled12.tsx │ │ ├── DiscordFilled16.tsx │ │ ├── DiscordFilled20.tsx │ │ ├── DiscordFilled24.tsx │ │ ├── DiscordFilled32.tsx │ │ ├── Dna12.tsx │ │ ├── Dna20.tsx │ │ ├── Dna24.tsx │ │ ├── Dna26.tsx │ │ ├── Dna32.tsx │ │ ├── Document12.tsx │ │ ├── Document16.tsx │ │ ├── Document20.tsx │ │ ├── Document24.tsx │ │ ├── Document32.tsx │ │ ├── DocumentLines12.tsx │ │ ├── DocumentLines16.tsx │ │ ├── DocumentLines20.tsx │ │ ├── DocumentLines24.tsx │ │ ├── DocumentLines32.tsx │ │ ├── DocumentPlus12.tsx │ │ ├── DocumentPlus16.tsx │ │ ├── DocumentPlus20.tsx │ │ ├── DocumentPlus24.tsx │ │ ├── DocumentPlus32.tsx │ │ ├── DollarCircle12.tsx │ │ ├── DollarCircle16.tsx │ │ ├── DollarCircle20.tsx │ │ ├── DollarCircle24.tsx │ │ ├── DollarCircle32.tsx │ │ ├── DollarCircleFilled12.tsx │ │ ├── DollarCircleFilled16.tsx │ │ ├── DollarCircleFilled20.tsx │ │ ├── DollarCircleFilled24.tsx │ │ ├── DollarCircleFilled32.tsx │ │ ├── Download12.tsx │ │ ├── Download16.tsx │ │ ├── Download20.tsx │ │ ├── Download24.tsx │ │ ├── Download32.tsx │ │ ├── DownloadDocument12.tsx │ │ ├── DownloadDocument16.tsx │ │ ├── DownloadDocument20.tsx │ │ ├── DownloadDocument24.tsx │ │ ├── DownloadDocument32.tsx │ │ ├── DownloadDocumentFilled12.tsx │ │ ├── DownloadDocumentFilled16.tsx │ │ ├── DownloadDocumentFilled20.tsx │ │ ├── DownloadDocumentFilled24.tsx │ │ ├── DownloadDocumentFilled32.tsx │ │ ├── DragHandleHorizontal12.tsx │ │ ├── DragHandleHorizontal16.tsx │ │ ├── DragHandleHorizontal20.tsx │ │ ├── DragHandleHorizontal24.tsx │ │ ├── DragHandleHorizontal32.tsx │ │ ├── DragHandleVertical12.tsx │ │ ├── DragHandleVertical16.tsx │ │ ├── DragHandleVertical20.tsx │ │ ├── DragHandleVertical24.tsx │ │ ├── DragHandleVertical32.tsx │ │ ├── Edit12.tsx │ │ ├── Edit16.tsx │ │ ├── Edit20.tsx │ │ ├── Edit24.tsx │ │ ├── Edit32.tsx │ │ ├── EditProfile12.tsx │ │ ├── EditProfile16.tsx │ │ ├── EditProfile20.tsx │ │ ├── EditProfile24.tsx │ │ ├── EditProfile32.tsx │ │ ├── Ethereum12.tsx │ │ ├── Ethereum16.tsx │ │ ├── Ethereum20.tsx │ │ ├── Ethereum24.tsx │ │ ├── Ethereum32.tsx │ │ ├── ExclamationCircle12.tsx │ │ ├── ExclamationCircle16.tsx │ │ ├── ExclamationCircle20.tsx │ │ ├── ExclamationCircle24.tsx │ │ ├── ExclamationCircle32.tsx │ │ ├── ExclamationTriangle12.tsx │ │ ├── ExclamationTriangle16.tsx │ │ ├── ExclamationTriangle20.tsx │ │ ├── ExclamationTriangle24.tsx │ │ ├── ExclamationTriangle32.tsx │ │ ├── Export12.tsx │ │ ├── Export16.tsx │ │ ├── Export20.tsx │ │ ├── Export24.tsx │ │ ├── Export32.tsx │ │ ├── Eye12.tsx │ │ ├── Eye16.tsx │ │ ├── Eye20.tsx │ │ ├── Eye24.tsx │ │ ├── Eye32.tsx │ │ ├── EyeSlashed12.tsx │ │ ├── EyeSlashed16.tsx │ │ ├── EyeSlashed20.tsx │ │ ├── EyeSlashed24.tsx │ │ ├── EyeSlashed32.tsx │ │ ├── Facebook12.tsx │ │ ├── Facebook16.tsx │ │ ├── Facebook20.tsx │ │ ├── Facebook24.tsx │ │ ├── Facebook32.tsx │ │ ├── FacebookFilled12.tsx │ │ ├── FacebookFilled16.tsx │ │ ├── FacebookFilled20.tsx │ │ ├── FacebookFilled24.tsx │ │ ├── FacebookFilled32.tsx │ │ ├── FilterDown12.tsx │ │ ├── FilterDown16.tsx │ │ ├── FilterDown20.tsx │ │ ├── FilterDown24.tsx │ │ ├── FilterDown32.tsx │ │ ├── Flag12.tsx │ │ ├── Flag16.tsx │ │ ├── Flag20.tsx │ │ ├── Flag24.tsx │ │ ├── Flag32.tsx │ │ ├── FolderAdd12.tsx │ │ ├── FolderAdd16.tsx │ │ ├── FolderAdd20.tsx │ │ ├── FolderAdd24.tsx │ │ ├── FolderAdd32.tsx │ │ ├── Gear12.tsx │ │ ├── Gear16.tsx │ │ ├── Gear20.tsx │ │ ├── Gear24.tsx │ │ ├── Gear32.tsx │ │ ├── Gift12.tsx │ │ ├── Gift16.tsx │ │ ├── Gift20.tsx │ │ ├── Gift24.tsx │ │ ├── Gift32.tsx │ │ ├── Globe12.tsx │ │ ├── Globe16.tsx │ │ ├── Globe20.tsx │ │ ├── Globe24.tsx │ │ ├── Globe32.tsx │ │ ├── GlobeInSquare12.tsx │ │ ├── GlobeInSquare16.tsx │ │ ├── GlobeInSquare20.tsx │ │ ├── GlobeInSquare24.tsx │ │ ├── GlobeInSquare32.tsx │ │ ├── Grid12.tsx │ │ ├── Grid16.tsx │ │ ├── Grid20.tsx │ │ ├── Grid24.tsx │ │ ├── Grid32.tsx │ │ ├── GridAdd12.tsx │ │ ├── GridAdd16.tsx │ │ ├── GridAdd20.tsx │ │ ├── GridAdd24.tsx │ │ ├── GridAdd32.tsx │ │ ├── HandWave12.tsx │ │ ├── HandWave16.tsx │ │ ├── HandWave20.tsx │ │ ├── HandWave24.tsx │ │ ├── HandWave32.tsx │ │ ├── Happy12.tsx │ │ ├── Happy16.tsx │ │ ├── Happy20.tsx │ │ ├── Happy24.tsx │ │ ├── Happy32.tsx │ │ ├── HappyPlus12.tsx │ │ ├── HappyPlus16.tsx │ │ ├── HappyPlus20.tsx │ │ ├── HappyPlus24.tsx │ │ ├── HappyPlus32.tsx │ │ ├── Heading12.tsx │ │ ├── Heading16.tsx │ │ ├── Heading20.tsx │ │ ├── Heading24.tsx │ │ ├── Heading32.tsx │ │ ├── Heart12.tsx │ │ ├── Heart16.tsx │ │ ├── Heart20.tsx │ │ ├── Heart24.tsx │ │ ├── Heart32.tsx │ │ ├── HeartFilled12.tsx │ │ ├── HeartFilled16.tsx │ │ ├── HeartFilled20.tsx │ │ ├── HeartFilled24.tsx │ │ ├── HeartFilled32.tsx │ │ ├── Home12.tsx │ │ ├── Home16.tsx │ │ ├── Home20.tsx │ │ ├── Home24.tsx │ │ ├── Home32.tsx │ │ ├── HourGlass12.tsx │ │ ├── HourGlass16.tsx │ │ ├── HourGlass20.tsx │ │ ├── HourGlass24.tsx │ │ ├── HourGlass32.tsx │ │ ├── InboxSize6.tsx │ │ ├── InfoCircle12.tsx │ │ ├── InfoCircle16.tsx │ │ ├── InfoCircle20.tsx │ │ ├── InfoCircle24.tsx │ │ ├── InfoCircle32.tsx │ │ ├── InfoCircleFilled12.tsx │ │ ├── InfoCircleFilled16.tsx │ │ ├── InfoCircleFilled20.tsx │ │ ├── InfoCircleFilled24.tsx │ │ ├── InfoCircleFilled32.tsx │ │ ├── InfoFilled12.tsx │ │ ├── InfoFilled16.tsx │ │ ├── InfoFilled20.tsx │ │ ├── InfoFilled24.tsx │ │ ├── InfoFilled32.tsx │ │ ├── InfoOutline12.tsx │ │ ├── InfoOutline16.tsx │ │ ├── InfoOutline20.tsx │ │ ├── InfoOutline24.tsx │ │ ├── InfoOutline32.tsx │ │ ├── InfoSquare12.tsx │ │ ├── InfoSquare16.tsx │ │ ├── InfoSquare20.tsx │ │ ├── InfoSquare24.tsx │ │ ├── InfoSquare32.tsx │ │ ├── Instagram12.tsx │ │ ├── Instagram16.tsx │ │ ├── Instagram20.tsx │ │ ├── Instagram24.tsx │ │ ├── Instagram32.tsx │ │ ├── Italic12.tsx │ │ ├── Italic16.tsx │ │ ├── Italic20.tsx │ │ ├── Italic24.tsx │ │ ├── Italic32.tsx │ │ ├── K12.tsx │ │ ├── K16.tsx │ │ ├── K20.tsx │ │ ├── K24.tsx │ │ ├── K32.tsx │ │ ├── Leaf12.tsx │ │ ├── Leaf16.tsx │ │ ├── Leaf20.tsx │ │ ├── Leaf24.tsx │ │ ├── Leaf32.tsx │ │ ├── LeaveReview12.tsx │ │ ├── LeaveReview16.tsx │ │ ├── LeaveReview20.tsx │ │ ├── LeaveReview24.tsx │ │ ├── LeaveReview32.tsx │ │ ├── Lightbulb12.tsx │ │ ├── Lightbulb16.tsx │ │ ├── Lightbulb20.tsx │ │ ├── Lightbulb24.tsx │ │ ├── Lightbulb32.tsx │ │ ├── LilstNumber12.tsx │ │ ├── LilstNumber16.tsx │ │ ├── LilstNumber20.tsx │ │ ├── LilstNumber24.tsx │ │ ├── LilstNumber32.tsx │ │ ├── Link12.tsx │ │ ├── Link16.tsx │ │ ├── Link20.tsx │ │ ├── Link24.tsx │ │ ├── Link32.tsx │ │ ├── LinkAdd12.tsx │ │ ├── LinkAdd16.tsx │ │ ├── LinkAdd20.tsx │ │ ├── LinkAdd24.tsx │ │ ├── LinkAdd32.tsx │ │ ├── LinkSlash12.tsx │ │ ├── LinkSlash16.tsx │ │ ├── LinkSlash20.tsx │ │ ├── LinkSlash24.tsx │ │ ├── LinkSlash32.tsx │ │ ├── List12.tsx │ │ ├── List16.tsx │ │ ├── List20.tsx │ │ ├── List24.tsx │ │ ├── List32.tsx │ │ ├── ListBullet12.tsx │ │ ├── ListBullet16.tsx │ │ ├── ListBullet20.tsx │ │ ├── ListBullet24.tsx │ │ ├── ListBullet32.tsx │ │ ├── ListCheck12.tsx │ │ ├── ListCheck16.tsx │ │ ├── ListCheck20.tsx │ │ ├── ListCheck24.tsx │ │ ├── ListCheck32.tsx │ │ ├── ListNumber12.tsx │ │ ├── ListNumber16.tsx │ │ ├── ListNumber20.tsx │ │ ├── ListNumber24.tsx │ │ ├── ListNumber32.tsx │ │ ├── LocationPin12.tsx │ │ ├── LocationPin16.tsx │ │ ├── LocationPin20.tsx │ │ ├── LocationPin24.tsx │ │ ├── LocationPin32.tsx │ │ ├── Lock12.tsx │ │ ├── Lock16.tsx │ │ ├── Lock20.tsx │ │ ├── Lock24.tsx │ │ ├── Lock32.tsx │ │ ├── LockFilled12.tsx │ │ ├── LockFilled16.tsx │ │ ├── LockFilled20.tsx │ │ ├── LockFilled24.tsx │ │ ├── LockFilled32.tsx │ │ ├── LockOpen12.tsx │ │ ├── LockOpen16.tsx │ │ ├── LockOpen20.tsx │ │ ├── LockOpen24.tsx │ │ ├── LockOpen32.tsx │ │ ├── Logout12.tsx │ │ ├── Logout16.tsx │ │ ├── Logout20.tsx │ │ ├── Logout24.tsx │ │ ├── Logout32.tsx │ │ ├── MagnifyingGlass12.tsx │ │ ├── MagnifyingGlass16.tsx │ │ ├── MagnifyingGlass20.tsx │ │ ├── MagnifyingGlass24.tsx │ │ ├── MagnifyingGlass32.tsx │ │ ├── Mail12.tsx │ │ ├── Mail16.tsx │ │ ├── Mail20.tsx │ │ ├── Mail24.tsx │ │ ├── Mail32.tsx │ │ ├── MailFilled12.tsx │ │ ├── MailFilled16.tsx │ │ ├── MailFilled20.tsx │ │ ├── MailFilled24.tsx │ │ ├── MailFilled32.tsx │ │ ├── MailOut12.tsx │ │ ├── MailOut16.tsx │ │ ├── MailOut20.tsx │ │ ├── MailOut24.tsx │ │ ├── MailOut32.tsx │ │ ├── MarkAsRead12.tsx │ │ ├── MarkAsRead16.tsx │ │ ├── MarkAsRead20.tsx │ │ ├── MarkAsRead24.tsx │ │ ├── MarkAsRead32.tsx │ │ ├── MarkAsUnread12.tsx │ │ ├── MarkAsUnread16.tsx │ │ ├── MarkAsUnread20.tsx │ │ ├── MarkAsUnread24.tsx │ │ ├── MarkAsUnread32.tsx │ │ ├── MedalCheckmark12.tsx │ │ ├── MedalCheckmark16.tsx │ │ ├── MedalCheckmark20.tsx │ │ ├── MedalCheckmark24.tsx │ │ ├── MedalCheckmark32.tsx │ │ ├── Megaphone12.tsx │ │ ├── Megaphone16.tsx │ │ ├── Megaphone20.tsx │ │ ├── Megaphone24.tsx │ │ ├── Megaphone32.tsx │ │ ├── Merch12.tsx │ │ ├── Merch16.tsx │ │ ├── Merch20.tsx │ │ ├── Merch24.tsx │ │ ├── Merch32.tsx │ │ ├── Message12.tsx │ │ ├── Message16.tsx │ │ ├── Message20.tsx │ │ ├── Message24.tsx │ │ ├── Message32.tsx │ │ ├── MessageEdit12.tsx │ │ ├── MessageEdit16.tsx │ │ ├── MessageEdit20.tsx │ │ ├── MessageEdit24.tsx │ │ ├── MessageEdit32.tsx │ │ ├── MessageNotification12.tsx │ │ ├── MessageNotification16.tsx │ │ ├── MessageNotification20.tsx │ │ ├── MessageNotification24.tsx │ │ ├── MessageNotification32.tsx │ │ ├── MessageSlashed12.tsx │ │ ├── MessageSlashed16.tsx │ │ ├── MessageSlashed20.tsx │ │ ├── MessageSlashed24.tsx │ │ ├── MessageSlashed32.tsx │ │ ├── Messages12.tsx │ │ ├── Messages16.tsx │ │ ├── Messages20.tsx │ │ ├── Messages24.tsx │ │ ├── Messages32.tsx │ │ ├── MessagesQuestion12.tsx │ │ ├── MessagesQuestion16.tsx │ │ ├── MessagesQuestion20.tsx │ │ ├── MessagesQuestion24.tsx │ │ ├── MessagesQuestion32.tsx │ │ ├── Microphone12.tsx │ │ ├── Microphone16.tsx │ │ ├── Microphone20.tsx │ │ ├── Microphone24.tsx │ │ ├── Microphone32.tsx │ │ ├── MobilePhone12.tsx │ │ ├── MobilePhone16.tsx │ │ ├── MobilePhone20.tsx │ │ ├── MobilePhone24.tsx │ │ ├── MobilePhone32.tsx │ │ ├── Monitor12.tsx │ │ ├── Monitor16.tsx │ │ ├── Monitor20.tsx │ │ ├── Monitor24.tsx │ │ ├── Monitor32.tsx │ │ ├── Moon12.tsx │ │ ├── Moon16.tsx │ │ ├── Moon20.tsx │ │ ├── Moon24.tsx │ │ ├── Moon32.tsx │ │ ├── NotificationBellCrossed12.tsx │ │ ├── NotificationBellCrossed16.tsx │ │ ├── NotificationBellCrossed20.tsx │ │ ├── NotificationBellCrossed24.tsx │ │ ├── NotificationBellCrossed32.tsx │ │ ├── Palette12.tsx │ │ ├── Palette16.tsx │ │ ├── Palette20.tsx │ │ ├── Palette24.tsx │ │ ├── Palette32.tsx │ │ ├── PaperAirplaneFilled12.tsx │ │ ├── PaperAirplaneFilled16.tsx │ │ ├── PaperAirplaneFilled20.tsx │ │ ├── PaperAirplaneFilled24.tsx │ │ ├── PaperAirplaneFilled32.tsx │ │ ├── Parachute12.tsx │ │ ├── Parachute16.tsx │ │ ├── Parachute20.tsx │ │ ├── Parachute24.tsx │ │ ├── Parachute32.tsx │ │ ├── Pause12.tsx │ │ ├── Pause16.tsx │ │ ├── Pause20.tsx │ │ ├── Pause24.tsx │ │ ├── Pause32.tsx │ │ ├── PauseCircle12.tsx │ │ ├── PauseCircle16.tsx │ │ ├── PauseCircle20.tsx │ │ ├── PauseCircle24.tsx │ │ ├── PauseCircle32.tsx │ │ ├── Paypal12.tsx │ │ ├── Paypal16.tsx │ │ ├── Paypal20.tsx │ │ ├── Paypal24.tsx │ │ ├── Paypal32.tsx │ │ ├── Pencil12.tsx │ │ ├── Pencil16.tsx │ │ ├── Pencil20.tsx │ │ ├── Pencil24.tsx │ │ ├── Pencil32.tsx │ │ ├── People12.tsx │ │ ├── People16.tsx │ │ ├── People20.tsx │ │ ├── People24.tsx │ │ ├── People32.tsx │ │ ├── PeoplePlus12.tsx │ │ ├── PeoplePlus16.tsx │ │ ├── PeoplePlus20.tsx │ │ ├── PeoplePlus24.tsx │ │ ├── PeoplePlus32.tsx │ │ ├── Percentage12.tsx │ │ ├── Percentage16.tsx │ │ ├── Percentage20.tsx │ │ ├── Percentage24.tsx │ │ ├── Percentage32.tsx │ │ ├── Photo12.tsx │ │ ├── Photo16.tsx │ │ ├── Photo20.tsx │ │ ├── Photo24.tsx │ │ ├── Photo32.tsx │ │ ├── PhotoFilled12.tsx │ │ ├── PhotoFilled16.tsx │ │ ├── PhotoFilled20.tsx │ │ ├── PhotoFilled24.tsx │ │ ├── PhotoFilled32.tsx │ │ ├── Photos12.tsx │ │ ├── Photos16.tsx │ │ ├── Photos20.tsx │ │ ├── Photos24.tsx │ │ ├── Photos32.tsx │ │ ├── Plane12.tsx │ │ ├── Plane16.tsx │ │ ├── Plane20.tsx │ │ ├── Plane24.tsx │ │ ├── Plane32.tsx │ │ ├── Play12.tsx │ │ ├── Play16.tsx │ │ ├── Play20.tsx │ │ ├── Play24.tsx │ │ ├── Play32.tsx │ │ ├── PlayFilled12.tsx │ │ ├── PlayFilled16.tsx │ │ ├── PlayFilled20.tsx │ │ ├── PlayFilled24.tsx │ │ ├── PlayFilled32.tsx │ │ ├── Plus12.tsx │ │ ├── Plus16.tsx │ │ ├── Plus20.tsx │ │ ├── Plus24.tsx │ │ ├── Plus32.tsx │ │ ├── PlusCircle12.tsx │ │ ├── PlusCircle16.tsx │ │ ├── PlusCircle20.tsx │ │ ├── PlusCircle24.tsx │ │ ├── PlusCircle32.tsx │ │ ├── PlusRectangle12.tsx │ │ ├── PlusRectangle16.tsx │ │ ├── PlusRectangle20.tsx │ │ ├── PlusRectangle24.tsx │ │ ├── PlusRectangle32.tsx │ │ ├── Profile12.tsx │ │ ├── Profile16.tsx │ │ ├── Profile20.tsx │ │ ├── Profile24.tsx │ │ ├── Profile32.tsx │ │ ├── ProfileCircle12.tsx │ │ ├── ProfileCircle16.tsx │ │ ├── ProfileCircle20.tsx │ │ ├── ProfileCircle24.tsx │ │ ├── ProfileCircle32.tsx │ │ ├── ProfileX12.tsx │ │ ├── ProfileX16.tsx │ │ ├── ProfileX20.tsx │ │ ├── ProfileX24.tsx │ │ ├── ProfileX32.tsx │ │ ├── QuestionCircle12.tsx │ │ ├── QuestionCircle16.tsx │ │ ├── QuestionCircle20.tsx │ │ ├── QuestionCircle24.tsx │ │ ├── QuestionCircle32.tsx │ │ ├── QuoteLeft12.tsx │ │ ├── QuoteLeft16.tsx │ │ ├── QuoteLeft20.tsx │ │ ├── QuoteLeft24.tsx │ │ ├── QuoteLeft32.tsx │ │ ├── QuoteRight12.tsx │ │ ├── QuoteRight16.tsx │ │ ├── QuoteRight20.tsx │ │ ├── QuoteRight24.tsx │ │ ├── QuoteRight32.tsx │ │ ├── Receipt12.tsx │ │ ├── Receipt16.tsx │ │ ├── Receipt20.tsx │ │ ├── Receipt24.tsx │ │ ├── Receipt32.tsx │ │ ├── Reply12.tsx │ │ ├── Reply16.tsx │ │ ├── Reply20.tsx │ │ ├── Reply24.tsx │ │ ├── Reply32.tsx │ │ ├── ReplyFilled12.tsx │ │ ├── ReplyFilled16.tsx │ │ ├── ReplyFilled20.tsx │ │ ├── ReplyFilled24.tsx │ │ ├── ReplyFilled32.tsx │ │ ├── RewardDiamond12.tsx │ │ ├── RewardDiamond16.tsx │ │ ├── RewardDiamond20.tsx │ │ ├── RewardDiamond24.tsx │ │ ├── RewardDiamond32.tsx │ │ ├── Rocket12.tsx │ │ ├── Rocket16.tsx │ │ ├── Rocket20.tsx │ │ ├── Rocket24.tsx │ │ ├── Rocket32.tsx │ │ ├── Rotate12.tsx │ │ ├── Rotate16.tsx │ │ ├── Rotate20.tsx │ │ ├── Rotate24.tsx │ │ ├── Rotate32.tsx │ │ ├── RotateCard12.tsx │ │ ├── RotateCard16.tsx │ │ ├── RotateCard20.tsx │ │ ├── RotateCard24.tsx │ │ ├── RotateCard32.tsx │ │ ├── RotateLeft12.tsx │ │ ├── RotateLeft16.tsx │ │ ├── RotateLeft20.tsx │ │ ├── RotateLeft24.tsx │ │ ├── RotateLeft32.tsx │ │ ├── RotateRight12.tsx │ │ ├── RotateRight16.tsx │ │ ├── RotateRight20.tsx │ │ ├── RotateRight24.tsx │ │ ├── RotateRight32.tsx │ │ ├── Sad12.tsx │ │ ├── Sad16.tsx │ │ ├── Sad20.tsx │ │ ├── Sad24.tsx │ │ ├── Sad32.tsx │ │ ├── SealCheckmark12.tsx │ │ ├── SealCheckmark16.tsx │ │ ├── SealCheckmark20.tsx │ │ ├── SealCheckmark24.tsx │ │ ├── SealCheckmark32.tsx │ │ ├── SealCheckmarkFilled12.tsx │ │ ├── SealCheckmarkFilled16.tsx │ │ ├── SealCheckmarkFilled20.tsx │ │ ├── SealCheckmarkFilled24.tsx │ │ ├── SealCheckmarkFilled32.tsx │ │ ├── SealExclamation12.tsx │ │ ├── SealExclamation16.tsx │ │ ├── SealExclamation20.tsx │ │ ├── SealExclamation24.tsx │ │ ├── SealExclamation32.tsx │ │ ├── ShareNodes12.tsx │ │ ├── ShareNodes16.tsx │ │ ├── ShareNodes20.tsx │ │ ├── ShareNodes24.tsx │ │ ├── ShareNodes32.tsx │ │ ├── ShieldCheckmark12.tsx │ │ ├── ShieldCheckmark16.tsx │ │ ├── ShieldCheckmark20.tsx │ │ ├── ShieldCheckmark24.tsx │ │ ├── ShieldCheckmark32.tsx │ │ ├── ShieldHalf12.tsx │ │ ├── ShieldHalf16.tsx │ │ ├── ShieldHalf20.tsx │ │ ├── ShieldHalf24.tsx │ │ ├── ShieldHalf32.tsx │ │ ├── Shop12.tsx │ │ ├── Shop16.tsx │ │ ├── Shop20.tsx │ │ ├── Shop24.tsx │ │ ├── Shop32.tsx │ │ ├── Sparkle12.tsx │ │ ├── Sparkle16.tsx │ │ ├── Sparkle20.tsx │ │ ├── Sparkle24.tsx │ │ ├── Sparkle32.tsx │ │ ├── SparkleFilled12.tsx │ │ ├── SparkleFilled16.tsx │ │ ├── SparkleFilled20.tsx │ │ ├── SparkleFilled24.tsx │ │ ├── SparkleFilled32.tsx │ │ ├── SparkleMultiple12.tsx │ │ ├── SparkleMultiple16.tsx │ │ ├── SparkleMultiple20.tsx │ │ ├── SparkleMultiple24.tsx │ │ ├── SparkleMultiple32.tsx │ │ ├── SparkleRectangle12.tsx │ │ ├── SparkleRectangle16.tsx │ │ ├── SparkleRectangle20.tsx │ │ ├── SparkleRectangle24.tsx │ │ ├── SparkleRectangle32.tsx │ │ ├── Split12.tsx │ │ ├── Split16.tsx │ │ ├── Split20.tsx │ │ ├── Split24.tsx │ │ ├── Split32.tsx │ │ ├── SquareAdd12.tsx │ │ ├── SquareAdd16.tsx │ │ ├── SquareAdd20.tsx │ │ ├── SquareAdd24.tsx │ │ ├── SquareAdd32.tsx │ │ ├── Star12.tsx │ │ ├── Star16.tsx │ │ ├── Star20.tsx │ │ ├── Star24.tsx │ │ ├── Star32.tsx │ │ ├── StarFilled12.tsx │ │ ├── StarFilled16.tsx │ │ ├── StarFilled20.tsx │ │ ├── StarFilled24.tsx │ │ ├── StarFilled32.tsx │ │ ├── StarHalf12.tsx │ │ ├── StarHalf16.tsx │ │ ├── StarHalf20.tsx │ │ ├── StarHalf24.tsx │ │ ├── StarHalf32.tsx │ │ ├── Stats12.tsx │ │ ├── Stats20.tsx │ │ ├── Stats24.tsx │ │ ├── Stats26.tsx │ │ ├── Stats32.tsx │ │ ├── StorefrontItem12.tsx │ │ ├── StorefrontItem16.tsx │ │ ├── StorefrontItem20.tsx │ │ ├── StorefrontItem24.tsx │ │ ├── StorefrontItem32.tsx │ │ ├── Strikethrough12.tsx │ │ ├── Strikethrough16.tsx │ │ ├── Strikethrough20.tsx │ │ ├── Strikethrough24.tsx │ │ ├── Strikethrough32.tsx │ │ ├── Subtract12.tsx │ │ ├── Subtract16.tsx │ │ ├── Subtract20.tsx │ │ ├── Subtract24.tsx │ │ ├── Subtract32.tsx │ │ ├── Sun12.tsx │ │ ├── Sun16.tsx │ │ ├── Sun20.tsx │ │ ├── Sun24.tsx │ │ ├── Sun32.tsx │ │ ├── Swords12.tsx │ │ ├── Swords16.tsx │ │ ├── Swords20.tsx │ │ ├── Swords24.tsx │ │ ├── Swords32.tsx │ │ ├── TableSize6.tsx │ │ ├── Tag12.tsx │ │ ├── Tag16.tsx │ │ ├── Tag20.tsx │ │ ├── Tag24.tsx │ │ ├── Tag32.tsx │ │ ├── Telegram12.tsx │ │ ├── Telegram16.tsx │ │ ├── Telegram20.tsx │ │ ├── Telegram24.tsx │ │ ├── Telegram32.tsx │ │ ├── TelegramFilled12.tsx │ │ ├── TelegramFilled16.tsx │ │ ├── TelegramFilled20.tsx │ │ ├── TelegramFilled24.tsx │ │ ├── TelegramFilled32.tsx │ │ ├── Telephone12.tsx │ │ ├── Telephone16.tsx │ │ ├── Telephone20.tsx │ │ ├── Telephone24.tsx │ │ ├── Telephone32.tsx │ │ ├── ThreeDotsCircle12.tsx │ │ ├── ThreeDotsCircle16.tsx │ │ ├── ThreeDotsCircle20.tsx │ │ ├── ThreeDotsCircle24.tsx │ │ ├── ThreeDotsCircle32.tsx │ │ ├── ThreeDotsHorizontal12.tsx │ │ ├── ThreeDotsHorizontal16.tsx │ │ ├── ThreeDotsHorizontal20.tsx │ │ ├── ThreeDotsHorizontal24.tsx │ │ ├── ThreeDotsHorizontal32.tsx │ │ ├── ThreeDotsVertical12.tsx │ │ ├── ThreeDotsVertical16.tsx │ │ ├── ThreeDotsVertical20.tsx │ │ ├── ThreeDotsVertical24.tsx │ │ ├── ThreeDotsVertical32.tsx │ │ ├── ThumbDown12.tsx │ │ ├── ThumbDown16.tsx │ │ ├── ThumbDown20.tsx │ │ ├── ThumbDown24.tsx │ │ ├── ThumbDown32.tsx │ │ ├── ThumbDownFilled12.tsx │ │ ├── ThumbDownFilled16.tsx │ │ ├── ThumbDownFilled20.tsx │ │ ├── ThumbDownFilled24.tsx │ │ ├── ThumbDownFilled32.tsx │ │ ├── ThumbUp12.tsx │ │ ├── ThumbUp16.tsx │ │ ├── ThumbUp20.tsx │ │ ├── ThumbUp24.tsx │ │ ├── ThumbUp32.tsx │ │ ├── ThumbUpFilled12.tsx │ │ ├── ThumbUpFilled16.tsx │ │ ├── ThumbUpFilled20.tsx │ │ ├── ThumbUpFilled24.tsx │ │ ├── ThumbUpFilled32.tsx │ │ ├── Tiktok12.tsx │ │ ├── Tiktok16.tsx │ │ ├── Tiktok20.tsx │ │ ├── Tiktok24.tsx │ │ ├── Tiktok32.tsx │ │ ├── TiktokFilled12.tsx │ │ ├── TiktokFilled16.tsx │ │ ├── TiktokFilled20.tsx │ │ ├── TiktokFilled24.tsx │ │ ├── TiktokFilled32.tsx │ │ ├── TradingView12.tsx │ │ ├── TradingView16.tsx │ │ ├── TradingView20.tsx │ │ ├── TradingView24.tsx │ │ ├── TradingView32.tsx │ │ ├── Trash12.tsx │ │ ├── Trash16.tsx │ │ ├── Trash20.tsx │ │ ├── Trash24.tsx │ │ ├── Trash32.tsx │ │ ├── TrashFilled12.tsx │ │ ├── TrashFilled16.tsx │ │ ├── TrashFilled20.tsx │ │ ├── TrashFilled24.tsx │ │ ├── TrashFilled32.tsx │ │ ├── Trophy12.tsx │ │ ├── Trophy16.tsx │ │ ├── Trophy20.tsx │ │ ├── Trophy24.tsx │ │ ├── Trophy32.tsx │ │ ├── Twitter12.tsx │ │ ├── Twitter16.tsx │ │ ├── Twitter20.tsx │ │ ├── Twitter24.tsx │ │ ├── Twitter32.tsx │ │ ├── TwitterFilled12.tsx │ │ ├── TwitterFilled16.tsx │ │ ├── TwitterFilled20.tsx │ │ ├── TwitterFilled24.tsx │ │ ├── TwitterFilled32.tsx │ │ ├── Typography12.tsx │ │ ├── Typography16.tsx │ │ ├── Typography20.tsx │ │ ├── Typography24.tsx │ │ ├── Typography32.tsx │ │ ├── Underline12.tsx │ │ ├── Underline16.tsx │ │ ├── Underline20.tsx │ │ ├── Underline24.tsx │ │ ├── Underline32.tsx │ │ ├── Upload12.tsx │ │ ├── Upload16.tsx │ │ ├── Upload20.tsx │ │ ├── Upload24.tsx │ │ ├── Upload32.tsx │ │ ├── User12.tsx │ │ ├── User16.tsx │ │ ├── User20.tsx │ │ ├── User24.tsx │ │ ├── User32.tsx │ │ ├── VideoFilled12.tsx │ │ ├── VideoFilled16.tsx │ │ ├── VideoFilled20.tsx │ │ ├── VideoFilled24.tsx │ │ ├── VideoFilled32.tsx │ │ ├── Wallet12.tsx │ │ ├── Wallet16.tsx │ │ ├── Wallet20.tsx │ │ ├── Wallet24.tsx │ │ ├── Wallet32.tsx │ │ ├── Waveform12.tsx │ │ ├── Waveform16.tsx │ │ ├── Waveform20.tsx │ │ ├── Waveform24.tsx │ │ ├── Waveform32.tsx │ │ ├── WhopLogo12.tsx │ │ ├── WhopLogo16.tsx │ │ ├── WhopLogo20.tsx │ │ ├── WhopLogo24.tsx │ │ ├── WhopLogo32.tsx │ │ ├── XCircle12.tsx │ │ ├── XCircle16.tsx │ │ ├── XCircle20.tsx │ │ ├── XCircle24.tsx │ │ ├── XCircle32.tsx │ │ ├── XCircleFilled12.tsx │ │ ├── XCircleFilled16.tsx │ │ ├── XCircleFilled20.tsx │ │ ├── XCircleFilled24.tsx │ │ ├── XCircleFilled32.tsx │ │ ├── XDotCom12.tsx │ │ ├── XDotCom16.tsx │ │ ├── XDotCom20.tsx │ │ ├── XDotCom24.tsx │ │ ├── XDotCom32.tsx │ │ ├── XMark12.tsx │ │ ├── XMark16.tsx │ │ ├── XMark20.tsx │ │ ├── XMark24.tsx │ │ ├── XMark32.tsx │ │ ├── Youtube12.tsx │ │ ├── Youtube16.tsx │ │ ├── Youtube20.tsx │ │ ├── Youtube24.tsx │ │ ├── Youtube32.tsx │ │ ├── YoutubeFilled12.tsx │ │ ├── YoutubeFilled16.tsx │ │ ├── YoutubeFilled20.tsx │ │ ├── YoutubeFilled24.tsx │ │ ├── YoutubeFilled32.tsx │ │ ├── index.tsx │ │ └── types.tsx │ ├── tsconfig-cjs.json │ ├── tsconfig-esm.json │ └── tsconfig.json ├── frosted-ui-native-colors │ ├── .eslintrc.js │ ├── .gitignore │ ├── .npmignore │ ├── README.md │ ├── colors │ │ ├── amber1.colorset │ │ │ └── Contents.json │ │ ├── amber10.colorset │ │ │ └── Contents.json │ │ ├── amber11.colorset │ │ │ └── Contents.json │ │ ├── amber12.colorset │ │ │ └── Contents.json │ │ ├── amber2.colorset │ │ │ └── Contents.json │ │ ├── amber3.colorset │ │ │ └── Contents.json │ │ ├── amber4.colorset │ │ │ └── Contents.json │ │ ├── amber5.colorset │ │ │ └── Contents.json │ │ ├── amber6.colorset │ │ │ └── Contents.json │ │ ├── amber7.colorset │ │ │ └── Contents.json │ │ ├── amber8.colorset │ │ │ └── Contents.json │ │ ├── amber9.colorset │ │ │ └── Contents.json │ │ ├── amber9contrast.colorset │ │ │ └── Contents.json │ │ ├── amberA1.colorset │ │ │ └── Contents.json │ │ ├── amberA10.colorset │ │ │ └── Contents.json │ │ ├── amberA11.colorset │ │ │ └── Contents.json │ │ ├── amberA12.colorset │ │ │ └── Contents.json │ │ ├── amberA2.colorset │ │ │ └── Contents.json │ │ ├── amberA3.colorset │ │ │ └── Contents.json │ │ ├── amberA4.colorset │ │ │ └── Contents.json │ │ ├── amberA5.colorset │ │ │ └── Contents.json │ │ ├── amberA6.colorset │ │ │ └── Contents.json │ │ ├── amberA7.colorset │ │ │ └── Contents.json │ │ ├── amberA8.colorset │ │ │ └── Contents.json │ │ ├── amberA9.colorset │ │ │ └── Contents.json │ │ ├── blackA1.colorset │ │ │ └── Contents.json │ │ ├── blackA10.colorset │ │ │ └── Contents.json │ │ ├── blackA11.colorset │ │ │ └── Contents.json │ │ ├── blackA12.colorset │ │ │ └── Contents.json │ │ ├── blackA2.colorset │ │ │ └── Contents.json │ │ ├── blackA3.colorset │ │ │ └── Contents.json │ │ ├── blackA4.colorset │ │ │ └── Contents.json │ │ ├── blackA5.colorset │ │ │ └── Contents.json │ │ ├── blackA6.colorset │ │ │ └── Contents.json │ │ ├── blackA7.colorset │ │ │ └── Contents.json │ │ ├── blackA8.colorset │ │ │ └── Contents.json │ │ ├── blackA9.colorset │ │ │ └── Contents.json │ │ ├── blue1.colorset │ │ │ └── Contents.json │ │ ├── blue10.colorset │ │ │ └── Contents.json │ │ ├── blue11.colorset │ │ │ └── Contents.json │ │ ├── blue12.colorset │ │ │ └── Contents.json │ │ ├── blue2.colorset │ │ │ └── Contents.json │ │ ├── blue3.colorset │ │ │ └── Contents.json │ │ ├── blue4.colorset │ │ │ └── Contents.json │ │ ├── blue5.colorset │ │ │ └── Contents.json │ │ ├── blue6.colorset │ │ │ └── Contents.json │ │ ├── blue7.colorset │ │ │ └── Contents.json │ │ ├── blue8.colorset │ │ │ └── Contents.json │ │ ├── blue9.colorset │ │ │ └── Contents.json │ │ ├── blue9contrast.colorset │ │ │ └── Contents.json │ │ ├── blueA1.colorset │ │ │ └── Contents.json │ │ ├── blueA10.colorset │ │ │ └── Contents.json │ │ ├── blueA11.colorset │ │ │ └── Contents.json │ │ ├── blueA12.colorset │ │ │ └── Contents.json │ │ ├── blueA2.colorset │ │ │ └── Contents.json │ │ ├── blueA3.colorset │ │ │ └── Contents.json │ │ ├── blueA4.colorset │ │ │ └── Contents.json │ │ ├── blueA5.colorset │ │ │ └── Contents.json │ │ ├── blueA6.colorset │ │ │ └── Contents.json │ │ ├── blueA7.colorset │ │ │ └── Contents.json │ │ ├── blueA8.colorset │ │ │ └── Contents.json │ │ ├── blueA9.colorset │ │ │ └── Contents.json │ │ ├── bronze1.colorset │ │ │ └── Contents.json │ │ ├── bronze10.colorset │ │ │ └── Contents.json │ │ ├── bronze11.colorset │ │ │ └── Contents.json │ │ ├── bronze12.colorset │ │ │ └── Contents.json │ │ ├── bronze2.colorset │ │ │ └── Contents.json │ │ ├── bronze3.colorset │ │ │ └── Contents.json │ │ ├── bronze4.colorset │ │ │ └── Contents.json │ │ ├── bronze5.colorset │ │ │ └── Contents.json │ │ ├── bronze6.colorset │ │ │ └── Contents.json │ │ ├── bronze7.colorset │ │ │ └── Contents.json │ │ ├── bronze8.colorset │ │ │ └── Contents.json │ │ ├── bronze9.colorset │ │ │ └── Contents.json │ │ ├── bronze9contrast.colorset │ │ │ └── Contents.json │ │ ├── bronzeA1.colorset │ │ │ └── Contents.json │ │ ├── bronzeA10.colorset │ │ │ └── Contents.json │ │ ├── bronzeA11.colorset │ │ │ └── Contents.json │ │ ├── bronzeA12.colorset │ │ │ └── Contents.json │ │ ├── bronzeA2.colorset │ │ │ └── Contents.json │ │ ├── bronzeA3.colorset │ │ │ └── Contents.json │ │ ├── bronzeA4.colorset │ │ │ └── Contents.json │ │ ├── bronzeA5.colorset │ │ │ └── Contents.json │ │ ├── bronzeA6.colorset │ │ │ └── Contents.json │ │ ├── bronzeA7.colorset │ │ │ └── Contents.json │ │ ├── bronzeA8.colorset │ │ │ └── Contents.json │ │ ├── bronzeA9.colorset │ │ │ └── Contents.json │ │ ├── brown1.colorset │ │ │ └── Contents.json │ │ ├── brown10.colorset │ │ │ └── Contents.json │ │ ├── brown11.colorset │ │ │ └── Contents.json │ │ ├── brown12.colorset │ │ │ └── Contents.json │ │ ├── brown2.colorset │ │ │ └── Contents.json │ │ ├── brown3.colorset │ │ │ └── Contents.json │ │ ├── brown4.colorset │ │ │ └── Contents.json │ │ ├── brown5.colorset │ │ │ └── Contents.json │ │ ├── brown6.colorset │ │ │ └── Contents.json │ │ ├── brown7.colorset │ │ │ └── Contents.json │ │ ├── brown8.colorset │ │ │ └── Contents.json │ │ ├── brown9.colorset │ │ │ └── Contents.json │ │ ├── brown9contrast.colorset │ │ │ └── Contents.json │ │ ├── brownA1.colorset │ │ │ └── Contents.json │ │ ├── brownA10.colorset │ │ │ └── Contents.json │ │ ├── brownA11.colorset │ │ │ └── Contents.json │ │ ├── brownA12.colorset │ │ │ └── Contents.json │ │ ├── brownA2.colorset │ │ │ └── Contents.json │ │ ├── brownA3.colorset │ │ │ └── Contents.json │ │ ├── brownA4.colorset │ │ │ └── Contents.json │ │ ├── brownA5.colorset │ │ │ └── Contents.json │ │ ├── brownA6.colorset │ │ │ └── Contents.json │ │ ├── brownA7.colorset │ │ │ └── Contents.json │ │ ├── brownA8.colorset │ │ │ └── Contents.json │ │ ├── brownA9.colorset │ │ │ └── Contents.json │ │ ├── crimson1.colorset │ │ │ └── Contents.json │ │ ├── crimson10.colorset │ │ │ └── Contents.json │ │ ├── crimson11.colorset │ │ │ └── Contents.json │ │ ├── crimson12.colorset │ │ │ └── Contents.json │ │ ├── crimson2.colorset │ │ │ └── Contents.json │ │ ├── crimson3.colorset │ │ │ └── Contents.json │ │ ├── crimson4.colorset │ │ │ └── Contents.json │ │ ├── crimson5.colorset │ │ │ └── Contents.json │ │ ├── crimson6.colorset │ │ │ └── Contents.json │ │ ├── crimson7.colorset │ │ │ └── Contents.json │ │ ├── crimson8.colorset │ │ │ └── Contents.json │ │ ├── crimson9.colorset │ │ │ └── Contents.json │ │ ├── crimson9contrast.colorset │ │ │ └── Contents.json │ │ ├── crimsonA1.colorset │ │ │ └── Contents.json │ │ ├── crimsonA10.colorset │ │ │ └── Contents.json │ │ ├── crimsonA11.colorset │ │ │ └── Contents.json │ │ ├── crimsonA12.colorset │ │ │ └── Contents.json │ │ ├── crimsonA2.colorset │ │ │ └── Contents.json │ │ ├── crimsonA3.colorset │ │ │ └── Contents.json │ │ ├── crimsonA4.colorset │ │ │ └── Contents.json │ │ ├── crimsonA5.colorset │ │ │ └── Contents.json │ │ ├── crimsonA6.colorset │ │ │ └── Contents.json │ │ ├── crimsonA7.colorset │ │ │ └── Contents.json │ │ ├── crimsonA8.colorset │ │ │ └── Contents.json │ │ ├── crimsonA9.colorset │ │ │ └── Contents.json │ │ ├── cyan1.colorset │ │ │ └── Contents.json │ │ ├── cyan10.colorset │ │ │ └── Contents.json │ │ ├── cyan11.colorset │ │ │ └── Contents.json │ │ ├── cyan12.colorset │ │ │ └── Contents.json │ │ ├── cyan2.colorset │ │ │ └── Contents.json │ │ ├── cyan3.colorset │ │ │ └── Contents.json │ │ ├── cyan4.colorset │ │ │ └── Contents.json │ │ ├── cyan5.colorset │ │ │ └── Contents.json │ │ ├── cyan6.colorset │ │ │ └── Contents.json │ │ ├── cyan7.colorset │ │ │ └── Contents.json │ │ ├── cyan8.colorset │ │ │ └── Contents.json │ │ ├── cyan9.colorset │ │ │ └── Contents.json │ │ ├── cyan9contrast.colorset │ │ │ └── Contents.json │ │ ├── cyanA1.colorset │ │ │ └── Contents.json │ │ ├── cyanA10.colorset │ │ │ └── Contents.json │ │ ├── cyanA11.colorset │ │ │ └── Contents.json │ │ ├── cyanA12.colorset │ │ │ └── Contents.json │ │ ├── cyanA2.colorset │ │ │ └── Contents.json │ │ ├── cyanA3.colorset │ │ │ └── Contents.json │ │ ├── cyanA4.colorset │ │ │ └── Contents.json │ │ ├── cyanA5.colorset │ │ │ └── Contents.json │ │ ├── cyanA6.colorset │ │ │ └── Contents.json │ │ ├── cyanA7.colorset │ │ │ └── Contents.json │ │ ├── cyanA8.colorset │ │ │ └── Contents.json │ │ ├── cyanA9.colorset │ │ │ └── Contents.json │ │ ├── gold1.colorset │ │ │ └── Contents.json │ │ ├── gold10.colorset │ │ │ └── Contents.json │ │ ├── gold11.colorset │ │ │ └── Contents.json │ │ ├── gold12.colorset │ │ │ └── Contents.json │ │ ├── gold2.colorset │ │ │ └── Contents.json │ │ ├── gold3.colorset │ │ │ └── Contents.json │ │ ├── gold4.colorset │ │ │ └── Contents.json │ │ ├── gold5.colorset │ │ │ └── Contents.json │ │ ├── gold6.colorset │ │ │ └── Contents.json │ │ ├── gold7.colorset │ │ │ └── Contents.json │ │ ├── gold8.colorset │ │ │ └── Contents.json │ │ ├── gold9.colorset │ │ │ └── Contents.json │ │ ├── gold9contrast.colorset │ │ │ └── Contents.json │ │ ├── goldA1.colorset │ │ │ └── Contents.json │ │ ├── goldA10.colorset │ │ │ └── Contents.json │ │ ├── goldA11.colorset │ │ │ └── Contents.json │ │ ├── goldA12.colorset │ │ │ └── Contents.json │ │ ├── goldA2.colorset │ │ │ └── Contents.json │ │ ├── goldA3.colorset │ │ │ └── Contents.json │ │ ├── goldA4.colorset │ │ │ └── Contents.json │ │ ├── goldA5.colorset │ │ │ └── Contents.json │ │ ├── goldA6.colorset │ │ │ └── Contents.json │ │ ├── goldA7.colorset │ │ │ └── Contents.json │ │ ├── goldA8.colorset │ │ │ └── Contents.json │ │ ├── goldA9.colorset │ │ │ └── Contents.json │ │ ├── grass1.colorset │ │ │ └── Contents.json │ │ ├── grass10.colorset │ │ │ └── Contents.json │ │ ├── grass11.colorset │ │ │ └── Contents.json │ │ ├── grass12.colorset │ │ │ └── Contents.json │ │ ├── grass2.colorset │ │ │ └── Contents.json │ │ ├── grass3.colorset │ │ │ └── Contents.json │ │ ├── grass4.colorset │ │ │ └── Contents.json │ │ ├── grass5.colorset │ │ │ └── Contents.json │ │ ├── grass6.colorset │ │ │ └── Contents.json │ │ ├── grass7.colorset │ │ │ └── Contents.json │ │ ├── grass8.colorset │ │ │ └── Contents.json │ │ ├── grass9.colorset │ │ │ └── Contents.json │ │ ├── grass9contrast.colorset │ │ │ └── Contents.json │ │ ├── grassA1.colorset │ │ │ └── Contents.json │ │ ├── grassA10.colorset │ │ │ └── Contents.json │ │ ├── grassA11.colorset │ │ │ └── Contents.json │ │ ├── grassA12.colorset │ │ │ └── Contents.json │ │ ├── grassA2.colorset │ │ │ └── Contents.json │ │ ├── grassA3.colorset │ │ │ └── Contents.json │ │ ├── grassA4.colorset │ │ │ └── Contents.json │ │ ├── grassA5.colorset │ │ │ └── Contents.json │ │ ├── grassA6.colorset │ │ │ └── Contents.json │ │ ├── grassA7.colorset │ │ │ └── Contents.json │ │ ├── grassA8.colorset │ │ │ └── Contents.json │ │ ├── grassA9.colorset │ │ │ └── Contents.json │ │ ├── gray1.colorset │ │ │ └── Contents.json │ │ ├── gray10.colorset │ │ │ └── Contents.json │ │ ├── gray11.colorset │ │ │ └── Contents.json │ │ ├── gray12.colorset │ │ │ └── Contents.json │ │ ├── gray2.colorset │ │ │ └── Contents.json │ │ ├── gray3.colorset │ │ │ └── Contents.json │ │ ├── gray4.colorset │ │ │ └── Contents.json │ │ ├── gray5.colorset │ │ │ └── Contents.json │ │ ├── gray6.colorset │ │ │ └── Contents.json │ │ ├── gray7.colorset │ │ │ └── Contents.json │ │ ├── gray8.colorset │ │ │ └── Contents.json │ │ ├── gray9.colorset │ │ │ └── Contents.json │ │ ├── gray9contrast.colorset │ │ │ └── Contents.json │ │ ├── grayA1.colorset │ │ │ └── Contents.json │ │ ├── grayA10.colorset │ │ │ └── Contents.json │ │ ├── grayA11.colorset │ │ │ └── Contents.json │ │ ├── grayA12.colorset │ │ │ └── Contents.json │ │ ├── grayA2.colorset │ │ │ └── Contents.json │ │ ├── grayA3.colorset │ │ │ └── Contents.json │ │ ├── grayA4.colorset │ │ │ └── Contents.json │ │ ├── grayA5.colorset │ │ │ └── Contents.json │ │ ├── grayA6.colorset │ │ │ └── Contents.json │ │ ├── grayA7.colorset │ │ │ └── Contents.json │ │ ├── grayA8.colorset │ │ │ └── Contents.json │ │ ├── grayA9.colorset │ │ │ └── Contents.json │ │ ├── green1.colorset │ │ │ └── Contents.json │ │ ├── green10.colorset │ │ │ └── Contents.json │ │ ├── green11.colorset │ │ │ └── Contents.json │ │ ├── green12.colorset │ │ │ └── Contents.json │ │ ├── green2.colorset │ │ │ └── Contents.json │ │ ├── green3.colorset │ │ │ └── Contents.json │ │ ├── green4.colorset │ │ │ └── Contents.json │ │ ├── green5.colorset │ │ │ └── Contents.json │ │ ├── green6.colorset │ │ │ └── Contents.json │ │ ├── green7.colorset │ │ │ └── Contents.json │ │ ├── green8.colorset │ │ │ └── Contents.json │ │ ├── green9.colorset │ │ │ └── Contents.json │ │ ├── green9contrast.colorset │ │ │ └── Contents.json │ │ ├── greenA1.colorset │ │ │ └── Contents.json │ │ ├── greenA10.colorset │ │ │ └── Contents.json │ │ ├── greenA11.colorset │ │ │ └── Contents.json │ │ ├── greenA12.colorset │ │ │ └── Contents.json │ │ ├── greenA2.colorset │ │ │ └── Contents.json │ │ ├── greenA3.colorset │ │ │ └── Contents.json │ │ ├── greenA4.colorset │ │ │ └── Contents.json │ │ ├── greenA5.colorset │ │ │ └── Contents.json │ │ ├── greenA6.colorset │ │ │ └── Contents.json │ │ ├── greenA7.colorset │ │ │ └── Contents.json │ │ ├── greenA8.colorset │ │ │ └── Contents.json │ │ ├── greenA9.colorset │ │ │ └── Contents.json │ │ ├── indigo1.colorset │ │ │ └── Contents.json │ │ ├── indigo10.colorset │ │ │ └── Contents.json │ │ ├── indigo11.colorset │ │ │ └── Contents.json │ │ ├── indigo12.colorset │ │ │ └── Contents.json │ │ ├── indigo2.colorset │ │ │ └── Contents.json │ │ ├── indigo3.colorset │ │ │ └── Contents.json │ │ ├── indigo4.colorset │ │ │ └── Contents.json │ │ ├── indigo5.colorset │ │ │ └── Contents.json │ │ ├── indigo6.colorset │ │ │ └── Contents.json │ │ ├── indigo7.colorset │ │ │ └── Contents.json │ │ ├── indigo8.colorset │ │ │ └── Contents.json │ │ ├── indigo9.colorset │ │ │ └── Contents.json │ │ ├── indigo9contrast.colorset │ │ │ └── Contents.json │ │ ├── indigoA1.colorset │ │ │ └── Contents.json │ │ ├── indigoA10.colorset │ │ │ └── Contents.json │ │ ├── indigoA11.colorset │ │ │ └── Contents.json │ │ ├── indigoA12.colorset │ │ │ └── Contents.json │ │ ├── indigoA2.colorset │ │ │ └── Contents.json │ │ ├── indigoA3.colorset │ │ │ └── Contents.json │ │ ├── indigoA4.colorset │ │ │ └── Contents.json │ │ ├── indigoA5.colorset │ │ │ └── Contents.json │ │ ├── indigoA6.colorset │ │ │ └── Contents.json │ │ ├── indigoA7.colorset │ │ │ └── Contents.json │ │ ├── indigoA8.colorset │ │ │ └── Contents.json │ │ ├── indigoA9.colorset │ │ │ └── Contents.json │ │ ├── iris1.colorset │ │ │ └── Contents.json │ │ ├── iris10.colorset │ │ │ └── Contents.json │ │ ├── iris11.colorset │ │ │ └── Contents.json │ │ ├── iris12.colorset │ │ │ └── Contents.json │ │ ├── iris2.colorset │ │ │ └── Contents.json │ │ ├── iris3.colorset │ │ │ └── Contents.json │ │ ├── iris4.colorset │ │ │ └── Contents.json │ │ ├── iris5.colorset │ │ │ └── Contents.json │ │ ├── iris6.colorset │ │ │ └── Contents.json │ │ ├── iris7.colorset │ │ │ └── Contents.json │ │ ├── iris8.colorset │ │ │ └── Contents.json │ │ ├── iris9.colorset │ │ │ └── Contents.json │ │ ├── iris9contrast.colorset │ │ │ └── Contents.json │ │ ├── irisA1.colorset │ │ │ └── Contents.json │ │ ├── irisA10.colorset │ │ │ └── Contents.json │ │ ├── irisA11.colorset │ │ │ └── Contents.json │ │ ├── irisA12.colorset │ │ │ └── Contents.json │ │ ├── irisA2.colorset │ │ │ └── Contents.json │ │ ├── irisA3.colorset │ │ │ └── Contents.json │ │ ├── irisA4.colorset │ │ │ └── Contents.json │ │ ├── irisA5.colorset │ │ │ └── Contents.json │ │ ├── irisA6.colorset │ │ │ └── Contents.json │ │ ├── irisA7.colorset │ │ │ └── Contents.json │ │ ├── irisA8.colorset │ │ │ └── Contents.json │ │ ├── irisA9.colorset │ │ │ └── Contents.json │ │ ├── jade1.colorset │ │ │ └── Contents.json │ │ ├── jade10.colorset │ │ │ └── Contents.json │ │ ├── jade11.colorset │ │ │ └── Contents.json │ │ ├── jade12.colorset │ │ │ └── Contents.json │ │ ├── jade2.colorset │ │ │ └── Contents.json │ │ ├── jade3.colorset │ │ │ └── Contents.json │ │ ├── jade4.colorset │ │ │ └── Contents.json │ │ ├── jade5.colorset │ │ │ └── Contents.json │ │ ├── jade6.colorset │ │ │ └── Contents.json │ │ ├── jade7.colorset │ │ │ └── Contents.json │ │ ├── jade8.colorset │ │ │ └── Contents.json │ │ ├── jade9.colorset │ │ │ └── Contents.json │ │ ├── jade9contrast.colorset │ │ │ └── Contents.json │ │ ├── jadeA1.colorset │ │ │ └── Contents.json │ │ ├── jadeA10.colorset │ │ │ └── Contents.json │ │ ├── jadeA11.colorset │ │ │ └── Contents.json │ │ ├── jadeA12.colorset │ │ │ └── Contents.json │ │ ├── jadeA2.colorset │ │ │ └── Contents.json │ │ ├── jadeA3.colorset │ │ │ └── Contents.json │ │ ├── jadeA4.colorset │ │ │ └── Contents.json │ │ ├── jadeA5.colorset │ │ │ └── Contents.json │ │ ├── jadeA6.colorset │ │ │ └── Contents.json │ │ ├── jadeA7.colorset │ │ │ └── Contents.json │ │ ├── jadeA8.colorset │ │ │ └── Contents.json │ │ ├── jadeA9.colorset │ │ │ └── Contents.json │ │ ├── lemon1.colorset │ │ │ └── Contents.json │ │ ├── lemon10.colorset │ │ │ └── Contents.json │ │ ├── lemon11.colorset │ │ │ └── Contents.json │ │ ├── lemon12.colorset │ │ │ └── Contents.json │ │ ├── lemon2.colorset │ │ │ └── Contents.json │ │ ├── lemon3.colorset │ │ │ └── Contents.json │ │ ├── lemon4.colorset │ │ │ └── Contents.json │ │ ├── lemon5.colorset │ │ │ └── Contents.json │ │ ├── lemon6.colorset │ │ │ └── Contents.json │ │ ├── lemon7.colorset │ │ │ └── Contents.json │ │ ├── lemon8.colorset │ │ │ └── Contents.json │ │ ├── lemon9.colorset │ │ │ └── Contents.json │ │ ├── lemon9contrast.colorset │ │ │ └── Contents.json │ │ ├── lemonA1.colorset │ │ │ └── Contents.json │ │ ├── lemonA10.colorset │ │ │ └── Contents.json │ │ ├── lemonA11.colorset │ │ │ └── Contents.json │ │ ├── lemonA12.colorset │ │ │ └── Contents.json │ │ ├── lemonA2.colorset │ │ │ └── Contents.json │ │ ├── lemonA3.colorset │ │ │ └── Contents.json │ │ ├── lemonA4.colorset │ │ │ └── Contents.json │ │ ├── lemonA5.colorset │ │ │ └── Contents.json │ │ ├── lemonA6.colorset │ │ │ └── Contents.json │ │ ├── lemonA7.colorset │ │ │ └── Contents.json │ │ ├── lemonA8.colorset │ │ │ └── Contents.json │ │ ├── lemonA9.colorset │ │ │ └── Contents.json │ │ ├── lime1.colorset │ │ │ └── Contents.json │ │ ├── lime10.colorset │ │ │ └── Contents.json │ │ ├── lime11.colorset │ │ │ └── Contents.json │ │ ├── lime12.colorset │ │ │ └── Contents.json │ │ ├── lime2.colorset │ │ │ └── Contents.json │ │ ├── lime3.colorset │ │ │ └── Contents.json │ │ ├── lime4.colorset │ │ │ └── Contents.json │ │ ├── lime5.colorset │ │ │ └── Contents.json │ │ ├── lime6.colorset │ │ │ └── Contents.json │ │ ├── lime7.colorset │ │ │ └── Contents.json │ │ ├── lime8.colorset │ │ │ └── Contents.json │ │ ├── lime9.colorset │ │ │ └── Contents.json │ │ ├── lime9contrast.colorset │ │ │ └── Contents.json │ │ ├── limeA1.colorset │ │ │ └── Contents.json │ │ ├── limeA10.colorset │ │ │ └── Contents.json │ │ ├── limeA11.colorset │ │ │ └── Contents.json │ │ ├── limeA12.colorset │ │ │ └── Contents.json │ │ ├── limeA2.colorset │ │ │ └── Contents.json │ │ ├── limeA3.colorset │ │ │ └── Contents.json │ │ ├── limeA4.colorset │ │ │ └── Contents.json │ │ ├── limeA5.colorset │ │ │ └── Contents.json │ │ ├── limeA6.colorset │ │ │ └── Contents.json │ │ ├── limeA7.colorset │ │ │ └── Contents.json │ │ ├── limeA8.colorset │ │ │ └── Contents.json │ │ ├── limeA9.colorset │ │ │ └── Contents.json │ │ ├── magenta1.colorset │ │ │ └── Contents.json │ │ ├── magenta10.colorset │ │ │ └── Contents.json │ │ ├── magenta11.colorset │ │ │ └── Contents.json │ │ ├── magenta12.colorset │ │ │ └── Contents.json │ │ ├── magenta2.colorset │ │ │ └── Contents.json │ │ ├── magenta3.colorset │ │ │ └── Contents.json │ │ ├── magenta4.colorset │ │ │ └── Contents.json │ │ ├── magenta5.colorset │ │ │ └── Contents.json │ │ ├── magenta6.colorset │ │ │ └── Contents.json │ │ ├── magenta7.colorset │ │ │ └── Contents.json │ │ ├── magenta8.colorset │ │ │ └── Contents.json │ │ ├── magenta9.colorset │ │ │ └── Contents.json │ │ ├── magenta9contrast.colorset │ │ │ └── Contents.json │ │ ├── magentaA1.colorset │ │ │ └── Contents.json │ │ ├── magentaA10.colorset │ │ │ └── Contents.json │ │ ├── magentaA11.colorset │ │ │ └── Contents.json │ │ ├── magentaA12.colorset │ │ │ └── Contents.json │ │ ├── magentaA2.colorset │ │ │ └── Contents.json │ │ ├── magentaA3.colorset │ │ │ └── Contents.json │ │ ├── magentaA4.colorset │ │ │ └── Contents.json │ │ ├── magentaA5.colorset │ │ │ └── Contents.json │ │ ├── magentaA6.colorset │ │ │ └── Contents.json │ │ ├── magentaA7.colorset │ │ │ └── Contents.json │ │ ├── magentaA8.colorset │ │ │ └── Contents.json │ │ ├── magentaA9.colorset │ │ │ └── Contents.json │ │ ├── mint1.colorset │ │ │ └── Contents.json │ │ ├── mint10.colorset │ │ │ └── Contents.json │ │ ├── mint11.colorset │ │ │ └── Contents.json │ │ ├── mint12.colorset │ │ │ └── Contents.json │ │ ├── mint2.colorset │ │ │ └── Contents.json │ │ ├── mint3.colorset │ │ │ └── Contents.json │ │ ├── mint4.colorset │ │ │ └── Contents.json │ │ ├── mint5.colorset │ │ │ └── Contents.json │ │ ├── mint6.colorset │ │ │ └── Contents.json │ │ ├── mint7.colorset │ │ │ └── Contents.json │ │ ├── mint8.colorset │ │ │ └── Contents.json │ │ ├── mint9.colorset │ │ │ └── Contents.json │ │ ├── mint9contrast.colorset │ │ │ └── Contents.json │ │ ├── mintA1.colorset │ │ │ └── Contents.json │ │ ├── mintA10.colorset │ │ │ └── Contents.json │ │ ├── mintA11.colorset │ │ │ └── Contents.json │ │ ├── mintA12.colorset │ │ │ └── Contents.json │ │ ├── mintA2.colorset │ │ │ └── Contents.json │ │ ├── mintA3.colorset │ │ │ └── Contents.json │ │ ├── mintA4.colorset │ │ │ └── Contents.json │ │ ├── mintA5.colorset │ │ │ └── Contents.json │ │ ├── mintA6.colorset │ │ │ └── Contents.json │ │ ├── mintA7.colorset │ │ │ └── Contents.json │ │ ├── mintA8.colorset │ │ │ └── Contents.json │ │ ├── mintA9.colorset │ │ │ └── Contents.json │ │ ├── orange1.colorset │ │ │ └── Contents.json │ │ ├── orange10.colorset │ │ │ └── Contents.json │ │ ├── orange11.colorset │ │ │ └── Contents.json │ │ ├── orange12.colorset │ │ │ └── Contents.json │ │ ├── orange2.colorset │ │ │ └── Contents.json │ │ ├── orange3.colorset │ │ │ └── Contents.json │ │ ├── orange4.colorset │ │ │ └── Contents.json │ │ ├── orange5.colorset │ │ │ └── Contents.json │ │ ├── orange6.colorset │ │ │ └── Contents.json │ │ ├── orange7.colorset │ │ │ └── Contents.json │ │ ├── orange8.colorset │ │ │ └── Contents.json │ │ ├── orange9.colorset │ │ │ └── Contents.json │ │ ├── orange9contrast.colorset │ │ │ └── Contents.json │ │ ├── orangeA1.colorset │ │ │ └── Contents.json │ │ ├── orangeA10.colorset │ │ │ └── Contents.json │ │ ├── orangeA11.colorset │ │ │ └── Contents.json │ │ ├── orangeA12.colorset │ │ │ └── Contents.json │ │ ├── orangeA2.colorset │ │ │ └── Contents.json │ │ ├── orangeA3.colorset │ │ │ └── Contents.json │ │ ├── orangeA4.colorset │ │ │ └── Contents.json │ │ ├── orangeA5.colorset │ │ │ └── Contents.json │ │ ├── orangeA6.colorset │ │ │ └── Contents.json │ │ ├── orangeA7.colorset │ │ │ └── Contents.json │ │ ├── orangeA8.colorset │ │ │ └── Contents.json │ │ ├── orangeA9.colorset │ │ │ └── Contents.json │ │ ├── pink1.colorset │ │ │ └── Contents.json │ │ ├── pink10.colorset │ │ │ └── Contents.json │ │ ├── pink11.colorset │ │ │ └── Contents.json │ │ ├── pink12.colorset │ │ │ └── Contents.json │ │ ├── pink2.colorset │ │ │ └── Contents.json │ │ ├── pink3.colorset │ │ │ └── Contents.json │ │ ├── pink4.colorset │ │ │ └── Contents.json │ │ ├── pink5.colorset │ │ │ └── Contents.json │ │ ├── pink6.colorset │ │ │ └── Contents.json │ │ ├── pink7.colorset │ │ │ └── Contents.json │ │ ├── pink8.colorset │ │ │ └── Contents.json │ │ ├── pink9.colorset │ │ │ └── Contents.json │ │ ├── pink9contrast.colorset │ │ │ └── Contents.json │ │ ├── pinkA1.colorset │ │ │ └── Contents.json │ │ ├── pinkA10.colorset │ │ │ └── Contents.json │ │ ├── pinkA11.colorset │ │ │ └── Contents.json │ │ ├── pinkA12.colorset │ │ │ └── Contents.json │ │ ├── pinkA2.colorset │ │ │ └── Contents.json │ │ ├── pinkA3.colorset │ │ │ └── Contents.json │ │ ├── pinkA4.colorset │ │ │ └── Contents.json │ │ ├── pinkA5.colorset │ │ │ └── Contents.json │ │ ├── pinkA6.colorset │ │ │ └── Contents.json │ │ ├── pinkA7.colorset │ │ │ └── Contents.json │ │ ├── pinkA8.colorset │ │ │ └── Contents.json │ │ ├── pinkA9.colorset │ │ │ └── Contents.json │ │ ├── plum1.colorset │ │ │ └── Contents.json │ │ ├── plum10.colorset │ │ │ └── Contents.json │ │ ├── plum11.colorset │ │ │ └── Contents.json │ │ ├── plum12.colorset │ │ │ └── Contents.json │ │ ├── plum2.colorset │ │ │ └── Contents.json │ │ ├── plum3.colorset │ │ │ └── Contents.json │ │ ├── plum4.colorset │ │ │ └── Contents.json │ │ ├── plum5.colorset │ │ │ └── Contents.json │ │ ├── plum6.colorset │ │ │ └── Contents.json │ │ ├── plum7.colorset │ │ │ └── Contents.json │ │ ├── plum8.colorset │ │ │ └── Contents.json │ │ ├── plum9.colorset │ │ │ └── Contents.json │ │ ├── plum9contrast.colorset │ │ │ └── Contents.json │ │ ├── plumA1.colorset │ │ │ └── Contents.json │ │ ├── plumA10.colorset │ │ │ └── Contents.json │ │ ├── plumA11.colorset │ │ │ └── Contents.json │ │ ├── plumA12.colorset │ │ │ └── Contents.json │ │ ├── plumA2.colorset │ │ │ └── Contents.json │ │ ├── plumA3.colorset │ │ │ └── Contents.json │ │ ├── plumA4.colorset │ │ │ └── Contents.json │ │ ├── plumA5.colorset │ │ │ └── Contents.json │ │ ├── plumA6.colorset │ │ │ └── Contents.json │ │ ├── plumA7.colorset │ │ │ └── Contents.json │ │ ├── plumA8.colorset │ │ │ └── Contents.json │ │ ├── plumA9.colorset │ │ │ └── Contents.json │ │ ├── purple1.colorset │ │ │ └── Contents.json │ │ ├── purple10.colorset │ │ │ └── Contents.json │ │ ├── purple11.colorset │ │ │ └── Contents.json │ │ ├── purple12.colorset │ │ │ └── Contents.json │ │ ├── purple2.colorset │ │ │ └── Contents.json │ │ ├── purple3.colorset │ │ │ └── Contents.json │ │ ├── purple4.colorset │ │ │ └── Contents.json │ │ ├── purple5.colorset │ │ │ └── Contents.json │ │ ├── purple6.colorset │ │ │ └── Contents.json │ │ ├── purple7.colorset │ │ │ └── Contents.json │ │ ├── purple8.colorset │ │ │ └── Contents.json │ │ ├── purple9.colorset │ │ │ └── Contents.json │ │ ├── purple9contrast.colorset │ │ │ └── Contents.json │ │ ├── purpleA1.colorset │ │ │ └── Contents.json │ │ ├── purpleA10.colorset │ │ │ └── Contents.json │ │ ├── purpleA11.colorset │ │ │ └── Contents.json │ │ ├── purpleA12.colorset │ │ │ └── Contents.json │ │ ├── purpleA2.colorset │ │ │ └── Contents.json │ │ ├── purpleA3.colorset │ │ │ └── Contents.json │ │ ├── purpleA4.colorset │ │ │ └── Contents.json │ │ ├── purpleA5.colorset │ │ │ └── Contents.json │ │ ├── purpleA6.colorset │ │ │ └── Contents.json │ │ ├── purpleA7.colorset │ │ │ └── Contents.json │ │ ├── purpleA8.colorset │ │ │ └── Contents.json │ │ ├── purpleA9.colorset │ │ │ └── Contents.json │ │ ├── red1.colorset │ │ │ └── Contents.json │ │ ├── red10.colorset │ │ │ └── Contents.json │ │ ├── red11.colorset │ │ │ └── Contents.json │ │ ├── red12.colorset │ │ │ └── Contents.json │ │ ├── red2.colorset │ │ │ └── Contents.json │ │ ├── red3.colorset │ │ │ └── Contents.json │ │ ├── red4.colorset │ │ │ └── Contents.json │ │ ├── red5.colorset │ │ │ └── Contents.json │ │ ├── red6.colorset │ │ │ └── Contents.json │ │ ├── red7.colorset │ │ │ └── Contents.json │ │ ├── red8.colorset │ │ │ └── Contents.json │ │ ├── red9.colorset │ │ │ └── Contents.json │ │ ├── red9contrast.colorset │ │ │ └── Contents.json │ │ ├── redA1.colorset │ │ │ └── Contents.json │ │ ├── redA10.colorset │ │ │ └── Contents.json │ │ ├── redA11.colorset │ │ │ └── Contents.json │ │ ├── redA12.colorset │ │ │ └── Contents.json │ │ ├── redA2.colorset │ │ │ └── Contents.json │ │ ├── redA3.colorset │ │ │ └── Contents.json │ │ ├── redA4.colorset │ │ │ └── Contents.json │ │ ├── redA5.colorset │ │ │ └── Contents.json │ │ ├── redA6.colorset │ │ │ └── Contents.json │ │ ├── redA7.colorset │ │ │ └── Contents.json │ │ ├── redA8.colorset │ │ │ └── Contents.json │ │ ├── redA9.colorset │ │ │ └── Contents.json │ │ ├── ruby1.colorset │ │ │ └── Contents.json │ │ ├── ruby10.colorset │ │ │ └── Contents.json │ │ ├── ruby11.colorset │ │ │ └── Contents.json │ │ ├── ruby12.colorset │ │ │ └── Contents.json │ │ ├── ruby2.colorset │ │ │ └── Contents.json │ │ ├── ruby3.colorset │ │ │ └── Contents.json │ │ ├── ruby4.colorset │ │ │ └── Contents.json │ │ ├── ruby5.colorset │ │ │ └── Contents.json │ │ ├── ruby6.colorset │ │ │ └── Contents.json │ │ ├── ruby7.colorset │ │ │ └── Contents.json │ │ ├── ruby8.colorset │ │ │ └── Contents.json │ │ ├── ruby9.colorset │ │ │ └── Contents.json │ │ ├── ruby9contrast.colorset │ │ │ └── Contents.json │ │ ├── rubyA1.colorset │ │ │ └── Contents.json │ │ ├── rubyA10.colorset │ │ │ └── Contents.json │ │ ├── rubyA11.colorset │ │ │ └── Contents.json │ │ ├── rubyA12.colorset │ │ │ └── Contents.json │ │ ├── rubyA2.colorset │ │ │ └── Contents.json │ │ ├── rubyA3.colorset │ │ │ └── Contents.json │ │ ├── rubyA4.colorset │ │ │ └── Contents.json │ │ ├── rubyA5.colorset │ │ │ └── Contents.json │ │ ├── rubyA6.colorset │ │ │ └── Contents.json │ │ ├── rubyA7.colorset │ │ │ └── Contents.json │ │ ├── rubyA8.colorset │ │ │ └── Contents.json │ │ ├── rubyA9.colorset │ │ │ └── Contents.json │ │ ├── sky1.colorset │ │ │ └── Contents.json │ │ ├── sky10.colorset │ │ │ └── Contents.json │ │ ├── sky11.colorset │ │ │ └── Contents.json │ │ ├── sky12.colorset │ │ │ └── Contents.json │ │ ├── sky2.colorset │ │ │ └── Contents.json │ │ ├── sky3.colorset │ │ │ └── Contents.json │ │ ├── sky4.colorset │ │ │ └── Contents.json │ │ ├── sky5.colorset │ │ │ └── Contents.json │ │ ├── sky6.colorset │ │ │ └── Contents.json │ │ ├── sky7.colorset │ │ │ └── Contents.json │ │ ├── sky8.colorset │ │ │ └── Contents.json │ │ ├── sky9.colorset │ │ │ └── Contents.json │ │ ├── sky9contrast.colorset │ │ │ └── Contents.json │ │ ├── skyA1.colorset │ │ │ └── Contents.json │ │ ├── skyA10.colorset │ │ │ └── Contents.json │ │ ├── skyA11.colorset │ │ │ └── Contents.json │ │ ├── skyA12.colorset │ │ │ └── Contents.json │ │ ├── skyA2.colorset │ │ │ └── Contents.json │ │ ├── skyA3.colorset │ │ │ └── Contents.json │ │ ├── skyA4.colorset │ │ │ └── Contents.json │ │ ├── skyA5.colorset │ │ │ └── Contents.json │ │ ├── skyA6.colorset │ │ │ └── Contents.json │ │ ├── skyA7.colorset │ │ │ └── Contents.json │ │ ├── skyA8.colorset │ │ │ └── Contents.json │ │ ├── skyA9.colorset │ │ │ └── Contents.json │ │ ├── teal1.colorset │ │ │ └── Contents.json │ │ ├── teal10.colorset │ │ │ └── Contents.json │ │ ├── teal11.colorset │ │ │ └── Contents.json │ │ ├── teal12.colorset │ │ │ └── Contents.json │ │ ├── teal2.colorset │ │ │ └── Contents.json │ │ ├── teal3.colorset │ │ │ └── Contents.json │ │ ├── teal4.colorset │ │ │ └── Contents.json │ │ ├── teal5.colorset │ │ │ └── Contents.json │ │ ├── teal6.colorset │ │ │ └── Contents.json │ │ ├── teal7.colorset │ │ │ └── Contents.json │ │ ├── teal8.colorset │ │ │ └── Contents.json │ │ ├── teal9.colorset │ │ │ └── Contents.json │ │ ├── teal9contrast.colorset │ │ │ └── Contents.json │ │ ├── tealA1.colorset │ │ │ └── Contents.json │ │ ├── tealA10.colorset │ │ │ └── Contents.json │ │ ├── tealA11.colorset │ │ │ └── Contents.json │ │ ├── tealA12.colorset │ │ │ └── Contents.json │ │ ├── tealA2.colorset │ │ │ └── Contents.json │ │ ├── tealA3.colorset │ │ │ └── Contents.json │ │ ├── tealA4.colorset │ │ │ └── Contents.json │ │ ├── tealA5.colorset │ │ │ └── Contents.json │ │ ├── tealA6.colorset │ │ │ └── Contents.json │ │ ├── tealA7.colorset │ │ │ └── Contents.json │ │ ├── tealA8.colorset │ │ │ └── Contents.json │ │ ├── tealA9.colorset │ │ │ └── Contents.json │ │ ├── tomato1.colorset │ │ │ └── Contents.json │ │ ├── tomato10.colorset │ │ │ └── Contents.json │ │ ├── tomato11.colorset │ │ │ └── Contents.json │ │ ├── tomato12.colorset │ │ │ └── Contents.json │ │ ├── tomato2.colorset │ │ │ └── Contents.json │ │ ├── tomato3.colorset │ │ │ └── Contents.json │ │ ├── tomato4.colorset │ │ │ └── Contents.json │ │ ├── tomato5.colorset │ │ │ └── Contents.json │ │ ├── tomato6.colorset │ │ │ └── Contents.json │ │ ├── tomato7.colorset │ │ │ └── Contents.json │ │ ├── tomato8.colorset │ │ │ └── Contents.json │ │ ├── tomato9.colorset │ │ │ └── Contents.json │ │ ├── tomato9contrast.colorset │ │ │ └── Contents.json │ │ ├── tomatoA1.colorset │ │ │ └── Contents.json │ │ ├── tomatoA10.colorset │ │ │ └── Contents.json │ │ ├── tomatoA11.colorset │ │ │ └── Contents.json │ │ ├── tomatoA12.colorset │ │ │ └── Contents.json │ │ ├── tomatoA2.colorset │ │ │ └── Contents.json │ │ ├── tomatoA3.colorset │ │ │ └── Contents.json │ │ ├── tomatoA4.colorset │ │ │ └── Contents.json │ │ ├── tomatoA5.colorset │ │ │ └── Contents.json │ │ ├── tomatoA6.colorset │ │ │ └── Contents.json │ │ ├── tomatoA7.colorset │ │ │ └── Contents.json │ │ ├── tomatoA8.colorset │ │ │ └── Contents.json │ │ ├── tomatoA9.colorset │ │ │ └── Contents.json │ │ ├── violet1.colorset │ │ │ └── Contents.json │ │ ├── violet10.colorset │ │ │ └── Contents.json │ │ ├── violet11.colorset │ │ │ └── Contents.json │ │ ├── violet12.colorset │ │ │ └── Contents.json │ │ ├── violet2.colorset │ │ │ └── Contents.json │ │ ├── violet3.colorset │ │ │ └── Contents.json │ │ ├── violet4.colorset │ │ │ └── Contents.json │ │ ├── violet5.colorset │ │ │ └── Contents.json │ │ ├── violet6.colorset │ │ │ └── Contents.json │ │ ├── violet7.colorset │ │ │ └── Contents.json │ │ ├── violet8.colorset │ │ │ └── Contents.json │ │ ├── violet9.colorset │ │ │ └── Contents.json │ │ ├── violet9contrast.colorset │ │ │ └── Contents.json │ │ ├── violetA1.colorset │ │ │ └── Contents.json │ │ ├── violetA10.colorset │ │ │ └── Contents.json │ │ ├── violetA11.colorset │ │ │ └── Contents.json │ │ ├── violetA12.colorset │ │ │ └── Contents.json │ │ ├── violetA2.colorset │ │ │ └── Contents.json │ │ ├── violetA3.colorset │ │ │ └── Contents.json │ │ ├── violetA4.colorset │ │ │ └── Contents.json │ │ ├── violetA5.colorset │ │ │ └── Contents.json │ │ ├── violetA6.colorset │ │ │ └── Contents.json │ │ ├── violetA7.colorset │ │ │ └── Contents.json │ │ ├── violetA8.colorset │ │ │ └── Contents.json │ │ ├── violetA9.colorset │ │ │ └── Contents.json │ │ ├── whiteA1.colorset │ │ │ └── Contents.json │ │ ├── whiteA10.colorset │ │ │ └── Contents.json │ │ ├── whiteA11.colorset │ │ │ └── Contents.json │ │ ├── whiteA12.colorset │ │ │ └── Contents.json │ │ ├── whiteA2.colorset │ │ │ └── Contents.json │ │ ├── whiteA3.colorset │ │ │ └── Contents.json │ │ ├── whiteA4.colorset │ │ │ └── Contents.json │ │ ├── whiteA5.colorset │ │ │ └── Contents.json │ │ ├── whiteA6.colorset │ │ │ └── Contents.json │ │ ├── whiteA7.colorset │ │ │ └── Contents.json │ │ ├── whiteA8.colorset │ │ │ └── Contents.json │ │ ├── whiteA9.colorset │ │ │ └── Contents.json │ │ ├── yellow1.colorset │ │ │ └── Contents.json │ │ ├── yellow10.colorset │ │ │ └── Contents.json │ │ ├── yellow11.colorset │ │ │ └── Contents.json │ │ ├── yellow12.colorset │ │ │ └── Contents.json │ │ ├── yellow2.colorset │ │ │ └── Contents.json │ │ ├── yellow3.colorset │ │ │ └── Contents.json │ │ ├── yellow4.colorset │ │ │ └── Contents.json │ │ ├── yellow5.colorset │ │ │ └── Contents.json │ │ ├── yellow6.colorset │ │ │ └── Contents.json │ │ ├── yellow7.colorset │ │ │ └── Contents.json │ │ ├── yellow8.colorset │ │ │ └── Contents.json │ │ ├── yellow9.colorset │ │ │ └── Contents.json │ │ ├── yellow9contrast.colorset │ │ │ └── Contents.json │ │ ├── yellowA1.colorset │ │ │ └── Contents.json │ │ ├── yellowA10.colorset │ │ │ └── Contents.json │ │ ├── yellowA11.colorset │ │ │ └── Contents.json │ │ ├── yellowA12.colorset │ │ │ └── Contents.json │ │ ├── yellowA2.colorset │ │ │ └── Contents.json │ │ ├── yellowA3.colorset │ │ │ └── Contents.json │ │ ├── yellowA4.colorset │ │ │ └── Contents.json │ │ ├── yellowA5.colorset │ │ │ └── Contents.json │ │ ├── yellowA6.colorset │ │ │ └── Contents.json │ │ ├── yellowA7.colorset │ │ │ └── Contents.json │ │ ├── yellowA8.colorset │ │ │ └── Contents.json │ │ └── yellowA9.colorset │ │ │ └── Contents.json │ ├── frosted-ui-swift-colors.zip │ ├── kotlin-colors │ │ └── Color.kt │ ├── package.json │ └── scripts │ │ └── generate-colors.js ├── frosted-ui │ ├── .browserslistrc │ ├── .eslintrc.js │ ├── .storybook │ │ ├── main.ts │ │ ├── preview-head.html │ │ ├── preview.tsx │ │ └── stories │ │ │ ├── 01.GettingStarted.mdx │ │ │ ├── 02.Typography.mdx │ │ │ ├── 03.Color.mdx │ │ │ ├── 04.Breakpoints.mdx │ │ │ ├── 05.Tailwind.mdx │ │ │ ├── 06.Icons.mdx │ │ │ ├── Introduction.mdx │ │ │ ├── assets │ │ │ └── hero.png │ │ │ └── components │ │ │ ├── accessible-icon.stories.tsx │ │ │ ├── accordion.stories.tsx │ │ │ ├── alert-dialog.stories.tsx │ │ │ ├── aspectRatio.stories.tsx │ │ │ ├── avatar-group.stories.tsx │ │ │ ├── avatar.stories.tsx │ │ │ ├── badge.stories.tsx │ │ │ ├── blockquote.stories.tsx │ │ │ ├── breadcrumbs.stories.tsx │ │ │ ├── button.stories.tsx │ │ │ ├── calendar.stories.tsx │ │ │ ├── callout.stories.tsx │ │ │ ├── card.stories.tsx │ │ │ ├── checkbox.stories.tsx │ │ │ ├── circular-progress.stories.tsx │ │ │ ├── code.stories.tsx │ │ │ ├── context-menu.stories.tsx │ │ │ ├── data-list.stories.tsx │ │ │ ├── date-field.stories.tsx │ │ │ ├── date-picker.stories.tsx │ │ │ ├── date-range-picker.stories.tsx │ │ │ ├── dialog.stories.tsx │ │ │ ├── drawer.stories.tsx │ │ │ ├── dropdown-menu.stories.tsx │ │ │ ├── em.stories.tsx │ │ │ ├── filter-chip.stories.tsx │ │ │ ├── frosted-ui-icons.stories.tsx │ │ │ ├── heading.stories.tsx │ │ │ ├── hover-card.stories.tsx │ │ │ ├── icon-button.stories.tsx │ │ │ ├── inset.stories.tsx │ │ │ ├── kbd.stories.tsx │ │ │ ├── link.stories.tsx │ │ │ ├── otp-field.stories.tsx │ │ │ ├── popover.stories.tsx │ │ │ ├── portal.stories.tsx │ │ │ ├── progress.stories.tsx │ │ │ ├── quote.stories.tsx │ │ │ ├── radio-button-group.stories.tsx │ │ │ ├── radio-group.stories.tsx │ │ │ ├── range-calendar.stories.tsx │ │ │ ├── scroll-area.stories.tsx │ │ │ ├── scrollbars.stories.tsx │ │ │ ├── segmented-control-nav.stories.tsx │ │ │ ├── segmented-control-radio-group.stories.tsx │ │ │ ├── segmented-control.stories.tsx │ │ │ ├── select.stories.tsx │ │ │ ├── separator.stories.tsx │ │ │ ├── sheet.stories.tsx │ │ │ ├── shine.stories.tsx │ │ │ ├── skeleton.stories.tsx │ │ │ ├── slider.stories.tsx │ │ │ ├── slot.stories.tsx │ │ │ ├── spinner.stories.tsx │ │ │ ├── stacked-horizontal-bar-chart.stories.tsx │ │ │ ├── strong.stories.tsx │ │ │ ├── switch.stories.tsx │ │ │ ├── table.stories.tsx │ │ │ ├── tabs-nav.stories.tsx │ │ │ ├── tabs.stories.tsx │ │ │ ├── text-area.stories.tsx │ │ │ ├── text-field.stories.tsx │ │ │ ├── text.stories.tsx │ │ │ ├── theme.stories.tsx │ │ │ ├── tooltip.stories.tsx │ │ │ ├── visually-hidden.stories.tsx │ │ │ └── widget-stack.stories.tsx │ ├── .stylelintrc.js │ ├── README.md │ ├── changelog.md │ ├── package.json │ ├── postcss-frosted-ui.js │ ├── postcss.config.js │ ├── src │ │ ├── components │ │ │ ├── accessible-icon.tsx │ │ │ ├── alert-dialog.css │ │ │ ├── alert-dialog.props.ts │ │ │ ├── alert-dialog.tsx │ │ │ ├── aspectRatio.tsx │ │ │ ├── avatar-group.css │ │ │ ├── avatar-group.props.ts │ │ │ ├── avatar-group.tsx │ │ │ ├── avatar.css │ │ │ ├── avatar.props.ts │ │ │ ├── avatar.tsx │ │ │ ├── badge.css │ │ │ ├── badge.props.ts │ │ │ ├── badge.tsx │ │ │ ├── base-button.css │ │ │ ├── base-button.props.ts │ │ │ ├── base-button.tsx │ │ │ ├── base-menu.css │ │ │ ├── base-menu.props.ts │ │ │ ├── base-segmented-control-list.css │ │ │ ├── base-tabs-list.css │ │ │ ├── base-tabs-list.props.ts │ │ │ ├── blockquote.css │ │ │ ├── blockquote.props.ts │ │ │ ├── blockquote.tsx │ │ │ ├── button.css │ │ │ ├── button.props.ts │ │ │ ├── button.tsx │ │ │ ├── calendar.css │ │ │ ├── calendar.tsx │ │ │ ├── callout.css │ │ │ ├── callout.props.ts │ │ │ ├── callout.tsx │ │ │ ├── card.css │ │ │ ├── card.props.ts │ │ │ ├── card.tsx │ │ │ ├── checkbox.css │ │ │ ├── checkbox.props.ts │ │ │ ├── checkbox.tsx │ │ │ ├── circular-progress.css │ │ │ ├── circular-progress.props.ts │ │ │ ├── circular-progress.tsx │ │ │ ├── code.css │ │ │ ├── code.props.ts │ │ │ ├── code.tsx │ │ │ ├── context-menu.css │ │ │ ├── context-menu.props.ts │ │ │ ├── context-menu.tsx │ │ │ ├── data-list.css │ │ │ ├── data-list.props.ts │ │ │ ├── data-list.tsx │ │ │ ├── date-field.css │ │ │ ├── date-field.props.ts │ │ │ ├── date-field.tsx │ │ │ ├── date-picker.css │ │ │ ├── date-picker.props.ts │ │ │ ├── date-picker.tsx │ │ │ ├── date-range-picker.css │ │ │ ├── date-range-picker.props.ts │ │ │ ├── date-range-picker.tsx │ │ │ ├── dialog.css │ │ │ ├── dialog.props.ts │ │ │ ├── dialog.tsx │ │ │ ├── drawer.css │ │ │ ├── drawer.props.ts │ │ │ ├── drawer.tsx │ │ │ ├── dropdown-menu.css │ │ │ ├── dropdown-menu.props.ts │ │ │ ├── dropdown-menu.tsx │ │ │ ├── em.css │ │ │ ├── em.tsx │ │ │ ├── filter-chip.css │ │ │ ├── filter-chip.props.ts │ │ │ ├── filter-chip.tsx │ │ │ ├── heading.css │ │ │ ├── heading.props.ts │ │ │ ├── heading.tsx │ │ │ ├── hover-card.css │ │ │ ├── hover-card.props.ts │ │ │ ├── hover-card.tsx │ │ │ ├── icon-button.css │ │ │ ├── icon-button.props.ts │ │ │ ├── icon-button.tsx │ │ │ ├── index.ts │ │ │ ├── inset.css │ │ │ ├── inset.props.ts │ │ │ ├── inset.tsx │ │ │ ├── kbd.css │ │ │ ├── kbd.props.ts │ │ │ ├── kbd.tsx │ │ │ ├── lab │ │ │ │ ├── accordion.css │ │ │ │ ├── accordion.tsx │ │ │ │ ├── breadcrumbs.css │ │ │ │ ├── breadcrumbs.props.ts │ │ │ │ ├── breadcrumbs.tsx │ │ │ │ ├── shine.css │ │ │ │ ├── shine.tsx │ │ │ │ ├── skeleton.css │ │ │ │ ├── skeleton.props.ts │ │ │ │ └── skeleton.tsx │ │ │ ├── link.css │ │ │ ├── link.props.ts │ │ │ ├── link.tsx │ │ │ ├── otp-field.css │ │ │ ├── otp-field.tsx │ │ │ ├── popover.css │ │ │ ├── popover.props.ts │ │ │ ├── popover.tsx │ │ │ ├── portal.tsx │ │ │ ├── progress.css │ │ │ ├── progress.props.ts │ │ │ ├── progress.tsx │ │ │ ├── quote.css │ │ │ ├── quote.tsx │ │ │ ├── radio-button-group.css │ │ │ ├── radio-button-group.props.ts │ │ │ ├── radio-button-group.tsx │ │ │ ├── radio-group.css │ │ │ ├── radio-group.props.ts │ │ │ ├── radio-group.tsx │ │ │ ├── scroll-area.css │ │ │ ├── scroll-area.props.ts │ │ │ ├── scroll-area.tsx │ │ │ ├── segmented-control-nav.css │ │ │ ├── segmented-control-nav.props.ts │ │ │ ├── segmented-control-nav.tsx │ │ │ ├── segmented-control-radio-group.css │ │ │ ├── segmented-control-radio-group.tsx │ │ │ ├── segmented-control.css │ │ │ ├── segmented-control.tsx │ │ │ ├── select.css │ │ │ ├── select.props.ts │ │ │ ├── select.tsx │ │ │ ├── separator.css │ │ │ ├── separator.props.ts │ │ │ ├── separator.tsx │ │ │ ├── sheet.css │ │ │ ├── sheet.tsx │ │ │ ├── slider.css │ │ │ ├── slider.props.ts │ │ │ ├── slider.tsx │ │ │ ├── slot.tsx │ │ │ ├── spinner.css │ │ │ ├── spinner.props.ts │ │ │ ├── spinner.tsx │ │ │ ├── stacked-horizontal-bar-chart.css │ │ │ ├── stacked-horizontal-bar-chart.tsx │ │ │ ├── strong.css │ │ │ ├── strong.tsx │ │ │ ├── switch.css │ │ │ ├── switch.props.ts │ │ │ ├── switch.tsx │ │ │ ├── table.css │ │ │ ├── table.props.ts │ │ │ ├── table.tsx │ │ │ ├── tabs-nav.css │ │ │ ├── tabs-nav.props.ts │ │ │ ├── tabs-nav.tsx │ │ │ ├── tabs.css │ │ │ ├── tabs.props.ts │ │ │ ├── tabs.tsx │ │ │ ├── text-area.css │ │ │ ├── text-area.props.ts │ │ │ ├── text-area.tsx │ │ │ ├── text-field.css │ │ │ ├── text-field.props.ts │ │ │ ├── text-field.tsx │ │ │ ├── text.css │ │ │ ├── text.props.ts │ │ │ ├── text.tsx │ │ │ ├── tooltip.css │ │ │ ├── tooltip.props.ts │ │ │ ├── tooltip.tsx │ │ │ ├── visually-hidden.tsx │ │ │ ├── widget-stack.css │ │ │ ├── widget-stack.props.ts │ │ │ └── widget-stack.tsx │ │ ├── forked-primitives │ │ │ └── avatar.tsx │ │ ├── helpers │ │ │ ├── breakpoints.ts │ │ │ ├── extract-props-for-tag.ts │ │ │ ├── get-initials.ts │ │ │ ├── get-subtree.ts │ │ │ ├── has-own-property.ts │ │ │ ├── index.ts │ │ │ ├── map-prop-values.ts │ │ │ ├── nice-intersection.ts │ │ │ ├── props │ │ │ │ ├── as-child.prop.ts │ │ │ │ ├── color.prop.ts │ │ │ │ ├── high-contrast.prop.ts │ │ │ │ ├── index.ts │ │ │ │ ├── leading-trim.prop.ts │ │ │ │ ├── prop-def.ts │ │ │ │ ├── text-align.prop.ts │ │ │ │ └── weight.prop.ts │ │ │ ├── radix-colors.ts │ │ │ └── use-isomorphic-layout-effect.ts │ │ ├── icons.tsx │ │ ├── index.ts │ │ ├── styles │ │ │ ├── animations.css │ │ │ ├── breakpoints.css │ │ │ ├── fonts.css │ │ │ ├── index.css │ │ │ ├── reset.css │ │ │ ├── scrollbars.css │ │ │ ├── tokens │ │ │ │ ├── color.css │ │ │ │ ├── cursor.css │ │ │ │ ├── radius.css │ │ │ │ ├── semantic-color.css │ │ │ │ ├── shadow.css │ │ │ │ ├── space.css │ │ │ │ └── typography.css │ │ │ └── utilities │ │ │ │ ├── font-weight.css │ │ │ │ ├── leading-trim.css │ │ │ │ ├── text-align.css │ │ │ │ └── vertical-align.css │ │ ├── tailwind-plugin.ts │ │ ├── theme-options.tsx │ │ ├── theme-panel.css │ │ ├── theme-panel.tsx │ │ ├── theme.tsx │ │ └── use-theme-events.ts │ ├── tsconfig-cjs.json │ ├── tsconfig-esm.json │ ├── tsconfig.json │ └── vercel.json ├── generate-icon-lib │ ├── .eslintrc.js │ ├── .gitignore │ ├── README.md │ ├── index.js │ ├── license.md │ ├── package.json │ ├── src │ │ ├── cli.ts │ │ ├── consts.ts │ │ ├── services.ts │ │ ├── templates │ │ │ ├── entry.tsx.ejs │ │ │ ├── named-icon.tsx.ejs │ │ │ └── types.tsx │ │ ├── types.ts │ │ ├── utils.ts │ │ └── view.tsx │ └── tsconfig.json └── tsconfig │ ├── README.md │ ├── base.json │ └── package.json ├── pnpm-lock.yaml ├── pnpm-workspace.yaml └── turbo.json /.eslintignore: -------------------------------------------------------------------------------- 1 | .eslintrc.js 2 | dist 3 | out 4 | -------------------------------------------------------------------------------- /.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | // This tells ESLint to load the config from the package `eslint-config-custom` 4 | extends: ['custom'], 5 | settings: { 6 | next: { 7 | rootDir: ['apps/*/'], 8 | }, 9 | }, 10 | }; 11 | -------------------------------------------------------------------------------- /.github/.kodiak.toml: -------------------------------------------------------------------------------- 1 | # .kodiak.toml 2 | version = 1 3 | 4 | [merge] 5 | automerge_label = "ship it" 6 | require_automerge_label = false 7 | method = "squash" 8 | delete_branch_on_merge = true 9 | optimistic_updates = true 10 | prioritize_ready_to_merge = true 11 | notify_on_conflict = false 12 | blocking_labels = ["no automerge"] 13 | 14 | [merge.message] 15 | title = "pull_request_title" 16 | body = "pull_request_body" 17 | include_coauthors = false 18 | include_pr_number = true 19 | body_type = "markdown" 20 | strip_html_comments = true 21 | 22 | [update] 23 | autoupdate_label = "keep up-to-date" 24 | -------------------------------------------------------------------------------- /.github/CODEOWNERS: -------------------------------------------------------------------------------- 1 | * @baked-dev @Wyatt-SG @fraserdale @arturbien 2 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: false 2 | contact_links: 3 | - name: Request new component 4 | url: https://github.com/whopio/frosted-ui/discussions/new?category=new-component 5 | about: Request a component to be added to Frosted UI 6 | - name: Request documentation 7 | url: https://github.com/whopio/frosted-ui/discussions/new?category=documentation 8 | about: Request documentation enhancements or changes 9 | -------------------------------------------------------------------------------- /.npmrc: -------------------------------------------------------------------------------- 1 | auto-install-peers=true -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "arrowParens": "always", 3 | "bracketSameLine": false, 4 | "printWidth": 120, 5 | "semi": true, 6 | "singleQuote": true, 7 | "tabWidth": 2, 8 | "trailingComma": "all" 9 | } 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ./packages/frosted-ui/README.md -------------------------------------------------------------------------------- /apps/tailwind/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: ['custom'], 4 | globals: { 5 | module: 'readonly', 6 | }, 7 | }; 8 | -------------------------------------------------------------------------------- /apps/tailwind/.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # next.js 12 | /.next/ 13 | /out/ 14 | 15 | # production 16 | /build 17 | 18 | # misc 19 | .DS_Store 20 | *.pem 21 | 22 | # debug 23 | npm-debug.log* 24 | yarn-debug.log* 25 | yarn-error.log* 26 | 27 | # local env files 28 | .env.local 29 | .env.development.local 30 | .env.test.local 31 | .env.production.local 32 | 33 | # vercel 34 | .vercel 35 | -------------------------------------------------------------------------------- /apps/tailwind/app/api/avatar/route.ts: -------------------------------------------------------------------------------- 1 | import { NextResponse } from 'next/server'; 2 | 3 | async function wait(ms: number) { 4 | return new Promise((resolve) => setTimeout(resolve, ms)); 5 | } 6 | 7 | export async function GET() { 8 | await wait(1000); 9 | return NextResponse.redirect('https://images.unsplash.com/photo-1492633423870-43d1cd2775eb?&w=160&h=160&dpr=2&q=80'); 10 | } 11 | -------------------------------------------------------------------------------- /apps/tailwind/app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/whopio/frosted-ui/054db9d0e1e772d057078461f5c6198db091cb79/apps/tailwind/app/favicon.ico -------------------------------------------------------------------------------- /apps/tailwind/app/layout.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | import './globals.css'; 3 | 4 | export const metadata = { 5 | title: 'Frosted UI playground', 6 | description: 'A playground of Frosted UI components', 7 | }; 8 | 9 | export default function RootLayout({ children }: { children: React.ReactNode }) { 10 | return children; 11 | } 12 | -------------------------------------------------------------------------------- /apps/tailwind/app/next-theme-provider.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | import { ThemeProvider } from 'next-themes'; 4 | 5 | export function NextThemeProvider({ children }) { 6 | return {children}; 7 | } 8 | -------------------------------------------------------------------------------- /apps/tailwind/fonts/InterVariable-Italic.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/whopio/frosted-ui/054db9d0e1e772d057078461f5c6198db091cb79/apps/tailwind/fonts/InterVariable-Italic.woff2 -------------------------------------------------------------------------------- /apps/tailwind/fonts/InterVariable.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/whopio/frosted-ui/054db9d0e1e772d057078461f5c6198db091cb79/apps/tailwind/fonts/InterVariable.woff2 -------------------------------------------------------------------------------- /apps/tailwind/next-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | /// 3 | 4 | // NOTE: This file should not be edited 5 | // see https://nextjs.org/docs/basic-features/typescript for more information. 6 | -------------------------------------------------------------------------------- /apps/tailwind/next.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('next').NextConfig} */ 2 | const nextConfig = { 3 | reactStrictMode: true, 4 | transpilePackages: ['frosted-ui'], 5 | async redirects() { 6 | return [ 7 | { 8 | source: '/', 9 | destination: '/dashboard', 10 | permanent: false, 11 | }, 12 | ]; 13 | }, 14 | }; 15 | 16 | module.exports = nextConfig; 17 | -------------------------------------------------------------------------------- /apps/tailwind/postcss.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | plugins: { 3 | '@tailwindcss/postcss': {}, 4 | }, 5 | }; 6 | -------------------------------------------------------------------------------- /apps/tailwind/tailwind.config.js: -------------------------------------------------------------------------------- 1 | import { frostedThemePlugin } from 'frosted-ui'; 2 | 3 | export default { 4 | darkMode: ['class'], 5 | content: [ 6 | './app/**/*.{js,ts,jsx,tsx,mdx}', 7 | './pages/**/*.{js,ts,jsx,tsx,mdx}', 8 | './components/**/*.{js,ts,jsx,tsx,mdx}', 9 | ], 10 | theme: { 11 | extend: {}, 12 | }, 13 | plugins: [frostedThemePlugin()], 14 | }; 15 | -------------------------------------------------------------------------------- /packages/eslint-config-custom/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | extends: ['prettier', 'eslint:recommended', 'plugin:@typescript-eslint/recommended'], 3 | parser: '@typescript-eslint/parser', 4 | plugins: ['@typescript-eslint'], 5 | }; 6 | -------------------------------------------------------------------------------- /packages/eslint-config-custom/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "eslint-config-custom", 3 | "version": "0.0.0", 4 | "private": true, 5 | "main": ".eslintrc.js", 6 | "license": "MIT", 7 | "dependencies": { 8 | "eslint-config-prettier": "^8.3.0", 9 | "eslint-config-turbo": "latest" 10 | }, 11 | "devDependencies": { 12 | "@typescript-eslint/eslint-plugin": "^5.50.0", 13 | "@typescript-eslint/parser": "^5.50.0", 14 | "eslint": "^7.32.0", 15 | "typescript": "^4.9.4" 16 | }, 17 | "publishConfig": { 18 | "access": "public" 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /packages/frosted-ui-colors/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | /types 3 | .DS_Store 4 | /*.css 5 | index.js 6 | index.mjs 7 | -------------------------------------------------------------------------------- /packages/frosted-ui-colors/.npmignore: -------------------------------------------------------------------------------- 1 | /src/ 2 | /scripts/ 3 | .gitignore 4 | tsconfig.json 5 | rollup.config.js 6 | yarn.lock 7 | pnpm.lock 8 | package-lock.json 9 | -------------------------------------------------------------------------------- /packages/frosted-ui-colors/README.md: -------------------------------------------------------------------------------- 1 | # Frosted UI Colors 2 | 3 | **A gorgeous, accessible color system used by Whop.** 4 | 5 | --- 6 | 7 | ## Documentation 8 | 9 | For full documentation, visit [storybook.whop.dev](https://storybook.whop.dev/?path=/docs/guides-3-color--docs). 10 | 11 | ## Installation 12 | 13 | `pnpm add @frosted-ui/colors` 14 | 15 | ## Acknowledgments 16 | 17 | Frosted UI is heavily based on [Radix Colors](https://www.radix-ui.com/colors). 18 | -------------------------------------------------------------------------------- /packages/frosted-ui-colors/rollup.config.js: -------------------------------------------------------------------------------- 1 | // rollup.config.js 2 | import typescript from '@rollup/plugin-typescript'; 3 | 4 | export default { 5 | input: 'src/index.ts', 6 | output: [ 7 | { 8 | file: 'index.js', 9 | format: 'cjs', 10 | }, 11 | { 12 | file: 'index.mjs', 13 | format: 'es', 14 | }, 15 | ], 16 | plugins: [ 17 | typescript({ 18 | tsconfig: './tsconfig.json', 19 | }), 20 | ], 21 | }; 22 | -------------------------------------------------------------------------------- /packages/frosted-ui-colors/src/index.ts: -------------------------------------------------------------------------------- 1 | export * from './dark'; 2 | export * from './light'; 3 | export * from './blackA'; 4 | export * from './whiteA'; 5 | -------------------------------------------------------------------------------- /packages/frosted-ui-colors/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "outDir": ".", 4 | "declarationDir": "types", 5 | "module": "esnext", 6 | "target": "ES2019", 7 | "lib": ["esnext"], 8 | "declaration": true, 9 | "esModuleInterop": true, 10 | "allowSyntheticDefaultImports": true, 11 | "strict": true, 12 | "forceConsistentCasingInFileNames": true, 13 | "moduleResolution": "node", 14 | "isolatedModules": true 15 | }, 16 | "include": ["./src"], 17 | "exclude": ["/*.css", "/index.js", "/index.mjs"] 18 | } 19 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/.env.example: -------------------------------------------------------------------------------- 1 | FIGMA_ACCESS_TOKEN="" -------------------------------------------------------------------------------- /packages/frosted-ui-icons/.gitignore: -------------------------------------------------------------------------------- 1 | # The repo's directory contents are likely generated, 2 | # so we want to whitelist what we want to keep in git. 3 | 4 | .env 5 | .size-snapshot.json 6 | .rts2* 7 | dist 8 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/frosted-ui-icons.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/whopio/frosted-ui/054db9d0e1e772d057078461f5c6198db091cb79/packages/frosted-ui-icons/frosted-ui-icons.zip -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-center-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-center-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-center-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-center-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-center-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-left-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-left-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-left-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-left-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-left-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-right-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-right-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-right-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-right-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/align-right-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-angle-left-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-angle-left-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-angle-right-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-angle-right-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-left-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-left-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-left-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-left-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-left-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-right-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-right-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-right-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-right-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-down-right-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-fat-up-filled-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-left-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-left-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-left-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-left-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-left-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-right-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-right-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-right-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-right-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-right-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-from-bracket-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-from-bracket-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-from-bracket-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-from-bracket-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-from-bracket-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-left-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-left-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-left-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-left-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-left-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-right-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-right-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-right-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-right-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/arrow-up-right-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/ban-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/ban-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/ban-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/ban-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/ban-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/bar-chart-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/bar-chart-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/bar-chart-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/bar-chart-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/bar-chart-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/book-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/calendar-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/calendar-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/calendar-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/calendar-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/calendar-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/checkmark-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/checkmark-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/checkmark-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/checkmark-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/checkmark-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/checkmark-circle-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/checkmark-circle-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/checkmark-circle-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-down-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-down-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-down-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-down-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-down-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-left-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-left-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-left-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-left-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-left-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-right-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-right-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-right-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-right-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-right-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-up-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-up-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-up-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-up-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/chevron-up-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/clock-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/clock-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/clock-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/clock-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/clock-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/code-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/code-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/code-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/code-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/code-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/compress-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/compress-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/compress-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/compress-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/compress-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/credit-card-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/credit-card-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/credit-card-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/credit-card-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/dashed-circle-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 20 | 21 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/dashed-circle-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 20 | 21 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/dashed-circle-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 20 | 21 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/dashed-circle-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 20 | 21 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/dashed-circle-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 20 | 21 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/download-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/download-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/download-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/download-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/download-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/drag-handle-vertical-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/drag-handle-vertical-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/drag-handle-vertical-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/drag-handle-vertical-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/ethereum-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/export-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/export-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/export-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/export-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/export-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/eye-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/filter-down-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/filter-down-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/filter-down-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/filter-down-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/filter-down-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/heart-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/heart-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/heart-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/heart-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/heart-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/info-filled-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 17 | 18 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/info-filled-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 17 | 18 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/info-filled-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 17 | 18 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/info-filled-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 17 | 18 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/info-filled-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 17 | 18 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/italic-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/italic-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/italic-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/italic-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/italic-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/k-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/k-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/k-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/k-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/k-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/list-number-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/list-number-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/list-number-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/list-number-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/location-pin-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 17 | 18 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/lock-filled-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/mark-as-read-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 22 | 23 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/mark-as-read-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 22 | 23 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/mark-as-read-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 22 | 23 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/mark-as-read-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 22 | 23 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/mark-as-unread-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 22 | 23 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/mark-as-unread-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 22 | 23 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/mark-as-unread-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 22 | 23 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/mobile-phone-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/mobile-phone-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/pause-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/pause-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/pause-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/pause-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/pause-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/pause-circle-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/pause-circle-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 25 | 26 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/percentage-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 17 | 24 | 25 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/play-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/play-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/play-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/play-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/play-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/play-filled-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/play-filled-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/play-filled-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/play-filled-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/play-filled-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/plus-circle-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 24 | 25 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/plus-circle-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 24 | 25 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/plus-circle-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 18 | 24 | 25 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/receipt-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/receipt-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/receipt-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/rotate-left-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/rotate-right-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/rotate-right-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/square-add-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/square-add-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/stats-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/stats-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/stats-26.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/stats-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/subtract-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/subtract-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/subtract-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/subtract-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/subtract-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/three-dots-horizontal-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 18 | 19 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/three-dots-horizontal-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 18 | 19 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/three-dots-vertical-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/three-dots-vertical-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/three-dots-vertical-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/trading-view-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/trading-view-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/trading-view-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/trading-view-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/trading-view-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/typography-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/typography-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/typography-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/typography-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/typography-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/underline-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/underline-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/underline-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/underline-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/underline-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/upload-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/upload-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/upload-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/user-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/user-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/user-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/user-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 10 | 16 | 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/waveform-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/waveform-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/waveform-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/waveform-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/waveform-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/x-circle-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/x-circle-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/x-circle-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/x-circle-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/x-circle-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 15 | 16 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/x-dot-com-12.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/x-dot-com-16.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/x-dot-com-20.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/x-dot-com-24.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/icons/x-dot-com-32.svg: -------------------------------------------------------------------------------- 1 | 9 | 13 | 14 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/index.js: -------------------------------------------------------------------------------- 1 | import module from 'module'; 2 | 3 | export * from './dist/index.js'; 4 | 5 | Object.defineProperty(module.exports, '__esModule', { 6 | value: true, 7 | }); 8 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/src/types.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | 3 | export interface IconProps extends React.SVGProps { 4 | children?: never; 5 | color?: string; 6 | } 7 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/tsconfig-cjs.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "./dist/cjs", 5 | "module": "CommonJS" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/tsconfig-esm.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "./dist/esm", 5 | "module": "ES2020" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/frosted-ui-icons/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "include": ["src/**/*"], 3 | "compilerOptions": { 4 | "forceConsistentCasingInFileNames": true, 5 | "resolveJsonModule": true, 6 | "moduleResolution": "node", 7 | "esModuleInterop": true, 8 | "noImplicitAny": false, 9 | "skipLibCheck": true, 10 | "module": "esnext", 11 | "sourceMap": true, 12 | "outDir": "dist", 13 | "target": "es5", 14 | "baseUrl": ".", 15 | "declaration": true, 16 | "jsx": "react", 17 | "paths": { 18 | "*": ["node_modules/*", "src/types/*"] 19 | } 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /packages/frosted-ui-native-colors/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | parserOptions: { 4 | ecmaVersion: 'latest', 5 | }, 6 | env: { 7 | node: true, 8 | }, 9 | }; 10 | -------------------------------------------------------------------------------- /packages/frosted-ui-native-colors/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | /types 3 | .DS_Store 4 | /dist 5 | index.js 6 | index.mjs 7 | -------------------------------------------------------------------------------- /packages/frosted-ui-native-colors/.npmignore: -------------------------------------------------------------------------------- 1 | /scripts/ 2 | .gitignore 3 | -------------------------------------------------------------------------------- /packages/frosted-ui-native-colors/README.md: -------------------------------------------------------------------------------- 1 | # Frosted UI Swift Colors 2 | 3 | Generating SwiftUI color assets from [Radix Colors](https://github.com/radix-ui/colors). 4 | 5 | --- 6 | 7 | ## Documentation 8 | 9 | The Swift color assets are zipped in a `frosted-ui-swift-colors.zip` file. 10 | The Kotlin color assets are in the `kotlin-colors/Color.kt` file. 11 | 12 | If you want to update the color assets (and generate new `zip` file) just run this command: 13 | 14 | ```bash 15 | pnpm build 16 | ``` 17 | -------------------------------------------------------------------------------- /packages/frosted-ui-native-colors/frosted-ui-swift-colors.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/whopio/frosted-ui/054db9d0e1e772d057078461f5c6198db091cb79/packages/frosted-ui-native-colors/frosted-ui-swift-colors.zip -------------------------------------------------------------------------------- /packages/frosted-ui/.browserslistrc: -------------------------------------------------------------------------------- 1 | last 2 years -------------------------------------------------------------------------------- /packages/frosted-ui/.eslintrc.js: -------------------------------------------------------------------------------- 1 | const { plugin } = require('postcss'); 2 | 3 | module.exports = { 4 | root: true, 5 | extends: ['custom'], 6 | rules: { 7 | '@typescript-eslint/no-empty-interface': 'off', 8 | 'react-hooks/rules-of-hooks': 'error', 9 | 'react-hooks/exhaustive-deps': 'warn', 10 | }, 11 | globals: { 12 | module: 'readonly', 13 | }, 14 | plugins: ['react-hooks'], 15 | }; 16 | -------------------------------------------------------------------------------- /packages/frosted-ui/.storybook/preview-head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /packages/frosted-ui/.storybook/stories/assets/hero.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/whopio/frosted-ui/054db9d0e1e772d057078461f5c6198db091cb79/packages/frosted-ui/.storybook/stories/assets/hero.png -------------------------------------------------------------------------------- /packages/frosted-ui/changelog.md: -------------------------------------------------------------------------------- 1 | # Changelog 2 | -------------------------------------------------------------------------------- /packages/frosted-ui/postcss-frosted-ui.js: -------------------------------------------------------------------------------- 1 | module.exports = () => ({ 2 | postcssPlugin: 'postcss-frosted-ui', 3 | Comment(comment) { 4 | // Remove all comments from CSS source 5 | comment.remove(); 6 | }, 7 | }); 8 | 9 | module.exports.postcss = true; 10 | -------------------------------------------------------------------------------- /packages/frosted-ui/postcss.config.js: -------------------------------------------------------------------------------- 1 | /* eslint-disable @typescript-eslint/no-var-requires */ 2 | /* eslint-disable no-undef */ 3 | const path = require('path'); 4 | 5 | module.exports = { 6 | plugins: [ 7 | require('postcss-import')({ 8 | path: [path.relative(process.cwd(), '../')], 9 | }), 10 | require('postcss-nesting'), 11 | require('./postcss-frosted-ui'), 12 | require('postcss-custom-media'), 13 | require('postcss-combine-duplicated-selectors'), 14 | require('postcss-discard-empty'), 15 | require('autoprefixer'), 16 | ], 17 | }; 18 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/accessible-icon.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | export { AccessibleIcon } from 'radix-ui'; 4 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/alert-dialog.css: -------------------------------------------------------------------------------- 1 | .fui-AlertDialogOverlay { 2 | } 3 | 4 | .fui-AlertDialogContent { 5 | } 6 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/alert-dialog.props.ts: -------------------------------------------------------------------------------- 1 | export { dialogContentPropDefs as alertDialogContentPropDefs } from './dialog.props'; 2 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/aspectRatio.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | export { AspectRatio } from 'radix-ui'; 4 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/base-tabs-list.props.ts: -------------------------------------------------------------------------------- 1 | import { PropDef } from '../helpers'; 2 | 3 | const sizes = ['1', '2'] as const; 4 | 5 | const baseTabsListPropDefs = { 6 | size: { type: 'enum', values: sizes, default: '2' }, 7 | } satisfies { 8 | size: PropDef<(typeof sizes)[number]>; 9 | }; 10 | 11 | export { baseTabsListPropDefs }; 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/blockquote.css: -------------------------------------------------------------------------------- 1 | .fui-Blockquote { 2 | border-left: clamp(2px, 0.125em, 6px) solid var(--accent-a6); 3 | padding-left: min(var(--space-5), max(var(--space-3), 0.5em)); 4 | } 5 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/blockquote.props.ts: -------------------------------------------------------------------------------- 1 | import { textPropDefs } from './text.props'; 2 | 3 | const blockquotePropDefs = { 4 | size: textPropDefs.size, 5 | weight: textPropDefs.weight, 6 | color: textPropDefs.color, 7 | highContrast: textPropDefs.highContrast, 8 | } satisfies { 9 | size: typeof textPropDefs.size; 10 | weight: typeof textPropDefs.weight; 11 | color: typeof textPropDefs.color; 12 | highContrast: typeof textPropDefs.highContrast; 13 | }; 14 | 15 | export { blockquotePropDefs }; 16 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/button.props.ts: -------------------------------------------------------------------------------- 1 | export { baseButtonPropDefs as buttonPropDefs } from './base-button.props'; 2 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/button.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames'; 2 | import * as React from 'react'; 3 | import { BaseButton } from './base-button'; 4 | 5 | interface ButtonProps extends React.ComponentProps {} 6 | 7 | const Button = (props: ButtonProps) => ; 8 | 9 | Button.displayName = 'Button'; 10 | 11 | export { Button }; 12 | export type { ButtonProps }; 13 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/card.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | 3 | const sizes = ['1', '2', '3', '4', '5'] as const; 4 | const variants = ['surface', 'classic', 'ghost'] as const; 5 | 6 | const cardPropDefs = { 7 | size: { type: 'enum', values: sizes, default: '1' }, 8 | variant: { type: 'enum', values: variants, default: 'surface' }, 9 | } satisfies { 10 | size: PropDef<(typeof sizes)[number]>; 11 | variant: PropDef<(typeof variants)[number]>; 12 | }; 13 | 14 | export { cardPropDefs }; 15 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/checkbox.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | import { colorProp, highContrastProp } from '../helpers'; 3 | 4 | const sizes = ['1', '2', '3'] as const; 5 | 6 | const checkboxPropDefs = { 7 | size: { type: 'enum', values: sizes, default: '2' }, 8 | color: colorProp, 9 | highContrast: highContrastProp, 10 | } satisfies { 11 | size: PropDef<(typeof sizes)[number]>; 12 | color: typeof colorProp; 13 | highContrast: typeof highContrastProp; 14 | }; 15 | 16 | export { checkboxPropDefs }; 17 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/context-menu.css: -------------------------------------------------------------------------------- 1 | @import './base-menu.css'; 2 | 3 | .fui-ContextMenuContent { 4 | max-height: var(--radix-context-menu-content-available-height); 5 | transform-origin: var(--radix-context-menu-content-transform-origin); 6 | } 7 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/context-menu.props.ts: -------------------------------------------------------------------------------- 1 | export { 2 | baseMenuContentPropDefs as contextMenuContentPropDefs, 3 | baseMenuItemPropDefs as contextMenuItemPropDefs, 4 | baseMenuCheckboxItemPropDefs as contextMenuCheckboxItemPropDefs, 5 | } from './base-menu.props'; 6 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/date-field.props.ts: -------------------------------------------------------------------------------- 1 | import { PropDef, colorProp } from '../helpers'; 2 | 3 | const sizes = ['1', '2', '3'] as const; 4 | 5 | const dateFieldPropDefs = { 6 | size: { type: 'enum', values: sizes, default: '2' }, 7 | color: colorProp, 8 | } satisfies { 9 | size: PropDef<(typeof sizes)[number]>; 10 | color: typeof colorProp; 11 | }; 12 | 13 | export { dateFieldPropDefs }; 14 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/date-picker.css: -------------------------------------------------------------------------------- 1 | .fui-DatePickerRoot { 2 | display: flex; 3 | align-items: center; 4 | gap: var(--space-1); 5 | } 6 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/date-picker.props.ts: -------------------------------------------------------------------------------- 1 | export { dateFieldPropDefs as datePickerPropDefs } from './date-field.props'; 2 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/date-range-picker.css: -------------------------------------------------------------------------------- 1 | .fui-DateRangePickerRoot { 2 | display: flex; 3 | align-items: center; 4 | gap: var(--space-1); 5 | } 6 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/date-range-picker.props.ts: -------------------------------------------------------------------------------- 1 | export { dateFieldPropDefs as dateRangePickerPropDefs } from './date-field.props'; 2 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/dialog.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | 3 | const contentSizes = ['1', '2', '3', '4'] as const; 4 | 5 | const dialogContentPropDefs = { 6 | size: { type: 'enum', values: contentSizes, default: '3' }, 7 | } satisfies { 8 | size: PropDef<(typeof contentSizes)[number]>; 9 | }; 10 | 11 | export { dialogContentPropDefs }; 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/drawer.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | 3 | const contentSizes = ['1', '2', '3'] as const; 4 | 5 | const drawerContentPropDefs = { 6 | size: { type: 'enum', values: contentSizes, default: '3' }, 7 | } satisfies { 8 | size: PropDef<(typeof contentSizes)[number]>; 9 | }; 10 | 11 | export { drawerContentPropDefs }; 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/dropdown-menu.css: -------------------------------------------------------------------------------- 1 | @import './base-menu.css'; 2 | 3 | .fui-DropdownMenuContent { 4 | max-height: var(--radix-dropdown-menu-content-available-height); 5 | transform-origin: var(--radix-dropdown-menu-content-transform-origin); 6 | } 7 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/dropdown-menu.props.ts: -------------------------------------------------------------------------------- 1 | export { 2 | baseMenuContentPropDefs as dropdownMenuContentPropDefs, 3 | baseMenuItemPropDefs as dropdownMenuItemPropDefs, 4 | baseMenuCheckboxItemPropDefs as dropdownMenuCheckboxItemPropDefs, 5 | } from './base-menu.props'; 6 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/em.css: -------------------------------------------------------------------------------- 1 | .fui-Em { 2 | box-sizing: border-box; 3 | font-family: var(--em-font-family); 4 | font-size: calc(var(--em-font-size-adjust) * 1em); 5 | font-style: var(--em-font-style); 6 | font-weight: var(--em-font-weight); 7 | line-height: 1.25; 8 | letter-spacing: calc(var(--em-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing))); 9 | color: inherit; 10 | } 11 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/em.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames'; 2 | import * as React from 'react'; 3 | 4 | interface EmProps extends React.ComponentProps<'em'> {} 5 | 6 | const Em = (props: EmProps) => ; 7 | Em.displayName = 'Em'; 8 | 9 | export { Em }; 10 | export type { EmProps }; 11 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/filter-chip.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | import { colorProp } from '../helpers'; 3 | 4 | const sizes = ['1', '2', '3'] as const; 5 | 6 | const filterChipPropDefs = { 7 | size: { type: 'enum', values: sizes, default: '2' }, 8 | color: colorProp, 9 | } satisfies { 10 | size: PropDef<(typeof sizes)[number]>; 11 | color: typeof colorProp; 12 | }; 13 | 14 | export { filterChipPropDefs }; 15 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/hover-card.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | 3 | const contentSizes = ['1', '2', '3'] as const; 4 | 5 | const hoverCardContentPropDefs = { 6 | size: { type: 'enum', values: contentSizes, default: '2' }, 7 | } satisfies { 8 | size: PropDef<(typeof contentSizes)[number]>; 9 | }; 10 | 11 | export { hoverCardContentPropDefs }; 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/icon-button.props.ts: -------------------------------------------------------------------------------- 1 | export { baseButtonPropDefs as iconButtonPropDefs } from './base-button.props'; 2 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/icon-button.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames'; 2 | import * as React from 'react'; 3 | import { BaseButton } from './base-button'; 4 | 5 | interface IconButtonProps extends React.ComponentProps {} 6 | 7 | const IconButton = (props: IconButtonProps) => ( 8 | 9 | ); 10 | IconButton.displayName = 'IconButton'; 11 | 12 | export { IconButton }; 13 | export type { IconButtonProps }; 14 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/kbd.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | 3 | const sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const; 4 | 5 | const kbdPropDefs = { 6 | size: { type: 'enum', values: sizes, default: undefined }, 7 | } satisfies { 8 | size: PropDef<(typeof sizes)[number]>; 9 | }; 10 | 11 | export { kbdPropDefs }; 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/lab/breadcrumbs.props.ts: -------------------------------------------------------------------------------- 1 | import { colorProp, highContrastProp } from '../../helpers'; 2 | 3 | const breadcrumbsPropDefs = { 4 | color: { ...colorProp, default: 'gray' }, 5 | highContrast: highContrastProp, 6 | } satisfies { 7 | color: typeof colorProp; 8 | highContrast: typeof highContrastProp; 9 | }; 10 | 11 | export { breadcrumbsPropDefs }; 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/lab/shine.css: -------------------------------------------------------------------------------- 1 | .fui-Shine { 2 | position: relative; 3 | user-select: none; 4 | } 5 | 6 | .fui-ShineSvgFilter { 7 | position: fixed; 8 | top: 0; 9 | left: 0; 10 | width: 100%; 11 | height: 100%; 12 | pointer-events: none; 13 | } 14 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/popover.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | 3 | const contentSizes = ['1', '2', '3', '4'] as const; 4 | 5 | const variants = ['solid', 'translucent'] as const; 6 | 7 | const popoverContentPropDefs = { 8 | size: { type: 'enum', values: contentSizes, default: '2' }, 9 | variant: { type: 'enum', values: variants, default: 'translucent' }, 10 | } satisfies { 11 | size: PropDef<(typeof contentSizes)[number]>; 12 | variant: PropDef<(typeof variants)[number]>; 13 | }; 14 | 15 | export { popoverContentPropDefs }; 16 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/portal.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | export { Portal } from 'radix-ui'; 4 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/quote.css: -------------------------------------------------------------------------------- 1 | .fui-Quote { 2 | box-sizing: border-box; 3 | font-family: var(--quote-font-family); 4 | font-size: calc(var(--quote-font-size-adjust) * 1em); 5 | font-style: var(--quote-font-style); 6 | font-weight: var(--quote-font-weight); 7 | line-height: 1.25; 8 | letter-spacing: calc(var(--quote-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing))); 9 | color: inherit; 10 | } 11 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/quote.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames'; 2 | import * as React from 'react'; 3 | 4 | interface QuoteProps extends React.ComponentProps<'q'> {} 5 | 6 | const Quote = (props: QuoteProps) => ; 7 | Quote.displayName = 'Quote'; 8 | 9 | export { Quote }; 10 | export type { QuoteProps }; 11 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/radio-button-group.props.ts: -------------------------------------------------------------------------------- 1 | import { colorProp, highContrastProp } from '../helpers'; 2 | 3 | const radioButtonGroupPropDefs = { 4 | color: colorProp, 5 | highContrast: highContrastProp, 6 | } satisfies { 7 | color: typeof colorProp; 8 | highContrast: typeof highContrastProp; 9 | }; 10 | 11 | export { radioButtonGroupPropDefs }; 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/scroll-area.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | 3 | const sizes = ['1', '2', '3'] as const; 4 | const scrollbarsValues = ['vertical', 'horizontal', 'both'] as const; 5 | 6 | const scrollAreaPropDefs = { 7 | size: { type: 'enum', values: sizes, default: '1' }, 8 | scrollbars: { type: 'enum', values: scrollbarsValues, default: 'both' }, 9 | } satisfies { 10 | size: PropDef<(typeof sizes)[number]>; 11 | scrollbars: PropDef<(typeof scrollbarsValues)[number]>; 12 | }; 13 | 14 | export { scrollAreaPropDefs }; 15 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/segmented-control-nav.css: -------------------------------------------------------------------------------- 1 | @import './base-segmented-control-list.css'; 2 | 3 | .fui-SegmentedControlNavItem { 4 | display: flex; 5 | flex: 1; 6 | } 7 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/segmented-control-nav.props.ts: -------------------------------------------------------------------------------- 1 | import { asChildProp } from '../helpers'; 2 | 3 | const segmentedControlNavLinkPropDefs = { 4 | asChild: asChildProp, 5 | } satisfies { 6 | asChild: typeof asChildProp; 7 | }; 8 | 9 | export { segmentedControlNavLinkPropDefs }; 10 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/segmented-control-radio-group.css: -------------------------------------------------------------------------------- 1 | @import './base-segmented-control-list.css'; 2 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/segmented-control.css: -------------------------------------------------------------------------------- 1 | @import './base-segmented-control-list.css'; 2 | 3 | .fui-SegmentedControlContent { 4 | position: relative; 5 | outline: 0; 6 | } 7 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/separator.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | import { colorProp } from '../helpers'; 3 | 4 | const sizes = ['1', '2', '3', '4'] as const; 5 | 6 | const separatorPropDefs = { 7 | size: { type: 'enum', values: sizes, default: '1' }, 8 | color: { ...colorProp, default: 'gray' }, 9 | } satisfies { 10 | size: PropDef<(typeof sizes)[number]>; 11 | color: typeof colorProp; 12 | }; 13 | 14 | export { separatorPropDefs }; 15 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/slot.tsx: -------------------------------------------------------------------------------- 1 | export { Slot } from 'radix-ui'; 2 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/spinner.props.ts: -------------------------------------------------------------------------------- 1 | import { PropDef } from '../helpers'; 2 | 3 | const sizes = ['1', '2', '3', '4', '5', '6'] as const; 4 | 5 | const spinnerPropDefs = { 6 | size: { type: 'enum', values: sizes, default: '2' }, 7 | loading: { type: 'boolean', default: true }, 8 | } satisfies { 9 | size: PropDef<(typeof sizes)[number]>; 10 | loading: PropDef; 11 | }; 12 | 13 | export { spinnerPropDefs }; 14 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/strong.css: -------------------------------------------------------------------------------- 1 | .fui-Strong { 2 | font-family: var(--strong-font-family); 3 | font-size: calc(var(--strong-font-size-adjust) * 1em); 4 | font-style: var(--strong-font-style); 5 | font-weight: var(--strong-font-weight); 6 | letter-spacing: calc(var(--strong-letter-spacing) + var(--letter-spacing, var(--default-letter-spacing))); 7 | } 8 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/strong.tsx: -------------------------------------------------------------------------------- 1 | import classNames from 'classnames'; 2 | import * as React from 'react'; 3 | 4 | interface StrongProps extends React.ComponentProps<'strong'> {} 5 | 6 | const Strong = (props: StrongProps) => ; 7 | Strong.displayName = 'Strong'; 8 | 9 | export { Strong }; 10 | export type { StrongProps }; 11 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/switch.props.ts: -------------------------------------------------------------------------------- 1 | import { PropDef, colorProp, highContrastProp } from '../helpers'; 2 | 3 | const sizes = ['1', '2', '3'] as const; 4 | 5 | const switchPropDefs = { 6 | size: { type: 'enum', values: sizes, default: '2' }, 7 | color: colorProp, 8 | highContrast: highContrastProp, 9 | } satisfies { 10 | size: PropDef<(typeof sizes)[number]>; 11 | color: typeof colorProp; 12 | highContrast: typeof highContrastProp; 13 | }; 14 | 15 | export { switchPropDefs }; 16 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/tabs-nav.css: -------------------------------------------------------------------------------- 1 | @import './base-tabs-list.css'; 2 | 3 | .fui-TabsNavItem { 4 | display: flex; 5 | } 6 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/tabs-nav.props.ts: -------------------------------------------------------------------------------- 1 | import { asChildProp } from '../helpers'; 2 | 3 | const tabsNavLinkPropDefs = { 4 | asChild: asChildProp, 5 | } satisfies { 6 | asChild: typeof asChildProp; 7 | }; 8 | 9 | export { baseTabsListPropDefs as tabsNavPropDefs } from './base-tabs-list.props'; 10 | export { tabsNavLinkPropDefs }; 11 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/tabs.css: -------------------------------------------------------------------------------- 1 | @import './base-tabs-list.css'; 2 | 3 | .fui-TabsContent { 4 | position: relative; 5 | outline: 0; 6 | } 7 | 8 | .fui-TabsContent:where(:focus-visible) { 9 | outline: 2px solid var(--color-focus-root); 10 | } 11 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/tabs.props.ts: -------------------------------------------------------------------------------- 1 | export { baseTabsListPropDefs as tabsListPropDefs } from './base-tabs-list.props'; 2 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/tooltip.props.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '../helpers'; 2 | 3 | const typeValues = ['always', 'overflow'] as const; 4 | 5 | const tooltipPropDefs = { 6 | content: { type: 'ReactNode', default: undefined, required: true }, 7 | type: { 8 | type: 'enum', 9 | values: typeValues, 10 | default: 'always', 11 | }, 12 | } satisfies { 13 | content: PropDef; 14 | type: PropDef<(typeof typeValues)[number]>; 15 | }; 16 | 17 | export { tooltipPropDefs }; 18 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/visually-hidden.tsx: -------------------------------------------------------------------------------- 1 | 'use client'; 2 | 3 | export { VisuallyHidden } from 'radix-ui'; 4 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/components/widget-stack.props.ts: -------------------------------------------------------------------------------- 1 | import { PropDef } from '../helpers'; 2 | 3 | const orientationValues = ['horizontal', 'vertical'] as const; 4 | 5 | const widgetStackRootPropDefs = { 6 | orientation: { 7 | type: 'enum', 8 | values: orientationValues, 9 | default: 'vertical', 10 | }, 11 | } satisfies { 12 | orientation: PropDef<(typeof orientationValues)[number]>; 13 | }; 14 | 15 | export { widgetStackRootPropDefs }; 16 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/extract-props-for-tag.ts: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | type ExtractPropsForTag< 4 | // eslint-disable-next-line @typescript-eslint/no-explicit-any 5 | C extends React.ElementType, 6 | T extends string, 7 | > = Omit, { as: T }>, 'as'>; 8 | 9 | export type { ExtractPropsForTag }; 10 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/get-initials.ts: -------------------------------------------------------------------------------- 1 | export function getInitials(name: string) { 2 | return ( 3 | name 4 | .match(/(\s|^)\p{L}\p{Mn}*/gu) 5 | ?.filter((el, i, array) => i === 0 || i === array.length - 1) 6 | .map((el) => el.trimStart().toUpperCase()) 7 | .join('') || '' 8 | ); 9 | } 10 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/has-own-property.ts: -------------------------------------------------------------------------------- 1 | /** A util to check whether the object has a key, while inferring the correct key type */ 2 | function hasOwnProperty( 3 | obj: Record, 4 | key: string | number | symbol, 5 | ): key is K { 6 | return Object.prototype.hasOwnProperty.call(obj, key); 7 | } 8 | 9 | export { hasOwnProperty }; 10 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/index.ts: -------------------------------------------------------------------------------- 1 | export * from './breakpoints'; 2 | export * from './extract-props-for-tag'; 3 | export * from './get-initials'; 4 | export * from './get-subtree'; 5 | export * from './has-own-property'; 6 | export * from './nice-intersection'; 7 | export * from './props'; 8 | export * from './radix-colors'; 9 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/nice-intersection.ts: -------------------------------------------------------------------------------- 1 | // NiceIntersection type is equivalent to a plain intersection type S & T 2 | // except it makes the result look like {foo: ..., bar?: ...} instead of {foo: ...} & {bar?: ...}. 3 | 4 | type NiceIntersection = { 5 | [K in keyof (S & T)]: (S & T)[K]; 6 | }; 7 | 8 | export type { NiceIntersection }; 9 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/props/as-child.prop.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from './prop-def'; 2 | 3 | const asChildProp = { 4 | type: 'boolean', 5 | default: undefined, 6 | } satisfies PropDef; 7 | 8 | export { asChildProp }; 9 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/props/high-contrast.prop.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '..'; 2 | 3 | const highContrastProp = { 4 | type: 'boolean', 5 | default: undefined, 6 | } satisfies PropDef; 7 | 8 | export { highContrastProp }; 9 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/props/index.ts: -------------------------------------------------------------------------------- 1 | export * from './as-child.prop'; 2 | export * from './color.prop'; 3 | export * from './high-contrast.prop'; 4 | export * from './leading-trim.prop'; 5 | export * from './prop-def'; 6 | export * from './text-align.prop'; 7 | export * from './weight.prop'; 8 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/props/leading-trim.prop.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '..'; 2 | 3 | const trimValues = ['normal', 'start', 'end', 'both'] as const; 4 | 5 | const trimProp = { 6 | type: 'enum', 7 | values: trimValues, 8 | default: undefined, 9 | } satisfies PropDef<(typeof trimValues)[number]>; 10 | 11 | export { trimProp }; 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/props/text-align.prop.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '..'; 2 | 3 | const alignValues = ['left', 'center', 'right'] as const; 4 | 5 | const alignProp = { 6 | type: 'enum', 7 | values: alignValues, 8 | default: undefined, 9 | } satisfies PropDef<(typeof alignValues)[number]>; 10 | 11 | export { alignProp }; 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/props/weight.prop.ts: -------------------------------------------------------------------------------- 1 | import type { PropDef } from '..'; 2 | 3 | const weights = ['light', 'regular', 'medium', 'semi-bold', 'bold'] as const; 4 | 5 | const weightProp = { 6 | type: 'enum', 7 | values: weights, 8 | default: undefined, 9 | } satisfies PropDef<(typeof weights)[number]>; 10 | 11 | export { weightProp }; 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/helpers/use-isomorphic-layout-effect.ts: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | // Avoiding SSR hydration warnings 4 | export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect; 5 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/index.ts: -------------------------------------------------------------------------------- 1 | export * from './components'; 2 | export * from './helpers'; 3 | export * from './tailwind-plugin'; 4 | export { Theme, updateThemeAppearanceClass, useThemeContext } from './theme'; 5 | export * from './theme-options'; 6 | export { ThemePanel } from './theme-panel'; 7 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/styles/breakpoints.css: -------------------------------------------------------------------------------- 1 | @custom-media --xs (min-width: 520px); 2 | @custom-media --sm (min-width: 768px); 3 | @custom-media --md (min-width: 1024px); 4 | @custom-media --lg (min-width: 1280px); 5 | @custom-media --xl (min-width: 1640px); 6 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/styles/scrollbars.css: -------------------------------------------------------------------------------- 1 | *::-webkit-scrollbar { 2 | width: var(--space-1); 3 | height: var(--space-1); 4 | } 5 | *::-webkit-scrollbar-track { 6 | background-color: var(--gray-a3); 7 | } 8 | 9 | *::-webkit-scrollbar-corner { 10 | background-color: var(--gray-a3); 11 | } 12 | *::-webkit-scrollbar-thumb { 13 | border-radius: var(--space-1); 14 | background-color: var(--gray-a8); 15 | } 16 | @media (hover: hover) { 17 | :hover::-webkit-scrollbar-thumb:hover { 18 | background-color: var(--gray-a9); 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/styles/tokens/cursor.css: -------------------------------------------------------------------------------- 1 | .frosted-ui { 2 | --cursor-button: default; 3 | --cursor-checkbox: default; 4 | --cursor-disabled: not-allowed; 5 | --cursor-link: pointer; 6 | --cursor-menu-item: default; 7 | --cursor-radio: default; 8 | --cursor-slider-thumb: default; 9 | --cursor-slider-thumb-active: default; 10 | --cursor-switch: default; 11 | } 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/styles/tokens/radius.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --radius-factor: 1; 3 | --radius-full: 0px; 4 | --radius-thumb: 9999px; 5 | 6 | --radius-1: 3px; 7 | --radius-2: 4px; 8 | --radius-3: 6px; 9 | --radius-4: 8px; 10 | --radius-5: 12px; 11 | --radius-6: 16px; 12 | } 13 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/styles/tokens/space.css: -------------------------------------------------------------------------------- 1 | .frosted-ui { 2 | --space-1: 4px; 3 | --space-2: 8px; 4 | --space-3: 12px; 5 | --space-4: 16px; 6 | --space-5: 24px; 7 | --space-6: 32px; 8 | --space-7: 40px; 9 | --space-8: 48px; 10 | --space-9: 64px; 11 | } 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/styles/utilities/font-weight.css: -------------------------------------------------------------------------------- 1 | .fui-r-weight-light { 2 | font-weight: var(--font-weight-light); 3 | } 4 | 5 | .fui-r-weight-regular { 6 | font-weight: var(--font-weight-regular); 7 | } 8 | 9 | .fui-r-weight-medium { 10 | font-weight: var(--font-weight-medium); 11 | } 12 | 13 | .fui-r-weight-semi-bold { 14 | font-weight: var(--font-weight-semi-bold); 15 | } 16 | 17 | .fui-r-weight-bold { 18 | font-weight: var(--font-weight-bold); 19 | } 20 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/styles/utilities/text-align.css: -------------------------------------------------------------------------------- 1 | .fui-r-ta-left { 2 | text-align: left; 3 | } 4 | 5 | .fui-r-ta-center { 6 | text-align: center; 7 | } 8 | 9 | .fui-r-ta-right { 10 | text-align: right; 11 | } 12 | -------------------------------------------------------------------------------- /packages/frosted-ui/src/styles/utilities/vertical-align.css: -------------------------------------------------------------------------------- 1 | .fui-r-va-baseline { 2 | vertical-align: baseline; 3 | } 4 | 5 | .fui-r-va-top { 6 | vertical-align: top; 7 | } 8 | 9 | .fui-r-va-middle { 10 | vertical-align: middle; 11 | } 12 | 13 | .fui-r-va-bottom { 14 | vertical-align: bottom; 15 | } 16 | -------------------------------------------------------------------------------- /packages/frosted-ui/tsconfig-cjs.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "./dist/cjs", 5 | "module": "CommonJS" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/frosted-ui/tsconfig-esm.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "outDir": "./dist/esm", 5 | "module": "ES2020" 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/frosted-ui/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "target": "ES2018", 4 | "lib": ["DOM", "ESNext", "DOM.Iterable"], 5 | "jsx": "react", 6 | "module": "ES2020", 7 | "moduleResolution": "Node", 8 | "sourceMap": true, 9 | "declaration": true, 10 | "outDir": "./dist", 11 | "importHelpers": true, 12 | "esModuleInterop": true, 13 | "forceConsistentCasingInFileNames": true, 14 | "strict": true, 15 | "alwaysStrict": true, 16 | "skipLibCheck": true 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/frosted-ui/vercel.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://openapi.vercel.sh/vercel.json", 3 | "outputDirectory": "storybook-static", 4 | "buildCommand": "cd ../.. && pnpm build:storybook", 5 | "installCommand": "pnpm i" 6 | } 7 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | parserOptions: { 4 | ecmaVersion: 'latest', 5 | }, 6 | env: { 7 | node: true, 8 | }, 9 | }; 10 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/.gitignore: -------------------------------------------------------------------------------- 1 | .env 2 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/src/consts.ts: -------------------------------------------------------------------------------- 1 | export const FILE_PATH_MANIFEST = 'manifest.json'; 2 | export const FILE_PATH_ENTRY = 'src/index.tsx'; 3 | export const FILE_PATH_TYPES = 'src/types.tsx'; 4 | export const FOLDER_PATH_ICONS = '../../packages/frosted-ui-icons'; 5 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/src/templates/entry.tsx.ejs: -------------------------------------------------------------------------------- 1 | <% for (const i in icons) { -%> 2 | export { default as <%- iconToComponentName(icons[i]) %> } from './<%- stripExtension(iconToReactFileName(icons[i])) %>'; 3 | <% } %> 4 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/src/templates/types.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | 3 | export interface IconProps extends React.SVGProps { 4 | children?: never; 5 | color?: string; 6 | } 7 | -------------------------------------------------------------------------------- /packages/generate-icon-lib/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "module": "commonjs", 4 | "esModuleInterop": true, 5 | "target": "esnext", 6 | "noImplicitAny": false, 7 | "moduleResolution": "node", 8 | "sourceMap": true, 9 | "baseUrl": ".", 10 | "jsx": "react", 11 | "paths": { 12 | "*": ["node_modules/*", "src/types/*"] 13 | } 14 | }, 15 | "include": ["src/**/*"] 16 | } 17 | -------------------------------------------------------------------------------- /packages/tsconfig/README.md: -------------------------------------------------------------------------------- 1 | # `tsconfig` 2 | 3 | These are base shared `tsconfig.json`s from which all other `tsconfig.json`'s inherit from. 4 | -------------------------------------------------------------------------------- /packages/tsconfig/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tsconfig", 3 | "version": "0.0.0", 4 | "private": true, 5 | "files": [ 6 | "base.json", 7 | "nextjs.json", 8 | "react-library.json" 9 | ] 10 | } 11 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - 'apps/*' 3 | - 'packages/*' 4 | --------------------------------------------------------------------------------