@tamagui/demos 1.110.5 → 1.111.1

package/dist/esm/SheetDemo.native.mjs

@@ -0,0 +1,165 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from "react";
+import { ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
+import { Sheet } from "@tamagui/sheet";
+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, {
+        space: !0,
+        children: [/* @__PURE__ */_jsxs(XStack, {
+          space: !0,
+          $sm: {
+            flexDirection: "column",
+            alignItems: "center"
+          },
+          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, {
+          onPress: function () {
+            return setMixedFitDemo(function (x) {
+              return !x;
+            });
+          },
+          children: `Snap Points: ${JSON.stringify(snapPoints)}`
+        }) : /* @__PURE__ */_jsx(XStack, {
+          paddingVertical: "$2.5",
+          justifyContent: "center",
+          children: /* @__PURE__ */_jsx(Paragraph, {
+            children: `Snap Points: ${isFit ? "(none)" : JSON.stringify(snapPoints)}`
+          })
+        })]
+      }), /* @__PURE__ */_jsxs(Sheet, {
+        forceRemoveScrollEnabled: open,
+        modal,
+        open,
+        onOpenChange: setOpen,
+        snapPoints,
+        snapPointsMode,
+        dismissOnSnapToBottom: !0,
+        position,
+        onPositionChange: setPosition,
+        zIndex: 1e5,
+        animation: "medium",
+        children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
+          animation: "lazy",
+          enterStyle: {
+            opacity: 0
+          },
+          exitStyle: {
+            opacity: 0
+          }
+        }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsxs(Sheet.Frame, {
+          padding: "$4",
+          justifyContent: "center",
+          alignItems: "center",
+          space: "$5",
+          children: [/* @__PURE__ */_jsx(Button, {
+            size: "$6",
+            circular: !0,
+            icon: ChevronDown,
+            onPress: function () {
+              return setOpen(!1);
+            }
+          }), /* @__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, {
+    animation: "medium",
+    modal: !0,
+    snapPoints: [90],
+    dismissOnSnapToBottom: !0,
+    ...props,
+    children: [/* @__PURE__ */_jsx(Sheet.Overlay, {
+      animation: "medium",
+      enterStyle: {
+        opacity: 0
+      },
+      exitStyle: {
+        opacity: 0
+      }
+    }), /* @__PURE__ */_jsx(Sheet.Handle, {}), /* @__PURE__ */_jsx(Sheet.Frame, {
+      flex: 1,
+      justifyContent: "center",
+      alignItems: "center",
+      space: "$5",
+      children: /* @__PURE__ */_jsx(Sheet.ScrollView, {
+        children: /* @__PURE__ */_jsxs(YStack, {
+          p: "$5",
+          gap: "$8",
+          children: [/* @__PURE__ */_jsx(Button, {
+            size: "$6",
+            circular: !0,
+            alignSelf: "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);
+            }
+          }), /* @__PURE__ */_jsx(H2, {
+            children: "Hello world"
+          }), [1, 2, 3, 4, 5, 6, 7, 8].map(function (i) {
+            return /* @__PURE__ */_jsx(Paragraph, {
+              size: "$8",
+              children: "Eu officia sunt ipsum nisi dolore labore est laborum laborum in esse ad pariatur. Dolor excepteur esse deserunt voluptate labore ea. Exercitation ipsum deserunt occaecat cupidatat consequat est adipisicing velit cupidatat ullamco veniam aliquip reprehenderit officia. Officia labore culpa ullamco velit. In sit occaecat velit ipsum fugiat esse aliqua dolor sint."
+            }, i);
+          })]
+        })
+      })
+    })]
+  });
+}
+export { SheetDemo };
+//# sourceMappingURL=SheetDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","React","ChevronDown","ChevronUp","Sheet","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","space","$sm","flexDirection","alignItems","onPress","x","prev","indexOf","length","percent","constant","fit","mixed","JSON","stringify","paddingVertical","justifyContent","forceRemoveScrollEnabled","onOpenChange","dismissOnSnapToBottom","onPositionChange","zIndex","animation"],"sources":["../../src/SheetDemo.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/SliderDemo.native.js

@@ -1,56 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Slider, XStack } from "tamagui";
-function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-  }), target;
-}
-function _object_without_properties(source, excluded) {
-  if (source == null) return {};
-  var target = _object_without_properties_loose(source, excluded), key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++)
-      key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
-  }
-  return target;
-}
-function _object_without_properties_loose(source, excluded) {
-  if (source == null) return {};
-  var target = {}, sourceKeys = Object.keys(source), key, i;
-  for (i = 0; i < sourceKeys.length; i++)
-    key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
-  return target;
-}
 function SliderDemo() {
   return /* @__PURE__ */ _jsxs(XStack, {
     height: 200,
@@ -67,17 +16,15 @@ function SliderDemo() {
     ]
   });
 }
-function SimpleSlider(_param) {
-  var children = _param.children, props = _object_without_properties(_param, [
-    "children"
-  ]);
-  return /* @__PURE__ */ _jsxs(Slider, _object_spread_props(_object_spread({
+function SimpleSlider(param) {
+  var { children, ...props } = param;
+  return /* @__PURE__ */ _jsxs(Slider, {
     defaultValue: [
       50
     ],
     max: 100,
-    step: 1
-  }, props), {
+    step: 1,
+    ...props,
     children: [
       /* @__PURE__ */ _jsx(Slider.Track, {
         children: /* @__PURE__ */ _jsx(Slider.TrackActive, {})
@@ -89,7 +36,7 @@ function SimpleSlider(_param) {
       }),
       children
     ]
-  }));
+  });
 }
 export {
   SliderDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/SliderDemo.tsx"],
-  "mappings": ";AACA,SAASA,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExB,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,QAAQ;IAAKC,YAAW;IAASC,KAAI;;MAC3C,qBAACC,cAAAA;QAAaH,QAAQ;QAAKI,aAAY;;MACvC,qBAACD,cAAAA;QAAaE,OAAO;;;;AAG3B;AAEA,SAASF,aAAa,QAAA;MAAEG,WAAF,OAAEA,UAAaC,QAAAA,2BAAf,QAAA;IAAED;;AACtB,SACE,sBAACT,QAAAA,qBAAAA,eAAAA;IAAOW,cAAc;MAAC;;IAAKC,KAAK;IAAKC,MAAM;KAAOH,KAAAA,GAAAA;;MACjD,qBAACV,OAAOc,OAAK;kBACX,qBAACd,OAAOe,aAAW,CAAA,CAAA;;MAErB,qBAACf,OAAOgB,OAAK;QAACC,MAAK;QAAKC,OAAO;QAAGC,UAAQ;;MACzCV;;;AAGP;",
+  "mappings": ";AACA,SAASA,QAAQC,cAAc;AAExB,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,QAAQ;IAAKC,YAAW;IAASC,KAAI;;MAC3C,qBAACC,cAAAA;QAAaH,QAAQ;QAAKI,aAAY;;MACvC,qBAACD,cAAAA;QAAaE,OAAO;;;;AAG3B;AAEA,SAASF,aAAa,OAAmC;MAAnC,EAAEG,UAAU,GAAGC,MAAAA,IAAf;AACpB,SACE,sBAACV,QAAAA;IAAOW,cAAc;MAAC;;IAAKC,KAAK;IAAKC,MAAM;IAAI,GAAGH;;MACjD,qBAACV,OAAOc,OAAK;kBACX,qBAACd,OAAOe,aAAW,CAAA,CAAA;;MAErB,qBAACf,OAAOgB,OAAK;QAACC,MAAK;QAAKC,OAAO;QAAGC,UAAQ;;MACzCV;;;AAGP;",
   "names": ["Slider", "XStack", "SliderDemo", "height", "alignItems", "gap", "SimpleSlider", "orientation", "width", "children", "props", "defaultValue", "max", "step", "Track", "TrackActive", "Thumb", "size", "index", "circular"]
 }

package/dist/esm/SliderDemo.native.mjs

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Slider, XStack } from "tamagui";
+function SliderDemo() {
+  return /* @__PURE__ */_jsxs(XStack, {
+    height: 200,
+    alignItems: "center",
+    gap: "$8",
+    children: [/* @__PURE__ */_jsx(SimpleSlider, {
+      height: 200,
+      orientation: "vertical"
+    }), /* @__PURE__ */_jsx(SimpleSlider, {
+      width: 200
+    })]
+  });
+}
+function SimpleSlider(param) {
+  var {
+    children,
+    ...props
+  } = param;
+  return /* @__PURE__ */_jsxs(Slider, {
+    defaultValue: [50],
+    max: 100,
+    step: 1,
+    ...props,
+    children: [/* @__PURE__ */_jsx(Slider.Track, {
+      children: /* @__PURE__ */_jsx(Slider.TrackActive, {})
+    }), /* @__PURE__ */_jsx(Slider.Thumb, {
+      size: "$2",
+      index: 0,
+      circular: !0
+    }), children]
+  });
+}
+export { SliderDemo };
+//# sourceMappingURL=SliderDemo.native.mjs.map

package/dist/esm/SliderDemo.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Slider","XStack","SliderDemo","height","alignItems","gap","children","SimpleSlider","orientation","width"],"sources":["../../src/SliderDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAAC,IAAQ,EAAAC,IAAA,IAAAC,KAAc;AAI3B,SACEC,MADF,EAAAC,MAAA;AAFG,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,MAAA;IACAC,UAAA,UAAC;IAAyBC,GAC5B;IAEJC,QAAA,GAEA,eAAsBT,IAAE,CAAAU,YAAa;MACnCJ,MACE;MACEK,WAAA;IAGA,IACC,eAAAX,IAAA,CAAAU,YAAA;MACHE,KAAA;IAEJ","ignoreList":[]}

package/dist/esm/SpinnerDemo.native.mjs

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Spinner, YStack } from "tamagui";
+function SpinnerDemo() {
+  return /* @__PURE__ */_jsxs(YStack, {
+    padding: "$3",
+    space: "$4",
+    alignItems: "center",
+    children: [/* @__PURE__ */_jsx(Spinner, {
+      size: "small",
+      color: "$green10"
+    }), /* @__PURE__ */_jsx(Spinner, {
+      size: "large",
+      color: "$orange10"
+    })]
+  });
+}
+export { SpinnerDemo };
+//# sourceMappingURL=SpinnerDemo.native.mjs.map

package/dist/esm/SpinnerDemo.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Spinner","YStack","SpinnerDemo","padding","space","alignItems","children"],"sources":["../../src/SpinnerDemo.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAS,EAAAC,IAAA,IAAAC,KAAc;AAI5B,SACEC,OADF,EAAAC,MAAA;AAFG,SAASC,YAAA,EAAc;EAC5B,OACE,eAAAH,KAAC,CAAAE,MAAA;IACCE,OAAA;IACAC,KAAA;IAAwCC,UAC1C;IAEJC,QAAA,G","ignoreList":[]}

package/dist/esm/StacksDemo.native.mjs

@@ -0,0 +1,82 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "react";
+import { XStack, YStack, ZStack } from "tamagui";
+function StacksDemo() {
+  return /* @__PURE__ */_jsxs(XStack, {
+    maxWidth: 250,
+    padding: "$2",
+    alignSelf: "center",
+    space: !0,
+    children: [/* @__PURE__ */_jsxs(YStack, {
+      flex: 1,
+      space: "$2",
+      borderWidth: 2,
+      borderColor: "$color",
+      borderRadius: "$4",
+      padding: "$2",
+      children: [/* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      })]
+    }), /* @__PURE__ */_jsxs(XStack, {
+      flex: 1,
+      space: "$2",
+      borderWidth: 2,
+      borderColor: "$color",
+      borderRadius: "$4",
+      padding: "$2",
+      children: [/* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      }), /* @__PURE__ */_jsx(YStack, {
+        backgroundColor: "$color",
+        borderRadius: "$3",
+        padding: "$2"
+      })]
+    }), /* @__PURE__ */_jsxs(ZStack, {
+      maxWidth: 50,
+      maxHeight: 85,
+      width: 100,
+      flex: 1,
+      children: [/* @__PURE__ */_jsx(YStack, {
+        fullscreen: !0,
+        borderRadius: "$4",
+        padding: "$2",
+        borderColor: "$color",
+        borderWidth: 2
+      }), /* @__PURE__ */_jsx(YStack, {
+        borderColor: "$color",
+        fullscreen: !0,
+        y: 10,
+        x: 10,
+        borderWidth: 2,
+        borderRadius: "$4",
+        padding: "$2"
+      }), /* @__PURE__ */_jsx(YStack, {
+        borderColor: "$color",
+        fullscreen: !0,
+        y: 20,
+        x: 20,
+        borderWidth: 2,
+        borderRadius: "$4",
+        padding: "$2"
+      })]
+    })]
+  });
+}
+export { StacksDemo };
+//# sourceMappingURL=StacksDemo.native.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","XStack","YStack","ZStack","StacksDemo","maxWidth","padding","alignSelf","space","children","flex","borderWidth","borderColor","borderRadius","backgroundColor","maxHeight","width","fullscreen"],"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,QAAC;IAAAC,OAAA;IAAAC,SACC,EAAM;IAAAC,KACN;IAAMC,QACN,GAAa,eACDT,KAAA,CAAAE,MAAA;MACZQ,IAAA;MACAF,KAAA,MAAQ;MAERG,WAAA;MAAAC,WAAA;MAAgEC,YAChE;MAAgEP,OAChE;MAAgEG,QAAA,kBAAAX,IAAA,CAAAI,MAAA;QAClEY,eAAA;QAEAD,YAAA;QAACP,OAAA;MAAA,IACC,eAAMR,IAAA,CAAAI,MAAA;QACNY,eAAM;QACND,YAAa;QACbP,OAAA,EAAY;MACZ,IACA,eAAQR,IAAA,CAAAI,MAAA;QAERY,eAAA;QAAAD,YAAA,MAAC;QACDP,OAAA;MACA;IAAgE,IAClE,eAAAN,KAAA,CAAAC,MAAA;MAEAS,IAAA;MACEF,KAAA;MAACG,WAAA;MAAAC,WAAA;MAAAC,YACC,EAAU;MAAAP,OACV;MAAaG,QACb,GACA,eAAYX,IAAA,CAAAI,MAAA;QACZY,eAAa;QAAAD,YAAA;QACfP,OAAA;MACA,IAAC,eAAAR,IAAA,CAAAI,MAAA;QAAAY,eAAA;QACCD,YAAY;QACZP,OAAA;MACA,IACA,eAAGR,IAAA,CAAAI,MAAA;QACHY,eAAa;QACbD,YAAa;QACbP,OAAQ;MAAA;IAEV,mBAACN,KAAA,CAAAG,MAAA;MAAAE,QAAA;MAAAU,SACC;MAAYC,KACZ;MAAUN,IACV,EAAG;MAAAD,QACA,GACH,eAAaX,IAAA,CAAAI,MAAA;QACbe,UAAA,EAAa;QACbJ,YAAQ;QAAAP,OAAA;QACVM,WAAA;QACFD,WAAA;MACF,IAEJ,eAAAb,IAAA,CAAAI,MAAA","ignoreList":[]}

package/dist/esm/SwitchDemo.native.js

@@ -55,7 +55,7 @@ function SwitchDemo() {
   });
 }
 function SwitchWithLabel(props) {
-  var _props_defaultChecked, id = "switch-".concat(props.size.toString().slice(1), "-").concat((_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : "", "}");
+  var _props_defaultChecked, id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
   return /* @__PURE__ */ _jsxs(XStack, {
     width: 200,
     alignItems: "center",

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/SwitchDemo.tsx"],
-  "mappings": ";AACA,SAASA,OAAOC,WAAWC,QAAQC,QAAQC,cAAsB;AAE1D,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,sBAACL,QAAAA;QAAOK,KAAI;QAAKC,KAAK;UAAEC,eAAe;QAAS;;UAC9C,qBAACC,iBAAAA;YAAgBC,MAAK;;UACtB,qBAACD,iBAAAA;YAAgBC,MAAK;YAAKC,gBAAc;;;;MAE3C,sBAACV,QAAAA;QAAOK,KAAI;QAAKC,KAAK;UAAEC,eAAe;QAAS;;UAC9C,qBAACC,iBAAAA;YAAgBC,MAAK;;UACtB,qBAACD,iBAAAA;YAAgBC,MAAK;YAAKC,gBAAc;;;;MAE3C,sBAACV,QAAAA;QAAOK,KAAI;QAAKC,KAAK;UAAEC,eAAe;QAAS;;UAC9C,qBAACC,iBAAAA;YAAgBC,MAAK;;UACtB,qBAACD,iBAAAA;YAAgBC,MAAK;YAAKC,gBAAc;;;;;;AAIjD;AAEO,SAASF,gBAAgBG,OAAqD;MAC5BA,uBAAjDC,KAAM,UAA2CD,OAAlCA,MAAMF,KAAKI,SAAQ,EAAGC,MAAM,CAAA,GAAG,GAAA,EAA8B,QAA3BH,wBAAAA,MAAMD,oBAAc,QAApBC,0BAAAA,SAAAA,wBAAwB,IAAG,GAAA;AAClF,SACE,sBAACX,QAAAA;IAAOG,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,qBAACR,OAAAA;QACCkB,cAAa;QACbC,UAAU;QACVC,gBAAe;QACfR,MAAME,MAAMF;QACZS,SAASN;kBACV;;MAGD,qBAACd,WAAAA;QAAUqB,WAAW;QAAIC,UAAQ;;MAClC,qBAACrB,QAAAA;QAAOa;QAAQH,MAAME,MAAMF;QAAMC,gBAAgBC,MAAMD;kBACtD,qBAACX,OAAOsB,OAAK;UAACC,WAAU;;;;;AAIhC;",
+  "mappings": ";AACA,SAASA,OAAOC,WAAWC,QAAQC,QAAQC,cAAsB;AAE1D,SAASC,aAAAA;AACd,SACE,sBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,sBAACL,QAAAA;QAAOK,KAAI;QAAKC,KAAK;UAAEC,eAAe;QAAS;;UAC9C,qBAACC,iBAAAA;YAAgBC,MAAK;;UACtB,qBAACD,iBAAAA;YAAgBC,MAAK;YAAKC,gBAAc;;;;MAE3C,sBAACV,QAAAA;QAAOK,KAAI;QAAKC,KAAK;UAAEC,eAAe;QAAS;;UAC9C,qBAACC,iBAAAA;YAAgBC,MAAK;;UACtB,qBAACD,iBAAAA;YAAgBC,MAAK;YAAKC,gBAAc;;;;MAE3C,sBAACV,QAAAA;QAAOK,KAAI;QAAKC,KAAK;UAAEC,eAAe;QAAS;;UAC9C,qBAACC,iBAAAA;YAAgBC,MAAK;;UACtB,qBAACD,iBAAAA;YAAgBC,MAAK;YAAKC,gBAAc;;;;;;AAIjD;AAEO,SAASF,gBAAgBG,OAAqD;MAC5BA,uBAAjDC,KAAK,UAAUD,MAAMF,KAAKI,SAAQ,EAAGC,MAAM,CAAA,CAAA,KAAMH,wBAAAA,MAAMD,oBAAc,QAApBC,0BAAAA,SAAAA,wBAAwB,EAAA;AAC/E,SACE,sBAACX,QAAAA;IAAOG,OAAO;IAAKC,YAAW;IAASC,KAAI;;MAC1C,qBAACR,OAAAA;QACCkB,cAAa;QACbC,UAAU;QACVC,gBAAe;QACfR,MAAME,MAAMF;QACZS,SAASN;kBACV;;MAGD,qBAACd,WAAAA;QAAUqB,WAAW;QAAIC,UAAQ;;MAClC,qBAACrB,QAAAA;QAAOa;QAAQH,MAAME,MAAMF;QAAMC,gBAAgBC,MAAMD;kBACtD,qBAACX,OAAOsB,OAAK;UAACC,WAAU;;;;;AAIhC;",
   "names": ["Label", "Separator", "Switch", "XStack", "YStack", "SwitchDemo", "width", "alignItems", "gap", "$xs", "flexDirection", "SwitchWithLabel", "size", "defaultChecked", "props", "id", "toString", "slice", "paddingRight", "minWidth", "justifyContent", "htmlFor", "minHeight", "vertical", "Thumb", "animation"]
 }

package/dist/esm/SwitchDemo.native.mjs

@@ -0,0 +1,72 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label, Separator, Switch, XStack, YStack } from "tamagui";
+function SwitchDemo() {
+  return /* @__PURE__ */_jsxs(YStack, {
+    width: 200,
+    alignItems: "center",
+    gap: "$3",
+    children: [/* @__PURE__ */_jsxs(XStack, {
+      gap: "$3",
+      $xs: {
+        flexDirection: "column"
+      },
+      children: [/* @__PURE__ */_jsx(SwitchWithLabel, {
+        size: "$2"
+      }), /* @__PURE__ */_jsx(SwitchWithLabel, {
+        size: "$2",
+        defaultChecked: !0
+      })]
+    }), /* @__PURE__ */_jsxs(XStack, {
+      gap: "$3",
+      $xs: {
+        flexDirection: "column"
+      },
+      children: [/* @__PURE__ */_jsx(SwitchWithLabel, {
+        size: "$3"
+      }), /* @__PURE__ */_jsx(SwitchWithLabel, {
+        size: "$3",
+        defaultChecked: !0
+      })]
+    }), /* @__PURE__ */_jsxs(XStack, {
+      gap: "$3",
+      $xs: {
+        flexDirection: "column"
+      },
+      children: [/* @__PURE__ */_jsx(SwitchWithLabel, {
+        size: "$4"
+      }), /* @__PURE__ */_jsx(SwitchWithLabel, {
+        size: "$4",
+        defaultChecked: !0
+      })]
+    })]
+  });
+}
+function SwitchWithLabel(props) {
+  var _props_defaultChecked,
+    id = `switch-${props.size.toString().slice(1)}-${(_props_defaultChecked = props.defaultChecked) !== null && _props_defaultChecked !== void 0 ? _props_defaultChecked : ""}}`;
+  return /* @__PURE__ */_jsxs(XStack, {
+    width: 200,
+    alignItems: "center",
+    gap: "$4",
+    children: [/* @__PURE__ */_jsx(Label, {
+      paddingRight: "$0",
+      minWidth: 90,
+      justifyContent: "flex-end",
+      size: props.size,
+      htmlFor: id,
+      children: "Accept"
+    }), /* @__PURE__ */_jsx(Separator, {
+      minHeight: 20,
+      vertical: !0
+    }), /* @__PURE__ */_jsx(Switch, {
+      id,
+      size: props.size,
+      defaultChecked: props.defaultChecked,
+      children: /* @__PURE__ */_jsx(Switch.Thumb, {
+        animation: "quicker"
+      })
+    })]
+  });
+}
+export { SwitchDemo, SwitchWithLabel };
+//# sourceMappingURL=SwitchDemo.native.mjs.map

package/dist/esm/SwitchDemo.native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Label","Separator","Switch","XStack","YStack","SwitchDemo","width","alignItems","gap","children","$xs","flexDirection","SwitchWithLabel","size","defaultChecked"],"sources":["../../src/SwitchDemo.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,GAAA,IAAOC,IAAA,EAAAC,IAAA,IAAWC,KAAQ,QAAQ,mBAAsB;AAK3D,SACEC,KADF,EAAAC,SAAA,EAAAC,MAAA,EAAAC,MAAA,EAAAC,MAAA;AAHC,SAASC,WAAA,EAAa;EAC3B,OACE,eAAAN,KAAC,CAAAK,MAAA;IACCE,KAAA;IACEC,UAAA;IAA2BC,GAC3B;IAA0CC,QAC5C,GACA,eAAAV,KAAC,CAAAI,MAAA,EAAO;MACNK,GAAA;MACAE,GAAA;QACFC,aAAA;MACA;MACEF,QAAA,GACA,eAACZ,IAAA,CAAAe,eAAgB;QACnBC,IAAA;MACF,IAEJ,eAAAhB,IAAA,CAAAe,eAAA;QAEgBC,IAAA;QACRC,cAAe,GAAM;MAEzB;IACG,mBAAAf,KAAA,CAAAI,MAAA;MACCK,GAAA;MACAE,GAAA;QACAC,aAAA,EAAe;MACf;MACAF,QAAA,EAAS,CACV,eAAAZ,IAAA,CAAAe,eAAA;QAAAC,IAAA;MAED,IACA,eAAChB,IAAA,CAAAe,eAAU,EAAW;QACtBC,IAAA;QAGFC,cAAA;MAEJ","ignoreList":[]}

package/dist/esm/SwitchHeadlessDemo.native.js

@@ -3,81 +3,6 @@ import React from "react";
 import { useSwitch } from "@tamagui/switch-headless";
 import { Animated, Pressable } from "react-native";
 import { Label, XStack, YStack } from "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++) arr2[i] = arr[i];
-  return arr2;
-}
-function _array_with_holes(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
-}
-function _iterable_to_array_limit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i != null) {
-    var _arr = [], _n = !0, _d = !1, _s, _e;
-    try {
-      for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
-        ;
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        !_n && _i.return != null && _i.return();
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-function _non_iterable_rest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
-    typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-    }))), ownKeys2.forEach(function(key) {
-      _define_property(target, key, source[key]);
-    });
-  }
-  return target;
-}
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function(sym) {
-      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _object_spread_props(target, source) {
-  return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
-    Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-  }), target;
-}
-function _sliced_to_array(arr, i) {
-  return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _unsupported_iterable_to_array(o, minLen) {
-  if (o) {
-    if (typeof o == "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-  }
-}
 function SwitchHeadlessDemo() {
   return /* @__PURE__ */ _jsx(YStack, {
     width: 200,
@@ -100,10 +25,10 @@ function SwitchHeadlessDemo() {
   });
 }
 var HeadlessSwitch = /* @__PURE__ */ React.forwardRef(function(props, ref) {
-  var _React_useState = _sliced_to_array(React.useState(props.defaultChecked || !1), 2), checked = _React_useState[0], setChecked = _React_useState[1], _useSwitch = useSwitch(props, [
+  var [checked, setChecked] = React.useState(props.defaultChecked || !1), { switchProps, switchRef, bubbleInput } = useSwitch(props, [
     checked,
     setChecked
-  ], ref), switchProps = _useSwitch.switchProps, switchRef = _useSwitch.switchRef, bubbleInput = _useSwitch.bubbleInput, animation = React.useRef(new Animated.Value(checked ? 1 : 0)).current;
+  ], ref), animation = React.useRef(new Animated.Value(checked ? 1 : 0)).current;
   return React.useEffect(function() {
     Animated.timing(animation, {
       toValue: checked ? 1 : 0,
@@ -114,15 +39,15 @@ var HeadlessSwitch = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     checked
   ]), /* @__PURE__ */ _jsxs(_Fragment, {
     children: [
-      /* @__PURE__ */ _jsx(Pressable, _object_spread_props(_object_spread({
+      /* @__PURE__ */ _jsx(Pressable, {
         style: {
           width: 40,
           height: 20,
           borderRadius: 100,
           backgroundColor: checked ? "lightblue" : "silver"
         },
-        ref: switchRef
-      }, switchProps), {
+        ref: switchRef,
+        ...switchProps,
         children: /* @__PURE__ */ _jsx(Animated.View, {
           style: [
             {
@@ -149,7 +74,7 @@ var HeadlessSwitch = /* @__PURE__ */ React.forwardRef(function(props, ref) {
             }
           ]
         })
-      })),
+      }),
       bubbleInput
     ]
   });

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/SwitchHeadlessDemo.tsx"],
-  "mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,iBAAiB;AAG1B,SAASC,UAAUC,iBAAiB;AACpC,SAASC,OAAOC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE/B,SAASC,qBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,OAAM;cAC5C,sBAACL,QAAAA;MAAOM,KAAI;MAAKF,YAAW;;QAC1B,qBAACL,OAAAA;UAAMQ,SAAQ;oBAAW;;QAC1B,qBAACC,gBAAAA;UAAeC,gBAAc;UAACC,IAAG;;;;;AAI1C;AAEA,IAAMF,iBAAiBb,sBAAMgB,WAAsC,SAACC,OAAOC,KAAAA;AACzE,MAA8BlB,kBAAAA,iBAAAA,MAAMmB,SAASF,MAAMH,kBAAkB,EAAA,GAAA,CAAA,GAA9DM,UAAuBpB,gBAAAA,CAAAA,GAAdqB,aAAcrB,gBAAAA,CAAAA,GACkBC,aAAAA,UAC9CgB,OACA;IAACG;IAASC;KACVH,GAAAA,GAHMI,cAAwCrB,WAAxCqB,aAAaC,YAA2BtB,WAA3BsB,WAAWC,cAAgBvB,WAAhBuB,aAM1BC,YAAYzB,MAAM0B,OAAO,IAAIxB,SAASyB,MAAMP,UAAU,IAAI,CAAA,CAAA,EAAIQ;AAEpE5B,eAAM6B,UAAU,WAAA;AACd3B,aAAS4B,OAAOL,WAAW;MACzBM,SAASX,UAAU,IAAI;MACvBY,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAACd;GAAQ,GAGV,sBAAA,WAAA;;MACE,qBAACjB,WAAAA,qBAAAA,eAAAA;QACCgC,OAAO;UACL3B,OAAO;UACP4B,QAAQ;UACRC,cAAc;UACdC,iBAAiBlB,UAAU,cAAc;QAC3C;QACAF,KAAKK;SACDD,WAAAA,GAAAA;kBAEJ,qBAACpB,SAASqC,MAAI;UACZJ,OAAO;YACL;cACEG,iBAAiB;cACjBD,cAAc;cACd7B,OAAO;cACP4B,QAAQ;YACV;YACA;cACEI,WAAW;gBACT;kBACEC,YAAYhB,UAAUiB,YAAY;oBAChCC,YAAY;sBAAC;sBAAG;;oBAChBC,aAAa;sBAAC;sBAAG;;kBACnB,CAAA;gBACF;;YAEJ;;;;MAILpB;;;AAGP,CAAA;",
-  "names": ["React", "useSwitch", "Animated", "Pressable", "Label", "XStack", "YStack", "SwitchHeadlessDemo", "width", "alignItems", "space", "gap", "htmlFor", "HeadlessSwitch", "defaultChecked", "id", "forwardRef", "props", "ref", "useState", "checked", "setChecked", "switchProps", "switchRef", "bubbleInput", "animation", "useRef", "Value", "current", "useEffect", "timing", "toValue", "duration", "useNativeDriver", "start", "style", "height", "borderRadius", "backgroundColor", "View", "transform", "translateX", "interpolate", "inputRange", "outputRange"]
+  "mappings": ";AAAA,OAAOA,WAAW;AAElB,SAASC,iBAAiB;AAG1B,SAASC,UAAUC,iBAAiB;AACpC,SAASC,OAAOC,QAAQC,cAAc;AAE/B,SAASC,qBAAAA;AACd,SACE,qBAACD,QAAAA;IAAOE,OAAO;IAAKC,YAAW;IAASC,OAAM;cAC5C,sBAACL,QAAAA;MAAOM,KAAI;MAAKF,YAAW;;QAC1B,qBAACL,OAAAA;UAAMQ,SAAQ;oBAAW;;QAC1B,qBAACC,gBAAAA;UAAeC,gBAAc;UAACC,IAAG;;;;;AAI1C;AAEA,IAAMF,iBAAiBb,sBAAMgB,WAAsC,SAACC,OAAOC,KAAAA;AACzE,MAAM,CAACC,SAASC,UAAAA,IAAcpB,MAAMqB,SAASJ,MAAMH,kBAAkB,EAAA,GAC/D,EAAEQ,aAAaC,WAAWC,YAAW,IAAKvB,UAC9CgB,OACA;IAACE;IAASC;KACVF,GAAAA,GAGIO,YAAYzB,MAAM0B,OAAO,IAAIxB,SAASyB,MAAMR,UAAU,IAAI,CAAA,CAAA,EAAIS;AAEpE5B,eAAM6B,UAAU,WAAA;AACd3B,aAAS4B,OAAOL,WAAW;MACzBM,SAASZ,UAAU,IAAI;MACvBa,UAAU;MACVC,iBAAiB;IACnB,CAAA,EAAGC,MAAK;EACV,GAAG;IAACf;GAAQ,GAGV,sBAAA,WAAA;;MACE,qBAAChB,WAAAA;QACCgC,OAAO;UACL3B,OAAO;UACP4B,QAAQ;UACRC,cAAc;UACdC,iBAAiBnB,UAAU,cAAc;QAC3C;QACAD,KAAKK;QACJ,GAAGD;kBAEJ,qBAACpB,SAASqC,MAAI;UACZJ,OAAO;YACL;cACEG,iBAAiB;cACjBD,cAAc;cACd7B,OAAO;cACP4B,QAAQ;YACV;YACA;cACEI,WAAW;gBACT;kBACEC,YAAYhB,UAAUiB,YAAY;oBAChCC,YAAY;sBAAC;sBAAG;;oBAChBC,aAAa;sBAAC;sBAAG;;kBACnB,CAAA;gBACF;;YAEJ;;;;MAILpB;;;AAGP,CAAA;",
+  "names": ["React", "useSwitch", "Animated", "Pressable", "Label", "XStack", "YStack", "SwitchHeadlessDemo", "width", "alignItems", "space", "gap", "htmlFor", "HeadlessSwitch", "defaultChecked", "id", "forwardRef", "props", "ref", "checked", "setChecked", "useState", "switchProps", "switchRef", "bubbleInput", "animation", "useRef", "Value", "current", "useEffect", "timing", "toValue", "duration", "useNativeDriver", "start", "style", "height", "borderRadius", "backgroundColor", "View", "transform", "translateX", "interpolate", "inputRange", "outputRange"]
 }