@economic/taco 0.0.31-alpha.1 → 0.0.33-alpha.0

package/dist/taco.cjs.development.js

@@ -3237,7 +3237,7 @@ var Backdrop = /*#__PURE__*/React.forwardRef(function Backdrop(props, ref) {
   }));
 });
 
-var VisuallyHidden = /*#__PURE__*/React.forwardRef(function VisuallyHidden(props, ref) {
+const VisuallyHidden = /*#__PURE__*/React.forwardRef(function VisuallyHidden(props, ref) {
   return React.createElement("span", Object.assign({}, props, {
     className: "sr-only",
     ref: ref
@@ -3355,13 +3355,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);
 });
 
-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);
-
+const Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, ref) {
+  const {
+    title,
+    children,
+    placement,
+    ...otherProps
+  } = props;
   return React.createElement(TooltipPrimitive.Root, {
     delayDuration: 50
   }, React.createElement(TooltipPrimitive.Trigger, {
@@ -3383,7 +3383,7 @@ var Tooltip = /*#__PURE__*/React.forwardRef(function Tooltip(props, ref) {
 });
 
 const getButtonClasses = () => {
-  return 'min-h-[theme(spacing.8)] min-w-[theme(spacing.8)] h-max inline-flex items-center justify-center border';
+  return 'min-h-[theme(spacing.8)] min-w-[theme(spacing.8)] gap-1 h-max inline-flex items-center justify-center border';
 };
 const getAppearanceClasses = (value, icon = false) => {
   switch (value) {
@@ -3453,12 +3453,12 @@ const createButton = (props, className, ref) => {
   return button;
 };
 
-var _excluded$4 = ["icon", "rounded"];
+var _excluded$3 = ["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);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$3);
 
   var className = cn('w-8', getButtonClasses(), getAppearanceClasses(otherProps.appearance, true), {
     'rounded-full': rounded,
@@ -3497,10 +3497,10 @@ var Banner = /*#__PURE__*/React.forwardRef(function Banner(props, ref) {
   }) : null);
 });
 
-var _excluded$5 = ["fluid"];
+var _excluded$4 = ["fluid"];
 var Button$1 = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
   var fluid = props.fluid,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$5);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$4);
 
   var className = cn(getButtonClasses(), getAppearanceClasses(otherProps.appearance), 'rounded px-3', {
     'cursor-not-allowed opacity-50': props.disabled,
@@ -3571,27 +3571,21 @@ function useTimer(duration = 0, callback) {
   };
 }
 
-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;
+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;
 
     if (delay) {
-      timeout = window.setTimeout(function () {
-        return setVisibility(true);
-      }, delay);
+      timeout = window.setTimeout(() => setVisibility(true), delay);
     }
 
-    return function () {
+    return () => {
       if (timeout) {
         clearTimeout(timeout);
       }
@@ -3602,7 +3596,7 @@ var Spinner$1 = /*#__PURE__*/React__default.forwardRef(function Spinner(props, r
     return null;
   }
 
-  var className = cn('inline-flex flex-col relative items-center', otherProps.className);
+  const className = cn('inline-flex flex-col relative items-center', otherProps.className);
   return React__default.createElement("div", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "spinner",
@@ -3728,62 +3722,49 @@ const Toast = ({
   }));
 };
 
-var _excluded$7 = ["children"];
-var DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
-var ToastContext = /*#__PURE__*/React.createContext({});
+const DEFAULT_AUTO_CLOSE_TIMEOUT = 7500;
+const ToastContext = /*#__PURE__*/React.createContext({});
 
-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);
-  });
+const insertToastWithoutDuplicates = (currentToasts, id, content, options, close) => {
+  const nextToasts = [...currentToasts];
+  const existingToastIndex = currentToasts.findIndex(toast => 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;
 };
 
-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 ToastProvider = ({
+  children,
+  ...props
+}) => {
+  const [toasts, setToasts] = React.useState([]);
 
-  var handleClose = function handleClose(id) {
-    setToasts(function (currentToasts) {
-      return currentToasts.filter(function (toast) {
-        return toast.id !== id;
-      });
-    });
+  const handleClose = id => {
+    setToasts(currentToasts => currentToasts.filter(toast => 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
 
 
-  var toaster = React.useCallback(function (content, options) {
-    var id = uuid.v4();
+  const toaster = React.useCallback((content, options) => {
+    const id = uuid.v4();
 
-    var close = function close() {
-      return handleClose(id);
-    };
+    const close = () => handleClose(id);
 
-    setToasts(function (currentToasts) {
-      return insertToastWithoutDuplicates(currentToasts, id, content, options, close);
-    });
+    setToasts(currentToasts => insertToastWithoutDuplicates(currentToasts, id, content, options, close));
 
-    var update = function update(content, options) {
-      setToasts(function (currentToasts) {
-        var nextToasts = currentToasts.filter(function (toast) {
+    const update = (content, options) => {
+      setToasts(currentToasts => {
+        const nextToasts = currentToasts.filter(toast => {
           if (toast.lastDuplicateId) {
             return toast.lastDuplicateId !== id;
           }
@@ -3794,80 +3775,70 @@ var ToastProvider = function ToastProvider(_ref) {
       });
     };
 
-    var success = function success(content, options) {
-      update(content, _extends({
-        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
-      }, options, {
+    const success = (content, options) => {
+      update(content, {
+        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
+        ...options,
         type: 'success'
-      }));
+      });
     };
 
-    var error = function error(content, options) {
-      update(content, _extends({}, options, {
+    const error = (content, options) => {
+      update(content, { ...options,
         type: 'error'
-      }));
+      });
     };
 
-    var warning = function warning(content, options) {
-      update(content, _extends({}, options, {
+    const warning = (content, options) => {
+      update(content, { ...options,
         type: 'warning'
-      }));
+      });
     };
 
-    var information = function information(content, options) {
-      update(content, _extends({}, options, {
+    const information = (content, options) => {
+      update(content, { ...options,
         type: 'information'
-      }));
+      });
     };
 
-    var loading = function loading(content, options) {
-      update(content, _extends({}, options, {
+    const loading = (content, options) => {
+      update(content, { ...options,
         type: 'loading'
-      }));
+      });
     };
 
     return {
-      success: success,
-      error: error,
-      warning: warning,
-      information: information,
-      loading: loading,
-      close: close
+      success,
+      error,
+      warning,
+      information,
+      loading,
+      close
     };
   }, []); // no need to rebind these every render, do them once in an effect
 
-  React.useEffect(function () {
-    toaster.success = function (content, options) {
-      return toaster(content, _extends({
-        autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT
-      }, options, {
-        type: 'success'
-      }));
-    };
+  React.useEffect(() => {
+    toaster.success = (content, options) => toaster(content, {
+      autoClose: DEFAULT_AUTO_CLOSE_TIMEOUT,
+      ...options,
+      type: 'success'
+    });
 
-    toaster.error = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'error'
-      }));
-    };
+    toaster.error = (content, options) => toaster(content, { ...options,
+      type: 'error'
+    });
 
-    toaster.warning = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'warning'
-      }));
-    };
+    toaster.warning = (content, options) => toaster(content, { ...options,
+      type: 'warning'
+    });
 
-    toaster.information = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'information'
-      }));
-    };
+    toaster.information = (content, options) => toaster(content, { ...options,
+      type: 'information'
+    });
 
-    toaster.loading = function (content, options) {
-      return toaster(content, _extends({}, options, {
-        type: 'loading'
-      }));
-    };
+    toaster.loading = (content, options) => toaster(content, { ...options,
+      type: 'loading'
+    });
   }, []);
   return React.createElement(ToastContext.Provider, Object.assign({}, props, {
     value: toaster
@@ -3877,41 +3848,35 @@ var ToastProvider = function ToastProvider(_ref) {
     role: "log"
   }, React.createElement(framerMotion.AnimatePresence, {
     initial: false
-  }, toasts.map(function (toast) {
-    return React.createElement(framerMotion.motion.div, {
-      key: toast.id,
+  }, 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,
       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,
-        transition: {
-          duration: 0.2
-        }
-      }
-    }, React.createElement(Toast, Object.assign({}, toast, {
-      onClose: function onClose() {
-        return handleClose(toast.id);
+        duration: 0.2
       }
-    })));
-  }))));
-};
-var useToast = function useToast() {
-  return React.useContext(ToastContext);
+    }
+  }, React.createElement(Toast, Object.assign({}, toast, {
+    onClose: () => handleClose(toast.id)
+  })))))));
 };
+const useToast = () => React.useContext(ToastContext);
 
 var defaultLocalisationTexts = {
   calendar: {
@@ -4018,7 +3983,7 @@ var useLocalization = function useLocalization() {
   return useTaco().localization;
 };
 
-var _excluded$8 = ["onChange", "value"];
+var _excluded$5 = ["onChange", "value"];
 
 var renderDay = function renderDay(day, modifiers) {
   return modifiers.disabled ? React.createElement("span", {
@@ -4097,7 +4062,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$8);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$5);
 
   var _useLocalization2 = useLocalization(),
       locale = _useLocalization2.locale,
@@ -4161,7 +4126,7 @@ var Calendar$1 = /*#__PURE__*/React.forwardRef(function Calendar(props, ref) {
   })));
 });
 
-var _excluded$9 = ["checked", "highlighted", "indeterminate", "invalid", "label", "onChange"];
+var _excluded$6 = ["checked", "highlighted", "indeterminate", "invalid", "label", "onChange"];
 var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(props, ref) {
   var checked = props.checked,
       highlighted = props.highlighted,
@@ -4169,7 +4134,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(props, ref) {
       invalid = props.invalid,
       label = props.label,
       onChange = props.onChange,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$9);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$6);
 
   var className = cn('bg-white h-5 w-5 border rounded text-sm flex-shrink-0 self-start mt-[0.1rem]', {
     'mr-2': !!label,
@@ -4243,14 +4208,14 @@ const getButtonStateClasses = invalid => {
   return '!border-grey-dark focus:!border-blue-light peer-focus:!border-blue-light peer-focus:peer-active:!border-blue-dark';
 };
 
-var _excluded$a = ["button", "icon", "highlighted", "invalid", "onKeyDown", "autoFocus"];
+var _excluded$7 = ["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);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$7);
 
   var inputRef = useProxiedRef(ref);
   var hasContainer = button || icon;
@@ -5083,12 +5048,12 @@ var useBoundingClientRectListener = function useBoundingClientRectListener(ref)
   return dimensions;
 };
 
-var _excluded$b = ["className", "dialog", "style"];
+var _excluded$8 = ["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);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$8);
 
   var _useCombobox = useCombobox(otherProps, ref),
       combobox = _useCombobox.combobox,
@@ -5380,7 +5345,7 @@ function mergeRefs(refs) {
   };
 }
 
-var _excluded$c = ["children", "trigger"];
+var _excluded$9 = ["children", "trigger"];
 var PopoverContext = /*#__PURE__*/React.createContext({
   props: {},
   ref: null
@@ -5444,7 +5409,7 @@ var Close$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
 var Popover = /*#__PURE__*/React.forwardRef(function Popover(props, ref) {
   var children = props.children,
       trigger = props.trigger,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$c);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$9);
 
   var context = React.useMemo(function () {
     return {
@@ -5460,7 +5425,7 @@ Popover.Trigger = Trigger$1;
 Popover.Content = Content$1;
 Popover.Close = Close$1;
 
-var _excluded$d = ["className", "onReset", "style", "shortcuts", "shortcutsText"];
+var _excluded$a = ["className", "onReset", "style", "shortcuts", "shortcutsText"];
 var Datepicker = /*#__PURE__*/React.forwardRef(function Datepicker(props, ref) {
   var _input$disabled;
 
@@ -5469,7 +5434,7 @@ var Datepicker = /*#__PURE__*/React.forwardRef(function Datepicker(props, ref) {
       style = props.style,
       shortcuts = props.shortcuts,
       shortcutsText = props.shortcutsText,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$d);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$a);
 
   var _useDatepicker = useDatepicker(otherProps, ref),
       calendar = _useDatepicker.calendar,
@@ -5764,7 +5729,7 @@ const Extra = /*#__PURE__*/React.forwardRef(function DialogExtra(props, ref) {
 });
 Extra.displayName = 'DialogExtra';
 
-var _excluded$e = ["children", "closeOnEscape", "defaultOpen", "draggable", "onChange", "onClose", "open", "showCloseButton", "size", "trigger"];
+var _excluded$b = ["children", "closeOnEscape", "defaultOpen", "draggable", "onChange", "onClose", "open", "showCloseButton", "size", "trigger"];
 
 var useSeparatedChildren = function useSeparatedChildren(initialChildren) {
   return React.useMemo(function () {
@@ -5801,7 +5766,7 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(props, ref) {
       _props$size = props.size,
       size = _props$size === void 0 ? 'sm' : _props$size,
       trigger = props.trigger,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$e);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$b);
 
   var _useSeparatedChildren = useSeparatedChildren(initialChildren),
       children = _useSeparatedChildren[0],
@@ -5851,14 +5816,14 @@ Dialog.Extra = Extra;
 Dialog.Drawer = Drawer;
 Dialog.Close = Close$2;
 
-var _excluded$f = ["disabled", "children", "invalid", "message"];
+var _excluded$c = ["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);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$c);
 
   var className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
     'text-grey-dark': disabled
@@ -5878,11 +5843,11 @@ var Field = /*#__PURE__*/React.forwardRef(function Field(props, ref) {
   }, message));
 });
 
-var _excluded$g = ["horizontal"];
+var _excluded$d = ["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);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$d);
 
   var className = cn('yt-form', {
     'yt-form--horizontal flex flex-wrap': horizontal
@@ -5894,11 +5859,11 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(props, ref) {
   }));
 });
 
-var _excluded$h = ["as"];
+var _excluded$e = ["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);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$e);
 
   var className = cn('flex ', props.className);
   return React.createElement(Tag, Object.assign({}, otherProps, {
@@ -5908,7 +5873,7 @@ var Group = /*#__PURE__*/React.forwardRef(function Group(props, ref) {
   }));
 });
 
-var _excluded$i = ["anchor", "children", "defaultOpen"];
+var _excluded$f = ["anchor", "children", "defaultOpen"];
 var HangerContext = /*#__PURE__*/React.createContext({
   props: {},
   ref: null
@@ -5965,7 +5930,7 @@ var Hanger = /*#__PURE__*/React.forwardRef(function Hanger(props, ref) {
       children = props.children,
       _props$defaultOpen = props.defaultOpen,
       defaultOpen = _props$defaultOpen === void 0 ? true : _props$defaultOpen,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$i);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$f);
 
   var context = React.useMemo(function () {
     return {
@@ -6337,11 +6302,11 @@ const useMultiListbox = ({
   };
 };
 
-var _excluded$j = ["className"],
+var _excluded$g = ["className"],
     _excluded2$1 = ["className"];
 var Listbox = /*#__PURE__*/React.forwardRef(function Listbox(props, ref) {
   var externalClassName = props.className,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$j);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$g);
 
   var _useListbox = useListbox(otherProps, ref),
       list = _useListbox.list,
@@ -6642,7 +6607,7 @@ const Checkbox$1 = props => {
   })), children);
 };
 
-var _excluded$k = ["children", "value"],
+var _excluded$h = ["children", "value"],
     _excluded2$2 = ["children", "defaultValue", "disabled", "invalid", "onChange", "orientation", "value"];
 var getRadioGroupItemValueAsString = function getRadioGroupItemValueAsString(value) {
   return value === null ? '' : String(value);
@@ -6661,7 +6626,7 @@ var RadioGroupItem = /*#__PURE__*/React.forwardRef(function RadioGroupItem(props
 
   var children = props.children,
       value = props.value,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$k);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$h);
 
   var disabled = context.disabled || props.disabled;
   var className = cn('flex flex-shrink-0 self-start items-center justify-center h-4 w-4 mr-2 mt-[0.2rem] rounded-full bg-white border-2 ', {
@@ -6852,12 +6817,12 @@ const Header = props => {
   }));
 };
 
-var _excluded$l = ["appearance", "children", "trigger"];
+var _excluded$i = ["appearance", "children", "trigger"];
 var Menu = function Menu(externalProps) {
   var externalAppearance = externalProps.appearance,
       children = externalProps.children,
       trigger = externalProps.trigger,
-      props = _objectWithoutPropertiesLoose(externalProps, _excluded$l);
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded$i);
 
   var _React$useState = React.useState(false),
       open = _React$useState[0],
@@ -6911,44 +6876,39 @@ Menu.Separator = Separator;
 Menu.Header = Header;
 Menu.RadioGroup = RadioGroup$1;
 
-var _excluded$m = ["children", "className", "expanded", "title", "fixed", "onClick"];
-var TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
+const TreeviewItem = /*#__PURE__*/React__default.forwardRef(function TreeviewItem(props, ref) {
   return React__default.createElement("a", Object.assign({}, props, {
     ref: ref
   }));
 });
-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$m);
-
-  var _React$useState = React__default.useState(fixed || initialExpanded),
-      expanded = _React$useState[0],
-      setExpanded = _React$useState[1];
-
-  React__default.useEffect(function () {
+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(() => {
     if (!fixed) {
       setExpanded(fixed || initialExpanded);
     }
   }, [fixed, initialExpanded]);
-  var listClassName = cn('flex-col mb-0', {
+  const listClassName = cn('flex-col mb-0', {
     flex: expanded,
     hidden: !expanded
   });
-
-  var itemProps = _extends({}, otherProps, {
+  const itemProps = { ...otherProps,
     'aria-expanded': expanded,
     role: 'treeitem',
     tabIndex: -1
-  });
+  };
 
-  var handleClick = function handleClick(event) {
-    var nextState = !expanded;
+  const handleClick = event => {
+    const nextState = !expanded;
 
     if (!fixed) {
       setExpanded(nextState);
@@ -6959,7 +6919,7 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
     }
   };
 
-  var className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
+  const className = typeof externalClassName === 'function' ? externalClassName(expanded) : externalClassName;
   return React__default.createElement("div", Object.assign({}, itemProps, {
     className: className,
     ref: ref
@@ -6968,18 +6928,14 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
   }, typeof title === 'function' ? title(expanded) : title), React__default.createElement("ul", {
     role: "group",
     className: listClassName
-  }, 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'
-    }));
-  })));
+  }, 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'
+  })))));
 });
-var Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
+const Treeview = /*#__PURE__*/React__default.forwardRef(function Treeview(props, ref) {
   return React__default.createElement("div", Object.assign({}, props, {
     ref: ref,
     role: "tree"
@@ -7022,7 +6978,7 @@ const useDropTarget = onDrop => {
   return [isDraggedOver, props];
 };
 
-var _excluded$n = ["active", "children", "onDrop", "postfix", "prefix", "role"],
+var _excluded$j = ["active", "children", "onDrop", "postfix", "prefix", "role"],
     _excluded2$3 = ["children"];
 var Item$2 = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
   var active = props.active,
@@ -7031,7 +6987,7 @@ var Item$2 = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
       postfix = props.postfix,
       prefix = props.prefix,
       role = props.role,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$n);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$j);
 
   var proxyRef = useProxiedRef(ref);
 
@@ -7230,8 +7186,6 @@ const useSelect = ({
       setInputValueByRef$1(internalInputRef.current, value);
     } else if (value !== undefined && data.some(option => option.value === value)) {
       setInputValueByRef$1(internalInputRef.current, value);
-    } else if (data.length && defaultValue === undefined) {
-      setInputValueByRef$1(internalInputRef.current, data[0].value);
     }
   }, []); // event handlers
 
@@ -7376,13 +7330,13 @@ const useSelect = ({
   };
 };
 
-var _excluded$o = ["autoFocus", "className", "highlighted", "style"],
+var _excluded$k = ["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$o);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$k);
 
   var _useSelect = useSelect(otherProps, ref),
       button = _useSelect.button,
@@ -7519,7 +7473,7 @@ const usePagination = (initialPageIndex = 0, initialPageSize = 10) => {
   };
 };
 
-var _excluded$p = ["length", "pageIndex", "pageSize", "pageSizes", "setPageIndex", "setPageSize", "showPageControls", "showPageNumbers", "showPageSize", "dangerouslyHijackGlobalKeyboardNavigation"];
+var _excluded$l = ["length", "pageIndex", "pageSize", "pageSizes", "setPageIndex", "setPageSize", "showPageControls", "showPageNumbers", "showPageSize", "dangerouslyHijackGlobalKeyboardNavigation"];
 
 var getShowingLabel = function getShowingLabel(length, pageIndex, pageSize, texts) {
   var minItemIndex = pageIndex * pageSize + 1;
@@ -7543,7 +7497,7 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref) {
       showPageSize = _props$showPageSize === void 0 ? true : _props$showPageSize,
       _props$dangerouslyHij = props.dangerouslyHijackGlobalKeyboardNavigation,
       dangerouslyHijackGlobalKeyboardNavigation = _props$dangerouslyHij === void 0 ? false : _props$dangerouslyHij,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$p);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$l);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -7626,13 +7580,13 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref) {
   })));
 });
 
-var _excluded$q = ["duration"];
+var _excluded$m = ["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$q);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$m);
 
   var style;
 
@@ -9255,19 +9209,16 @@ const useTableRowCreation = (data, tableRef) => {
   };
 };
 
-var _excluded$r = ["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$r);
-
-  var className = cn('yt-tabs', "yt-tabs--" + orientation, {
+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}`, {
     'flex w-full': orientation === 'vertical'
   }, props.className);
   return React.createElement(TabsPrimitive.Root, Object.assign({}, otherProps, {
@@ -9281,19 +9232,20 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(props, ref) {
     value: id
   }), children);
 });
-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);
+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);
   return React.createElement(TabsPrimitive.List, Object.assign({}, props, {
     className: className,
     ref: ref
   }));
 });
-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' : 'cursor-pointer rounded-t hover:border-grey-light hover:text-black active:yt-focus active:border-blue focus:yt-focus focus:border-blue', props.className);
+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' : 'cursor-pointer rounded-t hover:border-grey-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,
@@ -9304,11 +9256,12 @@ var TabTrigger = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
     value: id
   }));
 });
-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);
+const TabContent = /*#__PURE__*/React.forwardRef(function Tab(props, ref) {
+  const {
+    id,
+    ...otherProps
+  } = props;
+  const className = cn('yt-tab__panel outline-none', props.className);
   return React.createElement(TabsPrimitive.Content, Object.assign({}, otherProps, {
     className: className,
     ref: ref,
@@ -9319,19 +9272,22 @@ Tabs.List = TabList;
 Tabs.Trigger = TabTrigger;
 Tabs.Content = TabContent;
 
-var _excluded$s = ["defaultValue", "highlighted", "invalid", "onKeyDown"];
-var Textarea = /*#__PURE__*/React.forwardRef(function Textarea(props, ref) {
-  var onKeyDown = props.onKeyDown,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$s);
-
-  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
+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
   // 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
 
-  var handleKeyDown = function handleKeyDown(event) {
+  const handleKeyDown = event => {
     if (event.key === 'Home' || event.key === 'End') {
       event.preventDefault();
-      var position = event.key === 'End' ? event.currentTarget.value.length : 0;
+      const position = event.key === 'End' ? event.currentTarget.value.length : 0;
       event.currentTarget.setSelectionRange(position, position);
       event.currentTarget.scrollTop = event.key === 'End' ? event.currentTarget.scrollHeight : 0;
     }
@@ -9349,18 +9305,18 @@ var Textarea = /*#__PURE__*/React.forwardRef(function Textarea(props, ref) {
   }));
 });
 
-var _excluded$t = ["label", "onChange"];
-var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
-  var label = props.label,
-      onChange = props.onChange,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$t);
-
-  var className = cn('group h-6 w-10 flex rounded-full inline-flex', {
+const Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
+  const {
+    label,
+    onChange,
+    ...otherProps
+  } = props;
+  const className = cn('group h-6 w-10 flex rounded-full inline-flex', {
     'mr-2': !!label,
     'bg-grey-darker aria-checked:bg-blue focus:yt-focus': !props.disabled,
     'bg-grey-light cursor-not-allowed aria-checked:bg-blue-light': props.disabled
   }, props.className);
-  var element = React.createElement(PrimitiveSwitch.Root, Object.assign({}, otherProps, {
+  const element = React.createElement(PrimitiveSwitch.Root, Object.assign({}, otherProps, {
     className: className,
     onCheckedChange: onChange,
     ref: ref
@@ -9369,7 +9325,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
   }));
 
   if (label) {
-    var labelClassName = cn('flex items-center cursor-pointer', {
+    const labelClassName = cn('flex items-center cursor-pointer', {
       'cursor-not-allowed text-grey-dark': props.disabled
     });
     return React.createElement("label", {
@@ -9380,23 +9336,22 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
   return element;
 });
 
-var _excluded$u = ["autoStart", "onComplete", "onClose", "onReady", "spotlightClicks", "disableCloseOnEsc", "disableScrollParentFix"];
-
-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) {
+const Tooltip$1 = ({
+  continuous,
+  index,
+  isLastStep,
+  step,
+  backProps,
+  primaryProps,
+  skipProps,
+  tooltipProps,
+  size,
+  locale,
+  disableTourSkipOnEsc
+}) => {
+  const skipButtonRef = React.useRef(null);
+  React.useEffect(() => {
+    const onWindowKeyDown = event => {
       if (!disableTourSkipOnEsc) {
         if (event.keyCode === keycode('esc') && skipButtonRef.current !== null) {
           event.preventDefault();
@@ -9407,7 +9362,7 @@ var Tooltip$1 = function Tooltip(_ref) {
     };
 
     window.addEventListener('keydown', onWindowKeyDown);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', onWindowKeyDown);
     };
   }, []);
@@ -9426,30 +9381,30 @@ var Tooltip$1 = function Tooltip(_ref) {
     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
 
 
-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,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$u);
-
-  var steps = React.useMemo(function () {
-    return React.Children.map(props.children, function (child) {
-      var step = {
+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 = {
         disableBeacon: !child.props.showBeacon,
         target: child.props.selector,
         placement: child.props.position,
@@ -9459,12 +9414,10 @@ var Tour = function Tour(props) {
       return step;
     });
   }, [props.children]);
-  var getStep = React.useCallback(function (selector) {
+  const getStep = React.useCallback(selector => {
     var _props$children$find;
 
-    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;
+    return (_props$children$find = props.children.find(child => child.props.selector === selector)) === null || _props$children$find === void 0 ? void 0 : _props$children$find.props;
   }, [props.children]);
 
   function callback(state) {
@@ -9494,12 +9447,10 @@ var Tour = function Tour(props) {
     floaterProps: {
       disableAnimation: true
     },
-    tooltipComponent: function tooltipComponent(tooltipProps) {
-      return React.createElement(Tooltip$1, Object.assign({}, tooltipProps, {
-        locale: tour,
-        disableTourSkipOnEsc: disableTourSkipOnEsc
-      }));
-    },
+    tooltipComponent: tooltipProps => React.createElement(Tooltip$1, Object.assign({}, tooltipProps, {
+      locale: tour,
+      disableTourSkipOnEsc: disableTourSkipOnEsc
+    })),
     locale: tour,
     spotlightPadding: 8,
     spotlightClicks: spotlightClicks,
@@ -9540,10 +9491,10 @@ var useOnClickOutside = function useOnClickOutside(ref, callback) {
   }, [ref, callback]);
 };
 
-var _excluded$v = ["onSearch"];
+var _excluded$n = ["onSearch"];
 var SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput(_ref, ref) {
   var onSearch = _ref.onSearch,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$v);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$n);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;