@tamagui/select 2.7.7 → 3.0.0-beta.643.1

package/dist/esm/SelectTrigger.native.js

@@ -1,49 +1,59 @@
 import { jsx } from "react/jsx-runtime";
 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.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 = useSelectContext(scope);
-  var itemParentContext = useSelectItemParentContext(scope);
-  var composedRefs = useComposedRefs(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _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,
-    onPress() {
-      itemParentContext.setOpen(!context.open);
-    }
-  });
+
+var SelectTriggerFrame = styled(View, {
+	displayName: "SelectTrigger",
+	alignItems: "center",
+	flexDirection: "row",
+	render: /* @__PURE__ */ jsx("button", { type: "button" })
 });
-export { SelectTrigger };
+var SelectTrigger = createStyledHOC(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {
+	var _context_floatingContext;
+	var { scope, disabled = false, ...triggerProps } = props;
+	var context = useSelectContext(scope);
+	var itemParentContext = useSelectItemParentContext(scope);
+	var composedRefs = 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, createChangeEventDetails(reason, (event === null || event === void 0 ? void 0 : event.nativeEvent) || event, event === null || event === void 0 ? void 0 : event.currentTarget));
+	};
+	var interactionProps = {
+		...triggerProps,
+		...isWeb ? { onMouseDown: composeEventHandlers(triggerProps.onMouseDown, function(event) {
+			event.preventDefault();
+			toggleOpen(event);
+		}) } : { onPress: composeEventHandlers(triggerProps.onPress, toggleOpen) },
+		onKeyDown: composeEventHandlers(triggerProps.onKeyDown, function(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,
+		"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.native.js.map

package/dist/esm/SelectTrigger.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","useComposedRefs","ListItem","React","useSelectContext","useSelectItemParentContext","TRIGGER_NAME","SelectTrigger","forwardRef","SelectTrigger2","props","forwardedRef","_context_floatingContext","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","onPress","setOpen"],"sources":["SelectTrigger.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { ListItem } from \"@tamagui/list-item\";\nimport * as React from \"react\";\nimport { useSelectContext, useSelectItemParentContext } from \"./context\";\n\nvar TRIGGER_NAME = \"SelectTrigger\";\nvar SelectTrigger = /* @__PURE__ */ React.forwardRef(function SelectTrigger2(props, forwardedRef) {\n\tvar _context_floatingContext;\n\tvar { scope, disabled = false, unstyled = false, ...triggerProps } = props;\n\tvar context = useSelectContext(scope);\n\tvar itemParentContext = useSelectItemParentContext(scope);\n\tvar composedRefs = useComposedRefs(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _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\tonPress() {\n\t\t\titemParentContext.setOpen(!context.open);\n\t\t}\n\t});\n});\n\nexport { SelectTrigger };"],"mappings":"AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAASC,eAAe,QAAQ,uBAAuB;AACvD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,EAAEC,0BAA0B,QAAQ,qBAAW;AAExE,IAAIC,YAAY,GAAG,eAAe;AAClC,IAAIC,aAAa,GAAG,eAAgBJ,KAAK,CAACK,UAAU,CAAC,SAASC,cAAcA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACjG,IAAIC,wBAAwB;EAC5B,IAAI;IAAEC,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAEC,QAAQ,GAAG,KAAK;IAAE,GAAGC;EAAa,CAAC,GAAGN,KAAK;EAC1E,IAAIO,OAAO,GAAGb,gBAAgB,CAACS,KAAK,CAAC;EACrC,IAAIK,iBAAiB,GAAGb,0BAA0B,CAACQ,KAAK,CAAC;EACzD,IAAIM,YAAY,GAAGlB,eAAe,CAACU,YAAY,EAAE,CAACC,wBAAwB,GAAGK,OAAO,CAACG,eAAe,MAAM,IAAI,IAAIR,wBAAwB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,wBAAwB,CAACS,IAAI,CAACC,YAAY,CAAC;EAC5M,IAAIJ,iBAAiB,CAACK,qBAAqB,EAAE,OAAO,IAAI;EACxD,OAAO,eAAgBvB,GAAG,CAACE,QAAQ,EAAE;IACpCsB,aAAa,EAAElB,YAAY;IAC3BS,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;IACjBmB,OAAOA,CAAA,EAAG;MACTpB,iBAAiB,CAACqB,OAAO,CAAC,CAACtB,OAAO,CAACkB,IAAI,CAAC;IACzC;EACD,CAAC,CAAC;AACH,CAAC,CAAC;AAEF,SAAS5B,aAAa","ignoreList":[]}
+{"version":3,"file":"SelectTrigger.native.js","names":[],"sources":["esm/SelectTrigger.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb } from \"@tamagui/constants\";\nimport { View, createChangeEventDetails, createStyledHOC, styled } from \"@tamagui/core\";\nimport { composeEventHandlers } from \"@tamagui/helpers\";\n\nimport { useSelectContext, useSelectItemParentContext } from \"./context\";\n\nvar SelectTriggerFrame = styled(View, {\n\tdisplayName: \"SelectTrigger\",\n\talignItems: \"center\",\n\tflexDirection: \"row\",\n\trender: /* @__PURE__ */ jsx(\"button\", { type: \"button\" })\n});\nvar SelectTrigger = createStyledHOC(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {\n\tvar _context_floatingContext;\n\tvar { scope, disabled = false, ...triggerProps } = props;\n\tvar context = useSelectContext(scope);\n\tvar itemParentContext = useSelectItemParentContext(scope);\n\tvar composedRefs = useComposedRefs(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);\n\tif (itemParentContext.shouldRenderWebNative) return null;\n\tvar toggleOpen = function(event) {\n\t\tvar reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : \"trigger-press\";\n\t\tif (!disabled) itemParentContext.requestOpenChange(!context.open, createChangeEventDetails(reason, (event === null || event === void 0 ? void 0 : event.nativeEvent) || event, event === null || event === void 0 ? void 0 : event.currentTarget));\n\t};\n\tvar interactionProps = {\n\t\t...triggerProps,\n\t\t...isWeb ? { onMouseDown: composeEventHandlers(triggerProps.onMouseDown, function(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, function(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\"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":";;;;;;;;AAQA,IAAI,qBAAqB,OAAO,MAAM;CACrC,aAAa;CACb,YAAY;CACZ,eAAe;CACf,QAAwB,oBAAI,UAAU,EAAE,MAAM,SAAS,CAAC;AACzD,CAAC;AACD,IAAI,gBAAgB,gBAAgB,oBAAoB,SAAS,eAAe,OAAO,cAAc;CACpG,IAAI;CACJ,IAAI,EAAE,OAAO,WAAW,OAAO,GAAG,iBAAiB;CACnD,IAAI,UAAU,iBAAiB,KAAK;CACpC,IAAI,oBAAoB,2BAA2B,KAAK;CACxD,IAAI,eAAe,gBAAgB,eAAe,2BAA2B,QAAQ,qBAAqB,QAAQ,6BAA6B,KAAK,IAAI,KAAK,IAAI,yBAAyB,KAAK,YAAY;CAC3M,IAAI,kBAAkB,uBAAuB,OAAO;CACpD,IAAI,aAAa,SAAS,OAAO;EAChC,IAAI,SAAS,UAAU,SAAS,KAAK,UAAU,OAAO,KAAK,IAAI,UAAU,KAAK;EAC9E,IAAI,CAAC,UAAU,kBAAkB,kBAAkB,CAAC,QAAQ,MAAM,yBAAyB,SAAS,UAAU,QAAQ,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM,gBAAgB,OAAO,UAAU,QAAQ,UAAU,KAAK,IAAI,KAAK,IAAI,MAAM,aAAa,CAAC;CAClP;CACA,IAAI,mBAAmB;EACtB,GAAG;EACH,GAAG,QAAQ,EAAE,aAAa,qBAAqB,aAAa,aAAa,SAAS,OAAO;GACxF,MAAM,eAAe;GACrB,WAAW,KAAK;EACjB,CAAC,EAAE,IAAI,EAAE,SAAS,qBAAqB,aAAa,SAAS,UAAU,EAAE;EACzE,WAAW,qBAAqB,aAAa,WAAW,SAAS,OAAO;GACvE,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,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/esm/SelectViewport.mjs

@@ -2,142 +2,127 @@ import { AdaptPortalContents, useAdaptIsActive } from "@tamagui/adapt";
 import { AnimatePresence } from "@tamagui/animate-presence";
 import { useComposedRefs } from "@tamagui/compose-refs";
 import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { styled } from "@tamagui/core";
+import { View, createStyledHOC, styled } from "@tamagui/core";
 import { needsPortalRepropagation } from "@tamagui/portal";
-import { ThemeableStack, YStack } from "@tamagui/stacks";
+import { YStack } from "@tamagui/stacks";
 import { startTransition } from "@tamagui/start-transition";
 import * as React from "react";
 import { VIEWPORT_NAME } from "./constants.mjs";
 import { ForwardSelectContext, useSelectContext, useSelectItemParentContext } from "./context.mjs";
+import { getSelectListboxProps } from "./selectionController.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-const SelectViewportFrame = styled(ThemeableStack, {
-  name: VIEWPORT_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        size: "$2",
-        backgroundColor: "$background",
-        elevate: true,
-        bordered: true,
-        userSelect: "none",
-        outlineWidth: 0
-      }
-    },
-    size: {
-      "...size": (val, {
-        tokens
-      }) => {
-        return {
-          borderRadius: tokens.radius[val] ?? val
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: process.env.TAMAGUI_HEADLESS === "1"
-  }
+
+const SelectViewportFrame = styled(View, {
+	displayName: VIEWPORT_NAME,
+	position: "relative"
 });
 const needsRepropagation = needsPortalRepropagation();
-const SelectViewport = SelectViewportFrame.styleable(function SelectViewport2(props, forwardedRef) {
-  const {
-    scope,
-    children,
-    disableScroll,
-    ...viewportProps
-  } = props;
-  const context = useSelectContext(scope);
-  const itemContext = useSelectItemParentContext(scope);
-  const isAdapted = useAdaptIsActive(context.adaptScope);
-  const [lazyMounted, setLazyMounted] = React.useState(context.lazyMount ? false : true);
-  React.useEffect(() => {
-    if (!context.lazyMount) return;
-    if (!context.open) return;
-    if (lazyMounted) return;
-    startTransition(() => {
-      setLazyMounted(true);
-    });
-  }, [context.lazyMount, context.open, lazyMounted]);
-  const composedRefs = useComposedRefs(
-  // @ts-ignore TODO react 19 type needs fix
-  forwardedRef, context.floatingContext?.refs.setFloating);
-  useIsomorphicLayoutEffect(() => {
-    if (context.update) {
-      context.update();
-    }
-  }, [isAdapted]);
-  useIsomorphicLayoutEffect(() => {
-    if (context.lazyMount && lazyMounted && context.open && context.update) {
-      context.update();
-    }
-  }, [lazyMounted]);
-  if (itemContext.shouldRenderWebNative) {
-    return /* @__PURE__ */jsx(YStack, {
-      position: "relative",
-      children
-    });
-  }
-  if (isAdapted || !isWeb) {
-    let content = children;
-    if (needsRepropagation) {
-      content = /* @__PURE__ */jsx(ForwardSelectContext, {
-        itemContext,
-        context,
-        children: content
-      });
-    }
-    return /* @__PURE__ */jsx(AdaptPortalContents, {
-      scope: context.adaptScope,
-      children: content
-    });
-  }
-  if (!itemContext.interactions) {
-    if (process.env.NODE_ENV === "development") {
-      console.warn(`No interactions provided to Select, potentially missing Adapt`);
-    }
-    return null;
-  }
-  const {
-    style,
-    // remove this, it was set to "Select" always
-    className,
-    ...floatingProps
-  } = itemContext.interactions.getFloatingProps();
-  return /* @__PURE__ */jsxs(Fragment, {
-    children: [!disableScroll && !props.unstyled && /* @__PURE__ */jsx("style", {
-      dangerouslySetInnerHTML: {
-        __html: selectViewportCSS
-      }
-    }), /* @__PURE__ */jsx(AnimatePresence, {
-      children: context.open ? /* @__PURE__ */jsx(SelectViewportFrame, {
-        size: itemContext.size,
-        role: "presentation",
-        ...viewportProps,
-        ...style,
-        ...floatingProps,
-        ...(!props.unstyled && {
-          overflowY: disableScroll ? void 0 : style.overflow ?? "auto"
-        }),
-        ref: composedRefs,
-        children: lazyMounted ? children : null
-      }, "select-viewport") : null
-    }), !context.open && !(context.lazyMount && context.renderValue) && lazyMounted && /* @__PURE__ */jsx("div", {
-      style: {
-        display: "none"
-      },
-      children
-    })]
-  });
+const SelectViewport = createStyledHOC(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {
+	const { scope, children, disableScroll, ...viewportProps } = props;
+	const context = useSelectContext(scope);
+	const itemContext = useSelectItemParentContext(scope);
+	const isAdapted = useAdaptIsActive(context.adaptScope);
+	const viewportRef = React.useRef(null);
+	const registeredItemCount = itemContext.registry.getItems().length;
+	const [lazyMounted, setLazyMounted] = React.useState(context.lazyMount ? false : true);
+	React.useEffect(() => {
+		if (!context.lazyMount) return;
+		if (!context.open) return;
+		if (lazyMounted) return;
+		startTransition(() => {
+			setLazyMounted(true);
+		});
+	}, [
+		context.lazyMount,
+		context.open,
+		lazyMounted
+	]);
+	React.useEffect(() => {
+		if (!isWeb || !isAdapted || !context.open) return;
+		const frame = requestAnimationFrame(() => {
+			const index = context.activeIndexRef.current ?? itemContext.registry.firstEnabledIndex();
+			const activeItem = viewportRef.current?.querySelector("[role=\"option\"][tabindex=\"0\"]") ?? (index >= 0 ? itemContext.listRef?.current[index] : null);
+			activeItem?.focus();
+		});
+		return () => cancelAnimationFrame(frame);
+	}, [
+		context.activeIndex,
+		context.open,
+		isAdapted,
+		registeredItemCount
+	]);
+	const composedRefs = useComposedRefs(forwardedRef, viewportRef, context.floatingContext?.refs.setFloating);
+	useIsomorphicLayoutEffect(() => {
+		if (context.update) {
+			context.update();
+		}
+	}, [isAdapted]);
+	React.useEffect(() => {
+		if (context.lazyMount && lazyMounted && context.open && context.update) {
+			const frame = requestAnimationFrame(context.update);
+			return () => cancelAnimationFrame(frame);
+		}
+	}, [lazyMounted, registeredItemCount]);
+	if (itemContext.shouldRenderWebNative) {
+		return /* @__PURE__ */ jsx(YStack, {
+			position: "relative",
+			children
+		});
+	}
+	if (isAdapted || !isWeb) {
+		let content = /* @__PURE__ */ jsx(SelectViewportFrame, {
+			...viewportProps,
+			...isWeb ? getSelectListboxProps(itemContext.mode) : {},
+			"data-select-viewport": "",
+			ref: composedRefs,
+			children: lazyMounted ? children : null
+		});
+		if (needsRepropagation) {
+			content = /* @__PURE__ */ jsx(ForwardSelectContext, {
+				itemContext,
+				context,
+				children: content
+			});
+		}
+		return /* @__PURE__ */ jsx(AdaptPortalContents, {
+			scope: context.adaptScope,
+			children: content
+		});
+	}
+	if (!itemContext.interactions) {
+		return null;
+	}
+	const { style, className, ...floatingProps } = itemContext.interactions.getFloatingProps();
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		!disableScroll && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: selectViewportCSS } }),
+		/* @__PURE__ */ jsx(AnimatePresence, { children: context.open ? /* @__PURE__ */ jsx(SelectViewportFrame, {
+			"data-select-viewport": "",
+			...isWeb && { "data-state": context.open ? "open" : "closed" },
+			...viewportProps,
+			...style,
+			...floatingProps,
+			...getSelectListboxProps(itemContext.mode),
+			overflowY: disableScroll ? void 0 : style.overflow ?? "auto",
+			ref: composedRefs,
+			children: lazyMounted ? children : null
+		}, "select-viewport") : null }),
+		!context.open && !(context.lazyMount && context.renderValue) && lazyMounted && /* @__PURE__ */ jsx("div", {
+			style: { display: "none" },
+			children
+		})
+	] });
 });
 const selectViewportCSS = `
-.is_SelectViewport {
+[data-select-viewport] {
   scrollbar-width: none;
   -webkit-overflow-scrolling: touch;
   overscroll-behavior: contain;
 }
 
-.is_SelectViewport::-webkit-scrollbar{
+[data-select-viewport]::-webkit-scrollbar{
   display:none
 }
 `;
+
 export { SelectViewport, SelectViewportFrame };
 //# sourceMappingURL=SelectViewport.mjs.map

package/dist/esm/SelectViewport.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["AdaptPortalContents","useAdaptIsActive","AnimatePresence","useComposedRefs","isWeb","useIsomorphicLayoutEffect","styled","needsPortalRepropagation","ThemeableStack","YStack","startTransition","React","VIEWPORT_NAME","ForwardSelectContext","useSelectContext","useSelectItemParentContext","Fragment","jsx","jsxs","SelectViewportFrame","name","variants","unstyled","false","size","backgroundColor","elevate","bordered","userSelect","outlineWidth","...size","val","tokens","borderRadius","radius","defaultVariants","process","env","TAMAGUI_HEADLESS","needsRepropagation","SelectViewport","styleable","props","forwardedRef","scope","children","disableScroll","viewportProps","context","itemContext","isAdapted","adaptScope","lazyMounted","setLazyMounted","useState","lazyMount","useEffect","open","composedRefs","floatingContext","refs","setFloating","update","shouldRenderWebNative","position","content","interactions","NODE_ENV","console","warn","style","className","floatingProps","getFloatingProps","dangerouslySetInnerHTML","__html","selectViewportCSS","role","overflowY","overflow","ref","renderValue","display"],"sources":["../../src/SelectViewport.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,mBAAA,EAAqBC,gBAAA,QAAwB;AACtD,SAASC,eAAA,QAAuB;AAChC,SAASC,eAAA,QAAuB;AAChC,SAASC,KAAA,EAAOC,yBAAA,QAAiC;AACjD,SAASC,MAAA,QAAc;AACvB,SAASC,wBAAA,QAAgC;AACzC,SAASC,cAAA,EAAgBC,MAAA,QAAc;AACvC,SAASC,eAAA,QAAuB;AAChC,YAAYC,KAAA,MAAW;AACvB,SAASC,aAAA,QAAqB;AAC9B,SACEC,oBAAA,EACAC,gBAAA,EACAC,0BAAA,QACK;AAgFM,SAqCPC,QAAA,EArCOC,GAAA,EAqCPC,IAAA,QArCO;AAvEN,MAAMC,mBAAA,GAAsBb,MAAA,CAAOE,cAAA,EAAgB;EACxDY,IAAA,EAAMR,aAAA;EAENS,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,IAAA,EAAM;QACNC,eAAA,EAAiB;QACjBC,OAAA,EAAS;QACTC,QAAA,EAAU;QACVC,UAAA,EAAY;QACZC,YAAA,EAAc;MAChB;IACF;IAEAL,IAAA,EAAM;MACJ,WAAWM,CAACC,GAAA,EAAK;QAAEC;MAAO,MAAM;QAC9B,OAAO;UACLC,YAAA,EAAcD,MAAA,CAAOE,MAAA,CAAOH,GAAG,KAAKA;QACtC;MACF;IACF;EACF;EAEAI,eAAA,EAAiB;IACfb,QAAA,EAAUc,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC;AAED,MAAMC,kBAAA,GAAqBhC,wBAAA,CAAyB;AAE7C,MAAMiC,cAAA,GAAiBrB,mBAAA,CAAoBsB,SAAA,CAChD,SAASD,gBAAeE,KAAA,EAAOC,YAAA,EAAc;EAC3C,MAAM;IAAEC,KAAA;IAAOC,QAAA;IAAUC,aAAA;IAAe,GAAGC;EAAc,IAAIL,KAAA;EAC7D,MAAMM,OAAA,GAAUlC,gBAAA,CAAiB8B,KAAK;EACtC,MAAMK,WAAA,GAAclC,0BAAA,CAA2B6B,KAAK;EACpD,MAAMM,SAAA,GAAYjD,gBAAA,CAAiB+C,OAAA,CAAQG,UAAU;EAGrD,MAAM,CAACC,WAAA,EAAaC,cAAc,IAAI1C,KAAA,CAAM2C,QAAA,CAASN,OAAA,CAAQO,SAAA,GAAY,QAAQ,IAAI;EAErF5C,KAAA,CAAM6C,SAAA,CAAU,MAAM;IACpB,IAAI,CAACR,OAAA,CAAQO,SAAA,EAAW;IACxB,IAAI,CAACP,OAAA,CAAQS,IAAA,EAAM;IACnB,IAAIL,WAAA,EAAa;IACjB1C,eAAA,CAAgB,MAAM;MACpB2C,cAAA,CAAe,IAAI;IACrB,CAAC;EACH,GAAG,CAACL,OAAA,CAAQO,SAAA,EAAWP,OAAA,CAAQS,IAAA,EAAML,WAAW,CAAC;EAEjD,MAAMM,YAAA,GAAevD,eAAA;EAAA;EAEnBwC,YAAA,EACAK,OAAA,CAAQW,eAAA,EAAiBC,IAAA,CAAKC,WAChC;EAEAxD,yBAAA,CAA0B,MAAM;IAC9B,IAAI2C,OAAA,CAAQc,MAAA,EAAQ;MAClBd,OAAA,CAAQc,MAAA,CAAO;IACjB;EACF,GAAG,CAACZ,SAAS,CAAC;EAId7C,yBAAA,CAA0B,MAAM;IAC9B,IAAI2C,OAAA,CAAQO,SAAA,IAAaH,WAAA,IAAeJ,OAAA,CAAQS,IAAA,IAAQT,OAAA,CAAQc,MAAA,EAAQ;MACtEd,OAAA,CAAQc,MAAA,CAAO;IACjB;EACF,GAAG,CAACV,WAAW,CAAC;EAEhB,IAAIH,WAAA,CAAYc,qBAAA,EAAuB;IACrC,OAAO,eAAA9C,GAAA,CAACR,MAAA;MAAOuD,QAAA,EAAS;MAAYnB;IAAA,CAAS;EAC/C;EAEA,IAAIK,SAAA,IAAa,CAAC9C,KAAA,EAAO;IACvB,IAAI6D,OAAA,GAAUpB,QAAA;IAEd,IAAIN,kBAAA,EAAoB;MACtB0B,OAAA,GACE,eAAAhD,GAAA,CAACJ,oBAAA;QAAqBoC,WAAA;QAA0BD,OAAA;QAC7CH,QAAA,EAAAoB;MAAA,CACH;IAEJ;IAEA,OACE,eAAAhD,GAAA,CAACjB,mBAAA;MAAoB4C,KAAA,EAAOI,OAAA,CAAQG,UAAA;MAAaN,QAAA,EAAAoB;IAAA,CAAQ;EAE7D;EAEA,IAAI,CAAChB,WAAA,CAAYiB,YAAA,EAAc;IAC7B,IAAI9B,OAAA,CAAQC,GAAA,CAAI8B,QAAA,KAAa,eAAe;MAC1CC,OAAA,CAAQC,IAAA,CAAK,+DAA+D;IAC9E;IAEA,OAAO;EACT;EAEA,MAAM;IACJC,KAAA;IAAA;IAEAC,SAAA;IACA,GAAGC;EACL,IAAIvB,WAAA,CAAYiB,YAAA,CAAaO,gBAAA,CAAiB;EAI9C,OACE,eAAAvD,IAAA,CAAAF,QAAA;IACG6B,QAAA,IAACC,aAAA,IAAiB,CAACJ,KAAA,CAAMpB,QAAA,IACxB,eAAAL,GAAA,CAAC;MACCyD,uBAAA,EAAyB;QACvBC,MAAA,EAAQC;MACV;IAAA,CACF,GAEF,eAAA3D,GAAA,CAACf,eAAA;MACE2C,QAAA,EAAAG,OAAA,CAAQS,IAAA,GACP,eAAAxC,GAAA,CAACE,mBAAA;QAECK,IAAA,EAAMyB,WAAA,CAAYzB,IAAA;QAClBqD,IAAA,EAAK;QACJ,GAAG9B,aAAA;QACH,GAAGuB,KAAA;QACH,GAAGE,aAAA;QACH,IAAI,CAAC9B,KAAA,CAAMpB,QAAA,IAAY;UACtBwD,SAAA,EAAWhC,aAAA,GAAgB,SAAawB,KAAA,CAAMS,QAAA,IAAY;QAC5D;QACAC,GAAA,EAAKtB,YAAA;QAEJb,QAAA,EAAAO,WAAA,GAAcP,QAAA,GAAW;MAAA,GAXtB,iBAYN,IACE;IAAA,CACN,GAIC,CAACG,OAAA,CAAQS,IAAA,IAAQ,EAAET,OAAA,CAAQO,SAAA,IAAaP,OAAA,CAAQiC,WAAA,KAAgB7B,WAAA,IAC/D,eAAAnC,GAAA,CAAC;MAAIqD,KAAA,EAAO;QAAEY,OAAA,EAAS;MAAO;MAAIrC;IAAA,CAAS;EAAA,CAE/C;AAEJ,CACF;AAEA,MAAM+B,iBAAA,GAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"SelectViewport.js","names":[],"sources":["esm/SelectViewport.js"],"sourcesContent":["import { AdaptPortalContents, useAdaptIsActive } from \"@tamagui/adapt\";\nimport { AnimatePresence } from \"@tamagui/animate-presence\";\nimport { useComposedRefs } from \"@tamagui/compose-refs\";\nimport { isWeb, useIsomorphicLayoutEffect } from \"@tamagui/constants\";\nimport { createStyledHOC, styled, View } from \"@tamagui/core\";\nimport { needsPortalRepropagation } from \"@tamagui/portal\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { startTransition } from \"@tamagui/start-transition\";\nimport * as React from \"react\";\nimport { VIEWPORT_NAME } from \"./constants\";\nimport {\n  ForwardSelectContext,\n  useSelectContext,\n  useSelectItemParentContext\n} from \"./context\";\nimport { getSelectListboxProps } from \"./selectionController\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst SelectViewportFrame = styled(View, {\n  displayName: VIEWPORT_NAME,\n  position: \"relative\"\n});\nconst needsRepropagation = needsPortalRepropagation();\nconst SelectViewport = createStyledHOC(\n  SelectViewportFrame,\n  function SelectViewport2(props, forwardedRef) {\n    const { scope, children, disableScroll, ...viewportProps } = props;\n    const context = useSelectContext(scope);\n    const itemContext = useSelectItemParentContext(scope);\n    const isAdapted = useAdaptIsActive(context.adaptScope);\n    const viewportRef = React.useRef(null);\n    const registeredItemCount = itemContext.registry.getItems().length;\n    const [lazyMounted, setLazyMounted] = React.useState(context.lazyMount ? false : true);\n    React.useEffect(() => {\n      if (!context.lazyMount) return;\n      if (!context.open) return;\n      if (lazyMounted) return;\n      startTransition(() => {\n        setLazyMounted(true);\n      });\n    }, [context.lazyMount, context.open, lazyMounted]);\n    React.useEffect(() => {\n      if (!isWeb || !isAdapted || !context.open) return;\n      const frame = requestAnimationFrame(() => {\n        const index = context.activeIndexRef.current ?? itemContext.registry.firstEnabledIndex();\n        const activeItem = viewportRef.current?.querySelector(\n          '[role=\"option\"][tabindex=\"0\"]'\n        ) ?? (index >= 0 ? itemContext.listRef?.current[index] : null);\n        activeItem?.focus();\n      });\n      return () => cancelAnimationFrame(frame);\n    }, [context.activeIndex, context.open, isAdapted, registeredItemCount]);\n    const composedRefs = useComposedRefs(\n      // @ts-ignore react 19 ref type mismatch\n      forwardedRef,\n      viewportRef,\n      context.floatingContext?.refs.setFloating\n    );\n    useIsomorphicLayoutEffect(() => {\n      if (context.update) {\n        context.update();\n      }\n    }, [isAdapted]);\n    React.useEffect(() => {\n      if (context.lazyMount && lazyMounted && context.open && context.update) {\n        const frame = requestAnimationFrame(context.update);\n        return () => cancelAnimationFrame(frame);\n      }\n    }, [lazyMounted, registeredItemCount]);\n    if (itemContext.shouldRenderWebNative) {\n      return /* @__PURE__ */ jsx(YStack, { position: \"relative\", children });\n    }\n    if (isAdapted || !isWeb) {\n      let content = /* @__PURE__ */ jsx(\n        SelectViewportFrame,\n        {\n          ...viewportProps,\n          ...isWeb ? getSelectListboxProps(itemContext.mode) : {},\n          \"data-select-viewport\": \"\",\n          ref: composedRefs,\n          children: lazyMounted ? children : null\n        }\n      );\n      if (needsRepropagation) {\n        content = /* @__PURE__ */ jsx(ForwardSelectContext, { itemContext, context, children: content });\n      }\n      return /* @__PURE__ */ jsx(AdaptPortalContents, { scope: context.adaptScope, children: content });\n    }\n    if (!itemContext.interactions) {\n      return null;\n    }\n    const {\n      style,\n      // remove this, it was set to \"Select\" always\n      className,\n      ...floatingProps\n    } = itemContext.interactions.getFloatingProps();\n    return /* @__PURE__ */ jsxs(Fragment, { children: [\n      !disableScroll && /* @__PURE__ */ jsx(\n        \"style\",\n        {\n          dangerouslySetInnerHTML: {\n            __html: selectViewportCSS\n          }\n        }\n      ),\n      /* @__PURE__ */ jsx(AnimatePresence, { children: context.open ? /* @__PURE__ */ jsx(\n        SelectViewportFrame,\n        {\n          \"data-select-viewport\": \"\",\n          ...isWeb && {\n            \"data-state\": context.open ? \"open\" : \"closed\"\n          },\n          ...viewportProps,\n          ...style,\n          ...floatingProps,\n          ...getSelectListboxProps(itemContext.mode),\n          overflowY: disableScroll ? void 0 : style.overflow ?? \"auto\",\n          ref: composedRefs,\n          children: lazyMounted ? children : null\n        },\n        \"select-viewport\"\n      ) : null }),\n      !context.open && !(context.lazyMount && context.renderValue) && lazyMounted && /* @__PURE__ */ jsx(\"div\", { style: { display: \"none\" }, children })\n    ] });\n  }\n);\nconst selectViewportCSS = `\n[data-select-viewport] {\n  scrollbar-width: none;\n  -webkit-overflow-scrolling: touch;\n  overscroll-behavior: contain;\n}\n\n[data-select-viewport]::-webkit-scrollbar{\n  display:none\n}\n`;\nexport {\n  SelectViewport,\n  SelectViewportFrame\n};\n//# sourceMappingURL=SelectViewport.js.map\n"],"mappings":"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"}

package/dist/esm/SelectViewport.native.js

@@ -1,43 +1,48 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { AdaptContext, AdaptPortalContents, useAdaptContext } from "@tamagui/adapt";
-import { Theme, useThemeName } from "@tamagui/core";
-import { YStack } from "@tamagui/stacks";
+import { jsx } from "react/jsx-runtime";
+import { AdaptContext, AdaptPortalContents, useAdaptContext, useAdaptIsActive } from "@tamagui/adapt";
+import { Theme, View, createStyledHOC, styled, useThemeName } from "@tamagui/core";
 import { VIEWPORT_NAME } from "./constants.native.js";
 import { ForwardSelectContext, useSelectContext, useSelectItemParentContext } from "./context.native.js";
-var SelectViewport = function (props) {
-  var {
-    scope,
-    children
-  } = props;
-  var context = useSelectContext(scope);
-  var itemParentContext = useSelectItemParentContext(scope);
-  var themeName = useThemeName();
-  var adaptContext = useAdaptContext();
-  var contents = /* @__PURE__ */_jsx(Theme, {
-    name: themeName,
-    children: /* @__PURE__ */_jsx(ForwardSelectContext, {
-      itemContext: itemParentContext,
-      context,
-      children: /* @__PURE__ */_jsx(AdaptContext.Provider, {
-        ...adaptContext,
-        children
-      })
-    })
-  });
-  if (!context.open) {
-    if (context.lazyMount && context.renderValue) {
-      return null;
-    }
-    return /* @__PURE__ */_jsx(YStack, {
-      display: "none",
-      children: contents
-    });
-  }
-  return /* @__PURE__ */_jsx(AdaptPortalContents, {
-    scope: context.adaptScope,
-    children: contents
-  });
-};
+
+var SelectViewportFrame = styled(View, {
+	displayName: VIEWPORT_NAME,
+	position: "relative"
+});
+var SelectViewport = createStyledHOC(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {
+	var { scope, children, disableScroll: _disableScroll, ...viewportProps } = props;
+	var context = useSelectContext(scope);
+	var itemParentContext = useSelectItemParentContext(scope);
+	var themeName = useThemeName();
+	var adaptContext = useAdaptContext();
+	var isAdapted = useAdaptIsActive(context.adaptScope);
+	var contents = /* @__PURE__ */ jsx(Theme, {
+		name: themeName,
+		children: /* @__PURE__ */ jsx(ForwardSelectContext, {
+			itemContext: itemParentContext,
+			context,
+			children: /* @__PURE__ */ jsx(AdaptContext.Provider, {
+				...adaptContext,
+				children: /* @__PURE__ */ jsx(SelectViewportFrame, {
+					...viewportProps,
+					ref: forwardedRef,
+					children
+				})
+			})
+		})
+	});
+	if (!context.open) {
+		if (context.lazyMount && context.renderValue) return null;
+		return /* @__PURE__ */ jsx(SelectViewportFrame, {
+			display: "none",
+			children: contents
+		});
+	}
+	return isAdapted ? /* @__PURE__ */ jsx(AdaptPortalContents, {
+		scope: context.adaptScope,
+		children: contents
+	}) : contents;
+});
 SelectViewport.displayName = VIEWPORT_NAME;
-export { SelectViewport };
+
+export { SelectViewport, SelectViewportFrame };
 //# sourceMappingURL=SelectViewport.native.js.map

package/dist/esm/SelectViewport.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","AdaptContext","AdaptPortalContents","useAdaptContext","Theme","useThemeName","YStack","VIEWPORT_NAME","ForwardSelectContext","useSelectContext","useSelectItemParentContext","SelectViewport","props","scope","children","context","itemParentContext","themeName","adaptContext","contents","name","itemContext","Provider","open","lazyMount","renderValue","display","adaptScope","displayName"],"sources":["../../src/SelectViewport.native.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAOC,IAAA,QAAY;AAC5B,SAASC,YAAA,EAAcC,mBAAA,EAAqBC,eAAA,QAAuB;AACnE,SAASC,KAAA,EAAOC,YAAA,QAAoB;AACpC,SAASC,MAAA,QAAc;AACvB,SAASC,aAAA,QAAqB;AAC9B,SAASC,oBAAA,EAAsBC,gBAAA,EAAkBC,0BAAA,QAAkC;AAC5E,IAAIC,cAAA,GAAiB,SAAAA,CAASC,KAAA,EAAO;EACxC,IAAI;IAAEC,KAAA;IAAOC;EAAS,IAAIF,KAAA;EAC1B,IAAIG,OAAA,GAAUN,gBAAA,CAAiBI,KAAK;EACpC,IAAIG,iBAAA,GAAoBN,0BAAA,CAA2BG,KAAK;EACxD,IAAII,SAAA,GAAYZ,YAAA,CAAa;EAE7B,IAAIa,YAAA,GAAef,eAAA,CAAgB;EACnC,IAAIgB,QAAA,GAAyB,eAAAnB,IAAA,CAAKI,KAAA,EAAO;IACrCgB,IAAA,EAAMH,SAAA;IACNH,QAAA,EAAwB,eAAAd,IAAA,CAAKQ,oBAAA,EAAsB;MAC/Ca,WAAA,EAAaL,iBAAA;MACbD,OAAA;MACAD,QAAA,EAAwB,eAAAd,IAAA,CAAKC,YAAA,CAAaqB,QAAA,EAAU;QAChD,GAAGJ,YAAA;QACHJ;MACJ,CAAC;IACL,CAAC;EACL,CAAC;EACD,IAAI,CAACC,OAAA,CAAQQ,IAAA,EAAM;IACf,IAAIR,OAAA,CAAQS,SAAA,IAAaT,OAAA,CAAQU,WAAA,EAAa;MAC1C,OAAO;IACX;IACA,OAAqB,eAAAzB,IAAA,CAAKM,MAAA,EAAQ;MAC9BoB,OAAA,EAAS;MACTZ,QAAA,EAAUK;IACd,CAAC;EACL;EACA,OAAqB,eAAAnB,IAAA,CAAKE,mBAAA,EAAqB;IAC3CW,KAAA,EAAOE,OAAA,CAAQY,UAAA;IACfb,QAAA,EAAUK;EACd,CAAC;AACL;AACAR,cAAA,CAAeiB,WAAA,GAAcrB,aAAA","ignoreList":[]}
+{"version":3,"file":"SelectViewport.native.js","names":[],"sources":["esm/SelectViewport.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { AdaptContext, AdaptPortalContents, useAdaptContext, useAdaptIsActive } from \"@tamagui/adapt\";\nimport { createStyledHOC, styled, Theme, useThemeName, View } from \"@tamagui/core\";\nimport { VIEWPORT_NAME } from \"./constants\";\nimport { ForwardSelectContext, useSelectContext, useSelectItemParentContext } from \"./context\";\nvar SelectViewportFrame = styled(View, {\n  displayName: VIEWPORT_NAME,\n  position: \"relative\"\n});\nvar SelectViewport = createStyledHOC(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {\n  var { scope, children, disableScroll: _disableScroll, ...viewportProps } = props;\n  var context = useSelectContext(scope);\n  var itemParentContext = useSelectItemParentContext(scope);\n  var themeName = useThemeName();\n  var adaptContext = useAdaptContext();\n  var isAdapted = useAdaptIsActive(context.adaptScope);\n  var contents = /* @__PURE__ */ _jsx(Theme, {\n    name: themeName,\n    children: /* @__PURE__ */ _jsx(ForwardSelectContext, {\n      itemContext: itemParentContext,\n      context,\n      children: /* @__PURE__ */ _jsx(AdaptContext.Provider, {\n        ...adaptContext,\n        children: /* @__PURE__ */ _jsx(SelectViewportFrame, {\n          ...viewportProps,\n          ref: forwardedRef,\n          children\n        })\n      })\n    })\n  });\n  if (!context.open) {\n    if (context.lazyMount && context.renderValue) return null;\n    return /* @__PURE__ */ _jsx(SelectViewportFrame, {\n      display: \"none\",\n      children: contents\n    });\n  }\n  return isAdapted ? /* @__PURE__ */ _jsx(AdaptPortalContents, {\n    scope: context.adaptScope,\n    children: contents\n  }) : contents;\n});\nSelectViewport.displayName = VIEWPORT_NAME;\nexport {\n  SelectViewport,\n  SelectViewportFrame\n};\n//# sourceMappingURL=SelectViewport.native.js.map\n"],"mappings":";;;;;;;AAKA,IAAI,sBAAsB,OAAO,MAAM;CACrC,aAAa;CACb,UAAU;AACZ,CAAC;AACD,IAAI,iBAAiB,gBAAgB,qBAAqB,SAAS,gBAAgB,OAAO,cAAc;CACtG,IAAI,EAAE,OAAO,UAAU,eAAe,gBAAgB,GAAG,kBAAkB;CAC3E,IAAI,UAAU,iBAAiB,KAAK;CACpC,IAAI,oBAAoB,2BAA2B,KAAK;CACxD,IAAI,YAAY,aAAa;CAC7B,IAAI,eAAe,gBAAgB;CACnC,IAAI,YAAY,iBAAiB,QAAQ,UAAU;CACnD,IAAI,WAA2B,oBAAK,OAAO;EACzC,MAAM;EACN,UAA0B,oBAAK,sBAAsB;GACnD,aAAa;GACb;GACA,UAA0B,oBAAK,aAAa,UAAU;IACpD,GAAG;IACH,UAA0B,oBAAK,qBAAqB;KAClD,GAAG;KACH,KAAK;KACL;IACF,CAAC;GACH,CAAC;EACH,CAAC;CACH,CAAC;CACD,IAAI,CAAC,QAAQ,MAAM;EACjB,IAAI,QAAQ,aAAa,QAAQ,aAAa,OAAO;EACrD,OAAuB,oBAAK,qBAAqB;GAC/C,SAAS;GACT,UAAU;EACZ,CAAC;CACH;CACA,OAAO,YAA4B,oBAAK,qBAAqB;EAC3D,OAAO,QAAQ;EACf,UAAU;CACZ,CAAC,IAAI;AACP,CAAC;AACD,eAAe,cAAc"}

package/dist/esm/constants.mjs

@@ -5,5 +5,6 @@ const SCROLL_ARROW_THRESHOLD = 8;
 const MIN_HEIGHT = 80;
 const FALLBACK_THRESHOLD = 16;
 const VIEWPORT_NAME = "SelectViewport";
+
 export { FALLBACK_THRESHOLD, MIN_HEIGHT, SCROLL_ARROW_THRESHOLD, SCROLL_ARROW_VELOCITY, SELECT_NAME, VIEWPORT_NAME, WINDOW_PADDING };
 //# sourceMappingURL=constants.mjs.map

package/dist/esm/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["SELECT_NAME","WINDOW_PADDING","SCROLL_ARROW_VELOCITY","SCROLL_ARROW_THRESHOLD","MIN_HEIGHT","FALLBACK_THRESHOLD","VIEWPORT_NAME"],"sources":["../../src/constants.tsx"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,WAAA,GAAc;AACpB,MAAMC,cAAA,GAAiB;AACvB,MAAMC,qBAAA,GAAwB;AAC9B,MAAMC,sBAAA,GAAyB;AAC/B,MAAMC,UAAA,GAAa;AACnB,MAAMC,kBAAA,GAAqB;AAC3B,MAAMC,aAAA,GAAgB","ignoreList":[]}
+{"version":3,"file":"constants.js","names":[],"sources":["esm/constants.js"],"sourcesContent":["const SELECT_NAME = \"Select\";\nconst WINDOW_PADDING = 8;\nconst SCROLL_ARROW_VELOCITY = 8;\nconst SCROLL_ARROW_THRESHOLD = 8;\nconst MIN_HEIGHT = 80;\nconst FALLBACK_THRESHOLD = 16;\nconst VIEWPORT_NAME = \"SelectViewport\";\nexport {\n  FALLBACK_THRESHOLD,\n  MIN_HEIGHT,\n  SCROLL_ARROW_THRESHOLD,\n  SCROLL_ARROW_VELOCITY,\n  SELECT_NAME,\n  VIEWPORT_NAME,\n  WINDOW_PADDING\n};\n//# sourceMappingURL=constants.js.map\n"],"mappings":";AAAA,MAAM,cAAc;AACpB,MAAM,iBAAiB;AACvB,MAAM,wBAAwB;AAC9B,MAAM,yBAAyB;AAC/B,MAAM,aAAa;AACnB,MAAM,qBAAqB;AAC3B,MAAM,gBAAgB"}

package/dist/esm/constants.native.js

@@ -5,5 +5,6 @@ var SCROLL_ARROW_THRESHOLD = 8;
 var MIN_HEIGHT = 80;
 var FALLBACK_THRESHOLD = 16;
 var VIEWPORT_NAME = "SelectViewport";
+
 export { FALLBACK_THRESHOLD, MIN_HEIGHT, SCROLL_ARROW_THRESHOLD, SCROLL_ARROW_VELOCITY, SELECT_NAME, VIEWPORT_NAME, WINDOW_PADDING };
 //# sourceMappingURL=constants.native.js.map

package/dist/esm/constants.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["SELECT_NAME","WINDOW_PADDING","SCROLL_ARROW_VELOCITY","SCROLL_ARROW_THRESHOLD","MIN_HEIGHT","FALLBACK_THRESHOLD","VIEWPORT_NAME"],"sources":["../../src/constants.tsx"],"sourcesContent":[null],"mappings":"AAAO,IAAAA,WAAM,WAAc;AACpB,IAAAC,cAAM;AACN,IAAAC,qBAAM;AACN,IAAAC,sBAAM;AACN,IAAAC,UAAM,KAAa;AACnB,IAAAC,kBAAM,KAAqB;AAC3B,IAAAC,aAAM,mBAAgB","ignoreList":[]}
+{"version":3,"file":"constants.native.js","names":[],"sources":["esm/constants.native.js"],"sourcesContent":["var SELECT_NAME = \"Select\";\nvar WINDOW_PADDING = 8;\nvar SCROLL_ARROW_VELOCITY = 8;\nvar SCROLL_ARROW_THRESHOLD = 8;\nvar MIN_HEIGHT = 80;\nvar FALLBACK_THRESHOLD = 16;\nvar VIEWPORT_NAME = \"SelectViewport\";\nexport {\n  FALLBACK_THRESHOLD,\n  MIN_HEIGHT,\n  SCROLL_ARROW_THRESHOLD,\n  SCROLL_ARROW_VELOCITY,\n  SELECT_NAME,\n  VIEWPORT_NAME,\n  WINDOW_PADDING\n};\n//# sourceMappingURL=constants.js.map\n"],"mappings":";AAAA,IAAI,cAAc;AAClB,IAAI,iBAAiB;AACrB,IAAI,wBAAwB;AAC5B,IAAI,yBAAyB;AAC7B,IAAI,aAAa;AACjB,IAAI,qBAAqB;AACzB,IAAI,gBAAgB"}