@teactjs/react 0.1.0-alpha.6 → 0.1.0-alpha.8

package/dist/index.js

@@ -1,880 +1,46 @@
 // @bun
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
-
-// ../../node_modules/.bun/react@19.2.4/node_modules/react/cjs/react.development.js
-var require_react_development = __commonJS((exports, module) => {
-  (function() {
-    function defineDeprecationWarning(methodName, info) {
-      Object.defineProperty(Component.prototype, methodName, {
-        get: function() {
-          console.warn("%s(...) is deprecated in plain JavaScript React classes. %s", info[0], info[1]);
-        }
-      });
-    }
-    function getIteratorFn(maybeIterable) {
-      if (maybeIterable === null || typeof maybeIterable !== "object")
-        return null;
-      maybeIterable = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable["@@iterator"];
-      return typeof maybeIterable === "function" ? maybeIterable : null;
-    }
-    function warnNoop(publicInstance, callerName) {
-      publicInstance = (publicInstance = publicInstance.constructor) && (publicInstance.displayName || publicInstance.name) || "ReactClass";
-      var warningKey = publicInstance + "." + callerName;
-      didWarnStateUpdateForUnmountedComponent[warningKey] || (console.error("Can't call %s on a component that is not yet mounted. This is a no-op, but it might indicate a bug in your application. Instead, assign to `this.state` directly or define a `state = {};` class property with the desired state in the %s component.", callerName, publicInstance), didWarnStateUpdateForUnmountedComponent[warningKey] = true);
-    }
-    function Component(props, context, updater) {
-      this.props = props;
-      this.context = context;
-      this.refs = emptyObject;
-      this.updater = updater || ReactNoopUpdateQueue;
-    }
-    function ComponentDummy() {}
-    function PureComponent(props, context, updater) {
-      this.props = props;
-      this.context = context;
-      this.refs = emptyObject;
-      this.updater = updater || ReactNoopUpdateQueue;
-    }
-    function noop() {}
-    function testStringCoercion(value) {
-      return "" + value;
-    }
-    function checkKeyStringCoercion(value) {
-      try {
-        testStringCoercion(value);
-        var JSCompiler_inline_result = false;
-      } catch (e) {
-        JSCompiler_inline_result = true;
-      }
-      if (JSCompiler_inline_result) {
-        JSCompiler_inline_result = console;
-        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-        var JSCompiler_inline_result$jscomp$0 = typeof Symbol === "function" && Symbol.toStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
-        JSCompiler_temp_const.call(JSCompiler_inline_result, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", JSCompiler_inline_result$jscomp$0);
-        return testStringCoercion(value);
-      }
-    }
-    function getComponentNameFromType(type) {
-      if (type == null)
-        return null;
-      if (typeof type === "function")
-        return type.$$typeof === REACT_CLIENT_REFERENCE ? null : type.displayName || type.name || null;
-      if (typeof type === "string")
-        return type;
-      switch (type) {
-        case REACT_FRAGMENT_TYPE:
-          return "Fragment";
-        case REACT_PROFILER_TYPE:
-          return "Profiler";
-        case REACT_STRICT_MODE_TYPE:
-          return "StrictMode";
-        case REACT_SUSPENSE_TYPE:
-          return "Suspense";
-        case REACT_SUSPENSE_LIST_TYPE:
-          return "SuspenseList";
-        case REACT_ACTIVITY_TYPE:
-          return "Activity";
-      }
-      if (typeof type === "object")
-        switch (typeof type.tag === "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), type.$$typeof) {
-          case REACT_PORTAL_TYPE:
-            return "Portal";
-          case REACT_CONTEXT_TYPE:
-            return type.displayName || "Context";
-          case REACT_CONSUMER_TYPE:
-            return (type._context.displayName || "Context") + ".Consumer";
-          case REACT_FORWARD_REF_TYPE:
-            var innerType = type.render;
-            type = type.displayName;
-            type || (type = innerType.displayName || innerType.name || "", type = type !== "" ? "ForwardRef(" + type + ")" : "ForwardRef");
-            return type;
-          case REACT_MEMO_TYPE:
-            return innerType = type.displayName || null, innerType !== null ? innerType : getComponentNameFromType(type.type) || "Memo";
-          case REACT_LAZY_TYPE:
-            innerType = type._payload;
-            type = type._init;
-            try {
-              return getComponentNameFromType(type(innerType));
-            } catch (x) {}
-        }
-      return null;
-    }
-    function getTaskName(type) {
-      if (type === REACT_FRAGMENT_TYPE)
-        return "<>";
-      if (typeof type === "object" && type !== null && type.$$typeof === REACT_LAZY_TYPE)
-        return "<...>";
-      try {
-        var name = getComponentNameFromType(type);
-        return name ? "<" + name + ">" : "<...>";
-      } catch (x) {
-        return "<...>";
-      }
-    }
-    function getOwner() {
-      var dispatcher = ReactSharedInternals.A;
-      return dispatcher === null ? null : dispatcher.getOwner();
-    }
-    function UnknownOwner() {
-      return Error("react-stack-top-frame");
-    }
-    function hasValidKey(config) {
-      if (hasOwnProperty.call(config, "key")) {
-        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-        if (getter && getter.isReactWarning)
-          return false;
-      }
-      return config.key !== undefined;
-    }
-    function defineKeyPropWarningGetter(props, displayName) {
-      function warnAboutAccessingKey() {
-        specialPropKeyWarningShown || (specialPropKeyWarningShown = true, 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)", displayName));
-      }
-      warnAboutAccessingKey.isReactWarning = true;
-      Object.defineProperty(props, "key", {
-        get: warnAboutAccessingKey,
-        configurable: true
-      });
-    }
-    function elementRefGetterWithDeprecationWarning() {
-      var componentName = getComponentNameFromType(this.type);
-      didWarnAboutElementRef[componentName] || (didWarnAboutElementRef[componentName] = true, 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."));
-      componentName = this.props.ref;
-      return componentName !== undefined ? componentName : null;
-    }
-    function ReactElement(type, key, props, owner, debugStack, debugTask) {
-      var refProp = props.ref;
-      type = {
-        $$typeof: REACT_ELEMENT_TYPE,
-        type,
-        key,
-        props,
-        _owner: owner
-      };
-      (refProp !== undefined ? refProp : null) !== null ? Object.defineProperty(type, "ref", {
-        enumerable: false,
-        get: elementRefGetterWithDeprecationWarning
-      }) : Object.defineProperty(type, "ref", { enumerable: false, value: null });
-      type._store = {};
-      Object.defineProperty(type._store, "validated", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: 0
-      });
-      Object.defineProperty(type, "_debugInfo", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: null
-      });
-      Object.defineProperty(type, "_debugStack", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugStack
-      });
-      Object.defineProperty(type, "_debugTask", {
-        configurable: false,
-        enumerable: false,
-        writable: true,
-        value: debugTask
-      });
-      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-      return type;
-    }
-    function cloneAndReplaceKey(oldElement, newKey) {
-      newKey = ReactElement(oldElement.type, newKey, oldElement.props, oldElement._owner, oldElement._debugStack, oldElement._debugTask);
-      oldElement._store && (newKey._store.validated = oldElement._store.validated);
-      return newKey;
-    }
-    function validateChildKeys(node) {
-      isValidElement(node) ? node._store && (node._store.validated = 1) : typeof node === "object" && node !== null && node.$$typeof === REACT_LAZY_TYPE && (node._payload.status === "fulfilled" ? isValidElement(node._payload.value) && node._payload.value._store && (node._payload.value._store.validated = 1) : node._store && (node._store.validated = 1));
-    }
-    function isValidElement(object) {
-      return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-    }
-    function escape(key) {
-      var escaperLookup = { "=": "=0", ":": "=2" };
-      return "$" + key.replace(/[=:]/g, function(match) {
-        return escaperLookup[match];
-      });
-    }
-    function getElementKey(element, index) {
-      return typeof element === "object" && element !== null && element.key != null ? (checkKeyStringCoercion(element.key), escape("" + element.key)) : index.toString(36);
-    }
-    function resolveThenable(thenable) {
-      switch (thenable.status) {
-        case "fulfilled":
-          return thenable.value;
-        case "rejected":
-          throw thenable.reason;
-        default:
-          switch (typeof thenable.status === "string" ? thenable.then(noop, noop) : (thenable.status = "pending", thenable.then(function(fulfilledValue) {
-            thenable.status === "pending" && (thenable.status = "fulfilled", thenable.value = fulfilledValue);
-          }, function(error) {
-            thenable.status === "pending" && (thenable.status = "rejected", thenable.reason = error);
-          })), thenable.status) {
-            case "fulfilled":
-              return thenable.value;
-            case "rejected":
-              throw thenable.reason;
-          }
-      }
-      throw thenable;
-    }
-    function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
-      var type = typeof children;
-      if (type === "undefined" || type === "boolean")
-        children = null;
-      var invokeCallback = false;
-      if (children === null)
-        invokeCallback = true;
-      else
-        switch (type) {
-          case "bigint":
-          case "string":
-          case "number":
-            invokeCallback = true;
-            break;
-          case "object":
-            switch (children.$$typeof) {
-              case REACT_ELEMENT_TYPE:
-              case REACT_PORTAL_TYPE:
-                invokeCallback = true;
-                break;
-              case REACT_LAZY_TYPE:
-                return invokeCallback = children._init, mapIntoArray(invokeCallback(children._payload), array, escapedPrefix, nameSoFar, callback);
-            }
-        }
-      if (invokeCallback) {
-        invokeCallback = children;
-        callback = callback(invokeCallback);
-        var childKey = nameSoFar === "" ? "." + getElementKey(invokeCallback, 0) : nameSoFar;
-        isArrayImpl(callback) ? (escapedPrefix = "", childKey != null && (escapedPrefix = childKey.replace(userProvidedKeyEscapeRegex, "$&/") + "/"), mapIntoArray(callback, array, escapedPrefix, "", function(c) {
-          return c;
-        })) : callback != null && (isValidElement(callback) && (callback.key != null && (invokeCallback && invokeCallback.key === callback.key || checkKeyStringCoercion(callback.key)), escapedPrefix = cloneAndReplaceKey(callback, escapedPrefix + (callback.key == null || invokeCallback && invokeCallback.key === callback.key ? "" : ("" + callback.key).replace(userProvidedKeyEscapeRegex, "$&/") + "/") + childKey), nameSoFar !== "" && invokeCallback != null && isValidElement(invokeCallback) && invokeCallback.key == null && invokeCallback._store && !invokeCallback._store.validated && (escapedPrefix._store.validated = 2), callback = escapedPrefix), array.push(callback));
-        return 1;
-      }
-      invokeCallback = 0;
-      childKey = nameSoFar === "" ? "." : nameSoFar + ":";
-      if (isArrayImpl(children))
-        for (var i = 0;i < children.length; i++)
-          nameSoFar = children[i], type = childKey + getElementKey(nameSoFar, i), invokeCallback += mapIntoArray(nameSoFar, array, escapedPrefix, type, callback);
-      else if (i = getIteratorFn(children), typeof i === "function")
-        for (i === children.entries && (didWarnAboutMaps || console.warn("Using Maps as children is not supported. Use an array of keyed ReactElements instead."), didWarnAboutMaps = true), children = i.call(children), i = 0;!(nameSoFar = children.next()).done; )
-          nameSoFar = nameSoFar.value, type = childKey + getElementKey(nameSoFar, i++), invokeCallback += mapIntoArray(nameSoFar, array, escapedPrefix, type, callback);
-      else if (type === "object") {
-        if (typeof children.then === "function")
-          return mapIntoArray(resolveThenable(children), array, escapedPrefix, nameSoFar, callback);
-        array = String(children);
-        throw Error("Objects are not valid as a React child (found: " + (array === "[object Object]" ? "object with keys {" + Object.keys(children).join(", ") + "}" : array) + "). If you meant to render a collection of children, use an array instead.");
-      }
-      return invokeCallback;
-    }
-    function mapChildren(children, func, context) {
-      if (children == null)
-        return children;
-      var result = [], count = 0;
-      mapIntoArray(children, result, "", "", function(child) {
-        return func.call(context, child, count++);
-      });
-      return result;
-    }
-    function lazyInitializer(payload) {
-      if (payload._status === -1) {
-        var ioInfo = payload._ioInfo;
-        ioInfo != null && (ioInfo.start = ioInfo.end = performance.now());
-        ioInfo = payload._result;
-        var thenable = ioInfo();
-        thenable.then(function(moduleObject) {
-          if (payload._status === 0 || payload._status === -1) {
-            payload._status = 1;
-            payload._result = moduleObject;
-            var _ioInfo = payload._ioInfo;
-            _ioInfo != null && (_ioInfo.end = performance.now());
-            thenable.status === undefined && (thenable.status = "fulfilled", thenable.value = moduleObject);
-          }
-        }, function(error) {
-          if (payload._status === 0 || payload._status === -1) {
-            payload._status = 2;
-            payload._result = error;
-            var _ioInfo2 = payload._ioInfo;
-            _ioInfo2 != null && (_ioInfo2.end = performance.now());
-            thenable.status === undefined && (thenable.status = "rejected", thenable.reason = error);
-          }
-        });
-        ioInfo = payload._ioInfo;
-        if (ioInfo != null) {
-          ioInfo.value = thenable;
-          var displayName = thenable.displayName;
-          typeof displayName === "string" && (ioInfo.name = displayName);
-        }
-        payload._status === -1 && (payload._status = 0, payload._result = thenable);
-      }
-      if (payload._status === 1)
-        return ioInfo = payload._result, ioInfo === undefined && console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
-
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))
-
-Did you accidentally put curly braces around the import?`, ioInfo), "default" in ioInfo || console.error(`lazy: Expected the result of a dynamic import() call. Instead received: %s
-
-Your code should look like: 
-  const MyComponent = lazy(() => import('./MyComponent'))`, ioInfo), ioInfo.default;
-      throw payload._result;
-    }
-    function resolveDispatcher() {
-      var dispatcher = ReactSharedInternals.H;
-      dispatcher === null && console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
-1. You might have mismatching versions of React and the renderer (such as React DOM)
-2. You might be breaking the Rules of Hooks
-3. You might have more than one copy of React in the same app
-See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`);
-      return dispatcher;
-    }
-    function releaseAsyncTransition() {
-      ReactSharedInternals.asyncTransitions--;
-    }
-    function enqueueTask(task) {
-      if (enqueueTaskImpl === null)
-        try {
-          var requireString = ("require" + Math.random()).slice(0, 7);
-          enqueueTaskImpl = (module && module[requireString]).call(module, "timers").setImmediate;
-        } catch (_err) {
-          enqueueTaskImpl = function(callback) {
-            didWarnAboutMessageChannel === false && (didWarnAboutMessageChannel = true, typeof MessageChannel === "undefined" && console.error("This browser does not have a MessageChannel implementation, so enqueuing tasks via await act(async () => ...) will fail. Please file an issue at https://github.com/facebook/react/issues if you encounter this warning."));
-            var channel = new MessageChannel;
-            channel.port1.onmessage = callback;
-            channel.port2.postMessage(undefined);
-          };
-        }
-      return enqueueTaskImpl(task);
-    }
-    function aggregateErrors(errors) {
-      return 1 < errors.length && typeof AggregateError === "function" ? new AggregateError(errors) : errors[0];
-    }
-    function popActScope(prevActQueue, prevActScopeDepth) {
-      prevActScopeDepth !== actScopeDepth - 1 && console.error("You seem to have overlapping act() calls, this is not supported. Be sure to await previous act() calls before making a new one. ");
-      actScopeDepth = prevActScopeDepth;
-    }
-    function recursivelyFlushAsyncActWork(returnValue, resolve, reject) {
-      var queue = ReactSharedInternals.actQueue;
-      if (queue !== null)
-        if (queue.length !== 0)
-          try {
-            flushActQueue(queue);
-            enqueueTask(function() {
-              return recursivelyFlushAsyncActWork(returnValue, resolve, reject);
-            });
-            return;
-          } catch (error) {
-            ReactSharedInternals.thrownErrors.push(error);
-          }
-        else
-          ReactSharedInternals.actQueue = null;
-      0 < ReactSharedInternals.thrownErrors.length ? (queue = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, reject(queue)) : resolve(returnValue);
-    }
-    function flushActQueue(queue) {
-      if (!isFlushing) {
-        isFlushing = true;
-        var i = 0;
-        try {
-          for (;i < queue.length; i++) {
-            var callback = queue[i];
-            do {
-              ReactSharedInternals.didUsePromise = false;
-              var continuation = callback(false);
-              if (continuation !== null) {
-                if (ReactSharedInternals.didUsePromise) {
-                  queue[i] = callback;
-                  queue.splice(0, i);
-                  return;
-                }
-                callback = continuation;
-              } else
-                break;
-            } while (1);
-          }
-          queue.length = 0;
-        } catch (error) {
-          queue.splice(0, i + 1), ReactSharedInternals.thrownErrors.push(error);
-        } finally {
-          isFlushing = false;
-        }
-      }
-    }
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"), REACT_PORTAL_TYPE = Symbol.for("react.portal"), REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"), REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"), REACT_PROFILER_TYPE = Symbol.for("react.profiler"), REACT_CONSUMER_TYPE = Symbol.for("react.consumer"), REACT_CONTEXT_TYPE = Symbol.for("react.context"), REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"), REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"), REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"), REACT_MEMO_TYPE = Symbol.for("react.memo"), REACT_LAZY_TYPE = Symbol.for("react.lazy"), REACT_ACTIVITY_TYPE = Symbol.for("react.activity"), MAYBE_ITERATOR_SYMBOL = Symbol.iterator, didWarnStateUpdateForUnmountedComponent = {}, ReactNoopUpdateQueue = {
-      isMounted: function() {
-        return false;
-      },
-      enqueueForceUpdate: function(publicInstance) {
-        warnNoop(publicInstance, "forceUpdate");
-      },
-      enqueueReplaceState: function(publicInstance) {
-        warnNoop(publicInstance, "replaceState");
-      },
-      enqueueSetState: function(publicInstance) {
-        warnNoop(publicInstance, "setState");
-      }
-    }, assign = Object.assign, emptyObject = {};
-    Object.freeze(emptyObject);
-    Component.prototype.isReactComponent = {};
-    Component.prototype.setState = function(partialState, callback) {
-      if (typeof partialState !== "object" && typeof partialState !== "function" && partialState != null)
-        throw Error("takes an object of state variables to update or a function which returns an object of state variables.");
-      this.updater.enqueueSetState(this, partialState, callback, "setState");
-    };
-    Component.prototype.forceUpdate = function(callback) {
-      this.updater.enqueueForceUpdate(this, callback, "forceUpdate");
-    };
-    var deprecatedAPIs = {
-      isMounted: [
-        "isMounted",
-        "Instead, make sure to clean up subscriptions and pending requests in componentWillUnmount to prevent memory leaks."
-      ],
-      replaceState: [
-        "replaceState",
-        "Refactor your code to use setState instead (see https://github.com/facebook/react/issues/3236)."
-      ]
-    };
-    for (fnName in deprecatedAPIs)
-      deprecatedAPIs.hasOwnProperty(fnName) && defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
-    ComponentDummy.prototype = Component.prototype;
-    deprecatedAPIs = PureComponent.prototype = new ComponentDummy;
-    deprecatedAPIs.constructor = PureComponent;
-    assign(deprecatedAPIs, Component.prototype);
-    deprecatedAPIs.isPureReactComponent = true;
-    var isArrayImpl = Array.isArray, REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"), ReactSharedInternals = {
-      H: null,
-      A: null,
-      T: null,
-      S: null,
-      actQueue: null,
-      asyncTransitions: 0,
-      isBatchingLegacy: false,
-      didScheduleLegacyUpdate: false,
-      didUsePromise: false,
-      thrownErrors: [],
-      getCurrentStack: null,
-      recentlyCreatedOwnerStacks: 0
-    }, hasOwnProperty = Object.prototype.hasOwnProperty, createTask = console.createTask ? console.createTask : function() {
-      return null;
-    };
-    deprecatedAPIs = {
-      react_stack_bottom_frame: function(callStackForError) {
-        return callStackForError();
-      }
-    };
-    var specialPropKeyWarningShown, didWarnAboutOldJSXRuntime;
-    var didWarnAboutElementRef = {};
-    var unknownOwnerDebugStack = deprecatedAPIs.react_stack_bottom_frame.bind(deprecatedAPIs, UnknownOwner)();
-    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-    var didWarnAboutMaps = false, userProvidedKeyEscapeRegex = /\/+/g, reportGlobalError = typeof reportError === "function" ? reportError : function(error) {
-      if (typeof window === "object" && typeof window.ErrorEvent === "function") {
-        var event = new window.ErrorEvent("error", {
-          bubbles: true,
-          cancelable: true,
-          message: typeof error === "object" && error !== null && typeof error.message === "string" ? String(error.message) : String(error),
-          error
-        });
-        if (!window.dispatchEvent(event))
-          return;
-      } else if (typeof process === "object" && typeof process.emit === "function") {
-        process.emit("uncaughtException", error);
-        return;
-      }
-      console.error(error);
-    }, didWarnAboutMessageChannel = false, enqueueTaskImpl = null, actScopeDepth = 0, didWarnNoAwaitAct = false, isFlushing = false, queueSeveralMicrotasks = typeof queueMicrotask === "function" ? function(callback) {
-      queueMicrotask(function() {
-        return queueMicrotask(callback);
-      });
-    } : enqueueTask;
-    deprecatedAPIs = Object.freeze({
-      __proto__: null,
-      c: function(size) {
-        return resolveDispatcher().useMemoCache(size);
-      }
-    });
-    var fnName = {
-      map: mapChildren,
-      forEach: function(children, forEachFunc, forEachContext) {
-        mapChildren(children, function() {
-          forEachFunc.apply(this, arguments);
-        }, forEachContext);
-      },
-      count: function(children) {
-        var n = 0;
-        mapChildren(children, function() {
-          n++;
-        });
-        return n;
-      },
-      toArray: function(children) {
-        return mapChildren(children, function(child) {
-          return child;
-        }) || [];
-      },
-      only: function(children) {
-        if (!isValidElement(children))
-          throw Error("React.Children.only expected to receive a single React element child.");
-        return children;
-      }
-    };
-    exports.Activity = REACT_ACTIVITY_TYPE;
-    exports.Children = fnName;
-    exports.Component = Component;
-    exports.Fragment = REACT_FRAGMENT_TYPE;
-    exports.Profiler = REACT_PROFILER_TYPE;
-    exports.PureComponent = PureComponent;
-    exports.StrictMode = REACT_STRICT_MODE_TYPE;
-    exports.Suspense = REACT_SUSPENSE_TYPE;
-    exports.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = ReactSharedInternals;
-    exports.__COMPILER_RUNTIME = deprecatedAPIs;
-    exports.act = function(callback) {
-      var prevActQueue = ReactSharedInternals.actQueue, prevActScopeDepth = actScopeDepth;
-      actScopeDepth++;
-      var queue = ReactSharedInternals.actQueue = prevActQueue !== null ? prevActQueue : [], didAwaitActCall = false;
-      try {
-        var result = callback();
-      } catch (error) {
-        ReactSharedInternals.thrownErrors.push(error);
-      }
-      if (0 < ReactSharedInternals.thrownErrors.length)
-        throw popActScope(prevActQueue, prevActScopeDepth), callback = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, callback;
-      if (result !== null && typeof result === "object" && typeof result.then === "function") {
-        var thenable = result;
-        queueSeveralMicrotasks(function() {
-          didAwaitActCall || didWarnNoAwaitAct || (didWarnNoAwaitAct = true, console.error("You called act(async () => ...) without await. This could lead to unexpected testing behaviour, interleaving multiple act calls and mixing their scopes. You should - await act(async () => ...);"));
-        });
-        return {
-          then: function(resolve, reject) {
-            didAwaitActCall = true;
-            thenable.then(function(returnValue) {
-              popActScope(prevActQueue, prevActScopeDepth);
-              if (prevActScopeDepth === 0) {
-                try {
-                  flushActQueue(queue), enqueueTask(function() {
-                    return recursivelyFlushAsyncActWork(returnValue, resolve, reject);
-                  });
-                } catch (error$0) {
-                  ReactSharedInternals.thrownErrors.push(error$0);
-                }
-                if (0 < ReactSharedInternals.thrownErrors.length) {
-                  var _thrownError = aggregateErrors(ReactSharedInternals.thrownErrors);
-                  ReactSharedInternals.thrownErrors.length = 0;
-                  reject(_thrownError);
-                }
-              } else
-                resolve(returnValue);
-            }, function(error) {
-              popActScope(prevActQueue, prevActScopeDepth);
-              0 < ReactSharedInternals.thrownErrors.length ? (error = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, reject(error)) : reject(error);
-            });
-          }
-        };
-      }
-      var returnValue$jscomp$0 = result;
-      popActScope(prevActQueue, prevActScopeDepth);
-      prevActScopeDepth === 0 && (flushActQueue(queue), queue.length !== 0 && queueSeveralMicrotasks(function() {
-        didAwaitActCall || didWarnNoAwaitAct || (didWarnNoAwaitAct = true, console.error("A component suspended inside an `act` scope, but the `act` call was not awaited. When testing React components that depend on asynchronous data, you must await the result:\n\nawait act(() => ...)"));
-      }), ReactSharedInternals.actQueue = null);
-      if (0 < ReactSharedInternals.thrownErrors.length)
-        throw callback = aggregateErrors(ReactSharedInternals.thrownErrors), ReactSharedInternals.thrownErrors.length = 0, callback;
-      return {
-        then: function(resolve, reject) {
-          didAwaitActCall = true;
-          prevActScopeDepth === 0 ? (ReactSharedInternals.actQueue = queue, enqueueTask(function() {
-            return recursivelyFlushAsyncActWork(returnValue$jscomp$0, resolve, reject);
-          })) : resolve(returnValue$jscomp$0);
-        }
-      };
-    };
-    exports.cache = function(fn) {
-      return function() {
-        return fn.apply(null, arguments);
-      };
-    };
-    exports.cacheSignal = function() {
-      return null;
-    };
-    exports.captureOwnerStack = function() {
-      var getCurrentStack = ReactSharedInternals.getCurrentStack;
-      return getCurrentStack === null ? null : getCurrentStack();
-    };
-    exports.cloneElement = function(element, config, children) {
-      if (element === null || element === undefined)
-        throw Error("The argument must be a React element, but you passed " + element + ".");
-      var props = assign({}, element.props), key = element.key, owner = element._owner;
-      if (config != null) {
-        var JSCompiler_inline_result;
-        a: {
-          if (hasOwnProperty.call(config, "ref") && (JSCompiler_inline_result = Object.getOwnPropertyDescriptor(config, "ref").get) && JSCompiler_inline_result.isReactWarning) {
-            JSCompiler_inline_result = false;
-            break a;
-          }
-          JSCompiler_inline_result = config.ref !== undefined;
-        }
-        JSCompiler_inline_result && (owner = getOwner());
-        hasValidKey(config) && (checkKeyStringCoercion(config.key), key = "" + config.key);
-        for (propName in config)
-          !hasOwnProperty.call(config, propName) || propName === "key" || propName === "__self" || propName === "__source" || propName === "ref" && config.ref === undefined || (props[propName] = config[propName]);
-      }
-      var propName = arguments.length - 2;
-      if (propName === 1)
-        props.children = children;
-      else if (1 < propName) {
-        JSCompiler_inline_result = Array(propName);
-        for (var i = 0;i < propName; i++)
-          JSCompiler_inline_result[i] = arguments[i + 2];
-        props.children = JSCompiler_inline_result;
-      }
-      props = ReactElement(element.type, key, props, owner, element._debugStack, element._debugTask);
-      for (key = 2;key < arguments.length; key++)
-        validateChildKeys(arguments[key]);
-      return props;
-    };
-    exports.createContext = function(defaultValue) {
-      defaultValue = {
-        $$typeof: REACT_CONTEXT_TYPE,
-        _currentValue: defaultValue,
-        _currentValue2: defaultValue,
-        _threadCount: 0,
-        Provider: null,
-        Consumer: null
-      };
-      defaultValue.Provider = defaultValue;
-      defaultValue.Consumer = {
-        $$typeof: REACT_CONSUMER_TYPE,
-        _context: defaultValue
-      };
-      defaultValue._currentRenderer = null;
-      defaultValue._currentRenderer2 = null;
-      return defaultValue;
-    };
-    exports.createElement = function(type, config, children) {
-      for (var i = 2;i < arguments.length; i++)
-        validateChildKeys(arguments[i]);
-      i = {};
-      var key = null;
-      if (config != null)
-        for (propName in didWarnAboutOldJSXRuntime || !("__self" in config) || "key" in config || (didWarnAboutOldJSXRuntime = true, console.warn("Your app (or one of its dependencies) is using an outdated JSX transform. Update to the modern JSX transform for faster performance: https://react.dev/link/new-jsx-transform")), hasValidKey(config) && (checkKeyStringCoercion(config.key), key = "" + config.key), config)
-          hasOwnProperty.call(config, propName) && propName !== "key" && propName !== "__self" && propName !== "__source" && (i[propName] = config[propName]);
-      var childrenLength = arguments.length - 2;
-      if (childrenLength === 1)
-        i.children = children;
-      else if (1 < childrenLength) {
-        for (var childArray = Array(childrenLength), _i = 0;_i < childrenLength; _i++)
-          childArray[_i] = arguments[_i + 2];
-        Object.freeze && Object.freeze(childArray);
-        i.children = childArray;
-      }
-      if (type && type.defaultProps)
-        for (propName in childrenLength = type.defaultProps, childrenLength)
-          i[propName] === undefined && (i[propName] = childrenLength[propName]);
-      key && defineKeyPropWarningGetter(i, typeof type === "function" ? type.displayName || type.name || "Unknown" : type);
-      var propName = 1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-      return ReactElement(type, key, i, getOwner(), propName ? Error("react-stack-top-frame") : unknownOwnerDebugStack, propName ? createTask(getTaskName(type)) : unknownOwnerDebugTask);
-    };
-    exports.createRef = function() {
-      var refObject = { current: null };
-      Object.seal(refObject);
-      return refObject;
-    };
-    exports.forwardRef = function(render) {
-      render != null && render.$$typeof === REACT_MEMO_TYPE ? console.error("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof render !== "function" ? console.error("forwardRef requires a render function but was given %s.", render === null ? "null" : typeof render) : render.length !== 0 && render.length !== 2 && console.error("forwardRef render functions accept exactly two parameters: props and ref. %s", render.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined.");
-      render != null && render.defaultProps != null && console.error("forwardRef render functions do not support defaultProps. Did you accidentally pass a React component?");
-      var elementType = { $$typeof: REACT_FORWARD_REF_TYPE, render }, ownName;
-      Object.defineProperty(elementType, "displayName", {
-        enumerable: false,
-        configurable: true,
-        get: function() {
-          return ownName;
-        },
-        set: function(name) {
-          ownName = name;
-          render.name || render.displayName || (Object.defineProperty(render, "name", { value: name }), render.displayName = name);
-        }
-      });
-      return elementType;
-    };
-    exports.isValidElement = isValidElement;
-    exports.lazy = function(ctor) {
-      ctor = { _status: -1, _result: ctor };
-      var lazyType = {
-        $$typeof: REACT_LAZY_TYPE,
-        _payload: ctor,
-        _init: lazyInitializer
-      }, ioInfo = {
-        name: "lazy",
-        start: -1,
-        end: -1,
-        value: null,
-        owner: null,
-        debugStack: Error("react-stack-top-frame"),
-        debugTask: console.createTask ? console.createTask("lazy()") : null
-      };
-      ctor._ioInfo = ioInfo;
-      lazyType._debugInfo = [{ awaited: ioInfo }];
-      return lazyType;
-    };
-    exports.memo = function(type, compare) {
-      type == null && console.error("memo: The first argument must be a component. Instead received: %s", type === null ? "null" : typeof type);
-      compare = {
-        $$typeof: REACT_MEMO_TYPE,
-        type,
-        compare: compare === undefined ? null : compare
-      };
-      var ownName;
-      Object.defineProperty(compare, "displayName", {
-        enumerable: false,
-        configurable: true,
-        get: function() {
-          return ownName;
-        },
-        set: function(name) {
-          ownName = name;
-          type.name || type.displayName || (Object.defineProperty(type, "name", { value: name }), type.displayName = name);
-        }
-      });
-      return compare;
-    };
-    exports.startTransition = function(scope) {
-      var prevTransition = ReactSharedInternals.T, currentTransition = {};
-      currentTransition._updatedFibers = new Set;
-      ReactSharedInternals.T = currentTransition;
-      try {
-        var returnValue = scope(), onStartTransitionFinish = ReactSharedInternals.S;
-        onStartTransitionFinish !== null && onStartTransitionFinish(currentTransition, returnValue);
-        typeof returnValue === "object" && returnValue !== null && typeof returnValue.then === "function" && (ReactSharedInternals.asyncTransitions++, returnValue.then(releaseAsyncTransition, releaseAsyncTransition), returnValue.then(noop, reportGlobalError));
-      } catch (error) {
-        reportGlobalError(error);
-      } finally {
-        prevTransition === null && currentTransition._updatedFibers && (scope = currentTransition._updatedFibers.size, currentTransition._updatedFibers.clear(), 10 < scope && console.warn("Detected a large number of updates inside startTransition. If this is due to a subscription please re-write it to use React provided hooks. Otherwise concurrent mode guarantees are off the table.")), prevTransition !== null && currentTransition.types !== null && (prevTransition.types !== null && prevTransition.types !== currentTransition.types && console.error("We expected inner Transitions to have transferred the outer types set and that you cannot add to the outer Transition while inside the inner.This is a bug in React."), prevTransition.types = currentTransition.types), ReactSharedInternals.T = prevTransition;
-      }
-    };
-    exports.unstable_useCacheRefresh = function() {
-      return resolveDispatcher().useCacheRefresh();
-    };
-    exports.use = function(usable) {
-      return resolveDispatcher().use(usable);
-    };
-    exports.useActionState = function(action, initialState, permalink) {
-      return resolveDispatcher().useActionState(action, initialState, permalink);
-    };
-    exports.useCallback = function(callback, deps) {
-      return resolveDispatcher().useCallback(callback, deps);
-    };
-    exports.useContext = function(Context) {
-      var dispatcher = resolveDispatcher();
-      Context.$$typeof === REACT_CONSUMER_TYPE && console.error("Calling useContext(Context.Consumer) is not supported and will cause bugs. Did you mean to call useContext(Context) instead?");
-      return dispatcher.useContext(Context);
-    };
-    exports.useDebugValue = function(value, formatterFn) {
-      return resolveDispatcher().useDebugValue(value, formatterFn);
-    };
-    exports.useDeferredValue = function(value, initialValue) {
-      return resolveDispatcher().useDeferredValue(value, initialValue);
-    };
-    exports.useEffect = function(create, deps) {
-      create == null && console.warn("React Hook useEffect requires an effect callback. Did you forget to pass a callback to the hook?");
-      return resolveDispatcher().useEffect(create, deps);
-    };
-    exports.useEffectEvent = function(callback) {
-      return resolveDispatcher().useEffectEvent(callback);
-    };
-    exports.useId = function() {
-      return resolveDispatcher().useId();
-    };
-    exports.useImperativeHandle = function(ref, create, deps) {
-      return resolveDispatcher().useImperativeHandle(ref, create, deps);
-    };
-    exports.useInsertionEffect = function(create, deps) {
-      create == null && console.warn("React Hook useInsertionEffect requires an effect callback. Did you forget to pass a callback to the hook?");
-      return resolveDispatcher().useInsertionEffect(create, deps);
-    };
-    exports.useLayoutEffect = function(create, deps) {
-      create == null && console.warn("React Hook useLayoutEffect requires an effect callback. Did you forget to pass a callback to the hook?");
-      return resolveDispatcher().useLayoutEffect(create, deps);
-    };
-    exports.useMemo = function(create, deps) {
-      return resolveDispatcher().useMemo(create, deps);
-    };
-    exports.useOptimistic = function(passthrough, reducer) {
-      return resolveDispatcher().useOptimistic(passthrough, reducer);
-    };
-    exports.useReducer = function(reducer, initialArg, init) {
-      return resolveDispatcher().useReducer(reducer, initialArg, init);
-    };
-    exports.useRef = function(initialValue) {
-      return resolveDispatcher().useRef(initialValue);
-    };
-    exports.useState = function(initialState) {
-      return resolveDispatcher().useState(initialState);
-    };
-    exports.useSyncExternalStore = function(subscribe, getSnapshot, getServerSnapshot) {
-      return resolveDispatcher().useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-    };
-    exports.useTransition = function() {
-      return resolveDispatcher().useTransition();
-    };
-    exports.version = "19.2.4";
-    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })();
-});
-
-// ../../node_modules/.bun/react@19.2.4/node_modules/react/index.js
-var require_react = __commonJS((exports, module) => {
-  var react_development = __toESM(require_react_development());
-  if (false) {} else {
-    module.exports = react_development;
-  }
-});
-
 // src/index.ts
-var import_react5 = __toESM(require_react(), 1);
+import {
+  useState as useState2,
+  useEffect as useEffect2,
+  useReducer,
+  useMemo,
+  useCallback as useCallback2,
+  useRef as useRef2,
+  useContext as useContext2,
+  useId as useId2,
+  use,
+  createContext as createContext2,
+  memo,
+  Fragment,
+  createElement,
+  Suspense
+} from "react";
 
 // src/components.ts
-var import_react2 = __toESM(require_react(), 1);
+import React2, { useContext, useId, createContext } from "react";
 
 // src/callback-registry.ts
-var import_react = __toESM(require_react(), 1);
-var CallbackRegistryCtx = import_react.default.createContext(null);
+import React from "react";
+var CallbackRegistryCtx = React.createContext(null);
 
 // src/components.ts
-var KeyboardCtx = import_react2.createContext(false);
-var ReplyKeyboardCtx = import_react2.createContext(false);
-var MediaGroupCtx = import_react2.createContext(false);
+var KeyboardCtx = createContext(false);
+var ReplyKeyboardCtx = createContext(false);
+var MediaGroupCtx = createContext(false);
 function Message({ text, parseMode, disablePreview, children }) {
-  return import_react2.default.createElement("tg-message", { text, parseMode, disablePreview }, children);
+  return React2.createElement("tg-message", { text, parseMode, disablePreview }, children);
 }
 function InlineKeyboard({ children }) {
-  return import_react2.default.createElement(KeyboardCtx.Provider, { value: true }, import_react2.default.createElement("tg-keyboard", null, children));
+  return React2.createElement(KeyboardCtx.Provider, { value: true }, React2.createElement("tg-keyboard", null, children));
 }
 function ButtonRow({ children }) {
-  const insideKeyboard = import_react2.useContext(KeyboardCtx);
+  const insideKeyboard = useContext(KeyboardCtx);
   if (!insideKeyboard) {
     throw new Error(`[Teact] <ButtonRow> must be used inside <InlineKeyboard>.
 ` + "Wrap your ButtonRow with <InlineKeyboard> first.");
   }
-  return import_react2.default.createElement("tg-button-row", null, children);
+  return React2.createElement("tg-button-row", null, children);
 }
 var VARIANT_PREFIX = {
   default: "",
@@ -883,7 +49,7 @@ var VARIANT_PREFIX = {
   outline: "\u25E6 "
 };
 function Button({ text, variant = "default", onClick, url, conversation }) {
-  const insideKeyboard = import_react2.useContext(KeyboardCtx);
+  const insideKeyboard = useContext(KeyboardCtx);
   if (!insideKeyboard) {
     throw new Error(`[Teact] <Button> must be used inside <InlineKeyboard>.
 ` + `Example:
@@ -893,8 +59,8 @@ function Button({ text, variant = "default", onClick, url, conversation }) {
     </ButtonRow>
   </InlineKeyboard>`);
   }
-  const registry = import_react2.useContext(CallbackRegistryCtx);
-  const id = import_react2.useId();
+  const registry = useContext(CallbackRegistryCtx);
+  const id = useId();
   let callbackData;
   if (url) {} else if (conversation) {
     callbackData = `__convo:${conversation}`;
@@ -907,105 +73,105 @@ function Button({ text, variant = "default", onClick, url, conversation }) {
     callbackData = text;
   }
   const displayText = VARIANT_PREFIX[variant] + text;
-  return import_react2.default.createElement("tg-button", { text: displayText, callbackData, url });
+  return React2.createElement("tg-button", { text: displayText, callbackData, url });
 }
 function WebAppButton({ text, url, variant = "default" }) {
-  const insideKeyboard = import_react2.useContext(KeyboardCtx);
+  const insideKeyboard = useContext(KeyboardCtx);
   if (!insideKeyboard) {
     throw new Error("[Teact] <Button.WebApp> must be used inside <InlineKeyboard>.");
   }
   const displayText = VARIANT_PREFIX[variant] + text;
-  return import_react2.default.createElement("tg-button", { text: displayText, webAppUrl: url });
+  return React2.createElement("tg-button", { text: displayText, webAppUrl: url });
 }
 function Photo({ src, caption, parseMode, hasSpoiler, children }) {
-  return import_react2.default.createElement("tg-photo", { src, caption, parseMode, hasSpoiler }, children);
+  return React2.createElement("tg-photo", { src, caption, parseMode, hasSpoiler }, children);
 }
 function Video({ src, caption, parseMode, width, height, duration, supportsStreaming, hasSpoiler, children }) {
-  return import_react2.default.createElement("tg-video", { src, caption, parseMode, width, height, duration, supportsStreaming, hasSpoiler }, children);
+  return React2.createElement("tg-video", { src, caption, parseMode, width, height, duration, supportsStreaming, hasSpoiler }, children);
 }
 function Animation({ src, caption, parseMode, width, height, duration, hasSpoiler, children }) {
-  return import_react2.default.createElement("tg-animation", { src, caption, parseMode, width, height, duration, hasSpoiler }, children);
+  return React2.createElement("tg-animation", { src, caption, parseMode, width, height, duration, hasSpoiler }, children);
 }
 function Voice({ src, caption, parseMode, duration, children }) {
-  return import_react2.default.createElement("tg-voice", { src, caption, parseMode, duration }, children);
+  return React2.createElement("tg-voice", { src, caption, parseMode, duration }, children);
 }
 function Audio({ src, caption, parseMode, performer, title, duration, children }) {
-  return import_react2.default.createElement("tg-audio", { src, caption, parseMode, performer, title, duration }, children);
+  return React2.createElement("tg-audio", { src, caption, parseMode, performer, title, duration }, children);
 }
 function VideoNote({ src, duration, length }) {
-  return import_react2.default.createElement("tg-video-note", { src, duration, length });
+  return React2.createElement("tg-video-note", { src, duration, length });
 }
 function Sticker({ src, emoji }) {
-  return import_react2.default.createElement("tg-sticker", { src, emoji });
+  return React2.createElement("tg-sticker", { src, emoji });
 }
 function Document({ src, caption, filename, children }) {
-  return import_react2.default.createElement("tg-document", { src, caption, filename }, children);
+  return React2.createElement("tg-document", { src, caption, filename }, children);
 }
 function Contact({ phoneNumber, firstName, lastName, vcard }) {
-  return import_react2.default.createElement("tg-contact", { phoneNumber, firstName, lastName, vcard });
+  return React2.createElement("tg-contact", { phoneNumber, firstName, lastName, vcard });
 }
 function Location({ latitude, longitude, horizontalAccuracy }) {
-  return import_react2.default.createElement("tg-location", { latitude, longitude, horizontalAccuracy });
+  return React2.createElement("tg-location", { latitude, longitude, horizontalAccuracy });
 }
 function LiveLocation({ latitude, longitude, livePeriod, horizontalAccuracy, heading, proximityAlertRadius }) {
-  return import_react2.default.createElement("tg-location", { latitude, longitude, livePeriod, horizontalAccuracy, heading, proximityAlertRadius });
+  return React2.createElement("tg-location", { latitude, longitude, livePeriod, horizontalAccuracy, heading, proximityAlertRadius });
 }
 function Venue({ latitude, longitude, title, address, foursquareId, foursquareType, googlePlaceId, googlePlaceType }) {
-  return import_react2.default.createElement("tg-venue", { latitude, longitude, title, address, foursquareId, foursquareType, googlePlaceId, googlePlaceType });
+  return React2.createElement("tg-venue", { latitude, longitude, title, address, foursquareId, foursquareType, googlePlaceId, googlePlaceType });
 }
 function MediaGroup({ children }) {
-  return import_react2.default.createElement(MediaGroupCtx.Provider, { value: true }, import_react2.default.createElement("tg-media-group", null, children));
+  return React2.createElement(MediaGroupCtx.Provider, { value: true }, React2.createElement("tg-media-group", null, children));
 }
 function MediaPhoto({ src, caption, parseMode, hasSpoiler }) {
-  const insideGroup = import_react2.useContext(MediaGroupCtx);
+  const insideGroup = useContext(MediaGroupCtx);
   if (!insideGroup) {
     throw new Error("[Teact] <MediaGroup.Photo> must be used inside <MediaGroup>.");
   }
-  return import_react2.default.createElement("tg-media-photo", { src, caption, parseMode, hasSpoiler });
+  return React2.createElement("tg-media-photo", { src, caption, parseMode, hasSpoiler });
 }
 function MediaVideo({ src, caption, parseMode, width, height, duration, supportsStreaming, hasSpoiler }) {
-  const insideGroup = import_react2.useContext(MediaGroupCtx);
+  const insideGroup = useContext(MediaGroupCtx);
   if (!insideGroup) {
     throw new Error("[Teact] <MediaGroup.Video> must be used inside <MediaGroup>.");
   }
-  return import_react2.default.createElement("tg-media-video", { src, caption, parseMode, width, height, duration, supportsStreaming, hasSpoiler });
+  return React2.createElement("tg-media-video", { src, caption, parseMode, width, height, duration, supportsStreaming, hasSpoiler });
 }
 function ReplyKeyboard({ oneTimeKeyboard, resizeKeyboard = true, placeholder, isPersistent, children }) {
-  return import_react2.default.createElement(ReplyKeyboardCtx.Provider, { value: true }, import_react2.default.createElement("tg-reply-keyboard", { oneTimeKeyboard, resizeKeyboard, placeholder, isPersistent }, children));
+  return React2.createElement(ReplyKeyboardCtx.Provider, { value: true }, React2.createElement("tg-reply-keyboard", { oneTimeKeyboard, resizeKeyboard, placeholder, isPersistent }, children));
 }
 function ReplyRow({ children }) {
-  const inside = import_react2.useContext(ReplyKeyboardCtx);
+  const inside = useContext(ReplyKeyboardCtx);
   if (!inside) {
     throw new Error("[Teact] <ReplyKeyboard.Row> must be used inside <ReplyKeyboard>.");
   }
-  return import_react2.default.createElement("tg-reply-row", null, children);
+  return React2.createElement("tg-reply-row", null, children);
 }
 function ReplyButton({ text }) {
-  const inside = import_react2.useContext(ReplyKeyboardCtx);
+  const inside = useContext(ReplyKeyboardCtx);
   if (!inside) {
     throw new Error("[Teact] <ReplyKeyboard.Button> must be used inside <ReplyKeyboard>.");
   }
-  return import_react2.default.createElement("tg-reply-button", { text });
+  return React2.createElement("tg-reply-button", { text });
 }
 function RequestContactButton({ text }) {
-  const inside = import_react2.useContext(ReplyKeyboardCtx);
+  const inside = useContext(ReplyKeyboardCtx);
   if (!inside) {
     throw new Error("[Teact] <ReplyKeyboard.RequestContact> must be used inside <ReplyKeyboard>.");
   }
-  return import_react2.default.createElement("tg-reply-button", { text, requestContact: true });
+  return React2.createElement("tg-reply-button", { text, requestContact: true });
 }
 function RequestLocationButton({ text }) {
-  const inside = import_react2.useContext(ReplyKeyboardCtx);
+  const inside = useContext(ReplyKeyboardCtx);
   if (!inside) {
     throw new Error("[Teact] <ReplyKeyboard.RequestLocation> must be used inside <ReplyKeyboard>.");
   }
-  return import_react2.default.createElement("tg-reply-button", { text, requestLocation: true });
+  return React2.createElement("tg-reply-button", { text, requestLocation: true });
 }
 function ReplyKeyboardRemove() {
-  return import_react2.default.createElement("tg-reply-keyboard-remove");
+  return React2.createElement("tg-reply-keyboard-remove");
 }
 function Notification({ text, showAlert }) {
-  return import_react2.default.createElement("tg-notification", { text, showAlert });
+  return React2.createElement("tg-notification", { text, showAlert });
 }
 function Poll({
   question,
@@ -1019,7 +185,7 @@ function Poll({
   openPeriod,
   isClosed
 }) {
-  return import_react2.default.createElement("tg-poll", {
+  return React2.createElement("tg-poll", {
     question,
     options,
     isAnonymous,
@@ -1033,13 +199,13 @@ function Poll({
   });
 }
 function Bold({ children }) {
-  return import_react2.default.createElement("tg-bold", null, children);
+  return React2.createElement("tg-bold", null, children);
 }
 function Italic({ children }) {
-  return import_react2.default.createElement("tg-italic", null, children);
+  return React2.createElement("tg-italic", null, children);
 }
 function Code({ language, children }) {
-  return import_react2.default.createElement("tg-code", { language }, children);
+  return React2.createElement("tg-code", { language }, children);
 }
 var ALERT_ICON = {
   info: "\u2139\uFE0F",
@@ -1050,19 +216,19 @@ var ALERT_ICON = {
 function Alert({ variant = "info", title, children }) {
   const icon = ALERT_ICON[variant];
   const heading = title ? `${icon} ${title}` : icon;
-  return import_react2.default.createElement("tg-alert", { variant, heading }, children);
+  return React2.createElement("tg-alert", { variant, heading }, children);
 }
 function List({ ordered = false, children }) {
-  return import_react2.default.createElement("tg-list", { ordered }, children);
+  return React2.createElement("tg-list", { ordered }, children);
 }
 function ListItem({ children }) {
-  return import_react2.default.createElement("tg-list-item", null, children);
+  return React2.createElement("tg-list-item", null, children);
 }
 function Divider({ char = "\u2500", length = 20 }) {
-  return import_react2.default.createElement("tg-divider", { text: char.repeat(length) });
+  return React2.createElement("tg-divider", { text: char.repeat(length) });
 }
 function SuspenseFallback({ text = "\u23F3 Loading..." }) {
-  return import_react2.default.createElement("tg-message", { text });
+  return React2.createElement("tg-message", { text });
 }
 Message.Bold = Bold;
 Message.Italic = Italic;
@@ -1084,9 +250,9 @@ Poll.Quiz = function QuizPoll(props) {
   return Poll({ ...props, type: "quiz" });
 };
 // src/error-boundary.ts
-var import_react3 = __toESM(require_react(), 1);
+import React3 from "react";
 
-class ErrorBoundary extends import_react3.default.Component {
+class ErrorBoundary extends React3.Component {
   state = { error: null };
   static getDerivedStateFromError(error) {
     return { error };
@@ -1105,7 +271,7 @@ class ErrorBoundary extends import_react3.default.Component {
       if (this.props.fallback) {
         return this.props.fallback;
       }
-      return import_react3.default.createElement("tg-message", {
+      return React3.createElement("tg-message", {
         text: `\u274C Something went wrong:
 ${this.state.error.message}
 
@@ -1116,20 +282,20 @@ Use /start to restart.`
   }
 }
 // src/hooks.ts
-var import_react4 = __toESM(require_react(), 1);
+import { useState, useEffect, useRef, useCallback } from "react";
 var queryCache = new Map;
 function useQuery(options) {
   const { key, fn, enabled = true, staleTime = 30000, refetchInterval = 0 } = options;
-  const [data, setData] = import_react4.useState(() => {
+  const [data, setData] = useState(() => {
     const cached = queryCache.get(key);
     if (cached && Date.now() - cached.fetchedAt < staleTime)
       return cached.data;
     return;
   });
-  const [error, setError] = import_react4.useState();
-  const [isLoading, setIsLoading] = import_react4.useState(!data && enabled);
-  const mountedRef = import_react4.useRef(true);
-  const refetch = import_react4.useCallback(async () => {
+  const [error, setError] = useState();
+  const [isLoading, setIsLoading] = useState(!data && enabled);
+  const mountedRef = useRef(true);
+  const refetch = useCallback(async () => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -1146,7 +312,7 @@ function useQuery(options) {
         setIsLoading(false);
     }
   }, [key, fn]);
-  import_react4.useEffect(() => {
+  useEffect(() => {
     mountedRef.current = true;
     if (enabled) {
       const cached = queryCache.get(key);
@@ -1158,7 +324,7 @@ function useQuery(options) {
       mountedRef.current = false;
     };
   }, [key, enabled]);
-  import_react4.useEffect(() => {
+  useEffect(() => {
     if (!refetchInterval || !enabled)
       return;
     const id = setInterval(refetch, refetchInterval);
@@ -1175,10 +341,10 @@ function useQuery(options) {
 }
 function useMutation(options) {
   const { fn, onSuccess, onError } = options;
-  const [data, setData] = import_react4.useState();
-  const [error, setError] = import_react4.useState();
-  const [isLoading, setIsLoading] = import_react4.useState(false);
-  const mutate = import_react4.useCallback(async (variables) => {
+  const [data, setData] = useState();
+  const [error, setError] = useState();
+  const [isLoading, setIsLoading] = useState(false);
+  const mutate = useCallback(async (variables) => {
     setIsLoading(true);
     setError(undefined);
     try {
@@ -1195,7 +361,7 @@ function useMutation(options) {
       setIsLoading(false);
     }
   }, [fn, onSuccess, onError]);
-  const reset = import_react4.useCallback(() => {
+  const reset = useCallback(() => {
     setData(undefined);
     setError(undefined);
     setIsLoading(false);
@@ -1210,43 +376,28 @@ function useMutation(options) {
     reset
   };
 }
-var export_useState = import_react5.useState;
-var export_useRef = import_react5.useRef;
-var export_useReducer = import_react5.useReducer;
-var export_useMemo = import_react5.useMemo;
-var export_useId = import_react5.useId;
-var export_useEffect = import_react5.useEffect;
-var export_useContext = import_react5.useContext;
-var export_useCallback = import_react5.useCallback;
-var export_use = import_react5.use;
-var export_memo = import_react5.memo;
-var export_createElement = import_react5.createElement;
-var export_createContext = import_react5.createContext;
-var export_Suspense = import_react5.Suspense;
-var export_Fragment = import_react5.Fragment;
-
 export {
-  export_useState as useState,
-  export_useRef as useRef,
-  export_useReducer as useReducer,
+  useState2 as useState,
+  useRef2 as useRef,
+  useReducer,
   useQuery,
   useMutation,
-  export_useMemo as useMemo,
-  export_useId as useId,
-  export_useEffect as useEffect,
-  export_useContext as useContext,
-  export_useCallback as useCallback,
-  export_use as use,
-  export_memo as memo,
-  export_createElement as createElement,
-  export_createContext as createContext,
+  useMemo,
+  useId2 as useId,
+  useEffect2 as useEffect,
+  useContext2 as useContext,
+  useCallback2 as useCallback,
+  use,
+  memo,
+  createElement,
+  createContext2 as createContext,
   WebAppButton,
   Voice,
   VideoNote,
   Video,
   Venue,
   SuspenseFallback,
-  export_Suspense as Suspense,
+  Suspense,
   Sticker,
   RequestLocationButton,
   RequestContactButton,
@@ -1267,7 +418,7 @@ export {
   List,
   Italic,
   InlineKeyboard,
-  export_Fragment as Fragment,
+  Fragment,
   ErrorBoundary,
   Document,
   Divider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teactjs/react",
-  "version": "0.1.0-alpha.6",
+  "version": "0.1.0-alpha.8",
   "description": "React components and hooks for Teact bot framework",
   "type": "module",
   "main": "dist/index.js",
@@ -13,10 +13,10 @@
   },
   "files": ["dist", "README.md"],
   "scripts": {
-    "build": "bun build ./src/index.ts --outdir ./dist --format esm --target bun --external @teactjs/renderer --external @teactjs/react --external @teactjs/runtime --external @teactjs/telegram --external @teactjs/storage && tsc --emitDeclarationOnly --outDir dist --declaration --project tsconfig.build.json"
+    "build": "bun build ./src/index.ts --outdir ./dist --format esm --target bun --external react --external react/jsx-runtime --external react/jsx-dev-runtime --external @teactjs/renderer --external @teactjs/react --external @teactjs/runtime --external @teactjs/telegram --external @teactjs/storage && tsc --emitDeclarationOnly --outDir dist --declaration --project tsconfig.build.json"
   },
   "dependencies": {
-    "@teactjs/renderer": "^0.1.0-alpha.6"
+    "@teactjs/renderer": "^0.1.0-alpha.8"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0"