@tamagui/select 1.46.2 → 1.47.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/select",
-  "version": "1.46.2",
+  "version": "1.47.0",
   "sideEffects": [
     "*.css"
   ],
@@ -34,23 +34,23 @@
     "@floating-ui/react": "^0.24.7",
     "@floating-ui/react-dom": "^2.0.1",
     "@floating-ui/react-native": "^0.10.1",
-    "@tamagui/adapt": "1.46.2",
-    "@tamagui/animate-presence": "1.46.2",
-    "@tamagui/compose-refs": "1.46.2",
-    "@tamagui/core": "1.46.2",
-    "@tamagui/create-context": "1.46.2",
-    "@tamagui/dismissable": "1.46.2",
-    "@tamagui/focus-scope": "1.46.2",
-    "@tamagui/get-token": "1.46.2",
-    "@tamagui/list-item": "1.46.2",
-    "@tamagui/portal": "1.46.2",
-    "@tamagui/separator": "1.46.2",
-    "@tamagui/sheet": "1.46.2",
-    "@tamagui/stacks": "1.46.2",
-    "@tamagui/text": "1.46.2",
-    "@tamagui/use-controllable-state": "1.46.2",
-    "@tamagui/use-event": "1.46.2",
-    "@tamagui/use-previous": "1.46.2"
+    "@tamagui/adapt": "1.47.0",
+    "@tamagui/animate-presence": "1.47.0",
+    "@tamagui/compose-refs": "1.47.0",
+    "@tamagui/core": "1.47.0",
+    "@tamagui/create-context": "1.47.0",
+    "@tamagui/dismissable": "1.47.0",
+    "@tamagui/focus-scope": "1.47.0",
+    "@tamagui/get-token": "1.47.0",
+    "@tamagui/list-item": "1.47.0",
+    "@tamagui/portal": "1.47.0",
+    "@tamagui/separator": "1.47.0",
+    "@tamagui/sheet": "1.47.0",
+    "@tamagui/stacks": "1.47.0",
+    "@tamagui/text": "1.47.0",
+    "@tamagui/use-controllable-state": "1.47.0",
+    "@tamagui/use-event": "1.47.0",
+    "@tamagui/use-previous": "1.47.0"
   },
   "peerDependencies": {
     "react": "*",
@@ -58,7 +58,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.46.2",
+    "@tamagui/build": "1.47.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "^0.72.1"

package/types/Select.d.ts

@@ -632,7 +632,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
     }, string | number> & {
         [x: string]: undefined;
     }>>), "style" | "ellipse" | "disabled" | "size" | "className" | "id" | "placeholder" | "tabIndex" | "role" | "color" | "aria-busy" | "aria-checked" | "aria-disabled" | "aria-expanded" | "aria-hidden" | "aria-label" | "aria-labelledby" | "aria-live" | "aria-modal" | "aria-selected" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onFocus" | "onMouseDown" | "onMouseEnter" | "onMouseLeave" | "onMouseUp" | "onScroll" | "space" | "zIndex" | `$${string}` | `$${number}` | "x" | "y" | "display" | "hitSlop" | "pointerEvents" | "testID" | "nativeID" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "importantForAccessibility" | "accessibilityLiveRegion" | "accessibilityLabelledBy" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "accessibilityLanguage" | "gap" | "columnGap" | "rowGap" | "contain" | "cursor" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "spaceDirection" | "separator" | "animation" | "animateOnly" | "userSelect" | "backgroundColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderBottomColor" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderColor" | "borderCurve" | "borderEndColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderLeftColor" | "borderRadius" | "borderRightColor" | "borderStartColor" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTopColor" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "opacity" | "alignContent" | "alignItems" | "alignSelf" | "aspectRatio" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "borderWidth" | "bottom" | "end" | "flex" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "height" | "justifyContent" | "left" | "margin" | "marginBottom" | "marginEnd" | "marginHorizontal" | "marginLeft" | "marginRight" | "marginStart" | "marginTop" | "marginVertical" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "overflow" | "padding" | "paddingBottom" | "paddingEnd" | "paddingHorizontal" | "paddingLeft" | "paddingRight" | "paddingStart" | "paddingTop" | "paddingVertical" | "position" | "right" | "start" | "top" | "width" | "direction" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformMatrix" | "rotation" | "scaleX" | "scaleY" | "translateX" | "translateY" | "perspective" | "scale" | "skewX" | "skewY" | "matrix" | "rotate" | "rotateY" | "rotateX" | "rotateZ" | "theme" | "fontFamily" | "fontSize" | "textShadowColor" | "lineHeight" | "fontWeight" | "letterSpacing" | `$theme-${string}` | `$theme-${number}` | "target" | "asChild" | "debug" | "themeShallow" | "tag" | "componentName" | "disableOptimization" | "forceStyle" | "onPress" | "onLongPress" | "onPressIn" | "onPressOut" | "onHoverIn" | "onHoverOut" | "hoverStyle" | "pressStyle" | "focusStyle" | "exitStyle" | "enterStyle" | "fontStyle" | "textAlign" | "unstyled" | "allowFontScaling" | "ellipsizeMode" | "lineBreakMode" | "numberOfLines" | "onTextLayout" | "maxFontSizeMultiplier" | "adjustsFontSizeToFit" | "dynamicTypeRamp" | "minimumFontScale" | "suppressHighlighting" | "lineBreakStrategyIOS" | "selectable" | "selectionColor" | "textBreakStrategy" | "dataDetectorType" | "android_hyphenationFrequency" | "textDecorationDistance" | "textOverflow" | "whiteSpace" | "wordWrap" | "textDecorationLine" | "textDecorationStyle" | "textDecorationColor" | "textShadowOffset" | "textShadowRadius" | "textTransform" | "fontVariant" | "writingDirection" | "textAlignVertical" | "verticalAlign" | "includeFontPadding">, TamaguiTextElement> & {
-        staticConfig: import("@tamagui/core").StaticConfigParsed;
+        staticConfig: import("@tamagui/core").StaticConfig;
         styleable: import("@tamagui/core").Styleable<(Omit<import("react-native").TextProps, "style" | "children" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseTextProps & import("@tamagui/core").TamaguiComponentPropsBase & {
             style?: import("@tamagui/core").StyleProp<React.CSSProperties | import("react-native").TextStyle | (React.CSSProperties & import("react-native").TextStyle)>;
         } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").TextStylePropsBase>> & Omit<{}, "size" | "unstyled"> & {
@@ -822,7 +822,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
         readonly transparent?: boolean | undefined;
         readonly chromeless?: boolean | "all" | undefined;
     }>> | "unstyled" | "disableScroll">, TamaguiElement> & {
-        staticConfig: import("@tamagui/core").StaticConfigParsed;
+        staticConfig: import("@tamagui/core").StaticConfig;
         styleable: import("@tamagui/core").Styleable<Omit<import("react-native").ViewProps, "style" | "children" | "display" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
             style?: import("@tamagui/core").StyleProp<React.CSSProperties | import("react-native").ViewStyle | (React.CSSProperties & import("react-native").ViewStyle)>;
         } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{

package/types/SelectViewport.d.ts

@@ -258,7 +258,7 @@ export declare const SelectViewport: import("@tamagui/core").ReactComponentWithR
     readonly transparent?: boolean | undefined;
     readonly chromeless?: boolean | "all" | undefined;
 }>> | "unstyled" | "disableScroll">, TamaguiElement> & {
-    staticConfig: import("@tamagui/core").StaticConfigParsed;
+    staticConfig: import("@tamagui/core").StaticConfig;
     styleable: import("@tamagui/core").Styleable<Omit<import("react-native").ViewProps, "style" | "children" | "display" | "onLayout" | keyof import("react-native").GestureResponderHandlers> & import("@tamagui/core").ExtendBaseStackProps & import("@tamagui/core").TamaguiComponentPropsBase & {
         style?: import("@tamagui/core").StyleProp<React.CSSProperties | import("react-native").ViewStyle | (React.CSSProperties & import("react-native").ViewStyle)>;
     } & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & import("@tamagui/core/types/reactNativeTypes").RNViewProps & Omit<{

package/dist/jsx/BubbleSelect.mjs

@@ -1,25 +0,0 @@
-import { useComposedRefs } from "@tamagui/compose-refs";
-import { usePrevious } from "@tamagui/use-previous";
-import * as React from "react";
-const BubbleSelect = React.forwardRef((props, forwardedRef) => {
-  const { value, ...selectProps } = props;
-  const ref = React.useRef(null);
-  const composedRefs = useComposedRefs(forwardedRef, ref);
-  const prevValue = usePrevious(value);
-  React.useEffect(() => {
-    const select = ref.current;
-    const selectProto = window.HTMLSelectElement.prototype;
-    const descriptor = Object.getOwnPropertyDescriptor(
-      selectProto,
-      "value"
-    );
-    const setValue = descriptor.set;
-    if (prevValue !== value && setValue) {
-      const event = new Event("change", { bubbles: true });
-      setValue.call(select, value);
-      select.dispatchEvent(event);
-    }
-  }, [prevValue, value]);
-  return null;
-});
-//# sourceMappingURL=BubbleSelect.mjs.map

package/dist/jsx/BubbleSelect.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/BubbleSelect.tsx"],
-  "mappings": "AAAA,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,YAAY,WAAW;AAGvB,MAAM,eAAe,MAAM,WAGzB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,OAAO,GAAG,YAAY,IAAI;AAClC,QAAM,MAAM,MAAM,OAA0B,IAAI;AAChD,QAAM,eAAe,gBAAgB,cAAc,GAAG;AACtD,QAAM,YAAY,YAAY,KAAK;AAGnC,QAAM,UAAU,MAAM;AACpB,UAAM,SAAS,IAAI;AACnB,UAAM,cAAc,OAAO,kBAAkB;AAC7C,UAAM,aAAa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AACA,UAAM,WAAW,WAAW;AAC5B,QAAI,cAAc,SAAS,UAAU;AACnC,YAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;AACnD,eAAS,KAAK,QAAQ,KAAK;AAC3B,aAAO,cAAc,KAAK;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAerB,SAAO;AAMT,CAAC;",
-  "names": []
-}

package/dist/jsx/Select.mjs

@@ -1,379 +0,0 @@
-import { Adapt, useAdaptParent } from "@tamagui/adapt";
-import { useComposedRefs } from "@tamagui/compose-refs";
-import {
-  getVariableValue,
-  isWeb,
-  styled,
-  useGet,
-  useIsomorphicLayoutEffect,
-  withStaticProperties
-} from "@tamagui/core";
-import { getSpace } from "@tamagui/get-token";
-import { ListItem } from "@tamagui/list-item";
-import { PortalHost } from "@tamagui/portal";
-import { Separator } from "@tamagui/separator";
-import { Sheet, SheetController } from "@tamagui/sheet";
-import { ThemeableStack, XStack, YStack } from "@tamagui/stacks";
-import { Paragraph, SizableText } from "@tamagui/text";
-import { useControllableState } from "@tamagui/use-controllable-state";
-import * as React from "react";
-import { SELECT_NAME } from "./constants";
-import { SelectProvider, createSelectContext, useSelectContext } from "./context";
-import { SelectContent } from "./SelectContent";
-import { SelectInlineImpl } from "./SelectImpl";
-import { SelectItem, useSelectItemContext } from "./SelectItem";
-import { SelectScrollDownButton, SelectScrollUpButton } from "./SelectScrollButton";
-import { SelectTrigger } from "./SelectTrigger";
-import { SelectViewport } from "./SelectViewport";
-import {
-  useSelectBreakpointActive,
-  useShowSelectSheet
-} from "./useSelectBreakpointActive";
-const VALUE_NAME = "SelectValue";
-const SelectValueFrame = styled(SizableText, {
-  name: VALUE_NAME,
-  userSelect: "none"
-});
-const SelectValue = SelectValueFrame.styleable(function SelectValue2({
-  __scopeSelect,
-  children: childrenProp,
-  placeholder,
-  ...props
-}, forwardedRef) {
-  const context = useSelectContext(VALUE_NAME, __scopeSelect);
-  const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange);
-  const children = childrenProp ?? context.selectedItem;
-  const isEmptyValue = context.value == null || context.value === "";
-  const selectValueChildren = isEmptyValue ? placeholder ?? children : children;
-  return <SelectValueFrame
-    size={context.size}
-    ref={composedRefs}
-    pointerEvents="none"
-    {...props}
-  >{unwrapSelectItem(selectValueChildren)}</SelectValueFrame>;
-});
-function unwrapSelectItem(selectValueChildren) {
-  return React.Children.map(selectValueChildren, (child) => {
-    if (child) {
-      if (child.type?.staticConfig?.componentName === ITEM_TEXT_NAME) {
-        return child.props.children;
-      }
-      if (child.props?.children) {
-        return unwrapSelectItem(child.props.children);
-      }
-    }
-    return child;
-  });
-}
-const SelectIcon = styled(XStack, {
-  name: "SelectIcon",
-  // @ts-ignore
-  "aria-hidden": true,
-  children: <Paragraph>{"\u25BC"}</Paragraph>
-});
-const ITEM_TEXT_NAME = "SelectItemText";
-const SelectItemTextFrame = styled(SizableText, {
-  name: ITEM_TEXT_NAME,
-  variants: {
-    unstyled: {
-      false: {
-        userSelect: "none",
-        color: "$color"
-      }
-    }
-  },
-  defaultVariants: {
-    unstyled: false
-  }
-});
-const SelectItemText = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, className, ...itemTextProps } = props;
-    const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
-    const ref = React.useRef(null);
-    const composedRefs = useComposedRefs(forwardedRef, ref);
-    const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
-    const isSelected = Boolean(itemContext.isSelected && context.valueNode);
-    const contents = React.useMemo(
-      () => <SelectItemTextFrame
-        className={className}
-        size={context.size}
-        id={itemContext.textId}
-        {...itemTextProps}
-        ref={composedRefs}
-      />,
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      [props, context.size, className, itemContext.textId]
-    );
-    useIsomorphicLayoutEffect(() => {
-      if (isSelected) {
-        context.setSelectedItem(contents);
-      }
-    }, [isSelected, contents]);
-    if (context.shouldRenderWebNative) {
-      return <>{props.children}</>;
-    }
-    return <>
-      {contents}
-      {
-        /* Portal an option in the bubble select */
-      }
-      {
-        /* {context.bubbleSelect
-         ? ReactDOM.createPortal(
-             // we use `.textContent` because `option` only support `string` or `number`
-             <option value={itemContext.value}>{ref.current?.textContent}</option>,
-             context.bubbleSelect
-           )
-         : null} */
-      }
-    </>;
-  }
-);
-SelectItemText.displayName = ITEM_TEXT_NAME;
-const ITEM_INDICATOR_NAME = "SelectItemIndicator";
-const SelectItemIndicatorFrame = styled(XStack, {
-  name: ITEM_TEXT_NAME
-});
-const SelectItemIndicator = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...itemIndicatorProps } = props;
-    const context = useSelectContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
-    if (context.shouldRenderWebNative) {
-      return null;
-    }
-    return itemContext.isSelected ? <SelectItemIndicatorFrame aria-hidden {...itemIndicatorProps} ref={forwardedRef} /> : null;
-  }
-);
-SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
-const GROUP_NAME = "SelectGroup";
-const [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
-const SelectGroupFrame = styled(YStack, {
-  name: GROUP_NAME,
-  width: "100%"
-});
-const NativeSelectTextFrame = styled(SizableText, {
-  tag: "select",
-  backgroundColor: "$background",
-  borderColor: "$borderColor",
-  hoverStyle: {
-    backgroundColor: "$backgroundHover"
-  }
-});
-const NativeSelectFrame = styled(ThemeableStack, {
-  name: "NativeSelect",
-  bordered: true,
-  userSelect: "none",
-  outlineWidth: 0,
-  paddingRight: 10,
-  variants: {
-    size: {
-      "...size": (val, extras) => {
-        const { tokens } = extras;
-        const paddingHorizontal = getVariableValue(tokens.space[val]);
-        return {
-          borderRadius: tokens.radius[val] ?? val,
-          minHeight: tokens.size[val],
-          paddingRight: paddingHorizontal + 20,
-          paddingLeft: paddingHorizontal,
-          paddingVertical: getSpace(val, {
-            shift: -3
-          })
-        };
-      }
-    }
-  },
-  defaultVariants: {
-    size: "$2"
-  }
-});
-const SelectGroup = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...groupProps } = props;
-    const groupId = React.useId();
-    const context = useSelectContext(GROUP_NAME, __scopeSelect);
-    const size = context.size ?? "$true";
-    const nativeSelectRef = React.useRef(null);
-    const content = function() {
-      if (context.shouldRenderWebNative) {
-        return (
-          // @ts-expect-error until we support typing based on tag
-          <NativeSelectFrame asChild size={size} value={context.value}><NativeSelectTextFrame
-            onChange={(event) => {
-              context.onChange(event.currentTarget.value);
-            }}
-            size={size}
-            ref={nativeSelectRef}
-            style={{
-              color: "var(--color)",
-              // @ts-ignore
-              appearance: "none"
-            }}
-          >{props.children}</NativeSelectTextFrame></NativeSelectFrame>
-        );
-      }
-      return <SelectGroupFrame
-        role="group"
-        aria-labelledby={groupId}
-        {...groupProps}
-        ref={forwardedRef}
-      />;
-    }();
-    return <SelectGroupContextProvider scope={__scopeSelect} id={groupId || ""}>{content}</SelectGroupContextProvider>;
-  }
-);
-SelectGroup.displayName = GROUP_NAME;
-const LABEL_NAME = "SelectLabel";
-const SelectLabel = React.forwardRef(
-  (props, forwardedRef) => {
-    const { __scopeSelect, ...labelProps } = props;
-    const context = useSelectContext(LABEL_NAME, __scopeSelect);
-    const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
-    if (context.shouldRenderWebNative) {
-      return null;
-    }
-    return <ListItem
-      tag="div"
-      componentName={LABEL_NAME}
-      fontWeight="800"
-      id={groupContext.id}
-      size={context.size}
-      {...labelProps}
-      ref={forwardedRef}
-    />;
-  }
-);
-SelectLabel.displayName = LABEL_NAME;
-const SelectSeparator = styled(Separator, {
-  name: "SelectSeparator"
-});
-const SelectSheetController = (props) => {
-  const context = useSelectContext("SelectSheetController", props.__scopeSelect);
-  const showSheet = useShowSelectSheet(context);
-  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
-  const getShowSheet = useGet(showSheet);
-  return <SheetController
-    onOpenChange={(val) => {
-      if (getShowSheet()) {
-        props.onOpenChange(val);
-      }
-    }}
-    open={context.open}
-    hidden={breakpointActive === false}
-  >{props.children}</SheetController>;
-};
-const SelectSheetImpl = (props) => {
-  return <>{props.children}</>;
-};
-const Select = withStaticProperties(
-  (props) => {
-    const {
-      __scopeSelect,
-      native,
-      children,
-      open: openProp,
-      defaultOpen,
-      onOpenChange,
-      value: valueProp,
-      defaultValue,
-      onValueChange,
-      size: sizeProp = "$true",
-      dir
-    } = props;
-    const id = React.useId();
-    const scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id;
-    const { when, AdaptProvider } = useAdaptParent({
-      Contents: React.useCallback(
-        () => <PortalHost name={`${scopeKey}SheetContents`} />,
-        [scopeKey]
-      )
-    });
-    const sheetBreakpoint = when;
-    const isSheet = useSelectBreakpointActive(sheetBreakpoint);
-    const SelectImpl = isSheet || !isWeb ? SelectSheetImpl : SelectInlineImpl;
-    const forceUpdate = React.useReducer(() => ({}), {})[1];
-    const [selectedItem, setSelectedItem] = React.useState(null);
-    const [open, setOpen] = useControllableState({
-      prop: openProp,
-      defaultProp: defaultOpen || false,
-      onChange: onOpenChange
-    });
-    const [value, setValue] = useControllableState({
-      prop: valueProp,
-      defaultProp: defaultValue || "",
-      onChange: onValueChange,
-      transition: true
-    });
-    const [activeIndex, setActiveIndex] = React.useState(0);
-    const selectedIndexRef = React.useRef(null);
-    const activeIndexRef = React.useRef(null);
-    const listContentRef = React.useRef([]);
-    const [selectedIndex, setSelectedIndex] = React.useState(0);
-    const [valueNode, setValueNode] = React.useState(null);
-    useIsomorphicLayoutEffect(() => {
-      selectedIndexRef.current = selectedIndex;
-      activeIndexRef.current = activeIndex;
-    });
-    const shouldRenderWebNative = isWeb && (native === true || native === "web" || Array.isArray(native) && native.includes("web"));
-    return <AdaptProvider><SelectProvider
-      dir={dir}
-      blockSelection={false}
-      size={sizeProp}
-      fallback={false}
-      selectedItem={selectedItem}
-      setSelectedItem={setSelectedItem}
-      forceUpdate={forceUpdate}
-      valueNode={valueNode}
-      onValueNodeChange={setValueNode}
-      scopeKey={scopeKey}
-      sheetBreakpoint={sheetBreakpoint}
-      scope={__scopeSelect}
-      setValueAtIndex={(index, value2) => {
-        listContentRef.current[index] = value2;
-      }}
-      activeIndex={activeIndex}
-      onChange={setValue}
-      selectedIndex={selectedIndex}
-      setActiveIndex={setActiveIndex}
-      setOpen={setOpen}
-      setSelectedIndex={setSelectedIndex}
-      value={value}
-      open={open}
-      native={native}
-      shouldRenderWebNative={shouldRenderWebNative}
-    ><SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}>{shouldRenderWebNative ? children : <SelectImpl
-      activeIndexRef={activeIndexRef}
-      listContentRef={listContentRef}
-      selectedIndexRef={selectedIndexRef}
-      {...props}
-      open={open}
-      value={value}
-    >{children}</SelectImpl>}</SelectSheetController></SelectProvider></AdaptProvider>;
-  },
-  {
-    Adapt,
-    Content: SelectContent,
-    Group: SelectGroup,
-    Icon: SelectIcon,
-    Item: SelectItem,
-    ItemIndicator: SelectItemIndicator,
-    ItemText: SelectItemText,
-    Label: SelectLabel,
-    ScrollDownButton: SelectScrollDownButton,
-    ScrollUpButton: SelectScrollUpButton,
-    Trigger: SelectTrigger,
-    Value: SelectValue,
-    Viewport: SelectViewport,
-    Sheet: Sheet.Controlled
-  }
-);
-Select.displayName = SELECT_NAME;
-export {
-  Select,
-  SelectGroupFrame,
-  SelectIcon,
-  SelectItemTextFrame,
-  SelectSeparator
-};
-//# sourceMappingURL=Select.mjs.map

package/dist/jsx/Select.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Select.tsx"],
-  "mappings": "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",
-  "names": ["SelectValue", "value"]
-}

package/dist/jsx/SelectContent.mjs

@@ -1,35 +0,0 @@
-import { FloatingOverlay, FloatingPortal } from "@floating-ui/react";
-import { Theme, useIsTouchDevice, useThemeName } from "@tamagui/core";
-import { FocusScope } from "@tamagui/focus-scope";
-import { useSelectContext } from "./context";
-import { useShowSelectSheet } from "./useSelectBreakpointActive";
-const CONTENT_NAME = "SelectContent";
-const SelectContent = ({
-  children,
-  __scopeSelect,
-  zIndex = 1e3,
-  ...focusScopeProps
-}) => {
-  const context = useSelectContext(CONTENT_NAME, __scopeSelect);
-  const themeName = useThemeName();
-  const showSheet = useShowSelectSheet(context);
-  const contents = <Theme forceClassName name={themeName}>{children}</Theme>;
-  const touch = useIsTouchDevice();
-  if (context.shouldRenderWebNative) {
-    return <>{children}</>;
-  }
-  if (showSheet) {
-    if (!context.open) {
-      return null;
-    }
-    return <>{contents}</>;
-  }
-  return <FloatingPortal><FloatingOverlay
-    style={{ zIndex, pointerEvents: context.open ? "auto" : "none" }}
-    lockScroll={!!context.open && !touch}
-  ><FocusScope loop trapped={!!context.open} {...focusScopeProps}>{contents}</FocusScope></FloatingOverlay></FloatingPortal>;
-};
-export {
-  SelectContent
-};
-//# sourceMappingURL=SelectContent.mjs.map

package/dist/jsx/SelectContent.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SelectContent.tsx"],
-  "mappings": "AAAA,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,OAAO,kBAAkB,oBAAoB;AACtD,SAAS,kBAAmC;AAE5C,SAAS,wBAAwB;AAEjC,SAAS,0BAA0B;AAMnC,MAAM,eAAe;AAEd,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAA4C;AAC1C,QAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,QAAM,YAAY,aAAa;AAC/B,QAAM,YAAY,mBAAmB,OAAO;AAE5C,QAAM,WACJ,CAAC,MAAM,eAAe,MAAM,YACzB,SACH,EAFC;AAKH,QAAM,QAAQ,iBAAiB;AAE/B,MAAI,QAAQ,uBAAuB;AACjC,WAAO,GAAG,SAAS;AAAA,EACrB;AAEA,MAAI,WAAW;AACb,QAAI,CAAC,QAAQ,MAAM;AACjB,aAAO;AAAA,IACT;AACA,WAAO,GAAG,SAAS;AAAA,EACrB;AAEA,SACE,CAAC,eACC,CAAC;AAAA,IACC,OAAO,EAAE,QAAQ,eAAe,QAAQ,OAAO,SAAS,OAAO;AAAA,IAC/D,YAAY,CAAC,CAAC,QAAQ,QAAQ,CAAC;AAAA,GAE/B,CAAC,WAAW,KAAK,SAAS,CAAC,CAAC,QAAQ,UAAU,kBAC3C,SACH,EAFC,WAGH,EAPC,gBAQH,EATC;AAWL;",
-  "names": []
-}

package/dist/jsx/SelectContent.native.mjs

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

package/dist/jsx/SelectContent.native.mjs.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/SelectContent.native.tsx"],
-  "mappings": "AAEO,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAA0B;AACjE,SAAO;AACT;",
-  "names": []
-}