@tamagui/demos 1.89.28 → 1.89.30

package/dist/cjs/ThemeBuilderDemo.native.js

@@ -18,7 +18,7 @@ __export(ThemeBuilderDemo_exports, {
   ThemeBuilderDemo: () => ThemeBuilderDemo
 });
 module.exports = __toCommonJS(ThemeBuilderDemo_exports);
-var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui");
 function _define_property(obj, key, value) {
   return key in obj ? Object.defineProperty(obj, key, {
     value,
@@ -39,140 +39,174 @@ function _object_spread(target) {
   return target;
 }
 function ThemeBuilderDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     fullscreen: !0,
-    ov: "hidden"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    mah: 200,
-    y: -100,
-    x: -50,
-    rotate: "-10deg"
-  }, /* @__PURE__ */ React.createElement(Col, {
-    y: 35,
-    bg: "$color9"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$8",
-    y: 30,
-    bg: "$color7"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$6",
-    y: -50,
-    bg: "$color5"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$4",
-    bg: "$color3"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$2",
-    bg: "$color1"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$4",
-    y: 50,
-    bg: "$color3"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$6",
-    y: 80,
-    bg: "$color5"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$8",
-    bg: "$color7"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    bg: "$color9"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$8",
-    bg: "$color7"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$6",
-    y: 80,
-    bg: "$color5"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$4",
-    y: 50,
-    bg: "$color3"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$2",
-    bg: "$color1"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$4",
-    bg: "$color3"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$6",
-    y: -50,
-    bg: "$color5"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$8",
-    y: 30,
-    bg: "$color7"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    y: 35,
-    bg: "$color9"
-  })));
+    ov: "hidden",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      mah: 200,
+      y: -100,
+      x: -50,
+      rotate: "-10deg",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          y: 35,
+          bg: "$color9"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$8",
+          y: 30,
+          bg: "$color7"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$6",
+          y: -50,
+          bg: "$color5"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$4",
+          bg: "$color3"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$2",
+          bg: "$color1"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$4",
+          y: 50,
+          bg: "$color3"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$6",
+          y: 80,
+          bg: "$color5"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$8",
+          bg: "$color7"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          bg: "$color9"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$8",
+          bg: "$color7"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$6",
+          y: 80,
+          bg: "$color5"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$4",
+          y: 50,
+          bg: "$color3"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$2",
+          bg: "$color1"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$4",
+          bg: "$color3"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$6",
+          y: -50,
+          bg: "$color5"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          size: "$8",
+          y: 30,
+          bg: "$color7"
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Col, {
+          y: 35,
+          bg: "$color9"
+        })
+      ]
+    })
+  });
 }
 function Col(props) {
   var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     padding: "$2.5",
-    space: "$3.5"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: props.subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "orange" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "yellow" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "green" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "blue" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "purple" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "pink" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "red" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: props.subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "orange" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "yellow" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "green" + subTheme,
-    bg: "$background"
-  }, props)));
+    space: "$3.5",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: props.subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "blue" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "purple" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "pink" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "red" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: props.subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background"
+      }, props))
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/ThemeBuilderDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ThemeBuilderDemo.tsx"],
-  "mappings": "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",
-  "names": ["ThemeBuilderDemo", "YStack", "fullscreen", "ov", "XStack", "mah", "y", "x", "rotate", "Col", "bg", "size", "props", "subTheme", "padding", "space", "Square", "br", "theme"]
+  "mappings": "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",
+  "names": ["ThemeBuilderDemo", "_jsx", "YStack", "fullscreen", "ov", "_jsxs", "XStack", "mah", "y", "x", "rotate", "Col", "bg", "size", "props", "subTheme", "padding", "space", "Square", "br", "theme"]
 }

package/dist/cjs/ThemeInverseDemo.native.js

@@ -18,35 +18,59 @@ __export(ThemeInverseDemo_exports, {
   ThemeInverseDemo: () => ThemeInverseDemo
 });
 module.exports = __toCommonJS(ThemeInverseDemo_exports);
-var import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_tamagui = require("tamagui");
 function ThemeInverseDemo() {
   var themeName = (0, import_tamagui.useThemeName)(), opposite = themeName.includes("dark") ? "light" : "dark";
-  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    space: !0
-  }, /* @__PURE__ */ React.createElement(Buttons, {
-    title: "Normal",
-    name: themeName
-  }), /* @__PURE__ */ React.createElement(import_tamagui.Theme, {
-    inverse: !0
-  }, /* @__PURE__ */ React.createElement(Buttons, {
-    title: "Inversed",
-    name: themeName.replace(themeName.split("_")[0], opposite)
-  })));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    space: !0,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, {
+        title: "Normal",
+        name: themeName
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+        inverse: !0,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Buttons, {
+          title: "Inversed",
+          name: themeName.replace(themeName.split("_")[0], opposite)
+        })
+      })
+    ]
+  });
 }
 function Buttons(props) {
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     elevation: "$4",
     backgroundColor: "$background",
     padding: "$4",
     borderRadius: "$4",
-    space: "$3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.H5, null, props.title), /* @__PURE__ */ React.createElement(import_tamagui.Button, null, props.name), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    themeInverse: !0
-  }, "inversed"), /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-    theme: "alt1"
-  }, props.name, "_alt1"), /* @__PURE__ */ React.createElement(import_tamagui.Theme, {
-    name: "yellow"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Button, null, props.name.split("_")[0] + "_yellow")));
+    space: "$3",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+        children: props.title
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        children: props.name
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        themeInverse: !0,
+        children: "inversed"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Button, {
+        theme: "alt1",
+        children: [
+          props.name,
+          "_alt1"
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Theme, {
+        name: "yellow",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+          children: props.name.split("_")[0] + "_yellow"
+        })
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/ThemeInverseDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ThemeInverseDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;qBAAgE;AAEzD,SAASA,mBAAAA;AACd,MAAMC,gBAAYC,6BAAAA,GACZC,WAAWF,UAAUG,SAAS,MAAA,IAAU,UAAU;AAExD,SACE,sBAAA,cAACC,uBAAAA;IAAOC,OAAAA;KACN,sBAAA,cAACC,SAAAA;IAAQC,OAAM;IAASC,MAAMR;MAC9B,sBAAA,cAACS,sBAAAA;IAAMC,SAAAA;KACL,sBAAA,cAACJ,SAAAA;IACCC,OAAM;IACNC,MAAMR,UAAUW,QAAQX,UAAUY,MAAM,GAAA,EAAK,CAAA,GAAIV,QAAAA;;AAK3D;AAEA,SAASI,QAAQO,OAAsC;AACrD,SACE,sBAAA,cAACC,uBAAAA;IACCC,WAAU;IACVC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;IACbb,OAAM;KAEN,sBAAA,cAACc,mBAAAA,MAAIN,MAAMN,KAAK,GAChB,sBAAA,cAACa,uBAAAA,MAAQP,MAAML,IAAI,GACnB,sBAAA,cAACY,uBAAAA;IAAOC,cAAAA;KAAa,UAAA,GACrB,sBAAA,cAACD,uBAAAA;IAAOE,OAAM;KAAQT,MAAML,MAAK,OAAA,GACjC,sBAAA,cAACC,sBAAAA;IAAMD,MAAK;KACV,sBAAA,cAACY,uBAAAA,MAAQP,MAAML,KAAKI,MAAM,GAAA,EAAK,CAAA,IAAK,SAAA,CAAA,CAAA;AAI5C;",
-  "names": ["ThemeInverseDemo", "themeName", "useThemeName", "opposite", "includes", "XStack", "space", "Buttons", "title", "name", "Theme", "inverse", "replace", "split", "props", "YStack", "elevation", "backgroundColor", "padding", "borderRadius", "H5", "Button", "themeInverse", "theme"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,iBAAgE;AAEzD,SAASA,mBAAAA;AACd,MAAMC,gBAAYC,6BAAAA,GACZC,WAAWF,UAAUG,SAAS,MAAA,IAAU,UAAU;AAExD,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,OAAK;;MACX,uCAAAC,KAACC,SAAAA;QAAQC,OAAM;QAASC,MAAMV;;MAC9B,uCAAAO,KAACI,sBAAAA;QAAMC,SAAO;kBACZ,uCAAAL,KAACC,SAAAA;UACCC,OAAM;UACNC,MAAMV,UAAUa,QAAQb,UAAUc,MAAM,GAAA,EAAK,CAAA,GAAIZ,QAAAA;;;;;AAK3D;AAEA,SAASM,QAAQO,OAAsC;AACrD,SACE,uCAAAX,MAACY,uBAAAA;IACCC,WAAU;IACVC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;IACbd,OAAM;;MAEN,uCAAAC,KAACc,mBAAAA;kBAAIN,MAAMN;;MACX,uCAAAF,KAACe,uBAAAA;kBAAQP,MAAML;;MACf,uCAAAH,KAACe,uBAAAA;QAAOC,cAAY;kBAAC;;MACrB,uCAAAnB,MAACkB,uBAAAA;QAAOE,OAAM;;UAAQT,MAAML;UAAK;;;MACjC,uCAAAH,KAACI,sBAAAA;QAAMD,MAAK;kBACV,uCAAAH,KAACe,uBAAAA;oBAAQP,MAAML,KAAKI,MAAM,GAAA,EAAK,CAAA,IAAK;;;;;AAI5C;",
+  "names": ["ThemeInverseDemo", "themeName", "useThemeName", "opposite", "includes", "_jsxs", "XStack", "space", "_jsx", "Buttons", "title", "name", "Theme", "inverse", "replace", "split", "props", "YStack", "elevation", "backgroundColor", "padding", "borderRadius", "H5", "Button", "themeInverse", "theme"]
 }

package/dist/cjs/ToastDemo.native.js

@@ -26,7 +26,7 @@ __export(ToastDemo_exports, {
   ToastDemo: () => ToastDemo
 });
 module.exports = __toCommonJS(ToastDemo_exports);
-var import_toast = require("@tamagui/toast"), import_react = __toESM(require("react")), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_toast = require("@tamagui/toast"), import_react = __toESM(require("react")), import_tamagui = require("tamagui");
 function _array_like_to_array(arr, len) {
   (len == null || len > arr.length) && (len = arr.length);
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -76,19 +76,23 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var ToastDemo = function() {
   var _React_useState = _sliced_to_array(import_react.default.useState(!1), 2), native = _React_useState[0], setNative = _React_useState[1];
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     space: !0,
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(ToastControl, {
-    native
-  }), /* @__PURE__ */ import_react.default.createElement(CurrentToast, null), /* @__PURE__ */ import_react.default.createElement(NativeOptions, {
-    native,
-    setNative
-  }));
+    alignItems: "center",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToastControl, {
+        native
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CurrentToast, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NativeOptions, {
+        native,
+        setNative
+      })
+    ]
+  });
 }, CurrentToast = function() {
   var currentToast = (0, import_toast.useToastState)();
-  return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */ import_react.default.createElement(import_toast.Toast, {
-    key: currentToast.id,
+  return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast, {
     duration: currentToast.duration,
     enterStyle: {
       opacity: 0,
@@ -104,58 +108,82 @@ var ToastDemo = function() {
     opacity: 1,
     scale: 1,
     animation: "100ms",
-    viewportName: currentToast.viewportName
-  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_toast.Toast.Title, null, currentToast.title), !!currentToast.message && /* @__PURE__ */ import_react.default.createElement(import_toast.Toast.Description, null, currentToast.message)));
+    viewportName: currentToast.viewportName,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
+          children: currentToast.title
+        }),
+        !!currentToast.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
+          children: currentToast.message
+        })
+      ]
+    })
+  }, currentToast.id);
 }, ToastControl = function(param) {
   var native = param.native, toast = (0, import_toast.useToastController)();
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     space: "$2",
-    justifyContent: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
-    onPress: function() {
-      toast.show("Successfully saved!", {
-        message: "Don't worry, we've got your data.",
-        native
-      });
-    }
-  }, "Show"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
-    onPress: function() {
-      toast.hide();
-    }
-  }, "Hide"));
+    justifyContent: "center",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        onPress: function() {
+          toast.show("Successfully saved!", {
+            message: "Don't worry, we've got your data.",
+            native
+          });
+        },
+        children: "Show"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        onPress: function() {
+          toast.hide();
+        },
+        children: "Hide"
+      })
+    ]
+  });
 }, NativeOptions = function(param) {
   var native = param.native, setNative = param.setNative;
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
-    space: "$3"
-  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
-    size: "$1",
-    onPress: function() {
-      return setNative(!1);
-    }
-  }, "Custom"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Switch, {
-    id: "native-toggle",
-    nativeID: "native-toggle",
-    theme: "active",
-    size: "$1",
-    checked: !!native,
-    onCheckedChange: function(val) {
-      return setNative(val);
-    }
-  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Switch.Thumb, {
-    animation: [
-      "quick",
-      {
-        transform: {
-          overshootClamping: !0
-        }
-      }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    space: "$3",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+        size: "$1",
+        onPress: function() {
+          return setNative(!1);
+        },
+        children: "Custom"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch, {
+        id: "native-toggle",
+        nativeID: "native-toggle",
+        theme: "active",
+        size: "$1",
+        checked: !!native,
+        onCheckedChange: function(val) {
+          return setNative(val);
+        },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Switch.Thumb, {
+          animation: [
+            "quick",
+            {
+              transform: {
+                overshootClamping: !0
+              }
+            }
+          ]
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+        size: "$1",
+        onPress: function() {
+          return setNative(!0);
+        },
+        children: "Native"
+      })
     ]
-  })), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Label, {
-    size: "$1",
-    onPress: function() {
-      return setNative(!0);
-    }
-  }, "Native"));
+  });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {