@tamagui/demos 2.0.0-rc.9 → 2.0.0

package/dist/esm/TabsHeadlessDemo.js

@@ -1,117 +0,0 @@
-import { 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";
-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"
-        }
-      }
-    }
-  }
-}), 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
-});
-function TabsHeadlessDemo() {
-  const [demo, setDemo] = useState(demos[0]);
-  return (
-    // web only fix for position relative
-    /* @__PURE__ */ jsxs(
-      YStack,
-      {
-        px: "$4",
-        ...isWeb && {
-          position: "static"
-        },
-        children: [
-          /* @__PURE__ */ jsx(TabsView, { flexDirection: demo === "horizontal" ? "row" : "column" }),
-          /* @__PURE__ */ jsx(
-            XStack,
-            {
-              items: "center",
-              gap: "$4",
-              position: "absolute",
-              b: "$3",
-              l: "$4",
-              $xxs: { display: "none" },
-              children: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  size: "$2",
-                  onPress: () => setDemo(demo === "horizontal" ? "vertical" : "horizontal"),
-                  children: /* @__PURE__ */ jsx(Button.Text, { textTransform: "capitalize", children: demo })
-                }
-              )
-            }
-          )
-        ]
-      }
-    )
-  );
-}
-const content = ["Home", "Profile", "Settings"], TabsView = ({ flexDirection = "row" }) => /* @__PURE__ */ jsxs(
-  CustomTabs,
-  {
-    flexDirection: flexDirection === "column" ? "row" : "column",
-    defaultValue: content[0],
-    children: [
-      /* @__PURE__ */ jsx(CustomTabs.List, { flexDirection, children: content.map((name, index) => /* @__PURE__ */ jsx(
-        CustomTabs.Tab,
-        {
-          value: name,
-          activeStyle: { backgroundColor: "transparent" },
-          children: name
-        },
-        index
-      )) }),
-      content.map((name, index) => /* @__PURE__ */ jsx(CustomTabs.Content, { value: name, children: name }, index))
-    ]
-  }
-);
-export {
-  ContentFrame,
-  CustomTabs,
-  TabFrame,
-  TabsFrame,
-  TabsHeadlessDemo
-};
-//# sourceMappingURL=TabsHeadlessDemo.js.map

package/dist/esm/TabsHeadlessDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/TabsHeadlessDemo.tsx"],
-  "mappings": "AAAA,SAAgB,gBAAgB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AA6D3B,SAME,KANF;AA3DJ,MAAM,QAAQ,CAAC,cAAc,UAAU,GAE1B,YAAY,OAAO,cAAc;AAAA,EAC5C,MAAM;AACR,CAAC,GAEY,WAAW,OAAO,gBAAgB;AAAA,EAC7C,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF,CAAC,GAEK,eAAe,eAER,eAAe,OAAO,gBAAgB;AAAA,EACjD,MAAM;AAAA,EACN,MAAM;AAAA,EACN,GAAG;AAAA,EACH,SAAS;AAAA,EACT,OAAO;AAAA,EACP,IAAI;AAAA,EACJ,SAAS;AACX,CAAC,GAEY,aAAa,WAAW;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAEM,SAAS,mBAAmB;AACjC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAiC,MAAM,CAAC,CAAC;AAEjE;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,IAAG;AAAA,QACF,GAAI,SAAS;AAAA,UACZ,UAAU;AAAA,QACZ;AAAA,QAEA;AAAA,8BAAC,YAAS,eAAe,SAAS,eAAe,QAAQ,UAAU;AAAA,UAEnE;AAAA,YAAC;AAAA;AAAA,cACC,OAAM;AAAA,cACN,KAAI;AAAA,cACJ,UAAS;AAAA,cACT,GAAE;AAAA,cACF,GAAE;AAAA,cACF,MAAM,EAAE,SAAS,OAAO;AAAA,cAExB;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM,QAAQ,SAAS,eAAe,aAAa,YAAY;AAAA,kBAExE,8BAAC,OAAO,MAAP,EAAY,eAAc,cAAc,gBAAK;AAAA;AAAA,cAChD;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF;AAAA;AAEJ;AAEA,MAAM,UAAU,CAAC,QAAQ,WAAW,UAAU,GAExC,WAAW,CAAC,EAAE,gBAAgB,MAAM,MAEtC;AAAA,EAAC;AAAA;AAAA,IACC,eAAe,kBAAkB,WAAW,QAAQ;AAAA,IACpD,cAAc,QAAQ,CAAC;AAAA,IAEvB;AAAA,0BAAC,WAAW,MAAX,EAAgB,eACd,kBAAQ,IAAI,CAAC,MAAM,UAClB;AAAA,QAAC,WAAW;AAAA,QAAX;AAAA,UAEC,OAAO;AAAA,UACP,aAAa,EAAE,iBAAiB,cAAc;AAAA,UAE7C;AAAA;AAAA,QAJI;AAAA,MAKP,CACD,GACH;AAAA,MACC,QAAQ,IAAI,CAAC,MAAM,UAClB,oBAAC,WAAW,SAAX,EAA+B,OAAO,MACpC,kBADsB,KAEzB,CACD;AAAA;AAAA;AACH;",
-  "names": []
-}

package/dist/esm/TextDemo.js

@@ -1,19 +0,0 @@
-import { Em, Paragraph, SizableText, Span, Strong, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function TextDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { gap: "$2", items: "center", children: [
-    /* @__PURE__ */ jsx(SizableText, { size: "$3", children: "SizableText" }),
-    /* @__PURE__ */ jsx(Paragraph, { size: "$2", fontWeight: "800", children: "Paragraph" }),
-    /* @__PURE__ */ jsxs(Paragraph, { children: [
-      /* @__PURE__ */ jsx(Strong, { children: "Strong" }),
-      ", ",
-      /* @__PURE__ */ jsx(Em, { children: "Em" }),
-      ", ",
-      /* @__PURE__ */ jsx(Span, { children: "Span" })
-    ] })
-  ] });
-}
-export {
-  TextDemo
-};
-//# sourceMappingURL=TextDemo.js.map

package/dist/esm/TextDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/TextDemo.tsx"],
-  "mappings": "AAAA,SAAS,IAAI,WAAW,aAAa,MAAM,QAAQ,cAAc;AAK3D,cAIA,YAJA;AAHC,SAAS,WAAW;AACzB,SACE,qBAAC,UAAO,KAAI,MAAK,OAAM,UACrB;AAAA,wBAAC,eAAY,MAAK,MAAK,yBAAW;AAAA,IAClC,oBAAC,aAAU,MAAK,MAAK,YAAW,OAAM,uBAEtC;AAAA,IACA,qBAAC,aACC;AAAA,0BAAC,UAAO,oBAAM;AAAA,MAAS;AAAA,MAAE,oBAAC,MAAG,gBAAE;AAAA,MAAK;AAAA,MAAE,oBAAC,QAAK,kBAAI;AAAA,OAClD;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/esm/ThemeBuilderDemo.js

@@ -1,152 +0,0 @@
-import { Square, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ThemeBuilderDemo() {
-  return /* @__PURE__ */ jsx(YStack, { fullscreen: !0, overflow: "hidden", children: /* @__PURE__ */ jsxs(XStack, { maxH: 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) {
-  const subTheme = props.subTheme ? `_${props.subTheme}` : "";
-  return /* @__PURE__ */ jsxs(YStack, { p: "$2.5", gap: "$3.5", children: [
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: props.subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "orange" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "yellow" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "green" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "blue" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "purple" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "pink" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "red" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: props.subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "orange" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "yellow" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Square,
-      {
-        rounded: "$6",
-        size: "$10",
-        theme: "green" + subTheme,
-        bg: "$background",
-        ...props
-      }
-    )
-  ] });
-}
-export {
-  ThemeBuilderDemo
-};
-//# sourceMappingURL=ThemeBuilderDemo.js.map

package/dist/esm/ThemeBuilderDemo.js.map

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

package/dist/esm/ThemeInverseDemo.js

@@ -1,30 +0,0 @@
-import { Button, H5, Theme, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ThemeInverseDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { gap: "$4", flexWrap: "wrap", children: [
-    /* @__PURE__ */ jsxs(YStack, { elevation: "$4", bg: "$background", p: "$4", rounded: "$4", gap: "$3", children: [
-      /* @__PURE__ */ jsx(H5, { children: "Base Theme" }),
-      /* @__PURE__ */ jsx(Button, { children: "Normal" }),
-      /* @__PURE__ */ jsx(Button, { theme: "accent", children: "Accent" })
-    ] }),
-    /* @__PURE__ */ jsx(Theme, { name: "red", children: /* @__PURE__ */ jsxs(YStack, { elevation: "$4", bg: "$background", p: "$4", rounded: "$4", gap: "$3", children: [
-      /* @__PURE__ */ jsx(H5, { children: "Red Theme" }),
-      /* @__PURE__ */ jsx(Button, { children: "Normal" }),
-      /* @__PURE__ */ jsx(Button, { theme: "accent", children: "Accent" })
-    ] }) }),
-    /* @__PURE__ */ jsx(Theme, { name: "blue", children: /* @__PURE__ */ jsxs(YStack, { elevation: "$4", bg: "$background", p: "$4", rounded: "$4", gap: "$3", children: [
-      /* @__PURE__ */ jsx(H5, { children: "Blue Theme" }),
-      /* @__PURE__ */ jsx(Button, { children: "Normal" }),
-      /* @__PURE__ */ jsx(Button, { theme: "accent", children: "Accent" })
-    ] }) }),
-    /* @__PURE__ */ jsx(Theme, { name: "green", children: /* @__PURE__ */ jsxs(YStack, { elevation: "$4", bg: "$background", p: "$4", rounded: "$4", gap: "$3", children: [
-      /* @__PURE__ */ jsx(H5, { children: "Green Theme" }),
-      /* @__PURE__ */ jsx(Button, { children: "Normal" }),
-      /* @__PURE__ */ jsx(Button, { theme: "accent", children: "Accent" })
-    ] }) })
-  ] });
-}
-export {
-  ThemeInverseDemo
-};
-//# sourceMappingURL=ThemeInverseDemo.js.map

package/dist/esm/ThemeInverseDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ThemeInverseDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,IAAI,OAAO,QAAQ,cAAc;AAK5C,SACE,KADF;AAHC,SAAS,mBAAmB;AACjC,SACE,qBAAC,UAAO,KAAI,MAAK,UAAS,QACxB;AAAA,yBAAC,UAAO,WAAU,MAAK,IAAG,eAAc,GAAE,MAAK,SAAQ,MAAK,KAAI,MAC9D;AAAA,0BAAC,MAAG,wBAAU;AAAA,MACd,oBAAC,UAAO,oBAAM;AAAA,MACd,oBAAC,UAAO,OAAM,UAAS,oBAAM;AAAA,OAC/B;AAAA,IAEA,oBAAC,SAAM,MAAK,OACV,+BAAC,UAAO,WAAU,MAAK,IAAG,eAAc,GAAE,MAAK,SAAQ,MAAK,KAAI,MAC9D;AAAA,0BAAC,MAAG,uBAAS;AAAA,MACb,oBAAC,UAAO,oBAAM;AAAA,MACd,oBAAC,UAAO,OAAM,UAAS,oBAAM;AAAA,OAC/B,GACF;AAAA,IAEA,oBAAC,SAAM,MAAK,QACV,+BAAC,UAAO,WAAU,MAAK,IAAG,eAAc,GAAE,MAAK,SAAQ,MAAK,KAAI,MAC9D;AAAA,0BAAC,MAAG,wBAAU;AAAA,MACd,oBAAC,UAAO,oBAAM;AAAA,MACd,oBAAC,UAAO,OAAM,UAAS,oBAAM;AAAA,OAC/B,GACF;AAAA,IAEA,oBAAC,SAAM,MAAK,SACV,+BAAC,UAAO,WAAU,MAAK,IAAG,eAAc,GAAE,MAAK,SAAQ,MAAK,KAAI,MAC9D;AAAA,0BAAC,MAAG,yBAAW;AAAA,MACf,oBAAC,UAAO,oBAAM;AAAA,MACd,oBAAC,UAAO,OAAM,UAAS,oBAAM;AAAA,OAC/B,GACF;AAAA,KACF;AAEJ;",
-  "names": []
-}

package/dist/esm/ToastDemo.js

@@ -1,97 +0,0 @@
-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";
-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 })
-  ] });
-}, 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" }) })
-      ] })
-    },
-    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"
-      }
-    )
-  ] });
-}, NativeOptions = ({
-  native,
-  setNative
-}) => /* @__PURE__ */ jsxs(XStack, { gap: "$3", 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,
-        {
-          theme: "accent",
-          transition: [
-            "quickest",
-            {
-              transform: {
-                overshootClamping: !0
-              }
-            }
-          ]
-        }
-      )
-    }
-  ),
-  /* @__PURE__ */ jsx(Label, { size: "$1", onPress: () => setNative(!0), children: "Native" })
-] });
-export {
-  ToastDemo
-};
-//# sourceMappingURL=ToastDemo.js.map

package/dist/esm/ToastDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ToastDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,oBAAoB,qBAAqB;AACzD,OAAO,WAAW;AAClB,SAAS,QAAQ,OAAO,QAAQ,QAAQ,cAAc;AAWlD,SACE,KADF;AAJG,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,MAAM,SAAS,EAAK;AAEhD,SACE,qBAAC,UAAO,KAAI,MAAK,OAAM,UACrB;AAAA,wBAAC,gBAAa,QAAgB;AAAA,IAC9B,oBAAC,gBAAa;AAAA,IAEd,oBAAC,iBAAc,QAAgB,WAAsB;AAAA,KACvD;AAEJ,GAEM,eAAe,MAAM;AACzB,QAAM,eAAe,cAAc;AAEnC,SAAI,CAAC,gBAAgB,aAAa,oBAA0B,OAG1D;AAAA,IAAC;AAAA;AAAA,MAEC,UAAU,aAAa;AAAA,MACvB,cAAc,aAAa;AAAA,MAC3B,YAAY,EAAE,SAAS,GAAG,OAAO,MAAM,GAAG,IAAI;AAAA,MAC9C,WAAW,EAAE,SAAS,GAAG,OAAO,MAAM,GAAG,IAAI;AAAA,MAC7C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,GAAG;AAAA,MACH,YAAW;AAAA,MACX,IAAG;AAAA,MACH,WAAU;AAAA,MAEV,+BAAC,UAAO,KAAI,MAAK,OAAM,UAAS,SAAQ,iBACtC;AAAA,6BAAC,UAAO,KAAI,QAAO,MAAM,GACvB;AAAA,8BAAC,MAAM,OAAN,EAAa,uBAAa,OAAM;AAAA,UAChC,CAAC,CAAC,aAAa,WACd,oBAAC,MAAM,aAAN,EAAmB,uBAAa,SAAQ;AAAA,WAE7C;AAAA,QACA,oBAAC,MAAM,QAAN,EAAa,SAAO,IAAC,SAAQ,iBAC5B,8BAAC,UAAO,MAAK,MAAK,qBAAO,GAC3B;AAAA,SACF;AAAA;AAAA,IAtBK,aAAa;AAAA,EAuBpB;AAEJ,GAEM,eAAe,CAAC,EAAE,OAAO,MAA2B;AACxD,QAAM,QAAQ,mBAAmB;AAEjC,SACE,qBAAC,UAAO,KAAI,MAAK,SAAQ,UACvB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK,uBAAuB;AAAA,YAChC,SAAS;AAAA,YACT;AAAA,YACA,MAAM;AAAA,UACR,CAAC;AAAA,QACH;AAAA,QACD;AAAA;AAAA,IAED;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,KAAK;AAAA,QACb;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ,GAEM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AACF,MAKI,qBAAC,UAAO,KAAI,MACV;AAAA,sBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAK,GAAG,oBAElD;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,IAAG;AAAA,MACH,MAAK;AAAA,MACL,SAAS,CAAC,CAAC;AAAA,MACX,iBAAiB,CAAC,QAAQ,UAAU,GAAG;AAAA,MAEvC;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,OAAM;AAAA,UACN,YAAY;AAAA,YACV;AAAA,YACA;AAAA,cACE,WAAW;AAAA,gBACT,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAAA,EAEA,oBAAC,SAAM,MAAK,MAAK,SAAS,MAAM,UAAU,EAAI,GAAG,oBAEjD;AAAA,GACF;",
-  "names": []
-}

package/dist/esm/ToastDuplicateDemo.js

@@ -1,44 +0,0 @@
-import { CheckCircle2 } from "@tamagui/lucide-icons";
-import { Toast } from "@tamagui/toast";
-import React from "react";
-import { Button, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-const ToastDuplicateDemo = () => {
-  const [savedCount, setSavedCount] = React.useState(0);
-  return /* @__PURE__ */ jsxs(YStack, { items: "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,
-        transition: "100ms",
-        children: /* @__PURE__ */ jsxs(XStack, { gap: "$4", items: "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

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ToastDuplicateDemo.tsx"],
-  "mappings": "AAAA,SAAS,oBAAoB;AAC7B,SAAS,aAAa;AACtB,OAAO,WAAW;AAClB,SAAS,QAAQ,QAAQ,cAAc;AAUjC,cAwBM,YAxBN;AALC,MAAM,qBAAqB,MAAM;AACtC,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,CAAC;AAEpD,SACE,qBAAC,UAAO,OAAM,UACZ;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,YAAW;AAAA,QAEX,+BAAC,UAAO,KAAI,MAAK,OAAM,UACrB;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/ToggleGroupDemo.js

@@ -1,75 +0,0 @@
-import { AlignCenter, AlignLeft, AlignRight } from "@tamagui/lucide-icons";
-import { Label, ToggleGroup, XGroup, YGroup, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ToggleGroupDemo() {
-  return /* @__PURE__ */ jsx(YStack, { px: "$4", children: /* @__PURE__ */ jsxs(XStack, { items: "center", gap: "$10", children: [
-    /* @__PURE__ */ jsxs(YStack, { items: "center", gap: "$6", children: [
-      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: "single", orientation: "horizontal" }),
-      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: "multiple", orientation: "horizontal" })
-    ] }),
-    /* @__PURE__ */ jsxs(XStack, { items: "center", gap: "$6", y: -28, children: [
-      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: "single", orientation: "vertical" }),
-      /* @__PURE__ */ jsx(ToggleGroupComponent, { type: "multiple", orientation: "vertical" })
-    ] })
-  ] }) });
-}
-function ToggleGroupComponent(props) {
-  const id = `switch-${props.type}`, Group = props.orientation === "horizontal" ? XGroup : YGroup;
-  return /* @__PURE__ */ jsxs(
-    XStack,
-    {
-      flexDirection: props.orientation === "horizontal" ? "row" : "column",
-      items: "center",
-      justify: "center",
-      gap: "$4",
-      children: [
-        /* @__PURE__ */ jsx(Label, { pr: "$0", justify: "flex-end", size: "$4", htmlFor: id, children: props.type === "single" ? "Single" : "Multiple" }),
-        /* @__PURE__ */ jsx(
-          ToggleGroup,
-          {
-            orientation: props.orientation,
-            id,
-            type: props.type,
-            disableDeactivation: props.type === "single" ? !0 : void 0,
-            children: /* @__PURE__ */ jsxs(Group, { children: [
-              /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(
-                ToggleGroup.Item,
-                {
-                  value: "left",
-                  "aria-label": "Left aligned",
-                  borderRadius: "$4",
-                  activeStyle: { backgroundColor: "$color5" },
-                  children: /* @__PURE__ */ jsx(AlignLeft, { size: 16 })
-                }
-              ) }),
-              /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(
-                ToggleGroup.Item,
-                {
-                  value: "center",
-                  "aria-label": "Center aligned",
-                  borderRadius: "$4",
-                  activeStyle: { backgroundColor: "$color5" },
-                  children: /* @__PURE__ */ jsx(AlignCenter, { size: 16 })
-                }
-              ) }),
-              /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(
-                ToggleGroup.Item,
-                {
-                  value: "right",
-                  "aria-label": "Right aligned",
-                  borderRadius: "$4",
-                  activeStyle: { backgroundColor: "$color5" },
-                  children: /* @__PURE__ */ jsx(AlignRight, { size: 16 })
-                }
-              ) })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-}
-export {
-  ToggleGroupDemo
-};
-//# sourceMappingURL=ToggleGroupDemo.js.map

package/dist/esm/ToggleGroupDemo.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/ToggleGroupDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa,WAAW,kBAAkB;AACnD,SAAS,OAAO,aAAa,QAAQ,QAAQ,QAAQ,cAAc;AAM3D,SACE,KADF;AAJD,SAAS,kBAAkB;AAChC,SACE,oBAAC,UAAO,IAAG,MACT,+BAAC,UAAO,OAAM,UAAS,KAAI,OACzB;AAAA,yBAAC,UAAO,OAAM,UAAS,KAAI,MACzB;AAAA,0BAAC,wBAAqB,MAAK,UAAS,aAAY,cAAa;AAAA,MAC7D,oBAAC,wBAAqB,MAAK,YAAW,aAAY,cAAa;AAAA,OACjE;AAAA,IACA,qBAAC,UAAO,OAAM,UAAS,KAAI,MAAK,GAAG,KACjC;AAAA,0BAAC,wBAAqB,MAAK,UAAS,aAAY,YAAW;AAAA,MAC3D,oBAAC,wBAAqB,MAAK,YAAW,aAAY,YAAW;AAAA,OAC/D;AAAA,KACF,GACF;AAEJ;AAEA,SAAS,qBAAqB,OAG3B;AACD,QAAM,KAAK,UAAU,MAAM,IAAI,IACzB,QAAQ,MAAM,gBAAgB,eAAe,SAAS;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAe,MAAM,gBAAgB,eAAe,QAAQ;AAAA,MAC5D,OAAM;AAAA,MACN,SAAQ;AAAA,MACR,KAAI;AAAA,MAEJ;AAAA,4BAAC,SAAM,IAAG,MAAK,SAAQ,YAAW,MAAK,MAAK,SAAS,IAClD,gBAAM,SAAS,WAAW,WAAW,YACxC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,aAAa,MAAM;AAAA,YACnB;AAAA,YACA,MAAM,MAAM;AAAA,YACZ,qBAAqB,MAAM,SAAS,WAAW,KAAO;AAAA,YAEtD,+BAAC,SACC;AAAA,kCAAC,MAAM,MAAN,EACC;AAAA,gBAAC,YAAY;AAAA,gBAAZ;AAAA,kBACC,OAAM;AAAA,kBACN,cAAW;AAAA,kBACX,cAAa;AAAA,kBACb,aAAa,EAAE,iBAAiB,UAAU;AAAA,kBAE1C,8BAAC,aAAU,MAAM,IAAI;AAAA;AAAA,cACvB,GACF;AAAA,cAEA,oBAAC,MAAM,MAAN,EACC;AAAA,gBAAC,YAAY;AAAA,gBAAZ;AAAA,kBACC,OAAM;AAAA,kBACN,cAAW;AAAA,kBACX,cAAa;AAAA,kBACb,aAAa,EAAE,iBAAiB,UAAU;AAAA,kBAE1C,8BAAC,eAAY,MAAM,IAAI;AAAA;AAAA,cACzB,GACF;AAAA,cAEA,oBAAC,MAAM,MAAN,EACC;AAAA,gBAAC,YAAY;AAAA,gBAAZ;AAAA,kBACC,OAAM;AAAA,kBACN,cAAW;AAAA,kBACX,cAAa;AAAA,kBACb,aAAa,EAAE,iBAAiB,UAAU;AAAA,kBAE1C,8BAAC,cAAW,MAAM,IAAI;AAAA;AAAA,cACxB,GACF;AAAA,eACF;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
-}