@telemetryos/sdk 1.10.0 → 1.12.0

package/dist/react.js

@@ -1,6 +1,6 @@
-import ie, { useEffect as x, useState as w, useRef as ce, useCallback as le, useMemo as O } from "react";
-import { environment as $, store as C } from "./index.js";
-var A = { exports: {} }, y = {};
+import ce, { useEffect as y, useState as v, useRef as le, useCallback as ue, useMemo as j } from "react";
+import { environment as $, media as de, store as T } from "./index.js";
+var P = { exports: {} }, E = {};
 /**
  * @license React
  * react-jsx-runtime.production.js
@@ -10,29 +10,29 @@ var A = { exports: {} }, y = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var G;
-function ue() {
-  if (G) return y;
-  G = 1;
-  var n = Symbol.for("react.transitional.element"), t = Symbol.for("react.fragment");
-  function s(o, c, d) {
+var H;
+function fe() {
+  if (H) return E;
+  H = 1;
+  var n = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function s(i, a, l) {
     var p = null;
-    if (d !== void 0 && (p = "" + d), c.key !== void 0 && (p = "" + c.key), "key" in c) {
-      d = {};
-      for (var f in c)
-        f !== "key" && (d[f] = c[f]);
-    } else d = c;
-    return c = d.ref, {
+    if (l !== void 0 && (p = "" + l), a.key !== void 0 && (p = "" + a.key), "key" in a) {
+      l = {};
+      for (var f in a)
+        f !== "key" && (l[f] = a[f]);
+    } else l = a;
+    return a = l.ref, {
       $$typeof: n,
-      type: o,
+      type: i,
       key: p,
-      ref: c !== void 0 ? c : null,
-      props: d
+      ref: a !== void 0 ? a : null,
+      props: l
     };
   }
-  return y.Fragment = t, y.jsx = s, y.jsxs = s, y;
+  return E.Fragment = o, E.jsx = s, E.jsxs = s, E;
 }
-var E = {};
+var R = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,126 +42,126 @@ var E = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var X;
-function de() {
-  return X || (X = 1, process.env.NODE_ENV !== "production" && (function() {
+var G;
+function pe() {
+  return G || (G = 1, process.env.NODE_ENV !== "production" && (function() {
     function n(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === oe ? null : e.displayName || e.name || null;
+        return e.$$typeof === se ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case R:
+        case N:
           return "Fragment";
-        case T:
+        case A:
           return "Profiler";
-        case m:
+        case h:
           return "StrictMode";
-        case ee:
-          return "Suspense";
         case ne:
+          return "Suspense";
+        case re:
           return "SuspenseList";
-        case te:
+        case oe:
           return "Activity";
       }
       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."
         ), e.$$typeof) {
-          case D:
+          case M:
             return "Portal";
-          case Z:
+          case K:
             return e.displayName || "Context";
-          case j:
+          case C:
             return (e._context.displayName || "Context") + ".Consumer";
-          case K:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case re:
-            return r = e.displayName || null, r !== null ? r : n(e.type) || "Memo";
-          case z:
-            r = e._payload, e = e._init;
+          case ee:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case te:
+            return t = e.displayName || null, t !== null ? t : n(e.type) || "Memo";
+          case L:
+            t = e._payload, e = e._init;
             try {
-              return n(e(r));
+              return n(e(t));
             } catch {
             }
         }
       return null;
     }
-    function t(e) {
+    function o(e) {
       return "" + e;
     }
     function s(e) {
       try {
-        t(e);
-        var r = !1;
+        o(e);
+        var t = !1;
       } catch {
-        r = !0;
+        t = !0;
       }
-      if (r) {
-        r = console;
-        var a = r.error, l = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return a.call(
-          r,
+      if (t) {
+        t = console;
+        var c = t.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c.call(
+          t,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          l
-        ), t(e);
+          u
+        ), o(e);
       }
     }
-    function o(e) {
-      if (e === R) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === z)
+    function i(e) {
+      if (e === N) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === L)
         return "<...>";
       try {
-        var r = n(e);
-        return r ? "<" + r + ">" : "<...>";
+        var t = n(e);
+        return t ? "<" + t + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function c() {
-      var e = L.A;
+    function a() {
+      var e = I.A;
       return e === null ? null : e.getOwner();
     }
-    function d() {
+    function l() {
       return Error("react-stack-top-frame");
     }
     function p(e) {
-      if (M.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+      if (D.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function f(e, r) {
-      function a() {
+    function f(e, t) {
+      function c() {
         W || (W = !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
         ));
       }
-      a.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: a,
+      c.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: c,
         configurable: !0
       });
     }
-    function P() {
+    function w() {
       var e = n(this.type);
       return V[e] || (V[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."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function v(e, r, a, l, N, Y) {
-      var u = a.ref;
+    function g(e, t, c, u, O, U) {
+      var d = c.ref;
       return e = {
         $$typeof: F,
         type: e,
-        key: r,
-        props: a,
-        _owner: l
-      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        key: t,
+        props: c,
+        _owner: u
+      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: P
+        get: w
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -176,109 +176,109 @@ function de() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: N
+        value: O
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
+        value: U
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function k(e, r, a, l, N, Y) {
-      var u = r.children;
-      if (u !== void 0)
-        if (l)
-          if (se(u)) {
-            for (l = 0; l < u.length; l++)
-              g(u[l]);
-            Object.freeze && Object.freeze(u);
+    function S(e, t, c, u, O, U) {
+      var d = t.children;
+      if (d !== void 0)
+        if (u)
+          if (ie(d)) {
+            for (u = 0; u < d.length; u++)
+              m(d[u]);
+            Object.freeze && Object.freeze(d);
           } 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 g(u);
-      if (M.call(r, "key")) {
-        u = n(e);
-        var b = Object.keys(r).filter(function(ae) {
+        else m(d);
+      if (D.call(t, "key")) {
+        d = n(e);
+        var x = Object.keys(t).filter(function(ae) {
           return ae !== "key";
         });
-        l = 0 < b.length ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}", H[u + l] || (b = 0 < b.length ? "{" + b.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", B[d + u] || (x = 0 < x.length ? "{" + x.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} />`,
-          l,
           u,
-          b,
-          u
-        ), H[u + l] = !0);
+          d,
+          x,
+          d
+        ), B[d + u] = !0);
       }
-      if (u = null, a !== void 0 && (s(a), u = "" + a), p(r) && (s(r.key), u = "" + r.key), "key" in r) {
-        a = {};
-        for (var U in r)
-          U !== "key" && (a[U] = r[U]);
-      } else a = r;
-      return u && f(
-        a,
+      if (d = null, c !== void 0 && (s(c), d = "" + c), p(t) && (s(t.key), d = "" + t.key), "key" in t) {
+        c = {};
+        for (var Y in t)
+          Y !== "key" && (c[Y] = t[Y]);
+      } else c = t;
+      return d && f(
+        c,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), v(
+      ), g(
         e,
-        u,
-        a,
-        c(),
-        N,
-        Y
+        d,
+        c,
+        a(),
+        O,
+        U
       );
     }
-    function g(e) {
-      h(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === z && (e._payload.status === "fulfilled" ? h(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function m(e) {
+      _(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === L && (e._payload.status === "fulfilled" ? _(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function h(e) {
+    function _(e) {
       return typeof e == "object" && e !== null && e.$$typeof === F;
     }
-    var _ = ie, F = Symbol.for("react.transitional.element"), D = Symbol.for("react.portal"), R = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), j = Symbol.for("react.consumer"), Z = Symbol.for("react.context"), K = Symbol.for("react.forward_ref"), ee = Symbol.for("react.suspense"), ne = Symbol.for("react.suspense_list"), re = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), te = Symbol.for("react.activity"), oe = Symbol.for("react.client.reference"), L = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, se = Array.isArray, I = console.createTask ? console.createTask : function() {
+    var b = ce, F = Symbol.for("react.transitional.element"), M = Symbol.for("react.portal"), N = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), C = Symbol.for("react.consumer"), K = Symbol.for("react.context"), ee = Symbol.for("react.forward_ref"), ne = Symbol.for("react.suspense"), re = Symbol.for("react.suspense_list"), te = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), oe = Symbol.for("react.activity"), se = Symbol.for("react.client.reference"), I = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, ie = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
-    _ = {
+    b = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var W, V = {}, J = _.react_stack_bottom_frame.bind(
-      _,
-      d
-    )(), q = I(o(d)), H = {};
-    E.Fragment = R, E.jsx = function(e, r, a) {
-      var l = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return k(
+    var W, V = {}, J = b.react_stack_bottom_frame.bind(
+      b,
+      l
+    )(), q = z(i(l)), B = {};
+    R.Fragment = N, R.jsx = function(e, t, c) {
+      var u = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return S(
         e,
-        r,
-        a,
+        t,
+        c,
         !1,
-        l ? Error("react-stack-top-frame") : J,
-        l ? I(o(e)) : q
+        u ? Error("react-stack-top-frame") : J,
+        u ? z(i(e)) : q
       );
-    }, E.jsxs = function(e, r, a) {
-      var l = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return k(
+    }, R.jsxs = function(e, t, c) {
+      var u = 1e4 > I.recentlyCreatedOwnerStacks++;
+      return S(
         e,
-        r,
-        a,
+        t,
+        c,
         !0,
-        l ? Error("react-stack-top-frame") : J,
-        l ? I(o(e)) : q
+        u ? Error("react-stack-top-frame") : J,
+        u ? z(i(e)) : q
       );
     };
-  })()), E;
+  })()), R;
 }
-var B;
-function fe() {
-  return B || (B = 1, process.env.NODE_ENV === "production" ? A.exports = ue() : A.exports = de()), A.exports;
+var X;
+function ge() {
+  return X || (X = 1, process.env.NODE_ENV === "production" ? P.exports = fe() : P.exports = pe()), P.exports;
 }
-var i = fe();
-const pe = `:root {
+var r = ge();
+const me = `:root {
   --background: 0 0% 100%;
   --foreground: 222.2 84% 4.9%;
 
@@ -732,195 +732,326 @@ const pe = `:root {
   border-color: hsl(var(--primary));
   color: hsl(var(--primary-foreground));
 }
+
+/* =============================================================================
+   Media Select
+   ============================================================================= */
+
+.settings__media-select {
+  position: relative;
+  display: inline-block;
+}
+
+.settings__media-select-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 120px;
+  height: 120px;
+  padding: 0;
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+  cursor: pointer;
+  overflow: hidden;
+}
+
+.settings__media-select-trigger:hover {
+  border-color: hsl(var(--primary));
+}
+
+.settings__media-select-trigger:focus {
+  outline: 2px solid hsl(var(--primary));
+  outline-offset: 2px;
+}
+
+.settings__media-select-trigger:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.settings__media-select-trigger:disabled:hover {
+  border-color: hsl(var(--border));
+}
+
+.settings__media-select-thumbnail {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.settings__media-select-thumbnail--empty {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: hsl(var(--muted));
+  color: hsl(var(--muted-foreground));
+}
+
+.settings__media-select-thumbnail--empty svg {
+  width: 32px;
+  height: 32px;
+}
+
+.settings__media-select-clear {
+  position: absolute;
+  top: -8px;
+  right: -8px;
+  width: 24px;
+  height: 24px;
+  padding: 0;
+  background: hsl(var(--destructive));
+  border: 2px solid hsl(var(--background));
+  border-radius: 50%;
+  cursor: pointer;
+  color: hsl(var(--destructive-foreground));
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: transform 0.15s ease;
+}
+
+.settings__media-select-clear:hover {
+  transform: scale(1.1);
+}
+
+.settings__media-select-clear svg {
+  width: 12px;
+  height: 12px;
+}
+
+/* Note: Modal styles are defined in Studio-UI where the picker modal is rendered */
 `;
 let Q = !1;
-function ge() {
+function Z() {
   if (Q || typeof document > "u")
     return;
   const n = document.createElement("style");
-  n.setAttribute("data-telemetryos-sdk", ""), n.textContent = pe, document.head.appendChild(n), Q = !0;
+  n.setAttribute("data-telemetryos-sdk", ""), n.textContent = me, document.head.appendChild(n), Q = !0;
 }
-ge();
-function _e({ children: n }) {
-  return x(() => {
-    const s = window.matchMedia("(prefers-color-scheme: dark)"), o = (p) => {
+Z();
+function ye({ children: n }) {
+  return y(() => {
+    const s = window.matchMedia("(prefers-color-scheme: dark)"), i = (p) => {
       let f;
       p === "system" ? f = s.matches : f = p !== "light", f ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
-    }, c = $().subscribeColorScheme(o);
-    c.catch(console.error);
-    const d = () => {
-      $().getColorScheme().then(o).catch(console.error);
+    }, a = $().subscribeColorScheme(i);
+    a.catch(console.error);
+    const l = () => {
+      $().getColorScheme().then(i).catch(console.error);
     };
-    return s.addEventListener("change", d), () => {
-      c.then(() => $().unsubscribeColorScheme(o)).catch(console.error), s.removeEventListener("change", d);
+    return s.addEventListener("change", l), () => {
+      a.then(() => $().unsubscribeColorScheme(i)).catch(console.error), s.removeEventListener("change", l);
     };
-  }, []), i.jsx("div", { className: "settings__container", children: n });
-}
-function be({ children: n }) {
-  return i.jsx("div", { className: "settings__box", children: n });
-}
-function xe({ children: n }) {
-  return i.jsx("div", { className: "settings__heading", children: n });
-}
-function ve() {
-  return i.jsx("hr", { className: "settings__divider" });
+  }, []), r.jsx("div", { className: "settings__container", children: n });
 }
 function ke({ children: n }) {
-  return i.jsx("label", { className: "settings__field", children: n });
-}
-function ye({ children: n }) {
-  return i.jsx("div", { className: "settings__label", children: n });
-}
-function Ee({ children: n }) {
-  return i.jsx("div", { className: "settings__hint", children: n });
+  return r.jsx("div", { className: "settings__box", children: n });
 }
 function we({ children: n }) {
-  return i.jsx("div", { className: "settings__error", children: n });
+  return r.jsx("div", { className: "settings__heading", children: n });
 }
-function Se({ children: n }) {
-  return i.jsx("div", { className: "settings__input-frame", children: n });
+function Se() {
+  return r.jsx("hr", { className: "settings__divider" });
 }
-function Re({ children: n }) {
-  return i.jsx("div", { className: "settings__textarea-frame", children: n });
+function Ee({ children: n }) {
+  return r.jsx("label", { className: "settings__field", children: n });
 }
-function Te({ children: n }) {
-  return i.jsx("div", { className: "settings__select-frame", children: n });
+function Re({ children: n }) {
+  return r.jsx("div", { className: "settings__label", children: n });
 }
 function je({ children: n }) {
-  return i.jsx("div", { className: "settings__slider-frame", children: n });
+  return r.jsx("div", { className: "settings__hint", children: n });
+}
+function Te({ children: n }) {
+  return r.jsx("div", { className: "settings__error", children: n });
 }
 function Ne({ children: n }) {
-  return i.jsx("div", { className: "settings__slider-ruler", children: n });
+  return r.jsx("div", { className: "settings__input-frame", children: n });
 }
 function Ae({ children: n }) {
-  return i.jsx("div", { className: "settings__color-frame", children: n });
-}
-function Oe({ children: n }) {
-  return i.jsx("label", { className: "settings__switch-frame", children: n });
+  return r.jsx("div", { className: "settings__textarea-frame", children: n });
 }
 function Ce({ children: n }) {
-  return i.jsx("span", { className: "settings__switch-label", children: n });
+  return r.jsx("div", { className: "settings__select-frame", children: n });
+}
+function Oe({ children: n }) {
+  return r.jsx("div", { className: "settings__slider-frame", children: n });
 }
 function Pe({ children: n }) {
-  return i.jsx("label", { className: "settings__checkbox-frame", children: n });
+  return r.jsx("div", { className: "settings__slider-ruler", children: n });
 }
 function Fe({ children: n }) {
-  return i.jsx("span", { className: "settings__checkbox-label", children: n });
-}
-function ze({ children: n }) {
-  return i.jsx("label", { className: "settings__radio-frame", children: n });
+  return r.jsx("div", { className: "settings__color-frame", children: n });
 }
 function Le({ children: n }) {
-  return i.jsx("span", { className: "settings__radio-label", children: n });
+  return r.jsx("label", { className: "settings__switch-frame", children: n });
 }
 function Ie({ children: n }) {
-  return i.jsx("div", { className: "settings__button-frame", children: n });
+  return r.jsx("span", { className: "settings__switch-label", children: n });
+}
+function ze({ children: n }) {
+  return r.jsx("label", { className: "settings__checkbox-frame", children: n });
+}
+function Ue({ children: n }) {
+  return r.jsx("span", { className: "settings__checkbox-label", children: n });
+}
+function Ye({ children: n }) {
+  return r.jsx("label", { className: "settings__radio-frame", children: n });
 }
-function S(n, t, s, o = 0) {
-  var c;
-  const [d, p] = w(!0), f = ce(!0), [P] = w(s), [v, k] = w(void 0), [g, h] = w(void 0), _ = le((m) => {
-    f.current ? console.error("Cannot set store value while loading. Destructure and check the first element of the returned tuple.") : h(m);
+function $e({ children: n }) {
+  return r.jsx("span", { className: "settings__radio-label", children: n });
+}
+function Me({ children: n }) {
+  return r.jsx("div", { className: "settings__button-frame", children: n });
+}
+Z();
+function De({ value: n, onChange: o, disabled: s = !1, placeholder: i = "Select media...", accept: a }) {
+  const [l, p] = v(!1), f = async () => {
+    if (!(s || l)) {
+      p(!0);
+      try {
+        const g = await de().openPicker({
+          accept: a,
+          currentValue: n ?? void 0
+        });
+        g && o(g);
+      } catch (g) {
+        console.error("Failed to open media picker:", g);
+      } finally {
+        p(!1);
+      }
+    }
+  }, w = (g) => {
+    g.stopPropagation(), o(null);
+  };
+  return r.jsxs("div", { className: "settings__media-select", children: [r.jsx("button", { type: "button", className: `settings__media-select-trigger ${n ? "settings__media-select-trigger--has-value" : ""}`, onClick: f, disabled: s || l, title: n ? `${n.name} - Click to change` : i, children: n ? r.jsx("img", { src: n.thumbnailUrl, alt: n.name, className: "settings__media-select-thumbnail" }) : r.jsx("div", { className: "settings__media-select-thumbnail settings__media-select-thumbnail--empty", children: l ? r.jsx(be, {}) : r.jsx(_e, {}) }) }), n && !s && r.jsx("button", { type: "button", className: "settings__media-select-clear", onClick: w, title: "Remove image", children: r.jsx(he, {}) })] });
+}
+function he() {
+  return r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [r.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), r.jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] });
+}
+function _e() {
+  return r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [r.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }), r.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }), r.jsx("polyline", { points: "21 15 16 10 5 21" })] });
+}
+function be() {
+  return r.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [r.jsx("circle", { cx: "12", cy: "12", r: "10", opacity: "0.25" }), r.jsx("path", { d: "M12 2a10 10 0 0 1 10 10", strokeLinecap: "round", children: r.jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 12 12", to: "360 12 12", dur: "1s", repeatCount: "indefinite" }) })] });
+}
+function k(n, o, s, i = 0) {
+  var a;
+  const [l, p] = v(!0), f = le(!0), [w] = v(s), [g, S] = v(void 0), [m, _] = v(void 0), b = ue((h) => {
+    f.current ? console.error("Cannot set store value while loading. Destructure and check the first element of the returned tuple.") : _(h);
   }, []);
-  return x(() => {
-    p(!0), f.current = !0, k(void 0), h(void 0);
-    const m = (T) => {
-      k((j) => JSON.stringify(j) === JSON.stringify(T) ? j : T), p(!1), f.current = !1;
+  return y(() => {
+    p(!0), f.current = !0, S(void 0), _(void 0);
+    const h = (A) => {
+      S((C) => JSON.stringify(C) === JSON.stringify(A) ? C : A), p(!1), f.current = !1;
     };
-    return n.subscribe(t, m).catch(console.error), () => {
-      n.unsubscribe(t, m).catch(console.error);
+    return n.subscribe(o, h).catch(console.error), () => {
+      n.unsubscribe(o, h).catch(console.error);
     };
-  }, [n, t]), x(() => {
-    if (!f.current && typeof g < "u") {
-      const m = setTimeout(() => {
-        n.set(t, g);
-      }, o);
-      return () => clearTimeout(m);
+  }, [n, o]), y(() => {
+    if (!f.current && typeof m < "u") {
+      const h = setTimeout(() => {
+        n.set(o, m);
+      }, i);
+      return () => clearTimeout(h);
     }
-  }, [g, n, t, o]), x(() => {
-    if (JSON.stringify(g) === JSON.stringify(v)) {
-      const m = setTimeout(() => {
-        h(void 0);
+  }, [m, n, o, i]), y(() => {
+    if (JSON.stringify(m) === JSON.stringify(g)) {
+      const h = setTimeout(() => {
+        _(void 0);
       }, 500);
-      return () => clearTimeout(m);
+      return () => clearTimeout(h);
     }
-  }, [g, v]), [d, (c = g ?? v) !== null && c !== void 0 ? c : P, _];
+  }, [m, g]), [l, (a = m ?? g) !== null && a !== void 0 ? a : w, b];
 }
-function Ye(n, t) {
-  return (s, o = 0) => S(s, n, t, o);
+function We(n, o) {
+  return (s, i = 0) => k(s, n, o, i);
 }
-function Ue(n, t) {
+function Ve(n, o) {
   return (s = 0) => {
-    const o = O(() => C().instance, []);
-    return S(o, n, t, s);
+    const i = j(() => T().instance, []);
+    return k(i, n, o, s);
   };
 }
-function $e(n, t) {
+function Je(n, o) {
   return (s = 0) => {
-    const o = O(() => C().application, []);
-    return S(o, n, t, s);
+    const i = j(() => T().application, []);
+    return k(i, n, o, s);
   };
 }
-function De(n, t) {
+function qe(n, o) {
   return (s = 0) => {
-    const o = O(() => C().device, []);
-    return S(o, n, t, s);
+    const i = j(() => T().device, []);
+    return k(i, n, o, s);
+  };
+}
+function Be(n, o, s) {
+  return (i = 0) => {
+    const a = j(() => T().shared(s), [s]);
+    return k(a, n, o, i);
   };
 }
-function Me(n, t, s) {
-  return (o = 0) => {
-    const c = O(() => C().shared(s), []);
-    return S(c, n, t, o);
+function He(n, o) {
+  return (s, i = 0) => {
+    const a = j(() => T().shared(s), [s]);
+    return k(a, n, o, i);
   };
 }
-function We(n) {
-  x(() => {
+function Ge(n) {
+  y(() => {
     document.documentElement.style.fontSize = `calc(1vmax * ${n})`;
   }, [n]);
 }
-function Ve() {
-  const [n, t] = w(() => window.innerWidth / window.innerHeight);
-  return x(() => {
-    const o = () => {
-      t(window.innerWidth / window.innerHeight);
+function Xe() {
+  const [n, o] = v(() => window.innerWidth / window.innerHeight);
+  return y(() => {
+    const i = () => {
+      o(window.innerWidth / window.innerHeight);
     };
-    return window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
+    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
   }, []), n;
 }
-function Je(n, t) {
+function Qe(n, o) {
   return {
-    uiWidthFactor: Math.min(t, 1) / n,
-    uiHeightFactor: Math.max(t, 1) / n
+    uiWidthFactor: Math.min(o, 1) / n,
+    uiHeightFactor: Math.max(o, 1) / n
   };
 }
 export {
-  be as SettingsBox,
-  Ie as SettingsButtonFrame,
-  Pe as SettingsCheckboxFrame,
-  Fe as SettingsCheckboxLabel,
-  Ae as SettingsColorFrame,
-  _e as SettingsContainer,
-  ve as SettingsDivider,
-  we as SettingsError,
-  ke as SettingsField,
-  xe as SettingsHeading,
-  Ee as SettingsHint,
-  Se as SettingsInputFrame,
-  ye as SettingsLabel,
-  ze as SettingsRadioFrame,
-  Le as SettingsRadioLabel,
-  Te as SettingsSelectFrame,
-  je as SettingsSliderFrame,
-  Ne as SettingsSliderRuler,
-  Oe as SettingsSwitchFrame,
-  Ce as SettingsSwitchLabel,
-  Re as SettingsTextAreaFrame,
-  $e as createUseApplicationStoreState,
-  De as createUseDeviceStoreState,
-  Ue as createUseInstanceStoreState,
-  Me as createUseSharedStoreState,
-  Ye as createUseStoreState,
-  S as useStoreState,
-  Ve as useUiAspectRatio,
-  Je as useUiResponsiveFactors,
-  We as useUiScaleToSetRem
+  ke as SettingsBox,
+  Me as SettingsButtonFrame,
+  ze as SettingsCheckboxFrame,
+  Ue as SettingsCheckboxLabel,
+  Fe as SettingsColorFrame,
+  ye as SettingsContainer,
+  Se as SettingsDivider,
+  Te as SettingsError,
+  Ee as SettingsField,
+  we as SettingsHeading,
+  je as SettingsHint,
+  Ne as SettingsInputFrame,
+  Re as SettingsLabel,
+  De as SettingsMediaSelect,
+  Ye as SettingsRadioFrame,
+  $e as SettingsRadioLabel,
+  Ce as SettingsSelectFrame,
+  Oe as SettingsSliderFrame,
+  Pe as SettingsSliderRuler,
+  Le as SettingsSwitchFrame,
+  Ie as SettingsSwitchLabel,
+  Ae as SettingsTextAreaFrame,
+  Je as createUseApplicationStoreState,
+  qe as createUseDeviceStoreState,
+  He as createUseDynamicNamespaceStoreState,
+  Ve as createUseInstanceStoreState,
+  Be as createUseSharedStoreState,
+  We as createUseStoreState,
+  k as useStoreState,
+  Xe as useUiAspectRatio,
+  Qe as useUiResponsiveFactors,
+  Ge as useUiScaleToSetRem
 };