@tamagui/demos 1.89.28 → 1.89.29

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToastDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mBAAyD,2BACzD,eAAkB,2BAClB,iBAAsD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO/C,IAAMA,YAAY,WAAA;AACvB,MAA4BC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS,EAAA,GAAA,CAAA,GAApCC,SAAqBF,gBAAAA,CAAAA,GAAbG,YAAaH,gBAAAA,CAAAA;AAE5B,SACE,6BAAAA,QAAA,cAACI,uBAAAA;IAAOC,OAAAA;IAAMC,YAAW;KACvB,6BAAAN,QAAA,cAACO,cAAAA;IAAaL;MACd,6BAAAF,QAAA,cAACQ,cAAAA,IAAAA,GAED,6BAAAR,QAAA,cAACS,eAAAA;IAAcP;IAAgBC;;AAGrC,GAEMK,eAAe,WAAA;AACnB,MAAME,mBAAeC,4BAAAA;AAErB,SAAI,CAACD,gBAAgBA,aAAaE,oBAA0B,OAE1D,6BAAAZ,QAAA,cAACa,oBAAAA;IACCC,KAAKJ,aAAaK;IAClBC,UAAUN,aAAaM;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,cAAcb,aAAaa;KAE3B,6BAAAvB,QAAA,cAACI,uBAAAA,MACC,6BAAAJ,QAAA,cAACa,mBAAMW,OAAK,MAAEd,aAAae,KAAK,GAC/B,CAAC,CAACf,aAAagB,WACd,6BAAA1B,QAAA,cAACa,mBAAMc,aAAW,MAAEjB,aAAagB,OAAO,CAAA,CAAA;AAKlD,GAEMnB,eAAe,SAAA,OAAA;MAAGL,SAAAA,MAAAA,QAChB0B,YAAQC,iCAAAA;AACd,SACE,6BAAA7B,QAAA,cAAC8B,uBAAAA;IAAOzB,OAAM;IAAK0B,gBAAe;KAChC,6BAAA/B,QAAA,cAACgC,uBAAAA;IACCC,SAAS,WAAA;AACPL,YAAMM,KAAK,uBAAuB;QAChCR,SAAS;QACTxB;MACF,CAAA;IACF;KACD,MAAA,GAGD,6BAAAF,QAAA,cAACgC,uBAAAA;IACCC,SAAS,WAAA;AACPL,YAAMO,KAAI;IACZ;KACD,MAAA,CAAA;AAKP,GAEM1B,gBAAgB,SAAA,OAAA;MACpBP,SAAAA,MAAAA,QACAC,YAAAA,MAAAA;AAKA,SACE,6BAAAH,QAAA,cAAC8B,uBAAAA;IAAOzB,OAAM;KACZ,6BAAAL,QAAA,cAACoC,sBAAAA;IAAMC,MAAK;IAAKJ,SAAS,WAAA;aAAM9B,UAAU,EAAA;;KAAQ,QAAA,GAGlD,6BAAAH,QAAA,cAACsC,uBAAAA;IACCvB,IAAG;IACHwB,UAAS;IACTC,OAAM;IACNH,MAAK;IACLI,SAAS,CAAC,CAACvC;IACXwC,iBAAiB,SAACC,KAAAA;aAAQxC,UAAUwC,GAAAA;;KAEpC,6BAAA3C,QAAA,cAACsC,sBAAOM,OAAK;IACXtB,WAAW;MACT;MACA;QACEuB,WAAW;UACTC,mBAAmB;QACrB;MACF;;OAKN,6BAAA9C,QAAA,cAACoC,sBAAAA;IAAMC,MAAK;IAAKJ,SAAS,WAAA;aAAM9B,UAAU,EAAA;;KAAO,QAAA,CAAA;AAKvD;",
-  "names": ["ToastDemo", "React", "useState", "native", "setNative", "YStack", "space", "alignItems", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "useToastState", "isHandledNatively", "Toast", "key", "id", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "viewportName", "Title", "title", "message", "Description", "toast", "useToastController", "XStack", "justifyContent", "Button", "onPress", "show", "hide", "Label", "size", "Switch", "nativeID", "theme", "checked", "onCheckedChange", "val", "Thumb", "transform", "overshootClamping"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAyD,2BACzD,eAAkB,2BAClB,iBAAsD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAO/C,IAAMA,YAAY,WAAA;AACvB,MAA4BC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS,EAAA,GAAA,CAAA,GAApCC,SAAqBF,gBAAAA,CAAAA,GAAbG,YAAaH,gBAAAA,CAAAA;AAE5B,SACE,uCAAAI,MAACC,uBAAAA;IAAOC,OAAK;IAACC,YAAW;;MACvB,uCAAAC,KAACC,cAAAA;QAAaP;;MACd,uCAAAM,KAACE,cAAAA,CAAAA,CAAAA;MAED,uCAAAF,KAACG,eAAAA;QAAcT;QAAgBC;;;;AAGrC,GAEMO,eAAe,WAAA;AACnB,MAAME,mBAAeC,4BAAAA;AAErB,SAAI,CAACD,gBAAgBA,aAAaE,oBAA0B,OAE1D,uCAAAN,KAACO,oBAAAA;IAECC,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;cAE3B,uCAAAnB,MAACC,uBAAAA;;QACC,uCAAAG,KAACO,mBAAMS,OAAK;oBAAEZ,aAAaa;;QAC1B,CAAC,CAACb,aAAac,WACd,uCAAAlB,KAACO,mBAAMY,aAAW;oBAAEf,aAAac;;;;KAbhCd,aAAagB,EAAE;AAkB1B,GAEMnB,eAAe,SAAA,OAAA;MAAGP,SAAAA,MAAAA,QAChB2B,YAAQC,iCAAAA;AACd,SACE,uCAAA1B,MAAC2B,uBAAAA;IAAOzB,OAAM;IAAK0B,gBAAe;;MAChC,uCAAAxB,KAACyB,uBAAAA;QACCC,SAAS,WAAA;AACPL,gBAAMM,KAAK,uBAAuB;YAChCT,SAAS;YACTxB;UACF,CAAA;QACF;kBACD;;MAGD,uCAAAM,KAACyB,uBAAAA;QACCC,SAAS,WAAA;AACPL,gBAAMO,KAAI;QACZ;kBACD;;;;AAKP,GAEMzB,gBAAgB,SAAA,OAAA;MACpBT,SAAAA,MAAAA,QACAC,YAAAA,MAAAA;AAKA,SACE,uCAAAC,MAAC2B,uBAAAA;IAAOzB,OAAM;;MACZ,uCAAAE,KAAC6B,sBAAAA;QAAMC,MAAK;QAAKJ,SAAS,WAAA;iBAAM/B,UAAU,EAAA;;kBAAQ;;MAGlD,uCAAAK,KAAC+B,uBAAAA;QACCX,IAAG;QACHY,UAAS;QACTC,OAAM;QACNH,MAAK;QACLI,SAAS,CAAC,CAACxC;QACXyC,iBAAiB,SAACC,KAAAA;iBAAQzC,UAAUyC,GAAAA;;kBAEpC,uCAAApC,KAAC+B,sBAAOM,OAAK;UACXvB,WAAW;YACT;YACA;cACEwB,WAAW;gBACTC,mBAAmB;cACrB;YACF;;;;MAKN,uCAAAvC,KAAC6B,sBAAAA;QAAMC,MAAK;QAAKJ,SAAS,WAAA;iBAAM/B,UAAU,EAAA;;kBAAO;;;;AAKvD;",
+  "names": ["ToastDemo", "React", "useState", "native", "setNative", "_jsxs", "YStack", "space", "alignItems", "_jsx", "ToastControl", "CurrentToast", "NativeOptions", "currentToast", "useToastState", "isHandledNatively", "Toast", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "viewportName", "Title", "title", "message", "Description", "id", "toast", "useToastController", "XStack", "justifyContent", "Button", "onPress", "show", "hide", "Label", "size", "Switch", "nativeID", "theme", "checked", "onCheckedChange", "val", "Thumb", "transform", "overshootClamping"]
 }

package/dist/cjs/ToastDuplicateDemo.native.js

@@ -26,7 +26,7 @@ __export(ToastDuplicateDemo_exports, {
   ToastDuplicateDemo: () => ToastDuplicateDemo
 });
 module.exports = __toCommonJS(ToastDuplicateDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_toast = require("@tamagui/toast"), import_react = __toESM(require("react")), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_toast = require("@tamagui/toast"), import_react = __toESM(require("react")), import_tamagui = require("tamagui");
 function _array_like_to_array(arr, len) {
   (len == null || len > arr.length) && (len = arr.length);
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -90,38 +90,63 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 var ToastDuplicateDemo = function() {
   var _React_useState = _sliced_to_array(import_react.default.useState(0), 2), savedCount = _React_useState[0], setSavedCount = _React_useState[1];
-  return /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, {
-    alignItems: "center"
-  }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.Button, {
-    onPress: function() {
-      setSavedCount(function(old) {
-        return old + 1;
-      });
-    }
-  }, "Show toast"), _to_consumable_array(Array(savedCount)).map(function(_, index) {
-    return /* @__PURE__ */ import_react.default.createElement(import_toast.Toast, {
-      viewportName: "viewport-multiple",
-      key: index,
-      duration: 4e3,
-      enterStyle: {
-        opacity: 0,
-        scale: 0.5,
-        y: -25
-      },
-      exitStyle: {
-        opacity: 0,
-        scale: 1,
-        y: -20
-      },
-      y: 0,
-      opacity: 1,
-      scale: 1,
-      animation: "100ms"
-    }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.XStack, {
-      space: !0,
-      alignItems: "center"
-    }, /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_lucide_icons.CheckCircle2, null)), /* @__PURE__ */ import_react.default.createElement(import_tamagui.YStack, null, /* @__PURE__ */ import_react.default.createElement(import_toast.Toast.Title, null, "Successfully saved!"), /* @__PURE__ */ import_react.default.createElement(import_toast.Toast.Description, null, "Don't worry... We've got your data."))));
-  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    alignItems: "center",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        onPress: function() {
+          setSavedCount(function(old) {
+            return old + 1;
+          });
+        },
+        children: "Show toast"
+      }),
+      _to_consumable_array(Array(savedCount)).map(function(_, index) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_toast.Toast,
+          {
+            viewportName: "viewport-multiple",
+            duration: 4e3,
+            enterStyle: {
+              opacity: 0,
+              scale: 0.5,
+              y: -25
+            },
+            exitStyle: {
+              opacity: 0,
+              scale: 1,
+              y: -20
+            },
+            y: 0,
+            opacity: 1,
+            scale: 1,
+            animation: "100ms",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+              space: !0,
+              alignItems: "center",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.CheckCircle2, {})
+                }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Title, {
+                      children: "Successfully saved!"
+                    }),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_toast.Toast.Description, {
+                      children: "Don't worry... We've got your data."
+                    })
+                  ]
+                })
+              ]
+            })
+          },
+          // Sends to a viewport that supports multiple toasts with the `multipleToasts` prop
+          index
+        );
+      })
+    ]
+  });
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/ToastDuplicateDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToastDuplicateDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0BAA6B,kCAC7B,eAAsB,2BACtB,eAAkB,2BAClB,iBAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKhC,IAAMA,qBAAqB,WAAA;AAChC,MAAoCC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS,CAAA,GAAA,CAAA,GAA5CC,aAA6BF,gBAAAA,CAAAA,GAAjBG,gBAAiBH,gBAAAA,CAAAA;AAEpC,SACE,6BAAAA,QAAA,cAACI,uBAAAA;IAAOC,YAAW;KACjB,6BAAAL,QAAA,cAACM,uBAAAA;IACCC,SAAS,WAAA;AACPJ,oBAAc,SAACK,KAAAA;eAAQA,MAAM;;IAC/B;KACD,YAAA,GAGC,qBAAGC,MAAMP,UAAAA,CAAAA,EAAaQ,IAAI,SAACC,GAAGC,OAAAA;WAC9B,6BAAAZ,QAAA,cAACa,oBAAAA;MACCC,cAAa;MACbC,KAAKH;MACLI,UAAU;MACVC,YAAY;QAAEC,SAAS;QAAGC,OAAO;QAAKC,GAAG;MAAI;MAC7CC,WAAW;QAAEH,SAAS;QAAGC,OAAO;QAAGC,GAAG;MAAI;MAC1CA,GAAG;MACHF,SAAS;MACTC,OAAO;MACPG,WAAU;OAEV,6BAAAtB,QAAA,cAACuB,uBAAAA;MAAOC,OAAAA;MAAMnB,YAAW;OACvB,6BAAAL,QAAA,cAACI,uBAAAA,MACC,6BAAAJ,QAAA,cAACyB,kCAAAA,IAAAA,CAAAA,GAGH,6BAAAzB,QAAA,cAACI,uBAAAA,MACC,6BAAAJ,QAAA,cAACa,mBAAMa,OAAK,MAAC,qBAAA,GACb,6BAAA1B,QAAA,cAACa,mBAAMc,aAAW,MAAC,qCAAA,CAAA,CAAA,CAAA;;AAOjC;",
-  "names": ["ToastDuplicateDemo", "React", "useState", "savedCount", "setSavedCount", "YStack", "alignItems", "Button", "onPress", "old", "Array", "map", "_", "index", "Toast", "viewportName", "key", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "XStack", "space", "CheckCircle2", "Title", "Description"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,sBAA6B,kCAC7B,eAAsB,2BACtB,eAAkB,2BAClB,iBAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKhC,IAAMA,qBAAqB,WAAA;AAChC,MAAoCC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS,CAAA,GAAA,CAAA,GAA5CC,aAA6BF,gBAAAA,CAAAA,GAAjBG,gBAAiBH,gBAAAA,CAAAA;AAEpC,SACE,uCAAAI,MAACC,uBAAAA;IAAOC,YAAW;;MACjB,uCAAAC,KAACC,uBAAAA;QACCC,SAAS,WAAA;AACPN,wBAAc,SAACO,KAAAA;mBAAQA,MAAM;;QAC/B;kBACD;;MAGC,qBAAGC,MAAMT,UAAAA,CAAAA,EAAaU,IAAI,SAACC,GAAGC,OAAAA;eAC9B,uCAAAP;UAACQ;UAAAA;YACCC,cAAa;YAEbC,UAAU;YACVC,YAAY;cAAEC,SAAS;cAAGC,OAAO;cAAKC,GAAG;YAAI;YAC7CC,WAAW;cAAEH,SAAS;cAAGC,OAAO;cAAGC,GAAG;YAAI;YAC1CA,GAAG;YACHF,SAAS;YACTC,OAAO;YACPG,WAAU;sBAEV,uCAAAnB,MAACoB,uBAAAA;cAAOC,OAAK;cAACnB,YAAW;;gBACvB,uCAAAC,KAACF,uBAAAA;4BACC,uCAAAE,KAACmB,kCAAAA,CAAAA,CAAAA;;gBAGH,uCAAAtB,MAACC,uBAAAA;;oBACC,uCAAAE,KAACQ,mBAAMY,OAAK;gCAAC;;oBACb,uCAAApB,KAACQ,mBAAMa,aAAW;gCAAC;;;;;;;;UAhBlBd;QAAAA;;;;AAuBf;",
+  "names": ["ToastDuplicateDemo", "React", "useState", "savedCount", "setSavedCount", "_jsxs", "YStack", "alignItems", "_jsx", "Button", "onPress", "old", "Array", "map", "_", "index", "Toast", "viewportName", "duration", "enterStyle", "opacity", "scale", "y", "exitStyle", "animation", "XStack", "space", "CheckCircle2", "Title", "Description"]
 }

package/dist/cjs/ToggleGroupDemo.native.js

@@ -18,65 +18,91 @@ __export(ToggleGroupDemo_exports, {
   ToggleGroupDemo: () => ToggleGroupDemo
 });
 module.exports = __toCommonJS(ToggleGroupDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui");
 function ToggleGroupDemo() {
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    paddingHorizontal: "$4"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    alignItems: "center",
-    space: "$10"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    alignItems: "center",
-    space: "$6"
-  }, /* @__PURE__ */ React.createElement(ToggleGroupComponent, {
-    type: "single",
-    size: "$3",
-    orientation: "horizontal"
-  }), /* @__PURE__ */ React.createElement(ToggleGroupComponent, {
-    type: "multiple",
-    size: "$4",
-    orientation: "horizontal"
-  })), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-    alignItems: "center",
-    space: "$6"
-  }, /* @__PURE__ */ React.createElement(ToggleGroupComponent, {
-    type: "single",
-    size: "$3",
-    orientation: "vertical"
-  }), /* @__PURE__ */ React.createElement(ToggleGroupComponent, {
-    type: "multiple",
-    size: "$4",
-    orientation: "vertical"
-  }))));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+    paddingHorizontal: "$4",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+      alignItems: "center",
+      space: "$10",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+          alignItems: "center",
+          space: "$6",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
+              type: "single",
+              size: "$3",
+              orientation: "horizontal"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
+              type: "multiple",
+              size: "$4",
+              orientation: "horizontal"
+            })
+          ]
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          alignItems: "center",
+          space: "$6",
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
+              type: "single",
+              size: "$3",
+              orientation: "vertical"
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ToggleGroupComponent, {
+              type: "multiple",
+              size: "$4",
+              orientation: "vertical"
+            })
+          ]
+        })
+      ]
+    })
+  });
 }
 function ToggleGroupComponent(props) {
   var id = "switch-".concat(props.size.toString().slice(1), "-").concat(props.type);
-  return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
     flexDirection: props.orientation === "horizontal" ? "row" : "column",
     alignItems: "center",
     justifyContent: "center",
-    space: "$4"
-  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
-    paddingRight: "$0",
-    justifyContent: "flex-end",
-    size: props.size,
-    htmlFor: id
-  }, props.type === "single" ? "Single" : "Multiple"), /* @__PURE__ */ React.createElement(import_tamagui.ToggleGroup, {
-    orientation: props.orientation,
-    id,
-    type: props.type,
-    size: props.size,
-    disableDeactivation: props.type === "single" ? !0 : void 0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.ToggleGroup.Item, {
-    value: "left",
-    "aria-label": "Left aligned"
-  }, /* @__PURE__ */ React.createElement(import_lucide_icons.AlignLeft, null)), /* @__PURE__ */ React.createElement(import_tamagui.ToggleGroup.Item, {
-    value: "center",
-    "aria-label": "Center aligned"
-  }, /* @__PURE__ */ React.createElement(import_lucide_icons.AlignCenter, null)), /* @__PURE__ */ React.createElement(import_tamagui.ToggleGroup.Item, {
-    value: "right",
-    "aria-label": "Right aligned"
-  }, /* @__PURE__ */ React.createElement(import_lucide_icons.AlignRight, null))));
+    space: "$4",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, {
+        paddingRight: "$0",
+        justifyContent: "flex-end",
+        size: props.size,
+        htmlFor: id,
+        children: props.type === "single" ? "Single" : "Multiple"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.ToggleGroup, {
+        orientation: props.orientation,
+        id,
+        type: props.type,
+        size: props.size,
+        disableDeactivation: props.type === "single" ? !0 : void 0,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
+            value: "left",
+            "aria-label": "Left aligned",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignLeft, {})
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
+            value: "center",
+            "aria-label": "Center aligned",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignCenter, {})
+          }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.ToggleGroup.Item, {
+            value: "right",
+            "aria-label": "Right aligned",
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.AlignRight, {})
+          })
+        ]
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/ToggleGroupDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ToggleGroupDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;0BAAmD,kCAEnD,iBAAmD;AAE5C,SAASA,kBAAAA;AACd,SACE,sBAAA,cAACC,uBAAAA;IAAOC,mBAAkB;KACxB,sBAAA,cAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAM;KAChC,sBAAA,cAACJ,uBAAAA;IAAOG,YAAW;IAASC,OAAM;KAChC,sBAAA,cAACC,sBAAAA;IAAqBC,MAAK;IAASC,MAAK;IAAKC,aAAY;MAC1D,sBAAA,cAACH,sBAAAA;IAAqBC,MAAK;IAAWC,MAAK;IAAKC,aAAY;OAE9D,sBAAA,cAACN,uBAAAA;IAAOC,YAAW;IAASC,OAAM;KAChC,sBAAA,cAACC,sBAAAA;IAAqBC,MAAK;IAASC,MAAK;IAAKC,aAAY;MAC1D,sBAAA,cAACH,sBAAAA;IAAqBC,MAAK;IAAWC,MAAK;IAAKC,aAAY;;AAKtE;AAEA,SAASH,qBAAqBI,OAI7B;AACC,MAAMC,KAAM,UAA2CD,OAAlCA,MAAMF,KAAKI,SAAQ,EAAGC,MAAM,CAAA,GAAG,GAAA,EAAc,OAAXH,MAAMH,IAAI;AACjE,SACE,sBAAA,cAACJ,uBAAAA;IACCW,eAAeJ,MAAMD,gBAAgB,eAAe,QAAQ;IAC5DL,YAAW;IACXW,gBAAe;IACfV,OAAM;KAEN,sBAAA,cAACW,sBAAAA;IAAMC,cAAa;IAAKF,gBAAe;IAAWP,MAAME,MAAMF;IAAMU,SAASP;KAC3ED,MAAMH,SAAS,WAAW,WAAW,UAAA,GAGxC,sBAAA,cAACY,4BAAAA;IACCV,aAAaC,MAAMD;IACnBE;IACAJ,MAAMG,MAAMH;IACZC,MAAME,MAAMF;IACZY,qBAAqBV,MAAMH,SAAS,WAAW,KAAOc;KAEtD,sBAAA,cAACF,2BAAYG,MAAI;IAACC,OAAM;IAAOC,cAAW;KACxC,sBAAA,cAACC,+BAAAA,IAAAA,CAAAA,GAEH,sBAAA,cAACN,2BAAYG,MAAI;IAACC,OAAM;IAASC,cAAW;KAC1C,sBAAA,cAACE,iCAAAA,IAAAA,CAAAA,GAEH,sBAAA,cAACP,2BAAYG,MAAI;IAACC,OAAM;IAAQC,cAAW;KACzC,sBAAA,cAACG,gCAAAA,IAAAA,CAAAA,CAAAA,CAAAA;AAKX;",
-  "names": ["ToggleGroupDemo", "YStack", "paddingHorizontal", "XStack", "alignItems", "space", "ToggleGroupComponent", "type", "size", "orientation", "props", "id", "toString", "slice", "flexDirection", "justifyContent", "Label", "paddingRight", "htmlFor", "ToggleGroup", "disableDeactivation", "undefined", "Item", "value", "aria-label", "AlignLeft", "AlignCenter", "AlignRight"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAmD,kCAEnD,iBAAmD;AAE5C,SAASA,kBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,mBAAkB;cACxB,uCAAAC,MAACC,uBAAAA;MAAOC,YAAW;MAASC,OAAM;;QAChC,uCAAAH,MAACF,uBAAAA;UAAOI,YAAW;UAASC,OAAM;;YAChC,uCAAAN,KAACO,sBAAAA;cAAqBC,MAAK;cAASC,MAAK;cAAKC,aAAY;;YAC1D,uCAAAV,KAACO,sBAAAA;cAAqBC,MAAK;cAAWC,MAAK;cAAKC,aAAY;;;;QAE9D,uCAAAP,MAACC,uBAAAA;UAAOC,YAAW;UAASC,OAAM;;YAChC,uCAAAN,KAACO,sBAAAA;cAAqBC,MAAK;cAASC,MAAK;cAAKC,aAAY;;YAC1D,uCAAAV,KAACO,sBAAAA;cAAqBC,MAAK;cAAWC,MAAK;cAAKC,aAAY;;;;;;;AAKtE;AAEA,SAASH,qBAAqBI,OAI7B;AACC,MAAMC,KAAM,UAA2CD,OAAlCA,MAAMF,KAAKI,SAAQ,EAAGC,MAAM,CAAA,GAAG,GAAA,EAAc,OAAXH,MAAMH,IAAI;AACjE,SACE,uCAAAL,MAACC,uBAAAA;IACCW,eAAeJ,MAAMD,gBAAgB,eAAe,QAAQ;IAC5DL,YAAW;IACXW,gBAAe;IACfV,OAAM;;MAEN,uCAAAN,KAACiB,sBAAAA;QAAMC,cAAa;QAAKF,gBAAe;QAAWP,MAAME,MAAMF;QAAMU,SAASP;kBAC3ED,MAAMH,SAAS,WAAW,WAAW;;MAGxC,uCAAAL,MAACiB,4BAAAA;QACCV,aAAaC,MAAMD;QACnBE;QACAJ,MAAMG,MAAMH;QACZC,MAAME,MAAMF;QACZY,qBAAqBV,MAAMH,SAAS,WAAW,KAAOc;;UAEtD,uCAAAtB,KAACoB,2BAAYG,MAAI;YAACC,OAAM;YAAOC,cAAW;sBACxC,uCAAAzB,KAAC0B,+BAAAA,CAAAA,CAAAA;;UAEH,uCAAA1B,KAACoB,2BAAYG,MAAI;YAACC,OAAM;YAASC,cAAW;sBAC1C,uCAAAzB,KAAC2B,iCAAAA,CAAAA,CAAAA;;UAEH,uCAAA3B,KAACoB,2BAAYG,MAAI;YAACC,OAAM;YAAQC,cAAW;sBACzC,uCAAAzB,KAAC4B,gCAAAA,CAAAA,CAAAA;;;;;;AAKX;",
+  "names": ["ToggleGroupDemo", "_jsx", "YStack", "paddingHorizontal", "_jsxs", "XStack", "alignItems", "space", "ToggleGroupComponent", "type", "size", "orientation", "props", "id", "toString", "slice", "flexDirection", "justifyContent", "Label", "paddingRight", "htmlFor", "ToggleGroup", "disableDeactivation", "undefined", "Item", "value", "aria-label", "AlignLeft", "AlignCenter", "AlignRight"]
 }

package/dist/cjs/TokensDemo.native.js

@@ -18,7 +18,7 @@ __export(TokensDemo_exports, {
   TokensDemo: () => TokensDemo
 });
 module.exports = __toCommonJS(TokensDemo_exports);
-var import_core = require("@tamagui/core"), import_react = require("react"), import_tamagui = require("tamagui");
+var import_jsx_runtime = require("react/jsx-runtime"), import_core = require("@tamagui/core"), import_react = require("react"), import_tamagui = require("tamagui");
 function _array_like_to_array(arr, len) {
   (len == null || len > arr.length) && (len = arr.length);
   for (var i = 0, arr2 = new Array(len); i < len; i++)
@@ -105,26 +105,32 @@ var sections = [
 ];
 function TokensDemo() {
   var _useState = _sliced_to_array((0, import_react.useState)("size"), 2), section = _useState[0], setSection = _useState[1];
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    space: !0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.XGroup, {
-    alignItems: "center",
-    alignSelf: "center"
-  }, sections.map(function(param) {
-    var name = param.name, key = param.key;
-    return /* @__PURE__ */ React.createElement(import_tamagui.XGroup.Item, {
-      key
-    }, /* @__PURE__ */ React.createElement(import_tamagui.Button, {
-      size: "$3",
-      theme: section === key ? "active" : null,
-      fontFamily: "$silkscreen",
-      onPress: function() {
-        return setSection(key);
-      }
-    }, name));
-  })), (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ React.createElement(SizeSection, {
-    section
-  }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    space: !0,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup, {
+        alignItems: "center",
+        alignSelf: "center",
+        children: sections.map(function(param) {
+          var name = param.name, key = param.key;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XGroup.Item, {
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+              size: "$3",
+              theme: section === key ? "active" : null,
+              fontFamily: "$silkscreen",
+              onPress: function() {
+                return setSection(key);
+              },
+              children: name
+            })
+          }, key);
+        })
+      }),
+      (section === "size" || section === "spaceNegative" || section === "space" || section === "radius") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SizeSection, {
+        section
+      })
+    ]
+  });
 }
 function SizeSection(param) {
   var section = param.section, allTokens = (0, import_core.getConfig)().tokens, tokens = allTokens[section.startsWith("space") ? "space" : section], st = Object.keys(tokens).sort(function(a, b) {
@@ -136,40 +142,61 @@ function SizeSection(param) {
   }).sort(function(a, b) {
     return parseFloat(a) > parseFloat(b) ? -1 : 1;
   });
-  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     flex: 1,
-    space: !0
-  }, /* @__PURE__ */ React.createElement(import_tamagui.H2, null, "Sizes"), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-    width: "100%",
-    space: "$2",
-    separator: /* @__PURE__ */ React.createElement(import_tamagui.Separator, null)
-  }, (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function(token) {
-    var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2, _spaceTokensNegative_find;
-    return /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
-      width: "100%",
-      alignItems: "center",
-      key: token
-    }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-      width: "25%"
-    }, /* @__PURE__ */ React.createElement(import_tamagui.H3, {
-      size: "$6"
-    }, "$", token)), /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
-      width: "20%"
-    }, /* @__PURE__ */ React.createElement(import_tamagui.H4, {
-      size: "$5"
-    }, (_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val, "px")), /* @__PURE__ */ React.createElement(import_tamagui.Square, _object_spread({
-      size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,
-      backgroundColor: "$color5"
-    }, section === "spaceNegative" && {
-      backgroundColor: "$red5",
-      size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function(t) {
-        return parseFloat(t) === -parseFloat(token);
-      })) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
-    }, section === "radius" && {
-      size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
-      borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val
-    })));
-  })));
+    space: !0,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.H2, {
+        children: "Sizes"
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        width: "100%",
+        space: "$2",
+        separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Separator, {}),
+        children: (section === "spaceNegative" ? spaceTokensNegative : spaceTokens).map(function(token) {
+          var _tokens_token, _tokens_token1, _tokens_, _allTokens_size_token, _tokens_token2, _spaceTokensNegative_find;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+            width: "100%",
+            alignItems: "center",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+                width: "25%",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H3, {
+                  size: "$6",
+                  children: [
+                    "$",
+                    token
+                  ]
+                })
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+                width: "20%",
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.H4, {
+                  size: "$5",
+                  children: [
+                    (_tokens_token = tokens[token]) === null || _tokens_token === void 0 ? void 0 : _tokens_token.val,
+                    "px"
+                  ]
+                })
+              }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread({
+                size: (_tokens_token1 = tokens[token]) === null || _tokens_token1 === void 0 ? void 0 : _tokens_token1.val,
+                backgroundColor: "$color5"
+              }, section === "spaceNegative" && {
+                backgroundColor: "$red5",
+                size: -((_tokens_ = tokens[(_spaceTokensNegative_find = spaceTokensNegative.find(function(t) {
+                  return parseFloat(t) === -parseFloat(token);
+                })) !== null && _spaceTokensNegative_find !== void 0 ? _spaceTokensNegative_find : token]) === null || _tokens_ === void 0 ? void 0 : _tokens_.val)
+              }, section === "radius" && {
+                size: (_allTokens_size_token = allTokens.size[token]) === null || _allTokens_size_token === void 0 ? void 0 : _allTokens_size_token.val,
+                borderRadius: (_tokens_token2 = tokens[token]) === null || _tokens_token2 === void 0 ? void 0 : _tokens_token2.val
+              }))
+            ]
+          }, token);
+        })
+      })
+    ]
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/TokensDemo.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/TokensDemo.tsx"],
-  "mappings": "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",
-  "names": ["sections", "name", "key", "TokensDemo", "useState", "section", "setSection", "YStack", "space", "XGroup", "alignItems", "alignSelf", "map", "Item", "Button", "size", "theme", "fontFamily", "onPress", "SizeSection", "allTokens", "getConfig", "tokens", "startsWith", "st", "Object", "keys", "sort", "a", "b", "parseFloat", "spaceTokens", "filter", "t", "spaceTokensNegative", "flex", "H2", "width", "separator", "Separator", "token", "XStack", "H3", "H4", "val", "Square", "backgroundColor", "find", "borderRadius"]
+  "mappings": "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",
+  "names": ["sections", "name", "key", "TokensDemo", "useState", "section", "setSection", "_jsxs", "YStack", "space", "_jsx", "XGroup", "alignItems", "alignSelf", "map", "Item", "Button", "size", "theme", "fontFamily", "onPress", "SizeSection", "allTokens", "getConfig", "tokens", "startsWith", "st", "Object", "keys", "sort", "a", "b", "parseFloat", "spaceTokens", "filter", "t", "spaceTokensNegative", "flex", "H2", "width", "separator", "Separator", "token", "XStack", "H3", "H4", "val", "Square", "backgroundColor", "find", "borderRadius"]
 }