@multiplatform.one/components 1.0.0 → 1.0.2

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

@@ -1,96 +1,253 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect } from "react";
 import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
 import { X } from "@tamagui/lucide-icons";
-function SimpleDialog({
-  children,
-  contentStyle,
-  description,
-  descriptionStyle,
-  title,
-  titleStyle,
-  trigger,
-  portalStyle,
-  withoutCloseButton,
-  overlayStyle,
-  asLeftSideSheet,
-  asRightSideSheet,
-  transitionWidth,
-  ...props
-}) {
-  const [open, setOpen] = React.useState(props.open);
-  return useEffect(() => {
-    typeof props.open > "u" || props.open === open || setOpen(props.open);
-  }, [props.open]), /* @__PURE__ */ React.createElement(
-    Dialog,
-    {
-      modal: !0,
-      ...props,
-      open,
-      onOpenChange: (open2) => {
-        setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
+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 _object_without_properties(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose(source, excluded), key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++)
+      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function _object_without_properties_loose(source, excluded) {
+  if (source == null)
+    return {};
+  var target = {}, sourceKeys = Object.keys(source), key, i;
+  for (i = 0; i < sourceKeys.length; i++)
+    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
+  return 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);
+  }
+}
+function SimpleDialog(_param) {
+  var children = _param.children, contentStyle = _param.contentStyle, description = _param.description, descriptionStyle = _param.descriptionStyle, title = _param.title, titleStyle = _param.titleStyle, trigger = _param.trigger, portalStyle = _param.portalStyle, withoutCloseButton = _param.withoutCloseButton, overlayStyle = _param.overlayStyle, asLeftSideSheet = _param.asLeftSideSheet, asRightSideSheet = _param.asRightSideSheet, transitionWidth = _param.transitionWidth, props = _object_without_properties(_param, [
+    "children",
+    "contentStyle",
+    "description",
+    "descriptionStyle",
+    "title",
+    "titleStyle",
+    "trigger",
+    "portalStyle",
+    "withoutCloseButton",
+    "overlayStyle",
+    "asLeftSideSheet",
+    "asRightSideSheet",
+    "transitionWidth"
+  ]), _React_useState = _sliced_to_array(React.useState(props.open), 2), open = _React_useState[0], setOpen = _React_useState[1];
+  return useEffect(function() {
+    typeof props.open > "u" || props.open === open || setOpen(props.open);
+  }, [
+    props.open
+  ]), /* @__PURE__ */ _jsxs(Dialog, _object_spread_props(_object_spread({
+    modal: !0
+  }, props), {
+    open,
+    onOpenChange: function(open2) {
+      setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
     },
-    trigger && /* @__PURE__ */ React.createElement(Dialog.Trigger, { asChild: !0 }, trigger),
-    /* @__PURE__ */ React.createElement(Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ React.createElement(Sheet, { zIndex: 2e5, modal: !0, dismissOnSnapToBottom: !0 }, /* @__PURE__ */ React.createElement(Sheet.Frame, { padding: "$4", space: !0 }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Sheet.Overlay, null))),
-    /* @__PURE__ */ React.createElement(
-      Dialog.Portal,
-      {
-        ...asRightSideSheet && { jc: "flex-start", ai: "flex-end" },
-        ...asLeftSideSheet && { jc: "flex-start", ai: "flex-start" },
-        ...portalStyle
-      },
-      /* @__PURE__ */ React.createElement(
-        Dialog.Overlay,
-        {
-          key: "overlay",
-          animation: "bouncy",
-          o: 0.5,
-          enterStyle: { o: 0 },
-          exitStyle: { o: 0 },
-          ...overlayStyle
-        }
-      ),
-      /* @__PURE__ */ React.createElement(
-        Dialog.Content,
-        {
-          bordered: !0,
-          elevate: !0,
-          key: "content",
-          animation: [
-            "quick",
-            {
-              opacity: {
-                overshootClamping: !0
-              }
+    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, _object_spread_props(_object_spread({}, asRightSideSheet && {
+        jc: "flex-start",
+        ai: "flex-end"
+      }, asLeftSideSheet && {
+        jc: "flex-start",
+        ai: "flex-start"
+      }, portalStyle), {
+        children: [
+          /* @__PURE__ */ _jsx(Dialog.Overlay, _object_spread({
+            animation: "bouncy",
+            o: 0.5,
+            enterStyle: {
+              o: 0
+            },
+            exitStyle: {
+              o: 0
             }
-          ],
-          enterStyle: { x: 0, y: -150, opacity: 0, scale: 0.4 },
-          exitStyle: { x: 0, y: -150, opacity: 0, scale: 0.4 },
-          space: !0,
-          ...asRightSideSheet && {
-            enterStyle: { x: transitionWidth || 200, opacity: 0 },
-            exitStyle: { x: transitionWidth || 200, opacity: 0 },
+          }, overlayStyle), "overlay"),
+          /* @__PURE__ */ _jsxs(Dialog.Content, _object_spread_props(_object_spread({
+            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 },
+          }, asLeftSideSheet && {
+            enterStyle: {
+              x: -(transitionWidth || 100),
+              opacity: 0
+            },
+            exitStyle: {
+              x: -(transitionWidth || 100),
+              opacity: 0
+            },
             animation: "bouncy",
             position: "absolute",
             top: 0,
             bottom: 0
-          },
-          ...contentStyle
-        },
-        title && /* @__PURE__ */ React.createElement(Dialog.Title, { ...titleStyle }, title),
-        description && /* @__PURE__ */ React.createElement(Dialog.Description, { ...descriptionStyle }, description),
-        children,
-        !withoutCloseButton && /* @__PURE__ */ React.createElement(Unspaced, null, /* @__PURE__ */ React.createElement(Dialog.Close, { asChild: !0, space: !0 }, /* @__PURE__ */ React.createElement(Button, { pos: "absolute", t: "$3", r: "$3", size: "$2", circular: !0, space: !0, icon: X })))
-      )
-    )
-  );
+          }, contentStyle), {
+            children: [
+              title && /* @__PURE__ */ _jsx(Dialog.Title, _object_spread_props(_object_spread({}, titleStyle), {
+                children: title
+              })),
+              description && /* @__PURE__ */ _jsx(Dialog.Description, _object_spread_props(_object_spread({}, 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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
-  "mappings": "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",
-  "names": ["open"]
+  "sources": ["../../../../src/panels/SimpleDialog/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/panels/SimpleDialog/index.tsx"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "Adapt", "Button", "Dialog", "Sheet", "Unspaced", "X", "SimpleDialog", "children", "contentStyle", "description", "descriptionStyle", "title", "titleStyle", "trigger", "portalStyle", "withoutCloseButton", "overlayStyle", "asLeftSideSheet", "asRightSideSheet", "transitionWidth", "props", "useState", "open", "setOpen", "modal", "onOpenChange", "Trigger", "asChild", "when", "platform", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "gap", "Contents", "Overlay", "Portal", "jc", "ai", "animation", "o", "enterStyle", "exitStyle", "Content", "bordered", "elevate", "opacity", "overshootClamping", "x", "y", "scale", "position", "top", "bottom", "Title", "Description", "Close", "pos", "t", "r", "size", "circular", "icon"]
 }

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

@@ -6,37 +6,21 @@ const meta = {
   title: "panels/SimplePopover",
   component: SimplePopover,
   parameters: { status: { type: "beta" } }
-}, main = () => /* @__PURE__ */ jsx(SimplePopover, { trigger: /* @__PURE__ */ jsx(Button, { children: "Click here to get a Popover" }), children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Text, { children: "popover content" }) }) }), closeOnHoverOut = () => /* @__PURE__ */ jsx(SimplePopover, { trigger: /* @__PURE__ */ jsx(Button, { children: "click here" }), closeOnHoverOut: !0, children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Text, { children: "popover content will close on hoverOut" }) }) });
-function Open() {
-  return /* @__PURE__ */ jsx(
-    SimplePopover,
-    {
-      trigger: /* @__PURE__ */ jsx(Button, { children: "hover on it to get Popover" }),
-      triggerOnHover: !0,
-      arrow: !1,
-      triggerStyle: { als: "center", ai: "center" },
-      closeOnHoverOut: !0,
-      children: /* @__PURE__ */ jsx(YStack, { children: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => /* @__PURE__ */ jsx(Text, { children: i }, i)) })
-    }
-  );
-}
-const openOnHover = () => /* @__PURE__ */ jsxs(XStack, { jc: "space-around", children: [
-  /* @__PURE__ */ jsx(Open, {}),
-  /* @__PURE__ */ jsx(Open, {})
-] }), OnCondition = (props) => {
-  const [open, setOpen] = useState(!1);
-  return /* @__PURE__ */ jsxs(YStack, { space: !0, children: [
-    /* @__PURE__ */ jsx(Label, { children: "change the switch to get popover" }),
-    /* @__PURE__ */ jsx(Switch, { checked: props.open, onCheckedChange: setOpen }),
-    /* @__PURE__ */ jsx(SimplePopover, { open, onOpenChange: setOpen, trigger: /* @__PURE__ */ jsx(Button, { children: "Popup will open here" }), children: /* @__PURE__ */ jsx(Text, { children: "Conditional popover" }) })
+};
+function Hoverable() {
+  const [hoverable, setHoverable] = useState(!0);
+  return /* @__PURE__ */ jsxs(YStack, { children: [
+    /* @__PURE__ */ jsxs(XStack, { gap: !0, padding: "$4", alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Label, { children: "Hoverable" }),
+      /* @__PURE__ */ jsx(Switch, { size: "$3", checked: hoverable, onCheckedChange: setHoverable, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "bouncy" }) })
+    ] }),
+    /* @__PURE__ */ jsx(SimplePopover, { hoverable, trigger: /* @__PURE__ */ jsx(Button, { children: "Click here to get a Popover" }), children: /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(Text, { children: "popover content" }) }) })
   ] });
-}, openOnChangingTheCondition = (args) => /* @__PURE__ */ jsx(OnCondition, { ...args });
+}
+const main = () => /* @__PURE__ */ jsx(Hoverable, {});
 var SimplePopover_stories_default = meta;
 export {
-  closeOnHoverOut,
   SimplePopover_stories_default as default,
-  main,
-  openOnChangingTheCondition,
-  openOnHover
+  main
 };
 //# sourceMappingURL=SimplePopover.stories.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
-  "mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,OAAO,cAAc;AAUlC,cAkCxB,YAlCwB;AAP1B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,oBAAC,iBAAc,SAAS,oBAAC,UAAO,yCAA2B,GACzD,8BAAC,UACC,8BAAC,QAAK,6BAAe,GACvB,GACF,GAGW,kBAAkB,MAC7B,oBAAC,iBAAc,SAAS,oBAAC,UAAO,wBAAU,GAAW,iBAAe,IAClE,8BAAC,UACC,8BAAC,QAAK,oDAAsC,GAC9C,GACF;AAGF,SAAS,OAAO;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,oBAAC,UAAO,wCAA0B;AAAA,MAC3C,gBAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,MAC5C,iBAAe;AAAA,MAEf,8BAAC,UACE,WAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,oBAAC,QAAc,eAAJ,CAAM,CAClB,GACH;AAAA;AAAA,EACF;AAEJ;AAEO,MAAM,cAAc,MACzB,qBAAC,UAAO,IAAG,gBACT;AAAA,sBAAC,QAAK;AAAA,EACN,oBAAC,QAAK;AAAA,GACR,GAGI,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,SAAM,8CAAgC;AAAA,IACvC,oBAAC,UAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,oBAAC,iBAAc,MAAY,cAAc,SAAS,SAAS,oBAAC,UAAO,kCAAoB,GACrF,8BAAC,QAAK,iCAAmB,GAC3B;AAAA,KACF;AAEJ,GAEa,6BAA6B,CAAC,SAAS,oBAAC,eAAa,GAAG,MAAM;AAE3E,IAAO,gCAAQ;",
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,OAAO,cAAc;AAatD,SACE,KADF;AAVN,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEA,SAAS,YAAY;AACnB,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAI;AAC/C,SACE,qBAAC,UACC;AAAA,yBAAC,UAAO,KAAG,IAAC,SAAQ,MAAK,YAAW,UAClC;AAAA,0BAAC,SAAM,uBAAS;AAAA,MAChB,oBAAC,UAAO,MAAK,MAAK,SAAS,WAAW,iBAAiB,cACrD,8BAAC,OAAO,OAAP,EAAa,WAAU,UAAS,GACnC;AAAA,OACF;AAAA,IACA,oBAAC,iBAAc,WAAsB,SAAS,oBAAC,UAAO,yCAA2B,GAC/E,8BAAC,UACC,8BAAC,QAAK,6BAAe,GACvB,GACF;AAAA,KACF;AAEJ;AAEO,MAAM,OAAO,MAAM,oBAAC,aAAU;AAErC,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -0,0 +1,46 @@
+import { useState } from "react";
+import { SimplePopover } from "./index.mjs";
+import { Text, YStack, XStack, Switch, Label, Button } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "panels/SimplePopover",
+  component: SimplePopover,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+function Hoverable() {
+  const [hoverable, setHoverable] = useState(!0);
+  return /* @__PURE__ */jsxs(YStack, {
+    children: [/* @__PURE__ */jsxs(XStack, {
+      gap: !0,
+      padding: "$4",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Label, {
+        children: "Hoverable"
+      }), /* @__PURE__ */jsx(Switch, {
+        size: "$3",
+        checked: hoverable,
+        onCheckedChange: setHoverable,
+        children: /* @__PURE__ */jsx(Switch.Thumb, {
+          animation: "bouncy"
+        })
+      })]
+    }), /* @__PURE__ */jsx(SimplePopover, {
+      hoverable,
+      trigger: /* @__PURE__ */jsx(Button, {
+        children: "Click here to get a Popover"
+      }),
+      children: /* @__PURE__ */jsx(YStack, {
+        children: /* @__PURE__ */jsx(Text, {
+          children: "popover content"
+        })
+      })
+    })]
+  });
+}
+const main = () => /* @__PURE__ */jsx(Hoverable, {});
+var SimplePopover_stories_default = meta;
+export { SimplePopover_stories_default as default, main };

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

@@ -1,34 +1,104 @@
-import React, { useState } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
 import { SimplePopover } from "./index";
 import { Text, YStack, XStack, Switch, Label, Button } 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 _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 _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/SimplePopover",
   component: SimplePopover,
-  parameters: { status: { type: "beta" } }
-}, main = () => /* @__PURE__ */ React.createElement(SimplePopover, { trigger: /* @__PURE__ */ React.createElement(Button, null, "Click here to get a Popover") }, /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(Text, null, "popover content"))), closeOnHoverOut = () => /* @__PURE__ */ React.createElement(SimplePopover, { trigger: /* @__PURE__ */ React.createElement(Button, null, "click here"), closeOnHoverOut: !0 }, /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(Text, null, "popover content will close on hoverOut")));
-function Open() {
-  return /* @__PURE__ */ React.createElement(
-    SimplePopover,
-    {
-      trigger: /* @__PURE__ */ React.createElement(Button, null, "hover on it to get Popover"),
-      triggerOnHover: !0,
-      arrow: !1,
-      triggerStyle: { als: "center", ai: "center" },
-      closeOnHoverOut: !0
-    },
-    /* @__PURE__ */ React.createElement(YStack, null, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => /* @__PURE__ */ React.createElement(Text, { key: i }, i)))
-  );
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+function Hoverable() {
+  var _useState = _sliced_to_array(useState(!0), 2), hoverable = _useState[0], setHoverable = _useState[1];
+  return /* @__PURE__ */ _jsxs(YStack, {
+    children: [
+      /* @__PURE__ */ _jsxs(XStack, {
+        gap: !0,
+        padding: "$4",
+        alignItems: "center",
+        children: [
+          /* @__PURE__ */ _jsx(Label, {
+            children: "Hoverable"
+          }),
+          /* @__PURE__ */ _jsx(Switch, {
+            size: "$3",
+            checked: hoverable,
+            onCheckedChange: setHoverable,
+            children: /* @__PURE__ */ _jsx(Switch.Thumb, {
+              animation: "bouncy"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsx(SimplePopover, {
+        hoverable,
+        trigger: /* @__PURE__ */ _jsx(Button, {
+          children: "Click here to get a Popover"
+        }),
+        children: /* @__PURE__ */ _jsx(YStack, {
+          children: /* @__PURE__ */ _jsx(Text, {
+            children: "popover content"
+          })
+        })
+      })
+    ]
+  });
 }
-const openOnHover = () => /* @__PURE__ */ React.createElement(XStack, { jc: "space-around" }, /* @__PURE__ */ React.createElement(Open, null), /* @__PURE__ */ React.createElement(Open, null)), OnCondition = (props) => {
-  const [open, setOpen] = useState(!1);
-  return /* @__PURE__ */ React.createElement(YStack, { space: !0 }, /* @__PURE__ */ React.createElement(Label, null, "change the switch to get popover"), /* @__PURE__ */ React.createElement(Switch, { checked: props.open, onCheckedChange: setOpen }), /* @__PURE__ */ React.createElement(SimplePopover, { open, onOpenChange: setOpen, trigger: /* @__PURE__ */ React.createElement(Button, null, "Popup will open here") }, /* @__PURE__ */ React.createElement(Text, null, "Conditional popover")));
-}, openOnChangingTheCondition = (args) => /* @__PURE__ */ React.createElement(OnCondition, { ...args });
-var SimplePopover_stories_default = meta;
+var main = function() {
+  return /* @__PURE__ */ _jsx(Hoverable, {});
+}, SimplePopover_stories_default = meta;
 export {
-  closeOnHoverOut,
   SimplePopover_stories_default as default,
-  main,
-  openOnChangingTheCondition,
-  openOnHover
+  main
 };
 //# sourceMappingURL=SimplePopover.stories.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
-  "mappings": "AAqBA,OAAO,SAAS,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,OAAO,cAAc;AAG5D,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,oCAAC,iBAAc,SAAS,oCAAC,cAAO,6BAA2B,KACzD,oCAAC,cACC,oCAAC,YAAK,iBAAe,CACvB,CACF,GAGW,kBAAkB,MAC7B,oCAAC,iBAAc,SAAS,oCAAC,cAAO,YAAU,GAAW,iBAAe,MAClE,oCAAC,cACC,oCAAC,YAAK,wCAAsC,CAC9C,CACF;AAGF,SAAS,OAAO;AACd,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,oCAAC,cAAO,4BAA0B;AAAA,MAC3C,gBAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,MAC5C,iBAAe;AAAA;AAAA,IAEf,oCAAC,cACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,oCAAC,QAAK,KAAK,KAAI,CAAE,CAClB,CACH;AAAA,EACF;AAEJ;AAEO,MAAM,cAAc,MACzB,oCAAC,UAAO,IAAG,kBACT,oCAAC,UAAK,GACN,oCAAC,UAAK,CACR,GAGI,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,oCAAC,UAAO,OAAK,MACX,oCAAC,aAAM,kCAAgC,GACvC,oCAAC,UAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS,GACvD,oCAAC,iBAAc,MAAY,cAAc,SAAS,SAAS,oCAAC,cAAO,sBAAoB,KACrF,oCAAC,YAAK,qBAAmB,CAC3B,CACF;AAEJ,GAEa,6BAA6B,CAAC,SAAS,oCAAC,eAAa,GAAG,MAAM;AAE3E,IAAO,gCAAQ;",
-  "names": []
+  "sources": ["../../../../src/panels/SimplePopover/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/panels/SimplePopover/SimplePopover.stories.tsx"],
+  "mappings": ";AAqBA,SAAgBA,gBAAgB;AAChC,SAASC,qBAAqB;AAC9B,SAASC,MAAMC,QAAQC,QAAQC,QAAQC,OAAOC,cAAc;AAJ3D,SAAA,qBAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAMC,OAAa;EACjBC,OAAO;EACPC,WAAWT;EACXU,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC;AAEA,SAASC,YAAAA;AACP,MAAkCd,YAAAA,iBAAAA,SAAS,EAAA,GAAA,CAAA,GAApCe,YAA2Bf,UAAAA,CAAAA,GAAhBgB,eAAgBhB,UAAAA,CAAAA;AAClC,SACE,sBAACG,QAAAA;;MACC,sBAACC,QAAAA;QAAOa,KAAG;QAACC,SAAQ;QAAKC,YAAW;;UAClC,qBAACb,OAAAA;sBAAM;;UACP,qBAACD,QAAAA;YAAOe,MAAK;YAAKC,SAASN;YAAWO,iBAAiBN;sBACrD,qBAACX,OAAOkB,OAAK;cAACC,WAAU;;;;;MAG5B,qBAACvB,eAAAA;QAAcc;QAAsBU,SAAS,qBAAClB,QAAAA;oBAAO;;kBACpD,qBAACJ,QAAAA;oBACC,qBAACD,MAAAA;sBAAK;;;;;;AAKhB;AAEO,IAAMwB,OAAO,WAAA;SAAM,qBAACZ,WAAAA,CAAAA,CAAAA;GAE3B,gCAAeN;",
+  "names": ["useState", "SimplePopover", "Text", "YStack", "XStack", "Switch", "Label", "Button", "meta", "title", "component", "parameters", "status", "type", "Hoverable", "hoverable", "setHoverable", "gap", "padding", "alignItems", "size", "checked", "onCheckedChange", "Thumb", "animation", "trigger", "main"]
 }