@articles-media/articles-dev-box 1.0.17 → 1.0.23

package/dist/SettingsModal.js

@@ -1,658 +1,2 @@
-import { j as e } from "./jsx-runtime-tc70JA_2.js";
-import * as m from "react";
-import { useContext as y, useMemo as D, useState as A } from "react";
-import { A as f } from "./Button-_Quon8UV.js";
-import { c as p } from "./index-YnD2EP-S.js";
-import { u as h, a as P, b as ee, P as v, M as F } from "./Modal-nux8R77F.js";
-import { h as se, w as G } from "./ElementChildren-DN3RWY2E.js";
-function ae({
-  as: s,
-  bsPrefix: a,
-  className: n,
-  ...t
-}) {
-  a = h(a, "col");
-  const o = P(), r = ee(), i = [], l = [];
-  return o.forEach((d) => {
-    const c = t[d];
-    delete t[d];
-    let u, N, g;
-    typeof c == "object" && c != null ? {
-      span: u,
-      offset: N,
-      order: g
-    } = c : u = c;
-    const j = d !== r ? `-${d}` : "";
-    u && i.push(u === !0 ? `${a}${j}` : `${a}${j}-${u}`), g != null && l.push(`order${j}-${g}`), N != null && l.push(`offset${j}-${N}`);
-  }), [{
-    ...t,
-    className: p(n, ...i, ...l)
-  }, {
-    as: s,
-    bsPrefix: a,
-    spans: i
-  }];
-}
-const E = /* @__PURE__ */ m.forwardRef(
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  (s, a) => {
-    const [{
-      className: n,
-      ...t
-    }, {
-      as: o = "div",
-      bsPrefix: r,
-      spans: i
-    }] = ae(s);
-    return /* @__PURE__ */ e.jsx(o, {
-      ...t,
-      ref: a,
-      className: p(n, !i.length && r)
-    });
-  }
-);
-E.displayName = "Col";
-const ne = {
-  /**
-   * Specify whether the feedback is for valid or invalid fields
-   *
-   * @type {('valid'|'invalid')}
-   */
-  type: v.string,
-  /** Display feedback as a tooltip. */
-  tooltip: v.bool,
-  as: v.elementType
-}, w = /* @__PURE__ */ m.forwardRef(
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  ({
-    as: s = "div",
-    className: a,
-    type: n = "valid",
-    tooltip: t = !1,
-    ...o
-  }, r) => /* @__PURE__ */ e.jsx(s, {
-    ...o,
-    ref: r,
-    className: p(a, `${n}-${t ? "tooltip" : "feedback"}`)
-  })
-);
-w.displayName = "Feedback";
-w.propTypes = ne;
-const x = /* @__PURE__ */ m.createContext({}), L = /* @__PURE__ */ m.forwardRef(({
-  id: s,
-  bsPrefix: a,
-  className: n,
-  type: t = "checkbox",
-  isValid: o = !1,
-  isInvalid: r = !1,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: i = "input",
-  ...l
-}, d) => {
-  const {
-    controlId: c
-  } = y(x);
-  return a = h(a, "form-check-input"), /* @__PURE__ */ e.jsx(i, {
-    ...l,
-    ref: d,
-    type: t,
-    id: s || c,
-    className: p(n, a, o && "is-valid", r && "is-invalid")
-  });
-});
-L.displayName = "FormCheckInput";
-const k = /* @__PURE__ */ m.forwardRef(({
-  bsPrefix: s,
-  className: a,
-  htmlFor: n,
-  ...t
-}, o) => {
-  const {
-    controlId: r
-  } = y(x);
-  return s = h(s, "form-check-label"), /* @__PURE__ */ e.jsx("label", {
-    ...t,
-    ref: o,
-    htmlFor: n || r,
-    className: p(a, s)
-  });
-});
-k.displayName = "FormCheckLabel";
-const B = /* @__PURE__ */ m.forwardRef(({
-  id: s,
-  bsPrefix: a,
-  bsSwitchPrefix: n,
-  inline: t = !1,
-  reverse: o = !1,
-  disabled: r = !1,
-  isValid: i = !1,
-  isInvalid: l = !1,
-  feedbackTooltip: d = !1,
-  feedback: c,
-  feedbackType: u,
-  className: N,
-  style: g,
-  title: j = "",
-  type: $ = "checkbox",
-  label: R,
-  children: M,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: W = "input",
-  ...X
-}, Y) => {
-  a = h(a, "form-check"), n = h(n, "form-switch");
-  const {
-    controlId: I
-  } = y(x), Z = D(() => ({
-    controlId: s || I
-  }), [I, s]), S = !M && R != null && R !== !1 || se(M, k), _ = /* @__PURE__ */ e.jsx(L, {
-    ...X,
-    type: $ === "switch" ? "checkbox" : $,
-    ref: Y,
-    isValid: i,
-    isInvalid: l,
-    disabled: r,
-    as: W
-  });
-  return /* @__PURE__ */ e.jsx(x.Provider, {
-    value: Z,
-    children: /* @__PURE__ */ e.jsx("div", {
-      style: g,
-      className: p(N, S && a, t && `${a}-inline`, o && `${a}-reverse`, $ === "switch" && n),
-      children: M || /* @__PURE__ */ e.jsxs(e.Fragment, {
-        children: [_, S && /* @__PURE__ */ e.jsx(k, {
-          title: j,
-          children: R
-        }), c && /* @__PURE__ */ e.jsx(w, {
-          type: u,
-          tooltip: d,
-          children: c
-        })]
-      })
-    })
-  });
-});
-B.displayName = "FormCheck";
-const b = Object.assign(B, {
-  Input: L,
-  Label: k
-}), Q = /* @__PURE__ */ m.forwardRef(({
-  bsPrefix: s,
-  type: a,
-  size: n,
-  htmlSize: t,
-  id: o,
-  className: r,
-  isValid: i = !1,
-  isInvalid: l = !1,
-  plaintext: d,
-  readOnly: c,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: u = "input",
-  ...N
-}, g) => {
-  const {
-    controlId: j
-  } = y(x);
-  return s = h(s, "form-control"), process.env.NODE_ENV !== "production" && G(j == null || !o, "`controlId` is ignored on `<FormControl>` when `id` is specified."), /* @__PURE__ */ e.jsx(u, {
-    ...N,
-    type: a,
-    size: t,
-    ref: g,
-    readOnly: c,
-    id: o || j,
-    className: p(r, d ? `${s}-plaintext` : s, n && `${s}-${n}`, a === "color" && `${s}-color`, i && "is-valid", l && "is-invalid")
-  });
-});
-Q.displayName = "FormControl";
-const te = Object.assign(Q, {
-  Feedback: w
-}), H = /* @__PURE__ */ m.forwardRef(({
-  className: s,
-  bsPrefix: a,
-  as: n = "div",
-  ...t
-}, o) => (a = h(a, "form-floating"), /* @__PURE__ */ e.jsx(n, {
-  ref: o,
-  className: p(s, a),
-  ...t
-})));
-H.displayName = "FormFloating";
-const T = /* @__PURE__ */ m.forwardRef(({
-  controlId: s,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: a = "div",
-  ...n
-}, t) => {
-  const o = D(() => ({
-    controlId: s
-  }), [s]);
-  return /* @__PURE__ */ e.jsx(x.Provider, {
-    value: o,
-    children: /* @__PURE__ */ e.jsx(a, {
-      ...n,
-      ref: t
-    })
-  });
-});
-T.displayName = "FormGroup";
-const V = /* @__PURE__ */ m.forwardRef(({
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: s = "label",
-  bsPrefix: a,
-  column: n = !1,
-  visuallyHidden: t = !1,
-  className: o,
-  htmlFor: r,
-  ...i
-}, l) => {
-  const {
-    controlId: d
-  } = y(x);
-  a = h(a, "form-label");
-  let c = "col-form-label";
-  typeof n == "string" && (c = `${c} ${c}-${n}`);
-  const u = p(o, a, t && "visually-hidden", n && c);
-  return process.env.NODE_ENV !== "production" && G(d == null || !r, "`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified."), r = r || d, n ? /* @__PURE__ */ e.jsx(E, {
-    ref: l,
-    as: "label",
-    className: u,
-    htmlFor: r,
-    ...i
-  }) : /* @__PURE__ */ e.jsx(s, {
-    ref: l,
-    className: u,
-    htmlFor: r,
-    ...i
-  });
-});
-V.displayName = "FormLabel";
-const z = /* @__PURE__ */ m.forwardRef(({
-  bsPrefix: s,
-  className: a,
-  id: n,
-  ...t
-}, o) => {
-  const {
-    controlId: r
-  } = y(x);
-  return s = h(s, "form-range"), /* @__PURE__ */ e.jsx("input", {
-    ...t,
-    type: "range",
-    ref: o,
-    className: p(a, s),
-    id: n || r
-  });
-});
-z.displayName = "FormRange";
-const q = /* @__PURE__ */ m.forwardRef(({
-  bsPrefix: s,
-  size: a,
-  htmlSize: n,
-  className: t,
-  isValid: o = !1,
-  isInvalid: r = !1,
-  id: i,
-  ...l
-}, d) => {
-  const {
-    controlId: c
-  } = y(x);
-  return s = h(s, "form-select"), /* @__PURE__ */ e.jsx("select", {
-    ...l,
-    size: n,
-    ref: d,
-    className: p(t, s, a && `${s}-${a}`, o && "is-valid", r && "is-invalid"),
-    id: i || c
-  });
-});
-q.displayName = "FormSelect";
-const J = /* @__PURE__ */ m.forwardRef(
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  ({
-    bsPrefix: s,
-    className: a,
-    as: n = "small",
-    muted: t,
-    ...o
-  }, r) => (s = h(s, "form-text"), /* @__PURE__ */ e.jsx(n, {
-    ...o,
-    ref: r,
-    className: p(a, s, t && "text-muted")
-  }))
-);
-J.displayName = "FormText";
-const K = /* @__PURE__ */ m.forwardRef((s, a) => /* @__PURE__ */ e.jsx(b, {
-  ...s,
-  ref: a,
-  type: "switch"
-}));
-K.displayName = "Switch";
-const oe = Object.assign(K, {
-  Input: b.Input,
-  Label: b.Label
-}), U = /* @__PURE__ */ m.forwardRef(({
-  bsPrefix: s,
-  className: a,
-  children: n,
-  controlId: t,
-  label: o,
-  ...r
-}, i) => (s = h(s, "form-floating"), /* @__PURE__ */ e.jsxs(T, {
-  ref: i,
-  className: p(a, s),
-  controlId: t,
-  ...r,
-  children: [n, /* @__PURE__ */ e.jsx("label", {
-    htmlFor: t,
-    children: o
-  })]
-})));
-U.displayName = "FloatingLabel";
-const le = {
-  /**
-   * The Form `ref` will be forwarded to the underlying element,
-   * which means, unless it's rendered `as` a composite component,
-   * it will be a DOM node, when resolved.
-   *
-   * @type {ReactRef}
-   * @alias ref
-   */
-  _ref: v.any,
-  /**
-   * Mark a form as having been validated. Setting it to `true` will
-   * toggle any validation styles on the forms elements.
-   */
-  validated: v.bool,
-  as: v.elementType
-}, O = /* @__PURE__ */ m.forwardRef(({
-  className: s,
-  validated: a,
-  // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
-  as: n = "form",
-  ...t
-}, o) => /* @__PURE__ */ e.jsx(n, {
-  ...t,
-  ref: o,
-  className: p(s, a && "was-validated")
-}));
-O.displayName = "Form";
-O.propTypes = le;
-const C = Object.assign(O, {
-  Group: T,
-  Control: te,
-  Floating: H,
-  Check: b,
-  Switch: oe,
-  Label: V,
-  Text: J,
-  Range: z,
-  Select: q,
-  FloatingLabel: U
-});
-function re({
-  useStore: s
-}) {
-  const a = s((l) => l?.darkMode), n = s((l) => l?.setDarkMode), t = s((l) => l?.graphicsQuality), o = s((l) => l?.setGraphicsQuality), r = s((l) => l?.landingAnimation), i = s((l) => l?.setLandingAnimation);
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { children: "Dark Mode" }),
-    /* @__PURE__ */ e.jsx("div", { className: "mb-3", children: [!1, !0].map((l, d) => /* @__PURE__ */ e.jsx(
-      f,
-      {
-        active: a === l,
-        onClick: () => {
-          n(l);
-        },
-        children: l ? "On" : "Off"
-      },
-      d
-    )) }),
-    /* @__PURE__ */ e.jsx("div", { children: "Graphics Quality" }),
-    /* @__PURE__ */ e.jsx("div", { className: "mb-3", children: ["Low", "Medium", "High"].map((l) => /* @__PURE__ */ e.jsx(
-      f,
-      {
-        active: t === l,
-        onClick: () => {
-          o(l);
-        },
-        children: l
-      },
-      l
-    )) }),
-    /* @__PURE__ */ e.jsx("div", { children: "Landing Animation" }),
-    /* @__PURE__ */ e.jsxs("div", { className: "mb-3", children: [
-      /* @__PURE__ */ e.jsx(
-        f,
-        {
-          active: r === !1,
-          onClick: () => {
-            i(!1);
-          },
-          children: "Disabled"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        f,
-        {
-          active: r === !0,
-          onClick: () => {
-            i(!0);
-          },
-          children: "Enabled"
-        }
-      )
-    ] })
-  ] });
-}
-function ce({
-  useAudioStore: s,
-  config: a
-}) {
-  const n = s((o) => o?.audioSettings), t = s((o) => o?.setAudioSettings);
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { children: "Sound" }),
-    /* @__PURE__ */ e.jsxs("div", { className: "mb-3", children: [
-      /* @__PURE__ */ e.jsx(
-        f,
-        {
-          active: !n?.enabled,
-          onClick: () => {
-            t({
-              ...n,
-              enabled: !1
-            });
-          },
-          children: "Disabled"
-        }
-      ),
-      /* @__PURE__ */ e.jsx(
-        f,
-        {
-          active: n?.enabled,
-          onClick: () => {
-            t({
-              ...n,
-              enabled: !0
-            });
-          },
-          children: "Enabled"
-        }
-      )
-    ] }),
-    a?.tabs?.Audio?.sliders?.map((o) => /* @__PURE__ */ e.jsxs("div", { children: [
-      /* @__PURE__ */ e.jsx(C.Label, { className: "mb-0", children: o.label }),
-      /* @__PURE__ */ e.jsx(
-        C.Range,
-        {
-          value: n?.[o.key],
-          onChange: (r) => {
-            t({
-              ...n,
-              [o.key]: r.target.value
-            });
-          }
-        }
-      )
-    ] }, o.key))
-  ] });
-}
-function ie() {
-  return /* @__PURE__ */ e.jsxs("div", { className: "p-2", children: [
-    /* @__PURE__ */ e.jsx(C.Label, { className: "mb-0", children: "Socket Server Host" }),
-    /* @__PURE__ */ e.jsx(
-      C.Control,
-      {
-        type: "text"
-      }
-    ),
-    /* @__PURE__ */ e.jsx(C.Label, { className: "mb-0", children: "Edit this to connect to a different multiplayer host!" }),
-    /* @__PURE__ */ e.jsxs("div", { className: "mt-3", children: [
-      /* @__PURE__ */ e.jsx(
-        f,
-        {
-          className: "mb-1",
-          children: "Retry"
-        }
-      ),
-      /* @__PURE__ */ e.jsxs("div", { children: [
-        "Status: ",
-        /* @__PURE__ */ e.jsx("span", { className: "badge bg-danger", children: "Offline" })
-      ] })
-    ] })
-  ] });
-}
-function de() {
-  return /* @__PURE__ */ e.jsxs("div", { className: "p-2", children: [
-    /* @__PURE__ */ e.jsx("h5", { children: "Control Settings" }),
-    /* @__PURE__ */ e.jsx("p", { children: "Configure your key bindings and control preferences here." })
-  ] });
-}
-function me({
-  useStore: s
-}) {
-  const a = s((t) => t?.debug), n = s((t) => t?.setDebug);
-  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    /* @__PURE__ */ e.jsx("div", { children: "Debug Mode" }),
-    /* @__PURE__ */ e.jsx("div", { className: "mb-3", children: [!1, !0].map((t, o) => /* @__PURE__ */ e.jsx(
-      f,
-      {
-        active: a === t,
-        onClick: () => {
-          n(t);
-        },
-        children: t ? "On" : "Off"
-      },
-      o
-    )) })
-  ] });
-}
-function Ne({
-  show: s,
-  setShow: a,
-  store: n,
-  useAudioStore: t,
-  config: o
-}) {
-  const [r, i] = A(!1), [l, d] = A("Graphics");
-  return n((c) => c.darkMode), n((c) => c.setDarkMode), n((c) => c.arcadeMode), n((c) => c.setArcadeMode), /* @__PURE__ */ e.jsxs(
-    F,
-    {
-      className: "articles-modal",
-      size: "md",
-      show: s,
-      centered: !0,
-      scrollable: !0,
-      onExited: () => {
-      },
-      onHide: () => {
-        a(!1);
-      },
-      children: [
-        /* @__PURE__ */ e.jsx(F.Header, { closeButton: !0, children: /* @__PURE__ */ e.jsx(F.Title, { children: "Game Settings" }) }),
-        /* @__PURE__ */ e.jsxs(F.Body, { className: "flex-column p-0", children: [
-          /* @__PURE__ */ e.jsx("div", { className: "p-2", children: [
-            "Graphics",
-            "Controls",
-            "Audio",
-            "Multiplayer",
-            // 'Chat',
-            "Other"
-          ].map(
-            (c) => /* @__PURE__ */ e.jsx(
-              f,
-              {
-                active: l == c,
-                onClick: () => {
-                  d(c);
-                },
-                children: c
-              },
-              c
-            )
-          ) }),
-          /* @__PURE__ */ e.jsx("hr", { className: "my-0" }),
-          /* @__PURE__ */ e.jsxs("div", { className: "p-2", children: [
-            l == "Controls" && /* @__PURE__ */ e.jsx(
-              de,
-              {
-                useStore: n,
-                config: o
-              }
-            ),
-            l == "Graphics" && /* @__PURE__ */ e.jsx(
-              re,
-              {
-                useStore: n,
-                config: o
-              }
-            ),
-            l == "Audio" && /* @__PURE__ */ e.jsx(
-              ce,
-              {
-                useAudioStore: t,
-                config: o
-              }
-            ),
-            l == "Multiplayer" && /* @__PURE__ */ e.jsx(
-              ie,
-              {
-                useStore: n,
-                config: o
-              }
-            ),
-            l == "Other" && /* @__PURE__ */ e.jsx(
-              me,
-              {
-                useStore: n
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ e.jsx(F.Footer, { className: "justify-content-between", children: /* @__PURE__ */ e.jsxs("div", { children: [
-          /* @__PURE__ */ e.jsx(
-            f,
-            {
-              variant: "outline-dark",
-              onClick: () => {
-                a(!1);
-              },
-              children: "Close"
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            f,
-            {
-              variant: "outline-danger ms-3",
-              onClick: () => {
-              },
-              children: "Reset"
-            }
-          )
-        ] }) })
-      ]
-    }
-  );
-}
-export {
-  Ne as default
-};
+import { t as e } from "./SettingsModal-XI2dMI09.js";
+export { e as default };