kasy-cli 1.31.14 → 1.34.0

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,18 @@ 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);
+    // Facebook on web works on the Firebase backend (signInWithPopup); on Supabase
+    // the web flow isn't wired yet (roadmap), so withFacebookWebSignin ships false
+    // there. Native (iOS/Android) always shows it.
+    const bool showFacebook = !kIsWeb || withFacebookWebSignin;
     return Row(
       children: [
         Expanded(
@@ -215,33 +232,38 @@ 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(
-            label: t.auth.signin.facebook,
-            icon: Image.asset(
-              'assets/icons/facebook.png',
-              width: 20,
-              height: 20,
+        ],
+        if (showFacebook) ...[
+          const SizedBox(width: KasySpacing.sm),
+          Expanded(
+            child: _SocialSignupTile(
+              label: t.auth.signin.facebook,
+              icon: Image.asset(
+                'assets/icons/facebook.png',
+                width: 20,
+                height: 20,
+              ),
+              onPressed: isSending
+                  ? null
+                  : () => ref
+                        .read(signinStateProvider.notifier)
+                        .signinWithFacebook(),
             ),
-            onPressed: isSending
-                ? null
-                : () => ref
-                      .read(signinStateProvider.notifier)
-                      .signinWithFacebook(),
           ),
-        ),
+        ],
       ],
     );
   }

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

@@ -60,7 +60,6 @@ class _FeatureCardState extends State<FeatureCard> {
                 Text(
                   widget.title,
                   style: context.textTheme.titleMedium?.copyWith(
-                    fontSize: 16,
                     fontWeight: FontWeight.w700,
                   ),
                 ),
@@ -220,7 +219,7 @@ class _VoteCardState extends State<VoteCard>
             children: [
               Icon(
                 KasyIcons.voteUp,
-                size: 22,
+                size: KasyIconSize.lg,
                 color: widget.textColor,
               ),
               ClipRect(
@@ -251,7 +250,7 @@ class _VoteCardState extends State<VoteCard>
                     key: ValueKey('votes-${widget.id}-${widget.votes}'),
                     widget.votes.toString(),
                     style: context.textTheme.labelLarge?.copyWith(
-                      fontSize: 15,
+                      fontSize: 15, // design-check: ignore — vote-count badge
                       height: 1,
                       fontWeight: FontWeight.w800,
                       color: widget.textColor,

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

@@ -91,7 +91,13 @@ class HomeComponentsPage extends StatelessWidget {
                                         Flexible(
                                           child: Text(
                                             row.name,
-                                            style: context.textTheme.titleMedium,
+                                            // Lighter weight (w500) to match the
+                                            // app's row/list scale instead of the
+                                            // heavier heading weight.
+                                            style: context.textTheme.titleMedium
+                                                ?.copyWith(
+                                              fontWeight: FontWeight.w500,
+                                            ),
                                           ),
                                         ),
                                         if (_kReadyComponents.contains(

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

@@ -397,6 +397,10 @@ ComponentPreviewDefinition? getComponentPreviewDefinition(
             label: 'With Label & Description',
             builder: _buildTextAreaWithLabelDescription,
           ),
+          ComponentPreviewVariant(
+            label: 'Variants',
+            builder: _buildTextAreaVariants,
+          ),
           ComponentPreviewVariant(
             label: 'States',
             builder: _buildTextAreaStates,
@@ -2714,18 +2718,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 +2750,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),
@@ -2777,6 +2789,34 @@ Widget _buildTextAreaWithLabelDescription(BuildContext context) {
   return const _TextAreaWithLabelDescriptionContent();
 }
 
+Widget _buildTextAreaVariants(BuildContext context) {
+  return const Column(
+    mainAxisSize: MainAxisSize.min,
+    crossAxisAlignment: CrossAxisAlignment.stretch,
+    children: [
+      KasyTextArea(
+        label: 'Primary Variant',
+        hint: 'Primary style text area',
+        description: 'Default variant with primary styling',
+      ),
+      SizedBox(height: KasySpacing.lg),
+      KasyTextArea(
+        label: 'Secondary Variant',
+        hint: 'Secondary style text area',
+        description: 'Secondary variant for surfaces',
+        variant: KasyTextFieldVariant.secondary,
+      ),
+      SizedBox(height: KasySpacing.lg),
+      KasyTextArea(
+        label: 'Flat Variant',
+        hint: 'Flat style text area',
+        description: 'Primary fill, hairline border, no shadow',
+        variant: KasyTextFieldVariant.flat,
+      ),
+    ],
+  );
+}
+
 Widget _buildTextAreaStates(BuildContext context) {
   return const Column(
     mainAxisSize: MainAxisSize.min,
@@ -9013,6 +9053,7 @@ class _DatePickerVariantsPreview extends StatefulWidget {
 class _DatePickerVariantsPreviewState
     extends State<_DatePickerVariantsPreview> {
   DateTime? _filledDate;
+  DateTime? _flatDate;
   DateTime? _noBarrierDate;
   DateTime? _noSuffixDate;
   DateTime? _noFocusDate;
@@ -9035,6 +9076,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,
                 ),
               ),