@tamagui/demos 2.0.0-rc.9 → 2.0.0

package/dist/esm/SwitchHeadlessDemo.js

@@ -1,68 +0,0 @@
-import React from "react";
-import { useSwitch } from "@tamagui/switch-headless";
-import { Animated, Pressable } from "react-native-web";
-import { Label, XStack, YStack } from "tamagui";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function SwitchHeadlessDemo() {
-  return /* @__PURE__ */ jsx(YStack, { width: 200, items: "center", gap: "$3", children: /* @__PURE__ */ jsxs(XStack, { gap: "$3", items: "center", children: [
-    /* @__PURE__ */ jsx(Label, { htmlFor: "headless", children: "Headless" }),
-    /* @__PURE__ */ jsx(HeadlessSwitch, { defaultChecked: !0, id: "headless" })
-  ] }) });
-}
-const HeadlessSwitch = React.forwardRef((props, ref) => {
-  const [checked, setChecked] = React.useState(props.defaultChecked || !1), { switchProps, switchRef, bubbleInput } = useSwitch(
-    props,
-    [checked, setChecked],
-    ref
-  ), [animation] = React.useState(() => new Animated.Value(0));
-  React.useEffect(() => {
-    Animated.timing(animation, {
-      toValue: checked ? 1 : 0,
-      duration: 100,
-      useNativeDriver: !0
-    }).start();
-  }, [checked, animation]);
-  const translateX = React.useMemo(
-    () => animation.interpolate({
-      inputRange: [0, 1],
-      outputRange: [0, 20]
-    }),
-    [animation]
-  );
-  return /* @__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 }]
-              }
-            ]
-          }
-        )
-      }
-    ),
-    bubbleInput
-  ] });
-});
-export {
-  SwitchHeadlessDemo
-};
-//# sourceMappingURL=SwitchHeadlessDemo.js.map

package/dist/esm/SwitchHeadlessDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SwitchHeadlessDemo.tsx"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,iBAAiB;AAG1B,SAAS,UAAU,iBAAiB;AACpC,SAAS,OAAO,QAAQ,cAAc;AAKhC,SAoCF,UAnCI,KADF;AAHC,SAAS,qBAAqB;AACnC,SACE,oBAAC,UAAO,OAAO,KAAK,OAAM,UAAS,KAAI,MACrC,+BAAC,UAAO,KAAI,MAAK,OAAM,UACrB;AAAA,wBAAC,SAAM,SAAQ,YAAW,sBAAQ;AAAA,IAClC,oBAAC,kBAAe,gBAAc,IAAC,IAAG,YAAW;AAAA,KAC/C,GACF;AAEJ;AAEA,MAAM,iBAAiB,MAAM,WAAsC,CAAC,OAAO,QAAQ;AACjF,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAS,MAAM,kBAAkB,EAAK,GACpE,EAAE,aAAa,WAAW,YAAY,IAAI;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS,UAAU;AAAA,IACpB;AAAA,EACF,GAEM,CAAC,SAAS,IAAI,MAAM,SAAS,MAAM,IAAI,SAAS,MAAM,CAAC,CAAC;AAE9D,QAAM,UAAU,MAAM;AACpB,aAAS,OAAO,WAAW;AAAA,MACzB,SAAS,UAAU,IAAI;AAAA,MACvB,UAAU;AAAA,MACV,iBAAiB;AAAA,IACnB,CAAC,EAAE,MAAM;AAAA,EACX,GAAG,CAAC,SAAS,SAAS,CAAC;AAEvB,QAAM,aAAa,MAAM;AAAA,IACvB,MACE,UAAU,YAAY;AAAA,MACpB,YAAY,CAAC,GAAG,CAAC;AAAA,MACjB,aAAa,CAAC,GAAG,EAAE;AAAA,IACrB,CAAC;AAAA,IACH,CAAC,SAAS;AAAA,EACZ;AAEA,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,iBAAiB,UAAU,cAAc;AAAA,QAC3C;AAAA,QACA,KAAK;AAAA,QACJ,GAAG;AAAA,QAEJ;AAAA,UAAC,SAAS;AAAA,UAAT;AAAA,YACC,OAAO;AAAA,cACL;AAAA,gBACE,iBAAiB;AAAA,gBACjB,cAAc;AAAA,gBACd,OAAO;AAAA,gBACP,QAAQ;AAAA,cACV;AAAA,cACA;AAAA,gBACE,WAAW,CAAC,EAAE,WAAW,CAAC;AAAA,cAC5B;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,IACF;AAAA,IACC;AAAA,KACH;AAEJ,CAAC;",
-  "names": []
-}

package/dist/esm/SwitchUnstyledDemo.js

@@ -1,51 +0,0 @@
-import { View, 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(View, {
-  width: 40,
-  height: 20,
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        backgroundColor: "lightblue"
-      },
-      false: {
-        backgroundColor: "silver"
-      }
-    }
-  },
-  defaultVariants: {
-    checked: !1
-  }
-}), Thumb = styled(View, {
-  width: 20,
-  height: 20,
-  bg: "black",
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        opacity: 0.8
-      },
-      false: {
-        opacity: 0.5
-      }
-    }
-  }
-}), Switch = createSwitch({
-  Frame,
-  Thumb
-});
-function SwitchUnstyledDemo() {
-  return /* @__PURE__ */ jsx(YStack, { width: 200, items: "center", gap: "$3", children: /* @__PURE__ */ jsxs(XStack, { gap: "$3", items: "center", children: [
-    /* @__PURE__ */ jsx(Label, { htmlFor: "unstyled-switch", children: "Unstyled" }),
-    /* @__PURE__ */ jsx(Switch, { defaultChecked: !0, id: "unstyled-switch", children: /* @__PURE__ */ jsx(Switch.Thumb, { transition: "quickest" }) })
-  ] }) });
-}
-export {
-  Switch,
-  SwitchUnstyledDemo
-};
-//# sourceMappingURL=SwitchUnstyledDemo.js.map

package/dist/esm/SwitchUnstyledDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SwitchUnstyledDemo.tsx"],
-  "mappings": "AAAA,SAAS,MAAM,cAAc;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,OAAO,QAAQ,cAAc;AA+ChC,SACE,KADF;AA7CN,MAAM,QAAQ,OAAO,MAAM;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,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,MAAM;AAAA,EACzB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,IAAI;AAAA,EACJ,SAAS;AAAA,EAET,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,OAAM,UAAS,KAAI,MACrC,+BAAC,UAAO,KAAI,MAAK,OAAM,UACrB;AAAA,wBAAC,SAAM,SAAQ,mBAAkB,sBAAQ;AAAA,IACzC,oBAAC,UAAO,gBAAc,IAAC,IAAG,mBACxB,8BAAC,OAAO,OAAP,EAAa,YAAW,YAAW,GACtC;AAAA,KACF,GACF;AAEJ;",
-  "names": []
-}

package/dist/esm/TabsAdvancedDemo.js

@@ -1,275 +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,
-      {
-        items: "center",
-        gap: "$4",
-        position: "absolute",
-        b: "$3",
-        l: "$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",
-      p: "$2",
-      height: 150,
-      flexDirection: "column",
-      activationMode: "manual",
-      bg: "$background",
-      rounded: "$4",
-      children: [
-        /* @__PURE__ */ jsx(AnimatePresence, { children: intentAt && /* @__PURE__ */ jsx(
-          TabsRovingIndicator,
-          {
-            rounded: "$4",
-            width: intentAt.width,
-            height: intentAt.height,
-            x: intentAt.x,
-            y: intentAt.y
-          }
-        ) }),
-        /* @__PURE__ */ jsx(AnimatePresence, { children: activeAt && /* @__PURE__ */ jsx(
-          TabsRovingIndicator,
-          {
-            rounded: "$4",
-            theme: "accent",
-            width: activeAt.width,
-            height: activeAt.height,
-            x: activeAt.x,
-            y: activeAt.y
-          }
-        ) }),
-        /* @__PURE__ */ jsx(YStack, { position: "relative", children: /* @__PURE__ */ jsxs(
-          Tabs.List,
-          {
-            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, justify: "center", children: /* @__PURE__ */ jsx(H5, { text: "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",
-      bg: "$background",
-      rounded: "$4",
-      children: [
-        /* @__PURE__ */ jsxs(YStack, { position: "relative", children: [
-          /* @__PURE__ */ jsx(AnimatePresence, { children: intentAt && /* @__PURE__ */ jsx(
-            TabsRovingIndicator,
-            {
-              width: intentAt.width,
-              height: "$0.5",
-              x: intentAt.x,
-              b: 0
-            }
-          ) }),
-          /* @__PURE__ */ jsx(AnimatePresence, { children: activeAt && /* @__PURE__ */ jsx(
-            TabsRovingIndicator,
-            {
-              theme: "accent",
-              active: !0,
-              width: activeAt.width,
-              height: "$0.5",
-              x: activeAt.x,
-              b: 0
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(
-            Tabs.List,
-            {
-              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,
-            justify: "center",
-            flexBasis: "auto",
-            children: /* @__PURE__ */ jsx(H5, { text: "center", children: currentTab })
-          }
-        ) }, currentTab) })
-      ]
-    }
-  );
-}, TabsRovingIndicator = ({ active, ...props }) => /* @__PURE__ */ jsx(
-  YStack,
-  {
-    position: "absolute",
-    backgroundColor: "$color5",
-    opacity: 0.7,
-    transition: "100ms",
-    enterStyle: {
-      opacity: 0
-    },
-    exitStyle: {
-      opacity: 0
-    },
-    ...active && {
-      backgroundColor: "$color8",
-      opacity: 0.6
-    },
-    ...props
-  }
-), AnimatedYStack = styled(YStack, {
-  flex: 1,
-  x: 0,
-  opacity: 1,
-  transition: "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/esm/TabsAdvancedDemo.js.map

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

package/dist/esm/TabsDemo.js

@@ -1,146 +0,0 @@
-import React from "react";
-import {
-  Button,
-  H5,
-  Separator,
-  SizableText,
-  Tabs,
-  XStack,
-  YStack,
-  isWeb,
-  useWindowDimensions
-} from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const demos = ["horizontal", "vertical"], demosTitle = {
-  horizontal: "Horizontal",
-  vertical: "Vertical"
-};
-function TabsDemo() {
-  const [demoIndex, setDemoIndex] = React.useState(0), demo = demos[demoIndex];
-  return /* @__PURE__ */ jsxs(
-    YStack,
-    {
-      px: "$4",
-      ...isWeb && {
-        position: "unset"
-      },
-      children: [
-        demo === "horizontal" ? /* @__PURE__ */ jsx(HorizontalTabs, {}) : /* @__PURE__ */ jsx(VerticalTabs, {}),
-        /* @__PURE__ */ jsx(
-          XStack,
-          {
-            items: "center",
-            gap: "$4",
-            position: "absolute",
-            b: "$3",
-            l: "$4",
-            $maxXs: { display: "none" },
-            children: /* @__PURE__ */ jsx(Button, { size: "$2", onPress: () => setDemoIndex((x) => (x + 1) % demos.length), children: demosTitle[demo] })
-          }
-        )
-      ]
-    }
-  );
-}
-const HorizontalTabs = () => {
-  const { width } = useWindowDimensions();
-  return /* @__PURE__ */ jsxs(
-    Tabs,
-    {
-      defaultValue: "tab1",
-      orientation: "horizontal",
-      flexDirection: "column",
-      $maxMd: { width: width - 32 },
-      width: 400,
-      height: 150,
-      rounded: "$4",
-      borderWidth: "$0.25",
-      borderColor: "$borderColor",
-      children: [
-        /* @__PURE__ */ jsxs(Tabs.List, { "aria-label": "Manage your account", children: [
-          /* @__PURE__ */ jsx(
-            Tabs.Tab,
-            {
-              activeStyle: {
-                backgroundColor: "$color3"
-              },
-              flex: 1,
-              value: "tab1",
-              children: /* @__PURE__ */ jsx(SizableText, { fontFamily: "$body", text: "center", ellipsis: !0, children: "Profile" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Tabs.Tab,
-            {
-              activeStyle: {
-                backgroundColor: "$color3"
-              },
-              flex: 1,
-              value: "tab2",
-              children: /* @__PURE__ */ jsx(SizableText, { fontFamily: "$body", text: "center", ellipsis: !0, children: "Connections" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Tabs.Tab,
-            {
-              activeStyle: {
-                backgroundColor: "$color3"
-              },
-              flex: 1,
-              value: "tab3",
-              children: /* @__PURE__ */ jsx(SizableText, { fontFamily: "$body", text: "center", ellipsis: !0, children: "Notifications" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(Separator, {}),
-        /* @__PURE__ */ jsx(TabsContent, { value: "tab1", children: /* @__PURE__ */ jsx(H5, { children: "Profile" }) }),
-        /* @__PURE__ */ jsx(TabsContent, { value: "tab2", children: /* @__PURE__ */ jsx(H5, { children: "Connections" }) }),
-        /* @__PURE__ */ jsx(TabsContent, { value: "tab3", children: /* @__PURE__ */ jsx(H5, { children: "Notifications" }) })
-      ]
-    }
-  );
-}, VerticalTabs = () => /* @__PURE__ */ jsxs(
-  Tabs,
-  {
-    defaultValue: "tab1",
-    flexDirection: "row",
-    orientation: "vertical",
-    width: 400,
-    rounded: "$4",
-    borderWidth: "$0.25",
-    overflow: "hidden",
-    borderColor: "$borderColor",
-    children: [
-      /* @__PURE__ */ jsxs(Tabs.List, { "aria-label": "Manage your account", children: [
-        /* @__PURE__ */ jsx(Tabs.Tab, { activeStyle: { backgroundColor: "$color3" }, value: "tab1", children: /* @__PURE__ */ jsx(SizableText, { children: "Profile" }) }),
-        /* @__PURE__ */ jsx(Tabs.Tab, { activeStyle: { backgroundColor: "$color3" }, value: "tab2", children: /* @__PURE__ */ jsx(SizableText, { children: "Connections" }) }),
-        /* @__PURE__ */ jsx(Tabs.Tab, { activeStyle: { backgroundColor: "$color3" }, value: "tab3", children: /* @__PURE__ */ jsx(SizableText, { children: "Notifications" }) })
-      ] }),
-      /* @__PURE__ */ jsx(Separator, { vertical: !0 }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "tab1", children: /* @__PURE__ */ jsx(H5, { text: "center", children: "Profile" }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "tab2", children: /* @__PURE__ */ jsx(H5, { text: "center", children: "Connections" }) }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "tab3", children: /* @__PURE__ */ jsx(H5, { text: "center", children: "Notifications" }) })
-    ]
-  }
-), TabsContent = (props) => /* @__PURE__ */ jsx(
-  Tabs.Content,
-  {
-    bg: "$background",
-    p: "$2",
-    items: "center",
-    justify: "center",
-    flex: 1,
-    borderColor: "$background",
-    rounded: "$2",
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    borderWidth: "$2",
-    ...props,
-    children: props.children
-  },
-  "tab3"
-);
-export {
-  TabsDemo
-};
-//# sourceMappingURL=TabsDemo.js.map

package/dist/esm/TabsDemo.js.map

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