@tamagui/demos 1.89.26 → 1.89.27-1708112217600

package/dist/cjs/ScrollViewDemo.native.js

@@ -18,28 +18,51 @@ __export(ScrollViewDemo_exports, {
   ScrollViewDemo: () => ScrollViewDemo
 });
 module.exports = __toCommonJS(ScrollViewDemo_exports);
-var import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
+var import_tamagui = require("tamagui");
 function ScrollViewDemo() {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_tamagui.ScrollView,
-    {
-      maxHeight: 250,
-      width: "75%",
-      backgroundColor: "$background",
-      padding: "$4",
-      borderRadius: "$4",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { flexWrap: "wrap", alignItems: "center", justifyContent: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$red9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$orange9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$yellow9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$green9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$blue9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$purple9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Square, { margin: "$4", size: 120, backgroundColor: "$pink9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Circle, { margin: "$4", size: 120, backgroundColor: "$red9" })
-      ] })
-    }
-  );
+  return /* @__PURE__ */ React.createElement(import_tamagui.ScrollView, {
+    maxHeight: 250,
+    width: "75%",
+    backgroundColor: "$background",
+    padding: "$4",
+    borderRadius: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    flexWrap: "wrap",
+    alignItems: "center",
+    justifyContent: "center"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$red9"
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Circle, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$orange9"
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$yellow9"
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Circle, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$green9"
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$blue9"
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Circle, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$purple9"
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Square, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$pink9"
+  }), /* @__PURE__ */ React.createElement(import_tamagui.Circle, {
+    margin: "$4",
+    size: 120,
+    backgroundColor: "$red9"
+  })));
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../src/ScrollViewDemo.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAmD,oBAW7C;AATC,SAAS,iBAAiB;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,OAAM;AAAA,MACN,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MACR,cAAa;AAAA,MAEb,uDAAC,yBAAO,UAAS,QAAO,YAAW,UAAS,gBAAe,UACzD;AAAA,oDAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,QACvD,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,QAC1D,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,QAC1D,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,WAAU;AAAA,QACzD,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,QACxD,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,YAAW;AAAA,QAC1D,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,UAAS;AAAA,QACxD,4CAAC,yBAAO,QAAO,MAAK,MAAM,KAAK,iBAAgB,SAAQ;AAAA,SACzD;AAAA;AAAA,EACF;AAEJ;",
-  "names": []
+  "sources": ["../../src/Users/n8/tamagui/packages/demos/src/ScrollViewDemo.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;;;;;qBAAmD;AAE5C,SAASA,iBAAAA;AACd,SACE,sBAAA,cAACC,2BAAAA;IACCC,WAAW;IACXC,OAAM;IACNC,iBAAgB;IAChBC,SAAQ;IACRC,cAAa;KAEb,sBAAA,cAACC,uBAAAA;IAAOC,UAAS;IAAOC,YAAW;IAASC,gBAAe;KACzD,sBAAA,cAACC,uBAAAA;IAAOC,QAAO;IAAKC,MAAM;IAAKT,iBAAgB;MAC/C,sBAAA,cAACU,uBAAAA;IAAOF,QAAO;IAAKC,MAAM;IAAKT,iBAAgB;MAC/C,sBAAA,cAACO,uBAAAA;IAAOC,QAAO;IAAKC,MAAM;IAAKT,iBAAgB;MAC/C,sBAAA,cAACU,uBAAAA;IAAOF,QAAO;IAAKC,MAAM;IAAKT,iBAAgB;MAC/C,sBAAA,cAACO,uBAAAA;IAAOC,QAAO;IAAKC,MAAM;IAAKT,iBAAgB;MAC/C,sBAAA,cAACU,uBAAAA;IAAOF,QAAO;IAAKC,MAAM;IAAKT,iBAAgB;MAC/C,sBAAA,cAACO,uBAAAA;IAAOC,QAAO;IAAKC,MAAM;IAAKT,iBAAgB;MAC/C,sBAAA,cAACU,uBAAAA;IAAOF,QAAO;IAAKC,MAAM;IAAKT,iBAAgB;;AAIvD;",
+  "names": ["ScrollViewDemo", "ScrollView", "maxHeight", "width", "backgroundColor", "padding", "borderRadius", "XStack", "flexWrap", "alignItems", "justifyContent", "Square", "margin", "size", "Circle"]
 }

package/dist/cjs/SelectDemo.native.js

@@ -19,166 +19,282 @@ __export(SelectDemo_exports, {
   SelectDemoItem: () => SelectDemoItem
 });
 module.exports = __toCommonJS(SelectDemo_exports);
-var import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_linear_gradient = require("tamagui/linear-gradient"), import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons = require("@tamagui/lucide-icons"), import_react = require("react"), import_tamagui = require("tamagui"), import_linear_gradient = require("tamagui/linear-gradient");
+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__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, { gap: "$4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", gap: "$4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "select-demo-1", f: 1, miw: 80, children: "Custom" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { id: "select-demo-1" })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", gap: "$4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { htmlFor: "select-demo-2", f: 1, miw: 80, children: "Native" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { id: "select-demo-2", native: !0 })
-    ] })
-  ] });
+  return /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    gap: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    ai: "center",
+    gap: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Label, {
+    htmlFor: "select-demo-1",
+    f: 1,
+    miw: 80
+  }, "Custom"), /* @__PURE__ */ React.createElement(SelectDemoItem, {
+    id: "select-demo-1"
+  })), /* @__PURE__ */ React.createElement(import_tamagui.XStack, {
+    ai: "center",
+    gap: "$4"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.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] = (0, import_react.useState)("apple");
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select, { value: val, onValueChange: setVal, disablePreventBodyScroll: !0, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Trigger, { width: 220, iconAfter: import_lucide_icons.ChevronDown, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Value, { placeholder: "Something" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt, { when: "sm", platform: "touch", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      import_tamagui.Sheet,
-      {
-        native: !!props.native,
-        modal: !0,
-        dismissOnSnapToBottom: !0,
-        animationConfig: {
-          type: "spring",
-          damping: 20,
-          mass: 1.2,
-          stiffness: 250
-        },
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.Frame, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Sheet.ScrollView, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Adapt.Contents, {}) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_tamagui.Sheet.Overlay,
-            {
-              animation: "lazy",
-              enterStyle: { opacity: 0 },
-              exitStyle: { opacity: 0 }
-            }
-          )
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Content, { zIndex: 2e5, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_tamagui.Select.ScrollUpButton,
-        {
-          alignItems: "center",
-          justifyContent: "center",
-          position: "relative",
-          width: "100%",
-          height: "$3",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronUp, { size: 20 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_linear_gradient.LinearGradient,
-              {
-                start: [0, 0],
-                end: [0, 1],
-                fullscreen: !0,
-                colors: ["$background", "transparent"],
-                borderRadius: "$4"
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_tamagui.Select.Viewport,
-        {
-          minWidth: 200,
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
-              (0, import_react.useMemo)(
-                () => items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-                  import_tamagui.Select.Item,
-                  {
-                    index: i,
-                    value: item.name.toLowerCase(),
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 16 }) })
-                    ]
-                  },
-                  item.name
-                )),
-                [items]
-              )
-            ] }),
-            props.native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_tamagui.YStack,
-              {
-                position: "absolute",
-                right: 0,
-                top: 0,
-                bottom: 0,
-                alignItems: "center",
-                justifyContent: "center",
-                width: "$4",
-                pointerEvents: "none",
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import_lucide_icons.ChevronDown,
-                  {
-                    size: (0, import_tamagui.getFontSize)(props.size ?? "$true")
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_tamagui.Select.ScrollDownButton,
-        {
-          alignItems: "center",
-          justifyContent: "center",
-          position: "relative",
-          width: "100%",
-          height: "$3",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { zIndex: 10, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.ChevronDown, { size: 20 }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_linear_gradient.LinearGradient,
-              {
-                start: [0, 0],
-                end: [0, 1],
-                fullscreen: !0,
-                colors: ["transparent", "$background"],
-                borderRadius: "$4"
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
+  var _useState = _sliced_to_array((0, import_react.useState)("apple"), 2), val = _useState[0], setVal = _useState[1], _props_size;
+  return /* @__PURE__ */ React.createElement(import_tamagui.Select, _object_spread({
+    value: val,
+    onValueChange: setVal,
+    disablePreventBodyScroll: !0
+  }, props), /* @__PURE__ */ React.createElement(import_tamagui.Select.Trigger, {
+    width: 220,
+    iconAfter: import_lucide_icons.ChevronDown
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Select.Value, {
+    placeholder: "Something"
+  })), /* @__PURE__ */ React.createElement(import_tamagui.Adapt, {
+    when: "sm",
+    platform: "touch"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Sheet, {
+    native: !!props.native,
+    modal: !0,
+    dismissOnSnapToBottom: !0,
+    animationConfig: {
+      type: "spring",
+      damping: 20,
+      mass: 1.2,
+      stiffness: 250
+    }
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Sheet.Frame, null, /* @__PURE__ */ React.createElement(import_tamagui.Sheet.ScrollView, null, /* @__PURE__ */ React.createElement(import_tamagui.Adapt.Contents, null))), /* @__PURE__ */ React.createElement(import_tamagui.Sheet.Overlay, {
+    animation: "lazy",
+    enterStyle: {
+      opacity: 0
+    },
+    exitStyle: {
+      opacity: 0
+    }
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.Select.Content, {
+    zIndex: 2e5
+  }, /* @__PURE__ */ React.createElement(import_tamagui.Select.ScrollUpButton, {
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    width: "100%",
+    height: "$3"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    zIndex: 10
+  }, /* @__PURE__ */ React.createElement(import_lucide_icons.ChevronUp, {
+    size: 20
+  })), /* @__PURE__ */ React.createElement(import_linear_gradient.LinearGradient, {
+    start: [
+      0,
+      0
+    ],
+    end: [
+      0,
+      1
+    ],
+    fullscreen: !0,
+    colors: [
+      "$background",
+      "transparent"
+    ],
+    borderRadius: "$4"
+  })), /* @__PURE__ */ React.createElement(import_tamagui.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(import_tamagui.Select.Group, null, /* @__PURE__ */ React.createElement(import_tamagui.Select.Label, null, "Fruits"), (0, import_react.useMemo)(function() {
+    return items.map(function(item, i) {
+      return /* @__PURE__ */ React.createElement(import_tamagui.Select.Item, {
+        index: i,
+        key: item.name,
+        value: item.name.toLowerCase()
+      }, /* @__PURE__ */ React.createElement(import_tamagui.Select.ItemText, null, item.name), /* @__PURE__ */ React.createElement(import_tamagui.Select.ItemIndicator, {
+        marginLeft: "auto"
+      }, /* @__PURE__ */ React.createElement(import_lucide_icons.Check, {
+        size: 16
+      })));
+    });
+  }, [
+    items
+  ])), props.native && /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    position: "absolute",
+    right: 0,
+    top: 0,
+    bottom: 0,
+    alignItems: "center",
+    justifyContent: "center",
+    width: "$4",
+    pointerEvents: "none"
+  }, /* @__PURE__ */ React.createElement(import_lucide_icons.ChevronDown, {
+    size: (0, import_tamagui.getFontSize)((_props_size = props.size) !== null && _props_size !== void 0 ? _props_size : "$true")
+  }))), /* @__PURE__ */ React.createElement(import_tamagui.Select.ScrollDownButton, {
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    width: "100%",
+    height: "$3"
+  }, /* @__PURE__ */ React.createElement(import_tamagui.YStack, {
+    zIndex: 10
+  }, /* @__PURE__ */ React.createElement(import_lucide_icons.ChevronDown, {
+    size: 20
+  })), /* @__PURE__ */ React.createElement(import_linear_gradient.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"
+  }
 ];
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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