@hanzogui/demos 2.0.0

package/dist/esm/ContextMenuDemo.native.js

@@ -0,0 +1,193 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContextMenu } from "@hanzogui/context-menu";
+import { Calendar, Check, ChevronRight } from "@hanzogui/lucide-icons-2";
+import React from "react";
+import { Text, View, YStack } from "@hanzo/gui";
+function ContextMenuDemo() {
+  var [bookmarksChecked, setBookmarksChecked] = React.useState(!0),
+    [native, setNative] = React.useState(!0),
+    onSelect = function () {
+      console.info("onSelect");
+    };
+  return /* @__PURE__ */_jsxs(ContextMenu, {
+    native,
+    children: [/* @__PURE__ */_jsx(ContextMenu.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */_jsx(View, {
+        p: "$4",
+        rounded: "$4",
+        borderWidth: 1,
+        borderStyle: "dashed",
+        borderColor: "$color6",
+        cursor: "default",
+        children: /* @__PURE__ */_jsx(Text, {
+          text: "center",
+          select: "none",
+          color: "$color10",
+          children: "Right Click or Long Press"
+        })
+      })
+    }), /* @__PURE__ */_jsx(ContextMenu.Portal, {
+      zIndex: 100,
+      children: /* @__PURE__ */_jsxs(ContextMenu.Content, {
+        p: "$1.5",
+        minW: 180,
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        transformOrigin: "left top",
+        enterStyle: {
+          scale: 0.9,
+          opacity: 0,
+          y: -5
+        },
+        exitStyle: {
+          scale: 0.95,
+          opacity: 0,
+          y: -3
+        },
+        elevation: "$3",
+        transition: "100ms",
+        children: [/* @__PURE__ */_jsx(ContextMenu.Arrow, {
+          size: "$4",
+          borderWidth: 1,
+          borderColor: "$borderColor"
+        }), /* @__PURE__ */_jsx(ContextMenu.Preview, {
+          children: function () {
+            return /* @__PURE__ */_jsx(YStack, {
+              items: "center",
+              justify: "center",
+              height: 100,
+              width: 250,
+              bg: "pink",
+              children: /* @__PURE__ */_jsx(Text, {
+                children: "Your Preview here"
+              })
+            });
+          }
+        }), /* @__PURE__ */_jsx(ContextMenu.Item, {
+          onSelect,
+          children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+            children: "About Notes"
+          })
+        }, "about-notes"), /* @__PURE__ */_jsx(ContextMenu.Separator, {}), /* @__PURE__ */_jsx(ContextMenu.Item, {
+          onSelect,
+          children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+            children: "Settings"
+          })
+        }, "settings"), /* @__PURE__ */_jsxs(ContextMenu.Item, {
+          onSelect,
+          justify: "space-between",
+          textValue: "Calendar",
+          children: [/* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+            children: "Calendar"
+          }), /* @__PURE__ */_jsx(ContextMenu.ItemIcon, {
+            androidIconName: "ic_menu_today",
+            ios: {
+              name: "calendar"
+            },
+            children: /* @__PURE__ */_jsx(Calendar, {
+              color: "gray",
+              size: 14
+            })
+          })]
+        }, "accounts"), /* @__PURE__ */_jsx(ContextMenu.Separator, {}), /* @__PURE__ */_jsx(ContextMenu.Item, {
+          onSelect,
+          disabled: !0,
+          textValue: "Locked Notes",
+          children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+            color: "gray",
+            children: "Locked Notes"
+          })
+        }, "close-notes"), /* @__PURE__ */_jsx(ContextMenu.Item, {
+          destructive: !0,
+          onSelect,
+          children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+            color: "red",
+            children: "Delete all"
+          })
+        }, "delete-all"), /* @__PURE__ */_jsx(ContextMenu.Separator, {}), /* Submenu */
+        /* @__PURE__ */_jsxs(ContextMenu.Sub, {
+          children: [/* @__PURE__ */_jsxs(ContextMenu.SubTrigger, {
+            justify: "space-between",
+            textValue: "Actions",
+            children: [/* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+              children: "Actions"
+            }), /* @__PURE__ */_jsx(ChevronRight, {
+              size: 12,
+              color: "$color10"
+            })]
+          }, "actions-trigger"), /* @__PURE__ */_jsx(ContextMenu.Portal, {
+            zIndex: 200,
+            children: /* @__PURE__ */_jsxs(ContextMenu.SubContent, {
+              enterStyle: {
+                scale: 0.9,
+                opacity: 0,
+                x: -5
+              },
+              exitStyle: {
+                scale: 0.95,
+                opacity: 0,
+                x: -3
+              },
+              transition: "100ms",
+              transformOrigin: "left top",
+              elevation: "$3",
+              minW: 160,
+              bg: "$background",
+              p: "$1.5",
+              borderWidth: 1,
+              borderColor: "$borderColor",
+              children: [/* @__PURE__ */_jsx(ContextMenu.Label, {
+                children: "Note settings"
+              }), /* @__PURE__ */_jsx(ContextMenu.Item, {
+                onSelect,
+                textValue: "Create note",
+                children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+                  children: "Create note"
+                })
+              }, "create-note"), /* @__PURE__ */_jsx(ContextMenu.Item, {
+                onSelect,
+                textValue: "Delete all notes",
+                children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+                  children: "Delete all notes"
+                })
+              }, "delete-all-notes"), /* @__PURE__ */_jsx(ContextMenu.Item, {
+                onSelect,
+                textValue: "Sync notes",
+                children: /* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+                  children: "Sync notes"
+                })
+              }, "sync-all")]
+            })
+          })]
+        }), /* @__PURE__ */_jsx(ContextMenu.Separator, {}), /* @__PURE__ */_jsxs(ContextMenu.CheckboxItem, {
+          checked: bookmarksChecked,
+          onCheckedChange: setBookmarksChecked,
+          justify: "space-between",
+          children: [/* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+            children: "Mark as read"
+          }), /* @__PURE__ */_jsx(ContextMenu.ItemIndicator, {
+            children: /* @__PURE__ */_jsx(Check, {
+              size: 12,
+              color: "$color10"
+            })
+          })]
+        }, "show-hidden"), /* @__PURE__ */_jsxs(ContextMenu.CheckboxItem, {
+          checked: native,
+          onCheckedChange: setNative,
+          justify: "space-between",
+          children: [/* @__PURE__ */_jsx(ContextMenu.ItemTitle, {
+            children: "Enable Native"
+          }), /* @__PURE__ */_jsx(ContextMenu.ItemIndicator, {
+            children: /* @__PURE__ */_jsx(Check, {
+              size: 12,
+              color: "$color10"
+            })
+          })]
+        }, "show-other-notes")]
+      })
+    })]
+  });
+}
+export { ContextMenuDemo };
+//# sourceMappingURL=ContextMenuDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ContextMenu","Calendar","Check","ChevronRight","React","Text","View","YStack","ContextMenuDemo","bookmarksChecked","setBookmarksChecked","useState","native","setNative","onSelect","console","info","children","Trigger","asChild","p","rounded","borderWidth","borderStyle","borderColor","cursor","text","select","color","Portal","zIndex","Content","minW","transformOrigin","enterStyle","scale","opacity","y","exitStyle","elevation","transition","Arrow","size","Preview","items","justify","height","width","bg","Item","ItemTitle","Separator","textValue","ItemIcon","androidIconName","ios","name","disabled","destructive","Sub","SubTrigger","SubContent","x","Label"],"sources":["../../src/ContextMenuDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/DialogDemo.mjs

@@ -0,0 +1,189 @@
+import { ChevronDown, X } from "@hanzogui/lucide-icons-2";
+import { useState } from "react";
+import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "@hanzo/gui";
+import { SelectDemoContents } from "./SelectDemo.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DialogDemo() {
+  const [mode, setMode] = useState("plain");
+  return /* @__PURE__ */jsxs(View, {
+    gap: "$4",
+    justify: "center",
+    items: "center",
+    children: [/* @__PURE__ */jsxs(XGroup, {
+      children: [/* @__PURE__ */jsx(XGroup.Item, {
+        children: /* @__PURE__ */jsx(Button, {
+          size: "$3",
+          theme: mode === "plain" ? "accent" : void 0,
+          onPress: () => setMode("plain"),
+          children: "Plain"
+        })
+      }), /* @__PURE__ */jsx(XGroup.Item, {
+        children: /* @__PURE__ */jsx(Button, {
+          size: "$3",
+          theme: mode === "adapt" ? "accent" : void 0,
+          onPress: () => setMode("adapt"),
+          children: "Adapt to Sheet"
+        })
+      }), /* @__PURE__ */jsx(XGroup.Item, {
+        children: /* @__PURE__ */jsx(Button, {
+          size: "$3",
+          theme: mode === "keepMounted" ? "accent" : void 0,
+          onPress: () => setMode("keepMounted"),
+          children: "Keep Mounted"
+        })
+      })]
+    }), /* @__PURE__ */jsx(DialogInstance, {
+      mode
+    })]
+  });
+}
+function DialogInstance({
+  mode
+}) {
+  const [open, setOpen] = useState(!1);
+  return /* @__PURE__ */jsxs(Dialog, {
+    modal: !0,
+    keepChildrenMounted: mode === "keepMounted",
+    open,
+    onOpenChange: setOpen,
+    children: [/* @__PURE__ */jsx(Dialog.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */jsx(Button, {
+        children: /* @__PURE__ */jsx(Button.Text, {
+          children: "Show Dialog"
+        })
+      })
+    }), mode === "adapt" && /* @__PURE__ */jsx(Adapt, {
+      when: "maxMd",
+      platform: "touch",
+      children: /* @__PURE__ */jsxs(Sheet, {
+        transition: "medium",
+        zIndex: 2e5,
+        modal: !0,
+        dismissOnSnapToBottom: !0,
+        unmountChildrenWhenHidden: !0,
+        children: [/* @__PURE__ */jsx(Sheet.Frame, {
+          p: "$4",
+          gap: "$4",
+          children: /* @__PURE__ */jsx(Adapt.Contents, {})
+        }), /* @__PURE__ */jsx(Sheet.Overlay, {
+          bg: "$background",
+          opacity: 0.5,
+          transition: "lazy",
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        })]
+      })
+    }), /* @__PURE__ */jsxs(Dialog.Portal, {
+      children: [/* @__PURE__ */jsx(Dialog.Overlay, {
+        bg: "$background",
+        opacity: 0.5,
+        animateOnly: ["transform", "opacity"],
+        transition: ["quicker", {
+          opacity: {
+            overshootClamping: !0
+          }
+        }],
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }), /* @__PURE__ */jsx(Dialog.FocusScope, {
+        focusOnIdle: !0,
+        children: /* @__PURE__ */jsxs(Dialog.Content, {
+          transition: ["quicker", {
+            opacity: {
+              overshootClamping: !0
+            }
+          }],
+          enterStyle: {
+            x: 0,
+            y: 20,
+            opacity: 0
+          },
+          exitStyle: {
+            x: 0,
+            y: 10,
+            opacity: 0,
+            scale: 0.95
+          },
+          gap: "$4",
+          children: [/* @__PURE__ */jsx(Dialog.Title, {
+            children: "Edit profile"
+          }), /* @__PURE__ */jsx(Dialog.Description, {
+            children: "Make changes to your profile here. Click save when you're done."
+          }), /* @__PURE__ */jsxs(Fieldset, {
+            gap: "$4",
+            horizontal: !0,
+            children: [/* @__PURE__ */jsx(Label, {
+              width: 64,
+              htmlFor: "name",
+              children: "Name"
+            }), /* @__PURE__ */jsx(Input, {
+              flex: 1,
+              id: "name",
+              defaultValue: "Nate Wienert"
+            })]
+          }), /* @__PURE__ */jsxs(Fieldset, {
+            gap: "$4",
+            horizontal: !0,
+            children: [/* @__PURE__ */jsx(Label, {
+              width: 64,
+              htmlFor: "username",
+              children: /* @__PURE__ */jsx(TooltipSimple, {
+                label: "Pick your favorite",
+                placement: "bottom-start",
+                children: /* @__PURE__ */jsx(Paragraph, {
+                  children: "Food"
+                })
+              })
+            }), /* @__PURE__ */jsx(XStack, {
+              flex: 1,
+              children: /* @__PURE__ */jsx(SelectDemoContents, {
+                trigger: /* @__PURE__ */jsx(Select.Trigger, {
+                  flex: 1,
+                  iconAfter: ChevronDown,
+                  borderRadius: "$4",
+                  children: /* @__PURE__ */jsx(Select.Value, {
+                    placeholder: "Something"
+                  })
+                })
+              })
+            })]
+          }), /* @__PURE__ */jsx(XStack, {
+            self: "flex-end",
+            gap: "$4",
+            children: /* @__PURE__ */jsx(Dialog.Close, {
+              displayWhenAdapted: !0,
+              asChild: !0,
+              children: /* @__PURE__ */jsx(Button, {
+                theme: "accent",
+                "aria-label": "Close",
+                children: "Save changes"
+              })
+            })
+          }), /* @__PURE__ */jsx(Unspaced, {
+            children: /* @__PURE__ */jsx(Dialog.Close, {
+              asChild: !0,
+              children: /* @__PURE__ */jsx(Button, {
+                position: "absolute",
+                r: "$3",
+                size: "$2",
+                circular: !0,
+                icon: X
+              })
+            })
+          })]
+        })
+      })]
+    })]
+  });
+}
+export { DialogDemo };
+//# sourceMappingURL=DialogDemo.mjs.map

package/dist/esm/DialogDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["ChevronDown","X","useState","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XGroup","XStack","SelectDemoContents","jsx","jsxs","DialogDemo","mode","setMode","gap","justify","items","children","Item","size","theme","onPress","DialogInstance","open","setOpen","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","when","platform","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","x","y","scale","Title","Description","horizontal","width","htmlFor","flex","id","defaultValue","label","placement","trigger","iconAfter","borderRadius","Value","placeholder","self","Close","displayWhenAdapted","position","r","circular","icon"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,WAAA,EAAaC,CAAA,QAAS;AAC/B,SAASC,QAAA,QAAgB;AACzB,SACEC,KAAA,EACAC,MAAA,EACAC,MAAA,EACAC,QAAA,EACAC,KAAA,EACAC,KAAA,EACAC,SAAA,EACAC,MAAA,EACAC,KAAA,EACAC,aAAA,EACAC,QAAA,EACAC,IAAA,EACAC,MAAA,EACAC,MAAA,QACK;AACP,SAASC,kBAAA,QAA0B;AAS7B,SAEIC,GAAA,EAFJC,IAAA;AALC,SAASC,WAAA,EAAa;EAC3B,MAAM,CAACC,IAAA,EAAMC,OAAO,IAAIpB,QAAA,CAAqB,OAAO;EAEpD,OACE,eAAAiB,IAAA,CAACL,IAAA;IAAKS,GAAA,EAAI;IAAKC,OAAA,EAAQ;IAASC,KAAA,EAAM;IACpCC,QAAA,kBAAAP,IAAA,CAACJ,MAAA;MACCW,QAAA,kBAAAR,GAAA,CAACH,MAAA,CAAOY,IAAA,EAAP;QACCD,QAAA,iBAAAR,GAAA,CAACd,MAAA;UACCwB,IAAA,EAAK;UACLC,KAAA,EAAOR,IAAA,KAAS,UAAU,WAAW;UACrCS,OAAA,EAASA,CAAA,KAAMR,OAAA,CAAQ,OAAO;UAC/BI,QAAA;QAAA,CAED;MAAA,CACF,GACA,eAAAR,GAAA,CAACH,MAAA,CAAOY,IAAA,EAAP;QACCD,QAAA,iBAAAR,GAAA,CAACd,MAAA;UACCwB,IAAA,EAAK;UACLC,KAAA,EAAOR,IAAA,KAAS,UAAU,WAAW;UACrCS,OAAA,EAASA,CAAA,KAAMR,OAAA,CAAQ,OAAO;UAC/BI,QAAA;QAAA,CAED;MAAA,CACF,GACA,eAAAR,GAAA,CAACH,MAAA,CAAOY,IAAA,EAAP;QACCD,QAAA,iBAAAR,GAAA,CAACd,MAAA;UACCwB,IAAA,EAAK;UACLC,KAAA,EAAOR,IAAA,KAAS,gBAAgB,WAAW;UAC3CS,OAAA,EAASA,CAAA,KAAMR,OAAA,CAAQ,aAAa;UACrCI,QAAA;QAAA,CAED;MAAA,CACF;IAAA,CACF,GAEA,eAAAR,GAAA,CAACa,cAAA;MAAeV;IAAA,CAAY;EAAA,CAC9B;AAEJ;AAEA,SAASU,eAAe;EAAEV;AAAK,GAAyB;EACtD,MAAM,CAACW,IAAA,EAAMC,OAAO,IAAI/B,QAAA,CAAS,EAAK;EAEtC,OACE,eAAAiB,IAAA,CAACd,MAAA;IACC6B,KAAA,EAAK;IACLC,mBAAA,EAAqBd,IAAA,KAAS;IAC9BW,IAAA;IACAI,YAAA,EAAcH,OAAA;IAEdP,QAAA,kBAAAR,GAAA,CAACb,MAAA,CAAOgC,OAAA,EAAP;MAAeC,OAAA,EAAO;MACrBZ,QAAA,iBAAAR,GAAA,CAACd,MAAA;QACCsB,QAAA,iBAAAR,GAAA,CAACd,MAAA,CAAOmC,IAAA,EAAP;UAAYb,QAAA;QAAA,CAAW;MAAA,CAC1B;IAAA,CACF,GAECL,IAAA,KAAS,WACR,eAAAH,GAAA,CAACf,KAAA;MAAMqC,IAAA,EAAK;MAAQC,QAAA,EAAS;MAC3Bf,QAAA,iBAAAP,IAAA,CAACR,KAAA;QACC+B,UAAA,EAAW;QACXC,MAAA,EAAQ;QACRT,KAAA,EAAK;QACLU,qBAAA,EAAqB;QACrBC,yBAAA,EAAyB;QAEzBnB,QAAA,kBAAAR,GAAA,CAACP,KAAA,CAAMmC,KAAA,EAAN;UAAYC,CAAA,EAAE;UAAKxB,GAAA,EAAI;UACtBG,QAAA,iBAAAR,GAAA,CAACf,KAAA,CAAM6C,QAAA,EAAN,EAAe;QAAA,CAClB,GACA,eAAA9B,GAAA,CAACP,KAAA,CAAMsC,OAAA,EAAN;UACCC,EAAA,EAAG;UACHC,OAAA,EAAS;UACTT,UAAA,EAAW;UACXU,UAAA,EAAY;YAAED,OAAA,EAAS;UAAE;UACzBE,SAAA,EAAW;YAAEF,OAAA,EAAS;UAAE;QAAA,CAC1B;MAAA,CACF;IAAA,CACF,GAGF,eAAAhC,IAAA,CAACd,MAAA,CAAOiD,MAAA,EAAP;MACC5B,QAAA,kBAAAR,GAAA,CAACb,MAAA,CAAO4C,OAAA,EAAP;QACCC,EAAA,EAAG;QACHC,OAAA,EAAS;QACTI,WAAA,EAAa,CAAC,aAAa,SAAS;QACpCb,UAAA,EAAY,CACV,WACA;UACES,OAAA,EAAS;YACPK,iBAAA,EAAmB;UACrB;QACF,EACF;QACAJ,UAAA,EAAY;UAAED,OAAA,EAAS;QAAE;QACzBE,SAAA,EAAW;UAAEF,OAAA,EAAS;QAAE;MAAA,CAC1B,GAEA,eAAAjC,GAAA,CAACb,MAAA,CAAOoD,UAAA,EAAP;QAAkBC,WAAA,EAAW;QAC5BhC,QAAA,iBAAAP,IAAA,CAACd,MAAA,CAAOsD,OAAA,EAAP;UACCjB,UAAA,EAAY,CACV,WACA;YACES,OAAA,EAAS;cACPK,iBAAA,EAAmB;YACrB;UACF,EACF;UACAJ,UAAA,EAAY;YAAEQ,CAAA,EAAG;YAAGC,CAAA,EAAG;YAAIV,OAAA,EAAS;UAAE;UACtCE,SAAA,EAAW;YAAEO,CAAA,EAAG;YAAGC,CAAA,EAAG;YAAIV,OAAA,EAAS;YAAGW,KAAA,EAAO;UAAK;UAClDvC,GAAA,EAAI;UAEJG,QAAA,kBAAAR,GAAA,CAACb,MAAA,CAAO0D,KAAA,EAAP;YAAarC,QAAA;UAAA,CAAY,GAC1B,eAAAR,GAAA,CAACb,MAAA,CAAO2D,WAAA,EAAP;YAAmBtC,QAAA;UAAA,CAEpB,GAEA,eAAAP,IAAA,CAACb,QAAA;YAASiB,GAAA,EAAI;YAAK0C,UAAA,EAAU;YAC3BvC,QAAA,kBAAAR,GAAA,CAACV,KAAA;cAAM0D,KAAA,EAAO;cAAIC,OAAA,EAAQ;cAAOzC,QAAA;YAAA,CAEjC,GACA,eAAAR,GAAA,CAACX,KAAA;cAAM6D,IAAA,EAAM;cAAGC,EAAA,EAAG;cAAOC,YAAA,EAAa;YAAA,CAAe;UAAA,CACxD,GAEA,eAAAnD,IAAA,CAACb,QAAA;YAASiB,GAAA,EAAI;YAAK0C,UAAA,EAAU;YAC3BvC,QAAA,kBAAAR,GAAA,CAACV,KAAA;cAAM0D,KAAA,EAAO;cAAIC,OAAA,EAAQ;cACxBzC,QAAA,iBAAAR,GAAA,CAACN,aAAA;gBAAc2D,KAAA,EAAM;gBAAqBC,SAAA,EAAU;gBAClD9C,QAAA,iBAAAR,GAAA,CAACT,SAAA;kBAAUiB,QAAA;gBAAA,CAAI;cAAA,CACjB;YAAA,CACF,GACA,eAAAR,GAAA,CAACF,MAAA;cAAOoD,IAAA,EAAM;cACZ1C,QAAA,iBAAAR,GAAA,CAACD,kBAAA;gBACCwD,OAAA,EACE,eAAAvD,GAAA,CAACR,MAAA,CAAO2B,OAAA,EAAP;kBAAe+B,IAAA,EAAM;kBAAGM,SAAA,EAAW1E,WAAA;kBAAa2E,YAAA,EAAa;kBAC5DjD,QAAA,iBAAAR,GAAA,CAACR,MAAA,CAAOkE,KAAA,EAAP;oBAAaC,WAAA,EAAY;kBAAA,CAAY;gBAAA,CACxC;cAAA,CAEJ;YAAA,CACF;UAAA,CACF,GAEA,eAAA3D,GAAA,CAACF,MAAA;YAAO8D,IAAA,EAAK;YAAWvD,GAAA,EAAI;YAC1BG,QAAA,iBAAAR,GAAA,CAACb,MAAA,CAAO0E,KAAA,EAAP;cAAaC,kBAAA,EAAkB;cAAC1C,OAAA,EAAO;cACtCZ,QAAA,iBAAAR,GAAA,CAACd,MAAA;gBAAOyB,KAAA,EAAM;gBAAS,cAAW;gBAAQH,QAAA;cAAA,CAE1C;YAAA,CACF;UAAA,CACF,GAEA,eAAAR,GAAA,CAACL,QAAA;YACCa,QAAA,iBAAAR,GAAA,CAACb,MAAA,CAAO0E,KAAA,EAAP;cAAazC,OAAA,EAAO;cACnBZ,QAAA,iBAAAR,GAAA,CAACd,MAAA;gBAAO6E,QAAA,EAAS;gBAAWC,CAAA,EAAE;gBAAKtD,IAAA,EAAK;gBAAKuD,QAAA,EAAQ;gBAACC,IAAA,EAAMnF;cAAA,CAAG;YAAA,CACjE;UAAA,CACF;QAAA,CACF;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/esm/DialogDemo.native.js

@@ -0,0 +1,196 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDown, X } from "@hanzogui/lucide-icons-2";
+import { useState } from "react";
+import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Select, Sheet, TooltipSimple, Unspaced, View, XGroup, XStack } from "@hanzo/gui";
+import { SelectDemoContents } from "./SelectDemo.native.js";
+function DialogDemo() {
+  var [mode, setMode] = useState("plain");
+  return /* @__PURE__ */_jsxs(View, {
+    gap: "$4",
+    justify: "center",
+    items: "center",
+    children: [/* @__PURE__ */_jsxs(XGroup, {
+      children: [/* @__PURE__ */_jsx(XGroup.Item, {
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$3",
+          theme: mode === "plain" ? "accent" : void 0,
+          onPress: function () {
+            return setMode("plain");
+          },
+          children: "Plain"
+        })
+      }), /* @__PURE__ */_jsx(XGroup.Item, {
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$3",
+          theme: mode === "adapt" ? "accent" : void 0,
+          onPress: function () {
+            return setMode("adapt");
+          },
+          children: "Adapt to Sheet"
+        })
+      }), /* @__PURE__ */_jsx(XGroup.Item, {
+        children: /* @__PURE__ */_jsx(Button, {
+          size: "$3",
+          theme: mode === "keepMounted" ? "accent" : void 0,
+          onPress: function () {
+            return setMode("keepMounted");
+          },
+          children: "Keep Mounted"
+        })
+      })]
+    }), /* @__PURE__ */_jsx(DialogInstance, {
+      mode
+    })]
+  });
+}
+function DialogInstance(param) {
+  var {
+      mode
+    } = param,
+    [open, setOpen] = useState(!1);
+  return /* @__PURE__ */_jsxs(Dialog, {
+    modal: !0,
+    keepChildrenMounted: mode === "keepMounted",
+    open,
+    onOpenChange: setOpen,
+    children: [/* @__PURE__ */_jsx(Dialog.Trigger, {
+      asChild: !0,
+      children: /* @__PURE__ */_jsx(Button, {
+        children: /* @__PURE__ */_jsx(Button.Text, {
+          children: "Show Dialog"
+        })
+      })
+    }), mode === "adapt" && /* @__PURE__ */_jsx(Adapt, {
+      when: "maxMd",
+      platform: "touch",
+      children: /* @__PURE__ */_jsxs(Sheet, {
+        transition: "medium",
+        zIndex: 2e5,
+        modal: !0,
+        dismissOnSnapToBottom: !0,
+        unmountChildrenWhenHidden: !0,
+        children: [/* @__PURE__ */_jsx(Sheet.Frame, {
+          p: "$4",
+          gap: "$4",
+          children: /* @__PURE__ */_jsx(Adapt.Contents, {})
+        }), /* @__PURE__ */_jsx(Sheet.Overlay, {
+          bg: "$background",
+          opacity: 0.5,
+          transition: "lazy",
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        })]
+      })
+    }), /* @__PURE__ */_jsxs(Dialog.Portal, {
+      children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
+        bg: "$background",
+        opacity: 0.5,
+        animateOnly: ["transform", "opacity"],
+        transition: ["quicker", {
+          opacity: {
+            overshootClamping: !0
+          }
+        }],
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }), /* @__PURE__ */_jsx(Dialog.FocusScope, {
+        focusOnIdle: !0,
+        children: /* @__PURE__ */_jsxs(Dialog.Content, {
+          transition: ["quicker", {
+            opacity: {
+              overshootClamping: !0
+            }
+          }],
+          enterStyle: {
+            x: 0,
+            y: 20,
+            opacity: 0
+          },
+          exitStyle: {
+            x: 0,
+            y: 10,
+            opacity: 0,
+            scale: 0.95
+          },
+          gap: "$4",
+          children: [/* @__PURE__ */_jsx(Dialog.Title, {
+            children: "Edit profile"
+          }), /* @__PURE__ */_jsx(Dialog.Description, {
+            children: "Make changes to your profile here. Click save when you're done."
+          }), /* @__PURE__ */_jsxs(Fieldset, {
+            gap: "$4",
+            horizontal: !0,
+            children: [/* @__PURE__ */_jsx(Label, {
+              width: 64,
+              htmlFor: "name",
+              children: "Name"
+            }), /* @__PURE__ */_jsx(Input, {
+              flex: 1,
+              id: "name",
+              defaultValue: "Nate Wienert"
+            })]
+          }), /* @__PURE__ */_jsxs(Fieldset, {
+            gap: "$4",
+            horizontal: !0,
+            children: [/* @__PURE__ */_jsx(Label, {
+              width: 64,
+              htmlFor: "username",
+              children: /* @__PURE__ */_jsx(TooltipSimple, {
+                label: "Pick your favorite",
+                placement: "bottom-start",
+                children: /* @__PURE__ */_jsx(Paragraph, {
+                  children: "Food"
+                })
+              })
+            }), /* @__PURE__ */_jsx(XStack, {
+              flex: 1,
+              children: /* @__PURE__ */_jsx(SelectDemoContents, {
+                trigger: /* @__PURE__ */_jsx(Select.Trigger, {
+                  flex: 1,
+                  iconAfter: ChevronDown,
+                  borderRadius: "$4",
+                  children: /* @__PURE__ */_jsx(Select.Value, {
+                    placeholder: "Something"
+                  })
+                })
+              })
+            })]
+          }), /* @__PURE__ */_jsx(XStack, {
+            self: "flex-end",
+            gap: "$4",
+            children: /* @__PURE__ */_jsx(Dialog.Close, {
+              displayWhenAdapted: !0,
+              asChild: !0,
+              children: /* @__PURE__ */_jsx(Button, {
+                theme: "accent",
+                "aria-label": "Close",
+                children: "Save changes"
+              })
+            })
+          }), /* @__PURE__ */_jsx(Unspaced, {
+            children: /* @__PURE__ */_jsx(Dialog.Close, {
+              asChild: !0,
+              children: /* @__PURE__ */_jsx(Button, {
+                position: "absolute",
+                r: "$3",
+                size: "$2",
+                circular: !0,
+                icon: X
+              })
+            })
+          })]
+        })
+      })]
+    })]
+  });
+}
+export { DialogDemo };
+//# sourceMappingURL=DialogDemo.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","ChevronDown","X","useState","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Select","Sheet","TooltipSimple","Unspaced","View","XGroup","XStack","SelectDemoContents","DialogDemo","mode","setMode","gap","justify","items","children","Item","size","theme","onPress","DialogInstance","param","open","setOpen","modal","keepChildrenMounted","onOpenChange","Trigger","asChild","Text","when","platform","transition","zIndex","dismissOnSnapToBottom","unmountChildrenWhenHidden","Frame","p","Contents","Overlay","bg","opacity","enterStyle","exitStyle","Portal","animateOnly","overshootClamping","FocusScope","focusOnIdle","Content","x","y","scale","Title"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAS;AAC/B,SAASC,WAAA,EAAAC,CAAA,QAAgB;AACzB,SAAAC,QAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,MAAA;AAAA,SACAC,kBAAA;AAAA,SACAC,WAAA;EACA,KAAAC,IAAA,EAAAC,OAAA,IAAAlB,QAAA;EACA,sBAAAH,KAAA,CAAAe,IAAA;IACAO,GAAA;IACAC,OAAA;IACAC,KAAA;IACAC,QAAA,GACA,eAAAzB,KAAA,CAAAgB,MAAA;MACAS,QAAA,GACA,eAAA3B,IAAA,CAAAkB,MAAA,CAAAU,IAAA;QACAD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UACAsB,IAAA;UACKC,KAAA,EAAAR,IAAA;UACES,OAAA,WAAAA,CAAA;YASH,OAAAR,OAAA;UALU;UACPI,QAAa;QAGlB;MACE,IACE,eAAC3B,IAAA,CAAAkB,MAAO,CAAAU,IACN;QAACD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UAAAsB,IAAA;UACCC,KAAK,EAAAR,IAAA;UACLS,OAAO,WAAAA,CAAA,EAAS;YAChB,OAASR,OAAM,QAAQ;UACxB;UAAAI,QAAA;QAGH;MACA,IACG,eAAA3B,IAAA,CAAAkB,MAAA,CAAAU,IAAA;QAAAD,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;UACCsB,IAAK;UACLC,KAAO,EAAAR,IAAA,KAAS,aAAU,WAAW;UACrCS,OAAS,WAAAA,CAAA,EAAc;YACxB,OAAAR,OAAA;UAAA;UAGHI,QAAA;QACA;MACG;IAAA,IACM,eACE3B,IAAS,CAAAgC,cAAA,EAAgB;MAAWV;IACP;EACrC;AAGH;AACF,SAEAU,eAACC,KAAA;EAA2B,IAC9B;MAAAX;IAAA,IAAAW,KAAA;IAAA,CAAAC,IAAA,EAAAC,OAAA,IAAA9B,QAAA;EAEJ,sBAAAH,KAAA,CAAAM,MAAA;IAEA4B,KAAS;IACPC,mBAAoB,EAAAf,IAAI,kBAAc;IAEtCY,IAAA;IACGI,YAAA,EAAAH,OAAA;IAAAR,QAAA,GACC,eAAK3B,IAAA,CAAAQ,MAAA,CAAA+B,OAAA;MACLC,OAAA;MACAb,QAAA,iBAAA3B,IAAA,CAAAO,MAAA;QACAoB,QAAA,EAAc,eAAA3B,IAAA,CAAAO,MAAA,CAAAkC,IAAA;UAEdd,QAAA;QAAA;MAMC;IAEG,IAACL,IAAA,+BAAAtB,IAAA,CAAAM,KAAA;MAAAoC,IACC;MAAWC,QACX,SAAQ;MAAAhB,QACR,iBAAKzB,KAAA,CAAAY,KAAA;QAAA8B,UACL;QAAqBC,MACrB;QAAyBT,KAEzB;QAAAU,qBAAA,GAAC;QAEDC,yBACA;QAAApB,QAAC,GAAM,eAAN3B,IAAA,CAAAc,KAAA,CAAAkC,KAAA;UAAAC,CAAA,MACC;UAAGzB,GAAA,EACH;UAASG,QACT,iBAAW3B,IAAA,CAAAM,KAAA,CAAA4C,QAAA;QAAA,IACc,eACzBlD,IAAa,CAAAc,KAAA,CAAAqC,OAAW;UAAAC,EAAA;UAC1BC,OAAA;UAAAT,UAAA;UAAAU,UAAA;YAEJD,OAAA;UAGF;UACEE,SAAA;YAACF,OAAO;UAAP;QAAA,EACC;MACS;IAC2B,IACxB,eACVnD,KAAA,CAAAM,MAAA,CAAAgD,MAAA;MAAA7B,QACA,kBACE3B,IAAS,CAAAQ,MAAA,CAAA2C,OAAA;QAAAC,EAAA,eACP;QAAmBC,OACrB;QAAAI,WACF,GACF,aACA,UAAyB;QACDb,UAAA,GAC1B,WAEA;UACGS,OAAO;YAAPK,iBAAA;UACC;QAAY,EACV;QACAJ,UACE;UAASD,OACP;QAAmB;QACrBE,SACF;UACFF,OAAA;QAAA;MACsC,IACY,eAC9CrD,IAAA,CAAAQ,MAAA,CAAAmD,UAAA;QAAAC,WAEJ;QAAAjC,QAAA,iBAACzB,KAAO,CAAAM,MAAP,CAAAqD,OAAa;UAAYjB,UAC1B,GAIA,WACE;YAGAS,OAAA;cACFK,iBAAA;YAEA;UACE,EAIA;UAEEJ,UAAC;YAAAQ,CAAA;YAAAC,CAAA;YAIGV,OAAA;UAAA;UAGNE,SACF;YAEAO,CAAA;YAQAC,CAAA;YAIAV,OAAA;YAAAW,KAAA;UAEJ;UACFxC,GAAA;UAAAG,QAAA,kBAAA3B,IAAA,CAAAQ,MAAA,CAAAyD,KAAA;YACFtC,QAAA;UAEJ,I","ignoreList":[]}

package/dist/esm/FormsDemo.mjs

@@ -0,0 +1,51 @@
+import React from "react";
+import { Button, Form, Spinner, AnimatePresence, YStack } from "@hanzo/gui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FormsDemo(props) {
+  const [status, setStatus] = React.useState("off");
+  return React.useEffect(() => {
+    if (status === "submitting") {
+      const timer = setTimeout(() => setStatus("off"), 2e3);
+      return () => {
+        clearTimeout(timer);
+      };
+    }
+  }, [status]), /* @__PURE__ */jsx(Form, {
+    items: "center",
+    gap: "$2",
+    onSubmit: () => setStatus("submitting"),
+    borderWidth: 1,
+    rounded: "$4",
+    bg: "$color2",
+    borderColor: "$borderColor",
+    minW: 350,
+    p: "$6",
+    children: /* @__PURE__ */jsx(Form.Trigger, {
+      asChild: !0,
+      disabled: status !== "off",
+      children: /* @__PURE__ */jsxs(YStack, {
+        gap: "$4",
+        children: [/* @__PURE__ */jsx(Button, {
+          children: "Submit"
+        }), /* @__PURE__ */jsx(YStack, {
+          width: "100%",
+          height: 40,
+          justifyContent: "center",
+          alignItems: "center",
+          children: /* @__PURE__ */jsx(AnimatePresence, {
+            children: status === "submitting" ? /* @__PURE__ */jsx(Spinner, {
+              transition: "medium",
+              enterStyle: {
+                opacity: 0
+              },
+              alignSelf: "center",
+              width: 8
+            }, "spinner") : null
+          })
+        })]
+      })
+    })
+  });
+}
+export { FormsDemo };
+//# sourceMappingURL=FormsDemo.mjs.map

package/dist/esm/FormsDemo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Form","Spinner","AnimatePresence","YStack","jsx","jsxs","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","items","gap","onSubmit","borderWidth","rounded","bg","borderColor","minW","p","children","Trigger","asChild","disabled","width","height","justifyContent","alignItems","transition","enterStyle","opacity","alignSelf"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SACEC,MAAA,EACAC,IAAA,EAEAC,OAAA,EACAC,eAAA,EAKAC,MAAA,QACK;AA2BC,SACEC,GAAA,EADFC,IAAA;AAzBD,SAASC,UAAUC,KAAA,EAA6B;EACrD,MAAM,CAACC,MAAA,EAAQC,SAAS,IAAIX,KAAA,CAAMY,QAAA,CAA6C,KAAK;EAEpF,OAAAZ,KAAA,CAAMa,SAAA,CAAU,MAAM;IACpB,IAAIH,MAAA,KAAW,cAAc;MAC3B,MAAMI,KAAA,GAAQC,UAAA,CAAW,MAAMJ,SAAA,CAAU,KAAK,GAAG,GAAI;MACrD,OAAO,MAAM;QACXK,YAAA,CAAaF,KAAK;MACpB;IACF;EACF,GAAG,CAACJ,MAAM,CAAC,GAGT,eAAAJ,GAAA,CAACJ,IAAA;IACCe,KAAA,EAAM;IACNC,GAAA,EAAI;IACJC,QAAA,EAAUA,CAAA,KAAMR,SAAA,CAAU,YAAY;IACtCS,WAAA,EAAa;IACbC,OAAA,EAAQ;IACRC,EAAA,EAAG;IACHC,WAAA,EAAY;IACZC,IAAA,EAAM;IACNC,CAAA,EAAE;IAEFC,QAAA,iBAAApB,GAAA,CAACJ,IAAA,CAAKyB,OAAA,EAAL;MAAaC,OAAA,EAAO;MAACC,QAAA,EAAUnB,MAAA,KAAW;MACzCgB,QAAA,iBAAAnB,IAAA,CAACF,MAAA;QAAOa,GAAA,EAAI;QACVQ,QAAA,kBAAApB,GAAA,CAACL,MAAA;UAAOyB,QAAA;QAAA,CAAM,GACd,eAAApB,GAAA,CAACD,MAAA;UAAOyB,KAAA,EAAM;UAAOC,MAAA,EAAQ;UAAIC,cAAA,EAAe;UAASC,UAAA,EAAW;UAClEP,QAAA,iBAAApB,GAAA,CAACF,eAAA;YACEsB,QAAA,EAAAhB,MAAA,KAAW,eACV,eAAAJ,GAAA,CAACH,OAAA;cACC+B,UAAA,EAAW;cACXC,UAAA,EAAY;gBAAEC,OAAA,EAAS;cAAE;cACzBC,SAAA,EAAU;cAEVP,KAAA,EAAO;YAAA,GADH,SAEN,IACE;UAAA,CACN;QAAA,CACF;MAAA,CACF;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}