@tamagui/demos 1.111.8 → 1.111.10

package/dist/esm/TabsDemo.native.mjs

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

package/dist/esm/TabsDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","Button","H5","Separator","SizableText","Tabs","XStack","YStack","isWeb","demos","demosTitle","horizontal","vertical","TabsDemo","demoIndex","setDemoIndex","useState","demo","paddingHorizontal","position","children","HorizontalTabs","VerticalTabs","alignItems","space","bottom","left","$xxs","display","size","onPress","x","length","defaultValue","orientation","flexDirection","width","height","borderRadius","borderWidth","overflow","borderColor","List","separator","disablePassBorderRadius","Tab","flex","value","fontFamily","TabsContent"],"sources":["../../src/TabsDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/TextDemo.native.mjs

@@ -1,30 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "react";
-import { Paragraph, SizableText, XStack, YStack } from "tamagui";
-function TextDemo() {
-  return /* @__PURE__ */_jsxs(YStack, {
-    gap: "$2",
-    alignItems: "center",
-    children: [/* @__PURE__ */_jsx(SizableText, {
-      size: "$3",
-      children: "SizableText"
-    }), /* @__PURE__ */_jsxs(XStack, {
-      space: !0,
-      children: [/* @__PURE__ */_jsx(SizableText, {
-        theme: "alt1",
-        size: "$3",
-        children: "alt1"
-      }), /* @__PURE__ */_jsx(SizableText, {
-        theme: "alt2",
-        size: "$3",
-        children: "alt2"
-      })]
-    }), /* @__PURE__ */_jsx(Paragraph, {
-      size: "$2",
-      fontWeight: "800",
-      children: "Paragraph"
-    })]
-  });
-}
-export { TextDemo };
-//# sourceMappingURL=TextDemo.native.mjs.map

package/dist/esm/TextDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Paragraph","SizableText","XStack","YStack","TextDemo","gap","alignItems","children","size"],"sources":["../../src/TextDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAmB,QAAQ,mBAAc;AAKvD,cACA;AAJC,SAASC,SAAA,EAAWC,WAAA,EAAAC,MAAA,EAAAC,MAAA;AACzB,SACEC,SAAA;EACE,sBAACL,KAAA,CAAAI,MAAA,EAAY;IACbE,GAAA;IACEC,UAAA;IAEAC,QACA,GAEA,eACFV,IAAA,CAAAI,WAAA;MACAO,IAAA;MAGFD,QAAA;IAEJ,I","ignoreList":[]}

package/dist/esm/ThemeBuilderDemo.native.mjs

@@ -1,155 +0,0 @@
-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,
-    ov: "hidden",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      mah: 200,
-      y: -100,
-      x: -50,
-      rotate: "-10deg",
-      children: [/* @__PURE__ */_jsx(Col, {
-        y: 35,
-        bg: "$color9"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$8",
-        y: 30,
-        bg: "$color7"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$6",
-        y: -50,
-        bg: "$color5"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$4",
-        bg: "$color3"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$2",
-        bg: "$color1"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$4",
-        y: 50,
-        bg: "$color3"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$6",
-        y: 80,
-        bg: "$color5"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$8",
-        bg: "$color7"
-      }), /* @__PURE__ */_jsx(Col, {
-        bg: "$color9"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$8",
-        bg: "$color7"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$6",
-        y: 80,
-        bg: "$color5"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$4",
-        y: 50,
-        bg: "$color3"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$2",
-        bg: "$color1"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$4",
-        bg: "$color3"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$6",
-        y: -50,
-        bg: "$color5"
-      }), /* @__PURE__ */_jsx(Col, {
-        size: "$8",
-        y: 30,
-        bg: "$color7"
-      }), /* @__PURE__ */_jsx(Col, {
-        y: 35,
-        bg: "$color9"
-      })]
-    })
-  });
-}
-function Col(props) {
-  var subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return /* @__PURE__ */_jsxs(YStack, {
-    padding: "$2.5",
-    space: "$3.5",
-    children: [/* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: props.subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "orange" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "yellow" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "green" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "blue" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "purple" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "pink" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "red" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: props.subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "orange" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "yellow" + subTheme,
-      bg: "$background",
-      ...props
-    }), /* @__PURE__ */_jsx(Square, {
-      br: "$6",
-      size: "$10",
-      theme: "green" + subTheme,
-      bg: "$background",
-      ...props
-    })]
-  });
-}
-export { ThemeBuilderDemo };
-//# sourceMappingURL=ThemeBuilderDemo.native.mjs.map

package/dist/esm/ThemeBuilderDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Square","XStack","YStack","ThemeBuilderDemo","fullscreen","ov","children","mah","y","x","rotate","Col","bg","size","props","subTheme","padding","space","br","theme"],"sources":["../../src/ThemeBuilderDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAKjC,SACEC,MADF,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,iBAAA,EAAmB;EACjC,OACE,eAAAN,IAAC,CAAAK,MAAA;IAEGE,UAAA;IACAC,EAAA;IACAC,QAAA,iBAACP,KAAI,CAAAE,MAAK,EAAK;MACfM,GAAA;MACAC,CAAA;MACAC,CAAA;MACAC,MAAA;MACAJ,QAAA,GACA,eAACT,IAAA,CAAAc,GAAI;QACLH,CAAA;QACAI,EAAA;MACA,IACA,eAACf,IAAA,CAAAc,GAAI;QACLE,IAAA;QACAL,CAAA;QACAI,EAAA;MACA,IAEJ,eAAAf,IAAA,CAAAc,GAAA;QAEJE,IAAA;QAESL,CAAA,EACP;QAIMI,EAAA;MACN,CACE,GACE,eAACf,IAAA,CAAAc,GAAA,EAAO;QACRE,IAAA;QAACD,EAAA;MAAA,IACC,eAAGf,IAAA,CAAAc,GAAA;QACHE,IAAK;QACLD,EAAA;MACA,IACC,eAAGf,IAAA,CAAAc,GAAA;QAAAE,IAAA;QACNL,CAAA;QACAI,EAAA;MAAC,mBAAAf,IAAA,CAAAc,GAAA;QACCE,IAAG;QACHL,CAAA,IAAK;QACLI,EAAA;MACA,IACC,eAAGf,IAAA,CAAAc,GAAA;QAAAE,IAAA;QACND,EAAA;MACA,IAAC,eAAAf,IAAA,CAAAc,GAAA;QAAAC,EAAA;MACC,IACA,eAAKf,IAAA,CAAAc,GAAA;QACLE,IAAA,EAAQ;QACRD,EAAG;MACF,IAAG,eAAAf,IAAA,CAAAc,GAAA;QACNE,IAAA;QACAL,CAAA;QAACI,EAAA;MAAA,IACC,eAAGf,IAAA,CAAAc,GAAA;QACHE,IAAK;QACLL,CAAA,IAAQ;QACRI,EAAG;MACF,IAAG,eAAAf,IAAA,CAAAc,GAAA;QACNE,IAAA;QACAD,EAAA;MAAC,mBAAAf,IAAA,CAAAc,GAAA;QACCE,IAAG;QACHD,EAAA,EAAK;MACL,IACA,eAAGf,IAAA,CAAAc,GAAA;QACFE,IAAG;QAAAL,CAAA;QACNI,EAAA;MACA,IAAC,eAAAf,IAAA,CAAAc,GAAA;QAAAE,IAAA;QACCL,CAAA,EAAG;QACHI,EAAA,EAAK;MACL,IACA,eAAGf,IAAA,CAAAc,GAAA;QACFH,CAAG;QAAAI,EAAA;MACN;IACA;EAAC;AAAA;AACI,SACHD,IAAAG,KAAK;EAAA,IAAAC,QACL,GAAQD,KAAA,CAAQC,QAAA,OAAAD,KAAA,CAAAC,QAAA;EAAA,OAChB,eAAGhB,KAAA,CAAAG,MAAA;IAAAc,OACC;IAAAC,KAAA;IACNX,QAAA,GACA,eAAAT,IAAC,CAAAG,MAAA,EAAO;MACRkB,EAAA;MAACL,IAAA;MAAAM,KAAA,EAAAL,KAAA,CAAAC,QAAA;MACCH,EAAA,EAAG;MACH,GAAAE;IAAK,EACL,EAAmB,eAChBjB,IAAA,CAAAG,MAAA;MACFkB,EAAA,EAAG;MAAAL,IAAA;MACNM,KAAA,aAAAJ,QAAA;MACAH,EAAA;MAAC,GAAAE;IAAA,mBACIjB,IAAA,CAAAG,MAAA;MACHkB,EAAA,MAAK;MACLL,IAAA,OAAQ;MACRM,KAAG,aAAAJ,QAAA;MACFH,EAAA,EAAG;MAAA,GAAAE;IACN,IACA,eAAAjB,IAAA,CAAAG,MAAA;MAACkB,EAAA;MAAAL,IAAA;MACCM,KAAG,YAAAJ,QAAA;MACHH,EAAA,eAAK;MACL,GAAAE;IAAkB,EAClB,EAAG,eACCjB,IAAA,CAAAG,MAAA;MAAAkB,EAAA;MACNL,IAAA;MACFM,KAAA,WAAAJ,QAAA;MAEJH,EAAA","ignoreList":[]}

package/dist/esm/ThemeInverseDemo.native.mjs

@@ -1,46 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, H5, Theme, XStack, YStack, useThemeName } from "tamagui";
-function ThemeInverseDemo() {
-  var themeName = useThemeName(),
-    opposite = themeName.includes("dark") ? "light" : "dark";
-  return /* @__PURE__ */_jsxs(XStack, {
-    space: !0,
-    children: [/* @__PURE__ */_jsx(Buttons, {
-      title: "Normal",
-      name: themeName
-    }), /* @__PURE__ */_jsx(Theme, {
-      inverse: !0,
-      children: /* @__PURE__ */_jsx(Buttons, {
-        title: "Inversed",
-        name: themeName.replace(themeName.split("_")[0], opposite)
-      })
-    })]
-  });
-}
-function Buttons(props) {
-  return /* @__PURE__ */_jsxs(YStack, {
-    elevation: "$4",
-    backgroundColor: "$background",
-    padding: "$4",
-    borderRadius: "$4",
-    space: "$3",
-    children: [/* @__PURE__ */_jsx(H5, {
-      children: props.title
-    }), /* @__PURE__ */_jsx(Button, {
-      children: props.name
-    }), /* @__PURE__ */_jsx(Button, {
-      themeInverse: !0,
-      children: "inversed"
-    }), /* @__PURE__ */_jsxs(Button, {
-      theme: "alt1",
-      children: [props.name, "_alt1"]
-    }), /* @__PURE__ */_jsx(Theme, {
-      name: "yellow",
-      children: /* @__PURE__ */_jsx(Button, {
-        children: props.name.split("_")[0] + "_yellow"
-      })
-    })]
-  });
-}
-export { ThemeInverseDemo };
-//# sourceMappingURL=ThemeInverseDemo.native.mjs.map

package/dist/esm/ThemeInverseDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Button","H5","Theme","XStack","YStack","useThemeName","ThemeInverseDemo","themeName","opposite","includes","space","children","Buttons","title","name","inverse","replace","split","props","elevation","backgroundColor","padding","borderRadius","themeInverse"],"sources":["../../src/ThemeInverseDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAQ,EAAIC,IAAA,IAAOC,KAAA,QAAQ,mBAAQ;AAOxC,SACEC,MADF,EAAAC,EAAA,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,YAAA;AALG,SAASC,iBAAA,EAAmB;EACjC,IAAAC,SAAM,GAAAF,YAAY;IAAaG,QACzB,GAAAD,SAAW,CAAAE,QAAU,OAAS,IAAM,OAAI,SAAU;EAExD,OACE,eAAAV,KAAC,CAAAI,MAAA;IACCO,KAAA;IACAC,QAAA,GACG,eAAAd,IAAA,CAAAe,OAAA;MAAAC,KAAA;MACCC,IAAA,EAAAP;IAAM,EACN,EAAyD,eAAAV,IAAA,CAAAK,KAAA;MAE7Da,OAAA;MACFJ,QAAA,iBAAAd,IAAA,CAAAe,OAAA;QAEJC,KAAA;QAESC,IAAA,EAAAP,SAAgD,CAAAS,OAAA,CAAAT,SAAA,CAAAU,KAAA,UAAAT,QAAA;MACvD,CACE;IAAC;EAAA;AACW;AACM,SAChBI,OAAQA,CAAAM,KAAA;EAAA,OACR,eAAanB,KAAA,CAAAK,MAAA;IAAAe,SACP;IAAAC,eAEN;IAAAC,OAAA;IAAiBC,YACjB;IAAoBZ,KACpB;IAA6BC,QAC7B,GAAsB,eAAMd,IAAA,CAAAI,EAAA;MAAAU,QAAK,EAAAO,KAAA,CAAAL;IAAA,IAAK,eACtChB,IAAA,CAAAG,MAAC;MAEDW,QAAA,EAAAO,KAAA,CAAAJ;IAAA,IACF,eAAAjB,IAAA,CAAAG,MAAA;MAEJuB,YAAA","ignoreList":[]}

package/dist/esm/ToastDemo.native.mjs

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Toast, useToastController, useToastState } from "@tamagui/toast";
-import React from "react";
-import { Button, Label, Switch, XStack, YStack } from "tamagui";
-var ToastDemo = function () {
-    var [native, setNative] = React.useState(!1);
-    return /* @__PURE__ */_jsxs(YStack, {
-      space: !0,
-      alignItems: "center",
-      children: [/* @__PURE__ */_jsx(ToastControl, {
-        native
-      }), /* @__PURE__ */_jsx(CurrentToast, {}), /* @__PURE__ */_jsx(NativeOptions, {
-        native,
-        setNative
-      })]
-    });
-  },
-  CurrentToast = function () {
-    var currentToast = useToastState();
-    return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */_jsx(Toast, {
-      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,
-      children: /* @__PURE__ */_jsxs(YStack, {
-        children: [/* @__PURE__ */_jsx(Toast.Title, {
-          children: currentToast.title
-        }), !!currentToast.message && /* @__PURE__ */_jsx(Toast.Description, {
-          children: currentToast.message
-        })]
-      })
-    }, currentToast.id);
-  },
-  ToastControl = function (param) {
-    var {
-        native
-      } = param,
-      toast = useToastController();
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$2",
-      justifyContent: "center",
-      children: [/* @__PURE__ */_jsx(Button, {
-        onPress: function () {
-          toast.show("Successfully saved!", {
-            message: "Don't worry, we've got your data.",
-            native
-          });
-        },
-        children: "Show"
-      }), /* @__PURE__ */_jsx(Button, {
-        onPress: function () {
-          toast.hide();
-        },
-        children: "Hide"
-      })]
-    });
-  },
-  NativeOptions = function (param) {
-    var {
-      native,
-      setNative
-    } = param;
-    return /* @__PURE__ */_jsxs(XStack, {
-      gap: "$3",
-      children: [/* @__PURE__ */_jsx(Label, {
-        size: "$1",
-        onPress: function () {
-          return setNative(!1);
-        },
-        children: "Custom"
-      }), /* @__PURE__ */_jsx(Switch, {
-        id: "native-toggle",
-        nativeID: "native-toggle",
-        theme: "active",
-        size: "$1",
-        checked: !!native,
-        onCheckedChange: function (val) {
-          return setNative(val);
-        },
-        children: /* @__PURE__ */_jsx(Switch.Thumb, {
-          animation: ["quick", {
-            transform: {
-              overshootClamping: !0
-            }
-          }]
-        })
-      }), /* @__PURE__ */_jsx(Label, {
-        size: "$1",
-        onPress: function () {
-          return setNative(!0);
-        },
-        children: "Native"
-      })]
-    });
-  };
-export { ToastDemo };
-//# sourceMappingURL=ToastDemo.native.mjs.map

package/dist/esm/ToastDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","ToastDemo","native","setNative","useState","space","alignItems","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","enterStyle","opacity","scale","y","exitStyle","animation","viewportName","Title","title","message","Description","id","param","toast","gap","justifyContent","onPress","show","hide","size"],"sources":["../../src/ToastDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAAC,KAAA,QAAoB,mBAAqB;AACzD,SAAOC,KAAA,EAAAC,kBAAW,EAAAC,aAAA;AAClB,OAAAC,KAAS,MAAQ,OAAO;AAWpB,SACEC,MADF,EAAAC,KAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAJG,IAAAC,SAAM,YAAAA,CAAA,EAAkB;IAC7B,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,GAAS;IAE3C,OACE,eAAAb,KAAC,CAAAS,MAAA;MACCK,KAAA;MACAC,UAAA,UAAC;MAEDC,QAAA,GACF,eAAAlB,IAAA,CAAAmB,YAAA;QAIEN;MACJ,EAAM,EAEN,eAAKb,IAAgB,CAAAoB,YAAa,OAE/B,eAAApB,IAAA,CAAAqB,aAAA;QAAAR,MAAA;QAECC;MACA;IAC0C;EACvC;EAAAM,YACM,YAAAA,CAAA;IAAA,IACTE,YAAO,GAAAjB,aAAA;IAAA,OACP,CAAAiB,YAAU,IAAAA,YAAA,CAAAC,iBAAA,yBAAAvB,IAAA,CAAAG,KAAA;MAAAqB,QACV,EAAAF,YAAc,CAAAE,QAAa;MAAAC,UAE3B;QACEC,OAAA;QAAiCC,KAC9B;QACwCC,CAAA,EAE7C;MAAA;MAfKC,SAAA;QAgBPH,OAAA;QAIEC,KAAA;QACJC,CAAA,EAAM;MACN;MAEIA,CAAA;MAAAF,OAAC;MAAAC,KAAA;MAAAG,SACC,SAAS;MACPC,YAAM,EAAAT,YAAK,CAAAS,YAAA;MAAuBb,QAChC,iBAAShB,KAAA,CAAAS,MAAA;QAAAO,QACT,kBACDlB,IAAA,CAAAG,KAAA,CAAA6B,KAAA;UACHd,QAAA,EAAAI,YAAA,CAAAW;QACD,MAAAX,YAAA,CAAAY,OAAA,mBAAAlC,IAAA,CAAAG,KAAA,CAAAgC,WAAA;UAEDjB,QAAA,EAAAI,YAAA,CAAAY;QACA;MAAC;IAAA,GAAAZ,YACU,CAAAc,EAAA;EACP;EAAAjB,YAAA,GAAM,SAAAA,CAAKkB,KAAA;IAAA;QACbxB;MAAA,IAAAwB,KAAA;MAAAC,KAAA,GAAAlC,kBAAA;IAAA,OACD,eAAAF,KAAA,CAAAQ,MAAA;MAAA6B,GAAA;MAEDC,cAAA;MAAAtB,QACF,GAIE,eAAiBlB,IAAA,CAAAO,MAAA;QACrBkC,OAAA,WAAAA,CAAA;UACAH,KAAA,CAAAI,IAAA;YAMER,OAAA,qCACE;YAAArB;UAGA;QAAC;QAAAK,QAAA;MACC,IACA,eAASlB,IAAA,CAAAO,MAAA;QACTkC,OAAM,WAAAA,CAAA;UACNH,KAAK,CAAAK,IAAA;QACL;QACAzB,QAAA;MAEA;IAAQ;EAAP;EAAAG,aACC,YAAAA,CAAWgB,KAAA;IAAA;MAAAxB,MACT;MAAAC;IAAA,IAAAuB,KAAA;IAAA,sBACAnC,KAAA,CAAAQ,MAAA;MAAA6B,GAAA;MACarB,QAAA,GACU,eACrBlB,IAAA,CAAAQ,KAAA;QAAAoC,IACF;QAAAH,OACF,WAAAA,CAAA;UAAA,OAAA3B,SAAA;QACF;QAAAI,QAAA;MACF,IAEA,eAAClB,IAAA,CAAAS,MAAM;QAGT2B,EAAA","ignoreList":[]}

package/dist/esm/ToastDuplicateDemo.native.mjs

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CheckCircle2 } from "@tamagui/lucide-icons";
-import { Toast } from "@tamagui/toast";
-import React from "react";
-import { Button, XStack, YStack } from "tamagui";
-var ToastDuplicateDemo = function () {
-  var [savedCount, setSavedCount] = React.useState(0);
-  return /* @__PURE__ */_jsxs(YStack, {
-    alignItems: "center",
-    children: [/* @__PURE__ */_jsx(Button, {
-      onPress: function () {
-        setSavedCount(function (old) {
-          return old + 1;
-        });
-      },
-      children: "Show toast"
-    }), [...Array(savedCount)].map(function (_, index) {
-      return /* @__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: !0,
-          alignItems: "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."
-            })]
-          })]
-        })
-      },
-      // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop
-      index);
-    })]
-  });
-};
-export { ToastDuplicateDemo };
-//# sourceMappingURL=ToastDuplicateDemo.native.mjs.map

package/dist/esm/ToastDuplicateDemo.native.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","CheckCircle2","Toast","React","Button","XStack","YStack","ToastDuplicateDemo","savedCount","setSavedCount","useState","alignItems","children","onPress","old","Array","map","_","index","viewportName","duration","enterStyle","opacity","scale","y","exitStyle","animation"],"sources":["../../src/ToastDuplicateDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAoBC,KAAA;AAC7B,SAASC,YAAA,QAAa;AACtB,SAAOC,KAAA,QAAW;AAClB,OAAAC,KAAS,MAAQ,OAAQ;AAUnB,SAAAC,MAwBM,EAAAC,MAAA,EAAAC,MAxBN;AALC,IAAAC,kBAAM,YAAAA,CAAA,EAA2B;EACtC,KAAAC,UAAO,EAAAC,aAAY,IAAaN,KAAI,CAAAO,QAAM,GAAS;EAEnD,OACE,eAAAV,KAAC,CAAAM,MAAA;IACCK,UAAA;IAAAC,QAAC,kBAAAd,IAAA,CAAAM,MAAA;MACCS,OAAA,EAAS,SAAAA,CAAA,EAAM;QACbJ,aAAA,CAAc,UAASK,GAAA;UACzB,OAAAA,GAAA;QACD;MAAA;MAEDF,QAAA;IACE,EAAG,EACF,IAAAG,KAAA,CAAAP,UAAA,GACCQ,GAAA,WAAAC,CAAa,EAAAC,KAAA;MAEb,sBAAUpB,IAAA,CACVI,KAAA,EACA;QACGiB,YAAA;QACHC,QAAS;QACTC,UAAO;UACPC,OAAU;UAEVC,KAAA;UACEC,CAAA;QAIA;QACEC,SAAA;UACAH,OAAA;UACFC,KAAA;UACFC,CAAA;QAAA;QAlBKA,CAAA;QAoBRF,OAAA;QACHC,KAAA;QAEJG,SAAA","ignoreList":[]}

package/dist/esm/ToggleGroupDemo.native.mjs

@@ -1,76 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlignCenter, AlignLeft, AlignRight } from "@tamagui/lucide-icons";
-import { Label, ToggleGroup, XStack, YStack } from "tamagui";
-function ToggleGroupDemo() {
-  return /* @__PURE__ */_jsx(YStack, {
-    paddingHorizontal: "$4",
-    children: /* @__PURE__ */_jsxs(XStack, {
-      alignItems: "center",
-      space: "$10",
-      children: [/* @__PURE__ */_jsxs(YStack, {
-        alignItems: "center",
-        space: "$6",
-        children: [/* @__PURE__ */_jsx(ToggleGroupComponent, {
-          type: "single",
-          size: "$3",
-          orientation: "horizontal"
-        }), /* @__PURE__ */_jsx(ToggleGroupComponent, {
-          type: "multiple",
-          size: "$4",
-          orientation: "horizontal"
-        })]
-      }), /* @__PURE__ */_jsxs(XStack, {
-        alignItems: "center",
-        space: "$6",
-        children: [/* @__PURE__ */_jsx(ToggleGroupComponent, {
-          type: "single",
-          size: "$3",
-          orientation: "vertical"
-        }), /* @__PURE__ */_jsx(ToggleGroupComponent, {
-          type: "multiple",
-          size: "$4",
-          orientation: "vertical"
-        })]
-      })]
-    })
-  });
-}
-function ToggleGroupComponent(props) {
-  var id = `switch-${props.size.toString().slice(1)}-${props.type}`;
-  return /* @__PURE__ */_jsxs(XStack, {
-    flexDirection: props.orientation === "horizontal" ? "row" : "column",
-    alignItems: "center",
-    justifyContent: "center",
-    space: "$4",
-    children: [/* @__PURE__ */_jsx(Label, {
-      paddingRight: "$0",
-      justifyContent: "flex-end",
-      size: props.size,
-      htmlFor: id,
-      children: props.type === "single" ? "Single" : "Multiple"
-    }), /* @ts-ignore */
-    /* @__PURE__ */_jsxs(ToggleGroup, {
-      orientation: props.orientation,
-      id,
-      type: props.type,
-      // since this demo switches between loosen types
-      size: props.size,
-      disableDeactivation: props.type === "single" ? !0 : void 0,
-      children: [/* @__PURE__ */_jsx(ToggleGroup.Item, {
-        value: "left",
-        "aria-label": "Left aligned",
-        children: /* @__PURE__ */_jsx(AlignLeft, {})
-      }), /* @__PURE__ */_jsx(ToggleGroup.Item, {
-        value: "center",
-        "aria-label": "Center aligned",
-        children: /* @__PURE__ */_jsx(AlignCenter, {})
-      }), /* @__PURE__ */_jsx(ToggleGroup.Item, {
-        value: "right",
-        "aria-label": "Right aligned",
-        children: /* @__PURE__ */_jsx(AlignRight, {})
-      })]
-    })]
-  });
-}
-export { ToggleGroupDemo };
-//# sourceMappingURL=ToggleGroupDemo.native.mjs.map