react-state-basis 0.3.1 → 0.3.3

package/dist/index.js

@@ -31,64 +31,33 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 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__,
   basis: () => basis,
-  beginEffectTracking: () => beginEffectTracking,
-  cloneElement: () => cloneElement2,
-  config: () => config,
   configureBasis: () => configureBasis,
-  createContext: () => createContext2,
-  createElement: () => createElement2,
-  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,
-  unstable_batchedUpdates: () => unstable_batchedUpdates,
   use: () => use,
   useActionState: () => useActionState2,
   useBasisConfig: () => useBasisConfig,
   useCallback: () => useCallback,
-  useContext: () => useContext2,
   useDebugValue: () => useDebugValue2,
   useDeferredValue: () => useDeferredValue,
-  useEffect: () => useEffect2,
+  useEffect: () => useEffect,
   useId: () => useId2,
   useImperativeHandle: () => useImperativeHandle2,
   useInsertionEffect: () => useInsertionEffect2,
-  useLayoutEffect: () => useLayoutEffect2,
+  useLayoutEffect: () => useLayoutEffect,
   useMemo: () => useMemo,
   useOptimistic: () => useOptimistic2,
   useReducer: () => useReducer,
-  useRef: () => useRef2,
-  useState: () => useState2,
+  useRef: () => useRef,
+  useState: () => useState,
   useSyncExternalStore: () => useSyncExternalStore,
-  useTransition: () => useTransition,
-  version: () => version2
+  useTransition: () => useTransition
 });
 module.exports = __toCommonJS(index_exports);
-var ReactNamespace = __toESM(require("react"));
-var ReactDOMNamespace = __toESM(require("react-dom"));
+
+// src/hooks.ts
+var React = __toESM(require("react"));
+var import_react = require("react");
 
 // src/core/logger.ts
 var isWeb = typeof window !== "undefined" && typeof window.document !== "undefined";
@@ -113,7 +82,8 @@ var STYLES = {
     border-radius: 0 3px 3px 0;
   `,
   dim: "color: #e84393; font-weight: bold;",
-  bold: "font-weight: bold;"
+  bold: "font-weight: bold;",
+  subText: "color: #636e72; font-size: 11px;"
 };
 var parseLabel = (label) => {
   const parts = label.split(" -> ");
@@ -131,7 +101,7 @@ var logBasis = (message, ...styles) => {
 };
 var displayBootLog = (windowSize) => {
   logBasis(
-    `%cBasis%cAuditor%c Monitoring State Space | Window: ${windowSize} ticks`,
+    `%cBasis%cAuditor%c Structural Relationship Check | Window: ${windowSize} ticks`,
     STYLES.basis,
     STYLES.version,
     "color: #636e72; font-style: italic; margin-left: 8px;"
@@ -142,19 +112,21 @@ var displayRedundancyAlert = (labelA, labelB, sim, totalDimensions) => {
   const infoB = parseLabel(labelB);
   const isCrossFile = infoA.file !== infoB.file;
   if (isWeb) {
-    console.group(`%c \u{1F4D0} BASIS | DIMENSION COLLAPSE DETECTED `, STYLES.headerRed);
+    console.group(`%c \u{1F4D0} BASIS | REDUNDANT STATE PATTERN `, STYLES.headerRed);
     console.log(`%c\u{1F4CD} Location: %c${isCrossFile ? `${infoA.file} & ${infoB.file}` : infoA.file}`, STYLES.bold, STYLES.location);
     console.log(
-      `%cAnalysis:%c Vectors %c${infoA.name}%c and %c${infoB.name}%c are collinear (redundant).`,
+      `%cObservation:%c Variables %c${infoA.name}%c and %c${infoB.name}%c are Synchronized.
+%cThis means one variable is likely redundant and can be deleted to simplify the component.`,
       STYLES.bold,
       "",
       STYLES.label,
       "",
       STYLES.label,
-      ""
+      "",
+      STYLES.subText
     );
     console.log(
-      `%cHow to fix:%c Project %c${infoB.name}%c as a derived value:
+      `%cHow to fix:%c Refactor %c${infoB.name}%c as a Computed Value (Projection):
 %c// \u{1F6E0}\uFE0F Basis Fix: Remove useState, use useMemo
 const ${infoB.name} = useMemo(() => deriveFrom(${infoA.name}), [${infoA.name}]);%c`,
       "color: #00b894; font-weight: bold;",
@@ -164,16 +136,16 @@ const ${infoB.name} = useMemo(() => deriveFrom(${infoA.name}), [${infoA.name}]);
       STYLES.codeBlock,
       ""
     );
-    console.groupCollapsed(`%c \u{1F52C} Proof Details `, "color: #636e72; font-size: 10px; cursor: pointer;");
+    console.groupCollapsed(`%c \u{1F52C} Proof Details (Mathematical Basis) `, "color: #636e72; font-size: 10px; cursor: pointer;");
     console.table({
       "Similarity": `${(sim * 100).toFixed(2)}%`,
-      "Linear Dependency": "TRUE",
-      "Rank": totalDimensions - 1
+      "Condition": "Collinear Vectors (Dimension Collapse)",
+      "Rank Impact": `-1 (Rank: ${totalDimensions - 1})`
     });
     console.groupEnd();
     console.groupEnd();
   } else {
-    console.log(`[BASIS] REDUNDANCY DETECTED: ${infoA.name} <-> ${infoB.name} (${(sim * 100).toFixed(0)}% similarity)`);
+    console.log(`[BASIS] REDUNDANCY: ${infoA.name} <-> ${infoB.name} (Synchronized Updates)`);
     console.log(`Location: ${isCrossFile ? `${infoA.file} & ${infoB.file}` : infoA.file}`);
   }
 };
@@ -183,7 +155,7 @@ var displayCausalHint = (targetLabel, sourceLabel) => {
   const isCrossFile = target.file !== source.file;
   const locationPath = isCrossFile ? `${source.file} \u2794 ${target.file}` : target.file;
   if (isWeb) {
-    console.groupCollapsed(`%c \u{1F4A1} BASIS | CAUSALITY (Sequential Update) `, STYLES.headerBlue);
+    console.groupCollapsed(`%c \u{1F4A1} BASIS | SYNC LEAK (Double Render Cycle) `, STYLES.headerBlue);
     console.log(`%c\u{1F4CD} Location: %c${locationPath}`, STYLES.bold, STYLES.location);
     console.log(
       `%cSequence:%c %c${source.name}%c \u2794 Effect \u2794 %c${target.name}%c`,
@@ -195,7 +167,8 @@ var displayCausalHint = (targetLabel, sourceLabel) => {
       ""
     );
     console.log(
-      `%cObservation:%c Variable %c${target.name}%c is being manually synchronized. This creates a %c"Double Render Cycle"%c.`,
+      `%cObservation:%c Variable %c${target.name}%c is being manually synchronized from its source. 
+This creates a %cDouble Render Cycle%c (Performance Cost). Consider using useMemo or lifting state.`,
       STYLES.bold,
       "",
       STYLES.label,
@@ -205,7 +178,7 @@ var displayCausalHint = (targetLabel, sourceLabel) => {
     );
     console.groupEnd();
   } else {
-    console.log(`[BASIS] CAUSALITY: ${source.name} \u2794 ${target.name} (Double Render Cycle)`);
+    console.log(`[BASIS] SYNC LEAK: ${source.name} \u2794 ${target.name} (Double Render)`);
   }
 };
 var displayInfiniteLoop = (label) => {
@@ -214,13 +187,13 @@ var displayInfiniteLoop = (label) => {
     console.group(`%c \u{1F6D1} BASIS CRITICAL | CIRCUIT BREAKER `, STYLES.headerRed);
     console.error(
       `Infinite oscillation detected on: %c${info.name}%c
-Execution halted to prevent browser thread lock.`,
+Execution halted to prevent browser thread lock. Check for circular useEffect dependencies.`,
       "color: white; background: #d63031; padding: 2px 4px; border-radius: 3px;",
       ""
     );
     console.groupEnd();
   } else {
-    console.log(`[BASIS CRITICAL] INFINITE LOOP ON: ${info.name}. Execution halted.`);
+    console.log(`[BASIS CRITICAL] CIRCUIT BREAKER: ${info.name}. Execution halted.`);
   }
 };
 var displayHealthReport = (history2, similarityFn, threshold) => {
@@ -249,23 +222,24 @@ var displayHealthReport = (history2, similarityFn, threshold) => {
     }
   });
   const systemRank = independentCount + clusters.length;
-  const efficiency = systemRank / totalVars * 100;
+  const healthScore = systemRank / totalVars * 100;
   if (isWeb) {
-    console.group(`%c \u{1F4CA} BASIS | SYSTEM HEALTH REPORT `, STYLES.headerGreen);
+    console.group(`%c \u{1F4CA} BASIS | ARCHITECTURAL HEALTH REPORT `, STYLES.headerGreen);
     console.log(
-      `%cBasis Efficiency: %c${efficiency.toFixed(1)}% %c(Rank: ${systemRank}/${totalVars})`,
+      `%cArchitectural Health Score: %c${healthScore.toFixed(1)}% %c(State Distribution: ${systemRank}/${totalVars})`,
       STYLES.bold,
-      `color: ${efficiency > 85 ? "#00b894" : "#d63031"}; font-size: 16px; font-weight: bold;`,
+      `color: ${healthScore > 85 ? "#00b894" : "#d63031"}; font-size: 16px; font-weight: bold;`,
       "color: #636e72; font-style: italic;"
     );
     if (clusters.length > 0) {
-      console.log(`%cDetected ${clusters.length} Redundancy Clusters:`, "font-weight: bold; color: #e17055; margin-top: 10px;");
+      console.log(`%cDetected ${clusters.length} Synchronized Update Clusters:`, "font-weight: bold; color: #e17055; margin-top: 10px;");
       clusters.forEach((cluster, idx) => {
         const names = cluster.map((l) => parseLabel(l).name).join(" \u27F7 ");
         console.log(` %c${idx + 1}%c ${names}`, "background: #e17055; color: white; border-radius: 50%; padding: 0 5px;", "font-family: monospace;");
       });
+      console.log("%c\u{1F4A1} Action: Variables in a cluster move together. Try refactoring them into a single state object or use useMemo for derived values.", STYLES.subText);
     } else {
-      console.log("%c\u2728 All state variables are linearly independent. Your Basis is optimal.", "color: #00b894; font-weight: bold; margin-top: 10px;");
+      console.log("%c\u2728 All state variables have optimal distribution. Your Basis is healthy.", "color: #00b894; font-weight: bold; margin-top: 10px;");
     }
     if (totalVars > 0 && totalVars < 15) {
       console.groupCollapsed("%cView Full Correlation Matrix", "color: #636e72; font-size: 11px;");
@@ -284,10 +258,7 @@ var displayHealthReport = (history2, similarityFn, threshold) => {
     }
     console.groupEnd();
   } else {
-    console.log(`[BASIS HEALTH] Efficiency: ${efficiency.toFixed(1)}% (Rank: ${systemRank}/${totalVars})`);
-    if (clusters.length > 0) {
-      console.log(`Redundancy Clusters: ${clusters.length}`);
-    }
+    console.log(`[BASIS HEALTH] Score: ${healthScore.toFixed(1)}% (State Distribution: ${systemRank}/${totalVars})`);
   }
 };
 
@@ -429,11 +400,134 @@ var __testEngine__ = {
   endEffectTracking
 };
 
+// src/hooks.ts
+function useState(initialState, label) {
+  const [val, setVal] = (0, import_react.useState)(initialState);
+  const effectiveLabel = label || "anonymous_state";
+  (0, import_react.useEffect)(() => {
+    registerVariable(effectiveLabel);
+    return () => unregisterVariable(effectiveLabel);
+  }, [effectiveLabel]);
+  const setter = (0, import_react.useCallback)((newValue) => {
+    if (recordUpdate(effectiveLabel)) setVal(newValue);
+  }, [effectiveLabel, setVal]);
+  return [val, setter];
+}
+function useRef(initialValue, _label) {
+  return (0, import_react.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)(() => {
+    registerVariable(effectiveLabel);
+    return () => unregisterVariable(effectiveLabel);
+  }, [effectiveLabel]);
+  const basisDispatch = (0, import_react.useCallback)((action) => {
+    if (recordUpdate(effectiveLabel)) dispatch(action);
+  }, [effectiveLabel, dispatch]);
+  return [state, basisDispatch];
+}
+function useMemo(factory, deps, label) {
+  const effectiveLabel = label || "anonymous_projection";
+  (0, import_react.useEffect)(() => {
+    if (config.debug) console.log(`%c [Basis] Valid Projection: "${effectiveLabel}" `, "color: #2ecc71; font-weight: bold;");
+  }, [effectiveLabel]);
+  return (0, import_react.useMemo)(factory, deps || []);
+}
+function useCallback(callback, deps, label) {
+  const effectiveLabel = label || "anonymous_callback";
+  (0, import_react.useEffect)(() => {
+    if (config.debug) console.log(`%c [Basis] Stable Callback: "${effectiveLabel}" `, "color: #2ecc71; font-weight: bold;");
+  }, [effectiveLabel]);
+  return (0, import_react.useCallback)(callback, deps);
+}
+function useEffect(effect, deps, label) {
+  const effectiveLabel = label || "anonymous_effect";
+  (0, import_react.useEffect)(() => {
+    beginEffectTracking(effectiveLabel);
+    const cleanup = effect();
+    endEffectTracking();
+    return cleanup;
+  }, deps);
+}
+function useLayoutEffect(effect, deps, label) {
+  const effectiveLabel = label || "anonymous_layout_effect";
+  (0, import_react.useLayoutEffect)(() => {
+    beginEffectTracking(effectiveLabel);
+    const cleanup = effect();
+    endEffectTracking();
+    return cleanup;
+  }, deps);
+}
+function useTransition(_label) {
+  const [isPending, startTransition] = (0, import_react.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);
+  };
+  return [isPending, basisStartTransition];
+}
+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;");
+  }, [value, deferredValue, effectiveLabel]);
+  return deferredValue;
+}
+var useId2 = (label) => React.useId();
+var useDebugValue2 = React.useDebugValue;
+var useImperativeHandle2 = React.useImperativeHandle;
+var useInsertionEffect2 = React.useInsertionEffect;
+var useSyncExternalStore = import_react.useSyncExternalStore;
+function use(usable) {
+  return (0, import_react.use)(usable);
+}
+function useOptimistic2(passthrough, reducer, label) {
+  const effectiveLabel = label || "anonymous_optimistic";
+  (0, import_react.useEffect)(() => {
+    registerVariable(effectiveLabel);
+    return () => unregisterVariable(effectiveLabel);
+  }, [effectiveLabel]);
+  const [state, reactAddOptimistic] = React.useOptimistic(passthrough, reducer);
+  const addOptimistic = (0, import_react.useCallback)((payload) => {
+    if (recordUpdate(effectiveLabel)) {
+      reactAddOptimistic(payload);
+    }
+  }, [effectiveLabel, reactAddOptimistic]);
+  return [state, addOptimistic];
+}
+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] = React.useActionState(
+    action,
+    initialState,
+    actualPermalink
+  );
+  (0, import_react.useEffect)(() => {
+    registerVariable(effectiveLabel);
+    return () => unregisterVariable(effectiveLabel);
+  }, [effectiveLabel]);
+  const basisDispatch = (0, import_react.useCallback)((payload) => {
+    if (recordUpdate(effectiveLabel)) {
+      reactDispatch(payload);
+    }
+  }, [effectiveLabel, reactDispatch]);
+  return [state, basisDispatch, isPending];
+}
+
 // src/context.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/ui/BasisHUD.tsx
-var import_react = require("react");
+var import_react2 = require("react");
 
 // src/ui/config.ts
 var HUD_DIMENSIONS = {
@@ -475,9 +569,9 @@ var getHUDContainerStyle = (isExpanded) => ({
 // 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)(() => {
+  const [isExpanded, setIsExpanded] = (0, import_react2.useState)(false);
+  const canvasRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
     if (!isExpanded) return;
     let animationFrame;
     const draw = () => {
@@ -583,10 +677,10 @@ var HUDFooter = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { styl
 
 // src/context.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var BasisContext = (0, import_react2.createContext)({ debug: false });
+var BasisContext = (0, import_react3.createContext)({ debug: false });
 var isWeb2 = typeof window !== "undefined" && typeof window.document !== "undefined";
 var BasisProvider = ({ children, debug = true }) => {
-  (0, import_react2.useLayoutEffect)(() => {
+  (0, import_react3.useLayoutEffect)(() => {
     configureBasis({ debug });
     if (isWeb2) {
       window._basis_debug = debug;
@@ -597,227 +691,31 @@ var BasisProvider = ({ children, debug = true }) => {
     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_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_react3.useReducer)(reducer, initialArg, reactInit);
-  (0, import_react3.useEffect)(() => {
-    registerVariable(effectiveLabel);
-    return () => unregisterVariable(effectiveLabel);
-  }, [effectiveLabel]);
-  const basisDispatch = (0, import_react3.useCallback)((action) => {
-    if (recordUpdate(effectiveLabel)) dispatch(action);
-  }, [effectiveLabel, dispatch]);
-  return [state, basisDispatch];
-}
-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_react3.useMemo)(factory, deps || []);
-}
-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_react3.useCallback)(callback, deps);
-}
-function useEffect2(effect, deps, label) {
-  const effectiveLabel = label || "anonymous_effect";
-  (0, import_react3.useEffect)(() => {
-    beginEffectTracking(effectiveLabel);
-    const cleanup = effect();
-    endEffectTracking();
-    return cleanup;
-  }, deps);
-}
-function useLayoutEffect2(effect, deps, label) {
-  const effectiveLabel = label || "anonymous_layout_effect";
-  (0, import_react3.useLayoutEffect)(() => {
-    beginEffectTracking(effectiveLabel);
-    const cleanup = effect();
-    endEffectTracking();
-    return cleanup;
-  }, deps);
-}
-function useTransition(_label) {
-  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;");
-    startTransition3(callback);
-  };
-  return [isPending, basisStartTransition];
-}
-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_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 createContext2(defaultValue, label) {
-  const context = (0, import_react3.createContext)(defaultValue);
-  if (label) context._basis_label = label;
-  return context;
-}
-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 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 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 useBasisConfig = () => (0, import_react3.useContext)(BasisContext);
 
 // src/vite-plugin.ts
 function basis() {
   return {
     name: "vite-plugin-react-state-basis",
-    enforce: "pre",
-    resolveId(source, importer) {
-      if (source === "react" || source === "react-dom" || source === "react-dom/client") {
-        const isLibraryCore = importer && ((importer.includes("react-state-basis/src") || importer.includes("react-state-basis/dist")) && !importer.includes("react-state-basis/example"));
-        const isYalc = importer && importer.includes(".yalc");
-        if (isLibraryCore || isYalc) {
-          return null;
+    config() {
+      return {
+        optimizeDeps: {
+          exclude: ["react-state-basis"]
         }
-        const mapping = {
-          "react": "react-state-basis",
-          "react-dom": "react-state-basis",
-          "react-dom/client": "react-state-basis/client"
-        };
-        return this.resolve(mapping[source], importer, { skipSelf: true });
-      }
-      return null;
+      };
     }
   };
 }
-
-// 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 createElement2 = ReactNamespace.createElement;
-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 unstable_batchedUpdates = RD.unstable_batchedUpdates;
-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__,
   basis,
-  beginEffectTracking,
-  cloneElement,
-  config,
   configureBasis,
-  createContext,
-  createElement,
-  createPortal,
-  createRef,
-  currentTickBatch,
-  endEffectTracking,
-  flushSync,
-  forwardRef,
-  history,
-  isValidElement,
-  lazy,
-  memo,
   printBasisHealthReport,
-  recordUpdate,
-  registerVariable,
-  startTransition,
-  unregisterVariable,
-  unstable_batchedUpdates,
   use,
   useActionState,
   useBasisConfig,
   useCallback,
-  useContext,
   useDebugValue,
   useDeferredValue,
   useEffect,
@@ -831,7 +729,6 @@ var index_default = ReactNamespace;
   useRef,
   useState,
   useSyncExternalStore,
-  useTransition,
-  version
+  useTransition
 });
 //# sourceMappingURL=index.js.map