@kaushverse/pickify 1.1.16 → 1.2.1

package/dist/index.js

@@ -737,8 +737,7 @@ var FloatingButton = class extends import_react4.default.Component {
   renderAction = (action, index) => {
     const {
       mode = "vertical",
-      radius = 65,
-      // ✅ FIXED (was 100)
+      radius = 100,
       actions,
       renderItemIcon,
       styles: styles2
@@ -746,18 +745,21 @@ var FloatingButton = class extends import_react4.default.Component {
     let translateX = 0;
     let translateY = 0;
     if (mode === "vertical") {
-      translateY = -60 * (index + 1);
+      translateY = -70 * (index + 1);
+      translateX = 0;
     }
     if (mode === "horizontal") {
-      translateX = -60 * (index + 1);
+      translateX = -70 * (index + 1);
+      translateY = 0;
     }
     if (mode === "circle") {
-      const total = actions.length;
-      const spread = Math.PI / 2.5;
-      const start = -spread;
-      const angle = start + index / (total - 1 || 1) * spread;
-      translateX = radius * Math.cos(angle);
-      translateY = radius * Math.sin(angle);
+      const totalActions = actions.length;
+      const startAngle = -Math.PI / 3;
+      const endAngle = -Math.PI * 0.8;
+      const angle = startAngle + index / (totalActions - 1 || 1) * (endAngle - startAngle);
+      const adjustedRadius = radius * 0.65;
+      translateX = adjustedRadius * Math.cos(angle);
+      translateY = adjustedRadius * Math.sin(angle);
     }
     const animStyle = {
       transform: [
@@ -776,7 +778,7 @@ var FloatingButton = class extends import_react4.default.Component {
         {
           scale: this.animation.interpolate({
             inputRange: [0, 0.5, 1],
-            outputRange: [0, 1.1, 1]
+            outputRange: [0, 1.2, 1]
           })
         }
       ],
@@ -822,6 +824,16 @@ var FloatingButton = class extends import_react4.default.Component {
         }
       ]
     };
+    const scale = {
+      transform: [
+        {
+          scale: this.animation.interpolate({
+            inputRange: [0, 0.5, 1],
+            outputRange: [1, 1.1, 1]
+          })
+        }
+      ]
+    };
     const mainIcon = mainIconName || "add";
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native5.View, { style: [defaultStyles4.container, styles2?.container, style], children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
@@ -842,14 +854,20 @@ var FloatingButton = class extends import_react4.default.Component {
               opacity: this.animation
             }
           ],
-          children: actions.map((a, i) => this.renderAction(a, i))
+          children: actions.map(this.renderAction)
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.TouchableWithoutFeedback, { onPress: this.toggleMenu, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.Animated.View, { style: [defaultStyles4.mainButtonWrapper, rotation], children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.View, { style: [defaultStyles4.button, styles2?.mainButton], children: renderMainIcon?.({
-        name: mainIcon,
-        size: 26,
-        color: "#FFF"
-      }) }) }) })
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.TouchableWithoutFeedback, { onPress: this.toggleMenu, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_react_native5.Animated.View,
+        {
+          style: [defaultStyles4.mainButtonWrapper, rotation, scale],
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native5.View, { style: [defaultStyles4.button, styles2?.mainButton], children: renderMainIcon?.({
+            name: mainIcon,
+            size: 26,
+            color: "#FFF"
+          }) })
+        }
+      ) })
     ] });
   }
 };
@@ -868,6 +886,13 @@ var defaultStyles4 = import_react_native5.StyleSheet.create({
     backgroundColor: "#F02A4B",
     alignItems: "center",
     justifyContent: "center",
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
     elevation: 5
   },
   button: {
@@ -880,10 +905,10 @@ var defaultStyles4 = import_react_native5.StyleSheet.create({
   },
   circleContainer: {
     position: "absolute",
-    width: 140,
-    height: 140,
-    right: -40,
-    bottom: -40,
+    width: 200,
+    height: 200,
+    right: -60,
+    bottom: -60,
     alignItems: "center",
     justifyContent: "center"
   },
@@ -892,8 +917,16 @@ var defaultStyles4 = import_react_native5.StyleSheet.create({
     width: 48,
     height: 48,
     borderRadius: 24,
+    backgroundColor: "#F02A4B",
     alignItems: "center",
     justifyContent: "center",
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
     elevation: 5
   }
 });

package/dist/index.mjs

@@ -721,8 +721,7 @@ var FloatingButton = class extends React4.Component {
   renderAction = (action, index) => {
     const {
       mode = "vertical",
-      radius = 65,
-      // ✅ FIXED (was 100)
+      radius = 100,
       actions,
       renderItemIcon,
       styles: styles2
@@ -730,18 +729,21 @@ var FloatingButton = class extends React4.Component {
     let translateX = 0;
     let translateY = 0;
     if (mode === "vertical") {
-      translateY = -60 * (index + 1);
+      translateY = -70 * (index + 1);
+      translateX = 0;
     }
     if (mode === "horizontal") {
-      translateX = -60 * (index + 1);
+      translateX = -70 * (index + 1);
+      translateY = 0;
     }
     if (mode === "circle") {
-      const total = actions.length;
-      const spread = Math.PI / 2.5;
-      const start = -spread;
-      const angle = start + index / (total - 1 || 1) * spread;
-      translateX = radius * Math.cos(angle);
-      translateY = radius * Math.sin(angle);
+      const totalActions = actions.length;
+      const startAngle = -Math.PI / 3;
+      const endAngle = -Math.PI * 0.8;
+      const angle = startAngle + index / (totalActions - 1 || 1) * (endAngle - startAngle);
+      const adjustedRadius = radius * 0.65;
+      translateX = adjustedRadius * Math.cos(angle);
+      translateY = adjustedRadius * Math.sin(angle);
     }
     const animStyle = {
       transform: [
@@ -760,7 +762,7 @@ var FloatingButton = class extends React4.Component {
         {
           scale: this.animation.interpolate({
             inputRange: [0, 0.5, 1],
-            outputRange: [0, 1.1, 1]
+            outputRange: [0, 1.2, 1]
           })
         }
       ],
@@ -806,6 +808,16 @@ var FloatingButton = class extends React4.Component {
         }
       ]
     };
+    const scale = {
+      transform: [
+        {
+          scale: this.animation.interpolate({
+            inputRange: [0, 0.5, 1],
+            outputRange: [1, 1.1, 1]
+          })
+        }
+      ]
+    };
     const mainIcon = mainIconName || "add";
     return /* @__PURE__ */ jsxs5(View5, { style: [defaultStyles4.container, styles2?.container, style], children: [
       /* @__PURE__ */ jsx5(
@@ -826,14 +838,20 @@ var FloatingButton = class extends React4.Component {
               opacity: this.animation
             }
           ],
-          children: actions.map((a, i) => this.renderAction(a, i))
+          children: actions.map(this.renderAction)
         }
       ),
-      /* @__PURE__ */ jsx5(TouchableWithoutFeedback, { onPress: this.toggleMenu, children: /* @__PURE__ */ jsx5(Animated3.View, { style: [defaultStyles4.mainButtonWrapper, rotation], children: /* @__PURE__ */ jsx5(View5, { style: [defaultStyles4.button, styles2?.mainButton], children: renderMainIcon?.({
-        name: mainIcon,
-        size: 26,
-        color: "#FFF"
-      }) }) }) })
+      /* @__PURE__ */ jsx5(TouchableWithoutFeedback, { onPress: this.toggleMenu, children: /* @__PURE__ */ jsx5(
+        Animated3.View,
+        {
+          style: [defaultStyles4.mainButtonWrapper, rotation, scale],
+          children: /* @__PURE__ */ jsx5(View5, { style: [defaultStyles4.button, styles2?.mainButton], children: renderMainIcon?.({
+            name: mainIcon,
+            size: 26,
+            color: "#FFF"
+          }) })
+        }
+      ) })
     ] });
   }
 };
@@ -852,6 +870,13 @@ var defaultStyles4 = StyleSheet5.create({
     backgroundColor: "#F02A4B",
     alignItems: "center",
     justifyContent: "center",
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
     elevation: 5
   },
   button: {
@@ -864,10 +889,10 @@ var defaultStyles4 = StyleSheet5.create({
   },
   circleContainer: {
     position: "absolute",
-    width: 140,
-    height: 140,
-    right: -40,
-    bottom: -40,
+    width: 200,
+    height: 200,
+    right: -60,
+    bottom: -60,
     alignItems: "center",
     justifyContent: "center"
   },
@@ -876,8 +901,16 @@ var defaultStyles4 = StyleSheet5.create({
     width: 48,
     height: 48,
     borderRadius: 24,
+    backgroundColor: "#F02A4B",
     alignItems: "center",
     justifyContent: "center",
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
     elevation: 5
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kaushverse/pickify",
-  "version": "1.1.16",
+  "version": "1.2.1",
   "description": "A fully customizable React Native picker with search, multi-select, grouping, and async support.",
   "main": "dist/index.js",
   "module": "dist/index.mjs",