@tamagui/demos 1.89.28 → 1.89.30

package/dist/cjs/TabsDemo.native.js

@@ -18,7 +18,7 @@ __export(TabsDemo_exports, {
   TabsDemo: () => TabsDemo
 });
 module.exports = __toCommonJS(TabsDemo_exports);
-var import_react = require("react"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = 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++)
@@ -62,15 +62,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();
 }
@@ -96,31 +111,38 @@ function TabsDemo() {
   var _useState = _sliced_to_array((0, import_react.useState)(0), 2), demoIndex = _useState[0], setDemoIndex = _useState[1], demo = demos[demoIndex];
   return (
     // web only fix for position relative
-    /* @__PURE__ */ React.createElement(import_tamagui.YStack, _object_spread({
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, _object_spread_props(_object_spread({
       paddingHorizontal: "$4"
     }, import_tamagui.isWeb && {
       position: "unset"
-    }), demo === "horizontal" ? /* @__PURE__ */ React.createElement(HorizontalTabs, null) : /* @__PURE__ */ React.createElement(VerticalTabs, null), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-      alignItems: "center",
-      space: !0,
-      position: "absolute",
-      bottom: "$3",
-      left: "$4",
-      $xxs: {
-        display: "none"
-      }
-    }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-      size: "$2",
-      onPress: function() {
-        return setDemoIndex(function(x) {
-          return (x + 1) % demos.length;
-        });
-      }
-    }, demosTitle[demo])))
+    }), {
+      children: [
+        demo === "horizontal" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HorizontalTabs, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(VerticalTabs, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          alignItems: "center",
+          space: !0,
+          position: "absolute",
+          bottom: "$3",
+          left: "$4",
+          $xxs: {
+            display: "none"
+          },
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+            size: "$2",
+            onPress: function() {
+              return setDemoIndex(function(x) {
+                return (x + 1) % demos.length;
+              });
+            },
+            children: demosTitle[demo]
+          })
+        })
+      ]
+    }))
   );
 }
 var HorizontalTabs = function() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.Tabs, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs, {
     defaultValue: "tab1",
     orientation: "horizontal",
     flexDirection: "column",
@@ -129,37 +151,64 @@ var HorizontalTabs = function() {
     borderRadius: "$4",
     borderWidth: "$0.25",
     overflow: "hidden",
-    borderColor: "$borderColor"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Tabs.List, {
-    separator: /* @__PURE__ */ React.createElement(import_tamagui.Separator, {
-      vertical: !0
-    }),
-    disablePassBorderRadius: "bottom",
-    "aria-label": "Manage your account"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    flex: 1,
-    value: "tab1"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, {
-    fontFamily: "$body"
-  }, "Profile")), /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    flex: 1,
-    value: "tab2"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, {
-    fontFamily: "$body"
-  }, "Connections")), /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    flex: 1,
-    value: "tab3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, {
-    fontFamily: "$body"
-  }, "Notifications"))), /* @__PURE__ */ React.createElement(import_tamagui.Separator, null), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab1"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.H5, null, "Profile")), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab2"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.H5, null, "Connections")), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.H5, null, "Notifications")));
+    borderColor: "$borderColor",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {
+        separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+          vertical: !0
+        }),
+        disablePassBorderRadius: "bottom",
+        "aria-label": "Manage your account",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+            flex: 1,
+            value: "tab1",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+              fontFamily: "$body",
+              children: "Profile"
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+            flex: 1,
+            value: "tab2",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+              fontFamily: "$body",
+              children: "Connections"
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+            flex: 1,
+            value: "tab3",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+              fontFamily: "$body",
+              children: "Notifications"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+        value: "tab1",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+          children: "Profile"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+        value: "tab2",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+          children: "Connections"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+        value: "tab3",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+          children: "Notifications"
+        })
+      })
+    ]
+  });
 }, VerticalTabs = function() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.Tabs, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs, {
     defaultValue: "tab1",
     flexDirection: "row",
     orientation: "vertical",
@@ -167,36 +216,62 @@ var HorizontalTabs = function() {
     borderRadius: "$4",
     borderWidth: "$0.25",
     overflow: "hidden",
-    borderColor: "$borderColor"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Tabs.List, {
-    disablePassBorderRadius: "end",
-    "aria-label": "Manage your account",
-    separator: /* @__PURE__ */ React.createElement(import_tamagui.Separator, null)
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    value: "tab1"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, null, "Profile")), /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    value: "tab2"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, null, "Connections")), /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    value: "tab3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, null, "Notifications"))), /* @__PURE__ */ React.createElement(import_tamagui.Separator, {
-    vertical: !0
-  }), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab1"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.H5, {
-    textAlign: "center"
-  }, "Profile")), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab2"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.H5, {
-    textAlign: "center"
-  }, "Connections")), /* @__PURE__ */ React.createElement(TabsContent, {
-    value: "tab3"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.H5, {
-    textAlign: "center"
-  }, "Notifications")));
+    borderColor: "$borderColor",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {
+        disablePassBorderRadius: "end",
+        "aria-label": "Manage your account",
+        separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+            value: "tab1",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+              children: "Profile"
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+            value: "tab2",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+              children: "Connections"
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+            value: "tab3",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+              children: "Notifications"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {
+        vertical: !0
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+        value: "tab1",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+          textAlign: "center",
+          children: "Profile"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+        value: "tab2",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+          textAlign: "center",
+          children: "Connections"
+        })
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsContent, {
+        value: "tab3",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+          textAlign: "center",
+          children: "Notifications"
+        })
+      })
+    ]
+  });
 }, TabsContent = function(props) {
-  return /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Content, _object_spread({
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Content, _object_spread_props(_object_spread({
     backgroundColor: "$background",
-    key: "tab3",
     padding: "$2",
     alignItems: "center",
     justifyContent: "center",
@@ -206,7 +281,9 @@ var HorizontalTabs = function() {
     borderTopLeftRadius: 0,
     borderTopRightRadius: 0,
     borderWidth: "$2"
-  }, props), props.children);
+  }, props), {
+    children: props.children
+  }), "tab3");
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

package/dist/cjs/TextDemo.native.js

@@ -1,9 +1,8 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: !0 });
@@ -13,38 +12,44 @@ var __export = (target, all) => {
       !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
-  mod
-)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var TextDemo_exports = {};
 __export(TextDemo_exports, {
   TextDemo: () => TextDemo
 });
 module.exports = __toCommonJS(TextDemo_exports);
-var import_react = __toESM(require("react")), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = require("react"), import_tamagui = require("tamagui");
 function TextDemo() {
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     space: "$2",
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
-    size: "$3"
-  }, "SizableText"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
-    space: !0
-  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
-    theme: "alt1",
-    size: "$3"
-  }, "alt1"), /* @__PURE__ */ import_react.default.createElement(import_tamagui.SizableText, {
-    theme: "alt2",
-    size: "$3"
-  }, "alt2")), /* @__PURE__ */ import_react.default.createElement(import_tamagui.Paragraph, {
-    size: "$2",
-    fontWeight: "800"
-  }, "Paragraph"));
+    alignItems: "center",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+        size: "$3",
+        children: "SizableText"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+        space: !0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+            theme: "alt1",
+            size: "$3",
+            children: "alt1"
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+            theme: "alt2",
+            size: "$3",
+            children: "alt2"
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
+        size: "$2",
+        fontWeight: "800",
+        children: "Paragraph"
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/TextDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;mBAAkB,2BAClB,iBAA6D;AAEtD,SAASA,WAAAA;AACd,SACE,6BAAAC,QAAA,cAACC,uBAAAA;IAAOC,OAAM;IAAKC,YAAW;KAC5B,6BAAAH,QAAA,cAACI,4BAAAA;IAAYC,MAAK;KAAK,aAAA,GACvB,6BAAAL,QAAA,cAACM,uBAAAA;IAAOJ,OAAAA;KACN,6BAAAF,QAAA,cAACI,4BAAAA;IAAYG,OAAM;IAAOF,MAAK;KAAK,MAAA,GAGpC,6BAAAL,QAAA,cAACI,4BAAAA;IAAYG,OAAM;IAAOF,MAAK;KAAK,MAAA,CAAA,GAItC,6BAAAL,QAAA,cAACQ,0BAAAA;IAAUH,MAAK;IAAKI,YAAW;KAAM,WAAA,CAAA;AAK5C;",
-  "names": ["TextDemo", "React", "YStack", "space", "alignItems", "SizableText", "size", "XStack", "theme", "Paragraph", "fontWeight"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,kBAClB,iBAA6D;AAEtD,SAASA,WAAAA;AACd,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,OAAM;IAAKC,YAAW;;MAC5B,uCAAAC,KAACC,4BAAAA;QAAYC,MAAK;kBAAK;;MACvB,uCAAAN,MAACO,uBAAAA;QAAOL,OAAK;;UACX,uCAAAE,KAACC,4BAAAA;YAAYG,OAAM;YAAOF,MAAK;sBAAK;;UAGpC,uCAAAF,KAACC,4BAAAA;YAAYG,OAAM;YAAOF,MAAK;sBAAK;;;;MAItC,uCAAAF,KAACK,0BAAAA;QAAUH,MAAK;QAAKI,YAAW;kBAAM;;;;AAK5C;",
+  "names": ["TextDemo", "_jsxs", "YStack", "space", "alignItems", "_jsx", "SizableText", "size", "XStack", "theme", "Paragraph", "fontWeight"]
 }