@telemetryos/sdk 1.7.2 → 1.7.3

package/dist/react.js

@@ -1,6 +1,6 @@
-import on, { useEffect as R, useState as E } from "react";
+import oe, { useEffect as _, useState as E } from "react";
 import { environment as C } from "./index.js";
-var w = { exports: {} }, v = {};
+var R = { exports: {} }, k = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var w = { exports: {} }, v = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var V;
-function an() {
-  if (V) return v;
-  V = 1;
-  var e = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
-  function l(d, s, u) {
+var D;
+function ae() {
+  if (D) return k;
+  D = 1;
+  var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function d(c, i, l) {
     var f = null;
-    if (u !== void 0 && (f = "" + u), s.key !== void 0 && (f = "" + s.key), "key" in s) {
-      u = {};
-      for (var m in s)
-        m !== "key" && (u[m] = s[m]);
-    } else u = s;
-    return s = u.ref, {
-      $$typeof: e,
-      type: d,
+    if (l !== void 0 && (f = "" + l), i.key !== void 0 && (f = "" + i.key), "key" in i) {
+      l = {};
+      for (var g in i)
+        g !== "key" && (l[g] = i[g]);
+    } else l = i;
+    return i = l.ref, {
+      $$typeof: n,
+      type: c,
       key: f,
-      ref: s !== void 0 ? s : null,
-      props: u
+      ref: i !== void 0 ? i : null,
+      props: l
     };
   }
-  return v.Fragment = i, v.jsx = l, v.jsxs = l, v;
+  return k.Fragment = t, k.jsx = d, k.jsxs = d, k;
 }
-var k = {};
+var y = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -43,14 +43,14 @@ var k = {};
  * LICENSE file in the root directory of this source tree.
  */
 var M;
-function sn() {
+function se() {
   return M || (M = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === en ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
+    function n(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === ne ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
         case T:
           return "Fragment";
         case G:
@@ -61,224 +61,224 @@ function sn() {
           return "Suspense";
         case Z:
           return "SuspenseList";
-        case nn:
+        case ee:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
+        ), e.$$typeof) {
           case J:
             return "Portal";
           case B:
-            return n.displayName || "Context";
+            return e.displayName || "Context";
           case X:
-            return (n._context.displayName || "Context") + ".Consumer";
+            return (e._context.displayName || "Context") + ".Consumer";
           case H:
-            var r = n.render;
-            return n = n.displayName, n || (n = r.displayName || r.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+            var r = e.render;
+            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
           case K:
-            return r = n.displayName || null, r !== null ? r : e(n.type) || "Memo";
+            return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
           case j:
-            r = n._payload, n = n._init;
+            r = e._payload, e = e._init;
             try {
-              return e(n(r));
+              return n(e(r));
             } catch {
             }
         }
       return null;
     }
-    function i(n) {
-      return "" + n;
+    function t(e) {
+      return "" + e;
     }
-    function l(n) {
+    function d(e) {
       try {
-        i(n);
+        t(e);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return t.call(
+        var o = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          o
-        ), i(n);
+          a
+        ), t(e);
       }
     }
-    function d(n) {
-      if (n === T) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === j)
+    function c(e) {
+      if (e === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === j)
         return "<...>";
       try {
-        var r = e(n);
+        var r = n(e);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var n = N.A;
-      return n === null ? null : n.getOwner();
+    function i() {
+      var e = A.A;
+      return e === null ? null : e.getOwner();
     }
-    function u() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function f(n) {
-      if (L.call(n, "key")) {
-        var r = Object.getOwnPropertyDescriptor(n, "key").get;
+    function f(e) {
+      if (L.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
         if (r && r.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return e.key !== void 0;
     }
-    function m(n, r) {
-      function t() {
-        I || (I = !0, console.error(
+    function g(e, r) {
+      function o() {
+        z || (z = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           r
         ));
       }
-      t.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: t,
+      o.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: o,
         configurable: !0
       });
     }
-    function h() {
-      var n = e(this.type);
-      return Y[n] || (Y[n] = !0, console.error(
+    function x() {
+      var e = n(this.type);
+      return I[e] || (I[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function S(n, r, t, o, y, O) {
-      var a = t.ref;
-      return n = {
+    function S(e, r, o, a, w, O) {
+      var s = o.ref;
+      return e = {
         $$typeof: F,
-        type: n,
+        type: e,
         key: r,
-        props: t,
-        _owner: o
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(n, "ref", {
+        props: o,
+        _owner: a
+      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: h
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        get: x
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
+      }), Object.defineProperty(e, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(e, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: y
-      }), Object.defineProperty(n, "_debugTask", {
+        value: w
+      }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: O
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function p(n, r, t, o, y, O) {
-      var a = r.children;
-      if (a !== void 0)
-        if (o)
-          if (rn(a)) {
-            for (o = 0; o < a.length; o++)
-              x(a[o]);
-            Object.freeze && Object.freeze(a);
+    function p(e, r, o, a, w, O) {
+      var s = r.children;
+      if (s !== void 0)
+        if (a)
+          if (re(s)) {
+            for (a = 0; a < s.length; a++)
+              v(s[a]);
+            Object.freeze && Object.freeze(s);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else x(a);
+        else v(s);
       if (L.call(r, "key")) {
-        a = e(n);
-        var _ = Object.keys(r).filter(function(tn) {
-          return tn !== "key";
+        s = n(e);
+        var h = Object.keys(r).filter(function(te) {
+          return te !== "key";
         });
-        o = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", D[a + o] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
+        a = 0 < h.length ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}", U[s + a] || (h = 0 < h.length ? "{" + h.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          o,
           a,
-          _,
-          a
-        ), D[a + o] = !0);
+          s,
+          h,
+          s
+        ), U[s + a] = !0);
       }
-      if (a = null, t !== void 0 && (l(t), a = "" + t), f(r) && (l(r.key), a = "" + r.key), "key" in r) {
-        t = {};
+      if (s = null, o !== void 0 && (d(o), s = "" + o), f(r) && (d(r.key), s = "" + r.key), "key" in r) {
+        o = {};
         for (var P in r)
-          P !== "key" && (t[P] = r[P]);
-      } else t = r;
-      return a && m(
-        t,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+          P !== "key" && (o[P] = r[P]);
+      } else o = r;
+      return s && g(
+        o,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), S(
-        n,
-        a,
-        t,
-        s(),
-        y,
+        e,
+        s,
+        o,
+        i(),
+        w,
         O
       );
     }
-    function x(n) {
-      g(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === j && (n._payload.status === "fulfilled" ? g(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    function v(e) {
+      m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === j && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function g(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === F;
+    function m(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === F;
     }
-    var b = on, F = Symbol.for("react.transitional.element"), J = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), G = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), B = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), Q = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), nn = Symbol.for("react.activity"), en = Symbol.for("react.client.reference"), N = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, rn = Array.isArray, A = console.createTask ? console.createTask : function() {
+    var b = oe, F = Symbol.for("react.transitional.element"), J = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), q = Symbol.for("react.strict_mode"), G = Symbol.for("react.profiler"), X = Symbol.for("react.consumer"), B = Symbol.for("react.context"), H = Symbol.for("react.forward_ref"), Q = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), K = Symbol.for("react.memo"), j = Symbol.for("react.lazy"), ee = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), A = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, re = Array.isArray, N = console.createTask ? console.createTask : function() {
       return null;
     };
     b = {
-      react_stack_bottom_frame: function(n) {
-        return n();
+      react_stack_bottom_frame: function(e) {
+        return e();
       }
     };
-    var I, Y = {}, z = b.react_stack_bottom_frame.bind(
+    var z, I = {}, Y = b.react_stack_bottom_frame.bind(
       b,
-      u
-    )(), $ = A(d(u)), D = {};
-    k.Fragment = T, k.jsx = function(n, r, t) {
-      var o = 1e4 > N.recentlyCreatedOwnerStacks++;
+      l
+    )(), $ = N(c(l)), U = {};
+    y.Fragment = T, y.jsx = function(e, r, o) {
+      var a = 1e4 > A.recentlyCreatedOwnerStacks++;
       return p(
-        n,
+        e,
         r,
-        t,
+        o,
         !1,
-        o ? Error("react-stack-top-frame") : z,
-        o ? A(d(n)) : $
+        a ? Error("react-stack-top-frame") : Y,
+        a ? N(c(e)) : $
       );
-    }, k.jsxs = function(n, r, t) {
-      var o = 1e4 > N.recentlyCreatedOwnerStacks++;
+    }, y.jsxs = function(e, r, o) {
+      var a = 1e4 > A.recentlyCreatedOwnerStacks++;
       return p(
-        n,
+        e,
         r,
-        t,
+        o,
         !0,
-        o ? Error("react-stack-top-frame") : z,
-        o ? A(d(n)) : $
+        a ? Error("react-stack-top-frame") : Y,
+        a ? N(c(e)) : $
       );
     };
-  })()), k;
+  })()), y;
 }
-var U;
-function cn() {
-  return U || (U = 1, process.env.NODE_ENV === "production" ? w.exports = an() : w.exports = sn()), w.exports;
+var W;
+function ie() {
+  return W || (W = 1, process.env.NODE_ENV === "production" ? R.exports = ae() : R.exports = se()), R.exports;
 }
-var c = cn();
-const un = `:root {
+var u = ie();
+const ce = `:root {
   --background: 0 0% 100%;
   --foreground: 222.2 84% 4.9%;
 
@@ -387,7 +387,7 @@ const un = `:root {
    Text Inputs
    ============================================================================= */
 
-.settings__input-frame > * {
+.settings__input-frame>* {
   height: 40px;
   width: 100%;
   font-size: 14px;
@@ -398,17 +398,17 @@ const un = `:root {
   color: hsl(var(--foreground));
 }
 
-.settings__input-frame > *:focus {
+.settings__input-frame>*:focus {
   outline: 1px solid hsl(var(--primary));
   outline-offset: 0;
 }
 
-.settings__input-frame > *::placeholder {
+.settings__input-frame>*::placeholder {
   color: hsl(var(--muted-foreground));
   opacity: 1;
 }
 
-.settings__textarea-frame > textarea {
+.settings__textarea-frame>textarea {
   width: 100%;
   min-height: 80px;
   font-family: inherit;
@@ -422,12 +422,12 @@ const un = `:root {
   resize: vertical;
 }
 
-.settings__textarea-frame > textarea:focus {
+.settings__textarea-frame>textarea:focus {
   outline: 1px solid hsl(var(--primary));
   outline-offset: 0;
 }
 
-.settings__textarea-frame > textarea::placeholder {
+.settings__textarea-frame>textarea::placeholder {
   color: hsl(var(--muted-foreground));
   opacity: 1;
 }
@@ -436,7 +436,7 @@ const un = `:root {
    Selection Inputs
    ============================================================================= */
 
-.settings__select-frame > select {
+.settings__select-frame>select {
   appearance: none;
   height: 40px;
   width: 100%;
@@ -452,11 +452,11 @@ const un = `:root {
   cursor: pointer;
 }
 
-.settings__select-frame > select:hover {
+.settings__select-frame>select:hover {
   background-color: hsl(var(--accent));
 }
 
-.settings__select-frame > select:focus {
+.settings__select-frame>select:focus {
   outline: 1px solid hsl(var(--primary));
   outline-offset: 0;
 }
@@ -467,7 +467,7 @@ const un = `:root {
   gap: 8px;
 }
 
-.settings__slider-frame > input[type="range"] {
+.settings__slider-frame>input[type="range"] {
   flex: 1;
   height: 8px;
   background: hsl(var(--secondary));
@@ -475,15 +475,14 @@ const un = `:root {
   outline: none;
   -webkit-appearance: none;
   appearance: none;
-  transition: background 0.15s;
 }
 
-.settings__slider-frame > input[type="range"]:focus,
-.settings__slider-frame > input[type="range"]:active {
+.settings__slider-frame>input[type="range"]:focus,
+.settings__slider-frame>input[type="range"]:active {
   background: hsl(var(--primary));
 }
 
-.settings__slider-frame > input[type="range"]::-webkit-slider-thumb {
+.settings__slider-frame>input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 20px;
@@ -494,7 +493,7 @@ const un = `:root {
   cursor: pointer;
 }
 
-.settings__slider-frame > input[type="range"]::-moz-range-thumb {
+.settings__slider-frame>input[type="range"]::-moz-range-thumb {
   width: 20px;
   height: 20px;
   background: hsl(var(--background));
@@ -503,7 +502,7 @@ const un = `:root {
   cursor: pointer;
 }
 
-.settings__slider-frame > span {
+.settings__slider-frame>span {
   min-width: 4ch;
   text-align: right;
   font-size: 14px;
@@ -522,7 +521,7 @@ const un = `:root {
   cursor: pointer;
 }
 
-.settings__switch-frame > input[type="checkbox"] {
+.settings__switch-frame>input[type="checkbox"] {
   appearance: none;
   width: 44px;
   height: 24px;
@@ -534,7 +533,7 @@ const un = `:root {
   flex-shrink: 0;
 }
 
-.settings__switch-frame > input[type="checkbox"]::after {
+.settings__switch-frame>input[type="checkbox"]::after {
   content: '';
   position: absolute;
   top: 2px;
@@ -543,15 +542,15 @@ const un = `:root {
   height: 20px;
   background: hsl(var(--background));
   border-radius: 50%;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   transition: transform 0.2s;
 }
 
-.settings__switch-frame > input[type="checkbox"]:checked {
+.settings__switch-frame>input[type="checkbox"]:checked {
   background: hsl(var(--primary));
 }
 
-.settings__switch-frame > input[type="checkbox"]:checked::after {
+.settings__switch-frame>input[type="checkbox"]:checked::after {
   transform: translateX(20px);
 }
 
@@ -568,7 +567,7 @@ const un = `:root {
   cursor: pointer;
 }
 
-.settings__checkbox-frame > input[type="checkbox"] {
+.settings__checkbox-frame>input[type="checkbox"] {
   appearance: none;
   width: 16px;
   height: 16px;
@@ -579,11 +578,11 @@ const un = `:root {
   position: relative;
 }
 
-.settings__checkbox-frame > input[type="checkbox"]:checked {
+.settings__checkbox-frame>input[type="checkbox"]:checked {
   background: hsl(var(--primary));
 }
 
-.settings__checkbox-frame > input[type="checkbox"]:checked::after {
+.settings__checkbox-frame>input[type="checkbox"]:checked::after {
   content: '';
   position: absolute;
   top: 1px;
@@ -608,7 +607,7 @@ const un = `:root {
   cursor: pointer;
 }
 
-.settings__radio-frame > input[type="radio"] {
+.settings__radio-frame>input[type="radio"] {
   appearance: none;
   width: 16px;
   height: 16px;
@@ -619,11 +618,11 @@ const un = `:root {
   position: relative;
 }
 
-.settings__radio-frame > input[type="radio"]:checked {
+.settings__radio-frame>input[type="radio"]:checked {
   background: hsl(var(--primary));
 }
 
-.settings__radio-frame > input[type="radio"]:checked::after {
+.settings__radio-frame>input[type="radio"]:checked::after {
   content: '';
   position: absolute;
   top: 4px;
@@ -643,7 +642,7 @@ const un = `:root {
    Actions
    ============================================================================= */
 
-.settings__button-frame > button {
+.settings__button-frame>button {
   padding: 8px 16px;
   background: hsl(var(--background));
   border: 1px solid hsl(var(--border));
@@ -652,134 +651,156 @@ const un = `:root {
   font-size: 14px;
   font-family: inherit;
   cursor: pointer;
-  transition: background-color 0.15s, border-color 0.15s;
 }
 
-.settings__button-frame > button:hover {
+.settings__button-frame>button:hover {
   background: hsl(var(--accent));
 }
 
-.settings__button-frame > button.active,
-.settings__button-frame > button[data-active="true"] {
+.settings__button-frame>button.active,
+.settings__button-frame>button[data-active="true"] {
   background: hsl(var(--primary));
   border-color: hsl(var(--primary));
   color: hsl(var(--primary-foreground));
 }
 `;
-let W = !1;
-function ln() {
-  if (W || typeof document > "u")
+let V = !1;
+function ue() {
+  if (V || typeof document > "u")
     return;
-  const e = document.createElement("style");
-  e.setAttribute("data-telemetryos-sdk", ""), e.textContent = un, document.head.appendChild(e), W = !0;
+  const n = document.createElement("style");
+  n.setAttribute("data-telemetryos-sdk", ""), n.textContent = ce, document.head.appendChild(n), V = !0;
 }
-ln();
-function gn({ children: e }) {
-  return R(() => {
-    const i = window.matchMedia("(prefers-color-scheme: dark)"), l = (u) => {
+ue();
+function pe({ children: n }) {
+  return _(() => {
+    const t = window.matchMedia("(prefers-color-scheme: dark)"), d = (l) => {
       let f;
-      u === "system" ? f = i.matches : f = u !== "light", f ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
-    }, d = C().subscribeColorScheme(l);
-    d.catch(console.error);
-    const s = () => {
-      C().getColorScheme().then(l).catch(console.error);
+      l === "system" ? f = t.matches : f = l !== "light", f ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+    }, c = C().subscribeColorScheme(d);
+    c.catch(console.error);
+    const i = () => {
+      C().getColorScheme().then(d).catch(console.error);
     };
-    return i.addEventListener("change", s), () => {
-      d.then(() => C().unsubscribeColorScheme(l)).catch(console.error), i.removeEventListener("change", s);
+    return t.addEventListener("change", i), () => {
+      c.then(() => C().unsubscribeColorScheme(d)).catch(console.error), t.removeEventListener("change", i);
     };
-  }, []), c.jsx("div", { className: "settings__container", children: e });
+  }, []), u.jsx("div", { className: "settings__container", children: n });
 }
-function mn({ children: e }) {
-  return c.jsx("div", { className: "settings__box", children: e });
+function me({ children: n }) {
+  return u.jsx("div", { className: "settings__box", children: n });
 }
-function bn() {
-  return c.jsx("hr", { className: "settings__divider" });
+function ge() {
+  return u.jsx("hr", { className: "settings__divider" });
 }
-function _n({ children: e }) {
-  return c.jsx("div", { className: "settings__field", children: e });
+function be({ children: n }) {
+  return u.jsx("div", { className: "settings__field", children: n });
 }
-function hn({ children: e }) {
-  return c.jsx("div", { className: "settings__label", children: e });
+function he({ children: n }) {
+  return u.jsx("div", { className: "settings__label", children: n });
 }
-function xn({ children: e }) {
-  return c.jsx("div", { className: "settings__input-frame", children: e });
+function _e({ children: n }) {
+  return u.jsx("div", { className: "settings__input-frame", children: n });
 }
-function vn({ children: e }) {
-  return c.jsx("div", { className: "settings__textarea-frame", children: e });
+function xe({ children: n }) {
+  return u.jsx("div", { className: "settings__textarea-frame", children: n });
 }
-function kn({ children: e }) {
-  return c.jsx("div", { className: "settings__select-frame", children: e });
+function ve({ children: n }) {
+  return u.jsx("div", { className: "settings__select-frame", children: n });
 }
-function yn({ children: e }) {
-  return c.jsx("div", { className: "settings__slider-frame", children: e });
+function ke({ children: n }) {
+  return u.jsx("div", { className: "settings__slider-frame", children: n });
 }
-function En({ children: e }) {
-  return c.jsx("label", { className: "settings__switch-frame", children: e });
+function ye({ children: n }) {
+  return u.jsx("label", { className: "settings__switch-frame", children: n });
 }
-function wn({ children: e }) {
-  return c.jsx("span", { className: "settings__switch-label", children: e });
+function Ee({ children: n }) {
+  return u.jsx("span", { className: "settings__switch-label", children: n });
 }
-function Rn({ children: e }) {
-  return c.jsx("label", { className: "settings__checkbox-frame", children: e });
+function we({ children: n }) {
+  return u.jsx("label", { className: "settings__checkbox-frame", children: n });
 }
-function Sn({ children: e }) {
-  return c.jsx("span", { className: "settings__checkbox-label", children: e });
+function Re({ children: n }) {
+  return u.jsx("span", { className: "settings__checkbox-label", children: n });
 }
-function Tn({ children: e }) {
-  return c.jsx("label", { className: "settings__radio-frame", children: e });
+function Se({ children: n }) {
+  return u.jsx("label", { className: "settings__radio-frame", children: n });
 }
-function jn({ children: e }) {
-  return c.jsx("span", { className: "settings__radio-label", children: e });
+function Te({ children: n }) {
+  return u.jsx("span", { className: "settings__radio-label", children: n });
 }
-function Nn({ children: e }) {
-  return c.jsx("div", { className: "settings__button-frame", children: e });
+function je({ children: n }) {
+  return u.jsx("div", { className: "settings__button-frame", children: n });
 }
-function dn(e, i, l, d = 0) {
-  var s;
-  const [u, f] = E(!0), [m] = E(l), [h, S] = E(void 0), [p, x] = E(void 0);
-  return R(() => {
-    const g = (b) => {
+function le(n, t, d, c = 0) {
+  var i;
+  const [l, f] = E(!0), [g] = E(d), [x, S] = E(void 0), [p, v] = E(void 0);
+  return _(() => {
+    const m = (b) => {
       S(b), f(!1);
     };
-    return e.subscribe(i, g).catch(console.error), () => {
-      e.unsubscribe(i, g).catch(console.error);
+    return n.subscribe(t, m).catch(console.error), () => {
+      n.unsubscribe(t, m).catch(console.error);
     };
-  }, [e, i]), R(() => {
+  }, [n, t]), _(() => {
     if (typeof p < "u") {
-      const g = setTimeout(() => {
-        e.set(i, p);
-      }, d);
-      return () => clearTimeout(g);
+      const m = setTimeout(() => {
+        n.set(t, p);
+      }, c);
+      return () => clearTimeout(m);
     }
-  }, [p, e, i, d]), R(() => {
-    if (JSON.stringify(p) === JSON.stringify(h)) {
-      const g = setTimeout(() => {
-        x(void 0);
+  }, [p, n, t, c]), _(() => {
+    if (JSON.stringify(p) === JSON.stringify(x)) {
+      const m = setTimeout(() => {
+        v(void 0);
       }, 500);
-      return () => clearTimeout(g);
+      return () => clearTimeout(m);
     }
-  }, [p, h]), [u, (s = p ?? h) !== null && s !== void 0 ? s : m, x];
+  }, [p, x]), [l, (i = p ?? x) !== null && i !== void 0 ? i : g, v];
+}
+function Ae(n, t) {
+  return (d, c = 0) => le(d, n, t, c);
+}
+function Ne(n) {
+  _(() => {
+    document.documentElement.style.fontSize = `calc(1vmax * ${n})`;
+  }, [n]);
+}
+function Oe() {
+  const [n, t] = E(() => window.innerWidth / window.innerHeight);
+  return _(() => {
+    const c = () => {
+      t(window.innerWidth / window.innerHeight);
+    };
+    return window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
+  }, []), n;
 }
-function An(e, i) {
-  return (l, d = 0) => dn(l, e, i, d);
+function Pe(n, t) {
+  return {
+    uiWidthFactor: Math.min(t, 1) / n,
+    uiHeightFactor: Math.max(t, 1) / n
+  };
 }
 export {
-  mn as SettingsBox,
-  Nn as SettingsButtonFrame,
-  Rn as SettingsCheckboxFrame,
-  Sn as SettingsCheckboxLabel,
-  gn as SettingsContainer,
-  bn as SettingsDivider,
-  _n as SettingsField,
-  xn as SettingsInputFrame,
-  hn as SettingsLabel,
-  Tn as SettingsRadioFrame,
-  jn as SettingsRadioLabel,
-  kn as SettingsSelectFrame,
-  yn as SettingsSliderFrame,
-  En as SettingsSwitchFrame,
-  wn as SettingsSwitchLabel,
-  vn as SettingsTextAreaFrame,
-  An as createUseStoreState,
-  dn as useStoreState
+  me as SettingsBox,
+  je as SettingsButtonFrame,
+  we as SettingsCheckboxFrame,
+  Re as SettingsCheckboxLabel,
+  pe as SettingsContainer,
+  ge as SettingsDivider,
+  be as SettingsField,
+  _e as SettingsInputFrame,
+  he as SettingsLabel,
+  Se as SettingsRadioFrame,
+  Te as SettingsRadioLabel,
+  ve as SettingsSelectFrame,
+  ke as SettingsSliderFrame,
+  ye as SettingsSwitchFrame,
+  Ee as SettingsSwitchLabel,
+  xe as SettingsTextAreaFrame,
+  Ae as createUseStoreState,
+  le as useStoreState,
+  Oe as useUiAspectRatio,
+  Pe as useUiResponsiveFactors,
+  Ne as useUiScaleToSetRem
 };