@hoddy-ui/next 2.0.63 → 2.0.66

package/dist/index.d.mts

@@ -386,8 +386,8 @@ declare const showFlashMessage: (msg: FlashMessageProps) => void;
 
 declare const FormWrapper: React.FC<FormWrapperProps>;
 
-declare const RatingStars: FC<RatingStarsProps>;
 declare const RatingInput: FC<RatingInputProps>;
+declare const RatingStars: FC<RatingStarsProps>;
 
 declare const GridItem: React.FC<GridItemProps>;
 declare const Grid: React.FC<GridProps>;

package/dist/index.d.ts

@@ -386,8 +386,8 @@ declare const showFlashMessage: (msg: FlashMessageProps) => void;
 
 declare const FormWrapper: React.FC<FormWrapperProps>;
 
-declare const RatingStars: FC<RatingStarsProps>;
 declare const RatingInput: FC<RatingInputProps>;
+declare const RatingStars: FC<RatingStarsProps>;
 
 declare const GridItem: React.FC<GridItemProps>;
 declare const Grid: React.FC<GridProps>;

package/dist/index.js

@@ -469,6 +469,7 @@ var ConfigureSystemUI = () => {
   const colors2 = useColors();
   (0, import_react3.useEffect)(() => {
     const config2 = getConfig();
+    import_react_native3.Appearance.setColorScheme(theme);
     if (colors2) {
       SystemUI.setBackgroundColorAsync(colors2.white[1]);
       if (import_react_native3.Platform.OS === "android") {
@@ -963,7 +964,7 @@ var FormWrapper = ({
 // ../src/Components/StarRating.tsx
 var import_vector_icons5 = require("@expo/vector-icons");
 var Haptics = __toESM(require("expo-haptics"));
-var import_react12 = require("react");
+var import_react12 = __toESM(require("react"));
 var import_react_native12 = require("react-native");
 var import_react_native_size_matters9 = require("react-native-size-matters");
 
@@ -1146,36 +1147,6 @@ var Popup = ({
 };
 
 // ../src/Components/StarRating.tsx
-var RatingStars = ({
-  rating = 0,
-  size = 16,
-  color = "#FFD700"
-}) => {
-  const colors2 = useColors();
-  const styles = import_react_native_size_matters9.ScaledSheet.create({
-    root: {
-      flexDirection: "row",
-      alignItems: "center"
-    }
-  });
-  return /* @__PURE__ */ React.createElement(import_react_native12.View, { style: styles.root }, [...Array(Math.floor(rating))].map((_, index) => /* @__PURE__ */ React.createElement(
-    import_vector_icons5.Ionicons,
-    {
-      key: index,
-      name: "star",
-      size,
-      color: colors2[color]?.main || color
-    }
-  )), [...Array(5 - Math.floor(rating))].map((_, index) => /* @__PURE__ */ React.createElement(
-    import_vector_icons5.Ionicons,
-    {
-      key: index,
-      name: "star",
-      size,
-      color: colors2.textSecondary.light
-    }
-  )));
-};
 var RatingInput = ({
   onSubmit: _onSubmit,
   rating = 0,
@@ -1220,7 +1191,7 @@ var RatingInput = ({
     _onSubmit && await _onSubmit({ rating: rate, review });
     setLoading(false);
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(import_react_native12.View, { style: styles.root }, loading ? /* @__PURE__ */ React.createElement(import_react_native12.ActivityIndicator, null) : [...Array(5)].map((_, index) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ import_react12.default.createElement(import_react12.default.Fragment, null, /* @__PURE__ */ import_react12.default.createElement(import_react_native12.View, { style: styles.root }, loading ? /* @__PURE__ */ import_react12.default.createElement(import_react_native12.ActivityIndicator, null) : [...Array(5)].map((_, index) => /* @__PURE__ */ import_react12.default.createElement(
     import_react_native12.TouchableOpacity,
     {
       key: index,
@@ -1229,7 +1200,7 @@ var RatingInput = ({
         onRate(index);
       }
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(
       import_vector_icons5.Ionicons,
       {
         style: { marginLeft: 10 },
@@ -1238,7 +1209,7 @@ var RatingInput = ({
         color: colors2[color]?.main || color
       }
     )
-  ))), /* @__PURE__ */ React.createElement(
+  ))), /* @__PURE__ */ import_react12.default.createElement(
     Popup,
     {
       sheet: true,
@@ -1247,7 +1218,7 @@ var RatingInput = ({
         setShowReviewsModal(false);
       }
     },
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(
       import_react_native12.View,
       {
         style: {
@@ -1255,9 +1226,9 @@ var RatingInput = ({
           marginBottom: 5
         }
       },
-      /* @__PURE__ */ React.createElement(RatingStars, { rating: rate, size: 24 })
+      /* @__PURE__ */ import_react12.default.createElement(RatingStars, { rating: rate, size: 24 })
     ),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(
       Typography_default,
       {
         align: "center",
@@ -1267,7 +1238,7 @@ var RatingInput = ({
       },
       "Add to your review"
     ),
-    /* @__PURE__ */ React.createElement(import_react_native12.View, { style: styles.inputCon }, /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(import_react_native12.View, { style: styles.inputCon }, /* @__PURE__ */ import_react12.default.createElement(
       import_react_native12.TextInput,
       {
         style: styles.input,
@@ -1278,7 +1249,7 @@ var RatingInput = ({
         verticalAlign: "top"
       }
     )),
-    /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ import_react12.default.createElement(
       Button_default,
       {
         gutterBottom: 40,
@@ -1292,6 +1263,36 @@ var RatingInput = ({
     )
   ));
 };
+var RatingStars = ({
+  rating = 0,
+  size = 16,
+  color = "#FFD700"
+}) => {
+  const colors2 = useColors();
+  const styles = import_react_native_size_matters9.ScaledSheet.create({
+    root: {
+      flexDirection: "row",
+      alignItems: "center"
+    }
+  });
+  return /* @__PURE__ */ import_react12.default.createElement(import_react_native12.View, { style: styles.root }, [...Array(Math.floor(rating))].map((_, index) => /* @__PURE__ */ import_react12.default.createElement(
+    import_vector_icons5.Ionicons,
+    {
+      key: index,
+      name: "star",
+      size,
+      color: colors2[color]?.main || color
+    }
+  )), [...Array(5 - Math.floor(rating))].map((_, index) => /* @__PURE__ */ import_react12.default.createElement(
+    import_vector_icons5.Ionicons,
+    {
+      key: index,
+      name: "star",
+      size,
+      color: colors2.textSecondary.light
+    }
+  )));
+};
 
 // ../src/Components/Grid.tsx
 var import_react13 = __toESM(require("react"));
@@ -2156,6 +2157,7 @@ var SafeAreaView = ({
 };
 
 // ../src/Components/Divider.tsx
+var import_react19 = __toESM(require("react"));
 var import_react_native19 = require("react-native");
 var import_react_native_size_matters15 = require("react-native-size-matters");
 var Divider = ({
@@ -2173,11 +2175,11 @@ var Divider = ({
       ...style
     }
   });
-  return /* @__PURE__ */ React.createElement(import_react_native19.View, { style: styles.root });
+  return /* @__PURE__ */ import_react19.default.createElement(import_react_native19.View, { style: styles.root });
 };
 
 // ../src/Components/Spinner.tsx
-var import_react19 = __toESM(require("react"));
+var import_react20 = __toESM(require("react"));
 var import_react_native20 = require("react-native");
 var import_react_native_size_matters16 = require("react-native-size-matters");
 var Spinner = ({
@@ -2214,12 +2216,12 @@ var Spinner = ({
       color: color === "light" ? colors2.white[2] : colors2.black[4]
     }
   });
-  return /* @__PURE__ */ import_react19.default.createElement(import_react_native20.View, { style: styles.root }, /* @__PURE__ */ import_react19.default.createElement(import_react_native20.View, { style: styles.content }, /* @__PURE__ */ import_react19.default.createElement(import_react_native20.ActivityIndicator, { color: colors2[color].dark, size }), label && /* @__PURE__ */ import_react19.default.createElement(Typography_default, { style: styles.label }, label)));
+  return /* @__PURE__ */ import_react20.default.createElement(import_react_native20.View, { style: styles.root }, /* @__PURE__ */ import_react20.default.createElement(import_react_native20.View, { style: styles.content }, /* @__PURE__ */ import_react20.default.createElement(import_react_native20.ActivityIndicator, { color: colors2[color].dark, size }), label && /* @__PURE__ */ import_react20.default.createElement(Typography_default, { style: styles.label }, label)));
 };
 var Spinner_default = Spinner;
 
 // ../src/Components/OTPInput.tsx
-var import_react20 = __toESM(require("react"));
+var import_react21 = __toESM(require("react"));
 var import_react_native21 = require("react-native");
 var import_react_native_size_matters17 = require("react-native-size-matters");
 var OTPInput = ({
@@ -2231,8 +2233,8 @@ var OTPInput = ({
   spacing = 1,
   size = 45
 }) => {
-  const inputRefs = (0, import_react20.useMemo)(
-    () => Array(length).fill(0).map((_) => import_react20.default.createRef()),
+  const inputRefs = (0, import_react21.useMemo)(
+    () => Array(length).fill(0).map((_) => import_react21.default.createRef()),
     [length]
   );
   const onChangeHandler = (val, index) => {
@@ -2281,7 +2283,7 @@ var OTPInput = ({
       fontSize: (0, import_react_native_size_matters17.ms)(size * 0.5)
     }
   });
-  return /* @__PURE__ */ import_react20.default.createElement(import_react_native21.View, { style: styles.root }, /* @__PURE__ */ import_react20.default.createElement(import_react_native21.View, { style: styles.container }, [...Array(length)].map((_, index) => /* @__PURE__ */ import_react20.default.createElement(
+  return /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.root }, /* @__PURE__ */ import_react21.default.createElement(import_react_native21.View, { style: styles.container }, [...Array(length)].map((_, index) => /* @__PURE__ */ import_react21.default.createElement(
     import_react_native21.TextInput,
     {
       ref: inputRefs[index],