@multiplatform.one/components 0.7.0 → 0.7.2

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

@@ -0,0 +1,95 @@
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __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 SimplePopover_stories_exports = {};
+__export(SimplePopover_stories_exports, {
+  closeOnHoverOut: () => closeOnHoverOut,
+  default: () => SimplePopover_stories_default,
+  main: () => main,
+  openOnAnyCondition: () => openOnAnyCondition,
+  openOnChangingTheCondition: () => openOnChangingTheCondition,
+  openOnHover: () => openOnHover
+});
+module.exports = __toCommonJS(SimplePopover_stories_exports);
+var import_react = __toESM(require("react")), import_index = require("./index"), import_tamagui = require("tamagui");
+const meta = {
+  title: "panels/SimplePopover",
+  component: import_index.SimplePopover,
+  parameters: { status: { type: "beta" } }
+}, main = () => /* @__PURE__ */ import_react.default.createElement(
+  import_index.SimplePopover,
+  null,
+  /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Text, null, "popover content"))
+), closeOnHoverOut = () => /* @__PURE__ */ import_react.default.createElement(
+  import_index.SimplePopover,
+  {
+    closeOnHoverOut: !0
+  },
+  /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Text, null, "popover content will close on hoverOut"))
+);
+function Open() {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_index.SimplePopover,
+    {
+      triggerOnHover: !0,
+      arrow: !1,
+      triggerStyle: { als: "center", ai: "center" }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, [1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => /* @__PURE__ */ import_react.default.createElement(import_tamagui.Text, { key: i }, i)))
+  );
+}
+const openOnHover = () => /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, { jc: "space-around" }, /* @__PURE__ */ import_react.default.createElement(Open, null), /* @__PURE__ */ import_react.default.createElement(Open, null)), OnCondition = (props) => {
+  const [open, setOpen] = (0, import_react.useState)(!1);
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { space: !0 }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, null, "change the switch to get popover"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Switch, { checked: props.open, onCheckedChange: setOpen }), /* @__PURE__ */ import_react.default.createElement(
+    import_index.SimplePopover,
+    {
+      open,
+      onOpenChange: setOpen
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_tamagui.Text, null, "Conditional popover")
+  ));
+}, openOnChangingTheCondition = (args) => /* @__PURE__ */ import_react.default.createElement(OnCondition, { ...args }), ConditionalPopover = () => {
+  const [open, setOpen] = (0, import_react.useState)(!1), [inputVal, setInputVal] = (0, import_react.useState)("");
+  function handleInput(val) {
+    setOpen(val === "show"), setInputVal(val);
+  }
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, { space: !0 }, /* @__PURE__ */ import_react.default.createElement(
+    import_index.SimplePopover,
+    {
+      open,
+      onOpenChange: setOpen,
+      triggerElement: /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Input, { value: inputVal, onChangeText: handleInput, placeholder: "type show to get popup" })),
+      arrow: !0
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_tamagui.Text, null, "Conditional popover")
+  ));
+}, openOnAnyCondition = (args) => /* @__PURE__ */ import_react.default.createElement(ConditionalPopover, { ...args });
+var SimplePopover_stories_default = meta;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  closeOnHoverOut,
+  main,
+  openOnAnyCondition,
+  openOnChangingTheCondition,
+  openOnHover
+});
+//# sourceMappingURL=SimplePopover.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBA,mBAAgC,2BAChC,eAA8B,oBAC9B,iBAA2D;AAG3D,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,EAGC,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA,cAAC,2BAAK,iBAAe,CACvB;AACF,GAGW,kBAAkB,MAC7B,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IAEC,iBAAe;AAAA;AAAA,EAEf,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA,cAAC,2BAAK,wCAAsC,CAC9C;AACF;AAGF,SAAS,OAAO;AACd,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MAEC,gBAAc;AAAA,MACd,OAAO;AAAA,MACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA;AAAA,IAE5C,6BAAAA,QAAA,cAAC,6BACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,6BAAAA,QAAA,cAAC,uBAAK,KAAK,KAAI,CAAE,CAClB,CACH;AAAA,EACF;AAEJ;AAEO,MAAM,cAAc,MACzB,6BAAAA,QAAA,cAAC,yBAAO,IAAG,kBACT,6BAAAA,QAAA,cAAC,UAAK,GACN,6BAAAA,QAAA,cAAC,UAAK,CACR,GAGI,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,EAAK;AACtC,SACE,6BAAAA,QAAA,cAAC,yBAAO,OAAK,MACX,6BAAAA,QAAA,cAAC,4BAAM,kCAAgC,GACvC,6BAAAA,QAAA,cAAC,yBAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS,GACvD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA;AAAA,IAGd,6BAAAA,QAAA,cAAC,2BAAK,qBAAmB;AAAA,EAC3B,CACF;AAEJ,GAEa,6BAA6B,CAAC,SAAS,6BAAAA,QAAA,cAAC,eAAa,GAAG,MAAM,GAErE,qBAAqB,MAAM;AAC/B,QAAM,CAAC,MAAM,OAAO,QAAI,uBAAS,EAAK,GAChC,CAAC,UAAU,WAAW,QAAI,uBAAS,EAAE;AAE3C,WAAS,YAAY,KAAK;AACxB,IAAoB,QAAhB,QAAQ,MAAoB,GAEhC,YAAY,GAAG;AAAA,EACjB;AAEA,SACE,6BAAAA,QAAA,cAAC,yBAAO,OAAK,MACX,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,gBACE,6BAAAA,QAAA,cAAC,6BACC,6BAAAA,QAAA,cAAC,wBAAM,OAAO,UAAU,cAAc,aAAa,aAAY,0BAAyB,CAC1F;AAAA,MAEF,OAAO;AAAA;AAAA,IAEP,6BAAAA,QAAA,cAAC,2BAAK,qBAAmB;AAAA,EAC3B,CACF;AAEJ,GAEa,qBAAqB,CAAC,SAAS,6BAAAA,QAAA,cAAC,sBAAoB,GAAG,MAAM;AAE1E,IAAO,gCAAQ;",
+  "names": ["React"]
+}

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

@@ -2,18 +2,14 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__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(
@@ -21,45 +17,81 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   // 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: true }) : target,
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
   mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SimplePopover_exports = {};
 __export(SimplePopover_exports, {
-  SimplePopover: () => SimplePopover
+  SimplePopover: () => SimplePopover,
+  SimplePopoverTrigger: () => SimplePopoverTrigger
 });
 module.exports = __toCommonJS(SimplePopover_exports);
-var import_tamagui = require("tamagui");
-var import_react = __toESM(require("react"));
-function SimplePopover({ children, trigger, contentStyle, arrowStyle, ...props }) {
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover, { size: "$5", allowFlip: true, ...props }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Trigger, { asChild: true }, trigger), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Sheet, { modal: true, dismissOnSnapToBottom: true }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Sheet.Frame, { padding: "$4" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Adapt.Contents, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Sheet.Overlay, null))), /* @__PURE__ */ import_react.default.createElement(
-    import_tamagui.Popover.Content,
+var import_tamagui = require("tamagui"), import_react = __toESM(require("react")), import_tamagui2 = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+const SimplePopoverTrigger = import_react.default.forwardRef((props, forwardedRef) => {
+  const context = (0, import_tamagui.usePopoverContext)(), composedTriggerRef = (0, import_tamagui.useComposedRefs)(forwardedRef, context.triggerRef), trigger = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_tamagui.View,
     {
-      borderWidth: 1,
-      borderColor: "$borderColor",
-      enterStyle: { x: 0, y: -10, opacity: 0 },
-      exitStyle: { x: 0, y: -10, opacity: 0 },
-      x: 0,
-      y: 0,
-      opacity: 1,
-      animation: [
-        "quick",
-        {
-          opacity: {
-            overshootClamping: true
+      "aria-haspopup": "dialog",
+      "aria-expanded": context.open,
+      "data-state": (0, import_tamagui.getState)(context.open),
+      ...props,
+      ref: composedTriggerRef
+    }
+  );
+  return context.hasCustomAnchor ? trigger : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.PopperAnchor, { asChild: !0, children: trigger });
+});
+function SimplePopover({
+  children,
+  contentStyle,
+  triggerStyle,
+  arrowStyle,
+  arrow = !0,
+  triggerOnHover,
+  closeOnHoverOut,
+  ...props
+}) {
+  const [open, setOpen] = import_react.default.useState(!1), trigger = "trigger" in props;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Popover, { size: "$5", allowFlip: !0, open, onOpenChange: setOpen, ...props, children: [
+    trigger && props.trigger && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Trigger, { asChild: !0, children: triggerOnHover ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui2.YStack, { onHoverIn: () => setOpen(!0), onHoverOut: () => setOpen(!1), ...triggerStyle, children: props.trigger }) : props.trigger }),
+    !trigger && "triggerElement" in props && "open" in props && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SimplePopoverTrigger, { asChild: !0, children: props.triggerElement }),
+    /* @__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", onMouseEnter: () => setOpen(!0), 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.jsxs)(
+      import_tamagui.Popover.Content,
+      {
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        enterStyle: { x: 0, y: -10, opacity: 0 },
+        exitStyle: triggerOnHover ? void 0 : { x: 0, y: -10, opacity: 0 },
+        x: 0,
+        y: 0,
+        opacity: 1,
+        animation: triggerOnHover ? void 0 : [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
           }
-        }
-      ],
-      elevate: true,
-      ...contentStyle
-    },
-    /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor" }),
-    children
-  ));
+        ],
+        elevate: !0,
+        onHoverIn: triggerOnHover ? () => setOpen(!0) : void 0,
+        onHoverOut: triggerOnHover || closeOnHoverOut ? () => setOpen(!1) : void 0,
+        zi: 9999999999,
+        ...contentStyle,
+        children: [
+          arrow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor", ...arrowStyle }),
+          children
+        ]
+      }
+    )
+  ] });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  SimplePopover
+  SimplePopover,
+  SimplePopoverTrigger
 });
 //# sourceMappingURL=index.js.map

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;AACA,qBAA+B;AAC/B,mBAAkB;AASX,SAAS,cAAc,EAAE,UAAU,SAAS,cAAc,YAAY,GAAG,MAAM,GAAuB;AAC3G,SACE,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,WAAS,MAAE,GAAG,SAC/B,6BAAAA,QAAA,cAAC,uBAAQ,SAAR,EAAgB,SAAO,QAAE,OAAQ,GAClC,6BAAAA,QAAA,cAAC,wBAAM,MAAK,MAAK,UAAS,WACxB,6BAAAA,QAAA,cAAC,uBAAQ,OAAR,EAAc,OAAK,MAAC,uBAAqB,QACxC,6BAAAA,QAAA,cAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,QAC3B,6BAAAA,QAAA,cAAC,qBAAM,UAAN,IAAe,CAClB,GACA,6BAAAA,QAAA,cAAC,uBAAQ,MAAM,SAAd,IAAsB,CACzB,CACF,GACA,6BAAAA,QAAA;AAAA,IAAC,uBAAQ;AAAA,IAAR;AAAA,MACC,aAAa;AAAA,MACb,aAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,WAAW,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACtC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAO;AAAA,MACN,GAAG;AAAA;AAAA,IAEJ,6BAAAA,QAAA,cAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAe;AAAA,IACzD;AAAA,EACH,CACF;AAEJ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BA,qBAAiG,oBACjG,eAAkB,2BAElBA,kBAAuB,oBA0BnB;AALG,MAAM,uBAAuB,aAAAC,QAAM,WAAuC,CAAC,OAAmB,iBAAiB;AACpH,QAAM,cAAU,kCAAkB,GAC5B,yBAAqB,gCAAgB,cAAc,QAAQ,UAAU,GAErE,UACJ;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,iBAAe,QAAQ;AAAA,MACvB,kBAAY,yBAAS,QAAQ,IAAI;AAAA,MAChC,GAAG;AAAA,MACJ,KAAK;AAAA;AAAA,EACP;AAGF,SAAO,QAAQ,kBAAkB,UAAU,4CAAC,+BAAa,SAAO,IAAE,mBAAQ;AAC5E,CAAC;AAEM,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,EAAK,GACtC,UAAU,aAAa;AAE7B,SACE,6CAAC,0BAAQ,MAAK,MAAK,WAAS,IAAC,MAAY,cAAc,SAAU,GAAG,OACjE;AAAA,eACC,MAAM,WAEJ,4CAAC,uBAAQ,SAAR,EAAgB,SAAO,IACrB,2BACC,4CAAC,0BAAO,WAAW,MAAM,QAAQ,EAAI,GAAG,YAAY,MAAM,QAAQ,EAAK,GAAI,GAAG,cAC3E,gBAAM,SACT,IAEA,MAAM,SAEV;AAAA,IAEH,CAAC,WAAW,oBAAoB,SAAS,UAAU,SAClD,4CAAC,wBAAqB,SAAO,IAAE,gBAAM,gBAAe;AAAA,IAGtD,4CAAC,wBAAM,MAAK,MAAK,UAAS,SACxB,uDAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,IACxC;AAAA,kDAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAAK,cAAc,MAAM,QAAQ,EAAI,GAChE,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,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACvC,WAAY,iBAAgD,SAA/B,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,QACxD,GAAG;AAAA,QACH,GAAG;AAAA,QACH,SAAS;AAAA,QACT,WACG,iBASG,SARA;AAAA,UACE;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QAGN,SAAO;AAAA,QACP,WAAW,iBAAiB,MAAM,QAAQ,EAAI,IAAI;AAAA,QAClD,YAAY,kBAAkB,kBAAkB,MAAM,QAAQ,EAAK,IAAI;AAAA,QACvE,IAAI;AAAA,QACH,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": ["import_tamagui", "React"]
 }

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

@@ -0,0 +1,87 @@
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __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 SimplePopover_exports = {};
+__export(SimplePopover_exports, {
+  SimplePopover: () => SimplePopover,
+  SimplePopoverTrigger: () => SimplePopoverTrigger
+});
+module.exports = __toCommonJS(SimplePopover_exports);
+var import_tamagui = require("tamagui"), import_react = __toESM(require("react")), import_tamagui2 = require("tamagui");
+const SimplePopoverTrigger = import_react.default.forwardRef((props, forwardedRef) => {
+  const context = (0, import_tamagui.usePopoverContext)(), composedTriggerRef = (0, import_tamagui.useComposedRefs)(forwardedRef, context.triggerRef), trigger = /* @__PURE__ */ import_react.default.createElement(
+    import_tamagui.View,
+    {
+      "aria-haspopup": "dialog",
+      "aria-expanded": context.open,
+      "data-state": (0, import_tamagui.getState)(context.open),
+      ...props,
+      ref: composedTriggerRef
+    }
+  );
+  return context.hasCustomAnchor ? trigger : /* @__PURE__ */ import_react.default.createElement(import_tamagui.PopperAnchor, { asChild: !0 }, trigger);
+});
+function SimplePopover({
+  children,
+  contentStyle,
+  triggerStyle,
+  arrowStyle,
+  arrow = !0,
+  triggerOnHover,
+  closeOnHoverOut,
+  ...props
+}) {
+  const [open, setOpen] = import_react.default.useState(!1), trigger = "trigger" in props;
+  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover, { size: "$5", allowFlip: !0, open, onOpenChange: setOpen, ...props }, trigger && props.trigger && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Trigger, { asChild: !0 }, triggerOnHover ? /* @__PURE__ */ import_react.default.createElement(import_tamagui2.YStack, { onHoverIn: () => setOpen(!0), onHoverOut: () => setOpen(!1), ...triggerStyle }, props.trigger) : props.trigger), !trigger && "triggerElement" in props && "open" in props && /* @__PURE__ */ import_react.default.createElement(SimplePopoverTrigger, { asChild: !0 }, props.triggerElement), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Adapt, { when: "sm", platform: "touch" }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Sheet, { modal: !0, dismissOnSnapToBottom: !0 }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Sheet.Frame, { padding: "$4", onMouseEnter: () => setOpen(!0) }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Adapt.Contents, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Sheet.Overlay, null))), /* @__PURE__ */ import_react.default.createElement(
+    import_tamagui.Popover.Content,
+    {
+      borderWidth: 1,
+      borderColor: "$borderColor",
+      enterStyle: { x: 0, y: -10, opacity: 0 },
+      exitStyle: triggerOnHover ? void 0 : { x: 0, y: -10, opacity: 0 },
+      x: 0,
+      y: 0,
+      opacity: 1,
+      animation: triggerOnHover ? void 0 : [
+        "quick",
+        {
+          opacity: {
+            overshootClamping: !0
+          }
+        }
+      ],
+      elevate: !0,
+      onHoverIn: triggerOnHover ? () => setOpen(!0) : void 0,
+      onHoverOut: triggerOnHover || closeOnHoverOut ? () => setOpen(!1) : void 0,
+      zi: 9999999999,
+      ...contentStyle
+    },
+    arrow && /* @__PURE__ */ import_react.default.createElement(import_tamagui.Popover.Arrow, { borderWidth: 1, borderColor: "$borderColor", ...arrowStyle }),
+    children
+  ));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SimplePopover,
+  SimplePopoverTrigger
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BA,qBAAiG,oBACjG,eAAkB,2BAElBA,kBAAuB;AAqBhB,MAAM,uBAAuB,aAAAC,QAAM,WAAuC,CAAC,OAAmB,iBAAiB;AACpH,QAAM,cAAU,kCAAkB,GAC5B,yBAAqB,gCAAgB,cAAc,QAAQ,UAAU,GAErE,UACJ,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,iBAAc;AAAA,MACd,iBAAe,QAAQ;AAAA,MACvB,kBAAY,yBAAS,QAAQ,IAAI;AAAA,MAChC,GAAG;AAAA,MACJ,KAAK;AAAA;AAAA,EACP;AAGF,SAAO,QAAQ,kBAAkB,UAAU,6BAAAA,QAAA,cAAC,+BAAa,SAAO,MAAE,OAAQ;AAC5E,CAAC;AAEM,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,QAAM,CAAC,MAAM,OAAO,IAAI,aAAAA,QAAM,SAAS,EAAK,GACtC,UAAU,aAAa;AAE7B,SACE,6BAAAA,QAAA,cAAC,0BAAQ,MAAK,MAAK,WAAS,IAAC,MAAY,cAAc,SAAU,GAAG,SACjE,WACC,MAAM,WAEJ,6BAAAA,QAAA,cAAC,uBAAQ,SAAR,EAAgB,SAAO,MACrB,iBACC,6BAAAA,QAAA,cAAC,0BAAO,WAAW,MAAM,QAAQ,EAAI,GAAG,YAAY,MAAM,QAAQ,EAAK,GAAI,GAAG,gBAC3E,MAAM,OACT,IAEA,MAAM,OAEV,GAEH,CAAC,WAAW,oBAAoB,SAAS,UAAU,SAClD,6BAAAA,QAAA,cAAC,wBAAqB,SAAO,MAAE,MAAM,cAAe,GAGtD,6BAAAA,QAAA,cAAC,wBAAM,MAAK,MAAK,UAAS,WACxB,6BAAAA,QAAA,cAAC,uBAAQ,OAAR,EAAc,OAAK,IAAC,uBAAqB,MACxC,6BAAAA,QAAA,cAAC,uBAAQ,MAAM,OAAd,EAAoB,SAAQ,MAAK,cAAc,MAAM,QAAQ,EAAI,KAChE,6BAAAA,QAAA,cAAC,qBAAM,UAAN,IAAe,CAClB,GACA,6BAAAA,QAAA,cAAC,uBAAQ,MAAM,SAAd,IAAsB,CACzB,CACF,GACA,6BAAAA,QAAA;AAAA,IAAC,uBAAQ;AAAA,IAAR;AAAA,MACC,aAAa;AAAA,MACb,aAAY;AAAA,MACZ,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACvC,WAAY,iBAAgD,SAA/B,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,EAAE;AAAA,MACxD,GAAG;AAAA,MACH,GAAG;AAAA,MACH,SAAS;AAAA,MACT,WACG,iBASG,SARA;AAAA,QACE;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,MAGN,SAAO;AAAA,MACP,WAAW,iBAAiB,MAAM,QAAQ,EAAI,IAAI;AAAA,MAClD,YAAY,kBAAkB,kBAAkB,MAAM,QAAQ,EAAK,IAAI;AAAA,MACvE,IAAI;AAAA,MACH,GAAG;AAAA;AAAA,IAEH,SAAS,6BAAAA,QAAA,cAAC,uBAAQ,OAAR,EAAc,aAAa,GAAG,aAAY,gBAAgB,GAAG,YAAY;AAAA,IACnF;AAAA,EACH,CACF;AAEJ;",
+  "names": ["import_tamagui", "React"]
+}

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

@@ -1,45 +1,30 @@
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
     for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
+      !__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: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var SimpleSheet_stories_exports = {};
 __export(SimpleSheet_stories_exports, {
   default: () => SimpleSheet_stories_default,
   main: () => main
 });
 module.exports = __toCommonJS(SimpleSheet_stories_exports);
-var import_react = __toESM(require("react"));
-var import_index = require("./index");
+var import_index = require("./index"), import_jsx_runtime = require("react/jsx-runtime");
 const meta = {
   // export default {
   title: "panels/SimpleSheet",
   component: import_index.SimpleSheet,
   parameters: { status: { type: "beta" } }
-};
-const main = () => /* @__PURE__ */ import_react.default.createElement(import_index.SimpleSheet, { modal: true }, "Click to test simpleSHeet");
+}, main = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.SimpleSheet, { modal: !0, children: "Click to test simpleSHeet" });
 var SimpleSheet_stories_default = meta;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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;AAAA,mBAAkB;AAElB,mBAA4B;AAG5B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,6BAAAA,QAAA,cAAC,4BAAY,OAAK,QAAC,2BAAyB;AACtE,IAAO,8BAAQ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA4B,oBAUF;AAP1B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAAM,4CAAC,4BAAY,OAAK,IAAC,uCAAyB;AACtE,IAAO,8BAAQ;",
+  "names": []
 }

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

@@ -0,0 +1,41 @@
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __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 SimpleSheet_stories_exports = {};
+__export(SimpleSheet_stories_exports, {
+  default: () => SimpleSheet_stories_default,
+  main: () => main
+});
+module.exports = __toCommonJS(SimpleSheet_stories_exports);
+var import_react = __toESM(require("react")), import_index = require("./index");
+const meta = {
+  // export default {
+  title: "panels/SimpleSheet",
+  component: import_index.SimpleSheet,
+  parameters: { status: { type: "beta" } }
+}, main = () => /* @__PURE__ */ import_react.default.createElement(import_index.SimpleSheet, { modal: !0 }, "Click to test simpleSHeet");
+var SimpleSheet_stories_default = meta;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  main
+});
+//# sourceMappingURL=SimpleSheet.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleSheet/SimpleSheet.stories.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAElB,eAA4B;AAG5B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAAM,6BAAAA,QAAA,cAAC,4BAAY,OAAK,MAAC,2BAAyB;AACtE,IAAO,8BAAQ;",
+  "names": ["React"]
+}