@telemetryos/sdk 1.7.1 → 1.7.2

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 m=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 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={};/**
  * @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 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:
   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} />`,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 {
   --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,6 +124,10 @@ React keys must be passed directly to JSX without using spread:
   color: hsl(var(--foreground));
 }
 
+/* =============================================================================
+   Text Inputs
+   ============================================================================= */
+
 .settings__input-frame > * {
   height: 40px;
   width: 100%;
@@ -119,6 +149,34 @@ React keys must be passed directly to JSX without using spread:
   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__textarea-frame > textarea::placeholder {
+  color: hsl(var(--muted-foreground));
+  opacity: 1;
+}
+
+/* =============================================================================
+   Selection Inputs
+   ============================================================================= */
+
 .settings__select-frame > select {
   appearance: none;
   height: 40px;
@@ -144,30 +202,59 @@ React keys must be passed directly to JSX without using spread:
   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;
+  transition: background 0.15s;
+}
+
+.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;
@@ -292,4 +379,31 @@ 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;
+  transition: background-color 0.15s, border-color 0.15s;
+}
+
+.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 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;