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

package/dist/cjs/SelectItem.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 SelectItem_exports = {};
 __export(SelectItem_exports, {
   SelectItem: () => SelectItem,
@@ -38,155 +40,200 @@ __export(SelectItem_exports, {
   useSelectItemContext: () => useSelectItemContext
 });
 module.exports = __toCommonJS(SelectItem_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_compose_refs = require("@tamagui/compose-refs"),
-  import_constants = require("@tamagui/constants"),
-  import_core = require("@tamagui/core"),
-  import_list_item = require("@tamagui/list-item"),
-  React = __toESM(require("react"), 1),
-  import_context = require("./context.native.js");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_list_item = require("@tamagui/list-item");
+var React = __toESM(require("react"), 1);
+var import_context = require("./context.native.js");
 function _instanceof(left, right) {
-  return right != null && typeof Symbol < "u" && right[Symbol.hasInstance] ? !!right[Symbol.hasInstance](left) : left instanceof right;
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
 }
-var ITEM_NAME = "SelectItem",
-  {
-    Provider: SelectItemContextProvider,
-    useStyledContext: useSelectItemContext
-  } = (0, import_core.createStyledContext)(null, ITEM_NAME),
-  SelectItem = import_list_item.ListItem.Frame.styleable(function (props, forwardedRef) {
-    var {
-        scope,
-        value,
-        disabled = !1,
-        textValue: textValueProp,
-        index,
-        ...restProps
-      } = props,
-      context = (0, import_context.useSelectItemParentContext)(scope),
-      {
-        setSelectedIndex,
-        listRef,
-        setOpen,
-        onChange,
-        activeIndexSubscribe,
-        valueSubscribe,
-        allowMouseUpRef,
-        allowSelectRef,
-        setValueAtIndex,
-        selectTimeoutRef,
-        dataRef,
-        interactions,
-        shouldRenderWebNative,
-        size,
-        onActiveChange,
-        initialValue,
-        setActiveIndexFast
-      } = context,
-      [isSelected, setSelected] = React.useState(initialValue === value);
-    (0, import_constants.useIsomorphicLayoutEffect)(function () {
-      initialValue === value && setSelectedIndex(index);
-    }, []), React.useEffect(function () {
-      return activeIndexSubscribe(function (i) {
-        var isActive = index === i;
-        if (isActive && (onActiveChange(value, index), import_constants.isWeb)) {
-          var _listRef_current_index;
-          listRef == null || (_listRef_current_index = listRef.current[index]) === null || _listRef_current_index === void 0 || _listRef_current_index.focus();
+var ITEM_NAME = "SelectItem";
+var {
+  Provider: SelectItemContextProvider,
+  useStyledContext: useSelectItemContext
+} = (0, import_core.createStyledContext)(null, ITEM_NAME);
+var SelectItem = import_list_item.ListItem.Frame.styleable(function SelectItem2(props, forwardedRef) {
+  var {
+    scope,
+    value,
+    disabled = false,
+    textValue: textValueProp,
+    index,
+    ...restProps
+  } = props;
+  var context = (0, import_context.useSelectItemParentContext)(scope);
+  var {
+    setSelectedIndex,
+    listRef,
+    setOpen,
+    onChange,
+    activeIndexSubscribe,
+    activeIndexRef,
+    valueSubscribe,
+    allowMouseUpRef,
+    allowSelectRef,
+    setValueAtIndex,
+    selectTimeoutRef,
+    dataRef,
+    interactions,
+    shouldRenderWebNative,
+    size,
+    onActiveChange,
+    initialValue,
+    setActiveIndexFast
+  } = context;
+  var [isSelected, setSelected] = React.useState(initialValue === value);
+  (0, import_constants.useIsomorphicLayoutEffect)(function () {
+    if (initialValue === value) {
+      setSelectedIndex(index);
+    }
+  }, []);
+  React.useEffect(function () {
+    var handleActiveIndex = function (i) {
+      if (index === i) {
+        onActiveChange(value, index);
+        if (import_constants.isWeb) {
+          requestAnimationFrame(function () {
+            var _listRef_current_index;
+            listRef === null || listRef === void 0 ? void 0 : (_listRef_current_index = listRef.current[index]) === null || _listRef_current_index === void 0 ? void 0 : _listRef_current_index.focus();
+          });
         }
-      });
-    }, [index]), React.useEffect(function () {
-      return valueSubscribe(function (val) {
-        setSelected(val === value);
-      });
-    }, [value]);
-    var textId = React.useId(),
-      refCallback = React.useCallback(function (node) {
-        import_constants.isWeb && _instanceof(node, HTMLElement) && listRef && (listRef.current[index] = node);
-      }, [index, listRef]),
-      composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, refCallback);
-    (0, import_constants.useIsomorphicLayoutEffect)(function () {
-      setValueAtIndex(index, value);
-    }, [index, setValueAtIndex, value]);
-    function handleSelect() {
-      setSelectedIndex(index), onChange(value), setOpen(!1);
+      }
+    };
+    var currentActiveIndex = activeIndexRef === null || activeIndexRef === void 0 ? void 0 : activeIndexRef.current;
+    if (currentActiveIndex !== null && currentActiveIndex !== void 0) {
+      handleActiveIndex(currentActiveIndex);
     }
-    var selectItemProps = React.useMemo(function () {
-      return interactions ? interactions.getItemProps({
-        onTouchMove() {
-          allowSelectRef.current = !0, allowMouseUpRef.current = !1;
-        },
-        onTouchEnd() {
-          allowSelectRef.current = !1, allowMouseUpRef.current = !0;
+    return activeIndexSubscribe(handleActiveIndex);
+  }, [index]);
+  React.useEffect(function () {
+    return valueSubscribe(function (val) {
+      setSelected(val === value);
+    });
+  }, [value]);
+  var textId = React.useId();
+  var refCallback = React.useCallback(function (node) {
+    if (!import_constants.isWeb) return;
+    if (_instanceof(node, HTMLElement)) {
+      if (listRef) {
+        listRef.current[index] = node;
+      }
+    }
+  }, [index, listRef]);
+  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, refCallback);
+  (0, import_constants.useIsomorphicLayoutEffect)(function () {
+    setValueAtIndex(index, value);
+  }, [index, setValueAtIndex, value]);
+  function handleSelect() {
+    setSelectedIndex(index);
+    onChange(value);
+    setOpen(false);
+  }
+  var selectItemProps = React.useMemo(function () {
+    return interactions ? interactions.getItemProps({
+      onTouchMove() {
+        allowSelectRef.current = true;
+        allowMouseUpRef.current = false;
+      },
+      onTouchEnd() {
+        allowSelectRef.current = false;
+        allowMouseUpRef.current = true;
+      },
+      onKeyDown(event) {
+        if (event.key === "Enter" || event.key === " " && !(dataRef === null || dataRef === void 0 ? void 0 : dataRef.current.typing)) {
+          event.preventDefault();
+          handleSelect();
+        } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+          event.preventDefault();
+          event.stopPropagation();
+          var _listRef_current_length;
+          var itemCount = (_listRef_current_length = listRef === null || listRef === void 0 ? void 0 : listRef.current.length) !== null && _listRef_current_length !== void 0 ? _listRef_current_length : 0;
+          if (itemCount === 0) return;
+          var nextIndex;
+          if (event.key === "ArrowDown") {
+            nextIndex = index + 1 >= itemCount ? 0 : index + 1;
+          } else {
+            nextIndex = index - 1 < 0 ? itemCount - 1 : index - 1;
+          }
+          setActiveIndexFast === null || setActiveIndexFast === void 0 ? void 0 : setActiveIndexFast(nextIndex);
+        } else {
+          allowSelectRef.current = true;
+        }
+      },
+      onClick() {
+        if (allowSelectRef.current) {
+          handleSelect();
+        }
+      },
+      onMouseUp() {
+        if (!allowMouseUpRef.current) {
+          allowMouseUpRef.current = true;
+          allowSelectRef.current = true;
+          return;
+        }
+        if (allowSelectRef.current) {
+          handleSelect();
+        }
+        clearTimeout(selectTimeoutRef.current);
+        selectTimeoutRef.current = setTimeout(function () {
+          allowSelectRef.current = true;
+        });
+      }
+    }) : {
+      onPress: handleSelect
+    };
+  }, [handleSelect, index, listRef, setActiveIndexFast]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectItemContextProvider, {
+    scope,
+    value,
+    textId: textId || "",
+    isSelected,
+    children: shouldRenderWebNative ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("option", {
+      value,
+      children: props.children
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_list_item.ListItem.Frame, {
+      render: "div",
+      componentName: ITEM_NAME,
+      ref: composedRefs,
+      role: "option",
+      "aria-labelledby": textId,
+      "aria-selected": isSelected,
+      "data-state": isSelected ? "active" : "inactive",
+      "aria-disabled": disabled || void 0,
+      "data-disabled": disabled ? "" : void 0,
+      tabIndex: disabled ? void 0 : -1,
+      ...(!props.unstyled && {
+        cursor: "default",
+        size,
+        outlineOffset: -0.5,
+        zIndex: 100,
+        hoverStyle: {
+          backgroundColor: "$backgroundHover"
         },
-        onKeyDown(event) {
-          if (event.key === "Enter" || event.key === " " && !dataRef?.current.typing) event.preventDefault(), handleSelect();else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-            event.preventDefault(), event.stopPropagation();
-            var _listRef_current_length,
-              itemCount = (_listRef_current_length = listRef?.current.length) !== null && _listRef_current_length !== void 0 ? _listRef_current_length : 0;
-            if (itemCount === 0) return;
-            var nextIndex;
-            event.key === "ArrowDown" ? nextIndex = index + 1 >= itemCount ? 0 : index + 1 : nextIndex = index - 1 < 0 ? itemCount - 1 : index - 1, setActiveIndexFast?.(nextIndex);
-          } else allowSelectRef.current = !0;
+        pressStyle: {
+          backgroundColor: "$backgroundPress"
         },
-        onClick() {
-          allowSelectRef.current && handleSelect();
+        focusStyle: {
+          backgroundColor: "$backgroundFocus"
         },
-        onMouseUp() {
-          if (!allowMouseUpRef.current) {
-            allowMouseUpRef.current = !0, allowSelectRef.current = !0;
-            return;
-          }
-          allowSelectRef.current && handleSelect(), clearTimeout(selectTimeoutRef.current), selectTimeoutRef.current = setTimeout(function () {
-            allowSelectRef.current = !0;
-          });
+        focusVisibleStyle: {
+          outlineColor: "$outlineColor",
+          outlineWidth: 1,
+          outlineStyle: "solid"
         }
-      }) : {
-        onPress: handleSelect
-      };
-    }, [handleSelect, index, listRef, setActiveIndexFast]);
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SelectItemContextProvider, {
-      scope,
-      value,
-      textId: textId || "",
-      isSelected,
-      children: shouldRenderWebNative ? /* @__PURE__ */(0, import_jsx_runtime.jsx)("option", {
-        value,
-        children: props.children
-      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_list_item.ListItem.Frame, {
-        render: "div",
-        componentName: ITEM_NAME,
-        ref: composedRefs,
-        role: "option",
-        "aria-labelledby": textId,
-        "aria-selected": isSelected,
-        "data-state": isSelected ? "active" : "inactive",
-        "aria-disabled": disabled || void 0,
-        "data-disabled": disabled ? "" : void 0,
-        tabIndex: disabled ? void 0 : -1,
-        ...(!props.unstyled && {
-          cursor: "default",
-          size,
-          outlineOffset: -0.5,
-          zIndex: 100,
-          hoverStyle: {
-            backgroundColor: "$backgroundHover"
-          },
-          pressStyle: {
-            backgroundColor: "$backgroundPress"
-          },
-          focusStyle: {
-            backgroundColor: "$backgroundFocus"
-          },
-          focusVisibleStyle: {
-            outlineColor: "$outlineColor",
-            outlineWidth: 1,
-            outlineStyle: "solid"
-          }
-        }),
-        ...restProps,
-        ...selectItemProps
-      })
-    });
-  }, {
-    disableTheme: !0
+      }),
+      ...restProps,
+      ...selectItemProps
+    })
   });
+}, {
+  disableTheme: true
+});
 //# sourceMappingURL=SelectItem.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SelectItem_exports","__export","SelectItem","SelectItemContextProvider","useSelectItemContext","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_core","import_list_item","React","__toESM","import_context","_instanceof","left","right","Symbol","hasInstance","ITEM_NAME","Provider","useStyledContext","createStyledContext","ListItem","Frame","styleable","props","forwardedRef","scope","disabled","textValue","textValueProp","index","restProps","context","useSelectItemParentContext","setSelectedIndex","listRef","setOpen","onChange","activeIndexSubscribe","valueSubscribe","allowMouseUpRef","allowSelectRef","setValueAtIndex","selectTimeoutRef","dataRef","interactions","shouldRenderWebNative","size","onActiveChange","initialValue","setActiveIndexFast","isSelected","setSelected","useState","useIsomorphicLayoutEffect","useEffect","i","isActive","isWeb","_listRef_current_index","current","focus","val","textId","useId","refCallback","useCallback","node","HTMLElement","composedRefs","useComposedRefs","handleSelect","selectItemProps","useMemo","getItemProps","onTouchMove","onTouchEnd","onKeyDown","event","key","typing","preventDefault","stopPropagation","_listRef_current_length","itemCount","length","nextIndex","onClick","onMouseUp","clearTimeout","setTimeout","onPress","jsx","children","render","componentName","ref","role","tabIndex","unstyled","cursor","outlineOffset","zIndex","hoverStyle","backgroundColor","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","disableTheme"],"sources":["../../src/SelectItem.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,UAAA,EAAAA,CAAA,KAAAA,UAAA;EAAAC,yBAAA,EAAAA,CAAA,KAAAA,yBAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAX,YAAgC,CAAAK,kBAAA;AAahC,IAAAO,kBAAkB,GAAAC,OAQL;EAAAC,mBAAA,GAAAD,OAAA;EAAAE,gBAAA,GAAAF,OAAA;EAAAG,WAAA,GAAAH,OAAA;EAAAI,gBAAA,GAAAJ,OAAA;EAAAK,KAAA,GAAAC,OAAA,CAAAN,OAAA;EAAAO,cAAA,GAAAP,OAAA;AAAA,SACXQ,WAAUA,CAAAC,IAAA,EAAAC,KAAA;EACV,OAAAA,KAAA,QAAkB,WAAAC,MAAA,UAAAD,KAAA,CAAAC,MAAA,CAAAC,WAAA,MAAAF,KAAA,CAAAC,MAAA,CAAAC,WAAA,EAAAH,IAAA,IAAAA,IAAA,YAAAC,KAAA;AACpB;AAYyC,IACvCG,SAAoB,eAA2C;EAAA;IAAcC,QAAA,EAAAnB,yBAAA;IAAAoB,gBAAA,EAAAnB;EAAA,QAAAO,WAAA,CAAAa,mBAAA,QAAAH,SAAA;EAAAnB,UAAA,GAAAU,gBAAA,CAAAa,QAAA,CAAAC,KAAA,CAAAC,SAAA,WAAAC,KAAA,EAAAC,YAAA;IAC3E;QAAAC,KAAM;QAAA/B,KAAA;QAAAgC,QAAA;QAAAC,SAAA,EAAAC,aAAA;QAAAC,KAAA;QAAA,GAAAC;MAAA,IAAAP,KAAA;MAAAQ,OAAA,OAAArB,cAAA,CAAAsB,0BAAA,EAAAP,KAAA;MAAA;QAAAQ,gBAAA;QAAAC,OAAA;QAAAC,OAAA;QAAAC,QAAA;QAAAC,oBAAA;QAAAC,cAAA;QAAAC,eAAA;QAAAC,cAAA;QAAAC,eAAA;QAAAC,gBAAA;QAAAC,OAAA;QAAAC,YAAA;QAAAC,qBAAA;QAAAC,IAAA;QAAAC,cAAA;QAAAC,YAAA;QAAAC;MAAA,IAAAlB,OAAA;MAAA,CAAAmB,UAAA,EAAAC,WAAA,IAAA3C,KAAA,CAAA4C,QAAA,CAAAJ,YAAA,KAAAtD,KAAA;IAAA,IACJW,gBAAA,CAAAgD,yBAAA;MAAAL,YACA,KAAAtD,KAAA,IAAAuC,gBAAA,CAAAJ,KAAA;IAAA,KACA,GAAArB,KAAA,CAAA8C,SAAW;MAAA,OACXjB,oBAAW,WAAAkB,CAAA;QACX,IAAAC,QAAA,GAAA3B,KAAA,KAAA0B,CAAA;QACA,IAAGC,QAAA,KAAAT,cAAA,CAAArD,KAAA,EAAAmC,KAAA,GAAAxB,gBAAA,CAAAoD,KAAA;UACD,IAAAC,sBAEY;UAGdxB,OAAA,aAAAwB,sBAAA,GAAAxB,OAAA,CAAAyB,OAAA,CAAA9B,KAAA,eAAA6B,sBAAA,eAAAA,sBAAA,CAAAE,KAAA;QACA;MAAA,EACA;IAAA,IACA/B,KACA,IACArB,KAAA,CAAA8C,SAAA;MAAA,OACAhB,cAAA,WAAAuB,GAAA;QACAV,WAAA,CAAAU,GAAA,KAAAnE,KAAA;MAAA,EACA;IAAA,IACAA,KACA;IACA,IACAoE,MAAA,GAAAtD,KAAA,CAAAuD,KAAA;MAAAC,WAAA,GAAAxD,KAAA,CAAAyD,WAAA,WAAAC,IAAA;QAAA7D,gBACA,CAAAoD,KAAA,IAAA9C,WAAA,CAAAuD,IAAA,EAAAC,WAAA,KAAAjC,OAAA,KAAAA,OAAA,CAAAyB,OAAA,CAAA9B,KAAA,IAAAqC,IAAA;MAAA,IACArC,KACA,EAAAK,OACA,EACF;MAAAkC,YAEO,OAAAhE,mBAAuB,CAAIiE,eAAe,EAAA7C,YAAA,EAAAwC,WAAsB;IAGvE,IAAA3D,gBAAA,CAAAgD,yBAAA,cAAgC;MAC9BZ,eAAI,CAAAZ,KAAiB,EAAAnC,KACnB;IAAsB,GAE1B,CAMImC,KAFiB,EASnBY,eAGF,EAEI/C,KAAA,CAAyB,CAC3B;IAGF,SAAM4E,YAASA,CAAA,EAAM;MAEKrC,gBACd,CAAAJ,KAAA,GAAAO,QAAA,CAAA1C,KAAA,GAAAyC,OAAA;IACR;IAG6B,IAG/BoC,eAAA,GAAA/D,KAAA,CAAAgE,OAAA;MAAA,OACC5B,YAAc,GAAAA,YAAA,CAAA6B,YAAA;QACjBC,WAEMA,CAAA;UAENlC,cAAA,CAAAmB,OAAA,OAAApB,eAA0B,CAAAoB,OAAM;QAC9B;QACFgB,UAAWA,CAAA;UAEXnC,cAAS,CAAAmB,OAAe,OAAApB,eAAA,CAAAoB,OAAA;QACtB;QAGFiB,UAAAC,KAAA;UAEA,IAAMA,KAAA,CAAAC,GAAA,YAAkB,IAAMD,KAAQ,CAAAC,GAAA,KAC7B,QAAAnC,OACH,EAAAgB,OAAA,CAAaoB,MAAA,EACXF,KAAA,CAAAG,cAAc,IAAAV,YAAA,QACZ,IAAAO,KAAA,CAAgBC,GAAA,gBAChB,IAAAD,KAAA,CAAAC,GAAiB,cAAU;YAC7BD,KAAA,CAAAG,cAAA,IAAAH,KAAA,CAAAI,eAAA;YACA,IAAAC,uBAAa;cAAAC,SAAA,IAAAD,uBAAA,GAAAhD,OAAA,EAAAyB,OAAA,CAAAyB,MAAA,cAAAF,uBAAA,cAAAA,uBAAA;YACX,IAAAC,SAAgB;YAElB,IAAAE,SAAA;YACAR,KAAA,CAAUC,GAAA,KAAO,cAAAO,SAAA,GAAAxD,KAAA,QAAAsD,SAAA,OAAAtD,KAAA,OAAAwD,SAAA,GAAAxD,KAAA,WAAAsD,SAAA,OAAAtD,KAAA,MAAAoB,kBAAA,GAAAoC,SAAA;UACf,OAIE7C,cAAM,CAAAmB,OAAe,GACrB;QAAa;QAGb2B,QAAA,EAAM;UAEN9C,cAAM,CAAAmB,OAAY,IAAAW,YAAiB;QACnC;QAEAiB,SAAIA,CAAA;UACJ,IAAI,CAAAhD,eAAc,CAAAoB,OAAA,EAChB;YAMJpB,eAAA,CAAAoB,OAAA,OAAAnB,cAAA,CAAAmB,OAAA;YACE;UAEJ;UAEAnB,cAAU,CAAAmB,OAAA,IAAAW,YAAA,IAAAkB,YAAA,CAAA9C,gBAAA,CAAAiB,OAAA,GAAAjB,gBAAA,CAAAiB,OAAA,GAAA8B,UAAA;YACJjD,cAAgB,CAAAmB,OAAA,GAClB;UAEJ;QAEA;MACE;QAEE+B,OAAA,EAAApB;MAEA;IAAA,IAGFA,YAAI,EAQFzC,KAAA,EAA0BK,OAC3B,EAAAe,kBACH,EACF;IACA,OACE,eAAS,IAAA/C,kBAAA,CAAAyF,GAAA,EAAA7F,yBAAA;MACX2B,KACF;MAEJ/B,KAAA;MACEoE,MAAC,EAAAA,MAAA;MAAAZ,UAAA;MAAA0C,QACC,EAAA/C,qBAAA,sBAAA3C,kBAAA,CAAAyF,GAAA;QAAAjG,KACA;QAAAkG,QACA,EAAQrE,KAAA,CAAAqE;MAAU,KAClB,mBAAA1F,kBAAA,CAAAyF,GAAA,EAAApF,gBAAA,CAAAa,QAAA,CAAAC,KAAA;QAAAwE,MAEC;QAGCC,aAAC,EAAA9E,SAAA;QAAS+E,GAAA,EAAT3B,YAAA;QAAA4B,IAAA,EACC,QAAO;QAAA,iBACP,EAAAlC,MAAe;QAAA,eACV,EAAAZ,UAAA;QAAA,YACA,EAAAA,UAAA;QAAA,eACL,EAAAxB,QAAiB;QAAA,eACjB,EAAAA,QAAe;QAAAuE,QACf,EAAAvE,QAAA,GAAY;QAAwB,KAAAH,KACpC,CAAA2E,QAAA;UAA2BC,MAC3B;UAA+BrD,IAC/B;UAAiCsD,aAC3B,EAAM;UAAYC,MACtB;UAAQC,UACR;YAAAC,eACA;UAAe;UACPC,UAER;YAAYD,eACV;UAAiB;UACnBE,UAEA;YAAYF,eACV;UAAiB;UACnBG,iBAEA,EAAY;YAAAC,YACV,iBAAiB;YAAAC,YACnB;YAAAC,YAEA;UAAmB;QACH;QACA,GAAA/E,SACd;QAAc,GAAAyC;MAChB;IACF;EACI;IACAuC,YAAA;EAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SelectItem_exports","__export","SelectItem","SelectItemContextProvider","useSelectItemContext","module","exports","import_jsx_runtime","require","import_compose_refs","import_constants","import_core","import_list_item","React","__toESM","import_context","_instanceof","left","right","Symbol","hasInstance","ITEM_NAME","Provider","useStyledContext","createStyledContext","ListItem","Frame","styleable","SelectItem2","props","forwardedRef","scope","disabled","textValue","textValueProp","index","restProps","context","useSelectItemParentContext","setSelectedIndex","listRef","setOpen","onChange","activeIndexSubscribe","activeIndexRef","valueSubscribe","allowMouseUpRef","allowSelectRef","setValueAtIndex","selectTimeoutRef","dataRef","interactions","shouldRenderWebNative","size","onActiveChange","initialValue","setActiveIndexFast","isSelected","setSelected","useState","useIsomorphicLayoutEffect","useEffect","handleActiveIndex","i","isWeb","requestAnimationFrame","_listRef_current_index","current","focus","currentActiveIndex","val","textId","useId","refCallback","useCallback","node","HTMLElement","composedRefs","useComposedRefs","handleSelect","selectItemProps","useMemo","getItemProps","onTouchMove","onTouchEnd","onKeyDown","event","key","typing","preventDefault","stopPropagation","_listRef_current_length","itemCount","length","nextIndex","onClick","onMouseUp","clearTimeout","setTimeout","onPress","jsx","children","render","componentName","ref","role","tabIndex","unstyled","cursor","outlineOffset","zIndex","hoverStyle","backgroundColor","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","disableTheme"],"sources":["../../src/SelectItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/SelectItemText.cjs

@@ -2,33 +2,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,
@@ -36,53 +38,65 @@ __export(SelectItemText_exports, {
   SelectItemTextFrame: () => SelectItemTextFrame
 });
 module.exports = __toCommonJS(SelectItemText_exports);
-var 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.cjs"),
-  import_SelectItem = require("./SelectItem.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const 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_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.cjs");
+var import_SelectItem = require("./SelectItem.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const ITEM_TEXT_NAME = "SelectItemText";
+const 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) {
-    const {
-        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)(() => {
-      itemParentContext.initialValue === itemContext.value && itemParentContext.setSelectedItem(contents.current);
-    }, []), (0, import_core.useIsomorphicLayoutEffect)(() => itemParentContext.valueSubscribe(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"
+  }
+});
+const SelectItemText = SelectItemTextFrame.styleable(function SelectItemText2(props, forwardedRef) {
+  const {
+    scope,
+    className,
+    ...itemTextProps
+  } = props;
+  const itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+  const ref = React.useRef(null);
+  const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref);
+  const itemContext = (0, import_SelectItem.useSelectItemContext)(scope);
+  const 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)(() => {
+    if (itemParentContext.initialValue === itemContext.value) {
+      itemParentContext.setSelectedItem(contents.current);
+    }
+  }, []);
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
+    return itemParentContext.valueSubscribe(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
+  });
+});