@tamagui/demos 1.89.25 → 1.89.27-1708112217600

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/DialogDemo.tsx"],
-  "mappings": "AAAA,SAAS,SAAS;AAClB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,sBAAsB;AAGtB,cAWD,YAXC;AADF,SAAS,aAAa;AAC3B,SAAO,oBAAC,kBAAe;AACzB;AAEA,SAAS,iBAAiB;AACxB,SACE,qBAAC,UAAO,OAAK,IACX;AAAA,wBAAC,OAAO,SAAP,EAAe,SAAO,IACrB,8BAAC,UAAO,yBAAW,GACrB;AAAA,IAEA,oBAAC,SAAM,MAAK,MAAK,UAAS,SACxB,+BAAC,SAAM,WAAU,UAAS,QAAQ,KAAQ,OAAK,IAAC,uBAAqB,IACnE;AAAA,0BAAC,MAAM,OAAN,EAAY,SAAQ,MAAK,KAAI,MAC5B,8BAAC,MAAM,UAAN,EAAe,GAClB;AAAA,MACA;AAAA,QAAC,MAAM;AAAA,QAAN;AAAA,UACC,WAAU;AAAA,UACV,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,MAC1B;AAAA,OACF,GACF;AAAA,IAEA,qBAAC,OAAO,QAAP,EACC;AAAA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UAEC,WAAU;AAAA,UACV,SAAS;AAAA,UACT,YAAY,EAAE,SAAS,EAAE;AAAA,UACzB,WAAW,EAAE,SAAS,EAAE;AAAA;AAAA,QAJpB;AAAA,MAKN;AAAA,MAEA;AAAA,QAAC,OAAO;AAAA,QAAP;AAAA,UACC,UAAQ;AAAA,UACR,SAAO;AAAA,UAEP,aAAa,CAAC,aAAa,SAAS;AAAA,UACpC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,cACE,SAAS;AAAA,gBACP,mBAAmB;AAAA,cACrB;AAAA,YACF;AAAA,UACF;AAAA,UACA,YAAY,EAAE,GAAG,GAAG,GAAG,KAAK,SAAS,GAAG,OAAO,IAAI;AAAA,UACnD,WAAW,EAAE,GAAG,GAAG,GAAG,IAAI,SAAS,GAAG,OAAO,KAAK;AAAA,UAClD,KAAI;AAAA,UAEJ;AAAA,gCAAC,OAAO,OAAP,EAAa,0BAAY;AAAA,YAC1B,oBAAC,OAAO,aAAP,EAAmB,6EAEpB;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,QAAO,kBAE5D;AAAA,cACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,eACxD;AAAA,YACA,qBAAC,YAAS,KAAI,MAAK,YAAU,IAC3B;AAAA,kCAAC,SAAM,OAAO,KAAK,gBAAe,YAAW,SAAQ,YACnD,8BAAC,iBAAc,OAAM,sBAAqB,WAAU,gBAClD,8BAAC,aAAU,kBAAI,GACjB,GACF;AAAA,cACA,oBAAC,kBAAe;AAAA,eAClB;AAAA,YAEA,qBAAC,UAAO,WAAU,YAAW,KAAI,MAC/B;AAAA,kCAAC,kBAAe;AAAA,cAEhB,oBAAC,OAAO,OAAP,EAAa,oBAAkB,IAAC,SAAO,IACtC,8BAAC,UAAO,OAAM,UAAS,cAAW,SAAQ,0BAE1C,GACF;AAAA,eACF;AAAA,YAEA,oBAAC,YACC,8BAAC,OAAO,OAAP,EAAa,SAAO,IACnB;AAAA,cAAC;AAAA;AAAA,gBACC,UAAS;AAAA,gBACT,KAAI;AAAA,gBACJ,OAAM;AAAA,gBACN,MAAK;AAAA,gBACL,UAAQ;AAAA,gBACR,MAAM;AAAA;AAAA,YACR,GACF,GACF;AAAA;AAAA;AAAA,QAtDI;AAAA,MAuDN;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/DialogDemo.tsx"],
+  "mappings": "AAAA,SAASA,SAAS;AAClB,SACEC,OACAC,QACAC,QACAC,UACAC,OACAC,OACAC,WACAC,OACAC,eACAC,UACAC,cACK;AAEP,SAASC,sBAAsB;AAExB,SAASC,aAAAA;AACd,SAAO,sBAAA,cAACC,gBAAAA,IAAAA;AACV;AAEA,SAASA,iBAAAA;AACP,SACE,sBAAA,cAACX,QAAAA;IAAOY,OAAAA;KACN,sBAAA,cAACZ,OAAOa,SAAO;IAACC,SAAAA;KACd,sBAAA,cAACf,QAAAA,MAAO,aAAA,CAAA,GAGV,sBAAA,cAACD,OAAAA;IAAMiB,MAAK;IAAKC,UAAS;KACxB,sBAAA,cAACX,OAAAA;IAAMY,WAAU;IAASC,QAAQ;IAAQN,OAAAA;IAAMO,uBAAAA;KAC9C,sBAAA,cAACd,MAAMe,OAAK;IAACC,SAAQ;IAAKC,KAAI;KAC5B,sBAAA,cAACxB,MAAMyB,UAAQ,IAAA,CAAA,GAEjB,sBAAA,cAAClB,MAAMmB,SAAO;IACZP,WAAU;IACVQ,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;QAK9B,sBAAA,cAAC1B,OAAO4B,QAAM,MACZ,sBAAA,cAAC5B,OAAOwB,SAAO;IACbK,KAAI;IACJZ,WAAU;IACVS,SAAS;IACTD,YAAY;MAAEC,SAAS;IAAE;IACzBC,WAAW;MAAED,SAAS;IAAE;MAG1B,sBAAA,cAAC1B,OAAO8B,SAAO;IACbC,UAAAA;IACAC,SAAAA;IACAH,KAAI;IACJI,aAAa;MAAC;MAAa;;IAC3BhB,WAAW;MACT;MACA;QACES,SAAS;UACPQ,mBAAmB;QACrB;MACF;;IAEFT,YAAY;MAAEU,GAAG;MAAGC,GAAG;MAAKV,SAAS;MAAGW,OAAO;IAAI;IACnDV,WAAW;MAAEQ,GAAG;MAAGC,GAAG;MAAIV,SAAS;MAAGW,OAAO;IAAK;IAClDf,KAAI;KAEJ,sBAAA,cAACtB,OAAOsC,OAAK,MAAC,cAAA,GACd,sBAAA,cAACtC,OAAOuC,aAAW,MAAC,iEAAA,GAGpB,sBAAA,cAACtC,UAAAA;IAASqB,KAAI;IAAKkB,YAAAA;KACjB,sBAAA,cAACrC,OAAAA;IAAMsC,OAAO;IAAKC,gBAAe;IAAWC,SAAQ;KAAO,MAAA,GAG5D,sBAAA,cAACzC,OAAAA;IAAM0C,MAAM;IAAGC,IAAG;IAAOC,cAAa;OAEzC,sBAAA,cAAC7C,UAAAA;IAASqB,KAAI;IAAKkB,YAAAA;KACjB,sBAAA,cAACrC,OAAAA;IAAMsC,OAAO;IAAKC,gBAAe;IAAWC,SAAQ;KACnD,sBAAA,cAACrC,eAAAA;IAAcyC,OAAM;IAAqBC,WAAU;KAClD,sBAAA,cAAC5C,WAAAA,MAAU,MAAA,CAAA,CAAA,GAGf,sBAAA,cAACK,gBAAAA,IAAAA,CAAAA,GAGH,sBAAA,cAACD,QAAAA;IAAOyC,WAAU;IAAW3B,KAAI;KAC/B,sBAAA,cAACX,gBAAAA,IAAAA,GAED,sBAAA,cAACX,OAAOkD,OAAK;IAACC,oBAAAA;IAAmBrC,SAAAA;KAC/B,sBAAA,cAACf,QAAAA;IAAOqD,OAAM;IAASC,cAAW;KAAQ,cAAA,CAAA,CAAA,GAM9C,sBAAA,cAAC9C,UAAAA,MACC,sBAAA,cAACP,OAAOkD,OAAK;IAACpC,SAAAA;KACZ,sBAAA,cAACf,QAAAA;IACCuD,UAAS;IACTC,KAAI;IACJC,OAAM;IACNC,MAAK;IACLC,UAAAA;IACAC,MAAM9D;;AAQtB;",
+  "names": ["X", "Adapt", "Button", "Dialog", "Fieldset", "Input", "Label", "Paragraph", "Sheet", "TooltipSimple", "Unspaced", "XStack", "SelectDemoItem", "DialogDemo", "DialogInstance", "modal", "Trigger", "asChild", "when", "platform", "animation", "zIndex", "dismissOnSnapToBottom", "Frame", "padding", "gap", "Contents", "Overlay", "enterStyle", "opacity", "exitStyle", "Portal", "key", "Content", "bordered", "elevate", "animateOnly", "overshootClamping", "x", "y", "scale", "Title", "Description", "horizontal", "width", "justifyContent", "htmlFor", "flex", "id", "defaultValue", "label", "placement", "alignSelf", "Close", "displayWhenAdapted", "theme", "aria-label", "position", "top", "right", "size", "circular", "icon"]
 }

package/dist/esm/FormsDemo.native.js

@@ -1,33 +1,85 @@
 import { useEffect, useState } from "react";
 import { Button, Form, H4, Spinner } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
+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 FormsDemo(props) {
-  const [status, setStatus] = useState("off");
-  return useEffect(() => {
+  var _useState = _sliced_to_array(useState("off"), 2), status = _useState[0], setStatus = _useState[1];
+  return useEffect(function() {
     if (status === "submitting") {
-      const timer = setTimeout(() => setStatus("off"), 2e3);
-      return () => {
+      var timer = setTimeout(function() {
+        return setStatus("off");
+      }, 2e3);
+      return function() {
         clearTimeout(timer);
       };
     }
-  }, [status]), /* @__PURE__ */ jsxs(
-    Form,
-    {
-      alignItems: "center",
-      minWidth: 300,
-      gap: "$2",
-      onSubmit: () => setStatus("submitting"),
-      borderWidth: 1,
-      borderRadius: "$4",
-      backgroundColor: "$background",
-      borderColor: "$borderColor",
-      padding: "$8",
-      children: [
-        /* @__PURE__ */ jsx(H4, { children: status[0].toUpperCase() + status.slice(1) }),
-        /* @__PURE__ */ jsx(Form.Trigger, { asChild: !0, disabled: status !== "off", children: /* @__PURE__ */ jsx(Button, { icon: status === "submitting" ? () => /* @__PURE__ */ jsx(Spinner, {}) : void 0, children: "Submit" }) })
-      ]
-    }
-  );
+  }, [
+    status
+  ]), /* @__PURE__ */ React.createElement(Form, {
+    alignItems: "center",
+    minWidth: 300,
+    gap: "$2",
+    onSubmit: function() {
+      return setStatus("submitting");
+    },
+    borderWidth: 1,
+    borderRadius: "$4",
+    backgroundColor: "$background",
+    borderColor: "$borderColor",
+    padding: "$8"
+  }, /* @__PURE__ */ React.createElement(H4, null, status[0].toUpperCase() + status.slice(1)), /* @__PURE__ */ React.createElement(Form.Trigger, {
+    asChild: !0,
+    disabled: status !== "off"
+  }, /* @__PURE__ */ React.createElement(Button, {
+    icon: status === "submitting" ? function() {
+      return /* @__PURE__ */ React.createElement(Spinner, null);
+    } : void 0
+  }, "Submit")));
 }
 export {
   FormsDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/FormsDemo.tsx"],
-  "mappings": "AAAA,SAAS,WAAW,gBAAgB;AAEpC,SAAS,QAAQ,MAAM,IAAI,eAAe;AAetC,SAWE,KAXF;AAbG,SAAS,UAAU,OAA6B;AACrD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAA6C,KAAK;AAE9E,mBAAU,MAAM;AACd,QAAI,WAAW,cAAc;AAC3B,YAAM,QAAQ,WAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AACrD,aAAO,MAAM;AACX,qBAAa,KAAK;AAAA,MACpB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,CAAC,GAGT;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,UAAU;AAAA,MACV,KAAI;AAAA,MACJ,UAAU,MAAM,UAAU,YAAY;AAAA,MACtC,aAAa;AAAA,MACb,cAAa;AAAA,MACb,iBAAgB;AAAA,MAChB,aAAY;AAAA,MACZ,SAAQ;AAAA,MAER;AAAA,4BAAC,MAAI,iBAAO,CAAC,EAAE,YAAY,IAAI,OAAO,MAAM,CAAC,GAAE;AAAA,QAE/C,oBAAC,KAAK,SAAL,EAAa,SAAO,IAAC,UAAU,WAAW,OACzC,8BAAC,UAAO,MAAM,WAAW,eAAe,MAAM,oBAAC,WAAQ,IAAK,QAAW,oBAEvE,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/FormsDemo.tsx"],
+  "mappings": "AAAA,SAASA,WAAWC,gBAAgB;AAEpC,SAASC,QAAQC,MAAMC,IAAIC,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEnC,SAASC,UAAUC,OAA2B;AACnD,MAA4BN,YAAAA,iBAAAA,SAA6C,KAAA,GAAA,CAAA,GAAlEO,SAAqBP,UAAAA,CAAAA,GAAbQ,YAAaR,UAAAA,CAAAA;AAE5BD,mBAAU,WAAA;AACR,QAAIQ,WAAW,cAAc;AAC3B,UAAME,QAAQC,WAAW,WAAA;eAAMF,UAAU,KAAA;SAAQ,GAAA;AACjD,aAAO,WAAA;AACLG,qBAAaF,KAAAA;MACf;IACF;EACF,GAAG;IAACF;GAAO,GAGT,sBAAA,cAACL,MAAAA;IACCU,YAAW;IACXC,UAAU;IACVC,KAAI;IACJC,UAAU,WAAA;aAAMP,UAAU,YAAA;;IAC1BQ,aAAa;IACbC,cAAa;IACbC,iBAAgB;IAChBC,aAAY;IACZC,SAAQ;KAER,sBAAA,cAACjB,IAAAA,MAAII,OAAO,CAAA,EAAGc,YAAW,IAAKd,OAAOe,MAAM,CAAA,CAAA,GAE5C,sBAAA,cAACpB,KAAKqB,SAAO;IAACC,SAAAA;IAAQC,UAAUlB,WAAW;KACzC,sBAAA,cAACN,QAAAA;IAAOyB,MAAMnB,WAAW,eAAe,WAAA;aAAM,sBAAA,cAACH,SAAAA,IAAAA;QAAauB;KAAW,QAAA,CAAA,CAAA;AAM/E;",
+  "names": ["useEffect", "useState", "Button", "Form", "H4", "Spinner", "FormsDemo", "props", "status", "setStatus", "timer", "setTimeout", "clearTimeout", "alignItems", "minWidth", "gap", "onSubmit", "borderWidth", "borderRadius", "backgroundColor", "borderColor", "padding", "toUpperCase", "slice", "Trigger", "asChild", "disabled", "icon", "undefined"]
 }

package/dist/esm/Grid.mjs

@@ -17,7 +17,6 @@ function Grid({
       gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
       // gridTemplateColumns: '1fr 1fr',
     },
-
     children
   });
   const childrenList = React.Children.toArray(children);

package/dist/esm/Grid.native.js

@@ -1,35 +1,32 @@
 import { isWeb } from "@tamagui/core";
 import { XStack } from "@tamagui/stacks";
 import React from "react";
-import { jsx } from "react/jsx-runtime";
-function Grid({ children, columns, itemMinWidth = 200, gap }) {
+function Grid(param) {
+  var children = param.children, columns = param.columns, _param_itemMinWidth = param.itemMinWidth, itemMinWidth = _param_itemMinWidth === void 0 ? 200 : _param_itemMinWidth, gap = param.gap;
   if (isWeb)
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: {
-          gap,
-          display: "grid",
-          justifyContent: "stretch",
-          // gridTemplateRows: 'repeat(4, 1fr)',
-          gridTemplateColumns: `repeat( auto-fit, minmax(${itemMinWidth}px, 1fr) )`
-          // gridTemplateColumns: '1fr 1fr',
-        },
-        children
+    return /* @__PURE__ */ React.createElement("div", {
+      style: {
+        gap,
+        display: "grid",
+        justifyContent: "stretch",
+        // gridTemplateRows: 'repeat(4, 1fr)',
+        gridTemplateColumns: "repeat( auto-fit, minmax(".concat(itemMinWidth, "px, 1fr) )")
       }
-    );
-  const childrenList = React.Children.toArray(children);
-  return /* @__PURE__ */ jsx(XStack, { alignItems: "center", justifyContent: "center", flexWrap: "wrap", children: childrenList.map((child, i) => child ? /* @__PURE__ */ jsx(
-    XStack,
-    {
+    }, children);
+  var childrenList = React.Children.toArray(children);
+  return /* @__PURE__ */ React.createElement(XStack, {
+    alignItems: "center",
+    justifyContent: "center",
+    flexWrap: "wrap"
+  }, childrenList.map(function(child, i) {
+    return child ? /* @__PURE__ */ React.createElement(XStack, {
+      key: i,
       flex: 1,
       minWidth: itemMinWidth,
       marginRight: gap,
-      marginBottom: gap,
-      children: child
-    },
-    i
-  ) : null) });
+      marginBottom: gap
+    }, child) : null;
+  }));
 }
 export {
   Grid

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/Grid.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,OAAO,WAAW;AAYZ;AAHC,SAAS,KAAK,EAAE,UAAU,SAAS,eAAe,KAAK,IAAI,GAAc;AAC9E,MAAI;AACF,WACE;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL;AAAA,UACA,SAAS;AAAA,UACT,gBAAgB;AAAA;AAAA,UAEhB,qBAAqB,4BAA4B,YAAY;AAAA;AAAA,QAE/D;AAAA,QAEC;AAAA;AAAA,IACH;AAIJ,QAAM,eAAe,MAAM,SAAS,QAAQ,QAAQ;AAEpD,SACE,oBAAC,UAAO,YAAW,UAAS,gBAAe,UAAS,UAAS,QAC1D,uBAAa,IAAI,CAAC,OAAO,MACnB,QAMH;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,MACb,cAAc;AAAA,MAEb;AAAA;AAAA,IANI;AAAA,EAOP,IAbO,IAeV,GACH;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/Grid.tsx"],
+  "mappings": "AAAA,SAASA,aAAa;AACtB,SAASC,cAAc;AACvB,OAAOC,WAAW;AASX,SAASC,KAAK,OAAyD;MAAvDC,WAAF,MAAEA,UAAUC,UAAZ,MAAYA,SAAAA,sBAAZ,MAAqBC,cAAAA,eAAAA,wBAAAA,SAAe,MAAA,qBAAKC,MAAzC,MAAyCA;AAC5D,MAAIP;AACF,WACE,sBAAA,cAACQ,OAAAA;MACCC,OAAO;QACLF;QACAG,SAAS;QACTC,gBAAgB;;QAEhBC,qBAAsB,4BAAwC,OAAbN,cAAa,YAAA;MAEhE;OAECF,QAAAA;AAKP,MAAMS,eAAeX,MAAMY,SAASC,QAAQX,QAAAA;AAE5C,SACE,sBAAA,cAACH,QAAAA;IAAOe,YAAW;IAASL,gBAAe;IAASM,UAAS;KAC1DJ,aAAaK,IAAI,SAACC,OAAOC,GAAAA;AACxB,WAAKD,QAMH,sBAAA,cAAClB,QAAAA;MACCoB,KAAKD;MACLE,MAAM;MACNC,UAAUjB;MACVkB,aAAajB;MACbkB,cAAclB;OAEbY,KAAAA,IAZI;EAeX,CAAA,CAAA;AAGN;",
+  "names": ["isWeb", "XStack", "React", "Grid", "children", "columns", "itemMinWidth", "gap", "div", "style", "display", "justifyContent", "gridTemplateColumns", "childrenList", "Children", "toArray", "alignItems", "flexWrap", "map", "child", "i", "key", "flex", "minWidth", "marginRight", "marginBottom"]
 }

package/dist/esm/GroupDemo.native.js

@@ -1,23 +1,31 @@
 import { Activity, Airplay } from "@tamagui/lucide-icons";
 import { Button, Group, ListItem, Separator, XGroup, YGroup, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function GroupDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", space: "$2", alignItems: "center", children: [
-    /* @__PURE__ */ jsxs(Group, { orientation: "horizontal", children: [
-      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "First" }) }),
-      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Second" }) }),
-      /* @__PURE__ */ jsx(Group.Item, { children: /* @__PURE__ */ jsx(Button, { children: "Third" }) })
-    ] }),
-    /* @__PURE__ */ jsxs(XGroup, { size: "$3", $gtSm: { size: "$5" }, children: [
-      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: "$3", icon: Activity, children: "First" }) }),
-      /* @__PURE__ */ jsx(XGroup.Item, { children: /* @__PURE__ */ jsx(Button, { size: "$3", icon: Airplay, children: "Second" }) })
-    ] }),
-    /* @__PURE__ */ jsxs(YGroup, { separator: /* @__PURE__ */ jsx(Separator, {}), children: [
-      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { title: "First" }) }),
-      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { title: "Second", subTitle: "Second subtitle" }) }),
-      /* @__PURE__ */ jsx(YGroup.Item, { children: /* @__PURE__ */ jsx(ListItem, { children: "Third" }) })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(YStack, {
+    padding: "$3",
+    space: "$2",
+    alignItems: "center"
+  }, /* @__PURE__ */ React.createElement(Group, {
+    orientation: "horizontal"
+  }, /* @__PURE__ */ React.createElement(Group.Item, null, /* @__PURE__ */ React.createElement(Button, null, "First")), /* @__PURE__ */ React.createElement(Group.Item, null, /* @__PURE__ */ React.createElement(Button, null, "Second")), /* @__PURE__ */ React.createElement(Group.Item, null, /* @__PURE__ */ React.createElement(Button, null, "Third"))), /* @__PURE__ */ React.createElement(XGroup, {
+    size: "$3",
+    $gtSm: {
+      size: "$5"
+    }
+  }, /* @__PURE__ */ React.createElement(XGroup.Item, null, /* @__PURE__ */ React.createElement(Button, {
+    size: "$3",
+    icon: Activity
+  }, "First")), /* @__PURE__ */ React.createElement(XGroup.Item, null, /* @__PURE__ */ React.createElement(Button, {
+    size: "$3",
+    icon: Airplay
+  }, "Second"))), /* @__PURE__ */ React.createElement(YGroup, {
+    separator: /* @__PURE__ */ React.createElement(Separator, null)
+  }, /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
+    title: "First"
+  })), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, {
+    title: "Second",
+    subTitle: "Second subtitle"
+  })), /* @__PURE__ */ React.createElement(YGroup.Item, null, /* @__PURE__ */ React.createElement(ListItem, null, "Third"))));
 }
 export {
   GroupDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/GroupDemo.tsx"],
-  "mappings": "AAAA,SAAS,UAAU,eAAe;AAClC,SAAS,QAAQ,OAAO,UAAU,WAAW,QAAQ,QAAQ,cAAc;AAKrE,SAEI,KAFJ;AAHC,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MAAK,YAAW,UACzC;AAAA,yBAAC,SAAM,aAAY,cACjB;AAAA,0BAAC,MAAM,MAAN,EACC,8BAAC,UAAO,mBAAK,GACf;AAAA,MACA,oBAAC,MAAM,MAAN,EACC,8BAAC,UAAO,oBAAM,GAChB;AAAA,MACA,oBAAC,MAAM,MAAN,EACC,8BAAC,UAAO,mBAAK,GACf;AAAA,OACF;AAAA,IAGA,qBAAC,UAAO,MAAK,MAAK,OAAO,EAAE,MAAM,KAAK,GACpC;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,UAAO,MAAK,MAAK,MAAM,UAAU,mBAElC,GACF;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,UAAO,MAAK,MAAK,MAAM,SAAS,oBAEjC,GACF;AAAA,OACF;AAAA,IAGA,qBAAC,UAAO,WAAW,oBAAC,aAAU,GAC5B;AAAA,0BAAC,OAAO,MAAP,EACC,8BAAC,YAAS,OAAM,SAAQ,GAC1B;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,OAAM,UAAS,UAAS,mBAAkB,GACtD;AAAA,MACA,oBAAC,OAAO,MAAP,EACC,8BAAC,YAAS,mBAAK,GACjB;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/GroupDemo.tsx"],
+  "mappings": "AAAA,SAASA,UAAUC,eAAe;AAClC,SAASC,QAAQC,OAAOC,UAAUC,WAAWC,QAAQC,QAAQC,cAAc;AAEpE,SAASC,YAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,SAAQ;IAAKC,OAAM;IAAKC,YAAW;KACzC,sBAAA,cAACT,OAAAA;IAAMU,aAAY;KACjB,sBAAA,cAACV,MAAMW,MAAI,MACT,sBAAA,cAACZ,QAAAA,MAAO,OAAA,CAAA,GAEV,sBAAA,cAACC,MAAMW,MAAI,MACT,sBAAA,cAACZ,QAAAA,MAAO,QAAA,CAAA,GAEV,sBAAA,cAACC,MAAMW,MAAI,MACT,sBAAA,cAACZ,QAAAA,MAAO,OAAA,CAAA,CAAA,GAKZ,sBAAA,cAACI,QAAAA;IAAOS,MAAK;IAAKC,OAAO;MAAED,MAAM;IAAK;KACpC,sBAAA,cAACT,OAAOQ,MAAI,MACV,sBAAA,cAACZ,QAAAA;IAAOa,MAAK;IAAKE,MAAMjB;KAAU,OAAA,CAAA,GAIpC,sBAAA,cAACM,OAAOQ,MAAI,MACV,sBAAA,cAACZ,QAAAA;IAAOa,MAAK;IAAKE,MAAMhB;KAAS,QAAA,CAAA,CAAA,GAOrC,sBAAA,cAACM,QAAAA;IAAOW,WAAW,sBAAA,cAACb,WAAAA,IAAAA;KAClB,sBAAA,cAACE,OAAOO,MAAI,MACV,sBAAA,cAACV,UAAAA;IAASe,OAAM;OAElB,sBAAA,cAACZ,OAAOO,MAAI,MACV,sBAAA,cAACV,UAAAA;IAASe,OAAM;IAASC,UAAS;OAEpC,sBAAA,cAACb,OAAOO,MAAI,MACV,sBAAA,cAACV,UAAAA,MAAS,OAAA,CAAA,CAAA,CAAA;AAKpB;",
+  "names": ["Activity", "Airplay", "Button", "Group", "ListItem", "Separator", "XGroup", "YGroup", "YStack", "GroupDemo", "padding", "space", "alignItems", "orientation", "Item", "size", "$gtSm", "icon", "separator", "title", "subTitle"]
 }

package/dist/esm/HeadingsDemo.native.js

@@ -1,14 +1,9 @@
+import React from "react";
 import { H1, H2, H3, H4, H5, H6, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function HeadingsDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { alignSelf: "center", children: [
-    /* @__PURE__ */ jsx(H1, { children: "Heading 1" }),
-    /* @__PURE__ */ jsx(H2, { children: "Heading 2" }),
-    /* @__PURE__ */ jsx(H3, { children: "Heading 3" }),
-    /* @__PURE__ */ jsx(H4, { children: "Heading 4" }),
-    /* @__PURE__ */ jsx(H5, { children: "Heading 5" }),
-    /* @__PURE__ */ jsx(H6, { children: "Heading 6" })
-  ] });
+  return /* @__PURE__ */ React.createElement(YStack, {
+    alignSelf: "center"
+  }, /* @__PURE__ */ React.createElement(H1, null, "Heading 1"), /* @__PURE__ */ React.createElement(H2, null, "Heading 2"), /* @__PURE__ */ React.createElement(H3, null, "Heading 3"), /* @__PURE__ */ React.createElement(H4, null, "Heading 4"), /* @__PURE__ */ React.createElement(H5, null, "Heading 5"), /* @__PURE__ */ React.createElement(H6, null, "Heading 6"));
 }
 export {
   HeadingsDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/HeadingsDemo.tsx"],
-  "mappings": "AACA,SAAS,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,cAAc;AAI3C,SACE,KADF;AAFG,SAAS,eAAe;AAC7B,SACE,qBAAC,UAAO,WAAU,UAChB;AAAA,wBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,IACb,oBAAC,MAAG,uBAAS;AAAA,KACf;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/HeadingsDemo.tsx"],
+  "mappings": "AAAA,OAAOA,WAAW;AAClB,SAASC,IAAIC,IAAIC,IAAIC,IAAIC,IAAIC,IAAIC,cAAc;AAExC,SAASC,eAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,WAAU;KAChB,sBAAA,cAACR,IAAAA,MAAG,WAAA,GACJ,sBAAA,cAACC,IAAAA,MAAG,WAAA,GACJ,sBAAA,cAACC,IAAAA,MAAG,WAAA,GACJ,sBAAA,cAACC,IAAAA,MAAG,WAAA,GACJ,sBAAA,cAACC,IAAAA,MAAG,WAAA,GACJ,sBAAA,cAACC,IAAAA,MAAG,WAAA,CAAA;AAGV;",
+  "names": ["React", "H1", "H2", "H3", "H4", "H5", "H6", "YStack", "HeadingsDemo", "alignSelf"]
 }

package/dist/esm/ImageDemo.native.js

@@ -1,16 +1,12 @@
 import { Image } from "tamagui";
-import { jsx } from "react/jsx-runtime";
 function ImageDemo() {
-  return /* @__PURE__ */ jsx(
-    Image,
-    {
-      source: {
-        uri: "https://placekitten.com/200/300",
-        width: 200,
-        height: 300
-      }
+  return /* @__PURE__ */ React.createElement(Image, {
+    source: {
+      uri: "https://placekitten.com/200/300",
+      width: 200,
+      height: 300
     }
-  );
+  });
 }
 export {
   ImageDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ImageDemo.tsx"],
-  "mappings": "AAAA,SAAS,aAAa;AAIlB;AAFG,SAAS,YAAY;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,QACN,KAAK;AAAA,QACL,OAAO;AAAA,QACP,QAAQ;AAAA,MACV;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ImageDemo.tsx"],
+  "mappings": "AAAA,SAASA,aAAa;AAEf,SAASC,YAAAA;AACd,SACE,sBAAA,cAACD,OAAAA;IACCE,QAAQ;MACNC,KAAK;MACLC,OAAO;MACPC,QAAQ;IACV;;AAGN;",
+  "names": ["Image", "ImageDemo", "source", "uri", "width", "height"]
 }

package/dist/esm/InputsDemo.native.js

@@ -1,29 +1,33 @@
 import { Button, Input, TextArea, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function InputsDemo() {
-  return /* @__PURE__ */ jsxs(
-    YStack,
-    {
-      width: 200,
-      minHeight: 250,
-      overflow: "hidden",
-      space: "$2",
-      margin: "$3",
-      padding: "$2",
-      children: [
-        /* @__PURE__ */ jsx(InputDemo, { size: "$2" }),
-        /* @__PURE__ */ jsx(InputDemo, { size: "$3" }),
-        /* @__PURE__ */ jsx(InputDemo, { size: "$4" }),
-        /* @__PURE__ */ jsx(TextArea, { placeholder: "Enter your details..." })
-      ]
-    }
-  );
+  return /* @__PURE__ */ React.createElement(YStack, {
+    width: 200,
+    minHeight: 250,
+    overflow: "hidden",
+    space: "$2",
+    margin: "$3",
+    padding: "$2"
+  }, /* @__PURE__ */ React.createElement(InputDemo, {
+    size: "$2"
+  }), /* @__PURE__ */ React.createElement(InputDemo, {
+    size: "$3"
+  }), /* @__PURE__ */ React.createElement(InputDemo, {
+    size: "$4"
+  }), /* @__PURE__ */ React.createElement(TextArea, {
+    placeholder: "Enter your details..."
+  }));
 }
 function InputDemo(props) {
-  return /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$2", children: [
-    /* @__PURE__ */ jsx(Input, { flex: 1, size: props.size, placeholder: `Size ${props.size}...` }),
-    /* @__PURE__ */ jsx(Button, { size: props.size, children: "Go" })
-  ] });
+  return /* @__PURE__ */ React.createElement(XStack, {
+    alignItems: "center",
+    space: "$2"
+  }, /* @__PURE__ */ React.createElement(Input, {
+    flex: 1,
+    size: props.size,
+    placeholder: "Size ".concat(props.size, "...")
+  }), /* @__PURE__ */ React.createElement(Button, {
+    size: props.size
+  }, "Go"));
 }
 export {
   InputsDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/InputsDemo.tsx"],
-  "mappings": "AACA,SAAS,QAAQ,OAAO,UAAU,QAAQ,cAAc;AAIpD,SAQE,KARF;AAFG,SAAS,aAAa;AAC3B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,WAAW;AAAA,MACX,UAAS;AAAA,MACT,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MAER;AAAA,4BAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,aAAU,MAAK,MAAK;AAAA,QACrB,oBAAC,YAAS,aAAY,yBAAwB;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,SAAS,UAAU,OAA6B;AAC9C,SACE,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,wBAAC,SAAM,MAAM,GAAG,MAAM,MAAM,MAAM,aAAa,QAAQ,MAAM,IAAI,OAAO;AAAA,IACxE,oBAAC,UAAO,MAAM,MAAM,MAAM,gBAAE;AAAA,KAC9B;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/InputsDemo.tsx"],
+  "mappings": "AACA,SAASA,QAAQC,OAAOC,UAAUC,QAAQC,cAAc;AAEjD,SAASC,aAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IACCE,OAAO;IACPC,WAAW;IACXC,UAAS;IACTC,OAAM;IACNC,QAAO;IACPC,SAAQ;KAER,sBAAA,cAACC,WAAAA;IAAUC,MAAK;MAChB,sBAAA,cAACD,WAAAA;IAAUC,MAAK;MAChB,sBAAA,cAACD,WAAAA;IAAUC,MAAK;MAChB,sBAAA,cAACX,UAAAA;IAASY,aAAY;;AAG5B;AAEA,SAASF,UAAUG,OAA2B;AAC5C,SACE,sBAAA,cAACZ,QAAAA;IAAOa,YAAW;IAASP,OAAM;KAChC,sBAAA,cAACR,OAAAA;IAAMgB,MAAM;IAAGJ,MAAME,MAAMF;IAAMC,aAAc,QAAkB,OAAXC,MAAMF,MAAK,KAAA;MAClE,sBAAA,cAACb,QAAAA;IAAOa,MAAME,MAAMF;KAAM,IAAA,CAAA;AAGhC;",
+  "names": ["Button", "Input", "TextArea", "XStack", "YStack", "InputsDemo", "width", "minHeight", "overflow", "space", "margin", "padding", "InputDemo", "size", "placeholder", "props", "alignItems", "flex"]
 }

package/dist/esm/LabelDemo.native.js

@@ -1,16 +1,30 @@
 import { Input, Label, Switch, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function LabelDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { padding: "$3", minWidth: 300, space: "$4", children: [
-    /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$4", children: [
-      /* @__PURE__ */ jsx(Label, { width: 90, htmlFor: "name", children: "Name" }),
-      /* @__PURE__ */ jsx(Input, { flex: 1, id: "name", defaultValue: "Nate Wienert" })
-    ] }),
-    /* @__PURE__ */ jsxs(XStack, { alignItems: "center", space: "$4", children: [
-      /* @__PURE__ */ jsx(Label, { width: 90, htmlFor: "notify", children: "Notifications" }),
-      /* @__PURE__ */ jsx(Switch, { id: "notify", children: /* @__PURE__ */ jsx(Switch.Thumb, { animation: "quick" }) })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(YStack, {
+    padding: "$3",
+    minWidth: 300,
+    space: "$4"
+  }, /* @__PURE__ */ React.createElement(XStack, {
+    alignItems: "center",
+    space: "$4"
+  }, /* @__PURE__ */ React.createElement(Label, {
+    width: 90,
+    htmlFor: "name"
+  }, "Name"), /* @__PURE__ */ React.createElement(Input, {
+    flex: 1,
+    id: "name",
+    defaultValue: "Nate Wienert"
+  })), /* @__PURE__ */ React.createElement(XStack, {
+    alignItems: "center",
+    space: "$4"
+  }, /* @__PURE__ */ React.createElement(Label, {
+    width: 90,
+    htmlFor: "notify"
+  }, "Notifications"), /* @__PURE__ */ React.createElement(Switch, {
+    id: "notify"
+  }, /* @__PURE__ */ React.createElement(Switch.Thumb, {
+    animation: "quick"
+  }))));
 }
 export {
   LabelDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/LabelDemo.tsx"],
-  "mappings": "AAAA,SAAS,OAAO,OAAO,QAAQ,QAAQ,cAAc;AAK/C,SACE,KADF;AAHC,SAAS,YAAY;AAC1B,SACE,qBAAC,UAAO,SAAQ,MAAK,UAAU,KAAK,OAAM,MACxC;AAAA,yBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,SAAM,OAAO,IAAI,SAAQ,QAAO,kBAEjC;AAAA,MACA,oBAAC,SAAM,MAAM,GAAG,IAAG,QAAO,cAAa,gBAAe;AAAA,OACxD;AAAA,IAEA,qBAAC,UAAO,YAAW,UAAS,OAAM,MAChC;AAAA,0BAAC,SAAM,OAAO,IAAI,SAAQ,UAAS,2BAEnC;AAAA,MACA,oBAAC,UAAO,IAAG,UACT,8BAAC,OAAO,OAAP,EAAa,WAAU,SAAQ,GAClC;AAAA,OACF;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/LabelDemo.tsx"],
+  "mappings": "AAAA,SAASA,OAAOC,OAAOC,QAAQC,QAAQC,cAAc;AAE9C,SAASC,YAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,SAAQ;IAAKC,UAAU;IAAKC,OAAM;KACxC,sBAAA,cAACL,QAAAA;IAAOM,YAAW;IAASD,OAAM;KAChC,sBAAA,cAACP,OAAAA;IAAMS,OAAO;IAAIC,SAAQ;KAAO,MAAA,GAGjC,sBAAA,cAACX,OAAAA;IAAMY,MAAM;IAAGC,IAAG;IAAOC,cAAa;OAGzC,sBAAA,cAACX,QAAAA;IAAOM,YAAW;IAASD,OAAM;KAChC,sBAAA,cAACP,OAAAA;IAAMS,OAAO;IAAIC,SAAQ;KAAS,eAAA,GAGnC,sBAAA,cAACT,QAAAA;IAAOW,IAAG;KACT,sBAAA,cAACX,OAAOa,OAAK;IAACC,WAAU;;AAKlC;",
+  "names": ["Input", "Label", "Switch", "XStack", "YStack", "LabelDemo", "padding", "minWidth", "space", "alignItems", "width", "htmlFor", "flex", "id", "defaultValue", "Thumb", "animation"]
 }

package/dist/esm/LinearGradientDemo.native.js

@@ -1,31 +1,41 @@
 import { XStack } from "tamagui";
 import { LinearGradient } from "tamagui/linear-gradient";
-import { jsx, jsxs } from "react/jsx-runtime";
 function LinearGradientDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { space: !0, children: [
-    /* @__PURE__ */ jsx(
-      LinearGradient,
-      {
-        width: "$6",
-        height: "$6",
-        borderRadius: "$4",
-        colors: ["$red10", "$yellow10"],
-        start: [0, 1],
-        end: [0, 0]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      LinearGradient,
-      {
-        width: "$6",
-        height: "$6",
-        borderRadius: "$4",
-        colors: ["$background", "$color"],
-        start: [1, 1],
-        end: [0, 0]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ React.createElement(XStack, {
+    space: !0
+  }, /* @__PURE__ */ React.createElement(LinearGradient, {
+    width: "$6",
+    height: "$6",
+    borderRadius: "$4",
+    colors: [
+      "$red10",
+      "$yellow10"
+    ],
+    start: [
+      0,
+      1
+    ],
+    end: [
+      0,
+      0
+    ]
+  }), /* @__PURE__ */ React.createElement(LinearGradient, {
+    width: "$6",
+    height: "$6",
+    borderRadius: "$4",
+    colors: [
+      "$background",
+      "$color"
+    ],
+    start: [
+      1,
+      1
+    ],
+    end: [
+      0,
+      0
+    ]
+  }));
 }
 export {
   LinearGradientDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/LinearGradientDemo.tsx"],
-  "mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAI3B,SAEE,KAFF;AAFG,SAAS,qBAAqB;AACnC,SACE,qBAAC,UAAO,OAAK,IAEX;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,UAAU,WAAW;AAAA,QAC9B,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,QAAO;AAAA,QACP,cAAa;AAAA,QACb,QAAQ,CAAC,eAAe,QAAQ;AAAA,QAChC,OAAO,CAAC,GAAG,CAAC;AAAA,QACZ,KAAK,CAAC,GAAG,CAAC;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/LinearGradientDemo.tsx"],
+  "mappings": "AAAA,SAASA,cAAc;AACvB,SAASC,sBAAsB;AAExB,SAASC,qBAAAA;AACd,SACE,sBAAA,cAACF,QAAAA;IAAOG,OAAAA;KAEN,sBAAA,cAACF,gBAAAA;IACCG,OAAM;IACNC,QAAO;IACPC,cAAa;IACbC,QAAQ;MAAC;MAAU;;IACnBC,OAAO;MAAC;MAAG;;IACXC,KAAK;MAAC;MAAG;;MAIX,sBAAA,cAACR,gBAAAA;IACCG,OAAM;IACNC,QAAO;IACPC,cAAa;IACbC,QAAQ;MAAC;MAAe;;IACxBC,OAAO;MAAC;MAAG;;IACXC,KAAK;MAAC;MAAG;;;AAIjB;",
+  "names": ["XStack", "LinearGradient", "LinearGradientDemo", "space", "width", "height", "borderRadius", "colors", "start", "end"]
 }