@tamagui/demos 1.89.28 → 1.89.29

package/dist/esm/DialogDemo.native.js

@@ -1,112 +1,164 @@
+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";
 function DialogDemo() {
-  return /* @__PURE__ */ React.createElement(DialogInstance, null);
+  return /* @__PURE__ */ _jsx(DialogInstance, {});
 }
 function DialogInstance() {
-  return /* @__PURE__ */ React.createElement(Dialog, {
-    modal: !0
-  }, /* @__PURE__ */ React.createElement(Dialog.Trigger, {
-    asChild: !0
-  }, /* @__PURE__ */ React.createElement(Button, null, "Show Dialog")), /* @__PURE__ */ React.createElement(Adapt, {
-    when: "sm",
-    platform: "touch"
-  }, /* @__PURE__ */ React.createElement(Sheet, {
-    animation: "medium",
-    zIndex: 2e5,
+  return /* @__PURE__ */ _jsxs(Dialog, {
     modal: !0,
-    dismissOnSnapToBottom: !0
-  }, /* @__PURE__ */ React.createElement(Sheet.Frame, {
-    padding: "$4",
-    gap: "$4"
-  }, /* @__PURE__ */ React.createElement(Adapt.Contents, null)), /* @__PURE__ */ React.createElement(Sheet.Overlay, {
-    animation: "lazy",
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    }
-  }))), /* @__PURE__ */ React.createElement(Dialog.Portal, null, /* @__PURE__ */ React.createElement(Dialog.Overlay, {
-    key: "overlay",
-    animation: "slow",
-    opacity: 0.5,
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    }
-  }), /* @__PURE__ */ React.createElement(Dialog.Content, {
-    bordered: !0,
-    elevate: !0,
-    key: "content",
-    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"
-  }, /* @__PURE__ */ React.createElement(Dialog.Title, null, "Edit profile"), /* @__PURE__ */ React.createElement(Dialog.Description, null, "Make changes to your profile here. Click save when you're done."), /* @__PURE__ */ React.createElement(Fieldset, {
-    gap: "$4",
-    horizontal: !0
-  }, /* @__PURE__ */ React.createElement(Label, {
-    width: 160,
-    justifyContent: "flex-end",
-    htmlFor: "name"
-  }, "Name"), /* @__PURE__ */ React.createElement(Input, {
-    flex: 1,
-    id: "name",
-    defaultValue: "Nate Wienert"
-  })), /* @__PURE__ */ React.createElement(Fieldset, {
-    gap: "$4",
-    horizontal: !0
-  }, /* @__PURE__ */ React.createElement(Label, {
-    width: 160,
-    justifyContent: "flex-end",
-    htmlFor: "username"
-  }, /* @__PURE__ */ React.createElement(TooltipSimple, {
-    label: "Pick your favorite",
-    placement: "bottom-start"
-  }, /* @__PURE__ */ React.createElement(Paragraph, null, "Food"))), /* @__PURE__ */ React.createElement(SelectDemoItem, null)), /* @__PURE__ */ React.createElement(XStack, {
-    alignSelf: "flex-end",
-    gap: "$4"
-  }, /* @__PURE__ */ React.createElement(DialogInstance, null), /* @__PURE__ */ React.createElement(Dialog.Close, {
-    displayWhenAdapted: !0,
-    asChild: !0
-  }, /* @__PURE__ */ React.createElement(Button, {
-    theme: "active",
-    "aria-label": "Close"
-  }, "Save changes"))), /* @__PURE__ */ React.createElement(Unspaced, null, /* @__PURE__ */ React.createElement(Dialog.Close, {
-    asChild: !0
-  }, /* @__PURE__ */ React.createElement(Button, {
-    position: "absolute",
-    top: "$3",
-    right: "$3",
-    size: "$2",
-    circular: !0,
-    icon: X
-  }))))));
+    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"
+                    })
+                  })
+                ]
+              }),
+              /* @__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

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/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,sBAAA,cAACC,gBAAAA,IAAAA;AACV;AAEA,SAASA,iBAAAA;AACP,SACE,sBAAA,cAACX,QAAAA;IAAOY,OAAAA;KACN,sBAAA,cAACZ,OAAOa,SAAO;IAACC,SAAAA;KACd,sBAAA,cAACf,QAAAA,MAAO,aAAA,CAAA,GAGV,sBAAA,cAACD,OAAAA;IAAMiB,MAAK;IAAKC,UAAS;KACxB,sBAAA,cAACX,OAAAA;IAAMY,WAAU;IAASC,QAAQ;IAAQN,OAAAA;IAAMO,uBAAAA;KAC9C,sBAAA,cAACd,MAAMe,OAAK;IAACC,SAAQ;IAAKC,KAAI;KAC5B,sBAAA,cAACxB,MAAMyB,UAAQ,IAAA,CAAA,GAEjB,sBAAA,cAAClB,MAAMmB,SAAO;IACZP,WAAU;IACVQ,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;QAK9B,sBAAA,cAAC1B,OAAO4B,QAAM,MACZ,sBAAA,cAAC5B,OAAOwB,SAAO;IACbK,KAAI;IACJZ,WAAU;IACVS,SAAS;IACTD,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;MAG1B,sBAAA,cAAC1B,OAAO8B,SAAO;IACbC,UAAAA;IACAC,SAAAA;IACAH,KAAI;IACJI,aAAa;MAAC;MAAa;;IAC3BhB,WAAW;MACT;MACA;QACES,SAAS;UACPQ,mBAAmB;QACrB;MACF;;IAEFT,YAAY;MAAEU,GAAG;MAAGC,GAAG;MAAKV,SAAS;MAAGW,OAAO;IAAI;IACnDV,WAAW;MAAEQ,GAAG;MAAGC,GAAG;MAAIV,SAAS;MAAGW,OAAO;IAAK;IAClDf,KAAI;KAEJ,sBAAA,cAACtB,OAAOsC,OAAK,MAAC,cAAA,GACd,sBAAA,cAACtC,OAAOuC,aAAW,MAAC,iEAAA,GAGpB,sBAAA,cAACtC,UAAAA;IAASqB,KAAI;IAAKkB,YAAAA;KACjB,sBAAA,cAACrC,OAAAA;IAAMsC,OAAO;IAAKC,gBAAe;IAAWC,SAAQ;KAAO,MAAA,GAG5D,sBAAA,cAACzC,OAAAA;IAAM0C,MAAM;IAAGC,IAAG;IAAOC,cAAa;OAEzC,sBAAA,cAAC7C,UAAAA;IAASqB,KAAI;IAAKkB,YAAAA;KACjB,sBAAA,cAACrC,OAAAA;IAAMsC,OAAO;IAAKC,gBAAe;IAAWC,SAAQ;KACnD,sBAAA,cAACrC,eAAAA;IAAcyC,OAAM;IAAqBC,WAAU;KAClD,sBAAA,cAAC5C,WAAAA,MAAU,MAAA,CAAA,CAAA,GAGf,sBAAA,cAACK,gBAAAA,IAAAA,CAAAA,GAGH,sBAAA,cAACD,QAAAA;IAAOyC,WAAU;IAAW3B,KAAI;KAC/B,sBAAA,cAACX,gBAAAA,IAAAA,GAED,sBAAA,cAACX,OAAOkD,OAAK;IAACC,oBAAAA;IAAmBrC,SAAAA;KAC/B,sBAAA,cAACf,QAAAA;IAAOqD,OAAM;IAASC,cAAW;KAAQ,cAAA,CAAA,CAAA,GAM9C,sBAAA,cAAC9C,UAAAA,MACC,sBAAA,cAACP,OAAOkD,OAAK;IAACpC,SAAAA;KACZ,sBAAA,cAACf,QAAAA;IACCuD,UAAS;IACTC,KAAI;IACJC,OAAM;IACNC,MAAK;IACLC,UAAAA;IACAC,MAAM9D;;AAQtB;",
-  "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", "key", "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"]
+  "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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import { Button, Form, H4, Spinner } from "tamagui";
 function _array_like_to_array(arr, len) {
@@ -60,7 +61,7 @@ function FormsDemo(props) {
     }
   }, [
     status
-  ]), /* @__PURE__ */ React.createElement(Form, {
+  ]), /* @__PURE__ */ _jsxs(Form, {
     alignItems: "center",
     minWidth: 300,
     gap: "$2",
@@ -71,15 +72,23 @@ function FormsDemo(props) {
     borderRadius: "$4",
     backgroundColor: "$background",
     borderColor: "$borderColor",
-    padding: "$8"
-  }, /* @__PURE__ */ React.createElement(H4, null, status[0].toUpperCase() + status.slice(1)), /* @__PURE__ */ React.createElement(Form.Trigger, {
-    asChild: !0,
-    disabled: status !== "off"
-  }, /* @__PURE__ */ React.createElement(Button, {
-    icon: status === "submitting" ? function() {
-      return /* @__PURE__ */ React.createElement(Spinner, null);
-    } : void 0
-  }, "Submit")));
+    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"
+        })
+      })
+    ]
+  });
 }
 export {
   FormsDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/FormsDemo.tsx"],
-  "mappings": "AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,MAAMC,IAAIC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnC,SAASC,UAAUC,OAA2B;AACnD,MAA4BN,YAAAA,iBAAAA,SAA6C,KAAA,GAAA,CAAA,GAAlEO,SAAqBP,UAAAA,CAAAA,GAAbQ,YAAaR,UAAAA,CAAAA;AAE5BD,mBAAU,WAAA;AACR,QAAIQ,WAAW,cAAc;AAC3B,UAAME,QAAQC,WAAW,WAAA;eAAMF,UAAU,KAAA;SAAQ,GAAA;AACjD,aAAO,WAAA;AACLG,qBAAaF,KAAAA;MACf;IACF;EACF,GAAG;IAACF;GAAO,GAGT,sBAAA,cAACL,MAAAA;IACCU,YAAW;IACXC,UAAU;IACVC,KAAI;IACJC,UAAU,WAAA;aAAMP,UAAU,YAAA;;IAC1BQ,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,aAAY;IACZC,SAAQ;KAER,sBAAA,cAACjB,IAAAA,MAAII,OAAO,CAAA,EAAGc,YAAW,IAAKd,OAAOe,MAAM,CAAA,CAAA,GAE5C,sBAAA,cAACpB,KAAKqB,SAAO;IAACC,SAAAA;IAAQC,UAAUlB,WAAW;KACzC,sBAAA,cAACN,QAAAA;IAAOyB,MAAMnB,WAAW,eAAe,WAAA;aAAM,sBAAA,cAACH,SAAAA,IAAAA;QAAauB;KAAW,QAAA,CAAA,CAAA;AAM/E;",
+  "mappings": ";AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,MAAMC,IAAIC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnC,SAASC,UAAUC,OAA2B;AACnD,MAA4BN,YAAAA,iBAAAA,SAA6C,KAAA,GAAA,CAAA,GAAlEO,SAAqBP,UAAAA,CAAAA,GAAbQ,YAAaR,UAAAA,CAAAA;AAE5BD,mBAAU,WAAA;AACR,QAAIQ,WAAW,cAAc;AAC3B,UAAME,QAAQC,WAAW,WAAA;eAAMF,UAAU,KAAA;SAAQ,GAAA;AACjD,aAAO,WAAA;AACLG,qBAAaF,KAAAA;MACf;IACF;EACF,GAAG;IAACF;GAAO,GAGT,sBAACL,MAAAA;IACCU,YAAW;IACXC,UAAU;IACVC,KAAI;IACJC,UAAU,WAAA;aAAMP,UAAU,YAAA;;IAC1BQ,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,aAAY;IACZC,SAAQ;;MAER,qBAACjB,IAAAA;kBAAII,OAAO,CAAA,EAAGc,YAAW,IAAKd,OAAOe,MAAM,CAAA;;MAE5C,qBAACpB,KAAKqB,SAAO;QAACC,SAAO;QAACC,UAAUlB,WAAW;kBACzC,qBAACN,QAAAA;UAAOyB,MAAMnB,WAAW,eAAe,WAAA;mBAAM,qBAACH,SAAAA,CAAAA,CAAAA;cAAauB;oBAAW;;;;;AAM/E;",
   "names": ["useEffect", "useState", "Button", "Form", "H4", "Spinner", "FormsDemo", "props", "status", "setStatus", "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

@@ -1,32 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { isWeb } from "@tamagui/core";
 import { XStack } from "@tamagui/stacks";
 import React from "react";
 function Grid(param) {
   var children = param.children, columns = param.columns, _param_itemMinWidth = param.itemMinWidth, itemMinWidth = _param_itemMinWidth === void 0 ? 200 : _param_itemMinWidth, gap = param.gap;
   if (isWeb)
-    return /* @__PURE__ */ React.createElement("div", {
+    return /* @__PURE__ */ _jsx("div", {
       style: {
         gap,
         display: "grid",
         justifyContent: "stretch",
         // gridTemplateRows: 'repeat(4, 1fr)',
         gridTemplateColumns: "repeat( auto-fit, minmax(".concat(itemMinWidth, "px, 1fr) )")
-      }
-    }, children);
+      },
+      children: (
+        // gridTemplateColumns: '1fr 1fr',
+        children
+      )
+    });
   var childrenList = React.Children.toArray(children);
-  return /* @__PURE__ */ React.createElement(XStack, {
+  return /* @__PURE__ */ _jsx(XStack, {
     alignItems: "center",
     justifyContent: "center",
-    flexWrap: "wrap"
-  }, childrenList.map(function(child, i) {
-    return child ? /* @__PURE__ */ React.createElement(XStack, {
-      key: i,
-      flex: 1,
-      minWidth: itemMinWidth,
-      marginRight: gap,
-      marginBottom: gap
-    }, child) : null;
-  }));
+    flexWrap: "wrap",
+    children: childrenList.map(function(child, i) {
+      return child ? /* @__PURE__ */ _jsx(XStack, {
+        flex: 1,
+        minWidth: itemMinWidth,
+        marginRight: gap,
+        marginBottom: gap,
+        children: child
+      }, i) : null;
+    })
+  });
 }
 export {
   Grid

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/Grid.tsx"],
-  "mappings": "AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AACvB,OAAOC,WAAW;AASX,SAASC,KAAK,OAAyD;MAAvDC,WAAF,MAAEA,UAAUC,UAAZ,MAAYA,SAAAA,sBAAZ,MAAqBC,cAAAA,eAAAA,wBAAAA,SAAe,MAAA,qBAAKC,MAAzC,MAAyCA;AAC5D,MAAIP;AACF,WACE,sBAAA,cAACQ,OAAAA;MACCC,OAAO;QACLF;QACAG,SAAS;QACTC,gBAAgB;;QAEhBC,qBAAsB,4BAAwC,OAAbN,cAAa,YAAA;MAEhE;OAECF,QAAAA;AAKP,MAAMS,eAAeX,MAAMY,SAASC,QAAQX,QAAAA;AAE5C,SACE,sBAAA,cAACH,QAAAA;IAAOe,YAAW;IAASL,gBAAe;IAASM,UAAS;KAC1DJ,aAAaK,IAAI,SAACC,OAAOC,GAAAA;AACxB,WAAKD,QAMH,sBAAA,cAAClB,QAAAA;MACCoB,KAAKD;MACLE,MAAM;MACNC,UAAUjB;MACVkB,aAAajB;MACbkB,cAAclB;OAEbY,KAAAA,IAZI;EAeX,CAAA,CAAA;AAGN;",
-  "names": ["isWeb", "XStack", "React", "Grid", "children", "columns", "itemMinWidth", "gap", "div", "style", "display", "justifyContent", "gridTemplateColumns", "childrenList", "Children", "toArray", "alignItems", "flexWrap", "map", "child", "i", "key", "flex", "minWidth", "marginRight", "marginBottom"]
+  "mappings": ";AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AACvB,OAAOC,WAAW;AASX,SAASC,KAAK,OAAyD;MAAvDC,WAAF,MAAEA,UAAUC,UAAZ,MAAYA,SAAAA,sBAAZ,MAAqBC,cAAAA,eAAAA,wBAAAA,SAAe,MAAA,qBAAKC,MAAzC,MAAyCA;AAC5D,MAAIP;AACF,WACE,qBAACQ,OAAAA;MACCC,OAAO;QACLF;QACAG,SAAS;QACTC,gBAAgB;;QAEhBC,qBAAsB,4BAAwC,OAAbN,cAAa,YAAA;MAEhE;;;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

@@ -1,31 +1,79 @@
+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__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     padding: "$3",
     space: "$2",
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(Group, {
-    orientation: "horizontal"
-  }, /* @__PURE__ */ React.createElement(Group.Item, null, /* @__PURE__ */ React.createElement(Button, null, "First")), /* @__PURE__ */ React.createElement(Group.Item, null, /* @__PURE__ */ React.createElement(Button, null, "Second")), /* @__PURE__ */ React.createElement(Group.Item, null, /* @__PURE__ */ React.createElement(Button, null, "Third"))), /* @__PURE__ */ React.createElement(XGroup, {
-    size: "$3",
-    $gtSm: {
-      size: "$5"
-    }
-  }, /* @__PURE__ */ React.createElement(XGroup.Item, null, /* @__PURE__ */ React.createElement(Button, {
-    size: "$3",
-    icon: Activity
-  }, "First")), /* @__PURE__ */ React.createElement(XGroup.Item, null, /* @__PURE__ */ React.createElement(Button, {
-    size: "$3",
-    icon: Airplay
-  }, "Second"))), /* @__PURE__ */ React.createElement(YGroup, {
-    separator: /* @__PURE__ */ React.createElement(Separator, null)
-  }, /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
-    title: "First"
-  })), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
-    title: "Second",
-    subTitle: "Second subtitle"
-  })), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, null, "Third"))));
+    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"
+            })
+          })
+        ]
+      })
+    ]
+  });
 }
 export {
   GroupDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/GroupDemo.tsx"],
-  "mappings": "AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,OAAOC,UAAUC,WAAWC,QAAQC,QAAQC,cAAc;AAEpE,SAASC,YAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,SAAQ;IAAKC,OAAM;IAAKC,YAAW;KACzC,sBAAA,cAACT,OAAAA;IAAMU,aAAY;KACjB,sBAAA,cAACV,MAAMW,MAAI,MACT,sBAAA,cAACZ,QAAAA,MAAO,OAAA,CAAA,GAEV,sBAAA,cAACC,MAAMW,MAAI,MACT,sBAAA,cAACZ,QAAAA,MAAO,QAAA,CAAA,GAEV,sBAAA,cAACC,MAAMW,MAAI,MACT,sBAAA,cAACZ,QAAAA,MAAO,OAAA,CAAA,CAAA,GAKZ,sBAAA,cAACI,QAAAA;IAAOS,MAAK;IAAKC,OAAO;MAAED,MAAM;IAAK;KACpC,sBAAA,cAACT,OAAOQ,MAAI,MACV,sBAAA,cAACZ,QAAAA;IAAOa,MAAK;IAAKE,MAAMjB;KAAU,OAAA,CAAA,GAIpC,sBAAA,cAACM,OAAOQ,MAAI,MACV,sBAAA,cAACZ,QAAAA;IAAOa,MAAK;IAAKE,MAAMhB;KAAS,QAAA,CAAA,CAAA,GAOrC,sBAAA,cAACM,QAAAA;IAAOW,WAAW,sBAAA,cAACb,WAAAA,IAAAA;KAClB,sBAAA,cAACE,OAAOO,MAAI,MACV,sBAAA,cAACV,UAAAA;IAASe,OAAM;OAElB,sBAAA,cAACZ,OAAOO,MAAI,MACV,sBAAA,cAACV,UAAAA;IAASe,OAAM;IAASC,UAAS;OAEpC,sBAAA,cAACb,OAAOO,MAAI,MACV,sBAAA,cAACV,UAAAA,MAAS,OAAA,CAAA,CAAA,CAAA;AAKpB;",
+  "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

@@ -1,9 +1,30 @@
-import React from "react";
+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__ */ React.createElement(YStack, {
-    alignSelf: "center"
-  }, /* @__PURE__ */ React.createElement(H1, null, "Heading 1"), /* @__PURE__ */ React.createElement(H2, null, "Heading 2"), /* @__PURE__ */ React.createElement(H3, null, "Heading 3"), /* @__PURE__ */ React.createElement(H4, null, "Heading 4"), /* @__PURE__ */ React.createElement(H5, null, "Heading 5"), /* @__PURE__ */ React.createElement(H6, null, "Heading 6"));
+  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"
+      })
+    ]
+  });
 }
 export {
   HeadingsDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/HeadingsDemo.tsx"],
-  "mappings": "AAAA,OAAOA,WAAW;AAClB,SAASC,IAAIC,IAAIC,IAAIC,IAAIC,IAAIC,IAAIC,cAAc;AAExC,SAASC,eAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,WAAU;KAChB,sBAAA,cAACR,IAAAA,MAAG,WAAA,GACJ,sBAAA,cAACC,IAAAA,MAAG,WAAA,GACJ,sBAAA,cAACC,IAAAA,MAAG,WAAA,GACJ,sBAAA,cAACC,IAAAA,MAAG,WAAA,GACJ,sBAAA,cAACC,IAAAA,MAAG,WAAA,GACJ,sBAAA,cAACC,IAAAA,MAAG,WAAA,CAAA;AAGV;",
-  "names": ["React", "H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo", "alignSelf"]
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,IAAIC,IAAIC,IAAIC,IAAIC,IAAIC,IAAIC,cAAc;AAExC,SAASC,eAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,WAAU;;MAChB,qBAACR,IAAAA;kBAAG;;MACJ,qBAACC,IAAAA;kBAAG;;MACJ,qBAACC,IAAAA;kBAAG;;MACJ,qBAACC,IAAAA;kBAAG;;MACJ,qBAACC,IAAAA;kBAAG;;MACJ,qBAACC,IAAAA;kBAAG;;;;AAGV;",
+  "names": ["H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo", "alignSelf"]
 }

package/dist/esm/ImageDemo.native.js

@@ -1,6 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Image } from "tamagui";
 function ImageDemo() {
-  return /* @__PURE__ */ React.createElement(Image, {
+  return /* @__PURE__ */ _jsx(Image, {
     source: {
       uri: "https://placekitten.com/200/300",
       width: 200,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ImageDemo.tsx"],
-  "mappings": "AAAA,SAASA,aAAa;AAEf,SAASC,YAAAA;AACd,SACE,sBAAA,cAACD,OAAAA;IACCE,QAAQ;MACNC,KAAK;MACLC,OAAO;MACPC,QAAQ;IACV;;AAGN;",
+  "mappings": ";AAAA,SAASA,aAAa;AAEf,SAASC,YAAAA;AACd,SACE,qBAACD,OAAAA;IACCE,QAAQ;MACNC,KAAK;MACLC,OAAO;MACPC,QAAQ;IACV;;AAGN;",
   "names": ["Image", "ImageDemo", "source", "uri", "width", "height"]
 }