@tamagui/demos 2.0.0-rc.9 → 2.0.0

package/dist/esm/SheetDemo.native.js

@@ -1,144 +1,144 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
+import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons-2";
 import { Sheet } from "@tamagui/sheet";
 import React, { memo } from "react";
 import { Button, H2, Input, Paragraph, XStack, YStack } from "tamagui";
-var spModes = ["percent", "constant", "fit", "mixed"],
-  SheetDemo = function () {
-    var [position, setPosition] = React.useState(0),
-      [open, setOpen] = React.useState(!1),
-      [modal, setModal] = React.useState(!0),
-      [innerOpen, setInnerOpen] = React.useState(!1),
-      [snapPointsMode, setSnapPointsMode] = React.useState("percent"),
-      [mixedFitDemo, setMixedFitDemo] = React.useState(!1),
-      isPercent = snapPointsMode === "percent",
-      isConstant = snapPointsMode === "constant",
-      isFit = snapPointsMode === "fit",
-      isMixed = snapPointsMode === "mixed",
-      snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
-    return /* @__PURE__ */_jsxs(_Fragment, {
-      children: [/* @__PURE__ */_jsxs(YStack, {
+var spModes = ["percent", "constant", "fit", "mixed"];
+var SheetDemo = function () {
+  var [position, setPosition] = React.useState(0);
+  var [open, setOpen] = React.useState(false);
+  var [modal, setModal] = React.useState(true);
+  var [innerOpen, setInnerOpen] = React.useState(false);
+  var [snapPointsMode, setSnapPointsMode] = React.useState("percent");
+  var [mixedFitDemo, setMixedFitDemo] = React.useState(false);
+  var isPercent = snapPointsMode === "percent";
+  var isConstant = snapPointsMode === "constant";
+  var isFit = snapPointsMode === "fit";
+  var isMixed = snapPointsMode === "mixed";
+  var snapPoints = isPercent ? [85, 50, 25] : isConstant ? [256, 190] : isFit ? void 0 : mixedFitDemo ? ["fit", 110] : ["80%", 256, 190];
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsxs(YStack, {
+      gap: "$4",
+      children: [/* @__PURE__ */_jsxs(XStack, {
         gap: "$4",
-        children: [/* @__PURE__ */_jsxs(XStack, {
-          gap: "$4",
-          $maxMd: {
-            flexDirection: "column",
-            items: "center"
+        $maxMd: {
+          flexDirection: "column",
+          items: "center"
+        },
+        children: [/* @__PURE__ */_jsx(Button, {
+          onPress: function () {
+            return setOpen(true);
           },
-          children: [/* @__PURE__ */_jsx(Button, {
-            onPress: function () {
-              return setOpen(!0);
-            },
-            children: "Open"
-          }), /* @__PURE__ */_jsx(Button, {
-            onPress: function () {
-              return setModal(function (x) {
-                return !x;
-              });
-            },
-            children: modal ? "Type: Modal" : "Type: Inline"
-          }), /* @__PURE__ */_jsx(Button, {
-            onPress: function () {
-              return setSnapPointsMode(function (prev) {
-                return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
-              });
-            },
-            children: `Mode: ${{
-              percent: "Percentage",
-              constant: "Constant",
-              fit: "Fit",
-              mixed: "Mixed"
-            }[snapPointsMode]}`
-          })]
-        }), isMixed ? /* @__PURE__ */_jsx(Button, {
+          children: "Open"
+        }), /* @__PURE__ */_jsx(Button, {
           onPress: function () {
-            return setMixedFitDemo(function (x) {
+            return setModal(function (x) {
               return !x;
             });
           },
-          children: `Snap Points: ${JSON.stringify(snapPoints)}`
-        }) : /* @__PURE__ */_jsx(XStack, {
-          py: "$2.5",
-          justify: "center",
-          children: /* @__PURE__ */_jsx(Paragraph, {
-            children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
-          })
-        })]
-      }), /* @__PURE__ */_jsxs(Sheet, {
-        modal,
-        open,
-        onOpenChange: setOpen,
-        snapPoints,
-        snapPointsMode,
-        dismissOnSnapToBottom: !0,
-        position,
-        onPositionChange: setPosition,
-        zIndex: 1e5,
-        transition: "medium",
-        children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
-          transition: "lazy",
-          bg: "$shadow6",
-          enterStyle: {
-            opacity: 0
+          children: modal ? "Type: Modal" : "Type: Inline"
+        }), /* @__PURE__ */_jsx(Button, {
+          onPress: function () {
+            return setSnapPointsMode(function (prev) {
+              return spModes[(spModes.indexOf(prev) + 1) % spModes.length];
+            });
           },
-          exitStyle: {
-            opacity: 0
-          }
-        }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
-          p: "$4",
-          justify: "center",
-          items: "center",
-          gap: "$5",
-          children: /* @__PURE__ */_jsx(SheetContents, {
-            modal,
-            isPercent,
-            innerOpen,
-            setInnerOpen,
-            setOpen
-          })
+          children: `Mode: ${{
+            percent: "Percentage",
+            constant: "Constant",
+            fit: "Fit",
+            mixed: "Mixed"
+          }[snapPointsMode]}`
         })]
+      }), isMixed ? /* @__PURE__ */_jsx(Button, {
+        onPress: function () {
+          return setMixedFitDemo(function (x) {
+            return !x;
+          });
+        },
+        children: `Snap Points: ${JSON.stringify(snapPoints)}`
+      }) : /* @__PURE__ */_jsx(XStack, {
+        py: "$2.5",
+        justify: "center",
+        children: /* @__PURE__ */_jsx(Paragraph, {
+          children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
+        })
       })]
-    });
-  },
-  SheetContents = /* @__PURE__ */memo(function (param) {
-    var {
+    }), /* @__PURE__ */_jsxs(Sheet, {
       modal,
-      isPercent,
-      innerOpen,
-      setInnerOpen,
-      setOpen
-    } = param;
-    return /* @__PURE__ */_jsxs(_Fragment, {
-      children: [/* @__PURE__ */_jsx(Button, {
+      open,
+      onOpenChange: setOpen,
+      snapPoints,
+      snapPointsMode,
+      dismissOnSnapToBottom: true,
+      position,
+      onPositionChange: setPosition,
+      zIndex: 1e5,
+      transition: "medium",
+      children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
+        transition: "lazy",
+        bg: "$shadow6",
+        enterStyle: {
+          opacity: 0
+        },
+        exitStyle: {
+          opacity: 0
+        }
+      }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
+        p: "$4",
+        justify: "center",
+        items: "center",
+        gap: "$5",
+        children: /* @__PURE__ */_jsx(SheetContents, {
+          modal,
+          isPercent,
+          innerOpen,
+          setInnerOpen,
+          setOpen
+        })
+      })]
+    })]
+  });
+};
+var SheetContents = /* @__PURE__ */memo(function (param) {
+  var {
+    modal,
+    isPercent,
+    innerOpen,
+    setInnerOpen,
+    setOpen
+  } = param;
+  return /* @__PURE__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(Button, {
+      size: "$6",
+      circular: true,
+      icon: ChevronDown,
+      onPress: function () {
+        return setOpen(false);
+      }
+    }), /* @__PURE__ */_jsx(Input, {
+      width: 200
+    }), modal && isPercent && /* @__PURE__ */_jsxs(_Fragment, {
+      children: [/* @__PURE__ */_jsx(InnerSheet, {
+        open: innerOpen,
+        onOpenChange: setInnerOpen
+      }), /* @__PURE__ */_jsx(Button, {
         size: "$6",
-        circular: !0,
-        icon: ChevronDown,
+        circular: true,
+        icon: ChevronUp,
         onPress: function () {
-          return setOpen(!1);
+          return setInnerOpen(true);
         }
-      }), /* @__PURE__ */_jsx(Input, {
-        width: 200
-      }), modal && isPercent && /* @__PURE__ */_jsxs(_Fragment, {
-        children: [/* @__PURE__ */_jsx(InnerSheet, {
-          open: innerOpen,
-          onOpenChange: setInnerOpen
-        }), /* @__PURE__ */_jsx(Button, {
-          size: "$6",
-          circular: !0,
-          icon: ChevronUp,
-          onPress: function () {
-            return setInnerOpen(!0);
-          }
-        })]
       })]
-    });
+    })]
   });
+});
 function InnerSheet(props) {
   return /* @__PURE__ */_jsxs(Sheet, {
     transition: "medium",
-    modal: !0,
+    modal: true,
     snapPoints: [90],
-    dismissOnSnapToBottom: !0,
+    dismissOnSnapToBottom: true,
     ...props,
     children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
       transition: "medium",
@@ -160,12 +160,12 @@ function InnerSheet(props) {
           gap: "$8",
           children: [/* @__PURE__ */_jsx(Button, {
             size: "$6",
-            circular: !0,
+            circular: true,
             self: "center",
             icon: ChevronDown,
             onPress: function () {
               var _props_onOpenChange;
-              return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, !1);
+              return (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);
             }
           }), /* @__PURE__ */_jsx(H2, {
             children: "Hello world"

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$maxMd","flexDirection","items","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ChevronDown","ChevronUp","Sheet","React","memo","Button","H2","Input","Paragraph","XStack","YStack","spModes","SheetDemo","position","setPosition","useState","open","setOpen","modal","setModal","innerOpen","setInnerOpen","snapPointsMode","setSnapPointsMode","mixedFitDemo","setMixedFitDemo","isPercent","isConstant","isFit","isMixed","snapPoints","children","gap","$maxMd","flexDirection","items","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","py","justify","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","transition","Overlay","bg","enterStyle","opacity","exitStyle"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAA,EAAAC,QAAiB,IAAAC,SAAA;AAEvC,SAASC,WAAA,EAAaC,SAAA;AACtB,SAAOC,KAAA,QAAS,gBAAY;AAC5B,OAAAC,KAAS,IAAAC,IAAQ,QAAW;AA4BxB,SAAAC,MAAA,EAAAC,EAGM,EAAAC,KADF,EAAAC,SAFJ,EAAAC,MAAA,EAAAC,MAAA;AA1BJ,IAAAC,OAAM,IAEC,SAAM,EACX,UAAO,EACP,OACA,OAAO,CACP;AACA,IAAAC,SAAO,YAAAA,CAAA,EAAgB;EAEvB,KAAAC,QAAO,EAAAC,WAAc,IAAAX,KAAA,CAAeY,QAAI,EAAM;EAE9C,KAAAC,IAAM,EAAAC,OAAY,IAAAd,KAAA,CAAAY,QAAA,CAAmB;EACrC,KAAAG,KAAM,EAAAC,QAAa,IAAAhB,KAAA,CAAAY,QAAmB;EACtC,KAAAK,SAAc,EAAAC,YAAA,IAAAlB,KAAmB,CAAAY,QAAA;EACjC,KAAAO,cAAgB,EAAAC,iBAAmB,IAAApB,KAAA,CAAAY,QAAA;EACnC,KAAAS,YAAM,EAAaC,eACd,IAAItB,KAAM,CAAAY,QACX,OACE;EAON,IAAAW,SACE,GAAAJ,cAAA,cACE;EAAA,IAAAK,UAAA,GAAAL,cAAC,KAAO,UACN;EAAA,IAAAM,KAAA,GAAAN,cAAC,UAAO;EACN,IAAAO,OAAA,GAAAP,cAAC,YAAO;EAAkC,IAAAQ,UAC1C,GAAAJ,SAAC,IAED,IACA,IAAC,MAAAC,UACC,IACE,KACgE,IAChE,GAAAC,KAAA,GAGD,SAAAJ,YACG,IAGJ,WACF,IACF,KACC,EASC,GAEJ,EAEA;EAAC,sBAAA3B,KAAA,CAAAE,SAAA;IAAAgC,QACC,kBACAlC,KAAA,CAAAa,MAAA;MACAsB,GAAA;MACAD,QAAA,GACA,eAAAlC,KAAA,CAAAY,MAAA;QACAuB,GAAA;QACAC,MAAA;UACAC,aAAkB;UAClBC,KAAQ;QACR;QAEAJ,QAAA,kBAAApC,IAAA,CAAAU,MAAA;UAAC+B,OAAM,WAAAA,CAAA;YAAN,OAAAnB,OAAA;UACC;UACAc,QAAG;QACH,IACA,eAAapC,IAAA,CAAAU,MAAW;UAAA+B,OAAA,WAAAA,CAAA;YAC1B,OAAAjB,QAAA,WAAAkB,CAAA;cAEA,QAAAA,CAAA;YACA;UAEA;UAAAN,QAAA,EAAAb,KAAA;QACF,IACF,eAAAvB,IAAA,CAAAU,MAAA;UAEJ+B,OAAA,WAAAA,CAAA;YAGM,OAAgBb,iBAAA,WAAAe,IAAA;cACV,OAAW3B,OAAW,EAAAA,OAAA,CAAA4B,OAAc,CAAAD,IAAQ,SAAW3B,OAAA,CAAA6B,MAAA;YAE7D;UACE;UACAT,QAAA,EAAC,SAAM;YACGU,OAAA,cACR;YACEC,QAAA,EAAC;YACDC,GAAA;YAACC,KAAA;UAAA,EAAAtB,cAAA;QACC;MACQ,EACR,EAAMO,OACN,kBAAelC,IAAa,CAAAU,MAAI;QAAA+B,OAAA,WAAAA,CAAA;UAClC,OAAAX,eAAA,WAAAY,CAAA;YACF,QAAAA,CAAA;UAEJ;QAEJ;QACFN,QAAA,kBAAAc,IAAA,CAAAC,SAAA,CAAAhB,UAAA;MAES,oBAA8BnC,IAAA,CAAAc,MAAA;QAEnCsC,EAAA;QACEC,OAAA;QAAOjB,QAAA,iBAAApC,IAAA,CAAAa,SAAA;UAANuB,QAAA,kBAAAH,KAAA,cAAAiB,IAAA,CAAAC,SAAA,CAAAhB,UAAA;QACC;MACA,EAAG;IACsB,EACzB,EAAwB,eAAAjC,KAAA,CAAAK,KAAA;MAC1BgB,KAAA;MAEAF,IAAA;MACAiC,YAAA,EAAAhC,OAAC;MAGKa,UAAA;MAACR,cAAA;MAAA4B,qBAAA;MAAArC,QACM;MAAAsC,gBACG,EAAArC,WAAA;MAAAsC,MACR,EAAK;MAAAC,UACC;MAAAtB,QACN,GAAyC,eAAApC,IAAA,CAAAO,KAAA,CAAAoD,OAAA;QAC3CD,UAAA;QAEAE,EAAA,YAAC;QACIC,UAAY;UAYvBC,OAAA;QACF;QAEJC,SAAA","ignoreList":[]}

package/dist/esm/StacksDemo.mjs

@@ -55,14 +55,14 @@ function StacksDemo() {
       maxH: 85,
       width: 100,
       children: [/* @__PURE__ */jsx(YStack, {
-        fullscreen: !0,
+        fullscreen: true,
         rounded: "$4",
         p: "$2",
         borderColor: "$color",
         borderWidth: 2
       }), /* @__PURE__ */jsx(YStack, {
         borderColor: "$color",
-        fullscreen: !0,
+        fullscreen: true,
         y: 10,
         x: 10,
         borderWidth: 2,
@@ -70,7 +70,7 @@ function StacksDemo() {
         p: "$2"
       }), /* @__PURE__ */jsx(YStack, {
         borderColor: "$color",
-        fullscreen: !0,
+        fullscreen: true,
         y: 20,
         x: 20,
         borderWidth: 2,

package/dist/esm/StacksDemo.native.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "react";
+import React from "react";
 import { XStack, YStack, ZStack } from "tamagui";
 function StacksDemo() {
   return /* @__PURE__ */_jsxs(XStack, {
@@ -56,14 +56,14 @@ function StacksDemo() {
       maxH: 85,
       width: 100,
       children: [/* @__PURE__ */_jsx(YStack, {
-        fullscreen: !0,
+        fullscreen: true,
         rounded: "$4",
         p: "$2",
         borderColor: "$color",
         borderWidth: 2
       }), /* @__PURE__ */_jsx(YStack, {
         borderColor: "$color",
-        fullscreen: !0,
+        fullscreen: true,
         y: 10,
         x: 10,
         borderWidth: 2,
@@ -71,7 +71,7 @@ function StacksDemo() {
         p: "$2"
       }), /* @__PURE__ */_jsx(YStack, {
         borderColor: "$color",
-        fullscreen: !0,
+        fullscreen: true,
         y: 20,
         x: 20,
         borderWidth: 2,

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","ZStack","StacksDemo","maxW","p","self","gap","children","flex","flexBasis","borderWidth","borderColor","rounded","bg","maxH"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAKjC;AAHC,SAASC,MAAA,EAAAC,MAAa,EAAAC,MAAA;AAC3B,SACEC,WAAA;EACE,sBAAAJ,KAAA,CAAAC,MAAA;IAAAI,IAAC;IAAAC,CAAA;IAAAC,IACC,UAAM;IAAAC,GAAA,EACN;IAAUC,QACV,GAAa,eACDT,KAAA,CAAAE,MAAA;MACZQ,IAAA;MACAC,SAAI;MACJC,WAAE;MAEFC,WAAA;MAAAC,OAAA;MAAwCN,GACxC;MAAwCF,CAAA,EACxC;MAAwCG,QAAA,kBAAAX,IAAA,CAAAI,MAAA;QAC1Ca,EAAA;QAEAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAMR,IAAA,CAAAI,MAAA;QACNa,EAAA,UAAU;QACVD,OAAA,EAAa;QACbR,CAAA;MACA,IACA,eAAIR,IAAA,CAAAI,MAAA;QACFa,EAAA;QAEFD,OAAA;QAAAR,CAAA;MACA;IACwC,mBAAAN,KAAA,CAAAC,MAAA;MAC1CS,IAAA;MAEAC,SAAA,QAAC;MACCC,WAAA;MACAC,WAAA;MAACC,OAAA;MAAAN,GAAA;MAAAF,CAAA,EACC;MAAYG,QACZ,GACA,eAAGX,IAAA,CAAAI,MAAA;QACHa,EAAG;QACHD,OAAA,MAAa;QACbR,CAAA;MACA,IAAE,eAAAR,IAAA,CAAAI,MAAA;QACJa,EAAA;QACAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAYR,IAAA,CAAAI,MAAA;QACZa,EAAA,UAAU;QACVD,OAAG;QACHR,CAAG;MACH;IACQ,IACN,eAAAN,KAAA,CAAAG,MAAA;MACJO,IAAA;MACFC,SAAA;MACFN,IAAA;MAEJW,IAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","React","XStack","YStack","ZStack","StacksDemo","maxW","p","self","gap","children","flex","flexBasis","borderWidth","borderColor","rounded","bg","maxH"],"sources":["../../src/StacksDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAQ,IAAAC,KAAA,QAAc;AAKjC,OAAAC,KASE,MATF;AAHC,SAASC,MAAA,EAAAC,MAAa,EAAAC,MAAA;AAC3B,SACEC,WAAA;EACE,sBAAAL,KAAA,CAAAE,MAAA;IAAAI,IAAC;IAAAC,CAAA;IAAAC,IACC,UAAM;IAAAC,GAAA,EACN;IAAUC,QACV,GAAa,eACDV,KAAA,CAAAG,MAAA;MACZQ,IAAA;MACAC,SAAI;MACJC,WAAE;MAEFC,WAAA;MAAAC,OAAA;MAAwCN,GACxC;MAAwCF,CAAA,EACxC;MAAwCG,QAAA,kBAAAZ,IAAA,CAAAK,MAAA;QAC1Ca,EAAA;QAEAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAMT,IAAA,CAAAK,MAAA;QACNa,EAAA,UAAU;QACVD,OAAA,EAAa;QACbR,CAAA;MACA,IACA,eAAIT,IAAA,CAAAK,MAAA;QACFa,EAAA;QAEFD,OAAA;QAAAR,CAAA;MACA;IACwC,mBAAAP,KAAA,CAAAE,MAAA;MAC1CS,IAAA;MAEAC,SAAA,QAAC;MACCC,WAAA;MACAC,WAAA;MAACC,OAAA;MAAAN,GAAA;MAAAF,CAAA,EACC;MAAYG,QACZ,GACA,eAAGZ,IAAA,CAAAK,MAAA;QACHa,EAAG;QACHD,OAAA,MAAa;QACbR,CAAA;MACA,IAAE,eAAAT,IAAA,CAAAK,MAAA;QACJa,EAAA;QACAD,OAAA;QAACR,CAAA;MAAA,IACC,eAAYT,IAAA,CAAAK,MAAA;QACZa,EAAA,UAAU;QACVD,OAAG;QACHR,CAAG;MACH;IACQ,IACN,eAAAP,KAAA,CAAAI,MAAA;MACJO,IAAA;MACFC,SAAA;MACFN,IAAA;MAEJW,IAAA","ignoreList":[]}

package/dist/esm/SwitchDemo.mjs

@@ -15,7 +15,7 @@ function SwitchDemo() {
           size: "$2"
         }), /* @__PURE__ */jsx(SwitchWithLabel, {
           size: "$2",
-          defaultChecked: !0
+          defaultChecked: true
         })]
       }), /* @__PURE__ */jsxs(XStack, {
         gap: "$3",
@@ -26,7 +26,7 @@ function SwitchDemo() {
           size: "$3"
         }), /* @__PURE__ */jsx(SwitchWithLabel, {
           size: "$3",
-          defaultChecked: !0
+          defaultChecked: true
         })]
       }), /* @__PURE__ */jsxs(XStack, {
         gap: "$3",
@@ -37,7 +37,7 @@ function SwitchDemo() {
           size: "$4"
         }), /* @__PURE__ */jsx(SwitchWithLabel, {
           size: "$4",
-          defaultChecked: !0
+          defaultChecked: true
         })]
       })]
     })
@@ -58,7 +58,7 @@ function SwitchWithLabel(props) {
       children: "Accept"
     }), /* @__PURE__ */jsx(Separator, {
       minH: 20,
-      vertical: !0
+      vertical: true
     }), /* @__PURE__ */jsx(Switch, {
       id,
       transition: "300ms",

package/dist/esm/SwitchDemo.native.js

@@ -15,7 +15,7 @@ function SwitchDemo() {
           size: "$2"
         }), /* @__PURE__ */_jsx(SwitchWithLabel, {
           size: "$2",
-          defaultChecked: !0
+          defaultChecked: true
         })]
       }), /* @__PURE__ */_jsxs(XStack, {
         gap: "$3",
@@ -26,7 +26,7 @@ function SwitchDemo() {
           size: "$3"
         }), /* @__PURE__ */_jsx(SwitchWithLabel, {
           size: "$3",
-          defaultChecked: !0
+          defaultChecked: true
         })]
       }), /* @__PURE__ */_jsxs(XStack, {
         gap: "$3",
@@ -37,15 +37,15 @@ function SwitchDemo() {
           size: "$4"
         }), /* @__PURE__ */_jsx(SwitchWithLabel, {
           size: "$4",
-          defaultChecked: !0
+          defaultChecked: true
         })]
       })]
     })
   });
 }
 function SwitchWithLabel(props) {
-  var _props_defaultChecked,
-    id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
+  var _props_defaultChecked;
+  var id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
   return /* @__PURE__ */_jsxs(XStack, {
     width: 200,
     items: "center",
@@ -59,7 +59,7 @@ function SwitchWithLabel(props) {
       children: "Accept"
     }), /* @__PURE__ */_jsx(Separator, {
       minH: 20,
-      vertical: !0
+      vertical: true
     }), /* @__PURE__ */_jsx(Switch, {
       id,
       transition: "300ms",

package/dist/esm/SwitchHeadlessDemo.mjs

@@ -15,25 +15,25 @@ function SwitchHeadlessDemo() {
         htmlFor: "headless",
         children: "Headless"
       }), /* @__PURE__ */jsx(HeadlessSwitch, {
-        defaultChecked: !0,
+        defaultChecked: true,
         id: "headless"
       })]
     })
   });
 }
 const HeadlessSwitch = React.forwardRef((props, ref) => {
-  const [checked, setChecked] = React.useState(props.defaultChecked || !1),
-    {
-      switchProps,
-      switchRef,
-      bubbleInput
-    } = useSwitch(props, [checked, setChecked], ref),
-    [animation] = React.useState(() => new Animated.Value(0));
+  const [checked, setChecked] = React.useState(props.defaultChecked || false);
+  const {
+    switchProps,
+    switchRef,
+    bubbleInput
+  } = useSwitch(props, [checked, setChecked], ref);
+  const [animation] = React.useState(() => new Animated.Value(0));
   React.useEffect(() => {
     Animated.timing(animation, {
       toValue: checked ? 1 : 0,
       duration: 100,
-      useNativeDriver: !0
+      useNativeDriver: true
     }).start();
   }, [checked, animation]);
   const translateX = React.useMemo(() => animation.interpolate({

package/dist/esm/SwitchHeadlessDemo.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","useSwitch","Animated","Pressable","Label","XStack","YStack","Fragment","jsx","jsxs","SwitchHeadlessDemo","width","items","gap","children","htmlFor","HeadlessSwitch","defaultChecked","id","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","animation","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","style","height","borderRadius","backgroundColor","View","transform"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAA,QAAiB;AAG1B,SAASC,QAAA,EAAUC,SAAA,QAAiB;AACpC,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKhC,SAoCFC,QAAA,EAnCIC,GAAA,EADFC,IAAA;AAHC,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAF,GAAA,CAACF,MAAA;IAAOK,KAAA,EAAO;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCC,QAAA,iBAAAL,IAAA,CAACJ,MAAA;MAAOQ,GAAA,EAAI;MAAKD,KAAA,EAAM;MACrBE,QAAA,kBAAAN,GAAA,CAACJ,KAAA;QAAMW,OAAA,EAAQ;QAAWD,QAAA;MAAA,CAAQ,GAClC,eAAAN,GAAA,CAACQ,cAAA;QAAeC,cAAA,EAAc;QAACC,EAAA,EAAG;MAAA,CAAW;IAAA,CAC/C;EAAA,CACF;AAEJ;AAEA,MAAMF,cAAA,GAAiBhB,KAAA,CAAMmB,UAAA,CAAsC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjF,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIvB,KAAA,CAAMwB,QAAA,CAASJ,KAAA,CAAMH,cAAA,IAAkB,EAAK;IACpE;MAAEQ,WAAA;MAAaC,SAAA;MAAWC;IAAY,IAAI1B,SAAA,CAC9CmB,KAAA,EACA,CAACE,OAAA,EAASC,UAAU,GACpBF,GACF;IAEM,CAACO,SAAS,IAAI5B,KAAA,CAAMwB,QAAA,CAAS,MAAM,IAAItB,QAAA,CAAS2B,KAAA,CAAM,CAAC,CAAC;EAE9D7B,KAAA,CAAM8B,SAAA,CAAU,MAAM;IACpB5B,QAAA,CAAS6B,MAAA,CAAOH,SAAA,EAAW;MACzBI,OAAA,EAASV,OAAA,GAAU,IAAI;MACvBW,QAAA,EAAU;MACVC,eAAA,EAAiB;IACnB,CAAC,EAAEC,KAAA,CAAM;EACX,GAAG,CAACb,OAAA,EAASM,SAAS,CAAC;EAEvB,MAAMQ,UAAA,GAAapC,KAAA,CAAMqC,OAAA,CACvB,MACET,SAAA,CAAUU,WAAA,CAAY;IACpBC,UAAA,EAAY,CAAC,GAAG,CAAC;IACjBC,WAAA,EAAa,CAAC,GAAG,EAAE;EACrB,CAAC,GACH,CAACZ,SAAS,CACZ;EAEA,OACE,eAAAnB,IAAA,CAAAF,QAAA;IACEO,QAAA,kBAAAN,GAAA,CAACL,SAAA;MACCsC,KAAA,EAAO;QACL9B,KAAA,EAAO;QACP+B,MAAA,EAAQ;QACRC,YAAA,EAAc;QACdC,eAAA,EAAiBtB,OAAA,GAAU,cAAc;MAC3C;MACAD,GAAA,EAAKK,SAAA;MACJ,GAAGD,WAAA;MAEJX,QAAA,iBAAAN,GAAA,CAACN,QAAA,CAAS2C,IAAA,EAAT;QACCJ,KAAA,EAAO,CACL;UACEG,eAAA,EAAiB;UACjBD,YAAA,EAAc;UACdhC,KAAA,EAAO;UACP+B,MAAA,EAAQ;QACV,GACA;UACEI,SAAA,EAAW,CAAC;YAAEV;UAAW,CAAC;QAC5B;MACF,CACF;IAAA,CACF,GACCT,WAAA;EAAA,CACH;AAEJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useSwitch","Animated","Pressable","Label","XStack","YStack","Fragment","jsx","jsxs","SwitchHeadlessDemo","width","items","gap","children","htmlFor","HeadlessSwitch","defaultChecked","id","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","animation","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","style","height","borderRadius","backgroundColor","View","transform"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,SAAA,QAAiB;AAG1B,SAASC,QAAA,EAAUC,SAAA,QAAiB;AACpC,SAASC,KAAA,EAAOC,MAAA,EAAQC,MAAA,QAAc;AAKhC,SAoCFC,QAAA,EAnCIC,GAAA,EADFC,IAAA;AAHC,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAF,GAAA,CAACF,MAAA;IAAOK,KAAA,EAAO;IAAKC,KAAA,EAAM;IAASC,GAAA,EAAI;IACrCC,QAAA,iBAAAL,IAAA,CAACJ,MAAA;MAAOQ,GAAA,EAAI;MAAKD,KAAA,EAAM;MACrBE,QAAA,kBAAAN,GAAA,CAACJ,KAAA;QAAMW,OAAA,EAAQ;QAAWD,QAAA;MAAA,CAAQ,GAClC,eAAAN,GAAA,CAACQ,cAAA;QAAeC,cAAA,EAAc;QAACC,EAAA,EAAG;MAAA,CAAW;IAAA,CAC/C;EAAA,CACF;AAEJ;AAEA,MAAMF,cAAA,GAAiBhB,KAAA,CAAMmB,UAAA,CAAsC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACjF,MAAM,CAACC,OAAA,EAASC,UAAU,IAAIvB,KAAA,CAAMwB,QAAA,CAASJ,KAAA,CAAMH,cAAA,IAAkB,KAAK;EAC1E,MAAM;IAAEQ,WAAA;IAAaC,SAAA;IAAWC;EAAY,IAAI1B,SAAA,CAC9CmB,KAAA,EACA,CAACE,OAAA,EAASC,UAAU,GACpBF,GACF;EAEA,MAAM,CAACO,SAAS,IAAI5B,KAAA,CAAMwB,QAAA,CAAS,MAAM,IAAItB,QAAA,CAAS2B,KAAA,CAAM,CAAC,CAAC;EAE9D7B,KAAA,CAAM8B,SAAA,CAAU,MAAM;IACpB5B,QAAA,CAAS6B,MAAA,CAAOH,SAAA,EAAW;MACzBI,OAAA,EAASV,OAAA,GAAU,IAAI;MACvBW,QAAA,EAAU;MACVC,eAAA,EAAiB;IACnB,CAAC,EAAEC,KAAA,CAAM;EACX,GAAG,CAACb,OAAA,EAASM,SAAS,CAAC;EAEvB,MAAMQ,UAAA,GAAapC,KAAA,CAAMqC,OAAA,CACvB,MACET,SAAA,CAAUU,WAAA,CAAY;IACpBC,UAAA,EAAY,CAAC,GAAG,CAAC;IACjBC,WAAA,EAAa,CAAC,GAAG,EAAE;EACrB,CAAC,GACH,CAACZ,SAAS,CACZ;EAEA,OACE,eAAAnB,IAAA,CAAAF,QAAA;IACEO,QAAA,kBAAAN,GAAA,CAACL,SAAA;MACCsC,KAAA,EAAO;QACL9B,KAAA,EAAO;QACP+B,MAAA,EAAQ;QACRC,YAAA,EAAc;QACdC,eAAA,EAAiBtB,OAAA,GAAU,cAAc;MAC3C;MACAD,GAAA,EAAKK,SAAA;MACJ,GAAGD,WAAA;MAEJX,QAAA,iBAAAN,GAAA,CAACN,QAAA,CAAS2C,IAAA,EAAT;QACCJ,KAAA,EAAO,CACL;UACEG,eAAA,EAAiB;UACjBD,YAAA,EAAc;UACdhC,KAAA,EAAO;UACP+B,MAAA,EAAQ;QACV,GACA;UACEI,SAAA,EAAW,CAAC;YAAEV;UAAW,CAAC;QAC5B;MACF,CACF;IAAA,CACF,GACCT,WAAA;EAAA,CACH;AAEJ,CAAC","ignoreList":[]}

package/dist/esm/SwitchHeadlessDemo.native.js

@@ -15,27 +15,27 @@ function SwitchHeadlessDemo() {
         htmlFor: "headless",
         children: "Headless"
       }), /* @__PURE__ */_jsx(HeadlessSwitch, {
-        defaultChecked: !0,
+        defaultChecked: true,
         id: "headless"
       })]
     })
   });
 }
 var HeadlessSwitch = /* @__PURE__ */React.forwardRef(function (props, ref) {
-  var [checked, setChecked] = React.useState(props.defaultChecked || !1),
-    {
-      switchProps,
-      switchRef,
-      bubbleInput
-    } = useSwitch(props, [checked, setChecked], ref),
-    [animation] = React.useState(function () {
-      return new Animated.Value(0);
-    });
+  var [checked, setChecked] = React.useState(props.defaultChecked || false);
+  var {
+    switchProps,
+    switchRef,
+    bubbleInput
+  } = useSwitch(props, [checked, setChecked], ref);
+  var [animation] = React.useState(function () {
+    return new Animated.Value(0);
+  });
   React.useEffect(function () {
     Animated.timing(animation, {
       toValue: checked ? 1 : 0,
       duration: 100,
-      useNativeDriver: !0
+      useNativeDriver: true
     }).start();
   }, [checked, animation]);
   var translateX = React.useMemo(function () {

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","useSwitch","Animated","Pressable","Label","XStack","YStack","SwitchHeadlessDemo","width","items","gap","children","htmlFor","HeadlessSwitch","defaultChecked","id","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","animation","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","style","height","borderRadius"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,OAAAC,KAAS;AAGT,SAASC,SAAA,QAAU,0BAAiB;AACpC,SAASC,QAAO,EAAAC,SAAQ,sBAAc;AAKhC,SAoCFC,KAAA,EAAAC,MAnCI,EADFC,MAAA;AAHC,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAZ,IAAC,CAAAW,MAAA;IAEGE,KAAA;IACAC,KAAA;IAA6CC,GAC/C,EACF;IAEJC,QAAA,iBAAAd,KAAA,CAAAQ,MAAA;MAEMK,GAAA;MACJD,KAAO,UAAS;MAEdE,QAAA,GACC,eAAmBhB,IAAA,CAAAS,KAAA;QACpBQ,OAAA;QAGKD,QAAS,EAAI;MAEd,IACJ,eAAgBhB,IAAA,CAAAkB,cAAW;QACzBC,cAAS,EAAU;QACnBC,EAAA;MACA;IAEJ,CAAG;EAEH;AAAyB;AAEC,IAAAF,cACR,GAAC,eAAIb,KAAA,CAAAgB,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,IACjB,CAAAC,OAAA,EAAAC,UAAmB,IAAApB,KAAA,CAAAqB,QAAA,CAAAJ,KAAA,CAAAH,cAAA;IAAA;MAAAQ,WAAA;MAAAC,SAAA;MAAAC;IAAA,IAAAvB,SAAA,CAAAgB,KAAA,GACrBE,OAAC,EACHC,UAAU,CACZ,EAAAF,GAAA;IAAA,CAAAO,SAAA,IAAAzB,KAAA,CAAAqB,QAAA;MAEA,OACE,IAAAnB,QAAA,CAAAwB,KAAA;IACE;EAAA1B,KAAC,CAAA2B,SAAA;IAAAzB,QAAA,CAAA0B,MAAA,CAAAH,SAAA;MAAAI,OACC,EAAOV,OAAA;MAAAW,QACL,KAAO;MAAAC,eACC;IAAA,GAAAC,KACR;EAAc,IAC2Bb,OAC3C,EAAAM,SACK;EACD,IAAAQ,UAEJ,GAAAjC,KAAA,CAAAkC,OAAA;IAAA,OAACT,SAAS,CAAAU,WAAA;MAAAC,UAAT,MACQ,EACL;MACmBC,WACjB,GAAc,GACP;IAET;EACA,IAC4BZ,SAAA,CAC5B;EACF,sBAAA5B,KAAA,CAAAE,SAAA;IAAAY,QACF,kBAAAhB,IAAA,CAAAQ,SAAA;MACFmC,KAAA;QACC9B,KAAA;QACH+B,MAAA;QAEHC,YAAA","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","useSwitch","Animated","Pressable","Label","XStack","YStack","SwitchHeadlessDemo","width","items","gap","children","htmlFor","HeadlessSwitch","defaultChecked","id","forwardRef","props","ref","checked","setChecked","useState","switchProps","switchRef","bubbleInput","animation","Value","useEffect","timing","toValue","duration","useNativeDriver","start","translateX","useMemo","interpolate","inputRange","outputRange","style","height","borderRadius"],"sources":["../../src/SwitchHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAAOA,GAAA,IAAAC,IAAW,EAAAC,IAAA,IAAAC,KAAA,EAAAC,QAAA,IAAAC,SAAA;AAElB,OAAAC,KAAS;AAGT,SAASC,SAAA,QAAU,0BAAiB;AACpC,SAASC,QAAO,EAAAC,SAAQ,sBAAc;AAKhC,SAoCFC,KAAA,EAAAC,MAnCI,EADFC,MAAA;AAHC,SAASC,mBAAA,EAAqB;EACnC,OACE,eAAAZ,IAAC,CAAAW,MAAA;IAEGE,KAAA;IACAC,KAAA;IAA6CC,GAC/C,EACF;IAEJC,QAAA,iBAAAd,KAAA,CAAAQ,MAAA;MAEMK,GAAA;MACJD,KAAO,UAAS;MAChBE,QAAQ,GACN,eAAAhB,IAAA,CAAAS,KAAA;QACCQ,OAAS,YAAU;QACpBD,QAAA;MACF,IAEM,eAAchB,IAAM,CAAAkB,cAAe;QAEnCC,cAAgB;QACpBC,EAAA,EAAS;MACP;IACU;EACO,EACnB;AAAS;AAGX,IAAAF,cAAM,GAAa,eAAMb,KAAA,CAAAgB,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,IACvB,CAAAC,OACE,EAAAC,UAAU,IAAApB,KAAY,CAAAqB,QAAA,CAAAJ,KAAA,CAAAH,cAAA;EAAA,IACpB;IAAAQ,WAAa;IAAAC,SAAI;IAAAC;EAAA,IAAAvB,SAAA,CAAAgB,KAAA,GAAAE,OACjB,EACFC,UAAC,GACFF,GAAA;EACH,KAAAO,SAAA,IAAAzB,KAAA,CAAAqB,QAAA;IAEA,OACE,IAAAnB,QAAA,CAAAwB,KAAA;EACE;EAAA1B,KAAC,CAAA2B,SAAA;IAAAzB,QAAA,CAAA0B,MAAA,CAAAH,SAAA;MAAAI,OACC,EAAOV,OAAA;MAAAW,QACL,KAAO;MAAAC,eACC;IAAA,GAAAC,KACR;EAAc,IAC2Bb,OAC3C,EAAAM,SACK;EACD,IAAAQ,UAEJ,GAAAjC,KAAA,CAAAkC,OAAA;IAAA,OAACT,SAAS,CAAAU,WAAA;MAAAC,UAAT,MACQ,EACL;MACmBC,WACjB,GAAc,GACP;IAET;EACA,IAC4BZ,SAAA,CAC5B;EACF,sBAAA5B,KAAA,CAAAE,SAAA;IAAAY,QACF,kBAAAhB,IAAA,CAAAQ,SAAA;MACFmC,KAAA;QACC9B,KAAA;QACH+B,MAAA;QAEHC,YAAA","ignoreList":[]}

package/dist/esm/SwitchUnstyledDemo.mjs

@@ -3,43 +3,43 @@ import { createSwitch } from "@tamagui/switch";
 import { Label, XStack, YStack } from "tamagui";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Frame = styled(View, {
-    width: 40,
-    height: 20,
-    rounded: 20,
-    variants: {
-      checked: {
-        true: {
-          backgroundColor: "lightblue"
-        },
-        false: {
-          backgroundColor: "silver"
-        }
+  width: 40,
+  height: 20,
+  rounded: 20,
+  variants: {
+    checked: {
+      true: {
+        backgroundColor: "lightblue"
+      },
+      false: {
+        backgroundColor: "silver"
       }
-    },
-    defaultVariants: {
-      checked: !1
     }
-  }),
-  Thumb = styled(View, {
-    width: 20,
-    height: 20,
-    bg: "black",
-    rounded: 20,
-    variants: {
-      checked: {
-        true: {
-          opacity: 0.8
-        },
-        false: {
-          opacity: 0.5
-        }
+  },
+  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
       }
     }
-  }),
-  Switch = createSwitch({
-    Frame,
-    Thumb
-  });
+  }
+});
+const Switch = createSwitch({
+  Frame,
+  Thumb
+});
 function SwitchUnstyledDemo() {
   return /* @__PURE__ */jsx(YStack, {
     width: 200,
@@ -52,7 +52,7 @@ function SwitchUnstyledDemo() {
         htmlFor: "unstyled-switch",
         children: "Unstyled"
       }), /* @__PURE__ */jsx(Switch, {
-        defaultChecked: !0,
+        defaultChecked: true,
         id: "unstyled-switch",
         children: /* @__PURE__ */jsx(Switch.Thumb, {
           transition: "quickest"