@multiplatform.one/components 2.0.24 → 4.0.0

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

@@ -15,6 +15,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0
 var SimplePopover_stories_exports = {};
 __export(SimplePopover_stories_exports, {
   default: () => SimplePopover_stories_default,
+  hoverable: () => hoverable,
   main: () => main
 });
 module.exports = __toCommonJS(SimplePopover_stories_exports);
@@ -27,6 +28,14 @@ function _array_like_to_array(arr, len) {
 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) {
@@ -49,6 +58,32 @@ function _iterable_to_array_limit(arr, i) {
 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();
 }
@@ -60,7 +95,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
   }
 }
-var meta = {
+var SimplePopover_stories_default = {
   title: "panels/SimplePopover",
   component: import_index.SimplePopover,
   parameters: {
@@ -68,48 +103,41 @@ var meta = {
       type: "beta"
     }
   }
+}, main = function(args) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimplePopover, _object_spread_props(_object_spread({
+    trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+      children: "Click here to get a Popover"
+    }),
+    title: "Popover content"
+  }, args), {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      children: "Popover content"
+    })
+  }));
 };
-function Hoverable() {
-  var _useState = _sliced_to_array((0, import_react.useState)(!0), 2), hoverable = _useState[0], setHoverable = _useState[1];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
-        gap: !0,
-        padding: "$4",
-        alignItems: "center",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
-            children: "Hoverable"
-          }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
-            size: "$3",
-            checked: hoverable,
-            onCheckedChange: setHoverable,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
-              animation: "bouncy"
-            })
-          })
-        ]
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimplePopover, {
-        hoverable,
-        trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-          children: "Click here to get a Popover"
-        }),
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-            children: "popover content"
-          })
+function Hoverable(args) {
+  var _useState = _sliced_to_array((0, import_react.useState)(!0), 2), hoverable2 = _useState[0], setHoverable = _useState[1];
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimplePopover, _object_spread_props(_object_spread({
+      hoverable: hoverable2,
+      trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        children: "Click here to get a Popover"
+      })
+    }, args), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+          children: "popover content"
         })
       })
-    ]
+    }))
   });
 }
-var main = function() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Hoverable, {});
-}, SimplePopover_stories_default = meta;
+var hoverable = function(args) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Hoverable, _object_spread({}, args));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  hoverable,
   main
 });
 //# sourceMappingURL=SimplePopover.stories.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimplePopover/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/panels/SimplePopover/SimplePopover.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;;;;;;uDAqBA,eAAgC,kBAChC,eAA8B,oBAC9B,iBAA4D;AAJ3D,SAAA,qBAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAMA,OAAa;EACjBC,OAAO;EACPC,WAAWC;EACXC,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC;AAEA,SAASC,YAAAA;AACP,MAAkCC,YAAAA,qBAAAA,uBAAS,EAAA,GAAA,CAAA,GAApCC,YAA2BD,UAAAA,CAAAA,GAAhBE,eAAgBF,UAAAA,CAAAA;AAClC,SACE,uCAAAG,MAACC,uBAAAA;;MACC,uCAAAD,MAACE,uBAAAA;QAAOC,KAAG;QAACC,SAAQ;QAAKC,YAAW;;UAClC,uCAAAC,KAACC,sBAAAA;sBAAM;;UACP,uCAAAD,KAACE,uBAAAA;YAAOC,MAAK;YAAKC,SAASZ;YAAWa,iBAAiBZ;sBACrD,uCAAAO,KAACE,sBAAOI,OAAK;cAACC,WAAU;;;;;MAG5B,uCAAAP,KAACd,4BAAAA;QAAcM;QAAsBgB,SAAS,uCAAAR,KAACS,uBAAAA;oBAAO;;kBACpD,uCAAAT,KAACL,uBAAAA;oBACC,uCAAAK,KAACU,qBAAAA;sBAAK;;;;;;AAKhB;AAEO,IAAMC,OAAO,WAAA;SAAM,uCAAAX,KAACV,WAAAA,CAAAA,CAAAA;GAE3B,gCAAeP;",
-  "names": ["meta", "title", "component", "SimplePopover", "parameters", "status", "type", "Hoverable", "useState", "hoverable", "setHoverable", "_jsxs", "YStack", "XStack", "gap", "padding", "alignItems", "_jsx", "Label", "Switch", "size", "checked", "onCheckedChange", "Thumb", "animation", "trigger", "Button", "Text", "main"]
+  "sources": ["../../../../src/panels/SimplePopover/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/panels/SimplePopover/SimplePopover.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;;;;;;;uDAqBA,eAAgC,kBAChC,eAA8B,oBAC9B,iBAA4E;AAJ3E,SAAA,qBAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAA,gCAAe;EACbA,OAAO;EACPC,WAAWC;EACXC,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GACaC,OAAO,SAACC,MAAAA;SACnB,uCAAAC,KAACN,4BAAAA,qBAAAA,eAAAA;IAAcO,SAAS,uCAAAD,KAACE,uBAAAA;gBAAO;;IAAsCV,OAAM;KAAsBO,IAAAA,GAAAA;cAChG,uCAAAC,KAACG,qBAAAA;gBAAK;;;;AAIV,SAASC,UAAUL,MAAI;AACrB,MAAkCM,YAAAA,qBAAAA,uBAAS,EAAA,GAAA,CAAA,GAApCC,aAA2BD,UAAAA,CAAAA,GAAhBE,eAAgBF,UAAAA,CAAAA;AAClC,SACE,uCAAAL,KAACQ,uBAAAA;cACC,uCAAAR,KAACN,4BAAAA,qBAAAA,eAAAA;MAAcY,WAAWA;MAAWL,SAAS,uCAAAD,KAACE,uBAAAA;kBAAO;;OAA0CH,IAAAA,GAAAA;gBAC9F,uCAAAC,KAACQ,uBAAAA;kBACC,uCAAAR,KAACG,qBAAAA;oBAAK;;;;;AAKhB;AAEO,IAAMG,YAAY,SAACP,MAAAA;SAAS,uCAAAC,KAACI,WAAAA,eAAAA,CAAAA,GAAcL,IAAAA,CAAAA;;",
+  "names": ["title", "component", "SimplePopover", "parameters", "status", "type", "main", "args", "_jsx", "trigger", "Button", "Text", "Hoverable", "useState", "hoverable", "setHoverable", "YStack"]
 }

package/dist/cjs/panels/SimplePopover/index.js

@@ -1,8 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,20 +11,13 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SimplePopover_exports = {};
 __export(SimplePopover_exports, {
   SimplePopover: () => SimplePopover
 });
 module.exports = __toCommonJS(SimplePopover_exports);
-var import_tamagui = require("tamagui"), import_react = __toESM(require("react")), import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
 function SimplePopover({
   children,
   contentStyle,
@@ -35,12 +27,11 @@ function SimplePopover({
   trigger,
   ...props
 }) {
-  const [open, setOpen] = import_react.default.useState(!1);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: !0, open, onOpenChange: setOpen, hoverable: !0, ...props, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: !0, ...props, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: !0, ...triggerStyle, children: trigger }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0, children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Frame, { padding: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Overlay, {})
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Overlay, { animation: "lazy", enterStyle: { opacity: 0 }, exitStyle: { opacity: 0 } })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       import_tamagui.Popover.Content,

package/dist/cjs/panels/SimplePopover/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,qBAA+B,oBAC/B,eAAkB,2BA0BZ;AAbC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,EAAK;AAE5C,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAC,MAAY,cAAc,SAAS,WAAS,IAAE,GAAG,OAC5E;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IAAE,GAAG,cAC1B,mBACH;AAAA,IACA,4CAAC,wBAAM,MAAM,MAAa,UAAS,SACjC,uDAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MACA,4CAAC,uBAAQ,MAAM,SAAd,EAAsB;AAAA,OACzB,GACF;AAAA,IACA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,mBAAS,4CAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAgB,GAAG,YAAY;AAAA,UACnF;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,qBAAuC,oBAuBjC;AAXC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAE,GAAG,OAC/B;AAAA,gDAAC,uBAAQ,SAAR,EAAgB,SAAO,IAAE,GAAG,cAC1B,mBACH;AAAA,IAEA,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAC3B,sDAAC,qBAAM,UAAN,EAAe,GAClB;AAAA,MAEA,4CAAC,uBAAQ,MAAM,SAAd,EAAsB,WAAU,QAAO,YAAY,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,SAAS,EAAE,GAAG;AAAA,OACjG,GACF;AAAA,IACA;AAAA,MAAC,uBAAQ;AAAA,MAAR;AAAA,QACC,aAAa;AAAA,QACb,aAAY;AAAA,QACZ,YAAY,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QACjC,WAAW,EAAE,GAAG,KAAK,SAAS,EAAE;AAAA,QAChC,SAAO;AAAA,QACP,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,mBAAS,4CAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAgB,GAAG,YAAY;AAAA,UACnF;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;",
+  "names": []
 }

package/dist/cjs/panels/SimplePopover/index.native.js

@@ -1,8 +1,7 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -12,28 +11,13 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SimplePopover_exports = {};
 __export(SimplePopover_exports, {
   SimplePopover: () => SimplePopover
 });
 module.exports = __toCommonJS(SimplePopover_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui"), import_react = __toESM(require("react"));
-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;
-}
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui"), import_react = require("react");
 function _define_property(obj, key, value) {
   return key in obj ? Object.defineProperty(obj, key, {
     value,
@@ -42,28 +26,6 @@ function _define_property(obj, key, value) {
     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);
@@ -107,17 +69,6 @@ function _object_without_properties_loose(source, excluded) {
     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 SimplePopover(_param) {
   var children = _param.children, contentStyle = _param.contentStyle, triggerStyle = _param.triggerStyle, arrowStyle = _param.arrowStyle, _param_arrow = _param.arrow, arrow = _param_arrow === void 0 ? !0 : _param_arrow, trigger = _param.trigger, props = _object_without_properties(_param, [
     "children",
@@ -126,13 +77,10 @@ function SimplePopover(_param) {
     "arrowStyle",
     "arrow",
     "trigger"
-  ]), _React_useState = _sliced_to_array(import_react.default.useState(!1), 2), open = _React_useState[0], setOpen = _React_useState[1];
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, _object_spread_props(_object_spread({
     size: "$5",
-    allowFlip: !0,
-    open,
-    onOpenChange: setOpen,
-    hoverable: !0
+    allowFlip: !0
   }, props), {
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, _object_spread_props(_object_spread({
@@ -140,6 +88,7 @@ function SimplePopover(_param) {
       }, triggerStyle), {
         children: trigger
       })),
+      /* @ts-ignore */
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, {
         when: "sm",
         platform: "touch",
@@ -151,7 +100,15 @@ function SimplePopover(_param) {
               padding: "$4",
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {})
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Overlay, {})
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Sheet.Overlay, {
+              animation: "lazy",
+              enterStyle: {
+                opacity: 0
+              },
+              exitStyle: {
+                opacity: 0
+              }
+            })
           ]
         })
       }),

package/dist/cjs/panels/SimplePopover/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimplePopover/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/panels/SimplePopover/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;uDAsBA,iBAA+B,oBAC/B,eAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaX,SAASA,cAAc,QAAA;MAC5BC,WAD4B,OAC5BA,UACAC,eAF4B,OAE5BA,cACAC,eAH4B,OAG5BA,cACAC,aAJ4B,OAI5BA,YAAAA,eAJ4B,OAK5BC,OAAAA,QAAAA,iBAAAA,SAAQ,KAAA,cACRC,UAN4B,OAM5BA,SACGC,QAAAA,2BAPyB,QAAA;IAC5BN;IACAC;IACAC;IACAC;IACAC;IACAC;MAGwBE,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS,EAAA,GAAA,CAAA,GAAhCC,OAAiBF,gBAAAA,CAAAA,GAAXG,UAAWH,gBAAAA,CAAAA;AAExB,SACE,uCAAAI,MAACC,wBAAAA,qBAAAA,eAAAA;IAAQC,MAAK;IAAKC,WAAS;IAACL;IAAYM,cAAcL;IAASM,WAAS;KAAKV,KAAAA,GAAAA;;MAC5E,uCAAAW,KAACL,uBAAQM,SAAO,qBAAA,eAAA;QAACC,SAAO;SAAKjB,YAAAA,GAAAA;kBAC1BG;;MAEH,uCAAAY,KAACG,sBAAAA;QAAMC,MAAM;QAAaC,UAAS;kBACjC,uCAAAX,MAACC,uBAAQW,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,uCAAAR,KAACL,uBAAQW,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,uCAAAV,KAACG,qBAAMQ,UAAQ,CAAA,CAAA;;YAEjB,uCAAAX,KAACL,uBAAQW,MAAMM,SAAO,CAAA,CAAA;;;;MAG1B,uCAAAlB,MAACC,uBAAQkB,SAAO,qBAAA,eAAA;QACdC,aAAa;QACbC,aAAY;QACZC,YAAY;UAAEC,GAAG;UAAKC,SAAS;QAAE;QACjCC,WAAW;UAAEF,GAAG;UAAKC,SAAS;QAAE;QAChCE,SAAO;QACPC,WAAW;UACT;UACA;YACEH,SAAS;cACPI,mBAAmB;YACrB;UACF;;SAEEtC,YAAAA,GAAAA;;UAEHG,SAAS,uCAAAa,KAACL,uBAAQ4B,OAAK,eAAA;YAACT,aAAa;YAAGC,aAAY;aAAmB7B,UAAAA,CAAAA;UACvEH;;;;;AAIT;",
-  "names": ["SimplePopover", "children", "contentStyle", "triggerStyle", "arrowStyle", "arrow", "trigger", "props", "React", "useState", "open", "setOpen", "_jsxs", "Popover", "size", "allowFlip", "onOpenChange", "hoverable", "_jsx", "Trigger", "asChild", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "Content", "borderWidth", "borderColor", "enterStyle", "y", "opacity", "exitStyle", "elevate", "animation", "overshootClamping", "Arrow"]
+  "sources": ["../../../../src/panels/SimplePopover/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/panels/SimplePopover/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;uDACA,iBAAuC,oBACvC,eAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWX,SAASA,cAAc,QAAA;MAC5BC,WAD4B,OAC5BA,UACAC,eAF4B,OAE5BA,cACAC,eAH4B,OAG5BA,cACAC,aAJ4B,OAI5BA,YAAAA,eAJ4B,OAK5BC,OAAAA,QAAAA,iBAAAA,SAAQ,KAAA,cACRC,UAN4B,OAM5BA,SACGC,QAAAA,2BAPyB,QAAA;IAC5BN;IACAC;IACAC;IACAC;IACAC;IACAC;;AAGA,SACE,uCAAAE,MAACC,wBAAAA,qBAAAA,eAAAA;IAAQC,MAAK;IAAKC,WAAS;KAAKJ,KAAAA,GAAAA;;MAC/B,uCAAAK,KAACH,uBAAQI,SAAO,qBAAA,eAAA;QAACC,SAAO;SAAKX,YAAAA,GAAAA;kBAC1BG;;;MAGH,uCAAAM,KAACG,sBAAAA;QAAMC,MAAK;QAAKC,UAAS;kBACxB,uCAAAT,MAACC,uBAAQS,OAAK;UAACC,OAAK;UAACC,uBAAqB;;YACxC,uCAAAR,KAACH,uBAAQS,MAAMG,OAAK;cAACC,SAAQ;wBAC3B,uCAAAV,KAACG,qBAAMQ,UAAQ,CAAA,CAAA;;YAGjB,uCAAAX,KAACH,uBAAQS,MAAMM,SAAO;cAACC,WAAU;cAAOC,YAAY;gBAAEC,SAAS;cAAE;cAAGC,WAAW;gBAAED,SAAS;cAAE;;;;;MAGhG,uCAAAnB,MAACC,uBAAQoB,SAAO,qBAAA,eAAA;QACdC,aAAa;QACbC,aAAY;QACZL,YAAY;UAAEM,GAAG;UAAKL,SAAS;QAAE;QACjCC,WAAW;UAAEI,GAAG;UAAKL,SAAS;QAAE;QAChCM,SAAO;QACPR,WAAW;UACT;UACA;YACEE,SAAS;cACPO,mBAAmB;YACrB;UACF;;SAEEhC,YAAAA,GAAAA;;UAEHG,SAAS,uCAAAO,KAACH,uBAAQ0B,OAAK,eAAA;YAACL,aAAa;YAAGC,aAAY;aAAmB3B,UAAAA,CAAAA;UACvEH;;;;;AAIT;",
+  "names": ["SimplePopover", "children", "contentStyle", "triggerStyle", "arrowStyle", "arrow", "trigger", "props", "_jsxs", "Popover", "size", "allowFlip", "_jsx", "Trigger", "asChild", "Adapt", "when", "platform", "Sheet", "modal", "dismissOnSnapToBottom", "Frame", "padding", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "borderWidth", "borderColor", "y", "elevate", "overshootClamping", "Arrow"]
 }

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

@@ -26,19 +26,11 @@ __export(SimpleSheet_stories_exports, {
   main: () => main
 });
 module.exports = __toCommonJS(SimpleSheet_stories_exports);
-var import_react = __toESM(require("react")), import_index = require("./index"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react")), import_index = require("./index"), import_tamagui = require("tamagui"), import_addon_actions = require("@storybook/addon-actions"), import_jsx_runtime = require("react/jsx-runtime");
 const meta = {
   title: "panels/SimpleSheet",
   component: import_index.SimpleSheet,
   parameters: { status: { type: "beta" } }
-};
-function Sheet() {
-  const [open, setOpen] = import_react.default.useState(!1);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { padding: "$4", fullscreen: !0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { onPress: () => setOpen(!0), children: "open" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleSheet, { open, onOpenChange: setOpen, modal: !0, children: "Sheet Content" })
-  ] });
-}
-const main = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sheet, {});
+}, main = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleSheet, { onSheetChange: (0, import_addon_actions.action)("onSheetChange"), ...args });
 var SimpleSheet_stories_default = meta;
 //# sourceMappingURL=SimpleSheet.stories.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleSheet/SimpleSheet.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,mBAAkB,2BAClB,eAA4B,oBAE5B,iBAA+B,oBAY3B;AAVJ,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEA,SAAS,QAAQ;AACf,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,EAAK;AAE5C,SACE,6CAAC,yBAAO,SAAQ,MAAK,YAAU,IAC7B;AAAA,gDAAC,yBAAO,SAAS,MAAM,QAAQ,EAAI,GAAG,kBAAI;AAAA,IAC1C,4CAAC,4BAAY,MAAY,cAAc,SAAS,OAAK,IAAC,2BAEtD;AAAA,KACF;AAEJ;AAEO,MAAM,OAAO,MAAM,4CAAC,SAAM;AACjC,IAAO,8BAAQ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,mBAAkB,2BAClB,eAA4B,oBAE5B,iBAA+B,oBAE/B,uBAAuB,qCAOO;AAL9B,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GACa,OAAO,CAAC,SAAS,4CAAC,4BAAY,mBAAe,6BAAO,eAAe,GAAI,GAAG,MAAM;AA2B7F,IAAO,8BAAQ;",
+  "names": []
 }

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

@@ -26,47 +26,25 @@ __export(SimpleSheet_stories_exports, {
   main: () => main
 });
 module.exports = __toCommonJS(SimpleSheet_stories_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_index = require("./index"), import_tamagui = 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;
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_index = require("./index"), import_tamagui = require("tamagui"), import_addon_actions = require("@storybook/addon-actions");
+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 _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);
+function _object_spread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
   }
+  return target;
 }
 var meta = {
   title: "panels/SimpleSheet",
@@ -76,31 +54,12 @@ var meta = {
       type: "beta"
     }
   }
+}, main = function(args) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleSheet, _object_spread({
+    onSheetChange: (0, import_addon_actions.action)("onSheetChange")
+  }, args));
 };
-function Sheet() {
-  var _React_useState = _sliced_to_array(import_react.default.useState(!1), 2), open = _React_useState[0], setOpen = _React_useState[1];
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    padding: "$4",
-    fullscreen: !0,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
-        onPress: function() {
-          return setOpen(!0);
-        },
-        children: "open"
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleSheet, {
-        open,
-        onOpenChange: setOpen,
-        modal: !0,
-        children: "Sheet Content"
-      })
-    ]
-  });
-}
-var main = function() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Sheet, {});
-}, SimpleSheet_stories_default = meta;
+var SimpleSheet_stories_default = meta;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   main

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimpleSheet/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/panels/SimpleSheet/SimpleSheet.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;uDAqBA,eAAkB,2BAClB,eAA4B,oBAE5B,iBAA+B;AAL9B,SAAA,qBAAA,KAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOD,IAAMA,OAAa;EACjBC,OAAO;EACPC,WAAWC;EACXC,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC;AAEA,SAASC,QAAAA;AACP,MAAwBC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS,EAAA,GAAA,CAAA,GAAhCC,OAAiBF,gBAAAA,CAAAA,GAAXG,UAAWH,gBAAAA,CAAAA;AAExB,SACE,uCAAAI,MAACC,uBAAAA;IAAOC,SAAQ;IAAKC,YAAU;;MAC7B,uCAAAC,KAACC,uBAAAA;QAAOC,SAAS,WAAA;iBAAMP,QAAQ,EAAA;;kBAAO;;MACtC,uCAAAK,KAACb,0BAAAA;QAAYO;QAAYS,cAAcR;QAASS,OAAK;kBAAC;;;;AAK5D;AAEO,IAAMC,OAAO,WAAA;SAAM,uCAAAL,KAACT,OAAAA,CAAAA,CAAAA;GAC3B,8BAAeP;",
-  "names": ["meta", "title", "component", "SimpleSheet", "parameters", "status", "type", "Sheet", "React", "useState", "open", "setOpen", "_jsxs", "YStack", "padding", "fullscreen", "_jsx", "Button", "onPress", "onOpenChange", "modal", "main"]
+  "sources": ["../../../../src/panels/SimpleSheet/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/panels/SimpleSheet/SimpleSheet.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;uDAqBA,eAAkB,2BAClB,eAA4B,oBAE5B,iBAA+B,oBAE/B,uBAAuB;;;;;;;;;;;;;;;;;;;;AAEvB,IAAMA,OAAa;EACjBC,OAAO;EACPC,WAAWC;EACXC,YAAY;IAAEC,QAAQ;MAAEC,MAAM;IAAO;EAAE;AACzC,GACaC,OAAO,SAACC,MAAAA;SAAS,uCAAAC,KAACN,0BAAAA,eAAAA;IAAYO,mBAAeC,6BAAO,eAAA;KAAsBH,IAAAA,CAAAA;;AA2BvF,IAAA,8BAAeI;",
+  "names": ["meta", "title", "component", "SimpleSheet", "parameters", "status", "type", "main", "args", "_jsx", "onSheetChange", "action", "meta"]
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimpleSheet/home/clayrisser/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/panels/SimpleSheet/index.tsx"],
+  "sources": ["../../../../src/panels/SimpleSheet/home/dharmendraboddeda/Projects/bitspur/multiplatform.one/multiplatform.one/packages/components/src/panels/SimpleSheet/index.tsx"],
   "mappings": ";;;;;;;;;;;;;;AAAA;;;;;uDAqBA,eAAkB,kBAElB,eAAsB;AAJrB,SAAA,iBAAA,KAAA,KAAA,OAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,SAASA,YAAY,QAAA;MAAEC,WAAF,OAAEA,UAAUC,eAAZ,OAAYA,cAAcC,aAA1B,OAA0BA,YAAeC,QAAAA,2BAAzC,QAAA;IAAEH;IAAUC;IAAcC;;AACpD,SACE,uCAAAE,MAACC,oBAAAA,qBAAAA,eAAAA;IAAMC,QAAQ;KAAaH,KAAAA,GAAAA;;MAC1B,uCAAAI,KAACF,mBAAMG,SAAO,eAAA;QAACC,WAAU;QAAOC,YAAY;UAAEC,SAAS;QAAE;QAAGC,WAAW;UAAED,SAAS;QAAE;SAAOV,YAAAA,CAAAA;MAC3F,uCAAAM,KAACF,mBAAMQ,QAAM,CAAA,CAAA;MACb,uCAAAN,KAACF,mBAAMS,OAAK,qBAAA,eAAA;QAACC,SAAQ;QAAKC,gBAAe;QAASC,YAAW;QAASC,KAAI;SAAShB,UAAAA,GAAAA;;;;;AAKzF;",
   "names": ["SimpleSheet", "children", "overlayStyle", "frameStyle", "props", "_jsxs", "Sheet", "zIndex", "_jsx", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Handle", "Frame", "padding", "justifyContent", "alignItems", "gap"]
 }

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

@@ -32,14 +32,23 @@ const meta = {
   component: import_index.SimpleTooltip,
   parameters: { status: { type: "beta" } }
 };
-function Tooltip() {
-  const [arrow, setArrow] = import_react.default.useState(!0);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { gap: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: !0, padding: "$4", alignItems: "center", children: [
+function Tooltip(args) {
+  const [arrow, setArrow] = import_react.default.useState(args.arrow);
+  return import_react.default.useEffect(() => {
+    setArrow(args.arrow);
+  }, [args.arrow]), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { gap: "$4", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { gap: !0, padding: "$4", alignItems: "center", children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, { size: "$3", checked: arrow, onCheckedChange: setArrow, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, { animation: "bouncy" }) }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { children: "arrow" }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleTooltip, { arrow, trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "?" }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "tooltip content" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleTooltip, { ...args, arrow, trigger: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, { children: "?" }), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, { children: "tooltip content" }) })
   ] }) });
 }
-const main = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, {});
+const main = (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Tooltip, { ...args });
+main.args = {
+  arrow: !0,
+  themeStyle: { background: "black", color: "white" },
+  triggerStyle: { background: "black", color: "white" },
+  contentStyle: { background: "black", color: "white" },
+  arrowStyle: { background: "black" }
+};
 var SimpleTooltip_stories_default = meta;
 //# sourceMappingURL=SimpleTooltip.stories.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,mBAAkB,2BAClB,eAA8B,oBAC9B,iBAA4D,oBAatD;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,aAAAA,QAAM,SAAS,EAAI;AAC7C,SACE,4CAAC,yBAAO,KAAI,MACV,uDAAC,yBAAO,KAAG,IAAC,SAAQ,MAAK,YAAW,UAClC;AAAA,gDAAC,yBAAO,MAAK,MAAK,SAAS,OAAO,iBAAiB,UACjD,sDAAC,sBAAO,OAAP,EAAa,WAAU,UAAS,GACnC;AAAA,IACA,4CAAC,wBAAM,mBAAK;AAAA,IACZ,4CAAC,8BAAc,OAAc,SAAS,4CAAC,yBAAO,eAAC,GAC7C,sDAAC,uBAAK,6BAAe,GACvB;AAAA,KACF,GACF;AAEJ;AAEO,MAAM,OAAO,MAAM,4CAAC,WAAQ;AACnC,IAAO,gCAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,mBAAkB,2BAClB,eAAkD,oBAClD,iBAA4D,oBAiBtD;AAdN,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEA,SAAS,QAAQ,MAA0B;AACzC,QAAM,CAAC,OAAO,QAAQ,IAAI,aAAAA,QAAM,SAAS,KAAK,KAAK;AAEnD,sBAAAA,QAAM,UAAU,MAAM;AACpB,aAAS,KAAK,KAAK;AAAA,EACrB,GAAG,CAAC,KAAK,KAAK,CAAC,GAEb,4CAAC,yBAAO,KAAI,MACV,uDAAC,yBAAO,KAAG,IAAC,SAAQ,MAAK,YAAW,UAClC;AAAA,gDAAC,yBAAO,MAAK,MAAK,SAAS,OAAO,iBAAiB,UACjD,sDAAC,sBAAO,OAAP,EAAa,WAAU,UAAS,GACnC;AAAA,IACA,4CAAC,wBAAM,mBAAK;AAAA,IACZ,4CAAC,8BAAe,GAAG,MAAM,OAAc,SAAS,4CAAC,yBAAO,eAAC,GACvD,sDAAC,uBAAK,6BAAe,GACvB;AAAA,KACF,GACF;AAEJ;AAEO,MAAM,OAAO,CAAC,SAAS,4CAAC,WAAS,GAAG,MAAM;AACjD,KAAK,OAAO;AAAA,EACV,OAAO;AAAA,EACP,YAAY,EAAE,YAAY,SAAS,OAAO,QAAQ;AAAA,EAClD,cAAc,EAAE,YAAY,SAAS,OAAO,QAAQ;AAAA,EACpD,cAAc,EAAE,YAAY,SAAS,OAAO,QAAQ;AAAA,EACpD,YAAY,EAAE,YAAY,QAAQ;AACpC;AAEA,IAAO,gCAAQ;",
   "names": ["React"]
 }