@multiplatform.one/components 0.7.1 → 0.7.3

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

@@ -2,16 +2,26 @@ 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";
 import { jsx, jsxs } from "react/jsx-runtime";
 const meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
   parameters: { status: { type: "beta" } }
-}, main = () => /* @__PURE__ */ jsxs(SimpleDialog, { onOpenChange: action("onOpenChange"), trigger: /* @__PURE__ */ jsx(Button, { children: "Press Me" }), title: "Fill the details", children: [
-  /* @__PURE__ */ jsx(Input, { placeholder: "Enter your first name" }),
-  /* @__PURE__ */ jsx(Input, { placeholder: "Enter your last name" }),
-  /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { children: "Submit" }) })
-] });
+}, main = () => /* @__PURE__ */ jsxs(
+  SimpleDialog,
+  {
+    onOpenChange: action("onOpenChange"),
+    trigger: /* @__PURE__ */ jsx(Button, { children: "Press Me" }),
+    title: "Fill the details",
+    withoutCloseButton: !0,
+    children: [
+      /* @__PURE__ */ jsx(Input, { placeholder: "Enter your first name" }),
+      /* @__PURE__ */ jsx(Input, { placeholder: "Enter your last name" }),
+      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { children: "Submit" }) })
+    ]
+  }
+);
 function OpenWithFunction() {
   const [open, setOpen] = useState(!1);
   function handlePress() {
@@ -31,9 +41,54 @@ function OpenWithFunction() {
 }
 const openWithFunction = () => /* @__PURE__ */ jsx(OpenWithFunction, {});
 var SimpleDialog_stories_default = meta;
+const customPosition = (args) => /* @__PURE__ */ jsx(
+  SimpleDialog,
+  {
+    ...args,
+    trigger: /* @__PURE__ */ jsx(Button, { children: "open Dialog" }),
+    withoutCloseButton: !0,
+    portalStyle: { jc: "flex-start", paddingTop: 10 },
+    children: /* @__PURE__ */ jsx(YStack, { width: 800, height: 400, children: /* @__PURE__ */ jsx(Input, { placeholder: "search" }) })
+  }
+), rightSideDialog = (args) => /* @__PURE__ */ jsx(
+  SimpleDialog,
+  {
+    trigger: /* @__PURE__ */ jsx(Button, { children: "open side dialog" }),
+    asRightSideSheet: !0,
+    withoutCloseButton: !0,
+    transitionWidth: 400,
+    contentStyle: { animation: "quick" },
+    ...args,
+    children: /* @__PURE__ */ jsxs(YStack, { width: 400, children: [
+      /* @__PURE__ */ jsx(Text, { children: "home" }),
+      /* @__PURE__ */ jsx(Text, { children: "about" }),
+      /* @__PURE__ */ jsx(Text, { children: "contact" }),
+      /* @__PURE__ */ jsx(Text, { children: "help" })
+    ] })
+  }
+), leftSideDialog = (args) => /* @__PURE__ */ jsx(
+  SimpleDialog,
+  {
+    trigger: /* @__PURE__ */ jsx(Button, { children: "open side dialog" }),
+    asLeftSideSheet: !0,
+    withoutCloseButton: !0,
+    transitionWidth: 300,
+    contentStyle: { animation: "lazy" },
+    ...args,
+    children: /* @__PURE__ */ jsxs(YStack, { width: 300, children: [
+      /* @__PURE__ */ jsx(Text, { children: "home" }),
+      /* @__PURE__ */ jsx(Text, { children: "about" }),
+      /* @__PURE__ */ jsx(Text, { children: "contact" }),
+      /* @__PURE__ */ jsx(Text, { children: "help" })
+    ] })
+  }
+);
 export {
+  customPosition,
   SimpleDialog_stories_default as default,
+  leftSideDialog,
   main,
-  openWithFunction
+  openWithFunction,
+  rightSideDialog
 };
 //# sourceMappingURL=SimpleDialog.stories.js.map

package/dist/esm/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;AASrB,SAA6D,KAA7D;AAPF,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,qBAAC,gBAAa,cAAc,OAAO,cAAc,GAAG,SAAS,oBAAC,UAAO,sBAAQ,GAAW,OAAM,oBAC5F;AAAA,sBAAC,SAAM,aAAY,yBAAwB;AAAA,EAC3C,oBAAC,SAAM,aAAY,wBAAuB;AAAA,EAC1C,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,GACF;AAGF,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACA,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,WAAO,cAAc,EAAE,GACvB,QAAQA,KAAI;AAAA,EACd;AAEA,SACE,qBAAC,UAAO,IAAG,cACT;AAAA,wBAAC,UAAO,SAAS,aAAa,sBAAQ;AAAA,IACtC,qBAAC,gBAAa,MAAY,cAAc,kBAAkB,OAAM,oBAC9D;AAAA,0BAAC,SAAM,aAAY,yBAAwB;AAAA,MAC3C,oBAAC,SAAM,aAAY,wBAAuB;AAAA,MAC1C,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,OACF;AAAA,KACF;AAEJ;AACO,MAAM,mBAAmB,MAAM,oBAAC,oBAAiB;AAExD,IAAO,+BAAQ;",
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAEhC,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,YAAY;AASnB,SAEW,KAFX;AAPF,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,IACC,cAAc,OAAO,cAAc;AAAA,IACnC,SAAS,oBAAC,UAAO,sBAAQ;AAAA,IACzB,OAAM;AAAA,IACN,oBAAkB;AAAA,IAElB;AAAA,0BAAC,SAAM,aAAY,yBAAwB;AAAA,MAC3C,oBAAC,SAAM,aAAY,wBAAuB;AAAA,MAC1C,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA;AAAA;AACF;AAGF,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACA,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,WAAO,cAAc,EAAE,GACvB,QAAQA,KAAI;AAAA,EACd;AAEA,SACE,qBAAC,UAAO,IAAG,cACT;AAAA,wBAAC,UAAO,SAAS,aAAa,sBAAQ;AAAA,IACtC,qBAAC,gBAAa,MAAY,cAAc,kBAAkB,OAAM,oBAC9D;AAAA,0BAAC,SAAM,aAAY,yBAAwB;AAAA,MAC3C,oBAAC,SAAM,aAAY,wBAAuB;AAAA,MAC1C,oBAAC,OAAO,OAAP,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,OACF;AAAA,KACF;AAEJ;AACO,MAAM,mBAAmB,MAAM,oBAAC,oBAAiB;AAExD,IAAO,+BAAQ;AAER,MAAM,iBAAiB,CAAC,SAC7B;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,SAAS,oBAAC,UAAO,yBAAW;AAAA,IAC5B,oBAAkB;AAAA,IAClB,aAAa,EAAE,IAAI,cAAc,YAAY,GAAG;AAAA,IAEhD,8BAAC,UAAO,OAAO,KAAK,QAAQ,KAC1B,8BAAC,SAAM,aAAY,UAAS,GAC9B;AAAA;AACF,GAGW,kBAAkB,CAAC,SAC9B;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,oBAAC,UAAO,8BAAgB;AAAA,IACjC,kBAAgB;AAAA,IAChB,oBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,cAAc,EAAE,WAAW,QAAQ;AAAA,IAClC,GAAG;AAAA,IAEJ,+BAAC,UAAO,OAAO,KACb;AAAA,0BAAC,QAAK,kBAAI;AAAA,MACV,oBAAC,QAAK,mBAAK;AAAA,MACX,oBAAC,QAAK,qBAAO;AAAA,MACb,oBAAC,QAAK,kBAAI;AAAA,OACZ;AAAA;AACF,GAGW,iBAAiB,CAAC,SAC7B;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,oBAAC,UAAO,8BAAgB;AAAA,IACjC,iBAAe;AAAA,IACf,oBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,cAAc,EAAE,WAAW,OAAO;AAAA,IACjC,GAAG;AAAA,IAEJ,+BAAC,UAAO,OAAO,KACb;AAAA,0BAAC,QAAK,kBAAI;AAAA,MACV,oBAAC,QAAK,mBAAK;AAAA,MACX,oBAAC,QAAK,qBAAO;AAAA,MACb,oBAAC,QAAK,kBAAI;AAAA,OACZ;AAAA;AACF;",
   "names": ["open"]
 }

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

@@ -0,0 +1,74 @@
+import React, { 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 = () => /* @__PURE__ */ React.createElement(
+  SimpleDialog,
+  {
+    onOpenChange: action("onOpenChange"),
+    trigger: /* @__PURE__ */ React.createElement(Button, null, "Press Me"),
+    title: "Fill the details",
+    withoutCloseButton: !0
+  },
+  /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your first name" }),
+  /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your last name" }),
+  /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Button, null, "Submit"))
+);
+function OpenWithFunction() {
+  const [open, setOpen] = useState(!1);
+  function handlePress() {
+    setOpen((open2) => !open2);
+  }
+  function handleOpenChange(open2) {
+    action("onOpenChange")(), setOpen(open2);
+  }
+  return /* @__PURE__ */ React.createElement(YStack, { ai: "flex-start" }, /* @__PURE__ */ React.createElement(Button, { onPress: handlePress }, "Press Me"), /* @__PURE__ */ React.createElement(SimpleDialog, { open, onOpenChange: handleOpenChange, title: "Fill the details" }, /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your first name" }), /* @__PURE__ */ React.createElement(Input, { placeholder: "Enter your last name" }), /* @__PURE__ */ React.createElement(Dialog.Close, null, /* @__PURE__ */ React.createElement(Button, null, "Submit"))));
+}
+const openWithFunction = () => /* @__PURE__ */ React.createElement(OpenWithFunction, null);
+var SimpleDialog_stories_default = meta;
+const customPosition = (args) => /* @__PURE__ */ React.createElement(
+  SimpleDialog,
+  {
+    ...args,
+    trigger: /* @__PURE__ */ React.createElement(Button, null, "open Dialog"),
+    withoutCloseButton: !0,
+    portalStyle: { jc: "flex-start", paddingTop: 10 }
+  },
+  /* @__PURE__ */ React.createElement(YStack, { width: 800, height: 400 }, /* @__PURE__ */ React.createElement(Input, { placeholder: "search" }))
+), rightSideDialog = (args) => /* @__PURE__ */ React.createElement(
+  SimpleDialog,
+  {
+    trigger: /* @__PURE__ */ React.createElement(Button, null, "open side dialog"),
+    asRightSideSheet: !0,
+    withoutCloseButton: !0,
+    transitionWidth: 400,
+    contentStyle: { animation: "quick" },
+    ...args
+  },
+  /* @__PURE__ */ React.createElement(YStack, { width: 400 }, /* @__PURE__ */ React.createElement(Text, null, "home"), /* @__PURE__ */ React.createElement(Text, null, "about"), /* @__PURE__ */ React.createElement(Text, null, "contact"), /* @__PURE__ */ React.createElement(Text, null, "help"))
+), leftSideDialog = (args) => /* @__PURE__ */ React.createElement(
+  SimpleDialog,
+  {
+    trigger: /* @__PURE__ */ React.createElement(Button, null, "open side dialog"),
+    asLeftSideSheet: !0,
+    withoutCloseButton: !0,
+    transitionWidth: 300,
+    contentStyle: { animation: "lazy" },
+    ...args
+  },
+  /* @__PURE__ */ React.createElement(YStack, { width: 300 }, /* @__PURE__ */ React.createElement(Text, null, "home"), /* @__PURE__ */ React.createElement(Text, null, "about"), /* @__PURE__ */ React.createElement(Text, null, "contact"), /* @__PURE__ */ React.createElement(Text, null, "help"))
+);
+export {
+  customPosition,
+  SimpleDialog_stories_default as default,
+  leftSideDialog,
+  main,
+  openWithFunction,
+  rightSideDialog
+};
+//# sourceMappingURL=SimpleDialog.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
+  "mappings": "AAqBA,OAAO,SAAS,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;AAAA,EAAC;AAAA;AAAA,IACC,cAAc,OAAO,cAAc;AAAA,IACnC,SAAS,oCAAC,cAAO,UAAQ;AAAA,IACzB,OAAM;AAAA,IACN,oBAAkB;AAAA;AAAA,EAElB,oCAAC,SAAM,aAAY,yBAAwB;AAAA,EAC3C,oCAAC,SAAM,aAAY,wBAAuB;AAAA,EAC1C,oCAAC,OAAO,OAAP,MACC,oCAAC,cAAO,QAAM,CAChB;AACF;AAGF,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACA,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,WAAO,cAAc,EAAE,GACvB,QAAQA,KAAI;AAAA,EACd;AAEA,SACE,oCAAC,UAAO,IAAG,gBACT,oCAAC,UAAO,SAAS,eAAa,UAAQ,GACtC,oCAAC,gBAAa,MAAY,cAAc,kBAAkB,OAAM,sBAC9D,oCAAC,SAAM,aAAY,yBAAwB,GAC3C,oCAAC,SAAM,aAAY,wBAAuB,GAC1C,oCAAC,OAAO,OAAP,MACC,oCAAC,cAAO,QAAM,CAChB,CACF,CACF;AAEJ;AACO,MAAM,mBAAmB,MAAM,oCAAC,sBAAiB;AAExD,IAAO,+BAAQ;AAER,MAAM,iBAAiB,CAAC,SAC7B;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ,SAAS,oCAAC,cAAO,aAAW;AAAA,IAC5B,oBAAkB;AAAA,IAClB,aAAa,EAAE,IAAI,cAAc,YAAY,GAAG;AAAA;AAAA,EAEhD,oCAAC,UAAO,OAAO,KAAK,QAAQ,OAC1B,oCAAC,SAAM,aAAY,UAAS,CAC9B;AACF,GAGW,kBAAkB,CAAC,SAC9B;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,oCAAC,cAAO,kBAAgB;AAAA,IACjC,kBAAgB;AAAA,IAChB,oBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,cAAc,EAAE,WAAW,QAAQ;AAAA,IAClC,GAAG;AAAA;AAAA,EAEJ,oCAAC,UAAO,OAAO,OACb,oCAAC,YAAK,MAAI,GACV,oCAAC,YAAK,OAAK,GACX,oCAAC,YAAK,SAAO,GACb,oCAAC,YAAK,MAAI,CACZ;AACF,GAGW,iBAAiB,CAAC,SAC7B;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,oCAAC,cAAO,kBAAgB;AAAA,IACjC,iBAAe;AAAA,IACf,oBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,cAAc,EAAE,WAAW,OAAO;AAAA,IACjC,GAAG;AAAA;AAAA,EAEJ,oCAAC,UAAO,OAAO,OACb,oCAAC,YAAK,MAAI,GACV,oCAAC,YAAK,OAAK,GACX,oCAAC,YAAK,SAAO,GACb,oCAAC,YAAK,MAAI,CACZ;AACF;",
+  "names": ["open"]
+}

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

@@ -10,6 +10,12 @@ function SimpleDialog({
   title,
   titleStyle,
   trigger,
+  portalStyle,
+  withoutCloseButton,
+  overlayStyle,
+  asLeftSideSheet,
+  asRightSideSheet,
+  transitionWidth,
   ...props
 }) {
   const [open, setOpen] = React.useState(props.open);
@@ -30,35 +36,68 @@ function SimpleDialog({
           /* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", space: !0, children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
           /* @__PURE__ */ jsx(Sheet.Overlay, {})
         ] }) }),
-        /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
-          /* @__PURE__ */ jsx(Dialog.Overlay, { animation: "bouncy", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }, "overlay"),
-          /* @__PURE__ */ jsxs(
-            Dialog.Content,
-            {
-              bordered: !0,
-              elevate: !0,
-              animation: [
-                "quick",
+        /* @__PURE__ */ jsxs(
+          Dialog.Portal,
+          {
+            ...asRightSideSheet && { jc: "flex-start", ai: "flex-end" },
+            ...asLeftSideSheet && { jc: "flex-start", ai: "flex-start" },
+            ...portalStyle,
+            children: [
+              /* @__PURE__ */ jsx(
+                Dialog.Overlay,
                 {
-                  opacity: {
-                    overshootClamping: !0
-                  }
-                }
-              ],
-              enterStyle: { x: 0, y: -20, opacity: 0, scale: 0.9 },
-              exitStyle: { x: 0, y: 10, opacity: 0, scale: 0.95 },
-              space: !0,
-              ...contentStyle,
-              children: [
-                title && /* @__PURE__ */ jsx(Dialog.Title, { ...titleStyle, children: title }),
-                description && /* @__PURE__ */ jsx(Dialog.Description, { ...descriptionStyle, children: description }),
-                children,
-                /* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: !0, space: !0, children: /* @__PURE__ */ jsx(Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: !0, space: !0, icon: X }) }) })
-              ]
-            },
-            "content"
-          )
-        ] })
+                  animation: "bouncy",
+                  o: 0.5,
+                  enterStyle: { o: 0 },
+                  exitStyle: { o: 0 },
+                  ...overlayStyle
+                },
+                "overlay"
+              ),
+              /* @__PURE__ */ jsxs(
+                Dialog.Content,
+                {
+                  bordered: !0,
+                  elevate: !0,
+                  animation: [
+                    "quick",
+                    {
+                      opacity: {
+                        overshootClamping: !0
+                      }
+                    }
+                  ],
+                  enterStyle: { x: 0, y: -150, opacity: 0, scale: 0.4 },
+                  exitStyle: { x: 0, y: -150, opacity: 0, scale: 0.4 },
+                  space: !0,
+                  ...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,
+                  children: [
+                    title && /* @__PURE__ */ jsx(Dialog.Title, { ...titleStyle, children: title }),
+                    description && /* @__PURE__ */ jsx(Dialog.Description, { ...descriptionStyle, children: description }),
+                    children,
+                    !withoutCloseButton && /* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: !0, space: !0, children: /* @__PURE__ */ jsx(Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: !0, space: !0, icon: X }) }) })
+                  ]
+                },
+                "content"
+              )
+            ]
+          }
+        )
       ]
     }
   );

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,iBAAiB;AAGjC,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAwCA,cAEV,YAFU;AA3BX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,MAAM,IAAI;AAEjD,mBAAU,MAAM;AACd,IAAI,OAAO,MAAM,OAAS,OAAe,MAAM,SAAS,QACxD,QAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC,GAGb;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACJ,GAAG;AAAA,MACJ;AAAA,MACA,cAAc,CAACA,UAAS;AACtB,gBAAQA,KAAI,GACR,MAAM,gBAAc,MAAM,aAAaA,KAAI;AAAA,MACjD;AAAA,MAEC;AAAA,mBAAW,oBAAC,OAAO,SAAP,EAAe,SAAO,IAAE,mBAAQ;AAAA,QAC7C,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,SAAM,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IAChD;AAAA,8BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,IAC7B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,UACA,oBAAC,MAAM,SAAN,EAAc;AAAA,WACjB,GACF;AAAA,QACA,qBAAC,OAAO,QAAP,EACC;AAAA,8BAAC,OAAO,SAAP,EAA6B,WAAU,UAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,KAA7E,SAAgF;AAAA,UACpG;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,UAAQ;AAAA,cACR,SAAO;AAAA,cAEP,WAAW;AAAA,gBACT;AAAA,gBACA;AAAA,kBACE,SAAS;AAAA,oBACP,mBAAmB;AAAA,kBACrB;AAAA,gBACF;AAAA,cACF;AAAA,cACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,cACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,cAClD,OAAK;AAAA,cACJ,GAAG;AAAA,cAEH;AAAA,yBAAS,oBAAC,OAAO,OAAP,EAAc,GAAG,YAAa,iBAAM;AAAA,gBAC9C,eAAe,oBAAC,OAAO,aAAP,EAAoB,GAAG,kBAAmB,uBAAY;AAAA,gBACtE;AAAA,gBACD,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,IAAC,OAAK,IACzB,8BAAC,UAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,IAAC,OAAK,IAAC,MAAM,GAAG,GACzE,GACF;AAAA;AAAA;AAAA,YArBI;AAAA,UAsBN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "mappings": "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",
   "names": ["open"]
 }

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

@@ -0,0 +1,98 @@
+import React, { useEffect } from "react";
+import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
+import { X } from "@tamagui/lucide-icons";
+function SimpleDialog({
+  children,
+  contentStyle,
+  description,
+  descriptionStyle,
+  title,
+  titleStyle,
+  trigger,
+  portalStyle,
+  withoutCloseButton,
+  overlayStyle,
+  asLeftSideSheet,
+  asRightSideSheet,
+  transitionWidth,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(props.open);
+  return useEffect(() => {
+    typeof props.open > "u" || props.open === open || setOpen(props.open);
+  }, [props.open]), /* @__PURE__ */ React.createElement(
+    Dialog,
+    {
+      modal: !0,
+      ...props,
+      open,
+      onOpenChange: (open2) => {
+        setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
+      }
+    },
+    trigger && /* @__PURE__ */ React.createElement(Dialog.Trigger, { asChild: !0 }, trigger),
+    /* @__PURE__ */ React.createElement(Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ React.createElement(Sheet, { zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0 }, /* @__PURE__ */ React.createElement(Sheet.Frame, { padding: "$4", space: !0 }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Sheet.Overlay, null))),
+    /* @__PURE__ */ React.createElement(
+      Dialog.Portal,
+      {
+        ...asRightSideSheet && { jc: "flex-start", ai: "flex-end" },
+        ...asLeftSideSheet && { jc: "flex-start", ai: "flex-start" },
+        ...portalStyle
+      },
+      /* @__PURE__ */ React.createElement(
+        Dialog.Overlay,
+        {
+          key: "overlay",
+          animation: "bouncy",
+          o: 0.5,
+          enterStyle: { o: 0 },
+          exitStyle: { o: 0 },
+          ...overlayStyle
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        Dialog.Content,
+        {
+          bordered: !0,
+          elevate: !0,
+          key: "content",
+          animation: [
+            "quick",
+            {
+              opacity: {
+                overshootClamping: !0
+              }
+            }
+          ],
+          enterStyle: { x: 0, y: -150, opacity: 0, scale: 0.4 },
+          exitStyle: { x: 0, y: -150, opacity: 0, scale: 0.4 },
+          space: !0,
+          ...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 && /* @__PURE__ */ React.createElement(Dialog.Title, { ...titleStyle }, title),
+        description && /* @__PURE__ */ React.createElement(Dialog.Description, { ...descriptionStyle }, description),
+        children,
+        !withoutCloseButton && /* @__PURE__ */ React.createElement(Unspaced, null, /* @__PURE__ */ React.createElement(Dialog.Close, { asChild: !0, space: !0 }, /* @__PURE__ */ React.createElement(Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: !0, space: !0, icon: X })))
+      )
+    )
+  );
+}
+export {
+  SimpleDialog
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
+  "mappings": "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",
+  "names": ["open"]
+}

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

@@ -1,17 +1,27 @@
 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";
 import { jsx, jsxs } from "react/jsx-runtime";
 const meta = {
   title: "panels/SimplePopover",
   component: SimplePopover,
   parameters: { status: { type: "beta" } }
-}, main = () => /* @__PURE__ */ jsx(SimplePopover, { trigger: /* @__PURE__ */ jsx(Button, { children: "Click here to get a Popover" }), children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Text, { children: "popover content" }) }) }), closeOnHoverOut = () => /* @__PURE__ */ jsx(SimplePopover, { trigger: /* @__PURE__ */ jsx(Button, { children: "click here" }), closeOnHoverOut: !0, children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Text, { children: "popover content will close on hoverOut" }) }) });
+}, main = () => /* @__PURE__ */ jsx(
+  SimplePopover,
+  {
+    children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Text, { children: "popover content" }) })
+  }
+), closeOnHoverOut = () => /* @__PURE__ */ jsx(
+  SimplePopover,
+  {
+    closeOnHoverOut: !0,
+    children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Text, { children: "popover content will close on hoverOut" }) })
+  }
+);
 function Open() {
   return /* @__PURE__ */ jsx(
     SimplePopover,
     {
-      trigger: /* @__PURE__ */ jsx(Button, { children: "hover on it to get Popover" }),
       triggerOnHover: !0,
       arrow: !1,
       triggerStyle: { als: "center", ai: "center" },
@@ -27,7 +37,14 @@ const openOnHover = () => /* @__PURE__ */ jsxs(XStack, { jc: "space-around", chi
   return /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
     /* @__PURE__ */ jsx(Label, { children: "change the switch to get popover" }),
     /* @__PURE__ */ jsx(Switch, { checked: props.open, onCheckedChange: setOpen }),
-    /* @__PURE__ */ jsx(SimplePopover, { open, onOpenChange: setOpen, trigger: /* @__PURE__ */ jsx(Button, { children: "Popup will open here" }), children: /* @__PURE__ */ jsx(Text, { children: "Conditional popover" }) })
+    /* @__PURE__ */ jsx(
+      SimplePopover,
+      {
+        open,
+        onOpenChange: setOpen,
+        children: /* @__PURE__ */ jsx(Text, { children: "Conditional popover" })
+      }
+    )
   ] });
 }, openOnChangingTheCondition = (args) => /* @__PURE__ */ jsx(OnCondition, { ...args }), ConditionalPopover = () => {
   const [open, setOpen] = useState(!1), [inputVal, setInputVal] = useState("");

package/dist/esm/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;AAUzC,cAiCxB,YAjCwB;AAP1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,oBAAC,iBAAc,SAAS,oBAAC,UAAO,yCAA2B,GACzD,8BAAC,UACC,8BAAC,QAAK,6BAAe,GACvB,GACF,GAGW,kBAAkB,MAC7B,oBAAC,iBAAc,SAAS,oBAAC,UAAO,wBAAU,GAAW,iBAAe,IAClE,8BAAC,UACC,8BAAC,QAAK,oDAAsC,GAC9C,GACF;AAGF,SAAS,OAAO;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,oBAAC,UAAO,wCAA0B;AAAA,MAC3C,gBAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,MAE5C,8BAAC,UACE,WAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,oBAAC,QAAc,eAAJ,CAAM,CAClB,GACH;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,cAAc,MACzB,qBAAC,UAAO,IAAG,gBACT;AAAA,sBAAC,QAAK;AAAA,EACN,oBAAC,QAAK;AAAA,GACR,GAGI,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,SAAM,8CAAgC;AAAA,IACvC,oBAAC,UAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,oBAAC,iBAAc,MAAY,cAAc,SAAS,SAAS,oBAAC,UAAO,kCAAoB,GACrF,8BAAC,QAAK,iCAAmB,GAC3B;AAAA,KACF;AAEJ,GAEa,6BAA6B,CAAC,SAAS,oBAAC,eAAa,GAAG,MAAM,GAErE,qBAAqB,MAAM;AAC/B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK,GAChC,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,WAAS,YAAY,KAAK;AACxB,IAAoB,QAAhB,QAAQ,MAAoB,GAEhC,YAAY,GAAG;AAAA,EACjB;AAEA,SACE,oBAAC,UAAO,OAAK,IACX;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,gBACE,oBAAC,UACC,8BAAC,SAAM,OAAO,UAAU,cAAc,aAAa,aAAY,0BAAyB,GAC1F;AAAA,MAEF,OAAO;AAAA,MAEP,8BAAC,QAAK,iCAAmB;AAAA;AAAA,EAC3B,GACF;AAEJ,GAEa,qBAAqB,CAAC,SAAS,oBAAC,sBAAoB,GAAG,MAAM;AAE1E,IAAO,gCAAQ;",
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,OAAO,aAAa;AAcrD,cAkCJ,YAlCI;AAXN,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,IAGC,8BAAC,UACC,8BAAC,QAAK,6BAAe,GACvB;AAAA;AACF,GAGW,kBAAkB,MAC7B;AAAA,EAAC;AAAA;AAAA,IAEC,iBAAe;AAAA,IAEf,8BAAC,UACC,8BAAC,QAAK,oDAAsC,GAC9C;AAAA;AACF;AAGF,SAAS,OAAO;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MAEC,gBAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,MAE5C,8BAAC,UACE,WAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,oBAAC,QAAc,eAAJ,CAAM,CAClB,GACH;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,cAAc,MACzB,qBAAC,UAAO,IAAG,gBACT;AAAA,sBAAC,QAAK;AAAA,EACN,oBAAC,QAAK;AAAA,GACR,GAGI,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,SAAM,8CAAgC;AAAA,IACvC,oBAAC,UAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,cAAc;AAAA,QAGd,8BAAC,QAAK,iCAAmB;AAAA;AAAA,IAC3B;AAAA,KACF;AAEJ,GAEa,6BAA6B,CAAC,SAAS,oBAAC,eAAa,GAAG,MAAM,GAErE,qBAAqB,MAAM;AAC/B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK,GAChC,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,WAAS,YAAY,KAAK;AACxB,IAAoB,QAAhB,QAAQ,MAAoB,GAEhC,YAAY,GAAG;AAAA,EACjB;AAEA,SACE,oBAAC,UAAO,OAAK,IACX;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,gBACE,oBAAC,UACC,8BAAC,SAAM,OAAO,UAAU,cAAc,aAAa,aAAY,0BAAyB,GAC1F;AAAA,MAEF,OAAO;AAAA,MAEP,8BAAC,QAAK,iCAAmB;AAAA;AAAA,EAC3B,GACF;AAEJ,GAEa,qBAAqB,CAAC,SAAS,oBAAC,sBAAoB,GAAG,MAAM;AAE1E,IAAO,gCAAQ;",
   "names": []
 }

package/dist/esm/panels/SimplePopover/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

@@ -57,7 +57,7 @@ function SimplePopover({
         zi: 9999999999,
         ...contentStyle,
         children: [
-          arrow && /* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
+          arrow && /* @__PURE__ */ jsx(Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor", ...arrowStyle }),
           children
         ]
       }

package/dist/esm/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;AA8BnB,cA2CI,YA3CJ;AALG,MAAM,uBAAuB,MAAM,WAAuC,CAAC,OAAmB,iBAAiB;AACpH,QAAM,UAAU,kBAAkB,GAC5B,qBAAqB,gBAAgB,cAAc,QAAQ,UAAU,GAErE,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,iBAAe,QAAQ;AAAA,MACvB,cAAY,SAAS,QAAQ,IAAI;AAAA,MAChC,GAAG;AAAA,MACJ,KAAK;AAAA;AAAA,EACP;AAGF,SAAO,QAAQ,kBAAkB,UAAU,oBAAC,gBAAa,SAAO,IAAE,mBAAQ;AAC5E,CAAC;AAEM,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,EAAK,GACtC,UAAU,aAAa;AAE7B,SACE,qBAAC,WAAQ,MAAK,MAAK,WAAS,IAAC,MAAY,cAAc,SAAU,GAAG,OACjE;AAAA,eAAW,MAAM,WAChB,oBAAC,QAAQ,SAAR,EAAgB,SAAO,IACrB,2BACC,oBAAC,UAAO,WAAW,MAAM,QAAQ,EAAI,GAAG,YAAY,MAAM,QAAQ,EAAK,GAAI,GAAG,cAC3E,gBAAM,SACT,IAEA,MAAM,SAEV;AAAA,IAED,CAAC,WAAW,oBAAoB,SAAS,UAAU,SAClD,oBAAC,wBAAqB,SAAO,IAAE,gBAAM,gBAAe;AAAA,IAGtD,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,QAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,0BAAC,QAAQ,MAAM,OAAd,EAAoB,SAAQ,MAAK,cAAc,MAAM,QAAQ,EAAI,GAChE,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA,oBAAC,QAAQ,MAAM,SAAd,EAAsB;AAAA,OACzB,GACF;AAAA,IACA;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACvC,WAAY,iBAAgD,SAA/B,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACxD,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WACG,iBASG,SARA;AAAA,UACE;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAGN,SAAO;AAAA,QACP,WAAW,iBAAiB,MAAM,QAAQ,EAAI,IAAI;AAAA,QAClD,YAAY,kBAAkB,kBAAkB,MAAM,QAAQ,EAAK,IAAI;AAAA,QACvE,IAAI;AAAA,QACH,GAAG;AAAA,QAEH;AAAA,mBAAS,oBAAC,QAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,UACnE;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;",
+  "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": []
 }