synthesisui 0.16.23 → 0.16.25

package/dist/cn-codegen.js

@@ -104,9 +104,26 @@ const PREFIXES = [
   "gap-x", "gap-y", "gap",
   "w", "h", "min-w", "min-h", "max-w", "max-h",
   "leading", "tracking",
-  "flex", "grid", "justify", "items", "self", "order", "z",
+  "justify-items", "justify-self", "justify",
+  "items", "self", "order", "z",
 ];
 
+/**
+ * Utilities that set \`display\`. One group, so \`hidden\` can evict \`flex\` -
+ * and kept OUT of the prefix walk, because \`flex\` also heads whole families
+ * that set OTHER properties. Read as a prefix, \`flex-row\` evicted the \`flex\`
+ * that makes the box a flex container, and every Row and Stack in the project
+ * stacked its children in silence. Found by an agent in the field (test03,
+ * 29/07), diagnosed against computed output, fixed locally, and FILED - this
+ * is its fix, ported to the source so it stops evaporating on regeneration.
+ */
+const DISPLAYS = new Set([
+  "flex", "grid", "block", "inline", "inline-flex", "inline-grid",
+  "inline-block", "hidden", "contents", "flow-root", "table", "list-item",
+]);
+const FLEX_DIRECTIONS = new Set(["row", "col", "row-reverse", "col-reverse"]);
+const FLEX_WRAPS = new Set(["wrap", "nowrap", "wrap-reverse"]);
+
 /**
  * The property this class sets, or the class itself when we cannot tell.
  *
@@ -124,10 +141,23 @@ function groupOf(cls: string): string {
   const negative = base.startsWith("-");
   if (negative) base = base.slice(1);
 
+  if (DISPLAYS.has(base)) return \`\${variants}display\`;
+
   const dash = base.indexOf("-");
   const head = dash === -1 ? base : base.slice(0, dash);
   const rest = dash === -1 ? "" : base.slice(dash + 1);
 
+  if (head === "flex") {
+    if (FLEX_DIRECTIONS.has(rest)) return \`\${variants}flex-direction\`;
+    if (FLEX_WRAPS.has(rest)) return \`\${variants}flex-wrap\`;
+    return \`\${variants}flex\`; // flex-1 / flex-auto / flex-none / flex-initial
+  }
+  if (head === "grid") {
+    // grid-cols-* / grid-rows-* / grid-flow-* each own their property.
+    const sub = rest.indexOf("-") === -1 ? rest : rest.slice(0, rest.indexOf("-"));
+    return \`\${variants}grid-\${sub}\`;
+  }
+
   // The two families a prefix cannot settle, answered by this system's names.
   if (head === "text") {
     if (TEXT_SIZES.has(rest)) return \`\${variants}font-size\`;

package/dist/fonts.js

@@ -62,7 +62,17 @@ export function nextFontSnippet(families, slug, appDir = "app") {
         if (!seen.has(name)) {
             seen.set(name, role);
             importNames.push(importName(name));
-            consts.push(`export const ${seen.get(name)} = ${importName(name)}({`, `  subsets: ["latin"],`, `  variable: "--font-ds-${seen.get(name)}",`, `});`);
+            consts.push(`export const ${seen.get(name)} = ${importName(name)}({`, `  subsets: ["latin"],`, 
+            // WEIGHTS ARE ALWAYS SPELLED OUT, because next/font only allows
+            // omitting them for VARIABLE fonts - and plenty of Google families
+            // ship as static cuts (IBM Plex Mono, for one). The generated file
+            // assumed variable and broke the consumer's first `next build`; an
+            // agent caught it in the field (test03, 29/07) and had to repair our
+            // output by hand. Explicit weights are valid for BOTH kinds, so
+            // emitting them always can never break - and these three are the
+            // steps every generated system actually uses (regular/medium/
+            // semibold), so no static cut is downloaded for nothing.
+            `  weight: ["400", "500", "600"],`, `  variable: "--font-ds-${seen.get(name)}",`, `});`);
         }
     }
     const fontsFile = [

package/package.json

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