@xsolla/switch-theme-customization 0.187.2 → 0.188.0

package/index.d.mts

@@ -171,7 +171,7 @@ interface Typography {
     };
 }
 
-interface PentagramBaseColors {
+interface XuiBaseColors {
     content: Colord;
     contentInverse: Colord;
     background: Colord;
@@ -192,8 +192,8 @@ interface PentagramBaseColors {
     onAlert: Colord;
     onNeutral: Colord;
 }
-type PentagramBaseColorsHsl = {
-    [K in keyof PentagramBaseColors]: string;
+type XuiBaseColorsHsl = {
+    [K in keyof XuiBaseColors]: string;
 };
 interface ControlVariant {
     bg: string;
@@ -208,7 +208,7 @@ interface ControlVariantWithDisable extends ControlVariant {
     borderDisable: string;
 }
 interface ThemeScheme {
-    base: PentagramBaseColorsHsl;
+    base: XuiBaseColorsHsl;
     background: {
         primary: string;
         secondary: string;
@@ -440,46 +440,52 @@ interface ThemeScheme {
     };
 }
 type PresetName = string;
-/** Canonical pentagram colors in DB / themeContentPentagram (scheme output without seed `base`). */
+/** Canonical XUI colors in DB / themeContentXui (scheme output without seed `base`). */
 type ThemeSchemeColors = Omit<ThemeScheme, "base">;
 
 var heading = {
 	h1: {
-		fontSize: "450",
-		lineHeight: "display/450",
+		fontFamily: "font-family/display",
+		fontSize: "font-size/450",
+		lineHeight: "line-height-display/450",
 		fontWeight: 700
 	},
 	h2: {
-		fontSize: "350",
-		lineHeight: "display/350",
+		fontFamily: "font-family/display",
+		fontSize: "font-size/350",
+		lineHeight: "line-height-display/350",
 		fontWeight: 700
 	},
 	h3: {
-		fontSize: "300",
-		lineHeight: "display/300",
+		fontFamily: "font-family/display",
+		fontSize: "font-size/300",
+		lineHeight: "line-height-display/300",
 		fontWeight: 700
 	},
 	h4: {
-		fontSize: "250",
-		lineHeight: "display/250",
+		fontFamily: "font-family/display",
+		fontSize: "font-size/250",
+		lineHeight: "line-height-display/250",
 		fontWeight: 700
 	},
 	h5: {
-		fontSize: "200",
-		lineHeight: "display/200",
+		fontFamily: "font-family/display",
+		fontSize: "font-size/200",
+		lineHeight: "line-height-display/200",
 		fontWeight: 700
 	}
 };
 var basic = {
 	display: {
-		fontFamily: "compact",
-		fontSize: "300",
-		lineHeight: "compact/300",
+		fontFamily: "font-family/compact",
+		fontSize: "font-size/300",
+		lineHeight: "line-height-compact/300",
 		fontWeight: 500
 	},
 	bodyLg: {
-		fontSize: "175",
-		lineHeight: "compact/175",
+		fontFamily: "font-family/compact",
+		fontSize: "font-size/175",
+		lineHeight: "line-height-compact/175",
 		"default": {
 			fontWeight: 400
 		},
@@ -488,12 +494,13 @@ var basic = {
 		},
 		paragraph: {
 			spacing: "spacing/250",
-			lineHeight: "text/175"
+			lineHeight: "line-height-text/175"
 		}
 	},
 	bodyMd: {
-		fontSize: "150",
-		lineHeight: "compact/150",
+		fontFamily: "font-family/compact",
+		fontSize: "font-size/150",
+		lineHeight: "line-height-compact/150",
 		"default": {
 			fontWeight: 400
 		},
@@ -502,12 +509,13 @@ var basic = {
 		},
 		paragraph: {
 			spacing: "spacing/200",
-			lineHeight: "text/150"
+			lineHeight: "line-height-text/150"
 		}
 	},
 	bodySm: {
-		fontSize: "125",
-		lineHeight: "compact/125",
+		fontFamily: "font-family/compact",
+		fontSize: "font-size/125",
+		lineHeight: "line-height-compact/125",
 		"default": {
 			fontWeight: 400
 		},
@@ -516,12 +524,13 @@ var basic = {
 		},
 		paragraph: {
 			spacing: "spacing/150",
-			lineHeight: "text/125"
+			lineHeight: "line-height-text/125"
 		}
 	},
 	bodyXs: {
-		fontSize: "100",
-		lineHeight: "compact/100",
+		fontFamily: "font-family/compact",
+		fontSize: "font-size/100",
+		lineHeight: "line-height-compact/100",
 		"default": {
 			fontWeight: 400
 		},
@@ -530,12 +539,13 @@ var basic = {
 		},
 		paragraph: {
 			spacing: "spacing/100",
-			lineHeight: "text/100"
+			lineHeight: "line-height-text/100"
 		}
 	},
 	bodyXxs: {
-		fontSize: "75",
-		lineHeight: "compact/75",
+		fontFamily: "font-family/compact",
+		fontSize: "font-size/75",
+		lineHeight: "line-height-compact/75",
 		"default": {
 			fontWeight: 400
 		},
@@ -544,136 +554,173 @@ var basic = {
 		},
 		paragraph: {
 			spacing: "spacing/75",
-			lineHeight: "text/75"
+			lineHeight: "line-height-text/75"
 		}
 	}
 };
 var control = {
 	button: {
 		xl: {
-			scale: "600"
+			fontSize: "component-scale-font-size/600",
+			lineHeight: "component-scale-line-height/600"
 		},
 		lg: {
-			scale: "500"
+			fontSize: "component-scale-font-size/500",
+			lineHeight: "component-scale-line-height/500"
 		},
 		md: {
-			scale: "400"
+			fontSize: "component-scale-font-size/400",
+			lineHeight: "component-scale-line-height/400"
 		},
 		sm: {
-			scale: "300"
+			fontSize: "component-scale-font-size/300",
+			lineHeight: "component-scale-line-height/300"
 		},
 		xs: {
-			scale: "200"
+			fontSize: "component-scale-font-size/200",
+			lineHeight: "component-scale-line-height/200"
 		}
 	},
 	input: {
 		xl: {
-			scale: "600"
+			fontSize: "component-scale-font-size/600",
+			lineHeight: "component-scale-line-height/600"
 		},
 		lg: {
-			scale: "500"
+			fontSize: "component-scale-font-size/500",
+			lineHeight: "component-scale-line-height/500"
 		},
 		md: {
-			scale: "400"
+			fontSize: "component-scale-font-size/400",
+			lineHeight: "component-scale-line-height/400"
 		},
 		sm: {
-			scale: "300"
+			fontSize: "component-scale-font-size/300",
+			lineHeight: "component-scale-line-height/300"
 		},
 		xs: {
-			scale: "200"
+			fontSize: "component-scale-font-size/200",
+			lineHeight: "component-scale-line-height/200"
 		}
 	},
 	checkbox: {
 		xl: {
-			scale: "600"
+			fontSize: "component-scale-font-size/600",
+			lineHeight: "component-scale-line-height/600"
 		},
 		lg: {
-			scale: "500"
+			fontSize: "component-scale-font-size/500",
+			lineHeight: "component-scale-line-height/500"
 		},
 		md: {
-			scale: "400"
+			fontSize: "component-scale-font-size/400",
+			lineHeight: "component-scale-line-height/400"
 		},
 		sm: {
-			scale: "300"
+			fontSize: "component-scale-font-size/300",
+			lineHeight: "component-scale-line-height/300"
 		}
 	},
 	tab: {
 		xl: {
-			scale: "600"
+			fontSize: "component-scale-font-size/600",
+			lineHeight: "component-scale-line-height/600"
 		},
 		lg: {
-			scale: "500"
+			fontSize: "component-scale-font-size/500",
+			lineHeight: "component-scale-line-height/500"
 		},
 		md: {
-			scale: "400"
+			fontSize: "component-scale-font-size/400",
+			lineHeight: "component-scale-line-height/400"
 		},
 		sm: {
-			scale: "300"
+			fontSize: "component-scale-font-size/300",
+			lineHeight: "component-scale-line-height/300"
 		},
 		xs: {
-			scale: "300"
+			fontSize: "component-scale-font-size/300",
+			lineHeight: "component-scale-line-height/300"
 		}
 	},
 	radio: {
 		xl: {
-			scale: "600"
+			fontSize: "component-scale-font-size/600",
+			lineHeight: "component-scale-line-height/600"
 		},
 		lg: {
-			scale: "500"
+			fontSize: "component-scale-font-size/500",
+			lineHeight: "component-scale-line-height/500"
 		},
 		md: {
-			scale: "400"
+			fontSize: "component-scale-font-size/400",
+			lineHeight: "component-scale-line-height/400"
 		},
 		sm: {
-			scale: "300"
+			fontSize: "component-scale-font-size/300",
+			lineHeight: "component-scale-line-height/300"
 		}
 	},
 	segmentedItem: {
 		xl: {
-			scale: "500"
+			fontSize: "component-scale-font-size/500",
+			lineHeight: "component-scale-line-height/500"
 		},
 		lg: {
-			scale: "400"
+			fontSize: "component-scale-font-size/400",
+			lineHeight: "component-scale-line-height/400"
 		},
 		md: {
-			scale: "300"
+			fontSize: "component-scale-font-size/300",
+			lineHeight: "component-scale-line-height/300"
 		},
 		sm: {
-			scale: "200"
+			fontSize: "component-scale-font-size/200",
+			lineHeight: "component-scale-line-height/200"
 		}
 	},
 	tag: {
 		xl: {
-			scale: "600"
+			fontSize: "component-scale-font-size/600",
+			lineHeight: "component-scale-line-height/600"
 		},
 		lg: {
-			scale: "500"
+			fontSize: "component-scale-font-size/500",
+			lineHeight: "component-scale-line-height/500"
 		},
 		md: {
-			scale: "400"
+			fontSize: "component-scale-font-size/400",
+			lineHeight: "component-scale-line-height/400"
 		},
 		sm: {
-			scale: "300"
+			fontSize: "component-scale-font-size/300",
+			lineHeight: "component-scale-line-height/300"
 		},
 		xs: {
-			scale: "200"
+			fontSize: "component-scale-font-size/200",
+			lineHeight: "component-scale-line-height/200"
 		}
 	},
 	toggleButton: {
 		xl: {
-			scale: "600"
+			fontSize: "component-scale-font-size/600",
+			lineHeight: "component-scale-line-height/600"
 		},
 		lg: {
-			scale: "500"
+			fontSize: "component-scale-font-size/500",
+			lineHeight: "component-scale-line-height/500"
 		},
 		md: {
-			scale: "400"
+			fontSize: "component-scale-font-size/400",
+			lineHeight: "component-scale-line-height/400"
 		},
 		sm: {
-			scale: "300"
+			fontSize: "component-scale-font-size/300",
+			lineHeight: "component-scale-line-height/300"
 		},
 		xs: {
-			scale: "200"
+			fontSize: "component-scale-font-size/200",
+			lineHeight: "component-scale-line-height/200"
 		}
 	}
 };
@@ -980,7 +1027,7 @@ var shapePrimitives = {
 type TypoPrimitives = typeof typoPrimitives;
 type ShapePrimitives = typeof shapePrimitives;
 
-type GlobalStyles = "switch" | "brand" | "publisherV2" | "influencerAccount" | "lightstream" | "pentagram";
+type GlobalStyles = "switch" | "brand" | "publisherV2" | "influencerAccount" | "lightstream" | "xui";
 interface Theme {
     colors: Colors$1<string>;
     typo: Typography;
@@ -990,11 +1037,11 @@ interface Theme {
     typoTablet?: Typography;
     globalStyle?: GlobalStyles;
 }
-interface PentagramTheme {
-    colors: ThemeScheme;
-    typo: TypoPrimitives;
+interface XuiTheme {
+    color: ThemeScheme;
+    text: TypoPrimitives;
     shape: ShapePrimitives;
-    shadows: Shadows;
+    shadow: Shadows;
     globalStyle?: GlobalStyles;
 }
 type ThemeVariant = Pick<Theme, "colors">;
@@ -1038,33 +1085,33 @@ declare const themesColorsScheme: Record<string, (base: BaseColors) => void>;
 /**
  * Mapped LIGHT scheme from new to old set of variables
  */
-declare const paystation4PentagramLightLegacyCompatible: Theme;
+declare const paystationXuiLightLegacyCompatible: Theme;
 /**
  * Mapped DARK scheme from new to old set of variables
  */
-declare const paystation4PentagramDarkLegacyCompatible: Theme;
-declare const paystation4PentagramLight: PentagramTheme;
-declare const paystation4PentagramDark: PentagramTheme;
+declare const paystationXuiDarkLegacyCompatible: Theme;
+declare const paystationXuiLight: XuiTheme;
+declare const paystationXuiDark: XuiTheme;
 
-declare const baseDark: PentagramBaseColors;
-declare const pentagramDarkScheme: (b: PentagramBaseColors) => ThemeScheme;
-declare const pentagramDark: ThemeScheme;
+declare const baseDark: XuiBaseColors;
+declare const xuiDarkScheme: (b: XuiBaseColors) => ThemeScheme;
+declare const xuiDark: ThemeScheme;
 
-declare const base: PentagramBaseColors;
-declare const pentagramLightScheme: (b: PentagramBaseColors) => ThemeScheme;
-declare const pentagramLight: ThemeScheme;
+declare const base: XuiBaseColors;
+declare const xuiLightScheme: (b: XuiBaseColors) => ThemeScheme;
+declare const xuiLight: ThemeScheme;
 
 /**
- * Maps Pentagram colors → legacy Switch Colors structure.
+ * Maps XUI colors → legacy Switch Colors structure.
  *
- * Converts `themeContentPentagram.colors` (nested ThemeSchemeColors)
+ * Converts `themeContentXui.colors` (nested ThemeSchemeColors)
  * to the legacy format so products on the old variable set keep working.
  *
  * Mapping source: https://xsolla.atlassian.net/wiki/spaces/SDS/pages/23998955662/Variables+mapping
  */
 
 /**
- * @param colors Pentagram colors from DB or generated scheme (without seed `base`)
+ * @param colors XUI colors from DB or generated scheme (without seed `base`)
  * @returns Legacy colors without `base` (seed colors are added separately)
  */
 declare function mapThemeSchemeToLegacy(colors: ThemeSchemeColors): Pick<Colors$1<string>, "core" | "control">;
@@ -2521,8 +2568,8 @@ interface ThemeGenerateType {
     globalStyle?: GlobalStyles;
 }
 
-declare const pentagramColorsScheme: Record<string, (b: PentagramBaseColors) => ThemeScheme>;
-type PentagramSchemeName = keyof typeof pentagramColorsScheme;
+declare const xuiColorsScheme: Record<string, (b: XuiBaseColors) => ThemeScheme>;
+type XuiSchemeName = keyof typeof xuiColorsScheme;
 type ThemeFunctionType = {
     schemeName: string;
     baseColors?: BaseColors;
@@ -2533,35 +2580,35 @@ declare const generateWithScheme: ({ schemeName, baseColors, parentTheme, }: The
 /**
  * Supports two theme generation systems via overloads:
  * - Legacy (Switch-based): accepts old BaseColors (10 tokens), returns Theme with typo/misc/shadows
- * - Pentagram: accepts PentagramBaseColors (19 tokens), returns flat ThemeScheme
+ * - XUI: accepts XuiBaseColors (19 tokens), returns flat ThemeScheme
  *
  * Overloads allow product-themes to call themeGenerator with a unified API —
  * only schemeName and baseColors change, return type is inferred automatically.
  */
 declare function themeGenerator(props: {
-    schemeName: PentagramSchemeName;
-    baseColors?: PentagramBaseColors;
+    schemeName: XuiSchemeName;
+    baseColors?: XuiBaseColors;
 }): ThemeScheme;
 declare function themeGenerator(props: ThemeFunctionType): Theme;
 
 /**
- * Resolves Pentagram design token aliases to concrete CSS values.
+ * Resolves XUI design token aliases to concrete CSS values.
  *
  * Source: https://xsolla.atlassian.net/wiki/spaces/SDS/pages/23998955662/Variables+mapping
  * Scale tables: see FONT_SIZE_SCALE and LINE_HEIGHT_* constants below.
  *
  * This resolver converts aliases like "font-size/300" → "28px" (desktop) or "24px" (mobile).
- * It is used BEFORE the mappers (mapPentagramTypoToLegacy, mapPentagramShapeToLegacy).
+ * It is used BEFORE the mappers (mapXuiTypoToLegacy, mapXuiShapeToLegacy).
  *
  * @example
  * ```typescript
- * const resolver = new PentagramResolver('desktop');
- * const resolvedTypo = resolver.resolvePrimitives(themeContentPentagram.typo);
- * const legacyTypo = mapPentagramTypoToLegacy(resolvedTypo);
+ * const resolver = new XuiResolver('desktop');
+ * const resolvedTypo = resolver.resolvePrimitives(themeContentXui.typo);
+ * const legacyTypo = mapXuiTypoToLegacy(resolvedTypo);
  * ```
  */
 type Device = "desktop" | "mobile";
-declare class PentagramResolver {
+declare class XuiResolver {
     private device;
     constructor(device?: Device);
     setDevice(device: Device): void;
@@ -2589,40 +2636,40 @@ declare class PentagramResolver {
  * Create a resolver for the given device.
  *
  * @param device - 'desktop' (default) or 'mobile'
- * @returns PentagramResolver instance
+ * @returns XuiResolver instance
  *
  * @example
  * ```typescript
  * const resolver = createResolver('desktop');
- * const resolved = resolver.resolvePrimitives(pentagramTypo);
+ * const resolved = resolver.resolvePrimitives(xuiTypo);
  * ```
  */
-declare function createResolver(device?: Device): PentagramResolver;
+declare function createResolver(device?: Device): XuiResolver;
 /**
- * Resolve all aliases in a Pentagram primitives object for desktop device.
+ * Resolve all aliases in an XUI primitives object for desktop device.
  * Convenience function for the most common case.
  *
  * @example
  * ```typescript
- * const resolvedTypo = resolveForDesktop(themeContentPentagram.typo);
+ * const resolvedTypo = resolveForDesktop(themeContentXui.typo);
  * ```
  */
 declare function resolveForDesktop<T>(obj: T): T;
 /**
- * Resolve all aliases in a Pentagram primitives object for mobile device.
+ * Resolve all aliases in an XUI primitives object for mobile device.
  */
 declare function resolveForMobile<T>(obj: T): T;
 
 /**
- * Maps Pentagram Typography → Legacy Typography structure.
+ * Maps XUI Typography → Legacy Typography structure.
  *
  * Mapping source: https://xsolla.atlassian.net/wiki/spaces/SDS/pages/23998955662/Variables+mapping
  *
- * Used for themes that have themeContentPentagram.typo (new set).
+ * Used for themes that have themeContentXui.typo (new set).
  * Converts to themeContent.typo (old set) so that Pay Station 4 keeps working.
  *
  * NOTE: This mapper expects RESOLVED values (px), not aliases like "font-size/300".
- * Use PentagramResolver to resolve aliases before calling this mapper.
+ * Use XuiResolver to resolve aliases before calling this mapper.
  */
 interface TypographyStyle {
     fontSize: string;
@@ -2631,7 +2678,8 @@ interface TypographyStyle {
     textTransform?: string;
     [key: string]: string | number | undefined;
 }
-interface PentagramTypoBasicVariant {
+interface XuiTypoBasicVariant {
+    fontFamily?: string;
     fontSize: string;
     lineHeight: string;
     default?: {
@@ -2645,12 +2693,12 @@ interface PentagramTypoBasicVariant {
         lineHeight?: string;
     };
 }
-/** Resolved control size (after PentagramResolver expands `{ scale: "400" }`). */
-type PentagramTypoControlSize = Pick<TypographyStyle, "fontSize" | "lineHeight">;
+/** Resolved control size (after XuiResolver expands `{ scale: "400" }`). */
+type XuiTypoControlSize = Pick<TypographyStyle, "fontSize" | "lineHeight">;
 /**
- * Pentagram Typography structure (from themeContentPentagram.typo)
+ * XUI typography structure (from themeContentXui.typo)
  */
-interface PentagramTypo {
+interface XuiTypo {
     heading: {
         h1: TypographyStyle;
         h2: TypographyStyle;
@@ -2662,21 +2710,21 @@ interface PentagramTypo {
         display: TypographyStyle & {
             fontFamily?: string;
         };
-        bodyLg: PentagramTypoBasicVariant;
-        bodyMd: PentagramTypoBasicVariant;
-        bodySm: PentagramTypoBasicVariant;
-        bodyXs: PentagramTypoBasicVariant;
-        bodyXxs: PentagramTypoBasicVariant;
+        bodyLg: XuiTypoBasicVariant;
+        bodyMd: XuiTypoBasicVariant;
+        bodySm: XuiTypoBasicVariant;
+        bodyXs: XuiTypoBasicVariant;
+        bodyXxs: XuiTypoBasicVariant;
     };
     control: {
-        button: Record<string, PentagramTypoControlSize>;
-        input: Record<string, PentagramTypoControlSize>;
-        checkbox: Record<string, PentagramTypoControlSize>;
-        tab: Record<string, PentagramTypoControlSize>;
-        radio: Record<string, PentagramTypoControlSize>;
-        segmentedItem?: Record<string, PentagramTypoControlSize>;
-        tag?: Record<string, PentagramTypoControlSize>;
-        toggleButton?: Record<string, PentagramTypoControlSize>;
+        button: Record<string, XuiTypoControlSize>;
+        input: Record<string, XuiTypoControlSize>;
+        checkbox: Record<string, XuiTypoControlSize>;
+        tab: Record<string, XuiTypoControlSize>;
+        radio: Record<string, XuiTypoControlSize>;
+        segmentedItem?: Record<string, XuiTypoControlSize>;
+        tag?: Record<string, XuiTypoControlSize>;
+        toggleButton?: Record<string, XuiTypoControlSize>;
     };
 }
 /**
@@ -2707,25 +2755,25 @@ interface LegacyTypo {
     };
 }
 /**
- * Maps Pentagram typography to legacy typography structure.
+ * Maps XUI typography to legacy typography structure.
  *
- * @param pentagram - Pentagram typography (RESOLVED values, not aliases)
+ * @param xui - XUI typography (RESOLVED values, not aliases)
  * @param fontFamily - Optional custom font family (defaults to GraphikLCWebUikit)
  * @returns Legacy typography structure for themeContent.typo
  *
  * @example
  * ```typescript
  * // First resolve aliases
- * const resolver = new PentagramResolver('desktop');
- * const resolvedTypo = resolver.resolvePrimitives(themeContentPentagram.typo);
+ * const resolver = new XuiResolver('desktop');
+ * const resolvedTypo = resolver.resolvePrimitives(themeContentXui.typo);
  *
  * // Then map to legacy
- * const legacyTypo = mapPentagramTypoToLegacy(resolvedTypo);
+ * const legacyTypo = mapXuiTypoToLegacy(resolvedTypo);
  * ```
  */
-declare function mapPentagramTypoToLegacy(pentagram: PentagramTypo, fontFamily?: string): LegacyTypo;
+declare function mapXuiTypoToLegacy(xui: XuiTypo, fontFamily?: string): LegacyTypo;
 /**
- * These legacy variables are DELETED in Pentagram and should NOT be mapped:
+ * These legacy variables are DELETED in XUI and should NOT be mapped:
  *
  * - components.heading (sm/md/lg) — was uppercase labels, not used in PS4
  * - components.fieldGroup (sm/md/lg) — never used in PS4
@@ -2738,45 +2786,45 @@ declare function mapPentagramTypoToLegacy(pentagram: PentagramTypo, fontFamily?:
 declare const DELETED_LEGACY_TYPO_VARS: readonly ["components.heading", "components.fieldGroup", "core.strong", "core.bodyLg"];
 
 /**
- * Maps Pentagram Shape → Legacy Misc structure.
+ * Maps XUI Shape → Legacy Misc structure.
  *
  * Mapping source: https://xsolla.atlassian.net/wiki/spaces/SDS/pages/23998955662/Variables+mapping
  *
- * Pentagram has per-component, per-size shape tokens (button.xl.borderRadius, etc).
+ * XUI has per-component, per-size shape tokens (button.xl.borderRadius, etc).
  * Legacy misc has single borderRadius per component type (borderRadius.button).
  *
  * This mapper uses the "md" size as default for legacy compatibility.
  *
  * NOTE: This mapper expects RESOLVED values (px), not aliases like "radius/100".
- * Use PentagramResolver to resolve aliases before calling this mapper.
+ * Use XuiResolver to resolve aliases before calling this mapper.
  */
-interface PentagramShapeSize {
+interface XuiShapeSize {
     borderRadius?: string;
     borderWidth?: string;
 }
-interface PentagramShape {
-    button?: Record<string, PentagramShapeSize>;
-    checkbox?: Record<string, PentagramShapeSize>;
-    input?: Record<string, PentagramShapeSize>;
-    cell?: PentagramShapeSize;
-    modal?: PentagramShapeSize;
-    toast?: PentagramShapeSize;
-    segmentedItem?: Record<string, PentagramShapeSize>;
-    segmented?: Record<string, PentagramShapeSize>;
-    switch?: Record<string, PentagramShapeSize>;
+interface XuiShape {
+    button?: Record<string, XuiShapeSize>;
+    checkbox?: Record<string, XuiShapeSize>;
+    input?: Record<string, XuiShapeSize>;
+    cell?: XuiShapeSize;
+    modal?: XuiShapeSize;
+    toast?: XuiShapeSize;
+    segmentedItem?: Record<string, XuiShapeSize>;
+    segmented?: Record<string, XuiShapeSize>;
+    switch?: Record<string, XuiShapeSize>;
     knob?: Record<string, {
         borderRadius?: string;
     }>;
-    tabItem?: Record<string, PentagramShapeSize>;
-    tag?: Record<string, PentagramShapeSize>;
+    tabItem?: Record<string, XuiShapeSize>;
+    tag?: Record<string, XuiShapeSize>;
     tagLabel?: {
         borderRadius?: string;
     };
-    tooltip?: Record<string, PentagramShapeSize>;
-    radio?: Record<string, PentagramShapeSize>;
-    contextMenu?: Record<string, PentagramShapeSize>;
-    avatar?: Record<string, PentagramShapeSize>;
-    toggleButtonGroup?: Record<string, PentagramShapeSize>;
+    tooltip?: Record<string, XuiShapeSize>;
+    radio?: Record<string, XuiShapeSize>;
+    contextMenu?: Record<string, XuiShapeSize>;
+    avatar?: Record<string, XuiShapeSize>;
+    toggleButtonGroup?: Record<string, XuiShapeSize>;
 }
 interface LegacyMisc {
     borderRadiusScale: {
@@ -2799,42 +2847,42 @@ interface LegacyMisc {
     };
 }
 /**
- * Maps Pentagram shape to legacy misc structure.
+ * Maps XUI shape to legacy misc structure.
  *
- * @param pentagram - Pentagram shape (RESOLVED values, not aliases)
+ * @param xui - XUI shape (RESOLVED values, not aliases)
  * @param existingMisc - Optional existing misc to merge with (preserves non-shape values)
  * @returns Legacy misc structure for themeContent.misc
  *
  * @example
  * ```typescript
  * // First resolve aliases
- * const resolver = new PentagramResolver('desktop');
- * const resolvedShape = resolver.resolvePrimitives(themeContentPentagram.shape);
+ * const resolver = new XuiResolver('desktop');
+ * const resolvedShape = resolver.resolvePrimitives(themeContentXui.shape);
  *
  * // Then map to legacy
- * const legacyMisc = mapPentagramShapeToLegacy(resolvedShape);
+ * const legacyMisc = mapXuiShapeToLegacy(resolvedShape);
  * ```
  */
-declare function mapPentagramShapeToLegacy(pentagram: PentagramShape, existingMisc?: Partial<LegacyMisc>): LegacyMisc;
+declare function mapXuiShapeToLegacy(xui: XuiShape, existingMisc?: Partial<LegacyMisc>): LegacyMisc;
 /**
  * If PS4 adopts per-size CSS variables (--shape-button-md-borderRadius),
- * this function can generate them directly from Pentagram shape.
+ * this function can generate them directly from XUI shape.
  *
  * This is for future use when PS4 migrates to granular shape tokens.
  */
-declare function flattenPentagramShapeToVars(pentagram: PentagramShape): Record<string, string>;
+declare function flattenXuiShapeToVars(xui: XuiShape): Record<string, string>;
 
 /**
- * Orchestrator: maps full themeContentPentagram → legacy themeContent.
+ * Orchestrator: maps full themeContentXui → legacy themeContent.
  *
  * Mapping source: https://xsolla.atlassian.net/wiki/spaces/SDS/pages/23998955662/Variables+mapping
  */
 
-interface PentagramThemeContent {
-    colors: ThemeSchemeColors;
-    typo: PentagramTypo;
-    shape: PentagramShape;
-    shadows?: Shadows;
+interface ThemeContentXui {
+    color: ThemeSchemeColors;
+    text: XuiTypo;
+    shape: XuiShape;
+    shadow?: Shadows;
 }
 interface LegacyThemeContent {
     colors: Colors$1<string>;
@@ -2843,14 +2891,14 @@ interface LegacyThemeContent {
     shadows?: Shadows;
 }
 /**
- * Builds legacy `base` seed colors from Pentagram colors.
+ * Builds legacy `base` seed colors from XUI colors.
  * See Variables mapping table → base.* section.
  */
-declare function buildBaseColorsFromPentagram(colors: ThemeSchemeColors): BaseColors<string>;
+declare function buildBaseColorsFromXui(colors: ThemeSchemeColors): BaseColors<string>;
 /**
- * Maps full themeContentPentagram to legacy themeContent.
+ * Maps full themeContentXui to legacy themeContent.
  * Resolves typo/shape aliases to absolute values before mapping.
  */
-declare function mapPentagramThemeToLegacy(pentagram: PentagramThemeContent, device?: Device): LegacyThemeContent;
+declare function mapXuiThemeToLegacy(xui: ThemeContentXui, device?: Device): LegacyThemeContent;
 
-export { type BaseColors, type BaseColorsIndex, type ColorValue, type Colors$1 as Colors, type ComponentBaseColors$1 as ComponentBaseColors, DELETED_LEGACY_TYPO_VARS, type Device, type LegacyMisc, type LegacyThemeContent, type LegacyTypo, type Misc, type PentagramBaseColors, type PentagramBaseColorsHsl, PentagramResolver, type PentagramShape, type PentagramThemeContent, type PentagramTypo, type PresetName, type Shadows, type ShapePrimitives, type Size, type Theme, type ThemeFunctionType, type ThemeScheme, type ThemeSchemeColors, type ThemeVariant, type TypoPrimitives, type Typography, type TypographyStyle, base, baseDark, buildBaseColorsFromPentagram, createResolver, emails, emailsDark, emailsThemes, flattenPentagramShapeToVars, generateWithScheme, mapPentagramShapeToLegacy, mapPentagramThemeToLegacy, mapPentagramTypoToLegacy, mapThemeSchemeToLegacy, palettes, paystation4, paystation4Dark, paystation4Gaijin, paystation4Nexters, paystation4PentagramDark, paystation4PentagramDarkLegacyCompatible, paystation4PentagramLight, paystation4PentagramLightLegacyCompatible, paystation4Take2, paystation4Themes, pentagramDark, pentagramDarkScheme, pentagramLight, pentagramLightScheme, primaryPalette, publisherV2, publisherV2Dark, publisherV2Themes, resolveForDesktop, resolveForMobile, shapePrimitives, themeGenerator, themes, themesBaseColors, themesBaseColorsArray, themesColorsScheme, typoPrimitives };
+export { type BaseColors, type BaseColorsIndex, type ColorValue, type Colors$1 as Colors, type ComponentBaseColors$1 as ComponentBaseColors, DELETED_LEGACY_TYPO_VARS, type Device, type LegacyMisc, type LegacyThemeContent, type LegacyTypo, type Misc, type XuiBaseColors as PentagramBaseColors, type XuiBaseColorsHsl as PentagramBaseColorsHsl, XuiResolver as PentagramResolver, type XuiShape as PentagramShape, type ThemeContentXui as PentagramThemeContent, type XuiTypo as PentagramTypo, type PresetName, type Shadows, type ShapePrimitives, type Size, type Theme, type ThemeContentXui as ThemeContentPentagram, type ThemeContentXui, type ThemeFunctionType, type ThemeScheme, type ThemeSchemeColors, type ThemeVariant, type TypoPrimitives, type Typography, type TypographyStyle, type XuiBaseColors, type XuiBaseColorsHsl, XuiResolver, type XuiShape, type XuiTypo, base, baseDark, buildBaseColorsFromXui as buildBaseColorsFromPentagram, buildBaseColorsFromXui, createResolver, emails, emailsDark, emailsThemes, flattenXuiShapeToVars as flattenPentagramShapeToVars, flattenXuiShapeToVars, generateWithScheme, mapXuiShapeToLegacy as mapPentagramShapeToLegacy, mapXuiThemeToLegacy as mapPentagramThemeToLegacy, mapXuiTypoToLegacy as mapPentagramTypoToLegacy, mapThemeSchemeToLegacy, mapXuiShapeToLegacy, mapXuiThemeToLegacy, mapXuiTypoToLegacy, palettes, paystation4, paystation4Dark, paystation4Gaijin, paystation4Nexters, paystationXuiDark as paystation4PentagramDark, paystationXuiDarkLegacyCompatible as paystation4PentagramDarkLegacyCompatible, paystationXuiLight as paystation4PentagramLight, paystationXuiLightLegacyCompatible as paystation4PentagramLightLegacyCompatible, paystation4Take2, paystation4Themes, paystationXuiDark as paystation4XuiDark, paystationXuiDarkLegacyCompatible as paystation4XuiDarkLegacyCompatible, paystationXuiLight as paystation4XuiLight, paystationXuiLightLegacyCompatible as paystation4XuiLightLegacyCompatible, paystationXuiDark, paystationXuiDarkLegacyCompatible, paystationXuiLight, paystationXuiLightLegacyCompatible, xuiDark as pentagramDark, xuiDarkScheme as pentagramDarkScheme, xuiLight as pentagramLight, xuiLightScheme as pentagramLightScheme, primaryPalette, publisherV2, publisherV2Dark, publisherV2Themes, resolveForDesktop, resolveForMobile, shapePrimitives, themeGenerator, themes, themesBaseColors, themesBaseColorsArray, themesColorsScheme, typoPrimitives, xuiDark, xuiDarkScheme, xuiLight, xuiLightScheme };