@eightshift/ui-components 1.4.6 → 1.5.0

package/dist/components/expandable/expandable.js

@@ -6,8 +6,8 @@ import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-BqWys-1G.js";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-yZgqvhXc.js";
-import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-CVd6C65L.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
+import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-B5L3qI3N.js";
 /**
  * A component that allows hiding content in an expandable panel, to declutter the UI.
  *

package/dist/components/index.js

@@ -9,7 +9,9 @@ import { ColorSwatch } from "./color-pickers/color-swatch.js";
 import { ColorPicker } from "./color-pickers/color-picker.js";
 import { ColumnConfigSlider, ColumnConfigSliderOutput } from "./slider/column-config-slider.js";
 import { DraggableList } from "./draggable-list/draggable-list.js";
-import { DraggableListItem } from "./draggable-list/draggable-list-item.js";
+import { DraggableListItem, DraggableListItemHandle } from "./draggable-list/draggable-list-item.js";
+import { Draggable } from "./draggable/draggable.js";
+import { DraggableItem, DraggableItemHandle } from "./draggable/draggable-item.js";
 import { Expandable } from "./expandable/expandable.js";
 import { FilePlaceholder } from "./placeholders/file-placeholder.js";
 import { GradientEditor } from "./color-pickers/gradient-editor.js";
@@ -17,6 +19,7 @@ import { HStack } from "./layout/hstack.js";
 import { RichLabel } from "./rich-label/rich-label.js";
 import { InputField } from "./input-field/input-field.js";
 import { ImagePlaceholder } from "./placeholders/image-placeholder.js";
+import { ItemCollection } from "./item-collection/item-collection.js";
 import { LinkInput } from "./link-input/link-input.js";
 import { ListBox } from "./list-box/list-box.js";
 import { MatrixAlign } from "./matrix-align/matrix-align.js";
@@ -46,7 +49,7 @@ import { Tab, TabList, TabPanel, Tabs } from "./tabs/tabs.js";
 import { Toggle } from "./toggle/toggle.js";
 import { Switch } from "./toggle/switch.js";
 import { ToggleButton } from "./toggle-button/toggle-button.js";
-import { D, T } from "../tooltip-C9mg1CP5.js";
+import { D, T } from "../tooltip-srrt1p-b.js";
 import { VStack } from "./layout/vstack.js";
 export {
   AnimatedVisibility,
@@ -64,14 +67,19 @@ export {
   ComponentToggle,
   ContainerPanel,
   D as DecorativeTooltip,
+  Draggable,
+  DraggableItem,
+  DraggableItemHandle,
   DraggableList,
   DraggableListItem,
+  DraggableListItemHandle,
   Expandable,
   FilePlaceholder,
   GradientEditor,
   HStack,
   ImagePlaceholder,
   InputField,
+  ItemCollection,
   LinkInput,
   ListBox,
   MatrixAlign,

package/dist/components/input-field/input-field.js

@@ -1,13 +1,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CaS4qmLb.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-yZgqvhXc.js";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-B4IdLYb8.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BoNEjaXM.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
+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";
 import React__default, { forwardRef, createContext, useRef, useState, useCallback } from "react";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-PMGZgZ9-.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-DsxEaA2J.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CBPJ4Xx8.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-xMzk3syC.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-ClB3-XvF.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-D8qh3_U7.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CdwRBXol.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

package/dist/components/item-collection/item-collection.js

@@ -0,0 +1,54 @@
+import { jsx } from "react/jsx-runtime";
+import { Fragment } from "react";
+/**
+ * A simple component to manage a collection of items.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {Object<string, any>[]} props.items - Items to show.
+ * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
+ *
+ * @returns {JSX.Element} The ItemCollection component.
+ *
+ * @example
+ * <ItemCollection
+ *    items={items}
+ *    onChange={setItems}
+ * >
+ *    {({ title, updateData, deleteItem }) => (
+ *       <div>
+ *          <InputField
+ *             label={__('Title', 'demo')}
+ *             value={title}
+ *             onChange={(title) => updateData({ title })}
+ *          />
+ *       </div>
+ *    )}
+ * </ItemCollection>
+ *
+ * @preserve
+ */
+const ItemCollection = (props) => {
+  const { children, items, onChange, hidden } = props;
+  if (hidden) {
+    return null;
+  }
+  return items.map((item, index) => /* @__PURE__ */ jsx(Fragment, { children: children({
+    ...item,
+    updateData: (newValue) => {
+      const updated = [...items];
+      updated[index] = {
+        ...updated[index],
+        ...newValue
+      };
+      onChange(updated);
+    },
+    itemIndex: index,
+    deleteItem: () => {
+      onChange([...items].filter((_, i) => i !== index));
+    }
+  }) }, index));
+};
+export {
+  ItemCollection
+};

package/dist/components/link-input/link-input.js

@@ -1,29 +1,28 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-uYE9D_E3.js";
-import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-B4IdLYb8.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CBPJ4Xx8.js";
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1, a as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CYX0D6At.js";
+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";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-ClB3-XvF.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-WZgNv9RE.js";
-import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CaS4qmLb.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-yZgqvhXc.js";
-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-MZyPpwvj.js";
-import { f as $de32f1b87079253c$export$d2f961adcb0afbe, i as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-CGE2ficT.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-D8qh3_U7.js";
-import { i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, k as $c5a24bc478652b5f$export$1005530eda016c13, e as $e1995378a142960e$export$bf788dd355e3a401 } from "../../SelectionManager-CvRaua4m.js";
+import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-ubPTwji_.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5, $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BoNEjaXM.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
+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";
+import { f as $5e3802645cc19319$export$1c3ebcada18427bf, g as $de32f1b87079253c$export$d2f961adcb0afbe, j as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-DSquJZb-.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CdwRBXol.js";
+import { i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, j as $c5a24bc478652b5f$export$1005530eda016c13, e as $e1995378a142960e$export$bf788dd355e3a401 } from "../../SelectionManager-Ctbzoj1E.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $9daab02d461809db$export$683480f191c0e3ea, T as Tooltip } from "../../tooltip-C9mg1CP5.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $9daab02d461809db$export$683480f191c0e3ea, T as Tooltip } from "../../tooltip-srrt1p-b.js";
 import React__default, { useCallback, useMemo, useRef, useEffect, useState, useReducer, forwardRef, createContext, cloneElement } from "react";
-import { b as $325a3faab7a68acd$export$a16aca283550c30d, c as $2a25aae57d74318e$export$a05409b8bb224a5a, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "../../Separator-C7Few7L6.js";
-import { c as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidationState-DC5jbhBW.js";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CzZUgAt0.js";
-import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-Csx05BmT.js";
-import { w as $c87311424ea30a05$export$e1865c3bedcd822b, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-PMGZgZ9-.js";
+import { b as $325a3faab7a68acd$export$a16aca283550c30d, c as $2a25aae57d74318e$export$a05409b8bb224a5a, a as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "../../Separator-CDhAddZc.js";
+import { c as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidationState-DAan_XbC.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-C1ddMCq3.js";
+import { a as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-GXSJsAgz.js";
+import { w as $c87311424ea30a05$export$e1865c3bedcd822b, e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../focusSafely-xMzk3syC.js";
 import { $ as $319e236875307eab$export$a9b970dcc4ae71a9 } from "../../LiveAnnouncer-D8h-3GrG.js";
-import { $ as $5e3802645cc19319$export$1c3ebcada18427bf } from "../../ariaHideOutside-BzxkODNq.js";
-import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "../../usePress-CY8MpqYD.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-JaBafrnV.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-CVIIVTgz.js";
-import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-CMgzyMKW.js";
+import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572 } from "../../usePress-Cs8K7gKw.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-DmsOywGg.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../useLocalizedStringFormatter-m03yY3xi.js";
+import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-BbwpSVmh.js";
 import { _ as __ } from "../../default-i18n-BqWys-1G.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
@@ -31,7 +30,6 @@ import { Spacer } from "../spacer/spacer.js";
 import { AnimatedVisibility } from "../animated-visibility/animated-visibility.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { RichLabel } from "../rich-label/rich-label.js";
-import { $ as $0d86e9c8f07f9a7b$export$79c0c687a5963b0a } from "../../useListData-B5Pk32vd.js";
 function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
   let collator = $325a3faab7a68acd$export$a16aca283550c30d({
     usage: "search",
@@ -998,6 +996,8 @@ function $c350ade66beef0af$export$8c18d1b4f7232bbf(props, state) {
       ...menuTriggerProps,
       ...triggerLabelProps,
       excludeFromTabOrder: true,
+      // @ts-ignore - undocumented
+      preventFocusOnPress: true,
       onPress,
       onPressStart,
       isDisabled: isDisabled || isReadOnly
@@ -1264,6 +1264,175 @@ function $a9e7382a7d111cb5$var$filterNodes(collection, nodes, inputValue, filter
   }
   return filteredNode;
 }
+function $0d86e9c8f07f9a7b$export$79c0c687a5963b0a(opts, dispatch) {
+  let { cursor, getKey } = opts;
+  return {
+    setSelectedKeys(selectedKeys) {
+      dispatch((state) => ({
+        ...state,
+        selectedKeys
+      }));
+    },
+    setFilterText(filterText) {
+      dispatch((state) => ({
+        ...state,
+        filterText
+      }));
+    },
+    insert(index, ...values) {
+      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, index, ...values));
+    },
+    insertBefore(key, ...values) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item) => getKey(item) === key);
+        if (index === -1) {
+          if (state.items.length === 0) index = 0;
+          else return state;
+        }
+        return $0d86e9c8f07f9a7b$var$insert(state, index, ...values);
+      });
+    },
+    insertAfter(key, ...values) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item) => getKey(item) === key);
+        if (index === -1) {
+          if (state.items.length === 0) index = 0;
+          else return state;
+        }
+        return $0d86e9c8f07f9a7b$var$insert(state, index + 1, ...values);
+      });
+    },
+    prepend(...values) {
+      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, 0, ...values));
+    },
+    append(...values) {
+      dispatch((state) => $0d86e9c8f07f9a7b$var$insert(state, state.items.length, ...values));
+    },
+    remove(...keys) {
+      dispatch((state) => {
+        let keySet = new Set(keys);
+        let items = state.items.filter((item) => !keySet.has(getKey(item)));
+        let selection = "all";
+        if (state.selectedKeys !== "all") {
+          selection = new Set(state.selectedKeys);
+          for (let key of keys) selection.delete(key);
+        }
+        if (cursor == null && items.length === 0) selection = /* @__PURE__ */ new Set();
+        return {
+          ...state,
+          items,
+          selectedKeys: selection
+        };
+      });
+    },
+    removeSelectedItems() {
+      dispatch((state) => {
+        if (state.selectedKeys === "all") return {
+          ...state,
+          items: [],
+          selectedKeys: /* @__PURE__ */ new Set()
+        };
+        let selectedKeys = state.selectedKeys;
+        let items = state.items.filter((item) => !selectedKeys.has(getKey(item)));
+        return {
+          ...state,
+          items,
+          selectedKeys: /* @__PURE__ */ new Set()
+        };
+      });
+    },
+    move(key, toIndex) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item2) => getKey(item2) === key);
+        if (index === -1) return state;
+        let copy = state.items.slice();
+        let [item] = copy.splice(index, 1);
+        copy.splice(toIndex, 0, item);
+        return {
+          ...state,
+          items: copy
+        };
+      });
+    },
+    moveBefore(key, keys) {
+      dispatch((state) => {
+        let toIndex = state.items.findIndex((item) => getKey(item) === key);
+        if (toIndex === -1) return state;
+        let keyArray = Array.isArray(keys) ? keys : [
+          ...keys
+        ];
+        let indices = keyArray.map((key2) => state.items.findIndex((item) => getKey(item) === key2)).sort((a, b) => a - b);
+        return $0d86e9c8f07f9a7b$var$move(state, indices, toIndex);
+      });
+    },
+    moveAfter(key, keys) {
+      dispatch((state) => {
+        let toIndex = state.items.findIndex((item) => getKey(item) === key);
+        if (toIndex === -1) return state;
+        let keyArray = Array.isArray(keys) ? keys : [
+          ...keys
+        ];
+        let indices = keyArray.map((key2) => state.items.findIndex((item) => getKey(item) === key2)).sort((a, b) => a - b);
+        return $0d86e9c8f07f9a7b$var$move(state, indices, toIndex + 1);
+      });
+    },
+    update(key, newValue) {
+      dispatch((state) => {
+        let index = state.items.findIndex((item) => getKey(item) === key);
+        if (index === -1) return state;
+        return {
+          ...state,
+          items: [
+            ...state.items.slice(0, index),
+            newValue,
+            ...state.items.slice(index + 1)
+          ]
+        };
+      });
+    }
+  };
+}
+function $0d86e9c8f07f9a7b$var$insert(state, index, ...values) {
+  return {
+    ...state,
+    items: [
+      ...state.items.slice(0, index),
+      ...values,
+      ...state.items.slice(index)
+    ]
+  };
+}
+function $0d86e9c8f07f9a7b$var$move(state, indices, toIndex) {
+  toIndex -= indices.filter((index) => index < toIndex).length;
+  let moves = indices.map((from) => ({
+    from,
+    to: toIndex++
+  }));
+  for (let i = 0; i < moves.length; i++) {
+    let a = moves[i].from;
+    for (let j = i; j < moves.length; j++) {
+      let b = moves[j].from;
+      if (b > a) moves[j].from--;
+    }
+  }
+  for (let i = 0; i < moves.length; i++) {
+    let a = moves[i];
+    for (let j = moves.length - 1; j > i; j--) {
+      let b = moves[j];
+      if (b.from < a.to) a.to++;
+      else b.from++;
+    }
+  }
+  let copy = state.items.slice();
+  for (let move of moves) {
+    let [item] = copy.splice(move.from, 1);
+    copy.splice(move.to, 0, item);
+  }
+  return {
+    ...state,
+    items: copy
+  };
+}
 function $f86e6c1ec7da6ebb$var$reducer(data, action) {
   let selectedKeys;
   switch (data.state) {
@@ -1723,6 +1892,7 @@ const $d01f2c01039c0eec$export$72b9695b8216309a = /* @__PURE__ */ forwardRef($d0
  * @param {string} [props.className] - Classes to pass to the input field.
  * @param {number} [props.inputDebounceDelay=500] - The delay in milliseconds before the input value is considered final.
  * @param {Function} [props.suggestionTypeIconOverride] - Allows overriding the default icon for the suggestion type, e.g. when using CPTs. Should be in the format: `(type) => icon or React component`.
+ * @param {boolean} [props.showSuggestionsWhenEmpty] - If `true`, the suggestion list will be shown when down arrow is pressed even the input is empty.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
  *
  * @returns {JSX.Element} The LinkInput component.
@@ -1738,7 +1908,7 @@ const $d01f2c01039c0eec$export$72b9695b8216309a = /* @__PURE__ */ forwardRef($d0
 const LinkInput = (props) => {
   var _a;
   const {
-    url,
+    url = "",
     onChange,
     label = __("Link", "eightshift-ui-components"),
     subtitle,
@@ -1749,26 +1919,42 @@ const LinkInput = (props) => {
     removeIcon = icons.clearAlt,
     disabled = false,
     suggestionTypeIconOverride,
+    showSuggestionsWhenEmpty,
     fetchSuggestions,
     className,
     hidden
   } = props;
+  const canShowSuggestions = typeof fetchSuggestions !== "undefined";
   const triggerRef = useRef(null);
   const suggestionList = $f86e6c1ec7da6ebb$export$bc3384a35de93d66({
+    initialFilterText: url,
     async load({ signal, filterText }) {
+      if (!canShowSuggestions) {
+        return {
+          items: []
+        };
+      }
       const items = await fetchSuggestions(filterText, signal);
       return {
         items: items ?? []
       };
     }
   });
-  const shouldShowSuggestions = (() => {
-    var _a2;
-    if (!url) {
-      return false;
+  const [shouldShowSuggestions, setShouldShowSuggestions] = useState(false);
+  useEffect(() => {
+    suggestionList.setFilterText(url);
+    if (!canShowSuggestions) {
+      setShouldShowSuggestions(false);
+      return;
+    }
+    if (!showSuggestionsWhenEmpty && url.length < 1) {
+      setShouldShowSuggestions(false);
+      return;
     }
-    return !(((_a2 = url == null ? void 0 : url.trim()) == null ? void 0 : _a2.length) < 4 || (url == null ? void 0 : url.startsWith("#")) || (url == null ? void 0 : url.startsWith(":")) || (url == null ? void 0 : url.startsWith("mailto")) || (url == null ? void 0 : url.startsWith("tel")) || (url == null ? void 0 : url.startsWith("http")) || (url == null ? void 0 : url.startsWith("www")));
-  })();
+    setShouldShowSuggestions(
+      !(showSuggestionsWhenEmpty !== true && url.trim().length < 4 || url.startsWith("#") || url.startsWith(":") || url.startsWith("mailto") || url.startsWith("tel") || url.startsWith("http") || url.startsWith("www"))
+    );
+  }, [url]);
   if (hidden) {
     return null;
   }
@@ -1782,7 +1968,7 @@ const LinkInput = (props) => {
         suggestionList.setFilterText(value);
       },
       allowsCustomValue: true,
-      allowsEmptyCollection: shouldShowSuggestions,
+      allowsEmptyCollection: canShowSuggestions && shouldShowSuggestions,
       isDisabled: disabled,
       children: [
         /* @__PURE__ */ jsx(
@@ -1848,7 +2034,7 @@ const LinkInput = (props) => {
             )
           }
         ),
-        /* @__PURE__ */ jsxs(
+        canShowSuggestions && shouldShowSuggestions && /* @__PURE__ */ jsxs(
           $07b14b47974efb58$export$5b6b19405a83ff9d,
           {
             "aria-label": __("URL suggestions", "eightshift-ui-components"),

package/dist/components/list-box/list-box.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-MZyPpwvj.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-civ86c_v.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { _ as __ } from "../../default-i18n-BqWys-1G.js";

package/dist/components/matrix-align/matrix-align.js

@@ -6,7 +6,7 @@ import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { upperFirst, camelCase } from "../../utilities/es-dash.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { T as Tooltip } from "../../tooltip-C9mg1CP5.js";
+import { T as Tooltip } from "../../tooltip-srrt1p-b.js";
 import { BaseControl } from "../base-control/base-control.js";
 /**
  * A component that can provide a 3x3 or a 2x2 grid of positions to pick from.

package/dist/components/menu/menu.js

@@ -1,19 +1,19 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-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-C7Few7L6.js";
-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, j as $7135fc7d473fd974$export$90e00781bc59d8f9, m as $7135fc7d473fd974$export$6e2c8f0811a474ce } from "../../SelectionManager-CvRaua4m.js";
-import { c as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $bdb11010cef70236$export$b4cc09c592e8fdb8, e as $bdb11010cef70236$export$f680877a34711e37, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, j as $64fa3d84918910a7$export$2881499e37b75b9a, l as $df56164dff5785e2$export$4338b53315abf666, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "../../utils-B4IdLYb8.js";
+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";
+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";
+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";
 import React__default, { useRef, useState, useEffect, useCallback, useMemo, createContext, useContext, forwardRef, cloneElement } from "react";
-import { f as $de32f1b87079253c$export$d2f961adcb0afbe, i as $07b14b47974efb58$export$9b9a0cd73afb7ca4, j as $f1ab8c75478c6f73$export$3351871ee4b288b8, k as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 } from "../../Dialog-CGE2ficT.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-D8qh3_U7.js";
+import { g as $de32f1b87079253c$export$d2f961adcb0afbe, j as $07b14b47974efb58$export$9b9a0cd73afb7ca4, k as $f1ab8c75478c6f73$export$3351871ee4b288b8, l as $e0b6e0b68ec7f50f$export$872b660ac5a1ff98 } from "../../Dialog-DSquJZb-.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CdwRBXol.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { a as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-C9mg1CP5.js";
-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-PMGZgZ9-.js";
-import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-CMgzyMKW.js";
-import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-CY8MpqYD.js";
-import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-BFKHuYS9.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Bon2Gyx5.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-DsxEaA2J.js";
-import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-CVd6C65L.js";
+import { a as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-srrt1p-b.js";
+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";
+import { $ as $168583247155ddda$export$dc9c12ed27dd1b49 } from "../../useMenuTrigger-BbwpSVmh.js";
+import { b as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-Cs8K7gKw.js";
+import { a as $46d819fcbaf35654$export$8f71654801c2f7cd } from "../../useFocusable-Bu2Ovohk.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-kCEA3M_y.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
+import { $ as $9bf71ea28793e738$export$20e40289641fbbb6 } from "../../FocusScope-B5L3qI3N.js";
 import { icons } from "../../icons/icons.js";
 import { Button } from "../button/button.js";
 import { Popover } from "../popover/popover.js";
@@ -67,6 +67,7 @@ function $a2e5df62f93c7633$export$9d32628fc2aea7da(props, state, ref) {
     var _item_props;
     if (isTrigger) return;
     if (item === null || item === void 0 ? void 0 : (_item_props = item.props) === null || _item_props === void 0 ? void 0 : _item_props.onAction) item.props.onAction();
+    else if (props.onAction) props.onAction(key);
     if (data.onAction) {
       let onAction = data.onAction;
       onAction(key);

package/dist/components/modal/modal.js

@@ -1,11 +1,10 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { c as $a11501f3d1d39e6c$export$ea8f71083e90600f, d as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, e as $337b884510726a0d$export$14c98a7594375490, f as $de32f1b87079253c$export$d2f961adcb0afbe, g as $337b884510726a0d$export$c6fdb837b070b4ff, h as $86ea4cb521eb2e37$export$2317d149ed6f78c4, b as $de32f1b87079253c$export$2e1e1122cf0cba88, a as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-CGE2ficT.js";
+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-DSquJZb-.js";
 import { a as $4e85f108e88277b8$export$d688439359537581 } from "../../RSPContexts-DQtGvvpM.js";
-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, j as $64fa3d84918910a7$export$2881499e37b75b9a, m as $5dc95899b306f630$export$c9058316764c140e } from "../../utils-B4IdLYb8.js";
+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";
 import React__default, { useState, useEffect, forwardRef, useContext, useRef, useMemo, createContext } from "react";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-C9mg1CP5.js";
-import { $ as $5e3802645cc19319$export$1c3ebcada18427bf } from "../../ariaHideOutside-BzxkODNq.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../tooltip-srrt1p-b.js";
 import { Button } from "../button/button.js";
 import { _ as __ } from "../../default-i18n-BqWys-1G.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

package/dist/components/number-picker/number-picker.js

@@ -1,17 +1,17 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import React__default, { forwardRef, useRef, createContext, useState, cloneElement } from "react";
 import { _ as __ } from "../../default-i18n-BqWys-1G.js";
-import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-WZgNv9RE.js";
-import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-CaS4qmLb.js";
-import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-yZgqvhXc.js";
-import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-uYE9D_E3.js";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, h as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, i as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, j as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-B4IdLYb8.js";
-import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-CBPJ4Xx8.js";
+import { $ as $a049562f99e7db0e$export$f9c6924e160136d1, a as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-ubPTwji_.js";
+import { $ as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BoNEjaXM.js";
+import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
+import { $ as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "../../Button-CYX0D6At.js";
+import { 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";
+import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError-ClB3-XvF.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
-import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-D8qh3_U7.js";
+import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CdwRBXol.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Bon2Gyx5.js";
-import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-BVFqhboT.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-kCEA3M_y.js";
+import { $ as $de67e98908f0c6ee$export$7f629e9dc1ecf37c, a as $81397a9303501bda$export$23f548e970bdf099 } from "../../useNumberFieldState-CpmU88xz.js";
 import { Button } from "../button/button.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
@@ -236,7 +236,7 @@ const NumberPicker = ({
                   {
                     onFocus: () => setIsInputFocused(true),
                     onBlur: () => setIsInputFocused(false),
-                    className: "es-uic-col-start-2 es-uic-row-span-2 es-uic-bg-transparent es-uic-py-1 es-uic-text-sm es-uic-tabular-nums selection:es-uic-bg-teal-500/20 selection:es-uic-text-teal-950 focus:es-uic-outline-none",
+                    className: "es-uic-col-start-2 es-uic-row-span-2 !es-uic-border-none es-uic-bg-transparent !es-uic-px-0 !es-uic-py-1 es-uic-text-sm es-uic-tabular-nums !es-uic-shadow-none !es-uic-outline-none selection:es-uic-bg-teal-500/20 selection:es-uic-text-teal-950 focus:!es-uic-shadow-none focus:es-uic-outline-none",
                     placeholder,
                     style: {
                       width: fixedWidth ? `${fixedWidth}ch` : `calc(${min < 0 ? "0.75ch + " : ""}${(_d = (_c = max ?? 1e3) == null ? void 0 : _c.toString()) == null ? void 0 : _d.length} * 1ch)`

package/dist/components/popover/popover.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, a as $de32f1b87079253c$export$3ddf2d174ce01153, b as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-CGE2ficT.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, a as $de32f1b87079253c$export$3ddf2d174ce01153, b as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-DSquJZb-.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-BqWys-1G.js";
 import { Button } from "../button/button.js";