@vaneui/ui 0.2.1-alpha.20250820182348.d8e8551 → 0.2.1-alpha.20250820194940.1d9162d

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

@@ -1,11 +1,17 @@
-import { ShapeKey, SizeKey } from "../../props";
+import { SizeKey } from "../../props";
 import { BaseTheme } from "../common/baseTheme";
 import type { CategoryProps } from "../../props";
-export interface RadiusTheme extends Record<ShapeKey, string | Record<SizeKey, string>> {
+export interface RadiusTheme {
+    pill: string;
+    sharp: string;
+    rounded: Record<SizeKey, string>;
 }
 export declare class RadiusTheme extends BaseTheme {
+    pill: string;
+    sharp: string;
+    rounded: Record<SizeKey, string>;
     private constructor();
-    static createUITheme(sizeMap?: Record<SizeKey, string>): RadiusTheme;
-    static createLayoutTheme(sizeMap?: Record<SizeKey, string>): RadiusTheme;
+    static createUITheme(customRounded?: Record<SizeKey, string>): RadiusTheme;
+    static createLayoutTheme(customRounded?: Record<SizeKey, string>): RadiusTheme;
     getClasses(extractedKeys: CategoryProps): string[];
 }

package/dist/index.esm.js

@@ -3278,44 +3278,35 @@ const layoutBorderRadiusClasses = {
     lg: "rounded-(--layout-border-radius-lg)",
     xl: "rounded-(--layout-border-radius-xl)",
 };
-const uiBorderRadiusShapeClasses = {
-    pill: "rounded-full",
-    sharp: "rounded-none",
-    rounded: uiBorderRadiusClasses,
-};
-const layoutBorderRadiusShapeClasses = {
-    pill: "rounded-full",
-    sharp: "rounded-none",
-    rounded: layoutBorderRadiusClasses,
-};
 
 class RadiusTheme extends BaseTheme {
-    constructor(shapeClasses, sizeMap) {
+    constructor(roundedClasses) {
         super();
-        ComponentKeys.shape.forEach((key) => {
-            if (key === 'rounded' && sizeMap) {
-                this[key] = sizeMap;
-            }
-            else {
-                this[key] = shapeClasses[key];
-            }
-        });
+        this.pill = "rounded-full";
+        this.sharp = "rounded-none";
+        this.rounded = roundedClasses;
     }
-    static createUITheme(sizeMap) {
-        return new RadiusTheme(uiBorderRadiusShapeClasses, sizeMap);
+    static createUITheme(customRounded) {
+        return new RadiusTheme(customRounded || uiBorderRadiusClasses);
     }
-    static createLayoutTheme(sizeMap) {
-        return new RadiusTheme(layoutBorderRadiusShapeClasses, sizeMap);
+    static createLayoutTheme(customRounded) {
+        return new RadiusTheme(customRounded || layoutBorderRadiusClasses);
     }
     getClasses(extractedKeys) {
         var _a, _b;
         const size = (_a = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.size) !== null && _a !== void 0 ? _a : 'md';
         const shape = (_b = extractedKeys === null || extractedKeys === void 0 ? void 0 : extractedKeys.shape) !== null && _b !== void 0 ? _b : 'rounded';
-        const shapeValue = this[shape];
-        if (shapeValue === undefined) {
-            return [''];
+        switch (shape) {
+            case 'pill':
+                return [this.pill];
+            case 'sharp':
+                return [this.sharp];
+            case 'rounded':
+                const roundedClass = this.rounded[size];
+                return roundedClass ? [roundedClass] : [];
+            default:
+                return [];
         }
-        return [typeof shapeValue === 'string' ? shapeValue : shapeValue[size] || ''];
     }
 }