@multiplatform.one/components 0.2.0 → 0.2.1

package/dist/esm/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,YAAY;AAErB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,OAAO;AAAA,CAGP,CAAC,KAAK,UAAU,EAAf,KACH,EARC;AAUH,IAAO,oCAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,yBAAyB;AAElC,SAAS,YAAY;AAErB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,aAAY;AAAA,IACZ,QAAO;AAAA,IACP,QAAO;AAAA;AAAA,EAGP,oCAAC,YAAK,YAAU;AAClB;AAEF,IAAO,oCAAQ;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { AlertDialog, Button, XStack, YStack } from "tamagui";
 function SimpleAlertDialog({
   children,
@@ -10,35 +11,30 @@ function SimpleAlertDialog({
   descriptionStyle,
   ...triggerProps
 }) {
-  return <AlertDialog native {...triggerProps}>
-    <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger>
-    <AlertDialog.Portal>
-      <AlertDialog.Overlay key="overlay" animation="quick" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
-      <AlertDialog.Content
-        bordered
-        elevate
-        key="content"
-        animation={[
-          "bouncy",
-          {
-            opacity: {
-              overshootClamping: true
-            }
+  return /* @__PURE__ */ React.createElement(AlertDialog, { native: true, ...triggerProps }, /* @__PURE__ */ React.createElement(AlertDialog.Trigger, { asChild: true }, children), /* @__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}
-      ><YStack space><XStack space="$3" jc="flex-end">
-        <AlertDialog.Cancel asChild><Button>{cancel || "cancel"}</Button></AlertDialog.Cancel>
-        <AlertDialog.Action asChild><Button theme="active">{accept || "accept"}</Button></AlertDialog.Action>
-      </XStack></YStack></AlertDialog.Content>
-    </AlertDialog.Portal>
-  </AlertDialog>;
+        }
+      ],
+      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
+    },
+    /* @__PURE__ */ React.createElement(YStack, { space: true }, /* @__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 }, /* @__PURE__ */ React.createElement(Button, { theme: "active" }, accept || "accept"))))
+  )));
 }
 export {
   SimpleAlertDialog

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleAlertDialog/index.tsx"],
-  "mappings": "AAEA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAgB7C,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,SACE,CAAC,YAAY,WAAW;AAAA,IACtB,CAAC,YAAY,QAAQ,SAAS,SAAS,EAAtC,YAAY;AAAA,IACb,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,MACN,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,QACpB,CAAC,YAAY,OAAO,QAClB,CAAC,QAAQ,UAAU,SAAS,EAA3B,OACH,EAFC,YAAY;AAAA,QAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,UAAU,UAAU,SAAS,EAA1C,OACH,EAFC,YAAY;AAAA,MAGf,EAPC,OAQH,EATC,OAUH,EA9BC,YAAY;AAAA,IA+Bf,EAjCC,YAAY;AAAA,EAkCf,EApCC;AAsCL;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAgB7C,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,SACE,oCAAC,eAAY,QAAM,MAAE,GAAG,gBACtB,oCAAC,YAAY,SAAZ,EAAoB,SAAO,QAAE,QAAS,GACvC,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,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,UAAQ;AAAA,MACR,SAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,MACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,MACjD,GAAG;AAAA,MACH,OAAO;AAAA,MACP,SAAS;AAAA,MACT,GAAG;AAAA,MACF,GAAG;AAAA;AAAA,IAEJ,oCAAC,UAAO,OAAK,QACX,oCAAC,UAAO,OAAM,MAAK,IAAG,cACpB,oCAAC,YAAY,QAAZ,EAAmB,SAAO,QACzB,oCAAC,cAAQ,UAAU,QAAS,CAC9B,GACA,oCAAC,YAAY,QAAZ,EAAmB,SAAO,QACzB,oCAAC,UAAO,OAAM,YAAU,UAAU,QAAS,CAC7C,CACF,CACF;AAAA,EACF,CACF,CACF;AAEJ;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { SimpleDialog } from "./index";
 import { Text, YStack, Button } from "tamagui";
 const meta = {
@@ -5,10 +6,14 @@ const meta = {
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <SimpleDialog
-  element={<YStack><Text>Check</Text></YStack>}
-  title="Check"
-><Button>open DialogBox</Button></SimpleDialog>;
+const main = () => /* @__PURE__ */ React.createElement(
+  SimpleDialog,
+  {
+    element: /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(Text, null, "Check")),
+    title: "Check"
+  },
+  /* @__PURE__ */ React.createElement(Button, null, "open DialogBox")
+);
 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": "AACA,SAAS,oBAAoB;AAE7B,SAAS,MAAM,QAAQ,cAAc;AAErC,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,SACE,CAAC,OACC,CAAC,KAAK,KAAK,EAAV,KACH,EAFC;AAAA,EAIH,MAAM;AAAA,CAEN,CAAC,OAAO,cAAc,EAArB,OACH,EATC;AAWH,IAAO,+BAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,oBAAoB;AAE7B,SAAS,MAAM,QAAQ,cAAc;AAErC,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,SACE,oCAAC,cACC,oCAAC,YAAK,OAAK,CACb;AAAA,IAEF,OAAM;AAAA;AAAA,EAEN,oCAAC,cAAO,gBAAc;AACxB;AAEF,IAAO,+BAAQ;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
 import { X } from "@tamagui/lucide-icons";
 function SimpleDialog({
@@ -10,38 +11,30 @@ function SimpleDialog({
   contentStyle,
   ...props
 }) {
-  return <Dialog modal {...props}>
-    <Dialog.Trigger asChild>{children}</Dialog.Trigger>
-    <Adapt when="sm" platform="touch"><Sheet zIndex={2e5} modal dismissOnSnapToBottom>
-      <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.Content
-        bordered
-        elevate
-        key="content"
-        animation={[
-          "quick",
-          {
-            opacity: {
-              overshootClamping: true
-            }
+  return /* @__PURE__ */ React.createElement(Dialog, { modal: true, ...props }, /* @__PURE__ */ React.createElement(Dialog.Trigger, { asChild: true }, children), /* @__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
-        {...contentStyle}
-      >
-        <Dialog.Title {...titleStyle}>{title}</Dialog.Title>
-        <Dialog.Description {...descriptionStyle}>{description ?? description}</Dialog.Description>
-        {element}
-        <Unspaced><Dialog.Close asChild><Button pos="absolute" t="$3" r="$3" size="$2" circular icon={X} /></Dialog.Close></Unspaced>
-      </Dialog.Content>
-    </Dialog.Portal>
-  </Dialog>;
+        }
+      ],
+      enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
+      exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
+      space: true,
+      ...contentStyle
+    },
+    /* @__PURE__ */ React.createElement(Dialog.Title, { ...titleStyle }, title),
+    /* @__PURE__ */ React.createElement(Dialog.Description, { ...descriptionStyle }, description ?? description),
+    element,
+    /* @__PURE__ */ React.createElement(Unspaced, null, /* @__PURE__ */ React.createElement(Dialog.Close, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: true, icon: X })))
+  )));
 }
 export {
   SimpleDialog

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
-  "mappings": "AAEA,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAQX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,OAAO,QAAQ,SAAS,SAAS,EAAjC,OAAO;AAAA,IACR,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,QAEJ,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,QACR,CAAC,OAAO,gBAAgB,mBAAmB,eAAe,YAAY,EAArE,OAAO;AAAA,SACP;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,GAAG,EACnE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EAvCC;AAyCL;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAQX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,oCAAC,UAAO,OAAK,MAAE,GAAG,SAChB,oCAAC,OAAO,SAAP,EAAe,SAAO,QAAE,QAAS,GAClC,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,GACA,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,IAAC,OAAO;AAAA,IAAP;AAAA,MACC,UAAQ;AAAA,MACR,SAAO;AAAA,MACP,KAAI;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,MACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,MAClD,OAAK;AAAA,MACJ,GAAG;AAAA;AAAA,IAEJ,oCAAC,OAAO,OAAP,EAAc,GAAG,cAAa,KAAM;AAAA,IACrC,oCAAC,OAAO,aAAP,EAAoB,GAAG,oBAAmB,eAAe,WAAY;AAAA,IACrE;AAAA,IACD,oCAAC,gBACC,oCAAC,OAAO,OAAP,EAAa,SAAO,QACnB,oCAAC,UAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,MAAC,MAAM,GAAG,CACnE,CACF;AAAA,EACF,CACF,CACF;AAEJ;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { SimplePopover } from "./index";
 import { Text } from "tamagui";
 const meta = {
@@ -5,7 +6,7 @@ const meta = {
   component: SimplePopover,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <SimplePopover element={<div>Content from popover</div>}><Text>Click here to check popover</Text></SimplePopover>;
+const main = () => /* @__PURE__ */ React.createElement(SimplePopover, { element: /* @__PURE__ */ React.createElement("div", null, "Content from popover") }, /* @__PURE__ */ React.createElement(Text, null, "Click here to check popover"));
 var SimplePopover_stories_default = meta;
 export {
   SimplePopover_stories_default as default,

package/dist/esm/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,YAAY;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAGO,MAAM,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,IAAI,oBAAoB,EAAxB,MACvB,CAAC,KAAK,2BAA2B,EAAhC,KACH,EAFC;AAIH,IAAO,gCAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAGO,MAAM,OAAO,MAClB,oCAAC,iBAAc,SAAS,oCAAC,aAAI,sBAAoB,KAC/C,oCAAC,YAAK,6BAA2B,CACnC;AAEF,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -1,4 +1,5 @@
 import { Adapt, Popover, YStack } from "tamagui";
+import React from "react";
 function SimplePopover({
   children,
   element,
@@ -7,37 +8,29 @@ function SimplePopover({
   arrowStyle,
   ...props
 }) {
-  return <Popover size="$5" {...props}>
-    <Popover.Trigger cursor="pointer" asChild>{children}</Popover.Trigger>
-    <Adapt when="sm" platform="web" {...adaptStyle}><Popover.Sheet modal dismissOnSnapToBottom>
-      <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
-      <Popover.Sheet.Overlay />
-    </Popover.Sheet></Adapt>
-    <Popover.Content
-      bw={1}
-      boc="$borderColor"
-      enterStyle={{ x: 10, y: -10, o: 0, scale: 0.1 }}
-      exitStyle={{ x: 10, y: 10, o: 0, scale: 0.2 }}
-      x={0}
-      y={0}
-      o={1}
-      animation={[
+  return /* @__PURE__ */ React.createElement(Popover, { size: "$5", ...props }, /* @__PURE__ */ React.createElement(Popover.Trigger, { cursor: "pointer", asChild: true }, children), /* @__PURE__ */ React.createElement(Adapt, { when: "sm", platform: "web", ...adaptStyle }, /* @__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,
+    {
+      bw: 1,
+      boc: "$borderColor",
+      enterStyle: { x: 10, y: -10, o: 0, scale: 0.1 },
+      exitStyle: { x: 10, y: 10, o: 0, scale: 0.2 },
+      x: 0,
+      y: 0,
+      o: 1,
+      animation: [
         "bouncy",
         {
           opacity: {
             overshootClamping: true
           }
         }
-      ]}
-      elevate
-      {...contentStyle}
-    >
-      {
-        /* <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} /> */
-      }
-      <YStack cursor="pointer">{element}</YStack>
-    </Popover.Content>
-  </Popover>;
+      ],
+      elevate: true,
+      ...contentStyle
+    },
+    /* @__PURE__ */ React.createElement(YStack, { cursor: "pointer" }, element)
+  ));
 }
 export {
   SimplePopover

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
-  "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AAOhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,CAAC,QAAQ,KAAK,SAAS;AAAA,IACrB,CAAC,QAAQ,QAAQ,OAAO,UAAU,SAC/B,SACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,KAAK,KAAK,SAAS,UAAU,YAClC,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,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,YAAY,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,IAAI;AAAA,MAC9C,WAAW,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,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,MACA;AAAA,UACI;AAAA;AAAA;AAAA;AAAA;AAAA,MAGJ,CAAC,OAAO,OAAO,WAAW,QAAQ,EAAjC;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAlCC;AAoCL;",
+  "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AACvC,OAAO,WAAW;AAMX,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,oCAAC,WAAQ,MAAK,MAAM,GAAG,SACrB,oCAAC,QAAQ,SAAR,EAAgB,QAAO,WAAU,SAAO,QACtC,QACH,GACA,oCAAC,SAAM,MAAK,MAAK,UAAS,OAAO,GAAG,cAClC,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,IAAI;AAAA,MACJ,KAAI;AAAA,MACJ,YAAY,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,IAAI;AAAA,MAC9C,WAAW,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,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,MACA,SAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAGJ,oCAAC,UAAO,QAAO,aAAW,OAAQ;AAAA,EACpC,CACF;AAEJ;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { SimpleSheet } from "./index";
 const meta = {
   // export default {
@@ -5,7 +6,7 @@ const meta = {
   component: SimpleSheet,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <SimpleSheet modal />;
+const main = () => /* @__PURE__ */ React.createElement(SimpleSheet, { modal: true });
 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": "AAEA,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,CAAC,YAAY,MAAM;AAC7C,IAAO,8BAAQ;",
+  "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,MAAC;AAC7C,IAAO,8BAAQ;",
   "names": []
 }

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleSheet/index.tsx"],
-  "mappings": "AAEA,SAAS,QAAQ,QAAQ,cAAc;AACvC,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AACtB,SAAS,cAAc;AAsBvB,MAAM,WAAW,OAAuB,CAAC,SAAS;AAAA,EAChD,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa,CAAC,aAAa,IAAI,EAAE,SAAS,CAAC;AAAA,EAC3C,SAAS,CAAC,SAAS,IAAI,EAAE,KAAK,CAAC;AAAA,EAC/B,cAAc,CAAC,cAAc,IAAI,EAAE,UAAU,CAAC;AAChD,EAAE;AAEK,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyC;AACvC,QAAM,EAAE,UAAU,MAAM,WAAW,aAAa,SAAS,aAAa,IAAI,SAAS;AACnF,SACE;AAAA,IACE,CAAC,OAAO,MACN,CAAC,OAAO,SAAS,MAAM,QAAQ,IAAI,IAAI,SAAS,EAA/C,OACH,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,0BAA0B;AAAA,MAC1B,OAAO,SAAS;AAAA,MAChB,MAAM;AAAA,MACN,cAAc;AAAA,MACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,UACJ;AAAA;AAAA,MAEJ,CAAC,MAAM,QAAQ;AAAA,MACf,CAAC,MAAM,OAAO;AAAA,MACd,CAAC,MAAM,OACJ,gBACC,CAAC,OAAO,GAAG,GAAG,EAAE,KAAK,MAAM,KAAK,GAAG,SAAS,GAAG;AAAA,QAC7C,CAAC,OAAO,MAAM,cAAc,MAAM,SAAS,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG;AAAA,UAC3F,SAAS,sBACT;AAAA,UACE,CAAC;AAAA,YACC,MAAM;AAAA,YACN,cAAc;AAAA,YACd,mBAAmB;AAAA,YACnB,sBAAsB;AAAA,gBAClB;AAAA,UACN;AAAA,UACA,CAAC,OAAO,MAAM,cAAc,MAAM,SAAS,MAAM,WAAW,SAAS,MAAM,aAAa,IAAI,GAAG;AAAA,QACjG;AAAA,MAEJ,EAdC,QAgBL,EAlBC,MAAM;AAAA,IAmBT,EAjCC;AAAA,EAkCH;AAEJ;AAEA,SAAS,WAAW,EAAE,mBAAmB,sBAAsB,GAAG,MAAM,GAAmB;AACzF,SACE,CAAC,MAAM,MAAM,YAAY,CAAC,EAAE,GAAG,0BAA0B;AAAA,IACvD,CAAC,MAAM,QAAQ;AAAA,IACf,CAAC,MAAM,OAAO;AAAA,IACd,CAAC,MAAM,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS,MAAM,KAC/C,CAAC,MAAM,WAAW,EAAE,KAAK;AAAA,MACvB,CAAC;AAAA,QACC,MAAM,wBAAwB;AAAA,QAC9B;AAAA,QACA,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS,MAAG;AArGxB;AAqG2B,6BAAM,iBAAN,+BAAqB;AAAA;AAAA,MACtC;AAAA,OACC;AAAA,IACH,EATC,MAAM,WAUT,EAXC,MAAM;AAAA,EAYT,EAfC;AAiBL;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,QAAQ,QAAQ,cAAc;AACvC,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AACtB,SAAS,cAAc;AAsBvB,MAAM,WAAW,OAAuB,CAAC,SAAS;AAAA,EAChD,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa,CAAC,aAAa,IAAI,EAAE,SAAS,CAAC;AAAA,EAC3C,SAAS,CAAC,SAAS,IAAI,EAAE,KAAK,CAAC;AAAA,EAC/B,cAAc,CAAC,cAAc,IAAI,EAAE,UAAU,CAAC;AAChD,EAAE;AAEK,MAAM,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyC;AACvC,QAAM,EAAE,UAAU,MAAM,WAAW,aAAa,SAAS,aAAa,IAAI,SAAS;AACnF,SACE,0DACE,oCAAC,UAAO,OAAK,QACX,oCAAC,UAAO,SAAS,MAAM,QAAQ,IAAI,KAAI,QAAS,CAClD,GACA;AAAA,IAAC;AAAA;AAAA,MACC,0BAA0B;AAAA,MAC1B,OAAO,SAAS;AAAA,MAChB;AAAA,MACA,cAAc;AAAA,MACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,MACvB,uBAAqB;AAAA,MACrB;AAAA,MACA,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACP,GAAG;AAAA;AAAA,IAEJ,oCAAC,MAAM,SAAN,IAAc;AAAA,IACf,oCAAC,MAAM,QAAN,IAAa;AAAA,IACd,oCAAC,MAAM,OAAN,MACE,gBACC,oCAAC,UAAO,GAAG,GAAG,GAAE,MAAK,OAAM,MAAK,IAAG,UAAS,IAAG,YAC7C,oCAAC,UAAO,MAAM,cAAc,MAAM,UAAQ,MAAC,MAAM,aAAa,SAAS,MAAM,QAAQ,KAAK,GAAG,IAC3F,SAAS,sBACT,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN,GACA,oCAAC,UAAO,MAAM,cAAc,MAAM,UAAQ,MAAC,MAAM,WAAW,SAAS,MAAM,aAAa,IAAI,GAAG,CACjG,CAEJ,CAEJ;AAAA,EACF,CACF;AAEJ;AAEA,SAAS,WAAW,EAAE,mBAAmB,sBAAsB,GAAG,MAAM,GAAmB;AACzF,SACE,oCAAC,SAAM,OAAK,MAAC,YAAY,CAAC,EAAE,GAAG,uBAAqB,MAAE,GAAG,SACvD,oCAAC,MAAM,SAAN,IAAc,GACf,oCAAC,MAAM,QAAN,IAAa,GACd,oCAAC,MAAM,OAAN,EAAY,GAAG,GAAG,IAAG,UAAS,IAAG,UAAS,OAAM,QAC/C,oCAAC,MAAM,YAAN,EAAiB,GAAE,MAAK,OAAK,QAC5B;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,wBAAwB;AAAA,MAC9B,UAAQ;AAAA,MACR,KAAI;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAG;AArGxB;AAqG2B,2BAAM,iBAAN,+BAAqB;AAAA;AAAA;AAAA,EACtC,GACC,iBACH,CACF,CACF;AAEJ;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { SimpleTooltip } from "./index";
 import { Text, YStack } from "tamagui";
 const meta = {
@@ -5,9 +6,13 @@ const meta = {
   component: SimpleTooltip,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <SimpleTooltip
-  element={<YStack><Text fontSize={15} fontWeight="700">tool tip is working fine</Text></YStack>}
->Tool Tip</SimpleTooltip>;
+const main = () => /* @__PURE__ */ React.createElement(
+  SimpleTooltip,
+  {
+    element: /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(Text, { fontSize: 15, fontWeight: "700" }, "tool tip is working fine"))
+  },
+  "Tool Tip"
+);
 var SimpleTooltip_stories_default = meta;
 export {
   SimpleTooltip_stories_default as default,

package/dist/esm/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;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,SACE,CAAC,OACC,CAAC,KAAK,UAAU,IAAI,WAAW,MAAM,wBAErC,EAFC,KAGH,EAJC;AAAA,CAOJ,QAED,EAXC;AAaH,IAAO,gCAAQ;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,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;AAEO,MAAM,OAAO,MAClB;AAAA,EAAC;AAAA;AAAA,IACC,SACE,oCAAC,cACC,oCAAC,QAAK,UAAU,IAAI,YAAW,SAAM,0BAErC,CACF;AAAA;AAAA,EAGH;AAED;AAEF,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { Paragraph, Theme, Tooltip } from "tamagui";
 function SimpleTooltip({
   Icon,
@@ -7,28 +8,27 @@ function SimpleTooltip({
   paragraphStyle,
   ...props
 }) {
-  return <Tooltip {...props}>
-    <Tooltip.Trigger>{children}</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 }}
-      scale={1}
-      x={0}
-      y={0}
-      o={1}
-      animation={[
+  return /* @__PURE__ */ React.createElement(Tooltip, { ...props }, /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, children), /* @__PURE__ */ React.createElement(Theme, { inverse: true, ...themeStyle }, /* @__PURE__ */ React.createElement(
+    Tooltip.Content,
+    {
+      enterStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
+      exitStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
+      scale: 1,
+      x: 0,
+      y: 0,
+      o: 1,
+      animation: [
         "quick",
         {
           opacity: {
             overshootClamping: true
           }
         }
-      ]}
-    >
-      <Tooltip.Arrow />
-      <Paragraph size="$2" lineHeight="$1" {...paragraphStyle}>{element}</Paragraph>
-    </Tooltip.Content></Theme>
-  </Tooltip>;
+      ]
+    },
+    /* @__PURE__ */ React.createElement(Tooltip.Arrow, null),
+    /* @__PURE__ */ React.createElement(Paragraph, { size: "$2", lineHeight: "$1", ...paragraphStyle }, element)
+  )));
 }
 export {
   SimpleTooltip

package/dist/esm/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,SAAS,SAAS,EAA1B,QAAQ;AAAA,IACT,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,KAAK,KAAK,WAAW,SAAS,iBACtC,QACH,EAFC;AAAA,IAGH,EApBC,QAAQ,QAqBX,EAtBC;AAAA,EAuBH,EAzBC;AA2BL;",
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,oCAAC,WAAS,GAAG,SACX,oCAAC,QAAQ,SAAR,MAAiB,QAAS,GAC3B,oCAAC,SAAM,SAAO,MAAE,GAAG,cACjB;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,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,IAEA,oCAAC,QAAQ,OAAR,IAAc;AAAA,IACf,oCAAC,aAAU,MAAK,MAAK,YAAW,MAAM,GAAG,kBACtC,OACH;AAAA,EACF,CACF,CACF;AAEJ;",
   "names": []
 }

package/dist/esm/providers/AnimationDriverTogglerContextProvider.js

@@ -1,3 +1,4 @@
+import React from "react";
 import { createAnimations as createAnimationsCss } from "@tamagui/animations-css";
 import { createContext, useMemo, useState } from "react";
 const ANIMATION_DRIVERS = ["css", "react-native"];
@@ -23,7 +24,7 @@ const AnimationDriverTogglerContextProvider = ({
   }, [driverName]);
   return (
     // eslint-disable-next-line react/jsx-no-constructed-context-values
-    <AnimationDriverTogglerContext.Provider value={{ driverName, nextDriver, setDriverName, driver }}>{children}</AnimationDriverTogglerContext.Provider>
+    /* @__PURE__ */ React.createElement(AnimationDriverTogglerContext.Provider, { value: { driverName, nextDriver, setDriverName, driver } }, children)
   );
 };
 export {

package/dist/esm/providers/AnimationDriverTogglerContextProvider.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../src/providers/AnimationDriverTogglerContextProvider.tsx"],
-  "mappings": "AAIA,SAAS,oBAAoB,2BAA2B;AACxD,SAAS,eAAe,SAAS,gBAAgB;AAEjD,MAAM,oBAAoB,CAAC,OAAO,cAAc;AAEzC,MAAM,gCAAgC,cAKnC,IAAI;AAMP,MAAM,wCAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AACF,MAAkD;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA6C,cAAc;AAE/F,QAAM,aAAa,MAAM;AACvB,kBAAc,mBAAmB,kBAAkB,QAAQ,UAAU,IAAI,KAAK,kBAAkB,MAAM,CAAC;AAAA,EACzG;AAEA,QAAM,SAAS,QAAQ,MAAM;AAC3B,QAAI,eAAe;AACjB,aAAO,oBAAoB;AAAA,QACzB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AACH,WAAO,cAAc;AAAA,EACvB,GAAG,CAAC,UAAU,CAAC;AAEf;AAAA;AAAA,IAEE,CAAC,8BAA8B,SAAS,OAAO,EAAE,YAAY,YAAY,eAAe,OAAO,IAC5F,SACH,EAFC,8BAA8B;AAAA;AAInC;",
+  "mappings": "AAAA,OAAO,WAAW;AAIlB,SAAS,oBAAoB,2BAA2B;AACxD,SAAS,eAAe,SAAS,gBAAgB;AAEjD,MAAM,oBAAoB,CAAC,OAAO,cAAc;AAEzC,MAAM,gCAAgC,cAKnC,IAAI;AAMP,MAAM,wCAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AACF,MAAkD;AAChD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA6C,cAAc;AAE/F,QAAM,aAAa,MAAM;AACvB,kBAAc,mBAAmB,kBAAkB,QAAQ,UAAU,IAAI,KAAK,kBAAkB,MAAM,CAAC;AAAA,EACzG;AAEA,QAAM,SAAS,QAAQ,MAAM;AAC3B,QAAI,eAAe;AACjB,aAAO,oBAAoB;AAAA,QACzB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,MACX,CAAC;AACH,WAAO,cAAc;AAAA,EACvB,GAAG,CAAC,UAAU,CAAC;AAEf;AAAA;AAAA,IAEE,oCAAC,8BAA8B,UAA9B,EAAuC,OAAO,EAAE,YAAY,YAAY,eAAe,OAAO,KAC5F,QACH;AAAA;AAEJ;",
   "names": []
 }