@multiplatform.one/components 1.0.0 → 1.0.2

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

@@ -1,71 +1,240 @@
+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 = () => <SimpleDialog
-  onOpenChange={action("onOpenChange")}
-  trigger={<Button>Press Me</Button>}
-  title="Fill the details"
-  withoutCloseButton
->
-  <Input placeholder="Enter your first name" />
-  <Input placeholder="Enter your last name" />
-  <Dialog.Close><Button>Submit</Button></Dialog.Close>
-</SimpleDialog>;
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+}, main = function() {
+  return /* @__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);
+  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 <YStack ai="flex-start">
-    <Button onPress={handlePress}>Press Me</Button>
-    <SimpleDialog open={open} onOpenChange={handleOpenChange} title="Fill the details">
-      <Input placeholder="Enter your first name" />
-      <Input placeholder="Enter your last name" />
-      <Dialog.Close><Button>Submit</Button></Dialog.Close>
-    </SimpleDialog>
-  </YStack>;
+  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 = () => <OpenWithFunction />;
-var SimpleDialog_stories_default = meta;
-const customPosition = (args) => <SimpleDialog
-  {...args}
-  trigger={<Button>open Dialog</Button>}
-  withoutCloseButton
-  portalStyle={{ jc: "flex-start", paddingTop: 10 }}
-><YStack width={800} height={400}><Input placeholder="search" /></YStack></SimpleDialog>, rightSideDialog = (args) => <SimpleDialog
-  trigger={<Button>open side dialog</Button>}
-  asRightSideSheet
-  withoutCloseButton
-  transitionWidth={400}
-  contentStyle={{ animation: "quick" }}
-  {...args}
-><YStack width={400}>
-  <Text>home</Text>
-  <Text>about</Text>
-  <Text>contact</Text>
-  <Text>help</Text>
-</YStack></SimpleDialog>, leftSideDialog = (args) => <SimpleDialog
-  trigger={<Button>open side dialog</Button>}
-  asLeftSideSheet
-  withoutCloseButton
-  transitionWidth={300}
-  contentStyle={{ animation: "lazy" }}
-  {...args}
-><YStack width={300}>
-  <Text>home</Text>
-  <Text>about</Text>
-  <Text>contact</Text>
-  <Text>help</Text>
-</YStack></SimpleDialog>;
+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
+    },
+    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), {
+    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), {
+    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/jsx/panels/SimpleDialog/SimpleDialog.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
-  "mappings": "AAqBA,SAAgB,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,CAAC;AAAA,EACC,cAAc,OAAO,cAAc;AAAA,EACnC,SAAS,CAAC,OAAO,QAAQ,EAAf;AAAA,EACV,MAAM;AAAA,EACN;AAAA;AAAA,EAEA,CAAC,MAAM,YAAY,wBAAwB;AAAA,EAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,EAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAGV,EAXC;AAcH,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,CAAC,OAAO,GAAG;AAAA,IACT,CAAC,OAAO,SAAS,aAAa,QAAQ,EAArC;AAAA,IACD,CAAC,aAAa,MAAM,MAAM,cAAc,kBAAkB,MAAM;AAAA,MAC9D,CAAC,MAAM,YAAY,wBAAwB;AAAA,MAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,MAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAAA,IAGV,EANC;AAAA,EAOH,EATC;AAWL;AACO,MAAM,mBAAmB,MAAM,CAAC,iBAAiB;AAExD,IAAO,+BAAQ;AAER,MAAM,iBAAiB,CAAC,SAC7B,CAAC;AAAA,MACK;AAAA,EACJ,SAAS,CAAC,OAAO,WAAW,EAAlB;AAAA,EACV;AAAA,EACA,aAAa,EAAE,IAAI,cAAc,YAAY,GAAG;AAAA,CAEhD,CAAC,OAAO,OAAO,KAAK,QAAQ,KAC1B,CAAC,MAAM,YAAY,SAAS,EAC9B,EAFC,OAGH,EATC,eAYU,kBAAkB,CAAC,SAC9B,CAAC;AAAA,EACC,SAAS,CAAC,OAAO,gBAAgB,EAAvB;AAAA,EACV;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc,EAAE,WAAW,QAAQ;AAAA,MAC/B;AAAA,CAEJ,CAAC,OAAO,OAAO;AAAA,EACb,CAAC,KAAK,IAAI,EAAT;AAAA,EACD,CAAC,KAAK,KAAK,EAAV;AAAA,EACD,CAAC,KAAK,OAAO,EAAZ;AAAA,EACD,CAAC,KAAK,IAAI,EAAT;AACH,EALC,OAMH,EAdC,eAiBU,iBAAiB,CAAC,SAC7B,CAAC;AAAA,EACC,SAAS,CAAC,OAAO,gBAAgB,EAAvB;AAAA,EACV;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc,EAAE,WAAW,OAAO;AAAA,MAC9B;AAAA,CAEJ,CAAC,OAAO,OAAO;AAAA,EACb,CAAC,KAAK,IAAI,EAAT;AAAA,EACD,CAAC,KAAK,KAAK,EAAV;AAAA,EACD,CAAC,KAAK,OAAO,EAAZ;AAAA,EACD,CAAC,KAAK,IAAI,EAAT;AACH,EALC,OAMH,EAdC;",
-  "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/jsx/panels/SimpleDialog/index.js

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

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

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

package/dist/jsx/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 };