dhre-ui-kit 0.0.397 → 0.0.399

package/lib/index.mjs

@@ -735,19 +735,17 @@ const BottomDrawer = ({
           text: title,
           style: { ...styles$z.title, ...titleStyle }
         }
-      )), /* @__PURE__ */ React.createElement(View, { style: rightTitle?.length ? styles$z.rightSideStyle : {} }, rightTitle?.length ? /* @__PURE__ */ React.createElement(Pressable, { onPress: handleRightTitlePress }, /* @__PURE__ */ React.createElement(
+      )), /* @__PURE__ */ React.createElement(View, { style: rightTitle && rightTitle?.length > 0 ? styles$z.rightSideStyle : {} }, rightTitle && rightTitle?.length > 0 ? /* @__PURE__ */ React.createElement(Pressable, { onPress: handleRightTitlePress }, /* @__PURE__ */ React.createElement(
         CustomTypography,
         {
           variant: rightTitleVariant,
           text: rightTitle,
           style: { ...styles$z.rightTitle, ...rightTitleStyle }
         }
-      )) : null, showRightIcon && rightIcon ? React.cloneElement(rightIcon, {
+      )) : null, showRightIcon && rightIcon ? /* @__PURE__ */ React.createElement(Pressable, { onPress: toggleModal, style: styles$z.rightIconStyle }, React.cloneElement(rightIcon, {
         width: moderateScale(24),
-        height: moderateScale(24),
-        style: styles$z.rightIconStyle,
-        onPress: toggleModal
-      }) : null))), children))
+        height: moderateScale(24)
+      })) : null))), children))
     ),
     footer ? /* @__PURE__ */ React.createElement(React.Fragment, null, footer) : null
   );
@@ -5243,8 +5241,11 @@ const CustomDropdown = (props) => {
 const styles$8 = StyleSheet.create({
   container: {
     backgroundColor: theme.SURFACE_STATIC["light"],
-    marginVertical: verticalScale(4)
+    marginVertical: verticalScale(4),
     // External margin
+    direction: "ltr",
+    writingDirection: "ltr",
+    textAlign: "left"
   },
   dropdown: {
     height: verticalScale(48),
@@ -5264,10 +5265,13 @@ const styles$8 = StyleSheet.create({
     fontSize: verticalScale(12)
   },
   placeholderStyle: {
-    fontSize: verticalScale(16)
+    fontSize: verticalScale(16),
+    writingDirection: "ltr",
+    direction: "ltr"
   },
   selectedTextStyle: {
-    fontSize: verticalScale(16)
+    fontSize: verticalScale(16),
+    writingDirection: "ltr"
   },
   iconStyle: {
     width: horizontalScale(20),
@@ -5608,7 +5612,9 @@ const styles$5 = StyleSheet.create({
   textInputContainer: {
     flexDirection: "row",
     justifyContent: "space-between",
-    marginTop: verticalScale(8)
+    marginTop: verticalScale(8),
+    direction: "ltr",
+    writingDirection: "ltr"
   },
   textInputStyle: {
     height: verticalScale(48),