@fluid-app/portal-sdk 0.1.263 → 0.1.264

package/dist/{FluidProvider-CAtUtrHk.mjs → FluidProvider-CjBaajXT.mjs}

@@ -5715,6 +5715,61 @@ function resolveTheme(def) {
 	};
 }
 //#endregion
+//#region ../../platform/ui-primitives/src/tokens/manifest.ts
+const TOKEN_MANIFEST = {
+	colors: [
+		"background",
+		"foreground",
+		"card",
+		"card-foreground",
+		"popover",
+		"popover-foreground",
+		"primary",
+		"primary-foreground",
+		"secondary",
+		"secondary-foreground",
+		"muted",
+		"muted-foreground",
+		"accent",
+		"accent-foreground",
+		"destructive",
+		"destructive-foreground",
+		"border",
+		"input",
+		"ring",
+		"chart-1",
+		"chart-2",
+		"chart-3",
+		"chart-4",
+		"chart-5",
+		"sidebar",
+		"sidebar-foreground",
+		"sidebar-primary",
+		"sidebar-primary-foreground",
+		"sidebar-accent",
+		"sidebar-accent-foreground",
+		"sidebar-border",
+		"sidebar-ring",
+		"contrast"
+	],
+	radii: [
+		"",
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	],
+	merchantCustomizable: [
+		"background",
+		"foreground",
+		"primary",
+		"secondary",
+		"accent",
+		"muted",
+		"destructive"
+	]
+};
+//#endregion
 //#region ../../platform/theme-engine/src/tailwind-overrides.ts
 const OVERRIDES = {
 	"--color-gray-50": "var(--color-muted)",
@@ -5808,30 +5863,96 @@ function emitNonColorVars(theme) {
 	for (const key of RADIUS_KEYS) lines.push(`--radius-${camelToKebab(key)}: ${theme.radii[key]};`);
 	return lines;
 }
+const MERCHANT_CUSTOMIZABLE = new Set(TOKEN_MANIFEST.merchantCustomizable);
+/**
+* Names that theme-engine emits via emitColorVars (the merchant-customizable
+* base set) and their derived `-foreground` siblings. Used to skip duplicate
+* emission of `--color-{name}` from the manifest derivation pass.
+*
+* Typed as `Set<string>` because the synthesized `${name}-foreground` strings
+* include `"background-foreground"` / `"foreground-foreground"`, which are not
+* members of `SemanticTokenName`. Membership checks against the manifest still
+* work because `Set.has(string)` accepts the wider type.
+*/
+const EMITTED_BY_COLOR_VARS = new Set([...SEMANTIC_COLOR_NAMES, ...SEMANTIC_COLOR_NAMES.map((n) => `${n}-foreground`)]);
+/**
+* Resolve the alias expression for a non-merchant-customizable token.
+*
+* Returns `null` for tokens that should fall through to the canonical default
+* defined in `ui-primitives.css` (chart palette is intentionally not merchant-themed).
+*
+* The exhaustive switch is the fail-fast guarantee: TypeScript rejects this
+* file if a non-customizable token in the manifest is missing a case here.
+*/
+function aliasFor(token) {
+	switch (token) {
+		case "card": return "var(--color-muted)";
+		case "card-foreground": return "var(--color-muted-foreground)";
+		case "popover": return "var(--color-background)";
+		case "popover-foreground": return "var(--color-foreground)";
+		case "border": return "color-mix(in oklch, var(--color-background), var(--color-foreground) 15%)";
+		case "input": return "var(--color-border)";
+		case "ring": return "var(--color-primary)";
+		case "chart-1":
+		case "chart-2":
+		case "chart-3":
+		case "chart-4":
+		case "chart-5": return null;
+		case "sidebar": return "var(--color-muted)";
+		case "sidebar-foreground": return "var(--color-muted-foreground)";
+		case "sidebar-primary": return "var(--color-primary)";
+		case "sidebar-primary-foreground": return "var(--color-primary-foreground)";
+		case "sidebar-accent": return "var(--color-accent)";
+		case "sidebar-accent-foreground": return "var(--color-accent-foreground)";
+		case "sidebar-border": return "var(--color-border)";
+		case "sidebar-ring": return "var(--color-primary)";
+		case "contrast": return "var(--color-foreground)";
+	}
+}
+/**
+* Build the alias block emitted at the top of every `[data-theme]` rule.
+*
+* For each canonical token in `TOKEN_MANIFEST.colors`:
+* - merchant-customizable tokens: `--color-{name}` is emitted by `emitColorVars`
+*   from the resolved theme; this function only emits the short-name alias
+*   (`--{name}: var(--color-{name})`) for compatibility with consumers that
+*   reference short names.
+* - non-customizable tokens: emit both `--color-{name}: <alias>` and the
+*   short-name alias, unless `aliasFor` returns null. Returning null is the
+*   intentional pass-through signal: ui-primitives.css already maps `--color-{name}`
+*   to `var(--{name})` via `@theme inline`, so emitting `--{name}: var(--color-{name})`
+*   inside `[data-theme]` would create a circular var() reference and resolve
+*   to an invalid value (chart-1..5 would render transparent under any theme).
+*
+* Two static aliases (`--color-background-foreground`, `--color-foreground-foreground`)
+* are not regular `-foreground` siblings; they are emitted explicitly because
+* they swap the bg/fg pair rather than reading from a paired field.
+*/
+function buildAliasBlock() {
+	const lines = ["--color-background-foreground: var(--color-foreground);", "--color-foreground-foreground: var(--color-background);"];
+	for (const token of TOKEN_MANIFEST.colors) {
+		if (MERCHANT_CUSTOMIZABLE.has(token)) {
+			lines.push(`--${token}: var(--color-${token});`);
+			continue;
+		}
+		if (EMITTED_BY_COLOR_VARS.has(token)) {
+			lines.push(`--${token}: var(--color-${token});`);
+			continue;
+		}
+		const alias = aliasFor(token);
+		if (alias === null) continue;
+		lines.push(`--color-${token}: ${alias};`);
+		lines.push(`--${token}: var(--color-${token});`);
+	}
+	return lines;
+}
 /**
-* Static CSS alias variables that bridge theme var names to Tailwind/component conventions.
-* These are always emitted and not mode-dependent.
+* Static alias variables emitted at the top of every theme rule.
+* Derived from the canonical token manifest so new canonical tokens reach
+* merchant theming automatically.
 */
 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: color-mix(in oklch, var(--color-background), var(--color-foreground) 15%);",
-	"--ring: var(--color-primary);",
-	"--popover: var(--color-background);",
-	"--popover-foreground: var(--color-foreground);",
-	"--card: var(--color-muted);",
-	"--card-foreground: var(--color-muted-foreground);",
+	...buildAliasBlock(),
 	"--radius-sm: var(--radius-small);",
 	"--radius-md: var(--radius-medium);",
 	"--radius-lg: var(--radius-large);",
@@ -7100,4 +7221,4 @@ function useFluidContext() {
 //#endregion
 export { parseColor as A, deleteDatabase as B, DEFAULT_THEME_ID as C, deriveDarkVariant as D, generateThemeCSS as E, SEMANTIC_COLOR_NAMES as F, ApiError as I, useLanguagesApi as L, FONT_FAMILY_KEYS as M, FONT_SIZE_KEYS as N, getForegroundColor as O, RADIUS_KEYS as P, useAppDefinitionApi as R, DEFAULT_SPACING as S, getDefaultThemeDefinition as T, serialiseTheme as _, createScreen as a, DEFAULT_FONT_SIZES as b, FluidThemeProvider as c, removeAllThemes as d, removeTheme as f, deserialiseTheme as g, transformThemes as h, widgetPropertySchemas as i, resolveTheme as j, mergeDarkOverrides as k, useThemeContext as l, getActiveThemeId as m, useFluidContext as n, createWidgetFromShareable as o, buildThemeDefinition as p, DEFAULT_SDK_WIDGET_REGISTRY as r, createWidgetRegistry as s, FluidProvider as t, applyTheme as u, DEFAULT_COLORS as v, DEFAULT_THEME_NAME as w, DEFAULT_RADII as x, DEFAULT_FONT_FAMILIES as y, createPersister as z };
 
-//# sourceMappingURL=FluidProvider-CAtUtrHk.mjs.map
+//# sourceMappingURL=FluidProvider-CjBaajXT.mjs.map