@tamagui/demos 2.0.0-rc.9 → 2.0.0

package/dist/esm/TabsHeadlessDemo.mjs

@@ -3,51 +3,51 @@ import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } f
 import { createTabs } from "@tamagui/tabs";
 import { getButtonSized } from "@tamagui/get-button-sized";
 import { jsx, jsxs } from "react/jsx-runtime";
-const demos = ["horizontal", "vertical"],
-  TabsFrame = styled(SizableStack, {
-    name: "TabsFrame"
-  }),
-  TabFrame = styled(ThemeableStack, {
-    name: "TabsTrigger",
-    render: "button",
-    cursor: "pointer",
-    backgroundColor: "transparent",
-    variants: {
-      size: {
-        "...size": getButtonSized
-      },
-      disabled: {
-        true: {
-          pointerEvents: "none"
-        }
-      },
-      active: {
-        true: {
-          hoverStyle: {
-            backgroundColor: "$background"
-          },
-          focusStyle: {
-            backgroundColor: "$background"
-          }
+const demos = ["horizontal", "vertical"];
+const TabsFrame = styled(SizableStack, {
+  name: "TabsFrame"
+});
+const TabFrame = styled(ThemeableStack, {
+  name: "TabsTrigger",
+  render: "button",
+  cursor: "pointer",
+  backgroundColor: "transparent",
+  variants: {
+    size: {
+      "...size": getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        },
+        focusStyle: {
+          backgroundColor: "$background"
         }
       }
     }
-  }),
-  CONTENT_NAME = "TabsContent",
-  ContentFrame = styled(ThemeableStack, {
-    name: CONTENT_NAME,
-    flex: 1,
-    p: "$6",
-    justify: "center",
-    items: "center",
-    bg: "$color4",
-    rounded: "$4"
-  }),
-  CustomTabs = createTabs({
-    TabsFrame,
-    TabFrame,
-    ContentFrame
-  });
+  }
+});
+const CONTENT_NAME = "TabsContent";
+const ContentFrame = styled(ThemeableStack, {
+  name: CONTENT_NAME,
+  flex: 1,
+  p: "$6",
+  justify: "center",
+  items: "center",
+  bg: "$color4",
+  rounded: "$4"
+});
+const CustomTabs = createTabs({
+  TabsFrame,
+  TabFrame,
+  ContentFrame
+});
 function TabsHeadlessDemo() {
   const [demo, setDemo] = useState(demos[0]);
   return (
@@ -81,10 +81,11 @@ function TabsHeadlessDemo() {
     })
   );
 }
-const content = ["Home", "Profile", "Settings"],
-  TabsView = ({
-    flexDirection = "row"
-  }) => /* @__PURE__ */jsxs(CustomTabs, {
+const content = ["Home", "Profile", "Settings"];
+const TabsView = ({
+  flexDirection = "row"
+}) => {
+  return /* @__PURE__ */jsxs(CustomTabs, {
     flexDirection: flexDirection === "column" ? "row" : "column",
     defaultValue: content[0],
     children: [/* @__PURE__ */jsx(CustomTabs.List, {
@@ -101,5 +102,6 @@ const content = ["Home", "Profile", "Settings"],
       children: name
     }, index))]
   });
+};
 export { ContentFrame, CustomTabs, TabFrame, TabsFrame, TabsHeadlessDemo };
 //# sourceMappingURL=TabsHeadlessDemo.mjs.map

package/dist/esm/TabsHeadlessDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","jsx","jsxs","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","jsx","jsxs","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TabsHeadlessDemo.native.js

@@ -1,53 +1,53 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import React, { useState } from "react";
 import { Button, SizableStack, ThemeableStack, XStack, YStack, isWeb, styled } from "tamagui";
 import { createTabs } from "@tamagui/tabs";
 import { getButtonSized } from "@tamagui/get-button-sized";
-var demos = ["horizontal", "vertical"],
-  TabsFrame = styled(SizableStack, {
-    name: "TabsFrame"
-  }),
-  TabFrame = styled(ThemeableStack, {
-    name: "TabsTrigger",
-    render: "button",
-    cursor: "pointer",
-    backgroundColor: "transparent",
-    variants: {
-      size: {
-        "...size": getButtonSized
-      },
-      disabled: {
-        true: {
-          pointerEvents: "none"
-        }
-      },
-      active: {
-        true: {
-          hoverStyle: {
-            backgroundColor: "$background"
-          },
-          focusStyle: {
-            backgroundColor: "$background"
-          }
+var demos = ["horizontal", "vertical"];
+var TabsFrame = styled(SizableStack, {
+  name: "TabsFrame"
+});
+var TabFrame = styled(ThemeableStack, {
+  name: "TabsTrigger",
+  render: "button",
+  cursor: "pointer",
+  backgroundColor: "transparent",
+  variants: {
+    size: {
+      "...size": getButtonSized
+    },
+    disabled: {
+      true: {
+        pointerEvents: "none"
+      }
+    },
+    active: {
+      true: {
+        hoverStyle: {
+          backgroundColor: "$background"
+        },
+        focusStyle: {
+          backgroundColor: "$background"
         }
       }
     }
-  }),
-  CONTENT_NAME = "TabsContent",
-  ContentFrame = styled(ThemeableStack, {
-    name: CONTENT_NAME,
-    flex: 1,
-    p: "$6",
-    justify: "center",
-    items: "center",
-    bg: "$color4",
-    rounded: "$4"
-  }),
-  CustomTabs = createTabs({
-    TabsFrame,
-    TabFrame,
-    ContentFrame
-  });
+  }
+});
+var CONTENT_NAME = "TabsContent";
+var ContentFrame = styled(ThemeableStack, {
+  name: CONTENT_NAME,
+  flex: 1,
+  p: "$6",
+  justify: "center",
+  items: "center",
+  bg: "$color4",
+  rounded: "$4"
+});
+var CustomTabs = createTabs({
+  TabsFrame,
+  TabFrame,
+  ContentFrame
+});
 function TabsHeadlessDemo() {
   var [demo, setDemo] = useState(demos[0]);
   return (
@@ -83,32 +83,32 @@ function TabsHeadlessDemo() {
     })
   );
 }
-var content = ["Home", "Profile", "Settings"],
-  TabsView = function (param) {
-    var {
-      flexDirection = "row"
-    } = param;
-    return /* @__PURE__ */_jsxs(CustomTabs, {
-      flexDirection: flexDirection === "column" ? "row" : "column",
-      defaultValue: content[0],
-      children: [/* @__PURE__ */_jsx(CustomTabs.List, {
-        flexDirection,
-        children: content.map(function (name, index) {
-          return /* @__PURE__ */_jsx(CustomTabs.Tab, {
-            value: name,
-            activeStyle: {
-              backgroundColor: "transparent"
-            },
-            children: name
-          }, index);
-        })
-      }), content.map(function (name, index) {
-        return /* @__PURE__ */_jsx(CustomTabs.Content, {
+var content = ["Home", "Profile", "Settings"];
+var TabsView = function (param) {
+  var {
+    flexDirection = "row"
+  } = param;
+  return /* @__PURE__ */_jsxs(CustomTabs, {
+    flexDirection: flexDirection === "column" ? "row" : "column",
+    defaultValue: content[0],
+    children: [/* @__PURE__ */_jsx(CustomTabs.List, {
+      flexDirection,
+      children: content.map(function (name, index) {
+        return /* @__PURE__ */_jsx(CustomTabs.Tab, {
           value: name,
+          activeStyle: {
+            backgroundColor: "transparent"
+          },
           children: name
         }, index);
-      })]
-    });
-  };
+      })
+    }), content.map(function (name, index) {
+      return /* @__PURE__ */_jsx(CustomTabs.Content, {
+        value: name,
+        children: name
+      }, index);
+    })]
+  });
+};
 export { ContentFrame, CustomTabs, TabFrame, TabsFrame, TabsHeadlessDemo };
 //# sourceMappingURL=TabsHeadlessDemo.native.js.map

package/dist/esm/TabsHeadlessDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","param","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AAChC,SAAAC,QAAA;AAAA,SACEC,MAAA,EAAAC,YAAA,EAAAC,cAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA;AAAA,SACAC,UAAA;AAAA,SACAC,cAAA;AAAA,IACAC,KAAA,IACA,cACA;EACAC,SAAA,GAAAJ,MAAA,CAAAL,YAAA;IAAAU,IAAA,EACK;EACP;EAAAC,QAAS,GAAAN,MAAA,CAAAJ,cAAkB;IAC3BS,IAAA,eAAS;IA6DLE,MAAA,EAME,QANF;IA3DJC,MAAM,WAAS;IAGbC,eAAM;IACPC,QAEY;MACXC,IAAM;QACN,SAAQ,EAAAT;MACR;MACAU,QAAA;QACAC,IAAA,EAAU;UACRC,aAAM;QACJ;MACF;MAEAC,MAAA;QACEF,IAAA,EAAM;UACJG,UAAA;YACFP,eAAA;UACF;UAEAQ,UAAQ;YACNR,eAAM;UACJ;QAAY;MACO;IACnB;EAEY;EAAAS,YACV,gBAAiB;EAAAC,YAAA,GAAAnB,MAAA,CAAAJ,cAAA;IAAAS,IAAA,EACnBa,YAAA;IAAAE,IACF;IAAAC,CAAA,EACF;IACFC,OAAA;IACDC,KAEK;IAGJC,EAAA,WAAM;IACNC,OAAM;EAAA,EACN;EAAAC,UAAG,GAAAzB,UAAA;IACHG,SAAS;IACTE,QAAO;IACPa;EAAI,EACJ;AACF,SAEaQ,gBAAaA,CAAA,EAAW;EACnC,KAAAC,IAAA,EAAAC,OAAA,IAAApC,QAAA,CAAAU,KAAA;EACA;IACA;IACD;IAAAX,KAAA,CAAAM,MAAA;MAEMgC,EAAA,EAAS;MACd,IAAO/B,KAAA,IAAM;QAEbgC,QAAA;MAAA;MAEEC,QAAA,GAAC,eAAA1C,IAAA,CAAA2C,QAAA;QAAAC,aAAA,EAAAN,IAAA;MACC,IACC,eAAatC,IAAA,CAAAO,MAAA;QACZ0B,KAAA,UAAU;QACZY,GAAA;QAEAJ,QAAA;QAAAK,CAAA;QAEAC,CAAA;QAAAC,IAAC;UAAAC,OAAA;QAAA;QACOP,QACN,EAAI,eAAA1C,IAAA,CAAAI,MAAA;UAAAiB,IACJ;UAAS6B,OACP,WAAAA,CAAA;YACF,OAAEX,OAAA,CAAAD,IAAA;UAAA;UACsBI,QAExB,iBAAA1C,IAAA,CAAAI,MAAA,CAAA+C,IAAA;YAAAC,aAAC;YAAAV,QAAA,EAAAJ;UAAA;QACM;MACmE;IAE1B;EAAA;AAChD;AACF,IAAAe,OAAA,qBACF,aAEJ;EAAAV,QAAA,YAAAA,CAAAW,KAAA;IAEA,IAAM;MAAAV,aAAW;IAAQ,IAAAU,KAAW;IAI/B,sBAAApD,KAAA,CAAAkC,UAAA;MAAAQ,aAAA,EAAAA,aAAA;MACCW,YAAA,EAAAF,OAAe;MACfX,QAAA,GAEA,eAAA1C,IAAA,CAAAoC,UAAA,CAAAoB,IAAA;QAAAZ,aAAA;QAEKF,QAAA,EAAAW,OAAW,CAAAI,GAAA,WAAA1C,IAAA,EAAA2C,KAAA;UAAX,sBAAA1D,IAAA,CAAAoC,UAAA,CAAAuB,GAAA;YAECC,KAAO,EAAA7C,IAAA;YACP8C,WAAa,EAAE;cAEd1C,eAAA;YAAA;YAJIuB,QAAA,EAAA3B;UAOX,GAAA2C,KAAA;QACC;MAIA,IAAAL,OAAA,CAAAI,GAAA,WAAA1C,IAAA,EAAA2C,KAAA;QACH,sBAAA1D,IAAA,CAAAoC,UAAA,CAAA0B,OAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","useState","Button","SizableStack","ThemeableStack","XStack","YStack","isWeb","styled","createTabs","getButtonSized","demos","TabsFrame","name","TabFrame","render","cursor","backgroundColor","variants","size","disabled","true","pointerEvents","active","hoverStyle","focusStyle","CONTENT_NAME","ContentFrame","flex","p","justify","items","bg","rounded","CustomTabs","TabsHeadlessDemo","demo","setDemo","px","position","children","TabsView","flexDirection","gap","b","l","$xxs","display","onPress","Text","textTransform","content","param","defaultValue","List","map","index","Tab","value","activeStyle","Content"],"sources":["../../src/TabsHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAgBA,GAAA,IAAAC,IAAA,EAAAC,IAAgB,IAAAC,KAAA;AAChC,OAAAC,KAAA,IAAAC,QAAA;AAAA,SACEC,MAAA,EAAAC,YAAA,EAAAC,cAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,KAAA,EAAAC,MAAA;AAAA,SACAC,UAAA;AAAA,SACAC,cAAA;AAAA,IACAC,KAAA,IACA,cACA;AACA,IAAAC,SACK,GAAAJ,MAAA,CAAAL,YAAA;EACPU,IAAA;AACA;AA6DI,IAAAC,QAME,GANFN,MAAA,CAAAJ,cAAA;EA3DJS,IAAM,eAAS;EAERE,MAAM,UAAY;EACvBC,MAAM;EACPC,eAAA;EAEMC,QAAM;IACXC,IAAM;MACN,SAAQ,EAAAT;IACR;IACAU,QAAA;MACAC,IAAA,EAAU;QACRC,aAAM;MACJ;IACF;IAEAC,MAAA;MACEF,IAAA,EAAM;QACJG,UAAA;UACFP,eAAA;QACF;QAEAQ,UAAQ;UACNR,eAAM;QACJ;MAAY;IACO;EACnB;AAEY;AACO,IAAAS,YACnB;AAAA,IAAAC,YACF,GAAAnB,MAAA,CAAAJ,cAAA;EAAAS,IACF,EAAAa,YAAA;EACFE,IAAA;EACDC,CAAA;EAEDC,OAAM;EAECC,KAAM;EACXC,EAAA,WAAM;EACNC,OAAM;AAAA,EACN;AAAG,IACHC,UAAS,GAAAzB,UAAA;EACTG,SAAO;EACPE,QAAI;EACJa;AACF,CAAC;AAEM,SAAMQ,gBAAaA,CAAA;EACxB,KAAAC,IAAA,EAAAC,OAAA,IAAApC,QAAA,CAAAU,KAAA;EACA;IACA;IACD;IAAAZ,KAAA,CAAAO,MAAA;MAEMgC,EAAA,EAAS;MACd,IAAO/B,KAAA,IAAM;QAEbgC,QAAA;MAAA;MAEEC,QAAA,GAAC,eAAA3C,IAAA,CAAA4C,QAAA;QAAAC,aAAA,EAAAN,IAAA;MACC,IACC,eAAavC,IAAA,CAAAQ,MAAA;QACZ0B,KAAA,UAAU;QACZY,GAAA;QAEAJ,QAAA;QAAAK,CAAA;QAEAC,CAAA;QAAAC,IAAC;UAAAC,OAAA;QAAA;QACOP,QACN,EAAI,eAAA3C,IAAA,CAAAK,MAAA;UAAAiB,IACJ;UAAS6B,OACP,WAAAA,CAAA;YACF,OAAEX,OAAA,CAAAD,IAAA;UAAA;UACsBI,QAExB,iBAAA3C,IAAA,CAAAK,MAAA,CAAA+C,IAAA;YAAAC,aAAC;YAAAV,QAAA,EAAAJ;UAAA;QACM;MACmE;IAE1B;EAAA;AAChD;AACF,IAAAe,OAAA,qBACF,aAEJ;AAEA,IAAAV,QAAM,YAAAA,CAAWW,KAAQ;EAEzB,IAAM;IAAAV,aAAc;EAAA,IAAAU,KAAgB;EAClC,OACE,eAAArD,KAAA,CAAAmC,UAAA;IAACQ,aAAA,EAAAA,aAAA;IAAAW,YAAA,EAAAF,OAAA;IAAAX,QACC,GACA,eAAc3C,IAAA,CAAAqC,UAAS,CAAAoB,IAAA;MAEvBZ,aAAA;MAAAF,QAAA,EAAAW,OAAA,CAAAI,GAAC,WAAW1C,IAAA,EAAX2C,KAAgB;QAEZ,sBAAW3D,IAAA,CAAAqC,UAAA,CAAAuB,GAAA;UAAXC,KAAA,EAAA7C,IAAA;UAEC8C,WAAO;YACP1C,eAAe;UAEd;UAAAuB,QAAA,EAAA3B;QAJI,GAAA2C,KAAA;MAKP,CACD;IACH,EACC,EAIAL,OAAA,CAAAI,GAAA,WAAA1C,IAAA,EAAA2C,KAAA;MAAA,sBAAA3D,IAAA,CAAAqC,UAAA,CAAA0B,OAAA;QACHF,KAAA,EAAA7C,IAAA;QAEJ2B,QAAA,EAAA3B","ignoreList":[]}

package/dist/esm/ThemeBuilderDemo.mjs

@@ -2,7 +2,7 @@ import { Square, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 function ThemeBuilderDemo() {
   return /* @__PURE__ */jsx(YStack, {
-    fullscreen: !0,
+    fullscreen: true,
     overflow: "hidden",
     children: /* @__PURE__ */jsxs(XStack, {
       maxH: 200,

package/dist/esm/ThemeBuilderDemo.native.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Square, XStack, YStack } from "tamagui";
 function ThemeBuilderDemo() {
   return /* @__PURE__ */_jsx(YStack, {
-    fullscreen: !0,
+    fullscreen: true,
     overflow: "hidden",
     children: /* @__PURE__ */_jsxs(XStack, {
       maxH: 200,

package/dist/esm/ToastDemo.mjs

@@ -1,116 +1,207 @@
-import { Toast, useToastController, useToastState } from "@tamagui/toast";
-import React from "react";
-import { Button, Label, Switch, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { isWeb } from "tamagui";
+import { Toast, toast, useToastItem } from "@tamagui/toast/v2";
+import { ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowUp, ArrowUpLeft, ArrowUpRight } from "@tamagui/lucide-icons-2";
+import { useRef, useState } from "react";
+import { Button, Label, SizableText, Slider, XStack, YStack } from "tamagui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 const ToastDemo = () => {
-    const [native, setNative] = React.useState(!1);
-    return /* @__PURE__ */jsxs(YStack, {
-      gap: "$4",
-      items: "center",
-      children: [/* @__PURE__ */jsx(ToastControl, {
-        native
-      }), /* @__PURE__ */jsx(CurrentToast, {}), /* @__PURE__ */jsx(NativeOptions, {
-        native,
-        setNative
-      })]
+  const [position, setPosition] = useState("bottom-right");
+  const [gap, setGap] = useState(14);
+  const [visibleToasts, setVisibleToasts] = useState(4);
+  const [duration, setDuration] = useState(4e3);
+  const count = useRef(0);
+  const showToast = newPosition => {
+    setPosition(newPosition);
+    count.current++;
+    toast(`Toast #${count.current}`, {
+      description: "Swipe to dismiss or wait for auto-close."
     });
-  },
-  CurrentToast = () => {
-    const currentToast = useToastState();
-    return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */jsx(Toast, {
-      duration: currentToast.duration,
-      viewportName: currentToast.viewportName,
-      enterStyle: {
-        opacity: 0,
-        scale: 0.95,
-        y: -80
-      },
-      exitStyle: {
-        opacity: 0,
-        scale: 0.95,
-        y: -80
-      },
-      opacity: 1,
-      scale: 1,
-      y: -50,
-      transition: "quicker",
-      bg: "$color2",
-      boxShadow: "0px 2px 4px rgba(0,0,0,0.12), 0px 8px 24px rgba(0,0,0,0.08)",
-      children: /* @__PURE__ */jsxs(XStack, {
-        gap: "$5",
-        items: "center",
-        justify: "space-between",
-        children: [/* @__PURE__ */jsxs(YStack, {
-          gap: "$0.5",
-          flex: 1,
-          children: [/* @__PURE__ */jsx(Toast.Title, {
-            children: currentToast.title
-          }), !!currentToast.message && /* @__PURE__ */jsx(Toast.Description, {
-            children: currentToast.message
-          })]
-        }), /* @__PURE__ */jsx(Toast.Action, {
-          asChild: !0,
-          altText: "Dismiss toast",
-          children: /* @__PURE__ */jsx(Button, {
-            size: "$2",
-            children: "Dismiss"
+  };
+  return /* @__PURE__ */jsxs(Toast, {
+    position,
+    gap: Math.round(gap),
+    visibleToasts,
+    duration,
+    children: [/* @__PURE__ */jsx(Toast.Viewport, {
+      offset: 16,
+      children: /* @__PURE__ */jsx(Toast.List, {
+        renderItem: ({
+          toast: t,
+          index
+        }) => /* @__PURE__ */jsx(Toast.Item, {
+          toast: t,
+          index,
+          testID: "toast-item",
+          children: /* @__PURE__ */jsx(ToastContent, {
+            toast: t
           })
-        })]
+        }, t.id)
       })
-    }, currentToast.id);
-  },
-  ToastControl = ({
-    native
-  }) => {
-    const toast = useToastController();
-    return /* @__PURE__ */jsxs(XStack, {
-      gap: "$2",
-      justify: "center",
-      children: [/* @__PURE__ */jsx(Button, {
-        onPress: () => {
-          toast.show("Successfully saved!", {
-            message: "Don't worry, we've got your data.",
-            native,
-            demo: !0
-          });
-        },
-        children: "Show"
-      }), /* @__PURE__ */jsx(Button, {
-        onPress: () => {
-          toast.hide();
-        },
-        children: "Hide"
+    }), /* @__PURE__ */jsxs(YStack, {
+      gap: "$3",
+      self: "center",
+      width: 280,
+      children: [/* @__PURE__ */jsxs(YStack, {
+        gap: "$2",
+        self: "center",
+        children: [/* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(PositionButton, {
+            position: "top-left",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowUpLeft
+          }), /* @__PURE__ */jsx(PositionButton, {
+            position: "top-center",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowUp
+          }), /* @__PURE__ */jsx(PositionButton, {
+            position: "top-right",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowUpRight,
+            testID: "toast-top-right-button"
+          })]
+        }), /* @__PURE__ */jsxs(XStack, {
+          gap: "$2",
+          children: [/* @__PURE__ */jsx(PositionButton, {
+            position: "bottom-left",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowDownLeft
+          }), /* @__PURE__ */jsx(PositionButton, {
+            position: "bottom-center",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowDown
+          }), /* @__PURE__ */jsx(PositionButton, {
+            position: "bottom-right",
+            current: position,
+            onPress: showToast,
+            Icon: ArrowDownRight,
+            testID: "toast-show-button"
+          })]
+        })]
+      }), /* @__PURE__ */jsxs(YStack, {
+        gap: "$1",
+        paddingTop: "$1",
+        children: [/* @__PURE__ */jsx(DemoSlider, {
+          label: "Gap",
+          value: gap,
+          min: 0,
+          max: 30,
+          step: 0.1,
+          onChange: setGap
+        }), /* @__PURE__ */jsx(DemoSlider, {
+          label: "Visible",
+          value: visibleToasts,
+          min: 1,
+          max: 8,
+          step: 1,
+          onChange: setVisibleToasts
+        }), /* @__PURE__ */jsx(DemoSlider, {
+          label: "Duration",
+          value: duration,
+          min: 1e3,
+          max: 1e4,
+          step: 100,
+          onChange: setDuration,
+          format: v => `${(v / 1e3).toFixed(1)}s`
+        })]
       })]
-    });
-  },
-  NativeOptions = ({
-    native,
-    setNative
-  }) => /* @__PURE__ */jsxs(XStack, {
-    gap: "$3",
+    })]
+  });
+};
+function ToastContent({
+  toast: t
+}) {
+  const {
+    handleClose
+  } = useToastItem();
+  const title = typeof t.title === "function" ? t.title() : t.title;
+  const description = typeof t.description === "function" ? t.description() : t.description;
+  return /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsxs(XStack, {
+      gap: "$3",
+      alignItems: "flex-start",
+      children: [/* @__PURE__ */jsx(Toast.Icon, {}), /* @__PURE__ */jsxs(YStack, {
+        flex: 1,
+        gap: "$0.5",
+        children: [title && /* @__PURE__ */jsx(Toast.Title, {
+          fontWeight: "600",
+          size: "$3",
+          children: title
+        }), description && /* @__PURE__ */jsx(Toast.Description, {
+          color: "$color9",
+          size: "$2",
+          children: description
+        })]
+      })]
+    }), isWeb && /* @__PURE__ */jsx(Toast.Close, {
+      testID: "toast-close-button",
+      position: "absolute",
+      top: -6,
+      left: -6,
+      zIndex: 1
+    })]
+  });
+}
+function DemoSlider({
+  label,
+  value,
+  min,
+  max,
+  step,
+  onChange,
+  format
+}) {
+  return /* @__PURE__ */jsxs(XStack, {
+    gap: "$2",
+    alignItems: "center",
     children: [/* @__PURE__ */jsx(Label, {
-      size: "$1",
-      onPress: () => setNative(!1),
-      children: "Custom"
-    }), /* @__PURE__ */jsx(Switch, {
-      theme: "surface2",
-      id: "native-toggle",
-      size: "$1",
-      checked: !!native,
-      onCheckedChange: val => setNative(val),
-      children: /* @__PURE__ */jsx(Switch.Thumb, {
+      size: "$2",
+      width: 55,
+      children: label
+    }), /* @__PURE__ */jsxs(Slider, {
+      flex: 1,
+      value: [value],
+      min,
+      max,
+      step,
+      onValueChange: ([v]) => onChange(v),
+      children: [/* @__PURE__ */jsx(Slider.Track, {
+        children: /* @__PURE__ */jsx(Slider.TrackActive, {})
+      }), /* @__PURE__ */jsx(Slider.Thumb, {
         theme: "accent",
-        transition: ["quickest", {
-          transform: {
-            overshootClamping: !0
-          }
-        }]
-      })
-    }), /* @__PURE__ */jsx(Label, {
-      size: "$1",
-      onPress: () => setNative(!0),
-      children: "Native"
+        size: 16,
+        borderRadius: 100,
+        index: 0
+      })]
+    }), /* @__PURE__ */jsx(SizableText, {
+      userSelect: "none",
+      size: "$2",
+      width: 35,
+      textAlign: "right",
+      children: format ? format(value) : Math.round(value)
     })]
   });
+}
+const PositionButton = ({
+  position,
+  current,
+  onPress,
+  Icon,
+  testID
+}) => {
+  const isActive = position === current;
+  return /* @__PURE__ */jsx(Button, {
+    icon: Icon,
+    circular: true,
+    theme: isActive ? "accent" : void 0,
+    onPress: () => onPress(position),
+    testID
+  });
+};
 export { ToastDemo };
 //# sourceMappingURL=ToastDemo.mjs.map