@riverbankcms/sdk 0.124.0 → 0.126.0

package/dist/server/theme-bridge.mjs

@@ -195,6 +195,177 @@ function parseThemeColorToken(value) {
 }
 const themeColorTokenSchema = z$1.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
 //#endregion
+//#region ../theme-core/src/palette/colors.ts
+const HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
+const NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+const THEME_PALETTE_COLOR_ORDER = [
+	"primary",
+	"secondary",
+	"accent",
+	"success",
+	"warning",
+	"destructive",
+	"background",
+	"surface",
+	"surfaceAlt",
+	"muted",
+	"text",
+	"primaryForeground",
+	"border"
+];
+const hexColorSchema = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
+const paletteModeSchema = z$1.enum(["light", "dark"]);
+const PALETTE_VALUE_KEY_PREFIX = "palette-value:v1|";
+z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
+const paletteColorsSchema = z$1.object({
+	primary: hexColorSchema,
+	primaryForeground: hexColorSchema,
+	secondary: hexColorSchema,
+	accent: hexColorSchema,
+	success: hexColorSchema,
+	warning: hexColorSchema,
+	destructive: hexColorSchema,
+	background: hexColorSchema,
+	surface: hexColorSchema,
+	surfaceAlt: hexColorSchema,
+	muted: hexColorSchema,
+	text: hexColorSchema,
+	border: hexColorSchema
+}).strict().transform((value) => value);
+function normalizePaletteHex(value) {
+	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
+	const normalized = value.toLowerCase();
+	if (normalized.length === 7) return normalized;
+	const triplet = normalized.slice(1);
+	const red = triplet.charAt(0);
+	const green = triplet.charAt(1);
+	const blue = triplet.charAt(2);
+	return `#${red}${red}${green}${green}${blue}${blue}`;
+}
+function paletteColorsFromEntries(entries) {
+	const values = {};
+	for (const entry of entries) {
+		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
+		if (!parsedRole.success) return {
+			ok: false,
+			error: {
+				kind: "unknown-role",
+				role: entry.name
+			}
+		};
+		const role = parsedRole.data;
+		if (values[role] !== void 0) return {
+			ok: false,
+			error: {
+				kind: "duplicate-role",
+				role
+			}
+		};
+		const hex = normalizePaletteHex(entry.hex);
+		if (!hex) return {
+			ok: false,
+			error: {
+				kind: "invalid-color",
+				role,
+				value: entry.hex
+			}
+		};
+		values[role] = hex;
+	}
+	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
+	if (missing.length > 0) return {
+		ok: false,
+		error: {
+			kind: "missing-roles",
+			roles: missing
+		}
+	};
+	return {
+		ok: true,
+		colors: paletteColorsSchema.parse(values)
+	};
+}
+function requirePaletteColorsFromEntries(entries) {
+	const result = paletteColorsFromEntries(entries);
+	if (result.ok) return result.colors;
+	throw new Error(`Invalid complete palette: ${result.error.kind}`);
+}
+function paletteColorEntries(colors) {
+	return THEME_PALETTE_COLOR_ORDER.map((name) => ({
+		name,
+		hex: colors[name]
+	}));
+}
+function paletteColorFingerprint(colors) {
+	return PALETTE_TOKEN_NAMES.map((name) => `${name}:${colors[name]}`).join("|");
+}
+function canonicalPaletteHashInput(colors, mode) {
+	return `${mode}|${paletteColorFingerprint(colors)}`;
+}
+/**
+* The shared TypeScript/SQL protocol. Do not reorder roles: the order comes
+* from PALETTE_TOKEN_NAMES through canonicalPaletteHashInput.
+*/
+function paletteValueKey(colors, mode) {
+	return `${PALETTE_VALUE_KEY_PREFIX}${canonicalPaletteHashInput(colors, mode)}`;
+}
+/** Parses only the exact v1 canonical form emitted by paletteValueKey. */
+function parsePaletteValueKey(value) {
+	if (typeof value !== "string" || !value.startsWith(PALETTE_VALUE_KEY_PREFIX)) return null;
+	const [rawMode, ...rawRoles] = value.slice(17).split("|");
+	const mode = paletteModeSchema.safeParse(rawMode);
+	if (!mode.success || rawRoles.length !== PALETTE_TOKEN_NAMES.length) return null;
+	const colors = paletteColorsFromEntries(rawRoles.map((roleValue) => {
+		const separator = roleValue.indexOf(":");
+		return separator === -1 ? {
+			name: "",
+			hex: ""
+		} : {
+			name: roleValue.slice(0, separator),
+			hex: roleValue.slice(separator + 1)
+		};
+	}));
+	if (!colors.ok || paletteValueKey(colors.colors, mode.data) !== value) return null;
+	return value;
+}
+const paletteValueKeySchema = z$1.string().transform((value, ctx) => {
+	const parsed = parsePaletteValueKey(value);
+	if (parsed) return parsed;
+	ctx.addIssue({
+		code: "custom",
+		message: "Invalid canonical palette value key"
+	});
+	return z$1.NEVER;
+});
+//#endregion
+//#region ../theme-core/src/palette/schema.ts
+const colourHexString = z$1.string().regex(/^#([0-9A-Fa-f]{3}){1,2}$/);
+const paletteColorSchema = z$1.object({
+	name: z$1.string().min(1),
+	hex: colourHexString
+});
+const paletteMetaSchema = z$1.object({ mode: z$1.enum(["light", "dark"]) });
+const paletteSchema = z$1.object({
+	colors: z$1.array(paletteColorSchema),
+	meta: paletteMetaSchema
+}).transform((palette, ctx) => {
+	const colors = paletteColorsFromEntries(palette.colors);
+	if (!colors.ok) {
+		ctx.addIssue({
+			code: "custom",
+			message: `Invalid complete palette: ${colors.error.kind}`
+		});
+		return z$1.NEVER;
+	}
+	return {
+		colors: paletteColorEntries(colors.colors).map(({ name, hex }) => ({
+			name: String(name),
+			hex: String(hex)
+		})),
+		meta: palette.meta
+	};
+});
+//#endregion
 //#region ../theme-core/src/buttons/types.ts
 /**
 * Standard semantic variant roles a theme exposes.
@@ -4116,16 +4287,6 @@ const axesSchema = z$1.object({
 		"expressive"
 	])
 });
-const colourHexString = z$1.string().regex(/^#([0-9A-Fa-f]{3}){1,2}$/);
-const paletteColorSchema = z$1.object({
-	name: z$1.string().min(1),
-	hex: colourHexString
-});
-const paletteMetaSchema = z$1.object({ mode: z$1.enum(["light", "dark"]) });
-const paletteSchema = z$1.object({
-	colors: z$1.array(paletteColorSchema),
-	meta: paletteMetaSchema
-});
 const typographyStyleSchema = z$1.object({
 	family: z$1.string().min(1),
 	weight: z$1.enum([
@@ -5030,128 +5191,6 @@ function generateShadowCssVars(theme) {
 	};
 }
 //#endregion
-//#region ../theme-core/src/palette/colors.ts
-const HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
-const NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
-const hexColorSchema = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
-const paletteModeSchema = z$1.enum(["light", "dark"]);
-const PALETTE_VALUE_KEY_PREFIX = "palette-value:v1|";
-z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
-const paletteColorsSchema = z$1.object({
-	primary: hexColorSchema,
-	primaryForeground: hexColorSchema,
-	secondary: hexColorSchema,
-	accent: hexColorSchema,
-	success: hexColorSchema,
-	warning: hexColorSchema,
-	destructive: hexColorSchema,
-	background: hexColorSchema,
-	surface: hexColorSchema,
-	surfaceAlt: hexColorSchema,
-	muted: hexColorSchema,
-	text: hexColorSchema,
-	border: hexColorSchema
-}).strict().transform((value) => value);
-function normalizePaletteHex(value) {
-	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
-	const normalized = value.toLowerCase();
-	if (normalized.length === 7) return normalized;
-	const triplet = normalized.slice(1);
-	const red = triplet.charAt(0);
-	const green = triplet.charAt(1);
-	const blue = triplet.charAt(2);
-	return `#${red}${red}${green}${green}${blue}${blue}`;
-}
-function paletteColorsFromEntries(entries) {
-	const values = {};
-	for (const entry of entries) {
-		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
-		if (!parsedRole.success) return {
-			ok: false,
-			error: {
-				kind: "unknown-role",
-				role: entry.name
-			}
-		};
-		const role = parsedRole.data;
-		if (values[role] !== void 0) return {
-			ok: false,
-			error: {
-				kind: "duplicate-role",
-				role
-			}
-		};
-		const hex = normalizePaletteHex(entry.hex);
-		if (!hex) return {
-			ok: false,
-			error: {
-				kind: "invalid-color",
-				role,
-				value: entry.hex
-			}
-		};
-		values[role] = hex;
-	}
-	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
-	if (missing.length > 0) return {
-		ok: false,
-		error: {
-			kind: "missing-roles",
-			roles: missing
-		}
-	};
-	return {
-		ok: true,
-		colors: paletteColorsSchema.parse(values)
-	};
-}
-function requirePaletteColorsFromEntries(entries) {
-	const result = paletteColorsFromEntries(entries);
-	if (result.ok) return result.colors;
-	throw new Error(`Invalid complete palette: ${result.error.kind}`);
-}
-function paletteColorFingerprint(colors) {
-	return PALETTE_TOKEN_NAMES.map((name) => `${name}:${colors[name]}`).join("|");
-}
-function canonicalPaletteHashInput(colors, mode) {
-	return `${mode}|${paletteColorFingerprint(colors)}`;
-}
-/**
-* The shared TypeScript/SQL protocol. Do not reorder roles: the order comes
-* from PALETTE_TOKEN_NAMES through canonicalPaletteHashInput.
-*/
-function paletteValueKey(colors, mode) {
-	return `${PALETTE_VALUE_KEY_PREFIX}${canonicalPaletteHashInput(colors, mode)}`;
-}
-/** Parses only the exact v1 canonical form emitted by paletteValueKey. */
-function parsePaletteValueKey(value) {
-	if (typeof value !== "string" || !value.startsWith(PALETTE_VALUE_KEY_PREFIX)) return null;
-	const [rawMode, ...rawRoles] = value.slice(17).split("|");
-	const mode = paletteModeSchema.safeParse(rawMode);
-	if (!mode.success || rawRoles.length !== PALETTE_TOKEN_NAMES.length) return null;
-	const colors = paletteColorsFromEntries(rawRoles.map((roleValue) => {
-		const separator = roleValue.indexOf(":");
-		return separator === -1 ? {
-			name: "",
-			hex: ""
-		} : {
-			name: roleValue.slice(0, separator),
-			hex: roleValue.slice(separator + 1)
-		};
-	}));
-	if (!colors.ok || paletteValueKey(colors.colors, mode.data) !== value) return null;
-	return value;
-}
-const paletteValueKeySchema = z$1.string().transform((value, ctx) => {
-	const parsed = parsePaletteValueKey(value);
-	if (parsed) return parsed;
-	ctx.addIssue({
-		code: "custom",
-		message: "Invalid canonical palette value key"
-	});
-	return z$1.NEVER;
-});
-//#endregion
 //#region ../theme-core/src/site-styles/styleTags.ts
 /**
 * Descriptive style-axis metadata for button personalities and palette
@@ -6443,13 +6482,6 @@ const warmDarkKirtanGold = defineCuratedPalette({
 });
 //#endregion
 //#region ../theme-core/src/palette/curated/index.ts
-/**
-* Curated palette library.
-*
-* Authoring keys are readable source aliases. Value keys are derived from the
-* complete mode and semantic colours and are the only curated identity used at
-* persistence and runtime boundaries.
-*/
 function admitCuratedPaletteDefinition(definition) {
 	return {
 		...definition,
@@ -6476,11 +6508,8 @@ const curatedPalettes = [
 	admitCuratedPaletteDefinition(warmDarkEmber),
 	admitCuratedPaletteDefinition(warmDarkKirtanGold)
 ];
-const curatedPalettesByValueKey = new Map(curatedPalettes.map((palette) => [palette.valueKey, palette]));
+new Map(curatedPalettes.map((palette) => [palette.valueKey, palette]));
 const curatedPalettesByAuthoringKey = new Map(curatedPalettes.map((palette) => [palette.authoringKey, palette]));
-function findCuratedPalette(valueKey) {
-	return curatedPalettesByValueKey.get(valueKey);
-}
 function findCuratedPaletteByAuthoringKey(authoringKey) {
 	return curatedPalettesByAuthoringKey.get(authoringKey);
 }
@@ -6489,25 +6518,6 @@ function requireCuratedPaletteValueKey(authoringKey) {
 	if (!palette) throw new Error(`Unknown curated palette authoring key "${authoringKey}"`);
 	return palette.valueKey;
 }
-z$1.string().transform((value, ctx) => {
-	const valueKey = parsePaletteValueKey(value);
-	if (!valueKey) {
-		ctx.addIssue({
-			code: "custom",
-			message: "Invalid canonical palette value key"
-		});
-		return z$1.NEVER;
-	}
-	const palette = findCuratedPalette(valueKey);
-	if (!palette) {
-		ctx.addIssue({
-			code: "custom",
-			message: "Unknown curated palette value key"
-		});
-		return z$1.NEVER;
-	}
-	return palette.valueKey;
-});
 //#endregion
 //#region ../theme-core/src/accordions/siteStyleDefaults.ts
 /**

package/dist/server/theme.mjs

@@ -431,7 +431,7 @@ const PALETTE_TOKEN_NAMES = [
 	"text",
 	"border"
 ];
-z$1.enum(PALETTE_TOKEN_NAMES);
+const paletteTokenNameSchema = z$1.enum(PALETTE_TOKEN_NAMES);
 const themeColorBaseTokenNames = [
 	...PALETTE_TOKEN_NAMES,
 	...blockColorTokenNames,
@@ -478,6 +478,144 @@ function parseThemeColorToken(value) {
 }
 const themeColorTokenSchema = z$1.string().min(1).refine((value) => Boolean(isThemeColorToken(value)), "Expected a known Theme V2 color token");
 //#endregion
+//#region ../theme-core/src/palette/colors.ts
+const HEX_COLOR_REGEX = /^#[0-9a-f]{6}$/;
+const NORMALIZABLE_HEX_REGEX = /^#(?:[0-9a-f]{3}|[0-9a-f]{6})$/i;
+const THEME_PALETTE_COLOR_ORDER = [
+	"primary",
+	"secondary",
+	"accent",
+	"success",
+	"warning",
+	"destructive",
+	"background",
+	"surface",
+	"surfaceAlt",
+	"muted",
+	"text",
+	"primaryForeground",
+	"border"
+];
+const hexColorSchema = z$1.string().regex(HEX_COLOR_REGEX, "Hex must be #RRGGBB (lowercase)").transform((value) => value);
+const paletteModeSchema = z$1.enum(["light", "dark"]);
+const PALETTE_VALUE_KEY_PREFIX = "palette-value:v1|";
+z$1.string().regex(/^[0-9a-f]{64}$/, "Palette hash must be a lowercase SHA-256 value").transform((value) => value);
+const paletteColorsSchema = z$1.object({
+	primary: hexColorSchema,
+	primaryForeground: hexColorSchema,
+	secondary: hexColorSchema,
+	accent: hexColorSchema,
+	success: hexColorSchema,
+	warning: hexColorSchema,
+	destructive: hexColorSchema,
+	background: hexColorSchema,
+	surface: hexColorSchema,
+	surfaceAlt: hexColorSchema,
+	muted: hexColorSchema,
+	text: hexColorSchema,
+	border: hexColorSchema
+}).strict().transform((value) => value);
+function normalizePaletteHex(value) {
+	if (!NORMALIZABLE_HEX_REGEX.test(value)) return null;
+	const normalized = value.toLowerCase();
+	if (normalized.length === 7) return normalized;
+	const triplet = normalized.slice(1);
+	const red = triplet.charAt(0);
+	const green = triplet.charAt(1);
+	const blue = triplet.charAt(2);
+	return `#${red}${red}${green}${green}${blue}${blue}`;
+}
+function paletteColorsFromEntries(entries) {
+	const values = {};
+	for (const entry of entries) {
+		const parsedRole = paletteTokenNameSchema.safeParse(entry.name);
+		if (!parsedRole.success) return {
+			ok: false,
+			error: {
+				kind: "unknown-role",
+				role: entry.name
+			}
+		};
+		const role = parsedRole.data;
+		if (values[role] !== void 0) return {
+			ok: false,
+			error: {
+				kind: "duplicate-role",
+				role
+			}
+		};
+		const hex = normalizePaletteHex(entry.hex);
+		if (!hex) return {
+			ok: false,
+			error: {
+				kind: "invalid-color",
+				role,
+				value: entry.hex
+			}
+		};
+		values[role] = hex;
+	}
+	const missing = PALETTE_TOKEN_NAMES.filter((role) => values[role] === void 0);
+	if (missing.length > 0) return {
+		ok: false,
+		error: {
+			kind: "missing-roles",
+			roles: missing
+		}
+	};
+	return {
+		ok: true,
+		colors: paletteColorsSchema.parse(values)
+	};
+}
+function paletteColorEntries(colors) {
+	return THEME_PALETTE_COLOR_ORDER.map((name) => ({
+		name,
+		hex: colors[name]
+	}));
+}
+function paletteColorFingerprint(colors) {
+	return PALETTE_TOKEN_NAMES.map((name) => `${name}:${colors[name]}`).join("|");
+}
+function canonicalPaletteHashInput(colors, mode) {
+	return `${mode}|${paletteColorFingerprint(colors)}`;
+}
+/**
+* The shared TypeScript/SQL protocol. Do not reorder roles: the order comes
+* from PALETTE_TOKEN_NAMES through canonicalPaletteHashInput.
+*/
+function paletteValueKey(colors, mode) {
+	return `${PALETTE_VALUE_KEY_PREFIX}${canonicalPaletteHashInput(colors, mode)}`;
+}
+/** Parses only the exact v1 canonical form emitted by paletteValueKey. */
+function parsePaletteValueKey(value) {
+	if (typeof value !== "string" || !value.startsWith(PALETTE_VALUE_KEY_PREFIX)) return null;
+	const [rawMode, ...rawRoles] = value.slice(17).split("|");
+	const mode = paletteModeSchema.safeParse(rawMode);
+	if (!mode.success || rawRoles.length !== PALETTE_TOKEN_NAMES.length) return null;
+	const colors = paletteColorsFromEntries(rawRoles.map((roleValue) => {
+		const separator = roleValue.indexOf(":");
+		return separator === -1 ? {
+			name: "",
+			hex: ""
+		} : {
+			name: roleValue.slice(0, separator),
+			hex: roleValue.slice(separator + 1)
+		};
+	}));
+	if (!colors.ok || paletteValueKey(colors.colors, mode.data) !== value) return null;
+	return value;
+}
+z$1.string().transform((value, ctx) => {
+	const parsed = parsePaletteValueKey(value);
+	if (parsed) return parsed;
+	ctx.addIssue({
+		code: "custom",
+		message: "Invalid canonical palette value key"
+	});
+	return z$1.NEVER;
+});
+//#endregion
 //#region ../theme-core/src/lib/media.ts
 const hotspotSchema = z.object({
 	x: z.number().min(0).max(1),
@@ -535,6 +673,34 @@ const mediaSchema = z.object({
 	transform: transformSchema.optional()
 });
 //#endregion
+//#region ../theme-core/src/palette/schema.ts
+const colourHexString = z$1.string().regex(/^#([0-9A-Fa-f]{3}){1,2}$/);
+const paletteColorSchema = z$1.object({
+	name: z$1.string().min(1),
+	hex: colourHexString
+});
+const paletteMetaSchema = z$1.object({ mode: z$1.enum(["light", "dark"]) });
+const paletteSchema = z$1.object({
+	colors: z$1.array(paletteColorSchema),
+	meta: paletteMetaSchema
+}).transform((palette, ctx) => {
+	const colors = paletteColorsFromEntries(palette.colors);
+	if (!colors.ok) {
+		ctx.addIssue({
+			code: "custom",
+			message: `Invalid complete palette: ${colors.error.kind}`
+		});
+		return z$1.NEVER;
+	}
+	return {
+		colors: paletteColorEntries(colors.colors).map(({ name, hex }) => ({
+			name: String(name),
+			hex: String(hex)
+		})),
+		meta: palette.meta
+	};
+});
+//#endregion
 //#region ../theme-core/src/buttons/types.ts
 /**
 * Standard semantic variant roles a theme exposes.
@@ -4051,16 +4217,6 @@ const axesSchema = z$1.object({
 		"expressive"
 	])
 });
-const colourHexString = z$1.string().regex(/^#([0-9A-Fa-f]{3}){1,2}$/);
-const paletteColorSchema = z$1.object({
-	name: z$1.string().min(1),
-	hex: colourHexString
-});
-const paletteMetaSchema = z$1.object({ mode: z$1.enum(["light", "dark"]) });
-const paletteSchema = z$1.object({
-	colors: z$1.array(paletteColorSchema),
-	meta: paletteMetaSchema
-});
 const typographyStyleSchema = z$1.object({
 	family: z$1.string().min(1),
 	weight: z$1.enum([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riverbankcms/sdk",
-  "version": "0.124.0",
+  "version": "0.126.0",
   "description": "Riverbank CMS SDK for headless content consumption",
   "main": "./dist/server/index.mjs",
   "module": "./dist/server/index.mjs",

package/dist/_dts/theme-core/src/palette/editorState.d.ts

@@ -1,75 +0,0 @@
-import type { PaletteColors, PaletteMode } from './colors';
-import type { KnownCuratedPaletteValueKey } from './curated';
-import type { ResolvedPaletteSelection } from './resolveSelection';
-import type { PaletteCommand, PaletteSelection, SitePaletteId, SitePaletteVersion } from './selection';
-export type PalettePreview = Readonly<{
-    kind: 'clean';
-    resolved: ResolvedPaletteSelection;
-}> | Readonly<{
-    kind: 'selected';
-    resolved: ResolvedPaletteSelection;
-}> | Readonly<{
-    kind: 'edited-curated';
-    sourceValueKey: KnownCuratedPaletteValueKey;
-    colors: PaletteColors;
-    mode: PaletteMode;
-}> | Readonly<{
-    kind: 'edited-site';
-    paletteId: SitePaletteId;
-    expectedVersion: SitePaletteVersion;
-    colors: PaletteColors;
-    mode: PaletteMode;
-}> | Readonly<{
-    kind: 'new-site';
-    colors: PaletteColors;
-    mode: PaletteMode;
-}>;
-export type PaletteEditorState = Readonly<{
-    committed: ResolvedPaletteSelection;
-    preview: PalettePreview;
-}>;
-/**
- * A complete palette projection for consumers which render a draft. Unlike a
- * command, this is always enough to compile the preview without reaching back
- * to a curated base plus a sparse overrides map.
- */
-export type CompletePaletteEditorPreview = Readonly<{
-    kind: 'selected';
-    selection: PaletteSelection;
-    colors: PaletteColors;
-    mode: PaletteMode;
-    version: SitePaletteVersion | null;
-}> | Readonly<{
-    kind: 'edited-curated';
-    sourceValueKey: KnownCuratedPaletteValueKey;
-    colors: PaletteColors;
-    mode: PaletteMode;
-}> | Readonly<{
-    kind: 'edited-site';
-    selection: Extract<PaletteSelection, {
-        kind: 'site';
-    }>;
-    expectedVersion: SitePaletteVersion;
-    colors: PaletteColors;
-    mode: PaletteMode;
-}> | Readonly<{
-    kind: 'new-site';
-    colors: PaletteColors;
-    mode: PaletteMode;
-}>;
-export type PaletteEditorAction = Readonly<{
-    kind: 'select';
-    resolved: ResolvedPaletteSelection;
-}> | Readonly<{
-    kind: 'edit';
-    colors: PaletteColors;
-    mode: PaletteMode;
-}> | Readonly<{
-    kind: 'create';
-}> | Readonly<{
-    kind: 'cancel';
-}>;
-export declare function createPaletteEditorState(committed: ResolvedPaletteSelection): PaletteEditorState;
-export declare function reducePaletteEditorState(state: PaletteEditorState, action: PaletteEditorAction): PaletteEditorState;
-export declare function planPaletteCommand(state: PaletteEditorState): PaletteCommand;
-export declare function completePaletteEditorPreview(state: PaletteEditorState): CompletePaletteEditorPreview;