@eightshift/ui-components 1.6.1 → 1.7.1

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 (97) hide show
  1. package/dist/Button-VbCAu4hd.js +185 -0
  2. package/dist/{intlStrings-BxJIrC6b.js → Color-BpLubxWI.js} +2394 -2394
  3. package/dist/{ColorSwatch-BNX2quma.js → ColorSwatch-CinC14s3.js} +4 -4
  4. package/dist/{Dialog-BdtBguys.js → Dialog-BN5EE7UH.js} +9 -9
  5. package/dist/{FieldError-ClB3-XvF.js → FieldError-BttM1Nxd.js} +2 -2
  6. package/dist/{FocusScope-B5L3qI3N.js → FocusScope-CtCX0OGo.js} +2 -2
  7. package/dist/{Group-ubPTwji_.js → Group-XzWUooix.js} +3 -3
  8. package/dist/{Heading-DGnF6JDc.js → Heading-DZelepHV.js} +1 -1
  9. package/dist/{Hidden-CupIZhlF.js → Hidden-CcFqOzrp.js} +1 -1
  10. package/dist/{Input-BoNEjaXM.js → Input-CV1qVS6t.js} +8 -8
  11. package/dist/{Label-BqW0M3HN.js → Label-BwqMVkuV.js} +2 -2
  12. package/dist/{ListBox-civ86c_v.js → ListBox-DuZPdnkk.js} +16 -12
  13. package/dist/{SelectionManager-Ctbzoj1E.js → SelectionManager-x27KqnAT.js} +67 -34
  14. package/dist/{Separator-CDhAddZc.js → Separator-BM58t3PP.js} +24 -26
  15. package/dist/{Slider-Dkj8Slw3.js → Slider-D9Cs6yKr.js} +162 -162
  16. package/dist/{Text-CdwRBXol.js → Text-BVIXT8qq.js} +1 -1
  17. package/dist/{VisuallyHidden-DsMLX-RC.js → VisuallyHidden-WhC7vZaL.js} +2 -2
  18. package/dist/assets/style.css +1 -1
  19. package/dist/components/animated-visibility/animated-visibility.js +92 -129
  20. package/dist/components/base-control/base-control.js +1 -1
  21. package/dist/components/button/button.js +6 -6
  22. package/dist/components/checkbox/checkbox.js +7 -7
  23. package/dist/components/color-pickers/color-picker.js +2 -2
  24. package/dist/components/color-pickers/color-swatch.js +3 -3
  25. package/dist/components/color-pickers/gradient-editor.js +2 -2
  26. package/dist/components/color-pickers/solid-color-picker.js +64 -64
  27. package/dist/components/component-toggle/component-toggle.js +1 -1
  28. package/dist/components/draggable/draggable-handle.js +2 -2
  29. package/dist/components/draggable/draggable.js +7 -4
  30. package/dist/components/draggable-list/draggable-list-item.js +2 -2
  31. package/dist/components/draggable-list/draggable-list.js +6 -3
  32. package/dist/components/expandable/expandable.js +3 -3
  33. package/dist/components/index.js +3 -1
  34. package/dist/components/input-field/input-field.js +7 -7
  35. package/dist/components/item-collection/item-collection.js +6 -1
  36. package/dist/components/link-input/link-input.js +40 -36
  37. package/dist/components/list-box/list-box.js +2 -2
  38. package/dist/components/matrix-align/matrix-align.js +2 -2
  39. package/dist/components/menu/menu.js +15 -15
  40. package/dist/components/modal/modal.js +6 -6
  41. package/dist/components/number-picker/number-picker.js +10 -10
  42. package/dist/components/option-select/option-select.js +1 -1
  43. package/dist/components/options-panel/options-panel.js +1 -1
  44. package/dist/components/placeholders/file-placeholder.js +1 -1
  45. package/dist/components/placeholders/media-placeholder.js +6 -5
  46. package/dist/components/popover/popover.js +2 -2
  47. package/dist/components/radio/radio.js +13 -13
  48. package/dist/components/repeater/repeater-item.js +1 -1
  49. package/dist/components/repeater/repeater.js +6 -3
  50. package/dist/components/responsive/mini-responsive.js +495 -0
  51. package/dist/components/responsive/responsive-legacy.js +2 -2
  52. package/dist/components/responsive/responsive.js +7 -3
  53. package/dist/components/responsive-preview/responsive-preview.js +1 -1
  54. package/dist/components/select/async-multi-select.js +1 -0
  55. package/dist/components/select/async-single-select.js +1 -0
  56. package/dist/components/select/multi-select.js +1 -0
  57. package/dist/components/select/single-select.js +1 -0
  58. package/dist/components/select/styles.js +1 -1
  59. package/dist/components/slider/column-config-slider.js +3 -3
  60. package/dist/components/slider/slider.js +3 -3
  61. package/dist/components/slider/utils.js +1 -1
  62. package/dist/components/spacer/spacer.js +3 -4
  63. package/dist/components/tabs/tabs.js +22 -17
  64. package/dist/components/toggle/switch.js +6 -6
  65. package/dist/components/toggle/toggle.js +1 -1
  66. package/dist/components/toggle-button/toggle-button.js +6 -6
  67. package/dist/components/tooltip/tooltip.js +3 -3
  68. package/dist/{context-kCEA3M_y.js → context-Cs-ZD1nu.js} +1 -1
  69. package/dist/{default-i18n-BqWys-1G.js → default-i18n-DRnM8y4w.js} +45 -21
  70. package/dist/{focusSafely-xMzk3syC.js → focusSafely-CgFLw4FA.js} +1 -1
  71. package/dist/icons/jsx-svg.js +1 -1
  72. package/dist/index.js +3 -1
  73. package/dist/{number-CHmNj-oR.js → number-GajL10e1.js} +2 -2
  74. package/dist/{react-jsx-parser.min-sPC96O_U.js → react-jsx-parser.min-B5HVwW_W.js} +103 -53
  75. package/dist/{textSelection-D5Bit8i8.js → textSelection-CvK0YHTZ.js} +1 -1
  76. package/dist/{tooltip-srrt1p-b.js → tooltip-eKaARDoV.js} +5 -5
  77. package/dist/{useButton-6H5k2W5N.js → useButton-Cy9eEev7.js} +3 -3
  78. package/dist/{useEvent-BY-3vfxa.js → useEvent-LZebwyrb.js} +1 -1
  79. package/dist/{useFocusRing-rz8eyzby.js → useFocusRing-BMOTWmOx.js} +1 -1
  80. package/dist/{useFocusable-Bu2Ovohk.js → useFocusable-ByyKSVQv.js} +2 -2
  81. package/dist/{useFormReset-fUHUaaR6.js → useFormReset-B8m1uz1J.js} +1 -1
  82. package/dist/{useFormValidationState-DAan_XbC.js → useFormValidationState-BjMhz_VI.js} +2 -2
  83. package/dist/{useLabel-Bk7iP__W.js → useLabel-B6uO0wVK.js} +2 -2
  84. package/dist/{useLabels-DmsOywGg.js → useLabels-5dFkeiXx.js} +1 -1
  85. package/dist/{useListState-GXSJsAgz.js → useListState-eKxv7HPC.js} +28 -16
  86. package/dist/{useLocalizedStringFormatter-m03yY3xi.js → useLocalizedStringFormatter-BaKmjFNp.js} +1 -1
  87. package/dist/{useMenuTrigger-CT2-BFLo.js → useMenuTrigger-4fwEmto8.js} +4 -4
  88. package/dist/{useNumberFieldState-CpmU88xz.js → useNumberField-DMMUTZ-h.js} +169 -169
  89. package/dist/{useNumberFormatter-B-20GQ2u.js → useNumberFormatter-Cyx5Dxkf.js} +1 -1
  90. package/dist/{usePress-Cs8K7gKw.js → usePress-D8nPoIQm.js} +22 -10
  91. package/dist/{useSingleSelectListState-C1ddMCq3.js → useSingleSelectListState-CABciySJ.js} +3 -2
  92. package/dist/{useToggle-Cn2nQUNS.js → useToggle-BmltE9Zr.js} +4 -4
  93. package/dist/{useToggleState-Dj0JhD9W.js → useToggleState-DZXLEnA_.js} +1 -1
  94. package/dist/{utils-Du2x3YVu.js → utils-BCJajCwh.js} +15 -7
  95. package/package.json +24 -24
  96. package/dist/Button-CYX0D6At.js +0 -55
  97. package/dist/LiveAnnouncer-D8h-3GrG.js +0 -63
@@ -1,75 +1,32 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import React__default, { forwardRef, useContext, createContext, useMemo, useRef, useState, useCallback } from "react";
2
+ import React__default, { useMemo, useRef, useState, useCallback, forwardRef, useContext, createContext } from "react";
3
3
  import { b as $4e85f108e88277b8$export$ebe63fadcdce34ed, c as $4e85f108e88277b8$export$44644b8a16031b5b, d as $4e85f108e88277b8$export$717b2c0a523a0b53 } from "../../RSPContexts-2lR5GG9p.js";
4
- import { b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, a as $64fa3d84918910a7$export$29f1550f4b0d4415, i as $64fa3d84918910a7$export$2881499e37b75b9a, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-Du2x3YVu.js";
4
+ import { c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, b as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$29f1550f4b0d4415, i as $64fa3d84918910a7$export$2881499e37b75b9a, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4 } from "../../utils-BCJajCwh.js";
5
5
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
6
- import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
7
- import { $ as $6179b936705e76d3$export$ae780daf29e6d456, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, m as $7215afc6de606d6b$export$de79e2c695e052f3, d as $9ab94262bd0047c7$export$420e68273165f4ec, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, j as $c87311424ea30a05$export$fedb369cb70207f1, v as $c87311424ea30a05$export$a11b0059900ceec8 } from "../../focusSafely-xMzk3syC.js";
8
- import { $ as $799cddbef784668f$export$6e865ea70d7724f, b as $799cddbef784668f$export$4cde5df63f53f473, a as $3493a52097159720$exports } from "../../intlStrings-BxJIrC6b.js";
9
- import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "../../number-CHmNj-oR.js";
10
- import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "../../textSelection-D5Bit8i8.js";
11
- import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-DmsOywGg.js";
12
- import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-fUHUaaR6.js";
13
- import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-Bu2Ovohk.js";
14
- import { e as $28f99e3e86e6ec45$export$e5fda3247f5d67f9, f as $e8a7022cf87cba2a$export$36da96379f79f245, g as $bcca50147b47f54d$export$56b2c08e277f365, h as $47b897dc8cdb026b$export$8d15029008292ae, d as $6f909507e6374d18$export$1e7083018727fa60, i as $6f909507e6374d18$export$f1fce0420cc6d8ee, j as $6f909507e6374d18$export$6189c2744041d8f8, a as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-Dkj8Slw3.js";
15
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-kCEA3M_y.js";
16
- import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-m03yY3xi.js";
17
- import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../VisuallyHidden-DsMLX-RC.js";
18
- import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-ClB3-XvF.js";
19
- import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BoNEjaXM.js";
20
- import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
21
- import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CdwRBXol.js";
22
- import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../../useFormValidationState-DAan_XbC.js";
23
- import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, b as $d2e8511e6f209edf$export$e908e06f4b8e3402, c as $7d0a636d7a4dcefd$export$2123ff2b87c81ca, d as $d841c8010a73d545$export$4f384c9210e583c3, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-CpmU88xz.js";
6
+ import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-BMOTWmOx.js";
7
+ import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, m as $7215afc6de606d6b$export$de79e2c695e052f3, d as $9ab94262bd0047c7$export$420e68273165f4ec, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, j as $c87311424ea30a05$export$fedb369cb70207f1, v as $c87311424ea30a05$export$a11b0059900ceec8, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-CgFLw4FA.js";
8
+ import { $ as $799cddbef784668f$export$6e865ea70d7724f, b as $799cddbef784668f$export$4cde5df63f53f473, a as $3493a52097159720$exports } from "../../Color-BpLubxWI.js";
9
+ import { $ as $9446cca9a3875146$export$cb6e0bb50bc19463, a as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "../../number-GajL10e1.js";
10
+ import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "../../textSelection-CvK0YHTZ.js";
11
+ import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-5dFkeiXx.js";
12
+ import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../useFormReset-B8m1uz1J.js";
13
+ import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-ByyKSVQv.js";
14
+ import { e as $28f99e3e86e6ec45$export$e5fda3247f5d67f9, f as $e8a7022cf87cba2a$export$36da96379f79f245, g as $bcca50147b47f54d$export$56b2c08e277f365, h as $47b897dc8cdb026b$export$8d15029008292ae, d as $6f909507e6374d18$export$1e7083018727fa60, i as $6f909507e6374d18$export$f1fce0420cc6d8ee, j as $6f909507e6374d18$export$6189c2744041d8f8, a as $6f909507e6374d18$export$105594979f116971 } from "../../Slider-D9Cs6yKr.js";
15
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Cs-ZD1nu.js";
16
+ import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-BaKmjFNp.js";
17
+ import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../VisuallyHidden-WhC7vZaL.js";
18
+ import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BttM1Nxd.js";
19
+ import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CV1qVS6t.js";
20
+ import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BwqMVkuV.js";
21
+ import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-BVIXT8qq.js";
22
+ import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "../../useFormValidationState-BjMhz_VI.js";
23
+ import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, b as $d2e8511e6f209edf$export$e908e06f4b8e3402, c as $7d0a636d7a4dcefd$export$2123ff2b87c81ca, d as $d841c8010a73d545$export$4f384c9210e583c3, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberField-DMMUTZ-h.js";
24
24
  import { c as clsx } from "../../lite-DVmmD_-j.js";
25
25
  import { BaseControl } from "../base-control/base-control.js";
26
- import { _ as __ } from "../../default-i18n-BqWys-1G.js";
26
+ import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
27
27
  import { TriggeredPopover } from "../popover/popover.js";
28
28
  import { icons } from "../../icons/icons.js";
29
29
  import { Spacer } from "../spacer/spacer.js";
30
- const $e2b71ec1d6016406$export$c80c0ea2ca5cb846 = /* @__PURE__ */ createContext(null);
31
- function $e2b71ec1d6016406$var$ColorThumb(props, ref) {
32
- let { state, thumbProps, inputXRef, inputYRef, xInputProps, yInputProps, isDisabled = false } = useContext($e2b71ec1d6016406$export$c80c0ea2ca5cb846);
33
- let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f();
34
- let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
35
- let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
36
- ...props,
37
- defaultClassName: "react-aria-ColorThumb",
38
- defaultStyle: {
39
- ...thumbProps.style,
40
- backgroundColor: state.getDisplayColor().toString()
41
- },
42
- values: {
43
- color: state.getDisplayColor(),
44
- isHovered,
45
- isDragging: state.isDragging,
46
- isFocused,
47
- isFocusVisible,
48
- isDisabled
49
- }
50
- });
51
- let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
52
- delete DOMProps.id;
53
- return /* @__PURE__ */ React__default.createElement("div", {
54
- ...$3ef42575df84b30b$export$9d1611c77c2fe928(thumbProps, hoverProps, DOMProps),
55
- ...renderProps,
56
- ref,
57
- "data-hovered": isHovered || void 0,
58
- "data-dragging": state.isDragging || void 0,
59
- "data-focused": isFocused || void 0,
60
- "data-focus-visible": isFocusVisible || void 0,
61
- "data-disabled": isDisabled || void 0
62
- }, /* @__PURE__ */ React__default.createElement("input", {
63
- ref: inputXRef,
64
- ...xInputProps,
65
- ...focusProps
66
- }), yInputProps && /* @__PURE__ */ React__default.createElement("input", {
67
- ref: inputYRef,
68
- ...yInputProps,
69
- ...focusProps
70
- }), renderProps.children);
71
- }
72
- const $e2b71ec1d6016406$export$a3cc47cee1c1ccc = /* @__PURE__ */ forwardRef($e2b71ec1d6016406$var$ColorThumb);
73
30
  const $6e14a98a7f67141d$var$DEFAULT_COLOR = $799cddbef784668f$export$6e865ea70d7724f("#ffffff");
74
31
  function $6e14a98a7f67141d$export$6df7f0e2cabc7eef(props) {
75
32
  let { value, defaultValue, colorSpace, xChannel, yChannel, onChange, onChangeEnd } = props;
@@ -1013,6 +970,49 @@ function $5e632d1ff0188f00$export$e55dd820142d3131(props, state, inputRef) {
1013
970
  "aria-label": props["aria-label"] || (props.label || props["aria-labelledby"] ? void 0 : state.colorValue.getChannelName(props.channel, locale))
1014
971
  }, state, inputRef);
1015
972
  }
973
+ const $e2b71ec1d6016406$export$c80c0ea2ca5cb846 = /* @__PURE__ */ createContext(null);
974
+ function $e2b71ec1d6016406$var$ColorThumb(props, ref) {
975
+ let { state, thumbProps, inputXRef, inputYRef, xInputProps, yInputProps, isDisabled = false } = useContext($e2b71ec1d6016406$export$c80c0ea2ca5cb846);
976
+ let { focusProps, isFocused, isFocusVisible } = $f7dceffc5ad7768b$export$4e328f61c538687f();
977
+ let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456(props);
978
+ let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
979
+ ...props,
980
+ defaultClassName: "react-aria-ColorThumb",
981
+ defaultStyle: {
982
+ ...thumbProps.style,
983
+ backgroundColor: state.getDisplayColor().toString()
984
+ },
985
+ values: {
986
+ color: state.getDisplayColor(),
987
+ isHovered,
988
+ isDragging: state.isDragging,
989
+ isFocused,
990
+ isFocusVisible,
991
+ isDisabled
992
+ }
993
+ });
994
+ let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
995
+ delete DOMProps.id;
996
+ return /* @__PURE__ */ React__default.createElement("div", {
997
+ ...$3ef42575df84b30b$export$9d1611c77c2fe928(thumbProps, hoverProps, DOMProps),
998
+ ...renderProps,
999
+ ref,
1000
+ "data-hovered": isHovered || void 0,
1001
+ "data-dragging": state.isDragging || void 0,
1002
+ "data-focused": isFocused || void 0,
1003
+ "data-focus-visible": isFocusVisible || void 0,
1004
+ "data-disabled": isDisabled || void 0
1005
+ }, /* @__PURE__ */ React__default.createElement("input", {
1006
+ ref: inputXRef,
1007
+ ...xInputProps,
1008
+ ...focusProps
1009
+ }), yInputProps && /* @__PURE__ */ React__default.createElement("input", {
1010
+ ref: inputYRef,
1011
+ ...yInputProps,
1012
+ ...focusProps
1013
+ }), renderProps.children);
1014
+ }
1015
+ const $e2b71ec1d6016406$export$a3cc47cee1c1ccc = /* @__PURE__ */ forwardRef($e2b71ec1d6016406$var$ColorThumb);
1016
1016
  const $0de070065d44825d$export$6b32221de49982e = /* @__PURE__ */ createContext(null);
1017
1017
  function $0de070065d44825d$var$ColorArea(props, ref) {
1018
1018
  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $4e85f108e88277b8$export$ebe63fadcdce34ed);
@@ -1,5 +1,5 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { s as sprintf, _ as __ } from "../../default-i18n-BqWys-1G.js";
2
+ import { s as sprintf, _ as __ } from "../../default-i18n-DRnM8y4w.js";
3
3
  import { Expandable } from "../expandable/expandable.js";
4
4
  import { icons } from "../../icons/icons.js";
5
5
  import { Switch } from "../toggle/switch.js";
@@ -1,10 +1,10 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { c as clsx } from "../../lite-DVmmD_-j.js";
3
- import "../../default-i18n-BqWys-1G.js";
3
+ import "../../default-i18n-DRnM8y4w.js";
4
4
  import { DraggableContext } from "./draggable-context.js";
5
5
  import { useContext } from "react";
6
6
  import { icons } from "../../icons/icons.js";
7
- import "../../react-jsx-parser.min-sPC96O_U.js";
7
+ import "../../react-jsx-parser.min-B5HVwW_W.js";
8
8
  /**
9
9
  * A Draggable item handle.
10
10
  *
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useRef, useEffect, useLayoutEffect, useState, createContext, startTransition, useTransition, useContext, useCallback, useId } from "react";
3
- import "../../default-i18n-BqWys-1G.js";
3
+ import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
4
4
  import { DraggableContext } from "./draggable-context.js";
5
5
  import { r as reactDomExports } from "../../index-BTCzc3zb.js";
6
6
  var i = Symbol.for("preact-signals");
@@ -5059,10 +5059,10 @@ function move(items, source, target) {
5059
5059
  return mutate(items, source, target, arrayMove);
5060
5060
  }
5061
5061
  const fixIds = (items, itemIdBase) => {
5062
- return items.map((item, i2) => ({
5062
+ return (items == null ? void 0 : items.map((item, i2) => ({
5063
5063
  ...item,
5064
5064
  id: (item == null ? void 0 : item.id) ?? `${itemIdBase}-${i2}`
5065
- }));
5065
+ }))) ?? [];
5066
5066
  };
5067
5067
  const SortableItem = ({ id, index, disabled, children, axis }) => {
5068
5068
  const [element, setElement] = useState(null);
@@ -5126,7 +5126,10 @@ const Draggable3 = (props) => {
5126
5126
  hidden,
5127
5127
  ...rest
5128
5128
  } = props;
5129
- const [items, setItems] = useState(fixIds(rawItems));
5129
+ if (typeof rawItems === "undefined" || rawItems === null || !Array.isArray(rawItems)) {
5130
+ console.warn(__("Draggable: 'items' are not an array or are undefined!", "eightshift-ui-components"));
5131
+ }
5132
+ const [items, setItems] = useState(fixIds(rawItems ?? []));
5130
5133
  useEffect(() => {
5131
5134
  setItems(fixIds(rawItems, itemIdBase));
5132
5135
  }, [rawItems]);
@@ -1,10 +1,10 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { c as clsx } from "../../lite-DVmmD_-j.js";
3
- import "../../default-i18n-BqWys-1G.js";
3
+ import "../../default-i18n-DRnM8y4w.js";
4
4
  import { BaseControl } from "../base-control/base-control.js";
5
5
  import { icons } from "../../icons/icons.js";
6
6
  import { cloneElement } from "react";
7
- import "../../react-jsx-parser.min-sPC96O_U.js";
7
+ import "../../react-jsx-parser.min-B5HVwW_W.js";
8
8
  /**
9
9
  * A DraggableList item.
10
10
  *
@@ -1,11 +1,11 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useId } from "react";
3
- import "../../default-i18n-BqWys-1G.js";
3
+ import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
4
4
  import { BaseControl } from "../base-control/base-control.js";
5
5
  import { c as clsx } from "../../lite-DVmmD_-j.js";
6
6
  import { L as List, a as arrayRemove, b as arrayMove } from "../../List-Bx2anbX-.js";
7
7
  const fixIds = (items, itemIdBase) => {
8
- return items.map((item, i) => ({
8
+ return items == null ? void 0 : items.map((item, i) => ({
9
9
  ...item,
10
10
  id: (item == null ? void 0 : item.id) ?? `${itemIdBase}-${i}`
11
11
  }));
@@ -72,7 +72,10 @@ const DraggableList = (props) => {
72
72
  hidden,
73
73
  ...rest
74
74
  } = props;
75
- const items = fixIds(rawItems, itemIdBase);
75
+ if (typeof rawItems === "undefined" || rawItems === null || !Array.isArray(rawItems)) {
76
+ console.warn(__("DraggableList: 'items' are not an array or are undefined!", "eightshift-ui-components"));
77
+ }
78
+ const items = fixIds(rawItems ?? [], itemIdBase);
76
79
  if (hidden) {
77
80
  return null;
78
81
  }
@@ -5,9 +5,9 @@ import { AnimatedVisibility } from "../animated-visibility/animated-visibility.j
5
5
  import { Button } from "../button/button.js";
6
6
  import { icons } from "../../icons/icons.js";
7
7
  import { c as clsx } from "../../lite-DVmmD_-j.js";
8
- import { _ as __ } from "../../default-i18n-BqWys-1G.js";
9
- import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
10
- import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-B5L3qI3N.js";
8
+ import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
9
+ import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BwqMVkuV.js";
10
+ import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-CtCX0OGo.js";
11
11
  /**
12
12
  * A component that allows hiding content in an expandable panel, to declutter the UI.
13
13
  *
@@ -26,6 +26,7 @@ import { ListBox } from "./list-box/list-box.js";
26
26
  import { MatrixAlign } from "./matrix-align/matrix-align.js";
27
27
  import { MediaPlaceholder } from "./placeholders/media-placeholder.js";
28
28
  import { Menu, MenuItem, MenuSection, MenuSeparator, SubMenuItem } from "./menu/menu.js";
29
+ import { MiniResponsive } from "./responsive/mini-responsive.js";
29
30
  import { Notice } from "./notice/notice.js";
30
31
  import { NumberPicker } from "./number-picker/number-picker.js";
31
32
  import { Popover, TriggeredPopover } from "./popover/popover.js";
@@ -50,7 +51,7 @@ import { Tab, TabList, TabPanel, Tabs } from "./tabs/tabs.js";
50
51
  import { Toggle } from "./toggle/toggle.js";
51
52
  import { Switch } from "./toggle/switch.js";
52
53
  import { ToggleButton } from "./toggle-button/toggle-button.js";
53
- import { D, T } from "../tooltip-srrt1p-b.js";
54
+ import { D, T } from "../tooltip-eKaARDoV.js";
54
55
  import { VStack } from "./layout/vstack.js";
55
56
  export {
56
57
  AnimatedVisibility,
@@ -89,6 +90,7 @@ export {
89
90
  MenuItem,
90
91
  MenuSection,
91
92
  MenuSeparator,
93
+ MiniResponsive,
92
94
  Modal,
93
95
  MultiSelect,
94
96
  Notice,
@@ -1,13 +1,13 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BoNEjaXM.js";
3
- import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
4
- import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Du2x3YVu.js";
2
+ import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CV1qVS6t.js";
3
+ import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BwqMVkuV.js";
4
+ import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-BCJajCwh.js";
5
5
  import React__default, { forwardRef, createContext, useRef, useState, useCallback } from "react";
6
- import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-xMzk3syC.js";
7
- import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
8
- import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-ClB3-XvF.js";
6
+ import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-CgFLw4FA.js";
7
+ import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-BMOTWmOx.js";
8
+ import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BttM1Nxd.js";
9
9
  import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
10
- import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CdwRBXol.js";
10
+ import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-BVIXT8qq.js";
11
11
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
12
12
  import { BaseControl } from "../base-control/base-control.js";
13
13
  import { c as clsx } from "../../lite-DVmmD_-j.js";
@@ -1,5 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { Fragment } from "react";
3
+ import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
3
4
  /**
4
5
  * A simple component to manage a collection of items.
5
6
  *
@@ -29,10 +30,14 @@ import { Fragment } from "react";
29
30
  * @preserve
30
31
  */
31
32
  const ItemCollection = (props) => {
32
- const { children, items, onChange, hidden } = props;
33
+ const { children, items: rawItems, onChange, hidden } = props;
33
34
  if (hidden) {
34
35
  return null;
35
36
  }
37
+ if (typeof rawItems === "undefined" || rawItems === null || !Array.isArray(rawItems)) {
38
+ console.warn(__("ItemCollection: 'items' are not an array or are undefined!", "eightshift-ui-components"));
39
+ }
40
+ const items = rawItems ?? [];
36
41
  return items.map((item, index) => /* @__PURE__ */ jsx(Fragment, { children: children({
37
42
  ...item,
38
43
  updateData: (newValue) => {
@@ -1,29 +1,28 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
- import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CYX0D6At.js";
3
- import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Du2x3YVu.js";
4
- import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-ClB3-XvF.js";
2
+ import { b as $319e236875307eab$export$a9b970dcc4ae71a9, $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-VbCAu4hd.js";
3
+ import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-BCJajCwh.js";
4
+ import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-BttM1Nxd.js";
5
5
  import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
6
- import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-ubPTwji_.js";
7
- import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BoNEjaXM.js";
8
- import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
9
- import { b as $b1f0cad8af73213b$export$3585ede4d035bf14, c as $b1f0cad8af73213b$export$9145995848b05025, d as $eed445e0843c11d0$export$7ff8f37d2d81a48d, e as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-civ86c_v.js";
10
- import { f as $5e3802645cc19319$export$1c3ebcada18427bf, g as $de32f1b87079253c$export$d2f961adcb0afbe, j as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-BdtBguys.js";
11
- import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CdwRBXol.js";
12
- import { i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, j as $c5a24bc478652b5f$export$1005530eda016c13, e as $e1995378a142960e$export$bf788dd355e3a401 } from "../../SelectionManager-Ctbzoj1E.js";
6
+ import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-XzWUooix.js";
7
+ import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CV1qVS6t.js";
8
+ import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BwqMVkuV.js";
9
+ import { b as $b1f0cad8af73213b$export$3585ede4d035bf14, c as $b1f0cad8af73213b$export$9145995848b05025, d as $eed445e0843c11d0$export$7ff8f37d2d81a48d, e as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-DuZPdnkk.js";
10
+ import { f as $5e3802645cc19319$export$1c3ebcada18427bf, g as $de32f1b87079253c$export$d2f961adcb0afbe, j as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-BN5EE7UH.js";
11
+ import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-BVIXT8qq.js";
12
+ import { i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, j as $c5a24bc478652b5f$export$1005530eda016c13, e as $e1995378a142960e$export$bf788dd355e3a401 } from "../../SelectionManager-x27KqnAT.js";
13
13
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
14
- import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $9daab02d461809db$export$683480f191c0e3ea, T as Tooltip } from "../../tooltip-srrt1p-b.js";
14
+ import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $9daab02d461809db$export$683480f191c0e3ea, T as Tooltip } from "../../tooltip-eKaARDoV.js";
15
15
  import React__default, { useCallback, useMemo, useRef, useEffect, useState, useReducer, forwardRef, createContext, cloneElement } from "react";
16
- import { b as $325a3faab7a68acd$export$a16aca283550c30d, c as $2a25aae57d74318e$export$a05409b8bb224a5a, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "../../Separator-CDhAddZc.js";
17
- import { c as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidationState-DAan_XbC.js";
18
- import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-C1ddMCq3.js";
19
- import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-GXSJsAgz.js";
20
- import { w as $c87311424ea30a05$export$e1865c3bedcd822b, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-xMzk3syC.js";
21
- import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "../../LiveAnnouncer-D8h-3GrG.js";
22
- import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "../../usePress-Cs8K7gKw.js";
23
- import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-DmsOywGg.js";
24
- import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-m03yY3xi.js";
25
- import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-CT2-BFLo.js";
26
- import { _ as __ } from "../../default-i18n-BqWys-1G.js";
16
+ import { b as $325a3faab7a68acd$export$a16aca283550c30d, c as $2a25aae57d74318e$export$a05409b8bb224a5a, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "../../Separator-BM58t3PP.js";
17
+ import { c as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidationState-BjMhz_VI.js";
18
+ import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CABciySJ.js";
19
+ import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-eKxv7HPC.js";
20
+ import { w as $c87311424ea30a05$export$e1865c3bedcd822b, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-CgFLw4FA.js";
21
+ import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "../../usePress-D8nPoIQm.js";
22
+ import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-5dFkeiXx.js";
23
+ import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-BaKmjFNp.js";
24
+ import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-4fwEmto8.js";
25
+ import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
27
26
  import { icons } from "../../icons/icons.js";
28
27
  import { c as clsx } from "../../lite-DVmmD_-j.js";
29
28
  import { Spacer } from "../spacer/spacer.js";
@@ -996,7 +995,6 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
996
995
  ...menuTriggerProps,
997
996
  ...triggerLabelProps,
998
997
  excludeFromTabOrder: true,
999
- // @ts-ignore - undocumented
1000
998
  preventFocusOnPress: true,
1001
999
  onPress,
1002
1000
  onPressStart,
@@ -1030,7 +1028,7 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
1030
1028
  };
1031
1029
  }
1032
1030
  function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
1033
- var _collection_getItem, _collection_getItem1;
1031
+ var _collection_getItem;
1034
1032
  let { defaultFilter, menuTrigger = "input", allowsEmptyCollection = false, allowsCustomValue, shouldCloseOnBlur = true } = props;
1035
1033
  let [showAllItems, setShowAllItems] = useState(false);
1036
1034
  let [isFocused, setFocusedState] = useState(false);
@@ -1048,8 +1046,14 @@ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
1048
1046
  onSelectionChange,
1049
1047
  items: (_props_items = props.items) !== null && _props_items !== void 0 ? _props_items : props.defaultItems
1050
1048
  });
1051
- var _props_defaultInputValue, _ref;
1052
- let [inputValue, setInputValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.inputValue, (_ref = (_props_defaultInputValue = props.defaultInputValue) !== null && _props_defaultInputValue !== void 0 ? _props_defaultInputValue : (_collection_getItem = collection.getItem(selectedKey)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue) !== null && _ref !== void 0 ? _ref : "", props.onInputChange);
1049
+ let defaultInputValue = props.defaultInputValue;
1050
+ if (defaultInputValue == null) {
1051
+ var _collection_getItem1;
1052
+ var _collection_getItem_textValue;
1053
+ if (selectedKey == null) defaultInputValue = "";
1054
+ else defaultInputValue = (_collection_getItem_textValue = (_collection_getItem1 = collection.getItem(selectedKey)) === null || _collection_getItem1 === void 0 ? void 0 : _collection_getItem1.textValue) !== null && _collection_getItem_textValue !== void 0 ? _collection_getItem_textValue : "";
1055
+ }
1056
+ let [inputValue, setInputValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.inputValue, defaultInputValue, props.onInputChange);
1053
1057
  let originalCollection = collection;
1054
1058
  let filteredCollection = useMemo(() => (
1055
1059
  // No default filter if items are controlled.
@@ -1119,14 +1123,14 @@ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
1119
1123
  let resetInputValue = () => {
1120
1124
  var _collection_getItem2;
1121
1125
  var _collection_getItem_textValue2;
1122
- let itemText = (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "";
1126
+ let itemText = selectedKey != null ? (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "" : "";
1123
1127
  setLastValue(itemText);
1124
1128
  setInputValue(itemText);
1125
1129
  };
1126
- var _props_selectedKey, _ref1;
1127
- let lastSelectedKey = useRef((_ref1 = (_props_selectedKey = props.selectedKey) !== null && _props_selectedKey !== void 0 ? _props_selectedKey : props.defaultSelectedKey) !== null && _ref1 !== void 0 ? _ref1 : null);
1128
- var _collection_getItem_textValue;
1129
- let lastSelectedKeyText = useRef((_collection_getItem_textValue = (_collection_getItem1 = collection.getItem(selectedKey)) === null || _collection_getItem1 === void 0 ? void 0 : _collection_getItem1.textValue) !== null && _collection_getItem_textValue !== void 0 ? _collection_getItem_textValue : "");
1130
+ var _props_selectedKey, _ref;
1131
+ let lastSelectedKey = useRef((_ref = (_props_selectedKey = props.selectedKey) !== null && _props_selectedKey !== void 0 ? _props_selectedKey : props.defaultSelectedKey) !== null && _ref !== void 0 ? _ref : null);
1132
+ var _collection_getItem_textValue1;
1133
+ let lastSelectedKeyText = useRef(selectedKey != null ? (_collection_getItem_textValue1 = (_collection_getItem = collection.getItem(selectedKey)) === null || _collection_getItem === void 0 ? void 0 : _collection_getItem.textValue) !== null && _collection_getItem_textValue1 !== void 0 ? _collection_getItem_textValue1 : "" : "");
1130
1134
  useEffect(() => {
1131
1135
  var _collection_getItem2;
1132
1136
  if (isFocused && (filteredCollection.size > 0 || allowsEmptyCollection) && !triggerState.isOpen && inputValue !== lastValue && menuTrigger !== "manual") open(null, "input");
@@ -1140,7 +1144,7 @@ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
1140
1144
  if (selectedKey !== lastSelectedKey.current && (props.inputValue === void 0 || props.selectedKey === void 0)) resetInputValue();
1141
1145
  else if (lastValue !== inputValue) setLastValue(inputValue);
1142
1146
  var _collection_getItem_textValue2;
1143
- let selectedItemText = (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "";
1147
+ let selectedItemText = selectedKey != null ? (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "" : "";
1144
1148
  if (!isFocused && selectedKey != null && props.inputValue === void 0 && selectedKey === lastSelectedKey.current) {
1145
1149
  if (lastSelectedKeyText.current !== selectedItemText) {
1146
1150
  setLastValue(selectedItemText);
@@ -1171,10 +1175,10 @@ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
1171
1175
  };
1172
1176
  let commitSelection = () => {
1173
1177
  if (props.selectedKey !== void 0 && props.inputValue !== void 0) {
1174
- var _collection_getItem2;
1175
- props.onSelectionChange(selectedKey);
1178
+ var _props_onSelectionChange, _collection_getItem2;
1179
+ (_props_onSelectionChange = props.onSelectionChange) === null || _props_onSelectionChange === void 0 ? void 0 : _props_onSelectionChange.call(props, selectedKey);
1176
1180
  var _collection_getItem_textValue2;
1177
- let itemText = (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "";
1181
+ let itemText = selectedKey != null ? (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "" : "";
1178
1182
  setLastValue(itemText);
1179
1183
  closeMenu();
1180
1184
  } else {
@@ -1186,7 +1190,7 @@ function $a9e7382a7d111cb5$export$b453a3bfd4a5fa9e(props) {
1186
1190
  if (allowsCustomValue) {
1187
1191
  var _collection_getItem2;
1188
1192
  var _collection_getItem_textValue2;
1189
- const itemText = (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "";
1193
+ const itemText = selectedKey != null ? (_collection_getItem_textValue2 = (_collection_getItem2 = collection.getItem(selectedKey)) === null || _collection_getItem2 === void 0 ? void 0 : _collection_getItem2.textValue) !== null && _collection_getItem_textValue2 !== void 0 ? _collection_getItem_textValue2 : "" : "";
1190
1194
  inputValue === itemText ? commitSelection() : commitCustomValue();
1191
1195
  } else
1192
1196
  commitSelection();
@@ -1,8 +1,8 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-civ86c_v.js";
2
+ import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-DuZPdnkk.js";
3
3
  import { c as clsx } from "../../lite-DVmmD_-j.js";
4
4
  import { BaseControl } from "../base-control/base-control.js";
5
- import { _ as __ } from "../../default-i18n-BqWys-1G.js";
5
+ import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
6
6
  import { RichLabel } from "../rich-label/rich-label.js";
7
7
  /**
8
8
  * A component that allows selecting a single or multiple options from a list.
@@ -1,12 +1,12 @@
1
1
  import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
2
  import { useState, useRef } from "react";
3
- import { _ as __ } from "../../default-i18n-BqWys-1G.js";
3
+ import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
4
4
  import { Popover } from "../popover/popover.js";
5
5
  import { Button } from "../button/button.js";
6
6
  import { icons } from "../../icons/icons.js";
7
7
  import { upperFirst, camelCase } from "../../utilities/es-dash.js";
8
8
  import { c as clsx } from "../../lite-DVmmD_-j.js";
9
- import { T as Tooltip } from "../../tooltip-srrt1p-b.js";
9
+ import { T as Tooltip } from "../../tooltip-eKaARDoV.js";
10
10
  import { BaseControl } from "../base-control/base-control.js";
11
11
  /**
12
12
  * A component that can provide a 3x3 or a 2x2 grid of positions to pick from.
@@ -1,24 +1,24 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { $ as $982254629710d113$export$b95089534ab7c1fd, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2, d as $431f98aba6844401$export$6615d83f6de245ce, e as $72a5793c14baf454$export$e0e4026c12a8bdbb, f as $72a5793c14baf454$export$8b251419efc915eb, g as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-CDhAddZc.js";
3
- import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, l as $e1995378a142960e$export$e953bb1cd0f19726, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, h as $7135fc7d473fd974$export$d40e14dec8b060a8, k as $7135fc7d473fd974$export$90e00781bc59d8f9, m as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-Ctbzoj1E.js";
4
- import { c as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, e as $bdb11010cef70236$export$f680877a34711e37, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, i as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "../../utils-Du2x3YVu.js";
2
+ import { $ as $982254629710d113$export$b95089534ab7c1fd, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2, d as $431f98aba6844401$export$6615d83f6de245ce, e as $72a5793c14baf454$export$e0e4026c12a8bdbb, f as $72a5793c14baf454$export$8b251419efc915eb, g as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-BM58t3PP.js";
3
+ import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, l as $e1995378a142960e$export$e953bb1cd0f19726, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, h as $7135fc7d473fd974$export$d40e14dec8b060a8, k as $7135fc7d473fd974$export$90e00781bc59d8f9, m as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-x27KqnAT.js";
4
+ import { c as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, e as $bdb11010cef70236$export$f680877a34711e37, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, i as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "../../utils-BCJajCwh.js";
5
5
  import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, useContext, forwardRef, cloneElement } from "react";
6
- import { g as $de32f1b87079253c$export$d2f961adcb0afbe, j as $07b14b47974efb58$export$9b9a0cd73afb7ca4, k as $f1ab8c75478c6f73$export$3351871ee4b288b8, l as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 } from "../../Dialog-BdtBguys.js";
7
- import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CdwRBXol.js";
6
+ import { g as $de32f1b87079253c$export$d2f961adcb0afbe, j as $07b14b47974efb58$export$9b9a0cd73afb7ca4, k as $f1ab8c75478c6f73$export$3351871ee4b288b8, l as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 } from "../../Dialog-BN5EE7UH.js";
7
+ import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-BVIXT8qq.js";
8
8
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
9
- import { a as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-srrt1p-b.js";
10
- import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, t as $507fabe10e71c6fb$export$98e20ec92f614cfe, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-xMzk3syC.js";
11
- import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-CT2-BFLo.js";
12
- import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-Cs8K7gKw.js";
13
- import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-Bu2Ovohk.js";
14
- import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-kCEA3M_y.js";
15
- import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
16
- import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-B5L3qI3N.js";
9
+ import { a as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-eKaARDoV.js";
10
+ import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $507fabe10e71c6fb$export$b9b3dfddab17db27, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, t as $507fabe10e71c6fb$export$98e20ec92f614cfe, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-CgFLw4FA.js";
11
+ import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-4fwEmto8.js";
12
+ import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-D8nPoIQm.js";
13
+ import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-ByyKSVQv.js";
14
+ import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Cs-ZD1nu.js";
15
+ import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-BMOTWmOx.js";
16
+ import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-CtCX0OGo.js";
17
17
  import { icons } from "../../icons/icons.js";
18
18
  import { Button } from "../button/button.js";
19
19
  import { Popover } from "../popover/popover.js";
20
20
  import { c as clsx } from "../../lite-DVmmD_-j.js";
21
- import { _ as __ } from "../../default-i18n-BqWys-1G.js";
21
+ import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
22
22
  const $d5336fe17ce95402$export$6f49b4016bfc8d56 = /* @__PURE__ */ new WeakMap();
23
23
  function $d5336fe17ce95402$export$38eaa17faae8f579(props, state, ref) {
24
24
  let { shouldFocusWrap = true, onKeyDown, onKeyUp, ...otherProps } = props;
@@ -1122,7 +1122,7 @@ const MenuSection = (props) => {
1122
1122
  className: clsx(
1123
1123
  "es-uic-space-y-1 es-uic-border-b es-uic-border-b-gray-200 es-uic-pb-1 last:es-uic-border-b-0",
1124
1124
  label && "es-uic-pt-2 first:es-uic-pt-1.5",
1125
- !label && "last:es-uic-pb-1"
1125
+ !label && "last:es-uic-pb-1 has-[>_:only-child]:es-uic-pb-0"
1126
1126
  ),
1127
1127
  children: [
1128
1128
  label && /* @__PURE__ */ jsx($72a5793c14baf454$export$8b251419efc915eb, { className: "es-uic-ml-1.5 es-uic-text-xs es-uic-font-medium es-uic-text-gray-400", children: label }),
@@ -1,15 +1,15 @@
1
1
  import { jsxs, jsx, Fragment } from "react/jsx-runtime";
2
- import { c as $a11501f3d1d39e6c$export$ea8f71083e90600f, d as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, e as $337b884510726a0d$export$14c98a7594375490, f as $5e3802645cc19319$export$1c3ebcada18427bf, g as $de32f1b87079253c$export$d2f961adcb0afbe, h as $337b884510726a0d$export$c6fdb837b070b4ff, i as $86ea4cb521eb2e37$export$2317d149ed6f78c4, b as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-BdtBguys.js";
3
- import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-DGnF6JDc.js";
4
- import { d as $b5e257d569688ac6$export$535bd6ca7f90a273, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, o as $64fa3d84918910a7$export$45fda7c47f93fd48, p as $64fa3d84918910a7$export$6d3443f2c48bfc20, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, m as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-Du2x3YVu.js";
2
+ import { c as $a11501f3d1d39e6c$export$ea8f71083e90600f, d as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, e as $337b884510726a0d$export$14c98a7594375490, f as $5e3802645cc19319$export$1c3ebcada18427bf, g as $de32f1b87079253c$export$d2f961adcb0afbe, h as $337b884510726a0d$export$c6fdb837b070b4ff, i as $86ea4cb521eb2e37$export$2317d149ed6f78c4, b as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-BN5EE7UH.js";
3
+ import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-DZelepHV.js";
4
+ import { d as $b5e257d569688ac6$export$535bd6ca7f90a273, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, o as $64fa3d84918910a7$export$45fda7c47f93fd48, p as $64fa3d84918910a7$export$6d3443f2c48bfc20, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, m as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-BCJajCwh.js";
5
5
  import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
6
6
  import React__default, { useState, useEffect, forwardRef, useContext, useRef, useMemo, createContext } from "react";
7
- import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-srrt1p-b.js";
7
+ import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-eKaARDoV.js";
8
8
  import { Button } from "../button/button.js";
9
- import { _ as __ } from "../../default-i18n-BqWys-1G.js";
9
+ import { _ as __ } from "../../default-i18n-DRnM8y4w.js";
10
10
  import { c as clsx } from "../../lite-DVmmD_-j.js";
11
11
  import { icons } from "../../icons/icons.js";
12
- import "../../react-jsx-parser.min-sPC96O_U.js";
12
+ import "../../react-jsx-parser.min-B5HVwW_W.js";
13
13
  import { HStack } from "../layout/hstack.js";
14
14
  let $5df64b3807dc15ee$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
15
15
  function $5df64b3807dc15ee$export$d699905dd57c73ca() {