@vaneui/ui 0.2.1-alpha.20250820172812.236c9ec → 0.2.1-alpha.20250820175637.a4cda09

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

@@ -1,10 +1,10 @@
-import { SizeKey, PaddingKey } from "../../props";
+import { SizeKey } from "../../props";
 import { BaseTheme } from "../common/baseTheme";
 import type { CategoryProps } from "../../props";
-export interface PaddingTheme extends Record<PaddingKey, string | Record<SizeKey, string>> {
+export interface PaddingTheme extends Record<SizeKey, string> {
 }
 export declare class PaddingTheme extends BaseTheme {
-    readonly defaultClasses: Record<PaddingKey, string | Record<SizeKey, string>>;
-    constructor(initial?: Partial<Record<PaddingKey, string | Record<SizeKey, string>>>);
+    readonly defaultClasses: Record<SizeKey, string>;
+    constructor(initial?: Partial<Record<SizeKey, string>>);
     getClasses(extractedKeys: CategoryProps): string[];
 }

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

@@ -1,8 +1,8 @@
-import { SizeKey, PaddingKey } from "../../props";
+import { SizeKey } from "../../props";
 import { PaddingTheme } from "./paddingTheme";
-export interface PlTheme extends Record<PaddingKey, string | Record<SizeKey, string>> {
+export interface PlTheme extends Record<SizeKey, string> {
 }
 export declare class PlTheme extends PaddingTheme {
-    readonly defaultClasses: Record<PaddingKey, string | Record<SizeKey, string>>;
-    constructor(initial?: Partial<Record<PaddingKey, string | Record<SizeKey, string>>>);
+    readonly defaultClasses: Record<SizeKey, string>;
+    constructor(sizeMap?: Record<SizeKey, string>);
 }

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

@@ -1,8 +1,8 @@
-import { SizeKey, PaddingKey } from "../../props";
+import { SizeKey } from "../../props";
 import { PaddingTheme } from "./paddingTheme";
-export interface PxTheme extends Record<PaddingKey, string | Record<SizeKey, string>> {
+export interface PxTheme extends Record<SizeKey, string> {
 }
 export declare class PxTheme extends PaddingTheme {
-    readonly defaultClasses: Record<PaddingKey, string | Record<SizeKey, string>>;
+    readonly defaultClasses: Record<SizeKey, string>;
     constructor(sizeMap?: Record<SizeKey, string>);
 }

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

@@ -1,8 +1,8 @@
-import { SizeKey, PaddingKey } from "../../props";
+import { SizeKey } from "../../props";
 import { PaddingTheme } from "./paddingTheme";
-export interface PyTheme extends Record<PaddingKey, string | Record<SizeKey, string>> {
+export interface PyTheme extends Record<SizeKey, string> {
 }
 export declare class PyTheme extends PaddingTheme {
-    readonly defaultClasses: Record<PaddingKey, string | Record<SizeKey, string>>;
+    readonly defaultClasses: Record<SizeKey, string>;
     constructor(sizeMap?: Record<SizeKey, string>);
 }

package/dist/index.esm.js

@@ -3390,65 +3390,57 @@ class PaddingTheme extends BaseTheme {
     constructor(initial) {
         super();
         this.defaultClasses = {
-            padding: { xs: "", sm: "", md: "", lg: "", xl: "" },
-            noPadding: ""
+            xs: "", sm: "", md: "", lg: "", xl: ""
         };
-        ComponentKeys.padding.forEach((key) => {
+        ComponentKeys.size.forEach((key) => {
             var _a;
             this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : this.defaultClasses[key];
         });
     }
     getClasses(extractedKeys) {
-        var _a, _b;
+        var _a;
         const size = (_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : 'md';
-        const key = (_b = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding) !== null && _b !== void 0 ? _b : 'padding';
-        const paddingValue = this[key];
-        if (paddingValue === undefined) {
-            return [''];
+        const padding = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.padding;
+        // If noPadding is true, return empty array (no padding classes)
+        if (padding === 'noPadding') {
+            return [];
+        }
+        // If padding is true or undefined, apply padding classes based on size
+        if (padding === 'padding' || padding === undefined) {
+            const paddingClass = this[size];
+            return paddingClass ? [paddingClass] : [];
         }
-        return [typeof paddingValue === 'string' ? paddingValue : paddingValue[size] || ''];
+        return [];
     }
 }
 
 class PxTheme extends PaddingTheme {
     constructor(sizeMap) {
-        // If a simple size map is provided, convert it to the expected format
-        const initial = sizeMap ? { padding: sizeMap } : undefined;
-        super(initial);
+        super(sizeMap);
         this.defaultClasses = {
-            padding: { xs: "px-2", sm: "px-4", md: "px-6", lg: "px-8", xl: "px-10" },
-            noPadding: "px-0"
+            xs: "px-2", sm: "px-4", md: "px-6", lg: "px-8", xl: "px-10"
         };
-        // Override with PxTheme's default classes
-        ComponentKeys.padding.forEach((key) => {
-            if (key === 'padding' && (initial === null || initial === void 0 ? void 0 : initial.padding)) {
-                this[key] = initial.padding;
-            }
-            else {
+        // Override with PxTheme's default classes if no custom sizeMap provided
+        if (!sizeMap) {
+            ComponentKeys.size.forEach((key) => {
                 this[key] = this.defaultClasses[key];
-            }
-        });
+            });
+        }
     }
 }
 
 class PyTheme extends PaddingTheme {
     constructor(sizeMap) {
-        // If a simple size map is provided, convert it to the expected format
-        const initial = sizeMap ? { padding: sizeMap } : undefined;
-        super(initial);
+        super(sizeMap);
         this.defaultClasses = {
-            padding: { xs: "py-2", sm: "py-4", md: "py-6", lg: "py-8", xl: "py-10" },
-            noPadding: "py-0"
+            xs: "py-2", sm: "py-4", md: "py-6", lg: "py-8", xl: "py-10"
         };
-        // Override with PyTheme's default classes
-        ComponentKeys.padding.forEach((key) => {
-            if (key === 'padding' && (initial === null || initial === void 0 ? void 0 : initial.padding)) {
-                this[key] = initial.padding;
-            }
-            else {
+        // Override with PyTheme's default classes if no custom sizeMap provided
+        if (!sizeMap) {
+            ComponentKeys.size.forEach((key) => {
                 this[key] = this.defaultClasses[key];
-            }
-        });
+            });
+        }
     }
 }
 
@@ -4399,17 +4391,17 @@ const mergeDefaults = (baseDefaults, overrideDefaults) => {
 };
 
 class PlTheme extends PaddingTheme {
-    constructor(initial) {
-        super(initial);
+    constructor(sizeMap) {
+        super(sizeMap);
         this.defaultClasses = {
-            padding: { xs: "pl-2", sm: "pl-4", md: "pl-6", lg: "pl-8", xl: "pl-10" },
-            noPadding: "pl-0"
+            xs: "pl-2", sm: "pl-4", md: "pl-6", lg: "pl-8", xl: "pl-10"
         };
-        // Override with PlTheme's default classes
-        ComponentKeys.padding.forEach((key) => {
-            var _a;
-            this[key] = (_a = initial === null || initial === void 0 ? void 0 : initial[key]) !== null && _a !== void 0 ? _a : this.defaultClasses[key];
-        });
+        // Override with PlTheme's default classes if no custom sizeMap provided
+        if (!sizeMap) {
+            ComponentKeys.size.forEach((key) => {
+                this[key] = this.defaultClasses[key];
+            });
+        }
     }
 }