From 366f5c3240b2137bb2794d4876a8ba734d74e088 Mon Sep 17 00:00:00 2001 From: Stefan Kalysta Date: Mon, 23 Oct 2023 20:57:33 +0300 Subject: [PATCH] Icons upgrade --- .github/ISSUE_TEMPLATE/1-bug-report.md | 2 +- .gitignore | 3 + package.json | 24 +++-- scripts/convert.js | 29 ----- scripts/generate.js | 33 ------ scripts/icons/icons-generate.ts | 100 ++++++++++++++++++ scripts/icons/icons-update.ts | 15 +++ scripts/icons/svgo.config.ts | 27 +++++ scripts/icons/tsconfig.json | 17 +++ scripts/icons/utils.ts | 48 +++++++++ .../bottom-navigation/bottom-navigation.mdx | 2 +- .../components/breadcrumbs/breadcrumbs.mdx | 4 +- .../button-dropdown/button-dropdown.mdx | 2 +- src/app/components/button/button.mdx | 6 +- src/app/components/code/code.mdx | 2 +- src/app/components/icons/icons.mdx | 23 ++-- src/app/components/input/input.mdx | 2 +- src/app/components/pagination/pagination.mdx | 12 +-- src/app/components/quick-bar/quick-bar.mdx | 2 +- src/app/components/rating/rating.mdx | 2 +- src/app/components/scroll/scroll.mdx | 2 +- src/app/components/search/search.mdx | 2 +- src/app/components/tabs/tabs.mdx | 4 +- src/app/guide/bundle-size/bundle-size.mdx | 4 +- src/app/hooks/use-search/use-search.mdx | 2 +- src/app/page.tsx | 2 +- src/components/carousel/carousel.tsx | 2 +- src/components/css-baseline/css-baseline.tsx | 3 +- src/components/header/back-button.tsx | 2 +- src/components/hero/hero.tsx | 2 +- src/components/icons/activity.tsx | 25 ++--- src/components/icons/airplay.tsx | 26 ++--- src/components/icons/alertCircle.tsx | 26 ++--- src/components/icons/alertCircleFill.tsx | 7 ++ src/components/icons/alertOctagon.tsx | 25 ++--- src/components/icons/alertTriangle.tsx | 25 ++--- src/components/icons/alertTriangleFill.tsx | 7 ++ src/components/icons/alignCenter.tsx | 25 ++--- src/components/icons/alignJustify.tsx | 25 ++--- src/components/icons/alignLeft.tsx | 25 ++--- src/components/icons/alignRight.tsx | 25 ++--- src/components/icons/anchor.tsx | 26 ++--- src/components/icons/aperture.tsx | 26 ++--- src/components/icons/archive.tsx | 25 ++--- src/components/icons/arrowDown.tsx | 25 ++--- src/components/icons/arrowDownCircle.tsx | 26 ++--- src/components/icons/arrowDownCircleFill.tsx | 7 ++ src/components/icons/arrowDownLeft.tsx | 25 ++--- src/components/icons/arrowDownRight.tsx | 25 ++--- src/components/icons/arrowLeft.tsx | 25 ++--- src/components/icons/arrowLeftCircle.tsx | 26 ++--- src/components/icons/arrowRight.tsx | 25 ++--- src/components/icons/arrowRightCircle.tsx | 26 ++--- src/components/icons/arrowRightCircleFill.tsx | 7 ++ src/components/icons/arrowUp.tsx | 25 ++--- src/components/icons/arrowUpCircle.tsx | 26 ++--- src/components/icons/arrowUpLeft.tsx | 25 ++--- src/components/icons/arrowUpRight.tsx | 25 ++--- src/components/icons/atSign.tsx | 26 ++--- src/components/icons/award.tsx | 26 ++--- src/components/icons/barChart.tsx | 25 ++--- src/components/icons/barChart2.tsx | 25 ++--- src/components/icons/battery.tsx | 26 ++--- src/components/icons/batteryCharging.tsx | 25 ++--- src/components/icons/bell.tsx | 25 ++--- src/components/icons/bellOff.tsx | 25 ++--- src/components/icons/bluetooth.tsx | 25 ++--- src/components/icons/bold.tsx | 25 ++--- src/components/icons/book.tsx | 26 ++--- src/components/icons/bookOpen.tsx | 25 ++--- src/components/icons/bookmark.tsx | 25 ++--- src/components/icons/box.tsx | 26 ++--- src/components/icons/boxWithRing.tsx | 7 ++ src/components/icons/branch.tsx | 7 ++ src/components/icons/brandedSlack.tsx | 7 ++ src/components/icons/brandedSlackFill.tsx | 7 ++ src/components/icons/briefcase.tsx | 26 ++--- src/components/icons/calendar.tsx | 26 ++--- src/components/icons/camera.tsx | 26 ++--- src/components/icons/cameraOff.tsx | 25 ++--- src/components/icons/cast.tsx | 25 ++--- src/components/icons/check.tsx | 25 ++--- src/components/icons/checkCircle.tsx | 26 ++--- src/components/icons/checkInCircle.tsx | 7 ++ src/components/icons/checkInCircleFill.tsx | 7 ++ src/components/icons/checkInDashedCircle.tsx | 7 ++ src/components/icons/checkSquare.tsx | 26 ++--- src/components/icons/checkbox.tsx | 7 ++ src/components/icons/checkboxFill.tsx | 7 ++ src/components/icons/chevronDown.tsx | 25 ++--- src/components/icons/chevronDownCircle.tsx | 7 ++ .../icons/chevronDownCircleFill.tsx | 7 ++ src/components/icons/chevronLeft.tsx | 25 ++--- src/components/icons/chevronLeftCircle.tsx | 7 ++ .../icons/chevronLeftCircleFill.tsx | 7 ++ src/components/icons/chevronRight.tsx | 25 ++--- src/components/icons/chevronRightCircle.tsx | 7 ++ .../icons/chevronRightCircleFill.tsx | 7 ++ src/components/icons/chevronUp.tsx | 25 ++--- src/components/icons/chevronUpCircle.tsx | 7 ++ src/components/icons/chevronUpCircleFill.tsx | 7 ++ src/components/icons/chevronUpDown.tsx | 7 ++ src/components/icons/chevronsDown.tsx | 25 ++--- src/components/icons/chevronsLeft.tsx | 25 ++--- src/components/icons/chevronsLeftRight.tsx | 7 ++ src/components/icons/chevronsRight.tsx | 25 ++--- src/components/icons/chevronsUp.tsx | 25 ++--- src/components/icons/chrome.tsx | 27 ++--- src/components/icons/circle.tsx | 25 ++--- src/components/icons/circleFill.tsx | 7 ++ src/components/icons/clipboard.tsx | 26 ++--- src/components/icons/clock.tsx | 26 ++--- src/components/icons/cloud.tsx | 25 ++--- src/components/icons/cloudDrizzle.tsx | 25 ++--- src/components/icons/cloudLightning.tsx | 26 ++--- src/components/icons/cloudOff.tsx | 25 ++--- src/components/icons/cloudRain.tsx | 25 ++--- src/components/icons/cloudSnow.tsx | 25 ++--- src/components/icons/code.tsx | 25 ++--- src/components/icons/codepen.tsx | 27 ++--- src/components/icons/codesandbox.tsx | 26 ++--- src/components/icons/coffee.tsx | 25 ++--- src/components/icons/columns.tsx | 25 ++--- src/components/icons/command.tsx | 25 ++--- src/components/icons/compass.tsx | 26 ++--- src/components/icons/connection.tsx | 7 ++ src/components/icons/copy.tsx | 26 ++--- src/components/icons/cornerDownLeft.tsx | 26 ++--- src/components/icons/cornerDownRight.tsx | 26 ++--- src/components/icons/cornerLeftDown.tsx | 26 ++--- src/components/icons/cornerLeftUp.tsx | 26 ++--- src/components/icons/cornerRightDown.tsx | 26 ++--- src/components/icons/cornerRightUp.tsx | 26 ++--- src/components/icons/cornerUpLeft.tsx | 26 ++--- src/components/icons/cornerUpRight.tsx | 26 ++--- src/components/icons/cpu.tsx | 26 ++--- src/components/icons/creditCard.tsx | 26 ++--- src/components/icons/crop.tsx | 26 ++--- src/components/icons/crosshair.tsx | 26 ++--- src/components/icons/cursor.tsx | 7 ++ src/components/icons/database.tsx | 27 ++--- src/components/icons/delete.tsx | 25 ++--- src/components/icons/disc.tsx | 26 ++--- src/components/icons/display.tsx | 7 ++ src/components/icons/divide.tsx | 20 ---- src/components/icons/divideCircle.tsx | 19 ---- src/components/icons/divideSquare.tsx | 19 ---- src/components/icons/divider.tsx | 7 ++ src/components/icons/document.tsx | 7 ++ src/components/icons/dollarSign.tsx | 25 ++--- src/components/icons/download.tsx | 25 ++--- src/components/icons/downloadCloud.tsx | 26 ++--- src/components/icons/drag.tsx | 7 ++ src/components/icons/dribbble.tsx | 19 ---- src/components/icons/droplet.tsx | 25 ++--- src/components/icons/edge.tsx | 7 ++ src/components/icons/edgeConfig.tsx | 7 ++ src/components/icons/edit.tsx | 26 ++--- src/components/icons/edit2.tsx | 25 ++--- src/components/icons/edit3.tsx | 25 ++--- src/components/icons/emoji.tsx | 7 ++ src/components/icons/errorCircle.tsx | 7 ++ src/components/icons/errorCircleFill.tsx | 7 ++ src/components/icons/externalLink.tsx | 25 ++--- src/components/icons/eye.tsx | 26 ++--- src/components/icons/eyeOff.tsx | 25 ++--- src/components/icons/facebook.tsx | 25 ++--- src/components/icons/facebookFill.tsx | 7 ++ src/components/icons/fastForward.tsx | 25 ++--- src/components/icons/feather.tsx | 25 ++--- src/components/icons/figma.tsx | 26 ++--- src/components/icons/file.tsx | 26 ++--- src/components/icons/fileFunction.tsx | 7 ++ src/components/icons/fileFunctionFill.tsx | 7 ++ src/components/icons/fileLambda.tsx | 7 ++ src/components/icons/fileLambdaFill.tsx | 7 ++ src/components/icons/fileMinus.tsx | 26 ++--- src/components/icons/filePlus.tsx | 26 ++--- src/components/icons/fileText.tsx | 26 ++--- src/components/icons/film.tsx | 26 ++--- src/components/icons/filter.tsx | 25 ++--- src/components/icons/flag.tsx | 25 ++--- src/components/icons/folder.tsx | 25 ++--- src/components/icons/folderMinus.tsx | 25 ++--- src/components/icons/folderOpen.tsx | 7 ++ src/components/icons/folderPlus.tsx | 25 ++--- src/components/icons/framer.tsx | 25 ++--- src/components/icons/frown.tsx | 26 ++--- src/components/icons/fullScreen.tsx | 7 ++ src/components/icons/fullScreenClose.tsx | 7 ++ src/components/icons/function.tsx | 7 ++ src/components/icons/geist.tsx | 7 ++ src/components/icons/gift.tsx | 25 ++--- src/components/icons/gitBranch.tsx | 28 ++--- src/components/icons/gitCommit.tsx | 26 ++--- src/components/icons/gitMerge.tsx | 27 ++--- src/components/icons/gitPullRequest.tsx | 27 ++--- src/components/icons/github.tsx | 25 ++--- src/components/icons/gitlab.tsx | 25 ++--- src/components/icons/globe.tsx | 26 ++--- src/components/icons/grid.tsx | 25 ++--- src/components/icons/hardDrive.tsx | 25 ++--- src/components/icons/hash.tsx | 25 ++--- src/components/icons/headphones.tsx | 26 ++--- src/components/icons/heart.tsx | 25 ++--- src/components/icons/heartFill.tsx | 7 ++ src/components/icons/helpCircle.tsx | 26 ++--- src/components/icons/hexagon.tsx | 25 ++--- src/components/icons/home.tsx | 26 ++--- src/components/icons/image.tsx | 27 ++--- src/components/icons/inbox.tsx | 26 ++--- src/components/icons/index.ts | 97 ++++++++++++++--- src/components/icons/infinityIcon.tsx | 7 ++ src/components/icons/info.tsx | 26 ++--- src/components/icons/infoFill.tsx | 22 ++++ src/components/icons/infoFillFill.tsx | 7 ++ src/components/icons/instagram.tsx | 26 ++--- src/components/icons/italic.tsx | 25 ++--- src/components/icons/key.tsx | 25 ++--- src/components/icons/lambda.tsx | 7 ++ src/components/icons/layers.tsx | 25 ++--- src/components/icons/layout.tsx | 26 ++--- src/components/icons/lifeBuoy.tsx | 27 ++--- src/components/icons/lightningBolt.tsx | 7 ++ src/components/icons/lightningBoltFill.tsx | 7 ++ src/components/icons/link.tsx | 26 ++--- src/components/icons/link2.tsx | 25 ++--- src/components/icons/linkedin.tsx | 26 ++--- src/components/icons/linkedinFill.tsx | 7 ++ src/components/icons/list.tsx | 25 ++--- src/components/icons/loader.tsx | 25 ++--- src/components/icons/lock.tsx | 26 ++--- src/components/icons/logIn.tsx | 25 ++--- src/components/icons/logOut.tsx | 25 ++--- src/components/icons/mail.tsx | 26 ++--- src/components/icons/map.tsx | 25 ++--- src/components/icons/mapPin.tsx | 26 ++--- src/components/icons/maximize.tsx | 25 ++--- src/components/icons/maximize2.tsx | 25 ++--- src/components/icons/meh.tsx | 26 ++--- src/components/icons/menu.tsx | 25 ++--- src/components/icons/messageCircle.tsx | 25 ++--- src/components/icons/messageSquare.tsx | 25 ++--- src/components/icons/mic.tsx | 26 ++--- src/components/icons/micOff.tsx | 26 ++--- src/components/icons/middleware.tsx | 7 ++ src/components/icons/minimize.tsx | 25 ++--- src/components/icons/minimize2.tsx | 25 ++--- src/components/icons/minus.tsx | 25 ++--- src/components/icons/minusCircle.tsx | 26 ++--- src/components/icons/minusSquare.tsx | 26 ++--- src/components/icons/monitor.tsx | 26 ++--- src/components/icons/moon.tsx | 25 ++--- src/components/icons/moreHorizontal.tsx | 27 ++--- src/components/icons/moreVertical.tsx | 27 ++--- src/components/icons/mousePointer.tsx | 25 ++--- src/components/icons/move.tsx | 25 ++--- src/components/icons/music.tsx | 27 ++--- src/components/icons/navigation.tsx | 25 ++--- src/components/icons/navigation2.tsx | 25 ++--- src/components/icons/octagon.tsx | 25 ++--- src/components/icons/organization.tsx | 7 ++ src/components/icons/package.tsx | 26 ++--- src/components/icons/paperclip.tsx | 25 ++--- src/components/icons/pause.tsx | 25 ++--- src/components/icons/pauseCircle.tsx | 26 ++--- src/components/icons/pauseFill.tsx | 7 ++ src/components/icons/penTool.tsx | 27 ++--- src/components/icons/percent.tsx | 27 ++--- src/components/icons/phone.tsx | 25 ++--- src/components/icons/phoneCall.tsx | 18 ---- src/components/icons/phoneForwarded.tsx | 25 ++--- src/components/icons/phoneIncoming.tsx | 25 ++--- src/components/icons/phoneMissed.tsx | 25 ++--- src/components/icons/phoneOff.tsx | 25 ++--- src/components/icons/phoneOutgoing.tsx | 25 ++--- src/components/icons/pieChart.tsx | 26 ++--- src/components/icons/pin.tsx | 7 ++ src/components/icons/play.tsx | 25 ++--- src/components/icons/playCircle.tsx | 26 ++--- src/components/icons/playFill.tsx | 7 ++ src/components/icons/playSolid.tsx | 7 ++ src/components/icons/playSolidFill.tsx | 7 ++ src/components/icons/plus.tsx | 25 ++--- src/components/icons/plusCircle.tsx | 26 ++--- src/components/icons/plusSquare.tsx | 26 ++--- src/components/icons/pocket.tsx | 26 ++--- src/components/icons/power.tsx | 25 ++--- src/components/icons/printer.tsx | 26 ++--- src/components/icons/questionCircle.tsx | 7 ++ src/components/icons/radio.tsx | 26 ++--- src/components/icons/refreshCcw.tsx | 26 ++--- src/components/icons/refreshCw.tsx | 26 ++--- src/components/icons/repeat.tsx | 27 ++--- src/components/icons/rewind.tsx | 25 ++--- src/components/icons/rotateCcw.tsx | 26 ++--- src/components/icons/rotateCw.tsx | 26 ++--- src/components/icons/rss.tsx | 26 ++--- src/components/icons/save.tsx | 26 ++--- src/components/icons/scissors.tsx | 27 ++--- src/components/icons/search.tsx | 26 ++--- src/components/icons/send.tsx | 25 ++--- src/components/icons/server.tsx | 27 ++--- src/components/icons/serverless.tsx | 7 ++ src/components/icons/settings.tsx | 26 ++--- src/components/icons/share.tsx | 25 ++--- src/components/icons/share2.tsx | 28 ++--- src/components/icons/shield.tsx | 25 ++--- src/components/icons/shieldOff.tsx | 25 ++--- src/components/icons/shoppingBag.tsx | 26 ++--- src/components/icons/shoppingCart.tsx | 27 ++--- src/components/icons/shuffle.tsx | 25 ++--- src/components/icons/sidebar.tsx | 26 ++--- src/components/icons/skipBack.tsx | 25 ++--- src/components/icons/skipForward.tsx | 25 ++--- src/components/icons/slack.tsx | 25 ++--- src/components/icons/slackFill.tsx | 7 ++ src/components/icons/slash.tsx | 26 ++--- src/components/icons/sliders.tsx | 25 ++--- src/components/icons/smartphone.tsx | 26 ++--- src/components/icons/smile.tsx | 26 ++--- src/components/icons/sort.tsx | 7 ++ src/components/icons/speaker.tsx | 27 ++--- src/components/icons/square.tsx | 25 ++--- src/components/icons/star.tsx | 25 ++--- src/components/icons/static.tsx | 7 ++ src/components/icons/stopCircle.tsx | 26 ++--- src/components/icons/sun.tsx | 26 ++--- src/components/icons/sunrise.tsx | 25 ++--- src/components/icons/sunset.tsx | 25 ++--- src/components/icons/table.tsx | 18 ---- src/components/icons/tablet.tsx | 26 ++--- src/components/icons/tag.tsx | 25 ++--- src/components/icons/target.tsx | 27 ++--- src/components/icons/terminal.tsx | 25 ++--- src/components/icons/thermometer.tsx | 25 ++--- src/components/icons/thumbsDown.tsx | 25 ++--- src/components/icons/thumbsUp.tsx | 25 ++--- src/components/icons/toggleLeft.tsx | 26 ++--- src/components/icons/toggleRight.tsx | 26 ++--- src/components/icons/tool.tsx | 25 ++--- src/components/icons/trash.tsx | 25 ++--- src/components/icons/trash2.tsx | 25 ++--- src/components/icons/trello.tsx | 26 ++--- src/components/icons/trendingDown.tsx | 26 ++--- src/components/icons/trendingUp.tsx | 26 ++--- src/components/icons/triangle.tsx | 25 ++--- src/components/icons/truck.tsx | 27 ++--- src/components/icons/tv.tsx | 26 ++--- src/components/icons/twitch.tsx | 25 ++--- src/components/icons/twitter.tsx | 25 ++--- src/components/icons/twitterFill.tsx | 7 ++ src/components/icons/type.tsx | 25 ++--- src/components/icons/umbrella.tsx | 25 ++--- src/components/icons/underline.tsx | 25 ++--- src/components/icons/unlock.tsx | 26 ++--- src/components/icons/upload.tsx | 25 ++--- src/components/icons/uploadCloud.tsx | 27 ++--- src/components/icons/user.tsx | 26 ++--- src/components/icons/userCheck.tsx | 27 ++--- src/components/icons/userMinus.tsx | 27 ++--- src/components/icons/userPlus.tsx | 27 ++--- src/components/icons/userX.tsx | 27 ++--- src/components/icons/users.tsx | 27 ++--- src/components/icons/vercelTriangle.tsx | 7 ++ src/components/icons/vercelTriangleFilled.tsx | 7 ++ src/components/icons/video.tsx | 26 ++--- src/components/icons/videoOff.tsx | 25 ++--- src/components/icons/voicemail.tsx | 27 ++--- src/components/icons/volume.tsx | 25 ++--- src/components/icons/volume1.tsx | 25 ++--- src/components/icons/volume2.tsx | 25 ++--- src/components/icons/volumeX.tsx | 25 ++--- src/components/icons/watch.tsx | 26 ++--- src/components/icons/wifi.tsx | 25 ++--- src/components/icons/wifiOff.tsx | 25 ++--- src/components/icons/wind.tsx | 25 ++--- src/components/icons/x.tsx | 25 ++--- src/components/icons/xCircle.tsx | 26 ++--- src/components/icons/xCircleFill.tsx | 7 ++ src/components/icons/xOctagon.tsx | 25 ++--- src/components/icons/xSquare.tsx | 26 ++--- src/components/icons/youtube.tsx | 26 ++--- src/components/icons/zap.tsx | 25 ++--- src/components/icons/zapOff.tsx | 25 ++--- src/components/icons/zeroConfig.tsx | 7 ++ src/components/icons/zoomIn.tsx | 26 ++--- src/components/icons/zoomOut.tsx | 26 ++--- src/components/mobile-menu/group.tsx | 2 +- .../mobile-menu/mobile-menu-button.tsx | 5 +- src/components/navigation/item.tsx | 2 +- src/components/note/note.tsx | 2 +- src/components/search/search-icon.tsx | 15 ++- src/components/sidebar/sidebar-switcher.tsx | 2 +- .../theme-switcher/theme-switcher.tsx | 6 +- src/lib/components/customization/editor.tsx | 2 +- .../mdx-widgets/icons-gallery/icons-cell.tsx | 1 + src/lib/components/playground/editor.tsx | 4 +- src/lib/components/services.tsx | 8 +- src/lib/layouts/core-layout.tsx | 2 +- yarn.lock | 23 ++-- 401 files changed, 2861 insertions(+), 5498 deletions(-) delete mode 100644 scripts/convert.js delete mode 100644 scripts/generate.js create mode 100644 scripts/icons/icons-generate.ts create mode 100644 scripts/icons/icons-update.ts create mode 100644 scripts/icons/svgo.config.ts create mode 100644 scripts/icons/tsconfig.json create mode 100644 scripts/icons/utils.ts create mode 100644 src/components/icons/alertCircleFill.tsx create mode 100644 src/components/icons/alertTriangleFill.tsx create mode 100644 src/components/icons/arrowDownCircleFill.tsx create mode 100644 src/components/icons/arrowRightCircleFill.tsx create mode 100644 src/components/icons/boxWithRing.tsx create mode 100644 src/components/icons/branch.tsx create mode 100644 src/components/icons/brandedSlack.tsx create mode 100644 src/components/icons/brandedSlackFill.tsx create mode 100644 src/components/icons/checkInCircle.tsx create mode 100644 src/components/icons/checkInCircleFill.tsx create mode 100644 src/components/icons/checkInDashedCircle.tsx create mode 100644 src/components/icons/checkbox.tsx create mode 100644 src/components/icons/checkboxFill.tsx create mode 100644 src/components/icons/chevronDownCircle.tsx create mode 100644 src/components/icons/chevronDownCircleFill.tsx create mode 100644 src/components/icons/chevronLeftCircle.tsx create mode 100644 src/components/icons/chevronLeftCircleFill.tsx create mode 100644 src/components/icons/chevronRightCircle.tsx create mode 100644 src/components/icons/chevronRightCircleFill.tsx create mode 100644 src/components/icons/chevronUpCircle.tsx create mode 100644 src/components/icons/chevronUpCircleFill.tsx create mode 100644 src/components/icons/chevronUpDown.tsx create mode 100644 src/components/icons/chevronsLeftRight.tsx create mode 100644 src/components/icons/circleFill.tsx create mode 100644 src/components/icons/connection.tsx create mode 100644 src/components/icons/cursor.tsx create mode 100644 src/components/icons/display.tsx delete mode 100644 src/components/icons/divide.tsx delete mode 100644 src/components/icons/divideCircle.tsx delete mode 100644 src/components/icons/divideSquare.tsx create mode 100644 src/components/icons/divider.tsx create mode 100644 src/components/icons/document.tsx create mode 100644 src/components/icons/drag.tsx delete mode 100644 src/components/icons/dribbble.tsx create mode 100644 src/components/icons/edge.tsx create mode 100644 src/components/icons/edgeConfig.tsx create mode 100644 src/components/icons/emoji.tsx create mode 100644 src/components/icons/errorCircle.tsx create mode 100644 src/components/icons/errorCircleFill.tsx create mode 100644 src/components/icons/facebookFill.tsx create mode 100644 src/components/icons/fileFunction.tsx create mode 100644 src/components/icons/fileFunctionFill.tsx create mode 100644 src/components/icons/fileLambda.tsx create mode 100644 src/components/icons/fileLambdaFill.tsx create mode 100644 src/components/icons/folderOpen.tsx create mode 100644 src/components/icons/fullScreen.tsx create mode 100644 src/components/icons/fullScreenClose.tsx create mode 100644 src/components/icons/function.tsx create mode 100644 src/components/icons/geist.tsx create mode 100644 src/components/icons/heartFill.tsx create mode 100644 src/components/icons/infinityIcon.tsx create mode 100644 src/components/icons/infoFill.tsx create mode 100644 src/components/icons/infoFillFill.tsx create mode 100644 src/components/icons/lambda.tsx create mode 100644 src/components/icons/lightningBolt.tsx create mode 100644 src/components/icons/lightningBoltFill.tsx create mode 100644 src/components/icons/linkedinFill.tsx create mode 100644 src/components/icons/middleware.tsx create mode 100644 src/components/icons/organization.tsx create mode 100644 src/components/icons/pauseFill.tsx delete mode 100644 src/components/icons/phoneCall.tsx create mode 100644 src/components/icons/pin.tsx create mode 100644 src/components/icons/playFill.tsx create mode 100644 src/components/icons/playSolid.tsx create mode 100644 src/components/icons/playSolidFill.tsx create mode 100644 src/components/icons/questionCircle.tsx create mode 100644 src/components/icons/serverless.tsx create mode 100644 src/components/icons/slackFill.tsx create mode 100644 src/components/icons/sort.tsx create mode 100644 src/components/icons/static.tsx delete mode 100644 src/components/icons/table.tsx create mode 100644 src/components/icons/twitterFill.tsx create mode 100644 src/components/icons/vercelTriangle.tsx create mode 100644 src/components/icons/vercelTriangleFilled.tsx create mode 100644 src/components/icons/xCircleFill.tsx create mode 100644 src/components/icons/zeroConfig.tsx diff --git a/.github/ISSUE_TEMPLATE/1-bug-report.md b/.github/ISSUE_TEMPLATE/1-bug-report.md index b2d336d0..8a1bdd14 100644 --- a/.github/ISSUE_TEMPLATE/1-bug-report.md +++ b/.github/ISSUE_TEMPLATE/1-bug-report.md @@ -11,7 +11,7 @@ about: "If something isn't working as expected 🤔." ## Version & Environment - Version of browser -- Version of `himalaya/ui` +- Version of `@himalaya-ui/core` ## Expected Behaviour diff --git a/.gitignore b/.gitignore index c3a3977f..a732c08a 100644 --- a/.gitignore +++ b/.gitignore @@ -12,11 +12,14 @@ /.next/ /out/ +.source # production /build # misc .DS_Store + +.npmrc .env* .idea diff --git a/package.json b/package.json index b7b39d73..ad60bb07 100644 --- a/package.json +++ b/package.json @@ -1,17 +1,20 @@ { - "name": "himalaya-ui", - "version": "0.0.1", - "main": "dist/index.js", - "module": "esm/index.js", - "types": "esm/index.d.ts", - "unpkg": "dist/index.min.js", + "name": "@himalaya-ui/core", + "version": "0.0.2", + "main": "dist/framework/index.js", + "module": "dist/framework-esm/index.js", + "types": "dist/framework-esm/index.d.ts", "files": [ "/dist", - "/esm" + "README.md", + "package.json" ], "engines": { "node": ">=18.0.0" }, + "publishConfig": { + "access": "public" + }, "scripts": { "dev": "yarn docs:collect && yarn docs:seeds && next dev ./src", "docs:start": "next start src", @@ -38,7 +41,8 @@ "server:compileStart": "cross-env NODE_ENV=production node dist/server/main", "server:start": "nest start dist/documentation/server", "server:dev": "nest start --watch", - "icons": "node scripts/convert.js && node scripts/generate.js" + "icons:update": "ts-node -P scripts/icons scripts/icons/icons-update.ts", + "icons:generate": "ts-node -P scripts/icons scripts/icons/icons-generate.ts" }, "author": "RedNinjas LTD", "license": "MIT", @@ -72,7 +76,6 @@ "@babel/preset-react": "^7.22.15", "@babel/preset-typescript": "^7.23.0", "@fontsource-variable/figtree": "^5.0.18", - "@geist-ui/icons": "^1.0.2", "@mapbox/rehype-prism": "^0.8.0", "@mdx-js/loader": "^2.3.0", "@mdx-js/react": "^2.3.0", @@ -145,6 +148,7 @@ "extract-mdx-metadata": "^2.0.0", "fancy-canvas": "^2.1.0", "fs-extra": "^11.1.1", + "happy-dom": "^12.9.1", "husky": "^8.0.3", "i18next": "^23.5.1", "i18next-browser-languagedetector": "^7.1.0", @@ -160,6 +164,7 @@ "moment": "^2.29.4", "next": "^13.5.6", "next-images": "^1.8.5", + "node-fetch": "2", "node-sass": "^9.0.0", "nookies": "^2.5.2", "npm-run-all": "~4.1.5", @@ -191,6 +196,7 @@ "sitemap": "^7.1.1", "size-limit": "^8.2.4", "styled-jsx": "^5.1.2", + "svgo": "^3.0.2", "ts-jest": "^29.1.1", "ts-node": "~10.9.1", "ts-transformer-properties-rename": "^0.16.0", diff --git a/scripts/convert.js b/scripts/convert.js deleted file mode 100644 index 098da670..00000000 --- a/scripts/convert.js +++ /dev/null @@ -1,29 +0,0 @@ -const fs = require('fs'); -const { execSync } = require('child_process'); -const path = require('path'); - -const svgDir = path.join(__dirname, '..', 'icons'); -const iconsDir = path.join(__dirname, '..', 'src', 'components', 'icons'); - -if (!fs.existsSync(svgDir)) { - fs.mkdirSync(svgDir, { recursive: true }); -} - -if (!fs.existsSync(iconsDir)) { - fs.mkdirSync(iconsDir, { recursive: true }); -} - -const svgFiles = fs.readdirSync(svgDir).filter(file => file.endsWith('.svg')); - -svgFiles.forEach(svgFile => { - const svgFilePath = path.join(svgDir, svgFile); - const componentName = svgFile.replace('.svg', ''); - - const command = `npx @svgr/cli --icon --replace-attr-values "#000=currentColor" ${svgFilePath}`; - const componentCode = execSync(command, { encoding: 'utf-8' }); - - const componentFilePath = path.join(iconsDir, `${componentName}.tsx`); - fs.writeFileSync(componentFilePath, componentCode, { encoding: 'utf-8' }); -}); - -console.log('Conversion completed successfully.'); diff --git a/scripts/generate.js b/scripts/generate.js deleted file mode 100644 index f0e9ad96..00000000 --- a/scripts/generate.js +++ /dev/null @@ -1,33 +0,0 @@ -const fs = require('fs') -const path = require('path') -const lodash = require('lodash') - -const iconsDir = path.join(__dirname, '..', 'src', 'components', 'icons'); -const outputFilePath = path.join(__dirname, '..', 'src', 'components', 'icons', 'index.ts'); - -fs.readdirSync(iconsDir).forEach(file => { - if (file.endsWith('.tsx')) { - const oldFilePath = path.join(iconsDir, file) - const iconName = path.basename(file, '.tsx') - const newFileName = lodash.camelCase(iconName).split(' ').join('') + '.tsx' - const newFilePath = path.join(iconsDir, newFileName) - - fs.renameSync(oldFilePath, newFilePath) - - console.log(`Renamed ${file} to ${newFileName}`) - } -}) - -const iconFiles = fs - .readdirSync(iconsDir) - .filter(file => file.endsWith('.tsx') && file !== 'index.ts') - .map(file => { - const iconName = path.basename(file, '.tsx') - const componentName = lodash.startCase(iconName).split(' ').join('') - return `export { default as ${componentName} } from './${iconName}';` - }) - -const indexContent = iconFiles.join('\n') - -fs.writeFileSync(outputFilePath, indexContent) -console.log(`Index file generated at ${outputFilePath}`) diff --git a/scripts/icons/icons-generate.ts b/scripts/icons/icons-generate.ts new file mode 100644 index 00000000..a619fc7f --- /dev/null +++ b/scripts/icons/icons-generate.ts @@ -0,0 +1,100 @@ +import fetch from 'node-fetch' +import { JSDOM } from 'jsdom' +import fs from 'fs-extra' +import path from 'path' +import { optimize } from 'svgo/lib/svgo' +import { transform } from '@babel/core' +import { + moduleBabelConfig, + allModulesBabelConfig, + replaceAll, + toHumpName, + toComponentName, + makeBasicDefinition, +} from './utils' +import { svgoOptions } from './svgo.config' + +const outputDir = path.join(__dirname, '../', '../', 'src/components/icons') +const sourceFile = path.join(__dirname, '../', '../', '.source') + +export default (async () => { + await fs.remove(outputDir) + const html = await fs.readFile(sourceFile, 'utf8') + const document = new JSDOM(html).window.document + + let exports = `import { SVGAttributes } from 'react'; + +export interface IconProps { + size?: string|number, + color?: string, +} + +type NativeAttrs = Omit, keyof IconProps> +export type IconPropsNative = IconProps & NativeAttrs + ` + let definition = makeBasicDefinition() + + const icons = document.querySelectorAll('.geist-list .icon') + const promises = Array.from(icons).map(async (icon: Element) => { + const name: string = icon.querySelector('.geist-text').textContent + const componentName = toComponentName(name) + const fileName = toHumpName(name) + + const svg = icon.querySelector('svg') + + const { data: optimizedSvgString } = await optimize(svg.outerHTML, svgoOptions) + const styles = parseStyles(svg.getAttribute('style')) + + console.log(styles); + + const component = `'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ${componentName} = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return ${parseSvg(optimizedSvgString, styles, svg.getAttribute('style'))}; +} +export default ${componentName};` + + exports += `export { default as ${componentName} } from './${fileName}';\n` + definition += `export const ${componentName}: Icon;\n` + + await fs.outputFile(path.join(outputDir, `${fileName}.tsx`), component) + }) + + await Promise.all(promises) + await fs.outputFile(path.join(outputDir, 'index.ts'), exports) +})() + +const parseSvg = (svg: string, styles: any, styleOv) => { + + svg = svg.replace(styleOv, ''); + svg = svg.replace('style="" ', ''); + /* + color: 'var(--geist-foreground)', + '--geist-fill': 'currentcolor', -> ui-icon-background + '--geist-stroke': 'var(--geist-background)', -> --ui-icon-background + */ + + svg = replaceAll(svg, 'var(--geist-fill)', 'currentColor'); + svg = replaceAll(svg, '--geist-stroke', '--ui-icon-background'); + + svg = svg.replace(/-([a-z])(?=[a-z\-]*[=\s/>])/g, g => g[1].toUpperCase()) + svg = svg.replace(/]+)>/, ``) + + return svg +} + +const parseStyles = (inlineStyle = '') => { + return (inlineStyle || '').split(';').reduce((styleObject, stylePropertyValue) => { + // extract the style property name and value + let [property, value] = stylePropertyValue + .split(/^([^:]+):/) + .filter((val, i) => i > 0) + .map(item => item.trim().toLowerCase()) + + styleObject[property] = value + return styleObject + }, {}) + + +} \ No newline at end of file diff --git a/scripts/icons/icons-update.ts b/scripts/icons/icons-update.ts new file mode 100644 index 00000000..ca8e8226 --- /dev/null +++ b/scripts/icons/icons-update.ts @@ -0,0 +1,15 @@ +import fetch from 'node-fetch' +import path from 'path' +import fs from 'fs-extra' +const sourceFile = path.join(__dirname, '../', '../', '.source') + +export default (async () => { + try { + const res = await fetch('https://vercel.com/design/icons') + const html = await res.text() + await fs.writeFile(sourceFile, html) + } catch (e) { + console.log(e) + process.exit(1) + } +})() \ No newline at end of file diff --git a/scripts/icons/svgo.config.ts b/scripts/icons/svgo.config.ts new file mode 100644 index 00000000..9190f73e --- /dev/null +++ b/scripts/icons/svgo.config.ts @@ -0,0 +1,27 @@ +import { parserStyle, getSpecifiedColorVar } from './utils' +import type { Config, CustomPlugin } from 'svgo' +import type { XastElement } from 'svgo/lib/types' + + + +export const svgoOptions: Config = { + plugins: [ + { + name: 'preset-default', + params: { + overrides: { + removeViewBox: false, + cleanupNumericValues: { + floatPrecision: 1, + }, + }, + }, + }, + { + name: 'removeAttrs', + params: { + attrs: ['svg:width', 'svg:height', 'svg:color', 'svg:data-testid', 'svg:class'], + }, + }, + ], +} \ No newline at end of file diff --git a/scripts/icons/tsconfig.json b/scripts/icons/tsconfig.json new file mode 100644 index 00000000..ba3a4700 --- /dev/null +++ b/scripts/icons/tsconfig.json @@ -0,0 +1,17 @@ +{ + "compilerOptions": { + "outDir": "../../dist/icons-build", + "sourceMap": false, + "noImplicitAny": false, + "esModuleInterop": true, + "module": "commonjs", + "target": "es2015" + }, + "include": [ + "**/*" + ], + "exclude": [ + "node_modules", + "**/*.spec.ts" + ] +} \ No newline at end of file diff --git a/scripts/icons/utils.ts b/scripts/icons/utils.ts new file mode 100644 index 00000000..5e61eefa --- /dev/null +++ b/scripts/icons/utils.ts @@ -0,0 +1,48 @@ +export const moduleBabelConfig = { + presets: ['@babel/preset-env', '@babel/preset-react'], + plugins: [ + ['@babel/plugin-proposal-object-rest-spread', { loose: true }], + '@babel/plugin-transform-runtime', + ], + minified: true, +} + +export const allModulesBabelConfig = { + presets: ['@babel/preset-env'], + minified: true, +} + +export const replaceAll = (target: string, find: string, replace: string): string => { + return target.split(find).join(replace) +} + +export const toHumpName = (name: string): string => { + return name.replace(/-(.)/g, g => g[1].toUpperCase()) +} + +export const toComponentName = (name: string): string => { + const first = name.slice(0, 1).toUpperCase() + const last = toHumpName(name.slice(1)) + return `${first}${last}` +} + +export const makeBasicDefinition = (): string => { + return `import React from 'react'; +interface Props extends React.SVGProps { + color?: string; + size?: number | string; +} +type Icon = React.FunctionComponent;\n` +} + +export const parserStyle = (inlineStyle: string) => { + return inlineStyle + .split(';') + .filter((_, i) => i > 0) + .map(item => item.trim().toLowerCase()) +} + +export const getSpecifiedColorVar = (val: string, ident: string) => { + if (!val) return '' + return val.includes(ident) ? '{color}' : 'var(--geist-icons-background)' +} \ No newline at end of file diff --git a/src/app/components/bottom-navigation/bottom-navigation.mdx b/src/app/components/bottom-navigation/bottom-navigation.mdx index dcee3b1a..883a5172 100644 --- a/src/app/components/bottom-navigation/bottom-navigation.mdx +++ b/src/app/components/bottom-navigation/bottom-navigation.mdx @@ -1,6 +1,6 @@ import { Layout, Playground, Attributes } from 'lib/components' import { BottomNavigation } from 'components' -import { Home, BarChart, Bell, Bookmark } from '@geist-ui/icons' +import { Home, BarChart, Bell, Bookmark } from 'components/icons' export const meta = { title: 'Bottom Navigation', diff --git a/src/app/components/breadcrumbs/breadcrumbs.mdx b/src/app/components/breadcrumbs/breadcrumbs.mdx index 3f5dbf9f..7084309e 100644 --- a/src/app/components/breadcrumbs/breadcrumbs.mdx +++ b/src/app/components/breadcrumbs/breadcrumbs.mdx @@ -1,8 +1,8 @@ import { Layout, Playground, Attributes } from 'lib/components' import { Breadcrumbs, Spacer } from 'components' import NextLink from 'next/link' -import Home from '@geist-ui/icons/home' -import Inbox from '@geist-ui/icons/inbox' +import Home from 'components/icons/home' +import Inbox from 'components/icons/inbox' export const meta = { title: 'Breadcrumbs', diff --git a/src/app/components/button-dropdown/button-dropdown.mdx b/src/app/components/button-dropdown/button-dropdown.mdx index 7659cefa..82a5adf9 100644 --- a/src/app/components/button-dropdown/button-dropdown.mdx +++ b/src/app/components/button-dropdown/button-dropdown.mdx @@ -1,6 +1,6 @@ import { ButtonDropdown, Spacer } from 'components' import { Playground, Attributes, Layout } from 'lib/components' -import Plus from '@geist-ui/icons/plus' +import Plus from 'components/icons/plus' export const meta = { title: 'Button Dropdown', diff --git a/src/app/components/button/button.mdx b/src/app/components/button/button.mdx index 36f42f56..d960eb85 100644 --- a/src/app/components/button/button.mdx +++ b/src/app/components/button/button.mdx @@ -1,8 +1,8 @@ import { Layout, Playground, Attributes } from 'lib/components' import { Button, Spacer, Grid, Code } from 'components' -import Settings from '@geist-ui/icons/settings' -import UserX from '@geist-ui/icons/userX' -import Power from '@geist-ui/icons/power' +import Settings from 'components/icons/settings' +import UserX from 'components/icons/userX' +import Power from 'components/icons/power' export const meta = { title: 'Button', diff --git a/src/app/components/code/code.mdx b/src/app/components/code/code.mdx index f6f563bd..2c39fc61 100644 --- a/src/app/components/code/code.mdx +++ b/src/app/components/code/code.mdx @@ -14,7 +14,7 @@ Show source code in a standardized way. Want to display shell code snippets? try desc="Basic inline codes." scope={{ Code, Text }} code={` -Run yarn add @himalaya/ui to install. +Run yarn add @himalaya-ui/core to install. `} /> diff --git a/src/app/components/icons/icons.mdx b/src/app/components/icons/icons.mdx index 47b217fb..41aac3ed 100644 --- a/src/app/components/icons/icons.mdx +++ b/src/app/components/icons/icons.mdx @@ -1,5 +1,5 @@ import Title from 'lib/components/playground/title' -import Github from '@geist-ui/icons/github' +import Github from 'components/icons/github' import { Spacer, Tabs, Snippet } from 'components' import { Layout, Playground, Attributes, IconsGallery } from 'lib/components' @@ -12,27 +12,20 @@ export const meta = { Display semantic vector graphics in SVG format. - -<Tabs initialValue="yarn"> - <Tabs.Item label="Yarn" value="yarn"> - <Spacer h={0.6} /> - <Snippet width="400px">yarn add @geist-ui/icons</Snippet> - </Tabs.Item> - <Tabs.Item label="npm" value="npm"> - <Spacer h={0.6} /> - <Snippet width="400px">npm i @geist-ui/icons</Snippet> - </Tabs.Item> -</Tabs> +<Title title="Usage" desc="How to use icons" /> +<Snippet width="400px">`import { Github } from 'components/icons'`</Snippet> +<Snippet width="400px">`<Github/>`</Snippet> + <Playground title="Import" scope={{ Github, Spacer }} code={` -// import * as Icon from '@geist-ui/icons' +// import * as Icon from 'components/icons' // or -// import { Github } from '@geist-ui/icons' +// import { Github } from 'components/icons' // or, for tree-shaking: -// import Github from '@geist-ui/icons/github' +// import Github from 'components/icons/github' <Github /> `} /> diff --git a/src/app/components/input/input.mdx b/src/app/components/input/input.mdx index c8079999..57e17188 100644 --- a/src/app/components/input/input.mdx +++ b/src/app/components/input/input.mdx @@ -1,5 +1,5 @@ import { Layout, Playground, Attributes } from 'lib/components' -import GitIcon from '@geist-ui/icons/github' +import GitIcon from 'components/icons/github' import { Input, Spacer, Button, Code, Text, Dot } from 'components' export const meta = { diff --git a/src/app/components/pagination/pagination.mdx b/src/app/components/pagination/pagination.mdx index 26408a36..af53148c 100644 --- a/src/app/components/pagination/pagination.mdx +++ b/src/app/components/pagination/pagination.mdx @@ -1,11 +1,11 @@ import { Layout, Playground, Attributes } from 'lib/components' import { Pagination, Spacer } from 'components' -import ChevronRight from '@geist-ui/icons/chevronRight' -import ChevronLeft from '@geist-ui/icons/chevronLeft' -import ChevronRightCircle from '@geist-ui/icons/chevronRightCircle' -import ChevronLeftCircle from '@geist-ui/icons/chevronLeftCircle' -import ChevronRightCircleFill from '@geist-ui/icons/chevronRightCircleFill' -import ChevronLeftCircleFill from '@geist-ui/icons/chevronLeftCircleFill' +import ChevronRight from 'components/icons/chevronRight' +import ChevronLeft from 'components/icons/chevronLeft' +import ChevronRightCircle from 'components/icons/chevronRightCircle' +import ChevronLeftCircle from 'components/icons/chevronLeftCircle' +import ChevronRightCircleFill from 'components/icons/chevronRightCircleFill' +import ChevronLeftCircleFill from 'components/icons/chevronLeftCircleFill' export const meta = { title: 'Pagination', diff --git a/src/app/components/quick-bar/quick-bar.mdx b/src/app/components/quick-bar/quick-bar.mdx index a024d5d7..d2f5b637 100644 --- a/src/app/components/quick-bar/quick-bar.mdx +++ b/src/app/components/quick-bar/quick-bar.mdx @@ -6,7 +6,7 @@ import { Divider, } from 'components' import { Playground, Attributes } from 'lib/components' -import { Anchor, Code, Github, Home, Layout } from '@geist-ui/icons' +import { Anchor, Code, Github, Home, Layout } from 'components/icons' export const meta = { title: 'Quick Bar', diff --git a/src/app/components/rating/rating.mdx b/src/app/components/rating/rating.mdx index d291de31..9654e8c2 100644 --- a/src/app/components/rating/rating.mdx +++ b/src/app/components/rating/rating.mdx @@ -1,7 +1,7 @@ import { Layout, Playground, Attributes } from 'lib/components' import { Rating, Grid, Spacer } from 'components' import { useState } from 'react' -import { Award, Github } from '@geist-ui/icons' +import { Award, Github } from 'components/icons' export const meta = { title: 'Rating', diff --git a/src/app/components/scroll/scroll.mdx b/src/app/components/scroll/scroll.mdx index f1321559..e6b315f4 100644 --- a/src/app/components/scroll/scroll.mdx +++ b/src/app/components/scroll/scroll.mdx @@ -1,7 +1,7 @@ import { Layout, Playground, Attributes } from 'lib/components' import { Skeleton, InnerScroll } from 'components' import React, { useState } from 'react' -import { Award, Github } from '@geist-ui/icons' +import { Award, Github } from 'components/icons' import { SearchResult, SearchResults } from 'components/search' export const meta = { diff --git a/src/app/components/search/search.mdx b/src/app/components/search/search.mdx index a1c89faa..664db311 100644 --- a/src/app/components/search/search.mdx +++ b/src/app/components/search/search.mdx @@ -4,7 +4,7 @@ import { SearchProvider } from 'components/use-search' import useSearch from 'components/use-search' import React, { useState } from 'react' -import { Award, Github } from '@geist-ui/icons' +import { Award, Github } from 'components/icons' import { SearchResult, SearchResults } from 'components/search' export const meta = { diff --git a/src/app/components/tabs/tabs.mdx b/src/app/components/tabs/tabs.mdx index 318ba62a..be876781 100644 --- a/src/app/components/tabs/tabs.mdx +++ b/src/app/components/tabs/tabs.mdx @@ -1,8 +1,8 @@ import { Layout, Playground, Attributes } from 'lib/components' import { Tabs, Spacer, Text, Button, Code, useTabs } from 'components' import { useState } from 'react' -import TwitterIcon from '@geist-ui/icons/twitter' -import TwitchIcon from '@geist-ui/icons/twitch' +import TwitterIcon from 'components/icons/twitter' +import TwitchIcon from 'components/icons/twitch' export const meta = { title: 'Tabs', diff --git a/src/app/guide/bundle-size/bundle-size.mdx b/src/app/guide/bundle-size/bundle-size.mdx index 69689ad0..9f773693 100644 --- a/src/app/guide/bundle-size/bundle-size.mdx +++ b/src/app/guide/bundle-size/bundle-size.mdx @@ -6,7 +6,7 @@ export const meta = { # Bundle Size -The size of Geist at the completion of full packing is about [111kb](https://bundle.js.org/?q=@himalaya/ui) (Gzipped), +The size of Geist at the completion of full packing is about [111kb](https://bundle.js.org/?q=@himalaya-ui/core) (Gzipped), This is a good score when comparing the size of modern client applications and will not impact the performance of your application. As a matter of engineering practice, it is recommended that you always split Geist as a separate chunk within your application to get fixed caching. @@ -35,7 +35,7 @@ will also contain the `Toast` component. However, this type of optimization can provided you only use a small amount components. ```jsx -import Button from '@himalaya/ui/button' +import Button from '@himalaya-ui/core/button' const MyComponent = () => <Button>Submit</Button> ``` diff --git a/src/app/hooks/use-search/use-search.mdx b/src/app/hooks/use-search/use-search.mdx index 233125fb..933bf7cd 100644 --- a/src/app/hooks/use-search/use-search.mdx +++ b/src/app/hooks/use-search/use-search.mdx @@ -3,7 +3,7 @@ import { Spacer, Search, Button, useConfigs, ConfigProvider } from 'components' import { SearchProvider } from 'components/use-search' import useSearch from 'components/use-search' import React, { useState } from 'react' -import { Award, Github } from '@geist-ui/icons' +import { Award, Github } from 'components/icons' import { SearchResult, SearchResults } from 'components/search' export const meta = { diff --git a/src/app/page.tsx b/src/app/page.tsx index 26d67aec..fa02f691 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,6 @@ 'use client' -import { Code } from '@geist-ui/icons' +import { Code } from 'components/icons' import { Button, ContentLayout, diff --git a/src/components/carousel/carousel.tsx b/src/components/carousel/carousel.tsx index 1b76abc9..1b416b35 100644 --- a/src/components/carousel/carousel.tsx +++ b/src/components/carousel/carousel.tsx @@ -1,6 +1,6 @@ 'use client' -import { ArrowLeft, ArrowRight } from '@geist-ui/icons' +import { ArrowLeft, ArrowRight } from '../icons' import { Splide as SplideCore } from '@splidejs/splide' import React, { useEffect, useLayoutEffect } from 'react' import { SliderOptions, SplideProps } from '.' diff --git a/src/components/css-baseline/css-baseline.tsx b/src/components/css-baseline/css-baseline.tsx index a57ed070..17a49e42 100644 --- a/src/components/css-baseline/css-baseline.tsx +++ b/src/components/css-baseline/css-baseline.tsx @@ -31,7 +31,8 @@ const CssBaseline: React.FC = () => { html { font-size: 16px; - --geist-icons-background: ${theme.palette.background}; + --ui-icon-background: ${theme.palette.background}; + --ui-icon-foreground: ${theme.palette.foreground}; } body { diff --git a/src/components/header/back-button.tsx b/src/components/header/back-button.tsx index 89217c73..2de48ee1 100644 --- a/src/components/header/back-button.tsx +++ b/src/components/header/back-button.tsx @@ -1,6 +1,6 @@ 'use client' -import { ChevronLeft } from '@geist-ui/icons' +import { ChevronLeft } from '../icons' import { useRouter } from 'next/navigation' import React from 'react' import Button from '../button' diff --git a/src/components/hero/hero.tsx b/src/components/hero/hero.tsx index e385544e..d7b5ca5c 100644 --- a/src/components/hero/hero.tsx +++ b/src/components/hero/hero.tsx @@ -1,6 +1,6 @@ 'use client' -import { ArrowDown } from '@geist-ui/icons' +import { ArrowDown } from '../icons' import { useScale, withScale } from '../use-scale' import useTheme from '../use-theme' import { ContentLayout } from '../layout' diff --git a/src/components/icons/activity.tsx b/src/components/icons/activity.tsx index 000924ac..79f8c3a3 100644 --- a/src/components/icons/activity.tsx +++ b/src/components/icons/activity.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgActivity = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22 12h-4l-3 9L9 3l-3 9H2" /> - </svg> -) -export default SvgActivity - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Activity = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22 12h-4l-3 9L9 3l-3 9H2"/></svg>; +} +export default Activity; \ No newline at end of file diff --git a/src/components/icons/airplay.tsx b/src/components/icons/airplay.tsx index 3315d516..f6b866de 100644 --- a/src/components/icons/airplay.tsx +++ b/src/components/icons/airplay.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgAirplay = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1" /> - <path d="m12 15 5 6H7l5-6z" /> - </svg> -) -export default SvgAirplay - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Airplay = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1"/><path d="m12 15 5 6H7l5-6z"/></svg>; +} +export default Airplay; \ No newline at end of file diff --git a/src/components/icons/alertCircle.tsx b/src/components/icons/alertCircle.tsx index 35b9b487..48c5d81c 100644 --- a/src/components/icons/alertCircle.tsx +++ b/src/components/icons/alertCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgAlertCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M12 8v4M12 16h.01" /> - </svg> -) -export default SvgAlertCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const AlertCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/><path stroke="var(--ui-icon-background)" d="M12 8v4M12 16h.01"/></svg>; +} +export default AlertCircle; \ No newline at end of file diff --git a/src/components/icons/alertCircleFill.tsx b/src/components/icons/alertCircleFill.tsx new file mode 100644 index 00000000..ec3c8212 --- /dev/null +++ b/src/components/icons/alertCircleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const AlertCircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/><path stroke="var(--ui-icon-background)" d="M12 8v4M12 16h.01"/></svg>; +} +export default AlertCircleFill; \ No newline at end of file diff --git a/src/components/icons/alertOctagon.tsx b/src/components/icons/alertOctagon.tsx index 29e09ef2..e99a85c3 100644 --- a/src/components/icons/alertOctagon.tsx +++ b/src/components/icons/alertOctagon.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgAlertOctagon = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2zM12 8v4M12 16h.01" /> - </svg> -) -export default SvgAlertOctagon - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const AlertOctagon = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2zM12 8v4M12 16h.01"/></svg>; +} +export default AlertOctagon; \ No newline at end of file diff --git a/src/components/icons/alertTriangle.tsx b/src/components/icons/alertTriangle.tsx index f7c7ef28..b367e517 100644 --- a/src/components/icons/alertTriangle.tsx +++ b/src/components/icons/alertTriangle.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgAlertTriangle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4M12 17h.01" /> - </svg> -) -export default SvgAlertTriangle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const AlertTriangle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><path stroke="var(--ui-icon-background)" d="M12 9v4M12 17h.01"/></svg>; +} +export default AlertTriangle; \ No newline at end of file diff --git a/src/components/icons/alertTriangleFill.tsx b/src/components/icons/alertTriangleFill.tsx new file mode 100644 index 00000000..4fc4f47c --- /dev/null +++ b/src/components/icons/alertTriangleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const AlertTriangleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><path stroke="var(--ui-icon-background)" d="M12 9v4M12 17h.01"/></svg>; +} +export default AlertTriangleFill; \ No newline at end of file diff --git a/src/components/icons/alignCenter.tsx b/src/components/icons/alignCenter.tsx index 48473ef9..be3b6a09 100644 --- a/src/components/icons/alignCenter.tsx +++ b/src/components/icons/alignCenter.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgAlignCenter = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M18 10H6M21 6H3M21 14H3M18 18H6" /> - </svg> -) -export default SvgAlignCenter - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const AlignCenter = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M18 10H6M21 6H3M21 14H3M18 18H6"/></svg>; +} +export default AlignCenter; \ No newline at end of file diff --git a/src/components/icons/alignJustify.tsx b/src/components/icons/alignJustify.tsx index 4b8589d3..1ab25114 100644 --- a/src/components/icons/alignJustify.tsx +++ b/src/components/icons/alignJustify.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgAlignJustify = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 10H3M21 6H3M21 14H3M21 18H3" /> - </svg> -) -export default SvgAlignJustify - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const AlignJustify = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 10H3M21 6H3M21 14H3M21 18H3"/></svg>; +} +export default AlignJustify; \ No newline at end of file diff --git a/src/components/icons/alignLeft.tsx b/src/components/icons/alignLeft.tsx index 063234f5..25dd21ba 100644 --- a/src/components/icons/alignLeft.tsx +++ b/src/components/icons/alignLeft.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgAlignLeft = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M17 10H3M21 6H3M21 14H3M17 18H3" /> - </svg> -) -export default SvgAlignLeft - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const AlignLeft = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M17 10H3M21 6H3M21 14H3M17 18H3"/></svg>; +} +export default AlignLeft; \ No newline at end of file diff --git a/src/components/icons/alignRight.tsx b/src/components/icons/alignRight.tsx index 56397578..6efb46e0 100644 --- a/src/components/icons/alignRight.tsx +++ b/src/components/icons/alignRight.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgAlignRight = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 10H7M21 6H3M21 14H3M21 18H7" /> - </svg> -) -export default SvgAlignRight - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const AlignRight = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 10H7M21 6H3M21 14H3M21 18H7"/></svg>; +} +export default AlignRight; \ No newline at end of file diff --git a/src/components/icons/anchor.tsx b/src/components/icons/anchor.tsx index b26a971f..92bd4e1a 100644 --- a/src/components/icons/anchor.tsx +++ b/src/components/icons/anchor.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgAnchor = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={5} r={3} /> - <path d="M12 22V8M5 12H2a10 10 0 0 0 20 0h-3" /> - </svg> -) -export default SvgAnchor - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Anchor = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="5" r="3"/><path d="M12 22V8M5 12H2a10 10 0 0 0 20 0h-3"/></svg>; +} +export default Anchor; \ No newline at end of file diff --git a/src/components/icons/aperture.tsx b/src/components/icons/aperture.tsx index d09f1f55..36a200f6 100644 --- a/src/components/icons/aperture.tsx +++ b/src/components/icons/aperture.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgAperture = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="m14.31 8 5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16 3.95 6.06M14.31 16H2.83M16.62 12l-5.74 9.94" /> - </svg> -) -export default SvgAperture - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Aperture = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="m14.31 8 5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16 3.95 6.06M14.31 16H2.83M16.62 12l-5.74 9.94"/></svg>; +} +export default Aperture; \ No newline at end of file diff --git a/src/components/icons/archive.tsx b/src/components/icons/archive.tsx index cb31b36e..baf10fb6 100644 --- a/src/components/icons/archive.tsx +++ b/src/components/icons/archive.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgArchive = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 8v13H3V8M1 3h22v5H1zM10 12h4" /> - </svg> -) -export default SvgArchive - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Archive = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 8v13H3V8M1 3h22v5H1zM10 12h4"/></svg>; +} +export default Archive; \ No newline at end of file diff --git a/src/components/icons/arrowDown.tsx b/src/components/icons/arrowDown.tsx index dad5eb15..9a16f491 100644 --- a/src/components/icons/arrowDown.tsx +++ b/src/components/icons/arrowDown.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgArrowDown = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 5v14M19 12l-7 7-7-7" /> - </svg> -) -export default SvgArrowDown - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowDown = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 5v14M19 12l-7 7-7-7"/></svg>; +} +export default ArrowDown; \ No newline at end of file diff --git a/src/components/icons/arrowDownCircle.tsx b/src/components/icons/arrowDownCircle.tsx index 254d3021..87fabeae 100644 --- a/src/components/icons/arrowDownCircle.tsx +++ b/src/components/icons/arrowDownCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgArrowDownCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="m8 12 4 4 4-4M12 8v8" /> - </svg> -) -export default SvgArrowDownCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowDownCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="m8 12 4 4 4-4M12 8v8"/></svg>; +} +export default ArrowDownCircle; \ No newline at end of file diff --git a/src/components/icons/arrowDownCircleFill.tsx b/src/components/icons/arrowDownCircleFill.tsx new file mode 100644 index 00000000..eb49997e --- /dev/null +++ b/src/components/icons/arrowDownCircleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowDownCircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/><path fill="none" stroke="var(--ui-icon-background)" d="m8 12 4 4 4-4"/><path stroke="var(--ui-icon-background)" d="M12 8v8"/></svg>; +} +export default ArrowDownCircleFill; \ No newline at end of file diff --git a/src/components/icons/arrowDownLeft.tsx b/src/components/icons/arrowDownLeft.tsx index df9fa64e..29491735 100644 --- a/src/components/icons/arrowDownLeft.tsx +++ b/src/components/icons/arrowDownLeft.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgArrowDownLeft = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M17 7 7 17M17 17H7V7" /> - </svg> -) -export default SvgArrowDownLeft - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowDownLeft = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M17 7 7 17M17 17H7V7"/></svg>; +} +export default ArrowDownLeft; \ No newline at end of file diff --git a/src/components/icons/arrowDownRight.tsx b/src/components/icons/arrowDownRight.tsx index 562b02d7..93df0814 100644 --- a/src/components/icons/arrowDownRight.tsx +++ b/src/components/icons/arrowDownRight.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgArrowDownRight = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m7 7 10 10M17 7v10H7" /> - </svg> -) -export default SvgArrowDownRight - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowDownRight = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m7 7 10 10M17 7v10H7"/></svg>; +} +export default ArrowDownRight; \ No newline at end of file diff --git a/src/components/icons/arrowLeft.tsx b/src/components/icons/arrowLeft.tsx index 30791a72..2ebae15f 100644 --- a/src/components/icons/arrowLeft.tsx +++ b/src/components/icons/arrowLeft.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgArrowLeft = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M19 12H5M12 19l-7-7 7-7" /> - </svg> -) -export default SvgArrowLeft - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowLeft = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M19 12H5M12 19l-7-7 7-7"/></svg>; +} +export default ArrowLeft; \ No newline at end of file diff --git a/src/components/icons/arrowLeftCircle.tsx b/src/components/icons/arrowLeftCircle.tsx index ee1c1228..ab7e0c1f 100644 --- a/src/components/icons/arrowLeftCircle.tsx +++ b/src/components/icons/arrowLeftCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgArrowLeftCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="m12 8-4 4 4 4M16 12H8" /> - </svg> -) -export default SvgArrowLeftCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowLeftCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="m12 8-4 4 4 4M16 12H8"/></svg>; +} +export default ArrowLeftCircle; \ No newline at end of file diff --git a/src/components/icons/arrowRight.tsx b/src/components/icons/arrowRight.tsx index 0c6dd6dd..bfc73209 100644 --- a/src/components/icons/arrowRight.tsx +++ b/src/components/icons/arrowRight.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgArrowRight = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M5 12h14M12 5l7 7-7 7" /> - </svg> -) -export default SvgArrowRight - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowRight = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M5 12h14M12 5l7 7-7 7"/></svg>; +} +export default ArrowRight; \ No newline at end of file diff --git a/src/components/icons/arrowRightCircle.tsx b/src/components/icons/arrowRightCircle.tsx index 6172c6e1..714d5a16 100644 --- a/src/components/icons/arrowRightCircle.tsx +++ b/src/components/icons/arrowRightCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgArrowRightCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="m12 16 4-4-4-4M8 12h8" /> - </svg> -) -export default SvgArrowRightCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowRightCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="m12 16 4-4-4-4M8 12h8"/></svg>; +} +export default ArrowRightCircle; \ No newline at end of file diff --git a/src/components/icons/arrowRightCircleFill.tsx b/src/components/icons/arrowRightCircleFill.tsx new file mode 100644 index 00000000..b8f40d86 --- /dev/null +++ b/src/components/icons/arrowRightCircleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowRightCircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/><path fill="none" stroke="var(--ui-icon-background)" d="m12 16 4-4-4-4"/><path stroke="var(--ui-icon-background)" d="M8 12h8"/></svg>; +} +export default ArrowRightCircleFill; \ No newline at end of file diff --git a/src/components/icons/arrowUp.tsx b/src/components/icons/arrowUp.tsx index 84bbfb37..e9e37942 100644 --- a/src/components/icons/arrowUp.tsx +++ b/src/components/icons/arrowUp.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgArrowUp = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 19V5M5 12l7-7 7 7" /> - </svg> -) -export default SvgArrowUp - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowUp = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 19V5M5 12l7-7 7 7"/></svg>; +} +export default ArrowUp; \ No newline at end of file diff --git a/src/components/icons/arrowUpCircle.tsx b/src/components/icons/arrowUpCircle.tsx index 2440a85c..45caf3c7 100644 --- a/src/components/icons/arrowUpCircle.tsx +++ b/src/components/icons/arrowUpCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgArrowUpCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="m16 12-4-4-4 4M12 16V8" /> - </svg> -) -export default SvgArrowUpCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowUpCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="m16 12-4-4-4 4M12 16V8"/></svg>; +} +export default ArrowUpCircle; \ No newline at end of file diff --git a/src/components/icons/arrowUpLeft.tsx b/src/components/icons/arrowUpLeft.tsx index 49f996d1..ab46f541 100644 --- a/src/components/icons/arrowUpLeft.tsx +++ b/src/components/icons/arrowUpLeft.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgArrowUpLeft = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M17 17 7 7M7 17V7h10" /> - </svg> -) -export default SvgArrowUpLeft - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowUpLeft = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M17 17 7 7M7 17V7h10"/></svg>; +} +export default ArrowUpLeft; \ No newline at end of file diff --git a/src/components/icons/arrowUpRight.tsx b/src/components/icons/arrowUpRight.tsx index 9ac74e5f..b2c70ef0 100644 --- a/src/components/icons/arrowUpRight.tsx +++ b/src/components/icons/arrowUpRight.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgArrowUpRight = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M7 17 17 7M7 7h10v10" /> - </svg> -) -export default SvgArrowUpRight - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ArrowUpRight = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M7 17 17 7M7 7h10v10"/></svg>; +} +export default ArrowUpRight; \ No newline at end of file diff --git a/src/components/icons/atSign.tsx b/src/components/icons/atSign.tsx index 84b6275c..12a797aa 100644 --- a/src/components/icons/atSign.tsx +++ b/src/components/icons/atSign.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgAtSign = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={4} /> - <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94" /> - </svg> -) -export default SvgAtSign - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const AtSign = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="4"/><path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94"/></svg>; +} +export default AtSign; \ No newline at end of file diff --git a/src/components/icons/award.tsx b/src/components/icons/award.tsx index 776f98b2..51546c17 100644 --- a/src/components/icons/award.tsx +++ b/src/components/icons/award.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgAward = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={8} r={7} /> - <path d="M8.21 13.89 7 23l5-3 5 3-1.21-9.12" /> - </svg> -) -export default SvgAward - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Award = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="8" r="7"/><path d="M8.21 13.89 7 23l5-3 5 3-1.21-9.12"/></svg>; +} +export default Award; \ No newline at end of file diff --git a/src/components/icons/barChart.tsx b/src/components/icons/barChart.tsx index 2c63a6de..2617b740 100644 --- a/src/components/icons/barChart.tsx +++ b/src/components/icons/barChart.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgBarChart = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 20V10M18 20V4M6 20v-4" /> - </svg> -) -export default SvgBarChart - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const BarChart = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 20V10M18 20V4M6 20v-4"/></svg>; +} +export default BarChart; \ No newline at end of file diff --git a/src/components/icons/barChart2.tsx b/src/components/icons/barChart2.tsx index 2ec47537..0350bfa0 100644 --- a/src/components/icons/barChart2.tsx +++ b/src/components/icons/barChart2.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgBarChart2 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M18 20V10M12 20V4M6 20v-6" /> - </svg> -) -export default SvgBarChart2 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const BarChart2 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M18 20V10M12 20V4M6 20v-6"/></svg>; +} +export default BarChart2; \ No newline at end of file diff --git a/src/components/icons/battery.tsx b/src/components/icons/battery.tsx index f1e45f37..40c19ba3 100644 --- a/src/components/icons/battery.tsx +++ b/src/components/icons/battery.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgBattery = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={12} x={1} y={6} rx={2} ry={2} /> - <path d="M23 13v-2" /> - </svg> -) -export default SvgBattery - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Battery = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="12" x="1" y="6" rx="2" ry="2"/><path d="M23 13v-2"/></svg>; +} +export default Battery; \ No newline at end of file diff --git a/src/components/icons/batteryCharging.tsx b/src/components/icons/batteryCharging.tsx index a507153c..94b85a10 100644 --- a/src/components/icons/batteryCharging.tsx +++ b/src/components/icons/batteryCharging.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgBatteryCharging = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M5 18H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.19M15 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3.19M23 13v-2M11 6l-4 6h6l-4 6" /> - </svg> -) -export default SvgBatteryCharging - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const BatteryCharging = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M5 18H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3.19M15 6h2a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-3.19M23 13v-2M11 6l-4 6h6l-4 6"/></svg>; +} +export default BatteryCharging; \ No newline at end of file diff --git a/src/components/icons/bell.tsx b/src/components/icons/bell.tsx index 6e01b586..6a8583bd 100644 --- a/src/components/icons/bell.tsx +++ b/src/components/icons/bell.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgBell = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0" /> - </svg> -) -export default SvgBell - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Bell = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0"/></svg>; +} +export default Bell; \ No newline at end of file diff --git a/src/components/icons/bellOff.tsx b/src/components/icons/bellOff.tsx index ecd842a6..ff2c48bc 100644 --- a/src/components/icons/bellOff.tsx +++ b/src/components/icons/bellOff.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgBellOff = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M13.73 21a2 2 0 0 1-3.46 0M18.63 13A17.89 17.89 0 0 1 18 8M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14M18 8a6 6 0 0 0-9.33-5M1 1l22 22" /> - </svg> -) -export default SvgBellOff - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const BellOff = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M13.73 21a2 2 0 0 1-3.46 0M18.63 13A17.89 17.89 0 0 1 18 8M6.26 6.26A5.86 5.86 0 0 0 6 8c0 7-3 9-3 9h14M18 8a6 6 0 0 0-9.33-5M1 1l22 22"/></svg>; +} +export default BellOff; \ No newline at end of file diff --git a/src/components/icons/bluetooth.tsx b/src/components/icons/bluetooth.tsx index 866f118e..cd5f49c4 100644 --- a/src/components/icons/bluetooth.tsx +++ b/src/components/icons/bluetooth.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgBluetooth = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m6.5 6.5 11 11L12 23V1l5.5 5.5-11 11" /> - </svg> -) -export default SvgBluetooth - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Bluetooth = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m6.5 6.5 11 11L12 23V1l5.5 5.5-11 11"/></svg>; +} +export default Bluetooth; \ No newline at end of file diff --git a/src/components/icons/bold.tsx b/src/components/icons/bold.tsx index 5dbd9357..5d5cffa8 100644 --- a/src/components/icons/bold.tsx +++ b/src/components/icons/bold.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgBold = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6zM6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z" /> - </svg> -) -export default SvgBold - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Bold = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M6 4h8a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6zM6 12h9a4 4 0 0 1 4 4 4 4 0 0 1-4 4H6z"/></svg>; +} +export default Bold; \ No newline at end of file diff --git a/src/components/icons/book.tsx b/src/components/icons/book.tsx index 372e6422..aa1e8a6e 100644 --- a/src/components/icons/book.tsx +++ b/src/components/icons/book.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgBook = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20" /> - <path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z" /> - </svg> -) -export default SvgBook - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Book = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20"/><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z"/></svg>; +} +export default Book; \ No newline at end of file diff --git a/src/components/icons/bookOpen.tsx b/src/components/icons/bookOpen.tsx index 34ea8fac..bc03dc9a 100644 --- a/src/components/icons/bookOpen.tsx +++ b/src/components/icons/bookOpen.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgBookOpen = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2zM22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z" /> - </svg> -) -export default SvgBookOpen - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const BookOpen = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2zM22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>; +} +export default BookOpen; \ No newline at end of file diff --git a/src/components/icons/bookmark.tsx b/src/components/icons/bookmark.tsx index 86e995c6..0a1aaa93 100644 --- a/src/components/icons/bookmark.tsx +++ b/src/components/icons/bookmark.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgBookmark = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z" /> - </svg> -) -export default SvgBookmark - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Bookmark = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"/></svg>; +} +export default Bookmark; \ No newline at end of file diff --git a/src/components/icons/box.tsx b/src/components/icons/box.tsx index bcc296df..26bcb027 100644 --- a/src/components/icons/box.tsx +++ b/src/components/icons/box.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgBox = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" /> - <path d="M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12" /> - </svg> -) -export default SvgBox - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Box = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12"/></svg>; +} +export default Box; \ No newline at end of file diff --git a/src/components/icons/boxWithRing.tsx b/src/components/icons/boxWithRing.tsx new file mode 100644 index 00000000..71cb26b9 --- /dev/null +++ b/src/components/icons/boxWithRing.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const BoxWithRing = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 36"><path stroke="var(--geist-foreground)" d="M6 23v2.14a3 3 0 0 0 1.65 2.7l12 6a3 3 0 0 0 2.685 0l12-6A3.001 3.001 0 0 0 36 25.155V23M6 14v-3.14a3 3 0 0 1 1.665-2.685l12-6a3 3 0 0 1 2.67 0l12 6A3 3 0 0 1 36 10.86V14"/><path stroke="var(--geist-foreground)" d="M6.48 9.24 21 16.5l14.52-7.26M21 34.14V30m0-13.5V21"/><path stroke="var(--geist-foreground)" d="m39 15.461 1.52.779L21 26 1.48 16.24 3 15.461"/></svg></svg>; +} +export default BoxWithRing; \ No newline at end of file diff --git a/src/components/icons/branch.tsx b/src/components/icons/branch.tsx new file mode 100644 index 00000000..4cb548b1 --- /dev/null +++ b/src/components/icons/branch.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Branch = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 20 20" {...props} height={size} width={size} style={{...style, color: color }}><path d="M5 2.5v10m10-5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm-10 10a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5zm10-10A7.5 7.5 0 0 1 7.5 15"/></svg>; +} +export default Branch; \ No newline at end of file diff --git a/src/components/icons/brandedSlack.tsx b/src/components/icons/brandedSlack.tsx new file mode 100644 index 00000000..452d56d6 --- /dev/null +++ b/src/components/icons/brandedSlack.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const BrandedSlack = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="#2EB67D" stroke="#2EB67D" d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zM20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/><path fill="#E01E5A" stroke="#E01E5A" d="M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5zM3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z"/><path fill="#ECB22E" stroke="#ECB22E" d="M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5zM15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"/><path fill="#36C5F0" stroke="#36C5F0" d="M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5zM8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z"/></svg>; +} +export default BrandedSlack; \ No newline at end of file diff --git a/src/components/icons/brandedSlackFill.tsx b/src/components/icons/brandedSlackFill.tsx new file mode 100644 index 00000000..b7dc54c1 --- /dev/null +++ b/src/components/icons/brandedSlackFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const BrandedSlackFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="#2EB67D" stroke="#2EB67D" d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zM20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5z"/><path fill="#E01E5A" stroke="#E01E5A" d="M9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5zM3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14z"/><path fill="#ECB22E" stroke="#ECB22E" d="M14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5zM15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5z"/><path fill="#36C5F0" stroke="#36C5F0" d="M10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5zM8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z"/></svg>; +} +export default BrandedSlackFill; \ No newline at end of file diff --git a/src/components/icons/briefcase.tsx b/src/components/icons/briefcase.tsx index 85646278..9ff8c158 100644 --- a/src/components/icons/briefcase.tsx +++ b/src/components/icons/briefcase.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgBriefcase = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={20} height={14} x={2} y={7} rx={2} ry={2} /> - <path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16" /> - </svg> -) -export default SvgBriefcase - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Briefcase = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="20" height="14" x="2" y="7" rx="2" ry="2"/><path d="M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16"/></svg>; +} +export default Briefcase; \ No newline at end of file diff --git a/src/components/icons/calendar.tsx b/src/components/icons/calendar.tsx index 189efbd6..56f52a06 100644 --- a/src/components/icons/calendar.tsx +++ b/src/components/icons/calendar.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCalendar = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={18} x={3} y={4} rx={2} ry={2} /> - <path d="M16 2v4M8 2v4M3 10h18" /> - </svg> -) -export default SvgCalendar - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Calendar = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="18" x="3" y="4" rx="2" ry="2"/><path d="M16 2v4M8 2v4M3 10h18"/></svg>; +} +export default Calendar; \ No newline at end of file diff --git a/src/components/icons/camera.tsx b/src/components/icons/camera.tsx index 23626f2d..8d46265f 100644 --- a/src/components/icons/camera.tsx +++ b/src/components/icons/camera.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCamera = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" /> - <circle cx={12} cy={13} r={4} /> - </svg> -) -export default SvgCamera - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Camera = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>; +} +export default Camera; \ No newline at end of file diff --git a/src/components/icons/cameraOff.tsx b/src/components/icons/cameraOff.tsx index 8a72f21b..4be1cf6f 100644 --- a/src/components/icons/cameraOff.tsx +++ b/src/components/icons/cameraOff.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCameraOff = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m1 1 22 22M21 21H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3m3-3h6l2 3h4a2 2 0 0 1 2 2v9.34m-7.72-2.06a4 4 0 1 1-5.56-5.56" /> - </svg> -) -export default SvgCameraOff - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CameraOff = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m1 1 22 22M21 21H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h3m3-3h6l2 3h4a2 2 0 0 1 2 2v9.34m-7.72-2.06a4 4 0 1 1-5.56-5.56"/></svg>; +} +export default CameraOff; \ No newline at end of file diff --git a/src/components/icons/cast.tsx b/src/components/icons/cast.tsx index 43e93055..2eb88da4 100644 --- a/src/components/icons/cast.tsx +++ b/src/components/icons/cast.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCast = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6M2 20h.01" /> - </svg> -) -export default SvgCast - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Cast = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M2 16.1A5 5 0 0 1 5.9 20M2 12.05A9 9 0 0 1 9.95 20M2 8V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2h-6M2 20h.01"/></svg>; +} +export default Cast; \ No newline at end of file diff --git a/src/components/icons/check.tsx b/src/components/icons/check.tsx index 8efd2ac4..d59b9b8a 100644 --- a/src/components/icons/check.tsx +++ b/src/components/icons/check.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCheck = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M20 6 9 17l-5-5" /> - </svg> -) -export default SvgCheck - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Check = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M20 6 9 17l-5-5"/></svg>; +} +export default Check; \ No newline at end of file diff --git a/src/components/icons/checkCircle.tsx b/src/components/icons/checkCircle.tsx index 65b6a32b..2dea271e 100644 --- a/src/components/icons/checkCircle.tsx +++ b/src/components/icons/checkCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCheckCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14" /> - <path d="M22 4 12 14.01l-3-3" /> - </svg> -) -export default SvgCheckCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CheckCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><path d="M22 4 12 14.01l-3-3"/></svg>; +} +export default CheckCircle; \ No newline at end of file diff --git a/src/components/icons/checkInCircle.tsx b/src/components/icons/checkInCircle.tsx new file mode 100644 index 00000000..7fd0b1c6 --- /dev/null +++ b/src/components/icons/checkInCircle.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CheckInCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m8 11.857 2.5 2.5L15.857 9M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10z"/></svg>; +} +export default CheckInCircle; \ No newline at end of file diff --git a/src/components/icons/checkInCircleFill.tsx b/src/components/icons/checkInCircleFill.tsx new file mode 100644 index 00000000..c1aa64a4 --- /dev/null +++ b/src/components/icons/checkInCircleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CheckInCircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" stroke="currentColor" d="M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Z"/><path fill="none" stroke="var(--ui-icon-background)" d="m8 11.857 2.5 2.5L15.857 9"/></svg>; +} +export default CheckInCircleFill; \ No newline at end of file diff --git a/src/components/icons/checkInDashedCircle.tsx b/src/components/icons/checkInDashedCircle.tsx new file mode 100644 index 00000000..c05c3859 --- /dev/null +++ b/src/components/icons/checkInDashedCircle.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CheckInDashedCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path stroke="#888" d="m8 11.857 2.5 2.5L15.857 9M21.77 14.18c.16-.7.24-1.43.24-2.17s-.09-1.47-.24-2.17M3.58 17.37c.79 1.23 1.83 2.28 3.07 3.07m3.19 1.33c.7.16 1.43.24 2.17.24s1.47-.09 2.17-.24m3.19-1.33c1.23-.79 2.28-1.83 3.07-3.07M6.65 3.58c-1.23.79-2.28 1.83-3.07 3.07M2.25 9.84c-.16.7-.24 1.43-.24 2.17s.09 1.47.24 2.17M14.18 2.25c-.7-.16-1.43-.24-2.17-.24s-1.47.09-2.17.24m10.6 4.4c-.79-1.23-1.83-2.28-3.07-3.07"/></svg>; +} +export default CheckInDashedCircle; \ No newline at end of file diff --git a/src/components/icons/checkSquare.tsx b/src/components/icons/checkSquare.tsx index 61dd9036..75e7ac7d 100644 --- a/src/components/icons/checkSquare.tsx +++ b/src/components/icons/checkSquare.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCheckSquare = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m9 11 3 3L22 4" /> - <path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11" /> - </svg> -) -export default SvgCheckSquare - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CheckSquare = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m9 11 3 3L22 4"/><path d="M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11"/></svg>; +} +export default CheckSquare; \ No newline at end of file diff --git a/src/components/icons/checkbox.tsx b/src/components/icons/checkbox.tsx new file mode 100644 index 00000000..f91e949e --- /dev/null +++ b/src/components/icons/checkbox.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Checkbox = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16.09 3H7.91A4.91 4.91 0 0 0 3 7.91v8.18A4.909 4.909 0 0 0 7.91 21h8.18A4.909 4.909 0 0 0 21 16.09V7.91A4.909 4.909 0 0 0 16.09 3z"/></svg>; +} +export default Checkbox; \ No newline at end of file diff --git a/src/components/icons/checkboxFill.tsx b/src/components/icons/checkboxFill.tsx new file mode 100644 index 00000000..63e703e1 --- /dev/null +++ b/src/components/icons/checkboxFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CheckboxFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" stroke="none" d="M7.91 3h8.18a4.908 4.908 0 0 1 4.31 2.554l-8.273 8.377-2.592-2.638a.75.75 0 1 0-1.07 1.05l3.125 3.182a.75.75 0 0 0 1.069.002l8.281-8.386c.04.25.06.507.06.768v8.182A4.909 4.909 0 0 1 16.09 21H7.91A4.909 4.909 0 0 1 3 16.09V7.91A4.91 4.91 0 0 1 7.91 3z"/></svg>; +} +export default CheckboxFill; \ No newline at end of file diff --git a/src/components/icons/chevronDown.tsx b/src/components/icons/chevronDown.tsx index 3b5840c6..18a62ef5 100644 --- a/src/components/icons/chevronDown.tsx +++ b/src/components/icons/chevronDown.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgChevronDown = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m6 9 6 6 6-6" /> - </svg> -) -export default SvgChevronDown - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronDown = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m6 9 6 6 6-6"/></svg>; +} +export default ChevronDown; \ No newline at end of file diff --git a/src/components/icons/chevronDownCircle.tsx b/src/components/icons/chevronDownCircle.tsx new file mode 100644 index 00000000..c5e26188 --- /dev/null +++ b/src/components/icons/chevronDownCircle.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronDownCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path stroke="var(--ui-icon-background)" d="m8 10.679 4 4 4-4"/></svg>; +} +export default ChevronDownCircle; \ No newline at end of file diff --git a/src/components/icons/chevronDownCircleFill.tsx b/src/components/icons/chevronDownCircleFill.tsx new file mode 100644 index 00000000..e75a1fa1 --- /dev/null +++ b/src/components/icons/chevronDownCircleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronDownCircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path fill="none" stroke="var(--ui-icon-background)" d="m8 10.679 4 4 4-4"/></svg>; +} +export default ChevronDownCircleFill; \ No newline at end of file diff --git a/src/components/icons/chevronLeft.tsx b/src/components/icons/chevronLeft.tsx index c20cea59..28e6828f 100644 --- a/src/components/icons/chevronLeft.tsx +++ b/src/components/icons/chevronLeft.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgChevronLeft = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m15 18-6-6 6-6" /> - </svg> -) -export default SvgChevronLeft - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronLeft = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m15 18-6-6 6-6"/></svg>; +} +export default ChevronLeft; \ No newline at end of file diff --git a/src/components/icons/chevronLeftCircle.tsx b/src/components/icons/chevronLeftCircle.tsx new file mode 100644 index 00000000..678514af --- /dev/null +++ b/src/components/icons/chevronLeftCircle.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronLeftCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path stroke="var(--ui-icon-background)" d="m13 8-4 4 4 4"/></svg>; +} +export default ChevronLeftCircle; \ No newline at end of file diff --git a/src/components/icons/chevronLeftCircleFill.tsx b/src/components/icons/chevronLeftCircleFill.tsx new file mode 100644 index 00000000..25b6f11e --- /dev/null +++ b/src/components/icons/chevronLeftCircleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronLeftCircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path fill="none" stroke="var(--ui-icon-background)" d="m13 8-4 4 4 4"/></svg>; +} +export default ChevronLeftCircleFill; \ No newline at end of file diff --git a/src/components/icons/chevronRight.tsx b/src/components/icons/chevronRight.tsx index 4b889e5f..a84fab86 100644 --- a/src/components/icons/chevronRight.tsx +++ b/src/components/icons/chevronRight.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgChevronRight = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m9 18 6-6-6-6" /> - </svg> -) -export default SvgChevronRight - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronRight = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m9 18 6-6-6-6"/></svg>; +} +export default ChevronRight; \ No newline at end of file diff --git a/src/components/icons/chevronRightCircle.tsx b/src/components/icons/chevronRightCircle.tsx new file mode 100644 index 00000000..93b25661 --- /dev/null +++ b/src/components/icons/chevronRightCircle.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronRightCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path stroke="var(--ui-icon-background)" d="m11 16 4-4-4-4"/></svg>; +} +export default ChevronRightCircle; \ No newline at end of file diff --git a/src/components/icons/chevronRightCircleFill.tsx b/src/components/icons/chevronRightCircleFill.tsx new file mode 100644 index 00000000..016caf3c --- /dev/null +++ b/src/components/icons/chevronRightCircleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronRightCircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path fill="none" stroke="var(--ui-icon-background)" d="m11 16 4-4-4-4"/></svg>; +} +export default ChevronRightCircleFill; \ No newline at end of file diff --git a/src/components/icons/chevronUp.tsx b/src/components/icons/chevronUp.tsx index 8094c371..bf589506 100644 --- a/src/components/icons/chevronUp.tsx +++ b/src/components/icons/chevronUp.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgChevronUp = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m18 15-6-6-6 6" /> - </svg> -) -export default SvgChevronUp - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronUp = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m18 15-6-6-6 6"/></svg>; +} +export default ChevronUp; \ No newline at end of file diff --git a/src/components/icons/chevronUpCircle.tsx b/src/components/icons/chevronUpCircle.tsx new file mode 100644 index 00000000..06d866e8 --- /dev/null +++ b/src/components/icons/chevronUpCircle.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronUpCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path stroke="var(--ui-icon-background)" d="m16 14-4-4-4 4"/></svg>; +} +export default ChevronUpCircle; \ No newline at end of file diff --git a/src/components/icons/chevronUpCircleFill.tsx b/src/components/icons/chevronUpCircleFill.tsx new file mode 100644 index 00000000..03bf2d92 --- /dev/null +++ b/src/components/icons/chevronUpCircleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronUpCircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path fill="none" stroke="var(--ui-icon-background)" d="m16 14-4-4-4 4"/></svg>; +} +export default ChevronUpCircleFill; \ No newline at end of file diff --git a/src/components/icons/chevronUpDown.tsx b/src/components/icons/chevronUpDown.tsx new file mode 100644 index 00000000..6806ec70 --- /dev/null +++ b/src/components/icons/chevronUpDown.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronUpDown = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M17 8.517 12 3 7 8.517m0 6.963 5 5.517 5-5.517"/></svg>; +} +export default ChevronUpDown; \ No newline at end of file diff --git a/src/components/icons/chevronsDown.tsx b/src/components/icons/chevronsDown.tsx index 2eb0088f..b106e0ec 100644 --- a/src/components/icons/chevronsDown.tsx +++ b/src/components/icons/chevronsDown.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgChevronsDown = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m7 13 5 5 5-5M7 6l5 5 5-5" /> - </svg> -) -export default SvgChevronsDown - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronsDown = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m7 13 5 5 5-5M7 6l5 5 5-5"/></svg>; +} +export default ChevronsDown; \ No newline at end of file diff --git a/src/components/icons/chevronsLeft.tsx b/src/components/icons/chevronsLeft.tsx index 91bf5c96..ead1a3d3 100644 --- a/src/components/icons/chevronsLeft.tsx +++ b/src/components/icons/chevronsLeft.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgChevronsLeft = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m11 17-5-5 5-5M18 17l-5-5 5-5" /> - </svg> -) -export default SvgChevronsLeft - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronsLeft = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m11 17-5-5 5-5M18 17l-5-5 5-5"/></svg>; +} +export default ChevronsLeft; \ No newline at end of file diff --git a/src/components/icons/chevronsLeftRight.tsx b/src/components/icons/chevronsLeftRight.tsx new file mode 100644 index 00000000..d2fff04f --- /dev/null +++ b/src/components/icons/chevronsLeftRight.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronsLeftRight = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m8.75 6-6 6 6 6M16.75 18l6-6-6-6"/></svg>; +} +export default ChevronsLeftRight; \ No newline at end of file diff --git a/src/components/icons/chevronsRight.tsx b/src/components/icons/chevronsRight.tsx index ad100bc5..66bf4dbc 100644 --- a/src/components/icons/chevronsRight.tsx +++ b/src/components/icons/chevronsRight.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgChevronsRight = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m13 17 5-5-5-5M6 17l5-5-5-5" /> - </svg> -) -export default SvgChevronsRight - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronsRight = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m13 17 5-5-5-5M6 17l5-5-5-5"/></svg>; +} +export default ChevronsRight; \ No newline at end of file diff --git a/src/components/icons/chevronsUp.tsx b/src/components/icons/chevronsUp.tsx index da5b92fb..2cc5a988 100644 --- a/src/components/icons/chevronsUp.tsx +++ b/src/components/icons/chevronsUp.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgChevronsUp = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m17 11-5-5-5 5M17 18l-5-5-5 5" /> - </svg> -) -export default SvgChevronsUp - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ChevronsUp = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m17 11-5-5-5 5M17 18l-5-5-5 5"/></svg>; +} +export default ChevronsUp; \ No newline at end of file diff --git a/src/components/icons/chrome.tsx b/src/components/icons/chrome.tsx index 02fa4fec..87347425 100644 --- a/src/components/icons/chrome.tsx +++ b/src/components/icons/chrome.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgChrome = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <circle cx={12} cy={12} r={4} /> - <path d="M21.17 8H12M3.95 6.06 8.54 14M10.88 21.94 15.46 14" /> - </svg> -) -export default SvgChrome - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Chrome = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="4"/><path d="M21.17 8H12M3.95 6.06 8.54 14M10.88 21.94 15.46 14"/></svg>; +} +export default Chrome; \ No newline at end of file diff --git a/src/components/icons/circle.tsx b/src/components/icons/circle.tsx index d3d6410e..c92f65e1 100644 --- a/src/components/icons/circle.tsx +++ b/src/components/icons/circle.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - </svg> -) -export default SvgCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Circle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/></svg>; +} +export default Circle; \ No newline at end of file diff --git a/src/components/icons/circleFill.tsx b/src/components/icons/circleFill.tsx new file mode 100644 index 00000000..c12b5e08 --- /dev/null +++ b/src/components/icons/circleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/></svg>; +} +export default CircleFill; \ No newline at end of file diff --git a/src/components/icons/clipboard.tsx b/src/components/icons/clipboard.tsx index 44bcc0dd..c9807f74 100644 --- a/src/components/icons/clipboard.tsx +++ b/src/components/icons/clipboard.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgClipboard = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" /> - <rect width={8} height={4} x={8} y={2} rx={1} ry={1} /> - </svg> -) -export default SvgClipboard - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Clipboard = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2"/><rect width="8" height="4" x="8" y="2" rx="1" ry="1"/></svg>; +} +export default Clipboard; \ No newline at end of file diff --git a/src/components/icons/clock.tsx b/src/components/icons/clock.tsx index 11e570bd..170b886d 100644 --- a/src/components/icons/clock.tsx +++ b/src/components/icons/clock.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgClock = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M12 6v6l4 2" /> - </svg> -) -export default SvgClock - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Clock = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></svg>; +} +export default Clock; \ No newline at end of file diff --git a/src/components/icons/cloud.tsx b/src/components/icons/cloud.tsx index 9527ea1a..17aad893 100644 --- a/src/components/icons/cloud.tsx +++ b/src/components/icons/cloud.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCloud = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z" /> - </svg> -) -export default SvgCloud - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Cloud = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z"/></svg>; +} +export default Cloud; \ No newline at end of file diff --git a/src/components/icons/cloudDrizzle.tsx b/src/components/icons/cloudDrizzle.tsx index 12107109..d9e3b915 100644 --- a/src/components/icons/cloudDrizzle.tsx +++ b/src/components/icons/cloudDrizzle.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCloudDrizzle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M8 19v2M8 13v2M16 19v2M16 13v2M12 21v2M12 15v2M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25" /> - </svg> -) -export default SvgCloudDrizzle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CloudDrizzle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M8 19v2M8 13v2M16 19v2M16 13v2M12 21v2M12 15v2M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"/></svg>; +} +export default CloudDrizzle; \ No newline at end of file diff --git a/src/components/icons/cloudLightning.tsx b/src/components/icons/cloudLightning.tsx index a0f989f2..5503ac02 100644 --- a/src/components/icons/cloudLightning.tsx +++ b/src/components/icons/cloudLightning.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCloudLightning = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9" /> - <path d="m13 11-4 6h6l-4 6" /> - </svg> -) -export default SvgCloudLightning - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CloudLightning = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M19 16.9A5 5 0 0 0 18 7h-1.26a8 8 0 1 0-11.62 9"/><path d="m13 11-4 6h6l-4 6"/></svg>; +} +export default CloudLightning; \ No newline at end of file diff --git a/src/components/icons/cloudOff.tsx b/src/components/icons/cloudOff.tsx index 4fbe6124..be615e5e 100644 --- a/src/components/icons/cloudOff.tsx +++ b/src/components/icons/cloudOff.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCloudOff = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3M1 1l22 22" /> - </svg> -) -export default SvgCloudOff - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CloudOff = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3M1 1l22 22"/></svg>; +} +export default CloudOff; \ No newline at end of file diff --git a/src/components/icons/cloudRain.tsx b/src/components/icons/cloudRain.tsx index c208845c..73d9166c 100644 --- a/src/components/icons/cloudRain.tsx +++ b/src/components/icons/cloudRain.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCloudRain = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M16 13v8M8 13v8M12 15v8M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25" /> - </svg> -) -export default SvgCloudRain - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CloudRain = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16 13v8M8 13v8M12 15v8M20 16.58A5 5 0 0 0 18 7h-1.26A8 8 0 1 0 4 15.25"/></svg>; +} +export default CloudRain; \ No newline at end of file diff --git a/src/components/icons/cloudSnow.tsx b/src/components/icons/cloudSnow.tsx index 4bfecff4..79793d42 100644 --- a/src/components/icons/cloudSnow.tsx +++ b/src/components/icons/cloudSnow.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCloudSnow = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M20 17.58A5 5 0 0 0 18 8h-1.26A8 8 0 1 0 4 16.25M8 16h.01M8 20h.01M12 18h.01M12 22h.01M16 16h.01M16 20h.01" /> - </svg> -) -export default SvgCloudSnow - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CloudSnow = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M20 17.58A5 5 0 0 0 18 8h-1.26A8 8 0 1 0 4 16.25M8 16h.01M8 20h.01M12 18h.01M12 22h.01M16 16h.01M16 20h.01"/></svg>; +} +export default CloudSnow; \ No newline at end of file diff --git a/src/components/icons/code.tsx b/src/components/icons/code.tsx index 19a4f4d2..e66e1289 100644 --- a/src/components/icons/code.tsx +++ b/src/components/icons/code.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCode = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m16 18 6-6-6-6M8 6l-6 6 6 6" /> - </svg> -) -export default SvgCode - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Code = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m16 18 6-6-6-6M8 6l-6 6 6 6"/></svg>; +} +export default Code; \ No newline at end of file diff --git a/src/components/icons/codepen.tsx b/src/components/icons/codepen.tsx index 9436b3fe..4d340edb 100644 --- a/src/components/icons/codepen.tsx +++ b/src/components/icons/codepen.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgCodepen = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m12 2 10 6.5v7L12 22 2 15.5v-7L12 2zM12 22v-6.5" /> - <path d="m22 8.5-10 7-10-7" /> - <path d="m2 15.5 10-7 10 7M12 2v6.5" /> - </svg> -) -export default SvgCodepen - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Codepen = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m12 2 10 6.5v7L12 22 2 15.5v-7L12 2zM12 22v-6.5"/><path d="m22 8.5-10 7-10-7"/><path d="m2 15.5 10-7 10 7M12 2v6.5"/></svg>; +} +export default Codepen; \ No newline at end of file diff --git a/src/components/icons/codesandbox.tsx b/src/components/icons/codesandbox.tsx index 5d5c9b3d..f244302d 100644 --- a/src/components/icons/codesandbox.tsx +++ b/src/components/icons/codesandbox.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCodesandbox = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" /> - <path d="m7.5 4.21 4.5 2.6 4.5-2.6M7.5 19.79V14.6L3 12M21 12l-4.5 2.6v5.19M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12" /> - </svg> -) -export default SvgCodesandbox - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Codesandbox = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="m7.5 4.21 4.5 2.6 4.5-2.6M7.5 19.79V14.6L3 12M21 12l-4.5 2.6v5.19M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12"/></svg>; +} +export default Codesandbox; \ No newline at end of file diff --git a/src/components/icons/coffee.tsx b/src/components/icons/coffee.tsx index 85b73f70..0724e0b3 100644 --- a/src/components/icons/coffee.tsx +++ b/src/components/icons/coffee.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCoffee = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M18 8h1a4 4 0 0 1 0 8h-1M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8zM6 1v3M10 1v3M14 1v3" /> - </svg> -) -export default SvgCoffee - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Coffee = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M18 8h1a4 4 0 0 1 0 8h-1M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8zM6 1v3M10 1v3M14 1v3"/></svg>; +} +export default Coffee; \ No newline at end of file diff --git a/src/components/icons/columns.tsx b/src/components/icons/columns.tsx index bc04d5fb..b84e06a7 100644 --- a/src/components/icons/columns.tsx +++ b/src/components/icons/columns.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgColumns = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 3h7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-7m0-18H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7m0-18v18" /> - </svg> -) -export default SvgColumns - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Columns = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 3h7a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-7m0-18H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h7m0-18v18"/></svg>; +} +export default Columns; \ No newline at end of file diff --git a/src/components/icons/command.tsx b/src/components/icons/command.tsx index f935b66e..202a9207 100644 --- a/src/components/icons/command.tsx +++ b/src/components/icons/command.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgCommand = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z" /> - </svg> -) -export default SvgCommand - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Command = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z"/></svg>; +} +export default Command; \ No newline at end of file diff --git a/src/components/icons/compass.tsx b/src/components/icons/compass.tsx index 839ce030..23c12204 100644 --- a/src/components/icons/compass.tsx +++ b/src/components/icons/compass.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCompass = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36 6.36-2.12z" /> - </svg> -) -export default SvgCompass - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Compass = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="m16.24 7.76-2.12 6.36-6.36 2.12 2.12-6.36 6.36-2.12z"/></svg>; +} +export default Compass; \ No newline at end of file diff --git a/src/components/icons/connection.tsx b/src/components/icons/connection.tsx new file mode 100644 index 00000000..98aa42a3 --- /dev/null +++ b/src/components/icons/connection.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Connection = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M9.121 14.879 14.88 9.12M10 17a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM20 7a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/></svg>; +} +export default Connection; \ No newline at end of file diff --git a/src/components/icons/copy.tsx b/src/components/icons/copy.tsx index 2424c826..57905db1 100644 --- a/src/components/icons/copy.tsx +++ b/src/components/icons/copy.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCopy = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={13} height={13} x={9} y={9} rx={2} ry={2} /> - <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" /> - </svg> -) -export default SvgCopy - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Copy = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M6 17a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7a2 2 0 0 1 1.732 1M11 21h7a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2Z"/></svg>; +} +export default Copy; \ No newline at end of file diff --git a/src/components/icons/cornerDownLeft.tsx b/src/components/icons/cornerDownLeft.tsx index ca12021a..ffcbdf7a 100644 --- a/src/components/icons/cornerDownLeft.tsx +++ b/src/components/icons/cornerDownLeft.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCornerDownLeft = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m9 10-5 5 5 5" /> - <path d="M20 4v7a4 4 0 0 1-4 4H4" /> - </svg> -) -export default SvgCornerDownLeft - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CornerDownLeft = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m9 10-5 5 5 5"/><path d="M20 4v7a4 4 0 0 1-4 4H4"/></svg>; +} +export default CornerDownLeft; \ No newline at end of file diff --git a/src/components/icons/cornerDownRight.tsx b/src/components/icons/cornerDownRight.tsx index 80c889b2..54f49362 100644 --- a/src/components/icons/cornerDownRight.tsx +++ b/src/components/icons/cornerDownRight.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCornerDownRight = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m15 10 5 5-5 5" /> - <path d="M4 4v7a4 4 0 0 0 4 4h12" /> - </svg> -) -export default SvgCornerDownRight - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CornerDownRight = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m15 10 5 5-5 5"/><path d="M4 4v7a4 4 0 0 0 4 4h12"/></svg>; +} +export default CornerDownRight; \ No newline at end of file diff --git a/src/components/icons/cornerLeftDown.tsx b/src/components/icons/cornerLeftDown.tsx index cd154c6a..3dc66745 100644 --- a/src/components/icons/cornerLeftDown.tsx +++ b/src/components/icons/cornerLeftDown.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCornerLeftDown = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m14 15-5 5-5-5" /> - <path d="M20 4h-7a4 4 0 0 0-4 4v12" /> - </svg> -) -export default SvgCornerLeftDown - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CornerLeftDown = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m14 15-5 5-5-5"/><path d="M20 4h-7a4 4 0 0 0-4 4v12"/></svg>; +} +export default CornerLeftDown; \ No newline at end of file diff --git a/src/components/icons/cornerLeftUp.tsx b/src/components/icons/cornerLeftUp.tsx index 7cb67b77..1e43031f 100644 --- a/src/components/icons/cornerLeftUp.tsx +++ b/src/components/icons/cornerLeftUp.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCornerLeftUp = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M14 9 9 4 4 9" /> - <path d="M20 20h-7a4 4 0 0 1-4-4V4" /> - </svg> -) -export default SvgCornerLeftUp - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CornerLeftUp = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M14 9 9 4 4 9"/><path d="M20 20h-7a4 4 0 0 1-4-4V4"/></svg>; +} +export default CornerLeftUp; \ No newline at end of file diff --git a/src/components/icons/cornerRightDown.tsx b/src/components/icons/cornerRightDown.tsx index 4b03057e..2249e955 100644 --- a/src/components/icons/cornerRightDown.tsx +++ b/src/components/icons/cornerRightDown.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCornerRightDown = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m10 15 5 5 5-5" /> - <path d="M4 4h7a4 4 0 0 1 4 4v12" /> - </svg> -) -export default SvgCornerRightDown - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CornerRightDown = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m10 15 5 5 5-5"/><path d="M4 4h7a4 4 0 0 1 4 4v12"/></svg>; +} +export default CornerRightDown; \ No newline at end of file diff --git a/src/components/icons/cornerRightUp.tsx b/src/components/icons/cornerRightUp.tsx index 89c494c1..b037d5ff 100644 --- a/src/components/icons/cornerRightUp.tsx +++ b/src/components/icons/cornerRightUp.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCornerRightUp = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m10 9 5-5 5 5" /> - <path d="M4 20h7a4 4 0 0 0 4-4V4" /> - </svg> -) -export default SvgCornerRightUp - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CornerRightUp = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m10 9 5-5 5 5"/><path d="M4 20h7a4 4 0 0 0 4-4V4"/></svg>; +} +export default CornerRightUp; \ No newline at end of file diff --git a/src/components/icons/cornerUpLeft.tsx b/src/components/icons/cornerUpLeft.tsx index 5c6d8024..02420f1b 100644 --- a/src/components/icons/cornerUpLeft.tsx +++ b/src/components/icons/cornerUpLeft.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCornerUpLeft = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M9 14 4 9l5-5" /> - <path d="M20 20v-7a4 4 0 0 0-4-4H4" /> - </svg> -) -export default SvgCornerUpLeft - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CornerUpLeft = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M9 14 4 9l5-5"/><path d="M20 20v-7a4 4 0 0 0-4-4H4"/></svg>; +} +export default CornerUpLeft; \ No newline at end of file diff --git a/src/components/icons/cornerUpRight.tsx b/src/components/icons/cornerUpRight.tsx index 8d04722a..202d87f8 100644 --- a/src/components/icons/cornerUpRight.tsx +++ b/src/components/icons/cornerUpRight.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCornerUpRight = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m15 14 5-5-5-5" /> - <path d="M4 20v-7a4 4 0 0 1 4-4h12" /> - </svg> -) -export default SvgCornerUpRight - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CornerUpRight = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m15 14 5-5-5-5"/><path d="M4 20v-7a4 4 0 0 1 4-4h12"/></svg>; +} +export default CornerUpRight; \ No newline at end of file diff --git a/src/components/icons/cpu.tsx b/src/components/icons/cpu.tsx index 16f9c330..6d324ee3 100644 --- a/src/components/icons/cpu.tsx +++ b/src/components/icons/cpu.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCpu = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={16} height={16} x={4} y={4} rx={2} ry={2} /> - <path d="M9 9h6v6H9zM9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 14h3M1 9h3M1 14h3" /> - </svg> -) -export default SvgCpu - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Cpu = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="16" height="16" x="4" y="4" rx="2" ry="2"/><path d="M9 9h6v6H9zM9 1v3M15 1v3M9 20v3M15 20v3M20 9h3M20 14h3M1 9h3M1 14h3"/></svg>; +} +export default Cpu; \ No newline at end of file diff --git a/src/components/icons/creditCard.tsx b/src/components/icons/creditCard.tsx index c5da5345..2d4a8047 100644 --- a/src/components/icons/creditCard.tsx +++ b/src/components/icons/creditCard.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCreditCard = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={22} height={16} x={1} y={4} rx={2} ry={2} /> - <path d="M1 10h22" /> - </svg> -) -export default SvgCreditCard - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const CreditCard = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="22" height="16" x="1" y="4" rx="2" ry="2"/><path d="M1 10h22"/></svg>; +} +export default CreditCard; \ No newline at end of file diff --git a/src/components/icons/crop.tsx b/src/components/icons/crop.tsx index 52b37718..ec17f4d8 100644 --- a/src/components/icons/crop.tsx +++ b/src/components/icons/crop.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCrop = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M6.13 1 6 16a2 2 0 0 0 2 2h15" /> - <path d="M1 6.13 16 6a2 2 0 0 1 2 2v15" /> - </svg> -) -export default SvgCrop - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Crop = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M6.13 1 6 16a2 2 0 0 0 2 2h15"/><path d="M1 6.13 16 6a2 2 0 0 1 2 2v15"/></svg>; +} +export default Crop; \ No newline at end of file diff --git a/src/components/icons/crosshair.tsx b/src/components/icons/crosshair.tsx index 781fecc9..a1d5515f 100644 --- a/src/components/icons/crosshair.tsx +++ b/src/components/icons/crosshair.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgCrosshair = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M22 12h-4M6 12H2M12 6V2M12 22v-4" /> - </svg> -) -export default SvgCrosshair - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Crosshair = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="M22 12h-4M6 12H2M12 6V2M12 22v-4"/></svg>; +} +export default Crosshair; \ No newline at end of file diff --git a/src/components/icons/cursor.tsx b/src/components/icons/cursor.tsx new file mode 100644 index 00000000..7f699082 --- /dev/null +++ b/src/components/icons/cursor.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Cursor = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m4 4 16 5.333L12 12l-2.667 8L4 4Z"/></svg>; +} +export default Cursor; \ No newline at end of file diff --git a/src/components/icons/database.tsx b/src/components/icons/database.tsx index 0da84082..288c3164 100644 --- a/src/components/icons/database.tsx +++ b/src/components/icons/database.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgDatabase = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <ellipse cx={12} cy={5} rx={9} ry={3} /> - <path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" /> - <path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" /> - </svg> -) -export default SvgDatabase - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Database = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"/><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"/></svg>; +} +export default Database; \ No newline at end of file diff --git a/src/components/icons/delete.tsx b/src/components/icons/delete.tsx index 820894f6..3f44044c 100644 --- a/src/components/icons/delete.tsx +++ b/src/components/icons/delete.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgDelete = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zM18 9l-6 6M12 9l6 6" /> - </svg> -) -export default SvgDelete - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Delete = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 4H8l-7 8 7 8h13a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zM18 9l-6 6M12 9l6 6"/></svg>; +} +export default Delete; \ No newline at end of file diff --git a/src/components/icons/disc.tsx b/src/components/icons/disc.tsx index 9d1f160f..93befdd4 100644 --- a/src/components/icons/disc.tsx +++ b/src/components/icons/disc.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgDisc = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <circle cx={12} cy={12} r={3} /> - </svg> -) -export default SvgDisc - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Disc = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="3"/></svg>; +} +export default Disc; \ No newline at end of file diff --git a/src/components/icons/display.tsx b/src/components/icons/display.tsx new file mode 100644 index 00000000..f4b40fb5 --- /dev/null +++ b/src/components/icons/display.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Display = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M2 13.381h20M8.66 19.05V22m6.84-2.95V22m-8.955 0h10.932M4 19.05h16a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v13.05a2 2 0 0 0 2 2z"/></svg>; +} +export default Display; \ No newline at end of file diff --git a/src/components/icons/divide.tsx b/src/components/icons/divide.tsx deleted file mode 100644 index 146a4355..00000000 --- a/src/components/icons/divide.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import * as React from 'react' -const SvgDivide = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={6} r={2} /> - <path d="M5 12h14" /> - <circle cx={12} cy={18} r={2} /> - </svg> -) -export default SvgDivide - diff --git a/src/components/icons/divideCircle.tsx b/src/components/icons/divideCircle.tsx deleted file mode 100644 index af99a0aa..00000000 --- a/src/components/icons/divideCircle.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import * as React from 'react' -const SvgDivideCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M8 12h8M12 16h0M12 8h0" /> - <circle cx={12} cy={12} r={10} /> - </svg> -) -export default SvgDivideCircle - diff --git a/src/components/icons/divideSquare.tsx b/src/components/icons/divideSquare.tsx deleted file mode 100644 index 3c5de351..00000000 --- a/src/components/icons/divideSquare.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import * as React from 'react' -const SvgDivideSquare = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={18} x={3} y={3} rx={2} ry={2} /> - <path d="M8 12h8M12 16h0M12 8h0" /> - </svg> -) -export default SvgDivideSquare - diff --git a/src/components/icons/divider.tsx b/src/components/icons/divider.tsx new file mode 100644 index 00000000..793a47c8 --- /dev/null +++ b/src/components/icons/divider.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Divider = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16.88 3.549 7.12 20.451"/></svg>; +} +export default Divider; \ No newline at end of file diff --git a/src/components/icons/document.tsx b/src/components/icons/document.tsx new file mode 100644 index 00000000..710f53b7 --- /dev/null +++ b/src/components/icons/document.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Document = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M7.069 21.6h9.15a4.67 4.67 0 0 0 4.669-4.669V5.87A4.67 4.67 0 0 0 16.219 1.2h-9.15A4.67 4.67 0 0 0 2.4 5.869V16.93A4.67 4.67 0 0 0 7.069 21.6ZM15.395 15.842H7.892m7.503-4.597H7.892m2.863-4.586H7.892"/></svg>; +} +export default Document; \ No newline at end of file diff --git a/src/components/icons/dollarSign.tsx b/src/components/icons/dollarSign.tsx index 3f2434c4..74e463c8 100644 --- a/src/components/icons/dollarSign.tsx +++ b/src/components/icons/dollarSign.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgDollarSign = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" /> - </svg> -) -export default SvgDollarSign - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const DollarSign = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 1v22M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"/></svg>; +} +export default DollarSign; \ No newline at end of file diff --git a/src/components/icons/download.tsx b/src/components/icons/download.tsx index a81c185c..3735beaa 100644 --- a/src/components/icons/download.tsx +++ b/src/components/icons/download.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgDownload = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3" /> - </svg> -) -export default SvgDownload - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Download = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/></svg>; +} +export default Download; \ No newline at end of file diff --git a/src/components/icons/downloadCloud.tsx b/src/components/icons/downloadCloud.tsx index a412f6c8..5683795d 100644 --- a/src/components/icons/downloadCloud.tsx +++ b/src/components/icons/downloadCloud.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgDownloadCloud = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m8 17 4 4 4-4M12 12v9" /> - <path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29" /> - </svg> -) -export default SvgDownloadCloud - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const DownloadCloud = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m8 17 4 4 4-4M12 12v9"/><path d="M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29"/></svg>; +} +export default DownloadCloud; \ No newline at end of file diff --git a/src/components/icons/drag.tsx b/src/components/icons/drag.tsx new file mode 100644 index 00000000..ea6d111c --- /dev/null +++ b/src/components/icons/drag.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Drag = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="#000" stroke="#000" d="M8 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0-7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm8-7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0-7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"/></svg>; +} +export default Drag; \ No newline at end of file diff --git a/src/components/icons/dribbble.tsx b/src/components/icons/dribbble.tsx deleted file mode 100644 index 5145cbda..00000000 --- a/src/components/icons/dribbble.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import * as React from 'react' -const SvgDribbble = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M8.56 2.75c4.37 6.03 6.02 9.42 8.03 17.72m2.54-15.38c-3.72 4.35-8.94 5.66-16.88 5.85m19.5 1.9c-3.5-.93-6.63-.82-8.94 0-2.58.92-5.01 2.86-7.44 6.32" /> - </svg> -) -export default SvgDribbble - diff --git a/src/components/icons/droplet.tsx b/src/components/icons/droplet.tsx index 355639f9..2fbc19a9 100644 --- a/src/components/icons/droplet.tsx +++ b/src/components/icons/droplet.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgDroplet = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m12 2.69 5.66 5.66a8 8 0 1 1-11.31 0z" /> - </svg> -) -export default SvgDroplet - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Droplet = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m12 2.69 5.66 5.66a8 8 0 1 1-11.31 0z"/></svg>; +} +export default Droplet; \ No newline at end of file diff --git a/src/components/icons/edge.tsx b/src/components/icons/edge.tsx new file mode 100644 index 00000000..c0a90102 --- /dev/null +++ b/src/components/icons/edge.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Edge = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg xmlns="http://www.w3.org/2000/svg" fill="none" shapeRendering="geometricPrecision" viewBox="0 0 20 20" {...props} height={size} width={size} style={{...style, color: color }}><path fill="var(--geist-foreground)" fillRule="evenodd" stroke="var(--geist-foreground)" strokeLinecap="round" strokeLinejoin="round" strokeWidth=".2" d="M10.657 2.908a.248.248 0 0 0-.409-.083L5.814 7.36a.248.248 0 0 0 .273.403l3.815-1.582 3.99 6.383a.248.248 0 0 0 .443-.222l-3.678-9.435ZM8.24 9.082a.248.248 0 0 0-.401-.289l-6.027 6.84a.248.248 0 0 0 .13.405l6.027 1.386a.248.248 0 0 0 .204-.442L5.01 14.644l3.23-5.562Zm8.003 1.626a.248.248 0 0 0-.483.08v3.897l-7.356.144a.248.248 0 0 0-.035.493l9.593 1.565a.248.248 0 0 0 .275-.326l-1.994-5.853Z" clipRule="evenodd"/></svg>; +} +export default Edge; \ No newline at end of file diff --git a/src/components/icons/edgeConfig.tsx b/src/components/icons/edgeConfig.tsx new file mode 100644 index 00000000..30311806 --- /dev/null +++ b/src/components/icons/edgeConfig.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const EdgeConfig = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" shapeRendering="geometricPrecision" viewBox="0 0 60 60" {...props} height={size} width={size} style={{...style, color: color }}><path d="M23.791 16.528c10.379 0 18.792-2.805 18.792-6.264C42.583 6.804 34.17 4 23.79 4 13.413 4 5 6.804 5 10.264c0 3.46 8.413 6.264 18.791 6.264ZM23.791 31.143C13.351 31.143 5 28.345 5 24.88"/><path d="M5 10.264v29.23c0 3.467 8.352 6.265 18.791 6.265M42.583 22.5V10.264"/><circle cx="38.8" cy="38.5" r="16.3"/><path fill="currentColor" d="M29.505 38.395v-.892c.512 0 .867-.102 1.065-.306.199-.204.298-.534.298-.99v-.98c0-.548.075-.986.226-1.315a1.69 1.69 0 0 1 .64-.75c.275-.169.6-.281.976-.337a8.37 8.37 0 0 1 1.234-.085v1.412c-.35 0-.616.046-.8.137a.703.703 0 0 0-.367.418 2.186 2.186 0 0 0-.098.71v1.296c0 .225-.042.44-.125.644-.082.201-.236.38-.461.537-.225.154-.546.277-.963.368-.418.09-.96.133-1.625.133Zm4.439 5.58c-.447 0-.858-.028-1.234-.084a2.58 2.58 0 0 1-.977-.337 1.69 1.69 0 0 1-.639-.75c-.15-.33-.226-.767-.226-1.315v-.985c0-.456-.1-.786-.298-.99-.198-.204-.553-.306-1.065-.306v-.892c.666 0 1.207.045 1.625.137.417.089.738.212.963.369.225.154.379.333.461.537.083.201.125.416.125.643V41.3c0 .284.032.519.097.705.066.19.188.329.369.418.183.091.45.137.799.137v1.416Zm-4.439-4.767v-1.705h1.594v1.705h-1.594ZM39.918 40.757l-.05.488c-.038.391-.112.78-.221 1.168-.107.39-.22.744-.337 1.06-.116.317-.21.566-.28.746h-1.225c.044-.174.105-.418.182-.732.077-.31.15-.66.217-1.048a9.19 9.19 0 0 0 .129-1.185l.022-.497h1.563Zm-.79-3.418c-.293 0-.545-.103-.755-.31a1.027 1.027 0 0 1-.31-.755c0-.29.103-.537.31-.742.21-.207.462-.31.755-.31.284 0 .532.103.745.31.213.205.32.452.32.742 0 .198-.05.379-.151.541a1.11 1.11 0 0 1-.386.382c-.16.095-.336.142-.528.142ZM48.494 38.316v.892c-.51 0-.864.102-1.066.306-.198.204-.297.534-.297.99v.986c0 .547-.077.985-.23 1.313-.152.332-.365.582-.64.75a2.54 2.54 0 0 1-.972.338 8.299 8.299 0 0 1-1.234.084V42.56c.35 0 .614-.046.794-.137a.7.7 0 0 0 .373-.418 2.17 2.17 0 0 0 .098-.705v-1.297c0-.227.041-.442.124-.643.083-.204.237-.383.462-.537.225-.157.546-.28.963-.369.417-.092.959-.137 1.625-.137Zm-4.44-5.576c.45 0 .862.029 1.235.085.376.056.7.168.972.337.275.169.488.419.64.75.153.329.23.767.23 1.314v.981c0 .456.1.786.297.99.202.204.557.306 1.066.306v.892c-.666 0-1.208-.044-1.625-.133-.417-.091-.738-.214-.963-.368-.225-.157-.379-.336-.462-.537a1.695 1.695 0 0 1-.124-.644v-1.296c0-.287-.033-.524-.098-.71a.701.701 0 0 0-.373-.418c-.18-.091-.445-.137-.794-.137V32.74Zm4.44 4.763v1.705H46.9v-1.705h1.594Z"/></svg>; +} +export default EdgeConfig; \ No newline at end of file diff --git a/src/components/icons/edit.tsx b/src/components/icons/edit.tsx index 30814a9a..9d918c39 100644 --- a/src/components/icons/edit.tsx +++ b/src/components/icons/edit.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgEdit = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" /> - <path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" /> - </svg> -) -export default SvgEdit - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Edit = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"/><path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"/></svg>; +} +export default Edit; \ No newline at end of file diff --git a/src/components/icons/edit2.tsx b/src/components/icons/edit2.tsx index aa8f5011..654f08a2 100644 --- a/src/components/icons/edit2.tsx +++ b/src/components/icons/edit2.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgEdit2 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" /> - </svg> -) -export default SvgEdit2 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Edit2 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"/></svg>; +} +export default Edit2; \ No newline at end of file diff --git a/src/components/icons/edit3.tsx b/src/components/icons/edit3.tsx index 5e4f024e..7ede722f 100644 --- a/src/components/icons/edit3.tsx +++ b/src/components/icons/edit3.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgEdit3 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 20h9M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" /> - </svg> -) -export default SvgEdit3 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Edit3 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 20h9M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z"/></svg>; +} +export default Edit3; \ No newline at end of file diff --git a/src/components/icons/emoji.tsx b/src/components/icons/emoji.tsx new file mode 100644 index 00000000..434e1edf --- /dev/null +++ b/src/components/icons/emoji.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Emoji = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path fill="currentColor" d="M7 14.5s0 4 5 4 5-4 5-4"/><path d="M7 14.5s0 4 5 4 5-4 5-4H7z"/><circle cx="15.5" cy="9.5" r=".8"/><circle cx="8.5" cy="9.5" r=".8"/></svg>; +} +export default Emoji; \ No newline at end of file diff --git a/src/components/icons/errorCircle.tsx b/src/components/icons/errorCircle.tsx new file mode 100644 index 00000000..dda493e0 --- /dev/null +++ b/src/components/icons/errorCircle.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ErrorCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/><path stroke="var(--ui-icon-background)" d="m15 9-6 6M9 9l6 6"/></svg>; +} +export default ErrorCircle; \ No newline at end of file diff --git a/src/components/icons/errorCircleFill.tsx b/src/components/icons/errorCircleFill.tsx new file mode 100644 index 00000000..94808e94 --- /dev/null +++ b/src/components/icons/errorCircleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ErrorCircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/><path stroke="var(--ui-icon-background)" d="m15 9-6 6M9 9l6 6"/></svg>; +} +export default ErrorCircleFill; \ No newline at end of file diff --git a/src/components/icons/externalLink.tsx b/src/components/icons/externalLink.tsx index 2e85318e..f14911fe 100644 --- a/src/components/icons/externalLink.tsx +++ b/src/components/icons/externalLink.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgExternalLink = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3" /> - </svg> -) -export default SvgExternalLink - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ExternalLink = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3"/></svg>; +} +export default ExternalLink; \ No newline at end of file diff --git a/src/components/icons/eye.tsx b/src/components/icons/eye.tsx index 2c2b57a7..c3e74325 100644 --- a/src/components/icons/eye.tsx +++ b/src/components/icons/eye.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgEye = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" /> - <circle cx={12} cy={12} r={3} /> - </svg> -) -export default SvgEye - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Eye = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"/><circle cx="12" cy="12" r="3"/></svg>; +} +export default Eye; \ No newline at end of file diff --git a/src/components/icons/eyeOff.tsx b/src/components/icons/eyeOff.tsx index 803c068e..34156073 100644 --- a/src/components/icons/eyeOff.tsx +++ b/src/components/icons/eyeOff.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgEyeOff = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24M1 1l22 22" /> - </svg> -) -export default SvgEyeOff - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const EyeOff = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24M1 1l22 22"/></svg>; +} +export default EyeOff; \ No newline at end of file diff --git a/src/components/icons/facebook.tsx b/src/components/icons/facebook.tsx index b65f9ff0..816d983d 100644 --- a/src/components/icons/facebook.tsx +++ b/src/components/icons/facebook.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgFacebook = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" /> - </svg> -) -export default SvgFacebook - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Facebook = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>; +} +export default Facebook; \ No newline at end of file diff --git a/src/components/icons/facebookFill.tsx b/src/components/icons/facebookFill.tsx new file mode 100644 index 00000000..e26b9b87 --- /dev/null +++ b/src/components/icons/facebookFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FacebookFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/></svg>; +} +export default FacebookFill; \ No newline at end of file diff --git a/src/components/icons/fastForward.tsx b/src/components/icons/fastForward.tsx index be8de8c7..09583d0a 100644 --- a/src/components/icons/fastForward.tsx +++ b/src/components/icons/fastForward.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgFastForward = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m13 19 9-7-9-7v14zM2 19l9-7-9-7v14z" /> - </svg> -) -export default SvgFastForward - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FastForward = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m13 19 9-7-9-7v14zM2 19l9-7-9-7v14z"/></svg>; +} +export default FastForward; \ No newline at end of file diff --git a/src/components/icons/feather.tsx b/src/components/icons/feather.tsx index 61dd072e..5d37fb41 100644 --- a/src/components/icons/feather.tsx +++ b/src/components/icons/feather.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgFeather = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5zM16 8 2 22M17.5 15H9" /> - </svg> -) -export default SvgFeather - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Feather = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M20.24 12.24a6 6 0 0 0-8.49-8.49L5 10.5V19h8.5zM16 8 2 22M17.5 15H9"/></svg>; +} +export default Feather; \ No newline at end of file diff --git a/src/components/icons/figma.tsx b/src/components/icons/figma.tsx index 645bab3f..05b08ffd 100644 --- a/src/components/icons/figma.tsx +++ b/src/components/icons/figma.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgFigma = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5zM12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z" /> - <path d="M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0zM5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0zM5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z" /> - </svg> -) -export default SvgFigma - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Figma = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M5 5.5A3.5 3.5 0 0 1 8.5 2H12v7H8.5A3.5 3.5 0 0 1 5 5.5zM12 2h3.5a3.5 3.5 0 1 1 0 7H12V2z"/><path d="M12 12.5a3.5 3.5 0 1 1 7 0 3.5 3.5 0 1 1-7 0zM5 19.5A3.5 3.5 0 0 1 8.5 16H12v3.5a3.5 3.5 0 1 1-7 0zM5 12.5A3.5 3.5 0 0 1 8.5 9H12v7H8.5A3.5 3.5 0 0 1 5 12.5z"/></svg>; +} +export default Figma; \ No newline at end of file diff --git a/src/components/icons/file.tsx b/src/components/icons/file.tsx index 1191192d..5664b168 100644 --- a/src/components/icons/file.tsx +++ b/src/components/icons/file.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgFile = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z" /> - <path d="M13 2v7h7" /> - </svg> -) -export default SvgFile - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const File = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"/><path d="M13 2v7h7"/></svg>; +} +export default File; \ No newline at end of file diff --git a/src/components/icons/fileFunction.tsx b/src/components/icons/fileFunction.tsx new file mode 100644 index 00000000..863818be --- /dev/null +++ b/src/components/icons/fileFunction.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FileFunction = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M13 2H6a2 2 0 0 0-2 2v16m0 0a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2M4 20V9m16 11V9m0 11V4a2 2 0 0 0-2-2h-7"/><path d="M9 11.236h2.848M9 18c1.934 0 2.848-.996 2.848-2.793v-3.97m0 0h2.813m-2.813 0V8.983c0-1.937 1.034-3.265 3.152-2.933"/></svg>; +} +export default FileFunction; \ No newline at end of file diff --git a/src/components/icons/fileFunctionFill.tsx b/src/components/icons/fileFunctionFill.tsx new file mode 100644 index 00000000..d39e1ff0 --- /dev/null +++ b/src/components/icons/fileFunctionFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FileFunctionFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" stroke="none" d="M4.055 2.055A2.75 2.75 0 0 1 6 1.25h12A2.75 2.75 0 0 1 20.75 4v16A2.75 2.75 0 0 1 18 22.75H6A2.75 2.75 0 0 1 3.25 20V4c0-.73.29-1.429.805-1.945zM15.116 5.31c-1.237-.194-2.29.086-3.02.83-.709.722-.998 1.758-.998 2.844v1.502H9a.75.75 0 1 0 0 1.5h2.098v3.22c0 .78-.197 1.257-.48 1.543-.283.284-.773.501-1.618.501a.75.75 0 0 0 0 1.5c1.088 0 2.023-.281 2.681-.944.658-.662.918-1.582.918-2.6v-3.22h2.062a.75.75 0 0 0 0-1.5h-2.063V8.984c0-.851.229-1.447.567-1.792.315-.32.838-.538 1.719-.4a.75.75 0 0 0 .232-1.482z"/></svg>; +} +export default FileFunctionFill; \ No newline at end of file diff --git a/src/components/icons/fileLambda.tsx b/src/components/icons/fileLambda.tsx new file mode 100644 index 00000000..977084cd --- /dev/null +++ b/src/components/icons/fileLambda.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FileLambda = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M13 2H6a2 2 0 0 0-2 2v16m0 0a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2M4 20V9m16 11V9m0 11V4a2 2 0 0 0-2-2h-7"/><path fill="currentColor" stroke="none" d="M7.716 6.783c0-.433.353-.783.79-.783.679 0 1.314.056 1.878.44.532.363.893.948 1.268 1.658l.009.015 1.053 2.229 2.333 4.835.005.009.164.355c.078.17.142.31.207.44.101.204.165.296.21.345l.003.004c.022.027.086.105.575.105.436 0 .789.35.789.782a.786.786 0 0 1-.79.783c-.683 0-1.278-.113-1.743-.619a3.01 3.01 0 0 1-.459-.704c-.076-.152-.159-.334-.247-.526l-.14-.303-1.72-3.563-3.446 5.353a.794.794 0 0 1-1.09.239.779.779 0 0 1-.24-1.08l3.976-6.178-.855-1.81c-.377-.71-.583-.96-.756-1.079-.143-.097-.353-.165-.985-.165a.786.786 0 0 1-.79-.782z"/></svg>; +} +export default FileLambda; \ No newline at end of file diff --git a/src/components/icons/fileLambdaFill.tsx b/src/components/icons/fileLambdaFill.tsx new file mode 100644 index 00000000..332860c8 --- /dev/null +++ b/src/components/icons/fileLambdaFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FileLambdaFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" stroke="currentColor" d="M18 2a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h12z"/><path fill="var(--ui-icon-background)" stroke="none" d="M7.716 6.783c0-.433.353-.783.79-.783.679 0 1.314.056 1.878.44.532.363.893.948 1.268 1.658l.009.015 1.053 2.229 2.333 4.835.005.009.164.355c.078.17.142.31.207.44.101.204.165.296.21.345l.003.004c.022.027.086.105.575.105.436 0 .789.35.789.782a.786.786 0 0 1-.79.783c-.683 0-1.278-.113-1.743-.619a3.01 3.01 0 0 1-.459-.704c-.076-.152-.159-.334-.247-.526l-.14-.303-1.72-3.563-3.446 5.353a.794.794 0 0 1-1.09.239.779.779 0 0 1-.24-1.08l3.976-6.178-.855-1.81c-.377-.71-.583-.96-.756-1.079-.143-.097-.353-.165-.985-.165a.786.786 0 0 1-.79-.782z"/></svg>; +} +export default FileLambdaFill; \ No newline at end of file diff --git a/src/components/icons/fileMinus.tsx b/src/components/icons/fileMinus.tsx index e7448fb4..39ed82ee 100644 --- a/src/components/icons/fileMinus.tsx +++ b/src/components/icons/fileMinus.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgFileMinus = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" /> - <path d="M14 2v6h6M9 15h6" /> - </svg> -) -export default SvgFileMinus - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FileMinus = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M9 15h6"/></svg>; +} +export default FileMinus; \ No newline at end of file diff --git a/src/components/icons/filePlus.tsx b/src/components/icons/filePlus.tsx index 2d8c9418..1326c5ca 100644 --- a/src/components/icons/filePlus.tsx +++ b/src/components/icons/filePlus.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgFilePlus = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" /> - <path d="M14 2v6h6M12 18v-6M9 15h6" /> - </svg> -) -export default SvgFilePlus - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FilePlus = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M12 18v-6M9 15h6"/></svg>; +} +export default FilePlus; \ No newline at end of file diff --git a/src/components/icons/fileText.tsx b/src/components/icons/fileText.tsx index 97110b25..4ad6959e 100644 --- a/src/components/icons/fileText.tsx +++ b/src/components/icons/fileText.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgFileText = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" /> - <path d="M14 2v6h6M16 13H8M16 17H8M10 9H8" /> - </svg> -) -export default SvgFileText - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FileText = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6M16 13H8M16 17H8M10 9H8"/></svg>; +} +export default FileText; \ No newline at end of file diff --git a/src/components/icons/film.tsx b/src/components/icons/film.tsx index 7bc2263f..04b8ed32 100644 --- a/src/components/icons/film.tsx +++ b/src/components/icons/film.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgFilm = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={20} height={20} x={2} y={2} rx={2.18} ry={2.18} /> - <path d="M7 2v20M17 2v20M2 12h20M2 7h5M2 17h5M17 17h5M17 7h5" /> - </svg> -) -export default SvgFilm - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Film = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="20" height="20" x="2" y="2" rx="2.2" ry="2.2"/><path d="M7 2v20M17 2v20M2 12h20M2 7h5M2 17h5M17 17h5M17 7h5"/></svg>; +} +export default Film; \ No newline at end of file diff --git a/src/components/icons/filter.tsx b/src/components/icons/filter.tsx index e3c13583..ce62e05f 100644 --- a/src/components/icons/filter.tsx +++ b/src/components/icons/filter.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgFilter = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z" /> - </svg> -) -export default SvgFilter - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Filter = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22 3H2l8 9.46V19l4 2v-8.54L22 3z"/></svg>; +} +export default Filter; \ No newline at end of file diff --git a/src/components/icons/flag.tsx b/src/components/icons/flag.tsx index a0daba90..0919ad03 100644 --- a/src/components/icons/flag.tsx +++ b/src/components/icons/flag.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgFlag = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7" /> - </svg> -) -export default SvgFlag - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Flag = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7"/></svg>; +} +export default Flag; \ No newline at end of file diff --git a/src/components/icons/folder.tsx b/src/components/icons/folder.tsx index 6b700e5e..7a7deb8c 100644 --- a/src/components/icons/folder.tsx +++ b/src/components/icons/folder.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgFolder = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" /> - </svg> -) -export default SvgFolder - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Folder = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M2.707 7.454V5.62c0-.895.762-1.62 1.702-1.62h4.843c.451 0 .884.17 1.204.474l.49.467c.126.12.296.186.473.186h8.399c.94 0 1.55.695 1.55 1.59v.737m-18.661 0h-.354a.344.344 0 0 0-.353.35l.508 11.587c.015.34.31.609.668.609h17.283c.358 0 .652-.269.667-.61L22 7.805a.344.344 0 0 0-.353-.35h-.278m-18.662 0h18.662"/></svg>; +} +export default Folder; \ No newline at end of file diff --git a/src/components/icons/folderMinus.tsx b/src/components/icons/folderMinus.tsx index 6267bfd3..d4e3a041 100644 --- a/src/components/icons/folderMinus.tsx +++ b/src/components/icons/folderMinus.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgFolderMinus = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2zM9 14h6" /> - </svg> -) -export default SvgFolderMinus - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FolderMinus = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2zM9 14h6"/></svg>; +} +export default FolderMinus; \ No newline at end of file diff --git a/src/components/icons/folderOpen.tsx b/src/components/icons/folderOpen.tsx new file mode 100644 index 00000000..77d31c20 --- /dev/null +++ b/src/components/icons/folderOpen.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FolderOpen = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m5.4 7.7-3.8 9a1 1 0 0 0 1 1.3h17a1 1 0 0 0 1-.6L24 8.7a1 1 0 0 0-.9-1.4L6.3 7.1a1 1 0 0 0-1 .6z"/><path d="M20.3 7.2V5c0-.6-.4-1-1-1H9.7a1 1 0 0 1-.8-.6L7.8 1.5a1 1 0 0 0-.9-.5H2a1 1 0 0 0-1 1v16"/></svg>; +} +export default FolderOpen; \ No newline at end of file diff --git a/src/components/icons/folderPlus.tsx b/src/components/icons/folderPlus.tsx index 78e347d9..94ed6e7e 100644 --- a/src/components/icons/folderPlus.tsx +++ b/src/components/icons/folderPlus.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgFolderPlus = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2zM12 11v6M9 14h6" /> - </svg> -) -export default SvgFolderPlus - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FolderPlus = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2zM12 11v6M9 14h6"/></svg>; +} +export default FolderPlus; \ No newline at end of file diff --git a/src/components/icons/framer.tsx b/src/components/icons/framer.tsx index 91d70940..0d294873 100644 --- a/src/components/icons/framer.tsx +++ b/src/components/icons/framer.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgFramer = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M5 16V9h14V2H5l14 14h-7m-7 0 7 7v-7m-7 0h7" /> - </svg> -) -export default SvgFramer - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Framer = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M5 16V9h14V2H5l14 14h-7m-7 0 7 7v-7m-7 0h7"/></svg>; +} +export default Framer; \ No newline at end of file diff --git a/src/components/icons/frown.tsx b/src/components/icons/frown.tsx index 9269f385..0eb59851 100644 --- a/src/components/icons/frown.tsx +++ b/src/components/icons/frown.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgFrown = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M16 16s-1.5-2-4-2-4 2-4 2M9 9h.01M15 9h.01" /> - </svg> -) -export default SvgFrown - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Frown = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="M16 16s-1.5-2-4-2-4 2-4 2M9 9h.01M15 9h.01"/></svg>; +} +export default Frown; \ No newline at end of file diff --git a/src/components/icons/fullScreen.tsx b/src/components/icons/fullScreen.tsx new file mode 100644 index 00000000..2610e2e4 --- /dev/null +++ b/src/components/icons/fullScreen.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FullScreen = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M15 3h6m0 0v6m0-6-7 7M9 21H3m0 0v-6m0 6 7-7M3 9V3m0 0h6M3 3l7 7m11 5v6m0 0h-6m6 0-7-7"/></svg>; +} +export default FullScreen; \ No newline at end of file diff --git a/src/components/icons/fullScreenClose.tsx b/src/components/icons/fullScreenClose.tsx new file mode 100644 index 00000000..928cf1ed --- /dev/null +++ b/src/components/icons/fullScreenClose.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const FullScreenClose = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 14h6m0 0v6m0-6-7 7m17-11h-6m0 0V4m0 6 7-7m-7 17v-6m0 0h6m-6 0 7 7M10 4v6m0 0H4m6 0L3 3"/></svg>; +} +export default FullScreenClose; \ No newline at end of file diff --git a/src/components/icons/function.tsx b/src/components/icons/function.tsx new file mode 100644 index 00000000..6378f0b6 --- /dev/null +++ b/src/components/icons/function.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Function = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M8 10.854h3.798M8 21c2.578 0 3.798-1.494 3.798-4.19v-5.956m0 0h3.75m-3.75 0V7.476c0-2.906 1.379-4.898 4.202-4.4"/></svg>; +} +export default Function; \ No newline at end of file diff --git a/src/components/icons/geist.tsx b/src/components/icons/geist.tsx new file mode 100644 index 00000000..505323bf --- /dev/null +++ b/src/components/icons/geist.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Geist = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="m9.67 6.612-.574 1.02 1.308.736.573-1.02a3.494 3.494 0 0 1-1.307-.736Zm3.353.736.573 1.02 1.308-.736-.574-1.02a3.494 3.494 0 0 1-1.307.736ZM6.419 20.75a3.513 3.513 0 0 0 0-1.5H7.5v1.5H6.42Zm-1.09-3.362.575-1.02-1.308-.736-.573 1.02c.49.15.934.403 1.307.736Zm12.252 1.862a3.516 3.516 0 0 0 0 1.5H16.5v-1.5h1.08Zm2.396-2.598c-.49.15-.934.403-1.307.736l-.574-1.02 1.308-.736.573 1.02ZM9.504 9.968l-.9 1.6-1.308-.736.9-1.6 1.308.736Zm-1.8 3.2-.9 1.6-1.308-.736.9-1.6 1.308.736Zm7.692-1.6-.9-1.6 1.308-.736.9 1.6-1.308.736Zm1.8 3.2-.9-1.6 1.308-.736.9 1.6-1.308.736ZM12.9 20.75h1.8v-1.5h-1.8v1.5Zm-3.6 0h1.8v-1.5H9.3v1.5Z"/><circle cx="12" cy="4" r="2"/><circle cx="3" cy="20" r="2"/><circle cx="21" cy="20" r="2"/></svg>; +} +export default Geist; \ No newline at end of file diff --git a/src/components/icons/gift.tsx b/src/components/icons/gift.tsx index 750a64cc..96aa75a6 100644 --- a/src/components/icons/gift.tsx +++ b/src/components/icons/gift.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgGift = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M20 12v10H4V12M2 7h20v5H2zM12 22V7M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z" /> - </svg> -) -export default SvgGift - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Gift = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M20 12v10H4V12M2 7h20v5H2zM12 22V7M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/></svg>; +} +export default Gift; \ No newline at end of file diff --git a/src/components/icons/gitBranch.tsx b/src/components/icons/gitBranch.tsx index 66c57023..b09a6a6f 100644 --- a/src/components/icons/gitBranch.tsx +++ b/src/components/icons/gitBranch.tsx @@ -1,21 +1,7 @@ -import * as React from 'react' -const SvgGitBranch = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M6 3v12" /> - <circle cx={18} cy={6} r={3} /> - <circle cx={6} cy={18} r={3} /> - <path d="M18 9a9 9 0 0 1-9 9" /> - </svg> -) -export default SvgGitBranch - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const GitBranch = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M6 3v12"/><circle cx="18" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M18 9a9 9 0 0 1-9 9"/></svg>; +} +export default GitBranch; \ No newline at end of file diff --git a/src/components/icons/gitCommit.tsx b/src/components/icons/gitCommit.tsx index 62d5dd9b..029fe828 100644 --- a/src/components/icons/gitCommit.tsx +++ b/src/components/icons/gitCommit.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgGitCommit = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={4} /> - <path d="M1.05 12H7M17.01 12h5.95" /> - </svg> -) -export default SvgGitCommit - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const GitCommit = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="4"/><path d="M1.05 12H7M17.01 12h5.95"/></svg>; +} +export default GitCommit; \ No newline at end of file diff --git a/src/components/icons/gitMerge.tsx b/src/components/icons/gitMerge.tsx index 1ab52e0c..73e9b6ac 100644 --- a/src/components/icons/gitMerge.tsx +++ b/src/components/icons/gitMerge.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgGitMerge = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={18} cy={18} r={3} /> - <circle cx={6} cy={6} r={3} /> - <path d="M6 21V9a9 9 0 0 0 9 9" /> - </svg> -) -export default SvgGitMerge - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const GitMerge = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="18" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><path d="M6 21V9a9 9 0 0 0 9 9"/></svg>; +} +export default GitMerge; \ No newline at end of file diff --git a/src/components/icons/gitPullRequest.tsx b/src/components/icons/gitPullRequest.tsx index 0bea2c4d..71c06115 100644 --- a/src/components/icons/gitPullRequest.tsx +++ b/src/components/icons/gitPullRequest.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgGitPullRequest = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={18} cy={18} r={3} /> - <circle cx={6} cy={6} r={3} /> - <path d="M13 6h3a2 2 0 0 1 2 2v7M6 9v12" /> - </svg> -) -export default SvgGitPullRequest - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const GitPullRequest = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="18" cy="18" r="3"/><circle cx="6" cy="6" r="3"/><path d="M13 6h3a2 2 0 0 1 2 2v7M6 9v12"/></svg>; +} +export default GitPullRequest; \ No newline at end of file diff --git a/src/components/icons/github.tsx b/src/components/icons/github.tsx index 5a5b3862..c5274a21 100644 --- a/src/components/icons/github.tsx +++ b/src/components/icons/github.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgGithub = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" /> - </svg> -) -export default SvgGithub - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Github = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/></svg>; +} +export default Github; \ No newline at end of file diff --git a/src/components/icons/gitlab.tsx b/src/components/icons/gitlab.tsx index 3bd675fe..c3f19f8f 100644 --- a/src/components/icons/gitlab.tsx +++ b/src/components/icons/gitlab.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgGitlab = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22.65 14.39 12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z" /> - </svg> -) -export default SvgGitlab - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Gitlab = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22.65 14.39 12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"/></svg>; +} +export default Gitlab; \ No newline at end of file diff --git a/src/components/icons/globe.tsx b/src/components/icons/globe.tsx index f561c8e5..c6e48e6a 100644 --- a/src/components/icons/globe.tsx +++ b/src/components/icons/globe.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgGlobe = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" /> - </svg> -) -export default SvgGlobe - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Globe = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>; +} +export default Globe; \ No newline at end of file diff --git a/src/components/icons/grid.tsx b/src/components/icons/grid.tsx index cce74c06..53acb902 100644 --- a/src/components/icons/grid.tsx +++ b/src/components/icons/grid.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgGrid = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z" /> - </svg> -) -export default SvgGrid - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Grid = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z"/></svg>; +} +export default Grid; \ No newline at end of file diff --git a/src/components/icons/hardDrive.tsx b/src/components/icons/hardDrive.tsx index c6585959..a8d67152 100644 --- a/src/components/icons/hardDrive.tsx +++ b/src/components/icons/hardDrive.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgHardDrive = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22 12H2M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11zM6 16h.01M10 16h.01" /> - </svg> -) -export default SvgHardDrive - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const HardDrive = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22 12H2M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11zM6 16h.01M10 16h.01"/></svg>; +} +export default HardDrive; \ No newline at end of file diff --git a/src/components/icons/hash.tsx b/src/components/icons/hash.tsx index 79c03aa4..940c4d17 100644 --- a/src/components/icons/hash.tsx +++ b/src/components/icons/hash.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgHash = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M4 9h16M4 15h16M10 3 8 21M16 3l-2 18" /> - </svg> -) -export default SvgHash - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Hash = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 9h16M4 15h16M10 3 8 21M16 3l-2 18"/></svg>; +} +export default Hash; \ No newline at end of file diff --git a/src/components/icons/headphones.tsx b/src/components/icons/headphones.tsx index 7b243f30..5877c31a 100644 --- a/src/components/icons/headphones.tsx +++ b/src/components/icons/headphones.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgHeadphones = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M3 18v-6a9 9 0 0 1 18 0v6" /> - <path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z" /> - </svg> -) -export default SvgHeadphones - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Headphones = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M3 18v-6a9 9 0 0 1 18 0v6"/><path d="M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z"/></svg>; +} +export default Headphones; \ No newline at end of file diff --git a/src/components/icons/heart.tsx b/src/components/icons/heart.tsx index 4a2392a2..1eb77994 100644 --- a/src/components/icons/heart.tsx +++ b/src/components/icons/heart.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgHeart = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" /> - </svg> -) -export default SvgHeart - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Heart = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>; +} +export default Heart; \ No newline at end of file diff --git a/src/components/icons/heartFill.tsx b/src/components/icons/heartFill.tsx new file mode 100644 index 00000000..b8883f8a --- /dev/null +++ b/src/components/icons/heartFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const HeartFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"/></svg>; +} +export default HeartFill; \ No newline at end of file diff --git a/src/components/icons/helpCircle.tsx b/src/components/icons/helpCircle.tsx index 5508e885..76358ab7 100644 --- a/src/components/icons/helpCircle.tsx +++ b/src/components/icons/helpCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgHelpCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01" /> - </svg> -) -export default SvgHelpCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const HelpCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01"/></svg>; +} +export default HelpCircle; \ No newline at end of file diff --git a/src/components/icons/hexagon.tsx b/src/components/icons/hexagon.tsx index b139728a..501f5e82 100644 --- a/src/components/icons/hexagon.tsx +++ b/src/components/icons/hexagon.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgHexagon = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" /> - </svg> -) -export default SvgHexagon - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Hexagon = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/></svg>; +} +export default Hexagon; \ No newline at end of file diff --git a/src/components/icons/home.tsx b/src/components/icons/home.tsx index c096dcb0..d74ae619 100644 --- a/src/components/icons/home.tsx +++ b/src/components/icons/home.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgHome = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" /> - <path d="M9 22V12h6v10" /> - </svg> -) -export default SvgHome - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Home = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M9 22V12h6v10"/></svg>; +} +export default Home; \ No newline at end of file diff --git a/src/components/icons/image.tsx b/src/components/icons/image.tsx index 3ed5b0bf..5f4ebd40 100644 --- a/src/components/icons/image.tsx +++ b/src/components/icons/image.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgImage = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={18} x={3} y={3} rx={2} ry={2} /> - <circle cx={8.5} cy={8.5} r={1.5} /> - <path d="m21 15-5-5L5 21" /> - </svg> -) -export default SvgImage - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Image = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><circle cx="8.5" cy="8.5" r="1.5"/><path d="m21 15-5-5L5 21"/></svg>; +} +export default Image; \ No newline at end of file diff --git a/src/components/icons/inbox.tsx b/src/components/icons/inbox.tsx index 4ec19fe4..e11af3ef 100644 --- a/src/components/icons/inbox.tsx +++ b/src/components/icons/inbox.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgInbox = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22 12h-6l-2 3h-4l-2-3H2" /> - <path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z" /> - </svg> -) -export default SvgInbox - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Inbox = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22 12h-6l-2 3h-4l-2-3H2"/><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"/></svg>; +} +export default Inbox; \ No newline at end of file diff --git a/src/components/icons/index.ts b/src/components/icons/index.ts index a1fa69b3..ba27ae1f 100644 --- a/src/components/icons/index.ts +++ b/src/components/icons/index.ts @@ -1,8 +1,19 @@ +import { SVGAttributes } from 'react'; + +export interface IconProps { + size?: string | number, + color?: string, +} + +type NativeAttrs = Omit<SVGAttributes<SVGElement>, keyof IconProps> +export type IconPropsNative = IconProps & NativeAttrs export { default as Activity } from './activity'; export { default as Airplay } from './airplay'; export { default as AlertCircle } from './alertCircle'; +export { default as AlertCircleFill } from './alertCircleFill'; export { default as AlertOctagon } from './alertOctagon'; export { default as AlertTriangle } from './alertTriangle'; +export { default as AlertTriangleFill } from './alertTriangleFill'; export { default as AlignCenter } from './alignCenter'; export { default as AlignJustify } from './alignJustify'; export { default as AlignLeft } from './alignLeft'; @@ -12,12 +23,14 @@ export { default as Aperture } from './aperture'; export { default as Archive } from './archive'; export { default as ArrowDown } from './arrowDown'; export { default as ArrowDownCircle } from './arrowDownCircle'; +export { default as ArrowDownCircleFill } from './arrowDownCircleFill'; export { default as ArrowDownLeft } from './arrowDownLeft'; export { default as ArrowDownRight } from './arrowDownRight'; export { default as ArrowLeft } from './arrowLeft'; export { default as ArrowLeftCircle } from './arrowLeftCircle'; export { default as ArrowRight } from './arrowRight'; export { default as ArrowRightCircle } from './arrowRightCircle'; +export { default as ArrowRightCircleFill } from './arrowRightCircleFill'; export { default as ArrowUp } from './arrowUp'; export { default as ArrowUpCircle } from './arrowUpCircle'; export { default as ArrowUpLeft } from './arrowUpLeft'; @@ -33,9 +46,13 @@ export { default as BellOff } from './bellOff'; export { default as Bluetooth } from './bluetooth'; export { default as Bold } from './bold'; export { default as Book } from './book'; -export { default as Bookmark } from './bookmark'; export { default as BookOpen } from './bookOpen'; +export { default as Bookmark } from './bookmark'; export { default as Box } from './box'; +export { default as BoxWithRing } from './boxWithRing'; +export { default as Branch } from './branch'; +export { default as BrandedSlack } from './brandedSlack'; +export { default as BrandedSlackFill } from './brandedSlackFill'; export { default as Briefcase } from './briefcase'; export { default as Calendar } from './calendar'; export { default as Camera } from './camera'; @@ -43,17 +60,33 @@ export { default as CameraOff } from './cameraOff'; export { default as Cast } from './cast'; export { default as Check } from './check'; export { default as CheckCircle } from './checkCircle'; +export { default as CheckInCircle } from './checkInCircle'; +export { default as CheckInCircleFill } from './checkInCircleFill'; +export { default as CheckInDashedCircle } from './checkInDashedCircle'; export { default as CheckSquare } from './checkSquare'; +export { default as Checkbox } from './checkbox'; +export { default as CheckboxFill } from './checkboxFill'; export { default as ChevronDown } from './chevronDown'; +export { default as ChevronDownCircle } from './chevronDownCircle'; +export { default as ChevronDownCircleFill } from './chevronDownCircleFill'; export { default as ChevronLeft } from './chevronLeft'; +export { default as ChevronLeftCircle } from './chevronLeftCircle'; +export { default as ChevronLeftCircleFill } from './chevronLeftCircleFill'; export { default as ChevronRight } from './chevronRight'; +export { default as ChevronRightCircle } from './chevronRightCircle'; +export { default as ChevronRightCircleFill } from './chevronRightCircleFill'; +export { default as ChevronUp } from './chevronUp'; +export { default as ChevronUpCircle } from './chevronUpCircle'; +export { default as ChevronUpCircleFill } from './chevronUpCircleFill'; +export { default as ChevronUpDown } from './chevronUpDown'; export { default as ChevronsDown } from './chevronsDown'; export { default as ChevronsLeft } from './chevronsLeft'; +export { default as ChevronsLeftRight } from './chevronsLeftRight'; export { default as ChevronsRight } from './chevronsRight'; export { default as ChevronsUp } from './chevronsUp'; -export { default as ChevronUp } from './chevronUp'; export { default as Chrome } from './chrome'; export { default as Circle } from './circle'; +export { default as CircleFill } from './circleFill'; export { default as Clipboard } from './clipboard'; export { default as Clock } from './clock'; export { default as Cloud } from './cloud'; @@ -69,6 +102,7 @@ export { default as Coffee } from './coffee'; export { default as Columns } from './columns'; export { default as Command } from './command'; export { default as Compass } from './compass'; +export { default as Connection } from './connection'; export { default as Copy } from './copy'; export { default as CornerDownLeft } from './cornerDownLeft'; export { default as CornerDownRight } from './cornerDownRight'; @@ -82,28 +116,39 @@ export { default as Cpu } from './cpu'; export { default as CreditCard } from './creditCard'; export { default as Crop } from './crop'; export { default as Crosshair } from './crosshair'; +export { default as Cursor } from './cursor'; export { default as Database } from './database'; export { default as Delete } from './delete'; export { default as Disc } from './disc'; -export { default as Divide } from './divide'; -export { default as DivideCircle } from './divideCircle'; -export { default as DivideSquare } from './divideSquare'; +export { default as Display } from './display'; +export { default as Divider } from './divider'; +export { default as Document } from './document'; export { default as DollarSign } from './dollarSign'; export { default as Download } from './download'; export { default as DownloadCloud } from './downloadCloud'; -export { default as Dribbble } from './dribbble'; +export { default as Drag } from './drag'; export { default as Droplet } from './droplet'; +export { default as Edge } from './edge'; +export { default as EdgeConfig } from './edgeConfig'; export { default as Edit } from './edit'; export { default as Edit2 } from './edit2'; export { default as Edit3 } from './edit3'; +export { default as Emoji } from './emoji'; +export { default as ErrorCircle } from './errorCircle'; +export { default as ErrorCircleFill } from './errorCircleFill'; export { default as ExternalLink } from './externalLink'; export { default as Eye } from './eye'; export { default as EyeOff } from './eyeOff'; export { default as Facebook } from './facebook'; +export { default as FacebookFill } from './facebookFill'; export { default as FastForward } from './fastForward'; export { default as Feather } from './feather'; export { default as Figma } from './figma'; export { default as File } from './file'; +export { default as FileFunction } from './fileFunction'; +export { default as FileFunctionFill } from './fileFunctionFill'; +export { default as FileLambda } from './fileLambda'; +export { default as FileLambdaFill } from './fileLambdaFill'; export { default as FileMinus } from './fileMinus'; export { default as FilePlus } from './filePlus'; export { default as FileText } from './fileText'; @@ -112,37 +157,50 @@ export { default as Filter } from './filter'; export { default as Flag } from './flag'; export { default as Folder } from './folder'; export { default as FolderMinus } from './folderMinus'; +export { default as FolderOpen } from './folderOpen'; export { default as FolderPlus } from './folderPlus'; export { default as Framer } from './framer'; export { default as Frown } from './frown'; +export { default as FullScreen } from './fullScreen'; +export { default as FullScreenClose } from './fullScreenClose'; +export { default as Function } from './function'; +export { default as Geist } from './geist'; export { default as Gift } from './gift'; export { default as GitBranch } from './gitBranch'; export { default as GitCommit } from './gitCommit'; -export { default as Github } from './github'; -export { default as Gitlab } from './gitlab'; export { default as GitMerge } from './gitMerge'; export { default as GitPullRequest } from './gitPullRequest'; +export { default as Github } from './github'; +export { default as Gitlab } from './gitlab'; export { default as Globe } from './globe'; export { default as Grid } from './grid'; export { default as HardDrive } from './hardDrive'; export { default as Hash } from './hash'; export { default as Headphones } from './headphones'; export { default as Heart } from './heart'; +export { default as HeartFill } from './heartFill'; export { default as HelpCircle } from './helpCircle'; export { default as Hexagon } from './hexagon'; export { default as Home } from './home'; export { default as Image } from './image'; export { default as Inbox } from './inbox'; +export { default as InfinityIcon } from './infinityIcon'; export { default as Info } from './info'; +export { default as InfoFill } from './infoFill'; +export { default as InfoFillFill } from './infoFillFill'; export { default as Instagram } from './instagram'; export { default as Italic } from './italic'; export { default as Key } from './key'; +export { default as Lambda } from './lambda'; export { default as Layers } from './layers'; export { default as Layout } from './layout'; export { default as LifeBuoy } from './lifeBuoy'; +export { default as LightningBolt } from './lightningBolt'; +export { default as LightningBoltFill } from './lightningBoltFill'; export { default as Link } from './link'; export { default as Link2 } from './link2'; export { default as Linkedin } from './linkedin'; +export { default as LinkedinFill } from './linkedinFill'; export { default as List } from './list'; export { default as Loader } from './loader'; export { default as Lock } from './lock'; @@ -159,6 +217,7 @@ export { default as MessageCircle } from './messageCircle'; export { default as MessageSquare } from './messageSquare'; export { default as Mic } from './mic'; export { default as MicOff } from './micOff'; +export { default as Middleware } from './middleware'; export { default as Minimize } from './minimize'; export { default as Minimize2 } from './minimize2'; export { default as Minus } from './minus'; @@ -174,28 +233,34 @@ export { default as Music } from './music'; export { default as Navigation } from './navigation'; export { default as Navigation2 } from './navigation2'; export { default as Octagon } from './octagon'; +export { default as Organization } from './organization'; export { default as Package } from './package'; export { default as Paperclip } from './paperclip'; export { default as Pause } from './pause'; +export { default as PauseFill } from './pauseFill'; export { default as PauseCircle } from './pauseCircle'; export { default as PenTool } from './penTool'; export { default as Percent } from './percent'; export { default as Phone } from './phone'; -export { default as PhoneCall } from './phoneCall'; export { default as PhoneForwarded } from './phoneForwarded'; export { default as PhoneIncoming } from './phoneIncoming'; export { default as PhoneMissed } from './phoneMissed'; export { default as PhoneOff } from './phoneOff'; export { default as PhoneOutgoing } from './phoneOutgoing'; export { default as PieChart } from './pieChart'; +export { default as Pin } from './pin'; export { default as Play } from './play'; +export { default as PlayFill } from './playFill'; export { default as PlayCircle } from './playCircle'; +export { default as PlaySolid } from './playSolid'; +export { default as PlaySolidFill } from './playSolidFill'; export { default as Plus } from './plus'; export { default as PlusCircle } from './plusCircle'; export { default as PlusSquare } from './plusSquare'; export { default as Pocket } from './pocket'; export { default as Power } from './power'; export { default as Printer } from './printer'; +export { default as QuestionCircle } from './questionCircle'; export { default as Radio } from './radio'; export { default as RefreshCcw } from './refreshCcw'; export { default as RefreshCw } from './refreshCw'; @@ -209,6 +274,7 @@ export { default as Scissors } from './scissors'; export { default as Search } from './search'; export { default as Send } from './send'; export { default as Server } from './server'; +export { default as Serverless } from './serverless'; export { default as Settings } from './settings'; export { default as Share } from './share'; export { default as Share2 } from './share2'; @@ -221,18 +287,20 @@ export { default as Sidebar } from './sidebar'; export { default as SkipBack } from './skipBack'; export { default as SkipForward } from './skipForward'; export { default as Slack } from './slack'; +export { default as SlackFill } from './slackFill'; export { default as Slash } from './slash'; export { default as Sliders } from './sliders'; export { default as Smartphone } from './smartphone'; export { default as Smile } from './smile'; +export { default as Sort } from './sort'; export { default as Speaker } from './speaker'; export { default as Square } from './square'; export { default as Star } from './star'; +export { default as Static } from './static'; export { default as StopCircle } from './stopCircle'; export { default as Sun } from './sun'; export { default as Sunrise } from './sunrise'; export { default as Sunset } from './sunset'; -export { default as Table } from './table'; export { default as Tablet } from './tablet'; export { default as Tag } from './tag'; export { default as Target } from './target'; @@ -253,6 +321,7 @@ export { default as Truck } from './truck'; export { default as Tv } from './tv'; export { default as Twitch } from './twitch'; export { default as Twitter } from './twitter'; +export { default as TwitterFill } from './twitterFill'; export { default as Type } from './type'; export { default as Umbrella } from './umbrella'; export { default as Underline } from './underline'; @@ -263,8 +332,10 @@ export { default as User } from './user'; export { default as UserCheck } from './userCheck'; export { default as UserMinus } from './userMinus'; export { default as UserPlus } from './userPlus'; -export { default as Users } from './users'; export { default as UserX } from './userX'; +export { default as Users } from './users'; +export { default as VercelTriangle } from './vercelTriangle'; +export { default as VercelTriangleFilled } from './vercelTriangleFilled'; export { default as Video } from './video'; export { default as VideoOff } from './videoOff'; export { default as Voicemail } from './voicemail'; @@ -278,10 +349,12 @@ export { default as WifiOff } from './wifiOff'; export { default as Wind } from './wind'; export { default as X } from './x'; export { default as XCircle } from './xCircle'; +export { default as XCircleFill } from './xCircleFill'; export { default as XOctagon } from './xOctagon'; export { default as XSquare } from './xSquare'; export { default as Youtube } from './youtube'; export { default as Zap } from './zap'; export { default as ZapOff } from './zapOff'; +export { default as ZeroConfig } from './zeroConfig'; export { default as ZoomIn } from './zoomIn'; -export { default as ZoomOut } from './zoomOut'; \ No newline at end of file +export { default as ZoomOut } from './zoomOut'; diff --git a/src/components/icons/infinityIcon.tsx b/src/components/icons/infinityIcon.tsx new file mode 100644 index 00000000..3531cab8 --- /dev/null +++ b/src/components/icons/infinityIcon.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const InfinityIcon = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M13.833 8.875S15.085 7 18.043 7C21 7 23 9.5 23 12s-1.784 5-4.864 5-4.914-3.124-6.136-5c-1.222-1.875-3.392-5-6.446-5S1 9.5 1 12s1.351 5 4.648 5c3.296 0 4.519-1.875 4.519-1.875"/></svg>; +} +export default InfinityIcon; \ No newline at end of file diff --git a/src/components/icons/info.tsx b/src/components/icons/info.tsx index f9f782d4..e62d66bb 100644 --- a/src/components/icons/info.tsx +++ b/src/components/icons/info.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgInfo = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M12 16v-4M12 8h.01" /> - </svg> -) -export default SvgInfo - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Info = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/><path stroke="var(--ui-icon-background)" d="M12 16v-4M12 8h.01"/></svg>; +} +export default Info; \ No newline at end of file diff --git a/src/components/icons/infoFill.tsx b/src/components/icons/infoFill.tsx new file mode 100644 index 00000000..b3dd46a3 --- /dev/null +++ b/src/components/icons/infoFill.tsx @@ -0,0 +1,22 @@ +'use client' +import React from 'react' +import { IconPropsNative } from './' +const InfoFill = ({ size = 24, color, style, ...props }: IconPropsNative) => { + return ( + <svg + stroke="currentColor" + strokeLinecap="round" + strokeLinejoin="round" + strokeWidth="1.5" + shapeRendering="geometricPrecision" + viewBox="0 0 24 24" + {...props} + height={size} + width={size} + style={{ ...style, color: color }}> + <circle cx="12" cy="12" r="10" fill="currentColor" /> + <path stroke="var(--ui-icon-background)" d="M12 16v-4M12 8h.01" /> + </svg> + ) +} +export default InfoFill diff --git a/src/components/icons/infoFillFill.tsx b/src/components/icons/infoFillFill.tsx new file mode 100644 index 00000000..a2091480 --- /dev/null +++ b/src/components/icons/infoFillFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const InfoFillFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/><path stroke="var(--ui-icon-background)" d="M12 16v-4M12 8h.01"/></svg>; +} +export default InfoFillFill; \ No newline at end of file diff --git a/src/components/icons/instagram.tsx b/src/components/icons/instagram.tsx index 70a14497..652e8334 100644 --- a/src/components/icons/instagram.tsx +++ b/src/components/icons/instagram.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgInstagram = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={20} height={20} x={2} y={2} rx={5} ry={5} /> - <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37zM17.5 6.5h.01" /> - </svg> -) -export default SvgInstagram - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Instagram = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="20" height="20" x="2" y="2" rx="5" ry="5"/><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37zM17.5 6.5h.01"/></svg>; +} +export default Instagram; \ No newline at end of file diff --git a/src/components/icons/italic.tsx b/src/components/icons/italic.tsx index 170a1a4e..3e6258cc 100644 --- a/src/components/icons/italic.tsx +++ b/src/components/icons/italic.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgItalic = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M19 4h-9M14 20H5M15 4 9 20" /> - </svg> -) -export default SvgItalic - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Italic = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M19 4h-9M14 20H5M15 4 9 20"/></svg>; +} +export default Italic; \ No newline at end of file diff --git a/src/components/icons/key.tsx b/src/components/icons/key.tsx index 6f974161..4ee9ab3c 100644 --- a/src/components/icons/key.tsx +++ b/src/components/icons/key.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgKey = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4" /> - </svg> -) -export default SvgKey - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Key = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m21 2-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0 3 3L22 7l-3-3m-3.5 3.5L19 4"/></svg>; +} +export default Key; \ No newline at end of file diff --git a/src/components/icons/lambda.tsx b/src/components/icons/lambda.tsx new file mode 100644 index 00000000..91edb54c --- /dev/null +++ b/src/components/icons/lambda.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Lambda = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M6.998 3.5c-.216 0-.364.142-.364.314 0 .171.146.315.337.315l.228.002c.902.016 1.41.135 1.833.437.416.298.784.798 1.277 1.724l.227.44 1.591 3.543-.137.225-6.445 10.528a.299.299 0 0 0-.005.306c.057.1.167.164.288.166a.338.338 0 0 0 .295-.158l6.334-10.347.392.852 3.042 6.627.496 1.126.11.236c.2.424.373.714.575.944.429.49.98.692 1.88.717l.182.004.08-.004a.321.321 0 0 0 .286-.312c0-.17-.147-.314-.34-.314l-.193-.003c-.728-.02-1.094-.16-1.392-.501l-.06-.073a3.994 3.994 0 0 1-.41-.715c-.048-.1-.098-.208-.155-.336l-.447-1.017-3.696-8.052-1.662-3.698-.158-.31c-.574-1.103-1.016-1.714-1.553-2.098-.551-.396-1.19-.548-2.208-.566L6.998 3.5Z"/></svg>; +} +export default Lambda; \ No newline at end of file diff --git a/src/components/icons/layers.tsx b/src/components/icons/layers.tsx index dcc9fbfd..f7bc65a9 100644 --- a/src/components/icons/layers.tsx +++ b/src/components/icons/layers.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgLayers = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 2 2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5" /> - </svg> -) -export default SvgLayers - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Layers = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 2 2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>; +} +export default Layers; \ No newline at end of file diff --git a/src/components/icons/layout.tsx b/src/components/icons/layout.tsx index fa9694dc..735ec2a5 100644 --- a/src/components/icons/layout.tsx +++ b/src/components/icons/layout.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgLayout = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={18} x={3} y={3} rx={2} ry={2} /> - <path d="M3 9h18M9 21V9" /> - </svg> -) -export default SvgLayout - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Layout = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><path d="M3 9h18M9 21V9"/></svg>; +} +export default Layout; \ No newline at end of file diff --git a/src/components/icons/lifeBuoy.tsx b/src/components/icons/lifeBuoy.tsx index c9899e8c..5f8669f1 100644 --- a/src/components/icons/lifeBuoy.tsx +++ b/src/components/icons/lifeBuoy.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgLifeBuoy = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <circle cx={12} cy={12} r={4} /> - <path d="m4.93 4.93 4.24 4.24M14.83 14.83l4.24 4.24M14.83 9.17l4.24-4.24M14.83 9.17l3.53-3.53M4.93 19.07l4.24-4.24" /> - </svg> -) -export default SvgLifeBuoy - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const LifeBuoy = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="4"/><path d="m4.93 4.93 4.24 4.24M14.83 14.83l4.24 4.24M14.83 9.17l4.24-4.24M14.83 9.17l3.53-3.53M4.93 19.07l4.24-4.24"/></svg>; +} +export default LifeBuoy; \ No newline at end of file diff --git a/src/components/icons/lightningBolt.tsx b/src/components/icons/lightningBolt.tsx new file mode 100644 index 00000000..16efb0a8 --- /dev/null +++ b/src/components/icons/lightningBolt.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const LightningBolt = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 20 20" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" stroke="var(--ui-icon-background)" d="m11 1.667-8.333 10h7.5l-.834 6.666 8.334-10h-7.5L11 1.667Z"/></svg>; +} +export default LightningBolt; \ No newline at end of file diff --git a/src/components/icons/lightningBoltFill.tsx b/src/components/icons/lightningBoltFill.tsx new file mode 100644 index 00000000..cc708c5e --- /dev/null +++ b/src/components/icons/lightningBoltFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const LightningBoltFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 20 20" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" stroke="var(--ui-icon-background)" d="m11 1.667-8.333 10h7.5l-.834 6.666 8.334-10h-7.5L11 1.667Z"/></svg>; +} +export default LightningBoltFill; \ No newline at end of file diff --git a/src/components/icons/link.tsx b/src/components/icons/link.tsx index 1636d91a..fe5ff2af 100644 --- a/src/components/icons/link.tsx +++ b/src/components/icons/link.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgLink = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /> - <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /> - </svg> -) -export default SvgLink - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Link = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></svg>; +} +export default Link; \ No newline at end of file diff --git a/src/components/icons/link2.tsx b/src/components/icons/link2.tsx index ae6264b3..d3858313 100644 --- a/src/components/icons/link2.tsx +++ b/src/components/icons/link2.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgLink2 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3M8 12h8" /> - </svg> -) -export default SvgLink2 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Link2 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3M8 12h8"/></svg>; +} +export default Link2; \ No newline at end of file diff --git a/src/components/icons/linkedin.tsx b/src/components/icons/linkedin.tsx index ece2e9ee..e6517bd2 100644 --- a/src/components/icons/linkedin.tsx +++ b/src/components/icons/linkedin.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgLinkedin = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z" /> - <circle cx={4} cy={4} r={2} /> - </svg> -) -export default SvgLinkedin - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Linkedin = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" stroke="currentColor" d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2" fill="currentColor" stroke="currentColor"/></svg>; +} +export default Linkedin; \ No newline at end of file diff --git a/src/components/icons/linkedinFill.tsx b/src/components/icons/linkedinFill.tsx new file mode 100644 index 00000000..84ef50a8 --- /dev/null +++ b/src/components/icons/linkedinFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const LinkedinFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" stroke="currentColor" d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2" fill="currentColor" stroke="currentColor"/></svg>; +} +export default LinkedinFill; \ No newline at end of file diff --git a/src/components/icons/list.tsx b/src/components/icons/list.tsx index 37a47296..672996df 100644 --- a/src/components/icons/list.tsx +++ b/src/components/icons/list.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgList = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" /> - </svg> -) -export default SvgList - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const List = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01"/></svg>; +} +export default List; \ No newline at end of file diff --git a/src/components/icons/loader.tsx b/src/components/icons/loader.tsx index ef769edc..c75a85a2 100644 --- a/src/components/icons/loader.tsx +++ b/src/components/icons/loader.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgLoader = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83" /> - </svg> -) -export default SvgLoader - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Loader = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/></svg>; +} +export default Loader; \ No newline at end of file diff --git a/src/components/icons/lock.tsx b/src/components/icons/lock.tsx index 84afe80e..3fefd148 100644 --- a/src/components/icons/lock.tsx +++ b/src/components/icons/lock.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgLock = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={11} x={3} y={11} rx={2} ry={2} /> - <path d="M7 11V7a5 5 0 0 1 10 0v4" /> - </svg> -) -export default SvgLock - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Lock = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>; +} +export default Lock; \ No newline at end of file diff --git a/src/components/icons/logIn.tsx b/src/components/icons/logIn.tsx index 29064f9a..f3982732 100644 --- a/src/components/icons/logIn.tsx +++ b/src/components/icons/logIn.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgLogIn = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3" /> - </svg> -) -export default SvgLogIn - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const LogIn = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3"/></svg>; +} +export default LogIn; \ No newline at end of file diff --git a/src/components/icons/logOut.tsx b/src/components/icons/logOut.tsx index 432b30ed..efd18741 100644 --- a/src/components/icons/logOut.tsx +++ b/src/components/icons/logOut.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgLogOut = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9" /> - </svg> -) -export default SvgLogOut - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const LogOut = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9"/></svg>; +} +export default LogOut; \ No newline at end of file diff --git a/src/components/icons/mail.tsx b/src/components/icons/mail.tsx index 390c70b1..02370cce 100644 --- a/src/components/icons/mail.tsx +++ b/src/components/icons/mail.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgMail = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" /> - <path d="m22 6-10 7L2 6" /> - </svg> -) -export default SvgMail - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Mail = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><path d="m22 6-10 7L2 6"/></svg>; +} +export default Mail; \ No newline at end of file diff --git a/src/components/icons/map.tsx b/src/components/icons/map.tsx index 62c1ad7c..913fb40b 100644 --- a/src/components/icons/map.tsx +++ b/src/components/icons/map.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMap = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16" /> - </svg> -) -export default SvgMap - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Map = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M1 6v16l7-4 8 4 7-4V2l-7 4-8-4-7 4zM8 2v16M16 6v16"/></svg>; +} +export default Map; \ No newline at end of file diff --git a/src/components/icons/mapPin.tsx b/src/components/icons/mapPin.tsx index 9e68fea2..40b35b5e 100644 --- a/src/components/icons/mapPin.tsx +++ b/src/components/icons/mapPin.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgMapPin = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" /> - <circle cx={12} cy={10} r={3} /> - </svg> -) -export default SvgMapPin - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const MapPin = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>; +} +export default MapPin; \ No newline at end of file diff --git a/src/components/icons/maximize.tsx b/src/components/icons/maximize.tsx index 64b0b786..63af33de 100644 --- a/src/components/icons/maximize.tsx +++ b/src/components/icons/maximize.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMaximize = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3" /> - </svg> -) -export default SvgMaximize - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Maximize = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3"/></svg>; +} +export default Maximize; \ No newline at end of file diff --git a/src/components/icons/maximize2.tsx b/src/components/icons/maximize2.tsx index 16430d78..1efeb5b8 100644 --- a/src/components/icons/maximize2.tsx +++ b/src/components/icons/maximize2.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMaximize2 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7" /> - </svg> -) -export default SvgMaximize2 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Maximize2 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7"/></svg>; +} +export default Maximize2; \ No newline at end of file diff --git a/src/components/icons/meh.tsx b/src/components/icons/meh.tsx index 14cfe00e..c6bad5f7 100644 --- a/src/components/icons/meh.tsx +++ b/src/components/icons/meh.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgMeh = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M8 15h8M9 9h.01M15 9h.01" /> - </svg> -) -export default SvgMeh - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Meh = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="M8 15h8M9 9h.01M15 9h.01"/></svg>; +} +export default Meh; \ No newline at end of file diff --git a/src/components/icons/menu.tsx b/src/components/icons/menu.tsx index 69f05b10..50051c80 100644 --- a/src/components/icons/menu.tsx +++ b/src/components/icons/menu.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMenu = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M3 12h18M3 6h18M3 18h18" /> - </svg> -) -export default SvgMenu - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Menu = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M3 12h18M3 6h18M3 18h18"/></svg>; +} +export default Menu; \ No newline at end of file diff --git a/src/components/icons/messageCircle.tsx b/src/components/icons/messageCircle.tsx index 44cb7325..3f1629c8 100644 --- a/src/components/icons/messageCircle.tsx +++ b/src/components/icons/messageCircle.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMessageCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z" /> - </svg> -) -export default SvgMessageCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const MessageCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z"/></svg>; +} +export default MessageCircle; \ No newline at end of file diff --git a/src/components/icons/messageSquare.tsx b/src/components/icons/messageSquare.tsx index 6445eca5..7815623a 100644 --- a/src/components/icons/messageSquare.tsx +++ b/src/components/icons/messageSquare.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMessageSquare = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" /> - </svg> -) -export default SvgMessageSquare - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const MessageSquare = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>; +} +export default MessageSquare; \ No newline at end of file diff --git a/src/components/icons/mic.tsx b/src/components/icons/mic.tsx index e8d65fae..bf44789f 100644 --- a/src/components/icons/mic.tsx +++ b/src/components/icons/mic.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgMic = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z" /> - <path d="M19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8" /> - </svg> -) -export default SvgMic - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Mic = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/><path d="M19 10v2a7 7 0 0 1-14 0v-2M12 19v4M8 23h8"/></svg>; +} +export default Mic; \ No newline at end of file diff --git a/src/components/icons/micOff.tsx b/src/components/icons/micOff.tsx index e37f5b1c..a86cb4c7 100644 --- a/src/components/icons/micOff.tsx +++ b/src/components/icons/micOff.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgMicOff = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m1 1 22 22M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6" /> - <path d="M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23M12 19v4M8 23h8" /> - </svg> -) -export default SvgMicOff - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const MicOff = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m1 1 22 22M9 9v3a3 3 0 0 0 5.12 2.12M15 9.34V4a3 3 0 0 0-5.94-.6"/><path d="M17 16.95A7 7 0 0 1 5 12v-2m14 0v2a7 7 0 0 1-.11 1.23M12 19v4M8 23h8"/></svg>; +} +export default MicOff; \ No newline at end of file diff --git a/src/components/icons/middleware.tsx b/src/components/icons/middleware.tsx new file mode 100644 index 00000000..af10e0e0 --- /dev/null +++ b/src/components/icons/middleware.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Middleware = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m10.2 12-7.8 4.8V7.2l7.8 4.8ZM15.6 9.6v4.8M21.6 7.2v9.6"/></svg>; +} +export default Middleware; \ No newline at end of file diff --git a/src/components/icons/minimize.tsx b/src/components/icons/minimize.tsx index 23004349..3be6280b 100644 --- a/src/components/icons/minimize.tsx +++ b/src/components/icons/minimize.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMinimize = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" /> - </svg> -) -export default SvgMinimize - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Minimize = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3"/></svg>; +} +export default Minimize; \ No newline at end of file diff --git a/src/components/icons/minimize2.tsx b/src/components/icons/minimize2.tsx index 5c6084ed..b8c39cf5 100644 --- a/src/components/icons/minimize2.tsx +++ b/src/components/icons/minimize2.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMinimize2 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M4 14h6v6M20 10h-6V4M14 10l7-7M3 21l7-7" /> - </svg> -) -export default SvgMinimize2 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Minimize2 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 14h6v6M20 10h-6V4M14 10l7-7M3 21l7-7"/></svg>; +} +export default Minimize2; \ No newline at end of file diff --git a/src/components/icons/minus.tsx b/src/components/icons/minus.tsx index f9d6da75..320cc08d 100644 --- a/src/components/icons/minus.tsx +++ b/src/components/icons/minus.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMinus = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M5 12h14" /> - </svg> -) -export default SvgMinus - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Minus = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M5 12h14"/></svg>; +} +export default Minus; \ No newline at end of file diff --git a/src/components/icons/minusCircle.tsx b/src/components/icons/minusCircle.tsx index 61623a0e..8d4e8535 100644 --- a/src/components/icons/minusCircle.tsx +++ b/src/components/icons/minusCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgMinusCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M8 12h8" /> - </svg> -) -export default SvgMinusCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const MinusCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="M8 12h8"/></svg>; +} +export default MinusCircle; \ No newline at end of file diff --git a/src/components/icons/minusSquare.tsx b/src/components/icons/minusSquare.tsx index ed410f66..4e52c88e 100644 --- a/src/components/icons/minusSquare.tsx +++ b/src/components/icons/minusSquare.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgMinusSquare = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={18} x={3} y={3} rx={2} ry={2} /> - <path d="M8 12h8" /> - </svg> -) -export default SvgMinusSquare - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const MinusSquare = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><path d="M8 12h8"/></svg>; +} +export default MinusSquare; \ No newline at end of file diff --git a/src/components/icons/monitor.tsx b/src/components/icons/monitor.tsx index d82dc8ff..810fdf55 100644 --- a/src/components/icons/monitor.tsx +++ b/src/components/icons/monitor.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgMonitor = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={20} height={14} x={2} y={3} rx={2} ry={2} /> - <path d="M8 21h8M12 17v4" /> - </svg> -) -export default SvgMonitor - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Monitor = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="20" height="14" x="2" y="3" rx="2" ry="2"/><path d="M8 21h8M12 17v4"/></svg>; +} +export default Monitor; \ No newline at end of file diff --git a/src/components/icons/moon.tsx b/src/components/icons/moon.tsx index 622bc5f4..d3fafcea 100644 --- a/src/components/icons/moon.tsx +++ b/src/components/icons/moon.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMoon = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z" /> - </svg> -) -export default SvgMoon - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Moon = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/></svg>; +} +export default Moon; \ No newline at end of file diff --git a/src/components/icons/moreHorizontal.tsx b/src/components/icons/moreHorizontal.tsx index 59e4a206..033ba8aa 100644 --- a/src/components/icons/moreHorizontal.tsx +++ b/src/components/icons/moreHorizontal.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgMoreHorizontal = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={1} /> - <circle cx={19} cy={12} r={1} /> - <circle cx={5} cy={12} r={1} /> - </svg> -) -export default SvgMoreHorizontal - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const MoreHorizontal = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="1" fill="currentColor"/><circle cx="19" cy="12" r="1" fill="currentColor"/><circle cx="5" cy="12" r="1" fill="currentColor"/></svg>; +} +export default MoreHorizontal; \ No newline at end of file diff --git a/src/components/icons/moreVertical.tsx b/src/components/icons/moreVertical.tsx index a56d7df0..d33b0ef6 100644 --- a/src/components/icons/moreVertical.tsx +++ b/src/components/icons/moreVertical.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgMoreVertical = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={1} /> - <circle cx={12} cy={5} r={1} /> - <circle cx={12} cy={19} r={1} /> - </svg> -) -export default SvgMoreVertical - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const MoreVertical = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="1" fill="currentColor"/><circle cx="12" cy="5" r="1" fill="currentColor"/><circle cx="12" cy="19" r="1" fill="currentColor"/></svg>; +} +export default MoreVertical; \ No newline at end of file diff --git a/src/components/icons/mousePointer.tsx b/src/components/icons/mousePointer.tsx index 48db8a2d..4ff0c7ae 100644 --- a/src/components/icons/mousePointer.tsx +++ b/src/components/icons/mousePointer.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMousePointer = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m3 3 7.07 16.97 2.51-7.39 7.39-2.51L3 3zM13 13l6 6" /> - </svg> -) -export default SvgMousePointer - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const MousePointer = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m3 3 7.07 16.97 2.51-7.39 7.39-2.51L3 3zM13 13l6 6"/></svg>; +} +export default MousePointer; \ No newline at end of file diff --git a/src/components/icons/move.tsx b/src/components/icons/move.tsx index a7bc4142..ca9d5ed4 100644 --- a/src/components/icons/move.tsx +++ b/src/components/icons/move.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgMove = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m5 9-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20" /> - </svg> -) -export default SvgMove - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Move = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m5 9-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20"/></svg>; +} +export default Move; \ No newline at end of file diff --git a/src/components/icons/music.tsx b/src/components/icons/music.tsx index 1a467458..71ffa135 100644 --- a/src/components/icons/music.tsx +++ b/src/components/icons/music.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgMusic = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M9 18V5l12-2v13" /> - <circle cx={6} cy={18} r={3} /> - <circle cx={18} cy={16} r={3} /> - </svg> -) -export default SvgMusic - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Music = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M9 18V5l12-2v13"/><circle cx="6" cy="18" r="3"/><circle cx="18" cy="16" r="3"/></svg>; +} +export default Music; \ No newline at end of file diff --git a/src/components/icons/navigation.tsx b/src/components/icons/navigation.tsx index db98b778..2f6f99d0 100644 --- a/src/components/icons/navigation.tsx +++ b/src/components/icons/navigation.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgNavigation = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m3 11 19-9-9 19-2-8-8-2z" /> - </svg> -) -export default SvgNavigation - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Navigation = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m3 11 19-9-9 19-2-8-8-2z"/></svg>; +} +export default Navigation; \ No newline at end of file diff --git a/src/components/icons/navigation2.tsx b/src/components/icons/navigation2.tsx index fdff7f58..99a422e1 100644 --- a/src/components/icons/navigation2.tsx +++ b/src/components/icons/navigation2.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgNavigation2 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m12 2 7 19-7-4-7 4 7-19z" /> - </svg> -) -export default SvgNavigation2 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Navigation2 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m12 2 7 19-7-4-7 4 7-19z"/></svg>; +} +export default Navigation2; \ No newline at end of file diff --git a/src/components/icons/octagon.tsx b/src/components/icons/octagon.tsx index 251ce0f3..3542e940 100644 --- a/src/components/icons/octagon.tsx +++ b/src/components/icons/octagon.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgOctagon = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2z" /> - </svg> -) -export default SvgOctagon - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Octagon = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2z"/></svg>; +} +export default Octagon; \ No newline at end of file diff --git a/src/components/icons/organization.tsx b/src/components/icons/organization.tsx new file mode 100644 index 00000000..d9acf6b0 --- /dev/null +++ b/src/components/icons/organization.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Organization = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m17.466 10.818 2.632 1.118a1.892 1.892 0 0 1 1.152 1.741v6.127a.946.946 0 0 1-.946.946h-2.838V5.142a1.892 1.892 0 0 0-1.892-1.892H5.642A1.892 1.892 0 0 0 3.75 5.142V20.75m8.986 0v-3.784a.473.473 0 0 0-.473-.473h-3.31a.473.473 0 0 0-.473.473v3.784m0-13.716h.473m3.31 0h.473M8.48 9.872h.473m3.31 0h.473M8.48 12.71h.473m3.31 0h.473"/></svg>; +} +export default Organization; \ No newline at end of file diff --git a/src/components/icons/package.tsx b/src/components/icons/package.tsx index 26b46357..49cb867f 100644 --- a/src/components/icons/package.tsx +++ b/src/components/icons/package.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgPackage = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m16.5 9.4-9-5.19M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z" /> - <path d="M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12" /> - </svg> -) -export default SvgPackage - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Package = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m16.5 9.4-9-5.19M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"/><path d="M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12"/></svg>; +} +export default Package; \ No newline at end of file diff --git a/src/components/icons/paperclip.tsx b/src/components/icons/paperclip.tsx index e5bf0cb1..b9444637 100644 --- a/src/components/icons/paperclip.tsx +++ b/src/components/icons/paperclip.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPaperclip = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48" /> - </svg> -) -export default SvgPaperclip - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Paperclip = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m21.44 11.05-9.19 9.19a6 6 0 0 1-8.49-8.49l9.19-9.19a4 4 0 0 1 5.66 5.66l-9.2 9.19a2 2 0 0 1-2.83-2.83l8.49-8.48"/></svg>; +} +export default Paperclip; \ No newline at end of file diff --git a/src/components/icons/pause.tsx b/src/components/icons/pause.tsx index 12990f8c..9dbc4443 100644 --- a/src/components/icons/pause.tsx +++ b/src/components/icons/pause.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPause = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M6 4h4v16H6zM14 4h4v16h-4z" /> - </svg> -) -export default SvgPause - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Pause = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M6 4h4v16H6zM14 4h4v16h-4z"/></svg>; +} +export default Pause; \ No newline at end of file diff --git a/src/components/icons/pauseCircle.tsx b/src/components/icons/pauseCircle.tsx index 12e214c0..a928b568 100644 --- a/src/components/icons/pauseCircle.tsx +++ b/src/components/icons/pauseCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgPauseCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M10 15V9M14 15V9" /> - </svg> -) -export default SvgPauseCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PauseCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="M10 15V9M14 15V9"/></svg>; +} +export default PauseCircle; \ No newline at end of file diff --git a/src/components/icons/pauseFill.tsx b/src/components/icons/pauseFill.tsx new file mode 100644 index 00000000..b3bc64aa --- /dev/null +++ b/src/components/icons/pauseFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PauseFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M6 4h4v16H6zM14 4h4v16h-4z"/></svg>; +} +export default PauseFill; \ No newline at end of file diff --git a/src/components/icons/penTool.tsx b/src/components/icons/penTool.tsx index 752746fe..32678be2 100644 --- a/src/components/icons/penTool.tsx +++ b/src/components/icons/penTool.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgPenTool = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m12 19 7-7 3 3-7 7-3-3z" /> - <path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5zM2 2l7.586 7.586" /> - <circle cx={11} cy={11} r={2} /> - </svg> -) -export default SvgPenTool - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PenTool = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m12 19 7-7 3 3-7 7-3-3z"/><path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5zM2 2l7.586 7.586"/><circle cx="11" cy="11" r="2"/></svg>; +} +export default PenTool; \ No newline at end of file diff --git a/src/components/icons/percent.tsx b/src/components/icons/percent.tsx index ce219575..40a113bc 100644 --- a/src/components/icons/percent.tsx +++ b/src/components/icons/percent.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgPercent = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M19 5 5 19" /> - <circle cx={6.5} cy={6.5} r={2.5} /> - <circle cx={17.5} cy={17.5} r={2.5} /> - </svg> -) -export default SvgPercent - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Percent = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M19 5 5 19"/><circle cx="6.5" cy="6.5" r="2.5"/><circle cx="17.5" cy="17.5" r="2.5"/></svg>; +} +export default Percent; \ No newline at end of file diff --git a/src/components/icons/phone.tsx b/src/components/icons/phone.tsx index e007cbb1..b54843d2 100644 --- a/src/components/icons/phone.tsx +++ b/src/components/icons/phone.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPhone = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" /> - </svg> -) -export default SvgPhone - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Phone = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>; +} +export default Phone; \ No newline at end of file diff --git a/src/components/icons/phoneCall.tsx b/src/components/icons/phoneCall.tsx deleted file mode 100644 index 5487cacb..00000000 --- a/src/components/icons/phoneCall.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import * as React from 'react' -const SvgPhoneCall = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M15.05 5A5 5 0 0 1 19 8.95M15.05 1A9 9 0 0 1 23 8.94m-1 7.98v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" /> - </svg> -) -export default SvgPhoneCall - diff --git a/src/components/icons/phoneForwarded.tsx b/src/components/icons/phoneForwarded.tsx index eee1b442..6719ed41 100644 --- a/src/components/icons/phoneForwarded.tsx +++ b/src/components/icons/phoneForwarded.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPhoneForwarded = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m19 1 4 4-4 4M15 5h8M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" /> - </svg> -) -export default SvgPhoneForwarded - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PhoneForwarded = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m19 1 4 4-4 4M15 5h8M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>; +} +export default PhoneForwarded; \ No newline at end of file diff --git a/src/components/icons/phoneIncoming.tsx b/src/components/icons/phoneIncoming.tsx index 65c79157..d0d5c07c 100644 --- a/src/components/icons/phoneIncoming.tsx +++ b/src/components/icons/phoneIncoming.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPhoneIncoming = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M16 2v6h6M23 1l-7 7M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" /> - </svg> -) -export default SvgPhoneIncoming - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PhoneIncoming = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16 2v6h6M23 1l-7 7M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>; +} +export default PhoneIncoming; \ No newline at end of file diff --git a/src/components/icons/phoneMissed.tsx b/src/components/icons/phoneMissed.tsx index d50f1c3c..f723eed7 100644 --- a/src/components/icons/phoneMissed.tsx +++ b/src/components/icons/phoneMissed.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPhoneMissed = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m23 1-6 6M17 1l6 6M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" /> - </svg> -) -export default SvgPhoneMissed - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PhoneMissed = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m23 1-6 6M17 1l6 6M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>; +} +export default PhoneMissed; \ No newline at end of file diff --git a/src/components/icons/phoneOff.tsx b/src/components/icons/phoneOff.tsx index 9382f95d..0956ae28 100644 --- a/src/components/icons/phoneOff.tsx +++ b/src/components/icons/phoneOff.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPhoneOff = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91M23 1 1 23" /> - </svg> -) -export default SvgPhoneOff - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PhoneOff = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M10.68 13.31a16 16 0 0 0 3.41 2.6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7 2 2 0 0 1 1.72 2v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.42 19.42 0 0 1-3.33-2.67m-2.67-3.34a19.79 19.79 0 0 1-3.07-8.63A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91M23 1 1 23"/></svg>; +} +export default PhoneOff; \ No newline at end of file diff --git a/src/components/icons/phoneOutgoing.tsx b/src/components/icons/phoneOutgoing.tsx index 2e013bcc..01fd2811 100644 --- a/src/components/icons/phoneOutgoing.tsx +++ b/src/components/icons/phoneOutgoing.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPhoneOutgoing = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M23 7V1h-6M16 8l7-7M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" /> - </svg> -) -export default SvgPhoneOutgoing - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PhoneOutgoing = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M23 7V1h-6M16 8l7-7M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>; +} +export default PhoneOutgoing; \ No newline at end of file diff --git a/src/components/icons/pieChart.tsx b/src/components/icons/pieChart.tsx index aa870062..9c8a5db9 100644 --- a/src/components/icons/pieChart.tsx +++ b/src/components/icons/pieChart.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgPieChart = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21.21 15.89A10 10 0 1 1 8 2.83" /> - <path d="M22 12A10 10 0 0 0 12 2v10z" /> - </svg> -) -export default SvgPieChart - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PieChart = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21.21 15.89A10 10 0 1 1 8 2.83"/><path d="M22 12A10 10 0 0 0 12 2v10z"/></svg>; +} +export default PieChart; \ No newline at end of file diff --git a/src/components/icons/pin.tsx b/src/components/icons/pin.tsx new file mode 100644 index 00000000..5c4f565f --- /dev/null +++ b/src/components/icons/pin.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Pin = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m6.52 10.2 4.24 5.65m.01-9.9a2 2 0 0 0 0-2.83l-.7-.71L3 9.49l.7.7a1.998 1.998 0 0 0 2.83 0m4.24 5.66 5.66-5.66m-5.66 5.66s-1.76 2.47.71 4.95l9.89-9.9c-2.47-2.48-4.95-.7-4.95-.7m-5.65 5.65 5.65-5.65m0 0-5.66-4.25m5.66 9.9 4.24 4.24"/></svg>; +} +export default Pin; \ No newline at end of file diff --git a/src/components/icons/play.tsx b/src/components/icons/play.tsx index 7eef271c..06e94902 100644 --- a/src/components/icons/play.tsx +++ b/src/components/icons/play.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPlay = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m5 3 14 9-14 9V3z" /> - </svg> -) -export default SvgPlay - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Play = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="m5 3 14 9-14 9V3z"/></svg>; +} +export default Play; \ No newline at end of file diff --git a/src/components/icons/playCircle.tsx b/src/components/icons/playCircle.tsx index 3067172b..4a42de05 100644 --- a/src/components/icons/playCircle.tsx +++ b/src/components/icons/playCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgPlayCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="m10 8 6 4-6 4V8z" /> - </svg> -) -export default SvgPlayCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PlayCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="m10 8 6 4-6 4V8z"/></svg>; +} +export default PlayCircle; \ No newline at end of file diff --git a/src/components/icons/playFill.tsx b/src/components/icons/playFill.tsx new file mode 100644 index 00000000..2d10ea11 --- /dev/null +++ b/src/components/icons/playFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PlayFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="m5 3 14 9-14 9V3z"/></svg>; +} +export default PlayFill; \ No newline at end of file diff --git a/src/components/icons/playSolid.tsx b/src/components/icons/playSolid.tsx new file mode 100644 index 00000000..f155261d --- /dev/null +++ b/src/components/icons/playSolid.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PlaySolid = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="m5 3 14 9-14 9V3z"/></svg>; +} +export default PlaySolid; \ No newline at end of file diff --git a/src/components/icons/playSolidFill.tsx b/src/components/icons/playSolidFill.tsx new file mode 100644 index 00000000..fd4c7bac --- /dev/null +++ b/src/components/icons/playSolidFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PlaySolidFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="m5 3 14 9-14 9V3z"/></svg>; +} +export default PlaySolidFill; \ No newline at end of file diff --git a/src/components/icons/plus.tsx b/src/components/icons/plus.tsx index b32955e6..e24957a4 100644 --- a/src/components/icons/plus.tsx +++ b/src/components/icons/plus.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPlus = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 5v14M5 12h14" /> - </svg> -) -export default SvgPlus - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Plus = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 5v14M5 12h14"/></svg>; +} +export default Plus; \ No newline at end of file diff --git a/src/components/icons/plusCircle.tsx b/src/components/icons/plusCircle.tsx index 613438f5..7ab10a96 100644 --- a/src/components/icons/plusCircle.tsx +++ b/src/components/icons/plusCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgPlusCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M12 8v8M8 12h8" /> - </svg> -) -export default SvgPlusCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PlusCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="M12 8v8M8 12h8"/></svg>; +} +export default PlusCircle; \ No newline at end of file diff --git a/src/components/icons/plusSquare.tsx b/src/components/icons/plusSquare.tsx index 737968f4..dcded3d5 100644 --- a/src/components/icons/plusSquare.tsx +++ b/src/components/icons/plusSquare.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgPlusSquare = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={18} x={3} y={3} rx={2} ry={2} /> - <path d="M12 8v8M8 12h8" /> - </svg> -) -export default SvgPlusSquare - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const PlusSquare = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><path d="M12 8v8M8 12h8"/></svg>; +} +export default PlusSquare; \ No newline at end of file diff --git a/src/components/icons/pocket.tsx b/src/components/icons/pocket.tsx index 3a8100e8..c79e5df0 100644 --- a/src/components/icons/pocket.tsx +++ b/src/components/icons/pocket.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgPocket = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M4 3h16a2 2 0 0 1 2 2v6a10 10 0 0 1-10 10A10 10 0 0 1 2 11V5a2 2 0 0 1 2-2z" /> - <path d="m8 10 4 4 4-4" /> - </svg> -) -export default SvgPocket - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Pocket = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 3h16a2 2 0 0 1 2 2v6a10 10 0 0 1-10 10A10 10 0 0 1 2 11V5a2 2 0 0 1 2-2z"/><path d="m8 10 4 4 4-4"/></svg>; +} +export default Pocket; \ No newline at end of file diff --git a/src/components/icons/power.tsx b/src/components/icons/power.tsx index 27d5f2ca..16d36a15 100644 --- a/src/components/icons/power.tsx +++ b/src/components/icons/power.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgPower = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M18.36 6.64a9 9 0 1 1-12.73 0M12 2v10" /> - </svg> -) -export default SvgPower - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Power = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M18.36 6.64a9 9 0 1 1-12.73 0M12 2v10"/></svg>; +} +export default Power; \ No newline at end of file diff --git a/src/components/icons/printer.tsx b/src/components/icons/printer.tsx index 53131dbe..74a5fa61 100644 --- a/src/components/icons/printer.tsx +++ b/src/components/icons/printer.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgPrinter = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2" /> - <path d="M6 14h12v8H6z" /> - </svg> -) -export default SvgPrinter - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Printer = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M6 9V2h12v7M6 18H4a2 2 0 0 1-2-2v-5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v5a2 2 0 0 1-2 2h-2"/><path d="M6 14h12v8H6z"/></svg>; +} +export default Printer; \ No newline at end of file diff --git a/src/components/icons/questionCircle.tsx b/src/components/icons/questionCircle.tsx new file mode 100644 index 00000000..6b511397 --- /dev/null +++ b/src/components/icons/questionCircle.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const QuestionCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10z"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><circle cx="12" cy="17" r=".5"/></svg>; +} +export default QuestionCircle; \ No newline at end of file diff --git a/src/components/icons/radio.tsx b/src/components/icons/radio.tsx index 666333c2..3661fedc 100644 --- a/src/components/icons/radio.tsx +++ b/src/components/icons/radio.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgRadio = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={2} /> - <path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14" /> - </svg> -) -export default SvgRadio - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Radio = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="2"/><path d="M16.24 7.76a6 6 0 0 1 0 8.49m-8.48-.01a6 6 0 0 1 0-8.49m11.31-2.82a10 10 0 0 1 0 14.14m-14.14 0a10 10 0 0 1 0-14.14"/></svg>; +} +export default Radio; \ No newline at end of file diff --git a/src/components/icons/refreshCcw.tsx b/src/components/icons/refreshCcw.tsx index 951ab5ff..ff6ca6f1 100644 --- a/src/components/icons/refreshCcw.tsx +++ b/src/components/icons/refreshCcw.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgRefreshCcw = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M1 4v6h6M23 20v-6h-6" /> - <path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4-4.64 4.36A9 9 0 0 1 3.51 15" /> - </svg> -) -export default SvgRefreshCcw - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const RefreshCcw = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M1 4v6h6M23 20v-6h-6"/><path d="M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4-4.64 4.36A9 9 0 0 1 3.51 15"/></svg>; +} +export default RefreshCcw; \ No newline at end of file diff --git a/src/components/icons/refreshCw.tsx b/src/components/icons/refreshCw.tsx index f1193fc5..b5b315f9 100644 --- a/src/components/icons/refreshCw.tsx +++ b/src/components/icons/refreshCw.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgRefreshCw = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M23 4v6h-6M1 20v-6h6" /> - <path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15" /> - </svg> -) -export default SvgRefreshCw - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const RefreshCw = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M23 4v6h-6M1 20v-6h6"/><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"/></svg>; +} +export default RefreshCw; \ No newline at end of file diff --git a/src/components/icons/repeat.tsx b/src/components/icons/repeat.tsx index a2636014..9e9f3528 100644 --- a/src/components/icons/repeat.tsx +++ b/src/components/icons/repeat.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgRepeat = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m17 1 4 4-4 4" /> - <path d="M3 11V9a4 4 0 0 1 4-4h14M7 23l-4-4 4-4" /> - <path d="M21 13v2a4 4 0 0 1-4 4H3" /> - </svg> -) -export default SvgRepeat - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Repeat = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m17 1 4 4-4 4"/><path d="M3 11V9a4 4 0 0 1 4-4h14M7 23l-4-4 4-4"/><path d="M21 13v2a4 4 0 0 1-4 4H3"/></svg>; +} +export default Repeat; \ No newline at end of file diff --git a/src/components/icons/rewind.tsx b/src/components/icons/rewind.tsx index c69de0c0..7ffce6ce 100644 --- a/src/components/icons/rewind.tsx +++ b/src/components/icons/rewind.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgRewind = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m11 19-9-7 9-7v14zM22 19l-9-7 9-7v14z" /> - </svg> -) -export default SvgRewind - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Rewind = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m11 19-9-7 9-7v14zM22 19l-9-7 9-7v14z"/></svg>; +} +export default Rewind; \ No newline at end of file diff --git a/src/components/icons/rotateCcw.tsx b/src/components/icons/rotateCcw.tsx index 2028d929..e8fd8675 100644 --- a/src/components/icons/rotateCcw.tsx +++ b/src/components/icons/rotateCcw.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgRotateCcw = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M1 4v6h6" /> - <path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10" /> - </svg> -) -export default SvgRotateCcw - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const RotateCcw = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M1 4v6h6"/><path d="M3.51 15a9 9 0 1 0 2.13-9.36L1 10"/></svg>; +} +export default RotateCcw; \ No newline at end of file diff --git a/src/components/icons/rotateCw.tsx b/src/components/icons/rotateCw.tsx index 5003a0a4..fdbc3ca3 100644 --- a/src/components/icons/rotateCw.tsx +++ b/src/components/icons/rotateCw.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgRotateCw = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M23 4v6h-6" /> - <path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10" /> - </svg> -) -export default SvgRotateCw - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const RotateCw = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M23 4v6h-6"/><path d="M20.49 15a9 9 0 1 1-2.12-9.36L23 10"/></svg>; +} +export default RotateCw; \ No newline at end of file diff --git a/src/components/icons/rss.tsx b/src/components/icons/rss.tsx index 8e58710d..7cbc1182 100644 --- a/src/components/icons/rss.tsx +++ b/src/components/icons/rss.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgRss = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16" /> - <circle cx={5} cy={19} r={1} /> - </svg> -) -export default SvgRss - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Rss = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16"/><circle cx="5" cy="19" r="1"/></svg>; +} +export default Rss; \ No newline at end of file diff --git a/src/components/icons/save.tsx b/src/components/icons/save.tsx index a2e55c9f..14078d05 100644 --- a/src/components/icons/save.tsx +++ b/src/components/icons/save.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgSave = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" /> - <path d="M17 21v-8H7v8M7 3v5h8" /> - </svg> -) -export default SvgSave - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Save = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z"/><path d="M17 21v-8H7v8M7 3v5h8"/></svg>; +} +export default Save; \ No newline at end of file diff --git a/src/components/icons/scissors.tsx b/src/components/icons/scissors.tsx index 3a432336..ba4a5079 100644 --- a/src/components/icons/scissors.tsx +++ b/src/components/icons/scissors.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgScissors = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={6} cy={6} r={3} /> - <circle cx={6} cy={18} r={3} /> - <path d="M20 4 8.12 15.88M14.47 14.48 20 20M8.12 8.12 12 12" /> - </svg> -) -export default SvgScissors - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Scissors = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="6" cy="6" r="3"/><circle cx="6" cy="18" r="3"/><path d="M20 4 8.12 15.88M14.47 14.48 20 20M8.12 8.12 12 12"/></svg>; +} +export default Scissors; \ No newline at end of file diff --git a/src/components/icons/search.tsx b/src/components/icons/search.tsx index 4150641a..3f316293 100644 --- a/src/components/icons/search.tsx +++ b/src/components/icons/search.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgSearch = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={11} cy={11} r={8} /> - <path d="m21 21-4.35-4.35" /> - </svg> -) -export default SvgSearch - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Search = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M11 17.25a6.25 6.25 0 1 1 0-12.5 6.25 6.25 0 0 1 0 12.5zM16 16l4.5 4.5"/></svg>; +} +export default Search; \ No newline at end of file diff --git a/src/components/icons/send.tsx b/src/components/icons/send.tsx index 4044721f..885082af 100644 --- a/src/components/icons/send.tsx +++ b/src/components/icons/send.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgSend = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z" /> - </svg> -) -export default SvgSend - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Send = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22 2 11 13M22 2l-7 20-4-9-9-4 20-7z"/></svg>; +} +export default Send; \ No newline at end of file diff --git a/src/components/icons/server.tsx b/src/components/icons/server.tsx index 324bb9d2..5203a886 100644 --- a/src/components/icons/server.tsx +++ b/src/components/icons/server.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgServer = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={20} height={8} x={2} y={2} rx={2} ry={2} /> - <rect width={20} height={8} x={2} y={14} rx={2} ry={2} /> - <path d="M6 6h.01M6 18h.01" /> - </svg> -) -export default SvgServer - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Server = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="20" height="8" x="2" y="2" rx="2" ry="2"/><rect width="20" height="8" x="2" y="14" rx="2" ry="2"/><path d="M6 6h.01M6 18h.01"/></svg>; +} +export default Server; \ No newline at end of file diff --git a/src/components/icons/serverless.tsx b/src/components/icons/serverless.tsx new file mode 100644 index 00000000..b93bb8a7 --- /dev/null +++ b/src/components/icons/serverless.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Serverless = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg xmlns="http://www.w3.org/2000/svg" fill="none" shapeRendering="geometricPrecision" viewBox="0 0 20 20" {...props} height={size} width={size} style={{...style, color: color }}><defs><mask id="a"><path fill="#fff" d="M9.97 2.283 2.942 6.501v8.984l3.87-2.276 2.53.44L4 16.5l6.44 1.717 6.56-3.75V5.926l-4.686 2.276-3.126-.452L16.5 4 9.97 2.283Z"/></mask></defs><path stroke="var(--geist-foreground)" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="m5.615 15.026 3.705 1.238a1.821 1.821 0 0 0 1.46-.134l4.392-2.435c.579-.32.938-.93.938-1.592V7.382L4.048 13.175V8.01c0-.662.36-1.272.938-1.593l4.266-2.363a1.82 1.82 0 0 1 1.678-.046l2.914 1.416" mask="url(#a)"/></svg>; +} +export default Serverless; \ No newline at end of file diff --git a/src/components/icons/settings.tsx b/src/components/icons/settings.tsx index edddf819..7df4c835 100644 --- a/src/components/icons/settings.tsx +++ b/src/components/icons/settings.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgSettings = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={3} /> - <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" /> - </svg> -) -export default SvgSettings - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Settings = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>; +} +export default Settings; \ No newline at end of file diff --git a/src/components/icons/share.tsx b/src/components/icons/share.tsx index 2e55309c..ba76dc3d 100644 --- a/src/components/icons/share.tsx +++ b/src/components/icons/share.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgShare = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8M16 6l-4-4-4 4M12 2v13" /> - </svg> -) -export default SvgShare - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Share = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8M16 6l-4-4-4 4M12 2v13"/></svg>; +} +export default Share; \ No newline at end of file diff --git a/src/components/icons/share2.tsx b/src/components/icons/share2.tsx index cd3c6987..8452c101 100644 --- a/src/components/icons/share2.tsx +++ b/src/components/icons/share2.tsx @@ -1,21 +1,7 @@ -import * as React from 'react' -const SvgShare2 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={18} cy={5} r={3} /> - <circle cx={6} cy={12} r={3} /> - <circle cx={18} cy={19} r={3} /> - <path d="m8.59 13.51 6.83 3.98M15.41 6.51l-6.82 3.98" /> - </svg> -) -export default SvgShare2 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Share2 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="18" cy="5" r="3"/><circle cx="6" cy="12" r="3"/><circle cx="18" cy="19" r="3"/><path d="m8.59 13.51 6.83 3.98M15.41 6.51l-6.82 3.98"/></svg>; +} +export default Share2; \ No newline at end of file diff --git a/src/components/icons/shield.tsx b/src/components/icons/shield.tsx index dbd710a4..7033821b 100644 --- a/src/components/icons/shield.tsx +++ b/src/components/icons/shield.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgShield = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" /> - </svg> -) -export default SvgShield - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Shield = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>; +} +export default Shield; \ No newline at end of file diff --git a/src/components/icons/shieldOff.tsx b/src/components/icons/shieldOff.tsx index 3a2fc569..d02c4d2b 100644 --- a/src/components/icons/shieldOff.tsx +++ b/src/components/icons/shieldOff.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgShieldOff = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M19.69 14a6.9 6.9 0 0 0 .31-2V5l-8-3-3.16 1.18M4.73 4.73 4 5v7c0 6 8 10 8 10a20.29 20.29 0 0 0 5.62-4.38M1 1l22 22" /> - </svg> -) -export default SvgShieldOff - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ShieldOff = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M19.69 14a6.9 6.9 0 0 0 .31-2V5l-8-3-3.16 1.18M4.73 4.73 4 5v7c0 6 8 10 8 10a20.29 20.29 0 0 0 5.62-4.38M1 1l22 22"/></svg>; +} +export default ShieldOff; \ No newline at end of file diff --git a/src/components/icons/shoppingBag.tsx b/src/components/icons/shoppingBag.tsx index e8c03fb2..b6f63dfd 100644 --- a/src/components/icons/shoppingBag.tsx +++ b/src/components/icons/shoppingBag.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgShoppingBag = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4zM3 6h18" /> - <path d="M16 10a4 4 0 0 1-8 0" /> - </svg> -) -export default SvgShoppingBag - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ShoppingBag = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4zM3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>; +} +export default ShoppingBag; \ No newline at end of file diff --git a/src/components/icons/shoppingCart.tsx b/src/components/icons/shoppingCart.tsx index 3d9203c6..a14e4499 100644 --- a/src/components/icons/shoppingCart.tsx +++ b/src/components/icons/shoppingCart.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgShoppingCart = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={9} cy={21} r={1} /> - <circle cx={20} cy={21} r={1} /> - <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" /> - </svg> -) -export default SvgShoppingCart - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ShoppingCart = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"/></svg>; +} +export default ShoppingCart; \ No newline at end of file diff --git a/src/components/icons/shuffle.tsx b/src/components/icons/shuffle.tsx index 53a33653..c66102af 100644 --- a/src/components/icons/shuffle.tsx +++ b/src/components/icons/shuffle.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgShuffle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M16 3h5v5M4 20 21 3M21 16v5h-5M15 15l6 6M4 4l5 5" /> - </svg> -) -export default SvgShuffle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Shuffle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16 3h5v5M4 20 21 3M21 16v5h-5M15 15l6 6M4 4l5 5"/></svg>; +} +export default Shuffle; \ No newline at end of file diff --git a/src/components/icons/sidebar.tsx b/src/components/icons/sidebar.tsx index 43908b00..6e32f4b6 100644 --- a/src/components/icons/sidebar.tsx +++ b/src/components/icons/sidebar.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgSidebar = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={18} x={3} y={3} rx={2} ry={2} /> - <path d="M9 3v18" /> - </svg> -) -export default SvgSidebar - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Sidebar = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><path d="M9 3v18"/></svg>; +} +export default Sidebar; \ No newline at end of file diff --git a/src/components/icons/skipBack.tsx b/src/components/icons/skipBack.tsx index d0c8e8b5..7b5dd118 100644 --- a/src/components/icons/skipBack.tsx +++ b/src/components/icons/skipBack.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgSkipBack = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M19 20 9 12l10-8v16zM5 19V5" /> - </svg> -) -export default SvgSkipBack - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const SkipBack = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M19 20 9 12l10-8v16zM5 19V5"/></svg>; +} +export default SkipBack; \ No newline at end of file diff --git a/src/components/icons/skipForward.tsx b/src/components/icons/skipForward.tsx index 7047b7fc..a83b94ba 100644 --- a/src/components/icons/skipForward.tsx +++ b/src/components/icons/skipForward.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgSkipForward = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m5 4 10 8-10 8V4zM19 5v14" /> - </svg> -) -export default SvgSkipForward - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const SkipForward = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m5 4 10 8-10 8V4zM19 5v14"/></svg>; +} +export default SkipForward; \ No newline at end of file diff --git a/src/components/icons/slack.tsx b/src/components/icons/slack.tsx index f137962c..161fd008 100644 --- a/src/components/icons/slack.tsx +++ b/src/components/icons/slack.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgSlack = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zM20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5zM3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14zM14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5zM15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zM10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5zM8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z" /> - </svg> -) -export default SvgSlack - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Slack = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" stroke="currentColor" d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zM20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5zM3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14zM14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5zM15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zM10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5zM8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z"/></svg>; +} +export default Slack; \ No newline at end of file diff --git a/src/components/icons/slackFill.tsx b/src/components/icons/slackFill.tsx new file mode 100644 index 00000000..d839a26e --- /dev/null +++ b/src/components/icons/slackFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const SlackFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" stroke="currentColor" d="M14.5 10c-.83 0-1.5-.67-1.5-1.5v-5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zM20.5 10H19V8.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5-.67 1.5-1.5 1.5zM9.5 14c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5S8 21.33 8 20.5v-5c0-.83.67-1.5 1.5-1.5zM3.5 14H5v1.5c0 .83-.67 1.5-1.5 1.5S2 16.33 2 15.5 2.67 14 3.5 14zM14 14.5c0-.83.67-1.5 1.5-1.5h5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-5c-.83 0-1.5-.67-1.5-1.5zM15.5 19H14v1.5c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5zM10 9.5C10 8.67 9.33 8 8.5 8h-5C2.67 8 2 8.67 2 9.5S2.67 11 3.5 11h5c.83 0 1.5-.67 1.5-1.5zM8.5 5H10V3.5C10 2.67 9.33 2 8.5 2S7 2.67 7 3.5 7.67 5 8.5 5z"/></svg>; +} +export default SlackFill; \ No newline at end of file diff --git a/src/components/icons/slash.tsx b/src/components/icons/slash.tsx index 9ddb891c..4a0636e2 100644 --- a/src/components/icons/slash.tsx +++ b/src/components/icons/slash.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgSlash = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="m4.93 4.93 14.14 14.14" /> - </svg> -) -export default SvgSlash - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Slash = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="m4.93 4.93 14.14 14.14"/></svg>; +} +export default Slash; \ No newline at end of file diff --git a/src/components/icons/sliders.tsx b/src/components/icons/sliders.tsx index 67ac1656..7da38331 100644 --- a/src/components/icons/sliders.tsx +++ b/src/components/icons/sliders.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgSliders = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6" /> - </svg> -) -export default SvgSliders - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Sliders = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6"/></svg>; +} +export default Sliders; \ No newline at end of file diff --git a/src/components/icons/smartphone.tsx b/src/components/icons/smartphone.tsx index f6f5377f..784178cc 100644 --- a/src/components/icons/smartphone.tsx +++ b/src/components/icons/smartphone.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgSmartphone = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={14} height={20} x={5} y={2} rx={2} ry={2} /> - <path d="M12 18h.01" /> - </svg> -) -export default SvgSmartphone - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Smartphone = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="14" height="20" x="5" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg>; +} +export default Smartphone; \ No newline at end of file diff --git a/src/components/icons/smile.tsx b/src/components/icons/smile.tsx index 5a0bc402..ddf36b83 100644 --- a/src/components/icons/smile.tsx +++ b/src/components/icons/smile.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgSmile = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01" /> - </svg> -) -export default SvgSmile - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Smile = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2M9 9h.01M15 9h.01"/></svg>; +} +export default Smile; \ No newline at end of file diff --git a/src/components/icons/sort.tsx b/src/components/icons/sort.tsx new file mode 100644 index 00000000..a44682da --- /dev/null +++ b/src/components/icons/sort.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Sort = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M15 18H3M21 6H3m14 6H3"/></svg>; +} +export default Sort; \ No newline at end of file diff --git a/src/components/icons/speaker.tsx b/src/components/icons/speaker.tsx index 90a5b5d0..16eb4718 100644 --- a/src/components/icons/speaker.tsx +++ b/src/components/icons/speaker.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgSpeaker = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={16} height={20} x={4} y={2} rx={2} ry={2} /> - <circle cx={12} cy={14} r={4} /> - <path d="M12 6h.01" /> - </svg> -) -export default SvgSpeaker - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Speaker = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><circle cx="12" cy="14" r="4"/><path d="M12 6h.01"/></svg>; +} +export default Speaker; \ No newline at end of file diff --git a/src/components/icons/square.tsx b/src/components/icons/square.tsx index ec0309f3..1df60454 100644 --- a/src/components/icons/square.tsx +++ b/src/components/icons/square.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgSquare = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={18} x={3} y={3} rx={2} ry={2} /> - </svg> -) -export default SvgSquare - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Square = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/></svg>; +} +export default Square; \ No newline at end of file diff --git a/src/components/icons/star.tsx b/src/components/icons/star.tsx index e0aa577b..6ffdcc3d 100644 --- a/src/components/icons/star.tsx +++ b/src/components/icons/star.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgStar = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" /> - </svg> -) -export default SvgStar - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Star = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg>; +} +export default Star; \ No newline at end of file diff --git a/src/components/icons/static.tsx b/src/components/icons/static.tsx new file mode 100644 index 00000000..b3b76508 --- /dev/null +++ b/src/components/icons/static.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Static = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m12.35 4.602 5.346 5.183a1 1 0 0 1 .304.718v8.177a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V5.32a1 1 0 0 1 1-1h4.655a1 1 0 0 1 .696.282Z"/><path d="M11.4 4.32v6.3H18"/></svg>; +} +export default Static; \ No newline at end of file diff --git a/src/components/icons/stopCircle.tsx b/src/components/icons/stopCircle.tsx index e58fc3f0..c874330e 100644 --- a/src/components/icons/stopCircle.tsx +++ b/src/components/icons/stopCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgStopCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="M9 9h6v6H9z" /> - </svg> -) -export default SvgStopCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const StopCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z"/><path fill="currentColor" d="M9 9h6v6H9V9Z"/></svg>; +} +export default StopCircle; \ No newline at end of file diff --git a/src/components/icons/sun.tsx b/src/components/icons/sun.tsx index 6ec71b31..425d5f58 100644 --- a/src/components/icons/sun.tsx +++ b/src/components/icons/sun.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgSun = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={5} /> - <path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42" /> - </svg> -) -export default SvgSun - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Sun = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/></svg>; +} +export default Sun; \ No newline at end of file diff --git a/src/components/icons/sunrise.tsx b/src/components/icons/sunrise.tsx index 29ea1aa5..9f0f8fd6 100644 --- a/src/components/icons/sunrise.tsx +++ b/src/components/icons/sunrise.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgSunrise = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M17 18a5 5 0 0 0-10 0M12 2v7M4.22 10.22l1.42 1.42M1 18h2M21 18h2M18.36 11.64l1.42-1.42M23 22H1M8 6l4-4 4 4" /> - </svg> -) -export default SvgSunrise - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Sunrise = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M17 18a5 5 0 0 0-10 0M12 2v7M4.22 10.22l1.42 1.42M1 18h2M21 18h2M18.36 11.64l1.42-1.42M23 22H1M8 6l4-4 4 4"/></svg>; +} +export default Sunrise; \ No newline at end of file diff --git a/src/components/icons/sunset.tsx b/src/components/icons/sunset.tsx index ac758b31..e64c76bb 100644 --- a/src/components/icons/sunset.tsx +++ b/src/components/icons/sunset.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgSunset = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M17 18a5 5 0 0 0-10 0M12 9V2M4.22 10.22l1.42 1.42M1 18h2M21 18h2M18.36 11.64l1.42-1.42M23 22H1M16 5l-4 4-4-4" /> - </svg> -) -export default SvgSunset - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Sunset = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M17 18a5 5 0 0 0-10 0M12 9V2M4.22 10.22l1.42 1.42M1 18h2M21 18h2M18.36 11.64l1.42-1.42M23 22H1M16 5l-4 4-4-4"/></svg>; +} +export default Sunset; \ No newline at end of file diff --git a/src/components/icons/table.tsx b/src/components/icons/table.tsx deleted file mode 100644 index 44445318..00000000 --- a/src/components/icons/table.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import * as React from 'react' -const SvgTable = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18" /> - </svg> -) -export default SvgTable - diff --git a/src/components/icons/tablet.tsx b/src/components/icons/tablet.tsx index b195cb14..0ef661d2 100644 --- a/src/components/icons/tablet.tsx +++ b/src/components/icons/tablet.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgTablet = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={16} height={20} x={4} y={2} rx={2} ry={2} /> - <path d="M12 18h.01" /> - </svg> -) -export default SvgTablet - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Tablet = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="16" height="20" x="4" y="2" rx="2" ry="2"/><path d="M12 18h.01"/></svg>; +} +export default Tablet; \ No newline at end of file diff --git a/src/components/icons/tag.tsx b/src/components/icons/tag.tsx index 7e4d3ea1..9746fdb1 100644 --- a/src/components/icons/tag.tsx +++ b/src/components/icons/tag.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgTag = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m20.59 13.41-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82zM7 7h.01" /> - </svg> -) -export default SvgTag - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Tag = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m20.59 13.41-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82zM7 7h.01"/></svg>; +} +export default Tag; \ No newline at end of file diff --git a/src/components/icons/target.tsx b/src/components/icons/target.tsx index b0f67fdf..2241e805 100644 --- a/src/components/icons/target.tsx +++ b/src/components/icons/target.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgTarget = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <circle cx={12} cy={12} r={6} /> - <circle cx={12} cy={12} r={2} /> - </svg> -) -export default SvgTarget - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Target = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg>; +} +export default Target; \ No newline at end of file diff --git a/src/components/icons/terminal.tsx b/src/components/icons/terminal.tsx index c165965f..3bb2600b 100644 --- a/src/components/icons/terminal.tsx +++ b/src/components/icons/terminal.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgTerminal = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m4 17 6-6-6-6M12 19h8" /> - </svg> -) -export default SvgTerminal - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Terminal = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m4 17 6-6-6-6M12 19h8"/></svg>; +} +export default Terminal; \ No newline at end of file diff --git a/src/components/icons/thermometer.tsx b/src/components/icons/thermometer.tsx index f2448cf7..ef864cf9 100644 --- a/src/components/icons/thermometer.tsx +++ b/src/components/icons/thermometer.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgThermometer = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z" /> - </svg> -) -export default SvgThermometer - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Thermometer = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M14 14.76V3.5a2.5 2.5 0 0 0-5 0v11.26a4.5 4.5 0 1 0 5 0z"/></svg>; +} +export default Thermometer; \ No newline at end of file diff --git a/src/components/icons/thumbsDown.tsx b/src/components/icons/thumbsDown.tsx index 972647bd..938b68e4 100644 --- a/src/components/icons/thumbsDown.tsx +++ b/src/components/icons/thumbsDown.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgThumbsDown = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17" /> - </svg> -) -export default SvgThumbsDown - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ThumbsDown = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M10 15v4a3 3 0 0 0 3 3l4-9V2H5.72a2 2 0 0 0-2 1.7l-1.38 9a2 2 0 0 0 2 2.3zm7-13h2.67A2.31 2.31 0 0 1 22 4v7a2.31 2.31 0 0 1-2.33 2H17"/></svg>; +} +export default ThumbsDown; \ No newline at end of file diff --git a/src/components/icons/thumbsUp.tsx b/src/components/icons/thumbsUp.tsx index 7092c155..e8d61e99 100644 --- a/src/components/icons/thumbsUp.tsx +++ b/src/components/icons/thumbsUp.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgThumbsUp = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3" /> - </svg> -) -export default SvgThumbsUp - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ThumbsUp = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"/></svg>; +} +export default ThumbsUp; \ No newline at end of file diff --git a/src/components/icons/toggleLeft.tsx b/src/components/icons/toggleLeft.tsx index 58012eb2..d44b0ebf 100644 --- a/src/components/icons/toggleLeft.tsx +++ b/src/components/icons/toggleLeft.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgToggleLeft = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={22} height={14} x={1} y={5} rx={7} ry={7} /> - <circle cx={8} cy={12} r={3} /> - </svg> -) -export default SvgToggleLeft - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ToggleLeft = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="22" height="14" x="1" y="5" rx="7" ry="7"/><circle cx="8" cy="12" r="3"/></svg>; +} +export default ToggleLeft; \ No newline at end of file diff --git a/src/components/icons/toggleRight.tsx b/src/components/icons/toggleRight.tsx index 1deba764..40104ff9 100644 --- a/src/components/icons/toggleRight.tsx +++ b/src/components/icons/toggleRight.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgToggleRight = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={22} height={14} x={1} y={5} rx={7} ry={7} /> - <circle cx={16} cy={12} r={3} /> - </svg> -) -export default SvgToggleRight - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ToggleRight = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="22" height="14" x="1" y="5" rx="7" ry="7"/><circle cx="16" cy="12" r="3"/></svg>; +} +export default ToggleRight; \ No newline at end of file diff --git a/src/components/icons/tool.tsx b/src/components/icons/tool.tsx index 26f57681..72ed3367 100644 --- a/src/components/icons/tool.tsx +++ b/src/components/icons/tool.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgTool = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" /> - </svg> -) -export default SvgTool - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Tool = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z"/></svg>; +} +export default Tool; \ No newline at end of file diff --git a/src/components/icons/trash.tsx b/src/components/icons/trash.tsx index 9af2bf90..d25812c1 100644 --- a/src/components/icons/trash.tsx +++ b/src/components/icons/trash.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgTrash = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" /> - </svg> -) -export default SvgTrash - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Trash = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg>; +} +export default Trash; \ No newline at end of file diff --git a/src/components/icons/trash2.tsx b/src/components/icons/trash2.tsx index dbe4196d..444f5f09 100644 --- a/src/components/icons/trash2.tsx +++ b/src/components/icons/trash2.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgTrash2 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M10 11v6M14 11v6" /> - </svg> -) -export default SvgTrash2 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Trash2 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M10 11v6M14 11v6"/></svg>; +} +export default Trash2; \ No newline at end of file diff --git a/src/components/icons/trello.tsx b/src/components/icons/trello.tsx index 9a8214bd..3a54f7ac 100644 --- a/src/components/icons/trello.tsx +++ b/src/components/icons/trello.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgTrello = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={18} x={3} y={3} rx={2} ry={2} /> - <path d="M7 7h3v9H7zM14 7h3v5h-3z" /> - </svg> -) -export default SvgTrello - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Trello = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><path d="M7 7h3v9H7zM14 7h3v5h-3z"/></svg>; +} +export default Trello; \ No newline at end of file diff --git a/src/components/icons/trendingDown.tsx b/src/components/icons/trendingDown.tsx index 40eb5957..e669c18b 100644 --- a/src/components/icons/trendingDown.tsx +++ b/src/components/icons/trendingDown.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgTrendingDown = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m23 18-9.5-9.5-5 5L1 6" /> - <path d="M17 18h6v-6" /> - </svg> -) -export default SvgTrendingDown - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const TrendingDown = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m23 18-9.5-9.5-5 5L1 6"/><path d="M17 18h6v-6"/></svg>; +} +export default TrendingDown; \ No newline at end of file diff --git a/src/components/icons/trendingUp.tsx b/src/components/icons/trendingUp.tsx index a8643cb6..895965a9 100644 --- a/src/components/icons/trendingUp.tsx +++ b/src/components/icons/trendingUp.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgTrendingUp = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m23 6-9.5 9.5-5-5L1 18" /> - <path d="M17 6h6v6" /> - </svg> -) -export default SvgTrendingUp - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const TrendingUp = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m23 6-9.5 9.5-5-5L1 18"/><path d="M17 6h6v6"/></svg>; +} +export default TrendingUp; \ No newline at end of file diff --git a/src/components/icons/triangle.tsx b/src/components/icons/triangle.tsx index 3951e1a3..bc2ff554 100644 --- a/src/components/icons/triangle.tsx +++ b/src/components/icons/triangle.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgTriangle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" /> - </svg> -) -export default SvgTriangle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Triangle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/></svg>; +} +export default Triangle; \ No newline at end of file diff --git a/src/components/icons/truck.tsx b/src/components/icons/truck.tsx index a8d8741f..f02cae00 100644 --- a/src/components/icons/truck.tsx +++ b/src/components/icons/truck.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgTruck = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M1 3h15v13H1zM16 8h4l3 3v5h-7V8z" /> - <circle cx={5.5} cy={18.5} r={2.5} /> - <circle cx={18.5} cy={18.5} r={2.5} /> - </svg> -) -export default SvgTruck - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Truck = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M1 3h15v13H1zM16 8h4l3 3v5h-7V8z"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg>; +} +export default Truck; \ No newline at end of file diff --git a/src/components/icons/tv.tsx b/src/components/icons/tv.tsx index c91e6617..637cf429 100644 --- a/src/components/icons/tv.tsx +++ b/src/components/icons/tv.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgTv = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={20} height={15} x={2} y={7} rx={2} ry={2} /> - <path d="m17 2-5 5-5-5" /> - </svg> -) -export default SvgTv - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Tv = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="20" height="15" x="2" y="7" rx="2" ry="2"/><path d="m17 2-5 5-5-5"/></svg>; +} +export default Tv; \ No newline at end of file diff --git a/src/components/icons/twitch.tsx b/src/components/icons/twitch.tsx index f18a03ed..2f7e74fa 100644 --- a/src/components/icons/twitch.tsx +++ b/src/components/icons/twitch.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgTwitch = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7" /> - </svg> -) -export default SvgTwitch - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Twitch = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 2H3v16h5v4l4-4h5l4-4V2zm-10 9V7m5 4V7"/></svg>; +} +export default Twitch; \ No newline at end of file diff --git a/src/components/icons/twitter.tsx b/src/components/icons/twitter.tsx index 17e438ab..14622b00 100644 --- a/src/components/icons/twitter.tsx +++ b/src/components/icons/twitter.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgTwitter = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z" /> - </svg> -) -export default SvgTwitter - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Twitter = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="var(--geist-fill, currentColor)" stroke="none" d="M16.99 0h3.308l-7.227 8.26 8.502 11.24h-6.657l-5.214-6.817L3.736 19.5H.426l7.73-8.835L0 0h6.826l4.713 6.231L16.99 0Zm-1.161 17.52h1.833L5.83 1.876H3.863L15.829 17.52Z"/></svg>; +} +export default Twitter; \ No newline at end of file diff --git a/src/components/icons/twitterFill.tsx b/src/components/icons/twitterFill.tsx new file mode 100644 index 00000000..c135ad11 --- /dev/null +++ b/src/components/icons/twitterFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const TwitterFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="var(--geist-fill, currentColor)" stroke="none" d="M16.99 0h3.308l-7.227 8.26 8.502 11.24h-6.657l-5.214-6.817L3.736 19.5H.426l7.73-8.835L0 0h6.826l4.713 6.231L16.99 0Zm-1.161 17.52h1.833L5.83 1.876H3.863L15.829 17.52Z"/></svg>; +} +export default TwitterFill; \ No newline at end of file diff --git a/src/components/icons/type.tsx b/src/components/icons/type.tsx index 1c39d05b..7d3c3686 100644 --- a/src/components/icons/type.tsx +++ b/src/components/icons/type.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgType = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M4 7V4h16v3M9 20h6M12 4v16" /> - </svg> -) -export default SvgType - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Type = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M4 7V4h16v3M9 20h6M12 4v16"/></svg>; +} +export default Type; \ No newline at end of file diff --git a/src/components/icons/umbrella.tsx b/src/components/icons/umbrella.tsx index e55a605c..b476182a 100644 --- a/src/components/icons/umbrella.tsx +++ b/src/components/icons/umbrella.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgUmbrella = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M23 12a11.05 11.05 0 0 0-22 0zm-5 7a3 3 0 0 1-6 0v-7" /> - </svg> -) -export default SvgUmbrella - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Umbrella = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M23 12a11.05 11.05 0 0 0-22 0zm-5 7a3 3 0 0 1-6 0v-7"/></svg>; +} +export default Umbrella; \ No newline at end of file diff --git a/src/components/icons/underline.tsx b/src/components/icons/underline.tsx index 147fbb4b..4dbd2da4 100644 --- a/src/components/icons/underline.tsx +++ b/src/components/icons/underline.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgUnderline = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3M4 21h16" /> - </svg> -) -export default SvgUnderline - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Underline = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M6 3v7a6 6 0 0 0 6 6 6 6 0 0 0 6-6V3M4 21h16"/></svg>; +} +export default Underline; \ No newline at end of file diff --git a/src/components/icons/unlock.tsx b/src/components/icons/unlock.tsx index 47012144..a7800cd0 100644 --- a/src/components/icons/unlock.tsx +++ b/src/components/icons/unlock.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgUnlock = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={11} x={3} y={11} rx={2} ry={2} /> - <path d="M7 11V7a5 5 0 0 1 9.9-1" /> - </svg> -) -export default SvgUnlock - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Unlock = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="11" x="3" y="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 9.9-1"/></svg>; +} +export default Unlock; \ No newline at end of file diff --git a/src/components/icons/upload.tsx b/src/components/icons/upload.tsx index de67b55c..1cb36ab6 100644 --- a/src/components/icons/upload.tsx +++ b/src/components/icons/upload.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgUpload = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12" /> - </svg> -) -export default SvgUpload - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Upload = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12"/></svg>; +} +export default Upload; \ No newline at end of file diff --git a/src/components/icons/uploadCloud.tsx b/src/components/icons/uploadCloud.tsx index f3b73b81..98e89e57 100644 --- a/src/components/icons/uploadCloud.tsx +++ b/src/components/icons/uploadCloud.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgUploadCloud = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m16 16-4-4-4 4M12 12v9" /> - <path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3" /> - <path d="m16 16-4-4-4 4" /> - </svg> -) -export default SvgUploadCloud - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const UploadCloud = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m16 16-4-4-4 4M12 12v9"/><path d="M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3"/><path d="m16 16-4-4-4 4"/></svg>; +} +export default UploadCloud; \ No newline at end of file diff --git a/src/components/icons/user.tsx b/src/components/icons/user.tsx index 8fce4fe9..c25665cf 100644 --- a/src/components/icons/user.tsx +++ b/src/components/icons/user.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgUser = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" /> - <circle cx={12} cy={7} r={4} /> - </svg> -) -export default SvgUser - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const User = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>; +} +export default User; \ No newline at end of file diff --git a/src/components/icons/userCheck.tsx b/src/components/icons/userCheck.tsx index c8bdf83a..f27ffa8d 100644 --- a/src/components/icons/userCheck.tsx +++ b/src/components/icons/userCheck.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgUserCheck = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /> - <circle cx={8.5} cy={7} r={4} /> - <path d="m17 11 2 2 4-4" /> - </svg> -) -export default SvgUserCheck - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const UserCheck = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><path d="m17 11 2 2 4-4"/></svg>; +} +export default UserCheck; \ No newline at end of file diff --git a/src/components/icons/userMinus.tsx b/src/components/icons/userMinus.tsx index 1467b912..a9fd6458 100644 --- a/src/components/icons/userMinus.tsx +++ b/src/components/icons/userMinus.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgUserMinus = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /> - <circle cx={8.5} cy={7} r={4} /> - <path d="M23 11h-6" /> - </svg> -) -export default SvgUserMinus - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const UserMinus = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><path d="M23 11h-6"/></svg>; +} +export default UserMinus; \ No newline at end of file diff --git a/src/components/icons/userPlus.tsx b/src/components/icons/userPlus.tsx index 2927f15b..caeb30c5 100644 --- a/src/components/icons/userPlus.tsx +++ b/src/components/icons/userPlus.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgUserPlus = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /> - <circle cx={8.5} cy={7} r={4} /> - <path d="M20 8v6M23 11h-6" /> - </svg> -) -export default SvgUserPlus - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const UserPlus = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><path d="M20 8v6M23 11h-6"/></svg>; +} +export default UserPlus; \ No newline at end of file diff --git a/src/components/icons/userX.tsx b/src/components/icons/userX.tsx index 9b44c397..961d0a65 100644 --- a/src/components/icons/userX.tsx +++ b/src/components/icons/userX.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgUserX = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /> - <circle cx={8.5} cy={7} r={4} /> - <path d="m18 8 5 5M23 8l-5 5" /> - </svg> -) -export default SvgUserX - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const UserX = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="8.5" cy="7" r="4"/><path d="m18 8 5 5M23 8l-5 5"/></svg>; +} +export default UserX; \ No newline at end of file diff --git a/src/components/icons/users.tsx b/src/components/icons/users.tsx index d58f311e..e38cef9c 100644 --- a/src/components/icons/users.tsx +++ b/src/components/icons/users.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgUsers = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" /> - <circle cx={9} cy={7} r={4} /> - <path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" /> - </svg> -) -export default SvgUsers - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Users = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75"/></svg>; +} +export default Users; \ No newline at end of file diff --git a/src/components/icons/vercelTriangle.tsx b/src/components/icons/vercelTriangle.tsx new file mode 100644 index 00000000..a1e23bb7 --- /dev/null +++ b/src/components/icons/vercelTriangle.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const VercelTriangle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12 3 2 19h20L12 3Z"/></svg>; +} +export default VercelTriangle; \ No newline at end of file diff --git a/src/components/icons/vercelTriangleFilled.tsx b/src/components/icons/vercelTriangleFilled.tsx new file mode 100644 index 00000000..be33ec45 --- /dev/null +++ b/src/components/icons/vercelTriangleFilled.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const VercelTriangleFilled = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path fill="currentColor" d="M12 2 2 19.778h20L12 2Z"/></svg>; +} +export default VercelTriangleFilled; \ No newline at end of file diff --git a/src/components/icons/video.tsx b/src/components/icons/video.tsx index 662f3059..4224516e 100644 --- a/src/components/icons/video.tsx +++ b/src/components/icons/video.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgVideo = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m23 7-7 5 7 5V7z" /> - <rect width={15} height={14} x={1} y={5} rx={2} ry={2} /> - </svg> -) -export default SvgVideo - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Video = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m23 7-7 5 7 5V7z"/><rect width="15" height="14" x="1" y="5" rx="2" ry="2"/></svg>; +} +export default Video; \ No newline at end of file diff --git a/src/components/icons/videoOff.tsx b/src/components/icons/videoOff.tsx index ba5d6c2d..b94ffa1d 100644 --- a/src/components/icons/videoOff.tsx +++ b/src/components/icons/videoOff.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgVideoOff = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M16 16v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2m5.66 0H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10M1 1l22 22" /> - </svg> -) -export default SvgVideoOff - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const VideoOff = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M16 16v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h2m5.66 0H14a2 2 0 0 1 2 2v3.34l1 1L23 7v10M1 1l22 22"/></svg>; +} +export default VideoOff; \ No newline at end of file diff --git a/src/components/icons/voicemail.tsx b/src/components/icons/voicemail.tsx index cc9c4296..d50839da 100644 --- a/src/components/icons/voicemail.tsx +++ b/src/components/icons/voicemail.tsx @@ -1,20 +1,7 @@ -import * as React from 'react' -const SvgVoicemail = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={5.5} cy={11.5} r={4.5} /> - <circle cx={18.5} cy={11.5} r={4.5} /> - <path d="M5.5 16h13" /> - </svg> -) -export default SvgVoicemail - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Voicemail = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="5.5" cy="11.5" r="4.5"/><circle cx="18.5" cy="11.5" r="4.5"/><path d="M5.5 16h13"/></svg>; +} +export default Voicemail; \ No newline at end of file diff --git a/src/components/icons/volume.tsx b/src/components/icons/volume.tsx index 164c2836..6d24a030 100644 --- a/src/components/icons/volume.tsx +++ b/src/components/icons/volume.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgVolume = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M11 5 6 9H2v6h4l5 4V5z" /> - </svg> -) -export default SvgVolume - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Volume = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M11 5 6 9H2v6h4l5 4V5z"/></svg>; +} +export default Volume; \ No newline at end of file diff --git a/src/components/icons/volume1.tsx b/src/components/icons/volume1.tsx index 4c7036dd..d0b322b5 100644 --- a/src/components/icons/volume1.tsx +++ b/src/components/icons/volume1.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgVolume1 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M11 5 6 9H2v6h4l5 4V5zM15.54 8.46a5 5 0 0 1 0 7.07" /> - </svg> -) -export default SvgVolume1 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Volume1 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M11 5 6 9H2v6h4l5 4V5zM15.54 8.46a5 5 0 0 1 0 7.07"/></svg>; +} +export default Volume1; \ No newline at end of file diff --git a/src/components/icons/volume2.tsx b/src/components/icons/volume2.tsx index 4aa46798..a3a9d483 100644 --- a/src/components/icons/volume2.tsx +++ b/src/components/icons/volume2.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgVolume2 = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M11 5 6 9H2v6h4l5 4V5zM19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" /> - </svg> -) -export default SvgVolume2 - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Volume2 = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M11 5 6 9H2v6h4l5 4V5zM19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07"/></svg>; +} +export default Volume2; \ No newline at end of file diff --git a/src/components/icons/volumeX.tsx b/src/components/icons/volumeX.tsx index 0af3c272..bf6bf8ce 100644 --- a/src/components/icons/volumeX.tsx +++ b/src/components/icons/volumeX.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgVolumeX = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M11 5 6 9H2v6h4l5 4V5zM23 9l-6 6M17 9l6 6" /> - </svg> -) -export default SvgVolumeX - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const VolumeX = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M11 5 6 9H2v6h4l5 4V5zM23 9l-6 6M17 9l6 6"/></svg>; +} +export default VolumeX; \ No newline at end of file diff --git a/src/components/icons/watch.tsx b/src/components/icons/watch.tsx index a9179a60..62108dd5 100644 --- a/src/components/icons/watch.tsx +++ b/src/components/icons/watch.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgWatch = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={7} /> - <path d="M12 9v3l1.5 1.5M16.51 17.35l-.35 3.83a2 2 0 0 1-2 1.82H9.83a2 2 0 0 1-2-1.82l-.35-3.83m.01-10.7.35-3.83A2 2 0 0 1 9.83 1h4.35a2 2 0 0 1 2 1.82l.35 3.83" /> - </svg> -) -export default SvgWatch - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Watch = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="7"/><path d="M12 9v3l1.5 1.5M16.51 17.35l-.35 3.83a2 2 0 0 1-2 1.82H9.83a2 2 0 0 1-2-1.82l-.35-3.83m.01-10.7.35-3.83A2 2 0 0 1 9.83 1h4.35a2 2 0 0 1 2 1.82l.35 3.83"/></svg>; +} +export default Watch; \ No newline at end of file diff --git a/src/components/icons/wifi.tsx b/src/components/icons/wifi.tsx index 9aca8b5b..105ab85a 100644 --- a/src/components/icons/wifi.tsx +++ b/src/components/icons/wifi.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgWifi = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M5 12.55a11 11 0 0 1 14.08 0M1.42 9a16 16 0 0 1 21.16 0M8.53 16.11a6 6 0 0 1 6.95 0M12 20h.01" /> - </svg> -) -export default SvgWifi - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Wifi = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M5 12.55a11 11 0 0 1 14.08 0M1.42 9a16 16 0 0 1 21.16 0M8.53 16.11a6 6 0 0 1 6.95 0M12 20h.01"/></svg>; +} +export default Wifi; \ No newline at end of file diff --git a/src/components/icons/wifiOff.tsx b/src/components/icons/wifiOff.tsx index 396130de..f5606436 100644 --- a/src/components/icons/wifiOff.tsx +++ b/src/components/icons/wifiOff.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgWifiOff = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="m1 1 22 22M16.72 11.06A10.94 10.94 0 0 1 19 12.55M5 12.55a10.94 10.94 0 0 1 5.17-2.39M10.71 5.05A16 16 0 0 1 22.58 9M1.42 9a15.91 15.91 0 0 1 4.7-2.88M8.53 16.11a6 6 0 0 1 6.95 0M12 20h.01" /> - </svg> -) -export default SvgWifiOff - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const WifiOff = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="m1 1 22 22M16.72 11.06A10.94 10.94 0 0 1 19 12.55M5 12.55a10.94 10.94 0 0 1 5.17-2.39M10.71 5.05A16 16 0 0 1 22.58 9M1.42 9a15.91 15.91 0 0 1 4.7-2.88M8.53 16.11a6 6 0 0 1 6.95 0M12 20h.01"/></svg>; +} +export default WifiOff; \ No newline at end of file diff --git a/src/components/icons/wind.tsx b/src/components/icons/wind.tsx index 10111df6..7045daa0 100644 --- a/src/components/icons/wind.tsx +++ b/src/components/icons/wind.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgWind = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2" /> - </svg> -) -export default SvgWind - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Wind = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2"/></svg>; +} +export default Wind; \ No newline at end of file diff --git a/src/components/icons/x.tsx b/src/components/icons/x.tsx index 01f5072c..e95f5844 100644 --- a/src/components/icons/x.tsx +++ b/src/components/icons/x.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgX = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M18 6 6 18M6 6l12 12" /> - </svg> -) -export default SvgX - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const X = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M18 6 6 18M6 6l12 12"/></svg>; +} +export default X; \ No newline at end of file diff --git a/src/components/icons/xCircle.tsx b/src/components/icons/xCircle.tsx index d85ac79e..deb2dd83 100644 --- a/src/components/icons/xCircle.tsx +++ b/src/components/icons/xCircle.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgXCircle = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={12} cy={12} r={10} /> - <path d="m15 9-6 6M9 9l6 6" /> - </svg> -) -export default SvgXCircle - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const XCircle = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/><path stroke="var(--ui-icon-background)" d="m15 9-6 6M9 9l6 6"/></svg>; +} +export default XCircle; \ No newline at end of file diff --git a/src/components/icons/xCircleFill.tsx b/src/components/icons/xCircleFill.tsx new file mode 100644 index 00000000..784ebcc2 --- /dev/null +++ b/src/components/icons/xCircleFill.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const XCircleFill = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="12" cy="12" r="10" fill="currentColor"/><path stroke="var(--ui-icon-background)" d="m15 9-6 6M9 9l6 6"/></svg>; +} +export default XCircleFill; \ No newline at end of file diff --git a/src/components/icons/xOctagon.tsx b/src/components/icons/xOctagon.tsx index 1713bc09..33d679dc 100644 --- a/src/components/icons/xOctagon.tsx +++ b/src/components/icons/xOctagon.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgXOctagon = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2zM15 9l-6 6M9 9l6 6" /> - </svg> -) -export default SvgXOctagon - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const XOctagon = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M7.86 2h8.28L22 7.86v8.28L16.14 22H7.86L2 16.14V7.86L7.86 2zM15 9l-6 6M9 9l6 6"/></svg>; +} +export default XOctagon; \ No newline at end of file diff --git a/src/components/icons/xSquare.tsx b/src/components/icons/xSquare.tsx index 8029d599..005793f8 100644 --- a/src/components/icons/xSquare.tsx +++ b/src/components/icons/xSquare.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgXSquare = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <rect width={18} height={18} x={3} y={3} rx={2} ry={2} /> - <path d="m9 9 6 6M15 9l-6 6" /> - </svg> -) -export default SvgXSquare - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const XSquare = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><rect width="18" height="18" x="3" y="3" rx="2" ry="2"/><path d="m9 9 6 6M15 9l-6 6"/></svg>; +} +export default XSquare; \ No newline at end of file diff --git a/src/components/icons/youtube.tsx b/src/components/icons/youtube.tsx index f0b9dbef..a37ad46f 100644 --- a/src/components/icons/youtube.tsx +++ b/src/components/icons/youtube.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgYoutube = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z" /> - <path d="m9.75 15.02 5.75-3.27-5.75-3.27v6.54z" /> - </svg> -) -export default SvgYoutube - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Youtube = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z"/><path d="m9.75 15.02 5.75-3.27-5.75-3.27v6.54z"/></svg>; +} +export default Youtube; \ No newline at end of file diff --git a/src/components/icons/zap.tsx b/src/components/icons/zap.tsx index 2e1fa06c..ed247765 100644 --- a/src/components/icons/zap.tsx +++ b/src/components/icons/zap.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgZap = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z" /> - </svg> -) -export default SvgZap - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const Zap = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/></svg>; +} +export default Zap; \ No newline at end of file diff --git a/src/components/icons/zapOff.tsx b/src/components/icons/zapOff.tsx index 4d203341..5f9e00eb 100644 --- a/src/components/icons/zapOff.tsx +++ b/src/components/icons/zapOff.tsx @@ -1,18 +1,7 @@ -import * as React from 'react' -const SvgZapOff = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <path d="M12.41 6.75 13 2l-2.43 2.92M18.57 12.91 21 10h-5.34M8 8l-5 6h9l-1 8 5-6M1 1l22 22" /> - </svg> -) -export default SvgZapOff - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ZapOff = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M12.41 6.75 13 2l-2.43 2.92M18.57 12.91 21 10h-5.34M8 8l-5 6h9l-1 8 5-6M1 1l22 22"/></svg>; +} +export default ZapOff; \ No newline at end of file diff --git a/src/components/icons/zeroConfig.tsx b/src/components/icons/zeroConfig.tsx new file mode 100644 index 00000000..fd370254 --- /dev/null +++ b/src/components/icons/zeroConfig.tsx @@ -0,0 +1,7 @@ +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ZeroConfig = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><path d="M2.625 21.3 21.299 2.624M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z"/></svg>; +} +export default ZeroConfig; \ No newline at end of file diff --git a/src/components/icons/zoomIn.tsx b/src/components/icons/zoomIn.tsx index 548cae03..b7dec919 100644 --- a/src/components/icons/zoomIn.tsx +++ b/src/components/icons/zoomIn.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgZoomIn = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={11} cy={11} r={8} /> - <path d="m21 21-4.35-4.35M11 8v6M8 11h6" /> - </svg> -) -export default SvgZoomIn - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ZoomIn = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35M11 8v6M8 11h6"/></svg>; +} +export default ZoomIn; \ No newline at end of file diff --git a/src/components/icons/zoomOut.tsx b/src/components/icons/zoomOut.tsx index 7fd084e9..ab033992 100644 --- a/src/components/icons/zoomOut.tsx +++ b/src/components/icons/zoomOut.tsx @@ -1,19 +1,7 @@ -import * as React from 'react' -const SvgZoomOut = props => ( - <svg - xmlns="http://www.w3.org/2000/svg" - width="1em" - height="1em" - fill="none" - stroke="currentColor" - strokeLinecap="round" - strokeLinejoin="round" - strokeWidth={2} - viewBox="0 0 24 24" - {...props}> - <circle cx={11} cy={11} r={8} /> - <path d="m21 21-4.35-4.35M8 11h6" /> - </svg> -) -export default SvgZoomOut - +'use client'; +import React from 'react'; +import {IconPropsNative} from './' +const ZoomOut = ({ size = 24, color, style, ...props } : IconPropsNative ) => { + return <svg fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" shapeRendering="geometricPrecision" viewBox="0 0 24 24" {...props} height={size} width={size} style={{...style, color: color }}><circle cx="11" cy="11" r="8"/><path d="m21 21-4.35-4.35M8 11h6"/></svg>; +} +export default ZoomOut; \ No newline at end of file diff --git a/src/components/mobile-menu/group.tsx b/src/components/mobile-menu/group.tsx index fc4a8dd6..f96b64ab 100644 --- a/src/components/mobile-menu/group.tsx +++ b/src/components/mobile-menu/group.tsx @@ -1,5 +1,5 @@ 'use client' -import { ChevronRight, ChevronDown } from '@geist-ui/icons' +import { ChevronRight, ChevronDown } from '../icons' import React, { PropsWithChildren, ReactNode, useRef, useState } from 'react' import { INavigationItem } from './index' import useClasses from '../use-classes' diff --git a/src/components/mobile-menu/mobile-menu-button.tsx b/src/components/mobile-menu/mobile-menu-button.tsx index 7c821992..a9ca1091 100644 --- a/src/components/mobile-menu/mobile-menu-button.tsx +++ b/src/components/mobile-menu/mobile-menu-button.tsx @@ -1,7 +1,7 @@ 'use client' import React from 'react' -import MenuIcon from '@geist-ui/icons/menu' +import MenuIcon from '../icons/menu' import { MobileMenuButtonProps } from './index' import Button, { ButtonProps } from '../button' import { useConfigs } from '../use-context' @@ -26,8 +26,7 @@ const MobileMenuButton: React.FC<MobileMenuButtonProps & ButtonProps & ScaleProp iconRight={<MenuIcon></MenuIcon>} onClick={() => { toggleMenu?.() ?? setIsEnabled(true) - }} - ></Button> + }}></Button> ) ) } diff --git a/src/components/navigation/item.tsx b/src/components/navigation/item.tsx index 2aaa837a..952f8aa8 100644 --- a/src/components/navigation/item.tsx +++ b/src/components/navigation/item.tsx @@ -1,5 +1,5 @@ 'use client' -import { ChevronUp } from '@geist-ui/icons' +import { ChevronUp } from '../icons' import { isArray } from 'lodash' import Link from 'next/link' import { usePathname } from 'next/navigation' diff --git a/src/components/note/note.tsx b/src/components/note/note.tsx index 2b6a68fb..d9a33f5c 100644 --- a/src/components/note/note.tsx +++ b/src/components/note/note.tsx @@ -5,7 +5,7 @@ import { NormalTypes } from '../utils/prop-types' import { UIThemes } from '../themes/presets' import useScale, { withScale } from '../use-scale' import useClasses from '../use-classes' -import { AlertCircleFill, AlertTriangle, Info, XCircleFill } from '@geist-ui/icons' +import { AlertCircleFill, AlertTriangle, Info, XCircleFill } from '../icons' export type NoteTypes = NormalTypes interface Props { diff --git a/src/components/search/search-icon.tsx b/src/components/search/search-icon.tsx index 1e22d76d..2a893833 100644 --- a/src/components/search/search-icon.tsx +++ b/src/components/search/search-icon.tsx @@ -1,13 +1,12 @@ import React, { useMemo } from 'react' import { SearchResults } from './helper' -import Type from 'components/icons/type' -import FileFunctionFill from '@geist-ui/icons/fileFunctionFill' -import Lambda from '@geist-ui/icons/lambda' -import Image from '@geist-ui/icons/image' -import Package from '@geist-ui/icons/package' -import Codesandbox from '@geist-ui/icons/codesandbox' -import Layout from '@geist-ui/icons/layout' -import Link from '@geist-ui/icons/link' +import Type from '../icons/type' +import { FileFunctionFill, Image } from '../icons' +import Lambda from '../icons/lambda' +import Package from '../icons/package' +import Codesandbox from '../icons/codesandbox' +import Layout from '../icons/layout' +import Link from '../icons/link' const getIcon = (data: SearchResults[number]): React.ReactElement | null => { const name = data.name.toLowerCase() diff --git a/src/components/sidebar/sidebar-switcher.tsx b/src/components/sidebar/sidebar-switcher.tsx index a931701b..a819c36f 100644 --- a/src/components/sidebar/sidebar-switcher.tsx +++ b/src/components/sidebar/sidebar-switcher.tsx @@ -1,4 +1,4 @@ -import MenuIcon from '@geist-ui/icons/menu' +import MenuIcon from '../icons/menu' import Button from '../button' import { useConfigs } from '../use-context/config-context' import useSidebar from '../use-sidebar' diff --git a/src/components/theme-switcher/theme-switcher.tsx b/src/components/theme-switcher/theme-switcher.tsx index e743be8a..227ff188 100644 --- a/src/components/theme-switcher/theme-switcher.tsx +++ b/src/components/theme-switcher/theme-switcher.tsx @@ -1,12 +1,12 @@ 'use client' -import MoonIcon from '@geist-ui/icons/moon' -import SunIcon from '@geist-ui/icons/sun' +import MoonIcon from '../icons/moon' +import SunIcon from '../icons/sun' import Button from '../button' import React from 'react' import { useConfigs } from '../use-context/config-context' import { withScale } from '../use-scale' -import { Sunset } from '@geist-ui/icons' +import { Sunset } from '../icons' const ThemeSwitcherComponent: React.FC<unknown> = () => { const { themeType, setTheme } = useConfigs() diff --git a/src/lib/components/customization/editor.tsx b/src/lib/components/customization/editor.tsx index 7b0c8b4a..3b375898 100644 --- a/src/lib/components/customization/editor.tsx +++ b/src/lib/components/customization/editor.tsx @@ -1,4 +1,4 @@ -import RotateCcwIcon from '@geist-ui/icons/rotateCcw' +import RotateCcwIcon from 'components/icons/rotateCcw' import { Button, Text, useLayout, useTheme } from 'components' import { UIThemesExpressiveness, UIThemesPalette } from 'components/themes' import EditorColorItem from './editor-color-item' diff --git a/src/lib/components/mdx-widgets/icons-gallery/icons-cell.tsx b/src/lib/components/mdx-widgets/icons-gallery/icons-cell.tsx index 1829f306..b006062c 100644 --- a/src/lib/components/mdx-widgets/icons-gallery/icons-cell.tsx +++ b/src/lib/components/mdx-widgets/icons-gallery/icons-cell.tsx @@ -54,6 +54,7 @@ const IconsCell: React.FC<Props> = ({ component: Component, name, onClick }) => text-align: center; overflow: hidden; text-overflow: ellipsis; + color: ${theme.palette.accents_3}; } .icon-item:hover { diff --git a/src/lib/components/playground/editor.tsx b/src/lib/components/playground/editor.tsx index 5c680e05..03da134c 100644 --- a/src/lib/components/playground/editor.tsx +++ b/src/lib/components/playground/editor.tsx @@ -3,8 +3,8 @@ import React, { useState } from 'react' import { LiveEditor } from 'react-live' import { useTheme, useToasts, useClipboard, useLayout } from 'components' -import CopyIcon from '@geist-ui/icons/copy' -import RightIcon from '@geist-ui/icons/chevronRight' +import CopyIcon from 'components/icons/copy' +import RightIcon from 'components/icons/chevronRight' interface Props { code: string diff --git a/src/lib/components/services.tsx b/src/lib/components/services.tsx index e2dbb8c5..7d150dac 100644 --- a/src/lib/components/services.tsx +++ b/src/lib/components/services.tsx @@ -1,7 +1,7 @@ -import { Activity } from '@geist-ui/icons' -import FeatherIcon from '@geist-ui/icons/feather' -import GitHubIcon from '@geist-ui/icons/github' -import PackageIcon from '@geist-ui/icons/package' +import { Activity } from 'components/icons' +import FeatherIcon from 'components/icons/feather' +import GitHubIcon from 'components/icons/github' +import PackageIcon from 'components/icons/package' import { Button, ContentLayout, diff --git a/src/lib/layouts/core-layout.tsx b/src/lib/layouts/core-layout.tsx index b2c64bbf..1cf78a6a 100644 --- a/src/lib/layouts/core-layout.tsx +++ b/src/lib/layouts/core-layout.tsx @@ -1,6 +1,6 @@ 'use client' -import { Anchor, Code, Github, Home, Layout } from '@geist-ui/icons' +import { Anchor, Code, Github, Home, Layout } from 'components/icons' import { MDXProvider } from '@mdx-js/react/lib' import { AnimatedCursor, diff --git a/yarn.lock b/yarn.lock index 75d7895c..e94ed3fb 100644 --- a/yarn.lock +++ b/yarn.lock @@ -1296,11 +1296,6 @@ resolved "https://registry.yarnpkg.com/@gar/promisify/-/promisify-1.1.3.tgz#555193ab2e3bb3b6adc3d551c9c030d9e860daf6" integrity sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw== -"@geist-ui/icons@^1.0.2": - version "1.0.2" - resolved "https://registry.yarnpkg.com/@geist-ui/icons/-/icons-1.0.2.tgz#00eba846fb21ce4f26601be5ef181f2374c00887" - integrity sha512-Npfa0NW6fQ31qw/+iMPWbs1hAcJ/3FqBjSLYgEfITDqy/3TJFpFKeVyK04AC/hTmYTsdNruVYczqPNcham5FOQ== - "@humanwhocodes/config-array@^0.11.11": version "0.11.13" resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.13.tgz#075dc9684f40a531d9b26b0822153c1e832ee297" @@ -4995,7 +4990,7 @@ enquire.js@^2.1.6: resolved "https://registry.yarnpkg.com/enquire.js/-/enquire.js-2.1.6.tgz#3e8780c9b8b835084c3f60e166dbc3c2a3c89814" integrity sha512-/KujNpO+PT63F7Hlpu4h3pE3TokKRHN26JYmQpPyjkRD/N57R7bPDNojMXdi7uveAKjYB7yQnartCxZnFWr0Xw== -entities@^4.2.0, entities@^4.4.0: +entities@^4.2.0, entities@^4.4.0, entities@^4.5.0: version "4.5.0" resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48" integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw== @@ -6417,6 +6412,18 @@ gzip-size@^6.0.0: dependencies: duplexer "^0.1.2" +happy-dom@^12.9.1: + version "12.9.1" + resolved "https://registry.yarnpkg.com/happy-dom/-/happy-dom-12.9.1.tgz#bf48c2b885198890b932f46c3c09f53cff5a528a" + integrity sha512-UvQ3IwKn1G3iiNCdTrhijdLGqf8Vj7d3OpmYcPwlKakjFy83oYbW6TmOKDLMTVLO9whmOC1HIpS09wf/14k7cA== + dependencies: + css.escape "^1.5.1" + entities "^4.5.0" + iconv-lite "^0.6.3" + webidl-conversions "^7.0.0" + whatwg-encoding "^2.0.0" + whatwg-mimetype "^3.0.0" + hard-rejection@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/hard-rejection/-/hard-rejection-2.1.0.tgz#1c6eda5c1685c63942766d79bb40ae773cecd883" @@ -6759,7 +6766,7 @@ iconv-lite@0.4.24, iconv-lite@^0.4.24: dependencies: safer-buffer ">= 2.1.2 < 3" -iconv-lite@0.6.3, iconv-lite@^0.6.2: +iconv-lite@0.6.3, iconv-lite@^0.6.2, iconv-lite@^0.6.3: version "0.6.3" resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.6.3.tgz#a52f80bf38da1952eb5c681790719871a1a72501" integrity sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw== @@ -9682,7 +9689,7 @@ node-emoji@1.11.0: dependencies: lodash "^4.17.21" -node-fetch@^2.6.1, node-fetch@^2.6.12: +node-fetch@2, node-fetch@^2.6.1, node-fetch@^2.6.12: version "2.7.0" resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d" integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==