@csszyx/runtime 0.10.0 → 0.10.2

package/dist/index.mjs

@@ -783,6 +783,338 @@ const BOX_ROLE_PREFIXES = [
   ["w", { role: "outer", category: "sizing" }],
   ["z", { role: "outer", category: "position" }]
 ];
+const BOX_ROLE_BY_KEY = /* @__PURE__ */ new Map([
+  ["accent", { role: "inner", category: "accent" }],
+  ["align", { role: "inner", category: "text" }],
+  ["animate", { role: "outer", category: "transition" }],
+  ["animationDelay", { role: "outer", category: "transition" }],
+  ["appearance", { role: "inner", category: "interaction" }],
+  ["aspect", { role: "outer", category: "sizing" }],
+  ["autoCols", { role: "inner", category: "grid" }],
+  ["autoRows", { role: "inner", category: "grid" }],
+  ["backdropBlur", { role: "outer", category: "backdrop" }],
+  ["backdropBrightness", { role: "outer", category: "backdrop" }],
+  ["backdropContrast", { role: "outer", category: "backdrop" }],
+  ["backdropFilter", { role: "outer", category: "backdrop" }],
+  ["backdropGrayscale", { role: "outer", category: "backdrop" }],
+  ["backdropHueRotate", { role: "outer", category: "backdrop" }],
+  ["backdropInvert", { role: "outer", category: "backdrop" }],
+  ["backdropOpacity", { role: "outer", category: "backdrop" }],
+  ["backdropSaturate", { role: "outer", category: "backdrop" }],
+  ["backdropSepia", { role: "outer", category: "backdrop" }],
+  ["backface", { role: "outer", category: "transform" }],
+  ["basis", { role: "inner", category: "flex" }],
+  ["bg", { role: "outer", category: "bg" }],
+  ["bgAttach", { role: "outer", category: "bg" }],
+  ["bgBlend", { role: "outer", category: "bg" }],
+  ["bgClip", { role: "outer", category: "bg" }],
+  ["bgImg", { role: "outer", category: "bg" }],
+  ["bgOrigin", { role: "outer", category: "bg" }],
+  ["bgPos", { role: "outer", category: "bg" }],
+  ["bgRepeat", { role: "outer", category: "bg" }],
+  ["bgSize", { role: "outer", category: "bg" }],
+  ["blockSize", { role: "outer", category: "sizing" }],
+  ["blur", { role: "outer", category: "filter" }],
+  ["border", { role: "outer", category: "border" }],
+  ["borderB", { role: "outer", category: "border" }],
+  ["borderBColor", { role: "outer", category: "border" }],
+  ["borderBe", { role: "outer", category: "border" }],
+  ["borderBs", { role: "outer", category: "border" }],
+  ["borderCollapse", { role: "outer", category: "border" }],
+  ["borderColor", { role: "outer", category: "border" }],
+  ["borderE", { role: "outer", category: "border" }],
+  ["borderL", { role: "outer", category: "border" }],
+  ["borderLColor", { role: "outer", category: "border" }],
+  ["borderR", { role: "outer", category: "border" }],
+  ["borderRColor", { role: "outer", category: "border" }],
+  ["borderS", { role: "outer", category: "border" }],
+  ["borderSpacing", { role: "outer", category: "border" }],
+  ["borderSpacingX", { role: "outer", category: "border" }],
+  ["borderSpacingY", { role: "outer", category: "border" }],
+  ["borderStyle", { role: "outer", category: "border" }],
+  ["borderT", { role: "outer", category: "border" }],
+  ["borderTColor", { role: "outer", category: "border" }],
+  ["borderX", { role: "outer", category: "border" }],
+  ["borderXColor", { role: "outer", category: "border" }],
+  ["borderY", { role: "outer", category: "border" }],
+  ["borderYColor", { role: "outer", category: "border" }],
+  ["bottom", { role: "outer", category: "position" }],
+  ["box", { role: "outer", category: "sizing" }],
+  ["boxDecoration", { role: "outer", category: "fragmentation" }],
+  ["break", { role: "inner", category: "text" }],
+  ["breakAfter", { role: "outer", category: "fragmentation" }],
+  ["breakBefore", { role: "outer", category: "fragmentation" }],
+  ["breakInside", { role: "outer", category: "fragmentation" }],
+  ["brightness", { role: "outer", category: "filter" }],
+  ["caption", { role: "inner", category: "table" }],
+  ["caret", { role: "inner", category: "accent" }],
+  ["clear", { role: "outer", category: "position" }],
+  ["col", { role: "inner", category: "grid" }],
+  ["colEnd", { role: "inner", category: "grid" }],
+  ["color", { role: "inner", category: "text" }],
+  ["colSpan", { role: "inner", category: "grid" }],
+  ["colStart", { role: "inner", category: "grid" }],
+  ["columns", { role: "inner", category: "columns" }],
+  ["container", { role: "outer", category: "sizing" }],
+  ["content", { role: "inner", category: "text" }],
+  ["contrast", { role: "outer", category: "filter" }],
+  ["cursor", { role: "inner", category: "interaction" }],
+  ["decoration", { role: "inner", category: "text" }],
+  ["decorationColor", { role: "inner", category: "text" }],
+  ["decorationStyle", { role: "inner", category: "text" }],
+  ["decorationThickness", { role: "inner", category: "text" }],
+  ["delay", { role: "outer", category: "transition" }],
+  ["diagonalFractions", { role: "inner", category: "text" }],
+  ["display", { role: "inner", category: "display" }],
+  ["divideColor", { role: "outer", category: "divide" }],
+  ["divideStyle", { role: "outer", category: "divide" }],
+  ["divideX", { role: "outer", category: "divide" }],
+  ["divideXReverse", { role: "outer", category: "divide" }],
+  ["divideY", { role: "outer", category: "divide" }],
+  ["divideYReverse", { role: "outer", category: "divide" }],
+  ["dropShadow", { role: "outer", category: "filter" }],
+  ["dropShadowColor", { role: "outer", category: "filter" }],
+  ["duration", { role: "outer", category: "transition" }],
+  ["ease", { role: "outer", category: "transition" }],
+  ["end", { role: "outer", category: "position" }],
+  ["fieldSizing", { role: "inner", category: "interaction" }],
+  ["fill", { role: "inner", category: "svg" }],
+  ["filter", { role: "outer", category: "filter" }],
+  ["flex", { role: "inner", category: "flex" }],
+  ["flexDir", { role: "inner", category: "flex" }],
+  ["flexWrap", { role: "inner", category: "flex" }],
+  ["float", { role: "outer", category: "position" }],
+  ["fontFamily", { role: "inner", category: "text" }],
+  ["fontFeatures", { role: "inner", category: "text" }],
+  ["fontSmoothing", { role: "inner", category: "text" }],
+  ["fontStretch", { role: "inner", category: "text" }],
+  ["fontStyle", { role: "inner", category: "text" }],
+  ["forcedColorAdjust", { role: "outer", category: "color-scheme" }],
+  ["from", { role: "outer", category: "gradient" }],
+  ["gap", { role: "inner", category: "gap" }],
+  ["gapX", { role: "inner", category: "gap" }],
+  ["gapY", { role: "inner", category: "gap" }],
+  ["grayscale", { role: "outer", category: "filter" }],
+  ["gridCols", { role: "inner", category: "grid" }],
+  ["gridFlow", { role: "inner", category: "grid" }],
+  ["gridRows", { role: "inner", category: "grid" }],
+  ["grow", { role: "inner", category: "flex" }],
+  ["h", { role: "outer", category: "sizing" }],
+  ["hueRotate", { role: "outer", category: "filter" }],
+  ["hyphens", { role: "inner", category: "text" }],
+  ["indent", { role: "inner", category: "text" }],
+  ["inlineSize", { role: "outer", category: "sizing" }],
+  ["inset", { role: "outer", category: "position" }],
+  ["insetBe", { role: "outer", category: "position" }],
+  ["insetBs", { role: "outer", category: "position" }],
+  ["insetE", { role: "outer", category: "position" }],
+  ["insetRing", { role: "inner", category: "ring" }],
+  ["insetRingColor", { role: "inner", category: "ring" }],
+  ["insetS", { role: "outer", category: "position" }],
+  ["insetShadow", { role: "inner", category: "shadow" }],
+  ["insetShadowColor", { role: "inner", category: "shadow" }],
+  ["insetX", { role: "outer", category: "position" }],
+  ["insetY", { role: "outer", category: "position" }],
+  ["invert", { role: "outer", category: "filter" }],
+  ["isolation", { role: "outer", category: "position" }],
+  ["items", { role: "inner", category: "alignment" }],
+  ["justify", { role: "inner", category: "alignment" }],
+  ["justifyItems", { role: "inner", category: "alignment" }],
+  ["justifySelf", { role: "inner", category: "alignment" }],
+  ["leading", { role: "inner", category: "text" }],
+  ["left", { role: "outer", category: "position" }],
+  ["lineClamp", { role: "inner", category: "text" }],
+  ["liningNums", { role: "inner", category: "text" }],
+  ["list", { role: "inner", category: "list" }],
+  ["listImg", { role: "inner", category: "list" }],
+  ["listPos", { role: "inner", category: "list" }],
+  ["m", { role: "outer", category: "margin" }],
+  ["mask", { role: "outer", category: "mask" }],
+  ["maskClip", { role: "outer", category: "mask" }],
+  ["maskFrom", { role: "outer", category: "mask" }],
+  ["maskOrigin", { role: "outer", category: "mask" }],
+  ["maskPos", { role: "outer", category: "mask" }],
+  ["maskRepeat", { role: "outer", category: "mask" }],
+  ["maskShape", { role: "outer", category: "mask" }],
+  ["maskSize", { role: "outer", category: "mask" }],
+  ["maskTo", { role: "outer", category: "mask" }],
+  ["maskVia", { role: "outer", category: "mask" }],
+  ["maxBlockSize", { role: "outer", category: "sizing" }],
+  ["maxH", { role: "outer", category: "sizing" }],
+  ["maxInlineSize", { role: "outer", category: "sizing" }],
+  ["maxW", { role: "outer", category: "sizing" }],
+  ["mb", { role: "outer", category: "margin" }],
+  ["mbe", { role: "outer", category: "margin" }],
+  ["mbs", { role: "outer", category: "margin" }],
+  ["me", { role: "outer", category: "margin" }],
+  ["minBlockSize", { role: "outer", category: "sizing" }],
+  ["minH", { role: "outer", category: "sizing" }],
+  ["minInlineSize", { role: "outer", category: "sizing" }],
+  ["minW", { role: "outer", category: "sizing" }],
+  ["mixBlend", { role: "outer", category: "blend" }],
+  ["ml", { role: "outer", category: "margin" }],
+  ["mr", { role: "outer", category: "margin" }],
+  ["ms", { role: "outer", category: "margin" }],
+  ["mt", { role: "outer", category: "margin" }],
+  ["mx", { role: "outer", category: "margin" }],
+  ["my", { role: "outer", category: "margin" }],
+  ["notSrOnly", { role: "outer", category: "visibility" }],
+  ["objectFit", { role: "inner", category: "object" }],
+  ["objectPos", { role: "inner", category: "object" }],
+  ["oldstyleNums", { role: "inner", category: "text" }],
+  ["opacity", { role: "outer", category: "opacity" }],
+  ["order", { role: "inner", category: "flex" }],
+  ["ordinal", { role: "inner", category: "text" }],
+  ["origin", { role: "outer", category: "transform" }],
+  ["outline", { role: "outer", category: "outline" }],
+  ["outlineColor", { role: "outer", category: "outline" }],
+  ["outlineOffset", { role: "outer", category: "outline" }],
+  ["outlineStyle", { role: "outer", category: "outline" }],
+  ["overflow", { role: "inner", category: "overflow" }],
+  ["overflowX", { role: "inner", category: "overflow" }],
+  ["overflowY", { role: "inner", category: "overflow" }],
+  ["overscroll", { role: "inner", category: "overscroll" }],
+  ["overscrollX", { role: "inner", category: "overscroll" }],
+  ["overscrollY", { role: "inner", category: "overscroll" }],
+  ["p", { role: "inner", category: "padding" }],
+  ["pb", { role: "inner", category: "padding" }],
+  ["pbe", { role: "inner", category: "padding" }],
+  ["pbs", { role: "inner", category: "padding" }],
+  ["pe", { role: "inner", category: "padding" }],
+  ["perspective", { role: "outer", category: "transform" }],
+  ["perspectiveOrigin", { role: "outer", category: "transform" }],
+  ["pl", { role: "inner", category: "padding" }],
+  ["placeContent", { role: "inner", category: "alignment" }],
+  ["placeItems", { role: "inner", category: "alignment" }],
+  ["placeSelf", { role: "inner", category: "alignment" }],
+  ["pointerEvents", { role: "inner", category: "interaction" }],
+  ["position", { role: "outer", category: "position" }],
+  ["pr", { role: "inner", category: "padding" }],
+  ["proportionalNums", { role: "inner", category: "text" }],
+  ["prose", { role: "inner", category: "text" }],
+  ["proseInvert", { role: "inner", category: "text" }],
+  ["ps", { role: "inner", category: "padding" }],
+  ["pt", { role: "inner", category: "padding" }],
+  ["px", { role: "inner", category: "padding" }],
+  ["py", { role: "inner", category: "padding" }],
+  ["resize", { role: "inner", category: "interaction" }],
+  ["right", { role: "outer", category: "position" }],
+  ["ring", { role: "outer", category: "ring" }],
+  ["ringColor", { role: "outer", category: "ring" }],
+  ["ringOffset", { role: "outer", category: "ring" }],
+  ["ringOffsetColor", { role: "outer", category: "ring" }],
+  ["rotate", { role: "outer", category: "transform" }],
+  ["rotateX", { role: "outer", category: "transform" }],
+  ["rotateY", { role: "outer", category: "transform" }],
+  ["rotateZ", { role: "outer", category: "transform" }],
+  ["rounded", { role: "outer", category: "rounded" }],
+  ["roundedB", { role: "outer", category: "rounded" }],
+  ["roundedBl", { role: "outer", category: "rounded" }],
+  ["roundedBr", { role: "outer", category: "rounded" }],
+  ["roundedE", { role: "outer", category: "rounded" }],
+  ["roundedEe", { role: "outer", category: "rounded" }],
+  ["roundedEs", { role: "outer", category: "rounded" }],
+  ["roundedL", { role: "outer", category: "rounded" }],
+  ["roundedR", { role: "outer", category: "rounded" }],
+  ["roundedS", { role: "outer", category: "rounded" }],
+  ["roundedSe", { role: "outer", category: "rounded" }],
+  ["roundedSs", { role: "outer", category: "rounded" }],
+  ["roundedT", { role: "outer", category: "rounded" }],
+  ["roundedTl", { role: "outer", category: "rounded" }],
+  ["roundedTr", { role: "outer", category: "rounded" }],
+  ["row", { role: "inner", category: "grid" }],
+  ["rowEnd", { role: "inner", category: "grid" }],
+  ["rowSpan", { role: "inner", category: "grid" }],
+  ["rowStart", { role: "inner", category: "grid" }],
+  ["saturate", { role: "outer", category: "filter" }],
+  ["scale", { role: "outer", category: "transform" }],
+  ["scaleX", { role: "outer", category: "transform" }],
+  ["scaleY", { role: "outer", category: "transform" }],
+  ["scaleZ", { role: "outer", category: "transform" }],
+  ["scheme", { role: "outer", category: "color-scheme" }],
+  ["scroll", { role: "inner", category: "scroll" }],
+  ["scrollbar", { role: "inner", category: "scroll" }],
+  ["scrollbarGutter", { role: "inner", category: "scroll" }],
+  ["scrollbarThumb", { role: "inner", category: "scroll" }],
+  ["scrollbarTrack", { role: "inner", category: "scroll" }],
+  ["scrollM", { role: "inner", category: "scroll" }],
+  ["scrollMb", { role: "inner", category: "scroll" }],
+  ["scrollMbe", { role: "inner", category: "scroll" }],
+  ["scrollMbs", { role: "inner", category: "scroll" }],
+  ["scrollMe", { role: "inner", category: "scroll" }],
+  ["scrollMl", { role: "inner", category: "scroll" }],
+  ["scrollMr", { role: "inner", category: "scroll" }],
+  ["scrollMs", { role: "inner", category: "scroll" }],
+  ["scrollMt", { role: "inner", category: "scroll" }],
+  ["scrollMx", { role: "inner", category: "scroll" }],
+  ["scrollMy", { role: "inner", category: "scroll" }],
+  ["scrollP", { role: "inner", category: "scroll" }],
+  ["scrollPb", { role: "inner", category: "scroll" }],
+  ["scrollPbe", { role: "inner", category: "scroll" }],
+  ["scrollPbs", { role: "inner", category: "scroll" }],
+  ["scrollPe", { role: "inner", category: "scroll" }],
+  ["scrollPl", { role: "inner", category: "scroll" }],
+  ["scrollPr", { role: "inner", category: "scroll" }],
+  ["scrollPs", { role: "inner", category: "scroll" }],
+  ["scrollPt", { role: "inner", category: "scroll" }],
+  ["scrollPx", { role: "inner", category: "scroll" }],
+  ["scrollPy", { role: "inner", category: "scroll" }],
+  ["select", { role: "inner", category: "interaction" }],
+  ["self", { role: "inner", category: "alignment" }],
+  ["sepia", { role: "outer", category: "filter" }],
+  ["shadow", { role: "outer", category: "shadow" }],
+  ["shadowColor", { role: "outer", category: "shadow" }],
+  ["shrink", { role: "inner", category: "flex" }],
+  ["size", { role: "outer", category: "sizing" }],
+  ["skewX", { role: "outer", category: "transform" }],
+  ["skewY", { role: "outer", category: "transform" }],
+  ["slashedZero", { role: "inner", category: "text" }],
+  ["snapAlign", { role: "inner", category: "snap" }],
+  ["snapStop", { role: "inner", category: "snap" }],
+  ["snapType", { role: "inner", category: "snap" }],
+  ["spaceX", { role: "inner", category: "space" }],
+  ["spaceXReverse", { role: "inner", category: "space" }],
+  ["spaceY", { role: "inner", category: "space" }],
+  ["spaceYReverse", { role: "inner", category: "space" }],
+  ["srOnly", { role: "outer", category: "visibility" }],
+  ["stackedFractions", { role: "inner", category: "text" }],
+  ["start", { role: "outer", category: "position" }],
+  ["stroke", { role: "inner", category: "svg" }],
+  ["strokeWidth", { role: "inner", category: "svg" }],
+  ["tableLayout", { role: "inner", category: "table" }],
+  ["tabSize", { role: "inner", category: "text" }],
+  ["tabularNums", { role: "inner", category: "text" }],
+  ["text", { role: "inner", category: "text" }],
+  ["textAlign", { role: "inner", category: "text" }],
+  ["textOverflow", { role: "inner", category: "text" }],
+  ["textShadow", { role: "inner", category: "text" }],
+  ["textShadowColor", { role: "inner", category: "text" }],
+  ["textTransform", { role: "inner", category: "text" }],
+  ["textWrap", { role: "inner", category: "text" }],
+  ["to", { role: "outer", category: "gradient" }],
+  ["top", { role: "outer", category: "position" }],
+  ["touch", { role: "inner", category: "touch" }],
+  ["tracking", { role: "inner", category: "text" }],
+  ["transform", { role: "outer", category: "transform" }],
+  ["transformStyle", { role: "outer", category: "transform" }],
+  ["transition", { role: "outer", category: "transition" }],
+  ["transitionBehavior", { role: "outer", category: "transition" }],
+  ["translate", { role: "outer", category: "transform" }],
+  ["translateX", { role: "outer", category: "transform" }],
+  ["translateY", { role: "outer", category: "transform" }],
+  ["translateZ", { role: "outer", category: "transform" }],
+  ["truncate", { role: "inner", category: "text" }],
+  ["underlineOffset", { role: "inner", category: "text" }],
+  ["via", { role: "outer", category: "gradient" }],
+  ["visibility", { role: "outer", category: "visibility" }],
+  ["w", { role: "outer", category: "sizing" }],
+  ["weight", { role: "inner", category: "text" }],
+  ["whitespace", { role: "inner", category: "text" }],
+  ["willChange", { role: "inner", category: "interaction" }],
+  ["wrap", { role: "inner", category: "text" }],
+  ["z", { role: "outer", category: "position" }],
+  ["zoom", { role: "outer", category: "transform" }]
+]);
 
 function stripVariant(token) {
   let depth = 0;
@@ -864,12 +1196,126 @@ function pick(classes, selector) {
 function omit(classes, selector) {
   return tokenize(classes).filter((t) => !matches(inspect(t), selector)).join(" ");
 }
+function classifySzKey(key) {
+  return BOX_ROLE_BY_KEY.get(key);
+}
+function isPlainObject$1(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function matchesKey(key, entry, selector) {
+  if (typeof selector === "object") {
+    return !!entry && Object.keys(selector).every((category) => entry.category === category);
+  }
+  if (selector === "outer" || selector === "inner") return entry?.role === selector;
+  if (selector === "content") return entry?.role === "inner";
+  if (key === selector) return true;
+  return !!entry && selector === entry.category;
+}
+function anyMatchKey(key, entry, selectors) {
+  return selectors.some((s) => matchesKey(key, entry, s));
+}
+function mergeSzInto(target, source, depth) {
+  if (depth >= MAX_SZ_DEPTH) throw new SzDepthError();
+  for (const key of Object.keys(source)) {
+    if (isForbiddenSzKey(key)) continue;
+    const sv = source[key];
+    const tv = target[key];
+    target[key] = isPlainObject$1(sv) && isPlainObject$1(tv) ? mergeSzInto({ ...tv }, sv, depth + 1) : sv;
+  }
+  return target;
+}
+function flattenSz(sz, depth) {
+  if (depth >= MAX_SZ_DEPTH) throw new SzDepthError();
+  if (!sz) return {};
+  if (typeof sz === "string") {
+    if (process.env.NODE_ENV !== "production" && sz.trim()) {
+      throw new TypeError(
+        `splitBoxSz partitions sz objects, not raw class strings \u2014 use splitBox() for ${JSON.stringify(sz)}.`
+      );
+    }
+    return {};
+  }
+  if (Array.isArray(sz)) {
+    const acc = {};
+    for (const part of sz) mergeSzInto(acc, flattenSz(part, depth + 1), depth + 1);
+    return acc;
+  }
+  return sz;
+}
+function partitionSz(obj, options, outer, inner, depth) {
+  if (depth >= MAX_SZ_DEPTH) throw new SzDepthError();
+  const forceInner = options.inner ?? [];
+  const forceOuter = options.outer ?? [];
+  const fallback = options.fallback ?? "outer";
+  for (const key of Object.keys(obj)) {
+    if (isForbiddenSzKey(key)) continue;
+    const value = obj[key];
+    const entry = BOX_ROLE_BY_KEY.get(key);
+    if (anyMatchKey(key, entry, forceInner)) {
+      inner[key] = value;
+    } else if (anyMatchKey(key, entry, forceOuter)) {
+      outer[key] = value;
+    } else if (entry) {
+      (entry.role === "inner" ? inner : outer)[key] = value;
+    } else if (isPlainObject$1(value)) {
+      const subOuter = {};
+      const subInner = {};
+      partitionSz(value, options, subOuter, subInner, depth + 1);
+      if (Object.keys(subOuter).length > 0) outer[key] = subOuter;
+      if (Object.keys(subInner).length > 0) inner[key] = subInner;
+    } else {
+      (fallback === "inner" ? inner : outer)[key] = value;
+    }
+  }
+}
+function splitBoxSz(sz, options = {}) {
+  const outer = {};
+  const inner = {};
+  partitionSz(flattenSz(sz, 0), options, outer, inner, 0);
+  return { outer, inner };
+}
+function filterSz(obj, selector, keep, depth) {
+  if (depth >= MAX_SZ_DEPTH) throw new SzDepthError();
+  const result = {};
+  for (const key of Object.keys(obj)) {
+    if (isForbiddenSzKey(key)) continue;
+    const value = obj[key];
+    const entry = BOX_ROLE_BY_KEY.get(key);
+    if (entry || !isPlainObject$1(value)) {
+      if (matchesKey(key, entry, selector) === keep) result[key] = value;
+    } else {
+      const sub = filterSz(value, selector, keep, depth + 1);
+      if (Object.keys(sub).length > 0) result[key] = sub;
+    }
+  }
+  return result;
+}
+function hasSz(sz, selector) {
+  const scan = (obj, depth) => {
+    if (depth >= MAX_SZ_DEPTH) throw new SzDepthError();
+    for (const key of Object.keys(obj)) {
+      if (isForbiddenSzKey(key)) continue;
+      const value = obj[key];
+      const entry = BOX_ROLE_BY_KEY.get(key);
+      if (matchesKey(key, entry, selector)) return true;
+      if (!entry && isPlainObject$1(value) && scan(value, depth + 1)) return true;
+    }
+    return false;
+  };
+  return scan(flattenSz(sz, 0), 0);
+}
+function pickSz(sz, selector) {
+  return filterSz(flattenSz(sz, 0), selector, true, 0);
+}
+function omitSz(sz, selector) {
+  return filterSz(flattenSz(sz, 0), selector, false, 0);
+}
 
-const warned = /* @__PURE__ */ new Set();
+const warned$1 = /* @__PURE__ */ new Set();
 const RAW_SZ_WARNING = '[csszyx] A raw `sz` object reached the runtime and was dropped before it could leak to the DOM as sz="[object Object]".\nThis means the file was not compiled \u2014 its `sz` produces no CSS. If it lives in a workspace package, add that package to `compilePackages`; otherwise check that the bundler is not skipping the file.';
 function warnRawSz() {
-  if (warned.has(RAW_SZ_WARNING)) return;
-  warned.add(RAW_SZ_WARNING);
+  if (warned$1.has(RAW_SZ_WARNING)) return;
+  warned$1.add(RAW_SZ_WARNING);
   console.warn(RAW_SZ_WARNING);
 }
 function stripSzProps(props) {
@@ -885,6 +1331,18 @@ function stripSzProps(props) {
   return rest;
 }
 
+const warned = /* @__PURE__ */ new Set();
+function devWarn(message) {
+  if (process.env.NODE_ENV === "production") {
+    return;
+  }
+  if (warned.has(message)) {
+    return;
+  }
+  warned.add(message);
+  console.warn(`[csszyx] ${message}`);
+}
+
 function deepMerge(target, source, depth = 0) {
   if (depth >= MAX_SZ_DEPTH) {
     throw new SzDepthError();
@@ -904,8 +1362,97 @@ function deepMerge(target, source, depth = 0) {
   }
   return result;
 }
+function isPlainObject(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function validateSzvConfig(config) {
+  if (process.env.NODE_ENV === "production") {
+    return true;
+  }
+  if (!isPlainObject(config)) {
+    devWarn(`szv(config): config must be an object, got ${describe(config)}. Ignoring.`);
+    return false;
+  }
+  if (config.base !== void 0 && !isPlainObject(config.base)) {
+    devWarn(`szv(config): base must be an sz object, got ${describe(config.base)}.`);
+  }
+  if (!isPlainObject(config.variants)) {
+    devWarn(
+      `szv(config): variants is required and must be an object, got ${describe(config.variants)}. Ignoring.`
+    );
+    return false;
+  }
+  for (const dim of Object.keys(config.variants)) {
+    const values = config.variants[dim];
+    if (!isPlainObject(values)) {
+      devWarn(
+        `szv(config): variants.${dim} must be an object of values, got ${describe(values)}.`
+      );
+      continue;
+    }
+    for (const token of Object.keys(values)) {
+      const v = values[token];
+      if (v !== null && v !== void 0 && !isPlainObject(v)) {
+        devWarn(
+          `szv(config): variants.${dim}.${token} must be an sz object, got ${describe(v)}. It will be skipped.`
+        );
+      } else if (isPlainObject(v)) {
+        assertBoundedDepth(v, `variants.${dim}.${token}`);
+      }
+    }
+  }
+  if (config.defaultVariants !== void 0 && !isPlainObject(config.defaultVariants)) {
+    devWarn(
+      `szv(config): defaultVariants must be an object, got ${describe(config.defaultVariants)}.`
+    );
+  }
+  return true;
+}
+function assertBoundedDepth(obj, where, depth = 0) {
+  if (depth >= MAX_SZ_DEPTH) {
+    devWarn(
+      `szv(config): ${where} nests deeper than ${MAX_SZ_DEPTH} levels; it will be rejected at render.`
+    );
+    return;
+  }
+  for (const key of Object.keys(obj)) {
+    if (isForbiddenSzKey(key)) {
+      devWarn(`szv(config): ${where} has a forbidden key "${key}"; it will be skipped.`);
+      continue;
+    }
+    const v = obj[key];
+    if (isPlainObject(v)) {
+      assertBoundedDepth(v, `${where}.${key}`, depth + 1);
+    }
+  }
+}
+function describe(value) {
+  if (value === null) return "null";
+  if (Array.isArray(value)) return "an array";
+  return typeof value;
+}
 function szv(config) {
+  const configValid = validateSzvConfig(config);
   return function szVariantFn(selection) {
+    if (!configValid) {
+      return isPlainObject(config?.base) ? { ...config.base } : {};
+    }
+    if (process.env.NODE_ENV !== "production" && selection) {
+      for (const key of Object.keys(selection)) {
+        if (!(key in config.variants)) {
+          devWarn(
+            `szv()(selection): unknown variant "${key}" \u2014 not declared in config.variants.`
+          );
+          continue;
+        }
+        const val = selection[key];
+        if (val !== null && val !== void 0 && !(String(val) in config.variants[key])) {
+          devWarn(
+            `szv()(selection): "${String(val)}" is not a value of variant "${key}" \u2014 it has no styles.`
+          );
+        }
+      }
+    }
     let result = config.base ? { ...config.base } : {};
     const resolved = { ...config.defaultVariants };
     if (selection) {
@@ -919,13 +1466,13 @@ function szv(config) {
         }
       }
     }
-    for (const variantKey of Object.keys(config.variants)) {
+    for (const variantKey of Object.keys(config.variants ?? {})) {
       const selectedValue = resolved[variantKey];
       if (selectedValue === null || selectedValue === void 0) {
         continue;
       }
       const variantObj = config.variants[variantKey][selectedValue];
-      if (variantObj) {
+      if (isPlainObject(variantObj)) {
         result = deepMerge(result, variantObj);
       }
     }
@@ -974,4 +1521,4 @@ function resetRuntime() {
   runtimeState.initialized = false;
 }
 
-export { DEFAULT_RUNTIME_CONFIG, VERSION, _sz, _sz2, _sz3, _szMerge, abortHydration, attemptCSRRecovery, classify, clearHydrationErrors, computeMangleChecksumAsync, disableCSRRecovery, enableCSRRecovery, endHydration, getAbortedSubtreeCount, getHydrationErrors, getRecoveryMode, getRuntimeConfig, getSSRContext, guardHydration, has, hasRecoveryToken, initRuntime, isCSRRecoveryAllowed, isHydrating, isHydrationAborted, isRuntimeInitialized, isSSREnvironment, isValidMangleMap, isValidManifest, loadMangleMapFromDOM, loadManifestFromDOM, omit, pick, resetRuntime, splitBox, startHydration, stripSzProps, szv, validateHydrationClass, verifyAllTokens, verifyMangleChecksum, verifyMangleChecksumAsync, verifyMangleMapIntegrity, verifyRecoveryToken };
+export { DEFAULT_RUNTIME_CONFIG, VERSION, _sz, _sz2, _sz3, _szMerge, abortHydration, attemptCSRRecovery, classify, classifySzKey, clearHydrationErrors, computeMangleChecksumAsync, disableCSRRecovery, enableCSRRecovery, endHydration, getAbortedSubtreeCount, getHydrationErrors, getRecoveryMode, getRuntimeConfig, getSSRContext, guardHydration, has, hasRecoveryToken, hasSz, initRuntime, isCSRRecoveryAllowed, isHydrating, isHydrationAborted, isRuntimeInitialized, isSSREnvironment, isValidMangleMap, isValidManifest, loadMangleMapFromDOM, loadManifestFromDOM, omit, omitSz, pick, pickSz, resetRuntime, splitBox, splitBoxSz, startHydration, stripSzProps, szv, validateHydrationClass, verifyAllTokens, verifyMangleChecksum, verifyMangleChecksumAsync, verifyMangleMapIntegrity, verifyRecoveryToken };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@csszyx/runtime",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "description": "Runtime helpers and hydration guards for csszyx",
   "keywords": [
     "csszyx",
@@ -49,8 +49,8 @@
     "dist"
   ],
   "dependencies": {
-    "@csszyx/compiler": "0.10.0",
-    "@csszyx/core": "0.10.0"
+    "@csszyx/compiler": "0.10.2",
+    "@csszyx/core": "0.10.2"
   },
   "devDependencies": {
     "@types/node": "^20.11.0",