@xiping/react-components 1.0.70 → 1.0.77

package/dist/es/components/message/Message.js

@@ -1,220 +0,0 @@
-import { jsxs as i, jsx as e, Fragment as b } from "react/jsx-runtime";
-import { useState as y } from "react";
-import a from "react-markdown";
-import o from "clsx";
-import './Message.css';/* empty css            */
-const E = ({
-  id: j,
-  content: d,
-  sender: n,
-  timestamp: c,
-  isThinking: g = !1,
-  isLoading: V = !1,
-  className: B = "",
-  style: H = {},
-  showTimestamp: m = !0,
-  avatarUser: h,
-  avatarAssistant: p,
-  thinkingText: M = "思考中...",
-  customThinkingComponent: _,
-  customUserMessageComponent: u,
-  customAssistantMessageComponent: x,
-  parseContent: W = !1,
-  parsedContent: k,
-  thinkContent: t,
-  knowledgeSources: l
-}) => {
-  const [r, v] = y(!0), [I, N] = y("idle");
-  console.log(j, "id");
-  const w = (s) => s.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }), S = async () => {
-    try {
-      await navigator.clipboard.writeText(d), N("copied"), setTimeout(() => N("idle"), 2e3);
-    } catch (s) {
-      console.error("复制失败:", s);
-    }
-  }, f = () => _ || /* @__PURE__ */ i("div", { className: "xiping-message__thinking", children: [
-    /* @__PURE__ */ i("div", { className: "xiping-message__thinking-dots", children: [
-      /* @__PURE__ */ e("span", {}),
-      /* @__PURE__ */ e("span", {}),
-      /* @__PURE__ */ e("span", {})
-    ] }),
-    /* @__PURE__ */ e("span", { className: "xiping-message__thinking-text", children: M })
-  ] }), F = () => /* @__PURE__ */ e("div", { className: "xiping-message__loading", children: /* @__PURE__ */ e("div", { className: "xiping-message__loading-spinner" }) }), C = () => !l || l.length === 0 ? null : /* @__PURE__ */ i("div", { className: "xiping-message__knowledge-sources", children: [
-    /* @__PURE__ */ e("div", { className: "xiping-message__knowledge-sources-header", children: "知识来源：" }),
-    /* @__PURE__ */ e("ul", { className: "xiping-message__knowledge-sources-list", children: l.map((s, K) => /* @__PURE__ */ i("li", { className: "xiping-message__knowledge-source-item", children: [
-      s.url ? /* @__PURE__ */ e("a", { href: s.url, target: "_blank", rel: "noopener noreferrer", children: s.title }) : /* @__PURE__ */ e("span", { children: s.title }),
-      s.description && /* @__PURE__ */ e("div", { className: "xiping-message__knowledge-source-description", children: s.description })
-    ] }, K)) })
-  ] }), L = () => n === "user" ? null : /* @__PURE__ */ i(
-    "button",
-    {
-      className: "xiping-message__copy-button",
-      onClick: S,
-      "aria-label": "Copy message",
-      title: "Copy message",
-      children: [
-        /* @__PURE__ */ i(
-          "svg",
-          {
-            width: "14",
-            height: "14",
-            viewBox: "0 0 16 16",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: [
-              /* @__PURE__ */ e(
-                "path",
-                {
-                  d: "M13.3333 6H7.33333C6.59695 6 6 6.59695 6 7.33333V13.3333C6 14.0697 6.59695 14.6667 7.33333 14.6667H13.3333C14.0697 14.6667 14.6667 14.0697 14.6667 13.3333V7.33333C14.6667 6.59695 14.0697 6 13.3333 6Z",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              ),
-              /* @__PURE__ */ e(
-                "path",
-                {
-                  d: "M3.33333 10H2.66667C2.31305 10 1.97391 9.85953 1.72386 9.60948C1.47381 9.35943 1.33334 9.02029 1.33334 8.66667V2.66667C1.33334 2.31305 1.47381 1.97391 1.72386 1.72386C1.97391 1.47381 2.31305 1.33334 2.66667 1.33334H8.66667C9.02029 1.33334 9.35943 1.47381 9.60948 1.72386C9.85953 1.97391 10 2.31305 10 2.66667V3.33334",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            ]
-          }
-        ),
-        I === "copied" && /* @__PURE__ */ e("span", { className: "xiping-message__copy-tooltip", children: "Copied" })
-      ]
-    }
-  );
-  return n === "user" && u ? u : n === "assistant" && x ? x : /* @__PURE__ */ i(
-    "div",
-    {
-      className: o(
-        "xiping-message",
-        n === "user" ? "user" : "assistant",
-        B
-      ),
-      style: H,
-      children: [
-        n === "user" && h || n === "assistant" && p ? /* @__PURE__ */ e("div", { className: "xiping-message__avatar", children: n === "user" ? h : p }) : null,
-        /* @__PURE__ */ e("div", { className: "xiping-message__content", children: V ? F() : W && n === "assistant" ? /* @__PURE__ */ i(b, { children: [
-          t && /* @__PURE__ */ i("div", { className: "xiping-message__think", children: [
-            /* @__PURE__ */ i("div", { className: "xiping-message__think-header", children: [
-              "思考过程：",
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  className: "xiping-message__think-toggle",
-                  onClick: () => v(!r),
-                  "aria-label": r ? "隐藏思考过程" : "显示思考过程",
-                  children: /* @__PURE__ */ e(
-                    "svg",
-                    {
-                      width: "12",
-                      height: "12",
-                      viewBox: "0 0 12 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: {
-                        transform: r ? "rotate(180deg)" : "rotate(0deg)",
-                        transition: "transform 0.3s ease"
-                      },
-                      children: /* @__PURE__ */ e(
-                        "path",
-                        {
-                          d: "M2 4L6 8L10 4",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: o(
-                  "xiping-message__think-content",
-                  r ? "visible" : "hidden"
-                ),
-                children: /* @__PURE__ */ e(a, { children: t })
-              }
-            )
-          ] }),
-          g && f(),
-          k && /* @__PURE__ */ i("div", { className: "xiping-message__text-container", children: [
-            /* @__PURE__ */ e("div", { className: "xiping-message__text", children: /* @__PURE__ */ e(a, { children: k }) }),
-            L()
-          ] }),
-          C(),
-          m && /* @__PURE__ */ e("div", { className: "xiping-message__timestamp", children: w(c) })
-        ] }) : /* @__PURE__ */ i(b, { children: [
-          t && /* @__PURE__ */ i("div", { className: "xiping-message__think", children: [
-            /* @__PURE__ */ i("div", { className: "xiping-message__think-header", children: [
-              "思考过程：",
-              /* @__PURE__ */ e(
-                "button",
-                {
-                  className: "xiping-message__think-toggle",
-                  onClick: () => v(!r),
-                  "aria-label": r ? "隐藏思考过程" : "显示思考过程",
-                  children: /* @__PURE__ */ e(
-                    "svg",
-                    {
-                      width: "12",
-                      height: "12",
-                      viewBox: "0 0 12 12",
-                      fill: "none",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      style: {
-                        transform: r ? "rotate(180deg)" : "rotate(0deg)",
-                        transition: "transform 0.3s ease"
-                      },
-                      children: /* @__PURE__ */ e(
-                        "path",
-                        {
-                          d: "M2 4L6 8L10 4",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      )
-                    }
-                  )
-                }
-              )
-            ] }),
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: o(
-                  "xiping-message__think-content",
-                  r ? "visible" : "hidden"
-                ),
-                children: /* @__PURE__ */ e(a, { children: t })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ i("div", { className: "xiping-message__text-container", children: [
-            /* @__PURE__ */ e("div", { className: "xiping-message__text", children: /* @__PURE__ */ e(a, { children: d }) }),
-            L()
-          ] }),
-          g && f(),
-          C(),
-          m && /* @__PURE__ */ e("div", { className: "xiping-message__timestamp", children: w(c) })
-        ] }) })
-      ]
-    }
-  );
-};
-export {
-  E as Message
-};

package/dist/es/components/pointer/Pointer.js

@@ -1,75 +0,0 @@
-"use client";
-import { jsxs as h, Fragment as x, jsx as t } from "react/jsx-runtime";
-import { useMotionValue as m, AnimatePresence as E, motion as L } from "motion/react";
-import { useState as w, useRef as y, useEffect as g } from "react";
-import M from "clsx";
-import './Pointer.css';/* empty css            */
-function P({
-  className: u,
-  style: v,
-  children: d,
-  ...p
-}) {
-  const n = m(0), o = m(0), [f, s] = w(!1), r = y(null);
-  return g(() => {
-    if (typeof window < "u" && r.current) {
-      const e = r.current.parentElement;
-      if (e) {
-        e.style.cursor = "none";
-        const i = (l) => {
-          n.set(l.clientX), o.set(l.clientY);
-        }, c = () => {
-          s(!0);
-        }, a = () => {
-          s(!1);
-        };
-        return e.addEventListener("mousemove", i), e.addEventListener("mouseenter", c), e.addEventListener("mouseleave", a), () => {
-          e.style.cursor = "", e.removeEventListener("mousemove", i), e.removeEventListener("mouseenter", c), e.removeEventListener("mouseleave", a);
-        };
-      }
-    }
-  }, [n, o]), /* @__PURE__ */ h(x, { children: [
-    /* @__PURE__ */ t("div", { ref: r }),
-    /* @__PURE__ */ t(E, { children: f && /* @__PURE__ */ t(
-      L.div,
-      {
-        className: M("xiping-pointer", u),
-        style: {
-          top: o,
-          left: n,
-          ...v
-        },
-        initial: {
-          scale: 0,
-          opacity: 0
-        },
-        animate: {
-          scale: 1,
-          opacity: 1
-        },
-        exit: {
-          scale: 0,
-          opacity: 0
-        },
-        ...p,
-        children: d || /* @__PURE__ */ t(
-          "svg",
-          {
-            stroke: "currentColor",
-            fill: "currentColor",
-            strokeWidth: "1",
-            viewBox: "0 0 16 16",
-            height: "24",
-            width: "24",
-            xmlns: "http://www.w3.org/2000/svg",
-            className: "xiping-pointer-icon",
-            children: /* @__PURE__ */ t("path", { d: "M14.082 2.182a.5.5 0 0 1 .103.557L8.528 15.467a.5.5 0 0 1-.917-.007L5.57 10.694.803 8.652a.5.5 0 0 1-.006-.916l12.728-5.657a.5.5 0 0 1 .556.103z" })
-          }
-        )
-      }
-    ) })
-  ] });
-}
-export {
-  P as Pointer
-};

package/dist/es/components/scratch-to-reveal/ScratchToReveal.js

@@ -1,97 +0,0 @@
-"use client";
-import { jsxs as P, jsx as R } from "react/jsx-runtime";
-import { useAnimation as z, motion as A } from "motion/react";
-import { useRef as b, useState as I, useEffect as x } from "react";
-import j from "clsx";
-import './ScratchToReveal.css';/* empty css                    */
-const T = ({
-  width: m,
-  height: l,
-  minScratchPercentage: E = 50,
-  onComplete: h,
-  children: L,
-  className: M,
-  gradientColors: a = ["#A97CF8", "#F38CB8", "#FDCC92"]
-}) => {
-  const i = b(null), [d, r] = I(!1), [S, C] = I(!1), v = z();
-  x(() => {
-    const t = i.current, e = t?.getContext("2d");
-    if (t && e) {
-      e.fillStyle = "#ccc", e.fillRect(0, 0, t.width, t.height);
-      const o = e.createLinearGradient(
-        0,
-        0,
-        t.width,
-        t.height
-      );
-      o.addColorStop(0, a[0]), o.addColorStop(0.5, a[1]), o.addColorStop(1, a[2]), e.fillStyle = o, e.fillRect(0, 0, t.width, t.height);
-    }
-  }, [a]), x(() => {
-    const t = (c) => {
-      d && f(c.clientX, c.clientY);
-    }, e = (c) => {
-      if (!d) return;
-      const s = c.touches[0];
-      f(s.clientX, s.clientY);
-    }, o = () => {
-      r(!1), g();
-    }, n = () => {
-      r(!1), g();
-    };
-    return document.addEventListener("mousedown", t), document.addEventListener("mousemove", t), document.addEventListener("touchstart", e), document.addEventListener("touchmove", e), document.addEventListener("mouseup", o), document.addEventListener("touchend", n), document.addEventListener("touchcancel", n), () => {
-      document.removeEventListener("mousedown", t), document.removeEventListener("mousemove", t), document.removeEventListener("touchstart", e), document.removeEventListener("touchmove", e), document.removeEventListener("mouseup", o), document.removeEventListener("touchend", n), document.removeEventListener("touchcancel", n);
-    };
-  }, [d]);
-  const D = () => r(!0), w = () => r(!0), f = (t, e) => {
-    const o = i.current, n = o?.getContext("2d");
-    if (o && n) {
-      const c = o.getBoundingClientRect(), s = t - c.left + 16, p = e - c.top + 16;
-      n.globalCompositeOperation = "destination-out", n.beginPath(), n.arc(s, p, 30, 0, Math.PI * 2), n.fill();
-    }
-  }, y = async () => {
-    await v.start({
-      scale: [1, 1.5, 1],
-      rotate: [0, 10, -10, 10, -10, 0],
-      transition: { duration: 0.5 }
-    }), h && h();
-  }, g = () => {
-    if (S) return;
-    const t = i.current, e = t?.getContext("2d");
-    if (t && e) {
-      const n = e.getImageData(0, 0, t.width, t.height).data, c = n.length / 4;
-      let s = 0;
-      for (let u = 3; u < n.length; u += 4)
-        n[u] === 0 && s++;
-      s / c * 100 >= E && (C(!0), e.clearRect(0, 0, t.width, t.height), y());
-    }
-  };
-  return /* @__PURE__ */ P(
-    A.div,
-    {
-      className: j("xiping-scratch-to-reveal", M),
-      style: {
-        width: m,
-        height: l,
-        cursor: "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNSIgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MXB4OyIgLz4KPC9zdmc+'), auto"
-      },
-      animate: v,
-      children: [
-        /* @__PURE__ */ R(
-          "canvas",
-          {
-            ref: i,
-            width: m,
-            height: l,
-            className: "xiping-scratch-canvas",
-            onMouseDown: D,
-            onTouchStart: w
-          }
-        ),
-        L
-      ]
-    }
-  );
-};
-export {
-  T as ScratchToReveal
-};

package/dist/es/components/shimmer-button/ShimmerButton.js

@@ -1,42 +0,0 @@
-import { jsxs as c, jsx as i } from "react/jsx-runtime";
-import d from "react";
-import h from "clsx";
-import './ShimmerButton.css';/* empty css                  */
-const l = d.forwardRef(
-  ({
-    shimmerColor: r = "#ffffff",
-    shimmerSize: s = "0.05em",
-    shimmerDuration: e = "3s",
-    borderRadius: m = "100px",
-    background: t = "rgba(0, 0, 0, 1)",
-    className: a,
-    children: o,
-    ...n
-  }, p) => /* @__PURE__ */ c(
-    "button",
-    {
-      style: {
-        "--spread": "90deg",
-        "--shimmer-color": r,
-        "--radius": m,
-        "--speed": e,
-        "--cut": s,
-        "--bg": t
-      },
-      className: h("xiping-shimmer-button", a),
-      ref: p,
-      ...n,
-      children: [
-        /* @__PURE__ */ i("div", { className: "xiping-shimmer-button-spark-container", children: /* @__PURE__ */ i("div", { className: "xiping-shimmer-button-spark", children: /* @__PURE__ */ i("div", { className: "xiping-shimmer-button-spark-before" }) }) }),
-        o,
-        /* @__PURE__ */ i("div", { className: "xiping-shimmer-button-highlight" }),
-        /* @__PURE__ */ i("div", { className: "xiping-shimmer-button-backdrop" })
-      ]
-    }
-  )
-);
-l.displayName = "ShimmerButton";
-export {
-  l as ShimmerButton,
-  l as default
-};

package/dist/es/components/shiny-button/ShinyButton.js

@@ -1,61 +0,0 @@
-"use client";
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { motion as s } from "motion/react";
-import o from "react";
-import l from "clsx";
-import './ShinyButton.css';/* empty css                */
-const p = {
-  initial: { "--x": "100%", scale: 0.8 },
-  animate: { "--x": "-100%", scale: 1 },
-  whileTap: { scale: 0.95 },
-  transition: {
-    repeat: 1 / 0,
-    repeatType: "loop",
-    repeatDelay: 1,
-    type: "spring",
-    stiffness: 20,
-    damping: 15,
-    mass: 2,
-    scale: {
-      type: "spring",
-      stiffness: 200,
-      damping: 5,
-      mass: 0.5
-    }
-  }
-}, c = o.forwardRef(({ children: r, className: e, ...i }, n) => /* @__PURE__ */ t(
-  s.button,
-  {
-    ref: n,
-    className: l("xiping-shiny-button", e),
-    ...p,
-    ...i,
-    children: [
-      /* @__PURE__ */ a(
-        "span",
-        {
-          className: "xiping-shiny-button-text",
-          style: {
-            maskImage: "linear-gradient(-75deg,var(--primary) calc(var(--x) + 20%),transparent calc(var(--x) + 30%),var(--primary) calc(var(--x) + 100%))"
-          },
-          children: r
-        }
-      ),
-      /* @__PURE__ */ a(
-        "span",
-        {
-          style: {
-            mask: "linear-gradient(rgb(0,0,0), rgb(0,0,0)) content-box exclude,linear-gradient(rgb(0,0,0), rgb(0,0,0))",
-            WebkitMask: "linear-gradient(rgb(0,0,0), rgb(0,0,0)) content-box exclude,linear-gradient(rgb(0,0,0), rgb(0,0,0))",
-            backgroundImage: "linear-gradient(-75deg,var(--primary)/10% calc(var(--x)+20%),var(--primary)/50% calc(var(--x)+25%),var(--primary)/10% calc(var(--x)+100%))"
-          },
-          className: "xiping-shiny-button-border"
-        }
-      )
-    ]
-  }
-));
-c.displayName = "ShinyButton";
-export {
-  c as ShinyButton
-};

package/dist/es/components/shiny-text/ShinyText.js

@@ -1,76 +0,0 @@
-import { jsx as L } from "react/jsx-runtime";
-import { useState as W, useRef as d, useEffect as j, useCallback as y } from "react";
-import { useMotionValue as v, useAnimationFrame as z, useTransform as A, motion as B } from "motion/react";
-import './ShinyText.css';/* empty css              */
-const G = ({
-  text: T,
-  disabled: k = !1,
-  speed: $ = 2,
-  className: x = "",
-  color: u = "#b5b5b5",
-  shineColor: h = "#ffffff",
-  spread: C = 120,
-  yoyo: M = !1,
-  pauseOnHover: l = !1,
-  direction: f = "left",
-  delay: D = 0
-}) => {
-  const [R, p] = W(!1), e = v(0), a = d(0), c = d(null), r = d(f === "left" ? 1 : -1), t = $ * 1e3, b = D * 1e3;
-  z((o) => {
-    if (k || R) {
-      c.current = null;
-      return;
-    }
-    if (c.current === null) {
-      c.current = o;
-      return;
-    }
-    const I = o - c.current;
-    if (c.current = o, a.current += I, M) {
-      const s = t + b, i = s * 2, n = a.current % i;
-      if (n < t) {
-        const m = n / t * 100;
-        e.set(r.current === 1 ? m : 100 - m);
-      } else if (n < s)
-        e.set(r.current === 1 ? 100 : 0);
-      else if (n < s + t) {
-        const g = 100 - (n - s) / t * 100;
-        e.set(r.current === 1 ? g : 100 - g);
-      } else
-        e.set(r.current === 1 ? 0 : 100);
-    } else {
-      const s = t + b, i = a.current % s;
-      if (i < t) {
-        const n = i / t * 100;
-        e.set(r.current === 1 ? n : 100 - n);
-      } else
-        e.set(r.current === 1 ? 100 : 0);
-    }
-  }), j(() => {
-    r.current = f === "left" ? 1 : -1, a.current = 0, e.set(0);
-  }, [f]);
-  const S = A(e, (o) => `${150 - o * 2}% center`), E = y(() => {
-    l && p(!0);
-  }, [l]), P = y(() => {
-    l && p(!1);
-  }, [l]), F = {
-    backgroundImage: `linear-gradient(${C}deg, ${u} 0%, ${u} 35%, ${h} 50%, ${u} 65%, ${u} 100%)`,
-    backgroundSize: "200% auto",
-    WebkitBackgroundClip: "text",
-    backgroundClip: "text",
-    WebkitTextFillColor: "transparent"
-  };
-  return /* @__PURE__ */ L(
-    B.span,
-    {
-      className: `shiny-text ${x}`,
-      style: { ...F, backgroundPosition: S },
-      onMouseEnter: E,
-      onMouseLeave: P,
-      children: T
-    }
-  );
-};
-export {
-  G as default
-};

package/dist/es/components/sparkles-text/SparklesText.js

@@ -1,71 +0,0 @@
-"use client";
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import { motion as k } from "motion/react";
-import { useState as L, useEffect as S } from "react";
-import y from "clsx";
-import './SparklesText.css';/* empty css                 */
-const M = ({ id: i, x: t, y: o, color: s, delay: l, scale: c }) => /* @__PURE__ */ r(
-  k.svg,
-  {
-    className: "xiping-sparkle",
-    initial: { opacity: 0, left: t, top: o },
-    animate: {
-      opacity: [0, 1, 0],
-      scale: [0, c, 0],
-      rotate: [75, 120, 150]
-    },
-    transition: { duration: 0.8, repeat: 1 / 0, delay: l },
-    width: "21",
-    height: "21",
-    viewBox: "0 0 21 21",
-    children: /* @__PURE__ */ r(
-      "path",
-      {
-        d: "M9.82531 0.843845C10.0553 0.215178 10.9446 0.215178 11.1746 0.843845L11.8618 2.72026C12.4006 4.19229 12.3916 6.39157 13.5 7.5C14.6084 8.60843 16.8077 8.59935 18.2797 9.13822L20.1561 9.82534C20.7858 10.0553 20.7858 10.9447 20.1561 11.1747L18.2797 11.8618C16.8077 12.4007 14.6084 12.3916 13.5 13.5C12.3916 14.6084 12.4006 16.8077 11.8618 18.2798L11.1746 20.1562C10.9446 20.7858 10.0553 20.7858 9.82531 20.1562L9.13819 18.2798C8.59932 16.8077 8.60843 14.6084 7.5 13.5C6.39157 12.3916 4.19225 12.4007 2.72023 11.8618L0.843814 11.1747C0.215148 10.9447 0.215148 10.0553 0.843814 9.82534L2.72023 9.13822C4.19225 8.59935 6.39157 8.60843 7.5 7.5C8.60843 6.39157 8.59932 4.19229 9.13819 2.72026L9.82531 0.843845Z",
-        fill: s
-      }
-    )
-  },
-  i
-), I = ({
-  children: i,
-  colors: t = { first: "#9E7AFF", second: "#FE8BBB" },
-  className: o,
-  sparklesCount: s = 10,
-  ...l
-}) => {
-  const [c, p] = L([]);
-  return S(() => {
-    const n = () => {
-      const e = `${Math.random() * 100}%`, a = `${Math.random() * 100}%`, h = Math.random() > 0.5 ? t.first : t.second, x = Math.random() * 2, C = Math.random() * 1 + 0.3, u = Math.random() * 10 + 5;
-      return { id: `${e}-${a}-${Date.now()}`, x: e, y: a, color: h, delay: x, scale: C, lifespan: u };
-    }, d = () => {
-      const e = Array.from({ length: s }, n);
-      p(e);
-    }, m = () => {
-      p(
-        (e) => e.map((a) => a.lifespan <= 0 ? n() : { ...a, lifespan: a.lifespan - 0.1 })
-      );
-    };
-    d();
-    const f = setInterval(m, 100);
-    return () => clearInterval(f);
-  }, [t.first, t.second, s]), /* @__PURE__ */ r(
-    "div",
-    {
-      className: y("xiping-sparkles-text", o),
-      ...l,
-      style: {
-        "--sparkles-first-color": `${t.first}`,
-        "--sparkles-second-color": `${t.second}`
-      },
-      children: /* @__PURE__ */ g("span", { className: "xiping-sparkles-text-wrapper", children: [
-        c.map((n) => /* @__PURE__ */ r(M, { ...n }, n.id)),
-        /* @__PURE__ */ r("strong", { children: i })
-      ] })
-    }
-  );
-};
-export {
-  I as SparklesText
-};