synthesisui 0.16.66 → 0.16.68

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;
 }

package/package.json

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