@xsolla/xui-core 0.160.2 → 0.161.0-pr292.1779705307

package/index.d.mts

@@ -157,7 +157,7 @@ var overlay = {
 };
 var layer = {
 	scrim: "rgba(0, 0, 0, 0.5)",
-	float: "rgba(0, 0, 0, 0.8)"
+	float: "rgba(0, 0, 0, 0.5)"
 };
 var control = {
 	brand: {
@@ -253,9 +253,9 @@ var control = {
 			borderPress: "rgba(255, 255, 255, 0)"
 		},
 		secondary: {
-			bg: "#22136c",
-			bgHover: "#301b98",
-			bgPress: "#140b41",
+			bg: "rgba(80, 49, 232, 0.4)",
+			bgHover: "rgba(149, 128, 255, 0.4)",
+			bgPress: "rgba(80, 49, 232, 0.4)",
 			border: "#7055f6",
 			borderHover: "#9580ff",
 			borderPress: "rgba(255, 255, 255, 0)"
@@ -295,11 +295,11 @@ var control = {
 			borderPress: "rgba(255, 255, 255, 0)"
 		},
 		secondary: {
-			bg: "#6c2213",
-			bgHover: "#98301b",
-			bgPress: "#41140b",
-			border: "#98301b",
-			borderHover: "#c33d22",
+			bg: "rgba(232, 79, 48, 0.4)",
+			bgHover: "rgba(246, 112, 85, 0.4)",
+			bgPress: "rgba(195, 61, 34, 0.4)",
+			border: "rgba(246, 112, 85, 0.32)",
+			borderHover: "rgba(246, 112, 85, 0.32)",
 			borderPress: "rgba(255, 255, 255, 0)"
 		},
 		tertiary: {
@@ -337,7 +337,7 @@ var control = {
 		textDisable: "rgba(255, 255, 255, 0.36)"
 	},
 	focus: {
-		bg: "rgba(0, 0, 0, 0.8)",
+		bg: "rgba(0, 0, 0, 0.5)",
 		border: "#31cae8"
 	},
 	check: {
@@ -374,7 +374,7 @@ var control = {
 		bgActive: "#80eaff",
 		bgActiveHover: "#b2f2ff",
 		bgInactive: "#ffffff",
-		bgInactiveHover: "#f4f5f6",
+		bgInactiveHover: "#f6f8f9",
 		bgDisable: "rgba(255, 255, 255, 0.4)"
 	},
 	text: {
@@ -419,8 +419,8 @@ var control = {
 		id: {
 			bg: "#34474b",
 			bgSeries: "#000000",
-			textSeries: "#b7c5c8",
-			textNumber: "#b7c5c8",
+			textSeries: "#4b6368",
+			textNumber: "#000000",
 			textCompact: "rgba(255, 255, 255, 0.48)"
 		},
 		subentity: {
@@ -433,9 +433,6 @@ var control = {
 			textCompact: "rgba(255, 255, 255, 0.48)"
 		}
 	},
-	toast: {
-		bg: "#34474b"
-	},
 	toggleButton: {
 		bg: "rgba(178, 242, 255, 0.1)",
 		bgHover: "rgba(178, 242, 255, 0.15)",
@@ -853,9 +850,6 @@ declare const colors: {
                     textCompact: string;
                 };
             };
-            toast: {
-                bg: string;
-            };
             toggleButton: {
                 bg: string;
                 bgHover: string;
@@ -1256,9 +1250,6 @@ declare const colors: {
                     textCompact: string;
                 };
             };
-            toast: {
-                bg: string;
-            };
             toggleButton: {
                 bg: string;
                 bgHover: string;
@@ -1659,9 +1650,6 @@ declare const colors: {
                     textCompact: string;
                 };
             };
-            toast: {
-                bg: string;
-            };
             toggleButton: {
                 bg: string;
                 bgHover: string;
@@ -2062,9 +2050,6 @@ declare const colors: {
                     textCompact: string;
                 };
             };
-            toast: {
-                bg: string;
-            };
             toggleButton: {
                 bg: string;
                 bgHover: string;
@@ -2465,9 +2450,6 @@ declare const colors: {
                     textCompact: string;
                 };
             };
-            toast: {
-                bg: string;
-            };
             toggleButton: {
                 bg: string;
                 bgHover: string;
@@ -2515,6 +2497,308 @@ declare const radius: {
     avatarLarge: number;
     avatarCircle: number;
 };
+/** Primitive radius scale. Mirrors Figma "Scale / radius/*" variables. */
+declare const radiusScale: {
+    readonly "25": 2;
+    readonly "50": 4;
+    readonly "75": 6;
+    readonly "100": 8;
+    readonly "150": 12;
+    readonly "200": 16;
+    readonly "250": 20;
+    readonly "300": 24;
+    readonly "350": 28;
+    readonly "400": 32;
+    readonly "999": 999;
+};
+/** Primitive border-width scale. Mirrors Figma "Scale / stroke/*" variables. */
+declare const stroke: {
+    readonly "1": 1;
+    readonly "2": 2;
+    readonly "3": 3;
+};
+
+/**
+ * Semantic shape tokens. Mirrors Figma "Theme / Shape" variable collection,
+ * Xsolla Default mode. Values alias into the radiusScale and stroke primitives.
+ */
+declare const shape: {
+    readonly button: {
+        readonly xl: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly lg: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly md: {
+            readonly borderRadius: 6;
+            readonly borderWidth: 1;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly xs: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+    };
+    readonly checkbox: {
+        readonly xl: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly lg: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly md: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+    };
+    readonly input: {
+        readonly xl: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly lg: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly md: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly xs: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+    };
+    readonly segmented: {
+        readonly xl: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly lg: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly md: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+    };
+    readonly segmentedItem: {
+        readonly xl: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly lg: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly md: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly sm: {
+            readonly borderRadius: 2;
+            readonly borderWidth: 1;
+        };
+    };
+    readonly switch: {
+        readonly xl: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly lg: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly md: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+    };
+    readonly knob: {
+        readonly xl: {
+            readonly borderRadius: 2;
+        };
+        readonly lg: {
+            readonly borderRadius: 2;
+        };
+        readonly md: {
+            readonly borderRadius: 2;
+        };
+        readonly sm: {
+            readonly borderRadius: 2;
+        };
+    };
+    readonly tabItem: {
+        readonly xl: {
+            readonly borderRadius: 8;
+        };
+        readonly lg: {
+            readonly borderRadius: 8;
+        };
+        readonly md: {
+            readonly borderRadius: 4;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+        };
+    };
+    readonly tag: {
+        readonly xl: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly lg: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly md: {
+            readonly borderRadius: 6;
+            readonly borderWidth: 1;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly xs: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly label: {
+            readonly borderRadius: 0;
+        };
+    };
+    readonly tooltip: {
+        readonly xl: {
+            readonly borderRadius: 8;
+        };
+        readonly lg: {
+            readonly borderRadius: 8;
+        };
+        readonly md: {
+            readonly borderRadius: 8;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+        };
+    };
+    readonly radio: {
+        readonly xl: {
+            readonly borderRadius: 999;
+            readonly borderWidth: 1;
+        };
+        readonly lg: {
+            readonly borderRadius: 999;
+            readonly borderWidth: 1;
+        };
+        readonly md: {
+            readonly borderRadius: 999;
+            readonly borderWidth: 1;
+        };
+        readonly sm: {
+            readonly borderRadius: 999;
+            readonly borderWidth: 1;
+        };
+    };
+    readonly contextMenu: {
+        readonly xl: {
+            readonly borderRadius: 8;
+        };
+        readonly lg: {
+            readonly borderRadius: 8;
+        };
+        readonly md: {
+            readonly borderRadius: 8;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+        };
+        readonly xs: {
+            readonly borderRadius: 4;
+        };
+    };
+    readonly avatar: {
+        readonly xl: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 2;
+        };
+        readonly lg: {
+            readonly borderRadius: 6;
+            readonly borderWidth: 2;
+        };
+        readonly md: {
+            readonly borderRadius: 6;
+            readonly borderWidth: 2;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 2;
+        };
+        readonly xs: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 2;
+        };
+        readonly xxs: {
+            readonly borderRadius: 2;
+            readonly borderWidth: 2;
+        };
+    };
+    readonly modal: {
+        readonly borderRadius: 8;
+    };
+    readonly toast: {
+        readonly borderRadius: 4;
+    };
+    readonly toggleButtonGroup: {
+        readonly xl: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly lg: {
+            readonly borderRadius: 8;
+            readonly borderWidth: 1;
+        };
+        readonly md: {
+            readonly borderRadius: 6;
+            readonly borderWidth: 1;
+        };
+        readonly sm: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+        readonly xs: {
+            readonly borderRadius: 4;
+            readonly borderWidth: 1;
+        };
+    };
+    readonly tagLabel: {
+        readonly borderRadius: 0;
+    };
+};
 
 declare const shadow: {
     active: string;
@@ -3073,9 +3357,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                     textCompact: string;
                 };
             };
-            toast: {
-                bg: string;
-            };
             toggleButton: {
                 bg: string;
                 bgHover: string;
@@ -3475,9 +3756,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                     textCompact: string;
                 };
             };
-            toast: {
-                bg: string;
-            };
             toggleButton: {
                 bg: string;
                 bgHover: string;
@@ -3877,9 +4155,6 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                     textCompact: string;
                 };
             };
-            toast: {
-                bg: string;
-            };
             toggleButton: {
                 bg: string;
                 bgHover: string;
@@ -3912,17 +4187,282 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         l: number;
         xl: number;
     };
-    radius: {
-        button: number;
-        card: number;
-        contextMenu: number;
-        input: number;
-        tagSmall: number;
-        tagMedium: number;
-        tagLarge: number;
-        avatarSmall: number;
-        avatarLarge: number;
-        avatarCircle: number;
+    shape: {
+        readonly button: {
+            readonly xl: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly lg: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly md: {
+                readonly borderRadius: 6;
+                readonly borderWidth: 1;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly xs: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+        };
+        readonly checkbox: {
+            readonly xl: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly lg: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly md: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+        };
+        readonly input: {
+            readonly xl: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly lg: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly md: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly xs: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+        };
+        readonly segmented: {
+            readonly xl: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly lg: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly md: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+        };
+        readonly segmentedItem: {
+            readonly xl: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly lg: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly md: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly sm: {
+                readonly borderRadius: 2;
+                readonly borderWidth: 1;
+            };
+        };
+        readonly switch: {
+            readonly xl: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly lg: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly md: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+        };
+        readonly knob: {
+            readonly xl: {
+                readonly borderRadius: 2;
+            };
+            readonly lg: {
+                readonly borderRadius: 2;
+            };
+            readonly md: {
+                readonly borderRadius: 2;
+            };
+            readonly sm: {
+                readonly borderRadius: 2;
+            };
+        };
+        readonly tabItem: {
+            readonly xl: {
+                readonly borderRadius: 8;
+            };
+            readonly lg: {
+                readonly borderRadius: 8;
+            };
+            readonly md: {
+                readonly borderRadius: 4;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+            };
+        };
+        readonly tag: {
+            readonly xl: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly lg: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly md: {
+                readonly borderRadius: 6;
+                readonly borderWidth: 1;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly xs: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly label: {
+                readonly borderRadius: 0;
+            };
+        };
+        readonly tooltip: {
+            readonly xl: {
+                readonly borderRadius: 8;
+            };
+            readonly lg: {
+                readonly borderRadius: 8;
+            };
+            readonly md: {
+                readonly borderRadius: 8;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+            };
+        };
+        readonly radio: {
+            readonly xl: {
+                readonly borderRadius: 999;
+                readonly borderWidth: 1;
+            };
+            readonly lg: {
+                readonly borderRadius: 999;
+                readonly borderWidth: 1;
+            };
+            readonly md: {
+                readonly borderRadius: 999;
+                readonly borderWidth: 1;
+            };
+            readonly sm: {
+                readonly borderRadius: 999;
+                readonly borderWidth: 1;
+            };
+        };
+        readonly contextMenu: {
+            readonly xl: {
+                readonly borderRadius: 8;
+            };
+            readonly lg: {
+                readonly borderRadius: 8;
+            };
+            readonly md: {
+                readonly borderRadius: 8;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+            };
+            readonly xs: {
+                readonly borderRadius: 4;
+            };
+        };
+        readonly avatar: {
+            readonly xl: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 2;
+            };
+            readonly lg: {
+                readonly borderRadius: 6;
+                readonly borderWidth: 2;
+            };
+            readonly md: {
+                readonly borderRadius: 6;
+                readonly borderWidth: 2;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 2;
+            };
+            readonly xs: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 2;
+            };
+            readonly xxs: {
+                readonly borderRadius: 2;
+                readonly borderWidth: 2;
+            };
+        };
+        readonly modal: {
+            readonly borderRadius: 8;
+        };
+        readonly toast: {
+            readonly borderRadius: 4;
+        };
+        readonly toggleButtonGroup: {
+            readonly xl: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly lg: {
+                readonly borderRadius: 8;
+                readonly borderWidth: 1;
+            };
+            readonly md: {
+                readonly borderRadius: 6;
+                readonly borderWidth: 1;
+            };
+            readonly sm: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+            readonly xs: {
+                readonly borderRadius: 4;
+                readonly borderWidth: 1;
+            };
+        };
+        readonly tagLabel: {
+            readonly borderRadius: 0;
+        };
     };
     shadow: {
         active: string;
@@ -3956,7 +4496,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             iconContainerSize: number;
             iconPadding: number;
             loadingPadding: number;
-            borderRadius: number;
+            borderRadius: 8;
             labelIconSize: number;
             labelIconGap: number;
         } | {
@@ -3969,7 +4509,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             iconContainerSize: number;
             iconPadding: number;
             loadingPadding: number;
-            borderRadius: number;
+            borderRadius: 8;
             labelIconSize: number;
             labelIconGap: number;
         } | {
@@ -3982,7 +4522,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             iconContainerSize: number;
             iconPadding: number;
             loadingPadding: number;
-            borderRadius: number;
+            borderRadius: 6;
             labelIconSize: number;
             labelIconGap: number;
         } | {
@@ -3995,7 +4535,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             iconContainerSize: number;
             iconPadding: number;
             loadingPadding: number;
-            borderRadius: number;
+            borderRadius: 4;
             labelIconSize: number;
             labelIconGap: number;
         } | {
@@ -4008,7 +4548,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             iconContainerSize: number;
             iconPadding: number;
             loadingPadding: number;
-            borderRadius: number;
+            borderRadius: 4;
             labelIconSize: number;
             labelIconGap: number;
         };
@@ -4018,35 +4558,35 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             fontSize: number;
             spinnerSize: number;
             iconSize: number;
-            borderRadius: number;
+            borderRadius: 4;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             spinnerSize: number;
             iconSize: number;
-            borderRadius: number;
+            borderRadius: 4;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             spinnerSize: number;
             iconSize: number;
-            borderRadius: number;
+            borderRadius: 2;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             spinnerSize: number;
             iconSize: number;
-            borderRadius: number;
+            borderRadius: 2;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             spinnerSize: number;
             iconSize: number;
-            borderRadius: number;
+            borderRadius: 2;
         };
         checkbox: (size: "xl" | "lg" | "md" | "sm") => {
             size: number;
@@ -4054,28 +4594,28 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             descriptionFontSize: number;
             labelGap: number;
             textGap: number;
-            borderRadius: number;
+            borderRadius: 4;
         } | {
             size: number;
             fontSize: number;
             descriptionFontSize: number;
             labelGap: number;
             textGap: number;
-            borderRadius: number;
+            borderRadius: 4;
         } | {
             size: number;
             fontSize: number;
             descriptionFontSize: number;
             labelGap: number;
             textGap: number;
-            borderRadius: number;
+            borderRadius: 4;
         } | {
             size: number;
             fontSize: number;
             descriptionFontSize: number;
             labelGap: number;
             textGap: number;
-            borderRadius: number;
+            borderRadius: 4;
         };
         radio: (size: "xl" | "lg" | "md" | "sm") => {
             size: number;
@@ -4124,7 +4664,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             paddingHorizontal: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
             fieldGap: number;
             lineHeight: number;
@@ -4134,7 +4674,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             paddingHorizontal: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
             fieldGap: number;
             lineHeight: number;
@@ -4144,7 +4684,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             paddingHorizontal: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
             fieldGap: number;
             lineHeight: number;
@@ -4154,7 +4694,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             paddingHorizontal: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
             fieldGap: number;
             lineHeight: number;
@@ -4164,7 +4704,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             paddingHorizontal: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
             fieldGap: number;
             lineHeight: number;
@@ -4181,7 +4721,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             errorFontSize: number;
             errorLineHeight: number;
             errorGap: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
         } | {
             box: number;
@@ -4195,7 +4735,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             errorFontSize: number;
             errorLineHeight: number;
             errorGap: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
         } | {
             box: number;
@@ -4209,7 +4749,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             errorFontSize: number;
             errorLineHeight: number;
             errorGap: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
         } | {
             box: number;
@@ -4223,7 +4763,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             errorFontSize: number;
             errorLineHeight: number;
             errorGap: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
         } | {
             box: number;
@@ -4237,7 +4777,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             errorFontSize: number;
             errorLineHeight: number;
             errorGap: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
         };
         dragDropUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
@@ -4385,35 +4925,35 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             size: number;
             gap: number;
             fontSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
             fieldGap: number;
         } | {
             size: number;
             gap: number;
             fontSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
             fieldGap: number;
         } | {
             size: number;
             gap: number;
             fontSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
             fieldGap: number;
         } | {
             size: number;
             gap: number;
             fontSize: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
             fieldGap: number;
         } | {
             size: number;
             gap: number;
             fontSize: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
             fieldGap: number;
         };
@@ -4422,31 +4962,31 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             padding: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 4;
         } | {
             height: number;
             padding: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 4;
         };
         switch: (size: "xl" | "lg" | "md" | "sm") => {
             width: number;
@@ -4458,8 +4998,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             descriptionLineHeight: number;
             labelGap: number;
             textGap: number;
-            frameBorderRadius: number;
-            knobBorderRadius: number;
+            frameBorderRadius: 4;
+            knobBorderRadius: 2;
         } | {
             width: number;
             height: number;
@@ -4470,8 +5010,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             descriptionLineHeight: number;
             labelGap: number;
             textGap: number;
-            frameBorderRadius: number;
-            knobBorderRadius: number;
+            frameBorderRadius: 4;
+            knobBorderRadius: 2;
         } | {
             width: number;
             height: number;
@@ -4482,8 +5022,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             descriptionLineHeight: number;
             labelGap: number;
             textGap: number;
-            frameBorderRadius: number;
-            knobBorderRadius: number;
+            frameBorderRadius: 4;
+            knobBorderRadius: 2;
         } | {
             width: number;
             height: number;
@@ -4494,8 +5034,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             descriptionLineHeight: number;
             labelGap: number;
             textGap: number;
-            frameBorderRadius: number;
-            knobBorderRadius: number;
+            frameBorderRadius: 4;
+            knobBorderRadius: 2;
         };
         avatar: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
             size: number;
@@ -4510,8 +5050,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 8;
+            borderRadiusCircle: 999;
         } | {
             size: number;
             fontSize: number;
@@ -4525,8 +5065,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 6;
+            borderRadiusCircle: 999;
         } | {
             size: number;
             fontSize: number;
@@ -4540,8 +5080,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 6;
+            borderRadiusCircle: 999;
         } | {
             size: number;
             fontSize: number;
@@ -4555,8 +5095,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 4;
+            borderRadiusCircle: 999;
         } | {
             size: number;
             fontSize: number;
@@ -4570,8 +5110,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 4;
+            borderRadiusCircle: 999;
         } | {
             size: number;
             fontSize: number;
@@ -4585,8 +5125,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 2;
+            borderRadiusCircle: 999;
         };
         tag: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
             height: number;
@@ -4595,7 +5135,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             gap: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
         } | {
             height: number;
@@ -4604,7 +5144,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             gap: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
         } | {
             height: number;
@@ -4613,7 +5153,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             gap: number;
             iconSize: number;
-            radius: number;
+            radius: 6;
             borderWidth: number;
         } | {
             height: number;
@@ -4622,7 +5162,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             gap: number;
             iconSize: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
         } | {
             height: number;
@@ -4631,7 +5171,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             gap: number;
             iconSize: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
         };
         divider: (size: "lg" | "md" | "sm") => {
@@ -4695,11 +5235,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         segmented: (size: "xl" | "lg" | "md" | "sm") => {
             height: number;
             containerPadding: number;
-            containerRadius: number;
+            containerRadius: 8;
             itemHeight: number;
             itemPaddingHorizontal: number;
             itemPaddingVertical: number;
-            itemRadius: number;
+            itemRadius: 4;
             fontSize: number;
             lineHeight: number;
             iconSize: number;
@@ -4707,11 +5247,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         } | {
             height: number;
             containerPadding: number;
-            containerRadius: number;
+            containerRadius: 8;
             itemHeight: number;
             itemPaddingHorizontal: number;
             itemPaddingVertical: number;
-            itemRadius: number;
+            itemRadius: 4;
             fontSize: number;
             lineHeight: number;
             iconSize: number;
@@ -4719,11 +5259,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         } | {
             height: number;
             containerPadding: number;
-            containerRadius: number;
+            containerRadius: 8;
             itemHeight: number;
             itemPaddingHorizontal: number;
             itemPaddingVertical: number;
-            itemRadius: number;
+            itemRadius: 4;
             fontSize: number;
             lineHeight: number;
             iconSize: number;
@@ -4731,11 +5271,11 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         } | {
             height: number;
             containerPadding: number;
-            containerRadius: number;
+            containerRadius: 4;
             itemHeight: number;
             itemPaddingHorizontal: number;
             itemPaddingVertical: number;
-            itemRadius: number;
+            itemRadius: 2;
             fontSize: number;
             lineHeight: number;
             iconSize: number;
@@ -4744,10 +5284,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         tabsSegmented: (size: "xl" | "lg" | "md" | "sm") => {
             height: number;
             containerPadding: number;
-            containerRadius: number;
             itemPaddingHorizontal: number;
             itemPaddingVertical: number;
-            itemRadius: number;
             fontSize: number;
             lineHeight: number;
             iconSize: number;
@@ -4755,10 +5293,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         } | {
             height: number;
             containerPadding: number;
-            containerRadius: number;
             itemPaddingHorizontal: number;
             itemPaddingVertical: number;
-            itemRadius: number;
             fontSize: number;
             lineHeight: number;
             iconSize: number;
@@ -4766,10 +5302,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         } | {
             height: number;
             containerPadding: number;
-            containerRadius: number;
             itemPaddingHorizontal: number;
             itemPaddingVertical: number;
-            itemRadius: number;
             fontSize: number;
             lineHeight: number;
             iconSize: number;
@@ -4777,10 +5311,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         } | {
             height: number;
             containerPadding: number;
-            containerRadius: number;
             itemPaddingHorizontal: number;
             itemPaddingVertical: number;
-            itemRadius: number;
             fontSize: number;
             lineHeight: number;
             iconSize: number;
@@ -4793,7 +5325,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             fontSize: number;
             lineHeight: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 4;
         } | {
             height: number;
             paddingHorizontal: number;
@@ -4801,7 +5333,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             fontSize: number;
             lineHeight: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 4;
         } | {
             height: number;
             paddingHorizontal: number;
@@ -4809,7 +5341,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             fontSize: number;
             lineHeight: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 2;
         } | {
             height: number;
             paddingHorizontal: number;
@@ -4817,7 +5349,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             fontSize: number;
             lineHeight: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 2;
         };
         badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
             size: number;
@@ -4859,7 +5391,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             messageSize: number;
             iconSize: number;
             iconWrapperSize: number;
-            radius: number;
+            radius: 4;
         } | {
             width: string;
             paddingHorizontal: number;
@@ -4869,13 +5401,13 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             messageSize: number;
             iconSize: number;
             iconWrapperSize: number;
-            radius: number;
+            radius: 8;
         };
         notificationPanel: () => {
             minHeight: number;
             iconFrameWidth: number;
             iconSize: number;
-            borderRadius: number;
+            borderRadius: 8;
             bodyPaddingHorizontal: number;
             bodyPaddingVertical: number;
             textGap: number;
@@ -5089,7 +5621,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             searchIconSize: number;
         };
         modal: () => {
-            borderRadius: number;
+            borderRadius: 8;
             headerPadding: string;
             contentPadding: number;
             headerButtonSize: "xs";
@@ -5217,7 +5749,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             minHeight: number;
             paddingHorizontal: number;
             paddingVertical: number;
-            borderRadius: number;
+            borderRadius: 4;
             gap: number;
             iconSize: number;
             closeButtonSize: number;
@@ -5235,7 +5767,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             iconSize: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 8;
             itemGap: number;
         } | {
             height: number;
@@ -5244,7 +5776,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             iconSize: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 8;
             itemGap: number;
         } | {
             height: number;
@@ -5253,7 +5785,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             iconSize: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 6;
             itemGap: number;
         } | {
             height: number;
@@ -5262,7 +5794,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             iconSize: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 4;
             itemGap: number;
         } | {
             height: number;
@@ -5271,7 +5803,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             iconSize: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 4;
             itemGap: number;
         };
         table: {
@@ -5697,9 +6229,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                         textCompact: string;
                     };
                 };
-                toast: {
-                    bg: string;
-                };
                 toggleButton: {
                     bg: string;
                     bgHover: string;
@@ -6099,9 +6628,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                         textCompact: string;
                     };
                 };
-                toast: {
-                    bg: string;
-                };
                 toggleButton: {
                     bg: string;
                     bgHover: string;
@@ -6501,9 +7027,6 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                         textCompact: string;
                     };
                 };
-                toast: {
-                    bg: string;
-                };
                 toggleButton: {
                     bg: string;
                     bgHover: string;
@@ -6536,17 +7059,282 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             l: number;
             xl: number;
         };
-        radius: {
-            button: number;
-            card: number;
-            contextMenu: number;
-            input: number;
-            tagSmall: number;
-            tagMedium: number;
-            tagLarge: number;
-            avatarSmall: number;
-            avatarLarge: number;
-            avatarCircle: number;
+        shape: {
+            readonly button: {
+                readonly xl: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly lg: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly md: {
+                    readonly borderRadius: 6;
+                    readonly borderWidth: 1;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly xs: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+            };
+            readonly checkbox: {
+                readonly xl: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly lg: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly md: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+            };
+            readonly input: {
+                readonly xl: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly lg: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly md: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly xs: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+            };
+            readonly segmented: {
+                readonly xl: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly lg: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly md: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+            };
+            readonly segmentedItem: {
+                readonly xl: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly lg: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly md: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly sm: {
+                    readonly borderRadius: 2;
+                    readonly borderWidth: 1;
+                };
+            };
+            readonly switch: {
+                readonly xl: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly lg: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly md: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+            };
+            readonly knob: {
+                readonly xl: {
+                    readonly borderRadius: 2;
+                };
+                readonly lg: {
+                    readonly borderRadius: 2;
+                };
+                readonly md: {
+                    readonly borderRadius: 2;
+                };
+                readonly sm: {
+                    readonly borderRadius: 2;
+                };
+            };
+            readonly tabItem: {
+                readonly xl: {
+                    readonly borderRadius: 8;
+                };
+                readonly lg: {
+                    readonly borderRadius: 8;
+                };
+                readonly md: {
+                    readonly borderRadius: 4;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                };
+            };
+            readonly tag: {
+                readonly xl: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly lg: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly md: {
+                    readonly borderRadius: 6;
+                    readonly borderWidth: 1;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly xs: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly label: {
+                    readonly borderRadius: 0;
+                };
+            };
+            readonly tooltip: {
+                readonly xl: {
+                    readonly borderRadius: 8;
+                };
+                readonly lg: {
+                    readonly borderRadius: 8;
+                };
+                readonly md: {
+                    readonly borderRadius: 8;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                };
+            };
+            readonly radio: {
+                readonly xl: {
+                    readonly borderRadius: 999;
+                    readonly borderWidth: 1;
+                };
+                readonly lg: {
+                    readonly borderRadius: 999;
+                    readonly borderWidth: 1;
+                };
+                readonly md: {
+                    readonly borderRadius: 999;
+                    readonly borderWidth: 1;
+                };
+                readonly sm: {
+                    readonly borderRadius: 999;
+                    readonly borderWidth: 1;
+                };
+            };
+            readonly contextMenu: {
+                readonly xl: {
+                    readonly borderRadius: 8;
+                };
+                readonly lg: {
+                    readonly borderRadius: 8;
+                };
+                readonly md: {
+                    readonly borderRadius: 8;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                };
+                readonly xs: {
+                    readonly borderRadius: 4;
+                };
+            };
+            readonly avatar: {
+                readonly xl: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 2;
+                };
+                readonly lg: {
+                    readonly borderRadius: 6;
+                    readonly borderWidth: 2;
+                };
+                readonly md: {
+                    readonly borderRadius: 6;
+                    readonly borderWidth: 2;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 2;
+                };
+                readonly xs: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 2;
+                };
+                readonly xxs: {
+                    readonly borderRadius: 2;
+                    readonly borderWidth: 2;
+                };
+            };
+            readonly modal: {
+                readonly borderRadius: 8;
+            };
+            readonly toast: {
+                readonly borderRadius: 4;
+            };
+            readonly toggleButtonGroup: {
+                readonly xl: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly lg: {
+                    readonly borderRadius: 8;
+                    readonly borderWidth: 1;
+                };
+                readonly md: {
+                    readonly borderRadius: 6;
+                    readonly borderWidth: 1;
+                };
+                readonly sm: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+                readonly xs: {
+                    readonly borderRadius: 4;
+                    readonly borderWidth: 1;
+                };
+            };
+            readonly tagLabel: {
+                readonly borderRadius: 0;
+            };
         };
         shadow: {
             active: string;
@@ -6580,7 +7368,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 iconContainerSize: number;
                 iconPadding: number;
                 loadingPadding: number;
-                borderRadius: number;
+                borderRadius: 8;
                 labelIconSize: number;
                 labelIconGap: number;
             } | {
@@ -6593,7 +7381,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 iconContainerSize: number;
                 iconPadding: number;
                 loadingPadding: number;
-                borderRadius: number;
+                borderRadius: 8;
                 labelIconSize: number;
                 labelIconGap: number;
             } | {
@@ -6606,7 +7394,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 iconContainerSize: number;
                 iconPadding: number;
                 loadingPadding: number;
-                borderRadius: number;
+                borderRadius: 6;
                 labelIconSize: number;
                 labelIconGap: number;
             } | {
@@ -6619,7 +7407,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 iconContainerSize: number;
                 iconPadding: number;
                 loadingPadding: number;
-                borderRadius: number;
+                borderRadius: 4;
                 labelIconSize: number;
                 labelIconGap: number;
             } | {
@@ -6632,7 +7420,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 iconContainerSize: number;
                 iconPadding: number;
                 loadingPadding: number;
-                borderRadius: number;
+                borderRadius: 4;
                 labelIconSize: number;
                 labelIconGap: number;
             };
@@ -6642,35 +7430,35 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 fontSize: number;
                 spinnerSize: number;
                 iconSize: number;
-                borderRadius: number;
+                borderRadius: 4;
             } | {
                 height: number;
                 padding: number;
                 fontSize: number;
                 spinnerSize: number;
                 iconSize: number;
-                borderRadius: number;
+                borderRadius: 4;
             } | {
                 height: number;
                 padding: number;
                 fontSize: number;
                 spinnerSize: number;
                 iconSize: number;
-                borderRadius: number;
+                borderRadius: 2;
             } | {
                 height: number;
                 padding: number;
                 fontSize: number;
                 spinnerSize: number;
                 iconSize: number;
-                borderRadius: number;
+                borderRadius: 2;
             } | {
                 height: number;
                 padding: number;
                 fontSize: number;
                 spinnerSize: number;
                 iconSize: number;
-                borderRadius: number;
+                borderRadius: 2;
             };
             checkbox: (size: "xl" | "lg" | "md" | "sm") => {
                 size: number;
@@ -6678,28 +7466,28 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 descriptionFontSize: number;
                 labelGap: number;
                 textGap: number;
-                borderRadius: number;
+                borderRadius: 4;
             } | {
                 size: number;
                 fontSize: number;
                 descriptionFontSize: number;
                 labelGap: number;
                 textGap: number;
-                borderRadius: number;
+                borderRadius: 4;
             } | {
                 size: number;
                 fontSize: number;
                 descriptionFontSize: number;
                 labelGap: number;
                 textGap: number;
-                borderRadius: number;
+                borderRadius: 4;
             } | {
                 size: number;
                 fontSize: number;
                 descriptionFontSize: number;
                 labelGap: number;
                 textGap: number;
-                borderRadius: number;
+                borderRadius: 4;
             };
             radio: (size: "xl" | "lg" | "md" | "sm") => {
                 size: number;
@@ -6748,7 +7536,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 paddingHorizontal: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
                 fieldGap: number;
                 lineHeight: number;
@@ -6758,7 +7546,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 paddingHorizontal: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
                 fieldGap: number;
                 lineHeight: number;
@@ -6768,7 +7556,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 paddingHorizontal: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
                 fieldGap: number;
                 lineHeight: number;
@@ -6778,7 +7566,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 paddingHorizontal: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
                 fieldGap: number;
                 lineHeight: number;
@@ -6788,7 +7576,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 paddingHorizontal: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
                 fieldGap: number;
                 lineHeight: number;
@@ -6805,7 +7593,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 errorFontSize: number;
                 errorLineHeight: number;
                 errorGap: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
             } | {
                 box: number;
@@ -6819,7 +7607,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 errorFontSize: number;
                 errorLineHeight: number;
                 errorGap: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
             } | {
                 box: number;
@@ -6833,7 +7621,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 errorFontSize: number;
                 errorLineHeight: number;
                 errorGap: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
             } | {
                 box: number;
@@ -6847,7 +7635,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 errorFontSize: number;
                 errorLineHeight: number;
                 errorGap: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
             } | {
                 box: number;
@@ -6861,7 +7649,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 errorFontSize: number;
                 errorLineHeight: number;
                 errorGap: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
             };
             dragDropUploader: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
@@ -7009,35 +7797,35 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 size: number;
                 gap: number;
                 fontSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
                 fieldGap: number;
             } | {
                 size: number;
                 gap: number;
                 fontSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
                 fieldGap: number;
             } | {
                 size: number;
                 gap: number;
                 fontSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
                 fieldGap: number;
             } | {
                 size: number;
                 gap: number;
                 fontSize: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
                 fieldGap: number;
             } | {
                 size: number;
                 gap: number;
                 fontSize: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
                 fieldGap: number;
             };
@@ -7046,31 +7834,31 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 padding: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
             } | {
                 height: number;
                 padding: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
             } | {
                 height: number;
                 padding: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
             } | {
                 height: number;
                 padding: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 4;
             } | {
                 height: number;
                 padding: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 4;
             };
             switch: (size: "xl" | "lg" | "md" | "sm") => {
                 width: number;
@@ -7082,8 +7870,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 descriptionLineHeight: number;
                 labelGap: number;
                 textGap: number;
-                frameBorderRadius: number;
-                knobBorderRadius: number;
+                frameBorderRadius: 4;
+                knobBorderRadius: 2;
             } | {
                 width: number;
                 height: number;
@@ -7094,8 +7882,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 descriptionLineHeight: number;
                 labelGap: number;
                 textGap: number;
-                frameBorderRadius: number;
-                knobBorderRadius: number;
+                frameBorderRadius: 4;
+                knobBorderRadius: 2;
             } | {
                 width: number;
                 height: number;
@@ -7106,8 +7894,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 descriptionLineHeight: number;
                 labelGap: number;
                 textGap: number;
-                frameBorderRadius: number;
-                knobBorderRadius: number;
+                frameBorderRadius: 4;
+                knobBorderRadius: 2;
             } | {
                 width: number;
                 height: number;
@@ -7118,8 +7906,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 descriptionLineHeight: number;
                 labelGap: number;
                 textGap: number;
-                frameBorderRadius: number;
-                knobBorderRadius: number;
+                frameBorderRadius: 4;
+                knobBorderRadius: 2;
             };
             avatar: (size: "xl" | "lg" | "md" | "sm" | "xs" | "xxs") => {
                 size: number;
@@ -7134,8 +7922,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 8;
+                borderRadiusCircle: 999;
             } | {
                 size: number;
                 fontSize: number;
@@ -7149,8 +7937,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 6;
+                borderRadiusCircle: 999;
             } | {
                 size: number;
                 fontSize: number;
@@ -7164,8 +7952,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 6;
+                borderRadiusCircle: 999;
             } | {
                 size: number;
                 fontSize: number;
@@ -7179,8 +7967,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 4;
+                borderRadiusCircle: 999;
             } | {
                 size: number;
                 fontSize: number;
@@ -7194,8 +7982,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 4;
+                borderRadiusCircle: 999;
             } | {
                 size: number;
                 fontSize: number;
@@ -7209,8 +7997,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 2;
+                borderRadiusCircle: 999;
             };
             tag: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
                 height: number;
@@ -7219,7 +8007,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 gap: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
             } | {
                 height: number;
@@ -7228,7 +8016,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 gap: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
             } | {
                 height: number;
@@ -7237,7 +8025,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 gap: number;
                 iconSize: number;
-                radius: number;
+                radius: 6;
                 borderWidth: number;
             } | {
                 height: number;
@@ -7246,7 +8034,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 gap: number;
                 iconSize: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
             } | {
                 height: number;
@@ -7255,7 +8043,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 gap: number;
                 iconSize: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
             };
             divider: (size: "lg" | "md" | "sm") => {
@@ -7319,11 +8107,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             segmented: (size: "xl" | "lg" | "md" | "sm") => {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
+                containerRadius: 8;
                 itemHeight: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
+                itemRadius: 4;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -7331,11 +8119,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             } | {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
+                containerRadius: 8;
                 itemHeight: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
+                itemRadius: 4;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -7343,11 +8131,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             } | {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
+                containerRadius: 8;
                 itemHeight: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
+                itemRadius: 4;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -7355,11 +8143,11 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             } | {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
+                containerRadius: 4;
                 itemHeight: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
+                itemRadius: 2;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -7368,10 +8156,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             tabsSegmented: (size: "xl" | "lg" | "md" | "sm") => {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -7379,10 +8165,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             } | {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -7390,10 +8174,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             } | {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -7401,10 +8183,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             } | {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -7417,7 +8197,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 fontSize: number;
                 lineHeight: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 4;
             } | {
                 height: number;
                 paddingHorizontal: number;
@@ -7425,7 +8205,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 fontSize: number;
                 lineHeight: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 4;
             } | {
                 height: number;
                 paddingHorizontal: number;
@@ -7433,7 +8213,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 fontSize: number;
                 lineHeight: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 2;
             } | {
                 height: number;
                 paddingHorizontal: number;
@@ -7441,7 +8221,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 fontSize: number;
                 lineHeight: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 2;
             };
             badge: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
                 size: number;
@@ -7483,7 +8263,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 messageSize: number;
                 iconSize: number;
                 iconWrapperSize: number;
-                radius: number;
+                radius: 4;
             } | {
                 width: string;
                 paddingHorizontal: number;
@@ -7493,13 +8273,13 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 messageSize: number;
                 iconSize: number;
                 iconWrapperSize: number;
-                radius: number;
+                radius: 8;
             };
             notificationPanel: () => {
                 minHeight: number;
                 iconFrameWidth: number;
                 iconSize: number;
-                borderRadius: number;
+                borderRadius: 8;
                 bodyPaddingHorizontal: number;
                 bodyPaddingVertical: number;
                 textGap: number;
@@ -7713,7 +8493,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 searchIconSize: number;
             };
             modal: () => {
-                borderRadius: number;
+                borderRadius: 8;
                 headerPadding: string;
                 contentPadding: number;
                 headerButtonSize: "xs";
@@ -7841,7 +8621,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 minHeight: number;
                 paddingHorizontal: number;
                 paddingVertical: number;
-                borderRadius: number;
+                borderRadius: 4;
                 gap: number;
                 iconSize: number;
                 closeButtonSize: number;
@@ -7859,7 +8639,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 iconSize: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 8;
                 itemGap: number;
             } | {
                 height: number;
@@ -7868,7 +8648,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 iconSize: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 8;
                 itemGap: number;
             } | {
                 height: number;
@@ -7877,7 +8657,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 iconSize: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 6;
                 itemGap: number;
             } | {
                 height: number;
@@ -7886,7 +8666,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 iconSize: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 4;
                 itemGap: number;
             } | {
                 height: number;
@@ -7895,7 +8675,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 iconSize: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 4;
                 itemGap: number;
             };
             table: {
@@ -7936,4 +8716,4 @@ declare const ModalIdContext: React.Context<string | null>;
  */
 declare const useModalId: () => string | null;
 
-export { type BreakpointKey, FontLoader, MOBILE_MAX_WIDTH, ModalIdContext, type ProductContext, type ResponsiveValue, SCALE_STEPS, type ScaleStep, type ThemeColors, type ThemeMode, type ThemeOverrideProps, type TypographyBodyVariant, TypographyStyleLoader, type TypographyTokens, type TypographyVariant, XUIProvider, breakpoints, colors, cssVar, defaultProductContext, fontFacesCSS, fontSize, fonts, generateTypographyCSS, getFonts, getTypographyTokens, getTypographyVariant, isAndroid, isIOS, isNative, isWeb, lineHeightCompact, lineHeightDisplay, lineHeightText, radius, responsiveTypographyScale, shadow, spacing, themeConfig, typography, typographyTokens, useDesignSystem, useId, useModalId, useResolvedTheme };
+export { type BreakpointKey, FontLoader, MOBILE_MAX_WIDTH, ModalIdContext, type ProductContext, type ResponsiveValue, SCALE_STEPS, type ScaleStep, type ThemeColors, type ThemeMode, type ThemeOverrideProps, type TypographyBodyVariant, TypographyStyleLoader, type TypographyTokens, type TypographyVariant, XUIProvider, breakpoints, colors, cssVar, defaultProductContext, fontFacesCSS, fontSize, fonts, generateTypographyCSS, getFonts, getTypographyTokens, getTypographyVariant, isAndroid, isIOS, isNative, isWeb, lineHeightCompact, lineHeightDisplay, lineHeightText, radius, radiusScale, responsiveTypographyScale, shadow, shape, spacing, stroke, themeConfig, typography, typographyTokens, useDesignSystem, useId, useModalId, useResolvedTheme };