@multiplatform.one/components 1.0.1 → 1.0.3

package/dist/jsx/panels/SimpleSheet/index.js

@@ -1,71 +1,11 @@
-import { Button, XStack, YStack } from "tamagui";
-import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
 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 <>
-    <XStack space><Button onPress={() => setOpen(!0)}>{children}</Button></XStack>
-    <Sheet
-      forceRemoveScrollEnabled={open}
-      modal={modal || !1}
-      open={open}
-      onOpenChange={setOpen}
-      snapPoints={[85, 50, 25]}
-      dismissOnSnapToBottom
-      position={position}
-      onPositionChange={setPosition}
-      zIndex={1e5}
-      {...props}
-    >
-      <Sheet.Overlay />
-      <Sheet.Handle />
-      <Sheet.Frame>{sheetElement || <YStack f={1} p="$4" space="$5" jc="center" ai="center">
-        <Button size={buttonSize || "$6"} circular icon={ChevronDown} onPress={() => setOpen(!1)} />
-        {(modal || innerSheetElement) && <>
-          <InnerSheet
-            open={innerOpen}
-            onOpenChange={setInnerOpen}
-            innerSheetElement={innerSheetElement}
-            innerSheetButtonSize={innerSheetButtonSize}
-            {...props}
-          />
-          <Button size={buttonSize || "$6"} circular icon={ChevronUp} onPress={() => setInnerOpen(!0)} />
-        </>}
-      </YStack>}</Sheet.Frame>
-    </Sheet>
-  </>;
-};
-function InnerSheet({ innerSheetElement, innerSheetButtonSize, ...props }) {
-  return <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>
-    <Sheet.Overlay />
-    <Sheet.Handle />
-    <Sheet.Frame f={1} jc="center" ai="center" space="$5"><Sheet.ScrollView p="$4" space>
-      <Button
-        size={innerSheetButtonSize || "$8"}
-        circular
-        als="center"
-        icon={ChevronDown}
-        onPress={() => props.onOpenChange?.(!1)}
-      />
-      {innerSheetElement}
-    </Sheet.ScrollView></Sheet.Frame>
-  </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/jsx/panels/SimpleSheet/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleSheet/index.tsx"],
-  "mappings": "AAEA,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;AAAA,IACE,CAAC,OAAO,MACN,CAAC,OAAO,SAAS,MAAM,QAAQ,EAAI,IAAI,SAAS,EAA/C,OACH,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,0BAA0B;AAAA,MAC1B,OAAO,SAAS;AAAA,MAChB,MAAM;AAAA,MACN,cAAc;AAAA,MACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,UACJ;AAAA;AAAA,MAEJ,CAAC,MAAM,QAAQ;AAAA,MACf,CAAC,MAAM,OAAO;AAAA,MACd,CAAC,MAAM,OACJ,gBACC,CAAC,OAAO,GAAG,GAAG,EAAE,KAAK,MAAM,KAAK,GAAG,SAAS,GAAG;AAAA,QAC7C,CAAC,OAAO,MAAM,cAAc,MAAM,SAAS,MAAM,aAAa,SAAS,MAAM,QAAQ,EAAK,GAAG;AAAA,UAC3F,SAAS,sBACT;AAAA,UACE,CAAC;AAAA,YACC,MAAM;AAAA,YACN,cAAc;AAAA,YACd,mBAAmB;AAAA,YACnB,sBAAsB;AAAA,gBAClB;AAAA,UACN;AAAA,UACA,CAAC,OAAO,MAAM,cAAc,MAAM,SAAS,MAAM,WAAW,SAAS,MAAM,aAAa,EAAI,GAAG;AAAA,QACjG;AAAA,MAEJ,EAdC,QAgBL,EAlBC,MAAM;AAAA,IAmBT,EAjCC;AAAA,EAkCH;AAEJ;AAEA,SAAS,WAAW,EAAE,mBAAmB,sBAAsB,GAAG,MAAM,GAAmB;AACzF,SACE,CAAC,MAAM,MAAM,YAAY,CAAC,EAAE,GAAG,0BAA0B;AAAA,IACvD,CAAC,MAAM,QAAQ;AAAA,IACf,CAAC,MAAM,OAAO;AAAA,IACd,CAAC,MAAM,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS,MAAM,KAC/C,CAAC,MAAM,WAAW,EAAE,KAAK;AAAA,MACvB,CAAC;AAAA,QACC,MAAM,wBAAwB;AAAA,QAC9B;AAAA,QACA,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS,MAAM,MAAM,eAAe,EAAK;AAAA,MAC3C;AAAA,OACC;AAAA,IACH,EATC,MAAM,WAUT,EAXC,MAAM;AAAA,EAYT,EAfC;AAiBL;",
+  "mappings": "AAuBA,SAAS,aAAa;AASlB,SACE,KADF;AAFG,SAAS,YAAY,EAAE,UAAU,cAAc,YAAY,GAAG,MAAM,GAAqB;AAC9F,SACE,qBAAC,SAAM,QAAQ,KAAU,GAAG,OAC1B;AAAA,wBAAC,MAAM,SAAN,EAAc,WAAU,QAAO,YAAY,EAAE,SAAS,EAAE,GAAG,WAAW,EAAE,SAAS,EAAE,GAAI,GAAG,cAAc;AAAA,IACzG,oBAAC,MAAM,QAAN,EAAa;AAAA,IACd,oBAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,gBAAe,UAAS,YAAW,UAAS,KAAI,MAAM,GAAG,YAChF,UACH;AAAA,KACF;AAEJ;",
   "names": []
 }

package/dist/jsx/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/jsx/panels/SimpleSheet/index.native.js

@@ -1,74 +1,89 @@
-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 <>
-    <XStack space><Button onPress={() => setOpen(!0)}>{children}</Button></XStack>
-    <Sheet
-      forceRemoveScrollEnabled={open}
-      modal={modal || !1}
-      open={open}
-      onOpenChange={setOpen}
-      snapPoints={[85, 50, 25]}
-      dismissOnSnapToBottom
-      position={position}
-      onPositionChange={setPosition}
-      zIndex={1e5}
-      {...props}
-    >
-      <Sheet.Overlay />
-      <Sheet.Handle />
-      <Sheet.Frame>{sheetElement || <YStack f={1} p="$4" space="$5" jc="center" ai="center">
-        <Button size={buttonSize || "$6"} circular icon={ChevronDown} onPress={() => setOpen(!1)} />
-        {(modal || innerSheetElement) && <>
-          <InnerSheet
-            open={innerOpen}
-            onOpenChange={setInnerOpen}
-            innerSheetElement={innerSheetElement}
-            innerSheetButtonSize={innerSheetButtonSize}
-            {...props}
-          />
-          <Button size={buttonSize || "$6"} circular icon={ChevronUp} onPress={() => setInnerOpen(!0)} />
-        </>}
-      </YStack>}</Sheet.Frame>
-    </Sheet>
-  </>;
-};
-function InnerSheet({ innerSheetElement, innerSheetButtonSize, ...props }) {
-  return <Sheet modal snapPoints={[90]} dismissOnSnapToBottom {...props}>
-    <Sheet.Overlay />
-    <Sheet.Handle />
-    <Sheet.Frame f={1} jc="center" ai="center" space="$5"><Sheet.ScrollView p="$4" space>
-      <Button
-        size={innerSheetButtonSize || "$8"}
-        circular
-        als="center"
-        icon={ChevronDown}
-        onPress={() => {
-          var _a;
-          return (_a = props.onOpenChange) == null ? void 0 : _a.call(props, !1);
-        }}
-      />
-      {innerSheetElement}
-    </Sheet.ScrollView></Sheet.Frame>
-  </Sheet>;
+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/jsx/panels/SimpleSheet/index.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimpleSheet/index.tsx"],
-  "mappings": "AAEA,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;AAAA,IACE,CAAC,OAAO,MACN,CAAC,OAAO,SAAS,MAAM,QAAQ,EAAI,IAAI,SAAS,EAA/C,OACH,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,0BAA0B;AAAA,MAC1B,OAAO,SAAS;AAAA,MAChB,MAAM;AAAA,MACN,cAAc;AAAA,MACd,YAAY,CAAC,IAAI,IAAI,EAAE;AAAA,MACvB;AAAA,MACA,UAAU;AAAA,MACV,kBAAkB;AAAA,MAClB,QAAQ;AAAA,UACJ;AAAA;AAAA,MAEJ,CAAC,MAAM,QAAQ;AAAA,MACf,CAAC,MAAM,OAAO;AAAA,MACd,CAAC,MAAM,OACJ,gBACC,CAAC,OAAO,GAAG,GAAG,EAAE,KAAK,MAAM,KAAK,GAAG,SAAS,GAAG;AAAA,QAC7C,CAAC,OAAO,MAAM,cAAc,MAAM,SAAS,MAAM,aAAa,SAAS,MAAM,QAAQ,EAAK,GAAG;AAAA,UAC3F,SAAS,sBACT;AAAA,UACE,CAAC;AAAA,YACC,MAAM;AAAA,YACN,cAAc;AAAA,YACd,mBAAmB;AAAA,YACnB,sBAAsB;AAAA,gBAClB;AAAA,UACN;AAAA,UACA,CAAC,OAAO,MAAM,cAAc,MAAM,SAAS,MAAM,WAAW,SAAS,MAAM,aAAa,EAAI,GAAG;AAAA,QACjG;AAAA,MAEJ,EAdC,QAgBL,EAlBC,MAAM;AAAA,IAmBT,EAjCC;AAAA,EAkCH;AAEJ;AAEA,SAAS,WAAW,EAAE,mBAAmB,sBAAsB,GAAG,MAAM,GAAmB;AACzF,SACE,CAAC,MAAM,MAAM,YAAY,CAAC,EAAE,GAAG,0BAA0B;AAAA,IACvD,CAAC,MAAM,QAAQ;AAAA,IACf,CAAC,MAAM,OAAO;AAAA,IACd,CAAC,MAAM,MAAM,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS,MAAM,KAC/C,CAAC,MAAM,WAAW,EAAE,KAAK;AAAA,MACvB,CAAC;AAAA,QACC,MAAM,wBAAwB;AAAA,QAC9B;AAAA,QACA,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,SAAS,MAAG;AArGxB;AAqG2B,6BAAM,iBAAN,+BAAqB;AAAA;AAAA,MACtC;AAAA,OACC;AAAA,IACH,EATC,MAAM,WAUT,EAXC,MAAM;AAAA,EAYT,EAfC;AAiBL;",
-  "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/jsx/panels/SimpleTooltip/SimpleTooltip.stories.js

@@ -1,10 +1,21 @@
+import React from "react";
 import { SimpleTooltip } from "./index";
-import { Text } from "tamagui";
+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 = () => <SimpleTooltip trigger={<Text>Tool Tip</Text>}><Text fontSize={15} fontWeight="700">tool tip content</Text></SimpleTooltip>;
+};
+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/jsx/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;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,KAAK,QAAQ,EAAb,OACvB,CAAC,KAAK,UAAU,IAAI,WAAW,MAAM,gBAErC,EAFC,KAGH,EAJC;AAMH,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/jsx/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/jsx/panels/SimpleTooltip/SimpleTooltip.stories.native.js

@@ -1,11 +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 = () => <SimpleTooltip trigger={<Text>Tool Tip</Text>}><Text fontSize={15} fontWeight="700">tool tip content</Text></SimpleTooltip>;
-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/jsx/panels/SimpleTooltip/SimpleTooltip.stories.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../../src/panels/SimpleTooltip/SimpleTooltip.stories.tsx"],
-  "mappings": "AAsBA,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,CAAC,cAAc,SAAS,CAAC,KAAK,QAAQ,EAAb,OACvB,CAAC,KAAK,UAAU,IAAI,WAAW,MAAM,gBAErC,EAFC,KAGH,EAJC;AAMH,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/jsx/panels/SimpleTooltip/index.js

@@ -1,27 +1,43 @@
 import { Theme, Tooltip } from "tamagui";
-function SimpleTooltip({ Icon, children, themeStyle, trigger, ...props }) {
-  return <Tooltip {...props}>
-    <Tooltip.Trigger cursor="pointer" ai="center" jc="center">{trigger}</Tooltip.Trigger>
-    <Theme inverse {...themeStyle}><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
+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
+            }
           }
-        }
-      ]}
-    >
-      <Tooltip.Arrow />
-      {children}
-    </Tooltip.Content></Theme>
-  </Tooltip>;
+        ],
+        ...contentStyle,
+        children: [
+          arrow && /* @__PURE__ */ jsx(Tooltip.Arrow, { ...arrowStyle }),
+          children
+        ]
+      }
+    ) })
+  ] });
 }
 export {
   SimpleTooltip

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/index.tsx"],
-  "mappings": "AAuBA,SAAS,OAAO,eAAe;AAIxB,SAAS,cAAc,EAAE,MAAM,UAAU,YAAY,SAAS,GAAG,MAAM,GAAwC;AACpH,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QAAQ,OAAO,UAAU,GAAG,SAAS,GAAG,UAC9C,QACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,YAAY,YACjB,CAAC,QAAQ;AAAA,MACP,YAAY,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC3C,OAAO;AAAA,MACP,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,SAAS;AAAA,YACP,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,MAEA,CAAC,QAAQ,MAAM;AAAA,OACd;AAAA,IACH,EAlBC,QAAQ,QAmBX,EApBC;AAAA,EAqBH,EAzBC;AA2BL;",
+  "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/jsx/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 };