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

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 React from 'react'\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,OAAO,WAAW;AAClB,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":[]}

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

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

package/dist/esm/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":"AAoBQ,cAmBI,YAnBJ;AApBR,SAAS,UAAU,KAAK,KAAK,MAAM,cAAc;AACjD,SAAS,UAAU,+BAA+B;AAGlD,MAAM,eAAe,CAAC,cAAsB;AAC1C,SAAO,YAAY,UAAU,MAAM,GAAG,IAAI,CAAC;AAC7C;AAEe,SAAR,eAAgC;AAAA,EACrC;AACF,GAIG;AAdH;AAeE,SACE,qBAAC,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,qBAAC,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,uCAAC,SACC;AAAA,wCAAC,UACC,8BAAC,YAAS,WAAW,WAAW,GAClC;AAAA,oBACA,oBAAC,UACE,mBAAS,KAAK,YAAY,WAAW,cAAc,GACtD;AAAA,qBACF;AAAA,kBACA,qBAAC,SACC;AAAA,wCAAC,UACC,8BAAC,QAAK,WAAW,WAAW,GAC9B;AAAA,oBACA,qBAAC,UACE;AAAA,uCAAK,YAAY,WAAW,UAA5B,mBAAmC,QAAQ,OAA3C,YAAiD;AAAA,sBAAQ;AAAA,uBAC5D;AAAA,qBACF;AAAA,kBACA,qBAAC,SACC;AAAA,wCAAC,UACC,8BAAC,OAAI,WAAW,WAAW,GAC7B;AAAA,oBACA,oBAAC,UACE,eAAK,YAAY,KAAK,GAAG,YAAY,EAAE,WAAW,KAAK,EAAE,GAC5D;AAAA,qBACF;AAAA;AAAA;AAAA,YACF;AAAA,YACA,qBAAC,SAAI,WAAW,uCACd;AAAA,mCAAC,UAEI;AAAA,sBAAK,YAAY,KAAK,YAAY,WAAW,WAC9C,KACA,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBAEf;AAAA,cACA,qBAAC,UAAK,WAAW,mBAAoB;AAAA,qBAAK,GAAG,QAAQ,CAAC;AAAA,gBAAE;AAAA,iBAAE;AAAA,cAC1D,oBAAC,UAAK,WAAW,sBACd,kCAAwB,KAAK,WAAW,GAAI,GAC/C;AAAA,eACF;AAAA,YACA,oBAAC,SAAI,WAAW,+BACb,uBAAa,KAAK,SAAS,EAAE,SAAS,KACrC,qBAAC,SAAI,WAAU,iDACb;AAAA,kCAAC,UAAO,WAAU,WAAU;AAAA,cAC3B,aAAa,KAAK,SAAS,EAAE,IAAI,CAAC,aACjC,oBAAC,UAAqB,sBAAX,QAAoB,CAChC;AAAA,eACH,GAEJ;AAAA,aACF;AAAA;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SAAI,WAAU,4EACZ;AAAA,WAAK,aACJ,oBAAC,UAAK,WAAU,2EAA0E,gBAE1F;AAAA,MAED,KAAK,UAAU,oBAAC,OAAI,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\";\nimport React from 'react'\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,SAAS,UAAU,KAAK,KAAK,MAAM,cAAc;AACjD,SAAS,UAAU,+BAA+B;AAElD,OAAO,WAAW;AAElB,MAAM,eAAe,CAAC,cAAsB;AAC1C,SAAO,YAAY,UAAU,MAAM,GAAG,IAAI,CAAC;AAC7C;AAEe,SAAR,eAAgC;AAAA,EACrC;AACF,GAIG;AAfH;AAgBE,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,YAAS,WAAW,WAAW,CAClC,GACA,oCAAC,cACE,SAAS,KAAK,YAAY,WAAW,cAAc,CACtD,CACF;AAAA,MACA,oCAAC,aACC,oCAAC,cACC,oCAAC,QAAK,WAAW,WAAW,CAC9B,GACA,oCAAC,eACE,gBAAK,YAAY,WAAW,UAA5B,mBAAmC,QAAQ,OAA3C,YAAiD,QAAQ,GAC5D,CACF;AAAA,MACA,oCAAC,aACC,oCAAC,cACC,oCAAC,OAAI,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,wBACd,wBAAwB,KAAK,WAAW,GAAI,CAC/C,CACF,GACA,oCAAC,SAAI,WAAW,iCACb,aAAa,KAAK,SAAS,EAAE,SAAS,KACrC,oCAAC,SAAI,WAAU,mDACb,oCAAC,UAAO,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,OAAI,WAAU,6BAA4B,CAC7D,CACF;AAEJ;","names":[]}

package/dist/esm/components/components/characteristic.js

@@ -1,159 +1,148 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const LawlessIcon = () => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+import React from "react";
+const LawlessIcon = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     stroke: "currentColor",
-    viewBox: "0 0 1280 1280",
-    children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M639.63,931.84c-32.42,0-64.85,0.01-97.27,0c-49.35-0.02-91.47-40.08-94.1-89.41\n          c-0.23-4.24-0.68-8.49-1.24-12.7c-2.09-15.62-8.63-23.1-24.53-24.41c-22.41-1.84-43.94-5.51-62.46-19.39\n          c-25.42-19.04-40.52-43.98-39.39-76.17c0.66-18.65-4.31-34.83-11.99-51.32c-26.74-57.41-47.22-117.1-51.51-180.6\n          c-6.77-100.1,19.79-189.66,91.12-263.06c67.86-69.83,152.88-103.69,247.85-113.16c97.36-9.71,189.34,9.89,272.44,62.65\n          c101.84,64.65,154.46,157.75,155.77,279.06c0.74,69.03-18.74,133.48-44.27,196.55c-5.26,13-12.77,25.23-16.73,38.57\n          c-3.05,10.29-2.68,21.75-2.92,32.7c-0.47,22.04-6.94,41.84-20.71,59.07c-17.3,21.65-40.59,31.48-67.65,33.62\n          c-0.85,0.07-1.71-0.01-2.56,0.02c-27.51,1.05-35.9,8.81-37.05,36.03c-0.87,20.78-7.73,39.17-20.44,55.24\n          c-18.74,23.7-43.11,36.72-73.81,36.72C705.33,931.84,672.48,931.84,639.63,931.84z M480.05,675.84c54.01,0,96.15-41.51,96.22-94.81\n          c0.08-54.41-41.23-95.84-93.84-97.55c-53.66-1.74-99.41,45.06-98.41,95.82C385.11,633.95,425.78,675.84,480.05,675.84z\n           M800.21,483.84c-53.87,0-95.87,41.64-95.93,95.11c-0.06,54.3,41.34,95.6,94.14,97.25c53.21,1.66,99.2-44.9,98.12-96.11\n          C895.39,525.54,854.69,483.84,800.21,483.84z M640.62,775.21c3.39,5.64,6,11.05,9.59,15.72c9.19,11.96,24.81,16.36,37.63,11.13\n          c11.95-4.87,18.72-15.54,16.14-31.29c-6.07-37-23.41-67.85-53.77-90.78c-6.73-5.08-12.97-5.26-19.7-0.1\n          c-30.87,23.65-49.06,54.84-53.97,93.24c-1.86,14.55,4.56,24.54,16.05,28.77c12.63,4.65,24.61,2.59,34.06-7.2\n          C631.85,789.29,635.55,782.41,640.62,775.21z"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M1236.1,788.03L1236.1,788.03c-10.85-23.21-38.46-33.24-61.67-22.39l-533.92,249.47L106.75,766.76\n      c-23.23-10.81-50.82-0.74-61.63,22.49l0,0c-10.81,23.23-0.74,50.82,22.49,61.63l463.17,215.5l-12.54,5.86l-2.58-5.53L290.31,1172\n      l43.52,93.13l225.34-105.29l-1.66-3.55l83.09-38.82l82.58,38.42l-1.96,4.21l225.51,104.93l43.37-93.2l-225.51-104.93l-2.27,4.87\n      l-11.98-5.57l463.37-216.51C1236.92,838.85,1246.95,811.24,1236.1,788.03z"
-        }
-      )
-    ]
-  }
-) });
-const StandardIcon = () => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    viewBox: "0 0 1280 1280"
+  },
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M639.63,931.84c-32.42,0-64.85,0.01-97.27,0c-49.35-0.02-91.47-40.08-94.1-89.41\n          c-0.23-4.24-0.68-8.49-1.24-12.7c-2.09-15.62-8.63-23.1-24.53-24.41c-22.41-1.84-43.94-5.51-62.46-19.39\n          c-25.42-19.04-40.52-43.98-39.39-76.17c0.66-18.65-4.31-34.83-11.99-51.32c-26.74-57.41-47.22-117.1-51.51-180.6\n          c-6.77-100.1,19.79-189.66,91.12-263.06c67.86-69.83,152.88-103.69,247.85-113.16c97.36-9.71,189.34,9.89,272.44,62.65\n          c101.84,64.65,154.46,157.75,155.77,279.06c0.74,69.03-18.74,133.48-44.27,196.55c-5.26,13-12.77,25.23-16.73,38.57\n          c-3.05,10.29-2.68,21.75-2.92,32.7c-0.47,22.04-6.94,41.84-20.71,59.07c-17.3,21.65-40.59,31.48-67.65,33.62\n          c-0.85,0.07-1.71-0.01-2.56,0.02c-27.51,1.05-35.9,8.81-37.05,36.03c-0.87,20.78-7.73,39.17-20.44,55.24\n          c-18.74,23.7-43.11,36.72-73.81,36.72C705.33,931.84,672.48,931.84,639.63,931.84z M480.05,675.84c54.01,0,96.15-41.51,96.22-94.81\n          c0.08-54.41-41.23-95.84-93.84-97.55c-53.66-1.74-99.41,45.06-98.41,95.82C385.11,633.95,425.78,675.84,480.05,675.84z\n           M800.21,483.84c-53.87,0-95.87,41.64-95.93,95.11c-0.06,54.3,41.34,95.6,94.14,97.25c53.21,1.66,99.2-44.9,98.12-96.11\n          C895.39,525.54,854.69,483.84,800.21,483.84z M640.62,775.21c3.39,5.64,6,11.05,9.59,15.72c9.19,11.96,24.81,16.36,37.63,11.13\n          c11.95-4.87,18.72-15.54,16.14-31.29c-6.07-37-23.41-67.85-53.77-90.78c-6.73-5.08-12.97-5.26-19.7-0.1\n          c-30.87,23.65-49.06,54.84-53.97,93.24c-1.86,14.55,4.56,24.54,16.05,28.77c12.63,4.65,24.61,2.59,34.06-7.2\n          C631.85,789.29,635.55,782.41,640.62,775.21z"
+    }
+  ),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M1236.1,788.03L1236.1,788.03c-10.85-23.21-38.46-33.24-61.67-22.39l-533.92,249.47L106.75,766.76\n      c-23.23-10.81-50.82-0.74-61.63,22.49l0,0c-10.81,23.23-0.74,50.82,22.49,61.63l463.17,215.5l-12.54,5.86l-2.58-5.53L290.31,1172\n      l43.52,93.13l225.34-105.29l-1.66-3.55l83.09-38.82l82.58,38.42l-1.96,4.21l225.51,104.93l43.37-93.2l-225.51-104.93l-2.27,4.87\n      l-11.98-5.57l463.37-216.51C1236.92,838.85,1246.95,811.24,1236.1,788.03z"
+    }
+  )
+));
+const StandardIcon = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     stroke: "currentColor",
-    viewBox: "0 0 1280 1280",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M1014,1160c39,5,63-3,75.87-31.69l0,0c13.53-32.46-1.82-69.75-34.28-83.27L708.07,900.22l71.48-37.92  l321.62,145.05c32.72,14.76,71.2,0.2,85.96-32.52v0c7.38-16.36,8.52-35.88,3.74-53.15c-0.68-2.47-1.5-4.8-2.41-7.02l8.48-529.63  c0.33-20.64-16.13-37.64-36.77-37.97l0,0c-20.64-0.33-37.64,16.13-37.97,36.77l-7.66,478.4C974.56,800.83,832.1,745.34,692.3,683.52  c5.01,0.61,10.11,0.93,15.28,0.93c69.05,0,125.03-55.98,125.03-125.03S776.63,434.4,707.58,434.4s-125.03,55.98-125.03,125.03  c0,37.23,16.28,70.65,42.1,93.56c-142.4-65.53-282.26-137.13-424.6-202.8L409.6,121.57c11.1-17.41,5.99-40.51-11.42-51.61l0,0  c-17.41-11.1-40.51-5.99-51.61,11.42L126.42,426.63c-25.08,3.05-49.73,19.87-60.04,42.73l0,0c-14.76,32.72-0.2,71.2,32.52,85.96  l313.11,141.22l-68.3,175.18l-88.76,86.09c-20.92,20.29-25.68,50.93-14.09,75.96c3.82,8.45,9.46,16.24,16.9,22.74l115.03,100.42  c27.77,24.24,69.93,21.38,94.17-6.38h0c24.24-27.77,21.38-69.93-6.38-94.17l-60.8-53.08l19.39-18.81h130.07l0.02-0.01L1014,1160z"
-      }
-    )
-  }
-) });
-const LightShowIcon = () => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(
+    viewBox: "0 0 1280 1280"
+  },
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M1014,1160c39,5,63-3,75.87-31.69l0,0c13.53-32.46-1.82-69.75-34.28-83.27L708.07,900.22l71.48-37.92  l321.62,145.05c32.72,14.76,71.2,0.2,85.96-32.52v0c7.38-16.36,8.52-35.88,3.74-53.15c-0.68-2.47-1.5-4.8-2.41-7.02l8.48-529.63  c0.33-20.64-16.13-37.64-36.77-37.97l0,0c-20.64-0.33-37.64,16.13-37.97,36.77l-7.66,478.4C974.56,800.83,832.1,745.34,692.3,683.52  c5.01,0.61,10.11,0.93,15.28,0.93c69.05,0,125.03-55.98,125.03-125.03S776.63,434.4,707.58,434.4s-125.03,55.98-125.03,125.03  c0,37.23,16.28,70.65,42.1,93.56c-142.4-65.53-282.26-137.13-424.6-202.8L409.6,121.57c11.1-17.41,5.99-40.51-11.42-51.61l0,0  c-17.41-11.1-40.51-5.99-51.61,11.42L126.42,426.63c-25.08,3.05-49.73,19.87-60.04,42.73l0,0c-14.76,32.72-0.2,71.2,32.52,85.96  l313.11,141.22l-68.3,175.18l-88.76,86.09c-20.92,20.29-25.68,50.93-14.09,75.96c3.82,8.45,9.46,16.24,16.9,22.74l115.03,100.42  c27.77,24.24,69.93,21.38,94.17-6.38h0c24.24-27.77,21.38-69.93-6.38-94.17l-60.8-53.08l19.39-18.81h130.07l0.02-0.01L1014,1160z"
+    }
+  )
+));
+const LightShowIcon = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     stroke: "currentColor",
-    viewBox: "0 0 1280 1280",
-    children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M1214.77,1060.46L345.4,323.04c-10.53-8.93-26.3-7.63-35.23,2.89l0,0c-8.93,10.53-7.63,26.3,2.89,35.23  l760.31,644.9C1001.05,989.8,914.14,981,823,981c-112.48,0-218.54,13.4-298.65,37.72c-46.18,14.02-81.2,30.97-104.39,50.3  L231.57,407.7c-3.78-13.28-17.61-20.97-30.89-17.19c-13.28,3.78-20.97,17.61-17.19,30.89l200.62,704.3c0.58,2.03,1.39,3.92,2.4,5.67  c0.77,45.1,48.38,83.26,137.83,110.42c80.11,24.32,186.17,37.72,298.65,37.72s218.54-13.4,298.65-37.72  c90.18-27.38,137.85-65.95,137.85-111.53C1259.5,1104.5,1244.28,1080.98,1214.77,1060.46z M1107.71,1195.85  C1032,1218.84,930.88,1231.5,823,1231.5s-209-12.66-284.71-35.65c-71.7-21.77-103.79-48.63-103.79-65.6s32.09-43.83,103.79-65.6  C614,1041.66,715.12,1029,823,1029s209,12.66,284.71,35.65c28.28,8.59,50.4,17.97,66.82,27.22l16.4,13.91  c3,2.55,6.43,4.26,10.01,5.16c7.13,7.14,10.57,13.75,10.57,19.3C1211.5,1147.22,1179.41,1174.08,1107.71,1195.85z"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M314.38,157.41l-68.74-4.95l-63.09-91.22c-10.96-15.12-28.15-24.07-46.59-27.02  c-18.44-2.95-36.92,1.47-52.04,12.42l-41.81,30.3C10.9,99.56,3.9,143.36,26.52,174.58l58.98,83.44l-22.94,71  c-4.11,12.71,2.87,26.35,15.58,30.46h0c12.71,4.11,26.35-2.87,30.46-15.58l19.07-59.03l17.54,38.17c3.17,6.88,9.46,12.2,16.83,14.24  c2.25,0.62,4.53,0.93,6.8,0.93c5,0,9.91-1.48,14.12-4.36l85.76-58.73c8.29-6.13,12.84-7.92,15.24-13.3l0.98-2.22  c3.7-8.37,1.51-18.17-5.4-24.17l-1.31-1.13l-34.56-33.48l67.24,4.84c13.32,0.96,24.9-9.07,25.86-22.39v0  C337.73,169.95,327.71,158.37,314.38,157.41z M70.24,115.78l41.81-30.3c3.79-2.75,8.25-4.18,12.84-4.18c1.16,0,2.34,0.09,3.51,0.28  c5.79,0.92,10.88,4.05,14.32,8.8l50.4,73.24l-74.59,56.23l-53.19-73.4C58.24,136.64,60.44,122.88,70.24,115.78z M177.86,279.16  l-13.44-29.26l35.11-25l23.84,23.09L177.86,279.16z"
-        }
-      )
-    ]
-  }
-) });
-const OneSaberIcon = () => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    viewBox: "0 0 1280 1280"
+  },
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M1214.77,1060.46L345.4,323.04c-10.53-8.93-26.3-7.63-35.23,2.89l0,0c-8.93,10.53-7.63,26.3,2.89,35.23  l760.31,644.9C1001.05,989.8,914.14,981,823,981c-112.48,0-218.54,13.4-298.65,37.72c-46.18,14.02-81.2,30.97-104.39,50.3  L231.57,407.7c-3.78-13.28-17.61-20.97-30.89-17.19c-13.28,3.78-20.97,17.61-17.19,30.89l200.62,704.3c0.58,2.03,1.39,3.92,2.4,5.67  c0.77,45.1,48.38,83.26,137.83,110.42c80.11,24.32,186.17,37.72,298.65,37.72s218.54-13.4,298.65-37.72  c90.18-27.38,137.85-65.95,137.85-111.53C1259.5,1104.5,1244.28,1080.98,1214.77,1060.46z M1107.71,1195.85  C1032,1218.84,930.88,1231.5,823,1231.5s-209-12.66-284.71-35.65c-71.7-21.77-103.79-48.63-103.79-65.6s32.09-43.83,103.79-65.6  C614,1041.66,715.12,1029,823,1029s209,12.66,284.71,35.65c28.28,8.59,50.4,17.97,66.82,27.22l16.4,13.91  c3,2.55,6.43,4.26,10.01,5.16c7.13,7.14,10.57,13.75,10.57,19.3C1211.5,1147.22,1179.41,1174.08,1107.71,1195.85z"
+    }
+  ),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M314.38,157.41l-68.74-4.95l-63.09-91.22c-10.96-15.12-28.15-24.07-46.59-27.02  c-18.44-2.95-36.92,1.47-52.04,12.42l-41.81,30.3C10.9,99.56,3.9,143.36,26.52,174.58l58.98,83.44l-22.94,71  c-4.11,12.71,2.87,26.35,15.58,30.46h0c12.71,4.11,26.35-2.87,30.46-15.58l19.07-59.03l17.54,38.17c3.17,6.88,9.46,12.2,16.83,14.24  c2.25,0.62,4.53,0.93,6.8,0.93c5,0,9.91-1.48,14.12-4.36l85.76-58.73c8.29-6.13,12.84-7.92,15.24-13.3l0.98-2.22  c3.7-8.37,1.51-18.17-5.4-24.17l-1.31-1.13l-34.56-33.48l67.24,4.84c13.32,0.96,24.9-9.07,25.86-22.39v0  C337.73,169.95,327.71,158.37,314.38,157.41z M70.24,115.78l41.81-30.3c3.79-2.75,8.25-4.18,12.84-4.18c1.16,0,2.34,0.09,3.51,0.28  c5.79,0.92,10.88,4.05,14.32,8.8l50.4,73.24l-74.59,56.23l-53.19-73.4C58.24,136.64,60.44,122.88,70.24,115.78z M177.86,279.16  l-13.44-29.26l35.11-25l23.84,23.09L177.86,279.16z"
+    }
+  )
+));
+const OneSaberIcon = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     stroke: "currentColor",
-    viewBox: "0 0 1280 1280",
-    children: /* @__PURE__ */ jsx(
-      "path",
-      {
-        fill: "currentColor",
-        d: "M1219.85,1045.85l-224.8-83.69L854,850V645.44l317.06,43.14c33.1,4.5,63.58-18.68,68.08-51.77v0  c4.5-33.1-18.68-63.58-51.77-68.08l-434.95-59.19C792.87,491.12,821,450.35,821,403c0-64.62-52.38-117-117-117s-117,52.38-117,117  c0,51.94,33.85,95.97,80.69,111.25l-378.02-43.52c-2.67-0.31-5.31-0.42-7.92-0.38c4.76-10.41,4.8-22.84-0.97-33.74L80.93,59.64  c-9.87-18.61-32.95-25.7-51.56-15.83v0c-18.61,9.87-25.7,32.95-15.83,51.56l199.84,376.98c5.13,9.68,13.83,16.23,23.62,18.91  c-7.69,8.88-12.89,20.09-14.34,32.64v0c-3.82,33.18,19.98,63.18,53.17,67l323.91,37.29l0,0L598,810c0,0-128,2-189,5  c-53,3-75,65-46.05,106.24c0.05-0.24,136.94,189.62,136.94,189.62c19.6,26.61,57.05,32.29,83.66,12.69l0,0  c26.61-19.6,32.29-57.05,12.69-83.66L542,941l201-6l205.66,137.35l4.64,1.96l224.8,83.69c30.97,11.53,65.42-4.23,76.95-35.2v0  C1266.57,1091.83,1250.82,1057.38,1219.85,1045.85z"
-      }
-    )
-  }
-) });
-const Degree360Icon = () => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    viewBox: "0 0 1280 1280"
+  },
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M1219.85,1045.85l-224.8-83.69L854,850V645.44l317.06,43.14c33.1,4.5,63.58-18.68,68.08-51.77v0  c4.5-33.1-18.68-63.58-51.77-68.08l-434.95-59.19C792.87,491.12,821,450.35,821,403c0-64.62-52.38-117-117-117s-117,52.38-117,117  c0,51.94,33.85,95.97,80.69,111.25l-378.02-43.52c-2.67-0.31-5.31-0.42-7.92-0.38c4.76-10.41,4.8-22.84-0.97-33.74L80.93,59.64  c-9.87-18.61-32.95-25.7-51.56-15.83v0c-18.61,9.87-25.7,32.95-15.83,51.56l199.84,376.98c5.13,9.68,13.83,16.23,23.62,18.91  c-7.69,8.88-12.89,20.09-14.34,32.64v0c-3.82,33.18,19.98,63.18,53.17,67l323.91,37.29l0,0L598,810c0,0-128,2-189,5  c-53,3-75,65-46.05,106.24c0.05-0.24,136.94,189.62,136.94,189.62c19.6,26.61,57.05,32.29,83.66,12.69l0,0  c26.61-19.6,32.29-57.05,12.69-83.66L542,941l201-6l205.66,137.35l4.64,1.96l224.8,83.69c30.97,11.53,65.42-4.23,76.95-35.2v0  C1266.57,1091.83,1250.82,1057.38,1219.85,1045.85z"
+    }
+  )
+));
+const Degree360Icon = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     stroke: "currentColor",
-    viewBox: "0 0 1280 1280",
-    children: /* @__PURE__ */ jsxs("g", { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M197.39,338.14v127.8H83V314.09c0-99.23,36.13-148.87,108.43-148.87h100.46   c72.28,0,108.43,49.63,108.43,148.87v202.98c0,62.16-13.93,100.25-41.77,114.28c27.84,14.03,41.77,50.12,41.77,108.26v225.55   c0,99.23-36.15,148.85-108.43,148.85H191.43C119.13,1114,83,1064.38,83,965.15V814.78h114.39v126.3c0,16.06,1.99,26.83,5.96,32.34   s11.27,8.27,21.89,8.27h33.82c10.6,0,17.9-2.76,21.88-8.27c3.97-5.51,5.98-16.28,5.98-32.34V738.1c0-16.03-1.83-27.05-5.48-33.07   s-11.1-9.03-22.37-9.03h-76.6V569.69h76.6c10.6,0,17.9-2.76,21.88-8.27c3.97-5.51,5.98-16.28,5.98-32.32V338.14   c0-16.03-2-26.81-5.98-32.32c-3.97-5.51-11.27-8.28-21.88-8.28h-33.82c-10.62,0-17.92,2.77-21.89,8.28S197.39,322.12,197.39,338.14   z"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M584.33,562.18h108.43c72.28,0,108.43,49.62,108.43,148.85v254.12c0,99.23-36.15,148.85-108.43,148.85   H579.36c-72.29,0-108.43-49.62-108.43-148.85V314.09c0-99.23,36.13-148.87,108.43-148.87h108.43   c72.28,0,108.43,49.63,108.43,148.87v145.84h-112.4V338.14c0-16.03-2-26.81-5.98-32.32s-11.27-8.28-21.88-8.28h-43.77   c-10.62,0-17.92,2.77-21.89,8.28c-3.97,5.51-5.96,16.3-5.96,32.32V562.18z M688.78,941.08v-209c0-16.03-2-26.81-5.98-32.32   c-3.97-5.51-11.6-8.27-22.87-8.27h-75.6v249.59c0,16.06,1.99,26.83,5.96,32.34c3.97,5.51,11.27,8.27,21.89,8.27h47.75   c11.27,0,18.9-2.76,22.87-8.27S688.78,957.14,688.78,941.08z"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M1199.04,314.09v651.07c0,99.23-36.15,148.85-108.43,148.85H975.24c-72.29,0-108.43-49.62-108.43-148.85   V314.09c0-99.23,36.13-148.87,108.43-148.87h115.38C1162.9,165.22,1199.04,214.85,1199.04,314.09z M1084.66,941.08V338.14   c0-16.03-2-26.81-5.98-32.32s-11.6-8.28-22.87-8.28h-45.76c-10.62,0-17.92,2.77-21.89,8.28c-3.97,5.51-5.96,16.3-5.96,32.32v602.94   c0,16.06,1.99,26.83,5.96,32.34c3.97,5.51,11.27,8.27,21.89,8.27h45.76c11.27,0,18.9-2.76,22.87-8.27   S1084.66,957.14,1084.66,941.08z"
-        }
-      )
-    ] })
-  }
-) });
-const Degree90Icon = () => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+    viewBox: "0 0 1280 1280"
+  },
+  /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M197.39,338.14v127.8H83V314.09c0-99.23,36.13-148.87,108.43-148.87h100.46   c72.28,0,108.43,49.63,108.43,148.87v202.98c0,62.16-13.93,100.25-41.77,114.28c27.84,14.03,41.77,50.12,41.77,108.26v225.55   c0,99.23-36.15,148.85-108.43,148.85H191.43C119.13,1114,83,1064.38,83,965.15V814.78h114.39v126.3c0,16.06,1.99,26.83,5.96,32.34   s11.27,8.27,21.89,8.27h33.82c10.6,0,17.9-2.76,21.88-8.27c3.97-5.51,5.98-16.28,5.98-32.34V738.1c0-16.03-1.83-27.05-5.48-33.07   s-11.1-9.03-22.37-9.03h-76.6V569.69h76.6c10.6,0,17.9-2.76,21.88-8.27c3.97-5.51,5.98-16.28,5.98-32.32V338.14   c0-16.03-2-26.81-5.98-32.32c-3.97-5.51-11.27-8.28-21.88-8.28h-33.82c-10.62,0-17.92,2.77-21.89,8.28S197.39,322.12,197.39,338.14   z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M584.33,562.18h108.43c72.28,0,108.43,49.62,108.43,148.85v254.12c0,99.23-36.15,148.85-108.43,148.85   H579.36c-72.29,0-108.43-49.62-108.43-148.85V314.09c0-99.23,36.13-148.87,108.43-148.87h108.43   c72.28,0,108.43,49.63,108.43,148.87v145.84h-112.4V338.14c0-16.03-2-26.81-5.98-32.32s-11.27-8.28-21.88-8.28h-43.77   c-10.62,0-17.92,2.77-21.89,8.28c-3.97,5.51-5.96,16.3-5.96,32.32V562.18z M688.78,941.08v-209c0-16.03-2-26.81-5.98-32.32   c-3.97-5.51-11.6-8.27-22.87-8.27h-75.6v249.59c0,16.06,1.99,26.83,5.96,32.34c3.97,5.51,11.27,8.27,21.89,8.27h47.75   c11.27,0,18.9-2.76,22.87-8.27S688.78,957.14,688.78,941.08z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M1199.04,314.09v651.07c0,99.23-36.15,148.85-108.43,148.85H975.24c-72.29,0-108.43-49.62-108.43-148.85   V314.09c0-99.23,36.13-148.87,108.43-148.87h115.38C1162.9,165.22,1199.04,214.85,1199.04,314.09z M1084.66,941.08V338.14   c0-16.03-2-26.81-5.98-32.32s-11.6-8.28-22.87-8.28h-45.76c-10.62,0-17.92,2.77-21.89,8.28c-3.97,5.51-5.96,16.3-5.96,32.32v602.94   c0,16.06,1.99,26.83,5.96,32.34c3.97,5.51,11.27,8.27,21.89,8.27h45.76c11.27,0,18.9-2.76,22.87-8.27   S1084.66,957.14,1084.66,941.08z"
+    }
+  ))
+));
+const Degree90Icon = () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
     stroke: "currentColor",
-    viewBox: "0 0 1280 1280",
-    children: /* @__PURE__ */ jsxs("g", { children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M386.25,168.31h112.6c72.4,0,108.61,49.2,108.61,147.59v645.51c0,98.39-36.21,147.59-108.61,147.59H390.23   c-72.41,0-108.61-49.2-108.61-147.59V819.79h112.6v117.77c0,15.91,1.99,26.6,5.98,32.05c3.99,5.47,11.29,8.2,21.92,8.2h44.84   c10.62,0,17.94-2.73,21.92-8.2c3.99-5.45,5.98-16.14,5.98-32.05V730.34H386.25c-72.41,0-108.61-49.2-108.61-147.59V315.9   C277.64,217.51,313.84,168.31,386.25,168.31z M418.14,606.6h76.73V339.75c0-15.89-1.99-26.58-5.98-32.05   c-3.99-5.45-11.3-8.2-21.92-8.2h-48.83c-10.63,0-17.94,2.75-21.92,8.2c-3.99,5.47-5.98,16.17-5.98,32.05v226.6   c0,15.91,1.99,26.6,5.98,32.05C400.2,603.88,407.5,606.6,418.14,606.6z"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          fill: "currentColor",
-          d: "M1013,315.9v645.51c0,98.39-36.21,147.59-108.61,147.59H788.8c-72.41,0-108.61-49.2-108.61-147.59V315.9   c0-98.39,36.2-147.59,108.61-147.59h115.59C976.79,168.31,1013,217.51,1013,315.9z M898.41,937.56V339.75   c0-15.89-1.99-26.58-5.98-32.05c-3.98-5.45-11.63-8.2-22.92-8.2h-45.84c-10.63,0-17.94,2.75-21.92,8.2   c-3.98,5.47-5.98,16.17-5.98,32.05v597.81c0,15.91,1.99,26.6,5.98,32.05c3.99,5.47,11.29,8.2,21.92,8.2h45.84   c11.29,0,18.93-2.73,22.92-8.2C896.42,964.16,898.41,953.47,898.41,937.56z"
-        }
-      )
-    ] })
-  }
-) });
+    viewBox: "0 0 1280 1280"
+  },
+  /* @__PURE__ */ React.createElement("g", null, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M386.25,168.31h112.6c72.4,0,108.61,49.2,108.61,147.59v645.51c0,98.39-36.21,147.59-108.61,147.59H390.23   c-72.41,0-108.61-49.2-108.61-147.59V819.79h112.6v117.77c0,15.91,1.99,26.6,5.98,32.05c3.99,5.47,11.29,8.2,21.92,8.2h44.84   c10.62,0,17.94-2.73,21.92-8.2c3.99-5.45,5.98-16.14,5.98-32.05V730.34H386.25c-72.41,0-108.61-49.2-108.61-147.59V315.9   C277.64,217.51,313.84,168.31,386.25,168.31z M418.14,606.6h76.73V339.75c0-15.89-1.99-26.58-5.98-32.05   c-3.99-5.45-11.3-8.2-21.92-8.2h-48.83c-10.63,0-17.94,2.75-21.92,8.2c-3.99,5.47-5.98,16.17-5.98,32.05v226.6   c0,15.91,1.99,26.6,5.98,32.05C400.2,603.88,407.5,606.6,418.14,606.6z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M1013,315.9v645.51c0,98.39-36.21,147.59-108.61,147.59H788.8c-72.41,0-108.61-49.2-108.61-147.59V315.9   c0-98.39,36.2-147.59,108.61-147.59h115.59C976.79,168.31,1013,217.51,1013,315.9z M898.41,937.56V339.75   c0-15.89-1.99-26.58-5.98-32.05c-3.98-5.45-11.63-8.2-22.92-8.2h-45.84c-10.63,0-17.94,2.75-21.92,8.2   c-3.98,5.47-5.98,16.17-5.98,32.05v597.81c0,15.91,1.99,26.6,5.98,32.05c3.99,5.47,11.29,8.2,21.92,8.2h45.84   c11.29,0,18.93-2.73,22.92-8.2C896.42,964.16,898.41,953.47,898.41,937.56z"
+    }
+  ))
+));
 const characteristicIcons = {
-  Lawless: /* @__PURE__ */ jsx(LawlessIcon, {}),
-  Standard: /* @__PURE__ */ jsx(StandardIcon, {}),
-  Lightshow: /* @__PURE__ */ jsx(LightShowIcon, {}),
-  OneSaber: /* @__PURE__ */ jsx(OneSaberIcon, {}),
-  "90Degree": /* @__PURE__ */ jsx(Degree90Icon, {}),
-  "360Degree": /* @__PURE__ */ jsx(Degree360Icon, {})
+  Lawless: /* @__PURE__ */ React.createElement(LawlessIcon, null),
+  Standard: /* @__PURE__ */ React.createElement(StandardIcon, null),
+  Lightshow: /* @__PURE__ */ React.createElement(LightShowIcon, null),
+  OneSaber: /* @__PURE__ */ React.createElement(OneSaberIcon, null),
+  "90Degree": /* @__PURE__ */ React.createElement(Degree90Icon, null),
+  "360Degree": /* @__PURE__ */ React.createElement(Degree360Icon, null)
 };
 function CharacteristicIcon({
   characteristic,
   className
 }) {
   if (Object.keys(characteristicIcons).includes(characteristic)) {
-    return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className, children: characteristicIcons[characteristic] }) });
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("span", { className }, characteristicIcons[characteristic]));
   }
-  return /* @__PURE__ */ jsx(Fragment, {});
+  return /* @__PURE__ */ React.createElement(React.Fragment, null);
 }
 export {
   CharacteristicIcon

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/components/characteristic.tsx"],"sourcesContent":["/** @jsxImportSource react */\n\nconst LawlessIcon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M639.63,931.84c-32.42,0-64.85,0.01-97.27,0c-49.35-0.02-91.47-40.08-94.1-89.41\n          c-0.23-4.24-0.68-8.49-1.24-12.7c-2.09-15.62-8.63-23.1-24.53-24.41c-22.41-1.84-43.94-5.51-62.46-19.39\n          c-25.42-19.04-40.52-43.98-39.39-76.17c0.66-18.65-4.31-34.83-11.99-51.32c-26.74-57.41-47.22-117.1-51.51-180.6\n          c-6.77-100.1,19.79-189.66,91.12-263.06c67.86-69.83,152.88-103.69,247.85-113.16c97.36-9.71,189.34,9.89,272.44,62.65\n          c101.84,64.65,154.46,157.75,155.77,279.06c0.74,69.03-18.74,133.48-44.27,196.55c-5.26,13-12.77,25.23-16.73,38.57\n          c-3.05,10.29-2.68,21.75-2.92,32.7c-0.47,22.04-6.94,41.84-20.71,59.07c-17.3,21.65-40.59,31.48-67.65,33.62\n          c-0.85,0.07-1.71-0.01-2.56,0.02c-27.51,1.05-35.9,8.81-37.05,36.03c-0.87,20.78-7.73,39.17-20.44,55.24\n          c-18.74,23.7-43.11,36.72-73.81,36.72C705.33,931.84,672.48,931.84,639.63,931.84z M480.05,675.84c54.01,0,96.15-41.51,96.22-94.81\n          c0.08-54.41-41.23-95.84-93.84-97.55c-53.66-1.74-99.41,45.06-98.41,95.82C385.11,633.95,425.78,675.84,480.05,675.84z\n           M800.21,483.84c-53.87,0-95.87,41.64-95.93,95.11c-0.06,54.3,41.34,95.6,94.14,97.25c53.21,1.66,99.2-44.9,98.12-96.11\n          C895.39,525.54,854.69,483.84,800.21,483.84z M640.62,775.21c3.39,5.64,6,11.05,9.59,15.72c9.19,11.96,24.81,16.36,37.63,11.13\n          c11.95-4.87,18.72-15.54,16.14-31.29c-6.07-37-23.41-67.85-53.77-90.78c-6.73-5.08-12.97-5.26-19.7-0.1\n          c-30.87,23.65-49.06,54.84-53.97,93.24c-1.86,14.55,4.56,24.54,16.05,28.77c12.63,4.65,24.61,2.59,34.06-7.2\n          C631.85,789.29,635.55,782.41,640.62,775.21z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M1236.1,788.03L1236.1,788.03c-10.85-23.21-38.46-33.24-61.67-22.39l-533.92,249.47L106.75,766.76\n      c-23.23-10.81-50.82-0.74-61.63,22.49l0,0c-10.81,23.23-0.74,50.82,22.49,61.63l463.17,215.5l-12.54,5.86l-2.58-5.53L290.31,1172\n      l43.52,93.13l225.34-105.29l-1.66-3.55l83.09-38.82l82.58,38.42l-1.96,4.21l225.51,104.93l43.37-93.2l-225.51-104.93l-2.27,4.87\n      l-11.98-5.57l463.37-216.51C1236.92,838.85,1246.95,811.24,1236.1,788.03z\"\n      />\n    </svg>\n  </>\n)\n\nconst StandardIcon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M1014,1160c39,5,63-3,75.87-31.69l0,0c13.53-32.46-1.82-69.75-34.28-83.27L708.07,900.22l71.48-37.92  l321.62,145.05c32.72,14.76,71.2,0.2,85.96-32.52v0c7.38-16.36,8.52-35.88,3.74-53.15c-0.68-2.47-1.5-4.8-2.41-7.02l8.48-529.63  c0.33-20.64-16.13-37.64-36.77-37.97l0,0c-20.64-0.33-37.64,16.13-37.97,36.77l-7.66,478.4C974.56,800.83,832.1,745.34,692.3,683.52  c5.01,0.61,10.11,0.93,15.28,0.93c69.05,0,125.03-55.98,125.03-125.03S776.63,434.4,707.58,434.4s-125.03,55.98-125.03,125.03  c0,37.23,16.28,70.65,42.1,93.56c-142.4-65.53-282.26-137.13-424.6-202.8L409.6,121.57c11.1-17.41,5.99-40.51-11.42-51.61l0,0  c-17.41-11.1-40.51-5.99-51.61,11.42L126.42,426.63c-25.08,3.05-49.73,19.87-60.04,42.73l0,0c-14.76,32.72-0.2,71.2,32.52,85.96  l313.11,141.22l-68.3,175.18l-88.76,86.09c-20.92,20.29-25.68,50.93-14.09,75.96c3.82,8.45,9.46,16.24,16.9,22.74l115.03,100.42  c27.77,24.24,69.93,21.38,94.17-6.38h0c24.24-27.77,21.38-69.93-6.38-94.17l-60.8-53.08l19.39-18.81h130.07l0.02-0.01L1014,1160z\"\n      />\n    </svg>\n  </>\n)\n\nconst LightShowIcon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M1214.77,1060.46L345.4,323.04c-10.53-8.93-26.3-7.63-35.23,2.89l0,0c-8.93,10.53-7.63,26.3,2.89,35.23  l760.31,644.9C1001.05,989.8,914.14,981,823,981c-112.48,0-218.54,13.4-298.65,37.72c-46.18,14.02-81.2,30.97-104.39,50.3  L231.57,407.7c-3.78-13.28-17.61-20.97-30.89-17.19c-13.28,3.78-20.97,17.61-17.19,30.89l200.62,704.3c0.58,2.03,1.39,3.92,2.4,5.67  c0.77,45.1,48.38,83.26,137.83,110.42c80.11,24.32,186.17,37.72,298.65,37.72s218.54-13.4,298.65-37.72  c90.18-27.38,137.85-65.95,137.85-111.53C1259.5,1104.5,1244.28,1080.98,1214.77,1060.46z M1107.71,1195.85  C1032,1218.84,930.88,1231.5,823,1231.5s-209-12.66-284.71-35.65c-71.7-21.77-103.79-48.63-103.79-65.6s32.09-43.83,103.79-65.6  C614,1041.66,715.12,1029,823,1029s209,12.66,284.71,35.65c28.28,8.59,50.4,17.97,66.82,27.22l16.4,13.91  c3,2.55,6.43,4.26,10.01,5.16c7.13,7.14,10.57,13.75,10.57,19.3C1211.5,1147.22,1179.41,1174.08,1107.71,1195.85z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M314.38,157.41l-68.74-4.95l-63.09-91.22c-10.96-15.12-28.15-24.07-46.59-27.02  c-18.44-2.95-36.92,1.47-52.04,12.42l-41.81,30.3C10.9,99.56,3.9,143.36,26.52,174.58l58.98,83.44l-22.94,71  c-4.11,12.71,2.87,26.35,15.58,30.46h0c12.71,4.11,26.35-2.87,30.46-15.58l19.07-59.03l17.54,38.17c3.17,6.88,9.46,12.2,16.83,14.24  c2.25,0.62,4.53,0.93,6.8,0.93c5,0,9.91-1.48,14.12-4.36l85.76-58.73c8.29-6.13,12.84-7.92,15.24-13.3l0.98-2.22  c3.7-8.37,1.51-18.17-5.4-24.17l-1.31-1.13l-34.56-33.48l67.24,4.84c13.32,0.96,24.9-9.07,25.86-22.39v0  C337.73,169.95,327.71,158.37,314.38,157.41z M70.24,115.78l41.81-30.3c3.79-2.75,8.25-4.18,12.84-4.18c1.16,0,2.34,0.09,3.51,0.28  c5.79,0.92,10.88,4.05,14.32,8.8l50.4,73.24l-74.59,56.23l-53.19-73.4C58.24,136.64,60.44,122.88,70.24,115.78z M177.86,279.16  l-13.44-29.26l35.11-25l23.84,23.09L177.86,279.16z\"\n      />\n    </svg>\n  </>\n)\nconst OneSaberIcon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M1219.85,1045.85l-224.8-83.69L854,850V645.44l317.06,43.14c33.1,4.5,63.58-18.68,68.08-51.77v0  c4.5-33.1-18.68-63.58-51.77-68.08l-434.95-59.19C792.87,491.12,821,450.35,821,403c0-64.62-52.38-117-117-117s-117,52.38-117,117  c0,51.94,33.85,95.97,80.69,111.25l-378.02-43.52c-2.67-0.31-5.31-0.42-7.92-0.38c4.76-10.41,4.8-22.84-0.97-33.74L80.93,59.64  c-9.87-18.61-32.95-25.7-51.56-15.83v0c-18.61,9.87-25.7,32.95-15.83,51.56l199.84,376.98c5.13,9.68,13.83,16.23,23.62,18.91  c-7.69,8.88-12.89,20.09-14.34,32.64v0c-3.82,33.18,19.98,63.18,53.17,67l323.91,37.29l0,0L598,810c0,0-128,2-189,5  c-53,3-75,65-46.05,106.24c0.05-0.24,136.94,189.62,136.94,189.62c19.6,26.61,57.05,32.29,83.66,12.69l0,0  c26.61-19.6,32.29-57.05,12.69-83.66L542,941l201-6l205.66,137.35l4.64,1.96l224.8,83.69c30.97,11.53,65.42-4.23,76.95-35.2v0  C1266.57,1091.83,1250.82,1057.38,1219.85,1045.85z\"\n      />\n    </svg>\n  </>\n)\nconst Degree360Icon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <g>\n        <path\n          fill=\"currentColor\"\n          d=\"M197.39,338.14v127.8H83V314.09c0-99.23,36.13-148.87,108.43-148.87h100.46   c72.28,0,108.43,49.63,108.43,148.87v202.98c0,62.16-13.93,100.25-41.77,114.28c27.84,14.03,41.77,50.12,41.77,108.26v225.55   c0,99.23-36.15,148.85-108.43,148.85H191.43C119.13,1114,83,1064.38,83,965.15V814.78h114.39v126.3c0,16.06,1.99,26.83,5.96,32.34   s11.27,8.27,21.89,8.27h33.82c10.6,0,17.9-2.76,21.88-8.27c3.97-5.51,5.98-16.28,5.98-32.34V738.1c0-16.03-1.83-27.05-5.48-33.07   s-11.1-9.03-22.37-9.03h-76.6V569.69h76.6c10.6,0,17.9-2.76,21.88-8.27c3.97-5.51,5.98-16.28,5.98-32.32V338.14   c0-16.03-2-26.81-5.98-32.32c-3.97-5.51-11.27-8.28-21.88-8.28h-33.82c-10.62,0-17.92,2.77-21.89,8.28S197.39,322.12,197.39,338.14   z\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M584.33,562.18h108.43c72.28,0,108.43,49.62,108.43,148.85v254.12c0,99.23-36.15,148.85-108.43,148.85   H579.36c-72.29,0-108.43-49.62-108.43-148.85V314.09c0-99.23,36.13-148.87,108.43-148.87h108.43   c72.28,0,108.43,49.63,108.43,148.87v145.84h-112.4V338.14c0-16.03-2-26.81-5.98-32.32s-11.27-8.28-21.88-8.28h-43.77   c-10.62,0-17.92,2.77-21.89,8.28c-3.97,5.51-5.96,16.3-5.96,32.32V562.18z M688.78,941.08v-209c0-16.03-2-26.81-5.98-32.32   c-3.97-5.51-11.6-8.27-22.87-8.27h-75.6v249.59c0,16.06,1.99,26.83,5.96,32.34c3.97,5.51,11.27,8.27,21.89,8.27h47.75   c11.27,0,18.9-2.76,22.87-8.27S688.78,957.14,688.78,941.08z\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M1199.04,314.09v651.07c0,99.23-36.15,148.85-108.43,148.85H975.24c-72.29,0-108.43-49.62-108.43-148.85   V314.09c0-99.23,36.13-148.87,108.43-148.87h115.38C1162.9,165.22,1199.04,214.85,1199.04,314.09z M1084.66,941.08V338.14   c0-16.03-2-26.81-5.98-32.32s-11.6-8.28-22.87-8.28h-45.76c-10.62,0-17.92,2.77-21.89,8.28c-3.97,5.51-5.96,16.3-5.96,32.32v602.94   c0,16.06,1.99,26.83,5.96,32.34c3.97,5.51,11.27,8.27,21.89,8.27h45.76c11.27,0,18.9-2.76,22.87-8.27   S1084.66,957.14,1084.66,941.08z\"\n        />\n      </g>\n    </svg>\n  </>\n)\n\nconst Degree90Icon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <g>\n        <path\n          fill=\"currentColor\"\n          d=\"M386.25,168.31h112.6c72.4,0,108.61,49.2,108.61,147.59v645.51c0,98.39-36.21,147.59-108.61,147.59H390.23   c-72.41,0-108.61-49.2-108.61-147.59V819.79h112.6v117.77c0,15.91,1.99,26.6,5.98,32.05c3.99,5.47,11.29,8.2,21.92,8.2h44.84   c10.62,0,17.94-2.73,21.92-8.2c3.99-5.45,5.98-16.14,5.98-32.05V730.34H386.25c-72.41,0-108.61-49.2-108.61-147.59V315.9   C277.64,217.51,313.84,168.31,386.25,168.31z M418.14,606.6h76.73V339.75c0-15.89-1.99-26.58-5.98-32.05   c-3.99-5.45-11.3-8.2-21.92-8.2h-48.83c-10.63,0-17.94,2.75-21.92,8.2c-3.99,5.47-5.98,16.17-5.98,32.05v226.6   c0,15.91,1.99,26.6,5.98,32.05C400.2,603.88,407.5,606.6,418.14,606.6z\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M1013,315.9v645.51c0,98.39-36.21,147.59-108.61,147.59H788.8c-72.41,0-108.61-49.2-108.61-147.59V315.9   c0-98.39,36.2-147.59,108.61-147.59h115.59C976.79,168.31,1013,217.51,1013,315.9z M898.41,937.56V339.75   c0-15.89-1.99-26.58-5.98-32.05c-3.98-5.45-11.63-8.2-22.92-8.2h-45.84c-10.63,0-17.94,2.75-21.92,8.2   c-3.98,5.47-5.98,16.17-5.98,32.05v597.81c0,15.91,1.99,26.6,5.98,32.05c3.99,5.47,11.29,8.2,21.92,8.2h45.84   c11.29,0,18.93-2.73,22.92-8.2C896.42,964.16,898.41,953.47,898.41,937.56z\"\n        />\n      </g>\n    </svg>\n  </>\n)\n\nconst characteristicIcons = {\n  Lawless: <LawlessIcon />,\n  Standard: <StandardIcon />,\n  Lightshow: <LightShowIcon />,\n  OneSaber: <OneSaberIcon />,\n  '90Degree': <Degree90Icon />,\n  '360Degree': <Degree360Icon />,\n}\n\nexport function CharacteristicIcon({\n  characteristic,\n  className,\n}: {\n  characteristic: string\n  className?: string\n}) {\n  if (Object.keys(characteristicIcons).includes(characteristic)) {\n    return (\n      <>\n        <span className={className}>\n          {\n            characteristicIcons[\n              characteristic as keyof typeof characteristicIcons\n            ]\n          }\n        </span>\n      </>\n    )\n  }\n  return <></>\n}\n"],"mappings":"AAGE,mBAOI,KANF,YADF;AADF,MAAM,cAAc,MAClB,gCACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IAER;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MAcJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MAIJ;AAAA;AAAA;AACF,GACF;AAGF,MAAM,eAAe,MACnB,gCACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IAER;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,GAAE;AAAA;AAAA,IACJ;AAAA;AACF,GACF;AAGF,MAAM,gBAAgB,MACpB,gCACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IAER;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA;AACF,GACF;AAEF,MAAM,eAAe,MACnB,gCACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IAER;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,GAAE;AAAA;AAAA,IACJ;AAAA;AACF,GACF;AAEF,MAAM,gBAAgB,MACpB,gCACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IAER,+BAAC,OACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA,OACF;AAAA;AACF,GACF;AAGF,MAAM,eAAe,MACnB,gCACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA,IAER,+BAAC,OACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA,OACF;AAAA;AACF,GACF;AAGF,MAAM,sBAAsB;AAAA,EAC1B,SAAS,oBAAC,eAAY;AAAA,EACtB,UAAU,oBAAC,gBAAa;AAAA,EACxB,WAAW,oBAAC,iBAAc;AAAA,EAC1B,UAAU,oBAAC,gBAAa;AAAA,EACxB,YAAY,oBAAC,gBAAa;AAAA,EAC1B,aAAa,oBAAC,iBAAc;AAC9B;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,MAAI,OAAO,KAAK,mBAAmB,EAAE,SAAS,cAAc,GAAG;AAC7D,WACE,gCACE,8BAAC,UAAK,WAEF,8BACE,cACF,GAEJ,GACF;AAAA,EAEJ;AACA,SAAO,gCAAE;AACX;","names":[]}
+{"version":3,"sources":["../../../../src/components/components/characteristic.tsx"],"sourcesContent":["import React from 'react'\n\nconst LawlessIcon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M639.63,931.84c-32.42,0-64.85,0.01-97.27,0c-49.35-0.02-91.47-40.08-94.1-89.41\n          c-0.23-4.24-0.68-8.49-1.24-12.7c-2.09-15.62-8.63-23.1-24.53-24.41c-22.41-1.84-43.94-5.51-62.46-19.39\n          c-25.42-19.04-40.52-43.98-39.39-76.17c0.66-18.65-4.31-34.83-11.99-51.32c-26.74-57.41-47.22-117.1-51.51-180.6\n          c-6.77-100.1,19.79-189.66,91.12-263.06c67.86-69.83,152.88-103.69,247.85-113.16c97.36-9.71,189.34,9.89,272.44,62.65\n          c101.84,64.65,154.46,157.75,155.77,279.06c0.74,69.03-18.74,133.48-44.27,196.55c-5.26,13-12.77,25.23-16.73,38.57\n          c-3.05,10.29-2.68,21.75-2.92,32.7c-0.47,22.04-6.94,41.84-20.71,59.07c-17.3,21.65-40.59,31.48-67.65,33.62\n          c-0.85,0.07-1.71-0.01-2.56,0.02c-27.51,1.05-35.9,8.81-37.05,36.03c-0.87,20.78-7.73,39.17-20.44,55.24\n          c-18.74,23.7-43.11,36.72-73.81,36.72C705.33,931.84,672.48,931.84,639.63,931.84z M480.05,675.84c54.01,0,96.15-41.51,96.22-94.81\n          c0.08-54.41-41.23-95.84-93.84-97.55c-53.66-1.74-99.41,45.06-98.41,95.82C385.11,633.95,425.78,675.84,480.05,675.84z\n           M800.21,483.84c-53.87,0-95.87,41.64-95.93,95.11c-0.06,54.3,41.34,95.6,94.14,97.25c53.21,1.66,99.2-44.9,98.12-96.11\n          C895.39,525.54,854.69,483.84,800.21,483.84z M640.62,775.21c3.39,5.64,6,11.05,9.59,15.72c9.19,11.96,24.81,16.36,37.63,11.13\n          c11.95-4.87,18.72-15.54,16.14-31.29c-6.07-37-23.41-67.85-53.77-90.78c-6.73-5.08-12.97-5.26-19.7-0.1\n          c-30.87,23.65-49.06,54.84-53.97,93.24c-1.86,14.55,4.56,24.54,16.05,28.77c12.63,4.65,24.61,2.59,34.06-7.2\n          C631.85,789.29,635.55,782.41,640.62,775.21z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M1236.1,788.03L1236.1,788.03c-10.85-23.21-38.46-33.24-61.67-22.39l-533.92,249.47L106.75,766.76\n      c-23.23-10.81-50.82-0.74-61.63,22.49l0,0c-10.81,23.23-0.74,50.82,22.49,61.63l463.17,215.5l-12.54,5.86l-2.58-5.53L290.31,1172\n      l43.52,93.13l225.34-105.29l-1.66-3.55l83.09-38.82l82.58,38.42l-1.96,4.21l225.51,104.93l43.37-93.2l-225.51-104.93l-2.27,4.87\n      l-11.98-5.57l463.37-216.51C1236.92,838.85,1246.95,811.24,1236.1,788.03z\"\n      />\n    </svg>\n  </>\n)\n\nconst StandardIcon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M1014,1160c39,5,63-3,75.87-31.69l0,0c13.53-32.46-1.82-69.75-34.28-83.27L708.07,900.22l71.48-37.92  l321.62,145.05c32.72,14.76,71.2,0.2,85.96-32.52v0c7.38-16.36,8.52-35.88,3.74-53.15c-0.68-2.47-1.5-4.8-2.41-7.02l8.48-529.63  c0.33-20.64-16.13-37.64-36.77-37.97l0,0c-20.64-0.33-37.64,16.13-37.97,36.77l-7.66,478.4C974.56,800.83,832.1,745.34,692.3,683.52  c5.01,0.61,10.11,0.93,15.28,0.93c69.05,0,125.03-55.98,125.03-125.03S776.63,434.4,707.58,434.4s-125.03,55.98-125.03,125.03  c0,37.23,16.28,70.65,42.1,93.56c-142.4-65.53-282.26-137.13-424.6-202.8L409.6,121.57c11.1-17.41,5.99-40.51-11.42-51.61l0,0  c-17.41-11.1-40.51-5.99-51.61,11.42L126.42,426.63c-25.08,3.05-49.73,19.87-60.04,42.73l0,0c-14.76,32.72-0.2,71.2,32.52,85.96  l313.11,141.22l-68.3,175.18l-88.76,86.09c-20.92,20.29-25.68,50.93-14.09,75.96c3.82,8.45,9.46,16.24,16.9,22.74l115.03,100.42  c27.77,24.24,69.93,21.38,94.17-6.38h0c24.24-27.77,21.38-69.93-6.38-94.17l-60.8-53.08l19.39-18.81h130.07l0.02-0.01L1014,1160z\"\n      />\n    </svg>\n  </>\n)\n\nconst LightShowIcon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M1214.77,1060.46L345.4,323.04c-10.53-8.93-26.3-7.63-35.23,2.89l0,0c-8.93,10.53-7.63,26.3,2.89,35.23  l760.31,644.9C1001.05,989.8,914.14,981,823,981c-112.48,0-218.54,13.4-298.65,37.72c-46.18,14.02-81.2,30.97-104.39,50.3  L231.57,407.7c-3.78-13.28-17.61-20.97-30.89-17.19c-13.28,3.78-20.97,17.61-17.19,30.89l200.62,704.3c0.58,2.03,1.39,3.92,2.4,5.67  c0.77,45.1,48.38,83.26,137.83,110.42c80.11,24.32,186.17,37.72,298.65,37.72s218.54-13.4,298.65-37.72  c90.18-27.38,137.85-65.95,137.85-111.53C1259.5,1104.5,1244.28,1080.98,1214.77,1060.46z M1107.71,1195.85  C1032,1218.84,930.88,1231.5,823,1231.5s-209-12.66-284.71-35.65c-71.7-21.77-103.79-48.63-103.79-65.6s32.09-43.83,103.79-65.6  C614,1041.66,715.12,1029,823,1029s209,12.66,284.71,35.65c28.28,8.59,50.4,17.97,66.82,27.22l16.4,13.91  c3,2.55,6.43,4.26,10.01,5.16c7.13,7.14,10.57,13.75,10.57,19.3C1211.5,1147.22,1179.41,1174.08,1107.71,1195.85z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M314.38,157.41l-68.74-4.95l-63.09-91.22c-10.96-15.12-28.15-24.07-46.59-27.02  c-18.44-2.95-36.92,1.47-52.04,12.42l-41.81,30.3C10.9,99.56,3.9,143.36,26.52,174.58l58.98,83.44l-22.94,71  c-4.11,12.71,2.87,26.35,15.58,30.46h0c12.71,4.11,26.35-2.87,30.46-15.58l19.07-59.03l17.54,38.17c3.17,6.88,9.46,12.2,16.83,14.24  c2.25,0.62,4.53,0.93,6.8,0.93c5,0,9.91-1.48,14.12-4.36l85.76-58.73c8.29-6.13,12.84-7.92,15.24-13.3l0.98-2.22  c3.7-8.37,1.51-18.17-5.4-24.17l-1.31-1.13l-34.56-33.48l67.24,4.84c13.32,0.96,24.9-9.07,25.86-22.39v0  C337.73,169.95,327.71,158.37,314.38,157.41z M70.24,115.78l41.81-30.3c3.79-2.75,8.25-4.18,12.84-4.18c1.16,0,2.34,0.09,3.51,0.28  c5.79,0.92,10.88,4.05,14.32,8.8l50.4,73.24l-74.59,56.23l-53.19-73.4C58.24,136.64,60.44,122.88,70.24,115.78z M177.86,279.16  l-13.44-29.26l35.11-25l23.84,23.09L177.86,279.16z\"\n      />\n    </svg>\n  </>\n)\nconst OneSaberIcon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <path\n        fill=\"currentColor\"\n        d=\"M1219.85,1045.85l-224.8-83.69L854,850V645.44l317.06,43.14c33.1,4.5,63.58-18.68,68.08-51.77v0  c4.5-33.1-18.68-63.58-51.77-68.08l-434.95-59.19C792.87,491.12,821,450.35,821,403c0-64.62-52.38-117-117-117s-117,52.38-117,117  c0,51.94,33.85,95.97,80.69,111.25l-378.02-43.52c-2.67-0.31-5.31-0.42-7.92-0.38c4.76-10.41,4.8-22.84-0.97-33.74L80.93,59.64  c-9.87-18.61-32.95-25.7-51.56-15.83v0c-18.61,9.87-25.7,32.95-15.83,51.56l199.84,376.98c5.13,9.68,13.83,16.23,23.62,18.91  c-7.69,8.88-12.89,20.09-14.34,32.64v0c-3.82,33.18,19.98,63.18,53.17,67l323.91,37.29l0,0L598,810c0,0-128,2-189,5  c-53,3-75,65-46.05,106.24c0.05-0.24,136.94,189.62,136.94,189.62c19.6,26.61,57.05,32.29,83.66,12.69l0,0  c26.61-19.6,32.29-57.05,12.69-83.66L542,941l201-6l205.66,137.35l4.64,1.96l224.8,83.69c30.97,11.53,65.42-4.23,76.95-35.2v0  C1266.57,1091.83,1250.82,1057.38,1219.85,1045.85z\"\n      />\n    </svg>\n  </>\n)\nconst Degree360Icon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <g>\n        <path\n          fill=\"currentColor\"\n          d=\"M197.39,338.14v127.8H83V314.09c0-99.23,36.13-148.87,108.43-148.87h100.46   c72.28,0,108.43,49.63,108.43,148.87v202.98c0,62.16-13.93,100.25-41.77,114.28c27.84,14.03,41.77,50.12,41.77,108.26v225.55   c0,99.23-36.15,148.85-108.43,148.85H191.43C119.13,1114,83,1064.38,83,965.15V814.78h114.39v126.3c0,16.06,1.99,26.83,5.96,32.34   s11.27,8.27,21.89,8.27h33.82c10.6,0,17.9-2.76,21.88-8.27c3.97-5.51,5.98-16.28,5.98-32.34V738.1c0-16.03-1.83-27.05-5.48-33.07   s-11.1-9.03-22.37-9.03h-76.6V569.69h76.6c10.6,0,17.9-2.76,21.88-8.27c3.97-5.51,5.98-16.28,5.98-32.32V338.14   c0-16.03-2-26.81-5.98-32.32c-3.97-5.51-11.27-8.28-21.88-8.28h-33.82c-10.62,0-17.92,2.77-21.89,8.28S197.39,322.12,197.39,338.14   z\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M584.33,562.18h108.43c72.28,0,108.43,49.62,108.43,148.85v254.12c0,99.23-36.15,148.85-108.43,148.85   H579.36c-72.29,0-108.43-49.62-108.43-148.85V314.09c0-99.23,36.13-148.87,108.43-148.87h108.43   c72.28,0,108.43,49.63,108.43,148.87v145.84h-112.4V338.14c0-16.03-2-26.81-5.98-32.32s-11.27-8.28-21.88-8.28h-43.77   c-10.62,0-17.92,2.77-21.89,8.28c-3.97,5.51-5.96,16.3-5.96,32.32V562.18z M688.78,941.08v-209c0-16.03-2-26.81-5.98-32.32   c-3.97-5.51-11.6-8.27-22.87-8.27h-75.6v249.59c0,16.06,1.99,26.83,5.96,32.34c3.97,5.51,11.27,8.27,21.89,8.27h47.75   c11.27,0,18.9-2.76,22.87-8.27S688.78,957.14,688.78,941.08z\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M1199.04,314.09v651.07c0,99.23-36.15,148.85-108.43,148.85H975.24c-72.29,0-108.43-49.62-108.43-148.85   V314.09c0-99.23,36.13-148.87,108.43-148.87h115.38C1162.9,165.22,1199.04,214.85,1199.04,314.09z M1084.66,941.08V338.14   c0-16.03-2-26.81-5.98-32.32s-11.6-8.28-22.87-8.28h-45.76c-10.62,0-17.92,2.77-21.89,8.28c-3.97,5.51-5.96,16.3-5.96,32.32v602.94   c0,16.06,1.99,26.83,5.96,32.34c3.97,5.51,11.27,8.27,21.89,8.27h45.76c11.27,0,18.9-2.76,22.87-8.27   S1084.66,957.14,1084.66,941.08z\"\n        />\n      </g>\n    </svg>\n  </>\n)\n\nconst Degree90Icon = () => (\n  <>\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"currentColor\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 1280 1280\"\n    >\n      <g>\n        <path\n          fill=\"currentColor\"\n          d=\"M386.25,168.31h112.6c72.4,0,108.61,49.2,108.61,147.59v645.51c0,98.39-36.21,147.59-108.61,147.59H390.23   c-72.41,0-108.61-49.2-108.61-147.59V819.79h112.6v117.77c0,15.91,1.99,26.6,5.98,32.05c3.99,5.47,11.29,8.2,21.92,8.2h44.84   c10.62,0,17.94-2.73,21.92-8.2c3.99-5.45,5.98-16.14,5.98-32.05V730.34H386.25c-72.41,0-108.61-49.2-108.61-147.59V315.9   C277.64,217.51,313.84,168.31,386.25,168.31z M418.14,606.6h76.73V339.75c0-15.89-1.99-26.58-5.98-32.05   c-3.99-5.45-11.3-8.2-21.92-8.2h-48.83c-10.63,0-17.94,2.75-21.92,8.2c-3.99,5.47-5.98,16.17-5.98,32.05v226.6   c0,15.91,1.99,26.6,5.98,32.05C400.2,603.88,407.5,606.6,418.14,606.6z\"\n        />\n        <path\n          fill=\"currentColor\"\n          d=\"M1013,315.9v645.51c0,98.39-36.21,147.59-108.61,147.59H788.8c-72.41,0-108.61-49.2-108.61-147.59V315.9   c0-98.39,36.2-147.59,108.61-147.59h115.59C976.79,168.31,1013,217.51,1013,315.9z M898.41,937.56V339.75   c0-15.89-1.99-26.58-5.98-32.05c-3.98-5.45-11.63-8.2-22.92-8.2h-45.84c-10.63,0-17.94,2.75-21.92,8.2   c-3.98,5.47-5.98,16.17-5.98,32.05v597.81c0,15.91,1.99,26.6,5.98,32.05c3.99,5.47,11.29,8.2,21.92,8.2h45.84   c11.29,0,18.93-2.73,22.92-8.2C896.42,964.16,898.41,953.47,898.41,937.56z\"\n        />\n      </g>\n    </svg>\n  </>\n)\n\nconst characteristicIcons = {\n  Lawless: <LawlessIcon />,\n  Standard: <StandardIcon />,\n  Lightshow: <LightShowIcon />,\n  OneSaber: <OneSaberIcon />,\n  '90Degree': <Degree90Icon />,\n  '360Degree': <Degree360Icon />,\n}\n\nexport function CharacteristicIcon({\n  characteristic,\n  className,\n}: {\n  characteristic: string\n  className?: string\n}) {\n  if (Object.keys(characteristicIcons).includes(characteristic)) {\n    return (\n      <>\n        <span className={className}>\n          {\n            characteristicIcons[\n              characteristic as keyof typeof characteristicIcons\n            ]\n          }\n        </span>\n      </>\n    )\n  }\n  return <></>\n}\n"],"mappings":"AAAA,OAAO,WAAW;AAElB,MAAM,cAAc,MAClB,0DACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA;AAAA,EAER;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EAcJ;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EAIJ;AACF,CACF;AAGF,MAAM,eAAe,MACnB,0DACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA;AAAA,EAER;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ;AACF,CACF;AAGF,MAAM,gBAAgB,MACpB,0DACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA;AAAA,EAER;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ;AACF,CACF;AAEF,MAAM,eAAe,MACnB,0DACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA;AAAA,EAER;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ;AACF,CACF;AAEF,MAAM,gBAAgB,MACpB,0DACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA;AAAA,EAER,oCAAC,WACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,CACF;AACF,CACF;AAGF,MAAM,eAAe,MACnB,0DACE;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,QAAO;AAAA,IACP,SAAQ;AAAA;AAAA,EAER,oCAAC,WACC;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,GACA;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,GAAE;AAAA;AAAA,EACJ,CACF;AACF,CACF;AAGF,MAAM,sBAAsB;AAAA,EAC1B,SAAS,oCAAC,iBAAY;AAAA,EACtB,UAAU,oCAAC,kBAAa;AAAA,EACxB,WAAW,oCAAC,mBAAc;AAAA,EAC1B,UAAU,oCAAC,kBAAa;AAAA,EACxB,YAAY,oCAAC,kBAAa;AAAA,EAC1B,aAAa,oCAAC,mBAAc;AAC9B;AAEO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AACF,GAGG;AACD,MAAI,OAAO,KAAK,mBAAmB,EAAE,SAAS,cAAc,GAAG;AAC7D,WACE,0DACE,oCAAC,UAAK,aAEF,oBACE,cACF,CAEJ,CACF;AAAA,EAEJ;AACA,SAAO,wDAAE;AACX;","names":[]}