@hanzogui/demos 3.0.6 → 4.3.1

package/dist/esm/UpdateThemeDemo.mjs

@@ -3,19 +3,21 @@ import { config } from "@hanzogui/config/v3";
 import { addTheme, updateTheme } from "@hanzogui/theme";
 import { Button, Square, Theme, XStack, YStack, getVariableValue, useIsomorphicLayoutEffect } from "@hanzo/gui";
 import { jsx, jsxs } from "react/jsx-runtime";
-const colors = config.tokens.color,
-  colorKeys = Object.keys(colors);
+const colors = config.tokens.color;
+const colorKeys = Object.keys(colors);
 function UpdateThemeDemo() {
   const [theme, setTheme] = React.useState();
-  return useIsomorphicLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     addTheme({
       name: "custom",
-      insertCSS: !0,
+      insertCSS: true,
       theme: {
         color: "red"
       }
-    }), setTheme("custom");
-  }, []), /* @__PURE__ */jsxs(YStack, {
+    });
+    setTheme("custom");
+  }, []);
+  return /* @__PURE__ */jsxs(YStack, {
     items: "center",
     gap: "$4",
     children: [/* @__PURE__ */jsx(XStack, {

package/dist/esm/UpdateThemeDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","config","addTheme","updateTheme","Button","Square","Theme","XStack","YStack","getVariableValue","useIsomorphicLayoutEffect","jsx","jsxs","colors","tokens","color","colorKeys","Object","keys","UpdateThemeDemo","theme","setTheme","useState","name","insertCSS","items","gap","children","rounded","size","bg","onPress","randomColor","Math","floor","random","length"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,WAAA,QAAmB;AAEtC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,gBAAA,EACAC,yBAAA,QACK;AAoBH,SAGMC,GAAA,EAHNC,IAAA;AAlBJ,MAAMC,MAAA,GAASZ,MAAA,CAAOa,MAAA,CAAOC,KAAA;EACvBC,SAAA,GAAYC,MAAA,CAAOC,IAAA,CAAKL,MAAM;AAE7B,SAASM,gBAAA,EAAkB;EAChC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIrB,KAAA,CAAMsB,QAAA,CAAc;EAE9C,OAAAZ,yBAAA,CAA0B,MAAM;IAC9BR,QAAA,CAAS;MACPqB,IAAA,EAAM;MACNC,SAAA,EAAW;MACXJ,KAAA,EAAO;QACLL,KAAA,EAAO;MACT;IACF,CAAC,GACDM,QAAA,CAAS,QAAQ;EACnB,GAAG,EAAE,GAGH,eAAAT,IAAA,CAACJ,MAAA;IAAOiB,KAAA,EAAM;IAASC,GAAA,EAAI;IACzBC,QAAA,kBAAAhB,GAAA,CAACJ,MAAA;MAAOmB,GAAA,EAAK;MACXC,QAAA,iBAAAhB,GAAA,CAACL,KAAA;QAAMiB,IAAA,EAAMH,KAAA,IAAS;QACpBO,QAAA,iBAAAhB,GAAA,CAACN,MAAA;UAAOuB,OAAA,EAAQ;UAAKC,IAAA,EAAM;UAAKC,EAAA,EAAG;QAAA,CAAS;MAAA,CAC9C;IAAA,CACF,GAEA,eAAAnB,GAAA,CAACP,MAAA;MACC2B,OAAA,EAASA,CAAA,KAAM;QACb,MAAMC,WAAA,GAAcvB,gBAAA,CAClBI,MAAA,CAAOG,SAAA,CAAUiB,IAAA,CAAKC,KAAA,CAAMD,IAAA,CAAKE,MAAA,CAAO,IAAInB,SAAA,CAAUoB,MAAM,CAAC,CAAC,CAChE;QACAjC,WAAA,CAAY;UACVoB,IAAA,EAAM;UACNH,KAAA,EAAO;YACLL,KAAA,EAAOiB;UACT;QACF,CAAC;MACH;MACDL,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}
+{"version":3,"names":["React","config","addTheme","updateTheme","Button","Square","Theme","XStack","YStack","getVariableValue","useIsomorphicLayoutEffect","jsx","jsxs","colors","tokens","color","colorKeys","Object","keys","UpdateThemeDemo","theme","setTheme","useState","name","insertCSS","items","gap","children","rounded","size","bg","onPress","randomColor","Math","floor","random","length"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,QAAc;AACvB,SAASC,QAAA,EAAUC,WAAA,QAAmB;AAEtC,SACEC,MAAA,EACAC,MAAA,EACAC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,gBAAA,EACAC,yBAAA,QACK;AAoBH,SAGMC,GAAA,EAHNC,IAAA;AAlBJ,MAAMC,MAAA,GAASZ,MAAA,CAAOa,MAAA,CAAOC,KAAA;AAC7B,MAAMC,SAAA,GAAYC,MAAA,CAAOC,IAAA,CAAKL,MAAM;AAE7B,SAASM,gBAAA,EAAkB;EAChC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIrB,KAAA,CAAMsB,QAAA,CAAc;EAE9CZ,yBAAA,CAA0B,MAAM;IAC9BR,QAAA,CAAS;MACPqB,IAAA,EAAM;MACNC,SAAA,EAAW;MACXJ,KAAA,EAAO;QACLL,KAAA,EAAO;MACT;IACF,CAAC;IACDM,QAAA,CAAS,QAAQ;EACnB,GAAG,EAAE;EAEL,OACE,eAAAT,IAAA,CAACJ,MAAA;IAAOiB,KAAA,EAAM;IAASC,GAAA,EAAI;IACzBC,QAAA,kBAAAhB,GAAA,CAACJ,MAAA;MAAOmB,GAAA,EAAK;MACXC,QAAA,iBAAAhB,GAAA,CAACL,KAAA;QAAMiB,IAAA,EAAMH,KAAA,IAAS;QACpBO,QAAA,iBAAAhB,GAAA,CAACN,MAAA;UAAOuB,OAAA,EAAQ;UAAKC,IAAA,EAAM;UAAKC,EAAA,EAAG;QAAA,CAAS;MAAA,CAC9C;IAAA,CACF,GAEA,eAAAnB,GAAA,CAACP,MAAA;MACC2B,OAAA,EAASA,CAAA,KAAM;QACb,MAAMC,WAAA,GAAcvB,gBAAA,CAClBI,MAAA,CAAOG,SAAA,CAAUiB,IAAA,CAAKC,KAAA,CAAMD,IAAA,CAAKE,MAAA,CAAO,IAAInB,SAAA,CAAUoB,MAAM,CAAC,CAAC,CAChE;QACAjC,WAAA,CAAY;UACVoB,IAAA,EAAM;UACNH,KAAA,EAAO;YACLL,KAAA,EAAOiB;UACT;QACF,CAAC;MACH;MACDL,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/UpdateThemeDemo.native.js

@@ -3,25 +3,27 @@ import React from "react";
 import { config } from "@hanzogui/config/v3";
 import { addTheme, updateTheme } from "@hanzogui/theme";
 import { Button, Square, Theme, XStack, YStack, getVariableValue, useIsomorphicLayoutEffect } from "@hanzo/gui";
-var colors = config.tokens.color,
-  colorKeys = Object.keys(colors);
+var colors = config.tokens.color;
+var colorKeys = Object.keys(colors);
 function UpdateThemeDemo() {
   var [theme, setTheme] = React.useState();
-  return useIsomorphicLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     addTheme({
       name: "custom",
-      insertCSS: !0,
+      insertCSS: true,
       theme: {
         color: "red"
       }
-    }), setTheme("custom");
-  }, []), /* @__PURE__ */_jsxs(YStack, {
+    });
+    setTheme("custom");
+  }, []);
+  return /* @__PURE__ */_jsxs(YStack, {
     items: "center",
     gap: "$4",
     children: [/* @__PURE__ */_jsx(XStack, {
       gap: "$5",
       children: /* @__PURE__ */_jsx(Theme, {
-        name: theme ?? null,
+        name: theme !== null && theme !== void 0 ? theme : null,
         children: /* @__PURE__ */_jsx(Square, {
           rounded: "$8",
           size: 100,

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","config","addTheme","updateTheme","Button","Square","Theme","XStack","YStack","getVariableValue","useIsomorphicLayoutEffect","colors","tokens","color","colorKeys","Object","keys","UpdateThemeDemo","theme","setTheme","useState","name","insertCSS","items","gap","children","rounded","size","bg","onPress","randomColor","Math","floor","random","length"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAc;AACvB,SAASC,MAAA,QAAU,qBAAmB;AAEtC,SAAAC,QAAA,EAAAC,WAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA,EAAAC,yBAAA;AAAA,IACAC,MAAA,GAAAV,MAAA,CAAAW,MAAA,CAAAC,KAAA;EAAAC,SAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAL,MAAA;AAAA,SACAM,gBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAAnB,KAAA,CAAAoB,QAAA;EACA,OAAAV,yBAAA;IACAR,QAAA;MACAmB,IAAA;MAAAC,SACK;MAoBHJ,KAGM;QArBJL,KAAA,EAAS;MAGR;IACL,IAAMM,QAAQ,SAAQ;EAEtB,uBAAApB,KAAA,CAAAS,MAA0B;IACxBe,KAAA,UAAS;IAAAC,GACP,MAAM;IAAAC,QACN,GACA,eAAO5B,IAAA,CAAAU,MAAA;MACLiB,GAAA,MAAO;MACTC,QAAA,iBAAA5B,IAAA,CAAAS,KAAA;QAEFe,IAAA,EAAAH,KAAS,IAAQ;QAIjBO,QAAA,iBAAC5B,IAAA,CAAOQ,MAAA,EAAM;UACZqB,OAAA,MAAC;UAMDC,IAAA;UAACC,EAAA;QAAA;MACC;IACE,IAAoB,eACX/B,IAAA,CAAAO,MAAU,EAAK;MAAwCyB,OAChE,WAAAA,CAAA;QACA,IAAAC,WAAY,GAAArB,gBAAA,CAAAE,MAAA,CAAAG,SAAA,CAAAiB,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,MAAA,KAAAnB,SAAA,CAAAoB,MAAA;QAAA/B,WACJ;UACNkB,IAAA,UAAO;UAAAH,KACL;YACFL,KAAA,EAAAiB;UACD;QACH;MACD;MAAAL,QAAA;IAED;EAGN","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","config","addTheme","updateTheme","Button","Square","Theme","XStack","YStack","getVariableValue","useIsomorphicLayoutEffect","colors","tokens","color","colorKeys","Object","keys","UpdateThemeDemo","theme","setTheme","useState","name","insertCSS","items","gap","children","rounded","size","bg","onPress","randomColor","Math","floor","random","length"],"sources":["../../src/UpdateThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS,aAAc;AACvB,SAASC,MAAA,QAAU,qBAAmB;AAEtC,SAAAC,QAAA,EAAAC,WAAA;AAAA,SACEC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,gBAAA,EAAAC,yBAAA;AAAA,IACAC,MAAA,GAAAV,MAAA,CAAAW,MAAA,CAAAC,KAAA;AAAA,IACAC,SAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAL,MAAA;AAAA,SACAM,gBAAA;EACA,KAAAC,KAAA,EAAAC,QAAA,IAAAnB,KAAA,CAAAoB,QAAA;EACAV,yBAAA;IACAR,QAAA;MAAAmB,IACK;MAoBHC,SAAA;MAlBEJ,KAAA;QACAL,KAAA;MAEC;IACL;IAEAM,QAAA;EACE;EAAS,OACP,eAAMpB,KAAA,CAAAS,MAAA;IAAAe,KACN,UAAW;IAAAC,GACX,MAAO;IAAAC,QACL,GACF,eAAA5B,IAAA,CAAAU,MAAA;MACDiB,GAAA;MACDC,QAAS,iBAAQ5B,IAAA,CAAAS,KAAA;QACde,IAAA,EAAAH,KAAA,aAAAA,KAAA,cAAAA,KAAA;QAGHO,QAAA,iBAAC5B,IAAO,CAAAQ,MAAM;UACZqB,OAAA,MAAC;UAMDC,IAAA;UAACC,EAAA;QAAA;MACC;IACE,IAAoB,eACX/B,IAAA,CAAAO,MAAU,EAAK;MAAwCyB,OAChE,WAAAA,CAAA;QACA,IAAAC,WAAY,GAAArB,gBAAA,CAAAE,MAAA,CAAAG,SAAA,CAAAiB,IAAA,CAAAC,KAAA,CAAAD,IAAA,CAAAE,MAAA,KAAAnB,SAAA,CAAAoB,MAAA;QAAA/B,WACJ;UACNkB,IAAA,UAAO;UAAAH,KACL;YACFL,KAAA,EAAAiB;UACD;QACH;MACD;MAAAL,QAAA;IAED;EAGN","ignoreList":[]}

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

@@ -1,6 +1,6 @@
 import { config } from "@hanzogui/dev-config";
 import { createGui } from "@hanzo/gui";
-var tamaConf = createGui(config),
-  gui_config_default = tamaConf;
+var tamaConf = createGui(config);
+var gui_config_default = tamaConf;
 export { gui_config_default as default };
 //# sourceMappingURL=gui.config.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["config","createGui","tamaConf","gui_config_default"],"sources":["../../src/gui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,SAAA,QAAiB;AAE1B,IAAAC,QAAM,GAAAD,SAAW,CAAAD,MAAU;EAAMG,kBAAA,GAAAD,QAAA;AAYjC,S","ignoreList":[]}
+{"version":3,"names":["config","createGui","tamaConf","gui_config_default"],"sources":["../../src/gui.config.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,SAAA,QAAiB;AAE1B,IAAAC,QAAM,GAAAD,SAAW,CAAAD,MAAU;AAY3B,IAAOG,kBAAA,GAAQD,QAAA","ignoreList":[]}

package/dist/esm/useOnIntersecting.mjs

@@ -5,14 +5,19 @@ function useIsIntersecting(refs, {
   ...opts
 } = {}) {
   const [values, setValues] = useState([]);
-  return useOnIntersecting(refs, entries => {
+  useOnIntersecting(refs, entries => {
     if (!isWeb) return;
     const intersecting = entries.some(x => x?.isIntersecting);
-    once && !intersecting || setValues(prev => {
-      const next = entries.map(e => e?.isIntersecting ?? !1);
-      return prev.length === next.length && prev.every((e, i) => e === next[i]) ? prev : next;
+    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), Array.isArray(refs) ? values : values[0];
+  }, opts);
+  return Array.isArray(refs) ? values : values[0];
 }
 function useOnIntersecting(refsIn, incomingCbRaw, {
   threshold = 0,
@@ -24,19 +29,28 @@ function useOnIntersecting(refsIn, incomingCbRaw, {
     if (!isWeb) return;
     const refs = Array.isArray(refsIn) ? refsIn : [refsIn];
     if (!refs.length) return;
-    let dispose = null,
-      currentEntries = [];
+    let dispose = null;
+    let currentEntries = [];
     const options = {
-        threshold,
-        root,
-        rootMargin
-      },
-      io = new IntersectionObserver(entries => {
-        currentEntries = refs.map((ref, index) => entries.find(x => x.target === ref.current) ?? currentEntries[index] ?? null), dispose?.(), dispose = onIntersectEvent(currentEntries) || null;
-      }, options);
-    for (const ref of refs) ref.current && io.observe(ref.current);
+      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();
+      dispose?.();
+      io.disconnect();
     };
   }, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
 }

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;EAElD,OAAAS,iBAAA,CACEL,IAAA,EACCM,OAAA,IAAY;IACX,IAAI,CAACT,KAAA,EAAO;IACZ,MAAMU,YAAA,GAAeD,OAAA,CAAQE,IAAA,CAAMC,CAAA,IAAMA,CAAA,EAAGC,cAAc;IACtDT,IAAA,IAAQ,CAACM,YAAA,IACbH,SAAA,CAAWO,IAAA,IAAS;MAClB,MAAMC,IAAA,GAAON,OAAA,CAAQO,GAAA,CAAKC,CAAA,IAAMA,CAAA,EAAGJ,cAAA,IAAkB,EAAK;MAC1D,OAAIC,IAAA,CAAKI,MAAA,KAAWH,IAAA,CAAKG,MAAA,IAAUJ,IAAA,CAAKK,KAAA,CAAM,CAACF,CAAA,EAAGG,CAAA,KAAMH,CAAA,KAAMF,IAAA,CAAKK,CAAC,CAAC,IAC5DN,IAAA,GAEFC,IAAA;IACT,CAAC;EACH,GACAV,IACF,GAEQgB,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;MAC5BC,cAAA,GAAuD,EAAC;IAC5D,MAAMC,OAAA,GAAU;QACdP,SAAA;QACAC,IAAA;QACAC;MACF;MACMM,EAAA,GAAK,IAAIC,oBAAA,CAAsBzB,OAAA,IAAY;QAC/CsB,cAAA,GAAiB5B,IAAA,CAAKa,GAAA,CAAI,CAACmB,GAAA,EAAKC,KAAA,KAE5B3B,OAAA,CAAQ4B,IAAA,CAAMzB,CAAA,IAAMA,CAAA,CAAE0B,MAAA,KAAWH,GAAA,CAAII,OAAO,KAAKR,cAAA,CAAeK,KAAK,KAAK,IAE7E,GACDN,OAAA,GAAU,GACVA,OAAA,GAAUD,gBAAA,CAAiBE,cAAc,KAAK;MAChD,GAAGC,OAAO;IAEV,WAAWG,GAAA,IAAOhC,IAAA,EACZgC,GAAA,CAAII,OAAA,IACNN,EAAA,CAAGO,OAAA,CAAQL,GAAA,CAAII,OAAO;IAI1B,OAAO,MAAM;MACXT,OAAA,GAAU,GACVG,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,"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":[]}

package/dist/esm/useOnIntersecting.native.js

@@ -2,26 +2,30 @@ import { useEffect, useState } from "react";
 import { isWeb, useEvent } from "@hanzo/gui";
 function useIsIntersecting(refs) {
   var {
-      once,
-      ...opts
-    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
-    [values, setValues] = useState([]);
-  return useOnIntersecting(refs, function (entries) {
-    if (isWeb) {
-      var intersecting = entries.some(function (x) {
-        return x?.isIntersecting;
+    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;
       });
-      once && !intersecting || setValues(function (prev) {
-        var next = entries.map(function (e) {
-          var _e_isIntersecting;
-          return (_e_isIntersecting = e?.isIntersecting) !== null && _e_isIntersecting !== void 0 ? _e_isIntersecting : !1;
-        });
-        return prev.length === next.length && prev.every(function (e, i) {
-          return e === next[i];
-        }) ? prev : next;
-      });
-    }
-  }, opts), Array.isArray(refs) ? values : values[0];
+      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 {
@@ -29,49 +33,57 @@ function useOnIntersecting(refsIn, incomingCbRaw) {
       root,
       rootMargin
     } = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {},
-    mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [],
-    onIntersectEvent = useEvent(incomingCbRaw);
+    mountArgs = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [];
+  var onIntersectEvent = useEvent(incomingCbRaw);
   useEffect(function () {
-    if (isWeb) {
-      var refs = Array.isArray(refsIn) ? refsIn : [refsIn];
-      if (refs.length) {
-        var dispose = null,
-          currentEntries = [],
-          options = {
-            threshold,
-            root,
-            rootMargin
-          },
-          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?.(), dispose = onIntersectEvent(currentEntries) || null;
-          }, options),
-          _iteratorNormalCompletion = !0,
-          _didIteratorError = !1,
-          _iteratorError = void 0;
-        try {
-          for (var _iterator = refs[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = !0) {
-            var ref = _step.value;
-            ref.current && io.observe(ref.current);
-          }
-        } catch (err) {
-          _didIteratorError = !0, _iteratorError = err;
-        } finally {
-          try {
-            !_iteratorNormalCompletion && _iterator.return != null && _iterator.return();
-          } finally {
-            if (_didIteratorError) throw _iteratorError;
-          }
+    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?.(), io.disconnect();
-        };
       }
     }
+    return function () {
+      dispose === null || dispose === void 0 ? void 0 : dispose();
+      io.disconnect();
+    };
   }, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
 }
 export { useIsIntersecting, useOnIntersecting };

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":"AACA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,KAAA,EAAOC,QAAA,QAAgB;AAWzB,SAASC,kBACdC,IAAA,EACA;EAEA;MAAMC,IAAC;MAAA,GAAQC;IAAA,IAASC,SAAI,CAAAC,MAAsB,QAAAD,SAAA,iBAAAA,SAAA;IAAA,CAAAE,MAAA,EAAAC,SAAA,IAAAV,QAAA;EAElD,OAAAW,iBAAA,CAAAP,IAAA,YAAAQ,OAAA;IACE,IAAAX,KAAA;MACC,IAAAY,YAAY,GAAAD,OAAA,CAAAE,IAAA,WAAAC,CAAA;QACX,OAAKA,CAAA,EAAOC,cAAA;MACZ;MACIX,IAAA,IAAQ,CAACQ,YAAA,IACbH,SAAA,CAAU,UAACO,IAAS;QAClB,IAAAC,IAAM,GAAAN,OAAO,CAAAO,GAAQ,WAAWC,CAAA,EAAG;UACnC,IAAAC,iBAAoB;UAIrB,QAAAA,iBAAA,GAAAD,CAAA,EAAAJ,cAAA,cAAAK,iBAAA,cAAAA,iBAAA;QACH;QACA,OAAAJ,IAAA,CAAAT,MAAA,KAAAU,IAAA,CAAAV,MAAA,IAAAS,IAAA,CAAAK,KAAA,WAAAF,CAAA,EAAAG,CAAA;UAGM,OAAMH,CAAA,KAAYF,IAAI,CAAAK,CAAA;QAChC,KAAAN,IAAA,GAAAC,IAAA;MAEO;IAML;EAEA,GAAAZ,IAAA,GAAUkB,KAAA,CAAMC,OAAA,CAAArB,IAAA,IAAAK,MAAA,GAAAA,MAAA;AACd;AACA,SAAAE,iBAAoBA,CAAAe,MAAQ,EAAAC,aAAU,EAAS;EAC/C;MAAIC,SAAM,IAAQ;MAAAC,IAAA;MAAAC;IAAA,IAAAvB,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAwB,SAAA,GAAAxB,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;IAAAyB,gBAAA,GAAA9B,QAAA,CAAAyB,aAAA;EAElB5B,SAAI,aAA4B;IAEhC,IAAAE,KAAM;MACJ,IAAAG,IAAA,GAAAoB,KAAA,CAAAC,OAAA,CAAAC,MAAA,IAAAA,MAAA,IACAA,MAAA,CACA;MACF,IACMtB,IAAK,CAAAI,MAAI;QACb,IAAAyB,OAAA,OAAiB;UAAKC,cAAU;UAE5BC,OAAQ;YAKXP,SAAO;YAEVC,IAAA;YACUC;UAKV;UAAOM,EAAA,OAAMC,oBAAA,WAAAzB,OAAA;YACXsB,cACG,GAAA9B,IAAA,CAAAe,GAAW,WAAAmB,IAAA,EAAAC,KAAA;cAChB,IAAAC,aAAA,EAAAC,IAAA;cACC,QAAAA,IAAA,IAAAD,aAAA,GAAA5B,OAAA,CAAA8B,IAAA,WAAA3B,CAAA;gBACD,OAAAA,CAAA,CAAA4B,MAAA,KAAAL,IAAA,CAAAM,OAAA;cACA,gBAAAJ,aAAA,cAAAA,aAAA,GAAAN,cAAA,CAAAK,KAAA,eAAAE,IAAA,cAAAA,IAAA;YACA,IAAAR,OAAA,MAAAA,OAAA,GAAAD,gBAAA,CAAAE,cAAA;UACA,GAAAC,OAAA;UAAAU,yBAAA;UAAAC,iBAAA;UAAAC,cAAA;QACA;UAEG,SAAAC,SAAA,GAAA5C,IAAA,CAAA6C,MAAA,CAAAC,QAAA,KAAAC,KAAA,IAAAN,yBAAA,IAAAM,KAAA,GAAAH,SAAA,CAAA9B,IAAA,IAAAkC,IAAA,GAAAP,yBAAA;YACJ,IAAAQ,GAAA,GAAAF,KAAA,CAAAG,KAAA;YACHD,GAAA,CAAAT,OAAA,IAAAR,EAAA,CAAAmB,OAAA,CAAAF,GAAA,CAAAT,OAAA","ignoreList":[]}
+{"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":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/demos",
-  "version": "3.0.6",
+  "version": "4.3.1",
   "source": "demos/src/index.tsx",
   "files": [
     "src",
@@ -54,7 +54,7 @@
     "@hanzogui/lucide-icons-2": "3.0.6",
     "@hanzogui/dev-config": "3.0.6",
     "@hanzogui/theme": "3.0.6",
-    "@hanzo/gui": "3.0.6"
+    "@hanzo/gui": "4.3.0"
   },
   "devDependencies": {
     "@hanzogui/build": "3.0.6",

package/src/MenuDemo.tsx

@@ -12,7 +12,7 @@ import React from 'react'
 import { Button } from '@hanzo/gui'
 
 /**
- * Menu Demo using Hanzo GUI Menu component.
+ * Menu Demo using GUI Menu component.
  * Automatically uses native menus on iOS/Android, web menus on web.
  * No configuration needed - it just works!
  */