npm - @xsolla/xui-core - Versions diffs - 0.154.1 → 0.154.2-pr290.1778837451 - Mend

@xsolla/xui-core 0.154.1 → 0.154.2-pr290.1778837451

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/index.d.mts CHANGED Viewed

@@ -2461,6 +2461,7 @@ declare const spacing: {
     l: number;
     xl: number;
 };
+/** @deprecated Use shape tokens from shape.ts for per-component, per-size values */
 declare const radius: {
     button: number;
     card: number;
@@ -2472,6 +2473,313 @@ 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;
+};
+/**
+ * Full rounding (pill / circle). Figma uses radius/999 as a workaround for
+ * the lack of percentage support; in CSS the correct value is 50%.
+ */
+declare const radiusFull: "50%";
+/** 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: "50%";
+            readonly borderWidth: 1;
+        };
+        readonly lg: {
+            readonly borderRadius: "50%";
+            readonly borderWidth: 1;
+        };
+        readonly md: {
+            readonly borderRadius: "50%";
+            readonly borderWidth: 1;
+        };
+        readonly sm: {
+            readonly borderRadius: "50%";
+            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;
@@ -3847,16 +4155,282 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
         l: number;
         xl: number;
     };
-    radius: {
-        button: number;
-        card: 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: "50%";
+                readonly borderWidth: 1;
+            };
+            readonly lg: {
+                readonly borderRadius: "50%";
+                readonly borderWidth: 1;
+            };
+            readonly md: {
+                readonly borderRadius: "50%";
+                readonly borderWidth: 1;
+            };
+            readonly sm: {
+                readonly borderRadius: "50%";
+                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;
@@ -3889,7 +4463,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             iconContainerSize: number;
             iconPadding: number;
             loadingPadding: number;
-            borderRadius: number;
+            borderRadius: 8;
             labelIconSize: number;
             labelIconGap: number;
         } | {
@@ -3902,7 +4476,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             iconContainerSize: number;
             iconPadding: number;
             loadingPadding: number;
-            borderRadius: number;
+            borderRadius: 8;
             labelIconSize: number;
             labelIconGap: number;
         } | {
@@ -3915,7 +4489,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             iconContainerSize: number;
             iconPadding: number;
             loadingPadding: number;
-            borderRadius: number;
+            borderRadius: 6;
             labelIconSize: number;
             labelIconGap: number;
         } | {
@@ -3928,7 +4502,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             iconContainerSize: number;
             iconPadding: number;
             loadingPadding: number;
-            borderRadius: number;
+            borderRadius: 4;
             labelIconSize: number;
             labelIconGap: number;
         } | {
@@ -3941,7 +4515,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             iconContainerSize: number;
             iconPadding: number;
             loadingPadding: number;
-            borderRadius: number;
+            borderRadius: 4;
             labelIconSize: number;
             labelIconGap: number;
         };
@@ -3951,35 +4525,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;
@@ -3987,28 +4561,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;
@@ -4053,7 +4627,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             paddingHorizontal: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
             fieldGap: number;
             lineHeight: number;
@@ -4063,7 +4637,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             paddingHorizontal: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
             fieldGap: number;
             lineHeight: number;
@@ -4073,7 +4647,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             paddingHorizontal: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
             fieldGap: number;
             lineHeight: number;
@@ -4083,7 +4657,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             paddingHorizontal: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
             fieldGap: number;
             lineHeight: number;
@@ -4093,7 +4667,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             paddingHorizontal: number;
             fontSize: number;
             iconSize: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
             fieldGap: number;
             lineHeight: number;
@@ -4110,7 +4684,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             errorFontSize: number;
             errorLineHeight: number;
             errorGap: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
         } | {
             box: number;
@@ -4124,7 +4698,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             errorFontSize: number;
             errorLineHeight: number;
             errorGap: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
         } | {
             box: number;
@@ -4138,7 +4712,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             errorFontSize: number;
             errorLineHeight: number;
             errorGap: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
         } | {
             box: number;
@@ -4152,7 +4726,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             errorFontSize: number;
             errorLineHeight: number;
             errorGap: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
         } | {
             box: number;
@@ -4166,42 +4740,42 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             errorFontSize: number;
             errorLineHeight: number;
             errorGap: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
         };
         inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
             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;
         };
@@ -4210,31 +4784,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;
@@ -4246,8 +4820,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;
@@ -4258,8 +4832,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;
@@ -4270,8 +4844,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;
@@ -4282,8 +4856,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;
@@ -4298,8 +4872,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 8;
+            borderRadiusCircle: "50%";
         } | {
             size: number;
             fontSize: number;
@@ -4313,8 +4887,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 6;
+            borderRadiusCircle: "50%";
         } | {
             size: number;
             fontSize: number;
@@ -4328,8 +4902,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 6;
+            borderRadiusCircle: "50%";
         } | {
             size: number;
             fontSize: number;
@@ -4343,8 +4917,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 4;
+            borderRadiusCircle: "50%";
         } | {
             size: number;
             fontSize: number;
@@ -4358,8 +4932,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 4;
+            borderRadiusCircle: "50%";
         } | {
             size: number;
             fontSize: number;
@@ -4373,8 +4947,8 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
                 right: number;
                 top: number;
             };
-            borderRadiusSquare: number;
-            borderRadiusCircle: number;
+            borderRadiusSquare: 2;
+            borderRadiusCircle: "50%";
         };
         tag: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
             height: number;
@@ -4383,7 +4957,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             gap: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
         } | {
             height: number;
@@ -4392,7 +4966,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             gap: number;
             iconSize: number;
-            radius: number;
+            radius: 8;
             borderWidth: number;
         } | {
             height: number;
@@ -4401,7 +4975,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             gap: number;
             iconSize: number;
-            radius: number;
+            radius: 6;
             borderWidth: number;
         } | {
             height: number;
@@ -4410,7 +4984,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             gap: number;
             iconSize: number;
-            radius: number;
+            radius: 4;
             borderWidth: number;
         } | {
             height: number;
@@ -4419,7 +4993,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") => {
@@ -4483,11 +5057,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;
@@ -4495,11 +5069,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;
@@ -4507,11 +5081,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;
@@ -4519,11 +5093,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;
@@ -4532,10 +5106,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;
@@ -4543,10 +5115,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;
@@ -4554,10 +5124,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;
@@ -4565,10 +5133,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;
@@ -4581,7 +5147,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             fontSize: number;
             lineHeight: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 4;
         } | {
             height: number;
             paddingHorizontal: number;
@@ -4589,7 +5155,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             fontSize: number;
             lineHeight: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 4;
         } | {
             height: number;
             paddingHorizontal: number;
@@ -4597,7 +5163,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             fontSize: number;
             lineHeight: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 2;
         } | {
             height: number;
             paddingHorizontal: number;
@@ -4605,7 +5171,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;
@@ -4647,7 +5213,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             messageSize: number;
             iconSize: number;
             iconWrapperSize: number;
-            radius: number;
+            radius: 4;
         } | {
             width: string;
             paddingHorizontal: number;
@@ -4657,13 +5223,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;
@@ -4857,7 +5423,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             searchIconSize: number;
         };
         modal: () => {
-            borderRadius: number;
+            borderRadius: 8;
             headerPadding: number;
             contentPadding: number;
             headerButtonSize: "xl";
@@ -4985,7 +5551,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             minHeight: number;
             paddingHorizontal: number;
             paddingVertical: number;
-            borderRadius: number;
+            borderRadius: 4;
             gap: number;
             iconSize: number;
             closeButtonSize: number;
@@ -5003,7 +5569,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             iconSize: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 8;
             itemGap: number;
         } | {
             height: number;
@@ -5012,7 +5578,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             iconSize: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 8;
             itemGap: number;
         } | {
             height: number;
@@ -5021,7 +5587,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             iconSize: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 6;
             itemGap: number;
         } | {
             height: number;
@@ -5030,7 +5596,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             iconSize: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 4;
             itemGap: number;
         } | {
             height: number;
@@ -5039,7 +5605,7 @@ declare const themeConfig: (mode?: ThemeMode, productContext?: ProductContext) =
             lineHeight: number;
             iconSize: number;
             gap: number;
-            borderRadius: number;
+            borderRadius: 4;
             itemGap: number;
         };
         table: {
@@ -6283,16 +6849,282 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             l: number;
             xl: number;
         };
-        radius: {
-            button: number;
-            card: 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: "50%";
+                    readonly borderWidth: 1;
+                };
+                readonly lg: {
+                    readonly borderRadius: "50%";
+                    readonly borderWidth: 1;
+                };
+                readonly md: {
+                    readonly borderRadius: "50%";
+                    readonly borderWidth: 1;
+                };
+                readonly sm: {
+                    readonly borderRadius: "50%";
+                    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;
@@ -6325,7 +7157,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 iconContainerSize: number;
                 iconPadding: number;
                 loadingPadding: number;
-                borderRadius: number;
+                borderRadius: 8;
                 labelIconSize: number;
                 labelIconGap: number;
             } | {
@@ -6338,7 +7170,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 iconContainerSize: number;
                 iconPadding: number;
                 loadingPadding: number;
-                borderRadius: number;
+                borderRadius: 8;
                 labelIconSize: number;
                 labelIconGap: number;
             } | {
@@ -6351,7 +7183,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 iconContainerSize: number;
                 iconPadding: number;
                 loadingPadding: number;
-                borderRadius: number;
+                borderRadius: 6;
                 labelIconSize: number;
                 labelIconGap: number;
             } | {
@@ -6364,7 +7196,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 iconContainerSize: number;
                 iconPadding: number;
                 loadingPadding: number;
-                borderRadius: number;
+                borderRadius: 4;
                 labelIconSize: number;
                 labelIconGap: number;
             } | {
@@ -6377,7 +7209,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 iconContainerSize: number;
                 iconPadding: number;
                 loadingPadding: number;
-                borderRadius: number;
+                borderRadius: 4;
                 labelIconSize: number;
                 labelIconGap: number;
             };
@@ -6387,35 +7219,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;
@@ -6423,28 +7255,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;
@@ -6489,7 +7321,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 paddingHorizontal: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
                 fieldGap: number;
                 lineHeight: number;
@@ -6499,7 +7331,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 paddingHorizontal: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
                 fieldGap: number;
                 lineHeight: number;
@@ -6509,7 +7341,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 paddingHorizontal: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
                 fieldGap: number;
                 lineHeight: number;
@@ -6519,7 +7351,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 paddingHorizontal: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
                 fieldGap: number;
                 lineHeight: number;
@@ -6529,7 +7361,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 paddingHorizontal: number;
                 fontSize: number;
                 iconSize: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
                 fieldGap: number;
                 lineHeight: number;
@@ -6546,7 +7378,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 errorFontSize: number;
                 errorLineHeight: number;
                 errorGap: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
             } | {
                 box: number;
@@ -6560,7 +7392,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 errorFontSize: number;
                 errorLineHeight: number;
                 errorGap: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
             } | {
                 box: number;
@@ -6574,7 +7406,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 errorFontSize: number;
                 errorLineHeight: number;
                 errorGap: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
             } | {
                 box: number;
@@ -6588,7 +7420,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 errorFontSize: number;
                 errorLineHeight: number;
                 errorGap: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
             } | {
                 box: number;
@@ -6602,42 +7434,42 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 errorFontSize: number;
                 errorLineHeight: number;
                 errorGap: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
             };
             inputPin: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
                 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;
             };
@@ -6646,31 +7478,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;
@@ -6682,8 +7514,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 descriptionLineHeight: number;
                 labelGap: number;
                 textGap: number;
-                frameBorderRadius: number;
-                knobBorderRadius: number;
+                frameBorderRadius: 4;
+                knobBorderRadius: 2;
             } | {
                 width: number;
                 height: number;
@@ -6694,8 +7526,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 descriptionLineHeight: number;
                 labelGap: number;
                 textGap: number;
-                frameBorderRadius: number;
-                knobBorderRadius: number;
+                frameBorderRadius: 4;
+                knobBorderRadius: 2;
             } | {
                 width: number;
                 height: number;
@@ -6706,8 +7538,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 descriptionLineHeight: number;
                 labelGap: number;
                 textGap: number;
-                frameBorderRadius: number;
-                knobBorderRadius: number;
+                frameBorderRadius: 4;
+                knobBorderRadius: 2;
             } | {
                 width: number;
                 height: number;
@@ -6718,8 +7550,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;
@@ -6734,8 +7566,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 8;
+                borderRadiusCircle: "50%";
             } | {
                 size: number;
                 fontSize: number;
@@ -6749,8 +7581,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 6;
+                borderRadiusCircle: "50%";
             } | {
                 size: number;
                 fontSize: number;
@@ -6764,8 +7596,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 6;
+                borderRadiusCircle: "50%";
             } | {
                 size: number;
                 fontSize: number;
@@ -6779,8 +7611,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 4;
+                borderRadiusCircle: "50%";
             } | {
                 size: number;
                 fontSize: number;
@@ -6794,8 +7626,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 4;
+                borderRadiusCircle: "50%";
             } | {
                 size: number;
                 fontSize: number;
@@ -6809,8 +7641,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                     right: number;
                     top: number;
                 };
-                borderRadiusSquare: number;
-                borderRadiusCircle: number;
+                borderRadiusSquare: 2;
+                borderRadiusCircle: "50%";
             };
             tag: (size: "xl" | "lg" | "md" | "sm" | "xs") => {
                 height: number;
@@ -6819,7 +7651,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 gap: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
             } | {
                 height: number;
@@ -6828,7 +7660,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 gap: number;
                 iconSize: number;
-                radius: number;
+                radius: 8;
                 borderWidth: number;
             } | {
                 height: number;
@@ -6837,7 +7669,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 gap: number;
                 iconSize: number;
-                radius: number;
+                radius: 6;
                 borderWidth: number;
             } | {
                 height: number;
@@ -6846,7 +7678,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 gap: number;
                 iconSize: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
             } | {
                 height: number;
@@ -6855,7 +7687,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 gap: number;
                 iconSize: number;
-                radius: number;
+                radius: 4;
                 borderWidth: number;
             };
             divider: (size: "lg" | "md" | "sm") => {
@@ -6919,11 +7751,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;
@@ -6931,11 +7763,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;
@@ -6943,11 +7775,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;
@@ -6955,11 +7787,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;
@@ -6968,10 +7800,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;
@@ -6979,10 +7809,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             } | {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -6990,10 +7818,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             } | {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -7001,10 +7827,8 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
             } | {
                 height: number;
                 containerPadding: number;
-                containerRadius: number;
                 itemPaddingHorizontal: number;
                 itemPaddingVertical: number;
-                itemRadius: number;
                 fontSize: number;
                 lineHeight: number;
                 iconSize: number;
@@ -7017,7 +7841,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 fontSize: number;
                 lineHeight: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 4;
             } | {
                 height: number;
                 paddingHorizontal: number;
@@ -7025,7 +7849,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 fontSize: number;
                 lineHeight: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 4;
             } | {
                 height: number;
                 paddingHorizontal: number;
@@ -7033,7 +7857,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 fontSize: number;
                 lineHeight: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 2;
             } | {
                 height: number;
                 paddingHorizontal: number;
@@ -7041,7 +7865,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;
@@ -7083,7 +7907,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 messageSize: number;
                 iconSize: number;
                 iconWrapperSize: number;
-                radius: number;
+                radius: 4;
             } | {
                 width: string;
                 paddingHorizontal: number;
@@ -7093,13 +7917,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;
@@ -7293,7 +8117,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 searchIconSize: number;
             };
             modal: () => {
-                borderRadius: number;
+                borderRadius: 8;
                 headerPadding: number;
                 contentPadding: number;
                 headerButtonSize: "xl";
@@ -7421,7 +8245,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 minHeight: number;
                 paddingHorizontal: number;
                 paddingVertical: number;
-                borderRadius: number;
+                borderRadius: 4;
                 gap: number;
                 iconSize: number;
                 closeButtonSize: number;
@@ -7439,7 +8263,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 iconSize: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 8;
                 itemGap: number;
             } | {
                 height: number;
@@ -7448,7 +8272,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 iconSize: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 8;
                 itemGap: number;
             } | {
                 height: number;
@@ -7457,7 +8281,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 iconSize: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 6;
                 itemGap: number;
             } | {
                 height: number;
@@ -7466,7 +8290,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 iconSize: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 4;
                 itemGap: number;
             } | {
                 height: number;
@@ -7475,7 +8299,7 @@ declare const useResolvedTheme: (overrides?: ThemeOverrideProps) => {
                 lineHeight: number;
                 iconSize: number;
                 gap: number;
-                borderRadius: number;
+                borderRadius: 4;
                 itemGap: number;
             };
             table: {
@@ -7516,4 +8340,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, radiusFull, radiusScale, responsiveTypographyScale, shadow, shape, spacing, stroke, themeConfig, typography, typographyTokens, useDesignSystem, useId, useModalId, useResolvedTheme };