@tamagui/select 2.7.7 → 3.0.0-beta.643.1

package/dist/jsx/SelectScrollButton.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["autoUpdate","offset","useFloatingRaw","useFloating","useComposedRefs","YStack","React","flushSync","useSelectContext","jsx","SCROLL_UP_BUTTON_NAME","SelectScrollUpButton","forwardRef","props","forwardedRef","SelectScrollButtonImpl","componentName","dir","ref","displayName","SCROLL_DOWN_BUTTON_NAME","SelectScrollDownButton","memo","scope","scrollIndicatorProps","forceUpdate","open","fallback","setScrollTop","setInnerOffset","context","floatingRef","floatingContext","refs","floating","statusRef","useRef","isVisible","frameRef","x","y","strategy","elements","reference","current","placement","middleware","rects","height","whileElementsMounted","args","animationFrame","composedRef","setFloating","onScroll","amount","scrollTop","value","zIndex","position","left","top","width","offsetWidth","onPointerEnter","prevNow","Date","now","frame","element","currentNow","msElapsed","pixelsToScroll","remainingPixels","scrollHeight","clientHeight","scrollRemaining","Math","min","max","requestAnimationFrame","cancelAnimationFrame","onPointerLeave"],"sources":["../../src/SelectScrollButton.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectScrollButton.js","names":["useFloating"],"sources":["jsx/SelectScrollButton.js"],"sourcesContent":["import { createStyledHOC, styled, View } from \"@tamagui/core\";\nimport { autoUpdate, offset, useFloatingRaw as useFloating } from \"@tamagui/floating\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport * as React from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { useSelectContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\nconst SCROLL_UP_BUTTON_NAME = \"SelectScrollUpButton\";\nconst SelectScrollButtonFrame = styled(View, {\n  displayName: \"SelectScrollButton\"\n});\nconst SelectScrollUpButton = createStyledHOC(\n  SelectScrollButtonFrame,\n  (props, forwardedRef) => {\n    return /* @__PURE__ */ jsx(\n      SelectScrollButtonImpl,\n      {\n        partClassName: `is_${SCROLL_UP_BUTTON_NAME}`,\n        ...props,\n        dir: \"up\",\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;\nconst SCROLL_DOWN_BUTTON_NAME = \"SelectScrollDownButton\";\nconst SelectScrollDownButton = createStyledHOC(\n  SelectScrollButtonFrame,\n  (props, forwardedRef) => {\n    return /* @__PURE__ */ jsx(\n      SelectScrollButtonImpl,\n      {\n        partClassName: `is_${SCROLL_DOWN_BUTTON_NAME}`,\n        ...props,\n        dir: \"down\",\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;\nconst SelectScrollButtonImpl = React.memo(\n  createStyledHOC(\n    SelectScrollButtonFrame,\n    (props, forwardedRef) => {\n      const { scope, dir, partClassName, ...scrollIndicatorProps } = props;\n      const { className, onPointerEnter, onPointerLeave, ...frameProps } = scrollIndicatorProps;\n      const { open, fallback, setScrollTop, setInnerOffset, ...context } = useSelectContext(scope);\n      const floatingRef = context.floatingContext?.refs.floating;\n      const statusRef = React.useRef(\"idle\");\n      const isVisible = context[dir === \"down\" ? \"canScrollDown\" : \"canScrollUp\"];\n      const frameRef = React.useRef(null);\n      const { x, y, refs, strategy } = useFloating({\n        open: open && isVisible,\n        strategy: \"fixed\",\n        elements: {\n          reference: floatingRef?.current\n        },\n        placement: dir === \"up\" ? \"top\" : \"bottom\",\n        middleware: [offset(({ rects }) => -rects.floating.height)],\n        whileElementsMounted: (...args) => autoUpdate(...args, { animationFrame: true })\n      });\n      const setFloatingRef = React.useCallback(\n        (node) => {\n          refs.setFloating(node);\n        },\n        [refs.setFloating]\n      );\n      const composedRef = useComposedRefs(forwardedRef, setFloatingRef);\n      React.useEffect(() => {\n        return () => cancelAnimationFrame(frameRef.current);\n      }, []);\n      if (!isVisible) {\n        return null;\n      }\n      const onScroll = (amount) => {\n        const floating = floatingRef;\n        if (!floating) return;\n        if (fallback) {\n          if (floating.current) {\n            floating.current.scrollTop -= amount;\n            flushSync(() => setScrollTop(floating.current?.scrollTop ?? 0));\n          }\n        } else {\n          flushSync(() => setInnerOffset((value) => value - amount));\n        }\n      };\n      return /* @__PURE__ */ jsx(\n        SelectScrollButtonFrame,\n        {\n          ref: composedRef,\n          className: `${partClassName} ${className || \"\"}`.trim(),\n          \"aria-hidden\": true,\n          ...frameProps,\n          zIndex: 1e3,\n          position: strategy,\n          left: x || 0,\n          top: y || 0,\n          width: `calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`,\n          onPointerEnter: composeEventHandlers(onPointerEnter, () => {\n            statusRef.current = \"active\";\n            let prevNow = Date.now();\n            function frame() {\n              const element = floatingRef?.current;\n              if (element) {\n                const currentNow = Date.now();\n                const msElapsed = currentNow - prevNow;\n                prevNow = currentNow;\n                const pixelsToScroll = msElapsed / 2;\n                const remainingPixels = dir === \"up\" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop;\n                const scrollRemaining = dir === \"up\" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;\n                onScroll(\n                  dir === \"up\" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels)\n                );\n                if (scrollRemaining) {\n                  frameRef.current = requestAnimationFrame(frame);\n                }\n              }\n            }\n            cancelAnimationFrame(frameRef.current);\n            frameRef.current = requestAnimationFrame(frame);\n          }),\n          onPointerLeave: composeEventHandlers(onPointerLeave, () => {\n            statusRef.current = \"idle\";\n            cancelAnimationFrame(frameRef.current);\n          })\n        }\n      );\n    }\n  )\n);\nexport {\n  SelectScrollButtonFrame,\n  SelectScrollDownButton,\n  SelectScrollUpButton\n};\n//# sourceMappingURL=SelectScrollButton.js.map\n"],"mappings":"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"}

package/dist/jsx/SelectScrollButton.native.cjs

@@ -0,0 +1,38 @@
+"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/jsx/SelectScrollButton.native.js

@@ -1,37 +1,40 @@
 "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
-  });
+	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/jsx/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":["jsx/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,QAAQ,YAAY,MAAM,EACtE,aAAa,qBACf,CAAC;AACD,IAAI,wBAAwB,GAAG,YAAY,iBAAiB,yBAAyB,SAAS,QAAQ;CACpG,OAAO;AACT,CAAC;AACD,IAAI,0BAA0B,GAAG,YAAY,iBAAiB,yBAAyB,SAAS,QAAQ;CACtG,OAAO;AACT,CAAC"}

package/dist/jsx/SelectTrigger.mjs

@@ -1,63 +1,61 @@
 import { useComposedRefs } from "@tamagui/compose-refs";
-import { ListItem } from "@tamagui/list-item";
-import * as React from "react";
+import { isWeb } from "@tamagui/constants";
+import { View, createChangeEventDetails, createStyledHOC, styled } from "@tamagui/core";
+import { composeEventHandlers } from "@tamagui/helpers";
 import { useSelectContext, useSelectItemParentContext } from "./context.mjs";
 import { jsx } from "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 = useSelectContext(scope);
-  const itemParentContext = useSelectItemParentContext(scope);
-  const composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);
-  if (itemParentContext.shouldRenderWebNative) return null;
-  return /* @__PURE__ */jsx(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 = styled(View, {
+	displayName: "SelectTrigger",
+	alignItems: "center",
+	flexDirection: "row",
+	render: /* @__PURE__ */ jsx("button", { type: "button" })
 });
-export { SelectTrigger };
+const SelectTrigger = createStyledHOC(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {
+	const { scope, disabled = false, ...triggerProps } = props;
+	const context = useSelectContext(scope);
+	const itemParentContext = useSelectItemParentContext(scope);
+	const composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);
+	if (itemParentContext.shouldRenderWebNative) return null;
+	const toggleOpen = (event, reason = "trigger-press") => {
+		if (!disabled) itemParentContext.requestOpenChange(!context.open, createChangeEventDetails(reason, event?.nativeEvent || event, event?.currentTarget));
+	};
+	const interactionProps = itemParentContext.interactions ? itemParentContext.interactions.getReferenceProps({
+		...triggerProps,
+		onMouseDown: composeEventHandlers(triggerProps.onMouseDown, () => context.floatingContext?.update?.())
+	}) : {
+		...triggerProps,
+		...isWeb ? { onMouseDown: composeEventHandlers(triggerProps.onMouseDown, (event) => {
+			event.preventDefault();
+			toggleOpen(event);
+		}) } : { onPress: composeEventHandlers(triggerProps.onPress, toggleOpen) },
+		onKeyDown: composeEventHandlers(triggerProps.onKeyDown, (event) => {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				toggleOpen(event, "keyboard");
+			}
+		})
+	};
+	return /* @__PURE__ */ 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: isWeb ? void 0 : "button",
+		accessibilityState: isWeb ? void 0 : {
+			expanded: context.open,
+			disabled
+		},
+		dir: context.dir,
+		disabled,
+		"data-disabled": disabled ? "" : void 0,
+		...interactionProps,
+		ref: composedRefs
+	});
+});
+
+export { SelectTrigger, SelectTriggerFrame };
 //# sourceMappingURL=SelectTrigger.mjs.map

package/dist/jsx/SelectTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["useComposedRefs","ListItem","React","useSelectContext","useSelectItemParentContext","jsx","TRIGGER_NAME","isPointerCoarse","window","matchMedia","matches","SelectTrigger","forwardRef","SelectTrigger2","props","forwardedRef","scope","disabled","unstyled","triggerProps","context","itemParentContext","composedRefs","floatingContext","refs","setReference","shouldRenderWebNative","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role","open","dir","ref","interactions","getReferenceProps","onPress","setOpen","onMouseDown","update"],"sources":["SelectTrigger.mjs"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { ListItem } from \"@tamagui/list-item\";\nimport * as React from \"react\";\nimport { useSelectContext, useSelectItemParentContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst TRIGGER_NAME = \"SelectTrigger\";\nconst isPointerCoarse = typeof window !== \"undefined\" && true ? window.matchMedia(\"(pointer:coarse)\").matches : true;\nconst SelectTrigger = React.forwardRef(function SelectTrigger2(props, forwardedRef) {\n\tconst { scope, disabled = false, unstyled = false, ...triggerProps } = props;\n\tconst context = useSelectContext(scope);\n\tconst itemParentContext = useSelectItemParentContext(scope);\n\tconst composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);\n\tif (itemParentContext.shouldRenderWebNative) return null;\n\treturn /* @__PURE__ */ jsx(ListItem, {\n\t\tcomponentName: TRIGGER_NAME,\n\t\tunstyled,\n\t\trender: \"button\",\n\t\ttype: \"button\",\n\t\tid: itemParentContext.id,\n\t\t...!unstyled && {\n\t\t\tfocusVisibleStyle: {\n\t\t\t\toutlineStyle: \"solid\",\n\t\t\t\toutlineWidth: 2,\n\t\t\t\toutlineColor: \"$outlineColor\"\n\t\t\t},\n\t\t\tborderWidth: 1,\n\t\t\tsize: itemParentContext.size\n\t\t},\n\t\trole: \"combobox\",\n\t\t\"aria-haspopup\": \"listbox\",\n\t\t\"aria-expanded\": context.open,\n\t\t\"aria-autocomplete\": \"none\",\n\t\tdir: context.dir,\n\t\tdisabled,\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...triggerProps,\n\t\tref: composedRefs,\n\t\t...itemParentContext.interactions ? {\n\t\t\t...itemParentContext.interactions.getReferenceProps(),\n\t\t\t...isPointerCoarse ? { onPress() {\n\t\t\t\titemParentContext.setOpen(!context.open);\n\t\t\t} } : { onMouseDown() {\n\t\t\t\tcontext.floatingContext?.update?.();\n\t\t\t\titemParentContext.setOpen(!context.open);\n\t\t\t} }\n\t\t} : { onPress() {\n\t\t\titemParentContext.setOpen(!context.open);\n\t\t} }\n\t});\n});\n\nexport { SelectTrigger };"],"mappings":"AAAA,SAASA,eAAe,QAAQ,uBAAuB;AACvD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,EAAEC,0BAA0B,QAAQ,eAAW;AACxE,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,MAAMC,YAAY,GAAG,eAAe;AACpC,MAAMC,eAAe,GAAG,OAAOC,MAAM,KAAK,WAAW,IAAI,IAAI,GAAGA,MAAM,CAACC,UAAU,CAAC,kBAAkB,CAAC,CAACC,OAAO,GAAG,IAAI;AACpH,MAAMC,aAAa,GAAGT,KAAK,CAACU,UAAU,CAAC,SAASC,cAAcA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACnF,MAAM;IAAEC,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAE,GAAGC;EAAa,CAAC,GAAGL,KAAK;EAC5E,MAAMM,OAAO,GAAGjB,gBAAgB,CAACa,KAAK,CAAC;EACvC,MAAMK,iBAAiB,GAAGjB,0BAA0B,CAACY,KAAK,CAAC;EAC3D,MAAMM,YAAY,GAAGtB,eAAe,CAACe,YAAY,EAAEK,OAAO,CAACG,eAAe,EAAEC,IAAI,CAACC,YAAY,CAAC;EAC9F,IAAIJ,iBAAiB,CAACK,qBAAqB,EAAE,OAAO,IAAI;EACxD,OAAO,eAAgBrB,GAAG,CAACJ,QAAQ,EAAE;IACpC0B,aAAa,EAAErB,YAAY;IAC3BY,QAAQ;IACRU,MAAM,EAAE,QAAQ;IAChBC,IAAI,EAAE,QAAQ;IACdC,EAAE,EAAET,iBAAiB,CAACS,EAAE;IACxB,IAAG,CAACZ,QAAQ,IAAI;MACfa,iBAAiB,EAAE;QAClBC,YAAY,EAAE,OAAO;QACrBC,YAAY,EAAE,CAAC;QACfC,YAAY,EAAE;MACf,CAAC;MACDC,WAAW,EAAE,CAAC;MACdC,IAAI,EAAEf,iBAAiB,CAACe;IACzB,CAAC;IACDC,IAAI,EAAE,UAAU;IAChB,eAAe,EAAE,SAAS;IAC1B,eAAe,EAAEjB,OAAO,CAACkB,IAAI;IAC7B,mBAAmB,EAAE,MAAM;IAC3BC,GAAG,EAAEnB,OAAO,CAACmB,GAAG;IAChBtB,QAAQ;IACR,eAAe,EAAEA,QAAQ,GAAG,EAAE,GAAG,KAAK,CAAC;IACvC,GAAGE,YAAY;IACfqB,GAAG,EAAElB,YAAY;IACjB,IAAGD,iBAAiB,CAACoB,YAAY,GAAG;MACnC,GAAGpB,iBAAiB,CAACoB,YAAY,CAACC,iBAAiB,CAAC,CAAC;MACrD,IAAGnC,eAAe,GAAG;QAAEoC,OAAOA,CAAA,EAAG;UAChCtB,iBAAiB,CAACuB,OAAO,CAAC,CAACxB,OAAO,CAACkB,IAAI,CAAC;QACzC;MAAE,CAAC,GAAG;QAAEO,WAAWA,CAAA,EAAG;UACrBzB,OAAO,CAACG,eAAe,EAAEuB,MAAM,GAAG,CAAC;UACnCzB,iBAAiB,CAACuB,OAAO,CAAC,CAACxB,OAAO,CAACkB,IAAI,CAAC;QACzC;MAAE,CAAC;IACJ,CAAC,GAAG;MAAEK,OAAOA,CAAA,EAAG;QACftB,iBAAiB,CAACuB,OAAO,CAAC,CAACxB,OAAO,CAACkB,IAAI,CAAC;MACzC;IAAE,CAAC;EACJ,CAAC,CAAC;AACH,CAAC,CAAC;AAEF,SAAS3B,aAAa","ignoreList":[]}
+{"version":3,"file":"SelectTrigger.js","names":[],"sources":["jsx/SelectTrigger.js"],"sourcesContent":["import { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { View, createChangeEventDetails, createStyledHOC, styled } from \"@tamagui/core\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\nimport { useSelectContext, useSelectItemParentContext } from \"./context\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst SelectTriggerFrame = styled(View, {\n\tdisplayName: \"SelectTrigger\",\n\talignItems: \"center\",\n\tflexDirection: \"row\",\n\trender: /* @__PURE__ */ jsx(\"button\", { type: \"button\" })\n});\nconst SelectTrigger = createStyledHOC(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {\n\tconst { scope, disabled = false, ...triggerProps } = props;\n\tconst context = useSelectContext(scope);\n\tconst itemParentContext = useSelectItemParentContext(scope);\n\tconst composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setReference);\n\tif (itemParentContext.shouldRenderWebNative) return null;\n\tconst toggleOpen = (event, reason = \"trigger-press\") => {\n\t\tif (!disabled) itemParentContext.requestOpenChange(!context.open, createChangeEventDetails(reason, event?.nativeEvent || event, event?.currentTarget));\n\t};\n\tconst interactionProps = itemParentContext.interactions ? itemParentContext.interactions.getReferenceProps({\n\t\t...triggerProps,\n\t\tonMouseDown: composeEventHandlers(triggerProps.onMouseDown, () => context.floatingContext?.update?.())\n\t}) : {\n\t\t...triggerProps,\n\t\t...isWeb ? { onMouseDown: composeEventHandlers(triggerProps.onMouseDown, (event) => {\n\t\t\tevent.preventDefault();\n\t\t\ttoggleOpen(event);\n\t\t}) } : { onPress: composeEventHandlers(triggerProps.onPress, toggleOpen) },\n\t\tonKeyDown: composeEventHandlers(triggerProps.onKeyDown, (event) => {\n\t\t\tif (event.key === \"Enter\" || event.key === \" \") {\n\t\t\t\tevent.preventDefault();\n\t\t\t\ttoggleOpen(event, \"keyboard\");\n\t\t\t}\n\t\t})\n\t};\n\treturn /* @__PURE__ */ jsx(SelectTriggerFrame, {\n\t\ttype: \"button\",\n\t\tid: itemParentContext.id,\n\t\trole: \"combobox\",\n\t\t\"aria-haspopup\": \"listbox\",\n\t\t\"aria-expanded\": context.open,\n\t\t\"data-state\": context.open ? \"open\" : \"closed\",\n\t\t\"aria-autocomplete\": \"none\",\n\t\taccessibilityRole: isWeb ? void 0 : \"button\",\n\t\taccessibilityState: isWeb ? void 0 : {\n\t\t\texpanded: context.open,\n\t\t\tdisabled\n\t\t},\n\t\tdir: context.dir,\n\t\tdisabled,\n\t\t\"data-disabled\": disabled ? \"\" : void 0,\n\t\t...interactionProps,\n\t\tref: composedRefs\n\t});\n});\n\nexport { SelectTrigger, SelectTriggerFrame };"],"mappings":";;;;;;;;AAOA,MAAM,qBAAqB,OAAO,MAAM;CACvC,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAwB,oBAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AACzD,CAAC;AACD,MAAM,gBAAgB,gBAAgB,oBAAoB,SAAS,eAAe,OAAO,cAAc;CACtG,MAAM,EAAE,OAAO,WAAW,OAAO,GAAG,iBAAiB;CACrD,MAAM,UAAU,iBAAiB,KAAK;CACtC,MAAM,oBAAoB,2BAA2B,KAAK;CAC1D,MAAM,eAAe,gBAAgB,cAAc,QAAQ,iBAAiB,KAAK,YAAY;CAC7F,IAAI,kBAAkB,uBAAuB,OAAO;CACpD,MAAM,cAAc,OAAO,SAAS,oBAAoB;EACvD,IAAI,CAAC,UAAU,kBAAkB,kBAAkB,CAAC,QAAQ,MAAM,yBAAyB,QAAQ,OAAO,eAAe,OAAO,OAAO,aAAa,CAAC;CACtJ;CACA,MAAM,mBAAmB,kBAAkB,eAAe,kBAAkB,aAAa,kBAAkB;EAC1G,GAAG;EACH,aAAa,qBAAqB,aAAa,mBAAmB,QAAQ,iBAAiB,SAAS,CAAC;CACtG,CAAC,IAAI;EACJ,GAAG;EACH,GAAG,QAAQ,EAAE,aAAa,qBAAqB,aAAa,cAAc,UAAU;GACnF,MAAM,eAAe;GACrB,WAAW,KAAK;EACjB,CAAC,EAAE,IAAI,EAAE,SAAS,qBAAqB,aAAa,SAAS,UAAU,EAAE;EACzE,WAAW,qBAAqB,aAAa,YAAY,UAAU;GAClE,IAAI,MAAM,QAAQ,WAAW,MAAM,QAAQ,KAAK;IAC/C,MAAM,eAAe;IACrB,WAAW,OAAO,UAAU;GAC7B;EACD,CAAC;CACF;CACA,OAAuB,oBAAI,oBAAoB;EAC9C,MAAM;EACN,IAAI,kBAAkB;EACtB,MAAM;EACN,iBAAiB;EACjB,iBAAiB,QAAQ;EACzB,cAAc,QAAQ,OAAO,SAAS;EACtC,qBAAqB;EACrB,mBAAmB,QAAQ,KAAK,IAAI;EACpC,oBAAoB,QAAQ,KAAK,IAAI;GACpC,UAAU,QAAQ;GAClB;EACD;EACA,KAAK,QAAQ;EACb;EACA,iBAAiB,WAAW,KAAK,KAAK;EACtC,GAAG;EACH,KAAK;CACN,CAAC;AACF,CAAC"}

package/dist/jsx/SelectTrigger.native.cjs

@@ -0,0 +1,91 @@
+"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
+	});
+});

package/dist/jsx/SelectTrigger.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,82 +8,86 @@ 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 SelectTrigger_exports = {};
 __export(SelectTrigger_exports, {
-  SelectTrigger: () => SelectTrigger
+	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_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");
+__toESM(require("react"), 1);
 var import_context = require("./context.native.js");
-var TRIGGER_NAME = "SelectTrigger";
-var SelectTrigger = /* @__PURE__ */React.forwardRef(function SelectTrigger2(props, forwardedRef) {
-  var _context_floatingContext;
-  var {
-    scope,
-    disabled = false,
-    unstyled = 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;
-  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,
-    onPress() {
-      itemParentContext.setOpen(!context.open);
-    }
-  });
+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
+	});
 });
+
 //# sourceMappingURL=SelectTrigger.native.js.map