@cfx-dev/ui-components 1.0.1 → 1.1.0

package/dist/style-guide/Icons/IconDisplayGrid.js

@@ -1,6 +1,6 @@
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { I as s } from "../../Icons-CIXYyG0c.js";
-function a() {
+import { Icons as s } from "./Icons.js";
+function p() {
   const i = Object.entries(s).map(([e, t]) => ({
     name: e,
     component: t
@@ -38,5 +38,5 @@ function a() {
   );
 }
 export {
-  a as default
+  p as default
 };

package/dist/style-guide/Icons/Icons.d.ts

@@ -1,40 +1,41 @@
 export declare namespace Icons {
     const exit: import("react/jsx-runtime").JSX.Element;
     const settings: import("react/jsx-runtime").JSX.Element;
-    const changelog: import("react/jsx-runtime").JSX.Element;
-    const storymode: import("react/jsx-runtime").JSX.Element;
-    const replayEditor: import("react/jsx-runtime").JSX.Element;
+    const refresh: import("react/jsx-runtime").JSX.Element;
+    const warning: import("react/jsx-runtime").JSX.Element;
     const tipInfo: import("react/jsx-runtime").JSX.Element;
     const remove: import("react/jsx-runtime").JSX.Element;
     const externalLink: import("react/jsx-runtime").JSX.Element;
+    const copy: import("react/jsx-runtime").JSX.Element;
     const tags: import("react/jsx-runtime").JSX.Element;
+    const map: import("react/jsx-runtime").JSX.Element;
+    const controller: import("react/jsx-runtime").JSX.Element;
+    const resources: import("react/jsx-runtime").JSX.Element;
+    const visibility: import("react/jsx-runtime").JSX.Element;
+    const crown: import("react/jsx-runtime").JSX.Element;
+    const filter: import("react/jsx-runtime").JSX.Element;
+    const sort: import("react/jsx-runtime").JSX.Element;
+    const menu: import("react/jsx-runtime").JSX.Element;
     const checkmark: import("react/jsx-runtime").JSX.Element;
     const playersCount: import("react/jsx-runtime").JSX.Element;
     const last24h: import("react/jsx-runtime").JSX.Element;
+    const play: import("react/jsx-runtime").JSX.Element;
     const statusLevelAllGood: import("react/jsx-runtime").JSX.Element;
     const statusLevelMinor: import("react/jsx-runtime").JSX.Element;
     const statusLevelMajor: import("react/jsx-runtime").JSX.Element;
     const favoriteInactive: import("react/jsx-runtime").JSX.Element;
     const favoriteActive: import("react/jsx-runtime").JSX.Element;
     const account: import("react/jsx-runtime").JSX.Element;
-    const accountLoaded: import("react/jsx-runtime").JSX.Element;
-    const serversListAll: import("react/jsx-runtime").JSX.Element;
-    const serversListSupporters: import("react/jsx-runtime").JSX.Element;
     const serversListHistory: import("react/jsx-runtime").JSX.Element;
     const serversListFavorites: import("react/jsx-runtime").JSX.Element;
-    const serverLastConnected: import("react/jsx-runtime").JSX.Element;
-    const serversFeatured: import("react/jsx-runtime").JSX.Element;
-    const serversFeaturedUnstyled: import("react/jsx-runtime").JSX.Element;
-    const serverBoost: import("react/jsx-runtime").JSX.Element;
-    const serverBoostUnstyled: import("react/jsx-runtime").JSX.Element;
-    const serverBurst: import("react/jsx-runtime").JSX.Element;
     const upvotesBurst: import("react/jsx-runtime").JSX.Element;
     const upvotesRecurring: import("react/jsx-runtime").JSX.Element;
+    const upArrow: import("react/jsx-runtime").JSX.Element;
 }
 export declare const BrandIcon: {
     gta5: import("react/jsx-runtime").JSX.Element;
     rdr3: import("react/jsx-runtime").JSX.Element;
-    ny: import("react/jsx-runtime").JSX.Element;
     cfxre: import("react/jsx-runtime").JSX.Element;
+    composite: import("react/jsx-runtime").JSX.Element;
     ROS: import("react/jsx-runtime").JSX.Element;
 };

package/dist/style-guide/Icons/Icons.js

@@ -1,9 +1,38 @@
-import "react/jsx-runtime";
-import { B as a, I as n } from "../../Icons-CIXYyG0c.js";
-import "../../index.esm-BkynlSN6.js";
-import "./NewIcons/UpvotesBurst.js";
-import "./NewIcons/UpvotesRecurring.js";
+import { jsx as C, jsxs as t } from "react/jsx-runtime";
+import w from "./NewIcons/UpArrow.js";
+import e from "./NewIcons/UpvotesBurst.js";
+import l from "./NewIcons/UpvotesRecurring.js";
+var r;
+((L) => {
+  L.exit = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M13.0553 14C12.8152 14 12.575 13.9116 12.3855 13.722L8 9.33772L3.61453 13.722C3.24802 14.0884 2.64139 14.0884 2.27488 13.722C1.90837 13.3556 1.90837 12.7491 2.27488 12.3827L6.66035 7.99842L2.27488 3.61411C1.90837 3.2477 1.90837 2.64122 2.27488 2.27481C2.64139 1.9084 3.24802 1.9084 3.61453 2.27481L8 6.65912L12.3855 2.27481C12.752 1.9084 13.3586 1.9084 13.7251 2.27481C14.0916 2.64122 14.0916 3.2477 13.7251 3.61411L9.33966 7.99842L13.7251 12.3827C14.0916 12.7491 14.0916 13.3556 13.7251 13.722C13.5355 13.9116 13.2954 14 13.0553 14Z" }) }), L.settings = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M8 15C7.59615 15 7.18195 14.9585 6.77811 14.8963L6.27071 14.803L5.92899 13.3206C5.85651 13.2895 5.78402 13.2584 5.71154 13.2273L4.42751 14.0255L4.00296 13.7353C3.32988 13.2584 2.73964 12.6779 2.27367 12.0041L1.98373 11.579L2.78107 10.2936C2.75 10.221 2.71893 10.1485 2.68787 10.0759L1.2071 9.7338L1.11391 9.22584C1.04142 8.82155 1 8.40689 1 8.00259C1 7.5983 1.04142 7.18364 1.11391 6.77934L1.2071 6.27138L2.68787 5.92929C2.71893 5.85672 2.75 5.78415 2.78107 5.71159L1.98373 4.42614L2.27367 4.00111C2.75 3.32729 3.32988 2.73639 4.00296 2.2699L4.42751 1.97964L5.71154 2.77786C5.78402 2.74676 5.85651 2.71566 5.92899 2.68456L6.27071 1.20215L6.77811 1.10885C7.60651 0.963717 8.40385 0.963717 9.22189 1.10885L9.72929 1.20215L10.071 2.68456C10.1435 2.71566 10.216 2.74676 10.2885 2.77786L11.5725 1.97964L11.997 2.2699C12.6701 2.74676 13.2604 3.32729 13.7263 4.00111L14.0163 4.42614L13.2189 5.71159C13.25 5.78415 13.2811 5.85672 13.3121 5.92929L14.7929 6.27138L14.8861 6.77934C14.9586 7.18364 15 7.5983 15 8.00259C15 8.40689 14.9586 8.82155 14.8861 9.22584L14.7929 9.7338L13.3121 10.0759C13.2811 10.1485 13.25 10.221 13.2189 10.2936L14.0163 11.579L13.7263 12.0041C13.25 12.6779 12.6701 13.2688 11.997 13.7353L11.5725 14.0255L10.2885 13.2273C10.216 13.2584 10.1435 13.2895 10.071 13.3206L9.72929 14.803L9.22189 14.8963C8.80769 14.9689 8.40385 15 8 15ZM7.54438 13.4243C7.84467 13.4554 8.14497 13.4554 8.45562 13.4243L8.75592 12.1077L9.19083 11.9833C9.46006 11.9004 9.71893 11.7967 9.96746 11.662L10.3609 11.4443L11.5 12.1596C11.7278 11.9626 11.9453 11.7449 12.142 11.5168L11.4275 10.3765L11.645 9.9826C11.7796 9.7338 11.8831 9.47464 11.966 9.20511L12.0902 8.76971L13.4053 8.46909C13.4157 8.31359 13.426 8.16846 13.426 8.01296C13.426 7.85746 13.426 7.71233 13.4053 7.55683L12.0902 7.2562L11.966 6.82081C11.8831 6.55128 11.7796 6.28175 11.645 6.04332L11.4275 5.64939L12.142 4.50907C11.9453 4.28101 11.7278 4.06331 11.5 3.86635L10.3609 4.58164L9.96746 4.36394C9.71893 4.22917 9.46006 4.12551 9.19083 4.04258L8.75592 3.91818L8.45562 2.60163C8.15532 2.57053 7.85503 2.57053 7.54438 2.60163L7.24408 3.91818L6.80917 4.04258C6.53994 4.12551 6.28106 4.22917 6.03254 4.36394L5.63905 4.58164L4.5 3.86635C4.27219 4.06331 4.05473 4.28101 3.85799 4.50907L4.57249 5.64939L4.35503 6.04332C4.22041 6.29211 4.11686 6.55128 4.03402 6.82081L3.90976 7.2562L2.59467 7.55683C2.58432 7.71233 2.57396 7.85746 2.57396 8.01296C2.57396 8.16846 2.57396 8.31359 2.59467 8.46909L3.90976 8.76971L4.03402 9.20511C4.11686 9.47464 4.22041 9.7338 4.35503 9.9826L4.57249 10.3765L3.85799 11.5168C4.05473 11.7449 4.27219 11.9626 4.5 12.1596L5.63905 11.4443L6.03254 11.662C6.28106 11.7967 6.53994 11.9004 6.80917 11.9833L7.24408 12.1077L7.54438 13.4243ZM8 10.7912C6.46746 10.7912 5.2145 9.53684 5.2145 8.00259C5.2145 6.46834 6.46746 5.21399 8 5.21399C9.53254 5.21399 10.7855 6.46834 10.7855 8.00259C10.7855 9.53684 9.53254 10.7912 8 10.7912ZM8 6.76897C7.31657 6.76897 6.76775 7.3184 6.76775 8.00259C6.76775 8.68678 7.32692 9.23621 8 9.23621C8.67308 9.23621 9.23225 8.67642 9.23225 8.00259C9.23225 7.32877 8.67308 6.76897 8 6.76897Z" }) }), L.refresh = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M13.6461 10C12.8011 12.3886 10.529 14 7.99429 14C6.35014 14 4.82017 13.3143 3.71265 12.1829V13.1429C3.71265 13.6114 3.32445 14 2.85633 14C2.3882 14 2 13.6114 2 13.1429V9.71429C2 9.24571 2.3882 8.85714 2.85633 8.85714H6.28164C6.74976 8.85714 7.13796 9.24571 7.13796 9.71429C7.13796 10.1829 6.74976 10.5714 6.28164 10.5714H4.56898C5.36822 11.6343 6.62417 12.2857 7.99429 12.2857C9.8097 12.2857 11.431 11.1429 12.0362 9.42857C12.196 8.98286 12.687 8.74286 13.1323 8.90286C13.5775 9.06286 13.8173 9.55429 13.6575 10H13.6461ZM13.1323 2C12.6641 2 12.2759 2.38857 12.2759 2.85714V3.81714C11.1684 2.68571 9.63844 2 7.99429 2C5.45956 2 3.18744 3.61143 2.34253 6C2.18269 6.44571 2.42246 6.93714 2.86775 7.09714C3.31304 7.25714 3.804 7.01714 3.96384 6.57143C4.56898 4.85714 6.1903 3.71429 8.00571 3.71429C9.37583 3.71429 10.6318 4.36571 11.431 5.42857H9.71836C9.25024 5.42857 8.86204 5.81714 8.86204 6.28571C8.86204 6.75429 9.25024 7.14286 9.71836 7.14286H13.1437C13.6118 7.14286 14 6.75429 14 6.28571V2.85714C14 2.38857 13.6118 2 13.1437 2H13.1323Z" }) }), L.warning = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M14.7059 11.3279L10.0788 2.30055C9.67271 1.48962 8.87494 1 8.00464 1C7.13435 1 6.35109 1.50492 5.93044 2.30055L1.28888 11.3279C0.882744 12.1082 0.911754 13.0262 1.3324 13.7913C1.75304 14.5563 2.5218 15 3.36308 15H12.6317C13.473 15 14.2272 14.541 14.6624 13.7913C15.0975 13.0415 15.112 12.1082 14.7059 11.3279ZM13.0959 12.812C13.0523 12.8885 12.9073 13.0874 12.6317 13.0874H3.34857C3.07298 13.0874 2.92793 12.8885 2.88442 12.812C2.8409 12.7202 2.73937 12.506 2.88442 12.2459L7.52598 3.21858C7.67103 2.94317 7.90311 2.91257 8.00464 2.91257C8.10618 2.91257 8.33826 2.94317 8.4833 3.21858L13.1104 12.2459C13.2409 12.506 13.1394 12.7355 13.1104 12.812H13.0959ZM7.07633 8.23716V6.17159C7.07633 5.63607 7.48247 5.22295 7.97563 5.22295C8.4688 5.22295 8.87494 5.65137 8.87494 6.17159V8.23716C8.87494 8.77268 8.4688 9.18579 7.97563 9.18579C7.48247 9.18579 7.07633 8.75738 7.07633 8.23716ZM8.94746 11.129C8.94746 11.6645 8.54132 12.0776 8.04816 12.0776C7.55499 12.0776 7.09084 11.6492 7.09084 11.129C7.09084 10.6087 7.43895 10.1803 7.94662 10.1803H8.04816C8.55583 10.1803 8.94746 10.6087 8.94746 11.129Z" }) }), L.tipInfo = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M8 14C4.69333 14 2 11.3067 2 8C2 4.69333 4.69333 2 8 2C11.3067 2 14 4.69333 14 8C14 11.3067 11.3067 14 8 14ZM8 3.33333C5.42222 3.33333 3.33333 5.43111 3.33333 8C3.33333 10.5689 5.42222 12.6667 8 12.6667C10.5778 12.6667 12.6667 10.5689 12.6667 8C12.6667 5.43111 10.5778 3.33333 8 3.33333ZM8.08889 11.3333H8C7.63556 11.3333 7.33333 11.0311 7.33333 10.6667C7.33333 10.3022 7.63556 10 8 10H8.08889C8.45334 10 8.75556 10.3022 8.75556 10.6667C8.75556 11.0311 8.45334 11.3333 8.08889 11.3333ZM7.94667 9.11111C7.66222 9.11111 7.40445 8.93333 7.31556 8.64889C7.2 8.30222 7.39555 7.92 7.74222 7.81333C8.16889 7.67111 9.11111 7.19111 9.11111 6.66667C9.11111 6.40889 9.01334 6.15111 8.84445 5.95556C8.66667 5.75111 8.41778 5.61778 8.15112 5.57333C7.87556 5.52889 7.59111 5.57333 7.35111 5.71556C7.12 5.84889 6.93334 6.06222 6.84445 6.31111C6.72 6.65778 6.33778 6.83556 5.99112 6.71111C5.64445 6.58667 5.46667 6.20444 5.59111 5.85778C5.78667 5.31556 6.17778 4.85333 6.68445 4.56C7.19111 4.27556 7.78667 4.16889 8.36445 4.25778C8.94223 4.35556 9.46667 4.64889 9.84889 5.08444C10.2311 5.52889 10.4444 6.08889 10.4444 6.66667C10.4444 8.28444 8.39112 9.00444 8.15112 9.07556C8.08001 9.09333 8.01778 9.11111 7.94667 9.11111Z" }) }), L.remove = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M13.2174 4.11111H10.8696V2.81481C10.8696 1.81926 10.0452 1 9.04348 1H6.95652C5.95478 1 5.13043 1.81926 5.13043 2.81481V4.11111H2.78261C2.35478 4.11111 2 4.4637 2 4.88889C2 5.31407 2.35478 5.66667 2.78261 5.66667H3.04348V12.1481C3.04348 13.7244 4.32696 15 5.91304 15H10.087C11.673 15 12.9565 13.7244 12.9565 12.1481V5.66667H13.2174C13.6452 5.66667 14 5.31407 14 4.88889C14 4.4637 13.6452 4.11111 13.2174 4.11111ZM6.69565 2.81481C6.69565 2.66963 6.81043 2.55556 6.95652 2.55556H9.04348C9.18957 2.55556 9.30435 2.66963 9.30435 2.81481V4.11111H6.69565V2.81481ZM11.3913 12.1481C11.3913 12.8637 10.807 13.4444 10.087 13.4444H5.91304C5.19304 13.4444 4.6087 12.8637 4.6087 12.1481V5.66667H11.3913V12.1481ZM7.41565 7.48148V11.6296C7.41565 12.0548 7.06087 12.4074 6.63305 12.4074C6.20522 12.4074 5.85044 12.0548 5.85044 11.6296V7.48148C5.85044 7.0563 6.20522 6.7037 6.63305 6.7037C7.06087 6.7037 7.41565 7.0563 7.41565 7.48148ZM10.1496 7.48148V11.6296C10.1496 12.0548 9.79479 12.4074 9.36696 12.4074C8.93914 12.4074 8.58435 12.0548 8.58435 11.6296V7.48148C8.58435 7.0563 8.93914 6.7037 9.36696 6.7037C9.79479 6.7037 10.1496 7.0563 10.1496 7.48148Z" }) }), L.externalLink = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M11.36 14H3.68C2.7584 14 2 13.2416 2 12.32V4.64C2 3.7184 2.7584 2.96 3.68 2.96H6.56C6.9536 2.96 7.28 3.2864 7.28 3.68C7.28 4.0736 6.9536 4.4 6.56 4.4H3.68C3.5456 4.4 3.44 4.5056 3.44 4.64V12.32C3.44 12.4544 3.5456 12.56 3.68 12.56H11.36C11.4944 12.56 11.6 12.4544 11.6 12.32V9.44C11.6 9.0464 11.9264 8.72 12.32 8.72C12.7136 8.72 13.04 9.0464 13.04 9.44V12.32C13.04 13.2416 12.2816 14 11.36 14ZM8.0288 8.9888L12.56 4.4576V6.56C12.56 6.9536 12.8864 7.28 13.28 7.28C13.6736 7.28 14 6.9536 14 6.56V2.72C14 2.624 13.9808 2.528 13.9424 2.4416C13.904 2.3552 13.856 2.2784 13.7888 2.2112C13.7216 2.144 13.6448 2.0864 13.5584 2.0576C13.472 2.0192 13.376 2 13.28 2H9.44C9.0464 2 8.72 2.3264 8.72 2.72C8.72 3.1136 9.0464 3.44 9.44 3.44H11.5424L7.0112 7.9712C6.7328 8.2496 6.7328 8.7104 7.0112 8.9888C7.1552 9.1328 7.3376 9.2 7.52 9.2C7.7024 9.2 7.8848 9.1328 8.0288 8.9888Z" }) }), L.copy = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M14 3.68V9.44C14 10.3616 13.2416 11.12 12.32 11.12H11.84V9.68H12.32C12.4544 9.68 12.56 9.5744 12.56 9.44V3.68C12.56 3.5456 12.4544 3.44 12.32 3.44H6.56C6.4256 3.44 6.32 3.5456 6.32 3.68V4.16H4.88V3.68C4.88 2.7584 5.6384 2 6.56 2H12.32C13.2416 2 14 2.7584 14 3.68ZM11.12 12.32V6.56C11.12 5.6384 10.3616 4.88 9.44 4.88H3.68C2.7584 4.88 2 5.6384 2 6.56V12.32C2 13.2416 2.7584 14 3.68 14H9.44C10.3616 14 11.12 13.2416 11.12 12.32ZM9.44 6.32C9.5744 6.32 9.68 6.4256 9.68 6.56V12.32C9.68 12.4544 9.5744 12.56 9.44 12.56H3.68C3.5456 12.56 3.44 12.4544 3.44 12.32V6.56C3.44 6.4256 3.5456 6.32 3.68 6.32H9.44Z" }) }), L.tags = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M8.87181 14C8.46837 14 8.06492 13.8367 7.74793 13.5197L2.74328 8.51484C2.46471 8.23625 2.2918 7.87122 2.27259 7.48697L2.00362 3.47156C1.97481 3.05849 2.1189 2.67424 2.39747 2.39566C2.67604 2.11708 3.06987 1.98259 3.47332 2.0018L7.48857 2.27078C7.8728 2.2996 8.23782 2.4629 8.51639 2.74148L13.521 7.74634C14.1262 8.35153 14.1646 9.29294 13.5979 9.8501L9.85161 13.5965C9.58265 13.8655 9.23683 13.9904 8.87181 13.9904V14ZM3.36766 3.43313L3.69426 7.3909C3.69426 7.3909 3.71347 7.45815 3.75189 7.49657L8.75654 12.5014C8.80457 12.5495 8.8526 12.5591 8.8622 12.5591L12.5412 8.86066C12.5412 8.86066 12.522 8.80302 12.4836 8.7646L7.47897 3.75975C7.47897 3.75975 7.40212 3.70211 7.3733 3.70211L3.35805 3.43313H3.36766ZM5.70188 4.65313C5.17356 4.65313 4.7413 5.08541 4.7413 5.61375C4.7413 6.14209 5.17356 6.57437 5.70188 6.57437C6.23021 6.57437 6.66247 6.14209 6.66247 5.61375C6.66247 5.08541 6.23021 4.65313 5.70188 4.65313Z" }) }), L.map = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M13.3472 3.09317L9.728 2.07003C9.5264 2.01043 9.29601 2.01043 9.09441 2.09983L6.1664 3.38123L3.248 2.0601C2.96 1.95083 2.63361 1.99056 2.37441 2.1793C2.13441 2.34816 2 2.6263 2 2.9243V11.3379C2 11.7054 2.21121 12.0332 2.50881 12.1623L5.83041 13.8212C5.83041 13.8212 5.84 13.8411 5.8496 13.8411C5.9936 13.9503 6.16641 14 6.34881 14C6.46401 14 6.5888 13.9702 6.704 13.9205L9.74721 12.5895L12.7904 13.6325C12.8864 13.6623 12.9824 13.6722 13.0784 13.6722C13.28 13.6722 13.472 13.6126 13.6256 13.4934C13.856 13.3245 14 13.0464 14 12.7583V3.9673C14 3.5799 13.7504 3.23223 13.3472 3.09317ZM5.45601 11.9835L3.44 10.9703V3.77857L5.45601 4.69244V11.9835ZM8.912 11.3379L6.89601 12.2219V4.68251L8.912 3.79844V11.3379ZM12.56 11.9835L10.352 11.2286V3.79844L12.56 4.4143V11.9835Z" }) }), L.controller = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M3.41772 12.99C3.09355 12.99 2.77813 12.9104 2.48024 12.761C1.91074 12.4622 1.48143 11.9044 1.2361 11.1375C0.815552 9.86255 0.964498 8.12948 1.62161 6.51594C1.73551 6.26693 1.83189 6.02789 1.95455 5.81873C2.85699 4.08566 4.1975 3 5.43287 3H10.5759C11.8814 3 13.3095 4.2251 14.2119 6.10757L14.3784 6.49602C14.3784 6.49602 14.3784 6.50598 14.3784 6.51594C15.0355 8.11952 15.1844 9.85259 14.7639 11.1375C14.5186 11.9044 14.0805 12.4721 13.511 12.7709C12.1968 13.4582 10.4707 12.5518 9.29671 10.5896H6.66825C5.76581 12.1135 4.53044 13 3.4002 13L3.41772 12.99ZM5.43287 4.49402C4.67938 4.49402 3.73314 5.34064 3.07602 6.58566C2.97089 6.7749 2.89203 6.96414 2.80442 7.16335C2.30501 8.38845 2.17359 9.72311 2.46272 10.6295C2.58538 11.0179 2.77813 11.2769 3.02346 11.4064C3.77695 11.8048 4.96851 10.9482 5.74829 9.45418C5.87095 9.2251 6.08123 9.08566 6.30903 9.08566H9.66469C9.89249 9.08566 10.1115 9.2251 10.2254 9.44422C11.014 10.9382 12.2143 11.7948 12.9678 11.3964C13.2219 11.2669 13.4146 10.998 13.5373 10.6096C13.8264 9.70319 13.695 8.37849 13.1956 7.14343L13.0379 6.78486C12.3983 5.44024 11.3732 4.4741 10.5671 4.4741H5.42411L5.43287 4.49402ZM6.09875 7.63147C6.09875 7.63147 6.08999 7.73108 6.05494 7.751C6.02866 7.78088 5.98485 7.8008 5.9498 7.8008H5.32774V8.50797C5.32774 8.60757 5.25764 8.68725 5.17003 8.68725H4.78452C4.69691 8.68725 4.62681 8.60757 4.62681 8.50797V7.8008H4.00475C3.91713 7.8008 3.86456 7.72112 3.86456 7.62151V7.18327C3.86456 7.18327 3.87332 7.10359 3.90837 7.06375C3.93465 7.03386 3.97846 7.01394 4.01351 7.01394H4.63558V6.31673C4.63558 6.21713 4.70567 6.13745 4.79328 6.13745H5.17879C5.26641 6.13745 5.3365 6.21713 5.3365 6.31673V7.0239H5.9498C6.03742 7.0239 6.10751 7.10359 6.10751 7.20319V7.62151L6.09875 7.63147ZM11.0402 6.14741C11.1454 6.14741 11.2418 6.18725 11.3119 6.28685C11.3819 6.36653 11.4345 6.49602 11.4345 6.59562C11.4345 6.71514 11.3995 6.8247 11.3119 6.90438C11.2418 6.98406 11.1279 7.04382 11.0402 7.04382C10.9351 7.04382 10.8387 7.00398 10.7686 6.90438C10.6985 6.8247 10.646 6.69522 10.646 6.59562C10.646 6.4761 10.681 6.36653 10.7686 6.28685C10.8387 6.20717 10.9351 6.14741 11.0402 6.14741ZM10.3218 7.86056C10.2167 7.86056 10.1203 7.81076 10.0502 7.72112C9.9801 7.63147 9.92753 7.51195 9.92753 7.41235C9.92753 7.29283 9.97134 7.18327 10.0502 7.10359C10.1203 7.0239 10.2342 6.96414 10.3218 6.96414C10.4269 6.96414 10.5233 7.00398 10.5934 7.10359C10.6635 7.18327 10.7161 7.31275 10.7161 7.41235C10.7161 7.53187 10.681 7.64143 10.5934 7.74104C10.5321 7.82072 10.4269 7.86056 10.3218 7.86056ZM11.0402 8.67729C10.9351 8.67729 10.8387 8.63745 10.7686 8.53785C10.6985 8.45817 10.646 8.32869 10.646 8.22908C10.646 8.10956 10.681 8 10.7686 7.92032C10.8387 7.84064 10.9526 7.78088 11.0402 7.78088C11.1454 7.78088 11.2418 7.82072 11.3119 7.92032C11.3819 8 11.4345 8.12948 11.4345 8.22908C11.4345 8.34861 11.3995 8.45817 11.3119 8.53785C11.2418 8.61753 11.1454 8.67729 11.0402 8.67729ZM11.7587 7.86056C11.6536 7.86056 11.5572 7.82072 11.4696 7.74104C11.3995 7.66135 11.3469 7.55179 11.3469 7.43227C11.3469 7.31275 11.3819 7.20319 11.452 7.10359C11.5221 7.0239 11.636 6.96414 11.7236 6.96414C11.8288 6.96414 11.9252 7.00398 12.0128 7.08367C12.0829 7.16335 12.1354 7.29283 12.1354 7.39243C12.1354 7.51195 12.1004 7.62151 12.0303 7.7012C11.9602 7.8008 11.8638 7.8506 11.7587 7.8506V7.86056Z" }) }), L.resources = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M13.5872 8.89281L12.896 8.43109L11.6192 9.28857L12.1856 9.66549L8 12.4829L3.824 9.66549L4.3808 9.28857L3.104 8.43109L2.4128 8.89281C2.1536 9.07185 2 9.35453 2 9.66549C2 9.97644 2.1536 10.2497 2.4128 10.4287L7.4624 13.8304C7.6256 13.9435 7.8176 14 8 14C8.192 14 8.3744 13.9435 8.5376 13.8304L13.5872 10.4287C13.8464 10.2497 14 9.96702 14 9.66549C14 9.36396 13.8464 9.07185 13.5872 8.89281ZM13.5872 5.57597L8.5376 2.1649C8.4512 2.10836 8.3744 2.07067 8.2784 2.0424C8.1056 1.98587 7.904 1.98587 7.7216 2.0424C7.6352 2.07067 7.5488 2.10836 7.472 2.1649L2.4128 5.57597C2.1536 5.74558 2 6.03769 2 6.33922C2 6.64075 2.1536 6.93286 2.4128 7.10247L3.7376 7.99764H3.7472L4.5248 8.52532H4.5344L7.472 10.5135C7.6352 10.6172 7.8176 10.6737 8 10.6737C8.1824 10.6737 8.3744 10.6172 8.5376 10.5135L11.4656 8.53475L12.2624 7.99764L13.5872 7.10247C13.8464 6.93286 14 6.65018 14 6.33922C14 6.02827 13.8464 5.74558 13.5872 5.57597ZM12.1856 6.33922L8 9.15665L3.824 6.33922L8 3.52179L12.1856 6.33922Z" }) }), L.visibility = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M8 13C4.91196 13 2.1851 11.1357 1.0474 8.24887C0.984199 8.08597 0.984199 7.91403 1.0474 7.75113C2.1851 4.86425 4.91196 3 8 3C11.088 3 13.8149 4.86425 14.9526 7.75113C15.0158 7.91403 15.0158 8.08597 14.9526 8.24887C13.8149 11.1357 11.088 13 8 13ZM2.41084 8.00452C3.39504 10.2217 5.56207 11.6425 8 11.6425C10.4379 11.6425 12.605 10.2217 13.5892 8.00452C12.605 5.78733 10.4379 4.36652 8 4.36652C5.56207 4.36652 3.39504 5.78733 2.41084 8.00452ZM8 10.4932C6.62754 10.4932 5.51693 9.38009 5.51693 8.00452C5.51693 6.62896 6.62754 5.51584 8 5.51584C9.37246 5.51584 10.4831 6.62896 10.4831 8.00452C10.4831 9.38009 9.37246 10.4932 8 10.4932ZM8 6.8733C7.37697 6.8733 6.87133 7.38009 6.87133 8.00452C6.87133 8.62896 7.37697 9.13575 8 9.13575C8.62302 9.13575 9.12866 8.62896 9.12866 8.00452C9.12866 7.38009 8.62302 6.8733 8 6.8733Z" }) }), L.crown = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M11.7661 12.9909H4.41618C3.70519 12.9909 3.10085 12.445 3.00309 11.7353L2.0077 4.53846C1.96326 4.24731 2.11434 3.95616 2.38097 3.82878C2.6387 3.70141 2.95865 3.756 3.15417 3.97436L5.57155 6.55831L7.39347 2.40033C7.50012 2.15467 7.74008 2 7.99781 2C8.25555 2 8.49551 2.15467 8.60216 2.40033L10.3974 6.45823L12.8592 3.95616C13.0636 3.756 13.3658 3.70141 13.6235 3.82878C13.8813 3.95616 14.0235 4.22912 13.9968 4.52027L13.197 11.6989C13.117 12.4359 12.5037 13 11.775 13L11.7661 12.9909ZM3.60743 6.44003L4.31842 11.5352C4.31842 11.5806 4.36286 11.6261 4.41618 11.6261H11.7661C11.8194 11.6261 11.855 11.5897 11.8638 11.5352L12.4504 6.28536L10.6552 8.10504C10.5041 8.25972 10.2819 8.33251 10.0686 8.29611C9.85528 8.25972 9.66865 8.11414 9.57978 7.90488L7.99781 4.3292L6.37142 8.03226C6.28255 8.24152 6.09591 8.3871 5.87372 8.42349C5.65153 8.45988 5.42935 8.3871 5.27826 8.22333L3.60743 6.44003Z" }) }), L.filter = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M9.1102 13.9904C9.01324 13.9904 8.91629 13.9712 8.81932 13.9327L7.18068 13.2308C6.56012 12.9615 6.16258 12.3558 6.16258 11.6923V8.14423L3.37979 4.74038C2.96286 4.23077 2.88529 3.54808 3.16648 2.96154C3.44767 2.375 4.03913 2 4.69847 2H11.3015C11.9609 2 12.5523 2.36538 12.8335 2.96154C13.1147 3.54808 13.0371 4.24038 12.6202 4.74038L9.83741 8.14423V13.2788C9.83741 13.5192 9.71137 13.75 9.50775 13.8846C9.39139 13.9615 9.24595 14 9.1102 14V13.9904ZM4.69847 3.42308C4.56272 3.42308 4.50454 3.50962 4.47545 3.55769C4.44637 3.60577 4.41728 3.71154 4.50454 3.80769L7.45217 7.41346C7.55882 7.53846 7.617 7.70192 7.617 7.86538V11.6731C7.617 11.7692 7.67518 11.8558 7.76244 11.8942L8.38299 12.1635V7.875C8.38299 7.71154 8.44117 7.54808 8.54783 7.42308L11.4955 3.81731C11.5827 3.71154 11.5536 3.61538 11.5245 3.56731C11.4954 3.51923 11.4373 3.43269 11.3015 3.43269H4.69847V3.42308Z" }) }), L.sort = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M11.6538 14C11.532 14 11.4102 13.9747 11.3006 13.9242C11.191 13.8737 11.0935 13.8105 11.0083 13.7221L8.57242 11.1958C8.21923 10.8295 8.21923 10.2232 8.57242 9.85684C8.92562 9.49053 9.51022 9.49053 9.86342 9.85684L10.7403 10.7663V2.94737C10.7403 2.42947 11.1544 2 11.6538 2C12.1531 2 12.5672 2.42947 12.5672 2.94737V10.7663L13.4441 9.85684C13.7973 9.49053 14.3819 9.49053 14.7351 9.85684C15.0883 10.2232 15.0883 10.8295 14.7351 11.1958L12.2993 13.7221C12.214 13.8105 12.1166 13.8863 12.007 13.9242C11.8973 13.9747 11.7756 14 11.6538 14ZM4.34624 14C3.84689 14 3.4328 13.5705 3.4328 13.0526V5.23368L2.55589 6.14316C2.20269 6.50947 1.61809 6.50947 1.2649 6.14316C0.911701 5.77684 0.911701 5.17053 1.2649 4.80421L3.70074 2.27789C3.78599 2.18947 3.88343 2.11368 3.99304 2.07579C4.21226 1.98737 4.48021 1.98737 4.69943 2.07579C4.80905 2.12632 4.90648 2.18947 4.99173 2.27789L7.42758 4.80421C7.78077 5.17053 7.78077 5.77684 7.42758 6.14316C7.07438 6.50947 6.48978 6.50947 6.13658 6.14316L5.25968 5.23368V13.0526C5.25968 13.5705 4.84558 14 4.34624 14Z" }) }), L.menu = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M14.087 8.94737H1.91304C1.41391 8.94737 1 8.51789 1 8C1 7.48211 1.41391 7.05263 1.91304 7.05263H14.087C14.5861 7.05263 15 7.48211 15 8C15 8.51789 14.5861 8.94737 14.087 8.94737ZM15 13.0526C15 12.5347 14.5861 12.1053 14.087 12.1053H1.91304C1.41391 12.1053 1 12.5347 1 13.0526C1 13.5705 1.41391 14 1.91304 14H14.087C14.5861 14 15 13.5705 15 13.0526ZM15 2.94737C15 2.42947 14.5861 2 14.087 2H1.91304C1.41391 2 1 2.42947 1 2.94737C1 3.46526 1.41391 3.89474 1.91304 3.89474H14.087C14.5861 3.89474 15 3.46526 15 2.94737Z" }) }), L.checkmark = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M5.59725 14C5.34096 14 5.08467 13.8983 4.89245 13.6949L1.28833 9.88136C0.90389 9.47458 0.90389 8.79661 1.28833 8.38983C1.67277 7.98305 2.3135 7.98305 2.69794 8.38983L5.59725 11.4576L13.3021 3.30508C13.6865 2.89831 14.3272 2.89831 14.7117 3.30508C15.0961 3.71186 15.0961 4.38983 14.7117 4.79661L6.30206 13.6949C6.10984 13.8983 5.85355 14 5.59725 14Z" }) }), L.playersCount = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 15 12", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M3.8 5.39C2.7 5.39 1.81 4.5 1.81 3.4C1.81 2.3 2.7 1.41 3.8 1.41C4.9 1.41 5.79 2.3 5.79 3.4C5.79 4.5 4.9 5.39 3.8 5.39ZM3.8 2.91C3.53 2.91 3.31 3.13 3.31 3.4C3.31 3.67 3.53 3.89 3.8 3.89C4.07 3.89 4.29 3.67 4.29 3.4C4.29 3.13 4.07 2.91 3.8 2.91ZM5.06 10.53C5.06 10.33 5.1 10.13 5.12 9.94H1.61C1.92 9.03 2.79 8.37 3.8 8.37C4.39 8.37 4.92 8.59 5.33 8.96C5.49 8.46 5.69 7.98 5.98 7.56C5.36 7.13 4.61 6.87 3.81 6.87C1.71 6.87 0 8.58 0 10.69C0 11.1 0.34 11.44 0.75 11.44H5.08V10.53H5.06ZM14.2 11.44H6.56C6.15 11.44 5.81 11.1 5.81 10.69V10.53C5.81 8.01 7.86 5.96 10.38 5.96C12.9 5.96 14.95 8.01 14.95 10.53V10.69C14.95 11.1 14.61 11.44 14.2 11.44ZM7.37 9.94H13.4C13.12 8.53 11.88 7.46 10.39 7.46C8.9 7.46 7.65 8.53 7.38 9.94H7.37ZM10.38 4.48C9.15 4.48 8.14 3.48 8.14 2.24C8.14 1 9.14 0 10.38 0C11.62 0 12.62 1 12.62 2.24C12.62 3.48 11.62 4.48 10.38 4.48ZM10.38 1.51C9.97 1.51 9.64 1.84 9.64 2.25C9.64 2.66 9.97 2.99 10.38 2.99C10.79 2.99 11.12 2.66 11.12 2.25C11.12 1.84 10.79 1.51 10.38 1.51Z" }) }), L.last24h = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M2.87653 13.98C2.64802 13.98 2.4195 13.8958 2.2391 13.7155C1.89031 13.3668 1.89031 12.7896 2.2391 12.4409L10.9106 3.78361H4.58438C4.09127 3.78361 3.68235 3.37479 3.68235 2.8818C3.68235 2.38882 4.09127 1.98 4.58438 1.98H13.0875C13.2078 1.98 13.3281 2.00405 13.4363 2.05214C13.5325 2.08822 13.6287 2.14834 13.7009 2.2325C13.7129 2.24453 13.7249 2.25655 13.737 2.26858C13.8091 2.35274 13.8693 2.43691 13.9053 2.53311C13.9535 2.64132 13.9775 2.76156 13.9775 2.8818V11.3828C13.9775 11.8758 13.5686 12.2846 13.0755 12.2846C12.5824 12.2846 12.1734 11.8758 12.1734 11.3828V5.05816L3.50194 13.7155C3.32154 13.8958 3.09302 13.98 2.86451 13.98H2.87653Z" }) }), L.play = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M4.23577 13.9939C3.86527 13.9939 3.4884 13.903 3.14984 13.7271C2.44078 13.3512 2 12.6417 2 11.8715V4.12174C2 3.35161 2.44078 2.63606 3.14984 2.26616C3.8589 1.89019 4.72765 1.91444 5.41754 2.3268L11.9524 6.20776C12.6103 6.59585 13 7.26896 13 8.00877C13 8.74251 12.604 9.41562 11.946 9.80978L5.41117 13.6786C5.04706 13.8908 4.63822 14 4.2294 14L4.23577 13.9939ZM4.23577 3.81854C4.17189 3.81854 4.1144 3.8428 4.07607 3.86099C4.01219 3.89131 3.91 3.97014 3.91 4.12781V11.8776C3.91 12.0353 4.01219 12.108 4.07607 12.1444C4.13995 12.1747 4.26133 12.2172 4.40186 12.1384L10.9367 8.26952C11.0645 8.19069 11.09 8.07547 11.09 8.01483C11.09 7.95419 11.0708 7.83291 10.9431 7.76014L4.40826 3.87918C4.35077 3.8428 4.29327 3.83067 4.24217 3.83067L4.23577 3.81854Z" }) }), L.statusLevelAllGood = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M8 14C4.69333 14 2 11.3067 2 8C2 4.69333 4.69333 2 8 2C11.3067 2 14 4.69333 14 8C14 11.3067 11.3067 14 8 14ZM8 3.33333C5.42222 3.33333 3.33333 5.42222 3.33333 8C3.33333 10.5778 5.42222 12.6667 8 12.6667C10.5778 12.6667 12.6667 10.5778 12.6667 8C12.6667 5.42222 10.5778 3.33333 8 3.33333ZM7.74222 10.0178L10.4089 7.35111C10.6667 7.09333 10.6667 6.66667 10.4089 6.40889C10.1511 6.15111 9.72444 6.15111 9.46667 6.40889L7.27111 8.60444L6.81778 8.15111C6.56 7.89333 6.13333 7.89333 5.87556 8.15111C5.61778 8.40889 5.61778 8.83556 5.87556 9.09333L6.8 10.0178C6.93333 10.1511 7.10222 10.2133 7.27111 10.2133C7.44 10.2133 7.60889 10.1511 7.74222 10.0178Z" }) }), L.statusLevelMinor = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M8 14C4.69333 14 2 11.3067 2 8C2 4.69333 4.69333 2 8 2C11.3067 2 14 4.69333 14 8C14 11.3067 11.3067 14 8 14ZM8 3.33333C5.42222 3.33333 3.33333 5.42222 3.33333 8C3.33333 10.5778 5.42222 12.6667 8 12.6667C10.5778 12.6667 12.6667 10.5778 12.6667 8C12.6667 5.42222 10.5778 3.33333 8 3.33333ZM8.66667 7.68V6.07111C8.66667 5.70667 8.36444 5.40444 8 5.40444C7.63556 5.40444 7.33333 5.70667 7.33333 6.07111V7.68C7.33333 8.04444 7.63556 8.34667 8 8.34667C8.36444 8.34667 8.66667 8.04444 8.66667 7.68ZM8.71111 9.92C8.71111 9.55556 8.40889 9.25333 8.04444 9.25333H7.95556C7.59111 9.25333 7.28889 9.55556 7.28889 9.92C7.28889 10.2844 7.59111 10.5867 7.95556 10.5867H8.04444C8.40889 10.5867 8.71111 10.2844 8.71111 9.92Z" }) }), L.statusLevelMajor = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M8 14C4.69333 14 2 11.3067 2 8C2 4.69333 4.69333 2 8 2C11.3067 2 14 4.69333 14 8C14 11.3067 11.3067 14 8 14ZM8 3.33333C5.42222 3.33333 3.33333 5.42222 3.33333 8C3.33333 10.5778 5.42222 12.6667 8 12.6667C10.5778 12.6667 12.6667 10.5778 12.6667 8C12.6667 5.42222 10.5778 3.33333 8 3.33333ZM10.2489 10.2489C10.5067 9.99111 10.5067 9.56444 10.2489 9.30667L8.94222 8L10.2489 6.69333C10.5067 6.43556 10.5067 6.00889 10.2489 5.75111C9.99111 5.49333 9.56445 5.49333 9.30667 5.75111L8 7.05778L6.69333 5.75111C6.43555 5.49333 6.00889 5.49333 5.75111 5.75111C5.49333 6.00889 5.49333 6.43556 5.75111 6.69333L7.05778 8L5.75111 9.30667C5.49333 9.56444 5.49333 9.99111 5.75111 10.2489C6.00889 10.5067 6.43555 10.5067 6.69333 10.2489L8 8.94222L9.30667 10.2489C9.44 10.3822 9.60889 10.4444 9.77778 10.4444C9.94667 10.4444 10.1156 10.3822 10.2489 10.2489Z" }) }), L.favoriteInactive = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M7.99392 14L7.61686 13.834C7.34926 13.7154 1 10.8696 1 5.9249C1 4.83399 1.41355 3.83794 2.16768 3.10277C3.67593 1.63241 6.30322 1.63241 7.81147 3.10277L7.99392 3.29249L8.13988 3.13834C9.63597 1.63241 12.2997 1.63241 13.8202 3.09091C14.5743 3.80237 15 4.81028 15 5.91304C15 10.8577 8.65074 13.7036 8.38314 13.8221L8.00608 13.9881L7.99392 14ZM4.98957 3.74308C4.40573 3.74308 3.87055 3.96838 3.457 4.35968C3.04345 4.76285 2.8245 5.3083 2.8245 5.9249C2.8245 9.13834 6.74109 11.3913 7.99392 12.0316C9.23458 11.3913 13.1633 9.13834 13.1633 5.9249C13.1633 5.29644 12.9444 4.75099 12.543 4.37154H12.5308C11.7037 3.56522 10.2441 3.57707 9.47785 4.34783L7.99392 5.96047L6.48567 4.31225C6.1086 3.95652 5.57341 3.73123 4.98957 3.73123V3.74308Z" }) }), L.favoriteActive = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", className: "cfx-color-primary", children: /* @__PURE__ */ C("path", { d: "M15 5.95071C15 10.8832 8.64521 13.7161 8.37739 13.8344L8 14L7.62261 13.8344C7.35479 13.7161 1 10.8773 1 5.95071C1 4.86841 1.41391 3.8689 2.17478 3.13553C2.92956 2.40217 3.93392 2 4.99913 2C6.06435 2 7.06869 2.40217 7.82347 3.13553L8 3.33071L8.14608 3.17102C8.90086 2.414 9.92957 2 11.007 2C12.0843 2 13.0704 2.40217 13.8252 3.12962C14.5861 3.84524 15 4.84475 15 5.95071Z" }) }), L.account = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M13.0644 15H2.93555C2.42412 15 2 14.6003 2 14.1184V13.8598C2 10.7448 4.69439 8.20571 8 8.20571C11.3056 8.20571 14 10.7448 14 13.8598V14.1184C14 14.6003 13.5759 15 13.0644 15ZM3.921 13.2368H12.0665C11.7547 11.3913 10.0457 9.96893 7.98753 9.96893C5.92931 9.96893 4.23285 11.3913 3.90852 13.2368H3.921ZM8 6.50126C6.39085 6.50126 5.08108 5.267 5.08108 3.75063C5.08108 2.23426 6.39085 1 8 1C9.60915 1 10.9189 2.23426 10.9189 3.75063C10.9189 5.267 9.60915 6.50126 8 6.50126ZM8 2.77498C7.42619 2.77498 6.95218 3.22166 6.95218 3.76238C6.95218 4.30311 7.42619 4.74979 8 4.74979C8.5738 4.74979 9.04782 4.30311 9.04782 3.76238C9.04782 3.22166 8.5738 2.77498 8 2.77498Z" }) }), L.serversListHistory = /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", viewBox: "0 0 16 16", fill: "currentColor", children: /* @__PURE__ */ C("path", { d: "M10.8134 6.03731C10.3507 6.03731 9.97761 5.66418 9.97761 5.20149C9.97761 4.73881 10.3507 4.36567 10.8134 4.36567H11.8955C10.903 3.30597 9.51492 2.68657 8.01492 2.68657C5.08209 2.68657 2.70149 5.07463 2.70149 8C2.70149 10.9254 5.08955 13.3134 8.01492 13.3134C10.9403 13.3134 13.3284 10.9254 13.3284 8C13.3284 7.53731 13.7015 7.16418 14.1642 7.16418C14.6269 7.16418 15 7.53731 15 8C15 11.8582 11.8582 15 8.00001 15C4.1418 15 1 11.8582 1 8C1 4.14179 4.1418 1 8.00001 1C10.0896 1 12.0075 1.92537 13.3134 3.47015V1.84328C13.3134 1.3806 13.6866 1.00746 14.1493 1.00746C14.6119 1.00746 14.9851 1.3806 14.9851 1.84328V5.20149C14.9851 5.66418 14.6119 6.03731 14.1493 6.03731H10.791H10.8134ZM8.02985 3.80597C7.56716 3.80597 7.19403 4.1791 7.19403 4.64179V7.98508C7.18657 8.19403 7.2612 8.39552 7.40299 8.55224L8.91791 10.2313C9.08209 10.4179 9.31343 10.5075 9.54478 10.5075C9.74627 10.5075 9.94776 10.4328 10.1045 10.291C10.4478 9.97761 10.4776 9.44776 10.1642 9.10448L8.86567 7.66418V4.64179C8.87313 4.1791 8.5 3.79851 8.03731 3.79851L8.02985 3.80597Z" }) }), L.serversListFavorites = L.favoriteInactive, L.upvotesBurst = /* @__PURE__ */ C(e, { style: { width: "1.5em" } }), L.upvotesRecurring = /* @__PURE__ */ C(l, { style: { width: "1.5em" } }), L.upArrow = /* @__PURE__ */ C(w, { style: { width: "1.5em" } });
+})(r || (r = {}));
+const d = {
+  gta5: /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 24", className: "brand-icon", children: /* @__PURE__ */ C("path", { d: "M4.28086 10.5949L7.6207 0.575391C7.73555 0.230859 8.05664 0 8.41875 0H12.1055L12.8074 2.11055L4.28086 10.5949ZM13.9336 5.49609L10.7906 8.63555L15.1629 23.4375H19.902L13.9336 5.49609ZM2.01094 17.4035L0 23.4375H4.73555L8.43281 10.991L2.01094 17.4047V17.4035Z" }) }),
+  rdr3: /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 24", className: "brand-icon", children: /* @__PURE__ */ C("path", { d: "M55.464 32.624L56.512 28.984L58.784 22.312L59.76 19.496L60.52 17.272L61.984 13.016L63.096 9.768L63.848 7.512L66.448 0H88.712L88.16 1.656L87.56 4.72L87.096 8.192L86.368 10.88L85.832 13.56L84.496 20.408C83.376 20.936 79.824 22.416 77.576 23.352C75.488 24.224 69.56 26.752 69.144 26.872C69.056 26.92 61.416 30.168 60.56 30.52C60.16 30.68 55.768 32.504 55.464 32.624ZM77.232 30.192C76.272 30.688 69.712 33.096 69.208 33.408C67.72 33.896 61.424 36.624 60.328 36.904C59.056 37.456 57.424 38.112 56.064 38.6C55.216 39.016 54.336 39.344 53.456 39.664L51.856 47.216L50.304 54.544C50.928 54.408 57.992 51.464 59.392 50.616C59.44 50.568 63.024 49.096 63.384 48.872C65.056 47.976 73.8 44.728 75.224 43.96C75.664 43.672 79.312 42.272 80.28 41.488L80.72 39.76L83.024 27.96C82.04 28.376 78.2 29.848 77.232 30.184V30.192ZM75.544 57.336C75.8 57.28 76.048 57.208 76.296 57.128L71.088 77.824L71.048 78.024L70.872 78.928L68.992 88.472L66.432 101.464L67.952 101.624H73.56L86.976 100.752L83.288 154.808V159.984H0.92L0 118.368L0.344 96.592L0.304 89.368L0.864 81.504L1.352 71.968L1.624 67.648L2.032 61.288L1.976 59.88L2.296 49.056L2.656 40.528V32.256V30.248L2.736 29.352L2.928 27.288L3.088 25.064V6.048L3.304 2.36L3.216 0.44L10.696 0.68L15.624 0.84L29.152 1.28L28.664 18.984L28.608 20.992L28.464 23.92L28.312 27.768L28.208 29.752L28.096 32.328L27.96 35.688V53.416L26.912 67.664L26.184 77.544L26.136 78.176L25.984 80.296L25.952 80.704L25.92 81.096L25.424 87.872L24.488 100.56H41.128L43.4 87.872L44.256 83.096L44.384 82.392L44.896 79.992L45.008 79.456L45.92 75.168L46.144 74.12L47.384 68.272C47.528 68.208 58.28 64.184 60.648 63.024C61.112 62.616 67.216 60.504 67.736 60.288C67.904 60.216 74.136 57.784 75.536 57.336H75.544ZM63.856 136.008L63.424 128.2L63.856 121.936H23.632L24.144 126.944V131.496L23.632 136H63.856V136.008Z" }) }),
+  cfxre: /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 310 74", className: "brand-icon", children: [
+    /* @__PURE__ */ C("path", { d: "M64.4992 5H52.0201L53.054 17.8535H41.6446L42.6785 5H30.3064L0 69H37.4908L38.7209 53.7933H55.9599L57.19 69H94.7877L64.4813 5H64.4992ZM39.5944 43.2039L41.2167 23.2017H53.4997L55.122 43.2039H39.5944Z" }),
+    /* @__PURE__ */ C("path", { d: "M139.767 65C132.498 65 126.546 62.4685 121.927 57.4056C117.309 52.3256 115 45.5351 115 37C115 28.4649 117.309 21.6744 121.927 16.5944C126.546 11.5315 132.481 9 139.767 9C145.395 9 150.269 10.5394 154.409 13.584C158.548 16.6286 161.268 21.2639 162.567 27.4386H156.17C155.007 23.0257 152.989 19.81 150.081 17.8088C147.173 15.8076 143.735 14.7984 139.767 14.7984C134.294 14.7984 129.915 16.7654 126.597 20.6995C123.279 24.6335 121.637 30.0727 121.637 37C121.637 43.9273 123.296 49.3494 126.597 53.3005C129.915 57.2346 134.294 59.2016 139.767 59.2016C143.889 59.2016 147.55 57.9359 150.748 55.4044C153.964 52.8729 155.897 49.1784 156.547 44.3036H162.875C162.225 50.923 159.694 56.0373 155.281 59.6121C150.868 63.204 145.703 65 139.784 65H139.767Z" }),
+    /* @__PURE__ */ C("path", { d: "M185.368 15.3286C181.913 15.3286 180.168 17.1588 180.168 20.8192V24.9585H188.447V30.2266H180.168V63.7856H174.147V30.2266H167.75V24.9585H174.147V20.9731C174.147 13.7037 177.756 10.0605 184.991 10.0605C186.343 10.0605 187.626 10.1118 188.823 10.2144V15.3286H185.368Z" }),
+    /* @__PURE__ */ C("path", { d: "M227.667 24.9585L213.59 43.9273L228.42 63.8027H221.338L219.235 60.8607C216.019 56.2938 212.991 52.0861 210.135 48.2205C205.927 53.8992 202.831 58.124 200.881 60.9462L198.846 63.8027H191.85L206.68 43.9273L192.603 24.9585H199.684L202.695 29.0977C205.654 33.1173 208.168 36.6237 210.221 39.6341C212.786 36.025 215.283 32.5015 217.746 29.0977L220.688 24.9585H227.684H227.667Z" }),
+    /* @__PURE__ */ C("path", { d: "M241.282 63.7856H233.688V56.2596H241.282V63.7856Z" }),
+    /* @__PURE__ */ C("path", { d: "M268.906 24.3598C269.71 24.3598 270.394 24.3769 270.941 24.4282V30.2266H269.436C265.468 30.2266 262.355 31.2016 260.097 33.1686C257.839 35.1185 256.71 37.9578 256.71 41.6695V63.8027H250.69V24.9585H256.403V31.8002C259.054 26.84 263.227 24.3427 268.889 24.3427L268.906 24.3598Z" }),
+    /* @__PURE__ */ C("path", { d: "M292.014 64.6921C286.643 64.6921 282.299 62.8619 278.963 59.2016C275.628 55.5412 273.952 50.598 273.952 44.372C273.952 38.146 275.594 33.3396 278.878 29.628C282.162 25.9163 286.489 24.0519 291.86 24.0519C297.231 24.0519 301.798 25.9847 304.962 29.8503C308.126 33.7159 309.7 38.5565 309.7 44.372V46.4759H280.195C280.503 50.7349 281.683 53.9334 283.77 56.0373C285.856 58.1411 288.644 59.2016 292.168 59.2016C297.539 59.2016 300.977 56.7899 302.482 51.9835H308.725C307.716 55.7978 305.8 58.8766 302.961 61.2028C300.122 63.529 296.478 64.7092 292.014 64.7092V64.6921ZM280.349 41.0538H303.235C302.927 37.7013 301.798 34.9304 299.814 32.7752C297.83 30.62 295.178 29.5425 291.877 29.5425C288.764 29.5425 286.199 30.5174 284.163 32.4844C282.128 34.4343 280.862 37.3079 280.366 41.0709L280.349 41.0538Z" })
+  ] }),
+  composite: /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 475 82", className: "brand-icon", children: [
+    /* @__PURE__ */ C("path", { d: "M113 0H117V81H113V0Z" }),
+    /* @__PURE__ */ C("path", { d: "M9.30157 12L31.082 12.0516C35.6343 12.0172 39.0333 12.7374 41.2775 14.2109C44.0202 16.0172 45.3893 19.1234 45.3893 23.5308C45.3893 30.7877 41.9904 34.8996 35.1924 35.8651V35.967C38.19 36.7059 39.7055 39.1636 39.7389 43.34C39.7389 45.4792 39.6577 48.2195 39.4969 51.5595C39.4969 53.8006 39.975 55.7389 40.9342 57.3745H28.9986C28.4408 56.7762 28.1626 55.5581 28.1626 53.7174C28.3915 50.6413 28.5045 48.1191 28.5045 46.1492C28.5045 42.1707 26.5732 40.1808 22.7121 40.1808H14.9897L11.6212 56.274H0L9.30157 12ZM19.1551 21.2267L16.9239 31.9096H26.1849C31.3616 31.9096 33.9652 29.8867 34 25.8407C34 22.7647 31.905 21.2267 27.7149 21.2267H19.1551Z" }),
+    /* @__PURE__ */ C("path", { d: "M53.4565 57.4247L51.134 42.5337L42.5163 57.3228L28.9015 57.2812L37.3178 66.2539L30.0968 82L45.5342 72.7217L57.0178 81.6442L54.8937 66.8551L68.1579 57.4247H53.4565ZM54.1505 76.6829L45.6835 70.1133L34.9432 76.5294L39.891 65.8465L33.9073 59.4806H43.7536L49.9387 48.8063L51.6266 59.5825H61.3715L52.5626 65.7963L54.1505 76.6829Z" }),
+    /* @__PURE__ */ C("path", { d: "M229.499 9H217.02L218.054 21.8535H206.645L207.679 9H195.306L165 73H202.491L203.721 57.7933H220.96L222.19 73H259.788L229.481 9H229.499ZM204.594 47.2039L206.217 27.2017H218.5L220.122 47.2039H204.594Z" }),
+    /* @__PURE__ */ C("path", { d: "M304.767 69C297.498 69 291.546 66.4685 286.927 61.4056C282.309 56.3256 280 49.5351 280 41C280 32.4649 282.309 25.6744 286.927 20.5944C291.546 15.5315 297.481 13 304.767 13C310.395 13 315.269 14.5394 319.409 17.584C323.548 20.6286 326.268 25.2639 327.567 31.4386H321.17C320.007 27.0257 317.989 23.81 315.081 21.8088C312.173 19.8076 308.735 18.7984 304.767 18.7984C299.294 18.7984 294.915 20.7654 291.597 24.6995C288.279 28.6335 286.637 34.0727 286.637 41C286.637 47.9273 288.296 53.3494 291.597 57.3005C294.915 61.2346 299.294 63.2016 304.767 63.2016C308.889 63.2016 312.55 61.9359 315.748 59.4044C318.964 56.8729 320.897 53.1784 321.547 48.3036H327.875C327.225 54.923 324.694 60.0373 320.281 63.6121C315.868 67.204 310.703 69 304.784 69H304.767Z" }),
+    /* @__PURE__ */ C("path", { d: "M350.368 19.3286C346.913 19.3286 345.168 21.1588 345.168 24.8192V28.9585H353.447V34.2266H345.168V67.7856H339.147V34.2266H332.75V28.9585H339.147V24.9731C339.147 17.7037 342.756 14.0605 349.991 14.0605C351.343 14.0605 352.626 14.1118 353.823 14.2144V19.3286H350.368Z" }),
+    /* @__PURE__ */ C("path", { d: "M392.667 28.9585L378.59 47.9273L393.42 67.8027H386.338L384.235 64.8607C381.019 60.2938 377.991 56.0861 375.135 52.2205C370.927 57.8992 367.831 62.124 365.881 64.9462L363.846 67.8027H356.85L371.68 47.9273L357.603 28.9585H364.684L367.695 33.0977C370.654 37.1173 373.168 40.6237 375.221 43.6341C377.786 40.025 380.283 36.5015 382.746 33.0977L385.688 28.9585H392.684H392.667Z" }),
+    /* @__PURE__ */ C("path", { d: "M406.282 67.7856H398.688V60.2596H406.282V67.7856Z" }),
+    /* @__PURE__ */ C("path", { d: "M433.906 28.3598C434.71 28.3598 435.394 28.3769 435.941 28.4282V34.2266H434.436C430.468 34.2266 427.355 35.2016 425.097 37.1686C422.839 39.1185 421.71 41.9578 421.71 45.6695V67.8027H415.69V28.9585H421.403V35.8002C424.054 30.84 428.227 28.3427 433.889 28.3427L433.906 28.3598Z" }),
+    /* @__PURE__ */ C("path", { d: "M457.014 68.6921C451.643 68.6921 447.299 66.8619 443.963 63.2016C440.628 59.5412 438.952 54.598 438.952 48.372C438.952 42.146 440.594 37.3396 443.878 33.628C447.162 29.9163 451.489 28.0519 456.86 28.0519C462.231 28.0519 466.798 29.9847 469.962 33.8503C473.126 37.7159 474.7 42.5565 474.7 48.372V50.4759H445.195C445.503 54.7349 446.683 57.9334 448.77 60.0373C450.856 62.1411 453.644 63.2016 457.168 63.2016C462.539 63.2016 465.977 60.7899 467.482 55.9835H473.725C472.716 59.7978 470.8 62.8766 467.961 65.2028C465.122 67.529 461.478 68.7092 457.014 68.7092V68.6921ZM445.349 45.0538H468.235C467.927 41.7013 466.798 38.9304 464.814 36.7752C462.83 34.62 460.178 33.5425 456.877 33.5425C453.764 33.5425 451.199 34.5174 449.163 36.4844C447.128 38.4343 445.862 41.3079 445.366 45.0709L445.349 45.0538Z" })
+  ] }),
+  ROS: /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 128 128", className: "brand-icon", children: /* @__PURE__ */ C("path", { d: "M126.7,82.9L99.6,82.9L95.3,55.9L79.5,82.7L76.5,82.7C74.7,79.6 74,75.1 74,72.3C74,67.7 74.3,63.2 74.3,57.3C74.3,49.5 72,45.4 65.9,43.9L65.9,43.7C78.8,41.9 84.7,33.3 84.7,21.3C84.7,4.2 73.3,0.5 58.4,0.5L18.3,0.5L1.3,80.9L22.6,80.9L28.8,51.6L43,51.6C50.6,51.6 53.7,55.3 53.7,62.4C53.7,67.8 53.1,72.1 53.1,76.2C53.1,77.7 53.4,81.3 54.5,82.7L69.9,99L56.6,127.5L85,110.6L106.2,126.9L102.3,100L126.7,82.9ZM49.4,36.6L32.4,36.6L36.5,17.2L52.3,17.2C57.9,17.2 63.8,18.7 63.8,25.5C63.8,34.2 57.1,36.6 49.4,36.6M85.4,105.9L65.6,117.7L74.7,98.3L63.7,86.7L81.8,86.7L93.2,67.4L96.3,86.9L114.3,86.9L98.1,98.2L101,118L85.4,105.9Z" }) })
+};
 export {
-  a as BrandIcon,
-  n as Icons
+  d as BrandIcon,
+  r as Icons
 };

package/dist/style-guide/Icons/NewIcons/UpArrow.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+
+declare function UpArrow(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof UpArrow>;
+export default _default;

package/dist/style-guide/Icons/NewIcons/UpArrow.js

@@ -0,0 +1,27 @@
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
+function e(r) {
+  return /* @__PURE__ */ o(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...r,
+      children: /* @__PURE__ */ o(
+        "path",
+        {
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          d: "M8 13V3M8 3L3 8M8 3L13 8"
+        }
+      )
+    }
+  );
+}
+const s = t.memo(e);
+export {
+  s as default
+};

package/dist/styles-scss/_ui.scss

@@ -1,195 +1,167 @@
-@use "sass:math";
-@use "colors";
-
-@mixin def($var, $value) {
-  --#{$var}: #{$value};
-}
-@function use($var, $default: initial) {
-  @return var(--#{$var}, $default);
-}
-
-@function color($name, $luminance: 'pure', $alpha: 1.0) {
-  @if $luminance == 'pure' {
-    @return rgba(var(--color-#{$name}), #{$alpha});
-  }
-
-  @return rgba(var(--color-#{$name}-#{$luminance}), #{$alpha});
-}
-
-@function offset($size: 'normal') {
-  @return var(--offset-#{$size});
-}
-
-@function q($multiplier: 1) {
-  @if $multiplier == 1 {
-      @return var(--quant);
-  }
-
-  @return calc(var(--quant) * #{$multiplier});
-}
-
-@function control-height($size: 'normal') {
-  @return var(--control-height-#{$size});
-}
-
-@function font-size($size: 'normal') {
-  @return var(--font-size-#{$size});
-}
-
-@function font-weight($weight: 'normal') {
-  @return var(--font-weight-#{$weight});
-}
-
-@function negative($cssValue) {
-  @return calc(-1 * #{$cssValue});
-}
-
-@function border-radius($size: 'normal') {
-  @return var(--border-radius-#{$size});
-}
-
-@function viewport-width($multiplier: 1.0) {
-  @return calc((var(--width) - var(--offset-safezone) * 2) * #{$multiplier});
-}
-@function viewport-height($multiplier: 1.0) {
-  @return calc((var(--height) - var(--offset-safezone) * 2) * #{$multiplier});
-}
-
-@mixin define-color($name, $color, $bg, $fg) {
-  .cfx-color-#{$name} { color: $color }
-
-  --color-#{$name}: #{colors.color-triplet($color)};
-  --color-#{$name}-50:  #{colors.color-triplet(colors.lab-gradient-step($bg, $color, 1, 7))};
-  --color-#{$name}-100: #{colors.color-triplet(colors.lab-gradient-step($bg, $color, 2, 7))};
-  --color-#{$name}-200: #{colors.color-triplet(colors.lab-gradient-step($bg, $color, 3, 7))};
-  --color-#{$name}-300: #{colors.color-triplet(colors.lab-gradient-step($bg, $color, 4, 7))};
-  --color-#{$name}-400: #{colors.color-triplet(colors.lab-gradient-step($bg, $color, 5, 7))};
-  --color-#{$name}-500: #{colors.color-triplet($color)};
-  --color-#{$name}-600: #{colors.color-triplet(colors.lab-gradient-step($color, $fg, 1, 7))};
-  --color-#{$name}-700: #{colors.color-triplet(colors.lab-gradient-step($color, $fg, 2, 7))};
-  --color-#{$name}-800: #{colors.color-triplet(colors.lab-gradient-step($color, $fg, 3, 7))};
-  --color-#{$name}-900: #{colors.color-triplet(colors.lab-gradient-step($color, $fg, 4, 7))};
-  --color-#{$name}-950: #{colors.color-triplet(colors.lab-gradient-step($color, $fg, 5, 7))};
-}
-@mixin define-main-color($bg, $fg) {
-  --color-main: #{colors.color-triplet($bg)};
-  --color-main-50:  #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 1,  12))};
-  --color-main-100: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 2,  12))};
-  --color-main-200: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 3,  12))};
-  --color-main-300: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 4,  12))};
-  --color-main-400: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 5,  12))};
-  --color-main-500: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 6,  12))};
-  --color-main-600: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 7,  12))};
-  --color-main-700: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 8,  12))};
-  --color-main-800: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 9,  12))};
-  --color-main-900: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 10, 12))};
-  --color-main-950: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 11, 12))};
-}
-@mixin define-main-colors($bg, $fg, $overrides: ()) {
-  $colors: map-merge((
-    'primary': #f50551,
-    'success': #01a370,
-    'warning': #ffae00,
-    'error': #ff2600,
-    'teal': #007892,
-    'aurum': #aa6f0d,
-    'silver': #a5a5a5
-  ), $overrides);
-
-  @include define-main-color($bg, $fg);
-
-  @each $colorName, $colorValue in $colors {
-    @include define-color($colorName, $colorValue, $bg, $fg);
-  }
-}
-@mixin define-color-token($name, $color) {
-  --color-#{$name}: #{$color};
-}
-@function color-token($name, ) {
-  @return var(--color-#{$name});
-}
-
-
-@mixin border-radius($size: 'normal') {
-  border-radius: var(--border-radius-#{$size});
-}
-
-@mixin font-size($size: 'normal') {
-  font-size: var(--font-size-#{$size});
-}
-@mixin font-family($family: 'primary') {
-  font-family: var(--font-family-#{$family});
-}
-@mixin font-weight($weight: 'normal') {
-  font-weight: var(--font-weight-#{$weight});
-}
-@mixin font-color($colorToken) {
-  color: color-token($colorToken);
-}
-
-@mixin animated($props: 'all', $subClass: '&') {
-  #{$subClass} {
-    transition: #{$props} .2s ease;
-  }
-
-  &:hover {
-    #{$subClass} {
-      transition: none;
-    }
-  }
-}
-
-@mixin fake-backdrop-blur($topLayer: false, $topLayerBlend: false, $topLayerSize: false, $topLayerAttachement: false) {
-  --_backdrop-color: var(--backdrop-color, transparent);
-  --_backdrop-image-blur: var(--backdrop-image-blur, url(assets/images/bg2-blur.png));
-
-  @if not $topLayer {
-    $topLayer: linear-gradient(use('_backdrop-color'), use('_backdrop-color'));
-  }
-
-  @if not $topLayerBlend {
-    $topLayerBlend: normal;
-  }
-
-  @if not $topLayerSize {
-    $topLayerSize: cover;
-  }
-
-  @if not $topLayerAttachement {
-    $topLayerAttachement: scroll;
-  }
-
-  background-color: use('_backdrop-color');
-  background-image:
-    $topLayer,
-    linear-gradient(color-token('backdrop-shader'), color-token('backdrop-shader')),
-    use('_backdrop-image-blur'),
-    use('_backdrop-image-blur');
-  background-blend-mode: $topLayerBlend, normal, overlay;
-  background-size: $topLayerSize, cover, cover, cover;
-  background-attachment: $topLayerAttachement, scroll, fixed, fixed;
-}
-
-@mixin offset-classes($prefix: 'offset', $property: 'gap') {
-  &.#{$prefix}-none {
-    #{$property}: 0;
-  }
-  &.#{$prefix}-thin {
-    #{$property}: 2px;
-  }
-  &.#{$prefix}-xsmall {
-    #{$property}: offset('xsmall');
-  }
-  &.#{$prefix}-small {
-    #{$property}: offset('small');
-  }
-  &.#{$prefix}-normal {
-    #{$property}: offset('normal');
-  }
-  &.#{$prefix}-large {
-    #{$property}: offset('large');
-  }
-  &.#{$prefix}-xlarge {
-    #{$property}: offset('xlarge');
-  }
-}
+@use "sass:math";
+@use "colors";
+
+@mixin def($var, $value) {
+  --#{$var}: #{$value};
+}
+@function use($var, $default: initial) {
+  @return var(--#{$var}, $default);
+}
+
+@function color($name, $luminance: 'pure', $alpha: 1.0) {
+  @if $luminance == 'pure' {
+    @return rgba(var(--color-#{$name}), #{$alpha});
+  }
+
+  @return rgba(var(--color-#{$name}-#{$luminance}), #{$alpha});
+}
+
+@function offset($size: 'normal') {
+  @return var(--offset-#{$size});
+}
+
+@function q($multiplier: 1) {
+  @if $multiplier == 1 {
+      @return var(--quant);
+  }
+
+  @return calc(var(--quant) * #{$multiplier});
+}
+
+@function control-height($size: 'normal') {
+  @return var(--control-height-#{$size});
+}
+
+@function font-size($size: 'normal') {
+  @return var(--font-size-#{$size});
+}
+
+@function font-weight($weight: 'normal') {
+  @return var(--font-weight-#{$weight});
+}
+
+@function negative($cssValue) {
+  @return calc(-1 * #{$cssValue});
+}
+
+@function border-radius($size: 'normal') {
+  @return var(--border-radius-#{$size});
+}
+
+@function viewport-width($multiplier: 1.0) {
+  @return calc((var(--width) - var(--offset-safezone) * 2) * #{$multiplier});
+}
+@function viewport-height($multiplier: 1.0) {
+  @return calc((var(--height) - var(--offset-safezone) * 2) * #{$multiplier});
+}
+
+@mixin define-color($name, $color, $bg, $fg) {
+  .cfx-color-#{$name} { color: $color }
+
+  --color-#{$name}: #{colors.color-triplet($color)};
+  --color-#{$name}-50:  #{colors.color-triplet(colors.lab-gradient-step($bg, $color, 1, 7))};
+  --color-#{$name}-100: #{colors.color-triplet(colors.lab-gradient-step($bg, $color, 2, 7))};
+  --color-#{$name}-200: #{colors.color-triplet(colors.lab-gradient-step($bg, $color, 3, 7))};
+  --color-#{$name}-300: #{colors.color-triplet(colors.lab-gradient-step($bg, $color, 4, 7))};
+  --color-#{$name}-400: #{colors.color-triplet(colors.lab-gradient-step($bg, $color, 5, 7))};
+  --color-#{$name}-500: #{colors.color-triplet($color)};
+  --color-#{$name}-600: #{colors.color-triplet(colors.lab-gradient-step($color, $fg, 1, 7))};
+  --color-#{$name}-700: #{colors.color-triplet(colors.lab-gradient-step($color, $fg, 2, 7))};
+  --color-#{$name}-800: #{colors.color-triplet(colors.lab-gradient-step($color, $fg, 3, 7))};
+  --color-#{$name}-900: #{colors.color-triplet(colors.lab-gradient-step($color, $fg, 4, 7))};
+  --color-#{$name}-950: #{colors.color-triplet(colors.lab-gradient-step($color, $fg, 5, 7))};
+}
+@mixin define-main-color($bg, $fg) {
+  --color-main: #{colors.color-triplet($bg)};
+  --color-main-50:  #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 1,  12))};
+  --color-main-100: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 2,  12))};
+  --color-main-200: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 3,  12))};
+  --color-main-300: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 4,  12))};
+  --color-main-400: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 5,  12))};
+  --color-main-500: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 6,  12))};
+  --color-main-600: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 7,  12))};
+  --color-main-700: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 8,  12))};
+  --color-main-800: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 9,  12))};
+  --color-main-900: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 10, 12))};
+  --color-main-950: #{colors.color-triplet(colors.lab-gradient-step($bg, $fg, 11, 12))};
+}
+@mixin define-main-colors($bg, $fg, $overrides: ()) {
+  $colors: map-merge((
+    'primary': #f50551,
+    'success': #01a370,
+    'warning': #ffae00,
+    'error': #ff2600,
+    'teal': #007892,
+    'aurum': #aa6f0d,
+    'silver': #a5a5a5
+  ), $overrides);
+
+  @include define-main-color($bg, $fg);
+
+  @each $colorName, $colorValue in $colors {
+    @include define-color($colorName, $colorValue, $bg, $fg);
+  }
+}
+@mixin define-color-token($name, $color) {
+  --color-#{$name}: #{$color};
+}
+@function color-token($name, ) {
+  @return var(--color-#{$name});
+}
+
+
+@mixin border-radius($size: 'normal') {
+  border-radius: var(--border-radius-#{$size});
+}
+
+@mixin font-size($size: 'normal') {
+  font-size: var(--font-size-#{$size});
+}
+@mixin font-family($family: 'primary') {
+  font-family: var(--font-family-#{$family});
+}
+@mixin font-weight($weight: 'normal') {
+  font-weight: var(--font-weight-#{$weight});
+}
+@mixin font-color($colorToken) {
+  color: color-token($colorToken);
+}
+
+@mixin animated($props: 'all', $subClass: '&') {
+  #{$subClass} {
+    transition: #{$props} .2s ease;
+  }
+
+  &:hover {
+    #{$subClass} {
+      transition: none;
+    }
+  }
+}
+
+@mixin offset-classes($prefix: 'offset', $property: 'gap') {
+  &.#{$prefix}-none {
+    #{$property}: 0;
+  }
+  &.#{$prefix}-thin {
+    #{$property}: 2px;
+  }
+  &.#{$prefix}-xsmall {
+    #{$property}: offset('xsmall');
+  }
+  &.#{$prefix}-small {
+    #{$property}: offset('small');
+  }
+  &.#{$prefix}-normal {
+    #{$property}: offset('normal');
+  }
+  &.#{$prefix}-medium {
+    #{$property}: offset('medium');
+  }
+  &.#{$prefix}-large {
+    #{$property}: offset('large');
+  }
+  &.#{$prefix}-xlarge {
+    #{$property}: offset('xlarge');
+  }
+}

package/dist/styles-scss/assets/images/checkered_dark.svg

@@ -1,7 +1,7 @@
-<svg width="2" height="2" viewBox="0 0 2 2" xmlns="http://www.w3.org/2000/svg">
-  <rect x="0" y="1" width="1" height="1" style="fill: #161923" />
-  <rect x="1" y="0" width="1" height="1" style="fill: #161923" />
-  <rect x="0" y="0" width="1" height="1" style="fill: #161923" />
-
-  <rect x="1" y="1" width="1" height="1" style="fill: rgba(22, 25, 35, .05)" />
-</svg>
+<svg width="2" height="2" viewBox="0 0 2 2" xmlns="http://www.w3.org/2000/svg">
+  <rect x="0" y="1" width="1" height="1" style="fill: #161923" />
+  <rect x="1" y="0" width="1" height="1" style="fill: #161923" />
+  <rect x="0" y="0" width="1" height="1" style="fill: #161923" />
+
+  <rect x="1" y="1" width="1" height="1" style="fill: rgba(22, 25, 35, .05)" />
+</svg>