@vaneui/ui 0.3.1-alpha.20251001142553.9da86c7 → 0.3.1-alpha.20251001144233.cfeb345

package/dist/index.esm.js

@@ -3676,29 +3676,29 @@ class FontSizeTheme extends BaseTheme {
     // Static factory methods for different text size ranges
     static createForPageTitle() {
         return new FontSizeTheme({
-            xs: "[--fs-unit:15]", // text-3xl: 1.875rem = 15 * 0.125rem
-            sm: "[--fs-unit:18]", // text-4xl: 2.25rem = 18 * 0.125rem
-            md: "[--fs-unit:24]", // text-5xl: 3rem = 24 * 0.125rem
-            lg: "[--fs-unit:30]", // text-6xl: 3.75rem = 30 * 0.125rem
-            xl: "[--fs-unit:36]" // text-7xl: 4.5rem = 36 * 0.125rem
+            xs: "[--fs-unit:15] max-laptop:[--fs-unit:12] max-tablet:[--fs-unit:9]", // text-3xl: 1.875rem = 15 * 0.125rem
+            sm: "[--fs-unit:18] max-laptop:[--fs-unit:15] max-tablet:[--fs-unit:12]", // text-4xl: 2.25rem = 18 * 0.125rem
+            md: "[--fs-unit:24] max-laptop:[--fs-unit:21] max-tablet:[--fs-unit:18]", // text-5xl: 3rem = 24 * 0.125rem
+            lg: "[--fs-unit:30] max-laptop:[--fs-unit:27] max-tablet:[--fs-unit:24]", // text-6xl: 3.75rem = 30 * 0.125rem
+            xl: "[--fs-unit:36] max-laptop:[--fs-unit:33] max-tablet:[--fs-unit:30]" // text-7xl: 4.5rem = 36 * 0.125rem
         });
     }
     static createForSectionTitle() {
         return new FontSizeTheme({
-            xs: "[--fs-unit:12]", // text-2xl: 1.5rem = 12 * 0.125rem
-            sm: "[--fs-unit:15]", // text-3xl: 1.875rem = 15 * 0.125rem
-            md: "[--fs-unit:18]", // text-4xl: 2.25rem = 18 * 0.125rem
-            lg: "[--fs-unit:24]", // text-5xl: 3rem = 24 * 0.125rem
-            xl: "[--fs-unit:30]" // text-6xl: 3.75rem = 30 * 0.125rem
+            xs: "[--fs-unit:12] max-laptop:[--fs-unit:10] max-tablet:[--fs-unit:8]", // text-2xl: 1.5rem = 12 * 0.125rem
+            sm: "[--fs-unit:15] max-laptop:[--fs-unit:13] max-tablet:[--fs-unit:11]", // text-3xl: 1.875rem = 15 * 0.125rem
+            md: "[--fs-unit:18] max-laptop:[--fs-unit:16] max-tablet:[--fs-unit:14]", // text-4xl: 2.25rem = 18 * 0.125rem
+            lg: "[--fs-unit:24] max-laptop:[--fs-unit:22] max-tablet:[--fs-unit:20]", // text-5xl: 3rem = 24 * 0.125rem
+            xl: "[--fs-unit:30] max-laptop:[--fs-unit:28] max-tablet:[--fs-unit:26]" // text-6xl: 3.75rem = 30 * 0.125rem
         });
     }
     static createForTitle() {
         return new FontSizeTheme({
-            xs: "[--fs-unit:9]", // text-lg: 1.125rem = 9 * 0.125rem
-            sm: "[--fs-unit:10]", // text-xl: 1.25rem = 10 * 0.125rem
-            md: "[--fs-unit:12]", // text-2xl: 1.5rem = 12 * 0.125rem
-            lg: "[--fs-unit:15]", // text-3xl: 1.875rem = 15 * 0.125rem
-            xl: "[--fs-unit:18]" // text-4xl: 2.25rem = 18 * 0.125rem
+            xs: "[--fs-unit:9]  max-laptop:[--fs-unit:8]  max-tablet:[--fs-unit:7]", // text-lg: 1.125rem = 9 * 0.125rem
+            sm: "[--fs-unit:10] max-laptop:[--fs-unit:9]  max-tablet:[--fs-unit:8]", // text-xl: 1.25rem = 10 * 0.125rem
+            md: "[--fs-unit:12] max-laptop:[--fs-unit:11] max-tablet:[--fs-unit:10]", // text-2xl: 1.5rem = 12 * 0.125rem
+            lg: "[--fs-unit:15] max-laptop:[--fs-unit:14] max-tablet:[--fs-unit:13]", // text-3xl: 1.875rem = 15 * 0.125rem
+            xl: "[--fs-unit:18] max-laptop:[--fs-unit:17] max-tablet:[--fs-unit:16]" // text-4xl: 2.25rem = 18 * 0.125rem
         });
     }
 }

package/dist/index.js

@@ -3678,29 +3678,29 @@ class FontSizeTheme extends BaseTheme {
     // Static factory methods for different text size ranges
     static createForPageTitle() {
         return new FontSizeTheme({
-            xs: "[--fs-unit:15]", // text-3xl: 1.875rem = 15 * 0.125rem
-            sm: "[--fs-unit:18]", // text-4xl: 2.25rem = 18 * 0.125rem
-            md: "[--fs-unit:24]", // text-5xl: 3rem = 24 * 0.125rem
-            lg: "[--fs-unit:30]", // text-6xl: 3.75rem = 30 * 0.125rem
-            xl: "[--fs-unit:36]" // text-7xl: 4.5rem = 36 * 0.125rem
+            xs: "[--fs-unit:15] max-laptop:[--fs-unit:12] max-tablet:[--fs-unit:9]", // text-3xl: 1.875rem = 15 * 0.125rem
+            sm: "[--fs-unit:18] max-laptop:[--fs-unit:15] max-tablet:[--fs-unit:12]", // text-4xl: 2.25rem = 18 * 0.125rem
+            md: "[--fs-unit:24] max-laptop:[--fs-unit:21] max-tablet:[--fs-unit:18]", // text-5xl: 3rem = 24 * 0.125rem
+            lg: "[--fs-unit:30] max-laptop:[--fs-unit:27] max-tablet:[--fs-unit:24]", // text-6xl: 3.75rem = 30 * 0.125rem
+            xl: "[--fs-unit:36] max-laptop:[--fs-unit:33] max-tablet:[--fs-unit:30]" // text-7xl: 4.5rem = 36 * 0.125rem
         });
     }
     static createForSectionTitle() {
         return new FontSizeTheme({
-            xs: "[--fs-unit:12]", // text-2xl: 1.5rem = 12 * 0.125rem
-            sm: "[--fs-unit:15]", // text-3xl: 1.875rem = 15 * 0.125rem
-            md: "[--fs-unit:18]", // text-4xl: 2.25rem = 18 * 0.125rem
-            lg: "[--fs-unit:24]", // text-5xl: 3rem = 24 * 0.125rem
-            xl: "[--fs-unit:30]" // text-6xl: 3.75rem = 30 * 0.125rem
+            xs: "[--fs-unit:12] max-laptop:[--fs-unit:10] max-tablet:[--fs-unit:8]", // text-2xl: 1.5rem = 12 * 0.125rem
+            sm: "[--fs-unit:15] max-laptop:[--fs-unit:13] max-tablet:[--fs-unit:11]", // text-3xl: 1.875rem = 15 * 0.125rem
+            md: "[--fs-unit:18] max-laptop:[--fs-unit:16] max-tablet:[--fs-unit:14]", // text-4xl: 2.25rem = 18 * 0.125rem
+            lg: "[--fs-unit:24] max-laptop:[--fs-unit:22] max-tablet:[--fs-unit:20]", // text-5xl: 3rem = 24 * 0.125rem
+            xl: "[--fs-unit:30] max-laptop:[--fs-unit:28] max-tablet:[--fs-unit:26]" // text-6xl: 3.75rem = 30 * 0.125rem
         });
     }
     static createForTitle() {
         return new FontSizeTheme({
-            xs: "[--fs-unit:9]", // text-lg: 1.125rem = 9 * 0.125rem
-            sm: "[--fs-unit:10]", // text-xl: 1.25rem = 10 * 0.125rem
-            md: "[--fs-unit:12]", // text-2xl: 1.5rem = 12 * 0.125rem
-            lg: "[--fs-unit:15]", // text-3xl: 1.875rem = 15 * 0.125rem
-            xl: "[--fs-unit:18]" // text-4xl: 2.25rem = 18 * 0.125rem
+            xs: "[--fs-unit:9]  max-laptop:[--fs-unit:8]  max-tablet:[--fs-unit:7]", // text-lg: 1.125rem = 9 * 0.125rem
+            sm: "[--fs-unit:10] max-laptop:[--fs-unit:9]  max-tablet:[--fs-unit:8]", // text-xl: 1.25rem = 10 * 0.125rem
+            md: "[--fs-unit:12] max-laptop:[--fs-unit:11] max-tablet:[--fs-unit:10]", // text-2xl: 1.5rem = 12 * 0.125rem
+            lg: "[--fs-unit:15] max-laptop:[--fs-unit:14] max-tablet:[--fs-unit:13]", // text-3xl: 1.875rem = 15 * 0.125rem
+            xl: "[--fs-unit:18] max-laptop:[--fs-unit:17] max-tablet:[--fs-unit:16]" // text-4xl: 2.25rem = 18 * 0.125rem
         });
     }
 }

package/dist/ui.css

@@ -2359,6 +2359,81 @@
       flex-direction: column;
     }
   }
+  .max-laptop\:\[--fs-unit\:8\] {
+    @media (width < 64rem) {
+      --fs-unit: 8;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:9\] {
+    @media (width < 64rem) {
+      --fs-unit: 9;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:10\] {
+    @media (width < 64rem) {
+      --fs-unit: 10;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:11\] {
+    @media (width < 64rem) {
+      --fs-unit: 11;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:12\] {
+    @media (width < 64rem) {
+      --fs-unit: 12;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:13\] {
+    @media (width < 64rem) {
+      --fs-unit: 13;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:14\] {
+    @media (width < 64rem) {
+      --fs-unit: 14;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:15\] {
+    @media (width < 64rem) {
+      --fs-unit: 15;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:16\] {
+    @media (width < 64rem) {
+      --fs-unit: 16;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:17\] {
+    @media (width < 64rem) {
+      --fs-unit: 17;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:21\] {
+    @media (width < 64rem) {
+      --fs-unit: 21;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:22\] {
+    @media (width < 64rem) {
+      --fs-unit: 22;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:27\] {
+    @media (width < 64rem) {
+      --fs-unit: 27;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:28\] {
+    @media (width < 64rem) {
+      --fs-unit: 28;
+    }
+  }
+  .max-laptop\:\[--fs-unit\:33\] {
+    @media (width < 64rem) {
+      --fs-unit: 33;
+    }
+  }
   .max-laptop\:\[--py-unit\:3\] {
     @media (width < 64rem) {
       --py-unit: 3;
@@ -2394,6 +2469,76 @@
       flex-direction: column;
     }
   }
+  .max-tablet\:\[--fs-unit\:7\] {
+    @media (width < 48rem) {
+      --fs-unit: 7;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:8\] {
+    @media (width < 48rem) {
+      --fs-unit: 8;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:9\] {
+    @media (width < 48rem) {
+      --fs-unit: 9;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:10\] {
+    @media (width < 48rem) {
+      --fs-unit: 10;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:11\] {
+    @media (width < 48rem) {
+      --fs-unit: 11;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:12\] {
+    @media (width < 48rem) {
+      --fs-unit: 12;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:13\] {
+    @media (width < 48rem) {
+      --fs-unit: 13;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:14\] {
+    @media (width < 48rem) {
+      --fs-unit: 14;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:16\] {
+    @media (width < 48rem) {
+      --fs-unit: 16;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:18\] {
+    @media (width < 48rem) {
+      --fs-unit: 18;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:20\] {
+    @media (width < 48rem) {
+      --fs-unit: 20;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:24\] {
+    @media (width < 48rem) {
+      --fs-unit: 24;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:26\] {
+    @media (width < 48rem) {
+      --fs-unit: 26;
+    }
+  }
+  .max-tablet\:\[--fs-unit\:30\] {
+    @media (width < 48rem) {
+      --fs-unit: 30;
+    }
+  }
   .max-tablet\:\[--py-unit\:2\] {
     @media (width < 48rem) {
       --py-unit: 2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaneui/ui",
-  "version": "0.3.1-alpha.20251001142553.9da86c7",
+  "version": "0.3.1-alpha.20251001144233.cfeb345",
   "description": "A simple and lightweight UI component library for React, built with Tailwind CSS.",
   "author": "",
   "license": "ISC",