@plitzi/sdk-style 0.38.6 → 0.38.8

package/dist/helpers/processSelector.mjs

@@ -1,70 +1,88 @@
 import e from "./processSelectorAttributes.mjs";
 import t from "./processSelectorName.mjs";
 import n from "./processSelectorVariables.mjs";
-import { inCascadeOrder as r, isStartingState as i, stateSuffix as a } from "@plitzi/sdk-shared/style/styleStates";
+import { conditionAtRule as r } from "@plitzi/sdk-shared/style/styleConditions";
+import { pseudoSuffix as i } from "@plitzi/sdk-shared/style/stylePseudos";
+import { inCascadeOrder as a, isParentAncestor as o, isStartingState as s, stateSuffix as c } from "@plitzi/sdk-shared/style/styleStates";
 //#region src/helpers/processSelector.ts
-var o = 2, s = (e = o) => " ".repeat(e), c = (e, t, n) => `${n || !t.length ? e : `${e}\n`}${t.join(n ? "" : "\n")}`, l = (e, t, n = !0, r = o) => {
-	let i = [], a = s(r), c = s(r + o);
+var l = 2, u = (e = l) => " ".repeat(e), d = (e, t, n) => `${n || !t.length ? e : `${e}\n`}${t.join(n ? "" : "\n")}`, f = (e, t, n = !0, r = l) => {
+	let i = [], a = u(r), o = u(r + l);
 	for (let r of ["light", "dark"]) if (t[r].length) {
 		if (n) i.push(`@media(prefers-color-scheme:${r}){${e}{${t[r].join("")}}}`);
 		else {
-			let n = t[r].map((e) => `${c}${e}`).join("\n").replaceAll(":", ": ");
+			let n = t[r].map((e) => `${o}${e}`).join("\n").replaceAll(":", ": ");
 			i.push(`\n@media(prefers-color-scheme: ${r}) {\n${a}${e} {\n${n}\n${a}}\n}`);
 		}
 	}
 	return i;
-}, u = (e, t, n = "") => [`${e}[data-variant="${t}"]${n}`, `${e}--${t}${n}`], d = (e, t, n) => {
-	let o = t ? "," : ", ", s = [];
-	for (let [c, { default: l, states: d, variants: f }] of Object.entries(e)) {
-		l?.length && s.push(m(`:where(.${c}) &`, l, {}, t, n));
-		for (let [e, o] of r(d ?? {})) s.push(m(`:where(.${c}${a(e)}) &`, o, {}, t, n)), i(e) && s.push(p(`:where(.${c}) &`, o, t, n));
-		for (let [e, l] of Object.entries(f ?? {})) {
-			if (l.default.length) {
-				let r = u(`.${c}`, e).join(o);
-				s.push(m(`:where(${r}) &`, l.default, {}, t, n));
+}, p = (e, t, n = "") => [`${e}[data-variant="${t}"]${n}`, `${e}--${t}${n}`], m = (e, t, n) => {
+	let r = t ? "," : ", ", i = [];
+	for (let [l, { default: u, states: d, variants: f }] of Object.entries(e)) {
+		let e = o(l), m = e ? "" : `.${l}`, h = e ? " > &" : " &", g = e ? "*" : m;
+		u?.length && i.push(y(`:where(${g})${h}`, u, {}, t, n));
+		for (let [e, r] of a(d ?? {})) i.push(y(`:where(${m}${c(e)})${h}`, r, {}, t, n)), s(e) && i.push(v(`:where(${g})${h}`, r, t, n));
+		let _ = (t, n = "") => e ? [`[data-variant="${t}"]${n}`] : p(m, t, n);
+		for (let [e, o] of Object.entries(f ?? {})) {
+			if (o.default.length) {
+				let a = _(e).join(r);
+				i.push(y(`:where(${a})${h}`, o.default, {}, t, n));
 			}
-			for (let [d, f] of r(l.states ?? {})) {
-				let r = u(`.${c}`, e, a(d)).join(o);
-				if (s.push(m(`:where(${r}) &`, f, {}, t, n)), i(d)) {
-					let r = u(`.${c}`, e).join(o);
-					s.push(p(`:where(${r}) &`, f, t, n));
-				}
+			for (let [l, u] of a(o.states ?? {})) {
+				let a = _(e, c(l)).join(r);
+				i.push(y(`:where(${a})${h}`, u, {}, t, n)), s(l) && i.push(v(`:where(${_(e).join(r)})${h}`, u, t, n));
 			}
 		}
 	}
-	return s;
-}, f = (e, t, n, c = !0, l = o) => {
-	let { states: u, variants: f, ancestors: h } = n, g = c ? t.join("") : t.map((e) => `${s(l + o)}${e}`).join("\n").replaceAll(":", ": "), _ = u ? r(u).flatMap(([e, t]) => {
-		let n = m(`&${a(e)}`, t, {}, c, l + o);
-		return i(e) ? [n, p("&", t, c, l + o)] : [n];
-	}) : [], v = e.replace("plitzi__", ""), y = f ? Object.entries(f).map(([e, t]) => m(`&[data-variant="${e}"]${c ? "," : ", "}&${v}--${e}`, t.default, { states: t.states }, c, l + o)) : [], b = h ? d(h, c, l + o) : [];
-	if (c) return `${g}${_.join("")}${y.join("")}${b.join("")}`;
-	let x = g ? [g] : [];
-	for (let e of [
-		_,
-		y,
-		b
-	]) e.length && x.push(e.join("\n\n"));
-	return x.join("\n\n");
-}, p = (e, t, n, r) => n ? `@starting-style{${m(e, t, {}, n, r)}}` : `${s(r)}@starting-style {\n${m(e, t, {}, n, r + o)}\n${s(r)}}`, m = (e, t, n, r = !0, i = o) => {
-	let a = f(e, t, n, r, i);
-	return r ? `${e}{${a}}` : `${s(i)}${e} {\n${a}\n${s(i)}}`;
-}, h = (e, t, n = !0, r = o) => {
+	return i;
+}, h = (e, t, n) => Object.entries(e).flatMap(([e, { default: r, states: o }]) => {
+	let l = i(e), u = r.length ? [y(`&${l}`, r, {}, t, n)] : [];
+	for (let [e, r] of a(o ?? {})) u.push(y(`&${c(e)}${l}`, r, {}, t, n)), s(e) && u.push(v(`&${l}`, r, t, n));
+	return u;
+}), g = (e, t, n, i) => Object.entries(t).flatMap(([t, { default: a, states: o, pseudos: s }]) => {
+	let c = r(t);
+	if (!c) return [];
+	let l = _(e, a, {
+		states: o,
+		pseudos: s
+	}, n, i);
+	return l ? [n ? `${c}{${l}}` : `${u(i)}${c} {\n${l}\n${u(i)}}`] : [];
+}), _ = (e, t, n, r = !0, i = l) => {
+	let { states: o, variants: d, ancestors: f, pseudos: p, conditions: _ } = n, b = r ? t.join("") : t.map((e) => `${u(i + l)}${e}`).join("\n").replaceAll(":", ": "), x = o ? a(o).flatMap(([e, t]) => {
+		let n = y(`&${c(e)}`, t, {}, r, i + l);
+		return s(e) ? [n, v("&", t, r, i + l)] : [n];
+	}) : [], S = e.replace("plitzi__", ""), C = d ? Object.entries(d).map(([e, t]) => y(`&[data-variant="${e}"]${r ? "," : ", "}&${S}--${e}`, t.default, {
+		states: t.states,
+		pseudos: t.pseudos
+	}, r, i + l)) : [], w = [
+		x,
+		p ? h(p, r, i + l) : [],
+		C,
+		f ? m(f, r, i + l) : [],
+		_ ? g(e, _, r, i + l) : []
+	];
+	if (r) return `${b}${w.map((e) => e.join("")).join("")}`;
+	let T = b ? [b] : [];
+	for (let e of w) e.length && T.push(e.join("\n\n"));
+	return T.join("\n\n");
+}, v = (e, t, n, r) => n ? `@starting-style{${y(e, t, {}, n, r)}}` : `${u(r)}@starting-style {\n${y(e, t, {}, n, r + l)}\n${u(r)}}`, y = (e, t, n, r = !0, i = l) => {
+	let a = _(e, t, n, r, i);
+	return r ? `${e}{${a}}` : `${u(i)}${e} {\n${a}\n${u(i)}}`;
+}, b = (e, t, n = !0, r = l) => {
 	let i = [];
-	for (let [a, s] of Object.entries(t)) {
+	for (let [a, o] of Object.entries(t)) {
 		if (a === "base") {
-			let t = f(e, s.default, s, n, r);
+			let t = _(e, o.default, o, n, r);
 			t && i.push(t);
 			continue;
 		}
-		i.push(m(`${e}-${a}`, s.default, s, n, r + o));
+		i.push(y(`${e}-${a}`, o.default, o, n, r + l));
 	}
 	return n ? `${e}{${i.join("")}}` : `${e} {\n${i.join("\n\n")}\n}`;
-}, g = (r, i = !0) => {
-	let a = t(r), o = n(r), s = e(r), u = o ? l(a, o, i) : void 0;
+}, x = (r, i = !0) => {
+	let a = t(r), o = n(r), s = e(r), c = o ? f(a, o, i) : void 0;
 	o && s.attributes.base.default.push(...o.default);
-	let d = h(a, s.attributes, i, 0);
-	return u ? c(d, u, i) : d;
-}, _ = (e, t = !1) => e.map((e) => g(e, t));
+	let l = b(a, s.attributes, i, 0);
+	return c ? d(l, c, i) : l;
+}, S = (e, t = !1) => e.map((e) => x(e, t));
 //#endregion
-export { g as default, _ as processSelectors };
+export { x as default, S as processSelectors };

package/dist/helpers/processSelectorAttributes.d.ts

@@ -1,19 +1,27 @@
-import { StyleItem, StyleState } from '@plitzi/sdk-shared';
+import { StyleItem, StylePseudo, StyleState } from '@plitzi/sdk-shared';
 type ProcessedStates = Partial<Record<StyleState, string[]>>;
-type ProcessedVariants = Record<string, {
+type ProcessedStateBlock = {
     default: string[];
     states?: ProcessedStates;
-}>;
+};
+type ProcessedPseudos = Partial<Record<StylePseudo, ProcessedStateBlock>>;
+type ProcessedPart = ProcessedStateBlock & {
+    pseudos?: ProcessedPseudos;
+};
+type ProcessedVariants = Record<string, ProcessedPart>;
+type ProcessedConditions = Record<string, ProcessedPart>;
 export type ProcessedAncestors = Record<string, {
     default?: string[];
     states?: ProcessedStates;
-    variants?: ProcessedVariants;
+    variants?: Record<string, ProcessedStateBlock>;
 }>;
 export type Attributes = Record<string, {
     default: string[];
     states?: ProcessedStates;
     variants?: ProcessedVariants;
     ancestors?: ProcessedAncestors;
+    pseudos?: ProcessedPseudos;
+    conditions?: ProcessedConditions;
 }>;
 export declare const processCssString: (attribute: string, value?: string) => {
     variables: string[];

package/dist/helpers/processSelectorAttributes.mjs

@@ -89,21 +89,35 @@ var e = (e, t, { keepEmpty: n = !1, closeEndsPart: r = !1 } = {}) => {
 	}
 	return Object.keys(t).length ? t : void 0;
 }, l = (e) => {
+	let t = c(e.states);
+	return {
+		default: r(e.default),
+		...t && { states: t }
+	};
+}, u = (e) => {
 	if (!e) return;
 	let t = {};
-	for (let [n, i] of Object.entries(e)) {
-		let e = c(i.states);
+	for (let [n, r] of Object.entries(e)) {
+		let e = l(r);
+		(e.default.length || e.states) && (t[n] = e);
+	}
+	return Object.keys(t).length ? t : void 0;
+}, d = (e) => {
+	if (!e) return;
+	let t = {};
+	for (let [n, r] of Object.entries(e)) {
+		let e = u(r.pseudos);
 		t[n] = {
-			default: r(i.default),
-			...e && { states: e }
+			...l(r),
+			...e && { pseudos: e }
 		};
 	}
 	return Object.keys(t).length ? t : void 0;
-}, u = (e) => {
+}, f = (e) => {
 	if (!e) return;
 	let t = {};
 	for (let [n, i] of Object.entries(e)) {
-		let e = r(i.default), a = c(i.states), o = l(i.variants);
+		let e = r(i.default), a = c(i.states), o = d(i.variants);
 		(e.length || a || o) && (t[n] = {
 			...e.length && { default: e },
 			...a && { states: a },
@@ -112,19 +126,21 @@ var e = (e, t, { keepEmpty: n = !1, closeEndsPart: r = !1 } = {}) => {
 	}
 	return Object.keys(t).length ? t : void 0;
 };
-function d(e) {
+function p(e) {
 	if (!e?.attributes || !Object.keys(e.attributes).length) return { attributes: { base: { default: [] } } };
 	let t = {};
 	for (let n in e.attributes) {
-		let i = e.attributes[n], a = c(i.states), o = l(i.variants), s = u(i.ancestors);
+		let i = e.attributes[n], a = c(i.states), o = d(i.variants), s = f(i.ancestors), l = u(i.pseudos), p = d(i.conditions);
 		t[n] = {
 			default: r(i.default),
 			...a && { states: a },
 			...o && { variants: o },
-			...s && { ancestors: s }
+			...s && { ancestors: s },
+			...l && { pseudos: l },
+			...p && { conditions: p }
 		};
 	}
 	return { attributes: t };
 }
 //#endregion
-export { d as default, s as processCssString };
+export { p as default, s as processCssString };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-style",
-  "version": "0.38.6",
+  "version": "0.38.8",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -944,10 +944,10 @@
     "build:prod": "vite build && node ../sdk-shared/scripts/generate-exports.mjs"
   },
   "dependencies": {
-    "@plitzi/plitzi-ui": "^1.6.31",
-    "@plitzi/sdk-event-bridge": "0.38.6",
-    "@plitzi/sdk-shared": "0.38.6",
-    "@plitzi/sdk-variables": "0.38.6",
+    "@plitzi/plitzi-ui": "^1.6.32",
+    "@plitzi/sdk-event-bridge": "0.38.8",
+    "@plitzi/sdk-shared": "0.38.8",
+    "@plitzi/sdk-variables": "0.38.8",
     "clsx": "^2.1.1",
     "immer": "^11.1.21",
     "zod": "^4.6.5"