@csszyx/runtime 0.9.9 → 0.10.0

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { transform as transform$1 } from '@csszyx/compiler/browser';
+import { MAX_SZ_DEPTH, SzDepthError, transform as transform$1, isForbiddenSzKey } from '@csszyx/compiler/browser';
 export { __szColorVar } from '@csszyx/compiler/color-var';
 
 function verifyRecoveryToken(element, manifest) {
@@ -92,6 +92,25 @@ function disableCSRRecovery() {
 function isCSRRecoveryAllowed() {
   return state.recoveryAllowed;
 }
+const MAX_MANGLE_MAP_ENTRIES = 1e5;
+function isValidMangleMap(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) {
+    return false;
+  }
+  const entries = Object.entries(value);
+  if (entries.length > MAX_MANGLE_MAP_ENTRIES) {
+    return false;
+  }
+  for (const [key, val] of entries) {
+    if (key === "__proto__" || key === "constructor" || key === "prototype") {
+      return false;
+    }
+    if (typeof key !== "string" || typeof val !== "string") {
+      return false;
+    }
+  }
+  return true;
+}
 function loadMangleMapFromDOM() {
   if (typeof document === "undefined") {
     return null;
@@ -102,7 +121,14 @@ function loadMangleMapFromDOM() {
   }
   try {
     const content = scriptElement.textContent || "";
-    return JSON.parse(content);
+    const parsed = JSON.parse(content);
+    if (!isValidMangleMap(parsed)) {
+      console.error(
+        "[csszyx] Mangle map failed schema validation (not a plain string\u2192string map); ignoring it."
+      );
+      return null;
+    }
+    return parsed;
   } catch (error) {
     console.error("Failed to parse mangle map:", error);
     return null;
@@ -116,6 +142,24 @@ function verifyMangleChecksum(expectedChecksum) {
   const actualChecksum = htmlElement.getAttribute("data-sz-checksum");
   return actualChecksum === expectedChecksum;
 }
+async function computeMangleChecksumAsync(map) {
+  const canonical = Object.keys(map).sort().map((key) => `${key}:${map[key]}`).join("|");
+  const bytes = new TextEncoder().encode(canonical);
+  const digest = await crypto.subtle.digest("SHA-256", bytes);
+  let hex = "";
+  for (const b of new Uint8Array(digest)) {
+    hex += b.toString(16).padStart(2, "0");
+  }
+  return hex.slice(0, 16);
+}
+async function verifyMangleChecksumAsync(expectedChecksum, map) {
+  const target = map ?? loadMangleMapFromDOM();
+  if (!target) {
+    return false;
+  }
+  const actual = await computeMangleChecksumAsync(target);
+  return actual === expectedChecksum;
+}
 function verifyMangleMapIntegrity() {
   if (typeof document === "undefined") {
     return false;
@@ -132,12 +176,23 @@ function verifyMangleMapIntegrity() {
     return false;
   }
   try {
-    const mangleMap = JSON.parse(scriptElement.textContent || "{}");
+    const parsed = JSON.parse(scriptElement.textContent || "{}");
+    if (!isValidMangleMap(parsed)) {
+      console.error(
+        "[csszyx] Mangle map failed schema validation; treating integrity as invalid."
+      );
+      return false;
+    }
+    const mangleMap = parsed;
     if (typeof window !== "undefined" && "verify_mangle_checksum" in window) {
       const isValid = window.verify_mangle_checksum(mangleMap, checksum);
       return isValid;
     }
-    console.warn("[csszyx] Rust core not available, using fallback verification");
+    if (process.env.NODE_ENV !== "production") {
+      console.warn(
+        "[csszyx] WASM core not loaded \u2014 mangle map checksum is unverified (schema-validated only). This is detection, not authentication."
+      );
+    }
     return true;
   } catch (error) {
     console.error("[csszyx] Failed to verify mangle map:", error);
@@ -275,6 +330,12 @@ function transform(szProp) {
   return res;
 }
 function _sz(...classes) {
+  return szJoin(classes, 0);
+}
+function szJoin(classes, depth) {
+  if (depth >= MAX_SZ_DEPTH) {
+    throw new SzDepthError();
+  }
   if (classes.length === 1) {
     const cls = classes[0];
     if (typeof cls === "string") {
@@ -284,7 +345,7 @@ function _sz(...classes) {
       return "";
     }
     if (Array.isArray(cls)) {
-      return _sz(...cls);
+      return szJoin(cls, depth + 1);
     }
     const res = transform(cls);
     return typeof res === "string" ? res : res.className;
@@ -297,7 +358,7 @@ function _sz(...classes) {
       continue;
     }
     if (Array.isArray(cls)) {
-      const str2 = _sz(...cls);
+      const str2 = szJoin(cls, depth + 1);
       if (!str2) {
         continue;
       }
@@ -321,50 +382,13 @@ function _sz(...classes) {
   }
   return result;
 }
-function _szIf(condition, truthyValue, falsyValue) {
-  const value = condition ? truthyValue : falsyValue;
-  if (!value) {
-    return "";
-  }
-  if (typeof value === "string") {
-    return value;
-  }
-  if (Array.isArray(value)) {
-    return _sz(...value);
-  }
-  const res = transform(value);
-  return typeof res === "string" ? res : res.className;
+function _szMerge(...classes) {
+  return szMergeJoin(classes, 0);
 }
-function _szSwitch(conditions, defaultValue = "") {
-  for (let i = 0; i < conditions.length; i++) {
-    const [condition, value] = conditions[i];
-    if (condition) {
-      if (!value) {
-        return "";
-      }
-      if (typeof value === "string") {
-        return value;
-      }
-      if (Array.isArray(value)) {
-        return _sz(...value);
-      }
-      const res2 = transform(value);
-      return typeof res2 === "string" ? res2 : res2.className;
-    }
-  }
-  if (!defaultValue) {
-    return "";
+function szMergeJoin(classes, depth) {
+  if (depth >= MAX_SZ_DEPTH) {
+    throw new SzDepthError();
   }
-  if (typeof defaultValue === "string") {
-    return defaultValue;
-  }
-  if (Array.isArray(defaultValue)) {
-    return _sz(...defaultValue);
-  }
-  const res = transform(defaultValue);
-  return typeof res === "string" ? res : res.className;
-}
-function _szMerge(...classes) {
   const seen = /* @__PURE__ */ new Set();
   const result = [];
   for (let i = 0; i < classes.length; i++) {
@@ -373,7 +397,7 @@ function _szMerge(...classes) {
       continue;
     }
     if (Array.isArray(cls)) {
-      const str2 = _szMerge(...cls);
+      const str2 = szMergeJoin(cls, depth + 1);
       if (!str2) {
         continue;
       }
@@ -435,13 +459,445 @@ function _sz3(a, b, c) {
   return result;
 }
 
-function deepMerge(target, source) {
+const BOX_ROLE_TOKENS = /* @__PURE__ */ new Map([
+  ["absolute", { role: "outer", category: "position" }],
+  ["antialiased", { role: "inner", category: "text" }],
+  ["block", { role: "inner", category: "display" }],
+  ["capitalize", { role: "inner", category: "text" }],
+  ["collapse", { role: "outer", category: "visibility" }],
+  ["container", { role: "outer", category: "sizing" }],
+  ["contents", { role: "inner", category: "display" }],
+  ["diagonal-fractions", { role: "inner", category: "text" }],
+  ["divide-x-reverse", { role: "outer", category: "divide" }],
+  ["divide-y-reverse", { role: "outer", category: "divide" }],
+  ["fixed", { role: "outer", category: "position" }],
+  ["flex", { role: "inner", category: "display" }],
+  ["flow-root", { role: "inner", category: "display" }],
+  ["grid", { role: "inner", category: "display" }],
+  ["hidden", { role: "inner", category: "display" }],
+  ["inline", { role: "inner", category: "display" }],
+  ["inline-block", { role: "inner", category: "display" }],
+  ["inline-flex", { role: "inner", category: "display" }],
+  ["inline-grid", { role: "inner", category: "display" }],
+  ["invisible", { role: "outer", category: "visibility" }],
+  ["isolate", { role: "outer", category: "position" }],
+  ["italic", { role: "inner", category: "text" }],
+  ["line-through", { role: "inner", category: "text" }],
+  ["lining-nums", { role: "inner", category: "text" }],
+  ["list-item", { role: "inner", category: "display" }],
+  ["lowercase", { role: "inner", category: "text" }],
+  ["no-underline", { role: "inner", category: "text" }],
+  ["normal-case", { role: "inner", category: "text" }],
+  ["not-italic", { role: "inner", category: "text" }],
+  ["not-sr-only", { role: "outer", category: "visibility" }],
+  ["oldstyle-nums", { role: "inner", category: "text" }],
+  ["ordinal", { role: "inner", category: "text" }],
+  ["overline", { role: "inner", category: "text" }],
+  ["proportional-nums", { role: "inner", category: "text" }],
+  ["prose", { role: "inner", category: "text" }],
+  ["prose-invert", { role: "inner", category: "text" }],
+  ["relative", { role: "outer", category: "position" }],
+  ["slashed-zero", { role: "inner", category: "text" }],
+  ["space-x-reverse", { role: "inner", category: "space" }],
+  ["space-y-reverse", { role: "inner", category: "space" }],
+  ["sr-only", { role: "outer", category: "visibility" }],
+  ["stacked-fractions", { role: "inner", category: "text" }],
+  ["static", { role: "outer", category: "position" }],
+  ["sticky", { role: "outer", category: "position" }],
+  ["subpixel-antialiased", { role: "inner", category: "text" }],
+  ["table", { role: "inner", category: "display" }],
+  ["table-cell", { role: "inner", category: "display" }],
+  ["table-row", { role: "inner", category: "display" }],
+  ["tabular-nums", { role: "inner", category: "text" }],
+  ["truncate", { role: "inner", category: "text" }],
+  ["underline", { role: "inner", category: "text" }],
+  ["uppercase", { role: "inner", category: "text" }],
+  ["visible", { role: "outer", category: "visibility" }]
+]);
+const BOX_ROLE_PREFIXES = [
+  ["backdrop-brightness", { role: "outer", category: "backdrop" }],
+  ["backdrop-hue-rotate", { role: "outer", category: "backdrop" }],
+  ["forced-color-adjust", { role: "outer", category: "color-scheme" }],
+  ["backdrop-grayscale", { role: "outer", category: "backdrop" }],
+  ["perspective-origin", { role: "outer", category: "transform" }],
+  ["backdrop-contrast", { role: "outer", category: "backdrop" }],
+  ["backdrop-saturate", { role: "outer", category: "backdrop" }],
+  ["backdrop-opacity", { role: "outer", category: "backdrop" }],
+  ["border-spacing-x", { role: "outer", category: "border" }],
+  ["border-spacing-y", { role: "outer", category: "border" }],
+  ["scrollbar-gutter", { role: "inner", category: "scroll" }],
+  ["underline-offset", { role: "inner", category: "text" }],
+  ["animation-delay", { role: "outer", category: "transition" }],
+  ["backdrop-filter", { role: "outer", category: "backdrop" }],
+  ["backdrop-invert", { role: "outer", category: "backdrop" }],
+  ["scrollbar-thumb", { role: "inner", category: "scroll" }],
+  ["scrollbar-track", { role: "inner", category: "scroll" }],
+  ["backdrop-sepia", { role: "outer", category: "backdrop" }],
+  ["border-spacing", { role: "outer", category: "border" }],
+  ["box-decoration", { role: "outer", category: "fragmentation" }],
+  ["font-smoothing", { role: "inner", category: "text" }],
+  ["outline-offset", { role: "outer", category: "outline" }],
+  ["pointer-events", { role: "inner", category: "interaction" }],
+  ["backdrop-blur", { role: "outer", category: "backdrop" }],
+  ["font-features", { role: "inner", category: "text" }],
+  ["justify-items", { role: "inner", category: "alignment" }],
+  ["mask-position", { role: "outer", category: "mask" }],
+  ["place-content", { role: "inner", category: "alignment" }],
+  ["break-before", { role: "outer", category: "fragmentation" }],
+  ["break-inside", { role: "outer", category: "fragmentation" }],
+  ["field-sizing", { role: "inner", category: "interaction" }],
+  ["font-stretch", { role: "inner", category: "text" }],
+  ["inset-shadow", { role: "inner", category: "shadow" }],
+  ["justify-self", { role: "inner", category: "alignment" }],
+  ["overscroll-x", { role: "inner", category: "overscroll" }],
+  ["overscroll-y", { role: "inner", category: "overscroll" }],
+  ["break-after", { role: "outer", category: "fragmentation" }],
+  ["drop-shadow", { role: "outer", category: "filter" }],
+  ["mask-origin", { role: "outer", category: "mask" }],
+  ["mask-repeat", { role: "outer", category: "mask" }],
+  ["perspective", { role: "outer", category: "transform" }],
+  ["place-items", { role: "inner", category: "alignment" }],
+  ["ring-offset", { role: "outer", category: "ring" }],
+  ["text-shadow", { role: "inner", category: "text" }],
+  ["translate-x", { role: "outer", category: "transform" }],
+  ["translate-y", { role: "outer", category: "transform" }],
+  ["translate-z", { role: "outer", category: "transform" }],
+  ["will-change", { role: "inner", category: "interaction" }],
+  ["appearance", { role: "inner", category: "interaction" }],
+  ["brightness", { role: "outer", category: "filter" }],
+  ["decoration", { role: "inner", category: "text" }],
+  ["font-style", { role: "inner", category: "text" }],
+  ["hue-rotate", { role: "outer", category: "filter" }],
+  ["inset-ring", { role: "inner", category: "ring" }],
+  ["line-clamp", { role: "inner", category: "text" }],
+  ["list-image", { role: "inner", category: "list" }],
+  ["max-inline", { role: "outer", category: "sizing" }],
+  ["min-inline", { role: "outer", category: "sizing" }],
+  ["overflow-x", { role: "inner", category: "overflow" }],
+  ["overflow-y", { role: "inner", category: "overflow" }],
+  ["overscroll", { role: "inner", category: "overscroll" }],
+  ["place-self", { role: "inner", category: "alignment" }],
+  ["rounded-bl", { role: "outer", category: "rounded" }],
+  ["rounded-br", { role: "outer", category: "rounded" }],
+  ["rounded-ee", { role: "outer", category: "rounded" }],
+  ["rounded-es", { role: "outer", category: "rounded" }],
+  ["rounded-se", { role: "outer", category: "rounded" }],
+  ["rounded-ss", { role: "outer", category: "rounded" }],
+  ["rounded-tl", { role: "outer", category: "rounded" }],
+  ["rounded-tr", { role: "outer", category: "rounded" }],
+  ["scroll-mbe", { role: "inner", category: "scroll" }],
+  ["scroll-mbs", { role: "inner", category: "scroll" }],
+  ["scroll-pbe", { role: "inner", category: "scroll" }],
+  ["scroll-pbs", { role: "inner", category: "scroll" }],
+  ["transition", { role: "outer", category: "transition" }],
+  ["visibility", { role: "outer", category: "visibility" }],
+  ["whitespace", { role: "inner", category: "text" }],
+  ["auto-cols", { role: "inner", category: "grid" }],
+  ["auto-rows", { role: "inner", category: "grid" }],
+  ["bg-origin", { role: "outer", category: "bg" }],
+  ["border-be", { role: "outer", category: "border" }],
+  ["border-bs", { role: "outer", category: "border" }],
+  ["col-start", { role: "inner", category: "grid" }],
+  ["grayscale", { role: "outer", category: "filter" }],
+  ["grid-cols", { role: "inner", category: "grid" }],
+  ["grid-flow", { role: "inner", category: "grid" }],
+  ["grid-rows", { role: "inner", category: "grid" }],
+  ["isolation", { role: "outer", category: "position" }],
+  ["mask-clip", { role: "outer", category: "mask" }],
+  ["mask-from", { role: "outer", category: "mask" }],
+  ["mask-size", { role: "outer", category: "mask" }],
+  ["max-block", { role: "outer", category: "sizing" }],
+  ["min-block", { role: "outer", category: "sizing" }],
+  ["mix-blend", { role: "outer", category: "blend" }],
+  ["rounded-b", { role: "outer", category: "rounded" }],
+  ["rounded-e", { role: "outer", category: "rounded" }],
+  ["rounded-l", { role: "outer", category: "rounded" }],
+  ["rounded-r", { role: "outer", category: "rounded" }],
+  ["rounded-s", { role: "outer", category: "rounded" }],
+  ["rounded-t", { role: "outer", category: "rounded" }],
+  ["row-start", { role: "inner", category: "grid" }],
+  ["scroll-mb", { role: "inner", category: "scroll" }],
+  ["scroll-me", { role: "inner", category: "scroll" }],
+  ["scroll-ml", { role: "inner", category: "scroll" }],
+  ["scroll-mr", { role: "inner", category: "scroll" }],
+  ["scroll-ms", { role: "inner", category: "scroll" }],
+  ["scroll-mt", { role: "inner", category: "scroll" }],
+  ["scroll-mx", { role: "inner", category: "scroll" }],
+  ["scroll-my", { role: "inner", category: "scroll" }],
+  ["scroll-pb", { role: "inner", category: "scroll" }],
+  ["scroll-pe", { role: "inner", category: "scroll" }],
+  ["scroll-pl", { role: "inner", category: "scroll" }],
+  ["scroll-pr", { role: "inner", category: "scroll" }],
+  ["scroll-ps", { role: "inner", category: "scroll" }],
+  ["scroll-pt", { role: "inner", category: "scroll" }],
+  ["scroll-px", { role: "inner", category: "scroll" }],
+  ["scroll-py", { role: "inner", category: "scroll" }],
+  ["scrollbar", { role: "inner", category: "scroll" }],
+  ["transform", { role: "outer", category: "transform" }],
+  ["translate", { role: "outer", category: "transform" }],
+  ["backface", { role: "outer", category: "transform" }],
+  ["bg-blend", { role: "outer", category: "bg" }],
+  ["border-b", { role: "outer", category: "border" }],
+  ["border-e", { role: "outer", category: "border" }],
+  ["border-l", { role: "outer", category: "border" }],
+  ["border-r", { role: "outer", category: "border" }],
+  ["border-s", { role: "outer", category: "border" }],
+  ["border-t", { role: "outer", category: "border" }],
+  ["border-x", { role: "outer", category: "border" }],
+  ["border-y", { role: "outer", category: "border" }],
+  ["col-span", { role: "inner", category: "grid" }],
+  ["contrast", { role: "outer", category: "filter" }],
+  ["divide-x", { role: "outer", category: "divide" }],
+  ["divide-y", { role: "outer", category: "divide" }],
+  ["duration", { role: "outer", category: "transition" }],
+  ["inset-be", { role: "outer", category: "position" }],
+  ["inset-bs", { role: "outer", category: "position" }],
+  ["mask-via", { role: "outer", category: "mask" }],
+  ["overflow", { role: "inner", category: "overflow" }],
+  ["position", { role: "outer", category: "position" }],
+  ["rotate-x", { role: "outer", category: "transform" }],
+  ["rotate-y", { role: "outer", category: "transform" }],
+  ["rotate-z", { role: "outer", category: "transform" }],
+  ["row-span", { role: "inner", category: "grid" }],
+  ["saturate", { role: "outer", category: "filter" }],
+  ["scroll-m", { role: "inner", category: "scroll" }],
+  ["scroll-p", { role: "inner", category: "scroll" }],
+  ["tracking", { role: "inner", category: "text" }],
+  ["animate", { role: "outer", category: "transition" }],
+  ["bg-clip", { role: "outer", category: "bg" }],
+  ["caption", { role: "inner", category: "table" }],
+  ["col-end", { role: "inner", category: "grid" }],
+  ["columns", { role: "inner", category: "columns" }],
+  ["content", { role: "inner", category: "text" }],
+  ["display", { role: "inner", category: "display" }],
+  ["hyphens", { role: "inner", category: "text" }],
+  ["inset-e", { role: "outer", category: "position" }],
+  ["inset-s", { role: "outer", category: "position" }],
+  ["inset-x", { role: "outer", category: "position" }],
+  ["inset-y", { role: "outer", category: "position" }],
+  ["justify", { role: "inner", category: "alignment" }],
+  ["leading", { role: "inner", category: "text" }],
+  ["mask-to", { role: "outer", category: "mask" }],
+  ["opacity", { role: "outer", category: "opacity" }],
+  ["outline", { role: "outer", category: "outline" }],
+  ["rounded", { role: "outer", category: "rounded" }],
+  ["row-end", { role: "inner", category: "grid" }],
+  ["scale-x", { role: "outer", category: "transform" }],
+  ["scale-y", { role: "outer", category: "transform" }],
+  ["scale-z", { role: "outer", category: "transform" }],
+  ["space-x", { role: "inner", category: "space" }],
+  ["space-y", { role: "inner", category: "space" }],
+  ["accent", { role: "inner", category: "accent" }],
+  ["aspect", { role: "outer", category: "sizing" }],
+  ["border", { role: "outer", category: "border" }],
+  ["bottom", { role: "outer", category: "position" }],
+  ["cursor", { role: "inner", category: "interaction" }],
+  ["divide", { role: "outer", category: "divide" }],
+  ["filter", { role: "outer", category: "filter" }],
+  ["indent", { role: "inner", category: "text" }],
+  ["inline", { role: "outer", category: "sizing" }],
+  ["invert", { role: "outer", category: "filter" }],
+  ["object", { role: "inner", category: "object" }],
+  ["origin", { role: "outer", category: "transform" }],
+  ["resize", { role: "inner", category: "interaction" }],
+  ["rotate", { role: "outer", category: "transform" }],
+  ["scheme", { role: "outer", category: "color-scheme" }],
+  ["scroll", { role: "inner", category: "scroll" }],
+  ["select", { role: "inner", category: "interaction" }],
+  ["shadow", { role: "outer", category: "shadow" }],
+  ["shrink", { role: "inner", category: "flex" }],
+  ["skew-x", { role: "outer", category: "transform" }],
+  ["skew-y", { role: "outer", category: "transform" }],
+  ["stroke", { role: "inner", category: "svg" }],
+  ["align", { role: "inner", category: "text" }],
+  ["basis", { role: "inner", category: "flex" }],
+  ["block", { role: "outer", category: "sizing" }],
+  ["break", { role: "inner", category: "text" }],
+  ["caret", { role: "inner", category: "accent" }],
+  ["clear", { role: "outer", category: "position" }],
+  ["delay", { role: "outer", category: "transition" }],
+  ["float", { role: "outer", category: "position" }],
+  ["gap-x", { role: "inner", category: "gap" }],
+  ["gap-y", { role: "inner", category: "gap" }],
+  ["inset", { role: "outer", category: "position" }],
+  ["items", { role: "inner", category: "alignment" }],
+  ["max-h", { role: "outer", category: "sizing" }],
+  ["max-w", { role: "outer", category: "sizing" }],
+  ["min-h", { role: "outer", category: "sizing" }],
+  ["min-w", { role: "outer", category: "sizing" }],
+  ["order", { role: "inner", category: "flex" }],
+  ["right", { role: "outer", category: "position" }],
+  ["scale", { role: "outer", category: "transform" }],
+  ["sepia", { role: "outer", category: "filter" }],
+  ["table", { role: "inner", category: "table" }],
+  ["touch", { role: "inner", category: "touch" }],
+  ["blur", { role: "outer", category: "filter" }],
+  ["ease", { role: "outer", category: "transition" }],
+  ["fill", { role: "inner", category: "svg" }],
+  ["flex", { role: "inner", category: "flex" }],
+  ["font", { role: "inner", category: "text" }],
+  ["from", { role: "outer", category: "gradient" }],
+  ["grow", { role: "inner", category: "flex" }],
+  ["left", { role: "outer", category: "position" }],
+  ["list", { role: "inner", category: "list" }],
+  ["mask", { role: "outer", category: "mask" }],
+  ["ring", { role: "outer", category: "ring" }],
+  ["self", { role: "inner", category: "alignment" }],
+  ["size", { role: "outer", category: "sizing" }],
+  ["snap", { role: "inner", category: "snap" }],
+  ["text", { role: "inner", category: "text" }],
+  ["wrap", { role: "inner", category: "text" }],
+  ["zoom", { role: "outer", category: "transform" }],
+  ["box", { role: "outer", category: "sizing" }],
+  ["col", { role: "inner", category: "grid" }],
+  ["gap", { role: "inner", category: "gap" }],
+  ["mbe", { role: "outer", category: "margin" }],
+  ["mbs", { role: "outer", category: "margin" }],
+  ["pbe", { role: "inner", category: "padding" }],
+  ["pbs", { role: "inner", category: "padding" }],
+  ["row", { role: "inner", category: "grid" }],
+  ["tab", { role: "inner", category: "text" }],
+  ["top", { role: "outer", category: "position" }],
+  ["via", { role: "outer", category: "gradient" }],
+  ["bg", { role: "outer", category: "bg" }],
+  ["mb", { role: "outer", category: "margin" }],
+  ["me", { role: "outer", category: "margin" }],
+  ["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" }],
+  ["pb", { role: "inner", category: "padding" }],
+  ["pe", { role: "inner", category: "padding" }],
+  ["pl", { role: "inner", category: "padding" }],
+  ["pr", { role: "inner", category: "padding" }],
+  ["ps", { role: "inner", category: "padding" }],
+  ["pt", { role: "inner", category: "padding" }],
+  ["px", { role: "inner", category: "padding" }],
+  ["py", { role: "inner", category: "padding" }],
+  ["to", { role: "outer", category: "gradient" }],
+  ["h", { role: "outer", category: "sizing" }],
+  ["m", { role: "outer", category: "margin" }],
+  ["p", { role: "inner", category: "padding" }],
+  ["w", { role: "outer", category: "sizing" }],
+  ["z", { role: "outer", category: "position" }]
+];
+
+function stripVariant(token) {
+  let depth = 0;
+  for (let i = token.length - 1; i >= 0; i--) {
+    const ch = token[i];
+    if (ch === "]" || ch === ")") depth++;
+    else if (ch === "[" || ch === "(") depth--;
+    else if (ch === ":" && depth === 0) return token.slice(i + 1);
+  }
+  return token;
+}
+function normalizeBase(base) {
+  let b = base;
+  if (b.startsWith("!")) b = b.slice(1);
+  if (b.endsWith("!")) b = b.slice(0, -1);
+  if (b.startsWith("-")) b = b.slice(1);
+  return b;
+}
+function inspect(token) {
+  const base = normalizeBase(stripVariant(token));
+  if (!base) return void 0;
+  const exact = BOX_ROLE_TOKENS.get(base);
+  if (exact) return { ...exact, base, value: base };
+  for (const [prefix, entry] of BOX_ROLE_PREFIXES) {
+    if (base === prefix) return { ...entry, base, value: "" };
+    if (base.startsWith(`${prefix}-`)) {
+      return { ...entry, base, value: base.slice(prefix.length + 1) };
+    }
+  }
+  return void 0;
+}
+function classify(token) {
+  const info = inspect(token);
+  return info ? { role: info.role, category: info.category } : void 0;
+}
+function matches(info, selector) {
+  if (!info) return false;
+  if (typeof selector === "object") {
+    return Object.entries(selector).every(
+      ([category, value]) => info.category === category && info.value === value
+    );
+  }
+  if (selector === "outer" || selector === "inner") {
+    return info.role === selector;
+  }
+  if (selector === "content") return info.role === "inner";
+  if (selector === info.category) return true;
+  if (info.base === selector) return true;
+  return info.base.startsWith(`${selector}-`);
+}
+function anyMatch(info, selectors) {
+  return selectors.some((s) => matches(info, s));
+}
+function tokenize(className) {
+  return className.split(/\s+/).filter(Boolean);
+}
+function splitBox(className, options = {}) {
+  const forceInner = options.inner ?? [];
+  const forceOuter = options.outer ?? [];
+  const fallback = options.fallback ?? "outer";
+  const outer = [];
+  const inner = [];
+  for (const token of tokenize(className)) {
+    const info = inspect(token);
+    let role;
+    if (anyMatch(info, forceInner)) role = "inner";
+    else if (anyMatch(info, forceOuter)) role = "outer";
+    else role = info ? info.role : fallback;
+    (role === "outer" ? outer : inner).push(token);
+  }
+  return { outer: outer.join(" "), inner: inner.join(" ") };
+}
+function has(classes, selector) {
+  return tokenize(classes).some((t) => matches(inspect(t), selector));
+}
+function pick(classes, selector) {
+  return tokenize(classes).filter((t) => matches(inspect(t), selector)).join(" ");
+}
+function omit(classes, selector) {
+  return tokenize(classes).filter((t) => !matches(inspect(t), selector)).join(" ");
+}
+
+const warned = /* @__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);
+  console.warn(RAW_SZ_WARNING);
+}
+function stripSzProps(props) {
+  if (props == null || typeof props !== "object" || !("sz" in props)) {
+    return props;
+  }
+  const { sz, ...rest } = props;
+  if (process.env.NODE_ENV !== "production") {
+    if (sz !== null && typeof sz === "object") {
+      warnRawSz();
+    }
+  }
+  return rest;
+}
+
+function deepMerge(target, source, depth = 0) {
+  if (depth >= MAX_SZ_DEPTH) {
+    throw new SzDepthError();
+  }
   const result = { ...target };
   for (const key of Object.keys(source)) {
+    if (isForbiddenSzKey(key)) {
+      continue;
+    }
     const sv = source[key];
     const tv = target[key];
     if (sv !== null && sv !== void 0 && typeof sv === "object" && !Array.isArray(sv) && tv !== null && tv !== void 0 && typeof tv === "object" && !Array.isArray(tv)) {
-      result[key] = deepMerge(tv, sv);
+      result[key] = deepMerge(tv, sv, depth + 1);
     } else {
       result[key] = sv;
     }
@@ -454,6 +910,9 @@ function szv(config) {
     const resolved = { ...config.defaultVariants };
     if (selection) {
       for (const key of Object.keys(selection)) {
+        if (isForbiddenSzKey(key)) {
+          continue;
+        }
         const val = selection[key];
         if (val !== null && val !== void 0) {
           resolved[key] = val;
@@ -515,4 +974,4 @@ function resetRuntime() {
   runtimeState.initialized = false;
 }
 
-export { DEFAULT_RUNTIME_CONFIG, VERSION, _sz, _sz2, _sz3, _szIf, _szMerge, _szSwitch, abortHydration, attemptCSRRecovery, clearHydrationErrors, disableCSRRecovery, enableCSRRecovery, endHydration, getAbortedSubtreeCount, getHydrationErrors, getRecoveryMode, getRuntimeConfig, getSSRContext, guardHydration, hasRecoveryToken, initRuntime, isCSRRecoveryAllowed, isHydrating, isHydrationAborted, isRuntimeInitialized, isSSREnvironment, isValidManifest, loadMangleMapFromDOM, loadManifestFromDOM, resetRuntime, startHydration, szv, validateHydrationClass, verifyAllTokens, verifyMangleChecksum, verifyMangleMapIntegrity, verifyRecoveryToken };
+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 };