@tamagui/select 1.0.1-beta.21 → 1.0.1-beta.210

package/dist/cjs/Select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Select.tsx"],
-  "sourcesContent": ["import {\n  ContextData,\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  autoUpdate,\n  detectOverflow,\n  flip,\n  offset,\n  size,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useListNavigation,\n  useRole,\n  useTypeahead,\n} from '@floating-ui/react-dom-interactions'\nimport { useCallbackRef } from '@radix-ui/react-use-callback-ref'\nimport { usePrevious } from '@radix-ui/react-use-previous'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport { composeEventHandlers, useIsomorphicLayoutEffect } from '@tamagui/core'\n// import { useDirection } from '@tamagui/react-direction'\n// import { DismissableLayer } from '@tamagui/react-dismissable-layer'\n// import { FocusScope } from '@tamagui/react-focus-scope'\nimport { useId } from '@tamagui/core'\nimport { createContextScope } from '@tamagui/create-context'\nimport type { Scope } from '@tamagui/create-context'\nimport { clamp } from '@tamagui/helpers'\n// import { useLabelContext } from '@tamagui/react-label'\nimport { Portal } from '@tamagui/portal'\nimport { Separator } from '@tamagui/separator'\nimport { XStack, YStack, YStackProps } from '@tamagui/stacks'\n// import { Primitive } from '@tamagui/react-primitive'\n// import type * as Radix from '@tamagui/react-primitive'\nimport { useControllableState } from '@tamagui/use-controllable-state'\n// import { useLayoutEffect } from '@tamagui/react-use-layout-effect'\n// import { usePrevious } from '@tamagui/react-use-previous'\n// import { VisuallyHidden } from '@tamagui/core'\n// import { hideOthers } from 'aria-hidden'\nimport * as React from 'react'\nimport * as ReactDOM from 'react-dom'\nimport { View } from 'react-native'\n\n// import { RemoveScroll } from 'react-remove-scroll'\n\n//   upsides:\n//     could virtualize in the future\n//     should be a decent amount faster\n//     no having to set keys\n//     no internal awkward traversal of children, impossible on native\n\n//   downsides:\n//     have to have a hook with a new type of pattern\n\n// alternate is just to require passing index={}\n\n// const select = useSelect()\n//\n// <Select items={[]}>\n//   <SelectTrigger>\n//     <SelectIcon />\n//     <SelectValue />\n//   </SelectTrigger>\n//\n//   <SelectContent>\n//     <SelectScrollUpButton />\n//     <SelectScrollDownButton />\n//\n//     can optionally include group\n//     <SelectItemGroup>\n//       <SelectItemGroupLabel />\n//     </SelectItemGroup>\n//\n//     <SelectItem>\n//       <SelectItemText>\n//          {select.text}\n//       </SelectItemText>\n//       <SelectItemIndicator />\n//     </SelectItem>\n//   </SelectItemGroup>\n//\n//   </SelectContent>\n// </Select>\n\ntype GenericElement = HTMLElement | View\n\ntype Direction = 'ltr' | 'rtl'\n\nconst OPEN_KEYS = [' ', 'Enter', 'ArrowUp', 'ArrowDown']\nconst SELECTION_KEYS = [' ', 'Enter']\n\n/* -------------------------------------------------------------------------------------------------\n * Select\n * -----------------------------------------------------------------------------------------------*/\n\nconst SELECT_NAME = 'Select'\n\nconst WINDOW_PADDING = 8\nconst SCROLL_ARROW_VELOCITY = 8\nconst SCROLL_ARROW_THRESHOLD = 8\nconst MIN_HEIGHT = 80\nconst FALLBACK_THRESHOLD = 16\n\ninterface SelectContextValue {\n  selectedIndex: number\n  setSelectedIndex: (index: number) => void\n  activeIndex: number | null\n  setActiveIndex: (index: number | null) => void\n  listRef: React.MutableRefObject<Array<HTMLLIElement | null>>\n  open: boolean\n  setOpen: (open: boolean) => void\n  onChange: (value: string) => void\n  dataRef: React.MutableRefObject<ContextData>\n  getItemProps: (userProps?: React.HTMLProps<HTMLElement>) => any\n  controlledScrolling: boolean\n  canScrollUp: boolean\n  canScrollDown: boolean\n}\n\n// type SelectContentContextValue = {\n//   contentWrapper: HTMLDivElement | null\n//   content: SelectContentElement | null\n//   viewport: SelectViewportElement | null\n//   onViewportChange(node: SelectViewportElement | null): void\n//   selectedItem: SelectItemElement | null\n//   onSelectedItemChange(node: SelectItemElement | null): void\n//   selectedItemText: SelectItemTextElement | null\n//   onSelectedItemTextChange(node: SelectItemTextElement | null): void\n//   onScrollButtonChange(node: SelectScrollButtonImplElement | null): void\n//   onItemLeave(): void\n//   isPositioned: boolean\n//   shouldExpandOnScrollRef: React.RefObject<boolean>\n//   searchRef: React.RefObject<string>\n// }\n\n// const [SelectContentContextProvider, useSelectContentContext] =\n//   createSelectContext<SelectContentContextValue>(CONTENT_NAME)\n\n// const SelectContext = React.createContext({} as SelectContextValue)\n\ntype ScopedProps<P> = P & { __scopeSelect?: Scope }\n\nconst [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME)\nconst [SelectProvider, useSelectContext] = createSelectContext<SelectContextValue>(SELECT_NAME)\n\ninterface SelectProps {\n  children?: React.ReactNode\n  value?: string\n  defaultValue?: string\n  onValueChange?(value: string): void\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?(open: boolean): void\n  dir?: Direction\n  name?: string\n  autoComplete?: string\n}\n\nconst Select: React.FC<SelectProps> = (props: ScopedProps<SelectProps>) => {\n  const {\n    __scopeSelect,\n    children,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    value: valueProp,\n    defaultValue,\n    onValueChange,\n    dir,\n    name,\n    autoComplete,\n  } = props\n  // const [trigger, setTrigger] = React.useState<SelectTriggerElement | null>(null)\n  // const [valueNode, setValueNode] = React.useState<SelectValueElement | null>(null)\n  // const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false)\n  // const direction = useDirection(dir)\n  const [open, setOpen] = useControllableState({\n    prop: openProp,\n    defaultProp: defaultOpen || false,\n    onChange: onOpenChange,\n  })\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    defaultProp: defaultValue || '',\n    onChange: onValueChange,\n  })\n\n  // const listContentRef = useRef([\n  //   \"Select...\",\n  //   ...(Children.map(children, (child) =>\n  //     Children.map(\n  //       isValidElement(child) && child.props.children,\n  //       (child) => child.props.value\n  //     )\n  //   ) ?? [])\n  // ]);\n\n  const selectedIndexRef = React.useRef<number | null>(null)\n  const activeIndexRef = React.useRef<number | null>(null)\n  const prevActiveIndex = usePrevious<number | null>(activeIndex)\n\n  const [showArrows, setShowArrows] = React.useState(false)\n  const [scrollTop, setScrollTop] = React.useState(0)\n  const [activeIndex, setActiveIndex] = React.useState<number | null>(null)\n  const [selectedIndex, setSelectedIndex] = React.useState(\n    Math.max(0, listContentRef.current.indexOf(value))\n  )\n\n  useIsomorphicLayoutEffect(() => {\n    selectedIndexRef.current = selectedIndex\n    activeIndexRef.current = activeIndex\n  })\n\n  // Wait for scroll position to settle before showing arrows to prevent\n  // interference with pointer events.\n  useEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      setShowArrows(open)\n\n      if (!open) {\n        setScrollTop(0)\n        setMiddlewareType('align')\n        setActiveIndex(null)\n        setControlledScrolling(false)\n      }\n    })\n    return () => cancelAnimationFrame(frame)\n  }, [open])\n\n  const showUpArrow = showArrows && scrollTop > SCROLL_ARROW_THRESHOLD\n  const showDownArrow =\n    showArrows &&\n    floatingRef.current &&\n    scrollTop <\n      floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD\n\n  // We set this to true by default so that events bubble to forms without JS (SSR)\n  // const isFormControl = trigger ? Boolean(trigger.closest('form')) : true\n  // const [bubbleSelect, setBubbleSelect] = React.useState<HTMLSelectElement | null>(null)\n  // const triggerPointerDownPosRef = React.useRef<{ x: number; y: number } | null>(null)\n\n  return (\n    <SelectProvider\n      scope={__scopeSelect}\n      // trigger={trigger}\n      // onTriggerChange={setTrigger}\n      // valueNode={valueNode}\n      // onValueNodeChange={setValueNode}\n      // valueNodeHasChildren={valueNodeHasChildren}\n      // onValueNodeHasChildrenChange={setValueNodeHasChildren}\n      // contentId={useId() || ''}\n      // value={value}\n      // onValueChange={setValue}\n      open={open}\n      // onOpenChange={setOpen}\n      // TODO\n      // dir={'rtl'} //direction}\n      // bubbleSelect={bubbleSelect}\n      // triggerPointerDownPosRef={triggerPointerDownPosRef}\n    >\n      {/* <Collection.Provider scope={__scopeSelect}>{children}</Collection.Provider> */}\n      {children}\n      {/* {isFormControl ? (\n        <BubbleSelect\n          ref={setBubbleSelect}\n          aria-hidden\n          tabIndex={-1}\n          name={name}\n          autoComplete={autoComplete}\n          value={value}\n          // enable form autofill\n          onChange={(event) => setValue(event.target.value)}\n        />\n      ) : null} */}\n    </SelectProvider>\n  )\n}\n\nSelect.displayName = SELECT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'SelectTrigger'\n\ntype SelectTriggerElement = GenericElement\ntype SelectTriggerProps = YStackProps\n\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  (props: ScopedProps<SelectTriggerProps>, forwardedRef) => {\n    const {\n      __scopeSelect,\n      disabled = false,\n      // @ts-ignore\n      'aria-labelledby': ariaLabelledby,\n      ...triggerProps\n    } = props\n    const context = useSelectContext(TRIGGER_NAME, __scopeSelect)\n    const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange)\n    const getItems = useCollection(__scopeSelect)\n    // const labelId = useLabelContext(context.trigger)\n    // const labelledBy = ariaLabelledby || labelId\n\n    // const [searchRef, handleTypeaheadSearch, resetTypeahead] = useTypeaheadSearch((search) => {\n    //   const enabledItems = getItems().filter((item) => !item.disabled)\n    //   const currentItem = enabledItems.find((item) => item.value === context.value)\n    //   const nextItem = findNextItem(enabledItems, search, currentItem)\n    //   if (nextItem !== undefined) {\n    //     context.onValueChange(nextItem.value)\n    //   }\n    // })\n\n    const handleOpen = () => {\n      if (!disabled) {\n        context.onOpenChange(true)\n        // reset typeahead when we open\n        resetTypeahead()\n      }\n    }\n\n    return (\n      <Primitive.button\n        type=\"button\"\n        role=\"combobox\"\n        aria-controls={context.contentId}\n        aria-expanded={context.open}\n        aria-autocomplete=\"none\"\n        // aria-labelledby={labelledBy}\n        dir={context.dir}\n        disabled={disabled}\n        data-disabled={disabled ? '' : undefined}\n        {...triggerProps}\n        ref={composedRefs}\n        onPointerDown={composeEventHandlers(triggerProps.onPointerDown, (event) => {\n          // prevent implicit pointer capture\n          // https://www.w3.org/TR/pointerevents3/#implicit-pointer-capture\n          ;(event.target as HTMLElement).releasePointerCapture(event.pointerId)\n\n          // only call handler if it's the left button (mousedown gets triggered by all mouse buttons)\n          // but not when the control key is pressed (avoiding MacOS right click)\n          if (event.button === 0 && event.ctrlKey === false) {\n            handleOpen()\n            context.triggerPointerDownPosRef.current = {\n              x: Math.round(event.pageX),\n              y: Math.round(event.pageY),\n            }\n            // prevent trigger from stealing focus from the active item after opening.\n            event.preventDefault()\n          }\n        })}\n        onKeyDown={composeEventHandlers(triggerProps.onKeyDown, (event) => {\n          const isTypingAhead = searchRef.current !== ''\n          const isModifierKey = event.ctrlKey || event.altKey || event.metaKey\n          if (!isModifierKey && event.key.length === 1) handleTypeaheadSearch(event.key)\n          if (isTypingAhead && event.key === ' ') return\n          if (OPEN_KEYS.includes(event.key)) {\n            handleOpen()\n            event.preventDefault()\n          }\n        })}\n      />\n    )\n  }\n)\n\nSelectTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectValue\n * -----------------------------------------------------------------------------------------------*/\n\nconst VALUE_NAME = 'SelectValue'\n\ntype SelectValueElement = GenericElement\ntype SelectValueProps = YStackProps\n\nconst SelectValue = React.forwardRef<SelectValueElement, SelectValueProps>(\n  (props: ScopedProps<SelectValueProps>, forwardedRef) => {\n    // We ignore `className` and `style` as this part shouldn't be styled.\n    const { __scopeSelect, className, style, ...valueProps } = props\n    // const context = useSelectContext(VALUE_NAME, __scopeSelect)\n    // const { onValueNodeHasChildrenChange } = context\n    // const hasChildren = props.children !== undefined\n    // const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange)\n\n    // React.useEffect(() => {\n    //   onValueNodeHasChildrenChange(hasChildren)\n    // }, [onValueNodeHasChildrenChange, hasChildren])\n\n    return (\n      <XStack\n        {...valueProps}\n        // ref={composedRefs}\n        // we don't want events from the portalled `SelectValue` children to bubble\n        // through the item they came from\n        pointerEvents=\"none\"\n      />\n    )\n  }\n)\n\n// SelectValue.displayName = VALUE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectIcon\n * -----------------------------------------------------------------------------------------------*/\n\nconst ICON_NAME = 'SelectIcon'\n\ntype SelectIconProps = YStackProps\ntype SelectIconElement = GenericElement\n\nconst SelectIcon = React.forwardRef<SelectIconElement, SelectIconProps>(\n  (props: ScopedProps<SelectIconProps>, forwardedRef) => {\n    const { __scopeSelect, children, ...iconProps } = props\n    return (\n      <XStack aria-hidden {...iconProps} ref={forwardedRef}>\n        {children || '\u25BC'}\n      </XStack>\n    )\n  }\n)\n\nSelectIcon.displayName = ICON_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'SelectContent'\n\ntype SelectContentElement = any\ntype SelectContentProps = any\n\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n  (props: ScopedProps<SelectContentProps>, forwardedRef) => {\n    const context = useSelectContext(CONTENT_NAME, props.__scopeSelect)\n    return props.children\n  }\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SelectGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst GROUP_NAME = 'SelectGroup'\n\ntype SelectGroupContextValue = { id: string }\n\nconst [SelectGroupContextProvider, useSelectGroupContext] =\n  createSelectContext<SelectGroupContextValue>(GROUP_NAME)\n\ntype SelectGroupElement = React.ElementRef<typeof Primitive.div>\ninterface SelectGroupProps extends PrimitiveDivProps {}\n\nconst SelectGroup = React.forwardRef<SelectGroupElement, SelectGroupProps>(\n  (props: ScopedProps<SelectGroupProps>, forwardedRef) => {\n    const { __scopeSelect, ...groupProps } = props\n    const groupId = useId()\n    return (\n      <SelectGroupContextProvider scope={__scopeSelect} id={groupId}>\n        <Primitive.div role=\"group\" aria-labelledby={groupId} {...groupProps} ref={forwardedRef} />\n      </SelectGroupContextProvider>\n    )\n  }\n)\n\nSelectGroup.displayName = GROUP_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectLabel\n * -----------------------------------------------------------------------------------------------*/\n\nconst LABEL_NAME = 'SelectLabel'\n\ntype SelectLabelElement = React.ElementRef<typeof Primitive.div>\ninterface SelectLabelProps extends PrimitiveDivProps {}\n\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(\n  (props: ScopedProps<SelectLabelProps>, forwardedRef) => {\n    const { __scopeSelect, ...labelProps } = props\n    const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect)\n    return <Primitive.div id={groupContext.id} {...labelProps} ref={forwardedRef} />\n  }\n)\n\nSelectLabel.displayName = LABEL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'SelectItem'\n\ntype SelectItemContextValue = {\n  value: string\n  textId: string\n  isSelected: boolean\n  onItemTextChange(node: SelectItemTextElement | null): void\n}\n\nconst [SelectItemContextProvider, useSelectItemContext] =\n  createSelectContext<SelectItemContextValue>(ITEM_NAME)\n\ntype SelectItemElement = React.ElementRef<typeof Primitive.div>\ninterface SelectItemProps extends PrimitiveDivProps {\n  value: string\n  disabled?: boolean\n  textValue?: string\n}\n\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(\n  (props: ScopedProps<SelectItemProps>, forwardedRef) => {\n    const { __scopeSelect, value, disabled = false, textValue: textValueProp, ...itemProps } = props\n    const context = useSelectContext(ITEM_NAME, __scopeSelect)\n    const contentContext = useSelectContentContext(ITEM_NAME, __scopeSelect)\n    const isSelected = context.value === value\n    const [textValue, setTextValue] = React.useState(textValueProp ?? '')\n    const [isFocused, setIsFocused] = React.useState(false)\n    const composedRefs = useComposedRefs(\n      forwardedRef,\n      isSelected ? contentContext.onSelectedItemChange : undefined\n    )\n    const textId = useId()\n\n    const handleSelect = () => {\n      if (!disabled) {\n        context.onValueChange(value)\n        context.onOpenChange(false)\n      }\n    }\n\n    return (\n      <SelectItemContextProvider\n        scope={__scopeSelect}\n        value={value}\n        textId={textId}\n        isSelected={isSelected}\n        onItemTextChange={React.useCallback((node) => {\n          setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? '').trim())\n        }, [])}\n      >\n        <Collection.ItemSlot\n          scope={__scopeSelect}\n          value={value}\n          disabled={disabled}\n          textValue={textValue}\n        >\n          <Primitive.div\n            role=\"option\"\n            aria-labelledby={textId}\n            // `isFocused` caveat fixes stuttering in VoiceOver\n            aria-selected={isSelected && isFocused}\n            data-state={isSelected ? 'active' : 'inactive'}\n            aria-disabled={disabled || undefined}\n            data-disabled={disabled ? '' : undefined}\n            tabIndex={disabled ? undefined : -1}\n            {...itemProps}\n            ref={composedRefs}\n            onFocus={composeEventHandlers(itemProps.onFocus, () => setIsFocused(true))}\n            onBlur={composeEventHandlers(itemProps.onBlur, () => setIsFocused(false))}\n            onPointerUp={composeEventHandlers(itemProps.onPointerUp, handleSelect)}\n            onPointerMove={composeEventHandlers(itemProps.onPointerMove, (event) => {\n              if (disabled) {\n                contentContext.onItemLeave()\n              } else {\n                // even though safari doesn't support this option, it's acceptable\n                // as it only means it might scroll a few pixels when using the pointer.\n                event.currentTarget.focus({ preventScroll: true })\n              }\n            })}\n            onPointerLeave={composeEventHandlers(itemProps.onPointerLeave, (event) => {\n              if (event.currentTarget === document.activeElement) {\n                contentContext.onItemLeave()\n              }\n            })}\n            onKeyDown={composeEventHandlers(itemProps.onKeyDown, (event) => {\n              const isTypingAhead = contentContext.searchRef.current !== ''\n              if (isTypingAhead && event.key === ' ') return\n              if (SELECTION_KEYS.includes(event.key)) handleSelect()\n              // prevent page scroll if using the space key to select an item\n              if (event.key === ' ') event.preventDefault()\n            })}\n          />\n        </Collection.ItemSlot>\n      </SelectItemContextProvider>\n    )\n  }\n)\n\nSelectItem.displayName = ITEM_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItemText\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_TEXT_NAME = 'SelectItemText'\n\ntype SelectItemTextElement = React.ElementRef<typeof Primitive.span>\ninterface SelectItemTextProps extends PrimitiveSpanProps {}\n\nconst SelectItemText = React.forwardRef<SelectItemTextElement, SelectItemTextProps>(\n  (props: ScopedProps<SelectItemTextProps>, forwardedRef) => {\n    // We ignore `className` and `style` as this part shouldn't be styled.\n    const { __scopeSelect, className, style, ...itemTextProps } = props\n    const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect)\n    const contentContext = useSelectContentContext(ITEM_TEXT_NAME, __scopeSelect)\n    const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect)\n    const ref = React.useRef<SelectItemTextElement | null>(null)\n    const composedRefs = useComposedRefs(\n      forwardedRef,\n      ref,\n      itemContext.onItemTextChange,\n      itemContext.isSelected ? contentContext.onSelectedItemTextChange : undefined\n    )\n\n    return (\n      <>\n        <Primitive.span id={itemContext.textId} {...itemTextProps} ref={composedRefs} />\n\n        {/* Portal the select item text into the trigger value node */}\n        {itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren\n          ? ReactDOM.createPortal(itemTextProps.children, context.valueNode)\n          : null}\n\n        {/* Portal an option in the bubble select */}\n        {context.bubbleSelect\n          ? ReactDOM.createPortal(\n              // we use `.textContent` because `option` only support `string` or `number`\n              <option value={itemContext.value}>{ref.current?.textContent}</option>,\n              context.bubbleSelect\n            )\n          : null}\n      </>\n    )\n  }\n)\n\nSelectItemText.displayName = ITEM_TEXT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItemIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_INDICATOR_NAME = 'SelectItemIndicator'\n\ntype SelectItemIndicatorElement = React.ElementRef<typeof Primitive.span>\ninterface SelectItemIndicatorProps extends PrimitiveSpanProps {}\n\nconst SelectItemIndicator = React.forwardRef<SelectItemIndicatorElement, SelectItemIndicatorProps>(\n  (props: ScopedProps<SelectItemIndicatorProps>, forwardedRef) => {\n    const { __scopeSelect, ...itemIndicatorProps } = props\n    const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect)\n    return itemContext.isSelected ? (\n      <Primitive.span aria-hidden {...itemIndicatorProps} ref={forwardedRef} />\n    ) : null\n  }\n)\n\nSelectItemIndicator.displayName = ITEM_INDICATOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectScrollUpButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst SCROLL_UP_BUTTON_NAME = 'SelectScrollUpButton'\n\ntype SelectScrollUpButtonElement = SelectScrollButtonImplElement\ninterface SelectScrollUpButtonProps extends Omit<SelectScrollButtonImplProps, 'onAutoScroll'> {}\n\nconst SelectScrollUpButton = React.forwardRef<\n  SelectScrollUpButtonElement,\n  SelectScrollUpButtonProps\n>((props: ScopedProps<SelectScrollUpButtonProps>, forwardedRef) => {\n  const contentContext = useSelectContentContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect)\n  const [canScrollUp, setCanScrollUp] = React.useState(false)\n  const composedRefs = useComposedRefs(forwardedRef, contentContext.onScrollButtonChange)\n\n  // useLayoutEffect(() => {\n  //   if (contentContext.viewport && contentContext.isPositioned) {\n  //     const viewport = contentContext.viewport\n  //     function handleScroll() {\n  //       const canScrollUp = viewport.scrollTop > 0\n  //       setCanScrollUp(canScrollUp)\n  //     }\n  //     handleScroll()\n  //     viewport.addEventListener('scroll', handleScroll)\n  //     return () => viewport.removeEventListener('scroll', handleScroll)\n  //   }\n  // }, [contentContext.viewport, contentContext.isPositioned])\n\n  return canScrollUp ? (\n    <SelectScrollButtonImpl\n      {...props}\n      ref={composedRefs}\n      onAutoScroll={() => {\n        const { viewport, selectedItem } = contentContext\n        if (viewport && selectedItem) {\n          viewport.scrollTop = viewport.scrollTop - selectedItem.offsetHeight\n        }\n      }}\n    />\n  ) : null\n})\n\nSelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectScrollDownButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst SCROLL_DOWN_BUTTON_NAME = 'SelectScrollDownButton'\n\ntype SelectScrollDownButtonElement = SelectScrollButtonImplElement\ninterface SelectScrollDownButtonProps extends Omit<SelectScrollButtonImplProps, 'onAutoScroll'> {}\n\nconst SelectScrollDownButton = React.forwardRef<\n  SelectScrollDownButtonElement,\n  SelectScrollDownButtonProps\n>((props: ScopedProps<SelectScrollDownButtonProps>, forwardedRef) => {\n  const contentContext = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect)\n  const [canScrollDown, setCanScrollDown] = React.useState(false)\n  const composedRefs = useComposedRefs(forwardedRef, contentContext.onScrollButtonChange)\n\n  // useLayoutEffect(() => {\n  //   if (contentContext.viewport && contentContext.isPositioned) {\n  //     const viewport = contentContext.viewport\n  //     function handleScroll() {\n  //       const maxScroll = viewport.scrollHeight - viewport.clientHeight\n  //       // we use Math.ceil here because if the UI is zoomed-in\n  //       // `scrollTop` is not always reported as an integer\n  //       const canScrollDown = Math.ceil(viewport.scrollTop) < maxScroll\n  //       setCanScrollDown(canScrollDown)\n  //     }\n  //     handleScroll()\n  //     viewport.addEventListener('scroll', handleScroll)\n  //     return () => viewport.removeEventListener('scroll', handleScroll)\n  //   }\n  // }, [contentContext.viewport, contentContext.isPositioned])\n\n  return canScrollDown ? (\n    <SelectScrollButtonImpl\n      {...props}\n      ref={composedRefs}\n      onAutoScroll={() => {\n        const { viewport, selectedItem } = contentContext\n        if (viewport && selectedItem) {\n          viewport.scrollTop = viewport.scrollTop + selectedItem.offsetHeight\n        }\n      }}\n    />\n  ) : null\n})\n\nSelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME\n\ntype SelectScrollButtonImplElement = React.ElementRef<typeof Primitive.div>\ninterface SelectScrollButtonImplProps extends PrimitiveDivProps {\n  onAutoScroll(): void\n}\n\nconst SelectScrollButtonImpl = React.forwardRef<\n  SelectScrollButtonImplElement,\n  SelectScrollButtonImplProps\n>((props: ScopedProps<SelectScrollButtonImplProps>, forwardedRef) => {\n  const { __scopeSelect, onAutoScroll, ...scrollIndicatorProps } = props\n  const contentContext = useSelectContentContext('SelectScrollButton', __scopeSelect)\n  const autoScrollTimerRef = React.useRef<number | null>(null)\n\n  const intervalRef = React.useRef<any>()\n  const loopingRef = React.useRef(false)\n\n  const { x, y, reference, floating, strategy, update, refs } = useFloating({\n    strategy: 'fixed',\n    placement: dir === 'up' ? 'top' : 'bottom',\n    middleware: [offset(({ floating }) => -floating.height)],\n  })\n\n  return (\n    <Primitive.div\n      aria-hidden\n      {...scrollIndicatorProps}\n      ref={forwardedRef}\n      style={{ flexShrink: 0, ...scrollIndicatorProps.style }}\n      onPointerMove={composeEventHandlers(scrollIndicatorProps.onPointerMove, () => {\n        contentContext.onItemLeave()\n        if (autoScrollTimerRef.current === null) {\n          autoScrollTimerRef.current = window.setInterval(onAutoScroll, 50)\n        }\n      })}\n      onPointerLeave={composeEventHandlers(scrollIndicatorProps.onPointerLeave, () => {\n        clearAutoScrollTimer()\n      })}\n    />\n  )\n})\n\n/* -------------------------------------------------------------------------------------------------\n * SelectSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nconst SEPARATOR_NAME = 'SelectSeparator'\n\ntype SelectSeparatorElement = React.ElementRef<typeof Primitive.div>\ninterface SelectSeparatorProps extends PrimitiveDivProps {}\n\nconst SelectSeparator = Separator\n// React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n//   (props: ScopedProps<SelectSeparatorProps>, forwardedRef) => {\n//     const { __scopeSelect, ...separatorProps } = props\n//     return <Primitive.div aria-hidden {...separatorProps} ref={forwardedRef} />\n//   }\n// )\n\nSelectSeparator.displayName = SEPARATOR_NAME\n\n/* -----------------------------------------------------------------------------------------------*/\n\nconst BubbleSelect = React.forwardRef<HTMLSelectElement, React.ComponentPropsWithoutRef<'select'>>(\n  (props, forwardedRef) => {\n    const { value, ...selectProps } = props\n    const ref = React.useRef<HTMLSelectElement>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const prevValue = usePrevious(value)\n\n    // Bubble value change to parents (e.g form change event)\n    React.useEffect(() => {\n      const select = ref.current!\n      const selectProto = window.HTMLSelectElement.prototype\n      const descriptor = Object.getOwnPropertyDescriptor(selectProto, 'value') as PropertyDescriptor\n      const setValue = descriptor.set\n      if (prevValue !== value && setValue) {\n        const event = new Event('change', { bubbles: true })\n        setValue.call(select, value)\n        select.dispatchEvent(event)\n      }\n    }, [prevValue, value])\n\n    /**\n     * We purposefully use a `select` here to support form autofill as much\n     * as possible.\n     *\n     * We purposefully do not add the `value` attribute here to allow the value\n     * to be set programatically and bubble to any parent form `onChange` event.\n     * Adding the `value` will cause React to consider the programatic\n     * dispatch a duplicate and it will get swallowed.\n     *\n     * We use `VisuallyHidden` rather than `display: \"none\"` because Safari autofill\n     * won't work otherwise.\n     */\n    // TODO\n    return null\n    return (\n      <VisuallyHidden asChild>\n        <select {...selectProps} ref={composedRefs} defaultValue={value} />\n      </VisuallyHidden>\n    )\n  }\n)\n\n// const Root = Select\n// const Trigger = SelectTrigger\n// const Value = SelectValue\n// const Icon = SelectIcon\n// const Content = SelectContent\n// const Viewport = SelectViewport\n// const Group = SelectGroup\n// const Label = SelectLabel\n// const Item = SelectItem\n// const ItemText = SelectItemText\n// const ItemIndicator = SelectItemIndicator\n// const ScrollUpButton = SelectScrollUpButton\n// const ScrollDownButton = SelectScrollDownButton\n// const Separator = SelectSeparator\n\nexport {\n  createSelectScope,\n  //\n  Select,\n  SelectTrigger,\n  SelectValue,\n  SelectIcon,\n  SelectContent,\n  // SelectViewport,\n  SelectGroup,\n  SelectLabel,\n  SelectItem,\n  SelectItemText,\n  SelectItemIndicator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n  SelectSeparator,\n  //\n  // Root,\n  // Trigger,\n  // Value,\n  // Icon,\n  // Content,\n  // Viewport,\n  // Group,\n  // Label,\n  // Item,\n  // ItemText,\n  // ItemIndicator,\n  // ScrollUpButton,\n  // ScrollDownButton,\n  // Separator,\n}\nexport type {\n  SelectProps,\n  SelectTriggerProps,\n  SelectValueProps,\n  SelectIconProps,\n  SelectContentProps,\n  SelectViewportProps,\n  SelectGroupProps,\n  SelectLabelProps,\n  SelectItemProps,\n  SelectItemTextProps,\n  SelectItemIndicatorProps,\n  SelectScrollUpButtonProps,\n  SelectScrollDownButtonProps,\n  SelectSeparatorProps,\n}\n"],
-  "mappings": "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",
-  "names": []
+  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { GetProps, TamaguiElement, isClient, isWeb } from '@tamagui/core'\nimport { styled, useGet, useIsomorphicLayoutEffect, withStaticProperties } from '@tamagui/core'\nimport { useId } from '@tamagui/core'\nimport { ListItem, ListItemProps } from '@tamagui/list-item'\nimport { PortalHost } from '@tamagui/portal'\nimport { Separator } from '@tamagui/separator'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { XStack, YStack, YStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\nimport * as ReactDOM from 'react-dom'\n\nimport { SELECT_NAME } from './constants'\nimport { SelectProvider, createSelectContext, useSelectContext } from './context'\nimport { SelectContent } from './SelectContent'\nimport { SelectImplProps, SelectInlineImpl } from './SelectImpl'\nimport { SelectScrollDownButton, SelectScrollUpButton } from './SelectScrollButton'\nimport { SelectViewport } from './SelectViewport'\nimport { ScopedProps, SelectProps } from './types'\nimport { useSelectBreakpointActive, useShowSelectSheet } from './useSelectBreakpointActive'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'SelectTrigger'\n\nexport type SelectTriggerProps = ListItemProps\n\nexport const SelectTrigger = React.forwardRef<TamaguiElement, SelectTriggerProps>(\n  (props: ScopedProps<SelectTriggerProps>, forwardedRef) => {\n    const {\n      __scopeSelect,\n      disabled = false,\n      // @ts-ignore\n      'aria-labelledby': ariaLabelledby,\n      ...triggerProps\n    } = props\n    const context = useSelectContext(TRIGGER_NAME, __scopeSelect)\n    // const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange)\n    // const getItems = useCollection(__scopeSelect)\n    // const labelId = useLabelContext(context.trigger)\n    const labelledBy = ariaLabelledby // || labelId\n\n    return (\n      <ListItem\n        componentName={TRIGGER_NAME}\n        backgrounded\n        radiused\n        hoverTheme\n        pressTheme\n        focusTheme\n        focusable\n        borderWidth={1}\n        size={context.size}\n        // aria-controls={context.contentId}\n        aria-expanded={context.open}\n        aria-autocomplete=\"none\"\n        aria-labelledby={labelledBy}\n        dir={context.dir}\n        disabled={disabled}\n        data-disabled={disabled ? '' : undefined}\n        {...triggerProps}\n        ref={forwardedRef}\n        {...(process.env.TAMAGUI_TARGET === 'web' && context.interactions\n          ? context.interactions.getReferenceProps()\n          : {\n              onPress() {\n                context.setOpen(!context.open)\n              },\n            })}\n      />\n    )\n  }\n)\n\nSelectTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectValue\n * -----------------------------------------------------------------------------------------------*/\n\nconst VALUE_NAME = 'SelectValue'\n\nconst SelectValueFrame = styled(Paragraph, {\n  name: VALUE_NAME,\n  selectable: false,\n})\n\ntype SelectValueProps = GetProps<typeof SelectValueFrame> & {\n  placeholder?: React.ReactNode\n}\n\nconst SelectValue = SelectValueFrame.extractable(\n  React.forwardRef<TamaguiElement, SelectValueProps>(\n    (\n      { __scopeSelect, children: childrenProp, placeholder }: ScopedProps<SelectValueProps>,\n      forwardedRef\n    ) => {\n      // We ignore `className` and `style` as this part shouldn't be styled.\n      const context = useSelectContext(VALUE_NAME, __scopeSelect)\n      const { onValueNodeHasChildrenChange } = context\n      const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange)\n\n      const children = childrenProp ?? context.selectedItem\n      const hasChildren = !!children\n      const selectValueChildren =\n        context.value === undefined && placeholder !== undefined ? placeholder : children\n\n      useIsomorphicLayoutEffect(() => {\n        onValueNodeHasChildrenChange(hasChildren)\n      }, [onValueNodeHasChildrenChange, hasChildren])\n\n      return (\n        <SelectValueFrame\n          size={context.size}\n          ref={composedRefs}\n          // we don't want events from the portalled `SelectValue` children to bubble\n          // through the item they came from\n          pointerEvents=\"none\"\n        >\n          {selectValueChildren}\n        </SelectValueFrame>\n      )\n    }\n  )\n)\n\nSelectValue.displayName = VALUE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectIcon\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectIcon = styled(XStack, {\n  name: 'SelectIcon',\n  // @ts-ignore\n  'aria-hidden': true,\n  children: <Paragraph>\u25BC</Paragraph>,\n})\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'SelectItem'\n\ntype SelectItemContextValue = {\n  value: string\n  textId: string\n  isSelected: boolean\n}\n\nconst [SelectItemContextProvider, useSelectItemContext] =\n  createSelectContext<SelectItemContextValue>(ITEM_NAME)\n\nexport interface SelectItemProps extends YStackProps {\n  value: string\n  index: number\n  disabled?: boolean\n  textValue?: string\n}\n\nexport const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(\n  (props: ScopedProps<SelectItemProps>, forwardedRef) => {\n    const {\n      __scopeSelect,\n      value,\n      disabled = false,\n      textValue: textValueProp,\n      index,\n      ...itemProps\n    } = props\n    const context = useSelectContext(ITEM_NAME, __scopeSelect)\n    const isSelected = context.value === value\n    const textId = useId()\n\n    const {\n      selectedIndex,\n      setSelectedIndex,\n      listRef,\n      open,\n      setOpen,\n      onChange,\n      setActiveIndex,\n      allowMouseUpRef,\n      allowSelectRef,\n      setValueAtIndex,\n      selectTimeoutRef,\n      dataRef,\n    } = context\n\n    const composedRefs = useComposedRefs(forwardedRef, (node) => {\n      if (!isWeb) return\n      if (node instanceof HTMLElement) {\n        if (listRef) {\n          listRef.current[index] = node\n        }\n      }\n    })\n\n    React.useEffect(() => {\n      setValueAtIndex(index, value)\n    }, [index, setValueAtIndex, value])\n\n    function handleSelect() {\n      setSelectedIndex(index)\n      onChange(value)\n      setOpen(false)\n    }\n\n    const selectItemProps = context.interactions\n      ? context.interactions.getItemProps({\n          onTouchStart() {\n            allowSelectRef!.current = true\n            allowMouseUpRef!.current = false\n          },\n          onKeyDown(event) {\n            if (event.key === 'Enter' || (event.key === ' ' && !dataRef?.current.typing)) {\n              event.preventDefault()\n              handleSelect()\n            } else {\n              allowSelectRef!.current = true\n            }\n          },\n          onClick() {\n            if (allowSelectRef!.current) {\n              setSelectedIndex(index)\n              setOpen(false)\n            }\n          },\n          onMouseUp() {\n            if (!allowMouseUpRef!.current) {\n              return\n            }\n\n            if (allowSelectRef!.current) {\n              handleSelect()\n            }\n\n            // On touch devices, prevent the element from\n            // immediately closing `onClick` by deferring it\n            clearTimeout(selectTimeoutRef!.current)\n            selectTimeoutRef!.current = setTimeout(() => {\n              allowSelectRef!.current = true\n            })\n          },\n        })\n      : {\n          onPress: handleSelect,\n        }\n\n    return (\n      <SelectItemContextProvider\n        scope={__scopeSelect}\n        value={value}\n        textId={textId || ''}\n        isSelected={isSelected}\n      >\n        <ListItem\n          backgrounded\n          pressTheme\n          cursor=\"\"\n          focusTheme\n          componentName={ITEM_NAME}\n          ref={composedRefs}\n          aria-labelledby={textId}\n          aria-selected={isSelected}\n          data-state={isSelected ? 'active' : 'inactive'}\n          aria-disabled={disabled || undefined}\n          data-disabled={disabled ? '' : undefined}\n          tabIndex={disabled ? undefined : -1}\n          size={context.size}\n          {...itemProps}\n          {...selectItemProps}\n        />\n      </SelectItemContextProvider>\n    )\n  }\n)\n\nSelectItem.displayName = ITEM_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItemText\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_TEXT_NAME = 'SelectItemText'\n\nexport const SelectItemTextFrame = styled(Paragraph, {\n  name: ITEM_TEXT_NAME,\n  selectable: false,\n})\n\ntype SelectItemTextProps = GetProps<typeof SelectItemTextFrame>\n\nconst SelectItemText = React.forwardRef<TamaguiElement, SelectItemTextProps>(\n  (props: ScopedProps<SelectItemTextProps>, forwardedRef) => {\n    const { __scopeSelect, className, ...itemTextProps } = props\n    const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect)\n    const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect)\n    const ref = React.useRef<TamaguiElement | null>(null)\n    const composedRefs = useComposedRefs(forwardedRef, ref)\n    const isSelected = Boolean(itemContext.isSelected && context.valueNode)\n\n    const contents = React.useMemo(\n      () => (\n        <SelectItemTextFrame\n          className={className}\n          size={context.size}\n          id={itemContext.textId}\n          {...itemTextProps}\n          ref={composedRefs}\n        />\n      ),\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [props, context.size, className, itemContext.textId]\n    )\n\n    // until portals work in sub-trees on RN, use this just for native:\n    React.useEffect(() => {\n      if (isSelected) {\n        context.setSelectedItem(contents)\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isSelected, contents])\n\n    return (\n      <>\n        {contents}\n\n        {/* Portal the select item text into the trigger value node */}\n        {/* this needs some extra stability between renders */}\n        {/* {isWeb && isSelected\n          ? ReactDOM.createPortal(itemTextProps.children, context.valueNode!)\n          : null} */}\n\n        {/* Portal an option in the bubble select */}\n        {/* {context.bubbleSelect\n          ? ReactDOM.createPortal(\n              // we use `.textContent` because `option` only support `string` or `number`\n              <option value={itemContext.value}>{ref.current?.textContent}</option>,\n              context.bubbleSelect\n            )\n          : null} */}\n      </>\n    )\n  }\n)\n\nSelectItemText.displayName = ITEM_TEXT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItemIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_INDICATOR_NAME = 'SelectItemIndicator'\n\nconst SelectItemIndicatorFrame = styled(XStack, {\n  name: ITEM_TEXT_NAME,\n})\n\ntype SelectItemIndicatorProps = GetProps<typeof SelectItemIndicatorFrame>\n\nconst SelectItemIndicator = React.forwardRef<TamaguiElement, SelectItemIndicatorProps>(\n  (props: ScopedProps<SelectItemIndicatorProps>, forwardedRef) => {\n    const { __scopeSelect, ...itemIndicatorProps } = props\n    const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect)\n    return itemContext.isSelected ? (\n      <SelectItemIndicatorFrame aria-hidden {...itemIndicatorProps} ref={forwardedRef} />\n    ) : null\n  }\n)\n\nSelectItemIndicator.displayName = ITEM_INDICATOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst GROUP_NAME = 'SelectGroup'\n\ntype SelectGroupContextValue = { id: string }\n\nconst [SelectGroupContextProvider, useSelectGroupContext] =\n  createSelectContext<SelectGroupContextValue>(GROUP_NAME)\n\nexport const SelectGroupFrame = styled(YStack, {\n  name: GROUP_NAME,\n  width: '100%',\n})\n\ntype SelectGroupProps = GetProps<typeof SelectGroupFrame>\n\nconst SelectGroup = React.forwardRef<TamaguiElement, SelectGroupProps>(\n  (props: ScopedProps<SelectGroupProps>, forwardedRef) => {\n    const { __scopeSelect, ...groupProps } = props\n    const groupId = useId()\n    return (\n      <SelectGroupContextProvider scope={__scopeSelect} id={groupId || ''}>\n        <SelectGroupFrame\n          // @ts-ignore\n          role=\"group\"\n          aria-labelledby={groupId}\n          {...groupProps}\n          ref={forwardedRef}\n        />\n      </SelectGroupContextProvider>\n    )\n  }\n)\n\nSelectGroup.displayName = GROUP_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectLabel\n * -----------------------------------------------------------------------------------------------*/\n\nconst LABEL_NAME = 'SelectLabel'\n\nexport type SelectLabelProps = ListItemProps\n\nconst SelectLabel = React.forwardRef<TamaguiElement, SelectLabelProps>(\n  (props: ScopedProps<SelectLabelProps>, forwardedRef) => {\n    const { __scopeSelect, ...labelProps } = props\n    const context = useSelectContext(LABEL_NAME, __scopeSelect)\n    const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect)\n    return (\n      <ListItem\n        componentName={LABEL_NAME}\n        fontWeight=\"800\"\n        id={groupContext.id}\n        size={context.size}\n        {...labelProps}\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSelectLabel.displayName = LABEL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectSeparator = styled(Separator, {\n  name: 'SelectSeparator',\n})\n\nconst SelectSheetController = (\n  props: ScopedProps<{}> & {\n    children: React.ReactNode\n    onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n  }\n) => {\n  const context = useSelectContext('SelectSheetController', props.__scopeSelect)\n  const showSheet = useShowSelectSheet(context)\n  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n  const getShowSheet = useGet(showSheet)\n\n  return (\n    <SheetController\n      onOpenChange={(val) => {\n        if (getShowSheet()) {\n          props.onOpenChange(val)\n        }\n      }}\n      open={context.open}\n      hidden={breakpointActive === false}\n    >\n      {props.children}\n    </SheetController>\n  )\n}\n\n/* -------------------------------------------------------------------------------------------------\n * SelectSheetContents\n * -----------------------------------------------------------------------------------------------*/\n\nconst SHEET_CONTENTS_NAME = 'SelectSheetContents'\n\nexport const SelectSheetContents = ({ __scopeSelect }: ScopedProps<{}>) => {\n  const context = useSelectContext(SHEET_CONTENTS_NAME, __scopeSelect)\n  return <PortalHost name={`${context.scopeKey}SheetContents`} />\n}\n\nSelectSheetContents.displayName = SHEET_CONTENTS_NAME\n\nconst SelectSheetImpl = (props: SelectImplProps) => {\n  return <>{props.children}</>\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Select\n * -----------------------------------------------------------------------------------------------*/\n\nexport const Select = withStaticProperties(\n  (props: ScopedProps<SelectProps>) => {\n    const {\n      __scopeSelect,\n      children,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      size: sizeProp = '$4',\n      sheetBreakpoint = false,\n      dir,\n    } = props\n\n    const isSheet = useSelectBreakpointActive(sheetBreakpoint)\n    const SelectImpl = isSheet ? SelectSheetImpl : SelectInlineImpl\n    const forceUpdate = React.useReducer(() => ({}), {})[1]\n    const [selectedItem, setSelectedItem] = React.useState<React.ReactNode>(null)\n\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange: onOpenChange,\n      strategy: 'most-recent-wins',\n    })\n\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue || '',\n      onChange: onValueChange,\n      strategy: 'most-recent-wins',\n    })\n\n    const [activeIndex, setActiveIndex] = React.useState<number | null>(null)\n    const selectedIndexRef = React.useRef<number | null>(null)\n    const activeIndexRef = React.useRef<number | null>(null)\n\n    const listContentRef = React.useRef<string[]>([])\n\n    const [selectedIndex, setSelectedIndex] = React.useState(\n      Math.max(0, listContentRef.current.indexOf(value))\n    )\n\n    const [valueNode, setValueNode] = React.useState<HTMLElement | null>(null)\n    const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false)\n\n    useIsomorphicLayoutEffect(() => {\n      selectedIndexRef.current = selectedIndex\n      activeIndexRef.current = activeIndex\n    })\n\n    const id = useId()\n    const scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id\n\n    return (\n      <SelectProvider\n        dir={dir}\n        blockSelection={false}\n        size={sizeProp}\n        fallback={false}\n        selectedItem={selectedItem}\n        setSelectedItem={setSelectedItem}\n        forceUpdate={forceUpdate}\n        valueNode={valueNode}\n        onValueNodeChange={setValueNode}\n        onValueNodeHasChildrenChange={setValueNodeHasChildren}\n        valueNodeHasChildren={valueNodeHasChildren}\n        scopeKey={scopeKey}\n        sheetBreakpoint={sheetBreakpoint}\n        scope={__scopeSelect}\n        setValueAtIndex={(index, value) => {\n          listContentRef.current[index] = value\n        }}\n        activeIndex={activeIndex}\n        onChange={setValue}\n        selectedIndex={selectedIndex}\n        setActiveIndex={setActiveIndex}\n        setOpen={setOpen}\n        setSelectedIndex={setSelectedIndex}\n        value={value}\n        open={open}\n      >\n        <SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}>\n          <SelectImpl\n            activeIndexRef={activeIndexRef}\n            listContentRef={listContentRef}\n            selectedIndexRef={selectedIndexRef}\n            {...props}\n            open={open}\n            value={value}\n          >\n            {children}\n          </SelectImpl>\n        </SelectSheetController>\n      </SelectProvider>\n    )\n  },\n  {\n    Content: SelectContent,\n    Group: SelectGroup,\n    Icon: SelectIcon,\n    Item: SelectItem,\n    ItemIndicator: SelectItemIndicator,\n    ItemText: SelectItemText,\n    Label: SelectLabel,\n    ScrollDownButton: SelectScrollDownButton,\n    ScrollUpButton: SelectScrollUpButton,\n    Trigger: SelectTrigger,\n    Value: SelectValue,\n    Viewport: SelectViewport,\n    SheetContents: SelectSheetContents,\n    Sheet: ControlledSheet,\n  }\n)\n\n// @ts-ignore\nSelect.displayName = SELECT_NAME\n"],
+  "mappings": "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",
+  "names": ["import_core", "value"]
 }

package/dist/cjs/SelectContent.js

@@ -0,0 +1,72 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SelectContent_exports = {};
+__export(SelectContent_exports, {
+  SelectContent: () => SelectContent
+});
+module.exports = __toCommonJS(SelectContent_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_dom_interactions = require("@floating-ui/react-dom-interactions");
+var import_core = require("@tamagui/core");
+var import_dismissable = require("@tamagui/dismissable");
+var import_focus_scope = require("@tamagui/focus-scope");
+var import_context = require("./context");
+var import_useSelectBreakpointActive = require("./useSelectBreakpointActive");
+const CONTENT_NAME = "SelectContent";
+const SelectContent = ({
+  children,
+  __scopeSelect,
+  zIndex = 1e3,
+  ...focusScopeProps
+}) => {
+  const context = (0, import_context.useSelectContext)(CONTENT_NAME, __scopeSelect);
+  const themeName = (0, import_core.useThemeName)();
+  const showSheet = (0, import_useSelectBreakpointActive.useShowSelectSheet)(context);
+  const contents = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_core.Theme, {
+    name: themeName,
+    children
+  });
+  const touch = (0, import_core.useIsTouchDevice)();
+  if (showSheet && context.open) {
+    return contents;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_dom_interactions.FloatingPortal, {
+    children: context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_dom_interactions.FloatingOverlay, {
+      style: { zIndex },
+      lockScroll: !touch,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_focus_scope.FocusScope, {
+        loop: true,
+        trapped: true,
+        ...focusScopeProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_dismissable.Dismissable, {
+          disableOutsidePointerEvents: true,
+          children: contents
+        })
+      })
+    }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      style: { display: "none" },
+      children: contents
+    })
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectContent
+});
+//# sourceMappingURL=SelectContent.js.map

package/dist/cjs/SelectContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectContent.tsx"],
+  "sourcesContent": ["import { FloatingOverlay, FloatingPortal } from '@floating-ui/react-dom-interactions'\nimport { Theme, useIsTouchDevice, useThemeName } from '@tamagui/core'\nimport { Dismissable } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\n\nimport { useSelectContext } from './context'\nimport { SelectContentProps } from './types'\nimport { useShowSelectSheet } from './useSelectBreakpointActive'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'SelectContent'\n\nexport const SelectContent = ({\n  children,\n  __scopeSelect,\n  zIndex = 1000,\n  ...focusScopeProps\n}: SelectContentProps & FocusScopeProps) => {\n  const context = useSelectContext(CONTENT_NAME, __scopeSelect)\n  const themeName = useThemeName()\n  const showSheet = useShowSelectSheet(context)\n  const contents = <Theme name={themeName}>{children}</Theme>\n  const touch = useIsTouchDevice()\n\n  if (showSheet && context.open) {\n    return contents\n  }\n\n  return (\n    <FloatingPortal>\n      {context.open ? (\n        <FloatingOverlay style={{ zIndex }} lockScroll={!touch}>\n          <FocusScope loop trapped {...focusScopeProps}>\n            <Dismissable disableOutsidePointerEvents>{contents}</Dismissable>\n          </FocusScope>\n        </FloatingOverlay>\n      ) : (\n        <div style={{ display: 'none' }}>{contents}</div>\n      )}\n    </FloatingPortal>\n  )\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBmB;AAxBnB,oCAAgD;AAChD,kBAAsD;AACtD,yBAA4B;AAC5B,yBAA4C;AAE5C,qBAAiC;AAEjC,uCAAmC;AAMnC,MAAM,eAAe;AAEd,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,KACN;AACL,MAA4C;AAC1C,QAAM,cAAU,iCAAiB,cAAc,aAAa;AAC5D,QAAM,gBAAY,0BAAa;AAC/B,QAAM,gBAAY,qDAAmB,OAAO;AAC5C,QAAM,WAAW,4CAAC;AAAA,IAAM,MAAM;AAAA,IAAY;AAAA,GAAS;AACnD,QAAM,YAAQ,8BAAiB;AAE/B,MAAI,aAAa,QAAQ,MAAM;AAC7B,WAAO;AAAA,EACT;AAEA,SACE,4CAAC;AAAA,IACE,kBAAQ,OACP,4CAAC;AAAA,MAAgB,OAAO,EAAE,OAAO;AAAA,MAAG,YAAY,CAAC;AAAA,MAC/C,sDAAC;AAAA,QAAW,MAAI;AAAA,QAAC,SAAO;AAAA,QAAE,GAAG;AAAA,QAC3B,sDAAC;AAAA,UAAY,6BAA2B;AAAA,UAAE;AAAA,SAAS;AAAA,OACrD;AAAA,KACF,IAEA,4CAAC;AAAA,MAAI,OAAO,EAAE,SAAS,OAAO;AAAA,MAAI;AAAA,KAAS;AAAA,GAE/C;AAEJ;",
+  "names": []
+}

package/dist/cjs/SelectContent.native.js

@@ -0,0 +1,31 @@
+"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 SelectContent_native_exports = {};
+__export(SelectContent_native_exports, {
+  SelectContent: () => SelectContent
+});
+module.exports = __toCommonJS(SelectContent_native_exports);
+const SelectContent = ({ children }) => {
+  return children;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectContent
+});
+//# sourceMappingURL=SelectContent.native.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/SelectContent.native.tsx"],
+  "sourcesContent": ["import { SelectContentProps } from './types'\n\nexport const SelectContent = ({ children }: SelectContentProps) => {\n  return children\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA0B;AACjE,SAAO;AACT;",
+  "names": []
+}

package/dist/cjs/SelectImpl.js

@@ -0,0 +1,286 @@
+"use strict";
+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: 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 __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 SelectImpl_exports = {};
+__export(SelectImpl_exports, {
+  SelectInlineImpl: () => SelectInlineImpl
+});
+module.exports = __toCommonJS(SelectImpl_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_dom_interactions = require("@floating-ui/react-dom-interactions");
+var import_core = require("@tamagui/core");
+var React = __toESM(require("react"));
+var import_react_dom = require("react-dom");
+var import_constants = require("./constants");
+var import_context = require("./context");
+const SelectInlineImpl = (props) => {
+  const { __scopeSelect, children, open = false, selectedIndexRef, listContentRef } = props;
+  const selectContext = (0, import_context.useSelectContext)("SelectSheetImpl", __scopeSelect);
+  const { setActiveIndex, setOpen, setSelectedIndex, selectedIndex, activeIndex, forceUpdate } = selectContext;
+  const [scrollTop, setScrollTop] = React.useState(0);
+  const touch = (0, import_core.useIsTouchDevice)();
+  const listItemsRef = React.useRef([]);
+  const overflowRef = React.useRef(null);
+  const upArrowRef = React.useRef(null);
+  const downArrowRef = React.useRef(null);
+  const allowSelectRef = React.useRef(false);
+  const allowMouseUpRef = React.useRef(true);
+  const selectTimeoutRef = React.useRef();
+  const state = React.useRef({
+    isMouseOutside: false
+  });
+  const [controlledScrolling, setControlledScrolling] = React.useState(false);
+  const [fallback, setFallback] = React.useState(false);
+  const [innerOffset, setInnerOffset] = React.useState(0);
+  const [blockSelection, setBlockSelection] = React.useState(false);
+  const floatingStyle = React.useRef({});
+  React.useEffect(() => {
+    const frame = requestAnimationFrame(() => {
+      if (!open) {
+        setScrollTop(0);
+        setFallback(false);
+        setActiveIndex(null);
+        setControlledScrolling(false);
+      }
+    });
+    return () => {
+      cancelAnimationFrame(frame);
+    };
+  }, [open, setActiveIndex]);
+  React.useEffect(() => {
+    if (!open)
+      return;
+    const mouseUp = (e) => {
+      if (state.current.isMouseOutside) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mouseup", mouseUp);
+    return () => {
+      document.removeEventListener("mouseup", mouseUp);
+    };
+  }, [open]);
+  const updateFloatingSize = (0, import_react_dom_interactions.size)({
+    apply({
+      availableHeight,
+      rects: {
+        reference: { width }
+      }
+    }) {
+      floatingStyle.current = {
+        width,
+        maxHeight: availableHeight
+      };
+    },
+    padding: import_constants.WINDOW_PADDING
+  });
+  const { x, y, reference, floating, strategy, context, refs } = (0, import_react_dom_interactions.useFloating)({
+    open,
+    onOpenChange: setOpen,
+    whileElementsMounted: import_react_dom_interactions.autoUpdate,
+    placement: "bottom-start",
+    middleware: fallback ? [
+      (0, import_react_dom_interactions.offset)(5),
+      ...[
+        touch ? (0, import_react_dom_interactions.shift)({ crossAxis: true, padding: import_constants.WINDOW_PADDING }) : (0, import_react_dom_interactions.flip)({ padding: import_constants.WINDOW_PADDING })
+      ],
+      updateFloatingSize
+    ] : [
+      (0, import_react_dom_interactions.inner)({
+        listRef: listItemsRef,
+        overflowRef,
+        index: selectedIndex,
+        offset: innerOffset,
+        onFallbackChange: setFallback,
+        padding: 10,
+        minItemsVisible: touch ? 10 : 4,
+        referenceOverflowThreshold: 20
+      }),
+      updateFloatingSize
+    ]
+  });
+  const floatingRef = refs.floating;
+  const showUpArrow = open && scrollTop > import_constants.SCROLL_ARROW_THRESHOLD;
+  const showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - import_constants.SCROLL_ARROW_THRESHOLD;
+  const interactions = (0, import_react_dom_interactions.useInteractions)([
+    (0, import_react_dom_interactions.useClick)(context, { pointerDown: true }),
+    (0, import_react_dom_interactions.useDismiss)(context, { outsidePointerDown: false }),
+    (0, import_react_dom_interactions.useRole)(context, { role: "listbox" }),
+    (0, import_react_dom_interactions.useInnerOffset)(context, {
+      enabled: !fallback,
+      onChange: setInnerOffset,
+      overflowRef
+    }),
+    (0, import_react_dom_interactions.useListNavigation)(context, {
+      listRef: listItemsRef,
+      activeIndex,
+      selectedIndex,
+      onNavigate: setActiveIndex
+    }),
+    (0, import_react_dom_interactions.useTypeahead)(context, {
+      listRef: listContentRef,
+      onMatch: open ? setActiveIndex : setSelectedIndex,
+      selectedIndex,
+      activeIndex
+    })
+  ]);
+  const interactionsContext = {
+    ...interactions,
+    getReferenceProps() {
+      return interactions.getReferenceProps({
+        ref: reference,
+        className: "SelectTrigger",
+        onKeyDown(event) {
+          if (event.key === "Enter" || event.key === " " && !context.dataRef.current.typing) {
+            event.preventDefault();
+            setOpen(true);
+          }
+        }
+      });
+    },
+    getFloatingProps(props2) {
+      return interactions.getFloatingProps({
+        ref: floating,
+        className: "Select",
+        ...props2,
+        style: {
+          position: strategy,
+          top: y ?? "",
+          left: x ?? "",
+          outline: 0,
+          listStyleType: "none",
+          scrollbarWidth: "none",
+          ...floatingStyle.current,
+          ...props2 == null ? void 0 : props2.style
+        },
+        onPointerEnter() {
+          setControlledScrolling(false);
+          state.current.isMouseOutside = false;
+        },
+        onPointerLeave() {
+          state.current.isMouseOutside = true;
+        },
+        onPointerMove() {
+          state.current.isMouseOutside = false;
+          setControlledScrolling(false);
+        },
+        onKeyDown() {
+          setControlledScrolling(true);
+        },
+        onContextMenu(e) {
+          e.preventDefault();
+        },
+        onScroll(event) {
+          (0, import_react_dom.flushSync)(() => setScrollTop(event.currentTarget.scrollTop));
+        }
+      });
+    }
+  };
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
+    if (open) {
+      selectTimeoutRef.current = setTimeout(() => {
+        allowSelectRef.current = true;
+      }, 300);
+      return () => {
+        clearTimeout(selectTimeoutRef.current);
+      };
+    } else {
+      allowSelectRef.current = false;
+      allowMouseUpRef.current = true;
+      setInnerOffset(0);
+      setFallback(false);
+      setBlockSelection(false);
+    }
+  }, [open]);
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
+    function onPointerDown(e) {
+      var _a, _b, _c;
+      const target = e.target;
+      if (!((_a = refs.floating.current) == null ? void 0 : _a.contains(target)) && !((_b = upArrowRef.current) == null ? void 0 : _b.contains(target)) && !((_c = downArrowRef.current) == null ? void 0 : _c.contains(target))) {
+        setOpen(false);
+        setControlledScrolling(false);
+      }
+    }
+    if (open) {
+      document.addEventListener("pointerdown", onPointerDown);
+      return () => {
+        document.removeEventListener("pointerdown", onPointerDown);
+      };
+    }
+  }, [open, refs, setOpen]);
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
+    var _a, _b;
+    if (open && controlledScrolling) {
+      if (activeIndex != null) {
+        (_a = listItemsRef.current[activeIndex]) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+      }
+    }
+    setScrollTop(((_b = refs.floating.current) == null ? void 0 : _b.scrollTop) ?? 0);
+  }, [open, refs, controlledScrolling, activeIndex]);
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
+    var _a;
+    if (open && fallback) {
+      if (selectedIndex != null) {
+        (_a = listItemsRef.current[selectedIndex]) == null ? void 0 : _a.scrollIntoView({ block: "nearest" });
+      }
+    }
+  }, [open, fallback, selectedIndex]);
+  (0, import_core.useIsomorphicLayoutEffect)(() => {
+    if (refs.floating.current && fallback) {
+      refs.floating.current.style.maxHeight = "";
+    }
+  }, [refs, fallback]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.SelectProvider, {
+    scope: __scopeSelect,
+    ...selectContext,
+    setScrollTop,
+    setInnerOffset,
+    floatingRef,
+    setValueAtIndex: (index, value) => {
+      listContentRef.current[index] = value;
+    },
+    fallback,
+    interactions: interactionsContext,
+    floatingContext: context,
+    activeIndex,
+    canScrollDown: !!showDownArrow,
+    canScrollUp: !!showUpArrow,
+    controlledScrolling: true,
+    dataRef: context.dataRef,
+    listRef: listItemsRef,
+    blockSelection,
+    allowMouseUpRef,
+    upArrowRef,
+    downArrowRef,
+    selectTimeoutRef,
+    allowSelectRef,
+    children
+  });
+};
+const userAgent = typeof navigator !== "undefined" && navigator.userAgent || "";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SelectInlineImpl
+});
+//# sourceMappingURL=SelectImpl.js.map