@telemetryos/sdk 1.7.0 → 1.7.2

package/dist/react.js

@@ -1,6 +1,6 @@
-import oe, { useEffect as w, useState as y } from "react";
+import on, { useEffect as R, useState as E } from "react";
 import { environment as C } from "./index.js";
-var R = { exports: {} }, v = {};
+var w = { exports: {} }, v = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -11,26 +11,26 @@ var R = { exports: {} }, v = {};
  * LICENSE file in the root directory of this source tree.
  */
 var V;
-function ae() {
+function an() {
   if (V) return v;
   V = 1;
-  var n = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
-  function u(l, s, c) {
+  var e = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function l(d, s, u) {
     var f = null;
-    if (c !== void 0 && (f = "" + c), s.key !== void 0 && (f = "" + s.key), "key" in s) {
-      c = {};
-      for (var g in s)
-        g !== "key" && (c[g] = s[g]);
-    } else c = s;
-    return s = c.ref, {
-      $$typeof: n,
-      type: l,
+    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,
       key: f,
       ref: s !== void 0 ? s : null,
-      props: c
+      props: u
     };
   }
-  return v.Fragment = i, v.jsx = u, v.jsxs = u, v;
+  return v.Fragment = i, v.jsx = l, v.jsxs = l, v;
 }
 var k = {};
 /**
@@ -43,14 +43,14 @@ var k = {};
  * LICENSE file in the root directory of this source tree.
  */
 var M;
-function se() {
+function sn() {
   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) {
+    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) {
         case T:
           return "Fragment";
         case G:
@@ -61,134 +61,134 @@ function se() {
           return "Suspense";
         case Z:
           return "SuspenseList";
-        case ee:
+        case nn:
           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) {
+        ), n.$$typeof) {
           case J:
             return "Portal";
           case B:
-            return e.displayName || "Context";
+            return n.displayName || "Context";
           case X:
-            return (e._context.displayName || "Context") + ".Consumer";
+            return (n._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;
+            var r = n.render;
+            return n = n.displayName, n || (n = r.displayName || r.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
           case K:
-            return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
+            return r = n.displayName || null, r !== null ? r : e(n.type) || "Memo";
           case j:
-            r = e._payload, e = e._init;
+            r = n._payload, n = n._init;
             try {
-              return n(e(r));
+              return e(n(r));
             } catch {
             }
         }
       return null;
     }
-    function i(e) {
-      return "" + e;
+    function i(n) {
+      return "" + n;
     }
-    function u(e) {
+    function l(n) {
       try {
-        i(e);
+        i(n);
         var r = !1;
       } catch {
         r = !0;
       }
       if (r) {
         r = console;
-        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var t = r.error, o = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
         return t.call(
           r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           o
-        ), i(e);
+        ), i(n);
       }
     }
-    function l(e) {
-      if (e === T) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === j)
+    function d(n) {
+      if (n === T) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === j)
         return "<...>";
       try {
-        var r = n(e);
+        var r = e(n);
         return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var e = A.A;
-      return e === null ? null : e.getOwner();
+      var n = N.A;
+      return n === null ? null : n.getOwner();
     }
-    function c() {
+    function u() {
       return Error("react-stack-top-frame");
     }
-    function f(e) {
-      if (L.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+    function f(n) {
+      if (L.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 m(n, r) {
       function t() {
-        Y || (Y = !0, console.error(
+        I || (I = !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(e, "key", {
+      t.isReactWarning = !0, Object.defineProperty(n, "key", {
         get: t,
         configurable: !0
       });
     }
-    function _() {
-      var e = n(this.type);
-      return I[e] || (I[e] = !0, console.error(
+    function h() {
+      var n = e(this.type);
+      return Y[n] || (Y[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, t, o, E, N) {
+    function S(n, r, t, o, y, O) {
       var a = t.ref;
-      return e = {
+      return n = {
         $$typeof: F,
-        type: e,
+        type: n,
         key: r,
         props: t,
         _owner: o
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
-        get: _
-      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        get: h
+      }) : 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: E
-      }), Object.defineProperty(e, "_debugTask", {
+        value: y
+      }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: N
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+        value: O
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function p(e, r, t, o, E, N) {
+    function p(n, r, t, o, y, O) {
       var a = r.children;
       if (a !== void 0)
         if (o)
-          if (re(a)) {
+          if (rn(a)) {
             for (o = 0; o < a.length; o++)
               x(a[o]);
             Object.freeze && Object.freeze(a);
@@ -198,11 +198,11 @@ function se() {
             );
         else x(a);
       if (L.call(r, "key")) {
-        a = n(e);
-        var h = Object.keys(r).filter(function(te) {
-          return te !== "key";
+        a = e(n);
+        var _ = Object.keys(r).filter(function(tn) {
+          return tn !== "key";
         });
-        o = 0 < h.length ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}", D[a + o] || (h = 0 < h.length ? "{" + h.join(": ..., ") + ": ...}" : "{}", console.error(
+        o = 0 < _.length ? "{key: someKey, " + _.join(": ..., ") + ": ...}" : "{key: someKey}", D[a + o] || (_ = 0 < _.length ? "{" + _.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -211,74 +211,74 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           o,
           a,
-          h,
+          _,
           a
         ), D[a + o] = !0);
       }
-      if (a = null, t !== void 0 && (u(t), a = "" + t), f(r) && (u(r.key), a = "" + r.key), "key" in r) {
+      if (a = null, t !== void 0 && (l(t), a = "" + t), f(r) && (l(r.key), a = "" + r.key), "key" in r) {
         t = {};
         for (var P in r)
           P !== "key" && (t[P] = r[P]);
       } else t = r;
-      return a && g(
+      return a && m(
         t,
-        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
       ), S(
-        e,
+        n,
         a,
         t,
         s(),
-        E,
-        N
+        y,
+        O
       );
     }
-    function x(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 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 m(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === F;
+    function g(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === F;
     }
-    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, O = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
     b = {
-      react_stack_bottom_frame: function(e) {
-        return e();
+      react_stack_bottom_frame: function(n) {
+        return n();
       }
     };
-    var Y, I = {}, $ = b.react_stack_bottom_frame.bind(
+    var I, Y = {}, z = b.react_stack_bottom_frame.bind(
       b,
-      c
-    )(), z = O(l(c)), D = {};
-    k.Fragment = T, k.jsx = function(e, r, t) {
-      var o = 1e4 > A.recentlyCreatedOwnerStacks++;
+      u
+    )(), $ = A(d(u)), D = {};
+    k.Fragment = T, k.jsx = function(n, r, t) {
+      var o = 1e4 > N.recentlyCreatedOwnerStacks++;
       return p(
-        e,
+        n,
         r,
         t,
         !1,
-        o ? Error("react-stack-top-frame") : $,
-        o ? O(l(e)) : z
+        o ? Error("react-stack-top-frame") : z,
+        o ? A(d(n)) : $
       );
-    }, k.jsxs = function(e, r, t) {
-      var o = 1e4 > A.recentlyCreatedOwnerStacks++;
+    }, k.jsxs = function(n, r, t) {
+      var o = 1e4 > N.recentlyCreatedOwnerStacks++;
       return p(
-        e,
+        n,
         r,
         t,
         !0,
-        o ? Error("react-stack-top-frame") : $,
-        o ? O(l(e)) : z
+        o ? Error("react-stack-top-frame") : z,
+        o ? A(d(n)) : $
       );
     };
   })()), k;
 }
 var U;
-function ie() {
-  return U || (U = 1, process.env.NODE_ENV === "production" ? R.exports = ae() : R.exports = se()), R.exports;
+function cn() {
+  return U || (U = 1, process.env.NODE_ENV === "production" ? w.exports = an() : w.exports = sn()), w.exports;
 }
-var d = ie();
-const ce = `:root {
+var c = cn();
+const un = `:root {
   --background: 0 0% 100%;
   --foreground: 222.2 84% 4.9%;
 
@@ -338,14 +338,40 @@ const ce = `:root {
   --radius: 0.5rem;
 }
 
+/* =============================================================================
+   Container & Layout
+   ============================================================================= */
+
 .settings__container {
   padding: 16px;
   background: hsl(var(--background));
   color: hsl(var(--foreground));
   font-family: 'Rubik', sans-serif;
   font-feature-settings: "rlig" 1, "calt" 1;
+  flex-grow: 1;
 }
 
+.settings__box {
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  padding: 16px;
+  margin-bottom: 16px;
+}
+
+.settings__box:last-child {
+  margin-bottom: 0;
+}
+
+.settings__divider {
+  border: none;
+  border-top: 1px solid hsl(var(--border));
+  margin: 16px 0;
+}
+
+/* =============================================================================
+   Field Structure
+   ============================================================================= */
+
 .settings__field {
   margin-bottom: 24px;
 }
@@ -357,6 +383,10 @@ const ce = `:root {
   color: hsl(var(--foreground));
 }
 
+/* =============================================================================
+   Text Inputs
+   ============================================================================= */
+
 .settings__input-frame > * {
   height: 40px;
   width: 100%;
@@ -378,6 +408,34 @@ const ce = `:root {
   opacity: 1;
 }
 
+.settings__textarea-frame > textarea {
+  width: 100%;
+  min-height: 80px;
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1.4em;
+  padding: 8px 12px;
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+  resize: vertical;
+}
+
+.settings__textarea-frame > textarea:focus {
+  outline: 1px solid hsl(var(--primary));
+  outline-offset: 0;
+}
+
+.settings__textarea-frame > textarea::placeholder {
+  color: hsl(var(--muted-foreground));
+  opacity: 1;
+}
+
+/* =============================================================================
+   Selection Inputs
+   ============================================================================= */
+
 .settings__select-frame > select {
   appearance: none;
   height: 40px;
@@ -403,30 +461,59 @@ const ce = `:root {
   outline-offset: 0;
 }
 
-.settings__textarea-frame > textarea {
-  width: 100%;
-  min-height: 80px;
-  font-family: inherit;
-  font-size: 14px;
-  line-height: 1.4em;
-  padding: 8px 12px;
-  border: 1px solid hsl(var(--border));
-  border-radius: var(--radius);
+.settings__slider-frame {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.settings__slider-frame > input[type="range"] {
+  flex: 1;
+  height: 8px;
+  background: hsl(var(--secondary));
+  border-radius: 9999px;
+  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 {
+  background: hsl(var(--primary));
+}
+
+.settings__slider-frame > input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 20px;
+  height: 20px;
   background: hsl(var(--background));
-  color: hsl(var(--foreground));
-  resize: vertical;
+  border: 2px solid hsl(var(--primary));
+  border-radius: 50%;
+  cursor: pointer;
 }
 
-.settings__textarea-frame > textarea:focus {
-  outline: 1px solid hsl(var(--primary));
-  outline-offset: 0;
+.settings__slider-frame > input[type="range"]::-moz-range-thumb {
+  width: 20px;
+  height: 20px;
+  background: hsl(var(--background));
+  border: 2px solid hsl(var(--primary));
+  border-radius: 50%;
+  cursor: pointer;
 }
 
-.settings__textarea-frame > textarea::placeholder {
+.settings__slider-frame > span {
+  min-width: 4ch;
+  text-align: right;
+  font-size: 14px;
   color: hsl(var(--muted-foreground));
-  opacity: 1;
 }
 
+/* =============================================================================
+   Toggle Inputs
+   ============================================================================= */
+
 .settings__switch-frame {
   display: flex;
   align-items: center;
@@ -551,105 +638,148 @@ const ce = `:root {
   flex: 1;
   color: hsl(var(--foreground));
 }
+
+/* =============================================================================
+   Actions
+   ============================================================================= */
+
+.settings__button-frame > button {
+  padding: 8px 16px;
+  background: hsl(var(--background));
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  color: hsl(var(--foreground));
+  font-size: 14px;
+  font-family: inherit;
+  cursor: pointer;
+  transition: background-color 0.15s, border-color 0.15s;
+}
+
+.settings__button-frame > button:hover {
+  background: hsl(var(--accent));
+}
+
+.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 ue() {
+function ln() {
   if (W || typeof document > "u")
     return;
-  const n = document.createElement("style");
-  n.setAttribute("data-telemetryos-sdk", ""), n.textContent = ce, document.head.appendChild(n), W = !0;
+  const e = document.createElement("style");
+  e.setAttribute("data-telemetryos-sdk", ""), e.textContent = un, document.head.appendChild(e), W = !0;
 }
-ue();
-function pe({ children: n }) {
-  return w(() => {
-    const i = window.matchMedia("(prefers-color-scheme: dark)"), u = (c) => {
+ln();
+function gn({ children: e }) {
+  return R(() => {
+    const i = window.matchMedia("(prefers-color-scheme: dark)"), l = (u) => {
       let f;
-      c === "system" ? f = i.matches : f = c !== "light", f ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
-    }, l = C().subscribeColorScheme(u);
-    l.catch(console.error);
+      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(u).catch(console.error);
+      C().getColorScheme().then(l).catch(console.error);
     };
     return i.addEventListener("change", s), () => {
-      l.then(() => C().unsubscribeColorScheme(u)).catch(console.error), i.removeEventListener("change", s);
+      d.then(() => C().unsubscribeColorScheme(l)).catch(console.error), i.removeEventListener("change", s);
     };
-  }, []), d.jsx("div", { className: "settings__container", children: n });
+  }, []), c.jsx("div", { className: "settings__container", children: e });
+}
+function mn({ children: e }) {
+  return c.jsx("div", { className: "settings__box", children: e });
+}
+function bn() {
+  return c.jsx("hr", { className: "settings__divider" });
+}
+function _n({ children: e }) {
+  return c.jsx("div", { className: "settings__field", children: e });
+}
+function hn({ children: e }) {
+  return c.jsx("div", { className: "settings__label", children: e });
 }
-function me({ children: n }) {
-  return d.jsx("div", { className: "settings__field", children: n });
+function xn({ children: e }) {
+  return c.jsx("div", { className: "settings__input-frame", children: e });
 }
-function ge({ children: n }) {
-  return d.jsx("div", { className: "settings__label", children: n });
+function vn({ children: e }) {
+  return c.jsx("div", { className: "settings__textarea-frame", children: e });
 }
-function be({ children: n }) {
-  return d.jsx("div", { className: "settings__input-frame", children: n });
+function kn({ children: e }) {
+  return c.jsx("div", { className: "settings__select-frame", children: e });
 }
-function he({ children: n }) {
-  return d.jsx("div", { className: "settings__select-frame", children: n });
+function yn({ children: e }) {
+  return c.jsx("div", { className: "settings__slider-frame", children: e });
 }
-function _e({ children: n }) {
-  return d.jsx("div", { className: "settings__textarea-frame", children: n });
+function En({ children: e }) {
+  return c.jsx("label", { className: "settings__switch-frame", children: e });
 }
-function xe({ children: n }) {
-  return d.jsx("label", { className: "settings__switch-frame", children: n });
+function wn({ children: e }) {
+  return c.jsx("span", { className: "settings__switch-label", children: e });
 }
-function ve({ children: n }) {
-  return d.jsx("span", { className: "settings__switch-label", children: n });
+function Rn({ children: e }) {
+  return c.jsx("label", { className: "settings__checkbox-frame", children: e });
 }
-function ke({ children: n }) {
-  return d.jsx("label", { className: "settings__checkbox-frame", children: n });
+function Sn({ children: e }) {
+  return c.jsx("span", { className: "settings__checkbox-label", children: e });
 }
-function Ee({ children: n }) {
-  return d.jsx("span", { className: "settings__checkbox-label", children: n });
+function Tn({ children: e }) {
+  return c.jsx("label", { className: "settings__radio-frame", children: e });
 }
-function ye({ children: n }) {
-  return d.jsx("label", { className: "settings__radio-frame", children: n });
+function jn({ children: e }) {
+  return c.jsx("span", { className: "settings__radio-label", children: e });
 }
-function Re({ children: n }) {
-  return d.jsx("span", { className: "settings__radio-label", children: n });
+function Nn({ children: e }) {
+  return c.jsx("div", { className: "settings__button-frame", children: e });
 }
-function le(n, i, u, l = 0) {
+function dn(e, i, l, d = 0) {
   var s;
-  const [c, f] = y(!0), [g] = y(u), [_, S] = y(void 0), [p, x] = y(void 0);
-  return w(() => {
-    const m = (b) => {
+  const [u, f] = E(!0), [m] = E(l), [h, S] = E(void 0), [p, x] = E(void 0);
+  return R(() => {
+    const g = (b) => {
       S(b), f(!1);
     };
-    return n.subscribe(i, m).catch(console.error), () => {
-      n.unsubscribe(i, m).catch(console.error);
+    return e.subscribe(i, g).catch(console.error), () => {
+      e.unsubscribe(i, g).catch(console.error);
     };
-  }, [n, i]), w(() => {
+  }, [e, i]), R(() => {
     if (typeof p < "u") {
-      const m = setTimeout(() => {
-        n.set(i, p);
-      }, l);
-      return () => clearTimeout(m);
+      const g = setTimeout(() => {
+        e.set(i, p);
+      }, d);
+      return () => clearTimeout(g);
     }
-  }, [p, n, i, l]), w(() => {
-    if (JSON.stringify(p) === JSON.stringify(_)) {
-      const m = setTimeout(() => {
+  }, [p, e, i, d]), R(() => {
+    if (JSON.stringify(p) === JSON.stringify(h)) {
+      const g = setTimeout(() => {
         x(void 0);
       }, 500);
-      return () => clearTimeout(m);
+      return () => clearTimeout(g);
     }
-  }, [p, _]), [c, (s = p ?? _) !== null && s !== void 0 ? s : g, x];
+  }, [p, h]), [u, (s = p ?? h) !== null && s !== void 0 ? s : m, x];
 }
-function we(n, i) {
-  return (u, l = 0) => le(u, n, i, l);
+function An(e, i) {
+  return (l, d = 0) => dn(l, e, i, d);
 }
 export {
-  ke as SettingsCheckboxFrame,
-  Ee as SettingsCheckboxLabel,
-  pe as SettingsContainer,
-  me as SettingsField,
-  be as SettingsInputFrame,
-  ge as SettingsLabel,
-  ye as SettingsRadioFrame,
-  Re as SettingsRadioLabel,
-  he as SettingsSelectFrame,
-  xe as SettingsSwitchFrame,
-  ve as SettingsSwitchLabel,
-  _e as SettingsTextAreaFrame,
-  we as createUseStoreState,
-  le as useStoreState
+  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
 };