refactor(remix)!: generate callable component stylers

docs/styler-api.mdx

@@ -39,7 +39,8 @@ final fluent = CardStyler().color(Colors.blue);
 | Alias of a canonical operation | Do not add one. A canonical operation has exactly one spelling. |
 | Slot-forwarding convenience (`titleColor`, `labelFontSize`) | Keep it fluent-only. It names a child slot rather than duplicating a canonical operation. |
 | Styler lifecycle or composition (`animate`, `variants`, `wrap`, `modifier`, `merge`) | Keep it fluent-only because it configures or combines an existing parent styler. |
-| Generic variant or callable widget helper | Keep it as an extension method; it operates on an existing styler. |
+| Generic variant helper | Keep it as an extension method; it operates on an existing styler. |
+| Callable widget helper | Generate it with `@MixableSpec(target: RemixWidget.new)` so it stays aligned with the widget constructor. |
 | Name conflict | Give the component-specific behavior a descriptive name and reserve the canonical name for the generated surface. |
 
 Factories are generated from each component spec. Do not add public methods

packages/remix/CHANGELOG.md

@@ -1,5 +1,10 @@
 ## 1.0.0-beta.4
 
+- **BREAKING**: Replace handwritten component `Styler.call(...)` extensions
+  with generator-owned instance methods. Ordinary `.call(...)` and callable
+  styler syntax remain source-compatible, but explicit references to the old
+  `Remix*StylerRemixHelpers` call extensions are removed.
+- **FEAT**: Add a generated callable widget surface to `DataTableStyler`.
 - **BREAKING**: `RemixSelectTrigger` gains `collapsedIcon` and `expandedIcon`,
   replacing the hardcoded trigger chevron. Each state falls back independently,
   so a trigger that only sets one keeps the default for the other.

packages/remix/lib/src/components/accordion/accordion_spec.dart

@@ -1,7 +1,10 @@
 part of 'accordion.dart';
 
 /// Resolved visual properties for a [RemixAccordion].
-@MixableSpec(extraStylerMixins: [RemixBoxStylerMixin])
+@MixableSpec(
+  target: RemixAccordion.new,
+  extraStylerMixins: [RemixBoxStylerMixin],
+)
 class AccordionSpec with _$AccordionSpec {
   /// Outer panel: radius, border, fill, and clipping shared by [trigger] and
   /// [content].

packages/remix/lib/src/components/accordion/accordion_style.dart

@@ -103,47 +103,4 @@ extension RemixAccordionStylerRemixHelpers on AccordionStyler {
       value,
     );
   }
-
-  /// Creates a [RemixAccordion] widget with this style applied.
-  RemixAccordion<T> call<T>({
-    Key? key,
-    required T value,
-    required Widget child,
-    String? title,
-    IconData? leadingIcon,
-    IconData? trailingIcon,
-    NakedAccordionTriggerBuilder<T>? builder,
-    bool enabled = true,
-    MouseCursor mouseCursor = SystemMouseCursors.click,
-    bool enableFeedback = true,
-    bool autofocus = false,
-    FocusNode? focusNode,
-    ValueChanged<bool>? onFocusChange,
-    ValueChanged<bool>? onHoverChange,
-    ValueChanged<bool>? onPressChange,
-    String? semanticLabel,
-    Widget Function(Widget, Animation<double>)? transitionBuilder,
-  }) {
-    return RemixAccordion(
-      key: key,
-      value: value,
-      title: title,
-      leadingIcon: leadingIcon,
-      trailingIcon: trailingIcon,
-      enabled: enabled,
-      mouseCursor: mouseCursor,
-      enableFeedback: enableFeedback,
-      autofocus: autofocus,
-      focusNode: focusNode,
-      onFocusChange: onFocusChange,
-      onHoverChange: onHoverChange,
-      onPressChange: onPressChange,
-      semanticLabel: semanticLabel,
-      transitionBuilder:
-          transitionBuilder ?? RemixAccordion.defaultAccordionTransitionBuilder,
-      style: this,
-      child: child,
-      builder: builder,
-    );
-  }
 }

packages/remix/lib/src/components/accordion/accordion_widget.dart

@@ -110,10 +110,12 @@ class RemixAccordion<T> extends StatelessWidget {
     this.onHoverChange,
     this.onPressChange,
     this.semanticLabel,
-    this.transitionBuilder = defaultAccordionTransitionBuilder,
+    Widget Function(Widget, Animation<double>)? transitionBuilder,
     this.style = const AccordionStyler.create(),
     this.styleSpec,
-  }) : assert(
+  }) : transitionBuilder =
+           transitionBuilder ?? defaultAccordionTransitionBuilder,
+       assert(
          title != null || builder != null,
          'Either title or builder must be provided',
        );

packages/remix/lib/src/components/avatar/avatar.dart

@@ -9,6 +9,5 @@ import '../../style/style.dart';
 import '../../utilities/remix_style.dart';
 
 part 'avatar_spec.dart';
-part 'avatar_style.dart';
 part 'avatar_widget.dart';
 part 'avatar.g.dart';

packages/remix/lib/src/components/avatar/avatar_spec.dart

@@ -2,6 +2,7 @@ part of 'avatar.dart';
 
 /// Resolved visual properties for a [RemixAvatar].
 @MixableSpec(
+  target: RemixAvatar.new,
   extraStylerMixins: [RemixBoxStylerMixin, LabelStyleMixin, IconStyleMixin],
 )
 class AvatarSpec with _$AvatarSpec {

packages/remix/lib/src/components/badge/badge.dart

@@ -10,6 +10,5 @@ import '../../utilities/remix_style.dart';
 import '../../rendering/remix_box_effects.dart';
 
 part 'badge_spec.dart';
-part 'badge_style.dart';
 part 'badge_widget.dart';
 part 'badge.g.dart';

packages/remix/lib/src/components/badge/badge_spec.dart

@@ -1,7 +1,10 @@
 part of 'badge.dart';
 
 /// Resolved visual properties for a [RemixBadge].
-@MixableSpec(extraStylerMixins: [RemixBoxStylerMixin, LabelStyleMixin])
+@MixableSpec(
+  target: RemixBadge.new,
+  extraStylerMixins: [RemixBoxStylerMixin, LabelStyleMixin],
+)
 class BadgeSpec with _$BadgeSpec {
   @override
   @MixableField(forwardStyler: true)

packages/remix/lib/src/components/button/button.dart

@@ -12,6 +12,5 @@ import '../../utilities/remix_style.dart';
 import '../spinner/spinner.dart';
 
 part 'button_spec.dart';
-part 'button_style.dart';
 part 'button_widget.dart';
 part 'button.g.dart';

packages/remix/lib/src/components/button/button_spec.dart

@@ -58,6 +58,7 @@ enum RemixIconAlignment { start, end }
 /// - [RemixButton] for the widget implementation
 /// - [Spec] for the base specification pattern
 @MixableSpec(
+  target: RemixButton.new,
   extraStylerMixins: [
     RemixBoxStylerMixin,
     LabelStyleMixin,