@telemetryos/sdk 1.6.1 → 1.7.1

package/dist/react.js

@@ -0,0 +1,655 @@
+import oe, { useEffect as w, useState as y } from "react";
+import { environment as C } from "./index.js";
+var R = { exports: {} }, v = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var V;
+function ae() {
+  if (V) return v;
+  V = 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 g in s)
+        g !== "key" && (c[g] = s[g]);
+    } else c = s;
+    return s = c.ref, {
+      $$typeof: n,
+      type: l,
+      key: f,
+      ref: s !== void 0 ? s : null,
+      props: c
+    };
+  }
+  return v.Fragment = i, v.jsx = u, v.jsxs = u, v;
+}
+var k = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * 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 se() {
+  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 T:
+          return "Fragment";
+        case G:
+          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 J:
+            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 j:
+            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 === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === j)
+        return "<...>";
+      try {
+        var r = n(e);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function s() {
+      var e = A.A;
+      return e === null ? null : e.getOwner();
+    }
+    function c() {
+      return Error("react-stack-top-frame");
+    }
+    function f(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 g(e, r) {
+      function t() {
+        Y || (Y = !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 _() {
+      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 S(e, r, t, o, E, N) {
+      var a = t.ref;
+      return e = {
+        $$typeof: F,
+        type: e,
+        key: r,
+        props: t,
+        _owner: o
+      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: _
+      }) : 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: E
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: N
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function p(e, r, t, o, E, N) {
+      var a = r.children;
+      if (a !== void 0)
+        if (o)
+          if (re(a)) {
+            for (o = 0; o < a.length; o++)
+              x(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 x(a);
+      if (L.call(r, "key")) {
+        a = n(e);
+        var h = Object.keys(r).filter(function(te) {
+          return te !== "key";
+        });
+        o = 0 < h.length ? "{key: someKey, " + h.join(": ..., ") + ": ...}" : "{key: someKey}", D[a + o] || (h = 0 < h.length ? "{" + h.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,
+          h,
+          a
+        ), D[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 P in r)
+          P !== "key" && (t[P] = r[P]);
+      } else t = r;
+      return a && g(
+        t,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), S(
+        e,
+        a,
+        t,
+        s(),
+        E,
+        N
+      );
+    }
+    function x(e) {
+      m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === j && (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 === F;
+    }
+    var b = oe, F = Symbol.for("react.transitional.element"), J = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), q = 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"), j = Symbol.for("react.lazy"), ee = Symbol.for("react.activity"), ne = Symbol.for("react.client.reference"), A = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, re = Array.isArray, O = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    b = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var Y, I = {}, $ = b.react_stack_bottom_frame.bind(
+      b,
+      c
+    )(), z = O(l(c)), D = {};
+    k.Fragment = T, k.jsx = function(e, r, t) {
+      var o = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return p(
+        e,
+        r,
+        t,
+        !1,
+        o ? Error("react-stack-top-frame") : $,
+        o ? O(l(e)) : z
+      );
+    }, k.jsxs = function(e, r, t) {
+      var o = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return p(
+        e,
+        r,
+        t,
+        !0,
+        o ? Error("react-stack-top-frame") : $,
+        o ? O(l(e)) : z
+      );
+    };
+  })()), k;
+}
+var U;
+function ie() {
+  return U || (U = 1, process.env.NODE_ENV === "production" ? R.exports = ae() : R.exports = se()), R.exports;
+}
+var d = ie();
+const ce = `:root {
+  --background: 0 0% 100%;
+  --foreground: 222.2 84% 4.9%;
+
+  --muted: 220 12% 95%;
+  --muted-foreground: 215.4 16.3% 46.9%;
+
+  --border: 214.3 31.8% 91.4%;
+  --input: 214.3 31.8% 91.4%;
+
+  --card: 0 0% 100%;
+  --card-foreground: 222.2 84% 4.9%;
+
+  --accent: 220 12% 95%;
+  --accent-foreground: 222.2 47.4% 11.2%;
+
+  --primary: 39 93% 59%;
+  --primary-foreground: 210 40% 98%;
+
+  --secondary: 210 40% 96.1%;
+  --secondary-foreground: 222.2 47.4% 11.2%;
+
+  --destructive: 6 86% 61%;
+  --destructive-foreground: 210 40% 98%;
+
+  --ring: 222.2 84% 4.9%;
+
+  --radius: 0.5rem;
+}
+
+.dark {
+  --background: 210 28% 8%;
+  --foreground: 210 40% 88%;
+
+  --muted: 212, 28%, 10%;
+  --muted-foreground: 215 20.2% 65.1%;
+
+  --border: 212 24% 19%;
+  --input: 210 5% 31%;
+
+  --card: 212 28% 10%;
+  --card-foreground: 210 40% 98%;
+
+  --accent: 211 30% 15%;
+  --accent-foreground: 210 40% 98%;
+
+  --primary: 39 93% 59%;
+  --primary-foreground: 210 40% 98%;
+
+  --secondary: 217.2 32.6% 17.5%;
+  --secondary-foreground: 210 40% 98%;
+
+  --destructive: 6 86% 61%;
+  --destructive-foreground: 210 40% 98%;
+
+  --ring: 212.7 26.8% 83.9%;
+
+  --radius: 0.5rem;
+}
+
+.settings__container {
+  padding: 16px;
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+  font-family: 'Rubik', sans-serif;
+  font-feature-settings: "rlig" 1, "calt" 1;
+}
+
+.settings__field {
+  margin-bottom: 24px;
+}
+
+.settings__label {
+  font-size: 14px;
+  margin-bottom: 6px;
+  font-weight: 500;
+  color: hsl(var(--foreground));
+}
+
+.settings__input-frame > * {
+  height: 40px;
+  width: 100%;
+  font-size: 14px;
+  padding: 8px 12px;
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  background: hsl(var(--background));
+  color: hsl(var(--foreground));
+}
+
+.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__select-frame > select {
+  appearance: none;
+  height: 40px;
+  width: 100%;
+  font-size: 14px;
+  padding: 8px 36px 8px 12px;
+  border: 1px solid hsl(var(--border));
+  border-radius: var(--radius);
+  background-color: hsl(var(--background));
+  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+  color: hsl(var(--foreground));
+  cursor: pointer;
+}
+
+.settings__select-frame > select:hover {
+  background-color: hsl(var(--accent));
+}
+
+.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);
+  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;
+}
+
+.settings__switch-frame {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.settings__switch-frame > input[type="checkbox"] {
+  appearance: none;
+  width: 44px;
+  height: 24px;
+  background: hsl(var(--input));
+  border-radius: 12px;
+  position: relative;
+  cursor: pointer;
+  transition: background 0.2s;
+  flex-shrink: 0;
+}
+
+.settings__switch-frame > input[type="checkbox"]::after {
+  content: '';
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 20px;
+  height: 20px;
+  background: hsl(var(--background));
+  border-radius: 50%;
+  box-shadow: 0 1px 3px rgba(0,0,0,0.3);
+  transition: transform 0.2s;
+}
+
+.settings__switch-frame > input[type="checkbox"]:checked {
+  background: hsl(var(--primary));
+}
+
+.settings__switch-frame > input[type="checkbox"]:checked::after {
+  transform: translateX(20px);
+}
+
+.settings__switch-label {
+  flex: 1;
+  color: hsl(var(--foreground));
+}
+
+.settings__checkbox-frame {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.settings__checkbox-frame > input[type="checkbox"] {
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  background: hsl(var(--background));
+  border: 1px solid hsl(var(--primary));
+  border-radius: 2px;
+  cursor: pointer;
+  position: relative;
+}
+
+.settings__checkbox-frame > input[type="checkbox"]:checked {
+  background: hsl(var(--primary));
+}
+
+.settings__checkbox-frame > input[type="checkbox"]:checked::after {
+  content: '';
+  position: absolute;
+  top: 1px;
+  left: 5px;
+  width: 4px;
+  height: 8px;
+  border: solid hsl(var(--primary-foreground));
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+}
+
+.settings__checkbox-label {
+  flex: 1;
+  color: hsl(var(--foreground));
+}
+
+.settings__radio-frame {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.settings__radio-frame > input[type="radio"] {
+  appearance: none;
+  width: 16px;
+  height: 16px;
+  background: hsl(var(--background));
+  border: 1px solid hsl(var(--primary));
+  border-radius: 50%;
+  cursor: pointer;
+  position: relative;
+}
+
+.settings__radio-frame > input[type="radio"]:checked {
+  background: hsl(var(--primary));
+}
+
+.settings__radio-frame > input[type="radio"]:checked::after {
+  content: '';
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  width: 6px;
+  height: 6px;
+  background: hsl(var(--primary-foreground));
+  border-radius: 50%;
+}
+
+.settings__radio-label {
+  flex: 1;
+  color: hsl(var(--foreground));
+}
+`;
+let W = !1;
+function ue() {
+  if (W || typeof document > "u")
+    return;
+  const n = document.createElement("style");
+  n.setAttribute("data-telemetryos-sdk", ""), n.textContent = ce, document.head.appendChild(n), W = !0;
+}
+ue();
+function pe({ children: n }) {
+  return w(() => {
+    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().subscribeColorScheme(u);
+    l.catch(console.error);
+    const s = () => {
+      C().getColorScheme().then(u).catch(console.error);
+    };
+    return i.addEventListener("change", s), () => {
+      l.then(() => C().unsubscribeColorScheme(u)).catch(console.error), i.removeEventListener("change", s);
+    };
+  }, []), d.jsx("div", { className: "settings__container", children: n });
+}
+function me({ children: n }) {
+  return d.jsx("div", { className: "settings__field", children: n });
+}
+function ge({ children: n }) {
+  return d.jsx("div", { className: "settings__label", children: n });
+}
+function be({ children: n }) {
+  return d.jsx("div", { className: "settings__input-frame", children: n });
+}
+function he({ children: n }) {
+  return d.jsx("div", { className: "settings__select-frame", children: n });
+}
+function _e({ children: n }) {
+  return d.jsx("div", { className: "settings__textarea-frame", children: n });
+}
+function xe({ children: n }) {
+  return d.jsx("label", { className: "settings__switch-frame", children: n });
+}
+function ve({ children: n }) {
+  return d.jsx("span", { className: "settings__switch-label", children: n });
+}
+function ke({ children: n }) {
+  return d.jsx("label", { className: "settings__checkbox-frame", children: n });
+}
+function Ee({ children: n }) {
+  return d.jsx("span", { className: "settings__checkbox-label", children: n });
+}
+function ye({ children: n }) {
+  return d.jsx("label", { className: "settings__radio-frame", children: n });
+}
+function Re({ children: n }) {
+  return d.jsx("span", { className: "settings__radio-label", children: n });
+}
+function le(n, i, u, l = 0) {
+  var s;
+  const [c, f] = y(!0), [g] = y(u), [_, S] = y(void 0), [p, x] = y(void 0);
+  return w(() => {
+    const m = (b) => {
+      S(b), f(!1);
+    };
+    return n.subscribe(i, m).catch(console.error), () => {
+      n.unsubscribe(i, m).catch(console.error);
+    };
+  }, [n, i]), w(() => {
+    if (typeof p < "u") {
+      const m = setTimeout(() => {
+        n.set(i, p);
+      }, l);
+      return () => clearTimeout(m);
+    }
+  }, [p, n, i, l]), w(() => {
+    if (JSON.stringify(p) === JSON.stringify(_)) {
+      const m = setTimeout(() => {
+        x(void 0);
+      }, 500);
+      return () => clearTimeout(m);
+    }
+  }, [p, _]), [c, (s = p ?? _) !== null && s !== void 0 ? s : g, x];
+}
+function we(n, i) {
+  return (u, l = 0) => le(u, n, i, l);
+}
+export {
+  ke as SettingsCheckboxFrame,
+  Ee as SettingsCheckboxLabel,
+  pe as SettingsContainer,
+  me as SettingsField,
+  be as SettingsInputFrame,
+  ge as SettingsLabel,
+  ye as SettingsRadioFrame,
+  Re as SettingsRadioLabel,
+  he as SettingsSelectFrame,
+  xe as SettingsSwitchFrame,
+  ve as SettingsSwitchLabel,
+  _e as SettingsTextAreaFrame,
+  we as createUseStoreState,
+  le as useStoreState
+};