shadcn-ui-react 0.3.4 → 0.3.6

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 (7) hide show
  1. package/README.md +2 -1
  2. package/dist/index.cjs +546 -382
  3. package/dist/index.d.cts +34 -16
  4. package/dist/index.d.ts +34 -16
  5. package/dist/index.js +545 -382
  6. package/dist/style.css +32 -4
  7. package/package.json +67 -67
package/dist/style.css CHANGED
@@ -26,9 +26,14 @@
26
26
  --color-red-400: oklch(70.4% 0.191 22.216);
27
27
  --color-red-500: oklch(63.7% 0.237 25.331);
28
28
  --color-red-600: oklch(57.7% 0.245 27.325);
29
+ --color-blue-50: oklch(97% 0.014 254.604);
30
+ --color-blue-500: oklch(62.3% 0.214 259.815);
29
31
  --color-gray-100: oklch(96.7% 0.003 264.542);
30
32
  --color-gray-200: oklch(92.8% 0.006 264.531);
31
33
  --color-gray-300: oklch(87.2% 0.01 258.338);
34
+ --color-gray-400: oklch(70.7% 0.022 261.325);
35
+ --color-gray-600: oklch(44.6% 0.03 256.802);
36
+ --color-gray-700: oklch(37.3% 0.034 259.733);
32
37
  --color-black: #000;
33
38
  --color-white: #fff;
34
39
  --spacing: 0.25rem;
@@ -243,6 +248,9 @@
243
248
  ::-webkit-datetime-edit-meridiem-field {
244
249
  padding-block: 0;
245
250
  }
251
+ ::-webkit-calendar-picker-indicator {
252
+ line-height: 1;
253
+ }
246
254
  :-moz-ui-invalid {
247
255
  box-shadow: none;
248
256
  }
@@ -278,7 +286,7 @@
278
286
  padding: 0;
279
287
  margin: -1px;
280
288
  overflow: hidden;
281
- clip: rect(0, 0, 0, 0);
289
+ clip-path: inset(50%);
282
290
  white-space: nowrap;
283
291
  border-width: 0;
284
292
  }
@@ -866,6 +874,9 @@
866
874
  --tw-border-style: dashed;
867
875
  border-style: dashed;
868
876
  }
877
+ .border-blue-500 {
878
+ border-color: var(--color-blue-500);
879
+ }
869
880
  .border-destructive {
870
881
  border-color: var(--destructive);
871
882
  }
@@ -875,6 +886,9 @@
875
886
  border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
876
887
  }
877
888
  }
889
+ .border-gray-300 {
890
+ border-color: var(--color-gray-300);
891
+ }
878
892
  .border-input {
879
893
  border-color: var(--input);
880
894
  }
@@ -908,6 +922,9 @@
908
922
  background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
909
923
  }
910
924
  }
925
+ .bg-blue-50 {
926
+ background-color: var(--color-blue-50);
927
+ }
911
928
  .bg-border {
912
929
  background-color: var(--border);
913
930
  }
@@ -1154,6 +1171,12 @@
1154
1171
  .text-gray-100 {
1155
1172
  color: var(--color-gray-100);
1156
1173
  }
1174
+ .text-gray-600 {
1175
+ color: var(--color-gray-600);
1176
+ }
1177
+ .text-gray-700 {
1178
+ color: var(--color-gray-700);
1179
+ }
1157
1180
  .text-muted-foreground {
1158
1181
  color: var(--muted-foreground);
1159
1182
  }
@@ -1299,10 +1322,8 @@
1299
1322
  scale,
1300
1323
  rotate,
1301
1324
  filter,
1302
- -webkit-backdrop-filter,
1303
1325
  backdrop-filter,
1304
1326
  display,
1305
- visibility,
1306
1327
  content-visibility,
1307
1328
  overlay,
1308
1329
  pointer-events;
@@ -1573,6 +1594,13 @@
1573
1594
  z-index: 20;
1574
1595
  }
1575
1596
  }
1597
+ .hover\:border-gray-400 {
1598
+ &:hover {
1599
+ @media (hover: hover) {
1600
+ border-color: var(--color-gray-400);
1601
+ }
1602
+ }
1603
+ }
1576
1604
  .hover\:bg-accent {
1577
1605
  &:hover {
1578
1606
  @media (hover: hover) {
@@ -3014,4 +3042,4 @@
3014
3042
  }
3015
3043
  }
3016
3044
  }
3017
- /*! tailwindcss v4.1.6 | MIT License | https://tailwindcss.com */
3045
+ /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shadcn-ui-react",
3
- "version": "0.3.4",
3
+ "version": "0.3.6",
4
4
  "private": false,
5
5
  "author": "Bleker Cordova <bleker@gliyen.com>",
6
6
  "description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",
@@ -46,48 +46,48 @@
46
46
  "test:watch": "jest --watch"
47
47
  },
48
48
  "devDependencies": {
49
- "@babel/core": "^7.27.1",
50
- "@babel/preset-env": "^7.27.2",
49
+ "@babel/core": "^7.28.4",
50
+ "@babel/preset-env": "^7.28.3",
51
51
  "@babel/preset-react": "^7.27.1",
52
52
  "@babel/preset-typescript": "^7.27.1",
53
- "@eslint/config-array": "^0.20.0",
53
+ "@eslint/config-array": "^0.21.0",
54
54
  "@eslint/object-schema": "^2.1.6",
55
- "@hookform/resolvers": "^5.0.1",
56
- "@tailwindcss/postcss": "^4.1.6",
57
- "@tailwindcss/vite": "^4.1.6",
58
- "@testing-library/dom": "^10.4.0",
59
- "@testing-library/jest-dom": "^6.6.3",
55
+ "@hookform/resolvers": "^5.2.2",
56
+ "@tailwindcss/postcss": "^4.1.13",
57
+ "@tailwindcss/vite": "^4.1.13",
58
+ "@testing-library/dom": "^10.4.1",
59
+ "@testing-library/jest-dom": "^6.8.0",
60
60
  "@testing-library/react": "^16.3.0",
61
61
  "@testing-library/user-event": "^14.6.1",
62
- "@types/jest": "^29.5.14",
63
- "@types/node": "^22.15.17",
64
- "@types/react": "^19.1.3",
65
- "@types/react-dom": "^19.1.3",
66
- "@typescript-eslint/eslint-plugin": "^8.32.0",
67
- "@typescript-eslint/parser": "^8.32.0",
62
+ "@types/jest": "^30.0.0",
63
+ "@types/node": "^24.5.2",
64
+ "@types/react": "^19.1.13",
65
+ "@types/react-dom": "^19.1.9",
66
+ "@typescript-eslint/eslint-plugin": "^8.44.0",
67
+ "@typescript-eslint/parser": "^8.44.0",
68
68
  "autoprefixer": "^10.4.21",
69
- "babel-jest": "^29.7.0",
70
- "cross-env": "^7.0.3",
71
- "eslint": "^9.26.0",
69
+ "babel-jest": "^30.1.2",
70
+ "cross-env": "^10.0.0",
71
+ "eslint": "^9.36.0",
72
72
  "eslint-plugin-react-hooks": "^5.2.0",
73
73
  "eslint-plugin-react-refresh": "^0.4.20",
74
74
  "identity-obj-proxy": "^3.0.0",
75
- "jest": "^29.7.0",
76
- "jest-environment-jsdom": "^29.7.0",
77
- "react": "^19.1.0",
78
- "react-day-picker": "^9.6.7",
79
- "react-dom": "^19.1.0",
80
- "react-test-renderer": "^19.1.0",
75
+ "jest": "^30.1.3",
76
+ "jest-environment-jsdom": "^30.1.2",
77
+ "react": "^19.1.1",
78
+ "react-day-picker": "^9.10.0",
79
+ "react-dom": "^19.1.1",
80
+ "react-test-renderer": "^19.1.1",
81
81
  "rimraf": "^6.0.1",
82
- "tailwindcss": "^4.1.6",
82
+ "tailwindcss": "^4.1.13",
83
83
  "tailwindcss-animate": "^1.0.7",
84
- "tsup": "^8.4.0",
85
- "typescript": "^5.8.3",
84
+ "tsup": "^8.5.0",
85
+ "typescript": "^5.9.2",
86
86
  "vaul": "^1.1.2",
87
- "vite": "^6.3.5",
88
- "vite-plugin-dts": "^4.5.3",
87
+ "vite": "^7.1.6",
88
+ "vite-plugin-dts": "^4.5.4",
89
89
  "vite-plugin-ts-alias": "^0.1.1",
90
- "zod": "^3.24.4"
90
+ "zod": "^4.1.9"
91
91
  },
92
92
  "peerDependencies": {
93
93
  "react": "^17.0.0 || ^18.3.1 || ^19.1.0 || ^20.0.0",
@@ -97,53 +97,53 @@
97
97
  "access": "public"
98
98
  },
99
99
  "dependencies": {
100
- "@radix-ui/react-accordion": "^1.2.10",
101
- "@radix-ui/react-alert-dialog": "^1.1.13",
102
- "@radix-ui/react-aspect-ratio": "^1.1.6",
103
- "@radix-ui/react-avatar": "^1.1.9",
104
- "@radix-ui/react-checkbox": "^1.3.1",
105
- "@radix-ui/react-collapsible": "^1.1.10",
106
- "@radix-ui/react-context-menu": "^2.2.14",
107
- "@radix-ui/react-dialog": "^1.1.13",
108
- "@radix-ui/react-dropdown-menu": "^2.1.14",
109
- "@radix-ui/react-hover-card": "^1.1.13",
100
+ "@radix-ui/react-accordion": "^1.2.12",
101
+ "@radix-ui/react-alert-dialog": "^1.1.15",
102
+ "@radix-ui/react-aspect-ratio": "^1.1.7",
103
+ "@radix-ui/react-avatar": "^1.1.10",
104
+ "@radix-ui/react-checkbox": "^1.3.3",
105
+ "@radix-ui/react-collapsible": "^1.1.12",
106
+ "@radix-ui/react-context-menu": "^2.2.16",
107
+ "@radix-ui/react-dialog": "^1.1.15",
108
+ "@radix-ui/react-dropdown-menu": "^2.1.16",
109
+ "@radix-ui/react-hover-card": "^1.1.15",
110
110
  "@radix-ui/react-icons": "^1.3.2",
111
- "@radix-ui/react-label": "^2.1.6",
112
- "@radix-ui/react-menubar": "^1.1.14",
113
- "@radix-ui/react-navigation-menu": "^1.2.12",
114
- "@radix-ui/react-popover": "^1.1.13",
115
- "@radix-ui/react-progress": "^1.1.6",
116
- "@radix-ui/react-radio-group": "^1.3.6",
117
- "@radix-ui/react-scroll-area": "^1.2.8",
118
- "@radix-ui/react-select": "^2.2.4",
119
- "@radix-ui/react-separator": "^1.1.6",
120
- "@radix-ui/react-slider": "^1.3.4",
121
- "@radix-ui/react-slot": "^1.2.2",
122
- "@radix-ui/react-switch": "^1.2.4",
123
- "@radix-ui/react-tabs": "^1.1.11",
124
- "@radix-ui/react-toast": "^1.2.13",
125
- "@radix-ui/react-toggle": "^1.1.8",
126
- "@radix-ui/react-toggle-group": "^1.1.9",
127
- "@radix-ui/react-tooltip": "^1.2.6",
111
+ "@radix-ui/react-label": "^2.1.7",
112
+ "@radix-ui/react-menubar": "^1.1.16",
113
+ "@radix-ui/react-navigation-menu": "^1.2.14",
114
+ "@radix-ui/react-popover": "^1.1.15",
115
+ "@radix-ui/react-progress": "^1.1.7",
116
+ "@radix-ui/react-radio-group": "^1.3.8",
117
+ "@radix-ui/react-scroll-area": "^1.2.10",
118
+ "@radix-ui/react-select": "^2.2.6",
119
+ "@radix-ui/react-separator": "^1.1.7",
120
+ "@radix-ui/react-slider": "^1.3.6",
121
+ "@radix-ui/react-slot": "^1.2.3",
122
+ "@radix-ui/react-switch": "^1.2.6",
123
+ "@radix-ui/react-tabs": "^1.1.13",
124
+ "@radix-ui/react-toast": "^1.2.15",
125
+ "@radix-ui/react-toggle": "^1.1.10",
126
+ "@radix-ui/react-toggle-group": "^1.1.11",
127
+ "@radix-ui/react-tooltip": "^1.2.8",
128
128
  "@tanstack/react-table": "^8.21.3",
129
- "@vitejs/plugin-react": "^4.4.1",
130
- "@vitejs/plugin-react-swc": "^3.9.0",
129
+ "@vitejs/plugin-react": "^5.0.3",
130
+ "@vitejs/plugin-react-swc": "^4.1.0",
131
131
  "class-variance-authority": "^0.7.1",
132
132
  "clsx": "^2.1.1",
133
133
  "cmdk": "^1.1.1",
134
134
  "embla-carousel-react": "^8.6.0",
135
- "framer-motion": "^12.10.5",
135
+ "framer-motion": "^12.23.16",
136
136
  "input-otp": "^1.4.2",
137
- "lucide-react": "^0.509.0",
137
+ "lucide-react": "^0.544.0",
138
138
  "next-themes": "^0.4.6",
139
139
  "react-dropzone": "^14.3.8",
140
140
  "react-helmet-next": "^0.0.1",
141
- "react-hook-form": "^7.56.3",
142
- "react-resizable-panels": "^3.0.1",
143
- "sonner": "^2.0.3",
144
- "tailwind-merge": "^3.2.0",
145
- "tailwind-variants": "^1.0.0",
146
- "use-debounce": "^10.0.4",
141
+ "react-hook-form": "^7.63.0",
142
+ "react-resizable-panels": "^3.0.6",
143
+ "sonner": "^2.0.7",
144
+ "tailwind-merge": "^3.3.1",
145
+ "tailwind-variants": "^3.1.1",
146
+ "use-debounce": "^10.0.6",
147
147
  "vaul": "^1.1.2"
148
148
  }
149
149
  }