@tamagui/select 1.116.0 → 1.116.2

package/dist/cjs/SelectItem.js

@@ -0,0 +1,142 @@
+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 __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, { 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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SelectItem_exports = {};
+__export(SelectItem_exports, {
+  SelectItem: () => SelectItem,
+  SelectItemContextProvider: () => SelectItemContextProvider,
+  useSelectItemContext: () => useSelectItemContext
+});
+module.exports = __toCommonJS(SelectItem_exports);
+var import_compose_refs = require("@tamagui/compose-refs"), import_constants = require("@tamagui/constants"), import_list_item = require("@tamagui/list-item"), React = __toESM(require("react")), import_context = require("./context"), import_jsx_runtime = require("react/jsx-runtime");
+const ITEM_NAME = "SelectItem", [SelectItemContextProvider, useSelectItemContext] = (0, import_context.createSelectContext)(ITEM_NAME), SelectItem = import_list_item.ListItemFrame.styleable(
+  function(props, forwardedRef) {
+    const {
+      __scopeSelect,
+      value,
+      disabled = !1,
+      textValue: textValueProp,
+      index,
+      ...restProps
+    } = props, { props: listItemProps } = (0, import_list_item.useListItem)({
+      ...!props.unstyled && {
+        ellipse: !0
+      },
+      ...restProps
+    }), context = (0, import_context.useSelectItemParentContext)(ITEM_NAME, __scopeSelect), {
+      setSelectedIndex,
+      listRef,
+      setOpen,
+      onChange,
+      activeIndexSubscribe,
+      valueSubscribe,
+      allowMouseUpRef,
+      allowSelectRef,
+      setValueAtIndex,
+      selectTimeoutRef,
+      dataRef,
+      interactions,
+      shouldRenderWebNative,
+      size,
+      onActiveChange,
+      initialValue
+    } = context, [isSelected, setSelected] = React.useState(initialValue === value);
+    React.useEffect(() => activeIndexSubscribe((i) => {
+      index === i && (onActiveChange(value, index), listRef?.current[index]?.focus());
+    }), [index]), React.useEffect(() => valueSubscribe((val) => {
+      setSelected(val === value);
+    }), [value]);
+    const textId = React.useId(), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, (node) => {
+      import_constants.isWeb && node instanceof HTMLElement && listRef && (listRef.current[index] = node);
+    });
+    (0, import_constants.useIsomorphicLayoutEffect)(() => {
+      setValueAtIndex(index, value);
+    }, [index, setValueAtIndex, value]);
+    function handleSelect() {
+      setSelectedIndex(index), onChange(value), setOpen(!1);
+    }
+    const selectItemProps = React.useMemo(() => interactions ? interactions.getItemProps({
+      onTouchMove() {
+        allowSelectRef.current = !0, allowMouseUpRef.current = !1;
+      },
+      onTouchEnd() {
+        allowSelectRef.current = !1, allowMouseUpRef.current = !0;
+      },
+      onKeyDown(event) {
+        event.key === "Enter" || event.key === " " && !dataRef?.current.typing ? (event.preventDefault(), handleSelect()) : allowSelectRef.current = !0;
+      },
+      onClick() {
+        allowSelectRef.current && handleSelect();
+      },
+      onMouseUp() {
+        allowMouseUpRef.current && (allowSelectRef.current && handleSelect(), clearTimeout(selectTimeoutRef.current), selectTimeoutRef.current = setTimeout(() => {
+          allowSelectRef.current = !0;
+        }));
+      }
+    }) : {
+      onPress: handleSelect
+    }, [handleSelect]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      SelectItemContextProvider,
+      {
+        scope: __scopeSelect,
+        value,
+        textId: textId || "",
+        isSelected,
+        children: shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value, children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_list_item.ListItemFrame,
+          {
+            tag: "div",
+            componentName: ITEM_NAME,
+            ref: composedRefs,
+            "aria-labelledby": textId,
+            "aria-selected": isSelected,
+            "data-state": isSelected ? "active" : "inactive",
+            "aria-disabled": disabled || void 0,
+            "data-disabled": disabled ? "" : void 0,
+            tabIndex: disabled ? void 0 : -1,
+            ...!props.unstyled && {
+              backgrounded: !0,
+              pressTheme: !0,
+              hoverTheme: !0,
+              focusTheme: !0,
+              cursor: "default",
+              size,
+              outlineOffset: -0.5,
+              focusVisibleStyle: {
+                outlineColor: "$outlineColor",
+                outlineWidth: 1,
+                outlineStyle: "solid"
+              }
+            },
+            ...listItemProps,
+            ...selectItemProps
+          }
+        )
+      }
+    );
+  },
+  {
+    disableTheme: !0
+  }
+);
+//# sourceMappingURL=SelectItem.js.map

package/dist/cjs/SelectItemText.js

@@ -0,0 +1,62 @@
+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 __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, { 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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SelectItemText_exports = {};
+__export(SelectItemText_exports, {
+  ITEM_TEXT_NAME: () => ITEM_TEXT_NAME,
+  SelectItemText: () => SelectItemText,
+  SelectItemTextFrame: () => SelectItemTextFrame
+});
+module.exports = __toCommonJS(SelectItemText_exports);
+var import_compose_refs = require("@tamagui/compose-refs"), import_core = require("@tamagui/core"), import_text = require("@tamagui/text"), React = __toESM(require("react")), import_context = require("./context"), import_SelectItem = require("./SelectItem"), import_jsx_runtime = require("react/jsx-runtime");
+const ITEM_TEXT_NAME = "SelectItemText", SelectItemTextFrame = (0, import_core.styled)(import_text.SizableText, {
+  name: ITEM_TEXT_NAME,
+  variants: {
+    unstyled: {
+      false: {
+        userSelect: "none",
+        color: "$color",
+        ellipse: !0
+      }
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), SelectItemText = SelectItemTextFrame.styleable(function(props, forwardedRef) {
+  const { __scopeSelect, className, ...itemTextProps } = props, context = (0, import_context.useSelectContext)(ITEM_TEXT_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(ITEM_TEXT_NAME, __scopeSelect), ref = React.useRef(null), composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, ref), itemContext = (0, import_SelectItem.useSelectItemContext)(ITEM_TEXT_NAME, __scopeSelect), contents = React.useRef();
+  return contents.current = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    SelectItemTextFrame,
+    {
+      className,
+      size: itemParentContext.size,
+      id: itemContext.textId,
+      ...itemTextProps,
+      ref: composedRefs
+    }
+  ), React.useEffect(() => {
+    itemParentContext.initialValue === itemContext.value && !context.selectedIndex && context.setSelectedItem(contents.current);
+  }, []), React.useEffect(() => itemParentContext.valueSubscribe((val) => {
+    val === itemContext.value && context.setSelectedItem(contents.current);
+  }), [itemContext.value]), itemParentContext.shouldRenderWebNative ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: contents.current });
+});
+//# sourceMappingURL=SelectItemText.js.map

package/dist/cjs/SelectScrollButton.js

@@ -0,0 +1,105 @@
+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 __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, { 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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SelectScrollButton_exports = {};
+__export(SelectScrollButton_exports, {
+  SelectScrollDownButton: () => SelectScrollDownButton,
+  SelectScrollUpButton: () => SelectScrollUpButton
+});
+module.exports = __toCommonJS(SelectScrollButton_exports);
+var import_react = require("@floating-ui/react"), import_compose_refs = require("@tamagui/compose-refs"), import_stacks = require("@tamagui/stacks"), React = __toESM(require("react")), import_react_dom = require("react-dom"), import_context = require("./context"), import_jsx_runtime = require("react/jsx-runtime");
+const SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton", SelectScrollUpButton = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  SelectScrollButtonImpl,
+  {
+    componentName: SCROLL_UP_BUTTON_NAME,
+    ...props,
+    dir: "up",
+    ref: forwardedRef
+  }
+));
+SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
+const SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton", SelectScrollDownButton = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  SelectScrollButtonImpl,
+  {
+    componentName: SCROLL_DOWN_BUTTON_NAME,
+    ...props,
+    dir: "down",
+    ref: forwardedRef
+  }
+));
+SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
+const SelectScrollButtonImpl = React.memo(
+  React.forwardRef(
+    (props, forwardedRef) => {
+      const { __scopeSelect, dir, componentName, ...scrollIndicatorProps } = props, { forceUpdate, open, fallback, setScrollTop, setInnerOffset, ...context } = (0, import_context.useSelectContext)(componentName, __scopeSelect), floatingRef = context.floatingContext?.refs.floating, statusRef = React.useRef("idle"), isVisible = context[dir === "down" ? "canScrollDown" : "canScrollUp"], frameRef = React.useRef(), { x, y, refs, strategy } = (0, import_react.useFloating)({
+        open: open && isVisible,
+        strategy: "fixed",
+        elements: {
+          reference: floatingRef?.current
+        },
+        placement: dir === "up" ? "top" : "bottom",
+        middleware: [(0, import_react.offset)(({ rects }) => -rects.floating.height)],
+        whileElementsMounted: (...args) => (0, import_react.autoUpdate)(...args, { animationFrame: !0 })
+      }), composedRef = (0, import_compose_refs.useComposedRefs)(forwardedRef, refs.setFloating);
+      if (!isVisible)
+        return null;
+      const onScroll = (amount) => {
+        const floating = floatingRef;
+        floating && (fallback ? floating.current && (floating.current.scrollTop -= amount, (0, import_react_dom.flushSync)(() => setScrollTop(floating.current?.scrollTop ?? 0))) : (0, import_react_dom.flushSync)(() => setInnerOffset((value) => value - amount)));
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_stacks.YStack,
+        {
+          ref: composedRef,
+          componentName,
+          "aria-hidden": !0,
+          ...scrollIndicatorProps,
+          zIndex: 1e3,
+          position: strategy,
+          left: x || 0,
+          top: y || 0,
+          width: `calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`,
+          onPointerEnter: () => {
+            statusRef.current = "active";
+            let prevNow = Date.now();
+            function frame() {
+              const element = floatingRef?.current;
+              if (element) {
+                const currentNow = Date.now(), msElapsed = currentNow - prevNow;
+                prevNow = currentNow;
+                const pixelsToScroll = msElapsed / 2, remainingPixels = dir === "up" ? element.scrollTop : element.scrollHeight - element.clientHeight - element.scrollTop, scrollRemaining = dir === "up" ? element.scrollTop - pixelsToScroll > 0 : element.scrollTop + pixelsToScroll < element.scrollHeight - element.clientHeight;
+                onScroll(
+                  dir === "up" ? Math.min(pixelsToScroll, remainingPixels) : Math.max(-pixelsToScroll, -remainingPixels)
+                ), scrollRemaining && (frameRef.current = requestAnimationFrame(frame));
+              }
+            }
+            cancelAnimationFrame(frameRef.current), frameRef.current = requestAnimationFrame(frame);
+          },
+          onPointerLeave: () => {
+            statusRef.current = "idle", cancelAnimationFrame(frameRef.current);
+          }
+        }
+      );
+    }
+  )
+);
+//# sourceMappingURL=SelectScrollButton.js.map

package/dist/cjs/SelectTrigger.js

@@ -0,0 +1,84 @@
+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 __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, { 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: !0 }) : target,
+  mod
+)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SelectTrigger_exports = {};
+__export(SelectTrigger_exports, {
+  SelectTrigger: () => SelectTrigger
+});
+module.exports = __toCommonJS(SelectTrigger_exports);
+var import_compose_refs = require("@tamagui/compose-refs"), import_core = require("@tamagui/core"), import_list_item = require("@tamagui/list-item"), React = __toESM(require("react")), import_context = require("./context"), import_jsx_runtime = require("react/jsx-runtime");
+const TRIGGER_NAME = "SelectTrigger", isPointerCoarse = import_core.isWeb && import_core.isClient ? window.matchMedia("(pointer:coarse)").matches : !0, SelectTrigger = React.forwardRef(
+  function(props, forwardedRef) {
+    const { __scopeSelect, disabled = !1, unstyled = !1, ...triggerProps } = props, context = (0, import_context.useSelectContext)(TRIGGER_NAME, __scopeSelect), itemParentContext = (0, import_context.useSelectItemParentContext)(TRIGGER_NAME, __scopeSelect), 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,
+        tag: "button",
+        type: "button",
+        id: itemParentContext.id,
+        ...!unstyled && {
+          backgrounded: !0,
+          radiused: !0,
+          hoverTheme: !0,
+          pressTheme: !0,
+          focusable: !0,
+          focusVisibleStyle: {
+            outlineStyle: "solid",
+            outlineWidth: 2,
+            outlineColor: "$outlineColor"
+          },
+          borderWidth: 1,
+          size: itemParentContext.size
+        },
+        "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);
+          }
+        }
+      }
+    );
+  }
+);
+//# sourceMappingURL=SelectTrigger.js.map

package/dist/cjs/SelectViewport.js

@@ -0,0 +1,111 @@
+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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var SelectViewport_exports = {};
+__export(SelectViewport_exports, {
+  SelectViewport: () => SelectViewport,
+  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_stacks = require("@tamagui/stacks"), import_constants2 = require("./constants"), import_context = require("./context"), 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: !0,
+        bordered: !0,
+        userSelect: "none",
+        outlineWidth: 0
+      }
+    },
+    size: {
+      "...size": (val, { tokens }) => ({
+        borderRadius: tokens.radius[val] ?? val
+      })
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}), SelectViewport = SelectViewportFrame.styleable(
+  function(props, forwardedRef) {
+    const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = (0, import_context.useSelectContext)(import_constants2.VIEWPORT_NAME, __scopeSelect), itemContext = (0, import_context.useSelectItemParentContext)(import_constants2.VIEWPORT_NAME, __scopeSelect), isAdapted = (0, import_adapt.useAdaptIsActive)();
+    if ((0, import_constants.useIsomorphicLayoutEffect)(() => {
+      context.update && context.update();
+    }, [isAdapted]), itemContext.shouldRenderWebNative)
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+    if (isAdapted || !import_constants.isWeb)
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_adapt.AdaptPortalContents, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_context.ForwardSelectContext,
+        {
+          __scopeSelect,
+          itemContext,
+          context,
+          children
+        }
+      ) });
+    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(), composedRefs = (0, import_compose_refs.composeRefs)(
+      forwardedRef,
+      context.floatingContext?.refs.setFloating
+    );
+    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, 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 })
+    ] });
+  }
+), selectViewportCSS = `
+.is_SelectViewport {
+  scrollbar-width: none;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
+}
+
+.is_SelectViewport::-webkit-scrollbar{
+  display:none
+}
+`;
+//# sourceMappingURL=SelectViewport.js.map

package/dist/cjs/constants.js

@@ -0,0 +1,27 @@
+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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var constants_exports = {};
+__export(constants_exports, {
+  FALLBACK_THRESHOLD: () => FALLBACK_THRESHOLD,
+  MIN_HEIGHT: () => MIN_HEIGHT,
+  SCROLL_ARROW_THRESHOLD: () => SCROLL_ARROW_THRESHOLD,
+  SCROLL_ARROW_VELOCITY: () => SCROLL_ARROW_VELOCITY,
+  SELECT_NAME: () => SELECT_NAME,
+  VIEWPORT_NAME: () => VIEWPORT_NAME,
+  WINDOW_PADDING: () => WINDOW_PADDING
+});
+module.exports = __toCommonJS(constants_exports);
+const SELECT_NAME = "Select", WINDOW_PADDING = 8, SCROLL_ARROW_VELOCITY = 8, SCROLL_ARROW_THRESHOLD = 8, MIN_HEIGHT = 80, FALLBACK_THRESHOLD = 16, VIEWPORT_NAME = "SelectViewport";
+//# sourceMappingURL=constants.js.map

package/dist/cjs/context.js

@@ -0,0 +1,35 @@
+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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var context_exports = {};
+__export(context_exports, {
+  ForwardSelectContext: () => ForwardSelectContext,
+  SelectItemParentProvider: () => SelectItemParentProvider,
+  SelectProvider: () => SelectProvider,
+  createSelectContext: () => createSelectContext,
+  createSelectItemParentContext: () => createSelectItemParentContext,
+  createSelectItemParentScope: () => createSelectItemParentScope,
+  createSelectScope: () => createSelectScope,
+  useSelectContext: () => useSelectContext,
+  useSelectItemParentContext: () => useSelectItemParentContext
+});
+module.exports = __toCommonJS(context_exports);
+var import_create_context = require("@tamagui/create-context"), import_constants = require("./constants"), import_jsx_runtime = require("react/jsx-runtime");
+const [createSelectContext, createSelectScope] = (0, import_create_context.createContextScope)(import_constants.SELECT_NAME), [SelectProvider, useSelectContext] = createSelectContext(import_constants.SELECT_NAME), [createSelectItemParentContext, createSelectItemParentScope] = (0, import_create_context.createContextScope)(import_constants.SELECT_NAME), [SelectItemParentProvider, useSelectItemParentContext] = createSelectContext(import_constants.SELECT_NAME), ForwardSelectContext = ({
+  __scopeSelect,
+  context,
+  itemContext,
+  children
+}) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectProvider, { isInSheet: !0, scope: __scopeSelect, ...context, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectItemParentProvider, { scope: __scopeSelect, ...itemContext, children }) });
+//# sourceMappingURL=context.js.map

package/dist/cjs/index.js

@@ -0,0 +1,16 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+__reExport(src_exports, require("./Select"), module.exports);
+__reExport(src_exports, require("./context"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/types.js

@@ -0,0 +1,14 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/useSelectBreakpointActive.js

@@ -0,0 +1,25 @@
+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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var useSelectBreakpointActive_exports = {};
+__export(useSelectBreakpointActive_exports, {
+  useShowSelectSheet: () => useShowSelectSheet
+});
+module.exports = __toCommonJS(useSelectBreakpointActive_exports);
+var import_adapt = require("@tamagui/adapt");
+const useShowSelectSheet = (context) => {
+  const breakpointActive = (0, import_adapt.useAdaptIsActive)();
+  return context.open === !1 ? !1 : breakpointActive;
+};
+//# sourceMappingURL=useSelectBreakpointActive.js.map