@jorgemadrid/open-carousel 0.1.0 → 0.1.2

package/dist/index.cjs

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -1611,23 +1601,39 @@ function useCarouselCoordinator(options) {
   };
 }
 
+// node_modules/clsx/dist/clsx.mjs
+function r(e) {
+  var t, f, n = "";
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
+  return n;
+}
+function clsx() {
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  return n;
+}
+var clsx_default = clsx;
+
 // src/CarouselArrow.tsx
-var import_clsx = __toESM(require("clsx"), 1);
-var import_react_i18next = require("react-i18next");
 var import_jsx_runtime = require("react/jsx-runtime");
 function CarouselArrow({
   direction,
   onClick,
   disabled = false,
-  className
+  className,
+  label,
+  ...props
 }) {
-  const { t } = (0, import_react_i18next.useTranslation)();
+  const defaultLabel = direction === "left" ? "Previous" : "Next";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "button",
     {
       onClick,
       disabled,
-      className: (0, import_clsx.default)(
+      className: clsx_default(
         "carousel-button",
         // Base class from global CSS
         direction === "left" ? "prev" : "next",
@@ -1636,11 +1642,12 @@ function CarouselArrow({
         // State modifiers
         className
       ),
-      "aria-label": direction === "left" ? t("carousel.previous") : t("carousel.next"),
+      "aria-label": label || defaultLabel,
       onPointerDown: (e) => {
         e.stopPropagation();
         e.preventDefault();
       },
+      ...props,
       children: direction === "left" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "svg",
         {
@@ -1895,7 +1902,9 @@ function BaseCarouselInner({
   debugId = "carousel",
   debug,
   eagerSelectionOnMobile = false,
-  initialIndex
+  initialIndex,
+  prevLabel = "Previous",
+  nextLabel = "Next"
 }) {
   const resolvedGap = gapProp ?? (typeof window !== "undefined" && window.innerWidth < LAYOUT_CONFIG.GAP_BREAKPOINT ? LAYOUT_CONFIG.GAP_MOBILE : LAYOUT_CONFIG.GAP_DESKTOP);
   const logger = (0, import_react10.useMemo)(() => createLogger(debugId, debug), [debugId, debug]);
@@ -2360,7 +2369,15 @@ function BaseCarouselInner({
         paddingBottom: verticalPadding
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CarouselArrow, { direction: "left", onClick: () => handleArrowClick("left"), className: "prev" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          CarouselArrow,
+          {
+            direction: "left",
+            onClick: () => handleArrowClick("left"),
+            className: "prev",
+            label: prevLabel
+          }
+        ),
         infinite && !isReady && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "div",
           {
@@ -2495,7 +2512,15 @@ function BaseCarouselInner({
             }), [allItems, infinite, bufferBeforeCount, items.length, getItemKey, renderItem, widthCssValue, itemClassName, scrollToThisItem])
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CarouselArrow, { direction: "right", onClick: () => handleArrowClick("right"), className: "next" })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          CarouselArrow,
+          {
+            direction: "right",
+            onClick: () => handleArrowClick("right"),
+            className: "next",
+            label: nextLabel
+          }
+        )
       ]
     }
   );