@barocss/browser 0.0.3 → 0.5.0

package/dist/index.es.js

@@ -1,18 +1,64 @@
-import { parseResultCache as d, createContext as y, IncrementalParser as g, astCache as f } from "@barocss/kit";
-class p {
-  constructor(t, e = 50, s = "barocss-style-partition-") {
-    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.initializeDefaultPartition();
+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;
+}
+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 = 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(`
+`) + `
+`), i.splice(r, 0, s);
   }
   initializeDefaultPartition() {
     this.createNewPartition();
   }
-  createNewCategoryPartition(t) {
-    const e = {
+  createNewCategoryPartition(t, e = !1) {
+    const s = {
       id: this.styleIdPrefix + `-${t}`,
       styles: [],
       styleElement: document.createElement("style")
     };
-    return e.styleElement.id = e.id, e.styleElement.setAttribute("data-barocss", "partition"), e.styleElement.setAttribute("data-category", t), this.insertionPoint.appendChild(e.styleElement), this.categoryPartitions.set(t, e), e;
+    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 = {
@@ -43,6 +89,9 @@ class p {
   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
@@ -54,16 +103,19 @@ class p {
   addRule(t) {
     if (this.hasRule(t))
       return !1;
-    this.currentPartition.styles.length >= this.maxRulesPerPartition && this.createNewPartition();
-    const e = this.currentPartition, s = this.partitions.length - 1;
+    const e = C(t);
+    let s = this.partitions.findIndex((r) => {
+      const o = r.keys;
+      return !!o && o.length > 0 && P(o[o.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 {
-      const i = e.styleElement.sheet;
-      return i ? i.insertRule(this.escapeCssRule(t), i.cssRules.length) : e.styleElement.textContent += t + `
-`, this.setRuleCache(t, s), e.styles.push(t), !0;
-    } catch (i) {
+      return this.insertSorted(i, t, e), this.setRuleCache(t, s), !0;
+    } catch (r) {
       return console.warn(
         `[StylePartitionManager] Failed to insert rule: ${t}`,
-        i
+        r
       ), !1;
     }
   }
@@ -73,16 +125,14 @@ class p {
     let s = this.getCategoryPartition(e);
     s || (s = this.createNewCategoryPartition(e));
     try {
-      const i = s.styleElement.sheet;
-      i ? i.insertRule(this.escapeCssRule(t), i.cssRules.length) : s.styleElement.textContent += t + `
-`;
+      this.insertSorted(s, t, C(t));
     } catch (i) {
       return console.warn(
         `[StylePartitionManager] Failed to insert rule in category: ${e} ${t}`,
         i
       ), !1;
     }
-    return this.setCategoryRuleCache(t, e), s.styles.push(t), !0;
+    return this.setCategoryRuleCache(t, e), !0;
   }
   addRootRules(t) {
     let e = this.getCategoryPartition("root");
@@ -104,7 +154,7 @@ class p {
   addRules(t) {
     let e = 0, s = 0;
     for (const i of t) {
-      const r = d.get(i.cls)?.utility?.category;
+      const r = this.getCategory(i.cls);
       if (r)
         for (const o of i.cssList)
           this.addCategoryRule(o, r);
@@ -124,13 +174,13 @@ class p {
     const s = this.classToCategoryPartitionMap.get(t);
     return s !== void 0 && this.categoryPartitions.get(s) || null;
   }
-  updateRuleContent(t, e) {
-    const s = this.getCategoryPartition(t);
-    if (s)
-      s.styleElement.textContent = e;
+  updateRuleContent(t, e, s = !1) {
+    const i = this.getCategoryPartition(t);
+    if (i)
+      i.styleElement.textContent = e;
     else {
-      const i = this.createNewCategoryPartition(t);
-      console.log(`[StylePartitionManager] Created new partition for category: ${t}`), i.styleElement.textContent = e;
+      const r = this.createNewCategoryPartition(t, s);
+      console.log(`[StylePartitionManager] Created new partition for category: ${t}`), r.styleElement.textContent = e;
     }
   }
   /**
@@ -141,24 +191,27 @@ class p {
       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.partitionCounter = 0, this.classToPartitionMap.clear(), this.classToCategoryPartitionMap.clear();
+    }), this.partitions = [], this.categoryPartitions.clear(), this.partitionCounter = 0, this.classToPartitionMap.clear(), this.classToCategoryPartitionMap.clear();
   }
 }
-function C(a) {
-  return a ? a instanceof SVGAnimatedString ? a.baseVal.toString() : a.toString() : "";
+function N(n) {
+  return n ? typeof n == "object" && typeof n.baseVal == "string" ? n.baseVal : n.toString() : "";
 }
-function c(a) {
-  return a ? C(a).split(/\s+/).filter(Boolean) : [];
+function h(n) {
+  return n ? N(n).split(/\s+/).filter(Boolean) : [];
 }
-class P {
+class D {
   /**
    * Create a new ChangeDetector instance
    * 
    * @param incrementalParser - IncrementalParser instance for class processing
    * @param BrowserRuntime - Optional BrowserRuntime instance for CSS injection
    */
-  constructor(t, e) {
-    this.observer = null, this.processedElements = /* @__PURE__ */ new WeakSet(), this.incrementalParser = t, this.BrowserRuntime = e;
+  constructor(t, e, s = (i) => y(i).utility?.category) {
+    this.observer = null, this.incrementalParser = t, this.BrowserRuntime = e, this.getCategory = s;
+  }
+  setParser(t) {
+    this.incrementalParser = t;
   }
   /**
    * Starts observing DOM changes for new CSS classes
@@ -179,22 +232,26 @@ class P {
     return typeof window > "u" ? new MutationObserver(() => {
     }) : (this.observer && this.observer.disconnect(), this.observer = new MutationObserver((s) => {
       const i = /* @__PURE__ */ new Set();
-      if (s.forEach((n) => {
-        if (n.type === "attributes" && n.attributeName === "class") {
-          const r = n.target;
-          r.className && c(r.className).forEach((l) => {
-            this.incrementalParser.isProcessed(l) || i.add(l);
+      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);
           });
         }
-        n.type === "childList" && n.addedNodes.forEach((r) => {
-          r instanceof HTMLElement && (this.processElement(r, i), r.querySelectorAll("[class]").forEach((o) => {
-            this.processElement(o, i);
-          }));
+        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);
+            });
+          }
         });
       }), i.size > 0) {
-        const n = Array.from(i), r = this.incrementalParser.processClasses(n);
-        this.BrowserRuntime?.applyParseResults(r);
-      }
+        const r = Array.from(i), o = this.incrementalParser.processClasses(r);
+        this.BrowserRuntime?.applyParseResults(o);
+      } else
+        this.BrowserRuntime?.applyParseResults([]);
     }), this.observer.observe(t, {
       attributes: !0,
       subtree: !0,
@@ -207,39 +264,38 @@ class P {
    */
   scanExistingClasses(t, e) {
     const s = /* @__PURE__ */ new Set();
-    t.className && c(t.className).forEach((r) => {
-      this.incrementalParser.isProcessed(r) || s.add(r);
+    t.className && h(t.className).forEach((o) => {
+      this.incrementalParser.isProcessed(o) || s.add(o);
     });
     const i = t.querySelectorAll("[class]");
-    for (const n of i)
-      if (n.className) {
-        const r = c(n.className);
-        for (const o of r)
-          this.incrementalParser.isProcessed(o) || s.add(o);
+    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);
       }
     if (s.size > 0) {
-      const n = Array.from(s), r = this.incrementalParser.processClasses(n), o = r.filter((h) => d.get(h.cls)?.utility?.category === "layout"), l = r.filter((h) => d.get(h.cls)?.utility?.category !== "layout");
-      this.BrowserRuntime?.applyParseResults(o), e?.onReady?.(), this.BrowserRuntime?.applyParseResults(l);
-    }
+      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);
+    } else
+      e?.onReady?.();
   }
   /**
    * Processes an individual element and extracts new classes
    * 
    * This method is called for each element discovered during DOM mutations.
    * It:
-   * - Checks if the element has already been processed
    * - Extracts all class names from the element's className
    * - Filters out already processed classes
    * - Adds new classes to the collection for batch processing
-   * - Marks the element as processed to avoid duplicates
    * 
    * @param element - The HTML element to process
    * @param newClasses - Set to collect newly discovered class names
    */
   processElement(t, e) {
-    this.processedElements.has(t) || (t.className && c(t.className).forEach((i) => {
+    t.className && h(t.className).forEach((i) => {
       this.incrementalParser.isProcessed(i) || e.add(i);
-    }), this.processedElements.add(t));
+    });
   }
   /**
    * Stops observing DOM changes and cleans up resources
@@ -252,16 +308,44 @@ class P {
     this.observer && (this.observer.disconnect(), this.observer = null);
   }
 }
-class m {
+function I(n) {
+  return n.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 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);
+  }
+  return t.push(n.slice(s)), t;
+}
+function b(n, t = /* @__PURE__ */ new Set()) {
+  for (const e of Array.from(n)) {
+    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]));
+      }
+    const i = e.cssRules;
+    i && i.length && b(i, t);
+  }
+  return t;
+}
+const $ = "@layer theme, base, components, utilities;";
+class k {
   constructor(t = {}) {
-    this.cache = /* @__PURE__ */ new Map(), this.rootCache = /* @__PURE__ */ new Set(), this.isDestroyed = !1;
+    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;
     const e = {};
     this.options = {
       config: t.config || e,
       styleId: t.styleId || "barocss-runtime",
       insertionPoint: t.insertionPoint || "head",
-      maxRulesPerPartition: t.maxRulesPerPartition || 50
-    }, this.context = y(this.options.config), this.incrementalParser = new g(this.context), this.changeDetector = new P(this.incrementalParser, this), this.stylePartitionManager = new p(this.getInsertionPoint(), this.options.maxRulesPerPartition, `${this.options.styleId}-partition`), this.init();
+      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();
   }
   // Debugging and logging helpers
   /**
@@ -274,9 +358,17 @@ class m {
     console.log("[BrowserRuntime] init"), this.injectPreflightCSS(), this.ensureCssVars();
   }
   injectPreflightCSS() {
-    if (this.options.config.preflight) {
-      const t = this.context.getPreflightCSS(this.options.config.preflight);
-      this.stylePartitionManager.updateRuleContent("preflight", t);
+    const t = this.options.config.preflight ?? !0;
+    if (t) {
+      const e = this.context.getPreflightCSS(t);
+      this.stylePartitionManager.updateRuleContent(
+        "preflight",
+        `${$}
+@layer base {
+${e}
+}`,
+        !0
+      );
     }
   }
   ensureCssVars() {
@@ -285,7 +377,7 @@ class m {
     this.stylePartitionManager.updateRuleContent("css-vars", t);
   }
   getInsertionPoint() {
-    if (this.options.insertionPoint instanceof HTMLElement)
+    if (typeof this.options.insertionPoint != "string")
       return this.options.insertionPoint;
     switch (this.options.insertionPoint) {
       case "body":
@@ -320,16 +412,45 @@ class m {
    * 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 r = Array.from(this.cache.values());
+      this.reset(), t = [...r, ...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 (t.length === 0) return;
     const s = [], i = [];
-    for (const n of t)
-      if (n.css && Array.isArray(n.cssList) && s.push(n), n.rootCss && Array.isArray(n.rootCssList))
-        for (const r of n.rootCssList)
-          this.rootCache.has(r) || (this.rootCache.add(r), i.push(r));
+    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));
     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
     });
   }
+  /** 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)));
+    });
+    if (this.existing && t.length === this.existingSheetCount) return this.existing;
+    const e = /* @__PURE__ */ new Set();
+    for (const s of t) {
+      let i;
+      try {
+        i = s.cssRules;
+      } catch {
+        continue;
+      }
+      b(i, e);
+    }
+    return this.existing = e, this.existingSheetCount = t.length, e;
+  }
   /**
    * MutationObserver instance method to automatically call addClass when class attributes change in DOM
    */
@@ -347,7 +468,7 @@ class m {
 `);
   }
   getAllCss() {
-    return Array.from(this.cache.values()).flatMap((e) => e.cssList).join(`
+    return [...this.rootCache, ...Array.from(this.cache.values()).flatMap((e) => e.cssList)].join(`
 `);
   }
   getClasses() {
@@ -357,36 +478,37 @@ class m {
    * Get comprehensive cache statistics
    */
   getCacheStats() {
+    const t = this.incrementalParser.getStats();
     return {
       runtime: {
         cachedClasses: this.cache.size,
         rootCacheSize: this.rootCache.size
       },
-      ast: f.getStats(),
-      incremental: this.incrementalParser.getStats()
+      ast: t.cacheStats.ast,
+      incremental: t
     };
   }
   /**
    * Clear all caches (useful for debugging or memory management)
    */
   clearCaches() {
-    this.cache.clear(), this.rootCache.clear(), f.clear(), this.incrementalParser.clearProcessed(), this.stylePartitionManager.cleanup();
+    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());
   }
   reset() {
-    this.cache.clear(), this.rootCache.clear(), this.stylePartitionManager.cleanup();
+    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());
   }
   updateConfig(t) {
-    this.options.config = t, this.context = y(t);
+    if (this.isDestroyed) return;
     const e = Array.from(this.cache.keys());
-    this.reset(), e.length > 0 && this.addClass(e);
+    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);
   }
   removeClass(t) {
-    const e = this.normalizeClasses(t);
-    for (const s of e)
-      this.cache.delete(s);
+    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.stylePartitionManager.cleanup(), this.cache.clear(), this.rootCache.clear(), this.isDestroyed = !0;
+    this.isDestroyed || (this.changeDetector.disconnect(), this.stylePartitionManager.cleanup(), this.cache.clear(), this.rootCache.clear(), this.isDestroyed = !0);
   }
   getStats() {
     return {
@@ -398,28 +520,98 @@ class m {
     };
   }
 }
-let u = null;
-function R(a) {
-  return u || (u = new m(a)), u;
+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;
 }
-function b({ loadingClassName: a = "baro-boot", ...t } = {}) {
-  const e = `${a}-doing`, s = `${a}-done`;
+function R({ loadingClassName: n = "baro-boot", ...t } = {}) {
+  if (!document.body) {
+    document.addEventListener("DOMContentLoaded", () => R({ loadingClassName: n, ...t }), { once: !0 });
+    return;
+  }
+  const e = `${n}-doing`, s = `${n}-done`;
   try {
-    document.body.classList.add(e), R(t).observe(document.body, { scan: !0, onReady: () => {
+    document.body.classList.add(e), B(t).observe(document.body, { scan: !0, onReady: () => {
       document.body.classList.remove(e), document.body.classList.add(s);
     } });
   } catch (i) {
-    console.error("BaroCSS boot failed:", i);
+    document.body?.classList.remove(e), console.error("BaroCSS boot failed:", i);
   }
 }
-const w = b;
+const V = R;
+function j(n) {
+  if (!n || typeof n != "object" || Array.isArray(n)) return [];
+  const t = n.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 o = r.className;
+    if (typeof o == "string")
+      for (const a of o.split(/\s+/))
+        a && e.add(a);
+  }
+  return Array.from(e);
+}
+function O(n, t) {
+  const e = j(n);
+  e.length > 0 && t.addClass(e);
+}
+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"
+], F = {
+  colors: Object.fromEntries(z.map((n) => [n, `var(--${n})`])),
+  borderRadius: {
+    sm: "calc(var(--radius) - 4px)",
+    md: "calc(var(--radius) - 2px)",
+    lg: "var(--radius)",
+    xl: "calc(var(--radius) + 4px)"
+  }
+};
 export {
-  m as BrowserRuntime,
-  P as ChangeDetector,
-  p as StylePartitionManager,
-  b as baroBoot,
-  w as baroStart,
-  R as getRuntime,
-  C as normalizeClassName,
-  c as normalizeClassNameList
+  k as BrowserRuntime,
+  D as ChangeDetector,
+  $ 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
 };