@multiplatform.one/components 5.0.1 → 5.0.4

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

@@ -0,0 +1,186 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var SimpleDialog_stories_exports = {};
+__export(SimpleDialog_stories_exports, {
+  customPosition: () => customPosition,
+  default: () => SimpleDialog_stories_default,
+  leftSideDialog: () => leftSideDialog,
+  main: () => main,
+  openWithFunction: () => openWithFunction,
+  rightSideDialog: () => rightSideDialog
+});
+module.exports = __toCommonJS(SimpleDialog_stories_exports);
+var import_addon_actions = require("@storybook/addon-actions"),
+  import_react = require("react"),
+  import_tamagui = require("tamagui"),
+  import_tamagui2 = require("tamagui"),
+  import_index = require("./index.cjs"),
+  import_jsx_runtime = require("react/jsx-runtime");
+const meta = {
+    title: "panels/SimpleDialog",
+    component: import_index.SimpleDialog,
+    parameters: {
+      status: {
+        type: "beta"
+      }
+    }
+  },
+  main = args => /* @__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",
+    withoutCloseButton: !0,
+    ...args,
+    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"
+      })
+    })]
+  }),
+  mainArgs = {
+    // title: 'Simple Dialog Example',
+    description: "This is a simple dialog example.",
+    withoutCloseButton: !1
+  };
+main.args = mainArgs;
+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__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    alignItems: "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 = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(OpenWithFunction, {
+  ...args
+});
+openWithFunction.args = mainArgs;
+var SimpleDialog_stories_default = meta;
+const customPosition = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleDialog, {
+  ...args,
+  trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+    children: "open Dialog"
+  }),
+  withoutCloseButton: !0,
+  portalStyle: {
+    jc: "flex-start",
+    paddingTop: 10
+  },
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    width: 800,
+    height: 400,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Input, {
+      placeholder: args.search
+    })
+  })
+});
+customPosition.args = {
+  search: "search"
+};
+const rightSideDialog = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleDialog, {
+  trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+    children: "open side dialog"
+  }),
+  asRightSideSheet: !0,
+  withoutCloseButton: !0,
+  transitionWidth: 400,
+  contentStyle: {
+    animation: "quick"
+  },
+  ...args,
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    width: 400,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      children: "home"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      children: "about"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      children: "contact"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      children: "help"
+    })]
+  })
+});
+rightSideDialog.args = {
+  asRightSideSheet: !0,
+  contentStyle: {
+    animation: "quick"
+  },
+  transitionWidth: 400
+};
+const leftSideDialog = args => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_index.SimpleDialog, {
+  trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+    children: "open side dialog"
+  }),
+  asLeftSideSheet: !0,
+  withoutCloseButton: !0,
+  transitionWidth: 300,
+  contentStyle: {
+    animation: "lazy"
+  },
+  ...args,
+  children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    width: 300,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      children: "home"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      children: "about"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      children: "contact"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui2.Text, {
+      children: "help"
+    })]
+  })
+});
+leftSideDialog.args = {
+  asLeftSideSheet: !0,
+  contentStyle: {
+    animation: "lazy"
+  },
+  transitionWidth: 300
+};

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

@@ -22,7 +22,7 @@ __export(SimpleDialog_stories_exports, {
   rightSideDialog: () => rightSideDialog
 });
 module.exports = __toCommonJS(SimpleDialog_stories_exports);
-var import_react = require("react"), import_tamagui = require("tamagui"), import_index = require("./index"), import_addon_actions = require("@storybook/addon-actions"), import_tamagui2 = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_addon_actions = require("@storybook/addon-actions"), import_react = require("react"), import_tamagui = require("tamagui"), import_tamagui2 = require("tamagui"), import_index = require("./index"), import_jsx_runtime = require("react/jsx-runtime");
 const meta = {
   title: "panels/SimpleDialog",
   component: import_index.SimpleDialog,
@@ -57,11 +57,19 @@ function OpenWithFunction() {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { alignItems: "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" }) })
-    ] })
+    /* @__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 = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OpenWithFunction, { ...args });

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

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

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

@@ -1,3 +1,4 @@
+"use strict";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -22,83 +23,7 @@ __export(SimpleDialog_stories_exports, {
   rightSideDialog: () => rightSideDialog
 });
 module.exports = __toCommonJS(SimpleDialog_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_tamagui = require("tamagui"), import_index = require("./index"), import_addon_actions = require("@storybook/addon-actions"), import_tamagui2 = require("tamagui");
-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 = {
+var import_jsx_runtime = require("react/jsx-runtime"), import_addon_actions = require("@storybook/addon-actions"), import_react = require("react"), import_tamagui = require("tamagui"), import_tamagui2 = require("tamagui"), import_index = require("./index"), meta = {
   title: "panels/SimpleDialog",
   component: import_index.SimpleDialog,
   parameters: {
@@ -107,14 +32,14 @@ var meta = {
     }
   }
 }, main = function(args) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_index.SimpleDialog, _object_spread_props(_object_spread({
+  return /* @__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",
-    withoutCloseButton: !0
-  }, args), {
+    withoutCloseButton: !0,
+    ...args,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Input, {
         placeholder: "Enter your first name"
@@ -128,7 +53,7 @@ var meta = {
         })
       })
     ]
-  }));
+  });
 }, mainArgs = {
   // title: 'Simple Dialog Example',
   description: "This is a simple dialog example.",
@@ -136,7 +61,7 @@ var meta = {
 };
 main.args = mainArgs;
 function OpenWithFunction() {
-  var _useState = _sliced_to_array((0, import_react.useState)(!1), 2), open = _useState[0], setOpen = _useState[1];
+  var [open, setOpen] = (0, import_react.useState)(!1);
   function handlePress() {
     setOpen(function(open2) {
       return !open2;
@@ -174,11 +99,14 @@ function OpenWithFunction() {
   });
 }
 var openWithFunction = function(args) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OpenWithFunction, _object_spread({}, args));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OpenWithFunction, {
+    ...args
+  });
 };
 openWithFunction.args = mainArgs;
 var SimpleDialog_stories_default = meta, customPosition = function(args) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleDialog, _object_spread_props(_object_spread({}, args), {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleDialog, {
+    ...args,
     trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       children: "open Dialog"
     }),
@@ -194,13 +122,13 @@ var SimpleDialog_stories_default = meta, customPosition = function(args) {
         placeholder: args.search
       })
     })
-  }));
+  });
 };
 customPosition.args = {
   search: "search"
 };
 var rightSideDialog = function(args) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleDialog, _object_spread_props(_object_spread({
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleDialog, {
     trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       children: "open side dialog"
     }),
@@ -209,8 +137,8 @@ var rightSideDialog = function(args) {
     transitionWidth: 400,
     contentStyle: {
       animation: "quick"
-    }
-  }, args), {
+    },
+    ...args,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
       width: 400,
       children: [
@@ -228,7 +156,7 @@ var rightSideDialog = function(args) {
         })
       ]
     })
-  }));
+  });
 };
 rightSideDialog.args = {
   asRightSideSheet: !0,
@@ -238,7 +166,7 @@ rightSideDialog.args = {
   transitionWidth: 400
 };
 var leftSideDialog = function(args) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleDialog, _object_spread_props(_object_spread({
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleDialog, {
     trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
       children: "open side dialog"
     }),
@@ -247,8 +175,8 @@ var leftSideDialog = function(args) {
     transitionWidth: 300,
     contentStyle: {
       animation: "lazy"
-    }
-  }, args), {
+    },
+    ...args,
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
       width: 300,
       children: [
@@ -266,7 +194,7 @@ var leftSideDialog = function(args) {
         })
       ]
     })
-  }));
+  });
 };
 leftSideDialog.args = {
   asLeftSideSheet: !0,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimpleDialog/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
-  "mappings": "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",
-  "names": ["import_tamagui", "meta", "title", "component", "SimpleDialog", "parameters", "status", "type", "main", "args", "_jsxs", "onOpenChange", "action", "trigger", "_jsx", "Button", "withoutCloseButton", "Input", "placeholder", "Dialog", "Close", "mainArgs", "description", "OpenWithFunction", "useState", "open", "setOpen", "handlePress", "handleOpenChange", "YStack", "alignItems", "onPress", "openWithFunction", "customPosition", "portalStyle", "jc", "paddingTop", "width", "height", "search", "rightSideDialog", "asRightSideSheet", "transitionWidth", "contentStyle", "animation", "Text", "leftSideDialog", "asLeftSideSheet"]
+  "sources": ["../../../../src/panels/SimpleDialog/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
+  "mappings": "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",
+  "names": ["import_tamagui", "meta", "title", "component", "SimpleDialog", "parameters", "status", "type", "main", "args", "_jsxs", "onOpenChange", "action", "trigger", "_jsx", "Button", "withoutCloseButton", "Input", "placeholder", "Dialog", "Close", "mainArgs", "description", "OpenWithFunction", "open", "setOpen", "useState", "handlePress", "handleOpenChange", "YStack", "alignItems", "onPress", "openWithFunction", "customPosition", "portalStyle", "jc", "paddingTop", "width", "height", "search", "rightSideDialog", "asRightSideSheet", "transitionWidth", "contentStyle", "animation", "Text", "leftSideDialog", "asLeftSideSheet"]
 }

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

@@ -0,0 +1,166 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var SimpleDialog_exports = {};
+__export(SimpleDialog_exports, {
+  SimpleDialog: () => SimpleDialog
+});
+module.exports = __toCommonJS(SimpleDialog_exports);
+var import_lucide_icons = require("@tamagui/lucide-icons"),
+  import_react = require("react"),
+  import_tamagui = require("tamagui"),
+  import_jsx_runtime = require("react/jsx-runtime");
+function SimpleDialog({
+  children,
+  contentStyle,
+  description,
+  descriptionStyle,
+  title,
+  titleStyle,
+  trigger,
+  portalStyle,
+  withoutCloseButton,
+  overlayStyle,
+  asLeftSideSheet,
+  asRightSideSheet,
+  transitionWidth,
+  ...props
+}) {
+  const [open, setOpen] = (0, import_react.useState)(props.open);
+  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: !0,
+    ...props,
+    open,
+    onOpenChange: open2 => {
+      setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
+    },
+    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",
+          gap: "$4",
+          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, {
+      ...(asRightSideSheet && {
+        jc: "flex-start",
+        ai: "flex-end"
+      }),
+      ...(asLeftSideSheet && {
+        jc: "flex-start",
+        ai: "flex-start"
+      }),
+      ...portalStyle,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Overlay, {
+        animation: "bouncy",
+        opacity: 0.5,
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        },
+        ...overlayStyle
+      }, "overlay"), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.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: "$4",
+        ...(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: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Title, {
+          disabled: !title,
+          ...titleStyle,
+          children: title
+        }), description && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Description, {
+          ...descriptionStyle,
+          children: description
+        }), children, !withoutCloseButton && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Unspaced, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Dialog.Close, {
+            asChild: !0,
+            gap: "$4",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+              position: "absolute",
+              top: "$3",
+              right: "$3",
+              size: "$2",
+              circular: !0,
+              gap: "$4",
+              icon: import_lucide_icons.X
+            })
+          })
+        })]
+      }, "content")]
+    })]
+  });
+}