@tamagui/demos 1.123.0 → 1.123.2

package/dist/jsx/TabsAdvancedDemo.mjs

@@ -1,306 +0,0 @@
-import React from "react";
-import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const demos = ["background", "underline"],
-  demosTitle = {
-    background: "Background Indicator",
-    underline: "Underline Indicator"
-  },
-  TabsAdvancedDemo = () => {
-    const [demoIndex, setDemoIndex] = React.useState(0),
-      demo = demos[demoIndex];
-    return /* @__PURE__ */jsxs(Fragment, {
-      children: [demo === "underline" ? /* @__PURE__ */jsx(TabsAdvancedUnderline, {}) : /* @__PURE__ */jsx(TabsAdvancedBackground, {}), /* @__PURE__ */jsx(XStack, {
-        alignItems: "center",
-        gap: "$4",
-        position: "absolute",
-        bottom: "$3",
-        left: "$4",
-        $xxs: {
-          display: "none"
-        },
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$2",
-          onPress: () => setDemoIndex(x => (x + 1) % demos.length),
-          children: demosTitle[demo]
-        })
-      })]
-    });
-  },
-  TabsAdvancedBackground = () => {
-    const [tabState, setTabState] = React.useState({
-        activeAt: null,
-        currentTab: "tab1",
-        intentAt: null,
-        prevActiveAt: null
-      }),
-      setCurrentTab = currentTab2 => setTabState({
-        ...tabState,
-        currentTab: currentTab2
-      }),
-      setIntentIndicator = intentAt2 => setTabState({
-        ...tabState,
-        intentAt: intentAt2
-      }),
-      setActiveIndicator = activeAt2 => setTabState({
-        ...tabState,
-        prevActiveAt: tabState.activeAt,
-        activeAt: activeAt2
-      }),
-      {
-        activeAt,
-        intentAt,
-        prevActiveAt,
-        currentTab
-      } = tabState,
-      direction = !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1,
-      handleOnInteraction = (type, layout) => {
-        type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
-      };
-    return /* @__PURE__ */jsxs(Tabs, {
-      value: currentTab,
-      onValueChange: setCurrentTab,
-      orientation: "horizontal",
-      size: "$4",
-      padding: "$2",
-      height: 150,
-      flexDirection: "column",
-      activationMode: "manual",
-      backgroundColor: "$background",
-      borderRadius: "$4",
-      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,
-        custom: {
-          direction
-        },
-        initial: !1,
-        children: /* @__PURE__ */jsx(AnimatedYStack, {
-          children: /* @__PURE__ */jsx(Tabs.Content, {
-            value: currentTab,
-            forceMount: !0,
-            flex: 1,
-            justifyContent: "center",
-            children: /* @__PURE__ */jsx(H5, {
-              textAlign: "center",
-              children: currentTab
-            })
-          })
-        }, currentTab)
-      })]
-    });
-  },
-  TabsAdvancedUnderline = () => {
-    const [tabState, setTabState] = React.useState({
-        activeAt: null,
-        currentTab: "tab1",
-        intentAt: null,
-        prevActiveAt: null
-      }),
-      setCurrentTab = currentTab2 => setTabState({
-        ...tabState,
-        currentTab: currentTab2
-      }),
-      setIntentIndicator = intentAt2 => setTabState({
-        ...tabState,
-        intentAt: intentAt2
-      }),
-      setActiveIndicator = activeAt2 => setTabState({
-        ...tabState,
-        prevActiveAt: tabState.activeAt,
-        activeAt: activeAt2
-      }),
-      {
-        activeAt,
-        intentAt,
-        prevActiveAt,
-        currentTab
-      } = tabState,
-      direction = !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1,
-      handleOnInteraction = (type, layout) => {
-        type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
-      };
-    return /* @__PURE__ */jsxs(Tabs, {
-      value: currentTab,
-      onValueChange: setCurrentTab,
-      orientation: "horizontal",
-      size: "$4",
-      height: 150,
-      flexDirection: "column",
-      activationMode: "manual",
-      backgroundColor: "$background",
-      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,
-        custom: {
-          direction
-        },
-        initial: !1,
-        children: /* @__PURE__ */jsx(AnimatedYStack, {
-          children: /* @__PURE__ */jsx(Tabs.Content, {
-            value: currentTab,
-            forceMount: !0,
-            flex: 1,
-            justifyContent: "center",
-            children: /* @__PURE__ */jsx(H5, {
-              textAlign: "center",
-              children: currentTab
-            })
-          })
-        }, currentTab)
-      })]
-    });
-  },
-  TabsRovingIndicator = ({
-    active,
-    ...props
-  }) => /* @__PURE__ */jsx(YStack, {
-    position: "absolute",
-    backgroundColor: "$color5",
-    opacity: 0.7,
-    animation: "100ms",
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    },
-    ...(active && {
-      backgroundColor: "$color8",
-      opacity: 0.6
-    }),
-    ...props
-  }),
-  AnimatedYStack = styled(YStack, {
-    flex: 1,
-    x: 0,
-    opacity: 1,
-    animation: "100ms",
-    variants: {
-      // 1 = right, 0 = nowhere, -1 = left
-      direction: {
-        ":number": direction => ({
-          enterStyle: {
-            x: direction > 0 ? -25 : 25,
-            opacity: 0
-          },
-          exitStyle: {
-            zIndex: 0,
-            x: direction < 0 ? -25 : 25,
-            opacity: 0
-          }
-        })
-      }
-    }
-  });
-export { TabsAdvancedDemo };
-//# sourceMappingURL=TabsAdvancedDemo.mjs.map

package/dist/jsx/TabsAdvancedDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","Fragment","jsx","jsxs","demos","demosTitle","background","underline","TabsAdvancedDemo","demoIndex","setDemoIndex","useState","demo","children","TabsAdvancedUnderline","TabsAdvancedBackground","alignItems","gap","position","bottom","left","$xxs","display","size","onPress","x","length","tabState","setTabState","activeAt","currentTab","intentAt","prevActiveAt","setCurrentTab","currentTab2","setIntentIndicator","intentAt2","setActiveIndicator","activeAt2","direction","handleOnInteraction","type","layout","value","onValueChange","orientation","padding","height","flexDirection","activationMode","backgroundColor","borderRadius","TabsRovingIndicator","width","y","theme","List","disablePassBorderRadius","loop","Tab","unstyled","paddingVertical","paddingHorizontal","onInteraction","exitBeforeEnter","custom","initial","AnimatedYStack","Content","forceMount","flex","justifyContent","textAlign","active","borderBottomLeftRadius","borderBottomRightRadius","paddingBottom","borderColor","borderBottomWidth","props","opacity","animation","enterStyle","exitStyle","variants","zIndex"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/TabsAdvancedDemo.native.js

@@ -1,351 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { AnimatePresence, Button, H5, SizableText, Tabs, XStack, YStack, styled } from "tamagui";
-var demos = [
-  "background",
-  "underline"
-], demosTitle = {
-  background: "Background Indicator",
-  underline: "Underline Indicator"
-}, TabsAdvancedDemo = function() {
-  var [demoIndex, setDemoIndex] = React.useState(0), demo = demos[demoIndex];
-  return /* @__PURE__ */ _jsxs(_Fragment, {
-    children: [
-      demo === "underline" ? /* @__PURE__ */ _jsx(TabsAdvancedUnderline, {}) : /* @__PURE__ */ _jsx(TabsAdvancedBackground, {}),
-      /* @__PURE__ */ _jsx(XStack, {
-        alignItems: "center",
-        gap: "$4",
-        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 [tabState, setTabState] = 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
-    }
-  ), setCurrentTab = function(currentTab2) {
-    return setTabState({
-      ...tabState,
-      currentTab: currentTab2
-    });
-  }, setIntentIndicator = function(intentAt2) {
-    return setTabState({
-      ...tabState,
-      intentAt: intentAt2
-    });
-  }, setActiveIndicator = function(activeAt2) {
-    return setTabState({
-      ...tabState,
-      prevActiveAt: tabState.activeAt,
-      activeAt: activeAt2
-    });
-  }, { activeAt, intentAt, prevActiveAt, currentTab } = tabState, direction = function() {
-    return !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1;
-  }(), handleOnInteraction = function(type, layout) {
-    type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
-  };
-  return /* @__PURE__ */ _jsxs(Tabs, {
-    value: currentTab,
-    onValueChange: setCurrentTab,
-    orientation: "horizontal",
-    size: "$4",
-    padding: "$2",
-    height: 150,
-    flexDirection: "column",
-    activationMode: "manual",
-    backgroundColor: "$background",
-    borderRadius: "$4",
-    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,
-        custom: {
-          direction
-        },
-        initial: !1,
-        children: /* @__PURE__ */ _jsx(AnimatedYStack, {
-          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 [tabState, setTabState] = 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
-    }
-  ), setCurrentTab = function(currentTab2) {
-    return setTabState({
-      ...tabState,
-      currentTab: currentTab2
-    });
-  }, setIntentIndicator = function(intentAt2) {
-    return setTabState({
-      ...tabState,
-      intentAt: intentAt2
-    });
-  }, setActiveIndicator = function(activeAt2) {
-    return setTabState({
-      ...tabState,
-      prevActiveAt: tabState.activeAt,
-      activeAt: activeAt2
-    });
-  }, { activeAt, intentAt, prevActiveAt, currentTab } = tabState, direction = function() {
-    return !activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x ? 0 : activeAt.x > prevActiveAt.x ? -1 : 1;
-  }(), handleOnInteraction = function(type, layout) {
-    type === "select" ? setActiveIndicator(layout) : setIntentIndicator(layout);
-  };
-  return /* @__PURE__ */ _jsxs(Tabs, {
-    value: currentTab,
-    onValueChange: setCurrentTab,
-    orientation: "horizontal",
-    size: "$4",
-    height: 150,
-    flexDirection: "column",
-    activationMode: "manual",
-    backgroundColor: "$background",
-    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,
-        custom: {
-          direction
-        },
-        initial: !1,
-        children: /* @__PURE__ */ _jsx(AnimatedYStack, {
-          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, ...props } = param;
-  return /* @__PURE__ */ _jsx(YStack, {
-    position: "absolute",
-    backgroundColor: "$color5",
-    opacity: 0.7,
-    animation: "100ms",
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    },
-    ...active && {
-      backgroundColor: "$color8",
-      opacity: 0.6
-    },
-    ...props
-  });
-}, AnimatedYStack = styled(YStack, {
-  flex: 1,
-  x: 0,
-  opacity: 1,
-  animation: "100ms",
-  variants: {
-    // 1 = right, 0 = nowhere, -1 = left
-    direction: {
-      ":number": function(direction) {
-        return {
-          enterStyle: {
-            x: direction > 0 ? -25 : 25,
-            opacity: 0
-          },
-          exitStyle: {
-            zIndex: 0,
-            x: direction < 0 ? -25 : 25,
-            opacity: 0
-          }
-        };
-      }
-    }
-  }
-});
-export {
-  TabsAdvancedDemo
-};
-//# sourceMappingURL=TabsAdvancedDemo.js.map

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

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