@multiplatform.one/components 0.7.0 → 0.7.1

package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js

@@ -1,19 +1,43 @@
 import { SimpleAlertDialog } from "./index";
-import { Button } from "tamagui";
+import { AlertDialog, Button, XStack, YStack } from "tamagui";
 const meta = {
   title: "panels/SimpleAlertDialog",
   component: SimpleAlertDialog,
   parameters: { status: { type: "beta" } }
-};
-const main = () => <SimpleAlertDialog
+}, ConditionalOpen = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Delete"
+  onAccept={() => alert("Accepted")}
+/>, main = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Yes, Delete"
+  onAccept={() => alert("accepted")}
+><Button>Get Alert</Button></SimpleAlertDialog>, customContent = () => <SimpleAlertDialog
   title="Are you sure?"
   description="This action cannot be undone"
   cancel="Cancel"
   accept="Yes, Delete"
   onAccept={() => alert("accepted")}
+  customContent={DialogContent()}
 ><Button>Get Alert</Button></SimpleAlertDialog>;
+function DialogContent() {
+  return <YStack space>
+    <AlertDialog.Title>Accept Condition</AlertDialog.Title>
+    <AlertDialog.Description>you will accept out terms</AlertDialog.Description>
+    <XStack space="$3" jc="flex-end">
+      <AlertDialog.Cancel asChild><Button>no</Button></AlertDialog.Cancel>
+      <AlertDialog.Action asChild><Button theme="active">yes</Button></AlertDialog.Action>
+    </XStack>
+  </YStack>;
+}
 var SImpleAlertDialog_stories_default = meta;
 export {
+  ConditionalOpen,
+  customContent,
   SImpleAlertDialog_stories_default as default,
   main
 };

package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleAlertDialog/SImpleAlertDialog.stories.tsx"],
-  "mappings": "AACA,SAAS,yBAAyB;AAElC,SAAS,cAAc;AAEvB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAiBO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAAA,CAEhC,CAAC,OAAO,SAAS,EAAhB,OACH,EARC;AAUH,IAAO,oCAAQ;",
+  "mappings": "AACA,SAAS,yBAAyB;AAElC,SAAS,aAAa,QAAgB,QAAQ,cAAc;AAE5D,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,kBAAkB,MAC7B,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAClC,IAGW,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAAA,CAEhC,CAAC,OAAO,SAAS,EAAhB,OACH,EARC,oBAWU,gBAAgB,MAC3B,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAAA,EAChC,eAAe,cAAc;AAAA,CAE7B,CAAC,OAAO,SAAS,EAAhB,OACH,EATC;AAYH,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO;AAAA,IACN,CAAC,YAAY,MAAM,gBAAgB,EAAlC,YAAY;AAAA,IACb,CAAC,YAAY,YAAY,yBAAyB,EAAjD,YAAY;AAAA,IACb,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,MACpB,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,EAAE,EAAT,OACH,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,SAAS,GAAG,EAAzB,OACH,EAFC,YAAY;AAAA,IAGf,EAPC;AAAA,EAQH,EAXC;AAaL;AACA,IAAO,oCAAQ;",
   "names": []
 }

package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.native.js

@@ -0,0 +1,44 @@
+import { SimpleAlertDialog } from "./index";
+import { AlertDialog, Button, XStack, YStack } from "tamagui";
+const meta = {
+  title: "panels/SimpleAlertDialog",
+  component: SimpleAlertDialog,
+  parameters: { status: { type: "beta" } }
+}, ConditionalOpen = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Delete"
+  onAccept={() => alert("Accepted")}
+/>, main = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Yes, Delete"
+  onAccept={() => alert("accepted")}
+><Button>Get Alert</Button></SimpleAlertDialog>, customContent = () => <SimpleAlertDialog
+  title="Are you sure?"
+  description="This action cannot be undone"
+  cancel="Cancel"
+  accept="Yes, Delete"
+  onAccept={() => alert("accepted")}
+  customContent={DialogContent()}
+><Button>Get Alert</Button></SimpleAlertDialog>;
+function DialogContent() {
+  return <YStack space>
+    <AlertDialog.Title>Accept Condition</AlertDialog.Title>
+    <AlertDialog.Description>you will accept out terms</AlertDialog.Description>
+    <XStack space="$3" jc="flex-end">
+      <AlertDialog.Cancel asChild><Button>no</Button></AlertDialog.Cancel>
+      <AlertDialog.Action asChild><Button theme="active">yes</Button></AlertDialog.Action>
+    </XStack>
+  </YStack>;
+}
+var SImpleAlertDialog_stories_default = meta;
+export {
+  ConditionalOpen,
+  customContent,
+  SImpleAlertDialog_stories_default as default,
+  main
+};
+//# sourceMappingURL=SImpleAlertDialog.stories.js.map

package/dist/jsx/panels/SimpleAlertDialog/SImpleAlertDialog.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/SImpleAlertDialog.stories.tsx"],
+  "mappings": "AACA,SAAS,yBAAyB;AAElC,SAAS,aAAa,QAAgB,QAAQ,cAAc;AAE5D,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,kBAAkB,MAC7B,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAClC,IAGW,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAAA,CAEhC,CAAC,OAAO,SAAS,EAAhB,OACH,EARC,oBAWU,gBAAgB,MAC3B,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU,MAAM,MAAM,UAAU;AAAA,EAChC,eAAe,cAAc;AAAA,CAE7B,CAAC,OAAO,SAAS,EAAhB,OACH,EATC;AAYH,SAAS,gBAAgB;AACvB,SACE,CAAC,OAAO;AAAA,IACN,CAAC,YAAY,MAAM,gBAAgB,EAAlC,YAAY;AAAA,IACb,CAAC,YAAY,YAAY,yBAAyB,EAAjD,YAAY;AAAA,IACb,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,MACpB,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,EAAE,EAAT,OACH,EAFC,YAAY;AAAA,MAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,SAAS,GAAG,EAAzB,OACH,EAFC,YAAY;AAAA,IAGf,EAPC;AAAA,EAQH,EAXC;AAaL;AACA,IAAO,oCAAQ;",
+  "names": []
+}

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

@@ -10,6 +10,8 @@ function SimpleAlertDialog({
   contentStyle,
   descriptionStyle,
   open,
+  buttonStyle,
+  customContent,
   ...triggerProps
 }) {
   const [isOpen, setIsOpen] = React.useState(open);
@@ -18,13 +20,10 @@ function SimpleAlertDialog({
     {...triggerProps}
     open={isOpen}
     onOpenChange={(e) => {
-      if (triggerProps.onOpenChange)
-        triggerProps.onOpenChange(e);
-      else
-        setIsOpen(!isOpen);
+      triggerProps.onOpenChange ? triggerProps.onOpenChange(e) : setIsOpen(!isOpen);
     }}
   >
-    {typeof open === "undefined" ? <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger> : null}
+    {typeof open > "u" ? <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger> : null}
     <AlertDialog.Portal>
       <AlertDialog.Overlay key="overlay" animation="quick" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
       <AlertDialog.Content
@@ -35,7 +34,7 @@ function SimpleAlertDialog({
           "bouncy",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ]}
@@ -46,14 +45,14 @@ function SimpleAlertDialog({
         opacity={1}
         y={0}
         {...contentStyle}
-      ><YStack space>
+      >{customContent || <YStack space>
         {title && <AlertDialog.Title>{title}</AlertDialog.Title>}
         {description && <AlertDialog.Description>{description}</AlertDialog.Description>}
         <XStack space="$3" jc="flex-end">
-          <AlertDialog.Cancel asChild><Button>{cancel || "cancel"}</Button></AlertDialog.Cancel>
-          <AlertDialog.Action asChild onPress={triggerProps.onAccept}><Button theme="active">{accept || "accept"}</Button></AlertDialog.Action>
+          <AlertDialog.Cancel asChild><Button {...buttonStyle}>{cancel || "cancel"}</Button></AlertDialog.Cancel>
+          <AlertDialog.Action asChild onPress={triggerProps.onAccept}><Button theme="active" {...buttonStyle}>{accept || "accept"}</Button></AlertDialog.Action>
         </XStack>
-      </YStack></AlertDialog.Content>
+      </YStack>}</AlertDialog.Content>
     </AlertDialog.Portal>
   </AlertDialog>;
 }

package/dist/jsx/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,CAAC;AAAA,IACC;AAAA,QACI;AAAA,IACJ,MAAM;AAAA,IACN,cAAc,CAAC,MAAM;AACnB,UAAI,aAAa;AAAc,qBAAa,aAAa,CAAC;AAAA;AACrD,kBAAU,CAAC,MAAM;AAAA,IACxB;AAAA;AAAA,KAEC,OAAO,SAAS,cAAc,CAAC,YAAY,QAAQ,SAAS,SAAS,EAAtC,YAAY,WAAmD;AAAA,IAC/F,CAAC,YAAY;AAAA,MACX,CAAC,YAAY,QAAQ,IAAI,UAAU,UAAU,QAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACxG,CAAC,YAAY;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;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,YACC;AAAA,OAEJ,CAAC,OAAO;AAAA,SACL,SAAS,CAAC,YAAY,OAAO,MAAM,EAAzB,YAAY;AAAA,SACtB,eAAe,CAAC,YAAY,aAAa,YAAY,EAArC,YAAY;AAAA,QAC7B,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,UACpB,CAAC,YAAY,OAAO,QAClB,CAAC,QAAQ,UAAU,SAAS,EAA3B,OACH,EAFC,YAAY;AAAA,UAGb,CAAC,YAAY,OAAO,QAAQ,SAAS,aAAa,UAChD,CAAC,OAAO,MAAM,UAAU,UAAU,SAAS,EAA1C,OACH,EAFC,YAAY;AAAA,QAGf,EAPC;AAAA,MAQH,EAXC,OAYH,EAhCC,YAAY;AAAA,IAiCf,EAnCC,YAAY;AAAA,EAoCf,EA9CC;AAgDL;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAyB7C,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,CAAC;AAAA,IACC;AAAA,QACI;AAAA,IACJ,MAAM;AAAA,IACN,cAAc,CAAC,MAAM;AACnB,MAAI,aAAa,eAAc,aAAa,aAAa,CAAC,IACrD,UAAU,CAAC,MAAM;AAAA,IACxB;AAAA;AAAA,KAEC,OAAO,OAAS,MAAc,CAAC,YAAY,QAAQ,SAAS,SAAS,EAAtC,YAAY,WAAmD;AAAA,IAC/F,CAAC,YAAY;AAAA,MACX,CAAC,YAAY,QAAQ,IAAI,UAAU,UAAU,QAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACxG,CAAC,YAAY;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;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,YACC;AAAA,QAEH,iBAGC,CAAC,OAAO;AAAA,SACL,SAAS,CAAC,YAAY,OAAO,MAAM,EAAzB,YAAY;AAAA,SACtB,eAAe,CAAC,YAAY,aAAa,YAAY,EAArC,YAAY;AAAA,QAC7B,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,UACpB,CAAC,YAAY,OAAO,QAClB,CAAC,WAAW,cAAc,UAAU,SAAS,EAA5C,OACH,EAFC,YAAY;AAAA,UAGb,CAAC,YAAY,OAAO,QAAQ,SAAS,aAAa,UAChD,CAAC,OAAO,MAAM,aAAa,cACxB,UAAU,SACb,EAFC,OAGH,EAJC,YAAY;AAAA,QAKf,EATC;AAAA,MAUH,EAbC,QAeL,EAtCC,YAAY;AAAA,IAuCf,EAzCC,YAAY;AAAA,EA0Cf,EApDC;AAsDL;",
   "names": []
 }

package/dist/jsx/panels/SimpleAlertDialog/{index.mjs → index.native.js}

@@ -10,6 +10,8 @@ function SimpleAlertDialog({
   contentStyle,
   descriptionStyle,
   open,
+  buttonStyle,
+  customContent,
   ...triggerProps
 }) {
   const [isOpen, setIsOpen] = React.useState(open);
@@ -18,13 +20,10 @@ function SimpleAlertDialog({
     {...triggerProps}
     open={isOpen}
     onOpenChange={(e) => {
-      if (triggerProps.onOpenChange)
-        triggerProps.onOpenChange(e);
-      else
-        setIsOpen(!isOpen);
+      triggerProps.onOpenChange ? triggerProps.onOpenChange(e) : setIsOpen(!isOpen);
     }}
   >
-    {typeof open === "undefined" ? <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger> : null}
+    {typeof open > "u" ? <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger> : null}
     <AlertDialog.Portal>
       <AlertDialog.Overlay key="overlay" animation="quick" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
       <AlertDialog.Content
@@ -35,7 +34,7 @@ function SimpleAlertDialog({
           "bouncy",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ]}
@@ -46,18 +45,18 @@ function SimpleAlertDialog({
         opacity={1}
         y={0}
         {...contentStyle}
-      ><YStack space>
+      >{customContent || <YStack space>
         {title && <AlertDialog.Title>{title}</AlertDialog.Title>}
         {description && <AlertDialog.Description>{description}</AlertDialog.Description>}
         <XStack space="$3" jc="flex-end">
-          <AlertDialog.Cancel asChild><Button>{cancel || "cancel"}</Button></AlertDialog.Cancel>
-          <AlertDialog.Action asChild onPress={triggerProps.onAccept}><Button theme="active">{accept || "accept"}</Button></AlertDialog.Action>
+          <AlertDialog.Cancel asChild><Button {...buttonStyle}>{cancel || "cancel"}</Button></AlertDialog.Cancel>
+          <AlertDialog.Action asChild onPress={triggerProps.onAccept}><Button theme="active" {...buttonStyle}>{accept || "accept"}</Button></AlertDialog.Action>
         </XStack>
-      </YStack></AlertDialog.Content>
+      </YStack>}</AlertDialog.Content>
     </AlertDialog.Portal>
   </AlertDialog>;
 }
 export {
   SimpleAlertDialog
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/panels/SimpleAlertDialog/index.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/index.tsx"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAyB7C,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,CAAC;AAAA,IACC;AAAA,QACI;AAAA,IACJ,MAAM;AAAA,IACN,cAAc,CAAC,MAAM;AACnB,MAAI,aAAa,eAAc,aAAa,aAAa,CAAC,IACrD,UAAU,CAAC,MAAM;AAAA,IACxB;AAAA;AAAA,KAEC,OAAO,OAAS,MAAc,CAAC,YAAY,QAAQ,SAAS,SAAS,EAAtC,YAAY,WAAmD;AAAA,IAC/F,CAAC,YAAY;AAAA,MACX,CAAC,YAAY,QAAQ,IAAI,UAAU,UAAU,QAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACxG,CAAC,YAAY;AAAA,QACX;AAAA,QACA;AAAA,QACA,IAAI;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,YACC;AAAA,QAEH,iBAGC,CAAC,OAAO;AAAA,SACL,SAAS,CAAC,YAAY,OAAO,MAAM,EAAzB,YAAY;AAAA,SACtB,eAAe,CAAC,YAAY,aAAa,YAAY,EAArC,YAAY;AAAA,QAC7B,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,UACpB,CAAC,YAAY,OAAO,QAClB,CAAC,WAAW,cAAc,UAAU,SAAS,EAA5C,OACH,EAFC,YAAY;AAAA,UAGb,CAAC,YAAY,OAAO,QAAQ,SAAS,aAAa,UAChD,CAAC,OAAO,MAAM,aAAa,cACxB,UAAU,SACb,EAFC,OAGH,EAJC,YAAY;AAAA,QAKf,EATC;AAAA,MAUH,EAbC,QAeL,EAtCC,YAAY;AAAA,IAuCf,EAzCC,YAAY;AAAA,EA0Cf,EApDC;AAsDL;",
+  "names": []
+}

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

@@ -6,20 +6,18 @@ const meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
-};
-const main = () => <SimpleDialog onOpenChange={action("onOpenChange")} trigger={<Button>Press Me</Button>} title="Fill the details">
+}, main = () => <SimpleDialog onOpenChange={action("onOpenChange")} trigger={<Button>Press Me</Button>} title="Fill the details">
   <Input placeholder="Enter your first name" />
   <Input placeholder="Enter your last name" />
   <Dialog.Close><Button>Submit</Button></Dialog.Close>
 </SimpleDialog>;
 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 <YStack ai="flex-start">
     <Button onPress={handlePress}>Press Me</Button>

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
-  "mappings": "AAAA,SAAgB,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,CAAC,aAAa,cAAc,OAAO,cAAc,GAAG,SAAS,CAAC,OAAO,QAAQ,EAAf,SAA0B,MAAM;AAAA,EAC5F,CAAC,MAAM,YAAY,wBAAwB;AAAA,EAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,EAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAGV,EANC;AASH,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,CAAC,OAAO,GAAG;AAAA,IACT,CAAC,OAAO,SAAS,aAAa,QAAQ,EAArC;AAAA,IACD,CAAC,aAAa,MAAM,MAAM,cAAc,kBAAkB,MAAM;AAAA,MAC9D,CAAC,MAAM,YAAY,wBAAwB;AAAA,MAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,MAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAAA,IAGV,EANC;AAAA,EAOH,EATC;AAWL;AACO,MAAM,mBAAmB,MAAM,CAAC,iBAAiB;AAExD,IAAO,+BAAQ;",
+  "mappings": "AAAA,SAAgB,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,GAEa,OAAO,MAClB,CAAC,aAAa,cAAc,OAAO,cAAc,GAAG,SAAS,CAAC,OAAO,QAAQ,EAAf,SAA0B,MAAM;AAAA,EAC5F,CAAC,MAAM,YAAY,wBAAwB;AAAA,EAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,EAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAGV,EANC;AASH,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,CAAC,OAAO,GAAG;AAAA,IACT,CAAC,OAAO,SAAS,aAAa,QAAQ,EAArC;AAAA,IACD,CAAC,aAAa,MAAM,MAAM,cAAc,kBAAkB,MAAM;AAAA,MAC9D,CAAC,MAAM,YAAY,wBAAwB;AAAA,MAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,MAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAAA,IAGV,EANC;AAAA,EAOH,EATC;AAWL;AACO,MAAM,mBAAmB,MAAM,CAAC,iBAAiB;AAExD,IAAO,+BAAQ;",
   "names": ["open"]
 }

package/dist/jsx/panels/SimpleDialog/{SimpleDialog.stories.mjs → SimpleDialog.stories.native.js}

@@ -6,20 +6,18 @@ const meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
-};
-const main = () => <SimpleDialog onOpenChange={action("onOpenChange")} trigger={<Button>Press Me</Button>} title="Fill the details">
+}, main = () => <SimpleDialog onOpenChange={action("onOpenChange")} trigger={<Button>Press Me</Button>} title="Fill the details">
   <Input placeholder="Enter your first name" />
   <Input placeholder="Enter your last name" />
   <Dialog.Close><Button>Submit</Button></Dialog.Close>
 </SimpleDialog>;
 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 <YStack ai="flex-start">
     <Button onPress={handlePress}>Press Me</Button>
@@ -37,4 +35,4 @@ export {
   main,
   openWithFunction
 };
-//# sourceMappingURL=SimpleDialog.stories.mjs.map
+//# sourceMappingURL=SimpleDialog.stories.js.map

package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
+  "mappings": "AAAA,SAAgB,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,GAEa,OAAO,MAClB,CAAC,aAAa,cAAc,OAAO,cAAc,GAAG,SAAS,CAAC,OAAO,QAAQ,EAAf,SAA0B,MAAM;AAAA,EAC5F,CAAC,MAAM,YAAY,wBAAwB;AAAA,EAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,EAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAGV,EANC;AASH,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,CAAC,OAAO,GAAG;AAAA,IACT,CAAC,OAAO,SAAS,aAAa,QAAQ,EAArC;AAAA,IACD,CAAC,aAAa,MAAM,MAAM,cAAc,kBAAkB,MAAM;AAAA,MAC9D,CAAC,MAAM,YAAY,wBAAwB;AAAA,MAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,MAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAAA,IAGV,EANC;AAAA,EAOH,EATC;AAWL;AACO,MAAM,mBAAmB,MAAM,CAAC,iBAAiB;AAExD,IAAO,+BAAQ;",
+  "names": ["open"]
+}

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

@@ -12,19 +12,14 @@ 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 <Dialog
+  return useEffect(() => {
+    typeof props.open > "u" || props.open === open || setOpen(props.open);
+  }, [props.open]), <Dialog
     modal
     {...props}
     open={open}
     onOpenChange={(open2) => {
-      setOpen(open2);
-      if (props.onOpenChange)
-        props.onOpenChange(open2);
+      setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
     }}
   >
     {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}
@@ -42,7 +37,7 @@ function SimpleDialog({
           "quick",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ]}

package/dist/jsx/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,CAAC;AAAA,IACC;AAAA,QACI;AAAA,IACJ,MAAM;AAAA,IACN,cAAc,CAACA,UAAS;AACtB,cAAQA,KAAI;AACZ,UAAI,MAAM;AAAc,cAAM,aAAaA,KAAI;AAAA,IACjD;AAAA;AAAA,KAEC,WAAW,CAAC,OAAO,QAAQ,SAAS,QAAQ,EAAhC,OAAO;AAAA,IACpB,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IAQD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QAAQ,IAAI,UAAU,UAAU,SAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACpG,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;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;AAAA,YACI;AAAA;AAAA,SAEH,SAAS,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,SACjB,eAAe,CAAC,OAAO,gBAAgB,mBAAmB,YAAY,EAAtD,OAAO;AAAA,SACvB;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QAAQ,MACpB,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,MAAM,GAAG,EACzE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EA/CC;AAiDL;",
+  "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,mBAAU,MAAM;AACd,IAAI,OAAO,MAAM,OAAS,OAAe,MAAM,SAAS,QACxD,QAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC,GAGb,CAAC;AAAA,IACC;AAAA,QACI;AAAA,IACJ,MAAM;AAAA,IACN,cAAc,CAACA,UAAS;AACtB,cAAQA,KAAI,GACR,MAAM,gBAAc,MAAM,aAAaA,KAAI;AAAA,IACjD;AAAA;AAAA,KAEC,WAAW,CAAC,OAAO,QAAQ,SAAS,QAAQ,EAAhC,OAAO;AAAA,IACpB,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IAQD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QAAQ,IAAI,UAAU,UAAU,SAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACpG,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;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;AAAA,YACI;AAAA;AAAA,SAEH,SAAS,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,SACjB,eAAe,CAAC,OAAO,gBAAgB,mBAAmB,YAAY,EAAtD,OAAO;AAAA,SACvB;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QAAQ,MACpB,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,MAAM,GAAG,EACzE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EA/CC;AAiDL;",
   "names": ["open"]
 }

package/dist/jsx/panels/SimpleDialog/{index.mjs → index.native.js}

@@ -12,19 +12,14 @@ 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 <Dialog
+  return useEffect(() => {
+    typeof props.open > "u" || props.open === open || setOpen(props.open);
+  }, [props.open]), <Dialog
     modal
     {...props}
     open={open}
     onOpenChange={(open2) => {
-      setOpen(open2);
-      if (props.onOpenChange)
-        props.onOpenChange(open2);
+      setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
     }}
   >
     {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}
@@ -42,7 +37,7 @@ function SimpleDialog({
           "quick",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ]}
@@ -62,4 +57,4 @@ function SimpleDialog({
 export {
   SimpleDialog
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map

package/dist/jsx/panels/SimpleDialog/index.native.js.map

@@ -0,0 +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,mBAAU,MAAM;AACd,IAAI,OAAO,MAAM,OAAS,OAAe,MAAM,SAAS,QACxD,QAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC,GAGb,CAAC;AAAA,IACC;AAAA,QACI;AAAA,IACJ,MAAM;AAAA,IACN,cAAc,CAACA,UAAS;AACtB,cAAQA,KAAI,GACR,MAAM,gBAAc,MAAM,aAAaA,KAAI;AAAA,IACjD;AAAA;AAAA,KAEC,WAAW,CAAC,OAAO,QAAQ,SAAS,QAAQ,EAAhC,OAAO;AAAA,IACpB,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IAQD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QAAQ,IAAI,UAAU,UAAU,SAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACpG,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;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;AAAA,YACI;AAAA;AAAA,SAEH,SAAS,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,SACjB,eAAe,CAAC,OAAO,gBAAgB,mBAAmB,YAAY,EAAtD,OAAO;AAAA,SACvB;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QAAQ,MACpB,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,MAAM,GAAG,EACzE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EA/CC;AAiDL;",
+  "names": ["open"]
+}

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
-  "mappings": "AACA,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,CAAC,cAAc,SAAS,CAAC,OAAO,2BAA2B,EAAlC,SACvB,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EAJC;AAMH,IAAO,gCAAQ;",
+  "mappings": "AAAA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,OAAO,aAAa;AAGnE,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,OAAO,2BAA2B,EAAlC,SACvB,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EAJC,gBAOU,kBAAkB,MAC7B,CAAC,cAAc,SAAS,CAAC,OAAO,UAAU,EAAjB,SAA4B,gBACnD,CAAC,OACC,CAAC,KAAK,sCAAsC,EAA3C,KACH,EAFC,OAGH,EAJC;AAOH,SAAS,OAAO;AACd,SACE,CAAC;AAAA,IACC,SAAS,CAAC,OAAO,0BAA0B,EAAjC;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,GAE5C,CAAC,QACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,CAAC,KAAK,KAAK,IAAI,EAAE,EAAhB,KACF,EACH,EAJC,OAKH,EAXC;AAaL;AAEO,MAAM,cAAc,MACzB,CAAC,OAAO,GAAG;AAAA,EACT,CAAC,KAAK;AAAA,EACN,CAAC,KAAK;AACR,EAHC,SAMG,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,MAAM,gCAAgC,EAAtC;AAAA,IACD,CAAC,OAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,CAAC,cAAc,MAAM,MAAM,cAAc,SAAS,SAAS,CAAC,OAAO,oBAAoB,EAA3B,SAC1D,CAAC,KAAK,mBAAmB,EAAxB,KACH,EAFC;AAAA,EAGH,EANC;AAQL,GAEa,6BAA6B,CAAC,SAAS,CAAC,gBAAgB,MAAM,IAErE,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,CAAC,OAAO,MACN,CAAC;AAAA,IACC,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBACE,CAAC,OACC,CAAC,MAAM,OAAO,UAAU,cAAc,aAAa,YAAY,yBAAyB,EAC1F,EAFC;AAAA,IAIH,OAAO;AAAA,GAEP,CAAC,KAAK,mBAAmB,EAAxB,KACH,EAXC,cAYH,EAbC;AAeL,GAEa,qBAAqB,CAAC,SAAS,CAAC,uBAAuB,MAAM;AAE1E,IAAO,gCAAQ;",
   "names": []
 }

package/dist/jsx/panels/SimplePopover/SimplePopover.stories.native.js

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

package/dist/jsx/panels/SimplePopover/SimplePopover.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
+  "mappings": "AAAA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,OAAO,aAAa;AAGnE,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,OAAO,2BAA2B,EAAlC,SACvB,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EAJC,gBAOU,kBAAkB,MAC7B,CAAC,cAAc,SAAS,CAAC,OAAO,UAAU,EAAjB,SAA4B,gBACnD,CAAC,OACC,CAAC,KAAK,sCAAsC,EAA3C,KACH,EAFC,OAGH,EAJC;AAOH,SAAS,OAAO;AACd,SACE,CAAC;AAAA,IACC,SAAS,CAAC,OAAO,0BAA0B,EAAjC;AAAA,IACV;AAAA,IACA,OAAO;AAAA,IACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,GAE5C,CAAC,QACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,CAAC,KAAK,KAAK,IAAI,EAAE,EAAhB,KACF,EACH,EAJC,OAKH,EAXC;AAaL;AAEO,MAAM,cAAc,MACzB,CAAC,OAAO,GAAG;AAAA,EACT,CAAC,KAAK;AAAA,EACN,CAAC,KAAK;AACR,EAHC,SAMG,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,MAAM,gCAAgC,EAAtC;AAAA,IACD,CAAC,OAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,CAAC,cAAc,MAAM,MAAM,cAAc,SAAS,SAAS,CAAC,OAAO,oBAAoB,EAA3B,SAC1D,CAAC,KAAK,mBAAmB,EAAxB,KACH,EAFC;AAAA,EAGH,EANC;AAQL,GAEa,6BAA6B,CAAC,SAAS,CAAC,gBAAgB,MAAM,IAErE,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,CAAC,OAAO,MACN,CAAC;AAAA,IACC,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBACE,CAAC,OACC,CAAC,MAAM,OAAO,UAAU,cAAc,aAAa,YAAY,yBAAyB,EAC1F,EAFC;AAAA,IAIH,OAAO;AAAA,GAEP,CAAC,KAAK,mBAAmB,EAAxB,KACH,EAXC,cAYH,EAbC;AAeL,GAEa,qBAAqB,CAAC,SAAS,CAAC,uBAAuB,MAAM;AAE1E,IAAO,gCAAQ;",
+  "names": []
+}

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
-  "mappings": "AACA,SAAS,OAAO,eAAe;AAUxB,SAAS,cAAc,EAAE,UAAU,SAAS,cAAc,YAAY,GAAG,MAAM,GAAuB;AAC3G,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,CAAC,QAAQ,QAAQ,SAAS,QAAQ,EAAjC,QAAQ;AAAA,IACT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;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;AAAA,UACI;AAAA;AAAA,MAEJ,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,eAAe;AAAA,OACzD;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAhCC;AAkCL;",
+  "mappings": "AAQA,SAAS,OAAO,SAAS,cAAc,MAAM,UAAU,iBAAiB,yBAAyB;AACjG,OAAO,WAAW;AAElB,SAAS,cAAc;AAyBhB,MAAM,uBAAuB,MAAM,WAAuC,CAAC,OAAmB,iBAAiB;AACpH,QAAM,UAAU,kBAAkB,GAC5B,qBAAqB,gBAAgB,cAAc,QAAQ,UAAU,GAErE,UACJ,CAAC;AAAA,IACC,cAAc;AAAA,IACd,eAAe,QAAQ;AAAA,IACvB,YAAY,SAAS,QAAQ,IAAI;AAAA,QAC7B;AAAA,IACJ,KAAK;AAAA,EACP;AAGF,SAAO,QAAQ,kBAAkB,UAAU,CAAC,aAAa,SAAS,QAAQ,EAA9B;AAC9C,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,CAAC,QAAQ,KAAK,KAAK,UAAU,MAAM,MAAM,cAAc,aAAa;AAAA,KACjE,WAAW,MAAM,WAChB,CAAC,QAAQ,QAAQ,SACd,iBACC,CAAC,OAAO,WAAW,MAAM,QAAQ,EAAI,GAAG,YAAY,MAAM,QAAQ,EAAK,OAAO,eAC3E,MAAM,QACT,EAFC,UAID,MAAM,QAEV,EARC,QAAQ;AAAA,KAUV,CAAC,WAAW,oBAAoB,SAAS,UAAU,SAClD,CAAC,qBAAqB,SAAS,MAAM,eAAe,EAAnD;AAAA,IAGH,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAAK,cAAc,MAAM,QAAQ,EAAI,GAChE,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,WAAY,iBAAgD,SAA/B,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACxD,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WACG,iBASG,SARA;AAAA,QACE;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MAGN;AAAA,MACA,WAAW,iBAAiB,MAAM,QAAQ,EAAI,IAAI;AAAA,MAClD,YAAY,kBAAkB,kBAAkB,MAAM,QAAQ,EAAK,IAAI;AAAA,MACvE,IAAI;AAAA,UACA;AAAA;AAAA,OAEH,SAAS,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,eAAe;AAAA,OACnE;AAAA,IACH,EA5BC,QAAQ;AAAA,EA6BX,EArDC;AAuDL;",
   "names": []
 }