@cupcodev/ui 1.0.7 → 1.2.1

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.
Files changed (11) hide show
  1. package/README.md +146 -129
  2. package/dist/index.cjs +21779 -1629
  3. package/dist/index.d.cts +550 -2
  4. package/dist/index.d.ts +550 -2
  5. package/dist/index.js +21903 -1712
  6. package/package.json +155 -155
  7. package/styles/base.css +126 -0
  8. package/styles/dock.css +875 -875
  9. package/styles/global.css +1314 -1187
  10. package/styles/tokens.css +380 -305
  11. package/tailwind-preset.cjs +192 -192
package/package.json CHANGED
@@ -1,172 +1,172 @@
1
- {
2
- "name": "@cupcodev/ui",
3
- "private": false,
4
- "version": "1.0.7",
5
- "packageManager": "npm@10.8.2",
6
- "type": "module",
7
- "main": "./dist/index.cjs",
8
- "module": "./dist/index.js",
9
- "types": "./dist/index.d.ts",
10
- "license": "UNLICENSED",
11
- "exports": {
12
- ".": {
13
- "types": "./dist/index.d.ts",
14
- "import": "./dist/index.js",
15
- "require": "./dist/index.cjs"
16
- },
1
+ {
2
+ "name": "@cupcodev/ui",
3
+ "private": false,
4
+ "version": "1.2.1",
5
+ "packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264",
6
+ "type": "module",
7
+ "main": "./dist/index.cjs",
8
+ "module": "./dist/index.js",
9
+ "types": "./dist/index.d.ts",
10
+ "license": "UNLICENSED",
11
+ "exports": {
12
+ ".": {
13
+ "types": "./dist/index.d.ts",
14
+ "import": "./dist/index.js",
15
+ "require": "./dist/index.cjs"
16
+ },
17
17
  "./styles/global.css": "./styles/global.css",
18
18
  "./styles/base.css": "./styles/base.css",
19
19
  "./styles/tokens.css": "./styles/tokens.css",
20
- "./styles/dock.css": "./styles/dock.css",
21
- "./styles/index.css": "./styles/index.css",
22
- "./styles.css": "./styles/index.css",
23
- "./tailwind-preset.cjs": "./tailwind-preset.cjs",
24
- "./charts": {
25
- "types": "./dist/charts.d.ts",
26
- "import": "./dist/charts.js",
27
- "require": "./dist/charts.cjs"
28
- }
29
- },
30
- "files": [
31
- "dist",
32
- "styles",
33
- "tailwind-preset.cjs"
34
- ],
35
- "engines": {
36
- "node": ">=18.18.0"
37
- },
38
- "sideEffects": [
39
- "**/*.css"
40
- ],
41
- "scripts": {
42
- "dev": "vite",
43
- "build": "npm run build:lib",
44
- "build:lib": "tsup",
45
- "build:site": "vite build",
46
- "build:app": "npm run build:site",
47
- "build:dev": "vite build --mode development",
48
- "typecheck": "tsc -b",
49
- "check:release": "npm run lint && npm run typecheck && npm run build:lib",
50
- "check:quality": "npm run check:release && npm run build:site",
51
- "test:consumer": "node ./scripts/consumer-smoke.mjs",
52
- "lint": "eslint . --max-warnings=0",
53
- "prepublishOnly": "npm run check:release",
54
- "preview": "vite preview"
55
- },
56
- "devDependencies": {
57
- "@eslint/js": "^9.32.0",
58
- "@radix-ui/react-accordion": "^1.2.11",
59
- "@radix-ui/react-alert-dialog": "^1.1.14",
60
- "@radix-ui/react-aspect-ratio": "^1.1.7",
61
- "@radix-ui/react-avatar": "^1.1.10",
62
- "@radix-ui/react-checkbox": "^1.3.2",
63
- "@radix-ui/react-collapsible": "^1.1.11",
64
- "@radix-ui/react-context-menu": "^2.2.15",
65
- "@radix-ui/react-dialog": "^1.1.14",
66
- "@radix-ui/react-dropdown-menu": "^2.1.15",
67
- "@radix-ui/react-hover-card": "^1.1.14",
68
- "@radix-ui/react-label": "^2.1.7",
69
- "@radix-ui/react-menubar": "^1.1.15",
70
- "@radix-ui/react-navigation-menu": "^1.2.13",
71
- "@radix-ui/react-popover": "^1.1.14",
72
- "@radix-ui/react-progress": "^1.1.7",
73
- "@radix-ui/react-radio-group": "^1.3.7",
74
- "@radix-ui/react-scroll-area": "^1.2.9",
75
- "@radix-ui/react-select": "^2.2.5",
76
- "@radix-ui/react-separator": "^1.1.7",
77
- "@radix-ui/react-slider": "^1.3.5",
78
- "@radix-ui/react-slot": "^1.2.3",
79
- "@radix-ui/react-switch": "^1.2.5",
80
- "@radix-ui/react-tabs": "^1.1.12",
81
- "@radix-ui/react-toast": "^1.2.14",
82
- "@radix-ui/react-toggle": "^1.1.9",
83
- "@radix-ui/react-toggle-group": "^1.1.10",
84
- "@radix-ui/react-tooltip": "^1.2.7",
85
- "@tailwindcss/typography": "^0.5.16",
86
- "@tanstack/react-query": "^5.83.0",
87
- "@types/node": "^22.16.5",
20
+ "./styles/dock.css": "./styles/dock.css",
21
+ "./styles/index.css": "./styles/index.css",
22
+ "./styles.css": "./styles/index.css",
23
+ "./tailwind-preset.cjs": "./tailwind-preset.cjs",
24
+ "./charts": {
25
+ "types": "./dist/charts.d.ts",
26
+ "import": "./dist/charts.js",
27
+ "require": "./dist/charts.cjs"
28
+ }
29
+ },
30
+ "files": [
31
+ "dist",
32
+ "styles",
33
+ "tailwind-preset.cjs"
34
+ ],
35
+ "engines": {
36
+ "node": ">=18.18.0"
37
+ },
38
+ "sideEffects": [
39
+ "**/*.css"
40
+ ],
41
+ "scripts": {
42
+ "dev": "vite",
43
+ "build": "npm run build:lib",
44
+ "build:lib": "tsup",
45
+ "build:site": "vite build",
46
+ "build:app": "npm run build:site",
47
+ "build:dev": "vite build --mode development",
48
+ "typecheck": "tsc -b",
49
+ "check:release": "npm run lint && npm run typecheck && npm run build:lib",
50
+ "check:quality": "npm run check:release && npm run build:site",
51
+ "test:consumer": "node ./scripts/consumer-smoke.mjs",
52
+ "lint": "eslint . --max-warnings=0",
53
+ "prepublishOnly": "npm run check:release",
54
+ "preview": "vite preview"
55
+ },
56
+ "devDependencies": {
57
+ "@eslint/js": "^9.32.0",
58
+ "@radix-ui/react-accordion": "^1.2.11",
59
+ "@radix-ui/react-alert-dialog": "^1.1.14",
60
+ "@radix-ui/react-aspect-ratio": "^1.1.7",
61
+ "@radix-ui/react-avatar": "^1.1.10",
62
+ "@radix-ui/react-checkbox": "^1.3.2",
63
+ "@radix-ui/react-collapsible": "^1.1.11",
64
+ "@radix-ui/react-context-menu": "^2.2.15",
65
+ "@radix-ui/react-dialog": "^1.1.14",
66
+ "@radix-ui/react-dropdown-menu": "^2.1.15",
67
+ "@radix-ui/react-hover-card": "^1.1.14",
68
+ "@radix-ui/react-label": "^2.1.7",
69
+ "@radix-ui/react-menubar": "^1.1.15",
70
+ "@radix-ui/react-navigation-menu": "^1.2.13",
71
+ "@radix-ui/react-popover": "^1.1.14",
72
+ "@radix-ui/react-progress": "^1.1.7",
73
+ "@radix-ui/react-radio-group": "^1.3.7",
74
+ "@radix-ui/react-scroll-area": "^1.2.9",
75
+ "@radix-ui/react-select": "^2.2.5",
76
+ "@radix-ui/react-separator": "^1.1.7",
77
+ "@radix-ui/react-slider": "^1.3.5",
78
+ "@radix-ui/react-slot": "^1.2.3",
79
+ "@radix-ui/react-switch": "^1.2.5",
80
+ "@radix-ui/react-tabs": "^1.1.12",
81
+ "@radix-ui/react-toast": "^1.2.14",
82
+ "@radix-ui/react-toggle": "^1.1.9",
83
+ "@radix-ui/react-toggle-group": "^1.1.10",
84
+ "@radix-ui/react-tooltip": "^1.2.7",
85
+ "@tailwindcss/typography": "^0.5.16",
86
+ "@tanstack/react-query": "^5.83.0",
87
+ "@types/node": "^22.16.5",
88
88
  "@types/react": "^19.2.13",
89
89
  "@types/react-dom": "^19.2.3",
90
- "@vitejs/plugin-react-swc": "^3.11.0",
91
- "@supabase/supabase-js": "^2.91.0",
92
- "autoprefixer": "^10.4.21",
93
- "class-variance-authority": "^0.7.1",
94
- "clsx": "^2.1.1",
90
+ "@vitejs/plugin-react-swc": "^3.11.0",
91
+ "@supabase/supabase-js": "^2.91.0",
92
+ "autoprefixer": "^10.4.21",
93
+ "class-variance-authority": "^0.7.1",
94
+ "clsx": "^2.1.1",
95
95
  "cmdk": "^1.1.1",
96
96
  "date-fns": "^3.6.0",
97
97
  "embla-carousel-react": "^8.6.0",
98
- "eslint": "^9.32.0",
99
- "eslint-plugin-react-hooks": "^5.2.0",
100
- "eslint-plugin-react-refresh": "^0.4.20",
101
- "globals": "^15.15.0",
102
- "input-otp": "^1.4.2",
103
- "lovable-tagger": "^1.1.10",
104
- "lucide-react": "^0.462.0",
105
- "postcss": "^8.5.6",
106
- "postcss-selector-parser": "6.0.10",
98
+ "eslint": "^9.32.0",
99
+ "eslint-plugin-react-hooks": "^5.2.0",
100
+ "eslint-plugin-react-refresh": "^0.4.20",
101
+ "globals": "^15.15.0",
102
+ "input-otp": "^1.4.2",
103
+ "lovable-tagger": "^1.1.10",
104
+ "lucide-react": "^0.462.0",
105
+ "postcss": "^8.5.6",
106
+ "postcss-selector-parser": "6.0.10",
107
107
  "react-day-picker": "^9.13.0",
108
- "react-hook-form": "^7.61.1",
109
- "react-resizable-panels": "^2.1.9",
110
- "react-router-dom": "^6.30.1",
111
- "recharts": "^2.15.4",
112
- "sonner": "^1.7.4",
113
- "tailwindcss": "^3.4.17",
114
- "tailwindcss-animate": "^1.0.7",
115
- "tsup": "^8.2.4",
116
- "typescript": "^5.8.3",
117
- "typescript-eslint": "^8.38.0",
108
+ "react-hook-form": "^7.61.1",
109
+ "react-resizable-panels": "^2.1.9",
110
+ "react-router-dom": "^6.30.1",
111
+ "recharts": "^2.15.4",
112
+ "sonner": "^1.7.4",
113
+ "tailwindcss": "^3.4.17",
114
+ "tailwindcss-animate": "^1.0.7",
115
+ "tsup": "^8.2.4",
116
+ "typescript": "^5.8.3",
117
+ "typescript-eslint": "^8.38.0",
118
118
  "vaul": "^1.1.2",
119
- "vite": "^5.4.19"
120
- },
121
- "peerDependencies": {
122
- "@radix-ui/react-accordion": "^1.2.11",
123
- "@radix-ui/react-alert-dialog": "^1.1.14",
124
- "@radix-ui/react-aspect-ratio": "^1.1.7",
125
- "@radix-ui/react-avatar": "^1.1.10",
126
- "@radix-ui/react-checkbox": "^1.3.2",
127
- "@radix-ui/react-collapsible": "^1.1.11",
128
- "@radix-ui/react-context-menu": "^2.2.15",
129
- "@radix-ui/react-dialog": "^1.1.14",
130
- "@radix-ui/react-dropdown-menu": "^2.1.15",
131
- "@radix-ui/react-hover-card": "^1.1.14",
132
- "@radix-ui/react-label": "^2.1.7",
133
- "@radix-ui/react-menubar": "^1.1.15",
134
- "@radix-ui/react-navigation-menu": "^1.2.13",
135
- "@radix-ui/react-popover": "^1.1.14",
136
- "@radix-ui/react-progress": "^1.1.7",
137
- "@radix-ui/react-radio-group": "^1.3.7",
138
- "@radix-ui/react-scroll-area": "^1.2.9",
139
- "@radix-ui/react-select": "^2.2.5",
140
- "@radix-ui/react-separator": "^1.1.7",
141
- "@radix-ui/react-slider": "^1.3.5",
142
- "@radix-ui/react-slot": "^1.2.3",
143
- "@radix-ui/react-switch": "^1.2.5",
144
- "@radix-ui/react-tabs": "^1.1.12",
145
- "@radix-ui/react-toast": "^1.2.14",
146
- "@radix-ui/react-toggle": "^1.1.9",
147
- "@radix-ui/react-toggle-group": "^1.1.10",
148
- "@radix-ui/react-tooltip": "^1.2.7",
149
- "@tailwindcss/typography": "^0.5.16",
150
- "class-variance-authority": "^0.7.1",
151
- "clsx": "^2.1.1",
119
+ "vite": "^5.4.19"
120
+ },
121
+ "peerDependencies": {
122
+ "@radix-ui/react-accordion": "^1.2.11",
123
+ "@radix-ui/react-alert-dialog": "^1.1.14",
124
+ "@radix-ui/react-aspect-ratio": "^1.1.7",
125
+ "@radix-ui/react-avatar": "^1.1.10",
126
+ "@radix-ui/react-checkbox": "^1.3.2",
127
+ "@radix-ui/react-collapsible": "^1.1.11",
128
+ "@radix-ui/react-context-menu": "^2.2.15",
129
+ "@radix-ui/react-dialog": "^1.1.14",
130
+ "@radix-ui/react-dropdown-menu": "^2.1.15",
131
+ "@radix-ui/react-hover-card": "^1.1.14",
132
+ "@radix-ui/react-label": "^2.1.7",
133
+ "@radix-ui/react-menubar": "^1.1.15",
134
+ "@radix-ui/react-navigation-menu": "^1.2.13",
135
+ "@radix-ui/react-popover": "^1.1.14",
136
+ "@radix-ui/react-progress": "^1.1.7",
137
+ "@radix-ui/react-radio-group": "^1.3.7",
138
+ "@radix-ui/react-scroll-area": "^1.2.9",
139
+ "@radix-ui/react-select": "^2.2.5",
140
+ "@radix-ui/react-separator": "^1.1.7",
141
+ "@radix-ui/react-slider": "^1.3.5",
142
+ "@radix-ui/react-slot": "^1.2.3",
143
+ "@radix-ui/react-switch": "^1.2.5",
144
+ "@radix-ui/react-tabs": "^1.1.12",
145
+ "@radix-ui/react-toast": "^1.2.14",
146
+ "@radix-ui/react-toggle": "^1.1.9",
147
+ "@radix-ui/react-toggle-group": "^1.1.10",
148
+ "@radix-ui/react-tooltip": "^1.2.7",
149
+ "@tailwindcss/typography": "^0.5.16",
150
+ "class-variance-authority": "^0.7.1",
151
+ "clsx": "^2.1.1",
152
152
  "cmdk": "^1.1.1",
153
153
  "date-fns": "^3.6.0",
154
154
  "embla-carousel-react": "^8.6.0",
155
- "input-otp": "^1.4.2",
156
- "lucide-react": "^0.462.0",
155
+ "input-otp": "^1.4.2",
156
+ "lucide-react": "^0.462.0",
157
157
  "react": "^18.3.1 || ^19.0.0",
158
158
  "react-day-picker": "^9.13.0",
159
159
  "react-dom": "^18.3.1 || ^19.0.0",
160
- "react-hook-form": "^7.61.1",
161
- "react-resizable-panels": "^2.1.9",
162
- "recharts": "^2.15.4",
163
- "sonner": "^1.7.4",
164
- "tailwind-merge": "^2.6.0",
165
- "tailwindcss": "^3.4.17",
166
- "tailwindcss-animate": "^1.0.7",
160
+ "react-hook-form": "^7.61.1",
161
+ "react-resizable-panels": "^2.1.9",
162
+ "recharts": "^2.15.4",
163
+ "sonner": "^1.7.4",
164
+ "tailwind-merge": "^2.6.0",
165
+ "tailwindcss": "^3.4.17",
166
+ "tailwindcss-animate": "^1.0.7",
167
167
  "vaul": "^1.1.2"
168
- },
169
- "publishConfig": {
170
- "access": "public"
171
- }
172
- }
168
+ },
169
+ "publishConfig": {
170
+ "access": "public"
171
+ }
172
+ }
package/styles/base.css CHANGED
@@ -13,6 +13,132 @@ body {
13
13
  font-family: var(--font-ui);
14
14
  }
15
15
 
16
+ html {
17
+ scrollbar-gutter: stable both-edges;
18
+ }
19
+
20
+ * {
21
+ scrollbar-width: thin;
22
+ scrollbar-color: var(--cc-scrollbar-thumb) var(--cc-scrollbar-track);
23
+ }
24
+
25
+ *::-webkit-scrollbar {
26
+ width: var(--cc-scrollbar-size);
27
+ height: var(--cc-scrollbar-size);
28
+ }
29
+
30
+ *::-webkit-scrollbar-track {
31
+ border-radius: var(--cc-scrollbar-radius);
32
+ background: var(--cc-scrollbar-track);
33
+ border: 1px solid var(--cc-scrollbar-thumb-border);
34
+ backdrop-filter: blur(14px);
35
+ -webkit-backdrop-filter: blur(14px);
36
+ }
37
+
38
+ *::-webkit-scrollbar-thumb {
39
+ border-radius: var(--cc-scrollbar-radius);
40
+ border: 1px solid var(--cc-scrollbar-thumb-border);
41
+ background: linear-gradient(180deg, var(--cc-scrollbar-thumb-highlight), var(--cc-scrollbar-thumb));
42
+ box-shadow: 0 10px 24px -14px var(--cc-scrollbar-glow);
43
+ backdrop-filter: blur(20px);
44
+ -webkit-backdrop-filter: blur(20px);
45
+ }
46
+
47
+ *::-webkit-scrollbar-thumb:hover {
48
+ background: linear-gradient(180deg, var(--cc-scrollbar-thumb-highlight), var(--cc-scrollbar-thumb-hover));
49
+ box-shadow: 0 12px 28px -14px var(--cc-scrollbar-glow);
50
+ }
51
+
52
+ *::-webkit-scrollbar-corner {
53
+ background: transparent;
54
+ }
55
+
56
+ .cc-scrollbar {
57
+ scrollbar-width: thin;
58
+ scrollbar-color: var(--cc-scrollbar-thumb) var(--cc-scrollbar-track);
59
+ }
60
+
61
+ .cc-scrollbar-purple {
62
+ --cc-scrollbar-track: rgba(149, 29, 219, 0.08);
63
+ --cc-scrollbar-thumb: rgba(149, 29, 219, 0.26);
64
+ --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
65
+ --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.34);
66
+ --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
67
+ --cc-scrollbar-glow: rgba(149, 29, 219, 0.35);
68
+ }
69
+
70
+ .dark .cc-scrollbar-purple {
71
+ --cc-scrollbar-track: rgba(149, 29, 219, 0.16);
72
+ --cc-scrollbar-thumb: rgba(149, 29, 219, 0.42);
73
+ --cc-scrollbar-thumb-highlight: rgba(237, 30, 121, 0.24);
74
+ --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.55);
75
+ --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.2);
76
+ --cc-scrollbar-glow: rgba(149, 29, 219, 0.5);
77
+ }
78
+
79
+ .cc-scrollbar-pink {
80
+ --cc-scrollbar-track: rgba(237, 30, 121, 0.08);
81
+ --cc-scrollbar-thumb: rgba(237, 30, 121, 0.26);
82
+ --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
83
+ --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.35);
84
+ --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
85
+ --cc-scrollbar-glow: rgba(237, 30, 121, 0.36);
86
+ }
87
+
88
+ .dark .cc-scrollbar-pink {
89
+ --cc-scrollbar-track: rgba(237, 30, 121, 0.18);
90
+ --cc-scrollbar-thumb: rgba(237, 30, 121, 0.45);
91
+ --cc-scrollbar-thumb-highlight: rgba(149, 29, 219, 0.3);
92
+ --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.6);
93
+ --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.22);
94
+ --cc-scrollbar-glow: rgba(237, 30, 121, 0.58);
95
+ }
96
+
97
+ .cc-scrollbar-theme-light {
98
+ --cc-scrollbar-track: rgba(149, 29, 219, 0.08);
99
+ --cc-scrollbar-thumb: rgba(149, 29, 219, 0.26);
100
+ --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
101
+ --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.34);
102
+ --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
103
+ --cc-scrollbar-glow: rgba(149, 29, 219, 0.35);
104
+ }
105
+
106
+ .cc-scrollbar-theme-dark {
107
+ --cc-scrollbar-track: rgba(149, 29, 219, 0.16);
108
+ --cc-scrollbar-thumb: rgba(149, 29, 219, 0.42);
109
+ --cc-scrollbar-thumb-highlight: rgba(237, 30, 121, 0.24);
110
+ --cc-scrollbar-thumb-hover: rgba(149, 29, 219, 0.55);
111
+ --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.2);
112
+ --cc-scrollbar-glow: rgba(149, 29, 219, 0.5);
113
+ }
114
+
115
+ .cc-scrollbar-pink.cc-scrollbar-theme-light {
116
+ --cc-scrollbar-track: rgba(237, 30, 121, 0.08);
117
+ --cc-scrollbar-thumb: rgba(237, 30, 121, 0.26);
118
+ --cc-scrollbar-thumb-highlight: rgba(255, 255, 255, 0.35);
119
+ --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.35);
120
+ --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.34);
121
+ --cc-scrollbar-glow: rgba(237, 30, 121, 0.36);
122
+ }
123
+
124
+ .cc-scrollbar-pink.cc-scrollbar-theme-dark {
125
+ --cc-scrollbar-track: rgba(237, 30, 121, 0.18);
126
+ --cc-scrollbar-thumb: rgba(237, 30, 121, 0.45);
127
+ --cc-scrollbar-thumb-highlight: rgba(149, 29, 219, 0.3);
128
+ --cc-scrollbar-thumb-hover: rgba(237, 30, 121, 0.6);
129
+ --cc-scrollbar-thumb-border: rgba(255, 255, 255, 0.22);
130
+ --cc-scrollbar-glow: rgba(237, 30, 121, 0.58);
131
+ }
132
+
133
+ .cc-scrollbar-hide {
134
+ scrollbar-width: none;
135
+ -ms-overflow-style: none;
136
+ }
137
+
138
+ .cc-scrollbar-hide::-webkit-scrollbar {
139
+ display: none;
140
+ }
141
+
16
142
  h1,
17
143
  h2,
18
144
  h3,