@tamagui/demos 1.111.8 → 1.111.9

package/dist/esm/StacksDemo.native.mjs

@@ -1,82 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "react";
-import { XStack, YStack, ZStack } from "tamagui";
-function StacksDemo() {
-  return /* @__PURE__ */_jsxs(XStack, {
-    maxWidth: 250,
-    padding: "$2",
-    alignSelf: "center",
-    space: !0,
-    children: [/* @__PURE__ */_jsxs(YStack, {
-      flex: 1,
-      space: "$2",
-      borderWidth: 2,
-      borderColor: "$color",
-      borderRadius: "$4",
-      padding: "$2",
-      children: [/* @__PURE__ */_jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      })]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      flex: 1,
-      space: "$2",
-      borderWidth: 2,
-      borderColor: "$color",
-      borderRadius: "$4",
-      padding: "$2",
-      children: [/* @__PURE__ */_jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        backgroundColor: "$color",
-        borderRadius: "$3",
-        padding: "$2"
-      })]
-    }), /* @__PURE__ */_jsxs(ZStack, {
-      maxWidth: 50,
-      maxHeight: 85,
-      width: 100,
-      flex: 1,
-      children: [/* @__PURE__ */_jsx(YStack, {
-        fullscreen: !0,
-        borderRadius: "$4",
-        padding: "$2",
-        borderColor: "$color",
-        borderWidth: 2
-      }), /* @__PURE__ */_jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: !0,
-        y: 10,
-        x: 10,
-        borderWidth: 2,
-        borderRadius: "$4",
-        padding: "$2"
-      }), /* @__PURE__ */_jsx(YStack, {
-        borderColor: "$color",
-        fullscreen: !0,
-        y: 20,
-        x: 20,
-        borderWidth: 2,
-        borderRadius: "$4",
-        padding: "$2"
-      })]
-    })]
-  });
-}
-export { StacksDemo };
-//# sourceMappingURL=StacksDemo.native.mjs.map

package/dist/esm/StacksDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","ZStack","StacksDemo","maxWidth","padding","alignSelf","space","children","flex","borderWidth","borderColor","borderRadius","backgroundColor","maxHeight","width","fullscreen"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAKjC;AAHC,SAASC,MAAA,EAAAC,MAAa,EAAAC,MAAA;AAC3B,SACEC,WAAA;EACE,sBAAAJ,KAAA,CAAAC,MAAA;IAAAI,QAAC;IAAAC,OAAA;IAAAC,SACC,EAAM;IAAAC,KACN;IAAMC,QACN,GAAa,eACDT,KAAA,CAAAE,MAAA;MACZQ,IAAA;MACAF,KAAA,MAAQ;MAERG,WAAA;MAAAC,WAAA;MAAgEC,YAChE;MAAgEP,OAChE;MAAgEG,QAAA,kBAAAX,IAAA,CAAAI,MAAA;QAClEY,eAAA;QAEAD,YAAA;QAACP,OAAA;MAAA,IACC,eAAMR,IAAA,CAAAI,MAAA;QACNY,eAAM;QACND,YAAa;QACbP,OAAA,EAAY;MACZ,IACA,eAAQR,IAAA,CAAAI,MAAA;QAERY,eAAA;QAAAD,YAAA,MAAC;QACDP,OAAA;MACA;IAAgE,IAClE,eAAAN,KAAA,CAAAC,MAAA;MAEAS,IAAA;MACEF,KAAA;MAACG,WAAA;MAAAC,WAAA;MAAAC,YACC,EAAU;MAAAP,OACV;MAAaG,QACb,GACA,eAAYX,IAAA,CAAAI,MAAA;QACZY,eAAa;QAAAD,YAAA;QACfP,OAAA;MACA,IAAC,eAAAR,IAAA,CAAAI,MAAA;QAAAY,eAAA;QACCD,YAAY;QACZP,OAAA;MACA,IACA,eAAGR,IAAA,CAAAI,MAAA;QACHY,eAAa;QACbD,YAAa;QACbP,OAAQ;MAAA;IAEV,mBAACN,KAAA,CAAAG,MAAA;MAAAE,QAAA;MAAAU,SACC;MAAYC,KACZ;MAAUN,IACV,EAAG;MAAAD,QACA,GACH,eAAaX,IAAA,CAAAI,MAAA;QACbe,UAAA,EAAa;QACbJ,YAAQ;QAAAP,OAAA;QACVM,WAAA;QACFD,WAAA;MACF,IAEJ,eAAAb,IAAA,CAAAI,MAAA","ignoreList":[]}

package/dist/esm/SwitchDemo.native.mjs

@@ -1,72 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Label, Separator, Switch, XStack, YStack } from "tamagui";
-function SwitchDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    width: 200,
-    alignItems: "center",
-    gap: "$3",
-    children: [/* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      $xs: {
-        flexDirection: "column"
-      },
-      children: [/* @__PURE__ */_jsx(SwitchWithLabel, {
-        size: "$2"
-      }), /* @__PURE__ */_jsx(SwitchWithLabel, {
-        size: "$2",
-        defaultChecked: !0
-      })]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      $xs: {
-        flexDirection: "column"
-      },
-      children: [/* @__PURE__ */_jsx(SwitchWithLabel, {
-        size: "$3"
-      }), /* @__PURE__ */_jsx(SwitchWithLabel, {
-        size: "$3",
-        defaultChecked: !0
-      })]
-    }), /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      $xs: {
-        flexDirection: "column"
-      },
-      children: [/* @__PURE__ */_jsx(SwitchWithLabel, {
-        size: "$4"
-      }), /* @__PURE__ */_jsx(SwitchWithLabel, {
-        size: "$4",
-        defaultChecked: !0
-      })]
-    })]
-  });
-}
-function SwitchWithLabel(props) {
-  var _props_defaultChecked,
-    id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
-  return /* @__PURE__ */_jsxs(XStack, {
-    width: 200,
-    alignItems: "center",
-    gap: "$4",
-    children: [/* @__PURE__ */_jsx(Label, {
-      paddingRight: "$0",
-      minWidth: 90,
-      justifyContent: "flex-end",
-      size: props.size,
-      htmlFor: id,
-      children: "Accept"
-    }), /* @__PURE__ */_jsx(Separator, {
-      minHeight: 20,
-      vertical: !0
-    }), /* @__PURE__ */_jsx(Switch, {
-      id,
-      size: props.size,
-      defaultChecked: props.defaultChecked,
-      children: /* @__PURE__ */_jsx(Switch.Thumb, {
-        animation: "quicker"
-      })
-    })]
-  });
-}
-export { SwitchDemo, SwitchWithLabel };
-//# sourceMappingURL=SwitchDemo.native.mjs.map

package/dist/esm/SwitchDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","Separator","Switch","XStack","YStack","SwitchDemo","width","alignItems","gap","children","$xs","flexDirection","SwitchWithLabel","size","defaultChecked"],"sources":["../../src/SwitchDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAWC,KAAQ,QAAQ,mBAAsB;AAK3D,SACEC,KADF,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAN,KAAC,CAAAK,MAAA;IACCE,KAAA;IACEC,UAAA;IAA2BC,GAC3B;IAA0CC,QAC5C,GACA,eAAAV,KAAC,CAAAI,MAAA,EAAO;MACNK,GAAA;MACAE,GAAA;QACFC,aAAA;MACA;MACEF,QAAA,GACA,eAACZ,IAAA,CAAAe,eAAgB;QACnBC,IAAA;MACF,IAEJ,eAAAhB,IAAA,CAAAe,eAAA;QAEgBC,IAAA;QACRC,cAAe,GAAM;MAEzB;IACG,mBAAAf,KAAA,CAAAI,MAAA;MACCK,GAAA;MACAE,GAAA;QACAC,aAAA,EAAe;MACf;MACAF,QAAA,EAAS,CACV,eAAAZ,IAAA,CAAAe,eAAA;QAAAC,IAAA;MAED,IACA,eAAChB,IAAA,CAAAe,eAAU,EAAW;QACtBC,IAAA;QAGFC,cAAA;MAEJ","ignoreList":[]}

package/dist/esm/SwitchHeadlessDemo.native.mjs

@@ -1,67 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { useSwitch } from "@tamagui/switch-headless";
-import { Animated, Pressable } from "react-native";
-import { Label, XStack, YStack } from "tamagui";
-function SwitchHeadlessDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    width: 200,
-    alignItems: "center",
-    space: "$3",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      alignItems: "center",
-      children: [/* @__PURE__ */_jsx(Label, {
-        htmlFor: "headless",
-        children: "Headless"
-      }), /* @__PURE__ */_jsx(HeadlessSwitch, {
-        defaultChecked: !0,
-        id: "headless"
-      })]
-    })
-  });
-}
-var HeadlessSwitch = /* @__PURE__ */React.forwardRef(function (props, ref) {
-  var [checked, setChecked] = React.useState(props.defaultChecked || !1),
-    {
-      switchProps,
-      switchRef,
-      bubbleInput
-    } = useSwitch(props, [checked, setChecked], ref),
-    animation = React.useRef(new Animated.Value(checked ? 1 : 0)).current;
-  return React.useEffect(function () {
-    Animated.timing(animation, {
-      toValue: checked ? 1 : 0,
-      duration: 100,
-      useNativeDriver: !0
-    }).start();
-  }, [checked]), /* @__PURE__ */_jsxs(_Fragment, {
-    children: [/* @__PURE__ */_jsx(Pressable, {
-      style: {
-        width: 40,
-        height: 20,
-        borderRadius: 100,
-        backgroundColor: checked ? "lightblue" : "silver"
-      },
-      ref: switchRef,
-      ...switchProps,
-      children: /* @__PURE__ */_jsx(Animated.View, {
-        style: [{
-          backgroundColor: "black",
-          borderRadius: 100,
-          width: 20,
-          height: 20
-        }, {
-          transform: [{
-            translateX: animation.interpolate({
-              inputRange: [0, 1],
-              outputRange: [0, 20]
-            })
-          }]
-        }]
-      })
-    }), bubbleInput]
-  });
-});
-export { SwitchHeadlessDemo };
-//# sourceMappingURL=SwitchHeadlessDemo.native.mjs.map

package/dist/esm/SwitchHeadlessDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","useSwitch","Animated","Pressable","Label","XStack","YStack","SwitchHeadlessDemo","width","alignItems","space","children","gap","htmlFor","HeadlessSwitch","defaultChecked","id","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","animation","useRef","Value","current","useEffect","timing","toValue","duration","useNativeDriver","start","style","height","borderRadius","backgroundColor","View","transform","translateX","interpolate","inputRange"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,OAAAC,KAAS;AAGT,SAASC,SAAA,QAAU,0BAAiB;AACpC,SAASC,QAAO,EAAAC,SAAQ,sBAAc;AAKhC,SA2BFC,KAAA,EAAAC,MA1BI,EADFC,MAAA;AAHC,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAZ,IAAC,CAAAW,MAAA;IAEGE,KAAA;IACAC,UAAA,UAAC;IAA4CC,KAEjD;IAEJC,QAAA,iBAAAd,KAAA,CAAAQ,MAAA;MAEMO,GAAA;MACJH,UAAO,EAAS;MAEdE,QAAA,GACC,eAAmBhB,IAAA,CAAAS,KAAA;QACpBS,OAAA;QAGIF,QAAY;MAElB,IACE,eAAgBhB,IAAA,CAAAmB,cAAW;QACzBC,cAAS,EAAU;QACnBC,EAAA;MACA;IAEJ,CAAG;EAIC;AAAA;AAAC,IAAAF,cAAA,kBAAAd,KAAA,CAAAiB,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,KAAAC,OACC,EAAOC,UAAA,IAAArB,KAAA,CAAAsB,QAAA,CAAAJ,KAAA,CAAAH,cAAA;IAAA;MAAAQ,WAAA;MAAAC,SAAA;MAAAC;IAAA,IAAAxB,SAAA,CAAAiB,KAAA,GAAAE,OACL,EAAOC,UACP,CAAQ,EAAAF,GAAA;IACRO,SAAA,GAAA1B,KAAc,CAAA2B,MAAA,KAAAzB,QAAA,CAAA0B,KAAA,CAAAR,OAAA,WAAAS,OAAA;EAAA,OAAA7B,KACd,CAAA8B,SAAA,aAAiB;IAAwB5B,QAC3C,CAAA6B,MAAA,CAAAL,SAAA;MAAAM,OACK,EAAAZ,OAAA;MAAAa,QACD;MAAAC,eAEJ;IAAA,GAAAC,KAAC;EAAS,IAATf,OAAA,CACQ,kBACLvB,KAAA,CAAAE,SAAA;IAAAY,QAAA,GACmB,eACjBhB,IAAA,CAAAQ,SAAc;MAAAiC,KAAA;QACP5B,KAAA,EACP;QAAQ6B,MACV;QAAAC,YACA;QAAAC,eACE,EAAWnB,OAAA;MAAA;MACTD,GAAA,EAAAK,SACE;MAAkC,GAAAD,WAChC;MAAiBZ,QAAA,iBACjBhB,IAAc,CAAGO,QAAE,CAAAsC,IAAA;QAAAJ,KAAA,GACpB;UACHG,eACF;UACFD,YAAA;UACF9B,KAAA;UAAA6B,MAAA;QACF;UACFI,SAAA,GACC;YACHC,UAAA,EAAAhB,SAAA,CAAAiB,WAAA;cAEHC,UAAA,G","ignoreList":[]}

package/dist/esm/SwitchUnstyledDemo.native.mjs

@@ -1,65 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, styled } from "@tamagui/core";
-import { createSwitch } from "@tamagui/switch";
-import { Label, XStack, YStack } from "tamagui";
-var Frame = styled(Stack, {
-    width: 40,
-    height: 20,
-    borderRadius: 20,
-    variants: {
-      checked: {
-        true: {
-          backgroundColor: "lightblue"
-        },
-        false: {
-          backgroundColor: "silver"
-        }
-      }
-    },
-    defaultVariants: {
-      checked: !1
-    }
-  }),
-  Thumb = styled(Stack, {
-    width: 20,
-    height: 20,
-    backgroundColor: "black",
-    borderRadius: 20,
-    variants: {
-      checked: {
-        true: {
-          opacity: 0.8
-        },
-        false: {
-          opacity: 0.5
-        }
-      }
-    }
-  }),
-  Switch = createSwitch({
-    Frame,
-    Thumb
-  });
-function SwitchUnstyledDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    width: 200,
-    alignItems: "center",
-    space: "$3",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      alignItems: "center",
-      children: [/* @__PURE__ */_jsx(Label, {
-        htmlFor: "unstyled-switch",
-        children: "Unstyled"
-      }), /* @__PURE__ */_jsx(Switch, {
-        defaultChecked: !0,
-        id: "unstyled-switch",
-        children: /* @__PURE__ */_jsx(Switch.Thumb, {
-          animation: "quick"
-        })
-      })]
-    })
-  });
-}
-export { Switch, SwitchUnstyledDemo };
-//# sourceMappingURL=SwitchUnstyledDemo.native.mjs.map

package/dist/esm/SwitchUnstyledDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Stack","styled","createSwitch","Label","XStack","YStack","Frame","width","height","borderRadius","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","opacity","Switch","SwitchUnstyledDemo","alignItems","space","children"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAcC,KAAA;AAC9B,SAASC,KAAA,EAAAC,MAAA,QAAoB;AAC7B,SAASC,YAAO,QAAQ,iBAAc;AA+ChC,SACEC,KADF,EAAAC,MAAA,EAAAC,MAAA;AA7CN,IAAAC,KAAM,GAAAL,MAAQ,CAAAD,KAAO;IACnBO,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,YAAA,EAAc;IACdC,QAAA,EAAU;MACRC,OAAA,EAAS;QACPC,IAAA,EAAM;UACJC,eAAA,EAAiB;QACnB;QACAC,KAAA,EAAO;UACLD,eAAA,EAAiB;QACnB;MACF;IACF;IACAE,eAAA,EAAiB;MACfJ,OAAA,EAAS;IACX;EACF,CAAC;EAEKK,KAAA,GAAQf,MAAA,CAAOD,KAAA,EAAO;IAC1BO,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRK,eAAA,EAAiB;IACjBJ,YAAA,EAAc;IAEdC,QAAA,EAAU;MACRC,OAAA,EAAS;QACPC,IAAA,EAAM;UACJK,OAAA,EAAS;QACX;QACAH,KAAA,EAAO;UACLG,OAAA,EAAS;QACX;MACF;IACF;EACF,CAAC;EAEYC,MAAA,GAAShB,YAAA,CAAa;IACjCI,KAAA;IACAU;EACF,CAAC;AAEM,SAASG,mBAAA,EAAqB;EACnC,OACE,eAAAtB,IAAC,CAAAQ,MAAA;IAEGE,KAAA;IACAa,UAAA,UAAC;IAEDC,KAEJ;IAEJC,QAAA,iBAAAvB,KAAA,CAAAK,MAAA","ignoreList":[]}

package/dist/esm/TabsAdvancedDemo.native.mjs

@@ -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.native.mjs.map

package/dist/esm/TabsAdvancedDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","AnimatePresence","Button","H5","SizableText","Tabs","XStack","YStack","styled","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"],"sources":["../../src/TabsAdvancedDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}