@radix-ui/react-select 2.3.3 → 2.3.4-rc.1784059564143

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.mts CHANGED
@@ -36,9 +36,6 @@ interface SelectProviderProps extends SelectSharedProps {
36
36
  onValueChange?(value: string): void;
37
37
  }
38
38
  declare function SelectProvider(props: ScopedProps<SelectProviderProps>): react_jsx_runtime.JSX.Element;
39
- declare namespace SelectProvider {
40
- var displayName: string;
41
- }
42
39
  declare const Select: React.FC<SelectProps>;
43
40
  type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
44
41
  interface SelectTriggerProps extends PrimitiveButtonProps {
package/dist/index.d.ts CHANGED
@@ -36,9 +36,6 @@ interface SelectProviderProps extends SelectSharedProps {
36
36
  onValueChange?(value: string): void;
37
37
  }
38
38
  declare function SelectProvider(props: ScopedProps<SelectProviderProps>): react_jsx_runtime.JSX.Element;
39
- declare namespace SelectProvider {
40
- var displayName: string;
41
- }
42
39
  declare const Select: React.FC<SelectProps>;
43
40
  type PrimitiveButtonProps = React.ComponentPropsWithoutRef<typeof Primitive.button>;
44
41
  interface SelectTriggerProps extends PrimitiveButtonProps {
package/dist/index.js CHANGED
@@ -6,6 +6,7 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
6
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
7
  var __getProtoOf = Object.getPrototypeOf;
8
8
  var __hasOwnProp = Object.prototype.hasOwnProperty;
9
+ var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
9
10
  var __export = (target, all) => {
10
11
  for (var name in all)
11
12
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -109,7 +110,6 @@ var [createSelectContext, createSelectScope] = (0, import_react_context.createCo
109
110
  var usePopperScope = (0, import_react_popper.createPopperScope)();
110
111
  var [SelectProviderImpl, useSelectContext] = createSelectContext(SELECT_NAME);
111
112
  var [SelectNativeOptionsProvider, useSelectNativeOptionsContext] = createSelectContext(SELECT_NAME);
112
- var PROVIDER_NAME = "SelectProvider";
113
113
  function SelectProvider(props) {
114
114
  const {
115
115
  __scopeSelect,
@@ -151,7 +151,7 @@ function SelectProvider(props) {
151
151
  React.useEffect(() => {
152
152
  const associatedForm = form ? trigger?.ownerDocument.getElementById(form) : trigger?.form;
153
153
  if (associatedForm instanceof HTMLFormElement) {
154
- const reset = () => setValue(initialValueRef.current);
154
+ const reset = /* @__PURE__ */ __name(() => setValue(initialValueRef.current), "reset");
155
155
  associatedForm.addEventListener("reset", reset);
156
156
  return () => associatedForm.removeEventListener("reset", reset);
157
157
  }
@@ -203,8 +203,8 @@ function SelectProvider(props) {
203
203
  }
204
204
  ) }) }) });
205
205
  }
206
- SelectProvider.displayName = PROVIDER_NAME;
207
- var Select = (props) => {
206
+ __name(SelectProvider, "SelectProvider");
207
+ var Select = /* @__PURE__ */ __name((props) => {
208
208
  const { __scopeSelect, children, ...providerProps } = props;
209
209
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
210
210
  SelectProvider,
@@ -222,11 +222,10 @@ var Select = (props) => {
222
222
  ] })
223
223
  }
224
224
  );
225
- };
226
- Select.displayName = SELECT_NAME;
225
+ }, "Select");
227
226
  var TRIGGER_NAME = "SelectTrigger";
228
- var SelectTrigger = React.forwardRef(
229
- (props, forwardedRef) => {
227
+ var SelectTrigger = /* @__PURE__ */ React.forwardRef(
228
+ /* @__PURE__ */ __name(function SelectTrigger2(props, forwardedRef) {
230
229
  const { __scopeSelect, disabled = false, ...triggerProps } = props;
231
230
  const popperScope = usePopperScope(__scopeSelect);
232
231
  const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
@@ -242,7 +241,7 @@ var SelectTrigger = React.forwardRef(
242
241
  context.onValueChange(nextItem.value);
243
242
  }
244
243
  });
245
- const handleOpen = (pointerEvent) => {
244
+ const handleOpen = /* @__PURE__ */ __name((pointerEvent) => {
246
245
  if (!isDisabled) {
247
246
  context.onOpenChange(true);
248
247
  resetTypeahead();
@@ -253,7 +252,7 @@ var SelectTrigger = React.forwardRef(
253
252
  y: Math.round(pointerEvent.pageY)
254
253
  };
255
254
  }
256
- };
255
+ }, "handleOpen");
257
256
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Anchor, { asChild: true, ...popperScope, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
258
257
  import_react_primitive.Primitive.button,
259
258
  {
@@ -299,12 +298,11 @@ var SelectTrigger = React.forwardRef(
299
298
  })
300
299
  }
301
300
  ) });
302
- }
301
+ }, "SelectTrigger")
303
302
  );
304
- SelectTrigger.displayName = TRIGGER_NAME;
305
303
  var VALUE_NAME = "SelectValue";
306
- var SelectValue = React.forwardRef(
307
- (props, forwardedRef) => {
304
+ var SelectValue = /* @__PURE__ */ React.forwardRef(
305
+ /* @__PURE__ */ __name(function SelectValue2(props, forwardedRef) {
308
306
  const { __scopeSelect, className, style, children, placeholder = "", ...valueProps } = props;
309
307
  const context = useSelectContext(VALUE_NAME, __scopeSelect);
310
308
  const { onValueNodeHasChildrenChange } = context;
@@ -324,29 +322,25 @@ var SelectValue = React.forwardRef(
324
322
  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(React.Fragment, { children: showPlaceholder ? placeholder : children }, showPlaceholder ? "placeholder" : "value")
325
323
  }
326
324
  );
327
- }
325
+ }, "SelectValue")
328
326
  );
329
- SelectValue.displayName = VALUE_NAME;
330
- var ICON_NAME = "SelectIcon";
331
- var SelectIcon = React.forwardRef(
332
- (props, forwardedRef) => {
327
+ var SelectIcon = /* @__PURE__ */ React.forwardRef(
328
+ /* @__PURE__ */ __name(function SelectIcon2(props, forwardedRef) {
333
329
  const { __scopeSelect, children, ...iconProps } = props;
334
330
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...iconProps, ref: forwardedRef, children: children || "\u25BC" });
335
- }
331
+ }, "SelectIcon")
336
332
  );
337
- SelectIcon.displayName = ICON_NAME;
338
333
  var PORTAL_NAME = "SelectPortal";
339
334
  var [PortalProvider, usePortalContext] = createSelectContext(PORTAL_NAME, {
340
335
  forceMount: void 0
341
336
  });
342
- var SelectPortal = (props) => {
337
+ var SelectPortal = /* @__PURE__ */ __name((props) => {
343
338
  const { __scopeSelect, forceMount, ...portalProps } = props;
344
339
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PortalProvider, { scope: props.__scopeSelect, forceMount, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_portal.Portal, { asChild: true, ...portalProps }) });
345
- };
346
- SelectPortal.displayName = PORTAL_NAME;
340
+ }, "SelectPortal");
347
341
  var CONTENT_NAME = "SelectContent";
348
- var SelectContent = React.forwardRef(
349
- (props, forwardedRef) => {
342
+ var SelectContent = /* @__PURE__ */ React.forwardRef(
343
+ /* @__PURE__ */ __name(function SelectContent2(props, forwardedRef) {
350
344
  const portalContext = usePortalContext(CONTENT_NAME, props.__scopeSelect);
351
345
  const { forceMount = portalContext.forceMount, ...contentProps } = props;
352
346
  const context = useSelectContext(CONTENT_NAME, props.__scopeSelect);
@@ -355,24 +349,22 @@ var SelectContent = React.forwardRef(
355
349
  setFragment(new DocumentFragment());
356
350
  }, []);
357
351
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_presence.Presence, { present: forceMount || context.open, children: ({ present }) => present ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentImpl, { ...contentProps, ref: forwardedRef }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentFragment, { ...contentProps, fragment }) });
358
- }
352
+ }, "SelectContent")
359
353
  );
360
- SelectContent.displayName = CONTENT_NAME;
361
- var SelectContentFragment = React.forwardRef((props, forwardedRef) => {
354
+ var SelectContentFragment = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectContentFragment2(props, forwardedRef) {
362
355
  const { __scopeSelect, children, fragment } = props;
363
356
  if (!fragment) return null;
364
357
  return ReactDOM.createPortal(
365
358
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectContentProvider, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Collection.Slot, { scope: __scopeSelect, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: forwardedRef, children }) }) }),
366
359
  fragment
367
360
  );
368
- });
369
- SelectContentFragment.displayName = "SelectContentFragment";
361
+ }, "SelectContentFragment"));
370
362
  var CONTENT_MARGIN = 10;
371
363
  var [SelectContentProvider, useSelectContentContext] = createSelectContext(CONTENT_NAME);
372
- var CONTENT_IMPL_NAME = "SelectContentImpl";
373
364
  var Slot = (0, import_react_slot.createSlot)("SelectContent.RemoveScroll");
374
- var SelectContentImpl = React.forwardRef(
375
- (props, forwardedRef) => {
365
+ var SelectContentImpl = /* @__PURE__ */ React.forwardRef(
366
+ // blank line to reduce diff noise
367
+ /* @__PURE__ */ __name(function SelectContentImpl2(props, forwardedRef) {
376
368
  const { __scopeSelect } = props;
377
369
  const {
378
370
  position = "item-aligned",
@@ -438,13 +430,13 @@ var SelectContentImpl = React.forwardRef(
438
430
  React.useEffect(() => {
439
431
  if (content) {
440
432
  let pointerMoveDelta = { x: 0, y: 0 };
441
- const handlePointerMove = (event) => {
433
+ const handlePointerMove = /* @__PURE__ */ __name((event) => {
442
434
  pointerMoveDelta = {
443
435
  x: Math.abs(Math.round(event.pageX) - (triggerPointerDownPosRef.current?.x ?? 0)),
444
436
  y: Math.abs(Math.round(event.pageY) - (triggerPointerDownPosRef.current?.y ?? 0))
445
437
  };
446
- };
447
- const handlePointerUp = (event) => {
438
+ }, "handlePointerMove");
439
+ const handlePointerUp = /* @__PURE__ */ __name((event) => {
448
440
  if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) {
449
441
  event.preventDefault();
450
442
  } else {
@@ -454,7 +446,7 @@ var SelectContentImpl = React.forwardRef(
454
446
  }
455
447
  document.removeEventListener("pointermove", handlePointerMove);
456
448
  triggerPointerDownPosRef.current = null;
457
- };
449
+ }, "handlePointerUp");
458
450
  if (triggerPointerDownPosRef.current !== null) {
459
451
  document.addEventListener("pointermove", handlePointerMove);
460
452
  document.addEventListener("pointerup", handlePointerUp, { capture: true, once: true });
@@ -466,7 +458,7 @@ var SelectContentImpl = React.forwardRef(
466
458
  }
467
459
  }, [content, onOpenChange, triggerPointerDownPosRef]);
468
460
  React.useEffect(() => {
469
- const close = () => onOpenChange(false);
461
+ const close = /* @__PURE__ */ __name(() => onOpenChange(false), "close");
470
462
  window.addEventListener("blur", close);
471
463
  window.addEventListener("resize", close);
472
464
  return () => {
@@ -601,11 +593,9 @@ var SelectContentImpl = React.forwardRef(
601
593
  ) })
602
594
  }
603
595
  );
604
- }
596
+ }, "SelectContentImpl")
605
597
  );
606
- SelectContentImpl.displayName = CONTENT_IMPL_NAME;
607
- var ITEM_ALIGNED_POSITION_NAME = "SelectItemAlignedPosition";
608
- var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
598
+ var SelectItemAlignedPosition = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectItemAlignedPosition2(props, forwardedRef) {
609
599
  const { __scopeSelect, onPlaced, ...popperProps } = props;
610
600
  const context = useSelectContext(CONTENT_NAME, __scopeSelect);
611
601
  const contentContext = useSelectContentContext(CONTENT_NAME, __scopeSelect);
@@ -766,10 +756,8 @@ var SelectItemAlignedPosition = React.forwardRef((props, forwardedRef) => {
766
756
  )
767
757
  }
768
758
  );
769
- });
770
- SelectItemAlignedPosition.displayName = ITEM_ALIGNED_POSITION_NAME;
771
- var POPPER_POSITION_NAME = "SelectPopperPosition";
772
- var SelectPopperPosition = React.forwardRef((props, forwardedRef) => {
759
+ }, "SelectItemAlignedPosition"));
760
+ var SelectPopperPosition = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectPopperPosition2(props, forwardedRef) {
773
761
  const {
774
762
  __scopeSelect,
775
763
  align = "start",
@@ -800,12 +788,11 @@ var SelectPopperPosition = React.forwardRef((props, forwardedRef) => {
800
788
  }
801
789
  }
802
790
  );
803
- });
804
- SelectPopperPosition.displayName = POPPER_POSITION_NAME;
791
+ }, "SelectPopperPosition"));
805
792
  var [SelectViewportProvider, useSelectViewportContext] = createSelectContext(CONTENT_NAME, {});
806
793
  var VIEWPORT_NAME = "SelectViewport";
807
- var SelectViewport = React.forwardRef(
808
- (props, forwardedRef) => {
794
+ var SelectViewport = /* @__PURE__ */ React.forwardRef(
795
+ /* @__PURE__ */ __name(function SelectViewport2(props, forwardedRef) {
809
796
  const { __scopeSelect, nonce, ...viewportProps } = props;
810
797
  const contentContext = useSelectContentContext(VIEWPORT_NAME, __scopeSelect);
811
798
  const viewportContext = useSelectViewportContext(VIEWPORT_NAME, __scopeSelect);
@@ -868,32 +855,29 @@ var SelectViewport = React.forwardRef(
868
855
  }
869
856
  ) })
870
857
  ] });
871
- }
858
+ }, "SelectViewport")
872
859
  );
873
- SelectViewport.displayName = VIEWPORT_NAME;
874
860
  var GROUP_NAME = "SelectGroup";
875
861
  var [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
876
- var SelectGroup = React.forwardRef(
877
- (props, forwardedRef) => {
862
+ var SelectGroup = /* @__PURE__ */ React.forwardRef(
863
+ /* @__PURE__ */ __name(function SelectGroup2(props, forwardedRef) {
878
864
  const { __scopeSelect, ...groupProps } = props;
879
865
  const groupId = (0, import_react_id.useId)();
880
866
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { role: "group", "aria-labelledby": groupId, ...groupProps, ref: forwardedRef }) });
881
- }
867
+ }, "SelectGroup")
882
868
  );
883
- SelectGroup.displayName = GROUP_NAME;
884
869
  var LABEL_NAME = "SelectLabel";
885
- var SelectLabel = React.forwardRef(
886
- (props, forwardedRef) => {
870
+ var SelectLabel = /* @__PURE__ */ React.forwardRef(
871
+ /* @__PURE__ */ __name(function SelectLabel2(props, forwardedRef) {
887
872
  const { __scopeSelect, ...labelProps } = props;
888
873
  const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
889
874
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { id: groupContext.id, ...labelProps, ref: forwardedRef });
890
- }
875
+ }, "SelectLabel")
891
876
  );
892
- SelectLabel.displayName = LABEL_NAME;
893
877
  var ITEM_NAME = "SelectItem";
894
878
  var [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
895
- var SelectItem = React.forwardRef(
896
- (props, forwardedRef) => {
879
+ var SelectItem = /* @__PURE__ */ React.forwardRef(
880
+ /* @__PURE__ */ __name(function SelectItem2(props, forwardedRef) {
897
881
  const {
898
882
  __scopeSelect,
899
883
  value,
@@ -912,12 +896,12 @@ var SelectItem = React.forwardRef(
912
896
  const composedRefs = (0, import_react_compose_refs.useComposedRefs)(forwardedRef, handleItemRefCallback);
913
897
  const textId = (0, import_react_id.useId)();
914
898
  const pointerTypeRef = React.useRef("touch");
915
- const handleSelect = () => {
899
+ const handleSelect = /* @__PURE__ */ __name(() => {
916
900
  if (!disabled) {
917
901
  context.onValueChange(value);
918
902
  context.onOpenChange(false);
919
903
  }
920
- };
904
+ }, "handleSelect");
921
905
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
922
906
  SelectItemContextProvider,
923
907
  {
@@ -994,12 +978,11 @@ var SelectItem = React.forwardRef(
994
978
  )
995
979
  }
996
980
  );
997
- }
981
+ }, "SelectItem")
998
982
  );
999
- SelectItem.displayName = ITEM_NAME;
1000
983
  var ITEM_TEXT_NAME = "SelectItemText";
1001
- var SelectItemText = React.forwardRef(
1002
- (props, forwardedRef) => {
984
+ var SelectItemText = /* @__PURE__ */ React.forwardRef(
985
+ /* @__PURE__ */ __name(function SelectItemText2(props, forwardedRef) {
1003
986
  const { __scopeSelect, className, style, ...itemTextProps } = props;
1004
987
  const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
1005
988
  const contentContext = useSelectContentContext(ITEM_TEXT_NAME, __scopeSelect);
@@ -1029,20 +1012,19 @@ var SelectItemText = React.forwardRef(
1029
1012
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.span, { id: itemContext.textId, ...itemTextProps, ref: composedRefs }),
1030
1013
  itemContext.isSelected && context.valueNode && !context.valueNodeHasChildren && !shouldShowPlaceholder(context.value) ? ReactDOM.createPortal(itemTextProps.children, context.valueNode) : null
1031
1014
  ] });
1032
- }
1015
+ }, "SelectItemText")
1033
1016
  );
1034
- SelectItemText.displayName = ITEM_TEXT_NAME;
1035
1017
  var ITEM_INDICATOR_NAME = "SelectItemIndicator";
1036
- var SelectItemIndicator = React.forwardRef(
1037
- (props, forwardedRef) => {
1018
+ var SelectItemIndicator = /* @__PURE__ */ React.forwardRef(
1019
+ // blank line to reduce diff noise
1020
+ /* @__PURE__ */ __name(function SelectItemIndicator2(props, forwardedRef) {
1038
1021
  const { __scopeSelect, ...itemIndicatorProps } = props;
1039
1022
  const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
1040
1023
  return itemContext.isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.span, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
1041
- }
1024
+ }, "SelectItemIndicator")
1042
1025
  );
1043
- SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
1044
1026
  var SCROLL_UP_BUTTON_NAME = "SelectScrollUpButton";
1045
- var SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
1027
+ var SelectScrollUpButton = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectScrollUpButton2(props, forwardedRef) {
1046
1028
  const contentContext = useSelectContentContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
1047
1029
  const viewportContext = useSelectViewportContext(SCROLL_UP_BUTTON_NAME, props.__scopeSelect);
1048
1030
  const [canScrollUp, setCanScrollUp] = React.useState(false);
@@ -1054,6 +1036,7 @@ var SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
1054
1036
  setCanScrollUp(canScrollUp2);
1055
1037
  };
1056
1038
  var handleScroll = handleScroll2;
1039
+ __name(handleScroll2, "handleScroll");
1057
1040
  const viewport = contentContext.viewport;
1058
1041
  handleScroll2();
1059
1042
  viewport.addEventListener("scroll", handleScroll2);
@@ -1073,10 +1056,9 @@ var SelectScrollUpButton = React.forwardRef((props, forwardedRef) => {
1073
1056
  }
1074
1057
  }
1075
1058
  ) : null;
1076
- });
1077
- SelectScrollUpButton.displayName = SCROLL_UP_BUTTON_NAME;
1059
+ }, "SelectScrollUpButton"));
1078
1060
  var SCROLL_DOWN_BUTTON_NAME = "SelectScrollDownButton";
1079
- var SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
1061
+ var SelectScrollDownButton = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectScrollDownButton2(props, forwardedRef) {
1080
1062
  const contentContext = useSelectContentContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
1081
1063
  const viewportContext = useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME, props.__scopeSelect);
1082
1064
  const [canScrollDown, setCanScrollDown] = React.useState(false);
@@ -1089,6 +1071,7 @@ var SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
1089
1071
  setCanScrollDown(canScrollDown2);
1090
1072
  };
1091
1073
  var handleScroll = handleScroll2;
1074
+ __name(handleScroll2, "handleScroll");
1092
1075
  const viewport = contentContext.viewport;
1093
1076
  handleScroll2();
1094
1077
  viewport.addEventListener("scroll", handleScroll2);
@@ -1108,9 +1091,8 @@ var SelectScrollDownButton = React.forwardRef((props, forwardedRef) => {
1108
1091
  }
1109
1092
  }
1110
1093
  ) : null;
1111
- });
1112
- SelectScrollDownButton.displayName = SCROLL_DOWN_BUTTON_NAME;
1113
- var SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
1094
+ }, "SelectScrollDownButton"));
1095
+ var SelectScrollButtonImpl = /* @__PURE__ */ React.forwardRef(/* @__PURE__ */ __name(function SelectScrollButtonImpl2(props, forwardedRef) {
1114
1096
  const { __scopeSelect, onAutoScroll, ...scrollIndicatorProps } = props;
1115
1097
  const contentContext = useSelectContentContext("SelectScrollButton", __scopeSelect);
1116
1098
  const autoScrollTimerRef = React.useRef(null);
@@ -1151,28 +1133,27 @@ var SelectScrollButtonImpl = React.forwardRef((props, forwardedRef) => {
1151
1133
  })
1152
1134
  }
1153
1135
  );
1154
- });
1155
- var SEPARATOR_NAME = "SelectSeparator";
1156
- var SelectSeparator = React.forwardRef(
1157
- (props, forwardedRef) => {
1136
+ }, "SelectScrollButtonImpl"));
1137
+ var SelectSeparator = /* @__PURE__ */ React.forwardRef(
1138
+ // blank line to reduce diff noise
1139
+ /* @__PURE__ */ __name(function SelectSeparator2(props, forwardedRef) {
1158
1140
  const { __scopeSelect, ...separatorProps } = props;
1159
1141
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_primitive.Primitive.div, { "aria-hidden": true, ...separatorProps, ref: forwardedRef });
1160
- }
1142
+ }, "SelectSeparator")
1161
1143
  );
1162
- SelectSeparator.displayName = SEPARATOR_NAME;
1163
1144
  var ARROW_NAME = "SelectArrow";
1164
- var SelectArrow = React.forwardRef(
1165
- (props, forwardedRef) => {
1145
+ var SelectArrow = /* @__PURE__ */ React.forwardRef(
1146
+ /* @__PURE__ */ __name(function SelectArrow2(props, forwardedRef) {
1166
1147
  const { __scopeSelect, ...arrowProps } = props;
1167
1148
  const popperScope = usePopperScope(__scopeSelect);
1168
1149
  const contentContext = useSelectContentContext(ARROW_NAME, __scopeSelect);
1169
1150
  return contentContext.position === "popper" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopperPrimitive.Arrow, { ...popperScope, ...arrowProps, ref: forwardedRef }) : null;
1170
- }
1151
+ }, "SelectArrow")
1171
1152
  );
1172
- SelectArrow.displayName = ARROW_NAME;
1173
1153
  var BUBBLE_INPUT_NAME = "SelectBubbleInput";
1174
- var SelectBubbleInput = React.forwardRef(
1175
- ({ __scopeSelect, ...props }, forwardedRef) => {
1154
+ var SelectBubbleInput = /* @__PURE__ */ React.forwardRef(
1155
+ // blank line to reduce diff noise
1156
+ /* @__PURE__ */ __name(function SelectBubbleInput2({ __scopeSelect, ...props }, forwardedRef) {
1176
1157
  const context = useSelectContext(BUBBLE_INPUT_NAME, __scopeSelect);
1177
1158
  const { value, onValueChange, required, disabled, name, autoComplete, form } = context;
1178
1159
  const { nativeOptions, nativeSelectKey } = context;
@@ -1220,15 +1201,16 @@ var SelectBubbleInput = React.forwardRef(
1220
1201
  },
1221
1202
  nativeSelectKey
1222
1203
  );
1223
- }
1204
+ }, "SelectBubbleInput")
1224
1205
  );
1225
- SelectBubbleInput.displayName = BUBBLE_INPUT_NAME;
1226
1206
  function isFunction(value) {
1227
1207
  return typeof value === "function";
1228
1208
  }
1209
+ __name(isFunction, "isFunction");
1229
1210
  function shouldShowPlaceholder(value) {
1230
1211
  return value === "" || value === void 0;
1231
1212
  }
1213
+ __name(shouldShowPlaceholder, "shouldShowPlaceholder");
1232
1214
  function useTypeaheadSearch(onSearchChange) {
1233
1215
  const handleSearchChange = (0, import_react_use_callback_ref.useCallbackRef)(onSearchChange);
1234
1216
  const searchRef = React.useRef("");
@@ -1237,11 +1219,11 @@ function useTypeaheadSearch(onSearchChange) {
1237
1219
  (key) => {
1238
1220
  const search = searchRef.current + key;
1239
1221
  handleSearchChange(search);
1240
- (function updateSearch(value) {
1222
+ (/* @__PURE__ */ __name((function updateSearch(value) {
1241
1223
  searchRef.current = value;
1242
1224
  window.clearTimeout(timerRef.current);
1243
1225
  if (value !== "") timerRef.current = window.setTimeout(() => updateSearch(""), 1e3);
1244
- })(search);
1226
+ }), "updateSearch"))(search);
1245
1227
  },
1246
1228
  [handleSearchChange]
1247
1229
  );
@@ -1254,6 +1236,7 @@ function useTypeaheadSearch(onSearchChange) {
1254
1236
  }, []);
1255
1237
  return [searchRef, handleTypeaheadSearch, resetTypeahead];
1256
1238
  }
1239
+ __name(useTypeaheadSearch, "useTypeaheadSearch");
1257
1240
  function findNextItem(items, search, currentItem) {
1258
1241
  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
1259
1242
  const normalizedSearch = isRepeated ? search[0] : search;
@@ -1266,7 +1249,9 @@ function findNextItem(items, search, currentItem) {
1266
1249
  );
1267
1250
  return nextItem !== currentItem ? nextItem : void 0;
1268
1251
  }
1252
+ __name(findNextItem, "findNextItem");
1269
1253
  function wrapArray(array, startIndex) {
1270
1254
  return array.map((_, index) => array[(startIndex + index) % array.length]);
1271
1255
  }
1256
+ __name(wrapArray, "wrapArray");
1272
1257
  //# sourceMappingURL=index.js.map