✨ Add initial shadcn configuration files and utilities

components.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://shadcn-svelte.com/schema.json",
+  "tailwind": {
+    "css": "src\\styles\\globals.css",
+    "baseColor": "neutral"
+  },
+  "aliases": {
+    "components": "@/components",
+    "utils": "@/utils",
+    "ui": "@/components/ui",
+    "hooks": "@/hooks",
+    "lib": "@/lib"
+  },
+  "typescript": true,
+  "registry": "https://shadcn-svelte.com/registry"
+}

src/styles/globals.css

@@ -1 +1,7 @@
 @import "tailwindcss";
+
+/* Plugins */
+@import "tw-animate-css";
+
+/* Dark Mode */
+@custom-variant dark (&:is(.dark *));

src/utils/bits.ts

@@ -0,0 +1,11 @@
+export type WithoutChild<T> = T extends { child?: unknown }
+  ? Omit<T, "child">
+  : T;
+
+export type WithoutChildren<T> = T extends { children?: unknown }
+  ? Omit<T, "children">
+  : T;
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
+  ref?: U | null;
+};

src/utils/cn.ts

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}