@tamagui/select 2.7.7 → 3.0.0-beta.1091.1

package/dist/cjs/SelectScrollButton.cjs

@@ -5,153 +5,133 @@ 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
-  });
+	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;
+	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
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SelectScrollButton_exports = {};
 __export(SelectScrollButton_exports, {
-  SelectScrollDownButton: () => SelectScrollDownButton,
-  SelectScrollUpButton: () => SelectScrollUpButton
+	SelectScrollButtonFrame: () => SelectScrollButtonFrame,
+	SelectScrollDownButton: () => SelectScrollDownButton,
+	SelectScrollUpButton: () => SelectScrollUpButton
 });
 module.exports = __toCommonJS(SelectScrollButton_exports);
+var import_core = require("@tamagui/core");
 var import_floating = require("@tamagui/floating");
 var import_compose_refs = require("@tamagui/compose-refs");
-var import_stacks = require("@tamagui/stacks");
+var import_helpers = require("@tamagui/helpers");
 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
-  });
+const SelectScrollButtonFrame = (0, import_core.styled)(import_core.View, { displayName: "SelectScrollButton" });
+const SelectScrollUpButton = (0, import_core.createStyledHOC)(SelectScrollButtonFrame, (props, forwardedRef) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
+		partClassName: `is_${SCROLL_UP_BUTTON_NAME}`,
+		...props,
+		dir: "up",
+		ref: forwardedRef
+	});
 });
 SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
 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
-  });
+const SelectScrollDownButton = (0, import_core.createStyledHOC)(SelectScrollButtonFrame, (props, forwardedRef) => {
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollButtonImpl, {
+		partClassName: `is_${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;
-  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;
-    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": true,
-    ...scrollIndicatorProps,
-    zIndex: 1e3,
-    position: strategy,
-    left: x || 0,
-    top: y || 0,
-    width: `calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`,
-    onPointerEnter: () => {
-      statusRef.current = "active";
-      let prevNow = Date.now();
-      function frame() {
-        const element = floatingRef?.current;
-        if (element) {
-          const currentNow = Date.now();
-          const msElapsed = currentNow - prevNow;
-          prevNow = currentNow;
-          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);
-    },
-    onPointerLeave: () => {
-      statusRef.current = "idle";
-      cancelAnimationFrame(frameRef.current);
-    }
-  });
-}));
+const SelectScrollButtonImpl = React.memo((0, import_core.createStyledHOC)(SelectScrollButtonFrame, (props, forwardedRef) => {
+	const { scope, dir, partClassName, ...scrollIndicatorProps } = props;
+	const { className, onPointerEnter, onPointerLeave, ...frameProps } = scrollIndicatorProps;
+	const { open, fallback, updateScrollArrows, 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 setFloatingRef = React.useCallback((node) => {
+		refs.setFloating(node);
+	}, [refs.setFloating]);
+	const composedRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, setFloatingRef);
+	React.useEffect(() => {
+		return () => cancelAnimationFrame(frameRef.current);
+	}, []);
+	if (!isVisible) {
+		return null;
+	}
+	const onScroll = (amount) => {
+		const floating = floatingRef;
+		if (!floating) return;
+		if (fallback) {
+			if (floating.current) {
+				floating.current.scrollTop -= amount;
+				updateScrollArrows();
+			}
+		} else {
+			(0, import_react_dom.flushSync)(() => setInnerOffset((value) => value - amount));
+		}
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectScrollButtonFrame, {
+		ref: composedRef,
+		className: `${partClassName} ${className || ""}`.trim(),
+		"aria-hidden": true,
+		...frameProps,
+		zIndex: 1e3,
+		position: strategy,
+		left: x || 0,
+		top: y || 0,
+		width: `calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`,
+		onPointerEnter: (0, import_helpers.composeEventHandlers)(onPointerEnter, () => {
+			statusRef.current = "active";
+			let prevNow = Date.now();
+			function frame() {
+				const element = floatingRef?.current;
+				if (element) {
+					const currentNow = Date.now();
+					const msElapsed = currentNow - prevNow;
+					prevNow = currentNow;
+					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);
+		}),
+		onPointerLeave: (0, import_helpers.composeEventHandlers)(onPointerLeave, () => {
+			statusRef.current = "idle";
+			cancelAnimationFrame(frameRef.current);
+		})
+	});
+}));

package/dist/cjs/SelectScrollButton.native.cjs

@@ -0,0 +1,37 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+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: 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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectScrollButton_native_exports = {};
+__export(SelectScrollButton_native_exports, {
+	SelectScrollButtonFrame: () => SelectScrollButtonFrame,
+	SelectScrollDownButton: () => SelectScrollDownButton,
+	SelectScrollUpButton: () => SelectScrollUpButton
+});
+module.exports = __toCommonJS(SelectScrollButton_native_exports);
+var import_core = require("@tamagui/core");
+var SelectScrollButtonFrame = (0, import_core.styled)(import_core.View, { displayName: "SelectScrollButton" });
+var SelectScrollUpButton = (0, import_core.createStyledHOC)(SelectScrollButtonFrame, function(_props) {
+	return null;
+});
+var SelectScrollDownButton = (0, import_core.createStyledHOC)(SelectScrollButtonFrame, function(_props) {
+	return null;
+});

package/dist/cjs/SelectScrollButton.native.js

@@ -5,33 +5,35 @@ 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: true
-  });
+	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;
+	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 __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SelectScrollButton_native_exports = {};
 __export(SelectScrollButton_native_exports, {
-  SelectScrollDownButton: () => SelectScrollDownButton,
-  SelectScrollUpButton: () => SelectScrollUpButton
+	SelectScrollButtonFrame: () => SelectScrollButtonFrame,
+	SelectScrollDownButton: () => SelectScrollDownButton,
+	SelectScrollUpButton: () => SelectScrollUpButton
 });
 module.exports = __toCommonJS(SelectScrollButton_native_exports);
-var SelectScrollUpButton = function (_) {
-  return null;
-};
-var SelectScrollDownButton = function (_) {
-  return null;
-};
+var import_core = require("@tamagui/core");
+var SelectScrollButtonFrame = (0, import_core.styled)(import_core.View, { displayName: "SelectScrollButton" });
+var SelectScrollUpButton = (0, import_core.createStyledHOC)(SelectScrollButtonFrame, function(_props) {
+	return null;
+});
+var SelectScrollDownButton = (0, import_core.createStyledHOC)(SelectScrollButtonFrame, function(_props) {
+	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;EAC1C,OAAO;AACX;AACO,IAAIL,sBAAA,GAAyB,SAAAA,CAASK,CAAA,EAAG;EAC5C,OAAO;AACX","ignoreList":[]}
+{"version":3,"file":"SelectScrollButton.native.js","names":[],"sources":["cjs/SelectScrollButton.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SelectScrollButton_native_exports = {};\n__export(SelectScrollButton_native_exports, {\n  SelectScrollButtonFrame: () => SelectScrollButtonFrame,\n  SelectScrollDownButton: () => SelectScrollDownButton,\n  SelectScrollUpButton: () => SelectScrollUpButton\n});\nmodule.exports = __toCommonJS(SelectScrollButton_native_exports);\nvar import_core = require(\"@tamagui/core\");\nvar SelectScrollButtonFrame = (0, import_core.styled)(import_core.View, {\n  displayName: \"SelectScrollButton\"\n});\nvar SelectScrollUpButton = (0, import_core.createStyledHOC)(SelectScrollButtonFrame, function(_props) {\n  return null;\n});\nvar SelectScrollDownButton = (0, import_core.createStyledHOC)(SelectScrollButtonFrame, function(_props) {\n  return null;\n});\n//# sourceMappingURL=SelectScrollButton.native.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,oCAAoC,CAAC;AACzC,SAAS,mCAAmC;CAC1C,+BAA+B;CAC/B,8BAA8B;CAC9B,4BAA4B;AAC9B,CAAC;AACD,OAAO,UAAU,aAAa,iCAAiC;AAC/D,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,2BAA2B,GAAG,YAAY,OAAM,CAAE,YAAY,MAAM,EACtE,aAAa,qBACf,CAAC;AACD,IAAI,wBAAwB,GAAG,YAAY,gBAAe,CAAE,yBAAyB,SAAS,QAAQ;CACpG,OAAO;AACT,CAAC;AACD,IAAI,0BAA0B,GAAG,YAAY,gBAAe,CAAE,yBAAyB,SAAS,QAAQ;CACtG,OAAO;AACT,CAAC"}

package/dist/cjs/SelectTrigger.cjs

@@ -1,99 +1,83 @@
-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
-  });
+	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;
+	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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SelectTrigger_exports = {};
 __export(SelectTrigger_exports, {
-  SelectTrigger: () => SelectTrigger
+	SelectTrigger: () => SelectTrigger,
+	SelectTriggerFrame: () => SelectTriggerFrame
 });
 module.exports = __toCommonJS(SelectTrigger_exports);
 var import_compose_refs = require("@tamagui/compose-refs");
-var import_list_item = require("@tamagui/list-item");
-var React = __toESM(require("react"), 1);
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_helpers = require("@tamagui/helpers");
 var import_context = require("./context.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const TRIGGER_NAME = "SelectTrigger";
-const isPointerCoarse = typeof window !== "undefined" && true ? window.matchMedia("(pointer:coarse)").matches : true;
-const SelectTrigger = React.forwardRef(function SelectTrigger2(props, forwardedRef) {
-  const {
-    scope,
-    disabled = false,
-    unstyled = false,
-    ...triggerProps
-  } = props;
-  const context = (0, import_context.useSelectContext)(scope);
-  const itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
-  const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.floatingContext?.refs.setReference);
-  if (itemParentContext.shouldRenderWebNative) return null;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_list_item.ListItem, {
-    componentName: TRIGGER_NAME,
-    unstyled,
-    render: "button",
-    type: "button",
-    id: itemParentContext.id,
-    ...(!unstyled && {
-      focusVisibleStyle: {
-        outlineStyle: "solid",
-        outlineWidth: 2,
-        outlineColor: "$outlineColor"
-      },
-      borderWidth: 1,
-      size: itemParentContext.size
-    }),
-    role: "combobox",
-    "aria-haspopup": "listbox",
-    "aria-expanded": context.open,
-    "aria-autocomplete": "none",
-    dir: context.dir,
-    disabled,
-    "data-disabled": disabled ? "" : void 0,
-    ...triggerProps,
-    ref: composedRefs,
-    ...(itemParentContext.interactions ? {
-      ...itemParentContext.interactions.getReferenceProps(),
-      ...(isPointerCoarse ? {
-        onPress() {
-          itemParentContext.setOpen(!context.open);
-        }
-      } : {
-        onMouseDown() {
-          context.floatingContext?.update?.();
-          itemParentContext.setOpen(!context.open);
-        }
-      })
-    } : {
-      onPress() {
-        itemParentContext.setOpen(!context.open);
-      }
-    })
-  });
-});
+const SelectTriggerFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "SelectTrigger",
+	alignItems: "center",
+	flexDirection: "row",
+	render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button" })
+});
+const SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {
+	const { scope, disabled = false, ...triggerProps } = props;
+	const context = (0, import_context.useSelectContext)(scope);
+	const itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+	const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.floatingContext?.refs.setReference);
+	if (itemParentContext.shouldRenderWebNative) return null;
+	const toggleOpen = (event, reason = "trigger-press") => {
+		if (!disabled) itemParentContext.requestOpenChange(!context.open, (0, import_core.createChangeEventDetails)(reason, event?.nativeEvent || event, event?.currentTarget));
+	};
+	const interactionProps = context.interactions ? context.interactions.getReferenceProps({
+		...triggerProps,
+		onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, () => context.floatingContext?.update?.())
+	}) : {
+		...triggerProps,
+		...import_constants.isWeb ? { onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, (event) => {
+			event.preventDefault();
+			toggleOpen(event);
+		}) } : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },
+		onKeyDown: (0, import_helpers.composeEventHandlers)(triggerProps.onKeyDown, (event) => {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				toggleOpen(event, "keyboard");
+			}
+		})
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTriggerFrame, {
+		type: "button",
+		id: itemParentContext.id,
+		role: "combobox",
+		"aria-haspopup": "listbox",
+		"aria-expanded": context.open,
+		"data-state": context.open ? "open" : "closed",
+		"aria-autocomplete": "none",
+		accessibilityRole: import_constants.isWeb ? void 0 : "button",
+		accessibilityState: import_constants.isWeb ? void 0 : {
+			expanded: context.open,
+			disabled
+		},
+		dir: context.dir,
+		disabled,
+		"data-disabled": disabled ? "" : void 0,
+		...interactionProps,
+		ref: composedRefs
+	});
+});

package/dist/cjs/SelectTrigger.native.cjs

@@ -0,0 +1,90 @@
+"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(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,
+	SelectTriggerFrame: () => SelectTriggerFrame
+});
+module.exports = __toCommonJS(SelectTrigger_exports);
+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_helpers = require("@tamagui/helpers");
+__toESM(require("react"), 1);
+var import_context = require("./context.native.js");
+var SelectTriggerFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "SelectTrigger",
+	alignItems: "center",
+	flexDirection: "row",
+	render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button" })
+});
+var SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {
+	var _context_floatingContext;
+	var { scope, disabled = false, ...triggerProps } = props;
+	var context = (0, import_context.useSelectContext)(scope);
+	var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+	var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
+	if (itemParentContext.shouldRenderWebNative) return null;
+	var toggleOpen = function(event) {
+		var reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "trigger-press";
+		if (!disabled) itemParentContext.requestOpenChange(!context.open, (0, import_core.createChangeEventDetails)(reason, (event === null || event === void 0 ? void 0 : event.nativeEvent) || event, event === null || event === void 0 ? void 0 : event.currentTarget));
+	};
+	var interactionProps = {
+		...triggerProps,
+		...import_constants.isWeb ? { onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, function(event) {
+			event.preventDefault();
+			toggleOpen(event);
+		}) } : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },
+		onKeyDown: (0, import_helpers.composeEventHandlers)(triggerProps.onKeyDown, function(event) {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				toggleOpen(event, "keyboard");
+			}
+		})
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTriggerFrame, {
+		type: "button",
+		id: itemParentContext.id,
+		role: "combobox",
+		"aria-haspopup": "listbox",
+		"aria-expanded": context.open,
+		"aria-autocomplete": "none",
+		accessibilityRole: import_constants.isWeb ? void 0 : "button",
+		accessibilityState: import_constants.isWeb ? void 0 : {
+			expanded: context.open,
+			disabled
+		},
+		dir: context.dir,
+		disabled,
+		"data-disabled": disabled ? "" : void 0,
+		...interactionProps,
+		ref: composedRefs
+	});
+});