@plitzi/sdk-style 0.37.0 → 0.37.2

package/dist/helpers/processSelectorAttributes.mjs

@@ -1,110 +1,130 @@
 //#region src/helpers/processSelectorAttributes.ts
-var e = (e, t, n = !1) => n ? t : `${e}:${t};`, t = (e) => {
+var e = (e, t, { keepEmpty: n = !1, closeEndsPart: r = !1 } = {}) => {
+	let i = [], a = 0, o = "", s = "", c = () => {
+		(n || s) && i.push(s), s = "";
+	};
+	for (let n of e) {
+		if (o) o = n === o ? "" : o;
+		else if (/["']/.test(n)) o = n;
+		else if (n === "(") a += 1;
+		else if (n === ")") {
+			if (a = Math.max(0, a - 1), r && a === 0) {
+				s += n, c();
+				continue;
+			}
+		} else if (a === 0 && t(n)) {
+			c();
+			continue;
+		}
+		s += n;
+	}
+	return c(), i;
+}, t = (e) => /\s/.test(e), n = (e, t, n = !1) => n ? t : `${e}:${t};`, r = (e) => {
 	if (!e) return [];
 	let t = [];
 	for (let [n, r] of Object.entries(e)) {
-		let e = a(n, String(r));
+		let e = s(n, String(r));
 		t.push(...e.variables, e.value);
 	}
 	return t;
-}, n = (t, n, r, i = !1) => {
+}, i = (e, t, r, i = !1) => {
 	let a = {
 		variables: {},
 		value: ""
 	}, o = r.replaceAll("\"", "").match(/var\((?<variableName>--[\w-]+)\)(?<extraContent>\S.+)/);
-	if (!o || !o.groups) return a.value = e(n, r, i), a;
+	if (!o || !o.groups) return a.value = n(t, r, i), a;
 	let { variableName: s, extraContent: c } = o.groups, l = `${s}-parsed`, u = `var(${s})+"${c}"`;
-	return t.variables[l] && t.variables[l] !== u && (l = `${l}-${Object.keys(t.variables).length}`), a.variables[l] = u, a.value = e(n, `var(${l})`, i), a;
-}, r = (t, r, i, a, o = !1) => {
+	return e.variables[l] && e.variables[l] !== u && (l = `${l}-${Object.keys(e.variables).length}`), a.variables[l] = u, a.value = n(t, `var(${l})`, i), a;
+}, a = (e, t, r, a, o = !1) => {
 	let s = {
 		variables: {},
 		value: ""
 	};
-	if (i === "url") {
-		let c = n(t, r, a, !0);
+	if (r === "url") {
+		let c = i(e, t, a, !0);
 		s.variables = {
 			...s.variables,
 			...c.variables
-		}, s.value = e(r, `${i}(${c.value})`, o);
-	} else s.value = e(r, `${i}(${a})`, o);
+		}, s.value = n(t, `${r}(${c.value})`, o);
+	} else s.value = n(t, `${r}(${a})`, o);
 	return s;
-}, i = (e, t, a, o = !1, s = !1) => {
-	let c = {
+}, o = (n, r, s, c = !1, l = !1) => {
+	let u = {
 		variables: {},
 		value: ""
-	}, l = a.replace(/\s*;\s*$/, "").match(/[a-z-]+\((?:[^()]+|\([^()]*\))*\)|[^\s]+/gi);
-	if (!o && l && l.length > 1) return l.forEach((n) => {
-		let r = i(e, t, n, !0, s);
-		c.variables = {
-			...c.variables,
-			...r.variables
-		}, c.value ? c.value = `${c.value} ${r.value}` : c.value = r.value;
-	}), c;
-	a = l?.[0] ?? a;
-	let u = a.match(/^(?!var\()\s*(?<functionName>[a-z-]+)\s*\(\s*(?<functionContent>[\s\S]*)\s*\)\s*$/i);
-	if (!u || !u.groups) return n(c, t, a, o || s);
-	let { functionName: d, functionContent: f } = u.groups;
-	return r(e, t, d, f, o || s);
-}, a = (e, t) => {
-	let n = {
+	}, d = e(s.replace(/\s*;\s*$/, ""), t, { closeEndsPart: !0 });
+	if (!c && d.length > 1) return d.forEach((e) => {
+		let t = o(n, r, e, !0, l);
+		u.variables = {
+			...u.variables,
+			...t.variables
+		}, u.value ? u.value = `${u.value} ${t.value}` : u.value = t.value;
+	}), u;
+	s = d[0] ?? s;
+	let f = s.match(/^(?!var\()\s*(?<functionName>[a-z-]+)\s*\(\s*(?<functionContent>[\s\S]*)\s*\)\s*$/i);
+	if (!f || !f.groups) return i(u, r, s, c || l);
+	let { functionName: p, functionContent: m } = f.groups;
+	return a(n, r, p, m, c || l);
+}, s = (t, n) => {
+	let r = {
 		variables: {},
 		value: ""
 	};
-	return (t?.split(/,(?![^(]*\))/).map((e) => e.trim()) ?? []).forEach((t) => {
-		let r = i(n, e, t, !1, !0);
-		n.variables = {
-			...n.variables,
-			...r.variables
-		}, n.value ? n.value = `${n.value},${r.value}` : n.value = r.value;
-	}), n.value &&= `${e}:${n.value};`, {
-		variables: Object.keys(n.variables).map((e) => `${e}:${n.variables[e]};`),
-		value: n.value
+	return (n === void 0 ? [] : e(n, (e) => e === ",", { keepEmpty: !0 }).map((e) => e.trim())).forEach((e) => {
+		let n = o(r, t, e, !1, !0);
+		r.variables = {
+			...r.variables,
+			...n.variables
+		}, r.value ? r.value = `${r.value},${n.value}` : r.value = n.value;
+	}), r.value &&= `${t}:${r.value};`, {
+		variables: Object.keys(r.variables).map((e) => `${e}:${r.variables[e]};`),
+		value: r.value
 	};
-}, o = (e) => {
+}, c = (e) => {
 	if (!e) return;
-	let n = {};
-	for (let [r, i] of Object.entries(e)) {
-		let e = t(i);
-		e.length && (n[r] = e);
+	let t = {};
+	for (let [n, i] of Object.entries(e)) {
+		let e = r(i);
+		e.length && (t[n] = e);
 	}
-	return Object.keys(n).length ? n : void 0;
-}, s = (e) => {
+	return Object.keys(t).length ? t : void 0;
+}, l = (e) => {
 	if (!e) return;
-	let n = {};
-	for (let [r, i] of Object.entries(e)) {
-		let e = o(i.states);
-		n[r] = {
-			default: t(i.default),
+	let t = {};
+	for (let [n, i] of Object.entries(e)) {
+		let e = c(i.states);
+		t[n] = {
+			default: r(i.default),
 			...e && { states: e }
 		};
 	}
-	return Object.keys(n).length ? n : void 0;
-}, c = (e) => {
+	return Object.keys(t).length ? t : void 0;
+}, u = (e) => {
 	if (!e) return;
-	let n = {};
-	for (let [r, i] of Object.entries(e)) {
-		let e = t(i.default), a = o(i.states), c = s(i.variants);
-		(e.length || a || c) && (n[r] = {
+	let t = {};
+	for (let [n, i] of Object.entries(e)) {
+		let e = r(i.default), a = c(i.states), o = l(i.variants);
+		(e.length || a || o) && (t[n] = {
 			...e.length && { default: e },
 			...a && { states: a },
-			...c && { variants: c }
+			...o && { variants: o }
 		});
 	}
-	return Object.keys(n).length ? n : void 0;
+	return Object.keys(t).length ? t : void 0;
 };
-function l(e) {
+function d(e) {
 	if (!e?.attributes || !Object.keys(e.attributes).length) return { attributes: { base: { default: [] } } };
-	let n = {};
-	for (let r in e.attributes) {
-		let i = e.attributes[r], a = o(i.states), l = s(i.variants), u = c(i.ancestors);
-		n[r] = {
-			default: t(i.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);
+		t[n] = {
+			default: r(i.default),
 			...a && { states: a },
-			...l && { variants: l },
-			...u && { ancestors: u }
+			...o && { variants: o },
+			...s && { ancestors: s }
 		};
 	}
-	return { attributes: n };
+	return { attributes: t };
 }
 //#endregion
-export { l as default, a as processCssString };
+export { d as default, s as processCssString };

package/dist/models/SelectorForm/SelectorForm.d.ts

@@ -17,5 +17,5 @@ export type SelectorFormProps = {
     onClose?: () => void | Promise<void>;
     onSubmit?: (e: MouseEvent | undefined, values: SelectorFormValues) => void | Promise<void>;
 };
-declare const SelectorForm: ({ name, mode, componentType, components, componentsNotAvailables, onClose, onSubmit }: SelectorFormProps) => import("react").JSX.Element;
+declare const SelectorForm: ({ name, mode, componentType, components, componentsNotAvailables, onClose, onSubmit }: SelectorFormProps) => import('react').JSX.Element;
 export default SelectorForm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-style",
-  "version": "0.37.0",
+  "version": "0.37.2",
   "license": "AGPL-3.0",
   "files": [
     "dist"
@@ -698,6 +698,22 @@
       "types": "./dist/components/StyleInspector/categories/Variables/index.d.ts",
       "import": "./dist/components/StyleInspector/categories/Variables/index.mjs"
     },
+    "./components/StyleInspector/components/AncestorRules": {
+      "types": "./dist/components/StyleInspector/components/AncestorRules/index.d.ts",
+      "import": "./dist/components/StyleInspector/components/AncestorRules/index.mjs"
+    },
+    "./components/StyleInspector/components/AncestorRules/AncestorRuleChip": {
+      "types": "./dist/components/StyleInspector/components/AncestorRules/AncestorRuleChip.d.ts",
+      "import": "./dist/components/StyleInspector/components/AncestorRules/AncestorRuleChip.mjs"
+    },
+    "./components/StyleInspector/components/AncestorRules/AncestorRules": {
+      "types": "./dist/components/StyleInspector/components/AncestorRules/AncestorRules.d.ts",
+      "import": "./dist/components/StyleInspector/components/AncestorRules/AncestorRules.mjs"
+    },
+    "./components/StyleInspector/components/AncestorRules/index": {
+      "types": "./dist/components/StyleInspector/components/AncestorRules/index.d.ts",
+      "import": "./dist/components/StyleInspector/components/AncestorRules/index.mjs"
+    },
     "./components/StyleInspector/components/CategoryAdvanced": {
       "types": "./dist/components/StyleInspector/components/CategoryAdvanced/index.d.ts",
       "import": "./dist/components/StyleInspector/components/CategoryAdvanced/index.mjs"
@@ -920,10 +936,10 @@
     "build:prod": "vite build && node ../sdk-shared/scripts/generate-exports.mjs"
   },
   "dependencies": {
-    "@plitzi/plitzi-ui": "^1.6.21",
-    "@plitzi/sdk-plugins": "0.37.0",
-    "@plitzi/sdk-shared": "0.37.0",
-    "@plitzi/sdk-variables": "0.37.0",
+    "@plitzi/plitzi-ui": "^1.6.22",
+    "@plitzi/sdk-plugins": "0.37.2",
+    "@plitzi/sdk-shared": "0.37.2",
+    "@plitzi/sdk-variables": "0.37.2",
     "clsx": "^2.1.1",
     "immer": "^11.1.18",
     "prop-types": "^15.8.1",