@julseb-lib/react 1.0.10 → 1.0.12

package/dist/index.cjs

@@ -66512,6 +66512,9 @@ var Rating = ({
   id,
   validation,
   containerClassName,
+  iconsSize = 32,
+  accentColor = "primary",
+  gap = "xs",
   ...rest
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(
@@ -66528,7 +66531,7 @@ var Rating = ({
         {
           ref,
           id,
-          className: clsx("flex gap-2", "rating", className),
+          className: clsx("flex", genGap[gap], "rating", className),
           ...rest,
           children: (0, import_utils82.generateNumbers)(0, 4).map((n) => {
             const Element = readOnly ? "span" : "button";
@@ -66538,20 +66541,20 @@ var Rating = ({
                 onClick: () => !readOnly && setRating(n + 1),
                 type: "button",
                 className: clsx(
-                  readOnly ? "text-primary-500" : genTextColorHover["primary"],
+                  readOnly ? genTextAllColor[accentColor] : genTextColorHover[accentColor],
                   validation?.status === false ? readOnly ? "text-danger-500" : genTextColorHover["danger"] : validation?.status === true && (readOnly ? "text-success-500" : genTextColorHover["success"]),
                   "rating-item"
                 ),
                 children: n >= rating ? icons?.default ?? /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(
                   import_bi15.BiStar,
                   {
-                    size: 32,
+                    size: iconsSize,
                     className: "rating-icon"
                   }
                 ) : icons?.checked ?? /* @__PURE__ */ (0, import_jsx_runtime319.jsx)(
                   import_bi15.BiSolidStar,
                   {
-                    size: 32,
+                    size: iconsSize,
                     className: "rating-icon"
                   }
                 )
@@ -68286,25 +68289,28 @@ var import_utils121 = require("@julseb-lib/utils");
 var import_jsx_runtime351 = require("react/jsx-runtime");
 var SlideshowPagination = ({
   className,
-  pagination,
   images,
   active,
   setActive,
-  contentLength
+  contentLength,
+  handleClick,
+  position = "outside",
+  hideOnTouch,
+  color = "primary",
+  type = "dots"
 }) => {
   const isTouchScreen = useTouchScreen();
-  if (isTouchScreen && pagination?.hideOnTouch || contentLength === 0)
-    return null;
+  if (isTouchScreen && hideOnTouch || contentLength === 0) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(
     "div",
     {
       className: clsx(
         "flex justify-center gap-2 mx-auto px-2 w-full max-w-[70%]",
-        pagination?.position === "outside" ? "" : "absolute bottom-1 left-[50%] -translate-x-[50%]",
+        position === "outside" ? "" : "absolute bottom-1 left-[50%] -translate-x-[50%]",
         "slideshow-controls",
         className
       ),
-      children: pagination?.type === "thumbnails" ? images?.map((image, i) => /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(
+      children: type === "thumbnails" ? images?.map((image, i) => /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(
         "button",
         {
           className: clsx(
@@ -68314,7 +68320,10 @@ var SlideshowPagination = ({
             active === i && "active",
             "slideshow-thumbnail-container"
           ),
-          onClick: () => setActive(i),
+          onClick: () => {
+            setActive(i);
+            handleClick(i);
+          },
           children: /* @__PURE__ */ (0, import_jsx_runtime351.jsx)(
             "img",
             {
@@ -68332,20 +68341,21 @@ var SlideshowPagination = ({
         {
           className: clsx(
             "",
-            pagination?.type === "dots-outline" ? outlineColor[pagination?.color ?? "primary"] : genBgColor2[pagination?.color ?? "primary"],
+            type === "dots-outline" ? outlineColor[color ?? "primary"] : genBgColor2[color ?? "primary"],
             active === n && "active",
-            pagination?.type === "dots" && [
+            type === "dots" && [
               "size-2 rounded-full block"
             ],
-            pagination?.type === "dots-outline" && [
+            type === "dots-outline" && [
               "size-2 rounded-full border-1"
             ],
-            pagination?.type === "bars" && [
-              "grow h-1 rounded-full"
-            ],
+            type === "bars" && ["grow h-1 rounded-full"],
             "slideshow-control"
           ),
-          onClick: () => setActive(n)
+          onClick: () => {
+            setActive(n);
+            handleClick(n);
+          }
         },
         n
       ))
@@ -68596,17 +68606,16 @@ var Slideshow = ({
         !hidePagination && totalSlides > 1 && /* @__PURE__ */ (0, import_jsx_runtime352.jsx)(
           SlideshowPagination,
           {
+            className: pagination?.className,
+            images: pagination?.images,
             active: currentSlide,
             setActive: setCurrentSlide,
             contentLength: totalSlides,
             handleClick: goToSlide,
-            pagination: {
-              type: pagination?.type ?? "dots",
-              hideOnTouch: pagination?.hideOnTouch ?? false,
-              position: pagination?.position ?? "outside",
-              color: pagination?.color ?? "primary"
-            },
-            images
+            position: pagination?.position,
+            hideOnTouch: pagination?.hideOnTouch,
+            color: pagination?.color,
+            type: pagination?.type
           }
         )
       ]