@tamagui/select 1.39.8 → 1.40.0

package/dist/cjs/SelectTrigger.js

@@ -0,0 +1,98 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+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: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectTrigger_exports = {};
+__export(SelectTrigger_exports, {
+  SelectTrigger: () => SelectTrigger
+});
+module.exports = __toCommonJS(SelectTrigger_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_list_item = require("@tamagui/list-item");
+var React = __toESM(require("react"));
+var import_context = require("./context");
+const TRIGGER_NAME = "SelectTrigger";
+const SelectTrigger = React.forwardRef(
+  function SelectTrigger2(props, forwardedRef) {
+    var _a;
+    const { __scopeSelect, disabled = false, unstyled = false, ...triggerProps } = props;
+    const context = (0, import_context.useSelectContext)(TRIGGER_NAME, __scopeSelect);
+    const composedRefs = (0, import_compose_refs.useComposedRefs)(
+      forwardedRef,
+      (_a = context.floatingContext) == null ? void 0 : _a.refs.setReference
+    );
+    if (context.shouldRenderWebNative) {
+      return null;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_list_item.ListItem,
+      {
+        componentName: TRIGGER_NAME,
+        unstyled,
+        ...!unstyled && {
+          backgrounded: true,
+          radiused: true,
+          hoverTheme: true,
+          pressTheme: true,
+          focusable: true,
+          focusStyle: {
+            outlineStyle: "solid",
+            outlineWidth: 2,
+            outlineColor: "$borderColorFocus"
+          },
+          borderWidth: 1
+        },
+        size: context.size,
+        "aria-expanded": context.open,
+        "aria-autocomplete": "none",
+        dir: context.dir,
+        disabled,
+        "data-disabled": disabled ? "" : void 0,
+        ...triggerProps,
+        ref: composedRefs,
+        ...process.env.TAMAGUI_TARGET === "web" && context.interactions ? {
+          ...context.interactions.getReferenceProps(),
+          onMouseDown() {
+            var _a2;
+            (_a2 = context.floatingContext) == null ? void 0 : _a2.update();
+            context.setOpen(!context.open);
+          }
+        } : {
+          onPress() {
+            context.setOpen(!context.open);
+          }
+        }
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectTrigger
+});
+//# sourceMappingURL=SelectTrigger.js.map

package/dist/cjs/SelectTrigger.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectTrigger.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCM;AAhCN,0BAAgC;AAEhC,uBAAwC;AACxC,YAAuB;AAEvB,qBAAiC;AAMjC,MAAM,eAAe;AAId,MAAM,gBAAgB,MAAM;AAAA,EACjC,SAASA,eAAc,OAAwC,cAAc;AAhB/E;AAiBI,UAAM,EAAE,eAAe,WAAW,OAAO,WAAW,OAAO,GAAG,aAAa,IAAI;AAE/E,UAAM,cAAU,iCAAiB,cAAc,aAAa;AAC5D,UAAM,mBAAe;AAAA,MACnB;AAAA,OACA,aAAQ,oBAAR,mBAAyB,KAAK;AAAA,IAChC;AAIA,QAAI,QAAQ,uBAAuB;AACjC,aAAO;AAAA,IACT;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf;AAAA,QACC,GAAI,CAAC,YAAY;AAAA,UAChB,cAAc;AAAA,UACd,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,YAAY;AAAA,YACV,cAAc;AAAA,YACd,cAAc;AAAA,YACd,cAAc;AAAA,UAChB;AAAA,UACA,aAAa;AAAA,QACf;AAAA,QACA,MAAM,QAAQ;AAAA,QAEd,iBAAe,QAAQ;AAAA,QACvB,qBAAkB;AAAA,QAClB,KAAK,QAAQ;AAAA,QACb;AAAA,QACA,iBAAe,WAAW,KAAK;AAAA,QAC9B,GAAG;AAAA,QACJ,KAAK;AAAA,QACJ,GAAI,QAAQ,IAAI,mBAAmB,SAAS,QAAQ,eACjD;AAAA,UACE,GAAG,QAAQ,aAAa,kBAAkB;AAAA,UAC1C,cAAc;AA5D5B,gBAAAC;AA6DgB,aAAAA,MAAA,QAAQ,oBAAR,gBAAAA,IAAyB;AACzB,oBAAQ,QAAQ,CAAC,QAAQ,IAAI;AAAA,UAC/B;AAAA,QACF,IACA;AAAA,UACE,UAAU;AACR,oBAAQ,QAAQ,CAAC,QAAQ,IAAI;AAAA,UAC/B;AAAA,QACF;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;",
+  "names": ["SelectTrigger", "_a"]
+}

package/dist/cjs/SelectViewport.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SelectViewport_exports = {};
 __export(SelectViewport_exports, {
@@ -34,22 +24,27 @@ __export(SelectViewport_exports, {
 module.exports = __toCommonJS(SelectViewport_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("@floating-ui/react");
+var import_animate_presence = require("@tamagui/animate-presence");
 var import_core = require("@tamagui/core");
 var import_core2 = require("@tamagui/core");
 var import_portal = require("@tamagui/portal");
 var import_stacks = require("@tamagui/stacks");
-var React = __toESM(require("react"));
 var import_constants = require("./constants");
 var import_context = require("./context");
 var import_useSelectBreakpointActive = require("./useSelectBreakpointActive");
 const SelectViewportFrame = (0, import_core2.styled)(import_stacks.ThemeableStack, {
   name: import_constants.VIEWPORT_NAME,
-  backgroundColor: "$background",
-  elevate: true,
-  bordered: true,
-  userSelect: "none",
-  outlineWidth: 0,
   variants: {
+    unstyled: {
+      false: {
+        size: "$2",
+        backgroundColor: "$background",
+        elevate: true,
+        bordered: true,
+        userSelect: "none",
+        outlineWidth: 0
+      }
+    },
     size: {
       "...size": (val, { tokens }) => {
         return {
@@ -59,11 +54,11 @@ const SelectViewportFrame = (0, import_core2.styled)(import_stacks.ThemeableStac
     }
   },
   defaultVariants: {
-    size: "$2"
+    unstyled: false
   }
 });
-const SelectViewport = React.forwardRef(
-  (props, forwardedRef) => {
+const SelectViewport = SelectViewportFrame.styleable(
+  function SelectViewport2(props, forwardedRef) {
     var _a;
     const { __scopeSelect, children, disableScroll, ...viewportProps } = props;
     const context = (0, import_context.useSelectContext)(import_constants.VIEWPORT_NAME, __scopeSelect);
@@ -83,18 +78,12 @@ const SelectViewport = React.forwardRef(
     if (breakpointActive || !import_core.isWeb) {
       return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_portal.PortalItem, { hostName: `${context.scopeKey}SheetContents`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, { context, children }) });
     }
-    if (!context.floatingContext) {
-      return null;
-    }
-    if (!context.open) {
-      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
-    }
     const {
       style: { scrollbarWidth, listStyleType, overflow, ...restStyle },
       ...floatingProps
     } = context.interactions.getFloatingProps();
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
-      !disableScroll && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      !disableScroll && !props.unstyled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -102,7 +91,7 @@ const SelectViewport = React.forwardRef(
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.FloatingFocusManager, { context: context.floatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.FloatingFocusManager, { context: context.floatingContext, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { children: context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         SelectViewportFrame,
         {
           size: context.size,
@@ -111,14 +100,17 @@ const SelectViewport = React.forwardRef(
           ref: composedRefs,
           ...floatingProps,
           ...restStyle,
-          overflow: disableScroll ? void 0 : overflow ?? "scroll",
+          ...!props.unstyled && {
+            overflow: disableScroll ? void 0 : overflow ?? "scroll"
+          },
           children
-        }
-      ) })
+        },
+        "select-viewport"
+      ) : null }) }),
+      !context.open && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "none" }, children: props.children })
     ] });
   }
 );
-SelectViewport.displayName = import_constants.VIEWPORT_NAME;
 const selectViewportCSS = `
 .is_SelectViewport {
   scrollbar-width: none;

package/dist/cjs/SelectViewport.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectViewport.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA6Da;AA7Db,mBAAqC;AACrC,kBAKO;AACP,IAAAA,eAAuB;AACvB,oBAA2B;AAC3B,oBAA+B;AAC/B,YAAuB;AAEvB,uBAA8B;AAC9B,qBAAuD;AAEvD,uCAA0C;AAMnC,MAAM,0BAAsB,qBAAO,8BAAgB;AAAA,EACxD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,OAAyC,iBAAiB;AA7C7D;AA8CI,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI;AACrE,UAAM,cAAU,iCAAiB,gCAAe,aAAa;AAC7D,UAAM,uBAAmB,4DAA0B,QAAQ,eAAe;AAE1E,+CAA0B,MAAM;AAC9B,UAAI,QAAQ,QAAQ;AAClB,gBAAQ,OAAO;AAAA,MACjB;AAAA,IACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,UAAM,mBAAe;AAAA,MACnB;AAAA,OACA,aAAQ,oBAAR,mBAAyB,KAAK;AAAA,IAChC;AACA,QAAI,QAAQ,uBAAuB;AACjC,aAAO,2EAAG,UAAS;AAAA,IACrB;AAEA,QAAI,oBAAoB,CAAC,mBAAO;AAC9B,aACE,4CAAC,4BAAW,UAAU,GAAG,QAAQ,yBAC/B,sDAAC,uCAAqB,SAAmB,UAAS,GACpD;AAAA,IAEJ;AAEA,QAAI,CAAC,QAAQ,iBAAiB;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,QAAQ,MAAM;AACjB,aAAO,2EAAG,UAAS;AAAA,IACrB;AAEA,UAAM;AAAA,MACJ,OAAO,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU;AAAA,MAC/D,GAAG;AAAA,IACL,IAAI,QAAQ,aAAc,iBAAiB;AAE3C,WACE,4EACG;AAAA,OAAC,iBACA;AAAA,QAAC;AAAA;AAAA,UACC,yBAAyB;AAAA,YACvB,QAAQ;AAAA,UACV;AAAA;AAAA,MACF;AAAA,MAEF,4CAAC,qCAAqB,SAAS,QAAQ,iBACrC;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,QAAQ;AAAA,UAEd,MAAK;AAAA,UACJ,GAAG;AAAA,UACJ,KAAK;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACJ,UAAU,gBAAgB,SAAY,YAAY;AAAA,UAEjD;AAAA;AAAA,MACH,GACF;AAAA,OACF;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAE7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": ["import_core"]
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqEa;AArEb,mBAAqC;AACrC,8BAAgC;AAChC,kBAKO;AACP,IAAAA,eAAuB;AACvB,oBAA2B;AAC3B,oBAA+B;AAG/B,uBAA8B;AAC9B,qBAAuD;AAEvD,uCAA0C;AAMnC,MAAM,0BAAsB,qBAAO,8BAAgB;AAAA,EACxD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAiB,oBAAoB;AAAA,EAChD,SAASC,gBAAe,OAAyC,cAAc;AApDjF;AAqDI,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI;AACrE,UAAM,cAAU,iCAAiB,gCAAe,aAAa;AAC7D,UAAM,uBAAmB,4DAA0B,QAAQ,eAAe;AAE1E,+CAA0B,MAAM;AAC9B,UAAI,QAAQ,QAAQ;AAClB,gBAAQ,OAAO;AAAA,MACjB;AAAA,IACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,UAAM,mBAAe;AAAA,MACnB;AAAA,OACA,aAAQ,oBAAR,mBAAyB,KAAK;AAAA,IAChC;AAEA,QAAI,QAAQ,uBAAuB;AACjC,aAAO,2EAAG,UAAS;AAAA,IACrB;AAEA,QAAI,oBAAoB,CAAC,mBAAO;AAC9B,aACE,4CAAC,4BAAW,UAAU,GAAG,QAAQ,yBAC/B,sDAAC,uCAAqB,SAAmB,UAAS,GACpD;AAAA,IAEJ;AAEA,UAAM;AAAA,MACJ,OAAO,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU;AAAA,MAC/D,GAAG;AAAA,IACL,IAAI,QAAQ,aAAc,iBAAiB;AAE3C,WACE,4EACG;AAAA,OAAC,iBAAiB,CAAC,MAAM,YACxB;AAAA,QAAC;AAAA;AAAA,UACC,yBAAyB;AAAA,YACvB,QAAQ;AAAA,UACV;AAAA;AAAA,MACF;AAAA,MAEF,4CAAC,qCAAqB,SAAS,QAAQ,iBACrC,sDAAC,2CACE,kBAAQ,OACP;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,QAAQ;AAAA,UAEd,MAAK;AAAA,UACJ,GAAG;AAAA,UACJ,KAAK;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAI,CAAC,MAAM,YAAY;AAAA,YACtB,UAAU,gBAAgB,SAAY,YAAY;AAAA,UACpD;AAAA,UAEC;AAAA;AAAA,QAZG;AAAA,MAaN,IACE,MACN,GACF;AAAA,MAGC,CAAC,QAAQ,QAAQ,4CAAC,SAAI,OAAO,EAAE,SAAS,OAAO,GAAI,gBAAM,UAAS;AAAA,OACrE;AAAA,EAEJ;AACF;AAEA,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["import_core", "SelectViewport"]
 }

package/dist/cjs/useSelectItemContext.js

@@ -0,0 +1,180 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+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: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useSelectItemContext_exports = {};
+__export(useSelectItemContext_exports, {
+  SelectItem: () => SelectItem
+});
+module.exports = __toCommonJS(useSelectItemContext_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_core = require("@tamagui/core");
+var import_list_item = require("@tamagui/list-item");
+var React = __toESM(require("react"));
+var import_context = require("./context");
+const ITEM_NAME = "SelectItem";
+const [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME);
+const SelectItem = import_list_item.ListItem.styleable(
+  (props, forwardedRef) => {
+    const {
+      __scopeSelect,
+      value,
+      disabled = false,
+      textValue: textValueProp,
+      index,
+      ...itemProps
+    } = props;
+    const context = (0, import_context.useSelectContext)(ITEM_NAME, __scopeSelect);
+    const isSelected = context.value === value;
+    const textId = React.useId();
+    const {
+      selectedIndex,
+      setSelectedIndex,
+      listRef,
+      open,
+      setOpen,
+      onChange,
+      activeIndex,
+      allowMouseUpRef,
+      allowSelectRef,
+      setValueAtIndex,
+      selectTimeoutRef,
+      dataRef
+    } = context;
+    const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => {
+      if (!import_core.isWeb)
+        return;
+      if (node instanceof HTMLElement) {
+        if (listRef) {
+          listRef.current[index] = node;
+        }
+      }
+    });
+    (0, import_core.useIsomorphicLayoutEffect)(() => {
+      setValueAtIndex(index, value);
+    }, [index, setValueAtIndex, value]);
+    function handleSelect() {
+      setSelectedIndex(index);
+      onChange(value);
+      setOpen(false);
+    }
+    const selectItemProps = context.interactions ? context.interactions.getItemProps({
+      ...import_core.isWebTouchable ? {
+        onTouchStart() {
+          allowSelectRef.current = true;
+          allowMouseUpRef.current = false;
+        }
+      } : {
+        onTouchMove() {
+          allowSelectRef.current = true;
+          allowMouseUpRef.current = false;
+        },
+        onTouchEnd() {
+          allowSelectRef.current = false;
+          allowMouseUpRef.current = true;
+        }
+      },
+      onKeyDown(event) {
+        if (event.key === "Enter" || event.key === " " && !(dataRef == null ? void 0 : dataRef.current.typing)) {
+          event.preventDefault();
+          handleSelect();
+        } else {
+          allowSelectRef.current = true;
+        }
+      },
+      onClick() {
+        if (allowSelectRef.current) {
+          setSelectedIndex(index);
+          setOpen(false);
+        }
+      },
+      onMouseUp() {
+        if (!allowMouseUpRef.current) {
+          return;
+        }
+        if (allowSelectRef.current) {
+          handleSelect();
+        }
+        clearTimeout(selectTimeoutRef.current);
+        selectTimeoutRef.current = setTimeout(() => {
+          allowSelectRef.current = true;
+        });
+      }
+    }) : {
+      onPress: handleSelect
+    };
+    const isActive = activeIndex === index;
+    React.useEffect(() => {
+      var _a;
+      if (isActive) {
+        (_a = listRef == null ? void 0 : listRef.current[index]) == null ? void 0 : _a.focus();
+      }
+    }, [isActive]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      SelectItemContextProvider,
+      {
+        scope: __scopeSelect,
+        value,
+        textId: textId || "",
+        isSelected,
+        children: context.shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value, children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_list_item.ListItem,
+          {
+            tag: "div",
+            componentName: ITEM_NAME,
+            backgrounded: true,
+            pressTheme: true,
+            hoverTheme: true,
+            focusTheme: true,
+            cursor: "default",
+            outlineWidth: 0,
+            ref: composedRefs,
+            "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,
+            size: context.size,
+            ...itemProps,
+            ...selectItemProps,
+            ...isActive && {
+              theme: "active"
+            }
+          }
+        )
+      }
+    );
+  }
+);
+SelectItem.displayName = ITEM_NAME;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectItem
+});
+//# sourceMappingURL=useSelectItemContext.js.map

package/dist/cjs/useSelectItemContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSelectItemContext.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/Select.js

@@ -4,7 +4,6 @@ import { useComposedRefs } from "@tamagui/compose-refs";
 import {
   getVariableValue,
   isWeb,
-  isWebTouchable,
   styled,
   useGet,
   useIsomorphicLayoutEffect,
@@ -23,67 +22,14 @@ import { SELECT_NAME } from "./constants";
 import { SelectProvider, createSelectContext, useSelectContext } from "./context";
 import { SelectContent } from "./SelectContent";
 import { SelectInlineImpl } from "./SelectImpl";
+import { SelectItem, useSelectItemContext } from "./SelectItem";
 import { SelectScrollDownButton, SelectScrollUpButton } from "./SelectScrollButton";
+import { SelectTrigger } from "./SelectTrigger";
 import { SelectViewport } from "./SelectViewport";
 import {
   useSelectBreakpointActive,
   useShowSelectSheet
 } from "./useSelectBreakpointActive";
-const TRIGGER_NAME = "SelectTrigger";
-const SelectTrigger = React.forwardRef(
-  function SelectTrigger2(props, forwardedRef) {
-    var _a;
-    const { __scopeSelect, disabled = false, unstyled = false, ...triggerProps } = props;
-    const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
-    const composedRefs = useComposedRefs(
-      forwardedRef,
-      (_a = context.floatingContext) == null ? void 0 : _a.refs.setReference
-    );
-    if (context.shouldRenderWebNative) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(
-      ListItem,
-      {
-        componentName: TRIGGER_NAME,
-        unstyled,
-        ...!unstyled && {
-          backgrounded: true,
-          radiused: true,
-          hoverTheme: true,
-          pressTheme: true,
-          focusable: true,
-          focusStyle: {
-            outlineStyle: "solid",
-            outlineWidth: 2,
-            outlineColor: "$borderColorFocus"
-          },
-          borderWidth: 1
-        },
-        size: context.size,
-        "aria-expanded": context.open,
-        "aria-autocomplete": "none",
-        dir: context.dir,
-        disabled,
-        "data-disabled": disabled ? "" : void 0,
-        ...triggerProps,
-        ref: composedRefs,
-        ...process.env.TAMAGUI_TARGET === "web" && context.interactions ? {
-          ...context.interactions.getReferenceProps(),
-          onMouseDown() {
-            var _a2;
-            (_a2 = context.floatingContext) == null ? void 0 : _a2.update();
-            context.setOpen(!context.open);
-          }
-        } : {
-          onPress() {
-            context.setOpen(!context.open);
-          }
-        }
-      }
-    );
-  }
-);
 const VALUE_NAME = "SelectValue";
 const SelectValueFrame = styled(SizableText, {
   name: VALUE_NAME,
@@ -131,133 +77,6 @@ const SelectIcon = styled(XStack, {
   "aria-hidden": true,
   children: /* @__PURE__ */ jsx(Paragraph, { children: "\u25BC" })
 });
-const ITEM_NAME = "SelectItem";
-const [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
-const SelectItem = React.forwardRef(
-  (props, forwardedRef) => {
-    const {
-      __scopeSelect,
-      value,
-      disabled = false,
-      textValue: textValueProp,
-      index,
-      ...itemProps
-    } = props;
-    const context = useSelectContext(ITEM_NAME, __scopeSelect);
-    const isSelected = context.value === value;
-    const textId = React.useId();
-    const {
-      selectedIndex,
-      setSelectedIndex,
-      listRef,
-      open,
-      setOpen,
-      onChange,
-      activeIndex,
-      allowMouseUpRef,
-      allowSelectRef,
-      setValueAtIndex,
-      selectTimeoutRef,
-      dataRef
-    } = context;
-    const composedRefs = useComposedRefs(forwardedRef, (node) => {
-      if (!isWeb)
-        return;
-      if (node instanceof HTMLElement) {
-        if (listRef) {
-          listRef.current[index] = node;
-        }
-      }
-    });
-    useIsomorphicLayoutEffect(() => {
-      setValueAtIndex(index, value);
-    }, [index, setValueAtIndex, value]);
-    function handleSelect() {
-      setSelectedIndex(index);
-      onChange(value);
-      setOpen(false);
-    }
-    const selectItemProps = context.interactions ? context.interactions.getItemProps({
-      ...isWebTouchable ? {
-        onTouchStart() {
-          allowSelectRef.current = true;
-          allowMouseUpRef.current = false;
-        }
-      } : {
-        onTouchMove() {
-          allowSelectRef.current = true;
-          allowMouseUpRef.current = false;
-        },
-        onTouchEnd() {
-          allowSelectRef.current = false;
-          allowMouseUpRef.current = true;
-        }
-      },
-      onKeyDown(event) {
-        if (event.key === "Enter" || event.key === " " && !(dataRef == null ? void 0 : dataRef.current.typing)) {
-          event.preventDefault();
-          handleSelect();
-        } else {
-          allowSelectRef.current = true;
-        }
-      },
-      onClick() {
-        if (allowSelectRef.current) {
-          setSelectedIndex(index);
-          setOpen(false);
-        }
-      },
-      onMouseUp() {
-        if (!allowMouseUpRef.current) {
-          return;
-        }
-        if (allowSelectRef.current) {
-          handleSelect();
-        }
-        clearTimeout(selectTimeoutRef.current);
-        selectTimeoutRef.current = setTimeout(() => {
-          allowSelectRef.current = true;
-        });
-      }
-    }) : {
-      onPress: handleSelect
-    };
-    const isActive = activeIndex === index;
-    return /* @__PURE__ */ jsx(
-      SelectItemContextProvider,
-      {
-        scope: __scopeSelect,
-        value,
-        textId: textId || "",
-        isSelected,
-        children: context.shouldRenderWebNative ? /* @__PURE__ */ jsx("option", { value, children: props.children }) : /* @__PURE__ */ jsx(
-          ListItem,
-          {
-            tag: "div",
-            componentName: ITEM_NAME,
-            backgrounded: true,
-            pressTheme: true,
-            hoverTheme: true,
-            focusTheme: true,
-            cursor: "default",
-            outlineWidth: 0,
-            ref: composedRefs,
-            "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,
-            size: context.size,
-            ...itemProps,
-            ...selectItemProps
-          }
-        )
-      }
-    );
-  }
-);
-SelectItem.displayName = ITEM_NAME;
 const ITEM_TEXT_NAME = "SelectItemText";
 const SelectItemTextFrame = styled(SizableText, {
   name: ITEM_TEXT_NAME,
@@ -300,8 +119,9 @@ const SelectItemText = React.forwardRef(
         context.setSelectedItem(contents);
       }
     }, [isSelected, contents]);
-    if (context.shouldRenderWebNative)
+    if (context.shouldRenderWebNative) {
       return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+    }
     return /* @__PURE__ */ jsx(Fragment, { children: contents });
   }
 );
@@ -570,9 +390,7 @@ export {
   Select,
   SelectGroupFrame,
   SelectIcon,
-  SelectItem,
   SelectItemTextFrame,
-  SelectSeparator,
-  SelectTrigger
+  SelectSeparator
 };
 //# sourceMappingURL=Select.js.map