@multiplatform.one/components 0.7.1 → 0.7.3

package/dist/jsx/panels/SimpleAlertDialog/{SImpleAlertDialog.stories.js → SimpleAlertDialog.stories.js}

@@ -34,11 +34,11 @@ function DialogContent() {
     </XStack>
   </YStack>;
 }
-var SImpleAlertDialog_stories_default = meta;
+var SimpleAlertDialog_stories_default = meta;
 export {
   ConditionalOpen,
   customContent,
-  SImpleAlertDialog_stories_default as default,
+  SimpleAlertDialog_stories_default as default,
   main
 };
-//# sourceMappingURL=SImpleAlertDialog.stories.js.map
+//# sourceMappingURL=SimpleAlertDialog.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/SimpleAlertDialog.stories.tsx"],
+  "mappings": "AACA,SAAS,yBAAyB;AAElC,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAEpD,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 → SimpleAlertDialog.stories.native.js}

@@ -34,11 +34,11 @@ function DialogContent() {
     </XStack>
   </YStack>;
 }
-var SImpleAlertDialog_stories_default = meta;
+var SimpleAlertDialog_stories_default = meta;
 export {
   ConditionalOpen,
   customContent,
-  SImpleAlertDialog_stories_default as default,
+  SimpleAlertDialog_stories_default as default,
   main
 };
-//# sourceMappingURL=SImpleAlertDialog.stories.js.map
+//# 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,QAAQ,QAAQ,cAAc;AAEpD,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/SimpleDialog/SimpleDialog.stories.js

@@ -2,11 +2,17 @@ import { useState } from "react";
 import { Button, Input, Dialog, YStack } from "tamagui";
 import { SimpleDialog } from "./index";
 import { action } from "@storybook/addon-actions";
+import { Text } from "tamagui";
 const meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
-}, 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"
+  withoutCloseButton
+>
   <Input placeholder="Enter your first name" />
   <Input placeholder="Enter your last name" />
   <Dialog.Close><Button>Submit</Button></Dialog.Close>
@@ -30,9 +36,42 @@ function OpenWithFunction() {
 }
 const openWithFunction = () => <OpenWithFunction />;
 var SimpleDialog_stories_default = meta;
+const customPosition = (args) => <SimpleDialog
+  {...args}
+  trigger={<Button>open Dialog</Button>}
+  withoutCloseButton
+  portalStyle={{ jc: "flex-start", paddingTop: 10 }}
+><YStack width={800} height={400}><Input placeholder="search" /></YStack></SimpleDialog>, rightSideDialog = (args) => <SimpleDialog
+  trigger={<Button>open side dialog</Button>}
+  asRightSideSheet
+  withoutCloseButton
+  transitionWidth={400}
+  contentStyle={{ animation: "quick" }}
+  {...args}
+><YStack width={400}>
+  <Text>home</Text>
+  <Text>about</Text>
+  <Text>contact</Text>
+  <Text>help</Text>
+</YStack></SimpleDialog>, leftSideDialog = (args) => <SimpleDialog
+  trigger={<Button>open side dialog</Button>}
+  asLeftSideSheet
+  withoutCloseButton
+  transitionWidth={300}
+  contentStyle={{ animation: "lazy" }}
+  {...args}
+><YStack width={300}>
+  <Text>home</Text>
+  <Text>about</Text>
+  <Text>contact</Text>
+  <Text>help</Text>
+</YStack></SimpleDialog>;
 export {
+  customPosition,
   SimpleDialog_stories_default as default,
+  leftSideDialog,
   main,
-  openWithFunction
+  openWithFunction,
+  rightSideDialog
 };
 //# sourceMappingURL=SimpleDialog.stories.js.map

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,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;",
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAEhC,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC;AAAA,EACC,cAAc,OAAO,cAAc;AAAA,EACnC,SAAS,CAAC,OAAO,QAAQ,EAAf;AAAA,EACV,MAAM;AAAA,EACN;AAAA;AAAA,EAEA,CAAC,MAAM,YAAY,wBAAwB;AAAA,EAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,EAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAGV,EAXC;AAcH,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;AAER,MAAM,iBAAiB,CAAC,SAC7B,CAAC;AAAA,MACK;AAAA,EACJ,SAAS,CAAC,OAAO,WAAW,EAAlB;AAAA,EACV;AAAA,EACA,aAAa,EAAE,IAAI,cAAc,YAAY,GAAG;AAAA,CAEhD,CAAC,OAAO,OAAO,KAAK,QAAQ,KAC1B,CAAC,MAAM,YAAY,SAAS,EAC9B,EAFC,OAGH,EATC,eAYU,kBAAkB,CAAC,SAC9B,CAAC;AAAA,EACC,SAAS,CAAC,OAAO,gBAAgB,EAAvB;AAAA,EACV;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc,EAAE,WAAW,QAAQ;AAAA,MAC/B;AAAA,CAEJ,CAAC,OAAO,OAAO;AAAA,EACb,CAAC,KAAK,IAAI,EAAT;AAAA,EACD,CAAC,KAAK,KAAK,EAAV;AAAA,EACD,CAAC,KAAK,OAAO,EAAZ;AAAA,EACD,CAAC,KAAK,IAAI,EAAT;AACH,EALC,OAMH,EAdC,eAiBU,iBAAiB,CAAC,SAC7B,CAAC;AAAA,EACC,SAAS,CAAC,OAAO,gBAAgB,EAAvB;AAAA,EACV;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc,EAAE,WAAW,OAAO;AAAA,MAC9B;AAAA,CAEJ,CAAC,OAAO,OAAO;AAAA,EACb,CAAC,KAAK,IAAI,EAAT;AAAA,EACD,CAAC,KAAK,KAAK,EAAV;AAAA,EACD,CAAC,KAAK,OAAO,EAAZ;AAAA,EACD,CAAC,KAAK,IAAI,EAAT;AACH,EALC,OAMH,EAdC;",
   "names": ["open"]
 }

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

@@ -2,11 +2,17 @@ import { useState } from "react";
 import { Button, Input, Dialog, YStack } from "tamagui";
 import { SimpleDialog } from "./index";
 import { action } from "@storybook/addon-actions";
+import { Text } from "tamagui";
 const meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
-}, 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"
+  withoutCloseButton
+>
   <Input placeholder="Enter your first name" />
   <Input placeholder="Enter your last name" />
   <Dialog.Close><Button>Submit</Button></Dialog.Close>
@@ -30,9 +36,42 @@ function OpenWithFunction() {
 }
 const openWithFunction = () => <OpenWithFunction />;
 var SimpleDialog_stories_default = meta;
+const customPosition = (args) => <SimpleDialog
+  {...args}
+  trigger={<Button>open Dialog</Button>}
+  withoutCloseButton
+  portalStyle={{ jc: "flex-start", paddingTop: 10 }}
+><YStack width={800} height={400}><Input placeholder="search" /></YStack></SimpleDialog>, rightSideDialog = (args) => <SimpleDialog
+  trigger={<Button>open side dialog</Button>}
+  asRightSideSheet
+  withoutCloseButton
+  transitionWidth={400}
+  contentStyle={{ animation: "quick" }}
+  {...args}
+><YStack width={400}>
+  <Text>home</Text>
+  <Text>about</Text>
+  <Text>contact</Text>
+  <Text>help</Text>
+</YStack></SimpleDialog>, leftSideDialog = (args) => <SimpleDialog
+  trigger={<Button>open side dialog</Button>}
+  asLeftSideSheet
+  withoutCloseButton
+  transitionWidth={300}
+  contentStyle={{ animation: "lazy" }}
+  {...args}
+><YStack width={300}>
+  <Text>home</Text>
+  <Text>about</Text>
+  <Text>contact</Text>
+  <Text>help</Text>
+</YStack></SimpleDialog>;
 export {
+  customPosition,
   SimpleDialog_stories_default as default,
+  leftSideDialog,
   main,
-  openWithFunction
+  openWithFunction,
+  rightSideDialog
 };
 //# sourceMappingURL=SimpleDialog.stories.js.map

package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.native.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,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;",
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAEhC,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC;AAAA,EACC,cAAc,OAAO,cAAc;AAAA,EACnC,SAAS,CAAC,OAAO,QAAQ,EAAf;AAAA,EACV,MAAM;AAAA,EACN;AAAA;AAAA,EAEA,CAAC,MAAM,YAAY,wBAAwB;AAAA,EAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,EAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAGV,EAXC;AAcH,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;AAER,MAAM,iBAAiB,CAAC,SAC7B,CAAC;AAAA,MACK;AAAA,EACJ,SAAS,CAAC,OAAO,WAAW,EAAlB;AAAA,EACV;AAAA,EACA,aAAa,EAAE,IAAI,cAAc,YAAY,GAAG;AAAA,CAEhD,CAAC,OAAO,OAAO,KAAK,QAAQ,KAC1B,CAAC,MAAM,YAAY,SAAS,EAC9B,EAFC,OAGH,EATC,eAYU,kBAAkB,CAAC,SAC9B,CAAC;AAAA,EACC,SAAS,CAAC,OAAO,gBAAgB,EAAvB;AAAA,EACV;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc,EAAE,WAAW,QAAQ;AAAA,MAC/B;AAAA,CAEJ,CAAC,OAAO,OAAO;AAAA,EACb,CAAC,KAAK,IAAI,EAAT;AAAA,EACD,CAAC,KAAK,KAAK,EAAV;AAAA,EACD,CAAC,KAAK,OAAO,EAAZ;AAAA,EACD,CAAC,KAAK,IAAI,EAAT;AACH,EALC,OAMH,EAdC,eAiBU,iBAAiB,CAAC,SAC7B,CAAC;AAAA,EACC,SAAS,CAAC,OAAO,gBAAgB,EAAvB;AAAA,EACV;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc,EAAE,WAAW,OAAO;AAAA,MAC9B;AAAA,CAEJ,CAAC,OAAO,OAAO;AAAA,EACb,CAAC,KAAK,IAAI,EAAT;AAAA,EACD,CAAC,KAAK,KAAK,EAAV;AAAA,EACD,CAAC,KAAK,OAAO,EAAZ;AAAA,EACD,CAAC,KAAK,IAAI,EAAT;AACH,EALC,OAMH,EAdC;",
   "names": ["open"]
 }

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

@@ -9,6 +9,12 @@ function SimpleDialog({
   title,
   titleStyle,
   trigger,
+  portalStyle,
+  withoutCloseButton,
+  overlayStyle,
+  asLeftSideSheet,
+  asRightSideSheet,
+  transitionWidth,
   ...props
 }) {
   const [open, setOpen] = React.useState(props.open);
@@ -27,8 +33,19 @@ function SimpleDialog({
       <Sheet.Frame padding="$4" space><Adapt.Contents /></Sheet.Frame>
       <Sheet.Overlay />
     </Sheet></Adapt>
-    <Dialog.Portal>
-      <Dialog.Overlay key="overlay" animation="bouncy" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
+    <Dialog.Portal
+      {...asRightSideSheet && { jc: "flex-start", ai: "flex-end" }}
+      {...asLeftSideSheet && { jc: "flex-start", ai: "flex-start" }}
+      {...portalStyle}
+    >
+      <Dialog.Overlay
+        key="overlay"
+        animation="bouncy"
+        o={0.5}
+        enterStyle={{ o: 0 }}
+        exitStyle={{ o: 0 }}
+        {...overlayStyle}
+      />
       <Dialog.Content
         bordered
         elevate
@@ -41,15 +58,30 @@ function SimpleDialog({
             }
           }
         ]}
-        enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}
-        exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
+        enterStyle={{ x: 0, y: -150, opacity: 0, scale: 0.4 }}
+        exitStyle={{ x: 0, y: -150, opacity: 0, scale: 0.4 }}
         space
+        {...asRightSideSheet && {
+          enterStyle: { x: transitionWidth || 200, opacity: 0 },
+          exitStyle: { x: transitionWidth || 200, opacity: 0 },
+          position: "absolute",
+          top: 0,
+          bottom: 0
+        }}
+        {...asLeftSideSheet && {
+          enterStyle: { x: -(transitionWidth || 100), opacity: 0 },
+          exitStyle: { x: -(transitionWidth || 100), opacity: 0 },
+          animation: "bouncy",
+          position: "absolute",
+          top: 0,
+          bottom: 0
+        }}
         {...contentStyle}
       >
         {title && <Dialog.Title {...titleStyle}>{title}</Dialog.Title>}
         {description && <Dialog.Description {...descriptionStyle}>{description}</Dialog.Description>}
         {children}
-        <Unspaced><Dialog.Close asChild space><Button pos="absolute" t="$3" r="$3" size="$2" circular space icon={X} /></Dialog.Close></Unspaced>
+        {!withoutCloseButton && <Unspaced><Dialog.Close asChild space><Button pos="absolute" t="$3" r="$3" size="$2" circular space icon={X} /></Dialog.Close></Unspaced>}
       </Dialog.Content>
     </Dialog.Portal>
   </Dialog>;

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,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;",
+  "mappings": "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",
   "names": ["open"]
 }

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

@@ -9,6 +9,12 @@ function SimpleDialog({
   title,
   titleStyle,
   trigger,
+  portalStyle,
+  withoutCloseButton,
+  overlayStyle,
+  asLeftSideSheet,
+  asRightSideSheet,
+  transitionWidth,
   ...props
 }) {
   const [open, setOpen] = React.useState(props.open);
@@ -27,8 +33,19 @@ function SimpleDialog({
       <Sheet.Frame padding="$4" space><Adapt.Contents /></Sheet.Frame>
       <Sheet.Overlay />
     </Sheet></Adapt>
-    <Dialog.Portal>
-      <Dialog.Overlay key="overlay" animation="bouncy" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
+    <Dialog.Portal
+      {...asRightSideSheet && { jc: "flex-start", ai: "flex-end" }}
+      {...asLeftSideSheet && { jc: "flex-start", ai: "flex-start" }}
+      {...portalStyle}
+    >
+      <Dialog.Overlay
+        key="overlay"
+        animation="bouncy"
+        o={0.5}
+        enterStyle={{ o: 0 }}
+        exitStyle={{ o: 0 }}
+        {...overlayStyle}
+      />
       <Dialog.Content
         bordered
         elevate
@@ -41,15 +58,30 @@ function SimpleDialog({
             }
           }
         ]}
-        enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}
-        exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
+        enterStyle={{ x: 0, y: -150, opacity: 0, scale: 0.4 }}
+        exitStyle={{ x: 0, y: -150, opacity: 0, scale: 0.4 }}
         space
+        {...asRightSideSheet && {
+          enterStyle: { x: transitionWidth || 200, opacity: 0 },
+          exitStyle: { x: transitionWidth || 200, opacity: 0 },
+          position: "absolute",
+          top: 0,
+          bottom: 0
+        }}
+        {...asLeftSideSheet && {
+          enterStyle: { x: -(transitionWidth || 100), opacity: 0 },
+          exitStyle: { x: -(transitionWidth || 100), opacity: 0 },
+          animation: "bouncy",
+          position: "absolute",
+          top: 0,
+          bottom: 0
+        }}
         {...contentStyle}
       >
         {title && <Dialog.Title {...titleStyle}>{title}</Dialog.Title>}
         {description && <Dialog.Description {...descriptionStyle}>{description}</Dialog.Description>}
         {children}
-        <Unspaced><Dialog.Close asChild space><Button pos="absolute" t="$3" r="$3" size="$2" circular space icon={X} /></Dialog.Close></Unspaced>
+        {!withoutCloseButton && <Unspaced><Dialog.Close asChild space><Button pos="absolute" t="$3" r="$3" size="$2" circular space icon={X} /></Dialog.Close></Unspaced>}
       </Dialog.Content>
     </Dialog.Portal>
   </Dialog>;

package/dist/jsx/panels/SimpleDialog/index.native.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,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;",
+  "mappings": "AAqBA,OAAO,SAAS,iBAAiB;AAWjC,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAmBX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;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,UACD,oBAAoB,EAAE,IAAI,cAAc,IAAI,WAAW;AAAA,UACvD,mBAAmB,EAAE,IAAI,cAAc,IAAI,aAAa;AAAA,UACzD;AAAA;AAAA,MAEJ,CAAC,OAAO;AAAA,QACN,IAAI;AAAA,QACJ,UAAU;AAAA,QACV,GAAG;AAAA,QACH,YAAY,EAAE,GAAG,EAAE;AAAA,QACnB,WAAW,EAAE,GAAG,EAAE;AAAA,YACd;AAAA,MACN;AAAA,MACA,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,MAAM,SAAS,GAAG,OAAO,IAAI;AAAA,QACpD,WAAW,EAAE,GAAG,GAAG,GAAG,MAAM,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD;AAAA,YACK,oBAAoB;AAAA,UACvB,YAAY,EAAE,GAAG,mBAAmB,KAAK,SAAS,EAAE;AAAA,UACpD,WAAW,EAAE,GAAG,mBAAmB,KAAK,SAAS,EAAE;AAAA,UACnD,UAAU;AAAA,UACV,KAAK;AAAA,UACL,QAAQ;AAAA,QACV;AAAA,YACK,mBAAmB;AAAA,UACtB,YAAY,EAAE,GAAG,EAAE,mBAAmB,MAAM,SAAS,EAAE;AAAA,UACvD,WAAW,EAAE,GAAG,EAAE,mBAAmB,MAAM,SAAS,EAAE;AAAA,UACtD,WAAW;AAAA,UACX,UAAU;AAAA,UACV,KAAK;AAAA,UACL,QAAQ;AAAA,QACV;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,SACA,CAAC,sBACA,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,MAML,EA1CC,OAAO;AAAA,IA2CV,EAxDC,OAAO;AAAA,EAyDV,EA3EC;AA6EL;",
   "names": ["open"]
 }

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

@@ -1,14 +1,15 @@
 import { useState } from "react";
 import { SimplePopover } from "./index";
-import { Text, YStack, Button, XStack, Switch, Input, Label } from "tamagui";
+import { Text, YStack, 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>;
+}, main = () => <SimplePopover><YStack><Text>popover content</Text></YStack></SimplePopover>, closeOnHoverOut = () => <SimplePopover
+  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" }}
@@ -22,7 +23,10 @@ const openOnHover = () => <XStack jc="space-around">
   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>
+    <SimplePopover
+      open={open}
+      onOpenChange={setOpen}
+    ><Text>Conditional popover</Text></SimplePopover>
   </YStack>;
 }, openOnChangingTheCondition = (args) => <OnCondition {...args} />, ConditionalPopover = () => {
   const [open, setOpen] = useState(!1), [inputVal, setInputVal] = useState("");

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

@@ -1,6 +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;",
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,OAAO,aAAa;AAG3D,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAGC,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EANC,gBASU,kBAAkB,MAC7B,CAAC;AAAA,EAEC;AAAA,CAEA,CAAC,OACC,CAAC,KAAK,sCAAsC,EAA3C,KACH,EAFC,OAGH,EAPC;AAUH,SAAS,OAAO;AACd,SACE,CAAC;AAAA,IAEC;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;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,KAGd,CAAC,KAAK,mBAAmB,EAAxB,KACH,EANC;AAAA,EAOH,EAVC;AAYL,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

@@ -1,14 +1,15 @@
 import { useState } from "react";
 import { SimplePopover } from "./index";
-import { Text, YStack, Button, XStack, Switch, Input, Label } from "tamagui";
+import { Text, YStack, 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>;
+}, main = () => <SimplePopover><YStack><Text>popover content</Text></YStack></SimplePopover>, closeOnHoverOut = () => <SimplePopover
+  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" }}
@@ -22,7 +23,10 @@ const openOnHover = () => <XStack jc="space-around">
   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>
+    <SimplePopover
+      open={open}
+      onOpenChange={setOpen}
+    ><Text>Conditional popover</Text></SimplePopover>
   </YStack>;
 }, openOnChangingTheCondition = (args) => <OnCondition {...args} />, ConditionalPopover = () => {
   const [open, setOpen] = useState(!1), [inputVal, setInputVal] = useState("");

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

@@ -1,6 +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;",
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,OAAO,aAAa;AAG3D,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAGC,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EANC,gBASU,kBAAkB,MAC7B,CAAC;AAAA,EAEC;AAAA,CAEA,CAAC,OACC,CAAC,KAAK,sCAAsC,EAA3C,KACH,EAFC,OAGH,EAPC;AAUH,SAAS,OAAO;AACd,SACE,CAAC;AAAA,IAEC;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;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,KAGd,CAAC,KAAK,mBAAmB,EAAxB,KACH,EANC;AAAA,EAOH,EAVC;AAYL,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

@@ -51,7 +51,7 @@ function SimplePopover({
       zi={9999999999}
       {...contentStyle}
     >
-      {arrow && <Popover.Arrow borderWidth={1} borderColor="$borderColor" />}
+      {arrow && <Popover.Arrow borderWidth={1} borderColor="$borderColor" {...arrowStyle} />}
       {children}
     </Popover.Content>
   </Popover>;

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
-  "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;",
+  "mappings": "AA8BA,SAAS,OAAO,SAAS,cAAc,MAAM,UAAU,iBAAiB,yBAAyB;AACjG,OAAO,WAAW;AAElB,SAAS,cAAc;AAqBhB,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,WACC,MAAM,WAEJ,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,KAUZ,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,mBAAmB,YAAY;AAAA,OACnF;AAAA,IACH,EA5BC,QAAQ;AAAA,EA6BX,EAvDC;AAyDL;",
   "names": []
 }

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

@@ -51,7 +51,7 @@ function SimplePopover({
       zi={9999999999}
       {...contentStyle}
     >
-      {arrow && <Popover.Arrow borderWidth={1} borderColor="$borderColor" />}
+      {arrow && <Popover.Arrow borderWidth={1} borderColor="$borderColor" {...arrowStyle} />}
       {children}
     </Popover.Content>
   </Popover>;

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
-  "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;",
+  "mappings": "AA8BA,SAAS,OAAO,SAAS,cAAc,MAAM,UAAU,iBAAiB,yBAAyB;AACjG,OAAO,WAAW;AAElB,SAAS,cAAc;AAqBhB,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,WACC,MAAM,WAEJ,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,KAUZ,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,mBAAmB,YAAY;AAAA,OACnF;AAAA,IACH,EA5BC,QAAQ;AAAA,EA6BX,EAvDC;AAyDL;",
   "names": []
 }

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

@@ -1,12 +1,10 @@
 import { SimpleTooltip } from "./index";
-import { Text, YStack } from "tamagui";
+import { Text } from "tamagui";
 const meta = {
   title: "panels/SimpleTooltip",
   component: SimpleTooltip,
   parameters: { status: { type: "beta" } }
-}, main = () => <SimpleTooltip
-  element={<YStack><Text fontSize={15} fontWeight="700">tool tip is working fine</Text></YStack>}
-><Text>Tool Tip</Text></SimpleTooltip>;
+}, main = () => <SimpleTooltip trigger={<Text>Tool Tip</Text>}><Text fontSize={15} fontWeight="700">tool tip content</Text></SimpleTooltip>;
 var SimpleTooltip_stories_default = meta;
 export {
   SimpleTooltip_stories_default as default,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
-  "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,MAAM,cAAc;AAG7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC;AAAA,EACC,SACE,CAAC,OACC,CAAC,KAAK,UAAU,IAAI,WAAW,MAAM,wBAErC,EAFC,KAGH,EAJC;AAAA,CAQH,CAAC,KAAK,QAAQ,EAAb,KACH,EAXC;AAaH,IAAO,gCAAQ;",
+  "mappings": "AAsBA,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAGrB,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,KAAK,QAAQ,EAAb,OACvB,CAAC,KAAK,UAAU,IAAI,WAAW,MAAM,gBAErC,EAFC,KAGH,EAJC;AAMH,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -1,12 +1,10 @@
 import { SimpleTooltip } from "./index";
-import { Text, YStack } from "tamagui";
+import { Text } from "tamagui";
 const meta = {
   title: "panels/SimpleTooltip",
   component: SimpleTooltip,
   parameters: { status: { type: "beta" } }
-}, main = () => <SimpleTooltip
-  element={<YStack><Text fontSize={15} fontWeight="700">tool tip is working fine</Text></YStack>}
-><Text>Tool Tip</Text></SimpleTooltip>;
+}, main = () => <SimpleTooltip trigger={<Text>Tool Tip</Text>}><Text fontSize={15} fontWeight="700">tool tip content</Text></SimpleTooltip>;
 var SimpleTooltip_stories_default = meta;
 export {
   SimpleTooltip_stories_default as default,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
-  "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,MAAM,cAAc;AAG7B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC;AAAA,EACC,SACE,CAAC,OACC,CAAC,KAAK,UAAU,IAAI,WAAW,MAAM,wBAErC,EAFC,KAGH,EAJC;AAAA,CAQH,CAAC,KAAK,QAAQ,EAAb,KACH,EAXC;AAaH,IAAO,gCAAQ;",
+  "mappings": "AAsBA,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAGrB,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,KAAK,QAAQ,EAAb,OACvB,CAAC,KAAK,UAAU,IAAI,WAAW,MAAM,gBAErC,EAFC,KAGH,EAJC;AAMH,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -1,14 +1,7 @@
-import { Paragraph, Theme, Tooltip } from "tamagui";
-function SimpleTooltip({
-  Icon,
-  children,
-  element,
-  themeStyle,
-  paragraphStyle,
-  ...props
-}) {
+import { Theme, Tooltip } from "tamagui";
+function SimpleTooltip({ Icon, children, themeStyle, trigger, ...props }) {
   return <Tooltip {...props}>
-    <Tooltip.Trigger cursor="pointer" ai="center">{children}</Tooltip.Trigger>
+    <Tooltip.Trigger cursor="pointer" ai="center" jc="center">{trigger}</Tooltip.Trigger>
     <Theme inverse {...themeStyle}><Tooltip.Content
       enterStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
       exitStyle={{ x: 0, y: -5, o: 0, scale: 0.9 }}
@@ -26,7 +19,7 @@ function SimpleTooltip({
       ]}
     >
       <Tooltip.Arrow />
-      <Paragraph ai="center" size="$2" lineHeight="$1" {...paragraphStyle}>{element}</Paragraph>
+      {children}
     </Tooltip.Content></Theme>
   </Tooltip>;
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/index.tsx"],
-  "mappings": "AAEA,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QAAQ,OAAO,UAAU,GAAG,UAClC,SACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,YAAY,YACjB,CAAC,QAAQ;AAAA,MACP,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC3C,OAAO;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM;AAAA,MACf,CAAC,UAAU,GAAG,SAAS,KAAK,KAAK,WAAW,SAAS,iBAClD,QACH,EAFC;AAAA,IAGH,EApBC,QAAQ,QAqBX,EAtBC;AAAA,EAuBH,EA3BC;AA6BL;",
+  "mappings": "AAuBA,SAAS,OAAO,eAAe;AAIxB,SAAS,cAAc,EAAE,MAAM,UAAU,YAAY,SAAS,GAAG,MAAM,GAAwC;AACpH,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QAAQ,OAAO,UAAU,GAAG,SAAS,GAAG,UAC9C,QACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,YAAY,YACjB,CAAC,QAAQ;AAAA,MACP,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC3C,OAAO;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM;AAAA,OACd;AAAA,IACH,EAlBC,QAAQ,QAmBX,EApBC;AAAA,EAqBH,EAzBC;AA2BL;",
   "names": []
 }