@barocss/browser 0.8.1 → 0.9.0

package/dist/index.es.js

@@ -1,767 +1,834 @@
-import { parseClassName as y, upperBound as b, ruleSortKey as m, compareKeys as S, createContext as p, IncrementalParser as C, clearAstCache as x } from "@barocss/kit";
-class d {
-  constructor(t, e = 50, s = "barocss-style-partition-", i = (r) => y(r).utility?.category) {
-    this.partitions = [], this.categoryPartitions = /* @__PURE__ */ new Map(), this.partitionCounter = 0, this.maxRulesPerPartition = 50, this.classToPartitionMap = /* @__PURE__ */ new Map(), this.classToCategoryPartitionMap = /* @__PURE__ */ new Map(), this.styleIdPrefix = "barocss-style-partition-", this.insertionPoint = t, this.maxRulesPerPartition = e, this.styleIdPrefix = s, this.getCategory = i, this.initializeDefaultPartition();
-  }
-  /**
-   * Insert `rule` at its Tailwind variant position within `partition` (#254):
-   * one insertRule at a binary-searched index, no sheet rewrite.
-   */
-  insertSorted(t, e, s) {
-    const i = t.keys ??= [], r = b(i, s), n = t.styleElement.sheet;
-    n && n.cssRules.length === i.length ? (n.insertRule(this.escapeCssRule(e), r), t.styles.splice(r, 0, e)) : (t.styles.splice(r, 0, e), t.styleElement.textContent = t.styles.join(`
-`) + `
-`), i.splice(r, 0, s);
-  }
-  initializeDefaultPartition() {
-    this.createNewPartition();
-  }
-  createNewCategoryPartition(t, e = !1) {
-    const s = {
-      id: this.styleIdPrefix + `-${t}`,
-      styles: [],
-      styleElement: document.createElement("style")
-    };
-    s.styleElement.id = s.id, s.styleElement.setAttribute("data-barocss", "partition"), s.styleElement.setAttribute("data-category", t);
-    const i = this.insertionPoint.ownerDocument?.head;
-    return e && i ? i.insertBefore(s.styleElement, i.firstChild) : this.insertionPoint.appendChild(s.styleElement), this.categoryPartitions.set(t, s), s;
-  }
-  createNewPartition() {
-    const t = {
-      id: this.styleIdPrefix + `-${this.partitionCounter++}`,
-      styles: [],
-      styleElement: document.createElement("style")
-    };
-    return this.partitions.push(t), t.styleElement.id = t.id, t.styleElement.setAttribute("data-barocss", "partition"), t.styleElement.setAttribute(
-      "data-partition-index",
-      this.partitionCounter.toString()
-    ), this.insertionPoint.appendChild(t.styleElement), t;
-  }
-  hasRule(t) {
-    return this.classToPartitionMap.has(t);
-  }
-  hasCategoryRule(t, e) {
-    return this.classToCategoryPartitionMap.get(t) === e;
-  }
-  setRuleCache(t, e) {
-    this.classToPartitionMap.set(t, e);
-  }
-  setCategoryRuleCache(t, e) {
-    this.classToCategoryPartitionMap.set(t, e);
-  }
-  get currentPartition() {
-    return this.partitions[this.partitions.length - 1];
-  }
-  getCategoryPartition(t) {
-    return this.categoryPartitions.get(t);
-  }
-  hasDetachedPartitions() {
-    return [...this.partitions, ...this.categoryPartitions.values()].some((t) => !t.styleElement.isConnected);
-  }
-  /**
-   * Escape CSS rule text
-   * - Properly escape special characters
-   * - Prevent CSS syntax errors
-   */
-  escapeCssRule(t) {
-    return t.replace(/\\\//g, "\\/");
-  }
-  addRule(t) {
-    if (this.hasRule(t))
-      return !1;
-    const e = m(t);
-    let s = this.partitions.findIndex((r) => {
-      const n = r.keys;
-      return !!n && n.length > 0 && S(n[n.length - 1], e) > 0;
-    });
-    s === -1 && (this.currentPartition.styles.length >= this.maxRulesPerPartition && this.createNewPartition(), s = this.partitions.length - 1);
-    const i = this.partitions[s];
-    try {
-      return this.insertSorted(i, t, e), this.setRuleCache(t, s), !0;
-    } catch (r) {
-      return console.warn(
-        `[StylePartitionManager] Failed to insert rule: ${t}`,
-        r
-      ), !1;
-    }
-  }
-  addCategoryRule(t, e) {
-    if (this.hasCategoryRule(t, e))
-      return !1;
-    let s = this.getCategoryPartition(e);
-    s || (s = this.createNewCategoryPartition(e));
-    try {
-      this.insertSorted(s, t, m(t));
-    } catch (i) {
-      return console.warn(
-        `[StylePartitionManager] Failed to insert rule in category: ${e} ${t}`,
-        i
-      ), !1;
-    }
-    return this.setCategoryRuleCache(t, e), !0;
-  }
-  addRootRules(t) {
-    let e = this.getCategoryPartition("root");
-    e || (e = this.createNewCategoryPartition("root"));
-    try {
-      const s = e.styleElement.sheet;
-      for (const i of t)
-        s ? s.insertRule(this.escapeCssRule(i), s.cssRules.length) : e.styleElement.textContent += i + `
-`;
-    } catch (s) {
-      return console.warn(
-        `[StylePartitionManager] Failed to insert rule in category: root ${t.join(`
-`)}`,
-        s
-      ), { success: 0, failed: t.length };
-    }
-    return { success: t.length, failed: 0 };
-  }
-  addRules(t) {
-    let e = 0, s = 0;
-    for (const i of t) {
-      const r = this.getCategory(i.cls);
-      if (r)
-        for (const n of i.cssList)
-          this.addCategoryRule(n, r);
-      else
-        for (const n of i.cssList)
-          this.addRule(n) ? e++ : s++;
-    }
-    return { success: e, failed: s };
-  }
-  /**
-   * Remove one generated rule (#269 GC). Keeps `styles`, the #254 `keys` and the
-   * sheet's cssRules parallel: one deleteRule at the rule's index, or a text
-   * rebuild when the sheet isn't solely ours / has no CSSOM. Returns whether
-   * the rule was found.
-   */
-  removeRule(t, e) {
-    let s;
-    if (e) {
-      if (this.classToCategoryPartitionMap.get(t) !== e) return !1;
-      s = this.categoryPartitions.get(e);
-    } else {
-      const o = this.classToPartitionMap.get(t);
-      s = o === void 0 ? void 0 : this.partitions[o];
-    }
-    if (!s) return !1;
-    const i = s.styles.indexOf(t);
-    if (i === -1) return !1;
-    const r = s.styleElement.sheet, n = !!r && r.cssRules.length === s.styles.length;
-    return s.styles.splice(i, 1), s.keys?.splice(i, 1), n && r ? r.deleteRule(i) : s.styleElement.textContent = s.styles.length ? s.styles.join(`
-`) + `
-` : "", e ? this.classToCategoryPartitionMap.delete(t) : this.classToPartitionMap.delete(t), !0;
-  }
-  /** Number of generated (non-root, non-preflight) rules currently held. */
-  get ruleCount() {
-    return this.classToPartitionMap.size + this.classToCategoryPartitionMap.size;
-  }
-  /**
-   * 특정 규칙이 어느 파티션에 있는지 찾기
-   */
-  findRulePartition(t) {
-    const e = this.classToPartitionMap.get(t);
-    if (e !== void 0 && this.partitions[e])
-      return this.partitions[e];
-    const s = this.classToCategoryPartitionMap.get(t);
-    return s !== void 0 && this.categoryPartitions.get(s) || null;
-  }
-  updateRuleContent(t, e, s = !1) {
-    const i = this.getCategoryPartition(t);
-    if (i)
-      i.styleElement.textContent = e;
-    else {
-      const r = this.createNewCategoryPartition(t, s);
-      console.log(`[StylePartitionManager] Created new partition for category: ${t}`), r.styleElement.textContent = e;
-    }
-  }
-  /**
-   * 모든 파티션 정리
-   */
-  cleanup() {
-    this.partitions.forEach((t) => {
-      t.styleElement.parentNode && t.styleElement.parentNode.removeChild(t.styleElement);
-    }), this.categoryPartitions.forEach((t) => {
-      t.styleElement.parentNode && t.styleElement.parentNode.removeChild(t.styleElement);
-    }), this.partitions = [], this.categoryPartitions.clear(), this.partitionCounter = 0, this.classToPartitionMap.clear(), this.classToCategoryPartitionMap.clear();
-  }
+import { IncrementalParser as e, clearAstCache as t, compareKeys as n, createContext as r, isDebug as i, parseClassName as a, ruleSortKey as o, upperBound as s } from "@barocss/kit";
+//#region src/style-partition-manager.ts
+var c = class {
+	insertSorted(e, t, n) {
+		let r = e.keys ??= [], i = s(r, n), a = e.styleElement.sheet;
+		a && a.cssRules.length === r.length ? (a.insertRule(this.escapeCssRule(t), i), e.styles.splice(i, 0, t)) : (e.styles.splice(i, 0, t), e.styleElement.textContent = e.styles.join("\n") + "\n"), r.splice(i, 0, n);
+	}
+	constructor(e, t = 50, n = "barocss-style-partition-", r = (e) => a(e).utility?.category) {
+		this.partitions = [], this.categoryPartitions = /* @__PURE__ */ new Map(), this.partitionCounter = 0, this.maxRulesPerPartition = 50, this.classToPartitionMap = /* @__PURE__ */ new Map(), this.classToCategoryPartitionMap = /* @__PURE__ */ new Map(), this.styleIdPrefix = "barocss-style-partition-", this.insertionPoint = e, this.maxRulesPerPartition = t, this.styleIdPrefix = n, this.getCategory = r, this.initializeDefaultPartition();
+	}
+	initializeDefaultPartition() {
+		this.createNewPartition();
+	}
+	createNewCategoryPartition(e, t = !1) {
+		let n = {
+			id: this.styleIdPrefix + `-${e}`,
+			styles: [],
+			styleElement: document.createElement("style")
+		};
+		n.styleElement.id = n.id, n.styleElement.setAttribute("data-barocss", "partition"), n.styleElement.setAttribute("data-category", e);
+		let r = this.insertionPoint.ownerDocument?.head;
+		return t && r ? r.insertBefore(n.styleElement, r.firstChild) : this.insertionPoint.appendChild(n.styleElement), this.categoryPartitions.set(e, n), n;
+	}
+	createNewPartition() {
+		let e = {
+			id: this.styleIdPrefix + `-${this.partitionCounter++}`,
+			styles: [],
+			styleElement: document.createElement("style")
+		};
+		return this.partitions.push(e), e.styleElement.id = e.id, e.styleElement.setAttribute("data-barocss", "partition"), e.styleElement.setAttribute("data-partition-index", this.partitionCounter.toString()), this.insertionPoint.appendChild(e.styleElement), e;
+	}
+	hasRule(e) {
+		return this.classToPartitionMap.has(e);
+	}
+	hasCategoryRule(e, t) {
+		return this.classToCategoryPartitionMap.get(e) === t;
+	}
+	setRuleCache(e, t) {
+		this.classToPartitionMap.set(e, t);
+	}
+	setCategoryRuleCache(e, t) {
+		this.classToCategoryPartitionMap.set(e, t);
+	}
+	get currentPartition() {
+		return this.partitions[this.partitions.length - 1];
+	}
+	getCategoryPartition(e) {
+		return this.categoryPartitions.get(e);
+	}
+	hasDetachedPartitions() {
+		return [...this.partitions, ...this.categoryPartitions.values()].some((e) => !e.styleElement.isConnected);
+	}
+	escapeCssRule(e) {
+		return e.replace(/\\\//g, "\\/");
+	}
+	addRule(e) {
+		if (this.hasRule(e)) return !1;
+		let t = o(e), r = this.partitions.findIndex((e) => {
+			let r = e.keys;
+			return !!r && r.length > 0 && n(r[r.length - 1], t) > 0;
+		});
+		r === -1 && (this.currentPartition.styles.length >= this.maxRulesPerPartition && this.createNewPartition(), r = this.partitions.length - 1);
+		let a = this.partitions[r];
+		try {
+			return this.insertSorted(a, e, t), this.setRuleCache(e, r), !0;
+		} catch (t) {
+			return i() && console.warn(`[StylePartitionManager] Failed to insert rule: ${e}`, t), !1;
+		}
+	}
+	addCategoryRule(e, t) {
+		if (this.hasCategoryRule(e, t)) return !1;
+		let n = this.getCategoryPartition(t);
+		n ||= this.createNewCategoryPartition(t);
+		try {
+			this.insertSorted(n, e, o(e));
+		} catch (n) {
+			return i() && console.warn(`[StylePartitionManager] Failed to insert rule in category: ${t} ${e}`, n), !1;
+		}
+		return this.setCategoryRuleCache(e, t), !0;
+	}
+	addRootRules(e) {
+		let t = this.getCategoryPartition("root");
+		t ||= this.createNewCategoryPartition("root");
+		try {
+			let n = t.styleElement.sheet;
+			for (let r of e) n ? n.insertRule(this.escapeCssRule(r), n.cssRules.length) : t.styleElement.textContent += r + "\n";
+		} catch (t) {
+			return i() && console.warn(`[StylePartitionManager] Failed to insert rule in category: root ${e.join("\n")}`, t), {
+				success: 0,
+				failed: e.length
+			};
+		}
+		return {
+			success: e.length,
+			failed: 0
+		};
+	}
+	addRules(e) {
+		let t = 0, n = 0;
+		for (let r of e) {
+			let e = this.getCategory(r.cls);
+			if (e) for (let t of r.cssList) this.addCategoryRule(t, e);
+			else for (let e of r.cssList) this.addRule(e) ? t++ : n++;
+		}
+		return {
+			success: t,
+			failed: n
+		};
+	}
+	removeRule(e, t) {
+		let n;
+		if (t) {
+			if (this.classToCategoryPartitionMap.get(e) !== t) return !1;
+			n = this.categoryPartitions.get(t);
+		} else {
+			let t = this.classToPartitionMap.get(e);
+			n = t === void 0 ? void 0 : this.partitions[t];
+		}
+		if (!n) return !1;
+		let r = n.styles.indexOf(e);
+		if (r === -1) return !1;
+		let i = n.styleElement.sheet, a = !!i && i.cssRules.length === n.styles.length;
+		return n.styles.splice(r, 1), n.keys?.splice(r, 1), a && i ? i.deleteRule(r) : n.styleElement.textContent = n.styles.length ? n.styles.join("\n") + "\n" : "", t ? this.classToCategoryPartitionMap.delete(e) : this.classToPartitionMap.delete(e), !0;
+	}
+	get ruleCount() {
+		return this.classToPartitionMap.size + this.classToCategoryPartitionMap.size;
+	}
+	findRulePartition(e) {
+		let t = this.classToPartitionMap.get(e);
+		if (t !== void 0 && this.partitions[t]) return this.partitions[t];
+		let n = this.classToCategoryPartitionMap.get(e);
+		return n === void 0 ? null : this.categoryPartitions.get(n) || null;
+	}
+	updateRuleContent(e, t, n = !1) {
+		let r = this.getCategoryPartition(e);
+		if (r) r.styleElement.textContent = t;
+		else {
+			let r = this.createNewCategoryPartition(e, n);
+			i() && console.log(`[StylePartitionManager] Created new partition for category: ${e}`), r.styleElement.textContent = t;
+		}
+	}
+	cleanup() {
+		this.partitions.forEach((e) => {
+			e.styleElement.parentNode && e.styleElement.parentNode.removeChild(e.styleElement);
+		}), this.categoryPartitions.forEach((e) => {
+			e.styleElement.parentNode && e.styleElement.parentNode.removeChild(e.styleElement);
+		}), this.partitions = [], this.categoryPartitions.clear(), this.partitionCounter = 0, this.classToPartitionMap.clear(), this.classToCategoryPartitionMap.clear();
+	}
+};
+//#endregion
+//#region src/utils.ts
+function l(e) {
+	return e ? typeof e == "object" && typeof e.baseVal == "string" ? e.baseVal : e.toString() : "";
+}
+function u(e) {
+	return e ? l(e).split(/\s+/).filter(Boolean) : [];
+}
+//#endregion
+//#region src/change-detector.ts
+var d = class {
+	constructor(e, t, n = (e) => a(e).utility?.category) {
+		this.observer = null, this.gc = null, this.incrementalParser = e, this.BrowserRuntime = t, this.getCategory = n;
+	}
+	setGc(e) {
+		this.gc = e;
+	}
+	setParser(e) {
+		this.incrementalParser = e;
+	}
+	observe(e = document.body, t) {
+		return typeof window > "u" ? new MutationObserver(() => {}) : (this.observer && this.observer.disconnect(), this.gc?.setRoot(e), this.observer = new MutationObserver((t) => {
+			let n = /* @__PURE__ */ new Set(), r = this.gc;
+			if (t.forEach((t) => {
+				if (r && (t.type === "attributes" ? r.reconcile(t.target) : t.type === "childList" && (t.removedNodes.forEach((e) => r.reconcileTree(e)), t.addedNodes.forEach((e) => r.reconcileTree(e)))), t.type === "attributes" && t.attributeName === "class" && e.contains(t.target)) {
+					let e = t.target;
+					e.className && u(e.className).forEach((e) => {
+						this.incrementalParser.isProcessed(e) || n.add(e);
+					});
+				}
+				t.type === "childList" && t.addedNodes.forEach((t) => {
+					if (t.nodeType === Node.ELEMENT_NODE && e.contains(t)) {
+						let e = t;
+						this.processElement(e, n), e.querySelectorAll("[class]").forEach((e) => {
+							this.processElement(e, n);
+						});
+					}
+				});
+			}), n.size > 0) {
+				let e = Array.from(n), t = this.incrementalParser.processClasses(e);
+				this.BrowserRuntime?.applyParseResults(t);
+			} else this.BrowserRuntime?.applyParseResults([]);
+			r?.afterBatch();
+		}), this.observer.observe(e, {
+			attributes: !0,
+			subtree: !0,
+			attributeFilter: ["class"],
+			childList: !0
+		}), t?.scan && this.scanExistingClasses(e, t), this.observer);
+	}
+	scanExistingClasses(e, t) {
+		let n = /* @__PURE__ */ new Set(), r = e.className;
+		r && u(r).forEach((e) => {
+			this.incrementalParser.isProcessed(e) || n.add(e);
+		});
+		let i = e.querySelectorAll("[class]");
+		for (let e of i) if (e.className) {
+			let t = u(e.className);
+			for (let e of t) this.incrementalParser.isProcessed(e) || n.add(e);
+		}
+		if (n.size > 0) {
+			let e = Array.from(n), r = this.incrementalParser.processClasses(e), i = r.filter((e) => this.getCategory(e.cls) === "layout"), a = r.filter((e) => this.getCategory(e.cls) !== "layout");
+			this.BrowserRuntime?.applyParseResults(i), t?.onReady?.(), this.BrowserRuntime?.applyParseResults(a);
+		} else t?.onReady?.();
+	}
+	processElement(e, t) {
+		e.className && u(e.className).forEach((e) => {
+			this.incrementalParser.isProcessed(e) || t.add(e);
+		});
+	}
+	disconnect() {
+		this.observer &&= (this.observer.disconnect(), null);
+	}
+};
+//#endregion
+//#region src/existing-classes.ts
+function f(e) {
+	return e.replace(/\\([0-9a-fA-F]{1,6})\s?|\\(.)/g, (e, t, n) => t ? String.fromCodePoint(parseInt(t, 16)) : n);
 }
-function w(a) {
-  return a ? typeof a == "object" && typeof a.baseVal == "string" ? a.baseVal : a.toString() : "";
+var p = /^\s*(?::(?:where|is)\(\s*)?\.((?:\\[0-9a-fA-F]{1,6}\s?|\\.|[\w-]|[^\x00-\x7F])+)/;
+function m(e) {
+	let t = [], n = 0, r = 0;
+	for (let i = 0; i < e.length; i++) {
+		let a = e[i];
+		a === "\\" ? i++ : a === "(" || a === "[" ? n++ : a === ")" || a === "]" ? n-- : a === "," && n === 0 && (t.push(e.slice(r, i)), r = i + 1);
+	}
+	return t.push(e.slice(r)), t;
 }
-function u(a) {
-  return a ? w(a).split(/\s+/).filter(Boolean) : [];
+function h(e, t = /* @__PURE__ */ new Set()) {
+	for (let n of Array.from(e)) {
+		if (n.type === 7 && typeof n.name == "string") {
+			t.add(n.name);
+			continue;
+		}
+		let e = n.cssRules;
+		e && e.length && h(e, t);
+	}
+	return t;
 }
-class E {
-  /**
-   * Create a new ChangeDetector instance
-   * 
-   * @param incrementalParser - IncrementalParser instance for class processing
-   * @param BrowserRuntime - Optional BrowserRuntime instance for CSS injection
-   */
-  constructor(t, e, s = (i) => y(i).utility?.category) {
-    this.observer = null, this.gc = null, this.incrementalParser = t, this.BrowserRuntime = e, this.getCategory = s;
-  }
-  setGc(t) {
-    this.gc = t;
-  }
-  setParser(t) {
-    this.incrementalParser = t;
-  }
-  /**
-   * Starts observing DOM changes for new CSS classes
-   * 
-   * This method sets up a MutationObserver that monitors:
-   * - Attribute changes (specifically class attribute modifications)
-   * - Child list changes (new elements being added)
-   * - Subtree changes (changes in descendant elements)
-   * 
-   * The observer automatically processes any new classes it discovers
-   * by adding them to the IncrementalParser's pending queue.
-   * 
-   * @param root - The root element to observe (defaults to document.body)
-   * @param options - Configuration options including initial scan and onReady callback
-   * @returns The MutationObserver instance for external control
-   */
-  observe(t = document.body, e) {
-    return typeof window > "u" ? new MutationObserver(() => {
-    }) : (this.observer && this.observer.disconnect(), this.gc?.setRoot(t), this.observer = new MutationObserver((s) => {
-      const i = /* @__PURE__ */ new Set(), r = this.gc;
-      if (s.forEach((n) => {
-        if (r && (n.type === "attributes" ? r.reconcile(n.target) : n.type === "childList" && (n.removedNodes.forEach((o) => r.reconcileTree(o)), n.addedNodes.forEach((o) => r.reconcileTree(o)))), n.type === "attributes" && n.attributeName === "class" && t.contains(n.target)) {
-          const o = n.target;
-          o.className && u(o.className).forEach((l) => {
-            this.incrementalParser.isProcessed(l) || i.add(l);
-          });
-        }
-        n.type === "childList" && n.addedNodes.forEach((o) => {
-          if (o.nodeType === Node.ELEMENT_NODE && t.contains(o)) {
-            const c = o;
-            this.processElement(c, i), c.querySelectorAll("[class]").forEach((l) => {
-              this.processElement(l, i);
-            });
-          }
-        });
-      }), i.size > 0) {
-        const n = Array.from(i), o = this.incrementalParser.processClasses(n);
-        this.BrowserRuntime?.applyParseResults(o);
-      } else
-        this.BrowserRuntime?.applyParseResults([]);
-      r?.afterBatch();
-    }), this.observer.observe(t, {
-      attributes: !0,
-      subtree: !0,
-      attributeFilter: ["class"],
-      childList: !0
-    }), e?.scan && this.scanExistingClasses(t, e), this.observer);
-  }
-  /**
-   * Scan existing classes in the DOM and process them
-   */
-  scanExistingClasses(t, e) {
-    const s = /* @__PURE__ */ new Set();
-    t.className && u(t.className).forEach((n) => {
-      this.incrementalParser.isProcessed(n) || s.add(n);
-    });
-    const i = t.querySelectorAll("[class]");
-    for (const r of i)
-      if (r.className) {
-        const n = u(r.className);
-        for (const o of n)
-          this.incrementalParser.isProcessed(o) || s.add(o);
-      }
-    if (s.size > 0) {
-      const r = Array.from(s), n = this.incrementalParser.processClasses(r), o = n.filter((l) => this.getCategory(l.cls) === "layout"), c = n.filter((l) => this.getCategory(l.cls) !== "layout");
-      this.BrowserRuntime?.applyParseResults(o), e?.onReady?.(), this.BrowserRuntime?.applyParseResults(c);
-    } else
-      e?.onReady?.();
-  }
-  /**
-   * Processes an individual element and extracts new classes
-   * 
-   * This method is called for each element discovered during DOM mutations.
-   * It:
-   * - Extracts all class names from the element's className
-   * - Filters out already processed classes
-   * - Adds new classes to the collection for batch processing
-   * 
-   * @param element - The HTML element to process
-   * @param newClasses - Set to collect newly discovered class names
-   */
-  processElement(t, e) {
-    t.className && u(t.className).forEach((i) => {
-      this.incrementalParser.isProcessed(i) || e.add(i);
-    });
-  }
-  /**
-   * Stops observing DOM changes and cleans up resources
-   * 
-   * This method disconnects the MutationObserver and clears the
-   * observer reference to prevent memory leaks and allow the
-   * ChangeDetector to be properly garbage collected.
-   */
-  disconnect() {
-    this.observer && (this.observer.disconnect(), this.observer = null);
-  }
+function g(e, t = /* @__PURE__ */ new Set()) {
+	for (let n of Array.from(e)) {
+		let e = n.selectorText;
+		if (typeof e == "string") for (let n of m(e)) {
+			let e = p.exec(n);
+			e && t.add(f(e[1]));
+		}
+		let r = n.cssRules;
+		r && r.length && g(r, t);
+	}
+	return t;
 }
-function M(a) {
-  return a.replace(/\\([0-9a-fA-F]{1,6})\s?|\\(.)/g, (t, e, s) => e ? String.fromCodePoint(parseInt(e, 16)) : s);
+//#endregion
+//#region src/class-gc.ts
+var _ = class {
+	constructor(e, t, n, r = () => Date.now()) {
+		this.host = e, this.graceMs = t, this.maxRules = n, this.now = r, this.counts = /* @__PURE__ */ new Map(), this.counted = /* @__PURE__ */ new WeakMap(), this.candidates = /* @__PURE__ */ new Map(), this.timer = null, this.root = null;
+	}
+	setRoot(e) {
+		this.counts.clear(), this.counted = /* @__PURE__ */ new WeakMap(), this.candidates.clear(), this.cancel(), this.root = e, e.nodeType === 1 ? this.reconcileTree(e) : e.querySelectorAll("[class]").forEach((e) => this.reconcile(e));
+	}
+	count(e) {
+		return this.counts.get(e) ?? 0;
+	}
+	reconcileTree(e) {
+		if (e.nodeType !== 1) return;
+		let t = e;
+		this.reconcile(t), t.querySelectorAll("[class]").forEach((e) => this.reconcile(e));
+	}
+	reconcile(e) {
+		let t = this.root, n = t && t.contains(e) ? Array.from(new Set(u(e.getAttribute("class")))) : [], r = this.counted.get(e);
+		if (!r && n.length === 0) return;
+		let i = new Set(r ?? []), a = new Set(n);
+		for (let e of a) {
+			if (i.has(e)) continue;
+			let t = (this.counts.get(e) ?? 0) + 1;
+			this.counts.set(e, t), this.candidates.delete(e);
+		}
+		for (let e of i) {
+			if (a.has(e)) continue;
+			let t = (this.counts.get(e) ?? 0) - 1;
+			t > 0 ? this.counts.set(e, t) : (this.counts.delete(e), this.candidates.delete(e), this.candidates.set(e, this.now()));
+		}
+		n.length ? this.counted.set(e, n) : this.counted.delete(e);
+	}
+	afterBatch() {
+		this.candidates.size !== 0 && (this.host.cachedCount() > this.maxRules ? this.schedule(0) : this.schedule(this.graceMs));
+	}
+	schedule(e) {
+		if (this.timer !== null) {
+			if (e > 0) return;
+			clearTimeout(this.timer);
+		}
+		this.timer = setTimeout(() => {
+			this.timer = null, this.sweep();
+		}, e);
+	}
+	sweep() {
+		let e = this.now(), t = Math.max(0, this.host.cachedCount() - this.maxRules), n = [], r = 0;
+		for (let [i, a] of this.candidates) {
+			let o = e - a >= this.graceMs;
+			!o && r >= t || (this.candidates.delete(i), !(this.count(i) > 0 || this.inDom(i) || this.host.isPermanent(i)) && (n.push(i), o || r++));
+		}
+		n.length && this.host.reclaim(n), this.candidates.size && this.schedule(this.graceMs);
+	}
+	inDom(e) {
+		let t = this.root;
+		if (!t) return !1;
+		if (t.nodeType !== 1) return Array.from(t.querySelectorAll("[class]")).some((t) => t.classList.contains(e));
+		let n = t.ownerDocument ?? document;
+		return t.classList.contains(e) || n.documentElement.classList.contains(e) || n.getElementsByClassName(e).length > 0;
+	}
+	cancel() {
+		this.timer !== null && clearTimeout(this.timer), this.timer = null;
+	}
+	stats() {
+		return {
+			trackedClasses: this.counts.size,
+			candidates: this.candidates.size
+		};
+	}
+};
+//#endregion
+//#region src/shadow-root-sheet.ts
+function v(e) {
+	let t = [], n = e.replace(/\/\*[\s\S]*?\*\//g, "");
+	return n = n.replace(/(?<=^|[{};])(\s*)([^{};@\s][^{};]*?)\{([^{}]*)\}/g, (e, n, r, i) => {
+		let a = r.split(",").map((e) => e.trim()).filter(Boolean);
+		if (a.includes("body")) for (let e of i.split(";").map((e) => e.trim()).filter(Boolean)) /^(min-height|scroll-behavior)\s*:/.test(e) || t.push(e);
+		let o = Array.from(new Set(a.filter((e) => e !== "body").map((e) => e === "html" || e === ":root" ? ":host" : e)));
+		return o.length === 0 ? "" : `${n}${o.join(", ")} {${i}}`;
+	}), t.length && (n += `\n@layer base {\n:host {\n  ${t.join(";\n  ")};\n}\n}\n`), n;
 }
-const v = /^\s*(?::(?:where|is)\(\s*)?\.((?:\\[0-9a-fA-F]{1,6}\s?|\\.|[\w-]|[^\x00-\x7F])+)/;
-function A(a) {
-  const t = [];
-  let e = 0, s = 0;
-  for (let i = 0; i < a.length; i++) {
-    const r = a[i];
-    r === "\\" ? i++ : r === "(" || r === "[" ? e++ : r === ")" || r === "]" ? e-- : r === "," && e === 0 && (t.push(a.slice(s, i)), s = i + 1);
-  }
-  return t.push(a.slice(s)), t;
+function y(e) {
+	return JSON.stringify(e, (e, t) => typeof t == "function" ? `fn:${String(t)}` : t instanceof RegExp ? `re:${t}` : t) ?? "";
 }
-function P(a, t = /* @__PURE__ */ new Set()) {
-  for (const e of Array.from(a)) {
-    if (e.type === 7 && typeof e.name == "string") {
-      t.add(e.name);
-      continue;
-    }
-    const s = e.cssRules;
-    s && s.length && P(s, t);
-  }
-  return t;
+function b(e) {
+	let t = 2166136261;
+	for (let n = 0; n < e.length; n++) t ^= e.charCodeAt(n), t = Math.imul(t, 16777619);
+	return (t >>> 0).toString(36);
 }
-function g(a, t = /* @__PURE__ */ new Set()) {
-  for (const e of Array.from(a)) {
-    const s = e.selectorText;
-    if (typeof s == "string")
-      for (const r of A(s)) {
-        const n = v.exec(r);
-        n && t.add(M(n[1]));
-      }
-    const i = e.cssRules;
-    i && i.length && g(i, t);
-  }
-  return t;
+function x() {
+	try {
+		return typeof ShadowRoot < "u" && "adoptedStyleSheets" in ShadowRoot.prototype && typeof CSSStyleSheet == "function" && typeof new CSSStyleSheet().replaceSync == "function";
+	} catch {
+		return !1;
+	}
 }
-class T {
-  constructor(t, e, s, i = () => Date.now()) {
-    this.host = t, this.graceMs = e, this.maxRules = s, this.now = i, this.counts = /* @__PURE__ */ new Map(), this.counted = /* @__PURE__ */ new WeakMap(), this.candidates = /* @__PURE__ */ new Map(), this.timer = null, this.root = null;
-  }
-  /** Start counting for a new root: count every element currently inside it. */
-  setRoot(t) {
-    this.counts.clear(), this.counted = /* @__PURE__ */ new WeakMap(), this.candidates.clear(), this.cancel(), this.root = t, this.reconcileTree(t);
-  }
-  count(t) {
-    return this.counts.get(t) ?? 0;
-  }
-  /** Re-count `el` and (optionally) all its descendants from their current state. */
-  reconcileTree(t) {
-    if (t.nodeType !== 1) return;
-    const e = t;
-    this.reconcile(e), e.querySelectorAll("[class]").forEach((s) => this.reconcile(s));
-  }
-  reconcile(t) {
-    const e = this.root, i = !!e && e.contains(t) ? Array.from(new Set(u(t.getAttribute("class")))) : [], r = this.counted.get(t);
-    if (!r && i.length === 0) return;
-    const n = new Set(r ?? []), o = new Set(i);
-    for (const c of o) {
-      if (n.has(c)) continue;
-      const l = (this.counts.get(c) ?? 0) + 1;
-      this.counts.set(c, l), this.candidates.delete(c);
-    }
-    for (const c of n) {
-      if (o.has(c)) continue;
-      const l = (this.counts.get(c) ?? 0) - 1;
-      l > 0 ? this.counts.set(c, l) : (this.counts.delete(c), this.candidates.delete(c), this.candidates.set(c, this.now()));
-    }
-    i.length ? this.counted.set(t, i) : this.counted.delete(t);
-  }
-  /** Call after a mutation batch has been counted and its classes inserted. */
-  afterBatch() {
-    this.candidates.size !== 0 && (this.host.cachedCount() > this.maxRules ? this.schedule(0) : this.schedule(this.graceMs));
-  }
-  schedule(t) {
-    if (this.timer !== null) {
-      if (t > 0) return;
-      clearTimeout(this.timer);
-    }
-    this.timer = setTimeout(() => {
-      this.timer = null, this.sweep();
-    }, t);
-  }
-  /** Reclaim candidates whose grace period elapsed (plus LRU overflow). Public for tests. */
-  sweep() {
-    const t = this.now(), e = Math.max(0, this.host.cachedCount() - this.maxRules), s = [];
-    let i = 0;
-    for (const [r, n] of this.candidates) {
-      const o = t - n >= this.graceMs;
-      !o && i >= e || (this.candidates.delete(r), !(this.count(r) > 0 || this.inDom(r) || this.host.isPermanent(r)) && (s.push(r), o || i++));
-    }
-    s.length && this.host.reclaim(s), this.candidates.size && this.schedule(this.graceMs);
-  }
-  inDom(t) {
-    const e = this.root;
-    if (!e) return !1;
-    const s = e.ownerDocument ?? document;
-    return e.classList.contains(t) || s.documentElement.classList.contains(t) || s.getElementsByClassName(t).length > 0;
-  }
-  cancel() {
-    this.timer !== null && clearTimeout(this.timer), this.timer = null;
-  }
-  stats() {
-    return { trackedClasses: this.counts.size, candidates: this.candidates.size };
-  }
+var S = (e) => e.replace(/\\\//g, "\\/"), C = class {
+	constructor(e, t, n = e) {
+		this.results = /* @__PURE__ */ new Map(), this.generations = 0, this.prologueSheet = null, this.rulesSheet = null, this.prologue = {
+			preflight: "",
+			vars: ""
+		}, this.segments = /* @__PURE__ */ new Map([["root", {
+			rules: [],
+			keys: []
+		}], ["", {
+			rules: [],
+			keys: []
+		}]]), this.refs = /* @__PURE__ */ new Map(), this.attached = [], this.key = e, this.fullKey = n, this.context = r(t), this.constructable = x(), this.constructable && (this.prologueSheet = new CSSStyleSheet(), this.rulesSheet = new CSSStyleSheet());
+	}
+	get rootCount() {
+		return this.attached.length;
+	}
+	get ruleCount() {
+		return this.refs.size;
+	}
+	attach(e) {
+		if (this.attached.some((t) => t.root === e)) return;
+		if (this.prologueSheet && this.rulesSheet) {
+			let t = [this.prologueSheet, this.rulesSheet];
+			e.adoptedStyleSheets = [...e.adoptedStyleSheets.filter((e) => !t.includes(e)), ...t], this.attached.push({ root: e });
+			return;
+		}
+		let t = e.ownerDocument ?? document, n = t.createElement("style"), r = t.createElement("style");
+		n.setAttribute("data-barocss", "root-prologue"), r.setAttribute("data-barocss", "root"), n.textContent = this.prologueText(), r.textContent = this.allRules().join("\n"), e.insertBefore(r, e.firstChild), e.insertBefore(n, r), this.attached.push({
+			root: e,
+			styles: [n, r]
+		});
+	}
+	detach(e) {
+		let t = this.attached.findIndex((t) => t.root === e);
+		if (t === -1) return;
+		let [n] = this.attached.splice(t, 1);
+		n.styles ? n.styles.forEach((e) => e.remove()) : e.adoptedStyleSheets &&= e.adoptedStyleSheets.filter((e) => e !== this.prologueSheet && e !== this.rulesSheet);
+	}
+	setPrologue(e, t) {
+		if (this.prologue[e] === t) return;
+		this.prologue[e] = t;
+		let n = this.prologueText();
+		this.prologueSheet && this.prologueSheet.replaceSync(n);
+		for (let e of this.attached) e.styles && (e.styles[0].textContent = n);
+	}
+	prologueText() {
+		return [this.prologue.preflight, this.prologue.vars].filter(Boolean).join("\n");
+	}
+	allRules() {
+		return Array.from(this.segments.values()).flatMap((e) => e.rules);
+	}
+	offset(e) {
+		let t = 0;
+		for (let n of this.segments.values()) {
+			if (n === e) return t;
+			t += n.rules.length;
+		}
+		return t;
+	}
+	retain(e, t) {
+		let n = this.refs.get(e);
+		if (n !== void 0) return this.refs.set(e, n + 1), !0;
+		let r = this.segments.get(t);
+		r || (r = {
+			rules: [],
+			keys: []
+		}, this.segments.set(t, r));
+		let a = t === "root", c = o(e), l = a ? r.rules.length : s(r.keys, c), u = this.offset(r) + l;
+		try {
+			this.insertAt(e, u);
+		} catch (t) {
+			return i() && console.warn(`[BrowserRuntime] Failed to insert rule into shadow root sheet: ${e}`, t), !1;
+		}
+		return r.rules.splice(l, 0, e), r.keys.splice(l, 0, c), this.refs.set(e, 1), !0;
+	}
+	release(e) {
+		let t = this.refs.get(e);
+		if (t !== void 0) {
+			if (t > 1) {
+				this.refs.set(e, t - 1);
+				return;
+			}
+			this.refs.delete(e);
+			for (let t of this.segments.values()) {
+				let n = t.rules.indexOf(e);
+				if (n === -1) continue;
+				let r = this.offset(t) + n;
+				t.rules.splice(n, 1), t.keys.splice(n, 1), this.deleteAt(r);
+				return;
+			}
+		}
+	}
+	insertAt(e, t) {
+		let n = S(e);
+		if (this.rulesSheet) {
+			this.rulesSheet.insertRule(n, t);
+			return;
+		}
+		let r = this.allRules().length;
+		for (let i of this.attached) {
+			let a = i.styles[1], o = a.sheet;
+			if (o && o.cssRules.length === r) o.insertRule(n, t);
+			else {
+				let n = this.allRules();
+				n.splice(t, 0, e), a.textContent = n.join("\n");
+			}
+		}
+	}
+	deleteAt(e) {
+		if (this.rulesSheet) {
+			this.rulesSheet.deleteRule(e);
+			return;
+		}
+		let t = this.allRules().length;
+		for (let n of this.attached) {
+			let r = n.styles[1], i = r.sheet;
+			i && i.cssRules.length === t + 1 ? i.deleteRule(e) : r.textContent = this.allRules().join("\n");
+		}
+	}
+	cssText() {
+		return [this.prologueText(), ...this.allRules()].join("\n");
+	}
+}, w = /* @__PURE__ */ new Map();
+function T(e, t = b) {
+	let n = y(e), r = w.get(n);
+	return r || (r = new C(t(n), e, n), w.set(n, r)), r;
 }
-const D = "style[data-barocss-ssr]", L = "@layer theme, base, components, utilities;";
-class N {
-  constructor(t = {}) {
-    this.cache = /* @__PURE__ */ new Map(), this.rootCache = /* @__PURE__ */ new Set(), this.isDestroyed = !1, this.existing = null, this.existingKeyframes = /* @__PURE__ */ new Set(), this.existingSheetCount = -1, this.pinned = /* @__PURE__ */ new Set(), this.gc = null, this.reclaimedCount = 0, this.ssrRules = [], this.ssrClasses = /* @__PURE__ */ new Set(), this.observedOnce = !1, this.getCategory = (s) => y(s, this.context).utility?.category;
-    const e = {};
-    this.options = {
-      config: t.config || e,
-      styleId: t.styleId || "barocss-runtime",
-      insertionPoint: t.insertionPoint || "head",
-      maxRulesPerPartition: t.maxRulesPerPartition || 50,
-      skipExisting: t.skipExisting ?? !1,
-      gc: t.gc ?? !0,
-      gcGraceMs: t.gcGraceMs ?? 3e3,
-      maxRules: t.maxRules ?? 1 / 0
-    }, this.context = p(this.options.config), this.incrementalParser = new C(this.context), this.changeDetector = new E(this.incrementalParser, this, this.getCategory), this.stylePartitionManager = new d(this.getInsertionPoint(), this.options.maxRulesPerPartition, `${this.options.styleId}-partition`, this.getCategory), this.options.gc && (this.gc = new T({
-      reclaim: (s) => this.reclaim(s),
-      isPermanent: (s) => this.isPermanent(s),
-      cachedCount: () => this.cache.size
-    }, this.options.gcGraceMs, this.options.maxRules), this.changeDetector.setGc(this.gc)), this.init();
-  }
-  // Debugging and logging helpers
-  /**
-   * Add debug logs (by level)
-   */
-  debugLog(t, e, s) {
-    (console[t] || console.log)(`[BrowserRuntime:${t.toUpperCase()}] ${e}`, s || "");
-  }
-  init() {
-    console.log("[BrowserRuntime] init"), this.injectPreflightCSS(), this.ensureCssVars(), this.adoptSsrSheets();
-  }
-  /**
-   * #268: adopt the class rules of server-rendered `<style data-barocss-ssr>` sheets in <head>, at startup
-   * (constructor and the first observe()). Each rule moves
-   * (same task, so no paint in between) into the partition its class would get if generated here, at
-   * its #254 sorted position, so a later client `sm:` rule lands before a server `lg:` rule. Its classes
-   * are never regenerated and never reclaimed. `:root`, `@property` and `@keyframes` stay in the sheet.
-   */
-  adoptSsrSheets() {
-    if (typeof document > "u") return;
-    const t = [];
-    if (document.head) {
-      for (const e of Array.from(document.head.querySelectorAll(`${D}:not([data-barocss-adopted])`))) {
-        const s = e.sheet;
-        if (!s) continue;
-        e.setAttribute("data-barocss-adopted", "");
-        const i = [];
-        for (let r = s.cssRules.length - 1; r >= 0; r--) {
-          const n = s.cssRules[r], o = g([n]);
-          o.size !== 0 && (o.forEach((c) => this.ssrClasses.add(c)), i.unshift({ css: n.cssText, cls: o.values().next().value }), s.deleteRule(r));
-        }
-        t.push(...i);
-      }
-      t.length !== 0 && (this.ssrRules.push(...t), this.insertSsrRules(t));
-    }
-  }
-  insertSsrRules(t) {
-    for (const { css: e, cls: s } of t) {
-      const i = this.getCategory(s);
-      i ? this.stylePartitionManager.addCategoryRule(e, i) : this.stylePartitionManager.addRule(e);
-    }
-  }
-  injectPreflightCSS() {
-    const t = this.options.config.preflight ?? !0;
-    if (t) {
-      const e = this.context.getPreflightCSS(t);
-      this.stylePartitionManager.updateRuleContent(
-        "preflight",
-        `${L}
-@layer base {
-${e}
-}`,
-        !0
-      );
-    }
-  }
-  ensureCssVars() {
-    if (this.isDestroyed) return;
-    const t = this.context.themeToCssVars ? this.context.themeToCssVars() : ":root { /* CSS Variables will be generated here */ }";
-    this.stylePartitionManager.updateRuleContent("css-vars", t);
-  }
-  getInsertionPoint() {
-    if (typeof this.options.insertionPoint != "string")
-      return this.options.insertionPoint;
-    switch (this.options.insertionPoint) {
-      case "body":
-        return document.body || document.head;
-      case "head":
-      default:
-        return document.head;
-    }
-  }
-  /**
-   * Dynamically add one or more class names and generate/insert CSS
-   */
-  addClass(t) {
-    if (this.isDestroyed) return;
-    const e = this.normalizeClasses(t).filter(Boolean);
-    e.forEach((s) => this.pinned.add(s)), this.processClasses(e);
-  }
-  /**
-   * Process classes
-   */
-  processClasses(t) {
-    this.processClassesIncremental(t);
-  }
-  /**
-   * Process classes using incremental parsing
-   */
-  processClassesIncremental(t) {
-    const e = typeof window < "u", s = this.incrementalParser.processClasses(t);
-    console.log("[BrowserRuntime] results", s, ...t), this.applyParseResults(s, { isBrowser: e });
-  }
-  /**
-   * Public method to apply parser results, update internal caches, and inject CSS
-   */
-  applyParseResults(t, e) {
-    if (this.isDestroyed) return;
-    if (this.getInsertionPoint().isConnected && this.stylePartitionManager.hasDetachedPartitions()) {
-      const n = Array.from(this.cache.values());
-      this.reset(), t = [...n, ...t], t.forEach((o) => this.incrementalParser.markProcessed(o.cls));
-    }
-    if (this.ssrClasses.size > 0 && (t = t.filter((n) => !this.ssrClasses.has(n.cls))), this.options.skipExisting && t.length > 0 && typeof document < "u") {
-      const n = this.getExistingClasses();
-      t = t.filter((o) => !n.has(o.cls));
-    }
-    if (t.length === 0) return;
-    const s = [], i = [], r = this.options.skipExisting && typeof document < "u" ? (this.getExistingClasses(), this.existingKeyframes) : null;
-    for (const n of t)
-      if (n.css && Array.isArray(n.cssList) && (s.push(n), this.cache.set(n.cls, n)), n.rootCss && Array.isArray(n.rootCssList))
-        for (const o of n.rootCssList) {
-          if (r?.size) {
-            const c = /^\s*@keyframes\s+([^\s{]+)/.exec(o)?.[1];
-            if (c && r.has(c)) continue;
-          }
-          this.rootCache.has(o) || (this.rootCache.add(o), i.push(o));
-        }
-    i.length > 0 && this.stylePartitionManager.addRootRules(i.filter(Boolean)), s.length > 0 && this.stylePartitionManager.addRules(s), this.debugLog("info", `Applied ${t.length} parser results`, {
-      cssRuleCount: s.length,
-      rootCssCount: i.length
-    });
-  }
-  /** #269: a class that must never be reclaimed. */
-  isPermanent(t) {
-    return this.pinned.has(t) || this.ssrClasses.has(t) || typeof document > "u" ? !0 : this.getExistingClasses().has(t);
-  }
-  /**
-   * #269: delete the generated rules of classes no live element uses. Root/@property/@keyframes rules stay
-   * (they are shared and harmless); a rule text another cached class still emits is kept.
-   */
-  reclaim(t) {
-    if (this.isDestroyed) return;
-    const e = t.filter((r) => this.cache.has(r));
-    if (e.length === 0) return;
-    const s = e.map((r) => this.cache.get(r));
-    e.forEach((r) => {
-      this.cache.delete(r), this.incrementalParser.unmarkProcessed(r);
-    });
-    const i = /* @__PURE__ */ new Set();
-    for (const r of this.cache.values()) r.cssList.forEach((n) => i.add(n));
-    for (const r of s) {
-      const n = this.getCategory(r.cls);
-      for (const o of r.cssList)
-        i.has(o) || this.stylePartitionManager.removeRule(o, n);
-    }
-    this.reclaimedCount += e.length;
-  }
-  /** Class names defined by the page's own stylesheets (BaroCSS's sheets and cross-origin sheets excluded). */
-  getExistingClasses() {
-    const t = new Set(Array.from(document.querySelectorAll("style[data-barocss]"), (r) => r.sheet)), e = Array.from(document.styleSheets).filter((r) => {
-      if (t.has(r)) return !1;
-      const n = r.ownerNode;
-      return !(n && typeof n.hasAttribute == "function" && (n.hasAttribute("data-barocss") || (n.id || "").startsWith(this.options.styleId)));
-    });
-    if (this.existing && e.length === this.existingSheetCount) return this.existing;
-    const s = /* @__PURE__ */ new Set(), i = /* @__PURE__ */ new Set();
-    for (const r of e) {
-      let n;
-      try {
-        n = r.cssRules;
-      } catch {
-        continue;
-      }
-      g(n, s), P(n, i);
-    }
-    return this.existingKeyframes = i, this.existing = s, this.existingSheetCount = e.length, s;
-  }
-  /**
-   * MutationObserver instance method to automatically call addClass when class attributes change in DOM
-   */
-  observe(t = document.body, e) {
-    return this.observedOnce || (this.observedOnce = !0, this.adoptSsrSheets()), this.changeDetector.observe(t, e);
-  }
-  normalizeClasses(t) {
-    return Array.isArray(t) ? t.flatMap((e) => e.split(/\s+/)) : t.split(/\s+/);
-  }
-  has(t) {
-    return this.cache.has(t);
-  }
-  getCss(t) {
-    return this.cache.get(t)?.cssList.join(`
-`);
-  }
-  getAllCss() {
-    return [...this.rootCache, ...Array.from(this.cache.values()).flatMap((e) => e.cssList)].join(`
-`);
-  }
-  getClasses() {
-    return Array.from(this.cache.keys());
-  }
-  /**
-   * Get comprehensive cache statistics
-   */
-  getCacheStats() {
-    const t = this.incrementalParser.getStats();
-    return {
-      runtime: {
-        cachedClasses: this.cache.size,
-        rootCacheSize: this.rootCache.size,
-        ruleCount: this.stylePartitionManager.ruleCount,
-        reclaimedClasses: this.reclaimedCount,
-        gc: this.gc?.stats() ?? null
-      },
-      ast: t.cacheStats.ast,
-      incremental: t
-    };
-  }
-  /**
-   * Clear all caches (useful for debugging or memory management)
-   */
-  clearCaches() {
-    this.isDestroyed || (this.cache.clear(), this.rootCache.clear(), x(this.context), this.incrementalParser.clearProcessed(), this.stylePartitionManager.cleanup(), this.stylePartitionManager = new d(this.getInsertionPoint(), this.options.maxRulesPerPartition, `${this.options.styleId}-partition`, this.getCategory), this.injectPreflightCSS(), this.ensureCssVars(), this.insertSsrRules(this.ssrRules));
-  }
-  reset() {
-    this.isDestroyed || (this.cache.clear(), this.rootCache.clear(), this.incrementalParser.clearProcessed(), this.stylePartitionManager.cleanup(), this.stylePartitionManager = new d(this.getInsertionPoint(), this.options.maxRulesPerPartition, `${this.options.styleId}-partition`, this.getCategory), this.injectPreflightCSS(), this.ensureCssVars(), this.insertSsrRules(this.ssrRules));
-  }
-  updateConfig(t) {
-    if (this.isDestroyed) return;
-    const e = Array.from(this.cache.keys());
-    this.options.config = t, this.context = p(t), this.incrementalParser = new C(this.context), this.changeDetector.setParser(this.incrementalParser), this.reset(), e.length > 0 && this.addClass(e);
-  }
-  removeClass(t) {
-    if (this.isDestroyed) return;
-    const e = new Set(this.normalizeClasses(t)), s = Array.from(this.cache.values()).filter((i) => !e.has(i.cls));
-    s.length !== this.cache.size && (this.reset(), s.forEach((i) => this.incrementalParser.markProcessed(i.cls)), this.applyParseResults(s));
-  }
-  destroy() {
-    this.isDestroyed || (this.changeDetector.disconnect(), this.gc?.cancel(), this.stylePartitionManager.cleanup(), this.cache.clear(), this.rootCache.clear(), this.isDestroyed = !0);
-  }
-  getStats() {
-    return {
-      cachedClasses: this.cache.size,
-      styleElementId: this.options.styleId,
-      isDestroyed: this.isDestroyed,
-      config: this.options.config,
-      cacheStats: this.getCacheStats()
-    };
-  }
+function E(e) {
+	e.rootCount === 0 && w.get(e.fullKey) === e && w.delete(e.fullKey);
 }
-let h = null, f;
-function I(a = {}) {
-  return !h || h.getStats().isDestroyed ? (h = new N(a), f = a.config) : a.config && a.config !== f && (h.updateConfig(a.config), f = a.config), h;
+var D = class extends e {
+	constructor(e) {
+		super(e.context), this.shared = e;
+	}
+	processClass(e) {
+		if (this.isProcessed(e)) return null;
+		let t = this.shared.results.get(e);
+		if (t) return this.markProcessed(e), t;
+		let n = super.processClass(e);
+		return n && (this.shared.results.set(e, n), this.shared.generations++), n;
+	}
+}, O = class {
+	constructor(e, t, n = (e) => a(e).utility?.category) {
+		this.shared = e, this.root = t, this.getCategory = n, this.owned = /* @__PURE__ */ new Set(), e.attach(t);
+	}
+	hasDetachedPartitions() {
+		return !1;
+	}
+	updateRuleContent(e, t) {
+		e === "preflight" ? this.shared.setPrologue("preflight", v(t)) : e === "css-vars" && this.shared.setPrologue("vars", t);
+	}
+	take(e, t) {
+		return this.owned.has(e) || !this.shared.retain(e, t) ? !1 : (this.owned.add(e), !0);
+	}
+	addRule(e) {
+		return this.take(e, "");
+	}
+	addCategoryRule(e, t) {
+		return this.take(e, `c:${t}`);
+	}
+	addRootRules(e) {
+		let t = 0;
+		for (let n of e) this.take(n, "root") && t++;
+		return {
+			success: t,
+			failed: e.length - t
+		};
+	}
+	addRules(e) {
+		let t = 0, n = 0;
+		for (let r of e) {
+			let e = this.getCategory(r.cls);
+			for (let i of r.cssList) (e ? this.addCategoryRule(i, e) : this.addRule(i)) ? t++ : n++;
+		}
+		return {
+			success: t,
+			failed: n
+		};
+	}
+	removeRule(e, t) {
+		return this.owned.delete(e) ? (this.shared.release(e), !0) : !1;
+	}
+	get ruleCount() {
+		return this.owned.size;
+	}
+	cleanup() {
+		this.owned.forEach((e) => this.shared.release(e)), this.owned.clear(), this.shared.detach(this.root), E(this.shared);
+	}
+}, k = "style[data-barocss-ssr]", A = "@layer theme, base, components, utilities;", j = class {
+	constructor(t = {}) {
+		this.cache = /* @__PURE__ */ new Map(), this.rootCache = /* @__PURE__ */ new Set(), this.shadowRoot = null, this.isDestroyed = !1, this.existing = null, this.existingKeyframes = /* @__PURE__ */ new Set(), this.existingSheetCount = -1, this.pinned = /* @__PURE__ */ new Set(), this.gc = null, this.reclaimedCount = 0, this.ssrRules = [], this.ssrClasses = /* @__PURE__ */ new Set(), this.observedOnce = !1, this.getCategory = (e) => a(e, this.context).utility?.category;
+		let n = {};
+		this.options = {
+			config: t.config || n,
+			styleId: t.styleId || "barocss-runtime",
+			insertionPoint: t.insertionPoint || "head",
+			maxRulesPerPartition: t.maxRulesPerPartition || 50,
+			skipExisting: t.skipExisting ?? !1,
+			gc: t.gc ?? !0,
+			gcGraceMs: t.gcGraceMs ?? 3e3,
+			maxRules: t.maxRules ?? Infinity
+		};
+		let i = t.root;
+		if (i && i.nodeType === 11 && (this.shadowRoot = i), this.shadowRoot) {
+			let e = T(this.options.config);
+			this.context = e.context, this.incrementalParser = new D(e);
+		} else this.context = r(this.options.config), this.incrementalParser = new e(this.context);
+		this.changeDetector = new d(this.incrementalParser, this, this.getCategory), this.stylePartitionManager = this.createStyles(), this.options.gc && (this.gc = new _({
+			reclaim: (e) => this.reclaim(e),
+			isPermanent: (e) => this.isPermanent(e),
+			cachedCount: () => this.cache.size
+		}, this.options.gcGraceMs, this.options.maxRules), this.changeDetector.setGc(this.gc)), this.init(), this.shadowRoot && this.observe(this.shadowRoot, { scan: !0 });
+	}
+	createStyles() {
+		if (this.shadowRoot) {
+			let e = this.incrementalParser.shared, t = T(this.options.config);
+			return t !== e && (e = t, this.context = e.context, this.incrementalParser = new D(e), this.changeDetector?.setParser(this.incrementalParser)), new O(e, this.shadowRoot, this.getCategory);
+		}
+		return new c(this.getInsertionPoint(), this.options.maxRulesPerPartition, `${this.options.styleId}-partition`, this.getCategory);
+	}
+	debugLog(e, t, n) {
+		i() && (console[e] || console.log)(`[BrowserRuntime:${e.toUpperCase()}] ${t}`, n || "");
+	}
+	init() {
+		this.debugLog("debug", "init"), this.injectPreflightCSS(), this.ensureCssVars(), this.adoptSsrSheets();
+	}
+	adoptSsrSheets() {
+		if (typeof document > "u" || this.shadowRoot) return;
+		let e = [];
+		if (document.head) {
+			for (let t of Array.from(document.head.querySelectorAll(`${k}:not([data-barocss-adopted])`))) {
+				let n = t.sheet;
+				if (!n) continue;
+				t.setAttribute("data-barocss-adopted", "");
+				let r = [];
+				for (let e = n.cssRules.length - 1; e >= 0; e--) {
+					let t = n.cssRules[e], i = g([t]);
+					i.size !== 0 && (i.forEach((e) => this.ssrClasses.add(e)), r.unshift({
+						css: t.cssText,
+						cls: i.values().next().value
+					}), n.deleteRule(e));
+				}
+				e.push(...r);
+			}
+			e.length !== 0 && (this.ssrRules.push(...e), this.insertSsrRules(e));
+		}
+	}
+	insertSsrRules(e) {
+		for (let { css: t, cls: n } of e) {
+			let e = this.getCategory(n);
+			e ? this.stylePartitionManager.addCategoryRule(t, e) : this.stylePartitionManager.addRule(t);
+		}
+	}
+	injectPreflightCSS() {
+		let e = this.options.config.preflight ?? !0;
+		if (e) {
+			let t = this.context.getPreflightCSS(e);
+			this.stylePartitionManager.updateRuleContent("preflight", `${A}\n@layer base {\n${t}\n}`, !0);
+		}
+	}
+	ensureCssVars() {
+		if (this.isDestroyed) return;
+		let e = this.context.themeToCssVars ? this.context.themeToCssVars() : ":root { /* CSS Variables will be generated here */ }";
+		this.stylePartitionManager.updateRuleContent("css-vars", e);
+	}
+	getInsertionPoint() {
+		if (typeof this.options.insertionPoint != "string") return this.options.insertionPoint;
+		switch (this.options.insertionPoint) {
+			case "body": return document.body || document.head;
+			default: return document.head;
+		}
+	}
+	addClass(e) {
+		if (this.isDestroyed) return;
+		let t = this.normalizeClasses(e).filter(Boolean);
+		t.forEach((e) => this.pinned.add(e)), this.processClasses(t);
+	}
+	processClasses(e) {
+		this.processClassesIncremental(e);
+	}
+	processClassesIncremental(e) {
+		let t = typeof window < "u", n = this.incrementalParser.processClasses(e);
+		this.debugLog("debug", "results", {
+			results: n,
+			classList: e
+		}), this.applyParseResults(n, { isBrowser: t });
+	}
+	applyParseResults(e, t) {
+		if (this.isDestroyed) return;
+		if (!this.shadowRoot && this.getInsertionPoint().isConnected && this.stylePartitionManager.hasDetachedPartitions()) {
+			let t = Array.from(this.cache.values());
+			this.reset(), e = [...t, ...e], e.forEach((e) => this.incrementalParser.markProcessed(e.cls));
+		}
+		if (this.ssrClasses.size > 0 && (e = e.filter((e) => !this.ssrClasses.has(e.cls))), this.options.skipExisting && e.length > 0 && typeof document < "u") {
+			let t = this.getExistingClasses();
+			e = e.filter((e) => !t.has(e.cls));
+		}
+		if (e.length === 0) return;
+		let n = [], r = [], i = this.options.skipExisting && typeof document < "u" ? (this.getExistingClasses(), this.existingKeyframes) : null;
+		for (let t of e) if (t.css && Array.isArray(t.cssList) && (n.push(t), this.cache.set(t.cls, t)), t.rootCss && Array.isArray(t.rootCssList)) for (let e of t.rootCssList) {
+			if (i?.size) {
+				let t = /^\s*@keyframes\s+([^\s{]+)/.exec(e)?.[1];
+				if (t && i.has(t)) continue;
+			}
+			this.rootCache.has(e) || (this.rootCache.add(e), r.push(e));
+		}
+		r.length > 0 && this.stylePartitionManager.addRootRules(r.filter(Boolean)), n.length > 0 && this.stylePartitionManager.addRules(n), this.debugLog("info", `Applied ${e.length} parser results`, {
+			cssRuleCount: n.length,
+			rootCssCount: r.length
+		});
+	}
+	isPermanent(e) {
+		return this.pinned.has(e) || this.ssrClasses.has(e) ? !0 : this.shadowRoot ? !1 : typeof document > "u" || this.getExistingClasses().has(e);
+	}
+	reclaim(e) {
+		if (this.isDestroyed) return;
+		let t = e.filter((e) => this.cache.has(e));
+		if (t.length === 0) return;
+		let n = t.map((e) => this.cache.get(e));
+		t.forEach((e) => {
+			this.cache.delete(e), this.incrementalParser.unmarkProcessed(e);
+		});
+		let r = /* @__PURE__ */ new Set();
+		for (let e of this.cache.values()) e.cssList.forEach((e) => r.add(e));
+		for (let e of n) {
+			let t = this.getCategory(e.cls);
+			for (let n of e.cssList) r.has(n) || this.stylePartitionManager.removeRule(n, t);
+		}
+		this.reclaimedCount += t.length;
+	}
+	getExistingClasses() {
+		let e = new Set(Array.from(document.querySelectorAll("style[data-barocss]"), (e) => e.sheet)), t = Array.from(document.styleSheets).filter((t) => {
+			if (e.has(t)) return !1;
+			let n = t.ownerNode;
+			return !(n && typeof n.hasAttribute == "function" && (n.hasAttribute("data-barocss") || (n.id || "").startsWith(this.options.styleId)));
+		});
+		if (this.existing && t.length === this.existingSheetCount) return this.existing;
+		let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set();
+		for (let e of t) {
+			let t;
+			try {
+				t = e.cssRules;
+			} catch {
+				continue;
+			}
+			g(t, n), h(t, r);
+		}
+		return this.existingKeyframes = r, this.existing = n, this.existingSheetCount = t.length, n;
+	}
+	observe(e = this.shadowRoot ?? document.body, t) {
+		return this.observedOnce || (this.observedOnce = !0, this.adoptSsrSheets()), this.changeDetector.observe(e, t);
+	}
+	normalizeClasses(e) {
+		return Array.isArray(e) ? e.flatMap((e) => e.split(/\s+/)) : e.split(/\s+/);
+	}
+	has(e) {
+		return this.cache.has(e);
+	}
+	getCss(e) {
+		return this.cache.get(e)?.cssList.join("\n");
+	}
+	getAllCss() {
+		return [...this.rootCache, ...Array.from(this.cache.values()).flatMap((e) => e.cssList)].join("\n");
+	}
+	getClasses() {
+		return Array.from(this.cache.keys());
+	}
+	getCacheStats() {
+		let e = this.incrementalParser.getStats();
+		return {
+			runtime: {
+				cachedClasses: this.cache.size,
+				rootCacheSize: this.rootCache.size,
+				ruleCount: this.stylePartitionManager.ruleCount,
+				reclaimedClasses: this.reclaimedCount,
+				gc: this.gc?.stats() ?? null
+			},
+			ast: e.cacheStats.ast,
+			incremental: e
+		};
+	}
+	clearCaches() {
+		this.isDestroyed || (this.cache.clear(), this.rootCache.clear(), t(this.context), this.incrementalParser.clearProcessed(), this.stylePartitionManager.cleanup(), this.stylePartitionManager = this.createStyles(), this.injectPreflightCSS(), this.ensureCssVars(), this.insertSsrRules(this.ssrRules));
+	}
+	reset() {
+		this.isDestroyed || (this.cache.clear(), this.rootCache.clear(), this.incrementalParser.clearProcessed(), this.stylePartitionManager.cleanup(), this.stylePartitionManager = this.createStyles(), this.injectPreflightCSS(), this.ensureCssVars(), this.insertSsrRules(this.ssrRules));
+	}
+	updateConfig(t) {
+		if (this.isDestroyed) return;
+		let n = Array.from(this.cache.keys());
+		if (this.options.config = t, this.shadowRoot) {
+			this.stylePartitionManager.cleanup();
+			let e = T(t);
+			this.context = e.context, this.incrementalParser = new D(e);
+		} else this.context = r(t), this.incrementalParser = new e(this.context);
+		this.changeDetector.setParser(this.incrementalParser), this.reset(), n.length > 0 && this.addClass(n);
+	}
+	removeClass(e) {
+		if (this.isDestroyed) return;
+		let t = new Set(this.normalizeClasses(e)), n = Array.from(this.cache.values()).filter((e) => !t.has(e.cls));
+		n.length !== this.cache.size && (this.reset(), n.forEach((e) => this.incrementalParser.markProcessed(e.cls)), this.applyParseResults(n));
+	}
+	destroy() {
+		this.isDestroyed ||= (this.changeDetector.disconnect(), this.gc?.cancel(), this.stylePartitionManager.cleanup(), this.cache.clear(), this.rootCache.clear(), !0);
+	}
+	getStats() {
+		return {
+			cachedClasses: this.cache.size,
+			styleElementId: this.options.styleId,
+			isDestroyed: this.isDestroyed,
+			config: this.options.config,
+			cacheStats: this.getCacheStats(),
+			sharedSheet: this.shadowRoot && this.stylePartitionManager instanceof O ? {
+				roots: this.stylePartitionManager.shared.rootCount,
+				rules: this.stylePartitionManager.shared.ruleCount,
+				generations: this.stylePartitionManager.shared.generations,
+				constructable: this.stylePartitionManager.shared.constructable
+			} : null
+		};
+	}
+}, M = null, N;
+function P(e = {}) {
+	return !M || M.getStats().isDestroyed ? (M = new j(e), N = e.config) : e.config && e.config !== N && (M.updateConfig(e.config), N = e.config), M;
 }
-function R({ loadingClassName: a = "baro-boot", ...t } = {}) {
-  if (!document.body) {
-    document.addEventListener("DOMContentLoaded", () => R({ loadingClassName: a, ...t }), { once: !0 });
-    return;
-  }
-  const e = `${a}-doing`, s = `${a}-done`;
-  try {
-    document.body.classList.add(e), I(t).observe(document.body, { scan: !0, onReady: () => {
-      document.body.classList.remove(e), document.body.classList.add(s);
-    } });
-  } catch (i) {
-    document.body?.classList.remove(e), console.error("BaroCSS boot failed:", i);
-  }
+function F({ loadingClassName: e = "baro-boot", ...t } = {}) {
+	if (t.root && t.root.nodeType === 11) return new j(t);
+	if (!document.body) {
+		document.addEventListener("DOMContentLoaded", () => F({
+			loadingClassName: e,
+			...t
+		}), { once: !0 });
+		return;
+	}
+	let n = `${e}-doing`, r = `${e}-done`;
+	try {
+		document.body.classList.add(n), P(t).observe(document.body, {
+			scan: !0,
+			onReady: () => {
+				document.body.classList.remove(n), document.body.classList.add(r);
+			}
+		});
+	} catch (e) {
+		document.body?.classList.remove(n), console.error("BaroCSS boot failed:", e);
+	}
 }
-const $ = R;
-function k(a) {
-  if (!a || typeof a != "object" || Array.isArray(a)) return [];
-  const t = a.elements;
-  if (!t || typeof t != "object" || Array.isArray(t)) return [];
-  const e = /* @__PURE__ */ new Set();
-  for (const s of Object.keys(t)) {
-    const i = t[s];
-    if (!i || typeof i != "object" || Array.isArray(i)) continue;
-    const r = i.props;
-    if (!r || typeof r != "object" || Array.isArray(r)) continue;
-    const n = r.className;
-    if (typeof n == "string")
-      for (const o of n.split(/\s+/))
-        o && e.add(o);
-  }
-  return Array.from(e);
+var I = F;
+//#endregion
+//#region src/json-render-preload.ts
+function L(e) {
+	if (!e || typeof e != "object" || Array.isArray(e)) return [];
+	let t = e.elements;
+	if (!t || typeof t != "object" || Array.isArray(t)) return [];
+	let n = /* @__PURE__ */ new Set();
+	for (let e of Object.keys(t)) {
+		let r = t[e];
+		if (!r || typeof r != "object" || Array.isArray(r)) continue;
+		let i = r.props;
+		if (!i || typeof i != "object" || Array.isArray(i)) continue;
+		let a = i.className;
+		if (typeof a == "string") for (let e of a.split(/\s+/)) e && n.add(e);
+	}
+	return Array.from(n);
 }
-function j(a, t) {
-  const e = k(a);
-  e.length > 0 && t.addClass(e);
+function R(e, t) {
+	let n = L(e);
+	n.length > 0 && t.addClass(n);
 }
-const z = [
-  "background",
-  "foreground",
-  "card",
-  "card-foreground",
-  "popover",
-  "popover-foreground",
-  "primary",
-  "primary-foreground",
-  "secondary",
-  "secondary-foreground",
-  "muted",
-  "muted-foreground",
-  "accent",
-  "accent-foreground",
-  "destructive",
-  "border",
-  "input",
-  "ring",
-  "chart-1",
-  "chart-2",
-  "chart-3",
-  "chart-4",
-  "chart-5",
-  "sidebar",
-  "sidebar-foreground",
-  "sidebar-primary",
-  "sidebar-primary-foreground",
-  "sidebar-accent",
-  "sidebar-accent-foreground",
-  "sidebar-border",
-  "sidebar-ring"
-], O = {
-  colors: Object.fromEntries(z.map((a) => [a, `var(--${a})`])),
-  borderRadius: {
-    sm: "calc(var(--radius) - 4px)",
-    md: "calc(var(--radius) - 2px)",
-    lg: "var(--radius)",
-    xl: "calc(var(--radius) + 4px)"
-  }
-};
-export {
-  N as BrowserRuntime,
-  E as ChangeDetector,
-  L as LAYER_ORDER,
-  D as SSR_STYLE_SELECTOR,
-  d as StylePartitionManager,
-  R as baroBoot,
-  $ as baroStart,
-  k as collectJsonRenderClassNames,
-  I as getRuntime,
-  w as normalizeClassName,
-  u as normalizeClassNameList,
-  j as preloadJsonRenderClasses,
-  O as shadcnTheme
+var z = {
+	colors: Object.fromEntries((/* @__PURE__ */ "background.foreground.card.card-foreground.popover.popover-foreground.primary.primary-foreground.secondary.secondary-foreground.muted.muted-foreground.accent.accent-foreground.destructive.border.input.ring.chart-1.chart-2.chart-3.chart-4.chart-5.sidebar.sidebar-foreground.sidebar-primary.sidebar-primary-foreground.sidebar-accent.sidebar-accent-foreground.sidebar-border.sidebar-ring".split(".")).map((e) => [e, `var(--${e})`])),
+	borderRadius: {
+		sm: "calc(var(--radius) - 4px)",
+		md: "calc(var(--radius) - 2px)",
+		lg: "var(--radius)",
+		xl: "calc(var(--radius) + 4px)"
+	}
 };
+//#endregion
+export { j as BrowserRuntime, d as ChangeDetector, A as LAYER_ORDER, k as SSR_STYLE_SELECTOR, c as StylePartitionManager, F as baroBoot, I as baroStart, L as collectJsonRenderClassNames, P as getRuntime, l as normalizeClassName, u as normalizeClassNameList, R as preloadJsonRenderClasses, z as shadcnTheme };