@tamagui/demos 1.9.0 → 1.9.2

package/dist/esm/ToastDuplicateDemo.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2 } from "@tamagui/lucide-icons";
+import React from "react";
+import { Button, Toast, XStack, YStack } from "tamagui";
+const ToastDuplicateDemo = () => {
+  const [savedCount, setSavedCount] = React.useState(0);
+  return /* @__PURE__ */ jsxs(YStack, { ai: "center", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        onPress: () => {
+          setSavedCount((old) => old + 1);
+        },
+        children: "Show toast"
+      }
+    ),
+    [...Array(savedCount)].map((_, index) => /* @__PURE__ */ jsx(
+      Toast,
+      {
+        viewportName: "viewport-multiple",
+        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",
+        children: /* @__PURE__ */ jsxs(XStack, { space: true, ai: "center", children: [
+          /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(CheckCircle2, {}) }),
+          /* @__PURE__ */ jsxs(YStack, { children: [
+            /* @__PURE__ */ jsx(Toast.Title, { children: "Successfully saved!" }),
+            /* @__PURE__ */ jsx(Toast.Description, { children: "Don't worry... We've got your data." })
+          ] })
+        ] })
+      },
+      index
+    ))
+  ] });
+};
+export {
+  ToastDuplicateDemo
+};
+//# sourceMappingURL=ToastDuplicateDemo.js.map

package/dist/esm/ToastDuplicateDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ToastDuplicateDemo.tsx"],
+  "sourcesContent": ["import { CheckCircle2 } from '@tamagui/lucide-icons'\nimport React from 'react'\nimport { Button, Toast, XStack, YStack } from 'tamagui'\n\nexport const ToastDuplicateDemo = () => {\n  const [savedCount, setSavedCount] = React.useState(0)\n\n  return (\n    <YStack ai=\"center\">\n      <Button\n        onPress={() => {\n          setSavedCount((old) => old + 1)\n        }}\n      >\n        Show toast\n      </Button>\n      {[...Array(savedCount)].map((_, index) => (\n        <Toast\n          viewportName=\"viewport-multiple\" // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop\n          key={index}\n          duration={4000}\n          enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n          exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n          y={0}\n          opacity={1}\n          scale={1}\n          animation=\"100ms\"\n        >\n          <XStack space ai=\"center\">\n            <YStack>\n              <CheckCircle2 />\n            </YStack>\n\n            <YStack>\n              <Toast.Title>Successfully saved!</Toast.Title>\n              <Toast.Description>Don't worry... We've got your data.</Toast.Description>\n            </YStack>\n          </XStack>\n        </Toast>\n      ))}\n    </YStack>\n  )\n}\n"],
+  "mappings": "AASM,cAwBM,YAxBN;AATN,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAEvC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AAEpD,SACE,qBAAC,UAAO,IAAG,UACT;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,wBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,QAChC;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACC,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QAEb,UAAU;AAAA,QACV,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,QAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,QAC1C,GAAG;AAAA,QACH,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAU;AAAA,QAEV,+BAAC,UAAO,OAAK,MAAC,IAAG,UACf;AAAA,8BAAC,UACC,8BAAC,gBAAa,GAChB;AAAA,UAEA,qBAAC,UACC;AAAA,gCAAC,MAAM,OAAN,EAAY,iCAAmB;AAAA,YAChC,oBAAC,MAAM,aAAN,EAAkB,iDAAmC;AAAA,aACxD;AAAA,WACF;AAAA;AAAA,MAlBK;AAAA,IAmBP,CACD;AAAA,KACH;AAEJ;",
+  "names": []
+}

package/dist/esm/ToastDuplicateDemo.mjs

@@ -0,0 +1,43 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckCircle2 } from "@tamagui/lucide-icons";
+import React from "react";
+import { Button, Toast, XStack, YStack } from "tamagui";
+const ToastDuplicateDemo = () => {
+  const [savedCount, setSavedCount] = React.useState(0);
+  return /* @__PURE__ */ jsxs(YStack, { ai: "center", children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        onPress: () => {
+          setSavedCount((old) => old + 1);
+        },
+        children: "Show toast"
+      }
+    ),
+    [...Array(savedCount)].map((_, index) => /* @__PURE__ */ jsx(
+      Toast,
+      {
+        viewportName: "viewport-multiple",
+        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",
+        children: /* @__PURE__ */ jsxs(XStack, { space: true, ai: "center", children: [
+          /* @__PURE__ */ jsx(YStack, { children: /* @__PURE__ */ jsx(CheckCircle2, {}) }),
+          /* @__PURE__ */ jsxs(YStack, { children: [
+            /* @__PURE__ */ jsx(Toast.Title, { children: "Successfully saved!" }),
+            /* @__PURE__ */ jsx(Toast.Description, { children: "Don't worry... We've got your data." })
+          ] })
+        ] })
+      },
+      index
+    ))
+  ] });
+};
+export {
+  ToastDuplicateDemo
+};
+//# sourceMappingURL=ToastDuplicateDemo.mjs.map

package/dist/esm/ToastDuplicateDemo.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ToastDuplicateDemo.tsx"],
+  "sourcesContent": ["import { CheckCircle2 } from '@tamagui/lucide-icons'\nimport React from 'react'\nimport { Button, Toast, XStack, YStack } from 'tamagui'\n\nexport const ToastDuplicateDemo = () => {\n  const [savedCount, setSavedCount] = React.useState(0)\n\n  return (\n    <YStack ai=\"center\">\n      <Button\n        onPress={() => {\n          setSavedCount((old) => old + 1)\n        }}\n      >\n        Show toast\n      </Button>\n      {[...Array(savedCount)].map((_, index) => (\n        <Toast\n          viewportName=\"viewport-multiple\" // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop\n          key={index}\n          duration={4000}\n          enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n          exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n          y={0}\n          opacity={1}\n          scale={1}\n          animation=\"100ms\"\n        >\n          <XStack space ai=\"center\">\n            <YStack>\n              <CheckCircle2 />\n            </YStack>\n\n            <YStack>\n              <Toast.Title>Successfully saved!</Toast.Title>\n              <Toast.Description>Don't worry... We've got your data.</Toast.Description>\n            </YStack>\n          </XStack>\n        </Toast>\n      ))}\n    </YStack>\n  )\n}\n"],
+  "mappings": "AASM,cAwBM,YAxBN;AATN,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAEvC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AAEpD,SACE,qBAAC,UAAO,IAAG,UACT;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,wBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,QAChC;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACC,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B;AAAA,MAAC;AAAA;AAAA,QACC,cAAa;AAAA,QAEb,UAAU;AAAA,QACV,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,QAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,QAC1C,GAAG;AAAA,QACH,SAAS;AAAA,QACT,OAAO;AAAA,QACP,WAAU;AAAA,QAEV,+BAAC,UAAO,OAAK,MAAC,IAAG,UACf;AAAA,8BAAC,UACC,8BAAC,gBAAa,GAChB;AAAA,UAEA,qBAAC,UACC;AAAA,gCAAC,MAAM,OAAN,EAAY,iCAAmB;AAAA,YAChC,oBAAC,MAAM,aAAN,EAAkB,iDAAmC;AAAA,aACxD;AAAA,WACF;AAAA;AAAA,MAlBK;AAAA,IAmBP,CACD;AAAA,KACH;AAEJ;",
+  "names": []
+}

package/dist/esm/index.js

@@ -38,6 +38,7 @@ import { TooltipDemo } from "./TooltipDemo";
 import { ColorsDemo } from "./ColorsDemo";
 import { TokensDemo } from "./TokensDemo";
 import { ToastDemo } from "./ToastDemo";
+import { ToastDuplicateDemo } from "./ToastDuplicateDemo";
 import { TabsDemo } from "./TabsDemo";
 import { TabsAdvancedDemo } from "./TabsAdvancedDemo";
 export * from "./useOnIntersecting";
@@ -81,6 +82,7 @@ export {
   TextDemo,
   ThemeInverseDemo,
   ToastDemo,
+  ToastDuplicateDemo,
   TokensDemo,
   TooltipDemo,
   UpdateThemeDemo

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export { AlertDialogDemo } from './AlertDialogDemo'\nexport { AnimationsDemo } from './AnimationsDemo'\nexport { AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { AnimationsTimingDemo } from './AnimationsTimingDemo'\nexport { AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { AvatarDemo } from './AvatarDemo'\nexport { ButtonDemo } from './ButtonDemo'\nexport { CardDemo } from './CardDemo'\nexport { DialogDemo } from './DialogDemo'\nexport { AddThemeDemo } from './AddThemeDemo'\nexport { UpdateThemeDemo } from './UpdateThemeDemo'\nexport { FormsDemo } from './FormsDemo'\nexport { InputsDemo } from './InputsDemo'\nexport { GroupDemo } from './GroupDemo'\nexport { HeadingsDemo } from './HeadingsDemo'\nexport { ImageDemo } from './ImageDemo'\nexport { LabelDemo } from './LabelDemo'\nexport { LinearGradientDemo } from './LinearGradientDemo'\nexport { ListItemDemo } from './ListItemDemo'\nexport { LucideIconsDemo } from './LucideIconsDemo'\nexport { PopoverDemo } from './PopoverDemo'\nexport { ProgressDemo } from './ProgressDemo'\nexport { RadioGroupDemo } from './RadioGroupDemo'\nexport { SelectDemo } from './SelectDemo'\nexport { SeparatorDemo } from './SeparatorDemo'\nexport { ShapesDemo } from './ShapesDemo'\nexport { ScrollViewDemo } from './ScrollViewDemo'\nexport { SheetDemo } from './SheetDemo'\nexport { SliderDemo } from './SliderDemo'\nexport { SpinnerDemo } from './SpinnerDemo'\nexport { StacksDemo } from './StacksDemo'\nexport { SwitchDemo } from './SwitchDemo'\nexport { CheckboxDemo } from './CheckboxDemo'\nexport { TextDemo } from './TextDemo'\nexport { ThemeInverseDemo } from './ThemeInverseDemo'\nexport { TooltipDemo } from './TooltipDemo'\nexport { ColorsDemo } from './ColorsDemo'\nexport { TokensDemo } from './TokensDemo'\nexport { ToastDemo } from './ToastDemo'\nexport { TabsDemo } from './TabsDemo'\nexport { TabsAdvancedDemo } from './TabsAdvancedDemo'\nexport * from './useOnIntersecting'\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,cAAc;",
+  "sourcesContent": ["export { AlertDialogDemo } from './AlertDialogDemo'\nexport { AnimationsDemo } from './AnimationsDemo'\nexport { AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { AnimationsTimingDemo } from './AnimationsTimingDemo'\nexport { AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { AvatarDemo } from './AvatarDemo'\nexport { ButtonDemo } from './ButtonDemo'\nexport { CardDemo } from './CardDemo'\nexport { DialogDemo } from './DialogDemo'\nexport { AddThemeDemo } from './AddThemeDemo'\nexport { UpdateThemeDemo } from './UpdateThemeDemo'\nexport { FormsDemo } from './FormsDemo'\nexport { InputsDemo } from './InputsDemo'\nexport { GroupDemo } from './GroupDemo'\nexport { HeadingsDemo } from './HeadingsDemo'\nexport { ImageDemo } from './ImageDemo'\nexport { LabelDemo } from './LabelDemo'\nexport { LinearGradientDemo } from './LinearGradientDemo'\nexport { ListItemDemo } from './ListItemDemo'\nexport { LucideIconsDemo } from './LucideIconsDemo'\nexport { PopoverDemo } from './PopoverDemo'\nexport { ProgressDemo } from './ProgressDemo'\nexport { RadioGroupDemo } from './RadioGroupDemo'\nexport { SelectDemo } from './SelectDemo'\nexport { SeparatorDemo } from './SeparatorDemo'\nexport { ShapesDemo } from './ShapesDemo'\nexport { ScrollViewDemo } from './ScrollViewDemo'\nexport { SheetDemo } from './SheetDemo'\nexport { SliderDemo } from './SliderDemo'\nexport { SpinnerDemo } from './SpinnerDemo'\nexport { StacksDemo } from './StacksDemo'\nexport { SwitchDemo } from './SwitchDemo'\nexport { CheckboxDemo } from './CheckboxDemo'\nexport { TextDemo } from './TextDemo'\nexport { ThemeInverseDemo } from './ThemeInverseDemo'\nexport { TooltipDemo } from './TooltipDemo'\nexport { ColorsDemo } from './ColorsDemo'\nexport { TokensDemo } from './TokensDemo'\nexport { ToastDemo } from './ToastDemo'\nexport { ToastDuplicateDemo } from './ToastDuplicateDemo'\nexport { TabsDemo } from './TabsDemo'\nexport { TabsAdvancedDemo } from './TabsAdvancedDemo'\nexport * from './useOnIntersecting'\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,cAAc;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -38,6 +38,7 @@ import { TooltipDemo } from "./TooltipDemo";
 import { ColorsDemo } from "./ColorsDemo";
 import { TokensDemo } from "./TokensDemo";
 import { ToastDemo } from "./ToastDemo";
+import { ToastDuplicateDemo } from "./ToastDuplicateDemo";
 import { TabsDemo } from "./TabsDemo";
 import { TabsAdvancedDemo } from "./TabsAdvancedDemo";
 export * from "./useOnIntersecting";
@@ -81,6 +82,7 @@ export {
   TextDemo,
   ThemeInverseDemo,
   ToastDemo,
+  ToastDuplicateDemo,
   TokensDemo,
   TooltipDemo,
   UpdateThemeDemo

package/dist/esm/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export { AlertDialogDemo } from './AlertDialogDemo'\nexport { AnimationsDemo } from './AnimationsDemo'\nexport { AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { AnimationsTimingDemo } from './AnimationsTimingDemo'\nexport { AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { AvatarDemo } from './AvatarDemo'\nexport { ButtonDemo } from './ButtonDemo'\nexport { CardDemo } from './CardDemo'\nexport { DialogDemo } from './DialogDemo'\nexport { AddThemeDemo } from './AddThemeDemo'\nexport { UpdateThemeDemo } from './UpdateThemeDemo'\nexport { FormsDemo } from './FormsDemo'\nexport { InputsDemo } from './InputsDemo'\nexport { GroupDemo } from './GroupDemo'\nexport { HeadingsDemo } from './HeadingsDemo'\nexport { ImageDemo } from './ImageDemo'\nexport { LabelDemo } from './LabelDemo'\nexport { LinearGradientDemo } from './LinearGradientDemo'\nexport { ListItemDemo } from './ListItemDemo'\nexport { LucideIconsDemo } from './LucideIconsDemo'\nexport { PopoverDemo } from './PopoverDemo'\nexport { ProgressDemo } from './ProgressDemo'\nexport { RadioGroupDemo } from './RadioGroupDemo'\nexport { SelectDemo } from './SelectDemo'\nexport { SeparatorDemo } from './SeparatorDemo'\nexport { ShapesDemo } from './ShapesDemo'\nexport { ScrollViewDemo } from './ScrollViewDemo'\nexport { SheetDemo } from './SheetDemo'\nexport { SliderDemo } from './SliderDemo'\nexport { SpinnerDemo } from './SpinnerDemo'\nexport { StacksDemo } from './StacksDemo'\nexport { SwitchDemo } from './SwitchDemo'\nexport { CheckboxDemo } from './CheckboxDemo'\nexport { TextDemo } from './TextDemo'\nexport { ThemeInverseDemo } from './ThemeInverseDemo'\nexport { TooltipDemo } from './TooltipDemo'\nexport { ColorsDemo } from './ColorsDemo'\nexport { TokensDemo } from './TokensDemo'\nexport { ToastDemo } from './ToastDemo'\nexport { TabsDemo } from './TabsDemo'\nexport { TabsAdvancedDemo } from './TabsAdvancedDemo'\nexport * from './useOnIntersecting'\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,cAAc;",
+  "sourcesContent": ["export { AlertDialogDemo } from './AlertDialogDemo'\nexport { AnimationsDemo } from './AnimationsDemo'\nexport { AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { AnimationsTimingDemo } from './AnimationsTimingDemo'\nexport { AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { AvatarDemo } from './AvatarDemo'\nexport { ButtonDemo } from './ButtonDemo'\nexport { CardDemo } from './CardDemo'\nexport { DialogDemo } from './DialogDemo'\nexport { AddThemeDemo } from './AddThemeDemo'\nexport { UpdateThemeDemo } from './UpdateThemeDemo'\nexport { FormsDemo } from './FormsDemo'\nexport { InputsDemo } from './InputsDemo'\nexport { GroupDemo } from './GroupDemo'\nexport { HeadingsDemo } from './HeadingsDemo'\nexport { ImageDemo } from './ImageDemo'\nexport { LabelDemo } from './LabelDemo'\nexport { LinearGradientDemo } from './LinearGradientDemo'\nexport { ListItemDemo } from './ListItemDemo'\nexport { LucideIconsDemo } from './LucideIconsDemo'\nexport { PopoverDemo } from './PopoverDemo'\nexport { ProgressDemo } from './ProgressDemo'\nexport { RadioGroupDemo } from './RadioGroupDemo'\nexport { SelectDemo } from './SelectDemo'\nexport { SeparatorDemo } from './SeparatorDemo'\nexport { ShapesDemo } from './ShapesDemo'\nexport { ScrollViewDemo } from './ScrollViewDemo'\nexport { SheetDemo } from './SheetDemo'\nexport { SliderDemo } from './SliderDemo'\nexport { SpinnerDemo } from './SpinnerDemo'\nexport { StacksDemo } from './StacksDemo'\nexport { SwitchDemo } from './SwitchDemo'\nexport { CheckboxDemo } from './CheckboxDemo'\nexport { TextDemo } from './TextDemo'\nexport { ThemeInverseDemo } from './ThemeInverseDemo'\nexport { TooltipDemo } from './TooltipDemo'\nexport { ColorsDemo } from './ColorsDemo'\nexport { TokensDemo } from './TokensDemo'\nexport { ToastDemo } from './ToastDemo'\nexport { ToastDuplicateDemo } from './ToastDuplicateDemo'\nexport { TabsDemo } from './TabsDemo'\nexport { TabsAdvancedDemo } from './TabsAdvancedDemo'\nexport * from './useOnIntersecting'\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,cAAc;",
   "names": []
 }

package/dist/jsx/ToastDemo.js

@@ -1,37 +1,83 @@
-import { CheckCircle2 } from "@tamagui/lucide-icons";
+import { Check } from "@tamagui/lucide-icons";
 import React from "react";
-import { Button, Toast, XStack, YStack } from "tamagui";
+import {
+  Button,
+  Checkbox,
+  Label,
+  Toast,
+  ToastImperativeProvider,
+  XStack,
+  YStack,
+  useToast
+} from "tamagui";
 const ToastDemo = () => {
-  const [savedCount, setSavedCount] = React.useState(0);
-  return <YStack ai="center">
+  const [native, setNative] = React.useState([]);
+  return <YStack space="$5">
+    <ToastImperativeProvider options={{ native }}>
+      <ToastControl />
+      <CurrentToast />
+    </ToastImperativeProvider>
+    <NativeOptions native={native} setNative={setNative} />
+  </YStack>;
+};
+const CurrentToast = () => {
+  const { currentToast } = useToast();
+  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"
+  ><YStack>
+    <Toast.Title>{currentToast.title}</Toast.Title>
+    {!!currentToast.message && <Toast.Description>{currentToast.message}</Toast.Description>}
+  </YStack></Toast>;
+};
+const ToastControl = () => {
+  const toast = useToast();
+  return <XStack space="$2" jc="center">
     <Button
       onPress={() => {
-        setSavedCount((old) => old + 1);
+        toast.show("Successfully saved!", {
+          message: "Don't worry, we've got your data."
+        });
       }}
-    >Show toast</Button>
-    {[...Array(savedCount)].map((_, index) => <Toast
-      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 ai="center">
-      <YStack
-        animation="quick"
-        enterStyle={{ scale: 0, rotate: "-100deg", x: 10 }}
-        x={0}
-        scale={1}
-        rotate="0deg"
-      ><CheckCircle2 /></YStack>
-      <YStack>
-        <Toast.Title enterStyle={{ x: 40 }} x={0} animation="quick">Successfully saved!</Toast.Title>
-        <Toast.Description enterStyle={{ x: 20 }} x={0} animation="quick">Don't worry... We've got your data.</Toast.Description>
-      </YStack>
-    </XStack></Toast>)}
-  </YStack>;
+    >Show</Button>
+    <Button
+      onPress={() => {
+        toast.hide();
+      }}
+    >Hide</Button>
+  </XStack>;
+};
+const NativeOptions = ({
+  native,
+  setNative
+}) => {
+  const supportedNativePlatforms = ["web", "mobile"];
+  return <XStack space>{supportedNativePlatforms.map((platform) => <XStack ai="center" space="$2" key={platform}>
+    <Checkbox
+      id={platform}
+      checked={native?.includes(platform)}
+      onCheckedChange={(checked) => {
+        if (checked)
+          setNative([...native, platform]);
+        else
+          setNative(native.filter((val) => val !== platform));
+      }}
+      size="$3"
+    ><Checkbox.Indicator><Check /></Checkbox.Indicator></Checkbox>
+    <Label size="$3" htmlFor={platform}>
+      {"Native "}
+      {platform}
+      {" toast"}
+    </Label>
+  </XStack>)}</XStack>;
 };
 export {
   ToastDemo

package/dist/jsx/ToastDemo.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToastDemo.tsx"],
-  "sourcesContent": ["import { CheckCircle2 } from '@tamagui/lucide-icons'\nimport React from 'react'\nimport { Button, Toast, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n  const [savedCount, setSavedCount] = React.useState(0)\n\n  return (\n    <YStack ai=\"center\">\n      <Button\n        onPress={() => {\n          setSavedCount((old) => old + 1)\n        }}\n      >\n        Show toast\n      </Button>\n      {[...Array(savedCount)].map((_, index) => (\n        <Toast\n          key={index}\n          duration={4000}\n          enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n          exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n          y={0}\n          opacity={1}\n          scale={1}\n          animation=\"100ms\"\n        >\n          <XStack space ai=\"center\">\n            <YStack\n              animation=\"quick\"\n              enterStyle={{ scale: 0, rotate: '-100deg', x: 10 }}\n              x={0}\n              scale={1}\n              rotate=\"0deg\"\n            >\n              <CheckCircle2 />\n            </YStack>\n\n            <YStack>\n              <Toast.Title enterStyle={{ x: 40 }} x={0} animation=\"quick\">\n                Successfully saved!\n              </Toast.Title>\n              <Toast.Description enterStyle={{ x: 20 }} x={0} animation=\"quick\">\n                Don't worry... We've got your data.\n              </Toast.Description>\n            </YStack>\n          </XStack>\n        </Toast>\n      ))}\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAEvC,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AAEpD,SACE,CAAC,OAAO,GAAG;AAAA,IACT,CAAC;AAAA,MACC,SAAS,MAAM;AACb,sBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,MAChC;AAAA,KACD,UAED,EANC;AAAA,KAOA,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B,CAAC;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,KAEV,CAAC,OAAO,MAAM,GAAG;AAAA,MACf,CAAC;AAAA,QACC,UAAU;AAAA,QACV,YAAY,EAAE,OAAO,GAAG,QAAQ,WAAW,GAAG,GAAG;AAAA,QACjD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,OAAO;AAAA,OAEP,CAAC,aAAa,EAChB,EARC;AAAA,MAUD,CAAC;AAAA,QACC,CAAC,MAAM,MAAM,YAAY,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,UAAU,QAAQ,mBAE5D,EAFC,MAAM;AAAA,QAGP,CAAC,MAAM,YAAY,YAAY,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,UAAU,QAAQ,mCAElE,EAFC,MAAM;AAAA,MAGT,EAPC;AAAA,IAQH,EAnBC,OAoBH,EA9BC,MA+BF;AAAA,EACH,EAzCC;AA2CL;",
+  "sourcesContent": ["import { Check } from '@tamagui/lucide-icons'\nimport React from 'react'\nimport {\n  Button,\n  Checkbox,\n  Label,\n  Toast,\n  ToastImperativeProvider,\n  ToastNativePlatform,\n  XStack,\n  YStack,\n  useToast,\n} from 'tamagui'\n\nexport const ToastDemo = () => {\n  const [native, setNative] = React.useState<ToastNativePlatform[]>([])\n\n  return (\n    <YStack space=\"$5\">\n      <ToastImperativeProvider options={{ native }}>\n        <ToastControl />\n        <CurrentToast />\n      </ToastImperativeProvider>\n\n      <NativeOptions native={native} setNative={setNative} />\n    </YStack>\n  )\n}\n\nconst CurrentToast = () => {\n  const { currentToast } = useToast()\n\n  if (!currentToast || currentToast.isHandledNatively) return null\n  return (\n    <Toast\n      key={currentToast.id}\n      duration={currentToast.duration}\n      enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n      exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n      y={0}\n      opacity={1}\n      scale={1}\n      animation=\"100ms\"\n    >\n      <YStack>\n        <Toast.Title>{currentToast.title}</Toast.Title>\n        {!!currentToast.message && (\n          <Toast.Description>{currentToast.message}</Toast.Description>\n        )}\n      </YStack>\n    </Toast>\n  )\n}\n\nconst ToastControl = () => {\n  const toast = useToast()\n  return (\n    <XStack space=\"$2\" jc=\"center\">\n      <Button\n        onPress={() => {\n          toast.show('Successfully saved!', {\n            message: \"Don't worry, we've got your data.\",\n          })\n        }}\n      >\n        Show\n      </Button>\n      <Button\n        onPress={() => {\n          toast.hide()\n        }}\n      >\n        Hide\n      </Button>\n    </XStack>\n  )\n}\n\nconst NativeOptions = ({\n  native,\n  setNative,\n}: {\n  native: ToastNativePlatform[]\n  setNative: (native: ToastNativePlatform[]) => void\n}) => {\n  const supportedNativePlatforms: ToastNativePlatform[] = ['web', 'mobile']\n\n  return (\n    <XStack space>\n      {supportedNativePlatforms.map((platform) => (\n        <XStack ai=\"center\" space=\"$2\" key={platform}>\n          <Checkbox\n            id={platform}\n            checked={native?.includes(platform)}\n            onCheckedChange={(checked) => {\n              if (checked) setNative([...native, platform])\n              else setNative(native.filter((val) => val !== platform))\n            }}\n            size=\"$3\"\n          >\n            <Checkbox.Indicator>\n              <Check />\n            </Checkbox.Indicator>\n          </Checkbox>\n          <Label size=\"$3\" htmlFor={platform}>\n            Native {platform} toast\n          </Label>\n        </XStack>\n      ))}\n    </XStack>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAgC,CAAC,CAAC;AAEpE,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,wBAAwB,SAAS,EAAE,OAAO;AAAA,MACzC,CAAC,aAAa;AAAA,MACd,CAAC,aAAa;AAAA,IAChB,EAHC;AAAA,IAKD,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EAPC;AASL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,EAAE,aAAa,IAAI,SAAS;AAElC,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,GAEV,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,EAhBC;AAkBL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,QAAQ,SAAS;AACvB,SACE,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,IACpB,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,KACD,IAED,EARC;AAAA,IASD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAjBC;AAmBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,QAAM,2BAAkD,CAAC,OAAO,QAAQ;AAExE,SACE,CAAC,OAAO,OACL,yBAAyB,IAAI,CAAC,aAC7B,CAAC,OAAO,GAAG,SAAS,MAAM,KAAK,KAAK;AAAA,IAClC,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,SAAS,QAAQ,SAAS,QAAQ;AAAA,MAClC,iBAAiB,CAAC,YAAY;AAC5B,YAAI;AAAS,oBAAU,CAAC,GAAG,QAAQ,QAAQ,CAAC;AAAA;AACvC,oBAAU,OAAO,OAAO,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,MACzD;AAAA,MACA,KAAK;AAAA,KAEL,CAAC,SAAS,UACR,CAAC,MAAM,EACT,EAFC,SAAS,UAGZ,EAZC;AAAA,IAaD,CAAC,MAAM,KAAK,KAAK,SAAS;AAAA,OAAU;AAAA,OAC1B;AAAA,OAAS;AAAA,IACnB,EAFC;AAAA,EAGH,EAjBC,OAkBF,EACH,EArBC;AAuBL;",
   "names": []
 }

package/dist/jsx/ToastDemo.mjs

@@ -1,37 +1,83 @@
-import { CheckCircle2 } from "@tamagui/lucide-icons";
+import { Check } from "@tamagui/lucide-icons";
 import React from "react";
-import { Button, Toast, XStack, YStack } from "tamagui";
+import {
+  Button,
+  Checkbox,
+  Label,
+  Toast,
+  ToastImperativeProvider,
+  XStack,
+  YStack,
+  useToast
+} from "tamagui";
 const ToastDemo = () => {
-  const [savedCount, setSavedCount] = React.useState(0);
-  return <YStack ai="center">
+  const [native, setNative] = React.useState([]);
+  return <YStack space="$5">
+    <ToastImperativeProvider options={{ native }}>
+      <ToastControl />
+      <CurrentToast />
+    </ToastImperativeProvider>
+    <NativeOptions native={native} setNative={setNative} />
+  </YStack>;
+};
+const CurrentToast = () => {
+  const { currentToast } = useToast();
+  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"
+  ><YStack>
+    <Toast.Title>{currentToast.title}</Toast.Title>
+    {!!currentToast.message && <Toast.Description>{currentToast.message}</Toast.Description>}
+  </YStack></Toast>;
+};
+const ToastControl = () => {
+  const toast = useToast();
+  return <XStack space="$2" jc="center">
     <Button
       onPress={() => {
-        setSavedCount((old) => old + 1);
+        toast.show("Successfully saved!", {
+          message: "Don't worry, we've got your data."
+        });
       }}
-    >Show toast</Button>
-    {[...Array(savedCount)].map((_, index) => <Toast
-      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 ai="center">
-      <YStack
-        animation="quick"
-        enterStyle={{ scale: 0, rotate: "-100deg", x: 10 }}
-        x={0}
-        scale={1}
-        rotate="0deg"
-      ><CheckCircle2 /></YStack>
-      <YStack>
-        <Toast.Title enterStyle={{ x: 40 }} x={0} animation="quick">Successfully saved!</Toast.Title>
-        <Toast.Description enterStyle={{ x: 20 }} x={0} animation="quick">Don't worry... We've got your data.</Toast.Description>
-      </YStack>
-    </XStack></Toast>)}
-  </YStack>;
+    >Show</Button>
+    <Button
+      onPress={() => {
+        toast.hide();
+      }}
+    >Hide</Button>
+  </XStack>;
+};
+const NativeOptions = ({
+  native,
+  setNative
+}) => {
+  const supportedNativePlatforms = ["web", "mobile"];
+  return <XStack space>{supportedNativePlatforms.map((platform) => <XStack ai="center" space="$2" key={platform}>
+    <Checkbox
+      id={platform}
+      checked={native?.includes(platform)}
+      onCheckedChange={(checked) => {
+        if (checked)
+          setNative([...native, platform]);
+        else
+          setNative(native.filter((val) => val !== platform));
+      }}
+      size="$3"
+    ><Checkbox.Indicator><Check /></Checkbox.Indicator></Checkbox>
+    <Label size="$3" htmlFor={platform}>
+      {"Native "}
+      {platform}
+      {" toast"}
+    </Label>
+  </XStack>)}</XStack>;
 };
 export {
   ToastDemo

package/dist/jsx/ToastDemo.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/ToastDemo.tsx"],
-  "sourcesContent": ["import { CheckCircle2 } from '@tamagui/lucide-icons'\nimport React from 'react'\nimport { Button, Toast, XStack, YStack } from 'tamagui'\n\nexport const ToastDemo = () => {\n  const [savedCount, setSavedCount] = React.useState(0)\n\n  return (\n    <YStack ai=\"center\">\n      <Button\n        onPress={() => {\n          setSavedCount((old) => old + 1)\n        }}\n      >\n        Show toast\n      </Button>\n      {[...Array(savedCount)].map((_, index) => (\n        <Toast\n          key={index}\n          duration={4000}\n          enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n          exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n          y={0}\n          opacity={1}\n          scale={1}\n          animation=\"100ms\"\n        >\n          <XStack space ai=\"center\">\n            <YStack\n              animation=\"quick\"\n              enterStyle={{ scale: 0, rotate: '-100deg', x: 10 }}\n              x={0}\n              scale={1}\n              rotate=\"0deg\"\n            >\n              <CheckCircle2 />\n            </YStack>\n\n            <YStack>\n              <Toast.Title enterStyle={{ x: 40 }} x={0} animation=\"quick\">\n                Successfully saved!\n              </Toast.Title>\n              <Toast.Description enterStyle={{ x: 20 }} x={0} animation=\"quick\">\n                Don't worry... We've got your data.\n              </Toast.Description>\n            </YStack>\n          </XStack>\n        </Toast>\n      ))}\n    </YStack>\n  )\n}\n"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAEvC,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AAEpD,SACE,CAAC,OAAO,GAAG;AAAA,IACT,CAAC;AAAA,MACC,SAAS,MAAM;AACb,sBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,MAChC;AAAA,KACD,UAED,EANC;AAAA,KAOA,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B,CAAC;AAAA,MACC,KAAK;AAAA,MACL,UAAU;AAAA,MACV,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,KAEV,CAAC,OAAO,MAAM,GAAG;AAAA,MACf,CAAC;AAAA,QACC,UAAU;AAAA,QACV,YAAY,EAAE,OAAO,GAAG,QAAQ,WAAW,GAAG,GAAG;AAAA,QACjD,GAAG;AAAA,QACH,OAAO;AAAA,QACP,OAAO;AAAA,OAEP,CAAC,aAAa,EAChB,EARC;AAAA,MAUD,CAAC;AAAA,QACC,CAAC,MAAM,MAAM,YAAY,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,UAAU,QAAQ,mBAE5D,EAFC,MAAM;AAAA,QAGP,CAAC,MAAM,YAAY,YAAY,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,UAAU,QAAQ,mCAElE,EAFC,MAAM;AAAA,MAGT,EAPC;AAAA,IAQH,EAnBC,OAoBH,EA9BC,MA+BF;AAAA,EACH,EAzCC;AA2CL;",
+  "sourcesContent": ["import { Check } from '@tamagui/lucide-icons'\nimport React from 'react'\nimport {\n  Button,\n  Checkbox,\n  Label,\n  Toast,\n  ToastImperativeProvider,\n  ToastNativePlatform,\n  XStack,\n  YStack,\n  useToast,\n} from 'tamagui'\n\nexport const ToastDemo = () => {\n  const [native, setNative] = React.useState<ToastNativePlatform[]>([])\n\n  return (\n    <YStack space=\"$5\">\n      <ToastImperativeProvider options={{ native }}>\n        <ToastControl />\n        <CurrentToast />\n      </ToastImperativeProvider>\n\n      <NativeOptions native={native} setNative={setNative} />\n    </YStack>\n  )\n}\n\nconst CurrentToast = () => {\n  const { currentToast } = useToast()\n\n  if (!currentToast || currentToast.isHandledNatively) return null\n  return (\n    <Toast\n      key={currentToast.id}\n      duration={currentToast.duration}\n      enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n      exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n      y={0}\n      opacity={1}\n      scale={1}\n      animation=\"100ms\"\n    >\n      <YStack>\n        <Toast.Title>{currentToast.title}</Toast.Title>\n        {!!currentToast.message && (\n          <Toast.Description>{currentToast.message}</Toast.Description>\n        )}\n      </YStack>\n    </Toast>\n  )\n}\n\nconst ToastControl = () => {\n  const toast = useToast()\n  return (\n    <XStack space=\"$2\" jc=\"center\">\n      <Button\n        onPress={() => {\n          toast.show('Successfully saved!', {\n            message: \"Don't worry, we've got your data.\",\n          })\n        }}\n      >\n        Show\n      </Button>\n      <Button\n        onPress={() => {\n          toast.hide()\n        }}\n      >\n        Hide\n      </Button>\n    </XStack>\n  )\n}\n\nconst NativeOptions = ({\n  native,\n  setNative,\n}: {\n  native: ToastNativePlatform[]\n  setNative: (native: ToastNativePlatform[]) => void\n}) => {\n  const supportedNativePlatforms: ToastNativePlatform[] = ['web', 'mobile']\n\n  return (\n    <XStack space>\n      {supportedNativePlatforms.map((platform) => (\n        <XStack ai=\"center\" space=\"$2\" key={platform}>\n          <Checkbox\n            id={platform}\n            checked={native?.includes(platform)}\n            onCheckedChange={(checked) => {\n              if (checked) setNative([...native, platform])\n              else setNative(native.filter((val) => val !== platform))\n            }}\n            size=\"$3\"\n          >\n            <Checkbox.Indicator>\n              <Check />\n            </Checkbox.Indicator>\n          </Checkbox>\n          <Label size=\"$3\" htmlFor={platform}>\n            Native {platform} toast\n          </Label>\n        </XStack>\n      ))}\n    </XStack>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,aAAa;AACtB,OAAO,WAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEA,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAgC,CAAC,CAAC;AAEpE,SACE,CAAC,OAAO,MAAM;AAAA,IACZ,CAAC,wBAAwB,SAAS,EAAE,OAAO;AAAA,MACzC,CAAC,aAAa;AAAA,MACd,CAAC,aAAa;AAAA,IAChB,EAHC;AAAA,IAKD,CAAC,cAAc,QAAQ,QAAQ,WAAW,WAAW;AAAA,EACvD,EAPC;AASL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,EAAE,aAAa,IAAI,SAAS;AAElC,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,GAEV,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,EAhBC;AAkBL;AAEA,MAAM,eAAe,MAAM;AACzB,QAAM,QAAQ,SAAS;AACvB,SACE,CAAC,OAAO,MAAM,KAAK,GAAG;AAAA,IACpB,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK,uBAAuB;AAAA,UAChC,SAAS;AAAA,QACX,CAAC;AAAA,MACH;AAAA,KACD,IAED,EARC;AAAA,IASD,CAAC;AAAA,MACC,SAAS,MAAM;AACb,cAAM,KAAK;AAAA,MACb;AAAA,KACD,IAED,EANC;AAAA,EAOH,EAjBC;AAmBL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAGM;AACJ,QAAM,2BAAkD,CAAC,OAAO,QAAQ;AAExE,SACE,CAAC,OAAO,OACL,yBAAyB,IAAI,CAAC,aAC7B,CAAC,OAAO,GAAG,SAAS,MAAM,KAAK,KAAK;AAAA,IAClC,CAAC;AAAA,MACC,IAAI;AAAA,MACJ,SAAS,QAAQ,SAAS,QAAQ;AAAA,MAClC,iBAAiB,CAAC,YAAY;AAC5B,YAAI;AAAS,oBAAU,CAAC,GAAG,QAAQ,QAAQ,CAAC;AAAA;AACvC,oBAAU,OAAO,OAAO,CAAC,QAAQ,QAAQ,QAAQ,CAAC;AAAA,MACzD;AAAA,MACA,KAAK;AAAA,KAEL,CAAC,SAAS,UACR,CAAC,MAAM,EACT,EAFC,SAAS,UAGZ,EAZC;AAAA,IAaD,CAAC,MAAM,KAAK,KAAK,SAAS;AAAA,OAAU;AAAA,OAC1B;AAAA,OAAS;AAAA,IACnB,EAFC;AAAA,EAGH,EAjBC,OAkBF,EACH,EArBC;AAuBL;",
   "names": []
 }

package/dist/jsx/ToastDuplicateDemo.js

@@ -0,0 +1,34 @@
+import { CheckCircle2 } from "@tamagui/lucide-icons";
+import React from "react";
+import { Button, Toast, XStack, YStack } from "tamagui";
+const ToastDuplicateDemo = () => {
+  const [savedCount, setSavedCount] = React.useState(0);
+  return <YStack ai="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 ai="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.js.map

package/dist/jsx/ToastDuplicateDemo.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ToastDuplicateDemo.tsx"],
+  "sourcesContent": ["import { CheckCircle2 } from '@tamagui/lucide-icons'\nimport React from 'react'\nimport { Button, Toast, XStack, YStack } from 'tamagui'\n\nexport const ToastDuplicateDemo = () => {\n  const [savedCount, setSavedCount] = React.useState(0)\n\n  return (\n    <YStack ai=\"center\">\n      <Button\n        onPress={() => {\n          setSavedCount((old) => old + 1)\n        }}\n      >\n        Show toast\n      </Button>\n      {[...Array(savedCount)].map((_, index) => (\n        <Toast\n          viewportName=\"viewport-multiple\" // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop\n          key={index}\n          duration={4000}\n          enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n          exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n          y={0}\n          opacity={1}\n          scale={1}\n          animation=\"100ms\"\n        >\n          <XStack space ai=\"center\">\n            <YStack>\n              <CheckCircle2 />\n            </YStack>\n\n            <YStack>\n              <Toast.Title>Successfully saved!</Toast.Title>\n              <Toast.Description>Don't worry... We've got your data.</Toast.Description>\n            </YStack>\n          </XStack>\n        </Toast>\n      ))}\n    </YStack>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAEvC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AAEpD,SACE,CAAC,OAAO,GAAG;AAAA,IACT,CAAC;AAAA,MACC,SAAS,MAAM;AACb,sBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,MAChC;AAAA,KACD,UAED,EANC;AAAA,KAOA,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B,CAAC;AAAA,MACC,aAAa;AAAA,MACb,KAAK;AAAA,MACL,UAAU;AAAA,MACV,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,KAEV,CAAC,OAAO,MAAM,GAAG;AAAA,MACf,CAAC,OACC,CAAC,aAAa,EAChB,EAFC;AAAA,MAID,CAAC;AAAA,QACC,CAAC,MAAM,MAAM,mBAAmB,EAA/B,MAAM;AAAA,QACP,CAAC,MAAM,YAAY,mCAAmC,EAArD,MAAM;AAAA,MACT,EAHC;AAAA,IAIH,EATC,OAUH,EArBC,MAsBF;AAAA,EACH,EAhCC;AAkCL;",
+  "names": []
+}

package/dist/jsx/ToastDuplicateDemo.mjs

@@ -0,0 +1,34 @@
+import { CheckCircle2 } from "@tamagui/lucide-icons";
+import React from "react";
+import { Button, Toast, XStack, YStack } from "tamagui";
+const ToastDuplicateDemo = () => {
+  const [savedCount, setSavedCount] = React.useState(0);
+  return <YStack ai="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 ai="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

package/dist/jsx/ToastDuplicateDemo.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/ToastDuplicateDemo.tsx"],
+  "sourcesContent": ["import { CheckCircle2 } from '@tamagui/lucide-icons'\nimport React from 'react'\nimport { Button, Toast, XStack, YStack } from 'tamagui'\n\nexport const ToastDuplicateDemo = () => {\n  const [savedCount, setSavedCount] = React.useState(0)\n\n  return (\n    <YStack ai=\"center\">\n      <Button\n        onPress={() => {\n          setSavedCount((old) => old + 1)\n        }}\n      >\n        Show toast\n      </Button>\n      {[...Array(savedCount)].map((_, index) => (\n        <Toast\n          viewportName=\"viewport-multiple\" // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop\n          key={index}\n          duration={4000}\n          enterStyle={{ opacity: 0, scale: 0.5, y: -25 }}\n          exitStyle={{ opacity: 0, scale: 1, y: -20 }}\n          y={0}\n          opacity={1}\n          scale={1}\n          animation=\"100ms\"\n        >\n          <XStack space ai=\"center\">\n            <YStack>\n              <CheckCircle2 />\n            </YStack>\n\n            <YStack>\n              <Toast.Title>Successfully saved!</Toast.Title>\n              <Toast.Description>Don't worry... We've got your data.</Toast.Description>\n            </YStack>\n          </XStack>\n        </Toast>\n      ))}\n    </YStack>\n  )\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,cAAc;AAEvC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AAEpD,SACE,CAAC,OAAO,GAAG;AAAA,IACT,CAAC;AAAA,MACC,SAAS,MAAM;AACb,sBAAc,CAAC,QAAQ,MAAM,CAAC;AAAA,MAChC;AAAA,KACD,UAED,EANC;AAAA,KAOA,CAAC,GAAG,MAAM,UAAU,CAAC,EAAE,IAAI,CAAC,GAAG,UAC9B,CAAC;AAAA,MACC,aAAa;AAAA,MACb,KAAK;AAAA,MACL,UAAU;AAAA,MACV,YAAY,EAAE,SAAS,GAAG,OAAO,KAAK,GAAG,IAAI;AAAA,MAC7C,WAAW,EAAE,SAAS,GAAG,OAAO,GAAG,GAAG,IAAI;AAAA,MAC1C,GAAG;AAAA,MACH,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,KAEV,CAAC,OAAO,MAAM,GAAG;AAAA,MACf,CAAC,OACC,CAAC,aAAa,EAChB,EAFC;AAAA,MAID,CAAC;AAAA,QACC,CAAC,MAAM,MAAM,mBAAmB,EAA/B,MAAM;AAAA,QACP,CAAC,MAAM,YAAY,mCAAmC,EAArD,MAAM;AAAA,MACT,EAHC;AAAA,IAIH,EATC,OAUH,EArBC,MAsBF;AAAA,EACH,EAhCC;AAkCL;",
+  "names": []
+}

package/dist/jsx/index.js

@@ -38,6 +38,7 @@ import { TooltipDemo } from "./TooltipDemo";
 import { ColorsDemo } from "./ColorsDemo";
 import { TokensDemo } from "./TokensDemo";
 import { ToastDemo } from "./ToastDemo";
+import { ToastDuplicateDemo } from "./ToastDuplicateDemo";
 import { TabsDemo } from "./TabsDemo";
 import { TabsAdvancedDemo } from "./TabsAdvancedDemo";
 export * from "./useOnIntersecting";
@@ -81,6 +82,7 @@ export {
   TextDemo,
   ThemeInverseDemo,
   ToastDemo,
+  ToastDuplicateDemo,
   TokensDemo,
   TooltipDemo,
   UpdateThemeDemo

package/dist/jsx/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "sourcesContent": ["export { AlertDialogDemo } from './AlertDialogDemo'\nexport { AnimationsDemo } from './AnimationsDemo'\nexport { AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { AnimationsTimingDemo } from './AnimationsTimingDemo'\nexport { AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { AvatarDemo } from './AvatarDemo'\nexport { ButtonDemo } from './ButtonDemo'\nexport { CardDemo } from './CardDemo'\nexport { DialogDemo } from './DialogDemo'\nexport { AddThemeDemo } from './AddThemeDemo'\nexport { UpdateThemeDemo } from './UpdateThemeDemo'\nexport { FormsDemo } from './FormsDemo'\nexport { InputsDemo } from './InputsDemo'\nexport { GroupDemo } from './GroupDemo'\nexport { HeadingsDemo } from './HeadingsDemo'\nexport { ImageDemo } from './ImageDemo'\nexport { LabelDemo } from './LabelDemo'\nexport { LinearGradientDemo } from './LinearGradientDemo'\nexport { ListItemDemo } from './ListItemDemo'\nexport { LucideIconsDemo } from './LucideIconsDemo'\nexport { PopoverDemo } from './PopoverDemo'\nexport { ProgressDemo } from './ProgressDemo'\nexport { RadioGroupDemo } from './RadioGroupDemo'\nexport { SelectDemo } from './SelectDemo'\nexport { SeparatorDemo } from './SeparatorDemo'\nexport { ShapesDemo } from './ShapesDemo'\nexport { ScrollViewDemo } from './ScrollViewDemo'\nexport { SheetDemo } from './SheetDemo'\nexport { SliderDemo } from './SliderDemo'\nexport { SpinnerDemo } from './SpinnerDemo'\nexport { StacksDemo } from './StacksDemo'\nexport { SwitchDemo } from './SwitchDemo'\nexport { CheckboxDemo } from './CheckboxDemo'\nexport { TextDemo } from './TextDemo'\nexport { ThemeInverseDemo } from './ThemeInverseDemo'\nexport { TooltipDemo } from './TooltipDemo'\nexport { ColorsDemo } from './ColorsDemo'\nexport { TokensDemo } from './TokensDemo'\nexport { ToastDemo } from './ToastDemo'\nexport { TabsDemo } from './TabsDemo'\nexport { TabsAdvancedDemo } from './TabsAdvancedDemo'\nexport * from './useOnIntersecting'\n"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,cAAc;",
+  "sourcesContent": ["export { AlertDialogDemo } from './AlertDialogDemo'\nexport { AnimationsDemo } from './AnimationsDemo'\nexport { AnimationsEnterDemo } from './AnimationsEnterDemo'\nexport { AnimationsHoverDemo } from './AnimationsHoverDemo'\nexport { AnimationsTimingDemo } from './AnimationsTimingDemo'\nexport { AnimationsPresenceDemo } from './AnimationsPresenceDemo'\nexport { AvatarDemo } from './AvatarDemo'\nexport { ButtonDemo } from './ButtonDemo'\nexport { CardDemo } from './CardDemo'\nexport { DialogDemo } from './DialogDemo'\nexport { AddThemeDemo } from './AddThemeDemo'\nexport { UpdateThemeDemo } from './UpdateThemeDemo'\nexport { FormsDemo } from './FormsDemo'\nexport { InputsDemo } from './InputsDemo'\nexport { GroupDemo } from './GroupDemo'\nexport { HeadingsDemo } from './HeadingsDemo'\nexport { ImageDemo } from './ImageDemo'\nexport { LabelDemo } from './LabelDemo'\nexport { LinearGradientDemo } from './LinearGradientDemo'\nexport { ListItemDemo } from './ListItemDemo'\nexport { LucideIconsDemo } from './LucideIconsDemo'\nexport { PopoverDemo } from './PopoverDemo'\nexport { ProgressDemo } from './ProgressDemo'\nexport { RadioGroupDemo } from './RadioGroupDemo'\nexport { SelectDemo } from './SelectDemo'\nexport { SeparatorDemo } from './SeparatorDemo'\nexport { ShapesDemo } from './ShapesDemo'\nexport { ScrollViewDemo } from './ScrollViewDemo'\nexport { SheetDemo } from './SheetDemo'\nexport { SliderDemo } from './SliderDemo'\nexport { SpinnerDemo } from './SpinnerDemo'\nexport { StacksDemo } from './StacksDemo'\nexport { SwitchDemo } from './SwitchDemo'\nexport { CheckboxDemo } from './CheckboxDemo'\nexport { TextDemo } from './TextDemo'\nexport { ThemeInverseDemo } from './ThemeInverseDemo'\nexport { TooltipDemo } from './TooltipDemo'\nexport { ColorsDemo } from './ColorsDemo'\nexport { TokensDemo } from './TokensDemo'\nexport { ToastDemo } from './ToastDemo'\nexport { ToastDuplicateDemo } from './ToastDuplicateDemo'\nexport { TabsDemo } from './TabsDemo'\nexport { TabsAdvancedDemo } from './TabsAdvancedDemo'\nexport * from './useOnIntersecting'\n"],
+  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,2BAA2B;AACpC,SAAS,4BAA4B;AACrC,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;AAC1B,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,0BAA0B;AACnC,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AACjC,cAAc;",
   "names": []
 }