@matteoaliano/forest-ui 0.2.7 → 0.2.8

package/bin/sync.mjs

@@ -10,6 +10,8 @@
  * Supported targets:
  *   .claude/<name>.md         — Claude Code
  *   .cursor/rules/<name>.mdc  — Cursor
+ *   .gemini/<name>.md         — Gemini CLI
+ *   .antigravity/rules.md     — Antigravity
  *
  * Guideline categories:
  *   - FOREST_AI_GUIDELINES.md            — Design system components, tokens, patterns
@@ -32,12 +34,14 @@ const staticEntries = [
     {
         source: resolve(guidelinesDir, "FOREST_AI_GUIDELINES.md"),
         claudeName: "forest-ui.md",
+        geminiName: "forest-ui.md",
         cursorName: "forest-ui.mdc",
         cursorDescription: "Forest UI Design System guidelines — components, tokens, and patterns",
     },
     {
         source: resolve(guidelinesDir, "FOREST_DEV_GUIDELINES.md"),
         claudeName: "forest-dev.md",
+        geminiName: "forest-dev.md",
         cursorName: "forest-dev.mdc",
         cursorDescription: "Forest UI development best practices",
     },
@@ -58,6 +62,7 @@ function discoverThemeEntries() {
             return {
                 source: resolve(themesDir, f),
                 claudeName: `forest-theme-${themeName}.md`,
+                geminiName: `forest-theme-${themeName}.md`,
                 cursorName: `forest-theme-${themeName}.mdc`,
                 cursorDescription: `Forest UI theme guidelines — ${themeName}`,
             };
@@ -112,6 +117,45 @@ for (const entry of entries) {
         console.log(`   ⚠️  Claude Code — .claude/${entry.claudeName} skipped (${err.message})`);
     }
 
+    // Gemini target
+    const geminiDir = resolve(projectRoot, ".gemini");
+    const geminiPath = resolve(geminiDir, entry.geminiName);
+    total++;
+    try {
+        mkdirSync(geminiDir, { recursive: true });
+        writeFileSync(geminiPath, content, "utf-8");
+        console.log(`   ✅ Gemini      → .gemini/${entry.geminiName}`);
+        
+        // Update .gemini/GEMINI.md to import all synced files
+        const geminiMainPath = resolve(geminiDir, "GEMINI.md");
+        const geminiMainContent = entries
+            .map(e => `@${e.geminiName}`)
+            .join("\n");
+        writeFileSync(geminiMainPath, `# Forest UI Guidelines\n\n${geminiMainContent}\n`, "utf-8");
+        
+        synced++;
+    } catch (err) {
+        console.log(`   ⚠️  Gemini — .gemini/${entry.geminiName} skipped (${err.message})`);
+    }
+
+    // Antigravity target
+    const antiDir = resolve(projectRoot, ".antigravity");
+    const antiPath = resolve(antiDir, "rules.md");
+    total++;
+    try {
+        mkdirSync(antiDir, { recursive: true });
+        // Concatenate all content into rules.md or use imports if supported. 
+        // Using imports to keep it clean, pointing to the .gemini folder.
+        const antiContent = entries
+            .map(e => `@../.gemini/${e.geminiName}`)
+            .join("\n");
+        writeFileSync(antiPath, `# Forest UI — Antigravity Rules\n\n${antiContent}\n`, "utf-8");
+        console.log(`   ✅ Antigravity → .antigravity/rules.md`);
+        synced++;
+    } catch (err) {
+        console.log(`   ⚠️  Antigravity — .antigravity/rules.md skipped (${err.message})`);
+    }
+
     // Cursor target
     const cursorDir = resolve(projectRoot, ".cursor", "rules");
     const cursorPath = resolve(cursorDir, entry.cursorName);

package/dist/{chunk-3FSKMCSC.mjs → chunk-3FZJFTY7.mjs}

@@ -595,7 +595,7 @@ var typography = buildTypography({
 function buildComponents(tokens) {
   const {
     colors: colors3,
-    radius: radius2,
+    radius: radius3,
     focusRings: focusRings3,
     shadows: tokenShadows,
     text: text3,
@@ -612,7 +612,7 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius2.md,
+          borderRadius: radius3.md,
           fontWeight: 600,
           boxShadow: tokenShadows.xs,
           height: 32,
@@ -661,7 +661,7 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius2.md
+          borderRadius: radius3.md
         },
         grouped: {
           "&:not(:last-of-type)": {
@@ -693,8 +693,7 @@ function buildComponents(tokens) {
     // ─── TextField / Input ──────────────────────────────────────────
     MuiTextField: {
       defaultProps: {
-        variant: "outlined",
-        size: "small"
+        variant: "outlined"
       }
     },
     MuiInputBase: {
@@ -712,7 +711,7 @@ function buildComponents(tokens) {
     MuiOutlinedInput: {
       styleOverrides: {
         root: {
-          borderRadius: radius2.md,
+          borderRadius: radius3.md,
           boxShadow: tokenShadows.xs,
           "&:hover .MuiOutlinedInput-notchedOutline": {
             borderColor: border3.brand
@@ -734,12 +733,7 @@ function buildComponents(tokens) {
           borderColor: border3.primary
         },
         input: {
-          padding: "10px 14px",
-          fontSize: 16,
-          lineHeight: "24px"
-        },
-        inputSizeSmall: {
-          padding: "8px 12px",
+          padding: "6px 12px",
           fontSize: 14,
           lineHeight: "20px"
         }
@@ -772,12 +766,7 @@ function buildComponents(tokens) {
           }
         },
         outlined: {
-          // Align label with custom OutlinedInput padding (10px 14px)
-          transform: "translate(14px, 10px) scale(1)",
-          "&.MuiInputLabel-sizeSmall": {
-            // Align label with custom inputSizeSmall padding (8px 12px)
-            transform: "translate(12px, 8px) scale(1)"
-          },
+          transform: "translate(12px, 6px) scale(1)",
           "&.MuiInputLabel-shrink": {
             transform: "translate(14px, -9px) scale(0.75)"
           }
@@ -800,20 +789,22 @@ function buildComponents(tokens) {
     // ─── Select ─────────────────────────────────────────────────────
     MuiSelect: {
       defaultProps: {
-        size: "small",
         MenuProps: {
-          autoFocus: false
+          autoFocus: false,
+          slotProps: {
+            backdrop: {
+              sx: { backgroundColor: "transparent" }
+            }
+          }
         }
       },
       styleOverrides: {
         select: {
-          display: "flex",
-          alignItems: "center",
           "&.MuiSelect-select": {
-            minHeight: "20px",
-            "&[aria-placeholder], &:empty + .MuiSelect-nativeInput[value='']~&": {
-              color: text3.placeholder
-            }
+            minHeight: "auto",
+            padding: "6px 12px",
+            fontSize: 14,
+            lineHeight: "20px"
           }
         },
         icon: {
@@ -824,7 +815,7 @@ function buildComponents(tokens) {
     MuiMenuItem: {
       styleOverrides: {
         root: {
-          borderRadius: radius2.md,
+          borderRadius: radius3.md,
           padding: "6px 8px",
           gap: 4,
           "&:hover": {
@@ -837,15 +828,24 @@ function buildComponents(tokens) {
     MuiAutocomplete: {
       styleOverrides: {
         paper: {
-          borderRadius: radius2.md,
+          borderRadius: radius3.md,
           boxShadow: tokenShadows.lg,
           border: `1px solid ${border3.secondary}`,
           marginTop: 4
         },
+        inputRoot: {
+          // Override Autocomplete's default padding so the input height stays 32px
+          padding: "0 12px",
+          "&.MuiOutlinedInput-root .MuiAutocomplete-input": {
+            padding: "6px 0",
+            fontSize: 14,
+            lineHeight: "20px"
+          }
+        },
         option: {
-          fontSize: 16,
-          lineHeight: "24px",
-          padding: "10px 14px",
+          fontSize: 14,
+          lineHeight: "20px",
+          padding: "6px 12px",
           "&.Mui-focused": {
             backgroundColor: bg3.primaryHover
           },
@@ -866,7 +866,7 @@ function buildComponents(tokens) {
       styleOverrides: {
         root: {
           color: border3.primary,
-          borderRadius: radius2.xs,
+          borderRadius: radius3.xs,
           padding: 0,
           width: 20,
           height: 20,
@@ -883,7 +883,7 @@ function buildComponents(tokens) {
           "&.Mui-focusVisible": {
             outline: "none",
             boxShadow: focusRings3.brand,
-            borderRadius: radius2.xs
+            borderRadius: radius3.xs
           },
           "&.Mui-disabled": {
             color: border3.primary
@@ -913,7 +913,7 @@ function buildComponents(tokens) {
           "&.Mui-focusVisible": {
             outline: "none",
             boxShadow: focusRings3.brand,
-            borderRadius: radius2.full
+            borderRadius: radius3.full
           },
           "&.Mui-disabled": {
             color: border3.primary
@@ -961,7 +961,7 @@ function buildComponents(tokens) {
           boxShadow: "0px 1px 2px 0px #1018280d"
         },
         track: {
-          borderRadius: radius2.full,
+          borderRadius: radius3.full,
           backgroundColor: border3.secondary,
           opacity: 1
         }
@@ -986,8 +986,7 @@ function buildComponents(tokens) {
           "&.Mui-selected": {
             backgroundColor: bg3.brandPrimary,
             color: buttonColors3.secondaryColor.fg,
-            borderColor: border3.brand,
-            boxShadow: `inset 0 0 0 1px ${border3.brandSolid}`,
+            borderColor: border3.brandSolid,
             "&:hover": {
               backgroundColor: bg3.brandSecondary
             }
@@ -1001,7 +1000,7 @@ function buildComponents(tokens) {
     MuiToggleButtonGroup: {
       styleOverrides: {
         root: {
-          borderRadius: radius2.md,
+          borderRadius: radius3.md,
           overflow: "hidden"
         },
         grouped: {
@@ -1009,16 +1008,13 @@ function buildComponents(tokens) {
           "&:not(:first-of-type)": {
             marginLeft: -1
           },
-          "&.Mui-selected + &.Mui-selected": {
-            boxShadow: `inset -1px 0 0 0 ${border3.brandSolid}, inset 0 1px 0 0 ${border3.brandSolid}, inset 0 -1px 0 0 ${border3.brandSolid}`
-          },
           "&:first-of-type": {
-            borderTopLeftRadius: radius2.md,
-            borderBottomLeftRadius: radius2.md
+            borderTopLeftRadius: radius3.md,
+            borderBottomLeftRadius: radius3.md
           },
           "&:last-of-type": {
-            borderTopRightRadius: radius2.md,
-            borderBottomRightRadius: radius2.md
+            borderTopRightRadius: radius3.md,
+            borderBottomRightRadius: radius3.md
           }
         }
       }
@@ -1030,7 +1026,7 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius2.xl,
+          borderRadius: radius3.xl,
           border: `1px solid ${border3.secondary}`,
           backgroundColor: bg3.primary,
           boxShadow: tokenShadows.xs,
@@ -1079,7 +1075,7 @@ function buildComponents(tokens) {
           backgroundImage: "none"
         },
         rounded: {
-          borderRadius: radius2.lg
+          borderRadius: radius3.lg
         },
         elevation1: {
           boxShadow: tokenShadows.xs,
@@ -1120,7 +1116,7 @@ function buildComponents(tokens) {
       styleOverrides: {
         root: {
           border: `1px solid ${border3.secondary}`,
-          borderRadius: radius2.lg,
+          borderRadius: radius3.lg,
           "&:not(:last-child)": {
             marginBottom: 8
           },
@@ -1130,7 +1126,7 @@ function buildComponents(tokens) {
           "&.Mui-expanded": {
             margin: 0,
             marginBottom: 8,
-            borderRadius: radius2.lg
+            borderRadius: radius3.lg
           }
         }
       }
@@ -1193,7 +1189,7 @@ function buildComponents(tokens) {
     MuiChip: {
       styleOverrides: {
         root: {
-          borderRadius: radius2.md
+          borderRadius: radius3.md
         },
         label: {
           fontWeight: 500
@@ -1332,7 +1328,7 @@ function buildComponents(tokens) {
     MuiTableContainer: {
       styleOverrides: {
         root: {
-          borderRadius: radius2.xl,
+          borderRadius: radius3.xl,
           border: `1px solid ${border3.secondary}`,
           boxShadow: "none"
         }
@@ -1347,7 +1343,7 @@ function buildComponents(tokens) {
           lineHeight: "18px",
           minWidth: 20,
           height: 20,
-          borderRadius: radius2.full
+          borderRadius: radius3.full
         },
         colorPrimary: {
           backgroundColor: bg3.brandSolid
@@ -1364,7 +1360,7 @@ function buildComponents(tokens) {
         dot: {
           minWidth: 8,
           height: 8,
-          borderRadius: radius2.full
+          borderRadius: radius3.full
         }
       }
     },
@@ -1387,7 +1383,7 @@ function buildComponents(tokens) {
     MuiListItemButton: {
       styleOverrides: {
         root: {
-          borderRadius: radius2.sm,
+          borderRadius: radius3.sm,
           padding: "8px 12px",
           "&:hover": {
             backgroundColor: bg3.primaryHover
@@ -1435,7 +1431,7 @@ function buildComponents(tokens) {
           lineHeight: "18px",
           fontWeight: 600,
           padding: "8px 12px",
-          borderRadius: radius2.md,
+          borderRadius: radius3.md,
           boxShadow: tokenShadows.lg
         },
         arrow: {
@@ -1450,7 +1446,7 @@ function buildComponents(tokens) {
       },
       styleOverrides: {
         root: {
-          borderRadius: radius2.xl,
+          borderRadius: radius3.xl,
           fontSize: 14,
           lineHeight: "20px",
           padding: "12px 16px",
@@ -1516,7 +1512,7 @@ function buildComponents(tokens) {
     MuiDialog: {
       styleOverrides: {
         paper: {
-          borderRadius: radius2.xl,
+          borderRadius: radius3.xl,
           boxShadow: tokenShadows.xl,
           padding: 0
         }
@@ -1555,17 +1551,17 @@ function buildComponents(tokens) {
     MuiLinearProgress: {
       styleOverrides: {
         root: {
-          borderRadius: radius2.full,
+          borderRadius: radius3.full,
           height: 8,
           backgroundColor: border3.secondary
         },
         barColorPrimary: {
           backgroundColor: fg3.brandPrimary,
-          borderRadius: radius2.full
+          borderRadius: radius3.full
         },
         barColorSecondary: {
           backgroundColor: bg3.secondarySolid,
-          borderRadius: radius2.full
+          borderRadius: radius3.full
         }
       }
     },
@@ -1589,10 +1585,10 @@ function buildComponents(tokens) {
           backgroundColor: bg3.tertiary
         },
         rounded: {
-          borderRadius: radius2.md
+          borderRadius: radius3.md
         },
         circular: {
-          borderRadius: radius2.full
+          borderRadius: radius3.full
         }
       }
     },
@@ -1602,7 +1598,7 @@ function buildComponents(tokens) {
         root: {
           backgroundColor: bg3.primarySolid,
           color: text3.white,
-          borderRadius: radius2.xl,
+          borderRadius: radius3.xl,
           boxShadow: tokenShadows.lg,
           fontSize: 14,
           lineHeight: "20px",
@@ -1637,7 +1633,7 @@ function buildComponents(tokens) {
         styleOverrides: {
           root: {
             border: `1px solid ${border3.secondary}`,
-            borderRadius: radius2.xl,
+            borderRadius: radius3.xl,
             fontFamily: "inherit",
             "& .MuiDataGrid-withBorderColor": {
               borderColor: border3.secondary
@@ -1877,6 +1873,18 @@ var colors2 = {
   /** Blue (info) — forest defaults (standard UX) */
   blue: colors.blue
 };
+var radius2 = {
+  ...radius,
+  xxs: 1,
+  xs: 2,
+  sm: 3,
+  md: 4,
+  lg: 5,
+  xl: 6,
+  "2xl": 8,
+  "3xl": 10,
+  "4xl": 12
+};
 var text2 = {
   primary: colors2.gray[900],
   secondary: colors2.gray[700],
@@ -2111,7 +2119,7 @@ var alkemyPlusPreset = {
       tokens: {
         colors: colors2,
         spacing,
-        radius,
+        radius: radius2,
         shadows,
         focusRings: focusRings2,
         fontFamily: '"Aeonik", sans-serif',
@@ -2166,5 +2174,5 @@ var forestThemeOptions = {
 var forestTheme = createTheme(forestThemeOptions);
 
 export { alkemyPlusPreset, alpha, avatarColors, bg, border, breadcrumbColors, buildTheme, buildThemeOptions, buttonColors, chartColors, colors, components, container, display, fg, focusRings, fontFamily, fontSize, fontWeight, forestPreset, forestTheme, forestThemeOptions, getAvailablePresets, getPreset, iconColors, lineHeight, navColors, palette, radius, registerPreset, shadows, shadows2, sliderColors, spacing, text, toggleColors, typography, widths };
-//# sourceMappingURL=chunk-3FSKMCSC.mjs.map
-//# sourceMappingURL=chunk-3FSKMCSC.mjs.map
+//# sourceMappingURL=chunk-3FZJFTY7.mjs.map
+//# sourceMappingURL=chunk-3FZJFTY7.mjs.map