@widgetstools/react-dock-manager 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +5845 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.cts +50 -0
- package/dist/index.d.ts +50 -0
- package/dist/index.js +5808 -0
- package/dist/index.js.map +1 -0
- package/dist/styles.css +31 -0
- package/package.json +83 -0
package/dist/styles.css
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* React Dock Manager Styles
|
|
3
|
+
*
|
|
4
|
+
* Imports the shared CSS variables from dock-manager-core, then adds
|
|
5
|
+
* Tailwind CSS utility classes that map to those variables.
|
|
6
|
+
*
|
|
7
|
+
* Usage: import '@widgetstools/react-dock-manager/styles.css'
|
|
8
|
+
*/
|
|
9
|
+
|
|
10
|
+
/* Import shared CSS variables and base styles from core */
|
|
11
|
+
@import '../../dock-manager-core/src/styles/dock-manager.css';
|
|
12
|
+
|
|
13
|
+
/* Tailwind CSS utility classes mapped to the shared CSS variables */
|
|
14
|
+
@layer utilities {
|
|
15
|
+
.dock-bg { background-color: hsl(var(--dock-bg)); }
|
|
16
|
+
.dock-surface { background-color: hsl(var(--dock-surface)); }
|
|
17
|
+
.dock-surface-alt { background-color: hsl(var(--dock-surface-alt)); }
|
|
18
|
+
.dock-panel-header { background-color: hsl(var(--dock-panel-header)); }
|
|
19
|
+
.dock-tab-bar { background-color: hsl(var(--dock-tab-bar)); }
|
|
20
|
+
.dock-tab-active { background-color: hsl(var(--dock-tab-active)); }
|
|
21
|
+
.dock-tab-text { color: hsl(var(--dock-tab-text)); }
|
|
22
|
+
.dock-tab-text-active { color: hsl(var(--dock-tab-text-active)); }
|
|
23
|
+
.dock-text { color: hsl(var(--dock-text)); }
|
|
24
|
+
.dock-text-secondary { color: hsl(var(--dock-text-secondary)); }
|
|
25
|
+
.dock-text-muted { color: hsl(var(--dock-text-muted)); }
|
|
26
|
+
.dock-border { border-color: hsl(var(--dock-border)); }
|
|
27
|
+
.dock-splitter { background-color: hsl(var(--dock-splitter)); }
|
|
28
|
+
.dock-hover:hover { background-color: hsl(var(--dock-hover)); }
|
|
29
|
+
.dock-unpinned-bg { background-color: hsl(var(--dock-unpinned-bg)); }
|
|
30
|
+
.dock-maximize-overlay { background-color: hsl(var(--dock-surface)); }
|
|
31
|
+
}
|
package/package.json
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@widgetstools/react-dock-manager",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"description": "A powerful, extensible dock manager for React with drag-and-drop, floating panels, split views, tabs, and auto-hide pinnable panels.",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.cjs",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": {
|
|
12
|
+
"types": "./dist/index.d.ts",
|
|
13
|
+
"default": "./dist/index.js"
|
|
14
|
+
},
|
|
15
|
+
"require": {
|
|
16
|
+
"types": "./dist/index.d.cts",
|
|
17
|
+
"default": "./dist/index.cjs"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"./styles.css": "./dist/styles.css"
|
|
21
|
+
},
|
|
22
|
+
"files": [
|
|
23
|
+
"dist",
|
|
24
|
+
"README.md"
|
|
25
|
+
],
|
|
26
|
+
"scripts": {
|
|
27
|
+
"build": "tsup",
|
|
28
|
+
"dev": "tsup --watch",
|
|
29
|
+
"test": "vitest run",
|
|
30
|
+
"test:watch": "vitest",
|
|
31
|
+
"test:coverage": "vitest run --coverage",
|
|
32
|
+
"clean": "rm -rf dist"
|
|
33
|
+
},
|
|
34
|
+
"peerDependencies": {
|
|
35
|
+
"react": "^18.0.0 || ^19.0.0",
|
|
36
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
37
|
+
},
|
|
38
|
+
"dependencies": {
|
|
39
|
+
"fix-dts-default-cjs-exports": "^1.0.1",
|
|
40
|
+
"lucide-react": "^0.462.0"
|
|
41
|
+
},
|
|
42
|
+
"devDependencies": {
|
|
43
|
+
"@testing-library/dom": "^10.4.0",
|
|
44
|
+
"@testing-library/jest-dom": "^6.6.3",
|
|
45
|
+
"@testing-library/react": "^16.1.0",
|
|
46
|
+
"@testing-library/user-event": "^14.5.2",
|
|
47
|
+
"@types/react": "^18.3.12",
|
|
48
|
+
"@types/react-dom": "^18.3.1",
|
|
49
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
50
|
+
"@vitest/coverage-v8": "^2.1.8",
|
|
51
|
+
"jsdom": "^25.0.1",
|
|
52
|
+
"react": "^18.3.1",
|
|
53
|
+
"react-dom": "^18.3.1",
|
|
54
|
+
"tsup": "^8.5.1",
|
|
55
|
+
"typescript": "~5.9.3",
|
|
56
|
+
"vitest": "^2.1.8"
|
|
57
|
+
},
|
|
58
|
+
"keywords": [
|
|
59
|
+
"react",
|
|
60
|
+
"dock",
|
|
61
|
+
"dock-manager",
|
|
62
|
+
"docking",
|
|
63
|
+
"layout",
|
|
64
|
+
"split-pane",
|
|
65
|
+
"tabs",
|
|
66
|
+
"floating-panels",
|
|
67
|
+
"drag-and-drop"
|
|
68
|
+
],
|
|
69
|
+
"license": "MIT",
|
|
70
|
+
"repository": {
|
|
71
|
+
"type": "git",
|
|
72
|
+
"url": "https://github.com/widgetstools/dockmanager.git",
|
|
73
|
+
"directory": "packages/react-dock-manager"
|
|
74
|
+
},
|
|
75
|
+
"homepage": "https://github.com/widgetstools/dockmanager#readme",
|
|
76
|
+
"bugs": {
|
|
77
|
+
"url": "https://github.com/widgetstools/dockmanager/issues"
|
|
78
|
+
},
|
|
79
|
+
"publishConfig": {
|
|
80
|
+
"access": "public"
|
|
81
|
+
},
|
|
82
|
+
"sideEffects": false
|
|
83
|
+
}
|