@hanzogui/demos 8.2.1 → 8.3.2

package/dist/esm/AccordionDemo.mjs

@@ -1,88 +0,0 @@
-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: true,
-            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: true,
-            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

@@ -1 +0,0 @@
-{"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

@@ -1,95 +0,0 @@
-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: true,
-              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: true,
-              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

@@ -1 +0,0 @@
-{"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,OAAW,EAAC;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

@@ -1,38 +0,0 @@
-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: true,
-          theme: {
-            background: "#000",
-            color: "blue"
-          }
-        });
-        setTheme("superblue");
-      },
-      children: "Add superblue theme"
-    })]
-  });
-}
-export { AddThemeDemo };
-//# sourceMappingURL=AddThemeDemo.mjs.map

package/dist/esm/AddThemeDemo.mjs.map

@@ -1 +0,0 @@
-{"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;QACDd,QAAA,CAAS,WAAW;MACtB;MACDI,QAAA;IAAA,CAED;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/AddThemeDemo.native.js

@@ -1,38 +0,0 @@
-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 !== null && theme !== void 0 ? theme : "none"]
-    }), /* @__PURE__ */_jsx(Theme, {
-      name: theme !== null && theme !== void 0 ? 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: true,
-          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

@@ -1 +0,0 @@
-{"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,aAAAA,KAAA,cAAAA,KAAA;IAAA,EACC,EAAoB,eACXX,IAAM,CAAAO,KAAA;MACbU,IAAA,EAAAN,KAAS,aAAAA,KAAA,cAAAA,KAAA;MAAAK,QACP,EAAM,eAAAhB,IAAA,CAAAQ,IAAA;QAAAU,OACN,MAAW;QAAAC,KACX,KAAO;QAAAC,MACL;QAAYC,EAAA,EACZ;MAAO;IACT,IAEF,eAASrB,IAAA,CAAAK,MAAW;MACtBiB,QAAA,EAAAX,KAAA;MACDY,OAAA,WAAAA,CAAA;QAAApB,QAAA;UAEDc,IAAA;UACFO,SAAA;UAEJb,KAAA","ignoreList":[]}

package/dist/esm/AlertDialogDemo.mjs

@@ -1,73 +0,0 @@
-import { AlertDialog, Button, XStack, YStack } from "@hanzo/gui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function AlertDialogDemo() {
-  return /* @__PURE__ */jsxs(AlertDialog, {
-    native: true,
-    children: [/* @__PURE__ */jsx(AlertDialog.Trigger, {
-      asChild: true,
-      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: true,
-        transition: ["quick", {
-          opacity: {
-            overshootClamping: true
-          }
-        }],
-        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: true,
-              children: /* @__PURE__ */jsx(Button, {
-                children: "Cancel"
-              })
-            }), /* @__PURE__ */jsx(AlertDialog.Action, {
-              asChild: true,
-              children: /* @__PURE__ */jsx(Button, {
-                theme: "accent",
-                children: "Accept"
-              })
-            })]
-          })]
-        })
-      }, "content")]
-    })]
-  });
-}
-export { AlertDialogDemo };
-//# sourceMappingURL=AlertDialogDemo.mjs.map

package/dist/esm/AlertDialogDemo.mjs.map

@@ -1 +0,0 @@
-{"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

@@ -1,73 +0,0 @@
-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: true,
-    children: [/* @__PURE__ */_jsx(AlertDialog.Trigger, {
-      asChild: true,
-      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: true,
-        transition: ["quick", {
-          opacity: {
-            overshootClamping: true
-          }
-        }],
-        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: true,
-              children: /* @__PURE__ */_jsx(Button, {
-                children: "Cancel"
-              })
-            }), /* @__PURE__ */_jsx(AlertDialog.Action, {
-              asChild: true,
-              children: /* @__PURE__ */_jsx(Button, {
-                theme: "accent",
-                children: "Accept"
-              })
-            })]
-          })]
-        })
-      }, "content")]
-    })]
-  });
-}
-export { AlertDialogDemo };
-//# sourceMappingURL=AlertDialogDemo.native.js.map

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

@@ -1 +0,0 @@
-{"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,MAAY;MAAZF,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

@@ -1,54 +0,0 @@
-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);
-  const hasIntersected = useIsIntersecting(ref, {
-    once: true
-  });
-  const [show, setShow] = React.useState(true);
-  if (isWeb && !hasIntersected) {
-    return /* @__PURE__ */jsx(YStack, {
-      ref,
-      height: 150
-    });
-  }
-  return /* @__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

@@ -1 +0,0 @@
-{"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;EAC1C,MAAMC,cAAA,GAAiBP,iBAAA,CAAkBK,GAAA,EAAK;IAAEG,IAAA,EAAM;EAAK,CAAC;EAC5D,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAIjB,KAAA,CAAMkB,QAAA,CAAS,IAAI;EAE3C,IAAIZ,KAAA,IAAS,CAACQ,cAAA,EAAgB;IAC5B,OAAO,eAAAN,GAAA,CAACH,MAAA;MAAOO,GAAA;MAAiBO,MAAA,EAAQ;IAAA,CAAK;EAC/C;EAEA,OACE,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":[]}

package/dist/esm/AnimationsDelayDemo.native.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from "react";
-import { AnimatePresence, Button, Square, XStack, YStack, isWeb } from "@hanzo/gui";
-import { useIsIntersecting } from "./useOnIntersecting.native.js";
-var colors = ["$color9", "$color10", "$color11", "$color12"];
-function AnimationsDelayDemo() {
-  var ref = React.useRef(null);
-  var hasIntersected = useIsIntersecting(ref, {
-    once: true
-  });
-  var [show, setShow] = React.useState(true);
-  if (isWeb && !hasIntersected) {
-    return /* @__PURE__ */_jsx(YStack, {
-      ref,
-      height: 150
-    });
-  }
-  return /* @__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(function (color, i) {
-          return /* @__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: function () {
-        return setShow(!show);
-      },
-      children: show ? "Hide" : "Show"
-    })]
-  });
-}
-export { AnimationsDelayDemo };
-//# sourceMappingURL=AnimationsDelayDemo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","AnimatePresence","Button","Square","XStack","YStack","isWeb","useIsIntersecting","colors","AnimationsDelayDemo","ref","useRef","hasIntersected","once","show","setShow","useState","height","gap","items","children","justify","map","color","i","transition"],"sources":["../../src/AnimationsDelayDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAClB,OAAAC,KAAS;AAET,SAASC,eAAA,EAAAC,MAAA,EAAyBC,MAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA;AAUvB,SAAAC,iBAAA;AARX,IAAAC,MAAM,IAEC,SAAS,EACd,UAAM,EACN,UAAM,EACN,UAAO,CAEP;AACE,SAAAC,mBAAOA,CAAA,EAAC;EACV,IAAAC,GAAA,GAAAV,KAAA,CAAAW,MAAA;EAEA,IAAAC,cACE,GAAAL,iBAAQ,CAAAG,GAAA,EAAI;IACVG,IAAA;EAIQ;EAAC,KAAAC,IAAA,EAAAC,OAAA,IAAAf,KAAA,CAAAgB,QAAA;EAAA,IAAAV,KAEC,KAAAM,cAAsB,EAAE;IAAgB,OACxC,eAAYf,IAAA,CAAAQ,MAAA;MAAAK,GAAA;MACDO,MACT;IAAO;EACJ;EACL,OACA,eAAWlB,KAAA,CAAAM,MAAA;IAAAa,GAAA,MACT;IAASC,KAAA,EACT,QAAO;IAAAC,QACP,EAAG,gBACLvB,IAAA,CAAAO,MAAA;MACAc,GAAA,MAAM;MACND,MAAI;MACJE,KAAA,UAAQ;MAAAE,OAAA;MAdHD,QAAA,iBAAAvB,IAAA,CAAAI,eAAA;QAiBbmB,QACF,EAAAN,IAAA,IAAAN,MAAA,CAAAc,GAAA,WAAAC,KAAA,EAAAC,CAAA;UAEA,sBAAQ3B,IAAA,CAAKM,MAAK;YAGpBsB,UAAA,GAEJ,S","ignoreList":[]}

package/dist/esm/AnimationsDemo.mjs

@@ -1,78 +0,0 @@
-import { LogoIcon } from "@hanzogui/logo";
-import { Play } from "@hanzogui/lucide-icons-2";
-import { Button, isWeb, Square, useControllableState, useEvent } from "@hanzo/gui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function AnimationsDemo(props) {
-  const [positionI, setPositionI] = useControllableState({
-    strategy: "most-recent-wins",
-    prop: props.position,
-    defaultProp: 0
-  });
-  const position = positions[positionI];
-  const onPress = useEvent(() => {
-    setPositionI(x => {
-      return (x + 1) % positions.length;
-    });
-  });
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx(Square, {
-      transition: props.animation ?? "bouncy",
-      animateOnly: ["transform"],
-      onPress,
-      size: 104,
-      borderColor: "$borderColor",
-      borderWidth: 1,
-      rounded: "$9",
-      bg: "$color9",
-      hoverStyle: {
-        scale: 1.01
-      },
-      pressStyle: {
-        scale: 0.9
-      },
-      ...position,
-      children: isWeb && /* @__PURE__ */jsx(LogoIcon, {
-        downscale: 0.75
-      })
-    }), /* @__PURE__ */jsx(Button, {
-      position: "absolute",
-      b: 20,
-      l: 20,
-      icon: Play,
-      theme: props.tint ?? "surface2",
-      size: "$5",
-      circular: true,
-      onPress
-    })]
-  });
-}
-const positions = [{
-  x: 0,
-  y: 0,
-  scale: 1,
-  rotate: "0deg"
-}, {
-  x: -50,
-  y: -50,
-  scale: 0.5,
-  rotate: "-45deg",
-  hoverStyle: {
-    scale: 0.6
-  },
-  pressStyle: {
-    scale: 0.4
-  }
-}, {
-  x: 50,
-  y: 50,
-  scale: 1,
-  rotate: "180deg",
-  hoverStyle: {
-    scale: 1.1
-  },
-  pressStyle: {
-    scale: 0.9
-  }
-}];
-export { AnimationsDemo, positions };
-//# sourceMappingURL=AnimationsDemo.mjs.map

package/dist/esm/AnimationsDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["LogoIcon","Play","Button","isWeb","Square","useControllableState","useEvent","Fragment","jsx","jsxs","AnimationsDemo","props","positionI","setPositionI","strategy","prop","position","defaultProp","positions","onPress","x","length","children","transition","animation","animateOnly","size","borderColor","borderWidth","rounded","bg","hoverStyle","scale","pressStyle","downscale","b","l","icon","theme","tint","circular","y","rotate"],"sources":["../../src/AnimationsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,SAASC,IAAA,QAAY;AACrB,SAASC,MAAA,EAAQC,KAAA,EAAOC,MAAA,EAAQC,oBAAA,EAA6BC,QAAA,QAAgB;AAgBzE,SAAAC,QAAA,EAkBcC,GAAA,EAlBdC,IAAA;AAdG,SAASC,eAAeC,KAAA,EAAO;EACpC,MAAM,CAACC,SAAA,EAAWC,YAAY,IAAIR,oBAAA,CAAqB;IACrDS,QAAA,EAAU;IACVC,IAAA,EAAMJ,KAAA,CAAMK,QAAA;IACZC,WAAA,EAAa;EACf,CAAC;EACD,MAAMD,QAAA,GAAWE,SAAA,CAAUN,SAAS;EACpC,MAAMO,OAAA,GAAUb,QAAA,CAAS,MAAM;IAC7BO,YAAA,CAAcO,CAAA,IAAM;MAClB,QAAQA,CAAA,GAAI,KAAKF,SAAA,CAAUG,MAAA;IAC7B,CAAC;EACH,CAAC;EAED,OACE,eAAAZ,IAAA,CAAAF,QAAA;IACEe,QAAA,kBAAAd,GAAA,CAACJ,MAAA;MACCmB,UAAA,EAAYZ,KAAA,CAAMa,SAAA,IAAa;MAC/BC,WAAA,EAAa,CAAC,WAAW;MACzBN,OAAA;MACAO,IAAA,EAAM;MACNC,WAAA,EAAY;MACZC,WAAA,EAAa;MACbC,OAAA,EAAQ;MACRC,EAAA,EAAG;MACHC,UAAA,EAAY;QACVC,KAAA,EAAO;MACT;MACAC,UAAA,EAAY;QACVD,KAAA,EAAO;MACT;MACC,GAAGhB,QAAA;MAEHM,QAAA,EAAAnB,KAAA,IAAS,eAAAK,GAAA,CAACR,QAAA;QAASkC,SAAA,EAAW;MAAA,CAAM;IAAA,CACvC,GAEA,eAAA1B,GAAA,CAACN,MAAA;MACCc,QAAA,EAAS;MACTmB,CAAA,EAAG;MACHC,CAAA,EAAG;MACHC,IAAA,EAAMpC,IAAA;MACNqC,KAAA,EAAO3B,KAAA,CAAM4B,IAAA,IAAQ;MACrBb,IAAA,EAAK;MACLc,QAAA,EAAQ;MACRrB;IAAA,CACF;EAAA,CACF;AAEJ;AAEO,MAAMD,SAAA,GAAY,CACvB;EACEE,CAAA,EAAG;EACHqB,CAAA,EAAG;EACHT,KAAA,EAAO;EACPU,MAAA,EAAQ;AACV,GACA;EACEtB,CAAA,EAAG;EACHqB,CAAA,EAAG;EACHT,KAAA,EAAO;EACPU,MAAA,EAAQ;EACRX,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACAC,UAAA,EAAY;IACVD,KAAA,EAAO;EACT;AACF,GACA;EACEZ,CAAA,EAAG;EACHqB,CAAA,EAAG;EACHT,KAAA,EAAO;EACPU,MAAA,EAAQ;EACRX,UAAA,EAAY;IACVC,KAAA,EAAO;EACT;EACAC,UAAA,EAAY;IACVD,KAAA,EAAO;EACT;AACF,EACF","ignoreList":[]}