@legendapp/state 3.0.0-beta.3 → 3.0.0-beta.30

package/persist-plugins/expo-sqlite.mjs

@@ -0,0 +1,69 @@
+import { applyChanges, internal } from '@legendapp/state';
+
+// src/persist-plugins/expo-sqlite.ts
+var { safeParse, safeStringify } = internal;
+var MetadataSuffix = "__m";
+var ObservablePersistSqlite = class {
+  constructor(storage) {
+    this.data = {};
+    if (!storage) {
+      console.error(
+        "[legend-state] ObservablePersistSqlite failed to initialize. You need to pass the SQLiteStorage instance."
+      );
+    }
+    this.storage = storage;
+  }
+  getTable(table, init) {
+    if (!this.storage)
+      return void 0;
+    if (this.data[table] === void 0) {
+      try {
+        const value = this.storage.getItemSync(table);
+        this.data[table] = value ? safeParse(value) : init;
+      } catch (e) {
+        console.error("[legend-state] ObservablePersistSqlite failed to parse", table);
+      }
+    }
+    return this.data[table];
+  }
+  getMetadata(table) {
+    return this.getTable(table + MetadataSuffix, {});
+  }
+  set(table, changes) {
+    if (!this.data[table]) {
+      this.data[table] = {};
+    }
+    this.data[table] = applyChanges(this.data[table], changes);
+    this.save(table);
+  }
+  setMetadata(table, metadata) {
+    table = table + MetadataSuffix;
+    this.data[table] = metadata;
+    this.save(table);
+  }
+  deleteTable(table) {
+    if (!this.storage)
+      return void 0;
+    delete this.data[table];
+    this.storage.removeItemSync(table);
+  }
+  deleteMetadata(table) {
+    this.deleteTable(table + MetadataSuffix);
+  }
+  // Private
+  save(table) {
+    if (!this.storage)
+      return void 0;
+    const v = this.data[table];
+    if (v !== void 0 && v !== null) {
+      this.storage.setItemSync(table, safeStringify(v));
+    } else {
+      this.storage.removeItemSync(table);
+    }
+  }
+};
+function observablePersistSqlite(storage) {
+  return new ObservablePersistSqlite(storage);
+}
+
+export { ObservablePersistSqlite, observablePersistSqlite };

package/react-native.d.mts

@@ -0,0 +1,4 @@
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View } from './react-reactive/Components.mjs';
+import 'react';
+import '@legendapp/state/react';
+import 'react-native';

package/react-native.d.ts

@@ -0,0 +1,4 @@
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View } from './react-reactive/Components.js';
+import 'react';
+import '@legendapp/state/react';
+import 'react-native';

package/react-native.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var react = require('@legendapp/state/react');
+var react$1 = require('react');
+var reactNative = require('react-native');
+
+// src/react-reactive/Components.ts
+var $ActivityIndicator = react.reactive(reactNative.ActivityIndicator);
+var $Button = react.reactive(reactNative.Button);
+var $FlatList = react.reactive(reactNative.FlatList, void 0, {
+  data: {
+    selector: (propsOut, p) => {
+      const state = react$1.useRef(0);
+      const [renderNum, value] = react.use$(() => [state.current++, p.get(true)]);
+      propsOut.extraData = renderNum;
+      return value;
+    }
+  }
+});
+var $Image = react.reactive(reactNative.Image);
+var $Pressable = react.reactive(reactNative.Pressable);
+var $ScrollView = react.reactive(reactNative.ScrollView);
+var $SectionList = react.reactive(reactNative.SectionList);
+var $Switch = react.reactive(reactNative.Switch, void 0, {
+  value: {
+    handler: "onValueChange",
+    getValue: (e) => e,
+    defaultValue: false
+  }
+});
+var $Text = react.reactive(reactNative.Text);
+var $TextInput = react.reactive(reactNative.TextInput, void 0, {
+  value: {
+    handler: "onChange",
+    getValue: (e) => e.nativeEvent.text,
+    defaultValue: ""
+  }
+});
+var $TouchableWithoutFeedback = react.reactive(reactNative.TouchableWithoutFeedback);
+var $View = react.reactive(reactNative.View);
+
+exports.$ActivityIndicator = $ActivityIndicator;
+exports.$Button = $Button;
+exports.$FlatList = $FlatList;
+exports.$Image = $Image;
+exports.$Pressable = $Pressable;
+exports.$ScrollView = $ScrollView;
+exports.$SectionList = $SectionList;
+exports.$Switch = $Switch;
+exports.$Text = $Text;
+exports.$TextInput = $TextInput;
+exports.$TouchableWithoutFeedback = $TouchableWithoutFeedback;
+exports.$View = $View;

package/react-native.mjs

@@ -0,0 +1,40 @@
+import { reactive, use$ } from '@legendapp/state/react';
+import { useRef } from 'react';
+import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
+
+// src/react-reactive/Components.ts
+var $ActivityIndicator = reactive(ActivityIndicator);
+var $Button = reactive(Button);
+var $FlatList = reactive(FlatList, void 0, {
+  data: {
+    selector: (propsOut, p) => {
+      const state = useRef(0);
+      const [renderNum, value] = use$(() => [state.current++, p.get(true)]);
+      propsOut.extraData = renderNum;
+      return value;
+    }
+  }
+});
+var $Image = reactive(Image);
+var $Pressable = reactive(Pressable);
+var $ScrollView = reactive(ScrollView);
+var $SectionList = reactive(SectionList);
+var $Switch = reactive(Switch, void 0, {
+  value: {
+    handler: "onValueChange",
+    getValue: (e) => e,
+    defaultValue: false
+  }
+});
+var $Text = reactive(Text);
+var $TextInput = reactive(TextInput, void 0, {
+  value: {
+    handler: "onChange",
+    getValue: (e) => e.nativeEvent.text,
+    defaultValue: ""
+  }
+});
+var $TouchableWithoutFeedback = reactive(TouchableWithoutFeedback);
+var $View = reactive(View);
+
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View };

package/react-reactive/Components.d.mts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as _legendapp_state_react from '@legendapp/state/react';
+import * as react_native from 'react-native';
+import { View } from 'react-native';
+
+declare const $ActivityIndicator: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ActivityIndicatorProps>, any>;
+declare const $Button: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ButtonProps>, any>;
+declare const $FlatList: React.FC<_legendapp_state_react.ShapeWith$<react_native.FlatListProps<unknown>>>;
+declare const $Image: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ImageProps>, any>;
+declare const $Pressable: React.ForwardRefExoticComponent<_legendapp_state_react.ShapeWith$<react_native.PressableProps & React.RefAttributes<View>>>;
+declare const $ScrollView: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ScrollViewProps>, any>;
+declare const $SectionList: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.SectionListProps<unknown, unknown>>, any>;
+declare const $Switch: React.FC<_legendapp_state_react.ShapeWith$<react_native.SwitchProps>>;
+declare const $Text: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.TextProps>, any>;
+declare const $TextInput: React.FC<_legendapp_state_react.ShapeWith$<react_native.TextInputProps>>;
+declare const $TouchableWithoutFeedback: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.TouchableWithoutFeedbackProps>, any>;
+declare const $View: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ViewProps>, any>;
+
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View };

package/react-reactive/Components.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import * as _legendapp_state_react from '@legendapp/state/react';
+import * as react_native from 'react-native';
+import { View } from 'react-native';
+
+declare const $ActivityIndicator: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ActivityIndicatorProps>, any>;
+declare const $Button: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ButtonProps>, any>;
+declare const $FlatList: React.FC<_legendapp_state_react.ShapeWith$<react_native.FlatListProps<unknown>>>;
+declare const $Image: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ImageProps>, any>;
+declare const $Pressable: React.ForwardRefExoticComponent<_legendapp_state_react.ShapeWith$<react_native.PressableProps & React.RefAttributes<View>>>;
+declare const $ScrollView: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ScrollViewProps>, any>;
+declare const $SectionList: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.SectionListProps<unknown, unknown>>, any>;
+declare const $Switch: React.FC<_legendapp_state_react.ShapeWith$<react_native.SwitchProps>>;
+declare const $Text: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.TextProps>, any>;
+declare const $TextInput: React.FC<_legendapp_state_react.ShapeWith$<react_native.TextInputProps>>;
+declare const $TouchableWithoutFeedback: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.TouchableWithoutFeedbackProps>, any>;
+declare const $View: React.ComponentClass<_legendapp_state_react.ShapeWith$<react_native.ViewProps>, any>;
+
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View };

package/react-reactive/Components.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var react = require('@legendapp/state/react');
+var react$1 = require('react');
+var reactNative = require('react-native');
+
+// src/react-reactive/Components.ts
+var $ActivityIndicator = react.reactive(reactNative.ActivityIndicator);
+var $Button = react.reactive(reactNative.Button);
+var $FlatList = react.reactive(reactNative.FlatList, void 0, {
+  data: {
+    selector: (propsOut, p) => {
+      const state = react$1.useRef(0);
+      const [renderNum, value] = react.use$(() => [state.current++, p.get(true)]);
+      propsOut.extraData = renderNum;
+      return value;
+    }
+  }
+});
+var $Image = react.reactive(reactNative.Image);
+var $Pressable = react.reactive(reactNative.Pressable);
+var $ScrollView = react.reactive(reactNative.ScrollView);
+var $SectionList = react.reactive(reactNative.SectionList);
+var $Switch = react.reactive(reactNative.Switch, void 0, {
+  value: {
+    handler: "onValueChange",
+    getValue: (e) => e,
+    defaultValue: false
+  }
+});
+var $Text = react.reactive(reactNative.Text);
+var $TextInput = react.reactive(reactNative.TextInput, void 0, {
+  value: {
+    handler: "onChange",
+    getValue: (e) => e.nativeEvent.text,
+    defaultValue: ""
+  }
+});
+var $TouchableWithoutFeedback = react.reactive(reactNative.TouchableWithoutFeedback);
+var $View = react.reactive(reactNative.View);
+
+exports.$ActivityIndicator = $ActivityIndicator;
+exports.$Button = $Button;
+exports.$FlatList = $FlatList;
+exports.$Image = $Image;
+exports.$Pressable = $Pressable;
+exports.$ScrollView = $ScrollView;
+exports.$SectionList = $SectionList;
+exports.$Switch = $Switch;
+exports.$Text = $Text;
+exports.$TextInput = $TextInput;
+exports.$TouchableWithoutFeedback = $TouchableWithoutFeedback;
+exports.$View = $View;

package/react-reactive/Components.mjs

@@ -0,0 +1,40 @@
+import { reactive, use$ } from '@legendapp/state/react';
+import { useRef } from 'react';
+import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
+
+// src/react-reactive/Components.ts
+var $ActivityIndicator = reactive(ActivityIndicator);
+var $Button = reactive(Button);
+var $FlatList = reactive(FlatList, void 0, {
+  data: {
+    selector: (propsOut, p) => {
+      const state = useRef(0);
+      const [renderNum, value] = use$(() => [state.current++, p.get(true)]);
+      propsOut.extraData = renderNum;
+      return value;
+    }
+  }
+});
+var $Image = reactive(Image);
+var $Pressable = reactive(Pressable);
+var $ScrollView = reactive(ScrollView);
+var $SectionList = reactive(SectionList);
+var $Switch = reactive(Switch, void 0, {
+  value: {
+    handler: "onValueChange",
+    getValue: (e) => e,
+    defaultValue: false
+  }
+});
+var $Text = reactive(Text);
+var $TextInput = reactive(TextInput, void 0, {
+  value: {
+    handler: "onChange",
+    getValue: (e) => e.nativeEvent.text,
+    defaultValue: ""
+  }
+});
+var $TouchableWithoutFeedback = reactive(TouchableWithoutFeedback);
+var $View = reactive(View);
+
+export { $ActivityIndicator, $Button, $FlatList, $Image, $Pressable, $ScrollView, $SectionList, $Switch, $Text, $TextInput, $TouchableWithoutFeedback, $View };

package/react-reactive/enableReactComponents.d.mts

@@ -1,9 +1,10 @@
 import { FCReactiveObject, configureReactive } from '@legendapp/state/react';
 
-declare function enableReactComponents(config: typeof configureReactive): void;
+declare function enableReactComponents_(config: typeof configureReactive): void;
+
 declare module '@legendapp/state/react' {
     interface IReactive extends FCReactiveObject<JSX.IntrinsicElements> {
     }
 }
 
-export { enableReactComponents };
+export { enableReactComponents_ };

package/react-reactive/enableReactComponents.d.ts

@@ -1,9 +1,10 @@
 import { FCReactiveObject, configureReactive } from '@legendapp/state/react';
 
-declare function enableReactComponents(config: typeof configureReactive): void;
+declare function enableReactComponents_(config: typeof configureReactive): void;
+
 declare module '@legendapp/state/react' {
     interface IReactive extends FCReactiveObject<JSX.IntrinsicElements> {
     }
 }
 
-export { enableReactComponents };
+export { enableReactComponents_ };

package/react-reactive/enableReactComponents.js

@@ -1,8 +1,15 @@
 'use strict';
 
 // src/react-reactive/enableReactComponents.ts
-function enableReactComponents(config) {
-  const bindInfo = { value: { handler: "onChange", getValue: (e) => e.target.value, defaultValue: "" } };
+var isEnabled = false;
+function enableReactComponents_(config) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
+  const bindInfo = {
+    value: { handler: "onChange", getValue: (e) => e.target.value, defaultValue: "" }
+  };
   const bindInfoInput = Object.assign(
     { checked: { handler: "onChange", getValue: (e) => e.target.checked } },
     bindInfo
@@ -16,4 +23,4 @@ function enableReactComponents(config) {
   });
 }
 
-exports.enableReactComponents = enableReactComponents;
+exports.enableReactComponents_ = enableReactComponents_;

package/react-reactive/enableReactComponents.mjs

@@ -1,6 +1,13 @@
 // src/react-reactive/enableReactComponents.ts
-function enableReactComponents(config) {
-  const bindInfo = { value: { handler: "onChange", getValue: (e) => e.target.value, defaultValue: "" } };
+var isEnabled = false;
+function enableReactComponents_(config) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
+  const bindInfo = {
+    value: { handler: "onChange", getValue: (e) => e.target.value, defaultValue: "" }
+  };
   const bindInfoInput = Object.assign(
     { checked: { handler: "onChange", getValue: (e) => e.target.checked } },
     bindInfo
@@ -14,4 +21,4 @@ function enableReactComponents(config) {
   });
 }
 
-export { enableReactComponents };
+export { enableReactComponents_ };

package/react-reactive/enableReactNativeComponents.d.mts

@@ -1,22 +1,5 @@
-import { FCReactiveObject, FCReactive, configureReactive } from '@legendapp/state/react';
-import { ActivityIndicator, ActivityIndicatorProps, Button, ButtonProps, FlatList, FlatListProps, Image, ImageProps, Pressable, PressableProps, ScrollView, ScrollViewProps, SectionList, SectionListProps, Switch, SwitchProps, Text, TextProps, TextInput, TextInputProps, TouchableWithoutFeedback, TouchableWithoutFeedbackProps, View, ViewProps } from 'react-native';
+import { configureReactive } from '@legendapp/state/react';
 
-declare function enableReactNativeComponents(configure: typeof configureReactive): void;
-declare module '@legendapp/state/react' {
-    interface IReactive extends FCReactiveObject<JSX.IntrinsicElements> {
-        ActivityIndicator: FCReactive<ActivityIndicator, ActivityIndicatorProps>;
-        Button: FCReactive<Button, ButtonProps>;
-        FlatList: FCReactive<FlatList, FlatListProps<any>>;
-        Image: FCReactive<Image, ImageProps>;
-        Pressable: FCReactive<typeof Pressable, PressableProps>;
-        ScrollView: FCReactive<ScrollView, ScrollViewProps>;
-        SectionList: FCReactive<SectionList, SectionListProps<any>>;
-        Switch: FCReactive<Switch, SwitchProps>;
-        Text: FCReactive<Text, TextProps>;
-        TextInput: FCReactive<TextInput, TextInputProps>;
-        TouchableWithoutFeedback: FCReactive<TouchableWithoutFeedback, TouchableWithoutFeedbackProps>;
-        View: FCReactive<View, ViewProps>;
-    }
-}
+declare function enableReactNativeComponents_(configure: typeof configureReactive): void;
 
-export { enableReactNativeComponents };
+export { enableReactNativeComponents_ };

package/react-reactive/enableReactNativeComponents.d.ts

@@ -1,22 +1,5 @@
-import { FCReactiveObject, FCReactive, configureReactive } from '@legendapp/state/react';
-import { ActivityIndicator, ActivityIndicatorProps, Button, ButtonProps, FlatList, FlatListProps, Image, ImageProps, Pressable, PressableProps, ScrollView, ScrollViewProps, SectionList, SectionListProps, Switch, SwitchProps, Text, TextProps, TextInput, TextInputProps, TouchableWithoutFeedback, TouchableWithoutFeedbackProps, View, ViewProps } from 'react-native';
+import { configureReactive } from '@legendapp/state/react';
 
-declare function enableReactNativeComponents(configure: typeof configureReactive): void;
-declare module '@legendapp/state/react' {
-    interface IReactive extends FCReactiveObject<JSX.IntrinsicElements> {
-        ActivityIndicator: FCReactive<ActivityIndicator, ActivityIndicatorProps>;
-        Button: FCReactive<Button, ButtonProps>;
-        FlatList: FCReactive<FlatList, FlatListProps<any>>;
-        Image: FCReactive<Image, ImageProps>;
-        Pressable: FCReactive<typeof Pressable, PressableProps>;
-        ScrollView: FCReactive<ScrollView, ScrollViewProps>;
-        SectionList: FCReactive<SectionList, SectionListProps<any>>;
-        Switch: FCReactive<Switch, SwitchProps>;
-        Text: FCReactive<Text, TextProps>;
-        TextInput: FCReactive<TextInput, TextInputProps>;
-        TouchableWithoutFeedback: FCReactive<TouchableWithoutFeedback, TouchableWithoutFeedbackProps>;
-        View: FCReactive<View, ViewProps>;
-    }
-}
+declare function enableReactNativeComponents_(configure: typeof configureReactive): void;
 
-export { enableReactNativeComponents };
+export { enableReactNativeComponents_ };

package/react-reactive/enableReactNativeComponents.js

@@ -1,11 +1,16 @@
 'use strict';
 
-var react = require('react');
 var react$1 = require('@legendapp/state/react');
+var react = require('react');
 var reactNative = require('react-native');
 
 // src/react-reactive/enableReactNativeComponents.ts
-function enableReactNativeComponents(configure) {
+var isEnabled = false;
+function enableReactNativeComponents_(configure) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
   configure({
     components: {
       ActivityIndicator: reactNative.ActivityIndicator,
@@ -50,4 +55,4 @@ function enableReactNativeComponents(configure) {
   });
 }
 
-exports.enableReactNativeComponents = enableReactNativeComponents;
+exports.enableReactNativeComponents_ = enableReactNativeComponents_;

package/react-reactive/enableReactNativeComponents.mjs

@@ -1,9 +1,14 @@
-import { useRef } from 'react';
 import { useSelector } from '@legendapp/state/react';
+import { useRef } from 'react';
 import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
 
 // src/react-reactive/enableReactNativeComponents.ts
-function enableReactNativeComponents(configure) {
+var isEnabled = false;
+function enableReactNativeComponents_(configure) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
   configure({
     components: {
       ActivityIndicator,
@@ -48,4 +53,4 @@ function enableReactNativeComponents(configure) {
   });
 }
 
-export { enableReactNativeComponents };
+export { enableReactNativeComponents_ };

package/react-reactive/enableReactive.js

@@ -1,8 +1,15 @@
 'use strict';
 
 // src/react-reactive/enableReactComponents.ts
-function enableReactComponents(config) {
-  const bindInfo = { value: { handler: "onChange", getValue: (e) => e.target.value, defaultValue: "" } };
+var isEnabled = false;
+function enableReactComponents_(config) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
+  const bindInfo = {
+    value: { handler: "onChange", getValue: (e) => e.target.value, defaultValue: "" }
+  };
   const bindInfoInput = Object.assign(
     { checked: { handler: "onChange", getValue: (e) => e.target.checked } },
     bindInfo
@@ -18,7 +25,7 @@ function enableReactComponents(config) {
 
 // src/react-reactive/enableReactive.ts
 function enableReactive(config) {
-  enableReactComponents(config);
+  enableReactComponents_(config);
 }
 
 exports.enableReactive = enableReactive;

package/react-reactive/enableReactive.mjs

@@ -1,6 +1,13 @@
 // src/react-reactive/enableReactComponents.ts
-function enableReactComponents(config) {
-  const bindInfo = { value: { handler: "onChange", getValue: (e) => e.target.value, defaultValue: "" } };
+var isEnabled = false;
+function enableReactComponents_(config) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
+  const bindInfo = {
+    value: { handler: "onChange", getValue: (e) => e.target.value, defaultValue: "" }
+  };
   const bindInfoInput = Object.assign(
     { checked: { handler: "onChange", getValue: (e) => e.target.checked } },
     bindInfo
@@ -16,7 +23,7 @@ function enableReactComponents(config) {
 
 // src/react-reactive/enableReactive.ts
 function enableReactive(config) {
-  enableReactComponents(config);
+  enableReactComponents_(config);
 }
 
 export { enableReactive };

package/react-reactive/enableReactive.native.js

@@ -1,11 +1,16 @@
 'use strict';
 
-var react = require('react');
 var react$1 = require('@legendapp/state/react');
+var react = require('react');
 var reactNative = require('react-native');
 
 // src/react-reactive/enableReactNativeComponents.ts
-function enableReactNativeComponents(configure) {
+var isEnabled = false;
+function enableReactNativeComponents_(configure) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
   configure({
     components: {
       ActivityIndicator: reactNative.ActivityIndicator,
@@ -52,7 +57,7 @@ function enableReactNativeComponents(configure) {
 
 // src/react-reactive/enableReactive.native.ts
 function enableReactive(configure) {
-  enableReactNativeComponents(configure);
+  enableReactNativeComponents_(configure);
 }
 
 exports.enableReactive = enableReactive;

package/react-reactive/enableReactive.native.mjs

@@ -1,9 +1,14 @@
-import { useRef } from 'react';
 import { useSelector } from '@legendapp/state/react';
+import { useRef } from 'react';
 import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
 
 // src/react-reactive/enableReactNativeComponents.ts
-function enableReactNativeComponents(configure) {
+var isEnabled = false;
+function enableReactNativeComponents_(configure) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
   configure({
     components: {
       ActivityIndicator,
@@ -50,7 +55,7 @@ function enableReactNativeComponents(configure) {
 
 // src/react-reactive/enableReactive.native.ts
 function enableReactive(configure) {
-  enableReactNativeComponents(configure);
+  enableReactNativeComponents_(configure);
 }
 
 export { enableReactive };

package/react-reactive/enableReactive.web.js

@@ -1,11 +1,16 @@
 'use strict';
 
-var react = require('react');
 var react$1 = require('@legendapp/state/react');
+var react = require('react');
 var reactNative = require('react-native');
 
 // src/react-reactive/enableReactNativeComponents.ts
-function enableReactNativeComponents(configure) {
+var isEnabled = false;
+function enableReactNativeComponents_(configure) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
   configure({
     components: {
       ActivityIndicator: reactNative.ActivityIndicator,
@@ -52,7 +57,7 @@ function enableReactNativeComponents(configure) {
 
 // src/react-reactive/enableReactive.web.ts
 function enableReactive(configure) {
-  enableReactNativeComponents(configure);
+  enableReactNativeComponents_(configure);
 }
 
 exports.enableReactive = enableReactive;

package/react-reactive/enableReactive.web.mjs

@@ -1,9 +1,14 @@
-import { useRef } from 'react';
 import { useSelector } from '@legendapp/state/react';
+import { useRef } from 'react';
 import { ActivityIndicator, Button, FlatList, Image, Pressable, ScrollView, SectionList, Switch, Text, TextInput, TouchableWithoutFeedback, View } from 'react-native';
 
 // src/react-reactive/enableReactNativeComponents.ts
-function enableReactNativeComponents(configure) {
+var isEnabled = false;
+function enableReactNativeComponents_(configure) {
+  if (isEnabled) {
+    return;
+  }
+  isEnabled = true;
   configure({
     components: {
       ActivityIndicator,
@@ -50,7 +55,7 @@ function enableReactNativeComponents(configure) {
 
 // src/react-reactive/enableReactive.web.ts
 function enableReactive(configure) {
-  enableReactNativeComponents(configure);
+  enableReactNativeComponents_(configure);
 }
 
 export { enableReactive };

package/react-web.d.mts

@@ -0,0 +1,6 @@
+import { FCReactiveObject } from '@legendapp/state/react';
+
+type IReactive = FCReactiveObject<JSX.IntrinsicElements>;
+declare const $React: IReactive;
+
+export { $React };