@tamagui/demos 1.89.28 → 1.89.29

package/dist/jsx/TabsDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button, H5, Separator, SizableText, Tabs, XStack, YStack, isWeb } from "tamagui";
 function _array_like_to_array(arr, len) {
@@ -43,15 +44,30 @@ function _non_iterable_rest() {
 }
 function _object_spread(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
       return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys.forEach(function(key) {
+    }))), ownKeys2.forEach(function(key) {
       _define_property(target, key, source[key]);
     });
   }
   return target;
 }
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _object_spread_props(target, source) {
+  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+  }), target;
+}
 function _sliced_to_array(arr, i) {
   return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
 }
@@ -77,31 +93,38 @@ function TabsDemo() {
   var _useState = _sliced_to_array(useState(0), 2), demoIndex = _useState[0], setDemoIndex = _useState[1], demo = demos[demoIndex];
   return (
     // web only fix for position relative
-    /* @__PURE__ */ React.createElement(YStack, _object_spread({
+    /* @__PURE__ */ _jsxs(YStack, _object_spread_props(_object_spread({
       paddingHorizontal: "$4"
     }, isWeb && {
       position: "unset"
-    }), demo === "horizontal" ? /* @__PURE__ */ React.createElement(HorizontalTabs, null) : /* @__PURE__ */ React.createElement(VerticalTabs, null), /* @__PURE__ */ React.createElement(XStack, {
-      alignItems: "center",
-      space: !0,
-      position: "absolute",
-      bottom: "$3",
-      left: "$4",
-      $xxs: {
-        display: "none"
-      }
-    }, /* @__PURE__ */ React.createElement(Button, {
-      size: "$2",
-      onPress: function() {
-        return setDemoIndex(function(x) {
-          return (x + 1) % demos.length;
-        });
-      }
-    }, demosTitle[demo])))
+    }), {
+      children: [
+        demo === "horizontal" ? /* @__PURE__ */ _jsx(HorizontalTabs, {}) : /* @__PURE__ */ _jsx(VerticalTabs, {}),
+        /* @__PURE__ */ _jsx(XStack, {
+          alignItems: "center",
+          space: !0,
+          position: "absolute",
+          bottom: "$3",
+          left: "$4",
+          $xxs: {
+            display: "none"
+          },
+          children: /* @__PURE__ */ _jsx(Button, {
+            size: "$2",
+            onPress: function() {
+              return setDemoIndex(function(x) {
+                return (x + 1) % demos.length;
+              });
+            },
+            children: demosTitle[demo]
+          })
+        })
+      ]
+    }))
   );
 }
 var HorizontalTabs = function() {
-  return /* @__PURE__ */ React.createElement(Tabs, {
+  return /* @__PURE__ */ _jsxs(Tabs, {
     defaultValue: "tab1",
     orientation: "horizontal",
     flexDirection: "column",
@@ -110,37 +133,64 @@ var HorizontalTabs = function() {
     borderRadius: "$4",
     borderWidth: "$0.25",
     overflow: "hidden",
-    borderColor: "$borderColor"
-  }, /* @__PURE__ */ React.createElement(Tabs.List, {
-    separator: /* @__PURE__ */ React.createElement(Separator, {
-      vertical: !0
-    }),
-    disablePassBorderRadius: "bottom",
-    "aria-label": "Manage your account"
-  }, /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    flex: 1,
-    value: "tab1"
-  }, /* @__PURE__ */ React.createElement(SizableText, {
-    fontFamily: "$body"
-  }, "Profile")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    flex: 1,
-    value: "tab2"
-  }, /* @__PURE__ */ React.createElement(SizableText, {
-    fontFamily: "$body"
-  }, "Connections")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    flex: 1,
-    value: "tab3"
-  }, /* @__PURE__ */ React.createElement(SizableText, {
-    fontFamily: "$body"
-  }, "Notifications"))), /* @__PURE__ */ React.createElement(Separator, null), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab1"
-  }, /* @__PURE__ */ React.createElement(H5, null, "Profile")), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab2"
-  }, /* @__PURE__ */ React.createElement(H5, null, "Connections")), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab3"
-  }, /* @__PURE__ */ React.createElement(H5, null, "Notifications")));
+    borderColor: "$borderColor",
+    children: [
+      /* @__PURE__ */ _jsxs(Tabs.List, {
+        separator: /* @__PURE__ */ _jsx(Separator, {
+          vertical: !0
+        }),
+        disablePassBorderRadius: "bottom",
+        "aria-label": "Manage your account",
+        children: [
+          /* @__PURE__ */ _jsx(Tabs.Tab, {
+            flex: 1,
+            value: "tab1",
+            children: /* @__PURE__ */ _jsx(SizableText, {
+              fontFamily: "$body",
+              children: "Profile"
+            })
+          }),
+          /* @__PURE__ */ _jsx(Tabs.Tab, {
+            flex: 1,
+            value: "tab2",
+            children: /* @__PURE__ */ _jsx(SizableText, {
+              fontFamily: "$body",
+              children: "Connections"
+            })
+          }),
+          /* @__PURE__ */ _jsx(Tabs.Tab, {
+            flex: 1,
+            value: "tab3",
+            children: /* @__PURE__ */ _jsx(SizableText, {
+              fontFamily: "$body",
+              children: "Notifications"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsx(Separator, {}),
+      /* @__PURE__ */ _jsx(TabsContent, {
+        value: "tab1",
+        children: /* @__PURE__ */ _jsx(H5, {
+          children: "Profile"
+        })
+      }),
+      /* @__PURE__ */ _jsx(TabsContent, {
+        value: "tab2",
+        children: /* @__PURE__ */ _jsx(H5, {
+          children: "Connections"
+        })
+      }),
+      /* @__PURE__ */ _jsx(TabsContent, {
+        value: "tab3",
+        children: /* @__PURE__ */ _jsx(H5, {
+          children: "Notifications"
+        })
+      })
+    ]
+  });
 }, VerticalTabs = function() {
-  return /* @__PURE__ */ React.createElement(Tabs, {
+  return /* @__PURE__ */ _jsxs(Tabs, {
     defaultValue: "tab1",
     flexDirection: "row",
     orientation: "vertical",
@@ -148,36 +198,62 @@ var HorizontalTabs = function() {
     borderRadius: "$4",
     borderWidth: "$0.25",
     overflow: "hidden",
-    borderColor: "$borderColor"
-  }, /* @__PURE__ */ React.createElement(Tabs.List, {
-    disablePassBorderRadius: "end",
-    "aria-label": "Manage your account",
-    separator: /* @__PURE__ */ React.createElement(Separator, null)
-  }, /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    value: "tab1"
-  }, /* @__PURE__ */ React.createElement(SizableText, null, "Profile")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    value: "tab2"
-  }, /* @__PURE__ */ React.createElement(SizableText, null, "Connections")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    value: "tab3"
-  }, /* @__PURE__ */ React.createElement(SizableText, null, "Notifications"))), /* @__PURE__ */ React.createElement(Separator, {
-    vertical: !0
-  }), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab1"
-  }, /* @__PURE__ */ React.createElement(H5, {
-    textAlign: "center"
-  }, "Profile")), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab2"
-  }, /* @__PURE__ */ React.createElement(H5, {
-    textAlign: "center"
-  }, "Connections")), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab3"
-  }, /* @__PURE__ */ React.createElement(H5, {
-    textAlign: "center"
-  }, "Notifications")));
+    borderColor: "$borderColor",
+    children: [
+      /* @__PURE__ */ _jsxs(Tabs.List, {
+        disablePassBorderRadius: "end",
+        "aria-label": "Manage your account",
+        separator: /* @__PURE__ */ _jsx(Separator, {}),
+        children: [
+          /* @__PURE__ */ _jsx(Tabs.Tab, {
+            value: "tab1",
+            children: /* @__PURE__ */ _jsx(SizableText, {
+              children: "Profile"
+            })
+          }),
+          /* @__PURE__ */ _jsx(Tabs.Tab, {
+            value: "tab2",
+            children: /* @__PURE__ */ _jsx(SizableText, {
+              children: "Connections"
+            })
+          }),
+          /* @__PURE__ */ _jsx(Tabs.Tab, {
+            value: "tab3",
+            children: /* @__PURE__ */ _jsx(SizableText, {
+              children: "Notifications"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsx(Separator, {
+        vertical: !0
+      }),
+      /* @__PURE__ */ _jsx(TabsContent, {
+        value: "tab1",
+        children: /* @__PURE__ */ _jsx(H5, {
+          textAlign: "center",
+          children: "Profile"
+        })
+      }),
+      /* @__PURE__ */ _jsx(TabsContent, {
+        value: "tab2",
+        children: /* @__PURE__ */ _jsx(H5, {
+          textAlign: "center",
+          children: "Connections"
+        })
+      }),
+      /* @__PURE__ */ _jsx(TabsContent, {
+        value: "tab3",
+        children: /* @__PURE__ */ _jsx(H5, {
+          textAlign: "center",
+          children: "Notifications"
+        })
+      })
+    ]
+  });
 }, TabsContent = function(props) {
-  return /* @__PURE__ */ React.createElement(Tabs.Content, _object_spread({
+  return /* @__PURE__ */ _jsx(Tabs.Content, _object_spread_props(_object_spread({
     backgroundColor: "$background",
-    key: "tab3",
     padding: "$2",
     alignItems: "center",
     justifyContent: "center",
@@ -187,7 +263,9 @@ var HorizontalTabs = function() {
     borderTopLeftRadius: 0,
     borderTopRightRadius: 0,
     borderWidth: "$2"
-  }, props), props.children);
+  }, props), {
+    children: props.children
+  }), "tab3");
 };
 export {
   TabsDemo

package/dist/jsx/TabsDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/TabsDemo.tsx"],
-  "mappings": "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",
-  "names": ["useState", "Button", "H5", "Separator", "SizableText", "Tabs", "XStack", "YStack", "isWeb", "demos", "demosTitle", "horizontal", "vertical", "TabsDemo", "demoIndex", "setDemoIndex", "demo", "paddingHorizontal", "position", "HorizontalTabs", "VerticalTabs", "alignItems", "space", "bottom", "left", "$xxs", "display", "size", "onPress", "x", "length", "defaultValue", "orientation", "flexDirection", "width", "height", "borderRadius", "borderWidth", "overflow", "borderColor", "List", "separator", "disablePassBorderRadius", "aria-label", "Tab", "flex", "value", "fontFamily", "TabsContent", "textAlign", "props", "Content", "backgroundColor", "key", "padding", "justifyContent", "borderTopLeftRadius", "borderTopRightRadius", "children"]
+  "mappings": "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",
+  "names": ["useState", "Button", "H5", "Separator", "SizableText", "Tabs", "XStack", "YStack", "isWeb", "demos", "demosTitle", "horizontal", "vertical", "TabsDemo", "demoIndex", "setDemoIndex", "demo", "paddingHorizontal", "position", "HorizontalTabs", "VerticalTabs", "alignItems", "space", "bottom", "left", "$xxs", "display", "size", "onPress", "x", "length", "defaultValue", "orientation", "flexDirection", "width", "height", "borderRadius", "borderWidth", "overflow", "borderColor", "List", "separator", "disablePassBorderRadius", "aria-label", "Tab", "flex", "value", "fontFamily", "TabsContent", "textAlign", "props", "Content", "backgroundColor", "padding", "justifyContent", "borderTopLeftRadius", "borderTopRightRadius", "children"]
 }

package/dist/jsx/TextDemo.native.js

@@ -1,23 +1,37 @@
-import React from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
 import { Paragraph, SizableText, XStack, YStack } from "tamagui";
 function TextDemo() {
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     space: "$2",
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(SizableText, {
-    size: "$3"
-  }, "SizableText"), /* @__PURE__ */ React.createElement(XStack, {
-    space: !0
-  }, /* @__PURE__ */ React.createElement(SizableText, {
-    theme: "alt1",
-    size: "$3"
-  }, "alt1"), /* @__PURE__ */ React.createElement(SizableText, {
-    theme: "alt2",
-    size: "$3"
-  }, "alt2")), /* @__PURE__ */ React.createElement(Paragraph, {
-    size: "$2",
-    fontWeight: "800"
-  }, "Paragraph"));
+    alignItems: "center",
+    children: [
+      /* @__PURE__ */ _jsx(SizableText, {
+        size: "$3",
+        children: "SizableText"
+      }),
+      /* @__PURE__ */ _jsxs(XStack, {
+        space: !0,
+        children: [
+          /* @__PURE__ */ _jsx(SizableText, {
+            theme: "alt1",
+            size: "$3",
+            children: "alt1"
+          }),
+          /* @__PURE__ */ _jsx(SizableText, {
+            theme: "alt2",
+            size: "$3",
+            children: "alt2"
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsx(Paragraph, {
+        size: "$2",
+        fontWeight: "800",
+        children: "Paragraph"
+      })
+    ]
+  });
 }
 export {
   TextDemo

package/dist/jsx/TextDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/TextDemo.tsx"],
-  "mappings": "AAAA,OAAOA,WAAW;AAClB,SAASC,WAAWC,aAAmBC,QAAQC,cAAc;AAEtD,SAASC,WAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,OAAM;IAAKC,YAAW;KAC5B,sBAAA,cAACL,aAAAA;IAAYM,MAAK;KAAK,aAAA,GACvB,sBAAA,cAACL,QAAAA;IAAOG,OAAAA;KACN,sBAAA,cAACJ,aAAAA;IAAYO,OAAM;IAAOD,MAAK;KAAK,MAAA,GAGpC,sBAAA,cAACN,aAAAA;IAAYO,OAAM;IAAOD,MAAK;KAAK,MAAA,CAAA,GAItC,sBAAA,cAACP,WAAAA;IAAUO,MAAK;IAAKE,YAAW;KAAM,WAAA,CAAA;AAK5C;",
-  "names": ["React", "Paragraph", "SizableText", "XStack", "YStack", "TextDemo", "space", "alignItems", "size", "theme", "fontWeight"]
+  "mappings": ";AAAA,OAAkB;AAClB,SAASA,WAAWC,aAAmBC,QAAQC,cAAc;AAEtD,SAASC,WAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,OAAM;IAAKC,YAAW;;MAC5B,qBAACL,aAAAA;QAAYM,MAAK;kBAAK;;MACvB,sBAACL,QAAAA;QAAOG,OAAK;;UACX,qBAACJ,aAAAA;YAAYO,OAAM;YAAOD,MAAK;sBAAK;;UAGpC,qBAACN,aAAAA;YAAYO,OAAM;YAAOD,MAAK;sBAAK;;;;MAItC,qBAACP,WAAAA;QAAUO,MAAK;QAAKE,YAAW;kBAAM;;;;AAK5C;",
+  "names": ["Paragraph", "SizableText", "XStack", "YStack", "TextDemo", "space", "alignItems", "size", "theme", "fontWeight"]
 }