@multiplatform.one/components 1.0.1 → 1.0.3

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

@@ -0,0 +1,31 @@
+import { Sheet } from "@tamagui/sheet";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SimpleSheet({
+  children,
+  overlayStyle,
+  frameStyle,
+  ...props
+}) {
+  return /* @__PURE__ */jsxs(Sheet, {
+    zIndex: 1e5,
+    ...props,
+    children: [/* @__PURE__ */jsx(Sheet.Overlay, {
+      animation: "lazy",
+      enterStyle: {
+        opacity: 0
+      },
+      exitStyle: {
+        opacity: 0
+      },
+      ...overlayStyle
+    }), /* @__PURE__ */jsx(Sheet.Handle, {}), /* @__PURE__ */jsx(Sheet.Frame, {
+      padding: "$4",
+      justifyContent: "center",
+      alignItems: "center",
+      gap: "$5",
+      ...frameStyle,
+      children
+    })]
+  });
+}
+export { SimpleSheet };

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

@@ -1,64 +1,89 @@
-import React from "react";
-import { Button, XStack, YStack } from "tamagui";
-import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { Sheet } from "@tamagui/sheet";
-import { create } from "zustand";
-const useStore = create((set) => ({
-  position: 0,
-  open: !1,
-  innerOpen: !1,
-  setPosition: (position) => set({ position }),
-  setOpen: (open) => set({ open }),
-  setInnerOpen: (innerOpen) => set({ innerOpen })
-})), SimpleSheet = ({
-  children,
-  sheetElement,
-  modal,
-  innerSheetElement,
-  buttonSize,
-  innerSheetButtonSize,
-  ...props
-}) => {
-  const { position, open, innerOpen, setPosition, setOpen, setInnerOpen } = useStore();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(XStack, { space: !0 }, /* @__PURE__ */ React.createElement(Button, { onPress: () => setOpen(!0) }, children)), /* @__PURE__ */ React.createElement(
-    Sheet,
-    {
-      forceRemoveScrollEnabled: open,
-      modal: modal || !1,
-      open,
-      onOpenChange: setOpen,
-      snapPoints: [85, 50, 25],
-      dismissOnSnapToBottom: !0,
-      position,
-      onPositionChange: setPosition,
-      zIndex: 1e5,
-      ...props
-    },
-    /* @__PURE__ */ React.createElement(Sheet.Overlay, null),
-    /* @__PURE__ */ React.createElement(Sheet.Handle, null),
-    /* @__PURE__ */ React.createElement(Sheet.Frame, null, sheetElement || /* @__PURE__ */ React.createElement(YStack, { f: 1, p: "$4", space: "$5", jc: "center", ai: "center" }, /* @__PURE__ */ React.createElement(Button, { size: buttonSize || "$6", circular: !0, icon: ChevronDown, onPress: () => setOpen(!1) }), (modal || innerSheetElement) && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      InnerSheet,
-      {
-        open: innerOpen,
-        onOpenChange: setInnerOpen,
-        innerSheetElement,
-        innerSheetButtonSize,
-        ...props
-      }
-    ), /* @__PURE__ */ React.createElement(Button, { size: buttonSize || "$6", circular: !0, icon: ChevronUp, onPress: () => setInnerOpen(!0) }))))
-  ));
-};
-function InnerSheet({ innerSheetElement, innerSheetButtonSize, ...props }) {
-  return /* @__PURE__ */ React.createElement(Sheet, { modal: !0, snapPoints: [90], dismissOnSnapToBottom: !0, ...props }, /* @__PURE__ */ React.createElement(Sheet.Overlay, null), /* @__PURE__ */ React.createElement(Sheet.Handle, null), /* @__PURE__ */ React.createElement(Sheet.Frame, { f: 1, jc: "center", ai: "center", space: "$5" }, /* @__PURE__ */ React.createElement(Sheet.ScrollView, { p: "$4", space: !0 }, /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      size: innerSheetButtonSize || "$8",
-      circular: !0,
-      als: "center",
-      icon: ChevronDown,
-      onPress: () => props.onOpenChange?.(!1)
-    }
-  ), innerSheetElement)));
+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 _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 SimpleSheet(_param) {
+  var children = _param.children, overlayStyle = _param.overlayStyle, frameStyle = _param.frameStyle, props = _object_without_properties(_param, [
+    "children",
+    "overlayStyle",
+    "frameStyle"
+  ]);
+  return /* @__PURE__ */ _jsxs(Sheet, _object_spread_props(_object_spread({
+    zIndex: 1e5
+  }, props), {
+    children: [
+      /* @__PURE__ */ _jsx(Sheet.Overlay, _object_spread({
+        animation: "lazy",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }, overlayStyle)),
+      /* @__PURE__ */ _jsx(Sheet.Handle, {}),
+      /* @__PURE__ */ _jsx(Sheet.Frame, _object_spread_props(_object_spread({
+        padding: "$4",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: "$5"
+      }, frameStyle), {
+        children
+      }))
+    ]
+  }));
 }
 export {
   SimpleSheet

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimpleSheet/index.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,QAAQ,QAAQ,cAAc;AACvC,SAAS,aAAa,iBAAiB;AACvC,SAAS,aAAa;AACtB,SAAS,cAAc;AAsBvB,MAAM,WAAW,OAAuB,CAAC,SAAS;AAAA,EAChD,UAAU;AAAA,EACV,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa,CAAC,aAAa,IAAI,EAAE,SAAS,CAAC;AAAA,EAC3C,SAAS,CAAC,SAAS,IAAI,EAAE,KAAK,CAAC;AAAA,EAC/B,cAAc,CAAC,cAAc,IAAI,EAAE,UAAU,CAAC;AAChD,EAAE,GAEW,cAAc,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAyC;AACvC,QAAM,EAAE,UAAU,MAAM,WAAW,aAAa,SAAS,aAAa,IAAI,SAAS;AACnF,SACE,0DACE,oCAAC,UAAO,OAAK,MACX,oCAAC,UAAO,SAAS,MAAM,QAAQ,EAAI,KAAI,QAAS,CAClD,GACA;AAAA,IAAC;AAAA;AAAA,MACC,0BAA0B;AAAA,MAC1B,OAAO,SAAS;AAAA,MAChB;AAAA,MACA,cAAc;AAAA,MACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,MACvB,uBAAqB;AAAA,MACrB;AAAA,MACA,kBAAkB;AAAA,MAClB,QAAQ;AAAA,MACP,GAAG;AAAA;AAAA,IAEJ,oCAAC,MAAM,SAAN,IAAc;AAAA,IACf,oCAAC,MAAM,QAAN,IAAa;AAAA,IACd,oCAAC,MAAM,OAAN,MACE,gBACC,oCAAC,UAAO,GAAG,GAAG,GAAE,MAAK,OAAM,MAAK,IAAG,UAAS,IAAG,YAC7C,oCAAC,UAAO,MAAM,cAAc,MAAM,UAAQ,IAAC,MAAM,aAAa,SAAS,MAAM,QAAQ,EAAK,GAAG,IAC3F,SAAS,sBACT,0DACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN,GACA,oCAAC,UAAO,MAAM,cAAc,MAAM,UAAQ,IAAC,MAAM,WAAW,SAAS,MAAM,aAAa,EAAI,GAAG,CACjG,CAEJ,CAEJ;AAAA,EACF,CACF;AAEJ;AAEA,SAAS,WAAW,EAAE,mBAAmB,sBAAsB,GAAG,MAAM,GAAmB;AACzF,SACE,oCAAC,SAAM,OAAK,IAAC,YAAY,CAAC,EAAE,GAAG,uBAAqB,IAAE,GAAG,SACvD,oCAAC,MAAM,SAAN,IAAc,GACf,oCAAC,MAAM,QAAN,IAAa,GACd,oCAAC,MAAM,OAAN,EAAY,GAAG,GAAG,IAAG,UAAS,IAAG,UAAS,OAAM,QAC/C,oCAAC,MAAM,YAAN,EAAiB,GAAE,MAAK,OAAK,MAC5B;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,wBAAwB;AAAA,MAC9B,UAAQ;AAAA,MACR,KAAI;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAM,MAAM,eAAe,EAAK;AAAA;AAAA,EAC3C,GACC,iBACH,CACF,CACF;AAEJ;",
-  "names": []
+  "sources": ["../../../../src/panels/SimpleSheet/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/panels/SimpleSheet/index.tsx"],
+  "mappings": ";AAqBA,OAAkB;AAElB,SAASA,aAAa;AAJrB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,SAASC,YAAY,QAAA;MAAEC,WAAF,OAAEA,UAAUC,eAAZ,OAAYA,cAAcC,aAA1B,OAA0BA,YAAeC,QAAAA,2BAAzC,QAAA;IAAEH;IAAUC;IAAcC;;AACpD,SACE,sBAACJ,OAAAA,qBAAAA,eAAAA;IAAMM,QAAQ;KAAaD,KAAAA,GAAAA;;MAC1B,qBAACL,MAAMO,SAAO,eAAA;QAACC,WAAU;QAAOC,YAAY;UAAEC,SAAS;QAAE;QAAGC,WAAW;UAAED,SAAS;QAAE;SAAOP,YAAAA,CAAAA;MAC3F,qBAACH,MAAMY,QAAM,CAAA,CAAA;MACb,qBAACZ,MAAMa,OAAK,qBAAA,eAAA;QAACC,SAAQ;QAAKC,gBAAe;QAASC,YAAW;QAASC,KAAI;SAASb,UAAAA,GAAAA;;;;;AAKzF;",
+  "names": ["Sheet", "SimpleSheet", "children", "overlayStyle", "frameStyle", "props", "zIndex", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Handle", "Frame", "padding", "justifyContent", "alignItems", "gap"]
 }

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

@@ -1,11 +1,21 @@
+import React from "react";
 import { SimpleTooltip } from "./index";
-import { Text } from "tamagui";
-import { jsx } from "react/jsx-runtime";
+import { Button, Label, Switch, Text, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
 const meta = {
   title: "panels/SimpleTooltip",
   component: SimpleTooltip,
   parameters: { status: { type: "beta" } }
-}, main = () => /* @__PURE__ */ jsx(SimpleTooltip, { trigger: /* @__PURE__ */ jsx(Text, { children: "Tool Tip" }), children: /* @__PURE__ */ jsx(Text, { fontSize: 15, fontWeight: "700", children: "tool tip content" }) });
+};
+function Tooltip() {
+  const [arrow, setArrow] = React.useState(!0);
+  return /* @__PURE__ */ jsx(YStack, { gap: "$4", children: /* @__PURE__ */ jsxs(XStack, { gap: !0, padding: "$4", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(Switch, { size: "$3", checked: arrow, onCheckedChange: setArrow, children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "bouncy" }) }),
+    /* @__PURE__ */ jsx(Label, { children: "arrow" }),
+    /* @__PURE__ */ jsx(SimpleTooltip, { arrow, trigger: /* @__PURE__ */ jsx(Button, { children: "?" }), children: /* @__PURE__ */ jsx(Text, { children: "tooltip content" }) })
+  ] }) });
+}
+const main = () => /* @__PURE__ */ jsx(Tooltip, {});
 var SimpleTooltip_stories_default = meta;
 export {
   SimpleTooltip_stories_default as default,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
-  "mappings": "AAsBA,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAUK;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,QAAK,sBAAQ,GACpC,8BAAC,QAAK,UAAU,IAAI,YAAW,OAAM,8BAErC,GACF;AAEF,IAAO,gCAAQ;",
+  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,QAAQ,OAAO,QAAQ,MAAM,QAAQ,cAAc;AAatD,SAEI,KAFJ;AAVN,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEA,SAAS,UAAU;AACjB,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,EAAI;AAC7C,SACE,oBAAC,UAAO,KAAI,MACV,+BAAC,UAAO,KAAG,IAAC,SAAQ,MAAK,YAAW,UAClC;AAAA,wBAAC,UAAO,MAAK,MAAK,SAAS,OAAO,iBAAiB,UACjD,8BAAC,OAAO,OAAP,EAAa,WAAU,UAAS,GACnC;AAAA,IACA,oBAAC,SAAM,mBAAK;AAAA,IACZ,oBAAC,iBAAc,OAAc,SAAS,oBAAC,UAAO,eAAC,GAC7C,8BAAC,QAAK,6BAAe,GACvB;AAAA,KACF,GACF;AAEJ;AAEO,MAAM,OAAO,MAAM,oBAAC,WAAQ;AACnC,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -0,0 +1,45 @@
+import React from "react";
+import { SimpleTooltip } from "./index.mjs";
+import { Button, Label, Switch, Text, XStack, YStack } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+const meta = {
+  title: "panels/SimpleTooltip",
+  component: SimpleTooltip,
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+function Tooltip() {
+  const [arrow, setArrow] = React.useState(!0);
+  return /* @__PURE__ */jsx(YStack, {
+    gap: "$4",
+    children: /* @__PURE__ */jsxs(XStack, {
+      gap: !0,
+      padding: "$4",
+      alignItems: "center",
+      children: [/* @__PURE__ */jsx(Switch, {
+        size: "$3",
+        checked: arrow,
+        onCheckedChange: setArrow,
+        children: /* @__PURE__ */jsx(Switch.Thumb, {
+          animation: "bouncy"
+        })
+      }), /* @__PURE__ */jsx(Label, {
+        children: "arrow"
+      }), /* @__PURE__ */jsx(SimpleTooltip, {
+        arrow,
+        trigger: /* @__PURE__ */jsx(Button, {
+          children: "?"
+        }),
+        children: /* @__PURE__ */jsx(Text, {
+          children: "tooltip content"
+        })
+      })]
+    })
+  });
+}
+const main = () => /* @__PURE__ */jsx(Tooltip, {});
+var SimpleTooltip_stories_default = meta;
+export { SimpleTooltip_stories_default as default, main };

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

@@ -1,12 +1,99 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from "react";
 import { SimpleTooltip } from "./index";
-import { Text } from "tamagui";
-const meta = {
+import { Button, Label, Switch, Text, XStack, YStack } from "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 _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/SimpleTooltip",
   component: SimpleTooltip,
-  parameters: { status: { type: "beta" } }
-}, main = () => /* @__PURE__ */ React.createElement(SimpleTooltip, { trigger: /* @__PURE__ */ React.createElement(Text, null, "Tool Tip") }, /* @__PURE__ */ React.createElement(Text, { fontSize: 15, fontWeight: "700" }, "tool tip content"));
-var SimpleTooltip_stories_default = meta;
+  parameters: {
+    status: {
+      type: "beta"
+    }
+  }
+};
+function Tooltip() {
+  var _React_useState = _sliced_to_array(React.useState(!0), 2), arrow = _React_useState[0], setArrow = _React_useState[1];
+  return /* @__PURE__ */ _jsx(YStack, {
+    gap: "$4",
+    children: /* @__PURE__ */ _jsxs(XStack, {
+      gap: !0,
+      padding: "$4",
+      alignItems: "center",
+      children: [
+        /* @__PURE__ */ _jsx(Switch, {
+          size: "$3",
+          checked: arrow,
+          onCheckedChange: setArrow,
+          children: /* @__PURE__ */ _jsx(Switch.Thumb, {
+            animation: "bouncy"
+          })
+        }),
+        /* @__PURE__ */ _jsx(Label, {
+          children: "arrow"
+        }),
+        /* @__PURE__ */ _jsx(SimpleTooltip, {
+          arrow,
+          trigger: /* @__PURE__ */ _jsx(Button, {
+            children: "?"
+          }),
+          children: /* @__PURE__ */ _jsx(Text, {
+            children: "tooltip content"
+          })
+        })
+      ]
+    })
+  });
+}
+var main = function() {
+  return /* @__PURE__ */ _jsx(Tooltip, {});
+}, SimpleTooltip_stories_default = meta;
 export {
   SimpleTooltip_stories_default as default,
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
-  "mappings": "AAqBA,OAAO,WAAW;AAClB,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAGrB,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,YAAK,UAAQ,KACpC,oCAAC,QAAK,UAAU,IAAI,YAAW,SAAM,kBAErC,CACF;AAEF,IAAO,gCAAQ;",
-  "names": []
+  "sources": ["../../../../src/panels/SimpleTooltip/Users/clayrisser/Projects/.bitspur/multiplatform.one/packages/components/src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
+  "mappings": ";AAqBA,OAAOA,WAAW;AAClB,SAASC,qBAAqB;AAC9B,SAASC,QAAQC,OAAOC,QAAQC,MAAMC,QAAQC,cAAc;AAJ3D,SAAA,qBAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAMC,OAAa;EACjBC,OAAO;EACPC,WAAWT;EACXU,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC;AAEA,SAASC,UAAAA;AACP,MAA0Bd,kBAAAA,iBAAAA,MAAMe,SAAS,EAAA,GAAA,CAAA,GAAlCC,QAAmBhB,gBAAAA,CAAAA,GAAZiB,WAAYjB,gBAAAA,CAAAA;AAC1B,SACE,qBAACO,QAAAA;IAAOW,KAAI;cACV,sBAACZ,QAAAA;MAAOY,KAAG;MAACC,SAAQ;MAAKC,YAAW;;QAClC,qBAAChB,QAAAA;UAAOiB,MAAK;UAAKC,SAASN;UAAOO,iBAAiBN;oBACjD,qBAACb,OAAOoB,OAAK;YAACC,WAAU;;;QAE1B,qBAACtB,OAAAA;oBAAM;;QACP,qBAACF,eAAAA;UAAce;UAAcU,SAAS,qBAACxB,QAAAA;sBAAO;;oBAC5C,qBAACG,MAAAA;sBAAK;;;;;;AAKhB;AAEO,IAAMsB,OAAO,WAAA;SAAM,qBAACb,SAAAA,CAAAA,CAAAA;GAC3B,gCAAeN;",
+  "names": ["React", "SimpleTooltip", "Button", "Label", "Switch", "Text", "XStack", "YStack", "meta", "title", "component", "parameters", "status", "type", "Tooltip", "useState", "arrow", "setArrow", "gap", "padding", "alignItems", "size", "checked", "onCheckedChange", "Thumb", "animation", "trigger", "main"]
 }

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

@@ -1,17 +1,27 @@
 import { Theme, Tooltip } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
-function SimpleTooltip({ Icon, children, themeStyle, trigger, ...props }) {
+function SimpleTooltip({
+  Icon,
+  children,
+  trigger,
+  arrow,
+  themeStyle,
+  triggerStyle,
+  contentStyle,
+  arrowStyle,
+  ...props
+}) {
   return /* @__PURE__ */ jsxs(Tooltip, { ...props, children: [
-    /* @__PURE__ */ jsx(Tooltip.Trigger, { cursor: "pointer", ai: "center", jc: "center", children: trigger }),
+    /* @__PURE__ */ jsx(Tooltip.Trigger, { ...triggerStyle, children: trigger }),
     /* @__PURE__ */ jsx(Theme, { inverse: !0, ...themeStyle, children: /* @__PURE__ */ jsxs(
       Tooltip.Content,
       {
-        enterStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
-        exitStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
+        enterStyle: { x: 0, y: -5, opacity: 0, scale: 0.9 },
+        exitStyle: { x: 0, y: -5, opacity: 0, scale: 0.9 },
         scale: 1,
         x: 0,
         y: 0,
-        o: 1,
+        opacity: 1,
         animation: [
           "quick",
           {
@@ -20,8 +30,9 @@ function SimpleTooltip({ Icon, children, themeStyle, trigger, ...props }) {
             }
           }
         ],
+        ...contentStyle,
         children: [
-          /* @__PURE__ */ jsx(Tooltip.Arrow, {}),
+          arrow && /* @__PURE__ */ jsx(Tooltip.Arrow, { ...arrowStyle }),
           children
         ]
       }

package/dist/esm/panels/SimpleTooltip/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/index.tsx"],
-  "mappings": "AAuBA,SAAS,OAAO,eAAe;AAOzB,cAIE,YAJF;AAHC,SAAS,cAAc,EAAE,MAAM,UAAU,YAAY,SAAS,GAAG,MAAM,GAAwC;AACpH,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,QAAQ,SAAR,EAAgB,QAAO,WAAU,IAAG,UAAS,IAAG,UAC9C,mBACH;AAAA,IACA,oBAAC,SAAM,SAAO,IAAE,GAAG,YACjB;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,QAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,QAC3C,OAAO;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QACH,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAEA;AAAA,8BAAC,QAAQ,OAAR,EAAc;AAAA,UACd;AAAA;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;",
+  "mappings": "AAuBA,SAAS,OAAO,eAAe;AAwBzB,cAEE,YAFF;AAbC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,qBAAC,WAAS,GAAG,OACX;AAAA,wBAAC,QAAQ,SAAR,EAAiB,GAAG,cAAe,mBAAQ;AAAA,IAC5C,oBAAC,SAAM,SAAO,IAAE,GAAG,YACjB;AAAA,MAAC,QAAQ;AAAA,MAAR;AAAA,QACC,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QAClD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,IAAI;AAAA,QACjD,OAAO;AAAA,QACP,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,mBAAS,oBAAC,QAAQ,OAAR,EAAe,GAAG,YAAY;AAAA,UACxC;AAAA;AAAA;AAAA,IACH,GACF;AAAA,KACF;AAEJ;",
   "names": []
 }

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

@@ -0,0 +1,52 @@
+import { Theme, Tooltip } from "tamagui";
+import { jsx, jsxs } from "react/jsx-runtime";
+function SimpleTooltip({
+  Icon,
+  children,
+  trigger,
+  arrow,
+  themeStyle,
+  triggerStyle,
+  contentStyle,
+  arrowStyle,
+  ...props
+}) {
+  return /* @__PURE__ */jsxs(Tooltip, {
+    ...props,
+    children: [/* @__PURE__ */jsx(Tooltip.Trigger, {
+      ...triggerStyle,
+      children: trigger
+    }), /* @__PURE__ */jsx(Theme, {
+      inverse: !0,
+      ...themeStyle,
+      children: /* @__PURE__ */jsxs(Tooltip.Content, {
+        enterStyle: {
+          x: 0,
+          y: -5,
+          opacity: 0,
+          scale: 0.9
+        },
+        exitStyle: {
+          x: 0,
+          y: -5,
+          opacity: 0,
+          scale: 0.9
+        },
+        scale: 1,
+        x: 0,
+        y: 0,
+        opacity: 1,
+        animation: ["quick", {
+          opacity: {
+            overshootClamping: !0
+          }
+        }],
+        ...contentStyle,
+        children: [arrow && /* @__PURE__ */jsx(Tooltip.Arrow, {
+          ...arrowStyle
+        }), children]
+      })
+    })]
+  });
+}
+export { SimpleTooltip };

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

@@ -1,27 +1,112 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { Theme, Tooltip } from "tamagui";
-function SimpleTooltip({ Icon, children, themeStyle, trigger, ...props }) {
-  return /* @__PURE__ */ React.createElement(Tooltip, { ...props }, /* @__PURE__ */ React.createElement(Tooltip.Trigger, { cursor: "pointer", ai: "center", jc: "center" }, trigger), /* @__PURE__ */ React.createElement(Theme, { inverse: !0, ...themeStyle }, /* @__PURE__ */ React.createElement(
-    Tooltip.Content,
-    {
-      enterStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
-      exitStyle: { x: 0, y: -5, o: 0, scale: 0.9 },
-      scale: 1,
-      x: 0,
-      y: 0,
-      o: 1,
-      animation: [
-        "quick",
-        {
-          opacity: {
-            overshootClamping: !0
-          }
-        }
-      ]
-    },
-    /* @__PURE__ */ React.createElement(Tooltip.Arrow, null),
-    children
-  )));
+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 _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 SimpleTooltip(_param) {
+  var Icon = _param.Icon, children = _param.children, trigger = _param.trigger, arrow = _param.arrow, themeStyle = _param.themeStyle, triggerStyle = _param.triggerStyle, contentStyle = _param.contentStyle, arrowStyle = _param.arrowStyle, props = _object_without_properties(_param, [
+    "Icon",
+    "children",
+    "trigger",
+    "arrow",
+    "themeStyle",
+    "triggerStyle",
+    "contentStyle",
+    "arrowStyle"
+  ]);
+  return /* @__PURE__ */ _jsxs(Tooltip, _object_spread_props(_object_spread({}, props), {
+    children: [
+      /* @__PURE__ */ _jsx(Tooltip.Trigger, _object_spread_props(_object_spread({}, triggerStyle), {
+        children: trigger
+      })),
+      /* @__PURE__ */ _jsx(Theme, _object_spread_props(_object_spread({
+        inverse: !0
+      }, themeStyle), {
+        children: /* @__PURE__ */ _jsxs(Tooltip.Content, _object_spread_props(_object_spread({
+          enterStyle: {
+            x: 0,
+            y: -5,
+            opacity: 0,
+            scale: 0.9
+          },
+          exitStyle: {
+            x: 0,
+            y: -5,
+            opacity: 0,
+            scale: 0.9
+          },
+          scale: 1,
+          x: 0,
+          y: 0,
+          opacity: 1,
+          animation: [
+            "quick",
+            {
+              opacity: {
+                overshootClamping: !0
+              }
+            }
+          ]
+        }, contentStyle), {
+          children: [
+            arrow && /* @__PURE__ */ _jsx(Tooltip.Arrow, _object_spread({}, arrowStyle)),
+            children
+          ]
+        }))
+      }))
+    ]
+  }));
 }
 export {
   SimpleTooltip