@xiping/react-components 1.0.70 → 1.0.77

package/dist/cjs/components/video-dialog/VideoDialog.js

@@ -1 +0,0 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./VideoDialog.css');const i=require("react/jsx-runtime"),p=require("react"),e=require("motion/react"),t=require("lucide-react"),m=require("clsx");;/* empty css                 */const x={"from-bottom":{initial:{y:"100%",opacity:0},animate:{y:0,opacity:1},exit:{y:"100%",opacity:0}},"from-center":{initial:{scale:.5,opacity:0},animate:{scale:1,opacity:1},exit:{scale:.5,opacity:0}},"from-top":{initial:{y:"-100%",opacity:0},animate:{y:0,opacity:1},exit:{y:"-100%",opacity:0}},"from-left":{initial:{x:"-100%",opacity:0},animate:{x:0,opacity:1},exit:{x:"-100%",opacity:0}},"from-right":{initial:{x:"100%",opacity:0},animate:{x:0,opacity:1},exit:{x:"100%",opacity:0}},fade:{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0}},"top-in-bottom-out":{initial:{y:"-100%",opacity:0},animate:{y:0,opacity:1},exit:{y:"100%",opacity:0}},"left-in-right-out":{initial:{x:"-100%",opacity:0},animate:{x:0,opacity:1},exit:{x:"100%",opacity:0}}};function y({animationStyle:o="from-center",videoSrc:n,thumbnailSrc:c,thumbnailAlt:l="Video thumbnail",className:s}){const[r,a]=p.useState(!1),d=x[o];return i.jsxs("div",{className:m("xiping-video-dialog",s),children:[i.jsxs("div",{className:"xiping-video-dialog-container",onClick:()=>a(!0),children:[i.jsx("img",{src:c,alt:l,width:1920,height:1080,className:"xiping-video-dialog-thumbnail"}),i.jsx("div",{className:"xiping-video-dialog-overlay",children:i.jsx("div",{className:"xiping-video-dialog-play-outer",children:i.jsx("div",{className:"xiping-video-dialog-play-inner",children:i.jsx(t.Play,{className:"xiping-video-dialog-play-icon"})})})})]}),i.jsx(e.AnimatePresence,{children:r&&i.jsx(e.motion.div,{initial:{opacity:0},animate:{opacity:1},onClick:()=>a(!1),exit:{opacity:0},className:"xiping-video-dialog-modal",children:i.jsxs(e.motion.div,{...d,transition:{type:"spring",damping:30,stiffness:300},className:"xiping-video-dialog-modal-content",children:[i.jsx(e.motion.button,{className:"xiping-video-dialog-close-button",children:i.jsx(t.XIcon,{className:"xiping-video-dialog-close-icon"})}),i.jsx("div",{className:"xiping-video-dialog-video-wrapper",children:i.jsx("iframe",{src:n,className:"xiping-video-dialog-iframe",allowFullScreen:!0,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"})})]})})})]})}exports.VideoDialog=y;

package/dist/cjs/components/video-subtitle-player/VideoSubtitlePlayer.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./VideoSubtitlePlayer.css');const b=require("react/jsx-runtime"),o=require("react"),y=require("react-device-detect"),M=require("./useVideoSubtitleStore.js"),W=require("./useXGPlayer.js"),j=require("./VideoSubtitlePlayerPC.js"),k=require("./VideoSubtitlePlayerMobile.js");;/* empty css                         */const m=({videoUrl:S,subtitles:r,poster:P,className:s="",style:a,onFetchDetail:e,forceLayout:n})=>{const l=o.useRef(null),C=n!==void 0?n==="mobile":y.isMobile||y.isTablet,{currentTime:u,setCurrentTime:f,setIsPlaying:q,setSubtitles:c,currentDetail:V,isLoadingDetail:v,fetchDetail:t}=M.useVideoSubtitleStore();o.useEffect(()=>{c(r)},[r,c]),W.useXGPlayer(l,S,P,{setCurrentTime:f,setIsPlaying:q},u);const d=o.useCallback(async i=>{e?await e(i):await t(i)},[e,t]),g=o.useCallback(async i=>{e?await e(i):await t(i)},[e,t]);return C?b.jsx(k.VideoSubtitlePlayerMobile,{playerRef:l,subtitles:r,currentTime:u,onWordHoverChange:d,onWordClick:g,className:s,style:a}):b.jsx(j.VideoSubtitlePlayerPC,{playerRef:l,subtitles:r,currentTime:u,currentDetail:V,isLoadingDetail:v,onWordHoverChange:d,className:s,style:a})};exports.VideoSubtitlePlayer=m;

package/dist/es/components/button/Button.js

@@ -1,72 +0,0 @@
-import { jsxs as o, jsx as n } from "react/jsx-runtime";
-import './Button.css';/* empty css           */
-const h = ({
-  variant: s = "primary",
-  size: r = "medium",
-  className: p,
-  children: c,
-  leftIcon: i,
-  rightIcon: e,
-  isLoading: t = !1,
-  isDisabled: l = !1,
-  fullWidth: a = !1,
-  type: u = "button",
-  ...x
-}) => {
-  const b = [
-    "xiping-button",
-    `xiping-button--${s}`,
-    `xiping-button--${r}`,
-    l && "xiping-button--disabled",
-    a && "xiping-button--full-width",
-    t && "xiping-button--loading",
-    p
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ o(
-    "button",
-    {
-      type: u,
-      className: b,
-      disabled: l || t,
-      ...x,
-      children: [
-        t && /* @__PURE__ */ o(
-          "svg",
-          {
-            className: "xiping-button__spinner",
-            xmlns: "http://www.w3.org/2000/svg",
-            fill: "none",
-            viewBox: "0 0 24 24",
-            children: [
-              /* @__PURE__ */ n(
-                "circle",
-                {
-                  className: "xiping-button__spinner-circle",
-                  cx: "12",
-                  cy: "12",
-                  r: "10",
-                  stroke: "currentColor",
-                  strokeWidth: "4"
-                }
-              ),
-              /* @__PURE__ */ n(
-                "path",
-                {
-                  className: "xiping-button__spinner-path",
-                  fill: "currentColor",
-                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                }
-              )
-            ]
-          }
-        ),
-        !t && i && /* @__PURE__ */ n("span", { className: "xiping-button__icon-left", children: i }),
-        c,
-        !t && e && /* @__PURE__ */ n("span", { className: "xiping-button__icon-right", children: e })
-      ]
-    }
-  );
-};
-export {
-  h as Button
-};

package/dist/es/components/comic-text/ComicText.js

@@ -1,52 +0,0 @@
-"use client";
-import { jsx as i } from "react/jsx-runtime";
-import { motion as n } from "motion/react";
-import p from "clsx";
-import './ComicText.css';/* empty css              */
-function d({
-  children: t,
-  className: e,
-  style: a,
-  fontSize: r = 5
-}) {
-  if (typeof t != "string")
-    throw new Error("children must be a string");
-  const o = "#EF4444";
-  return /* @__PURE__ */ i(
-    n.div,
-    {
-      className: p("xiping-comic-text", e),
-      style: {
-        fontSize: `${r}rem`,
-        fontFamily: "'Bangers', 'Comic Sans MS', 'Impact', sans-serif",
-        fontWeight: "900",
-        WebkitTextStroke: `${r * 0.35}px #000000`,
-        // Thick black outline
-        transform: "skewX(-10deg)",
-        textTransform: "uppercase",
-        filter: `
-          drop-shadow(5px 5px 0px #000000) 
-          drop-shadow(3px 3px 0px ${o})
-        `,
-        backgroundColor: "#FACC15",
-        backgroundImage: `radial-gradient(circle at 1px 1px, ${o} 1px, transparent 0)`,
-        backgroundSize: "8px 8px",
-        backgroundClip: "text",
-        WebkitBackgroundClip: "text",
-        WebkitTextFillColor: "transparent",
-        ...a
-      },
-      initial: { opacity: 0, scale: 0.8, rotate: -2 },
-      animate: { opacity: 1, scale: 1, rotate: 0 },
-      transition: {
-        duration: 0.6,
-        ease: [0.175, 0.885, 0.32, 1.275],
-        type: "spring"
-      },
-      children: t
-    }
-  );
-}
-export {
-  d as ComicText
-};

package/dist/es/components/dock/Duck.js

@@ -1,80 +0,0 @@
-"use client";
-import { jsx as g } from "react/jsx-runtime";
-import { useMotionValue as x, motion as I, useTransform as f, useSpring as A } from "motion/react";
-import r, { useRef as C } from "react";
-import k from "clsx";
-import './Duck.css';/* empty css         */
-const D = 40, y = 60, E = 140, h = r.forwardRef(
-  ({
-    className: o,
-    children: c,
-    iconSize: s = D,
-    iconMagnification: m = y,
-    iconDistance: a = E,
-    direction: t = "middle",
-    ...d
-  }, i) => {
-    const e = x(1 / 0), p = () => r.Children.map(c, (n) => r.isValidElement(n) && n.type === M ? r.cloneElement(n, {
-      ...n.props,
-      mouseX: e,
-      size: s,
-      magnification: m,
-      distance: a
-    }) : n);
-    return /* @__PURE__ */ g(
-      I.div,
-      {
-        ref: i,
-        onMouseMove: (n) => e.set(n.pageX),
-        onMouseLeave: () => e.set(1 / 0),
-        ...d,
-        className: k(
-          "xiping-dock",
-          t === "top" && "xiping-dock--top",
-          t === "bottom" && "xiping-dock--bottom",
-          t === "middle" && "xiping-dock--middle",
-          o
-        ),
-        children: p()
-      }
-    );
-  }
-);
-h.displayName = "Dock";
-const M = ({
-  size: o = D,
-  magnification: c = y,
-  distance: s = E,
-  mouseX: m,
-  className: a,
-  children: t,
-  ...d
-}) => {
-  const i = C(null), e = Math.max(6, o * 0.2), p = x(1 / 0), n = f(m ?? p, (T) => {
-    const l = i.current?.getBoundingClientRect() ?? { x: 0, width: 0 };
-    return T - l.x - l.width / 2;
-  }), N = f(
-    n,
-    [-s, 0, s],
-    [o, c, o]
-  ), u = A(N, {
-    mass: 0.1,
-    stiffness: 150,
-    damping: 12
-  });
-  return /* @__PURE__ */ g(
-    I.div,
-    {
-      ref: i,
-      style: { width: u, height: u, padding: e },
-      className: k("xiping-dock-icon", a),
-      ...d,
-      children: t
-    }
-  );
-};
-M.displayName = "DockIcon";
-export {
-  h as Dock,
-  M as DockIcon
-};

package/dist/es/components/flip-text/FlipText.js

@@ -1,38 +0,0 @@
-"use client";
-import { jsx as i } from "react/jsx-runtime";
-import { motion as d, AnimatePresence as h } from "motion/react";
-import f from "react";
-import x from "clsx";
-import './FlipText.css';/* empty css             */
-const u = {
-  hidden: { rotateX: -90, opacity: 0 },
-  visible: { rotateX: 0, opacity: 1 }
-};
-function A({
-  children: e,
-  duration: n = 0.5,
-  delayMultiple: a = 0.08,
-  className: o,
-  as: r = "span",
-  variants: c,
-  ...s
-}) {
-  const l = d.create(r), m = f.Children.toArray(e).join("").split("");
-  return /* @__PURE__ */ i("div", { className: "xiping-flip-container", children: /* @__PURE__ */ i(h, { mode: "wait", children: m.map((p, t) => /* @__PURE__ */ i(
-    l,
-    {
-      initial: "hidden",
-      animate: "visible",
-      exit: "hidden",
-      variants: c || u,
-      transition: { duration: n, delay: t * a },
-      className: x("xiping-flip-char", o),
-      ...s,
-      children: p
-    },
-    t
-  )) }) });
-}
-export {
-  A as FlipText
-};

package/dist/es/components/gradient-text/index.js

@@ -1,22 +0,0 @@
-import { jsxs as s, jsx as a } from "react/jsx-runtime";
-import f from "clsx";
-import './index.css';/* empty css          */
-function x({
-  children: i,
-  className: e = "",
-  colors: n = ["#40ffaa", "#4079ff", "#40ffaa", "#4079ff", "#40ffaa"],
-  animationSpeed: r = 8,
-  showBorder: o = !1
-}) {
-  const t = {
-    backgroundImage: `linear-gradient(to right, ${n.join(", ")})`,
-    animationDuration: `${r}s`
-  };
-  return /* @__PURE__ */ s("div", { className: f("xiping-gradient-text", e), children: [
-    o && /* @__PURE__ */ a("div", { className: "xiping-gradient-text__overlay", style: t }),
-    /* @__PURE__ */ a("div", { className: "xiping-gradient-text__content", style: t, children: i })
-  ] });
-}
-export {
-  x as GradientText
-};

package/dist/es/components/image-compare/ImageCompare.js

@@ -1,127 +0,0 @@
-import { jsxs as X, jsx as t } from "react/jsx-runtime";
-import w from "clsx";
-import { useState as N, useRef as r, useCallback as a, useEffect as S, useMemo as b } from "react";
-import './ImageCompare.css';/* empty css                 */
-const O = (I) => {
-  const {
-    originalImage: c,
-    modifiedImage: x,
-    className: $,
-    dividerWidth: l = 1,
-    originalLabel: P = "Original",
-    modifiedLabel: A = "Modified",
-    theme: M = "light"
-  } = I, [s, C] = N(50), [k, D] = N(16 / 9), h = r(null), d = r(!1), o = r(null), u = r(null), n = r(null), R = a((e) => {
-    if (!h.current) return;
-    (!u.current || !d.current) && (u.current = h.current.getBoundingClientRect());
-    const i = u.current, g = (e - i.left) / i.width * 100, p = Math.min(100, Math.max(0, g));
-    C(p);
-  }, []), m = a((e) => {
-    d.current && (o.current !== null && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-      R(e);
-    }));
-  }, [R]), L = a((e) => {
-    m(e.clientX);
-  }, [m]), E = a((e) => {
-    e.touches.length > 0 && m(e.touches[0].clientX);
-  }, [m]), y = a(() => {
-    d.current = !0, u.current = null;
-    const e = (f) => L(f), i = (f) => E(f), v = () => {
-      d.current = !1, o.current !== null && (cancelAnimationFrame(o.current), o.current = null), n.current && (n.current(), n.current = null);
-    }, g = () => v(), p = () => v();
-    window.addEventListener("mousemove", e), window.addEventListener("touchmove", i, { passive: !1 }), window.addEventListener("mouseup", g), window.addEventListener("touchend", p);
-    const F = () => {
-      window.removeEventListener("mousemove", e), window.removeEventListener("touchmove", i), window.removeEventListener("mouseup", g), window.removeEventListener("touchend", p);
-    };
-    n.current = F;
-  }, [L, E]);
-  S(() => () => {
-    n.current && (n.current(), n.current = null);
-  }, []), S(() => {
-    const e = new Image();
-    e.onload = () => {
-      D(e.width / e.height);
-    }, e.src = c;
-  }, [c]);
-  const G = b(
-    () => ({
-      backgroundRepeat: "no-repeat",
-      backgroundPosition: "top left",
-      backgroundImage: `url(${c})`,
-      backgroundSize: "contain",
-      aspectRatio: k
-    }),
-    [c, k]
-  ), T = b(
-    () => ({
-      width: `${s}%`,
-      backgroundImage: `url(${x})`,
-      backgroundRepeat: "no-repeat",
-      backgroundPosition: "top left",
-      backgroundSize: "auto 100%"
-    }),
-    [s, x]
-  ), j = b(
-    () => ({
-      left: `${s}%`,
-      transform: "translateX(-50%)",
-      width: typeof l == "number" ? `${l}px` : l
-    }),
-    [s, l]
-  );
-  return /* @__PURE__ */ X(
-    "div",
-    {
-      ref: h,
-      className: w("xiping-image-compare-container", $),
-      style: G,
-      children: [
-        /* @__PURE__ */ t("div", { className: "xiping-image-compare-label xiping-image-compare-label-original", children: P }),
-        /* @__PURE__ */ t(
-          "div",
-          {
-            className: "xiping-image-compare-overlay",
-            style: T,
-            children: /* @__PURE__ */ t("div", { className: "xiping-image-compare-label xiping-image-compare-label-modified", children: A })
-          }
-        ),
-        /* @__PURE__ */ t(
-          "div",
-          {
-            className: w(
-              "xiping-image-compare-divider",
-              `xiping-image-compare-divider-theme-${M}`
-            ),
-            style: j,
-            onMouseDown: y,
-            onTouchStart: y,
-            children: /* @__PURE__ */ t("div", { className: w(
-              "xiping-image-compare-divider-button",
-              `xiping-image-compare-divider-button-theme-${M}`
-            ), children: /* @__PURE__ */ t(
-              "svg",
-              {
-                className: "xiping-image-compare-divider-icon",
-                fill: "none",
-                stroke: "currentColor",
-                viewBox: "0 0 24 24",
-                children: /* @__PURE__ */ t(
-                  "path",
-                  {
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round",
-                    strokeWidth: 2,
-                    d: "M8 9l4-4 4 4m0 6l-4 4-4-4"
-                  }
-                )
-              }
-            ) })
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  O as default
-};

package/dist/es/components/image-viewer/ImageThumbnails.js

@@ -1,73 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useScroll as f, motion as h, useMotionValue as b, useMotionValueEvent as x, animate as r } from "motion/react";
-import { size as v } from "lodash-es";
-import { useRef as I } from "react";
-import g from "clsx";
-import './ImageThumbnails.css';/* empty css                    */
-const $ = "0%", N = "100%", u = "20%", l = "80%", a = "#0000", e = "#000";
-function k(i) {
-  const n = b(
-    `linear-gradient(90deg, ${e}, ${e} ${$}, ${e} ${l}, ${a})`
-  );
-  return x(i, "change", (s) => {
-    s === 0 ? r(
-      n,
-      `linear-gradient(90deg, ${e}, ${e} ${$}, ${e} ${l}, ${a})`
-    ) : s === 1 ? r(
-      n,
-      `linear-gradient(90deg, ${a}, ${e} ${u}, ${e} ${N}, ${e})`
-    ) : (i.getPrevious() === 0 || i.getPrevious() === 1) && r(
-      n,
-      `linear-gradient(90deg, ${a}, ${e} ${u}, ${e} ${l}, ${a})`
-    );
-  }), n;
-}
-const q = ({
-  images: i,
-  currentIndex: n,
-  onImageSelect: s
-}) => {
-  const o = I(null), { scrollXProgress: p } = f({ container: o }), d = k(p);
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      className: g(
-        "xiping-thumbnails-wrapper",
-        v(i) <= 1 && "xiping-thumbnails-wrapper--hidden"
-      ),
-      children: /* @__PURE__ */ t(
-        h.div,
-        {
-          ref: o,
-          style: {
-            maskImage: d
-          },
-          className: "xiping-thumbnails-scroll",
-          children: /* @__PURE__ */ t("div", { className: "xiping-thumbnails-container", children: i.map((m, c) => /* @__PURE__ */ t(
-            "div",
-            {
-              className: g(
-                "xiping-thumbnail-item",
-                c === n && "xiping-thumbnail-item--active"
-              ),
-              onClick: () => s(c),
-              children: /* @__PURE__ */ t(
-                "img",
-                {
-                  src: m,
-                  alt: "",
-                  className: "xiping-thumbnail-image",
-                  draggable: "false"
-                }
-              )
-            },
-            m
-          )) })
-        }
-      )
-    }
-  );
-};
-export {
-  q as default
-};

package/dist/es/components/image-viewer/ImageViewer.js

@@ -1,141 +0,0 @@
-"use client";
-import { jsx as n, jsxs as f } from "react/jsx-runtime";
-import { Modal as z, ModalContent as O, Spinner as S } from "@heroui/react";
-import P from "../pinch-content/PinchContent.js";
-import V from "./ImageThumbnails.js";
-import { useState as v, useCallback as b, useEffect as x } from "react";
-import d from "clsx";
-import { Download as X, X as B } from "lucide-react";
-import { AnimatePresence as K, motion as W } from "motion/react";
-import './ImageViewer.css';/* empty css                */
-const C = (l) => {
-  l.target.closest(".xiping-main-content") && l.preventDefault();
-}, $ = (l) => {
-  const {
-    isOpen: a,
-    onClose: w,
-    imgSrc: g,
-    thumbnailImages: N,
-    canDownload: y = !1,
-    wrapperClassName: I,
-    closeClassName: E,
-    downloadClassName: L,
-    toolWrapperClassName: k,
-    initialIndex: D = 0
-  } = l, o = Array.isArray(g) ? g : [g], A = N || o, R = Math.max(
-    0,
-    Math.min(D, o.length - 1)
-  ), [c, p] = v(R), [M, u] = v(!0), m = b(() => {
-    u(!0), w();
-  }, [w]), T = async () => {
-    const i = o[c];
-    try {
-      const r = await (await fetch(i)).blob(), e = window.URL.createObjectURL(r), s = document.createElement("a");
-      s.href = e, s.download = i.split("/").pop() || "image", document.body.appendChild(s), s.click(), window.URL.revokeObjectURL(e), document.body.removeChild(s);
-    } catch (t) {
-      console.error("Error downloading image:", t);
-    }
-  }, U = () => {
-    u(!1);
-  }, j = () => {
-    u(!1);
-  };
-  x(() => {
-    if (a)
-      return document.addEventListener("touchmove", C, {
-        passive: !1
-      }), () => {
-        document.removeEventListener("touchmove", C);
-      };
-  }, [a]);
-  const h = b(() => {
-    "vibrate" in navigator && navigator.vibrate([50, 50, 50]);
-  }, []);
-  return x(() => {
-    if (!a) return;
-    const i = (t) => {
-      const r = t.target;
-      if (!(r.tagName === "INPUT" || r.tagName === "TEXTAREA" || r.isContentEditable))
-        switch (t.key) {
-          case "ArrowLeft":
-            t.preventDefault(), p((e) => e > 0 ? e - 1 : (h(), e));
-            break;
-          case "ArrowRight":
-            t.preventDefault(), p((e) => e < o.length - 1 ? e + 1 : (h(), e));
-            break;
-          case "Escape":
-            t.preventDefault(), m();
-            break;
-        }
-    };
-    return document.addEventListener("keydown", i), () => {
-      document.removeEventListener("keydown", i);
-    };
-  }, [a, o.length, m, h]), /* @__PURE__ */ n(
-    z,
-    {
-      isOpen: a,
-      size: "full",
-      onClose: m,
-      classNames: {
-        wrapper: d(I)
-      },
-      className: "xiping-modal-overlay",
-      hideCloseButton: !0,
-      portalContainer: document.body,
-      children: /* @__PURE__ */ n(O, { className: "xiping-modal-content", children: /* @__PURE__ */ f("div", { className: "xiping-wrapper", children: [
-        /* @__PURE__ */ f("div", { className: d("xiping-tool-wrapper", k), children: [
-          y && /* @__PURE__ */ n(
-            X,
-            {
-              size: 24,
-              className: d("xiping-download-icon", L),
-              onClick: T
-            }
-          ),
-          /* @__PURE__ */ n(
-            B,
-            {
-              size: 24,
-              className: d("xiping-close-icon", E),
-              onClick: m
-            }
-          )
-        ] }),
-        /* @__PURE__ */ f("div", { className: "xiping-main-content", children: [
-          /* @__PURE__ */ n(P, { canRotate: !1, className: "xiping-pinch-content", children: /* @__PURE__ */ n(K, { mode: "wait", children: /* @__PURE__ */ n(
-            W.img,
-            {
-              draggable: "false",
-              src: o[c],
-              alt: "",
-              className: "xiping-image",
-              onLoad: U,
-              onError: j,
-              initial: { opacity: 0, scale: 0.95 },
-              animate: { opacity: 1, scale: 1 },
-              exit: { opacity: 0, scale: 1.05 },
-              transition: {
-                duration: 0.3,
-                ease: "easeInOut"
-              }
-            },
-            c
-          ) }) }),
-          M && /* @__PURE__ */ n("div", { className: "xiping-loading", children: /* @__PURE__ */ n(S, { color: "white", size: "lg" }) })
-        ] }),
-        /* @__PURE__ */ n(
-          V,
-          {
-            images: A,
-            currentIndex: c,
-            onImageSelect: p
-          }
-        )
-      ] }) })
-    }
-  );
-};
-export {
-  $ as default
-};