@telemetryos/sdk 1.14.0 → 1.16.0

package/dist/react.js

@@ -1,5 +1,5 @@
-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";
+import ln, { useEffect as y, useState as _, useId as dn, useRef as un, useCallback as fn, useMemo as R } from "react";
+import { environment as Y, media as pn, store as N } from "./index.js";
 var P = { exports: {} }, E = {};
 /**
  * @license React
@@ -10,29 +10,29 @@ var P = { exports: {} }, E = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-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 G;
+function gn() {
+  if (G) return E;
+  G = 1;
+  var e = Symbol.for("react.transitional.element"), o = Symbol.for("react.fragment");
+  function i(s, a, c) {
     var p = null;
-    if (l !== void 0 && (p = "" + l), a.key !== void 0 && (p = "" + a.key), "key" in a) {
-      l = {};
+    if (c !== void 0 && (p = "" + c), a.key !== void 0 && (p = "" + a.key), "key" in a) {
+      c = {};
       for (var f in a)
-        f !== "key" && (l[f] = a[f]);
-    } else l = a;
-    return a = l.ref, {
-      $$typeof: n,
-      type: i,
+        f !== "key" && (c[f] = a[f]);
+    } else c = a;
+    return a = c.ref, {
+      $$typeof: e,
+      type: s,
       key: p,
       ref: a !== void 0 ? a : null,
-      props: l
+      props: c
     };
   }
-  return E.Fragment = o, E.jsx = s, E.jsxs = s, E;
+  return E.Fragment = o, E.jsx = i, E.jsxs = i, E;
 }
-var R = {};
+var j = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -42,243 +42,243 @@ var R = {};
  * 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 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 === se ? null : e.displayName || e.name || null;
-      if (typeof e == "string") return e;
-      switch (e) {
-        case N:
+var X;
+function mn() {
+  return X || (X = 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 T:
           return "Fragment";
-        case A:
+        case C:
           return "Profiler";
         case h:
           return "StrictMode";
-        case ne:
+        case en:
           return "Suspense";
-        case re:
+        case tn:
           return "SuspenseList";
-        case oe:
+        case sn:
           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 M:
+        ), n.$$typeof) {
+          case D:
             return "Portal";
           case K:
-            return e.displayName || "Context";
-          case C:
-            return (e._context.displayName || "Context") + ".Consumer";
-          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;
+            return n.displayName || "Context";
+          case A:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case nn:
+            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 z:
+            r = n._payload, n = n._init;
             try {
-              return n(e(t));
+              return e(n(r));
             } catch {
             }
         }
       return null;
     }
-    function o(e) {
-      return "" + e;
+    function o(n) {
+      return "" + n;
     }
-    function s(e) {
+    function i(n) {
       try {
-        o(e);
-        var t = !1;
+        o(n);
+        var r = !1;
       } catch {
-        t = !0;
+        r = !0;
       }
-      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,
+      if (r) {
+        r = console;
+        var l = r.error, d = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return l.call(
+          r,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          u
-        ), o(e);
+          d
+        ), o(n);
       }
     }
-    function i(e) {
-      if (e === N) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === L)
+    function s(n) {
+      if (n === T) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === z)
         return "<...>";
       try {
-        var t = n(e);
-        return t ? "<" + t + ">" : "<...>";
+        var r = e(n);
+        return r ? "<" + r + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function a() {
-      var e = I.A;
-      return e === null ? null : e.getOwner();
+      var n = F.A;
+      return n === null ? null : n.getOwner();
     }
-    function l() {
+    function c() {
       return Error("react-stack-top-frame");
     }
-    function p(e) {
-      if (D.call(e, "key")) {
-        var t = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (t && t.isReactWarning) return !1;
+    function p(n) {
+      if (W.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 f(e, t) {
-      function c() {
-        W || (W = !0, console.error(
+    function f(n, r) {
+      function l() {
+        V || (V = !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)",
-          t
+          r
         ));
       }
-      c.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: c,
+      l.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: l,
         configurable: !0
       });
     }
     function w() {
-      var e = n(this.type);
-      return V[e] || (V[e] = !0, console.error(
+      var n = e(this.type);
+      return J[n] || (J[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 g(e, t, c, u, O, U) {
-      var d = c.ref;
-      return e = {
-        $$typeof: F,
-        type: e,
-        key: t,
-        props: c,
-        _owner: u
-      }, (d !== void 0 ? d : null) !== null ? Object.defineProperty(e, "ref", {
+    function g(n, r, l, d, O, U) {
+      var u = l.ref;
+      return n = {
+        $$typeof: I,
+        type: n,
+        key: r,
+        props: l,
+        _owner: d
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
         get: w
-      }) : 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: O
-      }), Object.defineProperty(e, "_debugTask", {
+      }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: U
-      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    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);
+    function S(n, r, l, d, O, U) {
+      var u = r.children;
+      if (u !== void 0)
+        if (d)
+          if (an(u)) {
+            for (d = 0; d < u.length; d++)
+              m(u[d]);
+            Object.freeze && Object.freeze(u);
           } 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 m(d);
-      if (D.call(t, "key")) {
-        d = n(e);
-        var x = Object.keys(t).filter(function(ae) {
-          return ae !== "key";
+        else m(u);
+      if (W.call(r, "key")) {
+        u = e(n);
+        var v = Object.keys(r).filter(function(cn) {
+          return cn !== "key";
         });
-        u = 0 < x.length ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}", B[d + u] || (x = 0 < x.length ? "{" + x.join(": ..., ") + ": ...}" : "{}", console.error(
+        d = 0 < v.length ? "{key: someKey, " + v.join(": ..., ") + ": ...}" : "{key: someKey}", H[u + d] || (v = 0 < v.length ? "{" + v.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} />`,
-          u,
           d,
-          x,
-          d
-        ), B[d + u] = !0);
+          u,
+          v,
+          u
+        ), H[u + d] = !0);
       }
-      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
+      if (u = null, l !== void 0 && (i(l), u = "" + l), p(r) && (i(r.key), u = "" + r.key), "key" in r) {
+        l = {};
+        for (var $ in r)
+          $ !== "key" && (l[$] = r[$]);
+      } else l = r;
+      return u && f(
+        l,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
       ), g(
-        e,
-        d,
-        c,
+        n,
+        u,
+        l,
         a(),
         O,
         U
       );
     }
-    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 m(n) {
+      x(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === z && (n._payload.status === "fulfilled" ? x(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
     }
-    function _(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === F;
+    function x(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === I;
     }
-    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() {
+    var b = ln, I = Symbol.for("react.transitional.element"), D = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), h = Symbol.for("react.strict_mode"), C = Symbol.for("react.profiler"), A = Symbol.for("react.consumer"), K = Symbol.for("react.context"), nn = Symbol.for("react.forward_ref"), en = Symbol.for("react.suspense"), tn = Symbol.for("react.suspense_list"), rn = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), sn = Symbol.for("react.activity"), on = Symbol.for("react.client.reference"), F = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, W = Object.prototype.hasOwnProperty, an = Array.isArray, L = 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 W, V = {}, J = b.react_stack_bottom_frame.bind(
+    var V, J = {}, q = 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++;
+      c
+    )(), B = L(s(c)), H = {};
+    j.Fragment = T, j.jsx = function(n, r, l) {
+      var d = 1e4 > F.recentlyCreatedOwnerStacks++;
       return S(
-        e,
-        t,
-        c,
+        n,
+        r,
+        l,
         !1,
-        u ? Error("react-stack-top-frame") : J,
-        u ? z(i(e)) : q
+        d ? Error("react-stack-top-frame") : q,
+        d ? L(s(n)) : B
       );
-    }, R.jsxs = function(e, t, c) {
-      var u = 1e4 > I.recentlyCreatedOwnerStacks++;
+    }, j.jsxs = function(n, r, l) {
+      var d = 1e4 > F.recentlyCreatedOwnerStacks++;
       return S(
-        e,
-        t,
-        c,
+        n,
+        r,
+        l,
         !0,
-        u ? Error("react-stack-top-frame") : J,
-        u ? z(i(e)) : q
+        d ? Error("react-stack-top-frame") : q,
+        d ? L(s(n)) : B
       );
     };
-  })()), R;
+  })()), j;
 }
-var X;
-function ge() {
-  return X || (X = 1, process.env.NODE_ENV === "production" ? P.exports = fe() : P.exports = pe()), P.exports;
+var Q;
+function hn() {
+  return Q || (Q = 1, process.env.NODE_ENV === "production" ? P.exports = gn() : P.exports = mn()), P.exports;
 }
-var r = ge();
-const me = `:root {
+var t = hn();
+const _n = `:root {
   --background: 0 0% 100%;
   --foreground: 222.2 84% 4.9%;
 
@@ -824,99 +824,169 @@ const me = `:root {
 }
 
 /* Note: Modal styles are defined in Studio-UI where the picker modal is rendered */
+
+/* =============================================================================
+   Sections (collapsible accordion)
+   ============================================================================= */
+
+.settings__section {
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  overflow: hidden;
+}
+
+.settings__section-header {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  padding: 12px 16px;
+  background: hsl(var(--card));
+  border: none;
+  color: hsl(var(--foreground));
+  font-size: 14px;
+  font-weight: 600;
+  font-family: inherit;
+  cursor: pointer;
+  gap: 8px;
+}
+
+.settings__section-header:hover {
+  background: hsl(var(--accent));
+}
+
+.settings__section-arrow {
+  display: inline-block;
+  font-size: 10px;
+  color: hsl(var(--muted-foreground));
+  transition: transform 0.2s ease;
+  transform: rotate(0deg);
+}
+
+.settings__section-arrow--open {
+  transform: rotate(90deg);
+}
+
+.settings__section-title {
+  flex: 1;
+  text-align: left;
+}
+
+.settings__section-body {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows 0.2s ease;
+}
+
+.settings__section-body--open {
+  grid-template-rows: 1fr;
+}
+
+.settings__section-content {
+  overflow: hidden;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  padding: 0 16px;
+  transition: padding 0.2s ease;
+}
+
+.settings__section-body--open .settings__section-content {
+  padding: 16px;
+}
 `;
-let Q = !1;
-function Z() {
-  if (Q || typeof document > "u")
+let Z = !1;
+function M() {
+  if (Z || typeof document > "u")
     return;
-  const n = document.createElement("style");
-  n.setAttribute("data-telemetryos-sdk", ""), n.textContent = me, document.head.appendChild(n), Q = !0;
+  const e = document.createElement("style");
+  e.setAttribute("data-telemetryos-sdk", ""), e.textContent = _n, document.head.appendChild(e), Z = !0;
 }
-Z();
-function ye({ children: n }) {
+M();
+function wn({ children: e }) {
   return y(() => {
-    const s = window.matchMedia("(prefers-color-scheme: dark)"), i = (p) => {
+    const i = window.matchMedia("(prefers-color-scheme: dark)"), s = (p) => {
       let f;
-      p === "system" ? f = s.matches : f = p !== "light", f ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
-    }, a = $().subscribeColorScheme(i);
+      p === "system" ? f = i.matches : f = p !== "light", f ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark");
+    }, a = Y().subscribeColorScheme(s);
     a.catch(console.error);
-    const l = () => {
-      $().getColorScheme().then(i).catch(console.error);
+    const c = () => {
+      Y().getColorScheme().then(s).catch(console.error);
     };
-    return s.addEventListener("change", l), () => {
-      a.then(() => $().unsubscribeColorScheme(i)).catch(console.error), s.removeEventListener("change", l);
+    return i.addEventListener("change", c), () => {
+      a.then(() => Y().unsubscribeColorScheme(s)).catch(console.error), i.removeEventListener("change", c);
     };
-  }, []), r.jsx("div", { className: "settings__container", children: n });
+  }, []), t.jsx("div", { className: "settings__container", children: e });
 }
-function ke({ children: n }) {
-  return r.jsx("div", { className: "settings__box", children: n });
+function Sn({ children: e }) {
+  return t.jsx("div", { className: "settings__box", children: e });
 }
-function we({ children: n }) {
-  return r.jsx("div", { className: "settings__heading", children: n });
+function En({ children: e }) {
+  return t.jsx("div", { className: "settings__heading", children: e });
 }
-function Se() {
-  return r.jsx("hr", { className: "settings__divider" });
+function jn() {
+  return t.jsx("hr", { className: "settings__divider" });
 }
-function Ee({ children: n }) {
-  return r.jsx("label", { className: "settings__field", children: n });
+function Rn({ children: e }) {
+  return t.jsx("label", { className: "settings__field", children: e });
 }
-function Re({ children: n }) {
-  return r.jsx("div", { className: "settings__label", children: n });
+function Nn({ children: e }) {
+  return t.jsx("div", { className: "settings__label", children: e });
 }
-function je({ children: n }) {
-  return r.jsx("div", { className: "settings__hint", children: n });
+function Tn({ children: e }) {
+  return t.jsx("div", { className: "settings__hint", children: e });
 }
-function Te({ children: n }) {
-  return r.jsx("div", { className: "settings__error", children: n });
+function Cn({ children: e }) {
+  return t.jsx("div", { className: "settings__error", children: e });
 }
-function Ne({ children: n }) {
-  return r.jsx("div", { className: "settings__input-frame", children: n });
+function An({ children: e }) {
+  return t.jsx("div", { className: "settings__input-frame", children: e });
 }
-function Ae({ children: n }) {
-  return r.jsx("div", { className: "settings__textarea-frame", children: n });
+function On({ children: e }) {
+  return t.jsx("div", { className: "settings__textarea-frame", children: e });
 }
-function Ce({ children: n }) {
-  return r.jsx("div", { className: "settings__select-frame", children: n });
+function Pn({ children: e }) {
+  return t.jsx("div", { className: "settings__select-frame", children: e });
 }
-function Oe({ children: n }) {
-  return r.jsx("div", { className: "settings__slider-frame", children: n });
+function In({ children: e }) {
+  return t.jsx("div", { className: "settings__slider-frame", children: e });
 }
-function Pe({ children: n }) {
-  return r.jsx("div", { className: "settings__slider-ruler", children: n });
+function zn({ children: e }) {
+  return t.jsx("div", { className: "settings__slider-ruler", children: e });
 }
-function Fe({ children: n }) {
-  return r.jsx("div", { className: "settings__color-frame", children: n });
+function Fn({ children: e }) {
+  return t.jsx("div", { className: "settings__color-frame", children: e });
 }
-function Le({ children: n }) {
-  return r.jsx("label", { className: "settings__switch-frame", children: n });
+function Ln({ children: e }) {
+  return t.jsx("label", { className: "settings__switch-frame", children: e });
 }
-function Ie({ children: n }) {
-  return r.jsx("span", { className: "settings__switch-label", children: n });
+function Un({ children: e }) {
+  return t.jsx("span", { className: "settings__switch-label", children: e });
 }
-function ze({ children: n }) {
-  return r.jsx("label", { className: "settings__checkbox-frame", children: n });
+function $n({ children: e }) {
+  return t.jsx("label", { className: "settings__checkbox-frame", children: e });
 }
-function Ue({ children: n }) {
-  return r.jsx("span", { className: "settings__checkbox-label", children: n });
+function Yn({ children: e }) {
+  return t.jsx("span", { className: "settings__checkbox-label", children: e });
 }
-function Ye({ children: n }) {
-  return r.jsx("label", { className: "settings__radio-frame", children: n });
+function Mn({ children: e }) {
+  return t.jsx("label", { className: "settings__radio-frame", children: e });
 }
-function $e({ children: n }) {
-  return r.jsx("span", { className: "settings__radio-label", children: n });
+function Dn({ children: e }) {
+  return t.jsx("span", { className: "settings__radio-label", children: e });
 }
-function Me({ children: n }) {
-  return r.jsx("div", { className: "settings__button-frame", children: n });
+function Wn({ children: e }) {
+  return t.jsx("div", { className: "settings__button-frame", children: e });
 }
-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)) {
+M();
+function Vn({ value: e, onChange: o, disabled: i = !1, placeholder: s = "Select media...", accept: a }) {
+  const [c, p] = _(!1), f = async () => {
+    if (!(i || c)) {
       p(!0);
       try {
-        const g = await de().openPicker({
+        const g = await pn().openPicker({
           accept: a,
-          currentValue: n ?? void 0
+          currentValue: e ?? void 0
         });
         g && o(g);
       } catch (g) {
@@ -928,130 +998,136 @@ function De({ value: n, onChange: o, disabled: s = !1, placeholder: i = "Select
   }, 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, {}) })] });
+  return t.jsxs("div", { className: "settings__media-select", children: [t.jsx("button", { type: "button", className: `settings__media-select-trigger ${e ? "settings__media-select-trigger--has-value" : ""}`, onClick: f, disabled: i || c, title: e ? `${e.name} - Click to change` : s, children: e ? t.jsx("img", { src: e.thumbnailUrl, alt: e.name, className: "settings__media-select-thumbnail" }) : t.jsx("div", { className: "settings__media-select-thumbnail settings__media-select-thumbnail--empty", children: c ? t.jsx(vn, {}) : t.jsx(bn, {}) }) }), e && !i && t.jsx("button", { type: "button", className: "settings__media-select-clear", onClick: w, title: "Remove image", children: t.jsx(xn, {}) })] });
 }
-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 xn() {
+  return t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [t.jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), t.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 bn() {
+  return t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [t.jsx("rect", { x: "3", y: "3", width: "18", height: "18", rx: "2", ry: "2" }), t.jsx("circle", { cx: "8.5", cy: "8.5", r: "1.5" }), t.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 vn() {
+  return t.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [t.jsx("circle", { cx: "12", cy: "12", r: "10", opacity: "0.25" }), t.jsx("path", { d: "M12 2a10 10 0 0 1 10 10", strokeLinecap: "round", children: t.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) {
+M();
+function Jn({ title: e, defaultOpen: o = !0, children: i }) {
+  const [s, a] = _(o), c = dn();
+  return t.jsxs("div", { className: "settings__section", children: [t.jsxs("button", { type: "button", className: "settings__section-header", onClick: () => a(!s), "aria-expanded": s, "aria-controls": c, children: [t.jsx("span", { className: `settings__section-arrow ${s ? "settings__section-arrow--open" : ""}`, children: "▶" }), t.jsx("span", { className: "settings__section-title", children: e })] }), t.jsx("div", { id: c, className: `settings__section-body ${s ? "settings__section-body--open" : ""}`, ...!s && { inert: !0 }, children: t.jsx("div", { className: "settings__section-content", children: i }) })] });
+}
+function k(e, o, i, s = 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);
+  const [c, p] = _(!0), f = un(!0), [w] = _(i), [g, S] = _(void 0), [m, x] = _(void 0), b = fn((h) => {
+    f.current ? console.error("Cannot set store value while loading. Destructure and check the first element of the returned tuple.") : x(h);
   }, []);
   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;
+    p(!0), f.current = !0, S(void 0), x(void 0);
+    const h = (C) => {
+      S((A) => JSON.stringify(A) === JSON.stringify(C) ? A : C), p(!1), f.current = !1;
     };
-    return n.subscribe(o, h).catch(console.error), () => {
-      n.unsubscribe(o, h).catch(console.error);
+    return e.subscribe(o, h).catch(console.error), () => {
+      e.unsubscribe(o, h).catch(console.error);
     };
-  }, [n, o]), y(() => {
+  }, [e, o]), y(() => {
     if (!f.current && typeof m < "u") {
       const h = setTimeout(() => {
-        n.set(o, m);
-      }, i);
+        e.set(o, m);
+      }, s);
       return () => clearTimeout(h);
     }
-  }, [m, n, o, i]), y(() => {
+  }, [m, e, o, s]), y(() => {
     if (JSON.stringify(m) === JSON.stringify(g)) {
       const h = setTimeout(() => {
-        _(void 0);
+        x(void 0);
       }, 500);
       return () => clearTimeout(h);
     }
-  }, [m, g]), [l, (a = m ?? g) !== null && a !== void 0 ? a : w, b];
+  }, [m, g]), [c, (a = m ?? g) !== null && a !== void 0 ? a : w, b];
 }
-function We(n, o) {
-  return (s, i = 0) => k(s, n, o, i);
+function qn(e, o) {
+  return (i, s = 0) => k(i, e, o, s);
 }
-function Ve(n, o) {
-  return (s = 0) => {
-    const i = j(() => T().instance, []);
-    return k(i, n, o, s);
+function Bn(e, o) {
+  return (i = 0) => {
+    const s = R(() => N().instance, []);
+    return k(s, e, o, i);
   };
 }
-function Je(n, o) {
-  return (s = 0) => {
-    const i = j(() => T().application, []);
-    return k(i, n, o, s);
+function Hn(e, o) {
+  return (i = 0) => {
+    const s = R(() => N().application, []);
+    return k(s, e, o, i);
   };
 }
-function qe(n, o) {
-  return (s = 0) => {
-    const i = j(() => T().device, []);
-    return k(i, n, o, s);
+function Gn(e, o) {
+  return (i = 0) => {
+    const s = R(() => N().device, []);
+    return k(s, e, o, i);
   };
 }
-function Be(n, o, s) {
-  return (i = 0) => {
-    const a = j(() => T().shared(s), [s]);
-    return k(a, n, o, i);
+function Xn(e, o, i) {
+  return (s = 0) => {
+    const a = R(() => N().shared(i), [i]);
+    return k(a, e, o, s);
   };
 }
-function He(n, o) {
-  return (s, i = 0) => {
-    const a = j(() => T().shared(s), [s]);
-    return k(a, n, o, i);
+function Qn(e, o) {
+  return (i, s = 0) => {
+    const a = R(() => N().shared(i), [i]);
+    return k(a, e, o, s);
   };
 }
-function Ge(n) {
+function Zn(e) {
   y(() => {
-    document.documentElement.style.fontSize = `calc(1vmax * ${n})`;
-  }, [n]);
+    document.documentElement.style.fontSize = `calc(1vmax * ${e})`;
+  }, [e]);
 }
-function Xe() {
-  const [n, o] = v(() => window.innerWidth / window.innerHeight);
+function Kn() {
+  const [e, o] = _(() => window.innerWidth / window.innerHeight);
   return y(() => {
-    const i = () => {
+    const s = () => {
       o(window.innerWidth / window.innerHeight);
     };
-    return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
-  }, []), n;
+    return window.addEventListener("resize", s), () => window.removeEventListener("resize", s);
+  }, []), e;
 }
-function Qe(n, o) {
+function ne(e, o) {
   return {
-    uiWidthFactor: Math.min(o, 1) / n,
-    uiHeightFactor: Math.max(o, 1) / n
+    uiWidthFactor: Math.min(o, 1) / e,
+    uiHeightFactor: Math.max(o, 1) / e
   };
 }
 export {
-  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,
+  Sn as SettingsBox,
+  Wn as SettingsButtonFrame,
+  $n as SettingsCheckboxFrame,
+  Yn as SettingsCheckboxLabel,
+  Fn as SettingsColorFrame,
+  wn as SettingsContainer,
+  jn as SettingsDivider,
+  Cn as SettingsError,
+  Rn as SettingsField,
+  En as SettingsHeading,
+  Tn as SettingsHint,
+  An as SettingsInputFrame,
+  Nn as SettingsLabel,
+  Vn as SettingsMediaSelect,
+  Mn as SettingsRadioFrame,
+  Dn as SettingsRadioLabel,
+  Jn as SettingsSection,
+  Pn as SettingsSelectFrame,
+  In as SettingsSliderFrame,
+  zn as SettingsSliderRuler,
+  Ln as SettingsSwitchFrame,
+  Un as SettingsSwitchLabel,
+  On as SettingsTextAreaFrame,
+  Hn as createUseApplicationStoreState,
+  Gn as createUseDeviceStoreState,
+  Qn as createUseDynamicNamespaceStoreState,
+  Bn as createUseInstanceStoreState,
+  Xn as createUseSharedStoreState,
+  qn as createUseStoreState,
   k as useStoreState,
-  Xe as useUiAspectRatio,
-  Qe as useUiResponsiveFactors,
-  Ge as useUiScaleToSetRem
+  Kn as useUiAspectRatio,
+  ne as useUiResponsiveFactors,
+  Zn as useUiScaleToSetRem
 };