@tamagui/select 2.7.7 → 3.0.0-beta.1093.1

package/dist/jsx/SelectViewport.mjs

@@ -2,142 +2,130 @@ 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.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 (!context.interactions) {
+		return null;
+	}
+	const floatingProps = context.interactions.getFloatingProps();
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		!disableScroll && /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: selectViewportCSS } }),
+		/* @__PURE__ */ jsx(AnimatePresence, {
+			presenceAffectsLayout: false,
+			children: context.open ? /* @__PURE__ */ jsx(SelectViewportFrame, {
+				"data-select-viewport": "",
+				...isWeb && { "data-state": context.open ? "open" : "closed" },
+				...viewportProps,
+				...context.floatingPosition,
+				outlineWidth: 0,
+				...floatingProps,
+				...getSelectListboxProps(itemContext.mode),
+				overflowY: disableScroll ? void 0 : "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/jsx/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":"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","ignoreList":[]}
+{"version":3,"file":"SelectViewport.js","names":[],"sources":["jsx/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.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 (!context.interactions) {\n      return null;\n    }\n    const floatingProps = context.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, { presenceAffectsLayout: false, 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          ...context.floatingPosition,\n          outlineWidth: 0,\n          ...floatingProps,\n          ...getSelectListboxProps(itemContext.mode),\n          overflowY: disableScroll ? void 0 : \"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/jsx/SelectViewport.native.cjs

@@ -0,0 +1,72 @@
+"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 SelectViewport_native_exports = {};
+__export(SelectViewport_native_exports, {
+	SelectViewport: () => SelectViewport,
+	SelectViewportFrame: () => SelectViewportFrame
+});
+module.exports = __toCommonJS(SelectViewport_native_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_adapt = require("@tamagui/adapt");
+var import_core = require("@tamagui/core");
+var import_constants = require("./constants.native.js");
+var import_context = require("./context.native.js");
+var SelectViewportFrame = (0, import_core.styled)(import_core.View, {
+	displayName: import_constants.VIEWPORT_NAME,
+	position: "relative"
+});
+var SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {
+	var { scope, children, disableScroll: _disableScroll, ...viewportProps } = props;
+	var context = (0, import_context.useSelectContext)(scope);
+	var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+	var themeName = (0, import_core.useThemeName)();
+	var adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope);
+	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+	var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
+		name: themeName,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {
+			itemContext: itemParentContext,
+			context,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {
+				...adaptContext,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
+					...viewportProps,
+					ref: forwardedRef,
+					children
+				})
+			})
+		})
+	});
+	if (!context.open) {
+		if (context.lazyMount && context.renderValue) return null;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
+			display: "none",
+			children: contents
+		});
+	}
+	return isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {
+		scope: context.adaptScope,
+		children: contents
+	}) : contents;
+});
+SelectViewport.displayName = import_constants.VIEWPORT_NAME;

package/dist/jsx/SelectViewport.native.js

@@ -5,67 +5,70 @@ 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 SelectViewport_native_exports = {};
 __export(SelectViewport_native_exports, {
-  SelectViewport: () => SelectViewport
+	SelectViewport: () => SelectViewport,
+	SelectViewportFrame: () => SelectViewportFrame
 });
 module.exports = __toCommonJS(SelectViewport_native_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_adapt = require("@tamagui/adapt");
 var import_core = require("@tamagui/core");
-var import_stacks = require("@tamagui/stacks");
 var import_constants = require("./constants.native.js");
 var import_context = require("./context.native.js");
-var SelectViewport = function (props) {
-  var {
-    scope,
-    children
-  } = props;
-  var context = (0, import_context.useSelectContext)(scope);
-  var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
-  var themeName = (0, import_core.useThemeName)();
-  var adaptContext = (0, import_adapt.useAdaptContext)();
-  var contents = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_core.Theme, {
-    name: themeName,
-    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {
-      itemContext: itemParentContext,
-      context,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.AdaptContext.Provider, {
-        ...adaptContext,
-        children
-      })
-    })
-  });
-  if (!context.open) {
-    if (context.lazyMount && context.renderValue) {
-      return null;
-    }
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
-      display: "none",
-      children: contents
-    });
-  }
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {
-    scope: context.adaptScope,
-    children: contents
-  });
-};
+var SelectViewportFrame = (0, import_core.styled)(import_core.View, {
+	displayName: import_constants.VIEWPORT_NAME,
+	position: "relative"
+});
+var SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {
+	var { scope, children, disableScroll: _disableScroll, ...viewportProps } = props;
+	var context = (0, import_context.useSelectContext)(scope);
+	var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+	var themeName = (0, import_core.useThemeName)();
+	var adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope);
+	var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);
+	var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
+		name: themeName,
+		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {
+			itemContext: itemParentContext,
+			context,
+			children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {
+				...adaptContext,
+				children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
+					...viewportProps,
+					ref: forwardedRef,
+					children
+				})
+			})
+		})
+	});
+	if (!context.open) {
+		if (context.lazyMount && context.renderValue) return null;
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
+			display: "none",
+			children: contents
+		});
+	}
+	return isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {
+		scope: context.adaptScope,
+		children: contents
+	}) : contents;
+});
 SelectViewport.displayName = import_constants.VIEWPORT_NAME;
+
 //# sourceMappingURL=SelectViewport.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["SelectViewport_native_exports","__export","SelectViewport","module","exports","__toCommonJS","import_jsx_runtime","require","import_adapt","import_core","import_stacks","import_constants","import_context","props","scope","children","context","useSelectContext","itemParentContext","useSelectItemParentContext","themeName","useThemeName","adaptContext","useAdaptContext","contents","jsx","Theme","name","ForwardSelectContext","itemContext","AdaptContext","Provider","open","lazyMount","renderValue","YStack","display","AdaptPortalContents","adaptScope","displayName","VIEWPORT_NAME"],"sources":["../../src/SelectViewport.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,6BAAA;AAAAC,QAAA,CAAAD,6BAAA;EAAAE,cAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,6BAAA;AAAA,IAAAM,kBAAA,GAA4BC,OAAA;AAC5B,IAAAC,YAAA,GAAmED,OAAA;AACnE,IAAAE,WAAA,GAAoCF,OAAA;AACpC,IAAAG,aAAA,GAAuBH,OAAA;AACvB,IAAAI,gBAAA,GAA8BJ,OAAA;AAC9B,IAAAK,cAAA,GAAmFL,OAAA;AAC5E,IAAIL,cAAA,GAAiB,SAAAA,CAASW,KAAA,EAAO;EACxC,IAAI;IAAEC,KAAA;IAAOC;EAAS,IAAIF,KAAA;EAC1B,IAAIG,OAAA,OAAUJ,cAAA,CAAAK,gBAAA,EAAiBH,KAAK;EACpC,IAAII,iBAAA,OAAoBN,cAAA,CAAAO,0BAAA,EAA2BL,KAAK;EACxD,IAAIM,SAAA,OAAYX,WAAA,CAAAY,YAAA,EAAa;EAE7B,IAAIC,YAAA,OAAed,YAAA,CAAAe,eAAA,EAAgB;EACnC,IAAIC,QAAA,GAAyB,mBAAAlB,kBAAA,CAAAmB,GAAA,EAAKhB,WAAA,CAAAiB,KAAA,EAAO;IACrCC,IAAA,EAAMP,SAAA;IACNL,QAAA,EAAwB,mBAAAT,kBAAA,CAAAmB,GAAA,EAAKb,cAAA,CAAAgB,oBAAA,EAAsB;MAC/CC,WAAA,EAAaX,iBAAA;MACbF,OAAA;MACAD,QAAA,EAAwB,mBAAAT,kBAAA,CAAAmB,GAAA,EAAKjB,YAAA,CAAAsB,YAAA,CAAaC,QAAA,EAAU;QAChD,GAAGT,YAAA;QACHP;MACJ,CAAC;IACL,CAAC;EACL,CAAC;EACD,IAAI,CAACC,OAAA,CAAQgB,IAAA,EAAM;IACf,IAAIhB,OAAA,CAAQiB,SAAA,IAAajB,OAAA,CAAQkB,WAAA,EAAa;MAC1C,OAAO;IACX;IACA,OAAqB,mBAAA5B,kBAAA,CAAAmB,GAAA,EAAKf,aAAA,CAAAyB,MAAA,EAAQ;MAC9BC,OAAA,EAAS;MACTrB,QAAA,EAAUS;IACd,CAAC;EACL;EACA,OAAqB,mBAAAlB,kBAAA,CAAAmB,GAAA,EAAKjB,YAAA,CAAA6B,mBAAA,EAAqB;IAC3CvB,KAAA,EAAOE,OAAA,CAAQsB,UAAA;IACfvB,QAAA,EAAUS;EACd,CAAC;AACL;AACAtB,cAAA,CAAeqC,WAAA,GAAc5B,gBAAA,CAAA6B,aAAA","ignoreList":[]}
+{"version":3,"file":"SelectViewport.native.js","names":[],"sources":["jsx/SelectViewport.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 SelectViewport_native_exports = {};\n__export(SelectViewport_native_exports, {\n  SelectViewport: () => SelectViewport,\n  SelectViewportFrame: () => SelectViewportFrame\n});\nmodule.exports = __toCommonJS(SelectViewport_native_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_adapt = require(\"@tamagui/adapt\");\nvar import_core = require(\"@tamagui/core\");\nvar import_constants = require(\"./constants\");\nvar import_context = require(\"./context\");\nvar SelectViewportFrame = (0, import_core.styled)(import_core.View, {\n  displayName: import_constants.VIEWPORT_NAME,\n  position: \"relative\"\n});\nvar SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {\n  var { scope, children, disableScroll: _disableScroll, ...viewportProps } = props;\n  var context = (0, import_context.useSelectContext)(scope);\n  var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);\n  var themeName = (0, import_core.useThemeName)();\n  var adaptContext = (0, import_adapt.useAdaptContext)(context.adaptScope);\n  var isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope);\n  var contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {\n    name: themeName,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {\n      itemContext: itemParentContext,\n      context,\n      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.ProvideAdaptContext, {\n        ...adaptContext,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {\n      display: \"none\",\n      children: contents\n    });\n  }\n  return isAdapted ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {\n    scope: context.adaptScope,\n    children: contents\n  }) : contents;\n});\nSelectViewport.displayName = import_constants.VIEWPORT_NAME;\n//# sourceMappingURL=SelectViewport.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,gCAAgC,CAAC;AACrC,SAAS,+BAA+B;CACtC,sBAAsB;CACtB,2BAA2B;AAC7B,CAAC;AACD,OAAO,UAAU,aAAa,6BAA6B;AAC3D,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,eAAe,QAAQ,gBAAgB;AAC3C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,mBAAmB,QAAQ,uBAAa;AAC5C,IAAI,iBAAiB,QAAQ,qBAAW;AACxC,IAAI,uBAAuB,GAAG,YAAY,OAAM,CAAE,YAAY,MAAM;CAClE,aAAa,iBAAiB;CAC9B,UAAU;AACZ,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,gBAAe,CAAE,qBAAqB,SAAS,gBAAgB,OAAO,cAAc;CACvH,IAAI,EAAE,OAAO,UAAU,eAAe,gBAAgB,GAAG,kBAAkB;CAC3E,IAAI,WAAW,GAAG,eAAe,iBAAgB,CAAE,KAAK;CACxD,IAAI,qBAAqB,GAAG,eAAe,2BAA0B,CAAE,KAAK;CAC5E,IAAI,aAAa,GAAG,YAAY,aAAY,CAAE;CAC9C,IAAI,gBAAgB,GAAG,aAAa,gBAAe,CAAE,QAAQ,UAAU;CACvE,IAAI,aAAa,GAAG,aAAa,iBAAgB,CAAE,QAAQ,UAAU;CACrE,IAAI,WAA2B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,YAAY,OAAO;EAC5E,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe,sBAAsB;GACzF,aAAa;GACb;GACA,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,aAAa,qBAAqB;IACtF,GAAG;IACH,UAA0B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,qBAAqB;KACzE,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,iBAAC,GAAG,mBAAmB,IAAG,CAAE,qBAAqB;GACtE,SAAS;GACT,UAAU;EACZ,CAAC;CACH;CACA,OAAO,YAA4B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,aAAa,qBAAqB;EAC/F,OAAO,QAAQ;EACf,UAAU;CACZ,CAAC,IAAI;AACP,CAAC;AACD,eAAe,cAAc,iBAAiB"}

package/dist/jsx/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/jsx/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":["jsx/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/jsx/constants.native.cjs

@@ -0,0 +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
+	});
+};
+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 constants_exports = {};
+__export(constants_exports, {
+	FALLBACK_THRESHOLD: () => FALLBACK_THRESHOLD,
+	MIN_HEIGHT: () => MIN_HEIGHT,
+	SCROLL_ARROW_THRESHOLD: () => SCROLL_ARROW_THRESHOLD,
+	SCROLL_ARROW_VELOCITY: () => SCROLL_ARROW_VELOCITY,
+	SELECT_NAME: () => SELECT_NAME,
+	VIEWPORT_NAME: () => VIEWPORT_NAME,
+	WINDOW_PADDING: () => WINDOW_PADDING
+});
+module.exports = __toCommonJS(constants_exports);
+var SELECT_NAME = "Select";
+var WINDOW_PADDING = 8;
+var SCROLL_ARROW_VELOCITY = 8;
+var SCROLL_ARROW_THRESHOLD = 8;
+var MIN_HEIGHT = 80;
+var FALLBACK_THRESHOLD = 16;
+var VIEWPORT_NAME = "SelectViewport";