beatsaber-bot-core 0.2.0-rc.8 → 0.3.0-rc.1

package/dist/esm/components/components/skill-graph.js

@@ -1,4 +1,3 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const getPoint = (center, edgePoint, edgeFactor, pointFactor) => {
   const factorY = (center.y - edgePoint.y) / edgeFactor;
   const factorX = (center.x - edgePoint.x) / edgeFactor;
@@ -33,177 +32,161 @@ function SkillGraph({
   const PA = getPoint(centerPoint, edgePointA, base, factorA);
   const PB = getPoint(centerPoint, edgePointB, base, factorB);
   const PC = getPoint(centerPoint, edgePointC, base, factorC);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     "svg",
     {
       height: "145",
       viewBox: `0 0 125 125`,
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx(
-          "circle",
-          {
-            cx: centerPoint.x,
-            cy: centerPoint.y,
-            r: 80 / sqrt3,
-            className: "fill-gray-100/30",
-            filter: "url(#blur)"
+      xmlns: "http://www.w3.org/2000/svg"
+    },
+    /* @__PURE__ */ React.createElement(
+      "circle",
+      {
+        cx: centerPoint.x,
+        cy: centerPoint.y,
+        r: 80 / sqrt3,
+        className: "fill-gray-100/30",
+        filter: "url(#blur)"
+      }
+    ),
+    /* @__PURE__ */ React.createElement("circle", { cx: PA.x, cy: PA.y }),
+    /* @__PURE__ */ React.createElement(
+      "text",
+      {
+        x: edgePointA.x - 10,
+        y: edgePointA.y,
+        fill: "url(#gradient1)",
+        className: "text-[8px] font-bold text-white"
+      },
+      "Acc"
+    ),
+    /* @__PURE__ */ React.createElement(
+      "text",
+      {
+        x: edgePointA.x - 20,
+        y: edgePointA.y + 10,
+        fill: "url(#gradient1)",
+        className: "text-[8px] font-bold text-white"
+      },
+      (factorA * 100).toFixed(2),
+      "%"
+    ),
+    /* @__PURE__ */ React.createElement(
+      "text",
+      {
+        x: edgePointB.x - 6,
+        y: edgePointB.y,
+        fill: "url(#gradient1)",
+        className: "text-[8px] font-bold text-white"
+      },
+      "Tech"
+    ),
+    /* @__PURE__ */ React.createElement(
+      "text",
+      {
+        x: edgePointB.x - 6,
+        y: edgePointB.y + 8,
+        fill: "url(#gradient1)",
+        className: "text-[8px] font-bold text-white"
+      },
+      (factorB * 100).toFixed(2),
+      "%"
+    ),
+    /* @__PURE__ */ React.createElement(
+      "text",
+      {
+        x: edgePointC.x - 6,
+        y: edgePointC.y + 2,
+        fill: "url(#gradient1)",
+        className: "text-[8px] font-bold text-white"
+      },
+      "Pass"
+    ),
+    /* @__PURE__ */ React.createElement(
+      "text",
+      {
+        x: edgePointC.x - 8,
+        y: edgePointC.y + 12,
+        fill: "url(#gradient1)",
+        className: "text-[8px] font-bold text-white"
+      },
+      (factorC * 100).toFixed(2),
+      "%"
+    ),
+    /* @__PURE__ */ React.createElement("circle", { cx: PB.x, cy: PB.y }),
+    /* @__PURE__ */ React.createElement("circle", { cx: PC.x, cy: PC.y }),
+    /* @__PURE__ */ React.createElement("line", { x1: PA.x, y1: PA.y, x2: PC.x, y2: PC.y }),
+    /* @__PURE__ */ React.createElement("line", { x1: PA.x, y1: PA.y, x2: PB.x, y2: PB.y }),
+    /* @__PURE__ */ React.createElement("line", { x1: PC.x, y1: PC.y, x2: PB.x, y2: PB.y }),
+    /* @__PURE__ */ React.createElement(
+      "polygon",
+      {
+        points: `${PA.x},${PA.y} ${PB.x},${PB.y} ${PC.x},${PC.y}`,
+        fill: "url(#gradient)"
+      }
+    ),
+    /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement(
+      "linearGradient",
+      {
+        id: "gradient1",
+        x1: "0%",
+        y1: "0%",
+        x2: "100%",
+        y2: "100%",
+        opacity: 0
+      },
+      /* @__PURE__ */ React.createElement(
+        "stop",
+        {
+          offset: "0%",
+          style: {
+            stopColor: "rgb(252 165 165)",
+            stopOpacity: 1
           }
-        ),
-        /* @__PURE__ */ jsx("circle", { cx: PA.x, cy: PA.y }),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: edgePointA.x - 10,
-            y: edgePointA.y,
-            fill: "url(#gradient1)",
-            className: "text-[8px] font-bold text-white",
-            children: "Acc"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        "stop",
+        {
+          offset: "100%",
+          style: {
+            stopColor: "rgb(147 197 253)",
+            stopOpacity: 1
           }
-        ),
-        /* @__PURE__ */ jsxs(
-          "text",
-          {
-            x: edgePointA.x - 20,
-            y: edgePointA.y + 10,
-            fill: "url(#gradient1)",
-            className: "text-[8px] font-bold text-white",
-            children: [
-              (factorA * 100).toFixed(2),
-              "%"
-            ]
+        }
+      )
+    ), /* @__PURE__ */ React.createElement(
+      "linearGradient",
+      {
+        id: "gradient",
+        x1: "0%",
+        y1: "0%",
+        x2: "100%",
+        y2: "100%",
+        opacity: 0
+      },
+      /* @__PURE__ */ React.createElement(
+        "stop",
+        {
+          offset: "0%",
+          style: {
+            stopColor: "red",
+            stopOpacity: 0.3
           }
-        ),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: edgePointB.x - 6,
-            y: edgePointB.y,
-            fill: "url(#gradient1)",
-            className: "text-[8px] font-bold text-white",
-            children: "Tech"
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        "stop",
+        {
+          offset: "100%",
+          style: {
+            stopColor: "blue",
+            stopOpacity: 0.4
           }
-        ),
-        /* @__PURE__ */ jsxs(
-          "text",
-          {
-            x: edgePointB.x - 6,
-            y: edgePointB.y + 8,
-            fill: "url(#gradient1)",
-            className: "text-[8px] font-bold text-white",
-            children: [
-              (factorB * 100).toFixed(2),
-              "%"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "text",
-          {
-            x: edgePointC.x - 6,
-            y: edgePointC.y + 2,
-            fill: "url(#gradient1)",
-            className: "text-[8px] font-bold text-white",
-            children: "Pass"
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "text",
-          {
-            x: edgePointC.x - 8,
-            y: edgePointC.y + 12,
-            fill: "url(#gradient1)",
-            className: "text-[8px] font-bold text-white",
-            children: [
-              (factorC * 100).toFixed(2),
-              "%"
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx("circle", { cx: PB.x, cy: PB.y }),
-        /* @__PURE__ */ jsx("circle", { cx: PC.x, cy: PC.y }),
-        /* @__PURE__ */ jsx("line", { x1: PA.x, y1: PA.y, x2: PC.x, y2: PC.y }),
-        /* @__PURE__ */ jsx("line", { x1: PA.x, y1: PA.y, x2: PB.x, y2: PB.y }),
-        /* @__PURE__ */ jsx("line", { x1: PC.x, y1: PC.y, x2: PB.x, y2: PB.y }),
-        /* @__PURE__ */ jsx(
-          "polygon",
-          {
-            points: `${PA.x},${PA.y} ${PB.x},${PB.y} ${PC.x},${PC.y}`,
-            fill: "url(#gradient)"
-          }
-        ),
-        /* @__PURE__ */ jsxs("defs", { children: [
-          /* @__PURE__ */ jsxs(
-            "linearGradient",
-            {
-              id: "gradient1",
-              x1: "0%",
-              y1: "0%",
-              x2: "100%",
-              y2: "100%",
-              opacity: 0,
-              children: [
-                /* @__PURE__ */ jsx(
-                  "stop",
-                  {
-                    offset: "0%",
-                    style: {
-                      stopColor: "rgb(252 165 165)",
-                      stopOpacity: 1
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "stop",
-                  {
-                    offset: "100%",
-                    style: {
-                      stopColor: "rgb(147 197 253)",
-                      stopOpacity: 1
-                    }
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "linearGradient",
-            {
-              id: "gradient",
-              x1: "0%",
-              y1: "0%",
-              x2: "100%",
-              y2: "100%",
-              opacity: 0,
-              children: [
-                /* @__PURE__ */ jsx(
-                  "stop",
-                  {
-                    offset: "0%",
-                    style: {
-                      stopColor: "red",
-                      stopOpacity: 0.3
-                    }
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "stop",
-                  {
-                    offset: "100%",
-                    style: {
-                      stopColor: "blue",
-                      stopOpacity: 0.4
-                    }
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("filter", { id: "blur", children: /* @__PURE__ */ jsx("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "1" }) })
-        ] })
-      ]
-    }
-  ) });
+        }
+      )
+    ), /* @__PURE__ */ React.createElement("filter", { id: "blur" }, /* @__PURE__ */ React.createElement("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "1" })))
+  ));
 }
 export {
   SkillGraph as default

package/dist/esm/components/components/skill-graph.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/components/skill-graph.tsx"],"sourcesContent":["/** @jsxImportSource react */\ninterface Point {\n  x: number\n  y: number\n}\n\nconst getPoint = (\n  center: Point,\n  edgePoint: Point,\n  edgeFactor: number,\n  pointFactor: number\n) => {\n  const factorY = (center.y - edgePoint.y) / edgeFactor\n  const factorX = (center.x - edgePoint.x) / edgeFactor\n  return {\n    x: center.x - pointFactor * factorX,\n    y: center.y - pointFactor * factorY,\n  }\n}\n\nexport default function SkillGraph({\n  factorA = 0.4,\n  factorB = 0.2,\n  factorC = 0.2,\n}: {\n  factorA?: number\n  factorB?: number\n  factorC?: number\n}) {\n  const base = 0.4\n  const sqrt3 = Math.sqrt(3)\n  const centerPoint = {\n    x: 60,\n    y: 80 / sqrt3 + 10,\n  }\n  const edgePointA = {\n    x: 20,\n    y: 40 / sqrt3 + 10,\n  }\n\n  const edgePointB = {\n    x: 100,\n    y: 40 / sqrt3 + 10,\n  }\n\n  const edgePointC = {\n    x: 60,\n    y: 160 / sqrt3 + 10,\n  }\n\n  const PA = getPoint(centerPoint, edgePointA, base, factorA)\n  const PB = getPoint(centerPoint, edgePointB, base, factorB)\n  const PC = getPoint(centerPoint, edgePointC, base, factorC)\n  // 50,78 90,10 10,10\n  return (\n    <>\n      <svg\n        height=\"145\"\n        viewBox={`0 0 125 125`}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx={centerPoint.x}\n          cy={centerPoint.y}\n          r={80 / sqrt3}\n          className=\"fill-gray-100/30\"\n          filter=\"url(#blur)\"\n        />\n        {/* <polygon points={`${edgePointA.x},${edgePointA.y} ${edgePointB.x},${edgePointB.y} ${edgePointC.x},${edgePointC.y}`}\n  className=\"fill-gray-300\"\n /> */}\n        <circle cx={PA.x} cy={PA.y} />\n        <text\n          x={edgePointA.x - 10}\n          y={edgePointA.y}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          Acc\n        </text>\n        <text\n          x={edgePointA.x - 20}\n          y={edgePointA.y + 10}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          {(factorA * 100).toFixed(2)}%\n        </text>\n        <text\n          x={edgePointB.x - 6}\n          y={edgePointB.y}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          Tech\n        </text>\n        <text\n          x={edgePointB.x - 6}\n          y={edgePointB.y + 8}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          {(factorB * 100).toFixed(2)}%\n        </text>\n        <text\n          x={edgePointC.x - 6}\n          y={edgePointC.y + 2}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          Pass\n        </text>\n        <text\n          x={edgePointC.x - 8}\n          y={edgePointC.y + 12}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          {(factorC * 100).toFixed(2)}%\n        </text>\n        {/* 数据点b */}\n        <circle cx={PB.x} cy={PB.y} />\n        {/* 数据点c */}\n        <circle cx={PC.x} cy={PC.y} />\n\n        <line x1={PA.x} y1={PA.y} x2={PC.x} y2={PC.y} />\n        <line x1={PA.x} y1={PA.y} x2={PB.x} y2={PB.y} />\n        <line x1={PC.x} y1={PC.y} x2={PB.x} y2={PB.y} />\n        <polygon\n          points={`${PA.x},${PA.y} ${PB.x},${PB.y} ${PC.x},${PC.y}`}\n          fill=\"url(#gradient)\"\n        />\n        <defs>\n          <linearGradient\n            id=\"gradient1\"\n            x1=\"0%\"\n            y1=\"0%\"\n            x2=\"100%\"\n            y2=\"100%\"\n            opacity={0}\n          >\n            <stop\n              offset=\"0%\"\n              style={{\n                stopColor: 'rgb(252 165 165)',\n                stopOpacity: 1,\n              }}\n            />\n            <stop\n              offset=\"100%\"\n              style={{\n                stopColor: 'rgb(147 197 253)',\n                stopOpacity: 1,\n              }}\n            />\n          </linearGradient>\n          <linearGradient\n            id=\"gradient\"\n            x1=\"0%\"\n            y1=\"0%\"\n            x2=\"100%\"\n            y2=\"100%\"\n            opacity={0}\n          >\n            <stop\n              offset=\"0%\"\n              style={{\n                stopColor: 'red',\n                stopOpacity: 0.3,\n              }}\n            />\n            <stop\n              offset=\"100%\"\n              style={{\n                stopColor: 'blue',\n                stopOpacity: 0.4,\n              }}\n            />\n          </linearGradient>\n          <filter id=\"blur\">\n            <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"1\" />\n          </filter>\n        </defs>\n      </svg>\n    </>\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/components/skill-graph.tsx"],"sourcesContent":["interface Point {\n  x: number\n  y: number\n}\n\nconst getPoint = (\n  center: Point,\n  edgePoint: Point,\n  edgeFactor: number,\n  pointFactor: number\n) => {\n  const factorY = (center.y - edgePoint.y) / edgeFactor\n  const factorX = (center.x - edgePoint.x) / edgeFactor\n  return {\n    x: center.x - pointFactor * factorX,\n    y: center.y - pointFactor * factorY,\n  }\n}\n\nexport default function SkillGraph({\n  factorA = 0.4,\n  factorB = 0.2,\n  factorC = 0.2,\n}: {\n  factorA?: number\n  factorB?: number\n  factorC?: number\n}) {\n  const base = 0.4\n  const sqrt3 = Math.sqrt(3)\n  const centerPoint = {\n    x: 60,\n    y: 80 / sqrt3 + 10,\n  }\n  const edgePointA = {\n    x: 20,\n    y: 40 / sqrt3 + 10,\n  }\n\n  const edgePointB = {\n    x: 100,\n    y: 40 / sqrt3 + 10,\n  }\n\n  const edgePointC = {\n    x: 60,\n    y: 160 / sqrt3 + 10,\n  }\n\n  const PA = getPoint(centerPoint, edgePointA, base, factorA)\n  const PB = getPoint(centerPoint, edgePointB, base, factorB)\n  const PC = getPoint(centerPoint, edgePointC, base, factorC)\n  // 50,78 90,10 10,10\n  return (\n    <>\n      <svg\n        height=\"145\"\n        viewBox={`0 0 125 125`}\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <circle\n          cx={centerPoint.x}\n          cy={centerPoint.y}\n          r={80 / sqrt3}\n          className=\"fill-gray-100/30\"\n          filter=\"url(#blur)\"\n        />\n        {/* <polygon points={`${edgePointA.x},${edgePointA.y} ${edgePointB.x},${edgePointB.y} ${edgePointC.x},${edgePointC.y}`}\n  className=\"fill-gray-300\"\n /> */}\n        <circle cx={PA.x} cy={PA.y} />\n        <text\n          x={edgePointA.x - 10}\n          y={edgePointA.y}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          Acc\n        </text>\n        <text\n          x={edgePointA.x - 20}\n          y={edgePointA.y + 10}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          {(factorA * 100).toFixed(2)}%\n        </text>\n        <text\n          x={edgePointB.x - 6}\n          y={edgePointB.y}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          Tech\n        </text>\n        <text\n          x={edgePointB.x - 6}\n          y={edgePointB.y + 8}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          {(factorB * 100).toFixed(2)}%\n        </text>\n        <text\n          x={edgePointC.x - 6}\n          y={edgePointC.y + 2}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          Pass\n        </text>\n        <text\n          x={edgePointC.x - 8}\n          y={edgePointC.y + 12}\n          fill=\"url(#gradient1)\"\n          className=\"text-[8px] font-bold text-white\"\n        >\n          {(factorC * 100).toFixed(2)}%\n        </text>\n        {/* 数据点b */}\n        <circle cx={PB.x} cy={PB.y} />\n        {/* 数据点c */}\n        <circle cx={PC.x} cy={PC.y} />\n\n        <line x1={PA.x} y1={PA.y} x2={PC.x} y2={PC.y} />\n        <line x1={PA.x} y1={PA.y} x2={PB.x} y2={PB.y} />\n        <line x1={PC.x} y1={PC.y} x2={PB.x} y2={PB.y} />\n        <polygon\n          points={`${PA.x},${PA.y} ${PB.x},${PB.y} ${PC.x},${PC.y}`}\n          fill=\"url(#gradient)\"\n        />\n        <defs>\n          <linearGradient\n            id=\"gradient1\"\n            x1=\"0%\"\n            y1=\"0%\"\n            x2=\"100%\"\n            y2=\"100%\"\n            opacity={0}\n          >\n            <stop\n              offset=\"0%\"\n              style={{\n                stopColor: 'rgb(252 165 165)',\n                stopOpacity: 1,\n              }}\n            />\n            <stop\n              offset=\"100%\"\n              style={{\n                stopColor: 'rgb(147 197 253)',\n                stopOpacity: 1,\n              }}\n            />\n          </linearGradient>\n          <linearGradient\n            id=\"gradient\"\n            x1=\"0%\"\n            y1=\"0%\"\n            x2=\"100%\"\n            y2=\"100%\"\n            opacity={0}\n          >\n            <stop\n              offset=\"0%\"\n              style={{\n                stopColor: 'red',\n                stopOpacity: 0.3,\n              }}\n            />\n            <stop\n              offset=\"100%\"\n              style={{\n                stopColor: 'blue',\n                stopOpacity: 0.4,\n              }}\n            />\n          </linearGradient>\n          <filter id=\"blur\">\n            <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"1\" />\n          </filter>\n        </defs>\n      </svg>\n    </>\n  )\n}\n"],"mappings":"AAKA,MAAM,WAAW,CACf,QACA,WACA,YACA,gBACG;AACH,QAAM,WAAW,OAAO,IAAI,UAAU,KAAK;AAC3C,QAAM,WAAW,OAAO,IAAI,UAAU,KAAK;AAC3C,SAAO;AAAA,IACL,GAAG,OAAO,IAAI,cAAc;AAAA,IAC5B,GAAG,OAAO,IAAI,cAAc;AAAA,EAC9B;AACF;AAEe,SAAR,WAA4B;AAAA,EACjC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AACZ,GAIG;AACD,QAAM,OAAO;AACb,QAAM,QAAQ,KAAK,KAAK,CAAC;AACzB,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,GAAG,KAAK,QAAQ;AAAA,EAClB;AACA,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH,GAAG,KAAK,QAAQ;AAAA,EAClB;AAEA,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH,GAAG,KAAK,QAAQ;AAAA,EAClB;AAEA,QAAM,aAAa;AAAA,IACjB,GAAG;AAAA,IACH,GAAG,MAAM,QAAQ;AAAA,EACnB;AAEA,QAAM,KAAK,SAAS,aAAa,YAAY,MAAM,OAAO;AAC1D,QAAM,KAAK,SAAS,aAAa,YAAY,MAAM,OAAO;AAC1D,QAAM,KAAK,SAAS,aAAa,YAAY,MAAM,OAAO;AAE1D,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,SAAS;AAAA,MACT,OAAM;AAAA;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,YAAY;AAAA,QAChB,IAAI,YAAY;AAAA,QAChB,GAAG,KAAK;AAAA,QACR,WAAU;AAAA,QACV,QAAO;AAAA;AAAA,IACT;AAAA,IAIA,oCAAC,YAAO,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG;AAAA,IAC5B;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,WAAW,IAAI;AAAA,QAClB,GAAG,WAAW;AAAA,QACd,MAAK;AAAA,QACL,WAAU;AAAA;AAAA,MACX;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,WAAW,IAAI;AAAA,QAClB,GAAG,WAAW,IAAI;AAAA,QAClB,MAAK;AAAA,QACL,WAAU;AAAA;AAAA,OAER,UAAU,KAAK,QAAQ,CAAC;AAAA,MAAE;AAAA,IAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,WAAW,IAAI;AAAA,QAClB,GAAG,WAAW;AAAA,QACd,MAAK;AAAA,QACL,WAAU;AAAA;AAAA,MACX;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,WAAW,IAAI;AAAA,QAClB,GAAG,WAAW,IAAI;AAAA,QAClB,MAAK;AAAA,QACL,WAAU;AAAA;AAAA,OAER,UAAU,KAAK,QAAQ,CAAC;AAAA,MAAE;AAAA,IAC9B;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,WAAW,IAAI;AAAA,QAClB,GAAG,WAAW,IAAI;AAAA,QAClB,MAAK;AAAA,QACL,WAAU;AAAA;AAAA,MACX;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAG,WAAW,IAAI;AAAA,QAClB,GAAG,WAAW,IAAI;AAAA,QAClB,MAAK;AAAA,QACL,WAAU;AAAA;AAAA,OAER,UAAU,KAAK,QAAQ,CAAC;AAAA,MAAE;AAAA,IAC9B;AAAA,IAEA,oCAAC,YAAO,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG;AAAA,IAE5B,oCAAC,YAAO,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG;AAAA,IAE5B,oCAAC,UAAK,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG;AAAA,IAC9C,oCAAC,UAAK,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG;AAAA,IAC9C,oCAAC,UAAK,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG,IAAI,GAAG,GAAG;AAAA,IAC9C;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,GAAG,GAAG,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC;AAAA,QACvD,MAAK;AAAA;AAAA,IACP;AAAA,IACA,oCAAC,cACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,SAAS;AAAA;AAAA,MAET;AAAA,QAAC;AAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAO;AAAA,YACL,WAAW;AAAA,YACX,aAAa;AAAA,UACf;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAO;AAAA,YACL,WAAW;AAAA,YACX,aAAa;AAAA,UACf;AAAA;AAAA,MACF;AAAA,IACF,GACA;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,SAAS;AAAA;AAAA,MAET;AAAA,QAAC;AAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAO;AAAA,YACL,WAAW;AAAA,YACX,aAAa;AAAA,UACf;AAAA;AAAA,MACF;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,QAAO;AAAA,UACP,OAAO;AAAA,YACL,WAAW;AAAA,YACX,aAAa;AAAA,UACf;AAAA;AAAA,MACF;AAAA,IACF,GACA,oCAAC,YAAO,IAAG,UACT,oCAAC,oBAAe,IAAG,iBAAgB,cAAa,KAAI,CACtD,CACF;AAAA,EACF,CACF;AAEJ;","names":[]}

package/dist/esm/components/components/socre-badge.js

@@ -1,24 +1,21 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { twJoin } from "../utils/tw-join";
+import { twJoin } from "../utils/tw-join.js";
 function ScoreBadge({
   name,
   count,
   className
 }) {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     "div",
     {
       className: twJoin(
         "flex items-center self-center  rounded-md  w-18",
         "bg-gradient-to-r bg-clip-text text-transparent from-blue-300 to-red-300",
         className
-      ),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "border-r-0.5 font-semibold m-auto text-center rounded-l-lg w-8", children: name }),
-        /* @__PURE__ */ jsx("span", { className: "bg-transparent m-auto text-ellipsis line-clamp-1", children: count })
-      ]
-    }
-  ) });
+      )
+    },
+    /* @__PURE__ */ React.createElement("span", { className: "border-r-0.5 font-semibold m-auto text-center rounded-l-lg w-8" }, name),
+    /* @__PURE__ */ React.createElement("span", { className: "bg-transparent m-auto text-ellipsis line-clamp-1" }, count)
+  ));
 }
 export {
   ScoreBadge as default

package/dist/esm/components/components/socre-badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/components/socre-badge.tsx"],"sourcesContent":["/** @jsxImportSource react */\nimport { twJoin } from '../utils/tw-join'\n\nexport default function ScoreBadge({\n  name,\n  count,\n  className,\n}: {\n  name: string\n  count: string | number\n  className?: string\n}) {\n  return (\n    <>\n      <div\n        className={twJoin(\n          'flex items-center self-center  rounded-md  w-18',\n          'bg-gradient-to-r bg-clip-text text-transparent from-blue-300 to-red-300',\n          className\n        )}\n      >\n        <span className=\"border-r-0.5 font-semibold m-auto text-center rounded-l-lg w-8\">\n          {name}\n        </span>\n        <span className=\"bg-transparent m-auto text-ellipsis line-clamp-1\">\n          {count}\n        </span>\n      </div>\n    </>\n  )\n}\n"],"mappings":"AAaI,mBAQI,KAPF,YADF;AAZJ,SAAS,cAAc;AAER,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,gCACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,4BAAC,UAAK,WAAU,kEACb,gBACH;AAAA,QACA,oBAAC,UAAK,WAAU,oDACb,iBACH;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/components/socre-badge.tsx"],"sourcesContent":["import { twJoin } from '../utils/tw-join'\n\nexport default function ScoreBadge({\n  name,\n  count,\n  className,\n}: {\n  name: string\n  count: string | number\n  className?: string\n}) {\n  return (\n    <>\n      <div\n        className={twJoin(\n          'flex items-center self-center  rounded-md  w-18',\n          'bg-gradient-to-r bg-clip-text text-transparent from-blue-300 to-red-300',\n          className\n        )}\n      >\n        <span className=\"border-r-0.5 font-semibold m-auto text-center rounded-l-lg w-8\">\n          {name}\n        </span>\n        <span className=\"bg-transparent m-auto text-ellipsis line-clamp-1\">\n          {count}\n        </span>\n      </div>\n    </>\n  )\n}\n"],"mappings":"AAAA,SAAS,cAAc;AAER,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,0DACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,IAEA,oCAAC,UAAK,WAAU,oEACb,IACH;AAAA,IACA,oCAAC,UAAK,WAAU,sDACb,KACH;AAAA,EACF,CACF;AAEJ;","names":[]}

package/dist/esm/components/components/ss-rank-score-item.js

@@ -1,99 +1,37 @@
-import { jsx, jsxs } from "react/jsx-runtime";
 import dayjs from "dayjs";
-import Flags, { EarchIcon } from "../../components/components/flag";
-import { formatDate, numberWithCommas } from "../../components/utils";
+import Flags, { EarchIcon } from "../../components/components/flag.js";
+import { formatDate, numberWithCommas } from "../../components/utils/index.js";
 function SSRankScoreItem(props) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: `${props.self ? "gradient-border" : ""} bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`,
-      children: /* @__PURE__ */ jsxs("div", { className: "skew-x-12 relative", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center translate-x-2 justify-between", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsxs("div", { className: "w-12 h-12 relative", children: [
-              /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: props.avatar,
-                  className: "shadow-lg w-12 h-12 rounded-full object-cover"
-                }
-              ),
-              /* @__PURE__ */ jsx("div", { className: "w-3 h-3 absolute bottom-0 right-3", children: /* @__PURE__ */ jsx(Flags, { flagNationCode: props.countryCode }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("div", { className: "line-clamp-1 text-ellipsis max-w-[100px]", children: props.name }),
-              /* @__PURE__ */ jsxs("span", { className: "flex items-center space-x-1", children: [
-                !props.isRegionRank && /* @__PURE__ */ jsx(EarchIcon, {}),
-                /* @__PURE__ */ jsxs("span", { children: [
-                  "# ",
-                  props.globalRank
-                ] })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end -translate-x-2 -skew-x-3", children: [
-            /* @__PURE__ */ jsxs("div", { children: [
-              (props.acc * 100).toFixed(2),
-              " %"
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "space-x-1", children: props.modifiers.split(",").map((it) => /* @__PURE__ */ jsx("span", { children: it }, it)) }),
-              /* @__PURE__ */ jsx("div", { children: numberWithCommas(props.score) })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-0 px-4 -translate-x-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx("div", { className: "flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60", children: /* @__PURE__ */ jsx("div", { children: formatDate(
-            dayjs(props.date * 1e3).toDate(),
-            "YY \u5E74 MM \u6708 DD \u65E5"
-          ) }) }) }),
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: "flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300", children: /* @__PURE__ */ jsxs("div", { children: [
-            " ",
-            props.pp.toFixed(2),
-            " PP"
-          ] }) }) })
-        ] })
-      ] })
-    }
+      className: `${props.self ? "gradient-border" : ""} bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "skew-x-12 relative" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center translate-x-2 justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 relative" }, /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        src: props.avatar,
+        className: "shadow-lg w-12 h-12 rounded-full object-cover"
+      }
+    ), /* @__PURE__ */ React.createElement("div", { className: "w-3 h-3 absolute bottom-0 right-3" }, /* @__PURE__ */ React.createElement(Flags, { flagNationCode: props.countryCode }))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "line-clamp-1 text-ellipsis max-w-[100px]" }, props.name), /* @__PURE__ */ React.createElement("span", { className: "flex items-center space-x-1" }, !props.isRegionRank && /* @__PURE__ */ React.createElement(EarchIcon, null), /* @__PURE__ */ React.createElement("span", null, "# ", props.globalRank)))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-end -translate-x-2 -skew-x-3" }, /* @__PURE__ */ React.createElement("div", null, (props.acc * 100).toFixed(2), " %"), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "space-x-1" }, props.modifiers.split(",").map((it) => /* @__PURE__ */ React.createElement("span", { key: it }, it))), /* @__PURE__ */ React.createElement("div", null, numberWithCommas(props.score))))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mt-0 px-4 -translate-x-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60" }, /* @__PURE__ */ React.createElement("div", null, formatDate(
+      dayjs(props.date * 1e3).toDate(),
+      "YY \u5E74 MM \u6708 DD \u65E5"
+    )))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300" }, /* @__PURE__ */ React.createElement("div", null, " ", props.pp.toFixed(2), " PP")))))
   );
 }
 function ScoreItemSkeleton({ isRegionRank }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: `bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`,
-      children: /* @__PURE__ */ jsxs("div", { className: "skew-x-12 relative", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center translate-x-2 justify-between", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "w-12 h-12 relative", children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: `https://avatar.iran.liara.run/public`,
-                className: "shadow-lg w-12 h-12 rounded-full object-cover"
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("div", { className: "line-clamp-1 text-ellipsis max-w-[100px]", children: "\u865A\u4F4D\u4EE5\u5F85" }),
-              /* @__PURE__ */ jsxs("span", { className: "flex items-center space-x-1", children: [
-                !isRegionRank && /* @__PURE__ */ jsx(EarchIcon, {}),
-                /* @__PURE__ */ jsx("span", { children: "# 0 " })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end -translate-x-2 -skew-x-3", children: [
-            /* @__PURE__ */ jsx("div", { children: "0.00 %" }),
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx("div", { className: "space-x-1", children: " " }),
-              /* @__PURE__ */ jsx("div", { children: "000,000" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-0 px-4 -translate-x-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60", children: /* @__PURE__ */ jsx("div", { children: "00 \u5E74 00 \u6708 00 \u65E5" }) }),
-          /* @__PURE__ */ jsx("div", { className: "flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300", children: /* @__PURE__ */ jsx("div", { children: " 0.00 PP" }) })
-        ] })
-      ] })
-    }
+      className: `bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "skew-x-12 relative" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center translate-x-2 justify-between" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 relative" }, /* @__PURE__ */ React.createElement(
+      "img",
+      {
+        src: `https://avatar.iran.liara.run/public`,
+        className: "shadow-lg w-12 h-12 rounded-full object-cover"
+      }
+    )), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: "line-clamp-1 text-ellipsis max-w-[100px]" }, "\u865A\u4F4D\u4EE5\u5F85"), /* @__PURE__ */ React.createElement("span", { className: "flex items-center space-x-1" }, !isRegionRank && /* @__PURE__ */ React.createElement(EarchIcon, null), /* @__PURE__ */ React.createElement("span", null, "# 0 ")))), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-end -translate-x-2 -skew-x-3" }, /* @__PURE__ */ React.createElement("div", null, "0.00 %"), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "space-x-1" }, " "), /* @__PURE__ */ React.createElement("div", null, "000,000")))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between mt-0 px-4 -translate-x-4" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60" }, /* @__PURE__ */ React.createElement("div", null, "00 \u5E74 00 \u6708 00 \u65E5")), /* @__PURE__ */ React.createElement("div", { className: "flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300" }, /* @__PURE__ */ React.createElement("div", null, " 0.00 PP"))))
   );
 }
 export {

package/dist/esm/components/components/ss-rank-score-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/components/ss-rank-score-item.tsx"],"sourcesContent":["import dayjs from 'dayjs'\nimport Flags, { EarchIcon } from '@/components/components/flag'\nimport { formatDate, numberWithCommas } from '@/components/utils'\n\ninterface ScoreItemProps {\n  name: string\n  avatar: string\n  globalRank: number\n  countryCode: string\n  isRegionRank: boolean\n  score: number\n  modifiers: string\n  acc: number\n  pp: number\n  date: number\n  self: boolean\n}\n\nexport function SSRankScoreItem(props: ScoreItemProps) {\n  return (\n    <div\n      className={`${props.self ? 'gradient-border' : ''} bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`}\n    >\n      <div className=\"skew-x-12 relative\">\n        <div className=\"flex items-center translate-x-2 justify-between\">\n          <div className=\"flex gap-2\">\n            <div className={'w-12 h-12 relative'}>\n              <img\n                src={props.avatar}\n                className=\"shadow-lg w-12 h-12 rounded-full object-cover\"\n              />\n              <div className={'w-3 h-3 absolute bottom-0 right-3'}>\n                <Flags flagNationCode={props.countryCode} />\n              </div>\n            </div>\n            <div>\n              <div className={'line-clamp-1 text-ellipsis max-w-[100px]'}>\n                {props.name}\n              </div>\n              <span className=\"flex items-center space-x-1\">\n                {!props.isRegionRank && <EarchIcon />}\n                <span># {props.globalRank}</span>\n              </span>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col items-end -translate-x-2 -skew-x-3\">\n            <div>{(props.acc * 100).toFixed(2)} %</div>\n            <div className={'flex gap-2'}>\n              <div className={'space-x-1'}>\n                {props.modifiers.split(',').map((it) => (\n                  <span key={it}>{it}</span>\n                ))}\n              </div>\n              <div>{numberWithCommas(props.score)}</div>\n            </div>\n          </div>\n        </div>\n        <div className=\"flex items-center justify-between mt-0 px-4 -translate-x-4\">\n          <div className=\"flex gap-2\">\n            <div className=\"flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60\">\n              <div>\n                {formatDate(\n                  dayjs(props.date * 1000).toDate(),\n                  'YY 年 MM 月 DD 日'\n                )}\n              </div>\n            </div>\n          </div>\n          <div>\n            <div className=\"flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300\">\n              <div> {props.pp.toFixed(2)} PP</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function ScoreItemSkeleton({ isRegionRank }: { isRegionRank: boolean }) {\n  return (\n    <div\n      className={`bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`}\n    >\n      <div className=\"skew-x-12 relative\">\n        <div className=\"flex items-center translate-x-2 justify-between\">\n          <div className=\"flex gap-2\">\n            <div className={'w-12 h-12 relative'}>\n              <img\n                src={`https://avatar.iran.liara.run/public`}\n                className=\"shadow-lg w-12 h-12 rounded-full object-cover\"\n              />\n            </div>\n            <div>\n              <div className={'line-clamp-1 text-ellipsis max-w-[100px]'}>\n                虚位以待\n              </div>\n              <span className=\"flex items-center space-x-1\">\n                {!isRegionRank && <EarchIcon />}\n                <span># 0 </span>\n              </span>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col items-end -translate-x-2 -skew-x-3\">\n            <div>0.00 %</div>\n            <div className={'flex gap-2'}>\n              <div className={'space-x-1'}> </div>\n              <div>000,000</div>\n            </div>\n          </div>\n        </div>\n        <div className=\"flex items-center justify-between mt-0 px-4 -translate-x-4\">\n          <div className=\"flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60\">\n            <div>00 年 00 月 00 日</div>\n          </div>\n          <div className=\"flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300\">\n            <div> 0.00 PP</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/components/ss-rank-score-item.tsx"],"sourcesContent":["import dayjs from 'dayjs'\nimport Flags, { EarchIcon } from '@/components/components/flag'\nimport { formatDate, numberWithCommas } from '@/components/utils'\n\ninterface ScoreItemProps {\n  name: string\n  avatar: string\n  globalRank: number\n  countryCode: string\n  isRegionRank: boolean\n  score: number\n  modifiers: string\n  acc: number\n  pp: number\n  date: number\n  self: boolean\n}\n\nexport function SSRankScoreItem(props: ScoreItemProps) {\n  return (\n    <div\n      className={`${props.self ? 'gradient-border' : ''} bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`}\n    >\n      <div className=\"skew-x-12 relative\">\n        <div className=\"flex items-center translate-x-2 justify-between\">\n          <div className=\"flex gap-2\">\n            <div className={'w-12 h-12 relative'}>\n              <img\n                src={props.avatar}\n                className=\"shadow-lg w-12 h-12 rounded-full object-cover\"\n              />\n              <div className={'w-3 h-3 absolute bottom-0 right-3'}>\n                <Flags flagNationCode={props.countryCode} />\n              </div>\n            </div>\n            <div>\n              <div className={'line-clamp-1 text-ellipsis max-w-[100px]'}>\n                {props.name}\n              </div>\n              <span className=\"flex items-center space-x-1\">\n                {!props.isRegionRank && <EarchIcon />}\n                <span># {props.globalRank}</span>\n              </span>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col items-end -translate-x-2 -skew-x-3\">\n            <div>{(props.acc * 100).toFixed(2)} %</div>\n            <div className={'flex gap-2'}>\n              <div className={'space-x-1'}>\n                {props.modifiers.split(',').map((it) => (\n                  <span key={it}>{it}</span>\n                ))}\n              </div>\n              <div>{numberWithCommas(props.score)}</div>\n            </div>\n          </div>\n        </div>\n        <div className=\"flex items-center justify-between mt-0 px-4 -translate-x-4\">\n          <div className=\"flex gap-2\">\n            <div className=\"flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60\">\n              <div>\n                {formatDate(\n                  dayjs(props.date * 1000).toDate(),\n                  'YY 年 MM 月 DD 日'\n                )}\n              </div>\n            </div>\n          </div>\n          <div>\n            <div className=\"flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300\">\n              <div> {props.pp.toFixed(2)} PP</div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport function ScoreItemSkeleton({ isRegionRank }: { isRegionRank: boolean }) {\n  return (\n    <div\n      className={`bs-bg-gradient shadow-xl rounded-lg -skew-x-12 w-80 h-20 text-white font-bold flex flex-col p-1 z-10 relative max-w-[300px]`}\n    >\n      <div className=\"skew-x-12 relative\">\n        <div className=\"flex items-center translate-x-2 justify-between\">\n          <div className=\"flex gap-2\">\n            <div className={'w-12 h-12 relative'}>\n              <img\n                src={`https://avatar.iran.liara.run/public`}\n                className=\"shadow-lg w-12 h-12 rounded-full object-cover\"\n              />\n            </div>\n            <div>\n              <div className={'line-clamp-1 text-ellipsis max-w-[100px]'}>\n                虚位以待\n              </div>\n              <span className=\"flex items-center space-x-1\">\n                {!isRegionRank && <EarchIcon />}\n                <span># 0 </span>\n              </span>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col items-end -translate-x-2 -skew-x-3\">\n            <div>0.00 %</div>\n            <div className={'flex gap-2'}>\n              <div className={'space-x-1'}> </div>\n              <div>000,000</div>\n            </div>\n          </div>\n        </div>\n        <div className=\"flex items-center justify-between mt-0 px-4 -translate-x-4\">\n          <div className=\"flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60\">\n            <div>00 年 00 月 00 日</div>\n          </div>\n          <div className=\"flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300\">\n            <div> 0.00 PP</div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"mappings":"AAAA,OAAO,WAAW;AAClB,OAAO,SAAS,iBAAiB;AACjC,SAAS,YAAY,wBAAwB;AAgBtC,SAAS,gBAAgB,OAAuB;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,MAAM,OAAO,oBAAoB,EAAE;AAAA;AAAA,IAEjD,oCAAC,SAAI,WAAU,wBACb,oCAAC,SAAI,WAAU,qDACb,oCAAC,SAAI,WAAU,gBACb,oCAAC,SAAI,WAAW,wBACd;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,MAAM;AAAA,QACX,WAAU;AAAA;AAAA,IACZ,GACA,oCAAC,SAAI,WAAW,uCACd,oCAAC,SAAM,gBAAgB,MAAM,aAAa,CAC5C,CACF,GACA,oCAAC,aACC,oCAAC,SAAI,WAAW,8CACb,MAAM,IACT,GACA,oCAAC,UAAK,WAAU,iCACb,CAAC,MAAM,gBAAgB,oCAAC,eAAU,GACnC,oCAAC,cAAK,MAAG,MAAM,UAAW,CAC5B,CACF,CACF,GAEA,oCAAC,SAAI,WAAU,sDACb,oCAAC,cAAM,MAAM,MAAM,KAAK,QAAQ,CAAC,GAAE,IAAE,GACrC,oCAAC,SAAI,WAAW,gBACd,oCAAC,SAAI,WAAW,eACb,MAAM,UAAU,MAAM,GAAG,EAAE,IAAI,CAAC,OAC/B,oCAAC,UAAK,KAAK,MAAK,EAAG,CACpB,CACH,GACA,oCAAC,aAAK,iBAAiB,MAAM,KAAK,CAAE,CACtC,CACF,CACF,GACA,oCAAC,SAAI,WAAU,gEACb,oCAAC,SAAI,WAAU,gBACb,oCAAC,SAAI,WAAU,wEACb,oCAAC,aACE;AAAA,MACC,MAAM,MAAM,OAAO,GAAI,EAAE,OAAO;AAAA,MAChC;AAAA,IACF,CACF,CACF,CACF,GACA,oCAAC,aACC,oCAAC,SAAI,WAAU,0FACb,oCAAC,aAAI,KAAE,MAAM,GAAG,QAAQ,CAAC,GAAE,KAAG,CAChC,CACF,CACF,CACF;AAAA,EACF;AAEJ;AAEO,SAAS,kBAAkB,EAAE,aAAa,GAA8B;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA;AAAA,IAEX,oCAAC,SAAI,WAAU,wBACb,oCAAC,SAAI,WAAU,qDACb,oCAAC,SAAI,WAAU,gBACb,oCAAC,SAAI,WAAW,wBACd;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAU;AAAA;AAAA,IACZ,CACF,GACA,oCAAC,aACC,oCAAC,SAAI,WAAW,8CAA4C,0BAE5D,GACA,oCAAC,UAAK,WAAU,iCACb,CAAC,gBAAgB,oCAAC,eAAU,GAC7B,oCAAC,cAAK,MAAI,CACZ,CACF,CACF,GAEA,oCAAC,SAAI,WAAU,sDACb,oCAAC,aAAI,QAAM,GACX,oCAAC,SAAI,WAAW,gBACd,oCAAC,SAAI,WAAW,eAAa,GAAC,GAC9B,oCAAC,aAAI,SAAO,CACd,CACF,CACF,GACA,oCAAC,SAAI,WAAU,gEACb,oCAAC,SAAI,WAAU,wEACb,oCAAC,aAAI,+BAAc,CACrB,GACA,oCAAC,SAAI,WAAU,0FACb,oCAAC,aAAI,UAAQ,CACf,CACF,CACF;AAAA,EACF;AAEJ;","names":[]}