Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const require_chunk = require("../chunk-BN4qSVkS.cjs");
const require_styles_breakpoints = require("./breakpoints.cjs");
const require_styles_colors = require("./colors.cjs");
const require_styles_themeDefaults_buttons = require("./themeDefaults/buttons.cjs");
const require_styles_themeDefaults_cardForm = require("./themeDefaults/cardForm.cjs");
const require_styles_themeDefaults_loading = require("./themeDefaults/loading.cjs");
const require_styles_tokens_typography = require("./tokens/typography.cjs");
let _emotion_react = require("@emotion/react");
let deepmerge = require("deepmerge");
deepmerge = require_chunk.__toESM(deepmerge);
//#region src/styles/themes.tsx
let Themes = /* @__PURE__ */ function(Themes) {
	Themes["Light"] = "light";
	Themes["Dark"] = "dark";
	Themes["LightsparkDocsLight"] = "lightsparkDocsLight";
	Themes["LightsparkDocsDark"] = "lightsparkDocsDark";
	Themes["UmaAuthSdkLight"] = "umaAuthSdkLight";
	Themes["UmaAuthSdkDark"] = "umaAuthSdkDark";
	Themes["UmameDocsLight"] = "umameDocsLight";
	Themes["UmameDocsDark"] = "umameDocsDark";
	Themes["BridgeLight"] = "bridgeLight";
	Themes["BridgeDark"] = "bridgeDark";
	Themes["NageLight"] = "nageLight";
	Themes["NageDark"] = "nageDark";
	Themes["Hardcore"] = "hardcore";
	return Themes;
}({});
function isTheme(theme) {
	return Object.values(Themes).includes(theme);
}
const baseThemeColors = {
	bg: require_styles_colors.colors.white,
	smBg: require_styles_colors.colors.white,
	c02Neutral: require_styles_colors.colors.gray98,
	c02NeutralLight: "#F9F9F91A",
	c05Neutral: require_styles_colors.colors.gray95,
	c1Neutral: require_styles_colors.colors.gray90,
	c15Neutral: require_styles_colors.colors.gray85,
	c2Neutral: require_styles_colors.colors.gray80,
	c25Neutral: require_styles_colors.colors.gray75,
	c3Neutral: require_styles_colors.colors.gray70,
	c4Neutral: require_styles_colors.colors.gray60,
	c5Neutral: require_styles_colors.colors.gray50,
	c6Neutral: require_styles_colors.colors.gray40,
	c7Neutral: require_styles_colors.colors.gray30,
	c8Neutral: require_styles_colors.colors.gray20,
	c9Neutral: require_styles_colors.colors.gray10,
	danger: require_styles_colors.colors.danger,
	hcNeutral: require_styles_colors.colors.black,
	info: require_styles_colors.colors.blue43,
	lcNeutral: require_styles_colors.colors.gray80,
	link: require_styles_colors.colors.blue43,
	linkLight: "#0068C90F",
	mcNeutral: require_styles_colors.colors.gray40,
	onInfoText: require_styles_colors.colors.white,
	onPrimaryText: require_styles_colors.colors.black,
	onSuccessText: require_styles_colors.colors.white,
	primary: require_styles_colors.colors.primary,
	secondary: require_styles_colors.colors.secondary,
	tertiary: require_styles_colors.colors.black,
	success: require_styles_colors.colors.success,
	text: require_styles_colors.colors.black,
	vlcNeutral: require_styles_colors.colors.gray95,
	warning: require_styles_colors.colors.warning,
	errorBackground: require_styles_colors.colors.errorBackground,
	errorText: require_styles_colors.colors.errorText,
	transparent: require_styles_colors.colors.transparent,
	border: require_styles_colors.colors["black-10"]
};
const themeOrColorKeyValues = [...Object.keys(baseThemeColors), ...Object.keys(require_styles_colors.colors)];
const lightBaseTheme = {
	...baseThemeColors,
	type: "light",
	typography: require_styles_tokens_typography.getTypography("Lightspark"),
	hcNeutralFromBg: (bgHex) => require_styles_colors.hcNeutralFromBg(bgHex, require_styles_colors.colors.black, require_styles_colors.colors.white),
	buttons: require_styles_themeDefaults_buttons.defaultButtonsTheme,
	loading: require_styles_themeDefaults_loading.defaultLoadingTheme,
	cardForm: require_styles_themeDefaults_cardForm.defaultCardFormTheme,
	badge: { bg: "c05Neutral" },
	inputBackground: require_styles_colors.colors.white
};
const darkBaseTheme = {
	type: "dark",
	bg: require_styles_colors.colors.black,
	smBg: require_styles_colors.colors.black,
	c02Neutral: require_styles_colors.colors.gray98,
	c02NeutralLight: "#F9F9F91A",
	c05Neutral: require_styles_colors.colors.gray5,
	c1Neutral: require_styles_colors.colors.gray10,
	c15Neutral: require_styles_colors.colors.gray15,
	c2Neutral: require_styles_colors.colors.gray20,
	c25Neutral: require_styles_colors.colors.gray25,
	c3Neutral: require_styles_colors.colors.gray30,
	c4Neutral: require_styles_colors.colors.gray40,
	c5Neutral: require_styles_colors.colors.gray50,
	c6Neutral: require_styles_colors.colors.gray60,
	c7Neutral: require_styles_colors.colors.gray70,
	c8Neutral: require_styles_colors.colors.gray80,
	c9Neutral: require_styles_colors.colors.gray90,
	danger: require_styles_colors.colors.danger,
	hcNeutral: require_styles_colors.colors.white,
	hcNeutralFromBg: (bgHex) => require_styles_colors.hcNeutralFromBg(bgHex, require_styles_colors.colors.white, require_styles_colors.colors.black),
	info: require_styles_colors.colors.white,
	lcNeutral: require_styles_colors.colors.gray40,
	link: require_styles_colors.colors.blue43,
	linkLight: "#0068C90F",
	mcNeutral: require_styles_colors.colors.gray60,
	onInfoText: require_styles_colors.colors.white,
	onPrimaryText: require_styles_colors.colors.black,
	onSuccessText: require_styles_colors.colors.white,
	primary: require_styles_colors.colors.primary,
	secondary: require_styles_colors.colors.secondary,
	tertiary: require_styles_colors.colors.white,
	success: require_styles_colors.colors.success,
	text: require_styles_colors.colors.white,
	typography: require_styles_tokens_typography.getTypography("Lightspark"),
	vlcNeutral: require_styles_colors.colors.gray20,
	warning: require_styles_colors.colors.warning,
	errorBackground: require_styles_colors.colors.errorBackground,
	errorText: require_styles_colors.colors.errorText,
	transparent: require_styles_colors.colors.transparent,
	border: require_styles_colors.colors["black-10"],
	buttons: require_styles_themeDefaults_buttons.defaultButtonsTheme,
	loading: require_styles_themeDefaults_loading.defaultLoadingTheme,
	cardForm: require_styles_themeDefaults_cardForm.defaultCardFormTheme,
	inputBackground: require_styles_colors.colors.black,
	badge: { bg: "c15Neutral" }
};
const lightTheme = extend(lightBaseTheme, {
	header: extendBase(lightBaseTheme, { text: require_styles_colors.colors.gray60 }),
	nav: extendBase(lightBaseTheme, {
		text: require_styles_colors.colors.gray10,
		secondary: require_styles_colors.colors.gray40
	}),
	content: extendBase(lightBaseTheme, {
		bg: require_styles_colors.colors.white,
		smBg: require_styles_colors.colors.white
	}),
	controls: extendBase(lightBaseTheme, {
		bg: require_styles_colors.colors.gray95,
		smBg: require_styles_colors.colors.gray95,
		text: require_styles_colors.colors.gray60,
		secondary: require_styles_colors.colors.secondary
	})
});
const darkTheme = extend(darkBaseTheme, {
	header: extendBase(darkBaseTheme, {}),
	nav: extendBase(darkBaseTheme, {}),
	content: extendBase(darkBaseTheme, {}),
	controls: extendBase(darkBaseTheme, {
		bg: require_styles_colors.colors.gray40,
		smBg: require_styles_colors.colors.gray40,
		text: require_styles_colors.colors.white,
		secondary: require_styles_colors.colors.secondary
	}),
	buttons: (0, deepmerge.default)(require_styles_themeDefaults_buttons.defaultButtonsTheme, { kinds: { secondary: { defaultBorderColor: "gray15" } } })
});
const umaAuthSdkLightTheme = extend(lightTheme, {
	type: "umaAuthSdkLight",
	bg: require_styles_colors.colors.gray98,
	smBg: require_styles_colors.colors.gray98,
	secondary: require_styles_colors.colors.grayBlue43,
	tertiary: require_styles_colors.colors.grayBlue9,
	warning: "#F7E3E3",
	danger: "#E31A1A",
	text: require_styles_colors.colors.grayBlue9,
	link: require_styles_colors.colors.blue39,
	linkLight: "#0068C90F",
	inputBackground: require_styles_colors.colors.white,
	typography: require_styles_tokens_typography.getTypography("UmaAuthSdk", {
		main: "Manrope",
		code: "Monaco"
	}),
	content: extendBase(lightBaseTheme, {
		bg: require_styles_colors.colors.gray98,
		smBg: require_styles_colors.colors.gray98,
		text: require_styles_colors.colors.grayBlue9,
		secondary: require_styles_colors.colors.grayBlue43
	}),
	controls: extendBase(lightBaseTheme, {
		text: require_styles_colors.colors.grayBlue9,
		secondary: require_styles_colors.colors.grayBlue43,
		bg: require_styles_colors.colors.grayBlue94
	}),
	buttons: (0, deepmerge.default)(require_styles_themeDefaults_buttons.buttonsThemeBase, {
		defaultTypographyType: "Title",
		defaultSize: "Medium",
		defaultBorderRadius: 999,
		defaultPaddingsY: {
			ExtraSmall: {
				short: 14,
				regular: 16
			},
			Small: {
				short: 14,
				regular: 16
			},
			Schmedium: {
				short: 14,
				regular: 16
			},
			Medium: {
				short: 14,
				regular: 16
			},
			Mlarge: {
				short: 14,
				regular: 16
			},
			Large: {
				short: 14,
				regular: 16
			}
		},
		kinds: {
			primary: {
				defaultColor: "bg",
				defaultBorderColor: "blue39",
				defaultBackgroundColor: "blue39",
				defaultHoverBackgroundColor: "blue37",
				defaultHoverBorderColor: "blue37",
				defaultActiveBackgroundColor: "blue22",
				defaultActiveBorderColor: "blue22"
			},
			ghost: {
				defaultColor: "secondary",
				defaultBackgroundColor: "transparent",
				defaultHoverBackgroundColor: "transparent",
				defaultHoverBorderColor: "transparent",
				defaultPaddingsY: {
					ExtraSmall: 0,
					Small: 0,
					Schmedium: 0,
					Medium: 0,
					Mlarge: 0,
					Large: 0
				},
				defaultPaddingsX: {
					ExtraSmall: 0,
					Small: 0,
					Schmedium: 0,
					Medium: 0,
					Mlarge: 0,
					Large: 0
				}
			},
			secondary: {
				defaultBackgroundColor: "grayBlue94",
				defaultBorderColor: "grayBlue94",
				defaultHoverBackgroundColor: "grayBlue88",
				defaultHoverBorderColor: "grayBlue88",
				defaultActiveBackgroundColor: "grayBlue69",
				defaultActiveBorderColor: "grayBlue69"
			},
			quaternary: {
				defaultBackgroundColor: "transparent",
				defaultBorderColor: "grayBlue80",
				defaultHoverBackgroundColor: "grayBlue94",
				defaultHoverBorderColor: "grayBlue80",
				defaultActiveBackgroundColor: "grayBlue88",
				defaultActiveBorderColor: "grayBlue80"
			},
			tertiary: {
				defaultColor: "bg",
				defaultBackgroundColor: "grayBlue9",
				defaultHoverBackgroundColor: "grayBlue12",
				defaultActiveBackgroundColor: "grayBlue14"
			},
			transparent: {
				defaultBackgroundColor: "transparent",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "transparenta02",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "transparenta08",
				defaultActiveBorderColor: "transparent"
			},
			linkLight: {
				defaultColor: "link",
				defaultBackgroundColor: "linkLight",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "grayBlue93",
				defaultHoverBorderColor: "grayBlue93",
				defaultActiveBackgroundColor: "grayBlue92",
				defaultActiveBorderColor: "grayBlue92"
			},
			warning: {
				defaultColor: "danger",
				defaultBackgroundColor: "red42a10",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "red42a20",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "red42a30",
				defaultActiveBorderColor: "transparent"
			},
			danger: { defaultColor: "white" }
		}
	})
});
const umaAuthSdkDarkTheme = extend(darkTheme, {
	type: "umaAuthSdkDark",
	bg: require_styles_colors.colors.gray5,
	smBg: require_styles_colors.colors.gray5,
	secondary: require_styles_colors.colors.grayBlue57,
	tertiary: require_styles_colors.colors.gray98,
	text: require_styles_colors.colors.gray98,
	link: require_styles_colors.colors.blue39,
	inputBackground: require_styles_colors.colors.gray5,
	typography: require_styles_tokens_typography.getTypography("UmaAuthSdk", {
		main: "Manrope",
		code: "Monaco"
	}),
	content: extendBase(lightBaseTheme, {
		bg: require_styles_colors.colors.gray5,
		smBg: require_styles_colors.colors.gray5,
		text: require_styles_colors.colors.grayBlue94,
		secondary: require_styles_colors.colors.grayBlue43
	}),
	controls: extendBase(lightBaseTheme, {
		text: require_styles_colors.colors.grayBlue94,
		secondary: require_styles_colors.colors.grayBlue43,
		bg: require_styles_colors.colors.grayBlue9
	}),
	buttons: (0, deepmerge.default)(require_styles_themeDefaults_buttons.buttonsThemeBase, {
		defaultTypographyType: "Title",
		defaultSize: "Medium",
		defaultBorderRadius: 999,
		defaultPaddingsY: {
			ExtraSmall: {
				short: 14,
				regular: 16
			},
			Small: {
				short: 14,
				regular: 16
			},
			Schmedium: {
				short: 14,
				regular: 16
			},
			Medium: {
				short: 14,
				regular: 16
			},
			Mlarge: {
				short: 14,
				regular: 16
			},
			Large: {
				short: 14,
				regular: 16
			}
		},
		kinds: {
			primary: {
				defaultColor: "bg",
				defaultBackgroundColor: "blue39",
				defaultHoverBackgroundColor: "blue37"
			},
			ghost: {
				defaultColor: "secondary",
				defaultBackgroundColor: "transparent",
				defaultHoverBackgroundColor: "transparent",
				defaultHoverBorderColor: "transparent",
				defaultPaddingsY: {
					ExtraSmall: 0,
					Small: 0,
					Schmedium: 0,
					Medium: 0,
					Mlarge: 0,
					Large: 0
				},
				defaultPaddingsX: {
					ExtraSmall: 0,
					Small: 0,
					Schmedium: 0,
					Medium: 0,
					Mlarge: 0,
					Large: 0
				}
			},
			secondary: {
				defaultBackgroundColor: "grayBlue80",
				defaultHoverBackgroundColor: "grayBlue94",
				defaultBorderColor: "grayBlue80"
			},
			tertiary: {
				defaultColor: "bg",
				defaultHoverBackgroundColor: "grayBlue80"
			},
			transparent: {
				defaultBackgroundColor: "transparent",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "transparenta02",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "transparenta08",
				defaultActiveBorderColor: "transparent"
			},
			linkLight: {
				defaultColor: "link",
				defaultBackgroundColor: "linkLight",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "linkLight",
				defaultHoverBorderColor: "transparent"
			},
			warning: {
				defaultColor: "danger",
				defaultBackgroundColor: "warning",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "warning",
				defaultHoverBorderColor: "transparent"
			}
		}
	})
});
const umameDocsLightTheme = extend(lightTheme, {
	type: "umameDocsLight",
	bg: require_styles_colors.colors.gray98,
	smBg: require_styles_colors.colors.gray98,
	secondary: require_styles_colors.colors.grayBlue43,
	text: require_styles_colors.colors.grayBlue9,
	link: require_styles_colors.colors.blue39,
	inputBackground: require_styles_colors.colors.white,
	typography: require_styles_tokens_typography.getTypography("UmameDocs", {
		main: "Manrope",
		code: "Monaco"
	}),
	content: extendBase(lightBaseTheme, {
		bg: require_styles_colors.colors.gray98,
		smBg: require_styles_colors.colors.gray98,
		text: require_styles_colors.colors.grayBlue9,
		secondary: require_styles_colors.colors.grayBlue43
	}),
	controls: extendBase(lightBaseTheme, {
		text: require_styles_colors.colors.grayBlue9,
		secondary: require_styles_colors.colors.grayBlue43,
		bg: require_styles_colors.colors.grayBlue94
	})
});
const umameDocsDarkTheme = extend(darkTheme, {
	type: "umameDocsDark",
	bg: require_styles_colors.colors.gray98,
	smBg: require_styles_colors.colors.gray98,
	secondary: require_styles_colors.colors.grayBlue43,
	text: require_styles_colors.colors.grayBlue9,
	link: require_styles_colors.colors.blue39,
	typography: require_styles_tokens_typography.getTypography("UmameDocs", {
		main: "Manrope",
		code: "Monaco"
	})
});
const lightsparkDocsLightTheme = extend(lightTheme, {
	type: "lightsparkDocsLight",
	typography: require_styles_tokens_typography.getTypography("LightsparkDocs")
});
const lightsparkDocsDarkTheme = extend(darkTheme, {
	type: "lightsparkDocsDark",
	typography: require_styles_tokens_typography.getTypography("LightsparkDocs")
});
const bridgeBaseSettings = {
	secondary: require_styles_colors.colors.grayBlue43,
	mcNeutral: require_styles_colors.colors.grayBlue43,
	success: require_styles_colors.colors.green37,
	link: require_styles_colors.colors.blue39,
	linkLight: require_styles_colors.colors.blue10,
	typography: require_styles_tokens_typography.getTypography("Bridge", {
		main: "Manrope",
		code: "Roboto Mono"
	}),
	buttons: (0, deepmerge.default)(require_styles_themeDefaults_buttons.buttonsThemeBase, {
		defaultTypographyType: "Title",
		defaultSize: "Medium",
		defaultBorderRadius: 999,
		defaultPaddingsY: {
			ExtraSmall: 10,
			Small: 10,
			Schmedium: 13,
			Medium: 13,
			Mlarge: 13,
			Large: 13
		},
		defaultPaddingsX: {
			ExtraSmall: 16,
			Small: 16,
			Schmedium: 24,
			Medium: 24,
			Mlarge: 24,
			Large: 24
		},
		kinds: {
			primary: {
				defaultColor: "bg",
				defaultBackgroundColor: "blue39",
				defaultBorderColor: "blue39",
				defaultHoverBackgroundColor: "blue37",
				defaultHoverBorderColor: "blue37",
				defaultActiveBackgroundColor: "blue22",
				defaultActiveBorderColor: "blue22"
			},
			ghost: {
				defaultColor: "secondary",
				defaultBackgroundColor: "transparent",
				defaultHoverBackgroundColor: "transparent",
				defaultBorderColor: "transparent",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "transparent",
				defaultPaddingsY: {
					ExtraSmall: 0,
					Small: 0,
					Schmedium: 0,
					Medium: 0,
					Mlarge: 0,
					Large: 0
				},
				defaultPaddingsX: {
					ExtraSmall: 0,
					Small: 0,
					Schmedium: 0,
					Medium: 0,
					Mlarge: 0,
					Large: 0
				}
			},
			secondary: {
				defaultBackgroundColor: "gray99",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "grayBlue94",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "grayBlue88",
				defaultActiveBorderColor: "transparent"
			},
			tertiary: {
				defaultColor: "gray99",
				defaultBackgroundColor: "gray99",
				defaultBorderColor: "gray99",
				defaultHoverBackgroundColor: "gray98",
				defaultHoverBorderColor: "gray98",
				defaultActiveBackgroundColor: "gray",
				defaultActiveBorderColor: "gray"
			},
			transparent: {
				defaultColor: "secondary",
				defaultBackgroundColor: "transparent",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "transparenta02",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "transparenta08",
				defaultActiveBorderColor: "transparent"
			},
			gray: {
				defaultColor: "gray",
				defaultBackgroundColor: "gray",
				defaultBorderColor: "gray",
				defaultHoverBackgroundColor: "grayhover",
				defaultHoverBorderColor: "grayhover",
				defaultActiveBackgroundColor: "grayactive",
				defaultActiveBorderColor: "grayactive"
			},
			grayGradient: {
				defaultColor: "gray98",
				defaultBackgroundColor: "gray98",
				defaultBorderColor: "gray98",
				defaultHoverBackgroundColor: "gray98",
				defaultHoverBorderColor: "gray98"
			},
			linkLight: {
				defaultColor: "link",
				defaultBackgroundColor: "linkLight",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "linkLight",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "linkLight",
				defaultActiveBorderColor: "transparent"
			},
			locked: {
				defaultColor: "gray75",
				defaultBackgroundColor: "gray75",
				defaultBorderColor: "gray75",
				defaultHoverBackgroundColor: "gray75hover",
				defaultHoverBorderColor: "gray75hover",
				defaultActiveBackgroundColor: "gray75active",
				defaultActiveBorderColor: "gray75active"
			},
			warningLight: {
				defaultColor: "errorText",
				defaultBackgroundColor: "errorBackground",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "errorBackground",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "errorBackground",
				defaultActiveBorderColor: "transparent"
			}
		}
	}),
	loading: (0, deepmerge.default)(require_styles_themeDefaults_loading.loadingThemeBase, {
		defaultIconName: "UmaBridgeLoading",
		kinds: {
			primary: { defaultIconName: "UmaBridgeLoading" },
			secondary: { defaultIconName: "UmaBridgeLoadingTransparent" }
		}
	}),
	cardForm: (0, deepmerge.default)(require_styles_themeDefaults_cardForm.cardFormThemeBase, {
		backgroundColor: "white",
		smBackgroundColor: "bg",
		borderRadius: 32,
		contentMarginTop: 0,
		defaultDescriptionTypographyMap: {
			default: {
				type: "Body",
				size: "Medium",
				color: "secondary"
			},
			link: {
				type: "Body",
				size: "Medium",
				color: "text"
			}
		},
		kinds: {
			primary: {
				borderWidth: 1,
				smBorderWidth: 0,
				borderColor: "gray3",
				paddingTop: 24,
				paddingBottom: 64,
				paddingX: 40,
				shadow: "none"
			},
			secondary: {
				borderWidth: 1,
				smBorderWidth: 0,
				borderColor: "gray3",
				paddingTop: 32,
				paddingBottom: 64,
				paddingX: 32,
				shadow: "none"
			}
		}
	}),
	badge: { bg: "grayBlue94" }
};
const bridgeLightTheme = extend(lightTheme, {
	...bridgeBaseSettings,
	type: "bridgeLight",
	bg: require_styles_colors.colors.gray98,
	smBg: require_styles_colors.colors.gray98,
	text: require_styles_colors.colors.grayBlue9,
	secondary: require_styles_colors.colors.gray2,
	tertiary: require_styles_colors.colors.gray6,
	inputBackground: require_styles_colors.colors.white,
	danger: require_styles_colors.colors.red50
});
const bridgeDarkTheme = extend(darkTheme, {
	...bridgeBaseSettings,
	type: "bridgeDark"
});
const nageTypography = require_styles_tokens_typography.getTypography("Nage", {
	main: "SuisseIntl",
	code: "SuisseIntl-Mono"
});
const nageBaseSettings = {
	secondary: require_styles_colors.colors["gray-500"],
	tertiary: require_styles_colors.colors.gray6,
	mcNeutral: require_styles_colors.colors.grayBlue43,
	success: require_styles_colors.colors.green37,
	typography: nageTypography,
	controls: extendBase(lightBaseTheme, { border: require_styles_colors.colors["black-10"] }),
	buttons: (0, deepmerge.default)(require_styles_themeDefaults_buttons.buttonsThemeBase, {
		defaultTypographyType: "Btn",
		defaultSize: "Medium",
		defaultBorderRadius: 8,
		defaultGap: 16,
		defaultPaddingsY: {
			ExtraSmall: 6,
			Small: 6,
			Schmedium: 8,
			Medium: 8,
			Mlarge: 10,
			Large: 10
		},
		defaultPaddingsX: {
			ExtraSmall: 8,
			Small: 8,
			Schmedium: 12,
			Medium: 12,
			Mlarge: 12,
			Large: 12
		},
		kinds: {
			primary: {
				defaultColor: "white",
				defaultBackgroundColor: "gray-950",
				defaultBorderColor: "gray-050",
				defaultHoverBackgroundColor: "gray-950",
				defaultHoverBorderColor: "gray-050",
				defaultActiveBackgroundColor: "gray-950",
				defaultActiveBorderColor: "gray-050"
			},
			ghost: {
				defaultColor: "secondary",
				defaultBackgroundColor: "transparent",
				defaultHoverBackgroundColor: "transparent",
				defaultBorderColor: "transparent",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "transparent",
				defaultActiveBorderColor: "transparent",
				defaultPaddingsY: {
					ExtraSmall: 0,
					Small: 0,
					Schmedium: 0,
					Medium: 0,
					Mlarge: 0,
					Large: 0
				},
				defaultPaddingsX: {
					ExtraSmall: 0,
					Small: 0,
					Schmedium: 0,
					Medium: 0,
					Mlarge: 0,
					Large: 0
				}
			},
			secondary: {
				defaultBackgroundColor: "gray-050",
				defaultBorderColor: "gray-210",
				defaultHoverBackgroundColor: "gray-090",
				defaultHoverBorderColor: "gray-250",
				defaultActiveBackgroundColor: "gray-210",
				defaultActiveBorderColor: "gray-275"
			},
			warning: {
				defaultColor: "warningText2",
				defaultBackgroundColor: "warningBackground2",
				defaultBorderColor: "warningBackground2",
				defaultHoverBackgroundColor: "warningBackgroundHover",
				defaultHoverBorderColor: "warningBackgroundHover",
				defaultActiveBackgroundColor: "warningBackgroundActive",
				defaultActiveBorderColor: "warningBackgroundActive"
			},
			transparent: {
				defaultBackgroundColor: "transparent",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "black-04",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "black-10",
				defaultActiveBorderColor: "transparent"
			},
			danger: {
				defaultColor: "gray-050",
				defaultBackgroundColor: "errorText",
				defaultBorderColor: "transparent",
				defaultHoverBackgroundColor: "errorText2",
				defaultHoverBorderColor: "transparent",
				defaultActiveBackgroundColor: "errorText3",
				defaultActiveBorderColor: "transparent"
			}
		}
	}),
	loading: (0, deepmerge.default)(require_styles_themeDefaults_loading.loadingThemeBase, {
		defaultIconName: "CentralLoadingCircle",
		kinds: {
			primary: { defaultIconName: "CentralLoadingCircle" },
			secondary: { defaultIconName: "CentralLoadingCircle" }
		}
	})
};
const nageLightTheme = extend(lightTheme, {
	...nageBaseSettings,
	type: "nageLight",
	bg: require_styles_colors.colors["gray-100"],
	smBg: require_styles_colors.colors["gray-100"],
	text: require_styles_colors.colors["gray-950"],
	info: require_styles_colors.colors["gray-950"],
	secondary: require_styles_colors.colors["gray-500"],
	tertiary: require_styles_colors.colors.gray6,
	inputBackground: require_styles_colors.colors["gray-050"],
	danger: require_styles_colors.colors.red50,
	content: extendBase(lightBaseTheme, {
		bg: require_styles_colors.colors.white,
		smBg: require_styles_colors.colors.white,
		typography: nageTypography,
		buttons: nageBaseSettings.buttons,
		loading: nageBaseSettings.loading
	})
});
const nageDarkTheme = extend(darkTheme, {
	...nageBaseSettings,
	type: "nageDark",
	content: extendBase(darkBaseTheme, {
		typography: nageTypography,
		buttons: nageBaseSettings.buttons,
		loading: nageBaseSettings.loading
	})
});
const hardcoreButtons = (0, deepmerge.default)(require_styles_themeDefaults_buttons.buttonsThemeBase, {
	defaultTypographyType: "Title",
	defaultSize: "Medium",
	defaultBorderRadius: 0,
	kinds: {
		primary: {
			defaultColor: "black",
			defaultBackgroundColor: "radioactiveGreen",
			defaultBorderColor: "radioactiveGreen",
			defaultHoverBackgroundColor: "radioactiveGreenLight",
			defaultHoverBorderColor: "radioactiveGreenLight",
			defaultActiveBackgroundColor: "radioactiveGreenDark",
			defaultActiveBorderColor: "radioactiveGreenDark"
		},
		secondary: {
			defaultColor: "radioactiveGreen",
			defaultBackgroundColor: "transparent",
			defaultBorderColor: "radioactiveGreen",
			defaultHoverBackgroundColor: "radioactiveGreen10",
			defaultHoverBorderColor: "radioactiveGreenLight",
			defaultActiveBackgroundColor: "radioactiveGreen20",
			defaultActiveBorderColor: "radioactiveGreenDark"
		},
		tertiary: {
			defaultColor: "radioactiveGreen",
			defaultBackgroundColor: "gray10",
			defaultBorderColor: "radioactiveGreen",
			defaultHoverBackgroundColor: "gray15",
			defaultHoverBorderColor: "radioactiveGreenLight",
			defaultActiveBackgroundColor: "gray20",
			defaultActiveBorderColor: "radioactiveGreenDark"
		},
		ghost: {
			defaultColor: "radioactiveGreen",
			defaultBackgroundColor: "transparent",
			defaultBorderColor: "radioactiveGreen",
			defaultHoverBackgroundColor: "radioactiveGreen10",
			defaultHoverBorderColor: "radioactiveGreenLight"
		},
		danger: {
			defaultColor: "black",
			defaultBackgroundColor: "danger",
			defaultBorderColor: "danger",
			defaultHoverBackgroundColor: "red50",
			defaultHoverBorderColor: "red50"
		}
	}
});
const hardcoreBaseTheme = {
	...nageDarkTheme,
	type: "hardcore",
	bg: require_styles_colors.colors.black,
	smBg: require_styles_colors.colors.black,
	text: require_styles_colors.colors.radioactiveGreen,
	hcNeutral: require_styles_colors.colors.radioactiveGreen,
	mcNeutral: require_styles_colors.colors.radioactiveGreenDark,
	lcNeutral: require_styles_colors.colors.radioactiveGreenDarker,
	vlcNeutral: require_styles_colors.colors.gray15,
	secondary: require_styles_colors.colors.radioactiveGreenDark,
	tertiary: require_styles_colors.colors.radioactiveGreen,
	primary: require_styles_colors.colors.radioactiveGreen,
	link: require_styles_colors.colors.radioactiveGreenLight,
	linkLight: require_styles_colors.colors.radioactiveGreen10,
	success: require_styles_colors.colors.radioactiveGreen,
	info: require_styles_colors.colors.radioactiveGreen,
	c05Neutral: require_styles_colors.colors.radioactiveGreenDarker,
	c1Neutral: require_styles_colors.colors.radioactiveGreenDarker,
	c15Neutral: require_styles_colors.colors.radioactiveGreenDark,
	c2Neutral: require_styles_colors.colors.radioactiveGreenDark,
	c3Neutral: require_styles_colors.colors.radioactiveGreen,
	c4Neutral: require_styles_colors.colors.radioactiveGreenLight,
	border: require_styles_colors.colors.radioactiveGreen30,
	inputBackground: require_styles_colors.colors.black,
	typography: require_styles_tokens_typography.getTypography("Hardcore", {
		main: "Roboto Mono",
		code: "Roboto Mono"
	}),
	buttons: hardcoreButtons,
	badge: { bg: "c15Neutral" }
};
const hardcoreTheme = extend(hardcoreBaseTheme, {
	header: extendBase(hardcoreBaseTheme, {}),
	nav: extendBase(hardcoreBaseTheme, {}),
	content: extendBase(hardcoreBaseTheme, {}),
	controls: extendBase(hardcoreBaseTheme, {
		bg: require_styles_colors.colors.gray10,
		smBg: require_styles_colors.colors.gray10
	})
});
const themes = {
	["light"]: lightTheme,
	["dark"]: darkTheme,
	["lightsparkDocsLight"]: lightsparkDocsLightTheme,
	["lightsparkDocsDark"]: lightsparkDocsDarkTheme,
	["umaAuthSdkLight"]: umaAuthSdkLightTheme,
	["umaAuthSdkDark"]: umaAuthSdkDarkTheme,
	["umameDocsLight"]: umameDocsLightTheme,
	["umameDocsDark"]: umameDocsDarkTheme,
	["bridgeLight"]: bridgeLightTheme,
	["bridgeDark"]: bridgeDarkTheme,
	["nageLight"]: nageLightTheme,
	["nageDark"]: nageDarkTheme,
	["hardcore"]: hardcoreTheme
};
function extend(obj, rest) {
	return {
		...obj,
		...rest
	};
}
function extendBase(obj, rest) {
	return {
		...obj,
		...rest
	};
}
function setFonts(theme, fontFamilies) {
	return {
		...theme,
		typography: require_styles_tokens_typography.getTypography(theme.typography.group, fontFamilies)
	};
}
function isThemeColorKey(key) {
	return Boolean(key && typeof key === "string" && key in baseThemeColors);
}
function isThemeOrColorKey(key) {
	return Boolean(typeof key === "string" && (isThemeColorKey(key) || require_styles_colors.isColorKey(key) || Array.isArray(key) && key.length === 2 && isThemeColorKey(key[1])));
}
function getColor(theme, key) {
	if (key && isThemeColorKey(key)) return theme[key];
	else if (key && Array.isArray(key)) {
		const [surface, colorKey] = key;
		return theme[surface][colorKey];
	} else if (key && require_styles_colors.isColorKey(key)) return require_styles_colors.colors[key];
	return theme.text;
}
function getFontColor(theme, key, defaultColor = "inherit") {
	if (key === "inherit" || !key && defaultColor === "inherit") return "inherit";
	return getColor(theme, key);
}
function isBackgroundColorKey(key) {
	return key === "transparent" || isThemeOrColorKey(key);
}
function isBackgroundColorKeyTuple(key) {
	return Array.isArray(key) && key.length === 2 && isBackgroundColorKey(key[0]) && isBackgroundColorKey(key[1]);
}
function getBackgroundColor(theme, key, defaultColor = "transparent") {
	if (isBackgroundColorKeyTuple(key)) key = isLight(theme) ? key[0] : key[1];
	if (isBackgroundColorKeyTuple(defaultColor)) defaultColor = isLight(theme) ? defaultColor[0] : defaultColor[1];
	if (key === "transparent") return "transparent";
	else if (!key) {
		if (defaultColor === "transparent") return "transparent";
		return getColor(theme, defaultColor);
	}
	return getColor(theme, key);
}
const isDark = (theme) => [
	"dark",
	"bridgeDark",
	"nageDark",
	"lightsparkDocsDark",
	"umameDocsDark",
	"umaAuthSdkDark",
	"hardcore"
].includes(theme.type);
const isLight = (theme) => [
	"light",
	"bridgeLight",
	"nageLight",
	"lightsparkDocsLight",
	"umameDocsLight",
	"umaAuthSdkLight"
].includes(theme.type);
const isBridge = (theme) => ["bridgeLight", "bridgeDark"].includes(theme.type);
const isNage = (theme) => ["nageLight", "nageDark"].includes(theme.type);
const themeOr = (lightValue, darkValue) => ({ theme }) => {
	return isLight(theme) ? lightValue : darkValue;
};
const themeOrWithKey = (lightValue, darkValue) => ({ theme }) => {
	if (isLight(theme)) return getColor(theme, lightValue);
	return getColor(theme, darkValue);
};
function ifLight(style) {
	return function({ theme }) {
		if (theme.type === "light") return _emotion_react.css`
        ${style}
      `;
		return "";
	};
}
function ifDark(style) {
	return function({ theme }) {
		if (theme.type === "dark") return _emotion_react.css`
        ${style}
      `;
		return "";
	};
}
function useThemeBg() {
	const theme = (0, _emotion_react.useTheme)();
	const isSm = require_styles_breakpoints.useBreakpoints().current("sm");
	if (isDark(theme)) return require_styles_colors.darkGradient;
	return isSm ? theme.smBg : theme.bg;
}
//#endregion
exports.Themes = Themes;
exports.getBackgroundColor = getBackgroundColor;
exports.getColor = getColor;
exports.getFontColor = getFontColor;
exports.ifDark = ifDark;
exports.ifLight = ifLight;
exports.isBackgroundColorKey = isBackgroundColorKey;
exports.isBackgroundColorKeyTuple = isBackgroundColorKeyTuple;
exports.isBridge = isBridge;
exports.isDark = isDark;
exports.isLight = isLight;
exports.isNage = isNage;
exports.isTheme = isTheme;
exports.isThemeColorKey = isThemeColorKey;
exports.isThemeOrColorKey = isThemeOrColorKey;
exports.setFonts = setFonts;
exports.themeOr = themeOr;
exports.themeOrColorKeyValues = themeOrColorKeyValues;
exports.themeOrWithKey = themeOrWithKey;
exports.themes = themes;
exports.useThemeBg = useThemeBg;
