@tamagui/demos 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/index.native.js

@@ -1,64 +1,121 @@
-export * from "./AccordionDemo.native.js";
-export * from "./AddThemeDemo.native.js";
-export * from "./AlertDialogDemo.native.js";
-export * from "./AnimationsDelayDemo.native.js";
-export * from "./AnimationsDemo.native.js";
-export * from "./AnimationsEnterDemo.native.js";
-export * from "./AnimationsHoverDemo.native.js";
-export * from "./AnimationsPresenceDemo.native.js";
-export * from "./AnimationsTimingDemo.native.js";
-export * from "./AvatarDemo.native.js";
-export * from "./BoxShadowTokenDemo.native.js";
-export * from "./BuildAButtonDemo.native.js";
-export * from "./ButtonDemo.native.js";
-export * from "./ThemeBuilderDemo.native.js";
-export * from "./CardDemo.native.js";
-export * from "./CheckboxDemo.native.js";
-export * from "./CheckboxHeadlessDemo.native.js";
-export * from "./CheckboxUnstyledDemo.native.js";
-export * from "./ColorsDemo.native.js";
-export * from "./ContextMenuDemo.native.js";
-export * from "./MenuDemo.native.js";
-export * from "./DialogDemo.native.js";
-export * from "./FormsDemo.native.js";
-export * from "./GroupDemo.native.js";
-export * from "./HeadingsDemo.native.js";
-export * from "./ImageDemo.native.js";
-export * from "./WebNativeImageDemo.native.js";
-export * from "./InputsDemo.native.js";
-export * from "./NewInputsDemo.native.js";
-export * from "./LabelDemo.native.js";
-export * from "./LinearGradientDemo.native.js";
-export * from "./ListItemDemo.native.js";
-export * from "./LucideIconsDemo.native.js";
-export * from "./PopoverDemo.native.js";
-export * from "./ProgressDemo.native.js";
-export * from "./RadioGroupDemo.native.js";
-export * from "./RadioGroupHeadlessDemo.native.js";
-export * from "./RadioGroupUnstyledDemo.native.js";
-export * from "./ReplaceThemeDemo.native.js";
-export * from "./ScrollViewDemo.native.js";
-export * from "./SelectDemo.native.js";
-export * from "./SeparatorDemo.native.js";
-export * from "./ShapesDemo.native.js";
-export * from "./SheetDemo.native.js";
-export * from "./SliderDemo.native.js";
-export * from "./SpinnerDemo.native.js";
-export * from "./StacksDemo.native.js";
-export * from "./SwitchDemo.native.js";
-export * from "./SwitchHeadlessDemo.native.js";
-export * from "./SwitchUnstyledDemo.native.js";
-export * from "./TabsAdvancedDemo.native.js";
-export * from "./TabsDemo.native.js";
-export * from "./TextDemo.native.js";
-export * from "./ThemeInverseDemo.native.js";
-export * from "./ToastDemo.native.js";
-export * from "./ToastDuplicateDemo.native.js";
-export * from "./ToastV1Demo.native.js";
-export * from "./ToggleGroupDemo.native.js";
-export * from "./TokensDemo.native.js";
-export * from "./TooltipDemo.native.js";
-export * from "./UpdateThemeDemo.native.js";
-export * from "./useOnIntersecting.native.js";
-export * from "./TabsHeadlessDemo.native.js";
-//# sourceMappingURL=index.native.js.map
+export * from "./AccordionDemo.native.js"
+
+export * from "./AddThemeDemo.native.js"
+
+export * from "./AlertDialogDemo.native.js"
+
+export * from "./AnimationsDelayDemo.native.js"
+
+export * from "./AnimationsDemo.native.js"
+
+export * from "./AnimationsEnterDemo.native.js"
+
+export * from "./AnimationsHoverDemo.native.js"
+
+export * from "./AnimationsPresenceDemo.native.js"
+
+export * from "./AnimationsTimingDemo.native.js"
+
+export * from "./AvatarDemo.native.js"
+
+export * from "./BoxShadowTokenDemo.native.js"
+
+export * from "./BuildAButtonDemo.native.js"
+
+export * from "./ButtonDemo.native.js"
+
+export * from "./ThemeBuilderDemo.native.js"
+
+export * from "./CardDemo.native.js"
+
+export * from "./CheckboxDemo.native.js"
+
+export * from "./CheckboxHeadlessDemo.native.js"
+
+export * from "./ColorsDemo.native.js"
+
+export * from "./ContextMenuDemo.native.js"
+
+export * from "./MenuDemo.native.js"
+
+export * from "./DialogDemo.native.js"
+
+export * from "./FieldDemo.native.js"
+
+export * from "./FormsDemo.native.js"
+
+export * from "./GroupDemo.native.js"
+
+export * from "./HeadingsDemo.native.js"
+
+export * from "./ImageDemo.native.js"
+
+export * from "./WebNativeImageDemo.native.js"
+
+export * from "./InputsDemo.native.js"
+
+export * from "./NewInputsDemo.native.js"
+
+export * from "./LabelDemo.native.js"
+
+export * from "./LinearGradientDemo.native.js"
+
+export * from "./ListItemDemo.native.js"
+
+export * from "./LucideIconsDemo.native.js"
+
+export * from "./PopoverDemo.native.js"
+
+export * from "./ProgressDemo.native.js"
+
+export * from "./RadioGroupDemo.native.js"
+
+export * from "./RadioGroupHeadlessDemo.native.js"
+
+export * from "./RadioGroupCustomDemo.native.js"
+
+export * from "./ReplaceThemeDemo.native.js"
+
+export * from "./ScrollViewDemo.native.js"
+
+export * from "./SelectDemo.native.js"
+
+export * from "./SeparatorDemo.native.js"
+
+export * from "./ShapesDemo.native.js"
+
+export * from "./SheetDemo.native.js"
+
+export * from "./SliderDemo.native.js"
+
+export * from "./SpinnerDemo.native.js"
+
+export * from "./StacksDemo.native.js"
+
+export * from "./SwitchDemo.native.js"
+
+export * from "./SwitchHeadlessDemo.native.js"
+
+export * from "./TabsAdvancedDemo.native.js"
+
+export * from "./TabsDemo.native.js"
+
+export * from "./TextDemo.native.js"
+
+export * from "./ThemeInverseDemo.native.js"
+
+export * from "./ToastDemo.native.js"
+
+export * from "./ToastDuplicateDemo.native.js"
+
+export * from "./ToggleGroupDemo.native.js"
+
+export * from "./TokensDemo.native.js"
+
+export * from "./TooltipDemo.native.js"
+
+export * from "./UpdateThemeDemo.native.js"
+
+export * from "./useOnIntersecting.native.js"
+
+export * from "./TabsCustomDemo.native.js"

package/dist/esm/tamagui.config.mjs

@@ -1,6 +1,8 @@
 import { config } from "@tamagui/tamagui-dev-config";
 import { createTamagui } from "tamagui";
+
 const tamaConf = createTamagui(config);
 var tamagui_config_default = tamaConf;
+
 export { tamagui_config_default as default };
 //# sourceMappingURL=tamagui.config.mjs.map

package/dist/esm/tamagui.config.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["config","createTamagui","tamaConf","tamagui_config_default"],"sources":["../../src/tamagui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,aAAA,QAAqB;AAE9B,MAAMC,QAAA,GAAWD,aAAA,CAAcD,MAAM;AAYrC,IAAOG,sBAAA,GAAQD,QAAA","ignoreList":[]}
+{"version":3,"file":"tamagui.config.js","names":[],"sources":["esm/tamagui.config.js"],"sourcesContent":["import { config } from \"@tamagui/tamagui-dev-config\";\nimport { createTamagui } from \"tamagui\";\nconst tamaConf = createTamagui(config);\nvar tamagui_config_default = tamaConf;\nexport {\n  tamagui_config_default as default\n};\n//# sourceMappingURL=tamagui.config.js.map\n"],"mappings":";;;;AAEA,MAAM,WAAW,cAAc,MAAM;AACrC,IAAI,yBAAyB"}

package/dist/esm/tamagui.config.native.js

@@ -1,6 +1,8 @@
 import { config } from "@tamagui/tamagui-dev-config";
 import { createTamagui } from "tamagui";
+
 var tamaConf = createTamagui(config);
 var tamagui_config_default = tamaConf;
+
 export { tamagui_config_default as default };
 //# sourceMappingURL=tamagui.config.native.js.map

package/dist/esm/tamagui.config.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["config","createTamagui","tamaConf","tamagui_config_default"],"sources":["../../src/tamagui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,aAAA,QAAqB;AAE9B,IAAAC,QAAM,GAAAD,aAAW,CAAAD,MAAc;AAY/B,IAAOG,sBAAA,GAAQD,QAAA","ignoreList":[]}
+{"version":3,"file":"tamagui.config.native.js","names":[],"sources":["esm/tamagui.config.native.js"],"sourcesContent":["import { config } from \"@tamagui/tamagui-dev-config\";\nimport { createTamagui } from \"tamagui\";\nvar tamaConf = createTamagui(config);\nvar tamagui_config_default = tamaConf;\nexport {\n  tamagui_config_default as default\n};\n//# sourceMappingURL=tamagui.config.js.map\n"],"mappings":";;;;AAEA,IAAI,WAAW,cAAc,MAAM;AACnC,IAAI,yBAAyB"}

package/dist/esm/useOnIntersecting.mjs

@@ -1,58 +1,60 @@
 import { useEffect, useState } from "react";
 import { isWeb, useEvent } from "tamagui";
-function useIsIntersecting(refs, {
-  once,
-  ...opts
-} = {}) {
-  const [values, setValues] = useState([]);
-  useOnIntersecting(refs, entries => {
-    if (!isWeb) return;
-    const intersecting = entries.some(x => x?.isIntersecting);
-    if (once && !intersecting) return;
-    setValues(prev => {
-      const next = entries.map(e => e?.isIntersecting ?? false);
-      if (prev.length === next.length && prev.every((e, i) => e === next[i])) {
-        return prev;
-      }
-      return next;
-    });
-  }, opts);
-  return Array.isArray(refs) ? values : values[0];
+
+function useIsIntersecting(refs, { once, ...opts } = {}) {
+	const [values, setValues] = useState([]);
+	useOnIntersecting(refs, (entries) => {
+		if (!isWeb) return;
+		const intersecting = entries.some((x) => x?.isIntersecting);
+		if (once && !intersecting) return;
+		setValues((prev) => {
+			const next = entries.map((e) => e?.isIntersecting ?? false);
+			if (prev.length === next.length && prev.every((e, i) => e === next[i])) {
+				return prev;
+			}
+			return next;
+		});
+	}, opts);
+	return Array.isArray(refs) ? values : values[0];
 }
-function useOnIntersecting(refsIn, incomingCbRaw, {
-  threshold = 0,
-  root,
-  rootMargin
-} = {}, mountArgs = []) {
-  const onIntersectEvent = useEvent(incomingCbRaw);
-  useEffect(() => {
-    if (!isWeb) return;
-    const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
-    if (!refs.length) return;
-    let dispose = null;
-    let currentEntries = [];
-    const options = {
-      threshold,
-      root,
-      rootMargin
-    };
-    const io = new IntersectionObserver(entries => {
-      currentEntries = refs.map((ref, index) => {
-        return entries.find(x => x.target === ref.current) ?? currentEntries[index] ?? null;
-      });
-      dispose?.();
-      dispose = onIntersectEvent(currentEntries) || null;
-    }, options);
-    for (const ref of refs) {
-      if (ref.current) {
-        io.observe(ref.current);
-      }
-    }
-    return () => {
-      dispose?.();
-      io.disconnect();
-    };
-  }, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
+function useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMargin } = {}, mountArgs = []) {
+	const onIntersectEvent = useEvent(incomingCbRaw);
+	useEffect(() => {
+		if (!isWeb) return;
+		const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
+		if (!refs.length) return;
+		let dispose = null;
+		let currentEntries = [];
+		const options = {
+			threshold,
+			root,
+			rootMargin
+		};
+		const io = new IntersectionObserver((entries) => {
+			currentEntries = refs.map((ref, index) => {
+				return entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null;
+			});
+			dispose?.();
+			dispose = onIntersectEvent(currentEntries) || null;
+		}, options);
+		for (const ref of refs) {
+			if (ref.current) {
+				io.observe(ref.current);
+			}
+		}
+		return () => {
+			dispose?.();
+			io.disconnect();
+		};
+	}, [
+		onIntersectEvent,
+		refsIn,
+		root,
+		rootMargin,
+		threshold,
+		...mountArgs
+	]);
 }
+
 export { useIsIntersecting, useOnIntersecting };
 //# sourceMappingURL=useOnIntersecting.mjs.map

package/dist/esm/useOnIntersecting.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","isWeb","useEvent","useIsIntersecting","refs","once","opts","values","setValues","useOnIntersecting","entries","intersecting","some","x","isIntersecting","prev","next","map","e","length","every","i","Array","isArray","refsIn","incomingCbRaw","threshold","root","rootMargin","mountArgs","onIntersectEvent","dispose","currentEntries","options","io","IntersectionObserver","ref","index","find","target","current","observe","disconnect"],"sources":["../../src/useOnIntersecting.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,KAAA,EAAOC,QAAA,QAAgB;AAWzB,SAASC,kBACdC,IAAA,EACA;EAAEC,IAAA;EAAM,GAAGC;AAAK,IAAmD,CAAC,GAC3B;EACzC,MAAM,CAACC,MAAA,EAAQC,SAAS,IAAIR,QAAA,CAAoB,EAAE;EAElDS,iBAAA,CACEL,IAAA,EACCM,OAAA,IAAY;IACX,IAAI,CAACT,KAAA,EAAO;IACZ,MAAMU,YAAA,GAAeD,OAAA,CAAQE,IAAA,CAAMC,CAAA,IAAMA,CAAA,EAAGC,cAAc;IAC1D,IAAIT,IAAA,IAAQ,CAACM,YAAA,EAAc;IAC3BH,SAAA,CAAWO,IAAA,IAAS;MAClB,MAAMC,IAAA,GAAON,OAAA,CAAQO,GAAA,CAAKC,CAAA,IAAMA,CAAA,EAAGJ,cAAA,IAAkB,KAAK;MAC1D,IAAIC,IAAA,CAAKI,MAAA,KAAWH,IAAA,CAAKG,MAAA,IAAUJ,IAAA,CAAKK,KAAA,CAAM,CAACF,CAAA,EAAGG,CAAA,KAAMH,CAAA,KAAMF,IAAA,CAAKK,CAAC,CAAC,GAAG;QACtE,OAAON,IAAA;MACT;MACA,OAAOC,IAAA;IACT,CAAC;EACH,GACAV,IACF;EAEA,OAAQgB,KAAA,CAAMC,OAAA,CAAQnB,IAAI,IAAIG,MAAA,GAASA,MAAA,CAAO,CAAC;AACjD;AAEO,SAASE,kBACde,MAAA,EACAC,aAAA,EACA;EAAEC,SAAA,GAAY;EAAGC,IAAA;EAAMC;AAAW,IAA8B,CAAC,GACjEC,SAAA,GAAmB,EAAC,EACpB;EACA,MAAMC,gBAAA,GAAmB5B,QAAA,CAASuB,aAAa;EAE/C1B,SAAA,CAAU,MAAM;IACd,IAAI,CAACE,KAAA,EAAO;IACZ,MAAMG,IAAA,GAAQkB,KAAA,CAAMC,OAAA,CAAQC,MAAM,IAAIA,MAAA,GAAS,CAACA,MAAM;IACtD,IAAI,CAACpB,IAAA,CAAKe,MAAA,EAAQ;IAElB,IAAIY,OAAA,GAA4B;IAChC,IAAIC,cAAA,GAAuD,EAAC;IAC5D,MAAMC,OAAA,GAAU;MACdP,SAAA;MACAC,IAAA;MACAC;IACF;IACA,MAAMM,EAAA,GAAK,IAAIC,oBAAA,CAAsBzB,OAAA,IAAY;MAC/CsB,cAAA,GAAiB5B,IAAA,CAAKa,GAAA,CAAI,CAACmB,GAAA,EAAKC,KAAA,KAAU;QACxC,OACE3B,OAAA,CAAQ4B,IAAA,CAAMzB,CAAA,IAAMA,CAAA,CAAE0B,MAAA,KAAWH,GAAA,CAAII,OAAO,KAAKR,cAAA,CAAeK,KAAK,KAAK;MAE9E,CAAC;MACDN,OAAA,GAAU;MACVA,OAAA,GAAUD,gBAAA,CAAiBE,cAAc,KAAK;IAChD,GAAGC,OAAO;IAEV,WAAWG,GAAA,IAAOhC,IAAA,EAAM;MACtB,IAAIgC,GAAA,CAAII,OAAA,EAAS;QACfN,EAAA,CAAGO,OAAA,CAAQL,GAAA,CAAII,OAAO;MACxB;IACF;IAEA,OAAO,MAAM;MACXT,OAAA,GAAU;MACVG,EAAA,CAAGQ,UAAA,CAAW;IAChB;EACF,GAAG,CACDZ,gBAAA,EACAN,MAAA,EACAG,IAAA,EACAC,UAAA,EACAF,SAAA,EAEA,GAAGG,SAAA,CACJ;AACH","ignoreList":[]}
+{"version":3,"file":"useOnIntersecting.js","names":[],"sources":["esm/useOnIntersecting.js"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { isWeb, useEvent } from \"tamagui\";\nfunction useIsIntersecting(refs, { once, ...opts } = {}) {\n  const [values, setValues] = useState([]);\n  useOnIntersecting(\n    refs,\n    (entries) => {\n      if (!isWeb) return;\n      const intersecting = entries.some((x) => x?.isIntersecting);\n      if (once && !intersecting) return;\n      setValues((prev) => {\n        const next = entries.map((e) => e?.isIntersecting ?? false);\n        if (prev.length === next.length && prev.every((e, i) => e === next[i])) {\n          return prev;\n        }\n        return next;\n      });\n    },\n    opts\n  );\n  return Array.isArray(refs) ? values : values[0];\n}\nfunction useOnIntersecting(refsIn, incomingCbRaw, { threshold = 0, root, rootMargin } = {}, mountArgs = []) {\n  const onIntersectEvent = useEvent(incomingCbRaw);\n  useEffect(() => {\n    if (!isWeb) return;\n    const refs = Array.isArray(refsIn) ? refsIn : [refsIn];\n    if (!refs.length) return;\n    let dispose = null;\n    let currentEntries = [];\n    const options = {\n      threshold,\n      root,\n      rootMargin\n    };\n    const io = new IntersectionObserver((entries) => {\n      currentEntries = refs.map((ref, index) => {\n        return entries.find((x) => x.target === ref.current) ?? currentEntries[index] ?? null;\n      });\n      dispose?.();\n      dispose = onIntersectEvent(currentEntries) || null;\n    }, options);\n    for (const ref of refs) {\n      if (ref.current) {\n        io.observe(ref.current);\n      }\n    }\n    return () => {\n      dispose?.();\n      io.disconnect();\n    };\n  }, [\n    onIntersectEvent,\n    refsIn,\n    root,\n    rootMargin,\n    threshold,\n    ...mountArgs\n  ]);\n}\nexport {\n  useIsIntersecting,\n  useOnIntersecting\n};\n//# sourceMappingURL=useOnIntersecting.js.map\n"],"mappings":";;;;AAEA,SAAS,kBAAkB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,GAAG;CACvD,MAAM,CAAC,QAAQ,aAAa,SAAS,CAAC,CAAC;CACvC,kBACE,OACC,YAAY;EACX,IAAI,CAAC,OAAO;EACZ,MAAM,eAAe,QAAQ,MAAM,MAAM,GAAG,cAAc;EAC1D,IAAI,QAAQ,CAAC,cAAc;EAC3B,WAAW,SAAS;GAClB,MAAM,OAAO,QAAQ,KAAK,MAAM,GAAG,kBAAkB,KAAK;GAC1D,IAAI,KAAK,WAAW,KAAK,UAAU,KAAK,OAAO,GAAG,MAAM,MAAM,KAAK,EAAE,GAAG;IACtE,OAAO;GACT;GACA,OAAO;EACT,CAAC;CACH,GACA,IACF;CACA,OAAO,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO;AAC/C;AACA,SAAS,kBAAkB,QAAQ,eAAe,EAAE,YAAY,GAAG,MAAM,eAAe,CAAC,GAAG,YAAY,CAAC,GAAG;CAC1G,MAAM,mBAAmB,SAAS,aAAa;CAC/C,gBAAgB;EACd,IAAI,CAAC,OAAO;EACZ,MAAM,OAAO,MAAM,QAAQ,MAAM,IAAI,SAAS,CAAC,MAAM;EACrD,IAAI,CAAC,KAAK,QAAQ;EAClB,IAAI,UAAU;EACd,IAAI,iBAAiB,CAAC;EACtB,MAAM,UAAU;GACd;GACA;GACA;EACF;EACA,MAAM,KAAK,IAAI,sBAAsB,YAAY;GAC/C,iBAAiB,KAAK,KAAK,KAAK,UAAU;IACxC,OAAO,QAAQ,MAAM,MAAM,EAAE,WAAW,IAAI,OAAO,KAAK,eAAe,UAAU;GACnF,CAAC;GACD,UAAU;GACV,UAAU,iBAAiB,cAAc,KAAK;EAChD,GAAG,OAAO;EACV,KAAK,MAAM,OAAO,MAAM;GACtB,IAAI,IAAI,SAAS;IACf,GAAG,QAAQ,IAAI,OAAO;GACxB;EACF;EACA,aAAa;GACX,UAAU;GACV,GAAG,WAAW;EAChB;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA,GAAG;CACL,CAAC;AACH"}

package/dist/esm/useOnIntersecting.native.js

@@ -1,90 +1,89 @@
 import { useEffect, useState } from "react";
 import { isWeb, useEvent } from "tamagui";
+
 function useIsIntersecting(refs) {
-  var {
-    once,
-    ...opts
-  } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  var [values, setValues] = useState([]);
-  useOnIntersecting(refs, function (entries) {
-    if (!isWeb) return;
-    var intersecting = entries.some(function (x) {
-      return x === null || x === void 0 ? void 0 : x.isIntersecting;
-    });
-    if (once && !intersecting) return;
-    setValues(function (prev) {
-      var next = entries.map(function (e) {
-        var _e_isIntersecting;
-        return (_e_isIntersecting = e === null || e === void 0 ? void 0 : e.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : false;
-      });
-      if (prev.length === next.length && prev.every(function (e, i) {
-        return e === next[i];
-      })) {
-        return prev;
-      }
-      return next;
-    });
-  }, opts);
-  return Array.isArray(refs) ? values : values[0];
+	var { once, ...opts } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+	var [values, setValues] = useState([]);
+	useOnIntersecting(refs, function(entries) {
+		if (!isWeb) return;
+		var intersecting = entries.some(function(x) {
+			return x === null || x === void 0 ? void 0 : x.isIntersecting;
+		});
+		if (once && !intersecting) return;
+		setValues(function(prev) {
+			var next = entries.map(function(e) {
+				var _e_isIntersecting;
+				return (_e_isIntersecting = e === null || e === void 0 ? void 0 : e.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : false;
+			});
+			if (prev.length === next.length && prev.every(function(e, i) {
+				return e === next[i];
+			})) {
+				return prev;
+			}
+			return next;
+		});
+	}, opts);
+	return Array.isArray(refs) ? values : values[0];
 }
 function useOnIntersecting(refsIn, incomingCbRaw) {
-  var {
-      threshold = 0,
-      root,
-      rootMargin
-    } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {},
-    mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [];
-  var onIntersectEvent = useEvent(incomingCbRaw);
-  useEffect(function () {
-    if (!isWeb) return;
-    var refs = Array.isArray(refsIn) ? refsIn : [refsIn];
-    if (!refs.length) return;
-    var dispose = null;
-    var currentEntries = [];
-    var options = {
-      threshold,
-      root,
-      rootMargin
-    };
-    var io = new IntersectionObserver(function (entries) {
-      currentEntries = refs.map(function (ref2, index) {
-        var _entries_find, _ref;
-        return (_ref = (_entries_find = entries.find(function (x) {
-          return x.target === ref2.current;
-        })) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref !== void 0 ? _ref : null;
-      });
-      dispose === null || dispose === void 0 ? void 0 : dispose();
-      dispose = onIntersectEvent(currentEntries) || null;
-    }, options);
-    var _iteratorNormalCompletion = true,
-      _didIteratorError = false,
-      _iteratorError = void 0;
-    try {
-      for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-        var ref = _step.value;
-        if (ref.current) {
-          io.observe(ref.current);
-        }
-      }
-    } catch (err) {
-      _didIteratorError = true;
-      _iteratorError = err;
-    } finally {
-      try {
-        if (!_iteratorNormalCompletion && _iterator.return != null) {
-          _iterator.return();
-        }
-      } finally {
-        if (_didIteratorError) {
-          throw _iteratorError;
-        }
-      }
-    }
-    return function () {
-      dispose === null || dispose === void 0 ? void 0 : dispose();
-      io.disconnect();
-    };
-  }, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
+	var { threshold = 0, root, rootMargin } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [];
+	var onIntersectEvent = useEvent(incomingCbRaw);
+	useEffect(function() {
+		if (!isWeb) return;
+		var refs = Array.isArray(refsIn) ? refsIn : [refsIn];
+		if (!refs.length) return;
+		var dispose = null;
+		var currentEntries = [];
+		var options = {
+			threshold,
+			root,
+			rootMargin
+		};
+		var io = new IntersectionObserver(function(entries) {
+			currentEntries = refs.map(function(ref2, index) {
+				var _entries_find, _ref;
+				return (_ref = (_entries_find = entries.find(function(x) {
+					return x.target === ref2.current;
+				})) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref !== void 0 ? _ref : null;
+			});
+			dispose === null || dispose === void 0 ? void 0 : dispose();
+			dispose = onIntersectEvent(currentEntries) || null;
+		}, options);
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var ref = _step.value;
+				if (ref.current) {
+					io.observe(ref.current);
+				}
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+		return function() {
+			dispose === null || dispose === void 0 ? void 0 : dispose();
+			io.disconnect();
+		};
+	}, [
+		onIntersectEvent,
+		refsIn,
+		root,
+		rootMargin,
+		threshold,
+		...mountArgs
+	]);
 }
+
 export { useIsIntersecting, useOnIntersecting };
 //# sourceMappingURL=useOnIntersecting.native.js.map

package/dist/esm/useOnIntersecting.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","isWeb","useEvent","useIsIntersecting","refs","once","opts","arguments","length","values","setValues","useOnIntersecting","entries","intersecting","some","x","isIntersecting","prev","next","map","e","_e_isIntersecting","every","i","Array","isArray","refsIn","incomingCbRaw","threshold","root","rootMargin","mountArgs","onIntersectEvent","dispose","currentEntries","options","io","IntersectionObserver","ref2","index","_entries_find","_ref","find","target","current","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","ref","value","observe"],"sources":["../../src/useOnIntersecting.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useOnIntersecting.native.js","names":[],"sources":["esm/useOnIntersecting.native.js"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { isWeb, useEvent } from \"tamagui\";\nfunction useIsIntersecting(refs) {\n  var { once, ...opts } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n  var [values, setValues] = useState([]);\n  useOnIntersecting(refs, function(entries) {\n    if (!isWeb) return;\n    var intersecting = entries.some(function(x) {\n      return x === null || x === void 0 ? void 0 : x.isIntersecting;\n    });\n    if (once && !intersecting) return;\n    setValues(function(prev) {\n      var next = entries.map(function(e) {\n        var _e_isIntersecting;\n        return (_e_isIntersecting = e === null || e === void 0 ? void 0 : e.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : false;\n      });\n      if (prev.length === next.length && prev.every(function(e, i) {\n        return e === next[i];\n      })) {\n        return prev;\n      }\n      return next;\n    });\n  }, opts);\n  return Array.isArray(refs) ? values : values[0];\n}\nfunction useOnIntersecting(refsIn, incomingCbRaw) {\n  var { threshold = 0, root, rootMargin } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {}, mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [];\n  var onIntersectEvent = useEvent(incomingCbRaw);\n  useEffect(function() {\n    if (!isWeb) return;\n    var refs = Array.isArray(refsIn) ? refsIn : [\n      refsIn\n    ];\n    if (!refs.length) return;\n    var dispose = null;\n    var currentEntries = [];\n    var options = {\n      threshold,\n      root,\n      rootMargin\n    };\n    var io = new IntersectionObserver(function(entries) {\n      currentEntries = refs.map(function(ref2, index) {\n        var _entries_find, _ref;\n        return (_ref = (_entries_find = entries.find(function(x) {\n          return x.target === ref2.current;\n        })) !== null && _entries_find !== void 0 ? _entries_find : currentEntries[index]) !== null && _ref !== void 0 ? _ref : null;\n      });\n      dispose === null || dispose === void 0 ? void 0 : dispose();\n      dispose = onIntersectEvent(currentEntries) || null;\n    }, options);\n    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;\n    try {\n      for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n        var ref = _step.value;\n        if (ref.current) {\n          io.observe(ref.current);\n        }\n      }\n    } catch (err) {\n      _didIteratorError = true;\n      _iteratorError = err;\n    } finally {\n      try {\n        if (!_iteratorNormalCompletion && _iterator.return != null) {\n          _iterator.return();\n        }\n      } finally {\n        if (_didIteratorError) {\n          throw _iteratorError;\n        }\n      }\n    }\n    return function() {\n      dispose === null || dispose === void 0 ? void 0 : dispose();\n      io.disconnect();\n    };\n  }, [\n    onIntersectEvent,\n    refsIn,\n    root,\n    rootMargin,\n    threshold,\n    ...mountArgs\n  ]);\n}\nexport {\n  useIsIntersecting,\n  useOnIntersecting\n};\n//# sourceMappingURL=useOnIntersecting.js.map\n"],"mappings":";;;;AAEA,SAAS,kBAAkB,MAAM;CAC/B,IAAI,EAAE,MAAM,GAAG,SAAS,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,CAAC;CAC1F,IAAI,CAAC,QAAQ,aAAa,SAAS,CAAC,CAAC;CACrC,kBAAkB,MAAM,SAAS,SAAS;EACxC,IAAI,CAAC,OAAO;EACZ,IAAI,eAAe,QAAQ,KAAK,SAAS,GAAG;GAC1C,OAAO,MAAM,QAAQ,MAAM,KAAK,IAAI,KAAK,IAAI,EAAE;EACjD,CAAC;EACD,IAAI,QAAQ,CAAC,cAAc;EAC3B,UAAU,SAAS,MAAM;GACvB,IAAI,OAAO,QAAQ,IAAI,SAAS,GAAG;IACjC,IAAI;IACJ,QAAQ,oBAAoB,MAAM,QAAQ,MAAM,KAAK,IAAI,KAAK,IAAI,EAAE,oBAAoB,QAAQ,sBAAsB,KAAK,IAAI,oBAAoB;GACrJ,CAAC;GACD,IAAI,KAAK,WAAW,KAAK,UAAU,KAAK,MAAM,SAAS,GAAG,GAAG;IAC3D,OAAO,MAAM,KAAK;GACpB,CAAC,GAAG;IACF,OAAO;GACT;GACA,OAAO;EACT,CAAC;CACH,GAAG,IAAI;CACP,OAAO,MAAM,QAAQ,IAAI,IAAI,SAAS,OAAO;AAC/C;AACA,SAAS,kBAAkB,QAAQ,eAAe;CAChD,IAAI,EAAE,YAAY,GAAG,MAAM,eAAe,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,CAAC,GAAG,YAAY,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK,CAAC;CAC7L,IAAI,mBAAmB,SAAS,aAAa;CAC7C,UAAU,WAAW;EACnB,IAAI,CAAC,OAAO;EACZ,IAAI,OAAO,MAAM,QAAQ,MAAM,IAAI,SAAS,CAC1C,MACF;EACA,IAAI,CAAC,KAAK,QAAQ;EAClB,IAAI,UAAU;EACd,IAAI,iBAAiB,CAAC;EACtB,IAAI,UAAU;GACZ;GACA;GACA;EACF;EACA,IAAI,KAAK,IAAI,qBAAqB,SAAS,SAAS;GAClD,iBAAiB,KAAK,IAAI,SAAS,MAAM,OAAO;IAC9C,IAAI,eAAe;IACnB,QAAQ,QAAQ,gBAAgB,QAAQ,KAAK,SAAS,GAAG;KACvD,OAAO,EAAE,WAAW,KAAK;IAC3B,CAAC,OAAO,QAAQ,kBAAkB,KAAK,IAAI,gBAAgB,eAAe,YAAY,QAAQ,SAAS,KAAK,IAAI,OAAO;GACzH,CAAC;GACD,YAAY,QAAQ,YAAY,KAAK,IAAI,KAAK,IAAI,QAAQ;GAC1D,UAAU,iBAAiB,cAAc,KAAK;EAChD,GAAG,OAAO;EACV,IAAI,4BAA4B,MAAM,oBAAoB,OAAO,iBAAiB,KAAK;EACvF,IAAI;GACF,KAAK,IAAI,YAAY,KAAK,OAAO,UAAU,GAAG,OAAO,EAAE,6BAA6B,QAAQ,UAAU,KAAK,GAAG,OAAO,4BAA4B,MAAM;IACrJ,IAAI,MAAM,MAAM;IAChB,IAAI,IAAI,SAAS;KACf,GAAG,QAAQ,IAAI,OAAO;IACxB;GACF;EACF,SAAS,KAAK;GACZ,oBAAoB;GACpB,iBAAiB;EACnB,UAAU;GACR,IAAI;IACF,IAAI,CAAC,6BAA6B,UAAU,UAAU,MAAM;KAC1D,UAAU,OAAO;IACnB;GACF,UAAU;IACR,IAAI,mBAAmB;KACrB,MAAM;IACR;GACF;EACF;EACA,OAAO,WAAW;GAChB,YAAY,QAAQ,YAAY,KAAK,IAAI,KAAK,IAAI,QAAQ;GAC1D,GAAG,WAAW;EAChB;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA,GAAG;CACL,CAAC;AACH"}