@tamagui/demos 1.89.27 → 1.89.29

package/dist/cjs/TabsAdvancedDemo.native.js

@@ -18,7 +18,7 @@ __export(TabsAdvancedDemo_exports, {
   TabsAdvancedDemo: () => TabsAdvancedDemo
 });
 module.exports = __toCommonJS(TabsAdvancedDemo_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++)
@@ -127,30 +127,48 @@ var demos = [
   underline: "Underline Indicator"
 }, TabsAdvancedDemo = function() {
   var _useState = _sliced_to_array((0, import_react.useState)(0), 2), demoIndex = _useState[0], setDemoIndex = _useState[1], demo = demos[demoIndex];
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, demo === "underline" ? /* @__PURE__ */ React.createElement(TabsAdvancedUnderline, null) : /* @__PURE__ */ React.createElement(TabsAdvancedBackground, 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])));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [
+      demo === "underline" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsAdvancedUnderline, {}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsAdvancedBackground, {}),
+      /* @__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]
+        })
+      })
+    ]
+  });
 }, TabsAdvancedBackground = function() {
-  var _useState = _sliced_to_array((0, import_react.useState)({
-    activeAt: null,
-    currentTab: "tab1",
-    intentAt: null,
-    prevActiveAt: null
-  }), 2), tabState = _useState[0], setTabState = _useState[1], setCurrentTab = function(currentTab2) {
+  var _useState = _sliced_to_array((0, import_react.useState)(
+    /**
+    * Layout of the Tab user might intend to select (hovering / focusing)
+    */
+    /**
+    * Layout of the Tab user selected
+    */
+    /**
+    * Used to get the direction of activation for animating the active indicator
+    */
+    {
+      activeAt: null,
+      currentTab: "tab1",
+      intentAt: null,
+      prevActiveAt: null
+    }
+  ), 2), tabState = _useState[0], setTabState = _useState[1], setCurrentTab = function(currentTab2) {
     return setTabState(_object_spread_props(_object_spread({}, tabState), {
       currentTab: currentTab2
     }));
@@ -168,7 +186,7 @@ var demos = [
   }(), enterVariant = direction === 1 ? "isLeft" : direction === -1 ? "isRight" : "defaultFade", exitVariant = direction === 1 ? "isRight" : direction === -1 ? "isLeft" : "defaultFade", handleOnInteraction = function(type, layout) {
     type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
   };
-  return /* @__PURE__ */ React.createElement(import_tamagui.Tabs, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs, {
     value: currentTab,
     onValueChange: setCurrentTab,
     orientation: "horizontal",
@@ -179,69 +197,111 @@ var demos = [
     activationMode: "manual",
     backgroundColor: "$background",
     borderRadius: "$4",
-    position: "relative"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, null, /* @__PURE__ */ React.createElement(import_tamagui.AnimatePresence, null, intentAt && /* @__PURE__ */ React.createElement(TabsRovingIndicator, {
-    borderRadius: "$4",
-    width: intentAt.width,
-    height: intentAt.height,
-    x: intentAt.x,
-    y: intentAt.y
-  })), /* @__PURE__ */ React.createElement(import_tamagui.AnimatePresence, null, activeAt && /* @__PURE__ */ React.createElement(TabsRovingIndicator, {
-    borderRadius: "$4",
-    theme: "active",
-    width: activeAt.width,
-    height: activeAt.height,
-    x: activeAt.x,
-    y: activeAt.y
-  })), /* @__PURE__ */ React.createElement(import_tamagui.Tabs.List, {
-    disablePassBorderRadius: !0,
-    loop: !1,
-    "aria-label": "Manage your account",
-    gap: "$2",
-    backgroundColor: "transparent"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    unstyled: !0,
-    paddingVertical: "$2",
-    paddingHorizontal: "$3",
-    value: "tab1",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, null, "Profile")), /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    unstyled: !0,
-    paddingVertical: "$2",
-    paddingHorizontal: "$3",
-    value: "tab2",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, null, "Connections")), /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    unstyled: !0,
-    paddingVertical: "$2",
-    paddingHorizontal: "$3",
-    value: "tab3",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, null, "Notifications")))), /* @__PURE__ */ React.createElement(import_tamagui.AnimatePresence, {
-    exitBeforeEnter: !0,
-    enterVariant,
-    exitVariant
-  }, /* @__PURE__ */ React.createElement(AnimatedYStack, {
-    key: currentTab,
-    animation: "100ms",
-    x: 0,
-    opacity: 1,
-    flex: 1
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Content, {
-    value: currentTab,
-    forceMount: !0,
-    flex: 1,
-    justifyContent: "center"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.H5, {
-    textAlign: "center"
-  }, currentTab)))));
+    position: "relative",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+            children: intentAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
+              borderRadius: "$4",
+              width: intentAt.width,
+              height: intentAt.height,
+              x: intentAt.x,
+              y: intentAt.y
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+            children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
+              borderRadius: "$4",
+              theme: "active",
+              width: activeAt.width,
+              height: activeAt.height,
+              x: activeAt.x,
+              y: activeAt.y
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {
+            disablePassBorderRadius: !0,
+            loop: !1,
+            "aria-label": "Manage your account",
+            gap: "$2",
+            backgroundColor: "transparent",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+                unstyled: !0,
+                paddingVertical: "$2",
+                paddingHorizontal: "$3",
+                value: "tab1",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+                  children: "Profile"
+                })
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+                unstyled: !0,
+                paddingVertical: "$2",
+                paddingHorizontal: "$3",
+                value: "tab2",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+                  children: "Connections"
+                })
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+                unstyled: !0,
+                paddingVertical: "$2",
+                paddingHorizontal: "$3",
+                value: "tab3",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+                  children: "Notifications"
+                })
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+        exitBeforeEnter: !0,
+        enterVariant,
+        exitVariant,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedYStack, {
+          animation: "100ms",
+          x: 0,
+          opacity: 1,
+          flex: 1,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Content, {
+            value: currentTab,
+            forceMount: !0,
+            flex: 1,
+            justifyContent: "center",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+              textAlign: "center",
+              children: currentTab
+            })
+          })
+        }, currentTab)
+      })
+    ]
+  });
 }, TabsAdvancedUnderline = function() {
-  var _useState = _sliced_to_array((0, import_react.useState)({
-    activeAt: null,
-    currentTab: "tab1",
-    intentAt: null,
-    prevActiveAt: null
-  }), 2), tabState = _useState[0], setTabState = _useState[1], setCurrentTab = function(currentTab2) {
+  var _useState = _sliced_to_array((0, import_react.useState)(
+    /**
+    * Layout of the Tab user might intend to select (hovering / focusing)
+    */
+    /**
+    * Layout of the Tab user selected
+    */
+    /**
+    * Used to get the direction of activation for animating the active indicator
+    */
+    {
+      activeAt: null,
+      currentTab: "tab1",
+      intentAt: null,
+      prevActiveAt: null
+    }
+  ), 2), tabState = _useState[0], setTabState = _useState[1], setCurrentTab = function(currentTab2) {
     return setTabState(_object_spread_props(_object_spread({}, tabState), {
       currentTab: currentTab2
     }));
@@ -259,7 +319,7 @@ var demos = [
   }(), enterVariant = direction === 1 ? "isLeft" : direction === -1 ? "isRight" : "defaultFade", exitVariant = direction === 1 ? "isRight" : direction === -1 ? "isLeft" : "defaultFade", handleOnInteraction = function(type, layout) {
     type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
   };
-  return /* @__PURE__ */ React.createElement(import_tamagui.Tabs, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs, {
     value: currentTab,
     onValueChange: setCurrentTab,
     orientation: "horizontal",
@@ -268,70 +328,101 @@ var demos = [
     flexDirection: "column",
     activationMode: "manual",
     backgroundColor: "$background",
-    borderRadius: "$4"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, null, /* @__PURE__ */ React.createElement(import_tamagui.AnimatePresence, null, intentAt && /* @__PURE__ */ React.createElement(TabsRovingIndicator, {
-    width: intentAt.width,
-    height: "$0.5",
-    x: intentAt.x,
-    bottom: 0
-  })), /* @__PURE__ */ React.createElement(import_tamagui.AnimatePresence, null, activeAt && /* @__PURE__ */ React.createElement(TabsRovingIndicator, {
-    theme: "active",
-    active: !0,
-    width: activeAt.width,
-    height: "$0.5",
-    x: activeAt.x,
-    bottom: 0
-  })), /* @__PURE__ */ React.createElement(import_tamagui.Tabs.List, {
-    disablePassBorderRadius: !0,
-    loop: !1,
-    "aria-label": "Manage your account",
-    borderBottomLeftRadius: 0,
-    borderBottomRightRadius: 0,
-    paddingBottom: "$1.5",
-    borderColor: "$color3",
-    borderBottomWidth: "$0.5",
-    backgroundColor: "transparent"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    unstyled: !0,
-    paddingHorizontal: "$3",
-    paddingVertical: "$2",
-    value: "tab1",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, null, "Profile")), /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    unstyled: !0,
-    paddingHorizontal: "$3",
-    paddingVertical: "$2",
-    value: "tab2",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, null, "Connections")), /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Tab, {
-    unstyled: !0,
-    paddingHorizontal: "$3",
-    paddingVertical: "$2",
-    value: "tab3",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(import_tamagui.SizableText, null, "Notifications")))), /* @__PURE__ */ React.createElement(import_tamagui.AnimatePresence, {
-    exitBeforeEnter: !0,
-    enterVariant,
-    exitVariant
-  }, /* @__PURE__ */ React.createElement(AnimatedYStack, {
-    key: currentTab,
-    animation: "100ms",
-    x: 0,
-    opacity: 1,
-    flex: 1
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Tabs.Content, {
-    value: currentTab,
-    forceMount: !0,
-    flex: 1,
-    justifyContent: "center"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.H5, {
-    textAlign: "center"
-  }, currentTab)))));
+    borderRadius: "$4",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+            children: intentAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
+              width: intentAt.width,
+              height: "$0.5",
+              x: intentAt.x,
+              bottom: 0
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+            children: activeAt && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TabsRovingIndicator, {
+              theme: "active",
+              active: !0,
+              width: activeAt.width,
+              height: "$0.5",
+              x: activeAt.x,
+              bottom: 0
+            })
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Tabs.List, {
+            disablePassBorderRadius: !0,
+            loop: !1,
+            "aria-label": "Manage your account",
+            borderBottomLeftRadius: 0,
+            borderBottomRightRadius: 0,
+            paddingBottom: "$1.5",
+            borderColor: "$color3",
+            borderBottomWidth: "$0.5",
+            backgroundColor: "transparent",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+                unstyled: !0,
+                paddingHorizontal: "$3",
+                paddingVertical: "$2",
+                value: "tab1",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+                  children: "Profile"
+                })
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+                unstyled: !0,
+                paddingHorizontal: "$3",
+                paddingVertical: "$2",
+                value: "tab2",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+                  children: "Connections"
+                })
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Tab, {
+                unstyled: !0,
+                paddingHorizontal: "$3",
+                paddingVertical: "$2",
+                value: "tab3",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.SizableText, {
+                  children: "Notifications"
+                })
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.AnimatePresence, {
+        exitBeforeEnter: !0,
+        enterVariant,
+        exitVariant,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(AnimatedYStack, {
+          animation: "100ms",
+          x: 0,
+          opacity: 1,
+          flex: 1,
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Tabs.Content, {
+            value: currentTab,
+            forceMount: !0,
+            flex: 1,
+            justifyContent: "center",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H5, {
+              textAlign: "center",
+              children: currentTab
+            })
+          })
+        }, currentTab)
+      })
+    ]
+  });
 }, TabsRovingIndicator = function(_param) {
   var active = _param.active, props = _object_without_properties(_param, [
     "active"
   ]);
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, _object_spread({
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, _object_spread({
     position: "absolute",
     backgroundColor: "$color5",
     opacity: 0.7,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/TabsAdvancedDemo.tsx"],
-  "mappings": "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",
-  "names": ["demos", "demosTitle", "background", "underline", "TabsAdvancedDemo", "useState", "demoIndex", "setDemoIndex", "demo", "TabsAdvancedUnderline", "TabsAdvancedBackground", "XStack", "alignItems", "space", "position", "bottom", "left", "$xxs", "display", "Button", "size", "onPress", "x", "length", "activeAt", "currentTab", "intentAt", "prevActiveAt", "tabState", "setTabState", "setCurrentTab", "setIntentIndicator", "setActiveIndicator", "direction", "enterVariant", "exitVariant", "handleOnInteraction", "type", "layout", "Tabs", "value", "onValueChange", "orientation", "padding", "height", "flexDirection", "activationMode", "backgroundColor", "borderRadius", "YStack", "AnimatePresence", "TabsRovingIndicator", "width", "y", "theme", "List", "disablePassBorderRadius", "loop", "aria-label", "gap", "Tab", "unstyled", "paddingVertical", "paddingHorizontal", "onInteraction", "SizableText", "exitBeforeEnter", "AnimatedYStack", "key", "animation", "opacity", "flex", "Content", "forceMount", "justifyContent", "H5", "textAlign", "active", "borderBottomLeftRadius", "borderBottomRightRadius", "paddingBottom", "borderColor", "borderBottomWidth", "props", "enterStyle", "exitStyle", "styled", "variants", "isLeft", "true", "isRight", "defaultFade"]
+  "mappings": "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",
+  "names": ["demos", "demosTitle", "background", "underline", "TabsAdvancedDemo", "useState", "demoIndex", "setDemoIndex", "demo", "_jsxs", "_Fragment", "_jsx", "TabsAdvancedUnderline", "TabsAdvancedBackground", "XStack", "alignItems", "space", "position", "bottom", "left", "$xxs", "display", "Button", "size", "onPress", "x", "length", "activeAt", "currentTab", "intentAt", "prevActiveAt", "tabState", "setTabState", "setCurrentTab", "setIntentIndicator", "setActiveIndicator", "direction", "enterVariant", "exitVariant", "handleOnInteraction", "type", "layout", "Tabs", "value", "onValueChange", "orientation", "padding", "height", "flexDirection", "activationMode", "backgroundColor", "borderRadius", "YStack", "AnimatePresence", "TabsRovingIndicator", "width", "y", "theme", "List", "disablePassBorderRadius", "loop", "aria-label", "gap", "Tab", "unstyled", "paddingVertical", "paddingHorizontal", "onInteraction", "SizableText", "exitBeforeEnter", "AnimatedYStack", "animation", "opacity", "flex", "Content", "forceMount", "justifyContent", "H5", "textAlign", "active", "borderBottomLeftRadius", "borderBottomRightRadius", "paddingBottom", "borderColor", "borderBottomWidth", "props", "enterStyle", "exitStyle", "styled", "variants", "isLeft", "true", "isRight", "defaultFade"]
 }