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

package/dist/components/ui/theme/layout/borderTheme.d.ts

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

package/dist/components/ui/theme/layout/ringTheme.d.ts

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

package/dist/index.esm.js

@@ -3322,69 +3322,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) {