@fluid-app/portal-sdk 0.1.158 → 0.1.160

package/dist/{FluidProvider-Cqf2kmUc.mjs → FluidProvider-B00jTGTH.mjs}

@@ -473,7 +473,7 @@ function createPersister() {
 	});
 }
 //#endregion
-//#region ../core/src/types/fluidos-api-context.ts
+//#region ../core/src/fluidos-api-context.ts
 const FluidOsReadApiContext = createContext(null);
 const FluidOsBuilderApiContext = createContext(null);
 /** Provider for read-only manifest fetching (used by SDK). */
@@ -694,18 +694,6 @@ function createFetchClient(config) {
 	};
 }
 //#endregion
-//#region ../../api-clients/fluidos/src/namespaces/fluid_os.ts
-/**
-* Get active Fluid OS definition
-* Retrieve the active Fluid OS definition manifest for a specific platform
-*
-* @param client - Fetch client instance
-* @param params - params
-*/
-async function getFluidOSManifest(client, params) {
-	return client.get(`/api/fluid_os/definitions/active`, params);
-}
-//#endregion
 //#region src/client/types.ts
 /**
 * HTTP methods supported by the API client.
@@ -719,1807 +707,1705 @@ const HTTP_METHODS = {
 	DELETE: "DELETE"
 };
 //#endregion
-//#region ../core/src/theme/types.ts
-const SEMANTIC_COLOR_NAMES = [
-	"background",
-	"foreground",
-	"primary",
-	"secondary",
-	"accent",
-	"muted",
-	"destructive"
-];
-const SHADE_STEPS = [
-	100,
-	200,
-	300,
-	400,
-	500,
-	600,
-	700,
-	800,
-	900
-];
-const FONT_SIZE_KEYS = [
-	"extraSmall",
-	"small",
-	"regular",
-	"large",
-	"extraLarge",
-	"giant"
-];
-const FONT_FAMILY_KEYS = ["header", "body"];
-const RADIUS_KEYS = [
-	"small",
-	"medium",
-	"large",
-	"extraLarge"
-];
-//#endregion
-//#region ../core/src/theme/color-engine.ts
+//#region src/client/fluid-client.ts
 /**
-* Attempt to convert any string into a Color using colorjs.io.
-* If the string is exactly 6 characters it is assumed to be a bare hex value
-* (e.g. "3b82f6") and a "#" prefix is added before parsing.
-*
-* @returns the parsed Color, or a neutral gray (`oklch(0.5 0 0)`) on failure
+* Fluid API Client
+* Adapted from: packages/fluidos-api-client/src/lib/fetch-client.ts
+* Provides authenticated API access with domain-specific methods
 */
-function parseColor(value) {
-	if (value.length === 6) value = `#${value}`;
-	try {
-		return new Color(value);
-	} catch (error) {
-		console.warn("[theme] Failed to parse color:", value, error);
-		return new Color("oklch", [
-			.5,
-			0,
-			0
-		]);
+/**
+* API Error class for structured error handling
+*/
+var ApiError = class ApiError extends Error {
+	status;
+	data;
+	constructor(message, status, data) {
+		super(message);
+		this.name = "ApiError";
+		this.status = status;
+		this.data = data;
+		const errorWithCapture = Error;
+		if (errorWithCapture.captureStackTrace) errorWithCapture.captureStackTrace(this, ApiError);
 	}
-}
+	toJSON() {
+		return {
+			name: this.name,
+			message: this.message,
+			status: this.status,
+			data: this.data
+		};
+	}
+};
 /**
-* Returns either the original foreground or a corrected lightness variant,
-* whichever provides better contrast against `color`.
-* Inversion triggers when the APCA contrast is below 50.
+* Type guard for ApiError
 */
-function getForegroundColor(foreground, color) {
-	if (foreground.oklch.l == null || color.oklch.l == null) return foreground;
-	if (color.contrastAPCA(foreground) < 50) return new Color("oklch", [
-		color.oklch.l < .7 ? .95 : .15,
-		foreground.oklch.c || 0,
-		foreground.oklch.h || 0
-	]);
-	return foreground;
+function isApiError(error) {
+	return error instanceof ApiError;
 }
 /**
-* Generate a 100–900 shade ramp from a base color.
-* Base anchors at 500. Light shades (100–400) step toward white,
-* dark shades (600–900) step toward black. Dark steps use an asymmetric
-* multiplier (1.6×, 1.875×, 3×, 4× of `darkStep`) for a more gradual
-* initial descent. Chroma is nudged per step for perceptually natural ramps.
+* Type guard to check if a value is a non-null string
 */
-function generateShades(base) {
-	const l = base.oklch.l ?? 0;
-	const c = base.oklch.c ?? 0;
-	const h = base.oklch.h ?? 0;
-	const safeMax = l >= .885 ? .995 : .97;
-	const safeMin = l <= .33 ? 0 : .21;
-	const lightStep = (safeMax - l) / 5;
-	const darkStep = -(l - safeMin) / 8;
-	const shade = (lDelta, cDelta) => {
-		return new Color("oklch", [
-			Math.max(0, Math.min(1, l + lDelta)),
-			c <= .001 ? c : Math.max(0, c + cDelta),
-			h
-		]);
-	};
-	return {
-		100: shade(5 * lightStep, -.00375),
-		200: shade(4 * lightStep, -.00375),
-		300: shade(3 * lightStep, -.00375),
-		400: shade(2 * lightStep, -.00375),
-		500: new Color("oklch", [
-			l,
-			c,
-			h
-		]),
-		600: shade(1.6 * darkStep, .025),
-		700: shade(1.875 * 2 * darkStep, .05),
-		800: shade(6 * darkStep, .075),
-		900: shade(8 * darkStep, .1)
-	};
-}
-const DARK_DERIVATION_CONFIG = {
-	background: {
-		baseLightness: .15,
-		fgLightness: .93
-	},
-	foreground: {
-		baseLightness: .93,
-		fgLightness: .15
-	},
-	muted: {
-		baseLightness: .22,
-		fgLightness: .75
-	},
-	primary: {
-		baseLightness: "invert",
-		fgLightness: .95,
-		chromaScale: .9
-	},
-	secondary: {
-		baseLightness: "invert",
-		fgLightness: .93,
-		chromaScale: .85
-	},
-	accent: {
-		baseLightness: "invert",
-		fgLightness: .95,
-		chromaScale: .9
-	},
-	destructive: {
-		baseLightness: "invert",
-		fgLightness: .95,
-		chromaScale: .95
-	}
-};
-/** Invert OKLCH lightness (1 - l), clamped to [0.35, 0.75] to avoid extremes. */
-function invertLightness(l) {
-	const inverted = 1 - l;
-	return Math.max(.35, Math.min(.75, inverted));
+function isString(value) {
+	return typeof value === "string";
 }
 /**
-* Derive a dark-mode ThemeColorInput from its light-mode counterpart.
+* Extract error message from API response data using `in` operator narrowing.
+* Checks common error message field names in order of precedence.
 */
-function deriveDarkVariant(name, light) {
-	const config = DARK_DERIVATION_CONFIG[name];
-	const chromaScale = config.chromaScale ?? 1;
-	const baseLightness = config.baseLightness === "invert" ? invertLightness(light.base.oklch.l ?? 0) : config.baseLightness;
-	const fgLightness = config.fgLightness === "invert" ? invertLightness(light.foreground.oklch.l ?? 0) : config.fgLightness;
-	return {
-		base: new Color("oklch", [
-			baseLightness,
-			(light.base.oklch.c || 0) * chromaScale,
-			light.base.oklch.h || 0
-		]),
-		foreground: new Color("oklch", [
-			fgLightness,
-			(light.foreground.oklch.c || 0) * chromaScale,
-			light.foreground.oklch.h || 0
-		])
-	};
+function extractErrorMessage(data, fallback) {
+	if ("message" in data && isString(data.message)) return data.message;
+	if ("error_message" in data && isString(data.error_message)) return data.error_message;
+	if ("error" in data && isString(data.error)) return data.error;
+	return fallback;
 }
 /**
-* Merge auto-derived dark colors with any user-specified overrides.
-* For each semantic color, if the user has fully overridden both base and
-* foreground those are used; otherwise the missing channels are derived.
+* Type guard to detect whether a parsed JSON value is an API envelope.
+* Envelopes always have numeric `status` and a `data` key.
 */
-function mergeDarkOverrides(def) {
-	const darkColors = {};
-	for (const name of SEMANTIC_COLOR_NAMES) {
-		const lightInput = def.light[name];
-		const darkOverride = def.dark[name];
-		if (darkOverride?.base && darkOverride?.foreground) darkColors[name] = darkOverride;
-		else if (darkOverride) {
-			const base = darkOverride.base ?? deriveDarkVariant(name, lightInput).base;
-			darkColors[name] = {
-				base,
-				foreground: darkOverride.foreground ?? getForegroundColor(def.light.foreground.base, base)
-			};
-		} else darkColors[name] = deriveDarkVariant(name, lightInput);
-	}
-	return darkColors;
-}
-function resolveColorSet(colors) {
-	const resolved = {};
-	for (const name of SEMANTIC_COLOR_NAMES) {
-		const input = colors[name];
-		const shades = generateShades(input.base);
-		const resolvedShades = {};
-		for (const step of SHADE_STEPS) resolvedShades[step] = shades[step];
-		resolved[name] = {
-			base: input.base.clone(),
-			foreground: input.foreground.clone(),
-			shades: resolvedShades
-		};
-	}
-	return resolved;
+function isApiEnvelope(value) {
+	return typeof value === "object" && value !== null && "status" in value && typeof value.status === "number" && "data" in value;
 }
 /**
-* Resolve a ThemeDefinition into a complete ResolvedTheme.
-* Dark mode colors are derived from light where not overridden.
+* Creates a configured Fluid API client instance
 */
-function resolveTheme(def) {
-	return {
-		id: def.id,
-		name: def.name,
-		light: resolveColorSet(def.light),
-		dark: resolveColorSet(mergeDarkOverrides(def)),
-		fontSizes: { ...def.fontSizes },
-		fontFamilies: { ...def.fontFamilies },
-		spacing: def.spacing,
-		radii: { ...def.radii }
-	};
-}
-//#endregion
-//#region ../core/src/theme/tailwind-overrides.ts
-/**
-* Specific overrides, otherwise all the overrides are generated using emitTailwindOverrides
-*/
-const OVERRIDES = {
-	"--color-gray-50": "var(--color-muted)",
-	"--color-gray-100": "var(--color-muted-600)",
-	"--color-gray-200": "var(--color-border)"
-};
-/**
-* Returns the inverted shade for dark mode foreground colors.
-* In dark mode, light shades (50, 100) should map to dark values (950, 900) and vice versa.
-*/
-function getInvertedStep(shade) {
-	const shadeIndex = SHADE_STEPS.indexOf(shade);
-	return SHADE_STEPS[SHADE_STEPS.length - 1 - shadeIndex] || 500;
-}
-/**
-* Map semantic colors to Tailwind built-in color names.
-*/
-function emitTailwindOverrides(darkMode = false) {
-	const TAILWIND_COLOR_MAP = {
-		gray: "foreground",
-		red: "destructive",
-		blue: "primary",
-		green: "accent"
-	};
-	const TAILWIND_SHADES = [
-		50,
-		100,
-		200,
-		300,
-		400,
-		500,
-		600,
-		700,
-		800,
-		900,
-		950
-	];
-	const SHADE_REMAP = {
-		50: 100,
-		950: 900
-	};
-	const lines = [];
-	for (const [twName, semantic] of Object.entries(TAILWIND_COLOR_MAP)) for (const shade of TAILWIND_SHADES) {
-		const step = SHADE_REMAP[shade] ?? shade;
-		const override = OVERRIDES[`--color-${twName}-${shade}`];
-		lines.push(`--color-${twName}-${shade}: ${override ? override : `var(--color-${semantic}-${semantic === "foreground" && darkMode === true ? getInvertedStep(step) : step})`};`);
-	}
-	lines.push("--color-white: var(--color-background);");
-	lines.push("--color-black: var(--color-foreground);");
-	return lines;
-}
-//#endregion
-//#region ../core/src/theme/css-generator.ts
-function colorToCSS(color) {
-	const result = color.toString({ format: "oklch" });
-	if (result.includes("NaN")) {
-		console.warn("[theme] colorToCSS produced NaN, using neutral fallback:", result);
-		return "oklch(0.5 0 0)";
+function createFluidClient(config) {
+	const { baseUrl, getAuthToken, onAuthError, defaultHeaders = {} } = config;
+	const fetchClient = createFetchClient({
+		baseUrl,
+		...getAuthToken ? { getAuthToken } : {},
+		onAuthError,
+		defaultHeaders,
+		credentials: "include"
+	});
+	/**
+	* Build headers for a request.
+	* Auth is handled by session cookies via `credentials: 'include'` on fetch calls.
+	*/
+	function buildHeaders(customHeaders) {
+		return {
+			"Content-Type": "application/json",
+			...defaultHeaders,
+			...customHeaders
+		};
 	}
-	return result;
-}
-function camelToKebab(str) {
-	return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
-}
-/**
-* Emit --color-{name}, --color-{name}-foreground, --color-{name}-{shade} vars.
-* Uses --color- prefix to match portal-widgets/tailwind.config.ts.
-*/
-function emitColorVars(colors) {
-	const lines = [];
-	for (const name of SEMANTIC_COLOR_NAMES) {
-		const color = colors[name];
-		lines.push(`--color-${name}: ${colorToCSS(color.base)};`);
-		lines.push(`--color-${name}-foreground: ${colorToCSS(color.foreground)};`);
-		for (const step of SHADE_STEPS) lines.push(`--color-${name}-${step}: ${colorToCSS(color.shades[step])};`);
+	/**
+	* Build URL with query parameters (Rails-compatible)
+	*/
+	function buildUrl(endpoint, params) {
+		const normalizedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
+		const normalizedEndpoint = endpoint.startsWith("/") ? endpoint : `/${endpoint}`;
+		const url = normalizedBase ? new URL(normalizedBase + normalizedEndpoint) : new URL(normalizedEndpoint, typeof window !== "undefined" ? window.location.origin : "http://localhost");
+		if (params) for (const [key, value] of Object.entries(params)) {
+			if (value === void 0 || value === null) continue;
+			if (Array.isArray(value)) for (const item of value) url.searchParams.append(`${key}[]`, String(item));
+			else if (typeof value === "object") for (const [subKey, subValue] of Object.entries(value)) {
+				if (subValue === void 0 || subValue === null) continue;
+				if (Array.isArray(subValue)) for (const item of subValue) url.searchParams.append(`${key}[${subKey}][]`, String(item));
+				else url.searchParams.append(`${key}[${subKey}]`, String(subValue));
+			}
+			else url.searchParams.append(key, String(value));
+		}
+		return url.toString();
 	}
-	return lines;
-}
-/**
-* Format a font family value for CSS output.
-* - If the value starts with "var(" (legacy), pass through as-is
-* - If the value already contains a comma (has fallback), pass through as-is
-* - Otherwise, wrap in quotes and append a generic sans-serif fallback
-*/
-function formatFontFamily(value) {
-	if (value.startsWith("var(")) return value;
-	if (value.includes(",")) return value;
-	return `'${value}', sans-serif`;
-}
-/**
-* Emit non-color CSS variables (font sizes, families, spacing, radii).
-*/
-function emitNonColorVars(theme) {
-	const lines = [];
-	for (const key of FONT_SIZE_KEYS) lines.push(`--font-size-${camelToKebab(key)}: ${theme.fontSizes[key]};`);
-	for (const key of FONT_FAMILY_KEYS) lines.push(`--font-${key}: ${formatFontFamily(theme.fontFamilies[key])};`);
-	lines.push(`--spacing: ${theme.spacing};`);
-	for (const key of RADIUS_KEYS) lines.push(`--radius-${camelToKebab(key)}: ${theme.radii[key]};`);
-	return lines;
-}
-/**
-* Static CSS alias variables that bridge theme var names to Tailwind/component conventions.
-* These are always emitted and not mode-dependent.
-*/
-const globalCSSOverride = [
-	"--color-background-foreground: var(--color-foreground);",
-	"--color-foreground-foreground: var(--color-background);",
-	"--color-contrast: var(--color-foreground);",
-	...SEMANTIC_COLOR_NAMES.map((value) => `--${value}: var(--color-${value});`),
-	...SEMANTIC_COLOR_NAMES.map((value) => `--${value}-foreground: var(--color-${value}-foreground);`),
-	"--sidebar-ring: var(--color-primary);",
-	"--sidebar-border: var(--color-border);",
-	"--sidebar-accent-foreground: var(--color-accent-foreground);",
-	"--sidebar-accent: var(--color-accent);",
-	"--sidebar-primary-foreground: var(--color-primary-foreground);",
-	"--sidebar-primary: var(--color-primary);",
-	"--sidebar-foreground: var(--color-muted-foreground);",
-	"--sidebar: var(--color-muted);",
-	"--border: var(--color-background-600);",
-	"--ring: var(--color-primary);",
-	"--popover: var(--color-background);",
-	"--popover-foreground: var(--color-foreground);",
-	"--card: var(--color-muted);",
-	"--card-foreground: var(--color-muted-foreground);",
-	"--radius-sm: var(--radius-small);",
-	"--radius-md: var(--radius-medium);",
-	"--radius-lg: var(--radius-large);",
-	"--radius-xl: var(--radius-extra-large);",
-	"--text-xs: var(--font-size-extra-small);",
-	"--text-sm: var(--font-size-small);",
-	"--text-base: var(--font-size-regular);",
-	"--text-lg: var(--font-size-large);",
-	"--text-xl: var(--font-size-extra-large);",
-	"--text-2xl: var(--font-size-giant);"
-];
-/**
-* Overrides for global tailwindcss for specifically dark mode.
-*/
-const globalDarkCSSOverride = ["--border: var(--color-background-400);"];
-/**
-* Generate a complete CSS string for a resolved theme.
-* Outputs 2–3 blocks: light default, dark explicit via `[data-theme-mode="dark"]`,
-* and (unless `disableAutoTheme`) a `prefers-color-scheme: dark` media query block.
-*/
-function generateThemeCSS(theme, options = {}) {
-	const sel = `[data-theme="${theme.id}"]`;
-	const tw = options.mapTailwindColors ?? true;
-	const blocks = [];
-	blocks.push(`${sel} {`);
-	blocks.push(...globalCSSOverride);
-	blocks.push(...emitNonColorVars(theme));
-	blocks.push(...emitColorVars(theme.light));
-	if (tw) blocks.push(...emitTailwindOverrides());
-	blocks.push(`}`);
-	blocks.push(`${sel}[data-theme-mode="dark"] {`);
-	blocks.push(...globalDarkCSSOverride);
-	blocks.push(...emitColorVars(theme.dark));
-	if (tw) blocks.push(...emitTailwindOverrides(true));
-	blocks.push(`}`);
-	if (!options.disableAutoTheme) {
-		blocks.push(`@media (prefers-color-scheme: dark) {`);
-		blocks.push(`${sel}:not([data-theme-mode]) {`);
-		blocks.push(...globalDarkCSSOverride);
-		blocks.push(...emitColorVars(theme.dark).map((l) => `${l}`));
-		if (tw) blocks.push(...emitTailwindOverrides(true).map((l) => `${l}`));
-		blocks.push(`}`);
-		blocks.push(`}`);
+	/**
+	* Default request options for type-safe defaults.
+	* Uses `satisfies` to validate against RequestOptions while preserving literal types.
+	*/
+	const defaultRequestOptions = { method: HTTP_METHODS.GET };
+	/**
+	* Main request function
+	*/
+	async function request(endpoint, options = {}) {
+		const { method = defaultRequestOptions.method, headers: customHeaders, params, body, signal } = options;
+		const url = buildUrl(endpoint, method === HTTP_METHODS.GET ? params : void 0);
+		const headers = buildHeaders(customHeaders);
+		let response;
+		try {
+			const fetchOptions = {
+				method,
+				headers,
+				credentials: "include"
+			};
+			if (signal !== void 0) fetchOptions.signal = signal;
+			if (body && method !== HTTP_METHODS.GET) fetchOptions.body = JSON.stringify(body);
+			response = await fetch(url, fetchOptions);
+		} catch (networkError) {
+			throw new ApiError(`Network error: ${networkError instanceof Error ? networkError.message : "Unknown network error"}`, 0, null);
+		}
+		if (response.status === 401) {
+			onAuthError?.();
+			throw new ApiError("Authentication required", 401, null);
+		}
+		if (!response.ok) try {
+			if (response.headers.get("content-type")?.includes("application/json")) {
+				const data = await response.json();
+				throw new ApiError(extractErrorMessage(data, `${method} request failed`), response.status, "errors" in data ? data.errors : data);
+			} else throw new ApiError(`${method} request failed with status ${response.status}`, response.status, null);
+		} catch (error) {
+			if (isApiError(error)) throw error;
+			throw new ApiError(`${method} request failed with status ${response.status}`, response.status, null);
+		}
+		if (response.status === 204 || response.headers.get("content-length") === "0") return null;
+		try {
+			const raw = await response.json();
+			if (raw === null || raw === void 0) throw new ApiError("Unexpected null/undefined in JSON response", response.status, null);
+			return isApiEnvelope(raw) ? raw.data : raw;
+		} catch (parseError) {
+			if (isApiError(parseError)) throw parseError;
+			throw new ApiError("Failed to parse response as JSON", response.status, null);
+		}
 	}
-	return blocks.join("\n");
-}
-//#endregion
-//#region ../core/src/theme/defaults.ts
-const DEFAULT_FONT_SIZES = {
-	extraSmall: "0.75rem",
-	small: "0.875rem",
-	regular: "1rem",
-	large: "1.125rem",
-	extraLarge: "1.25rem",
-	giant: "1.5rem"
-};
-const DEFAULT_FONT_FAMILIES = {
-	header: "Inter",
-	body: "Inter"
-};
-const DEFAULT_SPACING = "0.25rem";
-const DEFAULT_RADII = {
-	small: "0.25rem",
-	medium: "0.5rem",
-	large: "0.75rem",
-	extraLarge: "1rem"
-};
-const DEFAULT_COLORS = {
-	background: "#ffffff",
-	foreground: "#1a1a1a",
-	primary: "#3b82f6",
-	secondary: "#6b7280",
-	accent: "#10b981",
-	muted: "#f3f4f6",
-	destructive: "#ef4444",
-	mutedForeground: "#6b7280"
-};
-const DEFAULT_THEME_ID = "default";
-const DEFAULT_THEME_NAME = "Default Theme";
-/**
-* Build a fresh ThemeDefinition populated with all defaults.
-* Returns a new object each call because Color instances are mutable — do not cache the result.
-*/
-function getDefaultThemeDefinition() {
-	const bg = new Color(DEFAULT_COLORS.background);
-	const fg = new Color(DEFAULT_COLORS.foreground);
-	const primary = new Color(DEFAULT_COLORS.primary);
-	const secondary = new Color(DEFAULT_COLORS.secondary);
-	const accent = new Color(DEFAULT_COLORS.accent);
-	const muted = new Color(DEFAULT_COLORS.muted);
-	const destructive = new Color(DEFAULT_COLORS.destructive);
-	const mutedFg = new Color(DEFAULT_COLORS.mutedForeground);
-	const darkBg = new Color("#0a0a0a");
-	const darkFg = new Color("#fafafa");
-	const darkMuted = new Color("#171717");
-	const darkMutedForeground = new Color("#dddddd");
-	return {
-		id: DEFAULT_THEME_ID,
-		name: DEFAULT_THEME_NAME,
-		light: {
-			background: {
-				base: bg,
-				foreground: fg
-			},
-			foreground: {
-				base: fg,
-				foreground: bg
-			},
-			primary: {
-				base: primary,
-				foreground: getForegroundColor(fg, primary)
-			},
-			secondary: {
-				base: secondary,
-				foreground: getForegroundColor(fg, secondary)
-			},
-			accent: {
-				base: accent,
-				foreground: getForegroundColor(fg, accent)
-			},
-			muted: {
-				base: muted,
-				foreground: mutedFg
-			},
-			destructive: {
-				base: destructive,
-				foreground: getForegroundColor(fg, destructive)
-			}
-		},
-		dark: {
-			background: {
-				base: darkBg,
-				foreground: darkFg
-			},
-			foreground: {
-				base: darkFg,
-				foreground: darkBg
-			},
-			muted: {
-				base: darkMuted,
-				foreground: darkMutedForeground
-			}
-		},
-		fontSizes: { ...DEFAULT_FONT_SIZES },
-		fontFamilies: { ...DEFAULT_FONT_FAMILIES },
-		spacing: DEFAULT_SPACING,
-		radii: { ...DEFAULT_RADII }
-	};
-}
-//#endregion
-//#region ../core/src/theme/serialisation.ts
-function colorToPlain(color) {
-	return {
-		l: color.oklch.l ?? 0,
-		c: color.oklch.c ?? 0,
-		h: color.oklch.h ?? 0
-	};
-}
-function plainToColor(plain) {
-	return new Color("oklch", [
-		plain.l,
-		plain.c,
-		plain.h
-	]);
-}
-/**
-* Serialise a ThemeDefinition (with Color objects) to a plain JSON payload
-* suitable for backend storage.
-*/
-function serialiseTheme(def) {
-	const light = {};
-	for (const name of SEMANTIC_COLOR_NAMES) light[name] = {
-		base: colorToPlain(def.light[name].base),
-		foreground: colorToPlain(def.light[name].foreground)
-	};
-	const dark = {};
-	for (const [name, value] of Object.entries(def.dark)) {
-		if (!value) continue;
-		dark[name] = {
-			...value.base ? { base: colorToPlain(value.base) } : {},
-			...value.foreground ? { foreground: colorToPlain(value.foreground) } : {}
-		};
+	/**
+	* Request function for endpoints that may return null (204 No Content).
+	* Properly types the return as T | null.
+	*/
+	async function requestNullable(endpoint, options = {}) {
+		return request(endpoint, options);
 	}
-	return {
-		id: def.id,
-		name: def.name,
-		light,
-		dark,
-		fontSizes: { ...def.fontSizes },
-		fontFamilies: { ...def.fontFamilies },
-		spacing: def.spacing,
-		radii: { ...def.radii },
-		...def.syncWithBrandColors ? { syncWithBrandColors: true } : {}
-	};
-}
-/**
-* Deserialise a backend payload into a ThemeDefinition with Color objects.
-* Accepts `Record<string, unknown>` because API data is untyped at the boundary.
-* Falls back to default colors for any missing light-mode entries.
-*/
-function deserialiseTheme(payload) {
-	const lightRaw = payload.light ?? {};
-	const darkRaw = payload.dark ?? {};
-	const defaults = getDefaultThemeDefinition();
-	const light = {};
-	for (const name of SEMANTIC_COLOR_NAMES) {
-		const entry = lightRaw[name];
-		if (entry) light[name] = {
-			base: plainToColor(entry.base),
-			foreground: plainToColor(entry.foreground)
-		};
-		else {
-			console.warn(`[theme] deserialiseTheme: missing light color "${name}", using default`);
-			light[name] = defaults.light[name];
+	/**
+	* Safe request wrapper that returns a discriminated union instead of throwing.
+	* Use `isApiSuccess` or `isApiFailure` to narrow the result.
+	*/
+	async function safeRequest(endpoint, options = {}) {
+		try {
+			return {
+				success: true,
+				data: await request(endpoint, options)
+			};
+		} catch (error) {
+			if (isApiError(error)) return {
+				success: false,
+				error
+			};
+			return {
+				success: false,
+				error: new ApiError(error instanceof Error ? error.message : "Unknown error", 0, null)
+			};
 		}
 	}
-	const dark = {};
-	for (const [name, value] of Object.entries(darkRaw)) {
-		if (!value) continue;
-		dark[name] = {
-			...value.base ? { base: plainToColor(value.base) } : {},
-			...value.foreground ? { foreground: plainToColor(value.foreground) } : {}
-		};
+	/**
+	* Helper to safely convert typed params to Record<string, unknown>.
+	* Type assertion required: TypeScript's structural typing allows any object
+	* to be treated as Record<string, unknown> when we only need to iterate
+	* over its entries. This is safe because buildUrl only reads properties.
+	*/
+	function toParams(params) {
+		return params;
 	}
+	const get = (endpoint, params, options) => {
+		const baseOptions = {
+			...options,
+			method: HTTP_METHODS.GET
+		};
+		const convertedParams = toParams(params);
+		return request(endpoint, convertedParams !== void 0 ? {
+			...baseOptions,
+			params: convertedParams
+		} : baseOptions);
+	};
+	const post = (endpoint, body, options) => request(endpoint, {
+		...options,
+		method: HTTP_METHODS.POST,
+		body
+	});
+	const put = (endpoint, body, options) => request(endpoint, {
+		...options,
+		method: HTTP_METHODS.PUT,
+		body
+	});
+	const patch = (endpoint, body, options) => request(endpoint, {
+		...options,
+		method: HTTP_METHODS.PATCH,
+		body
+	});
+	const del = (endpoint, options) => request(endpoint, {
+		...options,
+		method: HTTP_METHODS.DELETE
+	});
 	return {
-		id: payload.id,
-		name: payload.name,
-		light,
-		dark,
-		fontSizes: payload.fontSizes ?? DEFAULT_FONT_SIZES,
-		fontFamilies: payload.fontFamilies ?? DEFAULT_FONT_FAMILIES,
-		spacing: payload.spacing ?? "0.25rem",
-		radii: payload.radii ?? DEFAULT_RADII,
-		...payload.syncWithBrandColors === true ? { syncWithBrandColors: true } : {}
+		fetchClient,
+		request,
+		requestNullable,
+		safeRequest,
+		get,
+		post,
+		put,
+		patch,
+		delete: del
 	};
 }
 //#endregion
-//#region ../core/src/theme/transforms.ts
+//#region ../../api-clients/fluidos/src/namespaces/fluid_os.ts
 /**
-* Check if a theme config uses the new structured format (has a `light` key
-* that is an object) vs the legacy flat format.
+* Get active Fluid OS definition
+* Retrieve the active Fluid OS definition manifest for a specific platform
+*
+* @param client - Fetch client instance
+* @param params - params
 */
-function isNewThemeFormat(config) {
-	return config.light != null && typeof config.light === "object";
+async function getFluidOSManifest(client, params) {
+	return client.get(`/api/fluid_os/definitions/active`, params);
 }
-/**
-* Convert a legacy flat config to a ThemeDefinition.
-* Legacy format: { base: "#fff", text: "#000", primary: "oklch(0.6 0.2 250)", ... }
-*/
-function legacyConfigToDefinition(id, name, config) {
-	const bg = parseColor(config.base ?? config.background ?? DEFAULT_COLORS.background);
-	const fg = parseColor(config.text ?? config.foreground ?? DEFAULT_COLORS.foreground);
-	const primary = parseColor(config.primary ?? DEFAULT_COLORS.primary);
-	const secondary = parseColor(config.secondary ?? DEFAULT_COLORS.secondary);
-	const accent = parseColor(config.accent ?? DEFAULT_COLORS.accent);
-	const muted = parseColor(config.muted ?? DEFAULT_COLORS.muted);
-	const destructive = parseColor(config.destructive ?? DEFAULT_COLORS.destructive);
-	const mutedFg = parseColor(config.mutedForeground ?? DEFAULT_COLORS.mutedForeground);
+//#endregion
+//#region src/adapters/fluidos-api-adapter.ts
+/** Create a FluidOsReadApi adapter backed by a FetchClient. */
+function createFluidOsReadAdapter(client) {
+	return { getManifest: (params) => getFluidOSManifest(client, params) };
+}
+//#endregion
+//#region src/adapters/app-definition-api-adapter.ts
+function mapDefinition(raw) {
 	return {
-		id: String(id),
-		name,
-		light: {
-			background: {
-				base: bg,
-				foreground: fg
-			},
-			foreground: {
-				base: fg,
-				foreground: bg
-			},
-			primary: {
-				base: primary,
-				foreground: getForegroundColor(fg, primary)
-			},
-			secondary: {
-				base: secondary,
-				foreground: getForegroundColor(fg, secondary)
-			},
-			accent: {
-				base: accent,
-				foreground: getForegroundColor(fg, accent)
-			},
-			muted: {
-				base: muted,
-				foreground: mutedFg
-			},
-			destructive: {
-				base: destructive,
-				foreground: getForegroundColor(fg, destructive)
-			}
-		},
-		dark: {},
-		fontSizes: {
-			extraSmall: config.extraSmall ?? DEFAULT_FONT_SIZES.extraSmall,
-			small: config.small ?? DEFAULT_FONT_SIZES.small,
-			regular: config.regular ?? DEFAULT_FONT_SIZES.regular,
-			large: config.large ?? DEFAULT_FONT_SIZES.large,
-			extraLarge: config.extraLarge ?? DEFAULT_FONT_SIZES.extraLarge,
-			giant: config.giant ?? DEFAULT_FONT_SIZES.giant
-		},
-		fontFamilies: {
-			header: config.headerFont ?? DEFAULT_FONT_FAMILIES.header,
-			body: config.bodyFont ?? DEFAULT_FONT_FAMILIES.body
-		},
-		spacing: config.globalSpacing ?? "0.25rem",
-		radii: {
-			small: config.radiusSmall ?? DEFAULT_RADII.small,
-			medium: config.radiusMedium ?? DEFAULT_RADII.medium,
-			large: config.radiusLarge ?? DEFAULT_RADII.large,
-			extraLarge: config.radiusExtraLarge ?? DEFAULT_RADII.extraLarge
-		}
+		id: raw.id ?? 0,
+		name: raw.name ?? "",
+		version: raw.version ?? null,
+		components: raw.components ?? [],
+		active: raw.active ?? false
 	};
 }
 /**
-* Build a ThemeDefinition from a single API theme object.
-* Handles both new structured format and legacy flat format.
-*/
-function buildThemeDefinition(theme) {
-	const config = theme.config ?? {};
-	if (isNewThemeFormat(config)) return deserialiseTheme({
-		...config,
-		id: String(theme.id),
-		name: theme.name ?? "Untitled Theme"
-	});
-	return legacyConfigToDefinition(theme.id, theme.name ?? "Untitled Theme", config);
-}
-/**
-* Transform raw API themes to ThemeDefinition[].
-* Catches and logs errors per theme (graceful degradation).
-*/
-function transformThemes(themes) {
-	return themes.flatMap((theme) => {
-		try {
-			return [buildThemeDefinition(theme)];
-		} catch (error) {
-			console.error(`[theme] Failed to build theme id=${theme.id}:`, error);
-			return [];
-		}
-	});
-}
-/**
-* Get the active theme ID from a list of raw API themes.
-* Falls back to the first theme if none is marked active.
+* Creates an AppDefinitionApi adapter backed by the portal-tenant BFF client.
+*
+* Maps the generated portal-tenant `app_definition_show` response to the
+* `AppDefinitionApi` port, applying runtime defaults for optional BFF fields
+* so TypeScript catches schema drift at compile time via `satisfies`.
 */
-function getActiveThemeId(themes) {
-	const active = themes.find((t) => t.active) ?? themes[0];
-	return active ? String(active.id) : void 0;
+function createAppDefinitionApiAdapter(client) {
+	return { fetchDefinition: async () => {
+		const response = await app_definition_show(client);
+		return {
+			definition: mapDefinition(response.definition ?? {}),
+			meta: {
+				request_id: response.meta?.request_id ?? "",
+				timestamp: response.meta?.timestamp ?? ""
+			}
+		};
+	} };
 }
 //#endregion
-//#region ../core/src/theme/theme-applicator.ts
-const STYLE_PREFIX = "theme-style-";
-const FONT_LINK_PREFIX = "theme-font-";
-const SYSTEM_FONTS = new Set([
-	"sans-serif",
-	"serif",
-	"monospace",
-	"cursive",
-	"fantasy",
-	"system-ui",
-	"ui-sans-serif",
-	"ui-serif",
-	"ui-monospace"
-]);
-/** Build a Google Fonts CSS2 URL for a given font family with all weights. */
-function buildGoogleFontUrl(family) {
-	return `https://fonts.googleapis.com/css2?family=${encodeURIComponent(family).replace(/%20/g, "+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`;
-}
-/** Check if a font family value needs to be loaded (i.e. is not a CSS var or system font). */
-function isLoadableFont(value) {
-	if (!value) return false;
-	if (value.startsWith("var(")) return false;
-	return !SYSTEM_FONTS.has(value.toLowerCase());
-}
-/** Deterministic link element ID for a font family. */
-function fontLinkId(family) {
-	return `${FONT_LINK_PREFIX}${family.replace(/\s+/g, "-").toLowerCase()}`;
+//#region src/adapters/account-api-adapter.ts
+function mapAccount(raw) {
+	return {
+		id: raw.id ?? 0,
+		member_type: raw.member_type ?? "rep",
+		first_name: raw.first_name ?? "",
+		last_name: raw.last_name ?? "",
+		email: raw.email ?? "",
+		phone: raw.phone ?? null,
+		bio: raw.bio ?? null,
+		avatar_url: raw.avatar_url ?? null,
+		slug: raw.slug ?? "",
+		social_links: raw.social_links ?? null
+	};
 }
-/**
-* Inject or update `<link>` elements for Google Fonts used by the theme.
-* Removes links for fonts that are no longer referenced.
-*/
-function loadThemeFonts(theme) {
-	if (typeof document === "undefined") return;
-	const fontsToLoad = /* @__PURE__ */ new Set();
-	for (const key of FONT_FAMILY_KEYS) {
-		const value = theme.fontFamilies[key];
-		if (isLoadableFont(value)) fontsToLoad.add(value);
-	}
-	document.querySelectorAll(`link[id^="${FONT_LINK_PREFIX}"]`).forEach((link) => {
-		const owners = link.getAttribute("data-font-theme-ids")?.split(",") ?? [];
-		if (!owners.includes(theme.id)) return;
-		const fontName = link.getAttribute("data-font-family");
-		if (fontName && !fontsToLoad.has(fontName)) {
-			const remaining = owners.filter((id) => id !== theme.id);
-			if (remaining.length === 0) link.remove();
-			else link.setAttribute("data-font-theme-ids", remaining.join(","));
-		}
-	});
-	for (const family of fontsToLoad) {
-		const id = fontLinkId(family);
-		const existing = document.getElementById(id);
-		if (existing) {
-			const owners = existing.getAttribute("data-font-theme-ids")?.split(",") ?? [];
-			if (!owners.includes(theme.id)) existing.setAttribute("data-font-theme-ids", [...owners, theme.id].join(","));
-		} else {
-			const link = document.createElement("link");
-			link.id = id;
-			link.rel = "stylesheet";
-			link.href = buildGoogleFontUrl(family);
-			link.setAttribute("data-font-family", family);
-			link.setAttribute("data-font-theme-ids", theme.id);
-			document.head.appendChild(link);
+function createAccountApiAdapter(client) {
+	return {
+		fetchAccount: async () => {
+			const response = await account_show(client);
+			return {
+				account: mapAccount(response.account ?? {}),
+				meta: {
+					request_id: response.meta?.request_id ?? "",
+					timestamp: response.meta?.timestamp ?? ""
+				}
+			};
+		},
+		updateAccount: async (body) => {
+			const response = await account_update(client, body);
+			return {
+				account: mapAccount(response.account ?? {}),
+				meta: {
+					request_id: response.meta?.request_id ?? "",
+					timestamp: response.meta?.timestamp ?? ""
+				}
+			};
 		}
-	}
+	};
 }
-/** Remove all font `<link>` elements injected by the theme system. */
-function removeAllFontLinks() {
-	if (typeof document === "undefined") return;
-	document.querySelectorAll(`link[id^="${FONT_LINK_PREFIX}"]`).forEach((el) => el.remove());
+//#endregion
+//#region ../../api-clients/portal-tenant-pay/src/namespaces/portal_tenant_pay.ts
+/**
+* List addresses
+* Returns addresses associated with the member's customer record in this tenant.
+*
+* @param client - Fetch client instance
+* @param [params] - params
+*/
+async function addresses_list(client, params) {
+	return client.get(`/api/pay/addresses`, params);
 }
 /**
-* Inject or update a `<style>` element in `<head>` for the given theme.
-* The element ID is deterministic (`theme-style-{themeId}`) so repeated calls
-* for the same theme are idempotent — the existing element is updated in place.
-* Also loads Google Fonts referenced by the theme's font families.
-* No-op when `document` is unavailable (SSR).
+* Create an address
+* Adds a new address to the member's customer record. If an identical address already exists it is returned instead of creating a duplicate.
+*
+* @param client - Fetch client instance
+* @param body - body
 */
-function applyTheme(theme, options) {
-	if (typeof document === "undefined") return;
-	try {
-		loadThemeFonts(theme);
-		const styleId = `${STYLE_PREFIX}${theme.id}`;
-		let el = document.getElementById(styleId);
-		if (!el) {
-			el = document.createElement("style");
-			el.id = styleId;
-			document.head.appendChild(el);
-		}
-		el.textContent = generateThemeCSS(theme, options);
-	} catch (error) {
-		console.error(`[theme] applyTheme failed for "${theme.id}":`, error);
-	}
+async function addresses_create(client, body) {
+	return client.post(`/api/pay/addresses`, body);
 }
-/** Remove an injected theme stylesheet and clean up font link ownership. No-op during SSR. */
-function removeTheme(themeId) {
-	if (typeof document === "undefined") return;
-	document.getElementById(`${STYLE_PREFIX}${themeId}`)?.remove();
-	document.querySelectorAll(`link[id^="${FONT_LINK_PREFIX}"]`).forEach((link) => {
-		const remaining = (link.getAttribute("data-font-theme-ids")?.split(",") ?? []).filter((id) => id !== themeId);
-		if (remaining.length === 0) link.remove();
-		else link.setAttribute("data-font-theme-ids", remaining.join(","));
-	});
+/**
+* Update an address
+* Creates a new address with the merged attributes and discards the old one, preserving references from existing orders.
+*
+* @param client - Fetch client instance
+* @param id - id
+* @param body - body
+*/
+async function addresses_update(client, id, body) {
+	return client.patch(`/api/pay/addresses/${id}`, body);
 }
-/** Remove all injected theme stylesheets and font links. No-op during SSR. */
-function removeAllThemes() {
-	if (typeof document === "undefined") return;
-	document.querySelectorAll(`style[id^="${STYLE_PREFIX}"]`).forEach((el) => el.remove());
-	removeAllFontLinks();
+/**
+* Delete an address
+* Removes an address from the member's customer record. The default address cannot be removed.
+*
+* @param client - Fetch client instance
+* @param id - id
+*/
+async function addresses_destroy(client, id) {
+	return client.delete(`/api/pay/addresses/${id}`);
 }
-//#endregion
-//#region src/transforms/screen-transforms.ts
 /**
-* Normalize component_tree to always be an array.
-* The API stores component_tree as a hash (object), but the frontend expects an array.
+* List payment methods
+* Returns displayable payment methods on the member's customer record, excluding Apple Pay sources.
+*
+* @param client - Fetch client instance
+* @param [params] - params
 */
-function normalizeComponentTree(componentTree) {
-	if (!componentTree) return [];
-	if (Array.isArray(componentTree)) return componentTree;
-	if (typeof componentTree === "object") return [componentTree];
-	return [];
+async function payment_methods_list(client, params) {
+	return client.get(`/api/pay/payment_methods`, params);
 }
 /**
-* Convert a raw FluidOS screen to ScreenDefinition.
-* Normalizes component_tree and converts string IDs to numbers.
+* Create a payment method
+* Tokenizes and stores a new payment method via the vault provider. Requires a vault token obtained from the vault credentials endpoint.
+*
+* @param client - Fetch client instance
+* @param body - body
 */
-function toScreenDefinition(screen) {
-	return {
-		id: Number(screen.id),
-		slug: screen.slug ?? "",
-		name: screen.name ?? "",
-		component_tree: normalizeComponentTree(screen.component_tree)
-	};
+async function payment_methods_create(client, body) {
+	return client.post(`/api/pay/payment_methods`, body);
 }
-//#endregion
-//#region src/transforms/navigation-transforms.ts
 /**
-* Convert a raw FluidOS navigation item to NavigationItem.
-* Recursively transforms children and sorts by position.
+* Update a payment method
+* Updates a payment method's attributes. Currently supports setting a payment method as the default.
+*
+* @param client - Fetch client instance
+* @param id - id
+* @param body - body
 */
-function toNavigationItem(item) {
-	const children = (item.children ?? []).map(toNavigationItem).sort((a, b) => (a.position ?? 0) - (b.position ?? 0));
-	return {
-		id: Number(item.id),
-		label: item.label ?? "Untitled",
-		...item.slug != null ? { slug: String(item.slug) } : {},
-		...item.icon != null ? { icon: String(item.icon) } : {},
-		...item.screen_id != null ? { screen_id: Number(item.screen_id) } : {},
-		...item.parent_id != null ? { parent_id: Number(item.parent_id) } : {},
-		...item.source != null ? { source: item.source } : {},
-		position: item.position ?? 0,
-		children
-	};
+async function payment_methods_update(client, id, body) {
+	return client.patch(`/api/pay/payment_methods/${id}`, body);
+}
+/**
+* Delete a payment method
+* Removes a payment method from the member's customer record. If the removed method was the default, the default is cleared.
+*
+* @param client - Fetch client instance
+* @param id - id
+*/
+async function payment_methods_destroy(client, id) {
+	return client.delete(`/api/pay/payment_methods/${id}`);
 }
-//#endregion
-//#region src/transforms/index.ts
 /**
-* Convert a raw FluidOS API response to RawManifestResponse.
+* Get vault credentials
+* Returns a short-lived vault token and environment identifier for initializing the client-side payment vault SDK.
 *
-* The wire format includes `navigation_items` and full theme objects,
-* but the generated OpenAPI types differ (e.g. `navigation_tree`, `themes: number[]`).
-* This function bridges that gap so callers avoid `as unknown as` casts.
+* @param client - Fetch client instance
+
 */
-function toRawManifest(raw) {
-	if (!raw.manifest) throw new Error("FluidOS API returned empty manifest");
-	return raw;
+async function payment_methods_vault_show(client) {
+	return client.get(`/api/pay/payment_methods/vault`);
 }
 /**
-* Transform a raw FluidOS manifest API response into RepAppData.
+* List points ledger entries
+* Returns loyalty points ledger entries for the member's customer record in this tenant, ordered by most recent first.
 *
-* This is the top-level transform used by `FluidClient.app.get()`.
-* It handles:
-* - Theme transformation (legacy and new formats)
-* - Screen normalization (component_tree array wrapping)
-* - Navigation item transformation (recursive with position sorting)
-*/
-function transformManifestToRepAppData(response) {
-	const manifest = response.manifest;
-	const rawProfile = manifest.profile;
-	const rawThemes = Array.isArray(rawProfile?.themes) ? rawProfile.themes : [];
-	const screens = (manifest.screens ?? []).map((screen) => toScreenDefinition(screen));
-	const navigationItems = (rawProfile?.navigation?.navigation_items ?? []).map(toNavigationItem);
-	const nav = rawProfile?.navigation;
-	const mobileNav = rawProfile?.mobile_navigation;
-	const mobileNavigationItems = (mobileNav?.navigation_items ?? []).map(toNavigationItem);
-	const activeThemeId = getActiveThemeId(rawThemes);
+* @param client - Fetch client instance
+* @param [params] - params
+*/
+async function points_ledgers_list(client, params) {
+	return client.get(`/api/pay/points_ledgers`, params);
+}
+//#endregion
+//#region src/adapters/pay-api-adapter.ts
+function mapAddress(raw) {
 	return {
-		definition_id: manifest.definition_id,
-		published_version: manifest.published_version ?? 0,
-		screens,
-		profile: {
-			name: rawProfile?.name ?? "Default",
-			definition_id: rawProfile?.definition_id ?? manifest.definition_id,
-			themes: transformThemes(rawThemes),
-			...activeThemeId !== void 0 ? { activeThemeId } : {},
-			navigation: {
-				definition_id: nav?.definition_id ?? manifest.definition_id,
-				id: nav?.id ?? 0,
-				name: nav?.name ?? "Main Navigation",
-				navigation_items: navigationItems,
-				screens
-			},
-			...mobileNav ? { mobile_navigation: {
-				definition_id: mobileNav.definition_id ?? manifest.definition_id,
-				id: mobileNav.id ?? 0,
-				name: mobileNav.name ?? "Mobile Navigation",
-				navigation_items: mobileNavigationItems,
-				screens
-			} } : {}
-		}
+		id: raw.id ?? 0,
+		street1: raw.street1 ?? "",
+		street2: raw.street2 ?? null,
+		city: raw.city ?? "",
+		state: raw.state ?? "",
+		zip: raw.zip ?? "",
+		country: raw.country ?? "",
+		default: raw.default ?? false,
+		created_at: raw.created_at ?? null,
+		updated_at: raw.updated_at ?? null
 	};
 }
-//#endregion
-//#region src/client/fluid-client.ts
-/**
-* API Error class for structured error handling
-*/
-var ApiError = class ApiError extends Error {
-	status;
-	data;
-	constructor(message, status, data) {
-		super(message);
-		this.name = "ApiError";
-		this.status = status;
-		this.data = data;
-		const errorWithCapture = Error;
-		if (errorWithCapture.captureStackTrace) errorWithCapture.captureStackTrace(this, ApiError);
-	}
-	toJSON() {
-		return {
-			name: this.name,
-			message: this.message,
-			status: this.status,
-			data: this.data
-		};
-	}
-};
+function mapPaymentMethod(raw) {
+	return {
+		id: raw.id ?? 0,
+		type: raw.type ?? "card",
+		brand: raw.brand ?? null,
+		last_four: raw.last_four ?? "",
+		exp_month: raw.exp_month ?? null,
+		exp_year: raw.exp_year ?? null,
+		default: raw.default ?? false,
+		created_at: raw.created_at ?? null,
+		updated_at: raw.updated_at ?? null
+	};
+}
+function createPortalTenantPayAdapter(client) {
+	return {
+		fetchAddresses: async () => {
+			const response = await addresses_list(client);
+			return {
+				addresses: (response.addresses ?? []).map(mapAddress),
+				meta: {
+					request_id: response.meta?.request_id ?? "",
+					timestamp: response.meta?.timestamp ?? ""
+				}
+			};
+		},
+		createAddress: async (body) => {
+			await addresses_create(client, body);
+		},
+		updateAddress: async (addressId, body) => {
+			await addresses_update(client, addressId, body);
+		},
+		deleteAddress: async (addressId) => {
+			await addresses_destroy(client, addressId);
+		},
+		fetchPaymentMethods: async () => {
+			const response = await payment_methods_list(client);
+			return {
+				payment_methods: (response.payment_methods ?? []).map(mapPaymentMethod),
+				meta: {
+					request_id: response.meta?.request_id ?? "",
+					timestamp: response.meta?.timestamp ?? ""
+				}
+			};
+		},
+		createPaymentMethod: async (body) => {
+			await payment_methods_create(client, body);
+		},
+		updatePaymentMethod: async (paymentMethodId, body) => {
+			await payment_methods_update(client, paymentMethodId, body);
+		},
+		deletePaymentMethod: async (paymentMethodId) => {
+			await payment_methods_destroy(client, paymentMethodId);
+		},
+		fetchVaultCredentials: async () => {
+			const response = await payment_methods_vault_show(client);
+			return {
+				vault: {
+					token: response.vault?.token ?? null,
+					environment: response.vault?.environment ?? "production"
+				},
+				meta: {
+					request_id: response.meta?.request_id ?? "",
+					timestamp: response.meta?.timestamp ?? ""
+				}
+			};
+		},
+		fetchPointsLedgers: async () => {
+			const response = await points_ledgers_list(client);
+			return {
+				points_ledgers: (response.points_ledgers ?? []).map((entry) => ({
+					id: entry.id ?? 0,
+					amount: entry.amount ?? 0,
+					total_balance: entry.total_balance ?? 0,
+					metadata: entry.metadata ?? null,
+					created_at: entry.created_at ?? ""
+				})),
+				meta: {
+					request_id: response.meta?.request_id ?? "",
+					timestamp: response.meta?.timestamp ?? ""
+				}
+			};
+		}
+	};
+}
+//#endregion
+//#region ../../api-clients/portal-tenant-store/src/namespaces/portal_tenant_store.ts
 /**
-* Type guard for ApiError
+* List available countries
+* Returns countries enabled for the tenant store, each with its ISO 3166 subdivisions (states/provinces).
+*
+* @param client - Fetch client instance
+* @param [params] - params
 */
-function isApiError(error) {
-	return error instanceof ApiError;
+async function countries_list(client, params) {
+	return client.get(`/api/store/countries`, params);
 }
 /**
-* Type guard to check if a value is a non-null string
+* List available languages
+* Returns languages enabled for the tenant store, sorted by name.
+*
+* @param client - Fetch client instance
+* @param [params] - params
 */
-function isString(value) {
-	return typeof value === "string";
+async function languages_list(client, params) {
+	return client.get(`/api/store/languages`, params);
 }
+//#endregion
+//#region ../../store/api-client/src/portal-tenant-countries-adapter.ts
 /**
-* Extract error message from API response data using `in` operator narrowing.
-* Checks common error message field names in order of precedence.
+* Maps a BFF state to the port's State shape.
 */
-function extractErrorMessage(data, fallback) {
-	if ("message" in data && isString(data.message)) return data.message;
-	if ("error_message" in data && isString(data.error_message)) return data.error_message;
-	if ("error" in data && isString(data.error)) return data.error;
-	return fallback;
+function mapState(raw) {
+	return {
+		code: raw.code ?? "",
+		name: raw.name ?? ""
+	};
 }
 /**
-* Type guard to detect whether a parsed JSON value is an API envelope.
-* Envelopes always have numeric `status` and a `data` key.
+* Maps a BFF country to the port's Country shape.
 */
-function isApiEnvelope(value) {
-	return typeof value === "object" && value !== null && "status" in value && typeof value.status === "number" && "data" in value;
+function mapCountry(raw) {
+	return {
+		code: raw.code ?? "",
+		name: raw.name ?? "",
+		currency_code: raw.currency_code ?? "",
+		states: (raw.states ?? []).map(mapState)
+	};
 }
 /**
-* Creates a configured Fluid API client instance
+* Maps the BFF meta envelope to the port's ApiMeta shape.
 */
-function createFluidClient(config) {
-	const { baseUrl, getAuthToken, onAuthError, defaultHeaders = {} } = config;
-	const fetchClient = createFetchClient({
-		baseUrl,
-		...getAuthToken ? { getAuthToken } : {},
-		onAuthError,
-		defaultHeaders,
-		credentials: "include"
-	});
-	/**
-	* Build headers for a request.
-	* Auth is handled by session cookies via `credentials: 'include'` on fetch calls.
-	*/
-	function buildHeaders(customHeaders) {
-		return {
-			"Content-Type": "application/json",
-			...defaultHeaders,
-			...customHeaders
-		};
-	}
-	/**
-	* Build URL with query parameters (Rails-compatible)
-	*/
-	function buildUrl(endpoint, params) {
-		const normalizedBase = baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
-		const normalizedEndpoint = endpoint.startsWith("/") ? endpoint : `/${endpoint}`;
-		const url = normalizedBase ? new URL(normalizedBase + normalizedEndpoint) : new URL(normalizedEndpoint, typeof window !== "undefined" ? window.location.origin : "http://localhost");
-		if (params) for (const [key, value] of Object.entries(params)) {
-			if (value === void 0 || value === null) continue;
-			if (Array.isArray(value)) for (const item of value) url.searchParams.append(`${key}[]`, String(item));
-			else if (typeof value === "object") for (const [subKey, subValue] of Object.entries(value)) {
-				if (subValue === void 0 || subValue === null) continue;
-				if (Array.isArray(subValue)) for (const item of subValue) url.searchParams.append(`${key}[${subKey}][]`, String(item));
-				else url.searchParams.append(`${key}[${subKey}]`, String(subValue));
-			}
-			else url.searchParams.append(key, String(value));
-		}
-		return url.toString();
-	}
-	/**
-	* Default request options for type-safe defaults.
-	* Uses `satisfies` to validate against RequestOptions while preserving literal types.
-	*/
-	const defaultRequestOptions = { method: HTTP_METHODS.GET };
-	/**
-	* Main request function
-	*/
-	async function request(endpoint, options = {}) {
-		const { method = defaultRequestOptions.method, headers: customHeaders, params, body, signal } = options;
-		const url = buildUrl(endpoint, method === HTTP_METHODS.GET ? params : void 0);
-		const headers = buildHeaders(customHeaders);
-		let response;
-		try {
-			const fetchOptions = {
-				method,
-				headers,
-				credentials: "include"
-			};
-			if (signal !== void 0) fetchOptions.signal = signal;
-			if (body && method !== HTTP_METHODS.GET) fetchOptions.body = JSON.stringify(body);
-			response = await fetch(url, fetchOptions);
-		} catch (networkError) {
-			throw new ApiError(`Network error: ${networkError instanceof Error ? networkError.message : "Unknown network error"}`, 0, null);
-		}
-		if (response.status === 401) {
-			onAuthError?.();
-			throw new ApiError("Authentication required", 401, null);
-		}
-		if (!response.ok) try {
-			if (response.headers.get("content-type")?.includes("application/json")) {
-				const data = await response.json();
-				throw new ApiError(extractErrorMessage(data, `${method} request failed`), response.status, "errors" in data ? data.errors : data);
-			} else throw new ApiError(`${method} request failed with status ${response.status}`, response.status, null);
-		} catch (error) {
-			if (isApiError(error)) throw error;
-			throw new ApiError(`${method} request failed with status ${response.status}`, response.status, null);
-		}
-		if (response.status === 204 || response.headers.get("content-length") === "0") return null;
-		try {
-			const raw = await response.json();
-			if (raw === null || raw === void 0) throw new ApiError("Unexpected null/undefined in JSON response", response.status, null);
-			return isApiEnvelope(raw) ? raw.data : raw;
-		} catch (parseError) {
-			if (isApiError(parseError)) throw parseError;
-			throw new ApiError("Failed to parse response as JSON", response.status, null);
-		}
-	}
-	/**
-	* Request function for endpoints that may return null (204 No Content).
-	* Properly types the return as T | null.
-	*/
-	async function requestNullable(endpoint, options = {}) {
-		return request(endpoint, options);
-	}
-	/**
-	* Safe request wrapper that returns a discriminated union instead of throwing.
-	* Use `isApiSuccess` or `isApiFailure` to narrow the result.
-	*/
-	async function safeRequest(endpoint, options = {}) {
-		try {
-			return {
-				success: true,
-				data: await request(endpoint, options)
-			};
-		} catch (error) {
-			if (isApiError(error)) return {
-				success: false,
-				error
-			};
-			return {
-				success: false,
-				error: new ApiError(error instanceof Error ? error.message : "Unknown error", 0, null)
-			};
-		}
-	}
-	/**
-	* Helper to safely convert typed params to Record<string, unknown>.
-	* Type assertion required: TypeScript's structural typing allows any object
-	* to be treated as Record<string, unknown> when we only need to iterate
-	* over its entries. This is safe because buildUrl only reads properties.
-	*/
-	function toParams(params) {
-		return params;
-	}
-	const get = (endpoint, params, options) => {
-		const baseOptions = {
-			...options,
-			method: HTTP_METHODS.GET
-		};
-		const convertedParams = toParams(params);
-		return request(endpoint, convertedParams !== void 0 ? {
-			...baseOptions,
-			params: convertedParams
-		} : baseOptions);
-	};
-	const post = (endpoint, body, options) => request(endpoint, {
-		...options,
-		method: HTTP_METHODS.POST,
-		body
-	});
-	const put = (endpoint, body, options) => request(endpoint, {
-		...options,
-		method: HTTP_METHODS.PUT,
-		body
-	});
-	const patch = (endpoint, body, options) => request(endpoint, {
-		...options,
-		method: HTTP_METHODS.PATCH,
-		body
-	});
-	const del = (endpoint, options) => request(endpoint, {
-		...options,
-		method: HTTP_METHODS.DELETE
-	});
+function mapMeta$1(raw) {
 	return {
-		fetchClient,
-		request,
-		requestNullable,
-		safeRequest,
-		get,
-		post,
-		put,
-		patch,
-		delete: del,
-		reps: {
-			current: () => get("/api/reps/me"),
-			updateProfile: (data) => patch("/api/reps/me", data)
-		},
-		app: {
-			getRaw: async () => {
-				return toRawManifest(await getFluidOSManifest(fetchClient, { platform: "browser" }));
-			},
-			get: async () => {
-				return transformManifestToRepAppData(toRawManifest(await getFluidOSManifest(fetchClient, { platform: "browser" })));
-			}
-		},
-		permissions: { get: () => get("/api/company/roles/my_permissions") },
-		analytics: {
-			dashboard: () => get("/api/analytics/dashboard"),
-			sales: (params) => get("/api/analytics/sales", params)
-		}
+		request_id: raw?.request_id ?? null,
+		timestamp: raw?.timestamp ?? "",
+		pagination: raw?.pagination ? {
+			cursor: raw.pagination.cursor ?? null,
+			limit: raw.pagination.limit,
+			next_cursor: raw.pagination.next_cursor ?? null,
+			prev_cursor: raw.pagination.prev_cursor ?? null
+		} : void 0
 	};
 }
+/**
+* Creates a CountriesApi adapter backed by the portal-tenant store BFF.
+*
+* Maps the generated portal-tenant-store namespace functions to the abstract
+* CountriesApi port, closing over the FetchClient so consumers don't need
+* to pass it per-call.
+*/
+function createPortalTenantCountriesAdapter(client) {
+	return { listCountries: async (params) => {
+		const response = await countries_list(client, {
+			"page[cursor]": params?.cursor,
+			"page[limit]": params?.limit
+		});
+		return {
+			countries: (response.countries ?? []).map(mapCountry),
+			meta: mapMeta$1(response.meta)
+		};
+	} };
+}
 //#endregion
-//#region src/adapters/fluidos-api-adapter.ts
-/** Create a FluidOsReadApi adapter backed by a FetchClient. */
-function createFluidOsReadAdapter(client) {
-	return { getManifest: (params) => getFluidOSManifest(client, params) };
+//#region ../../store/api-client/src/portal-tenant-languages-adapter.ts
+/**
+* Maps a BFF language to the port's Language shape.
+*/
+function mapLanguage(raw) {
+	return {
+		code: raw.code ?? "",
+		name: raw.name ?? ""
+	};
 }
-//#endregion
-//#region src/adapters/app-definition-api-adapter.ts
-function mapDefinition(raw) {
+/**
+* Maps the BFF meta envelope to the port's ApiMeta shape.
+*/
+function mapMeta(raw) {
 	return {
-		id: raw.id ?? 0,
-		name: raw.name ?? "",
-		version: raw.version ?? null,
-		components: raw.components ?? [],
-		active: raw.active ?? false
+		request_id: raw?.request_id ?? null,
+		timestamp: raw?.timestamp ?? "",
+		pagination: raw?.pagination ? {
+			cursor: raw.pagination.cursor ?? null,
+			limit: raw.pagination.limit,
+			next_cursor: raw.pagination.next_cursor ?? null,
+			prev_cursor: raw.pagination.prev_cursor ?? null
+		} : void 0
 	};
 }
 /**
-* Creates an AppDefinitionApi adapter backed by the portal-tenant BFF client.
+* Creates a LanguagesApi adapter backed by the portal-tenant store BFF.
 *
-* Maps the generated portal-tenant `app_definition_show` response to the
-* `AppDefinitionApi` port, applying runtime defaults for optional BFF fields
-* so TypeScript catches schema drift at compile time via `satisfies`.
+* Maps the generated portal-tenant-store namespace functions to the abstract
+* LanguagesApi port, closing over the FetchClient so consumers don't need
+* to pass it per-call.
 */
-function createAppDefinitionApiAdapter(client) {
-	return { fetchDefinition: async () => {
-		const response = await app_definition_show(client);
+function createPortalTenantLanguagesAdapter(client) {
+	return { listLanguages: async (params) => {
+		const response = await languages_list(client, {
+			"page[cursor]": params?.cursor,
+			"page[limit]": params?.limit
+		});
 		return {
-			definition: mapDefinition(response.definition ?? {}),
-			meta: {
-				request_id: response.meta?.request_id ?? "",
-				timestamp: response.meta?.timestamp ?? ""
-			}
+			languages: (response.languages ?? []).map(mapLanguage),
+			meta: mapMeta(response.meta)
 		};
 	} };
 }
 //#endregion
-//#region src/adapters/account-api-adapter.ts
-function mapAccount(raw) {
+//#region src/adapters/countries-api-adapter.ts
+/**
+* Creates a CountriesApi adapter backed by the portal-tenant store BFF.
+*
+* Delegates to the adapter factory in `@fluid-app/store-api-client` which
+* maps the generated portal-tenant-store namespace functions to the abstract
+* CountriesApi port.
+*/
+function createCountriesApiAdapter(client) {
+	return createPortalTenantCountriesAdapter(client);
+}
+//#endregion
+//#region src/adapters/languages-api-adapter.ts
+/**
+* Creates a LanguagesApi adapter backed by the portal-tenant store BFF.
+*
+* Delegates to the adapter factory in `@fluid-app/store-api-client` which
+* maps the generated portal-tenant-store namespace functions to the abstract
+* LanguagesApi port.
+*/
+function createLanguagesApiAdapter(client) {
+	return createPortalTenantLanguagesAdapter(client);
+}
+//#endregion
+//#region ../../api-clients/portal-tenant-mysite/src/namespaces/portal_tenant_mysite.ts
+/**
+* Get MySite profile for the current user
+* Returns the member's MySite profile.
+*
+* @param client - Fetch client instance
+
+*/
+async function mysite_profile_show(client) {
+	return client.get(`/api/mysite/profile`);
+}
+/**
+* Update MySite profile
+* Updates the member's MySite profile fields.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_profile_update(client, body) {
+	return client.put(`/api/mysite/profile`, body);
+}
+/**
+* List available MySite themes
+* Returns available MySite themes.
+*
+* @param client - Fetch client instance
+* @param [params] - params
+*/
+async function mysite_themes_list(client, params) {
+	return client.get(`/api/mysite/themes`, params);
+}
+/**
+* Update MySite settings
+* Updates the member's MySite settings.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_settings_update(client, body) {
+	return client.put(`/api/mysite/settings`, body);
+}
+/**
+* List MySite links for the current user
+* Returns the member's MySite links, ordered by position.
+*
+* @param client - Fetch client instance
+* @param [params] - params
+*/
+async function mysite_links_list(client, params) {
+	return client.get(`/api/mysite/links`, params);
+}
+/**
+* Create a MySite link
+* Adds a new link to the member's MySite.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_links_create(client, body) {
+	return client.post(`/api/mysite/links`, body);
+}
+/**
+* Update a MySite link
+* Updates an existing MySite link.
+*
+* @param client - Fetch client instance
+* @param id - id
+* @param body - body
+*/
+async function mysite_links_update(client, id, body) {
+	return client.put(`/api/mysite/links/${id}`, body);
+}
+/**
+* Delete a MySite link
+* Removes a link from the member's MySite.
+*
+* @param client - Fetch client instance
+* @param id - id
+*/
+async function mysite_links_destroy(client, id) {
+	return client.delete(`/api/mysite/links/${id}`);
+}
+/**
+* Reorder MySite links
+* Reorders MySite links by providing an ordered list of IDs.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_links_bulk_reorder(client, body) {
+	return client.patch(`/api/mysite/links/bulk`, body);
+}
+/**
+* List MySite favorite products
+* Returns the member's MySite favorite products.
+*
+* @param client - Fetch client instance
+* @param [params] - params
+*/
+async function mysite_favorites_list(client, params) {
+	return client.get(`/api/mysite/favorites`, params);
+}
+/**
+* Add a product to MySite favorites
+* Adds a product to the member's MySite favorites.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_favorites_create(client, body) {
+	return client.post(`/api/mysite/favorites`, body);
+}
+/**
+* Remove a product from MySite favorites
+* Removes a product from the member's MySite favorites.
+*
+* @param client - Fetch client instance
+* @param id - id
+*/
+async function mysite_favorites_destroy(client, id) {
+	return client.delete(`/api/mysite/favorites/${id}`);
+}
+/**
+* Reorder MySite favorites
+* Reorders MySite favorites by providing an ordered list of IDs.
+*
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function mysite_favorites_bulk_reorder(client, body) {
+	return client.patch(`/api/mysite/favorites/bulk`, body);
+}
+//#endregion
+//#region src/adapters/mysite-api-adapter.ts
+function mapProfile(raw) {
 	return {
 		id: raw.id ?? 0,
-		member_type: raw.member_type ?? "rep",
-		first_name: raw.first_name ?? "",
-		last_name: raw.last_name ?? "",
-		email: raw.email ?? "",
-		phone: raw.phone ?? null,
+		mysite_url: raw.mysite_url ?? null,
+		theme_id: raw.theme_id ?? null,
 		bio: raw.bio ?? null,
 		avatar_url: raw.avatar_url ?? null,
-		slug: raw.slug ?? "",
-		social_links: raw.social_links ?? null
+		display_name: raw.display_name ?? null,
+		slug: raw.slug ?? null
+	};
+}
+function mapLink(raw) {
+	return {
+		id: raw.id ?? 0,
+		url: raw.url ?? "",
+		title: raw.title ?? "",
+		position: raw.position ?? 0
+	};
+}
+function mapFavorite(raw) {
+	return {
+		id: raw.id ?? 0,
+		product_id: raw.product_id ?? 0,
+		product_name: raw.product_name ?? null,
+		product_image_url: raw.product_image_url ?? null,
+		position: raw.position ?? 0,
+		created_at: raw.created_at ?? null
+	};
+}
+function mapTheme(raw) {
+	return {
+		id: raw.id ?? 0,
+		name: raw.name ?? "",
+		preview_url: raw.preview_url ?? null
 	};
 }
-function createAccountApiAdapter(client) {
+function createMySiteApiAdapter(client) {
 	return {
-		fetchAccount: async () => {
-			const response = await account_show(client);
-			return {
-				account: mapAccount(response.account ?? {}),
-				meta: {
-					request_id: response.meta?.request_id ?? "",
-					timestamp: response.meta?.timestamp ?? ""
-				}
-			};
+		fetchProfile: async () => {
+			return mapProfile((await mysite_profile_show(client)).profile ?? {});
 		},
-		updateAccount: async (body) => {
-			const response = await account_update(client, body);
-			return {
-				account: mapAccount(response.account ?? {}),
-				meta: {
-					request_id: response.meta?.request_id ?? "",
-					timestamp: response.meta?.timestamp ?? ""
-				}
-			};
+		updateProfile: async (body) => {
+			return mapProfile((await mysite_profile_update(client, { profile: {
+				display_name: body.display_name,
+				bio: body.bio,
+				avatar_url: body.avatar_url
+			} })).profile ?? {});
+		},
+		updateSettings: async (body) => {
+			await Promise.all([body.theme_id !== void 0 ? mysite_settings_update(client, { settings: { theme_id: body.theme_id } }) : Promise.resolve(), body.slug !== void 0 ? mysite_profile_update(client, { profile: { slug: body.slug } }) : Promise.resolve()]);
+		},
+		listLinks: async () => {
+			return ((await mysite_links_list(client)).links ?? []).map(mapLink);
+		},
+		createLink: async (body) => {
+			return mapLink((await mysite_links_create(client, { link: {
+				title: body.title,
+				url: body.url
+			} })).link ?? {});
+		},
+		updateLink: async (linkId, body) => {
+			return mapLink((await mysite_links_update(client, linkId, { link: {
+				title: body.title,
+				url: body.url
+			} })).link ?? {});
+		},
+		deleteLink: async (linkId) => {
+			await mysite_links_destroy(client, linkId);
+		},
+		reorderLinks: async (orderedIds) => {
+			return ((await mysite_links_bulk_reorder(client, { ordered_ids: orderedIds })).links ?? []).map(mapLink);
+		},
+		listFavorites: async () => {
+			return ((await mysite_favorites_list(client)).favorites ?? []).map(mapFavorite);
+		},
+		addFavorite: async (body) => {
+			return mapFavorite((await mysite_favorites_create(client, { favorite: { product_id: body.product_id } })).favorite ?? {});
+		},
+		deleteFavorite: async (favoriteId) => {
+			await mysite_favorites_destroy(client, favoriteId);
+		},
+		reorderFavorites: async (orderedIds) => {
+			return ((await mysite_favorites_bulk_reorder(client, { ordered_ids: orderedIds })).favorites ?? []).map(mapFavorite);
+		},
+		listThemes: async () => {
+			return ((await mysite_themes_list(client)).themes ?? []).map(mapTheme);
 		}
 	};
 }
 //#endregion
-//#region ../../api-clients/portal-tenant-pay/src/namespaces/portal_tenant_pay.ts
+//#region ../core/src/theme/types.ts
+const SEMANTIC_COLOR_NAMES = [
+	"background",
+	"foreground",
+	"primary",
+	"secondary",
+	"accent",
+	"muted",
+	"destructive"
+];
+const SHADE_STEPS = [
+	100,
+	200,
+	300,
+	400,
+	500,
+	600,
+	700,
+	800,
+	900
+];
+const FONT_SIZE_KEYS = [
+	"extraSmall",
+	"small",
+	"regular",
+	"large",
+	"extraLarge",
+	"giant"
+];
+const FONT_FAMILY_KEYS = ["header", "body"];
+const RADIUS_KEYS = [
+	"small",
+	"medium",
+	"large",
+	"extraLarge"
+];
+//#endregion
+//#region ../core/src/theme/color-engine.ts
 /**
-* List addresses
-* Returns addresses associated with the member's customer record in this tenant.
+* Attempt to convert any string into a Color using colorjs.io.
+* If the string is exactly 6 characters it is assumed to be a bare hex value
+* (e.g. "3b82f6") and a "#" prefix is added before parsing.
 *
-* @param client - Fetch client instance
-* @param [params] - params
+* @returns the parsed Color, or a neutral gray (`oklch(0.5 0 0)`) on failure
 */
-async function addresses_list(client, params) {
-	return client.get(`/api/pay/addresses`, params);
+function parseColor(value) {
+	if (value.length === 6) value = `#${value}`;
+	try {
+		return new Color(value);
+	} catch (error) {
+		console.warn("[theme] Failed to parse color:", value, error);
+		return new Color("oklch", [
+			.5,
+			0,
+			0
+		]);
+	}
 }
 /**
-* Create an address
-* Adds a new address to the member's customer record. If an identical address already exists it is returned instead of creating a duplicate.
-*
-* @param client - Fetch client instance
-* @param body - body
+* Returns either the original foreground or a corrected lightness variant,
+* whichever provides better contrast against `color`.
+* Inversion triggers when the APCA contrast is below 50.
 */
-async function addresses_create(client, body) {
-	return client.post(`/api/pay/addresses`, body);
+function getForegroundColor(foreground, color) {
+	if (foreground.oklch.l == null || color.oklch.l == null) return foreground;
+	if (color.contrastAPCA(foreground) < 50) return new Color("oklch", [
+		color.oklch.l < .7 ? .95 : .15,
+		foreground.oklch.c || 0,
+		foreground.oklch.h || 0
+	]);
+	return foreground;
 }
 /**
-* Update an address
-* Creates a new address with the merged attributes and discards the old one, preserving references from existing orders.
-*
-* @param client - Fetch client instance
-* @param id - id
-* @param body - body
+* Generate a 100–900 shade ramp from a base color.
+* Base anchors at 500. Light shades (100–400) step toward white,
+* dark shades (600–900) step toward black. Dark steps use an asymmetric
+* multiplier (1.6×, 1.875×, 3×, 4× of `darkStep`) for a more gradual
+* initial descent. Chroma is nudged per step for perceptually natural ramps.
 */
-async function addresses_update(client, id, body) {
-	return client.patch(`/api/pay/addresses/${id}`, body);
+function generateShades(base) {
+	const l = base.oklch.l ?? 0;
+	const c = base.oklch.c ?? 0;
+	const h = base.oklch.h ?? 0;
+	const safeMax = l >= .885 ? .995 : .97;
+	const safeMin = l <= .33 ? 0 : .21;
+	const lightStep = (safeMax - l) / 5;
+	const darkStep = -(l - safeMin) / 8;
+	const shade = (lDelta, cDelta) => {
+		return new Color("oklch", [
+			Math.max(0, Math.min(1, l + lDelta)),
+			c <= .001 ? c : Math.max(0, c + cDelta),
+			h
+		]);
+	};
+	return {
+		100: shade(5 * lightStep, -.00375),
+		200: shade(4 * lightStep, -.00375),
+		300: shade(3 * lightStep, -.00375),
+		400: shade(2 * lightStep, -.00375),
+		500: new Color("oklch", [
+			l,
+			c,
+			h
+		]),
+		600: shade(1.6 * darkStep, .025),
+		700: shade(1.875 * 2 * darkStep, .05),
+		800: shade(6 * darkStep, .075),
+		900: shade(8 * darkStep, .1)
+	};
 }
-/**
-* Delete an address
-* Removes an address from the member's customer record. The default address cannot be removed.
-*
-* @param client - Fetch client instance
-* @param id - id
-*/
-async function addresses_destroy(client, id) {
-	return client.delete(`/api/pay/addresses/${id}`);
+const DARK_DERIVATION_CONFIG = {
+	background: {
+		baseLightness: .15,
+		fgLightness: .93
+	},
+	foreground: {
+		baseLightness: .93,
+		fgLightness: .15
+	},
+	muted: {
+		baseLightness: .22,
+		fgLightness: .75
+	},
+	primary: {
+		baseLightness: "invert",
+		fgLightness: .95,
+		chromaScale: .9
+	},
+	secondary: {
+		baseLightness: "invert",
+		fgLightness: .93,
+		chromaScale: .85
+	},
+	accent: {
+		baseLightness: "invert",
+		fgLightness: .95,
+		chromaScale: .9
+	},
+	destructive: {
+		baseLightness: "invert",
+		fgLightness: .95,
+		chromaScale: .95
+	}
+};
+/** Invert OKLCH lightness (1 - l), clamped to [0.35, 0.75] to avoid extremes. */
+function invertLightness(l) {
+	const inverted = 1 - l;
+	return Math.max(.35, Math.min(.75, inverted));
 }
 /**
-* List payment methods
-* Returns displayable payment methods on the member's customer record, excluding Apple Pay sources.
-*
-* @param client - Fetch client instance
-* @param [params] - params
+* Derive a dark-mode ThemeColorInput from its light-mode counterpart.
 */
-async function payment_methods_list(client, params) {
-	return client.get(`/api/pay/payment_methods`, params);
+function deriveDarkVariant(name, light) {
+	const config = DARK_DERIVATION_CONFIG[name];
+	const chromaScale = config.chromaScale ?? 1;
+	const baseLightness = config.baseLightness === "invert" ? invertLightness(light.base.oklch.l ?? 0) : config.baseLightness;
+	const fgLightness = config.fgLightness === "invert" ? invertLightness(light.foreground.oklch.l ?? 0) : config.fgLightness;
+	return {
+		base: new Color("oklch", [
+			baseLightness,
+			(light.base.oklch.c || 0) * chromaScale,
+			light.base.oklch.h || 0
+		]),
+		foreground: new Color("oklch", [
+			fgLightness,
+			(light.foreground.oklch.c || 0) * chromaScale,
+			light.foreground.oklch.h || 0
+		])
+	};
 }
 /**
-* Create a payment method
-* Tokenizes and stores a new payment method via the vault provider. Requires a vault token obtained from the vault credentials endpoint.
-*
-* @param client - Fetch client instance
-* @param body - body
+* Merge auto-derived dark colors with any user-specified overrides.
+* For each semantic color, if the user has fully overridden both base and
+* foreground those are used; otherwise the missing channels are derived.
 */
-async function payment_methods_create(client, body) {
-	return client.post(`/api/pay/payment_methods`, body);
+function mergeDarkOverrides(def) {
+	const darkColors = {};
+	for (const name of SEMANTIC_COLOR_NAMES) {
+		const lightInput = def.light[name];
+		const darkOverride = def.dark[name];
+		if (darkOverride?.base && darkOverride?.foreground) darkColors[name] = darkOverride;
+		else if (darkOverride) {
+			const base = darkOverride.base ?? deriveDarkVariant(name, lightInput).base;
+			darkColors[name] = {
+				base,
+				foreground: darkOverride.foreground ?? getForegroundColor(def.light.foreground.base, base)
+			};
+		} else darkColors[name] = deriveDarkVariant(name, lightInput);
+	}
+	return darkColors;
+}
+function resolveColorSet(colors) {
+	const resolved = {};
+	for (const name of SEMANTIC_COLOR_NAMES) {
+		const input = colors[name];
+		const shades = generateShades(input.base);
+		const resolvedShades = {};
+		for (const step of SHADE_STEPS) resolvedShades[step] = shades[step];
+		resolved[name] = {
+			base: input.base.clone(),
+			foreground: input.foreground.clone(),
+			shades: resolvedShades
+		};
+	}
+	return resolved;
 }
 /**
-* Update a payment method
-* Updates a payment method's attributes. Currently supports setting a payment method as the default.
-*
-* @param client - Fetch client instance
-* @param id - id
-* @param body - body
+* Resolve a ThemeDefinition into a complete ResolvedTheme.
+* Dark mode colors are derived from light where not overridden.
 */
-async function payment_methods_update(client, id, body) {
-	return client.patch(`/api/pay/payment_methods/${id}`, body);
+function resolveTheme(def) {
+	return {
+		id: def.id,
+		name: def.name,
+		light: resolveColorSet(def.light),
+		dark: resolveColorSet(mergeDarkOverrides(def)),
+		fontSizes: { ...def.fontSizes },
+		fontFamilies: { ...def.fontFamilies },
+		spacing: def.spacing,
+		radii: { ...def.radii }
+	};
 }
+//#endregion
+//#region ../core/src/theme/tailwind-overrides.ts
 /**
-* Delete a payment method
-* Removes a payment method from the member's customer record. If the removed method was the default, the default is cleared.
-*
-* @param client - Fetch client instance
-* @param id - id
+* Specific overrides, otherwise all the overrides are generated using emitTailwindOverrides
 */
-async function payment_methods_destroy(client, id) {
-	return client.delete(`/api/pay/payment_methods/${id}`);
-}
+const OVERRIDES = {
+	"--color-gray-50": "var(--color-muted)",
+	"--color-gray-100": "var(--color-muted-600)",
+	"--color-gray-200": "var(--color-border)"
+};
 /**
-* Get vault credentials
-* Returns a short-lived vault token and environment identifier for initializing the client-side payment vault SDK.
-*
-* @param client - Fetch client instance
-
+* Returns the inverted shade for dark mode foreground colors.
+* In dark mode, light shades (50, 100) should map to dark values (950, 900) and vice versa.
 */
-async function payment_methods_vault_show(client) {
-	return client.get(`/api/pay/payment_methods/vault`);
+function getInvertedStep(shade) {
+	const shadeIndex = SHADE_STEPS.indexOf(shade);
+	return SHADE_STEPS[SHADE_STEPS.length - 1 - shadeIndex] || 500;
 }
 /**
-* List points ledger entries
-* Returns loyalty points ledger entries for the member's customer record in this tenant, ordered by most recent first.
-*
-* @param client - Fetch client instance
-* @param [params] - params
+* Map semantic colors to Tailwind built-in color names.
 */
-async function points_ledgers_list(client, params) {
-	return client.get(`/api/pay/points_ledgers`, params);
-}
-//#endregion
-//#region src/adapters/pay-api-adapter.ts
-function mapAddress(raw) {
-	return {
-		id: raw.id ?? 0,
-		street1: raw.street1 ?? "",
-		street2: raw.street2 ?? null,
-		city: raw.city ?? "",
-		state: raw.state ?? "",
-		zip: raw.zip ?? "",
-		country: raw.country ?? "",
-		default: raw.default ?? false,
-		created_at: raw.created_at ?? null,
-		updated_at: raw.updated_at ?? null
-	};
-}
-function mapPaymentMethod(raw) {
-	return {
-		id: raw.id ?? 0,
-		type: raw.type ?? "card",
-		brand: raw.brand ?? null,
-		last_four: raw.last_four ?? "",
-		exp_month: raw.exp_month ?? null,
-		exp_year: raw.exp_year ?? null,
-		default: raw.default ?? false,
-		created_at: raw.created_at ?? null,
-		updated_at: raw.updated_at ?? null
+function emitTailwindOverrides(darkMode = false) {
+	const TAILWIND_COLOR_MAP = {
+		gray: "foreground",
+		red: "destructive",
+		blue: "primary",
+		green: "accent"
 	};
-}
-function createPortalTenantPayAdapter(client) {
-	return {
-		fetchAddresses: async () => {
-			const response = await addresses_list(client);
-			return {
-				addresses: (response.addresses ?? []).map(mapAddress),
-				meta: {
-					request_id: response.meta?.request_id ?? "",
-					timestamp: response.meta?.timestamp ?? ""
-				}
-			};
-		},
-		createAddress: async (body) => {
-			await addresses_create(client, body);
-		},
-		updateAddress: async (addressId, body) => {
-			await addresses_update(client, addressId, body);
-		},
-		deleteAddress: async (addressId) => {
-			await addresses_destroy(client, addressId);
-		},
-		fetchPaymentMethods: async () => {
-			const response = await payment_methods_list(client);
-			return {
-				payment_methods: (response.payment_methods ?? []).map(mapPaymentMethod),
-				meta: {
-					request_id: response.meta?.request_id ?? "",
-					timestamp: response.meta?.timestamp ?? ""
-				}
-			};
-		},
-		createPaymentMethod: async (body) => {
-			await payment_methods_create(client, body);
-		},
-		updatePaymentMethod: async (paymentMethodId, body) => {
-			await payment_methods_update(client, paymentMethodId, body);
-		},
-		deletePaymentMethod: async (paymentMethodId) => {
-			await payment_methods_destroy(client, paymentMethodId);
-		},
-		fetchVaultCredentials: async () => {
-			const response = await payment_methods_vault_show(client);
-			return {
-				vault: {
-					token: response.vault?.token ?? null,
-					environment: response.vault?.environment ?? "production"
-				},
-				meta: {
-					request_id: response.meta?.request_id ?? "",
-					timestamp: response.meta?.timestamp ?? ""
-				}
-			};
-		},
-		fetchPointsLedgers: async () => {
-			const response = await points_ledgers_list(client);
-			return {
-				points_ledgers: (response.points_ledgers ?? []).map((entry) => ({
-					id: entry.id ?? 0,
-					amount: entry.amount ?? 0,
-					total_balance: entry.total_balance ?? 0,
-					metadata: entry.metadata ?? null,
-					created_at: entry.created_at ?? ""
-				})),
-				meta: {
-					request_id: response.meta?.request_id ?? "",
-					timestamp: response.meta?.timestamp ?? ""
-				}
-			};
-		}
+	const TAILWIND_SHADES = [
+		50,
+		100,
+		200,
+		300,
+		400,
+		500,
+		600,
+		700,
+		800,
+		900,
+		950
+	];
+	const SHADE_REMAP = {
+		50: 100,
+		950: 900
 	};
+	const lines = [];
+	for (const [twName, semantic] of Object.entries(TAILWIND_COLOR_MAP)) for (const shade of TAILWIND_SHADES) {
+		const step = SHADE_REMAP[shade] ?? shade;
+		const override = OVERRIDES[`--color-${twName}-${shade}`];
+		lines.push(`--color-${twName}-${shade}: ${override ? override : `var(--color-${semantic}-${semantic === "foreground" && darkMode === true ? getInvertedStep(step) : step})`};`);
+	}
+	lines.push("--color-white: var(--color-background);");
+	lines.push("--color-black: var(--color-foreground);");
+	return lines;
 }
 //#endregion
-//#region ../../api-clients/portal-tenant-store/src/namespaces/portal_tenant_store.ts
+//#region ../core/src/theme/css-generator.ts
+function colorToCSS(color) {
+	const result = color.toString({ format: "oklch" });
+	if (result.includes("NaN")) {
+		console.warn("[theme] colorToCSS produced NaN, using neutral fallback:", result);
+		return "oklch(0.5 0 0)";
+	}
+	return result;
+}
+function camelToKebab(str) {
+	return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
+}
 /**
-* List available countries
-* Returns countries enabled for the tenant store, each with its ISO 3166 subdivisions (states/provinces).
-*
-* @param client - Fetch client instance
-* @param [params] - params
+* Emit --color-{name}, --color-{name}-foreground, --color-{name}-{shade} vars.
+* Uses --color- prefix to match portal-widgets/tailwind.config.ts.
 */
-async function countries_list(client, params) {
-	return client.get(`/api/store/countries`, params);
+function emitColorVars(colors) {
+	const lines = [];
+	for (const name of SEMANTIC_COLOR_NAMES) {
+		const color = colors[name];
+		lines.push(`--color-${name}: ${colorToCSS(color.base)};`);
+		lines.push(`--color-${name}-foreground: ${colorToCSS(color.foreground)};`);
+		for (const step of SHADE_STEPS) lines.push(`--color-${name}-${step}: ${colorToCSS(color.shades[step])};`);
+	}
+	return lines;
 }
 /**
-* List available languages
-* Returns languages enabled for the tenant store, sorted by name.
-*
-* @param client - Fetch client instance
-* @param [params] - params
+* Format a font family value for CSS output.
+* - If the value starts with "var(" (legacy), pass through as-is
+* - If the value already contains a comma (has fallback), pass through as-is
+* - Otherwise, wrap in quotes and append a generic sans-serif fallback
 */
-async function languages_list(client, params) {
-	return client.get(`/api/store/languages`, params);
+function formatFontFamily(value) {
+	if (value.startsWith("var(")) return value;
+	if (value.includes(",")) return value;
+	return `'${value}', sans-serif`;
 }
-//#endregion
-//#region ../../store/api-client/src/portal-tenant-countries-adapter.ts
 /**
-* Maps a BFF state to the port's State shape.
+* Emit non-color CSS variables (font sizes, families, spacing, radii).
 */
-function mapState(raw) {
-	return {
-		code: raw.code ?? "",
-		name: raw.name ?? ""
-	};
+function emitNonColorVars(theme) {
+	const lines = [];
+	for (const key of FONT_SIZE_KEYS) lines.push(`--font-size-${camelToKebab(key)}: ${theme.fontSizes[key]};`);
+	for (const key of FONT_FAMILY_KEYS) lines.push(`--font-${key}: ${formatFontFamily(theme.fontFamilies[key])};`);
+	lines.push(`--spacing: ${theme.spacing};`);
+	for (const key of RADIUS_KEYS) lines.push(`--radius-${camelToKebab(key)}: ${theme.radii[key]};`);
+	return lines;
 }
 /**
-* Maps a BFF country to the port's Country shape.
+* Static CSS alias variables that bridge theme var names to Tailwind/component conventions.
+* These are always emitted and not mode-dependent.
 */
-function mapCountry(raw) {
-	return {
-		code: raw.code ?? "",
-		name: raw.name ?? "",
-		currency_code: raw.currency_code ?? "",
-		states: (raw.states ?? []).map(mapState)
-	};
-}
+const globalCSSOverride = [
+	"--color-background-foreground: var(--color-foreground);",
+	"--color-foreground-foreground: var(--color-background);",
+	"--color-contrast: var(--color-foreground);",
+	...SEMANTIC_COLOR_NAMES.map((value) => `--${value}: var(--color-${value});`),
+	...SEMANTIC_COLOR_NAMES.map((value) => `--${value}-foreground: var(--color-${value}-foreground);`),
+	"--sidebar-ring: var(--color-primary);",
+	"--sidebar-border: var(--color-border);",
+	"--sidebar-accent-foreground: var(--color-accent-foreground);",
+	"--sidebar-accent: var(--color-accent);",
+	"--sidebar-primary-foreground: var(--color-primary-foreground);",
+	"--sidebar-primary: var(--color-primary);",
+	"--sidebar-foreground: var(--color-muted-foreground);",
+	"--sidebar: var(--color-muted);",
+	"--border: var(--color-background-600);",
+	"--ring: var(--color-primary);",
+	"--popover: var(--color-background);",
+	"--popover-foreground: var(--color-foreground);",
+	"--card: var(--color-muted);",
+	"--card-foreground: var(--color-muted-foreground);",
+	"--radius-sm: var(--radius-small);",
+	"--radius-md: var(--radius-medium);",
+	"--radius-lg: var(--radius-large);",
+	"--radius-xl: var(--radius-extra-large);",
+	"--text-xs: var(--font-size-extra-small);",
+	"--text-sm: var(--font-size-small);",
+	"--text-base: var(--font-size-regular);",
+	"--text-lg: var(--font-size-large);",
+	"--text-xl: var(--font-size-extra-large);",
+	"--text-2xl: var(--font-size-giant);"
+];
 /**
-* Maps the BFF meta envelope to the port's ApiMeta shape.
+* Overrides for global tailwindcss for specifically dark mode.
 */
-function mapMeta$1(raw) {
-	return {
-		request_id: raw?.request_id ?? null,
-		timestamp: raw?.timestamp ?? "",
-		pagination: raw?.pagination ? {
-			cursor: raw.pagination.cursor ?? null,
-			limit: raw.pagination.limit,
-			next_cursor: raw.pagination.next_cursor ?? null,
-			prev_cursor: raw.pagination.prev_cursor ?? null
-		} : void 0
-	};
-}
+const globalDarkCSSOverride = ["--border: var(--color-background-400);"];
 /**
-* Creates a CountriesApi adapter backed by the portal-tenant store BFF.
-*
-* Maps the generated portal-tenant-store namespace functions to the abstract
-* CountriesApi port, closing over the FetchClient so consumers don't need
-* to pass it per-call.
+* Generate a complete CSS string for a resolved theme.
+* Outputs 2–3 blocks: light default, dark explicit via `[data-theme-mode="dark"]`,
+* and (unless `disableAutoTheme`) a `prefers-color-scheme: dark` media query block.
 */
-function createPortalTenantCountriesAdapter(client) {
-	return { listCountries: async (params) => {
-		const response = await countries_list(client, {
-			"page[cursor]": params?.cursor,
-			"page[limit]": params?.limit
-		});
-		return {
-			countries: (response.countries ?? []).map(mapCountry),
-			meta: mapMeta$1(response.meta)
-		};
-	} };
+function generateThemeCSS(theme, options = {}) {
+	const sel = `[data-theme="${theme.id}"]`;
+	const tw = options.mapTailwindColors ?? true;
+	const blocks = [];
+	blocks.push(`${sel} {`);
+	blocks.push(...globalCSSOverride);
+	blocks.push(...emitNonColorVars(theme));
+	blocks.push(...emitColorVars(theme.light));
+	if (tw) blocks.push(...emitTailwindOverrides());
+	blocks.push(`}`);
+	blocks.push(`${sel}[data-theme-mode="dark"] {`);
+	blocks.push(...globalDarkCSSOverride);
+	blocks.push(...emitColorVars(theme.dark));
+	if (tw) blocks.push(...emitTailwindOverrides(true));
+	blocks.push(`}`);
+	if (!options.disableAutoTheme) {
+		blocks.push(`@media (prefers-color-scheme: dark) {`);
+		blocks.push(`${sel}:not([data-theme-mode]) {`);
+		blocks.push(...globalDarkCSSOverride);
+		blocks.push(...emitColorVars(theme.dark).map((l) => `${l}`));
+		if (tw) blocks.push(...emitTailwindOverrides(true).map((l) => `${l}`));
+		blocks.push(`}`);
+		blocks.push(`}`);
+	}
+	return blocks.join("\n");
 }
 //#endregion
-//#region ../../store/api-client/src/portal-tenant-languages-adapter.ts
+//#region ../core/src/theme/defaults.ts
+const DEFAULT_FONT_SIZES = {
+	extraSmall: "0.75rem",
+	small: "0.875rem",
+	regular: "1rem",
+	large: "1.125rem",
+	extraLarge: "1.25rem",
+	giant: "1.5rem"
+};
+const DEFAULT_FONT_FAMILIES = {
+	header: "Inter",
+	body: "Inter"
+};
+const DEFAULT_SPACING = "0.25rem";
+const DEFAULT_RADII = {
+	small: "0.25rem",
+	medium: "0.5rem",
+	large: "0.75rem",
+	extraLarge: "1rem"
+};
+const DEFAULT_COLORS = {
+	background: "#ffffff",
+	foreground: "#1a1a1a",
+	primary: "#3b82f6",
+	secondary: "#6b7280",
+	accent: "#10b981",
+	muted: "#f3f4f6",
+	destructive: "#ef4444",
+	mutedForeground: "#6b7280"
+};
+const DEFAULT_THEME_ID = "default";
+const DEFAULT_THEME_NAME = "Default Theme";
 /**
-* Maps a BFF language to the port's Language shape.
+* Build a fresh ThemeDefinition populated with all defaults.
+* Returns a new object each call because Color instances are mutable — do not cache the result.
 */
-function mapLanguage(raw) {
+function getDefaultThemeDefinition() {
+	const bg = new Color(DEFAULT_COLORS.background);
+	const fg = new Color(DEFAULT_COLORS.foreground);
+	const primary = new Color(DEFAULT_COLORS.primary);
+	const secondary = new Color(DEFAULT_COLORS.secondary);
+	const accent = new Color(DEFAULT_COLORS.accent);
+	const muted = new Color(DEFAULT_COLORS.muted);
+	const destructive = new Color(DEFAULT_COLORS.destructive);
+	const mutedFg = new Color(DEFAULT_COLORS.mutedForeground);
+	const darkBg = new Color("#0a0a0a");
+	const darkFg = new Color("#fafafa");
+	const darkMuted = new Color("#171717");
+	const darkMutedForeground = new Color("#dddddd");
 	return {
-		code: raw.code ?? "",
-		name: raw.name ?? ""
+		id: DEFAULT_THEME_ID,
+		name: DEFAULT_THEME_NAME,
+		light: {
+			background: {
+				base: bg,
+				foreground: fg
+			},
+			foreground: {
+				base: fg,
+				foreground: bg
+			},
+			primary: {
+				base: primary,
+				foreground: getForegroundColor(fg, primary)
+			},
+			secondary: {
+				base: secondary,
+				foreground: getForegroundColor(fg, secondary)
+			},
+			accent: {
+				base: accent,
+				foreground: getForegroundColor(fg, accent)
+			},
+			muted: {
+				base: muted,
+				foreground: mutedFg
+			},
+			destructive: {
+				base: destructive,
+				foreground: getForegroundColor(fg, destructive)
+			}
+		},
+		dark: {
+			background: {
+				base: darkBg,
+				foreground: darkFg
+			},
+			foreground: {
+				base: darkFg,
+				foreground: darkBg
+			},
+			muted: {
+				base: darkMuted,
+				foreground: darkMutedForeground
+			}
+		},
+		fontSizes: { ...DEFAULT_FONT_SIZES },
+		fontFamilies: { ...DEFAULT_FONT_FAMILIES },
+		spacing: DEFAULT_SPACING,
+		radii: { ...DEFAULT_RADII }
+	};
+}
+//#endregion
+//#region ../core/src/theme/serialisation.ts
+function colorToPlain(color) {
+	return {
+		l: color.oklch.l ?? 0,
+		c: color.oklch.c ?? 0,
+		h: color.oklch.h ?? 0
 	};
 }
+function plainToColor(plain) {
+	return new Color("oklch", [
+		plain.l,
+		plain.c,
+		plain.h
+	]);
+}
 /**
-* Maps the BFF meta envelope to the port's ApiMeta shape.
+* Serialise a ThemeDefinition (with Color objects) to a plain JSON payload
+* suitable for backend storage.
 */
-function mapMeta(raw) {
+function serialiseTheme(def) {
+	const light = {};
+	for (const name of SEMANTIC_COLOR_NAMES) light[name] = {
+		base: colorToPlain(def.light[name].base),
+		foreground: colorToPlain(def.light[name].foreground)
+	};
+	const dark = {};
+	for (const [name, value] of Object.entries(def.dark)) {
+		if (!value) continue;
+		dark[name] = {
+			...value.base ? { base: colorToPlain(value.base) } : {},
+			...value.foreground ? { foreground: colorToPlain(value.foreground) } : {}
+		};
+	}
 	return {
-		request_id: raw?.request_id ?? null,
-		timestamp: raw?.timestamp ?? "",
-		pagination: raw?.pagination ? {
-			cursor: raw.pagination.cursor ?? null,
-			limit: raw.pagination.limit,
-			next_cursor: raw.pagination.next_cursor ?? null,
-			prev_cursor: raw.pagination.prev_cursor ?? null
-		} : void 0
+		id: def.id,
+		name: def.name,
+		light,
+		dark,
+		fontSizes: { ...def.fontSizes },
+		fontFamilies: { ...def.fontFamilies },
+		spacing: def.spacing,
+		radii: { ...def.radii },
+		...def.syncWithBrandColors ? { syncWithBrandColors: true } : {}
 	};
 }
 /**
-* Creates a LanguagesApi adapter backed by the portal-tenant store BFF.
-*
-* Maps the generated portal-tenant-store namespace functions to the abstract
-* LanguagesApi port, closing over the FetchClient so consumers don't need
-* to pass it per-call.
+* Deserialise a backend payload into a ThemeDefinition with Color objects.
+* Accepts `Record<string, unknown>` because API data is untyped at the boundary.
+* Falls back to default colors for any missing light-mode entries.
 */
-function createPortalTenantLanguagesAdapter(client) {
-	return { listLanguages: async (params) => {
-		const response = await languages_list(client, {
-			"page[cursor]": params?.cursor,
-			"page[limit]": params?.limit
-		});
-		return {
-			languages: (response.languages ?? []).map(mapLanguage),
-			meta: mapMeta(response.meta)
+function deserialiseTheme(payload) {
+	const lightRaw = payload.light ?? {};
+	const darkRaw = payload.dark ?? {};
+	const defaults = getDefaultThemeDefinition();
+	const light = {};
+	for (const name of SEMANTIC_COLOR_NAMES) {
+		const entry = lightRaw[name];
+		if (entry) light[name] = {
+			base: plainToColor(entry.base),
+			foreground: plainToColor(entry.foreground)
 		};
-	} };
-}
-//#endregion
-//#region src/adapters/countries-api-adapter.ts
-/**
-* Creates a CountriesApi adapter backed by the portal-tenant store BFF.
-*
-* Delegates to the adapter factory in `@fluid-app/store-api-client` which
-* maps the generated portal-tenant-store namespace functions to the abstract
-* CountriesApi port.
-*/
-function createCountriesApiAdapter(client) {
-	return createPortalTenantCountriesAdapter(client);
-}
-//#endregion
-//#region src/adapters/languages-api-adapter.ts
-/**
-* Creates a LanguagesApi adapter backed by the portal-tenant store BFF.
-*
-* Delegates to the adapter factory in `@fluid-app/store-api-client` which
-* maps the generated portal-tenant-store namespace functions to the abstract
-* LanguagesApi port.
-*/
-function createLanguagesApiAdapter(client) {
-	return createPortalTenantLanguagesAdapter(client);
+		else {
+			console.warn(`[theme] deserialiseTheme: missing light color "${name}", using default`);
+			light[name] = defaults.light[name];
+		}
+	}
+	const dark = {};
+	for (const [name, value] of Object.entries(darkRaw)) {
+		if (!value) continue;
+		dark[name] = {
+			...value.base ? { base: plainToColor(value.base) } : {},
+			...value.foreground ? { foreground: plainToColor(value.foreground) } : {}
+		};
+	}
+	return {
+		id: payload.id,
+		name: payload.name,
+		light,
+		dark,
+		fontSizes: payload.fontSizes ?? DEFAULT_FONT_SIZES,
+		fontFamilies: payload.fontFamilies ?? DEFAULT_FONT_FAMILIES,
+		spacing: payload.spacing ?? "0.25rem",
+		radii: payload.radii ?? DEFAULT_RADII,
+		...payload.syncWithBrandColors === true ? { syncWithBrandColors: true } : {}
+	};
 }
 //#endregion
-//#region ../../api-clients/portal-tenant-mysite/src/namespaces/portal_tenant_mysite.ts
-/**
-* Get MySite profile for the current user
-* Returns the member's MySite profile.
-*
-* @param client - Fetch client instance
-
-*/
-async function mysite_profile_show(client) {
-	return client.get(`/api/mysite/profile`);
-}
-/**
-* Update MySite profile
-* Updates the member's MySite profile fields.
-*
-* @param client - Fetch client instance
-* @param body - body
-*/
-async function mysite_profile_update(client, body) {
-	return client.put(`/api/mysite/profile`, body);
-}
-/**
-* List available MySite themes
-* Returns available MySite themes.
-*
-* @param client - Fetch client instance
-* @param [params] - params
-*/
-async function mysite_themes_list(client, params) {
-	return client.get(`/api/mysite/themes`, params);
-}
-/**
-* Update MySite settings
-* Updates the member's MySite settings.
-*
-* @param client - Fetch client instance
-* @param body - body
-*/
-async function mysite_settings_update(client, body) {
-	return client.put(`/api/mysite/settings`, body);
-}
-/**
-* List MySite links for the current user
-* Returns the member's MySite links, ordered by position.
-*
-* @param client - Fetch client instance
-* @param [params] - params
-*/
-async function mysite_links_list(client, params) {
-	return client.get(`/api/mysite/links`, params);
-}
-/**
-* Create a MySite link
-* Adds a new link to the member's MySite.
-*
-* @param client - Fetch client instance
-* @param body - body
-*/
-async function mysite_links_create(client, body) {
-	return client.post(`/api/mysite/links`, body);
-}
+//#region ../core/src/theme/transforms.ts
 /**
-* Update a MySite link
-* Updates an existing MySite link.
-*
-* @param client - Fetch client instance
-* @param id - id
-* @param body - body
+* Check if a theme config uses the new structured format (has a `light` key
+* that is an object) vs the legacy flat format.
 */
-async function mysite_links_update(client, id, body) {
-	return client.put(`/api/mysite/links/${id}`, body);
+function isNewThemeFormat(config) {
+	return config.light != null && typeof config.light === "object";
 }
 /**
-* Delete a MySite link
-* Removes a link from the member's MySite.
-*
-* @param client - Fetch client instance
-* @param id - id
+* Convert a legacy flat config to a ThemeDefinition.
+* Legacy format: { base: "#fff", text: "#000", primary: "oklch(0.6 0.2 250)", ... }
 */
-async function mysite_links_destroy(client, id) {
-	return client.delete(`/api/mysite/links/${id}`);
+function legacyConfigToDefinition(id, name, config) {
+	const bg = parseColor(config.base ?? config.background ?? DEFAULT_COLORS.background);
+	const fg = parseColor(config.text ?? config.foreground ?? DEFAULT_COLORS.foreground);
+	const primary = parseColor(config.primary ?? DEFAULT_COLORS.primary);
+	const secondary = parseColor(config.secondary ?? DEFAULT_COLORS.secondary);
+	const accent = parseColor(config.accent ?? DEFAULT_COLORS.accent);
+	const muted = parseColor(config.muted ?? DEFAULT_COLORS.muted);
+	const destructive = parseColor(config.destructive ?? DEFAULT_COLORS.destructive);
+	const mutedFg = parseColor(config.mutedForeground ?? DEFAULT_COLORS.mutedForeground);
+	return {
+		id: String(id),
+		name,
+		light: {
+			background: {
+				base: bg,
+				foreground: fg
+			},
+			foreground: {
+				base: fg,
+				foreground: bg
+			},
+			primary: {
+				base: primary,
+				foreground: getForegroundColor(fg, primary)
+			},
+			secondary: {
+				base: secondary,
+				foreground: getForegroundColor(fg, secondary)
+			},
+			accent: {
+				base: accent,
+				foreground: getForegroundColor(fg, accent)
+			},
+			muted: {
+				base: muted,
+				foreground: mutedFg
+			},
+			destructive: {
+				base: destructive,
+				foreground: getForegroundColor(fg, destructive)
+			}
+		},
+		dark: {},
+		fontSizes: {
+			extraSmall: config.extraSmall ?? DEFAULT_FONT_SIZES.extraSmall,
+			small: config.small ?? DEFAULT_FONT_SIZES.small,
+			regular: config.regular ?? DEFAULT_FONT_SIZES.regular,
+			large: config.large ?? DEFAULT_FONT_SIZES.large,
+			extraLarge: config.extraLarge ?? DEFAULT_FONT_SIZES.extraLarge,
+			giant: config.giant ?? DEFAULT_FONT_SIZES.giant
+		},
+		fontFamilies: {
+			header: config.headerFont ?? DEFAULT_FONT_FAMILIES.header,
+			body: config.bodyFont ?? DEFAULT_FONT_FAMILIES.body
+		},
+		spacing: config.globalSpacing ?? "0.25rem",
+		radii: {
+			small: config.radiusSmall ?? DEFAULT_RADII.small,
+			medium: config.radiusMedium ?? DEFAULT_RADII.medium,
+			large: config.radiusLarge ?? DEFAULT_RADII.large,
+			extraLarge: config.radiusExtraLarge ?? DEFAULT_RADII.extraLarge
+		}
+	};
 }
 /**
-* Reorder MySite links
-* Reorders MySite links by providing an ordered list of IDs.
-*
-* @param client - Fetch client instance
-* @param body - body
+* Build a ThemeDefinition from a single API theme object.
+* Handles both new structured format and legacy flat format.
 */
-async function mysite_links_bulk_reorder(client, body) {
-	return client.patch(`/api/mysite/links/bulk`, body);
+function buildThemeDefinition(theme) {
+	const config = theme.config ?? {};
+	if (isNewThemeFormat(config)) return deserialiseTheme({
+		...config,
+		id: String(theme.id),
+		name: theme.name ?? "Untitled Theme"
+	});
+	return legacyConfigToDefinition(theme.id, theme.name ?? "Untitled Theme", config);
 }
 /**
-* List MySite favorite products
-* Returns the member's MySite favorite products.
-*
-* @param client - Fetch client instance
-* @param [params] - params
+* Transform raw API themes to ThemeDefinition[].
+* Catches and logs errors per theme (graceful degradation).
 */
-async function mysite_favorites_list(client, params) {
-	return client.get(`/api/mysite/favorites`, params);
+function transformThemes(themes) {
+	return themes.flatMap((theme) => {
+		try {
+			return [buildThemeDefinition(theme)];
+		} catch (error) {
+			console.error(`[theme] Failed to build theme id=${theme.id}:`, error);
+			return [];
+		}
+	});
 }
 /**
-* Add a product to MySite favorites
-* Adds a product to the member's MySite favorites.
-*
-* @param client - Fetch client instance
-* @param body - body
+* Get the active theme ID from a list of raw API themes.
+* Falls back to the first theme if none is marked active.
 */
-async function mysite_favorites_create(client, body) {
-	return client.post(`/api/mysite/favorites`, body);
+function getActiveThemeId(themes) {
+	const active = themes.find((t) => t.active) ?? themes[0];
+	return active ? String(active.id) : void 0;
 }
-/**
-* Remove a product from MySite favorites
-* Removes a product from the member's MySite favorites.
-*
-* @param client - Fetch client instance
-* @param id - id
-*/
-async function mysite_favorites_destroy(client, id) {
-	return client.delete(`/api/mysite/favorites/${id}`);
+//#endregion
+//#region ../core/src/theme/theme-applicator.ts
+const STYLE_PREFIX = "theme-style-";
+const FONT_LINK_PREFIX = "theme-font-";
+const SYSTEM_FONTS = new Set([
+	"sans-serif",
+	"serif",
+	"monospace",
+	"cursive",
+	"fantasy",
+	"system-ui",
+	"ui-sans-serif",
+	"ui-serif",
+	"ui-monospace"
+]);
+/** Build a Google Fonts CSS2 URL for a given font family with all weights. */
+function buildGoogleFontUrl(family) {
+	return `https://fonts.googleapis.com/css2?family=${encodeURIComponent(family).replace(/%20/g, "+")}:wght@100;200;300;400;500;600;700;800;900&display=swap`;
+}
+/** Check if a font family value needs to be loaded (i.e. is not a CSS var or system font). */
+function isLoadableFont(value) {
+	if (!value) return false;
+	if (value.startsWith("var(")) return false;
+	return !SYSTEM_FONTS.has(value.toLowerCase());
+}
+/** Deterministic link element ID for a font family. */
+function fontLinkId(family) {
+	return `${FONT_LINK_PREFIX}${family.replace(/\s+/g, "-").toLowerCase()}`;
 }
 /**
-* Reorder MySite favorites
-* Reorders MySite favorites by providing an ordered list of IDs.
-*
-* @param client - Fetch client instance
-* @param body - body
+* Inject or update `<link>` elements for Google Fonts used by the theme.
+* Removes links for fonts that are no longer referenced.
 */
-async function mysite_favorites_bulk_reorder(client, body) {
-	return client.patch(`/api/mysite/favorites/bulk`, body);
-}
-//#endregion
-//#region src/adapters/mysite-api-adapter.ts
-function mapProfile(raw) {
-	return {
-		id: raw.id ?? 0,
-		mysite_url: raw.mysite_url ?? null,
-		theme_id: raw.theme_id ?? null,
-		bio: raw.bio ?? null,
-		avatar_url: raw.avatar_url ?? null,
-		display_name: raw.display_name ?? null,
-		slug: raw.slug ?? null
-	};
+function loadThemeFonts(theme) {
+	if (typeof document === "undefined") return;
+	const fontsToLoad = /* @__PURE__ */ new Set();
+	for (const key of FONT_FAMILY_KEYS) {
+		const value = theme.fontFamilies[key];
+		if (isLoadableFont(value)) fontsToLoad.add(value);
+	}
+	document.querySelectorAll(`link[id^="${FONT_LINK_PREFIX}"]`).forEach((link) => {
+		const owners = link.getAttribute("data-font-theme-ids")?.split(",") ?? [];
+		if (!owners.includes(theme.id)) return;
+		const fontName = link.getAttribute("data-font-family");
+		if (fontName && !fontsToLoad.has(fontName)) {
+			const remaining = owners.filter((id) => id !== theme.id);
+			if (remaining.length === 0) link.remove();
+			else link.setAttribute("data-font-theme-ids", remaining.join(","));
+		}
+	});
+	for (const family of fontsToLoad) {
+		const id = fontLinkId(family);
+		const existing = document.getElementById(id);
+		if (existing) {
+			const owners = existing.getAttribute("data-font-theme-ids")?.split(",") ?? [];
+			if (!owners.includes(theme.id)) existing.setAttribute("data-font-theme-ids", [...owners, theme.id].join(","));
+		} else {
+			const link = document.createElement("link");
+			link.id = id;
+			link.rel = "stylesheet";
+			link.href = buildGoogleFontUrl(family);
+			link.setAttribute("data-font-family", family);
+			link.setAttribute("data-font-theme-ids", theme.id);
+			document.head.appendChild(link);
+		}
+	}
 }
-function mapLink(raw) {
-	return {
-		id: raw.id ?? 0,
-		url: raw.url ?? "",
-		title: raw.title ?? "",
-		position: raw.position ?? 0
-	};
+/** Remove all font `<link>` elements injected by the theme system. */
+function removeAllFontLinks() {
+	if (typeof document === "undefined") return;
+	document.querySelectorAll(`link[id^="${FONT_LINK_PREFIX}"]`).forEach((el) => el.remove());
 }
-function mapFavorite(raw) {
-	return {
-		id: raw.id ?? 0,
-		product_id: raw.product_id ?? 0,
-		product_name: raw.product_name ?? null,
-		product_image_url: raw.product_image_url ?? null,
-		position: raw.position ?? 0,
-		created_at: raw.created_at ?? null
-	};
+/**
+* Inject or update a `<style>` element in `<head>` for the given theme.
+* The element ID is deterministic (`theme-style-{themeId}`) so repeated calls
+* for the same theme are idempotent — the existing element is updated in place.
+* Also loads Google Fonts referenced by the theme's font families.
+* No-op when `document` is unavailable (SSR).
+*/
+function applyTheme(theme, options) {
+	if (typeof document === "undefined") return;
+	try {
+		loadThemeFonts(theme);
+		const styleId = `${STYLE_PREFIX}${theme.id}`;
+		let el = document.getElementById(styleId);
+		if (!el) {
+			el = document.createElement("style");
+			el.id = styleId;
+			document.head.appendChild(el);
+		}
+		el.textContent = generateThemeCSS(theme, options);
+	} catch (error) {
+		console.error(`[theme] applyTheme failed for "${theme.id}":`, error);
+	}
 }
-function mapTheme(raw) {
-	return {
-		id: raw.id ?? 0,
-		name: raw.name ?? "",
-		preview_url: raw.preview_url ?? null
-	};
+/** Remove an injected theme stylesheet and clean up font link ownership. No-op during SSR. */
+function removeTheme(themeId) {
+	if (typeof document === "undefined") return;
+	document.getElementById(`${STYLE_PREFIX}${themeId}`)?.remove();
+	document.querySelectorAll(`link[id^="${FONT_LINK_PREFIX}"]`).forEach((link) => {
+		const remaining = (link.getAttribute("data-font-theme-ids")?.split(",") ?? []).filter((id) => id !== themeId);
+		if (remaining.length === 0) link.remove();
+		else link.setAttribute("data-font-theme-ids", remaining.join(","));
+	});
 }
-function createMySiteApiAdapter(client) {
-	return {
-		fetchProfile: async () => {
-			return mapProfile((await mysite_profile_show(client)).profile ?? {});
-		},
-		updateProfile: async (body) => {
-			return mapProfile((await mysite_profile_update(client, { profile: {
-				display_name: body.display_name,
-				bio: body.bio,
-				avatar_url: body.avatar_url
-			} })).profile ?? {});
-		},
-		updateSettings: async (body) => {
-			await Promise.all([body.theme_id !== void 0 ? mysite_settings_update(client, { settings: { theme_id: body.theme_id } }) : Promise.resolve(), body.slug !== void 0 ? mysite_profile_update(client, { profile: { slug: body.slug } }) : Promise.resolve()]);
-		},
-		listLinks: async () => {
-			return ((await mysite_links_list(client)).links ?? []).map(mapLink);
-		},
-		createLink: async (body) => {
-			return mapLink((await mysite_links_create(client, { link: {
-				title: body.title,
-				url: body.url
-			} })).link ?? {});
-		},
-		updateLink: async (linkId, body) => {
-			return mapLink((await mysite_links_update(client, linkId, { link: {
-				title: body.title,
-				url: body.url
-			} })).link ?? {});
-		},
-		deleteLink: async (linkId) => {
-			await mysite_links_destroy(client, linkId);
-		},
-		reorderLinks: async (orderedIds) => {
-			return ((await mysite_links_bulk_reorder(client, { ordered_ids: orderedIds })).links ?? []).map(mapLink);
-		},
-		listFavorites: async () => {
-			return ((await mysite_favorites_list(client)).favorites ?? []).map(mapFavorite);
-		},
-		addFavorite: async (body) => {
-			return mapFavorite((await mysite_favorites_create(client, { favorite: { product_id: body.product_id } })).favorite ?? {});
-		},
-		deleteFavorite: async (favoriteId) => {
-			await mysite_favorites_destroy(client, favoriteId);
-		},
-		reorderFavorites: async (orderedIds) => {
-			return ((await mysite_favorites_bulk_reorder(client, { ordered_ids: orderedIds })).favorites ?? []).map(mapFavorite);
-		},
-		listThemes: async () => {
-			return ((await mysite_themes_list(client)).themes ?? []).map(mapTheme);
-		}
-	};
+/** Remove all injected theme stylesheets and font links. No-op during SSR. */
+function removeAllThemes() {
+	if (typeof document === "undefined") return;
+	document.querySelectorAll(`style[id^="${STYLE_PREFIX}"]`).forEach((el) => el.remove());
+	removeAllFontLinks();
 }
 //#endregion
 //#region src/providers/FluidThemeProvider.tsx
@@ -2812,6 +2698,6 @@ function useFluidContext() {
 	return context;
 }
 //#endregion
-export { deleteDatabase as $, DEFAULT_SPACING as A, resolveTheme as B, transformThemes as C, DEFAULT_FONT_FAMILIES as D, DEFAULT_COLORS as E, deriveDarkVariant as F, SHADE_STEPS as G, FONT_SIZE_KEYS as H, generateShades as I, useLanguagesApi as J, ApiError$1 as K, getForegroundColor as L, DEFAULT_THEME_NAME as M, getDefaultThemeDefinition as N, DEFAULT_FONT_SIZES as O, generateThemeCSS as P, createPersister as Q, mergeDarkOverrides as R, getActiveThemeId as S, serialiseTheme as T, RADIUS_KEYS as U, FONT_FAMILY_KEYS as V, SEMANTIC_COLOR_NAMES as W, useAppDefinitionApi as X, usePayApi as Y, useFluidOsApi as Z, toScreenDefinition as _, createScreen as a, removeTheme as b, FluidThemeProvider as c, createFluidClient as d, isApiError as f, normalizeComponentTree as g, toNavigationItem as h, widgetPropertySchemas as i, DEFAULT_THEME_ID as j, DEFAULT_RADII as k, useThemeContext as l, transformManifestToRepAppData as m, useFluidContext as n, createWidgetFromShareable as o, toRawManifest as p, createFetchClient as q, DEFAULT_SDK_WIDGET_REGISTRY as r, createWidgetRegistry as s, FluidProvider as t, ApiError as u, applyTheme as v, deserialiseTheme as w, buildThemeDefinition as x, removeAllThemes as y, parseColor as z };
+export { mergeDarkOverrides as A, ApiError$1 as B, DEFAULT_THEME_ID as C, deriveDarkVariant as D, generateThemeCSS as E, RADIUS_KEYS as F, createPersister as G, usePayApi as H, SEMANTIC_COLOR_NAMES as I, deleteDatabase as K, SHADE_STEPS as L, resolveTheme as M, FONT_FAMILY_KEYS as N, generateShades as O, FONT_SIZE_KEYS as P, ApiError as R, DEFAULT_SPACING as S, getDefaultThemeDefinition as T, useAppDefinitionApi as U, useLanguagesApi as V, useFluidOsApi as W, serialiseTheme as _, createScreen as a, DEFAULT_FONT_SIZES as b, FluidThemeProvider as c, removeAllThemes as d, removeTheme as f, deserialiseTheme as g, transformThemes as h, widgetPropertySchemas as i, parseColor as j, getForegroundColor as k, useThemeContext as l, getActiveThemeId as m, useFluidContext as n, createWidgetFromShareable as o, buildThemeDefinition as p, DEFAULT_SDK_WIDGET_REGISTRY as r, createWidgetRegistry as s, FluidProvider as t, applyTheme as u, DEFAULT_COLORS as v, DEFAULT_THEME_NAME as w, DEFAULT_RADII as x, DEFAULT_FONT_FAMILIES as y, isApiError as z };
 
-//# sourceMappingURL=FluidProvider-Cqf2kmUc.mjs.map
+//# sourceMappingURL=FluidProvider-B00jTGTH.mjs.map