From 49c38e99d5de3f57c60186313822227e77248545 Mon Sep 17 00:00:00 2001 From: bkellam Date: Sat, 24 Aug 2024 17:45:44 -0700 Subject: [PATCH] wip - add shadcn, api router, and some other stuff --- components.json | 17 +++ package.json | 18 ++- public/sb_logo_large_3.png | Bin 0 -> 4944 bytes src/app/globals.css | 84 +++++++++---- src/app/page.tsx | 202 ++++++++++++++---------------- src/app/zoekt/search/route.ts | 12 ++ src/components/ui/button.tsx | 56 +++++++++ src/components/ui/input.tsx | 25 ++++ src/components/ui/scroll-area.tsx | 48 +++++++ src/components/ui/separator.tsx | 31 +++++ src/lib/utils.ts | 6 + tailwind.config.ts | 86 +++++++++++-- yarn.lock | 123 ++++++++++++++++++ 13 files changed, 561 insertions(+), 147 deletions(-) create mode 100644 components.json create mode 100644 public/sb_logo_large_3.png create mode 100644 src/app/zoekt/search/route.ts create mode 100644 src/components/ui/button.tsx create mode 100644 src/components/ui/input.tsx create mode 100644 src/components/ui/scroll-area.tsx create mode 100644 src/components/ui/separator.tsx create mode 100644 src/lib/utils.ts diff --git a/components.json b/components.json new file mode 100644 index 00000000..8c574b77 --- /dev/null +++ b/components.json @@ -0,0 +1,17 @@ +{ + "$schema": "https://ui.shadcn.com/schema.json", + "style": "default", + "rsc": true, + "tsx": true, + "tailwind": { + "config": "tailwind.config.ts", + "css": "src/app/globals.css", + "baseColor": "slate", + "cssVariables": true, + "prefix": "" + }, + "aliases": { + "components": "@/components", + "utils": "@/lib/utils" + } +} \ No newline at end of file diff --git a/package.json b/package.json index f0e9e5cd..72ef853c 100644 --- a/package.json +++ b/package.json @@ -9,18 +9,28 @@ "lint": "next lint" }, "dependencies": { + "@radix-ui/react-icons": "^1.3.0", + "@radix-ui/react-scroll-area": "^1.1.0", + "@radix-ui/react-separator": "^1.1.0", + "@radix-ui/react-slot": "^1.1.0", + "class-variance-authority": "^0.7.0", + "clsx": "^2.1.1", + "lucide-react": "^0.435.0", + "next": "14.2.6", "react": "^18", "react-dom": "^18", - "next": "14.2.6" + "tailwind-merge": "^2.5.2", + "tailwindcss-animate": "^1.0.7", + "use-debounce": "^10.0.3" }, "devDependencies": { - "typescript": "^5", "@types/node": "^20", "@types/react": "^18", "@types/react-dom": "^18", + "eslint": "^8", + "eslint-config-next": "14.2.6", "postcss": "^8", "tailwindcss": "^3.4.1", - "eslint": "^8", - "eslint-config-next": "14.2.6" + "typescript": "^5" } } diff --git a/public/sb_logo_large_3.png b/public/sb_logo_large_3.png new file mode 100644 index 0000000000000000000000000000000000000000..7265839ec41f75b4a53d51c45d24333b60df0dd1 GIT binary patch literal 4944 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 literal 0 HcmV?d00001 diff --git a/src/app/globals.css b/src/app/globals.css index 875c01e8..99a7b0c0 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -2,32 +2,68 @@ @tailwind components; @tailwind utilities; -:root { - --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; - --background-end-rgb: 255, 255, 255; -} - -@media (prefers-color-scheme: dark) { +@layer base { :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; + --background: 0 0% 100%; + --foreground: 222.2 84% 4.9%; + --card: 0 0% 100%; + --card-foreground: 222.2 84% 4.9%; + --popover: 0 0% 100%; + --popover-foreground: 222.2 84% 4.9%; + --primary: 222.2 47.4% 11.2%; + --primary-foreground: 210 40% 98%; + --secondary: 210 40% 96.1%; + --secondary-foreground: 222.2 47.4% 11.2%; + --muted: 210 40% 96.1%; + --muted-foreground: 215.4 16.3% 46.9%; + --accent: 210 40% 96.1%; + --accent-foreground: 222.2 47.4% 11.2%; + --destructive: 0 84.2% 60.2%; + --destructive-foreground: 210 40% 98%; + --border: 214.3 31.8% 91.4%; + --input: 214.3 31.8% 91.4%; + --ring: 222.2 84% 4.9%; + --radius: 0.5rem; + --chart-1: 12 76% 61%; + --chart-2: 173 58% 39%; + --chart-3: 197 37% 24%; + --chart-4: 43 74% 66%; + --chart-5: 27 87% 67%; + } + + .dark { + --background: 222.2 84% 4.9%; + --foreground: 210 40% 98%; + --card: 222.2 84% 4.9%; + --card-foreground: 210 40% 98%; + --popover: 222.2 84% 4.9%; + --popover-foreground: 210 40% 98%; + --primary: 210 40% 98%; + --primary-foreground: 222.2 47.4% 11.2%; + --secondary: 217.2 32.6% 17.5%; + --secondary-foreground: 210 40% 98%; + --muted: 217.2 32.6% 17.5%; + --muted-foreground: 215 20.2% 65.1%; + --accent: 217.2 32.6% 17.5%; + --accent-foreground: 210 40% 98%; + --destructive: 0 62.8% 30.6%; + --destructive-foreground: 210 40% 98%; + --border: 217.2 32.6% 17.5%; + --input: 217.2 32.6% 17.5%; + --ring: 212.7 26.8% 83.9%; + --chart-1: 220 70% 50%; + --chart-2: 160 60% 45%; + --chart-3: 30 80% 55%; + --chart-4: 280 65% 60%; + --chart-5: 340 75% 55%; } } -body { - color: rgb(var(--foreground-rgb)); - background: linear-gradient( - to bottom, - transparent, - rgb(var(--background-end-rgb)) - ) - rgb(var(--background-start-rgb)); -} - -@layer utilities { - .text-balance { - text-wrap: balance; +@layer base { + * { + @apply border-border; } -} + body { + @apply bg-background text-foreground; + } +} \ No newline at end of file diff --git a/src/app/page.tsx b/src/app/page.tsx index 2acfd440..953b6dff 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,113 +1,103 @@ +'use client'; + import Image from "next/image"; +import logo from "../../public/sb_logo_large_3.png" +import { Input } from "@/components/ui/input" +import { useEffect, useState } from "react"; +import { useDebouncedCallback } from 'use-debounce'; +import { Separator } from "@/components/ui/separator" + +interface ZoekMatch { + URL: string, + FileName: string, + LineNum: number, + Fragments: { + Pre: string, + Match: string, + Post: string + }[] +} + +interface ZoekFileMatch { + FileName: string, + Repo: string, + Language: string, + Matches: ZoekMatch[], + URL: string, +} + +interface ZoekSearchResult { + result: { + QueryStr: string, + FileMatches: ZoekFileMatch[] | null, + } +} + export default function Home() { - return ( -
-
-

- Get started by editing  - src/app/page.tsx -

- -
-
- Next.js Logo -
+ const [fileMatches, setFileMatches] = useState([]); -
- -

- Docs{" "} - - -> - -

-

- Find in-depth information about Next.js features and API. -

- + const onSearchChanged = useDebouncedCallback((query: string) => { + if (query === "") { + setFileMatches([]); + return; + } + console.log('making query...'); + fetch(`${document.baseURI}/zoekt/search?query=${query}&numResults=50`) + .then(response => response.json()) + .then(({ data }: { data: ZoekSearchResult }) => { + const result = data.result; + setFileMatches(result.FileMatches ?? []); + }) + .catch(error => { + console.error('Error:', error); + }).finally(() => { + console.log('done making query'); + }) + }, 200); - -

- Learn{" "} - - -> - -

-

- Learn about Next.js in an interactive course with quizzes! -

- - - -

- Templates{" "} - - -> - -

-

- Explore starter templates for Next.js. -

- - - -

- Deploy{" "} - - -> - -

-

- Instantly deploy your Next.js site to a shareable URL with Vercel. -

- -
-
- ); + return ( +
+
+ {"Sourcebot + { + const query = e.target.value; + onSearchChanged(query); + }} + /> +
+ +
+

Results for: {fileMatches.length} files

+
+
+ {fileMatches.map((match, index) => ( + + ))} +
+
+ ); +} + +interface FileMatchProps { + match: ZoekFileMatch; +} + +const FileMatch = ({ + match, +}: FileMatchProps) => { + + return ( +
+

{match.Repo} | {match.FileName}

+
+ ); } diff --git a/src/app/zoekt/search/route.ts b/src/app/zoekt/search/route.ts new file mode 100644 index 00000000..2763a889 --- /dev/null +++ b/src/app/zoekt/search/route.ts @@ -0,0 +1,12 @@ +import { type NextRequest } from 'next/server' + +export async function GET(request: NextRequest) { + const searchParams = request.nextUrl.searchParams; + const query = searchParams.get('query'); + const numResults = searchParams.get('numResults'); + + const res = await fetch(`http://localhost:6070/search?q=${query}&num=${numResults}&format=json`); + const data = await res.json(); + + return Response.json({ data }) +} \ No newline at end of file diff --git a/src/components/ui/button.tsx b/src/components/ui/button.tsx new file mode 100644 index 00000000..0ba42773 --- /dev/null +++ b/src/components/ui/button.tsx @@ -0,0 +1,56 @@ +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" + +const buttonVariants = cva( + "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", + { + variants: { + variant: { + default: "bg-primary text-primary-foreground hover:bg-primary/90", + destructive: + "bg-destructive text-destructive-foreground hover:bg-destructive/90", + outline: + "border border-input bg-background hover:bg-accent hover:text-accent-foreground", + secondary: + "bg-secondary text-secondary-foreground hover:bg-secondary/80", + ghost: "hover:bg-accent hover:text-accent-foreground", + link: "text-primary underline-offset-4 hover:underline", + }, + 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 +} + +const Button = React.forwardRef( + ({ className, variant, size, asChild = false, ...props }, ref) => { + const Comp = asChild ? Slot : "button" + return ( + + ) + } +) +Button.displayName = "Button" + +export { Button, buttonVariants } diff --git a/src/components/ui/input.tsx b/src/components/ui/input.tsx new file mode 100644 index 00000000..677d05fd --- /dev/null +++ b/src/components/ui/input.tsx @@ -0,0 +1,25 @@ +import * as React from "react" + +import { cn } from "@/lib/utils" + +export interface InputProps + extends React.InputHTMLAttributes {} + +const Input = React.forwardRef( + ({ className, type, ...props }, ref) => { + return ( + + ) + } +) +Input.displayName = "Input" + +export { Input } diff --git a/src/components/ui/scroll-area.tsx b/src/components/ui/scroll-area.tsx new file mode 100644 index 00000000..0b4a48d8 --- /dev/null +++ b/src/components/ui/scroll-area.tsx @@ -0,0 +1,48 @@ +"use client" + +import * as React from "react" +import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area" + +import { cn } from "@/lib/utils" + +const ScrollArea = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, children, ...props }, ref) => ( + + + {children} + + + + +)) +ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName + +const ScrollBar = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>(({ className, orientation = "vertical", ...props }, ref) => ( + + + +)) +ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName + +export { ScrollArea, ScrollBar } diff --git a/src/components/ui/separator.tsx b/src/components/ui/separator.tsx new file mode 100644 index 00000000..12d81c4a --- /dev/null +++ b/src/components/ui/separator.tsx @@ -0,0 +1,31 @@ +"use client" + +import * as React from "react" +import * as SeparatorPrimitive from "@radix-ui/react-separator" + +import { cn } from "@/lib/utils" + +const Separator = React.forwardRef< + React.ElementRef, + React.ComponentPropsWithoutRef +>( + ( + { className, orientation = "horizontal", decorative = true, ...props }, + ref + ) => ( + + ) +) +Separator.displayName = SeparatorPrimitive.Root.displayName + +export { Separator } diff --git a/src/lib/utils.ts b/src/lib/utils.ts new file mode 100644 index 00000000..d084ccad --- /dev/null +++ b/src/lib/utils.ts @@ -0,0 +1,6 @@ +import { type ClassValue, clsx } from "clsx" +import { twMerge } from "tailwind-merge" + +export function cn(...inputs: ClassValue[]) { + return twMerge(clsx(inputs)) +} diff --git a/tailwind.config.ts b/tailwind.config.ts index e9a0944e..84287e82 100644 --- a/tailwind.config.ts +++ b/tailwind.config.ts @@ -1,20 +1,80 @@ -import type { Config } from "tailwindcss"; +import type { Config } from "tailwindcss" -const config: Config = { +const config = { + darkMode: ["class"], content: [ - "./src/pages/**/*.{js,ts,jsx,tsx,mdx}", - "./src/components/**/*.{js,ts,jsx,tsx,mdx}", - "./src/app/**/*.{js,ts,jsx,tsx,mdx}", - ], + './pages/**/*.{ts,tsx}', + './components/**/*.{ts,tsx}', + './app/**/*.{ts,tsx}', + './src/**/*.{ts,tsx}', + ], + prefix: "", theme: { + container: { + center: true, + padding: "2rem", + screens: { + "2xl": "1400px", + }, + }, extend: { - backgroundImage: { - "gradient-radial": "radial-gradient(var(--tw-gradient-stops))", - "gradient-conic": - "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))", + colors: { + border: "hsl(var(--border))", + input: "hsl(var(--input))", + ring: "hsl(var(--ring))", + background: "hsl(var(--background))", + foreground: "hsl(var(--foreground))", + primary: { + DEFAULT: "hsl(var(--primary))", + foreground: "hsl(var(--primary-foreground))", + }, + secondary: { + DEFAULT: "hsl(var(--secondary))", + foreground: "hsl(var(--secondary-foreground))", + }, + destructive: { + DEFAULT: "hsl(var(--destructive))", + foreground: "hsl(var(--destructive-foreground))", + }, + muted: { + DEFAULT: "hsl(var(--muted))", + foreground: "hsl(var(--muted-foreground))", + }, + accent: { + DEFAULT: "hsl(var(--accent))", + foreground: "hsl(var(--accent-foreground))", + }, + popover: { + DEFAULT: "hsl(var(--popover))", + foreground: "hsl(var(--popover-foreground))", + }, + card: { + DEFAULT: "hsl(var(--card))", + foreground: "hsl(var(--card-foreground))", + }, + }, + borderRadius: { + lg: "var(--radius)", + md: "calc(var(--radius) - 2px)", + sm: "calc(var(--radius) - 4px)", + }, + keyframes: { + "accordion-down": { + from: { height: "0" }, + to: { height: "var(--radix-accordion-content-height)" }, + }, + "accordion-up": { + from: { height: "var(--radix-accordion-content-height)" }, + to: { height: "0" }, + }, + }, + animation: { + "accordion-down": "accordion-down 0.2s ease-out", + "accordion-up": "accordion-up 0.2s ease-out", }, }, }, - plugins: [], -}; -export default config; + plugins: [require("tailwindcss-animate")], +} satisfies Config + +export default config \ No newline at end of file diff --git a/yarn.lock b/yarn.lock index cfb7f228..1049bbe4 100644 --- a/yarn.lock +++ b/yarn.lock @@ -185,6 +185,90 @@ resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33" integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg== +"@radix-ui/number@1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/number/-/number-1.1.0.tgz#1e95610461a09cdf8bb05c152e76ca1278d5da46" + integrity sha512-V3gRzhVNU1ldS5XhAPTom1fOIo4ccrjjJgmE+LI2h/WaFpHmx0MQApT+KZHnx8abG6Avtfcz4WoEciMnpFT3HQ== + +"@radix-ui/primitive@1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/primitive/-/primitive-1.1.0.tgz#42ef83b3b56dccad5d703ae8c42919a68798bbe2" + integrity sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA== + +"@radix-ui/react-compose-refs@1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz#656432461fc8283d7b591dcf0d79152fae9ecc74" + integrity sha512-b4inOtiaOnYf9KWyO3jAeeCG6FeyfY6ldiEPanbUjWd+xIk5wZeHa8yVwmrJ2vderhu/BQvzCrJI0lHd+wIiqw== + +"@radix-ui/react-context@1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-context/-/react-context-1.1.0.tgz#6df8d983546cfd1999c8512f3a8ad85a6e7fcee8" + integrity sha512-OKrckBy+sMEgYM/sMmqmErVn0kZqrHPJze+Ql3DzYsDDp0hl0L62nx/2122/Bvps1qz645jlcu2tD9lrRSdf8A== + +"@radix-ui/react-direction@1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-direction/-/react-direction-1.1.0.tgz#a7d39855f4d077adc2a1922f9c353c5977a09cdc" + integrity sha512-BUuBvgThEiAXh2DWu93XsT+a3aWrGqolGlqqw5VU1kG7p/ZH2cuDlM1sRLNnY3QcBS69UIz2mcKhMxDsdewhjg== + +"@radix-ui/react-icons@^1.3.0": + version "1.3.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-icons/-/react-icons-1.3.0.tgz#c61af8f323d87682c5ca76b856d60c2312dbcb69" + integrity sha512-jQxj/0LKgp+j9BiTXz3O3sgs26RNet2iLWmsPyRz2SIcR4q/4SbazXfnYwbAr+vLYKSfc7qxzyGQA1HLlYiuNw== + +"@radix-ui/react-presence@1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-presence/-/react-presence-1.1.0.tgz#227d84d20ca6bfe7da97104b1a8b48a833bfb478" + integrity sha512-Gq6wuRN/asf9H/E/VzdKoUtT8GC9PQc9z40/vEr0VCJ4u5XvvhWIrSsCB6vD2/cH7ugTdSfYq9fLJCcM00acrQ== + dependencies: + "@radix-ui/react-compose-refs" "1.1.0" + "@radix-ui/react-use-layout-effect" "1.1.0" + +"@radix-ui/react-primitive@2.0.0": + version "2.0.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-primitive/-/react-primitive-2.0.0.tgz#fe05715faa9203a223ccc0be15dc44b9f9822884" + integrity sha512-ZSpFm0/uHa8zTvKBDjLFWLo8dkr4MBsiDLz0g3gMUwqgLHz9rTaRRGYDgvZPtBJgYCBKXkS9fzmoySgr8CO6Cw== + dependencies: + "@radix-ui/react-slot" "1.1.0" + +"@radix-ui/react-scroll-area@^1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-scroll-area/-/react-scroll-area-1.1.0.tgz#50b24b0fc9ada151d176395bcf47b2ec68feada5" + integrity sha512-9ArIZ9HWhsrfqS765h+GZuLoxaRHD/j0ZWOWilsCvYTpYJp8XwCqNG7Dt9Nu/TItKOdgLGkOPCodQvDc+UMwYg== + dependencies: + "@radix-ui/number" "1.1.0" + "@radix-ui/primitive" "1.1.0" + "@radix-ui/react-compose-refs" "1.1.0" + "@radix-ui/react-context" "1.1.0" + "@radix-ui/react-direction" "1.1.0" + "@radix-ui/react-presence" "1.1.0" + "@radix-ui/react-primitive" "2.0.0" + "@radix-ui/react-use-callback-ref" "1.1.0" + "@radix-ui/react-use-layout-effect" "1.1.0" + +"@radix-ui/react-separator@^1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-separator/-/react-separator-1.1.0.tgz#ee0f4d86003b0e3ea7bc6ccab01ea0adee32663e" + integrity sha512-3uBAs+egzvJBDZAzvb/n4NxxOYpnspmWxO2u5NbZ8Y6FM/NdrGSF9bop3Cf6F6C71z1rTSn8KV0Fo2ZVd79lGA== + dependencies: + "@radix-ui/react-primitive" "2.0.0" + +"@radix-ui/react-slot@1.1.0", "@radix-ui/react-slot@^1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-slot/-/react-slot-1.1.0.tgz#7c5e48c36ef5496d97b08f1357bb26ed7c714b84" + integrity sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw== + dependencies: + "@radix-ui/react-compose-refs" "1.1.0" + +"@radix-ui/react-use-callback-ref@1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz#bce938ca413675bc937944b0d01ef6f4a6dc5bf1" + integrity sha512-CasTfvsy+frcFkbXtSJ2Zu9JHpN8TYKxkgJGWbjiZhFivxaeW7rMeZt7QELGVLaYVfFMsKHjb7Ak0nMEe+2Vfw== + +"@radix-ui/react-use-layout-effect@1.1.0": + version "1.1.0" + resolved "https://registry.yarnpkg.com/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.0.tgz#3c2c8ce04827b26a39e442ff4888d9212268bd27" + integrity sha512-+FPE0rOdziWSrH9athwI1R0HDVbWlEhd+FR+aSDk4uWGmSJ9Z54sdZVDQPZAinJhJXwfT+qnj969mCsT2gfm5w== + "@rushstack/eslint-patch@^1.3.3": version "1.10.4" resolved "https://registry.yarnpkg.com/@rushstack/eslint-patch/-/eslint-patch-1.10.4.tgz#427d5549943a9c6fce808e39ea64dbe60d4047f1" @@ -564,11 +648,28 @@ chokidar@^3.5.3: optionalDependencies: fsevents "~2.3.2" +class-variance-authority@^0.7.0: + version "0.7.0" + resolved "https://registry.yarnpkg.com/class-variance-authority/-/class-variance-authority-0.7.0.tgz#1c3134d634d80271b1837452b06d821915954522" + integrity sha512-jFI8IQw4hczaL4ALINxqLEXQbWcNjoSkloa4IaufXCJr6QawJyw7tuRysRsrE8w2p/4gGaxKIt/hX3qz/IbD1A== + dependencies: + clsx "2.0.0" + client-only@0.0.1: version "0.0.1" resolved "https://registry.yarnpkg.com/client-only/-/client-only-0.0.1.tgz#38bba5d403c41ab150bff64a95c85013cf73bca1" integrity sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA== +clsx@2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.0.0.tgz#12658f3fd98fafe62075595a5c30e43d18f3d00b" + integrity sha512-rQ1+kcj+ttHG0MKVGBUXwayCCF1oh39BF5COIpRzuCEv8Mwjv0XucrI2ExNTOn9IlLifGClWQcU9BrZORvtw6Q== + +clsx@^2.1.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/clsx/-/clsx-2.1.1.tgz#eed397c9fd8bd882bfb18deab7102049a2f32999" + integrity sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA== + color-convert@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/color-convert/-/color-convert-2.0.1.tgz#72d3a68d598c9bdb3af2ad1e84f21d896abd4de3" @@ -1760,6 +1861,11 @@ lru-cache@^10.2.0: resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.4.3.tgz#410fc8a17b70e598013df257c2446b7f3383f119" integrity sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ== +lucide-react@^0.435.0: + version "0.435.0" + resolved "https://registry.yarnpkg.com/lucide-react/-/lucide-react-0.435.0.tgz#88c5cc6de61b89e42cbef309a38f100deee1bb32" + integrity sha512-we5GKfzjMDw9m9SsyZJvWim9qaT+Ya5kaRS+OGFqgLqXUrPM1h+7CiMw5pKdEIoaBqfXz2pyv9TASAdpIAJs0Q== + merge2@^1.3.0, merge2@^1.4.1: version "1.4.1" resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae" @@ -2337,6 +2443,7 @@ streamsearch@^1.1.0: integrity sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg== "string-width-cjs@npm:string-width@^4.2.0", string-width@^4.1.0: + name string-width-cjs version "4.2.3" resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== @@ -2417,6 +2524,7 @@ string.prototype.trimstart@^1.0.8: es-object-atoms "^1.0.0" "strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: + name strip-ansi-cjs version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -2472,6 +2580,16 @@ supports-preserve-symlinks-flag@^1.0.0: resolved "https://registry.yarnpkg.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz#6eda4bd344a3c94aea376d4cc31bc77311039e09" integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w== +tailwind-merge@^2.5.2: + version "2.5.2" + resolved "https://registry.yarnpkg.com/tailwind-merge/-/tailwind-merge-2.5.2.tgz#000f05a703058f9f9f3829c644235f81d4c08a1f" + integrity sha512-kjEBm+pvD+6eAwzJL2Bi+02/9LFLal1Gs61+QB7HvTfQQ0aXwC5LGT8PEt1gS0CWKktKe6ysPTAy3cBC5MeiIg== + +tailwindcss-animate@^1.0.7: + version "1.0.7" + resolved "https://registry.yarnpkg.com/tailwindcss-animate/-/tailwindcss-animate-1.0.7.tgz#318b692c4c42676cc9e67b19b78775742388bef4" + integrity sha512-bl6mpH3T7I3UFxuvDEXLxy/VuFxBk5bbzplh7tXI68mwMokNYd1t9qPBHlnyTwfa4JGC4zP516I1hYYtQ/vspA== + tailwindcss@^3.4.1: version "3.4.10" resolved "https://registry.yarnpkg.com/tailwindcss/-/tailwindcss-3.4.10.tgz#70442d9aeb78758d1f911af29af8255ecdb8ffef" @@ -2639,6 +2757,11 @@ uri-js@^4.2.2: dependencies: punycode "^2.1.0" +use-debounce@^10.0.3: + version "10.0.3" + resolved "https://registry.yarnpkg.com/use-debounce/-/use-debounce-10.0.3.tgz#636094a37f7aa2bcc77b26b961481a0b571bf7ea" + integrity sha512-DxQSI9ZKso689WM1mjgGU3ozcxU1TJElBJ3X6S4SMzMNcm2lVH0AHmyXB+K7ewjz2BSUKJTDqTcwtSMRfB89dg== + util-deprecate@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/util-deprecate/-/util-deprecate-1.0.2.tgz#450d4dc9fa70de732762fbd2d4a28981419a0ccf"