@tamagui/demos 1.110.4 → 1.111.0

package/dist/cjs/AccordionDemo.native.js

@@ -32,7 +32,7 @@ function AccordionDemo() {
             flexDirection: "row",
             justifyContent: "space-between",
             children: function(param) {
-              var open = param.open;
+              var { open } = param;
               return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {
@@ -70,7 +70,7 @@ function AccordionDemo() {
             flexDirection: "row",
             justifyContent: "space-between",
             children: function(param) {
-              var open = param.open;
+              var { open } = param;
               return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Paragraph, {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AccordionDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAA4B,kCAC5B,iBAA6C;AAEtC,SAASA,gBAAAA;AACd,SACE,uCAAAC,MAACC,0BAAAA;IAAUC,UAAS;IAASC,OAAM;IAAMC,MAAK;;MAC5C,uCAAAJ,MAACC,yBAAUI,MAAI;QAACC,OAAM;;UACpB,uCAAAC,KAACN,yBAAUO,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBACCC,OAAAA,MAAAA;qBAIA,uCAAAX,MAAA,mBAAAY,UAAA;;kBACE,uCAAAL,KAACM,0BAAAA;8BAAU;;kBACX,uCAAAN,KAACO,uBAAAA;oBAAOC,WAAU;oBAAQC,QAAQL,OAAO,WAAW;8BAClD,uCAAAJ,KAACU,iCAAAA;sBAAYC,MAAK;;;;;;;UAK1B,uCAAAX,KAACN,yBAAUkB,gBAAc;YAACJ,WAAU;sBAClC,uCAAAR,KAACN,yBAAUmB,SAAO;cAACL,WAAU;cAASM,WAAW;gBAAEC,SAAS;cAAE;wBAC5D,uCAAAf,KAACM,0BAAAA;0BAAU;;;;;;MAQjB,uCAAAb,MAACC,yBAAUI,MAAI;QAACC,OAAM;;UACpB,uCAAAC,KAACN,yBAAUO,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBACCC,OAAAA,MAAAA;qBAIA,uCAAAX,MAAA,mBAAAY,UAAA;;kBACE,uCAAAL,KAACM,0BAAAA;8BAAU;;kBACX,uCAAAN,KAACO,uBAAAA;oBAAOC,WAAU;oBAAQC,QAAQL,OAAO,WAAW;8BAClD,uCAAAJ,KAACU,iCAAAA;sBAAYC,MAAK;;;;;;;UAK1B,uCAAAX,KAACN,yBAAUkB,gBAAc;YAACJ,WAAU;sBAClC,uCAAAR,KAACN,yBAAUmB,SAAO;cAACL,WAAU;cAASM,WAAW;gBAAEC,SAAS;cAAE;wBAC5D,uCAAAf,KAACM,0BAAAA;0BAAU;;;;;;;;AASvB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAA4B,kCAC5B,iBAA6C;AAEtC,SAASA,gBAAAA;AACd,SACE,uCAAAC,MAACC,0BAAAA;IAAUC,UAAS;IAASC,OAAM;IAAMC,MAAK;;MAC5C,uCAAAJ,MAACC,yBAAUI,MAAI;QAACC,OAAM;;UACpB,uCAAAC,KAACN,yBAAUO,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAC,EACAC,KAAI,IAGL;qBACC,uCAAAX,MAAA,mBAAAY,UAAA;;kBACE,uCAAAL,KAACM,0BAAAA;8BAAU;;kBACX,uCAAAN,KAACO,uBAAAA;oBAAOC,WAAU;oBAAQC,QAAQL,OAAO,WAAW;8BAClD,uCAAAJ,KAACU,iCAAAA;sBAAYC,MAAK;;;;;;;UAK1B,uCAAAX,KAACN,yBAAUkB,gBAAc;YAACJ,WAAU;sBAClC,uCAAAR,KAACN,yBAAUmB,SAAO;cAACL,WAAU;cAASM,WAAW;gBAAEC,SAAS;cAAE;wBAC5D,uCAAAf,KAACM,0BAAAA;0BAAU;;;;;;MAQjB,uCAAAb,MAACC,yBAAUI,MAAI;QAACC,OAAM;;UACpB,uCAAAC,KAACN,yBAAUO,SAAO;YAACC,eAAc;YAAMC,gBAAe;sBACnD,SAAA,OAAA;kBAAC,EACAC,KAAI,IAGL;qBACC,uCAAAX,MAAA,mBAAAY,UAAA;;kBACE,uCAAAL,KAACM,0BAAAA;8BAAU;;kBACX,uCAAAN,KAACO,uBAAAA;oBAAOC,WAAU;oBAAQC,QAAQL,OAAO,WAAW;8BAClD,uCAAAJ,KAACU,iCAAAA;sBAAYC,MAAK;;;;;;;UAK1B,uCAAAX,KAACN,yBAAUkB,gBAAc;YAACJ,WAAU;sBAClC,uCAAAR,KAACN,yBAAUmB,SAAO;cAACL,WAAU;cAASM,WAAW;gBAAEC,SAAS;cAAE;wBAC5D,uCAAAf,KAACM,0BAAAA;0BAAU;;;;;;;;AASvB;",
   "names": ["AccordionDemo", "_jsxs", "Accordion", "overflow", "width", "type", "Item", "value", "_jsx", "Trigger", "flexDirection", "justifyContent", "open", "_Fragment", "Paragraph", "Square", "animation", "rotate", "ChevronDown", "size", "HeightAnimator", "Content", "exitStyle", "opacity"]
 }

package/dist/cjs/AddThemeDemo.native.js

@@ -27,49 +27,8 @@ __export(AddThemeDemo_exports, {
 });
 module.exports = __toCommonJS(AddThemeDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_theme = require("@tamagui/theme"), 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++) arr2[i] = arr[i];
-  return arr2;
-}
-function _array_with_holes(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-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 _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 AddThemeDemo() {
-  var _React_useState = _sliced_to_array(import_react.default.useState(), 2), theme = _React_useState[0], setTheme = _React_useState[1];
+  var [theme, setTheme] = import_react.default.useState();
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     alignItems: "center",
     space: !0,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AddThemeDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,eAAyB,2BAEzB,iBAAkD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3C,SAASA,eAAAA;AACd,MAA0BC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAQ,GAAA,CAAA,GAAjCC,QAAmBF,gBAAAA,CAAAA,GAAZG,WAAYH,gBAAAA,CAAAA;AAE1B,SACE,uCAAAI,MAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAK;;MAC/B,uCAAAH,MAACI,mBAAAA;;UAAG;UAAQN,SAAS;;;MAErB,uCAAAO,KAACC,sBAAAA;QAAMC,MAAMT,SAAS;kBACpB,uCAAAO,KAACG,uBAAAA;UAAOC,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,uCAAAN,KAACO,uBAAAA;QACCC,UAAUf,UAAU;QACpBgB,SAAS,WAAA;AACPC,qCAAS;YACPR,MAAM;YACNS,WAAW;YACXlB,OAAO;cACLmB,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACAnB,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
-  "names": ["AddThemeDemo", "React", "useState", "theme", "setTheme", "_jsxs", "YStack", "alignItems", "space", "H3", "_jsx", "Theme", "name", "Square", "borderRadius", "size", "backgroundColor", "Button", "disabled", "onPress", "addTheme", "insertCSS", "background", "color"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,eAAyB,2BAEzB,iBAAkD;AAE3C,SAASA,eAAAA;AACd,MAAM,CAACC,OAAOC,QAAAA,IAAYC,aAAAA,QAAMC,SAAQ;AAExC,SACE,uCAAAC,MAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAK;;MAC/B,uCAAAH,MAACI,mBAAAA;;UAAG;UAAQR,SAAS;;;MAErB,uCAAAS,KAACC,sBAAAA;QAAMC,MAAMX,SAAS;kBACpB,uCAAAS,KAACG,uBAAAA;UAAOC,cAAa;UAAKC,MAAM;UAAKC,iBAAgB;;;MAGvD,uCAAAN,KAACO,uBAAAA;QACCC,UAAUjB,UAAU;QACpBkB,SAAS,WAAA;AACPC,qCAAS;YACPR,MAAM;YACNS,WAAW;YACXpB,OAAO;cACLqB,YAAY;cACZC,OAAO;YACT;UACF,CAAA,GACArB,SAAS,WAAA;QACX;kBACD;;;;AAKP;",
+  "names": ["AddThemeDemo", "theme", "setTheme", "React", "useState", "_jsxs", "YStack", "alignItems", "space", "H3", "_jsx", "Theme", "name", "Square", "borderRadius", "size", "backgroundColor", "Button", "disabled", "onPress", "addTheme", "insertCSS", "background", "color"]
 }

package/dist/cjs/AnimationsDemo.native.js

@@ -20,94 +20,19 @@ __export(AnimationsDemo_exports, {
 });
 module.exports = __toCommonJS(AnimationsDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime"), import_logo = require("@tamagui/logo"), import_lucide_icons = require("@tamagui/lucide-icons"), 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++) 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 AnimationsDemo(props) {
-  var _useControllableState = _sliced_to_array((0, import_tamagui.useControllableState)({
+  var [positionI, setPositionI] = (0, import_tamagui.useControllableState)({
     strategy: "most-recent-wins",
     prop: props.position,
     defaultProp: 0
-  }), 2), positionI = _useControllableState[0], setPositionI = _useControllableState[1], position = positions[positionI], onPress = (0, import_tamagui.useEvent)(function() {
+  }), position = positions[positionI], onPress = (0, import_tamagui.useEvent)(function() {
     setPositionI(function(x) {
       return (x + 1) % positions.length;
     });
   });
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, _object_spread_props(_object_spread({
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, {
         animation: props.animation || "bouncy",
         animateOnly: [
           "transform"
@@ -123,12 +48,12 @@ function AnimationsDemo(props) {
         },
         pressStyle: {
           scale: 0.9
-        }
-      }, position), {
+        },
+        ...position,
         children: props.children || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_logo.LogoIcon, {
           downscale: 0.75
         })
-      })),
+      }),
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
         position: "absolute",
         bottom: 20,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,0BACzB,sBAAqB,kCACrB,iBAA+D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAExD,SAASA,eAAeC,OAAK;AAClC,MAAkCC,wBAAAA,qBAAAA,qCAAqB;IACrDC,UAAU;IACVC,MAAMH,MAAMI;IACZC,aAAa;EACf,CAAA,GAAA,CAAA,GAJOC,YAA2BL,sBAAAA,CAAAA,GAAhBM,eAAgBN,sBAAAA,CAAAA,GAK5BG,WAAWI,UAAUF,SAAAA,GACrBG,cAAUC,yBAAS,WAAA;AACvBH,iBAAa,SAACI,GAAAA;AACZ,cAAQA,IAAI,KAAKH,UAAUI;IAC7B,CAAA;EACF,CAAA;AAEA,SACE,uCAAAC,MAAA,mBAAAC,UAAA;;MACE,uCAAAC,KAACC,uBAAAA,qBAAAA,eAAAA;QACCC,WAAYjB,MAAMiB,aAAa;QAC/BC,aAAa;UAAC;;QACdT;QACAU,MAAM;QACNC,aAAY;QACZC,aAAa;QACbC,cAAa;QACbC,iBAAgB;QAChBC,YAAY;UACVC,OAAO;QACT;QACAC,YAAY;UACVD,OAAO;QACT;SACIrB,QAAAA,GAAAA;kBAEHJ,MAAM2B,YAAY,uCAAAZ,KAACa,sBAAAA;UAASC,WAAW;;;MAG1C,uCAAAd,KAACe,uBAAAA;QACC1B,UAAS;QACT2B,QAAQ;QACRC,MAAM;QACNC,MAAMC;QACNC,OAAOnC,MAAMoC;QACbjB,MAAK;QACLkB,UAAQ;QACR5B;;;;AAIR;AAEO,IAAMD,YAAY;EACvB;IACEG,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;EACV;EACA;IACE5B,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;IACRf,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;EACA;IACEd,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;IACRf,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;;",
-  "names": ["AnimationsDemo", "props", "useControllableState", "strategy", "prop", "position", "defaultProp", "positionI", "setPositionI", "positions", "onPress", "useEvent", "x", "length", "_jsxs", "_Fragment", "_jsx", "Square", "animation", "animateOnly", "size", "borderColor", "borderWidth", "borderRadius", "backgroundColor", "hoverStyle", "scale", "pressStyle", "children", "LogoIcon", "downscale", "Button", "bottom", "left", "icon", "Play", "theme", "tint", "circular", "y", "rotate"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;uDAAA,cAAyB,0BACzB,sBAAqB,kCACrB,iBAA+D;AAExD,SAASA,eAAeC,OAAK;AAClC,MAAM,CAACC,WAAWC,YAAAA,QAAgBC,qCAAqB;IACrDC,UAAU;IACVC,MAAML,MAAMM;IACZC,aAAa;EACf,CAAA,GACMD,WAAWE,UAAUP,SAAAA,GACrBQ,cAAUC,yBAAS,WAAA;AACvBR,iBAAa,SAACS,GAAAA;AACZ,cAAQA,IAAI,KAAKH,UAAUI;IAC7B,CAAA;EACF,CAAA;AAEA,SACE,uCAAAC,MAAA,mBAAAC,UAAA;;MACE,uCAAAC,KAACC,uBAAAA;QACCC,WAAYjB,MAAMiB,aAAa;QAC/BC,aAAa;UAAC;;QACdT;QACAU,MAAM;QACNC,aAAY;QACZC,aAAa;QACbC,cAAa;QACbC,iBAAgB;QAChBC,YAAY;UACVC,OAAO;QACT;QACAC,YAAY;UACVD,OAAO;QACT;QACC,GAAGnB;kBAEHN,MAAM2B,YAAY,uCAAAZ,KAACa,sBAAAA;UAASC,WAAW;;;MAG1C,uCAAAd,KAACe,uBAAAA;QACCxB,UAAS;QACTyB,QAAQ;QACRC,MAAM;QACNC,MAAMC;QACNC,OAAOnC,MAAMoC;QACbjB,MAAK;QACLkB,UAAQ;QACR5B;;;;AAIR;AAEO,IAAMD,YAAY;EACvB;IACEG,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;EACV;EACA;IACE5B,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;IACRf,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;EACA;IACEd,GAAG;IACH2B,GAAG;IACHb,OAAO;IACPc,QAAQ;IACRf,YAAY;MACVC,OAAO;IACT;IACAC,YAAY;MACVD,OAAO;IACT;EACF;;",
+  "names": ["AnimationsDemo", "props", "positionI", "setPositionI", "useControllableState", "strategy", "prop", "position", "defaultProp", "positions", "onPress", "useEvent", "x", "length", "_jsxs", "_Fragment", "_jsx", "Square", "animation", "animateOnly", "size", "borderColor", "borderWidth", "borderRadius", "backgroundColor", "hoverStyle", "scale", "pressStyle", "children", "LogoIcon", "downscale", "Button", "bottom", "left", "icon", "Play", "theme", "tint", "circular", "y", "rotate"]
 }

package/dist/cjs/AnimationsEnterDemo.native.js

@@ -27,49 +27,8 @@ __export(AnimationsEnterDemo_exports, {
 });
 module.exports = __toCommonJS(AnimationsEnterDemo_exports);
 var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_logo = require("@tamagui/logo"), import_tamagui = require("tamagui"), import_useOnIntersecting = require("./useOnIntersecting");
-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 _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 _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 AnimationsEnterDemo(props) {
-  var ref = import_react.default.useRef(null), _React_useState = _sliced_to_array(import_react.default.useState(0), 2), key = _React_useState[0], setKey = _React_useState[1];
+  var ref = import_react.default.useRef(null), [key, setKey] = import_react.default.useState(0);
   if (import_tamagui.isWeb) {
     var hasIntersected = (0, import_useOnIntersecting.useIsIntersecting)(ref, {
       once: !0

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsEnterDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,cAAyB,0BAEzB,iBAA8C,oBAE9C,2BAAkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE3B,SAASA,oBAAoBC,OAAU;AAC5C,MAAMC,MAAMC,aAAAA,QAAMC,OAAoB,IAAA,GAChBD,kBAAAA,iBAAAA,aAAAA,QAAME,SAAS,CAAA,GAAA,CAAA,GAA9BC,MAAeH,gBAAAA,CAAAA,GAAVI,SAAUJ,gBAAAA,CAAAA;AAEtB,MAAIK,sBAAO;AACT,QAAMC,qBAAiBC,4CAAkBR,KAAK;MAAES,MAAM;IAAK,CAAA;AAE3D,QAAI,CAACF;AACH,aAAO,uCAAAG,KAACC,uBAAAA;QAAOX;;EAEnB;MAoBOD;AAlBP,SACE,uCAAAa,MAAA,mBAAAC,UAAA;;MACE,uCAAAH,KAACI,uBAAAA;QAECC,YAAY;UACVC,OAAO;UACPC,GAAG;UACHC,SAAS;QACX;QACAC,WAAU;QACVC,WAAU;QACVC,MAAM;QACNH,SAAS;QACTF,OAAO;QACPC,GAAG;QACHK,iBAAgB;QAChBC,cAAa;mBAEZxB,kBAAAA,MAAMyB,cAAQ,QAAdzB,oBAAAA,SAAAA,kBAAkB,uCAAAW,KAACe,sBAAAA;UAASC,WAAW;;SAfnCtB,GAAAA;MAkBP,uCAAAM,KAACiB,uBAAAA;QAAON,MAAK;QAAKO,WAAU;QAAKC,SAAS,WAAA;iBAAMxB,OAAOyB,KAAKC,OAAM,CAAA;;kBAAK;;;;AAK7E;",
-  "names": ["AnimationsEnterDemo", "props", "ref", "React", "useRef", "useState", "key", "setKey", "isWeb", "hasIntersected", "useIsIntersecting", "once", "_jsx", "YStack", "_jsxs", "_Fragment", "Square", "enterStyle", "scale", "y", "opacity", "animation", "elevation", "size", "backgroundColor", "borderRadius", "children", "LogoIcon", "downscale", "Button", "marginTop", "onPress", "Math", "random"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,cAAyB,0BAEzB,iBAA8C,oBAE9C,2BAAkC;AAE3B,SAASA,oBAAoBC,OAAU;AAC5C,MAAMC,MAAMC,aAAAA,QAAMC,OAAoB,IAAA,GAChC,CAACC,KAAKC,MAAAA,IAAUH,aAAAA,QAAMI,SAAS,CAAA;AAErC,MAAIC,sBAAO;AACT,QAAMC,qBAAiBC,4CAAkBR,KAAK;MAAES,MAAM;IAAK,CAAA;AAE3D,QAAI,CAACF;AACH,aAAO,uCAAAG,KAACC,uBAAAA;QAAOX;;EAEnB;MAoBOD;AAlBP,SACE,uCAAAa,MAAA,mBAAAC,UAAA;;MACE,uCAAAH,KAACI,uBAAAA;QAECC,YAAY;UACVC,OAAO;UACPC,GAAG;UACHC,SAAS;QACX;QACAC,WAAU;QACVC,WAAU;QACVC,MAAM;QACNH,SAAS;QACTF,OAAO;QACPC,GAAG;QACHK,iBAAgB;QAChBC,cAAa;mBAEZxB,kBAAAA,MAAMyB,cAAQ,QAAdzB,oBAAAA,SAAAA,kBAAkB,uCAAAW,KAACe,sBAAAA;UAASC,WAAW;;SAfnCvB,GAAAA;MAkBP,uCAAAO,KAACiB,uBAAAA;QAAON,MAAK;QAAKO,WAAU;QAAKC,SAAS,WAAA;iBAAMzB,OAAO0B,KAAKC,OAAM,CAAA;;kBAAK;;;;AAK7E;",
+  "names": ["AnimationsEnterDemo", "props", "ref", "React", "useRef", "key", "setKey", "useState", "isWeb", "hasIntersected", "useIsIntersecting", "once", "_jsx", "YStack", "_jsxs", "_Fragment", "Square", "enterStyle", "scale", "y", "opacity", "animation", "elevation", "size", "backgroundColor", "borderRadius", "children", "LogoIcon", "downscale", "Button", "marginTop", "onPress", "Math", "random"]
 }

package/dist/cjs/AnimationsPresenceDemo.native.js

@@ -27,49 +27,7 @@ __export(AnimationsPresenceDemo_exports, {
   images: () => images
 });
 module.exports = __toCommonJS(AnimationsPresenceDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_animate_presence = require("@tamagui/animate-presence"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_photo1 = __toESM(require("../../public/photo1.jpg")), import_photo2 = __toESM(require("../../public/photo2.jpg")), import_photo3 = __toESM(require("../../public/photo3.jpg"));
-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 _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 _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);
-  }
-}
-var images = [
+var import_jsx_runtime = require("react/jsx-runtime"), import_react = __toESM(require("react")), import_animate_presence = require("@tamagui/animate-presence"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), import_photo1 = __toESM(require("../../public/photo1.jpg")), import_photo2 = __toESM(require("../../public/photo2.jpg")), import_photo3 = __toESM(require("../../public/photo3.jpg")), images = [
   import_photo1.default,
   import_photo2.default,
   import_photo3.default
@@ -103,10 +61,10 @@ var images = [
   return ((v - min) % rangeSize + rangeSize) % rangeSize + min;
 };
 function AnimationsPresenceDemo() {
-  var _React_useState = _sliced_to_array(import_react.default.useState([
+  var [[page, going], setPage] = import_react.default.useState([
     0,
     0
-  ]), 2), _React_useState_ = _sliced_to_array(_React_useState[0], 2), page = _React_useState_[0], going = _React_useState_[1], setPage = _React_useState[1], imageIndex = wrap(0, images.length, page), paginate = function(going2) {
+  ]), imageIndex = wrap(0, images.length, page), paginate = function(going2) {
     setPage([
       page + going2,
       going2

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/AnimationsPresenceDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,0BAAgC,sCAChC,sBAAsC,kCAEtC,iBAAsD,oBAGtD,gBAAmB,6CAEnB,gBAAmB,6CAEnB,gBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,IAAMA,SAAS;EAACC,cAAAA;EAAQC,cAAAA;EAAQC,cAAAA;EAAQC,IAAI,SAACC,GAAAA;SAAMA,EAAEC,OAAOD;IAE7DE,kBAAcC,uBAAOC,uBAAQ;EACjCC,QAAQ;EACRL,GAAG;EACHM,SAAS;EACTC,YAAY;EAEZC,UAAU;;IAERC,OAAO;MACL,WAAW,SAACA,OAAAA;eAAW;UACrBC,YAAY;YACVV,GAAGS,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;UACAK,WAAW;YACTN,QAAQ;YACRL,GAAGS,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;QACF;;IACF;EACF;AACF,CAAA,GAEMM,OAAO,SAACC,KAAaC,KAAaC,GAAAA;AACtC,MAAMC,YAAYF,MAAMD;AACxB,WAAWE,IAAIF,OAAOG,YAAaA,aAAaA,YAAaH;AAC/D;AAEO,SAASI,yBAAAA;AACd,MAAiCC,kBAAAA,iBAAAA,aAAAA,QAAMC,SAAS;IAAC;IAAG;GAAE,GAAA,CAAA,GAAA,mBAAA,iBAArBD,gBAAAA,CAAAA,GAAAA,CAAAA,GAAzBE,OAAAA,iBAAAA,CAAAA,GAAMX,QAAAA,iBAAAA,CAAAA,GAAQY,UAAWH,gBAAAA,CAAAA,GAE3BI,aAAaV,KAAK,GAAGjB,OAAO4B,QAAQH,IAAAA,GACpCI,WAAW,SAACf,QAAAA;AAChBY,YAAQ;MAACD,OAAOX;MAAOA;KAAM;EAC/B;AAEA,SACE,uCAAAgB,MAACC,uBAAAA;IACCC,UAAS;IACTC,iBAAgB;IAChBC,UAAS;IACTC,QAAQ;IACRC,OAAM;IACNC,YAAW;;MAEX,uCAAAC,KAACC,yCAAAA;QAAgBC,SAAS;QAAOC,QAAQ;UAAE3B;QAAM;kBAC/C,uCAAAwB,KAAC/B,aAAAA;UAAuBmC,WAAU;UAAO5B;oBACvC,uCAAAwB,KAACK,sBAAAA;YAAMC,QAAQ;cAAEC,KAAK7C,OAAO2B,UAAAA;cAAaS,OAAO;cAAKD,QAAQ;YAAI;;WADlDV,IAAAA;;MAKpB,uCAAAa,KAACQ,uBAAAA;QACCC,oBAAmB;QACnBC,MAAMC;QACNC,MAAK;QACLhB,UAAS;QACTiB,MAAK;QACLC,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMzB,SAAS,EAAC;;QACzB0B,IAAI;;MAGN,uCAAAjB,KAACQ,uBAAAA;QACCC,oBAAmB;QACnBC,MAAMQ;QACNN,MAAK;QACLhB,UAAS;QACTuB,OAAM;QACNL,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMzB,SAAS,CAAA;;QACxB0B,IAAI;;;;AAIZ;",
-  "names": ["images", "photo1", "photo2", "photo3", "map", "x", "src", "GalleryItem", "styled", "YStack", "zIndex", "opacity", "fullscreen", "variants", "going", "enterStyle", "exitStyle", "wrap", "min", "max", "v", "rangeSize", "AnimationsPresenceDemo", "React", "useState", "page", "setPage", "imageIndex", "length", "paginate", "_jsxs", "XStack", "overflow", "backgroundColor", "position", "height", "width", "alignItems", "_jsx", "AnimatePresence", "initial", "custom", "animation", "Image", "source", "uri", "Button", "accessibilityLabel", "icon", "ArrowLeft", "size", "left", "circular", "elevate", "onPress", "zi", "ArrowRight", "right"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,eAAkB,2BAClB,0BAAgC,sCAChC,sBAAsC,kCAEtC,iBAAsD,oBAGtD,gBAAmB,6CAEnB,gBAAmB,6CAEnB,gBAAmB,6CAENA,SAAS;EAACC,cAAAA;EAAQC,cAAAA;EAAQC,cAAAA;EAAQC,IAAI,SAACC,GAAAA;SAAMA,EAAEC,OAAOD;IAE7DE,kBAAcC,uBAAOC,uBAAQ;EACjCC,QAAQ;EACRL,GAAG;EACHM,SAAS;EACTC,YAAY;EAEZC,UAAU;;IAERC,OAAO;MACL,WAAW,SAACA,OAAAA;eAAW;UACrBC,YAAY;YACVV,GAAGS,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;UACAK,WAAW;YACTN,QAAQ;YACRL,GAAGS,QAAQ,IAAI,MAAO;YACtBH,SAAS;UACX;QACF;;IACF;EACF;AACF,CAAA,GAEMM,OAAO,SAACC,KAAaC,KAAaC,GAAAA;AACtC,MAAMC,YAAYF,MAAMD;AACxB,WAAWE,IAAIF,OAAOG,YAAaA,aAAaA,YAAaH;AAC/D;AAEO,SAASI,yBAAAA;AACd,MAAM,CAAC,CAACC,MAAMT,KAAAA,GAAQU,OAAAA,IAAWC,aAAAA,QAAMC,SAAS;IAAC;IAAG;GAAE,GAEhDC,aAAaV,KAAK,GAAGjB,OAAO4B,QAAQL,IAAAA,GACpCM,WAAW,SAACf,QAAAA;AAChBU,YAAQ;MAACD,OAAOT;MAAOA;KAAM;EAC/B;AAEA,SACE,uCAAAgB,MAACC,uBAAAA;IACCC,UAAS;IACTC,iBAAgB;IAChBC,UAAS;IACTC,QAAQ;IACRC,OAAM;IACNC,YAAW;;MAEX,uCAAAC,KAACC,yCAAAA;QAAgBC,SAAS;QAAOC,QAAQ;UAAE3B;QAAM;kBAC/C,uCAAAwB,KAAC/B,aAAAA;UAAuBmC,WAAU;UAAO5B;oBACvC,uCAAAwB,KAACK,sBAAAA;YAAMC,QAAQ;cAAEC,KAAK7C,OAAO2B,UAAAA;cAAaS,OAAO;cAAKD,QAAQ;YAAI;;WADlDZ,IAAAA;;MAKpB,uCAAAe,KAACQ,uBAAAA;QACCC,oBAAmB;QACnBC,MAAMC;QACNC,MAAK;QACLhB,UAAS;QACTiB,MAAK;QACLC,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMzB,SAAS,EAAC;;QACzB0B,IAAI;;MAGN,uCAAAjB,KAACQ,uBAAAA;QACCC,oBAAmB;QACnBC,MAAMQ;QACNN,MAAK;QACLhB,UAAS;QACTuB,OAAM;QACNL,UAAQ;QACRC,SAAO;QACPC,SAAS,WAAA;iBAAMzB,SAAS,CAAA;;QACxB0B,IAAI;;;;AAIZ;",
+  "names": ["images", "photo1", "photo2", "photo3", "map", "x", "src", "GalleryItem", "styled", "YStack", "zIndex", "opacity", "fullscreen", "variants", "going", "enterStyle", "exitStyle", "wrap", "min", "max", "v", "rangeSize", "AnimationsPresenceDemo", "page", "setPage", "React", "useState", "imageIndex", "length", "paginate", "_jsxs", "XStack", "overflow", "backgroundColor", "position", "height", "width", "alignItems", "_jsx", "AnimatePresence", "initial", "custom", "animation", "Image", "source", "uri", "Button", "accessibilityLabel", "icon", "ArrowLeft", "size", "left", "circular", "elevate", "onPress", "zi", "ArrowRight", "right"]
 }

package/dist/cjs/BuildAButtonDemo.native.js

@@ -18,42 +18,7 @@ __export(BuildAButtonDemo_exports, {
   BuildAButtonDemo: () => BuildAButtonDemo
 });
 module.exports = __toCommonJS(BuildAButtonDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("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;
-}
-var outlined = {
+var import_jsx_runtime = require("react/jsx-runtime"), import_lucide_icons = require("@tamagui/lucide-icons"), import_tamagui = require("tamagui"), outlined = {
   backgroundColor: "transparent",
   borderWidth: 2,
   borderColor: "$background",
@@ -73,95 +38,99 @@ function BuildAButtonDemo() {
       x: -40,
       rotate: "-10deg",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread_props(_object_spread({
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
           y: 35,
-          size: "$2"
-        }, outlined), {
+          size: "$2",
+          ...outlined,
           subTheme: "alt1",
           borderWidth: 1
-        })),
+        }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
           y: 30
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread({
-          y: -50
-        }, outlined)),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread_props(_object_spread({}, outlined), {
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
+          y: -50,
+          ...outlined
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
+          ...outlined,
           icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Hand, {})
-        })),
+        }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
           size: "$6",
           subTheme: "alt2"
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread({
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
           size: "$6",
-          subTheme: "alt2"
-        }, outlined)),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread({
+          subTheme: "alt2",
+          ...outlined
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
           size: "$8",
           subTheme: "alt2",
-          iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Drumstick, {})
-        }, outlined)),
+          iconAfter: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Drumstick, {}),
+          ...outlined
+        }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
           size: "$10",
           subTheme: "alt1"
         }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, _object_spread_props(_object_spread({
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonCol, {
           size: "$8",
-          subTheme: "alt2"
-        }, outlined), {
+          subTheme: "alt2",
+          ...outlined,
           borderRadius: 0
-        }))
+        })
       ]
     })
   });
 }
 function ButtonCol(props) {
-  var subTheme = props.subTheme ? "_".concat(props.subTheme) : "";
+  var subTheme = props.subTheme ? `_${props.subTheme}` : "";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     padding: "$2",
     gap: "$3",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
-        theme: props.subTheme
-      }, props), {
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        theme: props.subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
-        theme: "orange" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        theme: "orange" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
-        theme: "yellow" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        theme: "yellow" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
-        theme: "green" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        theme: "green" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
-        theme: "blue" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        theme: "blue" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
-        theme: "purple" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        theme: "purple" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
-        theme: "pink" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        theme: "pink" + subTheme,
+        ...props,
         children: "Hello"
-      })),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, _object_spread_props(_object_spread({
-        theme: "red" + subTheme
-      }, props), {
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Button, {
+        theme: "red" + subTheme,
+        ...props,
         children: "Hello"
-      }))
+      })
     ]
   });
 }

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/code/demos/src/BuildAButtonDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAgC,kCAEhC,iBAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEvC,IAAMA,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,YAAU;IAACC,IAAG;cACpB,uCAAAC,MAACC,uBAAAA;MAAOC,KAAK;MAAKC,GAAG;MAAMC,GAAG;MAAKC,QAAO;;QACxC,uCAAAT,KAACU,WAAAA,qBAAAA,eAAAA;UAAUH,GAAG;UAAII,MAAK;WAASlB,QAAAA,GAAAA;UAAUmB,UAAS;UAAOjB,aAAa;;QACvE,uCAAAK,KAACU,WAAAA;UAAUH,GAAG;;QACd,uCAAAP,KAACU,WAAAA,eAAAA;UAAUH,GAAG;WAASd,QAAAA,CAAAA;QACvB,uCAAAO,KAACU,WAAAA,qBAAAA,eAAAA,CAAAA,GAAcjB,QAAAA,GAAAA;UAAUoB,MAAM,uCAAAb,KAACc,0BAAAA,CAAAA,CAAAA;;QAChC,uCAAAd,KAACU,WAAAA;UAAUC,MAAK;UAAKC,UAAS;;QAC9B,uCAAAZ,KAACU,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWnB,QAAAA,CAAAA;QACzC,uCAAAO,KAACU,WAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAOG,WAAW,uCAAAf,KAACgB,+BAAAA,CAAAA,CAAAA;WAAkBvB,QAAAA,CAAAA;QACnE,uCAAAO,KAACU,WAAAA;UAAUC,MAAK;UAAMC,UAAS;;QAC/B,uCAAAZ,KAACU,WAAAA,qBAAAA,eAAAA;UAAUC,MAAK;UAAKC,UAAS;WAAWnB,QAAAA,GAAAA;UAAUI,cAAc;;;;;AAIzE;AAEA,SAASa,UACPO,OAEC;AAED,MAAML,WAAWK,MAAML,WAAY,IAAkB,OAAfK,MAAML,QAAQ,IAAK;AACzD,SACE,uCAAAR,MAACH,uBAAAA;IAAOiB,SAAQ;IAAKC,KAAI;;MACvB,uCAAAnB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAOJ,MAAML;SAAcK,KAAAA,GAAAA;kBAAO;;MAG1C,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,WAAWT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,WAAWT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,UAAUT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG7D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,SAAST;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG5D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,WAAWT;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,SAAST;SAA4BK,KAAAA,GAAAA;kBAAO;;MAG5D,uCAAAjB,KAACoB,uBAAAA,qBAAAA,eAAAA;QAAOC,OAAQ,QAAQT;SAA4BK,KAAAA,GAAAA;kBAAO;;;;AAKjE;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,sBAAgC,kCAEhC,iBAAuC,oBAEjCA,WAAW;EACfC,iBAAiB;EACjBC,aAAa;EACbC,aAAa;EACbC,cAAc;EAEdC,YAAY;IACVJ,iBAAiB;IACjBE,aAAa;EACf;AACF;AAEO,SAASG,mBAAAA;AACd,SACE,uCAAAC,KAACC,uBAAAA;IAAOC,YAAU;IAACC,IAAG;cACpB,uCAAAC,MAACC,uBAAAA;MAAOC,KAAK;MAAKC,GAAG;MAAMC,GAAG;MAAKC,QAAO;;QACxC,uCAAAT,KAACU,WAAAA;UAAUH,GAAG;UAAII,MAAK;UAAM,GAAGlB;UAAUmB,UAAS;UAAOjB,aAAa;;QACvE,uCAAAK,KAACU,WAAAA;UAAUH,GAAG;;QACd,uCAAAP,KAACU,WAAAA;UAAUH,GAAG;UAAM,GAAGd;;QACvB,uCAAAO,KAACU,WAAAA;UAAW,GAAGjB;UAAUoB,MAAM,uCAAAb,KAACc,0BAAAA,CAAAA,CAAAA;;QAChC,uCAAAd,KAACU,WAAAA;UAAUC,MAAK;UAAKC,UAAS;;QAC9B,uCAAAZ,KAACU,WAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAQ,GAAGnB;;QACzC,uCAAAO,KAACU,WAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAOG,WAAW,uCAAAf,KAACgB,+BAAAA,CAAAA,CAAAA;UAAe,GAAGvB;;QACnE,uCAAAO,KAACU,WAAAA;UAAUC,MAAK;UAAMC,UAAS;;QAC/B,uCAAAZ,KAACU,WAAAA;UAAUC,MAAK;UAAKC,UAAS;UAAQ,GAAGnB;UAAUI,cAAc;;;;;AAIzE;AAEA,SAASa,UACPO,OAEC;AAED,MAAML,WAAWK,MAAML,WAAW,IAAIK,MAAML,QAAQ,KAAK;AACzD,SACE,uCAAAR,MAACH,uBAAAA;IAAOiB,SAAQ;IAAKC,KAAI;;MACvB,uCAAAnB,KAACoB,uBAAAA;QAAOC,OAAOJ,MAAML;QAAW,GAAGK;kBAAO;;MAG1C,uCAAAjB,KAACoB,uBAAAA;QAAOC,OAAQ,WAAWT;QAAyB,GAAGK;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA;QAAOC,OAAQ,WAAWT;QAAyB,GAAGK;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA;QAAOC,OAAQ,UAAUT;QAAyB,GAAGK;kBAAO;;MAG7D,uCAAAjB,KAACoB,uBAAAA;QAAOC,OAAQ,SAAST;QAAyB,GAAGK;kBAAO;;MAG5D,uCAAAjB,KAACoB,uBAAAA;QAAOC,OAAQ,WAAWT;QAAyB,GAAGK;kBAAO;;MAG9D,uCAAAjB,KAACoB,uBAAAA;QAAOC,OAAQ,SAAST;QAAyB,GAAGK;kBAAO;;MAG5D,uCAAAjB,KAACoB,uBAAAA;QAAOC,OAAQ,QAAQT;QAAyB,GAAGK;kBAAO;;;;AAKjE;",
   "names": ["outlined", "backgroundColor", "borderWidth", "borderColor", "borderRadius", "hoverStyle", "BuildAButtonDemo", "_jsx", "YStack", "fullscreen", "ov", "_jsxs", "XStack", "mah", "y", "x", "rotate", "ButtonCol", "size", "subTheme", "icon", "Hand", "iconAfter", "Drumstick", "props", "padding", "gap", "Button", "theme"]
 }