@tamagui/demos 1.89.28 → 1.89.30

package/dist/esm/TabsAdvancedDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from "react";
 import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "tamagui";
 function _array_like_to_array(arr, len) {
@@ -108,30 +109,48 @@ var demos = [
   underline: "Underline Indicator"
 }, TabsAdvancedDemo = function() {
   var _useState = _sliced_to_array(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(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])));
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [
+      demo === "underline" ? /* @__PURE__ */ _jsx(TabsAdvancedUnderline, {}) : /* @__PURE__ */ _jsx(TabsAdvancedBackground, {}),
+      /* @__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]
+        })
+      })
+    ]
+  });
 }, TabsAdvancedBackground = function() {
-  var _useState = _sliced_to_array(useState({
-    activeAt: null,
-    currentTab: "tab1",
-    intentAt: null,
-    prevActiveAt: null
-  }), 2), tabState = _useState[0], setTabState = _useState[1], setCurrentTab = function(currentTab2) {
+  var _useState = _sliced_to_array(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
     }));
@@ -149,7 +168,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(Tabs, {
+  return /* @__PURE__ */ _jsxs(Tabs, {
     value: currentTab,
     onValueChange: setCurrentTab,
     orientation: "horizontal",
@@ -160,69 +179,111 @@ var demos = [
     activationMode: "manual",
     backgroundColor: "$background",
     borderRadius: "$4",
-    position: "relative"
-  }, /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(AnimatePresence, null, intentAt && /* @__PURE__ */ React.createElement(TabsRovingIndicator, {
-    borderRadius: "$4",
-    width: intentAt.width,
-    height: intentAt.height,
-    x: intentAt.x,
-    y: intentAt.y
-  })), /* @__PURE__ */ React.createElement(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(Tabs.List, {
-    disablePassBorderRadius: !0,
-    loop: !1,
-    "aria-label": "Manage your account",
-    gap: "$2",
-    backgroundColor: "transparent"
-  }, /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    unstyled: !0,
-    paddingVertical: "$2",
-    paddingHorizontal: "$3",
-    value: "tab1",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(SizableText, null, "Profile")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    unstyled: !0,
-    paddingVertical: "$2",
-    paddingHorizontal: "$3",
-    value: "tab2",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(SizableText, null, "Connections")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    unstyled: !0,
-    paddingVertical: "$2",
-    paddingHorizontal: "$3",
-    value: "tab3",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(SizableText, null, "Notifications")))), /* @__PURE__ */ React.createElement(AnimatePresence, {
-    exitBeforeEnter: !0,
-    enterVariant,
-    exitVariant
-  }, /* @__PURE__ */ React.createElement(AnimatedYStack, {
-    key: currentTab,
-    animation: "100ms",
-    x: 0,
-    opacity: 1,
-    flex: 1
-  }, /* @__PURE__ */ React.createElement(Tabs.Content, {
-    value: currentTab,
-    forceMount: !0,
-    flex: 1,
-    justifyContent: "center"
-  }, /* @__PURE__ */ React.createElement(H5, {
-    textAlign: "center"
-  }, currentTab)))));
+    position: "relative",
+    children: [
+      /* @__PURE__ */ _jsxs(YStack, {
+        children: [
+          /* @__PURE__ */ _jsx(AnimatePresence, {
+            children: intentAt && /* @__PURE__ */ _jsx(TabsRovingIndicator, {
+              borderRadius: "$4",
+              width: intentAt.width,
+              height: intentAt.height,
+              x: intentAt.x,
+              y: intentAt.y
+            })
+          }),
+          /* @__PURE__ */ _jsx(AnimatePresence, {
+            children: activeAt && /* @__PURE__ */ _jsx(TabsRovingIndicator, {
+              borderRadius: "$4",
+              theme: "active",
+              width: activeAt.width,
+              height: activeAt.height,
+              x: activeAt.x,
+              y: activeAt.y
+            })
+          }),
+          /* @__PURE__ */ _jsxs(Tabs.List, {
+            disablePassBorderRadius: !0,
+            loop: !1,
+            "aria-label": "Manage your account",
+            gap: "$2",
+            backgroundColor: "transparent",
+            children: [
+              /* @__PURE__ */ _jsx(Tabs.Tab, {
+                unstyled: !0,
+                paddingVertical: "$2",
+                paddingHorizontal: "$3",
+                value: "tab1",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ _jsx(SizableText, {
+                  children: "Profile"
+                })
+              }),
+              /* @__PURE__ */ _jsx(Tabs.Tab, {
+                unstyled: !0,
+                paddingVertical: "$2",
+                paddingHorizontal: "$3",
+                value: "tab2",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ _jsx(SizableText, {
+                  children: "Connections"
+                })
+              }),
+              /* @__PURE__ */ _jsx(Tabs.Tab, {
+                unstyled: !0,
+                paddingVertical: "$2",
+                paddingHorizontal: "$3",
+                value: "tab3",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ _jsx(SizableText, {
+                  children: "Notifications"
+                })
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsx(AnimatePresence, {
+        exitBeforeEnter: !0,
+        enterVariant,
+        exitVariant,
+        children: /* @__PURE__ */ _jsx(AnimatedYStack, {
+          animation: "100ms",
+          x: 0,
+          opacity: 1,
+          flex: 1,
+          children: /* @__PURE__ */ _jsx(Tabs.Content, {
+            value: currentTab,
+            forceMount: !0,
+            flex: 1,
+            justifyContent: "center",
+            children: /* @__PURE__ */ _jsx(H5, {
+              textAlign: "center",
+              children: currentTab
+            })
+          })
+        }, currentTab)
+      })
+    ]
+  });
 }, TabsAdvancedUnderline = function() {
-  var _useState = _sliced_to_array(useState({
-    activeAt: null,
-    currentTab: "tab1",
-    intentAt: null,
-    prevActiveAt: null
-  }), 2), tabState = _useState[0], setTabState = _useState[1], setCurrentTab = function(currentTab2) {
+  var _useState = _sliced_to_array(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
     }));
@@ -240,7 +301,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(Tabs, {
+  return /* @__PURE__ */ _jsxs(Tabs, {
     value: currentTab,
     onValueChange: setCurrentTab,
     orientation: "horizontal",
@@ -249,70 +310,101 @@ var demos = [
     flexDirection: "column",
     activationMode: "manual",
     backgroundColor: "$background",
-    borderRadius: "$4"
-  }, /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(AnimatePresence, null, intentAt && /* @__PURE__ */ React.createElement(TabsRovingIndicator, {
-    width: intentAt.width,
-    height: "$0.5",
-    x: intentAt.x,
-    bottom: 0
-  })), /* @__PURE__ */ React.createElement(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(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(Tabs.Tab, {
-    unstyled: !0,
-    paddingHorizontal: "$3",
-    paddingVertical: "$2",
-    value: "tab1",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(SizableText, null, "Profile")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    unstyled: !0,
-    paddingHorizontal: "$3",
-    paddingVertical: "$2",
-    value: "tab2",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(SizableText, null, "Connections")), /* @__PURE__ */ React.createElement(Tabs.Tab, {
-    unstyled: !0,
-    paddingHorizontal: "$3",
-    paddingVertical: "$2",
-    value: "tab3",
-    onInteraction: handleOnInteraction
-  }, /* @__PURE__ */ React.createElement(SizableText, null, "Notifications")))), /* @__PURE__ */ React.createElement(AnimatePresence, {
-    exitBeforeEnter: !0,
-    enterVariant,
-    exitVariant
-  }, /* @__PURE__ */ React.createElement(AnimatedYStack, {
-    key: currentTab,
-    animation: "100ms",
-    x: 0,
-    opacity: 1,
-    flex: 1
-  }, /* @__PURE__ */ React.createElement(Tabs.Content, {
-    value: currentTab,
-    forceMount: !0,
-    flex: 1,
-    justifyContent: "center"
-  }, /* @__PURE__ */ React.createElement(H5, {
-    textAlign: "center"
-  }, currentTab)))));
+    borderRadius: "$4",
+    children: [
+      /* @__PURE__ */ _jsxs(YStack, {
+        children: [
+          /* @__PURE__ */ _jsx(AnimatePresence, {
+            children: intentAt && /* @__PURE__ */ _jsx(TabsRovingIndicator, {
+              width: intentAt.width,
+              height: "$0.5",
+              x: intentAt.x,
+              bottom: 0
+            })
+          }),
+          /* @__PURE__ */ _jsx(AnimatePresence, {
+            children: activeAt && /* @__PURE__ */ _jsx(TabsRovingIndicator, {
+              theme: "active",
+              active: !0,
+              width: activeAt.width,
+              height: "$0.5",
+              x: activeAt.x,
+              bottom: 0
+            })
+          }),
+          /* @__PURE__ */ _jsxs(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__ */ _jsx(Tabs.Tab, {
+                unstyled: !0,
+                paddingHorizontal: "$3",
+                paddingVertical: "$2",
+                value: "tab1",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ _jsx(SizableText, {
+                  children: "Profile"
+                })
+              }),
+              /* @__PURE__ */ _jsx(Tabs.Tab, {
+                unstyled: !0,
+                paddingHorizontal: "$3",
+                paddingVertical: "$2",
+                value: "tab2",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ _jsx(SizableText, {
+                  children: "Connections"
+                })
+              }),
+              /* @__PURE__ */ _jsx(Tabs.Tab, {
+                unstyled: !0,
+                paddingHorizontal: "$3",
+                paddingVertical: "$2",
+                value: "tab3",
+                onInteraction: handleOnInteraction,
+                children: /* @__PURE__ */ _jsx(SizableText, {
+                  children: "Notifications"
+                })
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ _jsx(AnimatePresence, {
+        exitBeforeEnter: !0,
+        enterVariant,
+        exitVariant,
+        children: /* @__PURE__ */ _jsx(AnimatedYStack, {
+          animation: "100ms",
+          x: 0,
+          opacity: 1,
+          flex: 1,
+          children: /* @__PURE__ */ _jsx(Tabs.Content, {
+            value: currentTab,
+            forceMount: !0,
+            flex: 1,
+            justifyContent: "center",
+            children: /* @__PURE__ */ _jsx(H5, {
+              textAlign: "center",
+              children: currentTab
+            })
+          })
+        }, currentTab)
+      })
+    ]
+  });
 }, TabsRovingIndicator = function(_param) {
   var active = _param.active, props = _object_without_properties(_param, [
     "active"
   ]);
-  return /* @__PURE__ */ React.createElement(YStack, _object_spread({
+  return /* @__PURE__ */ _jsx(YStack, _object_spread({
     position: "absolute",
     backgroundColor: "$color5",
     opacity: 0.7,

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