@vaneui/ui 0.2.1-alpha.20250820194940.1d9162d → 0.2.1-alpha.20250820203636.5bf2e74

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

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

package/dist/index.esm.js

@@ -3236,33 +3236,31 @@ class SizeTheme extends BaseTheme {
 
 class GapTheme extends BaseTheme {
     constructor(sizeMap) {
-        // If a simple size map is provided, convert it to the expected format
-        const initial = sizeMap ? { gap: sizeMap } : undefined;
         super();
-        ComponentKeys.gap.forEach((key) => {
-            if (key === 'gap' && (initial === null || initial === void 0 ? void 0 : initial.gap)) {
-                this[key] = initial.gap;
-            }
-            else {
-                this[key] = GapTheme.defaultClasses[key];
-            }
+        this.defaultClasses = {
+            xs: 'gap-2', sm: 'gap-3', md: 'gap-4', lg: 'gap-5', xl: 'gap-6'
+        };
+        ComponentKeys.size.forEach((key) => {
+            var _a;
+            this[key] = (_a = sizeMap === null || sizeMap === void 0 ? void 0 : sizeMap[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.gap) !== null && _b !== void 0 ? _b : 'noGap';
-        const gapValue = this[key];
-        if (gapValue === undefined) {
-            return [''];
+        const gap = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.gap;
+        // If noGap is true, return empty array (no gap classes)
+        if (gap === 'noGap') {
+            return [];
         }
-        return [typeof gapValue === 'string' ? gapValue : gapValue[size] || ''];
+        // If gap is true or undefined, apply gap classes based on size
+        if (gap === 'gap') {
+            const gapClass = this[size];
+            return gapClass ? [gapClass] : [];
+        }
+        return [];
     }
 }
-GapTheme.defaultClasses = {
-    gap: { xs: 'gap-2', sm: 'gap-3', md: 'gap-4', lg: 'gap-5', xl: 'gap-6' },
-    noGap: "gap-0"
-};
 
 const uiBorderRadiusClasses = {
     xs: "rounded-(--ui-border-radius-xs)",