react-dockable-desktop 1.2.0 → 2.0.0

package/dist/styles.css

@@ -791,7 +791,7 @@ body.resizing-col-active * {
 }
 
 /* --- Theme Variables for Sidebar and Tabs --- */
-[data-bs-theme="dark"] {
+[data-color-scheme="dark"] {
   --sidebar-bg: #1e2024;
   --sidebar-tabs-bg: #141619;
   --sidebar-border: rgba(255, 255, 255, 0.08);
@@ -812,7 +812,7 @@ body.resizing-col-active * {
   --tab-btn-active-bg: #1e2024; /* Seamless merge look */
 }
 
-[data-bs-theme="light"] {
+[data-color-scheme="light"] {
   --bg-primary: #f8f9fa;
   --bg-workspace: #f1f5f9;
   --bg-panel: #ffffff;
@@ -922,7 +922,7 @@ body.resizing-col-active * {
   --panel-card-border: rgba(255, 255, 255, 0.08);
 }
 
-[data-workspace-skin="macos"][data-bs-theme="light"] {
+[data-workspace-skin="macos"][data-color-scheme="light"] {
   --bg-primary: #f3f4f6;
   --bg-workspace: #e5e7eb;
   --bg-panel: rgba(255, 255, 255, 0.7);
@@ -1029,7 +1029,7 @@ body.resizing-col-active * {
 [data-workspace-skin="macos"] .btn-anchor-tab:not(:has(.anchor-sticky-right)):not(:has(.anchor-sticky-bottom)):not(:has(.anchor-sticky-both)) {
   background-color: #8e8e93 !important;
 }
-[data-workspace-skin="macos"][data-bs-theme="light"] .btn-anchor-tab:not(:has(.anchor-sticky-right)):not(:has(.anchor-sticky-bottom)):not(:has(.anchor-sticky-both)) {
+[data-workspace-skin="macos"][data-color-scheme="light"] .btn-anchor-tab:not(:has(.anchor-sticky-right)):not(:has(.anchor-sticky-bottom)):not(:has(.anchor-sticky-both)) {
   background-color: #a4a4a8 !important;
 }
 
@@ -1106,7 +1106,7 @@ body.resizing-col-active * {
   --panel-text: #e8eaed;
 }
 
-[data-workspace-skin="chrome"][data-bs-theme="light"] {
+[data-workspace-skin="chrome"][data-color-scheme="light"] {
   --bg-workspace: #dee1e6;
   --bg-panel: #ffffff;
   --bg-tab-bar: #dee1e6;
@@ -1164,7 +1164,7 @@ body.resizing-col-active * {
   --panel-text: #f8fafc;
 }
 
-[data-workspace-skin="slate"][data-bs-theme="light"] {
+[data-workspace-skin="slate"][data-color-scheme="light"] {
   --bg-workspace: #f1f5f9;
   --bg-panel: #ffffff;
   --bg-tab-bar: #f1f5f9;
@@ -1218,7 +1218,7 @@ body.resizing-col-active * {
   --panel-text: #eceff4;
 }
 
-[data-workspace-skin="nord"][data-bs-theme="light"] {
+[data-workspace-skin="nord"][data-color-scheme="light"] {
   --bg-workspace: #e5e9f0;
   --bg-panel: #eceff4;
   --bg-tab-bar: #e5e9f0;
@@ -1269,7 +1269,7 @@ body.resizing-col-active * {
   --panel-text: #ffffff;
 }
 
-[data-workspace-skin="obsidian"][data-bs-theme="light"] {
+[data-workspace-skin="obsidian"][data-color-scheme="light"] {
   --bg-workspace: #ffffff;
   --bg-panel: #fafafa;
   --bg-tab-bar: #ffffff;
@@ -1302,10 +1302,10 @@ body.resizing-col-active * {
 [data-workspace-skin="obsidian"] .floating-window.v2-window-focused {
   box-shadow: 0 24px 50px rgba(255, 255, 255, 0.06), 0 0 1px rgba(255, 255, 255, 0.4) !important;
 }
-[data-workspace-skin="obsidian"][data-bs-theme="light"] .floating-window {
+[data-workspace-skin="obsidian"][data-color-scheme="light"] .floating-window {
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 0 1px rgba(0, 0, 0, 0.1) !important;
 }
-[data-workspace-skin="obsidian"][data-bs-theme="light"] .floating-window.v2-window-focused {
+[data-workspace-skin="obsidian"][data-color-scheme="light"] .floating-window.v2-window-focused {
   box-shadow: 0 16px 40px rgba(0, 0, 0, 0.14), 0 0 1px rgba(0, 0, 0, 0.2) !important;
 }
 
@@ -1336,7 +1336,7 @@ body.resizing-col-active * {
   --panel-text: #c0caf5;
 }
 
-[data-workspace-skin="tokyo"][data-bs-theme="light"] {
+[data-workspace-skin="tokyo"][data-color-scheme="light"] {
   --bg-workspace: #e1e2e7;
   --bg-panel: #f2f4f8;
   --bg-tab-bar: #d5d6db;
@@ -1435,7 +1435,7 @@ body.resizing-col-active * {
   background-color: rgba(255, 255, 255, 0.05) !important;
   transform: scale(1.05);
 }
-[data-bs-theme="light"] .sidebar-tab-btn:not(.active):hover {
+[data-color-scheme="light"] .sidebar-tab-btn:not(.active):hover {
   background-color: rgba(0, 0, 0, 0.04) !important;
 }
 
@@ -2200,12 +2200,12 @@ html:not(.enable-animations) *::after {
   color: var(--text-primary, #f1f5f9);
 }
 
-[data-bs-theme="light"] .dw-btn-outline {
+[data-color-scheme="light"] .dw-btn-outline {
   border-color: #6c757d;
   color: #6c757d;
 }
 
-[data-bs-theme="light"] .dw-btn-outline:hover {
+[data-color-scheme="light"] .dw-btn-outline:hover {
   background: rgba(0, 0, 0, 0.05);
   border-color: #495057;
   color: #495057;
@@ -2221,6 +2221,6 @@ html:not(.enable-animations) *::after {
   filter: brightness(1.1);
 }
 
-[data-bs-theme="light"] .dw-btn-primary {
+[data-color-scheme="light"] .dw-btn-primary {
   color: #ffffff;
 }

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "react-dockable-desktop",
-  "version": "1.2.0",
+  "version": "2.0.0",
   "description": "A premium, state-of-the-art window manager and dockable layout engine for React. Supports fluid grid splits, tabbed groups, floating resizable windows, zero-unmount state preservation, context menus, and internationalization.",
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
+  "main": "dist/index.cjs",
+  "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./styles.css": "./dist/styles.css"
   },
@@ -30,7 +30,11 @@
     "dev:ria": "vite demo-luciadria",
     "dev:oldria": "vite demo-oldria",
     "build": "tsup && node -e \"require('fs').copyFileSync('src/index.css', 'dist/styles.css')\"",
-    "demo:build": "vite build",
+    "demo:build": "vite build --base /react-dockable-desktop/demo/",
+    "docs:dev": "vitepress dev docs-site",
+    "docs:generate": "typedoc",
+    "docs:build": "vitepress build docs-site",
+    "docs:preview": "vitepress preview docs-site",
     "test": "vitest run",
     "test:watch": "vitest",
     "lint": "tsc --noEmit"
@@ -63,9 +67,12 @@
     "react-intl": "^10.1.12",
     "replace-react-contexify": "^1.1.0",
     "tsup": "^8.5.1",
+    "typedoc": "^0.28.19",
+    "typedoc-plugin-markdown": "^4.12.0",
     "typescript": "~6.0.2",
     "typescript-eslint": "^8.59.2",
     "vite": "^8.0.12",
+    "vitepress": "^1.6.4",
     "vitest": "^4.1.8"
   }
 }