@plitzi/sdk-shared 0.38.6 → 0.38.8

package/dist/style/cssLayers.d.ts

@@ -10,7 +10,7 @@ export declare const PLUGIN_CSS_LAYER = "plitzi-sdk-plugin";
 export declare const RUNTIME_CSS_LAYER = "plitzi-sdk-runtime";
 /**
  * A plugin's stylesheet, as it ships: everything in it in {@link PLUGIN_CSS_LAYER}. Written by whatever builds a
- * plugin — a server compiling one, `plitzi pack plugin` — so every way the file later reaches a page (a `<link>` in the
+ * plugin — a server compiling one, `plitzi plugin pack` — so every way the file later reaches a page (a `<link>` in the
  * server's HTML, the SDK's assets, the builder's canvas) puts it in its place with no work of its own.
  *
  * Idempotent: a stylesheet already wrapped is returned as it is.

package/dist/style/index.d.ts

@@ -9,6 +9,9 @@ export * from './fontsFromCss';
 export * from './layoutGrid';
 export * from './runtimeStyle';
 export * from './snippetStyle';
+export * from './styleConditions';
 export * from './styleConstants';
+export * from './stylePseudos';
 export * from './styleStates';
+export * from './styleTarget';
 export { styleConstants };

package/dist/style/index.mjs

@@ -9,5 +9,8 @@ import { fallbackForFamily as E, fontsFromCss as D } from "./fontsFromCss.mjs";
 import { LAYOUT_GRIDS as O, layoutGridCss as k, layoutGridLook as A } from "./layoutGrid.mjs";
 import { RUNTIME_STYLE_ID as j, markStyleCache as M, styleCacheFromDocument as N, styleCacheTravelsInDocument as P } from "./runtimeStyle.mjs";
 import { mergeSnippetStyle as F, sameSelector as I, selectorsOf as L } from "./snippetStyle.mjs";
-import { CURRENT_PAGE_SELECTOR as R, HIDDEN_CLASS as z, STYLE_STATES as B, STYLE_STATE_LABELS as V, inCascadeOrder as H, isKnownState as U, isStartingState as W, stateSuffix as G } from "./styleStates.mjs";
-export { R as CURRENT_PAGE_SELECTOR, d as DISPLAY_MODES, a as DISPLAY_MODE_MIN_WIDTH, t as EMPTY_STYLE_SCHEMA, w as FontValidationError, z as HIDDEN_CLASS, O as LAYOUT_GRIDS, c as PLUGIN_CSS_LAYER, l as RUNTIME_CSS_LAYER, j as RUNTIME_STYLE_ID, B as STYLE_STATES, V as STYLE_STATE_LABELS, m as SYSTEM_FONTS, n as StyleBindingsAllowed, h as availableFonts, r as baseDefaultValue, o as displayModeAt, s as displayModeWidthRem, E as fallbackForFamily, g as familiesInCss, _ as fontFamilyStack, p as fontLinkAssets, v as fontUrlResolver, D as fontsFromCss, y as fontsToHead, b as googleCss2Url, x as googleTextSubsetUrl, H as inCascadeOrder, u as inPluginLayer, i as inheritableAttributesBase, f as isDisplayMode, U as isKnownState, S as isSafeFontUrl, W as isStartingState, k as layoutGridCss, A as layoutGridLook, M as markStyleCache, F as mergeSnippetStyle, T as parseSpaceFont, C as primaryFamily, I as sameSelector, L as selectorsOf, G as stateSuffix, N as styleCacheFromDocument, P as styleCacheTravelsInDocument, e as styleConstants };
+import { MOTION_CONDITIONS as R, STYLE_CONDITION_LABELS as z, STYLE_MOTION_CONDITIONS as B, canonicalCondition as V, conditionAtRule as H, conditionLabel as U, conditionOfAtRule as W, isStyleCondition as G, parseContainerCondition as K } from "./styleConditions.mjs";
+import { CONTENT_PSEUDOS as q, GENERATED_PSEUDOS as J, PSEUDO_PROPERTIES as Y, STYLE_PSEUDOS as X, STYLE_PSEUDO_LABELS as Z, isContentValue as Q, isStylePseudo as $, pseudoHonours as ee, pseudoSuffix as te } from "./stylePseudos.mjs";
+import { CURRENT_SELECTOR as ne, EXPANDED_SELECTOR as re, HIDDEN_CLASS as ie, PARENT_ANCESTOR as ae, STYLE_STATES as oe, STYLE_STATE_LABELS as se, inCascadeOrder as ce, isKnownState as le, isParentAncestor as ue, isStartingState as de, stateSuffix as fe } from "./styleStates.mjs";
+import { isStyleRules as pe, setAtKeys as me, styleTargetKeys as he, styleTargetProblem as ge, styleTargetRules as _e, valueAtKeys as ve } from "./styleTarget.mjs";
+export { q as CONTENT_PSEUDOS, ne as CURRENT_SELECTOR, d as DISPLAY_MODES, a as DISPLAY_MODE_MIN_WIDTH, t as EMPTY_STYLE_SCHEMA, re as EXPANDED_SELECTOR, w as FontValidationError, J as GENERATED_PSEUDOS, ie as HIDDEN_CLASS, O as LAYOUT_GRIDS, R as MOTION_CONDITIONS, ae as PARENT_ANCESTOR, c as PLUGIN_CSS_LAYER, Y as PSEUDO_PROPERTIES, l as RUNTIME_CSS_LAYER, j as RUNTIME_STYLE_ID, z as STYLE_CONDITION_LABELS, B as STYLE_MOTION_CONDITIONS, X as STYLE_PSEUDOS, Z as STYLE_PSEUDO_LABELS, oe as STYLE_STATES, se as STYLE_STATE_LABELS, m as SYSTEM_FONTS, n as StyleBindingsAllowed, h as availableFonts, r as baseDefaultValue, V as canonicalCondition, H as conditionAtRule, U as conditionLabel, W as conditionOfAtRule, o as displayModeAt, s as displayModeWidthRem, E as fallbackForFamily, g as familiesInCss, _ as fontFamilyStack, p as fontLinkAssets, v as fontUrlResolver, D as fontsFromCss, y as fontsToHead, b as googleCss2Url, x as googleTextSubsetUrl, ce as inCascadeOrder, u as inPluginLayer, i as inheritableAttributesBase, Q as isContentValue, f as isDisplayMode, le as isKnownState, ue as isParentAncestor, S as isSafeFontUrl, de as isStartingState, G as isStyleCondition, $ as isStylePseudo, pe as isStyleRules, k as layoutGridCss, A as layoutGridLook, M as markStyleCache, F as mergeSnippetStyle, K as parseContainerCondition, T as parseSpaceFont, C as primaryFamily, ee as pseudoHonours, te as pseudoSuffix, I as sameSelector, L as selectorsOf, me as setAtKeys, fe as stateSuffix, N as styleCacheFromDocument, P as styleCacheTravelsInDocument, e as styleConstants, he as styleTargetKeys, ge as styleTargetProblem, _e as styleTargetRules, ve as valueAtKeys };

package/dist/style/keyframes.d.ts

@@ -0,0 +1,39 @@
+/**
+ * A space's own `@keyframes`: named animations its classes play with `animation-name`.
+ *
+ * Declared motion (`motion` on an element) covers how an element arrives and the loops it keeps — prefer it where it
+ * says what is meant. Keyframes are for the rest: a tab panel sliding in, a caret blinking, a gradient drifting.
+ *
+ * They are kept in the space's `customCss`, where CSS has always kept them and every surface already loads them, as one
+ * block at its top written by {@link keyframesCss} — so an editor, an export or an agent reading the stylesheet sees
+ * them as the CSS they are, and {@link splitKeyframesCss} reads that block back as the declarations it came from.
+ */
+/** One frame's rules: kebab-case longhands, as a class's rules are stored. */
+export type KeyframeRules = Record<string, string | number>;
+/** A keyframes rule's frames by selector — `from`, `to`, `50%`, `0%, 100%` — in the order they are written. */
+export type KeyframesFrames = Record<string, KeyframeRules>;
+/** Every keyframes rule a space declares, by name. */
+export type SpaceKeyframes = Record<string, KeyframesFrames>;
+/** The names the SDK's own stylesheets use (`plitzi-motion-fade`…): a space's keyframes never take one. */
+export declare const SDK_KEYFRAMES_PREFIX = "plitzi-";
+/** A keyframes name CSS accepts unquoted, and not one of the words `animation-name` reads as something else. */
+export declare const isKeyframesName: (name: string) => boolean;
+/** Whether a frame selector is one CSS reads: `from`, `to`, a percentage up to 100%, or several of them by commas. */
+export declare const isFrameSelector: (selector: string) => boolean;
+/** The keyframes as the CSS block a space's `customCss` starts with, or `''` when there are none. */
+export declare const keyframesCss: (keyframes: SpaceKeyframes | undefined) => string;
+/** The space's custom CSS with its keyframes before it — how a space's `customCss` carries both. */
+export declare const withKeyframesCss: (customCss: string, keyframes: SpaceKeyframes | undefined) => string;
+/**
+ * A space's custom CSS read apart: the keyframes block {@link withKeyframesCss} put at its top, back as declarations,
+ * and the space's own CSS without it. Only what reads back as exactly what {@link keyframesCss} writes is taken: a
+ * keyframes rule written by hand, or one edited into another shape, stays where it is as the space's own CSS.
+ */
+export declare const splitKeyframesCss: (customCss: string) => {
+    keyframes: SpaceKeyframes;
+    customCss: string;
+};
+/** Every keyframes name a stylesheet declares, hand-written or not. */
+export declare const keyframesNamesIn: (stylesheet: string) => string[];
+/** The names an `animation-name` value plays: each of its comma-separated layers but `none` and what a `var()` hides. */
+export declare const animationNamesIn: (value: string) => string[];

package/dist/style/keyframes.mjs

@@ -0,0 +1,41 @@
+//#region src/style/keyframes.ts
+var e = "plitzi-", t = (e) => /^-?[_a-zA-Z][\w-]*$/.test(e) && ![
+	"none",
+	"initial",
+	"inherit",
+	"unset",
+	"revert",
+	"default"
+].includes(e), n = /^(?:from|to|\d{1,3}(?:\.\d+)?%)$/, r = (e) => e.split(",").every((e) => {
+	let t = e.trim();
+	return n.test(t) && (!t.endsWith("%") || Number.parseFloat(t) <= 100);
+}), i = (e, t) => {
+	let n = Object.entries(t).map(([e, t]) => {
+		let n = Object.entries(t).map(([e, t]) => `    ${e}: ${String(t)};`);
+		return [
+			`  ${e} {`,
+			...n,
+			"  }"
+		].join("\n");
+	});
+	return [
+		`@keyframes ${e} {`,
+		...n,
+		"}"
+	].join("\n");
+}, a = (e) => Object.entries(e ?? {}).map(([e, t]) => i(e, t)).join("\n\n"), o = (e, t) => [a(t), e].filter(Boolean).join("\n\n"), s = /^@keyframes (-?[_a-zA-Z][\w-]*) \{\n((?: {2}[^\n{}]+ \{\n(?: {4}[^\n]+;\n)* {2}\}\n)*)\}/, c = / {2}([^\n{}]+) \{\n((?: {4}[^\n]+;\n)*) {2}\}\n/g, l = / {4}([\w-]+): ([^\n]+);\n/g, u = (e) => {
+	let t = {}, n = e;
+	for (let e = s.exec(n); e; e = s.exec(n)) {
+		let [r, a, o] = e, s = {};
+		for (let [, e, t] of o.matchAll(c)) s[e] = Object.fromEntries(Array.from(t.matchAll(l), ([, e, t]) => [e, t]));
+		let u = n.length === r.length || n.startsWith("\n\n", r.length);
+		if (Object.hasOwn(t, a) || i(a, s) !== r || !u) break;
+		t[a] = s, n = n.slice(r.length).replace(/^\n\n/, "");
+	}
+	return {
+		keyframes: t,
+		customCss: n
+	};
+}, d = /@(?:-webkit-)?keyframes\s+(["']?)(-?[_a-zA-Z][\w-]*)\1\s*\{/g, f = (e) => Array.from(e.matchAll(d), (e) => e[2]), p = (e) => e.split(",").map((e) => e.trim().replace(/^(["'])(.*)\1$/, "$2")).filter((e) => e && e !== "none" && !e.includes("(") && t(e));
+//#endregion
+export { e as SDK_KEYFRAMES_PREFIX, p as animationNamesIn, r as isFrameSelector, t as isKeyframesName, a as keyframesCss, f as keyframesNamesIn, u as splitKeyframesCss, o as withKeyframesCss };

package/dist/style/notifications.d.ts

@@ -1,8 +1,10 @@
 /**
- * How a space's notifications look — the toasts an `addNotification` step shows.
+ * How a space's notifications look — the toasts an `addNotification` step shows: the toast, and the parts inside it
+ * (its icon, its close button, its progress bar).
  *
- * Every value is any CSS colour or length, and a token is the right answer for all of them (`'var(--card)'`): a token
- * follows the light/dark toggle, which the notifications already do. Left out, a value keeps the library's own.
+ * Every value is one CSS value — a colour, a length, a weight — and a token is the right answer wherever there is one
+ * (`'var(--card)'`): a token follows the light/dark toggle, which the notifications already do. Left out, a value keeps
+ * the library's own.
  */
 export interface NotificationsSpec {
     /** The toast's surface. */
@@ -26,22 +28,42 @@ export interface NotificationsSpec {
     shadow?: string;
     /** The room inside it, e.g. `'12px 14px'`. */
     padding?: string;
+    /** The least it is tall — `'0px'` lets a one-line message be one line high. */
+    minHeight?: string;
+    /** Its text's weight, e.g. `'500'`. */
+    fontWeight?: string;
+    /** Its text's leading, e.g. `'1.45'`. */
+    lineHeight?: string;
+    /** The icon's width, e.g. `'18px'`. */
+    iconSize?: string;
+    /** The room between the icon and the message, e.g. `'10px'`. */
+    iconGap?: string;
+    /** The close button's colour, e.g. `'var(--muted)'`. */
+    closeColor?: string;
+    /** How opaque the close button is at rest, e.g. `'0.8'`; hovered or focused it is opaque. */
+    closeOpacity?: string;
+    /** How tall the progress bar is, e.g. `'2px'`. */
+    progressHeight?: string;
 }
-/** Every field `notifications` takes — what an editor of the setting (the MCP server's `patchSettings`) offers. */
+/** Every field `notifications` takes — what an editor of the setting (the builder, the MCP server's `patchSettings`) offers. */
 export declare const NOTIFICATIONS_FIELDS: readonly (keyof NotificationsSpec)[];
-/** Why a notifications spec would not style anything — a field it does not take, a value that is not one CSS value —
- *  or `undefined` when it is sound. A `;` or a brace in a value would end the declaration early and let the rest of
- *  the text become rules of its own. */
-export declare const notificationsProblem: (spec: Record<string, unknown> | undefined) => string | undefined;
+/** The tail of a message naming a field that does not exist: what was meant, `''` when nothing is close. */
+export type NotificationsDidYouMean = (name: string, fields: readonly string[]) => string;
 /**
- * The rule that styles the toast container, or `''` when there is nothing to say. Fields it does not take and empty
- * values say nothing; {@link notificationsProblem} is the check for a spec someone wrote.
+ * Why a notifications spec would not style anything — a field it does not take, a value that is not one CSS value —
+ * or `undefined` when it is sound. A `;` or a brace in a value would end the declaration early and let the rest of the
+ * text become rules of its own. `didYouMean` names the field a misspelt one meant, for a writer that types the names.
+ */
+export declare const notificationsProblem: (spec: Record<string, unknown> | undefined, didYouMean?: NotificationsDidYouMean) => string | undefined;
+/**
+ * The rules that style the toasts, or `''` when there is nothing to say. Fields it does not take and empty values say
+ * nothing; {@link notificationsProblem} is the check for a spec someone wrote.
  */
 export declare const notificationsCss: (spec: NotificationsSpec | undefined) => string;
-/** The space's custom CSS with its notifications' rule after it — how a space's `customCss` carries both. */
+/** The space's custom CSS with its notifications' rules after it — how a space's `customCss` carries both. */
 export declare const withNotificationsCss: (customCss: string, spec: NotificationsSpec | undefined) => string;
 /**
- * A space's custom CSS read apart: the notifications' rule {@link notificationsCss} wrote, back as the spec, and the
+ * A space's custom CSS read apart: the notifications' rules {@link notificationsCss} wrote, back as the spec, and the
  * space's own CSS without it — so an editor shows and changes each on its own, and writes them together again with
  * {@link withNotificationsCss}. A rule someone edited into something else (a declaration that is no field's) is left
  * where it is, as the space's own CSS: read back, it would lose what was added to it.

package/dist/style/notifications.mjs

@@ -1,32 +1,63 @@
 //#region src/style/notifications.ts
-var e = {
-	background: ["--toastify-color-light", "--toastify-color-dark"],
-	text: ["--toastify-text-color-light", "--toastify-text-color-dark"],
-	success: ["--toastify-color-success"],
-	danger: ["--toastify-color-error"],
-	warning: ["--toastify-color-warning"],
-	info: ["--toastify-color-info"],
-	radius: ["--toastify-toast-bd-radius"],
-	font: ["--toastify-font-family"],
-	shadow: ["--toastify-toast-shadow"],
-	padding: ["--toastify-toast-padding"]
-}, t = {
-	fontSize: "font-size",
-	border: "border"
-}, n = [...Object.keys(e), ...Object.keys(t)], r = (e) => n.includes(e), i = n.filter(r), a = ".Toastify__toast-container.plitzi-sdk-toasts", o = (e) => {
-	for (let [t, i] of Object.entries(e ?? {})) {
-		if (!r(t)) return `\`notifications\` has no "${t}". It takes ${n.join(", ")}.`;
-		if (i !== void 0 && (typeof i != "string" || i.trim() === "" || /[;{}]/.test(i))) return `\`notifications.${t}\` is ${JSON.stringify(i)}, which is not one CSS value. Write a colour or a length, like 'var(--card)' or '12px'.`;
+var e = ".Toastify__toast-container.plitzi-sdk-toasts", t = [
+	{
+		selector: e,
+		fields: {
+			background: ["--toastify-color-light", "--toastify-color-dark"],
+			text: ["--toastify-text-color-light", "--toastify-text-color-dark"],
+			success: ["--toastify-color-success"],
+			danger: ["--toastify-color-error"],
+			warning: ["--toastify-color-warning"],
+			info: ["--toastify-color-info"],
+			radius: ["--toastify-toast-bd-radius"],
+			font: ["--toastify-font-family"],
+			shadow: ["--toastify-toast-shadow"],
+			padding: ["--toastify-toast-padding"],
+			minHeight: ["--toastify-toast-min-height"]
+		}
+	},
+	{
+		selector: `:where(${e} .Toastify__toast)`,
+		fields: {
+			fontSize: ["font-size"],
+			fontWeight: ["font-weight"],
+			lineHeight: ["line-height"],
+			border: ["border"]
+		}
+	},
+	{
+		selector: `${e} .Toastify__toast-icon`,
+		fields: {
+			iconSize: ["width"],
+			iconGap: ["margin-inline-end"]
+		}
+	},
+	{
+		selector: `${e} .Toastify__close-button`,
+		fields: { closeColor: ["color"] }
+	},
+	{
+		selector: `${e} .Toastify__close-button:not(:hover, :focus)`,
+		fields: { closeOpacity: ["opacity"] }
+	},
+	{
+		selector: `${e} .Toastify__progress-bar--wrp`,
+		fields: { progressHeight: ["height"] }
 	}
-}, s = (n) => {
-	let i = [], o = [];
-	for (let [a, s] of Object.entries(n ?? {})) {
-		if (!r(a) || typeof s != "string" || s.trim() === "") continue;
-		let n = t[a];
-		n ? o.push(`  ${n}: ${s.trim()};`) : i.push(...(e[a] ?? []).map((e) => `  ${e}: ${s.trim()};`));
+], n = t.flatMap((e) => Object.keys(e.fields)), r = (e) => n.includes(e), i = n.filter(r), a = (e, t) => {
+	for (let [i, a] of Object.entries(e ?? {})) {
+		if (!r(i)) return `\`notifications\` has no "${i}"${t?.(i, n) || "."} It takes ${n.join(", ")}.`;
+		if (a !== void 0 && (typeof a != "string" || a.trim() === "" || /[;{}]/.test(a))) return `\`notifications.${i}\` is ${JSON.stringify(a)}, which is not one CSS value. Write one value, like 'var(--card)', '12px' or '500'.`;
 	}
-	return [i.length > 0 ? `${a} {\n${i.join("\n")}\n}` : "", o.length > 0 ? `:where(${a} .Toastify__toast) {\n${o.join("\n")}\n}` : ""].filter(Boolean).join("\n");
-}, c = (e, t) => [e, s(t)].filter(Boolean).join("\n\n"), l = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), u = RegExp(`${l(a)}\\s*\\{([^}]*)\\}`), d = RegExp(`:where\\(${l(a)} \\.Toastify__toast\\)\\s*\\{([^}]*)\\}`), f = (e, t) => {
+}, o = (e) => {
+	let n = t.map(() => []);
+	for (let [i, a] of Object.entries(e ?? {})) {
+		if (!r(i) || typeof a != "string" || a.trim() === "") continue;
+		let e = t.findIndex((e) => Object.hasOwn(e.fields, i));
+		n[e].push(...(t[e].fields[i] ?? []).map((e) => `  ${e}: ${a.trim()};`));
+	}
+	return t.flatMap((e, t) => n[t].length > 0 ? [`${e.selector} {\n${n[t].join("\n")}\n}`] : []).join("\n");
+}, s = (e, t) => [e, o(t)].filter(Boolean).join("\n\n"), c = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), l = (e, t) => {
 	let n = [];
 	for (let r of e.split(";").map((e) => e.trim()).filter(Boolean)) {
 		let e = r.indexOf(":"), i = e > 0 ? t(r.slice(0, e).trim()) : void 0;
@@ -34,13 +65,19 @@ var e = {
 		n.push([i, r.slice(e + 1).trim()]);
 	}
 	return n;
-}, p = new Map(Object.entries(e).flatMap(([e, t]) => r(e) ? t.map((t) => [t, e]) : [])), m = new Map(Object.entries(t).flatMap(([e, t]) => r(e) ? [[t, e]] : [])), h = (e) => {
+}, u = t.map((e) => {
+	let t = new Map(Object.entries(e.fields).flatMap(([e, t]) => r(e) ? t.map((t) => [t, e]) : []));
+	return {
+		pattern: RegExp(`(?:^|\\n)${c(e.selector)}\\s*\\{([^}]*)\\}`, "g"),
+		fieldOf: (e) => t.get(e)
+	};
+}), d = (e) => {
 	let t = {};
-	for (let [n, r] of [[u, (e) => p.get(e)], [d, (e) => m.get(e)]]) {
-		let i = n.exec(e);
-		for (let [e, n] of (i ? f(i[1], r) : void 0) ?? []) t[e] = n;
+	for (let { pattern: n, fieldOf: r } of u) {
+		let i = [...e.matchAll(n)].at(-1);
+		for (let [e, n] of (i ? l(i[1], r) : void 0) ?? []) t[e] = n;
 	}
-	let n = Object.keys(t).length > 0 ? s(t) : "";
+	let n = Object.keys(t).length > 0 ? o(t) : "";
 	if (!n || !e.endsWith(n)) return {
 		notifications: {},
 		customCss: e
@@ -52,4 +89,4 @@ var e = {
 	};
 };
 //#endregion
-export { i as NOTIFICATIONS_FIELDS, s as notificationsCss, o as notificationsProblem, h as splitNotificationsCss, c as withNotificationsCss };
+export { i as NOTIFICATIONS_FIELDS, o as notificationsCss, a as notificationsProblem, d as splitNotificationsCss, s as withNotificationsCss };

package/dist/style/styleConditions.d.ts

@@ -0,0 +1,43 @@
+/**
+ * The conditions a class's rules can hold under that are not the element's own — what the visitor asked of their
+ * machine, how wide the box around it is — and the at-rule each one is written as.
+ *
+ * Breakpoints are conditions too, but of the whole page and of every class at once, so they stay where they are (one
+ * block per breakpoint). These belong to one class: written inside it, under every breakpoint it has.
+ *
+ * - `motion-reduce` — the visitor asked for less motion. The SDK already stills every animation and transition for them;
+ *   what is left for a class is what moves WITHOUT animating — a hover that lifts a card, a parallax offset.
+ * - `motion-safe` — the visitor did not: motion as an enhancement, written only for whoever wants it.
+ * - `container (max-width: 30rem)` — the nearest ancestor that is a container (`container-type: inline-size` on its
+ *   class) is at most that wide; `container sidebar (min-width: 480px)` asks the one named `sidebar` (`container-name`).
+ *   Widths only — `min-width`, `max-width` or both joined by `and` — in px, rem, em or ch.
+ */
+export declare const MOTION_CONDITIONS: {
+    readonly 'motion-reduce': "@media (prefers-reduced-motion: reduce)";
+    readonly 'motion-safe': "@media (prefers-reduced-motion: no-preference)";
+};
+export type MotionCondition = keyof typeof MOTION_CONDITIONS;
+/** The condition keys that are not a container query, as the editor offers them. */
+export declare const STYLE_MOTION_CONDITIONS: MotionCondition[];
+export declare const STYLE_CONDITION_LABELS: Record<MotionCondition, string>;
+/** A container condition taken apart: the container it asks (none for the nearest), and its width query. */
+export declare const parseContainerCondition: (key: string) => {
+    name: string | undefined;
+    query: string;
+} | undefined;
+/**
+ * A condition in the one spelling the document keeps — `container card (max-width: 30rem)`, one space where a space
+ * goes — so the same condition written twice is one key, or `undefined` for a key that is not a condition.
+ */
+export declare const canonicalCondition: (key: string) => string | undefined;
+export declare const isStyleCondition: (key: string) => boolean;
+/** The at-rule a condition is written as, or `undefined` for a key that is not one. */
+export declare const conditionAtRule: (key: string) => string | undefined;
+/** A condition as the editor shows it: its label, or the container query as it is written. */
+export declare const conditionLabel: (key: string) => string;
+/**
+ * The condition an at-rule's prelude states, when it is one a class can hold — `@media (prefers-reduced-motion:
+ * reduce)` is `motion-reduce`, `@container card (max-width: 30rem)` is `container card (max-width: 30rem)` — read
+ * back from a stylesheet that wrote it by hand.
+ */
+export declare const conditionOfAtRule: (prelude: string) => string | undefined;

package/dist/style/styleConditions.mjs

@@ -0,0 +1,29 @@
+//#region src/style/styleConditions.ts
+var e = {
+	"motion-reduce": "@media (prefers-reduced-motion: reduce)",
+	"motion-safe": "@media (prefers-reduced-motion: no-preference)"
+}, t = Object.keys(e), n = {
+	"motion-reduce": "Reduced motion",
+	"motion-safe": "Motion allowed"
+}, r = (t) => Object.hasOwn(e, t), i = String.raw`\d+(?:\.\d+)?(?:px|rem|em|ch)`, a = String.raw`\((?:min|max)-width:\s*${i}\)`, o = new RegExp(String.raw`^container(?:\s+(?<name>-?[_a-zA-Z][\w-]*))?\s+(?<query>${a}(?:\s+and\s+${a})?)$`), s = (e) => {
+	let t = o.exec(e.trim());
+	if (t?.groups) return {
+		name: t.groups.name,
+		query: t.groups.query.replace(/\s+/g, " ").replace(/\(\s*/g, "(").replace(/:\s*/g, ": ")
+	};
+}, c = (e) => {
+	if (r(e)) return e;
+	let t = s(e);
+	if (t) return t.name ? `container ${t.name} ${t.query}` : `container ${t.query}`;
+}, l = (e) => r(e) || s(e) !== void 0, u = (t) => {
+	if (r(t)) return e[t];
+	let n = s(t);
+	if (n) return n.name ? `@container ${n.name} ${n.query}` : `@container ${n.query}`;
+}, d = (e) => r(e) ? n[e] : e, f = (t) => {
+	let n = t.trim().replace(/\s+/g, " ").replace(/\(\s*/g, "(").replace(/\s*\)/g, ")").replace(/:\s*/g, ": ");
+	for (let [t, r] of Object.entries(e)) if (n === r) return t;
+	let r = /^@container\s+(.*)$/.exec(n);
+	if (r) return c(`container ${r[1]}`);
+};
+//#endregion
+export { e as MOTION_CONDITIONS, n as STYLE_CONDITION_LABELS, t as STYLE_MOTION_CONDITIONS, c as canonicalCondition, u as conditionAtRule, d as conditionLabel, f as conditionOfAtRule, l as isStyleCondition, s as parseContainerCondition };

package/dist/style/styleConstants.d.ts

@@ -121,6 +121,7 @@ declare const styleConstants: {
     readonly ACCENT_COLOR: "accent-color";
     readonly CARET_COLOR: "caret-color";
     readonly COLOR_SCHEME: "color-scheme";
+    readonly CONTENT: "content";
     readonly POSITION: "position";
     readonly FLOAT: "float";
     readonly CLEAR: "clear";
@@ -198,8 +199,8 @@ declare const styleConstants: {
 };
 export declare const inheritableAttributesBase: StyleCategory[];
 export declare const StyleBindingsAllowed: {
-    path: "color" | "cursor" | "filter" | "fill" | "display" | "flex-wrap" | "flex-direction" | "align-items" | "justify-items" | "justify-content" | "align-content" | "row-gap" | "column-gap" | "grid-row-gap" | "grid-column-gap" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "grid-auto-flow" | "grid-auto-rows" | "grid-auto-columns" | "grid-row-start" | "grid-column-start" | "grid-row-end" | "grid-column-end" | "align-self" | "justify-self" | "order" | "flex-grow" | "flex-shrink" | "flex-basis" | "list-style" | "list-style-type" | "list-style-position" | "list-style-image" | "background-color" | "background-image" | "background-position" | "background-size" | "background-repeat" | "background-origin" | "background-clip" | "background-attachment" | "background-blend-mode" | "mask-image" | "mask-size" | "mask-position" | "mask-repeat" | "mask-composite" | "-webkit-mask-image" | "border-top-style" | "border-top-width" | "border-top-color" | "border-bottom-style" | "border-bottom-width" | "border-bottom-color" | "border-left-style" | "border-left-width" | "border-left-color" | "border-right-style" | "border-right-width" | "border-right-color" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "border-collapse" | "border-spacing" | "table-layout" | "opacity" | "visibility" | "transition" | "transition-property" | "transition-duration" | "transition-timing-function" | "transition-delay" | "transition-behavior" | "animation" | "animation-name" | "animation-duration" | "animation-timing-function" | "animation-delay" | "animation-iteration-count" | "animation-direction" | "animation-fill-mode" | "animation-play-state" | "animation-timeline" | "animation-range" | "box-shadow" | "backdrop-filter" | "mix-blend-mode" | "isolation" | "clip-path" | "transform" | "transform-origin" | "translate" | "rotate" | "scale" | "transform-style" | "perspective" | "perspective-origin" | "backface-visibility" | "will-change" | "outline-width" | "outline-style" | "outline-color" | "outline-offset" | "pointer-events" | "user-select" | "touch-action" | "resize" | "appearance" | "scroll-behavior" | "overscroll-behavior" | "scroll-snap-type" | "scroll-snap-align" | "scroll-snap-stop" | "scroll-padding-top" | "scroll-margin-top" | "accent-color" | "caret-color" | "color-scheme" | "position" | "float" | "clear" | "z-index" | "top" | "bottom" | "left" | "right" | "box-sizing" | "aspect-ratio" | "width" | "height" | "min-width" | "min-height" | "max-width" | "max-height" | "overflow" | "overflow-x" | "overflow-y" | "scrollbar-width" | "scrollbar-color" | "container-type" | "container-name" | "object-fit" | "object-position" | "column-width" | "column-count" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "font-family" | "font-weight" | "font-size" | "line-height" | "text-align" | "font-style" | "font-variant" | "font-variant-numeric" | "font-feature-settings" | "text-decoration" | "text-decoration-line" | "text-decoration-color" | "text-decoration-style" | "text-decoration-thickness" | "text-underline-offset" | "letter-spacing" | "word-spacing" | "text-indent" | "text-transform" | "direction" | "white-space" | "text-wrap" | "word-break" | "overflow-wrap" | "hyphens" | "vertical-align" | "text-overflow" | "text-shadow" | "line-clamp" | "-webkit-line-clamp" | "-webkit-box-orient" | "-webkit-text-fill-color" | "-webkit-background-clip" | "box-decoration-break" | "-webkit-box-decoration-break" | "stroke" | "stroke-width";
-    label: "color" | "cursor" | "filter" | "fill" | "display" | "flex-wrap" | "flex-direction" | "align-items" | "justify-items" | "justify-content" | "align-content" | "row-gap" | "column-gap" | "grid-row-gap" | "grid-column-gap" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "grid-auto-flow" | "grid-auto-rows" | "grid-auto-columns" | "grid-row-start" | "grid-column-start" | "grid-row-end" | "grid-column-end" | "align-self" | "justify-self" | "order" | "flex-grow" | "flex-shrink" | "flex-basis" | "list-style" | "list-style-type" | "list-style-position" | "list-style-image" | "background-color" | "background-image" | "background-position" | "background-size" | "background-repeat" | "background-origin" | "background-clip" | "background-attachment" | "background-blend-mode" | "mask-image" | "mask-size" | "mask-position" | "mask-repeat" | "mask-composite" | "-webkit-mask-image" | "border-top-style" | "border-top-width" | "border-top-color" | "border-bottom-style" | "border-bottom-width" | "border-bottom-color" | "border-left-style" | "border-left-width" | "border-left-color" | "border-right-style" | "border-right-width" | "border-right-color" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "border-collapse" | "border-spacing" | "table-layout" | "opacity" | "visibility" | "transition" | "transition-property" | "transition-duration" | "transition-timing-function" | "transition-delay" | "transition-behavior" | "animation" | "animation-name" | "animation-duration" | "animation-timing-function" | "animation-delay" | "animation-iteration-count" | "animation-direction" | "animation-fill-mode" | "animation-play-state" | "animation-timeline" | "animation-range" | "box-shadow" | "backdrop-filter" | "mix-blend-mode" | "isolation" | "clip-path" | "transform" | "transform-origin" | "translate" | "rotate" | "scale" | "transform-style" | "perspective" | "perspective-origin" | "backface-visibility" | "will-change" | "outline-width" | "outline-style" | "outline-color" | "outline-offset" | "pointer-events" | "user-select" | "touch-action" | "resize" | "appearance" | "scroll-behavior" | "overscroll-behavior" | "scroll-snap-type" | "scroll-snap-align" | "scroll-snap-stop" | "scroll-padding-top" | "scroll-margin-top" | "accent-color" | "caret-color" | "color-scheme" | "position" | "float" | "clear" | "z-index" | "top" | "bottom" | "left" | "right" | "box-sizing" | "aspect-ratio" | "width" | "height" | "min-width" | "min-height" | "max-width" | "max-height" | "overflow" | "overflow-x" | "overflow-y" | "scrollbar-width" | "scrollbar-color" | "container-type" | "container-name" | "object-fit" | "object-position" | "column-width" | "column-count" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "font-family" | "font-weight" | "font-size" | "line-height" | "text-align" | "font-style" | "font-variant" | "font-variant-numeric" | "font-feature-settings" | "text-decoration" | "text-decoration-line" | "text-decoration-color" | "text-decoration-style" | "text-decoration-thickness" | "text-underline-offset" | "letter-spacing" | "word-spacing" | "text-indent" | "text-transform" | "direction" | "white-space" | "text-wrap" | "word-break" | "overflow-wrap" | "hyphens" | "vertical-align" | "text-overflow" | "text-shadow" | "line-clamp" | "-webkit-line-clamp" | "-webkit-box-orient" | "-webkit-text-fill-color" | "-webkit-background-clip" | "box-decoration-break" | "-webkit-box-decoration-break" | "stroke" | "stroke-width";
+    path: "color" | "cursor" | "filter" | "fill" | "display" | "flex-wrap" | "flex-direction" | "align-items" | "justify-items" | "justify-content" | "align-content" | "row-gap" | "column-gap" | "grid-row-gap" | "grid-column-gap" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "grid-auto-flow" | "grid-auto-rows" | "grid-auto-columns" | "grid-row-start" | "grid-column-start" | "grid-row-end" | "grid-column-end" | "align-self" | "justify-self" | "order" | "flex-grow" | "flex-shrink" | "flex-basis" | "list-style" | "list-style-type" | "list-style-position" | "list-style-image" | "background-color" | "background-image" | "background-position" | "background-size" | "background-repeat" | "background-origin" | "background-clip" | "background-attachment" | "background-blend-mode" | "mask-image" | "mask-size" | "mask-position" | "mask-repeat" | "mask-composite" | "-webkit-mask-image" | "border-top-style" | "border-top-width" | "border-top-color" | "border-bottom-style" | "border-bottom-width" | "border-bottom-color" | "border-left-style" | "border-left-width" | "border-left-color" | "border-right-style" | "border-right-width" | "border-right-color" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "border-collapse" | "border-spacing" | "table-layout" | "opacity" | "visibility" | "transition" | "transition-property" | "transition-duration" | "transition-timing-function" | "transition-delay" | "transition-behavior" | "animation" | "animation-name" | "animation-duration" | "animation-timing-function" | "animation-delay" | "animation-iteration-count" | "animation-direction" | "animation-fill-mode" | "animation-play-state" | "animation-timeline" | "animation-range" | "box-shadow" | "backdrop-filter" | "mix-blend-mode" | "isolation" | "clip-path" | "transform" | "transform-origin" | "translate" | "rotate" | "scale" | "transform-style" | "perspective" | "perspective-origin" | "backface-visibility" | "will-change" | "outline-width" | "outline-style" | "outline-color" | "outline-offset" | "pointer-events" | "user-select" | "touch-action" | "resize" | "appearance" | "scroll-behavior" | "overscroll-behavior" | "scroll-snap-type" | "scroll-snap-align" | "scroll-snap-stop" | "scroll-padding-top" | "scroll-margin-top" | "accent-color" | "caret-color" | "color-scheme" | "content" | "position" | "float" | "clear" | "z-index" | "top" | "bottom" | "left" | "right" | "box-sizing" | "aspect-ratio" | "width" | "height" | "min-width" | "min-height" | "max-width" | "max-height" | "overflow" | "overflow-x" | "overflow-y" | "scrollbar-width" | "scrollbar-color" | "container-type" | "container-name" | "object-fit" | "object-position" | "column-width" | "column-count" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "font-family" | "font-weight" | "font-size" | "line-height" | "text-align" | "font-style" | "font-variant" | "font-variant-numeric" | "font-feature-settings" | "text-decoration" | "text-decoration-line" | "text-decoration-color" | "text-decoration-style" | "text-decoration-thickness" | "text-underline-offset" | "letter-spacing" | "word-spacing" | "text-indent" | "text-transform" | "direction" | "white-space" | "text-wrap" | "word-break" | "overflow-wrap" | "hyphens" | "vertical-align" | "text-overflow" | "text-shadow" | "line-clamp" | "-webkit-line-clamp" | "-webkit-box-orient" | "-webkit-text-fill-color" | "-webkit-background-clip" | "box-decoration-break" | "-webkit-box-decoration-break" | "stroke" | "stroke-width";
+    label: "color" | "cursor" | "filter" | "fill" | "display" | "flex-wrap" | "flex-direction" | "align-items" | "justify-items" | "justify-content" | "align-content" | "row-gap" | "column-gap" | "grid-row-gap" | "grid-column-gap" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "grid-auto-flow" | "grid-auto-rows" | "grid-auto-columns" | "grid-row-start" | "grid-column-start" | "grid-row-end" | "grid-column-end" | "align-self" | "justify-self" | "order" | "flex-grow" | "flex-shrink" | "flex-basis" | "list-style" | "list-style-type" | "list-style-position" | "list-style-image" | "background-color" | "background-image" | "background-position" | "background-size" | "background-repeat" | "background-origin" | "background-clip" | "background-attachment" | "background-blend-mode" | "mask-image" | "mask-size" | "mask-position" | "mask-repeat" | "mask-composite" | "-webkit-mask-image" | "border-top-style" | "border-top-width" | "border-top-color" | "border-bottom-style" | "border-bottom-width" | "border-bottom-color" | "border-left-style" | "border-left-width" | "border-left-color" | "border-right-style" | "border-right-width" | "border-right-color" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "border-collapse" | "border-spacing" | "table-layout" | "opacity" | "visibility" | "transition" | "transition-property" | "transition-duration" | "transition-timing-function" | "transition-delay" | "transition-behavior" | "animation" | "animation-name" | "animation-duration" | "animation-timing-function" | "animation-delay" | "animation-iteration-count" | "animation-direction" | "animation-fill-mode" | "animation-play-state" | "animation-timeline" | "animation-range" | "box-shadow" | "backdrop-filter" | "mix-blend-mode" | "isolation" | "clip-path" | "transform" | "transform-origin" | "translate" | "rotate" | "scale" | "transform-style" | "perspective" | "perspective-origin" | "backface-visibility" | "will-change" | "outline-width" | "outline-style" | "outline-color" | "outline-offset" | "pointer-events" | "user-select" | "touch-action" | "resize" | "appearance" | "scroll-behavior" | "overscroll-behavior" | "scroll-snap-type" | "scroll-snap-align" | "scroll-snap-stop" | "scroll-padding-top" | "scroll-margin-top" | "accent-color" | "caret-color" | "color-scheme" | "content" | "position" | "float" | "clear" | "z-index" | "top" | "bottom" | "left" | "right" | "box-sizing" | "aspect-ratio" | "width" | "height" | "min-width" | "min-height" | "max-width" | "max-height" | "overflow" | "overflow-x" | "overflow-y" | "scrollbar-width" | "scrollbar-color" | "container-type" | "container-name" | "object-fit" | "object-position" | "column-width" | "column-count" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "font-family" | "font-weight" | "font-size" | "line-height" | "text-align" | "font-style" | "font-variant" | "font-variant-numeric" | "font-feature-settings" | "text-decoration" | "text-decoration-line" | "text-decoration-color" | "text-decoration-style" | "text-decoration-thickness" | "text-underline-offset" | "letter-spacing" | "word-spacing" | "text-indent" | "text-transform" | "direction" | "white-space" | "text-wrap" | "word-break" | "overflow-wrap" | "hyphens" | "vertical-align" | "text-overflow" | "text-shadow" | "line-clamp" | "-webkit-line-clamp" | "-webkit-box-orient" | "-webkit-text-fill-color" | "-webkit-background-clip" | "box-decoration-break" | "-webkit-box-decoration-break" | "stroke" | "stroke-width";
 }[];
 export declare const baseDefaultValue: Record<StyleCategory, StyleValue>;
 export default styleConstants;

package/dist/style/styleConstants.mjs

@@ -134,6 +134,7 @@ var e = {
 	ACCENT_COLOR: "accent-color",
 	CARET_COLOR: "caret-color",
 	COLOR_SCHEME: "color-scheme",
+	CONTENT: "content",
 	POSITION: "position",
 	FLOAT: "float",
 	CLEAR: "clear",
@@ -377,6 +378,7 @@ var e = {
 	[t.SCROLLBAR_WIDTH]: "auto",
 	[t.SCROLLBAR_COLOR]: "auto",
 	[t.CONTAINER_TYPE]: "normal",
+	[t.CONTENT]: "normal",
 	[t.CONTAINER_NAME]: "none",
 	[t.OBJECT_FIT]: "fill",
 	[t.OBJECT_POSITION]: "50% 50%",

package/dist/style/stylePseudos.d.ts

@@ -0,0 +1,40 @@
+/**
+ * The pseudo-elements a class can dress — parts of an element the page has no node for: the box drawn before or after
+ * its content, a list item's bullet, an empty field's hint, the first letter or line of a paragraph, the text a visitor
+ * selects. One list, read by the type, the compiler, the style editor and authoring.
+ *
+ * Each is written last in its selector (`.card:hover::after`), which is the only place CSS allows it: a state, a
+ * variant or a condition of the class chooses WHEN, the pseudo-element WHAT.
+ */
+export declare const STYLE_PSEUDOS: readonly ["before", "after", "marker", "placeholder", "first-letter", "first-line", "selection"];
+export type StylePseudo = (typeof STYLE_PSEUDOS)[number];
+export declare const STYLE_PSEUDO_LABELS: Record<StylePseudo, string>;
+export declare const isStylePseudo: (pseudo: string) => pseudo is StylePseudo;
+/** How a pseudo-element is written at the end of a selector. */
+export declare const pseudoSuffix: (pseudo: StylePseudo) => string;
+/**
+ * The pseudo-elements `content` draws — and must draw: a `::before` or `::after` without it is not there at all, and a
+ * marker's `content` replaces the bullet.
+ */
+export declare const CONTENT_PSEUDOS: readonly StylePseudo[];
+/** The pseudo-elements that exist only once their `content` says so. */
+export declare const GENERATED_PSEUDOS: readonly StylePseudo[];
+/**
+ * The properties a browser honours on the pseudo-elements that take only a few — every other one is dropped without a
+ * word, which is why authoring refuses it rather than writing a rule that does nothing. `before`, `after` and
+ * `first-letter` are boxes of their own and take everything.
+ *
+ * Read from the CSS Pseudo-Elements spec and what the engines ship: `::selection` paints and nothing else, `::marker`
+ * is a line of text, `::placeholder` and `::first-line` are text inside a box they do not own.
+ */
+export declare const PSEUDO_PROPERTIES: Partial<Record<StylePseudo, readonly string[]>>;
+/** Whether a pseudo-element honours a property. A custom property (`--x`) is carried by every one. */
+export declare const pseudoHonours: (pseudo: StylePseudo, property: string) => boolean;
+/**
+ * Whether a `content` value draws something CSS can read: quoted text (`'"→"'`, `'""'` for an empty box), a keyword
+ * (`none`, `open-quote`…), or a function (`counter()`, `attr()`, `url()`, `var()`), alone or several in a row.
+ *
+ * The usual slip is the text without its quotes — `content: '→'` from JavaScript is `content: →` in CSS, which every
+ * browser drops — and it renders as no pseudo-element at all.
+ */
+export declare const isContentValue: (value: string) => boolean;

package/dist/style/stylePseudos.mjs

@@ -0,0 +1,109 @@
+//#region src/style/stylePseudos.ts
+var e = [
+	"before",
+	"after",
+	"marker",
+	"placeholder",
+	"first-letter",
+	"first-line",
+	"selection"
+], t = {
+	before: "::before",
+	after: "::after",
+	marker: "::marker",
+	placeholder: "::placeholder",
+	"first-letter": "::first-letter",
+	"first-line": "::first-line",
+	selection: "::selection"
+}, n = (e) => Object.hasOwn(t, e), r = (e) => `::${e}`, i = [
+	"before",
+	"after",
+	"marker"
+], a = ["before", "after"], o = [
+	"color",
+	"opacity",
+	"text-decoration-line",
+	"text-decoration-color",
+	"text-decoration-style",
+	"text-decoration-thickness",
+	"text-underline-offset",
+	"text-shadow",
+	"text-transform",
+	"letter-spacing",
+	"word-spacing",
+	"line-height",
+	"vertical-align"
+], s = [
+	"font-family",
+	"font-size",
+	"font-style",
+	"font-weight",
+	"font-variant-numeric",
+	"font-feature-settings"
+], c = [
+	"background-color",
+	"background-image",
+	"background-position",
+	"background-size",
+	"background-repeat"
+], l = {
+	selection: [
+		"color",
+		"background-color",
+		"text-decoration-line",
+		"text-decoration-color",
+		"text-shadow"
+	],
+	marker: [
+		"color",
+		"content",
+		"direction",
+		...s
+	],
+	placeholder: [
+		...o,
+		...s,
+		...c
+	],
+	"first-line": [
+		...o,
+		...s,
+		...c
+	]
+}, u = (e, t) => {
+	let n = l[e];
+	return !n || t.startsWith("--") || n.includes(t);
+}, d = /* @__PURE__ */ new Set([
+	"none",
+	"normal",
+	"open-quote",
+	"close-quote",
+	"no-open-quote",
+	"no-close-quote",
+	"inherit",
+	"initial",
+	"unset",
+	"revert"
+]), f = /^(?:counter|counters|attr|url|var|image-set|linear-gradient|radial-gradient|conic-gradient)\(/i, p = (e) => {
+	let t = [], n = "", r = "", i = 0;
+	for (let a of e) {
+		if (r) {
+			n += a, r = a === r && !n.endsWith(`\\${a}`) ? "" : r;
+			continue;
+		}
+		if (a === "\"" || a === "'") r = a;
+		else if (a === "(") i += 1;
+		else if (a === ")") --i;
+		else if (i === 0 && (/\s/.test(a) || a === "/")) {
+			n && t.push(n), n = "";
+			continue;
+		}
+		n += a;
+	}
+	return n && t.push(n), r || i !== 0 ? void 0 : t;
+}, m = (e) => {
+	let t = p(e.trim());
+	return t?.length ? t.every((e) => /^(["']).*\1$/s.test(e) || d.has(e.toLowerCase()) || f.test(e) && e.endsWith(")")) : !1;
+};
+//#endregion
+export { i as CONTENT_PSEUDOS, a as GENERATED_PSEUDOS, l as PSEUDO_PROPERTIES, e as STYLE_PSEUDOS, t as STYLE_PSEUDO_LABELS, m as isContentValue, n as isStylePseudo, u as pseudoHonours, r as pseudoSuffix };