@tamagui/demos 2.7.7 → 3.0.0-beta.1091.1

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","View","styled","createSwitch","Label","XStack","YStack","Frame","width","height","rounded","variants","checked","true","backgroundColor","false","defaultVariants","Thumb","bg","opacity","Switch","SwitchUnstyledDemo","items","gap","children"],"sources":["../../src/SwitchUnstyledDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAMC,IAAA,EAAAC,IAAA,IAAcC,KAAA;AAC7B,SAASC,IAAA,EAAAC,MAAA,QAAoB;AAC7B,SAASC,YAAO,QAAQ,iBAAc;AA+ChC,SACEC,KADF,EAAAC,MAAA,EAAAC,MAAA;AA7CN,IAAAC,KAAM,GAAAL,MAAQ,CAAAD,IAAO;EACnBO,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,OAAA,EAAS;EACTC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJC,eAAA,EAAiB;MACnB;MACAC,KAAA,EAAO;QACLD,eAAA,EAAiB;MACnB;IACF;EACF;EACAE,eAAA,EAAiB;IACfJ,OAAA,EAAS;EACX;AACF,CAAC;AAED,IAAAK,KAAM,GAAAf,MAAQ,CAAAD,IAAO;EACnBO,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRS,EAAA,EAAI;EACJR,OAAA,EAAS;EAETC,QAAA,EAAU;IACRC,OAAA,EAAS;MACPC,IAAA,EAAM;QACJM,OAAA,EAAS;MACX;MACAJ,KAAA,EAAO;QACLI,OAAA,EAAS;MACX;IACF;EACF;AACF,CAAC;AAEM,IAAAC,MAAM,GAAAjB,YAAS;EACpBI,KAAA;EACAU;AACF,CAAC;AAEM,SAASI,mBAAA,EAAqB;EACnC,OACE,eAAAvB,IAAC,CAAAQ,MAAA;IAEGE,KAAA;IACAc,KAAA;IAEAC,GACF,EACF;IAEJC,QAAA,iBAAAxB,KAAA,CAAAK,MAAA","ignoreList":[]}

package/dist/esm/TabsHeadlessDemo.mjs

@@ -1,107 +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"];
-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"
-        }
-      }
-    }
-  }
-});
-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 (
-    // 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"];
-const TabsView = ({
-  flexDirection = "row"
-}) => {
-  return /* @__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.mjs.map

package/dist/esm/TabsHeadlessDemo.mjs.map

@@ -1 +0,0 @@
-{"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,114 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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"];
-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"
-        }
-      }
-    }
-  }
-});
-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 (
-    // 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: function () {
-            return setDemo(demo === "horizontal" ? "vertical" : "horizontal");
-          },
-          children: /* @__PURE__ */_jsx(Button.Text, {
-            textTransform: "capitalize",
-            children: demo
-          })
-        })
-      })]
-    })
-  );
-}
-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 +0,0 @@
-{"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/ToastV1Demo.mjs

@@ -1,119 +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 ToastV1Demo = () => {
-  const [native, setNative] = React.useState(false);
-  return /* @__PURE__ */jsxs(YStack, {
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */jsx(ToastControl, {
-      native
-    }), /* @__PURE__ */jsx(CurrentToast, {}), /* @__PURE__ */jsx(NativeOptions, {
-      native,
-      setNative
-    })]
-  });
-};
-const CurrentToast = () => {
-  const currentToast = useToastState();
-  if (!currentToast || currentToast.isHandledNatively) return null;
-  return /* @__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: true,
-        altText: "Dismiss toast",
-        children: /* @__PURE__ */jsx(Button, {
-          size: "$2",
-          children: "Dismiss"
-        })
-      })]
-    })
-  }, currentToast.id);
-};
-const 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: true
-        });
-      },
-      children: "Show"
-    }), /* @__PURE__ */jsx(Button, {
-      onPress: () => {
-        toast.hide();
-      },
-      children: "Hide"
-    })]
-  });
-};
-const NativeOptions = ({
-  native,
-  setNative
-}) => {
-  return /* @__PURE__ */jsxs(XStack, {
-    gap: "$3",
-    children: [/* @__PURE__ */jsx(Label, {
-      size: "$1",
-      onPress: () => setNative(false),
-      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: true
-          }
-        }]
-      })
-    }), /* @__PURE__ */jsx(Label, {
-      size: "$1",
-      onPress: () => setNative(true),
-      children: "Native"
-    })]
-  });
-};
-export { ToastV1Demo };
-//# sourceMappingURL=ToastV1Demo.mjs.map

package/dist/esm/ToastV1Demo.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":["Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","jsx","jsxs","ToastV1Demo","native","setNative","useState","gap","items","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","justify","flex","Title","title","message","Description","Action","asChild","altText","size","id","toast","onPress","show","demo","hide","theme","checked","onCheckedChange","val","Thumb","transform","overshootClamping"],"sources":["../../src/ToastV1Demo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/ToastV1Demo.native.js

@@ -1,127 +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 ToastV1Demo = function () {
-  var [native, setNative] = React.useState(false);
-  return /* @__PURE__ */_jsxs(YStack, {
-    gap: "$4",
-    items: "center",
-    children: [/* @__PURE__ */_jsx(ToastControl, {
-      native
-    }), /* @__PURE__ */_jsx(CurrentToast, {}), /* @__PURE__ */_jsx(NativeOptions, {
-      native,
-      setNative
-    })]
-  });
-};
-var CurrentToast = function () {
-  var currentToast = useToastState();
-  if (!currentToast || currentToast.isHandledNatively) return null;
-  return /* @__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: true,
-        altText: "Dismiss toast",
-        children: /* @__PURE__ */_jsx(Button, {
-          size: "$2",
-          children: "Dismiss"
-        })
-      })]
-    })
-  }, currentToast.id);
-};
-var ToastControl = function (param) {
-  var {
-    native
-  } = param;
-  var toast = useToastController();
-  return /* @__PURE__ */_jsxs(XStack, {
-    gap: "$2",
-    justify: "center",
-    children: [/* @__PURE__ */_jsx(Button, {
-      onPress: function () {
-        toast.show("Successfully saved!", {
-          message: "Don't worry, we've got your data.",
-          native,
-          demo: true
-        });
-      },
-      children: "Show"
-    }), /* @__PURE__ */_jsx(Button, {
-      onPress: function () {
-        toast.hide();
-      },
-      children: "Hide"
-    })]
-  });
-};
-var NativeOptions = function (param) {
-  var {
-    native,
-    setNative
-  } = param;
-  return /* @__PURE__ */_jsxs(XStack, {
-    gap: "$3",
-    children: [/* @__PURE__ */_jsx(Label, {
-      size: "$1",
-      onPress: function () {
-        return setNative(false);
-      },
-      children: "Custom"
-    }), /* @__PURE__ */_jsx(Switch, {
-      theme: "surface2",
-      id: "native-toggle",
-      size: "$1",
-      checked: !!native,
-      onCheckedChange: function (val) {
-        return setNative(val);
-      },
-      children: /* @__PURE__ */_jsx(Switch.Thumb, {
-        theme: "accent",
-        transition: ["quickest", {
-          transform: {
-            overshootClamping: true
-          }
-        }]
-      })
-    }), /* @__PURE__ */_jsx(Label, {
-      size: "$1",
-      onPress: function () {
-        return setNative(true);
-      },
-      children: "Native"
-    })]
-  });
-};
-export { ToastV1Demo };
-//# sourceMappingURL=ToastV1Demo.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Toast","useToastController","useToastState","React","Button","Label","Switch","XStack","YStack","ToastV1Demo","native","setNative","useState","gap","items","children","ToastControl","CurrentToast","NativeOptions","currentToast","isHandledNatively","duration","viewportName","enterStyle","opacity","scale","y","exitStyle","transition","bg","boxShadow","justify","flex","Title","title","message","Description","Action","asChild","altText","size","id","param","toast","onPress","show","demo","hide"],"sources":["../../src/ToastV1Demo.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,WAAM,YAAAA,CAAA,EAAoB;EAC/B,KAAAC,MAAO,EAAAC,SAAQ,IAASR,KAAI,CAAAS,QAAM,MAAS;EAE3C,OACE,eAAAb,KAAC,CAAAS,MAAA;IACCK,GAAA;IACAC,KAAA;IAEAC,QAAA,GACF,eAAAlB,IAAA,CAAAmB,YAAA;MAEJN;IAEM,IACJ,eAAMb,IAAe,CAAAoB,YAAc,OAE/B,eAACpB,IAAgB,CAAAqB,aAAa;MAElCR,MACE;MAACC;IAAA;EAEwB;AACI;AACmB,IAAAM,YAC9C,GAAa,SAAAA,CAAA,EAAS;EAAuB,IAC7CE,YAAS,GAAAjB,aAAA;EAAA,IACT,CAAAiB,YAAO,IAAAA,YAAA,CAAAC,iBAAA;EAAA,OACJ,eAAAvB,IAAA,CAAAG,KAAA;IAAAqB,QACH,EAAAF,YAAW,CAAAE,QAAA;IAAAC,YACR,EAAAH,YAAA,CAAAG,YAAA;IAAAC,UACH;MAEAC,OAAA;MACEC,KAAA;MACEC,CAAA;IAAiC;IAEUC,SAE7C;MAAAH,OACA;MAEAC,KACF;MAAAC,CAAA;IAtBK;IAuBPF,OAAA;IAEJC,KAAA;IAEAC,CAAA,EAAM;IACJE,UAAM,EAAQ;IAEdC,EAAA,WACE;IACEC,SAAA;IAAAf,QAAC,iBAAAhB,KAAA,CAAAQ,MAAA;MAAAM,GAAA;MAAAC,KACC,UAAS;MACPiB,OAAA,iBAAW;MAAuBhB,QAChC,GAAS,eACThB,KAAA,CAAAS,MAAA;QAAAK,GACA,QAAM;QACRmB,IAAC;QACHjB,QAAA,GACD,eAAAlB,IAAA,CAAAG,KAAA,CAAAiC,KAAA;UAAAlB,QAAA,EAAAI,YAAA,CAAAe;QAED,IACA,EAAAf,YAAA,CAAAgB,OAAA,mBAAAtC,IAAA,CAAAG,KAAA,CAAAoC,WAAA;UAACrB,QAAA,EAAAI,YAAA,CAAAgB;QAAA;MAEG,IACF,eAAAtC,IAAA,CAAAG,KAAA,CAAAqC,MAAA;QACDC,OAAA;QAAAC,OAAA;QAEDxB,QAAA,iBAAAlB,IAAA,CAAAO,MAAA;UACFoC,IAAA;UAEJzB,QAAA;QAEM;MACJ;IAEF;EAIE,GAAAI,YACE,CAAAsB,EAAA;AACE;AAEA,IACAzB,YAAA,YAAAA,CAAA0B,KAAA;EAAA,IAAC;IAAAhC;EAAA,IAAAgC,KAAA;EAAA,IAAAC,KAAA,GAAA1C,kBAAA;EAAA,OACC,eAAMF,KAAA,CAAAQ,MAAA;IAAAM,GAAA,EACN,IAAG;IAAAkB,OACH,UAAK;IAAAhB,QACL,GAAW,eACXlB,IAAkB,CAAAO,MAAA,EAAQ;MAE1BwC,OAAA,WAAAA,CAAA;QAACD,KAAA,CAAAE,IAAO;UAAPV,OAAA;UACCzB,MAAA;UACAoC,IAAA;QAAY;MACV;MACA/B,QACE;IAAW,IACU,eACrBlB,IAAA,CAAAO,MAAA;MAAAwC,OACF,WAAAA,CAAA;QAAAD,KACF,CAAAI,IAAA;MAAA;MACFhC,QAAA;IAAA;EACF,EAEA;AAEA;AAGN,IAAAG,aAAA,YAAAA,CAAAwB,KAAA","ignoreList":[]}

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

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

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.tsx"],"sourcesContent":[null],"mappings":"AAGA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc","ignoreList":[]}

package/src/CheckboxUnstyledDemo.tsx

@@ -1,49 +0,0 @@
-import { createCheckbox } from '@tamagui/checkbox'
-import { View, styled } from '@tamagui/core'
-import { Check } from '@tamagui/lucide-icons-2'
-import { Label, XStack, YStack } from 'tamagui'
-
-const Frame = styled(View, {
-  borderWidth: 1,
-  borderColor: '$borderColor',
-  rounded: 5,
-  items: 'center',
-  justify: 'center',
-  variants: {
-    checked: {
-      indeterminate: {},
-      true: {
-        backgroundColor: '$color5',
-      },
-      false: {
-        backgroundColor: '$color3',
-      },
-    },
-  } as const,
-
-  defaultVariants: {
-    checked: false,
-  },
-})
-
-const Indicator = styled(View, {})
-
-export const Checkbox = createCheckbox({
-  Frame,
-  Indicator,
-})
-
-export function CheckboxUnstyledDemo() {
-  return (
-    <YStack width={200} items="center" gap="$3">
-      <XStack gap="$3" items="center">
-        <Checkbox defaultChecked id="unstyled">
-          <Checkbox.Indicator>
-            <Check />
-          </Checkbox.Indicator>
-        </Checkbox>
-        <Label htmlFor="unstyled">Unstyled</Label>
-      </XStack>
-    </YStack>
-  )
-}

package/src/SwitchUnstyledDemo.tsx

@@ -1,58 +0,0 @@
-import { View, styled } from '@tamagui/core'
-import { createSwitch } from '@tamagui/switch'
-import { Label, XStack, YStack } from 'tamagui'
-
-const Frame = styled(View, {
-  width: 40,
-  height: 20,
-  rounded: 20,
-  variants: {
-    checked: {
-      true: {
-        backgroundColor: 'lightblue',
-      },
-      false: {
-        backgroundColor: 'silver',
-      },
-    },
-  } as const,
-  defaultVariants: {
-    checked: false,
-  },
-})
-
-const Thumb = styled(View, {
-  width: 20,
-  height: 20,
-  bg: 'black',
-  rounded: 20,
-
-  variants: {
-    checked: {
-      true: {
-        opacity: 0.8,
-      },
-      false: {
-        opacity: 0.5,
-      },
-    },
-  } as const,
-})
-
-export const Switch = createSwitch({
-  Frame,
-  Thumb,
-})
-
-export function SwitchUnstyledDemo() {
-  return (
-    <YStack width={200} items="center" gap="$3">
-      <XStack gap="$3" items="center">
-        <Label htmlFor="unstyled-switch">Unstyled</Label>
-        <Switch defaultChecked id="unstyled-switch">
-          <Switch.Thumb transition="quickest" />
-        </Switch>
-      </XStack>
-    </YStack>
-  )
-}