@plitzi/sdk-server 0.32.14 → 0.32.16

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @plitzi/sdk-server
 
+## 0.32.16
+
+### Patch Changes
+
+- v0.32.16
+- Updated dependencies
+  - @plitzi/plitzi-sdk@0.32.16
+  - @plitzi/sdk-schema@0.32.16
+  - @plitzi/sdk-shared@0.32.16
+
+## 0.32.15
+
+### Patch Changes
+
+- v0.32.15
+- Updated dependencies
+  - @plitzi/plitzi-sdk@0.32.15
+  - @plitzi/sdk-schema@0.32.15
+  - @plitzi/sdk-shared@0.32.15
+
 ## 0.32.14
 
 ### Patch Changes

package/dist/adapters/jsonAdapters.js

@@ -13,7 +13,8 @@ var createJsonAdapters = (config) => {
 		}
 	};
 	const saveOfflineData = (spaceId, environment, data) => {
-		writeFileSync(typeof config.offlineData === "function" ? config.offlineData(spaceId, environment) : config.offlineData, JSON.stringify(data, null, 2));
+		const filePath = typeof config.offlineData === "function" ? config.offlineData(spaceId, environment) : config.offlineData;
+		writeFileSync(filePath, JSON.stringify(data, null, 2));
 		return Promise.resolve();
 	};
 	const getSpaceDeployment = (req) => {

package/dist/core/createServer.js

@@ -1,11 +1,19 @@
 import { createMCPServer } from "./server/mcpServer.js";
 import { resolveServices } from "./services/resolve.js";
-import { createSSRServer } from "./server/ssrServer.js";
+import { createPageServer, createSSRServer } from "./server/pageServer.js";
 //#region src/core/createServer.ts
+/** The general server: mounts whatever the config asks for — SSR, RSC and MCP together, if that is what it
+*  enables — and is what a deployment reaches for when it serves more than one surface from a single port (the
+*  package's own standalone harness does exactly that).
+*
+*  Prefer the surface-specific factories whenever the surface IS known, so the process states what it serves by
+*  the name it calls: createSSRServer for pages + RSC, createMCPServer for a dedicated MCP server. An MCP-only
+*  config is handed to the latter here, since the lean pipeline builds none of the render template, caches or
+*  plugin manager a page server would carry unused. */
 var createServer = (config) => {
 	const services = resolveServices(config);
 	if (services.mcp && !services.ssr && !services.rsc && !services.ai) return createMCPServer(config);
-	return createSSRServer(config);
+	return createPageServer(config, services);
 };
 //#endregion
 export { createMCPServer, createSSRServer, createServer, resolveServices };

package/dist/core/http/stages/middlewares.js

@@ -5,12 +5,13 @@ import { spaceDeploymentMiddleware } from "../../../middlewares/spaceDeployment.
 //#region src/core/http/stages/middlewares.ts
 var middlewaresStage = async (ctx) => {
 	const { config, req, res } = ctx;
-	return await runMiddlewares([
+	const middlewares = [
 		spaceDeploymentMiddleware(config.adapters),
 		basicAuthMiddleware({ cacheTtlMs: config.cacheTtlMs }),
 		authMiddleware(config.adapters),
 		...config.middlewares || []
-	], req, res) || res.status !== 200;
+	];
+	return await runMiddlewares(middlewares, req, res) || res.status !== 200;
 };
 //#endregion
 export { middlewaresStage };

package/dist/core/http/stages/pluginAssets.js

@@ -7,10 +7,11 @@ var pluginAssetsStage = async (ctx) => {
 	const pluginName = relative.split("/")[1];
 	if (pluginName && pluginManager.hasPlugin(pluginName)) {
 		await pluginManager.prepare(pluginName);
-		if (serveStatic({
+		const strippedReq = {
 			...req,
 			path: relative
-		}, res, pluginManager.outputDir)) return true;
+		};
+		if (serveStatic(strippedReq, res, pluginManager.outputDir)) return true;
 	}
 	res.setStatus(404);
 	res.send("Not found");

package/dist/core/http/stages/static.js

@@ -20,10 +20,11 @@ var configStaticStage = (ctx) => {
 		if (ctx.req.path === prefix || ctx.req.path.startsWith(normalizedPrefix)) {
 			ctx.res.setHeader("Access-Control-Allow-Origin", "*");
 			ctx.res.setHeader("Cross-Origin-Resource-Policy", "cross-origin");
-			if (serveStatic({
+			const strippedReq = {
 				...ctx.req,
 				path: ctx.req.path.slice(prefix.length) || "/"
-			}, ctx.res, rootDir)) return true;
+			};
+			if (serveStatic(strippedReq, ctx.res, rootDir)) return true;
 		}
 	}
 	return false;

package/dist/core/requestParser.js

@@ -47,7 +47,7 @@ var clientIp = (raw, req) => {
 	const forwardedFor = headerValue(req.headers["x-forwarded-for"]).split(",")[0] ?? "";
 	return unmapIpv4(headerValue(req.headers["cf-connecting-ip"]) || headerValue(req.headers["x-real-ip"]) || forwardedFor.trim() || raw.socket.remoteAddress || "");
 };
-var MAX_BODY_BYTES = 1024 * 1024;
+var MAX_BODY_BYTES = 1048576;
 var readRawBody = (raw) => new Promise((resolve, reject) => {
 	const chunks = [];
 	let size = 0;

package/dist/core/server/{ssrServer.js → pageServer.js}

@@ -4,16 +4,18 @@ import { DEFAULT_TTL_MS } from "../../helpers/cache/defaults.js";
 import { buildCacheManager } from "../../helpers/cache/cacheManager.js";
 import { createServerCaches, destroyServerCaches } from "../../helpers/cache/serverCaches.js";
 import { createMemoryDraftStore } from "../../modules/ssr/preview.js";
-import { buildSSRPipeline } from "../services/registry.js";
+import { buildPagePipeline } from "../services/registry.js";
 import normalizePlugins, { normalizePluginSource } from "../../helpers/normalizePlugins.js";
 import { compileTemplate } from "../../modules/ssr/template.js";
 import { PluginManager } from "../../plugins/manager.js";
 import { resolveServices } from "../services/resolve.js";
-//#region src/core/server/ssrServer.ts
-var createSSRServer = (config) => {
+//#region src/core/server/pageServer.ts
+/** The page-serving machinery: html/rsc caches, the render template and the plugin manager, driving the page
+*  pipeline. Which services it mounts is the CALLER's decision — {@link createServer} passes whatever the config
+*  enables, createSSRServer pins the page surface — so this unit never second-guesses a factory's promise. */
+var createPageServer = (config, services) => {
 	const { cacheTtlMs: htmlTtlMs = DEFAULT_TTL_MS.html } = config;
 	if (config.preview?.enabled && !config.draftStore) config.draftStore = createMemoryDraftStore();
-	const services = resolveServices(config);
 	const caches = createServerCaches(htmlTtlMs, config.rsc?.cacheTtlMs ?? DEFAULT_TTL_MS.rsc);
 	const cache = caches.html ? buildCacheManager(caches.html) : null;
 	const renderFn = config.templateFn ?? compileTemplate();
@@ -25,7 +27,7 @@ var createSSRServer = (config) => {
 		},
 		invalidate: (name, version) => pluginManager.invalidate(name, version)
 	};
-	const stages = buildSSRPipeline(services);
+	const stages = buildPagePipeline(services);
 	const makeHandlerForPort = (port) => {
 		const buildContext = (raw, rawRes, req, res) => ({
 			raw,
@@ -50,5 +52,12 @@ var createSSRServer = (config) => {
 		}
 	});
 };
+/** The page server: SSR and RSC, and nothing else. MCP is pinned OFF here even when the config asks for it —
+*  what a factory named after a surface mounts must be readable from its name alone. A deployment that wants
+*  both surfaces in one process asks {@link createServer} for them; a dedicated MCP server is createMCPServer. */
+var createSSRServer = (config) => createPageServer(config, {
+	...resolveServices(config),
+	mcp: false
+});
 //#endregion
-export { createSSRServer };
+export { createPageServer, createSSRServer };

package/dist/core/services/registry.js

@@ -9,7 +9,7 @@ import { middlewaresStage } from "../http/stages/middlewares.js";
 import { pluginAssetsStage } from "../http/stages/pluginAssets.js";
 import { builtinPublicStage, configStaticStage, publicDirStage, wellKnownStage } from "../http/stages/static.js";
 //#region src/core/services/registry.ts
-var buildSSRPipeline = (services) => {
+var buildPagePipeline = (services) => {
 	const stages = [
 		healthStage,
 		builtinPublicStage,
@@ -34,4 +34,4 @@ var buildMCPPipeline = () => [
 	mcpOnlyStage
 ];
 //#endregion
-export { buildMCPPipeline, buildSSRPipeline };
+export { buildMCPPipeline, buildPagePipeline };

package/dist/helpers/cache/defaults.js

@@ -1,9 +1,9 @@
 //#region src/helpers/cache/defaults.ts
 var DEFAULT_TTL_MS = {
-	html: 300 * 1e3,
+	html: 3e5,
 	rsc: 3e4,
-	auth: 300 * 1e3,
-	offlineData: 300 * 1e3
+	auth: 3e5,
+	offlineData: 3e5
 };
 //#endregion
 export { DEFAULT_TTL_MS };

package/dist/index.js

@@ -16,7 +16,7 @@ import { createMemoryDraftStore, createPreview } from "./modules/ssr/preview.js"
 import { buildHealthPayload, registerHealthCheck } from "./core/health.js";
 import { createMCPServer } from "./core/server/mcpServer.js";
 import { resolveServices } from "./core/services/resolve.js";
-import { createSSRServer } from "./core/server/ssrServer.js";
+import { createSSRServer } from "./core/server/pageServer.js";
 import { createServer } from "./core/createServer.js";
 import { createJsonAdapters } from "./adapters/jsonAdapters.js";
 import AIEngine from "./modules/ai/AIEngine.js";

package/dist/modules/mcp/catalogs/cssCatalog/border.js

@@ -0,0 +1,30 @@
+import { BORDER_STYLES, BORDER_WIDTH_KEYWORDS, LENGTH_RE, SIDES, expandTo4, splitTokens } from "./helpers.js";
+//#region src/modules/mcp/catalogs/cssCatalog/border.ts
+var BORDER_INITIAL = {
+	width: "medium",
+	style: "none",
+	color: "currentcolor"
+};
+var classifyBorderToken = (token) => {
+	if (BORDER_STYLES.has(token)) return "style";
+	if (BORDER_WIDTH_KEYWORDS.has(token) || LENGTH_RE.test(token)) return "width";
+	return "color";
+};
+var classifyBorderTokens = (value) => {
+	const parts = { ...BORDER_INITIAL };
+	for (const token of splitTokens(value)) parts[classifyBorderToken(token)] = token;
+	return parts;
+};
+var expandBorder = (key, value, out) => {
+	const sides = key === "border" ? SIDES : [key.slice(7)];
+	const parts = classifyBorderTokens(value);
+	for (const side of sides) for (const [kind, token] of Object.entries(parts)) out[`border-${side}-${kind}`] = token;
+};
+var expandBorderGroup = (suffix, value, out) => {
+	const values = expandTo4(splitTokens(value));
+	SIDES.forEach((side, index) => {
+		out[`border-${side}-${suffix}`] = values[index];
+	});
+};
+//#endregion
+export { classifyBorderTokens, expandBorder, expandBorderGroup };

package/dist/modules/mcp/catalogs/cssCatalog/box.js

@@ -0,0 +1,31 @@
+import { expandTo4, splitPair, splitTokens } from "./helpers.js";
+//#region src/modules/mcp/catalogs/cssCatalog/box.ts
+var CORNERS = [
+	"top-left",
+	"top-right",
+	"bottom-right",
+	"bottom-left"
+];
+var expandBox = (key, value, out) => {
+	const [top, right, bottom, left] = expandTo4(splitTokens(value));
+	const prefix = key === "inset" ? "" : `${key}-`;
+	out[`${prefix}top`] = top;
+	out[`${prefix}right`] = right;
+	out[`${prefix}bottom`] = bottom;
+	out[`${prefix}left`] = left;
+};
+var expandBorderRadius = (value, out) => {
+	const [horizontal, vertical] = splitPair(value, "/");
+	const h = expandTo4(splitTokens(horizontal));
+	const v = vertical === void 0 ? void 0 : expandTo4(splitTokens(vertical));
+	CORNERS.forEach((corner, index) => {
+		out[`border-${corner}-radius`] = v ? `${h[index]} ${v[index]}` : h[index];
+	});
+};
+var expandGap = (value, out) => {
+	const [row, col = row] = splitTokens(value);
+	out["row-gap"] = row;
+	out["column-gap"] = col;
+};
+//#endregion
+export { expandBorderRadius, expandBox, expandGap };

package/dist/modules/mcp/catalogs/cssCatalog/helpers.js

@@ -0,0 +1,185 @@
+//#region src/modules/mcp/catalogs/cssCatalog/helpers.ts
+var walkTopLevel = (value, onChar) => {
+	let depth = 0;
+	let quote = "";
+	for (const ch of value) {
+		if (quote) {
+			onChar(ch, false);
+			if (ch === quote) quote = "";
+			continue;
+		}
+		if (/["']/.test(ch)) {
+			quote = ch;
+			onChar(ch, false);
+			continue;
+		}
+		if (ch === "(") depth += 1;
+		else if (ch === ")") depth = Math.max(0, depth - 1);
+		onChar(ch, depth === 0);
+	}
+};
+/** Split a shorthand value into whitespace-separated tokens, keeping parenthesized and quoted runs whole. */
+var splitTokens = (value) => {
+	const tokens = [];
+	let current = "";
+	walkTopLevel(value.trim(), (ch, topLevel) => {
+		if (topLevel && /\s/.test(ch)) {
+			if (current) {
+				tokens.push(current);
+				current = "";
+			}
+		} else current += ch;
+	});
+	if (current) tokens.push(current);
+	return tokens;
+};
+/** Split a value on a top-level separator. Used for the comma-separated layers of transition/animation/background
+*  and for the `/` of border-radius/grid-template/grid-row. */
+var splitOn = (value, separator) => {
+	const parts = [];
+	let current = "";
+	walkTopLevel(value, (ch, topLevel) => {
+		if (topLevel && ch === separator) {
+			parts.push(current);
+			current = "";
+		} else current += ch;
+	});
+	parts.push(current);
+	return parts.map((part) => part.trim());
+};
+/** Split a value on its first top-level `/` — the `a / b` form of border-radius, grid-template, background and
+*  font. Returns the half after the slash as undefined when there is none, which is what tells those expanders the
+*  second half was not declared at all. */
+var splitPair = (value, separator) => {
+	const [first, ...rest] = splitOn(value, separator);
+	return [first, rest.length > 0 ? rest.join(separator) : void 0];
+};
+var TIME_RE = /^-?[\d.]+(ms|s)$/;
+var NUMBER_RE = /^-?[\d.]+$/;
+/** A numeric value with an optional unit or `%` — matches both `12px` and `50%`. */
+var LENGTH_RE = /^-?[\d.]+([a-z%]*)$/;
+var QUOTE_RE = /^['"]/;
+/** Resolve the 1–4 value syntax shared by padding/margin/inset (top/right/bottom/left) and border-radius
+*  (top-left/top-right/bottom-right/bottom-left): 1 value fills all, 2 pair up, 3 leave the 4th mirroring the 2nd. */
+var expandTo4 = (tokens) => {
+	const [a, b = a, c = a, d = b] = tokens;
+	return [
+		a,
+		b,
+		c,
+		d
+	];
+};
+var SIDES = [
+	"top",
+	"right",
+	"bottom",
+	"left"
+];
+var FLEX_DIRECTIONS = /* @__PURE__ */ new Set([
+	"row",
+	"row-reverse",
+	"column",
+	"column-reverse"
+]);
+var FLEX_WRAPS = /* @__PURE__ */ new Set([
+	"nowrap",
+	"wrap",
+	"wrap-reverse"
+]);
+var LIST_STYLE_TYPES = /* @__PURE__ */ new Set([
+	"disc",
+	"circle",
+	"square",
+	"decimal",
+	"decimal-leading-zero",
+	"lower-roman",
+	"upper-roman",
+	"lower-alpha",
+	"upper-alpha",
+	"lower-greek",
+	"lower-latin",
+	"upper-latin",
+	"armenian",
+	"georgian",
+	"none"
+]);
+var LIST_STYLE_POSITIONS = /* @__PURE__ */ new Set(["inside", "outside"]);
+var TEXT_DECORATION_LINES = /* @__PURE__ */ new Set([
+	"underline",
+	"overline",
+	"line-through",
+	"blink",
+	"none"
+]);
+var TEXT_DECORATION_STYLES = /* @__PURE__ */ new Set([
+	"solid",
+	"double",
+	"dotted",
+	"dashed",
+	"wavy"
+]);
+var TIMING_FUNCTIONS = /* @__PURE__ */ new Set([
+	"ease",
+	"linear",
+	"ease-in",
+	"ease-out",
+	"ease-in-out",
+	"step-start",
+	"step-end"
+]);
+/** A timing function may also be a function call — cubic-bezier(…) or steps(…). */
+var isTimingFunction = (token) => TIMING_FUNCTIONS.has(token) || token.startsWith("cubic-bezier(") || token.startsWith("steps(");
+var ANIMATION_DIRECTIONS = /* @__PURE__ */ new Set([
+	"normal",
+	"reverse",
+	"alternate",
+	"alternate-reverse"
+]);
+var ANIMATION_FILL_MODES = /* @__PURE__ */ new Set([
+	"none",
+	"forwards",
+	"backwards",
+	"both"
+]);
+var ANIMATION_PLAY_STATES = /* @__PURE__ */ new Set(["running", "paused"]);
+var FONT_STYLE_KEYWORDS = /* @__PURE__ */ new Set([
+	"normal",
+	"italic",
+	"oblique"
+]);
+var FONT_VARIANT_KEYWORDS = /* @__PURE__ */ new Set(["normal", "small-caps"]);
+var FONT_WEIGHT_KEYWORDS = /* @__PURE__ */ new Set([
+	"normal",
+	"bold",
+	"bolder",
+	"lighter",
+	"100",
+	"200",
+	"300",
+	"400",
+	"500",
+	"600",
+	"700",
+	"800",
+	"900"
+]);
+var BORDER_STYLES = /* @__PURE__ */ new Set([
+	"none",
+	"hidden",
+	"dotted",
+	"dashed",
+	"solid",
+	"double",
+	"groove",
+	"ridge",
+	"inset",
+	"outset"
+]);
+var BORDER_WIDTH_KEYWORDS = /* @__PURE__ */ new Set([
+	"thin",
+	"medium",
+	"thick"
+]);
+//#endregion
+export { ANIMATION_DIRECTIONS, ANIMATION_FILL_MODES, ANIMATION_PLAY_STATES, BORDER_STYLES, BORDER_WIDTH_KEYWORDS, FLEX_DIRECTIONS, FLEX_WRAPS, FONT_STYLE_KEYWORDS, FONT_VARIANT_KEYWORDS, FONT_WEIGHT_KEYWORDS, LENGTH_RE, LIST_STYLE_POSITIONS, LIST_STYLE_TYPES, NUMBER_RE, QUOTE_RE, SIDES, TEXT_DECORATION_LINES, TEXT_DECORATION_STYLES, TIME_RE, expandTo4, isTimingFunction, splitOn, splitPair, splitTokens };

package/dist/modules/mcp/catalogs/cssCatalog/index.js

@@ -0,0 +1,131 @@
+import { SIDES } from "./helpers.js";
+import { expandBorder, expandBorderGroup } from "./border.js";
+import { expandBorderRadius, expandBox, expandGap } from "./box.js";
+import { expandColumns, expandFlex, expandFlexFlow, expandGridArea, expandGridLine, expandGridTemplate, expandOverflow, expandPlacePair } from "./layout.js";
+import { expandAnimation, expandBackground, expandFont, expandListStyle, expandOutline, expandTextDecoration, expandTransition } from "./visual.js";
+import styleConstants from "@plitzi/sdk-shared/style/styleConstants";
+//#region src/modules/mcp/catalogs/cssCatalog/index.ts
+/** Every kebab-case CSS property Plitzi's style engine understands. Values written to a definition
+*  must use these exact keys — camelCase or unknown keys are rejected by the validator. */
+var cssProperties = Array.from(new Set(Object.values(styleConstants))).sort();
+var cssPropertySet = new Set(cssProperties);
+var isCssProperty = (key) => cssPropertySet.has(key);
+var toKebab = (key) => key.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+/** If a camelCase key maps to a known kebab-case property, return it — used to teach the agent the correct key. */
+var suggestCssProperty = (key) => {
+	const kebab = toKebab(key);
+	return cssPropertySet.has(kebab) ? kebab : void 0;
+};
+var EXPANDERS = /* @__PURE__ */ new Map([
+	["padding", expandBox],
+	["margin", expandBox],
+	["inset", expandBox],
+	["border-radius", (_key, value, out) => expandBorderRadius(value, out)],
+	["gap", (_key, value, out) => expandGap(value, out)],
+	["border-width", (key, value, out) => expandBorderGroup(key.slice(7), value, out)],
+	["border-color", (key, value, out) => expandBorderGroup(key.slice(7), value, out)],
+	["border-style", (key, value, out) => expandBorderGroup(key.slice(7), value, out)],
+	["border", expandBorder],
+	["overflow", (_key, value, out) => expandOverflow(value, out)],
+	["flex", (_key, value, out) => expandFlex(value, out)],
+	["flex-flow", (_key, value, out) => expandFlexFlow(value, out)],
+	["place-content", (_key, value, out) => expandPlacePair("place-content", value, out)],
+	["place-items", (_key, value, out) => expandPlacePair("place-items", value, out)],
+	["place-self", (_key, value, out) => expandPlacePair("place-self", value, out)],
+	["grid-row", (_key, value, out) => expandGridLine("grid-row", value, out)],
+	["grid-column", (_key, value, out) => expandGridLine("grid-column", value, out)],
+	["grid-area", (_key, value, out) => expandGridArea(value, out)],
+	["grid", (_key, value, out) => expandGridTemplate(value, out)],
+	["grid-template", (_key, value, out) => expandGridTemplate(value, out)],
+	["columns", (_key, value, out) => expandColumns(value, out)],
+	["outline", (_key, value, out) => expandOutline(value, out)],
+	["list-style", (_key, value, out) => expandListStyle(value, out)],
+	["text-decoration", (_key, value, out) => expandTextDecoration(value, out)],
+	["transition", (_key, value, out) => expandTransition(value, out)],
+	["animation", (_key, value, out) => expandAnimation(value, out)],
+	["background", (_key, value, out) => expandBackground(value, out)],
+	["font", (_key, value, out) => expandFont(value, out)]
+]);
+for (const side of SIDES) EXPANDERS.set(`border-${side}`, expandBorder);
+/** Every shorthand the MCP accepts and atomizes — advertised to the agent so it knows it may write plain CSS. */
+var cssShorthands = Array.from(EXPANDERS.keys()).sort();
+var expandOne = (key, raw, out) => {
+	const expand = EXPANDERS.get(key);
+	if (!expand) return false;
+	const value = String(raw).trim();
+	if (value !== "") expand(key, value, out);
+	return true;
+};
+/** Expand supported CSS shorthands to their longhand keys. Explicit longhands in the same map win over any
+*  expansion (so `{ padding: 8, padding-left: 0 }` keeps padding-left: 0). Unrecognized keys pass through. */
+var expandShorthand = (css) => {
+	const expanded = {};
+	const direct = {};
+	for (const [key, value] of Object.entries(css)) if (!expandOne(key, value, expanded)) direct[key] = value;
+	return {
+		...expanded,
+		...direct
+	};
+};
+var REMOVAL_PROBE = new Map(Object.entries({
+	padding: "0",
+	margin: "0",
+	inset: "0",
+	"border-radius": "0 0 0 0 / 0 0 0 0",
+	gap: "0 0",
+	"border-width": "0 0 0 0",
+	"border-color": "red red red red",
+	"border-style": "solid solid solid solid",
+	border: "0 solid red",
+	overflow: "visible visible",
+	flex: "0 0 auto",
+	"flex-flow": "row nowrap",
+	"place-content": "start start",
+	"place-items": "start start",
+	"place-self": "start start",
+	"grid-row": "auto / auto",
+	"grid-column": "auto / auto",
+	"grid-area": "auto / auto / auto / auto",
+	grid: "\"a\" 0 / 0",
+	"grid-template": "\"a\" 0 / 0",
+	columns: "0 0",
+	outline: "0 solid red",
+	"list-style": "disc inside url(x)",
+	"text-decoration": "underline solid red",
+	transition: "all 0s ease 0s",
+	animation: "a 0s ease 0s 1 normal forwards running",
+	background: "red url(x) no-repeat scroll 0 0 / auto padding-box border-box",
+	font: "italic small-caps bold 0px/0 a"
+}));
+for (const side of SIDES) REMOVAL_PROBE.set(`border-${side}`, "0 solid red");
+/** The longhand keys a shorthand controls — what a `null` patch value has to clear. */
+var shorthandLonghands = (key) => {
+	const probe = REMOVAL_PROBE.get(key);
+	if (probe === void 0) return;
+	const out = {};
+	expandOne(key, probe, out);
+	return Object.keys(out);
+};
+/** Patch flavour of {@link expandShorthand}: a `null` value removes every longhand the key controls, so
+*  `{ padding: null }` clears all four sides rather than a `padding` key that was never stored. */
+var expandShorthandPatch = (css) => {
+	const expanded = {};
+	const direct = {};
+	for (const [key, value] of Object.entries(css)) {
+		if (value === null) {
+			const longhands = shorthandLonghands(key);
+			if (longhands) for (const longhand of longhands) expanded[longhand] = null;
+			else direct[key] = null;
+			continue;
+		}
+		const props = {};
+		if (expandOne(key, value, props)) Object.assign(expanded, props);
+		else direct[key] = value;
+	}
+	return {
+		...expanded,
+		...direct
+	};
+};
+//#endregion
+export { cssProperties, cssShorthands, expandShorthand, expandShorthandPatch, isCssProperty, shorthandLonghands, suggestCssProperty };