@multiplatform.one/components 0.2.17 → 0.7.1

package/dist/cjs/panels/SimpleAlertDialog/index.native.js

@@ -0,0 +1,85 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SimpleAlertDialog_exports = {};
+__export(SimpleAlertDialog_exports, {
+  SimpleAlertDialog: () => SimpleAlertDialog
+});
+module.exports = __toCommonJS(SimpleAlertDialog_exports);
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui");
+function SimpleAlertDialog({
+  children,
+  title,
+  cancel,
+  accept,
+  description,
+  titleStyle,
+  contentStyle,
+  descriptionStyle,
+  open,
+  buttonStyle,
+  customContent,
+  ...triggerProps
+}) {
+  const [isOpen, setIsOpen] = import_react.default.useState(open);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_tamagui.AlertDialog,
+    {
+      native: !0,
+      ...triggerProps,
+      open: isOpen,
+      onOpenChange: (e) => {
+        triggerProps.onOpenChange ? triggerProps.onOpenChange(e) : setIsOpen(!isOpen);
+      }
+    },
+    typeof open > "u" ? /* @__PURE__ */ import_react.default.createElement(import_tamagui.AlertDialog.Trigger, { asChild: !0 }, children) : null,
+    /* @__PURE__ */ import_react.default.createElement(import_tamagui.AlertDialog.Portal, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.AlertDialog.Overlay, { key: "overlay", animation: "quick", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }), /* @__PURE__ */ import_react.default.createElement(
+      import_tamagui.AlertDialog.Content,
+      {
+        bordered: !0,
+        elevate: !0,
+        key: "content",
+        animation: [
+          "bouncy",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
+          }
+        ],
+        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
+      },
+      customContent || /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { space: !0 }, title && /* @__PURE__ */ import_react.default.createElement(import_tamagui.AlertDialog.Title, null, title), description && /* @__PURE__ */ import_react.default.createElement(import_tamagui.AlertDialog.Description, null, description), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, { space: "$3", jc: "flex-end" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.AlertDialog.Cancel, { asChild: !0 }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { ...buttonStyle }, cancel || "cancel")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.AlertDialog.Action, { asChild: !0, onPress: triggerProps.onAccept }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { theme: "active", ...buttonStyle }, accept || "accept"))))
+    ))
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimpleAlertDialog
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAElB,iBAAoD;AAyB7C,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,CAAC,QAAQ,SAAS,IAAI,aAAAA,QAAM,SAAS,IAAI;AAE/C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,QAAM;AAAA,MACL,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,cAAc,CAAC,MAAM;AACnB,QAAI,aAAa,eAAc,aAAa,aAAa,CAAC,IACrD,UAAU,CAAC,MAAM;AAAA,MACxB;AAAA;AAAA,IAEC,OAAO,OAAS,MAAc,6BAAAA,QAAA,cAAC,2BAAY,SAAZ,EAAoB,SAAO,MAAE,QAAS,IAAyB;AAAA,IAC/F,6BAAAA,QAAA,cAAC,2BAAY,QAAZ,MACC,6BAAAA,QAAA,cAAC,2BAAY,SAAZ,EAAoB,KAAI,WAAU,WAAU,SAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG,GACxG,6BAAAA,QAAA;AAAA,MAAC,2BAAY;AAAA,MAAZ;AAAA,QACC,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,KAAI;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,QACF,GAAG;AAAA;AAAA,MAEH,iBAGC,6BAAAA,QAAA,cAAC,yBAAO,OAAK,MACV,SAAS,6BAAAA,QAAA,cAAC,2BAAY,OAAZ,MAAmB,KAAM,GACnC,eAAe,6BAAAA,QAAA,cAAC,2BAAY,aAAZ,MAAyB,WAAY,GACtD,6BAAAA,QAAA,cAAC,yBAAO,OAAM,MAAK,IAAG,cACpB,6BAAAA,QAAA,cAAC,2BAAY,QAAZ,EAAmB,SAAO,MACzB,6BAAAA,QAAA,cAAC,yBAAQ,GAAG,eAAc,UAAU,QAAS,CAC/C,GACA,6BAAAA,QAAA,cAAC,2BAAY,QAAZ,EAAmB,SAAO,IAAC,SAAS,aAAa,YAChD,6BAAAA,QAAA,cAAC,yBAAO,OAAM,UAAU,GAAG,eACxB,UAAU,QACb,CACF,CACF,CACF;AAAA,IAEJ,CACF;AAAA,EACF;AAEJ;",
+  "names": ["React"]
+}

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

@@ -1,30 +1,17 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SimpleDialog_stories_exports = {};
 __export(SimpleDialog_stories_exports, {
   default: () => SimpleDialog_stories_default,
@@ -32,28 +19,34 @@ __export(SimpleDialog_stories_exports, {
   openWithFunction: () => openWithFunction
 });
 module.exports = __toCommonJS(SimpleDialog_stories_exports);
-var import_react = __toESM(require("react"));
-var import_tamagui = require("tamagui");
-var import_index = require("./index");
-var import_addon_actions = require("@storybook/addon-actions");
+var import_react = require("react"), import_tamagui = require("tamagui"), import_index = require("./index"), import_addon_actions = require("@storybook/addon-actions"), import_jsx_runtime = require("react/jsx-runtime");
 const meta = {
   title: "panels/SimpleDialog",
   component: import_index.SimpleDialog,
   parameters: { status: { type: "beta" } }
-};
-const main = () => /* @__PURE__ */ import_react.default.createElement(import_index.SimpleDialog, { onOpenChange: (0, import_addon_actions.action)("onOpenChange"), trigger: /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Press Me"), title: "Fill the details" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { placeholder: "Enter your first name" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { placeholder: "Enter your last name" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Close, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Submit")));
+}, main = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_index.SimpleDialog, { onOpenChange: (0, import_addon_actions.action)("onOpenChange"), trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Press Me" }), title: "Fill the details", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { placeholder: "Enter your first name" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { placeholder: "Enter your last name" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Submit" }) })
+] });
 function OpenWithFunction() {
-  const [open, setOpen] = (0, import_react.useState)(false);
+  const [open, setOpen] = (0, import_react.useState)(!1);
   function handlePress() {
     setOpen((open2) => !open2);
   }
   function handleOpenChange(open2) {
-    (0, import_addon_actions.action)("onOpenChange")();
-    setOpen(open2);
+    (0, import_addon_actions.action)("onOpenChange")(), setOpen(open2);
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { ai: "flex-start" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { onPress: handlePress }, "Press Me"), /* @__PURE__ */ import_react.default.createElement(import_index.SimpleDialog, { open, onOpenChange: handleOpenChange, title: "Fill the details" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { placeholder: "Enter your first name" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { placeholder: "Enter your last name" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Close, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Submit"))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { ai: "flex-start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: handlePress, children: "Press Me" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_index.SimpleDialog, { open, onOpenChange: handleOpenChange, title: "Fill the details", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { placeholder: "Enter your first name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { placeholder: "Enter your last name" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Submit" }) })
+    ] })
+  ] });
 }
-const openWithFunction = () => /* @__PURE__ */ import_react.default.createElement(OpenWithFunction, null);
+const openWithFunction = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OpenWithFunction, {});
 var SimpleDialog_stories_default = meta;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAEhC,qBAA8C;AAC9C,mBAA6B;AAC7B,2BAAuB;AAEvB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,6BAAAA,QAAA,cAAC,6BAAa,kBAAc,6BAAO,cAAc,GAAG,SAAS,6BAAAA,QAAA,cAAC,6BAAO,UAAQ,GAAW,OAAM,sBAC5F,6BAAAA,QAAA,cAAC,wBAAM,aAAY,yBAAwB,GAC3C,6BAAAA,QAAA,cAAC,wBAAM,aAAY,wBAAuB,GAC1C,6BAAAA,QAAA,cAAC,sBAAO,OAAP,MACC,6BAAAA,QAAA,cAAC,6BAAO,QAAM,CAChB,CACF;AAGF,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,KAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACC,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,qCAAO,cAAc,EAAE;AACvB,YAAQA,KAAI;AAAA,EACd;AAEA,SACE,6BAAAD,QAAA,cAAC,yBAAO,IAAG,gBACT,6BAAAA,QAAA,cAAC,yBAAO,SAAS,eAAa,UAAQ,GACtC,6BAAAA,QAAA,cAAC,6BAAa,MAAY,cAAc,kBAAkB,OAAM,sBAC9D,6BAAAA,QAAA,cAAC,wBAAM,aAAY,yBAAwB,GAC3C,6BAAAA,QAAA,cAAC,wBAAM,aAAY,wBAAuB,GAC1C,6BAAAA,QAAA,cAAC,sBAAO,OAAP,MACC,6BAAAA,QAAA,cAAC,6BAAO,QAAM,CAChB,CACF,CACF;AAEJ;AACO,MAAM,mBAAmB,MAAM,6BAAAA,QAAA,cAAC,sBAAiB;AAExD,IAAO,+BAAQ;",
-  "names": ["React", "open"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC,kBAEhC,iBAA8C,oBAC9C,eAA6B,oBAC7B,uBAAuB,qCASrB;AAPF,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,6CAAC,6BAAa,kBAAc,6BAAO,cAAc,GAAG,SAAS,4CAAC,yBAAO,sBAAQ,GAAW,OAAM,oBAC5F;AAAA,8CAAC,wBAAM,aAAY,yBAAwB;AAAA,EAC3C,4CAAC,wBAAM,aAAY,wBAAuB;AAAA,EAC1C,4CAAC,sBAAO,OAAP,EACC,sDAAC,yBAAO,oBAAM,GAChB;AAAA,GACF;AAGF,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,EAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACA,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,qCAAO,cAAc,EAAE,GACvB,QAAQA,KAAI;AAAA,EACd;AAEA,SACE,6CAAC,yBAAO,IAAG,cACT;AAAA,gDAAC,yBAAO,SAAS,aAAa,sBAAQ;AAAA,IACtC,6CAAC,6BAAa,MAAY,cAAc,kBAAkB,OAAM,oBAC9D;AAAA,kDAAC,wBAAM,aAAY,yBAAwB;AAAA,MAC3C,4CAAC,wBAAM,aAAY,wBAAuB;AAAA,MAC1C,4CAAC,sBAAO,OAAP,EACC,sDAAC,yBAAO,oBAAM,GAChB;AAAA,OACF;AAAA,KACF;AAEJ;AACO,MAAM,mBAAmB,MAAM,4CAAC,oBAAiB;AAExD,IAAO,+BAAQ;",
+  "names": ["open"]
 }

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

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SimpleDialog_stories_exports = {};
+__export(SimpleDialog_stories_exports, {
+  default: () => SimpleDialog_stories_default,
+  main: () => main,
+  openWithFunction: () => openWithFunction
+});
+module.exports = __toCommonJS(SimpleDialog_stories_exports);
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_index = require("./index"), import_addon_actions = require("@storybook/addon-actions");
+const meta = {
+  title: "panels/SimpleDialog",
+  component: import_index.SimpleDialog,
+  parameters: { status: { type: "beta" } }
+}, main = () => /* @__PURE__ */ import_react.default.createElement(import_index.SimpleDialog, { onOpenChange: (0, import_addon_actions.action)("onOpenChange"), trigger: /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Press Me"), title: "Fill the details" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { placeholder: "Enter your first name" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { placeholder: "Enter your last name" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Close, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Submit")));
+function OpenWithFunction() {
+  const [open, setOpen] = (0, import_react.useState)(!1);
+  function handlePress() {
+    setOpen((open2) => !open2);
+  }
+  function handleOpenChange(open2) {
+    (0, import_addon_actions.action)("onOpenChange")(), setOpen(open2);
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { ai: "flex-start" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { onPress: handlePress }, "Press Me"), /* @__PURE__ */ import_react.default.createElement(import_index.SimpleDialog, { open, onOpenChange: handleOpenChange, title: "Fill the details" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { placeholder: "Enter your first name" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { placeholder: "Enter your last name" }), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Close, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Submit"))));
+}
+const openWithFunction = () => /* @__PURE__ */ import_react.default.createElement(OpenWithFunction, null);
+var SimpleDialog_stories_default = meta;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main,
+  openWithFunction
+});
+//# sourceMappingURL=SimpleDialog.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC,2BAEhC,iBAA8C,oBAC9C,eAA6B,oBAC7B,uBAAuB;AAEvB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,6BAAAA,QAAA,cAAC,6BAAa,kBAAc,6BAAO,cAAc,GAAG,SAAS,6BAAAA,QAAA,cAAC,6BAAO,UAAQ,GAAW,OAAM,sBAC5F,6BAAAA,QAAA,cAAC,wBAAM,aAAY,yBAAwB,GAC3C,6BAAAA,QAAA,cAAC,wBAAM,aAAY,wBAAuB,GAC1C,6BAAAA,QAAA,cAAC,sBAAO,OAAP,MACC,6BAAAA,QAAA,cAAC,6BAAO,QAAM,CAChB,CACF;AAGF,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,EAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACC,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,qCAAO,cAAc,EAAE,GACvB,QAAQA,KAAI;AAAA,EACd;AAEA,SACE,6BAAAD,QAAA,cAAC,yBAAO,IAAG,gBACT,6BAAAA,QAAA,cAAC,yBAAO,SAAS,eAAa,UAAQ,GACtC,6BAAAA,QAAA,cAAC,6BAAa,MAAY,cAAc,kBAAkB,OAAM,sBAC9D,6BAAAA,QAAA,cAAC,wBAAM,aAAY,yBAAwB,GAC3C,6BAAAA,QAAA,cAAC,wBAAM,aAAY,wBAAuB,GAC1C,6BAAAA,QAAA,cAAC,sBAAO,OAAP,MACC,6BAAAA,QAAA,cAAC,6BAAO,QAAM,CAChB,CACF,CACF;AAEJ;AACO,MAAM,mBAAmB,MAAM,6BAAAA,QAAA,cAAC,sBAAiB;AAExD,IAAO,+BAAQ;",
+  "names": ["React", "open"]
+}

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

@@ -2,18 +2,14 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
@@ -21,18 +17,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // file that has been converted to a CommonJS file using a Babel-
   // compatible transform (i.e. "__esModule" has not been set), then set
   // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SimpleDialog_exports = {};
 __export(SimpleDialog_exports, {
   SimpleDialog: () => SimpleDialog
 });
 module.exports = __toCommonJS(SimpleDialog_exports);
-var import_react = __toESM(require("react"));
-var import_tamagui = require("tamagui");
-var import_lucide_icons = require("@tamagui/lucide-icons");
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_lucide_icons = require("@tamagui/lucide-icons"), import_jsx_runtime = require("react/jsx-runtime");
 function SimpleDialog({
   children,
   contentStyle,
@@ -44,49 +37,54 @@ function SimpleDialog({
   ...props
 }) {
   const [open, setOpen] = import_react.default.useState(props.open);
-  (0, import_react.useEffect)(() => {
-    if (typeof props.open === "undefined" || props.open === open)
-      return;
-    setOpen(props.open);
-  }, [props.open]);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return (0, import_react.useEffect)(() => {
+    typeof props.open > "u" || props.open === open || setOpen(props.open);
+  }, [props.open]), /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_tamagui.Dialog,
     {
-      modal: true,
+      modal: !0,
       ...props,
       open,
       onOpenChange: (open2) => {
-        setOpen(open2);
-        if (props.onOpenChange)
-          props.onOpenChange(open2);
-      }
-    },
-    trigger && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Trigger, { asChild: true }, trigger),
-    /* @__PURE__ */ import_react.default.createElement(import_tamagui.Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Sheet, { zIndex: 2e5, modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Sheet.Frame, { padding: "$4", space: true }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Adapt.Contents, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Sheet.Overlay, null))),
-    /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Portal, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Overlay, { key: "overlay", animation: "bouncy", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }), /* @__PURE__ */ import_react.default.createElement(
-      import_tamagui.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: true,
-        ...contentStyle
+        setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
       },
-      title && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Title, { ...titleStyle }, title),
-      description && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Description, { ...descriptionStyle }, description),
-      children,
-      /* @__PURE__ */ import_react.default.createElement(import_tamagui.Unspaced, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Close, { asChild: true, space: true }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: true, space: true, icon: import_lucide_icons.X })))
-    ))
+      children: [
+        trigger && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Trigger, { asChild: !0, children: trigger }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Sheet, { zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { padding: "$4", space: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Overlay, {})
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Dialog.Portal, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, { animation: "bouncy", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }, "overlay"),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+            import_tamagui.Dialog.Content,
+            {
+              bordered: !0,
+              elevate: !0,
+              animation: [
+                "quick",
+                {
+                  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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, { ...titleStyle, children: title }),
+                description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, { ...descriptionStyle, children: description }),
+                children,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, { asChild: !0, space: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: !0, space: !0, icon: import_lucide_icons.X }) }) })
+              ]
+            },
+            "content"
+          )
+        ] })
+      ]
+    }
   );
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC;AAGjC,qBAAuD;AACvD,0BAAkB;AAaX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,MAAM,IAAI;AAEjD,8BAAU,MAAM;AACd,QAAI,OAAO,MAAM,SAAS,eAAe,MAAM,SAAS;AAAM;AAC9D,YAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACJ,GAAG;AAAA,MACJ;AAAA,MACA,cAAc,CAACC,UAAS;AACtB,gBAAQA,KAAI;AACZ,YAAI,MAAM;AAAc,gBAAM,aAAaA,KAAI;AAAA,MACjD;AAAA;AAAA,IAEC,WAAW,6BAAAD,QAAA,cAAC,sBAAO,SAAP,EAAe,SAAO,QAAE,OAAQ;AAAA,IAC7C,6BAAAA,QAAA,cAAC,wBAAM,MAAK,MAAK,UAAS,WACxB,6BAAAA,QAAA,cAAC,wBAAM,QAAQ,KAAQ,OAAK,MAAC,uBAAqB,QAChD,6BAAAA,QAAA,cAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,QAC7B,6BAAAA,QAAA,cAAC,qBAAM,UAAN,IAAe,CAClB,GACA,6BAAAA,QAAA,cAAC,qBAAM,SAAN,IAAc,CACjB,CACF;AAAA,IACA,6BAAAA,QAAA,cAAC,sBAAO,QAAP,MACC,6BAAAA,QAAA,cAAC,sBAAO,SAAP,EAAe,KAAI,WAAU,WAAU,UAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG,GACpG,6BAAAA,QAAA;AAAA,MAAC,sBAAO;AAAA,MAAP;AAAA,QACC,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,KAAI;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,OAAK;AAAA,QACJ,GAAG;AAAA;AAAA,MAEH,SAAS,6BAAAA,QAAA,cAAC,sBAAO,OAAP,EAAc,GAAG,cAAa,KAAM;AAAA,MAC9C,eAAe,6BAAAA,QAAA,cAAC,sBAAO,aAAP,EAAoB,GAAG,oBAAmB,WAAY;AAAA,MACtE;AAAA,MACD,6BAAAA,QAAA,cAAC,+BACC,6BAAAA,QAAA,cAAC,sBAAO,OAAP,EAAa,SAAO,MAAC,OAAK,QACzB,6BAAAA,QAAA,cAAC,yBAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,MAAC,OAAK,MAAC,MAAM,uBAAG,CACzE,CACF;AAAA,IACF,CACF;AAAA,EACF;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC,2BAGjC,iBAAuD,oBACvD,sBAAkB,kCAwCA;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,aAAAA,QAAM,SAAS,MAAM,IAAI;AAEjD,qCAAU,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,CAACC,UAAS;AACtB,gBAAQA,KAAI,GACR,MAAM,gBAAc,MAAM,aAAaA,KAAI;AAAA,MACjD;AAAA,MAEC;AAAA,mBAAW,4CAAC,sBAAO,SAAP,EAAe,SAAO,IAAE,mBAAQ;AAAA,QAC7C,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,wBAAM,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IAChD;AAAA,sDAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,IAC7B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,UACA,4CAAC,qBAAM,SAAN,EAAc;AAAA,WACjB,GACF;AAAA,QACA,6CAAC,sBAAO,QAAP,EACC;AAAA,sDAAC,sBAAO,SAAP,EAA6B,WAAU,UAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,KAA7E,SAAgF;AAAA,UACpG;AAAA,YAAC,sBAAO;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,4CAAC,sBAAO,OAAP,EAAc,GAAG,YAAa,iBAAM;AAAA,gBAC9C,eAAe,4CAAC,sBAAO,aAAP,EAAoB,GAAG,kBAAmB,uBAAY;AAAA,gBACtE;AAAA,gBACD,4CAAC,2BACC,sDAAC,sBAAO,OAAP,EAAa,SAAO,IAAC,OAAK,IACzB,sDAAC,yBAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,IAAC,OAAK,IAAC,MAAM,uBAAG,GACzE,GACF;AAAA;AAAA;AAAA,YArBI;AAAA,UAsBN;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": ["React", "open"]
 }

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

@@ -0,0 +1,84 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SimpleDialog_exports = {};
+__export(SimpleDialog_exports, {
+  SimpleDialog: () => SimpleDialog
+});
+module.exports = __toCommonJS(SimpleDialog_exports);
+var import_react = __toESM(require("react")), import_tamagui = require("tamagui"), import_lucide_icons = require("@tamagui/lucide-icons");
+function SimpleDialog({
+  children,
+  contentStyle,
+  description,
+  descriptionStyle,
+  title,
+  titleStyle,
+  trigger,
+  ...props
+}) {
+  const [open, setOpen] = import_react.default.useState(props.open);
+  return (0, import_react.useEffect)(() => {
+    typeof props.open > "u" || props.open === open || setOpen(props.open);
+  }, [props.open]), /* @__PURE__ */ import_react.default.createElement(
+    import_tamagui.Dialog,
+    {
+      modal: !0,
+      ...props,
+      open,
+      onOpenChange: (open2) => {
+        setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
+      }
+    },
+    trigger && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Trigger, { asChild: !0 }, trigger),
+    /* @__PURE__ */ import_react.default.createElement(import_tamagui.Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Sheet, { zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0 }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Sheet.Frame, { padding: "$4", space: !0 }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Adapt.Contents, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Sheet.Overlay, null))),
+    /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Portal, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Overlay, { key: "overlay", animation: "bouncy", o: 0.5, enterStyle: { o: 0 }, exitStyle: { o: 0 } }), /* @__PURE__ */ import_react.default.createElement(
+      import_tamagui.Dialog.Content,
+      {
+        bordered: !0,
+        elevate: !0,
+        key: "content",
+        animation: [
+          "quick",
+          {
+            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
+      },
+      title && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Title, { ...titleStyle }, title),
+      description && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Description, { ...descriptionStyle }, description),
+      children,
+      /* @__PURE__ */ import_react.default.createElement(import_tamagui.Unspaced, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Dialog.Close, { asChild: !0, space: !0 }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: !0, space: !0, icon: import_lucide_icons.X })))
+    ))
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimpleDialog
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAiC,2BAGjC,iBAAuD,oBACvD,sBAAkB;AAaX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,MAAM,IAAI;AAEjD,qCAAU,MAAM;AACd,IAAI,OAAO,MAAM,OAAS,OAAe,MAAM,SAAS,QACxD,QAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC,GAGb,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,OAAK;AAAA,MACJ,GAAG;AAAA,MACJ;AAAA,MACA,cAAc,CAACC,UAAS;AACtB,gBAAQA,KAAI,GACR,MAAM,gBAAc,MAAM,aAAaA,KAAI;AAAA,MACjD;AAAA;AAAA,IAEC,WAAW,6BAAAD,QAAA,cAAC,sBAAO,SAAP,EAAe,SAAO,MAAE,OAAQ;AAAA,IAC7C,6BAAAA,QAAA,cAAC,wBAAM,MAAK,MAAK,UAAS,WACxB,6BAAAA,QAAA,cAAC,wBAAM,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,MAChD,6BAAAA,QAAA,cAAC,qBAAM,OAAN,EAAY,SAAQ,MAAK,OAAK,MAC7B,6BAAAA,QAAA,cAAC,qBAAM,UAAN,IAAe,CAClB,GACA,6BAAAA,QAAA,cAAC,qBAAM,SAAN,IAAc,CACjB,CACF;AAAA,IACA,6BAAAA,QAAA,cAAC,sBAAO,QAAP,MACC,6BAAAA,QAAA,cAAC,sBAAO,SAAP,EAAe,KAAI,WAAU,WAAU,UAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG,GACpG,6BAAAA,QAAA;AAAA,MAAC,sBAAO;AAAA,MAAP;AAAA,QACC,UAAQ;AAAA,QACR,SAAO;AAAA,QACP,KAAI;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,OAAK;AAAA,QACJ,GAAG;AAAA;AAAA,MAEH,SAAS,6BAAAA,QAAA,cAAC,sBAAO,OAAP,EAAc,GAAG,cAAa,KAAM;AAAA,MAC9C,eAAe,6BAAAA,QAAA,cAAC,sBAAO,aAAP,EAAoB,GAAG,oBAAmB,WAAY;AAAA,MACtE;AAAA,MACD,6BAAAA,QAAA,cAAC,+BACC,6BAAAA,QAAA,cAAC,sBAAO,OAAP,EAAa,SAAO,IAAC,OAAK,MACzB,6BAAAA,QAAA,cAAC,yBAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,IAAC,OAAK,IAAC,MAAM,uBAAG,CACzE,CACF;AAAA,IACF,CACF;AAAA,EACF;AAEJ;",
+  "names": ["React", "open"]
+}

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

@@ -1,48 +1,78 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SimplePopover_stories_exports = {};
 __export(SimplePopover_stories_exports, {
+  closeOnHoverOut: () => closeOnHoverOut,
   default: () => SimplePopover_stories_default,
-  main: () => main
+  main: () => main,
+  openOnAnyCondition: () => openOnAnyCondition,
+  openOnChangingTheCondition: () => openOnChangingTheCondition,
+  openOnHover: () => openOnHover
 });
 module.exports = __toCommonJS(SimplePopover_stories_exports);
-var import_react = __toESM(require("react"));
-var import_index = require("./index");
-var import_tamagui = require("tamagui");
+var import_react = require("react"), import_index = require("./index"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 const meta = {
   title: "panels/SimplePopover",
   component: import_index.SimplePopover,
   parameters: { status: { type: "beta" } }
-};
-const main = () => /* @__PURE__ */ import_react.default.createElement(import_index.SimplePopover, { trigger: /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, null, "Click here to get a Popover") }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Text, null, "popover content")));
+}, main = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimplePopover, { trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Click here to get a Popover" }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "popover content" }) }) }), closeOnHoverOut = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimplePopover, { trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "click here" }), closeOnHoverOut: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "popover content will close on hoverOut" }) }) });
+function Open() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_index.SimplePopover,
+    {
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "hover on it to get Popover" }),
+      triggerOnHover: !0,
+      arrow: !1,
+      triggerStyle: { als: "center", ai: "center" },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { children: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: i }, i)) })
+    }
+  );
+}
+const openOnHover = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { jc: "space-around", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Open, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Open, {})
+] }), OnCondition = (props) => {
+  const [open, setOpen] = (0, import_react.useState)(!1);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { space: !0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { children: "change the switch to get popover" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, { checked: props.open, onCheckedChange: setOpen }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimplePopover, { open, onOpenChange: setOpen, trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "Popup will open here" }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Conditional popover" }) })
+  ] });
+}, openOnChangingTheCondition = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OnCondition, { ...args }), ConditionalPopover = () => {
+  const [open, setOpen] = (0, import_react.useState)(!1), [inputVal, setInputVal] = (0, import_react.useState)("");
+  function handleInput(val) {
+    setOpen(val === "show"), setInputVal(val);
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { space: !0, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_index.SimplePopover,
+    {
+      open,
+      onOpenChange: setOpen,
+      triggerElement: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, { value: inputVal, onChangeText: handleInput, placeholder: "type show to get popup" }) }),
+      arrow: !0,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "Conditional popover" })
+    }
+  ) });
+}, openOnAnyCondition = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ConditionalPopover, { ...args });
 var SimplePopover_stories_default = meta;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  main
+  closeOnHoverOut,
+  main,
+  openOnAnyCondition,
+  openOnChangingTheCondition,
+  openOnHover
 });
 //# sourceMappingURL=SimplePopover.stories.js.map