@multiplatform.one/components 0.7.0 → 0.7.2

package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.native.js

@@ -0,0 +1,77 @@
+import { useState } from "react";
+import { Button, Input, Dialog, YStack } from "tamagui";
+import { SimpleDialog } from "./index";
+import { action } from "@storybook/addon-actions";
+import { Text } from "tamagui";
+const meta = {
+  title: "panels/SimpleDialog",
+  component: SimpleDialog,
+  parameters: { status: { type: "beta" } }
+}, main = () => <SimpleDialog
+  onOpenChange={action("onOpenChange")}
+  trigger={<Button>Press Me</Button>}
+  title="Fill the details"
+  withoutCloseButton
+>
+  <Input placeholder="Enter your first name" />
+  <Input placeholder="Enter your last name" />
+  <Dialog.Close><Button>Submit</Button></Dialog.Close>
+</SimpleDialog>;
+function OpenWithFunction() {
+  const [open, setOpen] = useState(!1);
+  function handlePress() {
+    setOpen((open2) => !open2);
+  }
+  function handleOpenChange(open2) {
+    action("onOpenChange")(), setOpen(open2);
+  }
+  return <YStack ai="flex-start">
+    <Button onPress={handlePress}>Press Me</Button>
+    <SimpleDialog open={open} onOpenChange={handleOpenChange} title="Fill the details">
+      <Input placeholder="Enter your first name" />
+      <Input placeholder="Enter your last name" />
+      <Dialog.Close><Button>Submit</Button></Dialog.Close>
+    </SimpleDialog>
+  </YStack>;
+}
+const openWithFunction = () => <OpenWithFunction />;
+var SimpleDialog_stories_default = meta;
+const customPosition = (args) => <SimpleDialog
+  {...args}
+  trigger={<Button>open Dialog</Button>}
+  withoutCloseButton
+  portalStyle={{ jc: "flex-start", paddingTop: 10 }}
+><YStack width={800} height={400}><Input placeholder="search" /></YStack></SimpleDialog>, rightSideDialog = (args) => <SimpleDialog
+  trigger={<Button>open side dialog</Button>}
+  asRightSideSheet
+  withoutCloseButton
+  transitionWidth={400}
+  contentStyle={{ animation: "quick" }}
+  {...args}
+><YStack width={400}>
+  <Text>home</Text>
+  <Text>about</Text>
+  <Text>contact</Text>
+  <Text>help</Text>
+</YStack></SimpleDialog>, leftSideDialog = (args) => <SimpleDialog
+  trigger={<Button>open side dialog</Button>}
+  asLeftSideSheet
+  withoutCloseButton
+  transitionWidth={300}
+  contentStyle={{ animation: "lazy" }}
+  {...args}
+><YStack width={300}>
+  <Text>home</Text>
+  <Text>about</Text>
+  <Text>contact</Text>
+  <Text>help</Text>
+</YStack></SimpleDialog>;
+export {
+  customPosition,
+  SimpleDialog_stories_default as default,
+  leftSideDialog,
+  main,
+  openWithFunction,
+  rightSideDialog
+};
+//# sourceMappingURL=SimpleDialog.stories.js.map

package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAEhC,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAC9C,SAAS,oBAAoB;AAC7B,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC;AAAA,EACC,cAAc,OAAO,cAAc;AAAA,EACnC,SAAS,CAAC,OAAO,QAAQ,EAAf;AAAA,EACV,MAAM;AAAA,EACN;AAAA;AAAA,EAEA,CAAC,MAAM,YAAY,wBAAwB;AAAA,EAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,EAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAGV,EAXC;AAcH,SAAS,mBAAmB;AAC1B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AAEtC,WAAS,cAAc;AACrB,YAAQ,CAACA,UAAS,CAACA,KAAI;AAAA,EACzB;AAEA,WAAS,iBAAiBA,OAAM;AAC9B,WAAO,cAAc,EAAE,GACvB,QAAQA,KAAI;AAAA,EACd;AAEA,SACE,CAAC,OAAO,GAAG;AAAA,IACT,CAAC,OAAO,SAAS,aAAa,QAAQ,EAArC;AAAA,IACD,CAAC,aAAa,MAAM,MAAM,cAAc,kBAAkB,MAAM;AAAA,MAC9D,CAAC,MAAM,YAAY,wBAAwB;AAAA,MAC3C,CAAC,MAAM,YAAY,uBAAuB;AAAA,MAC1C,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,EAAb,OACH,EAFC,OAAO;AAAA,IAGV,EANC;AAAA,EAOH,EATC;AAWL;AACO,MAAM,mBAAmB,MAAM,CAAC,iBAAiB;AAExD,IAAO,+BAAQ;AAER,MAAM,iBAAiB,CAAC,SAC7B,CAAC;AAAA,MACK;AAAA,EACJ,SAAS,CAAC,OAAO,WAAW,EAAlB;AAAA,EACV;AAAA,EACA,aAAa,EAAE,IAAI,cAAc,YAAY,GAAG;AAAA,CAEhD,CAAC,OAAO,OAAO,KAAK,QAAQ,KAC1B,CAAC,MAAM,YAAY,SAAS,EAC9B,EAFC,OAGH,EATC,eAYU,kBAAkB,CAAC,SAC9B,CAAC;AAAA,EACC,SAAS,CAAC,OAAO,gBAAgB,EAAvB;AAAA,EACV;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc,EAAE,WAAW,QAAQ;AAAA,MAC/B;AAAA,CAEJ,CAAC,OAAO,OAAO;AAAA,EACb,CAAC,KAAK,IAAI,EAAT;AAAA,EACD,CAAC,KAAK,KAAK,EAAV;AAAA,EACD,CAAC,KAAK,OAAO,EAAZ;AAAA,EACD,CAAC,KAAK,IAAI,EAAT;AACH,EALC,OAMH,EAdC,eAiBU,iBAAiB,CAAC,SAC7B,CAAC;AAAA,EACC,SAAS,CAAC,OAAO,gBAAgB,EAAvB;AAAA,EACV;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc,EAAE,WAAW,OAAO;AAAA,MAC9B;AAAA,CAEJ,CAAC,OAAO,OAAO;AAAA,EACb,CAAC,KAAK,IAAI,EAAT;AAAA,EACD,CAAC,KAAK,KAAK,EAAV;AAAA,EACD,CAAC,KAAK,OAAO,EAAZ;AAAA,EACD,CAAC,KAAK,IAAI,EAAT;AACH,EALC,OAMH,EAdC;",
+  "names": ["open"]
+}

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

@@ -9,22 +9,23 @@ function SimpleDialog({
   title,
   titleStyle,
   trigger,
+  portalStyle,
+  withoutCloseButton,
+  overlayStyle,
+  asLeftSideSheet,
+  asRightSideSheet,
+  transitionWidth,
   ...props
 }) {
   const [open, setOpen] = React.useState(props.open);
-  useEffect(() => {
-    if (typeof props.open === "undefined" || props.open === open)
-      return;
-    setOpen(props.open);
-  }, [props.open]);
-  return <Dialog
+  return useEffect(() => {
+    typeof props.open > "u" || props.open === open || setOpen(props.open);
+  }, [props.open]), <Dialog
     modal
     {...props}
     open={open}
     onOpenChange={(open2) => {
-      setOpen(open2);
-      if (props.onOpenChange)
-        props.onOpenChange(open2);
+      setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
     }}
   >
     {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}
@@ -32,8 +33,19 @@ function SimpleDialog({
       <Sheet.Frame padding="$4" space><Adapt.Contents /></Sheet.Frame>
       <Sheet.Overlay />
     </Sheet></Adapt>
-    <Dialog.Portal>
-      <Dialog.Overlay key="overlay" animation="bouncy" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
+    <Dialog.Portal
+      {...asRightSideSheet && { jc: "flex-start", ai: "flex-end" }}
+      {...asLeftSideSheet && { jc: "flex-start", ai: "flex-start" }}
+      {...portalStyle}
+    >
+      <Dialog.Overlay
+        key="overlay"
+        animation="bouncy"
+        o={0.5}
+        enterStyle={{ o: 0 }}
+        exitStyle={{ o: 0 }}
+        {...overlayStyle}
+      />
       <Dialog.Content
         bordered
         elevate
@@ -42,19 +54,34 @@ function SimpleDialog({
           "quick",
           {
             opacity: {
-              overshootClamping: true
+              overshootClamping: !0
             }
           }
         ]}
-        enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}
-        exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
+        enterStyle={{ x: 0, y: -150, opacity: 0, scale: 0.4 }}
+        exitStyle={{ x: 0, y: -150, opacity: 0, scale: 0.4 }}
         space
+        {...asRightSideSheet && {
+          enterStyle: { x: transitionWidth || 200, opacity: 0 },
+          exitStyle: { x: transitionWidth || 200, opacity: 0 },
+          position: "absolute",
+          top: 0,
+          bottom: 0
+        }}
+        {...asLeftSideSheet && {
+          enterStyle: { x: -(transitionWidth || 100), opacity: 0 },
+          exitStyle: { x: -(transitionWidth || 100), opacity: 0 },
+          animation: "bouncy",
+          position: "absolute",
+          top: 0,
+          bottom: 0
+        }}
         {...contentStyle}
       >
         {title && <Dialog.Title {...titleStyle}>{title}</Dialog.Title>}
         {description && <Dialog.Description {...descriptionStyle}>{description}</Dialog.Description>}
         {children}
-        <Unspaced><Dialog.Close asChild space><Button pos="absolute" t="$3" r="$3" size="$2" circular space icon={X} /></Dialog.Close></Unspaced>
+        {!withoutCloseButton && <Unspaced><Dialog.Close asChild space><Button pos="absolute" t="$3" r="$3" size="$2" circular space icon={X} /></Dialog.Close></Unspaced>}
       </Dialog.Content>
     </Dialog.Portal>
   </Dialog>;

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
-  "mappings": "AAAA,OAAO,SAAS,iBAAiB;AAGjC,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAaX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,MAAM,IAAI;AAEjD,YAAU,MAAM;AACd,QAAI,OAAO,MAAM,SAAS,eAAe,MAAM,SAAS;AAAM;AAC9D,YAAQ,MAAM,IAAI;AAAA,EACpB,GAAG,CAAC,MAAM,IAAI,CAAC;AAEf,SACE,CAAC;AAAA,IACC;AAAA,QACI;AAAA,IACJ,MAAM;AAAA,IACN,cAAc,CAACA,UAAS;AACtB,cAAQA,KAAI;AACZ,UAAI,MAAM;AAAc,cAAM,aAAaA,KAAI;AAAA,IACjD;AAAA;AAAA,KAEC,WAAW,CAAC,OAAO,QAAQ,SAAS,QAAQ,EAAhC,OAAO;AAAA,IACpB,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,MAAM,QAAQ,KAAQ,MAAM;AAAA,MAC3B,CAAC,MAAM,MAAM,QAAQ,KAAK,MACxB,CAAC,MAAM,SAAS,EAClB,EAFC,MAAM;AAAA,MAGP,CAAC,MAAM,QAAQ;AAAA,IACjB,EALC,MAMH,EAPC;AAAA,IAQD,CAAC,OAAO;AAAA,MACN,CAAC,OAAO,QAAQ,IAAI,UAAU,UAAU,SAAS,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACpG,CAAC,OAAO;AAAA,QACN;AAAA,QACA;AAAA,QACA,IAAI;AAAA,QACJ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,YACE,SAAS;AAAA,cACP,mBAAmB;AAAA,YACrB;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,QACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,QAClD;AAAA,YACI;AAAA;AAAA,SAEH,SAAS,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,SACjB,eAAe,CAAC,OAAO,gBAAgB,mBAAmB,YAAY,EAAtD,OAAO;AAAA,SACvB;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QAAQ,MACpB,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,MAAM,GAAG,EACzE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EA/CC;AAiDL;",
+  "mappings": "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",
   "names": ["open"]
 }

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

@@ -0,0 +1,92 @@
+import React, { useEffect } from "react";
+import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
+import { X } from "@tamagui/lucide-icons";
+function SimpleDialog({
+  children,
+  contentStyle,
+  description,
+  descriptionStyle,
+  title,
+  titleStyle,
+  trigger,
+  portalStyle,
+  withoutCloseButton,
+  overlayStyle,
+  asLeftSideSheet,
+  asRightSideSheet,
+  transitionWidth,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(props.open);
+  return useEffect(() => {
+    typeof props.open > "u" || props.open === open || setOpen(props.open);
+  }, [props.open]), <Dialog
+    modal
+    {...props}
+    open={open}
+    onOpenChange={(open2) => {
+      setOpen(open2), props.onOpenChange && props.onOpenChange(open2);
+    }}
+  >
+    {trigger && <Dialog.Trigger asChild>{trigger}</Dialog.Trigger>}
+    <Adapt when="sm" platform="touch"><Sheet zIndex={2e5} modal dismissOnSnapToBottom>
+      <Sheet.Frame padding="$4" space><Adapt.Contents /></Sheet.Frame>
+      <Sheet.Overlay />
+    </Sheet></Adapt>
+    <Dialog.Portal
+      {...asRightSideSheet && { jc: "flex-start", ai: "flex-end" }}
+      {...asLeftSideSheet && { jc: "flex-start", ai: "flex-start" }}
+      {...portalStyle}
+    >
+      <Dialog.Overlay
+        key="overlay"
+        animation="bouncy"
+        o={0.5}
+        enterStyle={{ o: 0 }}
+        exitStyle={{ o: 0 }}
+        {...overlayStyle}
+      />
+      <Dialog.Content
+        bordered
+        elevate
+        key="content"
+        animation={[
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
+          }
+        ]}
+        enterStyle={{ x: 0, y: -150, opacity: 0, scale: 0.4 }}
+        exitStyle={{ x: 0, y: -150, opacity: 0, scale: 0.4 }}
+        space
+        {...asRightSideSheet && {
+          enterStyle: { x: transitionWidth || 200, opacity: 0 },
+          exitStyle: { x: transitionWidth || 200, opacity: 0 },
+          position: "absolute",
+          top: 0,
+          bottom: 0
+        }}
+        {...asLeftSideSheet && {
+          enterStyle: { x: -(transitionWidth || 100), opacity: 0 },
+          exitStyle: { x: -(transitionWidth || 100), opacity: 0 },
+          animation: "bouncy",
+          position: "absolute",
+          top: 0,
+          bottom: 0
+        }}
+        {...contentStyle}
+      >
+        {title && <Dialog.Title {...titleStyle}>{title}</Dialog.Title>}
+        {description && <Dialog.Description {...descriptionStyle}>{description}</Dialog.Description>}
+        {children}
+        {!withoutCloseButton && <Unspaced><Dialog.Close asChild space><Button pos="absolute" t="$3" r="$3" size="$2" circular space icon={X} /></Dialog.Close></Unspaced>}
+      </Dialog.Content>
+    </Dialog.Portal>
+  </Dialog>;
+}
+export {
+  SimpleDialog
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
+  "mappings": "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",
+  "names": ["open"]
+}

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

@@ -1,14 +1,52 @@
+import { useState } from "react";
 import { SimplePopover } from "./index";
-import { Text, YStack, Button } from "tamagui";
+import { Text, YStack, XStack, Switch, Input, Label } from "tamagui";
 const meta = {
   title: "panels/SimplePopover",
   component: SimplePopover,
   parameters: { status: { type: "beta" } }
-};
-const main = () => <SimplePopover trigger={<Button>Click here to get a Popover</Button>}><YStack><Text>popover content</Text></YStack></SimplePopover>;
+}, main = () => <SimplePopover><YStack><Text>popover content</Text></YStack></SimplePopover>, closeOnHoverOut = () => <SimplePopover
+  closeOnHoverOut
+><YStack><Text>popover content will close on hoverOut</Text></YStack></SimplePopover>;
+function Open() {
+  return <SimplePopover
+    triggerOnHover
+    arrow={!1}
+    triggerStyle={{ als: "center", ai: "center" }}
+  ><YStack>{[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => <Text key={i}>{i}</Text>)}</YStack></SimplePopover>;
+}
+const openOnHover = () => <XStack jc="space-around">
+  <Open />
+  <Open />
+</XStack>, OnCondition = (props) => {
+  const [open, setOpen] = useState(!1);
+  return <YStack space>
+    <Label>change the switch to get popover</Label>
+    <Switch checked={props.open} onCheckedChange={setOpen} />
+    <SimplePopover
+      open={open}
+      onOpenChange={setOpen}
+    ><Text>Conditional popover</Text></SimplePopover>
+  </YStack>;
+}, openOnChangingTheCondition = (args) => <OnCondition {...args} />, ConditionalPopover = () => {
+  const [open, setOpen] = useState(!1), [inputVal, setInputVal] = useState("");
+  function handleInput(val) {
+    setOpen(val === "show"), setInputVal(val);
+  }
+  return <YStack space><SimplePopover
+    open={open}
+    onOpenChange={setOpen}
+    triggerElement={<YStack><Input value={inputVal} onChangeText={handleInput} placeholder="type show to get popup" /></YStack>}
+    arrow={!0}
+  ><Text>Conditional popover</Text></SimplePopover></YStack>;
+}, openOnAnyCondition = (args) => <ConditionalPopover {...args} />;
 var SimplePopover_stories_default = meta;
 export {
+  closeOnHoverOut,
   SimplePopover_stories_default as default,
-  main
+  main,
+  openOnAnyCondition,
+  openOnChangingTheCondition,
+  openOnHover
 };
 //# sourceMappingURL=SimplePopover.stories.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
-  "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,cAAc;AAGrC,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,OAAO,2BAA2B,EAAlC,SACvB,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EAJC;AAMH,IAAO,gCAAQ;",
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,OAAO,aAAa;AAG3D,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAGC,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EANC,gBASU,kBAAkB,MAC7B,CAAC;AAAA,EAEC;AAAA,CAEA,CAAC,OACC,CAAC,KAAK,sCAAsC,EAA3C,KACH,EAFC,OAGH,EAPC;AAUH,SAAS,OAAO;AACd,SACE,CAAC;AAAA,IAEC;AAAA,IACA,OAAO;AAAA,IACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,GAE5C,CAAC,QACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,CAAC,KAAK,KAAK,IAAI,EAAE,EAAhB,KACF,EACH,EAJC,OAKH,EAXC;AAaL;AAEO,MAAM,cAAc,MACzB,CAAC,OAAO,GAAG;AAAA,EACT,CAAC,KAAK;AAAA,EACN,CAAC,KAAK;AACR,EAHC,SAMG,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,MAAM,gCAAgC,EAAtC;AAAA,IACD,CAAC,OAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,KAGd,CAAC,KAAK,mBAAmB,EAAxB,KACH,EANC;AAAA,EAOH,EAVC;AAYL,GAEa,6BAA6B,CAAC,SAAS,CAAC,gBAAgB,MAAM,IAErE,qBAAqB,MAAM;AAC/B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK,GAChC,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,WAAS,YAAY,KAAK;AACxB,IAAoB,QAAhB,QAAQ,MAAoB,GAEhC,YAAY,GAAG;AAAA,EACjB;AAEA,SACE,CAAC,OAAO,MACN,CAAC;AAAA,IACC,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBACE,CAAC,OACC,CAAC,MAAM,OAAO,UAAU,cAAc,aAAa,YAAY,yBAAyB,EAC1F,EAFC;AAAA,IAIH,OAAO;AAAA,GAEP,CAAC,KAAK,mBAAmB,EAAxB,KACH,EAXC,cAYH,EAbC;AAeL,GAEa,qBAAqB,CAAC,SAAS,CAAC,uBAAuB,MAAM;AAE1E,IAAO,gCAAQ;",
   "names": []
 }

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

@@ -0,0 +1,52 @@
+import { useState } from "react";
+import { SimplePopover } from "./index";
+import { Text, YStack, XStack, Switch, Input, Label } from "tamagui";
+const meta = {
+  title: "panels/SimplePopover",
+  component: SimplePopover,
+  parameters: { status: { type: "beta" } }
+}, main = () => <SimplePopover><YStack><Text>popover content</Text></YStack></SimplePopover>, closeOnHoverOut = () => <SimplePopover
+  closeOnHoverOut
+><YStack><Text>popover content will close on hoverOut</Text></YStack></SimplePopover>;
+function Open() {
+  return <SimplePopover
+    triggerOnHover
+    arrow={!1}
+    triggerStyle={{ als: "center", ai: "center" }}
+  ><YStack>{[1, 2, 3, 4, 5, 6, 7, 8, 9, 10].map((i) => <Text key={i}>{i}</Text>)}</YStack></SimplePopover>;
+}
+const openOnHover = () => <XStack jc="space-around">
+  <Open />
+  <Open />
+</XStack>, OnCondition = (props) => {
+  const [open, setOpen] = useState(!1);
+  return <YStack space>
+    <Label>change the switch to get popover</Label>
+    <Switch checked={props.open} onCheckedChange={setOpen} />
+    <SimplePopover
+      open={open}
+      onOpenChange={setOpen}
+    ><Text>Conditional popover</Text></SimplePopover>
+  </YStack>;
+}, openOnChangingTheCondition = (args) => <OnCondition {...args} />, ConditionalPopover = () => {
+  const [open, setOpen] = useState(!1), [inputVal, setInputVal] = useState("");
+  function handleInput(val) {
+    setOpen(val === "show"), setInputVal(val);
+  }
+  return <YStack space><SimplePopover
+    open={open}
+    onOpenChange={setOpen}
+    triggerElement={<YStack><Input value={inputVal} onChangeText={handleInput} placeholder="type show to get popup" /></YStack>}
+    arrow={!0}
+  ><Text>Conditional popover</Text></SimplePopover></YStack>;
+}, openOnAnyCondition = (args) => <ConditionalPopover {...args} />;
+var SimplePopover_stories_default = meta;
+export {
+  closeOnHoverOut,
+  SimplePopover_stories_default as default,
+  main,
+  openOnAnyCondition,
+  openOnChangingTheCondition,
+  openOnHover
+};
+//# sourceMappingURL=SimplePopover.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
+  "mappings": "AAqBA,SAAgB,gBAAgB;AAChC,SAAS,qBAAqB;AAC9B,SAAS,MAAM,QAAQ,QAAQ,QAAQ,OAAO,aAAa;AAG3D,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAClB,CAAC,cAGC,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC,OAGH,EANC,gBASU,kBAAkB,MAC7B,CAAC;AAAA,EAEC;AAAA,CAEA,CAAC,OACC,CAAC,KAAK,sCAAsC,EAA3C,KACH,EAFC,OAGH,EAPC;AAUH,SAAS,OAAO;AACd,SACE,CAAC;AAAA,IAEC;AAAA,IACA,OAAO;AAAA,IACP,cAAc,EAAE,KAAK,UAAU,IAAI,SAAS;AAAA,GAE5C,CAAC,QACE,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,EAAE,IAAI,CAAC,MACpC,CAAC,KAAK,KAAK,IAAI,EAAE,EAAhB,KACF,EACH,EAJC,OAKH,EAXC;AAaL;AAEO,MAAM,cAAc,MACzB,CAAC,OAAO,GAAG;AAAA,EACT,CAAC,KAAK;AAAA,EACN,CAAC,KAAK;AACR,EAHC,SAMG,cAAc,CAAC,UAAU;AAC7B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK;AACtC,SACE,CAAC,OAAO;AAAA,IACN,CAAC,MAAM,gCAAgC,EAAtC;AAAA,IACD,CAAC,OAAO,SAAS,MAAM,MAAM,iBAAiB,SAAS;AAAA,IACvD,CAAC;AAAA,MACC,MAAM;AAAA,MACN,cAAc;AAAA,KAGd,CAAC,KAAK,mBAAmB,EAAxB,KACH,EANC;AAAA,EAOH,EAVC;AAYL,GAEa,6BAA6B,CAAC,SAAS,CAAC,gBAAgB,MAAM,IAErE,qBAAqB,MAAM;AAC/B,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAK,GAChC,CAAC,UAAU,WAAW,IAAI,SAAS,EAAE;AAE3C,WAAS,YAAY,KAAK;AACxB,IAAoB,QAAhB,QAAQ,MAAoB,GAEhC,YAAY,GAAG;AAAA,EACjB;AAEA,SACE,CAAC,OAAO,MACN,CAAC;AAAA,IACC,MAAM;AAAA,IACN,cAAc;AAAA,IACd,gBACE,CAAC,OACC,CAAC,MAAM,OAAO,UAAU,cAAc,aAAa,YAAY,yBAAyB,EAC1F,EAFC;AAAA,IAIH,OAAO;AAAA,GAEP,CAAC,KAAK,mBAAmB,EAAxB,KACH,EAXC,cAYH,EAbC;AAeL,GAEa,qBAAqB,CAAC,SAAS,CAAC,uBAAuB,MAAM;AAE1E,IAAO,gCAAQ;",
+  "names": []
+}

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

@@ -1,36 +1,63 @@
-import { Adapt, Popover } from "tamagui";
-function SimplePopover({ children, trigger, contentStyle, arrowStyle, ...props }) {
-  return <Popover size="$5" allowFlip {...props}>
-    <Popover.Trigger asChild>{trigger}</Popover.Trigger>
+import { Adapt, Popover, PopperAnchor, View, getState, useComposedRefs, usePopoverContext } from "tamagui";
+import React from "react";
+import { YStack } from "tamagui";
+const SimplePopoverTrigger = React.forwardRef((props, forwardedRef) => {
+  const context = usePopoverContext(), composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef), trigger = <View
+    aria-haspopup="dialog"
+    aria-expanded={context.open}
+    data-state={getState(context.open)}
+    {...props}
+    ref={composedTriggerRef}
+  />;
+  return context.hasCustomAnchor ? trigger : <PopperAnchor asChild>{trigger}</PopperAnchor>;
+});
+function SimplePopover({
+  children,
+  contentStyle,
+  triggerStyle,
+  arrowStyle,
+  arrow = !0,
+  triggerOnHover,
+  closeOnHoverOut,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(!1), trigger = "trigger" in props;
+  return <Popover size="$5" allowFlip open={open} onOpenChange={setOpen} {...props}>
+    {trigger && props.trigger && <Popover.Trigger asChild>{triggerOnHover ? <YStack onHoverIn={() => setOpen(!0)} onHoverOut={() => setOpen(!1)} {...triggerStyle}>{props.trigger}</YStack> : props.trigger}</Popover.Trigger>}
+    {!trigger && "triggerElement" in props && "open" in props && <SimplePopoverTrigger asChild>{props.triggerElement}</SimplePopoverTrigger>}
     <Adapt when="sm" platform="touch"><Popover.Sheet modal dismissOnSnapToBottom>
-      <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
+      <Popover.Sheet.Frame padding="$4" onMouseEnter={() => setOpen(!0)}><Adapt.Contents /></Popover.Sheet.Frame>
       <Popover.Sheet.Overlay />
     </Popover.Sheet></Adapt>
     <Popover.Content
       borderWidth={1}
       borderColor="$borderColor"
       enterStyle={{ x: 0, y: -10, opacity: 0 }}
-      exitStyle={{ x: 0, y: -10, opacity: 0 }}
+      exitStyle={triggerOnHover ? void 0 : { x: 0, y: -10, opacity: 0 }}
       x={0}
       y={0}
       opacity={1}
-      animation={[
+      animation={triggerOnHover ? void 0 : [
         "quick",
         {
           opacity: {
-            overshootClamping: true
+            overshootClamping: !0
           }
         }
       ]}
       elevate
+      onHoverIn={triggerOnHover ? () => setOpen(!0) : void 0}
+      onHoverOut={triggerOnHover || closeOnHoverOut ? () => setOpen(!1) : void 0}
+      zi={9999999999}
       {...contentStyle}
     >
-      <Popover.Arrow borderWidth={1} borderColor="$borderColor" />
+      {arrow && <Popover.Arrow borderWidth={1} borderColor="$borderColor" {...arrowStyle} />}
       {children}
     </Popover.Content>
   </Popover>;
 }
 export {
-  SimplePopover
+  SimplePopover,
+  SimplePopoverTrigger
 };
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
-  "mappings": "AACA,SAAS,OAAO,eAAe;AAUxB,SAAS,cAAc,EAAE,UAAU,SAAS,cAAc,YAAY,GAAG,MAAM,GAAuB;AAC3G,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,CAAC,QAAQ,QAAQ,SAAS,QAAQ,EAAjC,QAAQ;AAAA,IACT,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAC3B,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;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;AAAA,UACI;AAAA;AAAA,MAEJ,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,eAAe;AAAA,OACzD;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAhCC;AAkCL;",
+  "mappings": "AA8BA,SAAS,OAAO,SAAS,cAAc,MAAM,UAAU,iBAAiB,yBAAyB;AACjG,OAAO,WAAW;AAElB,SAAS,cAAc;AAqBhB,MAAM,uBAAuB,MAAM,WAAuC,CAAC,OAAmB,iBAAiB;AACpH,QAAM,UAAU,kBAAkB,GAC5B,qBAAqB,gBAAgB,cAAc,QAAQ,UAAU,GAErE,UACJ,CAAC;AAAA,IACC,cAAc;AAAA,IACd,eAAe,QAAQ;AAAA,IACvB,YAAY,SAAS,QAAQ,IAAI;AAAA,QAC7B;AAAA,IACJ,KAAK;AAAA,EACP;AAGF,SAAO,QAAQ,kBAAkB,UAAU,CAAC,aAAa,SAAS,QAAQ,EAA9B;AAC9C,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,MAAM,SAAS,EAAK,GACtC,UAAU,aAAa;AAE7B,SACE,CAAC,QAAQ,KAAK,KAAK,UAAU,MAAM,MAAM,cAAc,aAAa;AAAA,KACjE,WACC,MAAM,WAEJ,CAAC,QAAQ,QAAQ,SACd,iBACC,CAAC,OAAO,WAAW,MAAM,QAAQ,EAAI,GAAG,YAAY,MAAM,QAAQ,EAAK,OAAO,eAC3E,MAAM,QACT,EAFC,UAID,MAAM,QAEV,EARC,QAAQ;AAAA,KAUZ,CAAC,WAAW,oBAAoB,SAAS,UAAU,SAClD,CAAC,qBAAqB,SAAS,MAAM,eAAe,EAAnD;AAAA,IAGH,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAAK,cAAc,MAAM,QAAQ,EAAI,GAChE,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;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;AAAA,MACA,WAAW,iBAAiB,MAAM,QAAQ,EAAI,IAAI;AAAA,MAClD,YAAY,kBAAkB,kBAAkB,MAAM,QAAQ,EAAK,IAAI;AAAA,MACvE,IAAI;AAAA,UACA;AAAA;AAAA,OAEH,SAAS,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,mBAAmB,YAAY;AAAA,OACnF;AAAA,IACH,EA5BC,QAAQ;AAAA,EA6BX,EAvDC;AAyDL;",
   "names": []
 }

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

@@ -0,0 +1,63 @@
+import { Adapt, Popover, PopperAnchor, View, getState, useComposedRefs, usePopoverContext } from "tamagui";
+import React from "react";
+import { YStack } from "tamagui";
+const SimplePopoverTrigger = React.forwardRef((props, forwardedRef) => {
+  const context = usePopoverContext(), composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef), trigger = <View
+    aria-haspopup="dialog"
+    aria-expanded={context.open}
+    data-state={getState(context.open)}
+    {...props}
+    ref={composedTriggerRef}
+  />;
+  return context.hasCustomAnchor ? trigger : <PopperAnchor asChild>{trigger}</PopperAnchor>;
+});
+function SimplePopover({
+  children,
+  contentStyle,
+  triggerStyle,
+  arrowStyle,
+  arrow = !0,
+  triggerOnHover,
+  closeOnHoverOut,
+  ...props
+}) {
+  const [open, setOpen] = React.useState(!1), trigger = "trigger" in props;
+  return <Popover size="$5" allowFlip open={open} onOpenChange={setOpen} {...props}>
+    {trigger && props.trigger && <Popover.Trigger asChild>{triggerOnHover ? <YStack onHoverIn={() => setOpen(!0)} onHoverOut={() => setOpen(!1)} {...triggerStyle}>{props.trigger}</YStack> : props.trigger}</Popover.Trigger>}
+    {!trigger && "triggerElement" in props && "open" in props && <SimplePopoverTrigger asChild>{props.triggerElement}</SimplePopoverTrigger>}
+    <Adapt when="sm" platform="touch"><Popover.Sheet modal dismissOnSnapToBottom>
+      <Popover.Sheet.Frame padding="$4" onMouseEnter={() => setOpen(!0)}><Adapt.Contents /></Popover.Sheet.Frame>
+      <Popover.Sheet.Overlay />
+    </Popover.Sheet></Adapt>
+    <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
+      onHoverIn={triggerOnHover ? () => setOpen(!0) : void 0}
+      onHoverOut={triggerOnHover || closeOnHoverOut ? () => setOpen(!1) : void 0}
+      zi={9999999999}
+      {...contentStyle}
+    >
+      {arrow && <Popover.Arrow borderWidth={1} borderColor="$borderColor" {...arrowStyle} />}
+      {children}
+    </Popover.Content>
+  </Popover>;
+}
+export {
+  SimplePopover,
+  SimplePopoverTrigger
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
+  "mappings": "AA8BA,SAAS,OAAO,SAAS,cAAc,MAAM,UAAU,iBAAiB,yBAAyB;AACjG,OAAO,WAAW;AAElB,SAAS,cAAc;AAqBhB,MAAM,uBAAuB,MAAM,WAAuC,CAAC,OAAmB,iBAAiB;AACpH,QAAM,UAAU,kBAAkB,GAC5B,qBAAqB,gBAAgB,cAAc,QAAQ,UAAU,GAErE,UACJ,CAAC;AAAA,IACC,cAAc;AAAA,IACd,eAAe,QAAQ;AAAA,IACvB,YAAY,SAAS,QAAQ,IAAI;AAAA,QAC7B;AAAA,IACJ,KAAK;AAAA,EACP;AAGF,SAAO,QAAQ,kBAAkB,UAAU,CAAC,aAAa,SAAS,QAAQ,EAA9B;AAC9C,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,MAAM,SAAS,EAAK,GACtC,UAAU,aAAa;AAE7B,SACE,CAAC,QAAQ,KAAK,KAAK,UAAU,MAAM,MAAM,cAAc,aAAa;AAAA,KACjE,WACC,MAAM,WAEJ,CAAC,QAAQ,QAAQ,SACd,iBACC,CAAC,OAAO,WAAW,MAAM,QAAQ,EAAI,GAAG,YAAY,MAAM,QAAQ,EAAK,OAAO,eAC3E,MAAM,QACT,EAFC,UAID,MAAM,QAEV,EARC,QAAQ;AAAA,KAUZ,CAAC,WAAW,oBAAoB,SAAS,UAAU,SAClD,CAAC,qBAAqB,SAAS,MAAM,eAAe,EAAnD;AAAA,IAGH,CAAC,MAAM,KAAK,KAAK,SAAS,QACxB,CAAC,QAAQ,MAAM,MAAM;AAAA,MACnB,CAAC,QAAQ,MAAM,MAAM,QAAQ,KAAK,cAAc,MAAM,QAAQ,EAAI,GAChE,CAAC,MAAM,SAAS,EAClB,EAFC,QAAQ,MAAM;AAAA,MAGf,CAAC,QAAQ,MAAM,QAAQ;AAAA,IACzB,EALC,QAAQ,MAMX,EAPC;AAAA,IAQD,CAAC,QAAQ;AAAA,MACP,aAAa;AAAA,MACb,YAAY;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;AAAA,MACA,WAAW,iBAAiB,MAAM,QAAQ,EAAI,IAAI;AAAA,MAClD,YAAY,kBAAkB,kBAAkB,MAAM,QAAQ,EAAK,IAAI;AAAA,MACvE,IAAI;AAAA,UACA;AAAA;AAAA,OAEH,SAAS,CAAC,QAAQ,MAAM,aAAa,GAAG,YAAY,mBAAmB,YAAY;AAAA,OACnF;AAAA,IACH,EA5BC,QAAQ;AAAA,EA6BX,EAvDC;AAyDL;",
+  "names": []
+}

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

@@ -4,8 +4,7 @@ const meta = {
   title: "panels/SimpleSheet",
   component: SimpleSheet,
   parameters: { status: { type: "beta" } }
-};
-const main = () => <SimpleSheet modal>Click to test simpleSHeet</SimpleSheet>;
+}, main = () => <SimpleSheet modal>Click to test simpleSHeet</SimpleSheet>;
 var SimpleSheet_stories_default = meta;
 export {
   SimpleSheet_stories_default as default,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleSheet/SimpleSheet.stories.tsx"],
-  "mappings": "AAEA,SAAS,mBAAmB;AAG5B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,CAAC,YAAY,MAAM,yBAAyB,EAA3C;AAC3B,IAAO,8BAAQ;",
+  "mappings": "AAEA,SAAS,mBAAmB;AAG5B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAAM,CAAC,YAAY,MAAM,yBAAyB,EAA3C;AAC3B,IAAO,8BAAQ;",
   "names": []
 }

package/dist/jsx/panels/SimpleSheet/{SimpleSheet.stories.mjs → SimpleSheet.stories.native.js}

@@ -4,11 +4,10 @@ const meta = {
   title: "panels/SimpleSheet",
   component: SimpleSheet,
   parameters: { status: { type: "beta" } }
-};
-const main = () => <SimpleSheet modal>Click to test simpleSHeet</SimpleSheet>;
+}, main = () => <SimpleSheet modal>Click to test simpleSHeet</SimpleSheet>;
 var SimpleSheet_stories_default = meta;
 export {
   SimpleSheet_stories_default as default,
   main
 };
-//# sourceMappingURL=SimpleSheet.stories.mjs.map
+//# sourceMappingURL=SimpleSheet.stories.js.map

package/dist/jsx/panels/SimpleSheet/{SimpleSheet.stories.mjs.map → SimpleSheet.stories.native.js.map}

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleSheet/SimpleSheet.stories.tsx"],
-  "mappings": "AAEA,SAAS,mBAAmB;AAG5B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAAM,CAAC,YAAY,MAAM,yBAAyB,EAA3C;AAC3B,IAAO,8BAAQ;",
+  "mappings": "AAEA,SAAS,mBAAmB;AAG5B,MAAM,OAAa;AAAA;AAAA,EAEjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC,GAEa,OAAO,MAAM,CAAC,YAAY,MAAM,yBAAyB,EAA3C;AAC3B,IAAO,8BAAQ;",
   "names": []
 }