synthesisui 0.16.123 → 0.16.125

package/dist/doctor/variant-read.js

@@ -525,6 +525,36 @@ export function readVariants(source) {
  * inline conditions with a class list, 2 of them negated.
  */
 const INLINE_COND = /(!?)\s*([A-Za-z_$][\w$.]*)\s*(?:===|==)\s*["']([^"']+)["']\s*&&\s*(["'`])((?:(?!\4).)*)\4|(!?)\s*([A-Za-z_$][\w$]*)\s*&&\s*(["'`])((?:(?!\8).)*)\8/g;
+/**
+ * THE `cn()` CALL AN OFFSET SITS INSIDE, and its unconditional classes.
+ *
+ * A condition read out of the whole file has no element: `readInlineConditions(source)`
+ * scanned everything and every layer it produced landed on the ROOT. Their collapsible card
+ * writes `cursor-pointer` and `hover:bg-…` in the TRIGGER's call and `rotate-180` in the
+ * chevron's, and all three arrived as layers of the card - so
+ * `.ds-collapsible-card[data-is-open="false"] { transform: rotate(180deg) }` would have
+ * turned the whole card upside down at rest (test48, dono, 04/08).
+ *
+ * The unconditional literals of the enclosing call are exactly what the sketch stored for
+ * that node, so `placeLayers` can resolve them to an index. Same identification the lookup
+ * reader already uses - see `callSiteClasses`.
+ */
+function enclosingCallClasses(source, at) {
+    const CALL = /className=\{\s*(?:[A-Za-z_$][\w$]*\.)?(?:cn|clsx|classNames|cx|twMerge|twJoin|classcat)\(/g;
+    CALL.lastIndex = 0;
+    let found = null;
+    for (const m of source.matchAll(CALL)) {
+        const open = (m.index ?? 0) + m[0].length - 1;
+        if (open > at)
+            break;
+        const end = endOf(source, open);
+        if (end === -1 || end <= at)
+            continue;
+        const statics = unconditionalClasses(source.slice(open + 1, end - 1));
+        found = statics.length > 0 ? statics.join(" ") : null;
+    }
+    return found;
+}
 export function readInlineConditions(source) {
     const layers = [];
     INLINE_COND.lastIndex = 0;
@@ -547,7 +577,14 @@ export function readInlineConditions(source) {
         if (classes.length === 0)
             continue;
         const per = splitByCondition(classes, { [prop]: option });
-        layers.push(...per.layers);
+        /**
+         * WHOSE ELEMENT IT IS, off the call this condition sits in. Absent when the call has no
+         * unconditional literal to identify it, and then the layer stays on the component -
+         * which is the old behaviour, and honest: we could not place it.
+         */
+        const on = enclosingCallClasses(source, m.index ?? 0);
+        for (const layer of per.layers)
+            layers.push(on ? { ...layer, onClasses: on } : layer);
     }
     return layers;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synthesisui",
-  "version": "0.16.123",
+  "version": "0.16.125",
   "description": "Bring SynthesisUI design systems into any project - tokens, typed components, whole pages and an agent-ready CLAUDE.md manifest.",
   "type": "module",
   "bin": {