Rename boolean modifiers to WinUI names (#268)

Rename all boolean-style fluent modifiers to align with
WinUI property names per reviewer feedback:

- Visible -> IsVisible
- Disabled -> IsEnabled (inverted)
- Selectable -> IsTextSelectionEnabled
- ReadOnly -> IsReadOnly (TextField, RatingControl)
- Editable -> IsEditable
- Closable -> IsClosable
- Active -> IsActive
- DisabledFocusable -> IsDisabledFocusable
- LightDismiss -> IsLightDismissEnabled
- IsAddButtonVisible/ShowAddButton -> IsAddTabButtonVisible

Old names kept as [Obsolete] shims. All first-party code
migrated. API surface files updated.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

Author: sundaramramaswamy

SKILL.md

@@ -476,7 +476,7 @@ class App : Component
     }
 
     static Element NavBtn(string label, string current, Action<string> set) =>
-        Button(label, () => set(label)).Disabled(label == current);
+        Button(label, () => set(label)).IsEnabled(!(label == current));
 }
 ```
 

docs/_pipeline/ai-author-skill.md

@@ -702,7 +702,7 @@ case (no deps); `Memo(ctx => …, deps)` to also re-render when any dep changes;
 `.Background(color|ThemeRef)`, `.Foreground(color|ThemeRef)`,
 `.CornerRadius(n)`, `.WithBorder(color|ThemeRef, thickness?)`,
 `.HAlign(alignment)`, `.VAlign(alignment)`,
-`.Disabled(bool)`, `.Visible(bool)`, `.WithKey(string)`,
+`.IsEnabled(!bool)`, `.IsVisible(bool)`, `.WithKey(string)`,
 `.Flex(grow?, shrink?, basis?)`, `.ToolTip(string)`,
 `.FocusTrap(FocusTrapHandle)`,
 `.Set(control => { /* raw WinUI access */ })`

docs/_pipeline/apps/accessibility/App.cs

@@ -83,7 +83,7 @@ public override Element Render()
             CheckBox(agree, setAgree, label: "I accept the terms")
                 .TabIndex(3),
             Button("Register", () => { })
-                .Disabled(!valid).TabIndex(4).AccessKey("R")
+                .IsEnabled(valid).TabIndex(4).AccessKey("R")
         ).Landmark(AutomationLandmarkType.Form).Padding(24);
     }
 }

docs/_pipeline/apps/forms/App.cs

@@ -119,11 +119,11 @@ public override Element Render()
             // commit-on-keystroke, so validation reacts as the user types.
             NumberBox(age, setAge, header: "Age").Immediate(),
 
-            // .DisabledFocusable() keeps the button tab-reachable and
+            // .IsDisabledFocusable() keeps the button tab-reachable and
             // visually dimmed while preventing invocation. Pattern mirrors
             // Fluent UI's `disabledFocusable` and ARIA `aria-disabled`.
             Button("Submit", () => { /* submit */ })
-                .DisabledFocusable(!formValid)
+                .IsDisabledFocusable(!formValid)
                 .Margin(0, 8, 0, 0)
         ).Padding(24);
     }
@@ -162,7 +162,7 @@ public override Element Render()
             {
                 ctx.MarkAllTouched();
                 if (ctx.IsValid()) setSubmitted(true);
-            }).Disabled(submitted),
+            }).IsEnabled(!submitted),
             When(submitted, () =>
                 TextBlock("Registration successful!")
                     .Foreground(Theme.SystemSuccess).SemiBold())

docs/_pipeline/apps/navigation/App.cs

@@ -38,7 +38,7 @@ public override Element Render()
                 Button("Settings", () => nav.Navigate(Route.Settings)),
                 Button("Profile", () => nav.Navigate(Route.Profile)),
                 Button("Back", () => nav.GoBack())
-                    .Disabled(!nav.CanGoBack)
+                    .IsEnabled(nav.CanGoBack)
             ),
             NavigationHost(nav, route => route switch
             {
@@ -101,9 +101,9 @@ public override Element Render()
                 Button("Reset", () =>
                     nav.Reset(Route.Home)),
                 Button("Back", () => nav.GoBack())
-                    .Disabled(!nav.CanGoBack),
+                    .IsEnabled(nav.CanGoBack),
                 Button("Forward", () => nav.GoForward())
-                    .Disabled(!nav.CanGoForward)
+                    .IsEnabled(nav.CanGoForward)
             ),
             NavigationHost(nav, route =>
                 TextBlock($"Page: {route}")
@@ -158,7 +158,7 @@ public override Element Render()
                 Button("Settings", () => nav.Navigate(Route.Settings)),
                 Button("Profile", () => nav.Navigate(Route.Profile)),
                 Button("Back", () => nav.GoBack())
-                    .Disabled(!nav.CanGoBack)
+                    .IsEnabled(nav.CanGoBack)
             ),
             NavigationHost(nav, route => route switch
             {
@@ -256,7 +256,7 @@ public override Element Render()
                 {
                     if (savedState is not null)
                         nav.SetState(savedState);
-                }).Disabled(savedState is null)
+                }).IsEnabled(!(savedState is null))
             ),
             TextBlock($"Current: {nav.CurrentRoute}"),
             TextBlock($"Saved: {savedState?[..Math.Min(50, savedState?.Length ?? 0)] ?? "(none)"}")
@@ -322,7 +322,7 @@ public override Element Render()
                 Button("Home", () => nav.Navigate(Route.Home)),
                 Button("Settings", () => nav.Navigate(Route.Settings)),
                 Button("Back", () => nav.GoBack())
-                    .Disabled(!nav.CanGoBack)
+                    .IsEnabled(nav.CanGoBack)
             ),
             NavigationHost(nav, route => route switch
             {

docs/_pipeline/apps/todo-app/App.cs

@@ -35,7 +35,7 @@ public override Element Render()
                         updateItems(list => [.. list, new TodoItem(newText.Trim(), false)]);
                         setNewText("");
                     }
-                }).Disabled(string.IsNullOrWhiteSpace(newText))
+                }).IsEnabled(!(string.IsNullOrWhiteSpace(newText)))
             ),
 
             // Item list

docs/_pipeline/apps/xaml-developers/App.cs

@@ -49,7 +49,7 @@ public override Element Render()
             TextField(email, setEmail, header: "Email"),
             CheckBox(wantsUpdates, setWantsUpdates, label: "Email me updates"),
             HStack(8,
-                Button("Save", () => { }).Disabled(!canSave),
+                Button("Save", () => { }).IsEnabled(canSave),
                 TextBlock(canSave ? "Ready to save" : "Complete all required fields")
                     .Opacity(0.7)
             )

docs/_pipeline/templates/forms.md.dt

@@ -138,7 +138,7 @@ Reactor offers two opt-in fixes for this. They compose:
 
 ![Keep submit reachable](screenshot://forms/keep-submit-reachable)
 
-**`.DisabledFocusable(bool)` on Button** keeps the button keyboard-focusable
+**`.IsDisabledFocusable(bool)` on Button** keeps the button keyboard-focusable
 and tab-reachable while presenting it as disabled (dimmed; the click is
 suppressed). Mirrors Fluent UI React's `disabledFocusable` and ARIA's
 `aria-disabled`. Use it for any Submit gated on validation, busy state, or
@@ -152,14 +152,14 @@ the right choice when an intermediate value would be expensive or surprising
 (snapping `2.50` to `2.5` mid-edit). Apply when validation gates UI state
 and you want it to feel live.
 
-Use `.DisabledFocusable()` whenever a button is conditionally disabled in a
+Use `.IsDisabledFocusable()` whenever a button is conditionally disabled in a
 form — even if you've also applied `.Immediate()` to every commit-on-blur
 input. The two cover different failure modes: `.Immediate()` keeps validity
-in sync with typing; `.DisabledFocusable()` keeps the button discoverable
+in sync with typing; `.IsDisabledFocusable()` keeps the button discoverable
 when validity is gated on async checks, required-but-untouched fields,
 cross-field rules, or any derived condition that can't be made instantaneous.
 
-> **Where not to use `.DisabledFocusable()`:** only buttons. For data-entry
+> **Where not to use `.IsDisabledFocusable()`:** only buttons. For data-entry
 > controls (`TextField`, `NumberBox`, `CheckBox`, etc.), `IsEnabled=false`
 > usually means "this field isn't part of your current task" (cascading
 > from another input), and tab-skipping is the correct UX. Use

docs/guide/accessibility.md

@@ -156,7 +156,7 @@ class AccessibleFormDemo : Component
             CheckBox(agree, setAgree, label: "I accept the terms")
                 .TabIndex(3),
             Button("Register", () => { })
-                .Disabled(!valid).TabIndex(4).AccessKey("R")
+                .IsEnabled(valid).TabIndex(4).AccessKey("R")
         ).Landmark(AutomationLandmarkType.Form).Padding(24);
     }
 }

docs/guide/forms.md

@@ -246,11 +246,11 @@ class KeepSubmitReachableDemo : Component
             // commit-on-keystroke, so validation reacts as the user types.
             NumberBox(age, setAge, header: "Age").Immediate(),
 
-            // .DisabledFocusable() keeps the button tab-reachable and
+            // .IsDisabledFocusable() keeps the button tab-reachable and
             // visually dimmed while preventing invocation. Pattern mirrors
             // Fluent UI's `disabledFocusable` and ARIA `aria-disabled`.
             Button("Submit", () => { /* submit */ })
-                .DisabledFocusable(!formValid)
+                .IsDisabledFocusable(!formValid)
                 .Margin(0, 8, 0, 0)
         ).Padding(24);
     }
@@ -259,7 +259,7 @@ class KeepSubmitReachableDemo : Component
 
 ![Keep submit reachable](images/forms/keep-submit-reachable.png)
 
-**`.DisabledFocusable(bool)` on Button** keeps the button keyboard-focusable
+**`.IsDisabledFocusable(bool)` on Button** keeps the button keyboard-focusable
 and tab-reachable while presenting it as disabled (dimmed; the click is
 suppressed). Mirrors Fluent UI React's `disabledFocusable` and ARIA's
 `aria-disabled`. Use it for any Submit gated on validation, busy state, or
@@ -273,14 +273,14 @@ the right choice when an intermediate value would be expensive or surprising
 (snapping `2.50` to `2.5` mid-edit). Apply when validation gates UI state
 and you want it to feel live.
 
-Use `.DisabledFocusable()` whenever a button is conditionally disabled in a
+Use `.IsDisabledFocusable()` whenever a button is conditionally disabled in a
 form — even if you've also applied `.Immediate()` to every commit-on-blur
 input. The two cover different failure modes: `.Immediate()` keeps validity
-in sync with typing; `.DisabledFocusable()` keeps the button discoverable
+in sync with typing; `.IsDisabledFocusable()` keeps the button discoverable
 when validity is gated on async checks, required-but-untouched fields,
 cross-field rules, or any derived condition that can't be made instantaneous.
 
-> **Where not to use `.DisabledFocusable()`:** only buttons. For data-entry
+> **Where not to use `.IsDisabledFocusable()`:** only buttons. For data-entry
 > controls (`TextField`, `NumberBox`, `CheckBox`, etc.), `IsEnabled=false`
 > usually means "this field isn't part of your current task" (cascading
 > from another input), and tab-skipping is the correct UX. Use
@@ -324,7 +324,7 @@ class ValidationContextDemo : Component
             {
                 ctx.MarkAllTouched();
                 if (ctx.IsValid()) setSubmitted(true);
-            }).Disabled(submitted),
+            }).IsEnabled(!submitted),
             When(submitted, () =>
                 TextBlock("Registration successful!")
                     .Foreground(Theme.SystemSuccess).SemiBold())