@hanzogui/demos 2.0.0

package/dist/cjs/useOnIntersecting.native.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+    for (var name in all) __defProp(target, name, {
+      get: all[name],
+      enumerable: !0
+    });
+  },
+  __copyProps = (to, from, except, desc) => {
+    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var useOnIntersecting_exports = {};
+__export(useOnIntersecting_exports, {
+  useIsIntersecting: () => useIsIntersecting,
+  useOnIntersecting: () => useOnIntersecting
+});
+module.exports = __toCommonJS(useOnIntersecting_exports);
+var import_react = require("react"),
+  import_gui = require("@hanzo/gui");
+function useIsIntersecting(refs) {
+  var {
+      once,
+      ...opts
+    } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {},
+    [values, setValues] = (0, import_react.useState)([]);
+  return useOnIntersecting(refs, function (entries) {
+    if (import_gui.isWeb) {
+      var intersecting = entries.some(function (x) {
+        return x?.isIntersecting;
+      });
+      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];
+}
+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] : [],
+    onIntersectEvent = (0, import_gui.useEvent)(incomingCbRaw);
+  (0, import_react.useEffect)(function () {
+    if (import_gui.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;
+          }
+        }
+        return function () {
+          dispose?.(), io.disconnect();
+        };
+      }
+    }
+  }, [onIntersectEvent, refsIn, root, rootMargin, threshold, ...mountArgs]);
+}
+//# sourceMappingURL=useOnIntersecting.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","useOnIntersecting_exports","__export","useIsIntersecting","useOnIntersecting","module","exports","import_react","require","import_gui","refs","once","opts","arguments","length","values","setValues","useState","entries","isWeb","intersecting","some","x","isIntersecting","prev","next","map","e","_e_isIntersecting","every","i","Array","isArray","refsIn","incomingCbRaw","threshold","root","rootMargin","mountArgs","onIntersectEvent","useEvent","useEffect","dispose","currentEntries","options","io","IntersectionObserver","ref2","index","_entries_find","_ref","find","target","current","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","done","ref"],"sources":["../../src/useOnIntersecting.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/AccordionDemo.mjs

@@ -0,0 +1,88 @@
+import { ChevronDown } from "@hanzogui/lucide-icons-2";
+import { Accordion, Paragraph, Square } from "@hanzo/gui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function AccordionDemo() {
+  return /* @__PURE__ */jsxs(Accordion, {
+    overflow: "hidden",
+    width: "$20",
+    type: "multiple",
+    children: [/* @__PURE__ */jsxs(Accordion.Item, {
+      value: "a1",
+      mb: -1,
+      children: [/* @__PURE__ */jsx(Accordion.Trigger, {
+        flexDirection: "row",
+        justify: "space-between",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        children: ({
+          open
+        }) => /* @__PURE__ */jsxs(Fragment, {
+          children: [/* @__PURE__ */jsx(Paragraph, {
+            children: "1. Take a cold shower"
+          }), /* @__PURE__ */jsx(Square, {
+            transparent: !0,
+            transition: "quick",
+            rotate: open ? "180deg" : "0deg",
+            children: /* @__PURE__ */jsx(ChevronDown, {
+              size: "$1",
+              color: "$color"
+            })
+          })]
+        })
+      }), /* @__PURE__ */jsx(Accordion.HeightAnimator, {
+        transition: "300ms",
+        children: /* @__PURE__ */jsx(Accordion.Content, {
+          transition: "300ms",
+          exitStyle: {
+            opacity: 0
+          },
+          borderWidth: 1,
+          borderTopWidth: 0,
+          borderColor: "$borderColor",
+          children: /* @__PURE__ */jsx(Paragraph, {
+            children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
+          })
+        })
+      })]
+    }), /* @__PURE__ */jsxs(Accordion.Item, {
+      value: "a2",
+      children: [/* @__PURE__ */jsx(Accordion.Trigger, {
+        flexDirection: "row",
+        justify: "space-between",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        children: ({
+          open
+        }) => /* @__PURE__ */jsxs(Fragment, {
+          children: [/* @__PURE__ */jsx(Paragraph, {
+            children: "2. Eat 4 eggs"
+          }), /* @__PURE__ */jsx(Square, {
+            transparent: !0,
+            transition: "quick",
+            rotate: open ? "180deg" : "0deg",
+            children: /* @__PURE__ */jsx(ChevronDown, {
+              size: "$1",
+              color: "$color"
+            })
+          })]
+        })
+      }), /* @__PURE__ */jsx(Accordion.HeightAnimator, {
+        transition: "300ms",
+        children: /* @__PURE__ */jsx(Accordion.Content, {
+          transition: "300ms",
+          exitStyle: {
+            opacity: 0
+          },
+          borderWidth: 1,
+          borderTopWidth: 0,
+          borderColor: "$borderColor",
+          children: /* @__PURE__ */jsx(Paragraph, {
+            children: "Eggs have been a dietary staple since time immemorial and there's good reason for their continued presence in our menus and meals."
+          })
+        })
+      })]
+    })]
+  });
+}
+export { AccordionDemo };
+//# sourceMappingURL=AccordionDemo.mjs.map

package/dist/esm/AccordionDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChevronDown","Accordion","Paragraph","Square","Fragment","jsx","jsxs","AccordionDemo","overflow","width","type","children","Item","value","mb","Trigger","flexDirection","justify","borderWidth","borderColor","open","transparent","transition","rotate","size","color","HeightAnimator","Content","exitStyle","opacity","borderTopWidth"],"sources":["../../src/AccordionDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,QAAmB;AAC5B,SAASC,SAAA,EAAWC,SAAA,EAAWC,MAAA,QAAc;AAcjC,SAAAC,QAAA,EACEC,GAAA,EADFC,IAAA;AAZL,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAD,IAAA,CAACL,SAAA;IAAUO,QAAA,EAAS;IAASC,KAAA,EAAM;IAAMC,IAAA,EAAK;IAE5CC,QAAA,kBAAAL,IAAA,CAACL,SAAA,CAAUW,IAAA,EAAV;MAAeC,KAAA,EAAM;MAAKC,EAAA,EAAI;MAC7BH,QAAA,kBAAAN,GAAA,CAACJ,SAAA,CAAUc,OAAA,EAAV;QACCC,aAAA,EAAc;QACdC,OAAA,EAAQ;QACRC,WAAA,EAAa;QACbC,WAAA,EAAY;QAEXR,QAAA,EAAAA,CAAC;UAAES;QAAK,MACP,eAAAd,IAAA,CAAAF,QAAA;UACEO,QAAA,kBAAAN,GAAA,CAACH,SAAA;YAAUS,QAAA;UAAA,CAAqB,GAChC,eAAAN,GAAA,CAACF,MAAA;YAAOkB,WAAA,EAAW;YAACC,UAAA,EAAW;YAAQC,MAAA,EAAQH,IAAA,GAAO,WAAW;YAC/DT,QAAA,iBAAAN,GAAA,CAACL,WAAA;cAAYwB,IAAA,EAAK;cAAKC,KAAA,EAAM;YAAA,CAAS;UAAA,CACxC;QAAA,CACF;MAAA,CAEJ,GACA,eAAApB,GAAA,CAACJ,SAAA,CAAUyB,cAAA,EAAV;QAAyBJ,UAAA,EAAW;QACnCX,QAAA,iBAAAN,GAAA,CAACJ,SAAA,CAAU0B,OAAA,EAAV;UACCL,UAAA,EAAW;UACXM,SAAA,EAAW;YAAEC,OAAA,EAAS;UAAE;UACxBX,WAAA,EAAa;UACbY,cAAA,EAAgB;UAChBX,WAAA,EAAY;UAEZR,QAAA,iBAAAN,GAAA,CAACH,SAAA;YAAUS,QAAA;UAAA,CAGX;QAAA,CACF;MAAA,CACF;IAAA,CACF,GAEA,eAAAL,IAAA,CAACL,SAAA,CAAUW,IAAA,EAAV;MAAeC,KAAA,EAAM;MACpBF,QAAA,kBAAAN,GAAA,CAACJ,SAAA,CAAUc,OAAA,EAAV;QACCC,aAAA,EAAc;QACdC,OAAA,EAAQ;QACRC,WAAA,EAAa;QACbC,WAAA,EAAY;QAEXR,QAAA,EAAAA,CAAC;UAAES;QAAK,MACP,eAAAd,IAAA,CAAAF,QAAA;UACEO,QAAA,kBAAAN,GAAA,CAACH,SAAA;YAAUS,QAAA;UAAA,CAAa,GACxB,eAAAN,GAAA,CAACF,MAAA;YAAOkB,WAAA,EAAW;YAACC,UAAA,EAAW;YAAQC,MAAA,EAAQH,IAAA,GAAO,WAAW;YAC/DT,QAAA,iBAAAN,GAAA,CAACL,WAAA;cAAYwB,IAAA,EAAK;cAAKC,KAAA,EAAM;YAAA,CAAS;UAAA,CACxC;QAAA,CACF;MAAA,CAEJ,GACA,eAAApB,GAAA,CAACJ,SAAA,CAAUyB,cAAA,EAAV;QAAyBJ,UAAA,EAAW;QACnCX,QAAA,iBAAAN,GAAA,CAACJ,SAAA,CAAU0B,OAAA,EAAV;UACCL,UAAA,EAAW;UACXM,SAAA,EAAW;YAAEC,OAAA,EAAS;UAAE;UACxBX,WAAA,EAAa;UACbY,cAAA,EAAgB;UAChBX,WAAA,EAAY;UAEZR,QAAA,iBAAAN,GAAA,CAACH,SAAA;YAAUS,QAAA;UAAA,CAGX;QAAA,CACF;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/AccordionDemo.native.js

@@ -0,0 +1,95 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ChevronDown } from "@hanzogui/lucide-icons-2";
+import { Accordion, Paragraph, Square } from "@hanzo/gui";
+function AccordionDemo() {
+  return /* @__PURE__ */_jsxs(Accordion, {
+    overflow: "hidden",
+    width: "$20",
+    type: "multiple",
+    children: [/* negative margin prevents double border between items */
+    /* @__PURE__ */_jsxs(Accordion.Item, {
+      value: "a1",
+      mb: -1,
+      children: [/* @__PURE__ */_jsx(Accordion.Trigger, {
+        flexDirection: "row",
+        justify: "space-between",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        children: function (param) {
+          var {
+            open
+          } = param;
+          return /* @__PURE__ */_jsxs(_Fragment, {
+            children: [/* @__PURE__ */_jsx(Paragraph, {
+              children: "1. Take a cold shower"
+            }), /* @__PURE__ */_jsx(Square, {
+              transparent: !0,
+              transition: "quick",
+              rotate: open ? "180deg" : "0deg",
+              children: /* @__PURE__ */_jsx(ChevronDown, {
+                size: "$1",
+                color: "$color"
+              })
+            })]
+          });
+        }
+      }), /* @__PURE__ */_jsx(Accordion.HeightAnimator, {
+        transition: "300ms",
+        children: /* @__PURE__ */_jsx(Accordion.Content, {
+          transition: "300ms",
+          exitStyle: {
+            opacity: 0
+          },
+          borderWidth: 1,
+          borderTopWidth: 0,
+          borderColor: "$borderColor",
+          children: /* @__PURE__ */_jsx(Paragraph, {
+            children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
+          })
+        })
+      })]
+    }), /* @__PURE__ */_jsxs(Accordion.Item, {
+      value: "a2",
+      children: [/* @__PURE__ */_jsx(Accordion.Trigger, {
+        flexDirection: "row",
+        justify: "space-between",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        children: function (param) {
+          var {
+            open
+          } = param;
+          return /* @__PURE__ */_jsxs(_Fragment, {
+            children: [/* @__PURE__ */_jsx(Paragraph, {
+              children: "2. Eat 4 eggs"
+            }), /* @__PURE__ */_jsx(Square, {
+              transparent: !0,
+              transition: "quick",
+              rotate: open ? "180deg" : "0deg",
+              children: /* @__PURE__ */_jsx(ChevronDown, {
+                size: "$1",
+                color: "$color"
+              })
+            })]
+          });
+        }
+      }), /* @__PURE__ */_jsx(Accordion.HeightAnimator, {
+        transition: "300ms",
+        children: /* @__PURE__ */_jsx(Accordion.Content, {
+          transition: "300ms",
+          exitStyle: {
+            opacity: 0
+          },
+          borderWidth: 1,
+          borderTopWidth: 0,
+          borderColor: "$borderColor",
+          children: /* @__PURE__ */_jsx(Paragraph, {
+            children: "Eggs have been a dietary staple since time immemorial and there's good reason for their continued presence in our menus and meals."
+          })
+        })
+      })]
+    })]
+  });
+}
+export { AccordionDemo };
+//# sourceMappingURL=AccordionDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChevronDown","Accordion","Paragraph","Square","AccordionDemo","overflow","width","type","children","Item","value","mb","Trigger","flexDirection","justify","borderWidth","borderColor","param","open","transparent","transition","rotate","size","color","HeightAnimator","Content","exitStyle","opacity","borderTopWidth"],"sources":["../../src/AccordionDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAmBC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAC5B,SAASC,WAAW,kCAAyB;AAcjC,SAAAC,SAAA,EACEC,SADF,EAAAC,MAAA;AAZL,SAASC,cAAA,EAAgB;EAC9B,OACE,eAAAP,KAAC,CAAAI,SAAA;IAECI,QAAA;IACEC,KAAA;IAAAC,IAAC,YAAU;IAAAC,QAAV;IACe,eACNX,KAAA,CAAAI,SAAA,CAAAQ,IAAA;MAAAC,KACR;MAAaC,EACb;MAAYH,QAEX,GAEG,eAAAb,IAAA,CAAAM,SAAC,CAAAW,OAAU;QACXC,aAAA,OAAC;QAEDC,OACF;QAAAC,WAAA;QAEJC,WAAA;QACAR,QAAA,WAAAA,CAACS,KAAU;UACR,IAAU;YAAAC;UAAA,IAAAD,KAAA;UAAV,sBAAApB,KAAA,CAAAE,SAAA;YACCS,QAAW,GACX,eAAwBb,IAAA,CAAAO,SAAA;cACxBM,QAAa;YACb,IACA,eAAYb,IAAA,CAAAQ,MAAA;cAEZgB,WAAA;cAGAC,UAAA;cAEJC,MAAA,EAAAH,IAAA;cACFV,QAAA,iBAAAb,IAAA,CAAAK,WAAA;gBAEAsB,IAAC;gBACCC,KAAA;cAAW;YAAV;UAEC;QACA;MACA,IAEC,eAAG5B,IAAK,CAAAM,SACP,CAAAuB,cAAA;QACEJ,UAAA;QACAZ,QAAA,iBAACb,IAAO,CAAAM,SAAA,CAAAwB,OAAY;UAGtBL,UAAA;UAAAM,SAAA;YAEJC,OAAA;UACA;UACGZ,WAAU;UAAVa,cAAA;UACCZ,WAAW;UACXR,QAAW,EAAE,eAAWb,IAAA,CAAAO,SAAA;YACxBM,QAAa;UACb;QACA;MAEA;IAIF,IACF,eACFX,KAAA,CAAAI,SAAA,CAAAQ,IAAA;MACFC,KAAA;MAEJF,QAAA,G","ignoreList":[]}

package/dist/esm/AddThemeDemo.mjs

@@ -0,0 +1,37 @@
+import { addTheme } from "@hanzogui/theme";
+import React from "react";
+import { Button, H3, Theme, View, YStack } from "@hanzo/gui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AddThemeDemo() {
+  const [theme, setTheme] = React.useState();
+  return /* @__PURE__ */jsxs(YStack, {
+    items: "center",
+    gap: "$4",
+    children: [/* @__PURE__ */jsxs(H3, {
+      children: ["Theme: ", theme ?? "none"]
+    }), /* @__PURE__ */jsx(Theme, {
+      name: theme ?? "red",
+      children: /* @__PURE__ */jsx(View, {
+        rounded: "$8",
+        width: 100,
+        height: 100,
+        bg: "$color"
+      })
+    }), /* @__PURE__ */jsx(Button, {
+      disabled: theme === "superblue",
+      onPress: () => {
+        addTheme({
+          name: "superblue",
+          insertCSS: !0,
+          theme: {
+            background: "#000",
+            color: "blue"
+          }
+        }), setTheme("superblue");
+      },
+      children: "Add superblue theme"
+    })]
+  });
+}
+export { AddThemeDemo };
+//# sourceMappingURL=AddThemeDemo.mjs.map

package/dist/esm/AddThemeDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["addTheme","React","Button","H3","Theme","View","YStack","jsx","jsxs","AddThemeDemo","theme","setTheme","useState","items","gap","children","name","rounded","width","height","bg","disabled","onPress","insertCSS","background","color"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,OAAOC,KAAA,MAAW;AAElB,SAASC,MAAA,EAAQC,EAAA,EAAIC,KAAA,EAAOC,IAAA,EAAMC,MAAA,QAAc;AAO1C,SAGEC,GAAA,EAHFC,IAAA;AALC,SAASC,aAAA,EAAe;EAC7B,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIV,KAAA,CAAMW,QAAA,CAAc;EAE9C,OACE,eAAAJ,IAAA,CAACF,MAAA;IAAOO,KAAA,EAAM;IAASC,GAAA,EAAI;IACzBC,QAAA,kBAAAP,IAAA,CAACL,EAAA;MAAGY,QAAA,cAAQL,KAAA,IAAS;IAAA,CAAO,GAE5B,eAAAH,GAAA,CAACH,KAAA;MAAMY,IAAA,EAAMN,KAAA,IAAS;MACpBK,QAAA,iBAAAR,GAAA,CAACF,IAAA;QAAKY,OAAA,EAAQ;QAAKC,KAAA,EAAO;QAAKC,MAAA,EAAQ;QAAKC,EAAA,EAAG;MAAA,CAAS;IAAA,CAC1D,GAEA,eAAAb,GAAA,CAACL,MAAA;MACCmB,QAAA,EAAUX,KAAA,KAAU;MACpBY,OAAA,EAASA,CAAA,KAAM;QACbtB,QAAA,CAAS;UACPgB,IAAA,EAAM;UACNO,SAAA,EAAW;UACXb,KAAA,EAAO;YACLc,UAAA,EAAY;YACZC,KAAA,EAAO;UACT;QACF,CAAC,GACDd,QAAA,CAAS,WAAW;MACtB;MACDI,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/AddThemeDemo.native.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { addTheme } from "@hanzogui/theme";
+import React from "react";
+import { Button, H3, Theme, View, YStack } from "@hanzo/gui";
+function AddThemeDemo() {
+  var [theme, setTheme] = React.useState();
+  return /* @__PURE__ */_jsxs(YStack, {
+    items: "center",
+    gap: "$4",
+    children: [/* @__PURE__ */_jsxs(H3, {
+      children: ["Theme: ", theme ?? "none"]
+    }), /* @__PURE__ */_jsx(Theme, {
+      name: theme ?? "red",
+      children: /* @__PURE__ */_jsx(View, {
+        rounded: "$8",
+        width: 100,
+        height: 100,
+        bg: "$color"
+      })
+    }), /* @__PURE__ */_jsx(Button, {
+      disabled: theme === "superblue",
+      onPress: function () {
+        addTheme({
+          name: "superblue",
+          insertCSS: !0,
+          theme: {
+            background: "#000",
+            color: "blue"
+          }
+        }), setTheme("superblue");
+      },
+      children: "Add superblue theme"
+    })]
+  });
+}
+export { AddThemeDemo };
+//# sourceMappingURL=AddThemeDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","addTheme","React","Button","H3","Theme","View","YStack","AddThemeDemo","theme","setTheme","useState","items","gap","children","name","rounded","width","height","bg","disabled","onPress","insertCSS"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AACzB,SAAOC,QAAA,QAAW;AAElB,OAAAC,KAAS,MAAQ,OAAI;AAOf,SAGEC,MAHF,EAAAC,EAAA,EAAAC,KAAA,EAAAC,IAAA,EAAAC,MAAA;AALC,SAASC,aAAA,EAAe;EAC7B,KAAAC,KAAO,EAAAC,QAAO,IAAQR,KAAI,CAAAS,QAAM;EAEhC,OACE,eAAAX,KAAC,CAAAO,MAAA;IACCK,KAAA;IAAIC,GAAA;IAAAC,QAAQ,GAAS,eAAOd,KAAA,CAAAI,EAAA;MAE5BU,QAAA,GAIA,WAACL,KAAA;IAAA,EACC,EAAoB,eACXX,IAAM,CAAAO,KAAA;MACbU,IAAA,EAAAN,KAAS;MAAAK,QACP,EAAM,eAAAhB,IAAA,CAAAQ,IAAA;QAAAU,OACN,MAAW;QAAAC,KACX,KAAO;QAAAC,MACL;QAAYC,EAAA,EACZ;MAAO;IACT,IAEkB,eACtBrB,IAAA,CAAAK,MAAA;MACDiB,QAAA,EAAAX,KAAA;MAAAY,OAAA,WAAAA,CAAA;QAEDpB,QAAA;UACFc,IAAA;UAEJO,SAAA","ignoreList":[]}

package/dist/esm/AlertDialogDemo.mjs

@@ -0,0 +1,73 @@
+import { AlertDialog, Button, XStack, YStack } from "@hanzo/gui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function AlertDialogDemo() {
+  return /* @__PURE__ */jsxs(AlertDialog, {
+    native: !0,
+    children: [/* @__PURE__ */jsx(AlertDialog.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */jsx(Button, {
+        children: "Show Alert"
+      })
+    }), /* @__PURE__ */jsxs(AlertDialog.Portal, {
+      children: [/* @__PURE__ */jsx(AlertDialog.Overlay, {
+        transition: "quick",
+        opacity: 0.5,
+        backgroundColor: "$background",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }, "overlay"), /* @__PURE__ */jsx(AlertDialog.Content, {
+        elevate: !0,
+        transition: ["quick", {
+          opacity: {
+            overshootClamping: !0
+          }
+        }],
+        enterStyle: {
+          x: 0,
+          y: -20,
+          opacity: 0,
+          scale: 0.9
+        },
+        exitStyle: {
+          x: 0,
+          y: 10,
+          opacity: 0,
+          scale: 0.95
+        },
+        x: 0,
+        scale: 1,
+        opacity: 1,
+        y: 0,
+        children: /* @__PURE__ */jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */jsx(AlertDialog.Title, {
+            children: "Accept"
+          }), /* @__PURE__ */jsx(AlertDialog.Description, {
+            children: "By pressing yes, you accept our terms and conditions."
+          }), /* @__PURE__ */jsxs(XStack, {
+            gap: "$3",
+            justify: "flex-end",
+            children: [/* @__PURE__ */jsx(AlertDialog.Cancel, {
+              asChild: !0,
+              children: /* @__PURE__ */jsx(Button, {
+                children: "Cancel"
+              })
+            }), /* @__PURE__ */jsx(AlertDialog.Action, {
+              asChild: !0,
+              children: /* @__PURE__ */jsx(Button, {
+                theme: "accent",
+                children: "Accept"
+              })
+            })]
+          })]
+        })
+      }, "content")]
+    })]
+  });
+}
+export { AlertDialogDemo };
+//# sourceMappingURL=AlertDialogDemo.mjs.map

package/dist/esm/AlertDialogDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["AlertDialog","Button","XStack","YStack","jsx","jsxs","AlertDialogDemo","native","children","Trigger","asChild","Portal","Overlay","transition","opacity","backgroundColor","enterStyle","exitStyle","Content","elevate","overshootClamping","x","y","scale","gap","Title","Description","justify","Cancel","Action","theme"],"sources":["../../src/AlertDialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,MAAA,EAAQC,MAAA,EAAQC,MAAA,QAAc;AAM5C,SAAAC,GAAA,EAoCIC,IAAA,QApCJ;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAD,IAAA,CAACL,WAAA;IAAYO,MAAA,EAAM;IACjBC,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYS,OAAA,EAAZ;MAAoBC,OAAA,EAAO;MAC1BF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;QAAOO,QAAA;MAAA,CAAU;IAAA,CACpB,GAEA,eAAAH,IAAA,CAACL,WAAA,CAAYW,MAAA,EAAZ;MACCH,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYY,OAAA,EAAZ;QAECC,UAAA,EAAW;QACXC,OAAA,EAAS;QACTC,eAAA,EAAgB;QAChBC,UAAA,EAAY;UAAEF,OAAA,EAAS;QAAE;QACzBG,SAAA,EAAW;UAAEH,OAAA,EAAS;QAAE;MAAA,GALpB,SAMN,GACA,eAAAV,GAAA,CAACJ,WAAA,CAAYkB,OAAA,EAAZ;QACCC,OAAA,EAAO;QAEPN,UAAA,EAAY,CACV,SACA;UACEC,OAAA,EAAS;YACPM,iBAAA,EAAmB;UACrB;QACF,EACF;QACAJ,UAAA,EAAY;UAAEK,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAKR,OAAA,EAAS;UAAGS,KAAA,EAAO;QAAI;QACnDN,SAAA,EAAW;UAAEI,CAAA,EAAG;UAAGC,CAAA,EAAG;UAAIR,OAAA,EAAS;UAAGS,KAAA,EAAO;QAAK;QAClDF,CAAA,EAAG;QACHE,KAAA,EAAO;QACPT,OAAA,EAAS;QACTQ,CAAA,EAAG;QAEHd,QAAA,iBAAAH,IAAA,CAACF,MAAA;UAAOqB,GAAA,EAAI;UACVhB,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAYyB,KAAA,EAAZ;YAAkBjB,QAAA;UAAA,CAAM,GACzB,eAAAJ,GAAA,CAACJ,WAAA,CAAY0B,WAAA,EAAZ;YAAwBlB,QAAA;UAAA,CAEzB,GAEA,eAAAH,IAAA,CAACH,MAAA;YAAOsB,GAAA,EAAI;YAAKG,OAAA,EAAQ;YACvBnB,QAAA,kBAAAJ,GAAA,CAACJ,WAAA,CAAY4B,MAAA,EAAZ;cAAmBlB,OAAA,EAAO;cACzBF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;gBAAOO,QAAA;cAAA,CAAM;YAAA,CAChB,GACA,eAAAJ,GAAA,CAACJ,WAAA,CAAY6B,MAAA,EAAZ;cAAmBnB,OAAA,EAAO;cACzBF,QAAA,iBAAAJ,GAAA,CAACH,MAAA;gBAAO6B,KAAA,EAAM;gBAAStB,QAAA;cAAA,CAAM;YAAA,CAC/B;UAAA,CACF;QAAA,CACF;MAAA,GA9BI,SA+BN;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/AlertDialogDemo.native.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog, Button, XStack, YStack } from "@hanzo/gui";
+function AlertDialogDemo() {
+  return /* @__PURE__ */_jsxs(AlertDialog, {
+    native: !0,
+    children: [/* @__PURE__ */_jsx(AlertDialog.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */_jsx(Button, {
+        children: "Show Alert"
+      })
+    }), /* @__PURE__ */_jsxs(AlertDialog.Portal, {
+      children: [/* @__PURE__ */_jsx(AlertDialog.Overlay, {
+        transition: "quick",
+        opacity: 0.5,
+        backgroundColor: "$background",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }, "overlay"), /* @__PURE__ */_jsx(AlertDialog.Content, {
+        elevate: !0,
+        transition: ["quick", {
+          opacity: {
+            overshootClamping: !0
+          }
+        }],
+        enterStyle: {
+          x: 0,
+          y: -20,
+          opacity: 0,
+          scale: 0.9
+        },
+        exitStyle: {
+          x: 0,
+          y: 10,
+          opacity: 0,
+          scale: 0.95
+        },
+        x: 0,
+        scale: 1,
+        opacity: 1,
+        y: 0,
+        children: /* @__PURE__ */_jsxs(YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */_jsx(AlertDialog.Title, {
+            children: "Accept"
+          }), /* @__PURE__ */_jsx(AlertDialog.Description, {
+            children: "By pressing yes, you accept our terms and conditions."
+          }), /* @__PURE__ */_jsxs(XStack, {
+            gap: "$3",
+            justify: "flex-end",
+            children: [/* @__PURE__ */_jsx(AlertDialog.Cancel, {
+              asChild: !0,
+              children: /* @__PURE__ */_jsx(Button, {
+                children: "Cancel"
+              })
+            }), /* @__PURE__ */_jsx(AlertDialog.Action, {
+              asChild: !0,
+              children: /* @__PURE__ */_jsx(Button, {
+                theme: "accent",
+                children: "Accept"
+              })
+            })]
+          })]
+        })
+      }, "content")]
+    })]
+  });
+}
+export { AlertDialogDemo };
+//# sourceMappingURL=AlertDialogDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","AlertDialog","Button","XStack","YStack","AlertDialogDemo","native","children","Trigger","asChild","Portal","Overlay","transition","opacity","backgroundColor","enterStyle","exitStyle","Content","elevate","overshootClamping","x","y","scale"],"sources":["../../src/AlertDialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAQC,KAAA,QAAQ,mBAAc;AAM5C,SAAAC,WAoCI,EAAAC,MApCJ,EAAAC,MAAA,EAAAC,MAAA;AAJD,SAASC,gBAAA,EAAkB;EAChC,OACE,eAAAL,KAAC,CAAAC,WAAA;IACCK,MAAA;IAIAC,QAAA,GACE,eAAAT,IAAA,CAAAG,WAAA,CAAAO,OAAA;MAACC,OAAA;MAAAF,QAAA,iBAAAT,IAAA,CAAAI,MAAA;QAECK,QAAA;MAAW;IACF,IACO,eACJP,KAAE,CAAAC,WAAW,CAAAS,MAAA;MAAAH,QACzB,GAAwB,eAAAT,IAAA,CAAAG,WAAA,CAAAU,OAAA;QALpBC,UAAA;QAMNC,OAAA;QACAC,eAAA;QAACC,UAAY;UAAZF,OAAA;QACC;QAEAG,SAAA,EAAY;UACVH,OAAA;QACA;MAAA,YACE,CAAS,iBACPf,IAAA,CAAAG,WAAmB,CAAAgB,OAAA;QAAAC,OACrB;QACFN,UAAA,GACF,SACA;UACAC,OAAa;YACVM,iBAAA;UACH;QACA,EACG;QAEHJ,UAAA;UACEK,CAAA;UACAC,CAAA;UAIAR,OAAA;UACES,KAAA;QAEA;QAGAN,SACF;UACFI,CAAA;UAAAC,CAAA;UA9BIR,OAAA;UA+BNS,KAAA;QACF;QACFF,CAAA;QAEJE,KAAA","ignoreList":[]}

package/dist/esm/AnimationsDelayDemo.mjs

@@ -0,0 +1,51 @@
+import React from "react";
+import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from "@hanzo/gui";
+import { useIsIntersecting } from "./useOnIntersecting.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+const colors = ["$color9", "$color10", "$color11", "$color12"];
+function AnimationsDelayDemo() {
+  const ref = React.useRef(null),
+    hasIntersected = useIsIntersecting(ref, {
+      once: !0
+    }),
+    [show, setShow] = React.useState(!0);
+  return isWeb && !hasIntersected ? /* @__PURE__ */jsx(YStack, {
+    ref,
+    height: 150
+  }) : /* @__PURE__ */jsxs(YStack, {
+    gap: "$4",
+    items: "center",
+    children: [/* @__PURE__ */jsx(XStack, {
+      gap: "$3",
+      height: 100,
+      items: "center",
+      justify: "center",
+      children: /* @__PURE__ */jsx(AnimatePresence, {
+        children: show && colors.map((color, i) => /* @__PURE__ */jsx(Square, {
+          transition: ["200ms", {
+            delay: i * 100
+          }],
+          enterStyle: {
+            opacity: 0,
+            scale: 0.5,
+            y: 20
+          },
+          exitStyle: {
+            opacity: 0,
+            scale: 0,
+            y: 20
+          },
+          size: 60,
+          bg: color,
+          rounded: "$4"
+        }, color))
+      })
+    }), /* @__PURE__ */jsx(Button, {
+      size: "$3",
+      onPress: () => setShow(!show),
+      children: show ? "Hide" : "Show"
+    })]
+  });
+}
+export { AnimationsDelayDemo };
+//# sourceMappingURL=AnimationsDelayDemo.mjs.map

package/dist/esm/AnimationsDelayDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","AnimatePresence","Button","Square","XStack","YStack","isWeb","useIsIntersecting","jsx","jsxs","colors","AnimationsDelayDemo","ref","useRef","hasIntersected","once","show","setShow","useState","height","gap","items","children","justify","map","color","i","transition","delay","enterStyle","opacity","scale","y","exitStyle","size","bg","rounded","onPress"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,eAAA,EAAiBC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,MAAA,EAAQC,KAAA,QAAa;AAEvE,SAASC,iBAAA,QAAyB;AAUvB,SAAAC,GAAA,EAIPC,IAAA,QAJO;AARX,MAAMC,MAAA,GAAS,CAAC,WAAW,YAAY,YAAY,UAAU;AAEtD,SAASC,oBAAA,EAAsB;EACpC,MAAMC,GAAA,GAAMZ,KAAA,CAAMa,MAAA,CAAoB,IAAI;IACpCC,cAAA,GAAiBP,iBAAA,CAAkBK,GAAA,EAAK;MAAEG,IAAA,EAAM;IAAK,CAAC;IACtD,CAACC,IAAA,EAAMC,OAAO,IAAIjB,KAAA,CAAMkB,QAAA,CAAS,EAAI;EAE3C,OAAIZ,KAAA,IAAS,CAACQ,cAAA,GACL,eAAAN,GAAA,CAACH,MAAA;IAAOO,GAAA;IAAiBO,MAAA,EAAQ;EAAA,CAAK,IAI7C,eAAAV,IAAA,CAACJ,MAAA;IAAOe,GAAA,EAAI;IAAKC,KAAA,EAAM;IACrBC,QAAA,kBAAAd,GAAA,CAACJ,MAAA;MAAOgB,GAAA,EAAI;MAAKD,MAAA,EAAQ;MAAKE,KAAA,EAAM;MAASE,OAAA,EAAQ;MACnDD,QAAA,iBAAAd,GAAA,CAACP,eAAA;QACEqB,QAAA,EAAAN,IAAA,IACCN,MAAA,CAAOc,GAAA,CAAI,CAACC,KAAA,EAAOC,CAAA,KACjB,eAAAlB,GAAA,CAACL,MAAA;UAECwB,UAAA,EAAY,CAAC,SAAS;YAAEC,KAAA,EAAOF,CAAA,GAAI;UAAI,CAAC;UACxCG,UAAA,EAAY;YACVC,OAAA,EAAS;YACTC,KAAA,EAAO;YACPC,CAAA,EAAG;UACL;UACAC,SAAA,EAAW;YACTH,OAAA,EAAS;YACTC,KAAA,EAAO;YACPC,CAAA,EAAG;UACL;UACAE,IAAA,EAAM;UACNC,EAAA,EAAIV,KAAA;UACJW,OAAA,EAAQ;QAAA,GAdHX,KAeP,CACD;MAAA,CACL;IAAA,CACF,GAEA,eAAAjB,GAAA,CAACN,MAAA;MAAOgC,IAAA,EAAK;MAAKG,OAAA,EAASA,CAAA,KAAMpB,OAAA,CAAQ,CAACD,IAAI;MAC3CM,QAAA,EAAAN,IAAA,GAAO,SAAS;IAAA,CACnB;EAAA,CACF;AAEJ","ignoreList":[]}