@eightshift/ui-components 5.3.2 → 5.4.0

package/dist/{Select-ciHB1pub.js → Select-BvggcFOX.js}

@@ -1,23 +1,32 @@
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-npzfSoYo.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-CQ5ZZJ2w.js";
 import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$4d86445c2cf5e3, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, g as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "./utils-cvK1vxO7.js";
 import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-B8BgFmIQ.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
 import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-DWVaNd2E.js";
-import { c as $eed445e0843c11d0$export$7ff8f37d2d81a48d, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2 } from "./ListBox-D0Stb4wr.js";
-import { o as $168583247155ddda$export$dc9c12ed27dd1b49, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-CQ8H6Noi.js";
+import { e as $eed445e0843c11d0$export$7ff8f37d2d81a48d, f as $eed445e0843c11d0$export$7c5906fe4f1f2af2 } from "./ListBox-DggfiuO_.js";
+import { o as $168583247155ddda$export$dc9c12ed27dd1b49, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-BMgMUQuN.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-AxKZjtFm.js";
-import { s as $fb3050f43d946246$export$e32c88dfddc6e1d8, e as $e1995378a142960e$export$bf788dd355e3a401 } from "./SelectionManager-CabSdgMq.js";
+import { u as $fb3050f43d946246$export$e32c88dfddc6e1d8, g as $e1995378a142960e$export$bf788dd355e3a401 } from "./SelectionManager-B6-b5NM2.js";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "./Hidden-rE6uR-lr.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-DivvkAVb.js";
-import React__default, { useMemo, useRef, useCallback, useState, forwardRef, createContext, useContext } from "react";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-DraDOoRn.js";
+import React__default, { useMemo, useRef, useCallback, useState, forwardRef, createContext, useContext, Fragment } from "react";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
-import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-CUtZcedF.js";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "./useSingleSelectListState-DattSD7d.js";
-import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-CUxgjvAY.js";
-import { b as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a } from "./Separator-BPvqJny4.js";
-import { v as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useHover-LmGemtHE.js";
+import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-CeNsUGWK.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-RdLrYsMP.js";
+import { v as $507fabe10e71c6fb$export$8397ddfc504fdb9a, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-BRDW3y7-.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Cgm0R4Cf.js";
+import { b as $325a3faab7a68acd$export$a16aca283550c30d, f as $2a25aae57d74318e$export$a05409b8bb224a5a } from "./Separator-B-xeqOkC.js";
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-yV9VVy9R.js";
-import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "./VisuallyHidden-X6SggVVO.js";
+import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "./VisuallyHidden-CgnIuZJ2.js";
+function $33bf17300c498528$export$a2f47a3d2973640(options = {}) {
+  let { locale } = $18f2051aff69b9bf$export$43bb16f9c6d9e3f7();
+  return useMemo(() => new Intl.ListFormat(locale, options), [
+    locale,
+    options
+  ]);
+}
 const $58aed456727eb0f3$export$703601b7e90536f8 = /* @__PURE__ */ new WeakMap();
 function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
   let { keyboardDelegate, isDisabled, isRequired, name, form, validationBehavior = "aria" } = props;
@@ -37,6 +46,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
     type: "listbox"
   }, state, ref);
   let onKeyDown = (e) => {
+    if (state.selectionManager.selectionMode === "multiple") return;
     switch (e.key) {
       case "ArrowLeft": {
         var _delegate_getKeyAbove, _delegate_getFirstKey;
@@ -70,6 +80,7 @@ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
   });
   typeSelectProps.onKeyDown = typeSelectProps.onKeyDownCapture;
   delete typeSelectProps.onKeyDownCapture;
+  if (state.selectionManager.selectionMode === "multiple") typeSelectProps = {};
   let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     labelable: true
   });
@@ -164,7 +175,7 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
       left: 0
     }
   });
-  $99facab73266f662$export$5add1d006293d136(props.selectRef, state.defaultSelectedKey, state.setSelectedKey);
+  $99facab73266f662$export$5add1d006293d136(props.selectRef, state.defaultValue, state.setValue);
   $e93e671b31057976$export$b8473d3665f3a75a({
     validationBehavior,
     focus: () => {
@@ -172,10 +183,14 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
       return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
     }
   }, state, props.selectRef);
-  let onChange = useCallback((e) => state.setSelectedKey(e.currentTarget.value), [
-    state.setSelectedKey
+  let setValue = state.setValue;
+  let onChange = useCallback((e) => {
+    if (e.target.multiple) setValue(Array.from(e.target.selectedOptions, (option) => option.value));
+    else setValue(e.currentTarget.value);
+  }, [
+    setValue
   ]);
-  var _state_selectedKey;
+  var _state_value;
   return {
     containerProps: {
       ...visuallyHiddenProps,
@@ -194,10 +209,11 @@ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
       tabIndex: -1,
       autoComplete,
       disabled: isDisabled,
+      multiple: state.selectionManager.selectionMode === "multiple",
       required: validationBehavior === "native" && isRequired,
       name,
       form,
-      value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : "",
+      value: (_state_value = state.value) !== null && _state_value !== void 0 ? _state_value : "",
       onChange,
       onInput: onChange
     }
@@ -229,57 +245,130 @@ function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
   else if (name) {
     let data = $58aed456727eb0f3$export$703601b7e90536f8.get(state) || {};
     let { validationBehavior } = data;
-    var _state_selectedKey;
-    let inputProps = {
-      type: "hidden",
-      autoComplete: selectProps.autoComplete,
-      name,
-      form,
-      disabled: isDisabled,
-      value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : ""
-    };
-    if (validationBehavior === "native")
+    let values = Array.isArray(state.value) ? state.value : [
+      state.value
+    ];
+    if (values.length === 0) values = [
+      null
+    ];
+    let res = values.map((value, i) => {
+      let inputProps = {
+        type: "hidden",
+        autoComplete: selectProps.autoComplete,
+        name,
+        form,
+        disabled: isDisabled,
+        value: value !== null && value !== void 0 ? value : ""
+      };
+      if (validationBehavior === "native")
+        return /* @__PURE__ */ React__default.createElement("input", {
+          key: i,
+          ...inputProps,
+          ref: i === 0 ? inputRef : null,
+          style: {
+            display: "none"
+          },
+          type: "text",
+          required: i === 0 ? selectProps.required : false,
+          onChange: () => {
+          }
+        });
       return /* @__PURE__ */ React__default.createElement("input", {
+        key: i,
         ...inputProps,
-        ref: inputRef,
-        style: {
-          display: "none"
-        },
-        type: "text",
-        required: selectProps.required,
-        onChange: () => {
-        }
+        ref: i === 0 ? inputRef : null
       });
-    return /* @__PURE__ */ React__default.createElement("input", {
-      ...inputProps,
-      ref: inputRef
     });
+    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, res);
   }
   return null;
 }
 function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
+  let { selectionMode = "single" } = props;
   let triggerState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
   let [focusStrategy, setFocusStrategy] = useState(null);
-  let listState = $a0d645289fe9b86b$export$e7f05e985daf4b5f({
+  let defaultValue = useMemo(() => {
+    var _props_defaultSelectedKey2;
+    return props.defaultValue !== void 0 ? props.defaultValue : selectionMode === "single" ? (_props_defaultSelectedKey2 = props.defaultSelectedKey) !== null && _props_defaultSelectedKey2 !== void 0 ? _props_defaultSelectedKey2 : null : [];
+  }, [
+    props.defaultValue,
+    props.defaultSelectedKey,
+    selectionMode
+  ]);
+  let value = useMemo(() => {
+    return props.value !== void 0 ? props.value : selectionMode === "single" ? props.selectedKey : void 0;
+  }, [
+    props.value,
+    props.selectedKey,
+    selectionMode
+  ]);
+  let [controlledValue, setControlledValue] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, props.onChange);
+  let displayValue = selectionMode === "single" && Array.isArray(controlledValue) ? controlledValue[0] : controlledValue;
+  let setValue = (value2) => {
+    if (selectionMode === "single") {
+      var _props_onSelectionChange;
+      var _value_;
+      let key = Array.isArray(value2) ? (_value_ = value2[0]) !== null && _value_ !== void 0 ? _value_ : null : value2;
+      setControlledValue(key);
+      if (key !== displayValue) (_props_onSelectionChange = props.onSelectionChange) === null || _props_onSelectionChange === void 0 ? void 0 : _props_onSelectionChange.call(props, key);
+    } else {
+      let keys = [];
+      if (Array.isArray(value2)) keys = value2;
+      else if (value2 != null) keys = [
+        value2
+      ];
+      setControlledValue(keys);
+    }
+  };
+  let listState = $e72dd72e1c76a225$export$2f645645f7bca764({
     ...props,
-    onSelectionChange: (key) => {
-      if (props.onSelectionChange != null) props.onSelectionChange(key);
-      triggerState.close();
+    selectionMode,
+    disallowEmptySelection: selectionMode === "single",
+    allowDuplicateSelectionEvents: true,
+    selectedKeys: useMemo(() => $2bc3a590c5373a4e$var$convertValue(displayValue), [
+      displayValue
+    ]),
+    onSelectionChange: (keys) => {
+      if (keys === "all") return;
+      if (selectionMode === "single") {
+        var _keys_values_next_value;
+        let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
+        setValue(key);
+        triggerState.close();
+      } else setValue([
+        ...keys
+      ]);
       validationState.commitValidation();
     }
   });
+  let selectedKey = listState.selectionManager.firstSelectedKey;
+  let selectedItems = useMemo(() => {
+    return [
+      ...listState.selectionManager.selectedKeys
+    ].map((key) => listState.collection.getItem(key)).filter((item) => item != null);
+  }, [
+    listState.selectionManager.selectedKeys,
+    listState.collection
+  ]);
   let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
     ...props,
-    value: listState.selectedKey
+    value: Array.isArray(displayValue) && displayValue.length === 0 ? null : displayValue
   });
   let [isFocused, setFocused] = useState(false);
-  let [initialSelectedKey] = useState(listState.selectedKey);
-  var _props_defaultSelectedKey;
+  let [initialValue] = useState(displayValue);
+  var _selectedItems_, _props_defaultSelectedKey;
   return {
     ...validationState,
     ...listState,
     ...triggerState,
-    defaultSelectedKey: (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : initialSelectedKey,
+    value: displayValue,
+    defaultValue: defaultValue !== null && defaultValue !== void 0 ? defaultValue : initialValue,
+    setValue,
+    selectedKey,
+    setSelectedKey: setValue,
+    selectedItem: (_selectedItems_ = selectedItems[0]) !== null && _selectedItems_ !== void 0 ? _selectedItems_ : null,
+    selectedItems,
+    defaultSelectedKey: (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : props.selectionMode === "single" ? initialValue : null,
     focusStrategy,
     open(focusStrategy2 = null) {
       if (listState.collection.size !== 0) {
@@ -297,6 +386,13 @@ function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
     setFocused
   };
 }
+function $2bc3a590c5373a4e$var$convertValue(value) {
+  if (value === void 0) return void 0;
+  if (value === null) return [];
+  return Array.isArray(value) ? value : [
+    value
+  ];
+}
 var $e038a7e7a6d81989$exports = {};
 $e038a7e7a6d81989$exports = {
   "colorSwatchPicker": `تغييرات الألوان`,
@@ -752,36 +848,76 @@ function $82d7e5349645de74$var$SelectInner({ props, selectRef: ref, collection }
   })));
 }
 const $82d7e5349645de74$export$f8f745c04421623f = /* @__PURE__ */ createContext(null);
-const $82d7e5349645de74$export$e288731fd71264f0 = /* @__PURE__ */ forwardRef(function SelectValue(props, ref) {
-  var _state_selectedItem, _state_selectedItem1;
+const $82d7e5349645de74$export$e288731fd71264f0 = /* @__PURE__ */ $f39a9eba43920ace$export$86427a43e3e48ebb(function SelectValue(props, ref) {
+  var _state_selectedItems_;
   [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $82d7e5349645de74$export$f8f745c04421623f);
   let state = useContext($82d7e5349645de74$export$ef445b55be0601bd);
   let { placeholder } = $64fa3d84918910a7$export$fabf2dc03a41866e($82d7e5349645de74$export$7540cee5be7dc19b);
-  let selectedItem = state.selectedKey != null ? state.collection.getItem(state.selectedKey) : null;
-  let rendered = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.props.children;
-  if (typeof rendered === "function") {
-    let fn = rendered;
-    rendered = fn({
-      isHovered: false,
-      isPressed: false,
-      isSelected: false,
-      isFocused: false,
-      isFocusVisible: false,
-      isDisabled: false,
-      selectionMode: "single",
-      selectionBehavior: "toggle"
+  let rendered = state.selectedItems.map((item) => {
+    var _item_props;
+    let rendered2 = (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.children;
+    if (typeof rendered2 === "function") {
+      let fn = rendered2;
+      rendered2 = fn({
+        isHovered: false,
+        isPressed: false,
+        isSelected: false,
+        isFocused: false,
+        isFocusVisible: false,
+        isDisabled: false,
+        selectionMode: "single",
+        selectionBehavior: "toggle"
+      });
+    }
+    return rendered2;
+  });
+  let formatter = $33bf17300c498528$export$a2f47a3d2973640();
+  let textValue = useMemo(() => state.selectedItems.map((item) => item === null || item === void 0 ? void 0 : item.textValue), [
+    state.selectedItems
+  ]);
+  let selectionMode = state.selectionManager.selectionMode;
+  let selectedText = useMemo(() => {
+    var _textValue_;
+    return selectionMode === "single" ? (_textValue_ = textValue[0]) !== null && _textValue_ !== void 0 ? _textValue_ : "" : formatter.format(textValue);
+  }, [
+    selectionMode,
+    formatter,
+    textValue
+  ]);
+  let defaultChildren = useMemo(() => {
+    if (selectionMode === "single") return rendered[0];
+    let parts = formatter.formatToParts(textValue);
+    if (parts.length === 0) return null;
+    let index = 0;
+    return parts.map((part) => {
+      if (part.type === "element") return /* @__PURE__ */ React__default.createElement(Fragment, {
+        key: index
+      }, rendered[index++]);
+      else return part.value;
     });
-  }
+  }, [
+    selectionMode,
+    formatter,
+    textValue,
+    rendered
+  ]);
   let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($df39c1238ae2b5f3$exports), "react-aria-components");
-  var _ref, _state_selectedItem_value, _state_selectedItem_textValue;
+  var _ref, _state_selectedItems__value;
   let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
     ...props,
-    defaultChildren: (_ref = rendered !== null && rendered !== void 0 ? rendered : placeholder) !== null && _ref !== void 0 ? _ref : stringFormatter.format("selectPlaceholder"),
+    defaultChildren: (_ref = defaultChildren !== null && defaultChildren !== void 0 ? defaultChildren : placeholder) !== null && _ref !== void 0 ? _ref : stringFormatter.format("selectPlaceholder"),
     defaultClassName: "react-aria-SelectValue",
     values: {
-      selectedItem: (_state_selectedItem_value = (_state_selectedItem = state.selectedItem) === null || _state_selectedItem === void 0 ? void 0 : _state_selectedItem.value) !== null && _state_selectedItem_value !== void 0 ? _state_selectedItem_value : null,
-      selectedText: (_state_selectedItem_textValue = (_state_selectedItem1 = state.selectedItem) === null || _state_selectedItem1 === void 0 ? void 0 : _state_selectedItem1.textValue) !== null && _state_selectedItem_textValue !== void 0 ? _state_selectedItem_textValue : null,
-      isPlaceholder: !selectedItem
+      selectedItem: (_state_selectedItems__value = (_state_selectedItems_ = state.selectedItems[0]) === null || _state_selectedItems_ === void 0 ? void 0 : _state_selectedItems_.value) !== null && _state_selectedItems__value !== void 0 ? _state_selectedItems__value : null,
+      selectedItems: useMemo(() => state.selectedItems.map((item) => {
+        var _item_value;
+        return (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : null;
+      }), [
+        state.selectedItems
+      ]),
+      selectedText,
+      isPlaceholder: state.selectedItems.length === 0,
+      state
     }
   });
   let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
@@ -791,7 +927,7 @@ const $82d7e5349645de74$export$e288731fd71264f0 = /* @__PURE__ */ forwardRef(fun
     ref,
     ...DOMProps,
     ...renderProps,
-    "data-placeholder": !selectedItem || void 0
+    "data-placeholder": state.selectedItems.length === 0 || void 0
   }, /* @__PURE__ */ React__default.createElement($514c0188e459b4c0$export$9afb8bc826b033ea.Provider, {
     value: void 0
   }, renderProps.children));

package/dist/SelectionIndicator-D7WMzeAW.js

@@ -0,0 +1,7 @@
+import { createContext } from "react";
+const $1d5b8b8664671ef2$export$c9549807523555e0 = /* @__PURE__ */ createContext({
+  isSelected: false
+});
+export {
+  $1d5b8b8664671ef2$export$c9549807523555e0 as $
+};

package/dist/{SelectionManager-CabSdgMq.js → SelectionManager-B6-b5NM2.js}

@@ -1,9 +1,9 @@
 import React__default, { useRef, useState, useEffect, useMemo, cloneElement, forwardRef, useContext, createContext, useCallback, isValidElement } from "react";
-import { B as $c87311424ea30a05$export$9ac100e40613ea10, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, c as $431fbd86ca7dc216$export$b204af158042fbac, z as $7215afc6de606d6b$export$de79e2c695e052f3, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, J as $c87311424ea30a05$export$e1865c3bedcd822b, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, K as $f645667febf57a63$export$f9762fab77588ecb, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-LmGemtHE.js";
+import { B as $c87311424ea30a05$export$9ac100e40613ea10, t as $c87311424ea30a05$export$6446a186d09e379e, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, c as $431fbd86ca7dc216$export$b204af158042fbac, z as $7215afc6de606d6b$export$de79e2c695e052f3, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, J as $c87311424ea30a05$export$e1865c3bedcd822b, r as $3ad3f6e1647bc98d$export$80f3e147d781571c, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, K as $f645667febf57a63$export$f9762fab77588ecb, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-BRDW3y7-.js";
 import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, p as $ff5963eb1fccf552$export$e08e3b67e392101e, n as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-cvK1vxO7.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, c as $ea8dcbcb9ea1b556$export$95185d699e05d4d7 } from "./usePress-CBQIDzpQ.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, c as $ea8dcbcb9ea1b556$export$95185d699e05d4d7 } from "./usePress-DJskZBH9.js";
 import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BifIGnVS.js";
-import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-DJApHXhY.js";
+import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "./FocusScope-B5vxRkHm.js";
 import { r as reactDomExports } from "./index-D8-Zjpbd.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";
 import { a as $f39a9eba43920ace$export$8dc98ba7eadeaa56 } from "./Hidden-rE6uR-lr.js";
@@ -37,6 +37,24 @@ function $a40c673dc9f6d9c7$export$94ed1c92c7beeb22(node, checkForOverflow) {
   }
   return scrollParents;
 }
+function $21f1aa98acb08317$export$16792effe837dba3(e) {
+  if ($c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey;
+  return e.ctrlKey;
+}
+const $21f1aa98acb08317$var$nonTextInputTypes = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function $21f1aa98acb08317$export$c57958e35f31ed73(target) {
+  return target instanceof HTMLInputElement && !$21f1aa98acb08317$var$nonTextInputTypes.has(target.type) || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
+}
 let $ef06256079686ba0$var$descriptionId = 0;
 const $ef06256079686ba0$var$descriptionNodes = /* @__PURE__ */ new Map();
 function $ef06256079686ba0$export$f8aeda7b10753fa1(description) {
@@ -80,6 +98,7 @@ function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
   let x = scrollView.scrollLeft;
   let y = scrollView.scrollTop;
   let { borderTopWidth, borderLeftWidth, scrollPaddingTop, scrollPaddingRight, scrollPaddingBottom, scrollPaddingLeft } = getComputedStyle(scrollView);
+  let { scrollMarginTop, scrollMarginRight, scrollMarginBottom, scrollMarginLeft } = getComputedStyle(element);
   let borderAdjustedX = x + parseInt(borderLeftWidth, 10);
   let borderAdjustedY = y + parseInt(borderTopWidth, 10);
   let maxX = borderAdjustedX + scrollView.clientWidth;
@@ -88,12 +107,35 @@ function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
   let scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0;
   let scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0;
   let scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0;
-  if (offsetX <= x + scrollPaddingLeftNumber) x = offsetX - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
-  else if (offsetX + width > maxX - scrollPaddingRightNumber) x += offsetX + width - maxX + scrollPaddingRightNumber;
-  if (offsetY <= borderAdjustedY + scrollPaddingTopNumber) y = offsetY - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
-  else if (offsetY + height > maxY - scrollPaddingBottomNumber) y += offsetY + height - maxY + scrollPaddingBottomNumber;
-  scrollView.scrollLeft = x;
-  scrollView.scrollTop = y;
+  let scrollMarginTopNumber = parseInt(scrollMarginTop, 10) || 0;
+  let scrollMarginBottomNumber = parseInt(scrollMarginBottom, 10) || 0;
+  let scrollMarginRightNumber = parseInt(scrollMarginRight, 10) || 0;
+  let scrollMarginLeftNumber = parseInt(scrollMarginLeft, 10) || 0;
+  let targetLeft = offsetX - scrollMarginLeftNumber;
+  let targetRight = offsetX + width + scrollMarginRightNumber;
+  let targetTop = offsetY - scrollMarginTopNumber;
+  let targetBottom = offsetY + height + scrollMarginBottomNumber;
+  let scrollPortLeft = x + parseInt(borderLeftWidth, 10) + scrollPaddingLeftNumber;
+  let scrollPortRight = maxX - scrollPaddingRightNumber;
+  let scrollPortTop = y + parseInt(borderTopWidth, 10) + scrollPaddingTopNumber;
+  let scrollPortBottom = maxY - scrollPaddingBottomNumber;
+  if (targetLeft > scrollPortLeft || targetRight < scrollPortRight) {
+    if (targetLeft <= x + scrollPaddingLeftNumber) x = targetLeft - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
+    else if (targetRight > maxX - scrollPaddingRightNumber) x += targetRight - maxX + scrollPaddingRightNumber;
+  }
+  if (targetTop > scrollPortTop || targetBottom < scrollPortBottom) {
+    if (targetTop <= borderAdjustedY + scrollPaddingTopNumber) y = targetTop - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
+    else if (targetBottom > maxY - scrollPaddingBottomNumber) y += targetBottom - maxY + scrollPaddingBottomNumber;
+  }
+  if (process.env.NODE_ENV === "test") {
+    scrollView.scrollLeft = x;
+    scrollView.scrollTop = y;
+    return;
+  }
+  scrollView.scrollTo({
+    left: x,
+    top: y
+  });
 }
 function $2f04cbc44ee30ce0$var$relativeOffset(ancestor, child, axis) {
   const prop = axis === "left" ? "offsetLeft" : "offsetTop";
@@ -113,7 +155,7 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
   if (targetElement && document.contains(targetElement)) {
     let root = document.scrollingElement || document.documentElement;
     let isScrollPrevented = window.getComputedStyle(root).overflow === "hidden";
-    if (!isScrollPrevented) {
+    if (!isScrollPrevented && !$c87311424ea30a05$export$6446a186d09e379e()) {
       var _targetElement_scrollIntoView;
       let { left: originalLeft, top: originalTop } = targetElement.getBoundingClientRect();
       targetElement === null || targetElement === void 0 ? void 0 : (_targetElement_scrollIntoView = targetElement.scrollIntoView) === null || _targetElement_scrollIntoView === void 0 ? void 0 : _targetElement_scrollIntoView.call(targetElement, {
@@ -138,10 +180,6 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
 }
 const $5671b20cf9b562b2$export$447a38995de2c711 = "react-aria-clear-focus";
 const $5671b20cf9b562b2$export$831c820ad60f9d12 = "react-aria-focus";
-function $21f1aa98acb08317$export$16792effe837dba3(e) {
-  if ($c87311424ea30a05$export$9ac100e40613ea10()) return e.metaKey;
-  return e.ctrlKey;
-}
 const $8a26561d2877236e$var$DEFAULT_THRESHOLD = 500;
 function $8a26561d2877236e$export$c24ed0104d07eab9(props) {
   let { isDisabled, onLongPressStart, onLongPressEnd, onLongPress, threshold = $8a26561d2877236e$var$DEFAULT_THRESHOLD, accessibilityDescription } = props;
@@ -658,8 +696,9 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
     e.preventDefault();
   };
   let isLinkOverride = manager.isLink(key) && linkBehavior === "override";
+  let isActionOverride = onAction && options["UNSTABLE_itemBehavior"] === "action";
   let hasLinkAction = manager.isLink(key) && linkBehavior !== "selection" && linkBehavior !== "none";
-  let allowsSelection = !isDisabled && manager.canSelectItem(key) && !isLinkOverride;
+  let allowsSelection = !isDisabled && manager.canSelectItem(key) && !isLinkOverride && !isActionOverride;
   let allowsActions = (onAction || hasLinkAction) && !isDisabled;
   let hasPrimaryAction = allowsActions && (manager.selectionBehavior === "replace" ? !allowsSelection : !allowsSelection || manager.isEmpty);
   let hasSecondaryAction = allowsActions && allowsSelection && manager.selectionBehavior === "replace";
@@ -670,7 +709,13 @@ function $880e95eb8b93ba9a$export$ecf600387e221c37(options) {
   let hadPrimaryActionOnPressStart = useRef(false);
   let collectionItemProps = manager.getItemProps(key);
   let performAction = (e) => {
-    if (onAction) onAction();
+    if (onAction) {
+      var _ref_current;
+      onAction();
+      (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.dispatchEvent(new CustomEvent("react-aria-item-action", {
+        bubbles: true
+      }));
+    }
     if (hasLinkAction && ref.current) router.open(ref.current, e, collectionItemProps.href, collectionItemProps.routerOptions);
   };
   let itemPressProps = {
@@ -1364,7 +1409,7 @@ class $681cc3c98f569e39$export$410b0c854570d131 {
     if (this.isConnected) this.ownerDocument.queueUpdate();
   }
   removeChild(child) {
-    if (child.parentNode !== this || !this.ownerDocument.isMounted) return;
+    if (child.parentNode !== this) return;
     if (this._minInvalidChildIndex === child) this._minInvalidChildIndex = null;
     if (child.nextSibling) {
       this.invalidateChildIndices(child.nextSibling);
@@ -1520,7 +1565,7 @@ class $681cc3c98f569e39$export$dc064fe9e59310fd extends $681cc3c98f569e39$export
 }
 class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export$410b0c854570d131 {
   get isConnected() {
-    return this.isMounted;
+    return true;
   }
   createElement(type) {
     return new $681cc3c98f569e39$export$dc064fe9e59310fd(type, this);
@@ -1539,10 +1584,11 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
     collection.addNode(element.node);
   }
   removeNode(node) {
-    if (node.node == null) return;
     for (let child of node) this.removeNode(child);
-    let collection = this.getMutableCollection();
-    collection.removeNode(node.node.key);
+    if (node.node) {
+      let collection = this.getMutableCollection();
+      collection.removeNode(node.node.key);
+    }
   }
   /** Finalizes the collection update, updating all nodes and freezing the collection. */
   getCollection() {
@@ -1559,9 +1605,9 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
         element.updateNode();
         this.addNode(element);
       }
+      if (element.node) this.dirtyNodes.delete(element);
       element.isMutated = false;
-    }
-    this.dirtyNodes.clear();
+    } else this.dirtyNodes.delete(element);
     if (this.nextCollection) {
       var _this_firstVisibleChild_node, _this_firstVisibleChild, _this_lastVisibleChild_node, _this_lastVisibleChild;
       var _this_firstVisibleChild_node_key, _this_lastVisibleChild_node_key;
@@ -1592,7 +1638,7 @@ class $681cc3c98f569e39$export$b34a105447964f9f extends $681cc3c98f569e39$export
     }
   }
   constructor(collection) {
-    super(null), this.nodeType = 11, this.ownerDocument = this, this.dirtyNodes = /* @__PURE__ */ new Set(), this.isSSR = false, this.nodeId = 0, this.nodesByProps = /* @__PURE__ */ new WeakMap(), this.isMounted = true, this.nextCollection = null, this.subscriptions = /* @__PURE__ */ new Set(), this.queuedRender = false, this.inSubscription = false;
+    super(null), this.nodeType = 11, this.ownerDocument = this, this.dirtyNodes = /* @__PURE__ */ new Set(), this.isSSR = false, this.nodeId = 0, this.nodesByProps = /* @__PURE__ */ new WeakMap(), this.nextCollection = null, this.subscriptions = /* @__PURE__ */ new Set(), this.queuedRender = false, this.inSubscription = false;
     this.collection = collection;
     this.nextCollection = collection;
   }
@@ -1826,14 +1872,6 @@ function $e1995378a142960e$var$useCollectionDocument(createCollection) {
     document2
   ]);
   let collection = $e1995378a142960e$var$useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    document2.isMounted = true;
-    return () => {
-      document2.isMounted = false;
-    };
-  }, [
-    document2
-  ]);
   return {
     collection,
     document: document2
@@ -2411,34 +2449,35 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
 }
 export {
   $7af3f5b51489e0b5$export$253fe78d46329472 as $,
-  $55f9b1ae81f22853$export$759df0d867455a91 as A,
-  $8a26561d2877236e$export$c24ed0104d07eab9 as B,
-  $e1995378a142960e$export$e953bb1cd0f19726 as C,
-  $23b9f4fcf0fe224b$export$437f11dc9b403b78 as D,
+  $21f1aa98acb08317$export$16792effe837dba3 as A,
+  $55f9b1ae81f22853$export$759df0d867455a91 as B,
+  $8a26561d2877236e$export$c24ed0104d07eab9 as C,
+  $e1995378a142960e$export$e953bb1cd0f19726 as D,
+  $23b9f4fcf0fe224b$export$437f11dc9b403b78 as E,
   $7613b1592d41b092$export$6cd28814d92fa9c9 as a,
   $d496c0a20b6e58ec$export$6c8a5aaad13c9852 as b,
-  $880e95eb8b93ba9a$export$ecf600387e221c37 as c,
-  $e1995378a142960e$export$18af5c7a9e9b3664 as d,
-  $e1995378a142960e$export$bf788dd355e3a401 as e,
-  $e1995378a142960e$export$fb8073518f34e6ec as f,
-  $23b9f4fcf0fe224b$export$fd11f34e1d07f134 as g,
-  $7135fc7d473fd974$export$4feb769f8ddf26c5 as h,
-  $7135fc7d473fd974$export$d40e14dec8b060a8 as i,
-  $23b9f4fcf0fe224b$export$8258a0665a675899 as j,
-  $ae20dd8cbca75726$export$d6daf82dcd84e87c as k,
-  $7135fc7d473fd974$export$a164736487e3f0ae as l,
-  $23b9f4fcf0fe224b$export$d68d59712b04d9d1 as m,
-  $7135fc7d473fd974$export$90e00781bc59d8f9 as n,
-  $cc38e7bd3fc7b213$export$2bb74740c4e19def as o,
-  $feb5ffebff200149$export$c3d8340acf92597f as p,
-  $c5a24bc478652b5f$export$1005530eda016c13 as q,
-  $23b9f4fcf0fe224b$export$5ae2504e948afce5 as r,
-  $fb3050f43d946246$export$e32c88dfddc6e1d8 as s,
+  $21f1aa98acb08317$export$c57958e35f31ed73 as c,
+  $cc38e7bd3fc7b213$export$2bb74740c4e19def as d,
+  $880e95eb8b93ba9a$export$ecf600387e221c37 as e,
+  $e1995378a142960e$export$18af5c7a9e9b3664 as f,
+  $e1995378a142960e$export$bf788dd355e3a401 as g,
+  $e1995378a142960e$export$fb8073518f34e6ec as h,
+  $23b9f4fcf0fe224b$export$fd11f34e1d07f134 as i,
+  $7135fc7d473fd974$export$4feb769f8ddf26c5 as j,
+  $7135fc7d473fd974$export$d40e14dec8b060a8 as k,
+  $23b9f4fcf0fe224b$export$8258a0665a675899 as l,
+  $ae20dd8cbca75726$export$d6daf82dcd84e87c as m,
+  $7135fc7d473fd974$export$a164736487e3f0ae as n,
+  $23b9f4fcf0fe224b$export$d68d59712b04d9d1 as o,
+  $7135fc7d473fd974$export$90e00781bc59d8f9 as p,
+  $feb5ffebff200149$export$c3d8340acf92597f as q,
+  $c5a24bc478652b5f$export$1005530eda016c13 as r,
+  $23b9f4fcf0fe224b$export$5ae2504e948afce5 as s,
   $55f9b1ae81f22853$export$2b35b76d2e30e129 as t,
-  $ef06256079686ba0$export$f8aeda7b10753fa1 as u,
-  $5671b20cf9b562b2$export$831c820ad60f9d12 as v,
-  $55f9b1ae81f22853$export$76e4e37e5339496d as w,
-  $5671b20cf9b562b2$export$447a38995de2c711 as x,
-  $55f9b1ae81f22853$export$6c5dc7e81d2cc29a as y,
-  $21f1aa98acb08317$export$16792effe837dba3 as z
+  $fb3050f43d946246$export$e32c88dfddc6e1d8 as u,
+  $ef06256079686ba0$export$f8aeda7b10753fa1 as v,
+  $5671b20cf9b562b2$export$831c820ad60f9d12 as w,
+  $55f9b1ae81f22853$export$76e4e37e5339496d as x,
+  $5671b20cf9b562b2$export$447a38995de2c711 as y,
+  $55f9b1ae81f22853$export$6c5dc7e81d2cc29a as z
 };