From 5221b8a753c3f6914998b77a596f0b63c6a6fa89 Mon Sep 17 00:00:00 2001 From: Jewgeni Lewash Date: Fri, 1 Mar 2024 07:04:13 +0100 Subject: [PATCH] style: format files --- .astro/icon.d.ts | 1068 +++++++++++++-------------- src/components/ui/button.tsx | 92 ++- src/components/ui/dropdown-menu.tsx | 312 ++++---- src/layouts/BaseLayout.astro | 2 +- src/lib/utils.ts | 6 +- src/pages/index.astro | 4 +- 6 files changed, 733 insertions(+), 751 deletions(-) diff --git a/.astro/icon.d.ts b/.astro/icon.d.ts index 898698e..7e2868e 100644 --- a/.astro/icon.d.ts +++ b/.astro/icon.d.ts @@ -2,537 +2,537 @@ // 48d58aa18c5f482b943e0f1d0ff058b64ec1be14a4656942f69a2d128b6234bb declare module 'virtual:astro-icon' { - export type Icon = - | "line-md:account" - | "line-md:account-add" - | "line-md:account-alert" - | "line-md:account-alert-loop" - | "line-md:account-delete" - | "line-md:account-remove" - | "line-md:account-small" - | "line-md:alert" - | "line-md:alert-circle" - | "line-md:alert-circle-loop" - | "line-md:alert-circle-twotone" - | "line-md:alert-circle-twotone-loop" - | "line-md:alert-loop" - | "line-md:alert-square" - | "line-md:alert-square-loop" - | "line-md:alert-square-twotone" - | "line-md:alert-square-twotone-loop" - | "line-md:alert-twotone" - | "line-md:alert-twotone-loop" - | "line-md:align-center" - | "line-md:align-justify" - | "line-md:align-left" - | "line-md:arrow-align-center" - | "line-md:arrow-align-left" - | "line-md:arrow-close-left" - | "line-md:arrow-left" - | "line-md:arrow-left-circle" - | "line-md:arrow-left-circle-twotone" - | "line-md:arrow-left-square" - | "line-md:arrow-left-square-twotone" - | "line-md:arrow-long-diagonal" - | "line-md:arrow-open-left" - | "line-md:arrow-small-left" - | "line-md:arrows-diagonal" - | "line-md:arrows-horizontal" - | "line-md:arrows-horizontal-alt" - | "line-md:backup-restore" - | "line-md:beer" - | "line-md:beer-alt-filled" - | "line-md:beer-alt-filled-loop" - | "line-md:beer-alt-twotone" - | "line-md:beer-alt-twotone-loop" - | "line-md:beer-filled" - | "line-md:beer-loop" - | "line-md:beer-twotone" - | "line-md:beer-twotone-loop" - | "line-md:bell" - | "line-md:bell-alert" - | "line-md:bell-alert-loop" - | "line-md:bell-loop" - | "line-md:bell-twotone" - | "line-md:bell-twotone-alert" - | "line-md:bell-twotone-alert-loop" - | "line-md:bell-twotone-loop" - | "line-md:briefcase" - | "line-md:briefcase-filled" - | "line-md:briefcase-twotone" - | "line-md:buy-me-a-coffee" - | "line-md:buy-me-a-coffee-filled" - | "line-md:buy-me-a-coffee-twotone" - | "line-md:cake" - | "line-md:cake-twotone" - | "line-md:calendar" - | "line-md:calendar-out" - | "line-md:cancel" - | "line-md:cancel-twotone" - | "line-md:chat" - | "line-md:chat-bubble" - | "line-md:chat-bubble-filled" - | "line-md:chat-bubble-twotone" - | "line-md:chat-twotone" - | "line-md:check-all" - | "line-md:check-list-3" - | "line-md:check-list-3-filled" - | "line-md:check-list-3-twotone" - | "line-md:chevron-double-left" - | "line-md:chevron-left" - | "line-md:chevron-left-circle" - | "line-md:chevron-left-circle-twotone" - | "line-md:chevron-left-square" - | "line-md:chevron-left-square-twotone" - | "line-md:chevron-small-double-left" - | "line-md:chevron-small-left" - | "line-md:chevron-small-triple-left" - | "line-md:chevron-triple-left" - | "line-md:circle" - | "line-md:circle-to-confirm-circle-transition" - | "line-md:circle-to-confirm-circle-twotone-transition" - | "line-md:circle-twotone" - | "line-md:circle-twotone-to-confirm-circle-twotone-transition" - | "line-md:clipboard" - | "line-md:clipboard-arrow" - | "line-md:clipboard-arrow-twotone" - | "line-md:clipboard-check" - | "line-md:clipboard-check-to-clipboard-transition" - | "line-md:clipboard-check-twotone" - | "line-md:clipboard-check-twotone-to-clipboard-twotone-transition" - | "line-md:clipboard-list" - | "line-md:clipboard-list-twotone" - | "line-md:clipboard-minus" - | "line-md:clipboard-minus-twotone" - | "line-md:clipboard-plus" - | "line-md:clipboard-plus-twotone" - | "line-md:clipboard-to-clipboard-check-transition" - | "line-md:clipboard-twotone" - | "line-md:clipboard-twotone-to-clipboard-twotone-check-transition" - | "line-md:close" - | "line-md:close-circle" - | "line-md:close-circle-twotone" - | "line-md:close-small" - | "line-md:close-to-menu-alt-transition" - | "line-md:close-to-menu-transition" - | "line-md:cloud" - | "line-md:cloud-braces-loop" - | "line-md:cloud-down" - | "line-md:cloud-down-twotone" - | "line-md:cloud-download-loop" - | "line-md:cloud-download-outline-loop" - | "line-md:cloud-filled" - | "line-md:cloud-loop" - | "line-md:cloud-off-outline-loop" - | "line-md:cloud-outline-loop" - | "line-md:cloud-print-loop" - | "line-md:cloud-print-outline-loop" - | "line-md:cloud-tags-loop" - | "line-md:cloud-twotone" - | "line-md:cloud-up" - | "line-md:cloud-up-twotone" - | "line-md:cloud-upload-loop" - | "line-md:cloud-upload-outline-loop" - | "line-md:coffee" - | "line-md:coffee-arrow" - | "line-md:coffee-arrow-filled" - | "line-md:coffee-arrow-twotone" - | "line-md:coffee-filled" - | "line-md:coffee-half-empty-twotone-loop" - | "line-md:coffee-loop" - | "line-md:coffee-twotone" - | "line-md:coffee-twotone-loop" - | "line-md:cog" - | "line-md:cog-filled" - | "line-md:cog-filled-loop" - | "line-md:cog-loop" - | "line-md:cog-off" - | "line-md:cog-off-filled" - | "line-md:cog-off-filled-loop" - | "line-md:cog-off-loop" - | "line-md:compass" - | "line-md:compass-loop" - | "line-md:compass-off" - | "line-md:compass-twotone" - | "line-md:compass-twotone-loop" - | "line-md:compass-twotone-off" - | "line-md:computer" - | "line-md:computer-twotone" - | "line-md:confirm" - | "line-md:confirm-circle" - | "line-md:confirm-circle-to-circle-transition" - | "line-md:confirm-circle-twotone" - | "line-md:confirm-circle-twotone-to-circle-transition" - | "line-md:confirm-circle-twotone-to-circle-twotone-transition" - | "line-md:confirm-square" - | "line-md:confirm-square-to-square-transition" - | "line-md:confirm-square-twotone" - | "line-md:confirm-square-twotone-to-square-transition" - | "line-md:confirm-square-twotone-to-square-twotone-transition" - | "line-md:construction" - | "line-md:construction-twotone" - | "line-md:discord" - | "line-md:discord-twotone" - | "line-md:document" - | "line-md:document-add" - | "line-md:document-add-twotone" - | "line-md:document-code" - | "line-md:document-code-twotone" - | "line-md:document-list" - | "line-md:document-list-twotone" - | "line-md:document-remove" - | "line-md:document-remove-twotone" - | "line-md:document-report" - | "line-md:document-report-twotone" - | "line-md:document-twotone" - | "line-md:double-arrow-horizontal" - | "line-md:download-loop" - | "line-md:download-off-loop" - | "line-md:download-off-outline" - | "line-md:download-off-outline-loop" - | "line-md:download-outline" - | "line-md:download-outline-loop" - | "line-md:downloading-loop" - | "line-md:edit" - | "line-md:edit-twotone" - | "line-md:edit-twotone-full" - | "line-md:email" - | "line-md:email-opened" - | "line-md:email-opened-twotone" - | "line-md:email-opened-twotone-alt" - | "line-md:email-twotone" - | "line-md:email-twotone-alt" - | "line-md:emoji-angry" - | "line-md:emoji-angry-twotone" - | "line-md:emoji-frown" - | "line-md:emoji-frown-open" - | "line-md:emoji-frown-open-twotone" - | "line-md:emoji-frown-twotone" - | "line-md:emoji-grin" - | "line-md:emoji-grin-twotone" - | "line-md:emoji-neutral" - | "line-md:emoji-neutral-twotone" - | "line-md:emoji-smile" - | "line-md:emoji-smile-twotone" - | "line-md:emoji-smile-wink" - | "line-md:emoji-smile-wink-twotone" - | "line-md:external-link" - | "line-md:external-link-rounded" - | "line-md:facebook" - | "line-md:fork-left" - | "line-md:gauge" - | "line-md:gauge-empty" - | "line-md:gauge-full" - | "line-md:gauge-loop" - | "line-md:gauge-low" - | "line-md:github" - | "line-md:github-loop" - | "line-md:github-twotone" - | "line-md:grid-3" - | "line-md:grid-3-filled" - | "line-md:grid-3-twotone" - | "line-md:hash" - | "line-md:hash-small" - | "line-md:heart" - | "line-md:heart-filled" - | "line-md:heart-filled-half" - | "line-md:heart-half" - | "line-md:heart-half-filled" - | "line-md:heart-half-twotone" - | "line-md:heart-twotone" - | "line-md:heart-twotone-half" - | "line-md:heart-twotone-half-filled" - | "line-md:home" - | "line-md:home-md" - | "line-md:home-md-twotone" - | "line-md:home-md-twotone-alt" - | "line-md:home-simple" - | "line-md:home-simple-filled" - | "line-md:home-simple-twotone" - | "line-md:home-twotone" - | "line-md:home-twotone-alt" - | "line-md:iconify1" - | "line-md:iconify2" - | "line-md:image" - | "line-md:image-twotone" - | "line-md:instagram" - | "line-md:laptop" - | "line-md:laptop-twotone" - | "line-md:light-dark" - | "line-md:light-dark-loop" - | "line-md:lightbulb" - | "line-md:lightbulb-filled" - | "line-md:lightbulb-off" - | "line-md:lightbulb-off-filled" - | "line-md:lightbulb-off-filled-loop" - | "line-md:lightbulb-off-loop" - | "line-md:lightbulb-off-twotone" - | "line-md:lightbulb-off-twotone-loop" - | "line-md:lightbulb-twotone" - | "line-md:linkedin" - | "line-md:list" - | "line-md:list-3" - | "line-md:list-3-filled" - | "line-md:list-3-twotone" - | "line-md:list-indented" - | "line-md:loading-alt-loop" - | "line-md:loading-loop" - | "line-md:loading-twotone-loop" - | "line-md:log-in" - | "line-md:log-out" - | "line-md:login" - | "line-md:logout" - | "line-md:map-marker" - | "line-md:map-marker-alt" - | "line-md:map-marker-alt-filled" - | "line-md:map-marker-alt-twotone" - | "line-md:map-marker-filled" - | "line-md:map-marker-multiple-alt" - | "line-md:map-marker-multiple-alt-filled" - | "line-md:map-marker-multiple-alt-twotone" - | "line-md:map-marker-off" - | "line-md:map-marker-off-alt" - | "line-md:map-marker-off-alt-filled" - | "line-md:map-marker-off-alt-filled-loop" - | "line-md:map-marker-off-alt-loop" - | "line-md:map-marker-off-alt-twotone" - | "line-md:map-marker-off-alt-twotone-loop" - | "line-md:map-marker-off-filled" - | "line-md:map-marker-off-filled-loop" - | "line-md:map-marker-off-loop" - | "line-md:map-marker-off-twotone" - | "line-md:map-marker-off-twotone-loop" - | "line-md:map-marker-twotone" - | "line-md:marker" - | "line-md:marker-filled" - | "line-md:marker-twotone" - | "line-md:mastodon" - | "line-md:mastodon-filled" - | "line-md:mastodon-twotone" - | "line-md:medical-services" - | "line-md:medical-services-filled" - | "line-md:medical-services-twotone" - | "line-md:menu" - | "line-md:menu-fold-left" - | "line-md:menu-fold-right" - | "line-md:menu-to-close-alt-transition" - | "line-md:menu-to-close-transition" - | "line-md:menu-unfold-left" - | "line-md:menu-unfold-right" - | "line-md:minus" - | "line-md:minus-circle" - | "line-md:minus-circle-twotone" - | "line-md:minus-square" - | "line-md:minus-square-twotone" - | "line-md:moon" - | "line-md:moon-alt-loop" - | "line-md:moon-alt-to-sunny-outline-loop-transition" - | "line-md:moon-filled" - | "line-md:moon-filled-alt-loop" - | "line-md:moon-filled-alt-to-sunny-filled-loop-transition" - | "line-md:moon-filled-loop" - | "line-md:moon-filled-to-sunny-filled-loop-transition" - | "line-md:moon-filled-to-sunny-filled-transition" - | "line-md:moon-loop" - | "line-md:moon-rising-alt-loop" - | "line-md:moon-rising-filled-alt-loop" - | "line-md:moon-rising-filled-loop" - | "line-md:moon-rising-loop" - | "line-md:moon-rising-twotone-alt-loop" - | "line-md:moon-rising-twotone-loop" - | "line-md:moon-simple" - | "line-md:moon-simple-filled" - | "line-md:moon-simple-twotone" - | "line-md:moon-to-sunny-outline-loop-transition" - | "line-md:moon-to-sunny-outline-transition" - | "line-md:moon-twotone" - | "line-md:moon-twotone-alt-loop" - | "line-md:moon-twotone-loop" - | "line-md:my-location" - | "line-md:my-location-loop" - | "line-md:my-location-off" - | "line-md:my-location-off-loop" - | "line-md:navigation-left-down" - | "line-md:navigation-left-up" - | "line-md:navigation-right-down" - | "line-md:navigation-right-up" - | "line-md:paint-drop" - | "line-md:paint-drop-filled" - | "line-md:paint-drop-half-filled" - | "line-md:paint-drop-half-filled-twotone" - | "line-md:paint-drop-half-twotone" - | "line-md:paint-drop-twotone" - | "line-md:patreon" - | "line-md:pause" - | "line-md:pause-to-play-filled-transition" - | "line-md:pause-to-play-transition" - | "line-md:peertube" - | "line-md:peertube-alt" - | "line-md:pencil" - | "line-md:pencil-twotone" - | "line-md:pencil-twotone-alt" - | "line-md:person" - | "line-md:person-add" - | "line-md:person-add-filled" - | "line-md:person-add-twotone" - | "line-md:person-filled" - | "line-md:person-off" - | "line-md:person-off-filled" - | "line-md:person-off-filled-loop" - | "line-md:person-off-loop" - | "line-md:person-off-twotone" - | "line-md:person-off-twotone-loop" - | "line-md:person-remove" - | "line-md:person-remove-filled" - | "line-md:person-remove-twotone" - | "line-md:person-search" - | "line-md:person-search-filled" - | "line-md:person-search-twotone" - | "line-md:person-twotone" - | "line-md:phone" - | "line-md:phone-add" - | "line-md:phone-add-twotone" - | "line-md:phone-call" - | "line-md:phone-call-loop" - | "line-md:phone-call-twotone" - | "line-md:phone-call-twotone-loop" - | "line-md:phone-incoming" - | "line-md:phone-incoming-twotone" - | "line-md:phone-off" - | "line-md:phone-off-loop" - | "line-md:phone-off-twotone" - | "line-md:phone-off-twotone-loop" - | "line-md:phone-outgoing" - | "line-md:phone-outgoing-twotone" - | "line-md:phone-remove" - | "line-md:phone-remove-twotone" - | "line-md:phone-twotone" - | "line-md:pixelfed" - | "line-md:pixelfed-filled" - | "line-md:pixelfed-twotone" - | "line-md:play" - | "line-md:play-filled" - | "line-md:play-filled-to-pause-transition" - | "line-md:play-to-pause-transition" - | "line-md:play-twotone" - | "line-md:pleroma" - | "line-md:plus" - | "line-md:plus-circle" - | "line-md:plus-circle-twotone" - | "line-md:plus-square" - | "line-md:plus-square-twotone" - | "line-md:question" - | "line-md:question-circle" - | "line-md:question-circle-twotone" - | "line-md:question-square" - | "line-md:question-square-twotone" - | "line-md:reddit" - | "line-md:reddit-circle" - | "line-md:reddit-circle-loop" - | "line-md:reddit-loop" - | "line-md:remove" - | "line-md:rotate-180" - | "line-md:rotate-270" - | "line-md:rotate-90" - | "line-md:round-360" - | "line-md:round-ramp-left" - | "line-md:roundabout-left" - | "line-md:search" - | "line-md:search-filled" - | "line-md:search-twotone" - | "line-md:speed" - | "line-md:speed-loop" - | "line-md:speedometer" - | "line-md:speedometer-loop" - | "line-md:square" - | "line-md:square-to-confirm-square-transition" - | "line-md:square-to-confirm-square-twotone-transition" - | "line-md:square-twotone" - | "line-md:square-twotone-to-confirm-square-twotone-transition" - | "line-md:star" - | "line-md:star-alt" - | "line-md:star-alt-filled" - | "line-md:star-alt-twotone" - | "line-md:star-filled" - | "line-md:star-filled-half" - | "line-md:star-half" - | "line-md:star-half-filled" - | "line-md:star-half-twotone" - | "line-md:star-pulsating-filled-loop" - | "line-md:star-pulsating-loop" - | "line-md:star-pulsating-twotone-loop" - | "line-md:star-twotone" - | "line-md:star-twotone-half" - | "line-md:sun-rising-filled-loop" - | "line-md:sun-rising-loop" - | "line-md:sun-rising-twotone-loop" - | "line-md:sunny-filled" - | "line-md:sunny-filled-loop" - | "line-md:sunny-filled-loop-to-moon-alt-filled-loop-transition" - | "line-md:sunny-filled-loop-to-moon-filled-loop-transition" - | "line-md:sunny-filled-loop-to-moon-filled-transition" - | "line-md:sunny-outline" - | "line-md:sunny-outline-loop" - | "line-md:sunny-outline-to-moon-alt-loop-transition" - | "line-md:sunny-outline-to-moon-loop-transition" - | "line-md:sunny-outline-to-moon-transition" - | "line-md:sunny-outline-twotone" - | "line-md:sunny-outline-twotone-loop" - | "line-md:switch" - | "line-md:switch-filled" - | "line-md:switch-filled-to-switch-off-filled-transition" - | "line-md:switch-off" - | "line-md:switch-off-filled" - | "line-md:switch-off-filled-to-switch-filled-transition" - | "line-md:switch-off-to-switch-transition" - | "line-md:switch-to-switch-off-transition" - | "line-md:telegram" - | "line-md:text-box" - | "line-md:text-box-multiple" - | "line-md:text-box-multiple-to-text-box-transition" - | "line-md:text-box-multiple-twotone" - | "line-md:text-box-multiple-twotone-to-text-box-twotone-transition" - | "line-md:text-box-to-text-box-multiple-transition" - | "line-md:text-box-twotone" - | "line-md:text-box-twotone-to-text-box-multiple-twotone-transition" - | "line-md:thumbs-down" - | "line-md:thumbs-down-twotone" - | "line-md:thumbs-up" - | "line-md:thumbs-up-twotone" - | "line-md:tiktok" - | "line-md:turn-left" - | "line-md:turn-sharp-left" - | "line-md:turn-slight-left" - | "line-md:twitter" - | "line-md:twitter-twotone" - | "line-md:twitter-x" - | "line-md:twitter-x-alt" - | "line-md:u-turn-left" - | "line-md:upload-loop" - | "line-md:upload-off-loop" - | "line-md:upload-off-outline" - | "line-md:upload-off-outline-loop" - | "line-md:upload-outline" - | "line-md:upload-outline-loop" - | "line-md:uploading-loop" - | "line-md:valign-baseline" - | "line-md:valign-baseline-twotone" - | "line-md:valign-bottom" - | "line-md:valign-bottom-twotone" - | "line-md:valign-middle" - | "line-md:valign-middle-twotone" - | "line-md:valign-top" - | "line-md:valign-top-twotone" - | "line-md:watch" - | "line-md:watch-loop" - | "line-md:watch-off" - | "line-md:watch-off-loop" - | "line-md:watch-off-twotone" - | "line-md:watch-off-twotone-loop" - | "line-md:watch-twotone" - | "line-md:watch-twotone-loop" - | "line-md:weather-cloudy-loop" - | "line-md:youtube" - | "line-md:youtube-filled" - | "line-md:youtube-twotone"; -} \ No newline at end of file + export type Icon = + | 'line-md:account' + | 'line-md:account-add' + | 'line-md:account-alert' + | 'line-md:account-alert-loop' + | 'line-md:account-delete' + | 'line-md:account-remove' + | 'line-md:account-small' + | 'line-md:alert' + | 'line-md:alert-circle' + | 'line-md:alert-circle-loop' + | 'line-md:alert-circle-twotone' + | 'line-md:alert-circle-twotone-loop' + | 'line-md:alert-loop' + | 'line-md:alert-square' + | 'line-md:alert-square-loop' + | 'line-md:alert-square-twotone' + | 'line-md:alert-square-twotone-loop' + | 'line-md:alert-twotone' + | 'line-md:alert-twotone-loop' + | 'line-md:align-center' + | 'line-md:align-justify' + | 'line-md:align-left' + | 'line-md:arrow-align-center' + | 'line-md:arrow-align-left' + | 'line-md:arrow-close-left' + | 'line-md:arrow-left' + | 'line-md:arrow-left-circle' + | 'line-md:arrow-left-circle-twotone' + | 'line-md:arrow-left-square' + | 'line-md:arrow-left-square-twotone' + | 'line-md:arrow-long-diagonal' + | 'line-md:arrow-open-left' + | 'line-md:arrow-small-left' + | 'line-md:arrows-diagonal' + | 'line-md:arrows-horizontal' + | 'line-md:arrows-horizontal-alt' + | 'line-md:backup-restore' + | 'line-md:beer' + | 'line-md:beer-alt-filled' + | 'line-md:beer-alt-filled-loop' + | 'line-md:beer-alt-twotone' + | 'line-md:beer-alt-twotone-loop' + | 'line-md:beer-filled' + | 'line-md:beer-loop' + | 'line-md:beer-twotone' + | 'line-md:beer-twotone-loop' + | 'line-md:bell' + | 'line-md:bell-alert' + | 'line-md:bell-alert-loop' + | 'line-md:bell-loop' + | 'line-md:bell-twotone' + | 'line-md:bell-twotone-alert' + | 'line-md:bell-twotone-alert-loop' + | 'line-md:bell-twotone-loop' + | 'line-md:briefcase' + | 'line-md:briefcase-filled' + | 'line-md:briefcase-twotone' + | 'line-md:buy-me-a-coffee' + | 'line-md:buy-me-a-coffee-filled' + | 'line-md:buy-me-a-coffee-twotone' + | 'line-md:cake' + | 'line-md:cake-twotone' + | 'line-md:calendar' + | 'line-md:calendar-out' + | 'line-md:cancel' + | 'line-md:cancel-twotone' + | 'line-md:chat' + | 'line-md:chat-bubble' + | 'line-md:chat-bubble-filled' + | 'line-md:chat-bubble-twotone' + | 'line-md:chat-twotone' + | 'line-md:check-all' + | 'line-md:check-list-3' + | 'line-md:check-list-3-filled' + | 'line-md:check-list-3-twotone' + | 'line-md:chevron-double-left' + | 'line-md:chevron-left' + | 'line-md:chevron-left-circle' + | 'line-md:chevron-left-circle-twotone' + | 'line-md:chevron-left-square' + | 'line-md:chevron-left-square-twotone' + | 'line-md:chevron-small-double-left' + | 'line-md:chevron-small-left' + | 'line-md:chevron-small-triple-left' + | 'line-md:chevron-triple-left' + | 'line-md:circle' + | 'line-md:circle-to-confirm-circle-transition' + | 'line-md:circle-to-confirm-circle-twotone-transition' + | 'line-md:circle-twotone' + | 'line-md:circle-twotone-to-confirm-circle-twotone-transition' + | 'line-md:clipboard' + | 'line-md:clipboard-arrow' + | 'line-md:clipboard-arrow-twotone' + | 'line-md:clipboard-check' + | 'line-md:clipboard-check-to-clipboard-transition' + | 'line-md:clipboard-check-twotone' + | 'line-md:clipboard-check-twotone-to-clipboard-twotone-transition' + | 'line-md:clipboard-list' + | 'line-md:clipboard-list-twotone' + | 'line-md:clipboard-minus' + | 'line-md:clipboard-minus-twotone' + | 'line-md:clipboard-plus' + | 'line-md:clipboard-plus-twotone' + | 'line-md:clipboard-to-clipboard-check-transition' + | 'line-md:clipboard-twotone' + | 'line-md:clipboard-twotone-to-clipboard-twotone-check-transition' + | 'line-md:close' + | 'line-md:close-circle' + | 'line-md:close-circle-twotone' + | 'line-md:close-small' + | 'line-md:close-to-menu-alt-transition' + | 'line-md:close-to-menu-transition' + | 'line-md:cloud' + | 'line-md:cloud-braces-loop' + | 'line-md:cloud-down' + | 'line-md:cloud-down-twotone' + | 'line-md:cloud-download-loop' + | 'line-md:cloud-download-outline-loop' + | 'line-md:cloud-filled' + | 'line-md:cloud-loop' + | 'line-md:cloud-off-outline-loop' + | 'line-md:cloud-outline-loop' + | 'line-md:cloud-print-loop' + | 'line-md:cloud-print-outline-loop' + | 'line-md:cloud-tags-loop' + | 'line-md:cloud-twotone' + | 'line-md:cloud-up' + | 'line-md:cloud-up-twotone' + | 'line-md:cloud-upload-loop' + | 'line-md:cloud-upload-outline-loop' + | 'line-md:coffee' + | 'line-md:coffee-arrow' + | 'line-md:coffee-arrow-filled' + | 'line-md:coffee-arrow-twotone' + | 'line-md:coffee-filled' + | 'line-md:coffee-half-empty-twotone-loop' + | 'line-md:coffee-loop' + | 'line-md:coffee-twotone' + | 'line-md:coffee-twotone-loop' + | 'line-md:cog' + | 'line-md:cog-filled' + | 'line-md:cog-filled-loop' + | 'line-md:cog-loop' + | 'line-md:cog-off' + | 'line-md:cog-off-filled' + | 'line-md:cog-off-filled-loop' + | 'line-md:cog-off-loop' + | 'line-md:compass' + | 'line-md:compass-loop' + | 'line-md:compass-off' + | 'line-md:compass-twotone' + | 'line-md:compass-twotone-loop' + | 'line-md:compass-twotone-off' + | 'line-md:computer' + | 'line-md:computer-twotone' + | 'line-md:confirm' + | 'line-md:confirm-circle' + | 'line-md:confirm-circle-to-circle-transition' + | 'line-md:confirm-circle-twotone' + | 'line-md:confirm-circle-twotone-to-circle-transition' + | 'line-md:confirm-circle-twotone-to-circle-twotone-transition' + | 'line-md:confirm-square' + | 'line-md:confirm-square-to-square-transition' + | 'line-md:confirm-square-twotone' + | 'line-md:confirm-square-twotone-to-square-transition' + | 'line-md:confirm-square-twotone-to-square-twotone-transition' + | 'line-md:construction' + | 'line-md:construction-twotone' + | 'line-md:discord' + | 'line-md:discord-twotone' + | 'line-md:document' + | 'line-md:document-add' + | 'line-md:document-add-twotone' + | 'line-md:document-code' + | 'line-md:document-code-twotone' + | 'line-md:document-list' + | 'line-md:document-list-twotone' + | 'line-md:document-remove' + | 'line-md:document-remove-twotone' + | 'line-md:document-report' + | 'line-md:document-report-twotone' + | 'line-md:document-twotone' + | 'line-md:double-arrow-horizontal' + | 'line-md:download-loop' + | 'line-md:download-off-loop' + | 'line-md:download-off-outline' + | 'line-md:download-off-outline-loop' + | 'line-md:download-outline' + | 'line-md:download-outline-loop' + | 'line-md:downloading-loop' + | 'line-md:edit' + | 'line-md:edit-twotone' + | 'line-md:edit-twotone-full' + | 'line-md:email' + | 'line-md:email-opened' + | 'line-md:email-opened-twotone' + | 'line-md:email-opened-twotone-alt' + | 'line-md:email-twotone' + | 'line-md:email-twotone-alt' + | 'line-md:emoji-angry' + | 'line-md:emoji-angry-twotone' + | 'line-md:emoji-frown' + | 'line-md:emoji-frown-open' + | 'line-md:emoji-frown-open-twotone' + | 'line-md:emoji-frown-twotone' + | 'line-md:emoji-grin' + | 'line-md:emoji-grin-twotone' + | 'line-md:emoji-neutral' + | 'line-md:emoji-neutral-twotone' + | 'line-md:emoji-smile' + | 'line-md:emoji-smile-twotone' + | 'line-md:emoji-smile-wink' + | 'line-md:emoji-smile-wink-twotone' + | 'line-md:external-link' + | 'line-md:external-link-rounded' + | 'line-md:facebook' + | 'line-md:fork-left' + | 'line-md:gauge' + | 'line-md:gauge-empty' + | 'line-md:gauge-full' + | 'line-md:gauge-loop' + | 'line-md:gauge-low' + | 'line-md:github' + | 'line-md:github-loop' + | 'line-md:github-twotone' + | 'line-md:grid-3' + | 'line-md:grid-3-filled' + | 'line-md:grid-3-twotone' + | 'line-md:hash' + | 'line-md:hash-small' + | 'line-md:heart' + | 'line-md:heart-filled' + | 'line-md:heart-filled-half' + | 'line-md:heart-half' + | 'line-md:heart-half-filled' + | 'line-md:heart-half-twotone' + | 'line-md:heart-twotone' + | 'line-md:heart-twotone-half' + | 'line-md:heart-twotone-half-filled' + | 'line-md:home' + | 'line-md:home-md' + | 'line-md:home-md-twotone' + | 'line-md:home-md-twotone-alt' + | 'line-md:home-simple' + | 'line-md:home-simple-filled' + | 'line-md:home-simple-twotone' + | 'line-md:home-twotone' + | 'line-md:home-twotone-alt' + | 'line-md:iconify1' + | 'line-md:iconify2' + | 'line-md:image' + | 'line-md:image-twotone' + | 'line-md:instagram' + | 'line-md:laptop' + | 'line-md:laptop-twotone' + | 'line-md:light-dark' + | 'line-md:light-dark-loop' + | 'line-md:lightbulb' + | 'line-md:lightbulb-filled' + | 'line-md:lightbulb-off' + | 'line-md:lightbulb-off-filled' + | 'line-md:lightbulb-off-filled-loop' + | 'line-md:lightbulb-off-loop' + | 'line-md:lightbulb-off-twotone' + | 'line-md:lightbulb-off-twotone-loop' + | 'line-md:lightbulb-twotone' + | 'line-md:linkedin' + | 'line-md:list' + | 'line-md:list-3' + | 'line-md:list-3-filled' + | 'line-md:list-3-twotone' + | 'line-md:list-indented' + | 'line-md:loading-alt-loop' + | 'line-md:loading-loop' + | 'line-md:loading-twotone-loop' + | 'line-md:log-in' + | 'line-md:log-out' + | 'line-md:login' + | 'line-md:logout' + | 'line-md:map-marker' + | 'line-md:map-marker-alt' + | 'line-md:map-marker-alt-filled' + | 'line-md:map-marker-alt-twotone' + | 'line-md:map-marker-filled' + | 'line-md:map-marker-multiple-alt' + | 'line-md:map-marker-multiple-alt-filled' + | 'line-md:map-marker-multiple-alt-twotone' + | 'line-md:map-marker-off' + | 'line-md:map-marker-off-alt' + | 'line-md:map-marker-off-alt-filled' + | 'line-md:map-marker-off-alt-filled-loop' + | 'line-md:map-marker-off-alt-loop' + | 'line-md:map-marker-off-alt-twotone' + | 'line-md:map-marker-off-alt-twotone-loop' + | 'line-md:map-marker-off-filled' + | 'line-md:map-marker-off-filled-loop' + | 'line-md:map-marker-off-loop' + | 'line-md:map-marker-off-twotone' + | 'line-md:map-marker-off-twotone-loop' + | 'line-md:map-marker-twotone' + | 'line-md:marker' + | 'line-md:marker-filled' + | 'line-md:marker-twotone' + | 'line-md:mastodon' + | 'line-md:mastodon-filled' + | 'line-md:mastodon-twotone' + | 'line-md:medical-services' + | 'line-md:medical-services-filled' + | 'line-md:medical-services-twotone' + | 'line-md:menu' + | 'line-md:menu-fold-left' + | 'line-md:menu-fold-right' + | 'line-md:menu-to-close-alt-transition' + | 'line-md:menu-to-close-transition' + | 'line-md:menu-unfold-left' + | 'line-md:menu-unfold-right' + | 'line-md:minus' + | 'line-md:minus-circle' + | 'line-md:minus-circle-twotone' + | 'line-md:minus-square' + | 'line-md:minus-square-twotone' + | 'line-md:moon' + | 'line-md:moon-alt-loop' + | 'line-md:moon-alt-to-sunny-outline-loop-transition' + | 'line-md:moon-filled' + | 'line-md:moon-filled-alt-loop' + | 'line-md:moon-filled-alt-to-sunny-filled-loop-transition' + | 'line-md:moon-filled-loop' + | 'line-md:moon-filled-to-sunny-filled-loop-transition' + | 'line-md:moon-filled-to-sunny-filled-transition' + | 'line-md:moon-loop' + | 'line-md:moon-rising-alt-loop' + | 'line-md:moon-rising-filled-alt-loop' + | 'line-md:moon-rising-filled-loop' + | 'line-md:moon-rising-loop' + | 'line-md:moon-rising-twotone-alt-loop' + | 'line-md:moon-rising-twotone-loop' + | 'line-md:moon-simple' + | 'line-md:moon-simple-filled' + | 'line-md:moon-simple-twotone' + | 'line-md:moon-to-sunny-outline-loop-transition' + | 'line-md:moon-to-sunny-outline-transition' + | 'line-md:moon-twotone' + | 'line-md:moon-twotone-alt-loop' + | 'line-md:moon-twotone-loop' + | 'line-md:my-location' + | 'line-md:my-location-loop' + | 'line-md:my-location-off' + | 'line-md:my-location-off-loop' + | 'line-md:navigation-left-down' + | 'line-md:navigation-left-up' + | 'line-md:navigation-right-down' + | 'line-md:navigation-right-up' + | 'line-md:paint-drop' + | 'line-md:paint-drop-filled' + | 'line-md:paint-drop-half-filled' + | 'line-md:paint-drop-half-filled-twotone' + | 'line-md:paint-drop-half-twotone' + | 'line-md:paint-drop-twotone' + | 'line-md:patreon' + | 'line-md:pause' + | 'line-md:pause-to-play-filled-transition' + | 'line-md:pause-to-play-transition' + | 'line-md:peertube' + | 'line-md:peertube-alt' + | 'line-md:pencil' + | 'line-md:pencil-twotone' + | 'line-md:pencil-twotone-alt' + | 'line-md:person' + | 'line-md:person-add' + | 'line-md:person-add-filled' + | 'line-md:person-add-twotone' + | 'line-md:person-filled' + | 'line-md:person-off' + | 'line-md:person-off-filled' + | 'line-md:person-off-filled-loop' + | 'line-md:person-off-loop' + | 'line-md:person-off-twotone' + | 'line-md:person-off-twotone-loop' + | 'line-md:person-remove' + | 'line-md:person-remove-filled' + | 'line-md:person-remove-twotone' + | 'line-md:person-search' + | 'line-md:person-search-filled' + | 'line-md:person-search-twotone' + | 'line-md:person-twotone' + | 'line-md:phone' + | 'line-md:phone-add' + | 'line-md:phone-add-twotone' + | 'line-md:phone-call' + | 'line-md:phone-call-loop' + | 'line-md:phone-call-twotone' + | 'line-md:phone-call-twotone-loop' + | 'line-md:phone-incoming' + | 'line-md:phone-incoming-twotone' + | 'line-md:phone-off' + | 'line-md:phone-off-loop' + | 'line-md:phone-off-twotone' + | 'line-md:phone-off-twotone-loop' + | 'line-md:phone-outgoing' + | 'line-md:phone-outgoing-twotone' + | 'line-md:phone-remove' + | 'line-md:phone-remove-twotone' + | 'line-md:phone-twotone' + | 'line-md:pixelfed' + | 'line-md:pixelfed-filled' + | 'line-md:pixelfed-twotone' + | 'line-md:play' + | 'line-md:play-filled' + | 'line-md:play-filled-to-pause-transition' + | 'line-md:play-to-pause-transition' + | 'line-md:play-twotone' + | 'line-md:pleroma' + | 'line-md:plus' + | 'line-md:plus-circle' + | 'line-md:plus-circle-twotone' + | 'line-md:plus-square' + | 'line-md:plus-square-twotone' + | 'line-md:question' + | 'line-md:question-circle' + | 'line-md:question-circle-twotone' + | 'line-md:question-square' + | 'line-md:question-square-twotone' + | 'line-md:reddit' + | 'line-md:reddit-circle' + | 'line-md:reddit-circle-loop' + | 'line-md:reddit-loop' + | 'line-md:remove' + | 'line-md:rotate-180' + | 'line-md:rotate-270' + | 'line-md:rotate-90' + | 'line-md:round-360' + | 'line-md:round-ramp-left' + | 'line-md:roundabout-left' + | 'line-md:search' + | 'line-md:search-filled' + | 'line-md:search-twotone' + | 'line-md:speed' + | 'line-md:speed-loop' + | 'line-md:speedometer' + | 'line-md:speedometer-loop' + | 'line-md:square' + | 'line-md:square-to-confirm-square-transition' + | 'line-md:square-to-confirm-square-twotone-transition' + | 'line-md:square-twotone' + | 'line-md:square-twotone-to-confirm-square-twotone-transition' + | 'line-md:star' + | 'line-md:star-alt' + | 'line-md:star-alt-filled' + | 'line-md:star-alt-twotone' + | 'line-md:star-filled' + | 'line-md:star-filled-half' + | 'line-md:star-half' + | 'line-md:star-half-filled' + | 'line-md:star-half-twotone' + | 'line-md:star-pulsating-filled-loop' + | 'line-md:star-pulsating-loop' + | 'line-md:star-pulsating-twotone-loop' + | 'line-md:star-twotone' + | 'line-md:star-twotone-half' + | 'line-md:sun-rising-filled-loop' + | 'line-md:sun-rising-loop' + | 'line-md:sun-rising-twotone-loop' + | 'line-md:sunny-filled' + | 'line-md:sunny-filled-loop' + | 'line-md:sunny-filled-loop-to-moon-alt-filled-loop-transition' + | 'line-md:sunny-filled-loop-to-moon-filled-loop-transition' + | 'line-md:sunny-filled-loop-to-moon-filled-transition' + | 'line-md:sunny-outline' + | 'line-md:sunny-outline-loop' + | 'line-md:sunny-outline-to-moon-alt-loop-transition' + | 'line-md:sunny-outline-to-moon-loop-transition' + | 'line-md:sunny-outline-to-moon-transition' + | 'line-md:sunny-outline-twotone' + | 'line-md:sunny-outline-twotone-loop' + | 'line-md:switch' + | 'line-md:switch-filled' + | 'line-md:switch-filled-to-switch-off-filled-transition' + | 'line-md:switch-off' + | 'line-md:switch-off-filled' + | 'line-md:switch-off-filled-to-switch-filled-transition' + | 'line-md:switch-off-to-switch-transition' + | 'line-md:switch-to-switch-off-transition' + | 'line-md:telegram' + | 'line-md:text-box' + | 'line-md:text-box-multiple' + | 'line-md:text-box-multiple-to-text-box-transition' + | 'line-md:text-box-multiple-twotone' + | 'line-md:text-box-multiple-twotone-to-text-box-twotone-transition' + | 'line-md:text-box-to-text-box-multiple-transition' + | 'line-md:text-box-twotone' + | 'line-md:text-box-twotone-to-text-box-multiple-twotone-transition' + | 'line-md:thumbs-down' + | 'line-md:thumbs-down-twotone' + | 'line-md:thumbs-up' + | 'line-md:thumbs-up-twotone' + | 'line-md:tiktok' + | 'line-md:turn-left' + | 'line-md:turn-sharp-left' + | 'line-md:turn-slight-left' + | 'line-md:twitter' + | 'line-md:twitter-twotone' + | 'line-md:twitter-x' + | 'line-md:twitter-x-alt' + | 'line-md:u-turn-left' + | 'line-md:upload-loop' + | 'line-md:upload-off-loop' + | 'line-md:upload-off-outline' + | 'line-md:upload-off-outline-loop' + | 'line-md:upload-outline' + | 'line-md:upload-outline-loop' + | 'line-md:uploading-loop' + | 'line-md:valign-baseline' + | 'line-md:valign-baseline-twotone' + | 'line-md:valign-bottom' + | 'line-md:valign-bottom-twotone' + | 'line-md:valign-middle' + | 'line-md:valign-middle-twotone' + | 'line-md:valign-top' + | 'line-md:valign-top-twotone' + | 'line-md:watch' + | 'line-md:watch-loop' + | 'line-md:watch-off' + | 'line-md:watch-off-loop' + | 'line-md:watch-off-twotone' + | 'line-md:watch-off-twotone-loop' + | 'line-md:watch-twotone' + | 'line-md:watch-twotone-loop' + | 'line-md:weather-cloudy-loop' + | 'line-md:youtube' + | 'line-md:youtube-filled' + | 'line-md:youtube-twotone'; +} diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx index bd6bc89..d68c1e9 100644 --- a/src/components/ui/button.tsx +++ b/src/components/ui/button.tsx @@ -1,56 +1,54 @@ -import * as React from "react" -import { Slot } from "@radix-ui/react-slot" -import { cva, type VariantProps } from "class-variance-authority" +import * as React from 'react'; +import { Slot } from '@radix-ui/react-slot'; +import { cva, type VariantProps } from 'class-variance-authority'; -import { cn } from "@/lib/utils" +import { cn } from '@/lib/utils'; const buttonVariants = cva( - "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-zinc-950 dark:focus-visible:ring-zinc-300", - { - variants: { - variant: { - default: "bg-zinc-900 text-zinc-50 hover:bg-zinc-900/90 dark:bg-zinc-50 dark:text-zinc-900 dark:hover:bg-zinc-50/90", - destructive: - "bg-red-500 text-zinc-50 hover:bg-red-500/90 dark:bg-red-900 dark:text-zinc-50 dark:hover:bg-red-900/90", - outline: - "border border-zinc-200 bg-white hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-800 dark:hover:text-zinc-50", - secondary: - "bg-zinc-100 text-zinc-900 hover:bg-zinc-100/80 dark:bg-zinc-800 dark:text-zinc-50 dark:hover:bg-zinc-800/80", - ghost: "hover:bg-zinc-100 hover:text-zinc-900 dark:hover:bg-zinc-800 dark:hover:text-zinc-50", - link: "text-zinc-900 underline-offset-4 hover:underline dark:text-zinc-50", - }, - size: { - default: "h-10 px-4 py-2", - sm: "h-9 rounded-md px-3", - lg: "h-11 rounded-md px-8", - icon: "h-10 w-10", - }, - }, - defaultVariants: { - variant: "default", - size: "default", - }, - } -) + 'inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-950 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 dark:ring-offset-zinc-950 dark:focus-visible:ring-zinc-300', + { + variants: { + variant: { + default: + 'bg-zinc-900 text-zinc-50 hover:bg-zinc-900/90 dark:bg-zinc-50 dark:text-zinc-900 dark:hover:bg-zinc-50/90', + destructive: + 'bg-red-500 text-zinc-50 hover:bg-red-500/90 dark:bg-red-900 dark:text-zinc-50 dark:hover:bg-red-900/90', + outline: + 'border border-zinc-200 bg-white hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-800 dark:bg-zinc-950 dark:hover:bg-zinc-800 dark:hover:text-zinc-50', + secondary: + 'bg-zinc-100 text-zinc-900 hover:bg-zinc-100/80 dark:bg-zinc-800 dark:text-zinc-50 dark:hover:bg-zinc-800/80', + ghost: + 'hover:bg-zinc-100 hover:text-zinc-900 dark:hover:bg-zinc-800 dark:hover:text-zinc-50', + link: 'text-zinc-900 underline-offset-4 hover:underline dark:text-zinc-50', + }, + size: { + default: 'h-10 px-4 py-2', + sm: 'h-9 rounded-md px-3', + lg: 'h-11 rounded-md px-8', + icon: 'h-10 w-10', + }, + }, + defaultVariants: { + variant: 'default', + size: 'default', + }, + } +); export interface ButtonProps - extends React.ButtonHTMLAttributes, - VariantProps { - asChild?: boolean + extends React.ButtonHTMLAttributes, + VariantProps { + asChild?: boolean; } const Button = React.forwardRef( - ({ className, variant, size, asChild = false, ...props }, ref) => { - const Comp = asChild ? Slot : "button" - return ( - - ) - } -) -Button.displayName = "Button" + ({ className, variant, size, asChild = false, ...props }, ref) => { + const Comp = asChild ? Slot : 'button'; + return ( + + ); + } +); +Button.displayName = 'Button'; -export { Button, buttonVariants } +export { Button, buttonVariants }; diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx index f4b1bae..21fddd8 100644 --- a/src/components/ui/dropdown-menu.tsx +++ b/src/components/ui/dropdown-menu.tsx @@ -1,198 +1,182 @@ -import * as React from "react" -import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu" -import { Check, ChevronRight, Circle } from "lucide-react" +import * as React from 'react'; +import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'; +import { Check, ChevronRight, Circle } from 'lucide-react'; -import { cn } from "@/lib/utils" +import { cn } from '@/lib/utils'; -const DropdownMenu = DropdownMenuPrimitive.Root +const DropdownMenu = DropdownMenuPrimitive.Root; -const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger +const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger; -const DropdownMenuGroup = DropdownMenuPrimitive.Group +const DropdownMenuGroup = DropdownMenuPrimitive.Group; -const DropdownMenuPortal = DropdownMenuPrimitive.Portal +const DropdownMenuPortal = DropdownMenuPrimitive.Portal; -const DropdownMenuSub = DropdownMenuPrimitive.Sub +const DropdownMenuSub = DropdownMenuPrimitive.Sub; -const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup +const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup; const DropdownMenuSubTrigger = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef & { - inset?: boolean - } + React.ElementRef, + React.ComponentPropsWithoutRef & { + inset?: boolean; + } >(({ className, inset, children, ...props }, ref) => ( - - {children} - - -)) -DropdownMenuSubTrigger.displayName = - DropdownMenuPrimitive.SubTrigger.displayName + + {children} + + +)); +DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName; const DropdownMenuSubContent = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef + React.ElementRef, + React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( - -)) -DropdownMenuSubContent.displayName = - DropdownMenuPrimitive.SubContent.displayName + +)); +DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName; const DropdownMenuContent = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef + React.ElementRef, + React.ComponentPropsWithoutRef >(({ className, sideOffset = 4, ...props }, ref) => ( - - - -)) -DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName + + + +)); +DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName; const DropdownMenuItem = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef & { - inset?: boolean - } + React.ElementRef, + React.ComponentPropsWithoutRef & { + inset?: boolean; + } >(({ className, inset, ...props }, ref) => ( - -)) -DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName + +)); +DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName; const DropdownMenuCheckboxItem = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef + React.ElementRef, + React.ComponentPropsWithoutRef >(({ className, children, checked, ...props }, ref) => ( - - - - - - - {children} - -)) -DropdownMenuCheckboxItem.displayName = - DropdownMenuPrimitive.CheckboxItem.displayName + + + + + + + {children} + +)); +DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName; const DropdownMenuRadioItem = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef + React.ElementRef, + React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( - - - - - - - {children} - -)) -DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName + + + + + + + {children} + +)); +DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName; const DropdownMenuLabel = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef & { - inset?: boolean - } + React.ElementRef, + React.ComponentPropsWithoutRef & { + inset?: boolean; + } >(({ className, inset, ...props }, ref) => ( - -)) -DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName + +)); +DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName; const DropdownMenuSeparator = React.forwardRef< - React.ElementRef, - React.ComponentPropsWithoutRef + React.ElementRef, + React.ComponentPropsWithoutRef >(({ className, ...props }, ref) => ( - -)) -DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName + +)); +DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName; -const DropdownMenuShortcut = ({ - className, - ...props -}: React.HTMLAttributes) => { - return ( - - ) -} -DropdownMenuShortcut.displayName = "DropdownMenuShortcut" +const DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes) => { + return ( + + ); +}; +DropdownMenuShortcut.displayName = 'DropdownMenuShortcut'; export { - DropdownMenu, - DropdownMenuTrigger, - DropdownMenuContent, - DropdownMenuItem, - DropdownMenuCheckboxItem, - DropdownMenuRadioItem, - DropdownMenuLabel, - DropdownMenuSeparator, - DropdownMenuShortcut, - DropdownMenuGroup, - DropdownMenuPortal, - DropdownMenuSub, - DropdownMenuSubContent, - DropdownMenuSubTrigger, - DropdownMenuRadioGroup, -} + DropdownMenu, + DropdownMenuTrigger, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuCheckboxItem, + DropdownMenuRadioItem, + DropdownMenuLabel, + DropdownMenuSeparator, + DropdownMenuShortcut, + DropdownMenuGroup, + DropdownMenuPortal, + DropdownMenuSub, + DropdownMenuSubContent, + DropdownMenuSubTrigger, + DropdownMenuRadioGroup, +}; diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro index b471f19..59cc3b4 100644 --- a/src/layouts/BaseLayout.astro +++ b/src/layouts/BaseLayout.astro @@ -15,7 +15,7 @@ const { title } = Astro.props; {title} - +
diff --git a/src/lib/utils.ts b/src/lib/utils.ts index d084cca..256f86f 100644 --- a/src/lib/utils.ts +++ b/src/lib/utils.ts @@ -1,6 +1,6 @@ -import { type ClassValue, clsx } from "clsx" -import { twMerge } from "tailwind-merge" +import { type ClassValue, clsx } from 'clsx'; +import { twMerge } from 'tailwind-merge'; export function cn(...inputs: ClassValue[]) { - return twMerge(clsx(inputs)) + return twMerge(clsx(inputs)); } diff --git a/src/pages/index.astro b/src/pages/index.astro index 9a9fa99..8dc8d5c 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -9,7 +9,7 @@ import Heading from '@/components/ui/Heading.astro'; Deploy Your + class="bg-gradient-to-r from-accent-600 via-accent-600 to-zinc-900 bg-clip-text text-transparent dark:from-accent dark:to-zinc-200"> Astro.js Site! + class="inline-flex items-center justify-center gap-x-3 rounded-full bg-primary-600 px-8 py-4 text-center text-base text-sm font-medium ring-4 ring-transparent focus:outline-none focus:ring-2 focus:ring-primary-700 focus:ring-offset-base-50 dark:focus:ring-offset-zinc-800"> Get started!