@fluid-app/portal-sdk 0.1.159 → 0.1.161

package/dist/{FluidProvider-Bc-3uN7M.cjs → FluidProvider-BtGi2jJt.cjs}

@@ -489,7 +489,7 @@ function createPersister() {
 	});
 }
 //#endregion
-//#region ../core/src/types/fluidos-api-context.ts
+//#region ../core/src/fluidos-api-context.ts
 const FluidOsReadApiContext = (0, react.createContext)(null);
 const FluidOsBuilderApiContext = (0, react.createContext)(null);
 /** Provider for read-only manifest fetching (used by SDK). */
@@ -710,18 +710,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.
@@ -735,1807 +723,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 colorjs_io.default(value);
-	} catch (error) {
-		console.warn("[theme] Failed to parse color:", value, error);
-		return new colorjs_io.default("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 colorjs_io.default("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 colorjs_io.default("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 colorjs_io.default("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 colorjs_io.default("oklch", [
-			baseLightness,
-			(light.base.oklch.c || 0) * chromaScale,
-			light.base.oklch.h || 0
-		]),
-		foreground: new colorjs_io.default("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)";
-	}
-	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])};`);
-	}
-	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(`}`);
-	}
-	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 colorjs_io.default(DEFAULT_COLORS.background);
-	const fg = new colorjs_io.default(DEFAULT_COLORS.foreground);
-	const primary = new colorjs_io.default(DEFAULT_COLORS.primary);
-	const secondary = new colorjs_io.default(DEFAULT_COLORS.secondary);
-	const accent = new colorjs_io.default(DEFAULT_COLORS.accent);
-	const muted = new colorjs_io.default(DEFAULT_COLORS.muted);
-	const destructive = new colorjs_io.default(DEFAULT_COLORS.destructive);
-	const mutedFg = new colorjs_io.default(DEFAULT_COLORS.mutedForeground);
-	const darkBg = new colorjs_io.default("#0a0a0a");
-	const darkFg = new colorjs_io.default("#fafafa");
-	const darkMuted = new colorjs_io.default("#171717");
-	const darkMutedForeground = new colorjs_io.default("#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 colorjs_io.default("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) } : {}
-		};
-	}
-	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];
-		}
-	}
-	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 ../core/src/theme/transforms.ts
-/**
-* Check if a theme config uses the new structured format (has a `light` key
-* that is an object) vs the legacy flat format.
-*/
-function isNewThemeFormat(config) {
-	return config.light != null && typeof config.light === "object";
-}
-/**
-* 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);
-	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)
+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));
 			}
-		},
-		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
+			else url.searchParams.append(key, String(value));
 		}
-	};
-}
-/**
-* 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) => {
+		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 {
-			return [buildThemeDefinition(theme)];
-		} catch (error) {
-			console.error(`[theme] Failed to build theme id=${theme.id}:`, error);
-			return [];
+			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);
 		}
-	});
-}
-/**
-* Get the active theme ID from a list of raw API themes.
-* Falls back to the first theme if none is marked active.
-*/
-function getActiveThemeId(themes) {
-	const active = themes.find((t) => t.active) ?? themes[0];
-	return active ? String(active.id) : void 0;
-}
-//#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()}`;
-}
-/**
-* 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(","));
+		if (response.status === 401) {
+			onAuthError?.();
+			throw new ApiError("Authentication required", 401, null);
 		}
-	});
-	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);
+		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);
 		}
 	}
-}
-/** 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());
-}
-/**
-* 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);
+	/**
+	* 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)
+			};
 		}
-		el.textContent = generateThemeCSS(theme, options);
-	} catch (error) {
-		console.error(`[theme] applyTheme failed for "${theme.id}":`, error);
 	}
-}
-/** 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(","));
+	/**
+	* 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
 	});
-}
-/** 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();
+	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 {
+		fetchClient,
+		request,
+		requestNullable,
+		safeRequest,
+		get,
+		post,
+		put,
+		patch,
+		delete: del
+	};
 }
 //#endregion
-//#region src/transforms/screen-transforms.ts
+//#region ../../api-clients/fluidos/src/namespaces/fluid_os.ts
 /**
-* Normalize component_tree to always be an array.
-* The API stores component_tree as a hash (object), but the frontend expects an array.
+* 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 normalizeComponentTree(componentTree) {
-	if (!componentTree) return [];
-	if (Array.isArray(componentTree)) return componentTree;
-	if (typeof componentTree === "object") return [componentTree];
-	return [];
+async function getFluidOSManifest(client, params) {
+	return client.get(`/api/fluid_os/definitions/active`, params);
 }
-/**
-* Convert a raw FluidOS screen to ScreenDefinition.
-* Normalizes component_tree and converts string IDs to numbers.
-*/
-function toScreenDefinition(screen) {
+//#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: Number(screen.id),
-		slug: screen.slug ?? "",
-		name: screen.name ?? "",
-		component_tree: normalizeComponentTree(screen.component_tree)
+		id: raw.id ?? 0,
+		name: raw.name ?? "",
+		version: raw.version ?? null,
+		components: raw.components ?? [],
+		active: raw.active ?? false
 	};
 }
-//#endregion
-//#region src/transforms/navigation-transforms.ts
 /**
-* Convert a raw FluidOS navigation item to NavigationItem.
-* Recursively transforms children and sorts by position.
+* 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 toNavigationItem(item) {
-	const children = (item.children ?? []).map(toNavigationItem).sort((a, b) => (a.position ?? 0) - (b.position ?? 0));
+function createAppDefinitionApiAdapter(client) {
+	return { fetchDefinition: async () => {
+		const response = await require_portal_tenant.app_definition_show(client);
+		return {
+			definition: mapDefinition(response.definition ?? {}),
+			meta: {
+				request_id: response.meta?.request_id ?? "",
+				timestamp: response.meta?.timestamp ?? ""
+			}
+		};
+	} };
+}
+//#endregion
+//#region src/adapters/account-api-adapter.ts
+function mapAccount(raw) {
 	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
+		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
+	};
+}
+function createAccountApiAdapter(client) {
+	return {
+		fetchAccount: async () => {
+			const response = await require_portal_tenant.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 require_portal_tenant.account_update(client, body);
+			return {
+				account: mapAccount(response.account ?? {}),
+				meta: {
+					request_id: response.meta?.request_id ?? "",
+					timestamp: response.meta?.timestamp ?? ""
+				}
+			};
+		}
 	};
 }
 //#endregion
-//#region src/transforms/index.ts
+//#region ../../api-clients/portal-tenant-pay/src/namespaces/portal_tenant_pay.ts
 /**
-* Convert a raw FluidOS API response to RawManifestResponse.
+* List addresses
+* Returns addresses associated with the member's customer record in this tenant.
 *
-* 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
+* @param [params] - params
 */
-function toRawManifest(raw) {
-	if (!raw.manifest) throw new Error("FluidOS API returned empty manifest");
-	return raw;
+async function addresses_list(client, params) {
+	return client.get(`/api/pay/addresses`, params);
 }
 /**
-* Transform a raw FluidOS manifest API response into RepAppData.
+* 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.
 *
-* 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);
-	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
-			} } : {}
-		}
-	};
+* @param client - Fetch client instance
+* @param body - body
+*/
+async function addresses_create(client, body) {
+	return client.post(`/api/pay/addresses`, body);
 }
-//#endregion
-//#region src/client/fluid-client.ts
 /**
-* API Error class for structured error handling
+* 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
 */
-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
-		};
-	}
-};
+async function addresses_update(client, id, body) {
+	return client.patch(`/api/pay/addresses/${id}`, body);
+}
 /**
-* Type guard for ApiError
+* 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
 */
-function isApiError(error) {
-	return error instanceof ApiError;
+async function addresses_destroy(client, id) {
+	return client.delete(`/api/pay/addresses/${id}`);
 }
 /**
-* Type guard to check if a value is a non-null string
+* 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 isString(value) {
-	return typeof value === "string";
+async function payment_methods_list(client, params) {
+	return client.get(`/api/pay/payment_methods`, params);
 }
 /**
-* Extract error message from API response data using `in` operator narrowing.
-* Checks common error message field names in order of precedence.
+* 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 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;
+async function payment_methods_create(client, body) {
+	return client.post(`/api/pay/payment_methods`, body);
+}
+/**
+* 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
+*/
+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}`);
 }
 /**
-* Type guard to detect whether a parsed JSON value is an API envelope.
-* Envelopes always have numeric `status` and a `data` key.
+* 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
+
 */
-function isApiEnvelope(value) {
-	return typeof value === "object" && value !== null && "status" in value && typeof value.status === "number" && "data" in value;
+async function payment_methods_vault_show(client) {
+	return client.get(`/api/pay/payment_methods/vault`);
 }
 /**
-* Creates a configured Fluid API client instance
+* 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
 */
-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 {
+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 createPortalTenantPayAdapter(client) {
+	return {
+		fetchAddresses: async () => {
+			const response = await addresses_list(client);
 			return {
-				success: true,
-				data: await request(endpoint, options)
-			};
-		} catch (error) {
-			if (isApiError(error)) return {
-				success: false,
-				error
+				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 {
-				success: false,
-				error: new ApiError(error instanceof Error ? error.message : "Unknown error", 0, null)
+				payment_methods: (response.payment_methods ?? []).map(mapPaymentMethod),
+				meta: {
+					request_id: response.meta?.request_id ?? "",
+					timestamp: response.meta?.timestamp ?? ""
+				}
 			};
-		}
-	}
-	/**
-	* 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 {
-		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" })));
-			}
+		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 ?? ""
+				}
+			};
 		},
-		permissions: { get: () => get("/api/company/roles/my_permissions") },
-		analytics: {
-			dashboard: () => get("/api/analytics/dashboard"),
-			sales: (params) => get("/api/analytics/sales", params)
+		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 src/adapters/fluidos-api-adapter.ts
-/** Create a FluidOsReadApi adapter backed by a FetchClient. */
-function createFluidOsReadAdapter(client) {
-	return { getManifest: (params) => getFluidOSManifest(client, params) };
+//#region ../../api-clients/portal-tenant-store/src/namespaces/portal_tenant_store.ts
+/**
+* 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
+*/
+async function countries_list(client, params) {
+	return client.get(`/api/store/countries`, params);
+}
+/**
+* List available languages
+* Returns languages enabled for the tenant store, sorted by name.
+*
+* @param client - Fetch client instance
+* @param [params] - params
+*/
+async function languages_list(client, params) {
+	return client.get(`/api/store/languages`, params);
 }
 //#endregion
-//#region src/adapters/app-definition-api-adapter.ts
-function mapDefinition(raw) {
+//#region ../../store/api-client/src/portal-tenant-countries-adapter.ts
+/**
+* Maps a BFF state to the port's State shape.
+*/
+function mapState(raw) {
 	return {
-		id: raw.id ?? 0,
+		code: raw.code ?? "",
+		name: raw.name ?? ""
+	};
+}
+/**
+* Maps a BFF country to the port's Country shape.
+*/
+function mapCountry(raw) {
+	return {
+		code: raw.code ?? "",
 		name: raw.name ?? "",
-		version: raw.version ?? null,
-		components: raw.components ?? [],
-		active: raw.active ?? false
+		currency_code: raw.currency_code ?? "",
+		states: (raw.states ?? []).map(mapState)
 	};
 }
 /**
-* Creates an AppDefinitionApi adapter backed by the portal-tenant BFF client.
+* Maps the BFF meta envelope to the port's ApiMeta shape.
+*/
+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
+	};
+}
+/**
+* Creates a CountriesApi 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
+* CountriesApi port, closing over the FetchClient so consumers don't need
+* to pass it per-call.
 */
-function createAppDefinitionApiAdapter(client) {
-	return { fetchDefinition: async () => {
-		const response = await require_portal_tenant.app_definition_show(client);
+function createPortalTenantCountriesAdapter(client) {
+	return { listCountries: async (params) => {
+		const response = await countries_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 ?? ""
-			}
+			countries: (response.countries ?? []).map(mapCountry),
+			meta: mapMeta$1(response.meta)
 		};
 	} };
 }
 //#endregion
-//#region src/adapters/account-api-adapter.ts
-function mapAccount(raw) {
+//#region ../../store/api-client/src/portal-tenant-languages-adapter.ts
+/**
+* Maps a BFF language to the port's Language shape.
+*/
+function mapLanguage(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
+		code: raw.code ?? "",
+		name: raw.name ?? ""
 	};
 }
-function createAccountApiAdapter(client) {
+/**
+* Maps the BFF meta envelope to the port's ApiMeta shape.
+*/
+function mapMeta(raw) {
 	return {
-		fetchAccount: async () => {
-			const response = await require_portal_tenant.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 require_portal_tenant.account_update(client, body);
-			return {
-				account: mapAccount(response.account ?? {}),
-				meta: {
-					request_id: response.meta?.request_id ?? "",
-					timestamp: response.meta?.timestamp ?? ""
-				}
-			};
-		}
+		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 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.
+*/
+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)
+		};
+	} };
+}
 //#endregion
-//#region ../../api-clients/portal-tenant-pay/src/namespaces/portal_tenant_pay.ts
+//#region src/adapters/countries-api-adapter.ts
 /**
-* List addresses
-* Returns addresses associated with the member's customer record in this tenant.
+* 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 addresses_list(client, params) {
-	return client.get(`/api/pay/addresses`, params);
+async function mysite_themes_list(client, params) {
+	return client.get(`/api/mysite/themes`, params);
 }
 /**
-* 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.
+* Update MySite settings
+* Updates the member's MySite settings.
 *
 * @param client - Fetch client instance
 * @param body - body
 */
-async function addresses_create(client, body) {
-	return client.post(`/api/pay/addresses`, body);
+async function mysite_settings_update(client, body) {
+	return client.put(`/api/mysite/settings`, body);
 }
 /**
-* Update an address
-* Creates a new address with the merged attributes and discards the old one, preserving references from existing orders.
+* 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 id - id
 * @param body - body
 */
-async function addresses_update(client, id, body) {
-	return client.patch(`/api/pay/addresses/${id}`, body);
+async function mysite_links_create(client, body) {
+	return client.post(`/api/mysite/links`, body);
 }
 /**
-* Delete an address
-* Removes an address from the member's customer record. The default address cannot be removed.
+* Update a MySite link
+* Updates an existing MySite link.
 *
 * @param client - Fetch client instance
 * @param id - id
+* @param body - body
 */
-async function addresses_destroy(client, id) {
-	return client.delete(`/api/pay/addresses/${id}`);
+async function mysite_links_update(client, id, body) {
+	return client.put(`/api/mysite/links/${id}`, body);
 }
 /**
-* List payment methods
-* Returns displayable payment methods on the member's customer record, excluding Apple Pay sources.
+* Delete a MySite link
+* Removes a link from the member's MySite.
 *
 * @param client - Fetch client instance
-* @param [params] - params
+* @param id - id
 */
-async function payment_methods_list(client, params) {
-	return client.get(`/api/pay/payment_methods`, params);
+async function mysite_links_destroy(client, id) {
+	return client.delete(`/api/mysite/links/${id}`);
 }
 /**
-* 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.
+* Reorder MySite links
+* Reorders MySite links by providing an ordered list of IDs.
 *
 * @param client - Fetch client instance
 * @param body - body
 */
-async function payment_methods_create(client, body) {
-	return client.post(`/api/pay/payment_methods`, body);
+async function mysite_links_bulk_reorder(client, body) {
+	return client.patch(`/api/mysite/links/bulk`, body);
 }
 /**
-* Update a payment method
-* Updates a payment method's attributes. Currently supports setting a payment method as the default.
+* List MySite favorite products
+* Returns the member's MySite favorite products.
 *
 * @param client - Fetch client instance
-* @param id - id
-* @param body - body
+* @param [params] - params
 */
-async function payment_methods_update(client, id, body) {
-	return client.patch(`/api/pay/payment_methods/${id}`, body);
+async function mysite_favorites_list(client, params) {
+	return client.get(`/api/mysite/favorites`, params);
 }
 /**
-* 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.
+* Add a product to MySite favorites
+* Adds a product to the member's MySite favorites.
 *
 * @param client - Fetch client instance
-* @param id - id
+* @param body - body
 */
-async function payment_methods_destroy(client, id) {
-	return client.delete(`/api/pay/payment_methods/${id}`);
+async function mysite_favorites_create(client, body) {
+	return client.post(`/api/mysite/favorites`, body);
 }
 /**
-* Get vault credentials
-* Returns a short-lived vault token and environment identifier for initializing the client-side payment vault SDK.
+* 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 payment_methods_vault_show(client) {
-	return client.get(`/api/pay/payment_methods/vault`);
+async function mysite_favorites_destroy(client, id) {
+	return client.delete(`/api/mysite/favorites/${id}`);
 }
 /**
-* List points ledger entries
-* Returns loyalty points ledger entries for the member's customer record in this tenant, ordered by most recent first.
+* Reorder MySite favorites
+* Reorders MySite favorites by providing an ordered list of IDs.
 *
 * @param client - Fetch client instance
-* @param [params] - params
+* @param body - body
 */
-async function points_ledgers_list(client, params) {
-	return client.get(`/api/pay/points_ledgers`, params);
+async function mysite_favorites_bulk_reorder(client, body) {
+	return client.patch(`/api/mysite/favorites/bulk`, body);
 }
 //#endregion
-//#region src/adapters/pay-api-adapter.ts
-function mapAddress(raw) {
+//#region src/adapters/mysite-api-adapter.ts
+function mapProfile(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
+		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 mapPaymentMethod(raw) {
+function mapLink(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
+		url: raw.url ?? "",
+		title: raw.title ?? "",
+		position: raw.position ?? 0
 	};
 }
-function createPortalTenantPayAdapter(client) {
+function mapFavorite(raw) {
 	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 ?? ""
-				}
-			};
+		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 createMySiteApiAdapter(client) {
+	return {
+		fetchProfile: async () => {
+			return mapProfile((await mysite_profile_show(client)).profile ?? {});
 		},
-		createAddress: async (body) => {
-			await addresses_create(client, body);
+		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 ?? {});
 		},
-		updateAddress: async (addressId, body) => {
-			await addresses_update(client, addressId, body);
+		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()]);
 		},
-		deleteAddress: async (addressId) => {
-			await addresses_destroy(client, addressId);
+		listLinks: async () => {
+			return ((await mysite_links_list(client)).links ?? []).map(mapLink);
 		},
-		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 ?? ""
-				}
-			};
+		createLink: async (body) => {
+			return mapLink((await mysite_links_create(client, { link: {
+				title: body.title,
+				url: body.url
+			} })).link ?? {});
 		},
-		createPaymentMethod: async (body) => {
-			await payment_methods_create(client, body);
+		updateLink: async (linkId, body) => {
+			return mapLink((await mysite_links_update(client, linkId, { link: {
+				title: body.title,
+				url: body.url
+			} })).link ?? {});
 		},
-		updatePaymentMethod: async (paymentMethodId, body) => {
-			await payment_methods_update(client, paymentMethodId, body);
+		deleteLink: async (linkId) => {
+			await mysite_links_destroy(client, linkId);
 		},
-		deletePaymentMethod: async (paymentMethodId) => {
-			await payment_methods_destroy(client, paymentMethodId);
+		reorderLinks: async (orderedIds) => {
+			return ((await mysite_links_bulk_reorder(client, { ordered_ids: orderedIds })).links ?? []).map(mapLink);
 		},
-		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 ?? ""
-				}
-			};
+		listFavorites: async () => {
+			return ((await mysite_favorites_list(client)).favorites ?? []).map(mapFavorite);
 		},
-		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 ?? ""
-				}
-			};
+		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-store/src/namespaces/portal_tenant_store.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 available countries
-* Returns countries enabled for the tenant store, each with its ISO 3166 subdivisions (states/provinces).
+* 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 countries_list(client, params) {
-	return client.get(`/api/store/countries`, params);
+function parseColor(value) {
+	if (value.length === 6) value = `#${value}`;
+	try {
+		return new colorjs_io.default(value);
+	} catch (error) {
+		console.warn("[theme] Failed to parse color:", value, error);
+		return new colorjs_io.default("oklch", [
+			.5,
+			0,
+			0
+		]);
+	}
 }
 /**
-* List available languages
-* Returns languages enabled for the tenant store, sorted by name.
-*
-* @param client - Fetch client instance
-* @param [params] - params
+* 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 languages_list(client, params) {
-	return client.get(`/api/store/languages`, params);
+function getForegroundColor(foreground, color) {
+	if (foreground.oklch.l == null || color.oklch.l == null) return foreground;
+	if (color.contrastAPCA(foreground) < 50) return new colorjs_io.default("oklch", [
+		color.oklch.l < .7 ? .95 : .15,
+		foreground.oklch.c || 0,
+		foreground.oklch.h || 0
+	]);
+	return foreground;
 }
-//#endregion
-//#region ../../store/api-client/src/portal-tenant-countries-adapter.ts
 /**
-* Maps a BFF state to the port's State shape.
+* 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.
 */
-function mapState(raw) {
+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 colorjs_io.default("oklch", [
+			Math.max(0, Math.min(1, l + lDelta)),
+			c <= .001 ? c : Math.max(0, c + cDelta),
+			h
+		]);
+	};
 	return {
-		code: raw.code ?? "",
-		name: raw.name ?? ""
+		100: shade(5 * lightStep, -.00375),
+		200: shade(4 * lightStep, -.00375),
+		300: shade(3 * lightStep, -.00375),
+		400: shade(2 * lightStep, -.00375),
+		500: new colorjs_io.default("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));
+}
 /**
-* Maps a BFF country to the port's Country shape.
+* Derive a dark-mode ThemeColorInput from its light-mode counterpart.
 */
-function mapCountry(raw) {
+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 {
-		code: raw.code ?? "",
-		name: raw.name ?? "",
-		currency_code: raw.currency_code ?? "",
-		states: (raw.states ?? []).map(mapState)
+		base: new colorjs_io.default("oklch", [
+			baseLightness,
+			(light.base.oklch.c || 0) * chromaScale,
+			light.base.oklch.h || 0
+		]),
+		foreground: new colorjs_io.default("oklch", [
+			fgLightness,
+			(light.foreground.oklch.c || 0) * chromaScale,
+			light.foreground.oklch.h || 0
+		])
 	};
 }
 /**
-* Maps the BFF meta envelope to the port's ApiMeta shape.
+* 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.
 */
-function mapMeta$1(raw) {
+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;
+}
+/**
+* Resolve a ThemeDefinition into a complete ResolvedTheme.
+* Dark mode colors are derived from light where not overridden.
+*/
+function resolveTheme(def) {
 	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: 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)";
+	}
+	return result;
+}
+function camelToKebab(str) {
+	return str.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase();
 }
 /**
-* 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.
+* Emit --color-{name}, --color-{name}-foreground, --color-{name}-{shade} vars.
+* Uses --color- prefix to match portal-widgets/tailwind.config.ts.
 */
-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 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;
 }
-//#endregion
-//#region ../../store/api-client/src/portal-tenant-languages-adapter.ts
 /**
-* Maps a BFF language to the port's Language shape.
+* 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 mapLanguage(raw) {
-	return {
-		code: raw.code ?? "",
-		name: raw.name ?? ""
-	};
+function formatFontFamily(value) {
+	if (value.startsWith("var(")) return value;
+	if (value.includes(",")) return value;
+	return `'${value}', sans-serif`;
 }
 /**
-* Maps the BFF meta envelope to the port's ApiMeta shape.
+* Emit non-color CSS variables (font sizes, families, spacing, radii).
 */
-function mapMeta(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
-	};
+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;
 }
 /**
-* 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.
+* Static CSS alias variables that bridge theme var names to Tailwind/component conventions.
+* These are always emitted and not mode-dependent.
 */
-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)
-		};
-	} };
-}
-//#endregion
-//#region src/adapters/countries-api-adapter.ts
+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);"
+];
 /**
-* 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.
+* Overrides for global tailwindcss for specifically dark mode.
 */
-function createCountriesApiAdapter(client) {
-	return createPortalTenantCountriesAdapter(client);
+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(`}`);
+	}
+	return blocks.join("\n");
 }
 //#endregion
-//#region src/adapters/languages-api-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";
 /**
-* 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.
+* 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 createLanguagesApiAdapter(client) {
-	return createPortalTenantLanguagesAdapter(client);
+function getDefaultThemeDefinition() {
+	const bg = new colorjs_io.default(DEFAULT_COLORS.background);
+	const fg = new colorjs_io.default(DEFAULT_COLORS.foreground);
+	const primary = new colorjs_io.default(DEFAULT_COLORS.primary);
+	const secondary = new colorjs_io.default(DEFAULT_COLORS.secondary);
+	const accent = new colorjs_io.default(DEFAULT_COLORS.accent);
+	const muted = new colorjs_io.default(DEFAULT_COLORS.muted);
+	const destructive = new colorjs_io.default(DEFAULT_COLORS.destructive);
+	const mutedFg = new colorjs_io.default(DEFAULT_COLORS.mutedForeground);
+	const darkBg = new colorjs_io.default("#0a0a0a");
+	const darkFg = new colorjs_io.default("#fafafa");
+	const darkMuted = new colorjs_io.default("#171717");
+	const darkMutedForeground = new colorjs_io.default("#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 ../../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);
+//#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
+	};
 }
-/**
-* 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);
+function plainToColor(plain) {
+	return new colorjs_io.default("oklch", [
+		plain.l,
+		plain.c,
+		plain.h
+	]);
 }
 /**
-* Update a MySite link
-* Updates an existing MySite link.
-*
-* @param client - Fetch client instance
-* @param id - id
-* @param body - body
+* Serialise a ThemeDefinition (with Color objects) to a plain JSON payload
+* suitable for backend storage.
 */
-async function mysite_links_update(client, id, body) {
-	return client.put(`/api/mysite/links/${id}`, body);
+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 {
+		id: def.id,
+		name: def.name,
+		light,
+		dark,
+		fontSizes: { ...def.fontSizes },
+		fontFamilies: { ...def.fontFamilies },
+		spacing: def.spacing,
+		radii: { ...def.radii },
+		...def.syncWithBrandColors ? { syncWithBrandColors: true } : {}
+	};
 }
 /**
-* Delete a MySite link
-* Removes a link from the member's MySite.
-*
-* @param client - Fetch client instance
-* @param id - id
+* 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.
 */
-async function mysite_links_destroy(client, id) {
-	return client.delete(`/api/mysite/links/${id}`);
+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];
+		}
+	}
+	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 ../core/src/theme/transforms.ts
 /**
-* Reorder MySite links
-* Reorders MySite links by providing an ordered list of IDs.
-*
-* @param client - Fetch client instance
-* @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_bulk_reorder(client, body) {
-	return client.patch(`/api/mysite/links/bulk`, body);
+function isNewThemeFormat(config) {
+	return config.light != null && typeof config.light === "object";
 }
 /**
-* List MySite favorite products
-* Returns the member's MySite favorite products.
-*
-* @param client - Fetch client instance
-* @param [params] - params
+* Convert a legacy flat config to a ThemeDefinition.
+* Legacy format: { base: "#fff", text: "#000", primary: "oklch(0.6 0.2 250)", ... }
 */
-async function mysite_favorites_list(client, params) {
-	return client.get(`/api/mysite/favorites`, params);
+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
+		}
+	};
 }
 /**
-* Add a product to MySite favorites
-* Adds a product to the member's MySite favorites.
-*
-* @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_favorites_create(client, body) {
-	return client.post(`/api/mysite/favorites`, 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);
 }
 /**
-* Remove a product from MySite favorites
-* Removes a product from the member's MySite favorites.
-*
-* @param client - Fetch client instance
-* @param id - id
+* Transform raw API themes to ThemeDefinition[].
+* Catches and logs errors per theme (graceful degradation).
 */
-async function mysite_favorites_destroy(client, id) {
-	return client.delete(`/api/mysite/favorites/${id}`);
+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 [];
+		}
+	});
 }
 /**
-* Reorder MySite favorites
-* Reorders MySite favorites by providing an ordered list of IDs.
-*
-* @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_bulk_reorder(client, body) {
-	return client.patch(`/api/mysite/favorites/bulk`, body);
+function getActiveThemeId(themes) {
+	const active = themes.find((t) => t.active) ?? themes[0];
+	return active ? String(active.id) : void 0;
 }
 //#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
-	};
+//#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`;
 }
-function mapLink(raw) {
-	return {
-		id: raw.id ?? 0,
-		url: raw.url ?? "",
-		title: raw.title ?? "",
-		position: raw.position ?? 0
-	};
+/** 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());
 }
-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
-	};
+/** Deterministic link element ID for a font family. */
+function fontLinkId(family) {
+	return `${FONT_LINK_PREFIX}${family.replace(/\s+/g, "-").toLowerCase()}`;
 }
-function mapTheme(raw) {
-	return {
-		id: raw.id ?? 0,
-		name: raw.name ?? "",
-		preview_url: raw.preview_url ?? 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 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 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());
+}
+/**
+* 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);
+	}
+}
+/** 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(","));
+	});
+}
+/** 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
@@ -2942,18 +2828,6 @@ Object.defineProperty(exports, "buildThemeDefinition", {
 		return buildThemeDefinition;
 	}
 });
-Object.defineProperty(exports, "createFetchClient", {
-	enumerable: true,
-	get: function() {
-		return createFetchClient;
-	}
-});
-Object.defineProperty(exports, "createFluidClient", {
-	enumerable: true,
-	get: function() {
-		return createFluidClient;
-	}
-});
 Object.defineProperty(exports, "createPersister", {
 	enumerable: true,
 	get: function() {
@@ -3038,12 +2912,6 @@ Object.defineProperty(exports, "mergeDarkOverrides", {
 		return mergeDarkOverrides;
 	}
 });
-Object.defineProperty(exports, "normalizeComponentTree", {
-	enumerable: true,
-	get: function() {
-		return normalizeComponentTree;
-	}
-});
 Object.defineProperty(exports, "parseColor", {
 	enumerable: true,
 	get: function() {
@@ -3074,30 +2942,6 @@ Object.defineProperty(exports, "serialiseTheme", {
 		return serialiseTheme;
 	}
 });
-Object.defineProperty(exports, "toNavigationItem", {
-	enumerable: true,
-	get: function() {
-		return toNavigationItem;
-	}
-});
-Object.defineProperty(exports, "toRawManifest", {
-	enumerable: true,
-	get: function() {
-		return toRawManifest;
-	}
-});
-Object.defineProperty(exports, "toScreenDefinition", {
-	enumerable: true,
-	get: function() {
-		return toScreenDefinition;
-	}
-});
-Object.defineProperty(exports, "transformManifestToRepAppData", {
-	enumerable: true,
-	get: function() {
-		return transformManifestToRepAppData;
-	}
-});
 Object.defineProperty(exports, "transformThemes", {
 	enumerable: true,
 	get: function() {
@@ -3147,4 +2991,4 @@ Object.defineProperty(exports, "widgetPropertySchemas", {
 	}
 });
 
-//# sourceMappingURL=FluidProvider-Bc-3uN7M.cjs.map
+//# sourceMappingURL=FluidProvider-BtGi2jJt.cjs.map