@cfx-dev/ui-components 1.0.0 → 2.0.0

package/dist/utils/hooks/useInstance.js

@@ -0,0 +1,9 @@
+import i from "react";
+const n = Symbol("Uninitialized");
+function u(t, ...r) {
+  const e = i.useRef(n);
+  return e.current === n && (e.current = t(...r)), e.current;
+}
+export {
+  u as useInstance
+};

package/dist/utils/hooks/useKeyboardClose.d.ts

@@ -0,0 +1,4 @@
+export declare function useKeyboardClose<T extends () => void>(callback: T): void;
+export declare namespace useKeyboardClose {
+    var isCloseEvent: (event: KeyboardEvent) => boolean;
+}

package/dist/utils/hooks/useKeyboardClose.js

@@ -0,0 +1,12 @@
+import { useDynamicRef as t } from "./useDynamicRef.js";
+import { useGlobalKeyboardEvent as n } from "./useGlobalKeyboardEvent.js";
+function o(e) {
+  const s = t((r) => {
+    o.isCloseEvent(r) && e();
+  });
+  n(s);
+}
+o.isCloseEvent = (e) => e.key === "Escape";
+export {
+  o as useKeyboardClose
+};

package/dist/utils/hooks/useOutlet.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+
+export type OutletPosition = 'original' | 'before' | 'after';
+export declare function useOutlet(id: string, position?: OutletPosition): React.FC<React.PropsWithChildren>;

package/dist/utils/hooks/useOutlet.js

@@ -0,0 +1,26 @@
+import { jsx as u } from "react/jsx-runtime";
+import l from "react";
+import { R as i } from "../../index-2hJuj4UN.js";
+function m(t) {
+  const {
+    children: n
+  } = t;
+  return /* @__PURE__ */ u("div", { style: { display: "none" }, children: n });
+}
+function O(t, n = "original") {
+  const [c, d] = l.useState(() => m);
+  return l.useEffect(() => {
+    let e = document.getElementById(t);
+    if (e || (e = document.createElement("div"), e.id = t, document.body.appendChild(e)), n !== "original") {
+      const o = e, r = `${t}_${n}`;
+      e = document.getElementById(r), e || (e = document.createElement("div"), e.id = r, n === "before" ? document.body.insertBefore(e, o) : o.after(e));
+    }
+    const a = ({
+      children: o
+    }) => i.createPortal(o, e);
+    d(() => a);
+  }, [t, n]), c;
+}
+export {
+  O as useOutlet
+};

package/dist/utils/hooks/usePopoverController.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+
+export declare function usePopoverController(): {
+    active: boolean;
+    wrapperRef: React.RefObject<HTMLDivElement>;
+    handleMouseEnter: () => void;
+    handleMouseLeave: () => void;
+    handleMouseDown: () => void;
+};

package/dist/utils/hooks/usePopoverController.js

@@ -0,0 +1,35 @@
+import e from "react";
+import { fastRandomId as b } from "../random.js";
+let n = null;
+const h = 80, k = 350;
+function T() {
+  const [d, l] = e.useState(!1), i = e.useRef(!1), s = e.useRef(null), u = e.useRef(null), c = e.useRef(!1), o = e.useRef(b()), f = e.useCallback((t) => {
+    const R = t ? h : k;
+    u.current !== null && clearTimeout(u.current), u.current = setTimeout(() => {
+      u.current = null, !(!t && c.current) && (l(t), i.current = t, t && (n == null ? void 0 : n.id) !== o.current && (n == null || n.update(!1)), t && (n = {
+        id: o.current,
+        update: l
+      }), !t && (n == null ? void 0 : n.id) === o.current && (n = null));
+    }, R);
+  }, []), r = e.useCallback((t) => {
+    !t && c.current || f(t);
+  }, [f]), p = e.useCallback(() => {
+    r(!0);
+  }, [r]), m = e.useCallback(() => {
+    r(!1);
+  }, [r]), v = e.useCallback(() => {
+    c.current = !0;
+  }, []), a = e.useCallback((t) => {
+    c.current = !1, s.current && (s.current.contains(t.target) || i.current && r(!1));
+  }, [r]);
+  return e.useEffect(() => (window.addEventListener("mouseup", a), () => window.removeEventListener("mouseup", a)), [a]), {
+    active: d,
+    wrapperRef: s,
+    handleMouseEnter: p,
+    handleMouseLeave: m,
+    handleMouseDown: v
+  };
+}
+export {
+  T as usePopoverController
+};

package/dist/utils/hooks/useWindowResize.d.ts

@@ -0,0 +1 @@
+export declare function useWindowResize<T extends () => void>(callback: T): void;

package/dist/utils/hooks/useWindowResize.js

@@ -0,0 +1,12 @@
+import t from "react";
+import { useDynamicRef as i } from "./useDynamicRef.js";
+function c(n) {
+  const r = i(n);
+  t.useEffect(() => {
+    const e = () => r.current();
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, []);
+}
+export {
+  c as useWindowResize
+};

package/dist/utils/loremipsum.d.ts

@@ -0,0 +1 @@
+export declare const LOREM_IPSUM = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";

package/dist/utils/loremipsum.js

@@ -0,0 +1,4 @@
+const i = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.";
+export {
+  i as LOREM_IPSUM
+};

package/dist/utils/random.d.ts

@@ -0,0 +1,3 @@
+export declare function randomByte(): string;
+export declare function randomBytes(length: number): string;
+export declare function fastRandomId(): string;

package/dist/utils/random.js

@@ -0,0 +1,14 @@
+function t() {
+  return Math.floor(Math.random() * 16).toString(16);
+}
+function r(n) {
+  return Array(n).fill(0).map(t).join("");
+}
+function o() {
+  return (Math.random() * 8388607 | 1048576).toString(16);
+}
+export {
+  o as fastRandomId,
+  t as randomByte,
+  r as randomBytes
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "1.0.0",
+  "version": "2.0.0",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",
@@ -24,10 +24,9 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@fontsource/montserrat": "^4.5.12",
-    "@fontsource/rubik": "^4.5.11",
-    "@radix-ui/react-select": "^1.0.0",
-    "@storybook/addon-docs": "^8.1.10",
+    "@radix-ui/react-checkbox": "^1.1.1",
+    "@radix-ui/react-select": "^2.1.1",
+    "@radix-ui/react-switch": "^1.1.0",
     "@storybook/addons": "^7.6.17",
     "autolinker": "^3.14.3",
     "flag-icons": "^6.1.1",
@@ -39,7 +38,7 @@
     "react-window": "^1.8.8"
   },
   "devDependencies": {
-    "@cfx-dev/eslint-config-ui": "^0.0.11",
+    "@cfx-dev/eslint-config-ui": "^1.0.0",
     "@chromatic-com/storybook": "1.5.0",
     "@storybook/addon-essentials": "^8.1.5",
     "@storybook/addon-interactions": "^8.1.5",

package/dist/Button.module-Z6njvP9Z.js

@@ -1,17 +0,0 @@
-import './assets/Button.css';const r = "_bar_rzf6p_1", _ = "_root_rzf6p_6", o = "_fullWidth_rzf6p_71", t = "_primary_rzf6p_74", a = "_transparent_rzf6p_106", n = "_small_rzf6p_111", s = "_large_rzf6p_116", l = "_icon_rzf6p_121", p = "_decorator_rzf6p_133", c = {
-  bar: r,
-  root: _,
-  fullWidth: o,
-  primary: t,
-  "default-blurred": "_default-blurred_rzf6p_90",
-  transparent: a,
-  small: n,
-  large: s,
-  icon: l,
-  "straight-borders": "_straight-borders_rzf6p_125",
-  "icon-node": "_icon-node_rzf6p_128",
-  decorator: p
-};
-export {
-  c as s
-};

package/dist/Icons-BlBKvJD8.js

@@ -1,104 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { G as r, b as n } from "./index.esm-BkynlSN6.js";
-function o(t) {
-  return r({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { d: "M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" } }, { tag: "path", attr: { d: "M13 7h-2v6h6v-2h-4z" } }] })(t);
-}
-function c(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M15.854 5.146a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L12.5 7.793l2.646-2.647a.5.5 0 0 1 .708 0z" } }, { tag: "path", attr: { d: "M1 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6z" } }] })(t);
-}
-function g(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" } }] })(t);
-}
-function s(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" } }, { tag: "path", attr: { d: "M10.97 4.97a.235.235 0 0 0-.02.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-1.071-1.05z" } }] })(t);
-}
-function d(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z" } }] })(t);
-}
-function b(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" } }] })(t);
-}
-function S(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z" } }] })(t);
-}
-function h(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z" } }, { tag: "path", attr: { d: "M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16zm7-8A7 7 0 1 1 1 8a7 7 0 0 1 14 0z" } }] })(t);
-}
-function v(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M4 10.781c.148 1.667 1.513 2.85 3.591 3.003V15h1.043v-1.216c2.27-.179 3.678-1.438 3.678-3.3 0-1.59-.947-2.51-2.956-3.028l-.722-.187V3.467c1.122.11 1.879.714 2.07 1.616h1.47c-.166-1.6-1.54-2.748-3.54-2.875V1H7.591v1.233c-1.939.23-3.27 1.472-3.27 3.156 0 1.454.966 2.483 2.661 2.917l.61.162v4.031c-1.149-.17-1.94-.8-2.131-1.718H4zm3.391-3.836c-1.043-.263-1.6-.825-1.6-1.616 0-.944.704-1.641 1.8-1.828v3.495l-.2-.05zm1.591 1.872c1.287.323 1.852.859 1.852 1.769 0 1.097-.826 1.828-2.2 1.939V8.73l.348.086z" } }] })(t);
-}
-function u(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" } }, { tag: "path", attr: { d: "M7.002 11a1 1 0 1 1 2 0 1 1 0 0 1-2 0zM7.1 4.995a.905.905 0 1 1 1.8 0l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995z" } }] })(t);
-}
-function L(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M9.405 1.05c-.413-1.4-2.397-1.4-2.81 0l-.1.34a1.464 1.464 0 0 1-2.105.872l-.31-.17c-1.283-.698-2.686.705-1.987 1.987l.169.311c.446.82.023 1.841-.872 2.105l-.34.1c-1.4.413-1.4 2.397 0 2.81l.34.1a1.464 1.464 0 0 1 .872 2.105l-.17.31c-.698 1.283.705 2.686 1.987 1.987l.311-.169a1.464 1.464 0 0 1 2.105.872l.1.34c.413 1.4 2.397 1.4 2.81 0l.1-.34a1.464 1.464 0 0 1 2.105-.872l.31.17c1.283.698 2.686-.705 1.987-1.987l-.169-.311a1.464 1.464 0 0 1 .872-2.105l.34-.1c1.4-.413 1.4-2.397 0-2.81l-.34-.1a1.464 1.464 0 0 1-.872-2.105l.17-.31c.698-1.283-.705-2.686-1.987-1.987l-.311.169a1.464 1.464 0 0 1-2.105-.872l-.1-.34zM8 10.93a2.929 2.929 0 1 1 0-5.86 2.929 2.929 0 0 1 0 5.858z" } }] })(t);
-}
-function f(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { fillRule: "evenodd", d: "M8 1.314C12.438-3.248 23.534 4.735 8 15-7.534 4.736 3.562-3.248 8 1.314z" } }] })(t);
-}
-function p(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053c-.523 1.023-.641 2.5.314 4.385.92 1.815 2.834 3.989 6.286 6.357 3.452-2.368 5.365-4.542 6.286-6.357.955-1.886.838-3.362.314-4.385C13.486.878 10.4.28 8.717 2.01L8 2.748zM8 15C-7.333 4.868 3.279-3.04 7.824 1.143c.06.055.119.112.176.171a3.12 3.12 0 0 1 .176-.17C12.72-3.042 23.333 4.867 8 15z" } }] })(t);
-}
-function M(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1H7Zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm-5.784 6A2.238 2.238 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.325 6.325 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1h4.216ZM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Z" } }] })(t);
-}
-function B(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M10.804 8 5 4.633v6.734L10.804 8zm.792-.696a.802.802 0 0 1 0 1.392l-6.363 3.692C4.713 12.69 4 12.345 4 11.692V4.308c0-.653.713-.998 1.233-.696l6.363 3.692z" } }] })(t);
-}
-function C(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286zm1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94z" } }] })(t);
-}
-function z(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z" } }, { tag: "path", attr: { d: "M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z" } }] })(t);
-}
-function x(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z" } }, { tag: "path", attr: { d: "M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z" } }] })(t);
-}
-function m(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" } }, { tag: "path", attr: { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" } }] })(t);
-}
-function w(t) {
-  return r({ tag: "svg", attr: { fill: "currentColor", viewBox: "0 0 16 16" }, child: [{ tag: "path", attr: { d: "M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z" } }] })(t);
-}
-function y(t) {
-  return r({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" } }, { tag: "polyline", attr: { points: "15 3 21 3 21 9" } }, { tag: "line", attr: { x1: "10", y1: "14", x2: "21", y2: "3" } }] })(t);
-}
-function N(t) {
-  return r({ tag: "svg", attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "path", attr: { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" } }, { tag: "polyline", attr: { points: "17 8 12 3 7 8" } }, { tag: "line", attr: { x1: "12", y1: "3", x2: "12", y2: "15" } }] })(t);
-}
-function l(t) {
-  return r({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256.65 38.984l-49.697 100.702-111.13 16.146 80.413 78.385-18.982 110.68 99.396-52.256 99.397 52.256-18.983-110.68 80.413-78.384-111.127-16.146-49.7-100.702zM112 308.826l-26.674 54.05-59.646 8.665 43.16 42.073-10.188 59.403L112 444.97l53.348 28.046-10.188-59.403 43.16-42.072-59.646-8.665L112 308.825zm288 0l-26.674 54.05-59.646 8.665 43.16 42.073-10.188 59.403L400 444.97l53.348 28.046-10.188-59.403 43.16-42.072-59.646-8.665L400 308.825z" } }] })(t);
-}
-function e(t) {
-  return r({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M345.6 128l51.3 51.3-109.3 109.4-89.6-89.6L32 365.4 63.6 397 198 262.5l89.6 89.7 141.1-141 51.3 51.3V128H345.6z" } }] })(t);
-}
-function H(t) {
-  return r({ tag: "svg", attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M394.23 197.56a300.43 300.43 0 00-53.37-90C301.2 61.65 249.05 32 208 32a16 16 0 00-15.48 20c13.87 53-14.88 97.07-45.31 143.72C122 234.36 96 274.27 96 320c0 88.22 71.78 160 160 160s160-71.78 160-160c0-43.3-7.32-84.49-21.77-122.44zm-105.9 221.13C278 429.69 265.05 432 256 432s-22-2.31-32.33-13.31S208 390.24 208 368c0-25.14 8.82-44.28 17.34-62.78 4.95-10.74 10-21.67 13-33.37a8 8 0 0112.49-4.51A126.48 126.48 0 01275 292c18.17 24 29 52.42 29 76 0 22.24-5.42 39.77-15.67 50.69z" } }] })(t);
-}
-function V(t) {
-  return r({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "path", attr: { fill: "none", d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6z" } }] })(t);
-}
-function k(t) {
-  return r({ tag: "svg", attr: { viewBox: "0 0 24 24" }, child: [{ tag: "g", attr: { fill: "none" }, child: [{ tag: "path", attr: { d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M0 0h24v24H0z" } }, { tag: "path", attr: { d: "M0 0h24v24H0z" } }] }, { tag: "path", attr: { d: "M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z" } }] })(t);
-}
-function A(t) {
-  return r({ tag: "svg", attr: { viewBox: "0 0 16 16", fill: "currentColor" }, child: [{ tag: "rect", attr: { x: "2", y: "9", width: "9", height: "1" } }, { tag: "rect", attr: { x: "2", y: "12", width: "8", height: "1" } }, { tag: "rect", attr: { x: "2", y: "6", width: "12", height: "1" } }, { tag: "rect", attr: { x: "2", y: "3", width: "11", height: "1" } }] })(t);
-}
-var i;
-((t) => {
-  t.exit = /* @__PURE__ */ a(w, { style: { fontSize: "1.75em" } }), t.settings = /* @__PURE__ */ a(L, {}), t.changelog = /* @__PURE__ */ a(n, {}), t.storymode = /* @__PURE__ */ a(B, {}), t.replayEditor = /* @__PURE__ */ a(k, {}), t.tipInfo = /* @__PURE__ */ a(C, {}), t.remove = /* @__PURE__ */ a(x, {}), t.externalLink = /* @__PURE__ */ a(y, {}), t.tags = /* @__PURE__ */ a(z, {}), t.checkmark = /* @__PURE__ */ a(d, {}), t.playersCount = /* @__PURE__ */ a(M, {}), t.last24h = /* @__PURE__ */ a(V, {}), t.statusLevelAllGood = /* @__PURE__ */ a(s, {}), t.statusLevelMinor = /* @__PURE__ */ a(u, {}), t.statusLevelMajor = /* @__PURE__ */ a(m, {}), t.favoriteInactive = /* @__PURE__ */ a(p, {}), t.favoriteActive = /* @__PURE__ */ a(f, { className: "cfx-color-primary" }), t.account = /* @__PURE__ */ a(g, {}), t.accountLoaded = /* @__PURE__ */ a(c, {}), t.serversListAll = /* @__PURE__ */ a(A, {}), t.serversListSupporters = /* @__PURE__ */ a(v, {}), t.serversListHistory = /* @__PURE__ */ a(h, {}), t.serversListFavorites = t.favoriteInactive, t.serverLastConnected = /* @__PURE__ */ a(o, {}), t.serversFeatured = /* @__PURE__ */ a(l, { style: { fill: "url(#pin-gradient)" } }), t.serversFeaturedUnstyled = /* @__PURE__ */ a(l, {}), t.serverBoost = /* @__PURE__ */ a(e, { style: { fill: "url(#boost-gradient)" } }), t.serverBoostUnstyled = /* @__PURE__ */ a(e, {}), t.serverBurst = /* @__PURE__ */ a(H, { style: { fill: "url(#burst-gradient)" } });
-})(i || (i = {}));
-const R = {
-  gta5: /* @__PURE__ */ a("svg", { className: "brand-icon mirror", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-gta5" }) }),
-  rdr3: /* @__PURE__ */ a("svg", { className: "brand-icon", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-rdr3" }) }),
-  ny: /* @__PURE__ */ a("svg", { className: "brand-icon", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-ny" }) }),
-  cfxre: /* @__PURE__ */ a("svg", { className: "brand-icon", children: /* @__PURE__ */ a("use", { xlinkHref: "#logo-cfxre" }) }),
-  ROS: /* @__PURE__ */ a("svg", { className: "brand-icon", viewBox: "0 0 128 128", version: "1.1", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ a("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 {
-  R as B,
-  N as F,
-  i as I,
-  b as a,
-  S as b
-};

package/dist/Rail-CCuyJpf6.js

@@ -1,89 +0,0 @@
-import { jsx as _ } from "react/jsx-runtime";
-import s from "react";
-import { Interactive as w } from "./components/Interactive/Interactive.js";
-import { clsx as A } from "./utils/clsx.js";
-import { useInstance as C } from "./utils/hooks.js";
-import { clamp01 as b } from "./utils/math.js";
-import './assets/Rail.css';const P = "_virtual_sn3qq_1", T = "_root_sn3qq_5", y = "_active_sn3qq_13", z = "_scroller_sn3qq_17", M = "_content_sn3qq_27", R = "_thumb_sn3qq_42", a = {
-  virtual: P,
-  root: T,
-  "rail-y": "_rail-y_sn3qq_12",
-  "rail-x": "_rail-x_sn3qq_13",
-  active: y,
-  scroller: z,
-  "no-x-scroll": "_no-x-scroll_sn3qq_21",
-  "no-y-scroll": "_no-y-scroll_sn3qq_24",
-  content: M,
-  thumb: R
-};
-function E() {
-  return {
-    pos: 0,
-    ratio: 1,
-    height: 0,
-    offset: 0,
-    dragging: !1,
-    dragStartAtCursor: 0,
-    dragStartAtPos: 0,
-    movementMultiplier: 1
-  };
-}
-function X(d) {
-  const {
-    axis: l,
-    pos: n,
-    size: e,
-    scrollSize: g,
-    rootRef: v,
-    setRootActive: c,
-    minThumbSize: i
-  } = d, o = s.useMemo(() => l === "x" ? {
-    sizeCSS: "width",
-    offsetCSSTransform: "translateX",
-    scrollToSide: "left",
-    mousePosAxis: "clientX"
-  } : {
-    sizeCSS: "height",
-    offsetCSSTransform: "translateY",
-    scrollToSide: "top",
-    mousePosAxis: "clientY"
-  }, []), [S, m] = s.useState(!1), t = C(E);
-  t.pos = n, t.ratio = b(e / g), t.height = e * t.ratio, t.offset = n * t.ratio, t.height < i && (t.height = i, t.offset = n * t.ratio * ((e - i) / e)), t.movementMultiplier = 1 / t.ratio;
-  const h = s.useCallback((r) => {
-    t.dragging = !0, t.dragStartAtPos = t.pos, t.dragStartAtCursor = r[o.mousePosAxis], m(!0), c(!0);
-  }, []);
-  s.useEffect(() => {
-    const r = (q) => {
-      var f;
-      if (!t.dragging)
-        return;
-      const x = q[o.mousePosAxis] - t.dragStartAtCursor;
-      (f = v.current) == null || f.scrollTo({
-        [o.scrollToSide]: t.dragStartAtPos + x * t.movementMultiplier,
-        behavior: "auto"
-      });
-    }, u = () => {
-      t.dragging && (t.dragging = !1, m(!1), c(!1));
-    };
-    return window.addEventListener("mousemove", r), window.addEventListener("mouseup", u), () => {
-      window.removeEventListener("mousemove", r), window.removeEventListener("mouseup", u);
-    };
-  }, []);
-  const p = {
-    [o.sizeCSS]: `${t.height}px`,
-    transform: `${o.offsetCSSTransform}(${t.offset}px)`
-  };
-  return /* @__PURE__ */ _("div", { className: a[`rail-${l}`], children: /* @__PURE__ */ _(
-    w,
-    {
-      showPointer: !1,
-      style: p,
-      className: A(a.thumb, { [a.active]: S }),
-      onMouseDown: h
-    }
-  ) });
-}
-export {
-  X as R,
-  a as s
-};

package/dist/extends-hS2Bh-Yp.js

@@ -1,12 +0,0 @@
-function e() {
-  return e = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var r = arguments[n];
-      for (var a in r) ({}).hasOwnProperty.call(r, a) && (t[a] = r[a]);
-    }
-    return t;
-  }, e.apply(null, arguments);
-}
-export {
-  e as _
-};

package/dist/index.esm-BkynlSN6.js

@@ -1,72 +0,0 @@
-import l from "react";
-var d = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-}, f = l.createContext && l.createContext(d), c = function() {
-  return c = Object.assign || function(t) {
-    for (var r, e = 1, n = arguments.length; e < n; e++) {
-      r = arguments[e];
-      for (var a in r) Object.prototype.hasOwnProperty.call(r, a) && (t[a] = r[a]);
-    }
-    return t;
-  }, c.apply(this, arguments);
-}, v = function(t, r) {
-  var e = {};
-  for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && r.indexOf(n) < 0 && (e[n] = t[n]);
-  if (t != null && typeof Object.getOwnPropertySymbols == "function") for (var a = 0, n = Object.getOwnPropertySymbols(t); a < n.length; a++)
-    r.indexOf(n[a]) < 0 && Object.prototype.propertyIsEnumerable.call(t, n[a]) && (e[n[a]] = t[n[a]]);
-  return e;
-};
-function m(t) {
-  return t && t.map(function(r, e) {
-    return l.createElement(r.tag, c({
-      key: e
-    }, r.attr), m(r.child));
-  });
-}
-function o(t) {
-  return function(r) {
-    return l.createElement(h, c({
-      attr: c({}, t.attr)
-    }, r), m(t.child));
-  };
-}
-function h(t) {
-  var r = function(e) {
-    var n = t.attr, a = t.size, u = t.title, g = v(t, ["attr", "size", "title"]), s = a || e.size || "1em", i;
-    return e.className && (i = e.className), t.className && (i = (i ? i + " " : "") + t.className), l.createElement("svg", c({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, e.attr, n, g, {
-      className: i,
-      style: c(c({
-        color: t.color || e.color
-      }, e.style), t.style),
-      height: s,
-      width: s,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), u && l.createElement("title", null, u), t.children);
-  };
-  return f !== void 0 ? l.createElement(f.Consumer, null, function(e) {
-    return r(e);
-  }) : r(d);
-}
-function w(t) {
-  return o({ tag: "svg", attr: { viewBox: "0 0 640 512" }, child: [{ tag: "path", attr: { d: "M48 0C21.53 0 0 21.53 0 48v64c0 8.84 7.16 16 16 16h80V48C96 21.53 74.47 0 48 0zm208 412.57V352h288V96c0-52.94-43.06-96-96-96H111.59C121.74 13.41 128 29.92 128 48v368c0 38.87 34.65 69.65 74.75 63.12C234.22 474 256 444.46 256 412.57zM288 384v32c0 52.93-43.06 96-96 96h336c61.86 0 112-50.14 112-112 0-8.84-7.16-16-16-16H288z" } }] })(t);
-}
-function O(t) {
-  return o({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41z" } }] })(t);
-}
-function x(t) {
-  return o({ tag: "svg", attr: { viewBox: "0 0 320 512" }, child: [{ tag: "path", attr: { d: "M279 224H41c-21.4 0-32.1-25.9-17-41L143 64c9.4-9.4 24.6-9.4 33.9 0l119 119c15.2 15.1 4.5 41-16.9 41z" } }] })(t);
-}
-export {
-  x as F,
-  o as G,
-  O as a,
-  w as b
-};

package/dist/inheritsLoose-A8WKSWDx.js

@@ -1,11 +0,0 @@
-function e(t, o) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, n) {
-    return r.__proto__ = n, r;
-  }, e(t, o);
-}
-function p(t, o) {
-  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, e(t, o);
-}
-export {
-  p as _
-};

package/dist/style-guide/Colours/DarkThemeSwatches.d.ts

@@ -1,2 +0,0 @@
-declare const DarkThemeSwatches: React.FC;
-export default DarkThemeSwatches;

package/dist/style-guide/Colours/DarkThemeSwatches.js

@@ -1,110 +0,0 @@
-import { jsxs as a, Fragment as l, jsx as e } from "react/jsx-runtime";
-const r = [
-  {
-    name: "$bg",
-    colorValue: "#161923"
-  },
-  {
-    name: "$fg",
-    colorValue: "#fffff0"
-  },
-  {
-    name: "primary",
-    colorValue: "#e50448"
-  },
-  // #f50551 darkened by 10%
-  {
-    name: ".color-1",
-    colorValue: "#ff6659"
-  },
-  // #F44336 lightened by 30%
-  {
-    name: ".color-2",
-    colorValue: "#83e176"
-  },
-  // #4CAF50 lightened by 30%
-  {
-    name: ".color-3",
-    colorValue: "#ffff99"
-  },
-  // #FFEB3B lightened by 30%
-  {
-    name: ".color-4",
-    colorValue: "#8acfff"
-  },
-  // #42A5F5 lightened by 30%
-  {
-    name: ".color-5",
-    colorValue: "#80d4ff"
-  },
-  // #03A9F4 lightened by 30%
-  {
-    name: ".color-6",
-    colorValue: "#e1a3e0"
-  },
-  // #9C27B0 lightened by 30%
-  {
-    name: ".color-8",
-    colorValue: "#ff8a66"
-  },
-  // #FF5722 lightened by 30%
-  {
-    name: ".color-9",
-    colorValue: "#cccccc"
-  }
-  // #9E9E9E lightened by 30%
-], i = function() {
-  return /* @__PURE__ */ a(l, { children: [
-    /* @__PURE__ */ e("h1", { children: " Dark Theme " }),
-    /* @__PURE__ */ e(
-      "div",
-      {
-        style: {
-          display: "grid",
-          gridTemplateColumns: "repeat(auto-fill, minmax(100px, 1fr))",
-          gap: "20px",
-          padding: "20px"
-        },
-        children: r.map((o) => /* @__PURE__ */ e(
-          "div",
-          {
-            style: {
-              backgroundColor: o.colorValue,
-              color: "#FFF",
-              display: "flex",
-              flexDirection: "column",
-              justifyContent: "center",
-              alignItems: "center",
-              height: "100px",
-              borderRadius: "8px",
-              boxShadow: "0 4px 8px rgba(0, 0, 0, 0.1)",
-              padding: "10px",
-              position: "relative"
-            },
-            children: /* @__PURE__ */ a(
-              "div",
-              {
-                style: {
-                  position: "absolute",
-                  bottom: "-50px",
-                  textAlign: "center",
-                  padding: "5px 10px",
-                  color: "#FFF"
-                },
-                children: [
-                  /* @__PURE__ */ e("span", { children: o.name }),
-                  /* @__PURE__ */ e("br", {}),
-                  /* @__PURE__ */ e("span", { children: o.colorValue })
-                ]
-              }
-            )
-          },
-          o.name
-        ))
-      }
-    )
-  ] });
-};
-export {
-  i as default
-};

package/dist/style-guide/Colours/LightThemeSwatches.d.ts

@@ -1,2 +0,0 @@
-declare const LightThemeSwatches: React.FC;
-export default LightThemeSwatches;