kasy-cli 1.31.14 → 1.32.0

package/templates/firebase/lib/features/authentication/ui/signin_page.dart

@@ -1,9 +1,11 @@
 import 'dart:ui';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 import 'package:kasy_kit/components/components.dart';
+import 'package:kasy_kit/core/config/features.dart';
 import 'package:kasy_kit/core/data/models/user.dart';
 import 'package:kasy_kit/core/haptics/kasy_haptics.dart';
 import 'package:kasy_kit/core/states/user_state_notifier.dart';
@@ -64,6 +66,7 @@ class SigninPage extends ConsumerWidget {
                   subtitle: t.auth.signin.subtitle,
                   children: [
                       KasyTextField(
+                        variant: KasyTextFieldVariant.flat,
                         key: const Key('email_input'),
                         onChanged: (value) => ref
                             .read(signinStateProvider.notifier)
@@ -83,6 +86,7 @@ class SigninPage extends ConsumerWidget {
                       ),
                       const SizedBox(height: _authFieldSpacing),
                       KasyTextField(
+                        variant: KasyTextFieldVariant.flat,
                         key: const Key('password_input'),
                         onChanged: (newValue) => ref
                             .read(signinStateProvider.notifier)
@@ -98,10 +102,15 @@ class SigninPage extends ConsumerWidget {
                                 FocusScope.of(context).unfocus();
                                 ref.read(signinStateProvider.notifier).signin();
                               },
-                        labelTrailing: KasyFocusRing(
-                          onActivate: () => context.push('/recover_password'),
-                          borderRadius: BorderRadius.circular(KasyRadius.sm),
+                        // Secondary link: intentionally NOT a Tab stop, so
+                        // Tab/next flows email → password → submit → social
+                        // buttons. Still tappable by mouse/touch and announced
+                        // to screen readers as a button.
+                        labelTrailing: Semantics(
+                          button: true,
+                          label: t.auth.signin.forgot_password,
                           child: GestureDetector(
+                            behavior: HitTestBehavior.opaque,
                             onTap: () => context.push('/recover_password'),
                             child: Text(
                               t.auth.signin.forgot_password,
@@ -195,7 +204,9 @@ class _SignupPrompt extends StatelessWidget {
             KasyPressableDepth(
               semanticLabel: t.auth.signin.signup_link,
               onPressed: () => context.pushReplacement('/signup'),
-              focusable: true,
+              // Secondary link: kept out of Tab traversal (focusable defaults to
+              // false) so keyboard/next jumps straight to the social sign-in
+              // buttons (the most-used path).
               child: Text(
                 t.auth.signin.signup_link,
                 style: context.textTheme.bodyMedium?.copyWith(
@@ -218,6 +229,14 @@ class _SocialSigninRow extends ConsumerWidget {
   Widget build(BuildContext context, WidgetRef ref) {
     final state = ref.watch(signinStateProvider);
     final isSending = state is SigninStateSending;
+    // Apple sign-in is reliable only on Apple-native platforms (iOS/macOS). On web
+    // it needs a paid Apple Service ID + manual console setup (see auth docs), gated
+    // by withAppleWebSignin (off by default). On Android it needs the same Service ID
+    // and the Supabase/API native flow throws, so Apple is hidden there.
+    final bool showApple = kIsWeb
+        ? withAppleWebSignin
+        : (defaultTargetPlatform == TargetPlatform.iOS ||
+            defaultTargetPlatform == TargetPlatform.macOS);
     return Row(
       children: [
         Expanded(
@@ -230,17 +249,20 @@ class _SocialSigninRow extends ConsumerWidget {
                       ref.read(signinStateProvider.notifier).signinWithGoogle(),
           ),
         ),
-        const SizedBox(width: KasySpacing.sm),
-        Expanded(
-          child: _SocialSigninTile(
-            label: t.auth.signin.apple,
-            icon: Image.asset('assets/icons/apple.png', width: 20, height: 20),
-            onPressed: isSending
-                ? null
-                : () =>
-                      ref.read(signinStateProvider.notifier).signinWithApple(),
+        if (showApple) ...[
+          const SizedBox(width: KasySpacing.sm),
+          Expanded(
+            child: _SocialSigninTile(
+              label: t.auth.signin.apple,
+              icon: Image.asset('assets/icons/apple.png', width: 20, height: 20),
+              onPressed: isSending
+                  ? null
+                  : () => ref
+                        .read(signinStateProvider.notifier)
+                        .signinWithApple(),
+            ),
           ),
-        ),
+        ],
         const SizedBox(width: KasySpacing.sm),
         Expanded(
           child: _SocialSigninTile(

package/templates/firebase/lib/features/authentication/ui/signup_page.dart

@@ -1,9 +1,11 @@
 import 'dart:ui';
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
 import 'package:kasy_kit/components/components.dart';
+import 'package:kasy_kit/core/config/features.dart';
 import 'package:kasy_kit/core/data/models/user.dart';
 import 'package:kasy_kit/core/haptics/kasy_haptics.dart';
 import 'package:kasy_kit/core/states/user_state_notifier.dart';
@@ -60,6 +62,7 @@ class SignupPage extends ConsumerWidget {
                   subtitle: t.auth.signup.subtitle,
                   children: [
                       KasyTextField(
+                        variant: KasyTextFieldVariant.flat,
                         key: const Key('email_input'),
                         onChanged: (value) => ref
                             .read(signupStateProvider.notifier)
@@ -79,6 +82,7 @@ class SignupPage extends ConsumerWidget {
                       ),
                       const SizedBox(height: _authFieldSpacing),
                       KasyTextField(
+                        variant: KasyTextFieldVariant.flat,
                         key: const Key('password_input'),
                         onChanged: (newValue) => ref
                             .read(signupStateProvider.notifier)
@@ -180,7 +184,8 @@ class _SigninPrompt extends StatelessWidget {
             KasyPressableDepth(
               semanticLabel: t.auth.signup.signin_link,
               onPressed: () => context.pushReplacement('/signin'),
-              focusable: true,
+              // Secondary link: kept out of Tab traversal (focusable defaults to
+              // false) so keyboard/next jumps straight to the social buttons.
               child: Text(
                 t.auth.signup.signin_link,
                 style: context.textTheme.bodyMedium?.copyWith(
@@ -203,6 +208,14 @@ class _SocialSignupRow extends ConsumerWidget {
   Widget build(BuildContext context, WidgetRef ref) {
     final state = ref.watch(signinStateProvider);
     final isSending = state is SigninStateSending;
+    // Apple sign-in is reliable only on Apple-native platforms (iOS/macOS). On web
+    // it needs a paid Apple Service ID + manual console setup (see auth docs), gated
+    // by withAppleWebSignin (off by default). On Android it needs the same Service ID
+    // and the Supabase/API native flow throws, so Apple is hidden there.
+    final bool showApple = kIsWeb
+        ? withAppleWebSignin
+        : (defaultTargetPlatform == TargetPlatform.iOS ||
+            defaultTargetPlatform == TargetPlatform.macOS);
     return Row(
       children: [
         Expanded(
@@ -215,17 +228,20 @@ class _SocialSignupRow extends ConsumerWidget {
                       ref.read(signinStateProvider.notifier).signinWithGoogle(),
           ),
         ),
-        const SizedBox(width: KasySpacing.sm),
-        Expanded(
-          child: _SocialSignupTile(
-            label: t.auth.signin.apple,
-            icon: Image.asset('assets/icons/apple.png', width: 20, height: 20),
-            onPressed: isSending
-                ? null
-                : () =>
-                      ref.read(signinStateProvider.notifier).signinWithApple(),
+        if (showApple) ...[
+          const SizedBox(width: KasySpacing.sm),
+          Expanded(
+            child: _SocialSignupTile(
+              label: t.auth.signin.apple,
+              icon: Image.asset('assets/icons/apple.png', width: 20, height: 20),
+              onPressed: isSending
+                  ? null
+                  : () => ref
+                        .read(signinStateProvider.notifier)
+                        .signinWithApple(),
+            ),
           ),
-        ),
+        ],
         const SizedBox(width: KasySpacing.sm),
         Expanded(
           child: _SocialSignupTile(

package/templates/firebase/lib/features/authentication/ui/widgets/recover_password_result.dart

@@ -28,7 +28,7 @@ class RecoverPasswordSent extends StatelessWidget {
                 KasyBrandBadge(
                   icon: KasyIcons.checkCircle,
                   size: 72,
-                  glyphSize: 36,
+                  glyphSize: KasyIconSize.display,
                   gradient: LinearGradient(
                     begin: Alignment.topLeft,
                     end: Alignment.bottomRight,

package/templates/firebase/lib/features/feedbacks/ui/feedback_page.dart

@@ -167,7 +167,7 @@ class _AddChipButton extends StatelessWidget {
         child: Row(
           mainAxisSize: MainAxisSize.min,
           children: [
-            Icon(KasyIcons.add, size: 14, color: context.colors.primary),
+            Icon(KasyIcons.add, size: KasyIconSize.xs, color: context.colors.primary),
             const SizedBox(width: KasySpacing.xs),
             Text(
               label,

package/templates/firebase/lib/features/feedbacks/ui/widgets/add_feature_button.dart

@@ -56,7 +56,7 @@ class AddFeatureButton extends StatelessWidget {
             const SizedBox(width: KasySpacing.smd),
             Icon(
               KasyIcons.northEast,
-              size: 16,
+              size: KasyIconSize.rowTrailing,
               color: context.colors.onPrimary.withValues(alpha: 0.55),
             ),
           ],

package/templates/firebase/lib/features/feedbacks/ui/widgets/feature_card.dart

@@ -220,7 +220,7 @@ class _VoteCardState extends State<VoteCard>
             children: [
               Icon(
                 KasyIcons.voteUp,
-                size: 22,
+                size: KasyIconSize.lg,
                 color: widget.textColor,
               ),
               ClipRect(

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

@@ -2714,18 +2714,26 @@ Widget _buildTextFieldVariantsVariant(BuildContext context) {
     children: [
       KasyTextField(
         label: 'Primary Variant',
-        hint: 'Primary style input',
+        hint: 'Primary style text field',
         description: 'Default variant with primary styling',
         contentType: KasyTextFieldContentType.email,
       ),
       SizedBox(height: KasySpacing.lg),
       KasyTextField(
         label: 'Secondary Variant',
-        hint: 'Secondary style input',
+        hint: 'Secondary style text field',
         description: 'Secondary variant for surfaces',
         variant: KasyTextFieldVariant.secondary,
         contentType: KasyTextFieldContentType.email,
       ),
+      SizedBox(height: KasySpacing.lg),
+      KasyTextField(
+        label: 'Flat Variant',
+        hint: 'Flat style text field',
+        description: 'Primary fill, hairline border, no shadow',
+        variant: KasyTextFieldVariant.flat,
+        contentType: KasyTextFieldContentType.email,
+      ),
     ],
   );
 }
@@ -2738,7 +2746,7 @@ Widget _buildTextFieldStates(BuildContext context) {
       KasyTextField(
         label: 'Default State',
         hint: 'Enter your email',
-        description: 'Normal input state',
+        description: 'Normal text field state',
         contentType: KasyTextFieldContentType.email,
       ),
       SizedBox(height: KasySpacing.lg),
@@ -9013,6 +9021,7 @@ class _DatePickerVariantsPreview extends StatefulWidget {
 class _DatePickerVariantsPreviewState
     extends State<_DatePickerVariantsPreview> {
   DateTime? _filledDate;
+  DateTime? _flatDate;
   DateTime? _noBarrierDate;
   DateTime? _noSuffixDate;
   DateTime? _noFocusDate;
@@ -9035,6 +9044,16 @@ class _DatePickerVariantsPreviewState
           locale: locale,
         ),
         const SizedBox(height: KasySpacing.lg),
+        // Flat — surface fill + hairline border, no shadow (KasyTextField.flat).
+        KasyDatePicker(
+          label: 'Flat (no shadow)',
+          placeholder: 'Choose a date',
+          value: _flatDate,
+          onChanged: (d) => setState(() => _flatDate = d),
+          variant: KasyTextFieldVariant.flat,
+          locale: locale,
+        ),
+        const SizedBox(height: KasySpacing.lg),
         // Popover without the dimmed backdrop — feels lighter / tooltip-like.
         KasyDatePicker(
           label: 'No backdrop',

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

@@ -396,7 +396,7 @@ class _LikeButtonState extends State<_LikeButton>
                 scale: _scale,
                 child: Icon(
                   widget.liked ? KasyIcons.favoriteFilled : KasyIcons.favorite,
-                  size: 18,
+                  size: KasyIconSize.md,
                   color: heart,
                 ),
               ),

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

@@ -194,7 +194,7 @@ class _TimeTile extends StatelessWidget {
               const Spacer(),
               Icon(
                 KasyIcons.arrowForwardIos,
-                size: 14,
+                size: KasyIconSize.xs,
                 color: context.colors.muted,
               ),
             ],
@@ -299,7 +299,7 @@ class _DateTile extends StatelessWidget {
               const Spacer(),
               Icon(
                 KasyIcons.arrowForwardIos,
-                size: 14,
+                size: KasyIconSize.xs,
                 color: context.colors.muted,
               ),
             ],

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

@@ -1,3 +1,4 @@
+import 'package:flutter/foundation.dart' show kIsWeb;
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:kasy_kit/components/components.dart';
@@ -52,7 +53,7 @@ class _EmptyNotificationsState extends ConsumerState<EmptyNotifications> {
             ),
             child: Icon(
               KasyIcons.notificationOff,
-              size: 36,
+              size: KasyIconSize.display,
               color: context.colors.primary.withValues(alpha: 0.6),
             ),
           ),
@@ -79,6 +80,10 @@ class _EmptyNotificationsState extends ConsumerState<EmptyNotifications> {
             builder: (context, snapshot) {
               final permission = snapshot.data;
               if (permission == null) return const SizedBox.shrink();
+              // Web has no usable notification-permission prompt (askPermission is a
+              // no-op on web and permission_handler has no web support), so the CTA
+              // would be a dead button. Show the empty state without it.
+              if (kIsWeb) return const SizedBox.shrink();
               if (permission is NotificationPermissionGranted) {
                 return const SizedBox.shrink();
               }

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

@@ -1,6 +1,6 @@
-import 'package:better_skeleton/better_skeleton.dart';
 import 'package:flutter/material.dart';
 import 'package:jiffy/jiffy.dart';
+import 'package:kasy_kit/components/kasy_skeleton.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'
@@ -307,54 +307,51 @@ class TileNotificationIcon extends StatelessWidget {
       ),
       child: Icon(
         active ? KasyIcons.notificationActive : KasyIcons.notification,
-        size: 20,
+        size: KasyIconSize.lg,
         color: color,
       ),
     );
   }
 }
 
-/// A skeleton for the [NotificationTile] widget.
-class NotificationSkeletonTile extends StatefulWidget {
+/// Skeleton placeholder for [NotificationTile], built from the design-system
+/// [KasySkeleton] bones so the loading shimmer matches the kit everywhere and
+/// mirrors the real tile's layout (leading badge + title / body / date lines).
+class NotificationSkeletonTile extends StatelessWidget {
   const NotificationSkeletonTile({super.key});
 
-  @override
-  State<NotificationSkeletonTile> createState() =>
-      _NotificationSkeletonTileState();
-}
-
-class _NotificationSkeletonTileState extends State<NotificationSkeletonTile>
-    with SingleTickerProviderStateMixin {
-  late final AnimationController animationController;
-
-  @override
-  void initState() {
-    super.initState();
-    animationController = AnimationController(
-      vsync: this,
-      duration: const Duration(milliseconds: 1000),
-    )..repeat();
-  }
-
-  @override
-  void deactivate() {
-    animationController.dispose();
-    super.deactivate();
-  }
-
   @override
   Widget build(BuildContext context) {
-    return Padding(
-      padding: const EdgeInsets.only(top: KasySpacing.sm),
-      child: AnimatedSkeleton(
-        listenable: animationController,
-        child: Container(
-          height: 80,
-          decoration: BoxDecoration(
-            color: context.colors.primary.withValues(alpha: .1),
-            borderRadius: KasyRadius.smBorderRadius,
+    return const Padding(
+      padding: EdgeInsets.only(top: KasySpacing.sm),
+      child: KasySkeletonGroup(
+        child: Padding(
+          padding: EdgeInsets.all(KasySpacing.md),
+          child: Row(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: [
+              KasySkeleton(
+                width: 40,
+                height: 40,
+                borderRadius: BorderRadius.all(Radius.circular(10)),
+              ),
+              SizedBox(width: KasySpacing.smd),
+              Expanded(
+                child: Column(
+                  crossAxisAlignment: CrossAxisAlignment.start,
+                  children: [
+                    KasySkeleton(width: 150, height: 13),
+                    SizedBox(height: KasySpacing.sm),
+                    KasySkeleton(width: double.infinity, height: 11),
+                    SizedBox(height: KasySpacing.xs),
+                    KasySkeleton(width: 210, height: 11),
+                    SizedBox(height: KasySpacing.smd),
+                    KasySkeleton(width: 70, height: 10),
+                  ],
+                ),
+              ),
+            ],
           ),
-          padding: const EdgeInsets.all(KasySpacing.md),
         ),
       ),
     );

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

@@ -76,7 +76,7 @@ class PermissionRequestView extends StatelessWidget {
               child: Center(
                 child:
                     illustration ??
-                    KasyBrandBadge(icon: icon, size: 76, glyphSize: 36),
+                    KasyBrandBadge(icon: icon, size: 76, glyphSize: KasyIconSize.display),
               ),
             ),
             const SizedBox(height: KasySpacing.xl),

package/templates/firebase/lib/features/onboarding/ui/components/onboarding_loader.dart

@@ -102,7 +102,7 @@ class _PulsingOrb extends StatelessWidget {
           ),
         ],
       ),
-      child: Icon(KasyIcons.flash, color: colors.onPrimary, size: 34),
+      child: Icon(KasyIcons.flash, color: colors.onPrimary, size: KasyIconSize.display),
     )
         .animate(onPlay: (c) => c.repeat(reverse: true))
         .scaleXY(

package/templates/firebase/lib/features/onboarding/ui/widgets/onboarding_module_mockups.dart

@@ -283,7 +283,7 @@ class _PlanRow extends StatelessWidget {
               ),
             ),
             child: selected
-                ? Icon(KasyIcons.check, size: 12, color: colors.onPrimary)
+                ? Icon(KasyIcons.check, size: KasyIconSize.xxs, color: colors.onPrimary)
                 : null,
           ),
           const SizedBox(width: KasySpacing.smd),
@@ -421,7 +421,7 @@ class _FakeField extends StatelessWidget {
       ),
       child: Row(
         children: [
-          Icon(icon, size: 16, color: colors.muted),
+          Icon(icon, size: KasyIconSize.sm, color: colors.muted),
           const SizedBox(width: KasySpacing.sm),
           Text(
             hint,
@@ -452,7 +452,7 @@ class _SocialChip extends StatelessWidget {
         borderRadius: KasyRadius.mdBorderRadius,
         border: Border.all(color: colors.outline),
       ),
-      child: Icon(icon, size: 18, color: colors.onSurface),
+      child: Icon(icon, size: KasyIconSize.md, color: colors.onSurface),
     );
   }
 }

package/templates/firebase/lib/features/onboarding/ui/widgets/selectable_row_tile.dart

@@ -391,7 +391,7 @@ class RoundRadioBox extends StatelessWidget {
                 opacity: iconOpacity,
                 child: Transform.scale(
                   scale: iconSize,
-                  child: Icon(icon, color: context.colors.onPrimary, size: 15),
+                  child: Icon(icon, color: context.colors.onPrimary, size: KasyIconSize.sm),
                 ),
               )
             : const SizedBox.shrink(),