@multiplatform.one/components 0.2.5 → 0.2.7

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

@@ -1,17 +1,33 @@
+import React, { useEffect } from "react";
 import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
 import { X } from "@tamagui/lucide-icons";
 function SimpleDialog({
   children,
-  element,
-  title,
+  contentStyle,
   description,
-  titleStyle,
   descriptionStyle,
-  contentStyle,
+  title,
+  titleStyle,
+  trigger,
   ...props
 }) {
-  return <Dialog modal {...props}>
-    <Dialog.Trigger asChild>{children}</Dialog.Trigger>
+  const [open, setOpen] = React.useState(props.open);
+  useEffect(() => {
+    if (typeof props.open === "undefined" || props.open === open)
+      return;
+    setOpen(props.open);
+  }, [props.open]);
+  return <Dialog
+    modal
+    {...props}
+    open={open}
+    onOpenChange={(open2) => {
+      setOpen(open2);
+      if (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 />
@@ -35,10 +51,10 @@ function SimpleDialog({
         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>
+        {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>
       </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": "AAEA,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAWX,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": []
+  "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;",
+  "names": ["open"]
 }

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

@@ -1,17 +1,33 @@
+import React, { useEffect } from "react";
 import { Adapt, Button, Dialog, Sheet, Unspaced } from "tamagui";
 import { X } from "@tamagui/lucide-icons";
 function SimpleDialog({
   children,
-  element,
-  title,
+  contentStyle,
   description,
-  titleStyle,
   descriptionStyle,
-  contentStyle,
+  title,
+  titleStyle,
+  trigger,
   ...props
 }) {
-  return <Dialog modal {...props}>
-    <Dialog.Trigger asChild>{children}</Dialog.Trigger>
+  const [open, setOpen] = React.useState(props.open);
+  useEffect(() => {
+    if (typeof props.open === "undefined" || props.open === open)
+      return;
+    setOpen(props.open);
+  }, [props.open]);
+  return <Dialog
+    modal
+    {...props}
+    open={open}
+    onOpenChange={(open2) => {
+      setOpen(open2);
+      if (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 />
@@ -35,10 +51,10 @@ function SimpleDialog({
         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>
+        {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>
       </Dialog.Content>
     </Dialog.Portal>
   </Dialog>;

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleDialog/index.tsx"],
-  "mappings": "AAEA,SAAS,OAAO,QAAQ,QAAQ,OAAO,gBAAgB;AACvD,SAAS,SAAS;AAWX,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": []
+  "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;",
+  "names": ["open"]
 }

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

@@ -5,10 +5,7 @@ const meta = {
   component: SimplePopover,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <SimplePopover
-  element={<YStack><Text>popover content</Text></YStack>}
-  arrowStyle={{ bc: "$backgroundStrong" }}
-><Button>Click here to get a Popover</Button></SimplePopover>;
+const main = () => <SimplePopover trigger={<Button>Click here to get a Popover</Button>}><YStack><Text>popover content</Text></YStack></SimplePopover>;
 var SimplePopover_stories_default = meta;
 export {
   SimplePopover_stories_default as default,

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;AAAA,EACC,SACE,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC;AAAA,EAIH,YAAY,EAAE,IAAI,oBAAoB;AAAA,CAEtC,CAAC,OAAO,2BAA2B,EAAlC,OACH,EATC;AAWH,IAAO,gCAAQ;",
+  "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;",
   "names": []
 }

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

@@ -5,10 +5,7 @@ const meta = {
   component: SimplePopover,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <SimplePopover
-  element={<YStack><Text>popover content</Text></YStack>}
-  arrowStyle={{ bc: "$backgroundStrong" }}
-><Button>Click here to get a Popover</Button></SimplePopover>;
+const main = () => <SimplePopover trigger={<Button>Click here to get a Popover</Button>}><YStack><Text>popover content</Text></YStack></SimplePopover>;
 var SimplePopover_stories_default = meta;
 export {
   SimplePopover_stories_default as default,

package/dist/jsx/panels/SimplePopover/SimplePopover.stories.mjs.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;AAAA,EACC,SACE,CAAC,OACC,CAAC,KAAK,eAAe,EAApB,KACH,EAFC;AAAA,EAIH,YAAY,EAAE,IAAI,oBAAoB;AAAA,CAEtC,CAAC,OAAO,2BAA2B,EAAlC,OACH,EATC;AAWH,IAAO,gCAAQ;",
+  "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;",
   "names": []
 }

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

@@ -1,28 +1,21 @@
-import { Adapt, Popover, YStack } from "tamagui";
-function SimplePopover({
-  children,
-  element,
-  contentStyle,
-  adaptStyle,
-  arrowStyle,
-  ...props
-}) {
+import { Adapt, Popover } from "tamagui";
+function SimplePopover({ children, trigger, contentStyle, arrowStyle, ...props }) {
   return <Popover size="$5" allowFlip {...props}>
-    <Popover.Trigger cursor="pointer" asChild>{children}</Popover.Trigger>
-    <Adapt when="sm" platform="web" {...adaptStyle}><Popover.Sheet modal dismissOnSnapToBottom>
+    <Popover.Trigger asChild>{trigger}</Popover.Trigger>
+    <Adapt when="sm" platform="touch"><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 }}
+      borderWidth={1}
+      borderColor="$borderColor"
+      enterStyle={{ x: 0, y: -10, opacity: 0 }}
+      exitStyle={{ x: 0, y: -10, opacity: 0 }}
       x={0}
       y={0}
-      o={1}
+      opacity={1}
       animation={[
-        "bouncy",
+        "quick",
         {
           opacity: {
             overshootClamping: true
@@ -32,8 +25,8 @@ function SimplePopover({
       elevate
       {...contentStyle}
     >
-      <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} />
-      <YStack cursor="pointer">{element}</YStack>
+      <Popover.Arrow borderWidth={1} borderColor="$borderColor" />
+      {children}
     </Popover.Content>
   </Popover>;
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
-  "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AAUhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,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,MAEJ,CAAC,QAAQ,MAAM,IAAI,GAAG,IAAI,mBAAmB,YAAY;AAAA,MACzD,CAAC,OAAO,OAAO,WAAW,QAAQ,EAAjC;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAlCC;AAoCL;",
+  "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;",
   "names": []
 }

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

@@ -1,28 +1,21 @@
-import { Adapt, Popover, YStack } from "tamagui";
-function SimplePopover({
-  children,
-  element,
-  contentStyle,
-  adaptStyle,
-  arrowStyle,
-  ...props
-}) {
+import { Adapt, Popover } from "tamagui";
+function SimplePopover({ children, trigger, contentStyle, arrowStyle, ...props }) {
   return <Popover size="$5" allowFlip {...props}>
-    <Popover.Trigger cursor="pointer" asChild>{children}</Popover.Trigger>
-    <Adapt when="sm" platform="web" {...adaptStyle}><Popover.Sheet modal dismissOnSnapToBottom>
+    <Popover.Trigger asChild>{trigger}</Popover.Trigger>
+    <Adapt when="sm" platform="touch"><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 }}
+      borderWidth={1}
+      borderColor="$borderColor"
+      enterStyle={{ x: 0, y: -10, opacity: 0 }}
+      exitStyle={{ x: 0, y: -10, opacity: 0 }}
       x={0}
       y={0}
-      o={1}
+      opacity={1}
       animation={[
-        "bouncy",
+        "quick",
         {
           opacity: {
             overshootClamping: true
@@ -32,8 +25,8 @@ function SimplePopover({
       elevate
       {...contentStyle}
     >
-      <Popover.Arrow bw={1} boc="$borderColor" {...arrowStyle} />
-      <YStack cursor="pointer">{element}</YStack>
+      <Popover.Arrow borderWidth={1} borderColor="$borderColor" />
+      {children}
     </Popover.Content>
   </Popover>;
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimplePopover/index.tsx"],
-  "mappings": "AACA,SAAS,OAAO,SAAS,cAAc;AAUhC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE,CAAC,QAAQ,KAAK,KAAK,cAAc;AAAA,IAC/B,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,MAEJ,CAAC,QAAQ,MAAM,IAAI,GAAG,IAAI,mBAAmB,YAAY;AAAA,MACzD,CAAC,OAAO,OAAO,WAAW,QAAQ,EAAjC;AAAA,IACH,EArBC,QAAQ;AAAA,EAsBX,EAlCC;AAoCL;",
+  "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;",
   "names": []
 }

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

@@ -5,7 +5,7 @@ const meta = {
   component: SimpleSheet,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <SimpleSheet modal />;
+const 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;AAC7C,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;AAEO,MAAM,OAAO,MAAM,CAAC,YAAY,MAAM,yBAAyB,EAA3C;AAC3B,IAAO,8BAAQ;",
   "names": []
 }

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

@@ -5,7 +5,7 @@ const meta = {
   component: SimpleSheet,
   parameters: { status: { type: "beta" } }
 };
-const main = () => <SimpleSheet modal />;
+const 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.mjs.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;AAC7C,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;AAEO,MAAM,OAAO,MAAM,CAAC,YAAY,MAAM,yBAAyB,EAA3C;AAC3B,IAAO,8BAAQ;",
   "names": []
 }

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

@@ -8,7 +8,7 @@ function SimpleTooltip({
   ...props
 }) {
   return <Tooltip {...props}>
-    <Tooltip.Trigger>{children}</Tooltip.Trigger>
+    <Tooltip.Trigger cursor="pointer" ai="center">{children}</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 }}
@@ -26,7 +26,7 @@ function SimpleTooltip({
       ]}
     >
       <Tooltip.Arrow />
-      <Paragraph size="$2" lineHeight="$1" {...paragraphStyle}>{element}</Paragraph>
+      <Paragraph ai="center" size="$2" lineHeight="$1" {...paragraphStyle}>{element}</Paragraph>
     </Tooltip.Content></Theme>
   </Tooltip>;
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/index.tsx"],
-  "mappings": "AAEA,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,SAAS,SAAS,EAA1B,QAAQ;AAAA,IACT,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,MACf,CAAC,UAAU,KAAK,KAAK,WAAW,SAAS,iBACtC,QACH,EAFC;AAAA,IAGH,EApBC,QAAQ,QAqBX,EAtBC;AAAA,EAuBH,EAzBC;AA2BL;",
+  "mappings": "AAEA,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QAAQ,OAAO,UAAU,GAAG,UAClC,SACH,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,MACf,CAAC,UAAU,GAAG,SAAS,KAAK,KAAK,WAAW,SAAS,iBAClD,QACH,EAFC;AAAA,IAGH,EApBC,QAAQ,QAqBX,EAtBC;AAAA,EAuBH,EA3BC;AA6BL;",
   "names": []
 }

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

@@ -8,7 +8,7 @@ function SimpleTooltip({
   ...props
 }) {
   return <Tooltip {...props}>
-    <Tooltip.Trigger>{children}</Tooltip.Trigger>
+    <Tooltip.Trigger cursor="pointer" ai="center">{children}</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 }}
@@ -26,7 +26,7 @@ function SimpleTooltip({
       ]}
     >
       <Tooltip.Arrow />
-      <Paragraph size="$2" lineHeight="$1" {...paragraphStyle}>{element}</Paragraph>
+      <Paragraph ai="center" size="$2" lineHeight="$1" {...paragraphStyle}>{element}</Paragraph>
     </Tooltip.Content></Theme>
   </Tooltip>;
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/panels/SimpleTooltip/index.tsx"],
-  "mappings": "AAEA,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,SAAS,SAAS,EAA1B,QAAQ;AAAA,IACT,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,MACf,CAAC,UAAU,KAAK,KAAK,WAAW,SAAS,iBACtC,QACH,EAFC;AAAA,IAGH,EApBC,QAAQ,QAqBX,EAtBC;AAAA,EAuBH,EAzBC;AA2BL;",
+  "mappings": "AAEA,SAAS,WAAW,OAAO,eAAe;AAMnC,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwC;AACtC,SACE,CAAC,YAAY;AAAA,IACX,CAAC,QAAQ,QAAQ,OAAO,UAAU,GAAG,UAClC,SACH,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,MACf,CAAC,UAAU,GAAG,SAAS,KAAK,KAAK,WAAW,SAAS,iBAClD,QACH,EAFC;AAAA,IAGH,EApBC,QAAQ,QAqBX,EAtBC;AAAA,EAuBH,EA3BC;AA6BL;",
   "names": []
 }

package/dist/jsx/table/Table/index.js

@@ -21,6 +21,7 @@ const Table = withStaticProperties(TableFrame, {
   Col: TableCol
 });
 export {
-  Table
+  Table,
+  TableFrame
 };
 //# sourceMappingURL=index.js.map

package/dist/jsx/table/Table/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/table/Table/index.tsx"],
-  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,QAAQ,gBAAgB,4BAA4B;AAErE,MAAM,mBAAmB,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,CAAC;AAED,MAAM,aAAa,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACtD,SACE,CAAC,iBAAiB,SAAU,aAAqB;AAAA,KAC9C,CAAC,CAAC,WACD,CAAC,UAAU,KAAK,KAAK,GAAG,UAAU,IAAI,MAAM,MAAM,WAC/C,QACH,EAFC;AAAA,IAIH,CAAC,OAAO,SAAS,OAAO,GAAG,WACxB,SACH,EAFC;AAAA,EAGH,EATC;AAWL;AAEO,MAAM,QAAQ,qBAAqB,YAAY;AAAA,EACpD,MAAM;AAAA,EACN,KAAK;AACP,CAAC;",
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,QAAQ,gBAAgB,4BAA4B;AAErE,MAAM,mBAAmB,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,CAAC;AAEM,MAAM,aAAa,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AAC7D,SACE,CAAC,iBAAiB,SAAU,aAAqB;AAAA,KAC9C,CAAC,CAAC,WACD,CAAC,UAAU,KAAK,KAAK,GAAG,UAAU,IAAI,MAAM,MAAM,WAC/C,QACH,EAFC;AAAA,IAIH,CAAC,OAAO,SAAS,OAAO,GAAG,WACxB,SACH,EAFC;AAAA,EAGH,EATC;AAWL;AAEO,MAAM,QAAQ,qBAAqB,YAAY;AAAA,EACpD,MAAM;AAAA,EACN,KAAK;AACP,CAAC;",
   "names": []
 }

package/dist/jsx/table/Table/index.mjs

@@ -21,6 +21,7 @@ const Table = withStaticProperties(TableFrame, {
   Col: TableCol
 });
 export {
-  Table
+  Table,
+  TableFrame
 };
 //# sourceMappingURL=index.mjs.map

package/dist/jsx/table/Table/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/table/Table/index.tsx"],
-  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,QAAQ,gBAAgB,4BAA4B;AAErE,MAAM,mBAAmB,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,CAAC;AAED,MAAM,aAAa,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AACtD,SACE,CAAC,iBAAiB,SAAU,aAAqB;AAAA,KAC9C,CAAC,CAAC,WACD,CAAC,UAAU,KAAK,KAAK,GAAG,UAAU,IAAI,MAAM,MAAM,WAC/C,QACH,EAFC;AAAA,IAIH,CAAC,OAAO,SAAS,OAAO,GAAG,WACxB,SACH,EAFC;AAAA,EAGH,EATC;AAWL;AAEO,MAAM,QAAQ,qBAAqB,YAAY;AAAA,EACpD,MAAM;AAAA,EACN,KAAK;AACP,CAAC;",
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAC7B,SAAS,QAAQ,QAAQ,gBAAgB,4BAA4B;AAErE,MAAM,mBAAmB,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,CAAC;AAEM,MAAM,aAAa,CAAC,EAAE,SAAS,UAAU,GAAG,MAAM,MAAM;AAC7D,SACE,CAAC,iBAAiB,SAAU,aAAqB;AAAA,KAC9C,CAAC,CAAC,WACD,CAAC,UAAU,KAAK,KAAK,GAAG,UAAU,IAAI,MAAM,MAAM,WAC/C,QACH,EAFC;AAAA,IAIH,CAAC,OAAO,SAAS,OAAO,GAAG,WACxB,SACH,EAFC;AAAA,EAGH,EATC;AAWL;AAEO,MAAM,QAAQ,qBAAqB,YAAY;AAAA,EACpD,MAAM;AAAA,EACN,KAAK;AACP,CAAC;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/components",
-  "version": "0.2.5",
+  "version": "0.2.7",
   "sideEffects": [
     "*.css"
   ],
@@ -40,18 +40,18 @@
   "dependencies": {
     "@mdx-js/mdx": "^2.3.0",
     "@mdx-js/react": "^2.3.0",
-    "@tamagui/font-inter": "^1.30.0",
-    "@tamagui/logo": "^1.30.0",
-    "@tamagui/react-native-media-driver": "^1.30.0",
-    "@tamagui/shorthands": "^1.30.0",
-    "@tamagui/themes": "^1.30.0",
+    "@tamagui/font-inter": "^1.30.21",
+    "@tamagui/logo": "^1.30.21",
+    "@tamagui/react-native-media-driver": "^1.30.21",
+    "@tamagui/shorthands": "^1.30.21",
+    "@tamagui/themes": "^1.30.21",
     "expo-asset": "^8.9.2",
-    "fast-xml-parser": "^4.2.2",
+    "fast-xml-parser": "^4.2.3",
     "gray-matter": "^4.0.3",
     "hast-util-to-html": "^8.0.4",
     "immer": "^10.0.2",
     "parse-numeric-range": "^1.3.0",
-    "react-hook-form": "^7.43.9",
+    "react-hook-form": "^7.44.3",
     "react-native-svg": "13.9.0",
     "refractor": "^4.8.1",
     "rehype-autolink-headings": "^6.1.1",
@@ -59,7 +59,7 @@
     "rehype-slug": "^5.1.0",
     "remark-frontmatter": "^4.0.1",
     "remark-mdx-frontmatter": "^3.0.0",
-    "tamagui": "^1.30.0",
+    "tamagui": "^1.30.21",
     "unist-util-visit": "^4.1.2"
   },
   "peerDependencies": {
@@ -68,7 +68,7 @@
     "solito": "^3.2.6"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.30.0",
+    "@tamagui/build": "^1.30.21",
     "moti": "^0.25.3",
     "react-native-reanimated": "2.14.4",
     "solito": "^3.2.6",

package/src/forms/FormCheckBox/index.tsx

@@ -53,11 +53,13 @@ export function FormCheckBox({
   const id = useId();
   if (!formContext) {
     return (
-      <YStack>
+      <YStack space>
         <XStack
+          style={{ alignItems: 'center' }}
           space={CheckBoxElementSizing?.space || '$3'}
           height={CheckBoxElementSizing?.height}
-          width={CheckBoxElementSizing?.width || 300}
+          width={CheckBoxElementSizing?.width || '300'}
+          ai="center"
         >
           <Checkbox
             id={id}

package/src/forms/FormSlider/FormSlider.stories.tsx

@@ -9,4 +9,4 @@ export default {
   },
 };
 
-export const main = () => <FormSlider name="FormSlider" size={20} />;
+export const main = () => <FormSlider name="FormSlider" />;

package/src/forms/FormSlider/index.tsx

@@ -30,7 +30,7 @@ export function FormSlider({
   const id = useId();
   if (!formContext) {
     return (
-      <Slider defaultValue={defaultValue} {...switchProps}>
+      <Slider>
         <Slider.Track>
           <Slider.TrackActive />
         </Slider.Track>
@@ -42,6 +42,7 @@ export function FormSlider({
           aria-describedby="my-tooltip"
           position="absolute"
           style={{ height: 10, width: 10 }}
+          size={24}
         />
       </Slider>
     );

package/src/forms/FormSubmitButton/FormSubmitButton.stories.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { SimpleForm } from '../SimpleForm';
 import { FormSubmitButton } from './index';
+import { action } from '@storybook/addon-actions';
 
 export default {
   title: 'forms/FormSubmitButton',
@@ -12,6 +13,6 @@ export default {
 
 export const main = () => (
   <SimpleForm>
-    <FormSubmitButton>Click here</FormSubmitButton>
+    <FormSubmitButton onPress={action('onClick')}>Click here</FormSubmitButton>
   </SimpleForm>
 );

package/src/forms/FormSwitch/index.tsx

@@ -29,7 +29,9 @@ export function FormSwitch({
   if (!formContext) {
     return (
       <FormField id={id} error={!!error} helperText={helperText} label={label} required={required} {...fieldProps}>
-        <Switch {...switchProps} />
+        <Switch {...switchProps}>
+          <Switch.Thumb {...ThumbStyle} />
+        </Switch>
       </FormField>
     );
   }

package/src/layouts/Debug/DebugLayout.stories.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Text } from 'tamagui';
+import { Button } from 'ui';
+import { action } from '@storybook/addon-actions';
 import { withDebugLayout } from './index';
 
 export default {
@@ -9,5 +10,5 @@ export default {
   },
 };
 
-const Main = withDebugLayout(() => <Text>Hello, world!</Text>);
+const Main = withDebugLayout(() => <Button onPress={action('onPress')}>Hello, world!</Button>);
 export const main = () => <Main />;