@economic/taco 1.1.5-alpha.1 → 1.1.5-alpha.102

package/dist/taco.cjs.development.js

@@ -1850,6 +1850,22 @@ function IconLockOpen(props, svgRef) {
 
 var LockOpen = /*#__PURE__*/React.forwardRef(IconLockOpen);
 
+function IconLogOut(props, svgRef) {
+  return React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M13.25 4.5H6.5v15h6.75a1.25 1.25 0 110 2.5h-7A2.25 2.25 0 014 19.75V4.25A2.25 2.25 0 016.25 2h7a1.25 1.25 0 110 2.5zm6.384 2.616l-.102-.091a1.25 1.25 0 00-1.666 1.859l1.867 1.866H11.75l-.128.007a1.25 1.25 0 00.128 2.493h7.982l-1.866 1.866-.091.102a1.25 1.25 0 001.859 1.666l4-4 .08-.089.05-.063.068-.106.058-.112.049-.127.03-.108.016-.088.012-.112L24 12l-.004-.096-.016-.13-.03-.127-.03-.087-.046-.107-.046-.086-.065-.1a1.267 1.267 0 00-.13-.15l-4-4zm4.084 4.094l-.084-.094c.03.03.058.061.084.094z",
+    fill: "currentColor"
+  }));
+}
+
+var LogOut = /*#__PURE__*/React.forwardRef(IconLogOut);
+
 function IconLog(props, svgRef) {
   return React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -1906,6 +1922,20 @@ function IconMatchEntries(props, svgRef) {
 
 var MatchEntries = /*#__PURE__*/React.forwardRef(IconMatchEntries);
 
+function IconMenu(props, svgRef) {
+  return React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), React.createElement("path", {
+    d: "M4 19h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-6h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 6c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z",
+    fill: "currentColor"
+  }));
+}
+
+var Menu = /*#__PURE__*/React.forwardRef(IconMenu);
+
 function IconMileage(props, svgRef) {
   return React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2046,6 +2076,20 @@ function IconNote(props, svgRef) {
 
 var Note = /*#__PURE__*/React.forwardRef(IconNote);
 
+function IconNumbers(props, svgRef) {
+  return React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), React.createElement("path", {
+    d: "M3.203 16.625c0 .602.328.96.875.96.555 0 .875-.35.875-.96V7.898c0-.671-.437-1.132-1.078-1.132-.375 0-.742.14-1.273.515L1.125 8.344c-.367.25-.54.508-.54.789 0 .367.282.656.65.656.195 0 .382-.07.663-.266l1.258-.898h.047v8zm4.149.031c0 .516.414.844 1.046.844h5.22c.53 0 .843-.281.843-.734 0-.461-.328-.743-.844-.743H9.648v-.101l2.665-2.953c1.367-1.492 1.812-2.313 1.812-3.36 0-1.742-1.43-2.984-3.422-2.984-2.086 0-3.492 1.375-3.492 2.742 0 .485.312.813.766.813.367 0 .617-.211.804-.657.266-.906.93-1.43 1.82-1.43 1.063 0 1.774.665 1.774 1.657 0 .688-.344 1.313-1.21 2.266l-3.071 3.406c-.563.601-.742.89-.742 1.234zm8.562-1.375c0 1.242 1.555 2.446 3.617 2.446 2.274 0 3.867-1.297 3.867-3.141 0-1.352-.992-2.484-2.296-2.617v-.11c1.078-.171 1.953-1.257 1.953-2.421 0-1.649-1.461-2.813-3.524-2.813-1.984 0-3.414 1.156-3.414 2.39 0 .454.305.766.742.766.344 0 .578-.164.782-.578.367-.742 1.007-1.156 1.851-1.156 1.086 0 1.828.648 1.828 1.61 0 .952-.758 1.64-1.804 1.64h-.813c-.43 0-.726.305-.726.71 0 .423.304.735.726.735h.86c1.25 0 2.085.719 2.085 1.79 0 1.077-.82 1.765-2.093 1.765-.961 0-1.711-.422-2.14-1.188-.25-.414-.47-.57-.782-.57-.422 0-.719.313-.719.742z",
+    fill: "currentColor"
+  }));
+}
+
+var Numbers = /*#__PURE__*/React.forwardRef(IconNumbers);
+
 function IconPartnerApi(props, svgRef) {
   return React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -2200,6 +2244,22 @@ function IconProductLedgerCard(props, svgRef) {
 
 var ProductLedgerCard = /*#__PURE__*/React.forwardRef(IconProductLedgerCard);
 
+function IconProfile(props, svgRef) {
+  return React.createElement("svg", Object.assign({
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    ref: svgRef
+  }, props), React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12a9.97 9.97 0 003.047 7.187A9.967 9.967 0 0012 22a9.967 9.967 0 006.953-2.813A9.97 9.97 0 0022 12zM5.704 16.936A7.986 7.986 0 0012 20a7.986 7.986 0 006.296-3.064A7 7 0 0012 13a7 7 0 00-6.296 3.936zM12 12a3.5 3.5 0 100-7 3.5 3.5 0 000 7z",
+    fill: "currentColor"
+  }));
+}
+
+var Profile = /*#__PURE__*/React.forwardRef(IconProfile);
+
 function IconProjectCards(props, svgRef) {
   return React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
@@ -3060,10 +3120,12 @@ const icons = {
   'list-search': ListSearch,
   list: List,
   'lock-open': LockOpen,
+  'log-out': LogOut,
   log: Log,
   market: Market,
   'match-amount': MatchAmount,
   'match-entries': MatchEntries,
+  menu: Menu,
   mileage: Mileage,
   'modal-resize': ModalResize,
   'modal-shrink': ModalShrink,
@@ -3074,6 +3136,7 @@ const icons = {
   'note-follow-up': NoteFollowUp,
   'note-read': NoteRead,
   note: Note,
+  numbers: Numbers,
   'partner-api': PartnerApi,
   period: Period,
   'person-change': PersonChange,
@@ -3085,6 +3148,7 @@ const icons = {
   print: Print,
   'process-payment': ProcessPayment,
   'product-ledger-card': ProductLedgerCard,
+  profile: Profile,
   'project-cards': ProjectCards,
   projects: Projects,
   quicklinks: Quicklinks,
@@ -3139,17 +3203,17 @@ const icons = {
   zoom: Zoom
 };
 
-const Icon = /*#__PURE__*/React__default.forwardRef(function Icon(props, ref) {
+var _excluded = ["name"];
+var Icon = /*#__PURE__*/React__default.forwardRef(function Icon(props, ref) {
   var _props$className;
 
-  const {
-    name,
-    ...otherProps
-  } = props;
-  const Component = icons[name];
+  var name = props.name,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var Component = icons[name];
   /* 24x24 _at the base body font_ - must be em so that they scale with font size - tailwind spacing uses rem */
 
-  const className = cn('inline-flex h-[1.715em] w-[1.715em] flex-shrink-0', props.className, {
+  var 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 ? React__default.createElement(Component, Object.assign({}, otherProps, {
@@ -3161,7 +3225,7 @@ const Icon = /*#__PURE__*/React__default.forwardRef(function Icon(props, ref) {
   })) : null;
 });
 
-var _excluded = ["id"],
+var _excluded$1 = ["id"],
     _excluded2 = ["id", "defaultId", "onChange", "as"];
 var AccordionContext = /*#__PURE__*/React__default.createContext({
   as: 'h2'
@@ -3199,7 +3263,7 @@ var Content = /*#__PURE__*/React__default.forwardRef(function AccordionContent(p
 
 var Item = function Item(props) {
   var id = props.id,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$1);
 
   return React__default.createElement(AccordionPrimitive.Item, Object.assign({}, otherProps, {
     value: id
@@ -3254,7 +3318,7 @@ var Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(props, ref) {
   }));
 });
 
-const VisuallyHidden = /*#__PURE__*/React.forwardRef(function VisuallyHidden(props, ref) {
+var VisuallyHidden = /*#__PURE__*/React.forwardRef(function VisuallyHidden(props, ref) {
   return React.createElement("span", Object.assign({}, props, {
     className: "sr-only",
     ref: ref
@@ -3300,7 +3364,7 @@ const getOutlineClasses = state => {
   }
 };
 
-var _excluded$1 = ["children", "compact", "outline", "state"];
+var _excluded$2 = ["children", "compact", "outline", "state"];
 var Badge = /*#__PURE__*/React.forwardRef(function Badge(props, ref) {
   var _cn;
 
@@ -3310,7 +3374,7 @@ var Badge = /*#__PURE__*/React.forwardRef(function Badge(props, ref) {
       _props$outline = props.outline,
       outline = _props$outline === void 0 ? false : _props$outline,
       state = props.state,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$1);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$2);
 
   var className = cn('rounded-full border font-bold text-xs uppercase overflow-hidden whitespace-nowrap inline-flex items-center justify-center h-5', (_cn = {}, _cn[getOutlineClasses(state)] = outline, _cn["border-transparent " + getStateClasses(state)] = !outline, _cn['h-2 w-2 min-w-0'] = compact, _cn['h-5 py-0 px-1.5'] = !compact, _cn), props.className);
   return React.createElement("span", Object.assign({}, otherProps, {
@@ -3372,13 +3436,13 @@ const Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
   }), React.Children.count(props.children) > 1 ? React.Children.map(props.children, child => typeof child === 'string' ? React.createElement("span", null, child) : child) : props.children);
 });
 
-const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, ref) {
-  const {
-    title,
-    children,
-    placement,
-    ...otherProps
-  } = props;
+var _excluded$3 = ["title", "children", "placement"];
+var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, ref) {
+  var title = props.title,
+      children = props.children,
+      placement = props.placement,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$3);
+
   return React.createElement(TooltipPrimitive.Root, {
     delayDuration: 50
   }, React.createElement(TooltipPrimitive.Trigger, {
@@ -3470,13 +3534,14 @@ const createButton = (props, className, ref) => {
   return button;
 };
 
-const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(props, ref) {
-  const {
-    icon,
-    rounded = false,
-    ...otherProps
-  } = props;
-  const className = cn('w-8', getButtonClasses(), getAppearanceClasses(otherProps.appearance, true), {
+var _excluded$4 = ["icon", "rounded"];
+var IconButton = /*#__PURE__*/React.forwardRef(function IconButton(props, ref) {
+  var icon = props.icon,
+      _props$rounded = props.rounded,
+      rounded = _props$rounded === void 0 ? false : _props$rounded,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$4);
+
+  var className = cn('w-8', getButtonClasses(), getAppearanceClasses(otherProps.appearance, true), {
     'rounded-full': rounded,
     rounded: !rounded,
     'cursor-not-allowed opacity-50': props.disabled,
@@ -3487,13 +3552,13 @@ const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(props, ref)
     return null;
   }
 
-  return createButton({ ...otherProps,
+  return createButton(_extends({}, otherProps, {
     children: React.createElement(Icon, {
       name: icon,
       className: "m-0 p-0"
     }),
     'data-taco': 'icon-button'
-  }, className, ref);
+  }), className, ref);
 });
 
 var Banner = /*#__PURE__*/React.forwardRef(function Banner(props, ref) {
@@ -3513,10 +3578,10 @@ var Banner = /*#__PURE__*/React.forwardRef(function Banner(props, ref) {
   }) : null);
 });
 
-var _excluded$2 = ["fluid"];
+var _excluded$5 = ["fluid"];
 var Button$1 = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
   var fluid = props.fluid,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$2);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$5);
 
   var className = cn(getButtonClasses(), getAppearanceClasses(otherProps.appearance), 'rounded px-3', {
     'cursor-not-allowed opacity-50': props.disabled,
@@ -3587,21 +3652,27 @@ function useTimer(duration = 0, callback) {
   };
 }
 
-const Spinner$1 = /*#__PURE__*/React__default.forwardRef(function Spinner(props, ref) {
-  const {
-    delay = 500,
-    label,
-    ...otherProps
-  } = props;
-  const [visible, setVisibility] = React__default.useState(!delay);
-  React__default.useEffect(() => {
-    let timeout;
+var _excluded$6 = ["delay", "label"];
+var Spinner$1 = /*#__PURE__*/React__default.forwardRef(function Spinner(props, ref) {
+  var _props$delay = props.delay,
+      delay = _props$delay === void 0 ? 500 : _props$delay,
+      label = props.label,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$6);
+
+  var _React$useState = React__default.useState(!delay),
+      visible = _React$useState[0],
+      setVisibility = _React$useState[1];
+
+  React__default.useEffect(function () {
+    var timeout;
 
     if (delay) {
-      timeout = window.setTimeout(() => setVisibility(true), delay);
+      timeout = window.setTimeout(function () {
+        return setVisibility(true);
+      }, delay);
     }
 
-    return () => {
+    return function () {
       if (timeout) {
         clearTimeout(timeout);
       }
@@ -3612,7 +3683,7 @@ const Spinner$1 = /*#__PURE__*/React__default.forwardRef(function Spinner(props,
     return null;
   }
 
-  const className = cn('inline-flex flex-col relative items-center', otherProps.className);
+  var className = cn('inline-flex flex-col relative items-center', otherProps.className);
   return React__default.createElement("div", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "spinner",
@@ -3731,56 +3802,69 @@ const Toast = ({
     className: "flex-grow"
   }, content), React__default.createElement(IconButton, {
     appearance: "discrete",
-    className: "text-grey-darkest cursor-pointer -mr-2 !px-0",
+    className: "text-grey-darkest -mr-2 cursor-pointer !px-0",
     icon: "close",
     "aria-label": texts.toasts.dismiss,
     onClick: handleClose
   }));
 };
 
-const DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
-const ToastContext = /*#__PURE__*/React.createContext({});
+var _excluded$7 = ["children"];
+var DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
+var ToastContext = /*#__PURE__*/React.createContext({});
 
-const insertToastWithoutDuplicates = (currentToasts, id, content, options, close) => {
-  const nextToasts = [...currentToasts];
-  const existingToastIndex = currentToasts.findIndex(toast => JSON.stringify(toast.content) === JSON.stringify(content));
+var insertToastWithoutDuplicates = function insertToastWithoutDuplicates(currentToasts, id, content, options, close) {
+  var nextToasts = [].concat(currentToasts);
+  var existingToastIndex = currentToasts.findIndex(function (toast) {
+    return JSON.stringify(toast.content) === JSON.stringify(content);
+  });
 
   if (existingToastIndex > -1) {
     nextToasts[existingToastIndex].lastDuplicateId = id;
     nextToasts[existingToastIndex].lastUpdated = Date.now();
   } else {
     nextToasts.push({
-      id,
+      id: id,
       content: typeof content === 'function' ? content(close) : content,
-      options
+      options: options
     });
   }
 
   return nextToasts;
 };
 
-const ToastProvider = ({
-  children,
-  ...props
-}) => {
-  const [toasts, setToasts] = React.useState([]);
+var ToastProvider = function ToastProvider(_ref) {
+  var children = _ref.children,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$7);
+
+  var _React$useState = React.useState([]),
+      toasts = _React$useState[0],
+      setToasts = _React$useState[1];
 
-  const handleClose = id => {
-    setToasts(currentToasts => currentToasts.filter(toast => toast.id !== id));
+  var handleClose = function handleClose(id) {
+    setToasts(function (currentToasts) {
+      return currentToasts.filter(function (toast) {
+        return toast.id !== id;
+      });
+    });
   }; // memoize (useCallback) this function,
   // it is the value of the context provider and we don't want it to trigger state tree re-renders on provider children
 
 
-  const toaster = React.useCallback((content, options) => {
-    const id = uuid.v4();
+  var toaster = React.useCallback(function (content, options) {
+    var id = uuid.v4();
 
-    const close = () => handleClose(id);
+    var close = function close() {
+      return handleClose(id);
+    };
 
-    setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));
+    setToasts(function (currentToasts) {
+      return insertToastWithoutDuplicates(currentToasts, id, content, options, close);
+    });
 
-    const update = (content, options) => {
-      setToasts(currentToasts => {
-        const nextToasts = currentToasts.filter(toast => {
+    var update = function update(content, options) {
+      setToasts(function (currentToasts) {
+        var nextToasts = currentToasts.filter(function (toast) {
           if (toast.lastDuplicateId) {
             return toast.lastDuplicateId !== id;
           }
@@ -3791,70 +3875,80 @@ const ToastProvider = ({
       });
     };
 
-    const success = (content, options) => {
-      update(content, {
-        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
-        ...options,
+    var success = function success(content, options) {
+      update(content, _extends({
+        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
+      }, options, {
         type: 'success'
-      });
+      }));
     };
 
-    const error = (content, options) => {
-      update(content, { ...options,
+    var error = function error(content, options) {
+      update(content, _extends({}, options, {
         type: 'error'
-      });
+      }));
     };
 
-    const warning = (content, options) => {
-      update(content, { ...options,
+    var warning = function warning(content, options) {
+      update(content, _extends({}, options, {
         type: 'warning'
-      });
+      }));
     };
 
-    const information = (content, options) => {
-      update(content, { ...options,
+    var information = function information(content, options) {
+      update(content, _extends({}, options, {
         type: 'information'
-      });
+      }));
     };
 
-    const loading = (content, options) => {
-      update(content, { ...options,
+    var loading = function loading(content, options) {
+      update(content, _extends({}, options, {
         type: 'loading'
-      });
+      }));
     };
 
     return {
-      success,
-      error,
-      warning,
-      information,
-      loading,
-      close
+      success: success,
+      error: error,
+      warning: warning,
+      information: information,
+      loading: loading,
+      close: close
     };
   }, []); // no need to rebind these every render, do them once in an effect
 
-  React.useEffect(() => {
-    toaster.success = (content, options) => toaster(content, {
-      autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
-      ...options,
-      type: 'success'
-    });
+  React.useEffect(function () {
+    toaster.success = function (content, options) {
+      return toaster(content, _extends({
+        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
+      }, options, {
+        type: 'success'
+      }));
+    };
 
-    toaster.error = (content, options) => toaster(content, { ...options,
-      type: 'error'
-    });
+    toaster.error = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'error'
+      }));
+    };
 
-    toaster.warning = (content, options) => toaster(content, { ...options,
-      type: 'warning'
-    });
+    toaster.warning = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'warning'
+      }));
+    };
 
-    toaster.information = (content, options) => toaster(content, { ...options,
-      type: 'information'
-    });
+    toaster.information = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'information'
+      }));
+    };
 
-    toaster.loading = (content, options) => toaster(content, { ...options,
-      type: 'loading'
-    });
+    toaster.loading = function (content, options) {
+      return toaster(content, _extends({}, options, {
+        type: 'loading'
+      }));
+    };
   }, []);
   return React.createElement(ToastContext.Provider, Object.assign({}, props, {
     value: toaster
@@ -3864,37 +3958,43 @@ const ToastProvider = ({
     role: "log"
   }, React.createElement(framerMotion.AnimatePresence, {
     initial: false
-  }, toasts.map(toast => React.createElement(framerMotion.motion.div, {
-    key: toast.id,
-    transition: {
-      type: 'spring',
-      damping: 20,
-      stiffness: 300
-    },
-    initial: {
-      opacity: 0,
-      y: 10,
-      scale: 0.5
-    },
-    animate: {
-      opacity: 1,
-      y: 0,
-      scale: 1
-    },
-    exit: {
-      opacity: 0,
-      scale: 0.5,
+  }, toasts.map(function (toast) {
+    return React.createElement(framerMotion.motion.div, {
+      key: toast.id,
       transition: {
-        duration: 0.2
+        type: 'spring',
+        damping: 20,
+        stiffness: 300
+      },
+      initial: {
+        opacity: 0,
+        y: 10,
+        scale: 0.5
+      },
+      animate: {
+        opacity: 1,
+        y: 0,
+        scale: 1
+      },
+      exit: {
+        opacity: 0,
+        scale: 0.5,
+        transition: {
+          duration: 0.2
+        }
       }
-    }
-  }, React.createElement(Toast, Object.assign({}, toast, {
-    onClose: () => handleClose(toast.id)
-  })))))));
+    }, React.createElement(Toast, Object.assign({}, toast, {
+      onClose: function onClose() {
+        return handleClose(toast.id);
+      }
+    })));
+  }))));
+};
+var useToast = function useToast() {
+  return React.useContext(ToastContext);
 };
-const useToast = () => React.useContext(ToastContext);
 
-const defaultLocalisationTexts = {
+var defaultLocalisationTexts = {
   calendar: {
     months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
     weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
@@ -3969,32 +4069,37 @@ const defaultLocalisationTexts = {
     inputLabel: 'Search...'
   }
 };
-const defaultLocalizationContext = {
+var defaultLocalizationContext = {
   locale: 'en-GB',
   texts: defaultLocalisationTexts,
   formatting: {
     date: 'dd.mm.yy'
   }
 };
-const Context = /*#__PURE__*/React.createContext({
+var Context = /*#__PURE__*/React.createContext({
   localization: defaultLocalizationContext
 });
-const Provider = props => {
-  const {
-    children,
-    localization = defaultLocalizationContext
-  } = props;
-  const value = React.useMemo(() => ({
-    localization
-  }), [localization]);
+var Provider = function Provider(props) {
+  var children = props.children,
+      _props$localization = props.localization,
+      localization = _props$localization === void 0 ? defaultLocalizationContext : _props$localization;
+  var value = React.useMemo(function () {
+    return {
+      localization: localization
+    };
+  }, [localization]);
   return React.createElement(Context.Provider, {
     value: value
   }, React.createElement(ToastProvider, null, children));
 };
-const useTaco = () => React.useContext(Context);
-const useLocalization = () => useTaco().localization;
+var useTaco = function useTaco() {
+  return React.useContext(Context);
+};
+var useLocalization = function useLocalization() {
+  return useTaco().localization;
+};
 
-var _excluded$3 = ["onChange", "value"];
+var _excluded$8 = ["onChange", "value"];
 
 var renderDay = function renderDay(day, modifiers) {
   return modifiers.disabled ? React.createElement("span", {
@@ -4073,7 +4178,7 @@ var Navbar = /*#__PURE__*/React.memo(function (_ref) {
 var Calendar$1 = /*#__PURE__*/React.forwardRef(function Calendar(props, ref) {
   var handleChange = props.onChange,
       value = props.value,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$3);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$8);
 
   var _useLocalization2 = useLocalization(),
       locale = _useLocalization2.locale,
@@ -4137,7 +4242,7 @@ var Calendar$1 = /*#__PURE__*/React.forwardRef(function Calendar(props, ref) {
   })));
 });
 
-var _excluded$4 = ["checked", "highlighted", "indeterminate", "invalid", "label", "onChange"];
+var _excluded$9 = ["checked", "highlighted", "indeterminate", "invalid", "label", "onChange"];
 var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(props, ref) {
   var checked = props.checked,
       highlighted = props.highlighted,
@@ -4145,7 +4250,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(props, ref) {
       invalid = props.invalid,
       label = props.label,
       onChange = props.onChange,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$4);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$9);
 
   var className = cn('bg-white h-5 w-5 border rounded text-sm flex-shrink-0 self-start mt-[0.1rem] focus:yt-focus', //hover:shadow-[0_0_0_1px_rgba(235,235,235,1)]
   props.className, {
@@ -4219,22 +4324,21 @@ const getButtonStateClasses = invalid => {
   return '!border-grey-dark focus:!border-blue-light peer-focus:!border-blue-light peer-focus:peer-active:!border-blue-dark';
 };
 
-const Input = /*#__PURE__*/React.forwardRef(function Input(props, ref) {
-  const {
-    button,
-    icon,
-    highlighted,
-    invalid,
-    onKeyDown,
-    autoFocus,
-    ...otherProps
-  } = props;
-  const inputRef = useProxiedRef(ref);
-  const hasContainer = button || icon;
-  const className = cn(getInputClasses(props), 'min-h-[theme(spacing.8)] pointer-events-all', {
+var _excluded$a = ["button", "icon", "highlighted", "invalid", "onKeyDown", "autoFocus"];
+var Input = /*#__PURE__*/React.forwardRef(function Input(props, ref) {
+  var button = props.button,
+      icon = props.icon,
+      invalid = props.invalid,
+      onKeyDown = props.onKeyDown,
+      autoFocus = props.autoFocus,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$a);
+
+  var inputRef = useProxiedRef(ref);
+  var hasContainer = button || icon;
+  var className = cn(getInputClasses(props), 'min-h-[theme(spacing.8)] pointer-events-all', {
     'pr-8': !!hasContainer
   }, !hasContainer && otherProps.className);
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (autoFocus && inputRef.current) {
       inputRef.current.focus();
     }
@@ -4242,10 +4346,10 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(props, ref) {
   // if it has scroll height then the browser reverts to native scrolling behaviour only
   // so we manually override it to ensure _our_ desired behaviour remains intact
 
-  const handleKeyDown = event => {
+  var handleKeyDown = function handleKeyDown(event) {
     if (!event.shiftKey && (event.key === 'Home' || event.key === 'End')) {
       event.preventDefault();
-      const position = event.key === 'End' ? event.currentTarget.value.length : 0;
+      var position = event.key === 'End' ? event.currentTarget.value.length : 0;
       event.currentTarget.setSelectionRange(position, position);
     }
 
@@ -4254,7 +4358,7 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(props, ref) {
     }
   };
 
-  const input = React.createElement("input", Object.assign({}, otherProps, {
+  var input = React.createElement("input", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "input",
     onKeyDown: handleKeyDown,
@@ -4262,19 +4366,19 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(props, ref) {
   }));
 
   if (hasContainer) {
-    let extra;
+    var extra;
 
     if (button) {
-      const disabled = button.props.disabled || otherProps.disabled;
-      const buttonClassName = cn('items-center flex justify-center border absolute rounded-l-none rounded-r right-0 h-full focus:rounded focus:outline-none', {
-        [getButtonStateClasses(invalid)]: !props.disabled
-      }, button.props.className);
+      var _cn;
+
+      var disabled = button.props.disabled || otherProps.disabled;
+      var buttonClassName = cn('items-center flex justify-center border absolute rounded-l-none rounded-r right-0 h-full focus:rounded focus:outline-none', (_cn = {}, _cn[getButtonStateClasses(invalid)] = !props.disabled, _cn), button.props.className);
       extra = React.cloneElement(button, {
         className: buttonClassName,
-        disabled
+        disabled: disabled
       });
     } else if (icon) {
-      const iconClassName = cn('items-center flex justify-center absolute pointer-events-none mr-1 p-px right-0 w-5 top-1/2 -translate-y-1/2', {
+      var iconClassName = cn('items-center flex justify-center absolute pointer-events-none mr-1 p-px right-0 w-5 top-1/2 -translate-y-1/2', {
         'text-grey-dark': props.disabled,
         'text-grey-darkest': !props.disabled
       });
@@ -4286,7 +4390,7 @@ const Input = /*#__PURE__*/React.forwardRef(function Input(props, ref) {
       });
     }
 
-    const containerClassName = cn('bg-white inline-flex relative rounded w-full', otherProps.className);
+    var containerClassName = cn('bg-white inline-flex relative rounded w-full', otherProps.className);
     return React.createElement("div", {
       className: containerClassName,
       "data-taco": "input-container"
@@ -5057,26 +5161,27 @@ var useBoundingClientRectListener = function useBoundingClientRectListener(ref)
   return dimensions;
 };
 
-const Combobox = /*#__PURE__*/React.forwardRef(function Combobox(props, ref) {
-  const {
-    className: externalClassName,
-    dialog,
-    style,
-    ...otherProps
-  } = props;
-  const {
-    combobox,
-    button,
-    input,
-    popover,
-    list
-  } = useCombobox(otherProps, ref);
-  const internalRef = React.useRef(null);
-  const {
-    texts
-  } = useLocalization();
-  const selectDimensions = useBoundingClientRectListener(internalRef);
-  const className = cn('inline-flex relative', {
+var _excluded$b = ["className", "dialog", "style"];
+var Combobox = /*#__PURE__*/React.forwardRef(function Combobox(props, ref) {
+  var externalClassName = props.className,
+      dialog = props.dialog,
+      style = props.style,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$b);
+
+  var _useCombobox = useCombobox(otherProps, ref),
+      combobox = _useCombobox.combobox,
+      button = _useCombobox.button,
+      input = _useCombobox.input,
+      popover = _useCombobox.popover,
+      list = _useCombobox.list;
+
+  var internalRef = React.useRef(null);
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
+
+  var selectDimensions = useBoundingClientRectListener(internalRef);
+  var className = cn('inline-flex relative', {
     'yt-combobox--inline': props.inline
   }, externalClassName);
   return React.createElement("span", {
@@ -5095,7 +5200,7 @@ const Combobox = /*#__PURE__*/React.forwardRef(function Combobox(props, ref) {
       appearance: "discrete",
       className: "!border-l-0 focus:!border-none focus:!shadow-none active:!border-none",
       icon: popover.open ? 'chevron-up' : 'chevron-down',
-      onClick: () => {
+      onClick: function onClick() {
         var _input$ref$current;
 
         popover.onOpenChange(true);
@@ -5103,10 +5208,11 @@ const Combobox = /*#__PURE__*/React.forwardRef(function Combobox(props, ref) {
       },
       tabIndex: -1
     }) : dialog ? React.createElement(IconButton, {
+      "aria-label": texts.combobox.tooltip,
       icon: "list-search",
       disabled: props.readOnly || props.disabled,
       dialog: dialog,
-      onFocus: event => {
+      onFocus: function onFocus(event) {
         var _input$ref$current2;
 
         // Prevents the default focus behaviour of showing the tooltip, on parent tooltip element
@@ -5119,7 +5225,7 @@ const Combobox = /*#__PURE__*/React.forwardRef(function Combobox(props, ref) {
     }) : undefined
   })))), React.createElement(PopoverPrimitive.Content, {
     align: "start",
-    onOpenAutoFocus: event => {
+    onOpenAutoFocus: function onOpenAutoFocus(event) {
       event.preventDefault();
     },
     sideOffset: 4
@@ -5342,8 +5448,8 @@ const UnstyledContent = /*#__PURE__*/React.forwardRef(function PopoverContent(pr
 });
 
 function mergeRefs(refs) {
-  return value => {
-    refs.forEach(ref => {
+  return function (value) {
+    refs.forEach(function (ref) {
       if (typeof ref === 'function') {
         ref(value);
       } else if (ref != null) {
@@ -5353,18 +5459,19 @@ function mergeRefs(refs) {
   };
 }
 
-const PopoverContext = /*#__PURE__*/React.createContext({
+var _excluded$c = ["children", "trigger"];
+var PopoverContext = /*#__PURE__*/React.createContext({
   props: {},
   ref: null
 });
-const Trigger$1 = /*#__PURE__*/React.forwardRef(function PopoverTrigger(props, ref) {
+var Trigger$1 = /*#__PURE__*/React.forwardRef(function PopoverTrigger(props, ref) {
   var _props$children;
 
-  const context = React.useContext(PopoverContext);
-  let children = props.children;
+  var context = React.useContext(PopoverContext);
+  var children = props.children;
 
   if (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`);
+    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 = React.createElement("span", null, props.children);
   }
 
@@ -5374,22 +5481,22 @@ const Trigger$1 = /*#__PURE__*/React.forwardRef(function PopoverTrigger(props, r
     asChild: true
   }));
 });
-const RenderPropWrapper = /*#__PURE__*/React.forwardRef(function RenderPropWrapper({
-  children,
-  onClick
-}, ref) {
-  const close = () => {
+var RenderPropWrapper = /*#__PURE__*/React.forwardRef(function RenderPropWrapper(_ref, ref) {
+  var children = _ref.children,
+      onClick = _ref.onClick;
+
+  var close = function close() {
     onClick(new CustomEvent('hide'));
   };
 
   return children({
-    close,
-    ref
+    close: close,
+    ref: ref
   });
 });
-const Content$1 = /*#__PURE__*/React.forwardRef(function PopoverContent(props, ref) {
-  const className = cn('bg-white focus:border-blue-light', props.className);
-  let output;
+var Content$1 = /*#__PURE__*/React.forwardRef(function PopoverContent(props, ref) {
+  var className = cn('bg-white focus:border-blue-light', props.className);
+  var output;
 
   if (typeof props.children === 'function') {
     output = React.createElement(PopoverPrimitive.Close, {
@@ -5407,20 +5514,23 @@ const Content$1 = /*#__PURE__*/React.forwardRef(function PopoverContent(props, r
     className: "text-white"
   }));
 });
-const Close$1 = /*#__PURE__*/React.forwardRef((props, ref) => React.createElement(PopoverPrimitive.Close, Object.assign({}, props, {
-  ref: ref,
-  asChild: true
-})));
-const Popover = /*#__PURE__*/React.forwardRef(function Popover(props, ref) {
-  const {
-    children,
-    trigger,
-    ...otherProps
-  } = props;
-  const context = React.useMemo(() => ({
-    props: otherProps,
-    ref
-  }), [otherProps]);
+var Close$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return React.createElement(PopoverPrimitive.Close, Object.assign({}, props, {
+    ref: ref,
+    asChild: true
+  }));
+});
+var Popover = /*#__PURE__*/React.forwardRef(function Popover(props, ref) {
+  var children = props.children,
+      trigger = props.trigger,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$c);
+
+  var context = React.useMemo(function () {
+    return {
+      props: otherProps,
+      ref: ref
+    };
+  }, [otherProps]);
   return React.createElement(PopoverContext.Provider, {
     value: context
   }, React.createElement(PopoverPrimitive.Root, null, trigger && React.createElement(Trigger$1, null, trigger), children));
@@ -5429,23 +5539,23 @@ Popover.Trigger = Trigger$1;
 Popover.Content = Content$1;
 Popover.Close = Close$1;
 
-const Datepicker = /*#__PURE__*/React.forwardRef(function Datepicker(props, ref) {
-  const {
-    className: externalClassName,
-    onReset: handleReset,
-    style,
-    shortcuts,
-    shortcutsText,
-    ...otherProps
-  } = props;
-  const {
-    calendar,
-    input
-  } = useDatepicker(otherProps, ref);
-  const {
-    texts
-  } = useLocalization();
-  const className = cn('inline-flex w-full text-black font-normal', externalClassName);
+var _excluded$d = ["className", "onReset", "style", "shortcuts", "shortcutsText"];
+var Datepicker = /*#__PURE__*/React.forwardRef(function Datepicker(props, ref) {
+  var externalClassName = props.className,
+      handleReset = props.onReset,
+      style = props.style,
+      shortcuts = props.shortcuts,
+      shortcutsText = props.shortcutsText,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$d);
+
+  var _useDatepicker = useDatepicker(otherProps, ref),
+      calendar = _useDatepicker.calendar,
+      input = _useDatepicker.input;
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
+
+  var className = cn('inline-flex w-full text-black font-normal', externalClassName);
   return React.createElement("span", {
     className: className,
     "data-taco": "datepicker",
@@ -5455,37 +5565,40 @@ const Datepicker = /*#__PURE__*/React.forwardRef(function Datepicker(props, ref)
       "aria-label": texts.datepicker.expand,
       disabled: input.disabled || input.readOnly,
       icon: "calendar"
-    })), React.createElement(Popover.Content, null, ({
-      close
-    }) => React.createElement("div", {
-      className: "-m-3 flex"
-    }, React.createElement(Calendar$1, Object.assign({}, calendar, {
-      onChange: (date, event) => {
-        calendar.onChange(date, event);
-        close();
-      },
-      tabIndex: -1
-    })), shortcuts && React.createElement("div", {
-      className: "border-grey-dark flex flex-col border-l"
-    }, 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), React.createElement("ul", null, shortcuts.map((shortcut, i) => React.createElement("li", {
-      key: i
-    }, React.createElement("button", {
-      className: "hover:bg-grey-light flex w-full items-start px-4 py-1 text-xs",
-      onClick: event => {
-        event.persist();
-        shortcut.onClick(event);
-        close();
-      }
-    }, shortcut.text)))), handleReset && React.createElement("button", {
-      className: "text-blue hover:text-blue-light my-4 mx-auto mt-auto inline-flex cursor-pointer border-none bg-transparent text-xs",
-      onClick: event => {
-        event.persist();
-        handleReset(event);
-        close();
-      }
-    }, texts.datepicker.clear)))))
+    })), React.createElement(Popover.Content, null, function (_ref) {
+      var close = _ref.close;
+      return React.createElement("div", {
+        className: "-m-3 flex"
+      }, React.createElement(Calendar$1, Object.assign({}, calendar, {
+        onChange: function onChange(date, event) {
+          calendar.onChange(date, event);
+          close();
+        },
+        tabIndex: -1
+      })), shortcuts && React.createElement("div", {
+        className: "border-grey-dark flex flex-col border-l"
+      }, 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), React.createElement("ul", null, shortcuts.map(function (shortcut, i) {
+        return React.createElement("li", {
+          key: i
+        }, React.createElement("button", {
+          className: "hover:bg-grey-light flex w-full items-start px-4 py-1 text-xs",
+          onClick: function onClick(event) {
+            event.persist();
+            shortcut.onClick(event);
+            close();
+          }
+        }, shortcut.text));
+      })), handleReset && React.createElement("button", {
+        className: "text-blue hover:text-blue-light my-4 mx-auto mt-auto inline-flex cursor-pointer border-none bg-transparent text-xs",
+        onClick: function onClick(event) {
+          event.persist();
+          handleReset(event);
+          close();
+        }
+      }, texts.datepicker.clear)));
+    }))
   })));
 });
 
@@ -5728,12 +5841,14 @@ const Extra = /*#__PURE__*/React.forwardRef(function DialogExtra(props, ref) {
 });
 Extra.displayName = 'DialogExtra';
 
-const useSeparatedChildren = initialChildren => {
-  return React.useMemo(() => {
-    const children = [];
-    let drawer;
-    let extra;
-    React.Children.toArray(initialChildren).forEach(child => {
+var _excluded$e = ["children", "closeOnEscape", "defaultOpen", "draggable", "onChange", "onClose", "open", "showCloseButton", "size", "trigger"];
+
+var useSeparatedChildren = function useSeparatedChildren(initialChildren) {
+  return React.useMemo(function () {
+    var children = [];
+    var drawer;
+    var extra;
+    React.Children.toArray(initialChildren).forEach(function (child) {
       var _child$type, _child$type2;
 
       if (((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === Drawer.displayName) {
@@ -5748,39 +5863,55 @@ const useSeparatedChildren = initialChildren => {
   }, [initialChildren]);
 };
 
-const Dialog = /*#__PURE__*/React.forwardRef(function Dialog(props, ref) {
-  const {
-    children: initialChildren,
-    closeOnEscape = true,
-    defaultOpen,
-    draggable = false,
-    onChange,
-    onClose,
-    open,
-    showCloseButton = true,
-    size = 'sm',
-    trigger,
-    ...otherProps
-  } = props;
-  const [children, drawer, extra] = useSeparatedChildren(initialChildren);
-  const [drawerOpen, setDrawerOpen] = React.useState(false);
-  const context = React.useMemo(() => ({
-    closeOnEscape,
-    draggable,
-    drawer: {
-      open: drawerOpen,
-      toggle: () => setDrawerOpen(isDrawerOpen => !isDrawerOpen)
-    },
-    elements: {
-      drawer,
-      extra
-    },
-    onClose,
-    props: otherProps,
-    showCloseButton,
-    size,
-    ref
-  }), [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]);
+var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(props, ref) {
+  var initialChildren = props.children,
+      _props$closeOnEscape = props.closeOnEscape,
+      closeOnEscape = _props$closeOnEscape === void 0 ? true : _props$closeOnEscape,
+      defaultOpen = props.defaultOpen,
+      _props$draggable = props.draggable,
+      draggable = _props$draggable === void 0 ? false : _props$draggable,
+      onChange = props.onChange,
+      onClose = props.onClose,
+      open = props.open,
+      _props$showCloseButto = props.showCloseButton,
+      showCloseButton = _props$showCloseButto === void 0 ? true : _props$showCloseButto,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'sm' : _props$size,
+      trigger = props.trigger,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$e);
+
+  var _useSeparatedChildren = useSeparatedChildren(initialChildren),
+      children = _useSeparatedChildren[0],
+      drawer = _useSeparatedChildren[1],
+      extra = _useSeparatedChildren[2];
+
+  var _React$useState = React.useState(false),
+      drawerOpen = _React$useState[0],
+      setDrawerOpen = _React$useState[1];
+
+  var context = React.useMemo(function () {
+    return {
+      closeOnEscape: closeOnEscape,
+      draggable: draggable,
+      drawer: {
+        open: drawerOpen,
+        toggle: function toggle() {
+          return setDrawerOpen(function (isDrawerOpen) {
+            return !isDrawerOpen;
+          });
+        }
+      },
+      elements: {
+        drawer: drawer,
+        extra: extra
+      },
+      onClose: onClose,
+      props: otherProps,
+      showCloseButton: showCloseButton,
+      size: size,
+      ref: ref
+    };
+  }, [closeOnEscape, drawerOpen, draggable, drawer, extra, open, otherProps, showCloseButton]);
   return React.createElement(DialogContext.Provider, {
     value: context
   }, React.createElement(DialogPrimitive.Root, {
@@ -5797,18 +5928,19 @@ Dialog.Extra = Extra;
 Dialog.Drawer = Drawer;
 Dialog.Close = Close$2;
 
-const Field = /*#__PURE__*/React.forwardRef(function Field(props, ref) {
-  const {
-    disabled,
-    children,
-    invalid = false,
-    message,
-    ...otherProps
-  } = props;
-  const className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
+var _excluded$f = ["disabled", "children", "invalid", "message"];
+var Field = /*#__PURE__*/React.forwardRef(function Field(props, ref) {
+  var disabled = props.disabled,
+      children = props.children,
+      _props$invalid = props.invalid,
+      invalid = _props$invalid === void 0 ? false : _props$invalid,
+      message = props.message,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$f);
+
+  var className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
     'text-grey-dark': disabled
   }, props.className);
-  const messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {
+  var messageClassName = cn('h-4 text-xs text-left leading-normal font-normal truncate -mb-4', {
     'text-grey-darkest': !invalid,
     'text-red': invalid,
     'opacity-50': disabled
@@ -5823,12 +5955,13 @@ const Field = /*#__PURE__*/React.forwardRef(function Field(props, ref) {
   }, message));
 });
 
-const Form = /*#__PURE__*/React.forwardRef(function Form(props, ref) {
-  const {
-    horizontal = false,
-    ...otherProps
-  } = props;
-  const className = cn('yt-form', {
+var _excluded$g = ["horizontal"];
+var Form = /*#__PURE__*/React.forwardRef(function Form(props, ref) {
+  var _props$horizontal = props.horizontal,
+      horizontal = _props$horizontal === void 0 ? false : _props$horizontal,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$g);
+
+  var className = cn('yt-form', {
     'yt-form--horizontal flex flex-wrap': horizontal
   }, props.className);
   return React.createElement("form", Object.assign({}, otherProps, {
@@ -5838,12 +5971,13 @@ const Form = /*#__PURE__*/React.forwardRef(function Form(props, ref) {
   }));
 });
 
-const Group = /*#__PURE__*/React.forwardRef(function Group(props, ref) {
-  const {
-    as: Tag = 'span',
-    ...otherProps
-  } = props;
-  const className = cn('flex ', props.className);
+var _excluded$h = ["as"];
+var Group = /*#__PURE__*/React.forwardRef(function Group(props, ref) {
+  var _props$as = props.as,
+      Tag = _props$as === void 0 ? 'span' : _props$as,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$h);
+
+  var className = cn('flex ', props.className);
   return React.createElement(Tag, Object.assign({}, otherProps, {
     className: className,
     "data-taco": "group",
@@ -5851,18 +5985,19 @@ const Group = /*#__PURE__*/React.forwardRef(function Group(props, ref) {
   }));
 });
 
-const HangerContext = /*#__PURE__*/React.createContext({
+var _excluded$i = ["anchor", "children", "defaultOpen"];
+var HangerContext = /*#__PURE__*/React.createContext({
   props: {},
   ref: null
 });
-const Anchor = /*#__PURE__*/React.forwardRef(function HangerAnchor(props, ref) {
+var Anchor = /*#__PURE__*/React.forwardRef(function HangerAnchor(props, ref) {
   var _props$children;
 
-  const context = React.useContext(HangerContext);
-  let children = props.children;
+  var context = React.useContext(HangerContext);
+  var children = props.children;
 
   if (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`);
+    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 = React.createElement("span", null, props.children);
   }
 
@@ -5872,21 +6007,22 @@ const Anchor = /*#__PURE__*/React.forwardRef(function HangerAnchor(props, ref) {
     asChild: true
   }));
 });
-const Title$1 = /*#__PURE__*/React.forwardRef(function DialogTitle(props, ref) {
-  const className = cn('mb-1 text-base font-bold flex w-full', props.className);
+var Title$1 = /*#__PURE__*/React.forwardRef(function DialogTitle(props, ref) {
+  var className = cn('mb-1 text-base font-bold flex w-full', props.className);
   return React.createElement("span", Object.assign({}, props, {
     className: className,
     ref: ref
   }));
 });
-const Content$3 = /*#__PURE__*/React.forwardRef(function HangerContent(props, ref) {
-  const context = React.useContext(HangerContext);
-  const {
-    texts
-  } = useLocalization();
-  const className = cn('wcag-blue border border-transparent rounded p-3 pr-12 yt-shadow z-[996] focus:border-transparent max-w-sm', props.className);
+var Content$3 = /*#__PURE__*/React.forwardRef(function HangerContent(props, ref) {
+  var context = React.useContext(HangerContext);
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
 
-  const handleInteractOutside = event => {
+  var className = cn('wcag-blue border border-transparent rounded p-3 pr-12 yt-shadow z-[996] focus:border-transparent max-w-sm', props.className);
+
+  var handleInteractOutside = function handleInteractOutside(event) {
     event.preventDefault();
   };
 
@@ -5908,20 +6044,25 @@ const Content$3 = /*#__PURE__*/React.forwardRef(function HangerContent(props, re
     onClick: context.props.onClose
   })));
 });
-const Hanger = /*#__PURE__*/React.forwardRef(function Hanger(props, ref) {
-  const {
-    anchor,
-    children,
-    defaultOpen = true,
-    ...otherProps
-  } = props;
-  const context = React.useMemo(() => ({
-    props: otherProps,
-    ref
-  }), [otherProps]); // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal
+var Hanger = /*#__PURE__*/React.forwardRef(function Hanger(props, ref) {
+  var anchor = props.anchor,
+      children = props.children,
+      _props$defaultOpen = props.defaultOpen,
+      defaultOpen = _props$defaultOpen === void 0 ? true : _props$defaultOpen,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$i);
+
+  var context = React.useMemo(function () {
+    return {
+      props: otherProps,
+      ref: ref
+    };
+  }, [otherProps]); // we do this to ensure hangers are mounted after their containers, e.g. if the container is another portal
 
-  const [open, setOpen] = React.useState(false);
-  React.useEffect(() => {
+  var _React$useState = React.useState(false),
+      open = _React$useState[0],
+      setOpen = _React$useState[1];
+
+  React.useEffect(function () {
     if (defaultOpen) {
       setOpen(defaultOpen);
     }
@@ -5937,25 +6078,25 @@ Hanger.Anchor = Anchor;
 Hanger.Content = Content$3;
 Hanger.Title = Title$1;
 
-const Trigger$3 = /*#__PURE__*/React.forwardRef(function HoverCardTrigger(props, ref) {
+var _excluded$j = ["placement"];
+var Trigger$3 = /*#__PURE__*/React.forwardRef(function HoverCardTrigger(props, ref) {
   return React.createElement(HoverCardPrimitive.Trigger, Object.assign({}, props, {
     asChild: true,
     ref: ref
   }));
 });
-const Content$4 = /*#__PURE__*/React.forwardRef(function HoverCardContent(externalProps, ref) {
-  const {
-    placement,
-    ...props
-  } = externalProps;
-  const className = cn('bg-white rounded p-3 yt-shadow', props.className);
+var Content$4 = /*#__PURE__*/React.forwardRef(function HoverCardContent(externalProps, ref) {
+  var placement = externalProps.placement,
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded$j);
+
+  var className = cn('bg-white rounded p-3 yt-shadow', props.className);
   return React.createElement(HoverCardPrimitive.Content, Object.assign({}, props, {
     className: className,
     ref: ref,
     side: placement
   }));
 });
-const HoverCard = props => {
+var HoverCard = function HoverCard(props) {
   return React.createElement(HoverCardPrimitive.Root, Object.assign({}, props, {
     openDelay: 300
   }));
@@ -5963,24 +6104,24 @@ const HoverCard = props => {
 HoverCard.Trigger = Trigger$3;
 HoverCard.Content = Content$4;
 
-const SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput({
-  onSearch,
-  ...props
-}, ref) {
-  const {
-    texts
-  } = useLocalization();
+var _excluded$k = ["onSearch"];
+var SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput(_ref, ref) {
+  var onSearch = _ref.onSearch,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$k);
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
 
-  const handleClick = () => {
+  var handleClick = function handleClick() {
     if (!props.disabled) {
       onSearch === null || onSearch === void 0 ? void 0 : onSearch(props.value);
     }
   };
 
-  const handleKeyDown = event => {
+  var handleKeyDown = function handleKeyDown(event) {
     var _props$onKeyDown;
 
-    const isEnterKeyPressed = event.keyCode === keycode('enter');
+    var isEnterKeyPressed = event.keyCode === keycode('enter');
 
     if (isEnterKeyPressed) {
       handleClick();
@@ -6349,49 +6490,49 @@ const useMultiListbox = ({
   };
 };
 
-const Listbox = /*#__PURE__*/React.forwardRef(function Listbox(props, ref) {
-  const {
-    className: externalClassName,
-    ...otherProps
-  } = props;
-  const {
-    list,
-    input
-  } = useListbox(otherProps, ref);
-  const className = cn('bg-white inline-flex relative w-full', externalClassName);
+var _excluded$l = ["className"],
+    _excluded2$1 = ["className"];
+var Listbox = /*#__PURE__*/React.forwardRef(function Listbox(props, ref) {
+  var externalClassName = props.className,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$l);
+
+  var _useListbox = useListbox(otherProps, ref),
+      list = _useListbox.list,
+      input = _useListbox.input;
+
+  var className = cn('bg-white inline-flex relative w-full', externalClassName);
   return React.createElement("span", {
     "data-taco": "listbox",
     className: className
   }, React.createElement(ScrollableList, Object.assign({}, list, {
-    style: { ...list.style,
+    style: _extends({}, list.style, {
       maxHeight: 'calc(12rem + 2px)'
       /* (6 * option height) + listbox border */
 
-    }
+    })
   })), React.createElement("input", Object.assign({}, input, {
     className: "hidden",
     type: "text"
   })));
 });
-const MultiListbox = /*#__PURE__*/React.forwardRef(function Listbox(props, ref) {
-  const {
-    className: externalClassName,
-    ...otherProps
-  } = props;
-  const {
-    list,
-    input
-  } = useMultiListbox(otherProps, ref);
-  const className = cn('bg-white inline-flex relative w-full', externalClassName);
+var MultiListbox = /*#__PURE__*/React.forwardRef(function Listbox(props, ref) {
+  var externalClassName = props.className,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded2$1);
+
+  var _useMultiListbox = useMultiListbox(otherProps, ref),
+      list = _useMultiListbox.list,
+      input = _useMultiListbox.input;
+
+  var className = cn('bg-white inline-flex relative w-full', externalClassName);
   return React.createElement("span", {
     "data-taco": "listbox",
     className: className
   }, React.createElement(ScrollableList, Object.assign({}, list, {
-    style: { ...list.style,
+    style: _extends({}, list.style, {
       maxHeight: 'calc(12rem + 2px + 2px)'
       /* (6 * option height) + listbox border + ALL_OPTIONS bottom border */
 
-    }
+    })
   })), React.createElement("input", Object.assign({}, input, {
     className: "hidden",
     type: "text"
@@ -6570,30 +6711,38 @@ const Checkbox$1 = props => {
     className: "absolute left-0 ml-1.5"
   }, React.createElement(Icon, {
     name: "tick",
-    className: "!h-4 !w-4 -ml-px"
+    className: "-ml-px !h-4 !w-4"
   })), children);
 };
 
-const getRadioGroupItemValueAsString = value => String(value !== null && value !== void 0 ? value : '');
-const findByValue$1 = (values, valueAsString) => values.find(value => getRadioGroupItemValueAsString(value) === valueAsString);
-const RadioGroupContext = /*#__PURE__*/React.createContext({
+var _excluded$m = ["children", "value"],
+    _excluded2$2 = ["children", "defaultValue", "disabled", "invalid", "onChange", "orientation", "value"];
+var getRadioGroupItemValueAsString = function getRadioGroupItemValueAsString(value) {
+  return String(value !== null && value !== void 0 ? value : '');
+};
+var findByValue$1 = function findByValue(values, valueAsString) {
+  return values.find(function (value) {
+    return getRadioGroupItemValueAsString(value) === valueAsString;
+  });
+};
+var RadioGroupContext = /*#__PURE__*/React.createContext({
   disabled: false,
   invalid: false
 });
-const RadioGroupItem = /*#__PURE__*/React.forwardRef(function RadioGroupItem(props, ref) {
-  const context = React.useContext(RadioGroupContext);
-  const {
-    children,
-    value,
-    ...otherProps
-  } = props;
-  const isDisabled = context.disabled || props.disabled;
-  const className = cn('flex flex-shrink-0 self-start items-center justify-center h-4 w-4 mt-[0.2rem] rounded-full bg-white border-2', {
+var RadioGroupItem = /*#__PURE__*/React.forwardRef(function RadioGroupItem(props, ref) {
+  var context = React.useContext(RadioGroupContext);
+
+  var children = props.children,
+      value = props.value,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$m);
+
+  var isDisabled = context.disabled || props.disabled;
+  var className = cn('flex flex-shrink-0 self-start items-center justify-center h-4 w-4 mt-[0.2rem] rounded-full bg-white border-2', {
     'border-grey-dark hover:border-4 focus:yt-focus aria-checked:bg-blue aria-checked:border-blue hover:aria-checked:border-blue-light': !isDisabled && !context.invalid,
     'border-grey cursor-not-allowed aria-checked:bg-blue-light aria-checked:border-blue-light ': isDisabled,
     'border-red hover:border-4 text-red focus:border-red focus:yt-focus-red aria-checked:bg-red aria-checked:border-red': context.invalid && !isDisabled
   });
-  const labelClassName = cn('flex items-center gap-2', {
+  var labelClassName = cn('flex items-center gap-2', {
     'cursor-pointer': !isDisabled,
     'cursor-not-allowed text-grey-dark': isDisabled
   }, props.className);
@@ -6608,34 +6757,38 @@ const RadioGroupItem = /*#__PURE__*/React.forwardRef(function RadioGroupItem(pro
     className: "h-2 w-2 rounded-full bg-white"
   })), children);
 });
-const useRadioGroup = props => {
-  const {
-    children,
-    defaultValue,
-    disabled,
-    invalid,
-    onChange,
-    orientation = 'vertical',
-    value,
-    ...otherProps
-  } = props;
-  const values = React.useMemo(() => {
-    const radioGroupItemValues = [];
-    React.Children.forEach(children, child => {
+var useRadioGroup = function useRadioGroup(props) {
+  var children = props.children,
+      defaultValue = props.defaultValue,
+      disabled = props.disabled,
+      invalid = props.invalid,
+      onChange = props.onChange,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'vertical' : _props$orientation,
+      value = props.value,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded2$2);
+
+  var values = React.useMemo(function () {
+    var radioGroupItemValues = [];
+    React.Children.forEach(children, function (child) {
       if (React.isValidElement(child)) {
         radioGroupItemValues.push(child.props.value);
       }
     });
     return radioGroupItemValues;
   }, [children]);
-  const context = React.useMemo(() => ({
-    disabled: disabled !== null && disabled !== void 0 ? disabled : false,
-    invalid: invalid !== null && invalid !== void 0 ? invalid : false
-  }), [disabled, invalid]);
-  let valueProps;
+  var context = React.useMemo(function () {
+    return {
+      disabled: disabled !== null && disabled !== void 0 ? disabled : false,
+      invalid: invalid !== null && invalid !== void 0 ? invalid : false
+    };
+  }, [disabled, invalid]);
+  var valueProps;
 
   if (onChange !== undefined) {
-    const handleChange = value => onChange(findByValue$1(values, value));
+    var handleChange = function handleChange(value) {
+      return onChange(findByValue$1(values, value));
+    };
 
     valueProps = {
       onValueChange: handleChange,
@@ -6648,20 +6801,19 @@ const useRadioGroup = props => {
   }
 
   return {
-    context,
-    props: { ...otherProps,
-      ...valueProps,
-      children,
-      orientation
-    }
+    context: context,
+    props: _extends({}, otherProps, valueProps, {
+      children: children,
+      orientation: orientation
+    })
   };
 };
-const RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {
-  const {
-    context,
-    props: otherProps
-  } = useRadioGroup(props);
-  const className = cn('flex items-start gap-y-2', {
+var RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {
+  var _useRadioGroup = useRadioGroup(props),
+      context = _useRadioGroup.context,
+      otherProps = _useRadioGroup.props;
+
+  var className = cn('flex items-start gap-y-2', {
     'flex-wrap gap-x-4 ': otherProps.orientation === 'horizontal',
     'flex-col': otherProps.orientation === 'vertical'
   }, otherProps.className);
@@ -6695,7 +6847,7 @@ const RadioItem = props => {
   }), React.createElement(DropdownMenuPrimitive.ItemIndicator, {
     className: "absolute left-0 ml-1.5"
   }, React.createElement("span", {
-    className: "flex h-1.5 w-1.5 ml-1 rounded-full bg-current "
+    className: "ml-1 flex h-1.5 w-1.5 rounded-full bg-current "
   })), children);
 };
 const MenuRadioGroupContext = /*#__PURE__*/React.createContext({
@@ -6732,22 +6884,39 @@ const Header = props => {
   }));
 };
 
-const Menu = externalProps => {
-  const {
-    children,
-    trigger,
-    ...props
-  } = externalProps;
-  const [open, setOpen] = React.useState(false);
-  const [indented, setIndented] = React.useState(false);
-  const [minWidth, setMinWidth] = React.useState(undefined);
-  const context = React.useMemo(() => ({
-    indented,
-    registerIndentation: () => setIndented(true),
-    minWidth,
-    setMinWidth: width => setMinWidth(width),
-    close: () => setOpen(false)
-  }), [indented, minWidth]);
+var _excluded$n = ["children", "trigger"];
+var Menu$1 = function Menu(externalProps) {
+  var children = externalProps.children,
+      trigger = externalProps.trigger,
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded$n);
+
+  var _React$useState = React.useState(false),
+      open = _React$useState[0],
+      setOpen = _React$useState[1];
+
+  var _React$useState2 = React.useState(false),
+      indented = _React$useState2[0],
+      setIndented = _React$useState2[1];
+
+  var _React$useState3 = React.useState(undefined),
+      minWidth = _React$useState3[0],
+      _setMinWidth = _React$useState3[1];
+
+  var context = React.useMemo(function () {
+    return {
+      indented: indented,
+      registerIndentation: function registerIndentation() {
+        return setIndented(true);
+      },
+      minWidth: minWidth,
+      setMinWidth: function setMinWidth(width) {
+        return _setMinWidth(width);
+      },
+      close: function close() {
+        return setOpen(false);
+      }
+    };
+  }, [indented, minWidth]);
   return React.createElement(MenuContext.Provider, {
     value: context
   }, React.createElement(DropdownMenuPrimitive.Root, Object.assign({}, props, {
@@ -6756,48 +6925,53 @@ const Menu = externalProps => {
     onOpenChange: setOpen
   }), trigger && React.createElement(Trigger$4, null, trigger), children));
 };
-Menu.Trigger = Trigger$4;
-Menu.Content = Content$5;
-Menu.Item = Item$1;
-Menu.Link = Link;
-Menu.Checkbox = Checkbox$1;
-Menu.Separator = Separator;
-Menu.Header = Header;
-Menu.RadioGroup = RadioGroup$1;
-
-const TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
+Menu$1.Trigger = Trigger$4;
+Menu$1.Content = Content$5;
+Menu$1.Item = Item$1;
+Menu$1.Link = Link;
+Menu$1.Checkbox = Checkbox$1;
+Menu$1.Separator = Separator;
+Menu$1.Header = Header;
+Menu$1.RadioGroup = RadioGroup$1;
+
+var _excluded$o = ["children", "className", "expanded", "title", "fixed", "onClick"];
+var TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
   return React__default.createElement("a", Object.assign({}, props, {
     ref: ref
   }));
 });
-const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGroup(props, ref) {
-  const {
-    children,
-    className: externalClassName,
-    expanded: initialExpanded = false,
-    title,
-    fixed,
-    onClick,
-    ...otherProps
-  } = props;
-  const [expanded, setExpanded] = React__default.useState(fixed || initialExpanded);
-  React__default.useEffect(() => {
+var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGroup(props, ref) {
+  var children = props.children,
+      externalClassName = props.className,
+      _props$expanded = props.expanded,
+      initialExpanded = _props$expanded === void 0 ? false : _props$expanded,
+      title = props.title,
+      fixed = props.fixed,
+      onClick = props.onClick,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$o);
+
+  var _React$useState = React__default.useState(fixed || initialExpanded),
+      expanded = _React$useState[0],
+      setExpanded = _React$useState[1];
+
+  React__default.useEffect(function () {
     if (!fixed) {
       setExpanded(fixed || initialExpanded);
     }
   }, [fixed, initialExpanded]);
-  const listClassName = cn('flex-col mb-0', {
+  var listClassName = cn('flex-col mb-0', {
     flex: expanded,
     hidden: !expanded
   });
-  const itemProps = { ...otherProps,
+
+  var itemProps = _extends({}, otherProps, {
     'aria-expanded': expanded,
     role: 'treeitem',
     tabIndex: -1
-  };
+  });
 
-  const handleClick = event => {
-    const nextState = !expanded;
+  var handleClick = function handleClick(event) {
+    var nextState = !expanded;
 
     if (!fixed) {
       setExpanded(nextState);
@@ -6808,7 +6982,7 @@ const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGr
     }
   };
 
-  const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
+  var className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
   return React__default.createElement("div", Object.assign({}, itemProps, {
     className: className,
     ref: ref
@@ -6817,14 +6991,18 @@ const TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGr
   }, typeof title === 'function' ? title(expanded) : title), React__default.createElement("ul", {
     role: "group",
     className: listClassName
-  }, React__default.Children.toArray(children).filter(item => !!item).map((item, i) => React__default.createElement("li", {
-    key: i,
-    role: "none"
-  }, React__default.cloneElement(item, {
-    role: 'treeitem'
-  })))));
+  }, React__default.Children.toArray(children).filter(function (item) {
+    return !!item;
+  }).map(function (item, i) {
+    return React__default.createElement("li", {
+      key: i,
+      role: "none"
+    }, React__default.cloneElement(item, {
+      role: 'treeitem'
+    }));
+  })));
 });
-const Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
+var Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
   return React__default.createElement("div", Object.assign({}, props, {
     ref: ref,
     role: "tree"
@@ -6833,23 +7011,26 @@ const Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props,
 Treeview.Group = TreeviewGroup;
 Treeview.Item = TreeviewItem;
 
-const useDropTarget = onDrop => {
-  const [isDraggedOver, setDraggedOver] = React__default.useState(false);
-  const handleDragEnter = React__default.useCallback(event => {
+var useDropTarget = function useDropTarget(onDrop) {
+  var _React$useState = React__default.useState(false),
+      isDraggedOver = _React$useState[0],
+      setDraggedOver = _React$useState[1];
+
+  var handleDragEnter = React__default.useCallback(function (event) {
     event.preventDefault();
     setDraggedOver(true);
   }, []);
-  const handleDragLeave = React__default.useCallback(event => {
+  var handleDragLeave = React__default.useCallback(function (event) {
     event.preventDefault();
 
     if (event.target === event.currentTarget) {
       setDraggedOver(false);
     }
   }, []);
-  const handleDragOver = React__default.useCallback(event => {
+  var handleDragOver = React__default.useCallback(function (event) {
     event.preventDefault();
   }, []);
-  const handleDrop = React__default.useCallback(event => {
+  var handleDrop = React__default.useCallback(function (event) {
     event.preventDefault();
     event.persist();
     setDraggedOver(false);
@@ -6858,7 +7039,7 @@ const useDropTarget = onDrop => {
       onDrop(event);
     }
   }, [onDrop]);
-  const props = onDrop ? {
+  var props = onDrop ? {
     onDragEnter: handleDragEnter,
     onDragLeave: handleDragLeave,
     onDragOver: handleDragOver,
@@ -6867,20 +7048,25 @@ const useDropTarget = onDrop => {
   return [isDraggedOver, props];
 };
 
-const Item$2 = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
-  const {
-    active,
-    children,
-    onDrop,
-    postfix,
-    prefix,
-    role,
-    ...otherProps
-  } = props;
-  const proxyRef = useProxiedRef(ref);
-  const [isDraggedOver, dropTargetProps] = useDropTarget(onDrop);
-  const isTreeitem = role === 'treeitem';
-  const className = cn('yt-navigation__item cursor-pointer', {
+var _excluded$p = ["active", "children", "onDrop", "postfix", "prefix", "role"],
+    _excluded2$3 = ["children"];
+var Item$2 = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
+  var active = props.active,
+      children = props.children,
+      onDrop = props.onDrop,
+      postfix = props.postfix,
+      prefix = props.prefix,
+      role = props.role,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$p);
+
+  var proxyRef = useProxiedRef(ref);
+
+  var _useDropTarget = useDropTarget(onDrop),
+      isDraggedOver = _useDropTarget[0],
+      dropTargetProps = _useDropTarget[1];
+
+  var isTreeitem = role === 'treeitem';
+  var className = cn('yt-navigation__item cursor-pointer', {
     'w-full mb-px py-1 px-3 flex items-center hover:bg-grey-dark': isTreeitem,
     'bg-white w-full h-10 px-3 flex-shrink-0 flex items-center justify-between cursor-pointer': !isTreeitem,
     'yt-navigation__item--active': active && !isDraggedOver,
@@ -6888,7 +7074,7 @@ const Item$2 = /*#__PURE__*/React__default.forwardRef(function Item(props, ref)
     'yt-navigation__item--dropping bg-blue': isDraggedOver
   }, props.className);
 
-  const handleClick = event => {
+  var handleClick = function handleClick(event) {
     if (event.target instanceof HTMLAnchorElement || event.target instanceof HTMLButtonElement) {
       return;
     }
@@ -6911,19 +7097,19 @@ const Item$2 = /*#__PURE__*/React__default.forwardRef(function Item(props, ref)
     className: "yt-navigation__item__postfix ml-1"
   }, postfix));
 });
-const Panel = /*#__PURE__*/React__default.forwardRef(function Panel(props, ref) {
+var Panel = /*#__PURE__*/React__default.forwardRef(function Panel(props, ref) {
   return React__default.createElement("div", Object.assign({}, props, {
     className: cn('w-full bg-white p-3', props.className),
     ref: ref
   }));
 });
-const MenuGroup = /*#__PURE__*/React__default.forwardRef(function MenuGroup(props, ref) {
-  const className = cn('flex-shrink-0 space-y-1 outline-none', {
+var MenuGroup = /*#__PURE__*/React__default.forwardRef(function MenuGroup(props, ref) {
+  var className = cn('flex-shrink-0 space-y-1 outline-none', {
     'bg-white pb-2': props.fixed
   }, props.className);
 
-  const title = expanded => {
-    const className = cn('bg-white h-10 pl-3 pr-1 flex items-center justify-between w-full', {
+  var title = function title(expanded) {
+    var className = cn('bg-white h-10 pl-3 pr-1 flex items-center justify-between w-full', {
       'mb-1': expanded,
       'cursor-pointer hover:text-blue': !props.fixed
     });
@@ -6940,14 +7126,16 @@ const MenuGroup = /*#__PURE__*/React__default.forwardRef(function MenuGroup(prop
     ref: ref
   }));
 });
-const Menu$1 = /*#__PURE__*/React__default.forwardRef(function Menu(props, ref) {
-  const scrollableAreas = React__default.useMemo(() => {
-    const scrollableAreas = [];
-    React__default.Children.toArray(props.children).filter(child => !!child).map(child => {
+var Menu$2 = /*#__PURE__*/React__default.forwardRef(function Menu(props, ref) {
+  var scrollableAreas = React__default.useMemo(function () {
+    var scrollableAreas = [];
+    React__default.Children.toArray(props.children).filter(function (child) {
+      return !!child;
+    }).map(function (child) {
       if (child.props.fixed) {
         scrollableAreas.push(child);
       } else {
-        const x = scrollableAreas[scrollableAreas.length - 1];
+        var x = scrollableAreas[scrollableAreas.length - 1];
 
         if (Array.isArray(x)) {
           x.push(child);
@@ -6961,25 +7149,26 @@ const Menu$1 = /*#__PURE__*/React__default.forwardRef(function Menu(props, ref)
   return React__default.createElement(Treeview, Object.assign({}, props, {
     className: cn('divide-grey-light flex flex-grow flex-col divide-y-2 overflow-y-auto', props.className),
     ref: ref
-  }), scrollableAreas.map((area, i) => Array.isArray(area) ? React__default.createElement("div", {
-    className: "divide-grey-light flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto",
-    key: i
-  }, area) : area));
+  }), scrollableAreas.map(function (area, i) {
+    return Array.isArray(area) ? React__default.createElement("div", {
+      className: "divide-grey-light flex h-0 flex-auto flex-shrink-0 flex-grow flex-col divide-y-2 overflow-y-auto",
+      key: i
+    }, area) : area;
+  }));
 });
-Menu$1.Group = MenuGroup;
-const Navigation = /*#__PURE__*/React__default.forwardRef(function Navigation(props, ref) {
-  const {
-    children,
-    ...otherProps
-  } = props;
-  const className = cn('h-full flex flex-col bg-grey-light divide-y-2 divide-grey-light', props.className);
+Menu$2.Group = MenuGroup;
+var Navigation = /*#__PURE__*/React__default.forwardRef(function Navigation(props, ref) {
+  var children = props.children,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded2$3);
+
+  var className = cn('h-full flex flex-col bg-grey-light divide-y-2 divide-grey-light', props.className);
   return React__default.createElement("div", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "navigation",
     ref: ref
   }), children);
 });
-Navigation.Menu = Menu$1;
+Navigation.Menu = Menu$2;
 Navigation.Item = Item$2;
 Navigation.Panel = Panel;
 
@@ -7228,52 +7417,54 @@ const useSelect = ({
   };
 };
 
-const BaseSelect = /*#__PURE__*/React.forwardRef(function BaseSelect(props, ref) {
-  const {
-    autoFocus,
-    className: externalClassName,
-    highlighted,
-    style,
-    ...otherProps
-  } = props;
-  const {
-    button,
-    listbox,
-    popover,
-    input,
-    text,
-    more = 0
-  } = useSelect(otherProps, ref);
-  const internalRef = React.useRef(null);
-  const selectDimensions = useBoundingClientRectListener(internalRef);
-  const className = cn('inline-flex relative w-full', {
+var _excluded$q = ["autoFocus", "className", "highlighted", "style"],
+    _excluded2$4 = ["editable"];
+var BaseSelect = /*#__PURE__*/React.forwardRef(function BaseSelect(props, ref) {
+  var autoFocus = props.autoFocus,
+      externalClassName = props.className,
+      style = props.style,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$q);
+
+  var _useSelect = useSelect(otherProps, ref),
+      button = _useSelect.button,
+      listbox = _useSelect.listbox,
+      popover = _useSelect.popover,
+      input = _useSelect.input,
+      text = _useSelect.text,
+      _useSelect$more = _useSelect.more,
+      more = _useSelect$more === void 0 ? 0 : _useSelect$more;
+
+  var internalRef = React.useRef(null);
+  var selectDimensions = useBoundingClientRectListener(internalRef);
+  var className = cn('inline-flex relative w-full', {
     'yt-select--readonly': props.readOnly
   }, externalClassName);
-  const inputClassname = cn(getInputClasses(props), 'h-8 text-left pr-0', {
+  var inputClassname = cn(getInputClasses(props), 'h-8 text-left pr-0', {
     'border-blue': popover.open
   });
-  React.useEffect(() => {
+  React.useEffect(function () {
     if (autoFocus && internalRef.current) {
       internalRef.current.focus();
     }
   }, []);
 
-  const renderMultiSelection = () => {
+  var renderMultiSelection = function renderMultiSelection() {
     return React.createElement(React.Fragment, null, React.createElement("span", {
       className: "flex-grow truncate text-left"
     }, text), more > 0 && React.createElement(Badge, {
       className: "ml-2"
-    }, `+${more}`));
+    }, "+" + more));
   };
 
-  const commonListboxProps = { ...listbox,
+  var commonListboxProps = _extends({}, listbox, {
     className: 'w-auto',
     invalid: undefined,
     style: {
       minWidth: selectDimensions === null || selectDimensions === void 0 ? void 0 : selectDimensions.width
     },
     tabIndex: popover.open ? 0 : -1
-  };
+  });
+
   return React.createElement("span", {
     className: className,
     "data-taco": "select",
@@ -7296,11 +7487,9 @@ const BaseSelect = /*#__PURE__*/React.forwardRef(function BaseSelect(props, ref)
     type: "text"
   }))));
 });
-const Select = /*#__PURE__*/React.forwardRef(function Select(props, ref) {
-  const {
-    editable,
-    ...otherProps
-  } = props;
+var Select = /*#__PURE__*/React.forwardRef(function Select(props, ref) {
+  var editable = props.editable,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded2$4);
 
   if (editable) {
     return React.createElement(Combobox, Object.assign({}, otherProps, {
@@ -7371,41 +7560,47 @@ const usePagination = (initialPageIndex = 0, initialPageSize = 10) => {
   };
 };
 
-const getShowingLabel = (length, pageIndex, pageSize, texts) => {
-  const minItemIndex = pageIndex * pageSize + 1;
-  const maxItemIndex = (pageIndex + 1) * pageSize;
+var _excluded$r = ["length", "pageIndex", "pageSize", "pageSizes", "setPageIndex", "setPageSize", "showPageControls", "showPageNumbers", "showPageSize", "dangerouslyHijackGlobalKeyboardNavigation"];
+
+var getShowingLabel = function getShowingLabel(length, pageIndex, pageSize, texts) {
+  var minItemIndex = pageIndex * pageSize + 1;
+  var maxItemIndex = (pageIndex + 1) * pageSize;
   return texts.pagination.showingXofYofTotal.replace('[X]', length === 0 ? '0' : String(minItemIndex)).replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex)).replace('[total]', String(length));
 };
 
-const Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref) {
-  const {
-    length,
-    pageIndex,
-    pageSize,
-    pageSizes = [10, 25, 50, 100, 500],
-    setPageIndex,
-    setPageSize,
-    showPageControls = true,
-    showPageNumbers = true,
-    showPageSize = true,
-    dangerouslyHijackGlobalKeyboardNavigation = false,
-    ...otherProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const maxPageIndex = Math.ceil(length / pageSize) - 1;
-  const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;
+var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref) {
+  var length = props.length,
+      pageIndex = props.pageIndex,
+      pageSize = props.pageSize,
+      _props$pageSizes = props.pageSizes,
+      pageSizes = _props$pageSizes === void 0 ? [10, 25, 50, 100, 500] : _props$pageSizes,
+      setPageIndex = props.setPageIndex,
+      setPageSize = props.setPageSize,
+      _props$showPageContro = props.showPageControls,
+      showPageControls = _props$showPageContro === void 0 ? true : _props$showPageContro,
+      _props$showPageNumber = props.showPageNumbers,
+      showPageNumbers = _props$showPageNumber === void 0 ? true : _props$showPageNumber,
+      _props$showPageSize = props.showPageSize,
+      showPageSize = _props$showPageSize === void 0 ? true : _props$showPageSize,
+      _props$dangerouslyHij = props.dangerouslyHijackGlobalKeyboardNavigation,
+      dangerouslyHijackGlobalKeyboardNavigation = _props$dangerouslyHij === void 0 ? false : _props$dangerouslyHij,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$r);
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
+
+  var maxPageIndex = Math.ceil(length / pageSize) - 1;
+  var showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;
   usePaginationShortcuts({
-    setPageIndex,
-    maxPageIndex,
-    pageIndex,
-    dangerouslyHijackGlobalKeyboardNavigation
+    setPageIndex: setPageIndex,
+    maxPageIndex: maxPageIndex,
+    pageIndex: pageIndex,
+    dangerouslyHijackGlobalKeyboardNavigation: dangerouslyHijackGlobalKeyboardNavigation
   });
-  const pageCount = Math.ceil(length / pageSize);
-  const canPreviousPage = pageIndex > 0;
-  const canNextPage = pageIndex < pageCount - 1;
-  const className = cn('inline-flex relative justify-between items-center', props.className);
+  var pageCount = Math.ceil(length / pageSize);
+  var canPreviousPage = pageIndex > 0;
+  var canNextPage = pageIndex < pageCount - 1;
+  var className = cn('inline-flex relative justify-between items-center', props.className);
   return React.createElement("div", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "pagination",
@@ -7415,11 +7610,13 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref)
   }, getShowingLabel(length, pageIndex, pageSize, texts), React.createElement(Select, {
     "aria-label": texts.pagination.pageSize,
     className: "ml-4 !w-20",
-    data: pageSizes.map(pageSize => ({
-      text: String(pageSize),
-      value: pageSize
-    })),
-    onChange: event => {
+    data: pageSizes.map(function (pageSize) {
+      return {
+        text: String(pageSize),
+        value: pageSize
+      };
+    }),
+    onChange: function onChange(event) {
       setPageIndex(0);
       setPageSize(Number(event.target.value));
     },
@@ -7431,14 +7628,18 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref)
     appearance: "default",
     disabled: !canPreviousPage,
     icon: "arrow-start",
-    onClick: () => setPageIndex(0),
+    onClick: function onClick() {
+      return setPageIndex(0);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.firstPageWithShortcut : texts.pagination.actions.firstPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.firstPageWithShortcut : texts.pagination.actions.firstPage
   }), React.createElement(IconButton, {
     appearance: "default",
     disabled: !canPreviousPage,
     icon: "arrow-left",
-    onClick: () => setPageIndex(pageIndex - 1),
+    onClick: function onClick() {
+      return 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 && React.createElement(PageNumbers, {
@@ -7449,36 +7650,43 @@ const Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref)
     appearance: "default",
     disabled: !canNextPage,
     icon: "arrow-right",
-    onClick: () => setPageIndex(pageIndex + 1),
+    onClick: function onClick() {
+      return setPageIndex(pageIndex + 1);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage
   }), React.createElement(IconButton, {
     appearance: "default",
     disabled: !canNextPage,
     icon: "arrow-end",
-    onClick: () => setPageIndex(pageCount - 1),
+    onClick: function onClick() {
+      return setPageIndex(pageCount - 1);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage
   })));
 });
 
-const Progress = ({
-  duration = undefined,
-  ...props
-}) => {
-  let style;
+var _excluded$s = ["duration"];
+var Progress = function Progress(_ref) {
+  var _cn;
+
+  var _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? undefined : _ref$duration,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+
+  var style;
 
   if (duration) {
     style = {
-      animationDuration: `${duration}ms`
+      animationDuration: duration + "ms"
     };
   }
 
-  const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);
-  const progressClassName = cn('yt-progress__bar block h-1', {
-    "w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']": !duration,
-    [`w-0 bg-grey-dark animate-[progress_linear]`]: duration
-  });
+  var className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);
+  var progressClassName = cn('yt-progress__bar block h-1', (_cn = {
+    "w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']": !duration
+  }, _cn["w-0 bg-grey-dark animate-[progress_linear]"] = duration, _cn));
   return React__default.createElement("span", Object.assign({}, props, {
     "data-taco": "progress",
     className: className
@@ -7947,7 +8155,7 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
             appearance: "discrete",
             icon: typeof action.icon === 'function' ? action.icon(sanitizedRow) : action.icon,
             tooltip: typeof action.tooltip === 'function' ? action.tooltip(sanitizedRow) : action.tooltip
-          }))), secondaryActions.length ? React__default.createElement(Menu, null, React__default.createElement(Menu.Trigger, null, React__default.createElement(IconButton, {
+          }))), secondaryActions.length ? React__default.createElement(Menu$1, null, React__default.createElement(Menu$1.Trigger, null, React__default.createElement(IconButton, {
             appearance: "discrete",
             icon: "ellipsis-vertical",
             "aria-label": texts.table.actions,
@@ -7957,7 +8165,7 @@ const useRowActions = (inlineEditingUniqueId, handlers, actions, rowExpansionRen
               event.stopPropagation();
               row.setActive();
             }
-          })), React__default.createElement(Menu.Content, null, secondaryActions.map((action, index) => React__default.createElement(Menu.Item, Object.assign({
+          })), React__default.createElement(Menu$1.Content, null, secondaryActions.map((action, index) => 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);
@@ -9093,16 +9301,19 @@ const useTableRowCreation = (data, tableRef) => {
   };
 };
 
-const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(props, ref) {
-  const {
-    id,
-    defaultId,
-    children,
-    onChange,
-    orientation = 'horizontal',
-    ...otherProps
-  } = props;
-  const className = cn('yt-tabs', `yt-tabs--${orientation}`, {
+var _excluded$t = ["id", "defaultId", "children", "onChange", "orientation"],
+    _excluded2$5 = ["id", "disabled"],
+    _excluded3 = ["id"];
+var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(props, ref) {
+  var id = props.id,
+      defaultId = props.defaultId,
+      children = props.children,
+      onChange = props.onChange,
+      _props$orientation = props.orientation,
+      orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$t);
+
+  var className = cn('yt-tabs', "yt-tabs--" + orientation, {
     'flex w-full': orientation === 'vertical'
   }, props.className);
   return React.createElement(TabsPrimitive.Root, Object.assign({}, otherProps, {
@@ -9116,20 +9327,19 @@ const Tabs = /*#__PURE__*/React.forwardRef(function Tabs(props, ref) {
     value: id
   }), children);
 });
-const TabList = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
-  const className = cn('yt-tab__list border-b border-grey-light flex flex-row m-0 mb-4', props.className);
+var TabList = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
+  var className = cn('yt-tab__list border-b border-grey-light flex flex-row m-0 mb-4', props.className);
   return React.createElement(TabsPrimitive.List, Object.assign({}, props, {
     className: className,
     ref: ref
   }));
 });
-const TabTrigger = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
-  const {
-    id,
-    disabled,
-    ...otherProps
-  } = props;
-  const className = cn('yt-tab bg-transparent border-b-2 border-transparent text-grey-darkest m-0 py-2 px-4', disabled ? 'cursor-not-allowed !text-grey-darker' : 'cursor-pointer rounded-t hover:border-grey-dark aria-selected:border-blue aria-selected:text-black aria-selected:hover:border-blue-light hover:text-black active:yt-focus active:border-blue focus:yt-focus focus:border-blue', props.className);
+var TabTrigger = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
+  var id = props.id,
+      disabled = props.disabled,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded2$5);
+
+  var className = cn('yt-tab bg-transparent border-b-2 border-transparent text-grey-darkest m-0 py-2 px-4', disabled ? 'cursor-not-allowed !text-grey-darker' : 'cursor-pointer rounded-t hover:border-grey-dark aria-selected:border-blue aria-selected:text-black aria-selected:hover:border-blue-light hover:text-black active:yt-focus active:border-blue focus:yt-focus focus:border-blue', props.className);
   return React.createElement(TabsPrimitive.Trigger, Object.assign({}, otherProps, {
     className: className,
     disabled: disabled,
@@ -9140,12 +9350,11 @@ const TabTrigger = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
     value: id
   }));
 });
-const TabContent = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
-  const {
-    id,
-    ...otherProps
-  } = props;
-  const className = cn('yt-tab__panel outline-none', props.className);
+var TabContent = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
+  var id = props.id,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded3);
+
+  var className = cn('yt-tab__panel outline-none', props.className);
   return React.createElement(TabsPrimitive.Content, Object.assign({}, otherProps, {
     className: className,
     ref: ref,
@@ -9156,22 +9365,19 @@ Tabs.List = TabList;
 Tabs.Trigger = TabTrigger;
 Tabs.Content = TabContent;
 
-const Textarea = /*#__PURE__*/React.forwardRef(function Textarea(props, ref) {
-  const {
-    defaultValue: _,
-    highlighted,
-    invalid,
-    onKeyDown,
-    ...otherProps
-  } = props;
-  const classNames = cn(getInputClasses(props), 'py-1 min-h-[75px] disabled:resize-none', props.className); // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll
+var _excluded$u = ["defaultValue", "highlighted", "invalid", "onKeyDown"];
+var Textarea = /*#__PURE__*/React.forwardRef(function Textarea(props, ref) {
+  var onKeyDown = props.onKeyDown,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$u);
+
+  var classNames = cn(getInputClasses(props), 'py-1 min-h-[75px] disabled:resize-none', props.className); // home and end keys only navigate to the start/end of textarea value if the textarea container does not scroll
   // if it has scroll height then the browser reverts to native scrolling behaviour only
   // so we manually override it to ensure _our_ desired behaviour remains intact
 
-  const handleKeyDown = event => {
+  var handleKeyDown = function handleKeyDown(event) {
     if (event.key === 'Home' || event.key === 'End') {
       event.preventDefault();
-      const position = event.key === 'End' ? event.currentTarget.value.length : 0;
+      var position = event.key === 'End' ? event.currentTarget.value.length : 0;
       event.currentTarget.setSelectionRange(position, position);
       event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;
     }
@@ -9189,18 +9395,18 @@ const Textarea = /*#__PURE__*/React.forwardRef(function Textarea(props, ref) {
   }));
 });
 
-const Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
-  const {
-    label,
-    onChange,
-    ...otherProps
-  } = props;
-  const className = cn('group h-5 w-9 flex rounded-full inline-flex', {
+var _excluded$v = ["label", "onChange"];
+var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
+  var label = props.label,
+      onChange = props.onChange,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$v);
+
+  var className = cn('group h-5 w-9 flex rounded-full inline-flex', {
     'mr-2': !!label,
     'bg-grey-darker hover:bg-grey-dark aria-checked:bg-blue aria-checked:hover:bg-blue-light focus:yt-focus': !props.disabled,
     'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled
   }, props.className);
-  const element = React.createElement(PrimitiveSwitch.Root, Object.assign({}, otherProps, {
+  var element = React.createElement(PrimitiveSwitch.Root, Object.assign({}, otherProps, {
     className: className,
     onCheckedChange: onChange,
     ref: ref
@@ -9209,7 +9415,7 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
   }));
 
   if (label) {
-    const labelClassName = cn('flex items-center cursor-pointer', {
+    var labelClassName = cn('flex items-center cursor-pointer', {
       'cursor-not-allowed text-grey-dark': props.disabled
     });
     return React.createElement("label", {
@@ -9220,22 +9426,23 @@ const Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
   return element;
 });
 
-const Tooltip$1 = ({
-  continuous,
-  index,
-  isLastStep,
-  step,
-  backProps,
-  primaryProps,
-  skipProps,
-  tooltipProps,
-  size,
-  locale,
-  disableTourSkipOnEsc
-}) => {
-  const skipButtonRef = React.useRef(null);
-  React.useEffect(() => {
-    const onWindowKeyDown = event => {
+var _excluded$w = ["autoStart", "onComplete", "onClose", "onReady", "spotlightClicks", "disableCloseOnEsc", "disableScrollParentFix", "scrollOffset"];
+
+var Tooltip$1 = function Tooltip(_ref) {
+  var continuous = _ref.continuous,
+      index = _ref.index,
+      isLastStep = _ref.isLastStep,
+      step = _ref.step,
+      backProps = _ref.backProps,
+      primaryProps = _ref.primaryProps,
+      skipProps = _ref.skipProps,
+      tooltipProps = _ref.tooltipProps,
+      size = _ref.size,
+      locale = _ref.locale,
+      disableTourSkipOnEsc = _ref.disableTourSkipOnEsc;
+  var skipButtonRef = React.useRef(null);
+  React.useEffect(function () {
+    var onWindowKeyDown = function onWindowKeyDown(event) {
       if (!disableTourSkipOnEsc) {
         if (event.keyCode === keycode('esc') && skipButtonRef.current !== null) {
           event.preventDefault();
@@ -9246,7 +9453,7 @@ const Tooltip$1 = ({
     };
 
     window.addEventListener('keydown', onWindowKeyDown);
-    return () => {
+    return function () {
       window.removeEventListener('keydown', onWindowKeyDown);
     };
   }, []);
@@ -9265,30 +9472,31 @@ const Tooltip$1 = ({
     appearance: "discrete"
   }), locale.back), React.createElement(Button$1, Object.assign({}, primaryProps, {
     appearance: "primary"
-  }), continuous ? isLastStep ? `${locale.last} (${index + 1}/${size})` : `${locale.next} (${index + 1}/${size})` : locale.close)));
+  }), continuous ? isLastStep ? locale.last + " (" + (index + 1) + "/" + size + ")" : locale.next + " (" + (index + 1) + "/" + size + ")" : locale.close)));
 }; // eslint-disable-next-line @typescript-eslint/no-unused-vars
 
 
-const TourStep = _props => null;
-const Tour = props => {
-  const {
-    texts: {
-      tour
-    }
-  } = useLocalization();
-  const {
-    autoStart: run,
-    onComplete,
-    onClose,
-    onReady,
-    spotlightClicks,
-    disableCloseOnEsc: disableTourSkipOnEsc,
-    disableScrollParentFix = false,
-    ...rest
-  } = props;
-  const steps = React.useMemo(() => {
-    return React.Children.map(props.children, child => {
-      const step = {
+var TourStep = function TourStep(_props) {
+  return null;
+};
+var Tour = function Tour(props) {
+  var _useLocalization = useLocalization(),
+      tour = _useLocalization.texts.tour;
+
+  var run = props.autoStart,
+      onComplete = props.onComplete,
+      onClose = props.onClose,
+      onReady = props.onReady,
+      spotlightClicks = props.spotlightClicks,
+      disableTourSkipOnEsc = props.disableCloseOnEsc,
+      _props$disableScrollP = props.disableScrollParentFix,
+      disableScrollParentFix = _props$disableScrollP === void 0 ? false : _props$disableScrollP,
+      scrollOffset = props.scrollOffset,
+      rest = _objectWithoutPropertiesLoose(props, _excluded$w);
+
+  var steps = React.useMemo(function () {
+    return React.Children.map(props.children, function (child) {
+      var step = {
         disableBeacon: !child.props.showBeacon,
         target: child.props.selector,
         placement: child.props.position,
@@ -9298,10 +9506,12 @@ const Tour = props => {
       return step;
     });
   }, [props.children]);
-  const getStep = React.useCallback(selector => {
+  var getStep = React.useCallback(function (selector) {
     var _props$children$find;
 
-    return (_props$children$find = props.children.find(child => child.props.selector === selector)) === null || _props$children$find === void 0 ? void 0 : _props$children$find.props;
+    return (_props$children$find = props.children.find(function (child) {
+      return child.props.selector === selector;
+    })) === null || _props$children$find === void 0 ? void 0 : _props$children$find.props;
   }, [props.children]);
 
   function callback(state) {
@@ -9331,15 +9541,18 @@ const Tour = props => {
     floaterProps: {
       disableAnimation: true
     },
-    tooltipComponent: tooltipProps => React.createElement(Tooltip$1, Object.assign({}, tooltipProps, {
-      locale: tour,
-      disableTourSkipOnEsc: disableTourSkipOnEsc
-    })),
+    tooltipComponent: function tooltipComponent(tooltipProps) {
+      return React.createElement(Tooltip$1, Object.assign({}, tooltipProps, {
+        locale: tour,
+        disableTourSkipOnEsc: disableTourSkipOnEsc
+      }));
+    },
     locale: tour,
     spotlightPadding: 8,
     spotlightClicks: spotlightClicks,
     disableScrollParentFix: disableScrollParentFix,
     callback: callback,
+    scrollOffset: scrollOffset,
     styles: {
       /** style beacon */
       options: {
@@ -9375,12 +9588,12 @@ var useOnClickOutside = function useOnClickOutside(ref, callback) {
   }, [ref, callback]);
 };
 
-const Content$6 = /*#__PURE__*/React.forwardRef(function CardContent(externalProps, ref) {
-  const {
-    noPadding,
-    ...props
-  } = externalProps;
-  const className = cn('flex-grow overflow-auto', {
+var _excluded$x = ["noPadding"];
+var Content$6 = /*#__PURE__*/React.forwardRef(function CardContent(externalProps, ref) {
+  var noPadding = externalProps.noPadding,
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded$x);
+
+  var className = cn('flex-grow overflow-auto', {
     'mx-4 mb-4': !noPadding
   }, props.className);
   return React.createElement("div", Object.assign({}, props, {
@@ -9388,13 +9601,11 @@ const Content$6 = /*#__PURE__*/React.forwardRef(function CardContent(externalPro
     ref: ref
   }));
 });
-const Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
-  const {
-    title,
-    menu,
-    children
-  } = props;
-  const className = cn('bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]', props.className);
+var Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
+  var title = props.title,
+      menu = props.menu,
+      children = props.children;
+  var className = cn('bg-white flex flex-col rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]', props.className);
   return React.createElement("div", {
     className: className,
     "data-taco": "card",
@@ -9432,7 +9643,7 @@ exports.Icon = Icon;
 exports.IconButton = IconButton;
 exports.Input = Input;
 exports.Listbox = Listbox;
-exports.Menu = Menu;
+exports.Menu = Menu$1;
 exports.MultiListbox = MultiListbox;
 exports.Navigation = Navigation;
 exports.PaginatedTable = PaginatedTable;
@@ -9466,11 +9677,13 @@ exports.getParentRowIndexPath = getParentRowIndexPath;
 exports.getRadioGroupItemValueAsString = getRadioGroupItemValueAsString;
 exports.icons = icons;
 exports.insertChildTableRow = insertChildTableRow;
+exports.mergeRefs = mergeRefs;
 exports.parseFromCustomString = parseFromCustomString;
 exports.parseFromISOString = parseFromISOString;
 exports.removeChildTableRow = removeChildTableRow;
 exports.setByRowIndexPath = setByRowIndexPath;
 exports.useBoundingClientRectListener = useBoundingClientRectListener;
+exports.useDropTarget = useDropTarget;
 exports.useListKeyboardNavigation = useListKeyboardNavigation;
 exports.useListScrollTo = useListScrollTo;
 exports.useLocalization = useLocalization;