@plitzi/sdk-server 0.32.24 → 0.33.0

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

@@ -1,31 +0,0 @@
-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

@@ -1,185 +0,0 @@
-//#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

@@ -1,131 +0,0 @@
-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 };

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

@@ -1,98 +0,0 @@
-import { FLEX_DIRECTIONS, FLEX_WRAPS, LENGTH_RE, NUMBER_RE, QUOTE_RE, splitOn, splitPair, splitTokens } from "./helpers.js";
-//#region src/modules/mcp/catalogs/cssCatalog/layout.ts
-var expandOverflow = (value, out) => {
-	const [x, y = x] = splitTokens(value);
-	out["overflow-x"] = x;
-	out["overflow-y"] = y;
-};
-var FLEX_KEYWORDS = /* @__PURE__ */ new Map([
-	["none", [
-		"0",
-		"0",
-		"auto"
-	]],
-	["auto", [
-		"1",
-		"1",
-		"auto"
-	]],
-	["initial", [
-		"0",
-		"1",
-		"auto"
-	]]
-]);
-var writeFlex = (out, grow, shrink, basis) => {
-	out["flex-grow"] = grow;
-	out["flex-shrink"] = shrink;
-	out["flex-basis"] = basis;
-};
-var expandFlex = (value, out) => {
-	const tokens = splitTokens(value);
-	if (tokens.length === 1) {
-		const [only] = tokens;
-		const keyword = FLEX_KEYWORDS.get(only);
-		if (keyword) writeFlex(out, ...keyword);
-		else if (NUMBER_RE.test(only)) writeFlex(out, only, "1", "0%");
-		else writeFlex(out, "1", "1", only);
-		return;
-	}
-	const [grow, second, third] = tokens;
-	if (!NUMBER_RE.test(grow)) return;
-	if (tokens.length === 2) if (NUMBER_RE.test(second)) writeFlex(out, grow, second, "0%");
-	else writeFlex(out, grow, "1", second);
-	else writeFlex(out, grow, second, third);
-};
-var expandFlexFlow = (value, out) => {
-	for (const token of splitTokens(value)) if (FLEX_DIRECTIONS.has(token)) out["flex-direction"] = token;
-	else if (FLEX_WRAPS.has(token)) out["flex-wrap"] = token;
-};
-var expandPlacePair = (prefix, value, out) => {
-	const [align, justify = align] = splitTokens(value);
-	const prop = prefix.slice(6);
-	out[`align-${prop}`] = align;
-	out[`justify-${prop}`] = justify;
-};
-var expandGridLine = (key, value, out) => {
-	const axis = key.slice(5);
-	const [start, end = "auto"] = splitOn(value, "/");
-	out[`grid-${axis}-start`] = start;
-	out[`grid-${axis}-end`] = end;
-};
-var expandGridArea = (value, out) => {
-	const [rowStart, colStart = rowStart, rowEnd = colStart, colEnd = rowEnd] = splitOn(value, "/");
-	out["grid-row-start"] = rowStart;
-	out["grid-column-start"] = colStart;
-	out["grid-row-end"] = rowEnd;
-	out["grid-column-end"] = colEnd;
-};
-var expandColumns = (value, out) => {
-	const tokens = splitTokens(value);
-	if (tokens.length === 1) {
-		const [only] = tokens;
-		if (NUMBER_RE.test(only)) out["column-count"] = only;
-		else out["column-width"] = only;
-	} else if (tokens.length >= 2) {
-		const [first, second] = tokens;
-		const [width, count] = NUMBER_RE.test(first) ? [second, first] : [first, second];
-		out["column-width"] = width;
-		out["column-count"] = count;
-	}
-};
-var isTrackList = (tokens) => tokens.some((token) => token === "none" || token === "auto" || token === "min-content" || token === "max-content" || token.startsWith("[") || token.startsWith("minmax(") || token.startsWith("repeat(") || token.startsWith("fit-content(") || LENGTH_RE.test(token) || /^-?[\d.]+fr$/.test(token));
-var expandGridTemplate = (value, out) => {
-	const [first, second] = splitPair(value, "/");
-	const rowTokens = splitTokens(first);
-	const areas = rowTokens.filter((token) => QUOTE_RE.test(token));
-	const sizes = rowTokens.filter((token) => !QUOTE_RE.test(token));
-	if (second !== void 0) {
-		if (second !== "") out["grid-template-columns"] = second;
-	} else if (areas.length === 0) {
-		if (isTrackList(rowTokens)) out["grid-template-columns"] = first;
-		return;
-	}
-	if (areas.length > 0) out["grid-template-areas"] = areas.join(" ");
-	if (sizes.length > 0) out["grid-template-rows"] = sizes.join(" ");
-};
-//#endregion
-export { expandColumns, expandFlex, expandFlexFlow, expandGridArea, expandGridLine, expandGridTemplate, expandOverflow, expandPlacePair };

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

@@ -1,144 +0,0 @@
-import { ANIMATION_DIRECTIONS, ANIMATION_FILL_MODES, ANIMATION_PLAY_STATES, FONT_STYLE_KEYWORDS, FONT_VARIANT_KEYWORDS, FONT_WEIGHT_KEYWORDS, LENGTH_RE, LIST_STYLE_POSITIONS, LIST_STYLE_TYPES, NUMBER_RE, TEXT_DECORATION_LINES, TEXT_DECORATION_STYLES, TIME_RE, isTimingFunction, splitOn, splitPair, splitTokens } from "./helpers.js";
-import { classifyBorderTokens } from "./border.js";
-//#region src/modules/mcp/catalogs/cssCatalog/visual.ts
-var expandLayers = (value, out, expandLayer) => {
-	const layers = splitOn(value, ",");
-	if (layers.length === 1) {
-		expandLayer(layers[0], out);
-		return;
-	}
-	const perLayer = layers.map((layer) => {
-		const layerOut = {};
-		expandLayer(layer, layerOut);
-		return layerOut;
-	});
-	const keys = new Set(perLayer.flatMap((layer) => Object.keys(layer)));
-	for (const key of keys) out[key] = perLayer.map((layer) => String(layer[key] ?? "initial")).join(", ");
-};
-var expandOutline = (value, out) => {
-	for (const [kind, token] of Object.entries(classifyBorderTokens(value))) out[`outline-${kind}`] = token;
-};
-var expandListStyle = (value, out) => {
-	for (const token of splitTokens(value)) if (token.startsWith("url(")) out["list-style-image"] = token;
-	else if (LIST_STYLE_POSITIONS.has(token)) out["list-style-position"] = token;
-	else if (LIST_STYLE_TYPES.has(token)) out["list-style-type"] = token;
-};
-var expandTextDecoration = (value, out) => {
-	for (const token of splitTokens(value)) if (TEXT_DECORATION_LINES.has(token)) out["text-decoration-line"] = token;
-	else if (TEXT_DECORATION_STYLES.has(token)) out["text-decoration-style"] = token;
-	else out["text-decoration-color"] = token;
-};
-var expandTransitionLayer = (layer, out) => {
-	let foundDuration = false;
-	for (const token of splitTokens(layer)) if (isTimingFunction(token)) out["transition-timing-function"] = token;
-	else if (TIME_RE.test(token) || NUMBER_RE.test(token)) if (foundDuration) out["transition-delay"] = token;
-	else {
-		out["transition-duration"] = token;
-		foundDuration = true;
-	}
-	else if (!out["transition-property"]) out["transition-property"] = token;
-};
-var expandTransition = (value, out) => expandLayers(value, out, expandTransitionLayer);
-var expandAnimationLayer = (layer, out) => {
-	let foundDuration = false;
-	for (const token of splitTokens(layer)) if (isTimingFunction(token)) out["animation-timing-function"] = token;
-	else if (TIME_RE.test(token)) if (foundDuration) out["animation-delay"] = token;
-	else {
-		out["animation-duration"] = token;
-		foundDuration = true;
-	}
-	else if (token === "infinite" || NUMBER_RE.test(token)) out["animation-iteration-count"] = token;
-	else if (ANIMATION_DIRECTIONS.has(token) && !out["animation-direction"]) out["animation-direction"] = token;
-	else if (ANIMATION_FILL_MODES.has(token) && !out["animation-fill-mode"]) out["animation-fill-mode"] = token;
-	else if (ANIMATION_PLAY_STATES.has(token) && !out["animation-play-state"]) out["animation-play-state"] = token;
-	else if (!out["animation-name"]) out["animation-name"] = token;
-};
-var expandAnimation = (value, out) => expandLayers(value, out, expandAnimationLayer);
-var BACKGROUND_REPEATS = /* @__PURE__ */ new Set([
-	"repeat",
-	"no-repeat",
-	"repeat-x",
-	"repeat-y",
-	"space",
-	"round"
-]);
-var BACKGROUND_ATTACHMENTS = /* @__PURE__ */ new Set([
-	"scroll",
-	"fixed",
-	"local"
-]);
-var BACKGROUND_BOXES = /* @__PURE__ */ new Set([
-	"border-box",
-	"padding-box",
-	"content-box"
-]);
-var BACKGROUND_POSITIONS = /* @__PURE__ */ new Set([
-	"center",
-	"top",
-	"bottom",
-	"left",
-	"right"
-]);
-var isImage = (token) => token.startsWith("url(") || token.includes("-gradient(");
-var isPosition = (token) => BACKGROUND_POSITIONS.has(token) || LENGTH_RE.test(token);
-var isSize = (token) => token === "cover" || token === "contain" || token === "auto" || LENGTH_RE.test(token);
-var expandBackgroundLayer = (layer, out) => {
-	const [beforeSlash, afterSlash] = splitPair(layer, "/");
-	const tokens = splitTokens(beforeSlash);
-	if (afterSlash !== void 0) {
-		let positionStart = tokens.length;
-		while (positionStart > 0 && isPosition(tokens[positionStart - 1])) positionStart -= 1;
-		const position = tokens.splice(positionStart, tokens.length - positionStart);
-		if (position.length > 0) out["background-position"] = position.join(" ");
-		const afterTokens = splitTokens(afterSlash);
-		let sizeEnd = 0;
-		while (sizeEnd < afterTokens.length && isSize(afterTokens[sizeEnd])) sizeEnd += 1;
-		if (sizeEnd > 0) out["background-size"] = afterTokens.slice(0, sizeEnd).join(" ");
-		tokens.push(...afterTokens.slice(sizeEnd));
-	}
-	const positions = [];
-	for (const token of tokens) if (isImage(token)) out["background-image"] = token;
-	else if (BACKGROUND_REPEATS.has(token)) out["background-repeat"] = token;
-	else if (token === "cover" || token === "contain") out["background-size"] = token;
-	else if (BACKGROUND_ATTACHMENTS.has(token)) out["background-attachment"] = token;
-	else if (BACKGROUND_BOXES.has(token)) if (out["background-origin"]) out["background-clip"] = token;
-	else out["background-origin"] = token;
-	else if (isPosition(token)) positions.push(token);
-	else if (!out["background-color"]) out["background-color"] = token;
-	if (positions.length > 0) out["background-position"] = positions.join(" ");
-};
-var expandBackground = (value, out) => expandLayers(value, out, expandBackgroundLayer);
-var expandFont = (value, out) => {
-	const [beforeSlash, afterSlash] = splitPair(value, "/");
-	const tokens = splitTokens(beforeSlash);
-	if (afterSlash !== void 0) {
-		const [lineHeight, ...family] = splitTokens(afterSlash);
-		out["line-height"] = lineHeight;
-		if (family.length > 0) out["font-family"] = family.join(" ");
-	}
-	const family = [];
-	let foundSize = false;
-	for (const token of tokens) {
-		if (foundSize) {
-			family.push(token);
-			continue;
-		}
-		if (token === "normal") {
-			const slot = [
-				"font-style",
-				"font-variant",
-				"font-weight"
-			].find((prop) => !out[prop]);
-			if (slot) out[slot] = token;
-		} else if (FONT_STYLE_KEYWORDS.has(token) && !out["font-style"]) out["font-style"] = token;
-		else if (FONT_VARIANT_KEYWORDS.has(token) && !out["font-variant"]) out["font-variant"] = token;
-		else if (FONT_WEIGHT_KEYWORDS.has(token) && !out["font-weight"]) out["font-weight"] = token;
-		else if (LENGTH_RE.test(token)) {
-			out["font-size"] = token;
-			foundSize = true;
-		}
-	}
-	if (family.length > 0) out["font-family"] = family.join(" ");
-};
-//#endregion
-export { expandAnimation, expandBackground, expandFont, expandListStyle, expandOutline, expandTextDecoration, expandTransition };