@telemetryos/sdk 1.7.2 → 1.7.3

package/dist/react.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),C=require("./index.cjs");var E={exports:{}},k={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),C=require("./index.cjs");var E={exports:{}},k={};/**
  * @license React
  * react-jsx-runtime.production.js
  *
@@ -6,7 +6,7 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var D;function oe(){if(D)return k;D=1;var n=Symbol.for("react.transitional.element"),i=Symbol.for("react.fragment");function l(d,s,u){var f=null;if(u!==void 0&&(f=""+u),s.key!==void 0&&(f=""+s.key),"key"in s){u={};for(var b in s)b!=="key"&&(u[b]=s[b])}else u=s;return s=u.ref,{$$typeof:n,type:d,key:f,ref:s!==void 0?s:null,props:u}}return k.Fragment=i,k.jsx=l,k.jsxs=l,k}var S={};/**
+ */var $;function oe(){if($)return k;$=1;var n=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function l(c,i,d){var p=null;if(d!==void 0&&(p=""+d),i.key!==void 0&&(p=""+i.key),"key"in i){d={};for(var b in i)b!=="key"&&(d[b]=i[b])}else d=i;return i=d.ref,{$$typeof:n,type:c,key:p,ref:i!==void 0?i:null,props:d}}return k.Fragment=t,k.jsx=l,k.jsxs=l,k}var S={};/**
  * @license React
  * react-jsx-runtime.development.js
  *
@@ -14,12 +14,12 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var M;function ae(){return M||(M=1,process.env.NODE_ENV!=="production"&&(function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ne?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case R:return"Fragment";case B:return"Profiler";case J:return"StrictMode";case Q:return"Suspense";case Z:return"SuspenseList";case ee: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 q:return"Portal";case X:return e.displayName||"Context";case G:return(e._context.displayName||"Context")+".Consumer";case H:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case K:return r=e.displayName||null,r!==null?r:n(e.type)||"Memo";case T:r=e._payload,e=e._init;try{return n(e(r))}catch{}}return null}function i(e){return""+e}function l(e){try{i(e);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";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)}}function d(e){if(e===R)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===T)return"<...>";try{var r=n(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function s(){var e=j.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function f(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function t(){L||(L=!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",{get:t,configurable:!0})}function x(){var e=n(this.type);return I[e]||(I[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function w(e,r,t,o,y,A){var a=t.ref;return e={$$typeof:P,type:e,key:r,props:t,_owner:o},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:x}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function p(e,r,t,o,y,A){var a=r.children;if(a!==void 0)if(o)if(re(a)){for(o=0;o<a.length;o++)v(a[o]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else v(a);if(F.call(r,"key")){a=n(e);var _=Object.keys(r).filter(function(te){return te!=="key"});o=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",$[a+o]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+ */var D;function ae(){return D||(D=1,process.env.NODE_ENV!=="production"&&(function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ne?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case R:return"Fragment";case B:return"Profiler";case J:return"StrictMode";case Q:return"Suspense";case Z:return"SuspenseList";case ee: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 q:return"Portal";case X:return e.displayName||"Context";case G:return(e._context.displayName||"Context")+".Consumer";case H:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case K:return r=e.displayName||null,r!==null?r:n(e.type)||"Memo";case T:r=e._payload,e=e._init;try{return n(e(r))}catch{}}return null}function t(e){return""+e}function l(e){try{t(e);var r=!1}catch{r=!0}if(r){r=console;var o=r.error,a=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return o.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",a),t(e)}}function c(e){if(e===R)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===T)return"<...>";try{var r=n(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function i(){var e=j.A;return e===null?null:e.getOwner()}function d(){return Error("react-stack-top-frame")}function p(e){if(F.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function b(e,r){function o(){L||(L=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",r))}o.isReactWarning=!0,Object.defineProperty(e,"key",{get:o,configurable:!0})}function x(){var e=n(this.type);return z[e]||(z[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 w(e,r,o,a,y,N){var s=o.ref;return e={$$typeof:P,type:e,key:r,props:o,_owner:a},(s!==void 0?s:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:x}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:y}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function g(e,r,o,a,y,N){var s=r.children;if(s!==void 0)if(a)if(re(s)){for(a=0;a<s.length;a++)v(s[a]);Object.freeze&&Object.freeze(s)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else v(s);if(F.call(r,"key")){s=n(e);var _=Object.keys(r).filter(function(te){return te!=="key"});a=0<_.length?"{key: someKey, "+_.join(": ..., ")+": ...}":"{key: someKey}",U[s+a]||(_=0<_.length?"{"+_.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,o,a,_,a),$[a+o]=!0)}if(a=null,t!==void 0&&(l(t),a=""+t),f(r)&&(l(r.key),a=""+r.key),"key"in r){t={};for(var O in r)O!=="key"&&(t[O]=r[O])}else t=r;return a&&b(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),w(e,a,t,s(),y,A)}function v(e){g(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===T&&(e._payload.status==="fulfilled"?g(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function g(e){return typeof e=="object"&&e!==null&&e.$$typeof===P}var h=m,P=Symbol.for("react.transitional.element"),q=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),J=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),X=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"),T=Symbol.for("react.lazy"),ee=Symbol.for("react.activity"),ne=Symbol.for("react.client.reference"),j=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,re=Array.isArray,N=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var L,I={},Y=h.react_stack_bottom_frame.bind(h,u)(),z=N(d(u)),$={};S.Fragment=R,S.jsx=function(e,r,t){var o=1e4>j.recentlyCreatedOwnerStacks++;return p(e,r,t,!1,o?Error("react-stack-top-frame"):Y,o?N(d(e)):z)},S.jsxs=function(e,r,t){var o=1e4>j.recentlyCreatedOwnerStacks++;return p(e,r,t,!0,o?Error("react-stack-top-frame"):Y,o?N(d(e)):z)}})()),S}var V;function se(){return V||(V=1,process.env.NODE_ENV==="production"?E.exports=oe():E.exports=ae()),E.exports}var c=se();const ie=`:root {
+  <%s key={someKey} {...props} />`,a,s,_,s),U[s+a]=!0)}if(s=null,o!==void 0&&(l(o),s=""+o),p(r)&&(l(r.key),s=""+r.key),"key"in r){o={};for(var O in r)O!=="key"&&(o[O]=r[O])}else o=r;return s&&b(o,typeof e=="function"?e.displayName||e.name||"Unknown":e),w(e,s,o,i(),y,N)}function v(e){m(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===T&&(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 m(e){return typeof e=="object"&&e!==null&&e.$$typeof===P}var h=f,P=Symbol.for("react.transitional.element"),q=Symbol.for("react.portal"),R=Symbol.for("react.fragment"),J=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),G=Symbol.for("react.consumer"),X=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"),T=Symbol.for("react.lazy"),ee=Symbol.for("react.activity"),ne=Symbol.for("react.client.reference"),j=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,re=Array.isArray,A=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var L,z={},I=h.react_stack_bottom_frame.bind(h,d)(),Y=A(c(d)),U={};S.Fragment=R,S.jsx=function(e,r,o){var a=1e4>j.recentlyCreatedOwnerStacks++;return g(e,r,o,!1,a?Error("react-stack-top-frame"):I,a?A(c(e)):Y)},S.jsxs=function(e,r,o){var a=1e4>j.recentlyCreatedOwnerStacks++;return g(e,r,o,!0,a?Error("react-stack-top-frame"):I,a?A(c(e)):Y)}})()),S}var M;function se(){return M||(M=1,process.env.NODE_ENV==="production"?E.exports=oe():E.exports=ae()),E.exports}var u=se();const ie=`:root {
   --background: 0 0% 100%;
   --foreground: 222.2 84% 4.9%;
 
@@ -128,7 +128,7 @@ React keys must be passed directly to JSX without using spread:
    Text Inputs
    ============================================================================= */
 
-.settings__input-frame > * {
+.settings__input-frame>* {
   height: 40px;
   width: 100%;
   font-size: 14px;
@@ -139,17 +139,17 @@ React keys must be passed directly to JSX without using spread:
   color: hsl(var(--foreground));
 }
 
-.settings__input-frame > *:focus {
+.settings__input-frame>*:focus {
   outline: 1px solid hsl(var(--primary));
   outline-offset: 0;
 }
 
-.settings__input-frame > *::placeholder {
+.settings__input-frame>*::placeholder {
   color: hsl(var(--muted-foreground));
   opacity: 1;
 }
 
-.settings__textarea-frame > textarea {
+.settings__textarea-frame>textarea {
   width: 100%;
   min-height: 80px;
   font-family: inherit;
@@ -163,12 +163,12 @@ React keys must be passed directly to JSX without using spread:
   resize: vertical;
 }
 
-.settings__textarea-frame > textarea:focus {
+.settings__textarea-frame>textarea:focus {
   outline: 1px solid hsl(var(--primary));
   outline-offset: 0;
 }
 
-.settings__textarea-frame > textarea::placeholder {
+.settings__textarea-frame>textarea::placeholder {
   color: hsl(var(--muted-foreground));
   opacity: 1;
 }
@@ -177,7 +177,7 @@ React keys must be passed directly to JSX without using spread:
    Selection Inputs
    ============================================================================= */
 
-.settings__select-frame > select {
+.settings__select-frame>select {
   appearance: none;
   height: 40px;
   width: 100%;
@@ -193,11 +193,11 @@ React keys must be passed directly to JSX without using spread:
   cursor: pointer;
 }
 
-.settings__select-frame > select:hover {
+.settings__select-frame>select:hover {
   background-color: hsl(var(--accent));
 }
 
-.settings__select-frame > select:focus {
+.settings__select-frame>select:focus {
   outline: 1px solid hsl(var(--primary));
   outline-offset: 0;
 }
@@ -208,7 +208,7 @@ React keys must be passed directly to JSX without using spread:
   gap: 8px;
 }
 
-.settings__slider-frame > input[type="range"] {
+.settings__slider-frame>input[type="range"] {
   flex: 1;
   height: 8px;
   background: hsl(var(--secondary));
@@ -216,15 +216,14 @@ React keys must be passed directly to JSX without using spread:
   outline: none;
   -webkit-appearance: none;
   appearance: none;
-  transition: background 0.15s;
 }
 
-.settings__slider-frame > input[type="range"]:focus,
-.settings__slider-frame > input[type="range"]:active {
+.settings__slider-frame>input[type="range"]:focus,
+.settings__slider-frame>input[type="range"]:active {
   background: hsl(var(--primary));
 }
 
-.settings__slider-frame > input[type="range"]::-webkit-slider-thumb {
+.settings__slider-frame>input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   width: 20px;
@@ -235,7 +234,7 @@ React keys must be passed directly to JSX without using spread:
   cursor: pointer;
 }
 
-.settings__slider-frame > input[type="range"]::-moz-range-thumb {
+.settings__slider-frame>input[type="range"]::-moz-range-thumb {
   width: 20px;
   height: 20px;
   background: hsl(var(--background));
@@ -244,7 +243,7 @@ React keys must be passed directly to JSX without using spread:
   cursor: pointer;
 }
 
-.settings__slider-frame > span {
+.settings__slider-frame>span {
   min-width: 4ch;
   text-align: right;
   font-size: 14px;
@@ -263,7 +262,7 @@ React keys must be passed directly to JSX without using spread:
   cursor: pointer;
 }
 
-.settings__switch-frame > input[type="checkbox"] {
+.settings__switch-frame>input[type="checkbox"] {
   appearance: none;
   width: 44px;
   height: 24px;
@@ -275,7 +274,7 @@ React keys must be passed directly to JSX without using spread:
   flex-shrink: 0;
 }
 
-.settings__switch-frame > input[type="checkbox"]::after {
+.settings__switch-frame>input[type="checkbox"]::after {
   content: '';
   position: absolute;
   top: 2px;
@@ -284,15 +283,15 @@ React keys must be passed directly to JSX without using spread:
   height: 20px;
   background: hsl(var(--background));
   border-radius: 50%;
-  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
   transition: transform 0.2s;
 }
 
-.settings__switch-frame > input[type="checkbox"]:checked {
+.settings__switch-frame>input[type="checkbox"]:checked {
   background: hsl(var(--primary));
 }
 
-.settings__switch-frame > input[type="checkbox"]:checked::after {
+.settings__switch-frame>input[type="checkbox"]:checked::after {
   transform: translateX(20px);
 }
 
@@ -309,7 +308,7 @@ React keys must be passed directly to JSX without using spread:
   cursor: pointer;
 }
 
-.settings__checkbox-frame > input[type="checkbox"] {
+.settings__checkbox-frame>input[type="checkbox"] {
   appearance: none;
   width: 16px;
   height: 16px;
@@ -320,11 +319,11 @@ React keys must be passed directly to JSX without using spread:
   position: relative;
 }
 
-.settings__checkbox-frame > input[type="checkbox"]:checked {
+.settings__checkbox-frame>input[type="checkbox"]:checked {
   background: hsl(var(--primary));
 }
 
-.settings__checkbox-frame > input[type="checkbox"]:checked::after {
+.settings__checkbox-frame>input[type="checkbox"]:checked::after {
   content: '';
   position: absolute;
   top: 1px;
@@ -349,7 +348,7 @@ React keys must be passed directly to JSX without using spread:
   cursor: pointer;
 }
 
-.settings__radio-frame > input[type="radio"] {
+.settings__radio-frame>input[type="radio"] {
   appearance: none;
   width: 16px;
   height: 16px;
@@ -360,11 +359,11 @@ React keys must be passed directly to JSX without using spread:
   position: relative;
 }
 
-.settings__radio-frame > input[type="radio"]:checked {
+.settings__radio-frame>input[type="radio"]:checked {
   background: hsl(var(--primary));
 }
 
-.settings__radio-frame > input[type="radio"]:checked::after {
+.settings__radio-frame>input[type="radio"]:checked::after {
   content: '';
   position: absolute;
   top: 4px;
@@ -384,7 +383,7 @@ React keys must be passed directly to JSX without using spread:
    Actions
    ============================================================================= */
 
-.settings__button-frame > button {
+.settings__button-frame>button {
   padding: 8px 16px;
   background: hsl(var(--background));
   border: 1px solid hsl(var(--border));
@@ -393,17 +392,16 @@ React keys must be passed directly to JSX without using spread:
   font-size: 14px;
   font-family: inherit;
   cursor: pointer;
-  transition: background-color 0.15s, border-color 0.15s;
 }
 
-.settings__button-frame > button:hover {
+.settings__button-frame>button:hover {
   background: hsl(var(--accent));
 }
 
-.settings__button-frame > button.active,
-.settings__button-frame > button[data-active="true"] {
+.settings__button-frame>button.active,
+.settings__button-frame>button[data-active="true"] {
   background: hsl(var(--primary));
   border-color: hsl(var(--primary));
   color: hsl(var(--primary-foreground));
 }
-`;let U=!1;function ce(){if(U||typeof document>"u")return;const n=document.createElement("style");n.setAttribute("data-telemetryos-sdk",""),n.textContent=ie,document.head.appendChild(n),U=!0}ce();function ue({children:n}){return m.useEffect(()=>{const i=window.matchMedia("(prefers-color-scheme: dark)"),l=u=>{let f;u==="system"?f=i.matches:f=u!=="light",f?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")},d=C.environment().subscribeColorScheme(l);d.catch(console.error);const s=()=>{C.environment().getColorScheme().then(l).catch(console.error)};return i.addEventListener("change",s),()=>{d.then(()=>C.environment().unsubscribeColorScheme(l)).catch(console.error),i.removeEventListener("change",s)}},[]),c.jsx("div",{className:"settings__container",children:n})}function le({children:n}){return c.jsx("div",{className:"settings__box",children:n})}function de(){return c.jsx("hr",{className:"settings__divider"})}function fe({children:n}){return c.jsx("div",{className:"settings__field",children:n})}function pe({children:n}){return c.jsx("div",{className:"settings__label",children:n})}function ge({children:n}){return c.jsx("div",{className:"settings__input-frame",children:n})}function me({children:n}){return c.jsx("div",{className:"settings__textarea-frame",children:n})}function be({children:n}){return c.jsx("div",{className:"settings__select-frame",children:n})}function he({children:n}){return c.jsx("div",{className:"settings__slider-frame",children:n})}function _e({children:n}){return c.jsx("label",{className:"settings__switch-frame",children:n})}function xe({children:n}){return c.jsx("span",{className:"settings__switch-label",children:n})}function ve({children:n}){return c.jsx("label",{className:"settings__checkbox-frame",children:n})}function ke({children:n}){return c.jsx("span",{className:"settings__checkbox-label",children:n})}function Se({children:n}){return c.jsx("label",{className:"settings__radio-frame",children:n})}function ye({children:n}){return c.jsx("span",{className:"settings__radio-label",children:n})}function Ee({children:n}){return c.jsx("div",{className:"settings__button-frame",children:n})}function W(n,i,l,d=0){var s;const[u,f]=m.useState(!0),[b]=m.useState(l),[x,w]=m.useState(void 0),[p,v]=m.useState(void 0);return m.useEffect(()=>{const g=h=>{w(h),f(!1)};return n.subscribe(i,g).catch(console.error),()=>{n.unsubscribe(i,g).catch(console.error)}},[n,i]),m.useEffect(()=>{if(typeof p<"u"){const g=setTimeout(()=>{n.set(i,p)},d);return()=>clearTimeout(g)}},[p,n,i,d]),m.useEffect(()=>{if(JSON.stringify(p)===JSON.stringify(x)){const g=setTimeout(()=>{v(void 0)},500);return()=>clearTimeout(g)}},[p,x]),[u,(s=p??x)!==null&&s!==void 0?s:b,v]}function we(n,i){return(l,d=0)=>W(l,n,i,d)}exports.SettingsBox=le;exports.SettingsButtonFrame=Ee;exports.SettingsCheckboxFrame=ve;exports.SettingsCheckboxLabel=ke;exports.SettingsContainer=ue;exports.SettingsDivider=de;exports.SettingsField=fe;exports.SettingsInputFrame=ge;exports.SettingsLabel=pe;exports.SettingsRadioFrame=Se;exports.SettingsRadioLabel=ye;exports.SettingsSelectFrame=be;exports.SettingsSliderFrame=he;exports.SettingsSwitchFrame=_e;exports.SettingsSwitchLabel=xe;exports.SettingsTextAreaFrame=me;exports.createUseStoreState=we;exports.useStoreState=W;
+`;let W=!1;function ce(){if(W||typeof document>"u")return;const n=document.createElement("style");n.setAttribute("data-telemetryos-sdk",""),n.textContent=ie,document.head.appendChild(n),W=!0}ce();function ue({children:n}){return f.useEffect(()=>{const t=window.matchMedia("(prefers-color-scheme: dark)"),l=d=>{let p;d==="system"?p=t.matches:p=d!=="light",p?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")},c=C.environment().subscribeColorScheme(l);c.catch(console.error);const i=()=>{C.environment().getColorScheme().then(l).catch(console.error)};return t.addEventListener("change",i),()=>{c.then(()=>C.environment().unsubscribeColorScheme(l)).catch(console.error),t.removeEventListener("change",i)}},[]),u.jsx("div",{className:"settings__container",children:n})}function le({children:n}){return u.jsx("div",{className:"settings__box",children:n})}function de(){return u.jsx("hr",{className:"settings__divider"})}function fe({children:n}){return u.jsx("div",{className:"settings__field",children:n})}function pe({children:n}){return u.jsx("div",{className:"settings__label",children:n})}function ge({children:n}){return u.jsx("div",{className:"settings__input-frame",children:n})}function me({children:n}){return u.jsx("div",{className:"settings__textarea-frame",children:n})}function be({children:n}){return u.jsx("div",{className:"settings__select-frame",children:n})}function he({children:n}){return u.jsx("div",{className:"settings__slider-frame",children:n})}function _e({children:n}){return u.jsx("label",{className:"settings__switch-frame",children:n})}function xe({children:n}){return u.jsx("span",{className:"settings__switch-label",children:n})}function ve({children:n}){return u.jsx("label",{className:"settings__checkbox-frame",children:n})}function ke({children:n}){return u.jsx("span",{className:"settings__checkbox-label",children:n})}function Se({children:n}){return u.jsx("label",{className:"settings__radio-frame",children:n})}function ye({children:n}){return u.jsx("span",{className:"settings__radio-label",children:n})}function Ee({children:n}){return u.jsx("div",{className:"settings__button-frame",children:n})}function V(n,t,l,c=0){var i;const[d,p]=f.useState(!0),[b]=f.useState(l),[x,w]=f.useState(void 0),[g,v]=f.useState(void 0);return f.useEffect(()=>{const m=h=>{w(h),p(!1)};return n.subscribe(t,m).catch(console.error),()=>{n.unsubscribe(t,m).catch(console.error)}},[n,t]),f.useEffect(()=>{if(typeof g<"u"){const m=setTimeout(()=>{n.set(t,g)},c);return()=>clearTimeout(m)}},[g,n,t,c]),f.useEffect(()=>{if(JSON.stringify(g)===JSON.stringify(x)){const m=setTimeout(()=>{v(void 0)},500);return()=>clearTimeout(m)}},[g,x]),[d,(i=g??x)!==null&&i!==void 0?i:b,v]}function we(n,t){return(l,c=0)=>V(l,n,t,c)}function Re(n){const t=()=>{document.documentElement.style.fontSize=`calc(1vmax * ${n})`};f.useEffect(t,[n])}function Te(){const[n,t]=f.useState(()=>window.innerWidth/window.innerHeight),l=()=>{const c=()=>{t(window.innerWidth/window.innerHeight)};return window.addEventListener("resize",c),()=>window.removeEventListener("resize",c)};return f.useEffect(l,[]),n}function je(n,t){return{uiWidthFactor:Math.min(t,1)/n,uiHeightFactor:Math.max(t,1)/n}}exports.SettingsBox=le;exports.SettingsButtonFrame=Ee;exports.SettingsCheckboxFrame=ve;exports.SettingsCheckboxLabel=ke;exports.SettingsContainer=ue;exports.SettingsDivider=de;exports.SettingsField=fe;exports.SettingsInputFrame=ge;exports.SettingsLabel=pe;exports.SettingsRadioFrame=Se;exports.SettingsRadioLabel=ye;exports.SettingsSelectFrame=be;exports.SettingsSliderFrame=he;exports.SettingsSwitchFrame=_e;exports.SettingsSwitchLabel=xe;exports.SettingsTextAreaFrame=me;exports.createUseStoreState=we;exports.useStoreState=V;exports.useUiAspectRatio=Te;exports.useUiResponsiveFactors=je;exports.useUiScaleToSetRem=Re;