react-motion-gallery 2.0.4 → 2.0.5

package/dist/chunk-HOCUKMYX.mjs

@@ -1,2634 +0,0 @@
-import { flushSync } from 'react-dom';
-import { createRoot } from 'react-dom/client';
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useRef, useId, useState, Children, isValidElement, useMemo, useEffect, cloneElement, useCallback } from 'react';
-
-// src/Gallery/fullscreen/fullscreenIntro.tsx
-
-// src/Gallery/shared/transitions/objectPosition.ts
-function parseObjectPosition(op) {
-  if (!op) return { x: 0.5, y: 0.5 };
-  const mapKW = (kw, isX) => {
-    const lower = kw.toLowerCase();
-    if (isX) {
-      if (lower === "left") return 0;
-      if (lower === "center") return 0.5;
-      if (lower === "right") return 1;
-    } else {
-      if (lower === "top") return 0;
-      if (lower === "center") return 0.5;
-      if (lower === "bottom") return 1;
-    }
-    return NaN;
-  };
-  const parts = op.trim().split(/\s+/);
-  let xf = 0.5, yf = 0.5;
-  if (parts.length >= 1) {
-    const p0 = parts[0];
-    if (p0.endsWith("%")) xf = Math.min(1, Math.max(0, parseFloat(p0) / 100));
-    else {
-      const m0 = mapKW(p0, true);
-      if (!Number.isNaN(m0)) xf = m0;
-    }
-  }
-  if (parts.length >= 2) {
-    const p1 = parts[1];
-    if (p1.endsWith("%")) yf = Math.min(1, Math.max(0, parseFloat(p1) / 100));
-    else {
-      const m1 = mapKW(p1, false);
-      if (!Number.isNaN(m1)) yf = m1;
-    }
-  }
-  return { x: xf, y: yf };
-}
-
-// src/Gallery/shared/transitions/objectFitTransform.ts
-function coverTransformForRect(natW, natH, cropRect, objPos) {
-  const cropW = Math.max(1, cropRect.width);
-  const cropH = Math.max(1, cropRect.height);
-  const s = Math.max(cropW / Math.max(1, natW), cropH / Math.max(1, natH));
-  const scaledW = natW * s;
-  const scaledH = natH * s;
-  const ox = objPos?.x ?? 0.5;
-  const oy = objPos?.y ?? 0.5;
-  const overflowX = Math.max(0, scaledW - cropW);
-  const overflowY = Math.max(0, scaledH - cropH);
-  const dx = (0.5 - ox) * overflowX;
-  const dy = (0.5 - oy) * overflowY;
-  const cx = cropRect.left + cropW / 2 + dx;
-  const cy = cropRect.top + cropH / 2 + dy;
-  return { cx, cy, scale: s };
-}
-function containTransformForRect(natW, natH, cropRect, objPos) {
-  const cropW = Math.max(1, cropRect.width);
-  const cropH = Math.max(1, cropRect.height);
-  const s = Math.min(cropW / Math.max(1, natW), cropH / Math.max(1, natH));
-  const scaledW = natW * s;
-  const scaledH = natH * s;
-  const ox = objPos?.x ?? 0.5;
-  const oy = objPos?.y ?? 0.5;
-  const extraX = Math.max(0, cropW - scaledW);
-  const extraY = Math.max(0, cropH - scaledH);
-  const left = cropRect.left + extraX * ox;
-  const top = cropRect.top + extraY * oy;
-  const cx = left + scaledW / 2;
-  const cy = top + scaledH / 2;
-  return { cx, cy, scale: s };
-}
-function objectFitContentRect(natW, natH, box, fit, objPos) {
-  const scale = fit === "contain" ? Math.min(box.width / natW, box.height / natH) : Math.max(box.width / natW, box.height / natH);
-  const w = natW * scale;
-  const h = natH * scale;
-  const left = box.left + (box.width - w) * objPos.x;
-  const top = box.top + (box.height - h) * objPos.y;
-  return new DOMRect(left, top, w, h);
-}
-function detectVideoSlide(item, slideEl) {
-  return item?.type === "video" || item?.kind === "video" || item?.mediaType === "video" || !!item?.videoSrc || !!item?.sources?.video || !!item?.plyrSource || !!slideEl?.dataset?.rmgVideo;
-}
-function runFullscreenIntro(args) {
-  const {
-    origImg,
-    index,
-    normalizedItems,
-    isRtl,
-    styles,
-    fs,
-    overlayDivRef,
-    duplicateImgRef,
-    overlayCaptionRef,
-    overlayCaptionRootRef,
-    fsThumbContainerRef,
-    setShowFullscreenSlider,
-    setFsFadeOpening,
-    addShield,
-    resolveFsCaptionPlacement,
-    closestSelector
-  } = args;
-  if (!origImg) return;
-  const DURATION_MS = fs.effects?.introDuration ?? 300;
-  const EASING = fs.effects?.introEasing ?? "cubic-bezier(.4,0,.22,1)";
-  addShield?.(400);
-  const vw = document.documentElement.clientWidth;
-  const vh = window.innerHeight;
-  const slideEl = origImg.closest(
-    closestSelector ?? // sensible default:
-    (closestSelector === void 0 ? ".rmg__grid-item, .rmg__slide" : "")
-  ) || origImg.parentElement || origImg;
-  const slideRect = slideEl.getBoundingClientRect();
-  const imgRect = origImg.getBoundingClientRect();
-  const natW = Math.max(1, origImg.naturalWidth || 0);
-  const natH = Math.max(1, origImg.naturalHeight || 0);
-  const insetForRect = (r) => {
-    const top = r.top;
-    const left = r.left;
-    const right = vw - (r.left + r.width);
-    const bottom = vh - (r.top + r.height);
-    return `inset(${top}px ${right}px ${bottom}px ${left}px)`;
-  };
-  const fit = getComputedStyle(origImg).objectFit || "cover";
-  const cs0 = getComputedStyle(origImg);
-  const startObjPos = parseObjectPosition(cs0?.objectPosition ?? null);
-  const visibleImgRect = fit === "contain" ? objectFitContentRect(natW, natH, imgRect, "contain", startObjPos) : imgRect;
-  const startInset = insetForRect(visibleImgRect);
-  const overlay = document.createElement("div");
-  overlay.className = styles.fullscreenOverlay;
-  overlayDivRef.current = overlay;
-  overlay.style.opacity = "0";
-  overlay.style.pointerEvents = "none";
-  overlay.style.transition = "none";
-  document.body.appendChild(overlay);
-  void overlay.offsetWidth;
-  overlay.style.transition = `opacity ${DURATION_MS}ms ${EASING}`;
-  const effectivePlacement = resolveFsCaptionPlacement(
-    fs.caption?.placement,
-    fs.caption?.breakpoint,
-    vw
-  );
-  const DEFAULT_SIDE = 280;
-  const DEFAULT_TOP_BOTTOM = 200;
-  const sideWidth = fs.caption?.width ?? DEFAULT_SIDE;
-  const topBottomHeight = fs.caption?.height ?? DEFAULT_TOP_BOTTOM;
-  let contentLeft = 0;
-  let contentRight = vw;
-  let contentTop = 0;
-  let contentBottom = vh;
-  if (effectivePlacement === "right") {
-    contentRight = Math.max(0, vw - sideWidth);
-  } else if (effectivePlacement === "left") {
-    contentLeft = Math.min(vw, sideWidth);
-  } else if (effectivePlacement === "top") {
-    contentTop = Math.min(vh, topBottomHeight);
-  } else if (effectivePlacement === "bottom") {
-    contentBottom = Math.max(0, vh - topBottomHeight);
-  }
-  const thumbPos = fs.thumbnails?.layout?.position;
-  if (fsThumbContainerRef?.current && thumbPos) {
-    const H = fsThumbContainerRef.current.offsetHeight;
-    const W = fsThumbContainerRef.current.offsetWidth;
-    if (thumbPos === "top") contentTop += H;
-    else if (thumbPos === "bottom") contentBottom -= H;
-    else if (thumbPos === "left") contentLeft += W;
-    else if (thumbPos === "right") contentRight -= W;
-  }
-  const contentRect = new DOMRect(
-    contentLeft,
-    contentTop,
-    Math.max(1, contentRight - contentLeft),
-    Math.max(1, contentBottom - contentTop)
-  );
-  if (typeof fs.caption?.render === "function") {
-    try {
-      const overlayCaption = document.createElement("div");
-      overlayCaption.className = styles.fsOverlayCaption;
-      overlayCaptionRef.current = overlayCaption;
-      const base = {
-        position: "fixed",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        textAlign: "left",
-        padding: "0.75rem 1rem",
-        color: "#fff",
-        fontSize: "0.875rem",
-        boxSizing: "border-box",
-        pointerEvents: "none",
-        transition: "opacity 220ms cubic-bezier(.4,0,.22,1), transform 220ms cubic-bezier(.4,0,.22,1)",
-        zIndex: "9999"
-      };
-      if (effectivePlacement === "right") {
-        base.top = thumbPos === "top" ? `${contentTop}px` : "0";
-        base.bottom = "0";
-        base.left = `${contentRight}px`;
-        base.width = `${sideWidth}px`;
-        base.height = thumbPos === "bottom" ? `${contentBottom}px` : "auto";
-      } else if (effectivePlacement === "left") {
-        base.top = thumbPos === "top" ? `${contentTop}px` : "0";
-        base.bottom = "0";
-        base.left = "0";
-        base.width = `${sideWidth}px`;
-        base.height = thumbPos === "bottom" ? `${contentBottom}px` : "auto";
-      } else if (effectivePlacement === "top") {
-        base.top = `${Math.max(0, contentTop - topBottomHeight)}px`;
-        base.left = `${contentLeft}px`;
-        base.right = `${Math.max(0, vw - contentRight)}px`;
-        base.height = `${topBottomHeight}px`;
-      } else if (effectivePlacement === "bottom") {
-        const bottomOffset = Math.max(
-          0,
-          vh - contentBottom - topBottomHeight
-        );
-        base.bottom = `${bottomOffset}px`;
-        base.left = `${contentLeft}px`;
-        base.right = `${Math.max(0, vw - contentRight)}px`;
-        base.height = `${topBottomHeight}px`;
-      } else {
-        base.bottom = "0";
-        base.left = "0";
-        base.right = "0";
-        base.height = "auto";
-      }
-      Object.assign(overlayCaption.style, base);
-      if (fs.caption?.className) {
-        fs.caption.className.split(" ").map((s) => s.trim()).filter(Boolean).forEach((c) => overlayCaption.classList.add(c));
-      }
-      if (fs.caption?.style) {
-        Object.assign(overlayCaption.style, fs.caption.style);
-      }
-      overlay.appendChild(overlayCaption);
-      const root = createRoot(overlayCaption);
-      overlayCaptionRootRef.current = root;
-      const item2 = normalizedItems[index];
-      const captionNode = fs.caption.render({
-        item: item2,
-        index,
-        isZoomed: false
-      });
-      root.render(/* @__PURE__ */ jsx(Fragment, { children: captionNode }));
-    } catch (err) {
-      console.error("[RMG] Failed to render overlay caption", err);
-    }
-  }
-  normalizedItems.length;
-  const item = normalizedItems[index];
-  const isVideoSlide = detectVideoSlide(item, slideEl);
-  const forceFadeIntro = !!fs.effects?.introFade || isVideoSlide;
-  let clipper = null;
-  let dup = null;
-  if (!forceFadeIntro) {
-    let startAnimation2 = function() {
-      dup.style.transform = `translate3d(${startT.cx}px, ${startT.cy}px, 0) translate3d(${-natW / 2}px, ${-natH / 2}px, 0) scale(${startT.scale})`;
-      void dup.offsetWidth;
-      void clipper.offsetWidth;
-      void overlay.offsetWidth;
-      clipper.style.transition = `clip-path ${DURATION_MS}ms ${EASING}`;
-      dup.style.transition = `transform ${DURATION_MS}ms ${EASING}`;
-      overlay.style.transition = `opacity ${DURATION_MS}ms ${EASING}`;
-      requestAnimationFrame(() => {
-        clipper.style.clipPath = "inset(0px 0px 0px 0px)";
-        dup.style.transform = finalTransform;
-        dup.style.opacity = "1";
-        overlay.style.opacity = "1";
-        overlay.style.pointerEvents = "auto";
-        if (overlayCaptionRef.current) {
-          overlayCaptionRef.current.classList.add(styles.open);
-        }
-      });
-    };
-    clipper = document.createElement("div");
-    Object.assign(clipper.style, {
-      position: "fixed",
-      inset: "0",
-      clipPath: startInset,
-      willChange: "clip-path",
-      transition: "none",
-      zIndex: "9998"
-    });
-    dup = document.createElement("img");
-    dup.src = origImg.currentSrc || origImg.src;
-    Object.assign(dup.style, {
-      position: "fixed",
-      left: "0",
-      top: "0",
-      width: `${natW}px`,
-      height: `${natH}px`,
-      maxWidth: "none",
-      maxHeight: "none",
-      transformOrigin: "50% 50%",
-      willChange: "transform",
-      transition: "none",
-      opacity: "0",
-      display: "block",
-      zIndex: "9998"
-    });
-    duplicateImgRef.current = dup;
-    clipper.appendChild(dup);
-    const frag = document.createDocumentFragment();
-    frag.append(overlay, clipper);
-    document.body.appendChild(frag);
-    const startT = fit === "contain" ? containTransformForRect(natW, natH, visibleImgRect, startObjPos) : coverTransformForRect(natW, natH, slideRect, startObjPos);
-    dup.style.transform = `translate3d(${startT.cx}px, ${startT.cy}px, 0) translate3d(${-natW / 2}px, ${-natH / 2}px, 0) scale(${startT.scale})`;
-    void dup.offsetWidth;
-    void clipper.offsetWidth;
-    const fitsIntrinsic = natW <= contentRect.width && natH <= contentRect.height;
-    const endObjPos = { x: 0.5, y: 0.5 };
-    const endT = fitsIntrinsic ? {
-      cx: contentRect.x + contentRect.width / 2,
-      cy: contentRect.y + contentRect.height / 2,
-      scale: 1
-    } : containTransformForRect(natW, natH, contentRect, endObjPos);
-    const finalTransform = `translate3d(${endT.cx}px, ${endT.cy}px, 0) translate3d(${-natW / 2}px, ${-natH / 2}px, 0) scale(${endT.scale})`;
-    const ready = dup.decode ? dup.decode().catch(() => {
-    }) : new Promise((resolve) => {
-      if (dup.complete) return resolve();
-      dup.addEventListener("load", () => resolve(), { once: true });
-      dup.addEventListener("error", () => resolve(), { once: true });
-    });
-    ready.then(() => startAnimation2());
-    requestAnimationFrame(() => {
-      overlay.style.opacity = "1";
-      overlay.style.pointerEvents = "auto";
-    });
-    const onEnd = async (ev) => {
-      if (ev.propertyName !== "transform") return;
-      dup.removeEventListener("transitionend", onEnd);
-      await new Promise(
-        (r) => requestAnimationFrame(() => requestAnimationFrame(r))
-      );
-      setShowFullscreenSlider(true);
-      requestAnimationFrame(() => {
-        if (overlayCaptionRootRef.current) {
-          overlayCaptionRootRef.current.unmount();
-          overlayCaptionRootRef.current = null;
-        }
-        if (overlayCaptionRef.current) {
-          overlayCaptionRef.current.remove();
-          overlayCaptionRef.current = null;
-        }
-        clipper.remove();
-        dup.remove();
-        duplicateImgRef.current = null;
-      });
-    };
-    dup.addEventListener("transitionend", onEnd, { once: true });
-    return;
-  }
-  requestAnimationFrame(() => {
-    overlay.style.opacity = "1";
-    overlay.style.pointerEvents = "auto";
-    if (overlayCaptionRef.current) {
-      overlayCaptionRef.current.classList.add(styles.open);
-    }
-  });
-  flushSync(() => {
-    setShowFullscreenSlider(true);
-    setFsFadeOpening(true);
-  });
-  requestAnimationFrame(() => {
-    setFsFadeOpening(false);
-  });
-  window.setTimeout(() => {
-    if (overlayCaptionRootRef.current) {
-      overlayCaptionRootRef.current.unmount();
-      overlayCaptionRootRef.current = null;
-    }
-    if (overlayCaptionRef.current) {
-      overlayCaptionRef.current.remove();
-      overlayCaptionRef.current = null;
-    }
-  }, DURATION_MS + 30);
-}
-function createSliderFullscreenIntroRunner(deps) {
-  return function runFromSliderEvent(_e, imgRef, index) {
-    const origImg = imgRef.current;
-    if (!origImg) return;
-    runFullscreenIntro({
-      ...deps,
-      origImg,
-      index,
-      closestSelector: deps.closestSelector ?? ".rmg__slide"
-    });
-  };
-}
-
-// src/Gallery/slider/sliderSub.tsx
-function createIndexChannel(initialIndex = 0, initialMode = "animated") {
-  let index = initialIndex;
-  let mode = initialMode;
-  let lastEvent = { type: "set", index: initialIndex, mode: initialMode };
-  const subs = /* @__PURE__ */ new Set();
-  const evtSubs = /* @__PURE__ */ new Set();
-  let raf = 0;
-  const schedule = () => {
-    if (raf) return;
-    raf = requestAnimationFrame(() => {
-      raf = 0;
-      const ev = lastEvent;
-      evtSubs.forEach((fn) => fn(ev));
-      subs.forEach((fn) => fn());
-    });
-  };
-  return {
-    get() {
-      return { index, mode };
-    },
-    set(next, m = "animated", opts) {
-      index = next;
-      mode = m;
-      lastEvent = { type: "set", index, mode: m };
-      if (!opts?.silent) schedule();
-    },
-    bump(delta, m = "animated", opts) {
-      lastEvent = { type: "bump", delta: delta | 0, mode: m };
-      if (!opts?.silent) schedule();
-    },
-    subscribe(fn) {
-      subs.add(fn);
-      return () => {
-        subs.delete(fn);
-      };
-    },
-    onEvent(fn) {
-      evtSubs.add(fn);
-      return () => {
-        evtSubs.delete(fn);
-      };
-    }
-  };
-}
-
-// src/Gallery/shared/input/pointerTypes.ts
-function isMouseEvent(evt, ownerWindow) {
-  return typeof ownerWindow.MouseEvent !== "undefined" && evt instanceof ownerWindow.MouseEvent;
-}
-
-// src/Gallery/shared/input/dragTracker.ts
-function createDragTracker(opts) {
-  const {
-    axis,
-    ownerWindow,
-    windowMs = 120,
-    recentMs = 90,
-    releaseFreshMs = 180,
-    stillMs = 140,
-    moveEps = 0.5,
-    flickVel = 0.1,
-    flickDist = 1,
-    minVel = 0.06
-  } = opts;
-  const EPS = 1e-6;
-  let samples = [];
-  let startX = 0, startY = 0;
-  let lastX = 0, lastY = 0, lastT = 0;
-  let lastActiveT = 0;
-  function now(evt) {
-    const ts = evt.timeStamp;
-    const perf = ownerWindow?.performance?.now ? ownerWindow.performance.now() : Date.now();
-    return typeof ts === "number" && ts > 0 ? ts : perf;
-  }
-  function isMouse(evt) {
-    return ownerWindow.MouseEvent ? evt instanceof ownerWindow.MouseEvent : "clientX" in evt && !("touches" in evt);
-  }
-  function readPoint(evt, axisKey = axis.scroll) {
-    const coord = axisKey === "x" ? "clientX" : "clientY";
-    if (isMouse(evt)) return evt[coord];
-    const te = evt;
-    const touch = te.touches && te.touches[0] || te.changedTouches && te.changedTouches[0];
-    return touch ? touch[coord] : axisKey === "x" ? lastX : lastY;
-  }
-  function trimTo(t) {
-    const earliest = t - windowMs * 1.5;
-    while (samples.length && samples[0].t < earliest) samples.shift();
-  }
-  function velocityInWindow(endT, spanMs) {
-    const startT = endT - spanMs;
-    let sumDx = 0, sumDy = 0;
-    let firstT = Number.POSITIVE_INFINITY, lastT2 = Number.NEGATIVE_INFINITY;
-    for (let i = samples.length - 1; i >= 0; i--) {
-      const s = samples[i];
-      if (s.t < startT) break;
-      firstT = Math.min(firstT, s.t);
-      lastT2 = Math.max(lastT2, s.t);
-      const age = s.t - startT;
-      const w = 0.5 + 0.5 * (age / Math.max(spanMs, 1));
-      sumDx += s.dx * w;
-      sumDy += s.dy * w;
-    }
-    const dt = Math.max(lastT2 - firstT, EPS);
-    return { vx: sumDx / dt, vy: sumDy / dt };
-  }
-  function displacementInWindow(endT, spanMs) {
-    const startT = endT - spanMs;
-    let dx = 0, dy = 0;
-    for (let i = samples.length - 1; i >= 0; i--) {
-      const s = samples[i];
-      if (s.t < startT) break;
-      dx += s.dx;
-      dy += s.dy;
-    }
-    return { dx, dy };
-  }
-  return {
-    axis,
-    pointerDown(evt) {
-      samples = [];
-      startX = lastX = readPoint(evt, "x");
-      startY = lastY = readPoint(evt, "y");
-      return { x: startX, y: startY };
-    },
-    pointerMove(evt) {
-      const t = now(evt);
-      const x = readPoint(evt, "x");
-      const y = readPoint(evt, "y");
-      const dx = x - lastX;
-      const dy = y - lastY;
-      samples.push({ t, dx, dy });
-      trimTo(t);
-      if (Math.abs(dx) >= moveEps || Math.abs(dy) >= moveEps) lastActiveT = t;
-      lastX = x;
-      lastY = y;
-      lastT = t;
-      return { dx, dy };
-    },
-    pointerUp(evt) {
-      const t = now(evt);
-      samples.push({ t, dx: 0, dy: 0 });
-      trimTo(t);
-      const sinceLastMove = t - lastT;
-      const idleMs = t - lastActiveT;
-      const releasedFresh = sinceLastMove <= releaseFreshMs;
-      const wasStill = idleMs > stillMs;
-      if (wasStill) return { fx: 0, fy: 0 };
-      const { vx: vxRecent, vy: vyRecent } = velocityInWindow(t, recentMs);
-      const { dx: dxRecent, dy: dyRecent } = displacementInWindow(t, recentMs);
-      const intentX = releasedFresh && (Math.abs(vxRecent) >= flickVel || Math.abs(dxRecent) >= flickDist);
-      const intentY = releasedFresh && (Math.abs(vyRecent) >= flickVel || Math.abs(dyRecent) >= flickDist);
-      const { vx, vy } = velocityInWindow(t, windowMs);
-      let fx = intentX ? vx : 0;
-      let fy = intentY ? vy : 0;
-      if (intentX && Math.abs(fx) < minVel) fx = (dxRecent >= 0 ? 1 : -1) * minVel;
-      if (intentY && Math.abs(fy) < minVel) fy = (dyRecent >= 0 ? 1 : -1) * minVel;
-      return { fx, fy };
-    },
-    readPoint
-  };
-}
-
-// src/Gallery/shared/motion/vector1d.ts
-function Vector1D(initial) {
-  let v = initial;
-  return {
-    get: () => v,
-    set: (n) => {
-      v = n;
-    },
-    add: (n) => {
-      v += n;
-    }
-  };
-}
-
-// src/Gallery/shared/motion/scrollBody.ts
-function ScrollBody(location, offsetLocation, previousLocation, target, baseDuration, baseFriction) {
-  let vel = 0;
-  let dir = 0;
-  let duration = baseDuration;
-  let friction = baseFriction;
-  let raw = location.get();
-  let rawPrev = 0;
-  const mathAbs3 = Math.abs;
-  return {
-    sync() {
-      raw = location.get();
-      rawPrev = raw;
-      return this;
-    },
-    resetVelocity() {
-      vel = 0;
-      return this;
-    },
-    useDuration(n) {
-      duration = n;
-      return this;
-    },
-    useFriction(n) {
-      friction = n;
-      return this;
-    },
-    useBaseDuration() {
-      return this.useDuration(baseDuration);
-    },
-    useBaseFriction() {
-      return this.useFriction(baseFriction);
-    },
-    duration() {
-      return duration;
-    },
-    frictionFactor() {
-      return friction;
-    },
-    direction() {
-      return dir;
-    },
-    velocity() {
-      return vel;
-    },
-    seek() {
-      const curLoc = location.get();
-      const curTgt = target.get();
-      const disp = curTgt - curLoc;
-      const instant = !duration;
-      let d = 0;
-      if (instant) {
-        vel = 0;
-        previousLocation.set(curTgt);
-        location.set(curTgt);
-        d = disp;
-      } else {
-        previousLocation.set(curLoc);
-        vel += disp / duration;
-        vel *= friction;
-        raw += vel;
-        location.add(vel);
-        d = raw - rawPrev;
-      }
-      dir = Math.sign(d);
-      rawPrev = raw;
-      return this;
-    },
-    settled() {
-      const diff = target.get() - offsetLocation.get();
-      return mathAbs3(diff) < 1e-3;
-    }
-  };
-}
-
-// src/Gallery/shared/motion/limit.ts
-function Limit(min, max) {
-  const span = max - min || 1;
-  return {
-    min,
-    max,
-    reachedMin(n) {
-      return n < min;
-    },
-    reachedMax(n) {
-      return n > max;
-    },
-    constrain(n) {
-      return Math.max(min, Math.min(max, n));
-    },
-    reachedAny(n) {
-      return n < min || n > max;
-    },
-    removeOffset(n) {
-      let x = n;
-      while (x < min) x += span;
-      while (x > max) x -= span;
-      return x;
-    }
-  };
-}
-
-// src/Gallery/shared/motion/scrollLooper.ts
-function ScrollLooper(contentSize, limit, location, vectors) {
-  const jointSafety = 0.1;
-  const min = limit.min + jointSafety;
-  const max = limit.max + jointSafety;
-  const l = Limit(min, max);
-  function shouldLoop(direction) {
-    if (direction === 1) return l.reachedMax(location.get());
-    if (direction === -1) return l.reachedMin(location.get());
-    return false;
-  }
-  return {
-    loop(direction) {
-      if (!shouldLoop(direction)) return;
-      const shift = contentSize * (direction * -1);
-      vectors.forEach((v) => v.add(shift));
-    }
-  };
-}
-
-// src/Gallery/shared/motion/scrollBounds.ts
-function ScrollBounds(limit, location, target, body, pov, selectDuration) {
-  const pullBack = pov.measure(10);
-  const edgeTol = pov.measure(50);
-  const fricLim = Limit(0.1, 0.99);
-  function reached() {
-    return limit.reachedAny(target.get()) && limit.reachedAny(location.get());
-  }
-  return {
-    reached,
-    constrain(pointerDown) {
-      if (!reached()) return;
-      const edge = limit.reachedMin(location.get()) ? "min" : "max";
-      const distToEdge = Math.abs(limit[edge] - location.get());
-      const distToTarget = target.get() - location.get();
-      const f = fricLim.constrain(distToEdge / edgeTol);
-      target.set(target.get() - distToTarget * f);
-      if (!pointerDown && Math.abs(distToTarget) < pullBack) {
-        target.set(limit.constrain(target.get()));
-        body.useDuration(selectDuration).useBaseFriction();
-      }
-    }
-  };
-}
-function PercentOfView(viewSize) {
-  return {
-    measure(n) {
-      return viewSize * n / 100;
-    }
-  };
-}
-
-// src/Gallery/shared/motion/scrollTarget.ts
-function ScrollTarget(loop, scrollSnaps, contentSize, limit, targetVector) {
-  const { reachedAny, removeOffset, constrain } = limit;
-  function minDistance(distances) {
-    return distances.concat().sort((a, b) => Math.abs(a) - Math.abs(b))[0];
-  }
-  function shortcut(target, direction) {
-    const targets = [target, target + contentSize, target - contentSize];
-    if (!loop) return target;
-    if (!direction) return minDistance(targets);
-    const dir = Math.sign(direction);
-    const matchingTargets = targets.filter((t) => Math.sign(t) === dir);
-    if (matchingTargets.length) return minDistance(matchingTargets);
-    return arrayLast(targets) - contentSize;
-  }
-  function findTargetSnap(target) {
-    const distance = loop ? removeOffset(target) : constrain(target);
-    const ascDiffsToSnaps = scrollSnaps.map((snap, index2) => ({
-      diff: shortcut(snap - distance, 0),
-      index: index2
-    })).sort((d1, d2) => Math.abs(d1.diff) - Math.abs(d2.diff));
-    const { index } = ascDiffsToSnaps[0];
-    return { index, distance };
-  }
-  function byIndex(index, direction) {
-    const diffToSnap = scrollSnaps[index] - targetVector.get();
-    const distance = shortcut(diffToSnap, direction);
-    return { index, distance };
-  }
-  function byDistance(distance, snap) {
-    const target = targetVector.get() + distance;
-    const { index, distance: targetSnapDistance } = findTargetSnap(target);
-    const reachedBound = !loop && reachedAny(target);
-    if (!snap || reachedBound) return { index, distance };
-    const diffToSnap = scrollSnaps[index] - targetSnapDistance;
-    const snapDistance = distance + shortcut(diffToSnap, 0);
-    return { index, distance: snapDistance };
-  }
-  return { byDistance, byIndex, shortcut };
-}
-var mathAbs = Math.abs;
-var mathSign = (n) => n === 0 ? 0 : n > 0 ? 1 : -1;
-function deltaAbs(valueB, valueA) {
-  return mathAbs(valueB - valueA);
-}
-function factorAbs(valueB, valueA) {
-  if (valueB === 0 || valueA === 0) return 0;
-  if (mathAbs(valueB) <= mathAbs(valueA)) return 0;
-  const diff = deltaAbs(mathAbs(valueB), mathAbs(valueA));
-  return mathAbs(diff / valueB);
-}
-function arrayLast(array) {
-  return array[arrayLastIndex(array)];
-}
-function arrayLastIndex(array) {
-  return Math.max(0, array.length - 1);
-}
-
-// src/Gallery/shared/motion/eventStore.ts
-function EventStore() {
-  const listeners = [];
-  return {
-    add(t, type, fn, opts) {
-      t.addEventListener(type, fn, opts);
-      listeners.push(() => t.removeEventListener(type, fn, opts));
-      return this;
-    },
-    clear() {
-      while (listeners.length) listeners.pop()?.();
-    }
-  };
-}
-
-// src/Gallery/shared/motion/animations.ts
-function Animations(doc, win, update, render) {
-  const fixed = 1e3 / 60;
-  const visible = EventStore();
-  let last = null;
-  let acc = 0;
-  let animId = 0;
-  function reset() {
-    last = null;
-    acc = 0;
-  }
-  function animate(ts) {
-    if (!animId) return;
-    if (last == null) {
-      last = ts;
-      update();
-      update();
-    }
-    const dt = ts - last;
-    last = ts;
-    acc += dt;
-    while (acc >= fixed) {
-      update();
-      acc -= fixed;
-    }
-    const alpha = acc / fixed;
-    render(alpha);
-    if (animId) animId = win.requestAnimationFrame(animate);
-  }
-  return {
-    init() {
-      visible.add(doc, "visibilitychange", () => {
-        if (doc.hidden) reset();
-      });
-    },
-    destroy() {
-      this.stop();
-      visible.clear();
-    },
-    start() {
-      if (animId) return;
-      animId = win.requestAnimationFrame(animate);
-    },
-    stop() {
-      win.cancelAnimationFrame(animId);
-      animId = 0;
-      reset();
-    },
-    resetBlend() {
-      reset();
-    }
-  };
-}
-
-// src/Gallery/shared/motion/counter.ts
-var mathAbs2 = Math.abs;
-function Counter(max, start, loop) {
-  const { constrain } = Limit(0, max);
-  const loopEnd = max + 1;
-  let counter = withinLimit(start);
-  function withinLimit(n) {
-    return !loop ? constrain(n) : mathAbs2((loopEnd + n) % loopEnd);
-  }
-  function get() {
-    return counter;
-  }
-  function set(n) {
-    counter = withinLimit(n);
-    return self;
-  }
-  function add(n) {
-    return clone().set(get() + n);
-  }
-  function clone() {
-    return Counter(max, get(), loop);
-  }
-  const self = {
-    get,
-    set,
-    add,
-    clone
-  };
-  return self;
-}
-
-// src/Gallery/shared/responsive.ts
-var BREAKPOINT_MAP = {
-  xs: 0,
-  sm: 600,
-  md: 900,
-  lg: 1200,
-  xl: 1536
-};
-function parseNumberLike(v, fallback) {
-  if (v == null) return fallback;
-  if (typeof v === "number") return v;
-  const n = parseFloat(v);
-  return Number.isNaN(n) ? fallback : n;
-}
-function effectiveViewportWidth(raw) {
-  if (raw > 0) return raw;
-  if (typeof window !== "undefined" && window.innerWidth > 0) return window.innerWidth;
-  return 1024;
-}
-function resolveNumberFromResponsive(value, fallback, viewportWidth, breakpointMap = BREAKPOINT_MAP) {
-  const vw = effectiveViewportWidth(viewportWidth);
-  if (value == null) return fallback;
-  if (typeof value === "number" || typeof value === "string") {
-    return parseNumberLike(value, fallback);
-  }
-  if (Array.isArray(value)) {
-    return resolveNumberFromResponsive(value[0], fallback, vw, breakpointMap);
-  }
-  const entries = Object.entries(value).map(([key, v]) => {
-    const bp = breakpointMap[key] ?? (Number.isNaN(parseFloat(key)) ? 0 : parseFloat(key));
-    return { minWidth: bp, value: v };
-  }).sort((a, b) => a.minWidth - b.minWidth);
-  let result = fallback;
-  for (const bp of entries) {
-    if (vw >= bp.minWidth) {
-      result = resolveNumberFromResponsive(bp.value, result, vw, breakpointMap);
-    }
-  }
-  return result;
-}
-function resolvePositionFromResponsive(value, fallback, viewportWidth, breakpointMap = BREAKPOINT_MAP) {
-  const vw = effectiveViewportWidth(viewportWidth);
-  if (value == null) return fallback;
-  if (typeof value === "string") return value;
-  if (Array.isArray(value)) {
-    return value[0] ?? fallback;
-  }
-  const entries = Object.entries(value).map(([key, v]) => {
-    const bp = breakpointMap[key] ?? (Number.isNaN(parseFloat(key)) ? 0 : parseFloat(key));
-    return { minWidth: bp, value: v };
-  }).sort((a, b) => a.minWidth - b.minWidth);
-  let result = fallback;
-  for (const bp of entries) {
-    if (vw >= bp.minWidth) {
-      result = resolvePositionFromResponsive(bp.value, result, vw, breakpointMap);
-    }
-  }
-  return result;
-}
-function normalizeResponsiveToMinWidthRules(value, fallback, breakpointMap) {
-  if (value == null) return [{ minWidth: 0, count: fallback }];
-  if (typeof value === "number" || typeof value === "string") {
-    const n = Math.floor(parseNumberLike(value, fallback));
-    return [{ minWidth: 0, count: Math.max(0, n) }];
-  }
-  if (Array.isArray(value)) {
-    return normalizeResponsiveToMinWidthRules(value[0], fallback, breakpointMap);
-  }
-  const entries = Object.entries(value).map(([key, v]) => {
-    const bp = breakpointMap[key] ?? (Number.isNaN(parseFloat(key)) ? 0 : parseFloat(key));
-    const n = Math.floor(parseNumberLike(v, fallback));
-    return { minWidth: bp, count: Math.max(0, n) };
-  }).sort((a, b) => a.minWidth - b.minWidth);
-  if (entries.length === 0) return [{ minWidth: 0, count: fallback }];
-  if (entries[0].minWidth > 0) {
-    entries.unshift({ minWidth: 0, count: fallback });
-  } else if (entries[0].minWidth < 0) {
-    entries[0] = { ...entries[0], minWidth: 0 };
-  }
-  return entries;
-}
-
-// src/Gallery/shared/motion/baseLimit.ts
-function createBaseLimit(min, max) {
-  const range = max - min || 1;
-  function constrain(n) {
-    return Math.max(min, Math.min(max, n));
-  }
-  function reachedAny(n) {
-    return n < min || n > max;
-  }
-  function removeOffset(n) {
-    let x = n;
-    while (x < min) x += range;
-    while (x > max) x -= range;
-    return x;
-  }
-  return { min, max, constrain, reachedAny, removeOffset };
-}
-
-// src/Gallery/shared/motion/translate.ts
-function Translate(container, AX) {
-  let prev = NaN;
-  function write(n) {
-    if (n === prev) return;
-    container.style.transform = AX.translate(n);
-    prev = n;
-  }
-  return {
-    to(target) {
-      write(target);
-    },
-    get() {
-      return prev;
-    },
-    resetCache() {
-      prev = NaN;
-    }
-  };
-}
-function TranslateFullscreen(container) {
-  let prevX = NaN;
-  let prevY = NaN;
-  let lockY = false;
-  let lockedY = 0;
-  let suspended = false;
-  const round2 = (n) => Math.round(n * 100) / 100;
-  function write(nx, ny) {
-    if (nx === prevX && ny === prevY) return;
-    container.style.transform = `translate3d(${nx}px, ${ny}px, 0)`;
-    prevX = nx;
-    prevY = ny;
-  }
-  return {
-    to(targetX, targetY = 0) {
-      if (suspended) return;
-      const nx = round2(targetX);
-      const ny = lockY ? lockedY : targetY;
-      write(nx, ny);
-    },
-    lockY(value) {
-      lockY = true;
-      lockedY = Math.round((value ?? prevY) || 0);
-      write(prevX || 0, lockedY);
-    },
-    unlockY() {
-      lockY = false;
-    },
-    suspend(on = true) {
-      suspended = on;
-    },
-    get() {
-      return { x: prevX, y: prevY };
-    },
-    resetCache() {
-      prevX = NaN;
-      prevY = NaN;
-    }
-  };
-}
-
-// src/Gallery/shared/types/axis.ts
-function Axis(isHorizontal) {
-  const scroll = isHorizontal ? "x" : "y";
-  const cross = isHorizontal ? "y" : "x";
-  return {
-    scroll,
-    cross,
-    measureSize(rect) {
-      return isHorizontal ? rect.width : rect.height;
-    }
-  };
-}
-function FullscreenAxis() {
-  return {
-    scroll: "x",
-    cross: "y",
-    direction(n) {
-      return n;
-    },
-    measureSize(rect) {
-      return rect.width;
-    }
-  };
-}
-function PanAxis() {
-  return {
-    scroll: "x",
-    cross: "y",
-    direction(n) {
-      return n;
-    }
-  };
-}
-
-// src/Gallery/slider/thumbnails/ThumbnailSlider.module.css
-var ThumbnailSlider_default = {};
-
-// src/Gallery/shared/skeleton/buildScopedSkeletonCountCss.ts
-function buildScopedSkeletonCountCss(args) {
-  const { scopeId, responsiveCount, fallbackCount, breakpointMap, maxSlots } = args;
-  const rules = normalizeResponsiveToMinWidthRules(responsiveCount, fallbackCount, breakpointMap);
-  const clamp2 = (n) => Math.max(0, Math.min(maxSlots, Math.floor(n)));
-  const baseCount = clamp2(rules[0]?.count ?? fallbackCount);
-  const rootSel = `[data-rmg-scope="${scopeId}"]`;
-  const slotSel = `${rootSel} [data-rmg-skel-slot]`;
-  const lines = [];
-  lines.push(`${slotSel}{ display:none; }`);
-  const showFirstN = (count) => {
-    const c = clamp2(count);
-    if (c <= 0) return "";
-    return Array.from({ length: c }).map((_, i) => `${rootSel} [data-rmg-skel-slot="${i + 1}"]{ display:block; }`).join("\n");
-  };
-  lines.push(showFirstN(baseCount));
-  for (const r of rules.slice(1)) {
-    const c = clamp2(r.count);
-    lines.push(`@media (min-width:${r.minWidth}px){
-${showFirstN(c)}
-}`);
-  }
-  return { cssText: lines.join("\n"), ssrBaseCount: baseCount };
-}
-function DefaultChevron({
-  axisMain,
-  direction,
-  size = 32
-}) {
-  const pathPrev = /* @__PURE__ */ jsx("path", { d: "M15.41 16.59L10.83 12l4.58-4.59L14 6l-6 6 6 6z" });
-  const pathNext = /* @__PURE__ */ jsx("path", { d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6z" });
-  if (axisMain === "y") {
-    return /* @__PURE__ */ jsx(
-      "svg",
-      {
-        viewBox: "0 0 24 24",
-        width: size,
-        height: size,
-        fill: "#000",
-        xmlns: "http://www.w3.org/2000/svg",
-        "aria-hidden": true,
-        style: { transform: "rotate(90deg)", transformOrigin: "50% 50%" },
-        children: direction === "prev" ? pathPrev : pathNext
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      viewBox: "0 0 24 24",
-      width: size,
-      height: size,
-      fill: "#000",
-      xmlns: "http://www.w3.org/2000/svg",
-      "aria-hidden": true,
-      children: direction === "prev" ? pathPrev : pathNext
-    }
-  );
-}
-var baseArrowStyle = {
-  position: "absolute",
-  overflow: "hidden",
-  backgroundColor: "rgba(255, 255, 255, 0.75)",
-  boxShadow: "0 0 5px rgba(0, 0, 0, 0.5)",
-  borderRadius: "100%",
-  zIndex: 2,
-  width: 36,
-  height: 36,
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  transition: "opacity 120ms"
-};
-function prevPlacement(axisMain) {
-  return axisMain === "y" ? { left: "50%", top: 10, transform: "translateX(-50%)" } : { left: 10, top: "50%", transform: "translateY(-50%)" };
-}
-function nextPlacement(axisMain) {
-  return axisMain === "y" ? { left: "50%", bottom: 10, transform: "translateX(-50%)" } : { right: 10, top: "50%", transform: "translateY(-50%)" };
-}
-function RmgArrows(props) {
-  const {
-    axisMain,
-    clientKey,
-    wrap,
-    isRtl,
-    showArrows,
-    selectedIndex,
-    slideCount,
-    measureRef,
-    viewportMainSizeRef,
-    previous,
-    next,
-    prevButtonRef,
-    nextButtonRef,
-    createRipple,
-    arrowStyles,
-    prevArrowStyles,
-    nextArrowStyles,
-    arrowClassName,
-    prevArrowClassName,
-    nextArrowClassName,
-    renderPrevArrow,
-    renderNextArrow,
-    renderArrows
-  } = props;
-  const atFirst = !wrap && selectedIndex <= 0;
-  const atLast = !wrap && selectedIndex >= Math.max(0, slideCount - 1);
-  const clientMain = measureRef.current ? measureRef.current[clientKey] : 0;
-  const arrowsAutoHidden = !(slideCount > 1 && measureRef.current && viewportMainSizeRef.current > clientMain);
-  const arrowsHidden = !showArrows || arrowsAutoHidden;
-  const prevDisabled = arrowsHidden || !wrap && (isRtl ? atLast : atFirst);
-  const nextDisabled = arrowsHidden || !wrap && (isRtl ? atFirst : atLast);
-  const prevArrowStylesEffective = {
-    ...arrowStyles ?? {},
-    ...prevArrowStyles ?? {}
-  };
-  const nextArrowStylesEffective = {
-    ...arrowStyles ?? {},
-    ...nextArrowStyles ?? {}
-  };
-  const prevArrowClassNameEffective = [arrowClassName, prevArrowClassName].filter(Boolean).join(" ");
-  const nextArrowClassNameEffective = [arrowClassName, nextArrowClassName].filter(Boolean).join(" ");
-  function makeArrowOnClick(dir, hidden) {
-    return () => {
-      if (hidden) return;
-      requestAnimationFrame(() => {
-        if (dir === "prev") previous();
-        else next();
-      });
-    };
-  }
-  const DefaultArrow = ({
-    dir,
-    ref,
-    onClick,
-    hidden,
-    disabled,
-    className
-  }) => {
-    const dim = disabled ? 0.35 : 1;
-    const placement = dir === "prev" ? prevPlacement(axisMain) : nextPlacement(axisMain);
-    const perDirStyles = dir === "prev" ? prevArrowStylesEffective : nextArrowStylesEffective;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        className: `rmgArrow rmgArrow--${dir} ${className ?? ""}`,
-        onClick: (evt) => {
-          if (hidden) return;
-          createRipple(evt.currentTarget);
-          requestAnimationFrame(() => onClick());
-        },
-        style: {
-          ...baseArrowStyle,
-          ...placement,
-          ...perDirStyles,
-          cursor: disabled ? "default" : "pointer",
-          opacity: hidden ? 0 : dim,
-          pointerEvents: hidden ? "none" : "auto",
-          visibility: hidden ? "hidden" : "visible"
-        },
-        "aria-label": dir === "prev" ? "Previous slide" : "Next slide",
-        role: "button",
-        title: disabled ? dir === "prev" ? "At first slide" : "At last slide" : dir === "prev" ? "Previous" : "Next",
-        children: /* @__PURE__ */ jsx(DefaultChevron, { axisMain, direction: dir, size: 32 })
-      }
-    );
-  };
-  const renderArrow = (dir, args) => {
-    if (dir === "prev" && renderPrevArrow) return renderPrevArrow(args);
-    if (dir === "next" && renderNextArrow) return renderNextArrow(args);
-    if (renderArrows) return renderArrows({ ...args, dir });
-    return DefaultArrow({ ...args, dir });
-  };
-  const prevArrowNode = renderArrow("prev", {
-    ref: prevButtonRef,
-    hidden: arrowsHidden,
-    disabled: prevDisabled,
-    onClick: makeArrowOnClick("prev", arrowsHidden),
-    createRipple,
-    className: prevArrowClassNameEffective
-  });
-  const nextArrowNode = renderArrow("next", {
-    ref: nextButtonRef,
-    hidden: arrowsHidden,
-    disabled: nextDisabled,
-    onClick: makeArrowOnClick("next", arrowsHidden),
-    createRipple,
-    className: nextArrowClassNameEffective
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    prevArrowNode,
-    nextArrowNode
-  ] });
-}
-var clamp = (n, lo, hi) => Math.max(lo, Math.min(hi, n));
-function DragTracker(axis, ownerWindow) {
-  return createDragTracker({
-    ownerWindow,
-    axis
-  });
-}
-function ThumbnailSlider({
-  children,
-  position,
-  thumbSize,
-  className,
-  style,
-  thumbnailWidth,
-  thumbnailHeight,
-  indexChannel,
-  onSelectThumb,
-  thumbnailsCenter,
-  thumbnailsContainerWidth,
-  thumbnailsContainerHeight,
-  thumbnailsContainerClassName,
-  thumbnailsContainerStyle,
-  thumbnailItemClassName,
-  thumbnailItemStyle,
-  gap = 8,
-  freeScroll = true,
-  groupCells = false,
-  loop = false,
-  direction = "ltr",
-  skipSnaps = false,
-  centerActiveThumb = false,
-  selectDuration = 25,
-  freeScrollDuration = 43,
-  sliderFriction = 0.68,
-  loadingOptions,
-  introOptions,
-  breakpointMap = { xs: 0, sm: 640, md: 768, lg: 1024, xl: 1280 },
-  rippleEnabled,
-  rippleClassName,
-  showArrows = false,
-  arrowStyles,
-  arrowClassName,
-  prevArrowStyles,
-  prevArrowClassName,
-  nextArrowStyles,
-  nextArrowClassName,
-  renderArrows,
-  renderPrevArrow,
-  renderNextArrow
-}) {
-  const isHorizontal = position === "top" || position === "bottom";
-  const axis = Axis(isHorizontal);
-  const isRtl = direction === "rtl" ? true : false;
-  const sign = isHorizontal && isRtl ? -1 : 1;
-  const containerRef = useRef(null);
-  const trackRef = useRef(null);
-  const scopeId = useId().replace(/:/g, "-");
-  const channelRef = useRef(indexChannel ?? createIndexChannel());
-  const [thumbLong, setThumbLong] = useState(thumbSize ?? 0);
-  const [thumbCross, setThumbCross] = useState(0);
-  const [contentLength, setContentLength] = useState(0);
-  const [containerLength, setContainerLength] = useState(0);
-  const locationRef = useRef(null);
-  const previousLocationRef = useRef(null);
-  const offsetLocationRef = useRef(null);
-  const targetRef = useRef(null);
-  const bodyRef = useRef(null);
-  const translateRef = useRef(null);
-  const animRef = useRef(null);
-  const limitRef = useRef(null);
-  const boundsRef = useRef(null);
-  const povRef = useRef(null);
-  const isAnimatingRef = useRef(false);
-  const prevButtonRef = useRef(null);
-  const nextButtonRef = useRef(null);
-  const pagesRef = useRef([]);
-  const snapModeRef = useRef("base");
-  const pointerDownRef = useRef(false);
-  const isPointerDown = useRef(false);
-  const isClickRef = useRef(true);
-  const xRef = useRef(0);
-  const dragX = useRef(0);
-  const previousDragX = useRef(0);
-  const dragMoveTime = useRef(null);
-  const sliderVelocity = useRef(0);
-  const selectedIndexRef = useRef(channelRef.current.get().index ?? 0);
-  const rawKids = Children.toArray(children).filter(isValidElement);
-  const count = rawKids.length;
-  const baseOffsetRef = useRef(0);
-  const downTargetRef = useRef(null);
-  const [inView, setInView] = useState(false);
-  const [isReady, setIsReady] = useState(false);
-  const readyRafRef = useRef(null);
-  const readyPaintedRef = useRef(false);
-  const contentSizeRef = useRef(0);
-  const loopLimitRef = useRef(null);
-  const scrollSnapsRef = useRef([]);
-  const scrollContentSizeRef = useRef(0);
-  const scrollLimitRef = useRef(null);
-  const scrollTargetRef = useRef(null);
-  const scrollToRef = useRef(null);
-  const indexCurrentRef = useRef(null);
-  const indexPreviousRef = useRef(null);
-  const [buildKey, setBuildKey] = useState(0);
-  const loopStableRef = useRef(null);
-  const [geomKey, setGeomKey] = useState(0);
-  const lastGeomSigRef = useRef("");
-  const [wrap, setWrap] = useState(false);
-  const isWrapping = useRef(false);
-  const clonesCountRef = useRef(0);
-  const visibleThumbsRef = useRef(1);
-  const layoutRef = useRef(null);
-  const thumbCells = useRef([]);
-  const [clonedChildren, setClonedChildren] = useState([]);
-  const lastCloneSigRef = useRef("");
-  const slidesRef = useRef([]);
-  const [slidesState, setSlidesState] = useState([]);
-  const [isMeasured, setIsMeasured] = useState(false);
-  const cellToSlideRef = useRef([]);
-  const sliderWidth = useRef(0);
-  const [layoutReady, setLayoutReady] = useState(false);
-  const prevActiveRef = useRef(-1);
-  const draggingAttr = "data-rmg-drag";
-  const activePointerIdRef = useRef(null);
-  const guardsStoreRef = useRef(null);
-  const AX = useMemo(() => {
-    const main = isHorizontal ? "x" : "y";
-    const cross = isHorizontal ? "y" : "x";
-    const sizeKey = isHorizontal ? "width" : "height";
-    const clientKey = isHorizontal ? "clientWidth" : "clientHeight";
-    const startKey = isHorizontal ? "left" : "top";
-    const endKey = isHorizontal ? "right" : "bottom";
-    const translate = (n) => isHorizontal ? `translate3d(${n}px,0,0)` : `translate3d(0,${n}px,0)`;
-    const place = (n) => isHorizontal ? `translateX(${n}px) scale(var(--rmg-scale, 1))` : `translateY(${n}px) scale(var(--rmg-scale, 1))`;
-    const wheelDelta = (e) => isHorizontal ? e.deltaX : e.deltaY;
-    return { main, cross, sizeKey, clientKey, startKey, endKey, translate, place, wheelDelta };
-  }, [position]);
-  useEffect(() => {
-    const root2 = containerRef.current;
-    if (!root2) return;
-    let canceled = false;
-    if (typeof IntersectionObserver === "undefined") {
-      setInView(true);
-      return;
-    }
-    const io = new IntersectionObserver(
-      (entries) => {
-        if (canceled) return;
-        const ent = entries[0];
-        setInView(!!ent?.isIntersecting);
-      },
-      {
-        root: null,
-        rootMargin: "200px 0px 200px 0px",
-        threshold: 0.01
-      }
-    );
-    io.observe(root2);
-    return () => {
-      canceled = true;
-      io.disconnect();
-    };
-  }, []);
-  function setWrapSafe(next2) {
-    if (loopStableRef.current === next2) return;
-    loopStableRef.current = next2;
-    setWrap(next2);
-    isWrapping.current = next2;
-    setLayoutReady(false);
-    setIsReady(false);
-    readyPaintedRef.current = false;
-    setBuildKey((k) => k + 1);
-  }
-  function mod(n, m) {
-    return (n % m + m) % m;
-  }
-  function getCenterScroll(i) {
-    const lay = layoutRef.current;
-    if (!lay?.originals?.length) return 0;
-    const o = lay.originals[i];
-    if (!o) return 0;
-    const view = lay.cw || containerLength || 0;
-    const size = o.size;
-    const raw = o.start - (view - size) / 2;
-    if (!wrap) {
-      const maxScroll = Math.max(0, contentLength - view);
-      return clamp(raw, 0, maxScroll);
-    }
-    const W = contentLength || sliderWidth.current || 0;
-    if (!W) return 0;
-    return mod(raw, W);
-  }
-  function setTargetToScroll(scroll) {
-    const tgt = targetRef.current;
-    if (!tgt) return;
-    const desired = -scroll;
-    if (!wrap) {
-      tgt.set(desired);
-      return;
-    }
-    const W = contentLength || sliderWidth.current || 0;
-    if (!W) {
-      tgt.set(desired);
-      return;
-    }
-    const cur = tgt.get();
-    const c0 = desired;
-    const c1 = desired + W;
-    const c2 = desired - W;
-    const best = Math.abs(c0 - cur) <= Math.abs(c1 - cur) && Math.abs(c0 - cur) <= Math.abs(c2 - cur) ? c0 : Math.abs(c1 - cur) <= Math.abs(c2 - cur) ? c1 : c2;
-    tgt.set(best);
-  }
-  function cloneThumb(child, key, canonicalIndex, elementIndex) {
-    return cloneElement(child, {
-      key,
-      ["data-rmg-thumb-index"]: String(canonicalIndex),
-      ref: (el) => {
-        if (!el) return;
-        if (!thumbCells.current.some((c) => c.element === el)) {
-          thumbCells.current.push({ element: el, index: elementIndex });
-        }
-      },
-      style: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        width: thumbnailWidth,
-        height: thumbnailHeight,
-        cursor: "pointer",
-        userSelect: "none",
-        ...thumbnailItemStyle || {},
-        ...child.props?.style || {}
-      },
-      className: [ThumbnailSlider_default.thumb, thumbnailItemClassName, child.props?.className].filter(Boolean).join(" "),
-      draggable: false
-    });
-  }
-  function computeCloneSig(originals, per) {
-    return `${originals}|per=${per}|wrap=${wrap ? 1 : 0}`;
-  }
-  useEffect(() => {
-    const el = trackRef.current;
-    if (!el) return;
-    const ro = new ResizeObserver(() => {
-      const rawKids2 = Children.toArray(children).filter(isValidElement);
-      const originals = rawKids2.length;
-      if (originals < 1) {
-        clonesCountRef.current = 0;
-        thumbCells.current = [];
-        setClonedChildren([]);
-        sliderWidth.current = 0;
-        layoutRef.current = null;
-        setWrapSafe(false);
-        slidesRef.current = [];
-        setSlidesState([]);
-        cellToSlideRef.current = [];
-        return;
-      }
-      const allEls = Array.from(el.children);
-      const clonesBefore = clonesCountRef.current;
-      const clonesAfter = clonesBefore;
-      const originalEls = allEls.slice(clonesBefore, allEls.length - clonesAfter);
-      const cw = el[AX.clientKey];
-      let sum = 0;
-      let count2 = 0;
-      for (const slot of originalEls) {
-        const w = slot.getBoundingClientRect()[AX.sizeKey];
-        if (w === 0) {
-          requestAnimationFrame(() => ro.observe(el));
-          return;
-        }
-        if (sum + w <= cw) {
-          sum += w;
-          count2++;
-        } else {
-          count2++;
-          break;
-        }
-      }
-      const per = Math.max(2, Math.min(originals, count2));
-      const shouldLoop = wrap;
-      clonesCountRef.current = shouldLoop ? per : 0;
-      if (visibleThumbsRef.current !== per) visibleThumbsRef.current = per;
-      const sig = computeCloneSig(originals, per);
-      if (sig === lastCloneSigRef.current) return;
-      lastCloneSigRef.current = sig;
-      const slides = [];
-      thumbCells.current = [];
-      if (shouldLoop) {
-        slides.push(
-          ...rawKids2.slice(-per).map((c, i) => {
-            const canonicalIndex = originals - per + i;
-            const elementIndex = -per + i;
-            return cloneThumb(c, `before-${i}`, canonicalIndex, elementIndex);
-          })
-        );
-      }
-      slides.push(
-        ...rawKids2.map((c, i) => {
-          const canonicalIndex = i;
-          const elementIndex = i;
-          return cloneThumb(c, `original-${i}`, canonicalIndex, elementIndex);
-        })
-      );
-      if (shouldLoop) {
-        slides.push(
-          ...rawKids2.slice(0, per).map((c, i) => {
-            const canonicalIndex = i;
-            const elementIndex = i;
-            return cloneThumb(c, `after-${i}`, canonicalIndex, elementIndex);
-          })
-        );
-      }
-      setClonedChildren(slides);
-    });
-    ro.observe(el);
-    return () => ro.disconnect();
-  }, [
-    children,
-    buildKey,
-    wrap,
-    gap,
-    thumbSize,
-    thumbLong,
-    thumbnailWidth,
-    thumbnailHeight,
-    thumbnailItemClassName,
-    thumbnailItemStyle,
-    position
-  ]);
-  function getThumbIndexFromEventTarget(t) {
-    const track = trackRef.current;
-    if (!track) return -1;
-    const el = t;
-    if (!el) return -1;
-    const thumbEl = el.closest?.("[data-rmg-thumb-index]");
-    if (!thumbEl) return -1;
-    if (!track.contains(thumbEl)) return -1;
-    const raw = thumbEl.getAttribute("data-rmg-thumb-index");
-    const idx = raw != null ? parseInt(raw, 10) : -1;
-    return Number.isFinite(idx) ? idx : -1;
-  }
-  function commitThumbSelect(i) {
-    if (i < 0 || i >= count) return;
-    snapModeRef.current = "thumb";
-    setActiveThumb(i);
-    channelRef.current.set(i, "animated");
-    onSelectThumb?.(i);
-  }
-  useEffect(() => {
-    if (!thumbnailsCenter) {
-      baseOffsetRef.current = 0;
-      return;
-    }
-    if (!contentLength || !containerLength) return;
-    if (contentLength <= containerLength) {
-      baseOffsetRef.current = (containerLength - contentLength) / 2;
-    } else {
-      baseOffsetRef.current = 0;
-    }
-  }, [thumbnailsCenter, contentLength, containerLength]);
-  useEffect(() => {
-    const track = trackRef.current;
-    const container = containerRef.current;
-    if (!track || !container) return;
-    const schedule = () => {
-      measureAndPosition();
-    };
-    function measureAndPosition() {
-      const trackEl = trackRef.current;
-      const container2 = containerRef.current;
-      if (!trackEl || !container2) return;
-      const slideEls = Array.from(trackEl.children);
-      if (slideEls.length === 0) return;
-      const sizes = slideEls.map((sl) => sl.getBoundingClientRect()[AX.sizeKey]);
-      if (sizes.some((s) => s === 0)) {
-        setTimeout(measureAndPosition, 0);
-        return;
-      }
-      const contentSize = AX.main === "x" ? trackEl.scrollWidth : trackEl.scrollHeight;
-      const clonesBefore = clonesCountRef.current;
-      const beforeSizes = sizes.slice(0, clonesBefore);
-      let running = -(beforeSizes.reduce((s, w) => s + w, 0) + gap * clonesBefore);
-      slideEls.forEach((sl, i) => {
-        sl.style.transformOrigin = "center";
-        sl.style.transform = AX.place(running * sign);
-        running += sizes[i] + gap;
-      });
-      const origSizes = sizes.slice(clonesBefore, sizes.length - clonesBefore);
-      let m0 = 0;
-      const originalsForLayout = slideEls.slice(clonesBefore, slideEls.length - clonesBefore).map((sl, i) => {
-        const s = origSizes[i];
-        const start = m0;
-        const end = m0 + s;
-        m0 += s + gap;
-        return { el: sl, start, end, size: s };
-      });
-      layoutRef.current = {
-        originals: originalsForLayout,
-        cw: trackEl[AX.clientKey]
-      };
-      const originalsCount = layoutRef.current?.originals?.length ?? 0;
-      const innerGaps = Math.max(0, originalsCount - 1);
-      const baseWidth = origSizes.reduce((sum, s) => sum + s, 0) + gap * innerGaps;
-      sliderWidth.current = wrap ? baseWidth + (originalsCount > 0 ? gap : 0) : baseWidth;
-      const cw = trackEl[AX.clientKey];
-      setContentLength(sliderWidth.current);
-      setContainerLength(cw);
-      const first = originalsForLayout[0]?.el;
-      if (first) {
-        const r = first.getBoundingClientRect();
-        const long = r[AX.sizeKey];
-        const cross = AX.main === "x" ? r.height : r.width;
-        setThumbLong(long || thumbSize || 0);
-        setThumbCross(cross || 0);
-      }
-      const wantLoop = !!loop && originalsCount > 1 && contentSize > cw;
-      const origSizesCsv = originalsForLayout.map((o) => o.size).join(",");
-      const sig = `${origSizesCsv}|gap=${gap}|cw=${cw}|W=${contentSize}`;
-      if (sig !== lastGeomSigRef.current) {
-        lastGeomSigRef.current = sig;
-        setGeomKey((k) => k + 1);
-      }
-      setWrapSafe(wantLoop);
-      setIsMeasured(true);
-    }
-    const ro = new ResizeObserver(schedule);
-    ro.observe(track);
-    ro.observe(container);
-    const vv = typeof window !== "undefined" ? window.visualViewport : null;
-    vv?.addEventListener("resize", schedule);
-    window.addEventListener("resize", schedule, { passive: true });
-    schedule();
-    return () => {
-      ro.disconnect();
-      vv?.removeEventListener("resize", schedule);
-      window.removeEventListener("resize", schedule);
-    };
-  }, [clonedChildren, gap, wrap, loop, AX, sign, position]);
-  useEffect(() => {
-    readyPaintedRef.current = false;
-    setIsReady(false);
-    if (readyRafRef.current != null) {
-      cancelAnimationFrame(readyRafRef.current);
-      readyRafRef.current = null;
-    }
-    const root2 = containerRef.current;
-    const track = trackRef.current;
-    const canBeReady = !!root2 && !!track && isMeasured && layoutReady && sliderWidth.current > 0 && slidesRef.current.length > 0 && !!(thumbSize || thumbLong);
-    if (!canBeReady) return;
-    readyRafRef.current = requestAnimationFrame(() => {
-      readyRafRef.current = requestAnimationFrame(() => {
-        readyPaintedRef.current = true;
-        setIsReady(true);
-        readyRafRef.current = null;
-      });
-    });
-    return () => {
-      if (readyRafRef.current != null) {
-        cancelAnimationFrame(readyRafRef.current);
-        readyRafRef.current = null;
-      }
-    };
-  }, [
-    isMeasured,
-    layoutReady,
-    geomKey,
-    buildKey,
-    wrap,
-    count,
-    contentLength,
-    containerLength,
-    thumbLong,
-    thumbSize,
-    position
-  ]);
-  const getSnapTargets = () => (slidesRef.current || []).map((s) => s.target);
-  const totalWidth = () => sliderWidth.current || 0;
-  useEffect(() => {
-    const containerEl = trackRef.current;
-    if (!containerEl) return;
-    let canceled = false;
-    let retryTimer = null;
-    let tries = 0;
-    const MAX_TRIES = 5;
-    function retry() {
-      if (canceled) return;
-      if (tries++ >= MAX_TRIES) return;
-      if (retryTimer != null) window.clearTimeout(retryTimer);
-      retryTimer = window.setTimeout(() => {
-        buildPages();
-      }, 0);
-    }
-    const rawKids2 = Children.toArray(children).filter(isValidElement);
-    const childCount = rawKids2.length;
-    const clonesBefore = wrap ? visibleThumbsRef.current : 0;
-    const clonesAfter = clonesBefore;
-    const cw = containerEl[AX.clientKey];
-    function buildPages() {
-      if (canceled || !containerEl) return;
-      const allEls = Array.from(containerEl.children);
-      const originals = allEls.slice(clonesBefore, allEls.length - clonesAfter);
-      const idxMap = new Map(originals.map((el, i2) => [el, i2]));
-      const start0 = containerEl.getBoundingClientRect()[AX.startKey];
-      const data = originals.map((el) => {
-        const r = el.getBoundingClientRect();
-        return {
-          el,
-          start: r[AX.startKey] - start0,
-          end: r[AX.endKey] - start0
-        };
-      });
-      const pages = [];
-      let i = 0;
-      if (groupCells) {
-        while (i < childCount) {
-          const startLeft = data[i]?.start ?? 0;
-          const viewRight = startLeft + cw;
-          let j = i;
-          while (j < childCount && (data[j]?.end ?? 0) <= viewRight) j++;
-          if (j === i) j++;
-          const slice = originals.slice(i, j);
-          const isLast = j >= childCount;
-          let target = startLeft;
-          if (isLast && !wrap) {
-            target = Math.max(0, (sliderWidth.current || 0) - cw);
-          }
-          if (i === 0) target = 0;
-          pages.push({ els: slice, target });
-          i = j;
-        }
-      } else {
-        const L = layoutRef.current;
-        if (!L || !L.originals?.length) {
-          retry();
-          return;
-        }
-        const data2 = L.originals;
-        const cw2 = L.cw;
-        const maxTarget = Math.max(0, (sliderWidth.current || 0) - cw2);
-        const EPS = 0.5;
-        if (wrap) {
-          data2.forEach((d, idx) => {
-            const t = idx === 0 ? 0 : d.start;
-            pages.push({ els: [d.el], target: t });
-          });
-        } else {
-          for (let idx = 0; idx < data2.length; idx++) {
-            const d = data2[idx];
-            let t = idx === 0 ? 0 : d.start;
-            t = Math.min(t, maxTarget);
-            if (!pages.length || Math.abs(t - pages[pages.length - 1].target) > EPS) {
-              pages.push({ els: [d.el], target: t });
-            }
-            if (Math.abs(t - maxTarget) <= EPS) break;
-          }
-          const winStart = maxTarget - EPS;
-          const winEnd = maxTarget + cw2 + EPS;
-          const lastEls = data2.filter((d) => d.start < winEnd && d.end > winStart).map((d) => d.el);
-          if (lastEls.length) {
-            const lastT = pages[pages.length - 1]?.target ?? -1;
-            if (Math.abs(lastT - maxTarget) > EPS) {
-              pages.push({ els: lastEls, target: maxTarget });
-            } else {
-              const uniq = new Set(pages[pages.length - 1].els.concat(lastEls));
-              pages[pages.length - 1].els = Array.from(uniq);
-            }
-          } else {
-            let safeIdx = -1;
-            for (let i2 = data2.length - 1; i2 >= 0; i2--) {
-              if (data2[i2].start <= maxTarget + EPS) {
-                safeIdx = i2;
-                break;
-              }
-            }
-            const fallback = data2[Math.max(0, safeIdx)];
-            if (fallback) {
-              const lastT = pages[pages.length - 1]?.target ?? -1;
-              if (Math.abs(lastT - maxTarget) > EPS) {
-                pages.push({ els: [fallback.el], target: maxTarget });
-              }
-            }
-          }
-        }
-      }
-      const newSlides = pages.map((page) => ({
-        target: page.target,
-        cells: page.els.map((el) => ({
-          element: el,
-          index: idxMap.get(el)
-        }))
-      }));
-      const hasNaN = newSlides.some((s) => Number.isNaN(s.target));
-      const unstable = hasNaN || wrap && newSlides.length === 1;
-      if (unstable) {
-        retry();
-        return;
-      }
-      const pagesAllowLoop = newSlides.length > 1;
-      setWrap(!!loop && pagesAllowLoop && sliderWidth.current > cw);
-      isWrapping.current = !!loop && pagesAllowLoop && sliderWidth.current > cw;
-      slidesRef.current = newSlides;
-      setSlidesState(newSlides);
-      setLayoutReady(true);
-      const map = [];
-      newSlides.forEach((s, slideIdx) => {
-        s.cells.forEach((c) => {
-          map[c.index] = slideIdx;
-        });
-      });
-      cellToSlideRef.current = map;
-    }
-    buildPages();
-    return () => {
-      canceled = true;
-      if (retryTimer != null) window.clearTimeout(retryTimer);
-    };
-  }, [clonedChildren, geomKey, position]);
-  function getPageForIndex(i) {
-    const pages = pagesRef.current;
-    if (!pages.length) return null;
-    for (let p = 0; p < pages.length; p++) {
-      const pg = pages[p];
-      if (i >= pg.startIndex && i < pg.endIndex) return pg;
-    }
-    return pages[pages.length - 1] ?? null;
-  }
-  function getScrollForIndex(i) {
-    if (centerActiveThumb) return getCenterScroll(i);
-    if (groupCells && !freeScroll && snapModeRef.current === "thumb") {
-      const pg = getPageForIndex(i);
-      if (pg) return pg.targetScroll;
-    }
-    return snapModeRef.current === "thumb" ? getStartSnapScroll(i) : getCenteredScroll(i);
-  }
-  function setActiveThumb(i) {
-    const track = trackRef.current;
-    if (!track) return;
-    const kids = Array.from(track.children);
-    for (const el of kids) el.removeAttribute("data-active");
-    const key = String(i);
-    const matches = track.querySelectorAll(`[data-rmg-thumb-index="${CSS.escape(key)}"]`);
-    matches.forEach((el) => el.setAttribute("data-active", "true"));
-    prevActiveRef.current = i;
-  }
-  function ensureDragStyle(scopeId2) {
-    const id = "rmg-drag-style-" + scopeId2;
-    if (document.getElementById(id)) return;
-    const style2 = document.createElement("style");
-    style2.id = id;
-    style2.textContent = `
-      /* Only while data-rmg-drag is present on this slider root */
-      #${scopeId2}[data-rmg-drag]        { cursor: grabbing !important; }
-      #${scopeId2}[data-rmg-drag] *      { cursor: grabbing !important; }
-    `;
-    document.head.appendChild(style2);
-  }
-  useEffect(() => {
-    if (containerRef.current) ensureDragStyle(scopeId);
-  }, [containerRef.current, scopeId]);
-  function setDragCursor(on) {
-    const root2 = containerRef.current;
-    if (!root2) return;
-    if (on) {
-      if (!root2.hasAttribute(draggingAttr)) root2.setAttribute(draggingAttr, "");
-      return;
-    }
-    if (root2.hasAttribute(draggingAttr)) root2.removeAttribute(draggingAttr);
-    activePointerIdRef.current = null;
-    guardsStoreRef.current?.clear();
-    guardsStoreRef.current = null;
-  }
-  useEffect(() => {
-    const root2 = containerRef.current;
-    if (!root2) return;
-    const onLeave = () => {
-      if (pointerDownRef.current) setDragCursor(false);
-    };
-    const onEnter = () => {
-      if (pointerDownRef.current && activePointerIdRef.current != null) setDragCursor(true);
-    };
-    root2.addEventListener("mouseleave", onLeave, { passive: true });
-    root2.addEventListener("mouseenter", onEnter, { passive: true });
-    return () => {
-      root2.removeEventListener("mouseleave", onLeave);
-      root2.removeEventListener("mouseenter", onEnter);
-    };
-  }, []);
-  useEffect(() => {
-    const ch = channelRef.current;
-    const unsub = ch.subscribe(() => {
-      const { index, mode } = ch.get();
-      selectedIndexRef.current = clamp(index, 0, Math.max(0, count - 1));
-      setActiveThumb(selectedIndexRef.current);
-      if (pointerDownRef.current) return;
-      snapModeRef.current = "base";
-      const scroll = getScrollForIndex(selectedIndexRef.current);
-      if (mode === "instant") {
-        bodyRef.current?.useDuration(0).useFriction(1);
-        setTargetToScroll(scroll);
-        animRef.current?.start();
-      } else {
-        animateToScroll(scroll);
-      }
-    });
-    return unsub;
-  }, [count, thumbnailsCenter, contentLength, containerLength]);
-  useEffect(() => {
-    const track = trackRef.current;
-    if (!track) return;
-    const ready = !!(contentLength && containerLength && (thumbSize || thumbLong));
-    if (!ready) return;
-    const maxIndex = Math.max(0, (track.children.length || count) - 1);
-    const init = clamp(channelRef.current.get().index ?? 0, 0, maxIndex);
-    setActiveThumb(init);
-    animateToScroll(getScrollForIndex(init));
-  }, [count, contentLength, containerLength, thumbLong, thumbSize]);
-  function getCenteredScroll(i) {
-    const lay = layoutRef.current;
-    if (!lay?.originals?.length) return 0;
-    const o = lay.originals[i];
-    if (!o) return 0;
-    const view = lay.cw || containerLength || 0;
-    const size = o.size;
-    const centerWanted = o.start - (view - size) / 2;
-    const maxScroll = Math.max(0, contentLength - view);
-    return clamp(centerWanted, 0, maxScroll);
-  }
-  function getStartSnapScroll(i) {
-    const lay = layoutRef.current;
-    if (!lay?.originals?.length) return 0;
-    const o = lay.originals[i];
-    if (!o) return 0;
-    const view = lay.cw || containerLength || 0;
-    const maxScroll = Math.max(0, contentLength - view);
-    return clamp(o.start, 0, maxScroll);
-  }
-  function animateToScroll(scroll) {
-    const isNarrow = thumbnailsCenter && contentLength <= containerLength;
-    if (isNarrow) return;
-    bodyRef.current?.useBaseDuration().useBaseFriction();
-    setTargetToScroll(scroll);
-    animRef.current?.start();
-  }
-  function indexFromX(loc) {
-    const x = -loc;
-    const targets = getSnapTargets();
-    const W = totalWidth();
-    if (!targets.length) return 0;
-    let best = 0;
-    let min = Infinity;
-    for (let i = 0; i < targets.length; i++) {
-      const base = targets[i];
-      const candidates = !W || !wrap ? [base] : [base, base + W, base - W];
-      for (const c of candidates) {
-        const d = Math.abs(c - x);
-        if (d < min) {
-          min = d;
-          best = i;
-        }
-      }
-    }
-    return best;
-  }
-  function positionSlider() {
-    const base = baseOffsetRef.current || 0;
-    const x = xRef.current || 0;
-    translateRef.current?.to((x + base) * sign);
-  }
-  function updateActiveIndexFromX(loc) {
-    const indexCurrent = indexCurrentRef.current;
-    if (!indexCurrent) return;
-    const idxFromLoc = indexFromX(loc);
-    const canonical = indexCurrent.get();
-    if (idxFromLoc === canonical) return;
-    if (!pointerDownRef.current && isAnimatingRef.current) {
-      return;
-    }
-    indexCurrent.set(idxFromLoc);
-    selectedIndexRef.current = idxFromLoc;
-  }
-  function scrollToIndex(requested, opts = {}) {
-    const { jump = false, direction: direction2 } = opts;
-    const indexCurrent = indexCurrentRef.current;
-    if (!scrollToRef.current || !bodyRef.current || !indexCurrent) return;
-    const targetIndex = indexCurrent.clone().set(requested).get();
-    if (jump) {
-      bodyRef.current.useDuration(0);
-    } else {
-      bodyRef.current.useBaseDuration().useBaseFriction();
-    }
-    const dir = typeof direction2 === "number" ? direction2 : 0;
-    scrollToRef.current.index(targetIndex, dir);
-  }
-  function clampIndex(i, len) {
-    return Math.max(0, Math.min(len - 1, i));
-  }
-  function previous() {
-    const scrollTo = scrollToRef.current;
-    const body = bodyRef.current;
-    const indexCur = indexCurrentRef.current;
-    const len = slidesRef.current?.length ?? 0;
-    if (!scrollTo || !body || !indexCur || !len) return;
-    const cur = indexCur.get();
-    const target = wrap ? ((cur - 1) % len + len) % len : clampIndex(cur - 1, len);
-    body.useBaseDuration().useBaseFriction();
-    scrollToIndex(target, { direction: 1 });
-  }
-  function next() {
-    const scrollTo = scrollToRef.current;
-    const body = bodyRef.current;
-    const indexCur = indexCurrentRef.current;
-    const len = slidesRef.current?.length ?? 0;
-    if (!scrollTo || !body || !indexCur || !len) return;
-    const cur = indexCur.get();
-    const target = wrap ? ((cur + 1) % len + len) % len : clampIndex(cur + 1, len);
-    body.useBaseDuration().useBaseFriction();
-    scrollToIndex(target, { direction: -1 });
-  }
-  useEffect(() => {
-    const root2 = containerRef.current;
-    const track = trackRef.current;
-    if (!root2 || !track || !slidesRef.current?.length || !layoutReady || !isMeasured || sliderWidth.current === 0) {
-      return;
-    }
-    const isNarrow = !wrap && thumbnailsCenter && contentLength <= containerLength;
-    const base = isNarrow ? (containerLength - contentLength) / 2 : 0;
-    baseOffsetRef.current = base;
-    const startIdx = selectedIndexRef.current || 0;
-    const location = Vector1D(0);
-    const previousLocation = Vector1D(0);
-    const offsetLocation = Vector1D(0);
-    const target = Vector1D(0);
-    locationRef.current = location;
-    previousLocationRef.current = previousLocation;
-    offsetLocationRef.current = offsetLocation;
-    targetRef.current = target;
-    const W = sliderWidth.current || 0;
-    const len = slidesRef.current.length || 1;
-    const counterMax = len - 1;
-    const startIndex = selectedIndexRef.current || 0;
-    const indexCurrent = Counter(counterMax, startIndex, true);
-    const indexPrevious = Counter(counterMax, startIndex, true);
-    indexCurrentRef.current = indexCurrent;
-    indexPreviousRef.current = indexPrevious;
-    contentSizeRef.current = W;
-    scrollContentSizeRef.current = W;
-    const scrollSnaps = slidesRef.current.map((slide) => {
-      return -slide.target;
-    });
-    scrollSnapsRef.current = scrollSnaps;
-    const initialSnap = scrollSnaps[startIdx] ?? 0;
-    location.set(initialSnap);
-    previousLocation.set(initialSnap);
-    offsetLocation.set(initialSnap);
-    target.set(initialSnap);
-    xRef.current = initialSnap;
-    translateRef.current = Translate(track, AX);
-    translateRef.current?.to((initialSnap + base) * sign);
-    selectedIndexRef.current = startIdx;
-    const minSnap = Math.min(...scrollSnaps);
-    const maxSnap = Math.max(...scrollSnaps);
-    loopLimitRef.current = wrap ? Limit(-W, 0) : Limit(minSnap, maxSnap);
-    const baseLimit = wrap ? createBaseLimit(-W, 0) : createBaseLimit(minSnap, maxSnap);
-    scrollLimitRef.current = baseLimit;
-    if (loopLimitRef.current) {
-      scrollTargetRef.current = ScrollTarget(
-        wrap,
-        scrollSnaps,
-        W,
-        loopLimitRef.current,
-        target
-      );
-    }
-    function scrollTo(target2) {
-      const indexCurrent2 = indexCurrentRef.current;
-      const indexPrevious2 = indexPreviousRef.current;
-      if (!indexCurrent2 || !indexPrevious2) return;
-      const distanceDiff = target2.distance;
-      const indexDiff = target2.index !== indexCurrent2.get();
-      targetRef.current.add(distanceDiff);
-      if (distanceDiff) {
-        if (bodyRef.current.duration()) {
-          isAnimatingRef.current = true;
-          animRef.current.start();
-        } else {
-          bodyRef.current.seek();
-          positionSlider();
-        }
-      }
-      if (indexDiff) {
-        indexPrevious2.set(indexCurrent2.get());
-        indexCurrent2.set(target2.index);
-        const idx = indexCurrent2.get();
-        selectedIndexRef.current = idx;
-        setActiveThumb(idx);
-      }
-    }
-    const baseScrollTo = {
-      distance(n, snap) {
-        const st = scrollTargetRef.current;
-        if (!st) return;
-        const target2 = st.byDistance(n, snap);
-        scrollTo(target2);
-      },
-      index(n, direction2) {
-        const st = scrollTargetRef.current;
-        const indexCurrent2 = indexCurrentRef.current;
-        if (!st || !indexCurrent2) return;
-        const targetIndex = indexCurrent2.clone().set(n);
-        const target2 = st.byIndex(targetIndex.get(), direction2);
-        scrollTo(target2);
-      }
-    };
-    scrollToRef.current = baseScrollTo;
-    const loLimit = Limit(-W, 0);
-    const looper = wrap && W > 0 ? ScrollLooper(
-      W,
-      loLimit,
-      locationRef.current,
-      [locationRef.current, previousLocationRef.current, offsetLocationRef.current, targetRef.current]
-    ) : null;
-    const body = ScrollBody(location, offsetLocation, previousLocation, target, selectDuration, sliderFriction);
-    bodyRef.current = body;
-    if (!wrap) {
-      const cw = track[AX.clientKey];
-      const min = -Math.max(0, sliderWidth.current - cw);
-      const max = 0;
-      limitRef.current = Limit(isNaN(min) ? 0 : min, max);
-      povRef.current = PercentOfView(cw);
-      boundsRef.current = ScrollBounds(
-        limitRef.current,
-        offsetLocationRef.current,
-        targetRef.current,
-        bodyRef.current,
-        povRef.current,
-        selectDuration
-      );
-    } else {
-      limitRef.current = null;
-      boundsRef.current = null;
-      povRef.current = null;
-    }
-    const anim = Animations(
-      document,
-      window,
-      () => {
-        if (!wrap) {
-          boundsRef.current?.constrain(pointerDownRef.current);
-        }
-        bodyRef.current?.seek();
-        if (wrap && W > 0) {
-          const body2 = bodyRef.current;
-          const dir = body2.direction() || Math.sign(targetRef.current.get() - locationRef.current.get()) || 0;
-          looper?.loop(dir);
-        }
-        xRef.current = locationRef.current.get();
-      },
-      (alpha) => {
-        const body2 = bodyRef.current;
-        const shouldSettle = body2 ? body2.settled() : true;
-        const idle = shouldSettle && !pointerDownRef.current;
-        if (idle) {
-          animRef.current?.stop();
-          isAnimatingRef.current = false;
-        }
-        const cur = locationRef.current.get();
-        const prev = previousLocationRef.current.get();
-        const loc = cur * alpha + prev * (1 - alpha);
-        offsetLocationRef.current.set(loc);
-        xRef.current = loc;
-        positionSlider();
-        updateActiveIndexFromX(loc);
-      }
-    );
-    animRef.current = anim;
-    anim.init();
-    const dragStore = EventStore();
-    const moveStore = EventStore();
-    const tracker = DragTracker(axis, window);
-    let isMouse = false;
-    let startMain = 0;
-    let startCross = 0;
-    let preventScroll = false;
-    function addDragEvents() {
-      const node = isMouse ? document : root2;
-      moveStore.add(node, "touchmove", onMove).add(node, "touchend", onUp).add(node, "mousemove", onMove, { passive: false }).add(node, "mouseup", onUp);
-    }
-    function onDown(evt) {
-      const isMouseEvt = isMouseEvent(evt, window);
-      isMouse = isMouseEvt;
-      if (isMouseEvt && evt.button !== 0) return;
-      downTargetRef.current = evt.target;
-      setDragCursor(true);
-      pointerDownRef.current = true;
-      isPointerDown.current = true;
-      isClickRef.current = true;
-      tracker.pointerDown(evt);
-      startMain = tracker.readPoint(evt, AX.main);
-      startCross = tracker.readPoint(evt, AX.cross);
-      bodyRef.current.useFriction(0).useDuration(0);
-      targetRef.current.set(locationRef.current.get());
-      addDragEvents();
-      animRef.current?.start();
-    }
-    const freeBoost = { mouse: 500, touch: 600 };
-    function forceBoost(rawForce) {
-      const type = isMouse ? "mouse" : "touch";
-      return rawForce * freeBoost[type];
-    }
-    function onMove(evt) {
-      const isTouchEvt = !isMouseEvent(evt, window);
-      if (isTouchEvt && evt.touches?.length >= 2) return onUp(evt);
-      if (pointerDownRef.current && activePointerIdRef.current != null) setDragCursor(true);
-      const lastMain = tracker.readPoint(evt, AX.main);
-      const lastCross = tracker.readPoint(evt, AX.cross);
-      const diffMain = Math.abs(lastMain - startMain);
-      const diffCross = Math.abs(lastCross - startCross);
-      if (diffMain > 5 || diffCross > 5) isClickRef.current = false;
-      if (!preventScroll && !isMouse) {
-        if (!("cancelable" in evt) || !evt.cancelable) return onUp(evt);
-        preventScroll = diffMain > diffCross;
-        if (!preventScroll) return onUp(evt);
-      }
-      const { dx, dy } = tracker.pointerMove(evt);
-      const deltaMain = (AX.main === "x" ? dx : dy) * sign;
-      previousDragX.current = dragX.current;
-      dragX.current = lastMain * sign;
-      sliderVelocity.current = deltaMain;
-      dragMoveTime.current = /* @__PURE__ */ new Date();
-      bodyRef.current.useFriction(0.3).useDuration(0.75);
-      targetRef.current.add(deltaMain);
-      animRef.current?.start();
-      if (evt.cancelable) evt.preventDefault?.();
-    }
-    function onUp(evt) {
-      isPointerDown.current = false;
-      preventScroll = false;
-      pointerDownRef.current = false;
-      moveStore.clear();
-      setDragCursor(false);
-      if (isClickRef.current) {
-        const idx = getThumbIndexFromEventTarget(evt.target);
-        if (idx >= 0) {
-          commitThumbSelect(idx);
-          isMouse = false;
-          return;
-        }
-      }
-      if (freeScroll === false) {
-        let allowedForce2 = function(force2) {
-          const len2 = slidesRef.current.length || 1;
-          if (!baseScrollTarget) return 0;
-          const curIndex = selectedIndexRef.current || 0;
-          const dir = mathSign(force2);
-          if (dir === 0) return 0;
-          if (!skipSnaps) {
-            const dirIndex2 = dir * -1;
-            let nextIndex2 = curIndex + dirIndex2;
-            if (!wrap) {
-              if (nextIndex2 < 0 || nextIndex2 > len2 - 1) {
-                nextIndex2 = curIndex;
-              }
-            } else {
-              nextIndex2 = (nextIndex2 % len2 + len2) % len2;
-            }
-            const dirBump2 = slidesRef.current.length === 2 ? dir : 0;
-            const nextTarget = baseScrollTarget.byIndex(nextIndex2, dirBump2);
-            return nextTarget.distance;
-          }
-          const baseTarget = baseScrollTarget.byDistance(force2, true);
-          let { index: proposedIndex } = baseTarget;
-          const { distance } = baseTarget;
-          const currentIndex = curIndex;
-          if (proposedIndex !== currentIndex) {
-            if (!wrap) {
-              proposedIndex = Math.max(0, Math.min(len2 - 1, proposedIndex));
-              const clamped = baseScrollTarget.byIndex(proposedIndex, dir);
-              return clamped.distance;
-            }
-            return distance;
-          }
-          const dirIndex = dir * -1;
-          let nextIndex = currentIndex + dirIndex;
-          if (wrap) {
-            nextIndex = (nextIndex % len2 + len2) % len2;
-          } else {
-            nextIndex = Math.max(0, Math.min(len2 - 1, nextIndex));
-            if (nextIndex === currentIndex) {
-              return 0;
-            }
-          }
-          const dirBump = slidesRef.current.length === 2 ? dir : 0;
-          const forced = baseScrollTarget.byIndex(nextIndex, dirBump);
-          return forced.distance;
-        };
-        const end = tracker.pointerUp(evt);
-        let rawForce = AX.main === "x" ? end.fx : end.fy;
-        if (isRtl) rawForce = -rawForce;
-        const isMouseEvt = isMouseEvent(evt, window);
-        const snapForceBoost = { mouse: 300, touch: 400 };
-        const boost = snapForceBoost[isMouseEvt ? "mouse" : "touch"];
-        const boostedForce = rawForce * boost;
-        const baseScrollTarget = scrollTargetRef.current;
-        const baseScrollTo2 = scrollToRef.current;
-        const body2 = bodyRef.current;
-        if (!baseScrollTarget || !baseScrollTo2 || !body2) {
-          return;
-        }
-        const force = allowedForce2(boostedForce);
-        const baseSpeed = selectDuration;
-        const baseFriction = sliderFriction;
-        const forceFactor = factorAbs(boostedForce, force);
-        const speed = baseSpeed - 10 * forceFactor;
-        const friction = baseFriction + forceFactor / 50;
-        body2.useDuration(speed).useFriction(friction);
-        baseScrollTo2.distance(force, true);
-      } else {
-        const end = tracker.pointerUp(evt);
-        const raw = AX.main === "x" ? end.fx : end.fy;
-        const boosted = forceBoost(raw);
-        const force = boosted;
-        const factor = Math.min(1, Math.abs(raw) > 0 ? Math.abs((Math.abs(boosted) - Math.abs(force)) / (raw || 1)) : 0);
-        const speed = freeScrollDuration - 10 * factor;
-        const friction = sliderFriction + factor / 50;
-        bodyRef.current.useDuration(speed).useFriction(friction);
-        targetRef.current.add(force);
-        anim.start();
-        isMouse = false;
-      }
-    }
-    dragStore.add(root2, "dragstart", (evt) => evt.preventDefault(), { passive: false }).add(root2, "touchstart", onDown).add(root2, "mousedown", onDown, { passive: true }).add(root2, "touchcancel", onUp).add(root2, "contextmenu", onUp);
-    function onWheel(e) {
-      const primary = isHorizontal ? e.deltaX : e.deltaY;
-      const primaryAbs = Math.abs(primary);
-      const crossAbs = Math.abs(isHorizontal ? e.deltaY : e.deltaX);
-      if (primaryAbs <= crossAbs) return;
-      if (contentLength <= containerLength) return;
-      const cur = (offsetLocationRef.current?.get() ?? 0) - AX.wheelDelta(e) * sign;
-      let next2 = cur;
-      if (!wrap && limitRef.current) next2 = limitRef.current.constrain(cur);
-      targetRef.current?.set(next2);
-      bodyRef.current?.useDuration(0).useFriction(1);
-      animRef.current?.start();
-      xRef.current = next2;
-      positionSlider();
-      if (e.cancelable) e.preventDefault?.();
-    }
-    root2.addEventListener("wheel", onWheel, { passive: false });
-    return () => {
-      dragStore.clear();
-      moveStore.clear();
-      root2.removeEventListener("wheel", onWheel);
-      animRef.current?.destroy();
-      animRef.current = null;
-    };
-  }, [count, contentLength, containerLength, position, slidesState.length, layoutReady, geomKey, isMeasured, wrap]);
-  useEffect(() => {
-    const isNarrow = !wrap && thumbnailsCenter && contentLength <= containerLength;
-    const base = isNarrow ? baseOffsetRef.current : 0;
-    const min = -Math.max(0, contentLength - containerLength);
-    const max = 0;
-    const nextLimit = Limit(isNaN(min) ? 0 : min, max);
-    limitRef.current = nextLimit;
-    if (pointerDownRef.current) return;
-    if (isAnimatingRef.current) return;
-    const cur = targetRef.current?.get() ?? 0;
-    const clamped = nextLimit.constrain(cur);
-    if (Math.abs(clamped - cur) < 1e-3) return;
-    locationRef.current?.set(clamped);
-    previousLocationRef.current?.set(clamped);
-    offsetLocationRef.current?.set(clamped);
-    targetRef.current?.set(clamped);
-    xRef.current = clamped;
-    translateRef.current?.to((clamped + base) * sign);
-  }, [contentLength, containerLength, thumbnailsCenter, sign, wrap]);
-  useEffect(() => {
-    if (!contentLength || !containerLength || !(thumbSize || thumbLong)) return;
-    const i = clamp(channelRef.current.get().index ?? 0, 0, Math.max(0, count - 1));
-    animateToScroll(getScrollForIndex(i));
-  }, [contentLength, containerLength, thumbLong, thumbSize, count]);
-  const normalizedLoading = useMemo(() => {
-    const src = loadingOptions ?? {};
-    return {
-      isLoading: src.isLoading,
-      skeletonCount: src.skeletonCount,
-      renderLoading: src.renderLoading
-    };
-  }, [loadingOptions]);
-  const normalizedIntro = useMemo(() => {
-    const src = introOptions ?? {};
-    return {
-      renderIntro: src.renderIntro,
-      staggerMs: src.staggerMs ?? 40,
-      transform: src.transform ?? 10,
-      durationMs: src.durationMs ?? 300,
-      easing: src.easing ?? "cubic-bezier(.2,.7,.2,1)"
-    };
-  }, [introOptions]);
-  const renderedThumbs = clonedChildren.length ? clonedChildren : rawKids.map((c, i) => cloneThumb(c, `fallback-${i}`, i, i));
-  const introChildren = useMemo(() => {
-    return renderedThumbs.map((child, i) => {
-      if (!isValidElement(child)) return child;
-      const el = child;
-      const prevStyle = el.props?.style || {};
-      return cloneElement(el, {
-        ...el.props,
-        "data-rmg-index": i,
-        style: {
-          ...prevStyle,
-          ["--rmg-intro-index"]: i
-        }
-      });
-    });
-  }, [renderedThumbs]);
-  const MAX_SKELETONS = 12;
-  const fallbackCount = 6;
-  const { cssText: skeletonCss, ssrBaseCount: skeletonCountBase } = useMemo(() => {
-    return buildScopedSkeletonCountCss({
-      scopeId,
-      responsiveCount: normalizedLoading.skeletonCount,
-      fallbackCount,
-      breakpointMap,
-      maxSlots: MAX_SKELETONS
-    });
-  }, [scopeId, normalizedLoading.skeletonCount, breakpointMap]);
-  const defaultThumbSkeleton = /* @__PURE__ */ jsx("div", { className: ThumbnailSlider_default.thumbSkeletonOverlay, "data-rmg-skel-part": "overlay", children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: ThumbnailSlider_default.thumbSkeletonRow,
-      "data-rmg-skel-part": "row",
-      style: {
-        gap,
-        flexDirection: isHorizontal ? "row" : "column"
-      },
-      children: Array.from({ length: MAX_SKELETONS }).map((_, i) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: ThumbnailSlider_default.thumbSkeleton,
-          "data-rmg-skel-slot": i + 1,
-          style: {
-            width: isHorizontal ? thumbnailWidth ?? thumbSize ?? 64 : "100%",
-            height: isHorizontal ? "100%" : thumbnailHeight ?? thumbSize ?? 64
-          }
-        },
-        `rmg-thumb-skel-${i}`
-      ))
-    }
-  ) });
-  const showLoading = normalizedLoading.isLoading != null ? !!normalizedLoading.isLoading : !isReady;
-  const loadingNode = showLoading ? normalizedLoading.renderLoading ? normalizedLoading.renderLoading({ layout: "thumbnails", count: skeletonCountBase }) : defaultThumbSkeleton : null;
-  const fadeClass = showLoading ? "" : isReady && inView ? ThumbnailSlider_default.fadeInActive : ThumbnailSlider_default.fadeInStart;
-  const baseContainerProps = {
-    className: [ThumbnailSlider_default.fade_container, fadeClass].filter(Boolean).join(" "),
-    "aria-busy": showLoading ? true : void 0
-  };
-  const outerStyle = {
-    overflow: "hidden",
-    ...isHorizontal ? { width: thumbnailsContainerWidth, height: thumbCross ? "100%" : "auto" } : { height: thumbnailsContainerHeight, width: thumbLong ? "100%" : "auto" },
-    ...style || {}
-  };
-  const trackStyle = {
-    width: isHorizontal ? "100%" : thumbnailWidth ?? "100%",
-    height: isHorizontal ? thumbnailHeight ?? "100%" : "100%",
-    willChange: "transform",
-    backfaceVisibility: "hidden",
-    touchAction: "none",
-    visibility: isReady ? "visible" : "hidden"
-  };
-  const effectiveRippleEnabled = rippleEnabled !== false;
-  const effectiveRippleClass = rippleClassName && rippleClassName.trim().length > 0 ? rippleClassName : ThumbnailSlider_default.ripple;
-  const createRipple = useCallback((container) => {
-    if (!effectiveRippleEnabled || !container) return;
-    const old = container.querySelector("[data-rmg-ripple]");
-    if (old) old.remove();
-    const rect = container.getBoundingClientRect();
-    const diameter = Math.max(rect.width, rect.height);
-    const radius = diameter / 2;
-    const x = rect.width / 2 - radius;
-    const y = rect.height / 2 - radius;
-    const span = document.createElement("span");
-    span.setAttribute("data-rmg-ripple", "");
-    if (effectiveRippleClass) {
-      span.className = effectiveRippleClass;
-    }
-    span.style.width = `${diameter}px`;
-    span.style.height = `${diameter}px`;
-    span.style.left = `${x}px`;
-    span.style.top = `${y}px`;
-    container.appendChild(span);
-    span.addEventListener("animationend", () => span.remove(), { once: true });
-  }, [effectiveRippleEnabled, effectiveRippleClass]);
-  const arrowNodes = /* @__PURE__ */ jsx(
-    RmgArrows,
-    {
-      axisMain: AX.main,
-      clientKey: AX.clientKey,
-      wrap,
-      isRtl,
-      showArrows,
-      selectedIndex: selectedIndexRef.current,
-      slideCount: slidesRef.current?.length ?? 0,
-      measureRef: trackRef,
-      viewportMainSizeRef: sliderWidth,
-      previous,
-      next,
-      prevButtonRef,
-      nextButtonRef,
-      createRipple,
-      arrowStyles,
-      prevArrowStyles,
-      nextArrowStyles,
-      arrowClassName,
-      prevArrowClassName,
-      nextArrowClassName,
-      renderPrevArrow,
-      renderNextArrow,
-      renderArrows
-    }
-  );
-  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
-    arrowNodes,
-    /* @__PURE__ */ jsx("div", { ref: trackRef, style: trackStyle, children: introChildren })
-  ] });
-  const root = /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...baseContainerProps,
-      ref: containerRef,
-      id: scopeId,
-      "data-rmg-scope": scopeId,
-      className: [className, thumbnailsContainerClassName, baseContainerProps.className].filter(Boolean).join(" "),
-      style: {
-        ...outerStyle,
-        ...thumbnailsContainerStyle || {},
-        ...baseContainerProps.style || {},
-        ["--rmg-intro-stagger"]: `${normalizedIntro.staggerMs}ms`,
-        ["--rmg-intro-transform"]: `${normalizedIntro.transform}px`,
-        ["--rmg-intro-duration"]: `${normalizedIntro.durationMs}ms`,
-        ["--rmg-intro-easing"]: normalizedIntro.easing
-      },
-      children: [
-        loadingNode,
-        normalizedIntro.renderIntro ? normalizedIntro.renderIntro(
-          { active: isReady && inView, containerProps: baseContainerProps },
-          inner
-        ) : inner
-      ]
-    }
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    skeletonCss && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: skeletonCss } }),
-    root
-  ] });
-}
-
-export { Animations, BREAKPOINT_MAP, Counter, EventStore, FullscreenAxis, Limit, PanAxis, PercentOfView, RmgArrows, ScrollBody, ScrollBounds, ScrollLooper, ScrollTarget, ThumbnailSlider, Translate, TranslateFullscreen, Vector1D, buildScopedSkeletonCountCss, containTransformForRect, coverTransformForRect, createBaseLimit, createDragTracker, createIndexChannel, createSliderFullscreenIntroRunner, factorAbs, isMouseEvent, mathSign, objectFitContentRect, parseNumberLike, parseObjectPosition, resolveNumberFromResponsive, resolvePositionFromResponsive, runFullscreenIntro };
-//# sourceMappingURL=chunk-HOCUKMYX.mjs.map
-//# sourceMappingURL=chunk-HOCUKMYX.mjs.map