@multiplatform.one/components 0.2.0

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

@@ -0,0 +1,46 @@
+import { AlertDialog, Button, XStack, YStack } from "tamagui";
+function SimpleAlertDialog({
+  children,
+  title,
+  cancel,
+  accept,
+  description,
+  titleStyle,
+  contentStyle,
+  descriptionStyle,
+  ...triggerProps
+}) {
+  return <AlertDialog native {...triggerProps}>
+    <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger>
+    <AlertDialog.Portal>
+      <AlertDialog.Overlay key="overlay" animation="quick" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
+      <AlertDialog.Content
+        bordered
+        elevate
+        key="content"
+        animation={[
+          "bouncy",
+          {
+            opacity: {
+              overshootClamping: true
+            }
+          }
+        ]}
+        enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.2 }}
+        exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.2 }}
+        x={0}
+        scale={1}
+        opacity={1}
+        y={0}
+        {...contentStyle}
+      ><YStack space><XStack space="$3" jc="flex-end">
+        <AlertDialog.Cancel asChild><Button>{cancel || "cancel"}</Button></AlertDialog.Cancel>
+        <AlertDialog.Action asChild><Button theme="active">{accept || "accept"}</Button></AlertDialog.Action>
+      </XStack></YStack></AlertDialog.Content>
+    </AlertDialog.Portal>
+  </AlertDialog>;
+}
+export {
+  SimpleAlertDialog
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/index.tsx"],
+  "mappings": "AAEA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAgB7C,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,SACE,CAAC,YAAY,WAAW;AAAA,IACtB,CAAC,YAAY,QAAQ,SAAS,SAAS,EAAtC,YAAY;AAAA,IACb,CAAC,YAAY;AAAA,MACX,CAAC,YAAY,QAAQ,IAAI,UAAU,UAAU,QAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACxG,CAAC,YAAY;AAAA,QACX;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,IAAI;AAAA,QACjD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,YACC;AAAA,OAEJ,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,QACpB,CAAC,YAAY,OAAO,QAClB,CAAC,QAAQ,UAAU,SAAS,EAA3B,OACH,EAFC,YAAY;AAAA,QAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,UAAU,UAAU,SAAS,EAA1C,OACH,EAFC,YAAY;AAAA,MAGf,EAPC,OAQH,EATC,OAUH,EA9BC,YAAY;AAAA,IA+Bf,EAjCC,YAAY;AAAA,EAkCf,EApCC;AAsCL;",
+  "names": []
+}

package/dist/jsx/panels/SimpleAlertDialog/index.mjs

@@ -0,0 +1,46 @@
+import { AlertDialog, Button, XStack, YStack } from "tamagui";
+function SimpleAlertDialog({
+  children,
+  title,
+  cancel,
+  accept,
+  description,
+  titleStyle,
+  contentStyle,
+  descriptionStyle,
+  ...triggerProps
+}) {
+  return <AlertDialog native {...triggerProps}>
+    <AlertDialog.Trigger asChild>{children}</AlertDialog.Trigger>
+    <AlertDialog.Portal>
+      <AlertDialog.Overlay key="overlay" animation="quick" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
+      <AlertDialog.Content
+        bordered
+        elevate
+        key="content"
+        animation={[
+          "bouncy",
+          {
+            opacity: {
+              overshootClamping: true
+            }
+          }
+        ]}
+        enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.2 }}
+        exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.2 }}
+        x={0}
+        scale={1}
+        opacity={1}
+        y={0}
+        {...contentStyle}
+      ><YStack space><XStack space="$3" jc="flex-end">
+        <AlertDialog.Cancel asChild><Button>{cancel || "cancel"}</Button></AlertDialog.Cancel>
+        <AlertDialog.Action asChild><Button theme="active">{accept || "accept"}</Button></AlertDialog.Action>
+      </XStack></YStack></AlertDialog.Content>
+    </AlertDialog.Portal>
+  </AlertDialog>;
+}
+export {
+  SimpleAlertDialog
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/panels/SimpleAlertDialog/index.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleAlertDialog/index.tsx"],
+  "mappings": "AAEA,SAAS,aAAa,QAAQ,QAAQ,cAAc;AAgB7C,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,SACE,CAAC,YAAY,WAAW;AAAA,IACtB,CAAC,YAAY,QAAQ,SAAS,SAAS,EAAtC,YAAY;AAAA,IACb,CAAC,YAAY;AAAA,MACX,CAAC,YAAY,QAAQ,IAAI,UAAU,UAAU,QAAQ,GAAG,KAAK,YAAY,EAAE,GAAG,EAAE,GAAG,WAAW,EAAE,GAAG,EAAE,GAAG;AAAA,MACxG,CAAC,YAAY;AAAA,QACX;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,IAAI;AAAA,QACjD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,SAAS;AAAA,QACT,GAAG;AAAA,YACC;AAAA,OAEJ,CAAC,OAAO,MACN,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,QACpB,CAAC,YAAY,OAAO,QAClB,CAAC,QAAQ,UAAU,SAAS,EAA3B,OACH,EAFC,YAAY;AAAA,QAGb,CAAC,YAAY,OAAO,QAClB,CAAC,OAAO,MAAM,UAAU,UAAU,SAAS,EAA1C,OACH,EAFC,YAAY;AAAA,MAGf,EAPC,OAQH,EATC,OAUH,EA9BC,YAAY;AAAA,IA+Bf,EAjCC,YAAY;AAAA,EAkCf,EApCC;AAsCL;",
+  "names": []
+}

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

@@ -0,0 +1,17 @@
+import { SimpleDialog } from "./index";
+import { Text, YStack, Button } from "tamagui";
+const meta = {
+  title: "panels/SimpleDialog",
+  component: SimpleDialog,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <SimpleDialog
+  element={<YStack><Text>Check</Text></YStack>}
+  title="Check"
+><Button>open DialogBox</Button></SimpleDialog>;
+var SimpleDialog_stories_default = meta;
+export {
+  SimpleDialog_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleDialog.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
+  "mappings": "AACA,SAAS,oBAAoB;AAE7B,SAAS,MAAM,QAAQ,cAAc;AAErC,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,SACE,CAAC,OACC,CAAC,KAAK,KAAK,EAAV,KACH,EAFC;AAAA,EAIH,MAAM;AAAA,CAEN,CAAC,OAAO,cAAc,EAArB,OACH,EATC;AAWH,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.mjs

@@ -0,0 +1,17 @@
+import { SimpleDialog } from "./index";
+import { Text, YStack, Button } from "tamagui";
+const meta = {
+  title: "panels/SimpleDialog",
+  component: SimpleDialog,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <SimpleDialog
+  element={<YStack><Text>Check</Text></YStack>}
+  title="Check"
+><Button>open DialogBox</Button></SimpleDialog>;
+var SimpleDialog_stories_default = meta;
+export {
+  SimpleDialog_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleDialog.stories.mjs.map

package/dist/jsx/panels/SimpleDialog/SimpleDialog.stories.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/SimpleDialog.stories.tsx"],
+  "mappings": "AACA,SAAS,oBAAoB;AAE7B,SAAS,MAAM,QAAQ,cAAc;AAErC,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAEO,MAAM,OAAO,MAClB,CAAC;AAAA,EACC,SACE,CAAC,OACC,CAAC,KAAK,KAAK,EAAV,KACH,EAFC;AAAA,EAIH,MAAM;AAAA,CAEN,CAAC,OAAO,cAAc,EAArB,OACH,EATC;AAWH,IAAO,+BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
+import { X } from "@tamagui/lucide-icons";
+function SimpleDialog({
+  children,
+  element,
+  title,
+  description,
+  titleStyle,
+  descriptionStyle,
+  contentStyle,
+  ...props
+}) {
+  return <Dialog modal {...props}>
+    <Dialog.Trigger asChild>{children}</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>
+      <Dialog.Overlay key="overlay" animation="bouncy" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
+      <Dialog.Content
+        bordered
+        elevate
+        key="content"
+        animation={[
+          "quick",
+          {
+            opacity: {
+              overshootClamping: true
+            }
+          }
+        ]}
+        enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}
+        exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
+        space
+        {...contentStyle}
+      >
+        <Dialog.Title {...titleStyle}>{title}</Dialog.Title>
+        <Dialog.Description {...descriptionStyle}>{description ?? description}</Dialog.Description>
+        {element}
+        <Unspaced><Dialog.Close asChild><Button pos="absolute" t="$3" r="$3" size="$2" circular icon={X} /></Dialog.Close></Unspaced>
+      </Dialog.Content>
+    </Dialog.Portal>
+  </Dialog>;
+}
+export {
+  SimpleDialog
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
+  "mappings": "AAEA,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAQX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,OAAO,QAAQ,SAAS,SAAS,EAAjC,OAAO;AAAA,IACR,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,QAEJ,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,QACR,CAAC,OAAO,gBAAgB,mBAAmB,eAAe,YAAY,EAArE,OAAO;AAAA,SACP;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,GAAG,EACnE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EAvCC;AAyCL;",
+  "names": []
+}

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

@@ -0,0 +1,49 @@
+import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
+import { X } from "@tamagui/lucide-icons";
+function SimpleDialog({
+  children,
+  element,
+  title,
+  description,
+  titleStyle,
+  descriptionStyle,
+  contentStyle,
+  ...props
+}) {
+  return <Dialog modal {...props}>
+    <Dialog.Trigger asChild>{children}</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>
+      <Dialog.Overlay key="overlay" animation="bouncy" o={0.5} enterStyle={{ o: 0 }} exitStyle={{ o: 0 }} />
+      <Dialog.Content
+        bordered
+        elevate
+        key="content"
+        animation={[
+          "quick",
+          {
+            opacity: {
+              overshootClamping: true
+            }
+          }
+        ]}
+        enterStyle={{ x: 0, y: -20, opacity: 0, scale: 0.9 }}
+        exitStyle={{ x: 0, y: 10, opacity: 0, scale: 0.95 }}
+        space
+        {...contentStyle}
+      >
+        <Dialog.Title {...titleStyle}>{title}</Dialog.Title>
+        <Dialog.Description {...descriptionStyle}>{description ?? description}</Dialog.Description>
+        {element}
+        <Unspaced><Dialog.Close asChild><Button pos="absolute" t="$3" r="$3" size="$2" circular icon={X} /></Dialog.Close></Unspaced>
+      </Dialog.Content>
+    </Dialog.Portal>
+  </Dialog>;
+}
+export {
+  SimpleDialog
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
+  "mappings": "AAEA,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAQX,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,CAAC,OAAO,UAAU;AAAA,IAChB,CAAC,OAAO,QAAQ,SAAS,SAAS,EAAjC,OAAO;AAAA,IACR,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,QAEJ,CAAC,OAAO,UAAU,aAAa,MAAM,EAApC,OAAO;AAAA,QACR,CAAC,OAAO,gBAAgB,mBAAmB,eAAe,YAAY,EAArE,OAAO;AAAA,SACP;AAAA,QACD,CAAC,SACC,CAAC,OAAO,MAAM,QACZ,CAAC,OAAO,IAAI,WAAW,EAAE,KAAK,EAAE,KAAK,KAAK,KAAK,SAAS,MAAM,GAAG,EACnE,EAFC,OAAO,MAGV,EAJC;AAAA,MAKH,EAzBC,OAAO;AAAA,IA0BV,EA5BC,OAAO;AAAA,EA6BV,EAvCC;AAyCL;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import { SimplePopover } from "./index";
+import { Text } from "tamagui";
+const meta = {
+  title: "panels/SimplePopover",
+  component: SimplePopover,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <SimplePopover element={<div>Content from popover</div>}><Text>Click here to check popover</Text></SimplePopover>;
+var SimplePopover_stories_default = meta;
+export {
+  SimplePopover_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimplePopover.stories.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
+  "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAGO,MAAM,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,IAAI,oBAAoB,EAAxB,MACvB,CAAC,KAAK,2BAA2B,EAAhC,KACH,EAFC;AAIH,IAAO,gCAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import { SimplePopover } from "./index";
+import { Text } from "tamagui";
+const meta = {
+  title: "panels/SimplePopover",
+  component: SimplePopover,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <SimplePopover element={<div>Content from popover</div>}><Text>Click here to check popover</Text></SimplePopover>;
+var SimplePopover_stories_default = meta;
+export {
+  SimplePopover_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimplePopover.stories.mjs.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/SimplePopover.stories.tsx"],
+  "mappings": "AACA,SAAS,qBAAqB;AAC9B,SAAS,YAAY;AAGrB,MAAM,OAAa;AAAA,EACjB,OAAO;AAAA,EACP,WAAW;AAAA,EACX,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,EAAE;AACzC;AAGO,MAAM,OAAO,MAClB,CAAC,cAAc,SAAS,CAAC,IAAI,oBAAoB,EAAxB,MACvB,CAAC,KAAK,2BAA2B,EAAhC,KACH,EAFC;AAIH,IAAO,gCAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,45 @@
+import { Adapt, Popover, YStack } from "tamagui";
+function SimplePopover({
+  children,
+  element,
+  contentStyle,
+  adaptStyle,
+  arrowStyle,
+  ...props
+}) {
+  return <Popover size="$5" {...props}>
+    <Popover.Trigger cursor="pointer" asChild>{children}</Popover.Trigger>
+    <Adapt when="sm" platform="web" {...adaptStyle}><Popover.Sheet modal dismissOnSnapToBottom>
+      <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
+      <Popover.Sheet.Overlay />
+    </Popover.Sheet></Adapt>
+    <Popover.Content
+      bw={1}
+      boc="$borderColor"
+      enterStyle={{ x: 10, y: -10, o: 0, scale: 0.1 }}
+      exitStyle={{ x: 10, y: 10, o: 0, scale: 0.2 }}
+      x={0}
+      y={0}
+      o={1}
+      animation={[
+        "bouncy",
+        {
+          opacity: {
+            overshootClamping: true
+          }
+        }
+      ]}
+      elevate
+      {...contentStyle}
+    >
+      {
+        /* <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} /> */
+      }
+      <YStack cursor="pointer">{element}</YStack>
+    </Popover.Content>
+  </Popover>;
+}
+export {
+  SimplePopover
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
+  "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AAOhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,CAAC,QAAQ,KAAK,SAAS;AAAA,IACrB,CAAC,QAAQ,QAAQ,OAAO,UAAU,SAC/B,SACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,KAAK,KAAK,SAAS,UAAU,YAClC,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,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,YAAY,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,IAAI;AAAA,MAC9C,WAAW,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,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,MACA;AAAA,UACI;AAAA;AAAA;AAAA;AAAA;AAAA,MAGJ,CAAC,OAAO,OAAO,WAAW,QAAQ,EAAjC;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAlCC;AAoCL;",
+  "names": []
+}

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

@@ -0,0 +1,45 @@
+import { Adapt, Popover, YStack } from "tamagui";
+function SimplePopover({
+  children,
+  element,
+  contentStyle,
+  adaptStyle,
+  arrowStyle,
+  ...props
+}) {
+  return <Popover size="$5" {...props}>
+    <Popover.Trigger cursor="pointer" asChild>{children}</Popover.Trigger>
+    <Adapt when="sm" platform="web" {...adaptStyle}><Popover.Sheet modal dismissOnSnapToBottom>
+      <Popover.Sheet.Frame padding="$4"><Adapt.Contents /></Popover.Sheet.Frame>
+      <Popover.Sheet.Overlay />
+    </Popover.Sheet></Adapt>
+    <Popover.Content
+      bw={1}
+      boc="$borderColor"
+      enterStyle={{ x: 10, y: -10, o: 0, scale: 0.1 }}
+      exitStyle={{ x: 10, y: 10, o: 0, scale: 0.2 }}
+      x={0}
+      y={0}
+      o={1}
+      animation={[
+        "bouncy",
+        {
+          opacity: {
+            overshootClamping: true
+          }
+        }
+      ]}
+      elevate
+      {...contentStyle}
+    >
+      {
+        /* <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} /> */
+      }
+      <YStack cursor="pointer">{element}</YStack>
+    </Popover.Content>
+  </Popover>;
+}
+export {
+  SimplePopover
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
+  "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AAOhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,CAAC,QAAQ,KAAK,SAAS;AAAA,IACrB,CAAC,QAAQ,QAAQ,OAAO,UAAU,SAC/B,SACH,EAFC,QAAQ;AAAA,IAGT,CAAC,MAAM,KAAK,KAAK,SAAS,UAAU,YAClC,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,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,YAAY,EAAE,GAAG,IAAI,GAAG,KAAK,GAAG,GAAG,OAAO,IAAI;AAAA,MAC9C,WAAW,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,GAAG,OAAO,IAAI;AAAA,MAC5C,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,MACA;AAAA,UACI;AAAA;AAAA;AAAA;AAAA;AAAA,MAGJ,CAAC,OAAO,OAAO,WAAW,QAAQ,EAAjC;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAlCC;AAoCL;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import { SimpleSheet } from "./index";
+const meta = {
+  // export default {
+  title: "panels/SimpleSheet",
+  component: SimpleSheet,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <SimpleSheet modal />;
+var SimpleSheet_stories_default = meta;
+export {
+  SimpleSheet_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleSheet.stories.js.map

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

@@ -0,0 +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;AAC7C,IAAO,8BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,14 @@
+import { SimpleSheet } from "./index";
+const meta = {
+  // export default {
+  title: "panels/SimpleSheet",
+  component: SimpleSheet,
+  parameters: { status: { type: "beta" } }
+};
+const main = () => <SimpleSheet modal />;
+var SimpleSheet_stories_default = meta;
+export {
+  SimpleSheet_stories_default as default,
+  main
+};
+//# sourceMappingURL=SimpleSheet.stories.mjs.map

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

@@ -0,0 +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;AAC7C,IAAO,8BAAQ;",
+  "names": []
+}

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

@@ -0,0 +1,74 @@
+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: false,
+  innerOpen: false,
+  setPosition: (position) => set({ position }),
+  setOpen: (open) => set({ open }),
+  setInnerOpen: (innerOpen) => set({ innerOpen })
+}));
+const SimpleSheet = ({
+  children,
+  sheetElement,
+  modal,
+  innerSheetElement,
+  buttonSize,
+  innerSheetButtonSize,
+  ...props
+}) => {
+  const { position, open, innerOpen, setPosition, setOpen, setInnerOpen } = useStore();
+  return <>
+    <XStack space><Button onPress={() => setOpen(true)}>{children}</Button></XStack>
+    <Sheet
+      forceRemoveScrollEnabled={open}
+      modal={modal || false}
+      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(false)} />
+        {(modal || innerSheetElement) && <>
+          <InnerSheet
+            open={innerOpen}
+            onOpenChange={setInnerOpen}
+            innerSheetElement={innerSheetElement}
+            innerSheetButtonSize={innerSheetButtonSize}
+            {...props}
+          />
+          <Button size={buttonSize || "$6"} circular icon={ChevronUp} onPress={() => setInnerOpen(true)} />
+        </>}
+      </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?.(false)}
+      />
+      {innerSheetElement}
+    </Sheet.ScrollView></Sheet.Frame>
+  </Sheet>;
+}
+export {
+  SimpleSheet
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;AAEK,MAAM,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,IAAI,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,KAAK,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,IAAI,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,KAAK;AAAA,MAC3C;AAAA,OACC;AAAA,IACH,EATC,MAAM,WAUT,EAXC,MAAM;AAAA,EAYT,EAfC;AAiBL;",
+  "names": []
+}

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

@@ -0,0 +1,74 @@
+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: false,
+  innerOpen: false,
+  setPosition: (position) => set({ position }),
+  setOpen: (open) => set({ open }),
+  setInnerOpen: (innerOpen) => set({ innerOpen })
+}));
+const SimpleSheet = ({
+  children,
+  sheetElement,
+  modal,
+  innerSheetElement,
+  buttonSize,
+  innerSheetButtonSize,
+  ...props
+}) => {
+  const { position, open, innerOpen, setPosition, setOpen, setInnerOpen } = useStore();
+  return <>
+    <XStack space><Button onPress={() => setOpen(true)}>{children}</Button></XStack>
+    <Sheet
+      forceRemoveScrollEnabled={open}
+      modal={modal || false}
+      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(false)} />
+        {(modal || innerSheetElement) && <>
+          <InnerSheet
+            open={innerOpen}
+            onOpenChange={setInnerOpen}
+            innerSheetElement={innerSheetElement}
+            innerSheetButtonSize={innerSheetButtonSize}
+            {...props}
+          />
+          <Button size={buttonSize || "$6"} circular icon={ChevronUp} onPress={() => setInnerOpen(true)} />
+        </>}
+      </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?.(false)}
+      />
+      {innerSheetElement}
+    </Sheet.ScrollView></Sheet.Frame>
+  </Sheet>;
+}
+export {
+  SimpleSheet
+};
+//# sourceMappingURL=index.mjs.map

package/dist/jsx/panels/SimpleSheet/index.mjs.map

@@ -0,0 +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;AAEK,MAAM,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,IAAI,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,KAAK,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,IAAI,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,KAAK;AAAA,MAC3C;AAAA,OACC;AAAA,IACH,EATC,MAAM,WAUT,EAXC,MAAM;AAAA,EAYT,EAfC;AAiBL;",
+  "names": []
+}