synthesisui 0.16.70 → 0.16.71

package/dist/commands/import.js

@@ -10,7 +10,7 @@ import { describeConvention, describeRemainder, detectConventions, } from "../do
 import { diagnose, scanSource } from "../doctor/scan.js";
 import { parseSchemeBlocks } from "../doctor/scheme-blocks.js";
 import { buildTable } from "../doctor/tokens.js";
-import { rootClasses, transcribe, } from "../doctor/transcribe.js";
+import { rootClasses, rootTag, transcribe, } from "../doctor/transcribe.js";
 import { body, paint, section } from "../output.js";
 import { walk, walkAll } from "./doctor.js";
 /**
@@ -312,8 +312,10 @@ export async function takeCensus(root) {
                 const size = Object.keys(t.base).length +
                     Object.keys(t.dark).length +
                     Object.keys(t.states).length;
-                if (size > 0)
-                    looks[found[0].name] = t;
+                const tag = rootTag(src);
+                if (size > 0 || tag) {
+                    looks[found[0].name] = tag ? { ...t, rootTag: tag } : t;
+                }
             }
         }
     }

package/dist/doctor/transcribe.js

@@ -309,6 +309,25 @@ export function transcribe(classes, declared) {
  * nothing, and nothing is a contract with an empty base - which is exactly what
  * the import already produces, so failing here costs no ground.
  */
+/**
+ * The TAG of the element a component returns - `button`, `input`, `div`.
+ *
+ * Cheap, and it is half of what decides a preview's anatomy: a component whose
+ * root is a `<button>` is an action however it is named, and one whose root is a
+ * bare `<span>` is an indicator. The platform pairs this with the name; see
+ * `preview-kind.ts`.
+ *
+ * A composed root (`<Radio.Root>`) returns the component name, not an HTML tag -
+ * which is still a signal, just a weaker one, so it travels as written and the
+ * platform decides what to do with it.
+ */
+export function rootTag(source) {
+    const ret = source.search(/return\s*\(/);
+    if (ret === -1)
+        return null;
+    const m = /<([A-Za-z][A-Za-z0-9.]*)/.exec(source.slice(ret));
+    return m ? m[1] : null;
+}
 export function rootClasses(source) {
     const ret = source.search(/return\s*\(/);
     if (ret === -1)

package/package.json

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