@vaneui/ui 0.2.1-alpha.20250820175637.a4cda09 → 0.2.1-alpha.20250820182348.d8e8551

package/dist/index.js

@@ -3324,69 +3324,56 @@ class RadiusTheme extends BaseTheme {
 class BorderTheme extends BaseTheme {
     constructor(initial) {
         super();
-        ComponentKeys.border.forEach((key) => {
-            this[key] = {
-                ...BorderTheme.defaultClasses[key],
-                ...((initial === null || initial === void 0 ? void 0 : initial[key]) || {}),
-            };
+        this.defaultClasses = {
+            base: "border",
+            hover: "",
+            active: "",
+        };
+        ComponentKeys.mode.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) {
-        const key = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.border;
-        if (!key || !this[key]) {
-            return ComponentKeys.mode.map(() => '');
+        const border = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.border;
+        // If noBorder is true, return empty array (no border classes)
+        if (border === 'noBorder') {
+            return [];
         }
-        return ComponentKeys.mode.map(mode => this[key][mode] || '');
+        // Only apply border classes if border is explicitly true
+        if (border === 'border') {
+            return ComponentKeys.mode.map(mode => this[mode] || '').filter(Boolean);
+        }
+        return [];
     }
 }
-BorderTheme.defaultClasses = {
-    border: {
-        base: "border",
-        hover: "", //"hover:border",
-        active: "", //"active:border",
-    },
-    noBorder: {
-        base: "",
-        hover: "",
-        active: "",
-    },
-};
 
 class RingTheme extends BaseTheme {
     constructor(initial) {
         super();
-        ComponentKeys.ring.forEach((key) => {
-            this[key] = {
-                ...RingTheme.defaultClasses[key],
-                ...((initial === null || initial === void 0 ? void 0 : initial[key]) || {}),
-            };
+        this.defaultClasses = {
+            base: "ring ring-inset",
+            hover: "hover:ring hover:ring-inset",
+            active: "active:ring active:ring-inset",
+        };
+        ComponentKeys.mode.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) {
-        const key = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.ring;
-        if (!key || !this[key]) {
-            return ComponentKeys.mode.map(() => '');
+        const ring = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.ring;
+        // If noRing is true, return empty array (no ring classes)
+        if (ring === 'noRing') {
+            return [];
         }
-        return ComponentKeys.mode.map(mode => this[key][mode] || '');
+        // Only apply ring classes if ring is explicitly true
+        if (ring === 'ring') {
+            return ComponentKeys.mode.map(mode => this[mode] || '').filter(Boolean);
+        }
+        return [];
     }
 }
-RingTheme.defaultClasses = {
-    ring: {
-        base: "ring ring-inset",
-        hover: "hover:ring hover:ring-inset",
-        active: "active:ring active:ring-inset",
-    },
-    noRing: {
-        base: "",
-        hover: "",
-        active: "",
-    },
-    //noRing: {
-    //  base: "ring-0",
-    //  hover: "hover:ring-0",
-    //  active: "active:ring-0",
-    //},
-};
 
 class PaddingTheme extends BaseTheme {
     constructor(initial) {