├── .changeset ├── README.md └── config.json ├── .github ├── FUNDING.yml └── workflows │ ├── check.yml │ ├── publish-release.yml │ └── sherif.yml ├── .gitignore ├── .vscode ├── extensions.json └── settings.json ├── LICENSE ├── README.md ├── library ├── .swcrc ├── README.md ├── package.json ├── src │ ├── index.ts │ └── library │ │ ├── I18n.tsx │ │ ├── angular.tsx │ │ ├── angularComponent.tsx │ │ ├── angularDirective.tsx │ │ ├── angularGuard.tsx │ │ ├── angularModule.tsx │ │ ├── angularPipe.tsx │ │ ├── angularService.tsx │ │ ├── astro.tsx │ │ ├── audio.tsx │ │ ├── babel.tsx │ │ ├── biome.tsx │ │ ├── biomeOld.tsx │ │ ├── bracketsBlue.tsx │ │ ├── bracketsGray.tsx │ │ ├── bracketsGreen.tsx │ │ ├── bracketsOrange.tsx │ │ ├── bracketsPink.tsx │ │ ├── bracketsPurple.tsx │ │ ├── bracketsRed.tsx │ │ ├── bracketsSky.tsx │ │ ├── bracketsYellow.tsx │ │ ├── bruno.tsx │ │ ├── bun.tsx │ │ ├── cLang.tsx │ │ ├── capacitor.tsx │ │ ├── clojure.tsx │ │ ├── cloudflareWorkers.tsx │ │ ├── cmake.tsx │ │ ├── codeBlue.tsx │ │ ├── codeGray.tsx │ │ ├── codeGreen.tsx │ │ ├── codeOrange.tsx │ │ ├── codePink.tsx │ │ ├── codePurple.tsx │ │ ├── codeRed.tsx │ │ ├── codeSky.tsx │ │ ├── codeYellow.tsx │ │ ├── coffeescript.tsx │ │ ├── coldfusion.tsx │ │ ├── commitlint.tsx │ │ ├── contentlayer.tsx │ │ ├── cplus.tsx │ │ ├── crystal.tsx │ │ ├── csharp.tsx │ │ ├── csv.tsx │ │ ├── cucumber.tsx │ │ ├── cuda.tsx │ │ ├── cypress.tsx │ │ ├── dart.tsx │ │ ├── database.tsx │ │ ├── deno.tsx │ │ ├── docker.tsx │ │ ├── document.tsx │ │ ├── docusaurus.tsx │ │ ├── drawio.tsx │ │ ├── drizzle.tsx │ │ ├── dts.tsx │ │ ├── dune.tsx │ │ ├── earthfile.tsx │ │ ├── editorConfig.tsx │ │ ├── elixir.tsx │ │ ├── erlang.tsx │ │ ├── eslint.tsx │ │ ├── exe.tsx │ │ ├── expressive.tsx │ │ ├── firebase.tsx │ │ ├── folders │ │ ├── folder.tsx │ │ ├── folderActions.tsx │ │ ├── folderAndroid.tsx │ │ ├── folderApp.tsx │ │ ├── folderAssets.tsx │ │ ├── folderAuth.tsx │ │ ├── folderAws.tsx │ │ ├── folderAzure.tsx │ │ ├── folderBlue.tsx │ │ ├── folderBlueCode.tsx │ │ ├── folderBlueOutline.tsx │ │ ├── folderBruno.tsx │ │ ├── folderBuild.tsx │ │ ├── folderConfig.tsx │ │ ├── folderConstants.tsx │ │ ├── folderContext.tsx │ │ ├── folderCore.tsx │ │ ├── folderCypress.tsx │ │ ├── folderDatabase.tsx │ │ ├── folderDrizzle.tsx │ │ ├── folderEffects.tsx │ │ ├── folderExpo.tsx │ │ ├── folderFacade.tsx │ │ ├── folderFirebase.tsx │ │ ├── folderFonts.tsx │ │ ├── folderGithub.tsx │ │ ├── folderGitlab.tsx │ │ ├── folderGradle.tsx │ │ ├── folderGraphql.tsx │ │ ├── folderGray.tsx │ │ ├── folderGrayCode.tsx │ │ ├── folderGrayOutline.tsx │ │ ├── folderGreen.tsx │ │ ├── folderGreenCode.tsx │ │ ├── folderGreenOutline.tsx │ │ ├── folderHelpers.tsx │ │ ├── folderHooks.tsx │ │ ├── folderIOS.tsx │ │ ├── folderImages.tsx │ │ ├── folderInterceptors.tsx │ │ ├── folderInterfaces.tsx │ │ ├── folderJs.tsx │ │ ├── folderLayout.tsx │ │ ├── folderMail.tsx │ │ ├── folderMiddleware.tsx │ │ ├── folderModels.tsx │ │ ├── folderModules.tsx │ │ ├── folderMongoDB.tsx │ │ ├── folderNginx.tsx │ │ ├── folderNodeModules.tsx │ │ ├── folderOpen.tsx │ │ ├── folderOrange.tsx │ │ ├── folderOrangeCode.tsx │ │ ├── folderOrangeOutline.tsx │ │ ├── folderPink.tsx │ │ ├── folderPinkCode.tsx │ │ ├── folderPinkOutline.tsx │ │ ├── folderPipes.tsx │ │ ├── folderPrisma.tsx │ │ ├── folderProviders.tsx │ │ ├── folderPurple.tsx │ │ ├── folderPurpleCode.tsx │ │ ├── folderPurpleOutline.tsx │ │ ├── folderReact.tsx │ │ ├── folderRed.tsx │ │ ├── folderRedCode.tsx │ │ ├── folderRedOutline.tsx │ │ ├── folderReducer.tsx │ │ ├── folderRouter.tsx │ │ ├── folderSass.tsx │ │ ├── folderSelector.tsx │ │ ├── folderServices.tsx │ │ ├── folderShared.tsx │ │ ├── folderSky.tsx │ │ ├── folderSkyCode.tsx │ │ ├── folderSkyOutline.tsx │ │ ├── folderSrc.tsx │ │ ├── folderSupabase.tsx │ │ ├── folderTarget.tsx │ │ ├── folderTina.tsx │ │ ├── folderUtils.tsx │ │ ├── folderVSCode.tsx │ │ └── folderVercel.tsx │ │ ├── font.tsx │ │ ├── fortran.tsx │ │ ├── fresh.tsx │ │ ├── fsharp.tsx │ │ ├── func.tsx │ │ ├── gatsbyjs.tsx │ │ ├── gear.tsx │ │ ├── gif.tsx │ │ ├── git.tsx │ │ ├── github.tsx │ │ ├── gitlab.tsx │ │ ├── gleam.tsx │ │ ├── go.tsx │ │ ├── goGreen.tsx │ │ ├── goMod.tsx │ │ ├── goOrange.tsx │ │ ├── goPink.tsx │ │ ├── goPurple.tsx │ │ ├── goRed.tsx │ │ ├── goYellow.tsx │ │ ├── gradle.tsx │ │ ├── graphql.tsx │ │ ├── gulp.tsx │ │ ├── h.tsx │ │ ├── haml.tsx │ │ ├── haskell.tsx │ │ ├── http.tsx │ │ ├── hugo.tsx │ │ ├── ignore.tsx │ │ ├── image.tsx │ │ ├── ionic.tsx │ │ ├── java.tsx │ │ ├── jenkins.tsx │ │ ├── jest.tsx │ │ ├── js.tsx │ │ ├── jsTest.tsx │ │ ├── julia.tsx │ │ ├── juliaMarkdown.tsx │ │ ├── keystatic.tsx │ │ ├── knip.tsx │ │ ├── kotlin.tsx │ │ ├── laravel.tsx │ │ ├── license.tsx │ │ ├── liquid.tsx │ │ ├── lock.tsx │ │ ├── lua.tsx │ │ ├── luau.tsx │ │ ├── lunaria.tsx │ │ ├── markdown.tsx │ │ ├── mcaddon.tsx │ │ ├── mdx.tsx │ │ ├── mongodb.tsx │ │ ├── nest.tsx │ │ ├── nestController.tsx │ │ ├── nestDecorator.tsx │ │ ├── nestGuard.tsx │ │ ├── nestMiddleware.tsx │ │ ├── nestService.tsx │ │ ├── netlify.tsx │ │ ├── next.tsx │ │ ├── nix.tsx │ │ ├── node.tsx │ │ ├── nodemon.tsx │ │ ├── notebook.tsx │ │ ├── npm.tsx │ │ ├── nunjucks.tsx │ │ ├── nuxt.tsx │ │ ├── ocalm.tsx │ │ ├── orval.tsx │ │ ├── oxlint.tsx │ │ ├── panda.tsx │ │ ├── patch.tsx │ │ ├── pdf.tsx │ │ ├── perl.tsx │ │ ├── php.tsx │ │ ├── pkl.tsx │ │ ├── pnpm.tsx │ │ ├── postcss.tsx │ │ ├── prettier.tsx │ │ ├── prisma.tsx │ │ ├── proto.tsx │ │ ├── pug.tsx │ │ ├── pulumi.tsx │ │ ├── puzzle.tsx │ │ ├── python.tsx │ │ ├── r.tsx │ │ ├── razor.tsx │ │ ├── reactTest.tsx │ │ ├── reactjs.tsx │ │ ├── reactts.tsx │ │ ├── reduxActions.tsx │ │ ├── reduxEffects.tsx │ │ ├── reduxFacade.tsx │ │ ├── reduxReducer.tsx │ │ ├── reduxSelector.tsx │ │ ├── rescript.tsx │ │ ├── rescriptInterface.tsx │ │ ├── robot.tsx │ │ ├── rome.tsx │ │ ├── ruby.tsx │ │ ├── rust.tsx │ │ ├── sanity.tsx │ │ ├── sass.tsx │ │ ├── sbt.tsx │ │ ├── scala.tsx │ │ ├── serverless.tsx │ │ ├── shell.tsx │ │ ├── solidity.tsx │ │ ├── statamicAntlers.tsx │ │ ├── storybook.tsx │ │ ├── stylelint.tsx │ │ ├── stylus.tsx │ │ ├── supabase.tsx │ │ ├── svelte.tsx │ │ ├── svelteTs.tsx │ │ ├── svg.tsx │ │ ├── swift.tsx │ │ ├── symbols.tsx │ │ ├── tailwind.tsx │ │ ├── tauri.tsx │ │ ├── terraform.tsx │ │ ├── tex.tsx │ │ ├── text.tsx │ │ ├── tsTest.tsx │ │ ├── tsconfig.tsx │ │ ├── turborepo.tsx │ │ ├── twig.tsx │ │ ├── typescript.tsx │ │ ├── unocss.tsx │ │ ├── vanillaextract.tsx │ │ ├── vercel.tsx │ │ ├── video.tsx │ │ ├── visualstudio.tsx │ │ ├── vite.tsx │ │ ├── vitest.tsx │ │ ├── vlang.tsx │ │ ├── vue.tsx │ │ ├── webpack.tsx │ │ ├── xml.tsx │ │ ├── yaml.tsx │ │ ├── yarn.tsx │ │ ├── yummacss.tsx │ │ └── zig.tsx └── tsconfig.json ├── package.json ├── pnpm-lock.yaml ├── pnpm-workspace.yaml ├── prettier.config.mjs ├── turbo.json └── website ├── app ├── components │ ├── card │ │ ├── cardItem.tsx │ │ ├── copyIcon.tsx │ │ └── openWithv0.tsx │ ├── externalLink.tsx │ ├── footer.tsx │ ├── grid.tsx │ ├── header.tsx │ ├── installCommand.tsx │ ├── loading.tsx │ ├── navbar │ │ ├── iconSize.tsx │ │ ├── index.tsx │ │ └── search.tsx │ ├── notFound.tsx │ ├── settings.tsx │ └── themeSwitcher.tsx ├── config.ts ├── data │ ├── searchParams.ts │ └── svgs.ts ├── globals.ts ├── providers │ └── toaster.tsx ├── root.tsx ├── routes.ts ├── routes │ ├── _index.tsx │ ├── action.set-theme.ts │ └── folders._index.tsx ├── sessions.server.tsx ├── styles │ └── globals.css ├── ui │ ├── button.tsx │ ├── container.ts │ ├── divider.tsx │ ├── dropdown-menu.tsx │ ├── icons │ │ └── svgl.tsx │ ├── input.tsx │ ├── popover.tsx │ ├── slider.tsx │ └── tooltip.tsx └── utils │ └── index.ts ├── components.json ├── eslint.config.mjs ├── generate-registry.mjs ├── package.json ├── public ├── favicon.ico ├── fonts │ ├── GeistMono.woff2 │ └── InterVariable.woff2 ├── images │ ├── apple-touch-icon-180x180.png │ ├── banner.png │ ├── icon-192x192.png │ ├── icon-256x256.png │ ├── icon-384x384.png │ ├── icon-512x512.png │ ├── logo.png │ ├── logo_svg.svg │ ├── og.png │ └── transparent.png └── manifest.webmanifest ├── react-router.config.ts ├── tsconfig.json ├── vercel.json └── vite.config.ts /.changeset/README.md: -------------------------------------------------------------------------------- 1 | # Changesets 2 | 3 | Hello and welcome! This folder has been automatically generated by `@changesets/cli`, a build tool that works 4 | with multi-package repos, or single-package repos to help you version and publish your code. You can 5 | find the full documentation for it [in our repository](https://github.com/changesets/changesets) 6 | 7 | We have a quick list of common questions to get you started engaging with this project in 8 | [our documentation](https://github.com/changesets/changesets/blob/main/docs/common-questions.md) 9 | -------------------------------------------------------------------------------- /.changeset/config.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://unpkg.com/@changesets/config@2.2.0/schema.json", 3 | "changelog": "@changesets/cli/changelog", 4 | "commit": false, 5 | "fixed": [], 6 | "linked": [], 7 | "access": "public", 8 | "baseBranch": "main", 9 | "updateInternalDependencies": "patch", 10 | "ignore": ["@react-symbols/website"] 11 | } 12 | -------------------------------------------------------------------------------- /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | github: [pheralb] 2 | -------------------------------------------------------------------------------- /.github/workflows/check.yml: -------------------------------------------------------------------------------- 1 | name: ⚙️ Check 2 | 3 | on: 4 | push: 5 | branches: 6 | - main 7 | - next 8 | 9 | concurrency: ${{ github.workflow }}-${{ github.ref }} 10 | 11 | jobs: 12 | typecheck: 13 | name: Typecheck 14 | runs-on: ubuntu-latest 15 | defaults: 16 | run: 17 | working-directory: library 18 | steps: 19 | - name: Checkout Repo 20 | uses: actions/checkout@v4 21 | 22 | - name: Install Node.js 23 | uses: actions/setup-node@v4 24 | with: 25 | node-version: 20 26 | 27 | - name: Setup pnpm 9 28 | uses: pnpm/action-setup@v4 29 | 30 | - name: Install dependencies 31 | run: pnpm install 32 | 33 | - name: Run typecheck 34 | run: pnpm run typecheck 35 | 36 | build: 37 | name: Build 38 | runs-on: ubuntu-latest 39 | steps: 40 | - name: Checkout Repo 41 | uses: actions/checkout@v3 42 | 43 | - name: Install Node.js 44 | uses: actions/setup-node@v4 45 | with: 46 | node-version: 20 47 | 48 | - name: Setup pnpm 9 49 | uses: pnpm/action-setup@v4 50 | 51 | - name: Install Dependencies 52 | run: pnpm install 53 | 54 | - name: Build Website 55 | run: pnpm run build:website 56 | 57 | - name: Build Library 58 | run: pnpm run build:library 59 | -------------------------------------------------------------------------------- /.github/workflows/sherif.yml: -------------------------------------------------------------------------------- 1 | name: 👮 Sherif 2 | on: 3 | push: 4 | branches: 5 | - next 6 | pull_request: 7 | branches: 8 | - main 9 | - next 10 | 11 | jobs: 12 | check: 13 | name: Check 14 | runs-on: ubuntu-latest 15 | steps: 16 | - name: Checkout Repo 17 | uses: actions/checkout@v4 18 | 19 | - name: Install Node.js 20 | uses: actions/setup-node@v4 21 | with: 22 | node-version: 20 23 | 24 | - name: Setup pnpm 25 | uses: pnpm/action-setup@v4 26 | 27 | - name: Run Sherif 28 | run: pnpm dlx sherif@latest 29 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Turbo 2 | .turbo 3 | 4 | # Dependencies 5 | node_modules 6 | pnpm-lock.json 7 | yarn.lock 8 | 9 | # Optional npm cache directory 10 | .npm 11 | 12 | # Build folder 13 | build 14 | 15 | # Remix 16 | .cache 17 | .env 18 | .vercel 19 | .output 20 | api 21 | .react-router 22 | 23 | /build/ 24 | /public/build 25 | /api/index.js 26 | /api/index.js.map 27 | 28 | # Tailwind CSS compiled files => 29 | website/src/styles/tailwind.css -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": [ 3 | "esbenp.prettier-vscode", 4 | "dbaeumer.vscode-eslint", 5 | "bradlc.vscode-tailwindcss", 6 | ] 7 | } -------------------------------------------------------------------------------- /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "editor.defaultFormatter": "esbenp.prettier-vscode", 3 | "editor.bracketPairColorization.enabled": true, 4 | "editor.formatOnSave": true, 5 | "editor.formatOnPaste": true, 6 | "editor.wordWrap": "on", 7 | "[typescript]": { 8 | "editor.defaultFormatter": "esbenp.prettier-vscode" 9 | }, 10 | "tailwindCSS.experimental.classRegex": [ 11 | ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"], 12 | ["cn\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"] 13 | ] 14 | } 15 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Pablo Hernández 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ./library/README.md -------------------------------------------------------------------------------- /library/.swcrc: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://swc.rs/schema.json", 3 | "minify": true, 4 | "module": { 5 | "type": "es6" 6 | }, 7 | "jsc": { 8 | "parser": { 9 | "syntax": "typescript", 10 | "tsx": true, 11 | "decorators": false, 12 | "dynamicImport": true 13 | }, 14 | "transform": { 15 | "react": { 16 | "runtime": "automatic", 17 | "pragma": "React.createElement", 18 | "pragmaFrag": "React.Fragment", 19 | "throwIfNamespace": false, 20 | "development": false, 21 | "useBuiltins": true 22 | } 23 | }, 24 | "target": "es2016" 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /library/src/library/I18n.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const i18n: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default i18n; 18 | -------------------------------------------------------------------------------- /library/src/library/angular.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Angular: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Angular 18 | -------------------------------------------------------------------------------- /library/src/library/angularComponent.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const AngularComponent: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default AngularComponent 18 | -------------------------------------------------------------------------------- /library/src/library/angularDirective.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const AngularDirective: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default AngularDirective; 18 | -------------------------------------------------------------------------------- /library/src/library/angularGuard.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const AngularGuard: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default AngularGuard; 18 | -------------------------------------------------------------------------------- /library/src/library/angularModule.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const AngularModule: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default AngularModule; 18 | -------------------------------------------------------------------------------- /library/src/library/angularPipe.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const AngularModule: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default AngularModule; 18 | -------------------------------------------------------------------------------- /library/src/library/angularService.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const AngularService: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default AngularService 18 | -------------------------------------------------------------------------------- /library/src/library/audio.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Audio: FC> = (props) => ( 4 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | ) 17 | 18 | export default Audio 19 | -------------------------------------------------------------------------------- /library/src/library/biome.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Biome: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Biome 18 | -------------------------------------------------------------------------------- /library/src/library/biomeOld.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Biome: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Biome 18 | -------------------------------------------------------------------------------- /library/src/library/bracketsBlue.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const BracketsBlue: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default BracketsBlue 18 | -------------------------------------------------------------------------------- /library/src/library/bracketsGray.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const BracketsGray: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default BracketsGray 18 | -------------------------------------------------------------------------------- /library/src/library/bracketsGreen.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const BracketsGreen: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default BracketsGreen 18 | -------------------------------------------------------------------------------- /library/src/library/bracketsOrange.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const BracketsOrange: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default BracketsOrange 18 | -------------------------------------------------------------------------------- /library/src/library/bracketsPink.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const BracketsPink: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default BracketsPink; 18 | -------------------------------------------------------------------------------- /library/src/library/bracketsPurple.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const BracketsPurple: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default BracketsPurple 18 | -------------------------------------------------------------------------------- /library/src/library/bracketsRed.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const BracketsRed: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default BracketsRed 18 | -------------------------------------------------------------------------------- /library/src/library/bracketsSky.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const BracketsSky: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default BracketsSky 18 | -------------------------------------------------------------------------------- /library/src/library/bracketsYellow.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const BracketsYellow: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default BracketsYellow 18 | -------------------------------------------------------------------------------- /library/src/library/cLang.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const C: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default C 18 | -------------------------------------------------------------------------------- /library/src/library/capacitor.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Capacitor: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Capacitor 18 | -------------------------------------------------------------------------------- /library/src/library/cloudflareWorkers.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CloudflareWorkers: FC> = (props) => ( 4 | 10 | 14 | 20 | 21 | ) 22 | 23 | export default CloudflareWorkers 24 | -------------------------------------------------------------------------------- /library/src/library/cmake.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CMake: FC> = (props) => ( 4 | 10 | 14 | 15 | 19 | 20 | ) 21 | 22 | export default CMake 23 | -------------------------------------------------------------------------------- /library/src/library/codeBlue.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CodeBlue: FC> = (props) => ( 4 | 10 | 17 | 18 | ) 19 | 20 | export default CodeBlue 21 | -------------------------------------------------------------------------------- /library/src/library/codeGray.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CodeGray: FC> = (props) => ( 4 | 10 | 17 | 18 | ) 19 | 20 | export default CodeGray 21 | -------------------------------------------------------------------------------- /library/src/library/codeGreen.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CodeGreen: FC> = (props) => ( 4 | 10 | 17 | 18 | ) 19 | 20 | export default CodeGreen 21 | -------------------------------------------------------------------------------- /library/src/library/codeOrange.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CodeOrange: FC> = (props) => ( 4 | 10 | 17 | 18 | ) 19 | 20 | export default CodeOrange 21 | -------------------------------------------------------------------------------- /library/src/library/codePink.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const CodePink: FC> = (props) => ( 4 | 10 | 17 | 18 | ); 19 | 20 | export default CodePink; 21 | -------------------------------------------------------------------------------- /library/src/library/codePurple.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CodePurple: FC> = (props) => ( 4 | 10 | 17 | 18 | ) 19 | 20 | export default CodePurple 21 | -------------------------------------------------------------------------------- /library/src/library/codeRed.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CodeRed: FC> = (props) => ( 4 | 10 | 17 | 18 | ) 19 | 20 | export default CodeRed 21 | -------------------------------------------------------------------------------- /library/src/library/codeSky.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CodeSky: FC> = (props) => ( 4 | 10 | 17 | 18 | ) 19 | 20 | export default CodeSky 21 | -------------------------------------------------------------------------------- /library/src/library/codeYellow.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CodeYellow: FC> = (props) => ( 4 | 10 | 17 | 18 | ) 19 | 20 | export default CodeYellow 21 | -------------------------------------------------------------------------------- /library/src/library/coffeescript.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CoffeeScript: FC> = (props) => ( 4 | 10 | 15 | 24 | 30 | 31 | 32 | 38 | 39 | 40 | ) 41 | 42 | export default CoffeeScript 43 | -------------------------------------------------------------------------------- /library/src/library/commitlint.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const Commitlint: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default Commitlint; -------------------------------------------------------------------------------- /library/src/library/crystal.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Crystal: FC> = (props) => ( 4 | 10 | 14 | 15 | 16 | ) 17 | 18 | export default Crystal 19 | -------------------------------------------------------------------------------- /library/src/library/csharp.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const CSharp: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default CSharp 18 | -------------------------------------------------------------------------------- /library/src/library/cuda.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const Cuda: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default Cuda; 18 | -------------------------------------------------------------------------------- /library/src/library/cypress.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Cypress: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Cypress 18 | -------------------------------------------------------------------------------- /library/src/library/dart.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Dart: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default Dart 26 | -------------------------------------------------------------------------------- /library/src/library/deno.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const Deno: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ); 24 | 25 | export default Deno; 26 | -------------------------------------------------------------------------------- /library/src/library/document.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Document: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default Document 26 | -------------------------------------------------------------------------------- /library/src/library/drawio.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const DrawIO: FC> = (props) => ( 4 | 10 | 11 | 12 | 13 | 18 | 24 | 25 | ) 26 | 27 | export default DrawIO 28 | -------------------------------------------------------------------------------- /library/src/library/drizzle.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Drizzle: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Drizzle 18 | -------------------------------------------------------------------------------- /library/src/library/dune.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Dune: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Dune 20 | -------------------------------------------------------------------------------- /library/src/library/elixir.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Elixir: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Elixir 18 | -------------------------------------------------------------------------------- /library/src/library/erlang.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Erlang: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Erlang 18 | -------------------------------------------------------------------------------- /library/src/library/eslint.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Eslint: FC> = (props) => ( 4 | 10 | 14 | 18 | 19 | ) 20 | 21 | export default Eslint 22 | -------------------------------------------------------------------------------- /library/src/library/exe.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Exe: FC> = (props) => ( 4 | 10 | 14 | 20 | 21 | ) 22 | 23 | export default Exe 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folder.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Folder: FC> = (props) => ( 4 | 10 | 15 | 16 | ) 17 | 18 | export default Folder 19 | -------------------------------------------------------------------------------- /library/src/library/folders/folderApp.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderApp: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default FolderApp -------------------------------------------------------------------------------- /library/src/library/folders/folderAssets.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderAssets: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | 19 | 23 | 24 | ) 25 | 26 | export default FolderAssets 27 | -------------------------------------------------------------------------------- /library/src/library/folders/folderBlue.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderBlue: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderBlue 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderBlueCode.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderBlueCode: FC> = (props) => ( 4 | 10 | 16 | 23 | 24 | ) 25 | 26 | export default FolderBlueCode 27 | -------------------------------------------------------------------------------- /library/src/library/folders/folderBlueOutline.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderBlueOutline: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderBlueOutline 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderBuild.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderBuild: FC> = (props) => ( 4 | 10 | 16 | 22 | 27 | 33 | 34 | ); 35 | 36 | export default FolderBuild; 37 | -------------------------------------------------------------------------------- /library/src/library/folders/folderConfig.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderConfig: FC> = (props) => ( 4 | 10 | 16 | 20 | 21 | ) 22 | 23 | export default FolderConfig 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderConstants.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderContants: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | 19 | 20 | ); 21 | 22 | export default FolderContants; 23 | -------------------------------------------------------------------------------- /library/src/library/folders/folderContext.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderContext: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | 19 | 20 | ) 21 | 22 | export default FolderContext 23 | -------------------------------------------------------------------------------- /library/src/library/folders/folderDatabase.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderDatabase: FC> = (props) => ( 4 | 10 | 16 | 21 | 28 | 29 | ) 30 | 31 | export default FolderDatabase 32 | -------------------------------------------------------------------------------- /library/src/library/folders/folderDrizzle.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderDrizzle: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default FolderDrizzle 26 | -------------------------------------------------------------------------------- /library/src/library/folders/folderExpo.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderExpo: FC> = (props) => ( 4 | 10 | 16 | 20 | 21 | ); 22 | 23 | export default FolderExpo; 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderGray.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderGray: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderGray 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderGrayCode.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderGrayCode: FC> = (props) => ( 4 | 10 | 16 | 23 | 24 | ) 25 | 26 | export default FolderGrayCode 27 | -------------------------------------------------------------------------------- /library/src/library/folders/folderGrayOutline.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderGrayOutline: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderGrayOutline 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderGreen.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderGreen: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderGreen 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderGreenCode.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderGreenCode: FC> = (props) => ( 4 | 10 | 16 | 23 | 24 | ) 25 | 26 | export default FolderGreenCode 27 | -------------------------------------------------------------------------------- /library/src/library/folders/folderGreenOutline.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderGreenOutline: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderGreenOutline 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderHelpers.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderHelpers: FC> = (props) => ( 4 | 10 | 14 | 20 | 21 | ) 22 | 23 | export default FolderHelpers 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderHooks.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderHooks: FC> = (props) => ( 4 | 10 | 16 | 22 | 28 | 29 | ); 30 | 31 | export default FolderHooks; 32 | -------------------------------------------------------------------------------- /library/src/library/folders/folderIOS.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderIOS: FC> = (props) => ( 4 | 10 | 16 | 20 | 21 | ) 22 | 23 | export default FolderIOS 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderImages.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderImages: FC> = (props) => ( 4 | 10 | 20 | 21 | 27 | 33 | 34 | ); 35 | 36 | export default FolderImages; 37 | -------------------------------------------------------------------------------- /library/src/library/folders/folderInterceptors.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderInterceptors: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | 19 | ); 20 | 21 | export default FolderInterceptors; 22 | -------------------------------------------------------------------------------- /library/src/library/folders/folderInterfaces.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderInterfaces: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default FolderInterfaces 26 | -------------------------------------------------------------------------------- /library/src/library/folders/folderLayout.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderLayout: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default FolderLayout 26 | -------------------------------------------------------------------------------- /library/src/library/folders/folderMail.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderMail: FC> = (props) => ( 4 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | ) 28 | 29 | export default FolderMail 30 | -------------------------------------------------------------------------------- /library/src/library/folders/folderMiddleware.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderMiddleware: FC> = (props) => ( 4 | 10 | 16 | 20 | 21 | ) 22 | 23 | export default FolderMiddleware 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderModels.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderModels: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default FolderModels 26 | -------------------------------------------------------------------------------- /library/src/library/folders/folderModules.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderModules: FC> = (props) => ( 4 | 10 | 14 | 20 | 21 | ) 22 | 23 | export default FolderModules 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderMongoDB.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderMongoDB: FC> = (props) => ( 4 | 10 | 16 | 20 | 21 | ); 22 | 23 | export default FolderMongoDB; 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderNginx.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderNginx: FC> = (props) => ( 4 | 10 | 14 | 18 | 19 | ); 20 | 21 | export default FolderNginx; 22 | -------------------------------------------------------------------------------- /library/src/library/folders/folderOpen.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderOpen: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default FolderOpen 20 | -------------------------------------------------------------------------------- /library/src/library/folders/folderOrange.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderOrange: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderOrange 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderOrangeCode.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderOrangeCode: FC> = (props) => ( 4 | 10 | 16 | 23 | 24 | ) 25 | 26 | export default FolderOrangeCode 27 | -------------------------------------------------------------------------------- /library/src/library/folders/folderOrangeOutline.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderOrangeOutline: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderOrangeOutline 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderPink.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderPink: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ); 19 | 20 | export default FolderPink; 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderPinkCode.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderPinkCode: FC> = (props) => ( 4 | 10 | 16 | 23 | 24 | ); 25 | 26 | export default FolderPinkCode; 27 | -------------------------------------------------------------------------------- /library/src/library/folders/folderPinkOutline.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderPinkOutline: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ); 19 | 20 | export default FolderPinkOutline; 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderPipes.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderPipes: FC> = (props) => ( 4 | 10 | 14 | 20 | 21 | ); 22 | 23 | export default FolderPipes; 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderPrisma.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderPrisma: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default FolderPrisma 26 | -------------------------------------------------------------------------------- /library/src/library/folders/folderProviders.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderProviders: FC> = (props) => ( 4 | 10 | 16 | 20 | 21 | ); 22 | 23 | export default FolderProviders; 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderPurple.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderPurple: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderPurple 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderPurpleCode.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderPurpleCode: FC> = (props) => ( 4 | 10 | 16 | 23 | 24 | ) 25 | 26 | export default FolderPurpleCode 27 | -------------------------------------------------------------------------------- /library/src/library/folders/folderPurpleOutline.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderPurpleOutline: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderPurpleOutline 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderRed.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderRed: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderRed 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderRedCode.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderRedCode: FC> = (props) => ( 4 | 10 | 16 | 23 | 24 | ) 25 | 26 | export default FolderRedCode 27 | -------------------------------------------------------------------------------- /library/src/library/folders/folderRedOutline.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderRedOutline: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderRedOutline 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderRouter.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderRouter: FC> = (props) => ( 4 | 10 | 17 | 24 | 30 | 31 | ) 32 | 33 | export default FolderRouter 34 | -------------------------------------------------------------------------------- /library/src/library/folders/folderServices.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderServices: FC> = (props) => ( 4 | 10 | 16 | 20 | 21 | ); 22 | 23 | export default FolderServices; 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderShared.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderShared: FC> = (props) => ( 4 | 10 | 18 | 24 | 25 | ) 26 | 27 | export default FolderShared 28 | -------------------------------------------------------------------------------- /library/src/library/folders/folderSky.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderSky: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderSky 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderSkyCode.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderSkyCode: FC> = (props) => ( 4 | 10 | 16 | 23 | 24 | ) 25 | 26 | export default FolderSkyCode 27 | -------------------------------------------------------------------------------- /library/src/library/folders/folderSkyOutline.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderSkyOutline: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default FolderSkyOutline 21 | -------------------------------------------------------------------------------- /library/src/library/folders/folderSrc.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderSrc: FC> = (props) => ( 4 | 10 | 16 | 23 | 24 | ) 25 | 26 | export default FolderSrc 27 | -------------------------------------------------------------------------------- /library/src/library/folders/folderTarget.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderTarget: FC> = (props) => ( 4 | 10 | 16 | 22 | 28 | 29 | ) 30 | 31 | export default FolderTarget 32 | -------------------------------------------------------------------------------- /library/src/library/folders/folderUtils.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FolderUtils: FC> = (props) => ( 4 | 10 | 16 | 20 | 21 | ) 22 | 23 | export default FolderUtils 24 | -------------------------------------------------------------------------------- /library/src/library/folders/folderVercel.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const FolderVercel: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ); 19 | 20 | export default FolderVercel; 21 | -------------------------------------------------------------------------------- /library/src/library/fsharp.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const FSharp: FC> = (props) => ( 4 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | ) 20 | 21 | export default FSharp 22 | -------------------------------------------------------------------------------- /library/src/library/func.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const Func: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default Func; 18 | -------------------------------------------------------------------------------- /library/src/library/gatsbyjs.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Gatsbyjs: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Gatsbyjs 20 | -------------------------------------------------------------------------------- /library/src/library/gear.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Gear: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Gear 18 | -------------------------------------------------------------------------------- /library/src/library/gif.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Gif: FC> = (props) => ( 4 | 10 | 20 | 26 | 27 | ) 28 | 29 | export default Gif 30 | -------------------------------------------------------------------------------- /library/src/library/git.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Git: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Git 18 | -------------------------------------------------------------------------------- /library/src/library/github.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const Github: FC> = (props) => ( 4 | 10 | 16 | 17 | ); 18 | 19 | export default Github; 20 | -------------------------------------------------------------------------------- /library/src/library/gitlab.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const Gitlab: FC> = (props) => ( 4 | 10 | 14 | 18 | 22 | 26 | 27 | ); 28 | 29 | export default Gitlab; 30 | -------------------------------------------------------------------------------- /library/src/library/gradle.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Gradle: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Gradle 18 | -------------------------------------------------------------------------------- /library/src/library/graphql.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Graphql: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Graphql 20 | -------------------------------------------------------------------------------- /library/src/library/gulp.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Gulp: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Gulp 18 | -------------------------------------------------------------------------------- /library/src/library/h.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const H: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default H -------------------------------------------------------------------------------- /library/src/library/haskell.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Haskell: FC> = (props) => ( 4 | 10 | 14 | 18 | 22 | 23 | ) 24 | 25 | export default Haskell 26 | -------------------------------------------------------------------------------- /library/src/library/ignore.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Ignore: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default Ignore 26 | -------------------------------------------------------------------------------- /library/src/library/image.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Image: FC> = (props) => ( 4 | 10 | 20 | 21 | 27 | 28 | ) 29 | 30 | export default Image 31 | -------------------------------------------------------------------------------- /library/src/library/ionic.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Ionic: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Ionic 20 | -------------------------------------------------------------------------------- /library/src/library/java.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Java: FC> = (props) => ( 4 | 10 | 15 | 21 | 30 | 35 | 36 | 37 | 44 | 45 | 46 | ) 47 | 48 | export default Java 49 | -------------------------------------------------------------------------------- /library/src/library/julia.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Julia: FC> = (props) => ( 4 | 10 | 16 | 22 | 26 | 27 | ) 28 | 29 | export default Julia 30 | -------------------------------------------------------------------------------- /library/src/library/juliaMarkdown.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const JuliaMarkdown: FC> = (props) => ( 4 | 10 | 14 | 18 | 19 | ) 20 | 21 | export default JuliaMarkdown 22 | -------------------------------------------------------------------------------- /library/src/library/keystatic.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Keystatic: FC> = (props) => ( 4 | 10 | 14 | 18 | 19 | 27 | 28 | 29 | 30 | 31 | 32 | ) 33 | 34 | export default Keystatic 35 | -------------------------------------------------------------------------------- /library/src/library/kotlin.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Kotlin: FC> = (props) => ( 4 | 10 | 15 | 16 | ) 17 | 18 | export default Kotlin 19 | -------------------------------------------------------------------------------- /library/src/library/license.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const License: FC> = (props) => ( 4 | 10 | 14 | 18 | 19 | ) 20 | 21 | export default License 22 | -------------------------------------------------------------------------------- /library/src/library/liquid.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Liquid: FC> = (props) => ( 4 | 10 | 15 | 16 | ) 17 | 18 | export default Liquid -------------------------------------------------------------------------------- /library/src/library/lock.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Lock: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default Lock 26 | -------------------------------------------------------------------------------- /library/src/library/lua.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Lua: FC> = (props) => ( 4 | 10 | 16 | 20 | 21 | ) 22 | 23 | export default Lua 24 | -------------------------------------------------------------------------------- /library/src/library/luau.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const Luau: FC> = (props) => ( 4 | 10 | 16 | 17 | ); 18 | 19 | export default Luau; 20 | -------------------------------------------------------------------------------- /library/src/library/markdown.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Markdown: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Markdown 18 | -------------------------------------------------------------------------------- /library/src/library/mcaddon.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const MCAddon: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default MCAddon; 18 | -------------------------------------------------------------------------------- /library/src/library/mdx.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const MarkdownX: FC> = (props) => ( 4 | 10 | 15 | 19 | 20 | ) 21 | 22 | export default MarkdownX -------------------------------------------------------------------------------- /library/src/library/mongodb.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const MongoDB: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default MongoDB; 18 | -------------------------------------------------------------------------------- /library/src/library/next.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Next: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Next 20 | -------------------------------------------------------------------------------- /library/src/library/nix.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Nix: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Nix -------------------------------------------------------------------------------- /library/src/library/nodemon.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Nodemon: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Nodemon 18 | -------------------------------------------------------------------------------- /library/src/library/notebook.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Notebook: FC> = (props) => ( 4 | 10 | 16 | 17 | 18 | ) 19 | 20 | export default Notebook 21 | -------------------------------------------------------------------------------- /library/src/library/npm.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const NPM: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default NPM 20 | -------------------------------------------------------------------------------- /library/src/library/nunjucks.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Nunjucks: FC> = (props) => ( 4 | 10 | 18 | 26 | 31 | 32 | ) 33 | 34 | export default Nunjucks -------------------------------------------------------------------------------- /library/src/library/nuxt.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const Nuxt: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default Nuxt; 18 | -------------------------------------------------------------------------------- /library/src/library/panda.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const PandaCSS: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default PandaCSS 20 | -------------------------------------------------------------------------------- /library/src/library/patch.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Patch: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Patch 18 | -------------------------------------------------------------------------------- /library/src/library/pnpm.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const PNPM: FC> = (props) => ( 4 | 10 | 14 | 18 | 19 | ) 20 | 21 | export default PNPM 22 | -------------------------------------------------------------------------------- /library/src/library/postcss.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const PostCSS: FC> = (props) => ( 4 | 10 | 16 | 23 | 30 | 31 | ) 32 | 33 | export default PostCSS 34 | -------------------------------------------------------------------------------- /library/src/library/prisma.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Prisma: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Prisma 20 | -------------------------------------------------------------------------------- /library/src/library/proto.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Proto: FC> = (props) => ( 4 | 10 | 16 | 22 | 28 | 34 | 35 | ) 36 | 37 | export default Proto 38 | -------------------------------------------------------------------------------- /library/src/library/puzzle.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Puzzle: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Puzzle 20 | -------------------------------------------------------------------------------- /library/src/library/r.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const R: FC> = (props) => ( 4 | 10 | 16 | 22 | 23 | ) 24 | 25 | export default R 26 | -------------------------------------------------------------------------------- /library/src/library/reactTest.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const ReactTest: FC> = (props) => ( 4 | 10 | 14 | 18 | 22 | 26 | 27 | ) 28 | 29 | export default ReactTest 30 | -------------------------------------------------------------------------------- /library/src/library/reactjs.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Reactjs: FC> = (props) => ( 4 | 10 | 14 | 18 | 22 | 26 | 27 | ) 28 | 29 | export default Reactjs 30 | -------------------------------------------------------------------------------- /library/src/library/reactts.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Reactts: FC> = (props) => ( 4 | 10 | 14 | 18 | 22 | 26 | 27 | ) 28 | 29 | export default Reactts 30 | -------------------------------------------------------------------------------- /library/src/library/rescript.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Rescript: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Rescript 18 | -------------------------------------------------------------------------------- /library/src/library/robot.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Robot: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Robot 20 | -------------------------------------------------------------------------------- /library/src/library/sanity.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Sanity: FC> = (props) => ( 4 | 10 | 14 | 18 | 19 | ) 20 | 21 | export default Sanity 22 | -------------------------------------------------------------------------------- /library/src/library/sbt.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Sbt: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Sbt 20 | -------------------------------------------------------------------------------- /library/src/library/serverless.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Serverless: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Serverless 18 | -------------------------------------------------------------------------------- /library/src/library/shell.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Shell: FC> = (props) => ( 4 | 10 | 17 | 18 | ) 19 | 20 | export default Shell 21 | -------------------------------------------------------------------------------- /library/src/library/stylus.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Stylus: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Stylus 18 | -------------------------------------------------------------------------------- /library/src/library/svg.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const SVG: FC> = (props) => ( 4 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | ) 17 | 18 | export default SVG 19 | -------------------------------------------------------------------------------- /library/src/library/symbols.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Symbols: FC> = (props) => ( 4 | 10 | 11 | 15 | 19 | 23 | 27 | 28 | ) 29 | 30 | export default Symbols 31 | -------------------------------------------------------------------------------- /library/src/library/tailwind.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Tailwind: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Tailwind 20 | -------------------------------------------------------------------------------- /library/src/library/tauri.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const Tauri: FC> = (props) => ( 4 | 10 | 19 | 20 | 21 | 22 | 26 | 30 | 34 | 38 | 39 | 40 | ); 41 | 42 | export default Tauri; 43 | -------------------------------------------------------------------------------- /library/src/library/terraform.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Terraform: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Terraform 18 | -------------------------------------------------------------------------------- /library/src/library/tex.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Tex: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Tex 20 | -------------------------------------------------------------------------------- /library/src/library/text.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Text: FC> = (props) => ( 4 | 10 | 11 | 12 | 13 | 14 | ) 15 | 16 | export default Text 17 | -------------------------------------------------------------------------------- /library/src/library/tsTest.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const TsTest: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default TsTest 18 | -------------------------------------------------------------------------------- /library/src/library/turborepo.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Turborepo: FC> = (props) => ( 4 | 10 | 14 | 20 | 21 | 29 | 30 | 31 | 32 | 33 | 34 | ) 35 | 36 | export default Turborepo 37 | -------------------------------------------------------------------------------- /library/src/library/twig.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Twig: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Twig 18 | -------------------------------------------------------------------------------- /library/src/library/typescript.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Typescript: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Typescript 18 | -------------------------------------------------------------------------------- /library/src/library/unocss.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Unocss: FC> = (props) => ( 4 | 10 | 11 | 15 | 19 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | ) 31 | 32 | export default Unocss 33 | -------------------------------------------------------------------------------- /library/src/library/vercel.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Vercel: FC> = (props) => ( 4 | 10 | 11 | 12 | ) 13 | 14 | export default Vercel 15 | -------------------------------------------------------------------------------- /library/src/library/video.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Video: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Video 20 | -------------------------------------------------------------------------------- /library/src/library/vite.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Vite: FC> = (props) => ( 4 | 10 | 14 | 18 | 19 | ) 20 | 21 | export default Vite 22 | -------------------------------------------------------------------------------- /library/src/library/vitest.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Vitest: FC> = (props) => ( 4 | 10 | 14 | 18 | 22 | 23 | ) 24 | 25 | export default Vitest 26 | -------------------------------------------------------------------------------- /library/src/library/vue.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Vue: FC> = (props) => ( 4 | 10 | 14 | 18 | 19 | ) 20 | 21 | export default Vue 22 | -------------------------------------------------------------------------------- /library/src/library/xml.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const XML: FC> = (props) => ( 4 | 10 | 11 | 20 | 21 | 22 | 23 | 24 | 25 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | ) 41 | 42 | export default XML 43 | -------------------------------------------------------------------------------- /library/src/library/yaml.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Yaml: FC> = (props) => ( 4 | 10 | 14 | 15 | ) 16 | 17 | export default Yaml 18 | -------------------------------------------------------------------------------- /library/src/library/yummacss.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react"; 2 | 3 | const YummaCSS: FC> = (props) => ( 4 | 10 | 14 | 15 | ); 16 | 17 | export default YummaCSS; 18 | -------------------------------------------------------------------------------- /library/src/library/zig.tsx: -------------------------------------------------------------------------------- 1 | import type { ComponentProps, FC } from "react" 2 | 3 | const Zig: FC> = (props) => ( 4 | 10 | 16 | 17 | ) 18 | 19 | export default Zig 20 | -------------------------------------------------------------------------------- /library/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "baseUrl": ".", 4 | "allowSyntheticDefaultImports": true, 5 | "declaration": true, 6 | "esModuleInterop": true, 7 | "jsx": "react-jsx", 8 | "lib": ["es5", "es2015", "es2016", "dom", "esnext"], 9 | //"types": ["node"], 10 | "module": "es2015", 11 | "moduleResolution": "node", 12 | "noImplicitAny": true, 13 | "noUnusedLocals": true, 14 | "outDir": "build", 15 | "sourceMap": true, 16 | "strict": true, 17 | "target": "es6", 18 | "typeRoots": ["node_modules/@types", "src/interfaces"] 19 | }, 20 | "include": ["src/**/*.ts", "src/**/*.tsx"] 21 | } 22 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@react-symbols/workspace", 3 | "author": "@pheralb_", 4 | "private": true, 5 | "packageManager": "pnpm@9.9.0", 6 | "workspaces": [ 7 | "website", 8 | "library" 9 | ], 10 | "scripts": { 11 | "sherif": "pnpm dlx sherif@latest", 12 | "build": "turbo build", 13 | "build:website": "turbo build --filter=@react-symbols/website", 14 | "build:library": "turbo build --filter=@react-symbols/icons", 15 | "dev": "turbo dev", 16 | "lint": "turbo lint", 17 | "typecheck": "turbo typecheck", 18 | "lint:website": "turbo lint --filter=@react-symbols/website", 19 | "format": "prettier --write .", 20 | "changeset": "changeset", 21 | "version-packages": "changeset version", 22 | "release": "turbo build --filter=@react-symbols/website^... && changeset publish" 23 | }, 24 | "devDependencies": { 25 | "@changesets/cli": "2.29.2", 26 | "@types/node": "22.15.3", 27 | "prettier": "3.5.3", 28 | "prettier-plugin-tailwindcss": "0.6.11", 29 | "turbo": "latest" 30 | }, 31 | "engines": { 32 | "node": ">=18.0.0", 33 | "npm": ">=7.0.0" 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - "library" 3 | - "website" -------------------------------------------------------------------------------- /prettier.config.mjs: -------------------------------------------------------------------------------- 1 | /** @type {import("prettier").Config} */ 2 | const config = { 3 | semi: true, 4 | plugins: ["prettier-plugin-tailwindcss"], 5 | } 6 | 7 | export default config 8 | -------------------------------------------------------------------------------- /turbo.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://turbo.build/schema.json", 3 | "ui": "tui", 4 | "tasks": { 5 | "build": { 6 | "dependsOn": ["^build"], 7 | "outputs": [".cache", "build/**", "public/build/**", "dist/**"] 8 | }, 9 | "test": { 10 | "outputs": ["coverage/**"], 11 | "dependsOn": [] 12 | }, 13 | "lint": { 14 | "dependsOn": ["^build"], 15 | "outputs": [] 16 | }, 17 | "dev": { 18 | "cache": false, 19 | "persistent": true 20 | }, 21 | "typecheck": { 22 | "cache": false, 23 | "persistent": true, 24 | "outputs": [] 25 | } 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /website/app/components/card/cardItem.tsx: -------------------------------------------------------------------------------- 1 | import type { iIcons } from "@/data/svgs"; 2 | 3 | import OpenWithV0 from "@/components/card/openWithv0"; 4 | import CopyIconActions from "@/components/card/copyIcon"; 5 | 6 | interface iCard extends iIcons { 7 | isFolder: boolean; 8 | iconSize: number; 9 | } 10 | 11 | const Card = (props: iCard) => { 12 | return ( 13 |
14 | 15 |

16 | {props.name} 17 |

18 |
19 | 24 | 28 |
29 |
30 | ); 31 | }; 32 | 33 | export default Card; 34 | -------------------------------------------------------------------------------- /website/app/components/card/openWithv0.tsx: -------------------------------------------------------------------------------- 1 | import { appConfig } from "@/config"; 2 | 3 | import ExternalLink from "@/components/externalLink"; 4 | import { buttonVariants } from "@/ui/button"; 5 | import { V0Icon } from "@/ui/icons/svgl"; 6 | 7 | interface OpenWithV0Props { 8 | itemName: string; 9 | isFolder?: boolean; 10 | } 11 | 12 | const OpenWithV0 = ({ itemName, isFolder }: OpenWithV0Props) => { 13 | return ( 14 | 26 | 27 | 28 | ); 29 | }; 30 | 31 | export default OpenWithV0; 32 | -------------------------------------------------------------------------------- /website/app/components/externalLink.tsx: -------------------------------------------------------------------------------- 1 | import type { ReactNode } from "react"; 2 | import { cn } from "@/utils"; 3 | 4 | interface Props { 5 | href: string; 6 | title: string; 7 | children: ReactNode; 8 | className?: string; 9 | } 10 | 11 | const ExternalLink = (props: Props) => { 12 | return ( 13 | 20 | {props.children} 21 | 22 | ); 23 | }; 24 | 25 | export default ExternalLink; 26 | -------------------------------------------------------------------------------- /website/app/components/grid.tsx: -------------------------------------------------------------------------------- 1 | import { cn } from "@/utils"; 2 | import type { ReactNode } from "react"; 3 | 4 | interface iGrid { 5 | children: ReactNode; 6 | className?: string; 7 | } 8 | 9 | const Grid = (props: iGrid) => { 10 | return ( 11 |
17 | {props.children} 18 |
19 | ); 20 | }; 21 | 22 | export default Grid; 23 | -------------------------------------------------------------------------------- /website/app/components/loading.tsx: -------------------------------------------------------------------------------- 1 | import { cn } from "@/utils"; 2 | 3 | interface iLoading { 4 | size: number; 5 | className?: string; 6 | } 7 | 8 | const Loading = (props: iLoading) => ( 9 |
15 | 23 | 27 | 31 | 35 | 39 | 40 |
41 | ); 42 | 43 | export default Loading; 44 | -------------------------------------------------------------------------------- /website/app/components/navbar/iconSize.tsx: -------------------------------------------------------------------------------- 1 | import { useEffect, useState } from "react"; 2 | import { useSearchParams } from "react-router"; 3 | 4 | import { Slider } from "@/ui/slider"; 5 | import { iconSizeParamKey } from "@/data/searchParams"; 6 | 7 | const IconSize = () => { 8 | const [searchParams, setSearchParams] = useSearchParams(); 9 | const [iconSizeValue, setIconSizeValue] = useState( 10 | Number(searchParams.get(iconSizeParamKey)) || 45, 11 | ); 12 | 13 | useEffect(() => { 14 | const handleChange = (value: number[]) => { 15 | const newSearchParams = new URLSearchParams(searchParams); 16 | if (value[0] === 45) { 17 | newSearchParams.delete(iconSizeParamKey); 18 | } else { 19 | newSearchParams.set(iconSizeParamKey, `${value[0]}`); 20 | } 21 | setSearchParams(newSearchParams); 22 | }; 23 | 24 | handleChange([iconSizeValue]); 25 | }, [iconSizeValue, searchParams, setSearchParams]); 26 | 27 | return ( 28 | setIconSizeValue(value[0])} 33 | max={70} 34 | min={20} 35 | step={1} 36 | /> 37 | ); 38 | }; 39 | 40 | export default IconSize; 41 | -------------------------------------------------------------------------------- /website/app/components/settings.tsx: -------------------------------------------------------------------------------- 1 | import ThemeSwitcher from "./themeSwitcher"; 2 | 3 | const Settings = () => { 4 | return ( 5 | 8 | ); 9 | }; 10 | 11 | export default Settings; 12 | -------------------------------------------------------------------------------- /website/app/components/themeSwitcher.tsx: -------------------------------------------------------------------------------- 1 | import { Button } from "@/ui/button"; 2 | import { cn } from "@/utils"; 3 | import { MoonIcon, SunIcon } from "lucide-react"; 4 | import { Theme, useTheme } from "remix-themes"; 5 | 6 | const ThemeSwitcher = () => { 7 | const [theme, setTheme] = useTheme(); 8 | const iconSize = 14; 9 | 10 | const handleChangeTheme = (theme: Theme) => { 11 | setTheme(theme); 12 | }; 13 | 14 | return ( 15 | 16 | 28 | 40 | 41 | ); 42 | }; 43 | 44 | export default ThemeSwitcher; 45 | -------------------------------------------------------------------------------- /website/app/config.ts: -------------------------------------------------------------------------------- 1 | export const appConfig = { 2 | prodUrl: "https://react-symbols.vercel.app", 3 | v0URL: "https://v0.dev/chat/api/open?url=", 4 | registryUrl: "https://react-symbols.vercel.app/r/", 5 | shadcnCommand: "npx shadcn@latest add", 6 | }; 7 | -------------------------------------------------------------------------------- /website/app/data/searchParams.ts: -------------------------------------------------------------------------------- 1 | // ⚙️ Param Keys: 2 | export const searchParamKey = "q"; 3 | export const iconSizeParamKey = "size"; 4 | -------------------------------------------------------------------------------- /website/app/data/svgs.ts: -------------------------------------------------------------------------------- 1 | import * as ReactSymbols from "@react-symbols/icons"; 2 | 3 | export interface iIcons { 4 | name: string; 5 | icon: React.FC>; 6 | } 7 | 8 | const getIcons = (filterFn: (key: string) => boolean): iIcons[] => { 9 | return Object.keys(ReactSymbols) 10 | .filter(filterFn) 11 | .map((key) => ({ 12 | name: key, 13 | icon: ( 14 | ReactSymbols as Record>> 15 | )[key], 16 | })); 17 | }; 18 | 19 | export const Icons: iIcons[] = getIcons((key) => !key.startsWith("Folder")); 20 | export const FoldersIcons: iIcons[] = getIcons((key) => 21 | key.startsWith("Folder"), 22 | ); 23 | 24 | export const totalLibraryIcons = [...Icons, ...FoldersIcons].length; 25 | export const totalIcons = Icons.length; 26 | export const totalFolders = FoldersIcons.length; 27 | -------------------------------------------------------------------------------- /website/app/globals.ts: -------------------------------------------------------------------------------- 1 | interface iGlobals { 2 | npmPackageName: string; 3 | githubSrcRepository: string; 4 | githubRawUrl: string; 5 | } 6 | 7 | export const globals: iGlobals = { 8 | npmPackageName: "@react-symbols/icons", 9 | githubSrcRepository: 10 | "https://github.com/pheralb/react-symbols/blob/main/library/src/", 11 | githubRawUrl: 12 | "https://raw.githubusercontent.com/pheralb/react-symbols/main/library/src/", 13 | }; 14 | -------------------------------------------------------------------------------- /website/app/routes.ts: -------------------------------------------------------------------------------- 1 | import type { RouteConfig } from "@react-router/dev/routes"; 2 | import { flatRoutes } from "@react-router/fs-routes"; 3 | 4 | export default flatRoutes() satisfies RouteConfig; 5 | -------------------------------------------------------------------------------- /website/app/routes/action.set-theme.ts: -------------------------------------------------------------------------------- 1 | import { createThemeAction } from "remix-themes"; 2 | import { themeSessionResolver } from "@/sessions.server"; 3 | 4 | export const action = createThemeAction(themeSessionResolver); 5 | -------------------------------------------------------------------------------- /website/app/sessions.server.tsx: -------------------------------------------------------------------------------- 1 | import { createCookieSessionStorage } from "react-router"; 2 | import { createThemeSessionResolver } from "remix-themes"; 3 | const isProduction = process.env.NODE_ENV === "production"; 4 | 5 | const sessionStorage = createCookieSessionStorage({ 6 | cookie: { 7 | name: "theme", 8 | path: "/", 9 | httpOnly: true, 10 | sameSite: "lax", 11 | secrets: ["s3cr3t"], 12 | ...(isProduction 13 | ? { domain: "react-symbols.vercel.app", secure: true } 14 | : {}), 15 | }, 16 | }); 17 | 18 | export const themeSessionResolver = createThemeSessionResolver(sessionStorage); 19 | -------------------------------------------------------------------------------- /website/app/styles/globals.css: -------------------------------------------------------------------------------- 1 | @import "tailwindcss"; 2 | @import "tw-animate-css"; 3 | 4 | /* Dark Mode */ 5 | @custom-variant dark (&:is(.dark *)); 6 | 7 | /* Fonts */ 8 | @font-face { 9 | font-family: InterVariable; 10 | font-style: normal; 11 | font-weight: 100 900; 12 | font-display: swap; 13 | src: url("/fonts/InterVariable.woff2") format("woff2"); 14 | } 15 | 16 | @font-face { 17 | font-family: "GeistMono"; 18 | src: url("/fonts/GeistMono.woff2") format("woff2"); 19 | font-display: swap; 20 | } 21 | 22 | @theme { 23 | /* Colors */ 24 | --color-react-symbol-pink: #c084fc; 25 | --color-react-symbol-aqua: #22d3ee; 26 | 27 | /* Fonts */ 28 | --font-sans: "InterVariable", ui-sans-serif, system-ui, sans-serif, 29 | "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; 30 | --font-mono: "GeistMono", ui-monospace, SFMono-Regular, Consolas, 31 | "Liberation Mono"; 32 | 33 | /* Animations */ 34 | --animate-spin-slow: spin 4s linear infinite; 35 | } 36 | -------------------------------------------------------------------------------- /website/app/ui/container.ts: -------------------------------------------------------------------------------- 1 | import { cn } from "@/utils"; 2 | 3 | export const containerClasses = cn( 4 | "container mx-auto px-4 md:px-4 lg:px-4 xl:px-0 max-w-6xl", 5 | ); 6 | -------------------------------------------------------------------------------- /website/app/ui/divider.tsx: -------------------------------------------------------------------------------- 1 | import { cn } from "@/utils"; 2 | 3 | interface iDividerProps { 4 | className?: string; 5 | } 6 | 7 | const Divider = (props: iDividerProps) => { 8 | return ( 9 |
15 | ); 16 | }; 17 | 18 | export default Divider; 19 | -------------------------------------------------------------------------------- /website/app/ui/input.tsx: -------------------------------------------------------------------------------- 1 | import { forwardRef } from "react"; 2 | import { cn } from "@/utils"; 3 | 4 | export type InputProps = React.InputHTMLAttributes; 5 | 6 | const Input = forwardRef( 7 | ({ className, type, ...props }, ref) => { 8 | return ( 9 | 18 | ); 19 | }, 20 | ); 21 | Input.displayName = "Input"; 22 | 23 | export { Input }; 24 | -------------------------------------------------------------------------------- /website/app/ui/tooltip.tsx: -------------------------------------------------------------------------------- 1 | import * as TooltipPrimitive from "@radix-ui/react-tooltip"; 2 | 3 | import { cn } from "@/utils"; 4 | import { forwardRef } from "react"; 5 | 6 | const TooltipProvider = TooltipPrimitive.Provider; 7 | const Tooltip = TooltipPrimitive.Root; 8 | const TooltipTrigger = TooltipPrimitive.Trigger; 9 | 10 | const TooltipContent = forwardRef< 11 | React.ElementRef, 12 | React.ComponentPropsWithoutRef 13 | >(({ className, sideOffset = 4, ...props }, ref) => ( 14 | 23 | )); 24 | TooltipContent.displayName = TooltipPrimitive.Content.displayName; 25 | 26 | export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }; 27 | -------------------------------------------------------------------------------- /website/app/utils/index.ts: -------------------------------------------------------------------------------- 1 | import { clsx, type ClassValue } from "clsx"; 2 | import { twMerge } from "tailwind-merge"; 3 | 4 | export function cn(...inputs: ClassValue[]) { 5 | return twMerge(clsx(inputs)); 6 | } 7 | 8 | const MIMETYPE = "text/plain"; 9 | 10 | export const clipboard = async (content: string) => { 11 | try { 12 | const clipboardItem = new ClipboardItem({ 13 | [MIMETYPE]: new Blob([content], { type: MIMETYPE }), 14 | }); 15 | 16 | setTimeout(async () => { 17 | await navigator.clipboard.write([clipboardItem]); 18 | }, 200); 19 | // eslint-disable-next-line @typescript-eslint/no-unused-vars 20 | } catch (error) { 21 | await navigator.clipboard.writeText(content); 22 | } 23 | }; 24 | -------------------------------------------------------------------------------- /website/components.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://ui.shadcn.com/schema.json", 3 | "style": "new-york", 4 | "rsc": false, 5 | "tsx": true, 6 | "iconLibrary": "lucide", 7 | "tailwind": { 8 | "config": "tailwind.config.ts", 9 | "css": "app/styles/globals.css", 10 | "baseColor": "zinc", 11 | "cssVariables": false, 12 | "prefix": "" 13 | }, 14 | "aliases": { 15 | "components": "@/components", 16 | "utils": "@/utils", 17 | "ui": "@/ui", 18 | "lib": "@/utils", 19 | "hooks": "@/hooks" 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /website/eslint.config.mjs: -------------------------------------------------------------------------------- 1 | import js from "@eslint/js"; 2 | import globals from "globals"; 3 | 4 | import jsxA11y from "eslint-plugin-jsx-a11y"; 5 | import tseslint from "typescript-eslint"; 6 | import reactHooks from "eslint-plugin-react-hooks"; 7 | import reactRefresh from "eslint-plugin-react-refresh"; 8 | 9 | export default tseslint.config( 10 | { ignores: ["dist"] }, 11 | { 12 | extends: [ 13 | js.configs.recommended, 14 | jsxA11y.flatConfigs.recommended, 15 | ...tseslint.configs.recommended, 16 | ], 17 | files: ["**/*.{ts,tsx}"], 18 | languageOptions: { 19 | ecmaVersion: 2020, 20 | globals: globals.browser, 21 | }, 22 | plugins: { 23 | "react-hooks": reactHooks, 24 | "react-refresh": reactRefresh, 25 | }, 26 | rules: { 27 | ...reactHooks.configs.recommended.rules, 28 | "react-refresh/only-export-components": ["off"], 29 | }, 30 | }, 31 | ); 32 | -------------------------------------------------------------------------------- /website/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/favicon.ico -------------------------------------------------------------------------------- /website/public/fonts/GeistMono.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/fonts/GeistMono.woff2 -------------------------------------------------------------------------------- /website/public/fonts/InterVariable.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/fonts/InterVariable.woff2 -------------------------------------------------------------------------------- /website/public/images/apple-touch-icon-180x180.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/images/apple-touch-icon-180x180.png -------------------------------------------------------------------------------- /website/public/images/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/images/banner.png -------------------------------------------------------------------------------- /website/public/images/icon-192x192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/images/icon-192x192.png -------------------------------------------------------------------------------- /website/public/images/icon-256x256.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/images/icon-256x256.png -------------------------------------------------------------------------------- /website/public/images/icon-384x384.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/images/icon-384x384.png -------------------------------------------------------------------------------- /website/public/images/icon-512x512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/images/icon-512x512.png -------------------------------------------------------------------------------- /website/public/images/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/images/logo.png -------------------------------------------------------------------------------- /website/public/images/logo_svg.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /website/public/images/og.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/images/og.png -------------------------------------------------------------------------------- /website/public/images/transparent.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pheralb/react-symbols/5ab8cb76668b4de0ac917de42877c90961d290d2/website/public/images/transparent.png -------------------------------------------------------------------------------- /website/public/manifest.webmanifest: -------------------------------------------------------------------------------- 1 | { 2 | "theme_color": "#1C1C1F", 3 | "background_color": "#1C1C1F", 4 | "display": "standalone", 5 | "scope": "/", 6 | "start_url": "/", 7 | "name": "React-Symbols", 8 | "short_name": "React-Symbols", 9 | "description": "Symbols by Miguel Solorio, for React.", 10 | "icons": [ 11 | { 12 | "src": "/images/icon-192x192.png", 13 | "sizes": "192x192", 14 | "type": "image/png" 15 | }, 16 | { 17 | "src": "/images/icon-256x256.png", 18 | "sizes": "256x256", 19 | "type": "image/png" 20 | }, 21 | { 22 | "src": "/images/icon-384x384.png", 23 | "sizes": "384x384", 24 | "type": "image/png" 25 | }, 26 | { 27 | "src": "/images/icon-512x512.png", 28 | "sizes": "512x512", 29 | "type": "image/png" 30 | } 31 | ] 32 | } 33 | -------------------------------------------------------------------------------- /website/react-router.config.ts: -------------------------------------------------------------------------------- 1 | import type { Config } from "@react-router/dev/config"; 2 | import { vercelPreset } from "@vercel/react-router/vite"; 3 | 4 | export default { 5 | ssr: true, 6 | presets: [vercelPreset()], 7 | } satisfies Config; 8 | -------------------------------------------------------------------------------- /website/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "include": [ 3 | "**/*", 4 | "**/.server/**/*", 5 | "**/.client/**/*", 6 | ".react-router/types/**/*" 7 | ], 8 | "compilerOptions": { 9 | "lib": ["DOM", "DOM.Iterable", "ES2022"], 10 | "types": ["node", "vite/client"], 11 | "target": "ES2022", 12 | "module": "ES2022", 13 | "moduleResolution": "bundler", 14 | "jsx": "react-jsx", 15 | "rootDirs": [".", "./.react-router/types"], 16 | "baseUrl": ".", 17 | "paths": { 18 | "@/*": ["./app/*"], 19 | "@react-symbols/icons": ["../library/src/index.ts"] 20 | }, 21 | "esModuleInterop": true, 22 | "verbatimModuleSyntax": true, 23 | "noEmit": true, 24 | "resolveJsonModule": true, 25 | "skipLibCheck": true, 26 | "strict": true 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /website/vercel.json: -------------------------------------------------------------------------------- 1 | { 2 | "headers": [ 3 | { 4 | "source": "/:all*(ttf|otf|woff|woff2)", 5 | "headers": [ 6 | { 7 | "key": "Cache-Control", 8 | "value": "public, max-age=31536000, immutable" 9 | } 10 | ] 11 | }, 12 | { 13 | "source": "/:all*(json)", 14 | "headers": [ 15 | { 16 | "key": "Cache-Control", 17 | "value": "public, max-age=172800, immutable" 18 | } 19 | ] 20 | } 21 | ], 22 | "redirects": [ 23 | { 24 | "source": "/git", 25 | "destination": "https://github.com/pheralb/react-symbols" 26 | } 27 | ] 28 | } 29 | -------------------------------------------------------------------------------- /website/vite.config.ts: -------------------------------------------------------------------------------- 1 | import path from "path"; 2 | import { defineConfig } from "vite"; 3 | 4 | // Plugins: 5 | import tailwindcss from "@tailwindcss/vite"; 6 | import { reactRouter } from "@react-router/dev/vite"; 7 | 8 | export default defineConfig({ 9 | resolve: { 10 | alias: { 11 | "@": path.resolve(__dirname, "app"), 12 | "@react-symbols/icons": path.resolve( 13 | __dirname, 14 | "../library/src/index.ts", 15 | ), 16 | }, 17 | }, 18 | plugins: [reactRouter(), tailwindcss()], 19 | }); 20 | --------------------------------------------------------------------------------