@tamagui/demos 1.89.27 → 1.89.29

package/dist/jsx/ThemeBuilderDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Square, XStack, YStack } from "tamagui";
 function _define_property(obj, key, value) {
   return key in obj ? Object.defineProperty(obj, key, {
@@ -19,140 +20,174 @@ function _object_spread(target) {
   return target;
 }
 function ThemeBuilderDemo() {
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsx(YStack, {
     fullscreen: !0,
-    ov: "hidden"
-  }, /* @__PURE__ */ React.createElement(XStack, {
-    mah: 200,
-    y: -100,
-    x: -50,
-    rotate: "-10deg"
-  }, /* @__PURE__ */ React.createElement(Col, {
-    y: 35,
-    bg: "$color9"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$8",
-    y: 30,
-    bg: "$color7"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$6",
-    y: -50,
-    bg: "$color5"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$4",
-    bg: "$color3"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$2",
-    bg: "$color1"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$4",
-    y: 50,
-    bg: "$color3"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$6",
-    y: 80,
-    bg: "$color5"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$8",
-    bg: "$color7"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    bg: "$color9"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$8",
-    bg: "$color7"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$6",
-    y: 80,
-    bg: "$color5"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$4",
-    y: 50,
-    bg: "$color3"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$2",
-    bg: "$color1"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$4",
-    bg: "$color3"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$6",
-    y: -50,
-    bg: "$color5"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    size: "$8",
-    y: 30,
-    bg: "$color7"
-  }), /* @__PURE__ */ React.createElement(Col, {
-    y: 35,
-    bg: "$color9"
-  })));
+    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 ? "_".concat(props.subTheme) : "";
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     padding: "$2.5",
-    space: "$3.5"
-  }, /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: props.subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "orange" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "yellow" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "green" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "blue" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "purple" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "pink" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "red" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: props.subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "orange" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "yellow" + subTheme,
-    bg: "$background"
-  }, props)), /* @__PURE__ */ React.createElement(Square, _object_spread({
-    br: "$6",
-    size: "$10",
-    theme: "green" + subTheme,
-    bg: "$background"
-  }, props)));
+    space: "$3.5",
+    children: [
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: props.subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "blue" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "purple" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "pink" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "red" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: props.subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "orange" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "yellow" + subTheme,
+        bg: "$background"
+      }, props)),
+      /* @__PURE__ */ _jsx(Square, _object_spread({
+        br: "$6",
+        size: "$10",
+        theme: "green" + subTheme,
+        bg: "$background"
+      }, props))
+    ]
+  });
 }
 export {
   ThemeBuilderDemo

package/dist/jsx/ThemeBuilderDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ThemeBuilderDemo.tsx"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["Square", "XStack", "YStack", "ThemeBuilderDemo", "fullscreen", "ov", "mah", "y", "x", "rotate", "Col", "bg", "size", "props", "subTheme", "padding", "space", "br", "theme"]
 }

package/dist/jsx/ThemeInverseDemo.native.js

@@ -1,32 +1,57 @@
+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__ */ React.createElement(XStack, {
-    space: !0
-  }, /* @__PURE__ */ React.createElement(Buttons, {
-    title: "Normal",
-    name: themeName
-  }), /* @__PURE__ */ React.createElement(Theme, {
-    inverse: !0
-  }, /* @__PURE__ */ React.createElement(Buttons, {
-    title: "Inversed",
-    name: themeName.replace(themeName.split("_")[0], opposite)
-  })));
+  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__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     elevation: "$4",
     backgroundColor: "$background",
     padding: "$4",
     borderRadius: "$4",
-    space: "$3"
-  }, /* @__PURE__ */ React.createElement(H5, null, props.title), /* @__PURE__ */ React.createElement(Button, null, props.name), /* @__PURE__ */ React.createElement(Button, {
-    themeInverse: !0
-  }, "inversed"), /* @__PURE__ */ React.createElement(Button, {
-    theme: "alt1"
-  }, props.name, "_alt1"), /* @__PURE__ */ React.createElement(Theme, {
-    name: "yellow"
-  }, /* @__PURE__ */ React.createElement(Button, null, props.name.split("_")[0] + "_yellow")));
+    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

package/dist/jsx/ThemeInverseDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ThemeInverseDemo.tsx"],
-  "mappings": "AAAA,SAASA,QAAQC,IAAIC,OAAOC,QAAQC,QAAQC,oBAAoB;AAEzD,SAASC,mBAAAA;AACd,MAAMC,YAAYF,aAAAA,GACZG,WAAWD,UAAUE,SAAS,MAAA,IAAU,UAAU;AAExD,SACE,sBAAA,cAACN,QAAAA;IAAOO,OAAAA;KACN,sBAAA,cAACC,SAAAA;IAAQC,OAAM;IAASC,MAAMN;MAC9B,sBAAA,cAACL,OAAAA;IAAMY,SAAAA;KACL,sBAAA,cAACH,SAAAA;IACCC,OAAM;IACNC,MAAMN,UAAUQ,QAAQR,UAAUS,MAAM,GAAA,EAAK,CAAA,GAAIR,QAAAA;;AAK3D;AAEA,SAASG,QAAQM,OAAsC;AACrD,SACE,sBAAA,cAACb,QAAAA;IACCc,WAAU;IACVC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;IACbX,OAAM;KAEN,sBAAA,cAACT,IAAAA,MAAIgB,MAAML,KAAK,GAChB,sBAAA,cAACZ,QAAAA,MAAQiB,MAAMJ,IAAI,GACnB,sBAAA,cAACb,QAAAA;IAAOsB,cAAAA;KAAa,UAAA,GACrB,sBAAA,cAACtB,QAAAA;IAAOuB,OAAM;KAAQN,MAAMJ,MAAK,OAAA,GACjC,sBAAA,cAACX,OAAAA;IAAMW,MAAK;KACV,sBAAA,cAACb,QAAAA,MAAQiB,MAAMJ,KAAKG,MAAM,GAAA,EAAK,CAAA,IAAK,SAAA,CAAA,CAAA;AAI5C;",
+  "mappings": ";AAAA,SAASA,QAAQC,IAAIC,OAAOC,QAAQC,QAAQC,oBAAoB;AAEzD,SAASC,mBAAAA;AACd,MAAMC,YAAYF,aAAAA,GACZG,WAAWD,UAAUE,SAAS,MAAA,IAAU,UAAU;AAExD,SACE,sBAACN,QAAAA;IAAOO,OAAK;;MACX,qBAACC,SAAAA;QAAQC,OAAM;QAASC,MAAMN;;MAC9B,qBAACL,OAAAA;QAAMY,SAAO;kBACZ,qBAACH,SAAAA;UACCC,OAAM;UACNC,MAAMN,UAAUQ,QAAQR,UAAUS,MAAM,GAAA,EAAK,CAAA,GAAIR,QAAAA;;;;;AAK3D;AAEA,SAASG,QAAQM,OAAsC;AACrD,SACE,sBAACb,QAAAA;IACCc,WAAU;IACVC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;IACbX,OAAM;;MAEN,qBAACT,IAAAA;kBAAIgB,MAAML;;MACX,qBAACZ,QAAAA;kBAAQiB,MAAMJ;;MACf,qBAACb,QAAAA;QAAOsB,cAAY;kBAAC;;MACrB,sBAACtB,QAAAA;QAAOuB,OAAM;;UAAQN,MAAMJ;UAAK;;;MACjC,qBAACX,OAAAA;QAAMW,MAAK;kBACV,qBAACb,QAAAA;oBAAQiB,MAAMJ,KAAKG,MAAM,GAAA,EAAK,CAAA,IAAK;;;;;AAI5C;",
   "names": ["Button", "H5", "Theme", "XStack", "YStack", "useThemeName", "ThemeInverseDemo", "themeName", "opposite", "includes", "space", "Buttons", "title", "name", "inverse", "replace", "split", "props", "elevation", "backgroundColor", "padding", "borderRadius", "themeInverse", "theme"]
 }

package/dist/jsx/ToastDemo.native.js

@@ -1,3 +1,4 @@
+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";
@@ -50,19 +51,23 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var ToastDemo = function() {
   var _React_useState = _sliced_to_array(React.useState(!1), 2), native = _React_useState[0], setNative = _React_useState[1];
-  return /* @__PURE__ */ React.createElement(YStack, {
+  return /* @__PURE__ */ _jsxs(YStack, {
     space: !0,
-    alignItems: "center"
-  }, /* @__PURE__ */ React.createElement(ToastControl, {
-    native
-  }), /* @__PURE__ */ React.createElement(CurrentToast, null), /* @__PURE__ */ React.createElement(NativeOptions, {
-    native,
-    setNative
-  }));
+    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__ */ React.createElement(Toast, {
-    key: currentToast.id,
+  return !currentToast || currentToast.isHandledNatively ? null : /* @__PURE__ */ _jsx(Toast, {
     duration: currentToast.duration,
     enterStyle: {
       opacity: 0,
@@ -78,58 +83,82 @@ var ToastDemo = function() {
     opacity: 1,
     scale: 1,
     animation: "100ms",
-    viewportName: currentToast.viewportName
-  }, /* @__PURE__ */ React.createElement(YStack, null, /* @__PURE__ */ React.createElement(Toast.Title, null, currentToast.title), !!currentToast.message && /* @__PURE__ */ React.createElement(Toast.Description, null, currentToast.message)));
+    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.native, toast = useToastController();
-  return /* @__PURE__ */ React.createElement(XStack, {
+  return /* @__PURE__ */ _jsxs(XStack, {
     space: "$2",
-    justifyContent: "center"
-  }, /* @__PURE__ */ React.createElement(Button, {
-    onPress: function() {
-      toast.show("Successfully saved!", {
-        message: "Don't worry, we've got your data.",
-        native
-      });
-    }
-  }, "Show"), /* @__PURE__ */ React.createElement(Button, {
-    onPress: function() {
-      toast.hide();
-    }
-  }, "Hide"));
+    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 = param.native, setNative = param.setNative;
-  return /* @__PURE__ */ React.createElement(XStack, {
-    space: "$3"
-  }, /* @__PURE__ */ React.createElement(Label, {
-    size: "$1",
-    onPress: function() {
-      return setNative(!1);
-    }
-  }, "Custom"), /* @__PURE__ */ React.createElement(Switch, {
-    id: "native-toggle",
-    nativeID: "native-toggle",
-    theme: "active",
-    size: "$1",
-    checked: !!native,
-    onCheckedChange: function(val) {
-      return setNative(val);
-    }
-  }, /* @__PURE__ */ React.createElement(Switch.Thumb, {
-    animation: [
-      "quick",
-      {
-        transform: {
-          overshootClamping: !0
-        }
-      }
+  return /* @__PURE__ */ _jsxs(XStack, {
+    space: "$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"
+      })
     ]
-  })), /* @__PURE__ */ React.createElement(Label, {
-    size: "$1",
-    onPress: function() {
-      return setNative(!0);
-    }
-  }, "Native"));
+  });
 };
 export {
   ToastDemo

package/dist/jsx/ToastDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToastDemo.tsx"],
-  "mappings": "AAAA,SAASA,OAAOC,oBAAoBC,qBAAqB;AACzD,OAAOC,WAAW;AAClB,SAASC,QAAQC,OAAOC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO/C,IAAMC,YAAY,WAAA;AACvB,MAA4BN,kBAAAA,iBAAAA,MAAMO,SAAS,EAAA,GAAA,CAAA,GAApCC,SAAqBR,gBAAAA,CAAAA,GAAbS,YAAaT,gBAAAA,CAAAA;AAE5B,SACE,sBAAA,cAACK,QAAAA;IAAOK,OAAAA;IAAMC,YAAW;KACvB,sBAAA,cAACC,cAAAA;IAAaJ;MACd,sBAAA,cAACK,cAAAA,IAAAA,GAED,sBAAA,cAACC,eAAAA;IAAcN;IAAgBC;;AAGrC,GAEMI,eAAe,WAAA;AACnB,MAAME,eAAehB,cAAAA;AAErB,SAAI,CAACgB,gBAAgBA,aAAaC,oBAA0B,OAE1D,sBAAA,cAACnB,OAAAA;IACCoB,KAAKF,aAAaG;IAClBC,UAAUJ,aAAaI;IACvBC,YAAY;MAAEC,SAAS;MAAGC,OAAO;MAAKC,GAAG;IAAI;IAC7CC,WAAW;MAAEH,SAAS;MAAGC,OAAO;MAAGC,GAAG;IAAI;IAC1CA,GAAG;IACHF,SAAS;IACTC,OAAO;IACPG,WAAU;IACVC,cAAcX,aAAaW;KAE3B,sBAAA,cAACrB,QAAAA,MACC,sBAAA,cAACR,MAAM8B,OAAK,MAAEZ,aAAaa,KAAK,GAC/B,CAAC,CAACb,aAAac,WACd,sBAAA,cAAChC,MAAMiC,aAAW,MAAEf,aAAac,OAAO,CAAA,CAAA;AAKlD,GAEMjB,eAAe,SAAA,OAAA;MAAGJ,SAAAA,MAAAA,QAChBuB,QAAQjC,mBAAAA;AACd,SACE,sBAAA,cAACM,QAAAA;IAAOM,OAAM;IAAKsB,gBAAe;KAChC,sBAAA,cAAC/B,QAAAA;IACCgC,SAAS,WAAA;AACPF,YAAMG,KAAK,uBAAuB;QAChCL,SAAS;QACTrB;MACF,CAAA;IACF;KACD,MAAA,GAGD,sBAAA,cAACP,QAAAA;IACCgC,SAAS,WAAA;AACPF,YAAMI,KAAI;IACZ;KACD,MAAA,CAAA;AAKP,GAEMrB,gBAAgB,SAAA,OAAA;MACpBN,SAAAA,MAAAA,QACAC,YAAAA,MAAAA;AAKA,SACE,sBAAA,cAACL,QAAAA;IAAOM,OAAM;KACZ,sBAAA,cAACR,OAAAA;IAAMkC,MAAK;IAAKH,SAAS,WAAA;aAAMxB,UAAU,EAAA;;KAAQ,QAAA,GAGlD,sBAAA,cAACN,QAAAA;IACCe,IAAG;IACHmB,UAAS;IACTC,OAAM;IACNF,MAAK;IACLG,SAAS,CAAC,CAAC/B;IACXgC,iBAAiB,SAACC,KAAAA;aAAQhC,UAAUgC,GAAAA;;KAEpC,sBAAA,cAACtC,OAAOuC,OAAK;IACXjB,WAAW;MACT;MACA;QACEkB,WAAW;UACTC,mBAAmB;QACrB;MACF;;OAKN,sBAAA,cAAC1C,OAAAA;IAAMkC,MAAK;IAAKH,SAAS,WAAA;aAAMxB,UAAU,EAAA;;KAAO,QAAA,CAAA;AAKvD;",
-  "names": ["Toast", "useToastController", "useToastState", "React", "Button", "Label", "Switch", "XStack", "YStack", "ToastDemo", "useState", "native", "setNative", "space", "alignItems", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "isHandledNatively", "key", "id", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "viewportName", "Title", "title", "message", "Description", "toast", "justifyContent", "onPress", "show", "hide", "size", "nativeID", "theme", "checked", "onCheckedChange", "val", "Thumb", "transform", "overshootClamping"]
+  "mappings": ";AAAA,SAASA,OAAOC,oBAAoBC,qBAAqB;AACzD,OAAOC,WAAW;AAClB,SAASC,QAAQC,OAAOC,QAAQC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO/C,IAAMC,YAAY,WAAA;AACvB,MAA4BN,kBAAAA,iBAAAA,MAAMO,SAAS,EAAA,GAAA,CAAA,GAApCC,SAAqBR,gBAAAA,CAAAA,GAAbS,YAAaT,gBAAAA,CAAAA;AAE5B,SACE,sBAACK,QAAAA;IAAOK,OAAK;IAACC,YAAW;;MACvB,qBAACC,cAAAA;QAAaJ;;MACd,qBAACK,cAAAA,CAAAA,CAAAA;MAED,qBAACC,eAAAA;QAAcN;QAAgBC;;;;AAGrC,GAEMI,eAAe,WAAA;AACnB,MAAME,eAAehB,cAAAA;AAErB,SAAI,CAACgB,gBAAgBA,aAAaC,oBAA0B,OAE1D,qBAACnB,OAAAA;IAECoB,UAAUF,aAAaE;IACvBC,YAAY;MAAEC,SAAS;MAAGC,OAAO;MAAKC,GAAG;IAAI;IAC7CC,WAAW;MAAEH,SAAS;MAAGC,OAAO;MAAGC,GAAG;IAAI;IAC1CA,GAAG;IACHF,SAAS;IACTC,OAAO;IACPG,WAAU;IACVC,cAAcT,aAAaS;cAE3B,sBAACnB,QAAAA;;QACC,qBAACR,MAAM4B,OAAK;oBAAEV,aAAaW;;QAC1B,CAAC,CAACX,aAAaY,WACd,qBAAC9B,MAAM+B,aAAW;oBAAEb,aAAaY;;;;KAbhCZ,aAAac,EAAE;AAkB1B,GAEMjB,eAAe,SAAA,OAAA;MAAGJ,SAAAA,MAAAA,QAChBsB,QAAQhC,mBAAAA;AACd,SACE,sBAACM,QAAAA;IAAOM,OAAM;IAAKqB,gBAAe;;MAChC,qBAAC9B,QAAAA;QACC+B,SAAS,WAAA;AACPF,gBAAMG,KAAK,uBAAuB;YAChCN,SAAS;YACTnB;UACF,CAAA;QACF;kBACD;;MAGD,qBAACP,QAAAA;QACC+B,SAAS,WAAA;AACPF,gBAAMI,KAAI;QACZ;kBACD;;;;AAKP,GAEMpB,gBAAgB,SAAA,OAAA;MACpBN,SAAAA,MAAAA,QACAC,YAAAA,MAAAA;AAKA,SACE,sBAACL,QAAAA;IAAOM,OAAM;;MACZ,qBAACR,OAAAA;QAAMiC,MAAK;QAAKH,SAAS,WAAA;iBAAMvB,UAAU,EAAA;;kBAAQ;;MAGlD,qBAACN,QAAAA;QACC0B,IAAG;QACHO,UAAS;QACTC,OAAM;QACNF,MAAK;QACLG,SAAS,CAAC,CAAC9B;QACX+B,iBAAiB,SAACC,KAAAA;iBAAQ/B,UAAU+B,GAAAA;;kBAEpC,qBAACrC,OAAOsC,OAAK;UACXlB,WAAW;YACT;YACA;cACEmB,WAAW;gBACTC,mBAAmB;cACrB;YACF;;;;MAKN,qBAACzC,OAAAA;QAAMiC,MAAK;QAAKH,SAAS,WAAA;iBAAMvB,UAAU,EAAA;;kBAAO;;;;AAKvD;",
+  "names": ["Toast", "useToastController", "useToastState", "React", "Button", "Label", "Switch", "XStack", "YStack", "ToastDemo", "useState", "native", "setNative", "space", "alignItems", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "isHandledNatively", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "viewportName", "Title", "title", "message", "Description", "id", "toast", "justifyContent", "onPress", "show", "hide", "size", "nativeID", "theme", "checked", "onCheckedChange", "val", "Thumb", "transform", "overshootClamping"]
 }