@matteoaliano/forest-ui 1.1.1 → 1.2.1

package/bin/sync.mjs

@@ -11,7 +11,7 @@
  * skill source to the dogfood `.claude/skills/` copy and the plugin bundle.
  */
 
-import { mkdirSync, readdirSync, cpSync } from "node:fs";
+import { mkdirSync, readdirSync, cpSync, readFileSync, writeFileSync } from "node:fs";
 import { resolve, dirname } from "node:path";
 import { fileURLToPath } from "node:url";
 
@@ -58,4 +58,18 @@ for (const target of targets) {
   }
 }
 
+// Stamp the plugin version from package.json — the plugin's version is what
+// Claude Code compares to surface "Update available", so it must move with
+// every release that changes the bundled skill/hooks.
+const pkgVersion = JSON.parse(
+  readFileSync(resolve(__dirname, "..", "package.json"), "utf-8")
+).version;
+const pluginJsonPath = resolve(repoRoot, "plugins", "forest-ui", ".claude-plugin", "plugin.json");
+const pluginJson = JSON.parse(readFileSync(pluginJsonPath, "utf-8"));
+if (pluginJson.version !== pkgVersion) {
+  pluginJson.version = pkgVersion;
+  writeFileSync(pluginJsonPath, JSON.stringify(pluginJson, null, 2) + "\n");
+  console.log(`   ✅ plugins/forest-ui/.claude-plugin/plugin.json → version ${pkgVersion}`);
+}
+
 console.log(`\n   Synced ${skillFolders.length} skill(s) to ${targets.length} target(s) (${synced} copies).\n`);

package/dist/{chunk-BCOHH5MJ.mjs → chunk-4PNVZETQ.mjs}

@@ -447,6 +447,20 @@ function buildComponents(tokens2) {
                 borderTopRightRadius: radius4.md,
                 opacity: 0.75
               },
+              // Unified disabled treatment across the button family (Button,
+              // IconButton, Fab, ButtonGroup, ToggleButton): transparent face,
+              // disabled border, disabled text — matching the outlined
+              // IconButton reference. Contained's fill is dropped and the bevel
+              // geometry re-asserted (MUI's outlined disabled `border: 1px`
+              // shorthand would otherwise flatten it).
+              "&.Mui-disabled": {
+                backgroundColor: "transparent",
+                borderColor: border4.disabled,
+                borderTopWidth: 1,
+                borderRightWidth: 1,
+                borderLeftWidth: 1,
+                borderBottomWidth: 4
+              },
               "@media (prefers-reduced-motion: reduce)": {
                 transition: "none",
                 "&::before": { display: "none" }
@@ -488,6 +502,13 @@ function buildComponents(tokens2) {
           "&.MuiButtonGroup-contained .MuiButtonGroup-grouped:not(.Mui-disabled)": {
             borderColor: fg4.tertiary
           },
+          // Disabled grouped children: MUI's per-position grouped-contained
+          // border wins over the child Button's own .Mui-disabled rule on the
+          // first/middle buttons — pin the unified disabled border here so the
+          // whole group matches the standalone disabled Button.
+          "&.MuiButtonGroup-contained .MuiButtonGroup-grouped.Mui-disabled": {
+            borderColor: border4.disabled
+          },
           // outlined group → the outlined-Button look (outlinedFill), including
           // its lightened hover sweep (the forced-contained children would
           // otherwise sweep at full currentColor strength).
@@ -552,6 +573,13 @@ function buildComponents(tokens2) {
           },
           "&.ForestIconButton": {
             ...bevel3D,
+            // Square 32×32 with border-box so the faux-3D bevel (1px top + 4px
+            // bottom, 1px left/right) is absorbed rather than added on top —
+            // otherwise it rendered a 37×34 control instead of matching the
+            // standalone Button's 32px height.
+            height: 32,
+            width: 32,
+            boxSizing: "border-box",
             boxShadow: tokenShadows.xs,
             "&:focus-visible": {
               boxShadow: focusRings4.brandShadowXs
@@ -589,15 +617,13 @@ function buildComponents(tokens2) {
               filter: "brightness(0.97)"
             }
           },
-          // Disabled parity with the Button variants: MUI IconButton's own
-          // .Mui-disabled (transparent bg + action.disabled icon) ties with the
-          // variant faces at (0,2,0) and loses on insertion order — pin the
-          // disabled treatment one class higher.
-          "&.ForestIconButton-contained.Mui-disabled": {
-            backgroundColor: (theme.vars || theme).palette.action.disabledBackground,
-            color: (theme.vars || theme).palette.action.disabled
-          },
-          "&.ForestIconButton-outlined.Mui-disabled": {
+          // Unified disabled treatment for both variants: transparent face,
+          // disabled border, disabled icon — bevel geometry retained. This is
+          // the reference the rest of the button family matches. The two-class
+          // selector out-specifies the single-class variant faces so contained's
+          // fill is dropped.
+          "&.ForestIconButton.Mui-disabled": {
+            backgroundColor: "transparent",
             color: (theme.vars || theme).palette.action.disabled,
             borderColor: border4.disabled
           }
@@ -664,6 +690,13 @@ function buildComponents(tokens2) {
           "&:focus-visible": {
             boxShadow: focusRings4.brandShadowSm
           },
+          // Same unified disabled treatment as Button/IconButton: drop the
+          // contained fill for a transparent, disabled-bordered face.
+          "&.Mui-disabled": {
+            backgroundColor: "transparent",
+            borderColor: border4.disabled,
+            color: (theme.vars || theme).palette.action.disabled
+          },
           "@media (prefers-reduced-motion: reduce)": {
             transition: "none",
             "&::before": { display: "none" }
@@ -953,7 +986,19 @@ function buildComponents(tokens2) {
         root: {
           width: 44,
           height: 24,
-          padding: 0
+          padding: 0,
+          // MUI's `size="small"` variant only half-applies here: the theme pins
+          // the track at the wide 44px medium geometry, but MUI still shrinks the
+          // thumb (16px), bumps switchBase padding (4px), and cuts the checked
+          // travel to 16px — leaving the thumb parked mid-track. Forest ships a
+          // single calibrated 24px switch, so neutralize `small` back to it.
+          "&.MuiSwitch-sizeSmall": {
+            "& .MuiSwitch-switchBase": {
+              padding: 2,
+              "&.Mui-checked": { transform: "translateX(20px)" }
+            },
+            "& .MuiSwitch-thumb": { width: 20, height: 20 }
+          }
         },
         switchBase: {
           padding: 2,
@@ -1047,16 +1092,16 @@ function buildComponents(tokens2) {
               borderTopRightRadius: radius4.md
             }
           },
-          // Disabled parity with the disabled contained Button: greyed face +
-          // disabled fg, bevel geometry retained. MUI's own .Mui-disabled rule
-          // only swaps color and border-shorthands the bevel away — and ties
-          // with .Mui-selected at (0,2,0) — so this block sits AFTER selected
-          // to win both.
+          // Disabled parity with the rest of the button family: transparent
+          // face, disabled border + fg, bevel geometry retained. MUI's own
+          // .Mui-disabled rule only swaps color and border-shorthands the bevel
+          // away — and ties with .Mui-selected at (0,2,0) — so this block sits
+          // AFTER selected to win both.
           "&.Mui-disabled": {
-            backgroundColor: (theme.vars || theme).palette.action.disabledBackground,
+            backgroundColor: "transparent",
             color: (theme.vars || theme).palette.action.disabled,
             borderStyle: "solid",
-            borderColor: fg4.tertiary,
+            borderColor: border4.disabled,
             borderTopWidth: 1,
             borderRightWidth: 1,
             borderLeftWidth: 1,
@@ -3976,4 +4021,4 @@ export {
   forestTheme,
   forestThemeOptions
 };
-//# sourceMappingURL=chunk-BCOHH5MJ.mjs.map
+//# sourceMappingURL=chunk-4PNVZETQ.mjs.map