kasy-cli 1.31.13 → 1.32.0

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/providers/unread_notifications_count_provider.dart

@@ -0,0 +1,17 @@
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:kasy_kit/core/states/user_state_notifier.dart';
+import 'package:kasy_kit/features/notifications/repositories/notifications_repository.dart';
+
+/// Live count of the signed-in user's unread notifications. Emits 0 when there
+/// is no user. Shared source for badging the notifications item everywhere it
+/// appears in the navigation (bottom bar, sidebar).
+///
+/// Watches the user id, so it automatically re-subscribes to the right stream
+/// when the account changes (avoids leaking the previous user's count).
+final unreadNotificationsCountProvider = StreamProvider.autoDispose<int>((ref) {
+  final String? userId = ref.watch(userStateNotifierProvider).user.idOrNull;
+  if (userId == null) return Stream<int>.value(0);
+  return ref
+      .read(notificationRepositoryProvider)
+      .listenToUnreadNotificationsCount(userId);
+});

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(),