{data}
{calculated}
diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx
index f9b6278..d23c48e 100644
--- a/src/components/ui/button.tsx
+++ b/src/components/ui/button.tsx
@@ -12,6 +12,7 @@ const buttonVariants = cva('overflow-hidden inline-block text-center', {
size: {
default: 'py-3.5 px-5 rounded-2xl',
icon: 'py-1 px-2 rounded-lg text-xs',
+ theme_icon: 'h-10 w-10',
},
variant: {
default:
@@ -19,6 +20,8 @@ const buttonVariants = cva('overflow-hidden inline-block text-center', {
disabled:
'text-base-gray-4 bg-base-gray-3 dark:text-base-gray-8 dark:bg-base-gray-7',
icon: 'text-base-gray-8 bg-base-gray-2',
+ outline:
+ 'border border-input bg-background hover:bg-accent hover:text-accent-foreground inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
},
},
})
diff --git a/src/components/ui/dropdown-menu.tsx b/src/components/ui/dropdown-menu.tsx
new file mode 100644
index 0000000..c576c76
--- /dev/null
+++ b/src/components/ui/dropdown-menu.tsx
@@ -0,0 +1,199 @@
+'use client'
+
+import { cn } from '@/lib/utils'
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'
+import { Check, ChevronRight, Circle } from 'lucide-react'
+import * as React from 'react'
+
+const DropdownMenu = DropdownMenuPrimitive.Root
+
+const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
+
+const DropdownMenuGroup = DropdownMenuPrimitive.Group
+
+const DropdownMenuPortal = DropdownMenuPrimitive.Portal
+
+const DropdownMenuSub = DropdownMenuPrimitive.Sub
+
+const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
+
+const DropdownMenuSubTrigger = React.forwardRef<
+ React.ElementRef
,
+ React.ComponentPropsWithoutRef & {
+ inset?: boolean
+ }
+>(({ children, className, inset, ...props }, ref) => (
+
+ {children}
+
+
+))
+DropdownMenuSubTrigger.displayName =
+ DropdownMenuPrimitive.SubTrigger.displayName
+
+const DropdownMenuSubContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+))
+DropdownMenuSubContent.displayName =
+ DropdownMenuPrimitive.SubContent.displayName
+
+const DropdownMenuContent = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, sideOffset = 4, ...props }, ref) => (
+
+
+
+))
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
+
+const DropdownMenuItem = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef & {
+ inset?: boolean
+ }
+>(({ className, inset, ...props }, ref) => (
+
+))
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
+
+const DropdownMenuCheckboxItem = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ checked, children, className, ...props }, ref) => (
+
+
+
+
+
+
+ {children}
+
+))
+DropdownMenuCheckboxItem.displayName =
+ DropdownMenuPrimitive.CheckboxItem.displayName
+
+const DropdownMenuRadioItem = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ children, className, ...props }, ref) => (
+
+
+
+
+
+
+ {children}
+
+))
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
+
+const DropdownMenuLabel = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef & {
+ inset?: boolean
+ }
+>(({ className, inset, ...props }, ref) => (
+
+))
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
+
+const DropdownMenuSeparator = React.forwardRef<
+ React.ElementRef,
+ React.ComponentPropsWithoutRef
+>(({ className, ...props }, ref) => (
+
+))
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
+
+const DropdownMenuShortcut = ({
+ className,
+ ...props
+}: React.HTMLAttributes) => {
+ return (
+
+ )
+}
+DropdownMenuShortcut.displayName = 'DropdownMenuShortcut'
+
+export {
+ DropdownMenu,
+ DropdownMenuCheckboxItem,
+ DropdownMenuContent,
+ DropdownMenuGroup,
+ DropdownMenuItem,
+ DropdownMenuLabel,
+ DropdownMenuPortal,
+ DropdownMenuRadioGroup,
+ DropdownMenuRadioItem,
+ DropdownMenuSeparator,
+ DropdownMenuShortcut,
+ DropdownMenuSub,
+ DropdownMenuSubContent,
+ DropdownMenuSubTrigger,
+ DropdownMenuTrigger,
+}
diff --git a/src/components/ui/index/theme-toggler.tsx b/src/components/ui/index/theme-toggler.tsx
deleted file mode 100644
index 1c58058..0000000
--- a/src/components/ui/index/theme-toggler.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-'use client'
-
-import { Button } from '@/components/ui/button'
-import Theme, { THEME } from '@/types/enums/Theme'
-import { useTheme } from 'next-themes'
-
-const ThemeToggler = () => {
- const { resolvedTheme, setTheme } = useTheme()
-
- const toggleTheme = () => {
- setTheme(
- (resolvedTheme as Theme) === THEME.light ? THEME.dark : THEME.light
- )
- }
-
- return (
-
- )
-}
-
-export default ThemeToggler
diff --git a/src/components/ui/theme-toggler.tsx b/src/components/ui/theme-toggler.tsx
new file mode 100644
index 0000000..86340d4
--- /dev/null
+++ b/src/components/ui/theme-toggler.tsx
@@ -0,0 +1,39 @@
+'use client'
+
+import { Button } from '@/components/ui/button'
+import {
+ DropdownMenu,
+ DropdownMenuContent,
+ DropdownMenuItem,
+ DropdownMenuTrigger,
+} from '@/components/ui/dropdown-menu'
+import { Moon, Sun } from 'lucide-react'
+import { useTheme } from 'next-themes'
+import * as React from 'react'
+
+export function ThemeToggler() {
+ const { setTheme } = useTheme()
+
+ const setLightTheme = () => setTheme('light')
+ const setDarkTheme = () => setTheme('dark')
+ const setSystemTheme = () => setTheme('system')
+
+ return (
+
+
+
+
+
+ setLightTheme}>Light
+ setDarkTheme}>Dark
+ setSystemTheme}>
+ System
+
+
+
+ )
+}
diff --git a/src/components/ui/toaster.tsx b/src/components/ui/toaster.tsx
index 9dd0cb5..e575bd3 100644
--- a/src/components/ui/toaster.tsx
+++ b/src/components/ui/toaster.tsx
@@ -8,7 +8,7 @@ import {
ToastTitle,
ToastViewport,
} from '@/components/ui/toast'
-import { useToast } from '@/components/ui/use-toast'
+import { useToast } from '@/hooks'
export function Toaster() {
const { toasts } = useToast()
diff --git a/src/hooks/index.tsx b/src/hooks/index.tsx
new file mode 100644
index 0000000..caaa029
--- /dev/null
+++ b/src/hooks/index.tsx
@@ -0,0 +1,2 @@
+export * from '@/hooks/use-api'
+export * from '@/hooks/use-toast'
diff --git a/src/utils/api/hooks.ts b/src/hooks/use-api.ts
similarity index 96%
rename from src/utils/api/hooks.ts
rename to src/hooks/use-api.ts
index 7b3a531..8e54ae3 100644
--- a/src/utils/api/hooks.ts
+++ b/src/hooks/use-api.ts
@@ -1,6 +1,6 @@
'use client'
-import { useToast } from '@/components/ui/use-toast'
+import { useToast } from '@/hooks'
import { useCallback, useEffect, useRef, useState } from 'react'
export const useApi = >(
diff --git a/src/components/ui/use-toast.ts b/src/hooks/use-toast.ts
similarity index 100%
rename from src/components/ui/use-toast.ts
rename to src/hooks/use-toast.ts
diff --git a/src/utils/api/index.ts b/src/utils/api/index.ts
index 41e7a5f..8f3ad85 100644
--- a/src/utils/api/index.ts
+++ b/src/utils/api/index.ts
@@ -1,2 +1 @@
-export * from './hooks'
-export * from './metacom'
+export * from '@/utils/api/metacom'
diff --git a/src/utils/api/metacom.ts b/src/utils/api/metacom.ts
index 29e66d4..bcbd1d4 100644
--- a/src/utils/api/metacom.ts
+++ b/src/utils/api/metacom.ts
@@ -1,7 +1,7 @@
'use client'
-import { useToast } from '@/components/ui/use-toast'
import { URL_PRODUCT_API } from '@/constants'
+import { useToast } from '@/hooks'
import { Metacom } from 'metacom'
import {
createContext,
diff --git a/src/utils/index.ts b/src/utils/index.ts
index 9c21d5b..7fded4e 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,2 +1,2 @@
-export * from './misc'
-export * from './api'
+export * from '@/utils/misc'
+export * from '@/utils/api'