kasy-cli 1.13.0 → 1.15.0

package/templates/firebase/lib/core/shared_preferences/shared_preferences.dart

@@ -60,11 +60,23 @@ class SharedPreferencesBuilder implements OnStartService {
     return prefs.getBool('biometric_enabled') ?? false;
   }
 
-  Future<void> setBiometricPromptShown(bool shown) async {
-    await prefs.setBool('biometric_prompt_shown', shown);
+  /// How many times the user dismissed the ATT soft prompt without accepting.
+  /// Used to back off and eventually stop asking. See [MaybeShowAttPermission].
+  int getAttSoftDismissCount() {
+    return prefs.getInt('att_soft_dismiss_count') ?? 0;
   }
 
-  bool getBiometricPromptShown() {
-    return prefs.getBool('biometric_prompt_shown') ?? false;
+  Future<void> setAttSoftDismissCount(int count) async {
+    await prefs.setInt('att_soft_dismiss_count', count);
+  }
+
+  DateTime? getAttSoftLastAskedAt() {
+    final millis = prefs.getInt('att_soft_last_asked_at');
+    if (millis == null) return null;
+    return DateTime.fromMillisecondsSinceEpoch(millis);
+  }
+
+  Future<void> setAttSoftLastAskedAt(DateTime when) async {
+    await prefs.setInt('att_soft_last_asked_at', when.millisecondsSinceEpoch);
   }
 }

package/templates/firebase/lib/core/states/components/maybeshow_component.dart

@@ -13,20 +13,16 @@ import 'package:kasy_kit/core/states/models/event_model.dart';
 /// Ex of usage:
 /// @override
 ///  Widget build(BuildContext context) {
-///    final homeState = ref.watch(homeNotifierProvider);
-///    final userState = ref.watch(userStateNotifierProvider);
-///    // final translations = ref.watch(translationsProvider);
-///
 ///    return ConditionalWidgetsEvents(
 ///      eventWidgets: [
 ///        MaybeShowPremiumPage(),
-///        MaybeShowNotificationPermission(),
-///        MaybeLevelUpBottomSheet(),
+///        MaybeShowAttPermission(),
 ///        MaybeAskForReview(),
 ///        MaybeAskForRating(),
 ///      ],
-///      child: Background.blue(
-///        child: SafeArea(...
+///      child: ...,
+///    );
+///  }
 /// A widget that can be shown or not based on a condition.
 sealed class MaybeShow {}
 

package/templates/firebase/lib/core/states/user_state_notifier.dart

@@ -6,6 +6,7 @@ import 'package:kasy_kit/core/data/models/subscription.dart';
 import 'package:kasy_kit/core/data/models/user.dart';
 import 'package:kasy_kit/core/data/repositories/user_repository.dart';
 import 'package:kasy_kit/core/initializer/onstart_service.dart';
+import 'package:kasy_kit/core/shared_preferences/shared_preferences.dart';
 import 'package:kasy_kit/core/states/models/user_state.dart';
 import 'package:kasy_kit/environnements.dart';
 import 'package:kasy_kit/features/authentication/repositories/authentication_repository.dart';
@@ -125,8 +126,19 @@ class UserStateNotifier extends _$UserStateNotifier implements OnStartService {
   Future<void> onLogout() async {
     final userId = state.user.idOrThrow;
     _deviceRepository.removeTokenUpdateListener();
-    await _deviceRepository.unregister(userId);
+    // Best-effort: if the network call fails we still proceed with logout so
+    // the user is never stuck on the previous account. A stale device doc on
+    // the old user is cleaned up server-side by the cross-user token dedup
+    // trigger when the same install registers under a new account.
+    try {
+      await _deviceRepository.unregister(userId);
+    } catch (e) {
+      _logger.w('Failed to unregister device during logout: $e');
+    }
     await _authenticationRepository.logout();
+    // Biometric lock is a per-account preference, not a device-wide one.
+    // The next user signing in on this install should start without it set.
+    await ref.read(sharedPreferencesProvider).setBiometricEnabled(false);
     state = const UserState(user: User.anonymous());
     if (mode == AuthenticationMode.anonymous) {
       await _loadAnonymousState();

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

@@ -184,6 +184,7 @@ const Set<String> _kReadyComponents = <String>{
   'Design System',
   'Dialog',
   'Hover',
+  'Tabs',
   'TextArea',
   'TextField',
   'Sidebar',
@@ -218,7 +219,6 @@ const Set<String> _kWebReadyComponents = <String>{
 
 const Set<String> _kUrgentComponents = <String>{
   'Switch',
-  'Tabs',
   'Radio Group',
   'DatePicker',
 };

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

@@ -10,7 +10,7 @@ import 'package:kasy_kit/features/home/home_components_preview_page.dart';
 /// Previews só instanciam os widgets públicos do kit (`components.dart` +
 /// tema). Rows / scroll / espaçamentos são apenas layout da vitrine —
 /// comportamento visual vem das props do componente (ex.: `KasyAccordion.surfaceRadius`,
-/// `KasyButton.borderRadius`). Presets opcionais: [KasyAvatarOrbGradients],
+/// `KasyButton.borderRadius`). Presets opcionais: [KasyAvatarGradients],
 /// [KasyAvatarDemoPhotos] (pacote avatar).
 class ComponentPreviewDefinition {
   final String title;
@@ -454,6 +454,24 @@ ComponentPreviewDefinition? getComponentPreviewDefinition(
           ),
         ],
       );
+    case 'Tabs':
+      return const ComponentPreviewDefinition(
+        title: 'Tabs',
+        variants: [
+          ComponentPreviewVariant(
+            label: 'Primary variant',
+            builder: _buildTabsPrimaryVariant,
+          ),
+          ComponentPreviewVariant(
+            label: 'Secondary variant',
+            builder: _buildTabsSecondaryVariant,
+          ),
+          ComponentPreviewVariant(
+            label: 'Fill mode',
+            builder: _buildTabsFillModeVariant,
+          ),
+        ],
+      );
     case 'Sidebar':
       return const ComponentPreviewDefinition(
         title: 'Sidebar',
@@ -636,6 +654,232 @@ class _SidebarPreviewState extends State<_SidebarPreview> {
 }
 
 
+// ─────────────────────────────────────────────────────────────────────────────
+// Tabs — interactive demos
+// ─────────────────────────────────────────────────────────────────────────────
+
+Widget _buildTabsPrimaryVariant(BuildContext context) =>
+    const _TabsPrimaryPreview();
+
+Widget _buildTabsSecondaryVariant(BuildContext context) =>
+    const _TabsSecondaryPreview();
+
+Widget _buildTabsFillModeVariant(BuildContext context) =>
+    const _TabsFillModePreview();
+
+// ── Primary variant ────────────────────────────────────────────────────────
+
+class _TabsPrimaryPreview extends StatefulWidget {
+  const _TabsPrimaryPreview();
+
+  @override
+  State<_TabsPrimaryPreview> createState() => _TabsPrimaryPreviewState();
+}
+
+class _TabsPrimaryPreviewState extends State<_TabsPrimaryPreview> {
+  int _index = 0;
+
+  static const List<String> _tabs = ['Overview', 'Details', 'Settings'];
+
+  static const List<String> _content = [
+    'Overview content — a summary of the most important information at a glance.',
+    'Details content — in-depth information about each specific aspect.',
+    'Settings content — configure preferences and options here.',
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    final KasyColors c = context.colors;
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        KasyTabs(
+          tabs: _tabs,
+          selectedIndex: _index,
+          onTabSelected: (i) => setState(() => _index = i),
+        ),
+        const SizedBox(height: KasySpacing.md),
+        AnimatedSwitcher(
+          duration: const Duration(milliseconds: 200),
+          child: KasyCard(
+            key: ValueKey(_index),
+            padding: const EdgeInsets.all(KasySpacing.md),
+            child: Text(
+              _content[_index],
+              style: context.textTheme.bodyMedium?.copyWith(
+                color: c.onSurface.withValues(alpha: 0.75),
+                height: 1.5,
+              ),
+            ),
+          ),
+        ),
+        const SizedBox(height: KasySpacing.lg),
+        // Disabled tab demo
+        Text(
+          'WITH DISABLED TAB',
+          style: context.textTheme.labelSmall?.copyWith(
+            color: c.muted,
+            letterSpacing: 1.2,
+            fontWeight: FontWeight.w700,
+          ),
+        ),
+        const SizedBox(height: KasySpacing.sm),
+        KasyTabs.items(
+          items: const [
+            KasyTabItem(label: 'Active'),
+            KasyTabItem(label: 'Disabled', enabled: false),
+            KasyTabItem(label: 'Active'),
+          ],
+          selectedIndex: 0,
+          onTabSelected: (_) {},
+        ),
+      ],
+    );
+  }
+}
+
+// ── Secondary variant ──────────────────────────────────────────────────────
+
+class _TabsSecondaryPreview extends StatefulWidget {
+  const _TabsSecondaryPreview();
+
+  @override
+  State<_TabsSecondaryPreview> createState() => _TabsSecondaryPreviewState();
+}
+
+class _TabsSecondaryPreviewState extends State<_TabsSecondaryPreview> {
+  int _index = 0;
+
+  static const List<String> _tabs = ['Inbox', 'Sent', 'Drafts'];
+
+  static const List<String> _content = [
+    'Inbox — your incoming messages appear here.',
+    'Sent — messages you have already sent.',
+    'Drafts — unfinished messages saved for later.',
+  ];
+
+  @override
+  Widget build(BuildContext context) {
+    final KasyColors c = context.colors;
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        KasyTabs(
+          tabs: _tabs,
+          selectedIndex: _index,
+          onTabSelected: (i) => setState(() => _index = i),
+          variant: KasyTabsVariant.secondary,
+        ),
+        const SizedBox(height: KasySpacing.md),
+        AnimatedSwitcher(
+          duration: const Duration(milliseconds: 200),
+          child: KasyCard(
+            key: ValueKey(_index),
+            padding: const EdgeInsets.all(KasySpacing.md),
+            child: Text(
+              _content[_index],
+              style: context.textTheme.bodyMedium?.copyWith(
+                color: c.onSurface.withValues(alpha: 0.75),
+                height: 1.5,
+              ),
+            ),
+          ),
+        ),
+        const SizedBox(height: KasySpacing.lg),
+        // With icons
+        Text(
+          'WITH ICONS',
+          style: context.textTheme.labelSmall?.copyWith(
+            color: c.muted,
+            letterSpacing: 1.2,
+            fontWeight: FontWeight.w700,
+          ),
+        ),
+        const SizedBox(height: KasySpacing.sm),
+        KasyTabs.items(
+          items: const [
+            KasyTabItem(label: 'Home', icon: KasyIcons.home),
+            KasyTabItem(label: 'Profile', icon: KasyIcons.person),
+            KasyTabItem(label: 'Settings', icon: KasyIcons.settings),
+          ],
+          selectedIndex: 1,
+          onTabSelected: (_) {},
+          variant: KasyTabsVariant.secondary,
+        ),
+      ],
+    );
+  }
+}
+
+// ── Fill mode ──────────────────────────────────────────────────────────────
+
+class _TabsFillModePreview extends StatefulWidget {
+  const _TabsFillModePreview();
+
+  @override
+  State<_TabsFillModePreview> createState() => _TabsFillModePreviewState();
+}
+
+class _TabsFillModePreviewState extends State<_TabsFillModePreview> {
+  int _primaryIndex = 0;
+  int _secondaryIndex = 0;
+
+  @override
+  Widget build(BuildContext context) {
+    final KasyColors c = context.colors;
+    final TextStyle labelStyle =
+        context.textTheme.labelSmall?.copyWith(
+          color: c.muted,
+          letterSpacing: 1.2,
+          fontWeight: FontWeight.w700,
+        ) ??
+        const TextStyle();
+
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.stretch,
+      mainAxisSize: MainAxisSize.min,
+      children: [
+        Text('PRIMARY + FILL', style: labelStyle),
+        const SizedBox(height: KasySpacing.sm),
+        KasyTabs(
+          tabs: const ['Tab 1', 'Tab 2', 'Tab 3'],
+          selectedIndex: _primaryIndex,
+          onTabSelected: (i) => setState(() => _primaryIndex = i),
+          mode: KasyTabsMode.fill,
+        ),
+        const SizedBox(height: KasySpacing.lg),
+        Text('SECONDARY + FILL', style: labelStyle),
+        const SizedBox(height: KasySpacing.sm),
+        KasyTabs(
+          tabs: const ['Tab 1', 'Tab 2', 'Tab 3'],
+          selectedIndex: _secondaryIndex,
+          onTabSelected: (i) => setState(() => _secondaryIndex = i),
+          variant: KasyTabsVariant.secondary,
+          mode: KasyTabsMode.fill,
+        ),
+        const SizedBox(height: KasySpacing.md),
+        AnimatedSwitcher(
+          duration: const Duration(milliseconds: 200),
+          child: KasyCard(
+            key: ValueKey('fill_$_secondaryIndex'),
+            padding: const EdgeInsets.all(KasySpacing.md),
+            child: Text(
+              'Content for Tab ${_secondaryIndex + 1}',
+              style: context.textTheme.bodyMedium?.copyWith(
+                color: c.onSurface.withValues(alpha: 0.75),
+              ),
+            ),
+          ),
+        ),
+      ],
+    );
+  }
+}
+
 Widget _buildSkeletonCardVariant(BuildContext context) {
   return const _SkeletonCardPreview();
 }
@@ -803,7 +1047,7 @@ Widget _buildAvatarSizesVariant(BuildContext context) {
         children: [
           KasyAvatar.gradientFill(
             size: KasyAvatarSize.small,
-            gradient: KasyAvatarOrbGradients.sphereBlue,
+            gradient: KasyAvatarGradients.blue,
             onTap: _triggerTapFeedback,
           ),
           const SizedBox(height: KasySpacing.sm),
@@ -822,7 +1066,7 @@ Widget _buildAvatarSizesVariant(BuildContext context) {
         children: [
           KasyAvatar.gradientFill(
             size: KasyAvatarSize.medium,
-            gradient: KasyAvatarOrbGradients.sphereFuchsia,
+            gradient: KasyAvatarGradients.hotPink,
             onTap: _triggerTapFeedback,
           ),
           const SizedBox(height: KasySpacing.sm),
@@ -841,7 +1085,7 @@ Widget _buildAvatarSizesVariant(BuildContext context) {
         children: [
           KasyAvatar.gradientFill(
             size: KasyAvatarSize.large,
-            gradient: KasyAvatarOrbGradients.sphereSunset,
+            gradient: KasyAvatarGradients.red,
             onTap: _triggerTapFeedback,
           ),
           const SizedBox(height: KasySpacing.sm),
@@ -926,7 +1170,7 @@ Widget _buildAvatarCustomFallbackVariant(BuildContext context) {
           const SizedBox(width: KasySpacing.md),
           const KasyAvatar(
             initials: 'GB',
-            backgroundGradient: KasyAvatarOrbGradients.sphereGb,
+            backgroundGradient: KasyAvatarGradients.forest,
             onTap: _triggerTapFeedback,
           ),
           const SizedBox(width: KasySpacing.md),
@@ -942,83 +1186,65 @@ Widget _buildAvatarCustomFallbackVariant(BuildContext context) {
 
 Widget _buildAvatarGroupVariant(BuildContext context) {
   const double d = 48;
+
+  Widget label(String text) => Text(
+    text,
+    style: context.textTheme.labelSmall?.copyWith(
+      color: context.colors.muted,
+      letterSpacing: 1.2,
+      fontWeight: FontWeight.w700,
+    ),
+  );
+
+  // Shared gradient avatars list
+  final List<Widget> gradients = [
+    KasyAvatar.gradientFill(size: KasyAvatarSize.small, diameter: d, showShadow: false, gradient: KasyAvatarGradients.blue),
+    KasyAvatar.gradientFill(size: KasyAvatarSize.small, diameter: d, showShadow: false, gradient: KasyAvatarGradients.teal),
+    KasyAvatar.gradientFill(size: KasyAvatarSize.small, diameter: d, showShadow: false, gradient: KasyAvatarGradients.orange),
+    KasyAvatar.gradientFill(size: KasyAvatarSize.small, diameter: d, showShadow: false, gradient: KasyAvatarGradients.red),
+    KasyAvatar.gradientFill(size: KasyAvatarSize.small, diameter: d, showShadow: false, gradient: KasyAvatarGradients.silver),
+  ];
+
+  // Shared photo avatars list
+  const List<Widget> photos = [
+    KasyAvatar(diameter: d, image: NetworkImage(KasyAvatarDemoPhotos.manGlasses)),
+    KasyAvatar(diameter: d, image: NetworkImage(KasyAvatarDemoPhotos.womanSmile)),
+    KasyAvatar(diameter: d, image: NetworkImage(KasyAvatarDemoPhotos.womanCurly)),
+    KasyAvatar(diameter: d, image: NetworkImage(KasyAvatarDemoPhotos.manBeard)),
+    KasyAvatar(diameter: d, image: NetworkImage(KasyAvatarDemoPhotos.manGlasses)),
+  ];
+
   return Column(
     mainAxisSize: MainAxisSize.min,
     crossAxisAlignment: CrossAxisAlignment.stretch,
     children: [
-      Text(
-        'BASIC',
-        style: context.textTheme.labelSmall?.copyWith(
-          color: context.colors.muted,
-          letterSpacing: 1.2,
-          fontWeight: FontWeight.w700,
-        ),
-      ),
+      label('GRADIENTS + ADD'),
       const SizedBox(height: KasySpacing.sm),
       Center(
         child: KasyAvatarGroup(
-          avatars: [
-            KasyAvatar.gradientFill(
-              size: KasyAvatarSize.small,
-              diameter: d,
-              showShadow: false,
-              gradient: KasyAvatarOrbGradients.sphereBlue,
-            ),
-            KasyAvatar.gradientFill(
-              size: KasyAvatarSize.small,
-              diameter: d,
-              showShadow: false,
-              gradient: KasyAvatarOrbGradients.sphereTeal,
-            ),
-            KasyAvatar.gradientFill(
-              size: KasyAvatarSize.small,
-              diameter: d,
-              showShadow: false,
-              gradient: KasyAvatarOrbGradients.sphereViolet,
-            ),
-            KasyAvatar.gradientFill(
-              size: KasyAvatarSize.small,
-              diameter: d,
-              showShadow: false,
-              gradient: KasyAvatarOrbGradients.sphereAmber,
-            ),
-          ],
+          maxVisible: 5,
+          extraCount: 5,
+          avatars: gradients,
+          onAdd: () {},
         ),
       ),
       const SizedBox(height: KasySpacing.lg),
-      Text(
-        'WITH OVERFLOW',
-        style: context.textTheme.labelSmall?.copyWith(
-          color: context.colors.muted,
-          letterSpacing: 1.2,
-          fontWeight: FontWeight.w700,
+      label('PHOTOS + ADD'),
+      const SizedBox(height: KasySpacing.sm),
+      Center(
+        child: KasyAvatarGroup(
+          maxVisible: 5,
+          extraCount: 5,
+          avatars: photos,
+          onAdd: () {},
         ),
       ),
+      const SizedBox(height: KasySpacing.lg),
+      label('WITHOUT ADD'),
       const SizedBox(height: KasySpacing.sm),
       Center(
         child: KasyAvatarGroup(
-          maxVisible: 3,
-          extraCount: 2,
-          avatars: [
-            KasyAvatar.gradientFill(
-              size: KasyAvatarSize.small,
-              diameter: d,
-              showShadow: false,
-              gradient: KasyAvatarOrbGradients.sphereBlue,
-            ),
-            KasyAvatar.gradientFill(
-              size: KasyAvatarSize.small,
-              diameter: d,
-              showShadow: false,
-              gradient: KasyAvatarOrbGradients.sphereTeal,
-            ),
-            KasyAvatar.gradientFill(
-              size: KasyAvatarSize.small,
-              diameter: d,
-              showShadow: false,
-              gradient: KasyAvatarOrbGradients.sphereViolet,
-            ),
-          ],
+          avatars: gradients,
         ),
       ),
     ],
@@ -1834,7 +2060,7 @@ Widget _buildBadgeDefault(BuildContext context) {
               child: KasyAvatar.gradientFill(
                 size: KasyAvatarSize.medium,
                 showShadow: false,
-                gradient: KasyAvatarOrbGradients.sphereBlue,
+                gradient: KasyAvatarGradients.blue,
               ),
             ),
             const SizedBox(height: KasySpacing.sm),
@@ -1850,7 +2076,7 @@ Widget _buildBadgeDefault(BuildContext context) {
               child: KasyAvatar.gradientFill(
                 size: KasyAvatarSize.medium,
                 showShadow: false,
-                gradient: KasyAvatarOrbGradients.sphereFuchsia,
+                gradient: KasyAvatarGradients.hotPink,
               ),
             ),
             const SizedBox(height: KasySpacing.sm),
@@ -1870,7 +2096,7 @@ Widget _buildBadgeDefault(BuildContext context) {
               child: KasyAvatar.gradientFill(
                 size: KasyAvatarSize.medium,
                 showShadow: false,
-                gradient: KasyAvatarOrbGradients.sphereTeal,
+                gradient: KasyAvatarGradients.teal,
               ),
             ),
             const SizedBox(height: KasySpacing.sm),
@@ -3803,11 +4029,11 @@ class _BadgeColorsPreview extends StatelessWidget {
       KasyBadgeTone.danger,
     ];
     final List<Gradient> gradients = [
-      KasyAvatarOrbGradients.sphereBlue,
-      KasyAvatarOrbGradients.sphereTeal,
-      KasyAvatarOrbGradients.sphereViolet,
-      KasyAvatarOrbGradients.sphereAmber,
-      KasyAvatarOrbGradients.sphereSunset,
+      KasyAvatarGradients.blue,
+      KasyAvatarGradients.teal,
+      KasyAvatarGradients.purple,
+      KasyAvatarGradients.orange,
+      KasyAvatarGradients.red,
     ];
     return Center(
       child: Row(
@@ -3871,7 +4097,7 @@ class _BadgeSizeItem extends StatelessWidget {
           child: KasyAvatar.gradientFill(
             size: avatarSize,
             showShadow: false,
-            gradient: KasyAvatarOrbGradients.sphereSunset,
+            gradient: KasyAvatarGradients.red,
           ),
         ),
         const SizedBox(height: KasySpacing.sm),
@@ -3910,7 +4136,7 @@ class _BadgePlacementsPreview extends StatelessWidget {
                   child: KasyAvatar.gradientFill(
                     size: KasyAvatarSize.medium,
                     showShadow: false,
-                    gradient: KasyAvatarOrbGradients.sphereViolet,
+                    gradient: KasyAvatarGradients.purple,
                   ),
                 ),
                 const SizedBox(height: KasySpacing.sm),
@@ -3928,11 +4154,11 @@ class _BadgeDotPreview extends StatelessWidget {
   const _BadgeDotPreview();
 
   static const List<(KasyBadgeTone, Gradient)> _items = [
-    (KasyBadgeTone.neutral, KasyAvatarOrbGradients.sphereBlue),
-    (KasyBadgeTone.primary, KasyAvatarOrbGradients.sphereTeal),
-    (KasyBadgeTone.success, KasyAvatarOrbGradients.sphereViolet),
-    (KasyBadgeTone.warning, KasyAvatarOrbGradients.sphereSunset),
-    (KasyBadgeTone.danger, KasyAvatarOrbGradients.sphereAmber),
+    (KasyBadgeTone.neutral, KasyAvatarGradients.blue),
+    (KasyBadgeTone.primary, KasyAvatarGradients.teal),
+    (KasyBadgeTone.success, KasyAvatarGradients.purple),
+    (KasyBadgeTone.warning, KasyAvatarGradients.red),
+    (KasyBadgeTone.danger, KasyAvatarGradients.orange),
   ];
 
   @override
@@ -3972,11 +4198,11 @@ class _BadgeVariantsPreview extends StatelessWidget {
   ];
 
   static const List<Gradient> _gradients = [
-    KasyAvatarOrbGradients.sphereBlue,
-    KasyAvatarOrbGradients.sphereTeal,
-    KasyAvatarOrbGradients.sphereViolet,
-    KasyAvatarOrbGradients.sphereSunset,
-    KasyAvatarOrbGradients.sphereAmber,
+    KasyAvatarGradients.blue,
+    KasyAvatarGradients.teal,
+    KasyAvatarGradients.purple,
+    KasyAvatarGradients.red,
+    KasyAvatarGradients.orange,
   ];
 
   static const List<KasyAvatarTone> _avatarTones = [
@@ -4044,7 +4270,6 @@ class _BadgeVariantsPreview extends StatelessWidget {
             child: KasyAvatar(
               initials: 'JD',
               tone: _avatarTones[i],
-              showShadow: false,
             ),
           ),
         );
@@ -4064,7 +4289,6 @@ class _BadgeVariantsPreview extends StatelessWidget {
               initials: 'JD',
               tone: _avatarTones[i],
               fallbackSurface: KasyAvatarFallbackSurface.soft,
-              showShadow: false,
             ),
           ),
         );
@@ -4085,19 +4309,19 @@ class _BadgeWithContentPreview extends StatelessWidget {
           _BadgeContentItem(
             label: 'Number',
             badge: KasyBadge(text: '5'),
-            gradient: KasyAvatarOrbGradients.sphereAmber,
+            gradient: KasyAvatarGradients.orange,
           ),
           SizedBox(width: KasySpacing.lg),
           _BadgeContentItem(
             label: 'Text',
             badge: KasyBadge(text: 'New', tone: KasyBadgeTone.primary),
-            gradient: KasyAvatarOrbGradients.sphereBlue,
+            gradient: KasyAvatarGradients.blue,
           ),
           SizedBox(width: KasySpacing.lg),
           _BadgeContentItem(
             label: 'Overflow',
             badge: KasyBadge(text: '99+'),
-            gradient: KasyAvatarOrbGradients.sphereViolet,
+            gradient: KasyAvatarGradients.purple,
           ),
         ],
       ),
@@ -6727,7 +6951,6 @@ class _RealCardContent extends StatelessWidget {
                 const KasyAvatar(
                   size: KasyAvatarSize.small,
                   initials: 'AJ',
-                  showShadow: false,
                 ),
                 const SizedBox(width: KasySpacing.smd),
                 Expanded(