.

2025-05-10 10:40:40 +02:00 · 2025-05-10 10:40:40 +02:00 · 72a50cc0b1
commit 72a50cc0b1
parent 4dbffbe7dc
34 changed files with 865 additions and 592 deletions
--- a/apps/web/package.json
+++ b/apps/web/package.json
@ -15,10 +15,9 @@
  "dependencies": {
    "@erp/auth": "workspace:*",
    "@erp/core": "workspace:*",
-    "@repo/shadcn-ui": "workspace:*",
    "@repo/rdx-criteria": "workspace:*",
    "@repo/rdx-ui": "workspace:*",
-    "@tailwindcss/vite": "^4.1.5",
+    "@repo/shadcn-ui": "workspace:*",
    "@tanstack/react-query": "^5.74.11",
    "axios": "^1.9.0",
    "i18next": "^25.0.2",
@ -30,14 +29,18 @@
    "react-i18next": "^15.0.1",
    "react-router-dom": "^6.26.0",
    "react-secure-storage": "^1.3.2",
-    "tailwindcss": "^4.1.5",
+    "tailwind-merge": "^3.2.0",
+    "tailwindcss": "^4.1.6",
    "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.2.9",
    "vite-plugin-html": "^3.2.2"
  },
  "devDependencies": {
    "@biomejs/biome": "1.9.4",
    "@hookform/devtools": "^4.4.0",
    "@repo/typescript-config": "workspace:*",
+    "@tailwindcss/postcss": "^4.1.5",
+    "@tailwindcss/vite": "^4.1.6",
    "@tanstack/react-query-devtools": "^5.74.11",
    "@types/axios": "^0.14.4",
    "@types/node": "^22.15.12",
--- a/apps/web/postcss.config.mjs
+++ b/apps/web/postcss.config.mjs
@ -0,0 +1 @@
+export { default } from "@repo/shadcn-ui/postcss.config";
--- a/apps/web/src/App.css
+++ b/apps/web/src/App.css
@ -0,0 +1,175 @@
+@import "tailwindcss";
+
+@tailwind utilities;
+@plugin "tailwindcss-animate";
+
+@custom-variant dark (&:is(.dark *));
+
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}
+
+:root {
+  --background: hsl(0 0% 100%);
+  --foreground: hsl(0 0% 3.9%);
+  --card: hsl(0 0% 100%);
+  --card-foreground: hsl(0 0% 3.9%);
+  --popover: hsl(0 0% 100%);
+  --popover-foreground: hsl(0 0% 3.9%);
+  --primary: hsl(0 0% 9%);
+  --primary-foreground: hsl(0 0% 98%);
+  --secondary: hsl(0 0% 96.1%);
+  --secondary-foreground: hsl(0 0% 9%);
+  --muted: hsl(0 0% 96.1%);
+  --muted-foreground: hsl(0 0% 45.1%);
+  --accent: hsl(0 0% 96.1%);
+  --accent-foreground: hsl(0 0% 9%);
+  --destructive: hsl(0 84.2% 60.2%);
+  --destructive-foreground: hsl(0 0% 98%);
+  --border: hsl(0 0% 89.8%);
+  --input: hsl(0 0% 89.8%);
+  --ring: hsl(0 0% 3.9%);
+  --chart-1: hsl(12 76% 61%);
+  --chart-2: hsl(173 58% 39%);
+  --chart-3: hsl(197 37% 24%);
+  --chart-4: hsl(43 74% 66%);
+  --chart-5: hsl(27 87% 67%);
+  --radius: 0.6rem;
+  --sidebar: hsl(0 0% 98%);
+  --sidebar-foreground: hsl(240 5.3% 26.1%);
+  --sidebar-primary: hsl(240 5.9% 10%);
+  --sidebar-primary-foreground: hsl(0 0% 98%);
+  --sidebar-accent: hsl(240 4.8% 95.9%);
+  --sidebar-accent-foreground: hsl(240 5.9% 10%);
+  --sidebar-border: hsl(220 13% 91%);
+  --sidebar-ring: hsl(217.2 91.2% 59.8%);
+}
+
+.dark {
+  --background: hsl(0 0% 3.9%);
+  --foreground: hsl(0 0% 98%);
+  --card: hsl(0 0% 3.9%);
+  --card-foreground: hsl(0 0% 98%);
+  --popover: hsl(0 0% 3.9%);
+  --popover-foreground: hsl(0 0% 98%);
+  --primary: hsl(0 0% 98%);
+  --primary-foreground: hsl(0 0% 9%);
+  --secondary: hsl(0 0% 14.9%);
+  --secondary-foreground: hsl(0 0% 98%);
+  --muted: hsl(0 0% 14.9%);
+  --muted-foreground: hsl(0 0% 63.9%);
+  --accent: hsl(0 0% 14.9%);
+  --accent-foreground: hsl(0 0% 98%);
+  --destructive: hsl(0 62.8% 30.6%);
+  --destructive-foreground: hsl(0 0% 98%);
+  --border: hsl(0 0% 14.9%);
+  --input: hsl(0 0% 14.9%);
+  --ring: hsl(0 0% 83.1%);
+  --chart-1: hsl(220 70% 50%);
+  --chart-2: hsl(160 60% 45%);
+  --chart-3: hsl(30 80% 55%);
+  --chart-4: hsl(280 65% 60%);
+  --chart-5: hsl(340 75% 55%);
+  --sidebar: hsl(240 5.9% 10%);
+  --sidebar-foreground: hsl(240 4.8% 95.9%);
+  --sidebar-primary: hsl(224.3 76.3% 48%);
+  --sidebar-primary-foreground: hsl(0 0% 100%);
+  --sidebar-accent: hsl(240 3.7% 15.9%);
+  --sidebar-accent-foreground: hsl(240 4.8% 95.9%);
+  --sidebar-border: hsl(240 3.7% 15.9%);
+  --sidebar-ring: hsl(217.2 91.2% 59.8%);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+
+  @keyframes accordion-down {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--radix-accordion-content-height);
+    }
+  }
+
+  @keyframes accordion-up {
+    from {
+      height: var(--radix-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
--- a/apps/web/src/App.tsx
+++ b/apps/web/src/App.tsx
@ -1,56 +1,18 @@
-import { Prueba } from "@repo/rdx-ui/components";
-import { Button, Toaster, TooltipProvider } from "@repo/shadcn-ui/components";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
-import { Suspense, useState } from "react";
-import { I18nextProvider } from "react-i18next";
+import { useState } from "react";

-import { LoadingOverlay, TailwindIndicator } from "@/components";
-import { createAxiosDataProvider } from "@/lib/axios/create-axios-data-provider";
-import { DataSourceProvider, ThemeProvider, UnsavedWarnProvider } from "@/lib/hooks";
-import { i18n } from "@/locales";
+import { AvatarDemo } from "./components/avatar-demo";
+import { BreadcrumbDemo } from "./components/b-demo";

-import "./global.css";
+import "./App.css";

 function App() {
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      queries: {
-        retry: false,
-        staleTime: 10000, // Specify a staleTime to only fetch when the data is older than a certain amount of time
-      },
-    },
-  });
-
  const [count, setCount] = useState(0);

  return (
-    <I18nextProvider i18n={i18n}>
-      <QueryClientProvider client={queryClient}>
-        <DataSourceProvider dataSource={createAxiosDataProvider(import.meta.env.VITE_API_URL)}>
-          <ThemeProvider defaultTheme='light' storageKey='vite-ui-theme'>
-            <TooltipProvider delayDuration={0}>
-              <UnsavedWarnProvider>
-                <Suspense fallback={<LoadingOverlay />}>
-                  <div className='container mx-auto p-4'>
-                    <Prueba />
-                    <h1 className='text-xl font-bold mb-2'>This is a Vite application</h1>
-                    <p className='mb-4'>
-                      This shadcn/ui button is shared between Vite, NextJS and any other
-                      application.
-                    </p>
-                    <Button onClick={() => setCount((count) => count + 1)}>Count is {count}</Button>
-                  </div>
-                </Suspense>
-              </UnsavedWarnProvider>
-            </TooltipProvider>
-            <Toaster />
-            <TailwindIndicator />
-            {import.meta.env.MODE === "development" && <ReactQueryDevtools initialIsOpen={false} />}
-          </ThemeProvider>
-        </DataSourceProvider>
-      </QueryClientProvider>
-    </I18nextProvider>
+    <>
+      <AvatarDemo />
+      <BreadcrumbDemo />
+    </>
  );
 }

--- a/apps/web/src/components/avatar-demo.tsx
+++ b/apps/web/src/components/avatar-demo.tsx
@ -0,0 +1,65 @@
+import { Avatar, AvatarFallback, AvatarImage } from "@repo/shadcn-ui/components";
+
+export function AvatarDemo() {
+  return (
+    <div className='flex flex-row flex-wrap items-center gap-4'>
+      <Avatar>
+        <AvatarImage src='https://github.com/shadcn.png' alt='@shadcn' />
+        <AvatarFallback>CN</AvatarFallback>
+      </Avatar>
+      <Avatar>
+        <AvatarFallback>CN</AvatarFallback>
+      </Avatar>
+      <Avatar className='size-12'>
+        <AvatarImage src='https://github.com/shadcn.png' alt='@shadcn' />
+        <AvatarFallback>CN</AvatarFallback>
+      </Avatar>
+      <Avatar className='rounded-lg'>
+        <AvatarImage src='https://github.com/evilrabbit.png' alt='@evilrabbit' />
+        <AvatarFallback>ER</AvatarFallback>
+      </Avatar>
+      <div className='*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale'>
+        <Avatar>
+          <AvatarImage src='https://github.com/shadcn.png' alt='@shadcn' />
+          <AvatarFallback>CN</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage src='https://github.com/leerob.png' alt='@leerob' />
+          <AvatarFallback>LR</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage src='https://github.com/evilrabbit.png' alt='@evilrabbit' />
+          <AvatarFallback>ER</AvatarFallback>
+        </Avatar>
+      </div>
+      <div className='*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:size-12 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale'>
+        <Avatar>
+          <AvatarImage src='https://github.com/shadcn.png' alt='@shadcn' />
+          <AvatarFallback>CN</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage src='https://github.com/leerob.png' alt='@leerob' />
+          <AvatarFallback>LR</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage src='https://github.com/evilrabbit.png' alt='@evilrabbit' />
+          <AvatarFallback>ER</AvatarFallback>
+        </Avatar>
+      </div>
+      <div className='*:data-[slot=avatar]:ring-background flex -space-x-2 hover:space-x-1 *:data-[slot=avatar]:size-12 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale *:data-[slot=avatar]:transition-all *:data-[slot=avatar]:duration-300 *:data-[slot=avatar]:ease-in-out'>
+        <Avatar>
+          <AvatarImage src='https://github.com/shadcn.png' alt='@shadcn' />
+          <AvatarFallback>CN</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage src='https://github.com/leerob.png' alt='@leerob' />
+          <AvatarFallback>LR</AvatarFallback>
+        </Avatar>
+        <Avatar>
+          <AvatarImage src='https://github.com/evilrabbit.png' alt='@evilrabbit' />
+          <AvatarFallback>ER</AvatarFallback>
+        </Avatar>
+      </div>
+    </div>
+  );
+}
--- a/apps/web/src/components/b-demo.tsx
+++ b/apps/web/src/components/b-demo.tsx
@ -0,0 +1,49 @@
+import {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+} from "@repo/shadcn-ui/components";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from "@repo/shadcn-ui/components";
+
+export function BreadcrumbDemo() {
+  return (
+    <Breadcrumb>
+      <BreadcrumbList>
+        <BreadcrumbItem>
+          <BreadcrumbLink href='/'>Home</BreadcrumbLink>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator />
+        <BreadcrumbItem>
+          <DropdownMenu>
+            <DropdownMenuTrigger className='flex items-center gap-1'>
+              <BreadcrumbEllipsis className='h-4 w-4' />
+              <span className='sr-only'>Toggle menu</span>
+            </DropdownMenuTrigger>
+            <DropdownMenuContent align='start'>
+              <DropdownMenuItem>Documentation</DropdownMenuItem>
+              <DropdownMenuItem>Themes</DropdownMenuItem>
+              <DropdownMenuItem>GitHub</DropdownMenuItem>
+            </DropdownMenuContent>
+          </DropdownMenu>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator />
+        <BreadcrumbItem>
+          <BreadcrumbLink href='/docs/components'>Components</BreadcrumbLink>
+        </BreadcrumbItem>
+        <BreadcrumbSeparator />
+        <BreadcrumbItem>
+          <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
+        </BreadcrumbItem>
+      </BreadcrumbList>
+    </Breadcrumb>
+  );
+}
--- a/apps/web/src/components/custom-dialog.tsx
+++ b/apps/web/src/components/custom-dialog.tsx
@ -1,55 +0,0 @@
-import {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogTitle,
-} from "@repo/shadcn-ui/components";
-import { SyntheticEvent } from "react";
-import { Link } from "react-router-dom";
-
-interface CustomDialogProps {
-  isOpen: boolean;
-  onCancel: (event: SyntheticEvent) => void;
-  onConfirm: (event: SyntheticEvent) => void;
-  title: React.ReactNode;
-  description: React.ReactNode;
-  cancelLabel: React.ReactNode;
-  confirmLabel: React.ReactNode;
-}
-
-export const CustomDialog = ({
-  isOpen,
-  onCancel,
-  onConfirm,
-  title,
-  description,
-  cancelLabel,
-  confirmLabel,
-}: CustomDialogProps) => {
-  return (
-    <AlertDialog open={isOpen}>
-      <AlertDialogContent>
-        <AlertDialogHeader>
-          <AlertDialogTitle>{title}</AlertDialogTitle>
-          <AlertDialogDescription>{description}</AlertDialogDescription>
-        </AlertDialogHeader>
-        <AlertDialogFooter>
-          <AlertDialogCancel>
-            <Link to='#' onClick={onCancel}>
-              {cancelLabel}
-            </Link>
-          </AlertDialogCancel>
-          <AlertDialogAction>
-            <Link to='#' onClick={onConfirm}>
-              {confirmLabel}
-            </Link>
-          </AlertDialogAction>
-        </AlertDialogFooter>
-      </AlertDialogContent>
-    </AlertDialog>
-  );
-};
--- a/apps/web/src/components/index.tsx
+++ b/apps/web/src/components/index.tsx
@ -1,3 +1 @@
-export * from "./tailwind-indicator.tsx";
-export * from "./loading-overlay";
-export * from "./custom-dialog.tsx";
+export * from "./slider-demo";
--- a/apps/web/src/components/loading-overlay/index.tsx
+++ b/apps/web/src/components/loading-overlay/index.tsx
@ -1 +0,0 @@
-export * from "./loading-overlay.tsx";
--- a/apps/web/src/components/loading-overlay/loading-indicator.tsx
+++ b/apps/web/src/components/loading-overlay/loading-indicator.tsx
@ -1,53 +0,0 @@
-import { cn } from "@repo/shadcn-ui/lib/utils";
-import { t } from "i18next";
-import { LoadingSpinIcon } from "./loading-spin-icon";
-
-export type LoadingIndicatorProps = {
-  look?: "dark" | string;
-  size?: number;
-  active?: boolean;
-  title?: string;
-  subtitle?: string;
-};
-
-export const LoadingIndicator = ({
-  active = true,
-  look = "dark",
-  title = t("components.loading_indicator.title"),
-  subtitle = "",
-}: LoadingIndicatorProps) => {
-  const isDark = look === "dark";
-  const loadingSpinClassName = isDark ? "text-brand" : "text-white";
-
-  if (!active) {
-    return;
-  }
-
-  return (
-    <div
-      className={
-        "flex flex-col items-center justify-center max-w-xs justify-center w-full h-full mx-auto"
-      }
-    >
-      <LoadingSpinIcon size={12} className={loadingSpinClassName} />
-      {/*<Spinner {...spinnerProps} />*/}
-      {title ? (
-        <h2
-          className={cn(
-            "mt-6 text-xl font-semibold text-center text-white",
-            isDark ? "text-slate-600" : "text-white"
-          )}
-        >
-          {title}
-        </h2>
-      ) : null}
-      {subtitle ? (
-        <p className={cn("text-center text-white", isDark ? "text-slate-600" : "text-white")}>
-          {subtitle}
-        </p>
-      ) : null}
-    </div>
-  );
-};
-
-LoadingIndicator.displayName = "LoadingIndicator";
--- a/apps/web/src/components/loading-overlay/loading-overlay.tsx
+++ b/apps/web/src/components/loading-overlay/loading-overlay.tsx
@ -1,26 +0,0 @@
-import { t } from "i18next";
-import { LoadingIndicator } from "./loading-indicator";
-
-export type LoadingOverlayProps = {
-  title?: string;
-  subtitle?: string;
-};
-
-export const LoadingOverlay = ({
-  title = t("components.loading_overlay.title"),
-  subtitle = t("components.loading_overlay.subtitle"),
-  ...props
-}: LoadingOverlayProps) => {
-  return (
-    <div
-      className={
-        "fixed top-0 bottom-0 left-0 right-0 z-50 w-full h-screen overflow-hidden flex justify-center bg-background/85"
-      }
-      {...props}
-    >
-      <LoadingIndicator look='dark' title={title} subtitle={subtitle} />
-    </div>
-  );
-};
-
-LoadingOverlay.displayName = "LoadingOverlay";
--- a/apps/web/src/components/loading-overlay/loading-spin-icon.tsx
+++ b/apps/web/src/components/loading-overlay/loading-spin-icon.tsx
@ -1,27 +0,0 @@
-import { JSX } from "react";
-
-export const LoadingSpinIcon = ({
-  size = 5,
-  color = "brand",
-  className,
-}: {
-  size?: number;
-  color?: string;
-  className?: string;
-}): JSX.Element => (
-  <svg
-    className={`animate-spin text-${color} w-${size} h-${size} ${className}`}
-    xmlns='http://www.w3.org/2000/svg'
-    fill='none'
-    viewBox='0 0 24 24'
-  >
-    <title>Loading spinner</title>
-    <circle className='opacity-25' cx='12' cy='12' r='10' stroke='currentColor' strokeWidth='4' />
-
-    <path
-      className='opacity-75'
-      fill='currentColor'
-      d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'
-    />
-  </svg>
-);
--- a/apps/web/src/components/slider-demo.tsx
+++ b/apps/web/src/components/slider-demo.tsx
@ -0,0 +1,16 @@
+import { Slider } from "@repo/shadcn-ui/components";
+import { cn } from "@repo/shadcn-ui/lib/utils";
+
+type SliderProps = React.ComponentProps<typeof Slider>;
+
+export function SliderDemo({ className, ...props }: SliderProps) {
+  return (
+    <Slider
+      defaultValue={[50]}
+      max={100}
+      step={1}
+      className={cn("w-[60%]", className)}
+      {...props}
+    />
+  );
+}
--- a/apps/web/src/components/tailwind-indicator.tsx
+++ b/apps/web/src/components/tailwind-indicator.tsx
@ -1,14 +0,0 @@
-export function TailwindIndicator() {
-  if (process.env.NODE_ENV === "production") return null;
-
-  return (
-    <div className='fixed z-50 flex items-center justify-center p-3 font-mono text-xs text-white bg-gray-800 rounded-full bottom-1 left-1 size-6'>
-      <div className='block sm:hidden'>xs</div>
-      <div className='hidden sm:block md:hidden lg:hidden xl:hidden 2xl:hidden'>sm</div>
-      <div className='hidden md:block lg:hidden xl:hidden 2xl:hidden'>md</div>
-      <div className='hidden lg:block xl:hidden 2xl:hidden'>lg</div>
-      <div className='hidden xl:block 2xl:hidden'>xl</div>
-      <div className='hidden 2xl:block'>2xl</div>
-    </div>
-  );
-}
--- a/apps/web/src/global.css
+++ b/apps/web/src/global.css
@ -1,143 +1,26 @@
-@import "tailwindcss";
-@plugin "tailwindcss-animate";
-@import "@repo/shadcn-ui/globals.css";
-
-@theme {
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
+@import 'tailwindcss';
+@import '@repo/shadcn-ui/globals.css';
+@import '@repo/rdx-ui/globals.css';

 :root {
-  --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);
-  --destructive-foreground: oklch(0.577 0.245 27.325);
-  --border: oklch(0.922 0 0);
-  --input: oklch(0.922 0 0);
-  --ring: oklch(0.87 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);
-  --radius: 0.625rem;
-  --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.87 0 0);
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }

-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.145 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.145 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.985 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.396 0.141 25.723);
-  --destructive-foreground: oklch(0.637 0.237 25.331);
-  --border: oklch(0.269 0 0);
-  --input: oklch(0.269 0 0);
-  --ring: oklch(0.439 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(0.269 0 0);
-  --sidebar-ring: oklch(0.439 0 0);
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-}
-
-@layer base {
-  * {
-    @apply border-border outline-ring/50;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
-
-:root {
-  --color-1: 0 100% 63%;
-  --color-2: 270 100% 63%;
-  --color-3: 210 100% 63%;
-  --color-4: 195 100% 63%;
-  --color-5: 90 100% 63%;
-}
-
-@theme inline {
-  --color-color-1: var(----color-1);
-  --color-color-2: var(----color-2);
-  --color-color-3: var(----color-3);
-  --color-color-4: var(----color-4);
-  --color-color-5: var(----color-5);
+body {
+  margin: 0;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
 }
--- a/apps/web/src/main.tsx
+++ b/apps/web/src/main.tsx
@ -2,6 +2,8 @@ import { StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import App from "./App.tsx";

+import "./global.css";
+
 const rootElement = document.getElementById("factuges");
 if (rootElement) {
  createRoot(rootElement).render(
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@ -0,0 +1 @@
+export * from "@repo/shadcn-ui/tailwind.config.mjs";
--- a/apps/web/tailwind.config.ts.bak
+++ b/apps/web/tailwind.config.ts.bak
@ -1,27 +0,0 @@
-import type { Config } from "tailwindcss";
-
-export default {
-  content: [
-    "./src/**/*.{html,ts,tsx}", // Adjust the paths to match your project structure
-  ],
-  theme: {
-    extend: {
-      colors: {
-        "color-1": "hsl(var(--color-1))",
-        "color-2": "hsl(var(--color-2))",
-        "color-3": "hsl(var(--color-3))",
-        "color-4": "hsl(var(--color-4))",
-        "color-5": "hsl(var(--color-5))",
-      },
-      animation: {
-        rainbow: "rainbow var(--speed, 2s) infinite linear",
-      },
-      keyframes: {
-        rainbow: {
-          "0%": { "background-position": "0%" },
-          "100%": { "background-position": "200%" },
-        },
-      },
-    },
-  },
-} satisfies Config;
--- a/apps/web/tsconfig.app.json
+++ b/apps/web/tsconfig.app.json
@ -1,5 +1,9 @@
 {
  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
    "target": "ES2020",
    "useDefineForClassFields": true,
@ -10,7 +14,7 @@
    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": false,
+    "isolatedModules": true,
    "moduleDetection": "force",
    "noEmit": true,
    "jsx": "react-jsx",
@ -19,14 +23,9 @@
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
+    "noUncheckedSideEffectImports": true
  },
-  "include": ["src"]
+  "include": ["src"],
+  "exclude": ["node_modules"]
 }
--- a/apps/web/tsconfig.json
+++ b/apps/web/tsconfig.json
@ -1,6 +1,9 @@
 {
  "files": [],
-  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ],
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
--- a/apps/web/tsconfig.node.json
+++ b/apps/web/tsconfig.node.json
@ -9,7 +9,7 @@
    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": false,
+    "isolatedModules": true,
    "moduleDetection": "force",
    "noEmit": true,

@ -17,9 +17,8 @@
    "strict": true,
    "noUnusedLocals": true,
    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
    "noFallthroughCasesInSwitch": true,
    "noUncheckedSideEffectImports": true
  },
-  "include": ["vite.config.ts"]
+  "include": ["vite.config.mts"]
 }
--- a/apps/web/vite.config.mts
+++ b/apps/web/vite.config.mts
@ -1,11 +1,11 @@
-import path from "path";
-import tailwindcss from "@tailwindcss/vite";
-import react from "@vitejs/plugin-react";
 import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+import tailwindcss from "@tailwindcss/vite";
+import path from "path";

 // https://vite.dev/config/
 export default defineConfig({
-  plugins: [tailwindcss(), react()],
+  plugins: [react(), tailwindcss()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
--- a/packages/rdx-ui/package.json
+++ b/packages/rdx-ui/package.json
@ -7,6 +7,7 @@
    "ui:lint": "biome lint --fix"
  },
  "exports": {
+    "./globals.css": "./src/styles/globals.css",
    "./components": "./src/components/index.tsx",
    "./components/*": "./src/components/*.tsx",
    "./hooks/*": ["./src/hooks/*.tsx", "./src/hooks/*.ts"]
--- a/packages/rdx-ui/src/global.d.ts
+++ b/packages/rdx-ui/src/global.d.ts
@ -1,4 +0,0 @@
-declare module "*.module.css" {
-  const classes: { [key: string]: string };
-  export default classes;
-}
--- a/packages/rdx-ui/src/styles/globals.css
+++ b/packages/rdx-ui/src/styles/globals.css
@ -0,0 +1,3 @@
+@import 'tailwindcss';
+@import '@repo/shadcn-ui/globals.css';
+
--- a/packages/rdx-ui/tsconfig.json
+++ b/packages/rdx-ui/tsconfig.json
@ -8,11 +8,11 @@

    "baseUrl": ".",
    "paths": {
-      "@repo/ui/*": ["./src/*"]
+      "@repo/rdx-ui/*": ["./src/*"]
    },

    "plugins": [{ "name": "typescript-plugin-css-modules" }]
  },
-  "include": ["."],
+  "include": ["src"],
  "exclude": ["node_modules", "dist"]
 }
--- a/packages/shadcn-ui/components.json
+++ b/packages/shadcn-ui/components.json
@ -5,17 +5,17 @@
  "tsx": true,
  "tailwind": {
    "config": "",
-    "prefix": "",
    "css": "src/styles/globals.css",
    "baseColor": "neutral",
-    "cssVariables": true
+    "cssVariables": true,
+    "prefix": ""
  },
-  "iconLibrary": "lucide",
  "aliases": {
-    "components": "@repo/shadcn-ui/components",
-    "utils": "@repo/shadcn-ui/lib/utils",
-    "hooks": "@repo/shadcn-ui/hooks",
-    "lib": "@repo/shadcn-ui/lib",
-    "ui": "@repo/shadcn-ui/components"
-  }
+    "components": "@/components",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib",
+    "hooks": "@/hooks"
+  },
+  "iconLibrary": "lucide"
 }
--- a/packages/shadcn-ui/package.json
+++ b/packages/shadcn-ui/package.json
@ -3,57 +3,22 @@
  "version": "0.0.0",
  "type": "module",
  "private": true,
+  "exports": {
+    "./tailwind.config.mts": "./tailwind.config.mts",
+    "./globals.css": "./src/styles/globals.css",
+    "./postcss.config": "./postcss.config.mjs",
+    "./components": "./src/components/index.tsx",
+    "./components/*": "./src/components/*.tsx",
+    "./lib/*": "./src/lib/*.ts",
+    "./hooks/*": ["./src/hooks/*.tsx", "./src/hooks/*.ts"]
+  },
  "scripts": {
    "lint": "biome lint --fix",
    "ui:add": "pnpm dlx shadcn@latest add"
  },
-  "dependencies": {
-    "@hookform/resolvers": "^5.0.1",
-    "@radix-ui/react-accordion": "^1.2.8",
-    "@radix-ui/react-alert-dialog": "^1.1.11",
-    "@radix-ui/react-aspect-ratio": "^1.1.4",
-    "@radix-ui/react-avatar": "^1.1.7",
-    "@radix-ui/react-checkbox": "^1.2.3",
-    "@radix-ui/react-collapsible": "^1.1.8",
-    "@radix-ui/react-context-menu": "^2.2.12",
-    "@radix-ui/react-dialog": "^1.1.11",
-    "@radix-ui/react-dropdown-menu": "^2.1.12",
-    "@radix-ui/react-hover-card": "^1.1.11",
-    "@radix-ui/react-label": "^2.1.4",
-    "@radix-ui/react-menubar": "^1.1.12",
-    "@radix-ui/react-navigation-menu": "^1.2.10",
-    "@radix-ui/react-popover": "^1.1.11",
-    "@radix-ui/react-progress": "^1.1.4",
-    "@radix-ui/react-radio-group": "^1.3.4",
-    "@radix-ui/react-scroll-area": "^1.2.6",
-    "@radix-ui/react-select": "^2.2.2",
-    "@radix-ui/react-separator": "^1.1.4",
-    "@radix-ui/react-slider": "^1.3.2",
-    "@radix-ui/react-slot": "^1.2.0",
-    "@radix-ui/react-switch": "^1.2.2",
-    "@radix-ui/react-tabs": "^1.1.9",
-    "@radix-ui/react-toggle": "^1.1.6",
-    "@radix-ui/react-toggle-group": "^1.1.7",
-    "@radix-ui/react-tooltip": "^1.2.4",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
-    "embla-carousel-react": "^8.6.0",
-    "input-otp": "^1.4.2",
-    "lucide-react": "^0.503.0",
-    "next-themes": "^0.4.6",
-    "react": "^19.1.0",
-    "react-day-picker": "8.10.1",
-    "react-dom": "^19.1.0",
-    "react-hook-form": "^7.56.2",
-    "react-resizable-panels": "^3.0.1",
-    "recharts": "^2.15.3",
-    "sonner": "^2.0.3",
-    "tailwind-merge": "^3.2.0",
-    "tw-animate-css": "^1.2.8",
-    "vaul": "^1.1.2",
-    "zod": "^3.24.3"
+  "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19"
  },
  "devDependencies": {
    "@biomejs/biome": "1.9.4",
@ -63,18 +28,61 @@
    "@types/node": "^22.15.12",
    "@types/react": "^19.1.2",
    "@types/react-dom": "^19.1.3",
-    "tailwindcss": "^4.1.5",
+    "postcss": "^8.5.3",
    "typescript": "^5.8.3"
  },
-  "exports": {
-    "./globals.css": "./src/styles/globals.css",
-    "./postcss.config": "./postcss.config.mjs",
-    "./components": "./src/components/index.tsx",
-    "./components/*": "./src/components/*.tsx",
-    "./lib/*": "./src/lib/*.ts",
-    "./hooks/*": [
-      "./src/hooks/*.tsx",
-      "./src/hooks/*.ts"
-    ]
+  "dependencies": {
+    "@hookform/resolvers": "^5.0.1",
+    "@radix-ui/react-accordion": "^1.2.10",
+    "@radix-ui/react-alert-dialog": "^1.1.13",
+    "@radix-ui/react-aspect-ratio": "^1.1.6",
+    "@radix-ui/react-avatar": "^1.1.9",
+    "@radix-ui/react-checkbox": "^1.3.1",
+    "@radix-ui/react-collapsible": "^1.1.10",
+    "@radix-ui/react-context-menu": "^2.2.14",
+    "@radix-ui/react-dialog": "^1.1.13",
+    "@radix-ui/react-dropdown-menu": "^2.1.14",
+    "@radix-ui/react-hover-card": "^1.1.13",
+    "@radix-ui/react-label": "^2.1.6",
+    "@radix-ui/react-menubar": "^1.1.14",
+    "@radix-ui/react-navigation-menu": "^1.2.12",
+    "@radix-ui/react-popover": "^1.1.13",
+    "@radix-ui/react-progress": "^1.1.6",
+    "@radix-ui/react-radio-group": "^1.3.6",
+    "@radix-ui/react-scroll-area": "^1.2.8",
+    "@radix-ui/react-select": "^2.2.4",
+    "@radix-ui/react-separator": "^1.1.6",
+    "@radix-ui/react-slider": "^1.3.4",
+    "@radix-ui/react-slot": "^1.2.2",
+    "@radix-ui/react-switch": "^1.2.4",
+    "@radix-ui/react-tabs": "^1.1.11",
+    "@radix-ui/react-toggle": "^1.1.8",
+    "@radix-ui/react-toggle-group": "^1.1.9",
+    "@radix-ui/react-tooltip": "^1.2.6",
+    "@tailwindcss/cli": "^4.1.5",
+    "add": "^2.0.6",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "date-fns": "^4.1.0",
+    "embla-carousel-react": "^8.6.0",
+    "framer-motion": "^12.4.7",
+    "input-otp": "^1.4.2",
+    "lucide-react": "^0.503.0",
+    "next-themes": "^0.4.6",
+    "pnpm": "^10.10.0",
+    "react": "^19.1.0",
+    "react-day-picker": "8.10.1",
+    "react-dom": "^19.1.0",
+    "react-hook-form": "^7.56.2",
+    "react-resizable-panels": "^3.0.1",
+    "recharts": "^2.15.3",
+    "sonner": "^2.0.3",
+    "tailwind-merge": "^3.2.0",
+    "tailwindcss": "^4.1.5",
+    "tailwindcss-animate": "^1.0.7",
+    "tw-animate-css": "^1.2.9",
+    "vaul": "^1.1.2",
+    "zod": "^3.24.4"
  }
 }
--- a/packages/shadcn-ui/postcss.config.mjs
+++ b/packages/shadcn-ui/postcss.config.mjs
@ -1,8 +1,8 @@
 /** @type {import('postcss-load-config').Config} */
-export default {
+const config = {
  plugins: {
-    "postcss-import": {},
-    tailwindcss: {},
-    autoprefixer: {},
+    "@tailwindcss/postcss": {},
  },
 };
+
+export default config;
--- a/packages/shadcn-ui/src/styles/globals.css
+++ b/packages/shadcn-ui/src/styles/globals.css
@ -1,9 +1,52 @@
-@import "tailwindcss";
-@import "tw-animate-css";
+@import 'tailwindcss';
+@config "../../tailwind.config.mts";
+
+@import 'tw-animate-css';

@custom-variant dark (&:is(.dark *));

+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-sidebar-ring: var(--sidebar-ring);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
 :root {
+  --radius: 0.625rem;
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
@ -19,7 +62,6 @@
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
-  --destructive-foreground: 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);
@ -28,7 +70,6 @@
  --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);
-  --radius: 0.625rem;
  --sidebar: oklch(0.985 0 0);
  --sidebar-foreground: oklch(0.145 0 0);
  --sidebar-primary: oklch(0.205 0 0);
@ -42,11 +83,11 @@
 .dark {
  --background: oklch(0.145 0 0);
  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.145 0 0);
+  --card: oklch(0.205 0 0);
  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.145 0 0);
+  --popover: oklch(0.205 0 0);
  --popover-foreground: oklch(0.985 0 0);
-  --primary: 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);
@ -54,10 +95,9 @@
  --muted-foreground: oklch(0.708 0 0);
  --accent: oklch(0.269 0 0);
  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.396 0.141 25.723);
-  --destructive-foreground: oklch(0.637 0.237 25.331);
-  --border: oklch(0.269 0 0);
-  --input: oklch(0.269 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);
@ -70,47 +110,8 @@
  --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(0.269 0 0);
-  --sidebar-ring: oklch(0.439 0 0);
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
 }

@layer base {
--- a/packages/shadcn-ui/tailwind.config.mts
+++ b/packages/shadcn-ui/tailwind.config.mts
@ -0,0 +1,9 @@
+import type { Config } from "tailwindcss";
+
+const config = {
+  // this file is located in packages/ui, but it is being used by apps/web (and any future web apps).
+  // hence, the following paths:
+  content: ["app/**/*.{ts,tsx}", "../../packages/shadcn-ui/src/**/*.{ts,tsx}"],
+} satisfies Config;
+
+export default config;
--- a/packages/shadcn-ui/tsconfig.json
+++ b/packages/shadcn-ui/tsconfig.json
@ -6,6 +6,6 @@
      "@repo/shadcn-ui/*": ["./src/*"]
    }
  },
-  "include": ["."],
+  "include": ["src"],
  "exclude": ["node_modules", "dist"]
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -204,9 +204,6 @@ importers:
      '@repo/shadcn-ui':
        specifier: workspace:*
        version: link:../../packages/shadcn-ui
-      '@tailwindcss/vite':
-        specifier: ^4.1.5
-        version: 4.1.5(vite@6.3.5(@types/node@22.15.12)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.29.2)(sass@1.87.0)(stylus@0.62.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
      '@tanstack/react-query':
        specifier: ^5.74.11
        version: 5.75.4(react@19.1.0)
@ -240,12 +237,18 @@ importers:
      react-secure-storage:
        specifier: ^1.3.2
        version: 1.3.2
+      tailwind-merge:
+        specifier: ^3.2.0
+        version: 3.2.0
      tailwindcss:
-        specifier: ^4.1.5
-        version: 4.1.5
+        specifier: ^4.1.6
+        version: 4.1.6
      tailwindcss-animate:
        specifier: ^1.0.7
-        version: 1.0.7(tailwindcss@4.1.5)
+        version: 1.0.7(tailwindcss@4.1.6)
+      tw-animate-css:
+        specifier: ^1.2.9
+        version: 1.2.9
      vite-plugin-html:
        specifier: ^3.2.2
        version: 3.2.2(vite@6.3.5(@types/node@22.15.12)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.29.2)(sass@1.87.0)(stylus@0.62.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
@ -259,6 +262,12 @@ importers:
      '@repo/typescript-config':
        specifier: workspace:*
        version: link:../../packages/typescript-config
+      '@tailwindcss/postcss':
+        specifier: ^4.1.5
+        version: 4.1.5
+      '@tailwindcss/vite':
+        specifier: ^4.1.6
+        version: 4.1.6(vite@6.3.5(@types/node@22.15.12)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.29.2)(sass@1.87.0)(stylus@0.62.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))
      '@tanstack/react-query-devtools':
        specifier: ^5.74.11
        version: 5.75.4(@tanstack/react-query@5.75.4(react@19.1.0))(react@19.1.0)
@ -420,7 +429,7 @@ importers:
        version: 0.0.4
      tailwindcss:
        specifier: ^4.1.5
-        version: 4.1.5
+        version: 4.1.6
      tsup:
        specifier: ^8.4.0
        version: 8.4.0(jiti@2.4.2)(postcss@8.5.3)(tsx@4.19.4)(typescript@5.8.3)(yaml@2.7.1)
@ -452,83 +461,89 @@ importers:
        specifier: ^5.0.1
        version: 5.0.1(react-hook-form@7.56.2(react@19.1.0))
      '@radix-ui/react-accordion':
-        specifier: ^1.2.8
+        specifier: ^1.2.10
        version: 1.2.10(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-alert-dialog':
-        specifier: ^1.1.11
+        specifier: ^1.1.13
        version: 1.1.13(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-aspect-ratio':
-        specifier: ^1.1.4
+        specifier: ^1.1.6
        version: 1.1.6(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-avatar':
-        specifier: ^1.1.7
+        specifier: ^1.1.9
        version: 1.1.9(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-checkbox':
-        specifier: ^1.2.3
+        specifier: ^1.3.1
        version: 1.3.1(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-collapsible':
-        specifier: ^1.1.8
+        specifier: ^1.1.10
        version: 1.1.10(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-context-menu':
-        specifier: ^2.2.12
+        specifier: ^2.2.14
        version: 2.2.14(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-dialog':
-        specifier: ^1.1.11
+        specifier: ^1.1.13
        version: 1.1.13(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-dropdown-menu':
-        specifier: ^2.1.12
+        specifier: ^2.1.14
        version: 2.1.14(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-hover-card':
-        specifier: ^1.1.11
+        specifier: ^1.1.13
        version: 1.1.13(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-label':
-        specifier: ^2.1.4
+        specifier: ^2.1.6
        version: 2.1.6(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-menubar':
-        specifier: ^1.1.12
+        specifier: ^1.1.14
        version: 1.1.14(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-navigation-menu':
-        specifier: ^1.2.10
+        specifier: ^1.2.12
        version: 1.2.12(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-popover':
-        specifier: ^1.1.11
+        specifier: ^1.1.13
        version: 1.1.13(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-progress':
-        specifier: ^1.1.4
+        specifier: ^1.1.6
        version: 1.1.6(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-radio-group':
-        specifier: ^1.3.4
+        specifier: ^1.3.6
        version: 1.3.6(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-scroll-area':
-        specifier: ^1.2.6
+        specifier: ^1.2.8
        version: 1.2.8(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-select':
-        specifier: ^2.2.2
+        specifier: ^2.2.4
        version: 2.2.4(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-separator':
-        specifier: ^1.1.4
+        specifier: ^1.1.6
        version: 1.1.6(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-slider':
-        specifier: ^1.3.2
+        specifier: ^1.3.4
        version: 1.3.4(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-slot':
-        specifier: ^1.2.0
+        specifier: ^1.2.2
        version: 1.2.2(@types/react@19.1.3)(react@19.1.0)
      '@radix-ui/react-switch':
-        specifier: ^1.2.2
+        specifier: ^1.2.4
        version: 1.2.4(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-tabs':
-        specifier: ^1.1.9
+        specifier: ^1.1.11
        version: 1.1.11(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-toggle':
-        specifier: ^1.1.6
+        specifier: ^1.1.8
        version: 1.1.8(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-toggle-group':
-        specifier: ^1.1.7
+        specifier: ^1.1.9
        version: 1.1.9(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      '@radix-ui/react-tooltip':
-        specifier: ^1.2.4
+        specifier: ^1.2.6
        version: 1.2.6(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      '@tailwindcss/cli':
+        specifier: ^4.1.5
+        version: 4.1.5
+      add:
+        specifier: ^2.0.6
+        version: 2.0.6
      class-variance-authority:
        specifier: ^0.7.1
        version: 0.7.1
@ -544,6 +559,9 @@ importers:
      embla-carousel-react:
        specifier: ^8.6.0
        version: 8.6.0(react@19.1.0)
+      framer-motion:
+        specifier: ^12.4.7
+        version: 12.10.5(@emotion/is-prop-valid@1.3.1)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      input-otp:
        specifier: ^1.4.2
        version: 1.4.2(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
@ -553,6 +571,9 @@ importers:
      next-themes:
        specifier: ^0.4.6
        version: 0.4.6(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
+      pnpm:
+        specifier: ^10.10.0
+        version: 10.10.0
      react:
        specifier: ^19.1.0
        version: 19.1.0
@ -577,14 +598,20 @@ importers:
      tailwind-merge:
        specifier: ^3.2.0
        version: 3.2.0
+      tailwindcss:
+        specifier: ^4.1.5
+        version: 4.1.6
+      tailwindcss-animate:
+        specifier: ^1.0.7
+        version: 1.0.7(tailwindcss@4.1.6)
      tw-animate-css:
-        specifier: ^1.2.8
+        specifier: ^1.2.9
        version: 1.2.9
      vaul:
        specifier: ^1.1.2
        version: 1.1.2(@types/react-dom@19.1.3(@types/react@19.1.3))(@types/react@19.1.3)(react-dom@19.1.0(react@19.1.0))(react@19.1.0)
      zod:
-        specifier: ^3.24.3
+        specifier: ^3.24.4
        version: 3.24.4
    devDependencies:
      '@biomejs/biome':
@ -608,9 +635,9 @@ importers:
      '@types/react-dom':
        specifier: ^19.1.3
        version: 19.1.3(@types/react@19.1.3)
-      tailwindcss:
-        specifier: ^4.1.5
-        version: 4.1.5
+      postcss:
+        specifier: ^8.5.3
+        version: 8.5.3
      typescript:
        specifier: ^5.8.3
        version: 5.8.3
@ -1236,6 +1263,10 @@ packages:
    resolution: {integrity: sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==}
    engines: {node: '>=12'}

+  '@isaacs/fs-minipass@4.0.1':
+    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
+    engines: {node: '>=18.0.0'}
+
  '@istanbuljs/load-nyc-config@1.1.0':
    resolution: {integrity: sha512-VjeHSlIzpv/NyD3N0YuHfXOPDIixcA1q2ZV98wsMqcYlPmv2n3Yb2lYP9XMElnaFVXg5A7YLTeLu6V84uQDjmQ==}
    engines: {node: '>=8'}
@ -2177,63 +2208,124 @@ packages:
  '@standard-schema/utils@0.3.0':
    resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}

+  '@tailwindcss/cli@4.1.5':
+    resolution: {integrity: sha512-Kr567rDwDjY1VUnfqh5/+DCpRf4B8lPs5O9flP4kri7n4AM2aubrIxGSh5GN8s+awUKw/U4+6kNlEnZbBNfUeg==}
+    hasBin: true
+
  '@tailwindcss/node@4.1.5':
    resolution: {integrity: sha512-CBhSWo0vLnWhXIvpD0qsPephiaUYfHUX3U9anwDaHZAeuGpTiB3XmsxPAN6qX7bFhipyGBqOa1QYQVVhkOUGxg==}

+  '@tailwindcss/node@4.1.6':
+    resolution: {integrity: sha512-ed6zQbgmKsjsVvodAS1q1Ld2BolEuxJOSyyNc+vhkjdmfNUDCmQnlXBfQkHrlzNmslxHsQU/bFmzcEbv4xXsLg==}
+
  '@tailwindcss/oxide-android-arm64@4.1.5':
    resolution: {integrity: sha512-LVvM0GirXHED02j7hSECm8l9GGJ1RfgpWCW+DRn5TvSaxVsv28gRtoL4aWKGnXqwvI3zu1GABeDNDVZeDPOQrw==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [android]

+  '@tailwindcss/oxide-android-arm64@4.1.6':
+    resolution: {integrity: sha512-VHwwPiwXtdIvOvqT/0/FLH/pizTVu78FOnI9jQo64kSAikFSZT7K4pjyzoDpSMaveJTGyAKvDjuhxJxKfmvjiQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
  '@tailwindcss/oxide-darwin-arm64@4.1.5':
    resolution: {integrity: sha512-//TfCA3pNrgnw4rRJOqavW7XUk8gsg9ddi8cwcsWXp99tzdBAZW0WXrD8wDyNbqjW316Pk2hiN/NJx/KWHl8oA==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [darwin]

+  '@tailwindcss/oxide-darwin-arm64@4.1.6':
+    resolution: {integrity: sha512-weINOCcqv1HVBIGptNrk7c6lWgSFFiQMcCpKM4tnVi5x8OY2v1FrV76jwLukfT6pL1hyajc06tyVmZFYXoxvhQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
  '@tailwindcss/oxide-darwin-x64@4.1.5':
    resolution: {integrity: sha512-XQorp3Q6/WzRd9OalgHgaqgEbjP3qjHrlSUb5k1EuS1Z9NE9+BbzSORraO+ecW432cbCN7RVGGL/lSnHxcd+7Q==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [darwin]

+  '@tailwindcss/oxide-darwin-x64@4.1.6':
+    resolution: {integrity: sha512-3FzekhHG0ww1zQjQ1lPoq0wPrAIVXAbUkWdWM8u5BnYFZgb9ja5ejBqyTgjpo5mfy0hFOoMnMuVDI+7CXhXZaQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
  '@tailwindcss/oxide-freebsd-x64@4.1.5':
    resolution: {integrity: sha512-bPrLWbxo8gAo97ZmrCbOdtlz/Dkuy8NK97aFbVpkJ2nJ2Jo/rsCbu0TlGx8joCuA3q6vMWTSn01JY46iwG+clg==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [freebsd]

+  '@tailwindcss/oxide-freebsd-x64@4.1.6':
+    resolution: {integrity: sha512-4m5F5lpkBZhVQJq53oe5XgJ+aFYWdrgkMwViHjRsES3KEu2m1udR21B1I77RUqie0ZYNscFzY1v9aDssMBZ/1w==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.5':
    resolution: {integrity: sha512-1gtQJY9JzMAhgAfvd/ZaVOjh/Ju/nCoAsvOVJenWZfs05wb8zq+GOTnZALWGqKIYEtyNpCzvMk+ocGpxwdvaVg==}
    engines: {node: '>= 10'}
    cpu: [arm]
    os: [linux]

+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.6':
+    resolution: {integrity: sha512-qU0rHnA9P/ZoaDKouU1oGPxPWzDKtIfX7eOGi5jOWJKdxieUJdVV+CxWZOpDWlYTd4N3sFQvcnVLJWJ1cLP5TA==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
  '@tailwindcss/oxide-linux-arm64-gnu@4.1.5':
    resolution: {integrity: sha512-dtlaHU2v7MtdxBXoqhxwsWjav7oim7Whc6S9wq/i/uUMTWAzq/gijq1InSgn2yTnh43kR+SFvcSyEF0GCNu1PQ==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]

+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.6':
+    resolution: {integrity: sha512-jXy3TSTrbfgyd3UxPQeXC3wm8DAgmigzar99Km9Sf6L2OFfn/k+u3VqmpgHQw5QNfCpPe43em6Q7V76Wx7ogIQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
  '@tailwindcss/oxide-linux-arm64-musl@4.1.5':
    resolution: {integrity: sha512-fg0F6nAeYcJ3CriqDT1iVrqALMwD37+sLzXs8Rjy8Z1ZHshJoYceodfyUwGJEsQoTyWbliFNRs2wMQNXtT7MVA==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [linux]

+  '@tailwindcss/oxide-linux-arm64-musl@4.1.6':
+    resolution: {integrity: sha512-8kjivE5xW0qAQ9HX9reVFmZj3t+VmljDLVRJpVBEoTR+3bKMnvC7iLcoSGNIUJGOZy1mLVq7x/gerVg0T+IsYw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
  '@tailwindcss/oxide-linux-x64-gnu@4.1.5':
    resolution: {integrity: sha512-SO+F2YEIAHa1AITwc8oPwMOWhgorPzzcbhWEb+4oLi953h45FklDmM8dPSZ7hNHpIk9p/SCZKUYn35t5fjGtHA==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]

+  '@tailwindcss/oxide-linux-x64-gnu@4.1.6':
+    resolution: {integrity: sha512-A4spQhwnWVpjWDLXnOW9PSinO2PTKJQNRmL/aIl2U/O+RARls8doDfs6R41+DAXK0ccacvRyDpR46aVQJJCoCg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
  '@tailwindcss/oxide-linux-x64-musl@4.1.5':
    resolution: {integrity: sha512-6UbBBplywkk/R+PqqioskUeXfKcBht3KU7juTi1UszJLx0KPXUo10v2Ok04iBJIaDPkIFkUOVboXms5Yxvaz+g==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [linux]

+  '@tailwindcss/oxide-linux-x64-musl@4.1.6':
+    resolution: {integrity: sha512-YRee+6ZqdzgiQAHVSLfl3RYmqeeaWVCk796MhXhLQu2kJu2COHBkqlqsqKYx3p8Hmk5pGCQd2jTAoMWWFeyG2A==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
  '@tailwindcss/oxide-wasm32-wasi@4.1.5':
    resolution: {integrity: sha512-hwALf2K9FHuiXTPqmo1KeOb83fTRNbe9r/Ixv9ZNQ/R24yw8Ge1HOWDDgTdtzntIaIUJG5dfXCf4g9AD4RiyhQ==}
    engines: {node: '>=14.0.0'}
@ -2246,27 +2338,55 @@ packages:
      - '@emnapi/wasi-threads'
      - tslib

+  '@tailwindcss/oxide-wasm32-wasi@4.1.6':
+    resolution: {integrity: sha512-qAp4ooTYrBQ5pk5jgg54/U1rCJ/9FLYOkkQ/nTE+bVMseMfB6O7J8zb19YTpWuu4UdfRf5zzOrNKfl6T64MNrQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
  '@tailwindcss/oxide-win32-arm64-msvc@4.1.5':
    resolution: {integrity: sha512-oDKncffWzaovJbkuR7/OTNFRJQVdiw/n8HnzaCItrNQUeQgjy7oUiYpsm9HUBgpmvmDpSSbGaCa2Evzvk3eFmA==}
    engines: {node: '>= 10'}
    cpu: [arm64]
    os: [win32]

+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.6':
+    resolution: {integrity: sha512-nqpDWk0Xr8ELO/nfRUDjk1pc9wDJ3ObeDdNMHLaymc4PJBWj11gdPCWZFKSK2AVKjJQC7J2EfmSmf47GN7OuLg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
  '@tailwindcss/oxide-win32-x64-msvc@4.1.5':
    resolution: {integrity: sha512-WiR4dtyrFdbb+ov0LK+7XsFOsG+0xs0PKZKkt41KDn9jYpO7baE3bXiudPVkTqUEwNfiglCygQHl2jklvSBi7Q==}
    engines: {node: '>= 10'}
    cpu: [x64]
    os: [win32]

+  '@tailwindcss/oxide-win32-x64-msvc@4.1.6':
+    resolution: {integrity: sha512-5k9xF33xkfKpo9wCvYcegQ21VwIBU1/qEbYlVukfEIyQbEA47uK8AAwS7NVjNE3vHzcmxMYwd0l6L4pPjjm1rQ==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
  '@tailwindcss/oxide@4.1.5':
    resolution: {integrity: sha512-1n4br1znquEvyW/QuqMKQZlBen+jxAbvyduU87RS8R3tUSvByAkcaMTkJepNIrTlYhD+U25K4iiCIxE6BGdRYA==}
    engines: {node: '>= 10'}

+  '@tailwindcss/oxide@4.1.6':
+    resolution: {integrity: sha512-0bpEBQiGx+227fW4G0fLQ8vuvyy5rsB1YIYNapTq3aRsJ9taF3f5cCaovDjN5pUGKKzcpMrZst/mhNaKAPOHOA==}
+    engines: {node: '>= 10'}
+
  '@tailwindcss/postcss@4.1.5':
    resolution: {integrity: sha512-5lAC2/pzuyfhsFgk6I58HcNy6vPK3dV/PoPxSDuOTVbDvCddYHzHiJZZInGIY0venvzzfrTEUAXJFULAfFmObg==}

-  '@tailwindcss/vite@4.1.5':
-    resolution: {integrity: sha512-FE1stRoqdHSb7RxesMfCXE8icwI1W6zGE/512ae3ZDrpkQYTTYeSyUJPRCjZd8CwVAhpDUbi1YR8pcZioFJQ/w==}
+  '@tailwindcss/vite@4.1.6':
+    resolution: {integrity: sha512-zjtqjDeY1w3g2beYQtrMAf51n5G7o+UwmyOjtsDMP7t6XyoRMOidcoKP32ps7AkNOHIXEOK0bhIC05dj8oJp4w==}
    peerDependencies:
      vite: ^5.2.0 || ^6

@ -2516,6 +2636,9 @@ packages:
    engines: {node: '>=0.4.0'}
    hasBin: true

+  add@2.0.6:
+    resolution: {integrity: sha512-j5QzrmsokwWWp6kUcJQySpbG+xfOBqqKnup3OIk1pz+kB/80SLorZ9V8zHFLO92Lcd+hbvq8bT+zOGoPkmBV0Q==}
+
  agent-base@6.0.2:
    resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
    engines: {node: '>= 6.0.0'}
@ -2784,6 +2907,10 @@ packages:
    resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
    engines: {node: '>=10'}

+  chownr@3.0.0:
+    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
+    engines: {node: '>=18'}
+
  ci-info@3.9.0:
    resolution: {integrity: sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==}
    engines: {node: '>=8'}
@ -3411,6 +3538,20 @@ packages:
  fraction.js@4.3.7:
    resolution: {integrity: sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==}

+  framer-motion@12.10.5:
+    resolution: {integrity: sha512-p6VF1YkwWvNDFzg5IQ5lqPx11Td4TQ6LqDnshV7sWj0Nrp4dwz2/aEzmgh9WA9ridcTIJ625Fr0oiuhgqIoFwQ==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
  fresh@0.5.2:
    resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
    engines: {node: '>= 0.6'}
@ -4198,6 +4339,9 @@ packages:
    resolution: {integrity: sha512-tJLxrKJhO2ukZ5z0gyjY1zPh3Rh88Ej9P7jNrZiHMUXHae1yvI2imgOZtL1TO8TW6biMMKfTtAOoEJANgtWBMQ==}
    engines: {node: '>=12'}

+  magic-string@0.30.17:
+    resolution: {integrity: sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==}
+
  make-dir@2.1.0:
    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
    engines: {node: '>=6'}
@ -4289,6 +4433,10 @@ packages:
    resolution: {integrity: sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==}
    engines: {node: '>= 8'}

+  minizlib@3.0.2:
+    resolution: {integrity: sha512-oG62iEk+CYt5Xj2YqI5Xi9xWUeZhDI8jjQmC5oThVH5JGCTgIjr7ciJDzC7MBzYd//WvR1OTmP5Q38Q8ShQtVA==}
+    engines: {node: '>= 18'}
+
  mkdirp@0.5.6:
    resolution: {integrity: sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==}
    hasBin: true
@ -4298,6 +4446,11 @@ packages:
    engines: {node: '>=10'}
    hasBin: true

+  mkdirp@3.0.1:
+    resolution: {integrity: sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==}
+    engines: {node: '>=10'}
+    hasBin: true
+
  module-alias@2.2.3:
    resolution: {integrity: sha512-23g5BFj4zdQL/b6tor7Ji+QY4pEfNH784BMslY9Qb0UnJWRAt+lQGLYmRaM0KDBwIG23ffEBELhZDP2rhi9f/Q==}

@ -4307,6 +4460,16 @@ packages:
  moment@2.30.1:
    resolution: {integrity: sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==}

+  motion-dom@12.10.5:
+    resolution: {integrity: sha512-F7XKmhxXEH/y3aWWf0N2w69wNSN+6PcJ1seqR1WolClmXpPhj+xwzs9j5CpsMFzeHR1D7irl3JcWMToPRwX6Hg==}
+
+  motion-utils@12.9.4:
+    resolution: {integrity: sha512-BW3I65zeM76CMsfh3kHid9ansEJk9Qvl+K5cu4DVHKGsI52n76OJ4z2CUJUV+Mn3uEP9k1JJA3tClG0ggSrRcg==}
+
+  mri@1.2.0:
+    resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
+    engines: {node: '>=4'}
+
  ms@2.0.0:
    resolution: {integrity: sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==}

@ -4609,6 +4772,11 @@ packages:
    resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
    engines: {node: '>=8'}

+  pnpm@10.10.0:
+    resolution: {integrity: sha512-1hXbJG/nDyXc/qbY1z3ueCziPiJF48T2+Igkn7VoFJMYY33Kc8LFyO8qTKDVZX+5VnGIv6tH9WbR7mzph4FcOQ==}
+    engines: {node: '>=18.12'}
+    hasBin: true
+
  postcss-load-config@3.1.4:
    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
    engines: {node: '>= 10'}
@ -5265,6 +5433,9 @@ packages:
  tailwindcss@4.1.5:
    resolution: {integrity: sha512-nYtSPfWGDiWgCkwQG/m+aX83XCwf62sBgg3bIlNiiOcggnS1x3uVRDAuyelBFL+vJdOPPCGElxv9DjHJjRHiVA==}

+  tailwindcss@4.1.6:
+    resolution: {integrity: sha512-j0cGLTreM6u4OWzBeLBpycK0WIh8w7kSwcUsQZoGLHZ7xDTdM69lN64AgoIEEwFi0tnhs4wSykUa5YWxAzgFYg==}
+
  tapable@2.2.1:
    resolution: {integrity: sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==}
    engines: {node: '>=6'}
@ -5273,6 +5444,10 @@ packages:
    resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
    engines: {node: '>=10'}

+  tar@7.4.3:
+    resolution: {integrity: sha512-5S7Va8hKfV7W5U6g3aYxXmlPoZVAwUMy9AOKyF2fVuZa2UD3qZjg578OrLRt8PcNN1PleVaL/5/yYATNL0ICUw==}
+    engines: {node: '>=18'}
+
  terser@5.39.0:
    resolution: {integrity: sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw==}
    engines: {node: '>=10'}
@ -5750,6 +5925,10 @@ packages:
  yallist@4.0.0:
    resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}

+  yallist@5.0.0:
+    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+    engines: {node: '>=18'}
+
  yaml@1.10.2:
    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
    engines: {node: '>= 6'}
@ -6370,6 +6549,10 @@ snapshots:
      wrap-ansi: 8.1.0
      wrap-ansi-cjs: wrap-ansi@7.0.0

+  '@isaacs/fs-minipass@4.0.1':
+    dependencies:
+      minipass: 7.1.2
+
  '@istanbuljs/load-nyc-config@1.1.0':
    dependencies:
      camelcase: 5.3.1
@ -6655,7 +6838,6 @@ snapshots:
      '@parcel/watcher-win32-arm64': 2.5.1
      '@parcel/watcher-win32-ia32': 2.5.1
      '@parcel/watcher-win32-x64': 2.5.1
-    optional: true

  '@pkgjs/parseargs@0.11.0':
    optional: true
@ -7400,6 +7582,16 @@ snapshots:

  '@standard-schema/utils@0.3.0': {}

+  '@tailwindcss/cli@4.1.5':
+    dependencies:
+      '@parcel/watcher': 2.5.1
+      '@tailwindcss/node': 4.1.5
+      '@tailwindcss/oxide': 4.1.5
+      enhanced-resolve: 5.18.1
+      mri: 1.2.0
+      picocolors: 1.1.1
+      tailwindcss: 4.1.5
+
  '@tailwindcss/node@4.1.5':
    dependencies:
      enhanced-resolve: 5.18.1
@ -7407,42 +7599,88 @@ snapshots:
      lightningcss: 1.29.2
      tailwindcss: 4.1.5

+  '@tailwindcss/node@4.1.6':
+    dependencies:
+      '@ampproject/remapping': 2.3.0
+      enhanced-resolve: 5.18.1
+      jiti: 2.4.2
+      lightningcss: 1.29.2
+      magic-string: 0.30.17
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.6
+
  '@tailwindcss/oxide-android-arm64@4.1.5':
    optional: true

+  '@tailwindcss/oxide-android-arm64@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-darwin-arm64@4.1.5':
    optional: true

+  '@tailwindcss/oxide-darwin-arm64@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-darwin-x64@4.1.5':
    optional: true

+  '@tailwindcss/oxide-darwin-x64@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-freebsd-x64@4.1.5':
    optional: true

+  '@tailwindcss/oxide-freebsd-x64@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.5':
    optional: true

+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-linux-arm64-gnu@4.1.5':
    optional: true

+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-linux-arm64-musl@4.1.5':
    optional: true

+  '@tailwindcss/oxide-linux-arm64-musl@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-linux-x64-gnu@4.1.5':
    optional: true

+  '@tailwindcss/oxide-linux-x64-gnu@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-linux-x64-musl@4.1.5':
    optional: true

+  '@tailwindcss/oxide-linux-x64-musl@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-wasm32-wasi@4.1.5':
    optional: true

+  '@tailwindcss/oxide-wasm32-wasi@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-win32-arm64-msvc@4.1.5':
    optional: true

+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide-win32-x64-msvc@4.1.5':
    optional: true

+  '@tailwindcss/oxide-win32-x64-msvc@4.1.6':
+    optional: true
+
  '@tailwindcss/oxide@4.1.5':
    optionalDependencies:
      '@tailwindcss/oxide-android-arm64': 4.1.5
@ -7458,6 +7696,24 @@ snapshots:
      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.5
      '@tailwindcss/oxide-win32-x64-msvc': 4.1.5

+  '@tailwindcss/oxide@4.1.6':
+    dependencies:
+      detect-libc: 2.0.4
+      tar: 7.4.3
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.6
+      '@tailwindcss/oxide-darwin-arm64': 4.1.6
+      '@tailwindcss/oxide-darwin-x64': 4.1.6
+      '@tailwindcss/oxide-freebsd-x64': 4.1.6
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.6
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.6
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.6
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.6
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.6
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.6
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.6
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.6
+
  '@tailwindcss/postcss@4.1.5':
    dependencies:
      '@alloc/quick-lru': 5.2.0
@ -7466,11 +7722,11 @@ snapshots:
      postcss: 8.5.3
      tailwindcss: 4.1.5

-  '@tailwindcss/vite@4.1.5(vite@6.3.5(@types/node@22.15.12)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.29.2)(sass@1.87.0)(stylus@0.62.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))':
+  '@tailwindcss/vite@4.1.6(vite@6.3.5(@types/node@22.15.12)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.29.2)(sass@1.87.0)(stylus@0.62.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1))':
    dependencies:
-      '@tailwindcss/node': 4.1.5
-      '@tailwindcss/oxide': 4.1.5
-      tailwindcss: 4.1.5
+      '@tailwindcss/node': 4.1.6
+      '@tailwindcss/oxide': 4.1.6
+      tailwindcss: 4.1.6
      vite: 6.3.5(@types/node@22.15.12)(jiti@2.4.2)(less@4.3.0)(lightningcss@1.29.2)(sass@1.87.0)(stylus@0.62.0)(terser@5.39.0)(tsx@4.19.4)(yaml@2.7.1)

  '@tanstack/query-core@5.75.4': {}
@ -7777,6 +8033,8 @@ snapshots:

  acorn@8.14.1: {}

+  add@2.0.6: {}
+
  agent-base@6.0.2:
    dependencies:
      debug: 4.4.0
@ -8105,6 +8363,8 @@ snapshots:

  chownr@2.0.0: {}

+  chownr@3.0.0: {}
+
  ci-info@3.9.0: {}

  cjs-module-lexer@1.4.3: {}
@ -8382,8 +8642,7 @@ snapshots:

  destroy@1.2.0: {}

-  detect-libc@1.0.3:
-    optional: true
+  detect-libc@1.0.3: {}

  detect-libc@2.0.4: {}

@ -8728,6 +8987,16 @@ snapshots:

  fraction.js@4.3.7: {}

+  framer-motion@12.10.5(@emotion/is-prop-valid@1.3.1)(react-dom@19.1.0(react@19.1.0))(react@19.1.0):
+    dependencies:
+      motion-dom: 12.10.5
+      motion-utils: 12.9.4
+      tslib: 2.8.1
+    optionalDependencies:
+      '@emotion/is-prop-valid': 1.3.1
+      react: 19.1.0
+      react-dom: 19.1.0(react@19.1.0)
+
  fresh@0.5.2: {}

  fs-extra@10.1.0:
@ -9703,6 +9972,10 @@ snapshots:

  luxon@3.6.1: {}

+  magic-string@0.30.17:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+
  make-dir@2.1.0:
    dependencies:
      pify: 4.0.1
@ -9777,12 +10050,18 @@ snapshots:
      minipass: 3.3.6
      yallist: 4.0.0

+  minizlib@3.0.2:
+    dependencies:
+      minipass: 7.1.2
+
  mkdirp@0.5.6:
    dependencies:
      minimist: 1.2.8

  mkdirp@1.0.4: {}

+  mkdirp@3.0.1: {}
+
  module-alias@2.2.3: {}

  moment-timezone@0.5.48:
@ -9791,6 +10070,14 @@ snapshots:

  moment@2.30.1: {}

+  motion-dom@12.10.5:
+    dependencies:
+      motion-utils: 12.9.4
+
+  motion-utils@12.9.4: {}
+
+  mri@1.2.0: {}
+
  ms@2.0.0: {}

  ms@2.1.3: {}
@ -9855,8 +10142,7 @@ snapshots:

  node-addon-api@5.1.0: {}

-  node-addon-api@7.1.1:
-    optional: true
+  node-addon-api@7.1.1: {}

  node-fetch@2.7.0:
    dependencies:
@ -10097,6 +10383,8 @@ snapshots:
    dependencies:
      find-up: 4.1.0

+  pnpm@10.10.0: {}
+
  postcss-load-config@3.1.4(postcss@8.5.3)(ts-node@10.9.2(@types/node@22.15.12)(typescript@5.8.3)):
    dependencies:
      lilconfig: 2.1.0
@ -10744,12 +11032,14 @@ snapshots:

  tailwind-merge@3.2.0: {}

-  tailwindcss-animate@1.0.7(tailwindcss@4.1.5):
+  tailwindcss-animate@1.0.7(tailwindcss@4.1.6):
    dependencies:
-      tailwindcss: 4.1.5
+      tailwindcss: 4.1.6

  tailwindcss@4.1.5: {}

+  tailwindcss@4.1.6: {}
+
  tapable@2.2.1: {}

  tar@6.2.1:
@ -10761,6 +11051,15 @@ snapshots:
      mkdirp: 1.0.4
      yallist: 4.0.0

+  tar@7.4.3:
+    dependencies:
+      '@isaacs/fs-minipass': 4.0.1
+      chownr: 3.0.0
+      minipass: 7.1.2
+      minizlib: 3.0.2
+      mkdirp: 3.0.1
+      yallist: 5.0.0
+
  terser@5.39.0:
    dependencies:
      '@jridgewell/source-map': 0.3.6
@ -11249,6 +11548,8 @@ snapshots:

  yallist@4.0.0: {}

+  yallist@5.0.0: {}
+
  yaml@1.10.2: {}

  yaml@2.7.1:
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@ -6,6 +6,7 @@ packages:
 onlyBuiltDependencies:
  - '@biomejs/biome'
  - '@parcel/watcher'
+  - '@tailwindcss/oxide'
  - bcrypt
  - core-js-pure
				`@ -0,0 +1 @@`
				`export { default } from "@repo/shadcn-ui/postcss.config";`
				`@ -0,0 +1 @@`
				`export * from "@repo/shadcn-ui/tailwind.config.mjs";`