@matteoaliano/forest-ui 0.2.8 → 0.2.10

package/bin/stamp-version.mjs

@@ -0,0 +1,53 @@
+#!/usr/bin/env node
+
+/**
+ * Stamps the current package version into all guideline .md files.
+ * Replaces lines matching `> **forest-ui v*.**` with the version from package.json.
+ *
+ * Run automatically before sync and publish via npm scripts.
+ */
+
+import { readFileSync, writeFileSync, readdirSync, existsSync } from "node:fs";
+import { resolve, dirname } from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const pkgPath = resolve(__dirname, "..", "package.json");
+const version = JSON.parse(readFileSync(pkgPath, "utf-8")).version;
+
+const guidelinesDir = resolve(__dirname, "..", "guidelines");
+const themesDir = resolve(guidelinesDir, "themes");
+
+const versionRe = />\s*\*\*forest-ui v[^*]*\*\*/;
+const replacement = `> **forest-ui v${version}**`;
+
+function stampFile(filePath) {
+  const content = readFileSync(filePath, "utf-8");
+  if (!versionRe.test(content)) return false;
+  const updated = content.replace(versionRe, replacement);
+  if (updated === content) return false;
+  writeFileSync(filePath, updated, "utf-8");
+  return true;
+}
+
+let stamped = 0;
+
+// Stamp top-level guideline files
+for (const f of readdirSync(guidelinesDir)) {
+  if (!f.endsWith(".md")) continue;
+  if (stampFile(resolve(guidelinesDir, f))) stamped++;
+}
+
+// Stamp theme files
+if (existsSync(themesDir)) {
+  for (const f of readdirSync(themesDir)) {
+    if (!f.endsWith(".md")) continue;
+    if (stampFile(resolve(themesDir, f))) stamped++;
+  }
+}
+
+if (stamped > 0) {
+  console.log(`   Stamped v${version} into ${stamped} guideline file(s)`);
+} else {
+  console.log(`   All guideline files already at v${version}`);
+}

package/bin/sync.mjs

@@ -26,6 +26,9 @@ import { fileURLToPath } from "node:url";
 const __filename = fileURLToPath(import.meta.url);
 const __dirname = dirname(__filename);
 
+const pkgPath = resolve(__dirname, "..", "package.json");
+const pkgVersion = JSON.parse(readFileSync(pkgPath, "utf-8")).version;
+
 const guidelinesDir = resolve(__dirname, "..", "guidelines");
 const themesDir = resolve(guidelinesDir, "themes");
 
@@ -102,7 +105,11 @@ for (const entry of entries) {
         continue;
     }
 
-    const content = readFileSync(entry.source, "utf-8");
+    const raw = readFileSync(entry.source, "utf-8");
+    const content = raw.replace(
+        />\s*\*\*forest-ui v[^*]*\*\*/,
+        `> **forest-ui v${pkgVersion}**`,
+    );
 
     // Claude Code target
     const claudeDir = resolve(projectRoot, ".claude");

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

@@ -92,6 +92,54 @@ var colors = {
     800: "#1849a9",
     900: "#194185",
     950: "#102a56"
+  },
+  teal: {
+    100: "#ccfbef",
+    200: "#99f6e0",
+    600: "#0e9384",
+    700: "#107569"
+  },
+  orange: {
+    100: "#fdead7",
+    200: "#f9dbaf",
+    600: "#e04f16",
+    700: "#b93815"
+  },
+  purple: {
+    100: "#ebe9fe",
+    200: "#d9d6fe",
+    600: "#6938ef",
+    700: "#5925dc"
+  },
+  pink: {
+    100: "#fce7f6",
+    200: "#fcceee",
+    600: "#dd2590",
+    700: "#c11574"
+  },
+  fuchsia: {
+    100: "#fbe8ff",
+    200: "#f6d0fe",
+    600: "#ba24d5",
+    700: "#9f1ab1"
+  },
+  orangeDark: {
+    100: "#ffe6d5",
+    200: "#ffd6ae",
+    600: "#e62e05",
+    700: "#bc1b06"
+  },
+  green: {
+    100: "#d3f8df",
+    200: "#aaf0c4",
+    600: "#099250",
+    700: "#087443"
+  },
+  indigo: {
+    100: "#e0eaff",
+    200: "#c7d7fe",
+    600: "#444ce7",
+    700: "#3538cd"
   }
 };
 var spacing = {
@@ -229,7 +277,7 @@ var bg = {
   secondarySolid: colors.gray[600],
   tertiary: colors.gray[100],
   quaternary: colors.gray[200],
-  active: colors.gray[50],
+  active: colors.gray[200],
   disabled: colors.gray[100],
   disabledSubtle: colors.gray[50],
   overlay: colors.gray[950],
@@ -376,7 +424,7 @@ var iconColors = {
 };
 var navColors = {
   itemIconFg: colors.gray[500],
-  itemIconFgActive: colors.gray[500],
+  itemIconFgActive: colors.gray[700],
   itemButtonIconFg: colors.gray[500],
   itemButtonIconFgActive: colors.gray[700]
 };
@@ -397,15 +445,33 @@ var chartColors = {
   tooltipBg: colors.gray[950],
   tooltipFg: colors.base.white,
   crosshairFg: colors.gray[500],
-  legendFg: colors.gray[700],
-  series1Fg: colors.blue[600],
-  series1FgHover: colors.blue[700],
-  series1Bg: colors.blue[100],
-  series1BgHover: colors.blue[200],
-  series2Fg: colors.brand[600],
-  series2FgHover: colors.brand[700],
-  series2Bg: colors.brand[100],
-  series2BgHover: colors.brand[200]
+  legendFg: text.tertiary,
+  categorical: [
+    "#7B61FF",
+    "#FF7E67",
+    "#76DFD5",
+    "#F6C343",
+    "#B36A6F",
+    "#71BCF6",
+    "#FFB076",
+    "#11819D",
+    "#3CB371",
+    "#FFBCAE",
+    "#C87EED",
+    "#76C5AF"
+  ],
+  vibrant: [
+    "#6B38FB",
+    // 1. Deep Purple
+    "#E85B22",
+    // 2. Deep Orange
+    "#4AABFF",
+    // 3. Bright Blue
+    "#E83B1A",
+    // 4. True Red
+    "#E02088"
+    // 5. Magenta
+  ]
 };
 var alpha = {
   white: {
@@ -436,6 +502,7 @@ var alpha = {
 
 // src/theme/palette.ts
 function buildPalette(tokens) {
+  var _a;
   const { colors: colors3, text: text3, bg: bg3, fg: fg3, border: border3 } = tokens;
   return {
     primary: {
@@ -490,7 +557,8 @@ function buildPalette(tokens) {
       selected: bg3.brandPrimary,
       disabled: fg3.disabled,
       disabledBackground: bg3.disabled
-    }
+    },
+    chart: (_a = tokens.chartColors) != null ? _a : chartColors
   };
 }
 var palette = buildPalette({
@@ -498,7 +566,8 @@ var palette = buildPalette({
   text,
   bg,
   fg,
-  border
+  border,
+  chartColors
 });
 
 // src/theme/typography.ts
@@ -1019,6 +1088,15 @@ function buildComponents(tokens) {
         }
       }
     },
+    // ─── Drawer (used by Sidebar) ─────────────────────────────────
+    MuiDrawer: {
+      styleOverrides: {
+        paper: {
+          backgroundColor: bg3.primary,
+          borderRight: `1px solid ${border3.secondary}`
+        }
+      }
+    },
     // ─── Card ───────────────────────────────────────────────────────
     MuiCard: {
       defaultProps: {
@@ -1809,7 +1887,6 @@ var forestPreset = {
 // src/theme/presets/alkemy-plus.ts
 var red = {
   50: "#fef2f2",
-  100: "#fee2e2",
   200: "#fecaca",
   600: "#dc2626",
   700: "#b91c1c",
@@ -1871,7 +1948,15 @@ var colors2 = {
   /** Success — forest defaults (standard UX green) */
   success: colors.success,
   /** Blue (info) — forest defaults (standard UX) */
-  blue: colors.blue
+  blue: colors.blue,
+  teal: colors.teal,
+  orange: colors.orange,
+  purple: colors.purple,
+  pink: colors.pink,
+  fuchsia: colors.fuchsia,
+  orangeDark: colors.orangeDark,
+  green: colors.green,
+  indigo: colors.indigo
 };
 var radius2 = {
   ...radius,
@@ -2091,15 +2176,48 @@ var chartColors2 = {
   tooltipBg: colors2.gray[950],
   tooltipFg: colors2.base.white,
   crosshairFg: colors2.gray[500],
-  legendFg: colors2.gray[700],
-  series1Fg: colors2.brand[600],
-  series1FgHover: colors2.brand[700],
-  series1Bg: colors2.brand[100],
-  series1BgHover: colors2.brand[200],
-  series2Fg: red[600],
-  series2FgHover: red[700],
-  series2Bg: red[100],
-  series2BgHover: red[200]
+  legendFg: text2.tertiary,
+  categorical: [
+    "#7B61FF",
+    "#FF7E67",
+    "#76DFD5",
+    "#F6C343",
+    "#B36A6F",
+    "#71BCF6",
+    "#FFB076",
+    "#11819D",
+    "#3CB371",
+    "#FFBCAE",
+    "#C87EED",
+    "#76C5AF"
+  ],
+  vibrant: [
+    "#6B38FB",
+    "#E85B22",
+    "#4AABFF",
+    "#E83B1A",
+    "#E02088"
+  ],
+  series6Fg: colors2.brand[400],
+  series6FgHover: colors2.brand[500],
+  series6Bg: colors2.brand[100],
+  series6BgHover: colors2.brand[200],
+  series7Fg: colors2.fuchsia[600],
+  series7FgHover: colors2.fuchsia[700],
+  series7Bg: colors2.fuchsia[100],
+  series7BgHover: colors2.fuchsia[200],
+  series8Fg: colors2.teal[600],
+  series8FgHover: colors2.teal[700],
+  series8Bg: colors2.teal[100],
+  series8BgHover: colors2.teal[200],
+  series9Fg: colors2.indigo[600],
+  series9FgHover: colors2.indigo[700],
+  series9Bg: colors2.indigo[100],
+  series9BgHover: colors2.indigo[200],
+  series10Fg: colors2.green[600],
+  series10FgHover: colors2.green[700],
+  series10Bg: colors2.green[100],
+  series10BgHover: colors2.green[200]
 };
 var focusRings2 = {
   brand: "0px 0px 0px 4px #f040403d",
@@ -2174,5 +2292,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-3FZJFTY7.mjs.map
-//# sourceMappingURL=chunk-3FZJFTY7.mjs.map
+//# sourceMappingURL=chunk-7B6NCKX3.mjs.map
+//# sourceMappingURL=chunk-7B6NCKX3.mjs.map