@unciatech/file-manager 0.0.32 → 0.0.34
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/README.md +125 -32
- package/dist/chunk-DXJH5W7A.js +18 -0
- package/dist/chunk-SV5VFLC2.cjs +18 -0
- package/dist/cli.cjs +274 -164
- package/dist/cli.js +273 -140
- package/dist/index.cjs +18 -7714
- package/dist/index.d.cts +4 -3
- package/dist/index.d.ts +4 -3
- package/dist/index.js +18 -7666
- package/dist/{mock-provider-nCBvw7nl.d.cts → mock-provider-DrtiUc3h.d.cts} +32 -4
- package/dist/{mock-provider-nCBvw7nl.d.ts → mock-provider-DrtiUc3h.d.ts} +32 -4
- package/dist/mock.cjs +1 -1395
- package/dist/mock.d.cts +1 -1
- package/dist/mock.d.ts +1 -1
- package/dist/mock.js +1 -1361
- package/dist/styles.css +75 -56
- package/dist/styles.d.ts +1 -0
- package/package.json +8 -6
- package/styles.css +0 -62
package/dist/styles.css
CHANGED
|
@@ -1,62 +1,81 @@
|
|
|
1
|
-
/* @unciatech/file-manager —
|
|
2
|
-
* Import this in your root
|
|
3
|
-
* file manager components depend on.
|
|
1
|
+
/* @unciatech/file-manager — Tailwind v4 Theme
|
|
2
|
+
* Import this in your root CSS to automatically inject all required colors.
|
|
4
3
|
*
|
|
5
|
-
* Usage
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
* This file defines those --color-* variables directly so they work in any
|
|
10
|
-
* consumer app without needing a @theme block or additional Tailwind config.
|
|
4
|
+
* Usage in your globals.css or index.css:
|
|
5
|
+
* @import "tailwindcss";
|
|
6
|
+
* @import "@unciatech/file-manager/styles";
|
|
7
|
+
* @source "../node_modules/@unciatech/file-manager";
|
|
11
8
|
*/
|
|
12
9
|
|
|
13
|
-
|
|
14
|
-
:root {
|
|
15
|
-
--color-background: #ffffff;
|
|
16
|
-
--color-foreground: #09090b; /* zinc-950 */
|
|
17
|
-
--color-card: #ffffff;
|
|
18
|
-
--color-card-foreground: #09090b;
|
|
19
|
-
--color-popover: #ffffff;
|
|
20
|
-
--color-popover-foreground:#09090b;
|
|
21
|
-
--color-primary: #3b82f6; /* blue-500 */
|
|
22
|
-
--color-primary-foreground:#ffffff;
|
|
23
|
-
--color-secondary: #f4f4f5; /* zinc-100 */
|
|
24
|
-
--color-secondary-foreground:#18181b;
|
|
25
|
-
--color-muted: #f4f4f5;
|
|
26
|
-
--color-muted-foreground: #71717a; /* zinc-500 */
|
|
27
|
-
--color-accent: #f4f4f5;
|
|
28
|
-
--color-accent-foreground: #18181b;
|
|
29
|
-
--color-destructive: #dc2626; /* red-600 */
|
|
30
|
-
--color-destructive-foreground:#ffffff;
|
|
31
|
-
--color-border: oklch(94% 0.004 286.32);
|
|
32
|
-
--color-input: #e4e4e7; /* zinc-200 */
|
|
33
|
-
--color-ring: #a1a1aa; /* zinc-400 */
|
|
34
|
-
--radius: 0.5rem;
|
|
35
|
-
}
|
|
36
|
-
|
|
10
|
+
@custom-variant dark (&:is(.dark *));
|
|
37
11
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
--color-
|
|
42
|
-
--color-
|
|
43
|
-
--color-
|
|
44
|
-
--color-
|
|
45
|
-
--color-
|
|
46
|
-
--color-
|
|
47
|
-
--color-
|
|
48
|
-
--color-
|
|
49
|
-
--color-
|
|
50
|
-
--color-
|
|
51
|
-
--color-muted:
|
|
52
|
-
--color-
|
|
53
|
-
--color-accent:
|
|
54
|
-
--color-
|
|
55
|
-
--color-
|
|
56
|
-
--color-
|
|
57
|
-
--color-
|
|
58
|
-
--
|
|
59
|
-
--
|
|
12
|
+
@theme {
|
|
13
|
+
--color-border: hsl(var(--border));
|
|
14
|
+
--color-input: hsl(var(--input));
|
|
15
|
+
--color-ring: hsl(var(--ring));
|
|
16
|
+
--color-background: hsl(var(--background));
|
|
17
|
+
--color-foreground: hsl(var(--foreground));
|
|
18
|
+
--color-primary: hsl(var(--primary));
|
|
19
|
+
--color-primary-foreground: hsl(var(--primary-foreground));
|
|
20
|
+
--color-secondary: hsl(var(--secondary));
|
|
21
|
+
--color-secondary-foreground: hsl(var(--secondary-foreground));
|
|
22
|
+
--color-destructive: hsl(var(--destructive));
|
|
23
|
+
--color-destructive-foreground: hsl(var(--destructive-foreground));
|
|
24
|
+
--color-muted: hsl(var(--muted));
|
|
25
|
+
--color-muted-foreground: hsl(var(--muted-foreground));
|
|
26
|
+
--color-accent: hsl(var(--accent));
|
|
27
|
+
--color-accent-foreground: hsl(var(--accent-foreground));
|
|
28
|
+
--color-popover: hsl(var(--popover));
|
|
29
|
+
--color-popover-foreground: hsl(var(--popover-foreground));
|
|
30
|
+
--color-card: hsl(var(--card));
|
|
31
|
+
--color-card-foreground: hsl(var(--card-foreground));
|
|
32
|
+
--radius-lg: var(--radius);
|
|
33
|
+
--radius-md: calc(var(--radius) - 2px);
|
|
34
|
+
--radius-sm: calc(var(--radius) - 4px);
|
|
60
35
|
}
|
|
61
36
|
|
|
62
|
-
|
|
37
|
+
@layer base {
|
|
38
|
+
:root {
|
|
39
|
+
--background: 0 0% 100%;
|
|
40
|
+
--foreground: 222.2 84% 4.9%;
|
|
41
|
+
--card: 0 0% 100%;
|
|
42
|
+
--card-foreground: 222.2 84% 4.9%;
|
|
43
|
+
--popover: 0 0% 100%;
|
|
44
|
+
--popover-foreground: 222.2 84% 4.9%;
|
|
45
|
+
--primary: 221.2 83.2% 53.3%;
|
|
46
|
+
--primary-foreground: 210 40% 98%;
|
|
47
|
+
--secondary: 210 40% 96.1%;
|
|
48
|
+
--secondary-foreground: 222.2 47.4% 11.2%;
|
|
49
|
+
--muted: 210 40% 96.1%;
|
|
50
|
+
--muted-foreground: 215.4 16.3% 46.9%;
|
|
51
|
+
--accent: 210 40% 96.1%;
|
|
52
|
+
--accent-foreground: 222.2 47.4% 11.2%;
|
|
53
|
+
--destructive: 0 84.2% 60.2%;
|
|
54
|
+
--destructive-foreground: 210 40% 98%;
|
|
55
|
+
--border: 214.3 31.8% 91.4%;
|
|
56
|
+
--input: 214.3 31.8% 91.4%;
|
|
57
|
+
--ring: 221.2 83.2% 53.3%;
|
|
58
|
+
--radius: 0.5rem;
|
|
59
|
+
}
|
|
60
|
+
.dark {
|
|
61
|
+
--background: 222.2 84% 4.9%;
|
|
62
|
+
--foreground: 210 40% 98%;
|
|
63
|
+
--card: 222.2 84% 4.9%;
|
|
64
|
+
--card-foreground: 210 40% 98%;
|
|
65
|
+
--popover: 222.2 84% 4.9%;
|
|
66
|
+
--popover-foreground: 210 40% 98%;
|
|
67
|
+
--primary: 217.2 91.2% 59.8%;
|
|
68
|
+
--primary-foreground: 210 40% 98%;
|
|
69
|
+
--secondary: 217.2 32.6% 17.5%;
|
|
70
|
+
--secondary-foreground: 210 40% 98%;
|
|
71
|
+
--muted: 217.2 32.6% 17.5%;
|
|
72
|
+
--muted-foreground: 215 20.2% 65.1%;
|
|
73
|
+
--accent: 217.2 32.6% 17.5%;
|
|
74
|
+
--accent-foreground: 210 40% 98%;
|
|
75
|
+
--destructive: 0 62.8% 30.6%;
|
|
76
|
+
--destructive-foreground: 210 40% 98%;
|
|
77
|
+
--border: 217.2 32.6% 17.5%;
|
|
78
|
+
--input: 217.2 32.6% 17.5%;
|
|
79
|
+
--ring: 212.7 26.8% 83.9%;
|
|
80
|
+
}
|
|
81
|
+
}
|
package/dist/styles.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
declare const styles: any; export default styles;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@unciatech/file-manager",
|
|
3
|
-
"version": "0.0.
|
|
4
|
-
"description": "Modern file manager component for React
|
|
3
|
+
"version": "0.0.34",
|
|
4
|
+
"description": "Modern file manager component for React applications",
|
|
5
5
|
"author": "Avi",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"homepage": "https://github.com/unciatech/file-manager",
|
|
@@ -35,11 +35,14 @@
|
|
|
35
35
|
"import": "./dist/mock.js",
|
|
36
36
|
"require": "./dist/mock.cjs"
|
|
37
37
|
},
|
|
38
|
-
"./styles":
|
|
38
|
+
"./styles": {
|
|
39
|
+
"types": "./dist/styles.d.ts",
|
|
40
|
+
"style": "./dist/styles.css",
|
|
41
|
+
"default": "./dist/styles.css"
|
|
42
|
+
}
|
|
39
43
|
},
|
|
40
44
|
"files": [
|
|
41
45
|
"dist",
|
|
42
|
-
"styles.css",
|
|
43
46
|
"README.md"
|
|
44
47
|
],
|
|
45
48
|
"sideEffects": [
|
|
@@ -51,7 +54,7 @@
|
|
|
51
54
|
"scripts": {
|
|
52
55
|
"dev": "next dev",
|
|
53
56
|
"build": "next build",
|
|
54
|
-
"build:pkg": "tsup && cp styles.css dist/styles.css",
|
|
57
|
+
"build:pkg": "tsup && cp styles.css dist/styles.css && echo 'declare const styles: any; export default styles;' > dist/styles.d.ts",
|
|
55
58
|
"clean": "rm -rf dist .next",
|
|
56
59
|
"prepublish": "npm run build:pkg",
|
|
57
60
|
"release": "npm run build:pkg && npm publish",
|
|
@@ -74,7 +77,6 @@
|
|
|
74
77
|
"@radix-ui/react-context-menu": "^2",
|
|
75
78
|
"@radix-ui/react-dialog": "^1",
|
|
76
79
|
"@radix-ui/react-tooltip": "^1",
|
|
77
|
-
"next": "^14 || ^15 || ^16",
|
|
78
80
|
"react": "^18 || ^19",
|
|
79
81
|
"react-dom": "^18 || ^19"
|
|
80
82
|
},
|
package/styles.css
DELETED
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
/* @unciatech/file-manager — base styles
|
|
2
|
-
* Import this in your root layout to provide the CSS variables the
|
|
3
|
-
* file manager components depend on.
|
|
4
|
-
*
|
|
5
|
-
* Usage: import '@unciatech/file-manager/styles';
|
|
6
|
-
*
|
|
7
|
-
* How it works with Tailwind v4:
|
|
8
|
-
* Tailwind utility classes (e.g. bg-primary) resolve to var(--color-primary).
|
|
9
|
-
* This file defines those --color-* variables directly so they work in any
|
|
10
|
-
* consumer app without needing a @theme block or additional Tailwind config.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
/* ── Light mode ───────────────────────────────────────────────── */
|
|
14
|
-
:root {
|
|
15
|
-
--color-background: #ffffff;
|
|
16
|
-
--color-foreground: #09090b; /* zinc-950 */
|
|
17
|
-
--color-card: #ffffff;
|
|
18
|
-
--color-card-foreground: #09090b;
|
|
19
|
-
--color-popover: #ffffff;
|
|
20
|
-
--color-popover-foreground:#09090b;
|
|
21
|
-
--color-primary: #3b82f6; /* blue-500 */
|
|
22
|
-
--color-primary-foreground:#ffffff;
|
|
23
|
-
--color-secondary: #f4f4f5; /* zinc-100 */
|
|
24
|
-
--color-secondary-foreground:#18181b;
|
|
25
|
-
--color-muted: #f4f4f5;
|
|
26
|
-
--color-muted-foreground: #71717a; /* zinc-500 */
|
|
27
|
-
--color-accent: #f4f4f5;
|
|
28
|
-
--color-accent-foreground: #18181b;
|
|
29
|
-
--color-destructive: #dc2626; /* red-600 */
|
|
30
|
-
--color-destructive-foreground:#ffffff;
|
|
31
|
-
--color-border: oklch(94% 0.004 286.32);
|
|
32
|
-
--color-input: #e4e4e7; /* zinc-200 */
|
|
33
|
-
--color-ring: #a1a1aa; /* zinc-400 */
|
|
34
|
-
--radius: 0.5rem;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
/* Manual .dark class (toggle button override) */
|
|
40
|
-
.dark {
|
|
41
|
-
--color-background: #09090b;
|
|
42
|
-
--color-foreground: #fafafa;
|
|
43
|
-
--color-card: #09090b;
|
|
44
|
-
--color-card-foreground: #fafafa;
|
|
45
|
-
--color-popover: #09090b;
|
|
46
|
-
--color-popover-foreground:#fafafa;
|
|
47
|
-
--color-primary: #2563eb;
|
|
48
|
-
--color-primary-foreground:#ffffff;
|
|
49
|
-
--color-secondary: #27272a;
|
|
50
|
-
--color-secondary-foreground:#fafafa;
|
|
51
|
-
--color-muted: #18181b;
|
|
52
|
-
--color-muted-foreground: #71717a;
|
|
53
|
-
--color-accent: #18181b;
|
|
54
|
-
--color-accent-foreground: #fafafa;
|
|
55
|
-
--color-destructive: #dc2626;
|
|
56
|
-
--color-destructive-foreground:#ffffff;
|
|
57
|
-
--color-border: #27272a;
|
|
58
|
-
--color-input: #27272a;
|
|
59
|
-
--color-ring: #52525b;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
|