@economic/taco 1.0.0 → 1.0.3

package/dist/taco.cjs.development.js

@@ -19,6 +19,7 @@ var debounce = _interopDefault(require('lodash/debounce'));
 var dateFns = require('date-fns');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var interactions = require('@react-aria/interactions');
+var HoverCardPrimitive = require('@radix-ui/react-hover-card');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var reactTable = require('react-table');
@@ -3412,18 +3413,18 @@ var getAppearanceClasses = function getAppearanceClasses(value, icon) {
 
   switch (value) {
     case 'primary':
-      return "yt-blue-solid border-blue focus:bg-blue focus:text-white focus:yt-focus active:bg-blue-dark active:text-white  hover:bg-blue-light hover:border-blue-light hover:text-white hover:focus:bg-blue-light hover:focus:border-blue-light hover:focus:text-white disabled:hover:yt-blue-solid";
+      return "yt-blue-solid border-blue focus:bg-blue focus:text-white focus:yt-focus active:bg-blue-dark active:text-white hover:bg-blue-light hover:border-blue-light hover:text-white hover:focus:bg-blue-light hover:focus:border-blue-light hover:focus:text-white disabled:hover:yt-blue-solid disabled:hover:hover:border-blue";
 
     case 'danger':
-      return "yt-red-solid border-red focus:bg-red focus:text-white focus:yt-focus-red active:bg-red-dark active:text-white  hover:bg-red-light hover:text-white hover:focus:bg-red-light hover:focus:text-white disabled:hover:yt-red-solid";
+      return "yt-red-solid border-red focus:bg-red focus:text-white focus:yt-focus-red active:bg-red-dark active:text-white hover:bg-red-light hover:text-white hover:focus:bg-red-light hover:focus:text-white disabled:hover:yt-red-solid";
 
     case 'ghost':
-      return "yt-blue-inverted focus:bg-transparent focus:text-blue focus:yt-focus active:bg-blue-lightest active:border-blue active:text-blue-dark  hover:bg-blue-lightest hover:border-blue-light hover:text-blue-light hover:focus:bg-blue-lightest hover:focus:border-blue-light hover:focus:text-blue-light disabled:hover:yt-blue-inverted";
+      return "yt-blue-inverted focus:bg-transparent focus:text-blue focus:yt-focus active:bg-blue-lightest active:border-blue active:text-blue-dark hover:bg-blue-lightest hover:border-blue-light hover:text-blue-light hover:focus:bg-blue-lightest hover:focus:border-blue-light hover:focus:text-blue-light disabled:hover:yt-blue-inverted";
 
     case 'discrete':
       {
         if (icon) {
-          return "bg-transparent text-black border-transparent focus:text-black focus:yt-focus active:text-black hover:text-grey-darkest hover:focus:text-grey-darkest disabled:hover:yt-transparent";
+          return "bg-transparent text-black border-transparent focus:text-black focus:yt-focus active:text-black hover:text-grey-darkest hover:focus:text-grey-darkest disabled:hover:text-black ";
         }
 
         return "yt-transparent border-transparent focus:text-blue focus:yt-focus active:text-blue-dark hover:text-blue-light hover:focus:text-blue-light disabled:hover:yt-transparent";
@@ -6116,10 +6117,36 @@ Hanger.Anchor = Anchor;
 Hanger.Content = Content$3;
 Hanger.Title = Title$1;
 
-var _excluded$r = ["onSearch"];
+var _excluded$r = ["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 placement = externalProps.placement,
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded$r);
+
+  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
+  }));
+});
+var HoverCard = function HoverCard(props) {
+  return React.createElement(HoverCardPrimitive.Root, Object.assign({}, props, {
+    openDelay: 300
+  }));
+};
+HoverCard.Trigger = Trigger$3;
+HoverCard.Content = Content$4;
+
+var _excluded$s = ["onSearch"];
 var SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput(_ref, ref) {
   var onSearch = _ref.onSearch,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded$r);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$s);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -6131,11 +6158,15 @@ var SearchInput = /*#__PURE__*/React.forwardRef(function SearchInput(_ref, ref)
   };
 
   var handleKeyDown = function handleKeyDown(event) {
+    var _props$onKeyDown;
+
     var isEnterKeyPressed = event.keyCode === keycode('enter');
 
     if (isEnterKeyPressed) {
       handleClick();
     }
+
+    (_props$onKeyDown = props.onKeyDown) === null || _props$onKeyDown === void 0 ? void 0 : _props$onKeyDown.call(props, event);
   };
 
   return React.createElement(Input, Object.assign({
@@ -6174,7 +6205,7 @@ var useTypeahead = function useTypeahead(_ref) {
   };
 };
 
-var _excluded$s = ["data", "defaultValue", "disabled", "emptyValue", "id", "invalid", "name", "onChange", "onFocus", "onKeyDown", "value"];
+var _excluded$t = ["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,
@@ -6189,7 +6220,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$s);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
 
   var data = useFlattenedData(emptyValue !== undefined ? [{
     text: '',
@@ -6319,7 +6350,7 @@ var useListbox = function useListbox(_ref, ref) {
   };
 };
 
-var _excluded$t = ["data", "defaultValue", "disabled", "emptyValue", "id", "name", "onClick", "onChange", "onFocus", "onKeyDown", "value"];
+var _excluded$u = ["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,
@@ -6332,7 +6363,7 @@ var useMultiListbox = function useMultiListbox(_ref, ref) {
       onFocus = _ref.onFocus,
       onKeyDown = _ref.onKeyDown,
       value = _ref.value,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$t);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$u);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -6531,11 +6562,11 @@ var useMultiListbox = function useMultiListbox(_ref, ref) {
   };
 };
 
-var _excluded$u = ["className"],
+var _excluded$v = ["className"],
     _excluded2$2 = ["className"];
 var Listbox = /*#__PURE__*/React.forwardRef(function Listbox(props, ref) {
   var externalClassName = props.className,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$u);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$v);
 
   var _useListbox = useListbox(otherProps, ref),
       list = _useListbox.list,
@@ -6580,7 +6611,7 @@ var MultiListbox = /*#__PURE__*/React.forwardRef(function Listbox(props, ref) {
   })));
 });
 
-var _excluded$v = ["children", "placement"];
+var _excluded$w = ["children", "placement"];
 
 var getAppearanceClasses$1 = function getAppearanceClasses(appearance) {
   switch (appearance) {
@@ -6602,13 +6633,13 @@ var getAppearanceClasses$1 = function getAppearanceClasses(appearance) {
   }
 };
 
-var Content$4 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref) {
+var Content$5 = /*#__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$v);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$w);
 
   var className = cn('border rounded block outline-none p-1', getAppearanceClasses$1(menu === null || menu === void 0 ? void 0 : menu.appearance), props.className);
   return React.createElement(DropdownMenuPrimitive.Content, Object.assign({}, otherProps, {
@@ -6624,7 +6655,7 @@ var Content$4 = /*#__PURE__*/React.forwardRef(function MenuContent(props, ref) {
   }), children);
 });
 
-var _excluded$w = ["dialog", "icon", "onClick", "shortcut"];
+var _excluded$x = ["dialog", "icon", "onClick", "shortcut"];
 var Icon$1 = function Icon$1(_ref) {
   var name = _ref.name;
   return React.createElement("span", {
@@ -6711,7 +6742,7 @@ var Item$1 = /*#__PURE__*/React.forwardRef(function MenuItem(props, ref) {
       icon = props.icon,
       onClick = props.onClick,
       shortcut = props.shortcut,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$w);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$x);
 
   var className = useItemStyling({
     disabled: props.disabled,
@@ -6756,12 +6787,12 @@ var Item$1 = /*#__PURE__*/React.forwardRef(function MenuItem(props, ref) {
   return button;
 });
 
-var _excluded$x = ["href", "icon", "onClick"];
+var _excluded$y = ["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$x);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$y);
 
   var menu = useCurrentMenu();
   var className = useItemStyling({
@@ -6788,7 +6819,7 @@ var Link = /*#__PURE__*/React.forwardRef(function MenuLink(props, ref) {
   }), props.children));
 });
 
-var Trigger$3 = /*#__PURE__*/React.forwardRef(function MenuTrigger(props, ref) {
+var Trigger$4 = /*#__PURE__*/React.forwardRef(function MenuTrigger(props, ref) {
   var _props$children3, _props$children3$prop;
 
   var menu = useCurrentMenu();
@@ -6814,12 +6845,12 @@ var Trigger$3 = /*#__PURE__*/React.forwardRef(function MenuTrigger(props, ref) {
   }));
 });
 
-var _excluded$y = ["checked", "children", "onChange"];
+var _excluded$z = ["checked", "children", "onChange"];
 var Checkbox$1 = function Checkbox(props) {
   var checked = props.checked,
       children = props.children,
       onChange = props.onChange,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$y);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$z);
 
   var className = useItemStyling({
     disabled: props.disabled,
@@ -6838,7 +6869,7 @@ var Checkbox$1 = function Checkbox(props) {
   })), children);
 };
 
-var _excluded$z = ["children", "value"],
+var _excluded$A = ["children", "value"],
     _excluded2$3 = ["children", "defaultValue", "disabled", "invalid", "onChange", "orientation", "value"];
 var getRadioGroupItemValueAsString = function getRadioGroupItemValueAsString(value) {
   return value === null ? '' : String(value);
@@ -6857,7 +6888,7 @@ var RadioGroupItem = /*#__PURE__*/React.forwardRef(function RadioGroupItem(props
 
   var children = props.children,
       value = props.value,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$z);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$A);
 
   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 hover:border-4', {
@@ -6949,13 +6980,13 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function RadioGroup(props, ref) {
 });
 RadioGroup.Item = RadioGroupItem;
 
-var _excluded$A = ["children", "value"];
+var _excluded$B = ["children", "value"];
 var RadioItem = function RadioItem(props) {
   var context = React.useContext(MenuRadioGroupContext);
 
   var children = props.children,
       value = props.value,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$A);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$B);
 
   var disabled = context.disabled || props.disabled;
   var className = useItemStyling({
@@ -7049,12 +7080,12 @@ var Header = function Header(props) {
   }));
 };
 
-var _excluded$B = ["appearance", "children", "trigger"];
+var _excluded$C = ["appearance", "children", "trigger"];
 var Menu = function Menu(externalProps) {
   var externalAppearance = externalProps.appearance,
       children = externalProps.children,
       trigger = externalProps.trigger,
-      props = _objectWithoutPropertiesLoose(externalProps, _excluded$B);
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded$C);
 
   var _React$useState = React.useState(false),
       open = _React$useState[0],
@@ -7097,10 +7128,10 @@ var Menu = function Menu(externalProps) {
     modal: false,
     open: open,
     onOpenChange: setOpen
-  }), trigger && React.createElement(Trigger$3, null, trigger), children));
+  }), trigger && React.createElement(Trigger$4, null, trigger), children));
 };
-Menu.Trigger = Trigger$3;
-Menu.Content = Content$4;
+Menu.Trigger = Trigger$4;
+Menu.Content = Content$5;
 Menu.Item = Item$1;
 Menu.Link = Link;
 Menu.Checkbox = Checkbox$1;
@@ -7108,7 +7139,7 @@ Menu.Separator = Separator;
 Menu.Header = Header;
 Menu.RadioGroup = RadioGroup$1;
 
-var _excluded$C = ["children", "className", "expanded", "title", "fixed", "onClick"];
+var _excluded$D = ["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
@@ -7122,7 +7153,7 @@ var TreeviewGroup = /*#__PURE__*/React__default.forwardRef(function TreeviewGrou
       title = props.title,
       fixed = props.fixed,
       onClick = props.onClick,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$C);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$D);
 
   var _React$useState = React__default.useState(fixed || initialExpanded),
       expanded = _React$useState[0],
@@ -7222,7 +7253,7 @@ var useDropTarget = function useDropTarget(onDrop) {
   return [isDraggedOver, props];
 };
 
-var _excluded$D = ["active", "children", "onDrop", "postfix", "prefix", "role"],
+var _excluded$E = ["active", "children", "onDrop", "postfix", "prefix", "role"],
     _excluded2$4 = ["children"];
 var Item$2 = /*#__PURE__*/React__default.forwardRef(function Item(props, ref) {
   var active = props.active,
@@ -7231,7 +7262,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$D);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$E);
 
   var proxyRef = useProxiedRef(ref);
 
@@ -7395,7 +7426,7 @@ var PageNumbers = function PageNumbers(_ref) {
   }));
 };
 
-var _excluded$E = ["aria-label", "aria-labelledby", "data", "defaultValue", "disabled", "emptyValue", "id", "multiselect", "onBlur", "onClick", "onChange", "readOnly", "value"];
+var _excluded$F = ["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'],
@@ -7410,7 +7441,7 @@ var useSelect = function useSelect(_ref, ref) {
       onChange = _ref.onChange,
       readOnly = _ref.readOnly,
       value = _ref.value,
-      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$E);
+      otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$F);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -7613,13 +7644,13 @@ var useSelect = function useSelect(_ref, ref) {
   };
 };
 
-var _excluded$F = ["autoFocus", "className", "highlighted", "style"],
+var _excluded$G = ["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$F);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$G);
 
   var _useSelect = useSelect(otherProps, ref),
       button = _useSelect.button,
@@ -7770,7 +7801,7 @@ var usePagination = function usePagination(initialPageIndex, initialPageSize) {
   };
 };
 
-var _excluded$G = ["length", "pageIndex", "pageSize", "pageSizes", "setPageIndex", "setPageSize", "showPageControls", "showPageNumbers", "showPageSize", "dangerouslyHijackGlobalKeyboardNavigation"];
+var _excluded$H = ["length", "pageIndex", "pageSize", "pageSizes", "setPageIndex", "setPageSize", "showPageControls", "showPageNumbers", "showPageSize", "dangerouslyHijackGlobalKeyboardNavigation"];
 
 var getShowingLabel = function getShowingLabel(length, pageIndex, pageSize, texts) {
   var minItemIndex = pageIndex * pageSize + 1;
@@ -7794,7 +7825,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$G);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$H);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -7877,13 +7908,13 @@ var Pagination = /*#__PURE__*/React.forwardRef(function Pagination(props, ref) {
   })));
 });
 
-var _excluded$H = ["duration"];
+var _excluded$I = ["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$H);
+      props = _objectWithoutPropertiesLoose(_ref, _excluded$I);
 
   var style;
 
@@ -7907,7 +7938,7 @@ var Progress = function Progress(_ref) {
   }));
 };
 
-var _excluded$I = ["children"];
+var _excluded$J = ["children"];
 var sanitizeRowProps = function sanitizeRowProps(row, rowExpansionRenderer) {
   var _row$subRows;
 
@@ -7947,7 +7978,7 @@ var getColumnsFromChildren = function getColumnsFromChildren(children, rowExpans
   .map(function (_ref) {
     var _ref$props = _ref.props,
         groupChildren = _ref$props.children,
-        props = _objectWithoutPropertiesLoose(_ref$props, _excluded$I);
+        props = _objectWithoutPropertiesLoose(_ref$props, _excluded$J);
 
     var column = _extends({}, props);
 
@@ -8444,7 +8475,7 @@ var useRowActions = function useRowActions(inlineEditingUniqueId, handlers, acti
   return plugin;
 };
 
-var _excluded$J = ["onChange"],
+var _excluded$K = ["onChange"],
     _excluded2$6 = ["onChange"];
 
 var toggleBetween = function toggleBetween(fromRowIndex, toRowIndex) {
@@ -8492,7 +8523,7 @@ var useRowSelect = function useRowSelect(onSelectedRows) {
                 rows = _ref.rows;
 
             var _getToggleAllRowsSele = getToggleAllRowsSelectedProps(),
-                props = _objectWithoutPropertiesLoose(_getToggleAllRowsSele, _excluded$J);
+                props = _objectWithoutPropertiesLoose(_getToggleAllRowsSele, _excluded$K);
 
             var onChange = function onChange(checked) {
               if (checked) {
@@ -8504,8 +8535,7 @@ var useRowSelect = function useRowSelect(onSelectedRows) {
             };
 
             return React__default.createElement(Checkbox, Object.assign({}, props, {
-              onChange: onChange,
-              className: "mt-px"
+              onChange: onChange
             }));
           },
           Cell: function Cell(_ref2) {
@@ -8537,7 +8567,7 @@ var useRowSelect = function useRowSelect(onSelectedRows) {
             };
 
             return React__default.createElement(Checkbox, Object.assign({}, props, {
-              className: "mt-px",
+              className: "mt-2.5",
               onClick: onClick,
               // this is necessary to remove console spam from eslint
               onChange: function onChange() {
@@ -8546,7 +8576,7 @@ var useRowSelect = function useRowSelect(onSelectedRows) {
             }));
           },
           flex: '0 0 36px',
-          className: 'flex-col justify-start !pb-0'
+          className: 'flex-col justify-start !py-0'
         }].concat(columns);
       });
     }
@@ -8809,7 +8839,7 @@ var useRowDraggable = function useRowDraggable(onRowDrag) {
   return plugin;
 };
 
-var _excluded$K = ["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$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"],
     _excluded2$7 = ["headerGroups", "rows", "sortedRows", "prepareRow", "state", "page", "gotoPage", "setPageSize"];
 
 var useTableRowActive = function useTableRowActive(activeIndex, rows, rowExpansionRenderer, handleonRowActive) {
@@ -8916,7 +8946,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$K);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$L);
 
   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');
@@ -9034,7 +9064,7 @@ var useTable = function useTable(props, ref) {
   };
 };
 
-var _excluded$L = ["row", "index", "instance", "headerGroups"];
+var _excluded$M = ["row", "index", "instance", "headerGroups"];
 
 var renderCell = function renderCell(cell, row) {
   var props = _extends({}, cell.getCellProps(), {
@@ -9058,7 +9088,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$L);
+      rowProps = _objectWithoutPropertiesLoose(_ref, _excluded$M);
 
   var activeIndex = rowProps.activeIndex,
       onRowClick = rowProps.onRowClick,
@@ -9164,11 +9194,12 @@ var Column = function Column(_ref) {
   }), React__default.createElement("span", {
     className: "truncate"
   }, cell.render('Header')), cell.isSorted ? React__default.createElement(Icon, {
-    name: cell.isSortedDesc ? 'chevron-down-solid' : 'chevron-up-solid'
+    name: cell.isSortedDesc ? 'chevron-down-solid' : 'chevron-up-solid',
+    className: "-mt-0.5"
   }) : null);
 };
 
-var _excluded$M = ["autoFocus", "children", "disableSorting", "headerGroups", "headerRef", "bodyRef"];
+var _excluded$N = ["autoFocus", "children", "disableSorting", "headerGroups", "headerRef", "bodyRef"];
 var DefaultEmptyState = function DefaultEmptyState() {
   return null;
 };
@@ -9180,7 +9211,7 @@ var BaseTable = /*#__PURE__*/React__default.forwardRef(function BaseTable(props,
       headerGroups = props.headerGroups,
       headerRef = props.headerRef,
       bodyRef = props.bodyRef,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$M);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$N);
 
   React__default.useEffect(function () {
     if (autoFocus && tableRef.current) {
@@ -9215,11 +9246,11 @@ var BaseTable = /*#__PURE__*/React__default.forwardRef(function BaseTable(props,
   }, children));
 });
 
-var _excluded$N = ["emptyStateRenderer"];
+var _excluded$O = ["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$N);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$O);
 
   var tableRef = useProxiedRef(ref);
 
@@ -9283,14 +9314,14 @@ PaginatedTable.Group = function () {
   return null;
 };
 
-var _excluded$O = ["height"],
+var _excluded$P = ["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$O);
+      style = _objectWithoutPropertiesLoose(_ref$style, _excluded$P);
 
   var _useLocalization = useLocalization(),
       texts = _useLocalization.texts;
@@ -9655,7 +9686,7 @@ var useTableRowCreation = function useTableRowCreation(data, tableRef) {
   };
 };
 
-var _excluded$P = ["id", "defaultId", "children", "onChange", "orientation"],
+var _excluded$Q = ["id", "defaultId", "children", "onChange", "orientation"],
     _excluded2$9 = ["id", "disabled"],
     _excluded3 = ["id"];
 var Tabs = /*#__PURE__*/React.forwardRef(function Tabs(props, ref) {
@@ -9665,7 +9696,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$P);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$Q);
 
   var className = cn('yt-tabs', "yt-tabs--" + orientation, {
     'flex w-full': orientation === 'vertical'
@@ -9719,10 +9750,10 @@ Tabs.List = TabList;
 Tabs.Trigger = TabTrigger;
 Tabs.Content = TabContent;
 
-var _excluded$Q = ["defaultValue", "highlighted", "invalid", "onKeyDown"];
+var _excluded$R = ["defaultValue", "highlighted", "invalid", "onKeyDown"];
 var Textarea = /*#__PURE__*/React.forwardRef(function Textarea(props, ref) {
   var onKeyDown = props.onKeyDown,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$Q);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$R);
 
   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
@@ -9749,11 +9780,11 @@ var Textarea = /*#__PURE__*/React.forwardRef(function Textarea(props, ref) {
   }));
 });
 
-var _excluded$R = ["label", "onChange"];
+var _excluded$S = ["label", "onChange"];
 var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
   var label = props.label,
       onChange = props.onChange,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded$R);
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded$S);
 
   var className = cn('group h-5 w-9 flex rounded-full inline-flex', {
     'mr-2': !!label,
@@ -9780,7 +9811,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function Switch(props, ref) {
   return element;
 });
 
-var _excluded$S = ["autoStart", "onComplete", "onClose", "onReady", "spotlightClicks", "disableCloseOnEsc", "disableScrollParentFix"];
+var _excluded$T = ["autoStart", "onComplete", "onClose", "onReady", "spotlightClicks", "disableCloseOnEsc", "disableScrollParentFix"];
 
 var Tooltip$1 = function Tooltip(_ref) {
   var continuous = _ref.continuous,
@@ -9845,7 +9876,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$S);
+      rest = _objectWithoutPropertiesLoose(props, _excluded$T);
 
   var steps = React.useMemo(function () {
     return React.Children.map(props.children, function (child) {
@@ -9954,6 +9985,7 @@ exports.Field = Field;
 exports.Form = Form;
 exports.Group = Group;
 exports.Hanger = Hanger;
+exports.HoverCard = HoverCard;
 exports.Icon = Icon;
 exports.IconButton = IconButton;
 exports.Input = Input;