@tamagui/demos 1.123.0 → 1.123.2

package/dist/jsx/SwitchHeadlessDemo.native.js

@@ -1,85 +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.js.map

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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/SwitchHeadlessDemo.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,iBAAiB;AAG1B,SAASC,UAAUC,iBAAiB;AACpC,SAASC,OAAOC,QAAQC,cAAc;AAE/B,SAASC,qBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,OAAM;cAC5C,sBAACL,QAAAA;MAAOM,KAAI;MAAKF,YAAW;;QAC1B,qBAACL,OAAAA;UAAMQ,SAAQ;oBAAW;;QAC1B,qBAACC,gBAAAA;UAAeC,gBAAc;UAACC,IAAG;;;;;AAI1C;AAEA,IAAMF,iBAAiBb,sBAAMgB,WAAsC,SAACC,OAAOC,KAAAA;AACzE,MAAM,CAACC,SAASC,UAAAA,IAAcpB,MAAMqB,SAASJ,MAAMH,kBAAkB,EAAA,GAC/D,EAAEQ,aAAaC,WAAWC,YAAW,IAAKvB,UAC9CgB,OACA;IAACE;IAASC;KACVF,GAAAA,GAGIO,YAAYzB,MAAM0B,OAAO,IAAIxB,SAASyB,MAAMR,UAAU,IAAI,CAAA,CAAA,EAAIS;AAEpE5B,eAAM6B,UAAU,WAAA;AACd3B,aAAS4B,OAAOL,WAAW;MACzBM,SAASZ,UAAU,IAAI;MACvBa,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAACf;GAAQ,GAGV,sBAAA,WAAA;;MACE,qBAAChB,WAAAA;QACCgC,OAAO;UACL3B,OAAO;UACP4B,QAAQ;UACRC,cAAc;UACdC,iBAAiBnB,UAAU,cAAc;QAC3C;QACAD,KAAKK;QACJ,GAAGD;kBAEJ,qBAACpB,SAASqC,MAAI;UACZJ,OAAO;YACL;cACEG,iBAAiB;cACjBD,cAAc;cACd7B,OAAO;cACP4B,QAAQ;YACV;YACA;cACEI,WAAW;gBACT;kBACEC,YAAYhB,UAAUiB,YAAY;oBAChCC,YAAY;sBAAC;sBAAG;;oBAChBC,aAAa;sBAAC;sBAAG;;kBACnB,CAAA;gBACF;;YAEJ;;;;MAILpB;;;AAGP,CAAA;",
-  "names": ["React", "useSwitch", "Animated", "Pressable", "Label", "XStack", "YStack", "SwitchHeadlessDemo", "width", "alignItems", "space", "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", "outputRange"]
-}

package/dist/jsx/SwitchUnstyledDemo.js

@@ -1,51 +0,0 @@
-import { Stack, styled } from "@tamagui/core";
-import { createSwitch } from "@tamagui/switch";
-import { Label, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const 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.js.map

package/dist/jsx/SwitchUnstyledDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SwitchUnstyledDemo.tsx"],
-  "mappings": "AACA,SAAS,OAAO,cAAc;AAC9B,SAAS,oBAAoB;AAC7B,SAAS,OAAO,QAAQ,cAAc;AA+ChC,SACE,KADF;AA7CN,MAAM,QAAQ,OAAO,OAAO;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,iBAAiB;AAAA,MACnB;AAAA,MACA,OAAO;AAAA,QACL,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC,GAEK,QAAQ,OAAO,OAAO;AAAA,EAC1B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,SAAS;AAAA,MACP,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEY,SAAS,aAAa;AAAA,EACjC;AAAA,EACA;AACF,CAAC;AAEM,SAAS,qBAAqB;AACnC,SACE,oBAAC,UAAO,OAAO,KAAK,YAAW,UAAS,OAAM,MAC5C,+BAAC,UAAO,KAAI,MAAK,YAAW,UAC1B;AAAA,wBAAC,SAAM,SAAQ,mBAAkB,sBAAQ;AAAA,IACzC,oBAAC,UAAO,gBAAc,IAAC,IAAG,mBACxB,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,KACF,GACF;AAEJ;",
-  "names": []
-}

package/dist/jsx/SwitchUnstyledDemo.mjs

@@ -1,65 +0,0 @@
-import { Stack, styled } from "@tamagui/core";
-import { createSwitch } from "@tamagui/switch";
-import { Label, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const 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.mjs.map

package/dist/jsx/SwitchUnstyledDemo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Stack","styled","createSwitch","Label","XStack","YStack","jsx","jsxs","Frame","width","height","borderRadius","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","opacity","Switch","SwitchUnstyledDemo","alignItems","space","children","gap","htmlFor","defaultChecked","id","animation"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,KAAA,EAAOC,MAAA,QAAc;AAC9B,SAASC,YAAA,QAAoB;AAC7B,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AA+ChC,SACEC,GAAA,EADFC,IAAA;AA7CN,MAAMC,KAAA,GAAQP,MAAA,CAAOD,KAAA,EAAO;IAC1BS,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,GAAQjB,MAAA,CAAOD,KAAA,EAAO;IAC1BS,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,GAASlB,YAAA,CAAa;IACjCM,KAAA;IACAU;EACF,CAAC;AAEM,SAASG,mBAAA,EAAqB;EACnC,OACE,eAAAf,GAAA,CAACD,MAAA;IAAOI,KAAA,EAAO;IAAKa,UAAA,EAAW;IAASC,KAAA,EAAM;IAC5CC,QAAA,iBAAAjB,IAAA,CAACH,MAAA;MAAOqB,GAAA,EAAI;MAAKH,UAAA,EAAW;MAC1BE,QAAA,kBAAAlB,GAAA,CAACH,KAAA;QAAMuB,OAAA,EAAQ;QAAkBF,QAAA;MAAA,CAAQ,GACzC,eAAAlB,GAAA,CAACc,MAAA;QAAOO,cAAA,EAAc;QAACC,EAAA,EAAG;QACxBJ,QAAA,iBAAAlB,GAAA,CAACc,MAAA,CAAOF,KAAA,EAAP;UAAaW,SAAA,EAAU;QAAA,CAAQ;MAAA,CAClC;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

package/dist/jsx/SwitchUnstyledDemo.native.js

@@ -1,69 +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.js.map

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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Users/n8/tamagui/code/demos/src/SwitchUnstyledDemo.tsx"],
-  "mappings": ";AACA,SAASA,OAAOC,cAAc;AAC9B,SAASC,oBAAoB;AAC7B,SAASC,OAAOC,QAAQC,cAAc;AAEtC,IAAMC,QAAQL,OAAOD,OAAO;EAC1BO,OAAO;EACPC,QAAQ;EACRC,cAAc;EACdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJC,iBAAiB;MACnB;MACAC,OAAO;QACLD,iBAAiB;MACnB;IACF;EACF;EACAE,iBAAiB;IACfJ,SAAS;EACX;AACF,CAAA,GAEMK,QAAQf,OAAOD,OAAO;EAC1BO,OAAO;EACPC,QAAQ;EACRK,iBAAiB;EACjBJ,cAAc;EAEdC,UAAU;IACRC,SAAS;MACPC,MAAM;QACJK,SAAS;MACX;MACAH,OAAO;QACLG,SAAS;MACX;IACF;EACF;AACF,CAAA,GAEaC,SAAShB,aAAa;EACjCI;EACAU;AACF,CAAA;AAEO,SAASG,qBAAAA;AACd,SACE,qBAACd,QAAAA;IAAOE,OAAO;IAAKa,YAAW;IAASC,OAAM;cAC5C,sBAACjB,QAAAA;MAAOkB,KAAI;MAAKF,YAAW;;QAC1B,qBAACjB,OAAAA;UAAMoB,SAAQ;oBAAkB;;QACjC,qBAACL,QAAAA;UAAOM,gBAAc;UAACC,IAAG;oBACxB,qBAACP,OAAOF,OAAK;YAACU,WAAU;;;;;;AAKlC;",
-  "names": ["Stack", "styled", "createSwitch", "Label", "XStack", "YStack", "Frame", "width", "height", "borderRadius", "variants", "checked", "true", "backgroundColor", "false", "defaultVariants", "Thumb", "opacity", "Switch", "SwitchUnstyledDemo", "alignItems", "space", "gap", "htmlFor", "defaultChecked", "id", "animation"]
-}

package/dist/jsx/TabsAdvancedDemo.js

@@ -1,270 +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.js.map

package/dist/jsx/TabsAdvancedDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/TabsAdvancedDemo.tsx"],
-  "mappings": "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",
-  "names": ["currentTab", "intentAt", "activeAt"]
-}