@economic/taco 1.1.0 → 1.1.3

package/dist/taco.cjs.development.js

@@ -24,6 +24,7 @@ var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var reactTable = require('react-table');
 var reactIntersectionObserver = require('react-intersection-observer');
+var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
 var focus = require('@react-aria/focus');
 var reactWindow = require('react-window');
 var InfiniteLoader = _interopDefault(require('react-window-infinite-loader'));
@@ -38,7 +39,7 @@ var Joyride = require('react-joyride');
 var Joyride__default = _interopDefault(Joyride);
 
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
 
@@ -51,7 +52,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -601,20 +601,20 @@ function IconChevronUp(props, svgRef) {
 
 var ChevronUp = /*#__PURE__*/React.forwardRef(IconChevronUp);
 
-function IconCircleCose(props, svgRef) {
+function IconCircleClose(props, svgRef) {
   return React.createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     ref: svgRef
   }, props), React.createElement("path", {
-    "clip-rule": "evenodd",
-    d: "M12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2ZM12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5ZM8.64124 8.64124C8.90973 8.37276 9.33113 8.35038 9.6251 8.57412L9.7019 8.64124L12 10.9393L14.2981 8.64124C14.591 8.34835 15.0659 8.34835 15.3588 8.64124C15.6272 8.90973 15.6496 9.33113 15.4259 9.6251L15.3588 9.7019L13.0607 12L15.3588 14.2981C15.6517 14.591 15.6517 15.0659 15.3588 15.3588C15.0903 15.6272 14.6689 15.6496 14.3749 15.4259L14.2981 15.3588L12 13.0607L9.7019 15.3588C9.40901 15.6517 8.93414 15.6517 8.64124 15.3588C8.37276 15.0903 8.35038 14.6689 8.57412 14.3749L8.64124 14.2981L10.9393 12L8.64124 9.7019C8.34835 9.40901 8.34835 8.93414 8.64124 8.64124Z",
-    fill: "#1C1C1C",
-    "fill-rule": "evenodd"
+    fill: "currentColor",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 1.5a8.5 8.5 0 100 17 8.5 8.5 0 000-17zM8.641 8.641a.75.75 0 01.984-.067l.077.067L12 10.94l2.298-2.298a.75.75 0 011.128.984l-.067.077L13.06 12l2.298 2.298a.75.75 0 01-.984 1.128l-.077-.067L12 13.06l-2.298 2.298a.75.75 0 01-1.128-.984l.067-.077L10.94 12 8.641 9.702a.75.75 0 010-1.06z"
   }));
 }
 
-var CircleClose = /*#__PURE__*/React.forwardRef(IconCircleCose);
+var CircleClose = /*#__PURE__*/React.forwardRef(IconCircleClose);
 
 function IconCircleMinus(props, svgRef) {
   return React.createElement("svg", Object.assign({
@@ -4193,19 +4193,32 @@ var Calendar$1 = /*#__PURE__*/React.forwardRef(function Calendar(props, ref) {
   })));
 });
 
+var _excluded$c = ["noPadding"];
+var Content$1 = /*#__PURE__*/React.forwardRef(function CardContent(externalProps, ref) {
+  var noPadding = externalProps.noPadding,
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded$c);
+
+  var className = cn('flex-grow overflow-auto', {
+    'mx-4 mb-4': !noPadding
+  }, props.className);
+  return React.createElement("div", Object.assign({}, props, {
+    className: className,
+    ref: ref
+  }));
+});
 var Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
   var title = props.title,
       menu = props.menu,
       children = props.children;
-  var className = cn('bg-white p-4 rounded-xl shadow-[0px_0px_1px_rgba(0,0,0,0.1),0px_6px_18px_rgba(47,51,68,0.2)]', props.className);
+  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",
     ref: ref
-  }, React.createElement("span", {
-    className: "flex"
+  }, React.createElement("div", {
+    className: "mx-4 mt-4 mb-2 flex"
   }, title && React.createElement("h4", {
-    className: "flex-grow text-left"
+    className: "mb-0 flex-grow text-left"
   }, title), menu ? React.createElement(IconButton, {
     icon: "ellipsis-horizontal",
     appearance: "discrete",
@@ -4213,8 +4226,9 @@ var Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {
     className: "-mt-[4px]"
   }) : null), children);
 });
+Card.Content = Content$1;
 
-var _excluded$c = ["checked", "highlighted", "indeterminate", "invalid", "label", "onChange"];
+var _excluded$d = ["checked", "highlighted", "indeterminate", "invalid", "label", "onChange"];
 var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(props, ref) {
   var checked = props.checked,
       highlighted = props.highlighted,
@@ -4222,7 +4236,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(props, ref) {
       invalid = props.invalid,
       label = props.label,
       onChange = props.onChange,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$c);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$d);
 
   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, {
@@ -4296,14 +4310,14 @@ var getButtonStateClasses = function getButtonStateClasses(invalid) {
   return '!border-grey-dark focus:!border-blue-light peer-focus:!border-blue-light peer-focus:peer-active:!border-blue-dark';
 };
 
-var _excluded$d = ["button", "icon", "highlighted", "invalid", "onKeyDown", "autoFocus"];
+var _excluded$e = ["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$d);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$e);
 
   var inputRef = useProxiedRef(ref);
   var hasContainer = button || icon;
@@ -4461,7 +4475,7 @@ var useListScrollTo = function useListScrollTo(internalRef, itemRefs) {
   };
 };
 
-var _excluded$e = ["data", "disabled", "highlighted", "id", "invalid", "loading", "onChange", "onClick", "onFocus", "onKeyDown", "readOnly", "scrollOnFocus", "value", "multiselect", "selectedIndexes", "allOptionsSelected"],
+var _excluded$f = ["data", "disabled", "highlighted", "id", "invalid", "loading", "onChange", "onClick", "onFocus", "onKeyDown", "readOnly", "scrollOnFocus", "value", "multiselect", "selectedIndexes", "allOptionsSelected"],
     _excluded2$1 = ["children", "icon"];
 var getId = function getId(id, value) {
   return id + "_" + value;
@@ -4499,7 +4513,7 @@ var ScrollableList = /*#__PURE__*/React.forwardRef(function ScrollableList(props
       selectedIndexes = _props$selectedIndexe === void 0 ? [] : _props$selectedIndexe,
       _props$allOptionsSele = props.allOptionsSelected,
       allOptionsSelected = _props$allOptionsSele === void 0 ? false : _props$allOptionsSele,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$e);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$f);
 
   var listRef = useProxiedRef(ref);
   var itemRefs = React.useMemo(function () {
@@ -4692,7 +4706,7 @@ var setInputValueByRef = function setInputValueByRef(input, value, event) {
   input.dispatchEvent(createCustomEvent(event));
 };
 
-var _excluded$f = ["hasChildren", "path"];
+var _excluded$g = ["hasChildren", "path"];
 
 var getValue = function getValue(value) {
   return String(value !== null && value !== void 0 ? value : '');
@@ -4808,7 +4822,7 @@ var useFlattenedData = function useFlattenedData(data) {
 };
 var sanitizeItem = function sanitizeItem(item) {
   if (item) {
-    var rest = _objectWithoutPropertiesLoose(item, _excluded$f);
+    var rest = _objectWithoutPropertiesLoose(item, _excluded$g);
 
     return rest;
   }
@@ -4872,7 +4886,7 @@ var filterData = function filterData(data, value) {
   });
 };
 
-var _excluded$g = ["aria-label", "aria-labelledby", "data", "defaultValue", "disabled", "id", "inline", "loading", "onChange", "onClick", "onKeyDown", "onSearch", "readOnly", "value"];
+var _excluded$h = ["aria-label", "aria-labelledby", "data", "defaultValue", "disabled", "id", "inline", "loading", "onChange", "onClick", "onKeyDown", "onSearch", "readOnly", "value"];
 var debouncer = /*#__PURE__*/debounce(function (f) {
   return f();
 }, 200);
@@ -4894,7 +4908,7 @@ var useCombobox = function useCombobox(_ref, ref) {
       onSearch = _ref.onSearch,
       readOnly = _ref.readOnly,
       value = _ref.value,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$g);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$h);
 
   var inputRef = useProxiedRef(ref);
   var buttonRef = React.useRef(null);
@@ -5210,12 +5224,12 @@ var useBoundingClientRectListener = function useBoundingClientRectListener(ref)
   return dimensions;
 };
 
-var _excluded$h = ["className", "dialog", "style"];
+var _excluded$i = ["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$h);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$i);
 
   var _useCombobox = useCombobox(otherProps, ref),
       combobox = _useCombobox.combobox,
@@ -5380,13 +5394,13 @@ var parseFromISOString = function parseFromISOString(date) {
   return dateFns.isValid(tempDate) ? parseFromCustomString(format(new Date(date))) : undefined;
 };
 
-var _excluded$i = ["defaultValue", "calendar", "onBlur", "onChange", "value"];
+var _excluded$j = ["defaultValue", "calendar", "onBlur", "onChange", "value"];
 var useDatepicker = function useDatepicker(_ref, ref) {
   var calendar = _ref.calendar,
       onBlur = _ref.onBlur,
       onChange = _ref.onChange,
       value = _ref.value,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$j);
 
   var inputRef = useProxiedRef(ref);
 
@@ -5466,7 +5480,7 @@ var useDatepicker = function useDatepicker(_ref, ref) {
   };
 };
 
-var _excluded$j = ["placement"];
+var _excluded$k = ["placement"];
 var UnstyledArrow = /*#__PURE__*/React.forwardRef(function PopoverArrow(props, ref) {
   return React.createElement(PopoverPrimitive.Arrow, {
     className: "pointer-events-none -mt-px",
@@ -5490,7 +5504,7 @@ var UnstyledArrow = /*#__PURE__*/React.forwardRef(function PopoverArrow(props, r
 });
 var UnstyledContent = /*#__PURE__*/React.forwardRef(function PopoverContent(props, ref) {
   var side = props.placement,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$j);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$k);
 
   var className = cn('border border-transparent rounded p-3 yt-shadow focus:yt-focus outline-none group z-[996]', props.className);
   return React.createElement(PopoverPrimitive.Content, Object.assign({}, otherProps, {
@@ -5513,7 +5527,7 @@ function mergeRefs(refs) {
   };
 }
 
-var _excluded$k = ["children", "trigger"];
+var _excluded$l = ["children", "trigger"];
 var PopoverContext = /*#__PURE__*/React.createContext({
   props: {},
   ref: null
@@ -5548,7 +5562,7 @@ var RenderPropWrapper = /*#__PURE__*/React.forwardRef(function RenderPropWrapper
     ref: ref
   });
 });
-var Content$1 = /*#__PURE__*/React.forwardRef(function PopoverContent(props, ref) {
+var Content$2 = /*#__PURE__*/React.forwardRef(function PopoverContent(props, ref) {
   var className = cn('bg-white focus:border-blue-light', props.className);
   var output;
 
@@ -5577,7 +5591,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$k);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$l);
 
   var context = React.useMemo(function () {
     return {
@@ -5590,17 +5604,17 @@ var Popover = /*#__PURE__*/React.forwardRef(function Popover(props, ref) {
   }, React.createElement(PopoverPrimitive.Root, null, trigger && React.createElement(Trigger$1, null, trigger), children));
 });
 Popover.Trigger = Trigger$1;
-Popover.Content = Content$1;
+Popover.Content = Content$2;
 Popover.Close = Close$1;
 
-var _excluded$l = ["className", "onReset", "style", "shortcuts", "shortcutsText"];
+var _excluded$m = ["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$l);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$m);
 
   var _useDatepicker = useDatepicker(otherProps, ref),
       calendar = _useDatepicker.calendar,
@@ -5700,7 +5714,6 @@ var useDraggable = function useDraggable(ref) {
 
       var rect = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect(); // Prevent dragging out of bounds
 
-      // Prevent dragging out of bounds
       if (rect && (rect.left + event.deltaX < 0 || rect.right + event.deltaX > window.innerWidth || rect.top + event.deltaY < 0 || rect.bottom + event.deltaY > window.innerHeight)) {
         return;
       }
@@ -5767,7 +5780,7 @@ var RenderPropWrapper$1 = /*#__PURE__*/React.forwardRef(function RenderPropWrapp
     ref: ref
   }, renderProps));
 });
-var Content$2 = /*#__PURE__*/React.forwardRef(function DialogContent(props, ref) {
+var Content$3 = /*#__PURE__*/React.forwardRef(function DialogContent(props, ref) {
   var dialog = useCurrentDialog();
   var internalRef = useProxiedRef(ref);
 
@@ -5901,7 +5914,7 @@ var Extra = /*#__PURE__*/React.forwardRef(function DialogExtra(props, ref) {
 });
 Extra.displayName = 'DialogExtra';
 
-var _excluded$m = ["children", "closeOnEscape", "defaultOpen", "draggable", "onChange", "onClose", "open", "showCloseButton", "size", "trigger"];
+var _excluded$n = ["children", "closeOnEscape", "defaultOpen", "draggable", "onChange", "onClose", "open", "showCloseButton", "size", "trigger"];
 
 var useSeparatedChildren = function useSeparatedChildren(initialChildren) {
   return React.useMemo(function () {
@@ -5938,7 +5951,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$m);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$n);
 
   var _useSeparatedChildren = useSeparatedChildren(initialChildren),
       children = _useSeparatedChildren[0],
@@ -5981,21 +5994,21 @@ var Dialog = /*#__PURE__*/React.forwardRef(function Dialog(props, ref) {
   }, trigger && React.createElement(Trigger$2, null, trigger), children));
 });
 Dialog.Trigger = Trigger$2;
-Dialog.Content = Content$2;
+Dialog.Content = Content$3;
 Dialog.Title = Title;
 Dialog.Footer = Footer;
 Dialog.Extra = Extra;
 Dialog.Drawer = Drawer;
 Dialog.Close = Close$2;
 
-var _excluded$n = ["disabled", "children", "invalid", "message"];
+var _excluded$o = ["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$n);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$o);
 
   var className = cn('flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]', {
     'text-grey-dark': disabled
@@ -6015,11 +6028,11 @@ var Field = /*#__PURE__*/React.forwardRef(function Field(props, ref) {
   }, message));
 });
 
-var _excluded$o = ["horizontal"];
+var _excluded$p = ["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$o);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$p);
 
   var className = cn('yt-form', {
     'yt-form--horizontal flex flex-wrap': horizontal
@@ -6031,11 +6044,11 @@ var Form = /*#__PURE__*/React.forwardRef(function Form(props, ref) {
   }));
 });
 
-var _excluded$p = ["as"];
+var _excluded$q = ["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$p);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$q);
 
   var className = cn('flex ', props.className);
   return React.createElement(Tag, Object.assign({}, otherProps, {
@@ -6045,7 +6058,7 @@ var Group = /*#__PURE__*/React.forwardRef(function Group(props, ref) {
   }));
 });
 
-var _excluded$q = ["anchor", "children", "defaultOpen"];
+var _excluded$r = ["anchor", "children", "defaultOpen"];
 var HangerContext = /*#__PURE__*/React.createContext({
   props: {},
   ref: null
@@ -6074,7 +6087,7 @@ var Title$1 = /*#__PURE__*/React.forwardRef(function DialogTitle(props, ref) {
     ref: ref
   }));
 });
-var Content$3 = /*#__PURE__*/React.forwardRef(function HangerContent(props, ref) {
+var Content$4 = /*#__PURE__*/React.forwardRef(function HangerContent(props, ref) {
   var context = React.useContext(HangerContext);
 
   var _useLocalization = useLocalization(),
@@ -6109,7 +6122,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$q);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$r);
 
   var context = React.useMemo(function () {
     return {
@@ -6135,19 +6148,19 @@ var Hanger = /*#__PURE__*/React.forwardRef(function Hanger(props, ref) {
   }, anchor && React.createElement(Anchor, null, anchor), children));
 });
 Hanger.Anchor = Anchor;
-Hanger.Content = Content$3;
+Hanger.Content = Content$4;
 Hanger.Title = Title$1;
 
-var _excluded$r = ["placement"];
+var _excluded$s = ["placement"];
 var Trigger$3 = /*#__PURE__*/React.forwardRef(function HoverCardTrigger(props, ref) {
   return React.createElement(HoverCardPrimitive.Trigger, Object.assign({}, props, {
     asChild: true,
     ref: ref
   }));
 });
-var Content$4 = /*#__PURE__*/React.forwardRef(function HoverCardContent(externalProps, ref) {
+var Content$5 = /*#__PURE__*/React.forwardRef(function HoverCardContent(externalProps, ref) {
   var placement = externalProps.placement,
-      props = _objectWithoutPropertiesLoose(externalProps, _excluded$r);
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded$s);
 
   var className = cn('bg-white rounded p-3 yt-shadow', props.className);
   return React.createElement(HoverCardPrimitive.Content, Object.assign({}, props, {
@@ -6162,12 +6175,12 @@ var HoverCard = function HoverCard(props) {
   }));
 };
 HoverCard.Trigger = Trigger$3;
-HoverCard.Content = Content$4;
+HoverCard.Content = Content$5;
 
-var _excluded$s = ["onSearch"];
+var _excluded$t = ["onSearch"];
 var SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput(_ref, ref) {
   var onSearch = _ref.onSearch,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$t);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -6226,7 +6239,7 @@ var useTypeahead = function useTypeahead(_ref) {
   };
 };
 
-var _excluded$t = ["data", "defaultValue", "disabled", "emptyValue", "id", "invalid", "name", "onChange", "onFocus", "onKeyDown", "value"];
+var _excluded$u = ["data", "defaultValue", "disabled", "emptyValue", "id", "invalid", "name", "onChange", "onFocus", "onKeyDown", "value"];
 var useListbox = function useListbox(_ref, ref) {
   var _ref$data = _ref.data,
       externalData = _ref$data === void 0 ? [] : _ref$data,
@@ -6241,7 +6254,7 @@ var useListbox = function useListbox(_ref, ref) {
       onKeyDown = _ref.onKeyDown,
       _ref$value = _ref.value,
       value = _ref$value === void 0 ? emptyValue : _ref$value,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$u);
 
   var data = useFlattenedData(emptyValue !== undefined ? [{
     text: '',
@@ -6371,7 +6384,7 @@ var useListbox = function useListbox(_ref, ref) {
   };
 };
 
-var _excluded$u = ["data", "defaultValue", "disabled", "emptyValue", "id", "name", "onClick", "onChange", "onFocus", "onKeyDown", "value"];
+var _excluded$v = ["data", "defaultValue", "disabled", "emptyValue", "id", "name", "onClick", "onChange", "onFocus", "onKeyDown", "value"];
 var useMultiListbox = function useMultiListbox(_ref, ref) {
   var _ref$data = _ref.data,
       externalData = _ref$data === void 0 ? [] : _ref$data,
@@ -6384,7 +6397,7 @@ var useMultiListbox = function useMultiListbox(_ref, ref) {
       onFocus = _ref.onFocus,
       onKeyDown = _ref.onKeyDown,
       value = _ref.value,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$u);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$v);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -6583,11 +6596,11 @@ var useMultiListbox = function useMultiListbox(_ref, ref) {
   };
 };
 
-var _excluded$v = ["className"],
+var _excluded$w = ["className"],
     _excluded2$2 = ["className"];
 var Listbox = /*#__PURE__*/React.forwardRef(function Listbox(props, ref) {
   var externalClassName = props.className,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$v);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$w);
 
   var _useListbox = useListbox(otherProps, ref),
       list = _useListbox.list,
@@ -6632,14 +6645,14 @@ var MultiListbox = /*#__PURE__*/React.forwardRef(function Listbox(props, ref) {
   })));
 });
 
-var _excluded$w = ["children", "placement"];
-var Content$5 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref) {
+var _excluded$x = ["children", "placement"];
+var Content$6 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref) {
   var internalRef = useProxiedRef(ref);
   var menu = useCurrentMenu();
 
   var children = props.children,
       side = props.placement,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$w);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$x);
 
   var className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);
   return React.createElement(DropdownMenuPrimitive.Content, Object.assign({}, otherProps, {
@@ -6655,7 +6668,7 @@ var Content$5 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref) {
   }), children);
 });
 
-var _excluded$x = ["dialog", "icon", "onClick", "shortcut"];
+var _excluded$y = ["dialog", "icon", "onClick", "shortcut"];
 var Icon$1 = function Icon$1(_ref) {
   var name = _ref.name;
   return React.createElement("span", {
@@ -6694,7 +6707,7 @@ var Item$1 = /*#__PURE__*/React.forwardRef(function MenuItem(props, ref) {
       icon = props.icon,
       onClick = props.onClick,
       shortcut = props.shortcut,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$x);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$y);
 
   var className = useItemStyling({
     disabled: props.disabled,
@@ -6739,12 +6752,12 @@ var Item$1 = /*#__PURE__*/React.forwardRef(function MenuItem(props, ref) {
   return button;
 });
 
-var _excluded$y = ["href", "icon", "onClick"];
+var _excluded$z = ["href", "icon", "onClick"];
 var Link = /*#__PURE__*/React.forwardRef(function MenuLink(props, ref) {
   var href = props.href,
       icon = props.icon,
       onClick = props.onClick,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$y);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$z);
 
   var menu = useCurrentMenu();
   var className = useItemStyling({
@@ -6785,12 +6798,12 @@ var Trigger$4 = /*#__PURE__*/React.forwardRef(function MenuTrigger(props, ref) {
   }));
 });
 
-var _excluded$z = ["checked", "children", "onChange"];
+var _excluded$A = ["checked", "children", "onChange"];
 var Checkbox$1 = function Checkbox(props) {
   var checked = props.checked,
       children = props.children,
       onChange = props.onChange,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$z);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$A);
 
   var className = useItemStyling({
     disabled: props.disabled,
@@ -6809,7 +6822,7 @@ var Checkbox$1 = function Checkbox(props) {
   })), children);
 };
 
-var _excluded$A = ["children", "value"],
+var _excluded$B = ["children", "value"],
     _excluded2$3 = ["children", "defaultValue", "disabled", "invalid", "onChange", "orientation", "value"];
 var getRadioGroupItemValueAsString = function getRadioGroupItemValueAsString(value) {
   return String(value !== null && value !== void 0 ? value : '');
@@ -6828,7 +6841,7 @@ var RadioGroupItem = /*#__PURE__*/React.forwardRef(function RadioGroupItem(props
 
   var children = props.children,
       value = props.value,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$A);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$B);
 
   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', {
@@ -6921,13 +6934,13 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {
 });
 RadioGroup.Item = RadioGroupItem;
 
-var _excluded$B = ["children", "value"];
+var _excluded$C = ["children", "value"];
 var RadioItem = function RadioItem(props) {
   var context = React.useContext(MenuRadioGroupContext);
 
   var children = props.children,
       value = props.value,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$B);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$C);
 
   var disabled = context.disabled || props.disabled;
   var className = useItemStyling({
@@ -6979,11 +6992,11 @@ var Header = function Header(props) {
   }));
 };
 
-var _excluded$C = ["children", "trigger"];
+var _excluded$D = ["children", "trigger"];
 var Menu = function Menu(externalProps) {
   var children = externalProps.children,
       trigger = externalProps.trigger,
-      props = _objectWithoutPropertiesLoose(externalProps, _excluded$C);
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded$D);
 
   var _React$useState = React.useState(false),
       open = _React$useState[0],
@@ -7021,7 +7034,7 @@ var Menu = function Menu(externalProps) {
   }), trigger && React.createElement(Trigger$4, null, trigger), children));
 };
 Menu.Trigger = Trigger$4;
-Menu.Content = Content$5;
+Menu.Content = Content$6;
 Menu.Item = Item$1;
 Menu.Link = Link;
 Menu.Checkbox = Checkbox$1;
@@ -7029,7 +7042,7 @@ Menu.Separator = Separator;
 Menu.Header = Header;
 Menu.RadioGroup = RadioGroup$1;
 
-var _excluded$D = ["children", "className", "expanded", "title", "fixed", "onClick"];
+var _excluded$E = ["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
@@ -7043,7 +7056,7 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
       title = props.title,
       fixed = props.fixed,
       onClick = props.onClick,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$D);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$E);
 
   var _React$useState = React__default.useState(fixed || initialExpanded),
       expanded = _React$useState[0],
@@ -7143,7 +7156,7 @@ var useDropTarget = function useDropTarget(onDrop) {
   return [isDraggedOver, props];
 };
 
-var _excluded$E = ["active", "children", "onDrop", "postfix", "prefix", "role"],
+var _excluded$F = ["active", "children", "onDrop", "postfix", "prefix", "role"],
     _excluded2$4 = ["children"];
 var Item$2 = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
   var active = props.active,
@@ -7152,7 +7165,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$E);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$F);
 
   var proxyRef = useProxiedRef(ref);
 
@@ -7316,7 +7329,7 @@ var PageNumbers = function PageNumbers(_ref) {
   }));
 };
 
-var _excluded$F = ["aria-label", "aria-labelledby", "data", "defaultValue", "disabled", "emptyValue", "id", "multiselect", "onBlur", "onClick", "onChange", "readOnly", "value"];
+var _excluded$G = ["aria-label", "aria-labelledby", "data", "defaultValue", "disabled", "emptyValue", "id", "multiselect", "onBlur", "onClick", "onChange", "readOnly", "value"];
 var useSelect = function useSelect(_ref, ref) {
   var ariaLabel = _ref['aria-label'],
       ariaLabelledBy = _ref['aria-labelledby'],
@@ -7331,7 +7344,7 @@ var useSelect = function useSelect(_ref, ref) {
       onChange = _ref.onChange,
       readOnly = _ref.readOnly,
       value = _ref.value,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$F);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$G);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -7534,13 +7547,13 @@ var useSelect = function useSelect(_ref, ref) {
   };
 };
 
-var _excluded$G = ["autoFocus", "className", "highlighted", "style"],
+var _excluded$H = ["autoFocus", "className", "highlighted", "style"],
     _excluded2$5 = ["editable"];
 var BaseSelect = /*#__PURE__*/React.forwardRef(function BaseSelect(props, ref) {
   var autoFocus = props.autoFocus,
       externalClassName = props.className,
       style = props.style,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$G);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$H);
 
   var _useSelect = useSelect(otherProps, ref),
       button = _useSelect.button,
@@ -7691,7 +7704,7 @@ var usePagination = function usePagination(initialPageIndex, initialPageSize) {
   };
 };
 
-var _excluded$H = ["length", "pageIndex", "pageSize", "pageSizes", "setPageIndex", "setPageSize", "showPageControls", "showPageNumbers", "showPageSize", "dangerouslyHijackGlobalKeyboardNavigation"];
+var _excluded$I = ["length", "pageIndex", "pageSize", "pageSizes", "setPageIndex", "setPageSize", "showPageControls", "showPageNumbers", "showPageSize", "dangerouslyHijackGlobalKeyboardNavigation"];
 
 var getShowingLabel = function getShowingLabel(length, pageIndex, pageSize, texts) {
   var minItemIndex = pageIndex * pageSize + 1;
@@ -7715,7 +7728,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$H);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$I);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -7798,13 +7811,13 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref) {
   })));
 });
 
-var _excluded$I = ["duration"];
+var _excluded$J = ["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$I);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$J);
 
   var style;
 
@@ -7828,7 +7841,7 @@ var Progress = function Progress(_ref) {
   }));
 };
 
-var _excluded$J = ["children"];
+var _excluded$K = ["children"];
 var sanitizeRowProps = function sanitizeRowProps(row, rowExpansionRenderer) {
   var _row$subRows;
 
@@ -7868,7 +7881,7 @@ var getColumnsFromChildren = function getColumnsFromChildren(children, rowExpans
   .map(function (_ref) {
     var _ref$props = _ref.props,
         groupChildren = _ref$props.children,
-        props = _objectWithoutPropertiesLoose(_ref$props, _excluded$J);
+        props = _objectWithoutPropertiesLoose(_ref$props, _excluded$K);
 
     var column = _extends({}, props);
 
@@ -8364,7 +8377,7 @@ var useRowActions = function useRowActions(inlineEditingUniqueId, handlers, acti
   return plugin;
 };
 
-var _excluded$K = ["onChange"],
+var _excluded$L = ["onChange"],
     _excluded2$6 = ["onChange"];
 
 var toggleBetween = function toggleBetween(fromRowIndex, toRowIndex) {
@@ -8412,7 +8425,7 @@ var useRowSelect = function useRowSelect(onSelectedRows) {
                 rows = _ref.rows;
 
             var _getToggleAllRowsSele = getToggleAllRowsSelectedProps(),
-                props = _objectWithoutPropertiesLoose(_getToggleAllRowsSele, _excluded$K);
+                props = _objectWithoutPropertiesLoose(_getToggleAllRowsSele, _excluded$L);
 
             var onChange = function onChange(checked) {
               if (checked) {
@@ -8478,9 +8491,13 @@ var useRowSelect = function useRowSelect(onSelectedRows) {
 var useTableKeyboardNavigation = function useTableKeyboardNavigation(props, rows, rowProps, ref) {
   var useGlobalKeyboardNavigation = props.dangerouslyHijackGlobalKeyboardNavigation;
 
-  var _React$useState = React__default.useState(useGlobalKeyboardNavigation ? 0 : undefined),
-      activeIndex = _React$useState[0],
-      setActiveIndex = _React$useState[1];
+  var _useControllableState = reactUseControllableState.useControllableState({
+    prop: props.activeIndex,
+    defaultProp: props.defaultActiveIndex !== undefined ? props.defaultActiveIndex : useGlobalKeyboardNavigation ? 0 : undefined,
+    onChange: props.onChangeActiveIndex
+  }),
+      activeIndex = _useControllableState[0],
+      setActiveIndex = _useControllableState[1];
 
   var onKeyDown = function onKeyDown(event) {
     var _document$activeEleme;
@@ -8728,7 +8745,7 @@ var useRowDraggable = function useRowDraggable(onRowDrag) {
   return plugin;
 };
 
-var _excluded$L = ["children", "data", "dangerouslyHijackGlobalKeyboardNavigation", "onRowClick", "onRowDrag", "onSelectedRows", "rowClassName", "rowExpansionRenderer", "rowHeight", "selectedRows", "disableSorting", "manualSorting", "onSort", "sortRules", "disablePagination", "length", "onPaginate", "pageSize", "pageIndex", "inlineEditingUniqueId", "onRowCreate", "actions", "onRowEdit", "onRowCopy", "onRowDelete", "onRowActive", "windowed"],
+var _excluded$M = ["children", "data", "dangerouslyHijackGlobalKeyboardNavigation", "onRowClick", "onRowDrag", "onSelectedRows", "rowClassName", "rowExpansionRenderer", "rowHeight", "selectedRows", "disableSorting", "manualSorting", "onSort", "sortRules", "disablePagination", "length", "onPaginate", "pageSize", "pageIndex", "inlineEditingUniqueId", "onRowCreate", "actions", "onRowEdit", "onRowCopy", "onRowDelete", "onRowActive", "windowed"],
     _excluded2$7 = ["headerGroups", "rows", "sortedRows", "prepareRow", "state", "page", "gotoPage", "setPageSize"];
 
 var useTableRowActive = function useTableRowActive(activeIndex, rows, rowExpansionRenderer, handleonRowActive) {
@@ -8835,7 +8852,7 @@ var useTable = function useTable(props, ref) {
       onRowActive = props.onRowActive,
       _props$windowed = props.windowed,
       windowed = _props$windowed === void 0 ? false : _props$windowed,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$L);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$M);
 
   if (onSelectedRows && !selectedRows || !onSelectedRows && selectedRows) {
     throw new Error('Selected rows in a Table component are fully controlled - you must pass both the `onSelectedRows` and `selectedRows` props when using row selection');
@@ -8953,7 +8970,7 @@ var useTable = function useTable(props, ref) {
   };
 };
 
-var _excluded$M = ["row", "index", "instance", "headerGroups"];
+var _excluded$N = ["row", "index", "instance", "headerGroups"];
 
 var renderCell = function renderCell(cell, row) {
   var props = _extends({}, cell.getCellProps(), {
@@ -8977,7 +8994,7 @@ var Row = /*#__PURE__*/React__default.forwardRef(function TableRow(_ref, ref) {
   var row = _ref.row,
       index = _ref.index,
       instance = _ref.instance,
-      rowProps = _objectWithoutPropertiesLoose(_ref, _excluded$M);
+      rowProps = _objectWithoutPropertiesLoose(_ref, _excluded$N);
 
   var activeIndex = rowProps.activeIndex,
       onRowClick = rowProps.onRowClick,
@@ -9088,7 +9105,7 @@ var Column = function Column(_ref) {
   }) : null);
 };
 
-var _excluded$N = ["autoFocus", "children", "disableSorting", "headerGroups", "headerRef", "bodyRef"];
+var _excluded$O = ["autoFocus", "children", "disableSorting", "headerGroups", "headerRef", "bodyRef"];
 var DefaultEmptyState = function DefaultEmptyState() {
   return null;
 };
@@ -9100,7 +9117,7 @@ var BaseTable = /*#__PURE__*/React__default.forwardRef(function BaseTable(props,
       headerGroups = props.headerGroups,
       headerRef = props.headerRef,
       bodyRef = props.bodyRef,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$N);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$O);
 
   React__default.useEffect(function () {
     if (autoFocus && tableRef.current) {
@@ -9135,11 +9152,11 @@ var BaseTable = /*#__PURE__*/React__default.forwardRef(function BaseTable(props,
   }, children));
 });
 
-var _excluded$O = ["emptyStateRenderer"];
+var _excluded$P = ["emptyStateRenderer"];
 var Table = /*#__PURE__*/React__default.forwardRef(function Table(props, ref) {
   var _props$emptyStateRend = props.emptyStateRenderer,
       emptyStateRenderer = _props$emptyStateRend === void 0 ? DefaultEmptyState : _props$emptyStateRend,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$O);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$P);
 
   var tableRef = useProxiedRef(ref);
 
@@ -9203,14 +9220,14 @@ PaginatedTable.Group = function () {
   return null;
 };
 
-var _excluded$P = ["height"],
+var _excluded$Q = ["height"],
     _excluded2$8 = ["emptyStateRenderer", "length", "loadMore"];
 var ROW_HEIGHT = 40;
 var VariableRow = /*#__PURE__*/React__default.memo(function (_ref) {
   var data = _ref.data,
       index = _ref.index,
       _ref$style = _ref.style,
-      style = _objectWithoutPropertiesLoose(_ref$style, _excluded$P);
+      style = _objectWithoutPropertiesLoose(_ref$style, _excluded$Q);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -9286,7 +9303,11 @@ var WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTabl
 
 
   var headerRef = React__default.useRef(null);
-  var rowsRef = React__default.useRef(null);
+
+  var _React$useState = React__default.useState(null),
+      rowsRef = _React$useState[0],
+      setRowsRef = _React$useState[1];
+
   var tableDimensions = useBoundingClientRectListener(tableRef);
   var headerDimensions = useBoundingClientRectListener(headerRef);
   var height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null; // variable row height calculations
@@ -9299,8 +9320,8 @@ var WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTabl
 
       rowHeights.current = _extends({}, rowHeights.current, (_extends2 = {}, _extends2[index] = size, _extends2));
 
-      if (rowsRef.current) {
-        rowsRef.current.resetAfterIndex(0);
+      if (rowsRef) {
+        rowsRef.resetAfterIndex(0);
       }
     }
   }, []);
@@ -9308,16 +9329,16 @@ var WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTabl
     return rowHeights.current[index] || estimatedRowHeight;
   }, []);
   React__default.useEffect(function () {
-    if (rowsRef && rowsRef.current && rowProps.activeIndex !== undefined) {
-      rowsRef.current.scrollToItem(rowProps.activeIndex);
+    if (rowsRef && rowProps.activeIndex !== undefined) {
+      rowsRef.scrollToItem(rowProps.activeIndex, 'start');
     }
-  }, [rowProps.activeIndex]); // trigger recalculation of variable row heights if the data changes
+  }, [rowsRef, rowProps.activeIndex]); // trigger recalculation of variable row heights if the data changes
 
   React__default.useEffect(function () {
     rowHeights.current = {};
 
-    if (rowsRef.current) {
-      rowsRef.current.resetAfterIndex(0);
+    if (rowsRef) {
+      rowsRef.resetAfterIndex(0);
     }
   }, [rows.length]);
   var contentHeight = estimatedRowHeight * props.data.length || 0;
@@ -9364,14 +9385,16 @@ var WindowedTable = /*#__PURE__*/React__default.forwardRef(function WindowedTabl
           ref: function ref(list) {
             _ref3(list);
 
-            rowsRef.current = list;
+            setRowsRef(list);
           }
         }), VariableRow);
       });
     } else {
       list = React__default.createElement(reactWindow.VariableSizeList, Object.assign({}, listProps, {
         itemCount: rows.length,
-        ref: rowsRef
+        ref: function ref(_ref4) {
+          setRowsRef(_ref4);
+        }
       }), VariableRow);
     }
   }
@@ -9575,7 +9598,7 @@ var useTableRowCreation = function useTableRowCreation(data, tableRef) {
   };
 };
 
-var _excluded$Q = ["id", "defaultId", "children", "onChange", "orientation"],
+var _excluded$R = ["id", "defaultId", "children", "onChange", "orientation"],
     _excluded2$9 = ["id", "disabled"],
     _excluded3 = ["id"];
 var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(props, ref) {
@@ -9585,7 +9608,7 @@ var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(props, ref) {
       onChange = props.onChange,
       _props$orientation = props.orientation,
       orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$Q);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$R);
 
   var className = cn('yt-tabs', "yt-tabs--" + orientation, {
     'flex w-full': orientation === 'vertical'
@@ -9639,10 +9662,10 @@ Tabs.List = TabList;
 Tabs.Trigger = TabTrigger;
 Tabs.Content = TabContent;
 
-var _excluded$R = ["defaultValue", "highlighted", "invalid", "onKeyDown"];
+var _excluded$S = ["defaultValue", "highlighted", "invalid", "onKeyDown"];
 var Textarea = /*#__PURE__*/React.forwardRef(function Textarea(props, ref) {
   var onKeyDown = props.onKeyDown,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$R);
+      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
   // if it has scroll height then the browser reverts to native scrolling behaviour only
@@ -9669,11 +9692,11 @@ var Textarea = /*#__PURE__*/React.forwardRef(function Textarea(props, ref) {
   }));
 });
 
-var _excluded$S = ["label", "onChange"];
+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$S);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$T);
 
   var className = cn('group h-5 w-9 flex rounded-full inline-flex', {
     'mr-2': !!label,
@@ -9700,7 +9723,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
   return element;
 });
 
-var _excluded$T = ["autoStart", "onComplete", "onClose", "onReady", "spotlightClicks", "disableCloseOnEsc", "disableScrollParentFix"];
+var _excluded$U = ["autoStart", "onComplete", "onClose", "onReady", "spotlightClicks", "disableCloseOnEsc", "disableScrollParentFix"];
 
 var Tooltip$1 = function Tooltip(_ref) {
   var continuous = _ref.continuous,
@@ -9765,7 +9788,7 @@ var Tour = function Tour(props) {
       disableTourSkipOnEsc = props.disableCloseOnEsc,
       _props$disableScrollP = props.disableScrollParentFix,
       disableScrollParentFix = _props$disableScrollP === void 0 ? false : _props$disableScrollP,
-      rest = _objectWithoutPropertiesLoose(props, _excluded$T);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$U);
 
   var steps = React.useMemo(function () {
     return React.Children.map(props.children, function (child) {