kasy-cli 1.39.0 → 1.40.0

package/templates/firebase/lib/features/home/home_components_page.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:go_router/go_router.dart';
 import 'package:kasy_kit/components/kasy_app_bar.dart';
 import 'package:kasy_kit/core/haptics/kasy_haptics.dart';
+import 'package:kasy_kit/core/navigation/kasy_route_observer.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
 import 'package:kasy_kit/core/widgets/kasy_hover.dart';
 import 'package:kasy_kit/core/widgets/kasy_scroll_behavior.dart';
@@ -46,18 +47,34 @@ class HomeComponentsCatalog extends StatefulWidget {
   State<HomeComponentsCatalog> createState() => _HomeComponentsCatalogState();
 }
 
-class _HomeComponentsCatalogState extends State<HomeComponentsCatalog> {
+class _HomeComponentsCatalogState extends State<HomeComponentsCatalog>
+    with RouteAware {
   final TextEditingController _searchCtrl = TextEditingController();
   String _query = '';
 
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    final ModalRoute<dynamic>? route = ModalRoute.of(context);
+    if (route != null) {
+      kasyRouteObserver.subscribe(this, route);
+    }
+  }
+
   @override
   void dispose() {
+    kasyRouteObserver.unsubscribe(this);
     _searchCtrl.dispose();
     super.dispose();
   }
 
-  /// Reset the filter when leaving for a component, so coming back shows the
-  /// full catalog instead of the stale search term.
+  /// When a pushed preview pops back to the catalog, reset the filter so the
+  /// list shows the full catalog instead of the stale search term. Backed up by
+  /// the navigation future's [_clearSearch] for the admin-embedded case, whose
+  /// nested navigator the root observer does not see.
+  @override
+  void didPopNext() => _clearSearch();
+
   void _clearSearch() {
     if (!mounted) return;
     if (_query.isEmpty && _searchCtrl.text.isEmpty) return;
@@ -325,6 +342,7 @@ const Set<String> _kReadyComponents = <String>{
   'Dialog',
   'DropDown',
   'Hover',
+  'Menu',
   'Tabs',
   'TextArea',
   'TextField',
@@ -352,6 +370,7 @@ const Set<String> _kWebReadyComponents = <String>{
   'Dialog',
   'DropDown',
   'Hover',
+  'Menu',
   'Sidebar',
   'Skeleton',
   'Status Tag',
@@ -384,6 +403,7 @@ const List<_CatalogRow> _kCatalog = [
   _CatalogRow('Dialog'),
   _CatalogRow('DropDown'),
   _CatalogRow('Hover'),
+  _CatalogRow('Menu'),
   _CatalogRow('Sidebar'),
   _CatalogRow('Skeleton'),
   _CatalogRow('Status Tag'),
@@ -412,7 +432,6 @@ const List<_CatalogRow> _kCatalog = [
   _CatalogRow('LineChart'),
   _CatalogRow('LinkButton'),
   _CatalogRow('ListGroup'),
-  _CatalogRow('Menu'),
   _CatalogRow('NumberField'),
   _CatalogRow('NumberStepper'),
   _CatalogRow('NumberValue'),

package/templates/firebase/lib/features/home/home_components_preview_registry.dart

@@ -101,6 +101,15 @@ ComponentPreviewDefinition? getComponentPreviewDefinition(
             label: 'Application no avatar (desktop)',
             builder: _buildAppBarApplicationNoAvatarVariant,
           ),
+          // Per-screen presets — same bar, a screen picking its own chrome.
+          ComponentPreviewVariant(
+            label: 'Search only (desktop)',
+            builder: _buildAppBarApplicationSearchOnlyVariant,
+          ),
+          ComponentPreviewVariant(
+            label: 'Notifications only (desktop)',
+            builder: _buildAppBarApplicationNotificationsOnlyVariant,
+          ),
         ],
       );
     case 'Button':
@@ -323,6 +332,21 @@ ComponentPreviewDefinition? getComponentPreviewDefinition(
           ),
         ],
       );
+    case 'Menu':
+      return const ComponentPreviewDefinition(
+        title: 'Menu',
+        variants: [
+          ComponentPreviewVariant(
+            label: 'Basic usage',
+            builder: _buildMenuBasicUsage,
+          ),
+          ComponentPreviewVariant(
+            label: 'Selection',
+            builder: _buildMenuStyles,
+          ),
+          ComponentPreviewVariant(label: 'Submenu', builder: _buildMenuSubmenu),
+        ],
+      );
     case 'Badge':
       return const ComponentPreviewDefinition(
         title: 'Badge',
@@ -1942,16 +1966,42 @@ Widget _buildAppBarMenuVariant(BuildContext context) {
   );
 }
 
+/// A fully-wired desktop config for previews — every element active, so each
+/// variant can switch one thing on/off and read clearly.
+KasyAppBarConfig _demoAppBarConfig() => KasyAppBarConfig(
+      onToggleTheme: () {},
+      onNotifications: () {},
+      onCreate: () {},
+      onAvatarTap: () {},
+    );
+
 Widget _buildAppBarApplicationVariant(BuildContext context) {
-  return const _ApplicationBarPreview();
+  return _ApplicationBarPreview(config: _demoAppBarConfig());
 }
 
 Widget _buildAppBarApplicationBadgeVariant(BuildContext context) {
-  return const _ApplicationBarPreview(showBadge: true);
+  return _ApplicationBarPreview(
+    config: _demoAppBarConfig().copyWith(showNotificationBadge: true),
+  );
 }
 
 Widget _buildAppBarApplicationNoAvatarVariant(BuildContext context) {
-  return const _ApplicationBarPreview(showAvatar: false);
+  return _ApplicationBarPreview(
+    config: _demoAppBarConfig().copyWith(showAvatar: false),
+  );
+}
+
+// Per-screen presets: the same component, different chrome chosen by a screen.
+Widget _buildAppBarApplicationSearchOnlyVariant(BuildContext context) {
+  return _ApplicationBarPreview(
+    config: _demoAppBarConfig().only(search: true, themeToggle: true),
+  );
+}
+
+Widget _buildAppBarApplicationNotificationsOnlyVariant(BuildContext context) {
+  return _ApplicationBarPreview(
+    config: _demoAppBarConfig().only(notifications: true, themeToggle: true),
+  );
 }
 
 Widget _buildButtonSizesVariant(BuildContext context) {
@@ -3884,10 +3934,11 @@ class _AccordionPreviewState extends State<_AccordionPreview> {
 /// bar + faux sidebar + content) so the preview reads as the desktop chrome it
 /// is — the responsive desktop half of [KasyAppBar].
 class _ApplicationBarPreview extends StatelessWidget {
-  final bool showBadge;
-  final bool showAvatar;
+  /// The exact config a screen would publish — rendered through the same
+  /// [KasyAppBar.fromConfig] the shell uses, so the preview mirrors real usage.
+  final KasyAppBarConfig config;
 
-  const _ApplicationBarPreview({this.showBadge = false, this.showAvatar = true});
+  const _ApplicationBarPreview({required this.config});
 
   /// Width the mock window is laid out at. The application bar is desktop chrome
   /// (220px search + actions), so it needs a desktop-class width — we render at
@@ -3916,13 +3967,7 @@ class _ApplicationBarPreview extends StatelessWidget {
               children: [
                 const _BrowserTopBar(),
                 // The real bar, flush — no corner radius of its own.
-                KasyAppBar.application(
-                  showNotificationBadge: showBadge,
-                  showAvatar: showAvatar,
-                  onNotifications: () {},
-                  onCreate: () {},
-                  onAvatarTap: () {},
-                ),
+                KasyAppBar.fromConfig(config),
                 const SizedBox(
                   height: 150,
                   child: Row(
@@ -5387,6 +5432,311 @@ Widget _previewIntrinsicLaunch(Widget child) {
   );
 }
 
+// ── Menu (KasyMenu) previews ─────────────────────────────────────────────────
+// Each preset is triggered by a button — a real menu opens, anchored to it.
+// Most open as the default floating menu (popover, both platforms); one opens as
+// a bottom sheet to show the opt-in presentation.
+
+// Basic usage menu — mirrors the HeroUI "Actions / Danger zone" dropdown
+// (Figma 17840:22571): grouped rows with an icon, title + description and a
+// keyboard shortcut, plus a destructive "Danger zone". The kit has no pencil
+// glyph yet, so Edit file borrows the note icon.
+const List<KasyMenuSection> _kMenuActions = [
+  KasyMenuSection(
+    label: 'Actions',
+    items: [
+      KasyMenuItem(
+        icon: KasyIcons.add,
+        title: 'New file',
+        description: 'Create a new file',
+        shortcut: '⌘ N',
+        onTap: _triggerTapFeedback,
+      ),
+      KasyMenuItem(
+        icon: KasyIcons.copy,
+        title: 'Copy link',
+        description: 'Copy the file link',
+        shortcut: '⌘ L',
+        onTap: _triggerTapFeedback,
+      ),
+      KasyMenuItem(
+        icon: KasyIcons.note,
+        title: 'Edit file',
+        description: 'Make changes',
+        shortcut: '⌘ E',
+        onTap: _triggerTapFeedback,
+      ),
+    ],
+  ),
+  KasyMenuSection(
+    label: 'Danger zone',
+    items: [
+      KasyMenuItem(
+        icon: KasyIcons.trash,
+        title: 'Delete file',
+        description: 'Move to trash',
+        shortcut: '⌘ ⇧ K',
+        tone: KasyMenuItemTone.danger,
+        onTap: _triggerTapFeedback,
+      ),
+    ],
+  ),
+];
+
+const List<KasyMenuSection> _kMenuSubmenu = [
+  KasyMenuSection(
+    items: [
+      KasyMenuItem(
+        icon: KasyIcons.share,
+        title: 'Share',
+        submenu: [
+          KasyMenuSection(
+            items: [
+              KasyMenuItem(title: 'WhatsApp', onTap: _triggerTapFeedback),
+              KasyMenuItem(title: 'Telegram', onTap: _triggerTapFeedback),
+              KasyMenuItem(title: 'Email', onTap: _triggerTapFeedback),
+            ],
+          ),
+        ],
+      ),
+      KasyMenuItem(
+        icon: KasyIcons.copy,
+        title: 'Copy link',
+        onTap: _triggerTapFeedback,
+      ),
+    ],
+  ),
+];
+
+
+// Layout shared by the two interactive menu demos: the trigger floats centered
+// in the open area (so the menu has room to anchor against it) and a toggle is
+// pinned at the bottom, just above the variant title. Height is a slice of the
+// viewport, clamped, and kept under the preview height so it still centers.
+class _MenuDemoFrame extends StatelessWidget {
+  final Widget trigger;
+  final String controlTitle;
+  final String controlSubtitle;
+  final bool controlValue;
+  final ValueChanged<bool> onControlChanged;
+
+  const _MenuDemoFrame({
+    required this.trigger,
+    required this.controlTitle,
+    required this.controlSubtitle,
+    required this.controlValue,
+    required this.onControlChanged,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    // Give the demo real vertical room so the control row can sit near the
+    // bottom (like a settings row) instead of crowding under the trigger. The
+    // trigger still lives in a plain centering Row — the menu anchors to its
+    // render box via LayerLink, so the surrounding height never moves the menu.
+    final double viewportHeight = MediaQuery.sizeOf(context).height;
+    final double frameHeight = (viewportHeight - 260).clamp(320.0, 520.0);
+    return SizedBox(
+      height: frameHeight,
+      child: Column(
+        children: [
+          const Spacer(flex: 4),
+          Row(mainAxisAlignment: MainAxisAlignment.center, children: [trigger]),
+          const Spacer(flex: 6),
+          Row(
+          children: [
+            Expanded(
+              child: Column(
+                crossAxisAlignment: CrossAxisAlignment.start,
+                mainAxisSize: MainAxisSize.min,
+                children: [
+                  Text(
+                    controlTitle,
+                    style: context.textTheme.titleSmall?.copyWith(
+                      color: context.colors.onSurface,
+                    ),
+                  ),
+                  Text(
+                    controlSubtitle,
+                    style: context.textTheme.bodySmall?.copyWith(
+                      color: context.colors.muted,
+                    ),
+                  ),
+                ],
+              ),
+            ),
+            // The same switch the Settings screen uses: adaptive (Cupertino on
+            // iOS, Material elsewhere — identical look per platform), scaled
+            // down, themed to the primary color.
+            Transform.scale(
+              scale: 0.82,
+              child: Switch.adaptive(
+                value: controlValue,
+                onChanged: onControlChanged,
+                materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
+              ),
+            ),
+          ],
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+Widget _buildMenuBasicUsage(BuildContext context) => const _MenuBasicUsageDemo();
+
+// First preview: the trigger + a "Bottom Sheet" toggle. Off → the menu opens as
+// a popover anchored to the button; on → it slides up as a bottom sheet. The
+// same compact menu either way — only the container changes.
+class _MenuBasicUsageDemo extends StatefulWidget {
+  const _MenuBasicUsageDemo();
+
+  @override
+  State<_MenuBasicUsageDemo> createState() => _MenuBasicUsageDemoState();
+}
+
+class _MenuBasicUsageDemoState extends State<_MenuBasicUsageDemo> {
+  bool _bottomSheet = false;
+
+  @override
+  Widget build(BuildContext context) {
+    return _MenuDemoFrame(
+      controlTitle: 'Bottom Sheet',
+      controlSubtitle: 'Toggle bottom sheet presentation',
+      controlValue: _bottomSheet,
+      onControlChanged: (bool v) => setState(() => _bottomSheet = v),
+      trigger: KasyMenuAnchor(
+        sections: _kMenuActions,
+        // Wider panel: rows carry a title + description (HeroUI menu).
+        width: 288,
+        presentation: _bottomSheet
+            ? KasyMenuPresentation.bottomSheet
+            : KasyMenuPresentation.popover,
+        builder: (BuildContext context, VoidCallback open) => KasyButton(
+          label: 'Actions',
+          variant: KasyButtonVariant.soft,
+          onPressed: () {
+            _triggerTapFeedback();
+            open();
+          },
+        ),
+      ),
+    );
+  }
+}
+
+Widget _buildMenuStyles(BuildContext context) => const _MenuSelectionDemo();
+
+// Second preview: a real, interactive selection menu. Tapping a "Text Style"
+// row toggles its check (multi-select); tapping a "Text Alignment" row moves the
+// filled dot (single-select). The selection persists across reopens. A "Should
+// Close On Select" toggle controls whether picking an item dismisses the menu:
+// off → keep picking, tap outside to close (HeroUI editor menu); on → one pick
+// closes it.
+class _MenuSelectionDemo extends StatefulWidget {
+  const _MenuSelectionDemo();
+
+  @override
+  State<_MenuSelectionDemo> createState() => _MenuSelectionDemoState();
+}
+
+class _MenuSelectionDemoState extends State<_MenuSelectionDemo> {
+  // Multi-select set + single-select value, kept on the demo so reopening the
+  // menu shows the last selection.
+  final Set<String> _styles = <String>{'Bold', 'Underline'};
+  String _align = 'Right';
+  bool _closeOnSelect = false;
+
+  static const List<(String, String)> _styleItems = [
+    ('Bold', '⌘ B'),
+    ('Italic', '⌘ I'),
+    ('Underline', '⌘ U'),
+  ];
+  static const List<(String, String)> _alignItems = [
+    ('Left', '⌥ A'),
+    ('Center', '⌥ H'),
+    ('Right', '⌥ D'),
+  ];
+
+  void _toggleStyle(String title) {
+    setState(() {
+      if (!_styles.remove(title)) _styles.add(title);
+    });
+  }
+
+  void _selectAlign(String title) => setState(() => _align = title);
+
+  // Built from state so each tap (via setState) rebuilds the anchor and the
+  // open menu reflects the new selection in place.
+  List<KasyMenuSection> _buildSections() => [
+    KasyMenuSection(
+      label: 'Text Style',
+      selectionMode: KasyMenuSelectionMode.multiple,
+      items: [
+        for (final (String title, String shortcut) in _styleItems)
+          KasyMenuItem(
+            title: title,
+            shortcut: shortcut,
+            selected: _styles.contains(title),
+            onTap: () => _toggleStyle(title),
+          ),
+      ],
+    ),
+    KasyMenuSection(
+      label: 'Text Alignment',
+      selectionMode: KasyMenuSelectionMode.single,
+      items: [
+        for (final (String title, String shortcut) in _alignItems)
+          KasyMenuItem(
+            title: title,
+            shortcut: shortcut,
+            selected: _align == title,
+            onTap: () => _selectAlign(title),
+          ),
+      ],
+    ),
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    return _MenuDemoFrame(
+      controlTitle: 'Should Close On Select',
+      controlSubtitle: 'Toggle should close on select',
+      controlValue: _closeOnSelect,
+      onControlChanged: (bool v) => setState(() => _closeOnSelect = v),
+      trigger: KasyMenuAnchor(
+        sections: _buildSections(),
+        closeOnSelect: _closeOnSelect,
+        builder: (BuildContext context, VoidCallback open) => KasyButton(
+          label: 'Text styles',
+          variant: KasyButtonVariant.soft,
+          onPressed: () {
+            _triggerTapFeedback();
+            open();
+          },
+        ),
+      ),
+    );
+  }
+}
+
+Widget _buildMenuSubmenu(BuildContext context) {
+  return _previewIntrinsicLaunch(
+    KasyMenuAnchor(
+      sections: _kMenuSubmenu,
+      builder: (BuildContext context, VoidCallback open) => KasyButton(
+        label: 'Share',
+        variant: KasyButtonVariant.soft,
+        onPressed: () {
+          _triggerTapFeedback();
+          open();
+        },
+      ),
+    ),
+  );
+}
+
 const List<KasyAccordionItemData> _kAccordionItems = <KasyAccordionItemData>[
   KasyAccordionItemData(
     icon: KasyIcons.send,

package/templates/firebase/lib/features/settings/ui/components/admin/admin_home_widgets.dart

@@ -5,6 +5,7 @@ import 'package:kasy_kit/components/kasy_app_bar.dart';
 import 'package:kasy_kit/core/home_widgets/home_widget_mywidget_service.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
 import 'package:kasy_kit/core/widgets/kasy_scroll_behavior.dart';
+import 'package:kasy_kit/core/widgets/responsive_layout.dart';
 import 'package:kasy_kit/features/settings/ui/widgets/admin_card.dart';
 import 'package:kasy_kit/i18n/translations.g.dart';
 
@@ -18,6 +19,9 @@ class AdminHomeWidgets extends ConsumerWidget {
       child: KasyOverlayScaffold(
         title: t.settings.admin.home_widgets_title,
         onBack: () => context.pop(),
+        // Contain + center the single utility card on desktop so it never
+        // stretches edge-to-edge, matching Notifications / Reminders.
+        maxContentWidth: kKasyContentMaxWidth,
         slivers: [
           SliverList.list(
             children: [

package/templates/firebase/lib/features/settings/ui/components/avatar_component.dart

@@ -5,7 +5,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:image_picker/image_picker.dart';
 import 'package:kasy_kit/components/kasy_avatar.dart';
-import 'package:kasy_kit/components/kasy_bottom_sheet.dart';
+import 'package:kasy_kit/components/kasy_menu.dart';
 import 'package:kasy_kit/core/data/entities/upload_result.dart';
 import 'package:kasy_kit/core/data/models/user.dart';
 import 'package:kasy_kit/core/data/repositories/user_repository.dart';
@@ -13,7 +13,6 @@ import 'package:kasy_kit/core/states/models/user_state.dart';
 import 'package:kasy_kit/core/states/user_state_notifier.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
 import 'package:kasy_kit/core/widgets/kasy_focus_ring.dart';
-import 'package:kasy_kit/core/widgets/kasy_hover.dart';
 import 'package:kasy_kit/features/settings/ui/widgets/avatar_utils.dart';
 import 'package:kasy_kit/features/settings/ui/widgets/round_progress.dart';
 import 'package:kasy_kit/i18n/translations.g.dart';
@@ -121,69 +120,56 @@ class _EditableUserAvatarState extends ConsumerState<EditableUserAvatar> {
     BuildContext context,
     UserState userState,
     String? avatarPath,
-  ) async {
+  ) {
     final userId = userState.user.idOrNull;
     final cachedUrl = userId == null ? null : getCachedAvatarUrl(userId);
     final hasAvatar =
         _hasAvatarUrl(avatarPath) ||
         _hasAvatarUrl(cachedUrl) ||
         temporaryAvatarBytes != null;
-    final result = await _showAvatarBottomSheet(context, hasAvatar: hasAvatar);
-    if (result == null || !mounted) return;
-    switch (result) {
-      case _AvatarAction.camera:
-        final file = await ImagePicker().pickImage(source: ImageSource.camera);
-        await _uploadTask(file, userState);
-      case _AvatarAction.library:
-        final file = await ImagePicker().pickImage(source: ImageSource.gallery);
-        await _uploadTask(file, userState);
-      case _AvatarAction.remove:
-        await _removeAvatar(userState);
-    }
-  }
-
-  Future<_AvatarAction?> _showAvatarBottomSheet(
-    BuildContext context, {
-    required bool hasAvatar,
-  }) {
-    return showKasyBottomSheet<_AvatarAction>(
+    final avatar = t.settings.avatar;
+    return showKasyMenu<void>(
       context: context,
-      builder: (sheetContext) => KasySheetSurface(
-        showDragHandle: false,
-        child: Padding(
-          padding: const EdgeInsets.symmetric(vertical: KasySpacing.sm),
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              _BottomSheetTile(
-                icon: KasyIcons.cameraAlt,
-                label: t.settings.avatar.take_photo,
-                onTap: () => Navigator.pop(sheetContext, _AvatarAction.camera),
-              ),
-              _BottomSheetTile(
-                icon: KasyIcons.gallery,
-                label: t.settings.avatar.choose_library,
-                onTap: () => Navigator.pop(sheetContext, _AvatarAction.library),
+      anchorContext: context,
+      desktopWidth: 248,
+      sections: [
+        KasyMenuSection(
+          items: [
+            KasyMenuItem(
+              icon: KasyIcons.cameraAlt,
+              title: avatar.take_photo,
+              onTap: () => _pickAndUpload(ImageSource.camera, userState),
+            ),
+            KasyMenuItem(
+              icon: KasyIcons.gallery,
+              title: avatar.choose_library,
+              onTap: () => _pickAndUpload(ImageSource.gallery, userState),
+            ),
+          ],
+        ),
+        // Destructive action lives in its own ("Danger zone") group, per the
+        // HeroUI menu guidance.
+        if (hasAvatar)
+          KasyMenuSection(
+            items: [
+              KasyMenuItem(
+                icon: KasyIcons.trash,
+                title: avatar.remove_photo,
+                tone: KasyMenuItemTone.danger,
+                onTap: () => _removeAvatar(userState),
               ),
-              if (hasAvatar) ...[
-                Divider(
-                  color: sheetContext.colors.onSurface.withValues(alpha: .08),
-                  height: 1,
-                ),
-                _BottomSheetTile(
-                  icon: KasyIcons.trash,
-                  label: t.settings.avatar.remove_photo,
-                  color: sheetContext.colors.error,
-                  onTap: () => Navigator.pop(sheetContext, _AvatarAction.remove),
-                ),
-              ],
             ],
           ),
-        ),
-      ),
+      ],
     );
   }
 
+  Future<void> _pickAndUpload(ImageSource source, UserState userState) async {
+    final file = await ImagePicker().pickImage(source: source);
+    if (!mounted) return;
+    await _uploadTask(file, userState);
+  }
+
   Future<void> _uploadTask(XFile? file, UserState userState) async {
     if (file == null) return;
     final userId = userState.user.idOrNull;
@@ -301,48 +287,6 @@ class _EditableUserAvatarState extends ConsumerState<EditableUserAvatar> {
   }
 }
 
-enum _AvatarAction { camera, library, remove }
-
-class _BottomSheetTile extends StatelessWidget {
-  final IconData? icon;
-  final String label;
-  final Color? color;
-  final VoidCallback onTap;
-
-  const _BottomSheetTile({
-    this.icon,
-    required this.label,
-    this.color,
-    required this.onTap,
-  });
-
-  @override
-  Widget build(BuildContext context) {
-    final Color fg = color ?? context.colors.onSurface;
-    return KasyHover(
-      onTap: onTap,
-      focusable: true,
-      focusGapColor: context.colors.surface,
-      borderRadius: BorderRadius.circular(KasyRadius.sm),
-      padding: const EdgeInsets.symmetric(
-        horizontal: KasySpacing.md,
-        vertical: KasySpacing.smd,
-      ),
-      child: Row(
-        children: [
-          if (icon != null) ...[
-            Icon(icon, size: KasyIconSize.lg, color: fg),
-            const SizedBox(width: KasySpacing.sm),
-          ],
-          Text(
-            label,
-            style: context.textTheme.bodyLarge?.copyWith(color: fg),
-          ),
-        ],
-      ),
-    );
-  }
-}
 
 /// Resolves the avatar [ImageProvider] and renders a [KasyAvatar] with
 /// [KasyAvatarFallbackSurface.soft]. Firebase Storage URL is loaded async.