react-state-basis 0.2.2 → 0.2.4

package/dist/index.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,43 +17,75 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
   BasisProvider: () => BasisProvider,
+  Children: () => Children2,
+  Component: () => Component2,
+  Fragment: () => Fragment2,
+  Profiler: () => Profiler2,
+  PureComponent: () => PureComponent2,
+  React: () => ReactNamespace,
+  StrictMode: () => StrictMode2,
+  Suspense: () => Suspense2,
   __testEngine__: () => __testEngine__,
   __test__: () => __test__,
   beginEffectTracking: () => beginEffectTracking,
+  cloneElement: () => cloneElement2,
   config: () => config,
   configureBasis: () => configureBasis,
-  createContext: () => createContext,
+  createContext: () => createContext2,
+  createPortal: () => createPortal,
+  createRef: () => createRef2,
   currentTickBatch: () => currentTickBatch,
+  default: () => index_default,
   endEffectTracking: () => endEffectTracking,
+  flushSync: () => flushSync,
+  forwardRef: () => forwardRef2,
   history: () => history,
+  isValidElement: () => isValidElement2,
+  lazy: () => lazy2,
+  memo: () => memo2,
   printBasisHealthReport: () => printBasisHealthReport,
   recordUpdate: () => recordUpdate,
   registerVariable: () => registerVariable,
+  startTransition: () => startTransition2,
   unregisterVariable: () => unregisterVariable,
+  use: () => use,
+  useActionState: () => useActionState2,
   useBasisConfig: () => useBasisConfig,
   useCallback: () => useCallback,
-  useContext: () => useContext,
-  useDebugValue: () => useDebugValue,
+  useContext: () => useContext2,
+  useDebugValue: () => useDebugValue2,
   useDeferredValue: () => useDeferredValue,
-  useEffect: () => useEffect,
-  useId: () => useId,
-  useImperativeHandle: () => useImperativeHandle,
-  useInsertionEffect: () => useInsertionEffect,
-  useLayoutEffect: () => useLayoutEffect,
+  useEffect: () => useEffect2,
+  useId: () => useId2,
+  useImperativeHandle: () => useImperativeHandle2,
+  useInsertionEffect: () => useInsertionEffect2,
+  useLayoutEffect: () => useLayoutEffect2,
   useMemo: () => useMemo,
+  useOptimistic: () => useOptimistic2,
   useReducer: () => useReducer,
-  useRef: () => useRef,
-  useState: () => useState,
+  useRef: () => useRef2,
+  useState: () => useState2,
   useSyncExternalStore: () => useSyncExternalStore,
-  useTransition: () => useTransition
+  useTransition: () => useTransition,
+  version: () => version2
 });
 module.exports = __toCommonJS(index_exports);
+var ReactNamespace = __toESM(require("react"));
+var ReactDOMNamespace = __toESM(require("react-dom"));
 
 // src/core/logger.ts
 var isWeb = typeof window !== "undefined" && typeof window.document !== "undefined";
@@ -94,7 +128,7 @@ var logBasis = (message, ...styles) => {
 };
 var displayBootLog = (windowSize) => {
   logBasis(
-    `%cBasis%cAuditor v0.1.4%c Monitoring State Space | Window: ${windowSize} ticks`,
+    `%cBasis%cAuditor%c Monitoring State Space | Window: ${windowSize} ticks`,
     STYLES.basis,
     STYLES.version,
     "color: #636e72; font-style: italic; margin-left: 8px;"
@@ -273,6 +307,7 @@ var LOOP_WINDOW_MS = 500;
 var ANALYSIS_INTERVAL = 5;
 
 // src/engine.ts
+var redundantLabels = /* @__PURE__ */ new Set();
 var config = {
   debug: false
 };
@@ -294,14 +329,18 @@ var analyzeBasis = () => {
   if (!config.debug) return;
   const entries = Array.from(history.entries());
   if (entries.length < 2) return;
+  const newRedundant = /* @__PURE__ */ new Set();
   entries.forEach(([labelA, vecA], i) => {
     entries.slice(i + 1).forEach(([labelB, vecB]) => {
       const sim = calculateCosineSimilarity(vecA, vecB);
       if (sim > SIMILARITY_THRESHOLD) {
+        newRedundant.add(labelA);
+        newRedundant.add(labelB);
         displayRedundancyAlert(labelA, labelB, sim, history.size);
       }
     });
   });
+  redundantLabels = newRedundant;
 };
 var printBasisHealthReport = (threshold = 0.5) => {
   if (!config.debug) {
@@ -370,94 +409,245 @@ var __testEngine__ = {
   endEffectTracking
 };
 
-// src/hooks.ts
+// src/context.tsx
+var import_react2 = require("react");
+
+// src/ui/BasisHUD.tsx
 var import_react = require("react");
-function useState(initialValue, label) {
-  const [val, setVal] = (0, import_react.useState)(initialValue);
-  const effectiveLabel = label || "anonymous_state";
+
+// src/ui/config.ts
+var HUD_DIMENSIONS = {
+  WINDOW_SIZE,
+  ROW_HEIGHT: 16,
+  COL_WIDTH: 5,
+  LABEL_WIDTH: 100,
+  PADDING: 10,
+  RADIUS: 1.5
+};
+var HUD_THEME = {
+  bg: "rgba(15, 23, 42, 0.95)",
+  border: "#334155",
+  header: "#8b5cf6",
+  text: "#f1f5f9",
+  textDim: "#94a3b8",
+  success: "#10b981",
+  error: "#ef4444",
+  grid: "#1e293b"
+};
+var getHUDContainerStyle = (isExpanded) => ({
+  position: "fixed",
+  bottom: "20px",
+  right: "20px",
+  backgroundColor: HUD_THEME.bg,
+  border: `1px solid ${HUD_THEME.border}`,
+  borderRadius: "12px",
+  backdropFilter: "blur(8px)",
+  boxShadow: "0 10px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3)",
+  zIndex: 999999,
+  overflow: "hidden",
+  width: isExpanded ? "380px" : "130px",
+  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
+  cursor: "pointer",
+  userSelect: "none",
+  WebkitUserSelect: "none"
+});
+
+// src/ui/BasisHUD.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var BasisHUD = () => {
+  const [isExpanded, setIsExpanded] = (0, import_react.useState)(false);
+  const canvasRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
+    if (!isExpanded) return;
+    let animationFrame;
+    const draw = () => {
+      const canvas = canvasRef.current;
+      if (!canvas) return;
+      const ctx = canvas.getContext("2d");
+      if (!ctx) return;
+      const entries = Array.from(history.entries());
+      const dpr = window.devicePixelRatio || 1;
+      const rawWidth = HUD_DIMENSIONS.WINDOW_SIZE * HUD_DIMENSIONS.COL_WIDTH + HUD_DIMENSIONS.LABEL_WIDTH + HUD_DIMENSIONS.PADDING * 2;
+      const rawHeight = Math.max(entries.length * HUD_DIMENSIONS.ROW_HEIGHT + HUD_DIMENSIONS.PADDING * 2, 60);
+      updateCanvasSize(canvas, rawWidth, rawHeight, dpr);
+      ctx.save();
+      ctx.scale(dpr, dpr);
+      ctx.clearRect(0, 0, rawWidth, rawHeight);
+      if (entries.length === 0) {
+        renderEmptyState(ctx);
+      } else {
+        renderMatrix(ctx, entries);
+      }
+      ctx.restore();
+      animationFrame = requestAnimationFrame(draw);
+    };
+    draw();
+    return () => cancelAnimationFrame(animationFrame);
+  }, [isExpanded]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: getHUDContainerStyle(isExpanded), onClick: () => setIsExpanded(!isExpanded), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HUDHeader, { isExpanded }),
+    isExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "10px 14px 15px 14px" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("canvas", { ref: canvasRef, style: { display: "block" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HUDFooter, {})
+    ] })
+  ] });
+};
+function updateCanvasSize(canvas, w, h, dpr) {
+  const targetW = Math.floor(w * dpr);
+  const targetH = Math.floor(h * dpr);
+  if (canvas.width !== targetW || canvas.height !== targetH) {
+    canvas.width = targetW;
+    canvas.height = targetH;
+    canvas.style.width = `${w}px`;
+    canvas.style.height = `${h}px`;
+  }
+}
+function renderEmptyState(ctx) {
+  ctx.fillStyle = HUD_THEME.textDim;
+  ctx.font = "11px Inter, sans-serif";
+  ctx.fillText("Waiting for state transitions...", HUD_DIMENSIONS.PADDING, 30);
+}
+function renderMatrix(ctx, entries) {
+  entries.forEach(([label, vector], rowIndex) => {
+    const y = rowIndex * HUD_DIMENSIONS.ROW_HEIGHT + HUD_DIMENSIONS.PADDING;
+    const stateName = label.split(" -> ")[1] || label;
+    const isRedundant = redundantLabels.has(label);
+    vector.forEach((bit, colIndex) => {
+      const x = colIndex * HUD_DIMENSIONS.COL_WIDTH + HUD_DIMENSIONS.PADDING;
+      ctx.fillStyle = bit === 1 ? isRedundant ? HUD_THEME.error : HUD_THEME.success : HUD_THEME.grid;
+      const w = HUD_DIMENSIONS.COL_WIDTH - 1.5;
+      const h = HUD_DIMENSIONS.ROW_HEIGHT - 4;
+      if (ctx.roundRect) {
+        ctx.beginPath();
+        ctx.roundRect(x, y, w, h, HUD_DIMENSIONS.RADIUS);
+        ctx.fill();
+      } else {
+        ctx.fillRect(x, y, w, h);
+      }
+    });
+    const textX = HUD_DIMENSIONS.WINDOW_SIZE * HUD_DIMENSIONS.COL_WIDTH + HUD_DIMENSIONS.PADDING + 10;
+    ctx.fillStyle = isRedundant ? HUD_THEME.error : HUD_THEME.text;
+    ctx.font = `${isRedundant ? "600" : "400"} 11px Inter, Menlo, monospace`;
+    const cleanName = isRedundant ? `! ${stateName}` : stateName;
+    const truncatedName = cleanName.length > 18 ? cleanName.substring(0, 16) + ".." : cleanName;
+    ctx.fillText(truncatedName, textX, y + 9);
+  });
+}
+var HUDHeader = ({ isExpanded }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+  padding: "10px 14px",
+  backgroundColor: isExpanded ? HUD_THEME.header : "transparent",
+  color: isExpanded ? "white" : HUD_THEME.header,
+  fontWeight: 600,
+  fontSize: "11px",
+  letterSpacing: "0.05em",
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  transition: "background 0.3s"
+}, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: isExpanded ? "STATE BASIS MATRIX" : "\u{1F4D0} BASIS ACTIVE" }),
+  isExpanded && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: { opacity: 0.8, fontSize: "9px" }, children: "R50" })
+] });
+var HUDFooter = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+  marginTop: "12px",
+  paddingTop: "8px",
+  borderTop: `1px solid ${HUD_THEME.grid}`,
+  color: HUD_THEME.textDim,
+  fontSize: "9px",
+  display: "flex",
+  justifyContent: "space-between"
+}, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "LINEAR DEPENDENCY AUDIT" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: "THRESHOLD 0.88" })
+] });
+
+// src/context.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var BasisContext = (0, import_react2.createContext)({ debug: false });
+var isWeb2 = typeof window !== "undefined" && typeof window.document !== "undefined";
+var BasisProvider = ({ children, debug = true }) => {
+  (0, import_react2.useLayoutEffect)(() => {
+    configureBasis({ debug });
+    if (isWeb2) {
+      window._basis_debug = debug;
+    }
+  }, [debug]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(BasisContext.Provider, { value: { debug }, children: [
+    children,
+    debug && isWeb2 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(BasisHUD, {})
+  ] });
+};
+var useBasisConfig = () => (0, import_react2.useContext)(BasisContext);
+
+// src/hooks.ts
+var React3 = __toESM(require("react"));
+var import_react3 = require("react");
+function useState2(initialState, label) {
+  const [val, setVal] = (0, import_react3.useState)(initialState);
+  const effectiveLabel = label || "anonymous_state";
+  (0, import_react3.useEffect)(() => {
     registerVariable(effectiveLabel);
     return () => unregisterVariable(effectiveLabel);
   }, [effectiveLabel]);
-  const setter = (0, import_react.useCallback)((newValue) => {
-    if (recordUpdate(effectiveLabel)) {
-      setVal(newValue);
-    }
-  }, [effectiveLabel]);
+  const setter = (0, import_react3.useCallback)((newValue) => {
+    if (recordUpdate(effectiveLabel)) setVal(newValue);
+  }, [effectiveLabel, setVal]);
   return [val, setter];
 }
+function useRef2(initialValue, _label) {
+  return (0, import_react3.useRef)(initialValue);
+}
 function useReducer(reducer, initialArg, init, label) {
   const effectiveLabel = typeof init === "string" ? init : label || "anonymous_reducer";
   const reactInit = typeof init === "function" ? init : void 0;
-  const [state, dispatch] = (0, import_react.useReducer)(reducer, initialArg, reactInit);
-  (0, import_react.useEffect)(() => {
+  const [state, dispatch] = (0, import_react3.useReducer)(reducer, initialArg, reactInit);
+  (0, import_react3.useEffect)(() => {
     registerVariable(effectiveLabel);
     return () => unregisterVariable(effectiveLabel);
   }, [effectiveLabel]);
-  const basisDispatch = (0, import_react.useCallback)((action) => {
-    if (recordUpdate(effectiveLabel)) {
-      dispatch(action);
-    }
-  }, [effectiveLabel]);
+  const basisDispatch = (0, import_react3.useCallback)((action) => {
+    if (recordUpdate(effectiveLabel)) dispatch(action);
+  }, [effectiveLabel, dispatch]);
   return [state, basisDispatch];
 }
-function useMemo(factory, depsOrLabel, label) {
-  const isLabelAsSecondArg = typeof depsOrLabel === "string";
-  const actualDeps = isLabelAsSecondArg ? void 0 : depsOrLabel;
-  const effectiveLabel = isLabelAsSecondArg ? depsOrLabel : label || "anonymous_projection";
-  (0, import_react.useEffect)(() => {
-    if (config.debug) {
-      console.log(`%c [Basis] Valid Projection: "${effectiveLabel}" `, "color: #2ecc71; font-weight: bold;");
-    }
+function useMemo(factory, deps, label) {
+  const effectiveLabel = label || "anonymous_projection";
+  (0, import_react3.useEffect)(() => {
+    if (config.debug) console.log(`%c [Basis] Valid Projection: "${effectiveLabel}" `, "color: #2ecc71; font-weight: bold;");
   }, [effectiveLabel]);
-  return (0, import_react.useMemo)(factory, actualDeps || []);
+  return (0, import_react3.useMemo)(factory, deps || []);
 }
-function useCallback(callback, depsOrLabel, label) {
-  const isLabelAsSecondArg = typeof depsOrLabel === "string";
-  const actualDeps = isLabelAsSecondArg ? void 0 : depsOrLabel;
-  const effectiveLabel = isLabelAsSecondArg ? depsOrLabel : label || "anonymous_callback";
-  (0, import_react.useEffect)(() => {
-    if (config.debug) {
-      console.log(`%c [Basis] Stable Callback: "${effectiveLabel}" `, "color: #2ecc71; font-weight: bold;");
-    }
+function useCallback(callback, deps, label) {
+  const effectiveLabel = label || "anonymous_callback";
+  (0, import_react3.useEffect)(() => {
+    if (config.debug) console.log(`%c [Basis] Stable Callback: "${effectiveLabel}" `, "color: #2ecc71; font-weight: bold;");
   }, [effectiveLabel]);
-  return (0, import_react.useCallback)(callback, actualDeps || []);
+  return (0, import_react3.useCallback)(callback, deps);
 }
-function useEffect(effect, depsOrLabel, label) {
-  const isLabelAsSecondArg = typeof depsOrLabel === "string";
-  const actualDeps = isLabelAsSecondArg ? void 0 : depsOrLabel;
-  const effectiveLabel = isLabelAsSecondArg ? depsOrLabel : label || "anonymous_effect";
-  (0, import_react.useEffect)(() => {
+function useEffect2(effect, deps, label) {
+  const effectiveLabel = label || "anonymous_effect";
+  (0, import_react3.useEffect)(() => {
     beginEffectTracking(effectiveLabel);
     const cleanup = effect();
     endEffectTracking();
     return cleanup;
-  }, actualDeps);
+  }, deps);
 }
-function useLayoutEffect(effect, depsOrLabel, label) {
-  const isLabelAsSecondArg = typeof depsOrLabel === "string";
-  const actualDeps = isLabelAsSecondArg ? void 0 : depsOrLabel;
-  const effectiveLabel = isLabelAsSecondArg ? depsOrLabel : label || "anonymous_layout_effect";
-  (0, import_react.useLayoutEffect)(() => {
+function useLayoutEffect2(effect, deps, label) {
+  const effectiveLabel = label || "anonymous_layout_effect";
+  (0, import_react3.useLayoutEffect)(() => {
     beginEffectTracking(effectiveLabel);
     const cleanup = effect();
     endEffectTracking();
     return cleanup;
-  }, actualDeps);
-}
-function useInsertionEffect(effect, deps, _label) {
-  return (0, import_react.useInsertionEffect)(effect, deps);
+  }, deps);
 }
 function useTransition(_label) {
-  const [isPending, startTransition] = (0, import_react.useTransition)();
+  const [isPending, startTransition3] = (0, import_react3.useTransition)();
   const effectiveLabel = _label || "anonymous_transition";
   const basisStartTransition = (callback) => {
-    if (config.debug) {
-      console.log(`%c [Basis] Transition Started: "${effectiveLabel}" `, "color: #e67e22; font-weight: bold;");
-    }
-    startTransition(() => {
-      callback();
-    });
+    if (config.debug) console.log(`%c [Basis] Transition Started: "${effectiveLabel}" `, "color: #e67e22; font-weight: bold;");
+    startTransition3(callback);
   };
   return [isPending, basisStartTransition];
 }
@@ -465,96 +655,117 @@ function useDeferredValue(value, initialValueOrLabel, label) {
   const isLabelAsSecondArg = typeof initialValueOrLabel === "string" && label === void 0;
   const actualInitialValue = isLabelAsSecondArg ? void 0 : initialValueOrLabel;
   const effectiveLabel = isLabelAsSecondArg ? initialValueOrLabel : label || "anonymous_deferred";
-  const deferredValue = (0, import_react.useDeferredValue)(value, actualInitialValue);
-  (0, import_react.useEffect)(() => {
-    if (config.debug && value !== deferredValue) {
-      console.log(`%c [Basis] Value Deferred: "${effectiveLabel}" `, "color: #e67e22; font-weight: bold;");
-    }
+  const deferredValue = (0, import_react3.useDeferredValue)(value, actualInitialValue);
+  (0, import_react3.useEffect)(() => {
+    if (config.debug && value !== deferredValue) console.log(`%c [Basis] Value Deferred: "${effectiveLabel}" `, "color: #e67e22; font-weight: bold;");
   }, [value, deferredValue, effectiveLabel]);
   return deferredValue;
 }
-function useRef(initialValue, _label) {
-  return (0, import_react.useRef)(initialValue);
-}
-function createContext(defaultValue, label) {
-  const context = (0, import_react.createContext)(defaultValue);
-  if (label) {
-    context._basis_label = label;
-  }
+function createContext2(defaultValue, label) {
+  const context = (0, import_react3.createContext)(defaultValue);
+  if (label) context._basis_label = label;
   return context;
 }
-function useContext(context) {
-  return (0, import_react.useContext)(context);
-}
-function useId(_label) {
-  return (0, import_react.useId)();
+var useContext2 = import_react3.useContext;
+var useId2 = (label) => React3.useId();
+var useDebugValue2 = React3.useDebugValue;
+var useImperativeHandle2 = React3.useImperativeHandle;
+var useInsertionEffect2 = React3.useInsertionEffect;
+var useSyncExternalStore = import_react3.useSyncExternalStore;
+function use(usable) {
+  return (0, import_react3.use)(usable);
 }
-function useDebugValue(value, formatter, _label) {
-  return (0, import_react.useDebugValue)(value, formatter);
-}
-function useImperativeHandle(ref, init, deps, _label) {
-  return (0, import_react.useImperativeHandle)(ref, init, deps);
+function useOptimistic2(passthrough, reducer, label) {
+  const effectiveLabel = label || "anonymous_optimistic";
+  (0, import_react3.useEffect)(() => {
+    registerVariable(effectiveLabel);
+    return () => unregisterVariable(effectiveLabel);
+  }, [effectiveLabel]);
+  const [state, reactAddOptimistic] = React3.useOptimistic(passthrough, reducer);
+  const addOptimistic = (0, import_react3.useCallback)((payload) => {
+    if (recordUpdate(effectiveLabel)) {
+      reactAddOptimistic(payload);
+    }
+  }, [effectiveLabel, reactAddOptimistic]);
+  return [state, addOptimistic];
 }
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot, _label) {
-  return (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getServerSnapshot);
+function useActionState2(action, initialState, permalink, label) {
+  const isLabelAsThirdArg = typeof permalink === "string" && label === void 0;
+  const actualPermalink = isLabelAsThirdArg ? void 0 : permalink;
+  const effectiveLabel = isLabelAsThirdArg ? permalink : label || "anonymous_action_state";
+  const [state, reactDispatch, isPending] = React3.useActionState(
+    action,
+    initialState,
+    actualPermalink
+  );
+  (0, import_react3.useEffect)(() => {
+    registerVariable(effectiveLabel);
+    return () => unregisterVariable(effectiveLabel);
+  }, [effectiveLabel]);
+  const basisDispatch = (0, import_react3.useCallback)((payload) => {
+    if (recordUpdate(effectiveLabel)) {
+      reactDispatch(payload);
+    }
+  }, [effectiveLabel, reactDispatch]);
+  return [state, basisDispatch, isPending];
 }
-var __test__ = {
-  registerVariable,
-  unregisterVariable,
-  recordUpdate,
-  beginEffectTracking,
-  endEffectTracking,
-  history,
-  currentTickBatch
-};
+var __test__ = { registerVariable, unregisterVariable, recordUpdate, beginEffectTracking, endEffectTracking, history, currentTickBatch };
 
-// src/context.tsx
-var import_react2 = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var BasisContext = (0, import_react2.createContext)({ debug: false });
-var isWeb2 = typeof window !== "undefined" && typeof window.document !== "undefined";
-var BasisProvider = ({ children, debug = true }) => {
-  (0, import_react2.useLayoutEffect)(() => {
-    configureBasis({ debug });
-    if (isWeb2) {
-      window._basis_debug = debug;
-    }
-  }, [debug]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(BasisContext.Provider, { value: { debug }, children: [
-    children,
-    debug && isWeb2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
-      position: "fixed",
-      bottom: 10,
-      right: 10,
-      background: "black",
-      color: "#0f0",
-      padding: "5px 10px",
-      fontSize: "10px",
-      fontFamily: "monospace",
-      border: "1px solid #0f0",
-      zIndex: 99999,
-      borderRadius: "4px",
-      pointerEvents: "none"
-    }, children: "BASIS_ENGINE: ACTIVE" })
-  ] });
-};
-var useBasisConfig = () => (0, import_react2.useContext)(BasisContext);
+// src/index.ts
+var Children2 = ReactNamespace.Children;
+var Component2 = ReactNamespace.Component;
+var Fragment2 = ReactNamespace.Fragment;
+var Profiler2 = ReactNamespace.Profiler;
+var PureComponent2 = ReactNamespace.PureComponent;
+var StrictMode2 = ReactNamespace.StrictMode;
+var Suspense2 = ReactNamespace.Suspense;
+var cloneElement2 = ReactNamespace.cloneElement;
+var createRef2 = ReactNamespace.createRef;
+var forwardRef2 = ReactNamespace.forwardRef;
+var isValidElement2 = ReactNamespace.isValidElement;
+var lazy2 = ReactNamespace.lazy;
+var memo2 = ReactNamespace.memo;
+var startTransition2 = ReactNamespace.startTransition;
+var version2 = ReactNamespace.version;
+var RD = ReactDOMNamespace;
+var createPortal = RD.createPortal;
+var flushSync = RD.flushSync;
+var index_default = ReactNamespace;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BasisProvider,
+  Children,
+  Component,
+  Fragment,
+  Profiler,
+  PureComponent,
+  React,
+  StrictMode,
+  Suspense,
   __testEngine__,
   __test__,
   beginEffectTracking,
+  cloneElement,
   config,
   configureBasis,
   createContext,
+  createPortal,
+  createRef,
   currentTickBatch,
   endEffectTracking,
+  flushSync,
+  forwardRef,
   history,
+  isValidElement,
+  lazy,
+  memo,
   printBasisHealthReport,
   recordUpdate,
   registerVariable,
+  startTransition,
   unregisterVariable,
+  use,
+  useActionState,
   useBasisConfig,
   useCallback,
   useContext,
@@ -566,10 +777,12 @@ var useBasisConfig = () => (0, import_react2.useContext)(BasisContext);
   useInsertionEffect,
   useLayoutEffect,
   useMemo,
+  useOptimistic,
   useReducer,
   useRef,
   useState,
   useSyncExternalStore,
-  useTransition
+  useTransition,
+  version
 });
 //# sourceMappingURL=index.js.map