@vaneui/ui 0.3.1-alpha.20251214142729.7385e1d → 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;IAYxE,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,24 +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;
+        // 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)