@conboai/storybook.components 0.4.48 → 0.4.50

package/dist/storybook.components.mjs

@@ -47512,16 +47512,20 @@ const soe = ({
 }), "PlayArrow"), moe = {
   position: "relative",
   top: 0,
-  right: 0
+  right: 0,
+  zIndex: 1
 }, boe = (e) => ({
-  cursor: e ? "grabbing" : "grab",
-  height: "50px",
   position: "absolute",
-  top: "33px",
-  marginRight: "50%",
-  marginLeft: "50%",
-  right: "0",
-  left: "0"
+  top: "25px",
+  left: "50%",
+  transform: "translateX(-50%)",
+  height: "50px",
+  width: "50px",
+  cursor: e ? "grabbing" : "grab",
+  zIndex: 2,
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center"
 }), Coe = ({
   setValue: e,
   value: t,
@@ -47534,12 +47538,21 @@ const soe = ({
   handleMouseDown: c,
   isResizing: u
 }) => {
-  const [d, h] = Be(!1), f = s || "50%", b = boe(u == null ? void 0 : u.current), p = () => {
+  const [d, h] = Be(!1), f = s || "50%", b = boe(u), p = () => {
     h(!d);
   };
   return /* @__PURE__ */ V.jsxs(pm, { value: t, children: [
     /* @__PURE__ */ V.jsxs(bt, { display: "flex", alignItems: "center", sx: moe, children: [
-      c && /* @__PURE__ */ V.jsx(bt, { onMouseDown: c, sx: b, children: /* @__PURE__ */ V.jsx(gn, { icon: "doubleArrow" }) }),
+      c && /* @__PURE__ */ V.jsx(bt, { sx: b, onMouseDown: c, children: /* @__PURE__ */ V.jsx(
+        bt,
+        {
+          sx: {
+            position: "relative",
+            margin: "auto"
+          },
+          children: /* @__PURE__ */ V.jsx(gn, { icon: "doubleArrow" })
+        }
+      ) }),
       /* @__PURE__ */ V.jsx(bt, { width: i ? f : "100%", children: /* @__PURE__ */ V.jsx(
         hoe,
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conboai/storybook.components",
-  "version": "0.4.48",
+  "version": "0.4.50",
   "main": "dist/storybook.components.mjs",
   "types": "dist/build/index.d.ts",
   "files": [