@barocss/browser 0.5.0 → 0.7.0

package/dist/index.es.js

@@ -1,38 +1,4 @@
-import { parseClassName as y, createContext as g, IncrementalParser as p, clearAstCache as x } from "@barocss/kit";
-const w = /^\s*@(media|container)\s+([^{]*)\{/, E = /prefers-color-scheme|\bprint\b|forced-colors|orientation/, S = /(?:min-width\s*:\s*|width\s*>=?\s*)([\d.]+)(px|rem|em)?/, A = /(?:max-width\s*:\s*|width\s*<=?\s*)([\d.]+)(px|rem|em)?/;
-function m(n, t) {
-  const e = parseFloat(n);
-  return t === "rem" || t === "em" ? e * 16 : e;
-}
-function M(n, t) {
-  const e = n === "container", s = S.exec(t);
-  if (s) return [e ? 4 : 2, m(s[1], s[2])];
-  const i = A.exec(t);
-  return i ? [e ? 3 : 1, -m(i[1], i[2])] : !e && E.test(t) ? [5, 0] : [0, 0];
-}
-function C(n) {
-  const t = [];
-  let e = n, s;
-  for (; s = w.exec(e); ) {
-    const [i, r] = M(s[1], s[2]);
-    t.push(i, r), e = e.slice(s[0].length);
-  }
-  return t;
-}
-function P(n, t) {
-  const e = Math.min(n.length, t.length);
-  for (let s = 0; s < e; s++)
-    if (n[s] !== t[s]) return n[s] - t[s];
-  return n.length - t.length;
-}
-function v(n, t) {
-  let e = 0, s = n.length;
-  for (; e < s; ) {
-    const i = e + s >> 1;
-    P(n[i], t) <= 0 ? e = i + 1 : s = i;
-  }
-  return e;
-}
+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();
@@ -42,8 +8,8 @@ class d {
    * one insertRule at a binary-searched index, no sheet rewrite.
    */
   insertSorted(t, e, s) {
-    const i = t.keys ??= [], r = v(i, s), o = t.styleElement.sheet;
-    o && o.cssRules.length === i.length ? (o.insertRule(this.escapeCssRule(e), r), t.styles.splice(r, 0, e)) : (t.styles.splice(r, 0, e), t.styleElement.textContent = t.styles.join(`
+    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);
   }
@@ -103,10 +69,10 @@ class d {
   addRule(t) {
     if (this.hasRule(t))
       return !1;
-    const e = C(t);
+    const e = m(t);
     let s = this.partitions.findIndex((r) => {
-      const o = r.keys;
-      return !!o && o.length > 0 && P(o[o.length - 1], e) > 0;
+      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];
@@ -125,7 +91,7 @@ class d {
     let s = this.getCategoryPartition(e);
     s || (s = this.createNewCategoryPartition(e));
     try {
-      this.insertSorted(s, t, C(t));
+      this.insertSorted(s, t, m(t));
     } catch (i) {
       return console.warn(
         `[StylePartitionManager] Failed to insert rule in category: ${e} ${t}`,
@@ -156,14 +122,41 @@ class d {
     for (const i of t) {
       const r = this.getCategory(i.cls);
       if (r)
-        for (const o of i.cssList)
-          this.addCategoryRule(o, r);
+        for (const n of i.cssList)
+          this.addCategoryRule(n, r);
       else
-        for (const o of i.cssList)
-          this.addRule(o) ? e++ : s++;
+        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;
+  }
   /**
    * 특정 규칙이 어느 파티션에 있는지 찾기
    */
@@ -194,13 +187,13 @@ class d {
     }), this.partitions = [], this.categoryPartitions.clear(), this.partitionCounter = 0, this.classToPartitionMap.clear(), this.classToCategoryPartitionMap.clear();
   }
 }
-function N(n) {
-  return n ? typeof n == "object" && typeof n.baseVal == "string" ? n.baseVal : n.toString() : "";
+function w(a) {
+  return a ? typeof a == "object" && typeof a.baseVal == "string" ? a.baseVal : a.toString() : "";
 }
-function h(n) {
-  return n ? N(n).split(/\s+/).filter(Boolean) : [];
+function u(a) {
+  return a ? w(a).split(/\s+/).filter(Boolean) : [];
 }
-class D {
+class E {
   /**
    * Create a new ChangeDetector instance
    * 
@@ -208,7 +201,10 @@ class D {
    * @param BrowserRuntime - Optional BrowserRuntime instance for CSS injection
    */
   constructor(t, e, s = (i) => y(i).utility?.category) {
-    this.observer = null, this.incrementalParser = t, this.BrowserRuntime = e, this.getCategory = s;
+    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;
@@ -230,28 +226,29 @@ class D {
    */
   observe(t = document.body, e) {
     return typeof window > "u" ? new MutationObserver(() => {
-    }) : (this.observer && this.observer.disconnect(), this.observer = new MutationObserver((s) => {
-      const i = /* @__PURE__ */ new Set();
-      if (s.forEach((r) => {
-        if (r.type === "attributes" && r.attributeName === "class" && t.contains(r.target)) {
-          const o = r.target;
-          o.className && h(o.className).forEach((c) => {
-            this.incrementalParser.isProcessed(c) || i.add(c);
+    }) : (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);
           });
         }
-        r.type === "childList" && r.addedNodes.forEach((o) => {
+        n.type === "childList" && n.addedNodes.forEach((o) => {
           if (o.nodeType === Node.ELEMENT_NODE && t.contains(o)) {
-            const a = o;
-            this.processElement(a, i), a.querySelectorAll("[class]").forEach((c) => {
-              this.processElement(c, i);
+            const c = o;
+            this.processElement(c, i), c.querySelectorAll("[class]").forEach((l) => {
+              this.processElement(l, i);
             });
           }
         });
       }), i.size > 0) {
-        const r = Array.from(i), o = this.incrementalParser.processClasses(r);
+        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,
@@ -264,19 +261,19 @@ class D {
    */
   scanExistingClasses(t, e) {
     const s = /* @__PURE__ */ new Set();
-    t.className && h(t.className).forEach((o) => {
-      this.incrementalParser.isProcessed(o) || s.add(o);
+    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 o = h(r.className);
-        for (const a of o)
-          this.incrementalParser.isProcessed(a) || s.add(a);
+        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), o = this.incrementalParser.processClasses(r), a = o.filter((u) => this.getCategory(u.cls) === "layout"), c = o.filter((u) => this.getCategory(u.cls) !== "layout");
-      this.BrowserRuntime?.applyParseResults(a), e?.onReady?.(), this.BrowserRuntime?.applyParseResults(c);
+      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?.();
   }
@@ -293,7 +290,7 @@ class D {
    * @param newClasses - Set to collect newly discovered class names
    */
   processElement(t, e) {
-    t.className && h(t.className).forEach((i) => {
+    t.className && u(t.className).forEach((i) => {
       this.incrementalParser.isProcessed(i) || e.add(i);
     });
   }
@@ -308,44 +305,131 @@ class D {
     this.observer && (this.observer.disconnect(), this.observer = null);
   }
 }
-function I(n) {
-  return n.replace(/\\([0-9a-fA-F]{1,6})\s?|\\(.)/g, (t, e, s) => e ? String.fromCodePoint(parseInt(e, 16)) : s);
+function M(a) {
+  return a.replace(/\\([0-9a-fA-F]{1,6})\s?|\\(.)/g, (t, e, s) => e ? String.fromCodePoint(parseInt(e, 16)) : s);
 }
-const L = /^\s*\.((?:\\[0-9a-fA-F]{1,6}\s?|\\.|[\w-]|[^\x00-\x7F])+)/;
-function T(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 < n.length; i++) {
-    const r = n[i];
-    r === "\\" ? i++ : r === "(" || r === "[" ? e++ : r === ")" || r === "]" ? e-- : r === "," && e === 0 && (t.push(n.slice(s, i)), s = i + 1);
+  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 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.push(n.slice(s)), t;
+  return t;
 }
-function b(n, t = /* @__PURE__ */ new Set()) {
-  for (const e of Array.from(n)) {
+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 T(s)) {
-        const o = L.exec(r);
-        o && t.add(I(o[1]));
+      for (const r of A(s)) {
+        const n = v.exec(r);
+        n && t.add(M(n[1]));
       }
     const i = e.cssRules;
-    i && i.length && b(i, t);
+    i && i.length && g(i, t);
   }
   return t;
 }
-const $ = "@layer theme, base, components, utilities;";
-class k {
+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 };
+  }
+}
+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.existingSheetCount = -1, this.getCategory = (s) => y(s, this.context).utility?.category;
+    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
-    }, this.context = g(this.options.config), this.incrementalParser = new p(this.context), this.changeDetector = new D(this.incrementalParser, this, this.getCategory), this.stylePartitionManager = new d(this.getInsertionPoint(), this.options.maxRulesPerPartition, `${this.options.styleId}-partition`, this.getCategory), this.init();
+      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
   /**
@@ -355,7 +439,38 @@ class k {
     (console[t] || console.log)(`[BrowserRuntime:${t.toUpperCase()}] ${e}`, s || "");
   }
   init() {
-    console.log("[BrowserRuntime] init"), this.injectPreflightCSS(), this.ensureCssVars();
+    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;
@@ -363,7 +478,7 @@ class k {
       const e = this.context.getPreflightCSS(t);
       this.stylePartitionManager.updateRuleContent(
         "preflight",
-        `${$}
+        `${L}
 @layer base {
 ${e}
 }`,
@@ -392,8 +507,8 @@ ${e}
    */
   addClass(t) {
     if (this.isDestroyed) return;
-    const e = this.normalizeClasses(t);
-    this.processClasses(e);
+    const e = this.normalizeClasses(t).filter(Boolean);
+    e.forEach((s) => this.pinned.add(s)), this.processClasses(e);
   }
   /**
    * Process classes
@@ -414,48 +529,79 @@ ${e}
   applyParseResults(t, e) {
     if (this.isDestroyed) return;
     if (this.getInsertionPoint().isConnected && this.stylePartitionManager.hasDetachedPartitions()) {
-      const r = Array.from(this.cache.values());
-      this.reset(), t = [...r, ...t], t.forEach((o) => this.incrementalParser.markProcessed(o.cls));
+      const n = Array.from(this.cache.values());
+      this.reset(), t = [...n, ...t], t.forEach((o) => this.incrementalParser.markProcessed(o.cls));
     }
-    if (this.options.skipExisting && t.length > 0 && typeof document < "u") {
-      const r = this.getExistingClasses();
-      t = t.filter((o) => !r.has(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 = [];
-    for (const r of t)
-      if (r.css && Array.isArray(r.cssList) && (s.push(r), this.cache.set(r.cls, r)), r.rootCss && Array.isArray(r.rootCssList))
-        for (const o of r.rootCssList)
+    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 = Array.from(document.styleSheets).filter((s) => {
-      const i = s.ownerNode;
-      return !(i && typeof i.hasAttribute == "function" && (i.hasAttribute("data-barocss") || (i.id || "").startsWith(this.options.styleId)));
+    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 && t.length === this.existingSheetCount) return this.existing;
-    const e = /* @__PURE__ */ new Set();
-    for (const s of t) {
-      let i;
+    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 {
-        i = s.cssRules;
+        n = r.cssRules;
       } catch {
         continue;
       }
-      b(i, e);
+      g(n, s), P(n, i);
     }
-    return this.existing = e, this.existingSheetCount = t.length, e;
+    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.changeDetector.observe(t, 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+/);
@@ -482,7 +628,10 @@ ${e}
     return {
       runtime: {
         cachedClasses: this.cache.size,
-        rootCacheSize: this.rootCache.size
+        rootCacheSize: this.rootCache.size,
+        ruleCount: this.stylePartitionManager.ruleCount,
+        reclaimedClasses: this.reclaimedCount,
+        gc: this.gc?.stats() ?? null
       },
       ast: t.cacheStats.ast,
       incremental: t
@@ -492,15 +641,15 @@ ${e}
    * 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.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.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 = g(t), this.incrementalParser = new p(this.context), this.changeDetector.setParser(this.incrementalParser), this.reset(), e.length > 0 && this.addClass(e);
+    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;
@@ -508,7 +657,7 @@ ${e}
     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.stylePartitionManager.cleanup(), this.cache.clear(), this.rootCache.clear(), this.isDestroyed = !0);
+    this.isDestroyed || (this.changeDetector.disconnect(), this.gc?.cancel(), this.stylePartitionManager.cleanup(), this.cache.clear(), this.rootCache.clear(), this.isDestroyed = !0);
   }
   getStats() {
     return {
@@ -520,28 +669,28 @@ ${e}
     };
   }
 }
-let l = null, f;
-function B(n = {}) {
-  return !l || l.getStats().isDestroyed ? (l = new k(n), f = n.config) : n.config && n.config !== f && (l.updateConfig(n.config), f = n.config), l;
+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;
 }
-function R({ loadingClassName: n = "baro-boot", ...t } = {}) {
+function R({ loadingClassName: a = "baro-boot", ...t } = {}) {
   if (!document.body) {
-    document.addEventListener("DOMContentLoaded", () => R({ loadingClassName: n, ...t }), { once: !0 });
+    document.addEventListener("DOMContentLoaded", () => R({ loadingClassName: a, ...t }), { once: !0 });
     return;
   }
-  const e = `${n}-doing`, s = `${n}-done`;
+  const e = `${a}-doing`, s = `${a}-done`;
   try {
-    document.body.classList.add(e), B(t).observe(document.body, { scan: !0, onReady: () => {
+    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);
   }
 }
-const V = R;
-function j(n) {
-  if (!n || typeof n != "object" || Array.isArray(n)) return [];
-  const t = n.elements;
+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)) {
@@ -549,15 +698,15 @@ function j(n) {
     if (!i || typeof i != "object" || Array.isArray(i)) continue;
     const r = i.props;
     if (!r || typeof r != "object" || Array.isArray(r)) continue;
-    const o = r.className;
-    if (typeof o == "string")
-      for (const a of o.split(/\s+/))
-        a && e.add(a);
+    const n = r.className;
+    if (typeof n == "string")
+      for (const o of n.split(/\s+/))
+        o && e.add(o);
   }
   return Array.from(e);
 }
-function O(n, t) {
-  const e = j(n);
+function j(a, t) {
+  const e = k(a);
   e.length > 0 && t.addClass(e);
 }
 const z = [
@@ -592,8 +741,8 @@ const z = [
   "sidebar-accent-foreground",
   "sidebar-border",
   "sidebar-ring"
-], F = {
-  colors: Object.fromEntries(z.map((n) => [n, `var(--${n})`])),
+], O = {
+  colors: Object.fromEntries(z.map((a) => [a, `var(--${a})`])),
   borderRadius: {
     sm: "calc(var(--radius) - 4px)",
     md: "calc(var(--radius) - 2px)",
@@ -602,16 +751,17 @@ const z = [
   }
 };
 export {
-  k as BrowserRuntime,
-  D as ChangeDetector,
-  $ as LAYER_ORDER,
+  N as BrowserRuntime,
+  E as ChangeDetector,
+  L as LAYER_ORDER,
+  D as SSR_STYLE_SELECTOR,
   d as StylePartitionManager,
   R as baroBoot,
-  V as baroStart,
-  j as collectJsonRenderClassNames,
-  B as getRuntime,
-  N as normalizeClassName,
-  h as normalizeClassNameList,
-  O as preloadJsonRenderClasses,
-  F as shadcnTheme
+  $ as baroStart,
+  k as collectJsonRenderClassNames,
+  I as getRuntime,
+  w as normalizeClassName,
+  u as normalizeClassNameList,
+  j as preloadJsonRenderClasses,
+  O as shadcnTheme
 };