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

package/dist/SettingsModal.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./jsx-runtime-nZSsnGb7.cjs"),j=require("react"),f=require("./Button-0ZK0NKiK.cjs"),d=require("./index-BlP2-uOi.cjs"),c=require("./Modal-Bdhkgkwr.cjs"),B=require("./ElementChildren-eAwIENLl.cjs");function W(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const m=W(j);function X({as:e,bsPrefix:t,className:n,...o}){t=c.useBootstrapPrefix(t,"col");const r=c.useBootstrapBreakpoints(),i=c.useBootstrapMinBreakpoint(),x=[],a=[];return r.forEach(u=>{const l=o[u];delete o[u];let p,E,N;typeof l=="object"&&l!=null?{span:p,offset:E,order:N}=l:p=l;const R=u!==i?`-${u}`:"";p&&x.push(p===!0?`${t}${R}`:`${t}${R}-${p}`),N!=null&&a.push(`order${R}-${N}`),E!=null&&a.push(`offset${R}-${E}`)}),[{...o,className:d.classNames(n,...x,...a)},{as:e,bsPrefix:t,spans:x}]}const O=m.forwardRef((e,t)=>{const[{className:n,...o},{as:r="div",bsPrefix:i,spans:x}]=X(e);return s.jsxRuntimeExports.jsx(r,{...o,ref:t,className:d.classNames(n,!x.length&&i)})});O.displayName="Col";const Y={type:c.PropTypes.string,tooltip:c.PropTypes.bool,as:c.PropTypes.elementType},C=m.forwardRef(({as:e="div",className:t,type:n="valid",tooltip:o=!1,...r},i)=>s.jsxRuntimeExports.jsx(e,{...r,ref:i,className:d.classNames(t,`${n}-${o?"tooltip":"feedback"}`)}));C.displayName="Feedback";C.propTypes=Y;const h=m.createContext({}),w=m.forwardRef(({id:e,bsPrefix:t,className:n,type:o="checkbox",isValid:r=!1,isInvalid:i=!1,as:x="input",...a},u)=>{const{controlId:l}=j.useContext(h);return t=c.useBootstrapPrefix(t,"form-check-input"),s.jsxRuntimeExports.jsx(x,{...a,ref:u,type:o,id:e||l,className:d.classNames(n,t,r&&"is-valid",i&&"is-invalid")})});w.displayName="FormCheckInput";const g=m.forwardRef(({bsPrefix:e,className:t,htmlFor:n,...o},r)=>{const{controlId:i}=j.useContext(h);return e=c.useBootstrapPrefix(e,"form-check-label"),s.jsxRuntimeExports.jsx("label",{...o,ref:r,htmlFor:n||i,className:d.classNames(t,e)})});g.displayName="FormCheckLabel";const L=m.forwardRef(({id:e,bsPrefix:t,bsSwitchPrefix:n,inline:o=!1,reverse:r=!1,disabled:i=!1,isValid:x=!1,isInvalid:a=!1,feedbackTooltip:u=!1,feedback:l,feedbackType:p,className:E,style:N,title:R="",type:F="checkbox",label:k,children:b,as:_="input",...z},J)=>{t=c.useBootstrapPrefix(t,"form-check"),n=c.useBootstrapPrefix(n,"form-switch");const{controlId:T}=j.useContext(h),K=j.useMemo(()=>({controlId:e||T}),[T,e]),A=!b&&k!=null&&k!==!1||B.hasChildOfType(b,g),U=s.jsxRuntimeExports.jsx(w,{...z,type:F==="switch"?"checkbox":F,ref:J,isValid:x,isInvalid:a,disabled:i,as:_});return s.jsxRuntimeExports.jsx(h.Provider,{value:K,children:s.jsxRuntimeExports.jsx("div",{style:N,className:d.classNames(E,A&&t,o&&`${t}-inline`,r&&`${t}-reverse`,F==="switch"&&n),children:b||s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[U,A&&s.jsxRuntimeExports.jsx(g,{title:R,children:k}),l&&s.jsxRuntimeExports.jsx(C,{type:p,tooltip:u,children:l})]})})})});L.displayName="FormCheck";const v=Object.assign(L,{Input:w,Label:g}),S=m.forwardRef(({bsPrefix:e,type:t,size:n,htmlSize:o,id:r,className:i,isValid:x=!1,isInvalid:a=!1,plaintext:u,readOnly:l,as:p="input",...E},N)=>{const{controlId:R}=j.useContext(h);return e=c.useBootstrapPrefix(e,"form-control"),process.env.NODE_ENV!=="production"&&B.warning(R==null||!r,"`controlId` is ignored on `<FormControl>` when `id` is specified."),s.jsxRuntimeExports.jsx(p,{...E,type:t,size:o,ref:N,readOnly:l,id:r||R,className:d.classNames(i,u?`${e}-plaintext`:e,n&&`${e}-${n}`,t==="color"&&`${e}-color`,x&&"is-valid",a&&"is-invalid")})});S.displayName="FormControl";const Z=Object.assign(S,{Feedback:C}),I=m.forwardRef(({className:e,bsPrefix:t,as:n="div",...o},r)=>(t=c.useBootstrapPrefix(t,"form-floating"),s.jsxRuntimeExports.jsx(n,{ref:r,className:d.classNames(e,t),...o})));I.displayName="FormFloating";const $=m.forwardRef(({controlId:e,as:t="div",...n},o)=>{const r=j.useMemo(()=>({controlId:e}),[e]);return s.jsxRuntimeExports.jsx(h.Provider,{value:r,children:s.jsxRuntimeExports.jsx(t,{...n,ref:o})})});$.displayName="FormGroup";const D=m.forwardRef(({as:e="label",bsPrefix:t,column:n=!1,visuallyHidden:o=!1,className:r,htmlFor:i,...x},a)=>{const{controlId:u}=j.useContext(h);t=c.useBootstrapPrefix(t,"form-label");let l="col-form-label";typeof n=="string"&&(l=`${l} ${l}-${n}`);const p=d.classNames(r,t,o&&"visually-hidden",n&&l);return process.env.NODE_ENV!=="production"&&B.warning(u==null||!i,"`controlId` is ignored on `<FormLabel>` when `htmlFor` is specified."),i=i||u,n?s.jsxRuntimeExports.jsx(O,{ref:a,as:"label",className:p,htmlFor:i,...x}):s.jsxRuntimeExports.jsx(e,{ref:a,className:p,htmlFor:i,...x})});D.displayName="FormLabel";const G=m.forwardRef(({bsPrefix:e,className:t,id:n,...o},r)=>{const{controlId:i}=j.useContext(h);return e=c.useBootstrapPrefix(e,"form-range"),s.jsxRuntimeExports.jsx("input",{...o,type:"range",ref:r,className:d.classNames(t,e),id:n||i})});G.displayName="FormRange";const q=m.forwardRef(({bsPrefix:e,size:t,htmlSize:n,className:o,isValid:r=!1,isInvalid:i=!1,id:x,...a},u)=>{const{controlId:l}=j.useContext(h);return e=c.useBootstrapPrefix(e,"form-select"),s.jsxRuntimeExports.jsx("select",{...a,size:n,ref:u,className:d.classNames(o,e,t&&`${e}-${t}`,r&&"is-valid",i&&"is-invalid"),id:x||l})});q.displayName="FormSelect";const Q=m.forwardRef(({bsPrefix:e,className:t,as:n="small",muted:o,...r},i)=>(e=c.useBootstrapPrefix(e,"form-text"),s.jsxRuntimeExports.jsx(n,{...r,ref:i,className:d.classNames(t,e,o&&"text-muted")})));Q.displayName="FormText";const H=m.forwardRef((e,t)=>s.jsxRuntimeExports.jsx(v,{...e,ref:t,type:"switch"}));H.displayName="Switch";const P=Object.assign(H,{Input:v.Input,Label:v.Label}),V=m.forwardRef(({bsPrefix:e,className:t,children:n,controlId:o,label:r,...i},x)=>(e=c.useBootstrapPrefix(e,"form-floating"),s.jsxRuntimeExports.jsxs($,{ref:x,className:d.classNames(t,e),controlId:o,...i,children:[n,s.jsxRuntimeExports.jsx("label",{htmlFor:o,children:r})]})));V.displayName="FloatingLabel";const ss={_ref:c.PropTypes.any,validated:c.PropTypes.bool,as:c.PropTypes.elementType},M=m.forwardRef(({className:e,validated:t,as:n="form",...o},r)=>s.jsxRuntimeExports.jsx(n,{...o,ref:r,className:d.classNames(e,t&&"was-validated")}));M.displayName="Form";M.propTypes=ss;const y=Object.assign(M,{Group:$,Control:Z,Floating:I,Check:v,Switch:P,Label:D,Text:Q,Range:G,Select:q,FloatingLabel:V});function es({useStore:e}){const t=e(a=>a?.darkMode),n=e(a=>a?.setDarkMode),o=e(a=>a?.graphicsQuality),r=e(a=>a?.setGraphicsQuality),i=e(a=>a?.landingAnimation),x=e(a=>a?.setLandingAnimation);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{children:"Dark Mode"}),s.jsxRuntimeExports.jsx("div",{className:"mb-3",children:[!1,!0].map((a,u)=>s.jsxRuntimeExports.jsx(f.ArticlesButton,{active:t===a,onClick:()=>{n(a)},children:a?"On":"Off"},u))}),s.jsxRuntimeExports.jsx("div",{children:"Graphics Quality"}),s.jsxRuntimeExports.jsx("div",{className:"mb-3",children:["Low","Medium","High"].map(a=>s.jsxRuntimeExports.jsx(f.ArticlesButton,{active:o===a,onClick:()=>{r(a)},children:a},a))}),s.jsxRuntimeExports.jsx("div",{children:"Landing Animation"}),s.jsxRuntimeExports.jsxs("div",{className:"mb-3",children:[s.jsxRuntimeExports.jsx(f.ArticlesButton,{active:i===!1,onClick:()=>{x(!1)},children:"Disabled"}),s.jsxRuntimeExports.jsx(f.ArticlesButton,{active:i===!0,onClick:()=>{x(!0)},children:"Enabled"})]})]})}function ts({useAudioStore:e,config:t}){const n=e(r=>r?.audioSettings),o=e(r=>r?.setAudioSettings);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{children:"Sound"}),s.jsxRuntimeExports.jsxs("div",{className:"mb-3",children:[s.jsxRuntimeExports.jsx(f.ArticlesButton,{active:!n?.enabled,onClick:()=>{o({...n,enabled:!1})},children:"Disabled"}),s.jsxRuntimeExports.jsx(f.ArticlesButton,{active:n?.enabled,onClick:()=>{o({...n,enabled:!0})},children:"Enabled"})]}),t?.tabs?.Audio?.sliders?.map(r=>s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx(y.Label,{className:"mb-0",children:r.label}),s.jsxRuntimeExports.jsx(y.Range,{value:n?.[r.key],onChange:i=>{o({...n,[r.key]:i.target.value})}})]},r.key))]})}function ns(){return s.jsxRuntimeExports.jsxs("div",{className:"p-2",children:[s.jsxRuntimeExports.jsx(y.Label,{className:"mb-0",children:"Socket Server Host"}),s.jsxRuntimeExports.jsx(y.Control,{type:"text"}),s.jsxRuntimeExports.jsx(y.Label,{className:"mb-0",children:"Edit this to connect to a different multiplayer host!"}),s.jsxRuntimeExports.jsxs("div",{className:"mt-3",children:[s.jsxRuntimeExports.jsx(f.ArticlesButton,{className:"mb-1",children:"Retry"}),s.jsxRuntimeExports.jsxs("div",{children:["Status: ",s.jsxRuntimeExports.jsx("span",{className:"badge bg-danger",children:"Offline"})]})]})]})}function os(){return s.jsxRuntimeExports.jsxs("div",{className:"p-2",children:[s.jsxRuntimeExports.jsx("h5",{children:"Control Settings"}),s.jsxRuntimeExports.jsx("p",{children:"Configure your key bindings and control preferences here."})]})}function rs({useStore:e}){const t=e(o=>o?.debug),n=e(o=>o?.setDebug);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{children:"Debug Mode"}),s.jsxRuntimeExports.jsx("div",{className:"mb-3",children:[!1,!0].map((o,r)=>s.jsxRuntimeExports.jsx(f.ArticlesButton,{active:t===o,onClick:()=>{n(o)},children:o?"On":"Off"},r))})]})}function as({show:e,setShow:t,store:n,useAudioStore:o,config:r}){const[i,x]=j.useState(!1),[a,u]=j.useState("Graphics");return n(l=>l.darkMode),n(l=>l.setDarkMode),n(l=>l.arcadeMode),n(l=>l.setArcadeMode),s.jsxRuntimeExports.jsxs(c.Modal,{className:"articles-modal",size:"md",show:e,centered:!0,scrollable:!0,onExited:()=>{},onHide:()=>{t(!1)},children:[s.jsxRuntimeExports.jsx(c.Modal.Header,{closeButton:!0,children:s.jsxRuntimeExports.jsx(c.Modal.Title,{children:"Game Settings"})}),s.jsxRuntimeExports.jsxs(c.Modal.Body,{className:"flex-column p-0",children:[s.jsxRuntimeExports.jsx("div",{className:"p-2",children:["Graphics","Controls","Audio","Multiplayer","Other"].map(l=>s.jsxRuntimeExports.jsx(f.ArticlesButton,{active:a==l,onClick:()=>{u(l)},children:l},l))}),s.jsxRuntimeExports.jsx("hr",{className:"my-0"}),s.jsxRuntimeExports.jsxs("div",{className:"p-2",children:[a=="Controls"&&s.jsxRuntimeExports.jsx(os,{useStore:n,config:r}),a=="Graphics"&&s.jsxRuntimeExports.jsx(es,{useStore:n,config:r}),a=="Audio"&&s.jsxRuntimeExports.jsx(ts,{useAudioStore:o,config:r}),a=="Multiplayer"&&s.jsxRuntimeExports.jsx(ns,{useStore:n,config:r}),a=="Other"&&s.jsxRuntimeExports.jsx(rs,{useStore:n})]})]}),s.jsxRuntimeExports.jsx(c.Modal.Footer,{className:"justify-content-between",children:s.jsxRuntimeExports.jsxs("div",{children:[s.jsxRuntimeExports.jsx(f.ArticlesButton,{variant:"outline-dark",onClick:()=>{t(!1)},children:"Close"}),s.jsxRuntimeExports.jsx(f.ArticlesButton,{variant:"outline-danger ms-3",onClick:()=>{},children:"Reset"})]})})]})}module.exports=as;

package/dist/SettingsModal.js

@@ -0,0 +1,658 @@
+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
+};

package/dist/{StatusModal-CAVxWCUq.js → StatusModal-B086BgSW.js}

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-tc70JA_2.js";
 import { useState as h } from "react";
 import { A as o } from "./Button-_Quon8UV.js";
-import { u as g, a as E } from "./GlobalBody-tmIC_GWn.js";
-import { M as s } from "./Modal-C9oYRgI1.js";
+import { u as g, a as E } from "./GlobalBody-BrrtfBBs.js";
+import { M as s } from "./Modal-nux8R77F.js";
 function A({
   show: f,
   setShow: d