@loadsmart/loadsmart-ui 8.0.0 → 8.0.1

package/dist/index.js

@@ -1,15 +1,15 @@
 import * as React from "react";
-import React__default, { forwardRef, Fragment, useState, useRef, useCallback, useEffect, createContext, useMemo, useReducer, useContext, useLayoutEffect, Children as Children$5, isValidElement } from "react";
+import React__default, { forwardRef, useState, useRef, useCallback, useEffect, createContext, useMemo, useReducer, useContext, useLayoutEffect, Fragment, Children as Children$5, isValidElement } from "react";
 import styled, { css, keyframes, useTheme } from "styled-components";
 import { getToken } from "./theming/index.js";
-import { isEmpty, flatten, omit, get, range } from "lodash-es";
-import { t as toArray } from "./toArray-Dxb1kUxx.js";
-import { c as conditional, w as whenProps, p as prop } from "./prop-K2Z3EsyG.js";
-import { r as rem, B as BASE_PIXELS } from "./miranda-compatibility.theme-kYNEZ7mW.js";
+import { isEmpty, omit, get, range } from "lodash-es";
+import { t as toArray } from "./toArray-BJJzFRD1.js";
+import { c as conditional, w as whenProps, p as prop } from "./prop-Fs2axl9W.js";
+import { r as rem, B as BASE_PIXELS } from "./miranda-compatibility.theme-CIu9fa89.js";
 import { isFunction, identity } from "@loadsmart/utils-function";
 import clsx from "clsx";
 import { isBlank } from "@loadsmart/utils-string";
-import { isNil, isObject } from "@loadsmart/utils-object";
+import { isNil } from "@loadsmart/utils-object";
 import ReactDOM from "react-dom";
 import { useFloating, autoUpdate, offset, flip, shift, arrow } from "@floating-ui/react-dom";
 import { u as useDragDropFileContext } from "./DragDropFile.context-oKnUu6d3.js";
@@ -33,8 +33,10 @@ function UnknownIcon() {
 }
 function IconFactory(map) {
   function getIcon(name) {
-    name = String(name || "").toLowerCase();
-    if (!(name in map)) return UnknownIcon;
+    name = (name ?? "").toLowerCase();
+    if (!(name in map)) {
+      return UnknownIcon;
+    }
     return map[name];
   }
   return function Icon2(props) {
@@ -101,15 +103,17 @@ function interleave(array1, array2) {
   const safeArray2 = toArray(array2);
   if (isEmpty(safeArray1) && isEmpty(safeArray2)) {
     return [];
-  } else if (isEmpty(safeArray1)) {
+  }
+  if (isEmpty(safeArray1)) {
     return safeArray2;
-  } else if (isEmpty(safeArray2)) {
+  }
+  if (isEmpty(safeArray2)) {
     return safeArray1;
   }
-  return flatten(safeArray1.map((element, index) => [element, safeArray2[index]]));
+  return safeArray1.flatMap((element, index) => [element, safeArray2[index]]);
 }
-function activatableStyle(strings, ...args) {
-  const safeStrings = (strings || []).concat();
+function activatableStyle(strings = [], ...args) {
+  const safeStrings = strings.concat();
   return [`
     &:enabled:not(.is-disabled) {
       &:active {`, ...interleave(safeStrings, args), `
@@ -117,8 +121,8 @@ function activatableStyle(strings, ...args) {
     }
   `];
 }
-function disableableStyle(strings, ...args) {
-  const safeStrings = (strings || []).concat();
+function disableableStyle(strings = [], ...args) {
+  const safeStrings = strings.concat();
   return [`
     &.is-disabled,
     &:disabled {
@@ -148,8 +152,8 @@ function ellipsizableStyle() {
     white-space: nowrap;
   `;
 }
-function focusableStyle(strings, ...args) {
-  const safeStrings = (strings || []).concat();
+function focusableStyle(strings = [], ...args) {
+  const safeStrings = strings.concat();
   return [`
     outline: none;
 
@@ -160,8 +164,8 @@ function focusableStyle(strings, ...args) {
     }
   `];
 }
-function hoverableStyle(strings, ...args) {
-  const safeStrings = (strings || []).concat();
+function hoverableStyle(strings = [], ...args) {
+  const safeStrings = strings.concat();
   return [`
     &:not(.is-disabled):not(:disabled) {
       &:hover {`, ...interleave(safeStrings, args), `
@@ -577,7 +581,7 @@ Layout.Box = Box$1;
 Layout.Sidebar = Sidebar;
 Layout.Switcher = Switcher;
 Layout.Grid = Grid$1;
-const loading = keyframes`   from{width:0}to{width:100%}`;
+const loading = keyframes`from{width:0}to{width:100%}`;
 const Bar$1 = styled.div.withConfig({
   displayName: "Bar",
   componentId: "ls-ui__sc-hqt3sp-0"
@@ -590,7 +594,7 @@ function LoadingBar({
   alignment,
   title,
   secondaryTitle,
-  width = void 0,
+  width,
   velocity = 2.5
 }) {
   return /* @__PURE__ */ React__default.createElement(Layout.Box, { textAlign: alignment }, /* @__PURE__ */ React__default.createElement(Layout.Stack, { space: "s" }, title, /* @__PURE__ */ React__default.createElement(Bar$1, { width, velocity }), secondaryTitle));
@@ -1098,7 +1102,7 @@ function ButtonChildrenWrapper({
   if (loading2) {
     return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(ButtonLoadingDots, { buttonVariant: variant }), /* @__PURE__ */ React__default.createElement(TextHidden, null, children));
   }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, children);
+  return children;
 }
 const BaseButton = forwardRef(function BaseButton2({
   scale = "default",
@@ -1347,7 +1351,7 @@ function Checkbox({
   scale = "default",
   ...others
 }) {
-  return /* @__PURE__ */ React__default.createElement(SelectionWrapper, { scheme, scale, selector: /* @__PURE__ */ React__default.createElement(Fragment, null, /* @__PURE__ */ React__default.createElement(Selector$2, { "data-testid": "selector", ...others, scheme, disabled, type: "checkbox" }), /* @__PURE__ */ React__default.createElement(Check$1, { name: "check", size: 14, className: "check" })), leading, trailing, className: clsx({
+  return /* @__PURE__ */ React__default.createElement(SelectionWrapper, { scheme, scale, selector: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Selector$2, { "data-testid": "selector", ...others, scheme, disabled, type: "checkbox" }), /* @__PURE__ */ React__default.createElement(Check$1, { name: "check", size: 14, className: "check" })), leading, trailing, className: clsx({
     "is-disabled": disabled
   }, className), "data-testid": "checkbox" }, children);
 }
@@ -1435,7 +1439,7 @@ function Radio({
   scheme = "light",
   ...others
 }) {
-  return /* @__PURE__ */ React__default.createElement(SelectionWrapper, { scheme, selector: /* @__PURE__ */ React__default.createElement(Fragment, null, /* @__PURE__ */ React__default.createElement(Selector$1, { "data-testid": "selector", ...others, scheme, disabled, type: "radio" }), /* @__PURE__ */ React__default.createElement(Check, { name: "circle", className: "check" })), leading, trailing, className: clsx({
+  return /* @__PURE__ */ React__default.createElement(SelectionWrapper, { scheme, selector: /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Selector$1, { "data-testid": "selector", ...others, scheme, disabled, type: "radio" }), /* @__PURE__ */ React__default.createElement(Check, { name: "circle", className: "check" })), leading, trailing, className: clsx({
     "is-disabled": disabled
   }, className), "data-testid": "radio" }, children);
 }
@@ -1669,14 +1673,9 @@ function useTextField({
   value: valueProp
 }) {
   const [value, setValue] = useState(valueProp || "");
-  const onChange = useCallback(function handleChange(e) {
-    const {
-      target: {
-        value: value2
-      }
-    } = e;
-    setValue(value2);
-    onChangeProp?.(e);
+  const onChange = useCallback(function handleChange(event) {
+    setValue(event.target.value);
+    onChangeProp?.(event);
   }, [onChangeProp]);
   return [value, onChange];
 }
@@ -1866,7 +1865,8 @@ function checkHref(props) {
   if (isBlank(href || "")) {
     return props;
   }
-  if (INSECURE_HREF.test(`${href || ""}`)) {
+  const normalizedHref = (href || "").trim().replace(/^[\u0000-\u001F]+/u, "");
+  if (INSECURE_HREF.test(normalizedHref)) {
     return others;
   }
   return props;
@@ -2002,7 +2002,7 @@ const StyledBackButton = styled(BackButton).withConfig({
   componentId: "ls-ui__sc-146a5ne-2"
 })`margin:0 ${getToken("space-m")} 0 0;`;
 function Breadcrumbs({
-  entries = [],
+  entries,
   onBack,
   disabled,
   ...others
@@ -2023,24 +2023,6 @@ const GenericAdapter$1 = {
     return get(o, "value");
   }
 };
-function createSelectionStrategy(props) {
-  const {
-    adapters,
-    multiple
-  } = props;
-  const context = {
-    getAdapter(type) {
-      if (type == null) {
-        return GenericAdapter$1;
-      }
-      return adapters[type] || GenericAdapter$1;
-    }
-  };
-  if (multiple) {
-    return MultipleSelectionStrategy(context);
-  }
-  return SingleSelectionStrategy(context);
-}
 function SingleSelectionStrategy(context) {
   return {
     type() {
@@ -2120,6 +2102,24 @@ function MultipleSelectionStrategy(context) {
     }
   };
 }
+function createSelectionStrategy(props) {
+  const {
+    adapters,
+    multiple
+  } = props;
+  const context = {
+    getAdapter(type) {
+      if (type == null) {
+        return GenericAdapter$1;
+      }
+      return adapters[type] || GenericAdapter$1;
+    }
+  };
+  if (multiple) {
+    return MultipleSelectionStrategy(context);
+  }
+  return SingleSelectionStrategy(context);
+}
 const MAX_LENGTH = 15;
 const INITIAL_LENGTH = 2;
 const ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZ_abcdefghijklmnopqrstuvwxyz-";
@@ -2129,7 +2129,11 @@ function IDGenerator({
   alphabet
 }) {
   let currentLength = initialIDLength;
-  let filledCharacters = [...Array(maxIDLength - currentLength).fill(-1), ...Array(currentLength).fill(0)];
+  let filledCharacters = [...Array.from({
+    length: maxIDLength - currentLength
+  }).fill(-1), ...Array.from({
+    length: currentLength
+  }).fill(0)];
   let availableIDs = range(initialIDLength, maxIDLength + 1).reduce(
     // using arrangement with repetition formula
     (acc, n) => acc + Math.pow(alphabet.length, n),
@@ -2160,9 +2164,9 @@ const getID = IDGenerator({
 function useFingerprint(adapter, items) {
   const knownRef = useRef({});
   const [fingerprint, setFingerprint] = useState(() => getFingerprint("", items, true));
-  function getFingerprint(currentFingerprint, items2, update = false) {
+  function getFingerprint(currentFingerprint, fingerprintItems, update = false) {
     const known = knownRef.current;
-    const safeItems = items2 || [];
+    const safeItems = fingerprintItems ?? [];
     let newKnown = {};
     let hasSameItems = Object.keys(known).length === safeItems.length;
     for (let i = 0; i < safeItems.length; i++) {
@@ -2181,23 +2185,20 @@ function useFingerprint(adapter, items) {
     if (update) {
       knownRef.current = newKnown;
     }
-    const fingerprint2 = Object.keys(newKnown).sort().reduce((fingerprint3, item) => {
-      return `${fingerprint3}${newKnown[item]}`;
+    return Object.keys(newKnown).sort().reduce((computedSignature, item) => {
+      return `${computedSignature}${newKnown[item]}`;
     }, "");
-    return fingerprint2;
   }
   return {
     fingerprint,
-    getFingerprint(items2, update = false) {
-      return getFingerprint(fingerprint, items2, update);
+    getFingerprint(fingerprintItems, update = false) {
+      return getFingerprint(fingerprint, fingerprintItems, update);
     },
-    resetFingerprint(items2) {
-      setFingerprint(getFingerprint(fingerprint, items2, true));
+    resetFingerprint(fingerprintItems) {
+      setFingerprint(getFingerprint(fingerprint, fingerprintItems, true));
     },
     /**
      * Check if the provided items have the same fingerprint.
-     * @param {string[]} otherItems - items
-     * @returns {boolean}
      */
     hasSameFingerprint(otherItems) {
       return fingerprint === getFingerprint(fingerprint, otherItems);
@@ -2501,7 +2502,7 @@ function Toggle({
   const group = useContext(ToggleGroupContext);
   const selectable = useContext(SelectableContext$1);
   if (isEmpty(selectable)) {
-    throw Error("A Toggle options must be rendered inside a ToggleGroup");
+    throw new Error("A Toggle options must be rendered inside a ToggleGroup");
   }
   const selected = selectable.selected.has(value);
   return /* @__PURE__ */ React__default.createElement(ToggleButton, { ...others, $type: selectable.type(), type: "button", role: isMultiple(selectable.type()) ? "checkbox" : "radio", "aria-checked": selected, disabled: Boolean(disabled || group.disabled), onClick: () => {
@@ -2594,29 +2595,29 @@ const Container$a = styled(Group$1).withConfig({
 })};}`;
 function fromValueToSelected(value) {
   const valueAsArray = toArray(value);
-  return valueAsArray.map((value2) => ({
-    value: value2
+  return valueAsArray.map((optionValue) => ({
+    value: optionValue
   }));
 }
 function fromSelectedToValue(selected, multiple) {
   const pairs = Array.from(selected);
   if (multiple) {
     const value = [];
-    for (const [, option] of pairs) {
-      value.push(option.value);
+    for (const [, option2] of pairs) {
+      value.push(option2.value);
     }
     return value;
-  } else {
-    if (isEmpty(pairs)) {
-      return null;
-    }
-    const [[, option]] = pairs;
-    return option.value;
   }
+  if (isEmpty(pairs)) {
+    return null;
+  }
+  const [[, option]] = pairs;
+  return option.value;
 }
 const DEFAULT_SELECTED = [];
 function ToggleGroup(props) {
   const {
+    value,
     disabled = false,
     multiple = false,
     scale = "default",
@@ -2630,7 +2631,7 @@ function ToggleGroup(props) {
   } = props;
   const selectable = useSelectable$1({
     multiple,
-    selected: fromValueToSelected(props.value ?? DEFAULT_SELECTED),
+    selected: fromValueToSelected(value ?? DEFAULT_SELECTED),
     onChange: useCallback(function handleSelectionChange(selected) {
       onChange?.({
         target: {
@@ -2646,14 +2647,14 @@ function ToggleGroup(props) {
   }), id, role: multiple ? "group" : "radiogroup", align: "center", space: "xs", $multiple: multiple, $scale: scale }, /* @__PURE__ */ React__default.createElement(ToggleGroupContext.Provider, { value: {
     scale,
     disabled
-  } }, /* @__PURE__ */ React__default.createElement(SelectableContext$1.Provider, { value: selectable }, children ?? (options || []).map(function renderOption(option) {
+  } }, /* @__PURE__ */ React__default.createElement(SelectableContext$1.Provider, { value: selectable }, children ?? options?.map(function renderOption(option) {
     const {
       label,
-      value,
-      ...others2
+      value: optionValue,
+      ...additionalProps
     } = option;
-    const key = String(value);
-    return /* @__PURE__ */ React__default.createElement(Toggle$1, { key, ...others2, disabled: Boolean(disabled || option.disabled), value }, label);
+    const key = String(optionValue);
+    return /* @__PURE__ */ React__default.createElement(Toggle$1, { key, ...additionalProps, disabled: Boolean(disabled || option.disabled), value: optionValue }, label);
   }))));
 }
 ToggleGroup.Option = Toggle$1;
@@ -2763,10 +2764,10 @@ function TabsItem({
     direction
   } = useContext(TabContext);
   const isActive = activeTab === name;
-  function handleSelect(event) {
+  const handleSelect = (event) => {
     setActiveTab(name);
     onChange?.(event);
-  }
+  };
   useEffect(() => {
     if (!activeTab && isDefault) {
       setActiveTab(name);
@@ -3031,7 +3032,7 @@ function AccordionBody({
   ...props
 }) {
   const [open] = useAccordionContext();
-  return /* @__PURE__ */ React__default.createElement(Fragment, null, /* @__PURE__ */ React__default.createElement(HiddenInput$2, { type: "checkbox", checked: open, onChange: identity }), /* @__PURE__ */ React__default.createElement(StyledContent, { open, className: clsx({
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(HiddenInput$2, { type: "checkbox", checked: open, onChange: identity }), /* @__PURE__ */ React__default.createElement(StyledContent, { open, className: clsx({
     "is-open": open
   }), "aria-hidden": !open ? "true" : "false", "data-testid": "accordion-content", ...props }, children));
 }
@@ -3272,7 +3273,9 @@ function Banner({
   ...others
 }) {
   const [visible, setVisible] = useState(true);
-  if (!visible) return null;
+  if (!visible) {
+    return null;
+  }
   return /* @__PURE__ */ React__default.createElement(StyledBanner, { ...others, scale, variant }, /* @__PURE__ */ React__default.createElement(TextWrapper, null, getAlertIcon(variant, scale, icon), /* @__PURE__ */ React__default.createElement(TextSection, { $dismissible: dismissible }, scale === "default" ? React__default.isValidElement(title) ? title : /* @__PURE__ */ React__default.createElement(Title, { variant }, title) : /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, React__default.isValidElement(title) ? title : /* @__PURE__ */ React__default.createElement(Title, null, title), description && (React__default.isValidElement(description) ? description : /* @__PURE__ */ React__default.createElement(Description, null, description))))), dismissible && /* @__PURE__ */ React__default.createElement(CloseButton$2, { scale, onClick: () => {
     onClose?.();
     setVisible(false);
@@ -3289,7 +3292,9 @@ function BannerLarge({
   ...others
 }) {
   const [visible, setVisible] = useState(true);
-  if (!visible) return null;
+  if (!visible) {
+    return null;
+  }
   return /* @__PURE__ */ React__default.createElement(StyledBanner, { ...others, scale, variant }, getAlertIcon(variant, scale, icon), /* @__PURE__ */ React__default.createElement(TextSection, { $dismissible: dismissible }, React__default.isValidElement(title) ? title : /* @__PURE__ */ React__default.createElement(Title, null, title), React__default.isValidElement(description) ? description : /* @__PURE__ */ React__default.createElement(Description, null, description)), dismissible && /* @__PURE__ */ React__default.createElement(CloseButton$2, { scale, onClick: () => {
     onClose?.();
     setVisible(false);
@@ -3323,7 +3328,9 @@ function BannerActionLarge({
   ...others
 }) {
   const [visible, setVisible] = useState(true);
-  if (!visible) return null;
+  if (!visible) {
+    return null;
+  }
   return /* @__PURE__ */ React__default.createElement(StyledBanner, { ...others, scale, variant }, getAlertIcon(variant, scale, icon), /* @__PURE__ */ React__default.createElement(TextSection, { $dismissible: dismissible }, React__default.isValidElement(title) ? title : /* @__PURE__ */ React__default.createElement(Title, null, title), React__default.isValidElement(description) ? description : /* @__PURE__ */ React__default.createElement(Description, null, description), /* @__PURE__ */ React__default.createElement(LargeButtonWrapper, null, /* @__PURE__ */ React__default.createElement(Button$1, { scale: "small", variant: "primary", className: variant, type: "button", onClick: onActionButtonClick }, action), secondaryAction && /* @__PURE__ */ React__default.createElement(Button$1, { scale: "small", className: variant, variant: "secondary", type: "button", onClick: onSecondaryActionButtonClick }, secondaryAction))), dismissible && /* @__PURE__ */ React__default.createElement(CloseButton$2, { scale, onClick: () => {
     onClose?.();
     setVisible(false);
@@ -3447,14 +3454,14 @@ function DialogActions({
   return /* @__PURE__ */ React__default.createElement(StyledDialogActions, { $scale: scale, $direction: direction }, children);
 }
 function DialogActionConfirm({
-  onConfirm = () => void 0,
+  onConfirm,
   children = "CONFIRM",
   ...others
 }) {
   return /* @__PURE__ */ React__default.createElement(ActionWrapper, null, /* @__PURE__ */ React__default.createElement(Button$3, { ...others, onClick: onConfirm, variant: "primary" }, children));
 }
 function DialogActionCancel({
-  onCancel = () => void 0,
+  onCancel,
   children = "CANCEL",
   ...others
 }) {
@@ -3532,7 +3539,7 @@ function Popover(props) {
     // update fixed positions after scrolling.
     whileElementsMounted: autoUpdate
   });
-  const [resultPosition = position, resultAlign = align] = floating.placement.split("-");
+  const [resultPosition, resultAlign] = floating.placement.split("-");
   const value = useMemo(() => ({
     strategy,
     register: {
@@ -3698,7 +3705,7 @@ function Label({
   tipProps = {},
   ...others
 }) {
-  const tag = String(as || "label");
+  const tag = as || "label";
   return /* @__PURE__ */ React__default.createElement(StyledWrapper, { "data-testid": "label", as: tag, className: clsx(className, {
     "is-disabled": disabled
   }), ...others }, /* @__PURE__ */ React__default.createElement(StyledChildren, { scheme }, children), required && /* @__PURE__ */ React__default.createElement(StyledRequired, null, "*"), !isNil(tip) && /* @__PURE__ */ React__default.createElement(Tooltip, { scheme, message: tip || "", ...tipProps }, /* @__PURE__ */ React__default.createElement(StyledTooltipAnchor, { scheme }, "?")));
@@ -3866,33 +3873,38 @@ function usePagination(props) {
   function getButtonPage(item) {
     if (typeof item === "number") {
       return item;
-    } else {
-      switch (item) {
-        case PAGINATION_ITEM_TYPE.previous:
-          return page - 1;
-        case PAGINATION_ITEM_TYPE.next:
-          return page + 1;
-        case PAGINATION_ITEM_TYPE.startEllipsis:
-          return siblingsStart - 1;
-        case PAGINATION_ITEM_TYPE.endEllipsis:
-          return siblingsEnd + 1;
-        default:
-          return null;
-      }
+    }
+    switch (item) {
+      case PAGINATION_ITEM_TYPE.previous:
+        return page - 1;
+      case PAGINATION_ITEM_TYPE.next:
+        return page + 1;
+      case PAGINATION_ITEM_TYPE.startEllipsis:
+        return siblingsStart - 1;
+      case PAGINATION_ITEM_TYPE.endEllipsis:
+        return siblingsEnd + 1;
+      default:
+        return null;
     }
   }
   function isDisabled(item) {
-    if (item === PAGINATION_ITEM_TYPE.previous) return page <= 1;
-    if (item === PAGINATION_ITEM_TYPE.next) return page >= count;
+    if (item === PAGINATION_ITEM_TYPE.previous) {
+      return page <= 1;
+    }
+    if (item === PAGINATION_ITEM_TYPE.next) {
+      return page >= count;
+    }
     return false;
   }
   return itemList.map((item) => {
     const isNumber = typeof item === "number";
     return {
-      onClick: () => handleClick({
-        page: getButtonPage(item)
-      }),
-      itemType: isNumber ? PAGINATION_ITEM_TYPE.page : item.toString(),
+      onClick: () => {
+        handleClick({
+          page: getButtonPage(item)
+        });
+      },
+      itemType: isNumber ? PAGINATION_ITEM_TYPE.page : item,
       page: getButtonPage(item),
       disabled: disabled || isDisabled(item),
       ...isNumber && {
@@ -3919,7 +3931,7 @@ function Pagination(props) {
     page,
     siblingCount
   });
-  return /* @__PURE__ */ React__default.createElement("nav", { "aria-label": "pagination navigation", ...others }, /* @__PURE__ */ React__default.createElement(Layout.Group, { space: "none", align: "center" }, items.map((item) => /* @__PURE__ */ React__default.createElement(PaginationItem, { ...item, key: `${item.itemType}${item.page || ""}` }))));
+  return /* @__PURE__ */ React__default.createElement("nav", { "aria-label": "pagination navigation", ...others }, /* @__PURE__ */ React__default.createElement(Layout.Group, { space: "none", align: "center" }, items.map((item) => /* @__PURE__ */ React__default.createElement(PaginationItem, { key: `${item.itemType}${item.page || ""}`, ...item }))));
 }
 const Bar = styled.div.withConfig({
   displayName: "Bar",
@@ -4665,21 +4677,23 @@ function Toast({
 }) {
   const [count, setCount] = useState(100);
   useEffect(() => {
-    if (!timeout) return;
+    if (!timeout) {
+      return;
+    }
     const decrementBy = INTERVAL * 100 / timeout;
-    const interval = window.setTimeout(() => {
+    const interval = globalThis.setTimeout(() => {
       if (count <= 0) {
-        window.clearTimeout(interval);
+        globalThis.clearTimeout(interval);
         onClose();
       } else {
         setCount((value) => value - decrementBy);
       }
     }, INTERVAL);
     return () => {
-      window.clearTimeout(interval);
+      globalThis.clearTimeout(interval);
     };
   }, [count, onClose, timeout]);
-  return /* @__PURE__ */ React__default.createElement(Container$8, { status, "aria-live": "polite", role: "alert" }, showIcon && /* @__PURE__ */ React__default.createElement(Leading$3, null, /* @__PURE__ */ React__default.createElement(ToastIcon, { status })), /* @__PURE__ */ React__default.createElement(Content, null, message), Boolean(timeout) && /* @__PURE__ */ React__default.createElement(ToastCountDown, { value: count, status }), onClose && /* @__PURE__ */ React__default.createElement(CloseButton$1, { onClick: onClose, size: 14 }));
+  return /* @__PURE__ */ React__default.createElement(Container$8, { status, "aria-live": "polite", role: "alert" }, showIcon && /* @__PURE__ */ React__default.createElement(Leading$3, null, /* @__PURE__ */ React__default.createElement(ToastIcon, { status })), /* @__PURE__ */ React__default.createElement(Content, null, message), Boolean(timeout) && /* @__PURE__ */ React__default.createElement(ToastCountDown, { value: count, status }), /* @__PURE__ */ React__default.createElement(CloseButton$1, { onClick: onClose, size: 14 }));
 }
 function ToastIcon({
   status
@@ -4828,7 +4842,7 @@ function StepsProgress(props) {
     steps,
     current
   } = props;
-  return /* @__PURE__ */ React__default.createElement(ProgressWrapper, { steps: steps || [] }, (steps || []).map(function renderStep(step, index) {
+  return /* @__PURE__ */ React__default.createElement(ProgressWrapper, { steps }, steps.map(function renderStep(step, index) {
     const {
       id
     } = step;
@@ -4852,7 +4866,7 @@ function StepsStep({
   ...others
 }) {
   const StepsID = useContext(StepsContext);
-  return /* @__PURE__ */ React__default.createElement(Fragment, null, /* @__PURE__ */ React__default.createElement(Selector, { type: "radio", className: "visually-hidden", id: getPanelRadioID(id), name: String(StepsID), value: id, "data-testid": "panel-radio", tabIndex: -1 }), /* @__PURE__ */ React__default.createElement(StepWrapper, { "data-testid": "steps-step", ...others, id: String(id) }, children));
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(Selector, { type: "radio", className: "visually-hidden", id: getPanelRadioID(id), name: String(StepsID), value: id, "data-testid": "panel-radio", tabIndex: -1 }), /* @__PURE__ */ React__default.createElement(StepWrapper, { "data-testid": "steps-step", ...others, id: String(id) }, children));
 }
 const StepsWrapper = styled.section.withConfig({
   displayName: "StepsWrapper",
@@ -4878,9 +4892,9 @@ function useSteps({
   const stepIndexByID = useRef({});
   useEffect(function initStepIndexByIDMap() {
     stepIndexByID.current = {};
-    (steps || []).forEach((step, index) => {
+    for (const [index, step] of steps.entries()) {
       stepIndexByID.current[step.id] = index;
-    });
+    }
   }, [steps]);
   const [state, dispatch] = useReducer(reducer, init(steps, currentProp));
   function reducer(state2, action) {
@@ -5044,7 +5058,7 @@ const DropdownContext = createContext({
   disabled: false,
   expandDisabled: false,
   expanded: false,
-  toggle: function() {
+  toggle() {
   }
 });
 const StyledPopover = styled(Popover.Floating).withConfig({
@@ -5174,18 +5188,11 @@ const SUPPORTED_KEYS = {
   PLUS: "+",
   MINUS: "-"
 };
-function getKeyboardKey(e) {
-  if (e.keyCode >= 37 && e.keyCode <= 40 && e.key.indexOf("Arrow") !== 0) {
-    return `Arrow${e.key}`;
-  }
-  return e.key;
-}
-function KeyboardKey(e) {
-  const key = getKeyboardKey(e);
+function KeyboardKey(event) {
   return {
     is(otherKeys) {
       const expectedKeys = toArray(otherKeys).map((otherKey) => SUPPORTED_KEYS[otherKey]);
-      return toArray(expectedKeys).includes(key);
+      return toArray(expectedKeys).includes(event.key);
     }
   };
 }
@@ -5195,9 +5202,6 @@ function useClickOutside(container, callback, disabled = false) {
     return container.current;
   }, [container]);
   const handleEvent = useCallback(function handleEvent2(event) {
-    function hasPressedEsc() {
-      return KeyboardKey(event).is("ESCAPE");
-    }
     if (!getContainer() || disabled) {
       return;
     }
@@ -5205,7 +5209,7 @@ function useClickOutside(container, callback, disabled = false) {
     const hasTarget = getContainer()?.contains(target);
     if (!active && hasTarget) {
       setActive(true);
-    } else if (active && (!hasTarget || hasPressedEsc())) {
+    } else if (active && (!hasTarget || event instanceof KeyboardEvent && KeyboardKey(event).is("ESCAPE"))) {
       setActive(false);
       callback(event);
     }
@@ -5292,7 +5296,7 @@ const TriggerButton$1 = styled(SelectorButton).attrs(triggerButtonAttrs).withCon
   children,
   outlined
 }) => {
-  if (outlined === false && typeof children === "string") {
+  if (!outlined && typeof children === "string") {
     return css`& > span:first-child{display:inline-flex;flex-direction:column;align-items:center;justify-content:space-between;text-decoration:none;}& > span:first-child::after{height:0;overflow:hidden;font-weight:${getToken("font-weight-bold")};visibility:hidden;content:'${children}';content:'${children}' / '';user-select:none;pointer-events:none;@media speech{display:none;}}`;
   }
 }}`;
@@ -5414,11 +5418,11 @@ function DropdownTriggerButton(props) {
     onClick,
     ...others
   } = props;
-  function handleClick(e) {
+  const handleClick = (e) => {
     e.persist();
     toggle();
     onClick?.(e);
-  }
+  };
   function renderChildren() {
     if (isFunction(children)) {
       return children(contextValue);
@@ -5438,11 +5442,11 @@ function DropdownTriggerHandle(props) {
     onClick,
     ...others
   } = props;
-  function handleClick(e) {
+  const handleClick = (e) => {
     e.persist();
     toggle();
     onClick?.(e);
-  }
+  };
   return /* @__PURE__ */ React__default.createElement(TriggerHandle, { onClick: handleClick, "data-testid": "dropdown-trigger-handle", ...others, disabled: disabled || expandDisabled, type: "button", tabIndex: -1 }, /* @__PURE__ */ React__default.createElement(Caret$1, { $rotate: expanded }));
 }
 function GenericDropdownTrigger(props) {
@@ -5613,11 +5617,11 @@ const SelectTrigger = forwardRef(function SelectTrigger2(props, ref) {
   const {
     register
   } = usePopover();
-  function handleClick() {
+  const handleClick = () => {
     if (!expanded) {
       toggle();
     }
-  }
+  };
   return /* @__PURE__ */ React__default.createElement(GenericSelectTrigger, { className }, /* @__PURE__ */ React__default.createElement(SelectTriggerSearchField, { ...others, "data-testid": "select-trigger-search-field", ref: (node) => {
     if (isFunction(ref)) {
       ref(node);
@@ -5627,8 +5631,8 @@ const SelectTrigger = forwardRef(function SelectTrigger2(props, ref) {
 });
 function getFocusedIndexAfterKeyPress(e, currentFocused, focusableCounter) {
   const keyHandler = {
-    Tab(e2) {
-      return e2.shiftKey ? -1 : 1;
+    Tab(event) {
+      return event.shiftKey ? -1 : 1;
     },
     ArrowUp() {
       return -1;
@@ -5640,7 +5644,7 @@ function getFocusedIndexAfterKeyPress(e, currentFocused, focusableCounter) {
   function unknownKey() {
     return 0;
   }
-  const key = getKeyboardKey(e);
+  const key = e.key;
   const increment = (keyHandler[key] || unknownKey)(e);
   if (currentFocused === -1 && increment === -1) {
     return (increment + focusableCounter) % focusableCounter;
@@ -5651,7 +5655,7 @@ function getTabbableDescendants(container) {
   if (container == null) {
     return [];
   }
-  return Array.from(container.querySelectorAll("button") || []);
+  return Array.from(container.querySelectorAll("button"));
 }
 function useFocusTrap(props) {
   const {
@@ -5664,7 +5668,7 @@ function useFocusTrap(props) {
   const mutationObserverRef = useRef();
   const [focusableDescendants, setFocusableDescendants] = useState([]);
   function subscribeToDOMMutationEvents(container) {
-    mutationObserverRef.current = new MutationObserver(function() {
+    mutationObserverRef.current = new MutationObserver(() => {
       setFocusableDescendants(getTabbableDescendants(container));
     });
     mutationObserverRef.current.observe(container, {
@@ -5674,7 +5678,7 @@ function useFocusTrap(props) {
   function unsubscribeToDOMMutationEvents() {
     setCurrentFocused(-1);
     if (mutationObserverRef.current) {
-      mutationObserverRef.current?.disconnect();
+      mutationObserverRef.current.disconnect();
     }
   }
   const containerRef = useCallback(function initialize(container) {
@@ -5730,9 +5734,6 @@ function useFocusTrap(props) {
     deactivate
   };
 }
-function isThenable(object) {
-  return isObject(object) && isFunction(object["then"]);
-}
 const GenericAdapter = {
   getKey(o) {
     return get(o, "value");
@@ -5754,17 +5755,16 @@ function getValue(selection, multiple) {
   }
   if (multiple) {
     const options = [];
-    for (const [, option] of pairs) {
-      options.push(option);
+    for (const [, option2] of pairs) {
+      options.push(option2);
     }
     return options;
-  } else {
-    const [[, option]] = pairs;
-    return option;
   }
+  const [[, option]] = pairs;
+  return option;
 }
 function toSelection(value) {
-  const safeValue = toArray(value || []);
+  const safeValue = toArray(value ?? []);
   return safeValue.filter((option) => !isEmpty(option));
 }
 function getDisplayValue(adapters, selection, multiple) {
@@ -5773,14 +5773,13 @@ function getDisplayValue(adapters, selection, multiple) {
   }
   if (multiple) {
     return "";
-  } else {
-    const value = getValue(selection, multiple);
-    const adapter = getAdapter(adapters, value._type);
-    return adapter.getLabel(value) ?? "";
   }
+  const value = getValue(selection, multiple);
+  const adapter = getAdapter(adapters, value._type);
+  return adapter.getLabel(value) ?? "";
 }
 function escapeRegExp(value) {
-  return String(value || "").replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return (value || "").replaceAll(/[.*+?^${}()|[\]\\]/g, String.raw`\$&`);
 }
 async function getData(datasources, query) {
   const regex = new RegExp(escapeRegExp(query), "i");
@@ -5795,9 +5794,9 @@ async function getData(datasources, query) {
   }
   const results = await Promise.allSettled(promises);
   let items = [];
-  results.forEach((result, index) => {
+  for (const [index, result] of results.entries()) {
     if (result.status === "rejected") {
-      return;
+      continue;
     }
     const type = types[index];
     items = items.concat((result.value || []).map((item) => {
@@ -5806,7 +5805,7 @@ async function getData(datasources, query) {
         _type: type
       };
     }));
-  });
+  }
   return items;
 }
 function getDatasources(props) {
@@ -5846,10 +5845,10 @@ function TriggerOnFocusHandler(e) {
 }
 function mapOptions(items, adapters) {
   const options = /* @__PURE__ */ new Map();
-  items.forEach((item) => {
+  for (const item of items) {
     const adapter = getAdapter(adapters, item._type);
     options.set(adapter.getKey(item), item);
-  });
+  }
   return options;
 }
 function useOptions(props) {
@@ -5917,7 +5916,7 @@ function useSelect(props) {
     name,
     disabled = false,
     onBlur,
-    isValidNewOption = (query2) => Boolean(query2),
+    isValidNewOption = Boolean,
     createOptionPosition = "last"
   } = props;
   const datasources = useMemo(() => getDatasources(props), [props.datasources, props.options]);
@@ -5987,10 +5986,10 @@ function useSelect(props) {
       expanded: dropdown.expanded,
       onBlur(event) {
         setQueryTyped(false);
-        if (!multiple) {
-          setQuery(getDisplayValue(adapters, selectable.selected, multiple));
-        } else {
+        if (multiple) {
           setQuery("");
+        } else {
+          setQuery(getDisplayValue(adapters, selectable.selected, multiple));
         }
         options.reset();
         onBlur?.(event);
@@ -6039,8 +6038,7 @@ function useSelect(props) {
   }) {
     const {
       value,
-      checked,
-      label
+      checked
     } = getSelectableOption(option);
     return {
       role: "option",
@@ -6061,15 +6059,13 @@ function useSelect(props) {
     return {
       onClick: function onClick() {
         async function asyncOnClick() {
-          if (!isFunction(onCreate)) return;
+          if (!isFunction(onCreate)) {
+            return;
+          }
           const onCreateReturn = onCreate(query);
           let option;
           if (onCreateReturn) {
-            if (isThenable(onCreateReturn)) {
-              option = await onCreateReturn;
-            } else {
-              option = onCreateReturn;
-            }
+            option = await onCreateReturn;
           }
           options.fetch(query);
           if (option) {
@@ -6147,10 +6143,12 @@ function useSelect(props) {
 }
 function highlightMatch(str, match) {
   if (str == null || match == null) {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, str);
+    return str;
   }
   const index = String(str).toLowerCase().indexOf(String(match).toLowerCase());
-  if (index === -1) return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, str);
+  if (index === -1) {
+    return str;
+  }
   const pre = str.slice(0, index);
   const mid = str.slice(index, index + match.length);
   const post = str.slice(index + match.length);
@@ -6205,8 +6203,12 @@ function SelectOption({
     label
   } = select.getSelectableOption(option);
   function renderContent() {
-    if (children) return children;
-    if (checked && type === "multiple") return label;
+    if (children) {
+      return children;
+    }
+    if (checked && type === "multiple") {
+      return label;
+    }
     return /* @__PURE__ */ React__default.createElement(HighlightMatch, { text: label, match: select.query });
   }
   return /* @__PURE__ */ React__default.createElement(DefaultSelectOption, { ...rest, ...select.getOptionProps({
@@ -6282,8 +6284,12 @@ function Separator$1({
   before = []
 }) {
   if (!isQuerying(status)) {
-    if (isEmpty(after) && !isEmpty(before)) return /* @__PURE__ */ React__default.createElement(Divider$1, null);
-    if (isEmpty(after)) return /* @__PURE__ */ React__default.createElement(Fragment, null);
+    if (isEmpty(after) && !isEmpty(before)) {
+      return /* @__PURE__ */ React__default.createElement(Divider$1, null);
+    }
+    if (isEmpty(after)) {
+      return null;
+    }
   }
   return /* @__PURE__ */ React__default.createElement("div", { style: {
     position: "relative"
@@ -6327,14 +6333,14 @@ function renderOptionsMultiple(select, components) {
     }
     return [...remaining2, option];
   }, []);
-  let remaining = /* @__PURE__ */ React__default.createElement(Fragment, null, select.createOptionPosition === "first" && isCreatable ? /* @__PURE__ */ React__default.createElement(CreatableOption, null) : null, remainingOptions.map((option) => /* @__PURE__ */ React__default.createElement(Option, { key: String(option.value), value: option.value })), select.createOptionPosition === "last" && isCreatable ? /* @__PURE__ */ React__default.createElement(CreatableOption, null) : null);
+  let remaining = /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, select.createOptionPosition === "first" && isCreatable ? /* @__PURE__ */ React__default.createElement(CreatableOption, null) : null, remainingOptions.map((option) => /* @__PURE__ */ React__default.createElement(Option, { key: String(option.value), value: option.value })), select.createOptionPosition === "last" && isCreatable ? /* @__PURE__ */ React__default.createElement(CreatableOption, null) : null);
   if (!isQuerying(select.status) && isEmpty(remainingOptions)) {
     remaining = isCreatable ? /* @__PURE__ */ React__default.createElement(CreatableOption, null) : /* @__PURE__ */ React__default.createElement(Empty, null, "No more options.");
   }
   if (!isQuerying(select.status) && isEmpty(select.options)) {
     remaining = isCreatable ? /* @__PURE__ */ React__default.createElement(CreatableOption, null) : /* @__PURE__ */ React__default.createElement(Empty, null, "No results found.");
   }
-  return /* @__PURE__ */ React__default.createElement(Fragment, null, selectedOptions.map((option) => /* @__PURE__ */ React__default.createElement(Option, { key: String(option.value), value: option.value })), /* @__PURE__ */ React__default.createElement(Separator$1, { status: select.status, before: selectedOptions, after: remainingOptions }), remaining);
+  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, selectedOptions.map((option) => /* @__PURE__ */ React__default.createElement(Option, { key: String(option.value), value: option.value })), /* @__PURE__ */ React__default.createElement(Separator$1, { status: select.status, before: selectedOptions, after: remainingOptions }), remaining);
 }
 function Select(props) {
   const {
@@ -6425,7 +6431,9 @@ function useHeightExpansionToggler(targetElRef) {
         childList: true
       });
     }
-    return () => observer.disconnect();
+    return () => {
+      observer.disconnect();
+    };
   }, [targetElRef]);
   const mounted = useDidMount();
   const finalHeight = !mounted ? "auto" : state ? totalHeight : 0;
@@ -6529,8 +6537,10 @@ function MenuExpandable({
     toggle,
     height
   } = useHeightExpansionToggler(expandableItemsRef);
-  return /* @__PURE__ */ React__default.createElement("div", { ...props, role: "none" }, /* @__PURE__ */ React__default.createElement(MenuBaseItem, { onClick: toggle, label, trailing: /* @__PURE__ */ React__default.createElement(IconWrapper$1, null, /* @__PURE__ */ React__default.createElement(StyledIcon, { $expanded: expanded, name: "chevron-down", size: 16 })), "aria-haspopup": "true", "aria-expanded": expanded }), /* @__PURE__ */ React__default.createElement(ExpandableItems, { $height: height, role: "menu" }, /* @__PURE__ */ React__default.createElement(ItemsWrapper, { $expanded: expanded, ref: expandableItemsRef, role: "presentation" }, /* @__PURE__ */ React__default.createElement(Fragment, null, React__default.Children.map(children, (child) => {
-    if (!child) return null;
+  return /* @__PURE__ */ React__default.createElement("div", { ...props, role: "none" }, /* @__PURE__ */ React__default.createElement(MenuBaseItem, { onClick: toggle, label, trailing: /* @__PURE__ */ React__default.createElement(IconWrapper$1, null, /* @__PURE__ */ React__default.createElement(StyledIcon, { $expanded: expanded, name: "chevron-down", size: 16 })), "aria-haspopup": "true", "aria-expanded": expanded }), /* @__PURE__ */ React__default.createElement(ExpandableItems, { $height: height, role: "menu" }, /* @__PURE__ */ React__default.createElement(ItemsWrapper, { $expanded: expanded, ref: expandableItemsRef, role: "presentation" }, /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, React__default.Children.map(children, (child) => {
+    if (!child) {
+      return null;
+    }
     if (typeof child === "object" && "type" in child) {
       return React__default.cloneElement(child, {
         key: label,
@@ -6542,9 +6552,9 @@ function MenuExpandable({
   })))));
 }
 function styledCompounds(Parent, compounds) {
-  Object.keys(compounds).forEach((key) => {
+  for (const key of Object.keys(compounds)) {
     Parent[key] = compounds[key];
-  });
+  }
   return Parent;
 }
 const MenuTitle = styled.div.withConfig({
@@ -6610,15 +6620,17 @@ function useWindowSize() {
       });
     }
     window.addEventListener("resize", handleResize);
-    return () => window.removeEventListener("resize", handleResize);
+    return () => {
+      window.removeEventListener("resize", handleResize);
+    };
   }, []);
   return windowSize;
 }
 function transformInPixels(value) {
-  if (value.indexOf("rem") >= 0) {
-    return parseFloat(value) * BASE_PIXELS;
+  if (value.includes("rem")) {
+    return Number.parseFloat(value) * BASE_PIXELS;
   }
-  return parseFloat(value);
+  return Number.parseFloat(value);
 }
 function useSideNavigation() {
   const size = useWindowSize();
@@ -6706,11 +6718,11 @@ function Drawer({
 }) {
   const [invisible, setInvisible] = useState(!open);
   const ref = useRef(null);
-  function handleTransitionEnd() {
+  const handleTransitionEnd = () => {
     if (!open) {
       setInvisible(true);
     }
-  }
+  };
   useEffect(() => {
     if (open) {
       setInvisible(false);
@@ -6721,10 +6733,14 @@ function Drawer({
     if (currentRef && onClickOutside) {
       const handleClick = (event) => {
         const hasClickedOutside = currentRef.isSameNode(event.target);
-        if (hasClickedOutside) onClickOutside();
+        if (hasClickedOutside) {
+          onClickOutside();
+        }
       };
       currentRef.addEventListener("mouseup", handleClick);
-      return () => currentRef.removeEventListener("mouseup", handleClick);
+      return () => {
+        currentRef.removeEventListener("mouseup", handleClick);
+      };
     }
   }, [onClickOutside]);
   return ReactDOM.createPortal(/* @__PURE__ */ React__default.createElement(StyledAside, { open: !invisible, ref }, /* @__PURE__ */ React__default.createElement(StyledSection, { ...others, className, open, onTransitionEnd: handleTransitionEnd, role: "dialog", "aria-modal": "true", "aria-label": "drawer" }, Boolean(onClose) && /* @__PURE__ */ React__default.createElement(CloseButton, { onClick: onClose, "aria-label": "close" }), children)), document.body);
@@ -6746,7 +6762,9 @@ function getSelectableProps(config) {
       }
     }
   };
-  if (!config || config === true) return defaults;
+  if (!config || config === true) {
+    return defaults;
+  }
   return {
     ...defaults,
     ...config
@@ -6767,7 +6785,7 @@ function useTableSelectionCore(config) {
   } = useSelectable2({
     ...selectableProps,
     onChange(value) {
-      return selectableProps.onChange(value ? [...value.values()] : []);
+      selectableProps.onChange(value ? [...value.values()] : []);
     }
   });
   const allRowsAreSelected = selected.size === registered.length;
@@ -6780,7 +6798,9 @@ function useTableSelectionCore(config) {
     return key;
   }, [selectableProps]);
   const register = useCallback((row) => {
-    if (!row) return;
+    if (!row) {
+      return;
+    }
     const key = getKey(row);
     setRegistered((prev) => {
       const alreadyRegistered = prev.some((prevRow) => getKey(prevRow) === key);
@@ -6792,13 +6812,17 @@ function useTableSelectionCore(config) {
   }, [getKey]);
   function toggleAll() {
     if (allRowsAreSelected) {
-      registered.forEach((row) => {
+      for (const row of registered) {
         const key = getKey(row);
-        if (!key) return;
+        if (!key) {
+          continue;
+        }
         unselect(key);
-      });
+      }
     } else {
-      registered.forEach((row) => select(row));
+      for (const row of registered) {
+        select(row);
+      }
     }
   }
   return {
@@ -6850,7 +6874,9 @@ function isCellSelected(value, selectedRows, config) {
   } = config;
   const adapter = adapters?.[value._type || "generic"];
   const key = adapter?.getKey(value);
-  if (!key) return false;
+  if (!key) {
+    return false;
+  }
   return selectedRows.has(key);
 }
 function useIsCellSelected(value) {
@@ -6858,7 +6884,9 @@ function useIsCellSelected(value) {
     selected,
     config
   } = useTableSelection();
-  if (!value || !selected) return false;
+  if (!value || !selected) {
+    return false;
+  }
   return isCellSelected(value, selected, config);
 }
 const Box = styled(Box$1).withConfig({
@@ -7052,7 +7080,9 @@ function SelectionCell({
     config
   } = useTableSelection();
   const selected = useIsCellSelected(value);
-  const action = () => toggle(value);
+  const action = () => {
+    toggle(value);
+  };
   useEffect(() => {
     register(value);
   }, [value, register]);
@@ -7065,16 +7095,21 @@ function SelectionCell({
   const Input = config.multiple ? Checkbox : Radio;
   return /* @__PURE__ */ React__default.createElement(TableCell, { ...props }, value ? /* @__PURE__ */ React__default.createElement(Input, { checked: selected, scale: "small", onChange: action }) : null);
 }
-function SelectionHeadCell(props) {
+function SelectionHeadCell({
+  children,
+  ...props
+}) {
   const {
     allRowsAreSelected,
     toggleAll,
     config
   } = useTableSelection();
   const selected = allRowsAreSelected;
-  const action = () => toggleAll();
-  if (props.children) {
-    return /* @__PURE__ */ React__default.createElement(TableHeadCell, { ...props }, props.children({
+  const action = () => {
+    toggleAll();
+  };
+  if (children) {
+    return /* @__PURE__ */ React__default.createElement(TableHeadCell, { ...props }, children({
       selected,
       toggle: action
     }));
@@ -7107,11 +7142,13 @@ function ExpandableTableRow({
   if (propsLeading) {
     leading = isFunction(propsLeading) ? propsLeading(open) : propsLeading;
   }
-  function toggle() {
-    if (!expandableContent) return;
+  const toggle = () => {
+    if (!expandableContent) {
+      return;
+    }
     onExpandedChange?.(!open);
     setOpenState(!open);
-  }
+  };
   return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(StyledTableRow, { ...others, onClick: toggle, isExpanded, selected }, /* @__PURE__ */ React__default.createElement(TableCell, null, expandableContent && leading), children), isExpanded && /* @__PURE__ */ React__default.createElement(StyledExpandableContentRow, null, /* @__PURE__ */ React__default.createElement(StyledTableCell, { colSpan }, expandableContent)));
 }
 function TableHeadCell({
@@ -7171,23 +7208,29 @@ function TablePicker({
 }) {
   return /* @__PURE__ */ React__default.createElement(Dropdown, { align }, /* @__PURE__ */ React__default.createElement(StyledPickerTrigger, { trailing: null, scale: "small", ...props }, propsTrigger !== void 0 ? ({
     expanded
-  }) => isFunction(propsTrigger) ? propsTrigger(expanded) : propsTrigger : /* @__PURE__ */ React__default.createElement(TriggerIcon, null)), /* @__PURE__ */ React__default.createElement(Dropdown.Menu, { role: "listbox" }, children || options?.map((option, i) => /* @__PURE__ */ React__default.createElement(TablePickerItem, { key: i, option, checked: option.key === value?.key, onClick: () => onChange?.(option) }))));
+  }) => isFunction(propsTrigger) ? propsTrigger(expanded) : propsTrigger : /* @__PURE__ */ React__default.createElement(TriggerIcon, null)), /* @__PURE__ */ React__default.createElement(Dropdown.Menu, { role: "listbox" }, children || options?.map((option) => /* @__PURE__ */ React__default.createElement(TablePickerItem, { key: option.key, option, checked: option.key === value?.key, onClick: () => onChange?.(option) }))));
 }
 function useIsRowSelected(children) {
   const {
     selected,
     config
   } = useTableSelection();
-  if (!selected) return false;
+  if (!selected) {
+    return false;
+  }
   const arrChildren = Children$5.toArray(children);
   const selectionCellChild = arrChildren.find((child) => {
     return isValidElement(child) && child.type === SelectionCell;
   });
-  if (!selectionCellChild) return false;
+  if (!selectionCellChild) {
+    return false;
+  }
   const {
     value
   } = selectionCellChild.props;
-  if (!value) return false;
+  if (!value) {
+    return false;
+  }
   return isCellSelected(value, selected, config);
 }
 Table.Head = TableHead;
@@ -7309,17 +7352,20 @@ const MenuContainer = styled.nav.withConfig({
     $align: "right"
   })
 })} display:flex;flex-direction:row;align-items:center;& > * + *{margin-left:${getToken("space-m")};}& > * + ${MenuDropdown}{margin-left:${getToken("space-xl")};}`;
-function MenuItem(props) {
-  if (props.children) {
-    return /* @__PURE__ */ React__default.createElement(MenuItemDropdown, { ...props });
+function MenuItem({
+  children,
+  ...props
+}) {
+  if (children) {
+    return /* @__PURE__ */ React__default.createElement(MenuItemDropdown, { ...props }, children);
   }
   return /* @__PURE__ */ React__default.createElement(MenuItemIcon, { ...props });
 }
-function Menu(props) {
-  const {
-    align = "left"
-  } = props;
-  return /* @__PURE__ */ React__default.createElement(MenuContainer, { $align: align }, props.children);
+function Menu({
+  align = "left",
+  children
+}) {
+  return /* @__PURE__ */ React__default.createElement(MenuContainer, { $align: align }, children);
 }
 Menu.Item = MenuItem;
 Menu.SubItem = MenuDropdownSubItem;
@@ -7355,7 +7401,7 @@ const VerticalWrapper = styled(Stack).withConfig({
   componentId: "ls-ui__sc-bl43p-0"
 })`text-align:center;`;
 const EmptyStateWithIcon = ({
-  variant = "card",
+  variant,
   icon,
   title,
   action,
@@ -7364,7 +7410,7 @@ const EmptyStateWithIcon = ({
 }) => {
   const isHorizontal = variant === "horizontal-card";
   const Wrapper2 = isHorizontal ? Group$1 : VerticalWrapper;
-  return /* @__PURE__ */ React__default.createElement(Wrapper2, { ...props, space: isHorizontal ? "s" : "xs", align: "center", justify: "center" }, children || /* @__PURE__ */ React__default.createElement(Fragment, null, icon, /* @__PURE__ */ React__default.createElement(Text$1, { variant: "caption-bold" }, title), action && /* @__PURE__ */ React__default.createElement(Button$3, { variant: "primary", scale: "small", ...action }, action.label)));
+  return /* @__PURE__ */ React__default.createElement(Wrapper2, { ...props, space: isHorizontal ? "s" : "xs", align: "center", justify: "center" }, children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, icon, /* @__PURE__ */ React__default.createElement(Text$1, { variant: "caption-bold" }, title), action && /* @__PURE__ */ React__default.createElement(Button$3, { variant: "primary", scale: "small", ...action }, action.label)));
 };
 const Wrapper$2 = styled.div.withConfig({
   displayName: "Wrapper",
@@ -7387,7 +7433,7 @@ const Wrapper$1 = styled(Stack).withConfig({
   componentId: "ls-ui__sc-8ms4vl-0"
 })`max-width:320px;text-align:center;`;
 const EmptyStateWithIllustration = ({
-  variant = "page",
+  variant,
   illustration,
   title,
   description,
@@ -7396,7 +7442,7 @@ const EmptyStateWithIllustration = ({
   ...props
 }) => {
   const isPageVariant = variant === "page";
-  return /* @__PURE__ */ React__default.createElement(Wrapper$1, { ...props, align: "center", justify: "center", space: "m" }, children || /* @__PURE__ */ React__default.createElement(Fragment, null, illustration && /* @__PURE__ */ React__default.createElement(Illustration, { illustration, scale: isPageVariant ? "large" : "default" }), (title || description) && /* @__PURE__ */ React__default.createElement(Stack, { space: "xs" }, title && /* @__PURE__ */ React__default.createElement(Text$1, { variant: isPageVariant ? "heading-sm-bold" : "body-bold", color: isPageVariant ? "color-neutral-darkest" : "color-neutral-darker" }, title), description && /* @__PURE__ */ React__default.createElement(Text$1, { "data-testid": "empty-state-description", variant: isPageVariant ? "body" : "caption", color: "color-neutral-darkest" }, description)), action && /* @__PURE__ */ React__default.createElement(Button$3, { className: "empty-state-action", variant: "primary", scale: isPageVariant ? "default" : "small", ...action }, action.label)));
+  return /* @__PURE__ */ React__default.createElement(Wrapper$1, { ...props, align: "center", justify: "center", space: "m" }, children || /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, illustration && /* @__PURE__ */ React__default.createElement(Illustration, { illustration, scale: isPageVariant ? "large" : "default" }), (title || description) && /* @__PURE__ */ React__default.createElement(Stack, { space: "xs" }, title && /* @__PURE__ */ React__default.createElement(Text$1, { variant: isPageVariant ? "heading-sm-bold" : "body-bold", color: isPageVariant ? "color-neutral-darkest" : "color-neutral-darker" }, title), description && /* @__PURE__ */ React__default.createElement(Text$1, { "data-testid": "empty-state-description", variant: isPageVariant ? "body" : "caption", color: "color-neutral-darkest" }, description)), action && /* @__PURE__ */ React__default.createElement(Button$3, { className: "empty-state-action", variant: "primary", scale: isPageVariant ? "default" : "small", ...action }, action.label)));
 };
 const EmptyState = (props) => {
   if (["card", "horizontal-card"].includes(props.variant)) {
@@ -7578,14 +7624,14 @@ function DateHelper(dateArg, optionsArg = DEFAULT_OPTIONS) {
     ...DEFAULT_OPTIONS,
     ...optionsArg
   };
-  const utcDate = function normalizeToUTC() {
+  const utcDate = (function normalizeToUTC() {
     let date = /* @__PURE__ */ new Date();
     if (dateArg != null) {
       date = new Date(dateArg);
     }
     const utcDate2 = new Date(Date.UTC(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), options.normalize ? 12 : date.getUTCHours(), options.normalize ? 0 : date.getUTCMinutes(), options.normalize ? 0 : date.getUTCSeconds(), options.normalize ? 0 : date.getUTCMilliseconds()));
     return utcDate2;
-  }();
+  })();
   return {
     get() {
       return utcDate;
@@ -7815,7 +7861,7 @@ function useCalendar(props) {
     mode,
     months: renderableMonths,
     selected,
-    constraints: toArray(constraints || []),
+    constraints: toArray(constraints).filter((constraint) => constraint != null),
     clear,
     set,
     select
@@ -7979,7 +8025,7 @@ const ADDITIONAL_FORMATTERS = {
 const COMPOUND_FORMATTERS = {
   o: {
     valid: (token) => (/* @__PURE__ */ new Set(["D", "DD"])).has(token),
-    format: (value) => getOrdinalSuffix(parseInt(value, 10))
+    format: (value) => getOrdinalSuffix(Number.parseInt(value, 10))
   }
 };
 const PickerButton$1 = styled(BaseButton).withConfig({
@@ -8111,15 +8157,20 @@ function getStatus$2(calendar, date) {
   const isPastYearDay = date.getYear() < calendar.months[0].year && date.getMonth() > calendar.months[0].month;
   if (calendar.selected[0] == date.getTime()) {
     return "selection-start";
-  } else if (calendar.selected[1] == date.getTime()) {
+  }
+  if (calendar.selected[1] == date.getTime()) {
     return "selection-end";
-  } else if (calendar.selected[0] != null && date.getTime() > calendar.selected[0] && calendar.selected[1] != null && date.getTime() < calendar.selected[1]) {
+  }
+  if (calendar.selected[0] != null && date.getTime() > calendar.selected[0] && calendar.selected[1] != null && date.getTime() < calendar.selected[1]) {
     return "selection";
-  } else if (calendar.mode === "single" && (isPastYearDay || date.getMonth() < calendar.months[0].month)) {
+  }
+  if (calendar.mode === "single" && (isPastYearDay || date.getMonth() < calendar.months[0].month)) {
     return "faded";
-  } else if (calendar.mode === "single" && date.getMonth() > calendar.months[0].month) {
+  }
+  if (calendar.mode === "single" && date.getMonth() > calendar.months[0].month) {
     return "next-month-day";
-  } else if (date.getTime() == TODAY.getTime()) {
+  }
+  if (date.getTime() == TODAY.getTime()) {
     return "current-day";
   }
   return "default";
@@ -8142,7 +8193,7 @@ function CalendarDayPicker({
     } }, weekday));
   }
   function renderDaysOfMonth(month) {
-    const constraints = calendar.constraints || [];
+    const constraints = calendar.constraints;
     return month.days.map((day) => {
       const status = getStatus$2(calendar, day);
       const formatted = formatter$1.format(day);
@@ -8506,7 +8557,7 @@ const DateInput = forwardRef(function DateInput2(props, ref) {
     ...rest
   } = props;
   const dropdown = useContext(DropdownContext);
-  function handleInputChange(event) {
+  const handleInputChange = (event) => {
     const {
       target: {
         value
@@ -8516,7 +8567,7 @@ const DateInput = forwardRef(function DateInput2(props, ref) {
       return;
     }
     onChange(DateHelper(value));
-  }
+  };
   return /* @__PURE__ */ React__default.createElement(TextField, { placeholder: "00/00/0000", ...rest, ref, type: "text", disabled: dropdown.disabled, leading: /* @__PURE__ */ React__default.createElement(Icon$2, { name: "calendar" }), onChange: handleInputChange });
 });
 function DatePicker(props) {
@@ -8573,13 +8624,13 @@ function useDateRangePicker(props) {
   const inputsRef = useRef([null, null]);
   const currentlyPickingRef = useRef("none");
   function handleDateSelect(selected) {
-    [AT_RANGE_START, AT_RANGE_END].forEach((index) => {
+    for (const index of [AT_RANGE_START, AT_RANGE_END]) {
       const input = inputsRef.current[index];
       const formattedDate = formatDate(selected[index]);
       if (formattedDate != formatDate(getInputValue(input))) {
         setInputValue(input, formattedDate);
       }
-    });
+    }
     onChange?.({
       target: {
         id,
@@ -8638,9 +8689,9 @@ function useDateRangePicker(props) {
       calendar.clear();
     } else {
       const selected = getSelection(calendar.selected).map(formatDate);
-      [AT_RANGE_START, AT_RANGE_END].forEach((index) => {
+      for (const index of [AT_RANGE_START, AT_RANGE_END]) {
         setInputValue(inputsRef.current[index], selected[index]);
-      });
+      }
     }
   }
   function handleDoneClick() {
@@ -8719,9 +8770,9 @@ function useDateRangePicker(props) {
         return newSelected[index] != currSelected[index];
       });
       if (hasChanged) {
-        [AT_RANGE_START, AT_RANGE_END].forEach((index) => {
+        for (const index of [AT_RANGE_START, AT_RANGE_END]) {
           setInputValue(inputsRef.current[index], formatDate(newSelected[index]));
-        });
+        }
         calendar.select(newSelected);
         calendar.set(getInitialCalendarSetup(newSelected));
       }
@@ -8877,7 +8928,7 @@ const DropZone = ({
   const onChangeInput = useCallback((event) => {
     event.preventDefault();
     event.stopPropagation();
-    onFilesAdded(Array.from(event.currentTarget.files || []));
+    onFilesAdded(Array.from(event.currentTarget.files ?? []));
   }, [onFilesAdded]);
   const onKeyPress = useCallback((event) => {
     if (!disabled && inputRef.current && KeyboardKey(event).is("ENTER")) {
@@ -8891,7 +8942,7 @@ const DropZone = ({
       if (isDragging) {
         setIsDragging(false);
       }
-      onFilesAdded(Array.from(event.dataTransfer.files || []));
+      onFilesAdded(Array.from(event.dataTransfer.files ?? []));
     }
   }, [disabled, isDragging, onFilesAdded]);
   const onDragStart = useCallback((event) => {
@@ -8920,14 +8971,14 @@ const DropZone = ({
 const BYTES_PER_KILOBYTE = 1024;
 const FILE_SIZE_ABBREVIATIONS = ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
 const formatBytes = (bytes, decimals = 2) => {
-  const bytesValue = Number(bytes);
+  const bytesValue = bytes;
   if (!bytesValue || bytesValue < 0) {
     return "0B";
   }
   const dm = Math.max(0, decimals);
   const unit = Math.floor(Math.log(bytesValue) / Math.log(BYTES_PER_KILOBYTE));
   const unitAbbr = FILE_SIZE_ABBREVIATIONS[Math.min(unit, FILE_SIZE_ABBREVIATIONS.length - 1)];
-  return `${parseFloat((bytesValue / Math.pow(BYTES_PER_KILOBYTE, unit)).toFixed(dm))}${unitAbbr}`;
+  return `${Number.parseFloat((bytesValue / Math.pow(BYTES_PER_KILOBYTE, unit)).toFixed(dm))}${unitAbbr}`;
 };
 const FileName = ({
   file
@@ -8988,7 +9039,11 @@ const FileList = ({
     return null;
   }
   const uploadedFiles = fileList.filter((file) => file.status === "success").length;
-  return /* @__PURE__ */ React__default.createElement(Stack, { space: "m", ...props }, /* @__PURE__ */ React__default.createElement(Text$1, { variant: "heading-sm-bold" }, `${uploadedFiles} ${pluralize(uploadedFiles, "Files", "File")} uploaded`), /* @__PURE__ */ React__default.createElement(FileListUL, { space: "m" }, fileList.map((item, index) => /* @__PURE__ */ React__default.createElement(FileItem, { key: `file-${item.file.name}-${index}`, disabled, onRemove: () => onRemoveFile(item, index), onRetry: onRetryUpload ? () => onRetryUpload(item, index) : void 0, ...item }))));
+  return /* @__PURE__ */ React__default.createElement(Stack, { space: "m", ...props }, /* @__PURE__ */ React__default.createElement(Text$1, { variant: "heading-sm-bold" }, `${uploadedFiles} ${pluralize(uploadedFiles, "Files", "File")} uploaded`), /* @__PURE__ */ React__default.createElement(FileListUL, { space: "m" }, fileList.map((item, index) => /* @__PURE__ */ React__default.createElement(FileItem, { key: `file-${item.file.name}-${index}`, disabled, onRemove: () => {
+    onRemoveFile(item, index);
+  }, onRetry: onRetryUpload ? () => {
+    onRetryUpload(item, index);
+  } : void 0, ...item }))));
 };
 const DragDropFile = () => null;
 DragDropFile.Wrapper = Wrapper;
@@ -9055,7 +9110,9 @@ function TablePaginationActions({
       return;
     }
     const numberValue = Number(e.target.value);
-    if (!numberValue || numberValue < 1 || numberValue > totalPages) return;
+    if (!numberValue || numberValue < 1 || numberValue > totalPages) {
+      return;
+    }
     setPageValue(numberValue);
   };
   return /* @__PURE__ */ React__default.createElement(Layout.Group, { space: "s", align: "center" }, !isCompact && /* @__PURE__ */ React__default.createElement(NoPaddingButton, { onClick: handleFirstPageClick, disabled: page === 0 || disabled, title: "First page" }, /* @__PURE__ */ React__default.createElement(ActionIcon, { name: "caret-right-last", rotate: 180 })), /* @__PURE__ */ React__default.createElement(NoPaddingButton, { onClick: handlePreviousPageClick, disabled: page === 0 || disabled, title: "Previous page" }, /* @__PURE__ */ React__default.createElement(ActionIcon, { name: "caret-left" })), !isCompact && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, /* @__PURE__ */ React__default.createElement(TextField$1, { type: "number", min: 1, max: totalPages, disabled: disabled || totalPages === 1, onChange: handlePageChange, onBlur: publishPageChange, onKeyUp: handleKeyUp, onKeyDown: handleKeyDown, scale: "small", value: count ? pageValue : 0, title: "Page" }), /* @__PURE__ */ React__default.createElement(Text$1, { variant: "body", color: disabled ? "color-neutral" : "color-neutral-dark" }, "of", " ", /* @__PURE__ */ React__default.createElement(Text$1, { variant: "body-bold", color: disabled ? "color-neutral" : "color-neutral-dark" }, totalPages))), /* @__PURE__ */ React__default.createElement(NoPaddingButton, { onClick: handleNextPageClick, disabled: page >= totalPages - 1 || disabled, title: "Next page" }, /* @__PURE__ */ React__default.createElement(ActionIcon, { name: "caret-right" })), !isCompact && /* @__PURE__ */ React__default.createElement(NoPaddingButton, { onClick: handleLastPageClick, disabled: page >= totalPages - 1 || disabled, title: "Last page" }, /* @__PURE__ */ React__default.createElement(ActionIcon, { name: "caret-right-last" })));
@@ -9088,7 +9145,9 @@ function RowsPerPage({
     }
     return `${from}-${to}`;
   };
-  return /* @__PURE__ */ React__default.createElement(Layout.Group, { space: "s", align: "center" }, /* @__PURE__ */ React__default.createElement(Text$1, { variant: "caption", color: disabled ? "color-neutral" : "color-neutral-dark" }, labelRowsPerPage), /* @__PURE__ */ React__default.createElement(Text$1, { variant: "body", color: disabled ? "color-neutral" : "color-neutral-dark" }, /* @__PURE__ */ React__default.createElement(Text$1, { variant: "body-bold", color: disabled ? "color-neutral" : "color-neutral-dark" }, getItemsRange()), " ", "of", " ", /* @__PURE__ */ React__default.createElement(Text$1, { variant: "body-bold", color: disabled ? "color-neutral" : "color-neutral-dark" }, count)), /* @__PURE__ */ React__default.createElement(Dropdown, { position, align }, /* @__PURE__ */ React__default.createElement(TriggerButton, { disabled }), /* @__PURE__ */ React__default.createElement(Dropdown.Menu, null, rowsPerPageOptions.map((option) => /* @__PURE__ */ React__default.createElement(Dropdown.Item, { key: option, onClick: () => onRowsPerPageChange(option), trailing: option === rowsPerPage && /* @__PURE__ */ React__default.createElement(Icon$2, { name: "check", size: 20, color: "accent" }) }, option, " per page")))));
+  return /* @__PURE__ */ React__default.createElement(Layout.Group, { space: "s", align: "center" }, /* @__PURE__ */ React__default.createElement(Text$1, { variant: "caption", color: disabled ? "color-neutral" : "color-neutral-dark" }, labelRowsPerPage), /* @__PURE__ */ React__default.createElement(Text$1, { variant: "body", color: disabled ? "color-neutral" : "color-neutral-dark" }, /* @__PURE__ */ React__default.createElement(Text$1, { variant: "body-bold", color: disabled ? "color-neutral" : "color-neutral-dark" }, getItemsRange()), " ", "of", " ", /* @__PURE__ */ React__default.createElement(Text$1, { variant: "body-bold", color: disabled ? "color-neutral" : "color-neutral-dark" }, count)), /* @__PURE__ */ React__default.createElement(Dropdown, { position, align }, /* @__PURE__ */ React__default.createElement(TriggerButton, { disabled }), /* @__PURE__ */ React__default.createElement(Dropdown.Menu, null, rowsPerPageOptions.map((option) => /* @__PURE__ */ React__default.createElement(Dropdown.Item, { key: option, onClick: () => {
+    onRowsPerPageChange(option);
+  }, trailing: option === rowsPerPage && /* @__PURE__ */ React__default.createElement(Icon$2, { name: "check", size: 20, color: "accent" }) }, option, " per page")))));
 }
 function TablePagination(props) {
   const {