@tamagui/demos 1.113.1 → 1.114.0

package/dist/esm/DialogDemo.native.js

@@ -1,132 +1,166 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { X } from "@tamagui/lucide-icons";
 import { Adapt, Button, Dialog, Fieldset, Input, Label, Paragraph, Sheet, TooltipSimple, Unspaced, XStack } from "tamagui";
-import { SelectDemoItem } from "./SelectDemo.native.js";
+import { SelectDemoItem } from "./SelectDemo";
 function DialogDemo() {
-  return /* @__PURE__ */_jsx(DialogInstance, {});
+  return /* @__PURE__ */ _jsx(DialogInstance, {});
 }
 function DialogInstance() {
-  return /* @__PURE__ */_jsxs(Dialog, {
+  return /* @__PURE__ */ _jsxs(Dialog, {
     modal: !0,
-    children: [/* @__PURE__ */_jsx(Dialog.Trigger, {
-      asChild: !0,
-      children: /* @__PURE__ */_jsx(Button, {
-        children: "Show Dialog"
-      })
-    }), /* @__PURE__ */_jsx(Adapt, {
-      when: "sm",
-      platform: "touch",
-      children: /* @__PURE__ */_jsxs(Sheet, {
-        animation: "medium",
-        zIndex: 2e5,
-        modal: !0,
-        dismissOnSnapToBottom: !0,
-        children: [/* @__PURE__ */_jsx(Sheet.Frame, {
-          padding: "$4",
-          gap: "$4",
-          children: /* @__PURE__ */_jsx(Adapt.Contents, {})
-        }), /* @__PURE__ */_jsx(Sheet.Overlay, {
-          animation: "lazy",
-          enterStyle: {
-            opacity: 0
-          },
-          exitStyle: {
-            opacity: 0
-          }
-        })]
-      })
-    }), /* @__PURE__ */_jsxs(Dialog.Portal, {
-      children: [/* @__PURE__ */_jsx(Dialog.Overlay, {
-        animation: "slow",
-        opacity: 0.5,
-        enterStyle: {
-          opacity: 0
-        },
-        exitStyle: {
-          opacity: 0
-        }
-      }, "overlay"), /* @__PURE__ */_jsxs(Dialog.Content, {
-        bordered: !0,
-        elevate: !0,
-        animateOnly: ["transform", "opacity"],
-        animation: ["quicker", {
-          opacity: {
-            overshootClamping: !0
-          }
-        }],
-        enterStyle: {
-          x: 0,
-          y: -20,
-          opacity: 0,
-          scale: 0.9
-        },
-        exitStyle: {
-          x: 0,
-          y: 10,
-          opacity: 0,
-          scale: 0.95
-        },
-        gap: "$4",
-        children: [/* @__PURE__ */_jsx(Dialog.Title, {
-          children: "Edit profile"
-        }), /* @__PURE__ */_jsx(Dialog.Description, {
-          children: "Make changes to your profile here. Click save when you're done."
-        }), /* @__PURE__ */_jsxs(Fieldset, {
-          gap: "$4",
-          horizontal: !0,
-          children: [/* @__PURE__ */_jsx(Label, {
-            width: 160,
-            justifyContent: "flex-end",
-            htmlFor: "name",
-            children: "Name"
-          }), /* @__PURE__ */_jsx(Input, {
-            flex: 1,
-            id: "name",
-            defaultValue: "Nate Wienert"
-          })]
-        }), /* @__PURE__ */_jsxs(Fieldset, {
-          gap: "$4",
-          horizontal: !0,
-          children: [/* @__PURE__ */_jsx(Label, {
-            width: 160,
-            justifyContent: "flex-end",
-            htmlFor: "username",
-            children: /* @__PURE__ */_jsx(TooltipSimple, {
-              label: "Pick your favorite",
-              placement: "bottom-start",
-              children: /* @__PURE__ */_jsx(Paragraph, {
-                children: "Food"
-              })
-            })
-          }), /* @__PURE__ */_jsx(SelectDemoItem, {})]
-        }), /* @__PURE__ */_jsxs(XStack, {
-          alignSelf: "flex-end",
-          gap: "$4",
-          children: [/* @__PURE__ */_jsx(DialogInstance, {}), /* @__PURE__ */_jsx(Dialog.Close, {
-            displayWhenAdapted: !0,
-            asChild: !0,
-            children: /* @__PURE__ */_jsx(Button, {
-              theme: "active",
-              "aria-label": "Close",
-              children: "Save changes"
+    children: [
+      /* @__PURE__ */ _jsx(Dialog.Trigger, {
+        asChild: !0,
+        children: /* @__PURE__ */ _jsx(Button, {
+          children: "Show Dialog"
+        })
+      }),
+      /* @__PURE__ */ _jsx(Adapt, {
+        when: "sm",
+        platform: "touch",
+        children: /* @__PURE__ */ _jsxs(Sheet, {
+          animation: "medium",
+          zIndex: 2e5,
+          modal: !0,
+          dismissOnSnapToBottom: !0,
+          children: [
+            /* @__PURE__ */ _jsx(Sheet.Frame, {
+              padding: "$4",
+              gap: "$4",
+              children: /* @__PURE__ */ _jsx(Adapt.Contents, {})
+            }),
+            /* @__PURE__ */ _jsx(Sheet.Overlay, {
+              animation: "lazy",
+              enterStyle: {
+                opacity: 0
+              },
+              exitStyle: {
+                opacity: 0
+              }
             })
-          })]
-        }), /* @__PURE__ */_jsx(Unspaced, {
-          children: /* @__PURE__ */_jsx(Dialog.Close, {
-            asChild: !0,
-            children: /* @__PURE__ */_jsx(Button, {
-              position: "absolute",
-              top: "$3",
-              right: "$3",
-              size: "$2",
-              circular: !0,
-              icon: X
-            })
-          })
-        })]
-      }, "content")]
-    })]
+          ]
+        })
+      }),
+      /* @__PURE__ */ _jsxs(Dialog.Portal, {
+        children: [
+          /* @__PURE__ */ _jsx(Dialog.Overlay, {
+            animation: "slow",
+            opacity: 0.5,
+            enterStyle: {
+              opacity: 0
+            },
+            exitStyle: {
+              opacity: 0
+            }
+          }, "overlay"),
+          /* @__PURE__ */ _jsxs(Dialog.Content, {
+            bordered: !0,
+            elevate: !0,
+            animateOnly: [
+              "transform",
+              "opacity"
+            ],
+            animation: [
+              "quicker",
+              {
+                opacity: {
+                  overshootClamping: !0
+                }
+              }
+            ],
+            enterStyle: {
+              x: 0,
+              y: -20,
+              opacity: 0,
+              scale: 0.9
+            },
+            exitStyle: {
+              x: 0,
+              y: 10,
+              opacity: 0,
+              scale: 0.95
+            },
+            gap: "$4",
+            children: [
+              /* @__PURE__ */ _jsx(Dialog.Title, {
+                children: "Edit profile"
+              }),
+              /* @__PURE__ */ _jsx(Dialog.Description, {
+                children: "Make changes to your profile here. Click save when you're done."
+              }),
+              /* @__PURE__ */ _jsxs(Fieldset, {
+                gap: "$4",
+                horizontal: !0,
+                children: [
+                  /* @__PURE__ */ _jsx(Label, {
+                    width: 160,
+                    justifyContent: "flex-end",
+                    htmlFor: "name",
+                    children: "Name"
+                  }),
+                  /* @__PURE__ */ _jsx(Input, {
+                    flex: 1,
+                    id: "name",
+                    defaultValue: "Nate Wienert"
+                  })
+                ]
+              }),
+              /* @__PURE__ */ _jsxs(Fieldset, {
+                gap: "$4",
+                horizontal: !0,
+                children: [
+                  /* @__PURE__ */ _jsx(Label, {
+                    width: 160,
+                    justifyContent: "flex-end",
+                    htmlFor: "username",
+                    children: /* @__PURE__ */ _jsx(TooltipSimple, {
+                      label: "Pick your favorite",
+                      placement: "bottom-start",
+                      children: /* @__PURE__ */ _jsx(Paragraph, {
+                        children: "Food"
+                      })
+                    })
+                  }),
+                  /* @__PURE__ */ _jsx(SelectDemoItem, {})
+                ]
+              }),
+              /* @__PURE__ */ _jsxs(XStack, {
+                alignSelf: "flex-end",
+                gap: "$4",
+                children: [
+                  /* @__PURE__ */ _jsx(DialogInstance, {}),
+                  /* @__PURE__ */ _jsx(Dialog.Close, {
+                    displayWhenAdapted: !0,
+                    asChild: !0,
+                    children: /* @__PURE__ */ _jsx(Button, {
+                      theme: "active",
+                      "aria-label": "Close",
+                      children: "Save changes"
+                    })
+                  })
+                ]
+              }),
+              /* @__PURE__ */ _jsx(Unspaced, {
+                children: /* @__PURE__ */ _jsx(Dialog.Close, {
+                  asChild: !0,
+                  children: /* @__PURE__ */ _jsx(Button, {
+                    position: "absolute",
+                    top: "$3",
+                    right: "$3",
+                    size: "$2",
+                    circular: !0,
+                    icon: X
+                  })
+                })
+              })
+            ]
+          }, "content")
+        ]
+      })
+    ]
   });
 }
-export { DialogDemo };
-//# sourceMappingURL=DialogDemo.native.js.map
+export {
+  DialogDemo
+};
+//# sourceMappingURL=DialogDemo.js.map

package/dist/esm/DialogDemo.native.js.map

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","X","Adapt","Button","Dialog","Fieldset","Input","Label","Paragraph","Sheet","TooltipSimple","Unspaced","XStack","SelectDemoItem","DialogDemo","DialogInstance","modal","children","Trigger","asChild","when","platform","animation","zIndex","dismissOnSnapToBottom","Frame","padding","gap","Contents","Overlay","enterStyle","opacity","exitStyle","Portal","Content","bordered","elevate","animateOnly","overshootClamping","x","y","scale","Title","Description","horizontal"],"sources":["../../src/DialogDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAA;AAClB,SAAAC,CAAA;AAAA,SACEC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,QAAA,EAAAC,KAAA,EAAAC,KAAA,EAAAC,SAAA,EAAAC,KAAA,EAAAC,aAAA,EAAAC,QAAA,EAAAC,MAAA;AAAA,SACAC,cAAA;AAAA,SACAC,WAAA;EACA,sBAAAhB,IAAA,CAAAiB,cAAA;AAAA;AACA,SACAA,eAAA;EACA,sBAAAf,KAAA,CAAAI,MAAA;IACAY,KAAA;IACAC,QAAA,GACA,eAAAnB,IAAA,CAAAM,MAAA,CAAAc,OAAA;MACAC,OAAA;MACKF,QAAA,iBAAAnB,IAAA,CAAAK,MAAA;QAEEc,QAAA;MAGA;IADF,IACL,eAAOnB,IAAA,CAAAI,KAAC;MACVkB,IAAA;MAEAC,QAAS;MACPJ,QACE,iBAACjB,KAAA,CAAOS,KAAA,EAAK;QACXa,SAAA,UAAC;QAIDC,MAAA;QAEIP,KAAA;QAGAQ,qBAAA;QAACP,QAAM,GAAN,eAAAnB,IAAA,CAAAW,KAAA,CAAAgB,KAAA;UACCC,OAAU;UACVC,GAAA,MAAY;UACZV,QAAW,EAAE,eAAWnB,IAAA,CAAAI,KAAA,CAAA0B,QAAA;QAAA,IAC1B,eAAA9B,IAAA,CAAAW,KAAA,CAAAoB,OAAA;UAEJP,SAAA;UAEAQ,UAAA,EAAC;YACCC,OAAA;UAAC,CAAO;UAAPC,SAAA;YAECD,OAAU;UACV;QACA;MACwB;IAAA,EAJpB,EAKN,eAAA/B,KAAA,CAAAI,MAAA,CAAA6B,MAAA;MAEAhB,QAAA,GAAC,eAAOnB,IAAA,CAAAM,MAAA,CAAAyB,OAAA;QAAPP,SAAA;QACCS,OAAA,EAAQ;QACRD,UAAO;UAEPC,OAAA,EAAa;QACb;QACEC,SAAA;UACAD,OAAA;QAAA;MACW,YACP,GAAmB,eACrB/B,KAAA,CAAAI,MAAA,CAAA8B,OAAA;QACFC,QAAA;QACFC,OAAA;QACAC,WAAY,EAAE,CACd,WAAa,EACb,SAAI,CAEJ;QAAAf,SAAA,GACA,WAGA;UACES,OAAA;YAGAO,iBAAC;UACH;QACA,EACE;QAIAR,UACA;UAAgBS,CAClB;UAEAC,CAAA;UACET,OAAA;UAEAU,KAAA;QAIA;QAGFT,SAAA;UAEKO,CAAA;UAAAC,CAAA;UAAAT,OACC;UAASU,KACT,EAAI;QAAA;QACEd,GAAA,EACN;QAAKV,QACL,GAAQ,eACFnB,IAAA,CAAAM,MAAA,CAAAsC,KAAA;UAAAzB,QAAA;QACR,CACF,GACF,eAAAnB,IAAA,CAAAM,MAAA,CAAAuC,WAAA;UAAA1B,QAAA;QAtDI,IAuDN,eAAAjB,KAAA,CAAAK,QAAA;UACFsB,GAAA;UACFiB,UAAA;UAEJ3B,QAAA,G","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/DialogDemo.tsx"],
+  "mappings": ";AAAA,SAASA,SAAS;AAClB,SACEC,OACAC,QACAC,QACAC,UACAC,OACAC,OACAC,WACAC,OACAC,eACAC,UACAC,cACK;AAEP,SAASC,sBAAsB;AAExB,SAASC,aAAAA;AACd,SAAO,qBAACC,gBAAAA,CAAAA,CAAAA;AACV;AAEA,SAASA,iBAAAA;AACP,SACE,sBAACX,QAAAA;IAAOY,OAAK;;MACX,qBAACZ,OAAOa,SAAO;QAACC,SAAO;kBACrB,qBAACf,QAAAA;oBAAO;;;MAGV,qBAACD,OAAAA;QAAMiB,MAAK;QAAKC,UAAS;kBACxB,sBAACX,OAAAA;UAAMY,WAAU;UAASC,QAAQ;UAAQN,OAAK;UAACO,uBAAqB;;YACnE,qBAACd,MAAMe,OAAK;cAACC,SAAQ;cAAKC,KAAI;wBAC5B,qBAACxB,MAAMyB,UAAQ,CAAA,CAAA;;YAEjB,qBAAClB,MAAMmB,SAAO;cACZP,WAAU;cACVQ,YAAY;gBAAEC,SAAS;cAAE;cACzBC,WAAW;gBAAED,SAAS;cAAE;;;;;MAK9B,sBAAC1B,OAAO4B,QAAM;;UACZ,qBAAC5B,OAAOwB,SAAO;YAEbP,WAAU;YACVS,SAAS;YACTD,YAAY;cAAEC,SAAS;YAAE;YACzBC,WAAW;cAAED,SAAS;YAAE;aAJpB,SAAA;UAON,sBAAC1B,OAAO6B,SAAO;YACbC,UAAQ;YACRC,SAAO;YAEPC,aAAa;cAAC;cAAa;;YAC3Bf,WAAW;cACT;cACA;gBACES,SAAS;kBACPO,mBAAmB;gBACrB;cACF;;YAEFR,YAAY;cAAES,GAAG;cAAGC,GAAG;cAAKT,SAAS;cAAGU,OAAO;YAAI;YACnDT,WAAW;cAAEO,GAAG;cAAGC,GAAG;cAAIT,SAAS;cAAGU,OAAO;YAAK;YAClDd,KAAI;;cAEJ,qBAACtB,OAAOqC,OAAK;0BAAC;;cACd,qBAACrC,OAAOsC,aAAW;0BAAC;;cAGpB,sBAACrC,UAAAA;gBAASqB,KAAI;gBAAKiB,YAAU;;kBAC3B,qBAACpC,OAAAA;oBAAMqC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BAAO;;kBAG5D,qBAACxC,OAAAA;oBAAMyC,MAAM;oBAAGC,IAAG;oBAAOC,cAAa;;;;cAEzC,sBAAC5C,UAAAA;gBAASqB,KAAI;gBAAKiB,YAAU;;kBAC3B,qBAACpC,OAAAA;oBAAMqC,OAAO;oBAAKC,gBAAe;oBAAWC,SAAQ;8BACnD,qBAACpC,eAAAA;sBAAcwC,OAAM;sBAAqBC,WAAU;gCAClD,qBAAC3C,WAAAA;kCAAU;;;;kBAGf,qBAACK,gBAAAA,CAAAA,CAAAA;;;cAGH,sBAACD,QAAAA;gBAAOwC,WAAU;gBAAW1B,KAAI;;kBAC/B,qBAACX,gBAAAA,CAAAA,CAAAA;kBAED,qBAACX,OAAOiD,OAAK;oBAACC,oBAAkB;oBAACpC,SAAO;8BACtC,qBAACf,QAAAA;sBAAOoD,OAAM;sBAASC,cAAW;gCAAQ;;;;;cAM9C,qBAAC7C,UAAAA;0BACC,qBAACP,OAAOiD,OAAK;kBAACnC,SAAO;4BACnB,qBAACf,QAAAA;oBACCsD,UAAS;oBACTC,KAAI;oBACJC,OAAM;oBACNC,MAAK;oBACLC,UAAQ;oBACRC,MAAM7D;;;;;aAnDR,SAAA;;;;;AA2Dd;",
+  "names": ["X", "Adapt", "Button", "Dialog", "Fieldset", "Input", "Label", "Paragraph", "Sheet", "TooltipSimple", "Unspaced", "XStack", "SelectDemoItem", "DialogDemo", "DialogInstance", "modal", "Trigger", "asChild", "when", "platform", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "gap", "Contents", "Overlay", "enterStyle", "opacity", "exitStyle", "Portal", "Content", "bordered", "elevate", "animateOnly", "overshootClamping", "x", "y", "scale", "Title", "Description", "horizontal", "width", "justifyContent", "htmlFor", "flex", "id", "defaultValue", "label", "placement", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "position", "top", "right", "size", "circular", "icon"]
+}

package/dist/esm/FormsDemo.native.js

@@ -3,20 +3,22 @@ import React from "react";
 import { Button, Form, H4, Spinner } from "tamagui";
 function FormsDemo(props) {
   var [status, setStatus] = React.useState("off");
-  return React.useEffect(function () {
+  return React.useEffect(function() {
     if (status === "submitting") {
-      var timer = setTimeout(function () {
+      var timer = setTimeout(function() {
         return setStatus("off");
       }, 2e3);
-      return function () {
+      return function() {
         clearTimeout(timer);
       };
     }
-  }, [status]), /* @__PURE__ */_jsxs(Form, {
+  }, [
+    status
+  ]), /* @__PURE__ */ _jsxs(Form, {
     alignItems: "center",
     minWidth: 300,
     gap: "$2",
-    onSubmit: function () {
+    onSubmit: function() {
       return setStatus("submitting");
     },
     borderWidth: 1,
@@ -24,19 +26,24 @@ function FormsDemo(props) {
     backgroundColor: "$background",
     borderColor: "$borderColor",
     padding: "$8",
-    children: [/* @__PURE__ */_jsx(H4, {
-      children: status[0].toUpperCase() + status.slice(1)
-    }), /* @__PURE__ */_jsx(Form.Trigger, {
-      asChild: !0,
-      disabled: status !== "off",
-      children: /* @__PURE__ */_jsx(Button, {
-        icon: status === "submitting" ? function () {
-          return /* @__PURE__ */_jsx(Spinner, {});
-        } : void 0,
-        children: "Submit"
+    children: [
+      /* @__PURE__ */ _jsx(H4, {
+        children: status[0].toUpperCase() + status.slice(1)
+      }),
+      /* @__PURE__ */ _jsx(Form.Trigger, {
+        asChild: !0,
+        disabled: status !== "off",
+        children: /* @__PURE__ */ _jsx(Button, {
+          icon: status === "submitting" ? function() {
+            return /* @__PURE__ */ _jsx(Spinner, {});
+          } : void 0,
+          children: "Submit"
+        })
       })
-    })]
+    ]
   });
 }
-export { FormsDemo };
-//# sourceMappingURL=FormsDemo.native.js.map
+export {
+  FormsDemo
+};
+//# sourceMappingURL=FormsDemo.js.map

package/dist/esm/FormsDemo.native.js.map

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","Form","H4","Spinner","FormsDemo","props","status","setStatus","useState","useEffect","timer","setTimeout","clearTimeout","alignItems","minWidth","gap","onSubmit","borderWidth","borderRadius","backgroundColor","borderColor","padding","children","toUpperCase","slice"],"sources":["../../src/FormsDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA;AAElB,OAAAC,KAAS,MAAQ,OAAM;AAenB,SAWEC,MAXF,EAAAC,IAAA,EAAAC,EAAA,EAAAC,OAAA;AAbG,SAASC,UAAUC,KAAA,EAA6B;EACrD,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,MAA6C;EAE/E,OAAAT,KAAA,CAAMU,SAAA,CAAU,YAAM;IACpB,IAAIH,MAAA,KAAW,cAAc;MAC3B,IAAAI,KAAM,GAAAC,UAAQ,aAAiB;QAC/B,OAAOJ,SAAM;MACX;MACF;QACFK,YAAA,CAAAF,KAAA;MACE;IAGD;EAAA,IAAAJ,MACC,CAAW,GACX,eAAUR,KAAA,CAAAG,IAAA;IAAAY,UACN;IAAAC,QACJ,KAAU;IAA4BC,GACtC;IAAaC,QACb,WAAAA,CAAA,EAAa;MACb,OAAAT,SAAA,CAAgB;IAAA;IACJU,WACJ;IAAAC,YAER;IAAAC,eAAA,eAAK;IAA0CC,WAE/C,gBAAC;IAIDC,OAAA;IAAAC,QAAA,GACF,eAAA1B,IAAA,CAAAM,EAAA;MAEJoB,QAAA,EAAAhB,MAAA,IAAAiB,WAAA,KAAAjB,MAAA,CAAAkB,KAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/FormsDemo.tsx"],
+  "mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,QAAQC,MAAMC,IAAIC,eAAe;AAEnC,SAASC,UAAUC,OAA2B;AACnD,MAAM,CAACC,QAAQC,SAAAA,IAAaR,MAAMS,SAA6C,KAAA;AAE/ET,eAAMU,UAAU,WAAA;AACd,QAAIH,WAAW,cAAc;AAC3B,UAAMI,QAAQC,WAAW,WAAA;eAAMJ,UAAU,KAAA;SAAQ,GAAA;AACjD,aAAO,WAAA;AACLK,qBAAaF,KAAAA;MACf;IACF;EACF,GAAG;IAACJ;GAAO,GAGT,sBAACL,MAAAA;IACCY,YAAW;IACXC,UAAU;IACVC,KAAI;IACJC,UAAU,WAAA;aAAMT,UAAU,YAAA;;IAC1BU,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,aAAY;IACZC,SAAQ;;MAER,qBAACnB,IAAAA;kBAAII,OAAO,CAAA,EAAGgB,YAAW,IAAKhB,OAAOiB,MAAM,CAAA;;MAE5C,qBAACtB,KAAKuB,SAAO;QAACC,SAAO;QAACC,UAAUpB,WAAW;kBACzC,qBAACN,QAAAA;UAAO2B,MAAMrB,WAAW,eAAe,WAAA;mBAAM,qBAACH,SAAAA,CAAAA,CAAAA;cAAayB;oBAAW;;;;;AAM/E;",
+  "names": ["React", "Button", "Form", "H4", "Spinner", "FormsDemo", "props", "status", "setStatus", "useState", "useEffect", "timer", "setTimeout", "clearTimeout", "alignItems", "minWidth", "gap", "onSubmit", "borderWidth", "borderRadius", "backgroundColor", "borderColor", "padding", "toUpperCase", "slice", "Trigger", "asChild", "disabled", "icon", "undefined"]
+}

package/dist/esm/Grid.native.js

@@ -3,31 +3,28 @@ import { isWeb } from "@tamagui/core";
 import { XStack } from "@tamagui/stacks";
 import React from "react";
 function Grid(param) {
-  var {
-    children,
-    columns,
-    itemMinWidth = 200,
-    gap
-  } = param;
-  if (isWeb) return /* @__PURE__ */_jsx("div", {
-    style: {
-      gap,
-      display: "grid",
-      justifyContent: "stretch",
-      // gridTemplateRows: 'repeat(4, 1fr)',
-      gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-    },
-    children:
-    // gridTemplateColumns: '1fr 1fr',
-    children
-  });
+  var { children, columns, itemMinWidth = 200, gap } = param;
+  if (isWeb)
+    return /* @__PURE__ */ _jsx("div", {
+      style: {
+        gap,
+        display: "grid",
+        justifyContent: "stretch",
+        // gridTemplateRows: 'repeat(4, 1fr)',
+        gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
+      },
+      children: (
+        // gridTemplateColumns: '1fr 1fr',
+        children
+      )
+    });
   var childrenList = React.Children.toArray(children);
-  return /* @__PURE__ */_jsx(XStack, {
+  return /* @__PURE__ */ _jsx(XStack, {
     alignItems: "center",
     justifyContent: "center",
     flexWrap: "wrap",
-    children: childrenList.map(function (child, i) {
-      return child ? /* @__PURE__ */_jsx(XStack, {
+    children: childrenList.map(function(child, i) {
+      return child ? /* @__PURE__ */ _jsx(XStack, {
         flex: 1,
         minWidth: itemMinWidth,
         marginRight: gap,
@@ -37,5 +34,7 @@ function Grid(param) {
     })
   });
 }
-export { Grid };
-//# sourceMappingURL=Grid.native.js.map
+export {
+  Grid
+};
+//# sourceMappingURL=Grid.js.map

package/dist/esm/Grid.native.js.map

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","isWeb","XStack","React","Grid","param","children","columns","itemMinWidth","gap","style","display","justifyContent","gridTemplateColumns","childrenList","Children","toArray","alignItems","flexWrap","map","child","i","flex","minWidth","marginRight","marginBottom"],"sources":["../../src/Grid.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAa;AACtB,SAASC,KAAA,uBAAc;AACvB,SAAOC,MAAA,QAAW;AAYZ,OAAAC,KAAA;AAHC,SAASC,KAAKC,KAAE;EACrB,IAAI;IAAAC,QAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC;EAAA,IAAAJ,KAAA;EACF,IAAAJ,KACE,SAAC,eAAAD,IAAA;IAAAU,KAAA;MACCD,GAAA;MAAOE,OACL;MAAAC,cACS;MAAA;MACOC,mBAAA,8BAAAL,YAAA;IAAA;IAE6CF,QAAA;IAE/D;IAECA;EACH;EAIJ,IAAAQ,YAAM,GAAAX,KAAe,CAAAY,QAAM,CAAAC,OAAS,CAAAV,QAAQ;EAE5C,OACE,eAAAN,IAAC,CAAAE,MAAA;IAQMe,UAAA;IAAAL,cAAA;IAAAM,QAEO;IAAAZ,QACN,EAAAQ,YAAU,CAAAK,GAAA,WAAAC,KAAA,EAAAC,CAAA;MACV,OAAAD,KAAA,GAAa,eAAApB,IAAA,CAAAE,MAAA;QACboB,IAAA;QAECC,QAAA,EAAAf,YAAA;QAAAgB,WAAA,EAAAf,GAAA;QANIgB,YAAA,EAAAhB,GAAA;QANAH,QAgBb,EAAAc;MAEJ,GAAAC,CAAA","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/Grid.tsx"],
+  "mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AACvB,OAAOC,WAAW;AASX,SAASC,KAAK,OAAyD;MAAzD,EAAEC,UAAUC,SAASC,eAAe,KAAKC,IAAG,IAA5C;AACnB,MAAIP;AACF,WACE,qBAACQ,OAAAA;MACCC,OAAO;QACLF;QACAG,SAAS;QACTC,gBAAgB;;QAEhBC,qBAAqB,4BAA4BN,YAAAA;MAEnD;;;QAECF;;;AAKP,MAAMS,eAAeX,MAAMY,SAASC,QAAQX,QAAAA;AAE5C,SACE,qBAACH,QAAAA;IAAOe,YAAW;IAASL,gBAAe;IAASM,UAAS;cAC1DJ,aAAaK,IAAI,SAACC,OAAOC,GAAAA;AACxB,aAAKD,QAMH,qBAAClB,QAAAA;QAECoB,MAAM;QACNC,UAAUhB;QACViB,aAAahB;QACbiB,cAAcjB;kBAEbY;SANIC,CAAAA,IANA;IAeX,CAAA;;AAGN;",
+  "names": ["isWeb", "XStack", "React", "Grid", "children", "columns", "itemMinWidth", "gap", "div", "style", "display", "justifyContent", "gridTemplateColumns", "childrenList", "Children", "toArray", "alignItems", "flexWrap", "map", "child", "i", "flex", "minWidth", "marginRight", "marginBottom"]
+}

package/dist/esm/GroupDemo.native.js

@@ -2,63 +2,80 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Activity, Airplay } from "@tamagui/lucide-icons";
 import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
 function GroupDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     padding: "$3",
     space: "$2",
     alignItems: "center",
-    children: [/* @__PURE__ */_jsxs(Group, {
-      orientation: "horizontal",
-      children: [/* @__PURE__ */_jsx(Group.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "First"
-        })
-      }), /* @__PURE__ */_jsx(Group.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "Second"
-        })
-      }), /* @__PURE__ */_jsx(Group.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          children: "Third"
-        })
-      })]
-    }), /* responsive + size */
-    /* @__PURE__ */_jsxs(XGroup, {
-      size: "$3",
-      $gtSm: {
-        size: "$5"
-      },
-      children: [/* @__PURE__ */_jsx(XGroup.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          size: "$3",
-          icon: Activity,
-          children: "First"
-        })
-      }), /* @__PURE__ */_jsx(XGroup.Item, {
-        children: /* @__PURE__ */_jsx(Button, {
-          size: "$3",
-          icon: Airplay,
-          children: "Second"
-        })
-      })]
-    }), /* Separator */
-    /* @__PURE__ */_jsxs(YGroup, {
-      separator: /* @__PURE__ */_jsx(Separator, {}),
-      children: [/* @__PURE__ */_jsx(YGroup.Item, {
-        children: /* @__PURE__ */_jsx(ListItem, {
-          title: "First"
-        })
-      }), /* @__PURE__ */_jsx(YGroup.Item, {
-        children: /* @__PURE__ */_jsx(ListItem, {
-          title: "Second",
-          subTitle: "Second subtitle"
-        })
-      }), /* @__PURE__ */_jsx(YGroup.Item, {
-        children: /* @__PURE__ */_jsx(ListItem, {
-          children: "Third"
-        })
-      })]
-    })]
+    children: [
+      /* @__PURE__ */ _jsxs(Group, {
+        orientation: "horizontal",
+        children: [
+          /* @__PURE__ */ _jsx(Group.Item, {
+            children: /* @__PURE__ */ _jsx(Button, {
+              children: "First"
+            })
+          }),
+          /* @__PURE__ */ _jsx(Group.Item, {
+            children: /* @__PURE__ */ _jsx(Button, {
+              children: "Second"
+            })
+          }),
+          /* @__PURE__ */ _jsx(Group.Item, {
+            children: /* @__PURE__ */ _jsx(Button, {
+              children: "Third"
+            })
+          })
+        ]
+      }),
+      /* responsive + size */
+      /* @__PURE__ */ _jsxs(XGroup, {
+        size: "$3",
+        $gtSm: {
+          size: "$5"
+        },
+        children: [
+          /* @__PURE__ */ _jsx(XGroup.Item, {
+            children: /* @__PURE__ */ _jsx(Button, {
+              size: "$3",
+              icon: Activity,
+              children: "First"
+            })
+          }),
+          /* @__PURE__ */ _jsx(XGroup.Item, {
+            children: /* @__PURE__ */ _jsx(Button, {
+              size: "$3",
+              icon: Airplay,
+              children: "Second"
+            })
+          })
+        ]
+      }),
+      /* Separator */
+      /* @__PURE__ */ _jsxs(YGroup, {
+        separator: /* @__PURE__ */ _jsx(Separator, {}),
+        children: [
+          /* @__PURE__ */ _jsx(YGroup.Item, {
+            children: /* @__PURE__ */ _jsx(ListItem, {
+              title: "First"
+            })
+          }),
+          /* @__PURE__ */ _jsx(YGroup.Item, {
+            children: /* @__PURE__ */ _jsx(ListItem, {
+              title: "Second",
+              subTitle: "Second subtitle"
+            })
+          }),
+          /* @__PURE__ */ _jsx(YGroup.Item, {
+            children: /* @__PURE__ */ _jsx(ListItem, {
+              children: "Third"
+            })
+          })
+        ]
+      })
+    ]
   });
 }
-export { GroupDemo };
-//# sourceMappingURL=GroupDemo.native.js.map
+export {
+  GroupDemo
+};
+//# sourceMappingURL=GroupDemo.js.map

package/dist/esm/GroupDemo.native.js.map

@@ -1 +1,6 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Activity","Airplay","Button","Group","ListItem","Separator","XGroup","YGroup","YStack","GroupDemo","padding","space","alignItems","children","orientation","Item"],"sources":["../../src/GroupDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAU,EAAAC,IAAA,IAAAC,KAAe;AAClC,SAASC,QAAQ,EAAAC,OAAO,QAAU,uBAAmB;AAK/C,SAEIC,MAFJ,EAAAC,KAAA,EAAAC,QAAA,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,UAAA,EAAY;EAC1B,OACE,eAAAV,KAAC,CAAAS,MAAA;IACCE,OAAA;IACEC,KAAA;IAEAC,UACA;IAEAC,QACA,GAEA,eACFd,KAAA,CAAAI,KAAA;MAGAW,WAAA,cAAC;MACCD,QAAA,GAKA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAIJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UAGAW,QAAA;QACE;MAGA,IAGA,eAAChB,IAAA,CAAAM,KAAO,CAAAY,IACN;QAEJF,QAAA,iBAAAhB,IAAA,CAAAK,MAAA;UACFW,QAAA;QAEJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/demos/src/GroupDemo.tsx"],
+  "mappings": ";AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,OAAOC,UAAUC,WAAWC,QAAQC,QAAQC,cAAc;AAEpE,SAASC,YAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,SAAQ;IAAKC,OAAM;IAAKC,YAAW;;MACzC,sBAACT,OAAAA;QAAMU,aAAY;;UACjB,qBAACV,MAAMW,MAAI;sBACT,qBAACZ,QAAAA;wBAAO;;;UAEV,qBAACC,MAAMW,MAAI;sBACT,qBAACZ,QAAAA;wBAAO;;;UAEV,qBAACC,MAAMW,MAAI;sBACT,qBAACZ,QAAAA;wBAAO;;;;;;MAKZ,sBAACI,QAAAA;QAAOS,MAAK;QAAKC,OAAO;UAAED,MAAM;QAAK;;UACpC,qBAACT,OAAOQ,MAAI;sBACV,qBAACZ,QAAAA;cAAOa,MAAK;cAAKE,MAAMjB;wBAAU;;;UAIpC,qBAACM,OAAOQ,MAAI;sBACV,qBAACZ,QAAAA;cAAOa,MAAK;cAAKE,MAAMhB;wBAAS;;;;;;MAOrC,sBAACM,QAAAA;QAAOW,WAAW,qBAACb,WAAAA,CAAAA,CAAAA;;UAClB,qBAACE,OAAOO,MAAI;sBACV,qBAACV,UAAAA;cAASe,OAAM;;;UAElB,qBAACZ,OAAOO,MAAI;sBACV,qBAACV,UAAAA;cAASe,OAAM;cAASC,UAAS;;;UAEpC,qBAACb,OAAOO,MAAI;sBACV,qBAACV,UAAAA;wBAAS;;;;;;;AAKpB;",
+  "names": ["Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo", "padding", "space", "alignItems", "orientation", "Item", "size", "$gtSm", "icon", "separator", "title", "subTitle"]
+}

package/dist/esm/HeadingsDemo.native.js

@@ -2,22 +2,31 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "react";
 import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
 function HeadingsDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     alignSelf: "center",
-    children: [/* @__PURE__ */_jsx(H1, {
-      children: "Heading 1"
-    }), /* @__PURE__ */_jsx(H2, {
-      children: "Heading 2"
-    }), /* @__PURE__ */_jsx(H3, {
-      children: "Heading 3"
-    }), /* @__PURE__ */_jsx(H4, {
-      children: "Heading 4"
-    }), /* @__PURE__ */_jsx(H5, {
-      children: "Heading 5"
-    }), /* @__PURE__ */_jsx(H6, {
-      children: "Heading 6"
-    })]
+    children: [
+      /* @__PURE__ */ _jsx(H1, {
+        children: "Heading 1"
+      }),
+      /* @__PURE__ */ _jsx(H2, {
+        children: "Heading 2"
+      }),
+      /* @__PURE__ */ _jsx(H3, {
+        children: "Heading 3"
+      }),
+      /* @__PURE__ */ _jsx(H4, {
+        children: "Heading 4"
+      }),
+      /* @__PURE__ */ _jsx(H5, {
+        children: "Heading 5"
+      }),
+      /* @__PURE__ */ _jsx(H6, {
+        children: "Heading 6"
+      })
+    ]
   });
 }
-export { HeadingsDemo };
-//# sourceMappingURL=HeadingsDemo.native.js.map
+export {
+  HeadingsDemo
+};
+//# sourceMappingURL=HeadingsDemo.js.map