@telemetryos/sdk 1.7.4 → 1.8.0

package/dist/react/Settings.d.ts

@@ -7,6 +7,10 @@ interface SettingsBoxProps {
     children: ReactNode;
 }
 export declare function SettingsBox({ children }: SettingsBoxProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsHeadingProps {
+    children: ReactNode;
+}
+export declare function SettingsHeading({ children }: SettingsHeadingProps): import("react/jsx-runtime").JSX.Element;
 export declare function SettingsDivider(): import("react/jsx-runtime").JSX.Element;
 interface SettingsFieldProps {
     children: ReactNode;
@@ -16,6 +20,14 @@ interface SettingsLabelProps {
     children: ReactNode;
 }
 export declare function SettingsLabel({ children }: SettingsLabelProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsHintProps {
+    children: ReactNode;
+}
+export declare function SettingsHint({ children }: SettingsHintProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsErrorProps {
+    children: ReactNode;
+}
+export declare function SettingsError({ children }: SettingsErrorProps): import("react/jsx-runtime").JSX.Element;
 interface SettingsInputFrameProps {
     children: ReactNode;
 }
@@ -32,6 +44,14 @@ interface SettingsSliderFrameProps {
     children: ReactNode;
 }
 export declare function SettingsSliderFrame({ children }: SettingsSliderFrameProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsSliderRulerProps {
+    children: ReactNode;
+}
+export declare function SettingsSliderRuler({ children }: SettingsSliderRulerProps): import("react/jsx-runtime").JSX.Element;
+interface SettingsColorFrameProps {
+    children: ReactNode;
+}
+export declare function SettingsColorFrame({ children }: SettingsColorFrameProps): import("react/jsx-runtime").JSX.Element;
 interface SettingsSwitchFrameProps {
     children: ReactNode;
 }

package/dist/react/hooks/store.d.ts

@@ -0,0 +1,14 @@
+import { Dispatch, SetStateAction } from 'react';
+import { StoreSlice } from '@telemetryos/root-sdk';
+export declare function useStoreState<S>(storeSlice: StoreSlice, key: string, initialState: S | (() => S), debounceDelay?: number): [boolean, S, Dispatch<SetStateAction<S>>];
+export declare function useStoreState<S = undefined>(storeSlice: StoreSlice, key: string, initialState?: undefined, debounceDelay?: number): [boolean, S | undefined, Dispatch<SetStateAction<S | undefined>>];
+export declare function createUseStoreState<S>(key: string, initialState: S | (() => S)): (storeSlice: StoreSlice, debounceDelay?: number) => [boolean, S, Dispatch<SetStateAction<S>>];
+export declare function createUseStoreState<S = undefined>(key: string, initialState?: undefined): (storeSlice: StoreSlice, debounceDelay?: number) => [boolean, S | undefined, Dispatch<SetStateAction<S | undefined>>];
+export declare function createUseInstanceStoreState<S>(key: string, initialState: S | (() => S)): (debounceDelay?: number) => [boolean, S, Dispatch<SetStateAction<S>>];
+export declare function createUseInstanceStoreState<S = undefined>(key: string, initialState?: undefined): (debounceDelay?: number) => [boolean, S | undefined, Dispatch<SetStateAction<S | undefined>>];
+export declare function createUseApplicationStoreState<S>(key: string, initialState: S | (() => S)): (debounceDelay?: number) => [boolean, S, Dispatch<SetStateAction<S>>];
+export declare function createUseApplicationStoreState<S = undefined>(key: string, initialState?: undefined): (debounceDelay?: number) => [boolean, S | undefined, Dispatch<SetStateAction<S | undefined>>];
+export declare function createUseDeviceStoreState<S>(key: string, initialState: S | (() => S)): (debounceDelay?: number) => [boolean, S, Dispatch<SetStateAction<S>>];
+export declare function createUseDeviceStoreState<S = undefined>(key: string, initialState?: undefined): (debounceDelay?: number) => [boolean, S | undefined, Dispatch<SetStateAction<S | undefined>>];
+export declare function createUseSharedStoreState<S>(key: string, initialState: S | (() => S), namespace: string): (debounceDelay?: number) => [boolean, S, Dispatch<SetStateAction<S>>];
+export declare function createUseSharedStoreState<S = undefined>(key: string, initialState: undefined, namespace: string): (debounceDelay?: number) => [boolean, S | undefined, Dispatch<SetStateAction<S | undefined>>];

package/dist/react/hooks/ui-scale.d.ts

@@ -0,0 +1,6 @@
+export declare function useUiScaleToSetRem(uiScale: number): void;
+export declare function useUiAspectRatio(): number;
+export declare function useUiResponsiveFactors(uiScale: number, uiAspectRatio: number): {
+    uiWidthFactor: number;
+    uiHeightFactor: number;
+};

package/dist/react/index.d.ts

@@ -1,3 +1,3 @@
-export { SettingsBox, SettingsButtonFrame, SettingsCheckboxFrame, SettingsCheckboxLabel, SettingsContainer, SettingsDivider, SettingsField, SettingsInputFrame, SettingsLabel, SettingsRadioFrame, SettingsRadioLabel, SettingsSelectFrame, SettingsSliderFrame, SettingsSwitchFrame, SettingsSwitchLabel, SettingsTextAreaFrame, } from './Settings.js';
-export { useStoreState, createUseStoreState } from './hooks/store.js';
+export { SettingsBox, SettingsButtonFrame, SettingsCheckboxFrame, SettingsCheckboxLabel, SettingsColorFrame, SettingsContainer, SettingsDivider, SettingsError, SettingsField, SettingsHeading, SettingsHint, SettingsInputFrame, SettingsLabel, SettingsRadioFrame, SettingsRadioLabel, SettingsSelectFrame, SettingsSliderFrame, SettingsSliderRuler, SettingsSwitchFrame, SettingsSwitchLabel, SettingsTextAreaFrame, } from './Settings.js';
+export { useStoreState, createUseStoreState, createUseInstanceStoreState, createUseApplicationStoreState, createUseDeviceStoreState, createUseSharedStoreState, } from './hooks/store.js';
 export { useUiScaleToSetRem, useUiAspectRatio, useUiResponsiveFactors } from './hooks/ui-scale.js';

package/dist/react.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),C=require("./index.cjs");var E={exports:{}},k={};/**
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),_=require("./index.cjs");var T={exports:{}},E={};/**
  * @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 $;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={};/**
+ */var $;function oe(){if($)return E;$=1;var n=Symbol.for("react.transitional.element"),t=Symbol.for("react.fragment");function s(o,c,f){var m=null;if(f!==void 0&&(m=""+f),c.key!==void 0&&(m=""+c.key),"key"in c){f={};for(var p in c)p!=="key"&&(f[p]=c[p])}else f=c;return c=f.ref,{$$typeof:n,type:o,key:m,ref:c!==void 0?c:null,props:f}}return E.Fragment=t,E.jsx=s,E.jsxs=s,E}var w={};/**
  * @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 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:
+ */var D;function se(){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 N:return"Fragment";case H:return"Profiler";case q: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 V:return"Portal";case G:return e.displayName||"Context";case B:return(e._context.displayName||"Context")+".Consumer";case X: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 A:r=e._payload,e=e._init;try{return n(e(r))}catch{}}return null}function t(e){return""+e}function s(e){try{t(e);var r=!1}catch{r=!0}if(r){r=console;var a=r.error,u=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return a.call(r,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",u),t(e)}}function o(e){if(e===N)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===A)return"<...>";try{var r=n(e);return r?"<"+r+">":"<...>"}catch{return"<...>"}}function c(){var e=O.A;return e===null?null:e.getOwner()}function f(){return Error("react-stack-top-frame")}function m(e){if(L.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function p(e,r){function a(){z||(z=!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))}a.isReactWarning=!0,Object.defineProperty(e,"key",{get:a,configurable:!0})}function S(){var e=n(this.type);return U[e]||(U[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 j(e,r,a,u,R,P){var l=a.ref;return e={$$typeof:y,type:e,key:r,props:a,_owner:u},(l!==void 0?l:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:S}):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:R}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:P}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function g(e,r,a,u,R,P){var l=r.children;if(l!==void 0)if(u)if(re(l)){for(u=0;u<l.length;u++)k(l[u]);Object.freeze&&Object.freeze(l)}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 k(l);if(L.call(r,"key")){l=n(e);var x=Object.keys(r).filter(function(te){return te!=="key"});u=0<x.length?"{key: someKey, "+x.join(": ..., ")+": ...}":"{key: someKey}",M[l+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} />`,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 {
+  <%s key={someKey} {...props} />`,u,l,x,l),M[l+u]=!0)}if(l=null,a!==void 0&&(s(a),l=""+a),m(r)&&(s(r.key),l=""+r.key),"key"in r){a={};for(var F in r)F!=="key"&&(a[F]=r[F])}else a=r;return l&&p(a,typeof e=="function"?e.displayName||e.name||"Unknown":e),j(e,l,a,c(),R,P)}function k(e){b(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===A&&(e._payload.status==="fulfilled"?b(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function b(e){return typeof e=="object"&&e!==null&&e.$$typeof===y}var h=d,y=Symbol.for("react.transitional.element"),V=Symbol.for("react.portal"),N=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),H=Symbol.for("react.profiler"),B=Symbol.for("react.consumer"),G=Symbol.for("react.context"),X=Symbol.for("react.forward_ref"),Q=Symbol.for("react.suspense"),Z=Symbol.for("react.suspense_list"),K=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),ee=Symbol.for("react.activity"),ne=Symbol.for("react.client.reference"),O=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,L=Object.prototype.hasOwnProperty,re=Array.isArray,C=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var z,U={},I=h.react_stack_bottom_frame.bind(h,f)(),Y=C(o(f)),M={};w.Fragment=N,w.jsx=function(e,r,a){var u=1e4>O.recentlyCreatedOwnerStacks++;return g(e,r,a,!1,u?Error("react-stack-top-frame"):I,u?C(o(e)):Y)},w.jsxs=function(e,r,a){var u=1e4>O.recentlyCreatedOwnerStacks++;return g(e,r,a,!0,u?Error("react-stack-top-frame"):I,u?C(o(e)):Y)}})()),w}var W;function ae(){return W||(W=1,process.env.NODE_ENV==="production"?T.exports=oe():T.exports=se()),T.exports}var i=ae();const ie=`:root {
   --background: 0 0% 100%;
   --foreground: 222.2 84% 4.9%;
 
@@ -90,23 +90,33 @@ React keys must be passed directly to JSX without using spread:
   font-family: 'Rubik', sans-serif;
   font-feature-settings: "rlig" 1, "calt" 1;
   flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+}
+
+.settings__container>form {
+  display: contents;
 }
 
 .settings__box {
   border: 1px solid hsl(var(--border));
   border-radius: var(--radius);
   padding: 16px;
-  margin-bottom: 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
 }
 
-.settings__box:last-child {
-  margin-bottom: 0;
+.settings__heading {
+  font-size: 16px;
+  font-weight: bold;
+  color: hsl(var(--foreground));
 }
 
 .settings__divider {
   border: none;
   border-top: 1px solid hsl(var(--border));
-  margin: 16px 0;
 }
 
 /* =============================================================================
@@ -114,16 +124,28 @@ React keys must be passed directly to JSX without using spread:
    ============================================================================= */
 
 .settings__field {
-  margin-bottom: 24px;
+  display: inline-block;
 }
 
 .settings__label {
   font-size: 14px;
   margin-bottom: 6px;
-  font-weight: 500;
   color: hsl(var(--foreground));
 }
 
+.settings__hint {
+  font-size: 12px;
+  opacity: 0.65;
+  margin-top: 4px;
+  color: hsl(var(--foreground));
+}
+
+.settings__error {
+  font-size: 12px;
+  margin-top: 4px;
+  color: #ff6b6b;
+}
+
 /* =============================================================================
    Text Inputs
    ============================================================================= */
@@ -244,12 +266,54 @@ React keys must be passed directly to JSX without using spread:
 }
 
 .settings__slider-frame>span {
-  min-width: 4ch;
+  min-width: 36px;
   text-align: right;
   font-size: 14px;
   color: hsl(var(--muted-foreground));
 }
 
+.settings__slider-ruler {
+  display: flex;
+  justify-content: space-between;
+  font-size: 12px;
+  margin-top: 4px;
+  margin-left: -4px;
+  margin-right: 36px;
+  opacity: 0.65;
+}
+
+.settings__color-frame {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.settings__color-frame>input[type="color"] {
+  appearance: none;
+  width: 40px;
+  height: 40px;
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  padding: 0;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+
+.settings__color-frame>input[type="color"]::-webkit-color-swatch-wrapper {
+  padding: 2px;
+}
+
+.settings__color-frame>input[type="color"]::-webkit-color-swatch {
+  border: none;
+  border-radius: calc(var(--radius) - 3px);
+}
+
+.settings__color-frame>span {
+  font-size: 14px;
+  color: hsl(var(--foreground));
+  font-family: monospace;
+}
+
 /* =============================================================================
    Toggle Inputs
    ============================================================================= */
@@ -383,6 +447,10 @@ React keys must be passed directly to JSX without using spread:
    Actions
    ============================================================================= */
 
+.settings__button-frame {
+  display: contents;
+}
+
 .settings__button-frame>button {
   padding: 8px 16px;
   background: hsl(var(--background));
@@ -404,4 +472,4 @@ React keys must be passed directly to JSX without using spread:
   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;
+`;let J=!1;function ce(){if(J||typeof document>"u")return;const n=document.createElement("style");n.setAttribute("data-telemetryos-sdk",""),n.textContent=ie,document.head.appendChild(n),J=!0}ce();function ue({children:n}){const t=()=>{const s=window.matchMedia("(prefers-color-scheme: dark)"),o=m=>{let p;m==="system"?p=s.matches:p=m!=="light",p?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")},c=_.environment().subscribeColorScheme(o);c.catch(console.error);const f=()=>{_.environment().getColorScheme().then(o).catch(console.error)};return s.addEventListener("change",f),()=>{c.then(()=>_.environment().unsubscribeColorScheme(o)).catch(console.error),s.removeEventListener("change",f)}};return d.useEffect(t,[]),i.jsx("div",{className:"settings__container",children:n})}function le({children:n}){return i.jsx("div",{className:"settings__box",children:n})}function de({children:n}){return i.jsx("div",{className:"settings__heading",children:n})}function fe(){return i.jsx("hr",{className:"settings__divider"})}function pe({children:n}){return i.jsx("label",{className:"settings__field",children:n})}function ge({children:n}){return i.jsx("div",{className:"settings__label",children:n})}function me({children:n}){return i.jsx("div",{className:"settings__hint",children:n})}function be({children:n}){return i.jsx("div",{className:"settings__error",children:n})}function he({children:n}){return i.jsx("div",{className:"settings__input-frame",children:n})}function _e({children:n}){return i.jsx("div",{className:"settings__textarea-frame",children:n})}function xe({children:n}){return i.jsx("div",{className:"settings__select-frame",children:n})}function ve({children:n}){return i.jsx("div",{className:"settings__slider-frame",children:n})}function Se({children:n}){return i.jsx("div",{className:"settings__slider-ruler",children:n})}function ke({children:n}){return i.jsx("div",{className:"settings__color-frame",children:n})}function ye({children:n}){return i.jsx("label",{className:"settings__switch-frame",children:n})}function Ee({children:n}){return i.jsx("span",{className:"settings__switch-label",children:n})}function we({children:n}){return i.jsx("label",{className:"settings__checkbox-frame",children:n})}function Re({children:n}){return i.jsx("span",{className:"settings__checkbox-label",children:n})}function Te({children:n}){return i.jsx("label",{className:"settings__radio-frame",children:n})}function je({children:n}){return i.jsx("span",{className:"settings__radio-label",children:n})}function Ne({children:n}){return i.jsx("div",{className:"settings__button-frame",children:n})}function v(n,t,s,o=0){var c;const[f,m]=d.useState(!0),[p]=d.useState(s),[S,j]=d.useState(void 0),[g,k]=d.useState(void 0);return d.useEffect(()=>{const b=h=>{j(y=>JSON.stringify(y)===JSON.stringify(h)?y:h),m(!1)};return n.subscribe(t,b).catch(console.error),()=>{n.unsubscribe(t,b).catch(console.error)}},[n,t]),d.useEffect(()=>{if(typeof g<"u"){const b=setTimeout(()=>{n.set(t,g)},o);return()=>clearTimeout(b)}},[g,n,t,o]),d.useEffect(()=>{if(JSON.stringify(g)===JSON.stringify(S)){const b=setTimeout(()=>{k(void 0)},500);return()=>clearTimeout(b)}},[g,S]),[f,(c=g??S)!==null&&c!==void 0?c:p,k]}function Ae(n,t){return(s,o=0)=>v(s,n,t,o)}function Oe(n,t){return(s=0)=>{const o=d.useMemo(()=>_.store().instance,[]);return v(o,n,t,s)}}function Ce(n,t){return(s=0)=>{const o=d.useMemo(()=>_.store().application,[]);return v(o,n,t,s)}}function Pe(n,t){return(s=0)=>{const o=d.useMemo(()=>_.store().device,[]);return v(o,n,t,s)}}function Fe(n,t,s){return(o=0)=>{const c=d.useMemo(()=>_.store().shared(s),[]);return v(c,n,t,o)}}function Le(n){const t=()=>{document.documentElement.style.fontSize=`calc(1vmax * ${n})`};d.useEffect(t,[n])}function ze(){const[n,t]=d.useState(()=>window.innerWidth/window.innerHeight),s=()=>{const o=()=>{t(window.innerWidth/window.innerHeight)};return window.addEventListener("resize",o),()=>window.removeEventListener("resize",o)};return d.useEffect(s,[]),n}function Ue(n,t){return{uiWidthFactor:Math.min(t,1)/n,uiHeightFactor:Math.max(t,1)/n}}exports.SettingsBox=le;exports.SettingsButtonFrame=Ne;exports.SettingsCheckboxFrame=we;exports.SettingsCheckboxLabel=Re;exports.SettingsColorFrame=ke;exports.SettingsContainer=ue;exports.SettingsDivider=fe;exports.SettingsError=be;exports.SettingsField=pe;exports.SettingsHeading=de;exports.SettingsHint=me;exports.SettingsInputFrame=he;exports.SettingsLabel=ge;exports.SettingsRadioFrame=Te;exports.SettingsRadioLabel=je;exports.SettingsSelectFrame=xe;exports.SettingsSliderFrame=ve;exports.SettingsSliderRuler=Se;exports.SettingsSwitchFrame=ye;exports.SettingsSwitchLabel=Ee;exports.SettingsTextAreaFrame=_e;exports.createUseApplicationStoreState=Ce;exports.createUseDeviceStoreState=Pe;exports.createUseInstanceStoreState=Oe;exports.createUseSharedStoreState=Fe;exports.createUseStoreState=Ae;exports.useStoreState=v;exports.useUiAspectRatio=ze;exports.useUiResponsiveFactors=Ue;exports.useUiScaleToSetRem=Le;