@vaneui/ui 0.3.1-alpha.20251214142729.7385e1d → 0.3.1-alpha.20251222151356.4f77437

package/dist/index.js

@@ -3625,24 +3625,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;
+        // 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)