@multiplatform.one/components 0.7.0 → 0.7.2

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
+  "mappings": "AAqBA,OAAO,SAAS,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;AAAA,EAAC;AAAA;AAAA,EAGC,oCAAC,cACC,oCAAC,YAAK,iBAAe,CACvB;AACF,GAGW,kBAAkB,MAC7B;AAAA,EAAC;AAAA;AAAA,IAEC,iBAAe;AAAA;AAAA,EAEf,oCAAC,cACC,oCAAC,YAAK,wCAAsC,CAC9C;AACF;AAGF,SAAS,OAAO;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,gBAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA;AAAA,IAE5C,oCAAC,cACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,oCAAC,QAAK,KAAK,KAAI,CAAE,CAClB,CACH;AAAA,EACF;AAEJ;AAEO,MAAM,cAAc,MACzB,oCAAC,UAAO,IAAG,kBACT,oCAAC,UAAK,GACN,oCAAC,UAAK,CACR,GAGI,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,oCAAC,UAAO,OAAK,MACX,oCAAC,aAAM,kCAAgC,GACvC,oCAAC,UAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS,GACvD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA;AAAA,IAGd,oCAAC,YAAK,qBAAmB;AAAA,EAC3B,CACF;AAEJ,GAEa,6BAA6B,CAAC,SAAS,oCAAC,eAAa,GAAG,MAAM,GAErE,qBAAqB,MAAM;AAC/B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK,GAChC,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,WAAS,YAAY,KAAK;AACxB,IAAoB,QAAhB,QAAQ,MAAoB,GAEhC,YAAY,GAAG;AAAA,EACjB;AAEA,SACE,oCAAC,UAAO,OAAK,MACX;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,gBACE,oCAAC,cACC,oCAAC,SAAM,OAAO,UAAU,cAAc,aAAa,aAAY,0BAAyB,CAC1F;AAAA,MAEF,OAAO;AAAA;AAAA,IAEP,oCAAC,YAAK,qBAAmB;AAAA,EAC3B,CACF;AAEJ,GAEa,qBAAqB,CAAC,SAAS,oCAAC,sBAAoB,GAAG,MAAM;AAE1E,IAAO,gCAAQ;",
+  "names": []
+}

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
+  "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;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,iBAAe,QAAQ;AAAA,MACvB,cAAY,SAAS,QAAQ,IAAI;AAAA,MAChC,GAAG;AAAA,MACJ,KAAK;AAAA;AAAA,EACP;AAGF,SAAO,QAAQ,kBAAkB,UAAU,oCAAC,gBAAa,SAAO,MAAE,OAAQ;AAC5E,CAAC;AAEM,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAK,GACtC,UAAU,aAAa;AAE7B,SACE,oCAAC,WAAQ,MAAK,MAAK,WAAS,IAAC,MAAY,cAAc,SAAU,GAAG,SACjE,WACC,MAAM,WAEJ,oCAAC,QAAQ,SAAR,EAAgB,SAAO,MACrB,iBACC,oCAAC,UAAO,WAAW,MAAM,QAAQ,EAAI,GAAG,YAAY,MAAM,QAAQ,EAAK,GAAI,GAAG,gBAC3E,MAAM,OACT,IAEA,MAAM,OAEV,GAEH,CAAC,WAAW,oBAAoB,SAAS,UAAU,SAClD,oCAAC,wBAAqB,SAAO,MAAE,MAAM,cAAe,GAGtD,oCAAC,SAAM,MAAK,MAAK,UAAS,WACxB,oCAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,MACxC,oCAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAAK,cAAc,MAAM,QAAQ,EAAI,KAChE,oCAAC,MAAM,UAAN,IAAe,CAClB,GACA,oCAAC,QAAQ,MAAM,SAAd,IAAsB,CACzB,CACF,GACA;AAAA,IAAC,QAAQ;AAAA,IAAR;AAAA,MACC,aAAa;AAAA,MACb,aAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,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,SAAO;AAAA,MACP,WAAW,iBAAiB,MAAM,QAAQ,EAAI,IAAI;AAAA,MAClD,YAAY,kBAAkB,kBAAkB,MAAM,QAAQ,EAAK,IAAI;AAAA,MACvE,IAAI;AAAA,MACH,GAAG;AAAA;AAAA,IAEH,SAAS,oCAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAgB,GAAG,YAAY;AAAA,IACnF;AAAA,EACH,CACF;AAEJ;",
+  "names": []
+}

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

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

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

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

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { SimpleSheet } from "./index";
+const meta = {
+  // export default {
+  title: "panels/SimpleSheet",
+  component: SimpleSheet,
+  parameters: { status: { type: "beta" } }
+}, main = () => /* @__PURE__ */ React.createElement(SimpleSheet, { modal: !0 }, "Click to test simpleSHeet");
+var SimpleSheet_stories_default = meta;
+export {
+  SimpleSheet_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleSheet.stories.js.map

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

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

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

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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleSheet/index.tsx"],
-  "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;",
+  "mappings": "AAEA,SAAS,QAAQ,QAAQ,cAAc;AACvC,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AACtB,SAAS,cAAc;AA4Cf,SAqBQ,UArBR,KAqBQ,YArBR;AAtBR,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,GAEW,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,iCACE;AAAA,wBAAC,UAAO,OAAK,IACX,8BAAC,UAAO,SAAS,MAAM,QAAQ,EAAI,GAAI,UAAS,GAClD;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,0BAA0B;AAAA,QAC1B,OAAO,SAAS;AAAA,QAChB;AAAA,QACA,cAAc;AAAA,QACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,QACvB,uBAAqB;AAAA,QACrB;AAAA,QACA,kBAAkB;AAAA,QAClB,QAAQ;AAAA,QACP,GAAG;AAAA,QAEJ;AAAA,8BAAC,MAAM,SAAN,EAAc;AAAA,UACf,oBAAC,MAAM,QAAN,EAAa;AAAA,UACd,oBAAC,MAAM,OAAN,EACE,0BACC,qBAAC,UAAO,GAAG,GAAG,GAAE,MAAK,OAAM,MAAK,IAAG,UAAS,IAAG,UAC7C;AAAA,gCAAC,UAAO,MAAM,cAAc,MAAM,UAAQ,IAAC,MAAM,aAAa,SAAS,MAAM,QAAQ,EAAK,GAAG;AAAA,aAC3F,SAAS,sBACT,iCACE;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAM;AAAA,kBACN,cAAc;AAAA,kBACd;AAAA,kBACA;AAAA,kBACC,GAAG;AAAA;AAAA,cACN;AAAA,cACA,oBAAC,UAAO,MAAM,cAAc,MAAM,UAAQ,IAAC,MAAM,WAAW,SAAS,MAAM,aAAa,EAAI,GAAG;AAAA,eACjG;AAAA,aAEJ,GAEJ;AAAA;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAEA,SAAS,WAAW,EAAE,mBAAmB,sBAAsB,GAAG,MAAM,GAAmB;AACzF,SACE,qBAAC,SAAM,OAAK,IAAC,YAAY,CAAC,EAAE,GAAG,uBAAqB,IAAE,GAAG,OACvD;AAAA,wBAAC,MAAM,SAAN,EAAc;AAAA,IACf,oBAAC,MAAM,QAAN,EAAa;AAAA,IACd,oBAAC,MAAM,OAAN,EAAY,GAAG,GAAG,IAAG,UAAS,IAAG,UAAS,OAAM,MAC/C,+BAAC,MAAM,YAAN,EAAiB,GAAE,MAAK,OAAK,IAC5B;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,wBAAwB;AAAA,UAC9B,UAAQ;AAAA,UACR,KAAI;AAAA,UACJ,MAAM;AAAA,UACN,SAAS,MAAM,MAAM,eAAe,EAAK;AAAA;AAAA,MAC3C;AAAA,MACC;AAAA,OACH,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

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

@@ -0,0 +1,66 @@
+import React from "react";
+import { Button, XStack, YStack } from "tamagui";
+import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
+import { Sheet } from "@tamagui/sheet";
+import { create } from "zustand";
+const useStore = create((set) => ({
+  position: 0,
+  open: !1,
+  innerOpen: !1,
+  setPosition: (position) => set({ position }),
+  setOpen: (open) => set({ open }),
+  setInnerOpen: (innerOpen) => set({ innerOpen })
+})), SimpleSheet = ({
+  children,
+  sheetElement,
+  modal,
+  innerSheetElement,
+  buttonSize,
+  innerSheetButtonSize,
+  ...props
+}) => {
+  const { position, open, innerOpen, setPosition, setOpen, setInnerOpen } = useStore();
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(XStack, { space: !0 }, /* @__PURE__ */ React.createElement(Button, { onPress: () => setOpen(!0) }, children)), /* @__PURE__ */ React.createElement(
+    Sheet,
+    {
+      forceRemoveScrollEnabled: open,
+      modal: modal || !1,
+      open,
+      onOpenChange: setOpen,
+      snapPoints: [85, 50, 25],
+      dismissOnSnapToBottom: !0,
+      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: !0, icon: ChevronDown, onPress: () => setOpen(!1) }), (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: !0, icon: ChevronUp, onPress: () => setInnerOpen(!0) }))))
+  ));
+};
+function InnerSheet({ innerSheetElement, innerSheetButtonSize, ...props }) {
+  return /* @__PURE__ */ React.createElement(Sheet, { modal: !0, snapPoints: [90], dismissOnSnapToBottom: !0, ...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: !0 }, /* @__PURE__ */ React.createElement(
+    Button,
+    {
+      size: innerSheetButtonSize || "$8",
+      circular: !0,
+      als: "center",
+      icon: ChevronDown,
+      onPress: () => props.onOpenChange?.(!1)
+    }
+  ), innerSheetElement)));
+}
+export {
+  SimpleSheet
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleSheet/index.tsx"],
+  "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,GAEW,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,MACX,oCAAC,UAAO,SAAS,MAAM,QAAQ,EAAI,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,IAAC,MAAM,aAAa,SAAS,MAAM,QAAQ,EAAK,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,IAAC,MAAM,WAAW,SAAS,MAAM,aAAa,EAAI,GAAG,CACjG,CAEJ,CAEJ;AAAA,EACF,CACF;AAEJ;AAEA,SAAS,WAAW,EAAE,mBAAmB,sBAAsB,GAAG,MAAM,GAAmB;AACzF,SACE,oCAAC,SAAM,OAAK,IAAC,YAAY,CAAC,EAAE,GAAG,uBAAqB,IAAE,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,MAC5B;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,wBAAwB;AAAA,MAC9B,UAAQ;AAAA,MACR,KAAI;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAM,MAAM,eAAe,EAAK;AAAA;AAAA,EAC3C,GACC,iBACH,CACF,CACF;AAEJ;",
+  "names": []
+}

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

@@ -1,18 +1,11 @@
-import React from "react";
 import { SimpleTooltip } from "./index";
-import { Text, YStack } from "tamagui";
+import { Text } from "tamagui";
+import { jsx } from "react/jsx-runtime";
 const meta = {
   title: "panels/SimpleTooltip",
   component: SimpleTooltip,
   parameters: { status: { type: "beta" } }
-};
-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"))
-  },
-  /* @__PURE__ */ React.createElement(Text, null, "Tool Tip")
-);
+}, main = () => /* @__PURE__ */ jsx(SimpleTooltip, { trigger: /* @__PURE__ */ jsx(Text, { children: "Tool Tip" }), children: /* @__PURE__ */ jsx(Text, { fontSize: 15, fontWeight: "700", children: "tool tip content" }) });
 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": "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,EAIF,oCAAC,YAAK,UAAQ;AAChB;AAEF,IAAO,gCAAQ;",
+  "mappings": "AAsBA,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAUK;AAP1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,oBAAC,iBAAc,SAAS,oBAAC,QAAK,sBAAQ,GACpC,8BAAC,QAAK,UAAU,IAAI,YAAW,OAAM,8BAErC,GACF;AAEF,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -0,0 +1,14 @@
+import React from "react";
+import { SimpleTooltip } from "./index";
+import { Text } from "tamagui";
+const meta = {
+  title: "panels/SimpleTooltip",
+  component: SimpleTooltip,
+  parameters: { status: { type: "beta" } }
+}, main = () => /* @__PURE__ */ React.createElement(SimpleTooltip, { trigger: /* @__PURE__ */ React.createElement(Text, null, "Tool Tip") }, /* @__PURE__ */ React.createElement(Text, { fontSize: 15, fontWeight: "700" }, "tool tip content"));
+var SimpleTooltip_stories_default = meta;
+export {
+  SimpleTooltip_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleTooltip.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
+  "mappings": "AAqBA,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,GAEa,OAAO,MAClB,oCAAC,iBAAc,SAAS,oCAAC,YAAK,UAAQ,KACpC,oCAAC,QAAK,UAAU,IAAI,YAAW,SAAM,kBAErC,CACF;AAEF,IAAO,gCAAQ;",
+  "names": []
+}