@economic/taco 1.0.2 → 1.0.3

package/dist/components/HoverCard/HoverCard.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Placement } from '../..';
+export declare type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement>;
+export declare type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */
+    placement?: Placement;
+};
+export declare type HoverCardProps = React.PropsWithChildren<{}>;
+export declare const HoverCard: {
+    (props: HoverCardProps): JSX.Element;
+    Trigger: React.ForwardRefExoticComponent<HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+    Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+        /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */
+        placement?: "right" | "left" | "top" | "bottom" | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/esm/components/HoverCard/HoverCard.js

@@ -0,0 +1,33 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import { createElement, forwardRef } from 'react';
+import cn from 'classnames';
+import { Root, Trigger as Trigger$1, Content as Content$1 } from '@radix-ui/react-hover-card';
+
+var _excluded = ["placement"];
+var Trigger = /*#__PURE__*/forwardRef(function HoverCardTrigger(props, ref) {
+  return createElement(Trigger$1, Object.assign({}, props, {
+    asChild: true,
+    ref: ref
+  }));
+});
+var Content = /*#__PURE__*/forwardRef(function HoverCardContent(externalProps, ref) {
+  var placement = externalProps.placement,
+      props = _objectWithoutPropertiesLoose(externalProps, _excluded);
+
+  var className = cn('bg-white rounded p-3 yt-shadow', props.className);
+  return createElement(Content$1, Object.assign({}, props, {
+    className: className,
+    ref: ref,
+    side: placement
+  }));
+});
+var HoverCard = function HoverCard(props) {
+  return createElement(Root, Object.assign({}, props, {
+    openDelay: 300
+  }));
+};
+HoverCard.Trigger = Trigger;
+HoverCard.Content = Content;
+
+export { HoverCard };
+//# sourceMappingURL=HoverCard.js.map

package/dist/esm/components/HoverCard/HoverCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.js","sources":["../../../../src/components/HoverCard/HoverCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport cn from 'classnames';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\nimport { Placement } from '../..';\n\nexport type HoverCardTriggerProps = React.HTMLAttributes<HTMLAnchorElement>;\nconst Trigger = React.forwardRef(function HoverCardTrigger(props: HoverCardTriggerProps, ref: React.Ref<HTMLAnchorElement>) {\n    return <HoverCardPrimitive.Trigger {...props} asChild ref={ref} />;\n});\n\nexport type HoverCardContentProps = React.HTMLAttributes<HTMLDivElement> & {\n    /** Set the position of the HoverCard relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\nconst Content = React.forwardRef(function HoverCardContent(externalProps: HoverCardContentProps, ref: React.Ref<HTMLDivElement>) {\n    const { placement, ...props } = externalProps;\n    const className = cn('bg-white rounded p-3 yt-shadow', props.className);\n\n    return <HoverCardPrimitive.Content {...props} className={className} ref={ref} side={placement} />;\n});\n\nexport type HoverCardProps = React.PropsWithChildren<{}>;\n\nexport const HoverCard = (props: HoverCardProps) => {\n    return <HoverCardPrimitive.Root {...props} openDelay={300} />;\n};\nHoverCard.Trigger = Trigger;\nHoverCard.Content = Content;\n"],"names":["Trigger","React","HoverCardTrigger","props","ref","HoverCardPrimitive","asChild","Content","HoverCardContent","externalProps","placement","className","cn","side","HoverCard","openDelay"],"mappings":";;;;;;AAMA,IAAMA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,gBAAT,CAA0BC,KAA1B,EAAwDC,GAAxD;AAC7B,SAAOH,aAAA,CAACI,SAAD,oBAAgCF;AAAOG,IAAAA,OAAO;AAACF,IAAAA,GAAG,EAAEA;IAApD,CAAP;AACH,CAFe,CAAhB;AAQA,IAAMG,OAAO,gBAAGN,UAAA,CAAiB,SAASO,gBAAT,CAA0BC,aAA1B,EAAgEL,GAAhE;AAC7B,MAAQM,SAAR,GAAgCD,aAAhC,CAAQC,SAAR;AAAA,MAAsBP,KAAtB,iCAAgCM,aAAhC;;AACA,MAAME,SAAS,GAAGC,EAAE,CAAC,gCAAD,EAAmCT,KAAK,CAACQ,SAAzC,CAApB;AAEA,SAAOV,aAAA,CAACI,SAAD,oBAAgCF;AAAOQ,IAAAA,SAAS,EAAEA;AAAWP,IAAAA,GAAG,EAAEA;AAAKS,IAAAA,IAAI,EAAEH;IAA7E,CAAP;AACH,CALe,CAAhB;IASaI,SAAS,GAAG,SAAZA,SAAY,CAACX,KAAD;AACrB,SAAOF,aAAA,CAACI,IAAD,oBAA6BF;AAAOY,IAAAA,SAAS,EAAE;IAA/C,CAAP;AACH;AACDD,SAAS,CAACd,OAAV,GAAoBA,OAApB;AACAc,SAAS,CAACP,OAAV,GAAoBA,OAApB;;;;"}

package/dist/esm/components/SearchInput/SearchInput.js

@@ -29,6 +29,7 @@ import '../Field/Field.js';
 import '../Form/Form.js';
 import '../Group/Group.js';
 import '../Hanger/Hanger.js';
+import '../HoverCard/HoverCard.js';
 import '../Listbox/Listbox.js';
 import '../RadioGroup/RadioGroup.js';
 import '../Menu/Menu.js';

package/dist/esm/components/SearchInput/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport keycode from 'keycode';\nimport { Input, InputProps, useLocalization, IconButton } from '../..';\n\nexport type SearchInputTexts = {\n    /**\n     * aria-label text for input\n     */\n    inputLabel: string;\n};\n\nexport type SearchInputProps = Omit<InputProps, 'icon'> & {\n    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */\n    onSearch?: (value: string | number | readonly string[] | undefined) => void;\n};\n\nexport const SearchInput = React.forwardRef(function SearchInput(\n    { onSearch, ...props }: SearchInputProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const { texts } = useLocalization();\n\n    const handleClick = (): void => {\n        if (!props.disabled) {\n            onSearch?.(props.value);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        const isEnterKeyPressed = event.keyCode === keycode('enter');\n\n        if (isEnterKeyPressed) {\n            handleClick();\n        }\n\n        props.onKeyDown?.(event);\n    };\n\n    return (\n        <Input\n            aria-label={texts.searchInput.inputLabel}\n            {...props}\n            button={\n                <IconButton\n                    icon=\"search\"\n                    className=\"!border-transparent !bg-transparent focus:!border-transparent peer-focus:!border-transparent peer-focus:peer-active:!border-transparent\"\n                    disabled={props.disabled}\n                    onClick={handleClick}\n                />\n            }\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            type=\"search\"\n        />\n    );\n});\n"],"names":["SearchInput","React","ref","onSearch","props","useLocalization","texts","handleClick","disabled","value","handleKeyDown","event","isEnterKeyPressed","keyCode","keycode","onKeyDown","Input","searchInput","inputLabel","button","IconButton","icon","className","onClick","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgBaA,WAAW,gBAAGC,UAAA,CAAiB,SAASD,WAAT,OAExCE,GAFwC;MACtCC,gBAAAA;MAAaC;;AAGf,yBAAkBC,eAAe,EAAjC;AAAA,MAAQC,KAAR,oBAAQA,KAAR;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc;AAChB,QAAI,CAACH,KAAK,CAACI,QAAX,EAAqB;AACjBL,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGC,KAAK,CAACK,KAAT,CAAR;AACH;AACJ,GAJD;;AAMA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;;;AAClB,QAAMC,iBAAiB,GAAGD,KAAK,CAACE,OAAN,KAAkBC,OAAO,CAAC,OAAD,CAAnD;;AAEA,QAAIF,iBAAJ,EAAuB;AACnBL,MAAAA,WAAW;AACd;;AAED,wBAAAH,KAAK,CAACW,SAAN,2EAAAX,KAAK,EAAaO,KAAb,CAAL;AACH,GARD;;AAUA,SACIV,aAAA,CAACe,KAAD;kBACgBV,KAAK,CAACW,WAAN,CAAkBC;KAC1Bd;AACJe,IAAAA,MAAM,EACFlB,aAAA,CAACmB,UAAD;AACIC,MAAAA,IAAI,EAAC;AACLC,MAAAA,SAAS,EAAC;AACVd,MAAAA,QAAQ,EAAEJ,KAAK,CAACI;AAChBe,MAAAA,OAAO,EAAEhB;KAJb;AAOJQ,IAAAA,SAAS,EAAEL;AACXR,IAAAA,GAAG,EAAEA;AACLsB,IAAAA,IAAI,EAAC;IAbT,CADJ;AAiBH,CAvC0B;;;;"}
+{"version":3,"file":"SearchInput.js","sources":["../../../../src/components/SearchInput/SearchInput.tsx"],"sourcesContent":["import * as React from 'react';\nimport keycode from 'keycode';\nimport { Input, InputProps, useLocalization, IconButton } from '../..';\n\nexport type SearchInputTexts = {\n    /**\n     * aria-label text for input\n     */\n    inputLabel: string;\n};\n\nexport type SearchInputProps = Omit<InputProps, 'icon'> & {\n    /** Current input value will be passed to the method. In order to get the value, the component must be controlled otherwise value will always be undefined */\n    onSearch?: (value: string | number | readonly string[] | undefined) => void;\n};\n\nexport const SearchInput = React.forwardRef(function SearchInput(\n    { onSearch, ...props }: SearchInputProps,\n    ref: React.Ref<HTMLInputElement>\n) {\n    const { texts } = useLocalization();\n\n    const handleClick = (): void => {\n        if (!props.disabled) {\n            onSearch?.(props.value);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        const isEnterKeyPressed = event.keyCode === keycode('enter');\n\n        if (isEnterKeyPressed) {\n            handleClick();\n        }\n\n        props.onKeyDown?.(event);\n    };\n\n    return (\n        <Input\n            aria-label={texts.searchInput.inputLabel}\n            {...props}\n            button={\n                <IconButton\n                    icon=\"search\"\n                    className=\"!border-transparent !bg-transparent focus:!border-transparent peer-focus:!border-transparent peer-focus:peer-active:!border-transparent\"\n                    disabled={props.disabled}\n                    onClick={handleClick}\n                />\n            }\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            type=\"search\"\n        />\n    );\n});\n"],"names":["SearchInput","React","ref","onSearch","props","useLocalization","texts","handleClick","disabled","value","handleKeyDown","event","isEnterKeyPressed","keyCode","keycode","onKeyDown","Input","searchInput","inputLabel","button","IconButton","icon","className","onClick","type"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgBaA,WAAW,gBAAGC,UAAA,CAAiB,SAASD,WAAT,OAExCE,GAFwC;MACtCC,gBAAAA;MAAaC;;AAGf,yBAAkBC,eAAe,EAAjC;AAAA,MAAQC,KAAR,oBAAQA,KAAR;;AAEA,MAAMC,WAAW,GAAG,SAAdA,WAAc;AAChB,QAAI,CAACH,KAAK,CAACI,QAAX,EAAqB;AACjBL,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGC,KAAK,CAACK,KAAT,CAAR;AACH;AACJ,GAJD;;AAMA,MAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;;;AAClB,QAAMC,iBAAiB,GAAGD,KAAK,CAACE,OAAN,KAAkBC,OAAO,CAAC,OAAD,CAAnD;;AAEA,QAAIF,iBAAJ,EAAuB;AACnBL,MAAAA,WAAW;AACd;;AAED,wBAAAH,KAAK,CAACW,SAAN,2EAAAX,KAAK,EAAaO,KAAb,CAAL;AACH,GARD;;AAUA,SACIV,aAAA,CAACe,KAAD;kBACgBV,KAAK,CAACW,WAAN,CAAkBC;KAC1Bd;AACJe,IAAAA,MAAM,EACFlB,aAAA,CAACmB,UAAD;AACIC,MAAAA,IAAI,EAAC;AACLC,MAAAA,SAAS,EAAC;AACVd,MAAAA,QAAQ,EAAEJ,KAAK,CAACI;AAChBe,MAAAA,OAAO,EAAEhB;KAJb;AAOJQ,IAAAA,SAAS,EAAEL;AACXR,IAAAA,GAAG,EAAEA;AACLsB,IAAAA,IAAI,EAAC;IAbT,CADJ;AAiBH,CAvC0B;;;;"}

package/dist/esm/index.js

@@ -26,6 +26,7 @@ export { Field } from './components/Field/Field.js';
 export { Form } from './components/Form/Form.js';
 export { Group } from './components/Group/Group.js';
 export { Hanger, Title } from './components/Hanger/Hanger.js';
+export { HoverCard } from './components/HoverCard/HoverCard.js';
 export { SearchInput } from './components/SearchInput/SearchInput.js';
 export { Listbox, MultiListbox } from './components/Listbox/Listbox.js';
 export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup } from './components/RadioGroup/RadioGroup.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export * from './components/Field/Field';
 export * from './components/Form/Form';
 export * from './components/Group/Group';
 export * from './components/Hanger/Hanger';
+export * from './components/HoverCard/HoverCard';
 export * from './components/Icon/Icon';
 export * from './components/IconButton/IconButton';
 export * from './components/Input/Input';

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');
@@ -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;
@@ -6178,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,
@@ -6193,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: '',
@@ -6323,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,
@@ -6336,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;
@@ -6535,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,
@@ -6584,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) {
@@ -6606,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, {
@@ -6628,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", {
@@ -6715,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,
@@ -6760,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({
@@ -6792,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();
@@ -6818,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,
@@ -6842,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);
@@ -6861,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', {
@@ -6953,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({
@@ -7053,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],
@@ -7101,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;
@@ -7112,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
@@ -7126,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],
@@ -7226,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,
@@ -7235,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);
 
@@ -7399,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'],
@@ -7414,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;
@@ -7617,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,
@@ -7774,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;
@@ -7798,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;
@@ -7881,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;
 
@@ -7911,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;
 
@@ -7951,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);
 
@@ -8448,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) {
@@ -8496,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) {
@@ -8812,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) {
@@ -8919,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');
@@ -9037,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(), {
@@ -9061,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,
@@ -9172,7 +9199,7 @@ var Column = function Column(_ref) {
   }) : 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;
 };
@@ -9184,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) {
@@ -9219,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);
 
@@ -9287,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;
@@ -9659,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) {
@@ -9669,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'
@@ -9723,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
@@ -9753,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,
@@ -9784,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,
@@ -9849,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) {
@@ -9958,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;