@multiplatform.one/components 0.7.0 → 0.7.1

package/dist/esm/panels/SimpleAlertDialog/index.js

@@ -1,5 +1,6 @@
 import React from "react";
 import { AlertDialog, Button, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 function SimpleAlertDialog({
   children,
   title,
@@ -10,47 +11,58 @@ function SimpleAlertDialog({
   contentStyle,
   descriptionStyle,
   open,
+  buttonStyle,
+  customContent,
   ...triggerProps
 }) {
   const [isOpen, setIsOpen] = React.useState(open);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxs(
     AlertDialog,
     {
-      native: true,
+      native: !0,
       ...triggerProps,
       open: isOpen,
       onOpenChange: (e) => {
-        if (triggerProps.onOpenChange)
-          triggerProps.onOpenChange(e);
-        else
-          setIsOpen(!isOpen);
-      }
-    },
-    typeof open === "undefined" ? /* @__PURE__ */ React.createElement(AlertDialog.Trigger, { asChild: true }, children) : null,
-    /* @__PURE__ */ React.createElement(AlertDialog.Portal, null, /* @__PURE__ */ React.createElement(AlertDialog.Overlay, { key: "overlay", animation: "quick", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }), /* @__PURE__ */ React.createElement(
-      AlertDialog.Content,
-      {
-        bordered: true,
-        elevate: true,
-        key: "content",
-        animation: [
-          "bouncy",
-          {
-            opacity: {
-              overshootClamping: true
-            }
-          }
-        ],
-        enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.2 },
-        exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.2 },
-        x: 0,
-        scale: 1,
-        opacity: 1,
-        y: 0,
-        ...contentStyle
+        triggerProps.onOpenChange ? triggerProps.onOpenChange(e) : setIsOpen(!isOpen);
       },
-      /* @__PURE__ */ React.createElement(YStack, { space: true }, title && /* @__PURE__ */ React.createElement(AlertDialog.Title, null, title), description && /* @__PURE__ */ React.createElement(AlertDialog.Description, null, description), /* @__PURE__ */ React.createElement(XStack, { space: "$3", jc: "flex-end" }, /* @__PURE__ */ React.createElement(AlertDialog.Cancel, { asChild: true }, /* @__PURE__ */ React.createElement(Button, null, cancel || "cancel")), /* @__PURE__ */ React.createElement(AlertDialog.Action, { asChild: true, onPress: triggerProps.onAccept }, /* @__PURE__ */ React.createElement(Button, { theme: "active" }, accept || "accept"))))
-    ))
+      children: [
+        typeof open > "u" ? /* @__PURE__ */ jsx(AlertDialog.Trigger, { asChild: !0, children }) : null,
+        /* @__PURE__ */ jsxs(AlertDialog.Portal, { children: [
+          /* @__PURE__ */ jsx(AlertDialog.Overlay, { animation: "quick", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }, "overlay"),
+          /* @__PURE__ */ jsx(
+            AlertDialog.Content,
+            {
+              bordered: !0,
+              elevate: !0,
+              animation: [
+                "bouncy",
+                {
+                  opacity: {
+                    overshootClamping: !0
+                  }
+                }
+              ],
+              enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.2 },
+              exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.2 },
+              x: 0,
+              scale: 1,
+              opacity: 1,
+              y: 0,
+              ...contentStyle,
+              children: customContent || /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
+                title && /* @__PURE__ */ jsx(AlertDialog.Title, { children: title }),
+                description && /* @__PURE__ */ jsx(AlertDialog.Description, { children: description }),
+                /* @__PURE__ */ jsxs(XStack, { space: "$3", jc: "flex-end", children: [
+                  /* @__PURE__ */ jsx(AlertDialog.Cancel, { asChild: !0, children: /* @__PURE__ */ jsx(Button, { ...buttonStyle, children: cancel || "cancel" }) }),
+                  /* @__PURE__ */ jsx(AlertDialog.Action, { asChild: !0, onPress: triggerProps.onAccept, children: /* @__PURE__ */ jsx(Button, { theme: "active", ...buttonStyle, children: accept || "accept" }) })
+                ] })
+              ] })
+            },
+            "content"
+          )
+        ] })
+      ]
+    }
   );
 }
 export {

package/dist/esm/panels/SimpleAlertDialog/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleAlertDialog/index.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAwB7C,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,IAAI;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAM;AAAA,MACL,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,cAAc,CAAC,MAAM;AACnB,YAAI,aAAa;AAAc,uBAAa,aAAa,CAAC;AAAA;AACrD,oBAAU,CAAC,MAAM;AAAA,MACxB;AAAA;AAAA,IAEC,OAAO,SAAS,cAAc,oCAAC,YAAY,SAAZ,EAAoB,SAAO,QAAE,QAAS,IAAyB;AAAA,IAC/F,oCAAC,YAAY,QAAZ,MACC,oCAAC,YAAY,SAAZ,EAAoB,KAAI,WAAU,WAAU,SAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG,GACxG;AAAA,MAAC,YAAY;AAAA,MAAZ;AAAA,QACC,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QACjD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,QACF,GAAG;AAAA;AAAA,MAEJ,oCAAC,UAAO,OAAK,QACV,SAAS,oCAAC,YAAY,OAAZ,MAAmB,KAAM,GACnC,eAAe,oCAAC,YAAY,aAAZ,MAAyB,WAAY,GACtD,oCAAC,UAAO,OAAM,MAAK,IAAG,cACpB,oCAAC,YAAY,QAAZ,EAAmB,SAAO,QACzB,oCAAC,cAAQ,UAAU,QAAS,CAC9B,GACA,oCAAC,YAAY,QAAZ,EAAmB,SAAO,MAAC,SAAS,aAAa,YAChD,oCAAC,UAAO,OAAM,YAAU,UAAU,QAAS,CAC7C,CACF,CACF;AAAA,IACF,CACF;AAAA,EACF;AAEJ;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAmDf,cA6BvB,YA7BuB;AA1B9B,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,IAAI;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAM;AAAA,MACL,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,cAAc,CAAC,MAAM;AACnB,QAAI,aAAa,eAAc,aAAa,aAAa,CAAC,IACrD,UAAU,CAAC,MAAM;AAAA,MACxB;AAAA,MAEC;AAAA,eAAO,OAAS,MAAc,oBAAC,YAAY,SAAZ,EAAoB,SAAO,IAAE,UAAS,IAAyB;AAAA,QAC/F,qBAAC,YAAY,QAAZ,EACC;AAAA,8BAAC,YAAY,SAAZ,EAAkC,WAAU,SAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,KAA5E,SAA+E;AAAA,UACxG;AAAA,YAAC,YAAY;AAAA,YAAZ;AAAA,cACC,UAAQ;AAAA,cACR,SAAO;AAAA,cAEP,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,cACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,cACjD,GAAG;AAAA,cACH,OAAO;AAAA,cACP,SAAS;AAAA,cACT,GAAG;AAAA,cACF,GAAG;AAAA,cAEH,2BAGC,qBAAC,UAAO,OAAK,IACV;AAAA,yBAAS,oBAAC,YAAY,OAAZ,EAAmB,iBAAM;AAAA,gBACnC,eAAe,oBAAC,YAAY,aAAZ,EAAyB,uBAAY;AAAA,gBACtD,qBAAC,UAAO,OAAM,MAAK,IAAG,YACpB;AAAA,sCAAC,YAAY,QAAZ,EAAmB,SAAO,IACzB,8BAAC,UAAQ,GAAG,aAAc,oBAAU,UAAS,GAC/C;AAAA,kBACA,oBAAC,YAAY,QAAZ,EAAmB,SAAO,IAAC,SAAS,aAAa,UAChD,8BAAC,UAAO,OAAM,UAAU,GAAG,aACxB,oBAAU,UACb,GACF;AAAA,mBACF;AAAA,iBACF;AAAA;AAAA,YAjCE;AAAA,UAmCN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": []
 }

package/dist/esm/panels/SimpleDialog/SimpleDialog.stories.js

@@ -1,25 +1,35 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Button, Input, Dialog, YStack } from "tamagui";
 import { SimpleDialog } from "./index";
 import { action } from "@storybook/addon-actions";
+import { jsx, jsxs } from "react/jsx-runtime";
 const meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
-};
-const main = () => /* @__PURE__ */ React.createElement(SimpleDialog, { onOpenChange: action("onOpenChange"), trigger: /* @__PURE__ */ React.createElement(Button, null, "Press Me"), title: "Fill the details" }, /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your first name" }), /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your last name" }), /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Button, null, "Submit")));
+}, main = () => /* @__PURE__ */ jsxs(SimpleDialog, { onOpenChange: action("onOpenChange"), trigger: /* @__PURE__ */ jsx(Button, { children: "Press Me" }), title: "Fill the details", children: [
+  /* @__PURE__ */ jsx(Input, { placeholder: "Enter your first name" }),
+  /* @__PURE__ */ jsx(Input, { placeholder: "Enter your last name" }),
+  /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { children: "Submit" }) })
+] });
 function OpenWithFunction() {
-  const [open, setOpen] = useState(false);
+  const [open, setOpen] = useState(!1);
   function handlePress() {
     setOpen((open2) => !open2);
   }
   function handleOpenChange(open2) {
-    action("onOpenChange")();
-    setOpen(open2);
+    action("onOpenChange")(), setOpen(open2);
   }
-  return /* @__PURE__ */ React.createElement(YStack, { ai: "flex-start" }, /* @__PURE__ */ React.createElement(Button, { onPress: handlePress }, "Press Me"), /* @__PURE__ */ React.createElement(SimpleDialog, { open, onOpenChange: handleOpenChange, title: "Fill the details" }, /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your first name" }), /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your last name" }), /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Button, null, "Submit"))));
+  return /* @__PURE__ */ jsxs(YStack, { ai: "flex-start", children: [
+    /* @__PURE__ */ jsx(Button, { onPress: handlePress, children: "Press Me" }),
+    /* @__PURE__ */ jsxs(SimpleDialog, { open, onOpenChange: handleOpenChange, title: "Fill the details", children: [
+      /* @__PURE__ */ jsx(Input, { placeholder: "Enter your first name" }),
+      /* @__PURE__ */ jsx(Input, { placeholder: "Enter your last name" }),
+      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { children: "Submit" }) })
+    ] })
+  ] });
 }
-const openWithFunction = () => /* @__PURE__ */ React.createElement(OpenWithFunction, null);
+const openWithFunction = () => /* @__PURE__ */ jsx(OpenWithFunction, {});
 var SimpleDialog_stories_default = meta;
 export {
   SimpleDialog_stories_default as default,

package/dist/esm/panels/SimpleDialog/SimpleDialog.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,gBAAgB;AAEhC,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AAEvB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oCAAC,gBAAa,cAAc,OAAO,cAAc,GAAG,SAAS,oCAAC,cAAO,UAAQ,GAAW,OAAM,sBAC5F,oCAAC,SAAM,aAAY,yBAAwB,GAC3C,oCAAC,SAAM,aAAY,wBAAuB,GAC1C,oCAAC,OAAO,OAAP,MACC,oCAAC,cAAO,QAAM,CAChB,CACF;AAGF,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACA,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,WAAO,cAAc,EAAE;AACvB,YAAQA,KAAI;AAAA,EACd;AAEA,SACE,oCAAC,UAAO,IAAG,gBACT,oCAAC,UAAO,SAAS,eAAa,UAAQ,GACtC,oCAAC,gBAAa,MAAY,cAAc,kBAAkB,OAAM,sBAC9D,oCAAC,SAAM,aAAY,yBAAwB,GAC3C,oCAAC,SAAM,aAAY,wBAAuB,GAC1C,oCAAC,OAAO,OAAP,MACC,oCAAC,cAAO,QAAM,CAChB,CACF,CACF;AAEJ;AACO,MAAM,mBAAmB,MAAM,oCAAC,sBAAiB;AAExD,IAAO,+BAAQ;",
+  "mappings": "AAAA,SAAgB,gBAAgB;AAEhC,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AASrB,SAA6D,KAA7D;AAPF,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,qBAAC,gBAAa,cAAc,OAAO,cAAc,GAAG,SAAS,oBAAC,UAAO,sBAAQ,GAAW,OAAM,oBAC5F;AAAA,sBAAC,SAAM,aAAY,yBAAwB;AAAA,EAC3C,oBAAC,SAAM,aAAY,wBAAuB;AAAA,EAC1C,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,GACF;AAGF,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACA,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,WAAO,cAAc,EAAE,GACvB,QAAQA,KAAI;AAAA,EACd;AAEA,SACE,qBAAC,UAAO,IAAG,cACT;AAAA,wBAAC,UAAO,SAAS,aAAa,sBAAQ;AAAA,IACtC,qBAAC,gBAAa,MAAY,cAAc,kBAAkB,OAAM,oBAC9D;AAAA,0BAAC,SAAM,aAAY,yBAAwB;AAAA,MAC3C,oBAAC,SAAM,aAAY,wBAAuB;AAAA,MAC1C,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,OACF;AAAA,KACF;AAEJ;AACO,MAAM,mBAAmB,MAAM,oBAAC,oBAAiB;AAExD,IAAO,+BAAQ;",
   "names": ["open"]
 }

package/dist/esm/panels/SimpleDialog/index.js

@@ -1,6 +1,7 @@
 import React, { useEffect } from "react";
 import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
 import { X } from "@tamagui/lucide-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
 function SimpleDialog({
   children,
   contentStyle,
@@ -12,49 +13,54 @@ function SimpleDialog({
   ...props
 }) {
   const [open, setOpen] = React.useState(props.open);
-  useEffect(() => {
-    if (typeof props.open === "undefined" || props.open === open)
-      return;
-    setOpen(props.open);
-  }, [props.open]);
-  return /* @__PURE__ */ React.createElement(
+  return useEffect(() => {
+    typeof props.open > "u" || props.open === open || setOpen(props.open);
+  }, [props.open]), /* @__PURE__ */ jsxs(
     Dialog,
     {
-      modal: true,
+      modal: !0,
       ...props,
       open,
       onOpenChange: (open2) => {
-        setOpen(open2);
-        if (props.onOpenChange)
-          props.onOpenChange(open2);
-      }
-    },
-    trigger && /* @__PURE__ */ React.createElement(Dialog.Trigger, { asChild: true }, trigger),
-    /* @__PURE__ */ React.createElement(Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ React.createElement(Sheet, { zIndex: 2e5, modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ React.createElement(Sheet.Frame, { padding: "$4", space: true }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Sheet.Overlay, null))),
-    /* @__PURE__ */ React.createElement(Dialog.Portal, null, /* @__PURE__ */ React.createElement(Dialog.Overlay, { key: "overlay", animation: "bouncy", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }), /* @__PURE__ */ React.createElement(
-      Dialog.Content,
-      {
-        bordered: true,
-        elevate: true,
-        key: "content",
-        animation: [
-          "quick",
-          {
-            opacity: {
-              overshootClamping: true
-            }
-          }
-        ],
-        enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
-        exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-        space: true,
-        ...contentStyle
+        setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
       },
-      title && /* @__PURE__ */ React.createElement(Dialog.Title, { ...titleStyle }, title),
-      description && /* @__PURE__ */ React.createElement(Dialog.Description, { ...descriptionStyle }, description),
-      children,
-      /* @__PURE__ */ React.createElement(Unspaced, null, /* @__PURE__ */ React.createElement(Dialog.Close, { asChild: true, space: true }, /* @__PURE__ */ React.createElement(Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: true, space: true, icon: X })))
-    ))
+      children: [
+        trigger && /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, children: trigger }),
+        /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
+          /* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", space: !0, children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
+          /* @__PURE__ */ jsx(Sheet.Overlay, {})
+        ] }) }),
+        /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+          /* @__PURE__ */ jsx(Dialog.Overlay, { animation: "bouncy", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }, "overlay"),
+          /* @__PURE__ */ jsxs(
+            Dialog.Content,
+            {
+              bordered: !0,
+              elevate: !0,
+              animation: [
+                "quick",
+                {
+                  opacity: {
+                    overshootClamping: !0
+                  }
+                }
+              ],
+              enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+              exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+              space: !0,
+              ...contentStyle,
+              children: [
+                title && /* @__PURE__ */ jsx(Dialog.Title, { ...titleStyle, children: title }),
+                description && /* @__PURE__ */ jsx(Dialog.Description, { ...descriptionStyle, children: description }),
+                children,
+                /* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: !0, space: !0, children: /* @__PURE__ */ jsx(Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: !0, space: !0, icon: X }) }) })
+              ]
+            },
+            "content"
+          )
+        ] })
+      ]
+    }
   );
 }
 export {

package/dist/esm/panels/SimpleDialog/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,iBAAiB;AAGjC,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAaX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,MAAM,IAAI;AAEjD,YAAU,MAAM;AACd,QAAI,OAAO,MAAM,SAAS,eAAe,MAAM,SAAS;AAAM;AAC9D,YAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACJ,GAAG;AAAA,MACJ;AAAA,MACA,cAAc,CAACA,UAAS;AACtB,gBAAQA,KAAI;AACZ,YAAI,MAAM;AAAc,gBAAM,aAAaA,KAAI;AAAA,MACjD;AAAA;AAAA,IAEC,WAAW,oCAAC,OAAO,SAAP,EAAe,SAAO,QAAE,OAAQ;AAAA,IAC7C,oCAAC,SAAM,MAAK,MAAK,UAAS,WACxB,oCAAC,SAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,QAChD,oCAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,QAC7B,oCAAC,MAAM,UAAN,IAAe,CAClB,GACA,oCAAC,MAAM,SAAN,IAAc,CACjB,CACF;AAAA,IACA,oCAAC,OAAO,QAAP,MACC,oCAAC,OAAO,SAAP,EAAe,KAAI,WAAU,WAAU,UAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG,GACpG;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACC,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,KAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD,OAAK;AAAA,QACJ,GAAG;AAAA;AAAA,MAEH,SAAS,oCAAC,OAAO,OAAP,EAAc,GAAG,cAAa,KAAM;AAAA,MAC9C,eAAe,oCAAC,OAAO,aAAP,EAAoB,GAAG,oBAAmB,WAAY;AAAA,MACtE;AAAA,MACD,oCAAC,gBACC,oCAAC,OAAO,OAAP,EAAa,SAAO,MAAC,OAAK,QACzB,oCAAC,UAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,MAAC,OAAK,MAAC,MAAM,GAAG,CACzE,CACF;AAAA,IACF,CACF;AAAA,EACF;AAEJ;",
+  "mappings": "AAAA,OAAO,SAAS,iBAAiB;AAGjC,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAwCA,cAEV,YAFU;AA3BX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,MAAM,IAAI;AAEjD,mBAAU,MAAM;AACd,IAAI,OAAO,MAAM,OAAS,OAAe,MAAM,SAAS,QACxD,QAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC,GAGb;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACJ,GAAG;AAAA,MACJ;AAAA,MACA,cAAc,CAACA,UAAS;AACtB,gBAAQA,KAAI,GACR,MAAM,gBAAc,MAAM,aAAaA,KAAI;AAAA,MACjD;AAAA,MAEC;AAAA,mBAAW,oBAAC,OAAO,SAAP,EAAe,SAAO,IAAE,mBAAQ;AAAA,QAC7C,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,SAAM,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IAChD;AAAA,8BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,IAC7B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,UACA,oBAAC,MAAM,SAAN,EAAc;AAAA,WACjB,GACF;AAAA,QACA,qBAAC,OAAO,QAAP,EACC;AAAA,8BAAC,OAAO,SAAP,EAA6B,WAAU,UAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,KAA7E,SAAgF;AAAA,UACpG;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,UAAQ;AAAA,cACR,SAAO;AAAA,cAEP,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,cACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAClD,OAAK;AAAA,cACJ,GAAG;AAAA,cAEH;AAAA,yBAAS,oBAAC,OAAO,OAAP,EAAc,GAAG,YAAa,iBAAM;AAAA,gBAC9C,eAAe,oBAAC,OAAO,aAAP,EAAoB,GAAG,kBAAmB,uBAAY;AAAA,gBACtE;AAAA,gBACD,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,IAAC,OAAK,IACzB,8BAAC,UAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,IAAC,OAAK,IAAC,MAAM,GAAG,GACzE,GACF;AAAA;AAAA;AAAA,YArBI;AAAA,UAsBN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": ["open"]
 }

package/dist/esm/panels/SimplePopover/SimplePopover.stories.js

@@ -1,15 +1,57 @@
-import React from "react";
+import { useState } from "react";
 import { SimplePopover } from "./index";
-import { Text, YStack, Button } from "tamagui";
+import { Text, YStack, Button, XStack, Switch, Input, Label } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 const meta = {
   title: "panels/SimplePopover",
   component: SimplePopover,
   parameters: { status: { type: "beta" } }
-};
-const main = () => /* @__PURE__ */ React.createElement(SimplePopover, { trigger: /* @__PURE__ */ React.createElement(Button, null, "Click here to get a Popover") }, /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(Text, null, "popover content")));
+}, main = () => /* @__PURE__ */ jsx(SimplePopover, { trigger: /* @__PURE__ */ jsx(Button, { children: "Click here to get a Popover" }), children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Text, { children: "popover content" }) }) }), closeOnHoverOut = () => /* @__PURE__ */ jsx(SimplePopover, { trigger: /* @__PURE__ */ jsx(Button, { children: "click here" }), closeOnHoverOut: !0, children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Text, { children: "popover content will close on hoverOut" }) }) });
+function Open() {
+  return /* @__PURE__ */ jsx(
+    SimplePopover,
+    {
+      trigger: /* @__PURE__ */ jsx(Button, { children: "hover on it to get Popover" }),
+      triggerOnHover: !0,
+      arrow: !1,
+      triggerStyle: { als: "center", ai: "center" },
+      children: /* @__PURE__ */ jsx(YStack, { children: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => /* @__PURE__ */ jsx(Text, { children: i }, i)) })
+    }
+  );
+}
+const openOnHover = () => /* @__PURE__ */ jsxs(XStack, { jc: "space-around", children: [
+  /* @__PURE__ */ jsx(Open, {}),
+  /* @__PURE__ */ jsx(Open, {})
+] }), OnCondition = (props) => {
+  const [open, setOpen] = useState(!1);
+  return /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
+    /* @__PURE__ */ jsx(Label, { children: "change the switch to get popover" }),
+    /* @__PURE__ */ jsx(Switch, { checked: props.open, onCheckedChange: setOpen }),
+    /* @__PURE__ */ jsx(SimplePopover, { open, onOpenChange: setOpen, trigger: /* @__PURE__ */ jsx(Button, { children: "Popup will open here" }), children: /* @__PURE__ */ jsx(Text, { children: "Conditional popover" }) })
+  ] });
+}, openOnChangingTheCondition = (args) => /* @__PURE__ */ jsx(OnCondition, { ...args }), ConditionalPopover = () => {
+  const [open, setOpen] = useState(!1), [inputVal, setInputVal] = useState("");
+  function handleInput(val) {
+    setOpen(val === "show"), setInputVal(val);
+  }
+  return /* @__PURE__ */ jsx(YStack, { space: !0, children: /* @__PURE__ */ jsx(
+    SimplePopover,
+    {
+      open,
+      onOpenChange: setOpen,
+      triggerElement: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Input, { value: inputVal, onChangeText: handleInput, placeholder: "type show to get popup" }) }),
+      arrow: !0,
+      children: /* @__PURE__ */ jsx(Text, { children: "Conditional popover" })
+    }
+  ) });
+}, openOnAnyCondition = (args) => /* @__PURE__ */ jsx(ConditionalPopover, { ...args });
 var SimplePopover_stories_default = meta;
 export {
+  closeOnHoverOut,
   SimplePopover_stories_default as default,
-  main
+  main,
+  openOnAnyCondition,
+  openOnChangingTheCondition,
+  openOnHover
 };
 //# sourceMappingURL=SimplePopover.stories.js.map

package/dist/esm/panels/SimplePopover/SimplePopover.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,cAAc;AAGrC,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,oCAAC,iBAAc,SAAS,oCAAC,cAAO,6BAA2B,KACzD,oCAAC,cACC,oCAAC,YAAK,iBAAe,CACvB,CACF;AAEF,IAAO,gCAAQ;",
+  "mappings": "AAAA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,OAAO,aAAa;AAUzC,cAiCxB,YAjCwB;AAP1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,oBAAC,iBAAc,SAAS,oBAAC,UAAO,yCAA2B,GACzD,8BAAC,UACC,8BAAC,QAAK,6BAAe,GACvB,GACF,GAGW,kBAAkB,MAC7B,oBAAC,iBAAc,SAAS,oBAAC,UAAO,wBAAU,GAAW,iBAAe,IAClE,8BAAC,UACC,8BAAC,QAAK,oDAAsC,GAC9C,GACF;AAGF,SAAS,OAAO;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,oBAAC,UAAO,wCAA0B;AAAA,MAC3C,gBAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,MAE5C,8BAAC,UACE,WAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,oBAAC,QAAc,eAAJ,CAAM,CAClB,GACH;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,cAAc,MACzB,qBAAC,UAAO,IAAG,gBACT;AAAA,sBAAC,QAAK;AAAA,EACN,oBAAC,QAAK;AAAA,GACR,GAGI,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,SAAM,8CAAgC;AAAA,IACvC,oBAAC,UAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,oBAAC,iBAAc,MAAY,cAAc,SAAS,SAAS,oBAAC,UAAO,kCAAoB,GACrF,8BAAC,QAAK,iCAAmB,GAC3B;AAAA,KACF;AAEJ,GAEa,6BAA6B,CAAC,SAAS,oBAAC,eAAa,GAAG,MAAM,GAErE,qBAAqB,MAAM;AAC/B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK,GAChC,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,WAAS,YAAY,KAAK;AACxB,IAAoB,QAAhB,QAAQ,MAAoB,GAEhC,YAAY,GAAG;AAAA,EACjB;AAEA,SACE,oBAAC,UAAO,OAAK,IACX;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,gBACE,oBAAC,UACC,8BAAC,SAAM,OAAO,UAAU,cAAc,aAAa,aAAY,0BAAyB,GAC1F;AAAA,MAEF,OAAO;AAAA,MAEP,8BAAC,QAAK,iCAAmB;AAAA;AAAA,EAC3B,GACF;AAEJ,GAEa,qBAAqB,CAAC,SAAS,oBAAC,sBAAoB,GAAG,MAAM;AAE1E,IAAO,gCAAQ;",
   "names": []
 }

package/dist/esm/panels/SimplePopover/index.js

@@ -1,32 +1,71 @@
-import { Adapt, Popover } from "tamagui";
+import { Adapt, Popover, PopperAnchor, View, getState, useComposedRefs, usePopoverContext } from "tamagui";
 import React from "react";
-function SimplePopover({ children, trigger, contentStyle, arrowStyle, ...props }) {
-  return /* @__PURE__ */ React.createElement(Popover, { size: "$5", allowFlip: true, ...props }, /* @__PURE__ */ React.createElement(Popover.Trigger, { asChild: true }, trigger), /* @__PURE__ */ React.createElement(Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ React.createElement(Popover.Sheet, { modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ React.createElement(Popover.Sheet.Frame, { padding: "$4" }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Popover.Sheet.Overlay, null))), /* @__PURE__ */ React.createElement(
-    Popover.Content,
+import { YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const SimplePopoverTrigger = React.forwardRef((props, forwardedRef) => {
+  const context = usePopoverContext(), composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef), trigger = /* @__PURE__ */ jsx(
+    View,
     {
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      enterStyle: { x: 0, y: -10, opacity: 0 },
-      exitStyle: { x: 0, y: -10, opacity: 0 },
-      x: 0,
-      y: 0,
-      opacity: 1,
-      animation: [
-        "quick",
-        {
-          opacity: {
-            overshootClamping: true
+      "aria-haspopup": "dialog",
+      "aria-expanded": context.open,
+      "data-state": getState(context.open),
+      ...props,
+      ref: composedTriggerRef
+    }
+  );
+  return context.hasCustomAnchor ? trigger : /* @__PURE__ */ jsx(PopperAnchor, { asChild: !0, children: trigger });
+});
+function SimplePopover({
+  children,
+  contentStyle,
+  triggerStyle,
+  arrowStyle,
+  arrow = !0,
+  triggerOnHover,
+  closeOnHoverOut,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(!1), trigger = "trigger" in props;
+  return /* @__PURE__ */ jsxs(Popover, { size: "$5", allowFlip: !0, open, onOpenChange: setOpen, ...props, children: [
+    trigger && props.trigger && /* @__PURE__ */ jsx(Popover.Trigger, { asChild: !0, children: triggerOnHover ? /* @__PURE__ */ jsx(YStack, { onHoverIn: () => setOpen(!0), onHoverOut: () => setOpen(!1), ...triggerStyle, children: props.trigger }) : props.trigger }),
+    !trigger && "triggerElement" in props && "open" in props && /* @__PURE__ */ jsx(SimplePopoverTrigger, { asChild: !0, children: props.triggerElement }),
+    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
+      /* @__PURE__ */ jsx(Popover.Sheet.Frame, { padding: "$4", onMouseEnter: () => setOpen(!0), children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
+      /* @__PURE__ */ jsx(Popover.Sheet.Overlay, {})
+    ] }) }),
+    /* @__PURE__ */ jsxs(
+      Popover.Content,
+      {
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        enterStyle: { x: 0, y: -10, opacity: 0 },
+        exitStyle: triggerOnHover ? void 0 : { x: 0, y: -10, opacity: 0 },
+        x: 0,
+        y: 0,
+        opacity: 1,
+        animation: triggerOnHover ? void 0 : [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
           }
-        }
-      ],
-      elevate: true,
-      ...contentStyle
-    },
-    /* @__PURE__ */ React.createElement(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
-    children
-  ));
+        ],
+        elevate: !0,
+        onHoverIn: triggerOnHover ? () => setOpen(!0) : void 0,
+        onHoverOut: triggerOnHover || closeOnHoverOut ? () => setOpen(!1) : void 0,
+        zi: 9999999999,
+        ...contentStyle,
+        children: [
+          arrow && /* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
+          children
+        ]
+      }
+    )
+  ] });
 }
 export {
-  SimplePopover
+  SimplePopover,
+  SimplePopoverTrigger
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/panels/SimplePopover/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
-  "mappings": "AACA,SAAS,OAAO,eAAe;AAC/B,OAAO,WAAW;AASX,SAAS,cAAc,EAAE,UAAU,SAAS,cAAc,YAAY,GAAG,MAAM,GAAuB;AAC3G,SACE,oCAAC,WAAQ,MAAK,MAAK,WAAS,MAAE,GAAG,SAC/B,oCAAC,QAAQ,SAAR,EAAgB,SAAO,QAAE,OAAQ,GAClC,oCAAC,SAAM,MAAK,MAAK,UAAS,WACxB,oCAAC,QAAQ,OAAR,EAAc,OAAK,MAAC,uBAAqB,QACxC,oCAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,QAC3B,oCAAC,MAAM,UAAN,IAAe,CAClB,GACA,oCAAC,QAAQ,MAAM,SAAd,IAAsB,CACzB,CACF,GACA;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,aAAa;AAAA,MACb,aAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACtC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEJ,oCAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,IACzD;AAAA,EACH,CACF;AAEJ;",
+  "mappings": "AAQA,SAAS,OAAO,SAAS,cAAc,MAAM,UAAU,iBAAiB,yBAAyB;AACjG,OAAO,WAAW;AAElB,SAAS,cAAc;AA8BnB,cA2CI,YA3CJ;AALG,MAAM,uBAAuB,MAAM,WAAuC,CAAC,OAAmB,iBAAiB;AACpH,QAAM,UAAU,kBAAkB,GAC5B,qBAAqB,gBAAgB,cAAc,QAAQ,UAAU,GAErE,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,iBAAe,QAAQ;AAAA,MACvB,cAAY,SAAS,QAAQ,IAAI;AAAA,MAChC,GAAG;AAAA,MACJ,KAAK;AAAA;AAAA,EACP;AAGF,SAAO,QAAQ,kBAAkB,UAAU,oBAAC,gBAAa,SAAO,IAAE,mBAAQ;AAC5E,CAAC;AAEM,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAK,GACtC,UAAU,aAAa;AAE7B,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAC,MAAY,cAAc,SAAU,GAAG,OACjE;AAAA,eAAW,MAAM,WAChB,oBAAC,QAAQ,SAAR,EAAgB,SAAO,IACrB,2BACC,oBAAC,UAAO,WAAW,MAAM,QAAQ,EAAI,GAAG,YAAY,MAAM,QAAQ,EAAK,GAAI,GAAG,cAC3E,gBAAM,SACT,IAEA,MAAM,SAEV;AAAA,IAED,CAAC,WAAW,oBAAoB,SAAS,UAAU,SAClD,oBAAC,wBAAqB,SAAO,IAAE,gBAAM,gBAAe;AAAA,IAGtD,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAAK,cAAc,MAAM,QAAQ,EAAI,GAChE,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA,oBAAC,QAAQ,MAAM,SAAd,EAAsB;AAAA,OACzB,GACF;AAAA,IACA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACvC,WAAY,iBAAgD,SAA/B,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACxD,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WACG,iBASG,SARA;AAAA,UACE;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAGN,SAAO;AAAA,QACP,WAAW,iBAAiB,MAAM,QAAQ,EAAI,IAAI;AAAA,QAClD,YAAY,kBAAkB,kBAAkB,MAAM,QAAQ,EAAK,IAAI;AAAA,QACvE,IAAI;AAAA,QACH,GAAG;AAAA,QAEH;AAAA,mBAAS,oBAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UACnE;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/esm/panels/SimpleSheet/SimpleSheet.stories.js

@@ -1,12 +1,11 @@
-import React from "react";
 import { SimpleSheet } from "./index";
+import { jsx } from "react/jsx-runtime";
 const meta = {
   // export default {
   title: "panels/SimpleSheet",
   component: SimpleSheet,
   parameters: { status: { type: "beta" } }
-};
-const main = () => /* @__PURE__ */ React.createElement(SimpleSheet, { modal: true }, "Click to test simpleSHeet");
+}, main = () => /* @__PURE__ */ jsx(SimpleSheet, { modal: !0, children: "Click to test simpleSHeet" });
 var SimpleSheet_stories_default = meta;
 export {
   SimpleSheet_stories_default as default,

package/dist/esm/panels/SimpleSheet/SimpleSheet.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleSheet/SimpleSheet.stories.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,mBAAmB;AAG5B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,oCAAC,eAAY,OAAK,QAAC,2BAAyB;AACtE,IAAO,8BAAQ;",
+  "mappings": "AAEA,SAAS,mBAAmB;AAUF;AAP1B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAAM,oBAAC,eAAY,OAAK,IAAC,uCAAyB;AACtE,IAAO,8BAAQ;",
   "names": []
 }

package/dist/esm/panels/SimpleSheet/index.js

@@ -1,17 +1,16 @@
-import React from "react";
 import { Button, XStack, YStack } from "tamagui";
 import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
 import { Sheet } from "@tamagui/sheet";
 import { create } from "zustand";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const useStore = create((set) => ({
   position: 0,
-  open: false,
-  innerOpen: false,
+  open: !1,
+  innerOpen: !1,
   setPosition: (position) => set({ position }),
   setOpen: (open) => set({ open }),
   setInnerOpen: (innerOpen) => set({ innerOpen })
-}));
-const SimpleSheet = ({
+})), SimpleSheet = ({
   children,
   sheetElement,
   modal,
@@ -21,48 +20,63 @@ const SimpleSheet = ({
   ...props
 }) => {
   const { position, open, innerOpen, setPosition, setOpen, setInnerOpen } = useStore();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(XStack, { space: true }, /* @__PURE__ */ React.createElement(Button, { onPress: () => setOpen(true) }, children)), /* @__PURE__ */ React.createElement(
-    Sheet,
-    {
-      forceRemoveScrollEnabled: open,
-      modal: modal || false,
-      open,
-      onOpenChange: setOpen,
-      snapPoints: [85, 50, 25],
-      dismissOnSnapToBottom: true,
-      position,
-      onPositionChange: setPosition,
-      zIndex: 1e5,
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(Sheet.Overlay, null),
-    /* @__PURE__ */ React.createElement(Sheet.Handle, null),
-    /* @__PURE__ */ React.createElement(Sheet.Frame, null, sheetElement || /* @__PURE__ */ React.createElement(YStack, { f: 1, p: "$4", space: "$5", jc: "center", ai: "center" }, /* @__PURE__ */ React.createElement(Button, { size: buttonSize || "$6", circular: true, icon: ChevronDown, onPress: () => setOpen(false) }), (modal || innerSheetElement) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      InnerSheet,
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(XStack, { space: !0, children: /* @__PURE__ */ jsx(Button, { onPress: () => setOpen(!0), children }) }),
+    /* @__PURE__ */ jsxs(
+      Sheet,
       {
-        open: innerOpen,
-        onOpenChange: setInnerOpen,
-        innerSheetElement,
-        innerSheetButtonSize,
-        ...props
+        forceRemoveScrollEnabled: open,
+        modal: modal || !1,
+        open,
+        onOpenChange: setOpen,
+        snapPoints: [85, 50, 25],
+        dismissOnSnapToBottom: !0,
+        position,
+        onPositionChange: setPosition,
+        zIndex: 1e5,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Sheet.Overlay, {}),
+          /* @__PURE__ */ jsx(Sheet.Handle, {}),
+          /* @__PURE__ */ jsx(Sheet.Frame, { children: sheetElement || /* @__PURE__ */ jsxs(YStack, { f: 1, p: "$4", space: "$5", jc: "center", ai: "center", children: [
+            /* @__PURE__ */ jsx(Button, { size: buttonSize || "$6", circular: !0, icon: ChevronDown, onPress: () => setOpen(!1) }),
+            (modal || innerSheetElement) && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                InnerSheet,
+                {
+                  open: innerOpen,
+                  onOpenChange: setInnerOpen,
+                  innerSheetElement,
+                  innerSheetButtonSize,
+                  ...props
+                }
+              ),
+              /* @__PURE__ */ jsx(Button, { size: buttonSize || "$6", circular: !0, icon: ChevronUp, onPress: () => setInnerOpen(!0) })
+            ] })
+          ] }) })
+        ]
       }
-    ), /* @__PURE__ */ React.createElement(Button, { size: buttonSize || "$6", circular: true, icon: ChevronUp, onPress: () => setInnerOpen(true) }))))
-  ));
+    )
+  ] });
 };
 function InnerSheet({ innerSheetElement, innerSheetButtonSize, ...props }) {
-  return /* @__PURE__ */ React.createElement(Sheet, { modal: true, snapPoints: [90], dismissOnSnapToBottom: true, ...props }, /* @__PURE__ */ React.createElement(Sheet.Overlay, null), /* @__PURE__ */ React.createElement(Sheet.Handle, null), /* @__PURE__ */ React.createElement(Sheet.Frame, { f: 1, jc: "center", ai: "center", space: "$5" }, /* @__PURE__ */ React.createElement(Sheet.ScrollView, { p: "$4", space: true }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      size: innerSheetButtonSize || "$8",
-      circular: true,
-      als: "center",
-      icon: ChevronDown,
-      onPress: () => {
-        var _a;
-        return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, false);
-      }
-    }
-  ), innerSheetElement)));
+  return /* @__PURE__ */ jsxs(Sheet, { modal: !0, snapPoints: [90], dismissOnSnapToBottom: !0, ...props, children: [
+    /* @__PURE__ */ jsx(Sheet.Overlay, {}),
+    /* @__PURE__ */ jsx(Sheet.Handle, {}),
+    /* @__PURE__ */ jsx(Sheet.Frame, { f: 1, jc: "center", ai: "center", space: "$5", children: /* @__PURE__ */ jsxs(Sheet.ScrollView, { p: "$4", space: !0, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: innerSheetButtonSize || "$8",
+          circular: !0,
+          als: "center",
+          icon: ChevronDown,
+          onPress: () => props.onOpenChange?.(!1)
+        }
+      ),
+      innerSheetElement
+    ] }) })
+  ] });
 }
 export {
   SimpleSheet