@vaneui/ui 0.3.1-alpha.20251214141144.6dd59c5 → 0.3.1-alpha.20251215181324.24aaf05

package/dist/components/ui/theme/size/pxTheme.d.ts

@@ -1,9 +1,8 @@
 import { SizeKey } from "../../props";
 import { PaddingTheme } from "./paddingTheme";
 import type { CategoryProps } from "../../props";
-/** Horizontal padding theme - controls left and right padding */
+/** Horizontal padding theme - controls left and right padding via aspect ratio */
 export declare class PxTheme extends PaddingTheme {
-    private aspectRatioMap?;
     private isUIComponent?;
     constructor(aspectRatio?: Record<SizeKey, string>, isUIComponent?: boolean);
     getClasses(extractedKeys: CategoryProps): string[];

package/dist/components/ui/theme/size/pxTheme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pxTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/pxTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,iEAAiE;AACjE,qBAAa,OAAQ,SAAQ,YAAY;IACvC,OAAO,CAAC,cAAc,CAAC,CAA0B;IACjD,OAAO,CAAC,aAAa,CAAC,CAAU;gBAEpB,WAAW,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,UAAQ;IAcxE,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAkBnD"}
+{"version":3,"file":"pxTheme.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/theme/size/pxTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAiB,MAAM,aAAa,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,kFAAkF;AAClF,qBAAa,OAAQ,SAAQ,YAAY;IACvC,OAAO,CAAC,aAAa,CAAC,CAAU;gBAEpB,WAAW,CAAC,EAAE,MAAM,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,aAAa,UAAQ;IAWxE,UAAU,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,EAAE;CAkBnD"}

package/dist/index.esm.js

@@ -3623,26 +3623,23 @@ class PaddingTheme extends BaseTheme {
     }
 }
 
-/** Horizontal padding theme - controls left and right padding */
+/** Horizontal padding theme - controls left and right padding via aspect ratio */
 class PxTheme extends PaddingTheme {
     constructor(aspectRatio, isUIComponent = false) {
-        super();
-        this.aspectRatioMap = aspectRatio ? aspectRatio : {
-            xs: "[--aspect-ratio:1]",
-            sm: "[--aspect-ratio:1]",
-            md: "[--aspect-ratio:1]",
-            lg: "[--aspect-ratio:1]",
-            xl: "[--aspect-ratio:1]",
-        };
+        super(aspectRatio);
         this.isUIComponent = isUIComponent;
-        // PxTheme should not set any padding classes - that's PyTheme's job
-        // PxTheme only handles aspect-ratio
+        // Override with PxTheme's default aspect ratio classes if no custom map provided
+        if (!aspectRatio) {
+            ComponentKeys.size.forEach((key) => {
+                this[key] = "[--aspect-ratio:1]";
+            });
+        }
     }
     getClasses(extractedKeys) {
-        var _a, _b;
+        var _a;
         if ((extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) === 'padding' || (extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) === undefined) {
             const size = (_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : 'md';
-            const aspectRatioClass = (_b = this.aspectRatioMap) === null || _b === void 0 ? void 0 : _b[size];
+            const aspectRatioClass = this[size];
             const classes = [];
             // Only add aspect-ratio class - no padding classes
             if (aspectRatioClass)
@@ -4523,11 +4520,11 @@ const themeDefaults = {
 };
 
 const buttonAspectRatioClasses = {
-    xs: "[--aspect-ratio:2]", // px-2 vs py-1 = 2
-    sm: "[--aspect-ratio:2]", // px-3 vs py-1.5 = 2
-    md: "[--aspect-ratio:2]", // px-4 vs py-2 = 2
-    lg: "[--aspect-ratio:2]", // px-5 vs py-2.5 = 2
-    xl: "[--aspect-ratio:2]", // px-6 vs py-3 = 2
+    xs: "[--aspect-ratio:2]",
+    sm: "[--aspect-ratio:2]",
+    md: "[--aspect-ratio:2]",
+    lg: "[--aspect-ratio:2]",
+    xl: "[--aspect-ratio:2]",
 };
 const defaultButtonTheme = new ComponentTheme("button", "w-fit h-fit cursor-pointer transition-all duration-200 whitespace-nowrap", {
     size: {