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

package/dist/esm/{infra → common}/s3/index.js

@@ -1,5 +1,19 @@
 var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
@@ -23,6 +37,20 @@ var __async = (__this, __arguments, generator) => {
 };
 import { S3Client, PutObjectCommand } from "@aws-sdk/client-s3";
 import crypto from "crypto";
+import { z } from "zod/v4";
+const strictS3ConfigSchema = z.object({
+  s3AccessKey: z.string(),
+  s3SecretKey: z.string(),
+  endpoint: z.string(),
+  baseURL: z.string(),
+  bucketName: z.string(),
+  region: z.string().optional(),
+  keyPrefix: z.string().optional()
+});
+const s3ConfigSchema = z.discriminatedUnion("enabled", [
+  z.object(__spreadValues({ enabled: z.literal(true) }, strictS3ConfigSchema.shape)),
+  z.object({ enabled: z.literal(false) })
+]);
 class S3Service {
   constructor(config) {
     __publicField(this, "s3Client");
@@ -47,17 +75,7 @@ class S3Service {
     return __async(this, null, function* () {
       const res = yield fetch(url).then((it) => it.arrayBuffer());
       const buf = Buffer.from(res);
-      const md5 = crypto.createHash("md5").update(buf).digest("hex");
-      const key = this.keyPrefix ? `${this.keyPrefix}-${md5}` : md5;
-      const params = {
-        Bucket: this.bucket,
-        Key: key,
-        Body: buf,
-        ContentType: mimeType != null ? mimeType : "image/png"
-      };
-      const command = new PutObjectCommand(params);
-      const data = yield this.s3Client.send(command);
-      return `${this.baseURL}${key}`;
+      return this.uploadImg(buf, mimeType);
     });
   }
   uploadImg(buffer, mimeType) {
@@ -77,6 +95,8 @@ class S3Service {
   }
 }
 export {
-  S3Service
+  S3Service,
+  s3ConfigSchema,
+  strictS3ConfigSchema
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/common/s3/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/common/s3/index.ts"],"sourcesContent":["import { S3Client, PutObjectCommand } from '@aws-sdk/client-s3'\nimport crypto from 'crypto'\nimport {z} from \"zod/v4\";\n\nexport interface S3Config {\n  s3AccessKey: string\n  s3SecretKey: string\n  endpoint: string\n  region?: string\n  bucketName: string\n  keyPrefix?: string\n  baseURL: string\n}\n\n\nexport const strictS3ConfigSchema = z.object({\n  s3AccessKey: z.string(),\n  s3SecretKey: z.string(),\n  endpoint: z.string(),\n  baseURL: z.string(),\n  bucketName: z.string(),\n  region: z.string().optional(),\n  keyPrefix: z.string().optional(),\n})\n\nexport const s3ConfigSchema = z.discriminatedUnion('enabled', [\n  z.object({ enabled: z.literal(true), ...strictS3ConfigSchema.shape }),\n  z.object({ enabled: z.literal(false),}),\n])\n\nexport class S3Service {\n  private s3Client: S3Client\n  private readonly bucket: string\n  private readonly keyPrefix: string = ''\n  private readonly baseURL: string = ''\n  constructor(config: S3Config) {\n    const s3 = new S3Client({\n      region: config.region ?? 'auto',\n      endpoint: config.endpoint,\n      credentials: {\n        accessKeyId: config.s3AccessKey,\n        secretAccessKey: config.s3SecretKey,\n      },\n    })\n    this.bucket = config.bucketName\n    this.keyPrefix = config.keyPrefix\n    this.baseURL = config.baseURL\n    this.s3Client = s3\n  }\n  async uploadImgWithUrl(url: string, mimeType?: string): Promise<string> {\n    const res = await fetch(url).then((it) => it.arrayBuffer())\n    const buf = Buffer.from(res)\n    return this.uploadImg(buf, mimeType)\n  }\n\n  async uploadImg(buffer: Buffer, mimeType?: string): Promise<string> {\n    // @ts-ignore\n    const md5 = crypto.createHash('md5').update(buffer).digest('hex')\n    const key = this.keyPrefix ? `${this.keyPrefix}-${md5}` : md5\n    const params = {\n      Bucket: this.bucket,\n      Key: key,\n      Body: buffer,\n      ContentType: mimeType ?? 'image/png',\n    }\n    const command = new PutObjectCommand(params)\n    const data = await this.s3Client.send(command)\n    return `${this.baseURL}${key}`\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,UAAU,wBAAwB;AAC3C,OAAO,YAAY;AACnB,SAAQ,SAAQ;AAaT,MAAM,uBAAuB,EAAE,OAAO;AAAA,EAC3C,aAAa,EAAE,OAAO;AAAA,EACtB,aAAa,EAAE,OAAO;AAAA,EACtB,UAAU,EAAE,OAAO;AAAA,EACnB,SAAS,EAAE,OAAO;AAAA,EAClB,YAAY,EAAE,OAAO;AAAA,EACrB,QAAQ,EAAE,OAAO,EAAE,SAAS;AAAA,EAC5B,WAAW,EAAE,OAAO,EAAE,SAAS;AACjC,CAAC;AAEM,MAAM,iBAAiB,EAAE,mBAAmB,WAAW;AAAA,EAC5D,EAAE,OAAO,iBAAE,SAAS,EAAE,QAAQ,IAAI,KAAM,qBAAqB,MAAO;AAAA,EACpE,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,KAAK,EAAE,CAAC;AACxC,CAAC;AAEM,MAAM,UAAU;AAAA,EAKrB,YAAY,QAAkB;AAJ9B,wBAAQ;AACR,wBAAiB;AACjB,wBAAiB,aAAoB;AACrC,wBAAiB,WAAkB;AAlCrC;AAoCI,UAAM,KAAK,IAAI,SAAS;AAAA,MACtB,SAAQ,YAAO,WAAP,YAAiB;AAAA,MACzB,UAAU,OAAO;AAAA,MACjB,aAAa;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,iBAAiB,OAAO;AAAA,MAC1B;AAAA,IACF,CAAC;AACD,SAAK,SAAS,OAAO;AACrB,SAAK,YAAY,OAAO;AACxB,SAAK,UAAU,OAAO;AACtB,SAAK,WAAW;AAAA,EAClB;AAAA,EACM,iBAAiB,KAAa,UAAoC;AAAA;AACtE,YAAM,MAAM,MAAM,MAAM,GAAG,EAAE,KAAK,CAAC,OAAO,GAAG,YAAY,CAAC;AAC1D,YAAM,MAAM,OAAO,KAAK,GAAG;AAC3B,aAAO,KAAK,UAAU,KAAK,QAAQ;AAAA,IACrC;AAAA;AAAA,EAEM,UAAU,QAAgB,UAAoC;AAAA;AAElE,YAAM,MAAM,OAAO,WAAW,KAAK,EAAE,OAAO,MAAM,EAAE,OAAO,KAAK;AAChE,YAAM,MAAM,KAAK,YAAY,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK;AAC1D,YAAM,SAAS;AAAA,QACb,QAAQ,KAAK;AAAA,QACb,KAAK;AAAA,QACL,MAAM;AAAA,QACN,aAAa,8BAAY;AAAA,MAC3B;AACA,YAAM,UAAU,IAAI,iBAAiB,MAAM;AAC3C,YAAM,OAAO,MAAM,KAAK,SAAS,KAAK,OAAO;AAC7C,aAAO,GAAG,KAAK,OAAO,GAAG,GAAG;AAAA,IAC9B;AAAA;AACF;","names":[]}

package/dist/esm/components/components/RankDifficulty.js

@@ -17,9 +17,8 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { jsx, jsxs } from "react/jsx-runtime";
 import { BarChart } from "lucide-react";
-import { diffConv } from "../../components/utils";
+import { diffConv } from "../../components/utils/index.js";
 function RankDifficulty({
   difficulty,
   star,
@@ -27,108 +26,85 @@ function RankDifficulty({
   current
 }) {
   var _a, _b;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(
     "div",
     {
-      className: `p-2 rounded-lg bs-bg-gradient  ${current ? `gradient-border opacity-100` : "opacity-60"} `,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(BarChart, { className: "w-4 h-4" }) }),
-          /* @__PURE__ */ jsx("span", { children: diffConv(difficulty) })
-        ] }),
-        star && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(SSStar, { className: "w-4 h-4" }) }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            (_a = star == null ? void 0 : star.toFixed(2)) != null ? _a : "none",
-            " "
-          ] })
-        ] }),
-        blStar && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(BLStar, { className: "w-4 h-4" }) }),
-          /* @__PURE__ */ jsxs("span", { children: [
-            (_b = blStar == null ? void 0 : blStar.toFixed(2)) != null ? _b : "none",
-            " "
-          ] })
-        ] })
-      ]
-    }
+      className: `p-2 rounded-lg bs-bg-gradient  ${current ? `gradient-border opacity-100` : "opacity-60"} `
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(BarChart, { className: "w-4 h-4" })), /* @__PURE__ */ React.createElement("span", null, diffConv(difficulty))),
+    star && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(SSStar, { className: "w-4 h-4" })), /* @__PURE__ */ React.createElement("span", null, (_a = star == null ? void 0 : star.toFixed(2)) != null ? _a : "none", " ")),
+    blStar && /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(BLStar, { className: "w-4 h-4" })), /* @__PURE__ */ React.createElement("span", null, (_b = blStar == null ? void 0 : blStar.toFixed(2)) != null ? _b : "none", " "))
   );
 }
 const BLStar = (props) => {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(
     "svg",
     __spreadProps(__spreadValues({}, props), {
       width: "16",
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14.6431 7.17815L11.8306 9.60502L12.6875 13.2344C12.7348 13.4314 12.7226 13.638 12.6525 13.8281C12.5824 14.0182 12.4576 14.1833 12.2937 14.3025C12.1299 14.4217 11.9344 14.4896 11.7319 14.4977C11.5295 14.5059 11.3292 14.4538 11.1563 14.3481L8.00002 12.4056L4.8419 14.3481C4.66904 14.4532 4.46896 14.5048 4.26686 14.4963C4.06476 14.4879 3.86966 14.4199 3.70615 14.3008C3.54263 14.1817 3.41801 14.0169 3.34796 13.8272C3.27792 13.6374 3.26559 13.4312 3.31252 13.2344L4.17252 9.60502L1.36002 7.17815C1.20708 7.04596 1.09648 6.87166 1.04201 6.67699C0.987547 6.48232 0.991641 6.27592 1.05378 6.08356C1.11592 5.89121 1.23336 5.72142 1.39142 5.59541C1.54948 5.4694 1.74116 5.39274 1.94252 5.37502L5.63002 5.07752L7.05252 1.63502C7.12952 1.44741 7.26057 1.28693 7.429 1.17398C7.59744 1.06104 7.79566 1.00073 7.99846 1.00073C8.20126 1.00073 8.39948 1.06104 8.56791 1.17398C8.73635 1.28693 8.8674 1.44741 8.9444 1.63502L10.3663 5.07752L14.0538 5.37502C14.2555 5.39208 14.4478 5.46831 14.6064 5.59415C14.765 5.71999 14.883 5.88984 14.9455 6.08243C15.0081 6.27502 15.0124 6.48178 14.9579 6.6768C14.9035 6.87182 14.7927 7.04644 14.6394 7.17877L14.6431 7.17815Z",
-            fill: "url(#paint0_linear_36_531)"
-          }
-        ),
-        /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "2", fill: "#D9D9D9" }),
-        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
-          "linearGradient",
-          {
-            id: "paint0_linear_36_531",
-            x1: "3.50006",
-            y1: "14",
-            x2: "15.0001",
-            y2: "1.00003",
-            gradientUnits: "userSpaceOnUse",
-            children: [
-              /* @__PURE__ */ jsx("stop", { stopColor: "#2A79F8" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#F41AFF" }),
-              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#FF0303" })
-            ]
-          }
-        ) })
-      ]
-    })
+      xmlns: "http://www.w3.org/2000/svg"
+    }),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M14.6431 7.17815L11.8306 9.60502L12.6875 13.2344C12.7348 13.4314 12.7226 13.638 12.6525 13.8281C12.5824 14.0182 12.4576 14.1833 12.2937 14.3025C12.1299 14.4217 11.9344 14.4896 11.7319 14.4977C11.5295 14.5059 11.3292 14.4538 11.1563 14.3481L8.00002 12.4056L4.8419 14.3481C4.66904 14.4532 4.46896 14.5048 4.26686 14.4963C4.06476 14.4879 3.86966 14.4199 3.70615 14.3008C3.54263 14.1817 3.41801 14.0169 3.34796 13.8272C3.27792 13.6374 3.26559 13.4312 3.31252 13.2344L4.17252 9.60502L1.36002 7.17815C1.20708 7.04596 1.09648 6.87166 1.04201 6.67699C0.987547 6.48232 0.991641 6.27592 1.05378 6.08356C1.11592 5.89121 1.23336 5.72142 1.39142 5.59541C1.54948 5.4694 1.74116 5.39274 1.94252 5.37502L5.63002 5.07752L7.05252 1.63502C7.12952 1.44741 7.26057 1.28693 7.429 1.17398C7.59744 1.06104 7.79566 1.00073 7.99846 1.00073C8.20126 1.00073 8.39948 1.06104 8.56791 1.17398C8.73635 1.28693 8.8674 1.44741 8.9444 1.63502L10.3663 5.07752L14.0538 5.37502C14.2555 5.39208 14.4478 5.46831 14.6064 5.59415C14.765 5.71999 14.883 5.88984 14.9455 6.08243C15.0081 6.27502 15.0124 6.48178 14.9579 6.6768C14.9035 6.87182 14.7927 7.04644 14.6394 7.17877L14.6431 7.17815Z",
+        fill: "url(#paint0_linear_36_531)"
+      }
+    ),
+    /* @__PURE__ */ React.createElement("circle", { cx: "8", cy: "8", r: "2", fill: "#D9D9D9" }),
+    /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement(
+      "linearGradient",
+      {
+        id: "paint0_linear_36_531",
+        x1: "3.50006",
+        y1: "14",
+        x2: "15.0001",
+        y2: "1.00003",
+        gradientUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ React.createElement("stop", { stopColor: "#2A79F8" }),
+      /* @__PURE__ */ React.createElement("stop", { offset: "0.5", stopColor: "#F41AFF" }),
+      /* @__PURE__ */ React.createElement("stop", { offset: "1", stopColor: "#FF0303" })
+    ))
   );
 };
 const SSStar = (props) => {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ React.createElement(
     "svg",
     __spreadProps(__spreadValues({}, props), {
       width: "16",
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none",
-      xmlns: "http://www.w3.org/2000/svg",
-      children: [
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M14.6431 7.17815L11.8306 9.60502L12.6875 13.2344C12.7348 13.4314 12.7226 13.638 12.6525 13.8281C12.5824 14.0182 12.4576 14.1833 12.2937 14.3025C12.1299 14.4217 11.9344 14.4896 11.7319 14.4977C11.5295 14.5059 11.3292 14.4538 11.1563 14.3481L8.00002 12.4056L4.8419 14.3481C4.66904 14.4532 4.46896 14.5048 4.26686 14.4963C4.06476 14.4879 3.86966 14.4199 3.70615 14.3008C3.54263 14.1817 3.41801 14.0169 3.34796 13.8272C3.27792 13.6374 3.26559 13.4312 3.31252 13.2344L4.17252 9.60502L1.36002 7.17815C1.20708 7.04596 1.09648 6.87166 1.04201 6.67699C0.987547 6.48232 0.991641 6.27592 1.05378 6.08356C1.11592 5.89121 1.23336 5.72142 1.39142 5.59541C1.54948 5.4694 1.74116 5.39274 1.94252 5.37502L5.63002 5.07752L7.05252 1.63502C7.12952 1.44741 7.26057 1.28693 7.429 1.17398C7.59744 1.06104 7.79566 1.00073 7.99846 1.00073C8.20126 1.00073 8.39948 1.06104 8.56791 1.17398C8.73635 1.28693 8.8674 1.44741 8.9444 1.63502L10.3663 5.07752L14.0538 5.37502C14.2555 5.39208 14.4478 5.46831 14.6064 5.59415C14.765 5.71999 14.883 5.88984 14.9455 6.08243C15.0081 6.27502 15.0124 6.48178 14.9579 6.6768C14.9035 6.87182 14.7927 7.04644 14.6394 7.17877L14.6431 7.17815Z",
-            fill: "url(#paint0_linear_36_522)"
-          }
-        ),
-        /* @__PURE__ */ jsx("path", { d: "M9.90888 6H6.0907V7H9.90888V6Z", fill: "white" }),
-        /* @__PURE__ */ jsx("path", { d: "M8.81825 9H7.18188V10H8.81825V9Z", fill: "white" }),
-        /* @__PURE__ */ jsx("path", { d: "M9.90902 8H8.81812V9H9.90902V8Z", fill: "white" }),
-        /* @__PURE__ */ jsx("path", { d: "M7.18161 8H6.0907V9H7.18161V8Z", fill: "white" }),
-        /* @__PURE__ */ jsx("path", { d: "M11.0002 7H9.9093V8H11.0002V7Z", fill: "white" }),
-        /* @__PURE__ */ jsx("path", { d: "M6.09091 7H5V8H6.09091V7Z", fill: "white" }),
-        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
-          "linearGradient",
-          {
-            id: "paint0_linear_36_522",
-            x1: "3.50006",
-            y1: "14",
-            x2: "34.5001",
-            y2: "-12",
-            gradientUnits: "userSpaceOnUse",
-            children: /* @__PURE__ */ jsx("stop", { stopColor: "#FFDE18" })
-          }
-        ) })
-      ]
-    })
+      xmlns: "http://www.w3.org/2000/svg"
+    }),
+    /* @__PURE__ */ React.createElement(
+      "path",
+      {
+        d: "M14.6431 7.17815L11.8306 9.60502L12.6875 13.2344C12.7348 13.4314 12.7226 13.638 12.6525 13.8281C12.5824 14.0182 12.4576 14.1833 12.2937 14.3025C12.1299 14.4217 11.9344 14.4896 11.7319 14.4977C11.5295 14.5059 11.3292 14.4538 11.1563 14.3481L8.00002 12.4056L4.8419 14.3481C4.66904 14.4532 4.46896 14.5048 4.26686 14.4963C4.06476 14.4879 3.86966 14.4199 3.70615 14.3008C3.54263 14.1817 3.41801 14.0169 3.34796 13.8272C3.27792 13.6374 3.26559 13.4312 3.31252 13.2344L4.17252 9.60502L1.36002 7.17815C1.20708 7.04596 1.09648 6.87166 1.04201 6.67699C0.987547 6.48232 0.991641 6.27592 1.05378 6.08356C1.11592 5.89121 1.23336 5.72142 1.39142 5.59541C1.54948 5.4694 1.74116 5.39274 1.94252 5.37502L5.63002 5.07752L7.05252 1.63502C7.12952 1.44741 7.26057 1.28693 7.429 1.17398C7.59744 1.06104 7.79566 1.00073 7.99846 1.00073C8.20126 1.00073 8.39948 1.06104 8.56791 1.17398C8.73635 1.28693 8.8674 1.44741 8.9444 1.63502L10.3663 5.07752L14.0538 5.37502C14.2555 5.39208 14.4478 5.46831 14.6064 5.59415C14.765 5.71999 14.883 5.88984 14.9455 6.08243C15.0081 6.27502 15.0124 6.48178 14.9579 6.6768C14.9035 6.87182 14.7927 7.04644 14.6394 7.17877L14.6431 7.17815Z",
+        fill: "url(#paint0_linear_36_522)"
+      }
+    ),
+    /* @__PURE__ */ React.createElement("path", { d: "M9.90888 6H6.0907V7H9.90888V6Z", fill: "white" }),
+    /* @__PURE__ */ React.createElement("path", { d: "M8.81825 9H7.18188V10H8.81825V9Z", fill: "white" }),
+    /* @__PURE__ */ React.createElement("path", { d: "M9.90902 8H8.81812V9H9.90902V8Z", fill: "white" }),
+    /* @__PURE__ */ React.createElement("path", { d: "M7.18161 8H6.0907V9H7.18161V8Z", fill: "white" }),
+    /* @__PURE__ */ React.createElement("path", { d: "M11.0002 7H9.9093V8H11.0002V7Z", fill: "white" }),
+    /* @__PURE__ */ React.createElement("path", { d: "M6.09091 7H5V8H6.09091V7Z", fill: "white" }),
+    /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement(
+      "linearGradient",
+      {
+        id: "paint0_linear_36_522",
+        x1: "3.50006",
+        y1: "14",
+        x2: "34.5001",
+        y2: "-12",
+        gradientUnits: "userSpaceOnUse"
+      },
+      /* @__PURE__ */ React.createElement("stop", { stopColor: "#FFDE18" })
+    ))
   );
 };
 export {

package/dist/esm/components/components/RankDifficulty.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/components/RankDifficulty.tsx"],"sourcesContent":["import { BarChart, Star } from 'lucide-react'\nimport { diffConv } from '@/components/utils'\nimport { HTMLProps } from 'react'\n\nexport function RankDifficulty({\n  difficulty,\n  star,\n  blStar,\n  current,\n}: {\n  difficulty: string\n  star: number | undefined\n  blStar: number | undefined\n  current: boolean\n}) {\n  return (\n    <div\n      className={`p-2 rounded-lg bs-bg-gradient  ${current ? `gradient-border opacity-100` : 'opacity-60'} `}\n    >\n      <div className={'flex items-center gap-2'}>\n        <span>\n          <BarChart className={'w-4 h-4'} />\n        </span>\n        <span>{diffConv(difficulty)}</span>\n      </div>\n      {star && (\n        <div className={'flex items-center gap-2'}>\n          <span>\n            <SSStar className={'w-4 h-4'} />\n          </span>\n          <span>{star?.toFixed(2) ?? 'none'} </span>\n        </div>\n      )}\n      {blStar && (\n        <div className={'flex items-center gap-2'}>\n          <span>\n            <BLStar className={'w-4 h-4'} />\n          </span>\n          <span>{blStar?.toFixed(2) ?? 'none'} </span>\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst BLStar = (props: HTMLProps<SVGSVGElement>) => {\n  return (\n    <svg\n      {...props}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M14.6431 7.17815L11.8306 9.60502L12.6875 13.2344C12.7348 13.4314 12.7226 13.638 12.6525 13.8281C12.5824 14.0182 12.4576 14.1833 12.2937 14.3025C12.1299 14.4217 11.9344 14.4896 11.7319 14.4977C11.5295 14.5059 11.3292 14.4538 11.1563 14.3481L8.00002 12.4056L4.8419 14.3481C4.66904 14.4532 4.46896 14.5048 4.26686 14.4963C4.06476 14.4879 3.86966 14.4199 3.70615 14.3008C3.54263 14.1817 3.41801 14.0169 3.34796 13.8272C3.27792 13.6374 3.26559 13.4312 3.31252 13.2344L4.17252 9.60502L1.36002 7.17815C1.20708 7.04596 1.09648 6.87166 1.04201 6.67699C0.987547 6.48232 0.991641 6.27592 1.05378 6.08356C1.11592 5.89121 1.23336 5.72142 1.39142 5.59541C1.54948 5.4694 1.74116 5.39274 1.94252 5.37502L5.63002 5.07752L7.05252 1.63502C7.12952 1.44741 7.26057 1.28693 7.429 1.17398C7.59744 1.06104 7.79566 1.00073 7.99846 1.00073C8.20126 1.00073 8.39948 1.06104 8.56791 1.17398C8.73635 1.28693 8.8674 1.44741 8.9444 1.63502L10.3663 5.07752L14.0538 5.37502C14.2555 5.39208 14.4478 5.46831 14.6064 5.59415C14.765 5.71999 14.883 5.88984 14.9455 6.08243C15.0081 6.27502 15.0124 6.48178 14.9579 6.6768C14.9035 6.87182 14.7927 7.04644 14.6394 7.17877L14.6431 7.17815Z\"\n        fill=\"url(#paint0_linear_36_531)\"\n      />\n      <circle cx=\"8\" cy=\"8\" r=\"2\" fill=\"#D9D9D9\" />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_36_531\"\n          x1=\"3.50006\"\n          y1=\"14\"\n          x2=\"15.0001\"\n          y2=\"1.00003\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#2A79F8\" />\n          <stop offset=\"0.5\" stopColor=\"#F41AFF\" />\n          <stop offset=\"1\" stopColor=\"#FF0303\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  )\n}\n\nconst SSStar = (props: HTMLProps<SVGSVGElement>) => {\n  return (\n    <svg\n      {...props}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M14.6431 7.17815L11.8306 9.60502L12.6875 13.2344C12.7348 13.4314 12.7226 13.638 12.6525 13.8281C12.5824 14.0182 12.4576 14.1833 12.2937 14.3025C12.1299 14.4217 11.9344 14.4896 11.7319 14.4977C11.5295 14.5059 11.3292 14.4538 11.1563 14.3481L8.00002 12.4056L4.8419 14.3481C4.66904 14.4532 4.46896 14.5048 4.26686 14.4963C4.06476 14.4879 3.86966 14.4199 3.70615 14.3008C3.54263 14.1817 3.41801 14.0169 3.34796 13.8272C3.27792 13.6374 3.26559 13.4312 3.31252 13.2344L4.17252 9.60502L1.36002 7.17815C1.20708 7.04596 1.09648 6.87166 1.04201 6.67699C0.987547 6.48232 0.991641 6.27592 1.05378 6.08356C1.11592 5.89121 1.23336 5.72142 1.39142 5.59541C1.54948 5.4694 1.74116 5.39274 1.94252 5.37502L5.63002 5.07752L7.05252 1.63502C7.12952 1.44741 7.26057 1.28693 7.429 1.17398C7.59744 1.06104 7.79566 1.00073 7.99846 1.00073C8.20126 1.00073 8.39948 1.06104 8.56791 1.17398C8.73635 1.28693 8.8674 1.44741 8.9444 1.63502L10.3663 5.07752L14.0538 5.37502C14.2555 5.39208 14.4478 5.46831 14.6064 5.59415C14.765 5.71999 14.883 5.88984 14.9455 6.08243C15.0081 6.27502 15.0124 6.48178 14.9579 6.6768C14.9035 6.87182 14.7927 7.04644 14.6394 7.17877L14.6431 7.17815Z\"\n        fill=\"url(#paint0_linear_36_522)\"\n      />\n      <path d=\"M9.90888 6H6.0907V7H9.90888V6Z\" fill=\"white\" />\n      <path d=\"M8.81825 9H7.18188V10H8.81825V9Z\" fill=\"white\" />\n      <path d=\"M9.90902 8H8.81812V9H9.90902V8Z\" fill=\"white\" />\n      <path d=\"M7.18161 8H6.0907V9H7.18161V8Z\" fill=\"white\" />\n      <path d=\"M11.0002 7H9.9093V8H11.0002V7Z\" fill=\"white\" />\n      <path d=\"M6.09091 7H5V8H6.09091V7Z\" fill=\"white\" />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_36_522\"\n          x1=\"3.50006\"\n          y1=\"14\"\n          x2=\"34.5001\"\n          y2=\"-12\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#FFDE18\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBM,SAEI,KAFJ;AAnBN,SAAS,gBAAsB;AAC/B,SAAS,gBAAgB;AAGlB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AAdH;AAeE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,kCAAkC,UAAU,gCAAgC,YAAY;AAAA,MAEnG;AAAA,6BAAC,SAAI,WAAW,2BACd;AAAA,8BAAC,UACC,8BAAC,YAAS,WAAW,WAAW,GAClC;AAAA,UACA,oBAAC,UAAM,mBAAS,UAAU,GAAE;AAAA,WAC9B;AAAA,QACC,QACC,qBAAC,SAAI,WAAW,2BACd;AAAA,8BAAC,UACC,8BAAC,UAAO,WAAW,WAAW,GAChC;AAAA,UACA,qBAAC,UAAM;AAAA,+CAAM,QAAQ,OAAd,YAAoB;AAAA,YAAO;AAAA,aAAC;AAAA,WACrC;AAAA,QAED,UACC,qBAAC,SAAI,WAAW,2BACd;AAAA,8BAAC,UACC,8BAAC,UAAO,WAAW,WAAW,GAChC;AAAA,UACA,qBAAC,UAAM;AAAA,mDAAQ,QAAQ,OAAhB,YAAsB;AAAA,YAAO;AAAA,aAAC;AAAA,WACvC;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,SAAS,CAAC,UAAoC;AAClD,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA,QACA,oBAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,MAAK,WAAU;AAAA,QAC3C,oBAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,eAAc;AAAA,YAEd;AAAA,kCAAC,UAAK,WAAU,WAAU;AAAA,cAC1B,oBAAC,UAAK,QAAO,OAAM,WAAU,WAAU;AAAA,cACvC,oBAAC,UAAK,QAAO,KAAI,WAAU,WAAU;AAAA;AAAA;AAAA,QACvC,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,MAAM,SAAS,CAAC,UAAoC;AAClD,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MAEN;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAK;AAAA;AAAA,QACP;AAAA,QACA,oBAAC,UAAK,GAAE,kCAAiC,MAAK,SAAQ;AAAA,QACtD,oBAAC,UAAK,GAAE,oCAAmC,MAAK,SAAQ;AAAA,QACxD,oBAAC,UAAK,GAAE,mCAAkC,MAAK,SAAQ;AAAA,QACvD,oBAAC,UAAK,GAAE,kCAAiC,MAAK,SAAQ;AAAA,QACtD,oBAAC,UAAK,GAAE,kCAAiC,MAAK,SAAQ;AAAA,QACtD,oBAAC,UAAK,GAAE,6BAA4B,MAAK,SAAQ;AAAA,QACjD,oBAAC,UACC;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,eAAc;AAAA,YAEd,8BAAC,UAAK,WAAU,WAAU;AAAA;AAAA,QAC5B,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/components/RankDifficulty.tsx"],"sourcesContent":["import { BarChart, Star } from 'lucide-react'\nimport { diffConv } from '@/components/utils'\nimport { HTMLProps } from 'react'\n\nexport function RankDifficulty({\n  difficulty,\n  star,\n  blStar,\n  current,\n}: {\n  difficulty: string\n  star: number | undefined\n  blStar: number | undefined\n  current: boolean\n}) {\n  return (\n    <div\n      className={`p-2 rounded-lg bs-bg-gradient  ${current ? `gradient-border opacity-100` : 'opacity-60'} `}\n    >\n      <div className={'flex items-center gap-2'}>\n        <span>\n          <BarChart className={'w-4 h-4'} />\n        </span>\n        <span>{diffConv(difficulty)}</span>\n      </div>\n      {star && (\n        <div className={'flex items-center gap-2'}>\n          <span>\n            <SSStar className={'w-4 h-4'} />\n          </span>\n          <span>{star?.toFixed(2) ?? 'none'} </span>\n        </div>\n      )}\n      {blStar && (\n        <div className={'flex items-center gap-2'}>\n          <span>\n            <BLStar className={'w-4 h-4'} />\n          </span>\n          <span>{blStar?.toFixed(2) ?? 'none'} </span>\n        </div>\n      )}\n    </div>\n  )\n}\n\nconst BLStar = (props: HTMLProps<SVGSVGElement>) => {\n  return (\n    <svg\n      {...props}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M14.6431 7.17815L11.8306 9.60502L12.6875 13.2344C12.7348 13.4314 12.7226 13.638 12.6525 13.8281C12.5824 14.0182 12.4576 14.1833 12.2937 14.3025C12.1299 14.4217 11.9344 14.4896 11.7319 14.4977C11.5295 14.5059 11.3292 14.4538 11.1563 14.3481L8.00002 12.4056L4.8419 14.3481C4.66904 14.4532 4.46896 14.5048 4.26686 14.4963C4.06476 14.4879 3.86966 14.4199 3.70615 14.3008C3.54263 14.1817 3.41801 14.0169 3.34796 13.8272C3.27792 13.6374 3.26559 13.4312 3.31252 13.2344L4.17252 9.60502L1.36002 7.17815C1.20708 7.04596 1.09648 6.87166 1.04201 6.67699C0.987547 6.48232 0.991641 6.27592 1.05378 6.08356C1.11592 5.89121 1.23336 5.72142 1.39142 5.59541C1.54948 5.4694 1.74116 5.39274 1.94252 5.37502L5.63002 5.07752L7.05252 1.63502C7.12952 1.44741 7.26057 1.28693 7.429 1.17398C7.59744 1.06104 7.79566 1.00073 7.99846 1.00073C8.20126 1.00073 8.39948 1.06104 8.56791 1.17398C8.73635 1.28693 8.8674 1.44741 8.9444 1.63502L10.3663 5.07752L14.0538 5.37502C14.2555 5.39208 14.4478 5.46831 14.6064 5.59415C14.765 5.71999 14.883 5.88984 14.9455 6.08243C15.0081 6.27502 15.0124 6.48178 14.9579 6.6768C14.9035 6.87182 14.7927 7.04644 14.6394 7.17877L14.6431 7.17815Z\"\n        fill=\"url(#paint0_linear_36_531)\"\n      />\n      <circle cx=\"8\" cy=\"8\" r=\"2\" fill=\"#D9D9D9\" />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_36_531\"\n          x1=\"3.50006\"\n          y1=\"14\"\n          x2=\"15.0001\"\n          y2=\"1.00003\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#2A79F8\" />\n          <stop offset=\"0.5\" stopColor=\"#F41AFF\" />\n          <stop offset=\"1\" stopColor=\"#FF0303\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  )\n}\n\nconst SSStar = (props: HTMLProps<SVGSVGElement>) => {\n  return (\n    <svg\n      {...props}\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M14.6431 7.17815L11.8306 9.60502L12.6875 13.2344C12.7348 13.4314 12.7226 13.638 12.6525 13.8281C12.5824 14.0182 12.4576 14.1833 12.2937 14.3025C12.1299 14.4217 11.9344 14.4896 11.7319 14.4977C11.5295 14.5059 11.3292 14.4538 11.1563 14.3481L8.00002 12.4056L4.8419 14.3481C4.66904 14.4532 4.46896 14.5048 4.26686 14.4963C4.06476 14.4879 3.86966 14.4199 3.70615 14.3008C3.54263 14.1817 3.41801 14.0169 3.34796 13.8272C3.27792 13.6374 3.26559 13.4312 3.31252 13.2344L4.17252 9.60502L1.36002 7.17815C1.20708 7.04596 1.09648 6.87166 1.04201 6.67699C0.987547 6.48232 0.991641 6.27592 1.05378 6.08356C1.11592 5.89121 1.23336 5.72142 1.39142 5.59541C1.54948 5.4694 1.74116 5.39274 1.94252 5.37502L5.63002 5.07752L7.05252 1.63502C7.12952 1.44741 7.26057 1.28693 7.429 1.17398C7.59744 1.06104 7.79566 1.00073 7.99846 1.00073C8.20126 1.00073 8.39948 1.06104 8.56791 1.17398C8.73635 1.28693 8.8674 1.44741 8.9444 1.63502L10.3663 5.07752L14.0538 5.37502C14.2555 5.39208 14.4478 5.46831 14.6064 5.59415C14.765 5.71999 14.883 5.88984 14.9455 6.08243C15.0081 6.27502 15.0124 6.48178 14.9579 6.6768C14.9035 6.87182 14.7927 7.04644 14.6394 7.17877L14.6431 7.17815Z\"\n        fill=\"url(#paint0_linear_36_522)\"\n      />\n      <path d=\"M9.90888 6H6.0907V7H9.90888V6Z\" fill=\"white\" />\n      <path d=\"M8.81825 9H7.18188V10H8.81825V9Z\" fill=\"white\" />\n      <path d=\"M9.90902 8H8.81812V9H9.90902V8Z\" fill=\"white\" />\n      <path d=\"M7.18161 8H6.0907V9H7.18161V8Z\" fill=\"white\" />\n      <path d=\"M11.0002 7H9.9093V8H11.0002V7Z\" fill=\"white\" />\n      <path d=\"M6.09091 7H5V8H6.09091V7Z\" fill=\"white\" />\n      <defs>\n        <linearGradient\n          id=\"paint0_linear_36_522\"\n          x1=\"3.50006\"\n          y1=\"14\"\n          x2=\"34.5001\"\n          y2=\"-12\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop stopColor=\"#FFDE18\" />\n        </linearGradient>\n      </defs>\n    </svg>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAsB;AAC/B,SAAS,gBAAgB;AAGlB,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AAdH;AAeE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,kCAAkC,UAAU,gCAAgC,YAAY;AAAA;AAAA,IAEnG,oCAAC,SAAI,WAAW,6BACd,oCAAC,cACC,oCAAC,YAAS,WAAW,WAAW,CAClC,GACA,oCAAC,cAAM,SAAS,UAAU,CAAE,CAC9B;AAAA,IACC,QACC,oCAAC,SAAI,WAAW,6BACd,oCAAC,cACC,oCAAC,UAAO,WAAW,WAAW,CAChC,GACA,oCAAC,eAAM,kCAAM,QAAQ,OAAd,YAAoB,QAAO,GAAC,CACrC;AAAA,IAED,UACC,oCAAC,SAAI,WAAW,6BACd,oCAAC,cACC,oCAAC,UAAO,WAAW,WAAW,CAChC,GACA,oCAAC,eAAM,sCAAQ,QAAQ,OAAhB,YAAsB,QAAO,GAAC,CACvC;AAAA,EAEJ;AAEJ;AAEA,MAAM,SAAS,CAAC,UAAoC;AAClD,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA,oCAAC,YAAO,IAAG,KAAI,IAAG,KAAI,GAAE,KAAI,MAAK,WAAU;AAAA,IAC3C,oCAAC,cACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,eAAc;AAAA;AAAA,MAEd,oCAAC,UAAK,WAAU,WAAU;AAAA,MAC1B,oCAAC,UAAK,QAAO,OAAM,WAAU,WAAU;AAAA,MACvC,oCAAC,UAAK,QAAO,KAAI,WAAU,WAAU;AAAA,IACvC,CACF;AAAA,EACF;AAEJ;AAEA,MAAM,SAAS,CAAC,UAAoC;AAClD,SACE;AAAA,IAAC;AAAA,qCACK,QADL;AAAA,MAEC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA;AAAA,IAEN;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAK;AAAA;AAAA,IACP;AAAA,IACA,oCAAC,UAAK,GAAE,kCAAiC,MAAK,SAAQ;AAAA,IACtD,oCAAC,UAAK,GAAE,oCAAmC,MAAK,SAAQ;AAAA,IACxD,oCAAC,UAAK,GAAE,mCAAkC,MAAK,SAAQ;AAAA,IACvD,oCAAC,UAAK,GAAE,kCAAiC,MAAK,SAAQ;AAAA,IACtD,oCAAC,UAAK,GAAE,kCAAiC,MAAK,SAAQ;AAAA,IACtD,oCAAC,UAAK,GAAE,6BAA4B,MAAK,SAAQ;AAAA,IACjD,oCAAC,cACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,eAAc;AAAA;AAAA,MAEd,oCAAC,UAAK,WAAU,WAAU;AAAA,IAC5B,CACF;AAAA,EACF;AAEJ;","names":[]}

package/dist/esm/components/components/base/avatar.js

@@ -1,6 +1,5 @@
-import { jsx } from "react/jsx-runtime";
 function Avatar({ src, fallback, className }) {
-  return /* @__PURE__ */ jsx("img", { className, src });
+  return /* @__PURE__ */ React.createElement("img", { className, src });
 }
 export {
   Avatar

package/dist/esm/components/components/base/avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/components/base/avatar.tsx"],"sourcesContent":["interface AvatarProps {\n  className?: string\n  src: string\n  fallback?: string\n}\nexport function Avatar({ src, fallback, className }: AvatarProps) {\n  // className={'h-4 w-4 rounded-full'}\n  // src={beatmap.uploader.avatar}\n  // fallback={score.song.mapper.slice(0, 1)}\n  return <img className={className} src={src} />\n}\n"],"mappings":"AASS;AAJF,SAAS,OAAO,EAAE,KAAK,UAAU,UAAU,GAAgB;AAIhE,SAAO,oBAAC,SAAI,WAAsB,KAAU;AAC9C;","names":[]}
+{"version":3,"sources":["../../../../../src/components/components/base/avatar.tsx"],"sourcesContent":["interface AvatarProps {\n  className?: string\n  src: string\n  fallback?: string\n}\nexport function Avatar({ src, fallback, className }: AvatarProps) {\n  // className={'h-4 w-4 rounded-full'}\n  // src={beatmap.uploader.avatar}\n  // fallback={score.song.mapper.slice(0, 1)}\n  return <img className={className} src={src} />\n}\n"],"mappings":"AAKO,SAAS,OAAO,EAAE,KAAK,UAAU,UAAU,GAAgB;AAIhE,SAAO,oCAAC,SAAI,WAAsB,KAAU;AAC9C;","names":[]}

package/dist/esm/components/components/bl-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 BlRankScoreItem(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/bl-rank-score-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/components/bl-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}\nexport function BlRankScoreItem(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":"AAyBY,SACE,KADF;AAzBZ,OAAO,WAAW;AAClB,OAAO,SAAS,iBAAiB;AACjC,SAAS,YAAY,wBAAwB;AAetC,SAAS,gBAAgB,OAAuB;AACrD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,MAAM,OAAO,oBAAoB,EAAE;AAAA,MAEjD,+BAAC,SAAI,WAAU,sBACb;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,+BAAC,SAAI,WAAU,cACb;AAAA,iCAAC,SAAI,WAAW,sBACd;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK,MAAM;AAAA,kBACX,WAAU;AAAA;AAAA,cACZ;AAAA,cACA,oBAAC,SAAI,WAAW,qCACd,8BAAC,SAAM,gBAAgB,MAAM,aAAa,GAC5C;AAAA,eACF;AAAA,YACA,qBAAC,SACC;AAAA,kCAAC,SAAI,WAAW,4CACb,gBAAM,MACT;AAAA,cACA,qBAAC,UAAK,WAAU,+BACb;AAAA,iBAAC,MAAM,gBAAgB,oBAAC,aAAU;AAAA,gBACnC,qBAAC,UAAK;AAAA;AAAA,kBAAG,MAAM;AAAA,mBAAW;AAAA,iBAC5B;AAAA,eACF;AAAA,aACF;AAAA,UAEA,qBAAC,SAAI,WAAU,oDACb;AAAA,iCAAC,SAAM;AAAA,qBAAM,MAAM,KAAK,QAAQ,CAAC;AAAA,cAAE;AAAA,eAAE;AAAA,YACrC,qBAAC,SAAI,WAAW,cACd;AAAA,kCAAC,SAAI,WAAW,aACb,gBAAM,UAAU,MAAM,GAAG,EAAE,IAAI,CAAC,OAC/B,oBAAC,UAAe,gBAAL,EAAQ,CACpB,GACH;AAAA,cACA,oBAAC,SAAK,2BAAiB,MAAM,KAAK,GAAE;AAAA,eACtC;AAAA,aACF;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,8DACb;AAAA,8BAAC,SAAI,WAAU,cACb,8BAAC,SAAI,WAAU,sEACb,8BAAC,SACE;AAAA,YACC,MAAM,MAAM,OAAO,GAAI,EAAE,OAAO;AAAA,YAChC;AAAA,UACF,GACF,GACF,GACF;AAAA,UACA,oBAAC,SACC,8BAAC,SAAI,WAAU,wFACb,+BAAC,SAAI;AAAA;AAAA,YAAE,MAAM,GAAG,QAAQ,CAAC;AAAA,YAAE;AAAA,aAAG,GAChC,GACF;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEO,SAAS,kBAAkB,EAAE,aAAa,GAA8B;AAC7E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MAEX,+BAAC,SAAI,WAAU,sBACb;AAAA,6BAAC,SAAI,WAAU,mDACb;AAAA,+BAAC,SAAI,WAAU,cACb;AAAA,gCAAC,SAAI,WAAW,sBACd;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK;AAAA,gBACL,WAAU;AAAA;AAAA,YACZ,GACF;AAAA,YACA,qBAAC,SACC;AAAA,kCAAC,SAAI,WAAW,4CAA4C,sCAE5D;AAAA,cACA,qBAAC,UAAK,WAAU,+BACb;AAAA,iBAAC,gBAAgB,oBAAC,aAAU;AAAA,gBAC7B,oBAAC,UAAK,kBAAI;AAAA,iBACZ;AAAA,eACF;AAAA,aACF;AAAA,UAEA,qBAAC,SAAI,WAAU,oDACb;AAAA,gCAAC,SAAI,oBAAM;AAAA,YACX,qBAAC,SAAI,WAAW,cACd;AAAA,kCAAC,SAAI,WAAW,aAAa,eAAC;AAAA,cAC9B,oBAAC,SAAI,qBAAO;AAAA,eACd;AAAA,aACF;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,8DACb;AAAA,8BAAC,SAAI,WAAU,sEACb,8BAAC,SAAI,2CAAc,GACrB;AAAA,UACA,oBAAC,SAAI,WAAU,wFACb,8BAAC,SAAI,sBAAQ,GACf;AAAA,WACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/components/bl-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}\nexport function BlRankScoreItem(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;AAetC,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":[]}