@tamagui/select 2.7.7 → 3.0.0-beta.643.1

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

@@ -1 +1 @@
-{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","SelectTrigger_exports","SelectTrigger","module","exports","import_jsx_runtime","require","import_compose_refs","import_list_item","React","import_context","TRIGGER_NAME","forwardRef","SelectTrigger2","props","forwardedRef","_context_floatingContext","scope","disabled","unstyled","triggerProps","context","useSelectContext","itemParentContext","useSelectItemParentContext","composedRefs","useComposedRefs","floatingContext","refs","setReference","shouldRenderWebNative","jsx","ListItem","componentName","render","type","id","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","borderWidth","size","role"],"sources":["../../src/SelectTrigger.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectTrigger.native.js","names":[],"sources":["jsx/SelectTrigger.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n\t// If the importer is in node compatibility mode or this is not an ESM\n\t// file that has been converted to a CommonJS file using a Babel-\n\t// compatible transform (i.e. \"__esModule\" has not been set), then set\n\t// \"default\" to the CommonJS \"module.exports\" for node compatibility.\n\tisNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", {\n\t\tvalue: mod,\n\t\tenumerable: true\n\t}) : target,\n\tmod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar SelectTrigger_exports = {};\n__export(SelectTrigger_exports, {\n\tSelectTrigger: () => SelectTrigger,\n\tSelectTriggerFrame: () => SelectTriggerFrame\n});\nmodule.exports = __toCommonJS(SelectTrigger_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_compose_refs = require(\"@tamagui/compose-refs\");\nvar import_constants = require(\"@tamagui/constants\");\nvar import_core = require(\"@tamagui/core\");\nvar import_helpers = require(\"@tamagui/helpers\");\n__toESM(require(\"react\"), 1);\nvar import_context = require(\"./context\");\nvar SelectTriggerFrame = (0, import_core.styled)(import_core.View, {\n\tdisplayName: \"SelectTrigger\",\n\talignItems: \"center\",\n\tflexDirection: \"row\",\n\trender: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(\"button\", { type: \"button\" })\n});\nvar SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {\n\tvar _context_floatingContext;\n\tvar { scope, disabled = false, ...triggerProps } = props;\n\tvar context = (0, import_context.useSelectContext)(scope);\n\tvar itemParentContext = (0, import_context.useSelectItemParentContext)(scope);\n\tvar composedRefs = (0, import_compose_refs.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, (0, import_core.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...import_constants.isWeb ? { onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, function(event) {\n\t\t\tevent.preventDefault();\n\t\t\ttoggleOpen(event);\n\t\t}) } : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },\n\t\tonKeyDown: (0, import_helpers.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__ */ (0, import_jsx_runtime.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: import_constants.isWeb ? void 0 : \"button\",\n\t\taccessibilityState: import_constants.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//# sourceMappingURL=SelectTrigger.js.map\n"],"mappings":"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"}

package/dist/jsx/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/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.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/jsx/SelectViewport.native.cjs

@@ -0,0 +1,73 @@
+"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)();
+	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.AdaptContext.Provider, {
+				...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

@@ -1,71 +1,75 @@
 "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 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)();
+	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.AdaptContext.Provider, {
+				...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)();\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.AdaptContext.Provider, {\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,QAAQ,YAAY,MAAM;CAClE,aAAa,iBAAiB;CAC9B,UAAU;AACZ,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,iBAAiB,qBAAqB,SAAS,gBAAgB,OAAO,cAAc;CACvH,IAAI,EAAE,OAAO,UAAU,eAAe,gBAAgB,GAAG,kBAAkB;CAC3E,IAAI,WAAW,GAAG,eAAe,kBAAkB,KAAK;CACxD,IAAI,qBAAqB,GAAG,eAAe,4BAA4B,KAAK;CAC5E,IAAI,aAAa,GAAG,YAAY,cAAc;CAC9C,IAAI,gBAAgB,GAAG,aAAa,iBAAiB;CACrD,IAAI,aAAa,GAAG,aAAa,kBAAkB,QAAQ,UAAU;CACrE,IAAI,WAA2B,iBAAC,GAAG,mBAAmB,KAAK,YAAY,OAAO;EAC5E,MAAM;EACN,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,eAAe,sBAAsB;GACzF,aAAa;GACb;GACA,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,aAAa,aAAa,UAAU;IACxF,GAAG;IACH,UAA0B,iBAAC,GAAG,mBAAmB,KAAK,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,KAAK,qBAAqB;GACtE,SAAS;GACT,UAAU;EACZ,CAAC;CACH;CACA,OAAO,YAA4B,iBAAC,GAAG,mBAAmB,KAAK,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"}