@eightshift/ui-components 5.3.3 → 5.5.0

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.
Files changed (66) hide show
  1. package/dist/{Button-npzfSoYo.js → Button-CQ5ZZJ2w.js} +8 -14
  2. package/dist/{Dialog-CQ8H6Noi.js → Dialog-BMgMUQuN.js} +81 -73
  3. package/dist/{FocusScope-DJApHXhY.js → FocusScope-B5vxRkHm.js} +1 -1
  4. package/dist/{Heading-bh1HU5HH.js → Heading-B5aEynOM.js} +1 -1
  5. package/dist/{Input-ChJaTNa5.js → Input-8yja_IHC.js} +6 -5
  6. package/dist/{ListBox-D0Stb4wr.js → ListBox-DggfiuO_.js} +28 -16
  7. package/dist/{OverlayArrow-DivvkAVb.js → OverlayArrow-DraDOoRn.js} +1 -1
  8. package/dist/{RSPContexts-2lR5GG9p.js → RSPContexts-CJ-HBf0L.js} +8 -4
  9. package/dist/{SearchField-jVsbJe1O.js → SearchField-DWGdCvnn.js} +24 -18
  10. package/dist/{Select-ciHB1pub.js → Select-BvggcFOX.js} +204 -68
  11. package/dist/SelectionIndicator-D7WMzeAW.js +7 -0
  12. package/dist/{SelectionManager-CabSdgMq.js → SelectionManager-B6-b5NM2.js} +98 -59
  13. package/dist/{Separator-BPvqJny4.js → Separator-B-xeqOkC.js} +6 -6
  14. package/dist/SharedElementTransition-fML-zIv6.js +12 -0
  15. package/dist/{Slider-ChP04COa.js → Slider-DfU6bRtH.js} +4 -4
  16. package/dist/{VisuallyHidden-X6SggVVO.js → VisuallyHidden-CgnIuZJ2.js} +1 -1
  17. package/dist/assets/style-admin.css +925 -79
  18. package/dist/assets/style-editor.css +925 -79
  19. package/dist/assets/style.css +925 -79
  20. package/dist/assets/wp-font-enhancements.css +1 -1
  21. package/dist/assets/wp-ui-enhancements.css +1 -1
  22. package/dist/components/button/button.js +75 -22
  23. package/dist/components/checkbox/checkbox.js +14 -10
  24. package/dist/components/color-pickers/solid-color-picker.js +8 -8
  25. package/dist/components/expandable/expandable.js +40 -10
  26. package/dist/components/index.js +4 -0
  27. package/dist/components/input-field/input-field.js +5 -5
  28. package/dist/components/link-input/link-input.js +32 -21
  29. package/dist/components/menu/menu.js +2 -2
  30. package/dist/components/modal/modal.js +34 -6
  31. package/dist/components/number-picker/number-picker.js +5 -4
  32. package/dist/components/options-panel/options-panel.js +1 -1
  33. package/dist/components/placeholders/file-picker-shell.js +130 -0
  34. package/dist/components/popover/popover.js +1 -1
  35. package/dist/components/radio/radio.js +20 -11
  36. package/dist/components/select/v2/async-multi-select.js +6 -6
  37. package/dist/components/select/v2/async-select.js +6 -6
  38. package/dist/components/select/v2/multi-select.js +7 -7
  39. package/dist/components/select/v2/shared.js +1 -1
  40. package/dist/components/select/v2/single-select.js +7 -7
  41. package/dist/components/slider/column-config-slider.js +1 -1
  42. package/dist/components/slider/slider.js +1 -1
  43. package/dist/components/smart-image/smart-image.js +117 -0
  44. package/dist/components/tabs/tabs.js +16 -10
  45. package/dist/components/toggle/switch.js +5 -5
  46. package/dist/components/toggle-button/toggle-button.js +10 -5
  47. package/dist/components/tooltip/tooltip.js +2 -2
  48. package/dist/icons/icons.js +10 -0
  49. package/dist/index.js +4 -0
  50. package/dist/{textSelection-k0u64dDA.js → textSelection-DbCKqaw8.js} +1 -1
  51. package/dist/{useButton-Bn4ZT295.js → useButton-v9ngEj50.js} +2 -2
  52. package/dist/{useDragAndDrop-DVLrIdEn.js → useDragAndDrop-C08ZXv4F.js} +5 -5
  53. package/dist/{useFilter-C4wo8Iii.js → useFilter-BlkUH1Ma.js} +1 -1
  54. package/dist/{useFocusRing-CUxgjvAY.js → useFocusRing-Cgm0R4Cf.js} +1 -1
  55. package/dist/{useFormValidation-CUtZcedF.js → useFormValidation-CeNsUGWK.js} +1 -1
  56. package/dist/{useHover-LmGemtHE.js → useHover-BRDW3y7-.js} +3 -1
  57. package/dist/{useListState-Xsk-aOvN.js → useListState-RdLrYsMP.js} +1 -1
  58. package/dist/{useNumberField-BCjjZWaz.js → useNumberField-D16dDfYF.js} +5 -5
  59. package/dist/{usePress-CBQIDzpQ.js → usePress-DJskZBH9.js} +4 -2
  60. package/dist/{useSingleSelectListState-DattSD7d.js → useSingleSelectListState-n0AVMr3Y.js} +2 -2
  61. package/dist/{useToggle-C8CedY6Z.js → useToggle-DSBDAfdw.js} +2 -2
  62. package/dist/{useToggleState-CiAradXs.js → useToggleState-CzN79ary.js} +1 -1
  63. package/dist/utilities/general.js +4142 -0
  64. package/dist/utilities/index.js +5 -0
  65. package/package.json +19 -15
  66. package/dist/context-DCAZLyDS.js +0 -7
@@ -6,9 +6,9 @@ import React__default, { forwardRef, createContext, useRef, useEffect } from "re
6
6
  import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-C8umX0gk.js";
7
7
  import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-BCmkV-7c.js";
8
8
  import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
9
- import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-Bn4ZT295.js";
10
- import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CUxgjvAY.js";
11
- import { w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-LmGemtHE.js";
9
+ import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-v9ngEj50.js";
10
+ import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cgm0R4Cf.js";
11
+ import { w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BRDW3y7-.js";
12
12
  const $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY = 7e3;
13
13
  let $319e236875307eab$var$liveAnnouncer = null;
14
14
  function $319e236875307eab$export$a9b970dcc4ae71a9(message, assertiveness = "assertive", timeout = $319e236875307eab$var$LIVEREGION_TIMEOUT_DELAY) {
@@ -156,10 +156,10 @@ const $0393f8ab869a0f1a$export$c17561cb55d4db30 = /* @__PURE__ */ forwardRef(fun
156
156
  const $d2b4bc8c273e7be6$export$24d547caef80ccd1 = /* @__PURE__ */ createContext({});
157
157
  const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function Button(props, ref) {
158
158
  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $d2b4bc8c273e7be6$export$24d547caef80ccd1);
159
- props = $d2b4bc8c273e7be6$var$disablePendingProps(props);
160
159
  let ctx = props;
161
160
  let { isPending } = ctx;
162
161
  let { buttonProps, isPressed } = $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref);
162
+ buttonProps = $d2b4bc8c273e7be6$var$useDisableInteractions(buttonProps, isPending);
163
163
  let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f(props);
164
164
  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
165
165
  ...props,
@@ -225,17 +225,11 @@ const $d2b4bc8c273e7be6$export$353f5b6fc5456de1 = /* @__PURE__ */ $f39a9eba43920
225
225
  }
226
226
  }, renderProps.children));
227
227
  });
228
- function $d2b4bc8c273e7be6$var$disablePendingProps(props) {
229
- if (props.isPending) {
230
- props.onPress = void 0;
231
- props.onPressStart = void 0;
232
- props.onPressEnd = void 0;
233
- props.onPressChange = void 0;
234
- props.onPressUp = void 0;
235
- props.onKeyDown = void 0;
236
- props.onKeyUp = void 0;
237
- props.onClick = void 0;
228
+ function $d2b4bc8c273e7be6$var$useDisableInteractions(props, isPending) {
229
+ if (isPending) {
230
+ for (const key in props) if (key.startsWith("on") && !(key.includes("Focus") || key.includes("Blur"))) props[key] = void 0;
238
231
  props.href = void 0;
232
+ props.target = void 0;
239
233
  }
240
234
  return props;
241
235
  }
@@ -1,25 +1,26 @@
1
- import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-npzfSoYo.js";
1
+ import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-CQ5ZZJ2w.js";
2
2
  import { l as $df56164dff5785e2$export$4338b53315abf666, b as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $bdb11010cef70236$export$f680877a34711e37, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, p as $ff5963eb1fccf552$export$e08e3b67e392101e, n as $b5e257d569688ac6$export$535bd6ca7f90a273, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "./utils-cvK1vxO7.js";
3
- import { $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-2lR5GG9p.js";
4
- import { g as $dd149f63282afbbf$export$f6211563215e3b37, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, f as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./OverlayArrow-DivvkAVb.js";
5
- import { B as $8a26561d2877236e$export$c24ed0104d07eab9, c as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, d as $e1995378a142960e$export$18af5c7a9e9b3664, C as $e1995378a142960e$export$e953bb1cd0f19726, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, D as $23b9f4fcf0fe224b$export$437f11dc9b403b78, h as $7135fc7d473fd974$export$4feb769f8ddf26c5, i as $7135fc7d473fd974$export$d40e14dec8b060a8, n as $7135fc7d473fd974$export$90e00781bc59d8f9, m as $23b9f4fcf0fe224b$export$d68d59712b04d9d1 } from "./SelectionManager-CabSdgMq.js";
6
- import { a as $8e6cc465cc68f603$export$b0d3ecf7112093a7, $ as $8e6cc465cc68f603$export$698f465ec27e93df } from "./context-DCAZLyDS.js";
7
- import { c as $62d8ded9296f3872$export$cfa2225e87938781, d as $982254629710d113$export$b95089534ab7c1fd, e as $453cc9f0df89c0a5$export$77d5aafae4e095b2, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-BPvqJny4.js";
3
+ import { c as $4e85f108e88277b8$export$b0d3ecf7112093a7, a as $4e85f108e88277b8$export$698f465ec27e93df, $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-CJ-HBf0L.js";
4
+ import { g as $dd149f63282afbbf$export$f6211563215e3b37, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, f as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./OverlayArrow-DraDOoRn.js";
5
+ import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def, C as $8a26561d2877236e$export$c24ed0104d07eab9, e as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, f as $e1995378a142960e$export$18af5c7a9e9b3664, D as $e1995378a142960e$export$e953bb1cd0f19726, g as $e1995378a142960e$export$bf788dd355e3a401, h as $e1995378a142960e$export$fb8073518f34e6ec, i as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, E as $23b9f4fcf0fe224b$export$437f11dc9b403b78, j as $7135fc7d473fd974$export$4feb769f8ddf26c5, k as $7135fc7d473fd974$export$d40e14dec8b060a8, p as $7135fc7d473fd974$export$90e00781bc59d8f9, o as $23b9f4fcf0fe224b$export$d68d59712b04d9d1 } from "./SelectionManager-B6-b5NM2.js";
6
+ import { c as $62d8ded9296f3872$export$cfa2225e87938781, d as $982254629710d113$export$b95089534ab7c1fd, e as $453cc9f0df89c0a5$export$77d5aafae4e095b2, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-B-xeqOkC.js";
8
7
  import React__default, { useRef, useContext, useEffect, useMemo, useState, useCallback, forwardRef, createContext } from "react";
8
+ import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-D7WMzeAW.js";
9
+ import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "./SharedElementTransition-fML-zIv6.js";
9
10
  import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
10
11
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
11
- import { d as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, e as $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f } from "./usePress-CBQIDzpQ.js";
12
- import { I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, c as $431fbd86ca7dc216$export$b204af158042fbac, b as $c87311424ea30a05$export$fedb369cb70207f1, x as $431fbd86ca7dc216$export$f21a1ffae260145a, z as $7215afc6de606d6b$export$de79e2c695e052f3, w as $6179b936705e76d3$export$ae780daf29e6d456, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, A as $46d819fcbaf35654$export$8f71654801c2f7cd, n as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, L as $507fabe10e71c6fb$export$98e20ec92f614cfe, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-LmGemtHE.js";
12
+ import { d as $ae1eeba8b9eafd08$export$5165eccb35aaadb5, b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, e as $ea8dcbcb9ea1b556$export$13aea1a3cb5e3f1f } from "./usePress-DJskZBH9.js";
13
+ import { I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, c as $431fbd86ca7dc216$export$b204af158042fbac, b as $c87311424ea30a05$export$fedb369cb70207f1, x as $431fbd86ca7dc216$export$f21a1ffae260145a, z as $7215afc6de606d6b$export$de79e2c695e052f3, w as $6179b936705e76d3$export$ae780daf29e6d456, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, A as $46d819fcbaf35654$export$8f71654801c2f7cd, n as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, L as $507fabe10e71c6fb$export$98e20ec92f614cfe, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-BRDW3y7-.js";
13
14
  import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
14
15
  import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BifIGnVS.js";
15
16
  import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
16
- import { c as $9bf71ea28793e738$export$1258395f99bf9cbf, b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-DJApHXhY.js";
17
+ import { c as $9bf71ea28793e738$export$1258395f99bf9cbf, b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-B5vxRkHm.js";
17
18
  import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "./PortalProvider---wyKpMr.js";
18
19
  import { $ as $dbSRa$reactdom } from "./index-D8-Zjpbd.js";
19
20
  import { b as $f39a9eba43920ace$export$b5d7cc18bb8d2b59 } from "./Hidden-rE6uR-lr.js";
20
- import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-CUxgjvAY.js";
21
+ import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-Cgm0R4Cf.js";
21
22
  import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Cdxi6JSa.js";
22
- import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-X6SggVVO.js";
23
+ import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-CgnIuZJ2.js";
23
24
  const $f1ab8c75478c6f73$export$3351871ee4b288b8 = /* @__PURE__ */ React__default.forwardRef(({ children, ...props }, ref) => {
24
25
  let isRegistered = useRef(false);
25
26
  let prevContext = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
@@ -212,17 +213,6 @@ function $628037886ba31236$export$f9d5c8beee7d008d(props, state, ref) {
212
213
  };
213
214
  }
214
215
  const $49c51c25361d4cd2$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
215
- const $49c51c25361d4cd2$var$nonTextInputTypes = /* @__PURE__ */ new Set([
216
- "checkbox",
217
- "radio",
218
- "range",
219
- "color",
220
- "file",
221
- "image",
222
- "button",
223
- "submit",
224
- "reset"
225
- ]);
226
216
  let $49c51c25361d4cd2$var$preventScrollCount = 0;
227
217
  let $49c51c25361d4cd2$var$restore;
228
218
  function $49c51c25361d4cd2$export$ee0f7cc6afcd1c18(options = {}) {
@@ -249,54 +239,55 @@ function $49c51c25361d4cd2$var$preventScrollStandard() {
249
239
  }
250
240
  function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
251
241
  let scrollable;
252
- let restoreScrollableStyles;
242
+ let allowTouchMove = false;
253
243
  let onTouchStart = (e) => {
254
- scrollable = $62d8ded9296f3872$export$cfa2225e87938781(e.target, true);
255
- if (scrollable === document.documentElement && scrollable === document.body) return;
256
- if (scrollable instanceof HTMLElement && window.getComputedStyle(scrollable).overscrollBehavior === "auto") restoreScrollableStyles = $49c51c25361d4cd2$var$setStyle(scrollable, "overscrollBehavior", "contain");
244
+ let target = e.target;
245
+ scrollable = $cc38e7bd3fc7b213$export$2bb74740c4e19def(target) ? target : $62d8ded9296f3872$export$cfa2225e87938781(target, true);
246
+ allowTouchMove = false;
247
+ let selection = target.ownerDocument.defaultView.getSelection();
248
+ if (selection && !selection.isCollapsed && selection.containsNode(target, true)) allowTouchMove = true;
249
+ if ("selectionStart" in target && "selectionEnd" in target && target.selectionStart < target.selectionEnd && target.ownerDocument.activeElement === target) allowTouchMove = true;
257
250
  };
251
+ let style = document.createElement("style");
252
+ style.textContent = `
253
+ @layer {
254
+ * {
255
+ overscroll-behavior: contain;
256
+ }
257
+ }`.trim();
258
+ document.head.prepend(style);
258
259
  let onTouchMove = (e) => {
260
+ if (e.touches.length === 2 || allowTouchMove) return;
259
261
  if (!scrollable || scrollable === document.documentElement || scrollable === document.body) {
260
262
  e.preventDefault();
261
263
  return;
262
264
  }
263
265
  if (scrollable.scrollHeight === scrollable.clientHeight && scrollable.scrollWidth === scrollable.clientWidth) e.preventDefault();
264
266
  };
265
- let onTouchEnd = () => {
266
- if (restoreScrollableStyles) restoreScrollableStyles();
267
- };
268
- let onFocus = (e) => {
267
+ let onBlur = (e) => {
269
268
  let target = e.target;
270
- if ($49c51c25361d4cd2$var$willOpenKeyboard(target)) {
271
- setupStyles();
272
- target.style.transform = "translateY(-2000px)";
273
- requestAnimationFrame(() => {
274
- target.style.transform = "";
275
- if ($49c51c25361d4cd2$var$visualViewport) {
276
- if ($49c51c25361d4cd2$var$visualViewport.height < window.innerHeight)
277
- requestAnimationFrame(() => {
278
- $49c51c25361d4cd2$var$scrollIntoView(target);
279
- });
280
- else
281
- $49c51c25361d4cd2$var$visualViewport.addEventListener("resize", () => $49c51c25361d4cd2$var$scrollIntoView(target), {
282
- once: true
283
- });
284
- }
269
+ let relatedTarget = e.relatedTarget;
270
+ if (relatedTarget && $21f1aa98acb08317$export$c57958e35f31ed73(relatedTarget)) {
271
+ relatedTarget.focus({
272
+ preventScroll: true
273
+ });
274
+ $49c51c25361d4cd2$var$scrollIntoViewWhenReady(relatedTarget, $21f1aa98acb08317$export$c57958e35f31ed73(target));
275
+ } else if (!relatedTarget) {
276
+ var _target_parentElement;
277
+ let focusable = (_target_parentElement = target.parentElement) === null || _target_parentElement === void 0 ? void 0 : _target_parentElement.closest("[tabindex]");
278
+ focusable === null || focusable === void 0 ? void 0 : focusable.focus({
279
+ preventScroll: true
285
280
  });
286
281
  }
287
282
  };
288
- let restoreStyles = null;
289
- let setupStyles = () => {
290
- if (restoreStyles) return;
291
- let onWindowScroll = () => {
292
- window.scrollTo(0, 0);
293
- };
294
- let scrollX = window.pageXOffset;
295
- let scrollY = window.pageYOffset;
296
- restoreStyles = $ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$addEvent(window, "scroll", onWindowScroll), $49c51c25361d4cd2$var$setStyle(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`), $49c51c25361d4cd2$var$setStyle(document.documentElement, "overflow", "hidden"), $49c51c25361d4cd2$var$setStyle(document.body, "marginTop", `-${scrollY}px`), () => {
297
- window.scrollTo(scrollX, scrollY);
283
+ let focus = HTMLElement.prototype.focus;
284
+ HTMLElement.prototype.focus = function(opts) {
285
+ let wasKeyboardVisible = document.activeElement != null && $21f1aa98acb08317$export$c57958e35f31ed73(document.activeElement);
286
+ focus.call(this, {
287
+ ...opts,
288
+ preventScroll: true
298
289
  });
299
- window.scrollTo(0, 0);
290
+ if (!opts || !opts.preventScroll) $49c51c25361d4cd2$var$scrollIntoViewWhenReady(this, wasKeyboardVisible);
300
291
  };
301
292
  let removeEvents = $ff5963eb1fccf552$export$e08e3b67e392101e($49c51c25361d4cd2$var$addEvent(document, "touchstart", onTouchStart, {
302
293
  passive: false,
@@ -304,14 +295,11 @@ function $49c51c25361d4cd2$var$preventScrollMobileSafari() {
304
295
  }), $49c51c25361d4cd2$var$addEvent(document, "touchmove", onTouchMove, {
305
296
  passive: false,
306
297
  capture: true
307
- }), $49c51c25361d4cd2$var$addEvent(document, "touchend", onTouchEnd, {
308
- passive: false,
309
- capture: true
310
- }), $49c51c25361d4cd2$var$addEvent(document, "focus", onFocus, true));
298
+ }), $49c51c25361d4cd2$var$addEvent(document, "blur", onBlur, true));
311
299
  return () => {
312
- restoreScrollableStyles === null || restoreScrollableStyles === void 0 ? void 0 : restoreScrollableStyles();
313
- restoreStyles === null || restoreStyles === void 0 ? void 0 : restoreStyles();
314
300
  removeEvents();
301
+ style.remove();
302
+ HTMLElement.prototype.focus = focus;
315
303
  };
316
304
  }
317
305
  function $49c51c25361d4cd2$var$setStyle(element, style, value) {
@@ -327,22 +315,36 @@ function $49c51c25361d4cd2$var$addEvent(target, event, handler, options) {
327
315
  target.removeEventListener(event, handler, options);
328
316
  };
329
317
  }
318
+ function $49c51c25361d4cd2$var$scrollIntoViewWhenReady(target, wasKeyboardVisible) {
319
+ if (wasKeyboardVisible || !$49c51c25361d4cd2$var$visualViewport)
320
+ $49c51c25361d4cd2$var$scrollIntoView(target);
321
+ else
322
+ $49c51c25361d4cd2$var$visualViewport.addEventListener("resize", () => $49c51c25361d4cd2$var$scrollIntoView(target), {
323
+ once: true
324
+ });
325
+ }
330
326
  function $49c51c25361d4cd2$var$scrollIntoView(target) {
331
327
  let root = document.scrollingElement || document.documentElement;
332
328
  let nextTarget = target;
333
329
  while (nextTarget && nextTarget !== root) {
334
330
  let scrollable = $62d8ded9296f3872$export$cfa2225e87938781(nextTarget);
335
331
  if (scrollable !== document.documentElement && scrollable !== document.body && scrollable !== nextTarget) {
336
- let scrollableTop = scrollable.getBoundingClientRect().top;
337
- let targetTop = nextTarget.getBoundingClientRect().top;
338
- if (targetTop > scrollableTop + nextTarget.clientHeight) scrollable.scrollTop += targetTop - scrollableTop;
332
+ let scrollableRect = scrollable.getBoundingClientRect();
333
+ let targetRect = nextTarget.getBoundingClientRect();
334
+ if (targetRect.top < scrollableRect.top || targetRect.bottom > scrollableRect.top + nextTarget.clientHeight) {
335
+ let bottom = scrollableRect.bottom;
336
+ if ($49c51c25361d4cd2$var$visualViewport) bottom = Math.min(bottom, $49c51c25361d4cd2$var$visualViewport.offsetTop + $49c51c25361d4cd2$var$visualViewport.height);
337
+ let adjustment = targetRect.top - scrollableRect.top - ((bottom - scrollableRect.top) / 2 - targetRect.height / 2);
338
+ scrollable.scrollTo({
339
+ // Clamp to the valid range to prevent over-scrolling.
340
+ top: Math.max(0, Math.min(scrollable.scrollHeight - scrollable.clientHeight, scrollable.scrollTop + adjustment)),
341
+ behavior: "smooth"
342
+ });
343
+ }
339
344
  }
340
345
  nextTarget = scrollable.parentElement;
341
346
  }
342
347
  }
343
- function $49c51c25361d4cd2$var$willOpenKeyboard(target) {
344
- return target instanceof HTMLInputElement && !$49c51c25361d4cd2$var$nonTextInputTypes.has(target.type) || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
345
- }
346
348
  var $773d5888b972f1cf$exports = {};
347
349
  $773d5888b972f1cf$exports = {
348
350
  "dismiss": `تجاهل`
@@ -2003,7 +2005,7 @@ const $3674c52c6b3c5bce$export$d9b273488cd8ce6f = /* @__PURE__ */ forwardRef(fun
2003
2005
  }));
2004
2006
  });
2005
2007
  function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
2006
- [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $8e6cc465cc68f603$export$b0d3ecf7112093a7);
2008
+ [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4e85f108e88277b8$export$b0d3ecf7112093a7);
2007
2009
  let { filter, ...autocompleteMenuProps } = props;
2008
2010
  let filteredCollection = useMemo(() => filter ? collection.filter(filter) : collection, [
2009
2011
  collection,
@@ -2076,11 +2078,11 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
2076
2078
  null
2077
2079
  ],
2078
2080
  [
2079
- $8e6cc465cc68f603$export$b0d3ecf7112093a7,
2081
+ $4e85f108e88277b8$export$b0d3ecf7112093a7,
2080
2082
  null
2081
2083
  ],
2082
2084
  [
2083
- $8e6cc465cc68f603$export$698f465ec27e93df,
2085
+ $4e85f108e88277b8$export$698f465ec27e93df,
2084
2086
  null
2085
2087
  ],
2086
2088
  [
@@ -2095,11 +2097,11 @@ function $3674c52c6b3c5bce$var$MenuInner({ props, collection, menuRef: ref }) {
2095
2097
  triggerState !== null && triggerState !== void 0 ? triggerState : $a28c903ee9ad8dc5$export$79fefeb1c2091ac3({})
2096
2098
  ]
2097
2099
  ]
2098
- }, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
2100
+ }, /* @__PURE__ */ React__default.createElement($c8a5a149f625efcf$export$758399f318e6385a, null, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
2099
2101
  collection: state.collection,
2100
2102
  persistedKeys: $7135fc7d473fd974$export$90e00781bc59d8f9(state.selectionManager.focusedKey),
2101
2103
  scrollRef: ref
2102
- })), emptyState));
2104
+ }))), emptyState));
2103
2105
  }
2104
2106
  class $3674c52c6b3c5bce$var$GroupSelectionManager extends $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
2105
2107
  get focusedKey() {
@@ -2233,6 +2235,12 @@ const $3674c52c6b3c5bce$export$2ce376c2cc3355c8 = /* @__PURE__ */ $e1995378a1429
2233
2235
  [
2234
2236
  $63df2425e2108aa8$export$744d98a3b8a94e1c,
2235
2237
  keyboardShortcutProps
2238
+ ],
2239
+ [
2240
+ $1d5b8b8664671ef2$export$c9549807523555e0,
2241
+ {
2242
+ isSelected: states.isSelected
2243
+ }
2236
2244
  ]
2237
2245
  ]
2238
2246
  }, renderProps.children));
@@ -1,4 +1,4 @@
1
- import { o as $f4e2df6bd15f8569$export$98658e8c59125e6a, i as $d4ee10de306f2510$export$4282f70798064fe0, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, p as $b4b717babfbb907b$export$bebd5a1431fec25d, q as $b4b717babfbb907b$export$4c063cf1350e6fed, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, h as $d4ee10de306f2510$export$e58f029f0fbfdb29, s as $c87311424ea30a05$export$a11b0059900ceec8, t as $c87311424ea30a05$export$6446a186d09e379e, u as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useHover-LmGemtHE.js";
1
+ import { o as $f4e2df6bd15f8569$export$98658e8c59125e6a, i as $d4ee10de306f2510$export$4282f70798064fe0, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, p as $b4b717babfbb907b$export$bebd5a1431fec25d, q as $b4b717babfbb907b$export$4c063cf1350e6fed, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, h as $d4ee10de306f2510$export$e58f029f0fbfdb29, s as $c87311424ea30a05$export$a11b0059900ceec8, t as $c87311424ea30a05$export$6446a186d09e379e, u as $507fabe10e71c6fb$export$630ff653c5ada6a9 } from "./useHover-BRDW3y7-.js";
2
2
  import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-cvK1vxO7.js";
3
3
  import React__default, { useRef, useContext, useMemo, useEffect } from "react";
4
4
  class $dfc540311bf7f109$export$63eb3ababa9c55c4 {
@@ -1,4 +1,4 @@
1
- import { $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-2lR5GG9p.js";
1
+ import { $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-CJ-HBf0L.js";
2
2
  import { a as $64fa3d84918910a7$export$29f1550f4b0d4415 } from "./utils-cvK1vxO7.js";
3
3
  import React__default, { forwardRef } from "react";
4
4
  const $5cb03073d3f54797$export$a8a3e93435678ff9 = /* @__PURE__ */ forwardRef(function Heading(props, ref) {
@@ -1,11 +1,11 @@
1
- import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $f645667febf57a63$export$4c014de7c8940b4c, x as $431fbd86ca7dc216$export$f21a1ffae260145a, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-LmGemtHE.js";
1
+ import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, $ as $f645667febf57a63$export$4c014de7c8940b4c, x as $431fbd86ca7dc216$export$f21a1ffae260145a, w as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BRDW3y7-.js";
2
2
  import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-cvK1vxO7.js";
3
3
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
4
4
  import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-yV9VVy9R.js";
5
5
  import React__default, { useState, useEffect, forwardRef, createContext } from "react";
6
6
  import { a as $2baaea4c71418dea$export$294aa081a6c6f55d } from "./FieldError-B8BgFmIQ.js";
7
- import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-CUtZcedF.js";
8
- import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CUxgjvAY.js";
7
+ import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a } from "./useFormValidation-CeNsUGWK.js";
8
+ import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cgm0R4Cf.js";
9
9
  import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
10
10
  function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
11
11
  let { inputElementType = "input", isDisabled = false, isRequired = false, isReadOnly = false, type = "text", validationBehavior = "aria" } = props;
@@ -97,7 +97,7 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
97
97
  const $a049562f99e7db0e$export$f9c6924e160136d1 = /* @__PURE__ */ createContext({});
98
98
  const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /* @__PURE__ */ forwardRef(function Group(props, ref) {
99
99
  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $a049562f99e7db0e$export$f9c6924e160136d1);
100
- let { isDisabled, isInvalid, onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
100
+ let { isDisabled, isInvalid, isReadOnly, onHoverStart, onHoverChange, onHoverEnd, ...otherProps } = props;
101
101
  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
102
102
  onHoverStart,
103
103
  onHoverChange,
@@ -131,7 +131,8 @@ const $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 = /* @__PURE__ */ forwardRef(fun
131
131
  "data-hovered": isHovered || void 0,
132
132
  "data-focus-visible": isFocusVisible || void 0,
133
133
  "data-disabled": isDisabled || void 0,
134
- "data-invalid": isInvalid || void 0
134
+ "data-invalid": isInvalid || void 0,
135
+ "data-readonly": isReadOnly || void 0
135
136
  }, renderProps.children);
136
137
  });
137
138
  const $3985021b0ad6602f$export$37fb8590cf2c088c = /* @__PURE__ */ createContext({});
@@ -1,17 +1,19 @@
1
- import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, h as $7135fc7d473fd974$export$4feb769f8ddf26c5, i as $7135fc7d473fd974$export$d40e14dec8b060a8, j as $23b9f4fcf0fe224b$export$8258a0665a675899 } from "./SelectionManager-CabSdgMq.js";
1
+ import { e as $880e95eb8b93ba9a$export$ecf600387e221c37, f as $e1995378a142960e$export$18af5c7a9e9b3664, g as $e1995378a142960e$export$bf788dd355e3a401, h as $e1995378a142960e$export$fb8073518f34e6ec, i as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, j as $7135fc7d473fd974$export$4feb769f8ddf26c5, k as $7135fc7d473fd974$export$d40e14dec8b060a8, l as $23b9f4fcf0fe224b$export$8258a0665a675899 } from "./SelectionManager-B6-b5NM2.js";
2
2
  import { e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $bdb11010cef70236$export$f680877a34711e37, b as $3ef42575df84b30b$export$9d1611c77c2fe928, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "./utils-cvK1vxO7.js";
3
3
  import React__default, { useRef, createContext, forwardRef, useContext, useCallback, useMemo, useEffect } from "react";
4
- import { c as $62d8ded9296f3872$export$cfa2225e87938781, d as $982254629710d113$export$b95089534ab7c1fd, e as $453cc9f0df89c0a5$export$77d5aafae4e095b2, b as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-BPvqJny4.js";
5
- import { a as $8e6cc465cc68f603$export$b0d3ecf7112093a7 } from "./context-DCAZLyDS.js";
4
+ import { c as $62d8ded9296f3872$export$cfa2225e87938781, d as $982254629710d113$export$b95089534ab7c1fd, e as $453cc9f0df89c0a5$export$77d5aafae4e095b2, b as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a, g as $431f98aba6844401$export$6615d83f6de245ce, h as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-B-xeqOkC.js";
5
+ import { c as $4e85f108e88277b8$export$b0d3ecf7112093a7 } from "./RSPContexts-CJ-HBf0L.js";
6
+ import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-D7WMzeAW.js";
7
+ import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "./SharedElementTransition-fML-zIv6.js";
6
8
  import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
7
9
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
8
- import { a as $e72dd72e1c76a225$export$ba9d38c0f1bf2b36, $ as $e72dd72e1c76a225$export$2f645645f7bca764, b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "./useListState-Xsk-aOvN.js";
9
- import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-CBQIDzpQ.js";
10
- import { B as $c87311424ea30a05$export$9ac100e40613ea10, C as $c87311424ea30a05$export$78551043582a6a98, w as $6179b936705e76d3$export$ae780daf29e6d456, l as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useHover-LmGemtHE.js";
11
- import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CUxgjvAY.js";
10
+ import { a as $e72dd72e1c76a225$export$ba9d38c0f1bf2b36, $ as $e72dd72e1c76a225$export$2f645645f7bca764, b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "./useListState-RdLrYsMP.js";
11
+ import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "./usePress-DJskZBH9.js";
12
+ import { B as $c87311424ea30a05$export$9ac100e40613ea10, C as $c87311424ea30a05$export$78551043582a6a98, w as $6179b936705e76d3$export$ae780daf29e6d456, l as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useHover-BRDW3y7-.js";
13
+ import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cgm0R4Cf.js";
12
14
  import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-C8umX0gk.js";
13
15
  import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
14
- import { b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-DJApHXhY.js";
16
+ import { b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-B5vxRkHm.js";
15
17
  function $a5fa973c1850dd36$export$ccaea96c28e8b9e7(props, ref) {
16
18
  let { collection, onLoadMore, scrollOffset = 1 } = props;
17
19
  let sentinelObserver = useRef(null);
@@ -76,7 +78,9 @@ function $c132121280ec012d$export$50eacbbf140a3141(props, state, ref) {
76
78
  shouldFocusOnHover: props.shouldFocusOnHover,
77
79
  isVirtualized: props.isVirtualized,
78
80
  onAction: props.onAction,
79
- linkBehavior
81
+ linkBehavior,
82
+ // @ts-ignore
83
+ UNSTABLE_itemBehavior: props["UNSTABLE_itemBehavior"]
80
84
  });
81
85
  let { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f({
82
86
  ...props,
@@ -145,6 +149,8 @@ function $293f70390ea03370$export$497855f14858aa34(props, state, ref) {
145
149
  isDisabled,
146
150
  onAction: onAction || (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) ? $ff5963eb1fccf552$export$e08e3b67e392101e(item === null || item === void 0 ? void 0 : (_item_props1 = item.props) === null || _item_props1 === void 0 ? void 0 : _item_props1.onAction, onAction) : void 0,
147
151
  linkBehavior: data === null || data === void 0 ? void 0 : data.linkBehavior,
152
+ // @ts-ignore
153
+ UNSTABLE_itemBehavior: data === null || data === void 0 ? void 0 : data["UNSTABLE_itemBehavior"],
148
154
  id
149
155
  });
150
156
  let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
@@ -299,7 +305,7 @@ function $eed445e0843c11d0$var$StandaloneListBox({ props, listBoxRef, collection
299
305
  });
300
306
  }
301
307
  function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props, listBoxRef }) {
302
- [props, listBoxRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, listBoxRef, $8e6cc465cc68f603$export$b0d3ecf7112093a7);
308
+ [props, listBoxRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, listBoxRef, $4e85f108e88277b8$export$b0d3ecf7112093a7);
303
309
  let { dragAndDropHooks, layout = "stack", orientation = "vertical", filter } = props;
304
310
  let state = $e72dd72e1c76a225$export$ba9d38c0f1bf2b36(inputState, filter);
305
311
  let { collection, selectionManager } = state;
@@ -462,12 +468,12 @@ function $eed445e0843c11d0$var$ListBoxInner({ state: inputState, props, listBoxR
462
468
  }
463
469
  ]
464
470
  ]
465
- }, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
471
+ }, /* @__PURE__ */ React__default.createElement($c8a5a149f625efcf$export$758399f318e6385a, null, /* @__PURE__ */ React__default.createElement(CollectionRoot, {
466
472
  collection,
467
473
  scrollRef: listBoxRef,
468
474
  persistedKeys: $612b8eb6cb90e02d$export$d1e8e3fbb7461f6(selectionManager, dragAndDropHooks, dropState),
469
475
  renderDropIndicator: $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState)
470
- })), emptyState, dragPreview));
476
+ }))), emptyState, dragPreview));
471
477
  }
472
478
  function $eed445e0843c11d0$var$ListBoxSectionInner(props, ref, section, className = "react-aria-ListBoxSection") {
473
479
  let state = useContext($eed445e0843c11d0$export$7c5906fe4f1f2af2);
@@ -580,6 +586,12 @@ const $eed445e0843c11d0$export$a11e76429ed99b4 = /* @__PURE__ */ $e1995378a14296
580
586
  description: descriptionProps
581
587
  }
582
588
  }
589
+ ],
590
+ [
591
+ $1d5b8b8664671ef2$export$c9549807523555e0,
592
+ {
593
+ isSelected: states.isSelected
594
+ }
583
595
  ]
584
596
  ]
585
597
  }, renderProps.children));
@@ -671,8 +683,8 @@ export {
671
683
  $eed445e0843c11d0$export$41f133550aa26f48 as $,
672
684
  $eed445e0843c11d0$export$a11e76429ed99b4 as a,
673
685
  $612b8eb6cb90e02d$export$62ed72bc21f6b8a6 as b,
674
- $eed445e0843c11d0$export$7ff8f37d2d81a48d as c,
675
- $eed445e0843c11d0$export$7c5906fe4f1f2af2 as d,
676
- $b1f0cad8af73213b$export$3585ede4d035bf14 as e,
677
- $b1f0cad8af73213b$export$9145995848b05025 as f
686
+ $b1f0cad8af73213b$export$3585ede4d035bf14 as c,
687
+ $b1f0cad8af73213b$export$9145995848b05025 as d,
688
+ $eed445e0843c11d0$export$7ff8f37d2d81a48d as e,
689
+ $eed445e0843c11d0$export$7c5906fe4f1f2af2 as f
678
690
  };
@@ -1,7 +1,7 @@
1
1
  import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-cvK1vxO7.js";
2
2
  import { r as reactDomExports } from "./index-D8-Zjpbd.js";
3
3
  import React__default, { useEffect, useState, useCallback, useRef, forwardRef, createContext } from "react";
4
- import { C as $c87311424ea30a05$export$78551043582a6a98, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-LmGemtHE.js";
4
+ import { C as $c87311424ea30a05$export$78551043582a6a98, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-BRDW3y7-.js";
5
5
  import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-7sOvrqo0.js";
6
6
  import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
7
7
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
@@ -5,10 +5,14 @@ const $4e85f108e88277b8$export$44644b8a16031b5b = createContext(null);
5
5
  const $4e85f108e88277b8$export$717b2c0a523a0b53 = createContext(null);
6
6
  createContext(null);
7
7
  const $4e85f108e88277b8$export$d688439359537581 = createContext({});
8
+ const $4e85f108e88277b8$export$b0d3ecf7112093a7 = createContext(null);
9
+ const $4e85f108e88277b8$export$698f465ec27e93df = createContext(null);
8
10
  export {
9
11
  $4e85f108e88277b8$export$d688439359537581 as $,
10
- $4e85f108e88277b8$export$b085522c77523c51 as a,
11
- $4e85f108e88277b8$export$ebe63fadcdce34ed as b,
12
- $4e85f108e88277b8$export$44644b8a16031b5b as c,
13
- $4e85f108e88277b8$export$717b2c0a523a0b53 as d
12
+ $4e85f108e88277b8$export$698f465ec27e93df as a,
13
+ $4e85f108e88277b8$export$b085522c77523c51 as b,
14
+ $4e85f108e88277b8$export$b0d3ecf7112093a7 as c,
15
+ $4e85f108e88277b8$export$ebe63fadcdce34ed as d,
16
+ $4e85f108e88277b8$export$44644b8a16031b5b as e,
17
+ $4e85f108e88277b8$export$717b2c0a523a0b53 as f
14
18
  };
@@ -1,15 +1,15 @@
1
- import { $ as $8e6cc465cc68f603$export$698f465ec27e93df, a as $8e6cc465cc68f603$export$b0d3ecf7112093a7 } from "./context-DCAZLyDS.js";
2
- import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-cvK1vxO7.js";
3
- import { u as $507fabe10e71c6fb$export$630ff653c5ada6a9, b as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-LmGemtHE.js";
1
+ import { a as $4e85f108e88277b8$export$698f465ec27e93df, c as $4e85f108e88277b8$export$b0d3ecf7112093a7 } from "./RSPContexts-CJ-HBf0L.js";
2
+ import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $bdb11010cef70236$export$f680877a34711e37, e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-cvK1vxO7.js";
3
+ import { u as $507fabe10e71c6fb$export$630ff653c5ada6a9, b as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, c as $431fbd86ca7dc216$export$b204af158042fbac, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-BRDW3y7-.js";
4
4
  import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-Cdxi6JSa.js";
5
5
  import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BifIGnVS.js";
6
- import { v as $5671b20cf9b562b2$export$831c820ad60f9d12, w as $55f9b1ae81f22853$export$76e4e37e5339496d, x as $5671b20cf9b562b2$export$447a38995de2c711, y as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, t as $55f9b1ae81f22853$export$2b35b76d2e30e129, z as $21f1aa98acb08317$export$16792effe837dba3, A as $55f9b1ae81f22853$export$759df0d867455a91 } from "./SelectionManager-CabSdgMq.js";
7
- import React__default, { useRef, useEffect, useCallback, useMemo, useState, createContext } from "react";
6
+ import { w as $5671b20cf9b562b2$export$831c820ad60f9d12, x as $55f9b1ae81f22853$export$76e4e37e5339496d, y as $5671b20cf9b562b2$export$447a38995de2c711, z as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, t as $55f9b1ae81f22853$export$2b35b76d2e30e129, A as $21f1aa98acb08317$export$16792effe837dba3, B as $55f9b1ae81f22853$export$759df0d867455a91 } from "./SelectionManager-B6-b5NM2.js";
7
+ import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext } from "react";
8
8
  import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
9
- import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-npzfSoYo.js";
9
+ import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-CQ5ZZJ2w.js";
10
10
  import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-B8BgFmIQ.js";
11
11
  import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
12
- import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Input-ChJaTNa5.js";
12
+ import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Input-8yja_IHC.js";
13
13
  import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DWVaNd2E.js";
14
14
  import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
15
15
  import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
@@ -423,13 +423,14 @@ function $parcel$interopDefault(a) {
423
423
  }
424
424
  function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
425
425
  let { inputRef, collectionRef, filter, disableAutoFocusFirst = false, disableVirtualFocus = false } = props;
426
- let collectionId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
426
+ let collectionId = $bdb11010cef70236$export$f680877a34711e37();
427
427
  let timeout = useRef(void 0);
428
428
  let delayNextActiveDescendant = useRef(false);
429
429
  let queuedActiveDescendant = useRef(null);
430
430
  let lastCollectionNode = useRef(null);
431
431
  let isMobileScreenReader = $507fabe10e71c6fb$export$630ff653c5ada6a9() === "virtual" && ($c87311424ea30a05$export$fedb369cb70207f1() || $c87311424ea30a05$export$a11b0059900ceec8());
432
- let shouldUseVirtualFocus = !isMobileScreenReader && !disableVirtualFocus;
432
+ let [shouldUseVirtualFocus, setShouldUseVirtualFocus] = useState(!isMobileScreenReader && !disableVirtualFocus);
433
+ let [hasCollection, setHasCollection] = useState(false);
433
434
  useEffect(() => {
434
435
  return () => clearTimeout(timeout.current);
435
436
  }, []);
@@ -455,13 +456,18 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
455
456
  delayNextActiveDescendant.current = false;
456
457
  });
457
458
  let callbackRef = useCallback((collectionNode) => {
458
- var _lastCollectionNode_current;
459
459
  if (collectionNode != null) {
460
- var _lastCollectionNode_current1;
461
- (_lastCollectionNode_current1 = lastCollectionNode.current) === null || _lastCollectionNode_current1 === void 0 ? void 0 : _lastCollectionNode_current1.removeEventListener("focusin", updateActiveDescendant);
460
+ var _lastCollectionNode_current;
461
+ (_lastCollectionNode_current = lastCollectionNode.current) === null || _lastCollectionNode_current === void 0 ? void 0 : _lastCollectionNode_current.removeEventListener("focusin", updateActiveDescendant);
462
462
  lastCollectionNode.current = collectionNode;
463
463
  collectionNode.addEventListener("focusin", updateActiveDescendant);
464
- } else (_lastCollectionNode_current = lastCollectionNode.current) === null || _lastCollectionNode_current === void 0 ? void 0 : _lastCollectionNode_current.removeEventListener("focusin", updateActiveDescendant);
464
+ if (collectionNode.getAttribute("tabindex") != null) setShouldUseVirtualFocus(false);
465
+ setHasCollection(true);
466
+ } else {
467
+ var _lastCollectionNode_current1;
468
+ (_lastCollectionNode_current1 = lastCollectionNode.current) === null || _lastCollectionNode_current1 === void 0 ? void 0 : _lastCollectionNode_current1.removeEventListener("focusin", updateActiveDescendant);
469
+ setHasCollection(false);
470
+ }
465
471
  }, [
466
472
  updateActiveDescendant
467
473
  ]);
@@ -627,7 +633,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
627
633
  onBlur,
628
634
  onFocus
629
635
  };
630
- if (collectionId) inputProps = {
636
+ if (hasCollection) inputProps = {
631
637
  ...inputProps,
632
638
  ...shouldUseVirtualFocus && virtualFocusProps,
633
639
  enterKeyHint: "go",
@@ -644,7 +650,7 @@ function $48f6ba390f8c5b59$export$1e40b3ca02d92d21(props, state) {
644
650
  inputProps,
645
651
  collectionProps: $3ef42575df84b30b$export$9d1611c77c2fe928(collectionProps, {
646
652
  shouldUseVirtualFocus,
647
- disallowTypeAhead: true
653
+ disallowTypeAhead: shouldUseVirtualFocus
648
654
  }),
649
655
  collectionRef: mergedCollectionRef,
650
656
  filter: filter != null ? filterFn : void 0
@@ -687,14 +693,14 @@ function $d2f53cda644affe3$export$2f2b9559550c7bbc(props) {
687
693
  state
688
694
  ],
689
695
  [
690
- $8e6cc465cc68f603$export$698f465ec27e93df,
696
+ $4e85f108e88277b8$export$698f465ec27e93df,
691
697
  {
692
698
  ...inputProps,
693
699
  ref: inputRef
694
700
  }
695
701
  ],
696
702
  [
697
- $8e6cc465cc68f603$export$b0d3ecf7112093a7,
703
+ $4e85f108e88277b8$export$b0d3ecf7112093a7,
698
704
  {
699
705
  ...collectionProps,
700
706
  filter: filterFn,
@@ -722,7 +728,7 @@ const $440f4836bcb56932$export$b94867ecbd698f21 = /* @__PURE__ */ $f39a9eba43920
722
728
  var _props_validationBehavior, _ref;
723
729
  let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
724
730
  let inputRef = useRef(null);
725
- [props, inputRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, inputRef, $8e6cc465cc68f603$export$698f465ec27e93df);
731
+ [props, inputRef] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, inputRef, $4e85f108e88277b8$export$698f465ec27e93df);
726
732
  let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
727
733
  let state = $0b2218c4e3fe7d7e$export$3f8be18b0f41eaf2({
728
734
  ...props,