@hanzogui/demos 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+  Copyright (c) 2020 Nate Wienert
+  
+  Permission is hereby granted, free of charge, to any person obtaining a copy
+  of this software and associated documentation files (the "Software"), to deal
+  in the Software without restriction, including without limitation the rights
+  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+  copies of the Software, and to permit persons to whom the Software is
+  furnished to do so, subject to the following conditions:
+  
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+  
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+  SOFTWARE.

package/dist/cjs/AccordionDemo.cjs

@@ -0,0 +1,111 @@
+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 AccordionDemo_exports = {};
+__export(AccordionDemo_exports, {
+  AccordionDemo: () => AccordionDemo
+});
+module.exports = __toCommonJS(AccordionDemo_exports);
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
+  import_gui = require("@hanzo/gui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function AccordionDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion, {
+    overflow: "hidden",
+    width: "$20",
+    type: "multiple",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion.Item, {
+      value: "a1",
+      mb: -1,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Trigger, {
+        flexDirection: "row",
+        justify: "space-between",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        children: ({
+          open
+        }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+            children: "1. Take a cold shower"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+            transparent: !0,
+            transition: "quick",
+            rotate: open ? "180deg" : "0deg",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
+              size: "$1",
+              color: "$color"
+            })
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.HeightAnimator, {
+        transition: "300ms",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Content, {
+          transition: "300ms",
+          exitStyle: {
+            opacity: 0
+          },
+          borderWidth: 1,
+          borderTopWidth: 0,
+          borderColor: "$borderColor",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+            children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
+          })
+        })
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion.Item, {
+      value: "a2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Trigger, {
+        flexDirection: "row",
+        justify: "space-between",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        children: ({
+          open
+        }) => /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+            children: "2. Eat 4 eggs"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+            transparent: !0,
+            transition: "quick",
+            rotate: open ? "180deg" : "0deg",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
+              size: "$1",
+              color: "$color"
+            })
+          })]
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.HeightAnimator, {
+        transition: "300ms",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Content, {
+          transition: "300ms",
+          exitStyle: {
+            opacity: 0
+          },
+          borderWidth: 1,
+          borderTopWidth: 0,
+          borderColor: "$borderColor",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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."
+          })
+        })
+      })]
+    })]
+  });
+}

package/dist/cjs/AccordionDemo.native.js

@@ -0,0 +1,121 @@
+"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 AccordionDemo_exports = {};
+__export(AccordionDemo_exports, {
+  AccordionDemo: () => AccordionDemo
+});
+module.exports = __toCommonJS(AccordionDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
+  import_gui = require("@hanzo/gui");
+function AccordionDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion, {
+    overflow: "hidden",
+    width: "$20",
+    type: "multiple",
+    children: [/* negative margin prevents double border between items */
+    /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion.Item, {
+      value: "a1",
+      mb: -1,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Trigger, {
+        flexDirection: "row",
+        justify: "space-between",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        children: function (param) {
+          var {
+            open
+          } = param;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+              children: "1. Take a cold shower"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+              transparent: !0,
+              transition: "quick",
+              rotate: open ? "180deg" : "0deg",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
+                size: "$1",
+                color: "$color"
+              })
+            })]
+          });
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.HeightAnimator, {
+        transition: "300ms",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Content, {
+          transition: "300ms",
+          exitStyle: {
+            opacity: 0
+          },
+          borderWidth: 1,
+          borderTopWidth: 0,
+          borderColor: "$borderColor",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+            children: "Cold showers can help reduce inflammation, relieve pain, improve circulation, lower stress levels, and reduce muscle soreness and fatigue."
+          })
+        })
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.Accordion.Item, {
+      value: "a2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Trigger, {
+        flexDirection: "row",
+        justify: "space-between",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        children: function (param) {
+          var {
+            open
+          } = param;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Paragraph, {
+              children: "2. Eat 4 eggs"
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Square, {
+              transparent: !0,
+              transition: "quick",
+              rotate: open ? "180deg" : "0deg",
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.ChevronDown, {
+                size: "$1",
+                color: "$color"
+              })
+            })]
+          });
+        }
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.HeightAnimator, {
+        transition: "300ms",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Accordion.Content, {
+          transition: "300ms",
+          exitStyle: {
+            opacity: 0
+          },
+          borderWidth: 1,
+          borderTopWidth: 0,
+          borderColor: "$borderColor",
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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."
+          })
+        })
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=AccordionDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AccordionDemo_exports","__export","AccordionDemo","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsxs","Accordion","overflow","width","type","children","Item","mb","jsx","Trigger","flexDirection","justify","borderWidth","borderColor","param","open","Fragment","Paragraph","Square","transparent","transition","rotate","ChevronDown","size","color","HeightAnimator","Content","exitStyle","opacity","borderTopWidth"],"sources":["../../src/AccordionDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAA4B,CAAAK,qBAAA;AAGrB,IAAAK,kBAAS,GAAgBC,OAAA;EAAAC,qBAAA,GAAAD,OAAA;EAAAE,UAAA,GAAAF,OAAA;AAC9B,SACEJ,cAAA;EAEE,0BAAAG,kBAAA,CAAAI,IAAC,EAAAD,UAAA,CAAAE,SAAU,EAAV;IACCC,QAAA;IAAAC,KAAC;IAAUC,IAAV;IAAAC,QACC,GAAc;IACN,eACR,CAAa,GAAAT,kBAAA,CAAAI,IAAA,EAAAD,UAAA,CAAAE,SAAA,CAAAK,IAAA;MAAAhB,KACb;MAAYiB,EAEX;MAEGF,QAAA,GAAgC,eAChC,IAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAC,CAAAE,SAAA,CAAAQ,OAAO;QAERC,aACF;QAAAC,OAAA;QAEJC,WAAA;QACAC,WAAA;QACGR,QAAA,WAAAA,CAAUS,KAAA;UAAV;YAAAC;UAAA,IAAAD,KAAA;UACC,sBAAW,IAAAlB,kBAAA,CAAAI,IAAA,EAAAJ,kBAAA,CAAAoB,QAAA;YACXX,QAAa,GACb,eAAa,IAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAkB,SAAA;cACbZ,QAAgB;YAChB,IAEA,mBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAC,CAAAmB,MAAA;cAGDC,WAAA;cAEJC,UAAA;cACFC,MAAA,EAAAN,IAAA;cAEAV,QAAA,qBAACT,kBAAA,CAAAY,GAAU,EAAAV,qBACT,CAAAwB,WAAA;gBAAAC,IAAA;gBAACC,KAAA,EAAU;cAAV;YACC;UAEA;QACA;MAEC,IAEG,mBAAA5B,kBAAA,CAAAY,GAAA,EAAAT,UAAC,CAAAE,SAAA,CAAAwB,cAAU;QACXL,UAAA;QAEAf,QACF,qBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAE,SAAA,CAAAyB,OAAA;UAAAN,UAAA;UAEJO,SAAA;YACAC,OAAA;UACG;UAAAhB,WAAA;UACCiB,cAAW;UACXhB,WAAa,gBAAW;UACxBR,QAAA,EAAa,mBAAAT,kBAAA,CAAAY,GAAA,EAAAT,UAAA,CAAAkB,SAAA;YACbZ,QAAA,EAAgB;UAChB;QAEA;MAGA;IAEJ,CACF,GACF,mBAAAT,kBAAA,CAAAI,IAAA,EAAAD,UAAA,CAAAE,SAAA,CAAAK,IAAA;MAEJhB,KAAA","ignoreList":[]}

package/dist/cjs/AddThemeDemo.cjs

@@ -0,0 +1,71 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var AddThemeDemo_exports = {};
+__export(AddThemeDemo_exports, {
+  AddThemeDemo: () => AddThemeDemo
+});
+module.exports = __toCommonJS(AddThemeDemo_exports);
+var import_theme = require("@hanzogui/theme"),
+  import_react = __toESM(require("react"), 1),
+  import_gui = require("@hanzo/gui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function AddThemeDemo() {
+  const [theme, setTheme] = import_react.default.useState();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    items: "center",
+    gap: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H3, {
+      children: ["Theme: ", theme ?? "none"]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
+      name: theme ?? "red",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.View, {
+        rounded: "$8",
+        width: 100,
+        height: 100,
+        bg: "$color"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+      disabled: theme === "superblue",
+      onPress: () => {
+        (0, import_theme.addTheme)({
+          name: "superblue",
+          insertCSS: !0,
+          theme: {
+            background: "#000",
+            color: "blue"
+          }
+        }), setTheme("superblue");
+      },
+      children: "Add superblue theme"
+    })]
+  });
+}

package/dist/cjs/AddThemeDemo.native.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf,
+  __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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+    value: mod,
+    enumerable: !0
+  }) : target, mod)),
+  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+    value: !0
+  }), mod);
+var AddThemeDemo_exports = {};
+__export(AddThemeDemo_exports, {
+  AddThemeDemo: () => AddThemeDemo
+});
+module.exports = __toCommonJS(AddThemeDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_theme = require("@hanzogui/theme"),
+  import_react = __toESM(require("react"), 1),
+  import_gui = require("@hanzo/gui");
+function AddThemeDemo() {
+  var [theme, setTheme] = import_react.default.useState();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+    items: "center",
+    gap: "$4",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.H3, {
+      children: ["Theme: ", theme ?? "none"]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
+      name: theme ?? "red",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.View, {
+        rounded: "$8",
+        width: 100,
+        height: 100,
+        bg: "$color"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+      disabled: theme === "superblue",
+      onPress: function () {
+        (0, import_theme.addTheme)({
+          name: "superblue",
+          insertCSS: !0,
+          theme: {
+            background: "#000",
+            color: "blue"
+          }
+        }), setTheme("superblue");
+      },
+      children: "Add superblue theme"
+    })]
+  });
+}
+//# sourceMappingURL=AddThemeDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AddThemeDemo_exports","__export","AddThemeDemo","module","exports","import_jsx_runtime","require","import_theme","import_react","__toESM","import_gui","theme","setTheme","default","useState","jsxs","YStack","items","gap","children","H3","jsx","Theme","name","View","rounded","width","height","bg","Button","disabled","onPress","addTheme"],"sources":["../../src/AddThemeDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAyB,CAAAK,oBACzB;AAIO,IAAAK,kBAAS,GAAeC,OAAA;EAAAC,YAAA,GAAAD,OAAA;EAAAE,YAAA,GAAAC,OAAA,CAAAH,OAAA;EAAAI,UAAA,GAAAJ,OAAA;AAC7B,SAAOJ,YAAOA,CAAA,EAAQ;EAEtB,KAAAS,KACE,EAAAC,QAAA,IAAAJ,YAAA,CAAAK,OAAA,CAAAC,QAAC;EACC,0BAAAT,kBAAA,CAAAU,IAAC,EAAAL,UAAA,CAAAM,MAAG;IAAAC,KAAA;IAAAC,GAAQ;IAASC,QAAO,GAE5B,mBAAAd,kBAAA,CAAAU,IAAC,EAAAL,UAAA,CAAAU,EAAA;MAIDD,QAAA,GAAC,WAAAR,KAAA;IACqB,EACpB,EACE,mBAAAN,kBAAS,CAAAgB,GAAA,EAAAX,UAAA,CAAAY,KAAA;MAAAC,IACP,EAAAZ,KAAM;MAAAQ,QACN,iBAAW,IAAAd,kBAAA,CAAAgB,GAAA,EAAAX,UAAA,CAAAc,IAAA;QAAAC,OACX,EAAO;QAAAC,KACL;QAAYC,MACZ,KAAO;QAAAC,EACT;MAAA;IAEkB,EACtB,iBACD,IAAAvB,kBAAA,CAAAgB,GAAA,EAAAX,UAAA,CAAAmB,MAAA;MAAAC,QAAA,EAAAnB,KAAA;MAEDoB,OAAA,WAAAA,CAAA;QACF,IAAAxB,YAAA,CAAAyB,QAAA;UAEJT,IAAA","ignoreList":[]}

package/dist/cjs/AlertDialogDemo.cjs

@@ -0,0 +1,96 @@
+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 AlertDialogDemo_exports = {};
+__export(AlertDialogDemo_exports, {
+  AlertDialogDemo: () => AlertDialogDemo
+});
+module.exports = __toCommonJS(AlertDialogDemo_exports);
+var import_gui = require("@hanzo/gui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function AlertDialogDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.AlertDialog, {
+    native: !0,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+        children: "Show Alert"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.AlertDialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Overlay, {
+        transition: "quick",
+        opacity: 0.5,
+        backgroundColor: "$background",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Title, {
+            children: "Accept"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Description, {
+            children: "By pressing yes, you accept our terms and conditions."
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+            gap: "$3",
+            justify: "flex-end",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Cancel, {
+              asChild: !0,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+                children: "Cancel"
+              })
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Action, {
+              asChild: !0,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+                theme: "accent",
+                children: "Accept"
+              })
+            })]
+          })]
+        })
+      }, "content")]
+    })]
+  });
+}

package/dist/cjs/AlertDialogDemo.native.js

@@ -0,0 +1,99 @@
+"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 AlertDialogDemo_exports = {};
+__export(AlertDialogDemo_exports, {
+  AlertDialogDemo: () => AlertDialogDemo
+});
+module.exports = __toCommonJS(AlertDialogDemo_exports);
+var import_jsx_runtime = require("react/jsx-runtime"),
+  import_gui = require("@hanzo/gui");
+function AlertDialogDemo() {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.AlertDialog, {
+    native: !0,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+        children: "Show Alert"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.AlertDialog.Portal, {
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Overlay, {
+        transition: "quick",
+        opacity: 0.5,
+        backgroundColor: "$background",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.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__ */(0, import_jsx_runtime.jsxs)(import_gui.YStack, {
+          gap: "$4",
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Title, {
+            children: "Accept"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Description, {
+            children: "By pressing yes, you accept our terms and conditions."
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {
+            gap: "$3",
+            justify: "flex-end",
+            children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Cancel, {
+              asChild: !0,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+                children: "Cancel"
+              })
+            }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.AlertDialog.Action, {
+              asChild: !0,
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Button, {
+                theme: "accent",
+                children: "Accept"
+              })
+            })]
+          })]
+        })
+      }, "content")]
+    })]
+  });
+}
+//# sourceMappingURL=AlertDialogDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","AlertDialogDemo_exports","__export","AlertDialogDemo","module","exports","import_jsx_runtime","require","import_gui","jsxs","AlertDialog","native","children","jsx","Trigger","asChild","Button","Portal","Overlay","transition","opacity","backgroundColor","enterStyle","exitStyle","Content","elevate","overshootClamping","x","y","scale"],"sources":["../../src/AlertDialogDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAoDT,YAAA,CAAAK,uBAM5C;AAJD,IAAAK,kBAAS,GAAAC,OAAkB;EAAAC,UAAA,GAAAD,OAAA;AAChC,SACEJ,gBAAA;EACE,0BAAAG,kBAAA,CAACG,IAAA,EAAAD,UAAA,CAAAE,WAAY;IAIbC,MAAA;IACEC,QAAA,kBAAC,IAAAN,kBAAY,CAAAO,GAAA,EAAAL,UAAA,CAAAE,WAAA,CAAAI,OAAA;MAAZC,OAAA;MAAAH,QAEC,iBAAW,IAAAN,kBAAA,CAAAO,GAAA,EAAAL,UAAA,CAAAQ,MAAA;QACXJ,QAAA,EAAS;MAAA;IACO,IACS,eACd,CAAE,GAAAN,kBAAW,CAAAG,IAAA,EAAAD,UAAA,CAAAE,WAAA,CAAAO,MAAA;MAAAL,QAAA,GALpB,mBAAAN,kBAAA,CAAAO,GAAA,EAAAL,UAAA,CAAAE,WAAA,CAAAQ,OAAA;QAMNC,UAAA;QACAC,OAAA;QAACC,eAAA,eAAY;QAAZC,UAAA;UACCF,OAAO;QAEP;QACEG,SAAA;UACAH,OAAA;QAAA;MACW,YACP,GAAmB,eACrB,IAAAd,kBAAA,CAAAO,GAAA,EAAAL,UAAA,CAAAE,WAAA,CAAAc,OAAA;QACFC,OAAA;QACFN,UAAA,GACA,SACA;UACGC,OAAA;YACIM,iBAAA;UACP;QACG,EAEH;QACEJ,UAAA;UACAK,CAAA;UAIAC,CAAA;UACER,OAAA;UAGAS,KAAA;QAEA;QACFN,SACF;UAAAI,CAAA;UA9BIC,CAAA;UA+BNR,OAAA;UACFS,KAAA;QACF;QAEJF,CAAA","ignoreList":[]}