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

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

@@ -31,102 +31,40 @@ __export(bl_rank_score_item_exports, {
   ScoreItemSkeleton: () => ScoreItemSkeleton
 });
 module.exports = __toCommonJS(bl_rank_score_item_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 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 BlRankScoreItem(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (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__ */ 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(import_flag.default, { 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(import_flag.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, (0, import_utils.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, (0, import_utils.formatDate)(
+      (0, import_dayjs.default)(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__ */ (0, import_jsx_runtime.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__ */ (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__ */ 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(import_flag.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"))))
   );
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/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":"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","names":["Flags","dayjs"]}
+{"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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiC;AACjC,mBAA6C;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,YAAAA,SAAA,EAAM,gBAAgB,MAAM,aAAa,CAC5C,CACF,GACA,oCAAC,aACC,oCAAC,SAAI,WAAW,8CACb,MAAM,IACT,GACA,oCAAC,UAAK,WAAU,iCACb,CAAC,MAAM,gBAAgB,oCAAC,2BAAU,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,iBAAK,+BAAiB,MAAM,KAAK,CAAE,CACtC,CACF,CACF,GACA,oCAAC,SAAI,WAAU,gEACb,oCAAC,SAAI,WAAU,gBACb,oCAAC,SAAI,WAAU,wEACb,oCAAC,iBACE;AAAA,UACC,aAAAC,SAAM,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,2BAAU,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":["Flags","dayjs"]}

package/dist/cjs/components/components/bl-score-item.js

@@ -20,9 +20,8 @@ __export(bl_score_item_exports, {
   default: () => BeatLeaderItem
 });
 module.exports = __toCommonJS(bl_score_item_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
 var import_lucide_react = require("lucide-react");
-var import_utils = require("../utils");
+var import_utils = require("../utils/index.js");
 const getModifiers = (modifiers) => {
   return modifiers ? modifiers.split(",") : [];
 };
@@ -30,75 +29,35 @@ function BeatLeaderItem({
   item
 }) {
   var _a, _b;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "relative  overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
+  return /* @__PURE__ */ React.createElement("div", { className: "relative  overflow-hidden" }, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: "rounded-lg flex bg-black/[.4] space-x-2 backdrop-blur-none"
+    },
+    /* @__PURE__ */ React.createElement(
+      "img",
       {
-        className: "rounded-lg flex bg-black/[.4] space-x-2 backdrop-blur-md",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "img",
-            {
-              loading: "eager",
-              src: item.leaderboard.song.coverImage,
-              className: "rounded-md h-20 w-20",
-              alt: "score item cover"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col space-y-1 py-0.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              "div",
-              {
-                className: "font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all",
-                children: item.leaderboard.song.name
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-              "div",
-              {
-                className: "text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 ",
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.BarChart, { className: "w-3 h-3" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: (0, import_utils.diffConv)(item.leaderboard.difficulty.difficultyName) })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Star, { className: "w-3 h-3" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-                      (_b = (_a = item.leaderboard.difficulty.stars) == null ? void 0 : _a.toFixed(2)) != null ? _b : "none",
-                      " "
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Key, { className: "w-3 h-3" }) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: item.leaderboard.song.id.toLowerCase().replaceAll("x", "") })
-                  ] })
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex space-x-2 text-xs items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { children: [
-                (item.baseScore / item.leaderboard.difficulty.maxScore * 100).toFixed(2),
-                "%"
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "text-orange-200", children: [
-                item.pp.toFixed(2),
-                "PP"
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs opacity-70", children: (0, import_utils.formatRelativeTimeByDay)(item.timepost * 1e3) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex items-center space-x-2", children: getModifiers(item.modifiers).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "text-xs flex flex-wrap space-x-2 items-center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Wrench, { className: "h-3 w-3" }),
-              getModifiers(item.modifiers).map((modifier) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: modifier }, modifier))
-            ] }) })
-          ] })
-        ]
+        loading: "eager",
+        src: item.leaderboard.song.coverImage,
+        className: "rounded-md h-20 w-20",
+        alt: "score item cover"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center", children: [
-      item.fullCombo && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent", children: "FC" }),
-      item.pinned && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Pin, { className: "rotate-45 h-3 w-3 my-auto" })
-    ] })
-  ] });
+    /* @__PURE__ */ React.createElement("div", { className: "flex flex-col space-y-1 py-0.5" }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all"
+      },
+      item.leaderboard.song.name
+    ), /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        className: "text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 "
+      },
+      /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(import_lucide_react.BarChart, { className: "w-3 h-3" })), /* @__PURE__ */ React.createElement("span", null, (0, import_utils.diffConv)(item.leaderboard.difficulty.difficultyName))),
+      /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(import_lucide_react.Star, { className: "w-3 h-3" })), /* @__PURE__ */ React.createElement("span", null, (_b = (_a = item.leaderboard.difficulty.stars) == null ? void 0 : _a.toFixed(2)) != null ? _b : "none", " ")),
+      /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("span", null, /* @__PURE__ */ React.createElement(import_lucide_react.Key, { className: "w-3 h-3" })), /* @__PURE__ */ React.createElement("span", null, item.leaderboard.song.id.toLowerCase().replaceAll("x", "")))
+    ), /* @__PURE__ */ React.createElement("div", { className: "flex space-x-2 text-xs items-center" }, /* @__PURE__ */ React.createElement("span", null, (item.baseScore / item.leaderboard.difficulty.maxScore * 100).toFixed(2), "%"), /* @__PURE__ */ React.createElement("span", { className: "text-orange-200" }, item.pp.toFixed(2), "PP"), /* @__PURE__ */ React.createElement("span", { className: "text-xs opacity-70" }, (0, import_utils.formatRelativeTimeByDay)(item.timepost * 1e3))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, getModifiers(item.modifiers).length > 0 && /* @__PURE__ */ React.createElement("div", { className: "text-xs flex flex-wrap space-x-2 items-center" }, /* @__PURE__ */ React.createElement(import_lucide_react.Wrench, { className: "h-3 w-3" }), getModifiers(item.modifiers).map((modifier) => /* @__PURE__ */ React.createElement("span", { key: modifier }, modifier)))))
+  ), /* @__PURE__ */ React.createElement("div", { className: "absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center" }, item.fullCombo && /* @__PURE__ */ React.createElement("span", { className: "from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent" }, "FC"), item.pinned && /* @__PURE__ */ React.createElement(import_lucide_react.Pin, { className: "rotate-45 h-3 w-3 my-auto" })));
 }
 //# sourceMappingURL=bl-score-item.js.map

package/dist/cjs/components/components/bl-score-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/components/bl-score-item.tsx"],"sourcesContent":["import { BarChart, Key, Pin, Star, Wrench } from 'lucide-react'\nimport { diffConv, formatRelativeTimeByDay } from '../utils'\nimport {Score} from \"@/service/api/interfaces/beatleader\";\n\nconst getModifiers = (modifiers: string) => {\n  return modifiers ? modifiers.split(',') : []\n}\n\nexport default function BeatLeaderItem({\n  item,\n}: {\n  item: Score & {\n    pinned?: boolean\n  }\n}) {\n  return (\n    <div className=\"relative  overflow-hidden\">\n      <div\n        className={'rounded-lg flex bg-black/[.4] space-x-2 backdrop-blur-md'}\n      >\n        <img\n          loading={'eager'}\n          src={item.leaderboard.song.coverImage}\n          className={'rounded-md h-20 w-20'}\n          alt={'score item cover'}\n        />\n        <div className={'flex flex-col space-y-1 py-0.5'}>\n          <div\n            className={\n              'font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all'\n            }\n          >\n            {item.leaderboard.song.name}\n          </div>\n          <div\n            className={\n              'text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 '\n            }\n          >\n            <div>\n              <span>\n                <BarChart className={'w-3 h-3'} />\n              </span>\n              <span>\n                {diffConv(item.leaderboard.difficulty.difficultyName)}\n              </span>\n            </div>\n            <div>\n              <span>\n                <Star className={'w-3 h-3'} />\n              </span>\n              <span>\n                {item.leaderboard.difficulty.stars?.toFixed(2) ?? 'none'}{' '}\n              </span>\n            </div>\n            <div>\n              <span>\n                <Key className={'w-3 h-3'} />\n              </span>\n              <span>\n                {item.leaderboard.song.id.toLowerCase().replaceAll('x', '')}\n              </span>\n            </div>\n          </div>\n          <div className={'flex space-x-2 text-xs items-center'}>\n            <span>\n              {(\n                (item.baseScore / item.leaderboard.difficulty.maxScore) *\n                100\n              ).toFixed(2)}\n              %\n            </span>\n            <span className={'text-orange-200'}>{item.pp.toFixed(2)}PP</span>\n            <span className={'text-xs opacity-70'}>\n              {formatRelativeTimeByDay(item.timepost * 1000)}\n            </span>\n          </div>\n          <div className={'flex items-center space-x-2'}>\n            {getModifiers(item.modifiers).length > 0 && (\n              <div className=\"text-xs flex flex-wrap space-x-2 items-center\">\n                <Wrench className=\"h-3 w-3\" />\n                {getModifiers(item.modifiers).map((modifier) => (\n                  <span key={modifier}>{modifier}</span>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center\">\n        {item.fullCombo && (\n          <span className=\"from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent\">\n            FC\n          </span>\n        )}\n        {item.pinned && <Pin className=\"rotate-45 h-3 w-3 my-auto\" />}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBQ;AApBR,0BAAiD;AACjD,mBAAkD;AAGlD,MAAM,eAAe,CAAC,cAAsB;AAC1C,SAAO,YAAY,UAAU,MAAM,GAAG,IAAI,CAAC;AAC7C;AAEe,SAAR,eAAgC;AAAA,EACrC;AACF,GAIG;AAdH;AAeE,SACE,6CAAC,SAAI,WAAU,6BACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QAEX;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,SAAS;AAAA,cACT,KAAK,KAAK,YAAY,KAAK;AAAA,cAC3B,WAAW;AAAA,cACX,KAAK;AAAA;AAAA,UACP;AAAA,UACA,6CAAC,SAAI,WAAW,kCACd;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,WACE;AAAA,gBAGD,eAAK,YAAY,KAAK;AAAA;AAAA,YACzB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WACE;AAAA,gBAGF;AAAA,+DAAC,SACC;AAAA,gEAAC,UACC,sDAAC,gCAAS,WAAW,WAAW,GAClC;AAAA,oBACA,4CAAC,UACE,qCAAS,KAAK,YAAY,WAAW,cAAc,GACtD;AAAA,qBACF;AAAA,kBACA,6CAAC,SACC;AAAA,gEAAC,UACC,sDAAC,4BAAK,WAAW,WAAW,GAC9B;AAAA,oBACA,6CAAC,UACE;AAAA,uCAAK,YAAY,WAAW,UAA5B,mBAAmC,QAAQ,OAA3C,YAAiD;AAAA,sBAAQ;AAAA,uBAC5D;AAAA,qBACF;AAAA,kBACA,6CAAC,SACC;AAAA,gEAAC,UACC,sDAAC,2BAAI,WAAW,WAAW,GAC7B;AAAA,oBACA,4CAAC,UACE,eAAK,YAAY,KAAK,GAAG,YAAY,EAAE,WAAW,KAAK,EAAE,GAC5D;AAAA,qBACF;AAAA;AAAA;AAAA,YACF;AAAA,YACA,6CAAC,SAAI,WAAW,uCACd;AAAA,2DAAC,UAEI;AAAA,sBAAK,YAAY,KAAK,YAAY,WAAW,WAC9C,KACA,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBAEf;AAAA,cACA,6CAAC,UAAK,WAAW,mBAAoB;AAAA,qBAAK,GAAG,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBAAE;AAAA,cAC1D,4CAAC,UAAK,WAAW,sBACd,oDAAwB,KAAK,WAAW,GAAI,GAC/C;AAAA,eACF;AAAA,YACA,4CAAC,SAAI,WAAW,+BACb,uBAAa,KAAK,SAAS,EAAE,SAAS,KACrC,6CAAC,SAAI,WAAU,iDACb;AAAA,0DAAC,8BAAO,WAAU,WAAU;AAAA,cAC3B,aAAa,KAAK,SAAS,EAAE,IAAI,CAAC,aACjC,4CAAC,UAAqB,sBAAX,QAAoB,CAChC;AAAA,eACH,GAEJ;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,IAEA,6CAAC,SAAI,WAAU,4EACZ;AAAA,WAAK,aACJ,4CAAC,UAAK,WAAU,2EAA0E,gBAE1F;AAAA,MAED,KAAK,UAAU,4CAAC,2BAAI,WAAU,6BAA4B;AAAA,OAC7D;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/components/bl-score-item.tsx"],"sourcesContent":["import { BarChart, Key, Pin, Star, Wrench } from 'lucide-react'\nimport { diffConv, formatRelativeTimeByDay } from '../utils'\nimport {Score} from \"@/services/api/interfaces/beatleader\";\n\nconst getModifiers = (modifiers: string) => {\n  return modifiers ? modifiers.split(',') : []\n}\n\nexport default function BeatLeaderItem({\n  item,\n}: {\n  item: Score & {\n    pinned?: boolean\n  }\n}) {\n  return (\n    <div className=\"relative  overflow-hidden\">\n      <div\n        className={'rounded-lg flex bg-black/[.4] space-x-2 backdrop-blur-none'}\n      >\n        <img\n          loading={'eager'}\n          src={item.leaderboard.song.coverImage}\n          className={'rounded-md h-20 w-20'}\n          alt={'score item cover'}\n        />\n        <div className={'flex flex-col space-y-1 py-0.5'}>\n          <div\n            className={\n              'font-semibold text-xs text-ellipsis overflow-hidden line-clamp-1 break-all'\n            }\n          >\n            {item.leaderboard.song.name}\n          </div>\n          <div\n            className={\n              'text-xs flex items-center space-x-2 *:flex *:items-center *:space-x-1 '\n            }\n          >\n            <div>\n              <span>\n                <BarChart className={'w-3 h-3'} />\n              </span>\n              <span>\n                {diffConv(item.leaderboard.difficulty.difficultyName)}\n              </span>\n            </div>\n            <div>\n              <span>\n                <Star className={'w-3 h-3'} />\n              </span>\n              <span>\n                {item.leaderboard.difficulty.stars?.toFixed(2) ?? 'none'}{' '}\n              </span>\n            </div>\n            <div>\n              <span>\n                <Key className={'w-3 h-3'} />\n              </span>\n              <span>\n                {item.leaderboard.song.id.toLowerCase().replaceAll('x', '')}\n              </span>\n            </div>\n          </div>\n          <div className={'flex space-x-2 text-xs items-center'}>\n            <span>\n              {(\n                (item.baseScore / item.leaderboard.difficulty.maxScore) *\n                100\n              ).toFixed(2)}\n              %\n            </span>\n            <span className={'text-orange-200'}>{item.pp.toFixed(2)}PP</span>\n            <span className={'text-xs opacity-70'}>\n              {formatRelativeTimeByDay(item.timepost * 1000)}\n            </span>\n          </div>\n          <div className={'flex items-center space-x-2'}>\n            {getModifiers(item.modifiers).length > 0 && (\n              <div className=\"text-xs flex flex-wrap space-x-2 items-center\">\n                <Wrench className=\"h-3 w-3\" />\n                {getModifiers(item.modifiers).map((modifier) => (\n                  <span key={modifier}>{modifier}</span>\n                ))}\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"absolute right-1 bottom-1 text-white flex text-xs space-x-1 items-center\">\n        {item.fullCombo && (\n          <span className=\"from-blue-300 to-red-300 bg-gradient-to-r bg-clip-text text-transparent\">\n            FC\n          </span>\n        )}\n        {item.pinned && <Pin className=\"rotate-45 h-3 w-3 my-auto\" />}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAiD;AACjD,mBAAkD;AAGlD,MAAM,eAAe,CAAC,cAAsB;AAC1C,SAAO,YAAY,UAAU,MAAM,GAAG,IAAI,CAAC;AAC7C;AAEe,SAAR,eAAgC;AAAA,EACrC;AACF,GAIG;AAdH;AAeE,SACE,oCAAC,SAAI,WAAU,+BACb;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA;AAAA,IAEX;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT,KAAK,KAAK,YAAY,KAAK;AAAA,QAC3B,WAAW;AAAA,QACX,KAAK;AAAA;AAAA,IACP;AAAA,IACA,oCAAC,SAAI,WAAW,oCACd;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA;AAAA,MAGD,KAAK,YAAY,KAAK;AAAA,IACzB,GACA;AAAA,MAAC;AAAA;AAAA,QACC,WACE;AAAA;AAAA,MAGF,oCAAC,aACC,oCAAC,cACC,oCAAC,gCAAS,WAAW,WAAW,CAClC,GACA,oCAAC,kBACE,uBAAS,KAAK,YAAY,WAAW,cAAc,CACtD,CACF;AAAA,MACA,oCAAC,aACC,oCAAC,cACC,oCAAC,4BAAK,WAAW,WAAW,CAC9B,GACA,oCAAC,eACE,gBAAK,YAAY,WAAW,UAA5B,mBAAmC,QAAQ,OAA3C,YAAiD,QAAQ,GAC5D,CACF;AAAA,MACA,oCAAC,aACC,oCAAC,cACC,oCAAC,2BAAI,WAAW,WAAW,CAC7B,GACA,oCAAC,cACE,KAAK,YAAY,KAAK,GAAG,YAAY,EAAE,WAAW,KAAK,EAAE,CAC5D,CACF;AAAA,IACF,GACA,oCAAC,SAAI,WAAW,yCACd,oCAAC,eAEI,KAAK,YAAY,KAAK,YAAY,WAAW,WAC9C,KACA,QAAQ,CAAC,GAAE,GAEf,GACA,oCAAC,UAAK,WAAW,qBAAoB,KAAK,GAAG,QAAQ,CAAC,GAAE,IAAE,GAC1D,oCAAC,UAAK,WAAW,4BACd,sCAAwB,KAAK,WAAW,GAAI,CAC/C,CACF,GACA,oCAAC,SAAI,WAAW,iCACb,aAAa,KAAK,SAAS,EAAE,SAAS,KACrC,oCAAC,SAAI,WAAU,mDACb,oCAAC,8BAAO,WAAU,WAAU,GAC3B,aAAa,KAAK,SAAS,EAAE,IAAI,CAAC,aACjC,oCAAC,UAAK,KAAK,YAAW,QAAS,CAChC,CACH,CAEJ,CACF;AAAA,EACF,GAEA,oCAAC,SAAI,WAAU,8EACZ,KAAK,aACJ,oCAAC,UAAK,WAAU,6EAA0E,IAE1F,GAED,KAAK,UAAU,oCAAC,2BAAI,WAAU,6BAA4B,CAC7D,CACF;AAEJ;","names":[]}