synthesisui 0.16.110 → 0.16.111

package/dist/anatomy-from-sketch.js

@@ -436,10 +436,27 @@ versionOf) {
                 },
             ];
         }
+        /**
+         * A BOX OF OURS THAT IS SOMEBODY ELSE'S ELEMENT SAYS SO.
+         *
+         * A headless primitive is ours to draw - the classes on it are the client's - and
+         * that is why it becomes a PART rather than a frontier. But the element itself is
+         * `<Collapsible.Trigger>`, and the usage snippet was emitting a plain `<div>` with
+         * our class on it: a person following it gets the look and none of the behaviour, no
+         * `aria-expanded` and no keyboard (dono, 03/08). Measured on their library: 31 parts
+         * across 9 components are a library element, plus 11 roots.
+         *
+         * The package AND their own spelling, because the snippet needs both - the import
+         * line comes from the first and the tag from the second.
+         */
+        const fromLib = kind === "headless" && node.from
+            ? { from: String(node.from), refName: tag }
+            : {};
         const built = {
             as,
             ...(name ? { name } : {}),
             ...(classes ? { at: index } : {}),
+            ...fromLib,
             ...(node.text ? { text: node.text } : {}),
         };
         const inside = hasKids ? descend() : [];

package/dist/anatomy-read.js

@@ -265,6 +265,17 @@ sketch) {
                 continue;
             }
             const node_ = { as };
+            /**
+             * A PART THAT IS A LIBRARY ELEMENT CARRIES BOTH FACTS - see `AnatomyRead.from`.
+             * Inert for the renderer, which dispatches on `as`; read by the usage snippet,
+             * which has to emit `<Collapsible.Trigger>` and the import line rather than a
+             * `<div>` that looks right and does nothing.
+             */
+            if (typeof node.from === "string" && node.from.trim()) {
+                node_.from = node.from.trim();
+                if (typeof node.refName === "string" && node.refName.trim())
+                    node_.refName = node.refName.trim();
+            }
             // The NAME is what carries the styles, so it is claimed even when nothing
             // resolved: the tree triggers on presence, and structure is most of the
             // value. A node with no name is pure structure and that is legitimate.

package/package.json

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