@tamagui/demos 1.89.25 → 1.89.27-1708112217600

package/dist/jsx/SelectDemo.native.js

@@ -2,166 +2,281 @@ import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
 import { useMemo, useState } from "react";
 import { Adapt, Label, Select, Sheet, XStack, YStack, getFontSize } from "tamagui";
 import { LinearGradient } from "tamagui/linear-gradient";
-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 _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] : {}, ownKeys = Object.keys(source);
+    typeof Object.getOwnPropertySymbols == "function" && (ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+    }))), ownKeys.forEach(function(key) {
+      _define_property(target, key, source[key]);
+    });
+  }
+  return 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 SelectDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { gap: "$4", children: [
-    /* @__PURE__ */ jsxs(XStack, { ai: "center", gap: "$4", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: "select-demo-1", f: 1, miw: 80, children: "Custom" }),
-      /* @__PURE__ */ jsx(SelectDemoItem, { id: "select-demo-1" })
-    ] }),
-    /* @__PURE__ */ jsxs(XStack, { ai: "center", gap: "$4", children: [
-      /* @__PURE__ */ jsx(Label, { htmlFor: "select-demo-2", f: 1, miw: 80, children: "Native" }),
-      /* @__PURE__ */ jsx(SelectDemoItem, { id: "select-demo-2", native: !0 })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(YStack, {
+    gap: "$4"
+  }, /* @__PURE__ */ React.createElement(XStack, {
+    ai: "center",
+    gap: "$4"
+  }, /* @__PURE__ */ React.createElement(Label, {
+    htmlFor: "select-demo-1",
+    f: 1,
+    miw: 80
+  }, "Custom"), /* @__PURE__ */ React.createElement(SelectDemoItem, {
+    id: "select-demo-1"
+  })), /* @__PURE__ */ React.createElement(XStack, {
+    ai: "center",
+    gap: "$4"
+  }, /* @__PURE__ */ React.createElement(Label, {
+    htmlFor: "select-demo-2",
+    f: 1,
+    miw: 80
+  }, "Native"), /* @__PURE__ */ React.createElement(SelectDemoItem, {
+    id: "select-demo-2",
+    native: !0
+  })));
 }
 function SelectDemoItem(props) {
-  const [val, setVal] = useState("apple");
-  return /* @__PURE__ */ jsxs(Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
-    /* @__PURE__ */ jsx(Select.Trigger, { width: 220, iconAfter: ChevronDown, children: /* @__PURE__ */ jsx(Select.Value, { placeholder: "Something" }) }),
-    /* @__PURE__ */ jsx(Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ jsxs(
-      Sheet,
-      {
-        native: !!props.native,
-        modal: !0,
-        dismissOnSnapToBottom: !0,
-        animationConfig: {
-          type: "spring",
-          damping: 20,
-          mass: 1.2,
-          stiffness: 250
-        },
-        children: [
-          /* @__PURE__ */ jsx(Sheet.Frame, { children: /* @__PURE__ */ jsx(Sheet.ScrollView, { children: /* @__PURE__ */ jsx(Adapt.Contents, {}) }) }),
-          /* @__PURE__ */ jsx(
-            Sheet.Overlay,
-            {
-              animation: "lazy",
-              enterStyle: { opacity: 0 },
-              exitStyle: { opacity: 0 }
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(Select.Content, { zIndex: 2e5, children: [
-      /* @__PURE__ */ jsxs(
-        Select.ScrollUpButton,
-        {
-          alignItems: "center",
-          justifyContent: "center",
-          position: "relative",
-          width: "100%",
-          height: "$3",
-          children: [
-            /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronUp, { size: 20 }) }),
-            /* @__PURE__ */ jsx(
-              LinearGradient,
-              {
-                start: [0, 0],
-                end: [0, 1],
-                fullscreen: !0,
-                colors: ["$background", "transparent"],
-                borderRadius: "$4"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        Select.Viewport,
-        {
-          minWidth: 200,
-          children: [
-            /* @__PURE__ */ jsxs(Select.Group, { children: [
-              /* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
-              useMemo(
-                () => items.map((item, i) => /* @__PURE__ */ jsxs(
-                  Select.Item,
-                  {
-                    index: i,
-                    value: item.name.toLowerCase(),
-                    children: [
-                      /* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
-                      /* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
-                    ]
-                  },
-                  item.name
-                )),
-                [items]
-              )
-            ] }),
-            props.native && /* @__PURE__ */ jsx(
-              YStack,
-              {
-                position: "absolute",
-                right: 0,
-                top: 0,
-                bottom: 0,
-                alignItems: "center",
-                justifyContent: "center",
-                width: "$4",
-                pointerEvents: "none",
-                children: /* @__PURE__ */ jsx(
-                  ChevronDown,
-                  {
-                    size: getFontSize(props.size ?? "$true")
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        Select.ScrollDownButton,
-        {
-          alignItems: "center",
-          justifyContent: "center",
-          position: "relative",
-          width: "100%",
-          height: "$3",
-          children: [
-            /* @__PURE__ */ jsx(YStack, { zIndex: 10, children: /* @__PURE__ */ jsx(ChevronDown, { size: 20 }) }),
-            /* @__PURE__ */ jsx(
-              LinearGradient,
-              {
-                start: [0, 0],
-                end: [0, 1],
-                fullscreen: !0,
-                colors: ["transparent", "$background"],
-                borderRadius: "$4"
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
+  var _useState = _sliced_to_array(useState("apple"), 2), val = _useState[0], setVal = _useState[1], _props_size;
+  return /* @__PURE__ */ React.createElement(Select, _object_spread({
+    value: val,
+    onValueChange: setVal,
+    disablePreventBodyScroll: !0
+  }, props), /* @__PURE__ */ React.createElement(Select.Trigger, {
+    width: 220,
+    iconAfter: ChevronDown
+  }, /* @__PURE__ */ React.createElement(Select.Value, {
+    placeholder: "Something"
+  })), /* @__PURE__ */ React.createElement(Adapt, {
+    when: "sm",
+    platform: "touch"
+  }, /* @__PURE__ */ React.createElement(Sheet, {
+    native: !!props.native,
+    modal: !0,
+    dismissOnSnapToBottom: !0,
+    animationConfig: {
+      type: "spring",
+      damping: 20,
+      mass: 1.2,
+      stiffness: 250
+    }
+  }, /* @__PURE__ */ React.createElement(Sheet.Frame, null, /* @__PURE__ */ React.createElement(Sheet.ScrollView, null, /* @__PURE__ */ React.createElement(Adapt.Contents, null))), /* @__PURE__ */ React.createElement(Sheet.Overlay, {
+    animation: "lazy",
+    enterStyle: {
+      opacity: 0
+    },
+    exitStyle: {
+      opacity: 0
+    }
+  }))), /* @__PURE__ */ React.createElement(Select.Content, {
+    zIndex: 2e5
+  }, /* @__PURE__ */ React.createElement(Select.ScrollUpButton, {
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    width: "100%",
+    height: "$3"
+  }, /* @__PURE__ */ React.createElement(YStack, {
+    zIndex: 10
+  }, /* @__PURE__ */ React.createElement(ChevronUp, {
+    size: 20
+  })), /* @__PURE__ */ React.createElement(LinearGradient, {
+    start: [
+      0,
+      0
+    ],
+    end: [
+      0,
+      1
+    ],
+    fullscreen: !0,
+    colors: [
+      "$background",
+      "transparent"
+    ],
+    borderRadius: "$4"
+  })), /* @__PURE__ */ React.createElement(Select.Viewport, {
+    // to do animations:
+    // animation="quick"
+    // animateOnly={['transform', 'opacity']}
+    // enterStyle={{ o: 0, y: -10 }}
+    // exitStyle={{ o: 0, y: 10 }}
+    minWidth: 200
+  }, /* @__PURE__ */ React.createElement(Select.Group, null, /* @__PURE__ */ React.createElement(Select.Label, null, "Fruits"), useMemo(function() {
+    return items.map(function(item, i) {
+      return /* @__PURE__ */ React.createElement(Select.Item, {
+        index: i,
+        key: item.name,
+        value: item.name.toLowerCase()
+      }, /* @__PURE__ */ React.createElement(Select.ItemText, null, item.name), /* @__PURE__ */ React.createElement(Select.ItemIndicator, {
+        marginLeft: "auto"
+      }, /* @__PURE__ */ React.createElement(Check, {
+        size: 16
+      })));
+    });
+  }, [
+    items
+  ])), props.native && /* @__PURE__ */ React.createElement(YStack, {
+    position: "absolute",
+    right: 0,
+    top: 0,
+    bottom: 0,
+    alignItems: "center",
+    justifyContent: "center",
+    width: "$4",
+    pointerEvents: "none"
+  }, /* @__PURE__ */ React.createElement(ChevronDown, {
+    size: getFontSize((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : "$true")
+  }))), /* @__PURE__ */ React.createElement(Select.ScrollDownButton, {
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    width: "100%",
+    height: "$3"
+  }, /* @__PURE__ */ React.createElement(YStack, {
+    zIndex: 10
+  }, /* @__PURE__ */ React.createElement(ChevronDown, {
+    size: 20
+  })), /* @__PURE__ */ React.createElement(LinearGradient, {
+    start: [
+      0,
+      0
+    ],
+    end: [
+      0,
+      1
+    ],
+    fullscreen: !0,
+    colors: [
+      "transparent",
+      "$background"
+    ],
+    borderRadius: "$4"
+  }))));
 }
-const items = [
-  { name: "Apple" },
-  { name: "Pear" },
-  { name: "Blackberry" },
-  { name: "Peach" },
-  { name: "Apricot" },
-  { name: "Melon" },
-  { name: "Honeydew" },
-  { name: "Starfruit" },
-  { name: "Blueberry" },
-  { name: "Raspberry" },
-  { name: "Strawberry" },
-  { name: "Mango" },
-  { name: "Pineapple" },
-  { name: "Lime" },
-  { name: "Lemon" },
-  { name: "Coconut" },
-  { name: "Guava" },
-  { name: "Papaya" },
-  { name: "Orange" },
-  { name: "Grape" },
-  { name: "Jackfruit" },
-  { name: "Durian" }
+var items = [
+  {
+    name: "Apple"
+  },
+  {
+    name: "Pear"
+  },
+  {
+    name: "Blackberry"
+  },
+  {
+    name: "Peach"
+  },
+  {
+    name: "Apricot"
+  },
+  {
+    name: "Melon"
+  },
+  {
+    name: "Honeydew"
+  },
+  {
+    name: "Starfruit"
+  },
+  {
+    name: "Blueberry"
+  },
+  {
+    name: "Raspberry"
+  },
+  {
+    name: "Strawberry"
+  },
+  {
+    name: "Mango"
+  },
+  {
+    name: "Pineapple"
+  },
+  {
+    name: "Lime"
+  },
+  {
+    name: "Lemon"
+  },
+  {
+    name: "Coconut"
+  },
+  {
+    name: "Guava"
+  },
+  {
+    name: "Papaya"
+  },
+  {
+    name: "Orange"
+  },
+  {
+    name: "Grape"
+  },
+  {
+    name: "Jackfruit"
+  },
+  {
+    name: "Durian"
+  }
 ];
 export {
   SelectDemo,

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/SelectDemo.tsx"],
-  "mappings": "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",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SelectDemo.tsx"],
+  "mappings": "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",
+  "names": ["Check", "ChevronDown", "ChevronUp", "useMemo", "useState", "Adapt", "Label", "Select", "Sheet", "XStack", "YStack", "getFontSize", "LinearGradient", "SelectDemo", "gap", "ai", "htmlFor", "f", "miw", "SelectDemoItem", "id", "native", "props", "val", "setVal", "value", "onValueChange", "disablePreventBodyScroll", "Trigger", "width", "iconAfter", "Value", "placeholder", "when", "platform", "modal", "dismissOnSnapToBottom", "animationConfig", "type", "damping", "mass", "stiffness", "Frame", "ScrollView", "Contents", "Overlay", "animation", "enterStyle", "opacity", "exitStyle", "Content", "zIndex", "ScrollUpButton", "alignItems", "justifyContent", "position", "height", "size", "start", "end", "fullscreen", "colors", "borderRadius", "Viewport", "minWidth", "Group", "items", "map", "item", "i", "Item", "index", "key", "name", "toLowerCase", "ItemText", "ItemIndicator", "marginLeft", "right", "top", "bottom", "pointerEvents", "ScrollDownButton"]
 }

package/dist/jsx/SeparatorDemo.native.js

@@ -1,18 +1,26 @@
+import React from "react";
 import { Paragraph, Separator, XStack, YStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function SeparatorDemo() {
-  return /* @__PURE__ */ jsxs(YStack, { width: "100%", maxWidth: 300, marginHorizontal: 15, children: [
-    /* @__PURE__ */ jsx(Paragraph, { fontWeight: "800", children: "Tamagui" }),
-    /* @__PURE__ */ jsx(Paragraph, { children: "A cross-platform component library." }),
-    /* @__PURE__ */ jsx(Separator, { marginVertical: 15 }),
-    /* @__PURE__ */ jsxs(XStack, { height: 20, alignItems: "center", children: [
-      /* @__PURE__ */ jsx(Paragraph, { children: "Blog" }),
-      /* @__PURE__ */ jsx(Separator, { alignSelf: "stretch", vertical: !0, marginHorizontal: 15 }),
-      /* @__PURE__ */ jsx(Paragraph, { children: "Docs" }),
-      /* @__PURE__ */ jsx(Separator, { alignSelf: "stretch", vertical: !0, marginHorizontal: 15 }),
-      /* @__PURE__ */ jsx(Paragraph, { children: "Source" })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(YStack, {
+    width: "100%",
+    maxWidth: 300,
+    marginHorizontal: 15
+  }, /* @__PURE__ */ React.createElement(Paragraph, {
+    fontWeight: "800"
+  }, "Tamagui"), /* @__PURE__ */ React.createElement(Paragraph, null, "A cross-platform component library."), /* @__PURE__ */ React.createElement(Separator, {
+    marginVertical: 15
+  }), /* @__PURE__ */ React.createElement(XStack, {
+    height: 20,
+    alignItems: "center"
+  }, /* @__PURE__ */ React.createElement(Paragraph, null, "Blog"), /* @__PURE__ */ React.createElement(Separator, {
+    alignSelf: "stretch",
+    vertical: !0,
+    marginHorizontal: 15
+  }), /* @__PURE__ */ React.createElement(Paragraph, null, "Docs"), /* @__PURE__ */ React.createElement(Separator, {
+    alignSelf: "stretch",
+    vertical: !0,
+    marginHorizontal: 15
+  }), /* @__PURE__ */ React.createElement(Paragraph, null, "Source")));
 }
 export {
   SeparatorDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/SeparatorDemo.tsx"],
-  "mappings": "AACA,SAAS,WAAW,WAAW,QAAQ,cAAc;AAK/C,cAGA,YAHA;AAHC,SAAS,gBAAgB;AAC9B,SACE,qBAAC,UAAO,OAAM,QAAO,UAAU,KAAK,kBAAkB,IACpD;AAAA,wBAAC,aAAU,YAAW,OAAM,qBAAO;AAAA,IACnC,oBAAC,aAAU,iDAAmC;AAAA,IAC9C,oBAAC,aAAU,gBAAgB,IAAI;AAAA,IAC/B,qBAAC,UAAO,QAAQ,IAAI,YAAW,UAC7B;AAAA,0BAAC,aAAU,kBAAI;AAAA,MACf,oBAAC,aAAU,WAAU,WAAU,UAAQ,IAAC,kBAAkB,IAAI;AAAA,MAC9D,oBAAC,aAAU,kBAAI;AAAA,MACf,oBAAC,aAAU,WAAU,WAAU,UAAQ,IAAC,kBAAkB,IAAI;AAAA,MAC9D,oBAAC,aAAU,oBAAM;AAAA,OACnB;AAAA,KACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/SeparatorDemo.tsx"],
+  "mappings": "AAAA,OAAOA,WAAW;AAClB,SAASC,WAAWC,WAAWC,QAAQC,cAAc;AAE9C,SAASC,gBAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,OAAM;IAAOC,UAAU;IAAKC,kBAAkB;KACpD,sBAAA,cAACP,WAAAA;IAAUQ,YAAW;KAAM,SAAA,GAC5B,sBAAA,cAACR,WAAAA,MAAU,qCAAA,GACX,sBAAA,cAACC,WAAAA;IAAUQ,gBAAgB;MAC3B,sBAAA,cAACP,QAAAA;IAAOQ,QAAQ;IAAIC,YAAW;KAC7B,sBAAA,cAACX,WAAAA,MAAU,MAAA,GACX,sBAAA,cAACC,WAAAA;IAAUW,WAAU;IAAUC,UAAAA;IAASN,kBAAkB;MAC1D,sBAAA,cAACP,WAAAA,MAAU,MAAA,GACX,sBAAA,cAACC,WAAAA;IAAUW,WAAU;IAAUC,UAAAA;IAASN,kBAAkB;MAC1D,sBAAA,cAACP,WAAAA,MAAU,QAAA,CAAA,CAAA;AAInB;",
+  "names": ["React", "Paragraph", "Separator", "XStack", "YStack", "SeparatorDemo", "width", "maxWidth", "marginHorizontal", "fontWeight", "marginVertical", "height", "alignItems", "alignSelf", "vertical"]
 }

package/dist/jsx/ShapesDemo.native.js

@@ -1,10 +1,17 @@
 import { Circle, Square, XStack } from "tamagui";
-import { jsx, jsxs } from "react/jsx-runtime";
 function ShapesDemo() {
-  return /* @__PURE__ */ jsxs(XStack, { padding: "$2", space: "$4", children: [
-    /* @__PURE__ */ jsx(Square, { size: 100, backgroundColor: "$color", elevation: "$4" }),
-    /* @__PURE__ */ jsx(Circle, { size: 100, backgroundColor: "$color", elevation: "$4" })
-  ] });
+  return /* @__PURE__ */ React.createElement(XStack, {
+    padding: "$2",
+    space: "$4"
+  }, /* @__PURE__ */ React.createElement(Square, {
+    size: 100,
+    backgroundColor: "$color",
+    elevation: "$4"
+  }), /* @__PURE__ */ React.createElement(Circle, {
+    size: 100,
+    backgroundColor: "$color",
+    elevation: "$4"
+  }));
 }
 export {
   ShapesDemo

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ShapesDemo.tsx"],
-  "mappings": "AAAA,SAAS,QAAQ,QAAQ,cAAc;AAInC,SACE,KADF;AAFG,SAAS,aAAa;AAC3B,SACE,qBAAC,UAAO,SAAQ,MAAK,OAAM,MACzB;AAAA,wBAAC,UAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,IAC3D,oBAAC,UAAO,MAAM,KAAK,iBAAgB,UAAS,WAAU,MAAK;AAAA,KAC7D;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ShapesDemo.tsx"],
+  "mappings": "AAAA,SAASA,QAAQC,QAAQC,cAAc;AAEhC,SAASC,aAAAA;AACd,SACE,sBAAA,cAACD,QAAAA;IAAOE,SAAQ;IAAKC,OAAM;KACzB,sBAAA,cAACJ,QAAAA;IAAOK,MAAM;IAAKC,iBAAgB;IAASC,WAAU;MACtD,sBAAA,cAACR,QAAAA;IAAOM,MAAM;IAAKC,iBAAgB;IAASC,WAAU;;AAG5D;",
+  "names": ["Circle", "Square", "XStack", "ShapesDemo", "padding", "space", "size", "backgroundColor", "elevation"]
 }