avt-rct-lib 1.0.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/README.md +82 -0
- package/dist/index.cjs +1341 -0
- package/dist/index.d.cts +298 -0
- package/dist/index.d.ts +298 -0
- package/dist/index.js +1266 -0
- package/package.json +54 -0
- package/src/styles/base.css +57 -0
package/package.json
ADDED
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "avt-rct-lib",
|
|
3
|
+
"version": "1.0.0",
|
|
4
|
+
"description": "AVT React Component Library — Tailwind only, zero other deps",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.mjs",
|
|
8
|
+
"types": "./dist/index.d.ts",
|
|
9
|
+
"exports": {
|
|
10
|
+
".": {
|
|
11
|
+
"import": {
|
|
12
|
+
"types": "./dist/index.d.mts",
|
|
13
|
+
"default": "./dist/index.mjs"
|
|
14
|
+
},
|
|
15
|
+
"require": {
|
|
16
|
+
"types": "./dist/index.d.ts",
|
|
17
|
+
"default": "./dist/index.js"
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
"./styles": "./src/styles/base.css"
|
|
21
|
+
},
|
|
22
|
+
"files": [
|
|
23
|
+
"dist",
|
|
24
|
+
"src/styles"
|
|
25
|
+
],
|
|
26
|
+
"scripts": {
|
|
27
|
+
"build": "tsup",
|
|
28
|
+
"dev": "tsup --watch",
|
|
29
|
+
"typecheck": "tsc --noEmit",
|
|
30
|
+
"prepublishOnly": "bun run build"
|
|
31
|
+
},
|
|
32
|
+
"keywords": [
|
|
33
|
+
"react",
|
|
34
|
+
"components",
|
|
35
|
+
"ui",
|
|
36
|
+
"tailwind",
|
|
37
|
+
"macos",
|
|
38
|
+
"ios",
|
|
39
|
+
"design-system"
|
|
40
|
+
],
|
|
41
|
+
"author": "",
|
|
42
|
+
"license": "MIT",
|
|
43
|
+
"peerDependencies": {
|
|
44
|
+
"react": ">=18",
|
|
45
|
+
"react-dom": ">=18",
|
|
46
|
+
"tailwindcss": ">=3"
|
|
47
|
+
},
|
|
48
|
+
"devDependencies": {
|
|
49
|
+
"@types/react": "^18.3.0",
|
|
50
|
+
"@types/react-dom": "^18.3.0",
|
|
51
|
+
"tsup": "^8.5.1",
|
|
52
|
+
"typescript": "^5.6.0"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/* AVT React Library — Base Styles */
|
|
2
|
+
/* Import this in your app's entry: import 'avt-rct-lib/styles' */
|
|
3
|
+
|
|
4
|
+
@tailwind base;
|
|
5
|
+
@tailwind components;
|
|
6
|
+
@tailwind utilities;
|
|
7
|
+
|
|
8
|
+
@layer base {
|
|
9
|
+
.avt-root {
|
|
10
|
+
-webkit-font-smoothing: antialiased;
|
|
11
|
+
-moz-osx-font-smoothing: grayscale;
|
|
12
|
+
font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text',
|
|
13
|
+
'Helvetica Neue', Arial, sans-serif;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
/* macOS-style scrollbar — apply to any element with class .avt-scroll */
|
|
18
|
+
.avt-scroll::-webkit-scrollbar { width: 5px; height: 5px; }
|
|
19
|
+
.avt-scroll::-webkit-scrollbar-track { background: transparent; }
|
|
20
|
+
.avt-scroll::-webkit-scrollbar-thumb {
|
|
21
|
+
background: rgba(0, 0, 0, 0.15);
|
|
22
|
+
border-radius: 9999px;
|
|
23
|
+
}
|
|
24
|
+
.avt-scroll::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.25); }
|
|
25
|
+
|
|
26
|
+
/* Animations */
|
|
27
|
+
@keyframes avt-slide-up {
|
|
28
|
+
from { opacity: 0; transform: translateY(6px) scale(0.98); }
|
|
29
|
+
to { opacity: 1; transform: translateY(0) scale(1); }
|
|
30
|
+
}
|
|
31
|
+
@keyframes avt-slide-in-right {
|
|
32
|
+
from { transform: translateX(100%); }
|
|
33
|
+
to { transform: translateX(0); }
|
|
34
|
+
}
|
|
35
|
+
@keyframes avt-slide-in-left {
|
|
36
|
+
from { transform: translateX(-100%); }
|
|
37
|
+
to { transform: translateX(0); }
|
|
38
|
+
}
|
|
39
|
+
@keyframes avt-slide-in-bottom {
|
|
40
|
+
from { transform: translateY(100%); }
|
|
41
|
+
to { transform: translateY(0); }
|
|
42
|
+
}
|
|
43
|
+
@keyframes avt-fade-in {
|
|
44
|
+
from { opacity: 0; }
|
|
45
|
+
to { opacity: 1; }
|
|
46
|
+
}
|
|
47
|
+
@keyframes avt-toast-in {
|
|
48
|
+
from { opacity: 0; transform: translateX(16px) scale(0.96); }
|
|
49
|
+
to { opacity: 1; transform: translateX(0) scale(1); }
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.avt-animate-slide-up { animation: avt-slide-up 0.18s cubic-bezier(0.16,1,0.3,1) forwards; }
|
|
53
|
+
.avt-animate-fade-in { animation: avt-fade-in 0.15s ease-out forwards; }
|
|
54
|
+
.avt-animate-slide-right { animation: avt-slide-in-right 0.28s cubic-bezier(0.16,1,0.3,1) forwards; }
|
|
55
|
+
.avt-animate-slide-left { animation: avt-slide-in-left 0.28s cubic-bezier(0.16,1,0.3,1) forwards; }
|
|
56
|
+
.avt-animate-slide-bottom{ animation: avt-slide-in-bottom 0.28s cubic-bezier(0.16,1,0.3,1) forwards; }
|
|
57
|
+
.avt-animate-toast { animation: avt-toast-in 0.22s cubic-bezier(0.16,1,0.3,1) forwards; }
|