@mohasinac/appkit 3.6.2 → 3.6.4

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mohasinac/appkit",
3
- "version": "3.6.2",
3
+ "version": "3.6.4",
4
4
  "license": "MIT",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -212,6 +212,7 @@
212
212
  }
213
213
  },
214
214
  "devDependencies": {
215
+ "@tailwindcss/cli": "^4.3.3",
215
216
  "@tanstack/react-query": "^5.0.0",
216
217
  "@testing-library/jest-dom": "^6.9.1",
217
218
  "@testing-library/react": "^16.3.2",
@@ -240,7 +241,7 @@
240
241
  "react-dom": "^19.2.0",
241
242
  "resend": "^6.10.0",
242
243
  "server-only": "^0.0.1",
243
- "tailwindcss": "^3.4.19",
244
+ "tailwindcss": "^4.3.3",
244
245
  "typescript": "^5.9.3",
245
246
  "vitest": "^4.1.7"
246
247
  }
@@ -21,9 +21,13 @@ const REQUIRED_CLASSES = [
21
21
  "md\\:block",
22
22
  "md\\:flex",
23
23
  "md\\:hidden",
24
- // Responsive breakpoints must exist as @media rules
25
- "min-width:1024px",
26
- "min-width:768px",
24
+ // Responsive breakpoints must exist as @media rules.
25
+ // Tailwind v4 (2026-08-16 migration) uses rem-based default breakpoints —
26
+ // 64rem/48rem are the exact same viewport widths as v3's 1024px/768px at the
27
+ // browser default 16px root font-size (this project does not override
28
+ // html { font-size }), just expressed in the new unit.
29
+ "min-width:64rem",
30
+ "min-width:48rem",
27
31
  ];
28
32
 
29
33
  let css;