@tamagui/demos 1.89.27 → 1.89.29

package/dist/jsx/TooltipDemo.native.js

@@ -1,5 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Circle } from "@tamagui/lucide-icons";
 import { Button, Paragraph, Tooltip, TooltipGroup, XStack, YStack } 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 {};
@@ -20,92 +55,125 @@ function _object_without_properties_loose(source, excluded) {
   return target;
 }
 function TooltipDemo() {
-  return /* @__PURE__ */ React.createElement(TooltipGroup, {
+  return /* @__PURE__ */ _jsx(TooltipGroup, {
     delay: {
       open: 3e3,
       close: 100
-    }
-  }, /* @__PURE__ */ React.createElement(YStack, {
-    space: "$2",
-    alignSelf: "center"
-  }, /* @__PURE__ */ React.createElement(XStack, {
-    space: "$2"
-  }, /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "0",
-    placement: "top-end",
-    Icon: Circle
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "1",
-    placement: "top",
-    Icon: ChevronUp
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "2",
-    placement: "top-start",
-    Icon: Circle
-  })), /* @__PURE__ */ React.createElement(XStack, {
-    space: "$2"
-  }, /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "3",
-    placement: "left",
-    Icon: ChevronLeft
-  }), /* @__PURE__ */ React.createElement(YStack, {
-    flex: 1
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "4",
-    placement: "right",
-    Icon: ChevronRight
-  })), /* @__PURE__ */ React.createElement(XStack, {
-    space: "$2"
-  }, /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "5",
-    placement: "bottom-end",
-    Icon: Circle
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "6",
-    placement: "bottom",
-    Icon: ChevronDown
-  }), /* @__PURE__ */ React.createElement(Demo, {
-    groupId: "7",
-    placement: "bottom-start",
-    Icon: Circle
-  }))));
+    },
+    children: /* @__PURE__ */ _jsxs(YStack, {
+      space: "$2",
+      alignSelf: "center",
+      children: [
+        /* @__PURE__ */ _jsxs(XStack, {
+          space: "$2",
+          children: [
+            /* @__PURE__ */ _jsx(Demo, {
+              groupId: "0",
+              placement: "top-end",
+              Icon: Circle
+            }),
+            /* @__PURE__ */ _jsx(Demo, {
+              groupId: "1",
+              placement: "top",
+              Icon: ChevronUp
+            }),
+            /* @__PURE__ */ _jsx(Demo, {
+              groupId: "2",
+              placement: "top-start",
+              Icon: Circle
+            })
+          ]
+        }),
+        /* @__PURE__ */ _jsxs(XStack, {
+          space: "$2",
+          children: [
+            /* @__PURE__ */ _jsx(Demo, {
+              groupId: "3",
+              placement: "left",
+              Icon: ChevronLeft
+            }),
+            /* @__PURE__ */ _jsx(YStack, {
+              flex: 1
+            }),
+            /* @__PURE__ */ _jsx(Demo, {
+              groupId: "4",
+              placement: "right",
+              Icon: ChevronRight
+            })
+          ]
+        }),
+        /* @__PURE__ */ _jsxs(XStack, {
+          space: "$2",
+          children: [
+            /* @__PURE__ */ _jsx(Demo, {
+              groupId: "5",
+              placement: "bottom-end",
+              Icon: Circle
+            }),
+            /* @__PURE__ */ _jsx(Demo, {
+              groupId: "6",
+              placement: "bottom",
+              Icon: ChevronDown
+            }),
+            /* @__PURE__ */ _jsx(Demo, {
+              groupId: "7",
+              placement: "bottom-start",
+              Icon: Circle
+            })
+          ]
+        })
+      ]
+    })
+  });
 }
 function Demo(_param) {
   var Icon = _param.Icon, props = _object_without_properties(_param, [
     "Icon"
   ]);
-  return /* @__PURE__ */ React.createElement(Tooltip, props, /* @__PURE__ */ React.createElement(Tooltip.Trigger, null, /* @__PURE__ */ React.createElement(Button, {
-    icon: Icon,
-    circular: !0
-  })), /* @__PURE__ */ React.createElement(Tooltip.Content, {
-    enterStyle: {
-      x: 0,
-      y: -5,
-      opacity: 0,
-      scale: 0.9
-    },
-    exitStyle: {
-      x: 0,
-      y: -5,
-      opacity: 0,
-      scale: 0.9
-    },
-    scale: 1,
-    x: 0,
-    y: 0,
-    opacity: 1,
-    animation: [
-      "quick",
-      {
-        opacity: {
-          overshootClamping: !0
-        }
-      }
+  return /* @__PURE__ */ _jsxs(Tooltip, _object_spread_props(_object_spread({}, props), {
+    children: [
+      /* @__PURE__ */ _jsx(Tooltip.Trigger, {
+        children: /* @__PURE__ */ _jsx(Button, {
+          icon: Icon,
+          circular: !0
+        })
+      }),
+      /* @__PURE__ */ _jsxs(Tooltip.Content, {
+        enterStyle: {
+          x: 0,
+          y: -5,
+          opacity: 0,
+          scale: 0.9
+        },
+        exitStyle: {
+          x: 0,
+          y: -5,
+          opacity: 0,
+          scale: 0.9
+        },
+        scale: 1,
+        x: 0,
+        y: 0,
+        opacity: 1,
+        animation: [
+          "quick",
+          {
+            opacity: {
+              overshootClamping: !0
+            }
+          }
+        ],
+        children: [
+          /* @__PURE__ */ _jsx(Tooltip.Arrow, {}),
+          /* @__PURE__ */ _jsx(Paragraph, {
+            size: "$2",
+            lineHeight: "$1",
+            children: "Hello world"
+          })
+        ]
+      })
     ]
-  }, /* @__PURE__ */ React.createElement(Tooltip.Arrow, null), /* @__PURE__ */ React.createElement(Paragraph, {
-    size: "$2",
-    lineHeight: "$1"
-  }, "Hello world")));
+  }));
 }
 export {
   TooltipDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/TooltipDemo.tsx"],
-  "mappings": "AAAA,SACEA,aACAC,aACAC,cACAC,WACAC,cACK;AAEP,SAASC,QAAQC,WAAWC,SAASC,cAAcC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;AAElE,SAASC,cAAAA;AACd,SACE,sBAAA,cAACH,cAAAA;IAAaI,OAAO;MAAEC,MAAM;MAAMC,OAAO;IAAI;KAC5C,sBAAA,cAACJ,QAAAA;IAAOK,OAAM;IAAKC,WAAU;KAC3B,sBAAA,cAACP,QAAAA;IAAOM,OAAM;KACZ,sBAAA,cAACE,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAUC,MAAMhB;MAC5C,sBAAA,cAACa,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAMC,MAAMjB;MACxC,sBAAA,cAACc,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAYC,MAAMhB;OAEhD,sBAAA,cAACK,QAAAA;IAAOM,OAAM;KACZ,sBAAA,cAACE,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAOC,MAAMnB;MACzC,sBAAA,cAACS,QAAAA;IAAOW,MAAM;MACd,sBAAA,cAACJ,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAQC,MAAMlB;OAE5C,sBAAA,cAACO,QAAAA;IAAOM,OAAM;KACZ,sBAAA,cAACE,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAaC,MAAMhB;MAC/C,sBAAA,cAACa,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAASC,MAAMpB;MAC3C,sBAAA,cAACiB,MAAAA;IAAKC,SAAQ;IAAIC,WAAU;IAAeC,MAAMhB;;AAK3D;AAEA,SAASa,KAAK,QAAA;MAAEG,OAAF,OAAEA,MAASE,QAAAA,2BAAX,QAAA;IAAEF;;AACd,SACE,sBAAA,cAACb,SAAYe,OACX,sBAAA,cAACf,QAAQgB,SAAO,MACd,sBAAA,cAAClB,QAAAA;IAAOmB,MAAMJ;IAAMK,UAAAA;OAEtB,sBAAA,cAAClB,QAAQmB,SAAO;IACdC,YAAY;MAAEC,GAAG;MAAGC,GAAG;MAAIC,SAAS;MAAGC,OAAO;IAAI;IAClDC,WAAW;MAAEJ,GAAG;MAAGC,GAAG;MAAIC,SAAS;MAAGC,OAAO;IAAI;IACjDA,OAAO;IACPH,GAAG;IACHC,GAAG;IACHC,SAAS;IACTG,WAAW;MACT;MACA;QACEH,SAAS;UACPI,mBAAmB;QACrB;MACF;;KAGF,sBAAA,cAAC3B,QAAQ4B,OAAK,IAAA,GACd,sBAAA,cAAC7B,WAAAA;IAAU8B,MAAK;IAAKC,YAAW;KAAK,aAAA,CAAA,CAAA;AAM7C;",
+  "mappings": ";AAAA,SACEA,aACAC,aACAC,cACAC,WACAC,cACK;AAEP,SAASC,QAAQC,WAAWC,SAASC,cAAcC,QAAQC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAElE,SAASC,cAAAA;AACd,SACE,qBAACH,cAAAA;IAAaI,OAAO;MAAEC,MAAM;MAAMC,OAAO;IAAI;cAC5C,sBAACJ,QAAAA;MAAOK,OAAM;MAAKC,WAAU;;QAC3B,sBAACP,QAAAA;UAAOM,OAAM;;YACZ,qBAACE,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAUC,MAAMhB;;YAC5C,qBAACa,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAMC,MAAMjB;;YACxC,qBAACc,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAYC,MAAMhB;;;;QAEhD,sBAACK,QAAAA;UAAOM,OAAM;;YACZ,qBAACE,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAOC,MAAMnB;;YACzC,qBAACS,QAAAA;cAAOW,MAAM;;YACd,qBAACJ,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAQC,MAAMlB;;;;QAE5C,sBAACO,QAAAA;UAAOM,OAAM;;YACZ,qBAACE,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAaC,MAAMhB;;YAC/C,qBAACa,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAASC,MAAMpB;;YAC3C,qBAACiB,MAAAA;cAAKC,SAAQ;cAAIC,WAAU;cAAeC,MAAMhB;;;;;;;AAK3D;AAEA,SAASa,KAAK,QAAA;MAAEG,OAAF,OAAEA,MAASE,QAAAA,2BAAX,QAAA;IAAEF;;AACd,SACE,sBAACb,SAAAA,qBAAAA,eAAAA,CAAAA,GAAYe,KAAAA,GAAAA;;MACX,qBAACf,QAAQgB,SAAO;kBACd,qBAAClB,QAAAA;UAAOmB,MAAMJ;UAAMK,UAAQ;;;MAE9B,sBAAClB,QAAQmB,SAAO;QACdC,YAAY;UAAEC,GAAG;UAAGC,GAAG;UAAIC,SAAS;UAAGC,OAAO;QAAI;QAClDC,WAAW;UAAEJ,GAAG;UAAGC,GAAG;UAAIC,SAAS;UAAGC,OAAO;QAAI;QACjDA,OAAO;QACPH,GAAG;QACHC,GAAG;QACHC,SAAS;QACTG,WAAW;UACT;UACA;YACEH,SAAS;cACPI,mBAAmB;YACrB;UACF;;;UAGF,qBAAC3B,QAAQ4B,OAAK,CAAA,CAAA;UACd,qBAAC7B,WAAAA;YAAU8B,MAAK;YAAKC,YAAW;sBAAK;;;;;;AAM7C;",
   "names": ["ChevronDown", "ChevronLeft", "ChevronRight", "ChevronUp", "Circle", "Button", "Paragraph", "Tooltip", "TooltipGroup", "XStack", "YStack", "TooltipDemo", "delay", "open", "close", "space", "alignSelf", "Demo", "groupId", "placement", "Icon", "flex", "props", "Trigger", "icon", "circular", "Content", "enterStyle", "x", "y", "opacity", "scale", "exitStyle", "animation", "overshootClamping", "Arrow", "size", "lineHeight"]
 }

package/dist/jsx/UpdateThemeDemo.native.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as Config from "@tamagui/site-config";
 import { addTheme, updateTheme } from "@tamagui/theme";
 import { useState } from "react";
@@ -60,28 +61,35 @@ function UpdateThemeDemo() {
         color: "red"
       }
     }), setTheme("custom");
-  }, []), /* @__PURE__ */ React.createElement(YStack, {
+  }, []), /* @__PURE__ */ _jsxs(YStack, {
     alignItems: "center",
-    space: !0
-  }, /* @__PURE__ */ React.createElement(XStack, {
-    gap: "$5"
-  }, /* @__PURE__ */ React.createElement(Theme, {
-    name: theme ?? null
-  }, /* @__PURE__ */ React.createElement(Square, {
-    borderRadius: "$8",
-    size: 100,
-    backgroundColor: "$color"
-  }))), /* @__PURE__ */ React.createElement(Button, {
-    onPress: function() {
-      var randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
-      updateTheme({
-        name: "custom",
-        theme: {
-          color: randomColor
-        }
-      }), update();
-    }
-  }, "Set to random color"));
+    space: !0,
+    children: [
+      /* @__PURE__ */ _jsx(XStack, {
+        gap: "$5",
+        children: /* @__PURE__ */ _jsx(Theme, {
+          name: theme ?? null,
+          children: /* @__PURE__ */ _jsx(Square, {
+            borderRadius: "$8",
+            size: 100,
+            backgroundColor: "$color"
+          })
+        })
+      }),
+      /* @__PURE__ */ _jsx(Button, {
+        onPress: function() {
+          var randomColor = getVariableValue(colors[colorKeys[Math.floor(Math.random() * colorKeys.length)]]);
+          updateTheme({
+            name: "custom",
+            theme: {
+              color: randomColor
+            }
+          }), update();
+        },
+        children: "Set to random color"
+      })
+    ]
+  });
 }
 export {
   UpdateThemeDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/Users/n8/tamagui/packages/demos/src/UpdateThemeDemo.tsx"],
-  "mappings": "AAAA,YAAYA,YAAY;AACxB,SAASC,UAAUC,mBAAmB;AACtC,SAASC,gBAAgB;AACzB,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,kBACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAMC,SAASZ,OAAOa,OAAOC,OAAOC,OAC9BC,YAAYC,OAAOC,KAAKN,MAAAA;AAEvB,SAASO,kBAAAA;AACd,MAA0BhB,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBiB,QAAmBjB,UAAAA,CAAAA,GAAZkB,WAAYlB,UAAAA,CAAAA,GACpBmB,SAASZ,eAAAA;AAEfC,mCAA0B,WAAA;AACxBV,aAAS;MACPsB,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAAA,cAACb,QAAAA;IAAOiB,YAAW;IAASC,OAAAA;KAC1B,sBAAA,cAACnB,QAAAA;IAAOoB,KAAK;KACX,sBAAA,cAACrB,OAAAA;IAAMiB,MAAMH,SAAS;KACpB,sBAAA,cAACf,QAAAA;IAAOuB,cAAa;IAAKC,MAAM;IAAKC,iBAAgB;QAIzD,sBAAA,cAAC1B,QAAAA;IACC2B,SAAS,WAAA;AACP,UAAMC,cAAcvB,iBAClBG,OAAOI,UAAUiB,KAAKC,MAAMD,KAAKE,OAAM,IAAKnB,UAAUoB,MAAM,CAAA,CAAE,CAAC;AAEjElC,kBAAY;QACVqB,MAAM;QACNH,OAAO;UACLL,OAAOiB;QACT;MACF,CAAA,GACAV,OAAAA;IACF;KACD,qBAAA,CAAA;AAKP;",
+  "mappings": ";AAAA,YAAYA,YAAY;AACxB,SAASC,UAAUC,mBAAmB;AACtC,SAASC,gBAAgB;AACzB,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,kBACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAMC,SAASZ,OAAOa,OAAOC,OAAOC,OAC9BC,YAAYC,OAAOC,KAAKN,MAAAA;AAEvB,SAASO,kBAAAA;AACd,MAA0BhB,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBiB,QAAmBjB,UAAAA,CAAAA,GAAZkB,WAAYlB,UAAAA,CAAAA,GACpBmB,SAASZ,eAAAA;AAEfC,mCAA0B,WAAA;AACxBV,aAAS;MACPsB,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACb,QAAAA;IAAOiB,YAAW;IAASC,OAAK;;MAC/B,qBAACnB,QAAAA;QAAOoB,KAAK;kBACX,qBAACrB,OAAAA;UAAMiB,MAAMH,SAAS;oBACpB,qBAACf,QAAAA;YAAOuB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAAC1B,QAAAA;QACC2B,SAAS,WAAA;AACP,cAAMC,cAAcvB,iBAClBG,OAAOI,UAAUiB,KAAKC,MAAMD,KAAKE,OAAM,IAAKnB,UAAUoB,MAAM,CAAA,CAAE,CAAC;AAEjElC,sBAAY;YACVqB,MAAM;YACNH,OAAO;cACLL,OAAOiB;YACT;UACF,CAAA,GACAV,OAAAA;QACF;kBACD;;;;AAKP;",
   "names": ["Config", "addTheme", "updateTheme", "useState", "Button", "Square", "Theme", "XStack", "YStack", "getVariableValue", "useForceUpdate", "useIsomorphicLayoutEffect", "colors", "config", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "theme", "setTheme", "update", "name", "insertCSS", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress", "randomColor", "Math", "floor", "random", "length"]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/demos",
-  "version": "1.89.27",
+  "version": "1.89.29",
   "sideEffects": [
     "*.css"
   ],
@@ -40,29 +40,29 @@
     }
   },
   "dependencies": {
-    "@tamagui/avatar": "1.89.27",
-    "@tamagui/button": "1.89.27",
-    "@tamagui/core": "1.89.27",
-    "@tamagui/list-item": "1.89.27",
-    "@tamagui/logo": "1.89.27",
-    "@tamagui/menu": "1.89.27",
-    "@tamagui/popover": "1.89.27",
-    "@tamagui/progress": "1.89.27",
-    "@tamagui/radio-group": "1.89.27",
-    "@tamagui/select": "1.89.27",
-    "@tamagui/sheet": "1.89.27",
-    "@tamagui/site-config": "1.89.27",
-    "@tamagui/slider": "1.89.27",
-    "@tamagui/stacks": "1.89.27",
-    "@tamagui/toast": "1.89.27",
-    "tamagui": "1.89.27"
+    "@tamagui/avatar": "1.89.29",
+    "@tamagui/button": "1.89.29",
+    "@tamagui/core": "1.89.29",
+    "@tamagui/list-item": "1.89.29",
+    "@tamagui/logo": "1.89.29",
+    "@tamagui/menu": "1.89.29",
+    "@tamagui/popover": "1.89.29",
+    "@tamagui/progress": "1.89.29",
+    "@tamagui/radio-group": "1.89.29",
+    "@tamagui/select": "1.89.29",
+    "@tamagui/sheet": "1.89.29",
+    "@tamagui/site-config": "1.89.29",
+    "@tamagui/slider": "1.89.29",
+    "@tamagui/stacks": "1.89.29",
+    "@tamagui/toast": "1.89.29",
+    "tamagui": "1.89.29"
   },
   "peerDependencies": {
     "react": "*",
     "react-dom": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.89.27",
+    "@tamagui/build": "1.89.29",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },