@economic/taco 2.39.2 → 2.40.1

package/dist/taco.cjs.development.js

@@ -3747,7 +3747,7 @@ const Icon = /*#__PURE__*/React__default.forwardRef(function Icon(props, ref) {
   const className = cn('inline-flex h-[1.715em] w-[1.715em] flex-shrink-0', props.className, {
     'p-[3px]': (_props$className = props.className) === null || _props$className === void 0 ? void 0 : _props$className.includes('rounded-full')
   });
-  return Component ? ( /*#__PURE__*/React__default.createElement(Component, Object.assign({}, otherProps, {
+  return Component ? (/*#__PURE__*/React__default.createElement(Component, Object.assign({}, otherProps, {
     className: className,
     "data-taco": "icon",
     "data-icon-name": name,
@@ -4798,7 +4798,7 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner(props, ref) {
     className: className,
     "data-taco": "banner",
     ref: ref
-  }, getBannerIcon(state), children, onClose ? ( /*#__PURE__*/React.createElement(IconButton, {
+  }, getBannerIcon(state), children, onClose ? (/*#__PURE__*/React.createElement(IconButton, {
     "aria-label": texts.banner.close,
     className: "-mr-2 ml-auto self-start",
     icon: "close",
@@ -4892,7 +4892,7 @@ const Navbar = /*#__PURE__*/React.memo(({
     name: "month",
     onChange: handleChange,
     value: value.getMonth()
-  }, months.map((month, i) => ( /*#__PURE__*/React.createElement("option", {
+  }, months.map((month, i) => (/*#__PURE__*/React.createElement("option", {
     key: month,
     value: i
   }, month)))), /*#__PURE__*/React.createElement("select", {
@@ -4900,7 +4900,7 @@ const Navbar = /*#__PURE__*/React.memo(({
     name: "year",
     onChange: handleChange,
     value: value.getFullYear()
-  }, years.map(year => ( /*#__PURE__*/React.createElement("option", {
+  }, years.map(year => (/*#__PURE__*/React.createElement("option", {
     key: year,
     value: year
   }, String(year)))))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Tooltip, {
@@ -4977,13 +4977,13 @@ const Calendar$1 = props => {
         onMonthChange: setVisibleMonth,
         value: visibleMonth
       })),
-      Footer: () => ( /*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
+      Footer: () => (/*#__PURE__*/React.createElement("tfoot", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
         colSpan: 7,
         className: "text-center"
       }, /*#__PURE__*/React.createElement(TodayButton, {
         handleChange: handleChange
       }))))),
-      HeadRow: () => ( /*#__PURE__*/React.createElement("tr", null, texts.calendar.weekdaysShort.map((weekday, index) => {
+      HeadRow: () => (/*#__PURE__*/React.createElement("tr", null, texts.calendar.weekdaysShort.map((weekday, index) => {
         const label = texts.calendar.weekdays && texts.calendar.weekdays[index];
         return /*#__PURE__*/React.createElement("th", {
           key: weekday,
@@ -5068,8 +5068,8 @@ const Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
     "data-taco": "card",
     ref: ref
   }, /*#__PURE__*/React.createElement("div", {
-    className: "mx-4 mb-2 mt-4 flex"
-  }, title && ( /*#__PURE__*/React.createElement(Truncate, {
+    className: "mx-4 mb-2 mt-4 flex justify-between"
+  }, title && (/*#__PURE__*/React.createElement(Truncate, {
     tooltip: title
   }, /*#__PURE__*/React.createElement("h4", {
     className: "mb-0 flex-grow truncate text-left"
@@ -5176,9 +5176,9 @@ const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(props, ref) {
     onCheckedChange: handleChange,
     onKeyDown: handleKeyDown,
     ref: ref
-  }), loading ? ( /*#__PURE__*/React.createElement(Spinner, {
+  }), loading ? (/*#__PURE__*/React.createElement(Spinner, {
     className: spinnerClassname
-  })) : ( /*#__PURE__*/React.createElement(CheckboxPrimitive.Indicator, {
+  })) : (/*#__PURE__*/React.createElement(CheckboxPrimitive.Indicator, {
     className: "flex h-full w-full"
   }, /*#__PURE__*/React.createElement(Icon, {
     name: indeterminate ? 'line' : 'tick',
@@ -5381,7 +5381,7 @@ const InputWithoutDeprecatedFeatures = /*#__PURE__*/React.forwardRef(function In
     ref: postfixRef
   }) : null);
 });
-const Affix = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Affix(props, ref) {
+const Affix = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function Affix(props, ref) {
   const {
     children,
     disabled,
@@ -5619,7 +5619,7 @@ const ScrollableList = /*#__PURE__*/React.forwardRef(function ScrollableList(pro
   };
   return /*#__PURE__*/React.createElement("ul", Object.assign({}, list, {
     "data-taco": "scrollable-list"
-  }), loading ? ( /*#__PURE__*/React.createElement("li", {
+  }), loading ? (/*#__PURE__*/React.createElement("li", {
     className: "yt-list__empty"
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Spinner, {
     delay: 0
@@ -5627,9 +5627,9 @@ const ScrollableList = /*#__PURE__*/React.forwardRef(function ScrollableList(pro
     children,
     icon,
     ...optionProps
-  }) => ( /*#__PURE__*/React.createElement("li", Object.assign({}, optionProps), icon, /*#__PURE__*/React.createElement("span", {
+  }) => (/*#__PURE__*/React.createElement("li", Object.assign({}, optionProps), icon, /*#__PURE__*/React.createElement("span", {
     className: "flex-grow truncate text-left"
-  }, children), multiselect && ( /*#__PURE__*/React.createElement(Checkbox
+  }, children), multiselect && (/*#__PURE__*/React.createElement(Checkbox
   // In multiselect variant, this checkbox only acts as visual representation of item being selected,
   // so need to be taken out of screen reader scope.
   , {
@@ -5638,7 +5638,7 @@ const ScrollableList = /*#__PURE__*/React.forwardRef(function ScrollableList(pro
     checked: optionProps['aria-selected'],
     onChange: () => null,
     className: "pointer-events-none ml-2 self-center p-px"
-  }))))) : ( /*#__PURE__*/React.createElement("li", {
+  }))))) : (/*#__PURE__*/React.createElement("li", {
     className: "yt-list__empty"
   }, /*#__PURE__*/React.createElement("span", null, texts.listbox.empty))));
 });
@@ -6099,7 +6099,7 @@ const Combobox = /*#__PURE__*/React.forwardRef(function Combobox(props, ref) {
     ref: ref
   }), /*#__PURE__*/React.createElement(Input, Object.assign({}, input, {
     autoComplete: "off",
-    button: props.readOnly ? undefined : props.inline ? ( /*#__PURE__*/React.createElement(IconButton
+    button: props.readOnly ? undefined : props.inline ? (/*#__PURE__*/React.createElement(IconButton
     // In case of inline combobox, this icon button acts only as visual chevron representation,
     // so should be taken out of screen reader scope.
     , {
@@ -6113,7 +6113,7 @@ const Combobox = /*#__PURE__*/React.forwardRef(function Combobox(props, ref) {
         (_input$ref$current = input.ref.current) === null || _input$ref$current === void 0 ? void 0 : _input$ref$current.focus();
       },
       tabIndex: -1
-    })) : dialog ? ( /*#__PURE__*/React.createElement(IconButton, {
+    })) : dialog ? (/*#__PURE__*/React.createElement(IconButton, {
       "aria-label": texts.combobox.tooltip,
       icon: "list-search",
       disabled: props.readOnly || props.disabled,
@@ -6191,7 +6191,7 @@ const parseFromCustomString = (date = '', mask = 'dd.mm.yy', defaultMonth = unde
   month = Number.parseInt(month, 10);
   year = Number.parseInt(year, 10);
   const currentDate = new Date();
-  return new Date( /* year */Object.is(year, NaN) ? defaultYear !== null && defaultYear !== void 0 ? defaultYear : currentDate.getFullYear() : year, /* month */Object.is(month, NaN) ? defaultMonth !== null && defaultMonth !== void 0 ? defaultMonth : currentDate.getMonth() : month - 1,
+  return new Date(/* year */Object.is(year, NaN) ? defaultYear !== null && defaultYear !== void 0 ? defaultYear : currentDate.getFullYear() : year, /* month */Object.is(month, NaN) ? defaultMonth !== null && defaultMonth !== void 0 ? defaultMonth : currentDate.getMonth() : month - 1,
   // months are zero based in javascript, so subtract a day
   /* day */
   Object.is(day, NaN) ? currentDate.getDate() : day, /* hours */12, /* minutes */0 // set to midday to avoid UTC offset causing dates to be mismatched server side
@@ -6322,7 +6322,7 @@ const Trigger$2 = /*#__PURE__*/React.forwardRef(function PopoverTrigger(props, e
   } = React.useContext(PopoverContext);
   const refCallback = mergeRefs([parentRef, externalRef]);
   let children = props.children;
-  if ( /*#__PURE__*/React.isValidElement(props.children) && typeof ((_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === 'function') {
+  if (/*#__PURE__*/React.isValidElement(props.children) && typeof ((_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === 'function') {
     console.warn(`Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`);
     children = /*#__PURE__*/React.createElement("span", null, props.children);
   }
@@ -6367,7 +6367,7 @@ const Content$3 = /*#__PURE__*/React.forwardRef(function PopoverContent(props, r
     className: "text-white"
   })));
 });
-const Close$1 = /*#__PURE__*/React.forwardRef((props, ref) => ( /*#__PURE__*/React.createElement(PopoverPrimitive.Close, Object.assign({}, props, {
+const Close$1 = /*#__PURE__*/React.forwardRef((props, ref) => (/*#__PURE__*/React.createElement(PopoverPrimitive.Close, Object.assign({}, props, {
   ref: ref,
   asChild: true
 }))));
@@ -6430,16 +6430,16 @@ const Datepicker = /*#__PURE__*/React.forwardRef(function Datepicker(props, ref)
     "data-taco": "datepicker",
     style: style
   }, /*#__PURE__*/React.createElement(Input, Object.assign({}, input, {
-    button: input.readOnly ? undefined : ( /*#__PURE__*/React.createElement(IconButton, {
+    button: input.readOnly ? undefined : (/*#__PURE__*/React.createElement(IconButton, {
       "aria-label": texts.datepicker.expand,
       disabled: input.disabled || input.readOnly,
       icon: "calendar",
       tabIndex: -1,
-      popover: props => ( /*#__PURE__*/React.createElement(Popover, Object.assign({}, props), /*#__PURE__*/React.createElement(Popover.Content, {
+      popover: props => (/*#__PURE__*/React.createElement(Popover, Object.assign({}, props), /*#__PURE__*/React.createElement(Popover.Content, {
         onOpenAutoFocus: handleOpenAutofocus
       }, ({
         close
-      }) => ( /*#__PURE__*/React.createElement("div", {
+      }) => (/*#__PURE__*/React.createElement("div", {
         className: '[&_button[name="day"]:focus]:yt-focus -m-3 flex',
         ref: popoverContentRef
       }, /*#__PURE__*/React.createElement(Calendar$1, Object.assign({}, calendar, {
@@ -6447,11 +6447,11 @@ const Datepicker = /*#__PURE__*/React.forwardRef(function Datepicker(props, ref)
           calendar.onChange(date, event);
           close();
         }
-      })), shortcuts && ( /*#__PURE__*/React.createElement("div", {
+      })), shortcuts && (/*#__PURE__*/React.createElement("div", {
         className: "border-grey-300 flex flex-col border-l"
       }, /*#__PURE__*/React.createElement("span", {
         className: "m-4 mb-3 flex h-8 w-32 items-center text-xs font-semibold"
-      }, shortcutsText !== null && shortcutsText !== void 0 ? shortcutsText : texts.datepicker.shortcuts), /*#__PURE__*/React.createElement("ul", null, shortcuts.map(shortcut => ( /*#__PURE__*/React.createElement("li", {
+      }, shortcutsText !== null && shortcutsText !== void 0 ? shortcutsText : texts.datepicker.shortcuts), /*#__PURE__*/React.createElement("ul", null, shortcuts.map(shortcut => (/*#__PURE__*/React.createElement("li", {
         key: shortcut.text
       }, /*#__PURE__*/React.createElement("button", {
         type: "button",
@@ -6461,7 +6461,7 @@ const Datepicker = /*#__PURE__*/React.forwardRef(function Datepicker(props, ref)
           shortcut.onClick(event);
           close();
         }
-      }, shortcut.text))))), handleReset && ( /*#__PURE__*/React.createElement("button", {
+      }, shortcut.text))))), handleReset && (/*#__PURE__*/React.createElement("button", {
         type: "button",
         className: "mx-auto my-4 mt-auto inline-flex cursor-pointer border-none bg-transparent text-xs text-blue-500 hover:text-blue-300",
         onClick: event => {
@@ -6645,13 +6645,13 @@ const Content$4 = /*#__PURE__*/React.forwardRef(function DialogContent(props, re
   }), /*#__PURE__*/React.createElement("div", {
     className: containerClassName,
     "data-taco": "dialog"
-  }, output, dialog.draggable && ( /*#__PURE__*/React.createElement("div", Object.assign({}, dragHandleProps, {
+  }, output, dialog.draggable && (/*#__PURE__*/React.createElement("div", Object.assign({}, dragHandleProps, {
     role: "button",
     draggable: true,
     "aria-grabbed": dragging,
     "aria-label": texts.dialog.drag,
     className: "yt-dialog__drag absolute-center-x bg-grey-100 top-1.5 h-3 w-24 cursor-move rounded text-center print:hidden"
-  }))), dialog.showCloseButton ? ( /*#__PURE__*/React.createElement(DialogPrimitive.Close, {
+  }))), dialog.showCloseButton ? (/*#__PURE__*/React.createElement(DialogPrimitive.Close, {
     onClick: dialog.onClose,
     asChild: true
   }, /*#__PURE__*/React.createElement(IconButton, {
@@ -6936,7 +6936,7 @@ const Title$2 = /*#__PURE__*/React__default.forwardRef(function DrawerTitle(prop
     className: cName
   }, otherProps, {
     ref: ref
-  }), onClickBack ? ( /*#__PURE__*/React__default.createElement(IconButton, {
+  }), onClickBack ? (/*#__PURE__*/React__default.createElement(IconButton, {
     appearance: "discrete",
     "aria-label": texts.drawer.back,
     className: "mr-3 text-base",
@@ -7020,7 +7020,7 @@ const Portal = props => {
   }
   return /*#__PURE__*/React__default.createElement(DialogPrimitive.Portal, Object.assign({}, otherProps, {
     container: outlet !== null && outlet !== void 0 ? outlet : undefined
-  }), variant === 'overlay' ? ( /*#__PURE__*/React__default.createElement(DialogPrimitive.Overlay, {
+  }), variant === 'overlay' ? (/*#__PURE__*/React__default.createElement(DialogPrimitive.Overlay, {
     forceMount: true
   }, /*#__PURE__*/React__default.createElement(Backdrop, {
     className: backdropClassNames
@@ -7145,7 +7145,7 @@ const DrawerContent = /*#__PURE__*/React__default.forwardRef(function Content(pr
   }), dragging ? /*#__PURE__*/React__default.createElement("div", {
     "data-testid": "resize-hit-area",
     className: "fixed bottom-0 left-0 right-0 top-0"
-  }) : null), showCloseButton ? ( /*#__PURE__*/React__default.createElement(Close$3, null, /*#__PURE__*/React__default.createElement(IconButton, {
+  }) : null), showCloseButton ? (/*#__PURE__*/React__default.createElement(Close$3, null, /*#__PURE__*/React__default.createElement(IconButton, {
     appearance: "discrete",
     "aria-label": texts.drawer.close,
     className: "absolute right-0 top-0 mr-2 mt-4",
@@ -7157,7 +7157,7 @@ const DrawerContent = /*#__PURE__*/React__default.forwardRef(function Content(pr
       width: resizedWidth
     }
   };
-  return focusTrap ? ( /*#__PURE__*/React__default.createElement(DialogPrimitive.Content, Object.assign({
+  return focusTrap ? (/*#__PURE__*/React__default.createElement(DialogPrimitive.Content, Object.assign({
     forceMount: true
   }, otherProps, {
     className: contentClassName,
@@ -7166,7 +7166,7 @@ const DrawerContent = /*#__PURE__*/React__default.forwardRef(function Content(pr
     onCloseAutoFocus: handleCloseAutoFocus,
     ref: ref,
     style: styleProp
-  }), content)) : ( /*#__PURE__*/React__default.createElement(UntrappedFocusDrawerContent, {
+  }), content)) : (/*#__PURE__*/React__default.createElement(UntrappedFocusDrawerContent, {
     onEscape: handleEscapeKeyDown,
     className: contentClassName,
     style: styleProp,
@@ -7311,7 +7311,7 @@ const Field = /*#__PURE__*/React.forwardRef(function Field(props, ref) {
     className: className,
     "data-taco": "label",
     ref: ref
-  }), children, message && ( /*#__PURE__*/React.createElement(Truncate, {
+  }), children, message && (/*#__PURE__*/React.createElement(Truncate, {
     tooltip: message
   }, /*#__PURE__*/React.createElement("span", {
     className: messageClassName,
@@ -7349,7 +7349,7 @@ const Anchor$1 = /*#__PURE__*/React.forwardRef(function HangerAnchor(props, exte
   } = React.useContext(HangerContext);
   const refCallback = mergeRefs([parentRef, externalRef]);
   let children = props.children;
-  if ( /*#__PURE__*/React.isValidElement(props.children) && typeof ((_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === 'function') {
+  if (/*#__PURE__*/React.isValidElement(props.children) && typeof ((_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === 'function') {
     console.warn(`Hanger.Anchor requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`);
     children = /*#__PURE__*/React.createElement("span", null, props.children);
   }
@@ -7503,7 +7503,7 @@ const Item$1 = /*#__PURE__*/React__default.forwardRef(function Item(props, ref)
     "data-taco": "list-item",
     ref: ref,
     tabIndex: disabled ? -1 : tabIndex
-  }), icon ? ( /*#__PURE__*/React__default.createElement("span", {
+  }), icon ? (/*#__PURE__*/React__default.createElement("span", {
     className: iconClassName
   }, /*#__PURE__*/React__default.createElement(Icon, {
     name: icon
@@ -8221,7 +8221,7 @@ const Shortcut = ({
   const texts = getShortcutText(keys);
   return /*#__PURE__*/React__default.createElement("span", Object.assign({}, props, {
     className: className
-  }), texts.map(key => ( /*#__PURE__*/React__default.createElement("kbd", {
+  }), texts.map(key => (/*#__PURE__*/React__default.createElement("kbd", {
     key: key,
     className: "font-display text-grey-700 [[data-taco=tooltip]_&]:bg-grey-300/[0.25] rounded-sm bg-black/[0.09] px-1 text-center font-bold [[data-taco=tooltip]_&]:text-white"
   }, key))));
@@ -8229,7 +8229,7 @@ const Shortcut = ({
 
 const Icon$1 = ({
   name
-}) => ( /*#__PURE__*/React.createElement("span", {
+}) => (/*#__PURE__*/React.createElement("span", {
   className: "absolute left-0 ml-1"
 }, /*#__PURE__*/React.createElement(Icon, {
   className: "-ml-px -mt-px !h-5 !w-5",
@@ -8306,7 +8306,7 @@ const Item$2 = /*#__PURE__*/React.forwardRef(function MenuItem(props, ref) {
     ref: ref
   }), icon ? /*#__PURE__*/React.createElement(Icon$1, {
     name: icon
-  }) : null, props.children, shortcut ? ( /*#__PURE__*/React.createElement("span", {
+  }) : null, props.children, shortcut ? (/*#__PURE__*/React.createElement("span", {
     className: "ml-auto pl-5"
   }, /*#__PURE__*/React.createElement(Shortcut, {
     keys: shortcut,
@@ -8458,7 +8458,7 @@ const useRadioGroup = props => {
   const values = React.useMemo(() => {
     const radioGroupItemValues = [];
     React.Children.forEach(children, child => {
-      if ( /*#__PURE__*/React.isValidElement(child)) {
+      if (/*#__PURE__*/React.isValidElement(child)) {
         radioGroupItemValues.push(child.props.value);
       }
     });
@@ -8704,7 +8704,7 @@ const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGr
   }, typeof title === 'function' ? title(expanded) : title), /*#__PURE__*/React__default.createElement("ul", {
     role: "group",
     className: listClassName
-  }, React__default.Children.toArray(children).filter(item => !!item).map((item, i) => ( /*#__PURE__*/React__default.createElement("li", {
+  }, React__default.Children.toArray(children).filter(item => !!item).map((item, i) => (/*#__PURE__*/React__default.createElement("li", {
     key: i,
     role: "none"
   }, /*#__PURE__*/React__default.cloneElement(item, {
@@ -8841,7 +8841,7 @@ const Menu$2 = /*#__PURE__*/React__default.forwardRef(function Menu(props, ref)
   return /*#__PURE__*/React__default.createElement(Treeview, Object.assign({}, props, {
     className: cn('divide-grey-100 flex flex-grow flex-col divide-y-2 overflow-y-auto', props.className),
     ref: ref
-  }), scrollableAreas.map((area, i) => Array.isArray(area) ? ( /*#__PURE__*/React__default.createElement("div", {
+  }), scrollableAreas.map((area, i) => Array.isArray(area) ? (/*#__PURE__*/React__default.createElement("div", {
     className: "divide-grey-100 flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto",
     key: i
   }, area)) : area));
@@ -8941,7 +8941,6 @@ const OverflowGroup = /*#__PURE__*/React__default.forwardRef(function OverflowGr
   var _moreButton;
   const {
     moreButton,
-    wrapChild,
     ...attributes
   } = props;
   const internalRef = useMergedRef(ref);
@@ -8975,9 +8974,7 @@ const OverflowGroup = /*#__PURE__*/React__default.forwardRef(function OverflowGr
   })), hiddenChildren.length ? /*#__PURE__*/React__default.cloneElement(MoreButton, {
     className: cn('sticky right-0 order-[99]', MoreButton.props.className),
     'data-observer-ignore': true,
-    menu: menuProps => ( /*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, hiddenChildren.map((child, index) => wrapChild ? ( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
-      key: index
-    }, child)) : sanitizeButtonPropsForMenuItem(child, index))))),
+    menu: menuProps => (/*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, hiddenChildren.map(sanitizeButtonPropsForMenuItem)))),
     ref: buttonRefCallback
   }) : null);
 });
@@ -9010,7 +9007,7 @@ const PageNumbers = ({
   const {
     texts
   } = useLocalization();
-  return /*#__PURE__*/React.createElement(React.Fragment, null, range.map(pageNumber => ( /*#__PURE__*/React.createElement(Button$1, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, range.map(pageNumber => (/*#__PURE__*/React.createElement(Button$1, {
     appearance: pageNumber === currentPageIndex + 1 ? 'primary' : 'default',
     "aria-current": pageNumber === currentPageIndex + 1 ? 'page' : undefined,
     key: pageNumber,
@@ -9128,7 +9125,7 @@ const useSelect = ({
     } else {
       const item = findByValue(flattenedData, value);
       if (item) {
-        text = item.icon ? ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(item.icon, {
+        text = item.icon ? (/*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(item.icon, {
           className: cn(item.icon.props.className, 'mr-1 -mt-px')
         }), item.text)) : item.text;
       }
@@ -9395,7 +9392,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref)
     className: className,
     "data-taco": "pagination",
     ref: ref
-  }), showPageSize && ( /*#__PURE__*/React.createElement("span", {
+  }), showPageSize && (/*#__PURE__*/React.createElement("span", {
     className: "mr-4"
   }, getShowingLabel(length, pageIndex, pageSize, texts), /*#__PURE__*/React.createElement(Select, {
     "aria-label": texts.pagination.pageSize,
@@ -9409,7 +9406,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref)
       setPageSize(Number(event.target.value));
     },
     value: pageSize
-  }))), showPageControls && ( /*#__PURE__*/React.createElement(Group, {
+  }))), showPageControls && (/*#__PURE__*/React.createElement(Group, {
     as: "nav",
     "aria-label": texts.pagination.label
   }, /*#__PURE__*/React.createElement(IconButton, {
@@ -9426,7 +9423,7 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref)
     onClick: () => setPageIndex(pageIndex - 1),
     "aria-label": showShortcutTexts ? texts.pagination.actions.previousPageWithShortcut : texts.pagination.actions.previousPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.previousPageWithShortcut : texts.pagination.actions.previousPage
-  }), showPageNumbers && pageCount > 0 && ( /*#__PURE__*/React.createElement(PageNumbers, {
+  }), showPageNumbers && pageCount > 0 && (/*#__PURE__*/React.createElement(PageNumbers, {
     pageCount: pageCount,
     currentPageIndex: pageIndex,
     onClick: setPageIndex
@@ -9692,7 +9689,7 @@ const ToastProvider = ({
     role: "log"
   }, /*#__PURE__*/React.createElement(framerMotion.AnimatePresence, {
     initial: false
-  }, toasts.map(toast => ( /*#__PURE__*/React.createElement(framerMotion.motion.div, {
+  }, toasts.map(toast => (/*#__PURE__*/React.createElement(framerMotion.motion.div, {
     key: toast.id,
     transition: {
       type: 'spring',
@@ -10056,7 +10053,7 @@ function ignoreInternalColumns(data) {
 // mapping children to react-table columns
 function processChildren(child, columns, defaultSizing, defaultSorting, defaultVisibility, settings, defaultRowGroupColumnId) {
   const columnHelper = reactTable.createColumnHelper();
-  if ( /*#__PURE__*/React__default.isValidElement(child) && child.props.children) {
+  if (/*#__PURE__*/React__default.isValidElement(child) && child.props.children) {
     const {
       children,
       id,
@@ -10069,7 +10066,7 @@ function processChildren(child, columns, defaultSizing, defaultSorting, defaultV
       // we don't want to let column groups be grouped/aggregrated
       enableGrouping: false
     }));
-  } else if ( /*#__PURE__*/React__default.isValidElement(child) && (child.props.accessor || child.props.id)) {
+  } else if (/*#__PURE__*/React__default.isValidElement(child) && (child.props.accessor || child.props.id)) {
     const {
       id: untypedId,
       accessor: accessorKey = untypedId,
@@ -11952,7 +11949,7 @@ const Skeleton = /*#__PURE__*/React__default.forwardRef(function Skeleton(props,
   } = props;
   return /*#__PURE__*/React__default.createElement("tr", {
     ref: ref
-  }, Array(cellsCount).fill(null).map((_, index) => ( /*#__PURE__*/React__default.createElement("td", {
+  }, Array(cellsCount).fill(null).map((_, index) => (/*#__PURE__*/React__default.createElement("td", {
     key: index
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "bg-grey-100 text-grey-700 h-4 w-full text-center text-xs"
@@ -12193,17 +12190,17 @@ function Actions$1(props) {
       appearance: 'transparent',
       key: index,
       tabIndex: isActiveRow ? 0 : -1,
-      tooltip: button.props.shortcut ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+      tooltip: button.props.shortcut ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
         className: "ml-2",
         keys: button.props.shortcut
       }))) : tooltip
     });
-  }), actionsInMenu.length ? ( /*#__PURE__*/React__default.createElement(IconButton, {
+  }), actionsInMenu.length ? (/*#__PURE__*/React__default.createElement(IconButton, {
     appearance: "transparent",
     "aria-label": texts.table.columns.actions.tooltip,
     icon: "more",
     tabIndex: isActiveRow ? 0 : -1,
-    menu: menuProps => ( /*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, actionsInMenu.map((action, i) => ( /*#__PURE__*/React__default.createElement(Menu$1.Item, Object.assign({
+    menu: menuProps => (/*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, actionsInMenu.map((action, i) => (/*#__PURE__*/React__default.createElement(Menu$1.Item, Object.assign({
       key: i
     }, action.props, {
       shortcut: action.props.shortcut
@@ -12693,7 +12690,7 @@ const MemoedGroupedCell = /*#__PURE__*/React__default.memo(function MemoedGroupe
     }
   }), /*#__PURE__*/React__default.createElement("span", {
     className: "grow"
-  }, children), rowActions !== null && rowActions !== void 0 && rowActions.length && canShowActions ? ( /*#__PURE__*/React__default.createElement(Actions$1, {
+  }, children), rowActions !== null && rowActions !== void 0 && rowActions.length && canShowActions ? (/*#__PURE__*/React__default.createElement(Actions$1, {
     actions: rowActions,
     actionsLength: 4,
     data: subRows,
@@ -12814,12 +12811,12 @@ const DisplayRow = /*#__PURE__*/React__default.memo(function DisplayRow(props) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("tr", Object.assign({}, attributes, {
     className: className,
     ref: ref
-  }), children, row.getVisibleCells().map((cell, cellIndex) => ( /*#__PURE__*/React__default.createElement(Cell$4, {
+  }), children, row.getVisibleCells().map((cell, cellIndex) => (/*#__PURE__*/React__default.createElement(Cell$4, {
     key: cell.id,
     cell: cell,
     index: cellIndex,
     renderer: CellRenderer
-  })))), expandedRow ? ( /*#__PURE__*/React__default.createElement("tr", {
+  })))), expandedRow ? (/*#__PURE__*/React__default.createElement("tr", {
     "data-row-parent-id": row.id,
     ref: expansionRef
   }, /*#__PURE__*/React__default.createElement("td", {
@@ -13016,7 +13013,7 @@ const SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput({
     placeholder: texts.searchInput.placeholder
   }, props, {
     onKeyDown: handleKeyDown,
-    postfix: /*#__PURE__*/React.createElement(React.Fragment, null, props.disabled || props.readOnly || !props.value ? null : ( /*#__PURE__*/React.createElement(IconButton, {
+    postfix: /*#__PURE__*/React.createElement(React.Fragment, null, props.disabled || props.readOnly || !props.value ? null : (/*#__PURE__*/React.createElement(IconButton, {
       "aria-hidden": true,
       "aria-label": texts.searchInput.clear,
       className: "group-peer-focus:visible group-peer-hover:visible !text-grey-700 invisible mr-0.5 !h-5 !min-h-[theme(spacing.4)] !w-5 !min-w-[theme(spacing.4)] text-xs hover:visible group-hover:visible",
@@ -13127,15 +13124,15 @@ function HeaderMenu(props) {
     if (canHide && handleHide) {
       // we do this in the next tick, otherwise the menu closes and react throws a "state update on unmounted component" error
       const handleClick = event => setTimeout(() => handleHide(event), 1);
-      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+      menuItems.push(/*#__PURE__*/React__default.createElement(Menu$1.Item, {
         icon: "eye-off",
         onClick: handleClick
       }, texts.table.columns.menu.hideColumn));
     }
     if (canSort) {
-      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+      menuItems.push(/*#__PURE__*/React__default.createElement(Menu$1.Item, {
         icon: "sort-by",
-        subMenu: () => ( /*#__PURE__*/React__default.createElement(Menu$1.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup, {
+        subMenu: () => (/*#__PURE__*/React__default.createElement(Menu$1.SubMenu, null, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup, {
           onChange: handleSortToggle,
           value: sortDirection
         }, /*#__PURE__*/React__default.createElement(Menu$1.RadioGroup.Item, {
@@ -13148,24 +13145,24 @@ function HeaderMenu(props) {
       }, texts.table.columns.menu.sorting));
     }
     if (canGoto) {
-      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+      menuItems.push(/*#__PURE__*/React__default.createElement(Menu$1.Item, {
         icon: "move",
         onClick: () => setPopover('goto'),
         shortcut: "g"
       }, texts.table.columns.menu.gotoRow, "..."));
     }
     if (canPin && handlePin) {
-      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+      menuItems.push(/*#__PURE__*/React__default.createElement(Menu$1.Item, {
         icon: "column-freeze",
         onClick: () => handlePin(index)
       }, index === 0 ? texts.table.columns.menu.freezeFirstColumn : texts.table.columns.menu.freezeUptoColumn.replace('[TOTAL]', String(index + 1))));
-      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+      menuItems.push(/*#__PURE__*/React__default.createElement(Menu$1.Item, {
         icon: "column-unfreeze",
         onClick: () => handlePin(undefined)
       }, texts.table.columns.menu.unfreezeColumns));
     }
     if (canFilter && handleFilter) {
-      menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+      menuItems.push(/*#__PURE__*/React__default.createElement(Menu$1.Item, {
         icon: isFiltered ? 'filter-solid' : 'filter',
         onClick: () => handleFilter()
       }, isFiltered ? texts.table.columns.menu.editFilter : texts.table.columns.menu.filter));
@@ -13174,7 +13171,7 @@ function HeaderMenu(props) {
       const customItems = customMenu.map(menuItem => menuItem(columnId)).filter(action => !!action);
       if (customItems.length) {
         if (menuItems.length) {
-          menuItems.push( /*#__PURE__*/React__default.createElement(Menu$1.Separator, null));
+          menuItems.push(/*#__PURE__*/React__default.createElement(Menu$1.Separator, null));
         }
         menuItems.push(...customItems);
       }
@@ -13200,7 +13197,7 @@ function HeaderMenu(props) {
   return /*#__PURE__*/React__default.createElement(IconButton, {
     className: className,
     icon: "more",
-    menu: popoverElement ? undefined : menuProps => ( /*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, memoedMenuItems))),
+    menu: popoverElement ? undefined : menuProps => (/*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, memoedMenuItems))),
     popover: popoverElement,
     onClickCapture: event => event.preventDefault(),
     onKeyDown: event => {
@@ -13408,14 +13405,14 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
     "data-cell-pinned": isPinned ? isPinned : undefined,
     style: style,
     ref: setRef
-  }), isPlaceholder ? null : isInternalColumn(id) ? children : ( /*#__PURE__*/React__default.createElement(Tooltip, {
+  }), isPlaceholder ? null : isInternalColumn(id) ? children : (/*#__PURE__*/React__default.createElement(Tooltip, {
     title: String(tooltip !== null && tooltip !== void 0 ? tooltip : children),
     placement: "top"
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "truncate"
   }, children))), sortDirection ? /*#__PURE__*/React__default.createElement(SortIndicator, {
     direction: sortDirection
-  }) : null, hasMenu ? ( /*#__PURE__*/React__default.createElement(HeaderMenu, {
+  }) : null, hasMenu ? (/*#__PURE__*/React__default.createElement(HeaderMenu, {
     canFilter: canFilter,
     canGoto: canGoto,
     canHide: canHide,
@@ -13437,7 +13434,7 @@ const MemoedHeader = /*#__PURE__*/React__default.memo(function MemoedHeader(prop
     setRowActiveIndex: setRowActiveIndex,
     sortDirection: sortDirection,
     columnId: id
-  })) : null, canResize ? ( /*#__PURE__*/React__default.createElement(Resizer, {
+  })) : null, canResize ? (/*#__PURE__*/React__default.createElement(Resizer, {
     headerRef: ref,
     id: id,
     isResizing: isResizing,
@@ -13601,7 +13598,7 @@ function Summary(props) {
 
 function Foot(props) {
   const nonGroupedHeaders = props.table.getFooterGroups()[0].headers.filter(header => !header.column.getIsGrouped());
-  return /*#__PURE__*/React__default.createElement("tfoot", null, /*#__PURE__*/React__default.createElement("tr", null, nonGroupedHeaders.map((header, index) => ( /*#__PURE__*/React__default.createElement(Footer$3, {
+  return /*#__PURE__*/React__default.createElement("tfoot", null, /*#__PURE__*/React__default.createElement("tr", null, nonGroupedHeaders.map((header, index) => (/*#__PURE__*/React__default.createElement(Footer$3, {
     key: header.id,
     header: header,
     index: index
@@ -13687,7 +13684,7 @@ const SearchInput2 = /*#__PURE__*/React__default.forwardRef(function SearchInput
     texts
   } = useLocalization();
   const isActive = value === null || value === void 0 ? void 0 : value.length;
-  const hasFind = handleClickFindNext && handleClickFindPrevious && findCurrent !== undefined && findTotal !== undefined;
+  const hasFind = handleClickFindNext !== undefined && handleClickFindPrevious !== undefined && findCurrent !== undefined && findTotal !== undefined;
   useGlobalKeyDown(shortcut, event => {
     if (document.activeElement !== internalRef.current) {
       var _internalRef$current;
@@ -13748,7 +13745,7 @@ const SearchInput2 = /*#__PURE__*/React__default.forwardRef(function SearchInput
         icon: "close",
         onMouseDown: handleClear,
         tabIndex: -1,
-        tooltip: focused ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.searchInput.clear, " ", /*#__PURE__*/React__default.createElement(Shortcut, {
+        tooltip: focused ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.searchInput.clear, " ", /*#__PURE__*/React__default.createElement(Shortcut, {
           keys: "Escape"
         }))) : texts.searchInput.clear
       });
@@ -13758,13 +13755,13 @@ const SearchInput2 = /*#__PURE__*/React__default.forwardRef(function SearchInput
         className: "text-grey-700 flex h-4 items-center border-r border-black/[0.25] pr-2"
       }, loading ? /*#__PURE__*/React__default.createElement(Spinner, {
         className: "h-4 w-4"
-      }) : `${findCurrent !== null && findCurrent !== void 0 ? findCurrent : 0}/${findTotal !== null && findTotal !== void 0 ? findTotal : 0}`), findCurrent ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(IconButton, {
+      }) : `${findCurrent !== null && findCurrent !== void 0 ? findCurrent : 0}/${findTotal !== null && findTotal !== void 0 ? findTotal : 0}`), findCurrent ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(IconButton, {
         "aria-label": texts.searchInput.findPrevious,
         className: "scale-75 !bg-transparent hover:!bg-black/[0.08] [&>svg]:scale-125",
         icon: "chevron-up",
         onMouseDown: handleClickFindPrevious,
         tabIndex: -1,
-        tooltip: focused ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.searchInput.findPrevious, " ", /*#__PURE__*/React__default.createElement(Shortcut, {
+        tooltip: focused ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.searchInput.findPrevious, " ", /*#__PURE__*/React__default.createElement(Shortcut, {
           keys: {
             shift: true,
             key: 'Enter'
@@ -13776,7 +13773,7 @@ const SearchInput2 = /*#__PURE__*/React__default.forwardRef(function SearchInput
         icon: "chevron-down",
         onMouseDown: handleClickFindNext,
         tabIndex: -1,
-        tooltip: focused ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.searchInput.findNext, " ", /*#__PURE__*/React__default.createElement(Shortcut, {
+        tooltip: focused ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.searchInput.findNext, " ", /*#__PURE__*/React__default.createElement(Shortcut, {
           keys: "Enter"
         }))) : texts.searchInput.findNext
       }))) : null, postfix);
@@ -14150,11 +14147,11 @@ function HideOrOrderPopover(props) {
     anchor: trigger
   }), /*#__PURE__*/React__default.createElement(Popover.Content, null, /*#__PURE__*/React__default.createElement("div", {
     className: "flex min-w-[100px] max-w-sm flex-col gap-2"
-  }, table.options.enableHiding ? ( /*#__PURE__*/React__default.createElement(Input, {
+  }, table.options.enableHiding ? (/*#__PURE__*/React__default.createElement(Input, {
     onChange: event => setQuery(event.target.value),
     placeholder: texts.table.columnSettings.search,
     value: query
-  })) : null, tableMeta.columnOrdering.isEnabled && columns.length && !(query !== null && query !== void 0 && query.length) ? ( /*#__PURE__*/React__default.createElement(Container, {
+  })) : null, tableMeta.columnOrdering.isEnabled && columns.length && !(query !== null && query !== void 0 && query.length) ? (/*#__PURE__*/React__default.createElement(Container, {
     reorder: handleReorder
   }, /*#__PURE__*/React__default.createElement(List$2, {
     id: "columns",
@@ -14170,7 +14167,7 @@ function HideOrOrderPopover(props) {
       column: column,
       draggable: (_column$columnDef$met5 = column.columnDef.meta) === null || _column$columnDef$met5 === void 0 ? void 0 : _column$columnDef$met5.enableOrdering
     }));
-  })))) : ( /*#__PURE__*/React__default.createElement("div", {
+  })))) : (/*#__PURE__*/React__default.createElement("div", {
     className: listClassName
   }, columns.length ? columns.map(column => /*#__PURE__*/React__default.createElement(Column, {
     column: column,
@@ -14198,7 +14195,7 @@ function Settings$1(props) {
       case 'columnSettings':
         {
           if (canHideOrOrder) {
-            popoverElement = popoverProps => ( /*#__PURE__*/React__default.createElement(HideOrOrderPopover, Object.assign({}, popoverProps, {
+            popoverElement = popoverProps => (/*#__PURE__*/React__default.createElement(HideOrOrderPopover, Object.assign({}, popoverProps, {
               open: true,
               onChange: handleClosePopover,
               table: table
@@ -14210,22 +14207,22 @@ function Settings$1(props) {
   return /*#__PURE__*/React__default.createElement(IconButton, {
     "aria-label": texts.table.otherOptions.tooltip,
     icon: "sliders",
-    menu: popoverElement ? undefined : menuProps => ( /*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, {
+    menu: popoverElement ? undefined : menuProps => (/*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, {
       align: "end"
-    }, canHideOrOrder ? ( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+    }, canHideOrOrder ? (/*#__PURE__*/React__default.createElement(Menu$1.Item, {
       icon: "columns",
       onClick: () => setPopover('columnSettings')
-    }, texts.table.columnSettings.button)) : null, canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? ( /*#__PURE__*/React__default.createElement(Menu$1.Separator, null)) : null, canChangeRowHeight ? ( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+    }, texts.table.columnSettings.button)) : null, canHideOrOrder && (canChangeRowHeight || canChangeFontSize || customSettings) ? (/*#__PURE__*/React__default.createElement(Menu$1.Separator, null)) : null, canChangeRowHeight ? (/*#__PURE__*/React__default.createElement(Menu$1.Item, {
       icon: `height-${tableMeta.rowHeight.height}`,
       subMenu: () => /*#__PURE__*/React__default.createElement(RowHeightMenuItem, {
         tableMeta: tableMeta
       })
-    }, texts.table.rowHeight.tooltip)) : null, canChangeFontSize ? ( /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+    }, texts.table.rowHeight.tooltip)) : null, canChangeFontSize ? (/*#__PURE__*/React__default.createElement(Menu$1.Item, {
       icon: "font-size",
       subMenu: () => /*#__PURE__*/React__default.createElement(FontSizeMenuItem, {
         tableMeta: tableMeta
       })
-    }, texts.table.fontSize.tooltip)) : null, customSettings ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, canChangeRowHeight || canChangeFontSize ? /*#__PURE__*/React__default.createElement(Menu$1.Separator, null) : null, customSettings(getSettings(table)).map((item, index) => ( /*#__PURE__*/React__default.createElement(React__default.Fragment, {
+    }, texts.table.fontSize.tooltip)) : null, customSettings ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, canChangeRowHeight || canChangeFontSize ? /*#__PURE__*/React__default.createElement(Menu$1.Separator, null) : null, customSettings(getSettings(table)).map((item, index) => (/*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: index
     }, item))))) : null))),
     popover: popoverElement,
@@ -14614,12 +14611,12 @@ const Tag$1 = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   }), /*#__PURE__*/React__default.createElement("span", {
     className: "truncate px-2",
     ref: textRef
-  }, icon ? typeof icon === 'string' ? ( /*#__PURE__*/React__default.createElement(Icon, {
+  }, icon ? typeof icon === 'string' ? (/*#__PURE__*/React__default.createElement(Icon, {
     name: icon,
     className: "-ml-1 -mt-0.5 mr-1 !h-5 !w-5"
-  })) : ( /*#__PURE__*/React__default.cloneElement(icon, {
+  })) : (/*#__PURE__*/React__default.cloneElement(icon, {
     className: 'mr-1 -ml-1 -mt-0.5 !h-5 !w-5'
-  })) : null, children), onDelete ? ( /*#__PURE__*/React__default.createElement(Icon, {
+  })) : null, children), onDelete ? (/*#__PURE__*/React__default.createElement(Icon, {
     name: "close",
     onClick: onDelete,
     className: "-ml-1.5 !h-6 !w-5 flex-shrink-0 cursor-pointer rounded-r p-0.5 hover:bg-black/5"
@@ -14763,9 +14760,9 @@ const EditPopover = props => {
     className: "focus:!shadow-none"
   }, ({
     close
-  }) => ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
+  }) => (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     className: "flex w-32 flex-col space-y-2"
-  }, onEdit ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Field, {
+  }, onEdit ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Field, {
     className: cn('!min-h-fit', {
       '!pb-0': !validationError
     }),
@@ -14777,7 +14774,7 @@ const EditPopover = props => {
     onKeyDown: handleInputKeyDown(close),
     ref: ref,
     value: name
-  })), initialColor ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("h5", null, "Colours"), /*#__PURE__*/React__default.createElement(Colours, {
+  })), initialColor ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("h5", null, "Colours"), /*#__PURE__*/React__default.createElement(Colours, {
     color: color,
     onChangeColor: setColor,
     onKeyDown: preventKeyDownPropagation
@@ -14786,7 +14783,7 @@ const EditPopover = props => {
   }, texts.select2.cancel), /*#__PURE__*/React__default.createElement(Button$1, {
     appearance: "primary",
     onClick: handleSave(close)
-  }, texts.select2.save)))) : null, onEdit && onDelete ? /*#__PURE__*/React__default.createElement("hr", null) : null, onDelete ? ( /*#__PURE__*/React__default.createElement("button", {
+  }, texts.select2.save)))) : null, onEdit && onDelete ? /*#__PURE__*/React__default.createElement("hr", null) : null, onDelete ? (/*#__PURE__*/React__default.createElement("button", {
     className: "hover:text-grey-700 flex items-center justify-start gap-1",
     onClick: handleDelete(close),
     onKeyDown: preventKeyDownPropagation
@@ -14812,7 +14809,7 @@ const Colours = props => {
     onKeyDown: onKeyDown,
     onValueChange: color => onChangeColor(color),
     value: color
-  }, AVAILABLE_COLORS.map(availableColor => ( /*#__PURE__*/React__default.createElement(RadioGroupPrimitive.Item, {
+  }, AVAILABLE_COLORS.map(availableColor => (/*#__PURE__*/React__default.createElement(RadioGroupPrimitive.Item, {
     "aria-label": color,
     className: cn('flex h-6 w-6 cursor-pointer items-center justify-center rounded', getSubtleColorShadeClasses(availableColor)),
     key: availableColor,
@@ -14885,14 +14882,14 @@ const Option$1 = /*#__PURE__*/React__default.forwardRef(function Select2Option(p
     onClick: handleClick,
     onKeyDown: handleKeyDown,
     ref: ref
-  }), hasValue ? ( /*#__PURE__*/React__default.createElement(Icon, {
+  }), hasValue ? (/*#__PURE__*/React__default.createElement(Icon, {
     name: "tick",
     className: "pointer-events-none invisible -mx-0.5 !h-4 !w-4 group-aria-selected:visible"
-  })) : null, isTag ? ( /*#__PURE__*/React__default.createElement(Tag$1, {
+  })) : null, isTag ? (/*#__PURE__*/React__default.createElement(Tag$1, {
     className: "pointer-events-none my-1",
     color: color,
     icon: prefix
-  }, children)) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, prefix ? typeof prefix === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
+  }, children)) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, prefix ? typeof prefix === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
     name: prefix
   }) : prefix : null, /*#__PURE__*/React__default.createElement("span", {
     className: "flex w-full justify-between"
@@ -14904,7 +14901,7 @@ const Option$1 = /*#__PURE__*/React__default.forwardRef(function Select2Option(p
     className: "flex flex-col self-center"
   }, postfix ? typeof postfix === 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
     name: postfix
-  }) : postfix : null)))), popover ? ( /*#__PURE__*/React__default.createElement(IconButton, {
+  }) : postfix : null)))), popover ? (/*#__PURE__*/React__default.createElement(IconButton, {
     icon: "ellipsis-vertical",
     appearance: "discrete",
     className: cn('group-aria-current:visible invisible -mr-1 ml-auto !h-5 min-h-[theme(spacing.6)] !w-5 min-w-[theme(spacing.6)] hover:!bg-black/[.08] focus:!shadow-none group-hover:visible', {
@@ -15070,7 +15067,7 @@ const Single = /*#__PURE__*/React__default.forwardRef(function Select2TriggerSin
         readOnly: readOnly
       }, currentValue.props.children);
     } else {
-      output = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, currentValue.props.prefix ? typeof currentValue.props.prefix === 'string' ? ( /*#__PURE__*/React__default.createElement(Icon, {
+      output = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, currentValue.props.prefix ? typeof currentValue.props.prefix === 'string' ? (/*#__PURE__*/React__default.createElement(Icon, {
         name: currentValue.props.prefix,
         className: "mr-1 !h-5 !w-5"
       })) : currentValue.props.prefix : null, currentValue.props.children);
@@ -15116,10 +15113,10 @@ const Multiple = /*#__PURE__*/React__default.forwardRef(function Select2TriggerM
       onClick: forwardClick
     }, /*#__PURE__*/React__default.createElement("div", {
       className: "flex flex-wrap gap-1"
-    }, valuesAsChildren.length === 0 ? ( /*#__PURE__*/React__default.createElement(Placeholder, {
+    }, valuesAsChildren.length === 0 ? (/*#__PURE__*/React__default.createElement(Placeholder, {
       disabled: disabled,
       readOnly: readOnly
-    }, placeholder)) : valuesAsChildren.map(child => ( /*#__PURE__*/React__default.createElement(Tag$1, {
+    }, placeholder)) : valuesAsChildren.map(child => (/*#__PURE__*/React__default.createElement(Tag$1, {
       key: String(child.props.value),
       className: "truncate",
       color: tags ? child.props.color : undefined,
@@ -15170,7 +15167,7 @@ const MultipleValue = ({
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-1 gap-1 truncate",
     ref: ref => setContentRef(ref)
-  }, valuesAsChildren.length === 0 ? ( /*#__PURE__*/React__default.createElement(Placeholder, {
+  }, valuesAsChildren.length === 0 ? (/*#__PURE__*/React__default.createElement(Placeholder, {
     disabled: disabled,
     readOnly: readOnly
   }, placeholder)) : valuesAsChildren.map((child, index) => {
@@ -15192,7 +15189,7 @@ const MultipleValue = ({
       }, tag);
     }
     return tag;
-  })), boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? ( /*#__PURE__*/React__default.createElement(Tooltip, {
+  })), boundaryIndex !== undefined && boundaryIndex !== null && boundaryIndex < valuesAsChildren.length - 1 ? (/*#__PURE__*/React__default.createElement(Tooltip, {
     title: valuesAsChildren.slice(boundaryIndex + 1).map(child => child ? String(child.props.children) : '').join(', ')
   }, /*#__PURE__*/React__default.createElement(Badge, {
     className: "flex-shrink-0"
@@ -15496,10 +15493,10 @@ const Create = props => {
     appearance: createDialog ? 'discrete' : 'default'
   }), /*#__PURE__*/React__default.createElement("span", {
     className: "flex items-center gap-1.5"
-  }, createDialog ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
+  }, createDialog ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon, {
     className: "text-xs",
     name: "circle-plus"
-  }), " ", createText)) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, createText, /*#__PURE__*/React__default.createElement(Tag$1, {
+  }), " ", createText)) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, createText, /*#__PURE__*/React__default.createElement(Tag$1, {
     color: nextColor,
     className: "cursor-pointer"
   }, searchQuery)))));
@@ -15735,17 +15732,17 @@ const Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, r
     style: {
       minWidth: dimensions !== null && dimensions !== void 0 && dimensions.width ? `${dimensions.width}px` : undefined
     }
-  }, flattenedChildren.length > 0 || isInlineCreation ? ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Search$2, {
+  }, flattenedChildren.length > 0 || isInlineCreation ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Search$2, {
     placeholder: isInlineCreation ? texts.select2.searchOrCreate : texts.select2.search,
     ref: searchRef,
     onTabKeyPress: () => setTabTriggeredClose(true)
-  }), multiple && selectOptions.length > 1 && ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button$1, {
+  }), multiple && selectOptions.length > 1 && (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button$1, {
     className: "!justify-start",
     appearance: "discrete",
     onClick: areAllSelected ? deselectAll : selectAll
   }, selectAllText), /*#__PURE__*/React__default.createElement("div", {
     className: "border-grey-300 mx-3 rounded border-t"
-  }))))) : null, loading ? ( /*#__PURE__*/React__default.createElement("span", {
+  }))))) : null, loading ? (/*#__PURE__*/React__default.createElement("span", {
     className: cn('text-grey-700 flex items-center italic', fontSize && getFontSize(fontSize))
   }, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement(Spinner, {
     delay: 0,
@@ -15754,10 +15751,10 @@ const Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, r
       '!h-4 !w-4': fontSize === exports.FontSizes.medium,
       '!h-5 !w-5': fontSize === exports.FontSizes.large
     })
-  })), /*#__PURE__*/React__default.createElement("span", null, texts.listbox.loading))) : flattenedChildren.length <= 0 ? ( /*#__PURE__*/React__default.createElement("div", {
+  })), /*#__PURE__*/React__default.createElement("span", null, texts.listbox.loading))) : flattenedChildren.length <= 0 ? (/*#__PURE__*/React__default.createElement("div", {
     className: "text-grey-700 -mt-0.5 flex h-8 items-center px-2",
     role: "presentation"
-  }, texts.listbox.empty)) : ( /*#__PURE__*/React__default.createElement(Root$1, {
+  }, texts.listbox.empty)) : (/*#__PURE__*/React__default.createElement(Root$1, {
     className: "flex flex-col gap-0.5",
     customSelector: ":scope > button",
     disabled: disabled,
@@ -15768,7 +15765,7 @@ const Select2 = /*#__PURE__*/React__default.forwardRef(function Select2(props, r
     setValue: setValue,
     tabIndex: -1,
     value: value
-  }, searchQuery === '' ? ( /*#__PURE__*/React__default.createElement(Collection$1, null, initialChildren)) : ( /*#__PURE__*/React__default.createElement(Collection$1, null, filteredChildren)), onCreate ? /*#__PURE__*/React__default.createElement(Create, {
+  }, searchQuery === '' ? (/*#__PURE__*/React__default.createElement(Collection$1, null, initialChildren)) : (/*#__PURE__*/React__default.createElement(Collection$1, null, filteredChildren)), onCreate ? /*#__PURE__*/React__default.createElement(Create, {
     onCreate: onCreate,
     options: flattenedChildren
   }) : null))))), /*#__PURE__*/React__default.createElement(ControlledHiddenField, {
@@ -15812,7 +15809,7 @@ const ControlledHiddenField = props => {
       value: bubbleValue
     }, emptyValue !== undefined ? /*#__PURE__*/React__default.createElement("option", {
       value: emptyValue
-    }) : null, options.map(option => ( /*#__PURE__*/React__default.createElement("option", {
+    }) : null, options.map(option => (/*#__PURE__*/React__default.createElement("option", {
       key: String(option),
       value: String(option)
     }))));
@@ -15849,7 +15846,7 @@ function PrintDialog(props) {
     "aria-label": texts.table.print.warningDialog.title
   }, ({
     close
-  }) => ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Dialog.Title, null, texts.table.print.settingsDialog.title), /*#__PURE__*/React__default.createElement("div", {
+  }) => (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Dialog.Title, null, texts.table.print.settingsDialog.title), /*#__PURE__*/React__default.createElement("div", {
     className: "mt-4 flex flex-col gap-2"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "grid grid-cols-2 gap-4"
@@ -15873,18 +15870,18 @@ function PrintDialog(props) {
     value: "landscape"
   }, texts.table.print.settingsDialog.orientationLandscape), /*#__PURE__*/React__default.createElement(Select2.Option, {
     value: "portrait"
-  }, texts.table.print.settingsDialog.orientationPortrait)))), table.options.enableRowSelection && table.getIsSomeRowsSelected() ? ( /*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.rows, /*#__PURE__*/React__default.createElement(RadioGroup, {
+  }, texts.table.print.settingsDialog.orientationPortrait)))), table.options.enableRowSelection && table.getIsSomeRowsSelected() ? (/*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.rows, /*#__PURE__*/React__default.createElement(RadioGroup, {
     onChange: setAllRows,
     value: allRows
   }, /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
     value: true
   }, texts.table.print.settingsDialog.rowsAll), /*#__PURE__*/React__default.createElement(RadioGroup.Item, {
     value: false
-  }, texts.table.print.settingsDialog.rowsSelected)))) : undefined, rowGroupingColumnName ? ( /*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.layout, /*#__PURE__*/React__default.createElement(Checkbox, {
+  }, texts.table.print.settingsDialog.rowsSelected)))) : undefined, rowGroupingColumnName ? (/*#__PURE__*/React__default.createElement(Field, null, texts.table.print.settingsDialog.layout, /*#__PURE__*/React__default.createElement(Checkbox, {
     label: texts.table.print.settingsDialog.layoutSplitGroups.replace('[COLUMN]', rowGroupingColumnName),
     checked: splitGroups,
     onChange: setSplitGroups
-  }))) : null, cellCount > SAFE_PRINT_CELL_COUNT ? ( /*#__PURE__*/React__default.createElement(Alert, {
+  }))) : null, cellCount > SAFE_PRINT_CELL_COUNT ? (/*#__PURE__*/React__default.createElement(Alert, {
     state: "warning"
   }, texts.table.print.warningDialog.description)) : null), /*#__PURE__*/React__default.createElement(Dialog.Footer, null, /*#__PURE__*/React__default.createElement(Group, null, /*#__PURE__*/React__default.createElement(Dialog.Close, null, /*#__PURE__*/React__default.createElement(Button$1, null, texts.table.print.warningDialog.cancelButtonText)), /*#__PURE__*/React__default.createElement(Button$1, {
     appearance: "primary",
@@ -16002,7 +15999,7 @@ function Print$1(props) {
   }, printStyle.join('\n')), /*#__PURE__*/React__default.createElement(IconButton, {
     icon: "print",
     "aria-label": texts.table.print.tooltip,
-    dialog: dialogProps => ( /*#__PURE__*/React__default.createElement(PrintDialog, Object.assign({}, dialogProps, {
+    dialog: dialogProps => (/*#__PURE__*/React__default.createElement(PrintDialog, Object.assign({}, dialogProps, {
       table: table,
       onAccept: print,
       orientation: orientation,
@@ -16059,7 +16056,7 @@ function guessComparatorsBasedOnControl(column) {
       readOnly: false,
       ref: undefined
     });
-    if ( /*#__PURE__*/React__default.isValidElement(renderedControl)) {
+    if (/*#__PURE__*/React__default.isValidElement(renderedControl)) {
       const {
         props,
         type
@@ -16114,7 +16111,7 @@ const FilterColumn = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     return /*#__PURE__*/React__default.createElement(Select2.Option, {
       key: column.id,
       value: column.id,
-      postfix: !column.getIsVisible() || column.getIsGrouped() ? ( /*#__PURE__*/React__default.createElement(Tooltip, {
+      postfix: !column.getIsVisible() || column.getIsGrouped() ? (/*#__PURE__*/React__default.createElement(Tooltip, {
         title: column.getIsGrouped() ? texts.table.filters.hiddenGroupedColumn : texts.table.filters.hiddenColumn
       }, /*#__PURE__*/React__default.createElement(Icon, {
         name: "eye-off",
@@ -16141,7 +16138,7 @@ function FilterComparator(props) {
     disabled: !column,
     onChange: handleChange,
     value: value
-  }), validComparators.map(comparator => ( /*#__PURE__*/React__default.createElement(Select2.Option, {
+  }), validComparators.map(comparator => (/*#__PURE__*/React__default.createElement(Select2.Option, {
     key: comparator,
     value: comparator
   }, getComparatorText(comparator, texts, column)))));
@@ -16498,7 +16495,7 @@ function ManageFiltersPopover(props) {
     className: "text-grey-700 mb-0 mr-auto mt-px inline-flex"
   }, texts.table.filters.total.replace('[CURRENT]', new Intl.NumberFormat(locale).format(table.getFilteredRowModel().rows.length)).replace('[TOTAL]', new Intl.NumberFormat(locale).format(length))))), /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-2"
-  }, filters.map((filter, index) => ( /*#__PURE__*/React__default.createElement(Filter$1, {
+  }, filters.map((filter, index) => (/*#__PURE__*/React__default.createElement(Filter$1, {
     key: `filter_${index}`,
     allColumns: allColumns,
     filter: filter,
@@ -16547,7 +16544,7 @@ function Filters(props) {
     })),
     shortcut,
     ref,
-    tooltip: ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table.filters.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
+    tooltip: (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, texts.table.filters.tooltip, /*#__PURE__*/React__default.createElement(Shortcut, {
       className: "ml-2",
       keys: shortcut
     })))
@@ -16599,7 +16596,7 @@ function TableToolbar(props) {
   }) : null, canSettings ? /*#__PURE__*/React__default.createElement(Settings$1, {
     customSettings: table.props.customSettings,
     table: table.instance
-  }) : null, canSearch ? ( /*#__PURE__*/React__default.createElement(Search$1, {
+  }) : null, canSearch ? (/*#__PURE__*/React__default.createElement(Search$1, {
     scrollToIndex: table.renderer.scrollToIndex,
     table: table.instance,
     tableRef: table.ref
@@ -16659,16 +16656,16 @@ function TableGrid(props) {
     ref: table.ref,
     style: table.style,
     tabIndex: -1
-  }), /*#__PURE__*/React__default.createElement("thead", null, table.instance.getHeaderGroups().map(headerGroup => ( /*#__PURE__*/React__default.createElement("tr", {
+  }), /*#__PURE__*/React__default.createElement("thead", null, table.instance.getHeaderGroups().map(headerGroup => (/*#__PURE__*/React__default.createElement("tr", {
     key: headerGroup.id
-  }, headerGroup.headers.map(props => ( /*#__PURE__*/React__default.createElement(Header$5, {
+  }, headerGroup.headers.map(props => (/*#__PURE__*/React__default.createElement(Header$5, {
     key: props.id,
     header: props,
     scrollToIndex: table.renderer.scrollToIndex
-  }))))))), filterReason ? ( /*#__PURE__*/React__default.createElement(EmptyStateBody, {
+  }))))))), filterReason ? (/*#__PURE__*/React__default.createElement(EmptyStateBody, {
     emptyState: props.table.props.emptyState,
     reason: filterReason
-  })) : ( /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Body, {
+  })) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Body, {
     enableHorizontalArrowKeyNavigation: enableHorizontalArrowKeyNavigation,
     table: table.instance,
     tableElement: table.ref.current,
@@ -17068,7 +17065,7 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
           }
           const sanitizedRow = sanitizeRowProps(row, rowExpansionRenderer);
           const [primaryActions, secondaryActions] = getActions(actions, sanitizedRow);
-          const output = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, handlers.onRowCreate && ( /*#__PURE__*/React__default.createElement(IconButton, {
+          const output = /*#__PURE__*/React__default.createElement(React__default.Fragment, null, handlers.onRowCreate && (/*#__PURE__*/React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "circle-plus",
             "aria-label": texts.legacyTable.newSubRow,
@@ -17083,7 +17080,7 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
               }
               handlers.onRowCreate(sanitizedRow, event);
             }
-          })), (inlineEditing || handlers.onRowEdit) && ( /*#__PURE__*/React__default.createElement(IconButton, {
+          })), (inlineEditing || handlers.onRowEdit) && (/*#__PURE__*/React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "edit",
             "aria-label": texts.legacyTable.edit,
@@ -17099,7 +17096,7 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
                 handlers.onRowEdit(sanitizedRow, event);
               }
             }
-          })), handlers.onRowCopy && ( /*#__PURE__*/React__default.createElement(IconButton, {
+          })), handlers.onRowCopy && (/*#__PURE__*/React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "copy",
             "aria-label": texts.legacyTable.copy,
@@ -17111,7 +17108,7 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
               row.setActive();
               handlers.onRowCopy(sanitizedRow, event);
             }
-          })), handlers.onRowDelete && ( /*#__PURE__*/React__default.createElement(IconButton, {
+          })), handlers.onRowDelete && (/*#__PURE__*/React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "delete",
             "aria-label": texts.legacyTable.del,
@@ -17123,12 +17120,12 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
               row.setActive();
               handlers.onRowDelete(sanitizedRow, event);
             }
-          })), primaryActions.map((action, index) => ( /*#__PURE__*/React__default.createElement(IconButton, Object.assign({}, getActionProps(action, sanitizedRow), {
+          })), primaryActions.map((action, index) => (/*#__PURE__*/React__default.createElement(IconButton, Object.assign({}, getActionProps(action, sanitizedRow), {
             key: index,
             appearance: "discrete",
             icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon,
             tooltip: typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip
-          })))), secondaryActions.length ? ( /*#__PURE__*/React__default.createElement(Menu$1, null, /*#__PURE__*/React__default.createElement(Menu$1.Trigger, null, /*#__PURE__*/React__default.createElement(IconButton, {
+          })))), secondaryActions.length ? (/*#__PURE__*/React__default.createElement(Menu$1, null, /*#__PURE__*/React__default.createElement(Menu$1.Trigger, null, /*#__PURE__*/React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "ellipsis-vertical",
             "aria-label": texts.legacyTable.actions,
@@ -17138,7 +17135,7 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
               event.stopPropagation();
               row.setActive();
             }
-          })), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, secondaryActions.map((action, index) => ( /*#__PURE__*/React__default.createElement(Menu$1.Item, Object.assign({
+          })), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, secondaryActions.map((action, index) => (/*#__PURE__*/React__default.createElement(Menu$1.Item, Object.assign({
             key: index,
             icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon
           }, getActionProps(action, sanitizedRow)), typeof action.text === 'function' ? action.text(sanitizedRow) : action.text)))))) : null);
@@ -17152,7 +17149,7 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
           }, ({
             inView,
             ref
-          }) => ( /*#__PURE__*/React__default.createElement("div", {
+          }) => (/*#__PURE__*/React__default.createElement("div", {
             className: actionGroupClassName,
             ref: ref
           }, inView ? output : null)));
@@ -17789,7 +17786,7 @@ const Column$2 = ({
     "data-taco": "table-column"
   }), /*#__PURE__*/React__default.createElement("span", {
     className: "truncate"
-  }, cell.render('Header')), cell.isSorted ? ( /*#__PURE__*/React__default.createElement(Icon, {
+  }, cell.render('Header')), cell.isSorted ? (/*#__PURE__*/React__default.createElement(Icon, {
     name: cell.isSortedDesc ? 'chevron-down-solid' : 'chevron-up-solid',
     className: "-mt-0.5"
   })) : null);
@@ -17821,11 +17818,11 @@ const BaseTable = /*#__PURE__*/React__default.forwardRef(function BaseTable(prop
     role: "rowgroup",
     className: "yt-table__head",
     ref: headerRef
-  }, headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map((headerGroup, index) => ( /*#__PURE__*/React__default.createElement("div", {
+  }, headerGroups === null || headerGroups === void 0 ? void 0 : headerGroups.map((headerGroup, index) => (/*#__PURE__*/React__default.createElement("div", {
     key: index,
     role: "row",
     className: "border-grey-300 flex h-auto min-h-[2.5rem] w-full select-none border-b-2 border-t-0 font-bold"
-  }, headerGroup.headers.map((cell, index) => ( /*#__PURE__*/React__default.createElement(Column$2, {
+  }, headerGroup.headers.map((cell, index) => (/*#__PURE__*/React__default.createElement(Column$2, {
     key: index,
     index: index,
     cell: cell
@@ -18027,7 +18024,7 @@ const WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTa
       }, ({
         onItemsRendered,
         ref
-      }) => ( /*#__PURE__*/React__default.createElement(reactWindow.VariableSizeList, Object.assign({}, listProps, {
+      }) => (/*#__PURE__*/React__default.createElement(reactWindow.VariableSizeList, Object.assign({}, listProps, {
         itemCount: length,
         onItemsRendered: onItemsRendered,
         ref: list => {
@@ -19255,7 +19252,7 @@ function EditingActionMenu(props) {
     className: "group-[[data-row-editing-status]]/row:hidden",
     icon: "more",
     onKeyDown: handleKeyDown,
-    menu: menuProps => ( /*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, /*#__PURE__*/React__default.createElement(Menu$1.Item, {
+    menu: menuProps => (/*#__PURE__*/React__default.createElement(Menu$1, Object.assign({}, menuProps), /*#__PURE__*/React__default.createElement(Menu$1.Content, null, /*#__PURE__*/React__default.createElement(Menu$1.Item, {
       icon: "tick",
       disabled: !hasChanges || hasErrors,
       onClick: handleSave
@@ -19323,12 +19320,12 @@ function SaveStatus(props) {
     className: "!contents"
   }, /*#__PURE__*/React__default.createElement("span", {
     className: className
-  }, status === 'pending' ? ( /*#__PURE__*/React__default.createElement(Tooltip, {
+  }, status === 'pending' ? (/*#__PURE__*/React__default.createElement(Tooltip, {
     title: texts.table3.editing.saving.progress
   }, /*#__PURE__*/React__default.createElement(Spinner, {
     delay: 0,
     className: "!text-grey-700 mr-1 !h-5 !w-5"
-  }))) : ( /*#__PURE__*/React__default.createElement(Tooltip, {
+  }))) : (/*#__PURE__*/React__default.createElement(Tooltip, {
     title: texts.table3.editing.saving.complete
   }, /*#__PURE__*/React__default.createElement(Icon, {
     name: "tick",
@@ -19380,7 +19377,7 @@ function useTable3(props, ref) {
   const extendedProps = {
     ...props,
     enableRowActions: editing.isEditing ? true : props.enableRowActions,
-    rowActions: editing.isEditing ? [(_, rowId) => ( /*#__PURE__*/React__default.createElement(EditingActionMenu, {
+    rowActions: editing.isEditing ? [(_, rowId) => (/*#__PURE__*/React__default.createElement(EditingActionMenu, {
       hasChanges: editing.hasChanges(rowId),
       hasErrors: editing.hasRowErrors(rowId),
       onClear: () => editing.resetChanges(rowId),
@@ -19469,7 +19466,7 @@ function Alert$1(props) {
       const columnName = (_table$getAllColumns$ = table.getAllColumns().find(column => column.id === firstCellErrorColumnId)) === null || _table$getAllColumns$ === void 0 ? void 0 : (_table$getAllColumns$2 = _table$getAllColumns$.columnDef.meta) === null || _table$getAllColumns$2 === void 0 ? void 0 : _table$getAllColumns$2.header;
       tooltip = `${columnName}: ${error.pendingChange._meta.errors.cells[firstCellErrorColumnId]}`;
     }
-    links.push( /*#__PURE__*/React__default.createElement(Tooltip, {
+    links.push(/*#__PURE__*/React__default.createElement(Tooltip, {
       key: error.rowId,
       title: tooltip
     }, /*#__PURE__*/React__default.createElement("span", {
@@ -19674,10 +19671,10 @@ const BaseTable3 = /*#__PURE__*/fixedForwardRef(function BaseTable3(props, ref)
   const showCreateRowButton = table3.meta.editing.isEnabled && props.onEditingCreate;
   return /*#__PURE__*/React__default.createElement(Table, null, /*#__PURE__*/React__default.createElement(Table.Toolbar, {
     table: table3
-  }, table3.meta.editing.isEnabled ? ( /*#__PURE__*/React__default.createElement(Editing, {
+  }, table3.meta.editing.isEnabled ? (/*#__PURE__*/React__default.createElement(Editing, {
     scrollToIndex: table3.renderer.scrollToIndex,
     table: table3.instance
-  })) : null), hasValidationErrors ? ( /*#__PURE__*/React__default.createElement(Alert$1, {
+  })) : null), hasValidationErrors ? (/*#__PURE__*/React__default.createElement(Alert$1, {
     className: "mb-4",
     scrollToIndex: table3.renderer.scrollToIndex,
     table: table3.instance,
@@ -19685,7 +19682,7 @@ const BaseTable3 = /*#__PURE__*/fixedForwardRef(function BaseTable3(props, ref)
   })) : null, /*#__PURE__*/React__default.createElement(Table.Grid, Object.assign({}, gridAttributes, {
     "data-taco": "table3",
     table: table3
-  }), showCreateRowButton && ( /*#__PURE__*/React__default.createElement(CreateNewRowButton, {
+  }), showCreateRowButton && (/*#__PURE__*/React__default.createElement(CreateNewRowButton, {
     table: table3.instance,
     tableMeta: table3.meta,
     onEditingCreate: props.onEditingCreate,
@@ -19729,18 +19726,11 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(props, ref) {
   }), children);
 });
 const TabList = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
-  const {
-    children
-  } = props;
   const className = cn('border-grey-300 flex flex-row m-0 mb-4 print:hidden', 'aria-orientation-horizontal:border-b', 'aria-orientation-vertical:border-r aria-orientation-vertical:m-0 aria-orientation-vertical:mr-4 aria-orientation-vertical:flex-col', props.className);
   return /*#__PURE__*/React.createElement(TabsPrimitive.List, Object.assign({}, props, {
     className: className,
     ref: ref
-  }), /*#__PURE__*/React.createElement(OverflowGroup, {
-    wrapChild: true,
-    className: "w-full",
-    moreButton: text => /*#__PURE__*/React.createElement(Button$1, null, text)
-  }, children));
+  }));
 });
 const TabTrigger = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
   const {
@@ -19750,7 +19740,7 @@ const TabTrigger = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
     tooltip,
     ...otherProps
   } = props;
-  const triggerClassName = cn(props.className, 'group relative p-0.5 outline-none disabled:cursor-not-allowed disabled:text-black/50',
+  const triggerClassName = cn('group relative p-0.5 outline-none disabled:cursor-not-allowed disabled:text-black/50',
   // horizontal
   '[[aria-orientation="horizontal"]_&]:pb-1',
   // horizontal
@@ -19834,7 +19824,7 @@ const Tooltip$1 = ({
     className: "absolute top-0 right-0 mt-1 mr-1"
   })), step.title && /*#__PURE__*/React.createElement("h5", null, step.title), step.content, /*#__PURE__*/React.createElement(Group, {
     className: "mt-4 justify-end"
-  }, index > 0 && ( /*#__PURE__*/React.createElement(Button$1, Object.assign({}, backProps, {
+  }, index > 0 && (/*#__PURE__*/React.createElement(Button$1, Object.assign({}, backProps, {
     appearance: "discrete"
   }), locale.back)), /*#__PURE__*/React.createElement(Button$1, Object.assign({}, primaryProps, {
     appearance: "primary"
@@ -19899,7 +19889,7 @@ const Tour = props => {
     floaterProps: {
       disableAnimation: true
     },
-    tooltipComponent: tooltipProps => ( /*#__PURE__*/React.createElement(Tooltip$1, Object.assign({}, tooltipProps, {
+    tooltipComponent: tooltipProps => (/*#__PURE__*/React.createElement(Tooltip$1, Object.assign({}, tooltipProps, {
       locale: tour,
       disableTourSkipOnEsc: disableTourSkipOnEsc
     }))),
@@ -19956,7 +19946,7 @@ const Link$2 = /*#__PURE__*/React__default.forwardRef(function Link(props, ref)
     tabIndex: 0
   }), icon ? /*#__PURE__*/React__default.createElement(Icon, {
     name: icon
-  }) : null, children, isNew ? ( /*#__PURE__*/React__default.createElement(Badge, {
+  }) : null, children, isNew ? (/*#__PURE__*/React__default.createElement(Badge, {
     color: "blue",
     small: true,
     className: "absolute right-0 top-0 -mr-2.5 -mt-1.5 !h-3 !px-0.5 text-[0.55rem] font-normal"
@@ -20064,7 +20054,7 @@ const PrimaryNavigation = /*#__PURE__*/React__default.forwardRef(function Primar
   } = useLocalization();
   const internalRef = useMergedRef(ref);
   const className = cn('flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative', props.className);
-  const moreButton = () => ( /*#__PURE__*/React__default.createElement(Button$1, {
+  const moreButton = () => (/*#__PURE__*/React__default.createElement(Button$1, {
     className: cn(getLinkClasses(), '!bg-transparent aria-expanded:!bg-white/[.08]')
   }, texts.header.more));
   return /*#__PURE__*/React__default.createElement("nav", Object.assign({}, props, {
@@ -20156,7 +20146,7 @@ const AgreementItem = props => {
     title: agreement.name
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "truncate"
-  }, agreement.name), ' ', agreement.secure ? ( /*#__PURE__*/React__default.createElement(Icon, {
+  }, agreement.name), ' ', agreement.secure ? (/*#__PURE__*/React__default.createElement(Icon, {
     name: "secure-tick",
     className: "mb-0.5 ml-1 mt-0.5 !h-4 !w-4 flex-shrink-0 flex-grow-0"
   })) : null), /*#__PURE__*/React__default.createElement("span", {
@@ -20245,7 +20235,7 @@ function AgreementSelector(props) {
   }, /*#__PURE__*/React__default.createElement(AgreementDisplay, {
     currentAgreement: currentAgreement,
     fallbackImageSrc: fallbackImageSrc
-  }, agreements ? ( /*#__PURE__*/React__default.createElement(Icon, {
+  }, agreements ? (/*#__PURE__*/React__default.createElement(Icon, {
     className: "ml-auto hidden flex-shrink-0 flex-grow-0 text-white xl:flex",
     name: open ? 'chevron-up' : 'chevron-down'
   })) : null)), /*#__PURE__*/React__default.createElement(PopoverPrimitive.Content, {
@@ -20270,7 +20260,7 @@ function AgreementSelector(props) {
       }, filterBySearchValue(search)(agreement) ? button : null, agreement.clients.filter(agreement => filterClientAgreement(agreement, search, filterBySearchValue(search))).map(clientAgreement => createAgreementButton(clientAgreement, fallbackImageSrc, handleChangeAgreement, isCurrentAgreement(clientAgreement, currentAgreement))));
     }
     return button;
-  })), handleAddAgreement ? ( /*#__PURE__*/React__default.createElement(Button$1, {
+  })), handleAddAgreement ? (/*#__PURE__*/React__default.createElement(Button$1, {
     className: "focus-visible:!yt-focus-dark my-1 mx-2 !h-9 shrink-0 !bg-white/[0.08] !text-white hover:!bg-white/[0.16]",
     onClick: handleAddAgreement
   }, texts.header.addAgreement)) : null, /*#__PURE__*/React__default.createElement("hr", {
@@ -20417,7 +20407,7 @@ const Sidebar = /*#__PURE__*/React__default.forwardRef(function LayoutSidebar(pr
     "aria-hidden": !isVisible,
     className: className,
     ref: ref
-  }), content), /*#__PURE__*/React__default.createElement(framerMotion.AnimatePresence, null, showBackdrop && ( /*#__PURE__*/React__default.createElement(SidebarBackdrop, {
+  }), content), /*#__PURE__*/React__default.createElement(framerMotion.AnimatePresence, null, showBackdrop && (/*#__PURE__*/React__default.createElement(SidebarBackdrop, {
     initial: {
       opacity: 0
     },
@@ -20557,7 +20547,7 @@ const Link$3 = /*#__PURE__*/React__default.forwardRef(function Link(props, ref)
     name: icon
   }) : null, /*#__PURE__*/React__default.createElement("span", {
     className: "flex flex-grow items-center truncate"
-  }, children), menu ? ( /*#__PURE__*/React__default.createElement(IconButton, {
+  }, children), menu ? (/*#__PURE__*/React__default.createElement(IconButton, {
     appearance: "discrete",
     icon: "more",
     "aria-label": "More",
@@ -20570,7 +20560,7 @@ const Link$3 = /*#__PURE__*/React__default.forwardRef(function Link(props, ref)
       event.preventDefault();
       event.stopPropagation();
     }
-  })) : null, total !== undefined ? ( /*#__PURE__*/React__default.createElement(Badge, {
+  })) : null, total !== undefined ? (/*#__PURE__*/React__default.createElement(Badge, {
     className: cn('flex-shrink-0 flex-grow-0 !font-normal', {
       'group-hover:hidden [[aria-expanded="true"]+&]:hidden ': menu
     }),
@@ -20590,7 +20580,7 @@ const Section = /*#__PURE__*/React__default.forwardRef(function Navigation2(prop
     "data-taco": "navigation2-section",
     ref: ref,
     role: "none"
-  }), heading ? ( /*#__PURE__*/React__default.createElement("span", {
+  }), heading ? (/*#__PURE__*/React__default.createElement("span", {
     className: "text-grey-500 mb-px truncate pl-5 text-xs font-bold uppercase leading-8 lg:hidden"
   }, heading)) : null, /*#__PURE__*/React__default.createElement("ul", {
     className: "mb-0 flex flex-col gap-y-px"