beatsaber-bot-core 0.2.0-rc.9 → 0.3.0-rc.10

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

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,13 +16,21 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var skill_graph_exports = {};
 __export(skill_graph_exports, {
   default: () => SkillGraph
 });
 module.exports = __toCommonJS(skill_graph_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
 const getPoint = (center, edgePoint, edgeFactor, pointFactor) => {
   const factorY = (center.y - edgePoint.y) / edgeFactor;
   const factorX = (center.x - edgePoint.x) / edgeFactor;
@@ -55,176 +65,160 @@ 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__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "svg",
     {
       height: "145",
       viewBox: `0 0 125 125`,
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ import_react.default.createElement(
+      "circle",
+      {
+        cx: centerPoint.x,
+        cy: centerPoint.y,
+        r: 80 / sqrt3,
+        className: "fill-gray-100/30",
+        filter: "url(#blur)"
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement("circle", { cx: PA.x, cy: PA.y }),
+    /* @__PURE__ */ import_react.default.createElement(
+      "text",
+      {
+        x: edgePointA.x - 10,
+        y: edgePointA.y,
+        fill: "url(#gradient1)",
+        className: "text-[8px] font-bold text-white"
+      },
+      "Acc"
+    ),
+    /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(
+      "text",
+      {
+        x: edgePointB.x - 6,
+        y: edgePointB.y,
+        fill: "url(#gradient1)",
+        className: "text-[8px] font-bold text-white"
+      },
+      "Tech"
+    ),
+    /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement(
+      "text",
+      {
+        x: edgePointC.x - 6,
+        y: edgePointC.y + 2,
+        fill: "url(#gradient1)",
+        className: "text-[8px] font-bold text-white"
+      },
+      "Pass"
+    ),
+    /* @__PURE__ */ import_react.default.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__ */ import_react.default.createElement("circle", { cx: PB.x, cy: PB.y }),
+    /* @__PURE__ */ import_react.default.createElement("circle", { cx: PC.x, cy: PC.y }),
+    /* @__PURE__ */ import_react.default.createElement("line", { x1: PA.x, y1: PA.y, x2: PC.x, y2: PC.y }),
+    /* @__PURE__ */ import_react.default.createElement("line", { x1: PA.x, y1: PA.y, x2: PB.x, y2: PB.y }),
+    /* @__PURE__ */ import_react.default.createElement("line", { x1: PC.x, y1: PC.y, x2: PB.x, y2: PB.y }),
+    /* @__PURE__ */ import_react.default.createElement(
+      "polygon",
+      {
+        points: `${PA.x},${PA.y} ${PB.x},${PB.y} ${PC.x},${PC.y}`,
+        fill: "url(#gradient)"
+      }
+    ),
+    /* @__PURE__ */ import_react.default.createElement("defs", null, /* @__PURE__ */ import_react.default.createElement(
+      "linearGradient",
+      {
+        id: "gradient1",
+        x1: "0%",
+        y1: "0%",
+        x2: "100%",
+        y2: "100%",
+        opacity: 0
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "stop",
+        {
+          offset: "0%",
+          style: {
+            stopColor: "rgb(252 165 165)",
+            stopOpacity: 1
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: PA.x, cy: PA.y }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "text",
-          {
-            x: edgePointA.x - 10,
-            y: edgePointA.y,
-            fill: "url(#gradient1)",
-            className: "text-[8px] font-bold text-white",
-            children: "Acc"
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        "stop",
+        {
+          offset: "100%",
+          style: {
+            stopColor: "rgb(147 197 253)",
+            stopOpacity: 1
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ import_react.default.createElement(
+      "linearGradient",
+      {
+        id: "gradient",
+        x1: "0%",
+        y1: "0%",
+        x2: "100%",
+        y2: "100%",
+        opacity: 0
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "stop",
+        {
+          offset: "0%",
+          style: {
+            stopColor: "red",
+            stopOpacity: 0.3
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "text",
-          {
-            x: edgePointB.x - 6,
-            y: edgePointB.y,
-            fill: "url(#gradient1)",
-            className: "text-[8px] font-bold text-white",
-            children: "Tech"
+        }
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        "stop",
+        {
+          offset: "100%",
+          style: {
+            stopColor: "blue",
+            stopOpacity: 0.4
           }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
-          "text",
-          {
-            x: edgePointC.x - 6,
-            y: edgePointC.y + 2,
-            fill: "url(#gradient1)",
-            className: "text-[8px] font-bold text-white",
-            children: "Pass"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("circle", { cx: PB.x, cy: PB.y }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: PC.x, cy: PC.y }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: PA.x, y1: PA.y, x2: PC.x, y2: PC.y }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: PA.x, y1: PA.y, x2: PB.x, y2: PB.y }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: PC.x, y1: PC.y, x2: PB.x, y2: PB.y }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "polygon",
-          {
-            points: `${PA.x},${PA.y} ${PB.x},${PB.y} ${PC.x},${PC.y}`,
-            fill: "url(#gradient)"
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            "linearGradient",
-            {
-              id: "gradient1",
-              x1: "0%",
-              y1: "0%",
-              x2: "100%",
-              y2: "100%",
-              opacity: 0,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "stop",
-                  {
-                    offset: "0%",
-                    style: {
-                      stopColor: "rgb(252 165 165)",
-                      stopOpacity: 1
-                    }
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "stop",
-                  {
-                    offset: "100%",
-                    style: {
-                      stopColor: "rgb(147 197 253)",
-                      stopOpacity: 1
-                    }
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            "linearGradient",
-            {
-              id: "gradient",
-              x1: "0%",
-              y1: "0%",
-              x2: "100%",
-              y2: "100%",
-              opacity: 0,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "stop",
-                  {
-                    offset: "0%",
-                    style: {
-                      stopColor: "red",
-                      stopOpacity: 0.3
-                    }
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "stop",
-                  {
-                    offset: "100%",
-                    style: {
-                      stopColor: "blue",
-                      stopOpacity: 0.4
-                    }
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("filter", { id: "blur", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "1" }) })
-        ] })
-      ]
-    }
-  ) });
+        }
+      )
+    ), /* @__PURE__ */ import_react.default.createElement("filter", { id: "blur" }, /* @__PURE__ */ import_react.default.createElement("feGaussianBlur", { in: "SourceGraphic", stdDeviation: "1" })))
+  ));
 }
 //# sourceMappingURL=skill-graph.js.map

package/dist/cjs/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":["import React from '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":["React"]}

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

@@ -1,6 +1,8 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -14,32 +16,38 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var socre_badge_exports = {};
 __export(socre_badge_exports, {
   default: () => ScoreBadge
 });
 module.exports = __toCommonJS(socre_badge_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_tw_join = require("../utils/tw-join");
+var import_react = __toESM(require("react"));
+var import_tw_join = require("../utils/tw-join.js");
 function ScoreBadge({
   name,
   count,
   className
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
     "div",
     {
       className: (0, import_tw_join.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__ */ (0, import_jsx_runtime.jsx)("span", { className: "border-r-0.5 font-semibold m-auto text-center rounded-l-lg w-8", children: name }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "bg-transparent m-auto text-ellipsis line-clamp-1", children: count })
-      ]
-    }
-  ) });
+      )
+    },
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "border-r-0.5 font-semibold m-auto text-center rounded-l-lg w-8" }, name),
+    /* @__PURE__ */ import_react.default.createElement("span", { className: "bg-transparent m-auto text-ellipsis line-clamp-1" }, count)
+  ));
 }
 //# sourceMappingURL=socre-badge.js.map

package/dist/cjs/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":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAaI;AAZJ,qBAAuB;AAER,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,2EACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEA;AAAA,oDAAC,UAAK,WAAU,kEACb,gBACH;AAAA,QACA,4CAAC,UAAK,WAAU,oDACb,iBACH;AAAA;AAAA;AAAA,EACF,GACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/components/socre-badge.tsx"],"sourcesContent":["import React from '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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,qBAAuB;AAER,SAAR,WAA4B;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,SACE,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,eAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,UAAK,WAAU,oEACb,IACH;AAAA,IACA,6BAAAA,QAAA,cAAC,UAAK,WAAU,sDACb,KACH;AAAA,EACF,CACF;AAEJ;","names":["React"]}

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

@@ -31,102 +31,41 @@ __export(ss_rank_score_item_exports, {
   ScoreItemSkeleton: () => ScoreItemSkeleton
 });
 module.exports = __toCommonJS(ss_rank_score_item_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
 var import_dayjs = __toESM(require("dayjs"));
-var import_flag = __toESM(require("../../components/components/flag"));
-var import_utils = require("../../components/utils");
+var import_flag = __toESM(require("../../components/components/flag.js"));
+var import_utils = require("../../components/utils/index.js");
 function SSRankScoreItem(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ import_react.default.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "skew-x-12 relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center translate-x-2 justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-12 h-12 relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "img",
-                {
-                  src: props.avatar,
-                  className: "shadow-lg w-12 h-12 rounded-full object-cover"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-3 h-3 absolute bottom-0 right-3", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flag.default, { flagNationCode: props.countryCode }) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "line-clamp-1 text-ellipsis max-w-[100px]", children: props.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center space-x-1", children: [
-                !props.isRegionRank && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flag.EarchIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-                  "# ",
-                  props.globalRank
-                ] })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-end -translate-x-2 -skew-x-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              (props.acc * 100).toFixed(2),
-              " %"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-x-1", children: props.modifiers.split(",").map((it) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: it }, it)) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: (0, import_utils.numberWithCommas)(props.score) })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between mt-0 px-4 -translate-x-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: (0, import_utils.formatDate)(
-            (0, import_dayjs.default)(props.date * 1e3).toDate(),
-            "YY \u5E74 MM \u6708 DD \u65E5"
-          ) }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ import_react.default.createElement("div", { className: "skew-x-12 relative" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center translate-x-2 justify-between" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "w-12 h-12 relative" }, /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src: props.avatar,
+        className: "shadow-lg w-12 h-12 rounded-full object-cover"
+      }
+    ), /* @__PURE__ */ import_react.default.createElement("div", { className: "w-3 h-3 absolute bottom-0 right-3" }, /* @__PURE__ */ import_react.default.createElement(import_flag.default, { flagNationCode: props.countryCode }))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "line-clamp-1 text-ellipsis max-w-[100px]" }, props.name), /* @__PURE__ */ import_react.default.createElement("span", { className: "flex items-center space-x-1" }, !props.isRegionRank && /* @__PURE__ */ import_react.default.createElement(import_flag.EarchIcon, null), /* @__PURE__ */ import_react.default.createElement("span", null, "# ", props.globalRank)))), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-end -translate-x-2 -skew-x-3" }, /* @__PURE__ */ import_react.default.createElement("div", null, (props.acc * 100).toFixed(2), " %"), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "space-x-1" }, props.modifiers.split(",").map((it) => /* @__PURE__ */ import_react.default.createElement("span", { key: it }, it))), /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_utils.numberWithCommas)(props.score))))), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between mt-0 px-4 -translate-x-4" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60" }, /* @__PURE__ */ import_react.default.createElement("div", null, (0, import_utils.formatDate)(
+      (0, import_dayjs.default)(props.date * 1e3).toDate(),
+      "YY \u5E74 MM \u6708 DD \u65E5"
+    )))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300" }, /* @__PURE__ */ import_react.default.createElement("div", null, " ", props.pp.toFixed(2), " PP")))))
   );
 }
 function ScoreItemSkeleton({ isRegionRank }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  return /* @__PURE__ */ import_react.default.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__ */ (0, import_jsx_runtime.jsxs)("div", { className: "skew-x-12 relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center translate-x-2 justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-12 h-12 relative", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "img",
-              {
-                src: `https://avatar.iran.liara.run/public`,
-                className: "shadow-lg w-12 h-12 rounded-full object-cover"
-              }
-            ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "line-clamp-1 text-ellipsis max-w-[100px]", children: "\u865A\u4F4D\u4EE5\u5F85" }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "flex items-center space-x-1", children: [
-                !isRegionRank && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_flag.EarchIcon, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "# 0 " })
-              ] })
-            ] })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col items-end -translate-x-2 -skew-x-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "0.00 %" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "space-x-1", children: " " }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "000,000" })
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between mt-0 px-4 -translate-x-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "00 \u5E74 00 \u6708 00 \u65E5" }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300", children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ import_react.default.createElement("div", { className: "skew-x-12 relative" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center translate-x-2 justify-between" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "w-12 h-12 relative" }, /* @__PURE__ */ import_react.default.createElement(
+      "img",
+      {
+        src: `https://avatar.iran.liara.run/public`,
+        className: "shadow-lg w-12 h-12 rounded-full object-cover"
+      }
+    )), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "line-clamp-1 text-ellipsis max-w-[100px]" }, "\u865A\u4F4D\u4EE5\u5F85"), /* @__PURE__ */ import_react.default.createElement("span", { className: "flex items-center space-x-1" }, !isRegionRank && /* @__PURE__ */ import_react.default.createElement(import_flag.EarchIcon, null), /* @__PURE__ */ import_react.default.createElement("span", null, "# 0 ")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex flex-col items-end -translate-x-2 -skew-x-3" }, /* @__PURE__ */ import_react.default.createElement("div", null, "0.00 %"), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "space-x-1" }, " "), /* @__PURE__ */ import_react.default.createElement("div", null, "000,000")))), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex items-center justify-between mt-0 px-4 -translate-x-4" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "flex gap-1 items-center justify-start -skew-x-2 text-xs opacity-60" }, /* @__PURE__ */ import_react.default.createElement("div", null, "00 \u5E74 00 \u6708 00 \u65E5")), /* @__PURE__ */ import_react.default.createElement("div", { className: "flex gap-1 items-center justify-start translate-x-6 text-xl font-bold text-green-300" }, /* @__PURE__ */ import_react.default.createElement("div", null, " 0.00 PP"))))
   );
 }
 // Annotate the CommonJS export names for ESM import in node: