@wheelhouse/ui 0.2.4 → 0.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wheelhouse/ui",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "type": "module",
   "private": false,
   "publishConfig": {
@@ -8,8 +8,11 @@
   },
   "dependencies": {
     "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.24",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -37,7 +40,7 @@
     "@base-ui/react": "^1.3.0",
     "@eslint/js": "^9.39.2",
     "@storybook/react": "^10.0.0",
-    "@tailwindcss/vite": "^4.1.18",
+    "@tailwindcss/vite": "^4.3.0",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.0",
     "@turbo/gen": "^2.8.1",
@@ -52,9 +55,9 @@
     "i18next": "^26.0.5",
     "jsdom": "^27.0.0",
     "react": "^19.2.4",
-    "react-i18next": "^17.0.4",
     "react-dom": "^19.2.4",
-    "tailwindcss": "^4.1.18",
+    "react-i18next": "^17.0.4",
+    "tailwindcss": "^4.3.0",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.54.0",
     "vite": "^7.2.4",

package/src/styles/globals.css

@@ -62,6 +62,8 @@
     --text-sm--line-height: calc(1.25 / 0.8125);
     --text-xxs: 0.625rem;
     --text-xxs--line-height: calc(1 / 0.625);
+    --color-invert-foreground: var(--invert-foreground);
+    --color-invert: var(--invert);
 }
 
 @layer base {
@@ -72,3 +74,27 @@
         @apply bg-background text-foreground;
     }
 }
+
+:root {
+    --destructive-foreground: var(--color-red-800);
+    --success: var(--color-emerald-500);
+    --success-foreground: var(--color-emerald-900);
+    --info: var(--color-violet-500);
+    --info-foreground: var(--color-violet-900);
+    --warning: var(--color-yellow-500);
+    --warning-foreground: var(--color-yellow-900);
+    --invert: var(--color-zinc-900);
+    --invert-foreground: var(--color-zinc-50);
+}
+
+.dark {
+    --destructive-foreground: var(--color-red-600);
+    --success: var(--color-emerald-500);
+    --success-foreground: var(--color-emerald-600);
+    --info: var(--color-violet-500);
+    --info-foreground: var(--color-violet-600);
+    --warning: var(--color-yellow-500);
+    --warning-foreground: var(--color-yellow-600);
+    --invert: var(--color-zinc-700);
+    --invert-foreground: var(--color-zinc-50);
+}