@tamagui/demos 1.74.8 → 1.74.10

package/dist/jsx/TabsAdvancedDemo.mjs

@@ -1,226 +0,0 @@
-import { useState } from "react";
-import {
-  AnimatePresence,
-  Button,
-  H5,
-  SizableText,
-  Stack,
-  Tabs,
-  XStack,
-  YStack,
-  styled
-} from "tamagui";
-const demos = ["background", "underline"];
-const demosTitle = {
-  background: "Background Indicator",
-  underline: "Underline Indicator"
-};
-const TabsAdvancedDemo = () => {
-  const [demoIndex, setDemoIndex] = useState(0);
-  const demo = demos[demoIndex];
-  return <>
-    {demo === "underline" ? <TabsAdvancedUnderline /> : <TabsAdvancedBackground />}
-    <XStack
-      alignItems="center"
-      space
-      position="absolute"
-      bottom="$3"
-      left="$4"
-      $xxs={{ display: "none" }}
-    ><Button size="$2" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>{demosTitle[demo]}</Button></XStack>
-  </>;
-};
-const TabsAdvancedBackground = () => {
-  const [tabState, setTabState] = useState({
-    activeAt: null,
-    currentTab: "tab1",
-    intentAt: null,
-    prevActiveAt: null
-  });
-  const setCurrentTab = (currentTab2) => setTabState({ ...tabState, currentTab: currentTab2 });
-  const setIntentIndicator = (intentAt2) => setTabState({ ...tabState, intentAt: intentAt2 });
-  const setActiveIndicator = (activeAt2) => setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: activeAt2 });
-  const { activeAt, intentAt, prevActiveAt, currentTab } = tabState;
-  const direction = (() => {
-    if (!activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x) {
-      return 0;
-    }
-    return activeAt.x > prevActiveAt.x ? -1 : 1;
-  })();
-  const enterVariant = direction === 1 ? "isLeft" : direction === -1 ? "isRight" : "defaultFade";
-  const exitVariant = direction === 1 ? "isRight" : direction === -1 ? "isLeft" : "defaultFade";
-  const handleOnInteraction = (type, layout) => {
-    if (type === "select") {
-      setActiveIndicator(layout);
-    } else {
-      setIntentIndicator(layout);
-    }
-  };
-  return <Tabs
-    value={currentTab}
-    onValueChange={setCurrentTab}
-    orientation="horizontal"
-    size="$4"
-    padding="$2"
-    height={150}
-    flexDirection="column"
-    activationMode="manual"
-    backgroundColor="$background"
-    borderRadius="$4"
-    position="relative"
-  >
-    <YStack>
-      <AnimatePresence>{intentAt && <TabsRovingIndicator
-        borderRadius="$4"
-        width={intentAt.width}
-        height={intentAt.height}
-        x={intentAt.x}
-        y={intentAt.y}
-      />}</AnimatePresence>
-      <AnimatePresence>{activeAt && <TabsRovingIndicator
-        borderRadius="$4"
-        theme="active"
-        width={activeAt.width}
-        height={activeAt.height}
-        x={activeAt.x}
-        y={activeAt.y}
-      />}</AnimatePresence>
-      <Tabs.List
-        disablePassBorderRadius
-        loop={false}
-        aria-label="Manage your account"
-        space="$2"
-        backgroundColor="transparent"
-      >
-        <Tabs.Tab unstyled value="tab1" onInteraction={handleOnInteraction}><SizableText>Profile</SizableText></Tabs.Tab>
-        <Tabs.Tab unstyled value="tab2" onInteraction={handleOnInteraction}><SizableText>Connections</SizableText></Tabs.Tab>
-        <Tabs.Tab unstyled value="tab3" onInteraction={handleOnInteraction}><SizableText>Notifications</SizableText></Tabs.Tab>
-      </Tabs.List>
-    </YStack>
-    <AnimatePresence
-      exitBeforeEnter
-      enterVariant={enterVariant}
-      exitVariant={exitVariant}
-    ><AnimatedYStack key={currentTab} animation="100ms" x={0} opacity={1} flex={1}><Tabs.Content value={currentTab} forceMount flex={1} justifyContent="center"><H5 textAlign="center">{currentTab}</H5></Tabs.Content></AnimatedYStack></AnimatePresence>
-  </Tabs>;
-};
-const TabsAdvancedUnderline = () => {
-  const [tabState, setTabState] = useState({
-    activeAt: null,
-    currentTab: "tab1",
-    intentAt: null,
-    prevActiveAt: null
-  });
-  const setCurrentTab = (currentTab2) => setTabState({ ...tabState, currentTab: currentTab2 });
-  const setIntentIndicator = (intentAt2) => setTabState({ ...tabState, intentAt: intentAt2 });
-  const setActiveIndicator = (activeAt2) => setTabState({ ...tabState, prevActiveAt: tabState.activeAt, activeAt: activeAt2 });
-  const { activeAt, intentAt, prevActiveAt, currentTab } = tabState;
-  const direction = (() => {
-    if (!activeAt || !prevActiveAt || activeAt.x === prevActiveAt.x) {
-      return 0;
-    }
-    return activeAt.x > prevActiveAt.x ? -1 : 1;
-  })();
-  const enterVariant = direction === 1 ? "isLeft" : direction === -1 ? "isRight" : "defaultFade";
-  const exitVariant = direction === 1 ? "isRight" : direction === -1 ? "isLeft" : "defaultFade";
-  const handleOnInteraction = (type, layout) => {
-    if (type === "select") {
-      setActiveIndicator(layout);
-    } else {
-      setIntentIndicator(layout);
-    }
-  };
-  return <Tabs
-    value={currentTab}
-    onValueChange={setCurrentTab}
-    orientation="horizontal"
-    size="$4"
-    height={150}
-    flexDirection="column"
-    activationMode="manual"
-    backgroundColor="$background"
-    borderRadius="$4"
-  >
-    <YStack>
-      <AnimatePresence>{intentAt && <TabsRovingIndicator
-        width={intentAt.width}
-        height="$0.5"
-        x={intentAt.x}
-        bottom={0}
-      />}</AnimatePresence>
-      <AnimatePresence>{activeAt && <TabsRovingIndicator
-        theme="active"
-        active
-        width={activeAt.width}
-        height="$0.5"
-        x={activeAt.x}
-        bottom={0}
-      />}</AnimatePresence>
-      <Tabs.List
-        disablePassBorderRadius
-        loop={false}
-        aria-label="Manage your account"
-        borderBottomLeftRadius={0}
-        borderBottomRightRadius={0}
-        paddingBottom="$1.5"
-        borderColor="$color3"
-        borderBottomWidth="$0.5"
-        backgroundColor="transparent"
-      >
-        <Tabs.Tab
-          unstyled
-          padding="$5"
-          value="tab1"
-          onInteraction={handleOnInteraction}
-        ><SizableText>Profile</SizableText></Tabs.Tab>
-        <Tabs.Tab
-          unstyled
-          padding="$5"
-          value="tab2"
-          onInteraction={handleOnInteraction}
-        ><SizableText>Connections</SizableText></Tabs.Tab>
-        <Tabs.Tab
-          unstyled
-          padding="$5"
-          value="tab3"
-          onInteraction={handleOnInteraction}
-        ><SizableText>Notifications</SizableText></Tabs.Tab>
-      </Tabs.List>
-    </YStack>
-    <AnimatePresence
-      exitBeforeEnter
-      enterVariant={enterVariant}
-      exitVariant={exitVariant}
-    ><AnimatedYStack key={currentTab} animation="100ms" x={0} opacity={1} flex={1}><Tabs.Content value={currentTab} forceMount flex={1} justifyContent="center"><H5 textAlign="center">{currentTab}</H5></Tabs.Content></AnimatedYStack></AnimatePresence>
-  </Tabs>;
-};
-const TabsRovingIndicator = ({ active, ...props }) => {
-  return <Stack
-    position="absolute"
-    backgroundColor="$color5"
-    opacity={0.7}
-    animation="100ms"
-    enterStyle={{
-      opacity: 0
-    }}
-    exitStyle={{
-      opacity: 0
-    }}
-    {...active && {
-      backgroundColor: "$color8",
-      opacity: 0.6
-    }}
-    {...props}
-  />;
-};
-const AnimatedYStack = styled(YStack, {
-  variants: {
-    isLeft: { true: { x: -25, opacity: 0 } },
-    isRight: { true: { x: 25, opacity: 0 } },
-    defaultFade: { true: { opacity: 0 } }
-  }
-});
-export {
-  TabsAdvancedDemo
-};
-//# sourceMappingURL=TabsAdvancedDemo.mjs.map

package/dist/jsx/TabsAdvancedDemo.mjs.map

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

package/dist/jsx/TabsDemo.mjs

@@ -1,112 +0,0 @@
-import { useState } from "react";
-import {
-  Button,
-  H5,
-  Separator,
-  SizableText,
-  Tabs,
-  XStack,
-  YStack,
-  isWeb
-} from "tamagui";
-const demos = ["horizontal", "vertical"];
-const demosTitle = {
-  horizontal: "Horizontal",
-  vertical: "Vertical"
-};
-function TabsDemo() {
-  const [demoIndex, setDemoIndex] = useState(0);
-  const demo = demos[demoIndex];
-  return (
-    // web only fix for position relative
-    <YStack
-      paddingHorizontal="$4"
-      {...isWeb && {
-        position: "unset"
-      }}
-    >
-      {demo === "horizontal" ? <HorizontalTabs /> : <VerticalTabs />}
-      <XStack
-        alignItems="center"
-        space
-        position="absolute"
-        bottom="$3"
-        left="$4"
-        $xxs={{ display: "none" }}
-      ><Button size="$2" onPress={() => setDemoIndex((x) => (x + 1) % demos.length)}>{demosTitle[demo]}</Button></XStack>
-    </YStack>
-  );
-}
-const HorizontalTabs = () => {
-  return <Tabs
-    defaultValue="tab1"
-    orientation="horizontal"
-    flexDirection="column"
-    width={400}
-    height={150}
-    borderRadius="$4"
-    borderWidth="$0.25"
-    overflow="hidden"
-    borderColor="$borderColor"
-  >
-    <Tabs.List
-      separator={<Separator vertical />}
-      disablePassBorderRadius="bottom"
-      aria-label="Manage your account"
-    >
-      <Tabs.Tab flex={1} value="tab1"><SizableText fontFamily="$body">Profile</SizableText></Tabs.Tab>
-      <Tabs.Tab flex={1} value="tab2"><SizableText fontFamily="$body">Connections</SizableText></Tabs.Tab>
-      <Tabs.Tab flex={1} value="tab3"><SizableText fontFamily="$body">Notifications</SizableText></Tabs.Tab>
-    </Tabs.List>
-    <Separator />
-    <TabsContent value="tab1"><H5>Profile</H5></TabsContent>
-    <TabsContent value="tab2"><H5>Connections</H5></TabsContent>
-    <TabsContent value="tab3"><H5>Notifications</H5></TabsContent>
-  </Tabs>;
-};
-const VerticalTabs = () => {
-  return <Tabs
-    defaultValue="tab1"
-    flexDirection="row"
-    orientation="vertical"
-    width={400}
-    borderRadius="$4"
-    borderWidth="$0.25"
-    overflow="hidden"
-    borderColor="$borderColor"
-  >
-    <Tabs.List
-      disablePassBorderRadius="end"
-      aria-label="Manage your account"
-      separator={<Separator />}
-    >
-      <Tabs.Tab value="tab1"><SizableText>Profile</SizableText></Tabs.Tab>
-      <Tabs.Tab value="tab2"><SizableText>Connections</SizableText></Tabs.Tab>
-      <Tabs.Tab value="tab3"><SizableText>Notifications</SizableText></Tabs.Tab>
-    </Tabs.List>
-    <Separator vertical />
-    <TabsContent value="tab1"><H5 textAlign="center">Profile</H5></TabsContent>
-    <TabsContent value="tab2"><H5 textAlign="center">Connections</H5></TabsContent>
-    <TabsContent value="tab3"><H5 textAlign="center">Notifications</H5></TabsContent>
-  </Tabs>;
-};
-const TabsContent = (props) => {
-  return <Tabs.Content
-    backgroundColor="$background"
-    key="tab3"
-    padding="$2"
-    alignItems="center"
-    justifyContent="center"
-    flex={1}
-    borderColor="$background"
-    borderRadius="$2"
-    borderTopLeftRadius={0}
-    borderTopRightRadius={0}
-    borderWidth="$2"
-    {...props}
-  >{props.children}</Tabs.Content>;
-};
-export {
-  TabsDemo
-};
-//# sourceMappingURL=TabsDemo.mjs.map

package/dist/jsx/TabsDemo.mjs.map

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

package/dist/jsx/TextDemo.mjs

@@ -1,15 +0,0 @@
-import { Paragraph, SizableText, XStack, YStack } from "tamagui";
-function TextDemo() {
-  return <YStack space="$2" alignItems="center">
-    <SizableText size="$3">SizableText</SizableText>
-    <XStack space>
-      <SizableText theme="alt1" size="$3">alt1</SizableText>
-      <SizableText theme="alt2" size="$3">alt2</SizableText>
-    </XStack>
-    <Paragraph size="$2" fontWeight="800">Paragraph</Paragraph>
-  </YStack>;
-}
-export {
-  TextDemo
-};
-//# sourceMappingURL=TextDemo.mjs.map

package/dist/jsx/TextDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/TextDemo.tsx"],
-  "mappings": "AACA,SAAS,WAAW,aAAmB,QAAQ,cAAc;AAEtD,SAAS,WAAW;AACzB,SACE,CAAC,OAAO,MAAM,KAAK,WAAW;AAAA,IAC5B,CAAC,YAAY,KAAK,KAAK,WAAW,EAAjC;AAAA,IACD,CAAC,OAAO;AAAA,MACN,CAAC,YAAY,MAAM,OAAO,KAAK,KAAK,IAEpC,EAFC;AAAA,MAGD,CAAC,YAAY,MAAM,OAAO,KAAK,KAAK,IAEpC,EAFC;AAAA,IAGH,EAPC;AAAA,IAQD,CAAC,UAAU,KAAK,KAAK,WAAW,MAAM,SAEtC,EAFC;AAAA,EAGH,EAbC;AAeL;",
-  "names": []
-}

package/dist/jsx/ThemeBuilderDemo.mjs

@@ -1,103 +0,0 @@
-import { Square, XStack, YStack } from "tamagui";
-function ThemeBuilderDemo() {
-  return <YStack fullscreen ov="hidden"><XStack mah={200} y={-100} x={-50} rotate="-10deg">
-    <Col y={35} bc="$color9" />
-    <Col size="$8" y={30} bc="$color7" />
-    <Col size="$6" y={-50} bc="$color5" />
-    <Col size="$4" bc="$color3" />
-    <Col size="$2" bc="$color1" />
-    <Col size="$4" y={50} bc="$color3" />
-    <Col size="$6" y={80} bc="$color5" />
-    <Col size="$8" bc="$color7" />
-    <Col bc="$color9" />
-    <Col size="$8" bc="$color7" />
-    <Col size="$6" y={80} bc="$color5" />
-    <Col size="$4" y={50} bc="$color3" />
-    <Col size="$2" bc="$color1" />
-    <Col size="$4" bc="$color3" />
-    <Col size="$6" y={-50} bc="$color5" />
-    <Col size="$8" y={30} bc="$color7" />
-    <Col y={35} bc="$color9" />
-  </XStack></YStack>;
-}
-function Col(props) {
-  const subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return <YStack padding="$2.5" space="$3.5">
-    <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"orange" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"yellow" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"green" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"blue" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"purple" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"pink" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"red" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square br="$6" size="$10" theme={props.subTheme} bg="$background" {...props} />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"orange" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"yellow" + subTheme}
-      bg="$background"
-      {...props}
-    />
-    <Square
-      br="$6"
-      size="$10"
-      theme={"green" + subTheme}
-      bg="$background"
-      {...props}
-    />
-  </YStack>;
-}
-export {
-  ThemeBuilderDemo
-};
-//# sourceMappingURL=ThemeBuilderDemo.mjs.map

package/dist/jsx/ThemeBuilderDemo.mjs.map

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

package/dist/jsx/ThemeInverseDemo.mjs

@@ -1,34 +0,0 @@
-import { Button, H5, Theme, XStack, YStack, useThemeName } from "tamagui";
-function ThemeInverseDemo() {
-  const themeName = useThemeName();
-  const opposite = themeName.includes("dark") ? "light" : "dark";
-  return <XStack space>
-    <Buttons title="Normal" name={themeName} />
-    <Theme inverse><Buttons
-      title="Inversed"
-      name={themeName.replace(themeName.split("_")[0], opposite)}
-    /></Theme>
-  </XStack>;
-}
-function Buttons(props) {
-  return <YStack
-    elevation="$4"
-    backgroundColor="$background"
-    padding="$4"
-    borderRadius="$4"
-    space="$3"
-  >
-    <H5>{props.title}</H5>
-    <Button>{props.name}</Button>
-    <Button themeInverse>inversed</Button>
-    <Button theme="alt1">
-      {props.name}
-      {"_alt1"}
-    </Button>
-    <Theme name="yellow"><Button>{props.name.split("_")[0] + "_yellow"}</Button></Theme>
-  </YStack>;
-}
-export {
-  ThemeInverseDemo
-};
-//# sourceMappingURL=ThemeInverseDemo.mjs.map

package/dist/jsx/ThemeInverseDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ThemeInverseDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,IAAI,OAAO,QAAQ,QAAQ,oBAAoB;AAEzD,SAAS,mBAAmB;AACjC,QAAM,YAAY,aAAa;AAC/B,QAAM,WAAW,UAAU,SAAS,MAAM,IAAI,UAAU;AAExD,SACE,CAAC,OAAO;AAAA,IACN,CAAC,QAAQ,MAAM,SAAS,MAAM,WAAW;AAAA,IACzC,CAAC,MAAM,QACL,CAAC;AAAA,MACC,MAAM;AAAA,MACN,MAAM,UAAU,QAAQ,UAAU,MAAM,GAAG,EAAE,CAAC,GAAG,QAAQ;AAAA,IAC3D,EACF,EALC;AAAA,EAMH,EARC;AAUL;AAEA,SAAS,QAAQ,OAAwC;AACvD,SACE,CAAC;AAAA,IACC,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,MAAM;AAAA;AAAA,IAEN,CAAC,IAAI,MAAM,MAAM,EAAhB;AAAA,IACD,CAAC,QAAQ,MAAM,KAAK,EAAnB;AAAA,IACD,CAAC,OAAO,aAAa,QAAQ,EAA5B;AAAA,IACD,CAAC,OAAO,MAAM;AAAA,OAAQ,MAAM;AAAA,OAAK;AAAA,IAAK,EAArC;AAAA,IACD,CAAC,MAAM,KAAK,SACV,CAAC,QAAQ,MAAM,KAAK,MAAM,GAAG,EAAE,CAAC,IAAI,UAAU,EAA7C,OACH,EAFC;AAAA,EAGH,EAdC;AAgBL;",
-  "names": []
-}

package/dist/jsx/ToastDemo.mjs

@@ -1,78 +0,0 @@
-import { Toast, useToastController, useToastState } from "@tamagui/toast";
-import React from "react";
-import { Button, Label, Switch, XStack, YStack } from "tamagui";
-const ToastDemo = () => {
-  const [native, setNative] = React.useState(false);
-  return <YStack space alignItems="center">
-    <ToastControl native={native} />
-    <CurrentToast />
-    <NativeOptions native={native} setNative={setNative} />
-  </YStack>;
-};
-const CurrentToast = () => {
-  const currentToast = useToastState();
-  if (!currentToast || currentToast.isHandledNatively)
-    return null;
-  return <Toast
-    key={currentToast.id}
-    duration={currentToast.duration}
-    enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}
-    exitStyle={{ opacity: 0, scale: 1, y: -20 }}
-    y={0}
-    opacity={1}
-    scale={1}
-    animation="100ms"
-    viewportName={currentToast.viewportName}
-  ><YStack>
-    <Toast.Title>{currentToast.title}</Toast.Title>
-    {!!currentToast.message && <Toast.Description>{currentToast.message}</Toast.Description>}
-  </YStack></Toast>;
-};
-const ToastControl = ({ native }) => {
-  const toast = useToastController();
-  return <XStack space="$2" justifyContent="center">
-    <Button
-      onPress={() => {
-        toast.show("Successfully saved!", {
-          message: "Don't worry, we've got your data.",
-          native
-        });
-      }}
-    >Show</Button>
-    <Button
-      onPress={() => {
-        toast.hide();
-      }}
-    >Hide</Button>
-  </XStack>;
-};
-const NativeOptions = ({
-  native,
-  setNative
-}) => {
-  return <XStack space="$3">
-    <Label size="$1" onPress={() => setNative(false)}>Custom</Label>
-    <Switch
-      id="native-toggle"
-      nativeID="native-toggle"
-      theme="active"
-      size="$1"
-      checked={!!native}
-      onCheckedChange={(val) => setNative(val)}
-    ><Switch.Thumb
-      animation={[
-        "quick",
-        {
-          transform: {
-            overshootClamping: true
-          }
-        }
-      ]}
-    /></Switch>
-    <Label size="$1" onPress={() => setNative(true)}>Native</Label>
-  </XStack>;
-};
-export {
-  ToastDemo
-};
-//# sourceMappingURL=ToastDemo.mjs.map

package/dist/jsx/ToastDemo.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ToastDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAK/C,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,KAAK;AAEhD,SACE,CAAC,OAAO,MAAM,WAAW;AAAA,IACvB,CAAC,aAAa,QAAQ,QAAQ;AAAA,IAC9B,CAAC,aAAa;AAAA,IAEd,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EALC;AAOL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,MAAI,CAAC,gBAAgB,aAAa;AAAmB,WAAO;AAC5D,SACE,CAAC;AAAA,IACC,KAAK,aAAa;AAAA,IAClB,UAAU,aAAa;AAAA,IACvB,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,IAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,IAC1C,GAAG;AAAA,IACH,SAAS;AAAA,IACT,OAAO;AAAA,IACP,UAAU;AAAA,IACV,cAAc,aAAa;AAAA,GAE3B,CAAC;AAAA,IACC,CAAC,MAAM,OAAO,aAAa,MAAM,EAAhC,MAAM;AAAA,KACN,CAAC,CAAC,aAAa,WACd,CAAC,MAAM,aAAa,aAAa,QAAQ,EAAxC,MAAM;AAAA,EAEX,EALC,OAMH,EAjBC;AAmBL;AAEA,MAAM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AACjC,SACE,CAAC,OAAO,MAAM,KAAK,eAAe;AAAA,IAChC,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,MACH;AAAA,KACD,IAED,EATC;AAAA,IAUD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAlBC;AAoBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,KAAK,GAAG,MAElD,EAFC;AAAA,IAGD,CAAC;AAAA,MACC,GAAG;AAAA,MACH,SAAS;AAAA,MACT,MAAM;AAAA,MACN,KAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,KAEvC,CAAC,OAAO;AAAA,MACN,WAAW;AAAA,QACT;AAAA,QACA;AAAA,UACE,WAAW;AAAA,YACT,mBAAmB;AAAA,UACrB;AAAA,QACF;AAAA,MACF;AAAA,IACF,EACF,EAlBC;AAAA,IAoBD,CAAC,MAAM,KAAK,KAAK,SAAS,MAAM,UAAU,IAAI,GAAG,MAEjD,EAFC;AAAA,EAGH,EA3BC;AA6BL;",
-  "names": []
-}

package/dist/jsx/ToastDuplicateDemo.mjs

@@ -1,35 +0,0 @@
-import { CheckCircle2 } from "@tamagui/lucide-icons";
-import { Toast } from "@tamagui/toast";
-import React from "react";
-import { Button, XStack, YStack } from "tamagui";
-const ToastDuplicateDemo = () => {
-  const [savedCount, setSavedCount] = React.useState(0);
-  return <YStack alignItems="center">
-    <Button
-      onPress={() => {
-        setSavedCount((old) => old + 1);
-      }}
-    >Show toast</Button>
-    {[...Array(savedCount)].map((_, index) => <Toast
-      viewportName="viewport-multiple"
-      key={index}
-      duration={4e3}
-      enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}
-      exitStyle={{ opacity: 0, scale: 1, y: -20 }}
-      y={0}
-      opacity={1}
-      scale={1}
-      animation="100ms"
-    ><XStack space alignItems="center">
-      <YStack><CheckCircle2 /></YStack>
-      <YStack>
-        <Toast.Title>Successfully saved!</Toast.Title>
-        <Toast.Description>Don't worry... We've got your data.</Toast.Description>
-      </YStack>
-    </XStack></Toast>)}
-  </YStack>;
-};
-export {
-  ToastDuplicateDemo
-};
-//# sourceMappingURL=ToastDuplicateDemo.mjs.map