@tamagui/select 1.0.1-beta.113 → 1.0.1-beta.114

package/dist/jsx/Select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Select.tsx"],
-  "sourcesContent": ["import {\n  ContextData,\n  FloatingContext,\n  FloatingFocusManager,\n  FloatingOverlay,\n  FloatingPortal,\n  ReferenceType,\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 { usePrevious } from '@radix-ui/react-use-previous'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport { GetProps, MediaPropKeys, SizeTokens, TamaguiElement, isWeb, useMedia } from '@tamagui/core'\nimport {\n  Theme,\n  styled,\n  useGet,\n  useIsomorphicLayoutEffect,\n  useThemeName,\n  withStaticProperties,\n} from '@tamagui/core'\nimport { useId } from '@tamagui/core'\nimport { createContextScope } from '@tamagui/create-context'\nimport type { Scope } from '@tamagui/create-context'\nimport { ListItem, ListItemProps } from '@tamagui/list-item'\nimport { PortalHost, PortalItem, PortalItemProps } from '@tamagui/portal'\nimport { Separator } from '@tamagui/separator'\nimport { Sheet, SheetController } from '@tamagui/sheet'\nimport { ThemeableStack, 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\nconst SELECT_NAME = 'Select'\nconst WINDOW_PADDING = 8\nconst SCROLL_ARROW_VELOCITY = 8\nconst SCROLL_ARROW_THRESHOLD = 8\nconst MIN_HEIGHT = 80\nconst FALLBACK_THRESHOLD = 16\n\nexport interface SelectProps {\n  id?: string\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  size?: SizeTokens\n  sheetBreakpoint?: MediaPropKeys | false\n}\n\ntype NonNull<A> = Exclude<A, void | null>\n\ninterface SelectContextValue {\n  dir?: Direction\n  scopeKey: string\n  sheetBreakpoint: NonNull<SelectProps['sheetBreakpoint']>\n  size?: SizeTokens\n  value: any\n  selectedIndex: number\n  setSelectedIndex: (index: number) => void\n  activeIndex: number | null\n  setActiveIndex: (index: number | null) => void\n  setValueAtIndex: (index: number, value: string) => void\n  open: boolean\n  setOpen: (open: boolean) => void\n  onChange: (value: string) => void\n  valueNode: Element | null\n  onValueNodeChange(node: HTMLElement): void\n  valueNodeHasChildren: boolean\n  onValueNodeHasChildrenChange(hasChildren: boolean): void\n  forceUpdate: React.DispatchWithoutAction\n\n  // InlineImpl only:\n  dataRef?: React.MutableRefObject<ContextData>\n  controlledScrolling?: boolean\n  listRef?: React.MutableRefObject<Array<HTMLElement | null>>\n  floatingRef?: React.MutableRefObject<HTMLElement | null>\n  canScrollUp?: boolean\n  canScrollDown?: boolean\n  floatingContext?: FloatingContext<ReferenceType>\n  increaseHeight?: (floating: HTMLElement, amount?: any) => number | undefined\n  interactions?: {\n    getReferenceProps: (userProps?: React.HTMLProps<Element> | undefined) => any\n    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => any\n    getItemProps: (userProps?: React.HTMLProps<HTMLElement> | undefined) => any\n  }\n}\n\n// Cross browser fixes for pinch-zooming/backdrop-filter \uD83D\uDE44\nconst userAgent = (typeof navigator !== 'undefined' && navigator.userAgent) || ''\nconst isFirefox = userAgent.toLowerCase().includes('firefox')\nif (isFirefox) {\n  document.body.classList.add('firefox')\n}\nfunction getVisualOffsetTop() {\n  return !/^((?!chrome|android).)*safari/i.test(userAgent) ? visualViewport?.offsetTop ?? 0 : 0\n}\n\ntype ScopedProps<P> = P & { __scopeSelect?: Scope }\n\nconst [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME)\nconst [SelectProvider, useSelectContext] = createSelectContext<SelectContextValue>(SELECT_NAME)\n\n// const [SelectContentContextProvider, useSelectContentContext] =\n//   createSelectContext<SelectContentContextValue>(CONTENT_NAME);\n\ntype Direction = 'ltr' | 'rtl'\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        backgrounded\n        radiused\n        hoverTheme\n        pressTheme\n        focusTheme\n        focusable={false}\n        borderWidth={1}\n        componentName={TRIGGER_NAME}\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        {...(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    ({ __scopeSelect, children, placeholder }: ScopedProps<SelectValueProps>, forwardedRef) => {\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 hasChildren = children !== undefined\n      const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange)\n\n      React.useLayoutEffect(() => {\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          {context.value === undefined && placeholder !== undefined ? placeholder : children}\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 * SelectContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'SelectContent'\n\nexport type SelectContentProps = { children?: React.ReactNode }\n\nconst SelectContent = ({ children, __scopeSelect }: ScopedProps<SelectContentProps>) => {\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\n  if (showSheet && context.open) {\n    return contents\n  }\n\n  return (\n    <FloatingPortal>\n      {context.open ? (\n        <FloatingOverlay lockScroll>{contents}</FloatingOverlay>\n      ) : (\n        <div style={{ display: 'none' }}>{contents}</div>\n      )}\n    </FloatingPortal>\n  )\n}\n\n/* -------------------------------------------------------------------------------------------------\n * SelectViewport\n * -----------------------------------------------------------------------------------------------*/\n\nconst VIEWPORT_NAME = 'SelectViewport'\n\nexport const SelectViewportFrame = styled(ThemeableStack, {\n  name: VIEWPORT_NAME,\n  backgroundColor: '$background',\n  elevate: true,\n  bordered: true,\n  // width: '100%',\n  overflow: 'scroll',\n  userSelect: 'none',\n\n  variants: {\n    size: {\n      '...size': (val, { tokens }) => {\n        return {\n          borderRadius: tokens.radius[val] ?? val,\n        }\n      },\n    },\n  },\n\n  defaultVariants: {\n    size: '$2',\n  },\n})\n\nexport type SelectViewportProps = GetProps<typeof SelectViewportFrame>\n\nexport const SelectViewport = React.forwardRef<TamaguiElement, SelectViewportProps>(\n  (props: ScopedProps<SelectViewportProps>, forwardedRef) => {\n    const { __scopeSelect, children, ...viewportProps } = props\n    const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)\n    const { style, ...floatingProps } = context.interactions?.getFloatingProps() ?? {}\n    const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n\n    if (breakpointActive || !isWeb) {\n      return <PortalItem hostName={`${context.scopeKey}SheetContents`}>{children}</PortalItem>\n    }\n\n    if (!context.floatingContext) {\n      return null\n    }\n\n    // TODO\n    delete style['scrollbarWidth']\n    delete style['listStyleType']\n\n    return (\n      <>\n        {/* Hide scrollbars cross-browser and enable momentum scroll for touch devices */}\n        <style\n          dangerouslySetInnerHTML={{\n            __html: `[data-tamagui-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-tamagui-select-viewport]::-webkit-scrollbar{display:none}`,\n          }}\n        />\n        <FloatingFocusManager context={context.floatingContext} preventTabbing>\n          <SelectViewportFrame\n            size={context.size}\n            data-tamagui-select-viewport=\"\"\n            // @ts-ignore\n            role=\"presentation\"\n            {...viewportProps}\n            ref={forwardedRef}\n            {...floatingProps}\n            {...style}\n          >\n            {children}\n          </SelectViewportFrame>\n        </FloatingFocusManager>\n      </>\n    )\n  }\n)\n\nSelectViewport.displayName = VIEWPORT_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: TamaguiElement | null): void\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\n// TODO styled(ListItem, { name: 'SelectItem' })\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 [textValue, setTextValue] = React.useState(textValueProp ?? '')\n    const [isFocused, setIsFocused] = React.useState(false)\n    const textId = useId()\n\n    const {\n      selectedIndex,\n      setSelectedIndex,\n      listRef,\n      open,\n      setOpen,\n      onChange,\n      activeIndex,\n      setActiveIndex,\n      setValueAtIndex,\n      dataRef,\n    } = context\n\n    const composedRefs = useComposedRefs(\n      forwardedRef,\n      (node) => {\n        if (node instanceof HTMLElement) {\n          if (listRef) {\n            listRef.current[index] = node\n          }\n        }\n      }\n      // isSelected ? context.onSelectedItemChange : undefined\n    )\n\n    React.useEffect(() => {\n      setValueAtIndex(index, value)\n    }, [index, setValueAtIndex, value])\n\n    const timeoutRef = React.useRef<any>()\n    const [allowMouseUp, setAllowMouseUp] = React.useState(false)\n\n    function handleSelect() {\n      setSelectedIndex(index)\n      onChange(value)\n      setOpen(false)\n    }\n\n    React.useLayoutEffect(() => {\n      clearTimeout(timeoutRef.current)\n      if (open) {\n        if (selectedIndex !== index) {\n          setAllowMouseUp(true)\n        } else {\n          timeoutRef.current = setTimeout(() => {\n            setAllowMouseUp(true)\n          }, 300)\n        }\n      } else {\n        setAllowMouseUp(false)\n      }\n    }, [open, index, setActiveIndex, selectedIndex])\n\n    function handleKeyDown(event: React.KeyboardEvent) {\n      if (event.key === 'Enter' || (event.key === ' ' && !dataRef?.current.typing)) {\n        event.preventDefault()\n        handleSelect()\n      }\n    }\n\n    const selectItemProps = context.interactions\n      ? context.interactions.getItemProps({\n          onClick: allowMouseUp ? handleSelect : undefined,\n          onMouseUp: allowMouseUp ? handleSelect : undefined,\n          onKeyDown: handleKeyDown,\n        })\n      : {\n          onPress: handleSelect,\n        }\n\n    return (\n      <SelectItemContextProvider\n        scope={__scopeSelect}\n        value={value}\n        textId={textId || ''}\n        isSelected={isSelected}\n        onItemTextChange={React.useCallback((node) => {\n          // @ts-ignore\n          setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? '').trim())\n        }, [])}\n      >\n        <ListItem\n          backgrounded\n          pressTheme\n          focusTheme\n          componentName={ITEM_NAME}\n          ref={composedRefs}\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          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, itemContext.onItemTextChange)\n\n    return (\n      <>\n        <SelectItemTextFrame\n          className={className}\n          size={context.size}\n          id={itemContext.textId}\n          {...itemTextProps}\n          ref={composedRefs}\n        />\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\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        // @ts-expect-error\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSelectLabel.displayName = LABEL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectScrollUpButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst SCROLL_UP_BUTTON_NAME = 'SelectScrollUpButton'\n\ninterface SelectScrollButtonProps\n  extends Omit<SelectScrollButtonImplProps, 'dir' | 'componentName'> {}\n\nconst SelectScrollUpButton = React.forwardRef<TamaguiElement, SelectScrollButtonProps>(\n  (props: ScopedProps<SelectScrollButtonProps>, forwardedRef) => {\n    return (\n      <SelectScrollButtonImpl\n        componentName={SCROLL_UP_BUTTON_NAME}\n        {...props}\n        dir=\"up\"\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectScrollDownButton\n * -----------------------------------------------------------------------------------------------*/\n\nconst SCROLL_DOWN_BUTTON_NAME = 'SelectScrollDownButton'\n\nconst SelectScrollDownButton = React.forwardRef<TamaguiElement, SelectScrollButtonProps>(\n  (props: ScopedProps<SelectScrollButtonProps>, forwardedRef) => {\n    return (\n      <SelectScrollButtonImpl\n        componentName={SCROLL_DOWN_BUTTON_NAME}\n        {...props}\n        dir=\"down\"\n        ref={forwardedRef}\n      />\n    )\n  }\n)\n\nSelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME\n\ntype SelectScrollButtonImplElement = TamaguiElement\ninterface SelectScrollButtonImplProps extends YStackProps {\n  dir: 'up' | 'down'\n  componentName: string\n}\n\nconst SelectScrollButtonImpl = React.memo(\n  React.forwardRef<SelectScrollButtonImplElement, SelectScrollButtonImplProps>(\n    (props: ScopedProps<SelectScrollButtonImplProps>, forwardedRef) => {\n      const { __scopeSelect, dir, componentName, ...scrollIndicatorProps } = props\n      const { floatingRef, increaseHeight, forceUpdate, ...context } = useSelectContext(\n        componentName,\n        __scopeSelect\n      )\n      const intervalRef = React.useRef<any>()\n      const loopingRef = React.useRef(false)\n      const isVisible = context[dir === 'down' ? 'canScrollDown' : 'canScrollUp']\n\n      const { x, y, reference, floating, strategy, update, refs } = useFloating({\n        strategy: 'fixed',\n        placement: dir === 'up' ? 'top' : 'bottom',\n        middleware: [offset(({ rects }) => -rects.floating.height)],\n      })\n\n      const composedRefs = useComposedRefs(forwardedRef, floating)\n\n      React.useLayoutEffect(() => {\n        if (!floatingRef) return\n        reference(floatingRef.current)\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [reference, floatingRef?.current])\n\n      React.useEffect(() => {\n        if (!refs.reference.current || !refs.floating.current || !isVisible) {\n          return\n        }\n\n        const cleanup = autoUpdate(refs.reference.current, refs.floating.current, update, {\n          animationFrame: true,\n        })\n\n        return () => {\n          clearInterval(intervalRef.current)\n          loopingRef.current = false\n          cleanup()\n        }\n      }, [isVisible, update, refs.floating, refs.reference])\n\n      if (!isVisible) {\n        return null\n      }\n\n      const handleScrollArrowChange = () => {\n        if (!floatingRef) return\n        const floating = floatingRef.current\n        const isUp = dir === 'up'\n\n        if (floating) {\n          const value = isUp ? -SCROLL_ARROW_VELOCITY : SCROLL_ARROW_VELOCITY\n          const multi =\n            (isUp && floating.scrollTop <= SCROLL_ARROW_THRESHOLD * 2) ||\n            (!isUp &&\n              floating.scrollTop >=\n                floating.scrollHeight - floating.clientHeight - SCROLL_ARROW_THRESHOLD * 2)\n              ? 2\n              : 1\n\n          floating.scrollTop += multi * (isUp ? -SCROLL_ARROW_VELOCITY : SCROLL_ARROW_VELOCITY)\n\n          increaseHeight?.(floating, multi === 2 ? value * 2 : value)\n          // Ensure derived data (scroll arrows) is fresh\n          forceUpdate()\n        }\n      }\n\n      return (\n        <YStack\n          ref={composedRefs}\n          componentName={componentName}\n          aria-hidden\n          {...scrollIndicatorProps}\n          zIndex={1000}\n          // @ts-expect-error\n          position={strategy}\n          left={x || 0}\n          top={y || 0}\n          width={`calc(${(floatingRef?.current?.offsetWidth ?? 0) - 2}px)`}\n          onPointerMove={() => {\n            if (!loopingRef.current) {\n              intervalRef.current = setInterval(handleScrollArrowChange, 1000 / 60)\n              loopingRef.current = true\n            }\n          }}\n          onPointerLeave={() => {\n            loopingRef.current = false\n            clearInterval(intervalRef.current)\n          }}\n        />\n      )\n    }\n  )\n)\n\n/* -------------------------------------------------------------------------------------------------\n * SelectSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectSeparator = styled(Separator, {\n  name: 'SelectSeparator',\n})\n\nconst useSelectBreakpointActive = (sheetBreakpoint: SelectContextValue['sheetBreakpoint']) => {\n  const media = useMedia()\n  return sheetBreakpoint ? media[sheetBreakpoint] : false\n}\n\nconst useShowSelectSheet = (context: SelectContextValue) => {\n  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n  return context.open === false ? false : breakpointActive\n}\n\nconst SelectSheetController = (\n  props: ScopedProps<{}> & {\n    children: React.ReactNode\n    onChangeOpen: 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      onChangeOpen={(val) => {\n        if (getShowSheet()) {\n          props.onChangeOpen(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\n/* -------------------------------------------------------------------------------------------------\n * Select\n * -----------------------------------------------------------------------------------------------*/\n\ntype SelectImplProps = ScopedProps<SelectProps> & {\n  activeIndexRef: any\n  selectedIndexRef: any\n  listContentRef: any\n}\n\n// TODO use id for focusing from label\n\nconst SelectInlineImpl = (props: SelectImplProps) => {\n  const {\n    __scopeSelect,\n    children,\n    open = false,\n    activeIndexRef,\n    selectedIndexRef,\n    listContentRef,\n  } = props\n\n  const selectContext = useSelectContext('SelectSheetImpl', __scopeSelect)\n  const { setActiveIndex, setOpen, setSelectedIndex, selectedIndex, activeIndex, forceUpdate } =\n    selectContext\n  const [showArrows, setShowArrows] = React.useState(false)\n  const [scrollTop, setScrollTop] = React.useState(0)\n  const prevActiveIndex = usePrevious<number | null>(activeIndex)\n\n  const listItemsRef = React.useRef<Array<HTMLElement | null>>([])\n\n  const [controlledScrolling, setControlledScrolling] = React.useState(false)\n  const [middlewareType, setMiddlewareType] = React.useState<'align' | 'fallback'>('align')\n\n  // Wait for scroll position to settle before showing arrows to prevent\n  // interference with pointer events.\n  React.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 () => {\n      cancelAnimationFrame(frame)\n    }\n  }, [open, setActiveIndex])\n\n  function getFloatingPadding(floating: HTMLElement | null) {\n    if (!floating) {\n      return 0\n    }\n    return Number(getComputedStyle(floating).paddingLeft?.replace('px', ''))\n  }\n\n  const { x, y, reference, floating, strategy, context, refs, middlewareData, update } =\n    useFloating({\n      open,\n      onOpenChange: setOpen,\n      placement: 'bottom',\n      middleware:\n        middlewareType === 'align'\n          ? [\n              offset(({ rects }) => {\n                const index = activeIndexRef.current ?? selectedIndexRef.current\n\n                if (index == null) {\n                  return 0\n                }\n\n                const item = listItemsRef.current[index]\n\n                if (item == null) {\n                  return 0\n                }\n\n                const offsetTop = item.offsetTop\n                const itemHeight = item.offsetHeight\n                const height = rects.reference.height\n\n                return -offsetTop - height - (itemHeight - height) / 2\n              }),\n              // Custom `size` that can handle the opposite direction of the placement\n              {\n                name: 'size',\n                async fn(args) {\n                  const {\n                    elements: { floating },\n                    rects: { reference },\n                    middlewareData,\n                  } = args\n\n                  const overflow = await detectOverflow(args, {\n                    padding: WINDOW_PADDING,\n                  })\n\n                  const top = Math.max(0, overflow.top)\n                  const bottom = Math.max(0, overflow.bottom)\n                  const nextY = args.y + top\n\n                  if (middlewareData.size?.skip) {\n                    return {\n                      y: nextY,\n                      data: {\n                        y: middlewareData.size.y,\n                      },\n                    }\n                  }\n\n                  Object.assign(floating.style, {\n                    maxHeight: `${floating.scrollHeight - Math.abs(top + bottom)}px`,\n                    minWidth: `${reference.width + getFloatingPadding(floating) * 2}px`,\n                  })\n\n                  return {\n                    y: nextY,\n                    data: {\n                      y: top,\n                      skip: true,\n                    },\n                    reset: {\n                      rects: true,\n                    },\n                  }\n                },\n              },\n            ]\n          : [\n              offset(5),\n              flip(),\n              size({\n                apply({ rects, availableHeight, elements }) {\n                  Object.assign(elements.floating.style, {\n                    width: `${rects.reference.width}px`,\n                    maxHeight: `${availableHeight}px`,\n                  })\n                },\n                padding: WINDOW_PADDING,\n              }),\n            ],\n    })\n\n  const floatingRef = refs.floating\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  const interactions = useInteractions([\n    useClick(context, { pointerDown: true }),\n    useRole(context, { role: 'listbox' }),\n    useDismiss(context),\n    useListNavigation(context, {\n      listRef: listItemsRef,\n      activeIndex,\n      selectedIndex,\n      onNavigate: setActiveIndex,\n    }),\n    useTypeahead(context, {\n      listRef: listContentRef,\n      onMatch: open ? setActiveIndex : setSelectedIndex,\n      selectedIndex,\n      activeIndex,\n    }),\n  ])\n\n  const increaseHeight = React.useCallback(\n    (floating: HTMLElement, amount = 0) => {\n      if (middlewareType === 'fallback') {\n        return\n      }\n\n      const currentMaxHeight = Number(floating.style.maxHeight.replace('px', ''))\n      const currentTop = Number(floating.style.top.replace('px', ''))\n      const rect = floating.getBoundingClientRect()\n      const rectTop = rect.top\n      const rectBottom = rect.bottom\n      const viewportHeight = visualViewport?.height ?? 0\n      const visualMaxHeight = viewportHeight - WINDOW_PADDING * 2\n\n      if (\n        amount < 0 &&\n        selectedIndexRef.current != null &&\n        Math.round(rectBottom) < Math.round(viewportHeight + getVisualOffsetTop() - WINDOW_PADDING)\n      ) {\n        floating.style.maxHeight = `${Math.min(visualMaxHeight, currentMaxHeight - amount)}px`\n      }\n\n      if (\n        amount > 0 &&\n        Math.round(rectTop) > Math.round(WINDOW_PADDING - getVisualOffsetTop()) &&\n        floating.scrollHeight > floating.offsetHeight\n      ) {\n        const nextTop = Math.max(WINDOW_PADDING + getVisualOffsetTop(), currentTop - amount)\n\n        const nextMaxHeight = Math.min(visualMaxHeight, currentMaxHeight + amount)\n\n        Object.assign(floating.style, {\n          maxHeight: `${nextMaxHeight}px`,\n          top: `${nextTop}px`,\n        })\n\n        if (nextTop - WINDOW_PADDING > getVisualOffsetTop()) {\n          floating.scrollTop -= nextMaxHeight - currentMaxHeight + getFloatingPadding(floating)\n        }\n\n        return currentTop - nextTop\n      }\n    },\n    [middlewareType, selectedIndexRef]\n  )\n\n  const touchPageYRef = React.useRef<number | null>(null)\n\n  const handleWheel = React.useCallback(\n    (event: WheelEvent | TouchEvent) => {\n      const pinching = event.ctrlKey\n\n      const currentTarget = event.currentTarget as HTMLElement\n\n      function isWheelEvent(event: any): event is WheelEvent {\n        return typeof event.deltaY === 'number'\n      }\n\n      function isTouchEvent(event: any): event is TouchEvent {\n        return event.touches != null\n      }\n\n      if (\n        Math.abs(\n          (currentTarget?.offsetHeight ?? 0) - ((visualViewport?.height ?? 0) - WINDOW_PADDING * 2)\n        ) > 1 &&\n        !pinching\n      ) {\n        event.preventDefault()\n      } else if (isWheelEvent(event) && isFirefox) {\n        // Firefox needs this to propagate scrolling\n        // during momentum scrolling phase if the\n        // height reached its maximum (at boundaries)\n        currentTarget.scrollTop += event.deltaY\n      }\n\n      if (!pinching) {\n        let delta = 5\n\n        if (isTouchEvent(event)) {\n          const currentPageY = touchPageYRef.current\n          const pageY = event.touches[0]?.pageY\n\n          if (pageY != null) {\n            touchPageYRef.current = pageY\n\n            if (currentPageY != null) {\n              delta = currentPageY - pageY\n            }\n          }\n        }\n\n        increaseHeight(currentTarget, isWheelEvent(event) ? event.deltaY : delta)\n        setScrollTop(currentTarget.scrollTop)\n        // Ensure derived data (scroll arrows) is fresh\n        forceUpdate()\n      }\n    },\n    [forceUpdate, increaseHeight]\n  )\n\n  // Handle `onWheel` event in an effect to remove the `passive` option so we\n  // can .preventDefault() it\n  React.useEffect(() => {\n    function onTouchEnd() {\n      touchPageYRef.current = null\n    }\n\n    const floating = floatingRef.current\n    if (open && floating && middlewareType === 'align') {\n      floating.addEventListener('wheel', handleWheel)\n      floating.addEventListener('touchmove', handleWheel)\n      floating.addEventListener('touchend', onTouchEnd, { passive: true })\n      return () => {\n        floating.removeEventListener('wheel', handleWheel)\n        floating.removeEventListener('touchmove', handleWheel)\n        floating.removeEventListener('touchend', onTouchEnd)\n      }\n    }\n  }, [open, floatingRef, handleWheel, middlewareType])\n\n  // Ensure the menu remains attached to the reference element when resizing.\n  React.useEffect(() => {\n    window.addEventListener('resize', update)\n    return () => {\n      window.removeEventListener('resize', update)\n    }\n  }, [update])\n\n  // Scroll the active or selected item into view when in `controlledScrolling`\n  // mode (i.e. arrow key nav).\n  React.useLayoutEffect(() => {\n    const floating = floatingRef.current\n\n    if (open && controlledScrolling && floating) {\n      const item =\n        activeIndex != null\n          ? listItemsRef.current[activeIndex]\n          : selectedIndex != null\n          ? listItemsRef.current[selectedIndex]\n          : null\n\n      if (item && prevActiveIndex != null) {\n        const itemHeight = listItemsRef.current[prevActiveIndex]?.offsetHeight ?? 0\n\n        const floatingHeight = floating.offsetHeight\n        const top = item.offsetTop\n        const bottom = top + itemHeight\n\n        if (top < floating.scrollTop + 20) {\n          const diff = floating.scrollTop - top + 20\n          floating.scrollTop -= diff\n\n          if (activeIndex != selectedIndex && activeIndex != null) {\n            increaseHeight(floating, -diff)\n          }\n        } else if (bottom > floatingHeight + floating.scrollTop - 20) {\n          const diff = bottom - floatingHeight - floating.scrollTop + 20\n\n          floating.scrollTop += diff\n\n          if (activeIndex != selectedIndex && activeIndex != null) {\n            floating.scrollTop -= increaseHeight(floating, diff) ?? 0\n          }\n        }\n      }\n    }\n  }, [\n    open,\n    controlledScrolling,\n    prevActiveIndex,\n    activeIndex,\n    selectedIndex,\n    floatingRef,\n    increaseHeight,\n  ])\n\n  // Sync the height and the scrollTop values and device whether to use fallback\n  // positioning.\n  React.useLayoutEffect(() => {\n    const floating = refs.floating.current\n    const reference = refs.reference.current\n\n    if (open && floating && reference && floating.offsetHeight < floating.scrollHeight) {\n      const referenceRect = reference.getBoundingClientRect()\n\n      if (middlewareType === 'fallback') {\n        const item = listItemsRef.current[selectedIndex]\n        if (item) {\n          floating.scrollTop = item.offsetTop - floating.clientHeight + referenceRect.height\n        }\n        return\n      }\n\n      floating.scrollTop = middlewareData.size?.y\n\n      const closeToBottom =\n        (visualViewport?.height ?? 0) + getVisualOffsetTop() - referenceRect.bottom <\n        FALLBACK_THRESHOLD\n      const closeToTop = referenceRect.top < FALLBACK_THRESHOLD\n\n      if (floating.offsetHeight < MIN_HEIGHT || closeToTop || closeToBottom) {\n        setMiddlewareType('fallback')\n      }\n    }\n  }, [\n    open,\n    increaseHeight,\n    selectedIndex,\n    middlewareType,\n    refs.floating,\n    refs.reference,\n    // Always re-run this effect when the position has been computed so the\n    // .scrollTop change works with fresh sizing.\n    middlewareData,\n  ])\n\n  React.useLayoutEffect(() => {\n    if (open && selectedIndex != null) {\n      requestAnimationFrame(() => {\n        listItemsRef.current[selectedIndex]?.focus({ preventScroll: true })\n      })\n    }\n  }, [listItemsRef, selectedIndex, open])\n\n  // Wait for scroll position to settle before showing arrows to prevent\n  // interference with pointer events.\n  React.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  // 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      {...(selectContext as Required<typeof selectContext>)}\n      increaseHeight={increaseHeight}\n      floatingRef={floatingRef}\n      setValueAtIndex={(index, value) => {\n        listContentRef.current[index] = value\n      }}\n      interactions={{\n        ...interactions,\n        getReferenceProps() {\n          return interactions.getReferenceProps({\n            ref: reference,\n            className: 'SelectTrigger',\n            onKeyDown(event) {\n              if (event.key === 'Enter' || (event.key === ' ' && !context.dataRef.current.typing)) {\n                event.preventDefault()\n                setOpen(true)\n              }\n            },\n          })\n        },\n        getFloatingProps(props) {\n          return interactions.getFloatingProps({\n            ref: floating,\n            className: 'Select',\n            ...props,\n            style: {\n              position: strategy,\n              top: y ?? '',\n              left: x ?? '',\n              outline: 0,\n              listStyleType: 'none',\n              scrollbarWidth: 'none',\n              userSelect: 'none',\n              ...props?.style,\n            },\n            onPointerEnter() {\n              setControlledScrolling(false)\n            },\n            onPointerMove() {\n              setControlledScrolling(false)\n            },\n            onKeyDown() {\n              setControlledScrolling(true)\n            },\n            onScroll(event) {\n              setScrollTop(event.currentTarget.scrollTop)\n            },\n          })\n        },\n      }}\n      floatingContext={context}\n      activeIndex={activeIndex}\n      canScrollDown={!!showDownArrow}\n      canScrollUp={!!showUpArrow}\n      controlledScrolling\n      dataRef={context.dataRef}\n      listRef={listItemsRef}\n    >\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\nconst SelectSheetImpl = (props: SelectImplProps) => {\n  return <>{props.children}</>\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,\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\n    const [open, setOpen] = useControllableState({\n      prop: openProp,\n      defaultProp: defaultOpen || false,\n      onChange: onOpenChange,\n    })\n\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue || '',\n      onChange: onValueChange,\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    return (\n      <SelectProvider\n        dir={dir}\n        size={sizeProp}\n        forceUpdate={forceUpdate}\n        valueNode={valueNode}\n        onValueNodeChange={setValueNode}\n        onValueNodeHasChildrenChange={setValueNodeHasChildren}\n        valueNodeHasChildren={valueNodeHasChildren}\n        scopeKey={__scopeSelect ? Object.keys(__scopeSelect)[0] : ''}\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 onChangeOpen={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,\n  }\n)\n\n// @ts-ignore\nSelect.displayName = SELECT_NAME\n\nexport { createSelectScope }\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { useComposedRefs } from '@tamagui/compose-refs'\nimport { GetProps, TamaguiElement, isWeb, useMedia } 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 { Sheet, 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, SelectContextValue, SelectProps } from './types'\n\n// Cross browser fixes for pinch-zooming/backdrop-filter \uD83D\uDE44\nconst userAgent = (typeof navigator !== 'undefined' && navigator.userAgent) || ''\nexport const isFirefox = userAgent.toLowerCase().includes('firefox')\nexport function getVisualOffsetTop() {\n  return !/^((?!chrome|android).)*safari/i.test(userAgent) ? visualViewport?.offsetTop ?? 0 : 0\n}\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        backgrounded\n        radiused\n        hoverTheme\n        pressTheme\n        focusTheme\n        focusable={false}\n        borderWidth={1}\n        componentName={TRIGGER_NAME}\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        {...(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 hasChildren = childrenProp !== undefined\n      const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange)\n\n      React.useLayoutEffect(() => {\n        onValueNodeHasChildrenChange(hasChildren)\n      }, [onValueNodeHasChildrenChange, hasChildren])\n\n      const children = childrenProp ?? context.selectedItem\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          {context.value === undefined && placeholder !== undefined ? placeholder : children}\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  onItemTextChange(node: TamaguiElement | null): void\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 [textValue, setTextValue] = React.useState(textValueProp ?? '')\n    const [isFocused, setIsFocused] = React.useState(false)\n    const textId = useId()\n\n    const {\n      selectedIndex,\n      setSelectedIndex,\n      listRef,\n      open,\n      setOpen,\n      onChange,\n      activeIndex,\n      setActiveIndex,\n      setValueAtIndex,\n      dataRef,\n    } = context\n\n    const composedRefs = useComposedRefs(\n      forwardedRef,\n      (node) => {\n        if (!isWeb) return\n        if (node instanceof HTMLElement) {\n          if (listRef) {\n            listRef.current[index] = node\n          }\n        }\n      }\n      // isSelected ? context.onSelectedItemChange : undefined\n    )\n\n    React.useEffect(() => {\n      setValueAtIndex(index, value)\n    }, [index, setValueAtIndex, value])\n\n    const timeoutRef = React.useRef<any>()\n    const [allowMouseUp, setAllowMouseUp] = React.useState(false)\n\n    function handleSelect() {\n      setSelectedIndex(index)\n      onChange(value)\n      setOpen(false)\n    }\n\n    React.useLayoutEffect(() => {\n      clearTimeout(timeoutRef.current)\n      if (open) {\n        if (selectedIndex !== index) {\n          setAllowMouseUp(true)\n        } else {\n          timeoutRef.current = setTimeout(() => {\n            setAllowMouseUp(true)\n          }, 300)\n        }\n      } else {\n        setAllowMouseUp(false)\n      }\n    }, [open, index, setActiveIndex, selectedIndex])\n\n    function handleKeyDown(event: React.KeyboardEvent) {\n      if (event.key === 'Enter' || (event.key === ' ' && !dataRef?.current.typing)) {\n        event.preventDefault()\n        handleSelect()\n      }\n    }\n\n    const selectItemProps = context.interactions\n      ? context.interactions.getItemProps({\n          onClick: allowMouseUp ? handleSelect : undefined,\n          onMouseUp: allowMouseUp ? handleSelect : undefined,\n          onKeyDown: handleKeyDown,\n        })\n      : {\n          onPress: handleSelect,\n        }\n\n    return (\n      <SelectItemContextProvider\n        scope={__scopeSelect}\n        value={value}\n        textId={textId || ''}\n        isSelected={isSelected}\n        onItemTextChange={React.useCallback((node) => {\n          // @ts-ignore\n          setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? '').trim())\n        }, [])}\n      >\n        <ListItem\n          backgrounded\n          pressTheme\n          focusTheme\n          componentName={ITEM_NAME}\n          ref={composedRefs}\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          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, itemContext.onItemTextChange)\n    const isSelected = itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren\n\n    const contents = (\n      <SelectItemTextFrame\n        className={className}\n        size={context.size}\n        id={itemContext.textId}\n        {...itemTextProps}\n        ref={composedRefs}\n      />\n    )\n\n    // until portals work in sub-trees on RN, use this just for native:\n    if (!isWeb) {\n      React.useEffect(() => {\n        if (isSelected) {\n          context.setSelectedItem(contents)\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n      }, [isSelected])\n    }\n\n    return (\n      <>\n        {contents}\n\n        {/* Portal the select item text into the trigger value node */}\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        // @ts-expect-error\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\nexport const useSelectBreakpointActive = (\n  sheetBreakpoint: SelectContextValue['sheetBreakpoint']\n) => {\n  const media = useMedia()\n  return sheetBreakpoint ? media[sheetBreakpoint] : false\n}\n\nexport const useShowSelectSheet = (context: SelectContextValue) => {\n  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n  return context.open === false ? false : breakpointActive\n}\n\nconst SelectSheetController = (\n  props: ScopedProps<{}> & {\n    children: React.ReactNode\n    onChangeOpen: 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      onChangeOpen={(val) => {\n        if (getShowSheet()) {\n          props.onChangeOpen(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    })\n\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue || '',\n      onChange: onValueChange,\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    return (\n      <SelectProvider\n        dir={dir}\n        size={sizeProp}\n        selectedItem={selectedItem}\n        setSelectedItem={setSelectedItem}\n        forceUpdate={forceUpdate}\n        valueNode={valueNode}\n        onValueNodeChange={setValueNode}\n        onValueNodeHasChildrenChange={setValueNodeHasChildren}\n        valueNodeHasChildren={valueNodeHasChildren}\n        scopeKey={__scopeSelect ? Object.keys(__scopeSelect)[0] : ''}\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 onChangeOpen={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,\n  }\n)\n\n// @ts-ignore\nSelect.displayName = SELECT_NAME\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/SelectContent.js

@@ -0,0 +1,19 @@
+import { FloatingOverlay, FloatingPortal } from "@floating-ui/react-dom-interactions";
+import { Theme, useThemeName } from "@tamagui/core";
+import { useSelectContext } from "./context";
+import { useShowSelectSheet } from "./Select";
+const CONTENT_NAME = "SelectContent";
+const SelectContent = ({ children, __scopeSelect }) => {
+  const context = useSelectContext(CONTENT_NAME, __scopeSelect);
+  const themeName = useThemeName();
+  const showSheet = useShowSelectSheet(context);
+  const contents = <Theme name={themeName}>{children}</Theme>;
+  if (showSheet && context.open) {
+    return contents;
+  }
+  return <FloatingPortal>{context.open ? <FloatingOverlay lockScroll>{contents}</FloatingOverlay> : <div style={{ display: "none" }}>{contents}</div>}</FloatingPortal>;
+};
+export {
+  SelectContent
+};
+//# sourceMappingURL=SelectContent.js.map

package/dist/jsx/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, useThemeName } from '@tamagui/core'\nimport * as React from 'react'\n\nimport { useSelectContext } from './context'\nimport { useShowSelectSheet } from './Select'\nimport { SelectContentProps } from './types'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'SelectContent'\n\nexport const SelectContent = ({ children, __scopeSelect }: SelectContentProps) => {\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\n  if (showSheet && context.open) {\n    return contents\n  }\n\n  return (\n    <FloatingPortal>\n      {context.open ? (\n        <FloatingOverlay lockScroll>{contents}</FloatingOverlay>\n      ) : (\n        <div style={{ display: 'none' }}>{contents}</div>\n      )}\n    </FloatingPortal>\n  )\n}\n"],
+  "mappings": "AAAA;AACA;AAGA;AACA;AAOA,MAAM,eAAe;AAEd,MAAM,gBAAgB,CAAC,EAAE,UAAU,oBAAwC;AAChF,QAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,QAAM,YAAY,aAAa;AAC/B,QAAM,YAAY,mBAAmB,OAAO;AAC5C,QAAM,WAAW,CAAC,MAAM,MAAM,YAAY,SAAS,EAAjC;AAElB,MAAI,aAAa,QAAQ,MAAM;AAC7B,WAAO;AAAA,EACT;AAEA,SACE,CAAC,gBACE,QAAQ,OACP,CAAC,gBAAgB,YAAY,SAAS,EAArC,mBAED,CAAC,IAAI,OAAO,EAAE,SAAS,OAAO,IAAI,SAAS,EAA1C,KAEL,EANC;AAQL;",
+  "names": []
+}

package/dist/jsx/SelectContent.native.js

@@ -0,0 +1,7 @@
+const SelectContent = ({ children }) => {
+  return children;
+};
+export {
+  SelectContent
+};
+//# sourceMappingURL=SelectContent.native.js.map

package/dist/jsx/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": "AAEO,MAAM,gBAAgB,CAAC,EAAE,eAAmC;AACjE,SAAO;AACT;",
+  "names": []
+}

package/dist/jsx/SelectImpl.js

@@ -0,0 +1,366 @@
+import {
+  detectOverflow,
+  flip,
+  offset,
+  size,
+  useClick,
+  useDismiss,
+  useFloating,
+  useInteractions,
+  useListNavigation,
+  useRole,
+  useTypeahead
+} from "@floating-ui/react-dom-interactions";
+import { usePrevious } from "@radix-ui/react-use-previous";
+import * as React from "react";
+import { FALLBACK_THRESHOLD, MIN_HEIGHT, SCROLL_ARROW_THRESHOLD, WINDOW_PADDING } from "./constants";
+import { SelectProvider, useSelectContext } from "./context";
+import { getVisualOffsetTop, isFirefox } from "./Select";
+const SelectInlineImpl = (props) => {
+  const {
+    __scopeSelect,
+    children,
+    open = false,
+    activeIndexRef,
+    selectedIndexRef,
+    listContentRef
+  } = props;
+  const selectContext = useSelectContext("SelectSheetImpl", __scopeSelect);
+  const { setActiveIndex, setOpen, setSelectedIndex, selectedIndex, activeIndex, forceUpdate } = selectContext;
+  const [showArrows, setShowArrows] = React.useState(false);
+  const [scrollTop, setScrollTop] = React.useState(0);
+  const prevActiveIndex = usePrevious(activeIndex);
+  const listItemsRef = React.useRef([]);
+  const [controlledScrolling, setControlledScrolling] = React.useState(false);
+  const [middlewareType, setMiddlewareType] = React.useState("align");
+  React.useEffect(() => {
+    const frame = requestAnimationFrame(() => {
+      setShowArrows(open);
+      if (!open) {
+        setScrollTop(0);
+        setMiddlewareType("align");
+        setActiveIndex(null);
+        setControlledScrolling(false);
+      }
+    });
+    return () => {
+      cancelAnimationFrame(frame);
+    };
+  }, [open, setActiveIndex]);
+  function getFloatingPadding(floating2) {
+    var _a;
+    if (!floating2) {
+      return 0;
+    }
+    return Number((_a = getComputedStyle(floating2).paddingLeft) == null ? void 0 : _a.replace("px", ""));
+  }
+  const { x, y, reference, floating, strategy, context, refs, middlewareData, update } = useFloating({
+    open,
+    onOpenChange: setOpen,
+    placement: "bottom",
+    middleware: middlewareType === "align" ? [
+      offset(({ rects }) => {
+        var _a;
+        const index = (_a = activeIndexRef.current) != null ? _a : selectedIndexRef.current;
+        if (index == null) {
+          return 0;
+        }
+        const item = listItemsRef.current[index];
+        if (item == null) {
+          return 0;
+        }
+        const offsetTop = item.offsetTop;
+        const itemHeight = item.offsetHeight;
+        const height = rects.reference.height;
+        return -offsetTop - height - (itemHeight - height) / 2;
+      }),
+      {
+        name: "size",
+        async fn(args) {
+          var _a;
+          const {
+            elements: { floating: floating2 },
+            rects: { reference: reference2 },
+            middlewareData: middlewareData2
+          } = args;
+          const overflow = await detectOverflow(args, {
+            padding: WINDOW_PADDING
+          });
+          const top = Math.max(0, overflow.top);
+          const bottom = Math.max(0, overflow.bottom);
+          const nextY = args.y + top;
+          if ((_a = middlewareData2.size) == null ? void 0 : _a.skip) {
+            return {
+              y: nextY,
+              data: {
+                y: middlewareData2.size.y
+              }
+            };
+          }
+          Object.assign(floating2.style, {
+            maxHeight: `${floating2.scrollHeight - Math.abs(top + bottom)}px`,
+            minWidth: `${reference2.width + getFloatingPadding(floating2) * 2}px`
+          });
+          return {
+            y: nextY,
+            data: {
+              y: top,
+              skip: true
+            },
+            reset: {
+              rects: true
+            }
+          };
+        }
+      }
+    ] : [
+      offset(5),
+      flip(),
+      size({
+        apply({ rects, availableHeight, elements }) {
+          Object.assign(elements.floating.style, {
+            width: `${rects.reference.width}px`,
+            maxHeight: `${availableHeight}px`
+          });
+        },
+        padding: WINDOW_PADDING
+      })
+    ]
+  });
+  const floatingRef = refs.floating;
+  const showUpArrow = showArrows && scrollTop > SCROLL_ARROW_THRESHOLD;
+  const showDownArrow = showArrows && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD;
+  const interactions = useInteractions([
+    useClick(context, { pointerDown: true }),
+    useRole(context, { role: "listbox" }),
+    useDismiss(context),
+    useListNavigation(context, {
+      listRef: listItemsRef,
+      activeIndex,
+      selectedIndex,
+      onNavigate: setActiveIndex
+    }),
+    useTypeahead(context, {
+      listRef: listContentRef,
+      onMatch: open ? setActiveIndex : setSelectedIndex,
+      selectedIndex,
+      activeIndex
+    })
+  ]);
+  const increaseHeight = React.useCallback((floating2, amount = 0) => {
+    var _a;
+    if (middlewareType === "fallback") {
+      return;
+    }
+    const currentMaxHeight = Number(floating2.style.maxHeight.replace("px", ""));
+    const currentTop = Number(floating2.style.top.replace("px", ""));
+    const rect = floating2.getBoundingClientRect();
+    const rectTop = rect.top;
+    const rectBottom = rect.bottom;
+    const viewportHeight = (_a = visualViewport == null ? void 0 : visualViewport.height) != null ? _a : 0;
+    const visualMaxHeight = viewportHeight - WINDOW_PADDING * 2;
+    if (amount < 0 && selectedIndexRef.current != null && Math.round(rectBottom) < Math.round(viewportHeight + getVisualOffsetTop() - WINDOW_PADDING)) {
+      floating2.style.maxHeight = `${Math.min(visualMaxHeight, currentMaxHeight - amount)}px`;
+    }
+    if (amount > 0 && Math.round(rectTop) > Math.round(WINDOW_PADDING - getVisualOffsetTop()) && floating2.scrollHeight > floating2.offsetHeight) {
+      const nextTop = Math.max(WINDOW_PADDING + getVisualOffsetTop(), currentTop - amount);
+      const nextMaxHeight = Math.min(visualMaxHeight, currentMaxHeight + amount);
+      Object.assign(floating2.style, {
+        maxHeight: `${nextMaxHeight}px`,
+        top: `${nextTop}px`
+      });
+      if (nextTop - WINDOW_PADDING > getVisualOffsetTop()) {
+        floating2.scrollTop -= nextMaxHeight - currentMaxHeight + getFloatingPadding(floating2);
+      }
+      return currentTop - nextTop;
+    }
+  }, [middlewareType, selectedIndexRef]);
+  const touchPageYRef = React.useRef(null);
+  const handleWheel = React.useCallback((event) => {
+    var _a, _b, _c;
+    const pinching = event.ctrlKey;
+    const currentTarget = event.currentTarget;
+    function isWheelEvent(event2) {
+      return typeof event2.deltaY === "number";
+    }
+    function isTouchEvent(event2) {
+      return event2.touches != null;
+    }
+    if (Math.abs(((_a = currentTarget == null ? void 0 : currentTarget.offsetHeight) != null ? _a : 0) - (((_b = visualViewport == null ? void 0 : visualViewport.height) != null ? _b : 0) - WINDOW_PADDING * 2)) > 1 && !pinching) {
+      event.preventDefault();
+    } else if (isWheelEvent(event) && isFirefox) {
+      currentTarget.scrollTop += event.deltaY;
+    }
+    if (!pinching) {
+      let delta = 5;
+      if (isTouchEvent(event)) {
+        const currentPageY = touchPageYRef.current;
+        const pageY = (_c = event.touches[0]) == null ? void 0 : _c.pageY;
+        if (pageY != null) {
+          touchPageYRef.current = pageY;
+          if (currentPageY != null) {
+            delta = currentPageY - pageY;
+          }
+        }
+      }
+      increaseHeight(currentTarget, isWheelEvent(event) ? event.deltaY : delta);
+      setScrollTop(currentTarget.scrollTop);
+      forceUpdate();
+    }
+  }, [forceUpdate, increaseHeight]);
+  React.useEffect(() => {
+    function onTouchEnd() {
+      touchPageYRef.current = null;
+    }
+    const floating2 = floatingRef.current;
+    if (open && floating2 && middlewareType === "align") {
+      floating2.addEventListener("wheel", handleWheel);
+      floating2.addEventListener("touchmove", handleWheel);
+      floating2.addEventListener("touchend", onTouchEnd, { passive: true });
+      return () => {
+        floating2.removeEventListener("wheel", handleWheel);
+        floating2.removeEventListener("touchmove", handleWheel);
+        floating2.removeEventListener("touchend", onTouchEnd);
+      };
+    }
+  }, [open, floatingRef, handleWheel, middlewareType]);
+  React.useEffect(() => {
+    window.addEventListener("resize", update);
+    return () => {
+      window.removeEventListener("resize", update);
+    };
+  }, [update]);
+  React.useLayoutEffect(() => {
+    var _a, _b, _c;
+    const floating2 = floatingRef.current;
+    if (open && controlledScrolling && floating2) {
+      const item = activeIndex != null ? listItemsRef.current[activeIndex] : selectedIndex != null ? listItemsRef.current[selectedIndex] : null;
+      if (item && prevActiveIndex != null) {
+        const itemHeight = (_b = (_a = listItemsRef.current[prevActiveIndex]) == null ? void 0 : _a.offsetHeight) != null ? _b : 0;
+        const floatingHeight = floating2.offsetHeight;
+        const top = item.offsetTop;
+        const bottom = top + itemHeight;
+        if (top < floating2.scrollTop + 20) {
+          const diff = floating2.scrollTop - top + 20;
+          floating2.scrollTop -= diff;
+          if (activeIndex != selectedIndex && activeIndex != null) {
+            increaseHeight(floating2, -diff);
+          }
+        } else if (bottom > floatingHeight + floating2.scrollTop - 20) {
+          const diff = bottom - floatingHeight - floating2.scrollTop + 20;
+          floating2.scrollTop += diff;
+          if (activeIndex != selectedIndex && activeIndex != null) {
+            floating2.scrollTop -= (_c = increaseHeight(floating2, diff)) != null ? _c : 0;
+          }
+        }
+      }
+    }
+  }, [
+    open,
+    controlledScrolling,
+    prevActiveIndex,
+    activeIndex,
+    selectedIndex,
+    floatingRef,
+    increaseHeight
+  ]);
+  React.useLayoutEffect(() => {
+    var _a, _b;
+    const floating2 = refs.floating.current;
+    const reference2 = refs.reference.current;
+    if (open && floating2 && reference2 && floating2.offsetHeight < floating2.scrollHeight) {
+      const referenceRect = reference2.getBoundingClientRect();
+      if (middlewareType === "fallback") {
+        const item = listItemsRef.current[selectedIndex];
+        if (item) {
+          floating2.scrollTop = item.offsetTop - floating2.clientHeight + referenceRect.height;
+        }
+        return;
+      }
+      floating2.scrollTop = (_a = middlewareData.size) == null ? void 0 : _a.y;
+      const closeToBottom = ((_b = visualViewport == null ? void 0 : visualViewport.height) != null ? _b : 0) + getVisualOffsetTop() - referenceRect.bottom < FALLBACK_THRESHOLD;
+      const closeToTop = referenceRect.top < FALLBACK_THRESHOLD;
+      if (floating2.offsetHeight < MIN_HEIGHT || closeToTop || closeToBottom) {
+        setMiddlewareType("fallback");
+      }
+    }
+  }, [
+    open,
+    increaseHeight,
+    selectedIndex,
+    middlewareType,
+    refs.floating,
+    refs.reference,
+    middlewareData
+  ]);
+  React.useLayoutEffect(() => {
+    if (open && selectedIndex != null) {
+      requestAnimationFrame(() => {
+        var _a;
+        (_a = listItemsRef.current[selectedIndex]) == null ? void 0 : _a.focus({ preventScroll: true });
+      });
+    }
+  }, [listItemsRef, selectedIndex, open]);
+  React.useEffect(() => {
+    const frame = requestAnimationFrame(() => {
+      setShowArrows(open);
+      if (!open) {
+        setScrollTop(0);
+        setMiddlewareType("align");
+        setActiveIndex(null);
+        setControlledScrolling(false);
+      }
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [open, setActiveIndex]);
+  return <SelectProvider scope={__scopeSelect} {...selectContext} increaseHeight={increaseHeight} floatingRef={floatingRef} setValueAtIndex={(index, value) => {
+    listContentRef.current[index] = value;
+  }} interactions={{
+    ...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 != null ? y : "",
+          left: x != null ? x : "",
+          outline: 0,
+          listStyleType: "none",
+          scrollbarWidth: "none",
+          userSelect: "none",
+          ...props2 == null ? void 0 : props2.style
+        },
+        onPointerEnter() {
+          setControlledScrolling(false);
+        },
+        onPointerMove() {
+          setControlledScrolling(false);
+        },
+        onKeyDown() {
+          setControlledScrolling(true);
+        },
+        onScroll(event) {
+          setScrollTop(event.currentTarget.scrollTop);
+        }
+      });
+    }
+  }} floatingContext={context} activeIndex={activeIndex} canScrollDown={!!showDownArrow} canScrollUp={!!showUpArrow} controlledScrolling dataRef={context.dataRef} listRef={listItemsRef}>{children}</SelectProvider>;
+};
+export {
+  SelectInlineImpl
+};
+//# sourceMappingURL=SelectImpl.js.map