@cfx-dev/ui-components 5.0.23 → 5.0.25

package/dist/components/Logos/zap/index.js

@@ -0,0 +1,12 @@
+import { default as a } from "./Logo.js";
+import { default as f } from "./LogoColor.js";
+import { default as l } from "./Icon.js";
+import { default as m } from "./IconColor.js";
+import { default as s } from "./IconColor2.js";
+export {
+  l as Icon,
+  m as IconColor,
+  s as IconColor2,
+  a as Logo,
+  f as LogoColor
+};

package/dist/components/Title/Title.js

@@ -1,14 +1,14 @@
-import { jsx as h, jsxs as C, Fragment as M } from "react/jsx-runtime";
-import s from "react";
-import { clsx as O } from "../../utils/clsx.js";
+import { jsx as b, jsxs as O, Fragment as R } from "react/jsx-runtime";
+import a from "react";
+import { clsx as L } from "../../utils/clsx.js";
 import "../../utils/hooks/useGlobalKeyboardEvent.js";
 import "../../utils/hooks/useKeyboardClose.js";
-import { useOutlet as y } from "../../utils/hooks/useOutlet.js";
-import { mergeRefs as N } from "../../utils/mergeRefs.js";
-const $ = "cfxui__Title__wrapper__ec63b", A = "cfxui__Title__appearance__9b5a4", F = "cfxui__Title__animated__151a8", I = "cfxui__Title__root__0f286", S = "cfxui__Title__shortcut__85352", p = {
-  wrapper: $,
-  appearance: A,
-  animated: F,
+import { useOutlet as S } from "../../utils/hooks/useOutlet.js";
+import { mergeRefs as k } from "../../utils/mergeRefs.js";
+const N = "cfxui__Title__wrapper__ec63b", $ = "cfxui__Title__appearance__9b5a4", A = "cfxui__Title__animated__151a8", F = "cfxui__Title__root__0f286", I = "cfxui__Title__shortcut__85352", x = {
+  wrapper: N,
+  appearance: $,
+  animated: A,
   "fixed-on-top": "cfxui__Title__fixed-on-top__100f6",
   "fixed-on-top-left": "cfxui__Title__fixed-on-top-left__ec383",
   "fixed-on-bottom": "cfxui__Title__fixed-on-bottom__a00c2",
@@ -16,112 +16,116 @@ const $ = "cfxui__Title__wrapper__ec63b", A = "cfxui__Title__appearance__9b5a4",
   "fixed-on-bottom-right": "cfxui__Title__fixed-on-bottom-right__58fb5",
   "fixed-on-left": "cfxui__Title__fixed-on-left__01d9d",
   "fixed-on-right": "cfxui__Title__fixed-on-right__2c799",
-  root: I,
-  shortcut: S
+  root: F,
+  shortcut: I
 }, _ = 10, j = "title-outlet";
-function D(l, f, [e, o]) {
-  const r = l ? o : o - 20, n = l ? e : e + 16;
+function D(n, c) {
+  var o;
+  return typeof n.computedStyleMap == "function" ? ((o = n.computedStyleMap().get(c)) == null ? void 0 : o.toString()) || "" : window.getComputedStyle(n).getPropertyValue(c) || "";
+}
+function G(n, c, [o, r]) {
+  const e = n ? r : r - 20, s = n ? o : o + 16;
   return {
-    top: `${r}px`,
-    left: `${n}px`,
-    maxWidth: `calc(100vw - ${n}px - 10px)`,
-    animationDelay: `${f}ms`
+    top: `${e}px`,
+    left: `${s}px`,
+    maxWidth: `calc(100vw - ${s}px - 10px)`,
+    animationDelay: `${c}ms`
   };
 }
-function G(l, f) {
-  const {
-    x: e,
-    y: o,
-    width: r,
-    height: n
-  } = l.getBoundingClientRect();
-  let i = 0, t = 0;
-  switch (f) {
+function X(n, c) {
+  const o = D(n, "display") === "contents" ? n.children[0] : n, {
+    x: r,
+    y: e,
+    width: s,
+    height: u
+  } = o.getBoundingClientRect();
+  let t = 0, i = 0;
+  switch (c) {
     case "top":
-      i = e + r / 2, t = o - _;
+      t = r + s / 2, i = e - _;
       break;
     case "top-left":
-      i = e, t = o - _;
+      t = r, i = e - _;
       break;
     case "bottom":
-      i = e + r / 2, t = o + n + _;
+      t = r + s / 2, i = e + u + _;
       break;
     case "bottom-left":
-      i = e, t = o + n + _;
+      t = r, i = e + u + _;
       break;
     case "bottom-right":
-      i = e + r, t = o + n + _;
+      t = r + s, i = e + u + _;
       break;
     case "left":
-      i = e - _, t = o + n / 2;
+      t = r - _, i = e + u / 2;
       break;
     case "right":
-      i = e + r + _, t = o + n / 2;
+      t = r + s + _, i = e + u / 2;
       break;
   }
-  return [i, t];
+  return [t, i];
 }
-function H(l) {
+function z(n) {
   const {
-    title: f,
-    children: e,
-    animated: o = !0,
-    fixedOn: r = "bottom",
-    delay: n = 0,
-    className: i = "",
+    title: c,
+    children: o,
+    animated: r = !0,
+    fixedOn: e = "bottom",
+    delay: s = 0,
+    className: u = "",
     suppressMouseActivation: t = !1,
-    active: b = !1,
+    active: i = !1,
     rootClassName: v = ""
-  } = l, m = s.useRef(r), d = s.useRef([0, 0]);
-  m.current = r;
-  const T = y(j), a = s.useRef(null), [E, x] = s.useState(!1);
-  s.useEffect(() => {
-    t && x(b);
-  }, [b, t]), s.useEffect(() => {
-    if (!a.current)
+  } = n, m = a.useRef(e), p = a.useRef([0, 0]);
+  m.current = e;
+  const T = S(j), l = a.useRef(null), [g, h] = a.useState(!1);
+  a.useEffect(() => {
+    t && h(i);
+  }, [i, t]), a.useEffect(() => {
+    if (!l.current)
       return;
-    const c = a.current, g = (u) => {
-      m.current && a.current ? d.current = G(a.current, m.current) : d.current = [u.clientX, u.clientY], t || x(!0);
-    }, L = () => {
-      t || x(!1);
-    }, w = (u) => {
-      m.current || (d.current = [u.clientX, u.clientY]);
+    const f = l.current, E = (d) => {
+      m.current && l.current ? p.current = X(l.current, m.current) : p.current = [d.clientX, d.clientY], t || h(!0);
+    }, y = () => {
+      t || h(!1);
+    }, w = (d) => {
+      m.current || (p.current = [d.clientX, d.clientY]);
     };
-    return c.addEventListener("mouseenter", g), c.addEventListener("mouseleave", L), c.addEventListener("mousemove", w), () => {
-      c && (c.removeEventListener("mouseenter", g), c.removeEventListener("mouseleave", L), c.removeEventListener("mousemove", w));
+    return f.addEventListener("mouseenter", E), f.addEventListener("mouseleave", y), f.addEventListener("mousemove", w), () => {
+      f && (f.removeEventListener("mouseenter", E), f.removeEventListener("mouseleave", y), f.removeEventListener("mousemove", w));
     };
   }, [t]);
-  const R = s.useMemo(() => {
-    if (!E || !f)
+  const M = a.useMemo(() => {
+    if (!g || !c)
       return null;
-    const c = O(
-      p.wrapper,
-      p[`fixed-on-${r}`],
+    const f = L(
+      x.wrapper,
+      x[`fixed-on-${e}`],
       {
-        [p.animated]: o
+        [x.animated]: r
       },
-      i
+      u
     );
-    return /* @__PURE__ */ h(T, { children: /* @__PURE__ */ h(
+    return /* @__PURE__ */ b(T, { children: /* @__PURE__ */ b(
       "div",
       {
-        className: c,
-        style: D(!!r, n, d.current),
-        children: /* @__PURE__ */ h("div", { className: O(p.root, v), children: f })
+        className: f,
+        style: G(!!e, s, p.current),
+        children: /* @__PURE__ */ b("div", { className: L(x.root, v), children: c })
       }
     ) });
-  }, [E, f, r, o, T, n, i, v]), k = s.useMemo(
-    () => typeof e == "function" ? e(a) : s.cloneElement(e, { ref: N(a, e.props.ref) }),
-    [e, a]
+  }, [g, c, e, r, T, s, u, v]), C = a.useMemo(
+    () => typeof o == "function" ? o(l) : a.cloneElement(o, { ref: k(l, o.props.ref) }),
+    [o, l]
   );
-  return /* @__PURE__ */ C(M, { children: [
-    k,
-    R
+  return /* @__PURE__ */ O(R, { children: [
+    C,
+    M
   ] });
 }
 export {
   j as TITLE_OUTLET_ID,
-  H as Title,
-  G as titleGetCoords,
-  D as titleGetCssStyle
+  z as Title,
+  X as titleGetCoords,
+  G as titleGetCssStyle
 };

package/dist/index--7ftEy7B.js

@@ -0,0 +1,14 @@
+import o from "./components/Logos/discord/Icon.js";
+import r from "./components/Logos/discord/IconColor.js";
+import t from "./components/Logos/discord/Logo.js";
+import e from "./components/Logos/discord/LogoColor.js";
+const n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: o,
+  IconColor: r,
+  Logo: t,
+  LogoColor: e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  n as D
+};

package/dist/index-6ymEiKOk.js

@@ -0,0 +1,12 @@
+import r from "./components/Logos/rockstar/Icon.js";
+import o from "./components/Logos/rockstar/Wordmark.js";
+import t from "./components/Logos/rockstar/WordmarkVertical.js";
+const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: r,
+  Wordmark: o,
+  WordmarkVertical: t
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  l as R
+};

package/dist/index-B4ozsXlE.js

@@ -0,0 +1,16 @@
+import o from "./components/Logos/nodecraft/Icon.js";
+import r from "./components/Logos/nodecraft/IconColor.js";
+import t from "./components/Logos/nodecraft/LogoColor.js";
+import e from "./components/Logos/nodecraft/Logo.js";
+import l from "./components/Logos/nodecraft/LogoColor2.js";
+const d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: o,
+  IconColor: r,
+  Logo: e,
+  LogoColor: t,
+  LogoColor2: l
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  d as N
+};

package/dist/index-B894ectI.js

@@ -0,0 +1,10 @@
+import o from "./components/Logos/redemrp/Icon.js";
+import e from "./components/Logos/redemrp/IconColor.js";
+const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: o,
+  IconColor: e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  l as R
+};

package/dist/index-BGU_SN2o.js

@@ -0,0 +1,16 @@
+import o from "./components/Logos/cfx/CompositeLogo.js";
+import t from "./components/Logos/cfx/Icon.js";
+import e from "./components/Logos/cfx/Logo.js";
+import r from "./components/Logos/cfx/Wordmark.js";
+import m from "./components/Logos/cfx/CompositeIcon.js";
+const d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CompositeIcon: m,
+  CompositeLogo: o,
+  Icon: t,
+  Logo: e,
+  Wordmark: r
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  d as C
+};

package/dist/{index-CZVyC53C.js → index-BOn_iaK2.js}

@@ -5,16 +5,18 @@ import e from "./components/Logos/redm/LockupLandscape.js";
 import m from "./components/Logos/redm/LockupPortrait.js";
 import p from "./components/Logos/redm/Wordmark.js";
 import a from "./components/Logos/redm/WhiteLogo.js";
-const _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import f from "./components/Logos/redm/SimpleLogo.js";
+const n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CompositeLogo: o,
   Icon: t,
   LockupLandscape: e,
   LockupPortrait: m,
   Logo: r,
+  SimpleLogo: f,
   WhiteLogo: a,
   Wordmark: p
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  _ as R
+  n as R
 };

package/dist/index-BRHcJhJG.js

@@ -0,0 +1,18 @@
+import o from "./components/Logos/xrealm/Logo.js";
+import r from "./components/Logos/xrealm/LogoColor.js";
+import l from "./components/Logos/xrealm/LogoColor2.js";
+import t from "./components/Logos/xrealm/Icon.js";
+import e from "./components/Logos/xrealm/IconColor.js";
+import f from "./components/Logos/xrealm/IconColor2.js";
+const u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: t,
+  IconColor: e,
+  IconColor2: f,
+  Logo: o,
+  LogoColor: r,
+  LogoColor2: l
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  u as X
+};

package/dist/index-B_EMgg52.js

@@ -0,0 +1,14 @@
+import o from "./components/Logos/nitrado/Icon.js";
+import r from "./components/Logos/nitrado/IconColor.js";
+import t from "./components/Logos/nitrado/LogoHorizontal.js";
+import l from "./components/Logos/nitrado/LogoHorizontalColor.js";
+const f = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: o,
+  IconColor: r,
+  LogoHorizontal: t,
+  LogoHorizontalColor: l
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  f as N
+};

package/dist/index-B_Vaq81q.js

@@ -0,0 +1,10 @@
+import o from "./components/Logos/vorpcore/Icon.js";
+import e from "./components/Logos/vorpcore/IconColor.js";
+const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: o,
+  IconColor: e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  l as V
+};

package/dist/index-C9Lozqbl.js

@@ -0,0 +1,8 @@
+import o from "./components/Logos/marketplace/CompositeLogo.js";
+const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CompositeLogo: o
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  t as M
+};

package/dist/index-Cq4jCzEv.js

@@ -0,0 +1,12 @@
+import o from "./components/Logos/tebex/Icon.js";
+import r from "./components/Logos/tebex/Wordmark.js";
+import e from "./components/Logos/tebex/WhiteWordmark.js";
+const d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: o,
+  WhiteWordmark: e,
+  Wordmark: r
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  d as T
+};

package/dist/{index-CndZSWbO.js → index-CztR26xF.js}

@@ -1,8 +1,8 @@
-import e from "./components/Logos/esx/Icon.js";
+import o from "./components/Logos/c/Logo.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Icon: e
+  Logo: o
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  t as E
+  t as C
 };

package/dist/index-D1C1OavJ.js

@@ -0,0 +1,14 @@
+import o from "./components/Logos/txadmin/Logo.js";
+import r from "./components/Logos/txadmin/Icon.js";
+import t from "./components/Logos/txadmin/LogoColor.js";
+import e from "./components/Logos/txadmin/IconColor.js";
+const _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: r,
+  IconColor: e,
+  Logo: o,
+  LogoColor: t
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  _ as T
+};

package/dist/index-DhOP0QKO.js

@@ -0,0 +1,18 @@
+import o from "./components/Logos/shockbyte/Logo.js";
+import r from "./components/Logos/shockbyte/LogoColor.js";
+import t from "./components/Logos/shockbyte/LogoColor2.js";
+import l from "./components/Logos/shockbyte/Icon.js";
+import e from "./components/Logos/shockbyte/IconColor.js";
+import f from "./components/Logos/shockbyte/IconColor2.js";
+const u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: l,
+  IconColor: e,
+  IconColor2: f,
+  Logo: o,
+  LogoColor: r,
+  LogoColor2: t
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  u as S
+};

package/dist/{index-DmiGJpGO.js → index-DwlnwP6x.js}

@@ -1,8 +1,8 @@
-import o from "./components/Logos/rockstar/Icon.js";
+import o from "./components/Logos/javascript/Logo.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Icon: o
+  Logo: o
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  t as R
+  t as J
 };

package/dist/{index-BFDtbr-9.js → index-FdoLqVRX.js}

@@ -1,8 +1,8 @@
-import e from "./components/Logos/redemrp/Icon.js";
+import o from "./components/Logos/forum/CompositeLogo.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Icon: e
+  CompositeLogo: o
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  t as R
+  t as F
 };

package/dist/{index-BcJ929FX.js → index-RuvVYarm.js}

@@ -4,17 +4,19 @@ import r from "./components/Logos/fivem/Logo.js";
 import e from "./components/Logos/fivem/LockupLandscape.js";
 import m from "./components/Logos/fivem/LockupPortrait.js";
 import p from "./components/Logos/fivem/Wordmark.js";
-import a from "./components/Logos/fivem/WhiteLogo.js";
-const _ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+import i from "./components/Logos/fivem/WhiteLogo.js";
+import a from "./components/Logos/fivem/SimpleLogo.js";
+const n = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CompositeLogo: o,
   Icon: t,
   LockupLandscape: e,
   LockupPortrait: m,
   Logo: r,
-  WhiteLogo: a,
+  SimpleLogo: a,
+  WhiteLogo: i,
   Wordmark: p
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  _ as F
+  n as F
 };

package/dist/{index-CaQzR2YA.js → index-lyU2TVKU.js}

@@ -1,8 +1,8 @@
-import o from "./components/Logos/discord/Icon.js";
+import o from "./components/Logos/lua/Logo.js";
 const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Icon: o
+  Logo: o
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  t as D
+  t as L
 };

package/dist/{index-zDYfHjPd.js → index-nlWIqgCS.js}

@@ -1,10 +1,10 @@
-import o from "./components/Logos/google/Icon.js";
-import e from "./components/Logos/google/Wordmark.js";
+import o from "./components/Logos/esx/Icon.js";
+import e from "./components/Logos/esx/IconColor.js";
 const l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Icon: o,
-  Wordmark: e
+  IconColor: e
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  l as G
+  l as E
 };

package/dist/index-sokrkox7.js

@@ -0,0 +1,16 @@
+import o from "./components/Logos/zap/Logo.js";
+import r from "./components/Logos/zap/LogoColor.js";
+import t from "./components/Logos/zap/Icon.js";
+import e from "./components/Logos/zap/IconColor.js";
+import l from "./components/Logos/zap/IconColor2.js";
+const p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: t,
+  IconColor: e,
+  IconColor2: l,
+  Logo: o,
+  LogoColor: r
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  p as Z
+};

package/dist/index-srJbL-Sj.js

@@ -0,0 +1,8 @@
+import o from "./components/Logos/support/CompositeLogo.js";
+const t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CompositeLogo: o
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  t as S
+};

package/dist/index-ugQO1I1Q.js

@@ -0,0 +1,12 @@
+import o from "./components/Logos/google/Icon.js";
+import r from "./components/Logos/google/Wordmark.js";
+import e from "./components/Logos/google/WordmarkWhite.js";
+const d = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: o,
+  Wordmark: r,
+  WordmarkWhite: e
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  d as G
+};

package/dist/index-zV_VvyQi.js

@@ -0,0 +1,18 @@
+import o from "./components/Logos/gportal/Logo.js";
+import r from "./components/Logos/gportal/Icon.js";
+import t from "./components/Logos/gportal/LogoHorizontal.js";
+import l from "./components/Logos/gportal/LogoColor.js";
+import e from "./components/Logos/gportal/IconColor.js";
+import a from "./components/Logos/gportal/LogoHorizontalColor.js";
+const p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Icon: r,
+  IconColor: e,
+  Logo: o,
+  LogoColor: l,
+  LogoHorizontal: t,
+  LogoHorizontalColor: a
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  p as G
+};

package/dist/main.js

@@ -52,8 +52,8 @@ import { default as Mo } from "./components/Decorate/Decorate.js";
 import { Dot as No } from "./components/Dot/Dot.js";
 import { FLYOUT_OUTLET_ID as zo, FLYOUT_ROOT_ID as Vo, FLYOUT_ROOT_SHRINK_CLASSNAME as Yo, Flyout as Qo } from "./components/Flyout/Flyout.js";
 import { Logos as Ho } from "./components/Logos/index.js";
-import { I as Wo } from "./cfxIcons-YyDWNxmM.js";
-import { I as jo } from "./cfxIconsXLarge-Dw37ZSw2.js";
+import { I as Wo } from "./cfxIcons-B2ocwAjm.js";
+import { I as jo } from "./cfxIconsXLarge-C9n01-rM.js";
 import { Icon as Zo } from "./components/Icon/Icon.js";
 import { Indicator as $o } from "./components/Indicator/Indicator.js";
 import { default as or } from "./components/InfoPanel/InfoPanel.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfx-dev/ui-components",
-  "version": "5.0.23",
+  "version": "5.0.25",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",