kasy-cli 1.24.0 → 1.26.0

package/templates/firebase/lib/features/subscriptions/ui/widgets/selectable_col.dart

@@ -4,6 +4,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'package:kasy_kit/core/haptics/kasy_haptics.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
+import 'package:kasy_kit/core/widgets/kasy_focus_ring.dart';
 import 'package:kasy_kit/features/subscriptions/ui/widgets/selectable_row.dart';
 
 
@@ -43,6 +44,17 @@ class _SelectableColGroupState<T> extends State<SelectableColGroup<T>> {
 
   OnSelectItem<T> get onSelectItem => widget.onSelectItem;
 
+  void _selectIndex(int i) {
+    setState(() {
+      if (selectedIndex == i) {
+        return;
+      }
+      KasyHaptics.heavy(context);
+      selectedIndex = i;
+      onSelectItem(widget.items[i].data);
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return IntrinsicHeight(
@@ -53,29 +65,24 @@ class _SelectableColGroupState<T> extends State<SelectableColGroup<T>> {
         children: [
           for (var i = 0; i < widget.items.length; i++)
             Expanded(
-              child: GestureDetector(
-                onTap: () {
-                  setState(() {
-                    if (selectedIndex == i) {
-                      return;
-                    }
-                    KasyHaptics.heavy(context);
-                    selectedIndex = i;
-                    onSelectItem(widget.items[i].data);
-                  });
-                },
-                child: Animate(
-                  effects: [
-                    FadeEffect(
-                      delay: Duration(milliseconds: 100 + 100 * i),
-                      duration: const Duration(milliseconds: 500),
+              child: KasyFocusRing(
+                onActivate: () => _selectIndex(i),
+                borderRadius: KasyRadius.lgBorderRadius,
+                child: GestureDetector(
+                  onTap: () => _selectIndex(i),
+                  child: Animate(
+                    effects: [
+                      FadeEffect(
+                        delay: Duration(milliseconds: 100 + 100 * i),
+                        duration: const Duration(milliseconds: 500),
+                      ),
+                    ],
+                    child: SelectableCol.fromOption(
+                      key: ValueKey('item_$i'),
+                      widget.items[i],
+                      selected: selectedIndex == i,
+                      brightness: widget.brightness,
                     ),
-                  ],
-                  child: SelectableCol.fromOption(
-                    key: ValueKey('item_$i'),
-                    widget.items[i],
-                    selected: selectedIndex == i,
-                    brightness: widget.brightness,
                   ),
                 ),
               ),

package/templates/firebase/lib/features/subscriptions/ui/widgets/selectable_row.dart

@@ -2,6 +2,7 @@ import 'package:flutter/material.dart';
 import 'package:flutter_animate/flutter_animate.dart';
 import 'package:kasy_kit/core/haptics/kasy_haptics.dart';
 import 'package:kasy_kit/core/theme/theme.dart';
+import 'package:kasy_kit/core/widgets/kasy_focus_ring.dart';
 
 typedef OnSelectItem<T> = void Function(T data);
 
@@ -34,23 +35,28 @@ class _SelectableRowGroupState<T> extends State<SelectableRowGroup<T>> {
 
   OnSelectItem<T> get onSelectItem => widget.onSelectItem;
 
+  void _selectIndex(int i) {
+    setState(() {
+      if (selectedIndex == i) {
+        return;
+      }
+      KasyHaptics.heavy(context);
+      selectedIndex = i;
+      onSelectItem(widget.items[i].data);
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
     return Column(
       children: [
         for (var i = 0; i < widget.items.length; i++)
-          GestureDetector(
-            onTap: () {
-              setState(() {
-                if (selectedIndex == i) {
-                  return;
-                }
-                KasyHaptics.heavy(context);
-                selectedIndex = i;
-                onSelectItem(widget.items[i].data);
-              });
-            },
-            child: Padding(
+          KasyFocusRing(
+            onActivate: () => _selectIndex(i),
+            borderRadius: KasyRadius.mdBorderRadius,
+            child: GestureDetector(
+              onTap: () => _selectIndex(i),
+              child: Padding(
               padding: EdgeInsets.only(
                 bottom: i == widget.items.length - 1 ? 0 : KasySpacing.sm,
               ),
@@ -69,6 +75,7 @@ class _SelectableRowGroupState<T> extends State<SelectableRowGroup<T>> {
                 ),
               ),
             ),
+            ),
           ),
       ],
     );

package/templates/firebase/lib/i18n/en.i18n.json

@@ -408,7 +408,8 @@
         "support": "Support",
         "notifications": "Notifications",
         "settings": "Config.",
-        "logout": "Sign out"
+        "logout": "Sign out",
+        "skip_to_content": "Skip to content"
     },
     "reminderPage": {
         "title": "Reminders",

package/templates/firebase/lib/i18n/es.i18n.json

@@ -408,7 +408,8 @@
         "support": "Soporte",
         "notifications": "Notificaciones",
         "settings": "Config.",
-        "logout": "Salir"
+        "logout": "Salir",
+        "skip_to_content": "Saltar al contenido"
     },
     "reminderPage": {
         "title": "Recordatorios",

package/templates/firebase/lib/i18n/pt.i18n.json

@@ -408,7 +408,8 @@
         "support": "Suporte",
         "notifications": "Notificações",
         "settings": "Config.",
-        "logout": "Sair"
+        "logout": "Sair",
+        "skip_to_content": "Pular para o conteúdo"
     },
     "reminderPage": {
         "title": "Lembretes",