diff --git a/package.json b/package.json index cabaf5d..2f6c764 100644 --- a/package.json +++ b/package.json @@ -26,6 +26,7 @@ "@radix-ui/react-checkbox": "^1.3.3", "@radix-ui/react-dialog": "^1.1.15", "@radix-ui/react-dropdown-menu": "^2.1.16", + "@radix-ui/react-icons": "^1.3.2", "@radix-ui/react-label": "^2.1.8", "@radix-ui/react-navigation-menu": "^1.2.14", "@radix-ui/react-progress": "^1.1.7", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d4e3bcd..4508a1b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -31,10 +31,13 @@ importers: version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.1.0(react@19.1.0))(react@19.1.0) '@radix-ui/react-dropdown-menu': specifier: ^2.1.16 - version: 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.1.0(react@19.1.0))(react@19.1.0) + version: 2.1.16(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.2.0(react@19.2.0))(react@19.2.0) + '@radix-ui/react-icons': + specifier: ^1.3.2 + version: 1.3.2(react@19.2.0) '@radix-ui/react-label': specifier: ^2.1.8 - version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.1.0(react@19.1.0))(react@19.1.0) + version: 2.1.8(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.2.0(react@19.2.0))(react@19.2.0) '@radix-ui/react-navigation-menu': specifier: ^1.2.14 version: 1.2.14(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.1.0(react@19.1.0))(react@19.1.0) @@ -4101,7 +4104,16 @@ snapshots: '@types/react': 19.2.6 '@types/react-dom': 19.2.3(@types/react@19.2.6) - '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)': + '@radix-ui/react-label@2.1.8(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)': + dependencies: + '@radix-ui/react-primitive': 2.1.4(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.2.0(react@19.2.0))(react@19.2.0) + react: 19.2.0 + react-dom: 19.2.0(react@19.2.0) + optionalDependencies: + '@types/react': 19.2.6 + '@types/react-dom': 19.2.3(@types/react@19.2.6) + + '@radix-ui/react-menu@2.1.16(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)': dependencies: '@radix-ui/primitive': 1.1.3 '@radix-ui/react-collection': 1.1.7(@types/react-dom@19.2.3(@types/react@19.2.6))(@types/react@19.2.6)(react-dom@19.1.0(react@19.1.0))(react@19.1.0) diff --git a/src/app/globals.css b/src/app/globals.css index dc98be7..996a964 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -6,8 +6,8 @@ @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); - --font-sans: var(--font-geist-sans); - --font-mono: var(--font-geist-mono); + --font-sans: Inter, ui-sans-serif, sans-serif, system-ui; + --font-mono: JetBrains Mono, ui-monospace, monospace; --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); @@ -41,75 +41,142 @@ --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); + --font-serif: Merriweather, ui-serif, serif; + --radius: 0.25rem; + --tracking-tighter: calc(var(--tracking-normal) - 0.05em); + --tracking-tight: calc(var(--tracking-normal) - 0.025em); + --tracking-wide: calc(var(--tracking-normal) + 0.025em); + --tracking-wider: calc(var(--tracking-normal) + 0.05em); + --tracking-widest: calc(var(--tracking-normal) + 0.1em); + --tracking-normal: var(--tracking-normal); + --shadow-2xl: var(--shadow-2xl); + --shadow-xl: var(--shadow-xl); + --shadow-lg: var(--shadow-lg); + --shadow-md: var(--shadow-md); + --shadow: var(--shadow); + --shadow-sm: var(--shadow-sm); + --shadow-xs: var(--shadow-xs); + --shadow-2xs: var(--shadow-2xs); + --spacing: var(--spacing); + --letter-spacing: var(--letter-spacing); + --shadow-offset-y: var(--shadow-offset-y); + --shadow-offset-x: var(--shadow-offset-x); + --shadow-spread: var(--shadow-spread); + --shadow-blur: var(--shadow-blur); + --shadow-opacity: var(--shadow-opacity); + --color-shadow-color: var(--shadow-color); + --color-destructive-foreground: var(--destructive-foreground); } :root { - --radius: 0.625rem; - --background: oklch(1 0 0); - --foreground: oklch(0.145 0 0); - --card: oklch(1 0 0); - --card-foreground: oklch(0.145 0 0); - --popover: oklch(1 0 0); - --popover-foreground: oklch(0.145 0 0); - --primary: oklch(0.205 0 0); - --primary-foreground: oklch(0.985 0 0); - --secondary: oklch(0.97 0 0); - --secondary-foreground: oklch(0.205 0 0); - --muted: oklch(0.97 0 0); - --muted-foreground: oklch(0.556 0 0); - --accent: oklch(0.97 0 0); - --accent-foreground: oklch(0.205 0 0); - --destructive: oklch(0.577 0.245 27.325); - --border: oklch(0.922 0 0); - --input: oklch(0.922 0 0); - --ring: oklch(0.708 0 0); - --chart-1: oklch(0.646 0.222 41.116); - --chart-2: oklch(0.6 0.118 184.704); - --chart-3: oklch(0.398 0.07 227.392); - --chart-4: oklch(0.828 0.189 84.429); - --chart-5: oklch(0.769 0.188 70.08); - --sidebar: oklch(0.985 0 0); - --sidebar-foreground: oklch(0.145 0 0); - --sidebar-primary: oklch(0.205 0 0); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.97 0 0); - --sidebar-accent-foreground: oklch(0.205 0 0); - --sidebar-border: oklch(0.922 0 0); - --sidebar-ring: oklch(0.708 0 0); + --radius: 0.25rem; + --background: oklch(0.9725 0.0045 258.3246); + --foreground: oklch(0.3218 0.0248 255.7016); + --card: oklch(1.0000 0 0); + --card-foreground: oklch(0.3218 0.0248 255.7016); + --popover: oklch(1.0000 0 0); + --popover-foreground: oklch(0.3218 0.0248 255.7016); + --primary: oklch(0.4066 0.0878 255.9691); + --primary-foreground: oklch(1.0000 0 0); + --secondary: oklch(0.6836 0.1603 58.6296); + --secondary-foreground: oklch(0.3218 0.0248 255.7016); + --muted: oklch(0.9510 0.0063 255.4756); + --muted-foreground: oklch(0.5612 0.0241 252.6253); + --accent: oklch(0.7838 0.1630 77.8824); + --accent-foreground: oklch(0.3218 0.0248 255.7016); + --destructive: oklch(0.6522 0.1773 24.9057); + --border: oklch(0.8921 0.0087 247.9239); + --input: oklch(0.9567 0.0052 247.8779); + --ring: oklch(0.4873 0.1040 259.8157); + --chart-1: oklch(0.4066 0.0878 255.9691); + --chart-2: oklch(0.6836 0.1603 58.6296); + --chart-3: oklch(0.7838 0.1630 77.8824); + --chart-4: oklch(0.7323 0.0250 250.1511); + --chart-5: oklch(0.8702 0.0106 247.9479); + --sidebar: oklch(0.9510 0.0063 255.4756); + --sidebar-foreground: oklch(0.3218 0.0248 255.7016); + --sidebar-primary: oklch(0.4066 0.0878 255.9691); + --sidebar-primary-foreground: oklch(1.0000 0 0); + --sidebar-accent: oklch(0.7838 0.1630 77.8824); + --sidebar-accent-foreground: oklch(0.3218 0.0248 255.7016); + --sidebar-border: oklch(0.8921 0.0087 247.9239); + --sidebar-ring: oklch(0.4873 0.1040 259.8157); + --destructive-foreground: oklch(1.0000 0 0); + --font-sans: Inter, ui-sans-serif, sans-serif, system-ui; + --font-serif: Merriweather, ui-serif, serif; + --font-mono: JetBrains Mono, ui-monospace, monospace; + --shadow-color: #002d62; + --shadow-opacity: 0.1; + --shadow-blur: 10px; + --shadow-spread: 0px; + --shadow-offset-x: 0px; + --shadow-offset-y: 4px; + --letter-spacing: 0em; + --spacing: 0.25rem; + --shadow-2xs: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.05); + --shadow-xs: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.05); + --shadow-sm: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.10), 0px 1px 2px -1px hsl(212.4490 100.0000% 19.2157% / 0.10); + --shadow: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.10), 0px 1px 2px -1px hsl(212.4490 100.0000% 19.2157% / 0.10); + --shadow-md: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.10), 0px 2px 4px -1px hsl(212.4490 100.0000% 19.2157% / 0.10); + --shadow-lg: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.10), 0px 4px 6px -1px hsl(212.4490 100.0000% 19.2157% / 0.10); + --shadow-xl: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.10), 0px 8px 10px -1px hsl(212.4490 100.0000% 19.2157% / 0.10); + --shadow-2xl: 0px 4px 10px 0px hsl(212.4490 100.0000% 19.2157% / 0.25); + --tracking-normal: 0em; } .dark { - --background: oklch(0.145 0 0); - --foreground: oklch(0.985 0 0); - --card: oklch(0.205 0 0); - --card-foreground: oklch(0.985 0 0); - --popover: oklch(0.205 0 0); - --popover-foreground: oklch(0.985 0 0); - --primary: oklch(0.922 0 0); - --primary-foreground: oklch(0.205 0 0); - --secondary: oklch(0.269 0 0); - --secondary-foreground: oklch(0.985 0 0); - --muted: oklch(0.269 0 0); - --muted-foreground: oklch(0.708 0 0); - --accent: oklch(0.269 0 0); - --accent-foreground: oklch(0.985 0 0); - --destructive: oklch(0.704 0.191 22.216); - --border: oklch(1 0 0 / 10%); - --input: oklch(1 0 0 / 15%); - --ring: oklch(0.556 0 0); - --chart-1: oklch(0.488 0.243 264.376); - --chart-2: oklch(0.696 0.17 162.48); - --chart-3: oklch(0.769 0.188 70.08); - --chart-4: oklch(0.627 0.265 303.9); - --chart-5: oklch(0.645 0.246 16.439); - --sidebar: oklch(0.205 0 0); - --sidebar-foreground: oklch(0.985 0 0); - --sidebar-primary: oklch(0.488 0.243 264.376); - --sidebar-primary-foreground: oklch(0.985 0 0); - --sidebar-accent: oklch(0.269 0 0); - --sidebar-accent-foreground: oklch(0.985 0 0); - --sidebar-border: oklch(1 0 0 / 10%); - --sidebar-ring: oklch(0.556 0 0); + --background: oklch(0.2050 0.0200 248.8302); + --foreground: oklch(0.9067 0 0); + --card: oklch(0.2827 0.0373 258.3015); + --card-foreground: oklch(0.9067 0 0); + --popover: oklch(0.2827 0.0373 258.3015); + --popover-foreground: oklch(0.9067 0 0); + --primary: oklch(0.3796 0.1336 256.7753); + --primary-foreground: oklch(1.0000 0 0); + --secondary: oklch(0.6514 0.1612 54.5100); + --secondary-foreground: oklch(1.0000 0 0); + --muted: oklch(0.3452 0.0372 248.9523); + --muted-foreground: oklch(0.7443 0.0256 248.1716); + --accent: oklch(0.7838 0.1630 77.8824); + --accent-foreground: oklch(0.2827 0.0373 258.3015); + --destructive: oklch(0.5771 0.2152 27.3250); + --border: oklch(0.4051 0.0347 256.5815); + --input: oklch(0.3452 0.0372 248.9523); + --ring: oklch(0.4739 0.1744 257.8652); + --chart-1: oklch(0.3796 0.1336 256.7753); + --chart-2: oklch(0.6514 0.1612 54.5100); + --chart-3: oklch(0.7838 0.1630 77.8824); + --chart-4: oklch(0.7488 0.0406 250.7522); + --chart-5: oklch(0.8773 0.0165 245.1083); + --sidebar: oklch(0.2827 0.0373 258.3015); + --sidebar-foreground: oklch(0.9067 0 0); + --sidebar-primary: oklch(0.3796 0.1336 256.7753); + --sidebar-primary-foreground: oklch(1.0000 0 0); + --sidebar-accent: oklch(0.7838 0.1630 77.8824); + --sidebar-accent-foreground: oklch(0.2827 0.0373 258.3015); + --sidebar-border: oklch(0.4051 0.0347 256.5815); + --sidebar-ring: oklch(0.4739 0.1744 257.8652); + --destructive-foreground: oklch(1.0000 0 0); + --radius: 0.25rem; + --font-sans: Inter, ui-sans-serif, sans-serif, system-ui; + --font-serif: Merriweather, ui-serif, serif; + --font-mono: JetBrains Mono, ui-monospace, monospace; + --shadow-color: #000000; + --shadow-opacity: 0.2; + --shadow-blur: 10px; + --shadow-spread: 0px; + --shadow-offset-x: 0px; + --shadow-offset-y: 4px; + --letter-spacing: 0em; + --spacing: 0.25rem; + --shadow-2xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.10); + --shadow-xs: 0px 4px 10px 0px hsl(0 0% 0% / 0.10); + --shadow-sm: 0px 4px 10px 0px hsl(0 0% 0% / 0.20), 0px 1px 2px -1px hsl(0 0% 0% / 0.20); + --shadow: 0px 4px 10px 0px hsl(0 0% 0% / 0.20), 0px 1px 2px -1px hsl(0 0% 0% / 0.20); + --shadow-md: 0px 4px 10px 0px hsl(0 0% 0% / 0.20), 0px 2px 4px -1px hsl(0 0% 0% / 0.20); + --shadow-lg: 0px 4px 10px 0px hsl(0 0% 0% / 0.20), 0px 4px 6px -1px hsl(0 0% 0% / 0.20); + --shadow-xl: 0px 4px 10px 0px hsl(0 0% 0% / 0.20), 0px 8px 10px -1px hsl(0 0% 0% / 0.20); + --shadow-2xl: 0px 4px 10px 0px hsl(0 0% 0% / 0.50); } @layer base { @@ -118,5 +185,6 @@ } body { @apply bg-background text-foreground; + letter-spacing: var(--tracking-normal); } -} +} \ No newline at end of file