@telemetryos/sdk 1.7.4 → 1.7.5

package/dist/react.js

@@ -1,6 +1,6 @@
-import oe, { useEffect as _, useState as E } from "react";
-import { environment as C } from "./index.js";
-var R = { exports: {} }, k = {};
+import cn, { useEffect as b, useState as w, useMemo as j } from "react";
+import { environment as I, store as N } from "./index.js";
+var T = { exports: {} }, y = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var R = { exports: {} }, k = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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 (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: i !== void 0 ? i : null,
-      props: l
+var J;
+function un() {
+  if (J) return y;
+  J = 1;
+  var e = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
+  function s(o, c, d) {
+    var g = null;
+    if (d !== void 0 && (g = "" + d), c.key !== void 0 && (g = "" + c.key), "key" in c) {
+      d = {};
+      for (var f in c)
+        f !== "key" && (d[f] = c[f]);
+    } else d = c;
+    return c = d.ref, {
+      $$typeof: e,
+      type: o,
+      key: g,
+      ref: c !== void 0 ? c : null,
+      props: d
     };
   }
-  return k.Fragment = t, k.jsx = d, k.jsxs = d, k;
+  return y.Fragment = t, y.jsx = s, y.jsxs = s, y;
 }
-var y = {};
+var S = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,243 +42,243 @@ var y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var M;
-function se() {
-  return M || (M = 1, process.env.NODE_ENV !== "production" && (function() {
-    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:
+var V;
+function ln() {
+  return V || (V = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(n) {
+      if (n == null) return null;
+      if (typeof n == "function")
+        return n.$$typeof === on ? null : n.displayName || n.name || null;
+      if (typeof n == "string") return n;
+      switch (n) {
+        case O:
           return "Fragment";
-        case G:
+        case B:
           return "Profiler";
-        case q:
+        case X:
           return "StrictMode";
-        case Q:
+        case nn:
           return "Suspense";
-        case Z:
+        case en:
           return "SuspenseList";
-        case ee:
+        case tn:
           return "Activity";
       }
-      if (typeof e == "object")
-        switch (typeof e.tag == "number" && console.error(
+      if (typeof n == "object")
+        switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), e.$$typeof) {
-          case J:
+        ), n.$$typeof) {
+          case G:
             return "Portal";
-          case B:
-            return e.displayName || "Context";
-          case X:
-            return (e._context.displayName || "Context") + ".Consumer";
-          case H:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Z:
+            return n.displayName || "Context";
+          case Q:
+            return (n._context.displayName || "Context") + ".Consumer";
           case K:
-            return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
-          case j:
-            r = e._payload, e = e._init;
+            var r = n.render;
+            return n = n.displayName, n || (n = r.displayName || r.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case rn:
+            return r = n.displayName || null, r !== null ? r : e(n.type) || "Memo";
+          case C:
+            r = n._payload, n = n._init;
             try {
-              return n(e(r));
+              return e(n(r));
             } catch {
             }
         }
       return null;
     }
-    function t(e) {
-      return "" + e;
+    function t(n) {
+      return "" + n;
     }
-    function d(e) {
+    function s(n) {
       try {
-        t(e);
+        t(n);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var o = r.error, a = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return o.call(
+        var a = r.error, u = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return a.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          a
-        ), t(e);
+          u
+        ), t(n);
       }
     }
-    function c(e) {
-      if (e === T) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === j)
+    function o(n) {
+      if (n === O) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === C)
         return "<...>";
       try {
-        var r = n(e);
+        var r = e(n);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function i() {
-      var e = A.A;
-      return e === null ? null : e.getOwner();
+    function c() {
+      var n = P.A;
+      return n === null ? null : n.getOwner();
     }
-    function l() {
+    function d() {
       return Error("react-stack-top-frame");
     }
-    function f(e) {
-      if (L.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+    function g(n) {
+      if (Y.call(n, "key")) {
+        var r = Object.getOwnPropertyDescriptor(n, "key").get;
         if (r && r.isReactWarning) return !1;
       }
-      return e.key !== void 0;
+      return n.key !== void 0;
     }
-    function g(e, r) {
-      function o() {
-        z || (z = !0, console.error(
+    function f(n, r) {
+      function a() {
+        U || (U = !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
         ));
       }
-      o.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: o,
+      a.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: a,
         configurable: !0
       });
     }
     function x() {
-      var e = n(this.type);
-      return I[e] || (I[e] = !0, console.error(
+      var n = e(this.type);
+      return $[n] || ($[n] = !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."
-      )), e = this.props.ref, e !== void 0 ? e : null;
+      )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function S(e, r, o, a, w, O) {
-      var s = o.ref;
-      return e = {
-        $$typeof: F,
-        type: e,
+    function A(n, r, a, u, R, z) {
+      var l = a.ref;
+      return n = {
+        $$typeof: k,
+        type: n,
         key: r,
-        props: o,
-        _owner: a
-      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(e, "ref", {
+        props: a,
+        _owner: u
+      }, (l !== void 0 ? l : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
         get: x
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(e, "_debugInfo", {
+      }), Object.defineProperty(n, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(e, "_debugStack", {
+      }), Object.defineProperty(n, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: w
-      }), Object.defineProperty(e, "_debugTask", {
+        value: R
+      }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: O
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: z
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    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);
+    function p(n, r, a, u, R, z) {
+      var l = r.children;
+      if (l !== void 0)
+        if (u)
+          if (sn(l)) {
+            for (u = 0; u < l.length; u++)
+              v(l[u]);
+            Object.freeze && Object.freeze(l);
           } 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 v(s);
-      if (L.call(r, "key")) {
-        s = n(e);
-        var h = Object.keys(r).filter(function(te) {
-          return te !== "key";
+        else v(l);
+      if (Y.call(r, "key")) {
+        l = e(n);
+        var h = Object.keys(r).filter(function(an) {
+          return an !== "key";
         });
-        a = 0 < h.length ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}", U[s + a] || (h = 0 < h.length ? "{" + h.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < h.length ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}", W[l + u] || (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} />`,
-          a,
-          s,
+          u,
+          l,
           h,
-          s
-        ), U[s + a] = !0);
+          l
+        ), W[l + u] = !0);
       }
-      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" && (o[P] = r[P]);
-      } else o = r;
-      return s && g(
-        o,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), S(
-        e,
-        s,
-        o,
-        i(),
-        w,
-        O
+      if (l = null, a !== void 0 && (s(a), l = "" + a), g(r) && (s(r.key), l = "" + r.key), "key" in r) {
+        a = {};
+        for (var L in r)
+          L !== "key" && (a[L] = r[L]);
+      } else a = r;
+      return l && f(
+        a,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+      ), A(
+        n,
+        l,
+        a,
+        c(),
+        R,
+        z
       );
     }
-    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 v(n) {
+      m(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === C && (n._payload.status === "fulfilled" ? m(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
     }
-    function m(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === F;
+    function m(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === k;
     }
-    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() {
+    var _ = cn, k = Symbol.for("react.transitional.element"), G = Symbol.for("react.portal"), O = Symbol.for("react.fragment"), X = Symbol.for("react.strict_mode"), B = Symbol.for("react.profiler"), Q = Symbol.for("react.consumer"), Z = Symbol.for("react.context"), K = Symbol.for("react.forward_ref"), nn = Symbol.for("react.suspense"), en = Symbol.for("react.suspense_list"), rn = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), tn = Symbol.for("react.activity"), on = Symbol.for("react.client.reference"), P = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, sn = Array.isArray, F = console.createTask ? console.createTask : function() {
       return null;
     };
-    b = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+    _ = {
+      react_stack_bottom_frame: function(n) {
+        return n();
       }
     };
-    var z, I = {}, Y = b.react_stack_bottom_frame.bind(
-      b,
-      l
-    )(), $ = N(c(l)), U = {};
-    y.Fragment = T, y.jsx = function(e, r, o) {
-      var a = 1e4 > A.recentlyCreatedOwnerStacks++;
+    var U, $ = {}, D = _.react_stack_bottom_frame.bind(
+      _,
+      d
+    )(), M = F(o(d)), W = {};
+    S.Fragment = O, S.jsx = function(n, r, a) {
+      var u = 1e4 > P.recentlyCreatedOwnerStacks++;
       return p(
-        e,
+        n,
         r,
-        o,
+        a,
         !1,
-        a ? Error("react-stack-top-frame") : Y,
-        a ? N(c(e)) : $
+        u ? Error("react-stack-top-frame") : D,
+        u ? F(o(n)) : M
       );
-    }, y.jsxs = function(e, r, o) {
-      var a = 1e4 > A.recentlyCreatedOwnerStacks++;
+    }, S.jsxs = function(n, r, a) {
+      var u = 1e4 > P.recentlyCreatedOwnerStacks++;
       return p(
-        e,
+        n,
         r,
-        o,
+        a,
         !0,
-        a ? Error("react-stack-top-frame") : Y,
-        a ? N(c(e)) : $
+        u ? Error("react-stack-top-frame") : D,
+        u ? F(o(n)) : M
       );
     };
-  })()), y;
+  })()), S;
 }
-var W;
-function ie() {
-  return W || (W = 1, process.env.NODE_ENV === "production" ? R.exports = ae() : R.exports = se()), R.exports;
+var q;
+function dn() {
+  return q || (q = 1, process.env.NODE_ENV === "production" ? T.exports = un() : T.exports = ln()), T.exports;
 }
-var u = ie();
-const ce = `:root {
+var i = dn();
+const fn = `:root {
   --background: 0 0% 100%;
   --foreground: 222.2 84% 4.9%;
 
@@ -349,23 +349,33 @@ const ce = `:root {
   font-family: 'Rubik', sans-serif;
   font-feature-settings: "rlig" 1, "calt" 1;
   flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.settings__container>form {
+  display: contents;
 }
 
 .settings__box {
   border: 1px solid hsl(var(--border));
   border-radius: var(--radius);
   padding: 16px;
-  margin-bottom: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 }
 
-.settings__box:last-child {
-  margin-bottom: 0;
+.settings__heading {
+  font-size: 16px;
+  font-weight: bold;
+  color: hsl(var(--foreground));
 }
 
 .settings__divider {
   border: none;
   border-top: 1px solid hsl(var(--border));
-  margin: 16px 0;
 }
 
 /* =============================================================================
@@ -373,16 +383,28 @@ const ce = `:root {
    ============================================================================= */
 
 .settings__field {
-  margin-bottom: 24px;
+  display: inline-block;
 }
 
 .settings__label {
   font-size: 14px;
   margin-bottom: 6px;
-  font-weight: 500;
   color: hsl(var(--foreground));
 }
 
+.settings__hint {
+  font-size: 12px;
+  opacity: 0.65;
+  margin-top: 4px;
+  color: hsl(var(--foreground));
+}
+
+.settings__error {
+  font-size: 12px;
+  margin-top: 4px;
+  color: #ff6b6b;
+}
+
 /* =============================================================================
    Text Inputs
    ============================================================================= */
@@ -503,12 +525,54 @@ const ce = `:root {
 }
 
 .settings__slider-frame>span {
-  min-width: 4ch;
+  min-width: 36px;
   text-align: right;
   font-size: 14px;
   color: hsl(var(--muted-foreground));
 }
 
+.settings__slider-ruler {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  margin-top: 4px;
+  margin-left: -4px;
+  margin-right: 36px;
+  opacity: 0.65;
+}
+
+.settings__color-frame {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.settings__color-frame>input[type="color"] {
+  appearance: none;
+  width: 40px;
+  height: 40px;
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  padding: 0;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+.settings__color-frame>input[type="color"]::-webkit-color-swatch-wrapper {
+  padding: 2px;
+}
+
+.settings__color-frame>input[type="color"]::-webkit-color-swatch {
+  border: none;
+  border-radius: calc(var(--radius) - 3px);
+}
+
+.settings__color-frame>span {
+  font-size: 14px;
+  color: hsl(var(--foreground));
+  font-family: monospace;
+}
+
 /* =============================================================================
    Toggle Inputs
    ============================================================================= */
@@ -642,6 +706,10 @@ const ce = `:root {
    Actions
    ============================================================================= */
 
+.settings__button-frame {
+  display: contents;
+}
+
 .settings__button-frame>button {
   padding: 8px 16px;
   background: hsl(var(--background));
@@ -664,143 +732,191 @@ const ce = `:root {
   color: hsl(var(--primary-foreground));
 }
 `;
-let V = !1;
-function ue() {
-  if (V || typeof document > "u")
+let H = !1;
+function pn() {
+  if (H || typeof document > "u")
     return;
-  const n = document.createElement("style");
-  n.setAttribute("data-telemetryos-sdk", ""), n.textContent = ce, document.head.appendChild(n), V = !0;
+  const e = document.createElement("style");
+  e.setAttribute("data-telemetryos-sdk", ""), e.textContent = fn, document.head.appendChild(e), H = !0;
 }
-ue();
-function pe({ children: n }) {
-  return _(() => {
-    const t = window.matchMedia("(prefers-color-scheme: dark)"), d = (l) => {
+pn();
+function _n({ children: e }) {
+  return b(() => {
+    const s = window.matchMedia("(prefers-color-scheme: dark)"), o = (g) => {
       let f;
-      l === "system" ? f = t.matches : f = l !== "light", f ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
-    }, c = C().subscribeColorScheme(d);
+      g === "system" ? f = s.matches : f = g !== "light", f ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+    }, c = I().subscribeColorScheme(o);
     c.catch(console.error);
-    const i = () => {
-      C().getColorScheme().then(d).catch(console.error);
+    const d = () => {
+      I().getColorScheme().then(o).catch(console.error);
     };
-    return t.addEventListener("change", i), () => {
-      c.then(() => C().unsubscribeColorScheme(d)).catch(console.error), t.removeEventListener("change", i);
+    return s.addEventListener("change", d), () => {
+      c.then(() => I().unsubscribeColorScheme(o)).catch(console.error), s.removeEventListener("change", d);
     };
-  }, []), u.jsx("div", { className: "settings__container", children: n });
+  }, []), i.jsx("div", { className: "settings__container", children: e });
+}
+function hn({ children: e }) {
+  return i.jsx("div", { className: "settings__box", children: e });
 }
-function me({ children: n }) {
-  return u.jsx("div", { className: "settings__box", children: n });
+function bn({ children: e }) {
+  return i.jsx("div", { className: "settings__heading", children: e });
 }
-function ge() {
-  return u.jsx("hr", { className: "settings__divider" });
+function xn() {
+  return i.jsx("hr", { className: "settings__divider" });
 }
-function be({ children: n }) {
-  return u.jsx("div", { className: "settings__field", children: n });
+function vn({ children: e }) {
+  return i.jsx("label", { className: "settings__field", children: e });
 }
-function he({ children: n }) {
-  return u.jsx("div", { className: "settings__label", children: n });
+function kn({ children: e }) {
+  return i.jsx("div", { className: "settings__label", children: e });
 }
-function _e({ children: n }) {
-  return u.jsx("div", { className: "settings__input-frame", children: n });
+function yn({ children: e }) {
+  return i.jsx("div", { className: "settings__hint", children: e });
 }
-function xe({ children: n }) {
-  return u.jsx("div", { className: "settings__textarea-frame", children: n });
+function Sn({ children: e }) {
+  return i.jsx("div", { className: "settings__error", children: e });
 }
-function ve({ children: n }) {
-  return u.jsx("div", { className: "settings__select-frame", children: n });
+function wn({ children: e }) {
+  return i.jsx("div", { className: "settings__input-frame", children: e });
 }
-function ke({ children: n }) {
-  return u.jsx("div", { className: "settings__slider-frame", children: n });
+function En({ children: e }) {
+  return i.jsx("div", { className: "settings__textarea-frame", children: e });
 }
-function ye({ children: n }) {
-  return u.jsx("label", { className: "settings__switch-frame", children: n });
+function Rn({ children: e }) {
+  return i.jsx("div", { className: "settings__select-frame", children: e });
 }
-function Ee({ children: n }) {
-  return u.jsx("span", { className: "settings__switch-label", children: n });
+function Tn({ children: e }) {
+  return i.jsx("div", { className: "settings__slider-frame", children: e });
 }
-function we({ children: n }) {
-  return u.jsx("label", { className: "settings__checkbox-frame", children: n });
+function jn({ children: e }) {
+  return i.jsx("div", { className: "settings__slider-ruler", children: e });
 }
-function Re({ children: n }) {
-  return u.jsx("span", { className: "settings__checkbox-label", children: n });
+function Nn({ children: e }) {
+  return i.jsx("div", { className: "settings__color-frame", children: e });
 }
-function Se({ children: n }) {
-  return u.jsx("label", { className: "settings__radio-frame", children: n });
+function An({ children: e }) {
+  return i.jsx("label", { className: "settings__switch-frame", children: e });
 }
-function Te({ children: n }) {
-  return u.jsx("span", { className: "settings__radio-label", children: n });
+function On({ children: e }) {
+  return i.jsx("span", { className: "settings__switch-label", children: e });
 }
-function je({ children: n }) {
-  return u.jsx("div", { className: "settings__button-frame", children: n });
+function Cn({ children: e }) {
+  return i.jsx("label", { className: "settings__checkbox-frame", children: e });
 }
-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);
+function Pn({ children: e }) {
+  return i.jsx("span", { className: "settings__checkbox-label", children: e });
+}
+function Fn({ children: e }) {
+  return i.jsx("label", { className: "settings__radio-frame", children: e });
+}
+function zn({ children: e }) {
+  return i.jsx("span", { className: "settings__radio-label", children: e });
+}
+function Ln({ children: e }) {
+  return i.jsx("div", { className: "settings__button-frame", children: e });
+}
+function E(e, t, s, o = 0) {
+  var c;
+  const [d, g] = w(!0), [f] = w(s), [x, A] = w(void 0), [p, v] = w(void 0);
+  return b(() => {
+    const m = (_) => {
+      A((k) => JSON.stringify(k) === JSON.stringify(_) ? k : _), g(!1);
     };
-    return n.subscribe(t, m).catch(console.error), () => {
-      n.unsubscribe(t, m).catch(console.error);
+    return e.subscribe(t, m).catch(console.error), () => {
+      e.unsubscribe(t, m).catch(console.error);
     };
-  }, [n, t]), _(() => {
+  }, [e, t]), b(() => {
     if (typeof p < "u") {
       const m = setTimeout(() => {
-        n.set(t, p);
-      }, c);
+        e.set(t, p);
+      }, o);
       return () => clearTimeout(m);
     }
-  }, [p, n, t, c]), _(() => {
+  }, [p, e, t, o]), b(() => {
     if (JSON.stringify(p) === JSON.stringify(x)) {
       const m = setTimeout(() => {
         v(void 0);
       }, 500);
       return () => clearTimeout(m);
     }
-  }, [p, x]), [l, (i = p ?? x) !== null && i !== void 0 ? i : g, v];
+  }, [p, x]), [d, (c = p ?? x) !== null && c !== void 0 ? c : f, v];
+}
+function In(e, t) {
+  return (s, o = 250) => E(s, e, t, o);
+}
+function Yn(e, t) {
+  return (s = 250) => {
+    const o = j(() => N().instance, []);
+    return E(o, e, t, s);
+  };
+}
+function Un(e, t) {
+  return (s = 250) => {
+    const o = j(() => N().application, []);
+    return E(o, e, t, s);
+  };
 }
-function Ae(n, t) {
-  return (d, c = 0) => le(d, n, t, c);
+function $n(e, t) {
+  return (s = 250) => {
+    const o = j(() => N().device, []);
+    return E(o, e, t, s);
+  };
+}
+function Dn(e, t, s) {
+  return (o = 250) => {
+    const c = j(() => N().shared(s), []);
+    return E(c, e, t, o);
+  };
 }
-function Ne(n) {
-  _(() => {
-    document.documentElement.style.fontSize = `calc(1vmax * ${n})`;
-  }, [n]);
+function Mn(e) {
+  b(() => {
+    document.documentElement.style.fontSize = `calc(1vmax * ${e})`;
+  }, [e]);
 }
-function Oe() {
-  const [n, t] = E(() => window.innerWidth / window.innerHeight);
-  return _(() => {
-    const c = () => {
+function Wn() {
+  const [e, t] = w(() => window.innerWidth / window.innerHeight);
+  return b(() => {
+    const o = () => {
       t(window.innerWidth / window.innerHeight);
     };
-    return window.addEventListener("resize", c), () => window.removeEventListener("resize", c);
-  }, []), n;
+    return window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
+  }, []), e;
 }
-function Pe(n, t) {
+function Jn(e, t) {
   return {
-    uiWidthFactor: Math.min(t, 1) / n,
-    uiHeightFactor: Math.max(t, 1) / n
+    uiWidthFactor: Math.min(t, 1) / e,
+    uiHeightFactor: Math.max(t, 1) / e
   };
 }
 export {
-  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
+  hn as SettingsBox,
+  Ln as SettingsButtonFrame,
+  Cn as SettingsCheckboxFrame,
+  Pn as SettingsCheckboxLabel,
+  Nn as SettingsColorFrame,
+  _n as SettingsContainer,
+  xn as SettingsDivider,
+  Sn as SettingsError,
+  vn as SettingsField,
+  bn as SettingsHeading,
+  yn as SettingsHint,
+  wn as SettingsInputFrame,
+  kn as SettingsLabel,
+  Fn as SettingsRadioFrame,
+  zn as SettingsRadioLabel,
+  Rn as SettingsSelectFrame,
+  Tn as SettingsSliderFrame,
+  jn as SettingsSliderRuler,
+  An as SettingsSwitchFrame,
+  On as SettingsSwitchLabel,
+  En as SettingsTextAreaFrame,
+  Un as createUseApplicationStoreState,
+  $n as createUseDeviceStoreState,
+  Yn as createUseInstanceStoreState,
+  Dn as createUseSharedStoreState,
+  In as createUseStoreState,
+  E as useStoreState,
+  Wn as useUiAspectRatio,
+  Jn as useUiResponsiveFactors,
+  Mn as useUiScaleToSetRem
 };