praxis-kit 5.0.0 → 6.1.0

package/dist/tailwind/index.js

@@ -184,6 +184,45 @@ var iterate = Object.freeze({
   values
 });
 
+// ../../lib/primitive/src/utils/lru-cache.ts
+var LRUCache = class {
+  #maxSize;
+  #store = /* @__PURE__ */ new Map();
+  constructor(maxSize) {
+    if (!Number.isInteger(maxSize) || maxSize < 1) {
+      throw new RangeError("LRUCache maxSize must be a positive integer.");
+    }
+    this.#maxSize = maxSize;
+  }
+  get(key) {
+    if (!this.#store.has(key)) return void 0;
+    const value = this.#store.get(key);
+    this.#store.delete(key);
+    this.#store.set(key, value);
+    return value;
+  }
+  set(key, value) {
+    this.#store.delete(key);
+    this.#store.set(key, value);
+    if (this.#store.size > this.#maxSize) {
+      const lru = this.#store.keys().next().value;
+      if (lru !== void 0) this.#store.delete(lru);
+    }
+  }
+  has(key) {
+    return this.#store.has(key);
+  }
+  delete(key) {
+    return this.#store.delete(key);
+  }
+  get size() {
+    return this.#store.size;
+  }
+  clear() {
+    this.#store.clear();
+  }
+};
+
 // ../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs
 import { clsx as clsx2 } from "clsx";
 var falsyToString = (value) => typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
@@ -236,7 +275,7 @@ function cva2(base, config) {
 // ../../lib/styling/src/static-class-resolver.ts
 var StaticClassResolver = class {
   #baseClass;
-  #cache = /* @__PURE__ */ new Map();
+  #cache = new LRUCache(200);
   #resolveTag;
   constructor(baseClass, tagMap) {
     this.#baseClass = Array.isArray(baseClass) ? baseClass.join(" ") : baseClass;
@@ -250,17 +289,9 @@ var StaticClassResolver = class {
   resolve(tag, skipTagMap = false) {
     if (typeof tag !== "string" || skipTagMap) return this.#baseClass;
     const cached = this.#cache.get(tag);
-    if (cached !== void 0) {
-      this.#cache.delete(tag);
-      this.#cache.set(tag, cached);
-      return cached;
-    }
+    if (cached !== void 0) return cached;
     const result = this.#resolveTag(tag);
     this.#cache.set(tag, result);
-    if (this.#cache.size > 200) {
-      const lru = this.#cache.keys().next().value;
-      if (lru !== void 0) this.#cache.delete(lru);
-    }
     return result;
   }
 };
@@ -271,7 +302,7 @@ var VariantClassResolver = class _VariantClassResolver {
   #recipeMap;
   #variantKeys;
   #precomputedClasses;
-  #cache = /* @__PURE__ */ new Map();
+  #cache = new LRUCache(1e3);
   constructor(cvaFn, recipeMap, variantKeys, precomputedClasses) {
     this.#cvaFn = cvaFn ?? null;
     this.#recipeMap = Object.freeze(recipeMap ?? {});
@@ -286,17 +317,9 @@ var VariantClassResolver = class _VariantClassResolver {
       if (precomputed !== void 0) return precomputed;
     }
     const cached = this.#cache.get(cacheKey);
-    if (cached !== void 0) {
-      this.#cache.delete(cacheKey);
-      this.#cache.set(cacheKey, cached);
-      return cached;
-    }
+    if (cached !== void 0) return cached;
     const result = this.#compute(props, recipe);
     this.#cache.set(cacheKey, result);
-    if (this.#cache.size > 1e3) {
-      const lru = this.#cache.keys().next().value;
-      if (lru !== void 0) this.#cache.delete(lru);
-    }
     return result;
   }
   #compute(props, recipe) {
@@ -358,6 +381,14 @@ function createClassPipeline(resolved) {
   };
 }
 
+// ../../lib/pipeline-kit/src/core/compose-pipelines.ts
+function composePipelines(first, second) {
+  return (...args) => second(first(...args));
+}
+
+// ../../lib/tailwind/src/create-tailwind-pipeline.ts
+import { ConsoleReporter, DefaultPolicy, Diagnostics, Severity } from "../_shared/diagnostics.js";
+
 // ../../lib/tailwind/src/class-builder.ts
 var ClassBuilder = class {
   build(tokens) {
@@ -371,6 +402,7 @@ var ClassBuilder = class {
         }
         case "utility":
         case "gap":
+        case "shared":
         case "conditional": {
           normal.push(token.raw);
           break;
@@ -444,6 +476,16 @@ var CONDITIONALS = {
   "[&.flex": "flex",
   "[&.grid": "grid"
 };
+var SHARED_PREFIXES = [
+  /^order/,
+  /^justify-(?!items-|self-)/,
+  /^content-/,
+  /^items-/,
+  /^self-/,
+  /^place-content-/,
+  /^place-items-/,
+  /^place-self-/
+];
 var ClassClassifier = class _ClassClassifier {
   static #getBaseUtility(token) {
     let depth = 0;
@@ -476,23 +518,16 @@ var ClassClassifier = class _ClassClassifier {
       }
     );
     if (conditional !== null) return conditional;
-    return base === "gap" || base.startsWith("gap-") ? {
-      kind: "gap",
-      raw: token
-    } : {
-      kind: "utility",
-      base,
-      raw: token
-    };
+    if (base === "gap" || base.startsWith("gap-")) {
+      return { kind: "gap", raw: token };
+    }
+    if (SHARED_PREFIXES.some((rule) => rule.test(base))) {
+      return { kind: "shared", raw: token };
+    }
+    return { kind: "utility", base, raw: token };
   }
 };
 
-// ../../lib/tailwind/src/dependency-rules.ts
-var defaultDependencyRules = {
-  flex: [/^flex-/, /^grow/, /^shrink/, /^basis-/],
-  grid: [/^grid-/, /^col-/, /^row-/, /^auto-cols-/, /^auto-rows-/]
-};
-
 // ../../lib/tailwind/src/dependency-evaluator.ts
 var DependencyEvaluator = class {
   constructor(rules) {
@@ -513,7 +548,8 @@ var DependencyEvaluator = class {
           (layout) => this.rules[layout].some((rule) => rule.test(token.base)) ? state.family === layout : null
         ) ?? true;
       }
-      case "gap": {
+      case "gap":
+      case "shared": {
         return state.family !== "none";
       }
       default:
@@ -522,26 +558,22 @@ var DependencyEvaluator = class {
   }
 };
 
-// ../../lib/tailwind/src/layout-state.ts
-var LayoutState = class {
-  #mode;
-  #family;
-  constructor(mode) {
-    this.#mode = mode;
-    this.#family = mode === "none" ? "none" : LAYOUT_FAMILY_MAP[mode];
-    Object.freeze(this);
-  }
-  get mode() {
-    return this.#mode;
-  }
-  get family() {
-    return this.#family;
-  }
+// ../../lib/tailwind/src/dependency-rules.ts
+var defaultDependencyRules = {
+  flex: [/^flex-/, /^grow/, /^shrink/, /^basis-/],
+  grid: [
+    /^grid-/,
+    /^col-/,
+    /^row-/,
+    /^auto-cols-/,
+    /^auto-rows-/,
+    // justify-items/-self are no-ops on flex containers per the CSS box
+    // alignment spec (flex items ignore them), so treat as grid-only.
+    /^justify-items-/,
+    /^justify-self-/
+  ]
 };
 
-// ../../lib/tailwind/src/create-tailwind-pipeline.ts
-import { ConsoleReporter, Diagnostics, DefaultPolicy, Severity } from "../_shared/diagnostics.js";
-
 // ../../lib/tailwind/src/diagnostics.ts
 import { DiagnosticCategory, DiagnosticCode } from "../_shared/diagnostics.js";
 var TailwindDiagnostics = {
@@ -568,6 +600,23 @@ var TailwindDiagnostics = {
   }
 };
 
+// ../../lib/tailwind/src/layout-state.ts
+var LayoutState = class {
+  #mode;
+  #family;
+  constructor(mode) {
+    this.#mode = mode;
+    this.#family = mode === "none" ? "none" : LAYOUT_FAMILY_MAP[mode];
+    Object.freeze(this);
+  }
+  get mode() {
+    return this.#mode;
+  }
+  get family() {
+    return this.#family;
+  }
+};
+
 // ../../lib/tailwind/src/create-tailwind-pipeline.ts
 var DEV = process.env.NODE_ENV !== "production";
 var devDiagnostics = new Diagnostics(
@@ -648,23 +697,36 @@ function warnDeadVariants(diagnostics, options, compoundDims, props, recipe, sta
   });
 }
 function createTailwindPipeline(options, diagnostics) {
-  const pipeline = createClassPipeline(options);
+  const innerPipeline = createClassPipeline(options);
   const compoundDims = compoundDimensions(getCompoundVariants(options));
+  const resolveLayoutContext = (tag, props, className, recipe) => {
+    const mode = resolveLayout(devDiagnostics, props);
+    const resolvedClasses = innerPipeline(tag, props, className, recipe);
+    const tokens = classifyTokens(resolvedClasses);
+    const state = new LayoutState(mode);
+    const filtered = tokens.filter((token) => evaluator.evaluate(token, state));
+    return { mode, state, filtered, tokens, props, recipe };
+  };
+  const buildClassString = (ctx) => {
+    const built = builder.build(ctx.filtered);
+    if (ctx.mode === "none") return built;
+    return ctx.filtered.some((t) => t.kind === "layout" && t.value === ctx.mode) ? built : cn(ctx.mode, built);
+  };
+  const emitDiagnosticsFromContext = (ctx) => {
+    if (!DEV) return;
+    warnReservedLayoutLiterals(diagnostics, ctx.tokens);
+    warnDeadVariants(diagnostics, options, compoundDims, ctx.props, ctx.recipe, ctx.state);
+  };
+  const combined = (ctx) => {
+    const built = buildClassString(ctx);
+    emitDiagnosticsFromContext(ctx);
+    return built;
+  };
+  const mainPipeline = composePipelines(resolveLayoutContext, combined);
   return {
     ownedKeys: LAYOUT_OWNED_KEYS,
     pipeline(tag, props, className, recipe) {
-      const mode = resolveLayout(devDiagnostics, props);
-      const raw = pipeline(tag, props, className, recipe);
-      const tokens = classifyTokens(raw);
-      const state = new LayoutState(mode);
-      if (DEV) {
-        warnReservedLayoutLiterals(diagnostics, tokens);
-        warnDeadVariants(diagnostics, options, compoundDims, props, recipe, state);
-      }
-      const filtered = tokens.filter((token) => evaluator.evaluate(token, state));
-      const built = builder.build(filtered);
-      if (mode === "none") return built;
-      return filtered.some((t) => t.kind === "layout" && t.value === mode) ? built : cn(mode, built);
+      return mainPipeline(tag, props, className, recipe);
     }
   };
 }

package/dist/vite-plugin/index.js

@@ -171,6 +171,19 @@ var iterate = Object.freeze({
   values
 });
 
+// ../../lib/primitive/src/utils/lazy.ts
+function lazy(factory) {
+  let initialized = false;
+  let value;
+  return () => {
+    if (!initialized) {
+      value = factory();
+      initialized = true;
+    }
+    return value;
+  };
+}
+
 // ../../plugins/vite/src/ast.ts
 function getProperty(obj, key) {
   return iterate.find(obj.properties, (prop) => {
@@ -744,8 +757,7 @@ function analyzeJsxSites(source, constraints, severity) {
       count = ZERO;
     }
     if (!tagName) return;
-    let pos;
-    const getPos = () => pos ??= source.getLineAndCharacterOfPosition(node.getStart(source));
+    const getPos = lazy(() => source.getLineAndCharacterOfPosition(node.getStart(source)));
     if (count !== void 0) {
       const c = byName.get(tagName);
       if (c && (count.max < c.totalMin || c.exclusiveChildren && count.min > c.totalMax)) {

package/dist/vue/index.d.ts

@@ -31,6 +31,26 @@ type MinMax = {
 };
 type CardinalityInput = Partial<MinMax>;
 
+/**
+ * Resolved per-instance state available to a dynamic (`dynamic(...)`) child
+ * rule field — the same tag/props every adapter already computes before
+ * evaluating children, exposed so a rule can vary by them (e.g. cardinality
+ * that depends on the resolved `as` tag).
+ */
+type ChildRuleContext = {
+    readonly tag: unknown;
+    readonly props: Readonly<AnyRecord>;
+};
+
+declare const RULE_BRAND: unique symbol;
+
+type DynamicRule<T, C = unknown> = {
+    readonly [RULE_BRAND]: true;
+    resolve(context: C): T;
+};
+
+type Rule<T, C = unknown> = T | DynamicRule<T, C>;
+
 type ChildRuleMatch<T, U extends T = T> = (child: T) => child is U;
 
 type ChildRulePosition = 'first' | 'last' | 'any';
@@ -38,7 +58,13 @@ type ChildRulePosition = 'first' | 'last' | 'any';
 type ChildRuleInput<T = unknown, U extends T = T> = {
     name: string;
     match: ChildRuleMatch<T, U>;
-    cardinality?: CardinalityInput;
+    /**
+     * Either a static cardinality, or `dynamic((ctx) => ...)` to derive it from
+     * the resolved tag/props (e.g. a different max depending on `as`). `match`
+     * stays static-only — it's already a function, so a dynamic wrapper would
+     * be indistinguishable from the predicate itself without one.
+     */
+    cardinality?: Rule<CardinalityInput, ChildRuleContext>;
     position?: ChildRulePosition;
     /**
      * Optional component-type reference for O(1) dispatch index.

package/dist/vue/index.js

@@ -456,6 +456,19 @@ function makeResolveTag(defaultTag) {
   };
 }
 
+// ../../lib/primitive/src/rule/rule-brand.ts
+var RULE_BRAND = /* @__PURE__ */ Symbol("praxis-kit/dynamic-rule");
+
+// ../../lib/primitive/src/rule/is-dynamic-rule.ts
+function isDynamicRule(rule) {
+  return isObject(rule, true) && rule[RULE_BRAND] === true;
+}
+
+// ../../lib/primitive/src/rule/resolve-rule.ts
+function resolveRule(rule, context) {
+  return isDynamicRule(rule) ? rule.resolve(context) : rule;
+}
+
 // ../../lib/primitive/src/utils/assert-never.ts
 function assertNever(value) {
   throw new Error(`Unexpected value: ${String(value)}`);
@@ -637,6 +650,45 @@ var iterate = Object.freeze({
   values
 });
 
+// ../../lib/primitive/src/utils/lru-cache.ts
+var LRUCache = class {
+  #maxSize;
+  #store = /* @__PURE__ */ new Map();
+  constructor(maxSize) {
+    if (!Number.isInteger(maxSize) || maxSize < 1) {
+      throw new RangeError("LRUCache maxSize must be a positive integer.");
+    }
+    this.#maxSize = maxSize;
+  }
+  get(key) {
+    if (!this.#store.has(key)) return void 0;
+    const value = this.#store.get(key);
+    this.#store.delete(key);
+    this.#store.set(key, value);
+    return value;
+  }
+  set(key, value) {
+    this.#store.delete(key);
+    this.#store.set(key, value);
+    if (this.#store.size > this.#maxSize) {
+      const lru = this.#store.keys().next().value;
+      if (lru !== void 0) this.#store.delete(lru);
+    }
+  }
+  has(key) {
+    return this.#store.has(key);
+  }
+  delete(key) {
+    return this.#store.delete(key);
+  }
+  get size() {
+    return this.#store.size;
+  }
+  clear() {
+    this.#store.clear();
+  }
+};
+
 // ../../lib/primitive/src/utils/merge-props.ts
 function mergeProps(defaultProps, props) {
   return {
@@ -645,28 +697,6 @@ function mergeProps(defaultProps, props) {
   };
 }
 
-// ../../lib/contract/src/strict/invariant-base.ts
-var InvariantBase = class {
-  diagnostics;
-  constructor(diagnostics) {
-    this.diagnostics = diagnostics;
-  }
-  get active() {
-    return this.diagnostics.active;
-  }
-  violate(input) {
-    this.diagnostics.error(input);
-  }
-  // Always caps at warn — never throws. ARIA 'warning' violations route here
-  // so they surface even in strict='throw' mode without aborting a render.
-  warn(input) {
-    this.diagnostics.warn(input);
-  }
-  invariant(condition, input) {
-    if (!condition) this.violate(input);
-  }
-};
-
 // ../../lib/contract/src/diagnostics/aria.ts
 import { DiagnosticCategory, DiagnosticCode } from "../_shared/diagnostics.js";
 var AriaDiagnostics = {
@@ -1023,6 +1053,28 @@ var SlotDiagnostics = {
   }
 };
 
+// ../../lib/contract/src/strict/invariant-base.ts
+var InvariantBase = class {
+  diagnostics;
+  constructor(diagnostics) {
+    this.diagnostics = diagnostics;
+  }
+  get active() {
+    return this.diagnostics.active;
+  }
+  violate(input) {
+    this.diagnostics.error(input);
+  }
+  // Always caps at warn — never throws. ARIA 'warning' violations route here
+  // so they surface even in strict='throw' mode without aborting a render.
+  warn(input) {
+    this.diagnostics.warn(input);
+  }
+  invariant(condition, input) {
+    if (!condition) this.violate(input);
+  }
+};
+
 // ../../lib/contract/src/aria/polymorphic-validator.ts
 var VALID = [{ valid: true }];
 function isIntrinsicTag(tag) {
@@ -1034,8 +1086,7 @@ function omitProp(obj, key) {
 }
 var AriaPolicyEngine = class _AriaPolicyEngine extends InvariantBase {
   #extraRules;
-  #planCache = /* @__PURE__ */ new Map();
-  static #MAX_CACHE = 100;
+  #planCache = new LRUCache(100);
   // Memoized AriaFix objects keyed by attribute name — the ARIA attribute set is
   // finite so this Map is bounded and avoids recreating closures on every cache miss.
   static #removeAttributeFixCache = /* @__PURE__ */ new Map();
@@ -1191,8 +1242,6 @@ var AriaPolicyEngine = class _AriaPolicyEngine extends InvariantBase {
     if (!isNull(key)) {
       const cached = this.#planCache.get(key);
       if (cached !== void 0) {
-        this.#planCache.delete(key);
-        this.#planCache.set(key, cached);
         if (cached.violations.length > 0) this.report(cached.violations);
         return {
           props: _AriaPolicyEngine.#applyPlan(props, cached.removals, cached.updates),
@@ -1209,10 +1258,6 @@ var AriaPolicyEngine = class _AriaPolicyEngine extends InvariantBase {
       );
       const plan = { removals, updates, violations: result.violations };
       this.#planCache.set(key, plan);
-      if (this.#planCache.size > _AriaPolicyEngine.#MAX_CACHE) {
-        const lru = this.#planCache.keys().next().value;
-        if (lru !== void 0) this.#planCache.delete(lru);
-      }
     }
     return result;
   }
@@ -1868,10 +1913,22 @@ var RuleValidator = class _RuleValidator extends InvariantBase {
 
 // ../../lib/contract/src/children/children-evaluator.ts
 var isTextLike = (child) => isString(child) || isNumber(child);
+function checkPositionCardinalityInvariant(rules, context) {
+  iterate.forEach(rules, (rule) => {
+    const { name, position, cardinality } = rule;
+    if ((position === "first" || position === "last") && (cardinality.kind === "unbounded" || cardinality.max > 1)) {
+      throw new RangeError(
+        `ChildrenEvaluator [${context}]: rule "${name}" sets position="${position}" with an unbound or >1 max. position="first|last" implies max=1.`
+      );
+    }
+  });
+}
 var ChildrenEvaluator = class extends InvariantBase {
   #context;
-  #rules;
-  #ruleNames;
+  /** Rules with a static cardinality — normalized once, reused on every evaluate() call. */
+  #staticRules;
+  /** Rules whose cardinality is `dynamic(...)` — re-resolved against a ChildRuleContext per call. */
+  #dynamicRuleInputs;
   #matcher;
   #ruleValidator;
   #exclusiveChildren;
@@ -1879,29 +1936,39 @@ var ChildrenEvaluator = class extends InvariantBase {
   constructor(rules, diagnostics, context = "Component", options = {}) {
     super(diagnostics);
     this.#context = context;
-    this.#rules = rules.map((r) => normalizeChildRule(r));
-    this.#ruleNames = this.#rules.map((r) => r.name);
     this.#exclusiveChildren = options.exclusiveChildren ?? false;
     this.#allowText = options.allowText ?? true;
-    iterate.forEach(this.#rules, (rule) => {
-      const { name, position, cardinality } = rule;
-      if ((position === "first" || position === "last") && (cardinality.kind === "unbounded" || cardinality.max > 1)) {
-        throw new RangeError(
-          `ChildrenEvaluator [${context}]: rule "${name}" sets position="${position}" with an unbound or >1 max. position="first|last" implies max=1.`
-        );
-      }
+    const staticRuleInputs = [];
+    const dynamicRuleInputs = [];
+    iterate.forEach(rules, (rule) => {
+      if (isDynamicRule(rule.cardinality)) dynamicRuleInputs.push(rule);
+      else staticRuleInputs.push(rule);
     });
-    this.#matcher = new RuleMatcher(this.#rules);
+    this.#dynamicRuleInputs = dynamicRuleInputs;
+    this.#staticRules = staticRuleInputs.map(
+      (r) => normalizeChildRule(r)
+    );
     this.#ruleValidator = new RuleValidator(context, diagnostics);
+    if (this.#dynamicRuleInputs.length === 0) {
+      checkPositionCardinalityInvariant(this.#staticRules, context);
+      this.#matcher = new RuleMatcher(this.#staticRules);
+    } else {
+      this.#matcher = void 0;
+    }
   }
-  evaluate(children) {
+  /**
+   * @param context Required when any rule has a `dynamic(...)` cardinality —
+   *   supplies the resolved tag/props those rules are evaluated against.
+   */
+  evaluate(children, context) {
     if (!this.active) return;
+    const { rules, matcher } = this.#resolveRules(context);
     const {
       matrix,
       unexpectedIndices: rawUnexpectedIndices,
       ambiguousIndices
-    } = this.#matcher.match(children);
-    this.#ruleValidator.validate(this.#rules, matrix, children.length);
+    } = matcher.match(children);
+    this.#ruleValidator.validate(rules, matrix, children.length);
     const unexpectedIndices = new Set(
       [...rawUnexpectedIndices].filter(
         (ci) => isTextLike(children[ci]) ? this.#allowText === false : this.#exclusiveChildren
@@ -1915,11 +1982,28 @@ var ChildrenEvaluator = class extends InvariantBase {
         this.violate(ContractDiagnostics.unexpectedChild(typeName, ci, this.#context));
       } else {
         const matches = matrix.childToRules.forward.get(ci);
-        const names = [...matches].map((ri) => this.#ruleNames[ri] ?? `#${ri}`);
+        const names = [...matches].map((ri) => rules[ri]?.name ?? `#${ri}`);
         this.violate(ContractDiagnostics.ambiguousChild(typeName, ci, names, this.#context));
       }
     });
   }
+  #resolveRules(context) {
+    if (this.#dynamicRuleInputs.length === 0) {
+      return { rules: this.#staticRules, matcher: this.#matcher };
+    }
+    if (context === void 0) {
+      throw new RangeError(
+        `ChildrenEvaluator [${this.#context}]: rule(s) have a dynamic(...) cardinality \u2014 evaluate() requires a context argument to resolve them.`
+      );
+    }
+    const resolvedDynamicRules = this.#dynamicRuleInputs.map((r) => {
+      const cardinality = resolveRule(r.cardinality, context);
+      return normalizeChildRule({ ...r, cardinality });
+    });
+    checkPositionCardinalityInvariant(resolvedDynamicRules, this.#context);
+    const rules = [...this.#staticRules, ...resolvedDynamicRules];
+    return { rules, matcher: new RuleMatcher(rules) };
+  }
 };
 
 // ../../lib/contract/src/props/get-disabled-props.ts
@@ -2248,7 +2332,7 @@ function cva2(base, config) {
 // ../../lib/styling/src/static-class-resolver.ts
 var StaticClassResolver = class {
   #baseClass;
-  #cache = /* @__PURE__ */ new Map();
+  #cache = new LRUCache(200);
   #resolveTag;
   constructor(baseClass, tagMap) {
     this.#baseClass = Array.isArray(baseClass) ? baseClass.join(" ") : baseClass;
@@ -2262,17 +2346,9 @@ var StaticClassResolver = class {
   resolve(tag, skipTagMap = false) {
     if (typeof tag !== "string" || skipTagMap) return this.#baseClass;
     const cached = this.#cache.get(tag);
-    if (cached !== void 0) {
-      this.#cache.delete(tag);
-      this.#cache.set(tag, cached);
-      return cached;
-    }
+    if (cached !== void 0) return cached;
     const result = this.#resolveTag(tag);
     this.#cache.set(tag, result);
-    if (this.#cache.size > 200) {
-      const lru = this.#cache.keys().next().value;
-      if (lru !== void 0) this.#cache.delete(lru);
-    }
     return result;
   }
 };
@@ -2283,7 +2359,7 @@ var VariantClassResolver = class _VariantClassResolver {
   #recipeMap;
   #variantKeys;
   #precomputedClasses;
-  #cache = /* @__PURE__ */ new Map();
+  #cache = new LRUCache(1e3);
   constructor(cvaFn, recipeMap, variantKeys, precomputedClasses) {
     this.#cvaFn = cvaFn ?? null;
     this.#recipeMap = Object.freeze(recipeMap ?? {});
@@ -2298,17 +2374,9 @@ var VariantClassResolver = class _VariantClassResolver {
       if (precomputed !== void 0) return precomputed;
     }
     const cached = this.#cache.get(cacheKey);
-    if (cached !== void 0) {
-      this.#cache.delete(cacheKey);
-      this.#cache.set(cacheKey, cached);
-      return cached;
-    }
+    if (cached !== void 0) return cached;
     const result = this.#compute(props, recipe);
     this.#cache.set(cacheKey, result);
-    if (this.#cache.size > 1e3) {
-      const lru = this.#cache.keys().next().value;
-      if (lru !== void 0) this.#cache.delete(lru);
-    }
     return result;
   }
   #compute(props, recipe) {
@@ -2785,6 +2853,7 @@ function prepareRenderState(runtime, attrs, filterProps) {
       ...asChild !== void 0 && { asChild }
     },
     props: filteredProps,
+    normalizedProps,
     className
   };
 }
@@ -2831,7 +2900,7 @@ function render({
 }) {
   const { vnodes: children, discarded } = normalizeChildren(slots);
   if (process.env.NODE_ENV !== "production") {
-    childrenEvaluator?.evaluate(children);
+    childrenEvaluator?.evaluate(children, { tag: state.tag, props: state.normalizedProps });
     runtime.options.htmlChildrenEvaluatorFn?.(state.tag)?.evaluate(children);
   }
   const slotResult = tryRenderAsChild(state, children, discarded, slotValidator);