@tamagui/select 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/cjs/SelectTrigger.cjs

@@ -2,94 +2,98 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var SelectTrigger_exports = {};
 __export(SelectTrigger_exports, {
   SelectTrigger: () => SelectTrigger
 });
 module.exports = __toCommonJS(SelectTrigger_exports);
-var import_compose_refs = require("@tamagui/compose-refs"),
-  import_list_item = require("@tamagui/list-item"),
-  React = __toESM(require("react"), 1),
-  import_context = require("./context.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
-const TRIGGER_NAME = "SelectTrigger",
-  isPointerCoarse = typeof window < "u" ? window.matchMedia("(pointer:coarse)").matches : !0,
-  SelectTrigger = React.forwardRef(function (props, forwardedRef) {
-    const {
-        scope,
-        disabled = !1,
-        unstyled = !1,
-        ...triggerProps
-      } = props,
-      context = (0, import_context.useSelectContext)(scope),
-      itemParentContext = (0, import_context.useSelectItemParentContext)(scope),
-      composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.floatingContext?.refs.setReference);
-    return itemParentContext.shouldRenderWebNative ? null : /* @__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,
-      ...(itemParentContext.interactions ? {
-        ...itemParentContext.interactions.getReferenceProps(),
-        ...(isPointerCoarse ? {
-          onPress() {
-            itemParentContext.setOpen(!context.open);
-          }
-        } : {
-          onMouseDown() {
-            context.floatingContext?.update(), itemParentContext.setOpen(!context.open);
-          }
-        })
-      } : {
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_list_item = require("@tamagui/list-item");
+var React = __toESM(require("react"), 1);
+var import_context = require("./context.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const TRIGGER_NAME = "SelectTrigger";
+const isPointerCoarse = typeof window !== "undefined" && true ? window.matchMedia("(pointer:coarse)").matches : true;
+const SelectTrigger = React.forwardRef(function SelectTrigger2(props, forwardedRef) {
+  const {
+    scope,
+    disabled = false,
+    unstyled = false,
+    ...triggerProps
+  } = props;
+  const context = (0, import_context.useSelectContext)(scope);
+  const itemParentContext = (0, import_context.useSelectItemParentContext)(scope);
+  const composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, 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,
+    ...(itemParentContext.interactions ? {
+      ...itemParentContext.interactions.getReferenceProps(),
+      ...(isPointerCoarse ? {
         onPress() {
           itemParentContext.setOpen(!context.open);
         }
+      } : {
+        onMouseDown() {
+          context.floatingContext?.update?.();
+          itemParentContext.setOpen(!context.open);
+        }
       })
-    });
-  });
+    } : {
+      onPress() {
+        itemParentContext.setOpen(!context.open);
+      }
+    })
+  });
+});

package/dist/cjs/SelectTrigger.native.js

@@ -4,56 +4,59 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+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: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// 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
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var SelectTrigger_exports = {};
 __export(SelectTrigger_exports, {
   SelectTrigger: () => SelectTrigger
 });
 module.exports = __toCommonJS(SelectTrigger_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_compose_refs = require("@tamagui/compose-refs"),
-  import_list_item = require("@tamagui/list-item"),
-  React = __toESM(require("react"), 1),
-  import_context = require("./context.native.js"),
-  TRIGGER_NAME = "SelectTrigger";
-var SelectTrigger = /* @__PURE__ */React.forwardRef(function (props, forwardedRef) {
-  var _context_floatingContext,
-    {
-      scope,
-      disabled = !1,
-      unstyled = !1,
-      ...triggerProps
-    } = props,
-    context = (0, import_context.useSelectContext)(scope),
-    itemParentContext = (0, import_context.useSelectItemParentContext)(scope),
-    composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (_context_floatingContext = context.floatingContext) === null || _context_floatingContext === void 0 ? void 0 : _context_floatingContext.refs.setReference);
-  return itemParentContext.shouldRenderWebNative ? null : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_list_item.ListItem, {
+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_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",

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","SelectTrigger_exports","__export","SelectTrigger","module","exports","import_jsx_runtime","require","import_compose_refs","import_list_item","React","__toESM","import_context","TRIGGER_NAME","forwardRef","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAgC,CAAAK,qBAAA;AAYhC,IAAAK,kBAAqB,GAAAC,OAAA,oBAIf;EAAAC,mBACc,GAAAD,OACd,CAAO,uBAAW;EAAAE,gBAClB,GAEOF,OAAA,qBAAsB;EAAAG,KAAA,GAAAC,OAAA,CAAAJ,OAAA;EAAAK,cAAA,GAAAL,OAAA;EAAAM,YAAA;AAAA,IACjCV,aAAuB,GAA2B,eAAcO,KAAA,CAAAI,UAAA,WAAAC,KAAA,EAAAC,YAAA;EAC9D,IAAAC,wBAA0B;IAAA;MAAOC,KAAA;MAAAC,QAAkB,GAAG;MAAAC,QAAA,GAAa,EAAI;MAAA,GAAAC;IAEjE,IAAUN,KAAA;IAAAO,OAAA,OAAAV,cAAiB,CAAAW,gBAC3B,EAAAL,KAAA;IAAAM,iBAAoB,OAAAZ,cAAA,CAAAa,0BACpB,EAAAP,KAAe;IAAAQ,YAAA,OAAAlB,mBAAA,CAAAmB,eAAA,EAAAX,YAAA,GAAAC,wBAAA,GAAAK,OAAA,CAAAM,eAAA,cAAAX,wBAAA,uBAAAA,wBAAA,CAAAY,IAAA,CAAAC,YAAA;EAAA,OACnBN,iBAAA,CAAAO,qBAAA,6BAAAzB,kBAAA,CAAA0B,GAAA,EAAAvB,gBAAA,CAAAwB,QAAA;IAAAC,aACQ,EAAArB,YAAiB;IAC3BO,QAAA;IAIAe,MAAA,EAAI;IAKFC,IAAC;IAAAC,EAAA,EAAAb,iBAAA,CAAAa,EAAA;IAAA,KACCjB,QAAA;MAAekB,iBACf;QACAC,YAAO;QACPC,YAAK;QACLC,YAAI;MAAkB;MACJC,WAChB;MAAmBC,IAAA,EACjBnB,iBAAc,CAAAmB;IAAA;IACAC,IAAA,YACd;IAAc,eAChB;IAAA,eACA,EAAAtB,OAAa,CAAAuB,IAAA;IAAA,mBACP;IAAkBC,GAAA,EAC1BxB,OAAA,CAAAwB,GAAA;IAAA3B,QACA;IAAK,eACL,EAAAA,QAAc;IAAA,GAAAE,YACd;IAAuB0B,GAAA,EACvBrB,YAAA;IAAkBsB,OAClBA,CAAA,EAAK;MAAQxB,iBACb,CAAAyB,OAAA,EAAA3B,OAAA,CAAAuB,IAAA;IAAA;EAC+B;AAC3B","ignoreList":[]}
+{"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":[]}

package/dist/cjs/SelectViewport.cjs

@@ -1,22 +1,35 @@
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  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;
-  };
+  }
+  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
+}) : target, mod));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var SelectViewport_exports = {};
 __export(SelectViewport_exports, {
@@ -24,112 +37,137 @@ __export(SelectViewport_exports, {
   SelectViewportFrame: () => SelectViewportFrame
 });
 module.exports = __toCommonJS(SelectViewport_exports);
-var import_react = require("@floating-ui/react"),
-  import_adapt = require("@tamagui/adapt"),
-  import_animate_presence = require("@tamagui/animate-presence"),
-  import_compose_refs = require("@tamagui/compose-refs"),
-  import_constants = require("@tamagui/constants"),
-  import_core = require("@tamagui/core"),
-  import_portal = require("@tamagui/portal"),
-  import_stacks = require("@tamagui/stacks"),
-  import_constants2 = require("./constants.cjs"),
-  import_context = require("./context.cjs"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_adapt = require("@tamagui/adapt");
+var import_animate_presence = require("@tamagui/animate-presence");
+var import_compose_refs = require("@tamagui/compose-refs");
+var import_constants = require("@tamagui/constants");
+var import_core = require("@tamagui/core");
+var import_portal = require("@tamagui/portal");
+var import_stacks = require("@tamagui/stacks");
+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_jsx_runtime = require("react/jsx-runtime");
 const SelectViewportFrame = (0, import_core.styled)(import_stacks.YStack, {
-    name: import_constants2.VIEWPORT_NAME,
-    variants: {
-      unstyled: {
-        false: {
-          size: "$2",
-          backgroundColor: "$background",
-          elevate: !0,
-          bordered: !0,
-          userSelect: "none",
-          outlineWidth: 0
-        }
-      },
-      size: {
-        "...size": (val, {
-          tokens
-        }) => ({
-          borderRadius: tokens.radius[val] ?? val
-        })
+  name: import_constants2.VIEWPORT_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$2",
+        backgroundColor: "$background",
+        elevate: true,
+        bordered: true,
+        userSelect: "none",
+        outlineWidth: 0
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
+    size: {
+      "...size": (val, {
+        tokens
+      }) => {
+        return {
+          borderRadius: tokens.radius[val] ?? val
+        };
+      }
     }
-  }),
-  needsRepropagation = (0, import_portal.needsPortalRepropagation)(),
-  SelectViewport = SelectViewportFrame.styleable(function (props, forwardedRef) {
-    const {
-        scope,
-        children,
-        disableScroll,
-        ...viewportProps
-      } = props,
-      context = (0, import_context.useSelectContext)(scope),
-      itemContext = (0, import_context.useSelectItemParentContext)(scope),
-      isAdapted = (0, import_adapt.useAdaptIsActive)(context.adaptScope),
-      composedRefs = (0, import_compose_refs.useComposedRefs)(
-      // @ts-ignore TODO react 19 type needs fix
-      forwardedRef, context.floatingContext?.refs.setFloating);
-    if ((0, import_constants.useIsomorphicLayoutEffect)(() => {
-      context.update && context.update();
-    }, [isAdapted]), itemContext.shouldRenderWebNative) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_stacks.YStack, {
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+});
+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;
-      return needsRepropagation && (content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {
+  }
+  if (isAdapted || !import_constants.isWeb) {
+    let content = children;
+    if (needsRepropagation) {
+      content = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_context.ForwardSelectContext, {
         itemContext,
         context,
         children: content
-      })), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {
-        scope: context.adaptScope,
-        children: content
       });
     }
-    if (!itemContext.interactions) return process.env.NODE_ENV === "development" && console.warn("No interactions provided to Select, potentially missing Adapt"), 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)(import_react.FloatingFocusManager, {
-          context: context.floatingContext,
-          modal: !1,
-          initialFocus: -1,
-          children: /* @__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
-          }, "select-viewport")
-        }) : null
-      }), !context.open && /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
-        style: {
-          display: "none"
-        },
-        children: props.children
-      })]
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, {
+      scope: context.adaptScope,
+      children: content
     });
-  }),
-  selectViewportCSS = `
+  }
+  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 selectViewportCSS = `
 .is_SelectViewport {
   scrollbar-width: none;
   -webkit-overflow-scrolling: touch;