@tamagui/select 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/SelectTrigger.native.js

@@ -1,5 +1,6 @@
 "use strict";
 
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -7,82 +8,86 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SelectTrigger_exports = {};
 __export(SelectTrigger_exports, {
-  SelectTrigger: () => SelectTrigger
+	SelectTrigger: () => SelectTrigger,
+	SelectTriggerFrame: () => SelectTriggerFrame
 });
 module.exports = __toCommonJS(SelectTrigger_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_compose_refs = require("@tamagui/compose-refs");
-var import_list_item = require("@tamagui/list-item");
-var React = __toESM(require("react"), 1);
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_helpers = require("@tamagui/helpers");
+__toESM(require("react"), 1);
 var import_context = require("./context.native.js");
-var TRIGGER_NAME = "SelectTrigger";
-var SelectTrigger = /* @__PURE__ */React.forwardRef(function SelectTrigger2(props, forwardedRef) {
-  var _context_floatingContext;
-  var {
-    scope,
-    disabled = false,
-    unstyled = false,
-    ...triggerProps
-  } = props;
-  var context = (0, import_context.useSelectContext)(scope);
-  var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
-  var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
-  if (itemParentContext.shouldRenderWebNative) return null;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_list_item.ListItem, {
-    componentName: TRIGGER_NAME,
-    unstyled,
-    render: "button",
-    type: "button",
-    id: itemParentContext.id,
-    ...(!unstyled && {
-      focusVisibleStyle: {
-        outlineStyle: "solid",
-        outlineWidth: 2,
-        outlineColor: "$outlineColor"
-      },
-      borderWidth: 1,
-      size: itemParentContext.size
-    }),
-    role: "combobox",
-    "aria-haspopup": "listbox",
-    "aria-expanded": context.open,
-    "aria-autocomplete": "none",
-    dir: context.dir,
-    disabled,
-    "data-disabled": disabled ? "" : void 0,
-    ...triggerProps,
-    ref: composedRefs,
-    onPress() {
-      itemParentContext.setOpen(!context.open);
-    }
-  });
+var SelectTriggerFrame = (0, import_core.styled)(import_core.View, {
+	displayName: "SelectTrigger",
+	alignItems: "center",
+	flexDirection: "row",
+	render: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button" })
+});
+var SelectTrigger = (0, import_core.createStyledHOC)(SelectTriggerFrame, function SelectTrigger2(props, forwardedRef) {
+	var _context_floatingContext;
+	var { scope, disabled = false, ...triggerProps } = props;
+	var context = (0, import_context.useSelectContext)(scope);
+	var itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+	var composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
+	if (itemParentContext.shouldRenderWebNative) return null;
+	var toggleOpen = function(event) {
+		var reason = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "trigger-press";
+		if (!disabled) itemParentContext.requestOpenChange(!context.open, (0, import_core.createChangeEventDetails)(reason, (event === null || event === void 0 ? void 0 : event.nativeEvent) || event, event === null || event === void 0 ? void 0 : event.currentTarget));
+	};
+	var interactionProps = {
+		...triggerProps,
+		...import_constants.isWeb ? { onMouseDown: (0, import_helpers.composeEventHandlers)(triggerProps.onMouseDown, function(event) {
+			event.preventDefault();
+			toggleOpen(event);
+		}) } : { onPress: (0, import_helpers.composeEventHandlers)(triggerProps.onPress, toggleOpen) },
+		onKeyDown: (0, import_helpers.composeEventHandlers)(triggerProps.onKeyDown, function(event) {
+			if (event.key === "Enter" || event.key === " ") {
+				event.preventDefault();
+				toggleOpen(event, "keyboard");
+			}
+		})
+	};
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectTriggerFrame, {
+		type: "button",
+		id: itemParentContext.id,
+		role: "combobox",
+		"aria-haspopup": "listbox",
+		"aria-expanded": context.open,
+		"aria-autocomplete": "none",
+		accessibilityRole: import_constants.isWeb ? void 0 : "button",
+		accessibilityState: import_constants.isWeb ? void 0 : {
+			expanded: context.open,
+			disabled
+		},
+		dir: context.dir,
+		disabled,
+		"data-disabled": disabled ? "" : void 0,
+		...interactionProps,
+		ref: composedRefs
+	});
 });
+
 //# sourceMappingURL=SelectTrigger.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["isNodeMode","mod","__esModule","__defProp","target","value","enumerable","__toCommonJS","__copyProps","SelectTrigger_exports","__export","SelectTrigger","module","exports","import_jsx_runtime","require","import_compose_refs","import_list_item","React","__toESM","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","open","dir","ref","onPress","setOpen"],"sources":["../../src/SelectTrigger.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAAA,UAAA,KAAAC,GAAA,KAAAA,GAAA,CAAAC,UAAA,GAAAC,SAAA,CAAAC,MAAA;EAAAC,KAAA,EAAAJ,GAAA;EAAAK,UAAA;AAAA,KAAAF,MAAA,EAAAH,GAAA;AAGA,IAAAM,YAAA,GAAAN,GAAyB,IAAAO,WAAA,CAAAL,SAAA;EAAAE,KAAA;AAAA,IAAAJ,GAAA;AACzB,IAAAQ,qBAAuB;AAEvBC,QAAA,CAAAD,qBAA6D;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAiCvDC,MAAA,CAAAC,OAAA,GAAAN,YAAA,CAAAE,qBAAA;AA3BN,IAAAK,kBAAqB,GAAAC,OAAA;AAIrB,IAAAC,mBAAM,GACJD,OAAO,wBAA0B;AAI5B,IAAAE,gBAAM,GAAgBF,OAAM;AAAA,IACjCG,KAAA,GAASC,OAAA,CAAAJ,OAAc,QAA2B;AAChD,IAAAK,cAAQ,GAAOL,OAAA,sBAAkB;AAEjC,IAAAM,YAAM,kBAAU;AAChB,IAAAV,aAAM,kBAAoBO,KAAA,CAAAI,UAAA,UAAAC,eAA2BC,KAAK,EAAAC,YAAA;EAC1D,IAAAC,wBAAqB;EAAA;IACnBC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAA,GAAAC;EAAA,IAAAN,KAAA;EAAA,IAAAO,OACA,GAAQ,IAAAX,cAAiB,CAAAY,gBAAK,EAAAL,KAAA;EAAA,IAChCM,iBAAA,OAAAb,cAAA,CAAAc,0BAAA,EAAAP,KAAA;EAIA,IAAAQ,YAAI,OAAAnB,mBAAkB,CAAAoB,eAAuB,EAAAX,YAAA,GAAAC,wBAAA,GAAAK,OAAA,CAAAM,eAAA,cAAAX,wBAAA,uBAAAA,wBAAA,CAAAY,IAAA,CAAAC,YAAA;EAC3C,IAAAN,iBAAO,CAAAO,qBAAA;EAAA,OACT,mBAAA1B,kBAAA,CAAA2B,GAAA,EAAAxB,gBAAA,CAAAyB,QAAA;IAEAC,aACE,EAAAtB,YAAA;IAAAQ,QAAC;IAAAe,MAAA;IAAAC,IAAA,EACC;IAAeC,EAAA,EAAAb,iBACf,CAAAa,EAAA;IAAA,KAAAjB,QACA,IAAO;MAAAkB,iBACF;QAAAC,YACD;QAAkBC,YAChB;QAAYC,YAChB;MAAmB;MACHC,WACd;MAAcC,IAAA,EAAAnB,iBACA,CAAAmB;IAAA;IAChBC,IAAA,YACA;IAAa,eACP;IAAkB,eAC1B,EAAAtB,OAAA,CAAAuB,IAAA;IAAA,mBACK;IAAAC,GAAA,EAAAxB,OACL,CAAAwB,GAAA;IAAc3B,QACd;IAAuB,eACvB,EAAAA,QAAA,GAAkB;IAAA,GAAAE,YACb;IAAQ0B,GAAA,EAAArB,YACb;IAAAsB,OACAA,CAAA;MAA+BxB,iBAC3B,CAAAyB,OAAA,EAAA3B,OAAA,CAAAuB,IAAA;IAAA;EACC;AAED","ignoreList":[]}
+{"version":3,"file":"SelectTrigger.native.js","names":[],"sources":["cjs/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/cjs/SelectViewport.cjs

@@ -1,3 +1,4 @@
+
 var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -5,36 +6,29 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
 };
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
+	if (from && typeof from === "object" || typeof from === "function") {
+		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: () => from[key],
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
 }) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SelectViewport_exports = {};
 __export(SelectViewport_exports, {
-  SelectViewport: () => SelectViewport,
-  SelectViewportFrame: () => SelectViewportFrame
+	SelectViewport: () => SelectViewport,
+	SelectViewportFrame: () => SelectViewportFrame
 });
 module.exports = __toCommonJS(SelectViewport_exports);
 var import_adapt = require("@tamagui/adapt");
@@ -48,133 +42,116 @@ var import_start_transition = require("@tamagui/start-transition");
 var React = __toESM(require("react"), 1);
 var import_constants2 = require("./constants.cjs");
 var import_context = require("./context.cjs");
+var import_selectionController = require("./selectionController.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
-const SelectViewportFrame = (0, import_core.styled)(import_stacks.ThemeableStack, {
-  name: import_constants2.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 = (0, import_core.styled)(import_core.View, {
+	displayName: import_constants2.VIEWPORT_NAME,
+	position: "relative"
 });
 const needsRepropagation = (0, import_portal.needsPortalRepropagation)();
-const SelectViewport = SelectViewportFrame.styleable(function SelectViewport2(props, forwardedRef) {
-  const {
-    scope,
-    children,
-    disableScroll,
-    ...viewportProps
-  } = props;
-  const context = (0, import_context.useSelectContext)(scope);
-  const itemContext = (0, import_context.useSelectItemParentContext)(scope);
-  const isAdapted = (0, import_adapt.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;
-    (0, import_start_transition.startTransition)(() => {
-      setLazyMounted(true);
-    });
-  }, [context.lazyMount, context.open, lazyMounted]);
-  const composedRefs = (0, import_compose_refs.useComposedRefs)(
-  // @ts-ignore TODO react 19 type needs fix
-  forwardedRef, context.floatingContext?.refs.setFloating);
-  (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (context.update) {
-      context.update();
-    }
-  }, [isAdapted]);
-  (0, import_constants.useIsomorphicLayoutEffect)(() => {
-    if (context.lazyMount && lazyMounted && context.open && context.update) {
-      context.update();
-    }
-  }, [lazyMounted]);
-  if (itemContext.shouldRenderWebNative) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
-      position: "relative",
-      children
-    });
-  }
-  if (isAdapted || !import_constants.isWeb) {
-    let content = children;
-    if (needsRepropagation) {
-      content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {
-        itemContext,
-        context,
-        children: content
-      });
-    }
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.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__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [!disableScroll && !props.unstyled && /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
-      dangerouslySetInnerHTML: {
-        __html: selectViewportCSS
-      }
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, {
-      children: context.open ? /* @__PURE__ */(0, import_jsx_runtime.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__ */(0, import_jsx_runtime.jsx)("div", {
-      style: {
-        display: "none"
-      },
-      children
-    })]
-  });
+const SelectViewport = (0, import_core.createStyledHOC)(SelectViewportFrame, function SelectViewport2(props, forwardedRef) {
+	const { scope, children, disableScroll, ...viewportProps } = props;
+	const context = (0, import_context.useSelectContext)(scope);
+	const itemContext = (0, import_context.useSelectItemParentContext)(scope);
+	const isAdapted = (0, import_adapt.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;
+		(0, import_start_transition.startTransition)(() => {
+			setLazyMounted(true);
+		});
+	}, [
+		context.lazyMount,
+		context.open,
+		lazyMounted
+	]);
+	React.useEffect(() => {
+		if (!import_constants.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 = (0, import_compose_refs.useComposedRefs)(forwardedRef, viewportRef, context.floatingContext?.refs.setFloating);
+	(0, import_constants.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__ */ (0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+			position: "relative",
+			children
+		});
+	}
+	if (isAdapted || !import_constants.isWeb) {
+		let content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
+			...viewportProps,
+			...import_constants.isWeb ? (0, import_selectionController.getSelectListboxProps)(itemContext.mode) : {},
+			"data-select-viewport": "",
+			ref: composedRefs,
+			children: lazyMounted ? children : null
+		});
+		if (needsRepropagation) {
+			content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {
+				itemContext,
+				context,
+				children: content
+			});
+		}
+		return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {
+			scope: context.adaptScope,
+			children: content
+		});
+	}
+	if (!itemContext.interactions) {
+		return null;
+	}
+	const { style, className, ...floatingProps } = itemContext.interactions.getFloatingProps();
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+		!disableScroll && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { dangerouslySetInnerHTML: { __html: selectViewportCSS } }),
+		/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { children: context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectViewportFrame, {
+			"data-select-viewport": "",
+			...import_constants.isWeb && { "data-state": context.open ? "open" : "closed" },
+			...viewportProps,
+			...style,
+			...floatingProps,
+			...(0, import_selectionController.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__ */ (0, import_jsx_runtime.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
 }
-`;
+`;

package/dist/cjs/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;