shadcn-ui-react 0.4.2 → 0.5.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 (7) hide show
  1. package/README.md +141 -31
  2. package/dist/index.cjs +703 -160
  3. package/dist/index.d.cts +70 -40
  4. package/dist/index.d.ts +70 -40
  5. package/dist/index.js +706 -165
  6. package/dist/style.css +47 -18
  7. package/package.json +51 -51
package/dist/style.css CHANGED
@@ -430,6 +430,9 @@
430
430
  .-mt-4 {
431
431
  margin-top: calc(var(--spacing) * -4);
432
432
  }
433
+ .mt-1 {
434
+ margin-top: calc(var(--spacing) * 1);
435
+ }
433
436
  .mt-1\.5 {
434
437
  margin-top: calc(var(--spacing) * 1.5);
435
438
  }
@@ -463,15 +466,12 @@
463
466
  .ml-2 {
464
467
  margin-left: calc(var(--spacing) * 2);
465
468
  }
466
- .ml-\[1px\] {
467
- margin-left: 1px;
468
- }
469
- .ml-\[4px\] {
470
- margin-left: 4px;
471
- }
472
469
  .ml-auto {
473
470
  margin-left: auto;
474
471
  }
472
+ .ml-px {
473
+ margin-left: 1px;
474
+ }
475
475
  .block {
476
476
  display: block;
477
477
  }
@@ -500,6 +500,9 @@
500
500
  width: calc(var(--spacing) * 8);
501
501
  height: calc(var(--spacing) * 8);
502
502
  }
503
+ .h-\(--radix-select-trigger-height\) {
504
+ height: var(--radix-select-trigger-height);
505
+ }
503
506
  .h-1\.5 {
504
507
  height: calc(var(--spacing) * 1.5);
505
508
  }
@@ -557,9 +560,6 @@
557
560
  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
558
561
  height: var(--radix-navigation-menu-viewport-height);
559
562
  }
560
- .h-\[var\(--radix-select-trigger-height\)\] {
561
- height: var(--radix-select-trigger-height);
562
- }
563
563
  .h-auto {
564
564
  height: auto;
565
565
  }
@@ -638,6 +638,9 @@
638
638
  .w-\[100px\] {
639
639
  width: 100px;
640
640
  }
641
+ .w-\[110px\] {
642
+ width: 110px;
643
+ }
641
644
  .w-\[150px\] {
642
645
  width: 150px;
643
646
  }
@@ -658,18 +661,21 @@
658
661
  max-width: -moz-max-content;
659
662
  max-width: max-content;
660
663
  }
664
+ .min-w-\(--radix-select-trigger-width\) {
665
+ min-width: var(--radix-select-trigger-width);
666
+ }
661
667
  .min-w-0 {
662
668
  min-width: calc(var(--spacing) * 0);
663
669
  }
670
+ .min-w-32 {
671
+ min-width: calc(var(--spacing) * 32);
672
+ }
664
673
  .min-w-\[8rem\] {
665
674
  min-width: 8rem;
666
675
  }
667
676
  .min-w-\[12rem\] {
668
677
  min-width: 12rem;
669
678
  }
670
- .min-w-\[var\(--radix-select-trigger-width\)\] {
671
- min-width: var(--radix-select-trigger-width);
672
- }
673
679
  .flex-1 {
674
680
  flex: 1;
675
681
  }
@@ -773,6 +779,9 @@
773
779
  .gap-2 {
774
780
  gap: calc(var(--spacing) * 2);
775
781
  }
782
+ .gap-3 {
783
+ gap: calc(var(--spacing) * 3);
784
+ }
776
785
  .gap-4 {
777
786
  gap: calc(var(--spacing) * 4);
778
787
  }
@@ -2138,6 +2147,21 @@
2138
2147
  opacity: 100%;
2139
2148
  }
2140
2149
  }
2150
+ .aria-\[orientation\=vertical\]\:flex-col {
2151
+ &[aria-orientation=vertical] {
2152
+ flex-direction: column;
2153
+ }
2154
+ }
2155
+ .data-disabled\:pointer-events-none {
2156
+ &[data-disabled] {
2157
+ pointer-events: none;
2158
+ }
2159
+ }
2160
+ .data-disabled\:opacity-50 {
2161
+ &[data-disabled] {
2162
+ opacity: 50%;
2163
+ }
2164
+ }
2141
2165
  .data-\[active\]\:bg-accent\/50 {
2142
2166
  &[data-active] {
2143
2167
  background-color: var(--accent);
@@ -2218,11 +2242,6 @@
2218
2242
  width: 100%;
2219
2243
  }
2220
2244
  }
2221
- .data-\[panel-group-direction\=vertical\]\:flex-col {
2222
- &[data-panel-group-direction=vertical] {
2223
- flex-direction: column;
2224
- }
2225
- }
2226
2245
  .data-\[panel-group-direction\=vertical\]\:after\:left-0 {
2227
2246
  &[data-panel-group-direction=vertical] {
2228
2247
  &::after {
@@ -2653,6 +2672,16 @@
2653
2672
  flex-direction: row;
2654
2673
  }
2655
2674
  }
2675
+ .sm\:items-center {
2676
+ @media (width >= 40rem) {
2677
+ align-items: center;
2678
+ }
2679
+ }
2680
+ .sm\:justify-between {
2681
+ @media (width >= 40rem) {
2682
+ justify-content: space-between;
2683
+ }
2684
+ }
2656
2685
  .sm\:justify-end {
2657
2686
  @media (width >= 40rem) {
2658
2687
  justify-content: flex-end;
@@ -3207,4 +3236,4 @@
3207
3236
  }
3208
3237
  }
3209
3238
  }
3210
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
3239
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "shadcn-ui-react",
3
- "version": "0.4.2",
3
+ "version": "0.5.1",
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,52 +46,52 @@
46
46
  "test:watch": "jest --watch"
47
47
  },
48
48
  "devDependencies": {
49
- "@babel/core": "^7.28.4",
50
- "@babel/preset-env": "^7.28.3",
51
- "@babel/preset-react": "^7.27.1",
52
- "@babel/preset-typescript": "^7.27.1",
53
- "@eslint/config-array": "^0.21.0",
54
- "@eslint/object-schema": "^2.1.6",
49
+ "@babel/core": "^7.28.5",
50
+ "@babel/preset-env": "^7.28.5",
51
+ "@babel/preset-react": "^7.28.5",
52
+ "@babel/preset-typescript": "^7.28.5",
53
+ "@eslint/config-array": "^0.23.0",
54
+ "@eslint/object-schema": "^3.0.0",
55
55
  "@hookform/resolvers": "^5.2.2",
56
- "@tailwindcss/postcss": "^4.1.13",
57
- "@tailwindcss/vite": "^4.1.13",
56
+ "@tailwindcss/postcss": "^4.1.18",
57
+ "@tailwindcss/vite": "^4.1.18",
58
58
  "@testing-library/dom": "^10.4.1",
59
- "@testing-library/jest-dom": "^6.8.0",
60
- "@testing-library/react": "^16.3.0",
59
+ "@testing-library/jest-dom": "^6.9.1",
60
+ "@testing-library/react": "^16.3.1",
61
61
  "@testing-library/user-event": "^14.6.1",
62
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.1",
67
- "@typescript-eslint/parser": "^8.44.1",
68
- "autoprefixer": "^10.4.21",
69
- "babel-jest": "^30.1.2",
70
- "cross-env": "^10.0.0",
71
- "eslint": "^9.36.0",
72
- "eslint-plugin-react-hooks": "^5.2.0",
73
- "eslint-plugin-react-refresh": "^0.4.21",
63
+ "@types/node": "^25.0.6",
64
+ "@types/react": "^19.2.8",
65
+ "@types/react-dom": "^19.2.3",
66
+ "@typescript-eslint/eslint-plugin": "^8.52.0",
67
+ "@typescript-eslint/parser": "^8.52.0",
68
+ "autoprefixer": "^10.4.23",
69
+ "babel-jest": "^30.2.0",
70
+ "cross-env": "^10.1.0",
71
+ "eslint": "^9.39.2",
72
+ "eslint-plugin-react-hooks": "^7.0.1",
73
+ "eslint-plugin-react-refresh": "^0.4.26",
74
74
  "identity-obj-proxy": "^3.0.0",
75
- "jest": "^30.1.3",
76
- "jest-environment-jsdom": "^30.1.2",
77
- "react": "^19.1.1",
78
- "react-day-picker": "^9.11.0",
79
- "react-dom": "^19.1.1",
80
- "react-test-renderer": "^19.1.1",
81
- "rimraf": "^6.0.1",
82
- "tailwindcss": "^4.1.13",
75
+ "jest": "^30.2.0",
76
+ "jest-environment-jsdom": "^30.2.0",
77
+ "react": "^19.2.3",
78
+ "react-day-picker": "^9.13.0",
79
+ "react-dom": "^19.2.3",
80
+ "react-test-renderer": "^19.2.3",
81
+ "rimraf": "^6.1.2",
82
+ "tailwindcss": "^4.1.18",
83
83
  "tailwindcss-animate": "^1.0.7",
84
- "tsup": "^8.5.0",
85
- "typescript": "^5.9.2",
84
+ "tsup": "^8.5.1",
85
+ "typescript": "^5.9.3",
86
86
  "vaul": "^1.1.2",
87
- "vite": "^7.1.7",
87
+ "vite": "^7.3.1",
88
88
  "vite-plugin-dts": "^4.5.4",
89
89
  "vite-plugin-ts-alias": "^0.1.1",
90
- "zod": "^4.1.11"
90
+ "zod": "^4.3.5"
91
91
  },
92
92
  "peerDependencies": {
93
- "react": "^17.0.0 || ^18.3.1 || ^19.1.1 || ^20.0.0",
94
- "react-dom": "^17.0.0 || ^18.3.1 || ^19.1.1 || ^20.0.0"
93
+ "react": "^17.0.0 || ^18.3.1 || ^19.2.3 || ^20.0.0",
94
+ "react-dom": "^17.0.0 || ^18.3.1 || ^19.2.3 || ^20.0.0"
95
95
  },
96
96
  "publishConfig": {
97
97
  "access": "public"
@@ -99,8 +99,8 @@
99
99
  "dependencies": {
100
100
  "@radix-ui/react-accordion": "^1.2.12",
101
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",
102
+ "@radix-ui/react-aspect-ratio": "^1.1.8",
103
+ "@radix-ui/react-avatar": "^1.1.11",
104
104
  "@radix-ui/react-checkbox": "^1.3.3",
105
105
  "@radix-ui/react-collapsible": "^1.1.12",
106
106
  "@radix-ui/react-context-menu": "^2.2.16",
@@ -108,17 +108,17 @@
108
108
  "@radix-ui/react-dropdown-menu": "^2.1.16",
109
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.7",
111
+ "@radix-ui/react-label": "^2.1.8",
112
112
  "@radix-ui/react-menubar": "^1.1.16",
113
113
  "@radix-ui/react-navigation-menu": "^1.2.14",
114
114
  "@radix-ui/react-popover": "^1.1.15",
115
- "@radix-ui/react-progress": "^1.1.7",
115
+ "@radix-ui/react-progress": "^1.1.8",
116
116
  "@radix-ui/react-radio-group": "^1.3.8",
117
117
  "@radix-ui/react-scroll-area": "^1.2.10",
118
118
  "@radix-ui/react-select": "^2.2.6",
119
- "@radix-ui/react-separator": "^1.1.7",
119
+ "@radix-ui/react-separator": "^1.1.8",
120
120
  "@radix-ui/react-slider": "^1.3.6",
121
- "@radix-ui/react-slot": "^1.2.3",
121
+ "@radix-ui/react-slot": "^1.2.4",
122
122
  "@radix-ui/react-switch": "^1.2.6",
123
123
  "@radix-ui/react-tabs": "^1.1.13",
124
124
  "@radix-ui/react-toast": "^1.2.15",
@@ -126,24 +126,24 @@
126
126
  "@radix-ui/react-toggle-group": "^1.1.11",
127
127
  "@radix-ui/react-tooltip": "^1.2.8",
128
128
  "@tanstack/react-table": "^8.21.3",
129
- "@vitejs/plugin-react": "^5.0.3",
130
- "@vitejs/plugin-react-swc": "^4.1.0",
129
+ "@vitejs/plugin-react": "^5.1.2",
130
+ "@vitejs/plugin-react-swc": "^4.2.2",
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.23.22",
135
+ "framer-motion": "^12.25.0",
136
136
  "input-otp": "^1.4.2",
137
- "lucide-react": "^0.544.0",
137
+ "lucide-react": "^0.562.0",
138
138
  "next-themes": "^0.4.6",
139
139
  "react-dropzone": "^14.3.8",
140
140
  "react-helmet-next": "^0.0.2",
141
- "react-hook-form": "^7.63.0",
142
- "react-resizable-panels": "^3.0.6",
141
+ "react-hook-form": "^7.70.0",
142
+ "react-resizable-panels": "^4.3.3",
143
143
  "sonner": "^2.0.7",
144
- "tailwind-merge": "^3.3.1",
145
- "tailwind-variants": "^3.1.1",
146
- "use-debounce": "^10.0.6",
144
+ "tailwind-merge": "^3.4.0",
145
+ "tailwind-variants": "^3.2.2",
146
+ "use-debounce": "^10.1.0",
147
147
  "vaul": "^1.1.2"
148
148
  }
149
149
  }