@multiplatform.one/components 1.0.1 → 1.0.2

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

@@ -0,0 +1,130 @@
+import { useState } from "react";
+import { Button, Input, Dialog, YStack } from "tamagui";
+import { SimpleDialog } from "./index.mjs";
+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",
+    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() {
+    setOpen(open2 => !open2);
+  }
+  function handleOpenChange(open2) {
+    action("onOpenChange")(), setOpen(open2);
+  }
+  return /* @__PURE__ */jsxs(YStack, {
+    ai: "flex-start",
+    children: [/* @__PURE__ */jsx(Button, {
+      onPress: handlePress,
+      children: "Press Me"
+    }), /* @__PURE__ */jsxs(SimpleDialog, {
+      open,
+      onOpenChange: handleOpenChange,
+      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"
+        })
+      })]
+    })]
+  });
+}
+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, rightSideDialog };

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

@@ -1,68 +1,240 @@
-import React, { useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { Button, Input, Dialog, YStack } from "tamagui";
 import { SimpleDialog } from "./index";
 import { action } from "@storybook/addon-actions";
 import { Text } from "tamagui";
-const meta = {
+function _array_like_to_array(arr, len) {
+  (len == null || len > arr.length) && (len = arr.length);
+  for (var i = 0, arr2 = new Array(len); i < len; i++)
+    arr2[i] = arr[i];
+  return arr2;
+}
+function _array_with_holes(arr) {
+  if (Array.isArray(arr))
+    return arr;
+}
+function _define_property(obj, key, value) {
+  return key in obj ? Object.defineProperty(obj, key, {
+    value,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : obj[key] = value, obj;
+}
+function _iterable_to_array_limit(arr, i) {
+  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
+  if (_i != null) {
+    var _arr = [], _n = !0, _d = !1, _s, _e;
+    try {
+      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
+        ;
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        !_n && _i.return != null && _i.return();
+      } finally {
+        if (_d)
+          throw _e;
+      }
+    }
+    return _arr;
+  }
+}
+function _non_iterable_rest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys2.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return target;
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
+function _sliced_to_array(arr, i) {
+  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+  if (o) {
+    if (typeof o == "string")
+      return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set")
+      return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
+      return _array_like_to_array(o, minLen);
+  }
+}
+var meta = {
   title: "panels/SimpleDialog",
   component: SimpleDialog,
-  parameters: { status: { type: "beta" } }
-}, main = () => /* @__PURE__ */ React.createElement(
-  SimpleDialog,
-  {
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+}, main = function() {
+  return /* @__PURE__ */ _jsxs(SimpleDialog, {
     onOpenChange: action("onOpenChange"),
-    trigger: /* @__PURE__ */ React.createElement(Button, null, "Press Me"),
+    trigger: /* @__PURE__ */ _jsx(Button, {
+      children: "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"))
-);
+    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);
+  var _useState = _sliced_to_array(useState(!1), 2), open = _useState[0], setOpen = _useState[1];
   function handlePress() {
-    setOpen((open2) => !open2);
+    setOpen(function(open2) {
+      return !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"))));
+  return /* @__PURE__ */ _jsxs(YStack, {
+    ai: "flex-start",
+    children: [
+      /* @__PURE__ */ _jsx(Button, {
+        onPress: handlePress,
+        children: "Press Me"
+      }),
+      /* @__PURE__ */ _jsxs(SimpleDialog, {
+        open,
+        onOpenChange: handleOpenChange,
+        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"
+            })
+          })
+        ]
+      })
+    ]
+  });
 }
-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"),
+var openWithFunction = function() {
+  return /* @__PURE__ */ _jsx(OpenWithFunction, {});
+}, SimpleDialog_stories_default = meta, customPosition = function(args) {
+  return /* @__PURE__ */ _jsx(SimpleDialog, _object_spread_props(_object_spread({}, args), {
+    trigger: /* @__PURE__ */ _jsx(Button, {
+      children: "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"),
+    portalStyle: {
+      jc: "flex-start",
+      paddingTop: 10
+    },
+    children: /* @__PURE__ */ _jsx(YStack, {
+      width: 800,
+      height: 400,
+      children: /* @__PURE__ */ _jsx(Input, {
+        placeholder: "search"
+      })
+    })
+  }));
+}, rightSideDialog = function(args) {
+  return /* @__PURE__ */ _jsx(SimpleDialog, _object_spread_props(_object_spread({
+    trigger: /* @__PURE__ */ _jsx(Button, {
+      children: "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"),
+    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 = function(args) {
+  return /* @__PURE__ */ _jsx(SimpleDialog, _object_spread_props(_object_spread({
+    trigger: /* @__PURE__ */ _jsx(Button, {
+      children: "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"))
-);
+    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,

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

@@ -1,6 +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"]
+  "sources": ["../../../../src/panels/SimpleDialog/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
+  "mappings": ";AAqBA,SAAgBA,gBAAgB;AAEhC,SAASC,QAAQC,OAAOC,QAAQC,cAAc;AAC9C,SAASC,oBAAoB;AAC7B,SAASC,cAAc;AACvB,SAASC,YAAY;AAPpB,SAAA,qBAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASD,IAAMC,OAAa;EACjBC,OAAO;EACPC,WAAWL;EACXM,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GAEaC,OAAO,WAAA;SAClB,sBAACT,cAAAA;IACCU,cAAcT,OAAO,cAAA;IACrBU,SAAS,qBAACf,QAAAA;gBAAO;;IACjBQ,OAAM;IACNQ,oBAAkB;;MAElB,qBAACf,OAAAA;QAAMgB,aAAY;;MACnB,qBAAChB,OAAAA;QAAMgB,aAAY;;MACnB,qBAACf,OAAOgB,OAAK;kBACX,qBAAClB,QAAAA;oBAAO;;;;;;AAKd,SAASmB,mBAAAA;AACP,MAAwBpB,YAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAA1BqB,OAAiBrB,UAAAA,CAAAA,GAAXsB,UAAWtB,UAAAA,CAAAA;AAExB,WAASuB,cAAAA;AACPD,YAAQ,SAACD,OAAAA;aAAS,CAACA;;EACrB;AAEA,WAASG,iBAAiBH,OAAI;AAC5Bf,WAAO,cAAA,EAAA,GACPgB,QAAQD,KAAAA;EACV;AAEA,SACE,sBAACjB,QAAAA;IAAOqB,IAAG;;MACT,qBAACxB,QAAAA;QAAOyB,SAASH;kBAAa;;MAC9B,sBAAClB,cAAAA;QAAagB;QAAYN,cAAcS;QAAkBf,OAAM;;UAC9D,qBAACP,OAAAA;YAAMgB,aAAY;;UACnB,qBAAChB,OAAAA;YAAMgB,aAAY;;UACnB,qBAACf,OAAOgB,OAAK;sBACX,qBAAClB,QAAAA;wBAAO;;;;;;;AAKlB;AACO,IAAM0B,mBAAmB,WAAA;SAAM,qBAACP,kBAAAA,CAAAA,CAAAA;GAEvC,+BAAeZ,MAEFoB,iBAAiB,SAACC,MAAAA;SAC7B,qBAACxB,cAAAA,qBAAAA,eAAAA,CAAAA,GACKwB,IAAAA,GAAAA;IACJb,SAAS,qBAACf,QAAAA;gBAAO;;IACjBgB,oBAAkB;IAClBa,aAAa;MAAEC,IAAI;MAAcC,YAAY;IAAG;cAEhD,qBAAC5B,QAAAA;MAAO6B,OAAO;MAAKC,QAAQ;gBAC1B,qBAAChC,OAAAA;QAAMgB,aAAY;;;;GAKZiB,kBAAkB,SAACN,MAAAA;SAC9B,qBAACxB,cAAAA,qBAAAA,eAAAA;IACCW,SAAS,qBAACf,QAAAA;gBAAO;;IACjBmC,kBAAgB;IAChBnB,oBAAkB;IAClBoB,iBAAiB;IACjBC,cAAc;MAAEC,WAAW;IAAQ;KAC/BV,IAAAA,GAAAA;cAEJ,sBAACzB,QAAAA;MAAO6B,OAAO;;QACb,qBAAC1B,MAAAA;oBAAK;;QACN,qBAACA,MAAAA;oBAAK;;QACN,qBAACA,MAAAA;oBAAK;;QACN,qBAACA,MAAAA;oBAAK;;;;;GAKCiC,iBAAiB,SAACX,MAAAA;SAC7B,qBAACxB,cAAAA,qBAAAA,eAAAA;IACCW,SAAS,qBAACf,QAAAA;gBAAO;;IACjBwC,iBAAe;IACfxB,oBAAkB;IAClBoB,iBAAiB;IACjBC,cAAc;MAAEC,WAAW;IAAO;KAC9BV,IAAAA,GAAAA;cAEJ,sBAACzB,QAAAA;MAAO6B,OAAO;;QACb,qBAAC1B,MAAAA;oBAAK;;QACN,qBAACA,MAAAA;oBAAK;;QACN,qBAACA,MAAAA;oBAAK;;QACN,qBAACA,MAAAA;oBAAK;;;;;;",
+  "names": ["useState", "Button", "Input", "Dialog", "YStack", "SimpleDialog", "action", "Text", "meta", "title", "component", "parameters", "status", "type", "main", "onOpenChange", "trigger", "withoutCloseButton", "placeholder", "Close", "OpenWithFunction", "open", "setOpen", "handlePress", "handleOpenChange", "ai", "onPress", "openWithFunction", "customPosition", "args", "portalStyle", "jc", "paddingTop", "width", "height", "rightSideDialog", "asRightSideSheet", "transitionWidth", "contentStyle", "animation", "leftSideDialog", "asLeftSideSheet"]
 }

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

@@ -33,7 +33,7 @@ function SimpleDialog({
       children: [
         trigger && /* @__PURE__ */ jsx(Dialog.Trigger, { asChild: !0, children: trigger }),
         /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(Sheet, { zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0, children: [
-          /* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", space: !0, children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
+          /* @__PURE__ */ jsx(Sheet.Frame, { padding: "$4", gap: !0, children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }),
           /* @__PURE__ */ jsx(Sheet.Overlay, {})
         ] }) }),
         /* @__PURE__ */ jsxs(
@@ -69,7 +69,7 @@ function SimpleDialog({
                   ],
                   enterStyle: { x: 0, y: -150, opacity: 0, scale: 0.4 },
                   exitStyle: { x: 0, y: -150, opacity: 0, scale: 0.4 },
-                  space: !0,
+                  gap: !0,
                   ...asRightSideSheet && {
                     enterStyle: { x: transitionWidth || 200, opacity: 0 },
                     exitStyle: { x: transitionWidth || 200, opacity: 0 },
@@ -90,7 +90,7 @@ function SimpleDialog({
                     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 }) }) })
+                    !withoutCloseButton && /* @__PURE__ */ jsx(Unspaced, { children: /* @__PURE__ */ jsx(Dialog.Close, { asChild: !0, gap: !0, children: /* @__PURE__ */ jsx(Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: !0, gap: !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": "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",
+  "mappings": "AAqBA,OAAO,SAAS,iBAAiB;AAWjC,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAoDA,cAEV,YAFU;AAjCX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,MAAM,IAAI;AAEjD,mBAAU,MAAM;AACd,IAAI,OAAO,MAAM,OAAS,OAAe,MAAM,SAAS,QACxD,QAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC,GAGb;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,KAAG,IAC3B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,UACA,oBAAC,MAAM,SAAN,EAAc;AAAA,WACjB,GACF;AAAA,QACA;AAAA,UAAC,OAAO;AAAA,UAAP;AAAA,YACE,GAAI,oBAAoB,EAAE,IAAI,cAAc,IAAI,WAAW;AAAA,YAC3D,GAAI,mBAAmB,EAAE,IAAI,cAAc,IAAI,aAAa;AAAA,YAC5D,GAAG;AAAA,YAEJ;AAAA;AAAA,gBAAC,OAAO;AAAA,gBAAP;AAAA,kBAEC,WAAU;AAAA,kBACV,GAAG;AAAA,kBACH,YAAY,EAAE,GAAG,EAAE;AAAA,kBACnB,WAAW,EAAE,GAAG,EAAE;AAAA,kBACjB,GAAG;AAAA;AAAA,gBALA;AAAA,cAMN;AAAA,cACA;AAAA,gBAAC,OAAO;AAAA,gBAAP;AAAA,kBACC,UAAQ;AAAA,kBACR,SAAO;AAAA,kBAEP,WAAW;AAAA,oBACT;AAAA,oBACA;AAAA,sBACE,SAAS;AAAA,wBACP,mBAAmB;AAAA,sBACrB;AAAA,oBACF;AAAA,kBACF;AAAA,kBACA,YAAY,EAAE,GAAG,GAAG,GAAG,MAAM,SAAS,GAAG,OAAO,IAAI;AAAA,kBACpD,WAAW,EAAE,GAAG,GAAG,GAAG,MAAM,SAAS,GAAG,OAAO,IAAI;AAAA,kBACnD,KAAG;AAAA,kBACF,GAAI,oBAAoB;AAAA,oBACvB,YAAY,EAAE,GAAG,mBAAmB,KAAK,SAAS,EAAE;AAAA,oBACpD,WAAW,EAAE,GAAG,mBAAmB,KAAK,SAAS,EAAE;AAAA,oBACnD,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,QAAQ;AAAA,kBACV;AAAA,kBACC,GAAI,mBAAmB;AAAA,oBACtB,YAAY,EAAE,GAAG,EAAE,mBAAmB,MAAM,SAAS,EAAE;AAAA,oBACvD,WAAW,EAAE,GAAG,EAAE,mBAAmB,MAAM,SAAS,EAAE;AAAA,oBACtD,WAAW;AAAA,oBACX,UAAU;AAAA,oBACV,KAAK;AAAA,oBACL,QAAQ;AAAA,kBACV;AAAA,kBACC,GAAG;AAAA,kBAEH;AAAA,6BAAS,oBAAC,OAAO,OAAP,EAAc,GAAG,YAAa,iBAAM;AAAA,oBAC9C,eAAe,oBAAC,OAAO,aAAP,EAAoB,GAAG,kBAAmB,uBAAY;AAAA,oBACtE;AAAA,oBACA,CAAC,sBACA,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,IAAC,KAAG,IACvB,8BAAC,UAAO,KAAI,YAAW,GAAE,MAAK,GAAE,MAAK,MAAK,MAAK,UAAQ,IAAC,KAAG,IAAC,MAAM,GAAG,GACvE,GACF;AAAA;AAAA;AAAA,gBArCE;AAAA,cAuCN;AAAA;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
   "names": ["open"]
 }

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

@@ -0,0 +1,141 @@
+import React, { useEffect } from "react";
+import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
+import { X } from "@tamagui/lucide-icons";
+import { jsx, jsxs } from "react/jsx-runtime";
+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__ */jsxs(Dialog, {
+    modal: !0,
+    ...props,
+    open,
+    onOpenChange: open2 => {
+      setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
+    },
+    children: [trigger && /* @__PURE__ */jsx(Dialog.Trigger, {
+      asChild: !0,
+      children: trigger
+    }), /* @__PURE__ */jsx(Adapt, {
+      when: "sm",
+      platform: "touch",
+      children: /* @__PURE__ */jsxs(Sheet, {
+        zIndex: 2e5,
+        modal: !0,
+        dismissOnSnapToBottom: !0,
+        children: [/* @__PURE__ */jsx(Sheet.Frame, {
+          padding: "$4",
+          gap: !0,
+          children: /* @__PURE__ */jsx(Adapt.Contents, {})
+        }), /* @__PURE__ */jsx(Sheet.Overlay, {})]
+      })
+    }), /* @__PURE__ */jsxs(Dialog.Portal, {
+      ...(asRightSideSheet && {
+        jc: "flex-start",
+        ai: "flex-end"
+      }),
+      ...(asLeftSideSheet && {
+        jc: "flex-start",
+        ai: "flex-start"
+      }),
+      ...portalStyle,
+      children: [/* @__PURE__ */jsx(Dialog.Overlay, {
+        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
+        },
+        gap: !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,
+            gap: !0,
+            children: /* @__PURE__ */jsx(Button, {
+              pos: "absolute",
+              t: "$3",
+              r: "$3",
+              size: "$2",
+              circular: !0,
+              gap: !0,
+              icon: X
+            })
+          })
+        })]
+      }, "content")]
+    })]
+  });
+}
+export { SimpleDialog };