@csszyx/runtime 0.10.3 → 0.10.5

package/dist/index.cjs

@@ -1332,11 +1332,44 @@ const AMBIGUOUS_PREFIXES = /* @__PURE__ */ new Set([
 function decodeToken(token) {
   const decode = globalThis.__csszyx?.decode;
   if (typeof decode === "function") {
-    return decode(token) ?? token;
+    try {
+      const decoded = decode(token);
+      return typeof decoded === "string" ? decoded : token;
+    } catch {
+      return token;
+    }
   }
   return token;
 }
-function conflictKey(token) {
+const SHORTHAND_COVERAGE = {
+  p: ["p", "px", "py", "pt", "pr", "pb", "pl", "ps", "pe"],
+  px: ["px", "pl", "pr", "ps", "pe"],
+  py: ["py", "pt", "pb"],
+  m: ["m", "mx", "my", "mt", "mr", "mb", "ml", "ms", "me"],
+  mx: ["mx", "ml", "mr", "ms", "me"],
+  my: ["my", "mt", "mb"],
+  // inset (position) — physical sides only.
+  inset: ["inset", "inset-x", "inset-y", "top", "right", "bottom", "left"],
+  "inset-x": ["inset-x", "left", "right"],
+  "inset-y": ["inset-y", "top", "bottom"],
+  // border-radius — physical corners only (logical rounded-s*/e* stay keep-both).
+  rounded: [
+    "rounded",
+    "rounded-t",
+    "rounded-r",
+    "rounded-b",
+    "rounded-l",
+    "rounded-tl",
+    "rounded-tr",
+    "rounded-br",
+    "rounded-bl"
+  ],
+  "rounded-t": ["rounded-t", "rounded-tl", "rounded-tr"],
+  "rounded-r": ["rounded-r", "rounded-tr", "rounded-br"],
+  "rounded-b": ["rounded-b", "rounded-bl", "rounded-br"],
+  "rounded-l": ["rounded-l", "rounded-tl", "rounded-bl"]
+};
+function mergeClassify(token) {
   const base = stripVariant(token);
   const variant = token.slice(0, token.length - base.length);
   const norm = normalizeBase(base);
@@ -1351,7 +1384,11 @@ function conflictKey(token) {
       if (AMBIGUOUS_PREFIXES.has(prefix)) {
         return null;
       }
-      return `${variant}\0${prefix}`;
+      const coveredPrefixes = SHORTHAND_COVERAGE[prefix] ?? [prefix];
+      return {
+        key: `${variant} ${prefix}`,
+        covers: coveredPrefixes.map((p) => `${variant} ${p}`)
+      };
     }
   }
   return null;
@@ -1368,11 +1405,14 @@ function szcn(...inputs) {
         continue;
       }
       const original = decodeToken(token);
-      const key = conflictKey(original) ?? `
${original}`;
-      if (byKey.has(key)) {
-        const at = order.indexOf(key);
-        if (at !== -1) {
-          order.splice(at, 1);
+      const info = mergeClassify(original);
+      const key = info ? info.key : original;
+      for (const covered of info ? info.covers : [key]) {
+        if (byKey.delete(covered)) {
+          const at = order.indexOf(covered);
+          if (at !== -1) {
+            order.splice(at, 1);
+          }
         }
       }
       byKey.set(key, token);
@@ -1383,7 +1423,7 @@ function szcn(...inputs) {
 }
 
 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.';
+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 directory to `compileSources`; otherwise check that the bundler is not skipping the file.';
 function warnRawSz() {
   if (warned$1.has(RAW_SZ_WARNING)) return;
   warned$1.add(RAW_SZ_WARNING);

package/dist/index.d.cts

@@ -782,7 +782,7 @@ declare function omitSz(sz: SzInput, selector: BoxSelector): SzObject;
  *
  * The compiler rewrites `sz` to `className` at build time, so a compiled
  * component never carries a leftover `sz` prop. But when a file is NOT compiled
- * — e.g. a workspace package missing from `compilePackages`, or any source the
+ * — e.g. a workspace package missing from `compileSources`, or any source the
  * bundler skipped — a hand-forwarded `sz` survives and React spreads it to the
  * DOM as `sz="[object Object]"`. `stripSzProps` removes `sz` from the forwarded
  * props so it never reaches the DOM, and in development warns once when the

package/dist/index.d.mts

@@ -782,7 +782,7 @@ declare function omitSz(sz: SzInput, selector: BoxSelector): SzObject;
  *
  * The compiler rewrites `sz` to `className` at build time, so a compiled
  * component never carries a leftover `sz` prop. But when a file is NOT compiled
- * — e.g. a workspace package missing from `compilePackages`, or any source the
+ * — e.g. a workspace package missing from `compileSources`, or any source the
  * bundler skipped — a hand-forwarded `sz` survives and React spreads it to the
  * DOM as `sz="[object Object]"`. `stripSzProps` removes `sz` from the forwarded
  * props so it never reaches the DOM, and in development warns once when the

package/dist/index.mjs

@@ -1330,11 +1330,44 @@ const AMBIGUOUS_PREFIXES = /* @__PURE__ */ new Set([
 function decodeToken(token) {
   const decode = globalThis.__csszyx?.decode;
   if (typeof decode === "function") {
-    return decode(token) ?? token;
+    try {
+      const decoded = decode(token);
+      return typeof decoded === "string" ? decoded : token;
+    } catch {
+      return token;
+    }
   }
   return token;
 }
-function conflictKey(token) {
+const SHORTHAND_COVERAGE = {
+  p: ["p", "px", "py", "pt", "pr", "pb", "pl", "ps", "pe"],
+  px: ["px", "pl", "pr", "ps", "pe"],
+  py: ["py", "pt", "pb"],
+  m: ["m", "mx", "my", "mt", "mr", "mb", "ml", "ms", "me"],
+  mx: ["mx", "ml", "mr", "ms", "me"],
+  my: ["my", "mt", "mb"],
+  // inset (position) — physical sides only.
+  inset: ["inset", "inset-x", "inset-y", "top", "right", "bottom", "left"],
+  "inset-x": ["inset-x", "left", "right"],
+  "inset-y": ["inset-y", "top", "bottom"],
+  // border-radius — physical corners only (logical rounded-s*/e* stay keep-both).
+  rounded: [
+    "rounded",
+    "rounded-t",
+    "rounded-r",
+    "rounded-b",
+    "rounded-l",
+    "rounded-tl",
+    "rounded-tr",
+    "rounded-br",
+    "rounded-bl"
+  ],
+  "rounded-t": ["rounded-t", "rounded-tl", "rounded-tr"],
+  "rounded-r": ["rounded-r", "rounded-tr", "rounded-br"],
+  "rounded-b": ["rounded-b", "rounded-bl", "rounded-br"],
+  "rounded-l": ["rounded-l", "rounded-tl", "rounded-bl"]
+};
+function mergeClassify(token) {
   const base = stripVariant(token);
   const variant = token.slice(0, token.length - base.length);
   const norm = normalizeBase(base);
@@ -1349,7 +1382,11 @@ function conflictKey(token) {
       if (AMBIGUOUS_PREFIXES.has(prefix)) {
         return null;
       }
-      return `${variant}\0${prefix}`;
+      const coveredPrefixes = SHORTHAND_COVERAGE[prefix] ?? [prefix];
+      return {
+        key: `${variant} ${prefix}`,
+        covers: coveredPrefixes.map((p) => `${variant} ${p}`)
+      };
     }
   }
   return null;
@@ -1366,11 +1403,14 @@ function szcn(...inputs) {
         continue;
       }
       const original = decodeToken(token);
-      const key = conflictKey(original) ?? `
${original}`;
-      if (byKey.has(key)) {
-        const at = order.indexOf(key);
-        if (at !== -1) {
-          order.splice(at, 1);
+      const info = mergeClassify(original);
+      const key = info ? info.key : original;
+      for (const covered of info ? info.covers : [key]) {
+        if (byKey.delete(covered)) {
+          const at = order.indexOf(covered);
+          if (at !== -1) {
+            order.splice(at, 1);
+          }
         }
       }
       byKey.set(key, token);
@@ -1381,7 +1421,7 @@ function szcn(...inputs) {
 }
 
 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.';
+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 directory to `compileSources`; otherwise check that the bundler is not skipping the file.';
 function warnRawSz() {
   if (warned$1.has(RAW_SZ_WARNING)) return;
   warned$1.add(RAW_SZ_WARNING);

package/package.json

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