@algolia/satellite 1.0.0-beta.160 → 1.0.0-beta.162

package/esm/Button/ButtonGroup.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export interface ButtonGroupProps {
     /**
      * Specify HTML element `ButtonGroup` should be presented as.
@@ -14,5 +14,5 @@ export interface ButtonGroupProps {
  * - Group buttons logically into sets based on usage and importance.
  * - Common placement of grouped buttons is the view switch (e.g. list vs grid view)
  */
-export declare const ButtonGroup: FunctionComponent<ButtonGroupProps>;
+export declare const ButtonGroup: VFC<ButtonGroupProps>;
 export default ButtonGroup;

package/esm/Button/PolymorphicIconButton.d.ts

@@ -10,7 +10,7 @@ export interface IconButtonBaseProps {
     title: string;
     showTooltip?: boolean;
     /** @default "top" */
-    tooltipPlacement?: TooltipWrapperBaseProps["placement"];
+    tooltipSide?: TooltipWrapperBaseProps["side"];
     loading?: boolean;
 }
 export declare type PolymorphicIconButtonProps<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, IconButtonBaseProps>;

package/esm/Button/PolymorphicIconButton.js

@@ -1,7 +1,7 @@
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["as", "className", "variant", "size", "icon", "title", "showTooltip", "tooltipPlacement", "loading"];
+var _excluded = ["as", "className", "variant", "size", "icon", "title", "showTooltip", "tooltipSide", "loading"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -38,8 +38,8 @@ export var PolymorphicIconButton = /*#__PURE__*/forwardRef(function (props, ref)
     Icon = props.icon,
     title = props.title,
     showTooltip = props.showTooltip,
-    _props$tooltipPlaceme = props.tooltipPlacement,
-    tooltipPlacement = _props$tooltipPlaceme === void 0 ? "top" : _props$tooltipPlaceme,
+    _props$tooltipSide = props.tooltipSide,
+    tooltipSide = _props$tooltipSide === void 0 ? "top" : _props$tooltipSide,
     _props$loading = props.loading,
     loading = _props$loading === void 0 ? false : _props$loading,
     cleanedProps = _objectWithoutProperties(props, _excluded);
@@ -56,7 +56,7 @@ export var PolymorphicIconButton = /*#__PURE__*/forwardRef(function (props, ref)
   return /*#__PURE__*/_jsx(TooltipWrapper, {
     delay: 500,
     show: showTooltip,
-    placement: tooltipPlacement,
+    side: tooltipSide,
     content: title,
     children: /*#__PURE__*/_jsx(Tag, _objectSpread(_objectSpread({}, cleanedProps), {}, {
       className: iconButtonClassName,

package/esm/Card/components/CardHeader.d.ts

@@ -1,6 +1,6 @@
-import type { FunctionComponent, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type CardHeaderProps = JSX.IntrinsicElements["div"] & {
     children: ReactNode;
 };
-export declare const CardHeader: FunctionComponent<CardHeaderProps>;
+export declare const CardHeader: VFC<CardHeaderProps>;
 export default CardHeader;

package/esm/Card/components/CardTitle.d.ts

@@ -1,6 +1,6 @@
-import type { FunctionComponent, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type CardTitleProps = JSX.IntrinsicElements["h2"] & {
     children: ReactNode;
 };
-export declare const CardTitle: FunctionComponent<CardTitleProps>;
+export declare const CardTitle: VFC<CardTitleProps>;
 export default CardTitle;

package/esm/Checkbox/Checkbox.js

@@ -61,9 +61,9 @@ export var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
     }
   };
   return /*#__PURE__*/_jsxs("div", {
-    className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["inline-flex items-center ", ""])), textPosition === "left" && "flex-row-reverse"), className),
+    className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["group inline-flex items-center ", ""])), textPosition === "left" && "flex-row-reverse"), className),
     children: [/*#__PURE__*/_jsxs("span", {
-      className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            checkbox\n            ", "\n            ", "\n            ", "\n          "])), indeterminate && "checkbox-indeterminate", isChecked && "checkbox-checked", disabled && "checkbox-disabled"), STATUS_CLASSNAMES[status]),
+      className: cx(stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            checkbox\n            ", "\n            ", "\n            ", "\n            ", "\n          "])), !disabled && "group-hover:border-grey-900", indeterminate && "checkbox-indeterminate", isChecked && "checkbox-checked", disabled && "checkbox-disabled"), STATUS_CLASSNAMES[status]),
       style: {
         color: checkedColor
       },
@@ -72,7 +72,7 @@ export var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }), /*#__PURE__*/_jsx("input", _objectSpread(_objectSpread({}, checkboxProps), {}, {
         "aria-checked": indeterminate ? "mixed" : isChecked,
         id: id,
-        className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n              opacity-0 absolute inset-0 cursor-pointer\n              ", "\n            "])), disabled && "cursor-not-allowed"),
+        className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n              opacity-0 absolute inset-0\n              ", "\n            "])), disabled ? "cursor-not-allowed" : "cursor-pointer"),
         type: "checkbox",
         ref: ref,
         onChange: handleChange,

package/esm/Checkbox/Checkbox.tailwind.js

@@ -18,7 +18,7 @@ var checkboxPlugin = plugin(function (_ref) {
       overflow: "hidden",
       color: theme("colors.accent.600"),
       background: "linear-gradient(180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-      border: "1px solid ".concat(theme("colors.grey.200")),
+      border: "1px solid ".concat(theme("colors.grey.500")),
       boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5")),
       borderRadius: theme("borderRadius.DEFAULT"),
       transition: "all 250ms cubic-bezier(0.23, 1, 0.32, 1)",

package/esm/ClickAwayContainer/ClickAwayContainer.d.ts

@@ -1,4 +1,4 @@
-import type { FC, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 interface ClickAwayContextType {
     registerElement(element: HTMLElement): void;
     unregisterElement(element: HTMLElement): void;
@@ -24,5 +24,5 @@ export interface ClickAwayContainerProps {
  * but it's not the case when using portals.
  * This component allows click-away functionality even when portals are involved.
  */
-export declare const ClickAwayContainer: FC<ClickAwayContainerProps>;
+export declare const ClickAwayContainer: VFC<ClickAwayContainerProps>;
 export default ClickAwayContainer;

package/esm/DatePicker/DatePicker/DatePicker.d.ts

@@ -1,4 +1,4 @@
-import type { Dispatch, FunctionComponent, MouseEvent, ReactNode } from "react";
+import type { Dispatch, MouseEvent, ReactNode, VFC } from "react";
 import type { CalendarProps } from "../components/Calendar";
 import type { DisplayProps } from "../components/Display";
 import type { FooterActionsProps } from "../components/FooterActions";
@@ -30,5 +30,5 @@ export declare type DatePickerProps = {
     initialValue?: Date | null;
     buttonSize?: DisplayProps["size"];
 } & SharedDatePickerProps;
-declare const DatePicker: FunctionComponent<DatePickerProps>;
+declare const DatePicker: VFC<DatePickerProps>;
 export default DatePicker;

package/esm/DatePicker/DateRangePicker/DateRangePicker.d.ts

@@ -1,4 +1,4 @@
-import type { Dispatch, FunctionComponent, ReactNode } from "react";
+import type { Dispatch, ReactNode, VFC } from "react";
 import type { CalendarProps } from "../components/Calendar";
 import type { SharedDatePickerProps } from "../types";
 import type { DateRangePickerDisplayProps } from "./DateRangePickerDisplay";
@@ -30,5 +30,5 @@ export declare type DateRangePickerProps = {
     renderRightPanel?: (args: RightSidePanelComponentArgs) => ReactNode;
     buttonSize?: DateRangePickerDisplayProps["buttonSize"];
 } & SharedDatePickerProps;
-export declare const DateRangePicker: FunctionComponent<DateRangePickerProps>;
+export declare const DateRangePicker: VFC<DateRangePickerProps>;
 export default DateRangePicker;

package/esm/DatePicker/DateRangePicker/DateRangePickerDisplay.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent } from "react";
+import type { VFC } from "react";
 import type { WithRequiredProperty } from "../../types";
 import { DisplayProps } from "../components/Display";
 import type { DatePickerLocale } from "../types";
@@ -10,5 +10,5 @@ export interface DateRangePickerDisplayProps {
     buttonSize?: DisplayProps["size"];
     locale: WithRequiredProperty<DatePickerLocale, "openButton">;
 }
-declare const DateRangePickerDisplay: FunctionComponent<DateRangePickerDisplayProps>;
+declare const DateRangePickerDisplay: VFC<DateRangePickerDisplayProps>;
 export default DateRangePickerDisplay;

package/esm/DatePicker/components/Calendar.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent } from "react";
+import type { VFC } from "react";
 import { DayPickerDefaultProps, DayPickerRangeProps, DayPickerSingleProps } from "react-day-picker";
 import type { WithRequiredProperty } from "../../types";
 import type { DatePickerLocale } from "../types";
@@ -13,5 +13,5 @@ export declare type EditableYearProps = {
 export declare type CalendarProps = Omit<Omit<DayPickerSingleProps | DayPickerRangeProps | DayPickerDefaultProps, "locale">, ExcludedDayPickerProps> & EditableYearProps & {
     locale: WithRequiredProperty<DatePickerLocale, "nextMonth" | "previousMonth">;
 };
-declare const Calendar: FunctionComponent<CalendarProps>;
+declare const Calendar: VFC<CalendarProps>;
 export default Calendar;

package/esm/DatePicker/components/Display.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 import type { ButtonProps, ButtonSize } from "../../Button";
 export interface DisplayProps {
     id?: string;
@@ -6,5 +6,5 @@ export interface DisplayProps {
     children: ReactNode;
     size?: ButtonSize;
 }
-declare const Display: FunctionComponent<DisplayProps>;
+declare const Display: VFC<DisplayProps>;
 export default Display;

package/esm/DatePicker/components/Footer.d.ts

@@ -1,6 +1,6 @@
-import type { FunctionComponent, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type FooterProps = {
     children: ReactNode;
 };
-declare const Footer: FunctionComponent<FooterProps>;
+declare const Footer: VFC<FooterProps>;
 export default Footer;

package/esm/DatePicker/components/FooterActions.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent } from "react";
+import type { VFC } from "react";
 import { ButtonProps } from "../../Button";
 import type { WithRequiredProperty } from "../../types";
 import type { DatePickerLocale } from "../types";
@@ -8,5 +8,5 @@ export interface FooterActionsProps {
     disableApply: boolean;
     locale: WithRequiredProperty<DatePickerLocale, "cancel" | "apply">;
 }
-declare const FooterActions: FunctionComponent<FooterActionsProps>;
+declare const FooterActions: VFC<FooterActionsProps>;
 export default FooterActions;

package/esm/DatePicker/components/Modal.d.ts

@@ -1,5 +1,5 @@
 import type { Placement, StrictModifiers } from "@popperjs/core";
-import type { FC, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 import type { StrictModifier } from "react-popper";
 import type { ClickAwayContainerProps } from "../../ClickAwayContainer";
 export interface ModalProps {
@@ -12,5 +12,5 @@ export interface ModalProps {
     onClickAway?: ClickAwayContainerProps["onClickAway"];
 }
 export declare const DEFAULT_DATE_PICKER_MODAL_POPPER_MODIFIERS: StrictModifier[];
-declare const Modal: FC<ModalProps>;
+declare const Modal: VFC<ModalProps>;
 export default Modal;

package/esm/DatePicker/components/NavBar.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent } from "react";
+import type { VFC } from "react";
 import { CaptionProps } from "react-day-picker";
 import type { WithRequiredProperty } from "../../types";
 import type { DatePickerLocale } from "../types";
@@ -6,5 +6,5 @@ import type { EditableYearProps } from "./Calendar";
 export declare type NavBarProps = CaptionProps & EditableYearProps & {
     locale: WithRequiredProperty<DatePickerLocale, "nextMonth" | "previousMonth">;
 };
-declare const NavBar: FunctionComponent<NavBarProps>;
+declare const NavBar: VFC<NavBarProps>;
 export default NavBar;

package/esm/DatePicker/components/SidePanel.d.ts

@@ -1,6 +1,6 @@
-import type { FunctionComponent, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type SidePanelProps = {
     children: ReactNode;
 };
-declare const SidePanel: FunctionComponent<SidePanelProps>;
+declare const SidePanel: VFC<SidePanelProps>;
 export default SidePanel;

package/esm/Dropdown/Dropdown.d.ts

@@ -1,6 +1,15 @@
 import type { StrictModifiers } from "@popperjs/core";
+import { VFC } from "react";
 import type { ReactNode } from "react";
 import { StrictModifier } from "react-popper";
+import DropdownButtonItem from "./components/DropdownButtonItem";
+import { DropdownCollapsibleItem } from "./components/DropdownCollapsibleItem";
+import DropdownDivider from "./components/DropdownDivider";
+import DropdownFooterItem from "./components/DropdownFooterItem";
+import DropdownLinkItem from "./components/DropdownLinkItem";
+import DropdownRadioItem from "./components/DropdownRadioItem";
+import DropdownTitle from "./components/DropdownTitle";
+import DropdownToggleItem from "./components/DropdownToggleItem";
 export interface RenderTargetParams {
     toggle: (open?: boolean) => any;
     isShowingMenu: boolean;
@@ -16,6 +25,16 @@ export interface DropdownProps {
     renderFooter?: (params: RenderTargetParams) => ReactNode;
     children?: ReactNode;
 }
+declare type DropdownSubComponents = {
+    ButtonItem: typeof DropdownButtonItem;
+    LinkItem: typeof DropdownLinkItem;
+    RadioItem: typeof DropdownRadioItem;
+    ToggleItem: typeof DropdownToggleItem;
+    CollapsibleItem: typeof DropdownCollapsibleItem;
+    FooterItem: typeof DropdownFooterItem;
+    Divider: typeof DropdownDivider;
+    Title: typeof DropdownTitle;
+};
 export declare const DEFAULT_DROPDOWN_POPPER_MODIFIERS: StrictModifier[];
 /**
  * ## Best practices
@@ -27,38 +46,5 @@ export declare const DEFAULT_DROPDOWN_POPPER_MODIFIERS: StrictModifier[];
  * - Clearly label options based on what each one will do
  * - Make sure the most common options are listed. These can be grouped into sub-categories under headings
  */
-export declare const Dropdown: {
-    ({ placement, menuClassName, modifiers, renderTarget, renderFooter, children, }: DropdownProps): JSX.Element;
-    ButtonItem: {
-        (props: import("./components/DropdownButtonItem").DropdownButtonItemProps): JSX.Element;
-        defaultProps: {
-            toggle: boolean;
-        };
-    };
-    LinkItem: {
-        (props: import("./components/DropdownLinkItem").DropdownLinkItemProps): JSX.Element;
-        defaultProps: {
-            toggle: boolean;
-        };
-    };
-    RadioItem: {
-        (props: import("./components/DropdownRadioItem").DropdownRadioItemProps): JSX.Element;
-        defaultProps: {
-            toggle: boolean;
-        };
-    };
-    ToggleItem: {
-        (props: import("./components/DropdownToggleItem").DropdownToggleItemProps): JSX.Element;
-        defaultProps: {
-            toggle: boolean;
-        };
-    };
-    CollapsibleItem: import("react").FC<import("./components/DropdownCollapsibleItem").DropdownCollapsibleItemProps>;
-    FooterItem: ({ children, className, ...props }: {
-        className?: string | undefined;
-        children: ReactNode;
-    }) => JSX.Element | null;
-    Divider: () => JSX.Element;
-    Title: import("react").FunctionComponent<import("./components/DropdownTitle").DropdownTitleProps>;
-};
+export declare const Dropdown: VFC<DropdownProps> & DropdownSubComponents;
 export default Dropdown;

package/esm/Dropdown/components/DropdownButtonItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { VFC } from "react";
 import type { IconComponentType } from "../../types";
 import { DropdownBaseItemProps } from "../useDropdownItemProps";
 export declare type DropdownButtonItemProps = DropdownBaseItemProps<HTMLButtonElement> & JSX.IntrinsicElements["button"] & {
@@ -10,10 +10,5 @@ export declare type DropdownButtonItemProps = DropdownBaseItemProps<HTMLButtonEl
      */
     variant?: "default" | "destructive";
 };
-export declare const DropdownButtonItem: {
-    (props: DropdownButtonItemProps): JSX.Element;
-    defaultProps: {
-        toggle: boolean;
-    };
-};
+export declare const DropdownButtonItem: VFC<DropdownButtonItemProps>;
 export default DropdownButtonItem;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts

@@ -1,4 +1,4 @@
-import type { FC, MouseEvent, ReactNode } from "react";
+import type { MouseEvent, ReactNode, VFC } from "react";
 export interface DropdownCollapsibleItemProps {
     title: ReactNode;
     name?: string;
@@ -6,5 +6,5 @@ export interface DropdownCollapsibleItemProps {
     onClick?: (evt: MouseEvent<HTMLElement>, name: string, expandedItems: readonly string[]) => void;
     children: ReactNode;
 }
-export declare const DropdownCollapsibleItem: FC<DropdownCollapsibleItemProps>;
+export declare const DropdownCollapsibleItem: VFC<DropdownCollapsibleItemProps>;
 export default DropdownCollapsibleItem;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts

@@ -1,7 +1,7 @@
-import type { ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type DropdownCollapsibleItemsGroupProps = {
     expandedItems: string[];
     onItemClick(name: string): void;
     children: ReactNode;
 };
-export declare const DropdownCollapsibleItemsGroup: ({ expandedItems, onItemClick, children, }: DropdownCollapsibleItemsGroupProps) => JSX.Element;
+export declare const DropdownCollapsibleItemsGroup: VFC<DropdownCollapsibleItemsGroupProps>;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts

@@ -1,3 +1,4 @@
+import { VFC } from "react";
 import type { ReactNode } from "react";
 export declare type DropdownCollapsibleItemsMultiGroupProps = {
     initialExpandedItems?: string[];
@@ -6,4 +7,4 @@ export declare type DropdownCollapsibleItemsMultiGroupProps = {
 /**
  * Multiple collapsible item can be open at a given time
  */
-export declare const DropdownCollapsibleItemsMultiGroup: ({ initialExpandedItems, children, }: DropdownCollapsibleItemsMultiGroupProps) => JSX.Element;
+export declare const DropdownCollapsibleItemsMultiGroup: VFC<DropdownCollapsibleItemsMultiGroupProps>;

package/esm/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts

@@ -1,3 +1,4 @@
+import { VFC } from "react";
 import type { ReactNode } from "react";
 export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
     initialExpandedItem?: string;
@@ -6,4 +7,4 @@ export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
 /**
  * Only one collapsible item can be open at a given time (unless you manually override)
  */
-export declare const DropdownCollapsibleItemsSingleGroup: ({ initialExpandedItem, children, }: DropdownCollapsibleItemsExclusiveGroupProps) => JSX.Element;
+export declare const DropdownCollapsibleItemsSingleGroup: VFC<DropdownCollapsibleItemsExclusiveGroupProps>;

package/esm/Dropdown/components/DropdownFooterItem.d.ts

@@ -1,7 +1,7 @@
-import type { ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 declare type DropdownFooterItemProps = {
     className?: string;
     children: ReactNode;
 };
-export declare const DropdownFooterItem: ({ children, className, ...props }: DropdownFooterItemProps) => JSX.Element | null;
+export declare const DropdownFooterItem: VFC<DropdownFooterItemProps>;
 export default DropdownFooterItem;

package/esm/Dropdown/components/DropdownLinkItem.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { VFC } from "react";
 import type { IconComponentType } from "../../types";
 import { DropdownBaseItemProps } from "../useDropdownItemProps";
 export declare type DropdownLinkItemProps = DropdownBaseItemProps<HTMLAnchorElement> & JSX.IntrinsicElements["a"] & {
@@ -6,10 +6,5 @@ export declare type DropdownLinkItemProps = DropdownBaseItemProps<HTMLAnchorElem
     /** Left aligned icon */
     startIcon?: IconComponentType;
 };
-export declare const DropdownLinkItem: {
-    (props: DropdownLinkItemProps): JSX.Element;
-    defaultProps: {
-        toggle: boolean;
-    };
-};
+export declare const DropdownLinkItem: VFC<DropdownLinkItemProps>;
 export default DropdownLinkItem;

package/esm/Dropdown/components/DropdownRadioItem.d.ts

@@ -1,13 +1,8 @@
-import type { ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 import { RadioButtonProps } from "../../RadioGroup";
 import { DropdownBaseItemProps } from "../useDropdownItemProps";
 export interface DropdownRadioItemProps extends RadioButtonProps, DropdownBaseItemProps<HTMLInputElement> {
     children?: ReactNode;
 }
-export declare const DropdownRadioItem: {
-    (props: DropdownRadioItemProps): JSX.Element;
-    defaultProps: {
-        toggle: boolean;
-    };
-};
+export declare const DropdownRadioItem: VFC<DropdownRadioItemProps>;
 export default DropdownRadioItem;

package/esm/Dropdown/components/DropdownTitle.d.ts

@@ -1,6 +1,6 @@
-import type { FunctionComponent, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type DropdownTitleProps = JSX.IntrinsicElements["h4"] & {
     children: ReactNode;
 };
-export declare const DropdownTitle: FunctionComponent<DropdownTitleProps>;
+export declare const DropdownTitle: VFC<DropdownTitleProps>;
 export default DropdownTitle;

package/esm/Dropdown/components/DropdownToggleItem.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 import { ToggleProps } from "../../Toggle";
 import type { IconComponentType } from "../../types";
 import { DropdownBaseItemProps } from "../useDropdownItemProps";
@@ -7,10 +7,5 @@ export interface DropdownToggleItemProps extends ToggleProps, DropdownBaseItemPr
     startIcon?: IconComponentType;
     children?: ReactNode;
 }
-export declare const DropdownToggleItem: {
-    (props: DropdownToggleItemProps): JSX.Element;
-    defaultProps: {
-        toggle: boolean;
-    };
-};
+export declare const DropdownToggleItem: VFC<DropdownToggleItemProps>;
 export default DropdownToggleItem;

package/esm/Dropzone/Dropzone.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
+import type { VFC } from "react";
 import { FileRejection, DropzoneProps as ReactDropZoneProps } from "react-dropzone";
 export declare type DropzoneLocale = {
     clearInput?: string;
@@ -16,5 +16,5 @@ export interface DropzoneBaseProps {
     locale?: DropzoneLocale;
 }
 export declare type DropzoneProps = DropzoneBaseProps & Omit<ReactDropZoneProps, "onDrop" | "onDropAccepted" | "onDropRejected" | "multiple">;
-export declare const Dropzone: FC<DropzoneProps>;
+export declare const Dropzone: VFC<DropzoneProps>;
 export default Dropzone;

package/esm/EmptyState/EmptyState.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { VFC } from "react";
 import type { EmptyStateProps } from "./types";
 /**
  * Empty states are used when a list, table, chart or page has no items or data to show. This is an opportunity to provide explanation or guidance to help users progress. This can also be shown when a features hasn't been enable.
@@ -24,5 +24,5 @@ import type { EmptyStateProps } from "./types";
  * - Use illustrations thoughtfully
  * - Use only one primary call-to-action button
  */
-export declare const EmptyState: (props: EmptyStateProps) => JSX.Element;
+export declare const EmptyState: VFC<EmptyStateProps>;
 export default EmptyState;

package/esm/Field/Field.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent, ReactChild, ReactNode } from "react";
+import type { ReactChild, ReactNode, VFC } from "react";
 import { FieldState } from "./FieldStateContext";
 export interface FieldProps {
     /** @ignore */
@@ -50,5 +50,5 @@ export interface FieldProps {
  * - If you need to ask users to provide optional information, mark the field optional by placing the text “(optional)” at the end of the field's label
  * - Don't mark required fields with asterisks
  */
-export declare const Field: FunctionComponent<FieldProps>;
+export declare const Field: VFC<FieldProps>;
 export default Field;

package/esm/Flag/Flag.d.ts

@@ -1,6 +1,6 @@
-import type { FunctionComponent } from "react";
+import type { VFC } from "react";
 import type { Notification } from "./types";
 export declare type FlagLocale = Notification["locale"];
 export declare type FlagProps = Omit<Notification, "id" | "content">;
-export declare const Flag: FunctionComponent<FlagProps>;
+export declare const Flag: VFC<FlagProps>;
 export default Flag;

package/esm/Flag/Flags.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { VFC } from "react";
 import type { Notification } from "./types";
 export interface FlagsProps {
     /**
@@ -44,5 +44,5 @@ export interface FlagsProps {
  *
  * When there are multiple flags, they will stack on top of one another with the most recent flag on top. When a user dismisses a flag, any older flags 'below' will come to the top. Careful consideration should be taken to take into account the ordering and priority of flags in the stack. Never use dismissible and non-dismissible flags in a stack as flags that automatically dismiss can do so and not be visible to the user.
  */
-export declare const Flags: ({ notifications }: FlagsProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+export declare const Flags: VFC<FlagsProps>;
 export default Flags;

package/esm/FlexGrid/FlexGrid.d.ts

@@ -1,4 +1,4 @@
-import type { FunctionComponent, ReactNode } from "react";
+import type { ReactNode, VFC } from "react";
 export declare type FlexGridDirection = "row" | "column";
 export declare type FlexGridAlignment = "leading" | "trailing" | "center" | "fill" | "baseline";
 export declare type FlexGridDistribution = "equalSpacing" | "leading" | "trailing" | "center" | "fill" | "fillEvenly";
@@ -47,5 +47,5 @@ export interface FlexGridProps {
     spacing?: FlexGridSpacing;
     children: ReactNode;
 }
-export declare const FlexGrid: FunctionComponent<FlexGridProps>;
+export declare const FlexGrid: VFC<FlexGridProps>;
 export default FlexGrid;

package/esm/HelpUnderline/HelpUnderline.d.ts

@@ -1,12 +1,11 @@
-import type { FunctionComponent } from "react";
+import type { VFC } from "react";
 import { TooltipWrapperProps } from "../Tooltip";
-export interface HelpUnderlineProps {
+import type { TooltipWrapperBaseProps } from "../Tooltip/types";
+export declare type HelpUnderlineProps = {
     /** @ignore */
     className?: string;
-    placement?: TooltipWrapperProps["placement"];
-    tooltipClassName?: TooltipWrapperProps["tooltipClassName"];
     tooltipContent: TooltipWrapperProps["content"];
     children: string;
-}
-export declare const HelpUnderline: FunctionComponent<HelpUnderlineProps>;
+} & Omit<TooltipWrapperBaseProps, "children">;
+export declare const HelpUnderline: VFC<HelpUnderlineProps>;
 export default HelpUnderline;

package/esm/HelpUnderline/HelpUnderline.js

@@ -1,5 +1,10 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3;
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _templateObject, _templateObject2;
+var _excluded = ["className", "children", "tooltipClassName", "tooltipContent"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import cx from "clsx";
 import stl from "../styles/helpers/satellitePrefixer";
 import { TooltipWrapper } from "../Tooltip";
@@ -9,17 +14,15 @@ export var HelpUnderline = function HelpUnderline(_ref) {
     children = _ref.children,
     tooltipClassName = _ref.tooltipClassName,
     tooltipContent = _ref.tooltipContent,
-    _ref$placement = _ref.placement,
-    placement = _ref$placement === void 0 ? "bottom" : _ref$placement;
-  return /*#__PURE__*/_jsx(TooltipWrapper, {
-    wrapperClassName: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["leading-inherit"]))), className),
-    tooltipClassName: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["max-w-64"]))), tooltipClassName),
-    content: tooltipContent,
-    placement: placement,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(TooltipWrapper, _objectSpread(_objectSpread({
+    tooltipClassName: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["max-w-64"]))), tooltipClassName),
+    content: tooltipContent
+  }, props), {}, {
     children: /*#__PURE__*/_jsx("span", {
-      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["help-underline"]))),
+      className: cx(stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["help-underline leading-inherit"]))), className),
       children: children
     })
-  });
+  }));
 };
 export default HelpUnderline;