@economic/taco 2.67.2 → 2.68.0

package/dist/taco.cjs

@@ -83,8 +83,6 @@ const getOutlineColorShadeClasses = (state) => {
       return "border-pink-700 text-pink-700";
     case "orange":
       return "border-orange-700 text-orange-700";
-    case "transparent":
-    case "grey":
     default:
       return "border-grey-700 text-grey-700";
   }
@@ -109,7 +107,6 @@ const getSubtleColorShadeClasses = (value) => {
       return "wcag-orange-100";
     case "transparent":
       return "wcag-transparent";
-    case "grey":
     default:
       return "wcag-grey-200";
   }
@@ -134,7 +131,6 @@ const getColorShadeClasses = (value) => {
       return "wcag-orange-700";
     case "transparent":
       return "wcag-transparent";
-    case "grey":
     default:
       return "wcag-grey-700";
   }
@@ -5375,7 +5371,7 @@ function mergeRefs(refs) {
     refs.forEach((ref) => {
       if (typeof ref === "function") {
         ref(value);
-      } else if (ref != null) {
+      } else if (ref !== null) {
         ref.current = value;
       }
     });
@@ -5434,6 +5430,8 @@ const getDialogSizeClassnames = (size2) => {
       return "w-md";
     case "lg":
       return "w-lg";
+    default:
+      return void 0;
   }
 };
 const getDialogPositionClassnames = () => "mt-16 mx-auto";
@@ -5478,7 +5476,7 @@ const Content$a = React__namespace.forwardRef(function AlertDialogContent(props,
   ))));
 });
 const AlertDialog = React__namespace.forwardRef(function AlertDialog2(props, ref) {
-  const { children: initialChildren, defaultOpen, onChange, open, trigger, ...otherProps } = props;
+  const { children: _initialChildren, defaultOpen, onChange, open, trigger, ...otherProps } = props;
   const context = React__namespace.useMemo(
     () => ({
       props: otherProps,
@@ -9897,11 +9895,11 @@ function isElementInteractive(element) {
   if (!element) {
     return false;
   }
-  const interactiveElements = ["A", "BUTTON", "INPUT", "TEXTAREA", "SELECT", "LABEL", "OPTION"];
-  const isInteractive = interactiveElements.includes(element.tagName) && !element.hidden && !element.disabled && !element.readOnly;
+  const interactiveElements = /* @__PURE__ */ new Set(["A", "BUTTON", "INPUT", "TEXTAREA", "SELECT", "LABEL", "OPTION"]);
+  const isInteractive = interactiveElements.has(element.tagName) && !element.hidden && !element.disabled && !element.readOnly;
   if (!isInteractive) {
     const focusableParent = element.closest(FOCUSABLE_ELEMENTS.join(","));
-    return focusableParent ? interactiveElements.includes(focusableParent.tagName) : false;
+    return focusableParent ? interactiveElements.has(focusableParent.tagName) : false;
   }
   return isInteractive;
 }
@@ -9985,7 +9983,7 @@ const Button$5 = React__namespace.forwardRef(function Button2(props, ref) {
       "aria-disabled": disabled ? "true" : void 0,
       disabled,
       target: Tag2 === "a" ? target : void 0,
-      type: Tag2 !== "a" ? type : void 0,
+      type: Tag2 === "a" ? void 0 : type,
       ref: internalRef
     },
     React__namespace.Children.count(props.children) > 1 ? React__namespace.Children.map(props.children, (child) => typeof child === "string" ? /* @__PURE__ */ React__namespace.createElement("span", null, child) : child) : props.children
@@ -17661,7 +17659,7 @@ const useBoundingClientRectListener = (ref, dependencies) => {
   }, dependencies);
   return dimensions;
 };
-const validSetSelectionRangeTypes = ["text", "search", "url", "tel", "password"];
+const validSetSelectionRangeTypes = /* @__PURE__ */ new Set(["text", "search", "url", "tel", "password"]);
 const InputWithoutDeprecatedFeatures = React__namespace.forwardRef(function InputWithoutDeprecatedFeatures2(props, ref) {
   const { highlighted, invalid, onKeyDown, postfix, prefix: prefix2, type = "text", ...attributes } = props;
   const internalRef = useMergedRef(ref);
@@ -17684,15 +17682,13 @@ const InputWithoutDeprecatedFeatures = React__namespace.forwardRef(function Inpu
     if (event.key.length === 1 && !isPressingMetaKey(event)) {
       event.stopPropagation();
     }
-    if (validSetSelectionRangeTypes.includes(type)) {
-      if (!event.shiftKey && (event.key === "Home" || event.key === "End")) {
-        event.preventDefault();
-        const position = event.key === "End" ? event.currentTarget.value.length : 0;
-        event.currentTarget.setSelectionRange(position, position);
-        if (internalRef.current) {
-          const scrollPosition = event.key === "End" ? internalRef.current.scrollWidth : 0;
-          internalRef.current.scrollLeft = scrollPosition;
-        }
+    if (validSetSelectionRangeTypes.has(type) && !event.shiftKey && (event.key === "Home" || event.key === "End")) {
+      event.preventDefault();
+      const position = event.key === "End" ? event.currentTarget.value.length : 0;
+      event.currentTarget.setSelectionRange(position, position);
+      if (internalRef.current) {
+        const scrollPosition = event.key === "End" ? internalRef.current.scrollWidth : 0;
+        internalRef.current.scrollLeft = scrollPosition;
       }
     }
     if (typeof onKeyDown === "function") {
@@ -18082,9 +18078,9 @@ const getNextIndexFromKey = (key, length, index2, direction = "vertical") => {
   const nextKey = direction === "horizontal" ? "ArrowRight" : "ArrowDown";
   switch (key) {
     case previousKey:
-      return index2 !== void 0 ? index2 - 1 < 0 ? 0 : index2 - 1 : index2;
+      return index2 === void 0 ? 0 : index2 - 1 < 0 ? 0 : index2 - 1;
     case nextKey:
-      return index2 !== void 0 ? index2 + 1 >= length ? index2 : index2 + 1 : index2;
+      return index2 === void 0 ? length - 1 : index2 + 1 >= length ? index2 : index2 + 1;
     case "Home":
       return 0;
     case "End":
@@ -18122,13 +18118,13 @@ const scrollToChildElement = (parent, child) => {
 const useListScrollTo = (internalRef, itemRefs) => {
   const scrollTo2 = (index2) => {
     if (internalRef && internalRef.current) {
-      if (index2 !== void 0) {
+      if (index2 === void 0) {
+        internalRef.current.scrollTop = 0;
+      } else {
         const activeRef = itemRefs[index2];
         if (activeRef && activeRef.current) {
           scrollToChildElement(internalRef.current, activeRef.current);
         }
-      } else {
-        internalRef.current.scrollTop = 0;
       }
     }
   };
@@ -18140,7 +18136,8 @@ const getNextEnabledItem$1 = (event, data, index2) => {
   if (nextIndex) {
     if (nextIndex === index2) {
       return index2;
-    } else if (data[nextIndex] && data[nextIndex].disabled) {
+    }
+    if (data[nextIndex] && data[nextIndex].disabled) {
       return getNextEnabledItem$1(event, data, nextIndex);
     }
   }
@@ -18150,9 +18147,9 @@ const ScrollableList = React__namespace.forwardRef(function ScrollableList2(prop
   const {
     data,
     disabled,
-    highlighted,
+    highlighted: _1,
     id: id2,
-    invalid: _,
+    invalid: _2,
     loading,
     onChange: setCurrentIndex,
     onClick,
@@ -18190,7 +18187,7 @@ const ScrollableList = React__namespace.forwardRef(function ScrollableList2(prop
     }
     if (onKeyDown) {
       event.persist();
-      const index2 = nextIndex !== void 0 ? nextIndex : currentIndex;
+      const index2 = nextIndex === void 0 ? currentIndex : nextIndex;
       onKeyDown(event, index2);
     }
     event.stopPropagation();
@@ -18214,11 +18211,11 @@ const ScrollableList = React__namespace.forwardRef(function ScrollableList2(prop
   const getOptionCheckedState = (optionValue, index2) => {
     if (optionValue === "#ALL-OPTIONS#") {
       return allOptionsSelected;
-    } else if (!optionValue || !selectedIndexes) {
+    }
+    if (!optionValue || !selectedIndexes) {
       return false;
-    } else {
-      return selectedIndexes.findIndex((i2) => i2 === index2) !== -1;
     }
+    return selectedIndexes.some((i2) => i2 === index2);
   };
   const options = data.map((option, index2) => {
     const depth = option.path ? option.path.split(".").length - 1 : 0;
@@ -18330,14 +18327,13 @@ const searchForString = (child, value, strategy = "includes") => {
   try {
     if (typeof child !== "string" && ((_a = child.props) == null ? void 0 : _a.children)) {
       if (Array.isArray((_b = child.props) == null ? void 0 : _b.children)) {
-        return !!child.props.children.find(
+        return !!child.props.children.some(
           (subChild) => searchForString(subChild, value, strategy)
         );
       }
       return searchForString((_c = child.props) == null ? void 0 : _c.children, value, strategy);
-    } else {
-      return child.toString().toLowerCase()[strategy](String(value).toLowerCase());
     }
+    return child.toString().toLowerCase()[strategy](String(value).toLowerCase());
   } catch {
     return false;
   }
@@ -18436,7 +18432,7 @@ const useCombobox = (props, ref) => {
     data: unfilteredData = [],
     defaultValue: defaultValue2,
     disabled,
-    id: nativeId,
+    id: _nativeId,
     inline,
     loading: __,
     onChange,
@@ -18460,7 +18456,7 @@ const useCombobox = (props, ref) => {
     [shouldFilterData, inputValue, flattenedData]
   );
   const [currentIndex, setCurrentIndex] = React__namespace.useState(
-    inputValue !== void 0 ? getIndexFromValue(data, inputValue) : void 0
+    inputValue === void 0 ? void 0 : getIndexFromValue(data, inputValue)
   );
   const setInputValueByIndex = (index2, event) => {
     if (index2 !== void 0) {
@@ -18476,10 +18472,10 @@ const useCombobox = (props, ref) => {
       return;
     }
     const option = data[index2];
-    if (option.value !== value) {
-      setInputValueByIndex(index2, event);
-    } else {
+    if (option.value === value) {
       setInputValue(convertToInputValue(value));
+    } else {
+      setInputValueByIndex(index2, event);
     }
   };
   React__namespace.useEffect(() => {
@@ -18587,10 +18583,8 @@ const useCombobox = (props, ref) => {
         case "ArrowDown":
           if (open) {
             event.preventDefault();
-          } else {
-            if (!inline && buttonRef.current && !isElementInsideTable3OrReport(event.currentTarget)) {
-              buttonRef.current.click();
-            }
+          } else if (!inline && buttonRef.current && !isElementInsideTable3OrReport(event.currentTarget)) {
+            buttonRef.current.click();
           }
           break;
         case "ArrowUp":
@@ -18605,13 +18599,11 @@ const useCombobox = (props, ref) => {
       if (listRef.current) {
         listRef.current.dispatchEvent(createCustomKeyboardEvent(event));
       }
-      if (inline && !open) {
-        if ((event.key === "ArrowUp" || event.key === "ArrowDown") && !isElementInsideTable3OrReport(event.currentTarget)) {
-          event.preventDefault();
-          const initialIndex = event.key === "ArrowUp" ? data.length - 1 : 0;
-          setCurrentIndex(currentIndex !== void 0 ? currentIndex : initialIndex);
-          setOpen(true);
-        }
+      if (inline && !open && (event.key === "ArrowUp" || event.key === "ArrowDown") && !isElementInsideTable3OrReport(event.currentTarget)) {
+        event.preventDefault();
+        const initialIndex = event.key === "ArrowUp" ? data.length - 1 : 0;
+        setCurrentIndex(currentIndex === void 0 ? initialIndex : currentIndex);
+        setOpen(true);
       }
     }
     if (!event.isDefaultPrevented() && onKeyDown) {
@@ -18797,7 +18789,7 @@ const parseFromCustomString = (date2 = "", mask = "dd.mm.yy", defaultMonth = voi
   const inputParts = date2.split(/\D/);
   if (inputParts.length === 1) {
     const fullDate = inputParts[0];
-    const unseparatedMask = mask.replace(/[^dmy]/g, "");
+    const unseparatedMask = mask.replaceAll(/[^dmy]/g, "");
     day = fullDate.slice(unseparatedMask.indexOf("d"), unseparatedMask.lastIndexOf("d") + 1);
     month = fullDate.slice(unseparatedMask.indexOf("m"), unseparatedMask.lastIndexOf("m") + 1);
     year = getFullYear(fullDate.slice(unseparatedMask.indexOf("y"), unseparatedMask.lastIndexOf("y") + 3));
@@ -18812,12 +18804,12 @@ const parseFromCustomString = (date2 = "", mask = "dd.mm.yy", defaultMonth = voi
   const currentDate = /* @__PURE__ */ new Date();
   return new Date(
     /* year */
-    Object.is(year, NaN) ? defaultYear ?? currentDate.getFullYear() : year,
+    Object.is(year, Number.NaN) ? defaultYear ?? currentDate.getFullYear() : year,
     /* month */
-    Object.is(month, NaN) ? defaultMonth ?? currentDate.getMonth() : month - 1,
+    Object.is(month, Number.NaN) ? defaultMonth ?? currentDate.getMonth() : month - 1,
     // months are zero based in javascript, so subtract a day
     /* day */
-    Object.is(day, NaN) ? currentDate.getDate() : day,
+    Object.is(day, Number.NaN) ? currentDate.getDate() : day,
     /* hours */
     12,
     /* minutes */
@@ -18858,10 +18850,10 @@ const useDatepicker = ({ defaultValue: _, calendar: calendar2, onBlur, onChange,
     event.target.value = formattedValue;
     const isEmpty = !event.target.value.trim();
     if (onChange) {
-      event.detail = !isEmpty ? valueAsDate : null;
+      event.detail = isEmpty ? null : valueAsDate;
       onChange(event);
     } else {
-      setInternalValue(!isEmpty ? formattedValue : "");
+      setInternalValue(isEmpty ? "" : formattedValue);
     }
     if (onBlur) {
       onBlur(event);
@@ -18945,7 +18937,7 @@ const RenderPropWrapper$2 = React__namespace.forwardRef(function RenderPropWrapp
   return children({ close, ref });
 });
 const Content$7 = React__namespace.forwardRef(function PopoverContent(props, ref) {
-  const { placement: side, ...popoverContentProps } = props;
+  const { placement: side, container, ...popoverContentProps } = props;
   const className = clsx(getPopoverStyleClassnames(), props.className);
   let output;
   if (typeof props.children === "function") {
@@ -18953,7 +18945,7 @@ const Content$7 = React__namespace.forwardRef(function PopoverContent(props, ref
   } else {
     output = props.children;
   }
-  return /* @__PURE__ */ React__namespace.createElement($cb5cc270b50c6fcd$export$602eac185826482c, null, /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React__namespace.createElement($cb5cc270b50c6fcd$export$602eac185826482c, { container }, /* @__PURE__ */ React__namespace.createElement(
     $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2,
     {
       ...popoverContentProps,
@@ -25816,7 +25808,6 @@ const getDrawerSizeClassnames = (size2) => {
   switch (size2) {
     case "lg":
       return "w-[600px]";
-    case "md":
     default:
       return "w-[420px]";
   }
@@ -26645,7 +26636,7 @@ const Title$3 = React.forwardRef(function DrawerTitle(props, externalRef) {
   ) : null, /* @__PURE__ */ React.createElement("span", { className: "line-clamp-2 inline-block overflow-y-hidden", style }, children));
 });
 const Footer$1 = React.forwardRef(function DrawerFooter(props, ref) {
-  const { className, ...otherProps } = props;
+  const { className: _1, ...otherProps } = props;
   const cName = clsx("mt-auto flex justify-end grow-0 p-4 border-t-[1px] border-grey-300", props.className);
   return /* @__PURE__ */ React.createElement("div", { ...otherProps, className: cName, ref });
 });
@@ -26718,13 +26709,15 @@ const DrawerContent = React.forwardRef(function Content2(props, externalRef) {
     var _a;
     const isTargetInsideDrawerContent = (_a = ref.current) == null ? void 0 : _a.contains(event.target);
     if (isTargetInsideDrawerContent) {
-      if (!closeOnEscape) {
-        event.preventDefault();
-      } else {
-        setOpen && setOpen(false);
+      if (closeOnEscape) {
+        if (setOpen) {
+          setOpen(false);
+        }
         if (onClose) {
           onClose();
         }
+      } else {
+        event.preventDefault();
       }
     }
   };
@@ -26775,7 +26768,7 @@ const DrawerContent = React.forwardRef(function Content2(props, externalRef) {
   )) : null);
   const styleProp = {
     ...style,
-    ...{ width: resizedWidth }
+    width: resizedWidth
   };
   return focusTrap ? /* @__PURE__ */ React.createElement(
     $5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2,
@@ -26832,7 +26825,7 @@ const Drawer = React__namespace.forwardRef(function Drawer2(props, ref) {
     onChange = () => {
     },
     variant = "embedded",
-    className,
+    className: _1,
     closeOnEscape = true,
     onResize,
     onClose,
@@ -26884,7 +26877,9 @@ const Drawer = React__namespace.forwardRef(function Drawer2(props, ref) {
   );
   const close = React__namespace.useCallback(() => {
     setOpen(false);
-    onClose && onClose();
+    if (onClose) {
+      onClose();
+    }
   }, []);
   React__namespace.useEffect(() => {
     const outletSelector = `[data-taco="drawer-outlet"][data-taco-outlet-name="${outletName ?? DEFAULT_OUTLET_NAME}"]`;
@@ -26897,13 +26892,11 @@ const Drawer = React__namespace.forwardRef(function Drawer2(props, ref) {
         drawerStack();
       }
       drawerStack = close;
-    } else {
-      if (drawerStack === close) {
-        drawerStack = void 0;
-      }
+    } else if (drawerStack === close) {
+      drawerStack = void 0;
     }
   }, [open]);
-  return /* @__PURE__ */ React__namespace.createElement(DrawerContext.Provider, { value: context }, /* @__PURE__ */ React__namespace.createElement($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, { modal: variant === "overlay" ? true : false, open, onOpenChange: setOpen }, trigger && /* @__PURE__ */ React__namespace.createElement(Trigger$3, null, trigger), children));
+  return /* @__PURE__ */ React__namespace.createElement(DrawerContext.Provider, { value: context }, /* @__PURE__ */ React__namespace.createElement($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, { modal: variant === "overlay", open, onOpenChange: setOpen }, trigger && /* @__PURE__ */ React__namespace.createElement(Trigger$3, null, trigger), children));
 });
 Drawer.Trigger = Trigger$3;
 Drawer.Content = Content$5;
@@ -26974,7 +26967,7 @@ const Title$2 = React__namespace.forwardRef(function DialogTitle2(props, ref) {
   return /* @__PURE__ */ React__namespace.createElement("span", { ...props, className, ref });
 });
 const Content$4 = React__namespace.forwardRef(function HangerContent(props, ref) {
-  const { placement: side, hideWhenDetached = false } = props;
+  const { placement: side, hideWhenDetached = false, container } = props;
   const context = React__namespace.useContext(HangerContext);
   const { texts } = useLocalization();
   const className = clsx(
@@ -26984,7 +26977,7 @@ const Content$4 = React__namespace.forwardRef(function HangerContent(props, ref)
   const handleInteractOutside = (event) => {
     event.preventDefault();
   };
-  return /* @__PURE__ */ React__namespace.createElement($cb5cc270b50c6fcd$export$602eac185826482c, null, /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ React__namespace.createElement($cb5cc270b50c6fcd$export$602eac185826482c, { container }, /* @__PURE__ */ React__namespace.createElement(
     $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2,
     {
       className,
@@ -28120,10 +28113,10 @@ const useListbox = ({
   value = emptyValue,
   ...otherProps
 }, ref) => {
-  const data = useFlattenedData(emptyValue !== void 0 ? [{ text: "", value: emptyValue }, ...externalData] : externalData);
+  const data = useFlattenedData(emptyValue === void 0 ? externalData : [{ text: "", value: emptyValue }, ...externalData]);
   const id2 = React__namespace.useMemo(() => nativeId || nanoid(), [nativeId]);
   const inputRef = useMergedRef(ref);
-  const currentIndex = value !== void 0 ? getIndexFromValue(data, value) : void 0;
+  const currentIndex = value === void 0 ? void 0 : getIndexFromValue(data, value);
   const { getNextIndex: getNextIndex2 } = useTypeahead({ data, currentIndex });
   const setInputValueByIndex = (index2) => {
     if (index2 !== void 0) {
@@ -28138,13 +28131,13 @@ const useListbox = ({
   };
   React__namespace.useEffect(() => {
     if (data.length && currentIndex === void 0) {
-      if (defaultValue2 !== void 0) {
+      if (defaultValue2 === void 0) {
+        setInputValueByIndex(0);
+      } else {
         const defaultValueIndex = getIndexFromValue(data, defaultValue2);
         if (defaultValueIndex !== void 0) {
           setInputValueByIndex(defaultValueIndex);
         }
-      } else {
-        setInputValueByIndex(0);
       }
     }
   }, [data]);
@@ -28257,19 +28250,17 @@ const useMultiListbox = ({
         let newInputValue = "";
         const currentInputValue = (_a = inputRef.current) == null ? void 0 : _a.value;
         const currentValuesArray = (currentInputValue == null ? void 0 : currentInputValue.split(",")) || [];
-        const optionAlreadySelected = currentValuesArray.findIndex((val) => val === String(option.value)) !== -1;
+        const optionAlreadySelected = currentValuesArray.some((val) => val === String(option.value));
         if (option.value === "#ALL-OPTIONS#") {
-          if (!allOptionsSelected) {
-            newInputValue = data.filter((option2, index22) => index22 !== 0 && !option2.disabled).map((option2) => option2.value).join(",");
-          } else {
+          if (allOptionsSelected) {
             newInputValue = "";
-          }
-        } else {
-          if (optionAlreadySelected) {
-            newInputValue = currentValuesArray.filter((val) => val !== String(option.value)).join(",");
           } else {
-            newInputValue = currentInputValue ? `${currentInputValue},${option.value}` : option.value;
+            newInputValue = data.filter((option2, index22) => index22 !== 0 && !option2.disabled).map((option2) => option2.value).join(",");
           }
+        } else if (optionAlreadySelected) {
+          newInputValue = currentValuesArray.filter((val) => val !== String(option.value)).join(",");
+        } else {
+          newInputValue = currentInputValue ? `${currentInputValue},${option.value}` : option.value;
         }
         setInputValueByRef(inputRef.current, newInputValue);
       }
@@ -28305,7 +28296,7 @@ const useMultiListbox = ({
         break;
       }
     }
-    setCurrentIndex(index2 !== void 0 ? index2 : 0);
+    setCurrentIndex(index2 === void 0 ? 0 : index2);
     if (onKeyDown) {
       event.persist();
       onKeyDown(event);
@@ -29713,7 +29704,7 @@ const $d08ef79370b62062$export$6d4de93b380beddf = $d08ef79370b62062$export$f34ec
 const Content$2 = React__namespace.forwardRef(function MenuContent(props, ref) {
   const internalRef = useMergedRef(ref);
   const menu = useCurrentMenu();
-  const { align = "start", children, placement: side, ...otherProps } = props;
+  const { align = "start", children: _1, placement: side, ...otherProps } = props;
   const className = clsx("border border-transparent rounded block outline-none p-1 yt-shadow wcag-white", props.className);
   const childrenRefs = React__namespace.useRef([]);
   const childrenWithRefs = React__namespace.Children.toArray(props.children).filter((child) => !!child).map((child, index2) => {
@@ -29887,13 +29878,11 @@ const Trigger$1 = React__namespace.forwardRef(function MenuTrigger(props, ref) {
   const internalRef = useMergedRef(ref);
   const handleKeyDown = (event) => {
     var _a;
-    if (event.key === "ArrowDown") {
-      if (isElementInsideTable3OrReport(event.currentTarget)) {
-        event.preventDefault();
-        (_a = event.currentTarget.parentNode) == null ? void 0 : _a.dispatchEvent(
-          createCustomKeyboardEvent(event)
-        );
-      }
+    if (event.key === "ArrowDown" && isElementInsideTable3OrReport(event.currentTarget)) {
+      event.preventDefault();
+      (_a = event.currentTarget.parentNode) == null ? void 0 : _a.dispatchEvent(
+        createCustomKeyboardEvent(event)
+      );
     }
   };
   React__namespace.useEffect(() => {
@@ -30285,7 +30274,7 @@ const OverflowGroup = React.forwardRef(function OverflowGroup2(props, ref) {
   const { texts } = useLocalization();
   const intersectedChildIndex = useIntersectionObserver(internalRef, buttonWidth);
   const children = React.Children.toArray(props.children);
-  const hiddenChildren = intersectedChildIndex !== void 0 ? children.slice(intersectedChildIndex) : [];
+  const hiddenChildren = intersectedChildIndex === void 0 ? [] : children.slice(intersectedChildIndex);
   const hiddenChildrenCount = hiddenChildren.length;
   const moreButtonText = hiddenChildrenCount ? `${hiddenChildrenCount} ${texts.header.more}` : "";
   const MoreButton = (moreButton == null ? void 0 : moreButton(moreButtonText)) ?? /* @__PURE__ */ React.createElement(IconButton, { icon: "more" });
@@ -30351,7 +30340,7 @@ const useSelect = ({
   id: nativeId,
   multiselect,
   onBlur,
-  onClick,
+  onClick: _1,
   onChange,
   readOnly,
   tabIndex,
@@ -30374,20 +30363,16 @@ const useSelect = ({
     if (value === void 0) {
       if (defaultValue2 !== void 0 && findByValue(flattenedData, defaultValue2)) {
         setInputValueByRef(inputRef.current, defaultValue2);
-      } else {
-        if (emptyValue !== void 0) {
-          setInputValueByRef(inputRef.current, emptyValue);
-        } else if (data.length > 0) {
-          setInputValueByRef(inputRef.current, data[0].value);
-        }
+      } else if (emptyValue !== void 0) {
+        setInputValueByRef(inputRef.current, emptyValue);
+      } else if (data.length > 0) {
+        setInputValueByRef(inputRef.current, data[0].value);
       }
-    } else {
-      if (!multiselect && !findByValue(flattenedData, value)) {
-        if (emptyValue !== void 0) {
-          setInputValueByRef(inputRef.current, emptyValue);
-        } else if (data.length > 0) {
-          setInputValueByRef(inputRef.current, data[0].value);
-        }
+    } else if (!multiselect && !findByValue(flattenedData, value)) {
+      if (emptyValue !== void 0) {
+        setInputValueByRef(inputRef.current, emptyValue);
+      } else if (data.length > 0) {
+        setInputValueByRef(inputRef.current, data[0].value);
       }
     }
   }, []);
@@ -30533,7 +30518,7 @@ const useSelect = ({
   };
 };
 const BaseSelect = React__namespace.forwardRef(function BaseSelect2(props, ref) {
-  const { autoFocus, className: externalClassName, highlighted, style, ...otherProps } = props;
+  const { autoFocus, className: externalClassName, highlighted: _1, style, ...otherProps } = props;
   const { button, listbox, popover, input, text: text2, more = 0 } = useSelect(otherProps, ref);
   const internalRef = React__namespace.useRef(null);
   const selectDimensions = useBoundingClientRectListener(internalRef);
@@ -30918,7 +30903,7 @@ const RadioGroupItem = React__namespace.forwardRef(function RadioGroupItem2(prop
   );
 });
 const RadioGroup2 = React__namespace.forwardRef(function RadioGroup22(props, ref) {
-  const { disabled, invalid, required, readOnly, orientation = "vertical", ...otherProps } = props;
+  const { disabled: _1, invalid: _2, required: _3, readOnly: _4, orientation = "vertical", ...otherProps } = props;
   const values = React__namespace.useMemo(() => {
     const radioGroupItemValues = [];
     React__namespace.Children.forEach(props.children, (child) => {
@@ -30933,9 +30918,9 @@ const RadioGroup2 = React__namespace.forwardRef(function RadioGroup22(props, ref
   let defaultValue2;
   if (props.onChange) {
     handleChange = (value2) => props.onChange(getRadioItemByValue(values, value2));
-    value = props.value !== void 0 ? String(props.value ?? "") : void 0;
+    value = props.value === void 0 ? void 0 : String(props.value ?? "");
   } else {
-    defaultValue2 = props.defaultValue !== void 0 ? String(props.defaultValue ?? "") : void 0;
+    defaultValue2 = props.defaultValue === void 0 ? void 0 : String(props.defaultValue ?? "");
   }
   const className = clsx(
     "flex items-start",
@@ -34760,11 +34745,11 @@ class DataType {
 const localeNumberSeparators = /* @__PURE__ */ new Map();
 class NumericDataType extends DataType {
   static format(value, locale2, options) {
-    if (value === void 0 || typeof value !== "number" || isNaN(value)) {
+    if (value === void 0 || typeof value !== "number" || Number.isNaN(value)) {
       return "";
     }
     const localisedValue = new Intl.NumberFormat(locale2, options).format(value);
-    return localisedValue.replace(/[\u00A0\u202F]/g, " ");
+    return localisedValue.replaceAll(/[\u00A0\u202F]/g, " ");
   }
   static parse(value, locale2) {
     if (value === void 0 || value === null || typeof value !== "string") {
@@ -34773,7 +34758,7 @@ class NumericDataType extends DataType {
     if (value === "Infinity" || value === "-Infinity") {
       return Number(value);
     }
-    let sanitizedValue = value.replaceAll(" ", "").replace(/[^0-9.,-]+/g, "");
+    let sanitizedValue = value.replaceAll(" ", "").replaceAll(/[^0-9.,-]+/g, "");
     if (!sanitizedValue.length) {
       return void 0;
     }
@@ -34784,7 +34769,7 @@ class NumericDataType extends DataType {
       sanitizedValue = sanitizedValue.replaceAll(",", "");
     }
     const output = Number(sanitizedValue);
-    if (isNaN(output)) {
+    if (Number.isNaN(output)) {
       return void 0;
     }
     return output;
@@ -34810,10 +34795,10 @@ class DateTimeDataType extends DataType {
     } else {
       return "";
     }
-    if (isNaN(date2.getTime())) {
+    if (Number.isNaN(date2.getTime())) {
       return "";
     }
-    return new Intl.DateTimeFormat(locale2, options).format(date2).replace(/[\u00A0\u202F]/g, " ");
+    return new Intl.DateTimeFormat(locale2, options).format(date2).replaceAll(/[\u00A0\u202F]/g, " ");
   }
   static parse(value, locale2) {
     if (value === void 0 || value === null || typeof value !== "string") {
@@ -34866,8 +34851,9 @@ class DateTimeDataType extends DataType {
           return mask2 + "MM";
         case "year":
           return mask2 + "yyyy";
+        default:
+          return mask2;
       }
-      return mask2;
     }, "");
     localeDateMasks.set(locale2, mask);
     return mask;
@@ -35041,7 +35027,8 @@ function columnFilterFn(row, cellValue, meta, filter2, localization) {
       case TableFilterComparator.IsEqualTo: {
         if (dataType === "boolean") {
           return cellValue === query;
-        } else if (isDateColumn) {
+        }
+        if (isDateColumn) {
           return isWeakEqual$1(query, valueAsDate);
         }
         return evaluate(isWeakEqual);
@@ -35049,7 +35036,8 @@ function columnFilterFn(row, cellValue, meta, filter2, localization) {
       case TableFilterComparator.IsNotEqualTo: {
         if (dataType === "boolean") {
           return cellValue !== query;
-        } else if (isDateColumn) {
+        }
+        if (isDateColumn) {
           return !isWeakEqual$1(query, valueAsDate);
         }
         return !evaluate(isWeakEqual);
@@ -35057,7 +35045,8 @@ function columnFilterFn(row, cellValue, meta, filter2, localization) {
       case TableFilterComparator.IsGreaterThan: {
         if (isDateColumn) {
           return query.getTime() < valueAsDate.getTime();
-        } else if (isNumberColumn) {
+        }
+        if (isNumberColumn) {
           return compareNumbers2((q, v2) => q < v2);
         }
         return false;
@@ -35065,7 +35054,8 @@ function columnFilterFn(row, cellValue, meta, filter2, localization) {
       case TableFilterComparator.IsLessThan: {
         if (isDateColumn) {
           return query.getTime() > valueAsDate.getTime();
-        } else if (isNumberColumn) {
+        }
+        if (isNumberColumn) {
           return compareNumbers2((q, v2) => q > v2);
         }
         return false;
@@ -35073,7 +35063,8 @@ function columnFilterFn(row, cellValue, meta, filter2, localization) {
       case TableFilterComparator.IsLessThanOrEqualTo: {
         if (isDateColumn) {
           return query.getTime() > valueAsDate.getTime() || isWeakEqual$1(valueAsDate, query);
-        } else if (isNumberColumn) {
+        }
+        if (isNumberColumn) {
           return compareNumbers2((q, v2) => q >= v2);
         }
         return false;
@@ -35081,7 +35072,8 @@ function columnFilterFn(row, cellValue, meta, filter2, localization) {
       case TableFilterComparator.IsGreaterThanOrEqualTo: {
         if (isDateColumn) {
           return query.getTime() < valueAsDate.getTime() || isWeakEqual$1(valueAsDate, query);
-        } else if (isNumberColumn) {
+        }
+        if (isNumberColumn) {
           return compareNumbers2((q, v2) => q <= v2);
         }
         return false;
@@ -35091,14 +35083,17 @@ function columnFilterFn(row, cellValue, meta, filter2, localization) {
         if (isDateColumn) {
           if (fromValue !== void 0 && valueAsDate.getTime() < fromValue.getTime()) {
             return false;
-          } else if (toValue2 !== void 0 && valueAsDate.getTime() > toValue2.getTime()) {
+          }
+          if (toValue2 !== void 0 && valueAsDate.getTime() > toValue2.getTime()) {
             return false;
           }
           return true;
-        } else if (isNumberColumn) {
+        }
+        if (isNumberColumn) {
           if (fromValue !== void 0 && cellValue < fromValue) {
             return false;
-          } else if (toValue2 !== void 0 && cellValue > toValue2) {
+          }
+          if (toValue2 !== void 0 && cellValue > toValue2) {
             return false;
           }
           return true;
@@ -35123,8 +35118,9 @@ function columnFilterFn(row, cellValue, meta, filter2, localization) {
         }
         return query.every((v2) => !isWeakEqual(String(cellValue), v2));
       }
+      default:
+        return false;
     }
-    return false;
   } catch (e3) {
     console.error(e3);
     return true;
@@ -35136,29 +35132,29 @@ const flattenCellValue = (cellValue) => {
 function isMatched(query, cellValue, rowValue, dataType, dataTypeOptions, localization, matcher = isWeakContains) {
   if (typeof cellValue === "object") {
     return flattenCellValue(cellValue).flat(Infinity).find((y2) => matcher(y2, query));
+  }
+  const dataTypeProperties = getDataTypeProperties(dataType);
+  if (dataTypeProperties.getDisplayValue) {
+    const cellDisplayValue = dataTypeProperties.getDisplayValue(cellValue, rowValue, {
+      dataTypeOptions,
+      localization
+    });
+    if (Array.isArray(cellDisplayValue)) {
+      return cellDisplayValue.some((cdv) => matcher(cdv, query));
+    }
+    if (cellDisplayValue !== void 0 && isWeakContains(cellDisplayValue, query)) {
+      return true;
+    }
   } else {
-    const dataTypeProperties = getDataTypeProperties(dataType);
-    if (dataTypeProperties.getDisplayValue) {
-      const cellDisplayValue = dataTypeProperties.getDisplayValue(cellValue, rowValue, {
-        dataTypeOptions,
-        localization
-      });
-      if (Array.isArray(cellDisplayValue)) {
-        return cellDisplayValue.some((cdv) => matcher(cdv, query));
-      } else if (cellDisplayValue !== void 0 && isWeakContains(cellDisplayValue, query)) {
-        return true;
-      }
-    } else {
-      const cellValueAsString = String(cellValue ?? "");
-      if (cellValueAsString !== void 0 && matcher(cellValueAsString, query)) {
-        return true;
-      }
+    const cellValueAsString = String(cellValue ?? "");
+    if (cellValueAsString !== void 0 && matcher(cellValueAsString, query)) {
+      return true;
     }
-    if (typeof query !== typeof cellValue && dataTypeProperties.parse) {
-      const parsedQuery = dataTypeProperties.parse(query, localization.locale);
-      if (parsedQuery !== void 0 && matcher(cellValue, parsedQuery)) {
-        return true;
-      }
+  }
+  if (typeof query !== typeof cellValue && dataTypeProperties.parse) {
+    const parsedQuery = dataTypeProperties.parse(query, localization.locale);
+    if (parsedQuery !== void 0 && matcher(cellValue, parsedQuery)) {
+      return true;
     }
   }
   return false;
@@ -35209,7 +35205,7 @@ function resetHighlightedColumnIndexes(searchQuery, table, localization) {
               indexes.push([rowIndex, columnIndex]);
             }
           }
-        } catch (e3) {
+        } catch {
         }
       });
     });
@@ -35256,12 +35252,10 @@ function orderColumn(column, { orderingDisabled, orderingEnabled }) {
     groupedColumn.columns.forEach(
       (subcolumn) => orderColumn(subcolumn, { orderingDisabled, orderingEnabled })
     );
+  } else if ((_a = column.meta) == null ? void 0 : _a.enableOrdering) {
+    orderingEnabled.push(column.id);
   } else {
-    if ((_a = column.meta) == null ? void 0 : _a.enableOrdering) {
-      orderingEnabled.push(column.id);
-    } else {
-      orderingDisabled.push(column.id);
-    }
+    orderingDisabled.push(column.id);
   }
 }
 function ensureOrdering(columns, settingsOrder, pinnedOrder = [], internalColumnsPinnedToTheRight = ["__actions"]) {
@@ -35272,6 +35266,7 @@ function ensureOrdering(columns, settingsOrder, pinnedOrder = [], internalColumn
   if (Array.isArray(settingsOrder)) {
     orderedColumns = columns.slice().sort(
       // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end
+      // oxlint-disable-next-line no-bitwise, prefer-math-trunc
       (a2, b2) => (settingsOrder.indexOf(a2.id) >>> 0) - (settingsOrder.indexOf(b2.id) >>> 0)
     );
   }
@@ -35296,12 +35291,13 @@ function ensureOrdering(columns, settingsOrder, pinnedOrder = [], internalColumn
   if (Array.isArray(pinnedOrder)) {
     orderingEnabled.sort(
       // the magic >>> 0 here ensures that columns that aren't found in settings, but are children, are pushed to the end
+      // oxlint-disable-next-line no-bitwise, prefer-math-trunc
       (a2, b2) => (pinnedOrder.indexOf(a2) >>> 0) - (pinnedOrder.indexOf(b2) >>> 0)
     );
   }
   const order2 = [...internalColumns, ...orderingDisabled, ...orderingEnabled];
   internalColumnsPinnedToTheRight.forEach((id2) => {
-    if (columns.findIndex((column) => column.id === id2) > -1) {
+    if (columns.some((column) => column.id === id2)) {
       order2.push(id2);
     }
   });
@@ -35469,7 +35465,7 @@ function processChildren(child, columns, defaultSizing, defaultSorting, defaultV
       column.cell = (info) => formattedValueRenderer(info.getValue(), info.row.original);
     }
     if (typeof footer === "function") {
-      column.footer = (info) => footer(info.table.getRowModel().rows.flatMap((row) => row.original !== void 0 ? row.original : []));
+      column.footer = (info) => footer(info.table.getRowModel().rows.flatMap((row) => row.original === void 0 ? [] : row.original));
     }
     if (enableColumnFilter) {
       column.filterFn = "tacoFilter";
@@ -35650,12 +35646,10 @@ function useReactTableInitialState(props, columns, persistedSettings, defaults2)
         columnOrder.indexOf(columnPinning.left[columnPinning.left.length - 1]),
         columnOrder
       );
+    } else if (props.defaultColumnFreezingIndex === void 0) {
+      columnPinning.left = unfreezeAllExternalColumns(columnOrder);
     } else {
-      if (props.defaultColumnFreezingIndex !== void 0) {
-        columnPinning.left = freezeUptoExternalColumn(props.defaultColumnFreezingIndex, columnOrder);
-      } else {
-        columnPinning.left = unfreezeAllExternalColumns(columnOrder);
-      }
+      columnPinning.left = freezeUptoExternalColumn(props.defaultColumnFreezingIndex, columnOrder);
     }
     const columnSizing = {
       ...defaults2.defaultSizing,
@@ -35868,9 +35862,8 @@ const useLocalStorage = (key, initialValue) => {
       if (typeof localStorageValue !== "string") {
         localStorage.setItem(key, JSON.stringify(initialValue));
         return initialValue;
-      } else {
-        return JSON.parse(localStorageValue || "null");
       }
+      return JSON.parse(localStorageValue || "null");
     } catch {
       return initialValue;
     }
@@ -35948,7 +35941,7 @@ function useTableRowActive$1(isEnabled = false, initialRowActiveIndex) {
   const [rowHoverIndex, setRowHoverIndex] = React.useState(void 0);
   const [isHoverStatePaused, setHoverStatePaused] = useIsHoverStatePaused();
   const move = (direction, length, scrollToIndex) => {
-    const nextIndex = rowActiveIndex !== void 0 ? getNextIndex(direction, rowActiveIndex, length) : 0;
+    const nextIndex = rowActiveIndex === void 0 ? 0 : getNextIndex(direction, rowActiveIndex, length);
     scrollToIndex(nextIndex);
     setTimeout(() => setRowActiveIndex(nextIndex), 50);
   };
@@ -35970,7 +35963,8 @@ function useTableRowActive$1(isEnabled = false, initialRowActiveIndex) {
           move(-1, length, scrollToIndex);
         }
         return;
-      } else if (event.key === "ArrowDown") {
+      }
+      if (event.key === "ArrowDown") {
         event.preventDefault();
         if (event.ctrlKey || event.metaKey) {
           const newIndex = length - 1;
@@ -36103,7 +36097,8 @@ function useTableRowSelection(isEnabled = false) {
           (_b = rows[rowActiveIndex]) == null ? void 0 : _b.toggleSelected();
         }
         return;
-      } else if ((event.ctrlKey || event.metaKey) && event.key === "a" && !["INPUT", "TEXTAREA"].includes((_c = event.target) == null ? void 0 : _c.tagName)) {
+      }
+      if ((event.ctrlKey || event.metaKey) && event.key === "a" && !["INPUT", "TEXTAREA"].includes((_c = event.target) == null ? void 0 : _c.tagName)) {
         event.preventDefault();
         table.toggleAllRowsSelected();
         return;
@@ -36165,9 +36160,8 @@ function useTableDataLoader(fetchPage, fetchAll, options = { pageSize: DEFAULT_P
     }
     if (_pendingPageRequests.current[pageIndex]) {
       return;
-    } else {
-      _pendingPageRequests.current[pageIndex] = true;
     }
+    _pendingPageRequests.current[pageIndex] = true;
     _lastUsedPageIndex.current = pageIndex;
     _lastUsedSorting.current = sorting;
     _lastUsedFilters.current = filters;
@@ -36178,7 +36172,7 @@ function useTableDataLoader(fetchPage, fetchAll, options = { pageSize: DEFAULT_P
         let nextData;
         if (reset || length.current !== response.length) {
           length.current = response.length;
-          nextData = Array(length.current).fill(void 0);
+          nextData = Array.from({ length: length.current }).fill(void 0);
         } else {
           nextData = [...currentData];
         }
@@ -36200,11 +36194,11 @@ function useTableDataLoader(fetchPage, fetchAll, options = { pageSize: DEFAULT_P
       length.current = response.length;
       setData(() => {
         let nextData;
-        if (response.data.length !== response.length) {
-          nextData = Array(response.length).fill(void 0);
-          nextData.splice(0, response.data.length, ...response.data);
-        } else {
+        if (response.data.length === response.length) {
           nextData = [...response.data];
+        } else {
+          nextData = Array.from({ length: response.length }).fill(void 0);
+          nextData.splice(0, response.data.length, ...response.data);
         }
         return nextData;
       });
@@ -36212,7 +36206,6 @@ function useTableDataLoader(fetchPage, fetchAll, options = { pageSize: DEFAULT_P
     }
   };
   const reloadCurrentPages = async (pageIndex, sorting, filters, hiddenColumns) => {
-    _lastUsedPageIndex.current;
     const pageIndexes = pageIndex === 0 ? [0, 1] : [pageIndex - 1, pageIndex];
     if (length.current !== void 0) {
       const pageCount = Math.ceil(length.current / pageSize);
@@ -36230,7 +36223,7 @@ function useTableDataLoader(fetchPage, fetchAll, options = { pageSize: DEFAULT_P
         pageIndexes.map((pageIndex2) => fetchPage(pageIndex2, pageSize, sorting, filters, hiddenColumns))
       );
       length.current = responses[0].length;
-      const nextData = Array(length.current).fill(void 0);
+      const nextData = Array.from({ length: length.current }).fill(void 0);
       responses.forEach((response, index2) => {
         const startIndex = pageIndexes[index2] * pageSize;
         nextData.splice(startIndex, pageSize, ...response.data);
@@ -36243,36 +36236,33 @@ function useTableDataLoader(fetchPage, fetchAll, options = { pageSize: DEFAULT_P
   };
   const invalidate = async () => {
     if (_lastUsedSearch.current) {
-      return loadAll(_lastUsedSorting.current, _lastUsedFilters.current, _lastUsedHiddenColumns.current);
-    } else {
-      return reloadCurrentPages(
-        _lastUsedPageIndex.current ?? 0,
-        _lastUsedSorting.current,
-        _lastUsedFilters.current,
-        _lastUsedHiddenColumns.current
-      );
+      return await loadAll(_lastUsedSorting.current, _lastUsedFilters.current, _lastUsedHiddenColumns.current);
     }
+    return await reloadCurrentPages(
+      _lastUsedPageIndex.current ?? 0,
+      _lastUsedSorting.current,
+      _lastUsedFilters.current,
+      _lastUsedHiddenColumns.current
+    );
   };
   const handleSort = async (sorting) => {
     if (_lastUsedSearch.current) {
-      return loadAll(sorting, _lastUsedFilters.current, _lastUsedHiddenColumns.current);
-    } else {
-      return reloadCurrentPages(
-        _lastUsedPageIndex.current ?? 0,
-        sorting,
-        _lastUsedFilters.current,
-        _lastUsedHiddenColumns.current
-      );
+      return await loadAll(sorting, _lastUsedFilters.current, _lastUsedHiddenColumns.current);
     }
+    return await reloadCurrentPages(
+      _lastUsedPageIndex.current ?? 0,
+      sorting,
+      _lastUsedFilters.current,
+      _lastUsedHiddenColumns.current
+    );
   };
   const handleFilter = async (filters) => {
     if (_lastUsedSearch.current) {
-      return loadAll(_lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);
-    } else {
-      return loadPage(_lastUsedPageIndex.current ?? 0, _lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);
+      return await loadAll(_lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);
     }
+    return await loadPage(_lastUsedPageIndex.current ?? 0, _lastUsedSorting.current, filters, _lastUsedHiddenColumns.current);
   };
-  const handleSearch = async (search) => {
+  const handleSearch = (search) => {
     _lastUsedSearch.current = search || void 0;
   };
   return [
@@ -36365,7 +36355,8 @@ function useEnabledSettings(isEnabled) {
         ),
         false
       ];
-    } else if (isEnabled === true) {
+    }
+    if (isEnabled === true) {
       return [DEFAULT_ENABLED_OPTIONS, true];
     }
     const options = { ...DEFAULT_ENABLED_OPTIONS, ...isEnabled };
@@ -36411,9 +36402,8 @@ function useLazyEffect(effect, deps) {
   React.useEffect(() => {
     if (readyRef.current) {
       return effect();
-    } else {
-      readyRef.current = true;
     }
+    readyRef.current = true;
   }, deps);
   React.useEffect(
     () => () => {
@@ -36666,7 +36656,7 @@ function useTableRowActiveListener$1(table, onRowActive) {
   var _a;
   const meta = table.options.meta;
   const rows = table.getRowModel().flatRows;
-  const currentRow = meta.rowActive.rowActiveIndex !== void 0 ? (_a = rows[meta.rowActive.rowActiveIndex]) == null ? void 0 : _a.original : void 0;
+  const currentRow = meta.rowActive.rowActiveIndex === void 0 ? void 0 : (_a = rows[meta.rowActive.rowActiveIndex]) == null ? void 0 : _a.original;
   React.useEffect(() => {
     if (meta.rowActive.isEnabled && onRowActive) {
       onRowActive(currentRow);
@@ -37834,7 +37824,7 @@ function RowWithServerLoading(props) {
 }
 const Skeleton = React.forwardRef(function Skeleton2(props, ref) {
   const { cellsCount, index: index2 } = props;
-  return /* @__PURE__ */ React.createElement("tr", { "data-row-index": index2, "data-row-id": index2, ref }, Array(cellsCount).fill(null).map((_, index22) => /* @__PURE__ */ React.createElement("td", { key: index22 }, /* @__PURE__ */ React.createElement("span", { className: "bg-grey-100 text-grey-700 h-4 w-full text-center text-xs" }))));
+  return /* @__PURE__ */ React.createElement("tr", { "data-row-index": index2, "data-row-id": index2, ref }, Array.from({ length: cellsCount }).map((_, index22) => /* @__PURE__ */ React.createElement("td", { key: index22 }, /* @__PURE__ */ React.createElement("span", { className: "bg-grey-100 text-grey-700 h-4 w-full text-center text-xs" }))));
 });
 function getScrollPaddingEndOffset(table) {
   const tableMeta = table.options.meta;
@@ -37917,8 +37907,8 @@ function useTableRenderer(renderers, table, tableRef, length, defaultRowActiveIn
   if (count2 || table.getBottomRows().length) {
     style = {
       height: totalSize,
-      paddingBottom: isNaN(paddingBottom) ? 0 : paddingBottom,
-      paddingTop: isNaN(paddingTop) ? 0 : paddingTop
+      paddingBottom: Number.isNaN(paddingBottom) ? 0 : paddingBottom,
+      paddingTop: Number.isNaN(paddingTop) ? 0 : paddingTop
     };
   }
   if (count2) {
@@ -38011,19 +38001,19 @@ function useTableRowActiveListener(table, tableRef) {
   }, [tableMeta.rowActive.rowActiveIndex]);
 }
 function Actions(props) {
-  var _a;
+  var _a, _b;
   const { actions, actionsLength, data, isActiveRow, rowId, table } = props;
   const { texts } = useLocalization();
   const tableMeta = table.options.meta;
   const visibleActions = actions.map((action) => {
-    var _a2, _b;
+    var _a2, _b2;
     const helpers = {
       rowId,
       table
     };
     if ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEnabled) {
       helpers.editing = {
-        isEditing: ((_b = tableMeta.editing) == null ? void 0 : _b.isEditing) ?? false,
+        isEditing: ((_b2 = tableMeta.editing) == null ? void 0 : _b2.isEditing) ?? false,
         removeRowChanges: () => tableMeta.editing.discardChanges(rowId, table),
         save: () => tableMeta.editing.saveChanges(table, rowId)
       };
@@ -38031,16 +38021,16 @@ function Actions(props) {
     return action(data, helpers);
   }).filter((action) => !!action);
   let length = actionsLength;
-  if ((_a = tableMeta.editing) == null ? void 0 : _a.isEditing) {
+  if (((_a = tableMeta.editing) == null ? void 0 : _a.isEditing) && ((_b = tableMeta.editing) == null ? void 0 : _b.showEditingActions)) {
     const lengthWithoutEditingItems = visibleActions.length - 1;
     if (lengthWithoutEditingItems < actionsLength) {
       length = lengthWithoutEditingItems;
     }
   }
   const handleMenuButtonKeyDown = (event) => {
-    var _a2, _b;
+    var _a2, _b2;
     const isLastRowActive = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;
-    if (event.key === "Tab" && isLastRowActive && ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEditing) && ((_b = tableMeta.editing) == null ? void 0 : _b.hasChanges())) {
+    if (event.key === "Tab" && isLastRowActive && ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEditing) && ((_b2 = tableMeta.editing) == null ? void 0 : _b2.hasChanges())) {
       tableMeta.editing.saveChanges(table);
     }
   };
@@ -38069,9 +38059,9 @@ function Actions(props) {
       onKeyDown: handleMenuButtonKeyDown,
       tabIndex: isActiveRow ? 0 : -1,
       menu: (menuProps) => /* @__PURE__ */ React.createElement(Menu$1, { ...menuProps }, /* @__PURE__ */ React.createElement(Menu$1.Content, { onKeyDown: handleMenuContentKeyDown }, actionsInMenu.map((action, i2) => {
-        var _a2;
+        var _a2, _b2;
         const item = /* @__PURE__ */ React.createElement(Menu$1.Item, { key: i2, ...action.props, shortcut: action.props.shortcut }, action.props["aria-label"]);
-        const isFirstEditingMenuItem = ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEditing) && actionsInMenu.length > 2 && i2 === actionsInMenu.length - 2;
+        const isFirstEditingMenuItem = ((_a2 = tableMeta.editing) == null ? void 0 : _a2.isEditing) && ((_b2 = tableMeta.editing) == null ? void 0 : _b2.showEditingActions) && actionsInMenu.length > 2 && i2 === actionsInMenu.length - 2;
         if (isFirstEditingMenuItem) {
           return /* @__PURE__ */ React.createElement(React.Fragment, { key: i2 }, /* @__PURE__ */ React.createElement(Menu$1.Separator, null), item);
         }
@@ -38506,114 +38496,115 @@ const useResizeObserver$1 = (ref, enabled = true) => {
   }, [enabled]);
   return size2;
 };
-const DisplayRow = React.memo(function DisplayRow2(props) {
-  var _a, _b, _c;
-  const { children, cellRenderer: CellRenderer, index: index2, measureRow, row, table, ...otherAttributes } = props;
-  const tableMeta = table.options.meta;
-  const attributes = {
-    ...otherAttributes,
-    "data-row-id": row.id,
-    "data-row-index": index2,
-    tabIndex: -1
-  };
-  const handleClick = React.useCallback(
-    (event) => {
-      var _a2;
-      const clickedElement = event.target;
-      if (!((_a2 = event.currentTarget) == null ? void 0 : _a2.contains(event.target)) || isElementInteractive(clickedElement)) {
-        return;
-      }
-      tableMeta.rowClick.handleClick(event, row.original);
-    },
-    [row.original]
-  );
-  const handleClickCapture = React.useCallback(() => {
-    tableMeta.rowActive.setRowActiveIndex(index2);
-  }, [index2]);
-  if (tableMeta.rowActive.isEnabled) {
-    attributes["data-row-active"] = tableMeta.rowActive.rowActiveIndex === index2 ? true : void 0;
-    attributes.onClickCapture = handleClickCapture;
-  }
-  if (tableMeta.rowClick.isEnabled(row.original)) {
-    attributes.onClick = handleClick;
-  }
-  if (tableMeta.rowDrag.isEnabled) {
-    attributes["aria-grabbed"] = !!tableMeta.rowDrag.dragging[row.id];
-    attributes.draggable = true;
-    const GHOST_ELEMENT_ID = "taco_table_dragging";
-    attributes.onDragStart = (event) => {
-      var _a2, _b2, _c2, _d;
-      let rows = [row];
-      if (row.getCanSelect()) {
-        rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];
-      }
-      const data = rows.map((row2) => row2.original);
-      (_b2 = (_a2 = tableMeta.rowDrag).setDragging) == null ? void 0 : _b2.call(
-        _a2,
-        rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})
-      );
-      event.dataTransfer.setData("text", JSON.stringify(data));
-      const showPlaceholder = (text2) => {
-        const ghost = document.createElement("div");
-        ghost.id = GHOST_ELEMENT_ID;
-        ghost.className = "wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]";
-        ghost.innerText = text2;
-        document.body.appendChild(ghost);
-        event.dataTransfer.setDragImage(ghost, 0, 0);
-      };
-      const setDataTransfer = (text2) => event.dataTransfer.setData("text", text2);
-      (_d = (_c2 = tableMeta.rowDrag).handleRowDrag) == null ? void 0 : _d.call(_c2, data, showPlaceholder, setDataTransfer);
-    };
-    attributes.onDragEnd = () => {
-      var _a2, _b2, _c2;
-      (_a2 = document.getElementById(GHOST_ELEMENT_ID)) == null ? void 0 : _a2.remove();
-      (_c2 = (_b2 = tableMeta.rowDrag).setDragging) == null ? void 0 : _c2.call(_b2, {});
+const DisplayRow = React.memo(
+  React.forwardRef(function DisplayRow2(props, externalRef) {
+    var _a, _b, _c;
+    const { children, cellRenderer: CellRenderer, index: index2, measureRow, row, table, ...otherAttributes } = props;
+    const tableMeta = table.options.meta;
+    const attributes = {
+      ...otherAttributes,
+      "data-row-id": row.id,
+      "data-row-index": index2,
+      tabIndex: -1
     };
-  }
-  const [isDraggedOver, dropTargetProps] = useDropTarget((event) => {
-    var _a2, _b2;
-    return (_b2 = (_a2 = tableMeta.rowDrop).handleDrop) == null ? void 0 : _b2.call(_a2, event, row.original);
-  });
-  if (tableMeta.rowDrop.isEnabled) {
-    attributes.onDragEnter = dropTargetProps == null ? void 0 : dropTargetProps.onDragEnter;
-    attributes.onDragLeave = dropTargetProps == null ? void 0 : dropTargetProps.onDragLeave;
-    attributes.onDragOver = dropTargetProps == null ? void 0 : dropTargetProps.onDragOver;
-    attributes.onDrop = dropTargetProps == null ? void 0 : dropTargetProps.onDrop;
-    attributes["data-row-dragged-over"] = isDraggedOver;
-  }
-  if (table.options.enableGrouping) {
-    attributes["data-row-group"] = row.getIsGrouped() ? true : void 0;
-  }
-  if (row.getCanSelect()) {
-    attributes["data-row-selected"] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : void 0;
-  }
-  let expandedRow;
-  if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded()) {
-    attributes["data-row-expanded"] = true;
-    expandedRow = (_c = (_b = (_a = tableMeta.rowExpansion).rowExpansionRenderer) == null ? void 0 : _b.call(_a, row.original)) == null ? void 0 : _c();
-  }
-  const rowMeta = row.original._meta;
-  if (rowMeta) {
-    if (rowMeta.layout) {
+    const handleClick = React.useCallback(
+      (event) => {
+        var _a2;
+        const clickedElement = event.target;
+        if (!((_a2 = event.currentTarget) == null ? void 0 : _a2.contains(event.target)) || isElementInteractive(clickedElement)) {
+          return;
+        }
+        tableMeta.rowClick.handleClick(event, row.original);
+      },
+      [row.original]
+    );
+    const handleClickCapture = React.useCallback(() => {
+      tableMeta.rowActive.setRowActiveIndex(index2);
+    }, [index2]);
+    if (tableMeta.rowActive.isEnabled) {
+      attributes["data-row-active"] = tableMeta.rowActive.rowActiveIndex === index2 ? true : void 0;
+      attributes.onClickCapture = handleClickCapture;
+    }
+    if (tableMeta.rowClick.isEnabled(row.original)) {
+      attributes.onClick = handleClick;
+    }
+    if (tableMeta.rowDrag.isEnabled) {
+      attributes["aria-grabbed"] = !!tableMeta.rowDrag.dragging[row.id];
+      attributes.draggable = true;
+      const GHOST_ELEMENT_ID = "taco_table_dragging";
+      attributes.onDragStart = (event) => {
+        var _a2, _b2, _c2, _d;
+        let rows = [row];
+        if (row.getCanSelect()) {
+          rows = row.getIsSelected() ? table.getSelectedRowModel().rows : [row, ...table.getSelectedRowModel().rows];
+        }
+        const data = rows.map((row2) => row2.original);
+        (_b2 = (_a2 = tableMeta.rowDrag).setDragging) == null ? void 0 : _b2.call(
+          _a2,
+          rows.reduce((dragging, rowBeingDragged) => ({ ...dragging, [rowBeingDragged.id]: true }), {})
+        );
+        event.dataTransfer.setData("text", JSON.stringify(data));
+        const showPlaceholder = (text2) => {
+          const ghost = document.createElement("div");
+          ghost.id = GHOST_ELEMENT_ID;
+          ghost.className = "wcag-blue rounded flex w-48 p-4 absolute -ml-[100vw]";
+          ghost.innerText = text2;
+          document.body.append(ghost);
+          event.dataTransfer.setDragImage(ghost, 0, 0);
+        };
+        const setDataTransfer = (text2) => event.dataTransfer.setData("text", text2);
+        (_d = (_c2 = tableMeta.rowDrag).handleRowDrag) == null ? void 0 : _d.call(_c2, data, showPlaceholder, setDataTransfer);
+      };
+      attributes.onDragEnd = () => {
+        var _a2, _b2, _c2;
+        (_a2 = document.getElementById(GHOST_ELEMENT_ID)) == null ? void 0 : _a2.remove();
+        (_c2 = (_b2 = tableMeta.rowDrag).setDragging) == null ? void 0 : _c2.call(_b2, {});
+      };
+    }
+    const [isDraggedOver, dropTargetProps] = useDropTarget((event) => {
+      var _a2, _b2;
+      return (_b2 = (_a2 = tableMeta.rowDrop).handleDrop) == null ? void 0 : _b2.call(_a2, event, row.original);
+    });
+    if (tableMeta.rowDrop.isEnabled) {
+      attributes.onDragEnter = dropTargetProps == null ? void 0 : dropTargetProps.onDragEnter;
+      attributes.onDragLeave = dropTargetProps == null ? void 0 : dropTargetProps.onDragLeave;
+      attributes.onDragOver = dropTargetProps == null ? void 0 : dropTargetProps.onDragOver;
+      attributes.onDrop = dropTargetProps == null ? void 0 : dropTargetProps.onDrop;
+      attributes["data-row-dragged-over"] = isDraggedOver;
+    }
+    if (table.options.enableGrouping) {
+      attributes["data-row-group"] = row.getIsGrouped() ? true : void 0;
+    }
+    if (row.getCanSelect()) {
+      attributes["data-row-selected"] = row.getIsSelected() || row.getIsAllSubRowsSelected() ? true : void 0;
+    }
+    let expandedRow;
+    if (tableMeta.rowExpansion.isEnabled && row.getIsExpanded()) {
+      attributes["data-row-expanded"] = true;
+      expandedRow = (_c = (_b = (_a = tableMeta.rowExpansion).rowExpansionRenderer) == null ? void 0 : _b.call(_a, row.original)) == null ? void 0 : _c();
+    }
+    const rowMeta = row.original._meta;
+    if (rowMeta == null ? void 0 : rowMeta.layout) {
       attributes["data-row-meta-layout"] = rowMeta.layout;
     }
-  }
-  const ref = React.useRef(null);
-  const expansionRef = React.useRef(null);
-  const expandedRowSize = useResizeObserver$1(expansionRef, !!expandedRow);
-  React.useEffect(() => {
-    var _a2, _b2;
-    const rowHeight = ((_a2 = ref.current) == null ? void 0 : _a2.getBoundingClientRect().height) ?? 0;
-    const expansionHeight = ((_b2 = expansionRef.current) == null ? void 0 : _b2.getBoundingClientRect().height) ?? 0;
-    measureRow(rowHeight + expansionHeight);
-  }, [expansionRef.current, expandedRowSize == null ? void 0 : expandedRowSize.height]);
-  const className = clsx("group/row", otherAttributes.className, {
-    "hover:cursor-grab": tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== "function",
-    "hover:cursor-pointer": typeof attributes.onClick === "function"
-  });
-  const isGrouped = row.getIsGrouped();
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("tr", { ...attributes, className, ref }, children, row.getVisibleCells().filter((cell) => !(isGrouped && cell.column.id === "__actions")).map((cell, cellIndex) => /* @__PURE__ */ React.createElement(Cell$2, { key: cell.id, cell, index: cellIndex, renderer: CellRenderer }))), expandedRow ? /* @__PURE__ */ React.createElement("tr", { "data-row-parent-id": row.id, ref: expansionRef }, /* @__PURE__ */ React.createElement("td", { className: "col-span-full" }, expandedRow)) : null);
-});
+    const ref = React.useRef(null);
+    const expansionRef = React.useRef(null);
+    const expandedRowSize = useResizeObserver$1(expansionRef, !!expandedRow);
+    React.useEffect(() => {
+      var _a2, _b2;
+      const rowHeight = ((_a2 = ref.current) == null ? void 0 : _a2.getBoundingClientRect().height) ?? 0;
+      const expansionHeight = ((_b2 = expansionRef.current) == null ? void 0 : _b2.getBoundingClientRect().height) ?? 0;
+      measureRow(rowHeight + expansionHeight);
+    }, [expansionRef.current, expandedRowSize == null ? void 0 : expandedRowSize.height]);
+    const className = clsx("group/row", otherAttributes.className, {
+      "hover:cursor-grab": tableMeta.rowDrag.isEnabled && typeof attributes.onClick !== "function",
+      "hover:cursor-pointer": typeof attributes.onClick === "function"
+    });
+    const isGrouped = row.getIsGrouped();
+    const mergedRef = mergeRefs([ref, externalRef]);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("tr", { ...attributes, className, ref: mergedRef }, children, row.getVisibleCells().filter((cell) => !(isGrouped && cell.column.id === "__actions")).map((cell, cellIndex) => /* @__PURE__ */ React.createElement(Cell$2, { key: cell.id, cell, index: cellIndex, renderer: CellRenderer }))), expandedRow ? /* @__PURE__ */ React.createElement("tr", { "data-row-parent-id": row.id, ref: expansionRef }, /* @__PURE__ */ React.createElement("td", { className: "col-span-full" }, expandedRow)) : null);
+  })
+);
 function DisplayCell(props) {
   const { cell, cellRef, index: index2, isHighlighted, ...cellAttributes } = props;
   const columnMeta = cell.column.columnDef.meta;
@@ -38675,18 +38666,16 @@ function Resizer(props) {
   const handleResize = (event) => {
     if (event.detail >= 2) {
       onResetSize();
-    } else {
-      if (!Number.isInteger(width) && headerRef) {
-        setColumnSizing((sizes) => ({
-          ...sizes,
-          [id2]: headerRef.getBoundingClientRect().width
-        }));
-        setTimeout(() => {
-          onResize == null ? void 0 : onResize(event);
-        }, 1);
-      } else {
+    } else if (!Number.isInteger(width) && headerRef) {
+      setColumnSizing((sizes) => ({
+        ...sizes,
+        [id2]: headerRef.getBoundingClientRect().width
+      }));
+      setTimeout(() => {
         onResize == null ? void 0 : onResize(event);
-      }
+      }, 1);
+    } else {
+      onResize == null ? void 0 : onResize(event);
     }
   };
   const handle = /* @__PURE__ */ React.createElement(
@@ -38700,6 +38689,7 @@ function Resizer(props) {
           "!visible": isResizing
         }
       ),
+      "data-taco": "resize-handle",
       onClick: handleClick,
       onMouseDown: handleResize,
       onTouchStart: handleResize
@@ -38819,25 +38809,21 @@ function HeaderMenu(props) {
   const { texts } = useLocalization();
   const [popover, setPopover] = React.useState(void 0);
   let popoverElement;
-  if (popover) {
+  if (popover === "goto") {
     const handleClosePopover = () => setPopover(void 0);
-    switch (popover) {
-      case "goto": {
-        if (handleGoto) {
-          const goto = async (query) => {
-            try {
-              const index22 = await handleGoto(query);
-              setRowActiveIndex(index22);
-              scrollToIndex(index22);
-            } catch (e3) {
-              console.error(e3);
-            } finally {
-              handleClosePopover();
-            }
-          };
-          popoverElement = (props2) => /* @__PURE__ */ React.createElement(GotoPopover, { ...props2, open: true, onChange: handleClosePopover, onGoto: goto });
+    if (handleGoto) {
+      const goto = async (query) => {
+        try {
+          const index22 = await handleGoto(query);
+          setRowActiveIndex(index22);
+          scrollToIndex(index22);
+        } catch (e3) {
+          console.error(e3);
+        } finally {
+          handleClosePopover();
         }
-      }
+      };
+      popoverElement = (props2) => /* @__PURE__ */ React.createElement(GotoPopover, { ...props2, open: true, onChange: handleClosePopover, onGoto: goto });
     }
   }
   const memoedMenuItems = React.useMemo(() => {
@@ -39124,14 +39110,14 @@ const MemoedHeader = React.memo(function MemoedHeader2(props) {
       className,
       "data-cell-align": isGroup2 ? "center" : align,
       "data-cell-id": id2,
-      "data-cell-pinned": isPinned ? isPinned : void 0,
+      "data-cell-pinned": isPinned || void 0,
       "data-taco": isGroup2 ? isPlaceholder ? "grouped-column-header-placeholder" : "grouped-column-header" : "column-header",
       "data-parent-group-id": props.parentId ? props.parentId : void 0,
-      "data-rows-expanded": isExpanded ? isExpanded : void 0,
+      "data-rows-expanded": isExpanded || void 0,
       style,
       ref: setRef
     },
-    !isPlaceholder ? /* @__PURE__ */ React.createElement(HeaderContent, { children, tooltip, isInternalColumnHeader: !!isInternalColumn(id2) }) : null,
+    isPlaceholder ? null : /* @__PURE__ */ React.createElement(HeaderContent, { children, tooltip, isInternalColumnHeader: !!isInternalColumn(id2) }),
     sortDirection ? /* @__PURE__ */ React.createElement(SortIndicator, { direction: sortDirection }) : null,
     hasMenu ? /* @__PURE__ */ React.createElement(
       HeaderMenu,
@@ -39259,16 +39245,14 @@ function Body(props) {
               scrollToIndex(prevIndex);
             });
           }
-        } else {
-          if (!isLastRow) {
-            event.preventDefault();
-            const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;
-            tableMeta.rowActive.setRowActiveIndex(nextIndex);
-            requestAnimationFrame(() => {
-              focusManager.focusFirst();
-              scrollToIndex(nextIndex);
-            });
-          }
+        } else if (!isLastRow) {
+          event.preventDefault();
+          const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;
+          tableMeta.rowActive.setRowActiveIndex(nextIndex);
+          requestAnimationFrame(() => {
+            focusManager.focusFirst();
+            scrollToIndex(nextIndex);
+          });
         }
       }
     }
@@ -39380,7 +39364,7 @@ const MemoedFooter = React.memo(function MemoedFooter2(props) {
       key: footer.id,
       "data-cell-align": align,
       "data-cell-id": footer.id,
-      "data-cell-pinned": isPinned ? isPinned : void 0,
+      "data-cell-pinned": isPinned || void 0,
       style
     },
     content
@@ -39598,11 +39582,9 @@ function Search$1(props) {
     }
   }, [tableMeta.search.highlightedColumnIndexes.length]);
   React.useEffect(() => {
-    if (tableMeta.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length) {
-      if (query !== lastResultQuery.current) {
-        lastResultQuery.current = query;
-        scrollTo2(tableMeta.search.highlightedColumnIndexes[0][0]);
-      }
+    if (tableMeta.server._experimentalDataLoader2 && tableMeta.search.highlightedColumnIndexes.length && query !== lastResultQuery.current) {
+      lastResultQuery.current = query;
+      scrollTo2(tableMeta.search.highlightedColumnIndexes[0][0]);
     }
   }, [tableMeta.search.highlightedColumnIndexes.length, query]);
   const handleFocus = async () => {
@@ -39631,7 +39613,7 @@ function Search$1(props) {
       }, 150);
     }
   };
-  const handleToggleExcludeUnmatchedResults = (enabled) => {
+  const handleToggleExcludeUnmatchedResults = async (enabled) => {
     tableMeta.search.setEnableGlobalFilter(enabled, table);
     requestAnimationFrame(() => {
       var _a2;
@@ -39639,9 +39621,8 @@ function Search$1(props) {
     });
     if (tableMeta.search.handleSearch) {
       setLoading(true);
-      tableMeta.search.handleSearch(enabled ? query : void 0, hiddenColumns).then(() => {
-        setLoading(false);
-      });
+      await tableMeta.search.handleSearch(enabled ? query : void 0, hiddenColumns);
+      setLoading(false);
     }
   };
   const handleNextResult = () => {
@@ -39688,7 +39669,7 @@ function Search$1(props) {
   return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
     SearchInput22,
     {
-      findCurrent: tableMeta.search.currentHighlightColumnIndex !== void 0 ? tableMeta.search.currentHighlightColumnIndex + 1 : null,
+      findCurrent: tableMeta.search.currentHighlightColumnIndex === void 0 ? null : tableMeta.search.currentHighlightColumnIndex + 1,
       findTotal: ((_a = tableMeta.search.highlightedColumnIndexes) == null ? void 0 : _a.length) ?? null,
       loading: tableMeta.server._experimentalDataLoader2 ? loading : tableMeta.server.loading,
       name: "table-search",
@@ -43516,7 +43497,7 @@ function getContainerById(children, id2) {
   if (list) {
     return list == null ? void 0 : list.props;
   }
-  return (_a = lists.find((l2) => React.Children.toArray(l2.props.children).findIndex((child) => child.props.id === id2) > -1)) == null ? void 0 : _a.props;
+  return (_a = lists.find((l2) => React.Children.toArray(l2.props.children).some((child) => child.props.id === id2))) == null ? void 0 : _a.props;
 }
 function Container$1(externalProps) {
   const { children, reorder, move } = externalProps;
@@ -43619,7 +43600,7 @@ function HideOrOrderPopover(props) {
   const listClassName = "flex max-h-64 flex-col gap-y-px overflow-auto";
   const handleReorder = (activeId, overId) => {
     var _a;
-    if (columns.find((column) => {
+    if (columns.some((column) => {
       var _a2;
       return column.id === overId && ((_a2 = column.columnDef.meta) == null ? void 0 : _a2.enableOrdering) === false;
     })) {
@@ -43675,23 +43656,19 @@ function Settings(props) {
   const canChangeRowHeight = tableMeta.rowHeight.isEnabled;
   const [popover, setPopover] = React.useState(void 0);
   let popoverElement;
-  if (popover) {
+  if (popover === "columnSettings") {
     const handleClosePopover = () => setPopover(void 0);
-    switch (popover) {
-      case "columnSettings": {
-        if (canHideOrOrder) {
-          popoverElement = (popoverProps) => /* @__PURE__ */ React.createElement(
-            HideOrOrderPopover,
-            {
-              ...popoverProps,
-              id: `${id2}-columnSettings`,
-              open: true,
-              onChange: handleClosePopover,
-              table
-            }
-          );
+    if (canHideOrOrder) {
+      popoverElement = (popoverProps) => /* @__PURE__ */ React.createElement(
+        HideOrOrderPopover,
+        {
+          ...popoverProps,
+          id: `${id2}-columnSettings`,
+          open: true,
+          onChange: handleClosePopover,
+          table
         }
-      }
+      );
     }
   }
   return /* @__PURE__ */ React.createElement(
@@ -43757,13 +43734,11 @@ const Root$1 = React.forwardRef(function CollectionRoot(props, ref) {
   };
   const setActiveIndexByElement = React.useCallback(
     (option) => {
-      if (internalRef.current) {
-        if (option.matches(querySelector2)) {
-          const options = getOptionsFromCollection(internalRef.current, querySelector2);
-          const nextActiveIndex = Array.from(options).indexOf(option);
-          if (nextActiveIndex > -1) {
-            setActiveOption(nextActiveIndex, internalRef.current, option);
-          }
+      if (internalRef.current && option.matches(querySelector2)) {
+        const options = getOptionsFromCollection(internalRef.current, querySelector2);
+        const nextActiveIndex = Array.from(options).indexOf(option);
+        if (nextActiveIndex > -1) {
+          setActiveOption(nextActiveIndex, internalRef.current, option);
         }
       }
     },
@@ -43867,23 +43842,23 @@ const getNextEnabledItem = (event, options, activeIndex, recurse = true) => {
   if (nextIndex !== void 0) {
     if (nextIndex === activeIndex) {
       return activeIndex;
-    } else if (options.item(nextIndex) && isSkippableItem(options.item(nextIndex))) {
-      if (recurse) {
-        if (nextIndex === 0) {
-          return getNextEnabledItem(
-            new KeyboardEvent(event.type, { ...event, key: "ArrowDown" }),
-            options,
-            nextIndex,
-            false
-          );
-        } else if (nextIndex === options.length - 1) {
-          return getNextEnabledItem(
-            new KeyboardEvent(event.type, { ...event, key: "ArrowUp" }),
-            options,
-            nextIndex,
-            false
-          );
-        }
+    }
+    if (options.item(nextIndex) && isSkippableItem(options.item(nextIndex))) {
+      if (recurse && nextIndex === 0) {
+        return getNextEnabledItem(
+          new KeyboardEvent(event.type, { ...event, key: "ArrowDown" }),
+          options,
+          nextIndex,
+          false
+        );
+      }
+      if (recurse && nextIndex === options.length - 1) {
+        return getNextEnabledItem(
+          new KeyboardEvent(event.type, { ...event, key: "ArrowUp" }),
+          options,
+          nextIndex,
+          false
+        );
       }
       return getNextEnabledItem(event, options, nextIndex, recurse);
     }
@@ -43909,7 +43884,7 @@ const Root = React.forwardRef(function Listbox22(props, ref) {
     multiple,
     readOnly = false,
     setValue,
-    title,
+    title: _1,
     value,
     ...otherProps
   } = props;
@@ -43945,12 +43920,14 @@ const createListboxValueSetter = (multiple, setValue) => (nextValue) => {
     if (multiple) {
       if (value === void 0) {
         return [nextValue];
-      } else if (Array.isArray(value)) {
+      }
+      if (Array.isArray(value)) {
         if (value.includes(nextValue)) {
           return value.filter((v2) => v2 !== nextValue);
         }
         return [...value, nextValue];
-      } else if (value === nextValue) {
+      }
+      if (value === nextValue) {
         return [];
       }
       return [value, nextValue];
@@ -43959,7 +43936,7 @@ const createListboxValueSetter = (multiple, setValue) => (nextValue) => {
   });
 };
 const Option$1 = React.forwardRef(function Listbox2Option(props, ref) {
-  const { disabled, id: nativeId, title, value, ...otherProps } = props;
+  const { disabled, id: nativeId, title: _1, value, ...otherProps } = props;
   const { disabled: listboxDisabled, readOnly: listboxReadOnly, setValue, value: currentValue } = useListbox2Context();
   const id2 = "option-" + useId$1(nativeId);
   const selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;
@@ -43967,9 +43944,8 @@ const Option$1 = React.forwardRef(function Listbox2Option(props, ref) {
     if (disabled || listboxDisabled || listboxReadOnly) {
       event.stopPropagation();
       return;
-    } else {
-      setValue(value);
     }
+    setValue(value);
     if (typeof props.onClick === "function") {
       props.onClick(event);
     }
@@ -43978,7 +43954,8 @@ const Option$1 = React.forwardRef(function Listbox2Option(props, ref) {
     if (disabled || listboxDisabled || listboxReadOnly) {
       event.stopPropagation();
       return;
-    } else if (isAriaSelectionKey(event)) {
+    }
+    if (isAriaSelectionKey(event)) {
       setValue(value);
     }
     if (typeof props.onKeyDown === "function") {
@@ -44028,7 +44005,7 @@ const Tag = React.forwardRef((props, ref) => {
     getSubtleColorShadeClasses(color2),
     props.className
   );
-  return /* @__PURE__ */ React.createElement("span", { ...otherProps, className, ref, "data-taco": "tag" }, /* @__PURE__ */ React.createElement("span", { className: "flex items-center truncate px-2", ref: textRef }, icon ? typeof icon === "string" ? /* @__PURE__ */ React.createElement(Icon$1, { name: icon, className: "-ml-1 mr-1 !h-5 !w-5" }) : React.cloneElement(icon, {
+  return /* @__PURE__ */ React.createElement("span", { ...otherProps, className, ref, "data-taco": "tag", "data-taco-color": color2 }, /* @__PURE__ */ React.createElement("span", { className: "flex items-center truncate px-2", ref: textRef }, icon ? typeof icon === "string" ? /* @__PURE__ */ React.createElement(Icon$1, { name: icon, className: "-ml-1 mr-1 !h-5 !w-5" }) : React.cloneElement(icon, {
     className: clsx(icon.props.className, "mr-1 -ml-1")
   }) : null, /* @__PURE__ */ React.createElement("span", { className: "truncate" }, children)), onDelete ? /* @__PURE__ */ React.createElement(
     Icon$1,
@@ -44052,7 +44029,6 @@ const getFontSize = (fontSize) => {
       return "text-xs";
     case FontSizes.large:
       return "text-base";
-    case FontSizes.medium:
     default:
       return "text-sm";
   }
@@ -44086,7 +44062,8 @@ const EditPopover = (props) => {
     if (event.key === "Escape") {
       close();
     } else if (event.key === "Enter") {
-      handleSave(close)(event);
+      const fn = handleSave(close);
+      await fn(event);
     }
   };
   const handleDelete = (close) => async (event) => {
@@ -44131,9 +44108,8 @@ const EditPopover = (props) => {
   const preventKeyDownPropagation = (event) => {
     if (event.key === "Escape" || event.key === "Tab" || event.key === "Tab" && event.shiftKey) {
       return;
-    } else {
-      event.stopPropagation();
     }
+    event.stopPropagation();
   };
   const popoverContentKeyDown = (event) => {
     if (event.key === "Tab" || event.key === "Tab" && event.shiftKey) {
@@ -44199,17 +44175,27 @@ const Colours = (props) => {
       onChange: (value) => onChangeColor(value),
       value: color2
     },
-    AVAILABLE_COLORS.map((availableColor) => /* @__PURE__ */ React.createElement($b6c3ddc6086f204d$export$d7b12c4107be0d61, { key: availableColor, "aria-label": color2, onKeyDown, value: availableColor }, (state) => /* @__PURE__ */ React.createElement(
-      "div",
+    AVAILABLE_COLORS.map((availableColor) => /* @__PURE__ */ React.createElement(
+      $b6c3ddc6086f204d$export$d7b12c4107be0d61,
       {
-        className: clsx(
-          "flex h-6 w-6 cursor-pointer items-center justify-center rounded",
-          getSubtleColorShadeClasses(availableColor),
-          state.isFocusVisible && "ring-2 ring-blue-500"
-        )
+        key: availableColor,
+        "aria-label": color2,
+        onKeyDown,
+        value: availableColor,
+        "data-taco": `${availableColor}-radio`
       },
-      state.isSelected && /* @__PURE__ */ React.createElement(Icon$1, { name: "tick", className: "!h-5 !w-5" })
-    )))
+      (state) => /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          className: clsx(
+            "flex h-6 w-6 cursor-pointer items-center justify-center rounded",
+            getSubtleColorShadeClasses(availableColor),
+            state.isFocusVisible && "ring-2 ring-blue-500"
+          )
+        },
+        state.isSelected && /* @__PURE__ */ React.createElement(Icon$1, { name: "tick", className: "!h-5 !w-5" })
+      )
+    ))
   );
 };
 const mobiles = /iPhone|iPad|iPod|Android/i;
@@ -44233,17 +44219,15 @@ const Option = React.forwardRef(function Select2Option(props, ref) {
   const isTag = tags && !!color2;
   const handleClick = () => {
     var _a;
-    if (!multiple) {
-      setOpen(false);
-    } else {
+    if (multiple) {
       (_a = selectRef.current) == null ? void 0 : _a.focus();
+    } else {
+      setOpen(false);
     }
   };
   const handleKeyDown = (event) => {
-    if (isAriaSelectionKey(event)) {
-      if (!multiple || event.key === "Tab") {
-        setOpen(false);
-      }
+    if (isAriaSelectionKey(event) && (!multiple || event.key === "Tab")) {
+      setOpen(false);
     }
   };
   const isEmptyOption = children !== "";
@@ -44257,7 +44241,7 @@ const Option = React.forwardRef(function Select2Option(props, ref) {
       value: props.value
     }
   ) : void 0;
-  return /* @__PURE__ */ React.createElement(Option$1, { ...otherProps, className, onClick: handleClick, onKeyDown: handleKeyDown, ref }, hasValue2 ? /* @__PURE__ */ React.createElement(Icon$1, { name: "tick", className: "pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible" }) : null, typeof children !== "string" ? /* @__PURE__ */ React.createElement("span", null, children) : isTag ? /* @__PURE__ */ React.createElement(Tag, { className: "pointer-events-none my-1", color: color2, icon: prefix2 }, children) : /* @__PURE__ */ React.createElement(React.Fragment, null, prefix2 ? typeof prefix2 === "string" ? /* @__PURE__ */ React.createElement(Icon$1, { name: prefix2, className: "!h-5 !w-5" }) : prefix2 : null, /* @__PURE__ */ React.createElement("span", { className: "flex w-full justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement("span", null, children), description ? /* @__PURE__ */ React.createElement("span", { className: "text-grey-700 -mt-1.5 mb-1.5 text-xs" }, description) : null), /* @__PURE__ */ React.createElement("span", { className: "flex flex-col self-center" }, postfix ? typeof postfix === "string" ? /* @__PURE__ */ React.createElement(Icon$1, { name: postfix, className: "!h-5 !w-5" }) : postfix : null))), popover ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Option$1, { ...otherProps, className, onClick: handleClick, onKeyDown: handleKeyDown, ref }, hasValue2 ? /* @__PURE__ */ React.createElement(Icon$1, { name: "tick", className: "pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible" }) : null, typeof children === "string" ? isTag ? /* @__PURE__ */ React.createElement(Tag, { className: "pointer-events-none my-1", color: color2, icon: prefix2 }, children) : /* @__PURE__ */ React.createElement(React.Fragment, null, prefix2 ? typeof prefix2 === "string" ? /* @__PURE__ */ React.createElement(Icon$1, { name: prefix2, className: "!h-5 !w-5" }) : prefix2 : null, /* @__PURE__ */ React.createElement("span", { className: "flex w-full justify-between" }, /* @__PURE__ */ React.createElement("span", { className: "flex flex-col" }, /* @__PURE__ */ React.createElement("span", null, children), description ? /* @__PURE__ */ React.createElement("span", { className: "text-grey-700 -mt-1.5 mb-1.5 text-xs", "data-taco": "description" }, description) : null), /* @__PURE__ */ React.createElement("span", { className: "flex flex-col self-center" }, postfix ? typeof postfix === "string" ? /* @__PURE__ */ React.createElement(Icon$1, { name: postfix, className: "!h-5 !w-5" }) : postfix : null))) : /* @__PURE__ */ React.createElement("span", null, children), popover ? /* @__PURE__ */ React.createElement(
     IconButton,
     {
       icon: "ellipsis-vertical",
@@ -44309,7 +44293,7 @@ const Placeholder = ({ disabled, readOnly, ...props }) => {
 const Trigger = React.forwardRef(function Select2Trigger(props, ref) {
   const { multiple, value } = useSelect2Context();
   if (Array.isArray(value) || multiple) {
-    const values = Array.isArray(value) ? value : value !== void 0 ? [value] : void 0;
+    const values = Array.isArray(value) ? value : value === void 0 ? void 0 : [value];
     return /* @__PURE__ */ React.createElement(Multiple, { ...props, ref, values });
   }
   return /* @__PURE__ */ React.createElement(Single, { ...props, ref, value });
@@ -44423,7 +44407,7 @@ const Multiple = React.forwardRef(function Select2TriggerMultiple(props, ref) {
   if (open) {
     const hasValues = valuesAsChildren.length > 0;
     className = clsx("!absolute z-20 !h-fit", buttonProps.className);
-    content = /* @__PURE__ */ React.createElement(ScrollArea, { className: "my-1 flex max-h-[5.5rem] flex-col", onClick: forwardClick }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-1" }, !hasValues ? /* @__PURE__ */ React.createElement(Placeholder, { disabled, readOnly }, placeholder) : valuesAsChildren.map(
+    content = /* @__PURE__ */ React.createElement(ScrollArea, { className: "my-1 flex max-h-[5.5rem] flex-col", onClick: forwardClick }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-wrap gap-1", "data-taco": "select2-value" }, hasValues ? valuesAsChildren.map(
       (child) => typeof child.props.children === "string" ? /* @__PURE__ */ React.createElement(
         Tag,
         {
@@ -44463,7 +44447,7 @@ const Multiple = React.forwardRef(function Select2TriggerMultiple(props, ref) {
           ))
         }
       )
-    )));
+    ) : /* @__PURE__ */ React.createElement(Placeholder, { disabled, readOnly }, placeholder)));
   } else {
     content = /* @__PURE__ */ React.createElement(MultipleValue, { onClick: forwardClick, valuesAsChildren, placeholder });
   }
@@ -44492,7 +44476,7 @@ const MultipleValue = ({ onClick, valuesAsChildren, placeholder }) => {
     }
     return "";
   };
-  return /* @__PURE__ */ React.createElement("div", { className: "relative flex w-full items-center gap-1 overflow-hidden", onClick }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 gap-1 truncate", ref: (ref) => setContentRef(ref) }, valuesAsChildren.length === 0 ? /* @__PURE__ */ React.createElement(Placeholder, { disabled, readOnly }, placeholder) : valuesAsChildren.map((child, index2) => {
+  return /* @__PURE__ */ React.createElement("div", { className: "relative flex w-full items-center gap-1 overflow-hidden", onClick }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 gap-1 truncate", ref: (ref) => setContentRef(ref), "data-taco": "select2-value" }, valuesAsChildren.length === 0 ? /* @__PURE__ */ React.createElement(Placeholder, { disabled, readOnly }, placeholder) : valuesAsChildren.map((child, index2) => {
     const classNames = {
       truncate: index2 === boundaryIndex,
       hidden: boundaryIndex !== void 0 && boundaryIndex !== null ? index2 > boundaryIndex : false
@@ -44573,7 +44557,7 @@ const BubbleSelect = (props) => {
     const select = ref.current;
     const descriptor = Object.getOwnPropertyDescriptor(window.HTMLSelectElement.prototype, "value");
     const setValue = descriptor.set;
-    if (prevValue !== value && setValue) {
+    if (prevValue !== value && setValue && select) {
       if (Array.isArray(value)) {
         value.forEach((v2) => {
           const option = select.querySelector(`option[value='${CSS.escape(v2)}']`);
@@ -44623,7 +44607,6 @@ const Search = React.forwardRef(function ListboxSearch(props, ref) {
       Input,
       {
         ...props,
-        autoFocus: true,
         invalid: !!validationError,
         onChange: handleChange,
         onKeyDown: handleKeyDown,
@@ -44637,12 +44620,12 @@ const isGroup = (child) => !!child.props.heading || !!child.props.hasSeparator;
 const useChildren = ({ children: initialChildren, emptyValue, multiple, open, setValue, value }) => {
   const [searchQuery, setSearchQuery] = React.useState("");
   const flattenedChildren = React.useMemo(() => {
-    const initial = (initialChildren == null ? void 0 : initialChildren.map((child) => {
+    const initial = (initialChildren == null ? void 0 : initialChildren.flatMap((child) => {
       if (isGroup(child)) {
         return child.props.children;
       }
       return child;
-    }).flatMap((c2) => c2)) || [];
+    })) || [];
     return initial;
   }, [initialChildren]);
   React.useEffect(() => {
@@ -44835,9 +44818,9 @@ const Select22 = React.forwardRef(function Select222(props, ref) {
   const hasInlineCreation = onCreate2 && !createDialog;
   const hasSearch = flattenedChildren.length > 5 || hasInlineCreation;
   const visibleChildren = searchQuery === "" ? initialChildren : filteredChildren;
-  const selectOptions = searchQuery === "" ? flattenedChildren.map((child) => child.props.value) : filteredChildren.map(
+  const selectOptions = searchQuery === "" ? flattenedChildren.map((child) => child.props.value) : filteredChildren.flatMap(
     (child) => isGroup(child) ? Array.isArray(child.props.children) && child.props.children.map((subChild) => subChild.props.value) : child.props.value
-  ).flatMap((c2) => c2) || [];
+  ) || [];
   const queryTimeoutRef = React.useRef("");
   const typeahead = debounce$2(function() {
     if (!queryTimeoutRef.current) {
@@ -44914,14 +44897,13 @@ const Select22 = React.forwardRef(function Select222(props, ref) {
     if (searchQuery === "") {
       if (areAllSelected) {
         return texts.select2.deselectAll;
-      } else {
-        return texts.select2.selectAll;
       }
-    } else if (areAllSelected) {
+      return texts.select2.selectAll;
+    }
+    if (areAllSelected) {
       return texts.select2.deselectAllResults;
-    } else {
-      return texts.select2.selectAllResults;
     }
+    return texts.select2.selectAllResults;
   }, [areAllSelected, searchQuery]);
   const selectAll = () => {
     if (!Array.isArray(value) || value.length === 0) {
@@ -44947,7 +44929,7 @@ const Select22 = React.forwardRef(function Select222(props, ref) {
     },
     createCollectionClassName()
   );
-  return /* @__PURE__ */ React.createElement(Select2Context.Provider, { value: context }, /* @__PURE__ */ React.createElement($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { asChild: true, "data-taco": "Select2" }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(Select2Context.Provider, { value: context }, /* @__PURE__ */ React.createElement($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement($cb5cc270b50c6fcd$export$41fb9f06171c75f4, { asChild: true, "data-taco": "Select2", "aria-multiselectable": multiple }, /* @__PURE__ */ React.createElement(
     Trigger,
     {
       ...otherProps,
@@ -45036,7 +45018,7 @@ const ControlledHiddenField = (props) => {
         bubbleValue = value === null ? "" : String(value);
       }
     }
-    return /* @__PURE__ */ React.createElement(BubbleSelect, { "aria-hidden": true, key: String(bubbleValue), multiple, name, tabIndex: -1, value: bubbleValue }, emptyValue !== void 0 ? /* @__PURE__ */ React.createElement("option", { value: emptyValue }) : null, options.map((option) => /* @__PURE__ */ React.createElement("option", { key: String(option), value: String(option) })));
+    return /* @__PURE__ */ React.createElement(BubbleSelect, { "aria-hidden": true, key: String(bubbleValue), multiple, name, tabIndex: -1, value: bubbleValue }, emptyValue === void 0 ? null : /* @__PURE__ */ React.createElement("option", { value: emptyValue }), options.map((option) => /* @__PURE__ */ React.createElement("option", { key: String(option), value: String(option) })));
   }
   return null;
 };
@@ -45152,7 +45134,7 @@ function Print(props) {
           if (isSafari) {
             try {
               document.execCommand("print", false, void 0);
-            } catch (error) {
+            } catch {
               window.print();
             }
           } else {
@@ -45303,7 +45285,7 @@ const FilterColumn = React.forwardRef((props, ref) => {
               },
               /* @__PURE__ */ React.createElement(Icon$1, { name: "eye-off", className: "text-grey-500 !h-5 !w-5" })
             ) : void 0,
-            disabled: header.column.id !== value && (!header.column.getCanFilter() || !!filters.find((f2) => f2.id === header.column.id))
+            disabled: header.column.id !== value && (!header.column.getCanFilter() || !!filters.some((f2) => f2.id === header.column.id))
           },
           /* @__PURE__ */ React.createElement(React.Fragment, null, flexRender(header.column.columnDef.header, header.getContext()), header.column.parent ? ` (${flexRender((_b = (_a = header.column.parent) == null ? void 0 : _a.columnDef.meta) == null ? void 0 : _b.header, header.getContext())})` : "")
         );
@@ -45404,7 +45386,7 @@ function FilterValue(props) {
       {
         column,
         "data-query-selector": querySelector,
-        onChange: (value2) => handleChange([isNaN(value2) ? void 0 : value2, toValue2]),
+        onChange: (value2) => handleChange([Number.isNaN(value2) ? void 0 : value2, toValue2]),
         placeholder: "from",
         value: fromValue ?? ""
       }
@@ -45413,7 +45395,7 @@ function FilterValue(props) {
       {
         column,
         "data-query-selector": querySelector,
-        onChange: (value2) => handleChange([fromValue, isNaN(value2) ? void 0 : value2]),
+        onChange: (value2) => handleChange([fromValue, Number.isNaN(value2) ? void 0 : value2]),
         placeholder: "to",
         value: toValue2 ?? ""
       }
@@ -45432,7 +45414,7 @@ function FilterValue(props) {
 }
 function Control(props) {
   var _a, _b;
-  const { column, comparator, onChange, value, ...attributes } = props;
+  const { column, comparator: _1, onChange, value, ...attributes } = props;
   const controlRenderer = (_a = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _a.control;
   const dataType = (_b = column == null ? void 0 : column.columnDef.meta) == null ? void 0 : _b.dataType;
   const filters = React.useContext(FilterContext);
@@ -45457,9 +45439,11 @@ function Control(props) {
   }
   if (controlRenderer === "datepicker" || dataType === "datetime" || dataType === "date") {
     return /* @__PURE__ */ React.createElement(Datepicker, { ...attributes, onChange: (event) => onChange(event.detail), value });
-  } else if (controlRenderer === "switch") {
+  }
+  if (controlRenderer === "switch") {
     return /* @__PURE__ */ React.createElement(Switch$1, { ...attributes, className: "m-1.5", checked: Boolean(value), onChange });
-  } else if (controlRenderer === "checkbox") {
+  }
+  if (controlRenderer === "checkbox") {
     return /* @__PURE__ */ React.createElement(Checkbox$2, { ...attributes, className: "!m-1.5", checked: Boolean(value), onChange });
   }
   return /* @__PURE__ */ React.createElement(
@@ -45592,7 +45576,7 @@ function ManageFiltersPopover(props) {
       filter: filter2,
       position: index2,
       onChange: handleChangeFilter,
-      onRemove: filters.length > 0 && filters.some((f2) => f2.id) || filters.length > 1 ? handleRemoveFilter : void 0
+      onRemove: filters.some((f2) => f2.id) || filters.length > 1 ? handleRemoveFilter : void 0
     }
   )), /* @__PURE__ */ React.createElement("div", { className: "justify-start" }, /* @__PURE__ */ React.createElement(Button$4, { appearance: "discrete", onClick: handleCreate, name: "add-filter" }, "+ ", texts.table.filters.buttons.addFilter))), /* @__PURE__ */ React.createElement(Group$6, { className: "ml-auto" }, /* @__PURE__ */ React.createElement(Popover.Close, null, /* @__PURE__ */ React.createElement(Button$4, { name: "close-filters" }, texts.table.filters.buttons.cancel)), /* @__PURE__ */ React.createElement(Button$4, { name: "clear-filters", onClick: handleClear }, texts.table.filters.buttons.clear), /* @__PURE__ */ React.createElement(Button$4, { appearance: "primary", name: "apply-filters", onClick: handleApply }, texts.table.filters.buttons.apply))))));
 }
@@ -45623,7 +45607,7 @@ function Filters(props) {
   if (!isLargeScreen && !appliedFilters.length) {
     return /* @__PURE__ */ React.createElement(IconButton, { ...buttonProps, icon: "filter" });
   }
-  return /* @__PURE__ */ React.createElement(Button$4, { ...buttonProps }, /* @__PURE__ */ React.createElement(Icon$1, { className: !isLargeScreen ? "-mr-1.5" : void 0, name: appliedFilters.length ? "filter-solid" : "filter" }), isLargeScreen ? texts.table.filters.button : "", appliedFilters.length ? `(${appliedFilters.length})` : "");
+  return /* @__PURE__ */ React.createElement(Button$4, { ...buttonProps }, /* @__PURE__ */ React.createElement(Icon$1, { className: isLargeScreen ? void 0 : "-mr-1.5", name: appliedFilters.length ? "filter-solid" : "filter" }), isLargeScreen ? texts.table.filters.button : "", appliedFilters.length ? `(${appliedFilters.length})` : "");
 }
 function TableToolbar(props) {
   const { children: customTools, table, ...attributes } = props;
@@ -51144,9 +51128,9 @@ const getNumber = (amount = "", decimalSeparator = ",") => {
   }
   let value;
   if (decimalSeparator === ",") {
-    value = Number(amount.replace(/\./g, "").replace(",", "."));
+    value = Number(amount.replaceAll("\\.", "").replace(",", "."));
   } else {
-    value = Number(amount.replace(/,/g, ""));
+    value = Number(amount.replaceAll(",", ""));
   }
   return Number.isNaN(value) ? void 0 : value;
 };
@@ -51205,9 +51189,8 @@ const sortTypes = (locale2) => {
       const b2 = guess(rowB.values[columnId]);
       if (typeof a2 === "string" && typeof b2 === "string") {
         return compareBasicStrings(a2, b2, locale2);
-      } else {
-        return compareBasic(a2, b2);
       }
+      return compareBasic(a2, b2);
     }
   };
 };
@@ -51707,7 +51690,7 @@ const useRowSelect = (onSelectedRows) => {
             const { onChange: _, ...props } = getToggleAllRowsSelectedProps();
             const onChange = (checked) => {
               if (checked) {
-                onSelectedRows(Object.assign({}, Array(rows.length).fill(true)));
+                onSelectedRows(Object.assign({}, Array.from({ length: rows.length }).fill(true)));
               } else {
                 onSelectedRows({});
               }
@@ -51728,15 +51711,7 @@ const useRowSelect = (onSelectedRows) => {
               }
               lastSelectedSortedIndex.current = sortedIndex;
             };
-            return /* @__PURE__ */ React.createElement(
-              Checkbox$2,
-              {
-                ...props,
-                className: "!mt-2.5",
-                onClick,
-                onChange: () => false
-              }
-            );
+            return /* @__PURE__ */ React.createElement(Checkbox$2, { ...props, className: "!mt-2.5", onClick, onChange: () => false });
           },
           flex: "0 0 36px",
           className: "flex-col justify-start !py-0"
@@ -51752,7 +51727,7 @@ const useTableKeyboardNavigation = (props, rows, rowProps, ref) => {
   const useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;
   const [activeIndex, setActiveIndex] = $71cd76cc60e0454e$export$6f32135080cb4c3$1({
     prop: props.activeIndex,
-    defaultProp: props.defaultActiveIndex !== void 0 ? props.defaultActiveIndex : useGlobalKeyboardNavigation ? 0 : void 0,
+    defaultProp: props.defaultActiveIndex === void 0 ? useGlobalKeyboardNavigation ? 0 : void 0 : props.defaultActiveIndex,
     onChange: (index2) => {
       var _a;
       if (index2 !== void 0) {
@@ -51788,27 +51763,26 @@ const useTableKeyboardNavigation = (props, rows, rowProps, ref) => {
             event.preventDefault();
             currentRow.toggleRowExpanded();
             return;
-          } else if (!currentRow.isExpanded && event.key === "ArrowRight") {
+          }
+          if (!currentRow.isExpanded && event.key === "ArrowRight") {
             event.preventDefault();
             currentRow.toggleRowExpanded();
             return;
           }
         }
-        if (currentRow.toggleRowEditing) {
-          if (currentRow.canEdit && !currentRow.isEditing) {
-            if (rowProps.onRowCreate && event.shiftKey && event.key === "n") {
-              event.preventDefault();
-              if (!currentRow.isExpanded) {
-                currentRow.toggleRowExpanded();
-              }
-              rowProps.onRowCreate(sanitizedRow, event);
-              return;
-            }
-            if (event.key === "e") {
-              event.preventDefault();
-              currentRow.toggleRowEditing();
-              return;
+        if (currentRow.toggleRowEditing && currentRow.canEdit && !currentRow.isEditing) {
+          if (rowProps.onRowCreate && event.shiftKey && event.key === "n") {
+            event.preventDefault();
+            if (!currentRow.isExpanded) {
+              currentRow.toggleRowExpanded();
             }
+            rowProps.onRowCreate(sanitizedRow, event);
+            return;
+          }
+          if (event.key === "e") {
+            event.preventDefault();
+            currentRow.toggleRowEditing();
+            return;
           }
         }
         if (rowProps.onRowEdit && event.key === "e" && !isModifierKeyPressed) {
@@ -51911,13 +51885,13 @@ const getRowProps = (onRowDrag) => (props, { instance, row }) => {
   const onDragStart = (event) => {
     event.persist();
     row.toggleRowDragging();
-    const indexPaths = [row.id, ...Object.keys(instance.state.selectedRowIds)];
-    const data = instance.rows.filter((r2) => indexPaths.includes(r2.id)).map(sanitizeRowProps);
+    const indexPaths = /* @__PURE__ */ new Set([row.id, ...Object.keys(instance.state.selectedRowIds)]);
+    const data = instance.rows.filter((r2) => indexPaths.has(r2.id)).map(sanitizeRowProps);
     const showPlaceholder = (placeholder) => {
       const element = window.document.createElement("div");
       element.id = "yt-table__drag__placeholder";
       element.innerText = placeholder;
-      window.document.body.appendChild(element);
+      window.document.body.append(element);
       if (typeof DataTransfer.prototype.setDragImage === "function") {
         event.dataTransfer.setDragImage(element, 0, 20);
       }
@@ -51927,7 +51901,7 @@ const getRowProps = (onRowDrag) => (props, { instance, row }) => {
   const onDragEnd = () => {
     const element = document.getElementById("yt-table__drag__placeholder");
     if (element && element.parentNode) {
-      element.parentNode.removeChild(element);
+      element.remove();
     }
     row.toggleRowDragging();
   };
@@ -52076,8 +52050,8 @@ const useTable = (props, ref) => {
       initialState: {
         // @ts-expect-error: not sure how to type this correctly right now
         sortBy: getInternalSortRules(sortRules) || defaultSortRules,
-        pageSize: !disablePagination ? pageSize : void 0,
-        pageIndex: !disablePagination ? pageIndex : void 0
+        pageSize: disablePagination ? void 0 : pageSize,
+        pageIndex: disablePagination ? void 0 : pageIndex
       },
       manualPagination,
       pageCount: manualPagination && length ? Math.ceil(length / pageSize) : -1,
@@ -52151,13 +52125,13 @@ const useTable = (props, ref) => {
       tabIndex: otherProps.tabIndex ?? 0
     },
     state,
-    pagination: !disablePagination ? {
+    pagination: disablePagination ? null : {
       length: manualPagination && length ? length : data.length,
       pageIndex: state.pageIndex,
       pageSize: state.pageSize,
       setPageIndex: gotoPage,
       setPageSize
-    } : null,
+    },
     rows: visibleRows,
     prepareRow: prepareRow2,
     instance: sanitizedInstance
@@ -52178,7 +52152,7 @@ const renderCell = (cell, row) => {
   };
   return /* @__PURE__ */ React.createElement("div", { ...props, role: "gridcell", "data-taco": "table-cell" }, cell.render("Cell") || null);
 };
-const Row$1 = React.forwardRef(function TableRow({ row, index: index2, instance, headerGroups, ...rowProps }, ref) {
+const Row$1 = React.forwardRef(function TableRow({ row, index: index2, instance, headerGroups: _1, ...rowProps }, ref) {
   const {
     activeIndex,
     onRowClick,
@@ -53242,7 +53216,7 @@ const WindowedTable = React.forwardRef(function WindowedTable2(props, ref) {
     }
   }, [rows.length]);
   const contentHeight = estimatedRowHeight * props.data.length || 0;
-  const isScrollbarVisible = height !== null ? contentHeight > height : false;
+  const isScrollbarVisible = height === null ? false : contentHeight > height;
   const className = clsx(tableProps.className, "yt-table--windowed", { "table-with-scrollbar": isScrollbarVisible });
   let list;
   const itemData = {
@@ -53292,7 +53266,7 @@ const WindowedTable = React.forwardRef(function WindowedTable2(props, ref) {
       );
     }
   }
-  return /* @__PURE__ */ React.createElement(BaseTable, { ...tableProps, className, headerRef, ref: tableRef }, list ? list : emptyStateRenderer());
+  return /* @__PURE__ */ React.createElement(BaseTable, { ...tableProps, className, headerRef, ref: tableRef }, list || emptyStateRenderer());
 });
 WindowedTable.Column = () => null;
 WindowedTable.Group = () => null;
@@ -53863,7 +53837,7 @@ function requirePullAt() {
 }
 var pullAtExports = requirePullAt();
 const pullAt = /* @__PURE__ */ getDefaultExportFromCjs(pullAtExports);
-const insertChildTableRow = (data, rowIndexPath = void 0, values = {}) => {
+const insertChildTableRow = (data, rowIndexPath = void 0, values) => {
   const nexTRow = JSON.parse(JSON.stringify(data));
   let childRowIndexPath;
   if (rowIndexPath) {
@@ -53871,12 +53845,12 @@ const insertChildTableRow = (data, rowIndexPath = void 0, values = {}) => {
     const currentRow = getByRowIndexPath(nexTRow, rowIndexes.join("."));
     const nextSubRows = (currentRow == null ? void 0 : currentRow.subRows) ?? [];
     const path = rowIndexes.map((i2) => `[${i2}]`).join(".subRows") + ".subRows";
-    nextSubRows.unshift(values);
+    nextSubRows.unshift(values ?? {});
     set(nexTRow, path, nextSubRows);
     rowIndexes.push(0);
     childRowIndexPath = rowIndexes.join(".");
   } else {
-    nexTRow.unshift(values);
+    nexTRow.unshift(values ?? {});
     childRowIndexPath = "0";
   }
   return [nexTRow, childRowIndexPath];
@@ -53900,7 +53874,9 @@ const useTableRowCreation = (data, tableRef) => {
   const [internalData, setInternalData] = React.useState(JSON.parse(JSON.stringify(data)));
   const [activeRowIndexPath, setActiveRowIndexPath] = React.useState(void 0);
   React.useEffect(() => {
-    if (activeRowIndexPath !== void 0) {
+    if (activeRowIndexPath === void 0) {
+      setInternalData(data);
+    } else {
       const currentRow = getByRowIndexPath(internalData, activeRowIndexPath);
       const parentId = getParentRowIndexPath(activeRowIndexPath);
       const [nexTRow, newRowIndexPath] = insertChildTableRow(JSON.parse(JSON.stringify(data)), parentId, currentRow);
@@ -53909,8 +53885,6 @@ const useTableRowCreation = (data, tableRef) => {
       if (tableRef == null ? void 0 : tableRef.current) {
         tableRef.current.instance.toggleRowEditing(currentRow == null ? void 0 : currentRow._createKey);
       }
-    } else {
-      setInternalData(data);
     }
   }, [JSON.stringify(data)]);
   const create = (rowIndexPath = void 0, values = {}) => {
@@ -53939,9 +53913,11 @@ function willRowMove(cell, change, rowIndex, localization) {
   const { table } = cell.getContext();
   if (willRowMoveAfterSearch(cell, change, table, localization)) {
     return "search";
-  } else if (willRowMoveAfterFilter(cell, change, localization)) {
+  }
+  if (willRowMoveAfterFilter(cell, change, localization)) {
     return "filter";
-  } else if (willRowMoveAfterSorting(cell, change, rowIndex)) {
+  }
+  if (willRowMoveAfterSorting(cell, change, rowIndex)) {
     return "sorting";
   }
   return void 0;
@@ -54023,7 +53999,7 @@ const shortcut = { key: "e", meta: true, shift: false };
 function isTableScrolled(ref) {
   var _a, _b, _c, _d;
   if (ref.current) {
-    const height = parseFloat(((_b = (_a = ref.current) == null ? void 0 : _a.querySelector("tbody")) == null ? void 0 : _b.style.height) || "0") + parseFloat(((_d = (_c = ref.current) == null ? void 0 : _c.querySelector("tbody")) == null ? void 0 : _d.style.paddingBottom) || "0");
+    const height = Number.parseFloat(((_b = (_a = ref.current) == null ? void 0 : _a.querySelector("tbody")) == null ? void 0 : _b.style.height) || "0") + Number.parseFloat(((_d = (_c = ref.current) == null ? void 0 : _c.querySelector("tbody")) == null ? void 0 : _d.style.paddingBottom) || "0");
     const hasVerticalScrollbar = ref.current.scrollHeight > ref.current.clientHeight;
     return [hasVerticalScrollbar, height > ref.current.scrollHeight];
   }
@@ -55394,7 +55370,7 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     var _a;
     const tableMeta = cell.getContext().table.options.meta;
     const state2 = tableMeta.editing.getState();
-    const changes = nextValue !== void 0 ? { ...state2.changes.rows[cell.row.id], [cell.column.id]: nextValue } : { ...state2.changes.rows[cell.row.id] };
+    const changes = nextValue === void 0 ? { ...state2.changes.rows[cell.row.id] } : { ...state2.changes.rows[cell.row.id], [cell.column.id]: nextValue };
     const original = cell.row.original;
     if (!Object.keys(changes).length) {
       return;
@@ -55549,7 +55525,7 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
           }
         }
         await handleSave(changeSet);
-        await complete(rowId2, table, rowChanges);
+        complete(rowId2, table, rowChanges);
         setRowStatus(rowId2, "saved");
         setTimeout(() => {
           setRowStatus(rowId2, void 0);
@@ -55600,7 +55576,7 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
       await handleDiscard();
     }
   }
-  async function complete(rowId, table, changes) {
+  function complete(rowId, table, changes) {
     const handleDiscard2 = async () => {
       await discardChanges(rowId, table);
     };
@@ -55641,7 +55617,7 @@ function usePendingChangesState(handleSave, handleChange, handleDiscard, rowIden
     temporaryRows: state.temporaryRows
   };
 }
-function useTableEditing(isEnabled = false, defaultToggleEditing = false, handleSave, handleChange, handleCreate, handleDiscard, rowIdentityAccessor, validator, onEvent) {
+function useTableEditing(isEnabled = false, defaultToggleEditing = false, handleSave, handleChange, handleCreate, handleDiscard, rowIdentityAccessor, validator, showEditingActions = false, onEvent) {
   const [isEditing, setEditing] = React.useState(defaultToggleEditing);
   const [isDetailedMode, toggleDetailedMode] = React.useState(false);
   const createRowButtonRef = React.useRef(null);
@@ -55718,6 +55694,7 @@ function useTableEditing(isEnabled = false, defaultToggleEditing = false, handle
     isEnabled,
     isEditing,
     isDetailedMode,
+    showEditingActions,
     toggleDetailedMode: isEnabled ? toggleDetailedMode : () => void 0,
     toggleEditing: isEnabled ? toggleEditing : () => void 0,
     lastFocusedCellIndex,
@@ -55762,8 +55739,8 @@ function RowMoveIndicator(props) {
   return /* @__PURE__ */ React.createElement(Tooltip$3, { placement: "bottom", title: description.replace("[COLUMN]", columnMeta.header) }, /* @__PURE__ */ React.createElement("span", { "data-row-move-indicator": true }, /* @__PURE__ */ React.createElement(Icon$1, { name: "info", className: "-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500" }), title));
 }
 function getMessageFromReason(texts, reason) {
-  let title = "";
-  let description = "";
+  let title;
+  let description;
   switch (reason) {
     case "filter":
       title = texts.table3.editing.rowIndicator.rowWillBeHidden;
@@ -55777,11 +55754,15 @@ function getMessageFromReason(texts, reason) {
       title = texts.table3.editing.rowIndicator.rowWillMove;
       description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;
       break;
+    default:
+      title = "";
+      description = "";
+      break;
   }
   return { title, description };
 }
 const Textarea = React__namespace.forwardRef(function Textarea2(props, ref) {
-  const { defaultValue: _, highlighted, invalid, onKeyDown, ...otherProps } = props;
+  const { defaultValue: _1, highlighted: _2, invalid: _3, onKeyDown, ...otherProps } = props;
   const classNames = clsx(
     getInputClasses(props),
     "pt-[5px] pb-[7px] min-h-[75px] disabled:resize-none !leading-5",
@@ -56242,10 +56223,16 @@ function DiscardChangesConfirmationDialog(props) {
   ));
 }
 function Row(props) {
-  const { row, index: index2, table } = props;
+  const { row, index: index2, table, measureRow } = props;
   const focusManager = useAugmentedFocusManager();
   const tableMeta = table.options.meta;
   const isActiveRow = tableMeta.rowActive.rowActiveIndex === index2;
+  const rowRef = React.useRef(null);
+  const hasErrors = tableMeta.editing.hasRowErrors(row.id);
+  React.useLayoutEffect(() => {
+    if (!measureRow || !rowRef.current) return;
+    measureRow(rowRef.current.getBoundingClientRect().height);
+  }, [hasErrors, measureRow, row.id]);
   React.useEffect(() => {
     if (tableMeta.editing.isEditing && isActiveRow && tableMeta.editing.lastFocusedCellIndex === void 0) {
       const element = focusManager.focusFirst();
@@ -56264,7 +56251,7 @@ function Row(props) {
       var _a;
       if (tableMeta.editing.isEditing) {
         const cellIndex = Number(((_a = event.target.closest("td")) == null ? void 0 : _a.getAttribute("data-cell-index")) ?? void 0);
-        if (!isNaN(cellIndex)) {
+        if (!Number.isNaN(cellIndex)) {
           tableMeta.editing.setLastFocusedCellIndex(Number(cellIndex));
         }
       }
@@ -56297,12 +56284,12 @@ function Row(props) {
     }
   }
   const attributes = {
-    "data-row-editing-invalid": tableMeta.editing.hasRowErrors(row.id) ? !tableMeta.editing.hasRowErrorsShownInAlert(row.id) ? "unseen" : true : void 0,
+    "data-row-editing-invalid": tableMeta.editing.hasRowErrors(row.id) ? tableMeta.editing.hasRowErrorsShownInAlert(row.id) ? true : "unseen" : void 0,
     "data-row-editing-status": rowStatus,
     onFocus: handleFocus,
     onKeyDown: handleKeyDown
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DisplayRow, { ...props, ...attributes }, rowStatus === "saving" || rowStatus === "saved" ? /* @__PURE__ */ React.createElement(SaveStatus, { rowId: row.id, table }) : null), /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(DisplayRow, { ...props, ...attributes, ref: rowRef }, rowStatus === "saving" || rowStatus === "saved" ? /* @__PURE__ */ React.createElement(SaveStatus, { rowId: row.id, table }) : null), /* @__PURE__ */ React.createElement(
     DiscardChangesConfirmationDialog,
     {
       open: showDiscardDialog,
@@ -56326,6 +56313,7 @@ function useTable3(props, ref) {
     props.onEditingDiscard,
     props.rowIdentityAccessor,
     props.validator,
+    props.showEditingActions,
     props.onEvent
   );
   const data = React.useMemo(() => {
@@ -56337,44 +56325,48 @@ function useTable3(props, ref) {
   const extendedProps = {
     ...props,
     data,
-    enableRowActions: editing.isEditing ? true : props.enableRowActions,
-    // Display EditingActionMenu instead of row actions while editing
-    rowActions: editing.isEditing ? (props.rowActions ?? []).concat([
-      (_1, helpers) => /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          "aria-label": texts.table3.editing.actions.save,
-          icon: "tick",
-          disabled: !editing.hasChanges(helpers.rowId) || editing.hasRowErrors(helpers.rowId),
-          onClick: async () => {
-            await editing.saveChanges(helpers.table, helpers.rowId);
+    enableRowActions: editing.isEditing && props.showEditingActions ? true : props.enableRowActions,
+    // While editing, only show editing actions (and their menu) when showEditingActions is true
+    rowActions: editing.isEditing ? (props.rowActions ?? []).concat(
+      // Only add editing actions if showEditingActions is explicitly set to true
+      props.showEditingActions === true ? [
+        // Note: helpers includes internal rowId and table properties not in the public type, that is why "any" is used
+        (_1, helpers) => /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            "aria-label": texts.table3.editing.actions.save,
+            icon: "tick",
+            disabled: !editing.hasChanges(helpers.rowId) || editing.hasRowErrors(helpers.rowId),
+            onClick: async () => {
+              await editing.saveChanges(helpers.table, helpers.rowId);
+            }
           }
-        }
-      ),
-      (_1, helpers) => /* @__PURE__ */ React.createElement(
-        IconButton,
-        {
-          "aria-label": texts.table3.editing.actions.clear,
-          icon: "close",
-          disabled: !editing.hasChanges(helpers.rowId),
-          dialog: (props2) => /* @__PURE__ */ React.createElement(
-            DiscardChangesConfirmationDialog,
-            {
-              ...props2,
-              onDiscard: () => {
-                editing.discardChanges(helpers.rowId, helpers.table);
-                if (editing.temporaryRows.length) {
-                  requestAnimationFrame(() => {
-                    var _a;
-                    return (_a = editing.createRowButtonRef.current) == null ? void 0 : _a.focus();
-                  });
+        ),
+        (_1, helpers) => /* @__PURE__ */ React.createElement(
+          IconButton,
+          {
+            "aria-label": texts.table3.editing.actions.clear,
+            icon: "close",
+            disabled: !editing.hasChanges(helpers.rowId),
+            dialog: (props2) => /* @__PURE__ */ React.createElement(
+              DiscardChangesConfirmationDialog,
+              {
+                ...props2,
+                onDiscard: () => {
+                  editing.discardChanges(helpers.rowId, helpers.table);
+                  if (editing.temporaryRows.length) {
+                    requestAnimationFrame(() => {
+                      var _a;
+                      return (_a = editing.createRowButtonRef.current) == null ? void 0 : _a.focus();
+                    });
+                  }
                 }
               }
-            }
-          )
-        }
-      )
-    ]) : props.rowActions
+            )
+          }
+        )
+      ] : []
+    ) : props.rowActions
   };
   const meta = { editing };
   const table = useTable$1(extendedProps, ref, RENDERERS, meta);
@@ -56404,7 +56396,7 @@ function useTable3(props, ref) {
     if (table.ref.current) {
       const instance = table.ref.current.instance;
       if (table.meta.editing.isEnabled) {
-        instance.editing.forceValidate = async () => table.meta.editing.forceValidate(table.instance);
+        instance.editing.forceValidate = async () => await table.meta.editing.forceValidate(table.instance);
       }
     }
   }, [table.meta.editing.forceValidate]);
@@ -56677,7 +56669,7 @@ const BaseTable3 = fixedForwardRef(function BaseTable32(props, ref) {
         tableMeta: table3.meta,
         tableRef: table3.ref
       }
-    ), !isScrolled ? createWorkflow : null) : null
+    ), isScrolled ? null : createWorkflow) : null
   ));
 });
 const Table3 = fixedForwardRef(function Table32(props, ref) {
@@ -63605,12 +63597,10 @@ const Tooltip$2 = ({
   const skipButtonRef = React__namespace.useRef(null);
   React__namespace.useEffect(() => {
     const onWindowKeyDown = (event) => {
-      if (!disableTourSkipOnEsc) {
-        if (event.key === "Escape" && skipButtonRef.current !== null) {
-          event.preventDefault();
-          skipButtonRef.current.click();
-          return;
-        }
+      if (!disableTourSkipOnEsc && event.key === "Escape" && skipButtonRef.current !== null) {
+        event.preventDefault();
+        skipButtonRef.current.click();
+        return;
       }
     };
     window.addEventListener("keydown", onWindowKeyDown);
@@ -63667,20 +63657,14 @@ const Tour = (props) => {
     [props.children]
   );
   const callback = (state) => {
-    if (state.action === ACTIONS.SKIP && state.lifecycle === LIFECYCLE.COMPLETE) {
-      if (onClose) {
-        onClose(getStep(state.step.target));
-      }
+    if (onClose && state.action === ACTIONS.SKIP && state.lifecycle === LIFECYCLE.COMPLETE) {
+      onClose(getStep(state.step.target));
     }
-    if (state.type === EVENTS.TOUR_END) {
-      if (onComplete) {
-        onComplete();
-      }
+    if (onComplete && state.type === EVENTS.TOUR_END) {
+      onComplete();
     }
-    if (state.lifecycle === LIFECYCLE.READY) {
-      if (onReady) {
-        onReady(getStep(state.step.target));
-      }
+    if (onReady && state.lifecycle === LIFECYCLE.READY) {
+      onReady(getStep(state.step.target));
     }
   };
   return /* @__PURE__ */ React__namespace.createElement(
@@ -87215,14 +87199,14 @@ function getAxisProps(axis, props, inverted = false) {
 }
 function stripCartesianProps(props) {
   const {
-    dataKey,
-    showXAxis,
-    showYAxis,
-    xAxisScale,
-    xAxisTickFormatter,
-    yAxisScale,
-    yAxisTickFormatter,
-    yAxisWidth,
+    dataKey: _1,
+    showXAxis: _2,
+    showYAxis: _3,
+    xAxisScale: _4,
+    xAxisTickFormatter: _5,
+    yAxisScale: _6,
+    yAxisTickFormatter: _7,
+    yAxisWidth: _8,
     ...otherProps
   } = props;
   return otherProps;
@@ -87413,17 +87397,17 @@ const mapColor = (palette, prefix2 = "") => {
   return Object.keys(palette).reduce((accum, color2) => {
     if (color2 === "current") {
       return accum;
-    } else if (typeof palette[color2] === "string") {
+    }
+    if (typeof palette[color2] === "string") {
       return {
         ...accum,
         [prefix2 ? color2 === "DEFAULT" ? prefix2 : `${prefix2}-${color2}` : color2]: palette[color2]
       };
-    } else {
-      return {
-        ...accum,
-        ...mapColor(palette[color2], color2)
-      };
     }
+    return {
+      ...accum,
+      ...mapColor(palette[color2], color2)
+    };
   }, {});
 };
 const colors = mapColor(THEME_COLORS);
@@ -87435,12 +87419,11 @@ const getInverseThemeColor = (hexCode) => {
   if (shade) {
     if (shade > 500) {
       return getThemeColor(`${color2}-100`);
-    } else {
-      if (shade === 500 && (color2 === "red" || color2 === "blue" || color2 === "brown" || color2 === "purple" || color2 === "green")) {
-        return "white";
-      }
-      return getThemeColor(`${color2}-900`);
     }
+    if (shade === 500 && (color2 === "red" || color2 === "blue" || color2 === "brown" || color2 === "purple" || color2 === "green")) {
+      return "white";
+    }
+    return getThemeColor(`${color2}-900`);
   }
   return color2 === "black" ? "white" : "black";
 };
@@ -87555,7 +87538,7 @@ function BarChart(props) {
     children,
     className: customClassName,
     data,
-    orientation,
+    orientation: _1,
     showLabels = false,
     showLegend = false,
     stacked = false,
@@ -87776,7 +87759,7 @@ const ActiveShape = (props) => {
       endAngle,
       innerRadius: outerRadius + 2,
       outerRadius: outerRadius + HOVER_DONUT_WIDTH,
-      fill: id2 !== void 0 ? getThemeColor(pieColors[id2], "blue-500") : getThemeColor("blue-500"),
+      fill: id2 === void 0 ? getThemeColor("blue-500") : getThemeColor(pieColors[id2], "blue-500"),
       opacity: 0.4
     }
   ));
@@ -87833,7 +87816,7 @@ const LegacyDonutChart = function LegacyDonutChart2({ children, formatter, onCli
     }, {});
     const hoveredSegmentColor = getSegmentColor(hoveredItem);
     const selectedSegmentColor = getSegmentColor(selectedItem);
-    return hoveredItem.length !== 0 ? hoveredSegmentColor : selectedSegmentColor;
+    return hoveredItem.length === 0 ? selectedSegmentColor : hoveredSegmentColor;
   }, [hoveredItem, selectedItem]);
   if (ref.current && !radius) {
     return null;
@@ -88135,7 +88118,8 @@ const AgreementAvatar = React.forwardRef(function AgreementAvatar2(props, ref) {
 const AgreementBadge = ({ agreement, ...props }) => {
   if (agreement.isAdministrator) {
     return /* @__PURE__ */ React.createElement(Badge2, { ...props, color: "blue", small: true }, "Admin");
-  } else if (agreement.isDeveloper) {
+  }
+  if (agreement.isDeveloper) {
     return /* @__PURE__ */ React.createElement(Badge2, { ...props, color: "blue", small: true }, "Developer");
   }
   return null;
@@ -88523,7 +88507,7 @@ const Link3 = React.forwardRef(function Link23(props, ref) {
         }
       }
     ) : null,
-    total !== void 0 ? /* @__PURE__ */ React.createElement(
+    total === void 0 ? null : /* @__PURE__ */ React.createElement(
       Badge2,
       {
         className: clsx("flex-shrink-0 flex-grow-0 !font-normal", {
@@ -88532,7 +88516,7 @@ const Link3 = React.forwardRef(function Link23(props, ref) {
         color: "transparent"
       },
       total
-    ) : null
+    )
   ));
 });
 const Section = React.forwardRef(function Navigation22(props, ref) {
@@ -88614,7 +88598,10 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: DEFAULT_
         _lastUsedHiddenColumns.current = hiddenColumns;
         let nextCache;
         if (hasDataChanged || !direction) {
-          nextCache = nextPages.reduce((acc, p2) => ({ ...acc, [p2]: Array(pageSize).fill(void 0) }), {});
+          nextCache = nextPages.reduce(
+            (acc, p2) => ({ ...acc, [p2]: Array.from({ length: pageSize }).fill(void 0) }),
+            {}
+          );
         } else {
           nextCache = { ...currentData.cache };
         }
@@ -88624,7 +88611,7 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: DEFAULT_
         } else if (direction === "backward" && currentData.rows.length >= DATASET_SIZE) {
           delete nextCache[currentData.pages[currentData.pages.length - 1]];
         }
-        const rows = Object.values(nextCache).reduce((acc, p2) => acc.concat(p2), []);
+        const rows = Object.values(nextCache).flat();
         return {
           cache: nextCache,
           pages: nextPages,
@@ -88649,7 +88636,7 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: DEFAULT_
       const pages = [];
       const cache = {};
       const pageCount = Math.ceil(response.length / pageSize);
-      Array.from(Array(pageCount).keys()).forEach((index2) => {
+      Array.from(Array.from({ length: pageCount }).keys()).forEach((index2) => {
         pages.push(index2);
         const startIndex = index2 * pageSize;
         cache[index2] = response.data.slice(startIndex, startIndex + pageSize);
@@ -88684,7 +88671,7 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: DEFAULT_
         (acc, p2, index22) => ({ ...acc, [p2]: responses[index22].data }),
         {}
       );
-      const rows = Object.values(nextCache).reduce((acc, p2) => acc.concat(p2), []);
+      const rows = Object.values(nextCache).flat();
       setData({
         cache: nextCache,
         pages: nextPages,
@@ -88698,7 +88685,7 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: DEFAULT_
     }
   }
   const invalidate = async () => {
-    return reloadCurrentPages(
+    return await reloadCurrentPages(
       getCurrentPage(data.pages),
       _lastUsedSorting.current,
       _lastUsedFilters.current,
@@ -88707,7 +88694,7 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: DEFAULT_
     );
   };
   const handleSort = async (sorting) => {
-    return reloadCurrentPages(
+    return await reloadCurrentPages(
       getCurrentPage(data.pages),
       sorting,
       _lastUsedFilters.current,
@@ -88716,10 +88703,10 @@ function useTableDataLoader2(fetchPage, fetchAll, options = { pageSize: DEFAULT_
     );
   };
   const handleFilter = async (filters, hiddenColumns) => {
-    return loadPage(0, _lastUsedSorting.current, filters, hiddenColumns, _lastUsedSearch.current);
+    return await loadPage(0, _lastUsedSorting.current, filters, hiddenColumns, _lastUsedSearch.current);
   };
   const handleSearch = async (search, hiddenColumns) => {
-    return loadPage(0, _lastUsedSorting.current, _lastUsedFilters.current, hiddenColumns, search);
+    return await loadPage(0, _lastUsedSorting.current, _lastUsedFilters.current, hiddenColumns, search);
   };
   return [
     {
@@ -88748,7 +88735,8 @@ function getDirection(pageIndex, currentPages) {
   if (currentPages.length) {
     if (pageIndex === currentPages[currentPages.length - 1] + 1) {
       return "forward";
-    } else if (pageIndex === currentPages[0] - 1 || currentPages.length === 2 && currentPages[0] !== 0 && pageIndex === currentPages[0]) {
+    }
+    if (pageIndex === currentPages[0] - 1 || currentPages.length === 2 && currentPages[0] !== 0 && pageIndex === currentPages[0]) {
       return "backward";
     }
   }
@@ -88782,7 +88770,7 @@ const useBoundaryOverflowDetection = (ref, dependencies = []) => {
 const useOnClickOutside = (ref, callback) => {
   React.useEffect(() => {
     const listener = (event) => {
-      const refs = !Array.isArray(ref) ? [ref] : ref;
+      const refs = Array.isArray(ref) ? ref : [ref];
       if (refs.some((currentRef) => !currentRef.current || currentRef.current.contains(event.target))) {
         return;
       }