synthesisui 0.16.66 → 0.16.69

package/dist/doctor/transcribe.js

@@ -32,19 +32,27 @@
  *     data-[checked]:bg-ocean-50 → states.checked
  */
 /**
- * Utility prefix → CSS property. Only the ones that carry DESIGN, which is the
+ * Utility prefix → the property name THE DOCUMENT USES, which is camelCase.
+ *
+ * Emitting kebab-case cost a whole slice in silence: the recipes validated,
+ * because `styleValue` is permissive about the value and says nothing about the
+ * key, and then not one metric could find them - a `RadioCard` with five real
+ * declarations had 2 of 8.6 weight applicable and read as unwritten (dono,
+ * 01/08). Valid and unread is the worst of the three outcomes.
+ *
+ * Only the ones that carry DESIGN, which is the
  * whole point: `flex`, `items-center` and `w-full` are structure, they are
  * identical in every design system, and a recipe carrying them would be
  * transcribing layout rather than a look.
  */
 const COLOR_PROPERTY = {
-    bg: "background-color",
+    bg: "backgroundColor",
     text: "color",
-    border: "border-color",
-    ring: "outline-color",
+    border: "borderColor",
+    ring: "outlineColor",
     fill: "fill",
     stroke: "stroke",
-    decoration: "text-decoration-color",
+    decoration: "textDecorationColor",
 };
 /** Tailwind's own spacing scale, in rem - the fixed part of the fixed table. */
 const SPACING = {
@@ -73,15 +81,15 @@ const SPACING = {
 };
 const SPACING_PROPERTY = {
     p: "padding",
-    px: "padding-inline",
-    py: "padding-block",
-    pt: "padding-top",
-    pr: "padding-right",
-    pb: "padding-bottom",
-    pl: "padding-left",
+    px: "paddingInline",
+    py: "paddingBlock",
+    pt: "paddingTop",
+    pr: "paddingRight",
+    pb: "paddingBottom",
+    pl: "paddingLeft",
     m: "margin",
-    mx: "margin-inline",
-    my: "margin-block",
+    mx: "marginInline",
+    my: "marginBlock",
     gap: "gap",
 };
 /** Tailwind's radius scale. */
@@ -182,13 +190,13 @@ export function readUtility(utility, declared) {
         const own = `--radius-${rest}`;
         if (declared.has(own)) {
             return {
-                property: "border-radius",
+                property: "borderRadius",
                 value: `{radius.${rest}}`,
                 token: own,
             };
         }
         if (RADIUS[rest])
-            return { property: "border-radius", value: RADIUS[rest] };
+            return { property: "borderRadius", value: RADIUS[rest] };
     }
     return null;
 }
@@ -219,6 +227,7 @@ export function transcribe(classes, declared) {
         states: {},
         dark: {},
         skipped: [],
+        literals: [],
         fromToken: 0,
         fromLiteral: 0,
     };
@@ -259,16 +268,27 @@ export function transcribe(classes, declared) {
         }
         if (!decl || !target)
             continue;
+        /**
+         * EVERYTHING IT READS TRAVELS, literals included - as DATA.
+         *
+         * Which of these becomes a recipe declaration is not this module's call: a
+         * literal cannot re-theme, and whether `#ffffff` is a white or a SURFACE
+         * depends on the two palettes, which only exist on the platform. An earlier
+         * version wrote literals straight into `base` and a dark preview rendered a
+         * white box with white text on it; the version after that dropped them and
+         * carried almost nothing. Both were this module deciding something it cannot
+         * see (dono, 01/08).
+         *
+         * So it reports the whole reading and the platform pairs base against dark
+         * to recover the role. See `exclusive-contract.ts`.
+         */
         // First write wins, matching how a class list resolves for the properties
         // we read: later duplicates in the same list are almost always a merge
         // artefact rather than an override.
         if (target[decl.property] != null)
             continue;
         target[decl.property] = decl.value;
-        if (decl.token)
-            out.fromToken += 1;
-        else
-            out.fromLiteral += 1;
+        out.fromToken += 1;
     }
     return out;
 }

package/package.json

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