@tamagui/select 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/SelectItemText.native.js

@@ -4,33 +4,35 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var SelectItemText_exports = {};
 __export(SelectItemText_exports, {
   ITEM_TEXT_NAME: () => ITEM_TEXT_NAME,
@@ -38,56 +40,66 @@ __export(SelectItemText_exports, {
   SelectItemTextFrame: () => SelectItemTextFrame
 });
 module.exports = __toCommonJS(SelectItemText_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_compose_refs = require("@tamagui/compose-refs"),
-  import_core = require("@tamagui/core"),
-  import_text = require("@tamagui/text"),
-  React = __toESM(require("react"), 1),
-  import_context = require("./context.native.js"),
-  import_SelectItem = require("./SelectItem.native.js"),
-  ITEM_TEXT_NAME = "SelectItemText",
-  SelectItemTextFrame = (0, import_core.styled)(import_text.SizableText, {
-    name: ITEM_TEXT_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          userSelect: "none",
-          color: "$color",
-          ellipsis: !0
-        }
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_core = require("@tamagui/core");
+var import_text = require("@tamagui/text");
+var React = __toESM(require("react"), 1);
+var import_context = require("./context.native.js");
+var import_SelectItem = require("./SelectItem.native.js");
+var ITEM_TEXT_NAME = "SelectItemText";
+var SelectItemTextFrame = (0, import_core.styled)(import_text.SizableText, {
+  name: ITEM_TEXT_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        userSelect: "none",
+        color: "$color",
+        ellipsis: true
       }
-    },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
     }
-  }),
-  SelectItemText = SelectItemTextFrame.styleable(function (props, forwardedRef) {
-    var {
-        scope,
-        className,
-        ...itemTextProps
-      } = props,
-      itemParentContext = (0, import_context.useSelectItemParentContext)(scope),
-      ref = React.useRef(null),
-      composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref),
-      itemContext = (0, import_SelectItem.useSelectItemContext)(scope),
-      contents = React.useRef(null);
-    return contents.current = /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectItemTextFrame, {
-      className,
-      size: itemParentContext.size,
-      id: itemContext.textId,
-      ...itemTextProps,
-      ref: composedRefs
-    }), (0, import_core.useIsomorphicLayoutEffect)(function () {
-      itemParentContext.initialValue === itemContext.value && itemParentContext.setSelectedItem(contents.current);
-    }, []), (0, import_core.useIsomorphicLayoutEffect)(function () {
-      return itemParentContext.valueSubscribe(function (val) {
-        val === itemContext.value && itemParentContext.setSelectedItem(contents.current);
-      });
-    }, [itemContext.value]), itemParentContext.shouldRenderWebNative ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+var SelectItemText = SelectItemTextFrame.styleable(function SelectItemText2(props, forwardedRef) {
+  var {
+    scope,
+    className,
+    ...itemTextProps
+  } = props;
+  var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+  var ref = React.useRef(null);
+  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
+  var itemContext = (0, import_SelectItem.useSelectItemContext)(scope);
+  var contents = React.useRef(null);
+  contents.current = /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectItemTextFrame, {
+    className,
+    size: itemParentContext.size,
+    id: itemContext.textId,
+    ...itemTextProps,
+    ref: composedRefs
+  });
+  (0, import_core.useIsomorphicLayoutEffect)(function () {
+    if (itemParentContext.initialValue === itemContext.value) {
+      itemParentContext.setSelectedItem(contents.current);
+    }
+  }, []);
+  (0, import_core.useIsomorphicLayoutEffect)(function () {
+    return itemParentContext.valueSubscribe(function (val) {
+      if (val === itemContext.value) {
+        itemParentContext.setSelectedItem(contents.current);
+      }
+    });
+  }, [itemContext.value]);
+  if (itemParentContext.shouldRenderWebNative) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
       children: props.children
-    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
-      children: contents.current
     });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
+    children: contents.current
   });
+});
 //# sourceMappingURL=SelectItemText.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SelectItemText_exports","__export","ITEM_TEXT_NAME","SelectItemText","SelectItemTextFrame","module","exports","import_jsx_runtime","require","import_compose_refs","import_core","import_text","React","__toESM","import_context","import_SelectItem","styled","SizableText","name","variants","unstyled","false","userSelect","color","ellipsis","defaultVariants","process","env","TAMAGUI_HEADLESS","styleable","props","forwardedRef","scope","className","itemTextProps","itemParentContext","useSelectItemParentContext","ref","useRef","composedRefs","useComposedRefs","itemContext","useSelectItemContext","contents","current","jsx","size","id","textId","useIsomorphicLayoutEffect","initialValue","setSelectedItem","valueSubscribe","val","shouldRenderWebNative","Fragment","children"],"sources":["../../src/SelectItemText.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAgC,CAAAK,sBAAA;AAczB,IAAAO,kBAAM,GAAiBC,OAAA,oBAEjB;EAAAC,mBAAsB,GAAAD,OAAA,wBAAO;EAAAE,WAAa,GAAAF,OAAA;EAAAG,WAAA,GAAAH,OAAA;EAAAI,KAAA,GAAAC,OAAA,CAAAL,OAAA;EAAAM,cAAA,GAAAN,OAAA;EAAAO,iBAAA,GAAAP,OAAA;EAAAN,cAAA;EAAAE,mBAAA,OAAAM,WAAA,CAAAM,MAAA,EAAAL,WAAA,CAAAM,WAAA;IACrDC,IAAA,EAAMhB,cAAA;IAENiB,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,UAAA,EAAY;UACZC,KAAA,EAAO;UACPC,QAAA,EAAU;QACZ;MACF;IACF;IAEAC,eAAA,EAAiB;MACfL,QAAA,EAAUM,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC;EAMYzB,cAAA,GAAiBC,mBAAA,CAAoByB,SAAA,WAAAC,KAAA,EAAAC,YAAA;IAChD;QAAAC,KAAwB;QAAAC,SAAO;QAAA,GAAAC;MAAc,IAAAJ,KAAA;MAAAK,iBAAA,OAAArB,cAAA,CAAAsB,0BAAA,EAAAJ,KAAA;MAAAK,GAAA,GAAAzB,KAAA,CAAA0B,MAAA;MAAAC,YAAA,OAAA9B,mBAAA,CAAA+B,eAAA,EAAAT,YAAA,EAAAM,GAAA;MAAAI,WAAA,OAAA1B,iBAAA,CAAA2B,oBAAA,EAAAV,KAAA;MAAAW,QAAA,GAAA/B,KAAA,CAAA0B,MAAA;IAC3C,OAAAK,QAAQ,CAAAC,OAAO,kBAAc,IAAcrC,kBAGrC,CAAAsC,GAAA,EAAAzC,mBAAoB;MAgC1B6B,SAxBA;MACEa,IAAC,EAAAX,iBAAA,CAAAW,IAAA;MAAAC,EAAA,EAAAN,WAAA,CAAAO,MAAA;MAAA,GAAAd,aACC;MAAAG,GAAA,EACAE;IAAwB,MACxB,EAAA7B,WAAI,CAAAuC,yBAAY;MAAAd,iBACZ,CAAAe,YAAA,KAAAT,WAAA,CAAA1C,KAAA,IAAAoC,iBAAA,CAAAgB,eAAA,CAAAR,QAAA,CAAAC,OAAA;IAAA,MACJ,MAAKlC,WAAA,CAAAuC,yBAAA;MAAA,OAAAd,iBAAA,CAAAiB,cAAA,WAAAC,GAAA;QACPA,GAAA,KAGFZ,WAAA,CAAA1C,KAAA,IAAAoC,iBAA0B,CAAAgB,eAAM,CAAAR,QAAA,CAAAC,OAAA;MAC9B,EAAI;IACgD,GAEtD,CAIIH,WAAY,CAAA1C,KAAA,CACwC,CAEtD,EAACoC,iBACa,CAAAmB,qBAEZ,GAAkB,mBAAA/C,kBACb,CAAAsC,GAAA,EAAAtC,kBAAA,CAAAgD,QAAA;MAIXC,QAAA,EAAA1B,KAAA,CAAA0B;IACF,wBAAAjD,kBAAA,CAAAsC,GAAA,EAAAtC,kBAAA,CAAAgD,QAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SelectItemText_exports","__export","ITEM_TEXT_NAME","SelectItemText","SelectItemTextFrame","module","exports","import_jsx_runtime","require","import_compose_refs","import_core","import_text","React","__toESM","import_context","import_SelectItem","styled","SizableText","name","variants","unstyled","false","userSelect","color","ellipsis","defaultVariants","process","env","TAMAGUI_HEADLESS","styleable","SelectItemText2","props","forwardedRef","scope","className","itemTextProps","itemParentContext","useSelectItemParentContext","ref","useRef","composedRefs","useComposedRefs","itemContext","useSelectItemContext","contents","current","jsx","size","id","textId","useIsomorphicLayoutEffect","initialValue","setSelectedItem","valueSubscribe","val","shouldRenderWebNative","Fragment","children"],"sources":["../../src/SelectItemText.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAgC,CAAAK,sBAAA;AAEhC,IAAAO,kBAAkD,GAAAC,OAAA;AAClD,IAAAC,mBAA4B,GAAAD,OAAA;AAC5B,IAAAE,WAAuB,GAAAF,OAAA;AAEvB,IAAAG,WAAA,GAAAH,OAA2C;AAC3C,IAAAI,KAAA,GAAAC,OAAA,CAAAL,OAAqC;AA6C/B,IAAAM,cAAA,GAAAN,OAAA;AAtCC,IAAAO,iBAAM,GAAiBP,OAAA;AAEvB,IAAAN,cAAM,mBAAsB;AAAoB,IACrDE,mBAAM,OAAAM,WAAA,CAAAM,MAAA,EAAAL,WAAA,CAAAM,WAAA;EAENC,IAAA,EAAAhB,cAAU;EAAAiB,QACR;IAAUC,QACR,EAAO;MAAAC,KACL;QACAC,UAAO;QACPC,KAAA,UAAU;QACZC,QAAA;MACF;IACF;EAEA;EAAiBC,eACL;IACZL,QAAA,EAAAM,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EACD;AAMM;AAA2C,IAChDzB,cAAS,GAAAC,mBAAsB,CAAAyB,SAAc,UAAAC,gBAAAC,KAAA,EAAAC,YAAA;EAC3C;IAAAC,KAAQ;IAAAC,SAAO;IAAA,GAAAC;EAAc,IAAcJ,KAAI;EAG/C,IAAAK,iBAAM,OAAAtB,cAAoB,CAAAuB,0BAAA,EAAAJ,KAA2B;EACrD,IAAAK,GAAA,GAAM1B,KAAM,CAAA2B,MAAM,KAAkC;EACpD,IAAAC,YAAM,OAAA/B,mBAAe,CAAAgC,eAAA,EAAAT,YAAgB,EAAAM,GAAA,CAAc;EACnD,IAAAI,WAAM,OAAA3B,iBAAc,CAAA4B,oBAAA,EAAAV,KAAqB;EACzC,IAAAW,QAAM,GAAAhC,KAAW,CAAA2B,MAAM,KAAwB;EAI/CK,QAAA,CAAAC,OAAS,kBACP,IAAAtC,kBAAA,CAAAuC,GAAA,EAAA1C,mBAAA;IAAA8B,SAAC;IAAAa,IAAA,EAAAX,iBAAA,CAAAW,IAAA;IAAAC,EAAA,EACCN,WAAA,CAAAO,MAAA;IAAA,GAAAd,aACM;IAAkBG,GAAA,EACxBE;EAAgB;EACZ,IAAA9B,WACC,CAAAwC,yBAAA;IAAA,IAAAd,iBAAA,CAAAe,YAAA,KAAAT,WAAA,CAAA3C,KAAA;MACPqC,iBAAA,CAAAgB,eAAA,CAAAR,QAAA,CAAAC,OAAA;IAGF;EACE;EACE,IAAAnC,WAAA,CAAAwC,yBAAkC,cAAS;IAAO,OACpDd,iBAAA,CAAAiB,cAAA,WAAAC,GAAA;MACF,IAAKA,GAAA,KAAAZ,WAAA,CAAA3C,KAAA;QAELqC,iBAAA,CAAAgB,eAAA,CAAAR,QAA0B,CAAAC,OAAM;MAC9B;IACE;EACE,IAAkDH,WACpD,CAAA3C,KAAA;EACD,IACHqC,iBAAgB,CAAAmB,qBAAM;IAEtB,OAAI,eAAkB,IAAAhD,kBAAuB,CAAAuC,GAAA,EAAAvC,kBAAA,CAAAiD,QAAA;MAC3CC,QAAO,EAAA1B,KAAA,CAAA0B;IACT;EAEA;EACF,0BAAAlD,kBAAA,CAAAuC,GAAA,EAAAvC,kBAAA,CAAAiD,QAAA;IACFC,QAAA,EAAAb,QAAA,CAAAC","ignoreList":[]}

package/dist/cjs/SelectScrollButton.cjs

@@ -2,110 +2,126 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var SelectScrollButton_exports = {};
 __export(SelectScrollButton_exports, {
   SelectScrollDownButton: () => SelectScrollDownButton,
   SelectScrollUpButton: () => SelectScrollUpButton
 });
 module.exports = __toCommonJS(SelectScrollButton_exports);
-var import_react = require("@floating-ui/react"),
-  import_compose_refs = require("@tamagui/compose-refs"),
-  import_stacks = require("@tamagui/stacks"),
-  React = __toESM(require("react"), 1),
-  import_react_dom = require("react-dom"),
-  import_context = require("./context.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton",
-  SelectScrollUpButton = React.forwardRef((props, forwardedRef) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
+var import_floating = require("@tamagui/floating");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_stacks = require("@tamagui/stacks");
+var React = __toESM(require("react"), 1);
+var import_react_dom = require("react-dom");
+var import_context = require("./context.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
+const SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
     componentName: SCROLL_UP_BUTTON_NAME,
     ...props,
     dir: "up",
     ref: forwardedRef
-  }));
+  });
+});
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
-const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton",
-  SelectScrollDownButton = React.forwardRef((props, forwardedRef) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
+const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
+const SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
     componentName: SCROLL_DOWN_BUTTON_NAME,
     ...props,
     dir: "down",
     ref: forwardedRef
-  }));
+  });
+});
 SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
 const SelectScrollButtonImpl = React.memo(React.forwardRef((props, forwardedRef) => {
   const {
-      scope,
-      dir,
-      componentName,
-      ...scrollIndicatorProps
-    } = props,
-    {
-      forceUpdate,
-      open,
-      fallback,
-      setScrollTop,
-      setInnerOffset,
-      ...context
-    } = (0, import_context.useSelectContext)(scope),
-    floatingRef = context.floatingContext?.refs.floating,
-    statusRef = React.useRef("idle"),
-    isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"],
-    frameRef = React.useRef(null),
-    {
-      x,
-      y,
-      refs,
-      strategy
-    } = (0, import_react.useFloating)({
-      open: open && isVisible,
-      strategy: "fixed",
-      elements: {
-        reference: floatingRef?.current
-      },
-      placement: dir === "up" ? "top" : "bottom",
-      middleware: [(0, import_react.offset)(({
-        rects
-      }) => -rects.floating.height)],
-      whileElementsMounted: (...args) => (0, import_react.autoUpdate)(...args, {
-        animationFrame: !0
-      })
-    }),
-    composedRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, refs.setFloating);
-  if (!isVisible) return null;
+    scope,
+    dir,
+    componentName,
+    ...scrollIndicatorProps
+  } = props;
+  const {
+    forceUpdate,
+    open,
+    fallback,
+    setScrollTop,
+    setInnerOffset,
+    ...context
+  } = (0, import_context.useSelectContext)(scope);
+  const floatingRef = context.floatingContext?.refs.floating;
+  const statusRef = React.useRef("idle");
+  const isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"];
+  const frameRef = React.useRef(null);
+  const {
+    x,
+    y,
+    refs,
+    strategy
+  } = (0, import_floating.useFloatingRaw)({
+    open: open && isVisible,
+    strategy: "fixed",
+    elements: {
+      reference: floatingRef?.current
+    },
+    placement: dir === "up" ? "top" : "bottom",
+    middleware: [(0, import_floating.offset)(({
+      rects
+    }) => -rects.floating.height)],
+    whileElementsMounted: (...args) => (0, import_floating.autoUpdate)(...args, {
+      animationFrame: true
+    })
+  });
+  const composedRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, refs.setFloating);
+  if (!isVisible) {
+    return null;
+  }
   const onScroll = amount => {
     const floating = floatingRef;
-    floating && (fallback ? floating.current && (floating.current.scrollTop -= amount, (0, import_react_dom.flushSync)(() => setScrollTop(floating.current?.scrollTop ?? 0))) : (0, import_react_dom.flushSync)(() => setInnerOffset(value => value - amount)));
+    if (!floating) return;
+    if (fallback) {
+      if (floating.current) {
+        floating.current.scrollTop -= amount;
+        (0, import_react_dom.flushSync)(() => setScrollTop(floating.current?.scrollTop ?? 0));
+      }
+    } else {
+      (0, import_react_dom.flushSync)(() => setInnerOffset(value => value - amount));
+    }
   };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
     ref: composedRef,
     componentName,
-    "aria-hidden": !0,
+    "aria-hidden": true,
     ...scrollIndicatorProps,
     zIndex: 1e3,
     position: strategy,
@@ -118,19 +134,24 @@ const SelectScrollButtonImpl = React.memo(React.forwardRef((props, forwardedRef)
       function frame() {
         const element = floatingRef?.current;
         if (element) {
-          const currentNow = Date.now(),
-            msElapsed = currentNow - prevNow;
+          const currentNow = Date.now();
+          const msElapsed = currentNow - prevNow;
           prevNow = currentNow;
-          const pixelsToScroll = msElapsed / 2,
-            remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop,
-            scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
-          onScroll(dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels)), scrollRemaining && (frameRef.current = requestAnimationFrame(frame));
+          const pixelsToScroll = msElapsed / 2;
+          const remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop;
+          const scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
+          onScroll(dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels));
+          if (scrollRemaining) {
+            frameRef.current = requestAnimationFrame(frame);
+          }
         }
       }
-      cancelAnimationFrame(frameRef.current), frameRef.current = requestAnimationFrame(frame);
+      cancelAnimationFrame(frameRef.current);
+      frameRef.current = requestAnimationFrame(frame);
     },
     onPointerLeave: () => {
-      statusRef.current = "idle", cancelAnimationFrame(frameRef.current);
+      statusRef.current = "idle";
+      cancelAnimationFrame(frameRef.current);
     }
   });
 }));

package/dist/cjs/SelectScrollButton.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var SelectScrollButton_native_exports = {};
 __export(SelectScrollButton_native_exports, {
@@ -27,9 +29,9 @@ __export(SelectScrollButton_native_exports, {
 });
 module.exports = __toCommonJS(SelectScrollButton_native_exports);
 var SelectScrollUpButton = function (_) {
-    return null;
-  },
-  SelectScrollDownButton = function (_) {
-    return null;
-  };
+  return null;
+};
+var SelectScrollDownButton = function (_) {
+  return null;
+};
 //# sourceMappingURL=SelectScrollButton.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["SelectScrollButton_native_exports","__export","SelectScrollDownButton","SelectScrollUpButton","module","exports","__toCommonJS","_"],"sources":["../../src/SelectScrollButton.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iCAAA;AAAAC,QAAA,CAAAD,iCAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,iCAAA;AAAO,IAAIG,oBAAA,GAAuB,SAAAA,CAASI,CAAA,EAAG;IAC1C,OAAO;EACX;EACWL,sBAAA,GAAyB,SAAAA,CAASK,CAAA,EAAG;IAC5C,OAAO;EACX","ignoreList":[]}
+{"version":3,"names":["SelectScrollButton_native_exports","__export","SelectScrollDownButton","SelectScrollUpButton","module","exports","__toCommonJS","_"],"sources":["../../src/SelectScrollButton.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iCAAA;AAAAC,QAAA,CAAAD,iCAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,iCAAA;AAAO,IAAIG,oBAAA,GAAuB,SAAAA,CAASI,CAAA,EAAG;EAC1C,OAAO;AACX;AACO,IAAIL,sBAAA,GAAyB,SAAAA,CAASK,CAAA,EAAG;EAC5C,OAAO;AACX","ignoreList":[]}