@tamagui/select 1.0.1-beta.72 → 1.0.1-beta.75

package/dist/esm/Select.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import {
   FloatingFocusManager,
   FloatingOverlay,
@@ -42,14 +40,13 @@ if (isFirefox) {
 function getVisualOffsetTop() {
   return !/^((?!chrome|android).)*safari/i.test(userAgent) ? visualViewport.offsetTop : 0;
 }
-__name(getVisualOffsetTop, "getVisualOffsetTop");
-const getSelectItemSize = /* @__PURE__ */ __name((val, { tokens }) => {
+const getSelectItemSize = (val, { tokens }) => {
   const padding = getVariableValue(tokens.size[val]);
   return {
     paddingHorizontal: padding / 2,
     paddingVertical: padding / 4
   };
-}, "getSelectItemSize");
+};
 const SELECT_NAME = "Select";
 const WINDOW_PADDING = 8;
 const SCROLL_ARROW_VELOCITY = 8;
@@ -91,7 +88,8 @@ const SelectTrigger = React.forwardRef((props, forwardedRef) => {
 SelectTrigger.displayName = TRIGGER_NAME;
 const VALUE_NAME = "SelectValue";
 const SelectValueFrame = styled(Paragraph, {
-  name: VALUE_NAME
+  name: VALUE_NAME,
+  selectable: false
 });
 const SelectValue = SelectValueFrame.extractable(React.forwardRef(({ __scopeSelect, children, placeholder }, forwardedRef) => {
   const context = useSelectContext(VALUE_NAME, __scopeSelect);
@@ -114,14 +112,14 @@ const SelectIcon = styled(XStack, {
   children: /* @__PURE__ */ React.createElement(Paragraph, null, "\u25BC")
 });
 const CONTENT_NAME = "SelectContent";
-const SelectContent = /* @__PURE__ */ __name(({ children, __scopeSelect }) => {
+const SelectContent = ({ children, __scopeSelect }) => {
   const context = useSelectContext(CONTENT_NAME, __scopeSelect);
   return /* @__PURE__ */ React.createElement(FloatingPortal, null, context.open ? /* @__PURE__ */ React.createElement(FloatingOverlay, {
     lockScroll: true
   }, children) : /* @__PURE__ */ React.createElement("div", {
     style: { display: "none" }
   }, children));
-}, "SelectContent");
+};
 const VIEWPORT_NAME = "SelectViewport";
 const SelectViewportFrame = styled(ThemeableStack, {
   name: VIEWPORT_NAME,
@@ -129,6 +127,7 @@ const SelectViewportFrame = styled(ThemeableStack, {
   elevate: true,
   overflow: "hidden",
   userSelect: "none",
+  maxHeight: "100%",
   variants: {
     size: {
       "...size": (val, { tokens }) => {
@@ -209,8 +208,7 @@ const SelectItem = React.forwardRef((props, forwardedRef) => {
     onChange(value);
     setOpen(false);
   }
-  __name(handleSelect, "handleSelect");
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     clearTimeout(timeoutRef.current);
     if (open) {
       if (selectedIndex !== index) {
@@ -230,7 +228,6 @@ const SelectItem = React.forwardRef((props, forwardedRef) => {
       handleSelect();
     }
   }
-  __name(handleKeyDown, "handleKeyDown");
   const selectItemProps = context.interactions.getItemProps({
     onClick: allowMouseUp ? handleSelect : void 0,
     onMouseUp: allowMouseUp ? handleSelect : void 0,
@@ -242,6 +239,10 @@ const SelectItem = React.forwardRef((props, forwardedRef) => {
     textId: textId || "",
     isSelected,
     onItemTextChange: React.useCallback((node) => {
+      setTextValue((prevTextValue) => {
+        var _a;
+        return prevTextValue || ((_a = node == null ? void 0 : node.textContent) != null ? _a : "").trim();
+      });
     }, [])
   }, /* @__PURE__ */ React.createElement(ListItem, {
     backgrounded: true,
@@ -265,7 +266,7 @@ SelectItem.displayName = ITEM_NAME;
 const ITEM_TEXT_NAME = "SelectItemText";
 const SelectItemTextFrame = styled(Paragraph, {
   name: ITEM_TEXT_NAME,
-  cursor: "default"
+  selectable: false
 });
 const SelectItemText = React.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, className, style, ...itemTextProps } = props;
@@ -382,7 +383,7 @@ const SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
   if (!isVisible) {
     return null;
   }
-  const handleScrollArrowChange = /* @__PURE__ */ __name(() => {
+  const handleScrollArrowChange = () => {
     const floating2 = floatingRef.current;
     const isUp = dir === "up";
     if (floating2) {
@@ -392,12 +393,13 @@ const SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
       increaseHeight(floating2, multi === 2 ? value * 2 : value);
       forceUpdate();
     }
-  }, "handleScrollArrowChange");
+  };
   return /* @__PURE__ */ React.createElement(YStack, {
     ref: composedRefs,
     componentName,
     "aria-hidden": true,
     ...scrollIndicatorProps,
+    zIndex: 1e3,
     position: strategy,
     left: x || 0,
     top: y || 0,
@@ -480,7 +482,6 @@ const Select = withStaticProperties((props) => {
     }
     return Number((_a = getComputedStyle(floating2).paddingLeft) == null ? void 0 : _a.replace("px", ""));
   }
-  __name(getFloatingPadding, "getFloatingPadding");
   const { x, y, reference, floating, strategy, context, refs, middlewareData, update } = useFloating({
     open,
     onOpenChange: setOpen,
@@ -609,11 +610,9 @@ const Select = withStaticProperties((props) => {
     function isWheelEvent(event2) {
       return typeof event2.deltaY === "number";
     }
-    __name(isWheelEvent, "isWheelEvent");
     function isTouchEvent(event2) {
       return event2.touches != null;
     }
-    __name(isTouchEvent, "isTouchEvent");
     if (Math.abs(((_a = currentTarget == null ? void 0 : currentTarget.offsetHeight) != null ? _a : 0) - (visualViewport.height - WINDOW_PADDING * 2)) > 1 && !pinching) {
       event.preventDefault();
     } else if (isWheelEvent(event) && isFirefox) {
@@ -640,7 +639,6 @@ const Select = withStaticProperties((props) => {
     function onTouchEnd() {
       touchPageYRef.current = null;
     }
-    __name(onTouchEnd, "onTouchEnd");
     const floating2 = floatingRef.current;
     if (open && floating2 && middlewareType === "align") {
       floating2.addEventListener("wheel", handleWheel);
@@ -778,7 +776,12 @@ const Select = withStaticProperties((props) => {
           style: {
             position: strategy,
             top: y != null ? y : "",
-            left: x != null ? x : ""
+            left: x != null ? x : "",
+            outline: 0,
+            overflowY: "auto",
+            listStyleType: "none",
+            scrollbarWidth: "none",
+            userSelect: "none"
           },
           onPointerEnter() {
             setControlledScrolling(false);
@@ -803,7 +806,7 @@ const Select = withStaticProperties((props) => {
     dataRef: context.dataRef,
     listRef: listItemsRef,
     onChange: setValue,
-    selectedIndex: 0,
+    selectedIndex,
     setActiveIndex,
     setOpen,
     setSelectedIndex,

package/dist/esm/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 { useCallbackRef } from '@radix-ui/react-use-callback-ref'\nimport { usePrevious } from '@radix-ui/react-use-previous'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  SizeTokens,\n  Text,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  composeEventHandlers,\n  getVariableValue,\n  styled,\n  useIsomorphicLayoutEffect,\n  withStaticProperties,\n} 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'\nimport { ListItem, ListItemProps } from '@tamagui/list-item'\n// import { useLabelContext } from '@tamagui/react-label'\nimport { Portal } from '@tamagui/portal'\nimport { Separator } from '@tamagui/separator'\nimport { ThemeableStack, XStack, YStack, YStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\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 { 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\ntype TamaguiElement = HTMLElement | View\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\n}\n\nconst getSelectItemSize = (val: SizeTokens, { tokens }: VariantSpreadExtras<any>) => {\n  const padding = getVariableValue(tokens.size[val])\n  return {\n    paddingHorizontal: padding / 2,\n    paddingVertical: padding / 4,\n  }\n}\n\n/* -------------------------------------------------------------------------------------------------\n * SelectContext\n * -----------------------------------------------------------------------------------------------*/\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\ninterface SelectContextValue {\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  listRef: React.MutableRefObject<Array<HTMLElement | null>>\n  floatingRef: React.MutableRefObject<HTMLElement | null>\n  open: boolean\n  setOpen: (open: boolean) => void\n  onChange: (value: string) => void\n  dataRef: React.MutableRefObject<ContextData>\n  controlledScrolling: boolean\n  valueNode: Element | null\n  onValueNodeChange(node: HTMLElement): void\n  valueNodeHasChildren: boolean\n  onValueNodeHasChildrenChange(hasChildren: boolean): void\n  canScrollUp: boolean\n  canScrollDown: boolean\n  floatingContext: FloatingContext<ReferenceType>\n  increaseHeight: (floating: HTMLElement, amount?: any) => number | undefined\n  forceUpdate: React.DispatchWithoutAction\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\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 GenericElement = HTMLElement | View\n\ntype Direction = 'ltr' | 'rtl'\n\nconst OPEN_KEYS = [' ', 'Enter', 'ArrowUp', 'ArrowDown']\nconst SELECTION_KEYS = [' ', 'Enter']\n\n/* -------------------------------------------------------------------------------------------------\n * SelectTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'SelectTrigger'\n\nexport type SelectTriggerProps = ListItemProps\n\nexport const SelectTrigger = React.forwardRef<GenericElement, 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.getReferenceProps()}\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})\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  return (\n    <FloatingPortal>\n      {context.open ? (\n        <FloatingOverlay lockScroll>{children}</FloatingOverlay>\n      ) : (\n        <div style={{ display: 'none' }}>{children}</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  overflow: 'hidden',\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 composedRefs = useComposedRefs(\n      forwardedRef\n      // contentContext.onViewportChange\n    )\n    const prevScrollTopRef = React.useRef(0)\n    return (\n      <>\n        {/* Hide scrollbars cross-browser and enable momentum scroll for touch devices */}\n        <style\n          dangerouslySetInnerHTML={{\n            __html: `[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}`,\n          }}\n        />\n        <FloatingFocusManager context={context.floatingContext} preventTabbing>\n          <div {...context.interactions.getFloatingProps()}>\n            <SelectViewportFrame\n              size={context.size}\n              data-radix-select-viewport=\"\"\n              // @ts-ignore\n              role=\"presentation\"\n              {...viewportProps}\n              ref={composedRefs}\n            >\n              {children}\n            </SelectViewportFrame>\n          </div>\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          listRef.current[index] = node\n        }\n      }\n      // isSelected ? context.onSelectedItemChange : undefined\n    )\n\n    React.useEffect(() => {\n      setValueAtIndex(index, value)\n    }, [index])\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.useEffect(() => {\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.getItemProps({\n      onClick: allowMouseUp ? handleSelect : undefined,\n      onMouseUp: allowMouseUp ? handleSelect : undefined,\n      onKeyDown: handleKeyDown,\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        <ListItem\n          backgrounded\n          hoverTheme\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  cursor: 'default',\n})\n\ntype SelectItemTextProps = GetProps<typeof SelectItemTextFrame>\n\nconst SelectItemText = React.forwardRef<TamaguiElement, 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 itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect)\n    const ref = React.useRef<TamaguiElement | 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        <SelectItemTextFrame\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.forwardRef<\n  SelectScrollButtonImplElement,\n  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    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    const floating = floatingRef.current\n    const isUp = dir === 'up'\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      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      // @ts-expect-error\n      position={strategy}\n      left={x || 0}\n      top={y || 0}\n      width={`calc(${(floatingRef.current?.offsetWidth ?? 0) - 2}px)`}\n      background={`linear-gradient(to ${\n        dir === 'up' ? 'bottom' : 'top'\n      }, #29282b 50%, rgba(53, 54, 55, 0.01))`}\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 * SelectSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectSeparator = styled(Separator, {\n  name: 'SelectSeparator',\n})\n\n/* -------------------------------------------------------------------------------------------------\n * Select\n * -----------------------------------------------------------------------------------------------*/\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}\n\nexport const Select = withStaticProperties(\n  (props: ScopedProps<SelectProps>) => {\n    const {\n      // TODO use id for focusing from label\n      id,\n      __scopeSelect,\n      children,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      size: sizeProp,\n      dir,\n      name,\n      autoComplete,\n    } = props\n\n    // const [trigger, setTrigger] = React.useState<SelectTriggerElement | null>(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    const prevActiveIndex = usePrevious<number | null>(activeIndex)\n\n    const [showArrows, setShowArrows] = React.useState(false)\n    const [scrollTop, setScrollTop] = React.useState(0)\n    const listItemsRef = React.useRef<Array<HTMLElement | null>>([])\n    const listContentRef = React.useRef<string[]>([])\n\n    const [selectedIndex, setSelectedIndex] = React.useState(\n      Math.max(0, listContentRef.current.indexOf(value))\n    )\n    const [controlledScrolling, setControlledScrolling] = React.useState(false)\n    const [middlewareType, setMiddlewareType] = React.useState<'align' | 'fallback'>('align')\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    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])\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\n                // 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    const forceUpdate = React.useReducer(() => ({}), {})[1]\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 visualMaxHeight = visualViewport.height - WINDOW_PADDING * 2\n\n        if (\n          amount < 0 &&\n          selectedIndexRef.current != null &&\n          Math.round(rectBottom) <\n            Math.round(visualViewport.height + 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]\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 - 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      [increaseHeight, forceUpdate]\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 + getVisualOffsetTop() - referenceRect.bottom < 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    const [valueNode, setValueNode] = React.useState<HTMLElement | null>(null)\n    const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false)\n\n    return (\n      <SelectProvider\n        size={sizeProp}\n        scope={__scopeSelect}\n        increaseHeight={increaseHeight}\n        forceUpdate={forceUpdate}\n        floatingRef={floatingRef}\n        valueNode={valueNode}\n        onValueNodeChange={setValueNode}\n        valueNodeHasChildren={valueNodeHasChildren}\n        onValueNodeHasChildrenChange={setValueNodeHasChildren}\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 (\n                  event.key === 'Enter' ||\n                  (event.key === ' ' && !context.dataRef.current.typing)\n                ) {\n                  event.preventDefault()\n                  setOpen(true)\n                }\n              },\n            })\n          },\n          getFloatingProps() {\n            return interactions.getFloatingProps({\n              ref: floating,\n              className: 'Select',\n              style: {\n                position: strategy,\n                top: y ?? '',\n                left: x ?? '',\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        onChange={setValue}\n        selectedIndex={0}\n        setActiveIndex={setActiveIndex}\n        setOpen={setOpen}\n        setSelectedIndex={setSelectedIndex}\n        value={value}\n        // trigger={trigger}\n        // onTriggerChange={setTrigger}\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  {\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  }\n)\n\n// @ts-ignore\nSelect.displayName = SELECT_NAME\n\nexport { createSelectScope }\n"],
-  "mappings": "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",
+  "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 { useCallbackRef } from '@radix-ui/react-use-callback-ref'\nimport { usePrevious } from '@radix-ui/react-use-previous'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n  GetProps,\n  SizeTokens,\n  Text,\n  VariantSpreadExtras,\n  VariantSpreadFunction,\n  composeEventHandlers,\n  getVariableValue,\n  styled,\n  useIsomorphicLayoutEffect,\n  withStaticProperties,\n} 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'\nimport { ListItem, ListItemProps } from '@tamagui/list-item'\n// import { useLabelContext } from '@tamagui/react-label'\nimport { Portal } from '@tamagui/portal'\nimport { Separator } from '@tamagui/separator'\nimport { ThemeableStack, XStack, YStack, YStackProps } from '@tamagui/stacks'\nimport { Paragraph } from '@tamagui/text'\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 { 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\ntype TamaguiElement = HTMLElement | View\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\n}\n\nconst getSelectItemSize = (val: SizeTokens, { tokens }: VariantSpreadExtras<any>) => {\n  const padding = getVariableValue(tokens.size[val])\n  return {\n    paddingHorizontal: padding / 2,\n    paddingVertical: padding / 4,\n  }\n}\n\n/* -------------------------------------------------------------------------------------------------\n * SelectContext\n * -----------------------------------------------------------------------------------------------*/\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\ninterface SelectContextValue {\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  listRef: React.MutableRefObject<Array<HTMLElement | null>>\n  floatingRef: React.MutableRefObject<HTMLElement | null>\n  open: boolean\n  setOpen: (open: boolean) => void\n  onChange: (value: string) => void\n  dataRef: React.MutableRefObject<ContextData>\n  controlledScrolling: boolean\n  valueNode: Element | null\n  onValueNodeChange(node: HTMLElement): void\n  valueNodeHasChildren: boolean\n  onValueNodeHasChildrenChange(hasChildren: boolean): void\n  canScrollUp: boolean\n  canScrollDown: boolean\n  floatingContext: FloatingContext<ReferenceType>\n  increaseHeight: (floating: HTMLElement, amount?: any) => number | undefined\n  forceUpdate: React.DispatchWithoutAction\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\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 GenericElement = HTMLElement | View\n\ntype Direction = 'ltr' | 'rtl'\n\nconst OPEN_KEYS = [' ', 'Enter', 'ArrowUp', 'ArrowDown']\nconst SELECTION_KEYS = [' ', 'Enter']\n\n/* -------------------------------------------------------------------------------------------------\n * SelectTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'SelectTrigger'\n\nexport type SelectTriggerProps = ListItemProps\n\nexport const SelectTrigger = React.forwardRef<GenericElement, 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.getReferenceProps()}\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  return (\n    <FloatingPortal>\n      {context.open ? (\n        <FloatingOverlay lockScroll>{children}</FloatingOverlay>\n      ) : (\n        <div style={{ display: 'none' }}>{children}</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  overflow: 'hidden',\n  userSelect: 'none',\n  maxHeight: '100%',\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 composedRefs = useComposedRefs(\n      forwardedRef\n      // contentContext.onViewportChange\n    )\n    const prevScrollTopRef = React.useRef(0)\n    return (\n      <>\n        {/* Hide scrollbars cross-browser and enable momentum scroll for touch devices */}\n        <style\n          dangerouslySetInnerHTML={{\n            __html: `[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}`,\n          }}\n        />\n        <FloatingFocusManager context={context.floatingContext} preventTabbing>\n          <div {...context.interactions.getFloatingProps()}>\n            <SelectViewportFrame\n              size={context.size}\n              data-radix-select-viewport=\"\"\n              // @ts-ignore\n              role=\"presentation\"\n              {...viewportProps}\n              ref={composedRefs}\n            >\n              {children}\n            </SelectViewportFrame>\n          </div>\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          listRef.current[index] = node\n        }\n      }\n      // isSelected ? context.onSelectedItemChange : undefined\n    )\n\n    React.useEffect(() => {\n      setValueAtIndex(index, value)\n    }, [index])\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.getItemProps({\n      onClick: allowMouseUp ? handleSelect : undefined,\n      onMouseUp: allowMouseUp ? handleSelect : undefined,\n      onKeyDown: handleKeyDown,\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          hoverTheme\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    // 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 itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect)\n    const ref = React.useRef<TamaguiElement | 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        <SelectItemTextFrame\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.forwardRef<\n  SelectScrollButtonImplElement,\n  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    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    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      background={`linear-gradient(to ${\n        dir === 'up' ? 'bottom' : 'top'\n      }, #29282b 50%, rgba(53, 54, 55, 0.01))`}\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 * SelectSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectSeparator = styled(Separator, {\n  name: 'SelectSeparator',\n})\n\n/* -------------------------------------------------------------------------------------------------\n * Select\n * -----------------------------------------------------------------------------------------------*/\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}\n\nexport const Select = withStaticProperties(\n  (props: ScopedProps<SelectProps>) => {\n    const {\n      // TODO use id for focusing from label\n      id,\n      __scopeSelect,\n      children,\n      open: openProp,\n      defaultOpen,\n      onOpenChange,\n      value: valueProp,\n      defaultValue,\n      onValueChange,\n      size: sizeProp,\n      dir,\n      name,\n      autoComplete,\n    } = props\n\n    // const [trigger, setTrigger] = React.useState<SelectTriggerElement | null>(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    const prevActiveIndex = usePrevious<number | null>(activeIndex)\n\n    const [showArrows, setShowArrows] = React.useState(false)\n    const [scrollTop, setScrollTop] = React.useState(0)\n    const listItemsRef = React.useRef<Array<HTMLElement | null>>([])\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 [controlledScrolling, setControlledScrolling] = React.useState(false)\n    const [middlewareType, setMiddlewareType] = React.useState<'align' | 'fallback'>('align')\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    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])\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\n                // 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    const forceUpdate = React.useReducer(() => ({}), {})[1]\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 visualMaxHeight = visualViewport.height - WINDOW_PADDING * 2\n\n        if (\n          amount < 0 &&\n          selectedIndexRef.current != null &&\n          Math.round(rectBottom) <\n            Math.round(visualViewport.height + 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]\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 - 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      [increaseHeight, forceUpdate]\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 + getVisualOffsetTop() - referenceRect.bottom < 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    const [valueNode, setValueNode] = React.useState<HTMLElement | null>(null)\n    const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false)\n\n    return (\n      <SelectProvider\n        size={sizeProp}\n        scope={__scopeSelect}\n        increaseHeight={increaseHeight}\n        forceUpdate={forceUpdate}\n        floatingRef={floatingRef}\n        valueNode={valueNode}\n        onValueNodeChange={setValueNode}\n        valueNodeHasChildren={valueNodeHasChildren}\n        onValueNodeHasChildrenChange={setValueNodeHasChildren}\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 (\n                  event.key === 'Enter' ||\n                  (event.key === ' ' && !context.dataRef.current.typing)\n                ) {\n                  event.preventDefault()\n                  setOpen(true)\n                }\n              },\n            })\n          },\n          getFloatingProps() {\n            return interactions.getFloatingProps({\n              ref: floating,\n              className: 'Select',\n              style: {\n                position: strategy,\n                top: y ?? '',\n                left: x ?? '',\n                outline: 0,\n                overflowY: 'auto',\n                listStyleType: 'none',\n                scrollbarWidth: 'none',\n                userSelect: 'none',\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        onChange={setValue}\n        selectedIndex={selectedIndex}\n        setActiveIndex={setActiveIndex}\n        setOpen={setOpen}\n        setSelectedIndex={setSelectedIndex}\n        value={value}\n        open={open}\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  {\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  }\n)\n\n// @ts-ignore\nSelect.displayName = SELECT_NAME\n\nexport { createSelectScope }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/jsx/Select.js

@@ -1,5 +1,3 @@
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 import {
   FloatingFocusManager,
   FloatingOverlay,
@@ -42,14 +40,13 @@ if (isFirefox) {
 function getVisualOffsetTop() {
   return !/^((?!chrome|android).)*safari/i.test(userAgent) ? visualViewport.offsetTop : 0;
 }
-__name(getVisualOffsetTop, "getVisualOffsetTop");
-const getSelectItemSize = /* @__PURE__ */ __name((val, { tokens }) => {
+const getSelectItemSize = (val, { tokens }) => {
   const padding = getVariableValue(tokens.size[val]);
   return {
     paddingHorizontal: padding / 2,
     paddingVertical: padding / 4
   };
-}, "getSelectItemSize");
+};
 const SELECT_NAME = "Select";
 const WINDOW_PADDING = 8;
 const SCROLL_ARROW_VELOCITY = 8;
@@ -74,7 +71,8 @@ const SelectTrigger = React.forwardRef((props, forwardedRef) => {
 SelectTrigger.displayName = TRIGGER_NAME;
 const VALUE_NAME = "SelectValue";
 const SelectValueFrame = styled(Paragraph, {
-  name: VALUE_NAME
+  name: VALUE_NAME,
+  selectable: false
 });
 const SelectValue = SelectValueFrame.extractable(React.forwardRef(({ __scopeSelect, children, placeholder }, forwardedRef) => {
   const context = useSelectContext(VALUE_NAME, __scopeSelect);
@@ -93,10 +91,10 @@ const SelectIcon = styled(XStack, {
   children: <Paragraph>{"\u25BC"}</Paragraph>
 });
 const CONTENT_NAME = "SelectContent";
-const SelectContent = /* @__PURE__ */ __name(({ children, __scopeSelect }) => {
+const SelectContent = ({ children, __scopeSelect }) => {
   const context = useSelectContext(CONTENT_NAME, __scopeSelect);
   return <FloatingPortal>{context.open ? <FloatingOverlay lockScroll>{children}</FloatingOverlay> : <div style={{ display: "none" }}>{children}</div>}</FloatingPortal>;
-}, "SelectContent");
+};
 const VIEWPORT_NAME = "SelectViewport";
 const SelectViewportFrame = styled(ThemeableStack, {
   name: VIEWPORT_NAME,
@@ -104,6 +102,7 @@ const SelectViewportFrame = styled(ThemeableStack, {
   elevate: true,
   overflow: "hidden",
   userSelect: "none",
+  maxHeight: "100%",
   variants: {
     size: {
       "...size": (val, { tokens }) => {
@@ -174,8 +173,7 @@ const SelectItem = React.forwardRef((props, forwardedRef) => {
     onChange(value);
     setOpen(false);
   }
-  __name(handleSelect, "handleSelect");
-  React.useEffect(() => {
+  React.useLayoutEffect(() => {
     clearTimeout(timeoutRef.current);
     if (open) {
       if (selectedIndex !== index) {
@@ -195,20 +193,23 @@ const SelectItem = React.forwardRef((props, forwardedRef) => {
       handleSelect();
     }
   }
-  __name(handleKeyDown, "handleKeyDown");
   const selectItemProps = context.interactions.getItemProps({
     onClick: allowMouseUp ? handleSelect : void 0,
     onMouseUp: allowMouseUp ? handleSelect : void 0,
     onKeyDown: handleKeyDown
   });
   return <SelectItemContextProvider scope={__scopeSelect} value={value} textId={textId || ""} isSelected={isSelected} onItemTextChange={React.useCallback((node) => {
+    setTextValue((prevTextValue) => {
+      var _a;
+      return prevTextValue || ((_a = node == null ? void 0 : node.textContent) != null ? _a : "").trim();
+    });
   }, [])}><ListItem backgrounded hoverTheme pressTheme focusTheme componentName={ITEM_NAME} ref={composedRefs} aria-labelledby={textId} aria-selected={isSelected && isFocused} data-state={isSelected ? "active" : "inactive"} aria-disabled={disabled || void 0} data-disabled={disabled ? "" : void 0} tabIndex={disabled ? void 0 : -1} size={context.size} {...itemProps} {...selectItemProps} /></SelectItemContextProvider>;
 });
 SelectItem.displayName = ITEM_NAME;
 const ITEM_TEXT_NAME = "SelectItemText";
 const SelectItemTextFrame = styled(Paragraph, {
   name: ITEM_TEXT_NAME,
-  cursor: "default"
+  selectable: false
 });
 const SelectItemText = React.forwardRef((props, forwardedRef) => {
   const { __scopeSelect, className, style, ...itemTextProps } = props;
@@ -294,7 +295,7 @@ const SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
   if (!isVisible) {
     return null;
   }
-  const handleScrollArrowChange = /* @__PURE__ */ __name(() => {
+  const handleScrollArrowChange = () => {
     const floating2 = floatingRef.current;
     const isUp = dir === "up";
     if (floating2) {
@@ -304,8 +305,8 @@ const SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
       increaseHeight(floating2, multi === 2 ? value * 2 : value);
       forceUpdate();
     }
-  }, "handleScrollArrowChange");
-  return <YStack ref={composedRefs} componentName={componentName} aria-hidden {...scrollIndicatorProps} position={strategy} left={x || 0} top={y || 0} width={`calc(${((_b = (_a = floatingRef.current) == null ? void 0 : _a.offsetWidth) != null ? _b : 0) - 2}px)`} background={`linear-gradient(to ${dir === "up" ? "bottom" : "top"}, #29282b 50%, rgba(53, 54, 55, 0.01))`} onPointerMove={() => {
+  };
+  return <YStack ref={composedRefs} componentName={componentName} aria-hidden {...scrollIndicatorProps} zIndex={1e3} position={strategy} left={x || 0} top={y || 0} width={`calc(${((_b = (_a = floatingRef.current) == null ? void 0 : _a.offsetWidth) != null ? _b : 0) - 2}px)`} background={`linear-gradient(to ${dir === "up" ? "bottom" : "top"}, #29282b 50%, rgba(53, 54, 55, 0.01))`} onPointerMove={() => {
     if (!loopingRef.current) {
       intervalRef.current = setInterval(handleScrollArrowChange, 1e3 / 60);
       loopingRef.current = true;
@@ -380,7 +381,6 @@ const Select = withStaticProperties((props) => {
     }
     return Number((_a = getComputedStyle(floating2).paddingLeft) == null ? void 0 : _a.replace("px", ""));
   }
-  __name(getFloatingPadding, "getFloatingPadding");
   const { x, y, reference, floating, strategy, context, refs, middlewareData, update } = useFloating({
     open,
     onOpenChange: setOpen,
@@ -509,11 +509,9 @@ const Select = withStaticProperties((props) => {
     function isWheelEvent(event2) {
       return typeof event2.deltaY === "number";
     }
-    __name(isWheelEvent, "isWheelEvent");
     function isTouchEvent(event2) {
       return event2.touches != null;
     }
-    __name(isTouchEvent, "isTouchEvent");
     if (Math.abs(((_a = currentTarget == null ? void 0 : currentTarget.offsetHeight) != null ? _a : 0) - (visualViewport.height - WINDOW_PADDING * 2)) > 1 && !pinching) {
       event.preventDefault();
     } else if (isWheelEvent(event) && isFirefox) {
@@ -540,7 +538,6 @@ const Select = withStaticProperties((props) => {
     function onTouchEnd() {
       touchPageYRef.current = null;
     }
-    __name(onTouchEnd, "onTouchEnd");
     const floating2 = floatingRef.current;
     if (open && floating2 && middlewareType === "align") {
       floating2.addEventListener("wheel", handleWheel);
@@ -667,7 +664,12 @@ const Select = withStaticProperties((props) => {
         style: {
           position: strategy,
           top: y != null ? y : "",
-          left: x != null ? x : ""
+          left: x != null ? x : "",
+          outline: 0,
+          overflowY: "auto",
+          listStyleType: "none",
+          scrollbarWidth: "none",
+          userSelect: "none"
         },
         onPointerEnter() {
           setControlledScrolling(false);
@@ -683,7 +685,7 @@ const Select = withStaticProperties((props) => {
         }
       });
     }
-  }} floatingContext={context} activeIndex={activeIndex} canScrollDown={!!showDownArrow} canScrollUp={!!showUpArrow} controlledScrolling dataRef={context.dataRef} listRef={listItemsRef} onChange={setValue} selectedIndex={0} setActiveIndex={setActiveIndex} setOpen={setOpen} setSelectedIndex={setSelectedIndex} value={value} open={open}>{children}</SelectProvider>;
+  }} floatingContext={context} activeIndex={activeIndex} canScrollDown={!!showDownArrow} canScrollUp={!!showUpArrow} controlledScrolling dataRef={context.dataRef} listRef={listItemsRef} onChange={setValue} selectedIndex={selectedIndex} setActiveIndex={setActiveIndex} setOpen={setOpen} setSelectedIndex={setSelectedIndex} value={value} open={open}>{children}</SelectProvider>;
 }, {
   Content: SelectContent,
   Group: SelectGroup,