@telemetryos/sdk 1.7.1 → 1.7.3

package/dist/react.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),C=require("./index.cjs");var y={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 u(l,s,c){var f=null;if(c!==void 0&&(f=""+c),s.key!==void 0&&(f=""+s.key),"key"in s){c={};for(var b in s)b!=="key"&&(c[b]=s[b])}else c=s;return s=c.ref,{$$typeof:n,type:l,key:f,ref:s!==void 0?s:null,props:c}}return k.Fragment=i,k.jsx=u,k.jsxs=u,k}var E={};/**
+ */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 w:return"Fragment";case G: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 B:return e.displayName||"Context";case X:return(e._context.displayName||"Context")+".Consumer";case H:var r=e.render;return e=e.displayName,e||(e=r.displayName||r.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case 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 u(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 l(e){if(e===w)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 c(){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 Y[e]||(Y[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 R(e,r,t,o,S,O){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:S}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:O}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function p(e,r,t,o,S,O){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}",z[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),z[a+o]=!0)}if(a=null,t!==void 0&&(u(t),a=""+t),f(r)&&(u(r.key),a=""+r.key),"key"in r){t={};for(var N in r)N!=="key"&&(t[N]=r[N])}else t=r;return a&&b(t,typeof e=="function"?e.displayName||e.name||"Unknown":e),R(e,a,t,s(),S,O)}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=g,P=Symbol.for("react.transitional.element"),q=Symbol.for("react.portal"),w=Symbol.for("react.fragment"),J=Symbol.for("react.strict_mode"),G=Symbol.for("react.profiler"),X=Symbol.for("react.consumer"),B=Symbol.for("react.context"),H=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),Z=Symbol.for("react.suspense_list"),K=Symbol.for("react.memo"),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,Y={},I=h.react_stack_bottom_frame.bind(h,c)(),$=A(l(c)),z={};E.Fragment=w,E.jsx=function(e,r,t){var o=1e4>j.recentlyCreatedOwnerStacks++;return p(e,r,t,!1,o?Error("react-stack-top-frame"):I,o?A(l(e)):$)},E.jsxs=function(e,r,t){var o=1e4>j.recentlyCreatedOwnerStacks++;return p(e,r,t,!0,o?Error("react-stack-top-frame"):I,o?A(l(e)):$)}})()),E}var V;function se(){return V||(V=1,process.env.NODE_ENV==="production"?y.exports=oe():y.exports=ae()),y.exports}var d=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%;
 
@@ -79,14 +79,40 @@ React keys must be passed directly to JSX without using spread:
   --radius: 0.5rem;
 }
 
+/* =============================================================================
+   Container & Layout
+   ============================================================================= */
+
 .settings__container {
   padding: 16px;
   background: hsl(var(--background));
   color: hsl(var(--foreground));
   font-family: 'Rubik', sans-serif;
   font-feature-settings: "rlig" 1, "calt" 1;
+  flex-grow: 1;
+}
+
+.settings__box {
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  padding: 16px;
+  margin-bottom: 16px;
 }
 
+.settings__box:last-child {
+  margin-bottom: 0;
+}
+
+.settings__divider {
+  border: none;
+  border-top: 1px solid hsl(var(--border));
+  margin: 16px 0;
+}
+
+/* =============================================================================
+   Field Structure
+   ============================================================================= */
+
 .settings__field {
   margin-bottom: 24px;
 }
@@ -98,7 +124,11 @@ React keys must be passed directly to JSX without using spread:
   color: hsl(var(--foreground));
 }
 
-.settings__input-frame > * {
+/* =============================================================================
+   Text Inputs
+   ============================================================================= */
+
+.settings__input-frame>* {
   height: 40px;
   width: 100%;
   font-size: 14px;
@@ -109,17 +139,45 @@ 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 {
+  color: hsl(var(--muted-foreground));
+  opacity: 1;
+}
+
+.settings__textarea-frame>textarea {
+  width: 100%;
+  min-height: 80px;
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1.4em;
+  padding: 8px 12px;
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+  resize: vertical;
+}
+
+.settings__textarea-frame>textarea:focus {
   outline: 1px solid hsl(var(--primary));
   outline-offset: 0;
 }
 
-.settings__input-frame > *::placeholder {
+.settings__textarea-frame>textarea::placeholder {
   color: hsl(var(--muted-foreground));
   opacity: 1;
 }
 
-.settings__select-frame > select {
+/* =============================================================================
+   Selection Inputs
+   ============================================================================= */
+
+.settings__select-frame>select {
   appearance: none;
   height: 40px;
   width: 100%;
@@ -135,39 +193,67 @@ 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;
 }
 
-.settings__textarea-frame > textarea {
-  width: 100%;
-  min-height: 80px;
-  font-family: inherit;
-  font-size: 14px;
-  line-height: 1.4em;
-  padding: 8px 12px;
-  border: 1px solid hsl(var(--border));
-  border-radius: var(--radius);
+.settings__slider-frame {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.settings__slider-frame>input[type="range"] {
+  flex: 1;
+  height: 8px;
+  background: hsl(var(--secondary));
+  border-radius: 9999px;
+  outline: none;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.settings__slider-frame>input[type="range"]:focus,
+.settings__slider-frame>input[type="range"]:active {
+  background: hsl(var(--primary));
+}
+
+.settings__slider-frame>input[type="range"]::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  appearance: none;
+  width: 20px;
+  height: 20px;
   background: hsl(var(--background));
-  color: hsl(var(--foreground));
-  resize: vertical;
+  border: 2px solid hsl(var(--primary));
+  border-radius: 50%;
+  cursor: pointer;
 }
 
-.settings__textarea-frame > textarea:focus {
-  outline: 1px solid hsl(var(--primary));
-  outline-offset: 0;
+.settings__slider-frame>input[type="range"]::-moz-range-thumb {
+  width: 20px;
+  height: 20px;
+  background: hsl(var(--background));
+  border: 2px solid hsl(var(--primary));
+  border-radius: 50%;
+  cursor: pointer;
 }
 
-.settings__textarea-frame > textarea::placeholder {
+.settings__slider-frame>span {
+  min-width: 4ch;
+  text-align: right;
+  font-size: 14px;
   color: hsl(var(--muted-foreground));
-  opacity: 1;
 }
 
+/* =============================================================================
+   Toggle Inputs
+   ============================================================================= */
+
 .settings__switch-frame {
   display: flex;
   align-items: center;
@@ -176,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;
@@ -188,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;
@@ -197,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);
 }
 
@@ -222,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;
@@ -233,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;
@@ -262,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;
@@ -273,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;
@@ -292,4 +378,30 @@ React keys must be passed directly to JSX without using spread:
   flex: 1;
   color: hsl(var(--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 g.useEffect(()=>{const i=window.matchMedia("(prefers-color-scheme: dark)"),u=c=>{let f;c==="system"?f=i.matches:f=c!=="light",f?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")},l=C.environment().subscribeColorScheme(u);l.catch(console.error);const s=()=>{C.environment().getColorScheme().then(u).catch(console.error)};return i.addEventListener("change",s),()=>{l.then(()=>C.environment().unsubscribeColorScheme(u)).catch(console.error),i.removeEventListener("change",s)}},[]),d.jsx("div",{className:"settings__container",children:n})}function le({children:n}){return d.jsx("div",{className:"settings__field",children:n})}function de({children:n}){return d.jsx("div",{className:"settings__label",children:n})}function fe({children:n}){return d.jsx("div",{className:"settings__input-frame",children:n})}function pe({children:n}){return d.jsx("div",{className:"settings__select-frame",children:n})}function me({children:n}){return d.jsx("div",{className:"settings__textarea-frame",children:n})}function ge({children:n}){return d.jsx("label",{className:"settings__switch-frame",children:n})}function be({children:n}){return d.jsx("span",{className:"settings__switch-label",children:n})}function he({children:n}){return d.jsx("label",{className:"settings__checkbox-frame",children:n})}function _e({children:n}){return d.jsx("span",{className:"settings__checkbox-label",children:n})}function xe({children:n}){return d.jsx("label",{className:"settings__radio-frame",children:n})}function ve({children:n}){return d.jsx("span",{className:"settings__radio-label",children:n})}function W(n,i,u,l=0){var s;const[c,f]=g.useState(!0),[b]=g.useState(u),[x,R]=g.useState(void 0),[p,v]=g.useState(void 0);return g.useEffect(()=>{const m=h=>{R(h),f(!1)};return n.subscribe(i,m).catch(console.error),()=>{n.unsubscribe(i,m).catch(console.error)}},[n,i]),g.useEffect(()=>{if(typeof p<"u"){const m=setTimeout(()=>{n.set(i,p)},l);return()=>clearTimeout(m)}},[p,n,i,l]),g.useEffect(()=>{if(JSON.stringify(p)===JSON.stringify(x)){const m=setTimeout(()=>{v(void 0)},500);return()=>clearTimeout(m)}},[p,x]),[c,(s=p??x)!==null&&s!==void 0?s:b,v]}function ke(n,i){return(u,l=0)=>W(u,n,i,l)}exports.SettingsCheckboxFrame=he;exports.SettingsCheckboxLabel=_e;exports.SettingsContainer=ue;exports.SettingsField=le;exports.SettingsInputFrame=fe;exports.SettingsLabel=de;exports.SettingsRadioFrame=xe;exports.SettingsRadioLabel=ve;exports.SettingsSelectFrame=pe;exports.SettingsSwitchFrame=ge;exports.SettingsSwitchLabel=be;exports.SettingsTextAreaFrame=me;exports.createUseStoreState=ke;exports.useStoreState=W;
+
+/* =============================================================================
+   Actions
+   ============================================================================= */
+
+.settings__button-frame>button {
+  padding: 8px 16px;
+  background: hsl(var(--background));
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  color: hsl(var(--foreground));
+  font-size: 14px;
+  font-family: inherit;
+  cursor: pointer;
+}
+
+.settings__button-frame>button:hover {
+  background: hsl(var(--accent));
+}
+
+.settings__button-frame>button.active,
+.settings__button-frame>button[data-active="true"] {
+  background: hsl(var(--primary));
+  border-color: hsl(var(--primary));
+  color: hsl(var(--primary-foreground));
+}
+`;let W=!1;function 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;