Merge pull request #58 from DataScience-GT/refactor/routes

Refactor/routes

Author: aamoghS

packages/ui/.cache/tsbuildinfo.json

@@ -1,13 +1,21 @@
 {
   "name": "@query/ui",
   "version": "0.0.0",
+  "type": "module",
   "sideEffects": [
     "**/*.css"
   ],
   "files": [
     "dist"
   ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
     "./styles": "./src/styles.css",
     "./styles.css": "./src/styles.css",
     "./*": "./dist/*.js"
@@ -40,4 +48,4 @@
     "minimatch": "^10.1.1",
     "react-dom": "^18.3.1 || ^19.0.0"
   }
-}
+}

packages/ui/package.json

@@ -0,0 +1,38 @@
+import React from "react";
+
+interface GlassProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    className?: string;
+    intensity?: "low" | "medium" | "high";
+}
+
+export function Glass({
+    children,
+    className = "",
+    intensity = "medium",
+    ...props
+}: GlassProps) {
+    const intensityStyles = {
+        low: "bg-black/40 backdrop-blur-md border-white/5",
+        medium: "bg-black/60 backdrop-blur-lg border-white/10",
+        high: "bg-black/80 backdrop-blur-xl border-white/20",
+    };
+
+    return (
+        <div
+            className={`relative rounded-xl border shadow-xl overflow-hidden ${intensityStyles[intensity]} ${className}`}
+            {...props}
+        >
+            {/* Glossy reflection effect */}
+            <div className="pointer-events-none absolute -inset-px opacity-0 transition duration-300 group-hover:opacity-100"
+                style={{
+                    background: `radial-gradient(600px circle at var(--mouse-x, 0px) var(--mouse-y, 0px), rgba(255,255,255,0.06), transparent 40%)`
+                }}
+            />
+            {/* Top highlight for glass edge */}
+            <div className="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-white/10 to-transparent" />
+
+            {children}
+        </div>
+    );
+}

packages/ui/src/glass.tsx

@@ -0,0 +1,4 @@
+export * from "./glass.js";
+// Add other exports if needed, e.g.
+// export * from "./card";
+// export * from "./gradient";

packages/ui/src/index.ts

@@ -1,15 +1,25 @@
 {
   "extends": "@query/tsconfig/internal-package.json",
   "compilerOptions": {
-    "lib": ["ES2022", "dom", "dom.iterable"],
-    "jsx": "preserve",
-    "rootDir": ".",
-    "types": ["react"],
-    "skipLibCheck": true
+    "lib": [
+      "ES2022",
+      "dom",
+      "dom.iterable"
+    ],
+    "jsx": "react-jsx",
+    "rootDir": "src",
+    "types": [
+      "react"
+    ],
+    "skipLibCheck": true,
+    "emitDeclarationOnly": false,
+    "module": "ESNext",
+    "outDir": "dist"
   },
   "include": [
-    "src",
-    "../../apps/club/src/app/_components/landing/impact-assets/animata"
+    "src"
   ],
-  "exclude": ["node_modules"]
+  "exclude": [
+    "node_modules"
+  ]
 }