@conboai/storybook.components 0.2.73 → 0.2.74

package/dist/components/ImageBox/ImageBox.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 
-declare function ImageBox({ images }: {
+declare function ImageBox({ images, imgIndex }: {
     images: string[];
+    imgIndex?: number;
 }): React.JSX.Element;
 export default ImageBox;

package/dist/storybook.components.mjs

@@ -59932,12 +59932,12 @@ const oee = {
     }
   );
 };
-function pre({ images: t }) {
-  const [e, n] = je(0), [r, i] = je(!1), o = () => {
-    n((l) => (l + 1) % t.length);
-  }, s = () => {
-    n(
-      (l) => l === 0 ? t.length - 1 : l - 1
+function pre({ images: t, imgIndex: e = 0 }) {
+  const [n, r] = je(e), [i, o] = je(!1), s = () => {
+    r((c) => (c + 1) % t.length);
+  }, l = () => {
+    r(
+      (c) => c === 0 ? t.length - 1 : c - 1
     );
   };
   return /* @__PURE__ */ te.jsxs(te.Fragment, { children: [
@@ -59960,7 +59960,7 @@ function pre({ images: t }) {
               display: "flex",
               height: "100%",
               transition: "transform 0.2s ease-in-out",
-              transform: `translateX(-${e * 100 / t.length}%)`,
+              transform: `translateX(-${n * 100 / t.length}%)`,
               width: `${t.length * 100}%`
             },
             children: [
@@ -59968,18 +59968,18 @@ function pre({ images: t }) {
                 vee,
                 {
                   onModalClose: () => {
-                    i(!1);
+                    o(!1);
                   },
-                  startIndex: e,
-                  isModalOpen: r,
+                  startIndex: n,
+                  isModalOpen: i,
                   images: t
                 }
               ),
-              t.map((l, c) => /* @__PURE__ */ te.jsx(
+              t.map((c, u) => /* @__PURE__ */ te.jsx(
                 It,
                 {
                   onClick: () => {
-                    i(!0);
+                    o(!0);
                   },
                   sx: {
                     width: `${100 / t.length}%`,
@@ -59992,7 +59992,7 @@ function pre({ images: t }) {
                     It,
                     {
                       component: "img",
-                      src: l,
+                      src: c,
                       sx: {
                         width: "100%",
                         height: "100%",
@@ -60002,7 +60002,7 @@ function pre({ images: t }) {
                     }
                   )
                 },
-                c
+                u
               ))
             ]
           }
@@ -60019,9 +60019,9 @@ function pre({ images: t }) {
         justifyContent: "center",
         gap: 4,
         children: [
-          /* @__PURE__ */ te.jsx(Hn, { onClick: s, children: /* @__PURE__ */ te.jsx(In, { icon: "arrowLeft", fill: Ng }) }),
-          /* @__PURE__ */ te.jsx(dn, { children: `${e + 1} / ${t.length}` }),
-          /* @__PURE__ */ te.jsx(Hn, { onClick: o, children: /* @__PURE__ */ te.jsx(In, { icon: "arrowRight", fill: Ng }) })
+          /* @__PURE__ */ te.jsx(Hn, { onClick: l, children: /* @__PURE__ */ te.jsx(In, { icon: "arrowLeft", fill: Ng }) }),
+          /* @__PURE__ */ te.jsx(dn, { children: `${n + 1} / ${t.length}` }),
+          /* @__PURE__ */ te.jsx(Hn, { onClick: s, children: /* @__PURE__ */ te.jsx(In, { icon: "arrowRight", fill: Ng }) })
         ]
       }
     )

package/package.json

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