@barocss/browser 0.5.0 → 0.6.0

package/dist/index.es.js

@@ -1,40 +1,6 @@
-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 g, upperBound as R, ruleSortKey as y, compareKeys as b, createContext as m, IncrementalParser as p, clearAstCache as w } from "@barocss/kit";
 class d {
-  constructor(t, e = 50, s = "barocss-style-partition-", i = (r) => y(r).utility?.category) {
+  constructor(t, e = 50, s = "barocss-style-partition-", i = (r) => g(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 = R(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 = y(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 && b(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, y(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 a = this.classToPartitionMap.get(t);
+      s = a === void 0 ? void 0 : this.partitions[a];
+    }
+    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,21 +187,24 @@ 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 x(o) {
+  return o ? typeof o == "object" && typeof o.baseVal == "string" ? o.baseVal : o.toString() : "";
 }
-function h(n) {
-  return n ? N(n).split(/\s+/).filter(Boolean) : [];
+function u(o) {
+  return o ? x(o).split(/\s+/).filter(Boolean) : [];
 }
-class D {
+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.incrementalParser = t, this.BrowserRuntime = e, this.getCategory = s;
+  constructor(t, e, s = (i) => g(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;
@@ -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((a) => r.reconcileTree(a)), n.addedNodes.forEach((a) => r.reconcileTree(a)))), n.type === "attributes" && n.attributeName === "class" && t.contains(n.target)) {
+          const a = n.target;
+          a.className && u(a.className).forEach((l) => {
+            this.incrementalParser.isProcessed(l) || i.add(l);
           });
         }
-        r.type === "childList" && r.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);
+        n.type === "childList" && n.addedNodes.forEach((a) => {
+          if (a.nodeType === Node.ELEMENT_NODE && t.contains(a)) {
+            const c = a;
+            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);
-        this.BrowserRuntime?.applyParseResults(o);
+        const n = Array.from(i), a = this.incrementalParser.processClasses(n);
+        this.BrowserRuntime?.applyParseResults(a);
       } else
         this.BrowserRuntime?.applyParseResults([]);
+      r?.afterBatch();
     }), this.observer.observe(t, {
       attributes: !0,
       subtree: !0,
@@ -264,18 +261,18 @@ 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)
+        const n = u(r.className);
+        for (const a of n)
           this.incrementalParser.isProcessed(a) || s.add(a);
       }
     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");
+      const r = Array.from(s), n = this.incrementalParser.processClasses(r), a = n.filter((l) => this.getCategory(l.cls) === "layout"), c = n.filter((l) => this.getCategory(l.cls) !== "layout");
       this.BrowserRuntime?.applyParseResults(a), 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,120 @@ 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 S(o) {
+  return o.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 M = /^\s*\.((?:\\[0-9a-fA-F]{1,6}\s?|\\.|[\w-]|[^\x00-\x7F])+)/;
+function v(o) {
   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 < o.length; i++) {
+    const r = o[i];
+    r === "\\" ? i++ : r === "(" || r === "[" ? e++ : r === ")" || r === "]" ? e-- : r === "," && e === 0 && (t.push(o.slice(s, i)), s = i + 1);
   }
-  return t.push(n.slice(s)), t;
+  return t.push(o.slice(s)), t;
 }
-function b(n, t = /* @__PURE__ */ new Set()) {
-  for (const e of Array.from(n)) {
+function C(o, t = /* @__PURE__ */ new Set()) {
+  for (const e of Array.from(o)) {
     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 v(s)) {
+        const n = M.exec(r);
+        n && t.add(S(n[1]));
       }
     const i = e.cssRules;
-    i && i.length && b(i, t);
+    i && i.length && C(i, t);
   }
   return t;
 }
-const $ = "@layer theme, base, components, utilities;";
-class k {
+class A {
+  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 ?? []), a = new Set(i);
+    for (const c of a) {
+      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 (a.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 a = t - n >= this.graceMs;
+      !a && i >= e || (this.candidates.delete(r), !(this.count(r) > 0 || this.inDom(r) || this.host.isPermanent(r)) && (s.push(r), a || 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 = "@layer theme, base, components, utilities;";
+class L {
   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.existingSheetCount = -1, this.pinned = /* @__PURE__ */ new Set(), this.gc = null, this.reclaimedCount = 0, this.getCategory = (s) => g(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 = m(this.options.config), this.incrementalParser = new p(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 A({
+      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
   /**
@@ -363,7 +436,7 @@ class k {
       const e = this.context.getPreflightCSS(t);
       this.stylePartitionManager.updateRuleContent(
         "preflight",
-        `${$}
+        `${D}
 @layer base {
 ${e}
 }`,
@@ -392,8 +465,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
@@ -415,41 +488,67 @@ ${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));
+      this.reset(), t = [...r, ...t], t.forEach((n) => this.incrementalParser.markProcessed(n.cls));
     }
     if (this.options.skipExisting && t.length > 0 && typeof document < "u") {
       const r = this.getExistingClasses();
-      t = t.filter((o) => !r.has(o.cls));
+      t = t.filter((n) => !r.has(n.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)
-          this.rootCache.has(o) || (this.rootCache.add(o), i.push(o));
+        for (const n of r.rootCssList)
+          this.rootCache.has(n) || (this.rootCache.add(n), i.push(n));
     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) || typeof document > "u" ? !0 : this.getExistingClasses().has(t);
+  }
+  /**
+   * #269: delete the generated rules of classes no live element uses. Root/@property 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 a of r.cssList)
+        i.has(a) || this.stylePartitionManager.removeRule(a, 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]"), (i) => i.sheet)), e = Array.from(document.styleSheets).filter((i) => {
+      if (t.has(i)) return !1;
+      const r = i.ownerNode;
+      return !(r && typeof r.hasAttribute == "function" && (r.hasAttribute("data-barocss") || (r.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();
+    for (const i of e) {
+      let r;
       try {
-        i = s.cssRules;
+        r = i.cssRules;
       } catch {
         continue;
       }
-      b(i, e);
+      C(r, s);
     }
-    return this.existing = e, this.existingSheetCount = t.length, e;
+    return this.existing = s, this.existingSheetCount = e.length, s;
   }
   /**
    * MutationObserver instance method to automatically call addClass when class attributes change in DOM
@@ -482,7 +581,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,7 +594,7 @@ ${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(), w(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());
   }
   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());
@@ -500,7 +602,7 @@ ${e}
   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 = m(t), this.incrementalParser = new p(this.context), this.changeDetector.setParser(this.incrementalParser), this.reset(), e.length > 0 && this.addClass(e);
   }
   removeClass(t) {
     if (this.isDestroyed) return;
@@ -508,7 +610,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 +622,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 N(o = {}) {
+  return !h || h.getStats().isDestroyed ? (h = new L(o), f = o.config) : o.config && o.config !== f && (h.updateConfig(o.config), f = o.config), h;
 }
-function R({ loadingClassName: n = "baro-boot", ...t } = {}) {
+function P({ loadingClassName: o = "baro-boot", ...t } = {}) {
   if (!document.body) {
-    document.addEventListener("DOMContentLoaded", () => R({ loadingClassName: n, ...t }), { once: !0 });
+    document.addEventListener("DOMContentLoaded", () => P({ loadingClassName: o, ...t }), { once: !0 });
     return;
   }
-  const e = `${n}-doing`, s = `${n}-done`;
+  const e = `${o}-doing`, s = `${o}-done`;
   try {
-    document.body.classList.add(e), B(t).observe(document.body, { scan: !0, onReady: () => {
+    document.body.classList.add(e), N(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 z = P;
+function T(o) {
+  if (!o || typeof o != "object" || Array.isArray(o)) return [];
+  const t = o.elements;
   if (!t || typeof t != "object" || Array.isArray(t)) return [];
   const e = /* @__PURE__ */ new Set();
   for (const s of Object.keys(t)) {
@@ -549,18 +651,18 @@ 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+/))
+    const n = r.className;
+    if (typeof n == "string")
+      for (const a of n.split(/\s+/))
         a && e.add(a);
   }
   return Array.from(e);
 }
-function O(n, t) {
-  const e = j(n);
+function B(o, t) {
+  const e = T(o);
   e.length > 0 && t.addClass(e);
 }
-const z = [
+const I = [
   "background",
   "foreground",
   "card",
@@ -592,8 +694,8 @@ const z = [
   "sidebar-accent-foreground",
   "sidebar-border",
   "sidebar-ring"
-], F = {
-  colors: Object.fromEntries(z.map((n) => [n, `var(--${n})`])),
+], $ = {
+  colors: Object.fromEntries(I.map((o) => [o, `var(--${o})`])),
   borderRadius: {
     sm: "calc(var(--radius) - 4px)",
     md: "calc(var(--radius) - 2px)",
@@ -602,16 +704,16 @@ const z = [
   }
 };
 export {
-  k as BrowserRuntime,
-  D as ChangeDetector,
-  $ as LAYER_ORDER,
+  L as BrowserRuntime,
+  E as ChangeDetector,
+  D as LAYER_ORDER,
   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
+  P as baroBoot,
+  z as baroStart,
+  T as collectJsonRenderClassNames,
+  N as getRuntime,
+  x as normalizeClassName,
+  u as normalizeClassNameList,
+  B as preloadJsonRenderClasses,
+  $ as shadcnTheme
 };