kasy-cli 1.25.0 → 1.27.0

package/templates/firebase/lib/features/local_reminders/ui/reminder_page.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:kasy_kit/components/kasy_app_bar.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_scroll_behavior.dart';
 import 'package:kasy_kit/features/local_reminders/providers/reminder_notifier.dart';
 import 'package:kasy_kit/features/local_reminders/repositories/reminder_preferences.dart';
@@ -21,22 +22,18 @@ class ReminderPage extends ConsumerWidget {
         title: tr.title,
         onBack: () => Navigator.maybePop(context),
         slivers: [
-        asyncState.when(
-          loading: () => SliverFillRemaining(
-            child: Center(
-              child: CircularProgressIndicator(
-                color: context.colors.primary,
+          asyncState.when(
+            loading: () => SliverFillRemaining(
+              child: Center(
+                child: CircularProgressIndicator(color: context.colors.primary),
               ),
             ),
+            error: (e, _) =>
+                SliverFillRemaining(child: Center(child: Text(e.toString()))),
+            data: (state) =>
+                SliverToBoxAdapter(child: _ReminderForm(state: state)),
           ),
-          error: (e, _) => SliverFillRemaining(
-            child: Center(child: Text(e.toString())),
-          ),
-          data: (state) => SliverToBoxAdapter(
-            child: _ReminderForm(state: state),
-          ),
-        ),
-      ],
+        ],
       ),
     );
   }
@@ -56,10 +53,7 @@ class _ReminderForm extends ConsumerWidget {
       crossAxisAlignment: CrossAxisAlignment.stretch,
       children: [
         SwitchListTile(
-          title: Text(
-            tr.toggleLabel,
-            style: context.textTheme.bodyLarge,
-          ),
+          title: Text(tr.toggleLabel, style: context.textTheme.bodyLarge),
           value: state.enabled,
           onChanged: notifier.setEnabled,
         ),
@@ -96,7 +90,10 @@ class _ReminderForm extends ConsumerWidget {
               ),
             ),
             const SizedBox(height: KasySpacing.sm),
-            _DaySelector(current: state.dayOfWeek, onChanged: notifier.setDayOfWeek),
+            _DaySelector(
+              current: state.dayOfWeek,
+              onChanged: notifier.setDayOfWeek,
+            ),
           ],
           if (state.type == ReminderType.specificDate) ...[
             const SizedBox(height: KasySpacing.lg),
@@ -107,10 +104,7 @@ class _ReminderForm extends ConsumerWidget {
               ),
             ),
             const SizedBox(height: KasySpacing.sm),
-            _DateTile(
-              date: state.date,
-              onChanged: notifier.setDate,
-            ),
+            _DateTile(date: state.date, onChanged: notifier.setDate),
           ],
         ],
       ],
@@ -131,7 +125,10 @@ class _TypeSelector extends StatelessWidget {
       segments: [
         ButtonSegment(value: ReminderType.daily, label: Text(tr.daily)),
         ButtonSegment(value: ReminderType.weekly, label: Text(tr.weekly)),
-        ButtonSegment(value: ReminderType.specificDate, label: Text(tr.specificDate)),
+        ButtonSegment(
+          value: ReminderType.specificDate,
+          label: Text(tr.specificDate),
+        ),
       ],
       selected: {current},
       onSelectionChanged: (s) => onChanged(s.first),
@@ -147,46 +144,61 @@ class _TimeTile extends StatelessWidget {
   final int minute;
   final void Function(int hour, int minute) onChanged;
 
-  const _TimeTile({required this.hour, required this.minute, required this.onChanged});
+  const _TimeTile({
+    required this.hour,
+    required this.minute,
+    required this.onChanged,
+  });
 
   String _pad(int v) => v.toString().padLeft(2, '0');
 
   @override
   Widget build(BuildContext context) {
-    return InkWell(
-      onTap: () async {
-        final picked = await showTimePicker(
-          context: context,
-          initialTime: TimeOfDay(hour: hour, minute: minute),
-        );
-        if (picked != null) {
-          onChanged(picked.hour, picked.minute);
-        }
-      },
+    Future<void> pickTime() async {
+      final picked = await showTimePicker(
+        context: context,
+        initialTime: TimeOfDay(hour: hour, minute: minute),
+      );
+      if (picked != null) {
+        onChanged(picked.hour, picked.minute);
+      }
+    }
+
+    return KasyFocusRing(
+      onActivate: pickTime,
       borderRadius: BorderRadius.circular(KasySpacing.sm),
-      child: Container(
-        padding: const EdgeInsets.symmetric(
-          horizontal: KasySpacing.md,
-          vertical: KasySpacing.smd,
-        ),
-        decoration: BoxDecoration(
-          color: context.colors.surface,
-          borderRadius: BorderRadius.circular(KasySpacing.sm),
-        ),
-        child: Row(
-          children: [
-            Icon(KasyIcons.time, color: context.colors.primary),
-            const SizedBox(width: KasySpacing.sm),
-            Text(
-              '${_pad(hour)}:${_pad(minute)}',
-              style: context.textTheme.headlineMedium?.copyWith(
-                color: context.colors.onSurface,
-                fontWeight: FontWeight.bold,
+      child: InkWell(
+        canRequestFocus: false,
+        onTap: pickTime,
+        borderRadius: BorderRadius.circular(KasySpacing.sm),
+        child: Container(
+          padding: const EdgeInsets.symmetric(
+            horizontal: KasySpacing.md,
+            vertical: KasySpacing.smd,
+          ),
+          decoration: BoxDecoration(
+            color: context.colors.surface,
+            borderRadius: BorderRadius.circular(KasySpacing.sm),
+          ),
+          child: Row(
+            children: [
+              Icon(KasyIcons.time, color: context.colors.primary),
+              const SizedBox(width: KasySpacing.sm),
+              Text(
+                '${_pad(hour)}:${_pad(minute)}',
+                style: context.textTheme.headlineMedium?.copyWith(
+                  color: context.colors.onSurface,
+                  fontWeight: FontWeight.bold,
+                ),
               ),
-            ),
-            const Spacer(),
-            Icon(KasyIcons.arrowForwardIos, size: 14, color: context.colors.muted),
-          ],
+              const Spacer(),
+              Icon(
+                KasyIcons.arrowForwardIos,
+                size: 14,
+                color: context.colors.muted,
+              ),
+            ],
+          ),
         ),
       ),
     );
@@ -202,9 +214,7 @@ class _DaySelector extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     // 1=Monday ... 7=Sunday (matches DateTime.weekday)
-    final days = [
-      'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom',
-    ];
+    final days = ['Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'];
     return Wrap(
       spacing: KasySpacing.xs,
       children: List.generate(7, (i) {
@@ -232,55 +242,68 @@ class _DateTile extends StatelessWidget {
         ? '${date!.day.toString().padLeft(2, '0')}/${date!.month.toString().padLeft(2, '0')}/${date!.year}  ${date!.hour.toString().padLeft(2, '0')}:${date!.minute.toString().padLeft(2, '0')}'
         : Translations.of(context).reminderPage.selectDate;
 
-    return InkWell(
-      onTap: () async {
-        final now = DateTime.now();
-        final pickedDate = await showDatePicker(
-          context: context,
-          initialDate: date ?? now,
-          firstDate: now,
-          lastDate: now.add(const Duration(days: 365)),
-        );
-        if (pickedDate == null || !context.mounted) return;
-        final pickedTime = await showTimePicker(
-          context: context,
-          initialTime: TimeOfDay(
-            hour: date?.hour ?? 9,
-            minute: date?.minute ?? 0,
-          ),
-        );
-        if (pickedTime == null) return;
-        onChanged(DateTime(
+    Future<void> pickDateTime() async {
+      final now = DateTime.now();
+      final pickedDate = await showDatePicker(
+        context: context,
+        initialDate: date ?? now,
+        firstDate: now,
+        lastDate: now.add(const Duration(days: 365)),
+      );
+      if (pickedDate == null || !context.mounted) return;
+      final pickedTime = await showTimePicker(
+        context: context,
+        initialTime: TimeOfDay(
+          hour: date?.hour ?? 9,
+          minute: date?.minute ?? 0,
+        ),
+      );
+      if (pickedTime == null) return;
+      onChanged(
+        DateTime(
           pickedDate.year,
           pickedDate.month,
           pickedDate.day,
           pickedTime.hour,
           pickedTime.minute,
-        ));
-      },
-      borderRadius: BorderRadius.circular(KasySpacing.sm),
-      child: Container(
-        padding: const EdgeInsets.symmetric(
-          horizontal: KasySpacing.md,
-          vertical: KasySpacing.smd,
         ),
-        decoration: BoxDecoration(
-          color: context.colors.surface,
-          borderRadius: BorderRadius.circular(KasySpacing.sm),
-        ),
-        child: Row(
-          children: [
-            Icon(KasyIcons.calendar, color: context.colors.primary),
-            const SizedBox(width: KasySpacing.sm),
-            Text(
-              label,
-              style: context.textTheme.bodyLarge?.copyWith(
-                color: context.colors.onSurface,
+      );
+    }
+
+    return KasyFocusRing(
+      onActivate: pickDateTime,
+      borderRadius: BorderRadius.circular(KasySpacing.sm),
+      child: InkWell(
+        canRequestFocus: false,
+        onTap: pickDateTime,
+        borderRadius: BorderRadius.circular(KasySpacing.sm),
+        child: Container(
+          padding: const EdgeInsets.symmetric(
+            horizontal: KasySpacing.md,
+            vertical: KasySpacing.smd,
+          ),
+          decoration: BoxDecoration(
+            color: context.colors.surface,
+            borderRadius: BorderRadius.circular(KasySpacing.sm),
+          ),
+          child: Row(
+            children: [
+              Icon(KasyIcons.calendar, color: context.colors.primary),
+              const SizedBox(width: KasySpacing.sm),
+              Text(
+                label,
+                style: context.textTheme.bodyLarge?.copyWith(
+                  color: context.colors.onSurface,
+                ),
               ),
-            ),
-            const Spacer(),
-            Icon(KasyIcons.arrowForwardIos, size: 14, color: context.colors.muted),
-          ],
+              const Spacer(),
+              Icon(
+                KasyIcons.arrowForwardIos,
+                size: 14,
+                color: context.colors.muted,
+              ),
+            ],
+          ),
         ),
       ),
     );

package/templates/firebase/lib/features/notifications/ui/components/notification_tile.dart

@@ -34,6 +34,7 @@ class NotificationTileComponent extends StatelessWidget {
       child: KasyHover(
         onTap: () => onTap?.call(notification),
         borderRadius: KasyRadius.smBorderRadius,
+        focusable: true,
         margin: const EdgeInsets.only(top: KasySpacing.sm),
         child: NotificationTile.from(
           key: ValueKey('notification_${notification.id}'),

package/templates/firebase/lib/features/notifications/ui/widgets/notification_tile.dart

@@ -2,6 +2,7 @@ import 'package:better_skeleton/better_skeleton.dart';
 import 'package:flutter/material.dart';
 import 'package:jiffy/jiffy.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
+import 'package:kasy_kit/core/widgets/kasy_focus_ring.dart';
 import 'package:kasy_kit/features/notifications/providers/models/notification.dart'
     as app;
 
@@ -44,23 +45,22 @@ class NotificationTile extends StatefulWidget {
     String? imageUrl,
     OnTapNotification? onTap,
     Key? key,
-  }) =>
-      NotificationTile(
-        key: key,
-        bgOpacity: .08,
-        titleOpacity: 1,
-        showUnreadDot: true,
-        icon: imageUrl != null
-            ? TileNotificationImage(url: imageUrl)
-            : const TileNotificationIcon(active: true),
-        date: date,
-        title: title,
-        description: description,
-        titleColor: context.colors.onSurface,
-        descriptionColor: context.colors.onSurface,
-        dateColor: context.colors.muted,
-        onTap: onTap,
-      );
+  }) => NotificationTile(
+    key: key,
+    bgOpacity: .08,
+    titleOpacity: 1,
+    showUnreadDot: true,
+    icon: imageUrl != null
+        ? TileNotificationImage(url: imageUrl)
+        : const TileNotificationIcon(active: true),
+    date: date,
+    title: title,
+    description: description,
+    titleColor: context.colors.onSurface,
+    descriptionColor: context.colors.onSurface,
+    dateColor: context.colors.muted,
+    onTap: onTap,
+  );
 
   factory NotificationTile.old({
     required DateTime date,
@@ -70,48 +70,46 @@ class NotificationTile extends StatefulWidget {
     String? imageUrl,
     OnTapNotification? onTap,
     Key? key,
-  }) =>
-      NotificationTile(
-        key: key,
-        bgOpacity: 0,
-        titleOpacity: .6,
-        icon: imageUrl != null
-            ? TileNotificationImage(url: imageUrl)
-            : const TileNotificationIcon(active: false),
-        date: date,
-        title: title,
-        description: description,
-        titleColor: context.colors.onSurface.withValues(alpha: 0.55),
-        descriptionColor: context.colors.onSurface.withValues(alpha: 0.45),
-        dateColor: context.colors.muted,
-        onTap: onTap,
-      );
+  }) => NotificationTile(
+    key: key,
+    bgOpacity: 0,
+    titleOpacity: .6,
+    icon: imageUrl != null
+        ? TileNotificationImage(url: imageUrl)
+        : const TileNotificationIcon(active: false),
+    date: date,
+    title: title,
+    description: description,
+    titleColor: context.colors.onSurface.withValues(alpha: 0.55),
+    descriptionColor: context.colors.onSurface.withValues(alpha: 0.45),
+    dateColor: context.colors.muted,
+    onTap: onTap,
+  );
 
   factory NotificationTile.from(
     BuildContext context,
     app.Notification notification, {
     Key? key,
     OnTapNotification? onTap,
-  }) =>
-      notification.seen
-          ? NotificationTile.old(
-              key: key,
-              date: notification.createdAt,
-              title: notification.title,
-              description: notification.body,
-              imageUrl: notification.imageUrl,
-              context: context,
-              onTap: onTap,
-            )
-          : NotificationTile.active(
-              key: key,
-              date: notification.createdAt,
-              title: notification.title,
-              description: notification.body,
-              imageUrl: notification.imageUrl,
-              context: context,
-              onTap: onTap,
-            );
+  }) => notification.seen
+      ? NotificationTile.old(
+          key: key,
+          date: notification.createdAt,
+          title: notification.title,
+          description: notification.body,
+          imageUrl: notification.imageUrl,
+          context: context,
+          onTap: onTap,
+        )
+      : NotificationTile.active(
+          key: key,
+          date: notification.createdAt,
+          title: notification.title,
+          description: notification.body,
+          imageUrl: notification.imageUrl,
+          context: context,
+          onTap: onTap,
+        );
 
   @override
   State<NotificationTile> createState() => _NotificationTileState();
@@ -132,9 +130,7 @@ class _NotificationTileState extends State<NotificationTile>
     _opacityAnimation = Tween(
       begin: 0.0,
       end: widget.bgOpacity,
-    ).animate(
-      CurvedAnimation(parent: _controller, curve: Curves.decelerate),
-    );
+    ).animate(CurvedAnimation(parent: _controller, curve: Curves.decelerate));
     _controller.forward();
   }
 
@@ -145,9 +141,7 @@ class _NotificationTileState extends State<NotificationTile>
       _opacityAnimation = Tween(
         begin: oldWidget.bgOpacity,
         end: widget.bgOpacity,
-      ).animate(
-        CurvedAnimation(parent: _controller, curve: Curves.ease),
-      );
+      ).animate(CurvedAnimation(parent: _controller, curve: Curves.ease));
       _controller.forward(from: 0);
     }
   }
@@ -165,8 +159,9 @@ class _NotificationTileState extends State<NotificationTile>
       builder: (context, child) {
         return Container(
           decoration: BoxDecoration(
-            color: context.colors.primary
-                .withValues(alpha: _opacityAnimation.value),
+            color: context.colors.primary.withValues(
+              alpha: _opacityAnimation.value,
+            ),
             borderRadius: KasyRadius.smBorderRadius,
           ),
           padding: const EdgeInsets.all(KasySpacing.md),
@@ -187,8 +182,8 @@ class _NotificationTileState extends State<NotificationTile>
                   child: Text(
                     widget.title,
                     style: context.textTheme.labelLarge?.copyWith(
-                          color: widget.titleColor,
-                        ),
+                      color: widget.titleColor,
+                    ),
                     overflow: TextOverflow.clip,
                     maxLines: 2,
                   ),
@@ -198,8 +193,9 @@ class _NotificationTileState extends State<NotificationTile>
                   flex: 0,
                   child: Text(
                     widget.description,
-                    style: context.textTheme.bodyMedium
-                        ?.copyWith(color: widget.descriptionColor),
+                    style: context.textTheme.bodyMedium?.copyWith(
+                      color: widget.descriptionColor,
+                    ),
                     overflow: TextOverflow.ellipsis,
                     maxLines: 3,
                   ),
@@ -210,8 +206,8 @@ class _NotificationTileState extends State<NotificationTile>
                   child: Text(
                     Jiffy.parseFromDateTime(widget.date).fromNow(),
                     style: context.textTheme.bodySmall?.copyWith(
-                          color: widget.dateColor,
-                        ),
+                      color: widget.dateColor,
+                    ),
                   ),
                 ),
               ],
@@ -264,18 +260,24 @@ class TileNotificationImage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return GestureDetector(
-      onTap: () => _openFullscreen(context),
-      child: ClipRRect(
-        borderRadius: BorderRadius.circular(8),
-        child: Image.network(
-          url,
-          width: 48,
-          height: 48,
-          fit: BoxFit.cover,
-          errorBuilder: (context, error, stack) => const TileNotificationIcon(active: false),
-          loadingBuilder: (_, child, progress) =>
-              progress == null ? child : const TileNotificationIcon(active: false),
+    return KasyFocusRing(
+      onActivate: () => _openFullscreen(context),
+      borderRadius: BorderRadius.circular(8),
+      child: GestureDetector(
+        onTap: () => _openFullscreen(context),
+        child: ClipRRect(
+          borderRadius: BorderRadius.circular(8),
+          child: Image.network(
+            url,
+            width: 48,
+            height: 48,
+            fit: BoxFit.cover,
+            errorBuilder: (context, error, stack) =>
+                const TileNotificationIcon(active: false),
+            loadingBuilder: (_, child, progress) => progress == null
+                ? child
+                : const TileNotificationIcon(active: false),
+          ),
         ),
       ),
     );
@@ -287,10 +289,7 @@ class TileNotificationImage extends StatelessWidget {
 class TileNotificationIcon extends StatelessWidget {
   final bool active;
 
-  const TileNotificationIcon({
-    super.key,
-    required this.active,
-  });
+  const TileNotificationIcon({super.key, required this.active});
 
   @override
   Widget build(BuildContext context) {
@@ -332,8 +331,9 @@ class _NotificationSkeletonTileState extends State<NotificationSkeletonTile>
   void initState() {
     super.initState();
     animationController = AnimationController(
-        vsync: this, duration: const Duration(milliseconds: 1000))
-      ..repeat();
+      vsync: this,
+      duration: const Duration(milliseconds: 1000),
+    )..repeat();
   }
 
   @override