chore: add shadow in top bottomsheet

Author: AhmedAmineZr

app/lib/l10n/gen/ouds_flutter_app_localizations_ar.dart

@@ -270,7 +270,7 @@ class AppLocalizationsAr extends AppLocalizations {
 
   @override
   String get app_components_bottomSheet_description_text =>
-      'تعرض الأوراق السفلية محتوى ثانوياً مثبتاً في أسفل الشاشة.';
+      'تعرض Bottom Sheet محتوى ثانوياً مثبتاً في أسفل الشاشة.';
 
   @override
   String get app_components_bottomSheet_sheetContent_text =>
@@ -331,7 +331,7 @@ class AppLocalizationsAr extends AppLocalizations {
 
   @override
   String get app_components_bottomSheet_modalBottomSheet_showButton_label =>
-      'إظهار الورقة السفلية';
+      'إظهار Bottom Sheet';
 
   @override
   String get app_components_bottomSheet_modalBottomSheet_close_label => 'إغلاق';

app/lib/l10n/ouds_flutter_ar.arb

@@ -60,12 +60,12 @@
 
 
   "@_components_bottom_sheet": {},
-  "app_components_bottomSheet_description_text": "تعرض الأوراق السفلية محتوى ثانوياً مثبتاً في أسفل الشاشة.",
+  "app_components_bottomSheet_description_text": "تعرض Bottom Sheet محتوى ثانوياً مثبتاً في أسفل الشاشة.",
   "app_components_bottomSheet_sheetContent_text": "محتوى الـ Bottom Sheet.\n\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Donec bibendum erat vel lectus bibendum ultricies. Fusce non vestibulum nibh, sed fermentum purus. Quisque at dui ipsum. Sed maximus nibh vel vestibulum aliquam. Donec porta quam blandit elit ultrices, eget rhoncus mauris faucibus. Duis a elit sit amet tellus aliquam pellentesque. Sed in felis quis ex lacinia suscipit. Vestibulum vel tempus ante, sit amet viverra sem. Proin venenatis urna sit amet tristique consequat. Phasellus ultricies odio non risus vulputate, vel pulvinar sapien pretium. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin suscipit purus augue, aliquet finibus libero malesuada eu. Nulla non magna mi.",
   "app_components_bottomSheet_standardBottomSheet_description_text": "تتعايش الـ Bottom Sheet القياسية مع محتوى الشاشة الرئيسية، مما يتيح التفاعل مع الاثنين في نفس الوقت.",
   "app_components_bottomSheet_standardBottomSheet_collapse_label": "طي",
   "app_components_bottomSheet_modalBottomSheet_description_text": "تعرض الـ Bottom Sheet النموذجية محتوى يحجب مؤقتاً التفاعل مع الشاشة الرئيسية.",
-  "app_components_bottomSheet_modalBottomSheet_showButton_label": "إظهار الورقة السفلية",
+  "app_components_bottomSheet_modalBottomSheet_showButton_label": "إظهار Bottom Sheet",
   "app_components_bottomSheet_modalBottomSheet_close_label": "إغلاق",
 
   "@_components_button": {},

ouds_core/lib/components/bottom_sheet/ouds_bottom_sheet_scaffold.dart

@@ -257,25 +257,44 @@ class OudsBottomSheetScaffoldState extends State<OudsBottomSheetScaffold>
                           }
                         }
                       : null,
-                  child: Material(
-                    color: bottomSheetTheme.backgroundColor,
-                    elevation: bottomSheetTheme.elevation ?? 0,
-                    shadowColor: bottomSheetTheme.shadowColor,
-                    shape: bottomSheetTheme.shape,
-                    clipBehavior: bottomSheetTheme.clipBehavior ?? Clip.none,
-                    child: SizedBox(
-                      height: _currentHeight,
-                      child: DefaultTextStyle(
-                        style: TextStyle(color: contentColor),
-                        child: IconTheme(
-                          data: IconThemeData(color: contentColor),
-                          child: Column(
-                            mainAxisSize: MainAxisSize.min,
-                            children: [
-                              if (widget.sheetDragHandle)
-                                OudsBottomSheetDefaults.dragHandle(context),
-                              Flexible(child: widget.sheetContent(context)),
-                            ],
+                  // Wrap with Container for top shadow, matching Android's
+                  // sheetShadowElevation = OudsTheme.elevations.emphasized.
+                  child: Container(
+                    decoration: BoxDecoration(
+                      borderRadius:
+                          (bottomSheetTheme.shape as RoundedRectangleBorder?)
+                              ?.borderRadius,
+                      boxShadow: [
+                        BoxShadow(
+                          color: theme
+                              .colorScheme(context)
+                              .alwaysBlack
+                              .withAlpha((0.30 * 255).round()),
+                          offset: Offset(0, 1),
+                          blurRadius: 2,
+                          spreadRadius: 0,
+                        ),
+                      ],
+                    ),
+                    child: Material(
+                      color: bottomSheetTheme.backgroundColor,
+                      elevation: 0,
+                      shape: bottomSheetTheme.shape,
+                      clipBehavior: bottomSheetTheme.clipBehavior ?? Clip.none,
+                      child: SizedBox(
+                        height: _currentHeight,
+                        child: DefaultTextStyle(
+                          style: TextStyle(color: contentColor),
+                          child: IconTheme(
+                            data: IconThemeData(color: contentColor),
+                            child: Column(
+                              mainAxisSize: MainAxisSize.min,
+                              children: [
+                                if (widget.sheetDragHandle)
+                                  OudsBottomSheetDefaults.dragHandle(context),
+                                Flexible(child: widget.sheetContent(context)),
+                              ],
+                            ),
                           ),
                         ),
                       ),

ouds_core/lib/l10n/gen/ouds_localizations_ar.dart

@@ -33,7 +33,7 @@ class OudsLocalizationsAr extends OudsLocalizations {
   String get core_button_icon_only_a11y => 'أيقونة';
 
   @override
-  String get core_bottom_sheets_label_a11y => 'النافذة السفلية';
+  String get core_bottom_sheets_label_a11y => 'Bottom Sheet';
 
   @override
   String get core_bottom_sheets_expanded_a11y => 'مفتوحة';

ouds_core/lib/l10n/ouds_flutter_ar.arb

@@ -11,7 +11,7 @@
     "core_button_icon_only_a11y": "أيقونة",
 
     "@_OUDS_BOTTOM_SHEETS": {},
-    "core_bottom_sheets_label_a11y": "النافذة السفلية",
+    "core_bottom_sheets_label_a11y": "Bottom Sheet",
     "core_bottom_sheets_expanded_a11y": "مفتوحة",
     "core_bottom_sheets_collapsed_a11y": "مطوية",
     "core_bottomSheet_dragHandle_a11y": "مقبض السحب",