@fluid-app/portal-sdk 0.1.263 → 0.1.264

package/dist/{FluidProvider-CZan7yJ3.cjs → FluidProvider-lgII8Oel.cjs}

@@ -16490,6 +16490,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)",
@@ -16583,30 +16638,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);",
@@ -18114,4 +18235,4 @@ Object.defineProperty(exports, "widgetPropertySchemas", {
 	}
 });
 
-//# sourceMappingURL=FluidProvider-CZan7yJ3.cjs.map
+//# sourceMappingURL=FluidProvider-lgII8Oel.cjs.map