@vaneui/ui 0.3.1-alpha.20251002111935.e184ae6 → 0.3.1-alpha.20251110140105.0a5a63e

package/dist/index.js

@@ -4948,26 +4948,30 @@ const defaultBadgeTheme = new ComponentTheme("span", "w-fit h-fit transition-all
     return props.href ? "a" : "span";
 });
 
-const chipAspectRatioClasses = {
-    xs: "[--aspect-ratio:2]",
-    sm: "[--aspect-ratio:2]",
-    md: "[--aspect-ratio:2]",
-    lg: "[--aspect-ratio:2]",
-    xl: "[--aspect-ratio:2]",
-};
-const chipPyClasses = {
-    xs: "[--py-unit:0.5]",
-    sm: "[--py-unit:1]",
-    md: "[--py-unit:1.5]",
-    lg: "[--py-unit:2]",
-    xl: "[--py-unit:2.5]",
-};
 const defaultChipTheme = new ComponentTheme("span", "w-fit h-fit transition-all duration-200 whitespace-nowrap", {
     size: {
-        px: new PxTheme(chipAspectRatioClasses, true),
-        py: new PyTheme(chipPyClasses, true),
+        px: new PxTheme({
+            xs: "[--aspect-ratio:2]",
+            sm: "[--aspect-ratio:2]",
+            md: "[--aspect-ratio:2]",
+            lg: "[--aspect-ratio:2]",
+            xl: "[--aspect-ratio:2]",
+        }, true),
+        py: new PyTheme({
+            xs: "[--py-unit:0.5]",
+            sm: "[--py-unit:1]",
+            md: "[--py-unit:1.5]",
+            lg: "[--py-unit:2]",
+            xl: "[--py-unit:2.5]",
+        }, true),
         text: new FontSizeTheme(),
-        lineHeight: LineHeightTheme.createDefault(),
+        lineHeight: new LineHeightTheme({
+            xs: "[--lh:1.2]",
+            sm: "[--lh:1.2]",
+            md: "[--lh:1.2]",
+            lg: "[--lh:1.2]",
+            xl: "[--lh:1.2]"
+        }),
         gap: new GapTheme(true)
     },
     appearance: {
@@ -4992,26 +4996,30 @@ const defaultChipTheme = new ComponentTheme("span", "w-fit h-fit transition-all
     return props.href ? "a" : "span";
 });
 
-const codeAspectRatioClasses = {
-    xs: "[--aspect-ratio:1.5]",
-    sm: "[--aspect-ratio:1.5]",
-    md: "[--aspect-ratio:1.5]",
-    lg: "[--aspect-ratio:1.5]",
-    xl: "[--aspect-ratio:1.5]",
-};
-const codePyClasses = {
-    xs: "[--py-unit:0.5]",
-    sm: "[--py-unit:0.5]",
-    md: "[--py-unit:1]",
-    lg: "[--py-unit:1]",
-    xl: "[--py-unit:1]",
-};
 const defaultCodeTheme = new ComponentTheme("code", "", {
     size: {
-        px: new PxTheme(codeAspectRatioClasses, true),
-        py: new PyTheme(codePyClasses, true),
+        px: new PxTheme({
+            xs: "[--aspect-ratio:1.5]",
+            sm: "[--aspect-ratio:1.5]",
+            md: "[--aspect-ratio:1.5]",
+            lg: "[--aspect-ratio:1.5]",
+            xl: "[--aspect-ratio:1.5]",
+        }, true),
+        py: new PyTheme({
+            xs: "[--py-unit:1]",
+            sm: "[--py-unit:1.5]",
+            md: "[--py-unit:1.5]",
+            lg: "[--py-unit:2]",
+            xl: "[--py-unit:2]",
+        }, true),
         text: new FontSizeTheme(),
-        lineHeight: LineHeightTheme.createDefault(),
+        lineHeight: new LineHeightTheme({
+            xs: "[--lh:1.2]",
+            sm: "[--lh:1.2]",
+            md: "[--lh:1.2]",
+            lg: "[--lh:1.2]",
+            xl: "[--lh:1.2]"
+        }),
         gap: new GapTheme(true)
     },
     appearance: {
@@ -5448,14 +5456,14 @@ const defaultGrid5Theme = new ComponentTheme("div", "grid-cols-1 sm:grid-cols-2
 const defaultGrid6Theme = new ComponentTheme("div", "grid-cols-1 sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-6", gridSubThemes, themeDefaults.grid6, GRID_CATEGORIES);
 
 var _a, _b, _c;
-const defaultCheckboxTheme = new ComponentTheme("input", "peer col-start-1 row-start-1 cursor-pointer appearance-none ring-transparent", {
+const defaultCheckboxTheme = new ComponentTheme("input", "peer col-start-1 row-start-1 cursor-pointer appearance-none ring-transparent size-(--ui-size)", {
     size: {
         size: new SizeTheme({
-            xs: 'size-(--ui-size) [--size-unit:3]',
-            sm: 'size-(--ui-size) [--size-unit:3.5]',
-            md: 'size-(--ui-size) [--size-unit:4]',
-            lg: 'size-(--ui-size) [--size-unit:4.5]',
-            xl: 'size-(--ui-size) [--size-unit:5]'
+            xs: '[--size-unit:3]',
+            sm: '[--size-unit:3.5]',
+            md: '[--size-unit:4]',
+            lg: '[--size-unit:4.5]',
+            xl: '[--size-unit:5]'
         }),
         text: new FontSizeTheme()
     },