@xaui/native 0.9.1-alpha.37 → 0.9.1-alpha.39

package/dist/{chunk-XWY4DF37.js → chunk-JKP4TPIL.js}

@@ -1,99 +1,33 @@
-import { Portal, PortalContext } from "./chunk-2PMXMKS5.js";
-import { Icon, IconContext } from "./chunk-HXW4ANVB.js";
-import { PressableFeedback } from "./chunk-UGF35NSE.js";
+import { useAnchoredPosition } from "./chunk-2EGR4LWD.js";
+import { Portal } from "./chunk-2PMXMKS5.js";
+import { INDICATOR_ROTATION, INDICATOR_SPRING, anchoredEntering, anchoredExiting, overlayEntering, overlayExiting } from "./chunk-64MXEVT3.js";
+import { useMergedRef } from "./chunk-NCTOTTVW.js";
+import { ChevronDownIcon, Icon, IconContext } from "./chunk-FHUYHV6J.js";
+import { useControllableState } from "./chunk-F6W3JQ7K.js";
+import { PressableFeedback } from "./chunk-LIUO6D3D.js";
 import { usePressState } from "./chunk-423RQBOX.js";
-import { childrenToString, createSlotContext } from "./chunk-YXPYOOHU.js";
-import { mergeRefs } from "./chunk-36PRYGAM.js";
+import { childrenToString, createSlotContext } from "./chunk-K72UDPVN.js";
 import { createRecipe, radiusAxis } from "./chunk-4GTAZM2C.js";
 import { useXAUITheme } from "./chunk-A3EGFI6T.js";
 import { useStyleProps } from "./chunk-M63GFNKV.js";
 
 // src/components/select/select-content.tsx
-import { forwardRef as forwardRef3, useContext, useEffect as useEffect2, useState } from "react";
-import { ScrollView, useWindowDimensions } from "react-native";
+import { forwardRef as forwardRef3 } from "react";
+import { ScrollView } from "react-native";
 import Animated from "react-native-reanimated";
 
-// src/components/select/select.context.ts
-var [SelectProvider, useSelect] = createSlotContext("Select");
-var [SelectItemProvider, useSelectItem] = createSlotContext("Select.Item");
-
-// src/components/select/select.animation.ts
-import { Easing, Keyframe } from "react-native-reanimated";
-var INDICATOR_SPRING = {
-  damping: 140,
-  stiffness: 1e3,
-  mass: 4
-};
-var INDICATOR_ROTATION = [0, -180];
-var ENTER_MS = 200;
-var EXIT_MS = 150;
-function contentEntering(placement) {
-  const from = placement === "bottom" ? -8 : 8;
-  return new Keyframe({
-    0: {
-      opacity: 0,
-      transform: [{
-        translateY: from
-      }, {
-        scale: 0.95
-      }]
-    },
-    100: {
-      opacity: 1,
-      transform: [{
-        translateY: 0
-      }, {
-        scale: 1
-      }],
-      easing: Easing.out(Easing.cubic)
-    }
-  }).duration(ENTER_MS);
-}
-function contentExiting(placement) {
-  const to = placement === "bottom" ? -8 : 8;
-  return new Keyframe({
-    0: {
-      opacity: 1,
-      transform: [{
-        translateY: 0
-      }, {
-        scale: 1
-      }]
-    },
-    100: {
-      opacity: 0,
-      transform: [{
-        translateY: to
-      }, {
-        scale: 0.95
-      }],
-      easing: Easing.in(Easing.cubic)
-    }
-  }).duration(EXIT_MS);
-}
-var overlayEntering = new Keyframe({
-  0: {
-    opacity: 0
-  },
-  100: {
-    opacity: 1
-  }
-}).duration(ENTER_MS);
-var overlayExiting = new Keyframe({
-  0: {
-    opacity: 1
-  },
-  100: {
-    opacity: 0
-  }
-}).duration(EXIT_MS);
-
 // src/components/select/select-item.tsx
 import { forwardRef as forwardRef2, useCallback, useEffect, useMemo } from "react";
 
 // src/components/select/select-item-label.tsx
 import { forwardRef } from "react";
 import { Text } from "react-native";
+
+// src/components/select/select.context.ts
+var [SelectProvider, useSelect] = createSlotContext("Select");
+var [SelectItemProvider, useSelectItem] = createSlotContext("Select.Item");
+
+// src/components/select/select-item-label.tsx
 import { jsx } from "react/jsx-runtime";
 var SelectItemLabel = forwardRef(function SelectItemLabel2({
   children,
@@ -190,70 +124,6 @@ SelectItem.displayName = "XAUI.Select.Item";
 
 // src/components/select/select.utils.ts
 import { Children, isValidElement } from "react";
-function resolvePlacement(input) {
-  const {
-    anchor,
-    content,
-    window,
-    offset,
-    alignOffset,
-    insets
-  } = input;
-  const available = window.width - insets.start - insets.end;
-  const width = Math.min(resolveWidth(input), Math.max(available, 0));
-  const placement = choosePlacement(input);
-  const maxHeight = Math.max(roomFor(placement, input), 0);
-  const height = Math.min(content.height, maxHeight);
-  const top = placement === "bottom" ? anchor.y + anchor.height + offset : anchor.y - offset - height;
-  const start = clamp(alignedStart(input, width) + alignOffset, insets.start, Math.max(window.width - insets.end - width, insets.start));
-  return {
-    top,
-    start,
-    width,
-    maxHeight,
-    placement
-  };
-}
-function resolveWidth({
-  width,
-  anchor,
-  content
-}) {
-  if (width === "trigger") return anchor.width;
-  if (width === "content-fit") return content.width;
-  return width;
-}
-function choosePlacement(input) {
-  const {
-    placement,
-    avoidCollisions,
-    content
-  } = input;
-  if (!avoidCollisions) return placement;
-  if (roomFor(placement, input) >= content.height) return placement;
-  const other = placement === "bottom" ? "top" : "bottom";
-  return roomFor(other, input) > roomFor(placement, input) ? other : placement;
-}
-function roomFor(placement, input) {
-  const {
-    anchor,
-    window,
-    offset,
-    insets
-  } = input;
-  return placement === "bottom" ? window.height - insets.bottom - (anchor.y + anchor.height) - offset : anchor.y - insets.top - offset;
-}
-function alignedStart({
-  align,
-  anchor
-}, width) {
-  if (align === "start") return anchor.x;
-  if (align === "end") return anchor.x + anchor.width - width;
-  return anchor.x + (anchor.width - width) / 2;
-}
-function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
 function collectItemLabels(children, isItem) {
   const found = [];
   const walk = node => {
@@ -273,19 +143,16 @@ function collectItemLabels(children, isItem) {
 }
 
 // src/components/select/select-content.tsx
+import { useEffect as useEffect2 } from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var DEFAULT_OFFSET = 8;
-var ZERO = {
-  x: 0,
-  y: 0
-};
-var isSelectItem = type => type === SelectItem;
 var DEFAULT_INSETS = {
   top: 12,
   bottom: 12,
   start: 12,
   end: 12
 };
+var isSelectItem = type => type === SelectItem;
 var SelectContent = forwardRef3(function SelectContent2({
   children,
   placement = "bottom",
@@ -303,48 +170,17 @@ var SelectContent = forwardRef3(function SelectContent2({
   const {
     contentStyle,
     isOpen,
-    anchor
+    anchor,
+    registerLabel
   } = context;
   const [styleProps, rest] = useStyleProps(props);
-  const window = useWindowDimensions();
-  const origin = useContext(PortalContext)?.origin ?? ZERO;
-  const [measured, setMeasured] = useState(null);
   const {
-    registerLabel
-  } = context;
-  useEffect2(() => {
-    for (const [value, label] of collectItemLabels(children, isSelectItem)) {
-      registerLabel(value, label);
-    }
-  }, [children, registerLabel]);
-  if (!isOpen && measured !== null) setMeasured(null);
-  if (!isOpen || anchor === null) return null;
-  const measure = event => {
-    onLayout?.(event);
-    const {
-      width: w,
-      height: h
-    } = event.nativeEvent.layout;
-    if (measured === null || measured.height !== h || measured.width !== w) {
-      setMeasured({
-        width: w,
-        height: h
-      });
-    }
-  };
-  const local = {
-    ...anchor,
-    x: anchor.x - origin.x,
-    y: anchor.y - origin.y
-  };
-  const position = measured && resolvePlacement({
-    anchor: local,
-    content: measured,
-    // The window in the host's own coordinates, for the same reason as the anchor.
-    window: {
-      width: window.width - origin.x,
-      height: window.height - origin.y
-    },
+    position,
+    onContentLayout,
+    measuringStyle
+  } = useAnchoredPosition({
+    anchor,
+    isOpen,
     placement,
     align,
     width,
@@ -354,26 +190,25 @@ var SelectContent = forwardRef3(function SelectContent2({
     insets: {
       ...DEFAULT_INSETS,
       ...insets
-    }
+    },
+    onLayout
   });
+  useEffect2(() => {
+    for (const [value, label] of collectItemLabels(children, isSelectItem)) {
+      registerLabel(value, label);
+    }
+  }, [children, registerLabel]);
+  if (!isOpen || anchor === null) return null;
   return /* @__PURE__ */jsx3(Portal, {
     children: /* @__PURE__ */jsx3(SelectProvider, {
       value: context,
       children: /* @__PURE__ */jsx3(Animated.View, {
         ref,
-        entering: position ? contentEntering(position.placement) : void 0,
-        exiting: position ? contentExiting(position.placement) : void 0,
-        onLayout: measure,
+        entering: position ? anchoredEntering(position.placement) : void 0,
+        exiting: position ? anchoredExiting(position.placement) : void 0,
+        onLayout: onContentLayout,
         ...rest,
-        style: [contentStyle,
-        // The measuring pass: laid out at the trigger's width so the rows wrap as they
-        // finally will, and invisible so the reader never sees it at the wrong place.
-        position === null ? {
-          opacity: 0,
-          top: 0,
-          start: 0,
-          width: local.width
-        } : {
+        style: [contentStyle, position === null ? measuringStyle : {
           top: position.top,
           start: position.start,
           width: position.width,
@@ -394,36 +229,11 @@ SelectContent.displayName = "XAUI.Select.Content";
 // src/components/select/select-indicator.tsx
 import { useEffect as useEffect3 } from "react";
 import Animated2, { interpolate, useAnimatedStyle, useSharedValue, withSpring } from "react-native-reanimated";
-
-// src/components/select/chevron-down-icon.tsx
-import { Path, Svg } from "react-native-svg";
 import { jsx as jsx4 } from "react/jsx-runtime";
-function ChevronDownIcon({
-  size = 20,
-  color = "currentColor"
-}) {
-  return /* @__PURE__ */jsx4(Svg, {
-    width: size,
-    height: size,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    children: /* @__PURE__ */jsx4(Path, {
-      d: "m6 9 6 6 6-6",
-      stroke: color,
-      strokeWidth: 2,
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    })
-  });
-}
-ChevronDownIcon.displayName = "XAUI.Select.ChevronDownIcon";
-
-// src/components/select/select-indicator.tsx
-import { jsx as jsx5 } from "react/jsx-runtime";
-const _worklet_11336077885044_init_data = {
-  code: "function chunkXWY4DF37Js1(){const{interpolate,progress,INDICATOR_ROTATION}=this.__closure;return{transform:[{rotate:interpolate(progress.get(),[0,1],[INDICATOR_ROTATION[0],INDICATOR_ROTATION[1]])+\"deg\"}]};}",
-  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-XWY4DF37.js",
-  sourceMap: "{\"version\":3,\"names\":[\"chunkXWY4DF37Js1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-XWY4DF37.js\"],\"mappings\":\"AA4XoC,SAAAA,iBAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,kBAAA,OAAAC,SAAA,OAAO,CACvCC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,WAAW,CAACC,QAAQ,CAACK,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,kBAAkB,CAAC,CAAC,CAAC,CAAEA,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MAChG,CAAC,CAEL,CAAC\",\"ignoreList\":[]}"
+const _worklet_11125272119572_init_data = {
+  code: "function chunkJKP4TPILJs1(){const{interpolate,progress,INDICATOR_ROTATION}=this.__closure;return{transform:[{rotate:interpolate(progress.get(),[0,1],[INDICATOR_ROTATION[0],INDICATOR_ROTATION[1]])+\"deg\"}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-JKP4TPIL.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkJKP4TPILJs1\",\"interpolate\",\"progress\",\"INDICATOR_ROTATION\",\"__closure\",\"transform\",\"rotate\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-JKP4TPIL.js\"],\"mappings\":\"AAgRoC,SAAAA,iBAAA,QAAAC,WAAA,CAAAC,QAAA,CAAAC,kBAAA,OAAAC,SAAA,OAAO,CACvCC,SAAS,CAAE,CACT,CACEC,MAAM,CAAKL,WAAW,CAACC,QAAQ,CAACK,GAAG,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAAC,CAAC,CAAE,CAACJ,kBAAkB,CAAC,CAAC,CAAC,CAAEA,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,MAChG,CAAC,CAEL,CAAC\",\"ignoreList\":[]}"
 };
 function SelectIndicator({
   as = ChevronDownIcon,
@@ -437,37 +247,37 @@ function SelectIndicator({
   useEffect3(() => {
     progress.set(withSpring(isOpen ? 1 : 0, INDICATOR_SPRING));
   }, [isOpen, progress]);
-  const rotation = useAnimatedStyle(function chunkXWY4DF37Js1Factory({
-    _worklet_11336077885044_init_data,
+  const rotation = useAnimatedStyle(function chunkJKP4TPILJs1Factory({
+    _worklet_11125272119572_init_data,
     interpolate,
     progress,
     INDICATOR_ROTATION
   }) {
     const _e = [new global.Error(), -4, -27];
-    const chunkXWY4DF37Js1 = () => ({
+    const chunkJKP4TPILJs1 = () => ({
       transform: [{
         rotate: `${interpolate(progress.get(), [0, 1], [INDICATOR_ROTATION[0], INDICATOR_ROTATION[1]])}deg`
       }]
     });
-    chunkXWY4DF37Js1.__closure = {
+    chunkJKP4TPILJs1.__closure = {
       interpolate,
       progress,
       INDICATOR_ROTATION
     };
-    chunkXWY4DF37Js1.__workletHash = 11336077885044;
-    chunkXWY4DF37Js1.__pluginVersion = "0.7.4";
-    chunkXWY4DF37Js1.__initData = _worklet_11336077885044_init_data;
-    chunkXWY4DF37Js1.__stackDetails = _e;
-    return chunkXWY4DF37Js1;
+    chunkJKP4TPILJs1.__workletHash = 11125272119572;
+    chunkJKP4TPILJs1.__pluginVersion = "0.7.4";
+    chunkJKP4TPILJs1.__initData = _worklet_11125272119572_init_data;
+    chunkJKP4TPILJs1.__stackDetails = _e;
+    return chunkJKP4TPILJs1;
   }({
-    _worklet_11336077885044_init_data,
+    _worklet_11125272119572_init_data,
     interpolate,
     progress,
     INDICATOR_ROTATION
   }));
-  return /* @__PURE__ */jsx5(Animated2.View, {
+  return /* @__PURE__ */jsx4(Animated2.View, {
     style: [indicatorStyle, rotation],
-    children: /* @__PURE__ */jsx5(Icon, {
+    children: /* @__PURE__ */jsx4(Icon, {
       as,
       ...props
     })
@@ -478,7 +288,7 @@ SelectIndicator.displayName = "XAUI.Select.Indicator";
 // src/components/select/select-item-description.tsx
 import { forwardRef as forwardRef4 } from "react";
 import { Text as Text2 } from "react-native";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var SelectItemDescription = forwardRef4(function SelectItemDescription2({
   children,
   style,
@@ -488,7 +298,7 @@ var SelectItemDescription = forwardRef4(function SelectItemDescription2({
     itemDescriptionStyle
   } = useSelect();
   const [styleProps, rest] = useStyleProps(props);
-  return /* @__PURE__ */jsx6(Text2, {
+  return /* @__PURE__ */jsx5(Text2, {
     ref,
     ...rest,
     style: [itemDescriptionStyle, styleProps, style],
@@ -501,18 +311,18 @@ SelectItemDescription.displayName = "XAUI.Select.ItemDescription";
 import { View } from "react-native";
 
 // src/components/select/check-icon.tsx
-import { Path as Path2, Svg as Svg2 } from "react-native-svg";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { Path, Svg } from "react-native-svg";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function CheckIcon({
   size = 20,
   color = "currentColor"
 }) {
-  return /* @__PURE__ */jsx7(Svg2, {
+  return /* @__PURE__ */jsx6(Svg, {
     width: size,
     height: size,
     viewBox: "0 0 24 24",
     fill: "none",
-    children: /* @__PURE__ */jsx7(Path2, {
+    children: /* @__PURE__ */jsx6(Path, {
       d: "m20 6-11 11-5-5",
       stroke: color,
       strokeWidth: 2,
@@ -524,7 +334,7 @@ function CheckIcon({
 CheckIcon.displayName = "XAUI.Select.CheckIcon";
 
 // src/components/select/select-item-indicator.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 function SelectItemIndicator({
   as = CheckIcon,
   color,
@@ -537,9 +347,9 @@ function SelectItemIndicator({
   const {
     isSelected
   } = useSelectItem();
-  return /* @__PURE__ */jsx8(View, {
+  return /* @__PURE__ */jsx7(View, {
     style: itemIndicatorStyle,
-    children: isSelected ? /* @__PURE__ */jsx8(Icon, {
+    children: isSelected ? /* @__PURE__ */jsx7(Icon, {
       as,
       color: color ?? checkColor,
       ...props
@@ -551,7 +361,7 @@ SelectItemIndicator.displayName = "XAUI.Select.ItemIndicator";
 // src/components/select/select-label.tsx
 import { forwardRef as forwardRef5 } from "react";
 import { Text as Text3 } from "react-native";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var SelectLabel = forwardRef5(function SelectLabel2({
   children,
   accessibilityRole = "header",
@@ -562,7 +372,7 @@ var SelectLabel = forwardRef5(function SelectLabel2({
     labelStyle
   } = useSelect();
   const [styleProps, rest] = useStyleProps(props);
-  return /* @__PURE__ */jsx9(Text3, {
+  return /* @__PURE__ */jsx8(Text3, {
     ref,
     accessibilityRole,
     ...rest,
@@ -576,7 +386,7 @@ SelectLabel.displayName = "XAUI.Select.Label";
 import { forwardRef as forwardRef6 } from "react";
 import { Pressable } from "react-native";
 import Animated3 from "react-native-reanimated";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var AnimatedPressable = Animated3.createAnimatedComponent(Pressable);
 var SelectOverlay = forwardRef6(function SelectOverlay2({
   children,
@@ -592,10 +402,10 @@ var SelectOverlay = forwardRef6(function SelectOverlay2({
   } = context;
   const [styleProps, rest] = useStyleProps(props);
   if (!isOpen) return null;
-  return /* @__PURE__ */jsx10(Portal, {
-    children: /* @__PURE__ */jsx10(SelectProvider, {
+  return /* @__PURE__ */jsx9(Portal, {
+    children: /* @__PURE__ */jsx9(SelectProvider, {
       value: context,
-      children: /* @__PURE__ */jsx10(AnimatedPressable, {
+      children: /* @__PURE__ */jsx9(AnimatedPressable, {
         ref,
         entering: overlayEntering,
         exiting: overlayExiting,
@@ -612,8 +422,8 @@ var SelectOverlay = forwardRef6(function SelectOverlay2({
 SelectOverlay.displayName = "XAUI.Select.Overlay";
 
 // src/components/select/select-trigger.tsx
-import { forwardRef as forwardRef7, useCallback as useCallback2, useEffect as useEffect4, useMemo as useMemo2, useRef } from "react";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { forwardRef as forwardRef7, useCallback as useCallback2, useEffect as useEffect4, useRef } from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var SelectTrigger = forwardRef7(function SelectTrigger2({
   children,
   asChild = false,
@@ -642,7 +452,7 @@ var SelectTrigger = forwardRef7(function SelectTrigger2({
     onPressOut
   });
   const node = useRef(null);
-  const refs = useMemo2(() => mergeRefs(node, ref), [ref]);
+  const refs = useMergedRef(node, ref);
   const measure = useCallback2(() => {
     node.current?.measureInWindow((x, y, width, height) => {
       setAnchor({
@@ -665,9 +475,9 @@ var SelectTrigger = forwardRef7(function SelectTrigger2({
     measure();
     toggle();
   }, [measure, onPress, toggle]);
-  return /* @__PURE__ */jsx11(IconContext.Provider, {
+  return /* @__PURE__ */jsx10(IconContext.Provider, {
     value: glyph,
-    children: /* @__PURE__ */jsx11(PressableFeedback, {
+    children: /* @__PURE__ */jsx10(PressableFeedback, {
       ref: refs,
       isPressed,
       isDisabled,
@@ -696,7 +506,7 @@ SelectTrigger.displayName = "XAUI.Select.Trigger";
 // src/components/select/select-value.tsx
 import { forwardRef as forwardRef8 } from "react";
 import { Text as Text4 } from "react-native";
-import { jsx as jsx12 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var SelectValue = forwardRef8(function SelectValue2({
   placeholder,
   children,
@@ -713,7 +523,7 @@ var SelectValue = forwardRef8(function SelectValue2({
   const [styleProps, rest] = useStyleProps(props);
   const label = children ?? (value !== void 0 ? labelFor(value) : void 0);
   const isEmpty = label === void 0 || label === "";
-  return /* @__PURE__ */jsx12(Text4, {
+  return /* @__PURE__ */jsx11(Text4, {
     ref,
     numberOfLines,
     ...rest,
@@ -724,34 +534,21 @@ var SelectValue = forwardRef8(function SelectValue2({
 SelectValue.displayName = "XAUI.Select.Value";
 
 // src/components/select/select.tsx
-import { useCallback as useCallback4, useMemo as useMemo4, useState as useState3 } from "react";
+import { useCallback as useCallback4, useMemo as useMemo3, useState as useState2 } from "react";
 import { StyleSheet } from "react-native";
 
 // src/components/select/select.hook.ts
-import { useCallback as useCallback3, useMemo as useMemo3, useRef as useRef2, useState as useState2 } from "react";
-function useControllableState({
-  value,
-  defaultValue,
-  onChange
-}) {
-  const isControlled = useRef2(value !== void 0).current;
-  const [uncontrolled, setUncontrolled] = useState2(defaultValue);
-  const set = useCallback3(next => {
-    if (!isControlled) setUncontrolled(next);
-    onChange?.(next);
-  }, [isControlled, onChange]);
-  return [isControlled ? value : uncontrolled, set];
-}
+import { useCallback as useCallback3, useMemo as useMemo2, useRef as useRef2, useState } from "react";
 function useLabelRegistry() {
   const labels = useRef2(/* @__PURE__ */new Map());
-  const [, force] = useState2(0);
+  const [, force] = useState(0);
   const registerLabel = useCallback3((value, label) => {
     if (labels.current.get(value) === label) return;
     labels.current.set(value, label);
     force(n => n + 1);
   }, []);
   const labelFor = useCallback3(value => labels.current.get(value), []);
-  return useMemo3(() => ({
+  return useMemo2(() => ({
     labelFor,
     registerLabel
   }), [labelFor, registerLabel]);
@@ -1011,7 +808,7 @@ var selectRecipe = createRecipe({
 });
 
 // src/components/select/select.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function Select({
   children,
   variant,
@@ -1032,13 +829,13 @@ function Select({
     labelFor,
     registerLabel
   } = useLabelRegistry();
-  const [anchor, setAnchor] = useState3(null);
+  const [anchor, setAnchor] = useState2(null);
   const [value, setValue] = useControllableState({
     value: controlledValue,
     defaultValue,
     onChange: onValueChange
   });
-  const [isOpen = false, setOpen] = useControllableState({
+  const [isOpen, setOpen] = useControllableState({
     value: controlledOpen,
     defaultValue: defaultOpen,
     onChange: onOpenChange
@@ -1077,7 +874,7 @@ function Select({
     setValue(next);
     setOpen(false);
   }, [registerLabel, setValue, setOpen]);
-  const context = useMemo4(() => {
+  const context = useMemo3(() => {
     const indicator = StyleSheet.flatten([styles.indicator, tint?.indicator]);
     const itemLabel = StyleSheet.flatten([styles.itemLabel]);
     const tintedPlaceholder = tint ? StyleSheet.flatten([tint.value]).color : void 0;
@@ -1120,7 +917,7 @@ function Select({
       registerLabel
     };
   }, [styles, pressed, tint, value, isOpen, isDisabled, isInvalid, open, close, toggle, select, anchor, labelFor, registerLabel]);
-  return /* @__PURE__ */jsx13(SelectProvider, {
+  return /* @__PURE__ */jsx12(SelectProvider, {
     value: context,
     children
   });
@@ -1140,4 +937,4 @@ var Select2 = Object.assign(Select, {
   ItemDescription: SelectItemDescription,
   ItemIndicator: SelectItemIndicator
 });
-export { useSelect, useSelectItem, SelectItemLabel, SelectItem, SelectContent, ChevronDownIcon, SelectIndicator, SelectItemDescription, CheckIcon, SelectItemIndicator, SelectLabel, SelectOverlay, SelectTrigger, SelectValue, selectRecipe, Select, Select2 };
+export { useSelect, useSelectItem, SelectItemLabel, SelectItem, SelectContent, SelectIndicator, SelectItemDescription, CheckIcon, SelectItemIndicator, SelectLabel, SelectOverlay, SelectTrigger, SelectValue, selectRecipe, Select, Select2 };