@algolia/satellite - npm Package Compare versions

Comparing version 1.11.0 to 2.0.0-rc.1

dist/cjs/Actions/Accordion/Accordion.d.ts

 import * as RadixAccordion from "@radix-ui/react-accordion";
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -137,3 +137,3 @@ declare type AccordionSharedProps = {
 };
-declare type AccordionComponent = VFC<AccordionProps> & {
+declare type AccordionComponent = FC<AccordionProps> & {
     Item: typeof AccordionItem;
@@ -140,0 +140,0 @@ Header: typeof AccordionHeader;

dist/cjs/Actions/Button/types.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode } from "react";
+import type { PropsWithChildren, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -49,3 +49,3 @@ export declare type ButtonVariant = "subtle" | "neutral" | "primary" | "destructive";
 declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-declare type PolymorphicComponentProp<C extends React.ElementType, Props = object> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+declare type PolymorphicComponentProp<C extends React.ElementType, Props = object> = PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
 export declare type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = object> = PolymorphicComponentProp<C, Props> & {
@@ -52,0 +52,0 @@ ref?: PolymorphicRef<C>;

dist/cjs/Actions/ButtonGroup/ButtonGroup.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export interface ButtonGroupProps {
@@ -22,2 +22,2 @@ /**
  */
-export declare const ButtonGroup: VFC<ButtonGroupProps>;
+export declare const ButtonGroup: FC<ButtonGroupProps>;

dist/cjs/Actions/Switch/Switch.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { SwitchSize } from "./types";
@@ -38,2 +38,2 @@ export interface SwitchProps {
  */
-export declare const Switch: VFC<SwitchProps>;
+export declare const Switch: FC<SwitchProps>;

dist/cjs/Actions/Switch/SwitchOption.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export interface SwitchOptionProps {
@@ -16,2 +16,2 @@ /**
 }
-export declare const SwitchOption: VFC<SwitchOptionProps>;
+export declare const SwitchOption: FC<SwitchOptionProps>;

dist/cjs/Actions/ToggleButton/ToggleButton.d.ts

@@ -1,5 +0,5 @@
-/// <reference types="react" />
 import type { ToggleProps } from "@radix-ui/react-toggle";
+import type { PropsWithChildren } from "react";
 import type { ToggleButtonBaseProps } from "./ToggleButtonBase";
-export declare type ToggleButtonProps = {
+export declare type ToggleButtonProps = PropsWithChildren<{
     /**
@@ -17,3 +17,3 @@ * The pressed state of the `ToggleButton`.
     onPressedChange?: ToggleProps["onPressedChange"];
-} & ToggleButtonBaseProps;
+} & ToggleButtonBaseProps>;
 /**
@@ -20,0 +20,0 @@ * The `ToggleButton` component is a button that toggles between two states.

dist/cjs/Actions/ToggleButton/ToggleButton.js

@@ -14,3 +14,3 @@ "use strict";
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["size", "icon", "children", "label"];
+var _excluded = ["size", "icon", "children", "label", "style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -31,2 +31,3 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     label = _label$props.label,
+    style = _label$props.style,
     rest = (0, _objectWithoutProperties2["default"])(_label$props, _excluded);
@@ -37,2 +38,3 @@ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactToggle.Toggle, _objectSpread(_objectSpread({
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToggleButtonBase.ToggleButtonBase, {
+      style: style,
       ref: ref,
@@ -39,0 +41,0 @@ size: size,

dist/cjs/Actions/ToggleButton/ToggleButtonBase.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -36,2 +36,4 @@ import type { ButtonSize } from "../Button/types";
      */
+    style?: CSSProperties;
+    /** Whether the `ToggleButton` should be auto focused. */
     autoFocus?: boolean;
@@ -38,0 +40,0 @@ /**

dist/cjs/Actions/ToggleButton/ToggleButtonBase.js

@@ -27,13 +27,14 @@ "use strict";
 var ToggleButtonBase = exports.ToggleButtonBase = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var isIconOnly = !props.children;
-  var _label$props = _objectSpread({
-      label: undefined
+  var _label$children$props = _objectSpread({
+      label: undefined,
+      children: undefined
     }, props),
-    className = _label$props.className,
-    _label$props$size = _label$props.size,
-    size = _label$props$size === void 0 ? "medium" : _label$props$size,
-    Icon = _label$props.icon,
-    children = _label$props.children,
-    label = _label$props.label,
-    rest = (0, _objectWithoutProperties2["default"])(_label$props, _excluded);
+    className = _label$children$props.className,
+    _label$children$props2 = _label$children$props.size,
+    size = _label$children$props2 === void 0 ? "medium" : _label$children$props2,
+    Icon = _label$children$props.icon,
+    children = _label$children$props.children,
+    label = _label$children$props.label,
+    rest = (0, _objectWithoutProperties2["default"])(_label$children$props, _excluded);
+  var isIconOnly = children === undefined;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Overlay.TooltipWrapper, {
@@ -40,0 +41,0 @@ content: label,

dist/cjs/Actions/ToggleGroup/ToggleGroup.d.ts

@@ -1,3 +0,3 @@
-import type { ToggleGroupItemProps as RadixToggleGroupItemProps, ToggleGroupMultipleProps as RadixToggleGroupMultipleProps, ToggleGroupImplProps as RadixToggleGroupSharedProps, ToggleGroupSingleProps as RadixToggleGroupSingleProps } from "@radix-ui/react-toggle-group";
-import type { FC } from "react";
+import type { ToggleGroupItemProps as RadixToggleGroupItemProps, ToggleGroupMultipleProps as RadixToggleGroupMultipleProps, ToggleGroupSingleProps as RadixToggleGroupSingleProps } from "@radix-ui/react-toggle-group";
+import type { FC, PropsWithChildren } from "react";
 import type { ToggleButtonBaseProps } from "../ToggleButton/ToggleButtonBase";
@@ -13,3 +13,3 @@ declare type ToggleGroupSharedProps = {
      */
-    disabled?: RadixToggleGroupSharedProps["disabled"];
+    disabled?: boolean;
 };
@@ -57,4 +57,4 @@ declare type ToggleGroupSingleProps = {
 export declare type ToggleGroupProps = ToggleGroupSharedProps & (ToggleGroupSingleProps | ToggleGroupMultipleProps);
-declare type ToggleGroupComponent = FC<ToggleGroupProps> & {
-    Item: FC<ToggleGroupItemProps>;
+declare type ToggleGroupComponent = FC<PropsWithChildren<ToggleGroupProps>> & {
+    Item: FC<PropsWithChildren<ToggleGroupItemProps>>;
 };
@@ -66,8 +66,6 @@ /**
  */
-export declare type ToggleGroupItemProps = ToggleButtonBaseProps & {
-    /**
-     * Defines a unique value for the item.
-     */
+export declare type ToggleGroupItemProps = PropsWithChildren<ToggleButtonBaseProps & {
+    /** Defines a unique value for the item. */
     value: RadixToggleGroupItemProps["value"];
-};
+}>;
 /**
@@ -74,0 +72,0 @@ * The `ToggleGroup` component is a toggle group that allows users to select one or more options.

dist/cjs/Avatars/ApplicationAvatar/ApplicationAvatar.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { ApplicationAvatarSize, MinimalApplication } from "../types";
@@ -23,2 +23,2 @@ export interface ApplicationAvatarProps {
  */
-export declare const ApplicationAvatar: VFC<ApplicationAvatarProps>;
+export declare const ApplicationAvatar: FC<ApplicationAvatarProps>;

dist/cjs/Avatars/UserAvatar/UserAvatar.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { MinimalUser } from "../types";
@@ -31,2 +31,2 @@ export declare type UserAvatarLocale = {
  */
-export declare const UserAvatar: VFC<UserAvatarProps>;
+export declare const UserAvatar: FC<UserAvatarProps>;

dist/cjs/Fields/AutoComplete/components/AutoCompleteContext.d.ts

@@ -1,2 +0,2 @@
-import type { PropsWithChildren, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { AutoCompleteLocale } from "../types";
@@ -7,5 +7,5 @@ declare type AutoCompleteContextType = {
 declare type AutoCompleteProviderProps = PropsWithChildren<AutoCompleteContextType>;
-export declare const AutoCompleteProvider: VFC<AutoCompleteProviderProps>;
+export declare const AutoCompleteProvider: FC<AutoCompleteProviderProps>;
 export declare const useIsInsideAutoComplete: () => boolean;
 export declare const useAutoCompleteLocale: () => Required<AutoCompleteLocale>;
 export {};

dist/cjs/Fields/AutoComplete/components/AutoCompleteEmptyState.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { MedallionVariant } from "../../../Helpers";
@@ -16,2 +16,2 @@ import { type IconComponentType } from "../../../Icons";
 }
-export declare const AutoCompleteEmptyState: VFC<AutoCompleteEmptyStateProps>;
+export declare const AutoCompleteEmptyState: FC<AutoCompleteEmptyStateProps>;

dist/cjs/Fields/AutoComplete/components/DefaultOptionItem.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { AutoCompleteLocale, OptionItemProps } from "../types";
@@ -6,2 +6,2 @@ export declare type DefaultOptionItemProps = OptionItemProps & {
 };
-export declare const DefaultOptionItem: VFC<DefaultOptionItemProps>;
+export declare const DefaultOptionItem: FC<DefaultOptionItemProps>;

dist/cjs/Fields/AutoComplete/types.d.ts

@@ -1,2 +0,2 @@
-import type { ComponentType, FocusEventHandler, ForwardedRef, ReactNode, RefObject } from "react";
+import type { ComponentType, FocusEventHandler, ForwardedRef, PropsWithChildren, ReactNode, RefObject } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -224,3 +224,3 @@ export declare type AutoCompleteVariant = "medium" | "large";
 }
-export declare type OptionItemComponentType<T extends Option = Option> = ComponentType<OptionItemProps<T>>;
+export declare type OptionItemComponentType<T extends Option = Option> = ComponentType<PropsWithChildren<OptionItemProps<T>>>;
 export interface OptionRendererParams {
@@ -227,0 +227,0 @@ multiple: boolean;

dist/cjs/Fields/DatePicker/components/Calendar.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { DayPickerDefaultProps, DayPickerRangeProps, DayPickerSingleProps } from "react-day-picker";
@@ -16,3 +16,3 @@ import type { WithRequiredProperty } from "../../../types";
 };
-export declare const DatePickerCalendar: VFC<DatePickerCalendarProps>;
+export declare const DatePickerCalendar: FC<DatePickerCalendarProps>;
 export {};

dist/cjs/Fields/DatePicker/components/Footer.d.ts

@@ -1,5 +0,5 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type DatePickerFooterProps = {
     children: ReactNode;
 };
-export declare const DatePickerFooter: VFC<DatePickerFooterProps>;
+export declare const DatePickerFooter: FC<DatePickerFooterProps>;

dist/cjs/Fields/DatePicker/components/NavBar.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { CaptionProps } from "react-day-picker";
@@ -9,2 +9,2 @@ import type { WithRequiredProperty } from "../../../types";
 };
-export declare const NavBar: VFC<NavBarProps>;
+export declare const NavBar: FC<NavBarProps>;

dist/cjs/Fields/DatePicker/components/SidePanel.d.ts

@@ -1,5 +0,5 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type DatePickerSidePanelProps = {
     children: ReactNode;
 };
-export declare const DatePickerSidePanel: VFC<DatePickerSidePanelProps>;
+export declare const DatePickerSidePanel: FC<DatePickerSidePanelProps>;

dist/cjs/Fields/DatePicker/DateRangePicker/DateRangePicker.d.ts

@@ -1,2 +0,2 @@
-import type { Dispatch, ReactNode, VFC } from "react";
+import type { Dispatch, FC, ReactNode } from "react";
 import type { DatePickerCalendarProps } from "../components/Calendar";
@@ -75,3 +75,3 @@ import type { SharedDatePickerProps } from "../types";
  */
-export declare const DateRangePicker: VFC<DateRangePickerProps>;
+export declare const DateRangePicker: FC<DateRangePickerProps>;
 export {};

dist/cjs/Fields/Field/Field.d.ts

@@ -1,2 +0,2 @@
-import { type ReactChild, type ReactNode, type VFC } from "react";
+import { type FC, type ReactChild, type ReactNode } from "react";
 import type { FieldState } from "./FieldContext";
@@ -52,2 +52,2 @@ export interface FieldProps {
  */
-export declare const Field: VFC<FieldProps>;
+export declare const Field: FC<FieldProps>;

dist/cjs/Fields/Form/Form.d.ts

@@ -1,2 +0,2 @@
-import type { FC, HTMLAttributes, ReactNode, VFC } from "react";
+import type { FC, HTMLAttributes, PropsWithChildren, ReactNode } from "react";
 import type { ButtonProps } from "../../Actions";
@@ -15,5 +15,5 @@ import type { AlertProps } from "../../Indicators";
 }
-export declare const FormErrorMessage: VFC<FormErrorMessageProps>;
-export declare const Form: FC<FormProps>;
-export declare const FormSubmit: FC<ButtonProps>;
-export declare const FormReset: FC<ButtonProps>;
+export declare const FormErrorMessage: FC<FormErrorMessageProps>;
+export declare const Form: FC<PropsWithChildren<FormProps>>;
+export declare const FormSubmit: FC<PropsWithChildren<ButtonProps>>;
+export declare const FormReset: FC<PropsWithChildren<ButtonProps>>;

dist/cjs/Fields/RadioGroup/RadioGroupItem.d.ts

@@ -1,3 +0,3 @@
-import type { ReactNode, VFC } from "react";
-export interface RadioGroupItemProps {
+import type { FC, PropsWithChildren } from "react";
+export declare type RadioGroupItemProps = PropsWithChildren<{
     /**
@@ -15,7 +15,3 @@ * The value of the `RadioGroupItem`.
     required?: boolean;
-    /**
-     * The children of the `RadioGroupItem`.
-     */
-    children?: ReactNode;
-}
-export declare const RadioGroupItem: VFC<RadioGroupItemProps>;
+}>;
+export declare const RadioGroupItem: FC<RadioGroupItemProps>;

dist/cjs/Helpers/ClickAwayContainer/ClickAwayContainer.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 interface ClickAwayContextType {
@@ -7,3 +7,3 @@ registerElement(element: HTMLElement): void;
 export declare const useClickAwayContext: () => ClickAwayContextType | null;
-export interface ClickAwayContainerProps {
+export declare type ClickAwayContainerProps = PropsWithChildren<{
     /**
@@ -19,4 +19,3 @@ * The element that should be registered in the ClickAway tree.
     onClickAway?(evt: Event): void;
-    children?: ReactNode;
-}
+}>;
 /**
@@ -33,3 +32,3 @@ * ClickAwayContainer is a low-level, compound component. It doesn't render anything apart from its children.
  */
-export declare const ClickAwayContainer: VFC<ClickAwayContainerProps>;
+export declare const ClickAwayContainer: FC<ClickAwayContainerProps>;
 export {};

dist/cjs/Helpers/HelpUnderline/HelpUnderline.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { TooltipWrapperProps } from "../../Overlay";
@@ -23,2 +23,2 @@ import type { TooltipWrapperBaseProps } from "../../Overlay/Tooltip/types";
  */
-export declare const HelpUnderline: VFC<HelpUnderlineProps>;
+export declare const HelpUnderline: FC<HelpUnderlineProps>;

dist/cjs/Helpers/Medallion/Medallion.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -29,2 +29,2 @@ import type { MedallionSize, MedallionVariant } from "./types";
  */
-export declare const Medallion: VFC<MedallionProps>;
+export declare const Medallion: FC<MedallionProps>;

dist/cjs/Helpers/Separator/Separator.d.ts

 import * as RadixSeparator from "@radix-ui/react-separator";
-import type { VFC } from "react";
+import type { FC } from "react";
 export interface SeparatorProps {
@@ -23,2 +23,2 @@ /**
  */
-export declare const Separator: VFC<SeparatorProps>;
+export declare const Separator: FC<SeparatorProps>;

dist/cjs/Helpers/TextWrap/TextWrap.d.ts

@@ -1,2 +0,2 @@
-import type { HTMLAttributes, ReactNode, VFC } from "react";
+import type { FC, HTMLAttributes, ReactNode } from "react";
 export interface TextWrapProps extends HTMLAttributes<HTMLSpanElement> {
@@ -17,2 +17,2 @@ /**
  */
-export declare const TextWrap: VFC<TextWrapProps>;
+export declare const TextWrap: FC<TextWrapProps>;

dist/cjs/Helpers/UserContent/UserContent.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 export interface UserContentProps {
@@ -22,2 +22,2 @@ /**
  */
-export declare const UserContent: VFC<UserContentProps>;
+export declare const UserContent: FC<UserContentProps>;

dist/cjs/Indicators/Banners/Alert/Alert.d.ts

@@ -1,2 +0,2 @@
-import type { CSSProperties, ReactNode, VFC } from "react";
+import type { CSSProperties, FC, ReactNode } from "react";
 import type { IconComponentType } from "../../../Icons";
@@ -33,2 +33,2 @@ import type { ColorVariant } from "../../../types";
  */
-export declare const Alert: VFC<AlertProps>;
+export declare const Alert: FC<AlertProps>;

dist/cjs/Indicators/Banners/Promote/Promote.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 declare type PromoteVariants = "large" | "compact";
@@ -27,3 +27,3 @@ interface CompactPromoteProps {
  */
-export declare const Promote: VFC<PromoteProps>;
+export declare const Promote: FC<PromoteProps>;
 export {};

dist/cjs/Indicators/Banners/SystemNotification/SystemNotification.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { IconComponentType } from "../../../Icons";
@@ -12,2 +12,2 @@ export interface SystemNotificationProps {
  */
-export declare const SystemNotification: VFC<SystemNotificationProps>;
+export declare const SystemNotification: FC<SystemNotificationProps>;

dist/cjs/Indicators/EmptyState/EmptyState.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { EmptyStateProps } from "./types";
@@ -8,2 +8,2 @@ /**
  */
-export declare const EmptyState: VFC<EmptyStateProps>;
+export declare const EmptyState: FC<EmptyStateProps>;

dist/cjs/Indicators/KeyboardKey/KeyboardKey.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 export interface KeyboardKeyProps {
@@ -12,2 +12,2 @@ /** @ignore */
  */
-export declare const KeyboardKey: VFC<KeyboardKeyProps>;
+export declare const KeyboardKey: FC<KeyboardKeyProps>;

dist/cjs/Indicators/ProgressSpinner/ProgressSpinner.d.ts

@@ -1,2 +0,2 @@
-import type { SVGAttributes, VFC } from "react";
+import type { FC, SVGAttributes } from "react";
 export declare type ProgressSpinnerAlign = "left" | "center" | "right";
@@ -13,2 +13,2 @@ export interface ProgressSpinnerProps extends SVGAttributes<SVGSVGElement> {
  */
-export declare const ProgressSpinner: VFC<ProgressSpinnerProps>;
+export declare const ProgressSpinner: FC<ProgressSpinnerProps>;

dist/cjs/Indicators/ScrollIndicator/ScrollIndicator.d.ts

@@ -1,2 +0,2 @@
-import type { CSSProperties, ReactHTML, ReactNode, VFC } from "react";
+import type { CSSProperties, FC, ReactHTML, ReactNode } from "react";
 export declare type ScrollIndicatorVariant = "light" | "dark";
@@ -18,2 +18,2 @@ export interface ScrollIndicatorProps {
  */
-export declare const ScrollIndicator: VFC<ScrollIndicatorProps>;
+export declare const ScrollIndicator: FC<ScrollIndicatorProps>;

dist/cjs/Indicators/Skeleton/Skeleton.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export interface SkeletonProps {
@@ -18,3 +18,3 @@ className?: string;
  */
-export declare const Skeleton: FC<SkeletonProps>;
+export declare const Skeleton: FC<PropsWithChildren<SkeletonProps>>;
 export {};

dist/cjs/Indicators/Toast/Toast.d.ts

@@ -1,5 +0,5 @@
-import type { FC, HTMLAttributes } from "react";
+import type { FC, HTMLAttributes, PropsWithChildren } from "react";
 import type { Notification } from "./types";
 export declare type ToastLocale = Notification["locale"];
 export declare type ToastProps = Omit<Notification, "id" | "content" | "autoDismissAfter"> & Omit<HTMLAttributes<HTMLElement>, "title">;
-export declare const Toast: FC<ToastProps>;
+export declare const Toast: FC<PropsWithChildren<ToastProps>>;

dist/cjs/Indicators/Toast/Toasts.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { Notification } from "./types";
@@ -20,2 +20,2 @@ export declare type ToastsLocale = {
  */
-export declare const Toasts: VFC<ToastsProps>;
+export declare const Toasts: FC<ToastsProps>;

dist/cjs/Layout/Card/components/CardHeader.d.ts

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

dist/cjs/Layout/Card/components/CardTitle.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 declare type Headings = "h2" | "h3" | "h4" | "h5" | "h6";
@@ -6,3 +6,3 @@ export declare type CardTitleProps = JSX.IntrinsicElements["h2"] & {
 };
-export declare const CardTitle: VFC<CardTitleProps>;
+export declare const CardTitle: FC<CardTitleProps>;
 export {};

dist/cjs/Layout/FlexGrid/FlexGrid.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type FlexGridDirection = "row" | "column";
@@ -44,2 +44,2 @@ export declare type FlexGridAlignment = "leading" | "trailing" | "center" | "fill" | "baseline";
  */
-export declare const FlexGrid: VFC<FlexGridProps>;
+export declare const FlexGrid: FC<FlexGridProps>;

dist/cjs/Layout/Insert/Insert.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { BadgeVariants } from "../../Indicators";
@@ -18,3 +18,3 @@ declare type InsertContext = {
  */
-export declare const Insert: VFC<InsertProps>;
+export declare const Insert: FC<InsertProps>;
 export {};

dist/cjs/Layout/Sidebar/Sidebar.d.ts

@@ -1,4 +0,4 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { SidebarLocale, SidebarLocation, SidebarVariant } from "./types";
-export interface SidebarProps {
+export declare type SidebarProps = PropsWithChildren<{
     id?: string;
@@ -34,4 +34,3 @@ /** @ignore */
     location: SidebarLocation;
-    children?: ReactNode;
-}
+}>;
 /**
@@ -42,2 +41,2 @@ * The `Sidebar` component is used to display a sidebar of links.
  */
-export declare const Sidebar: VFC<SidebarProps>;
+export declare const Sidebar: FC<SidebarProps>;

dist/cjs/Layout/Sidebar/SidebarButtonLink.d.ts

@@ -1,2 +0,2 @@
-import type { MouseEventHandler, ReactNode, VFC } from "react";
+import type { FC, MouseEventHandler, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -20,2 +20,2 @@ export declare type SidebarButtonLinkIcon = IconComponentType | {
 }
-export declare const SidebarButtonLink: VFC<SidebarButtonLinkProps>;
+export declare const SidebarButtonLink: FC<SidebarButtonLinkProps>;

dist/cjs/Layout/Sidebar/SidebarHeader.d.ts

@@ -1,7 +0,6 @@
-import type { ReactNode, VFC } from "react";
-export declare type SidebarHeaderProps = {
+import type { FC, PropsWithChildren } from "react";
+export declare type SidebarHeaderProps = PropsWithChildren<{
     /** @ignore */
     className?: string;
-    children?: ReactNode;
-};
-export declare const SidebarHeader: VFC<SidebarHeaderProps>;
+}>;
+export declare const SidebarHeader: FC<SidebarHeaderProps>;

dist/cjs/Layout/Sidebar/SidebarHeading.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type SidebarHeadingProps = {
@@ -8,2 +8,2 @@ id?: string;
 };
-export declare const SidebarHeading: VFC<SidebarHeadingProps>;
+export declare const SidebarHeading: FC<SidebarHeadingProps>;

dist/cjs/Layout/Sidebar/SidebarLink.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -9,2 +9,2 @@ export declare type SidebarLinkProps = {
 } & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "id" | "className" | "target" | "rel" | "aria-label" | "onClick">;
-export declare const SidebarLink: VFC<SidebarLinkProps>;
+export declare const SidebarLink: FC<SidebarLinkProps>;

dist/cjs/Layout/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 declare type ActiveLinkIndicatorProps = {
@@ -8,3 +8,3 @@ /** @ignore */
 };
-export declare const ActiveLinkIndicator: VFC<ActiveLinkIndicatorProps>;
+export declare const ActiveLinkIndicator: FC<ActiveLinkIndicatorProps>;
 export {};

dist/cjs/Layout/Sidebar/SidebarLinksGroup/SidebarGroupLink.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { SidebarLinksGroupLink } from "./types";
@@ -6,3 +6,3 @@ declare type LinkProps = SidebarLinksGroupLink & {
 };
-export declare const SidebarGroupLink: VFC<LinkProps>;
+export declare const SidebarGroupLink: FC<LinkProps>;
 export {};

dist/cjs/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import { type IconComponentType } from "../../../Icons";
@@ -23,3 +23,3 @@ import type { SidebarLinksGroupLink } from "./types";
 export declare type SidebarLinksGroupProps = StaticSidebarLinksGroupProps | CollapsibleSidebarLinksGroupProps;
-export declare const SidebarLinksGroup: VFC<SidebarLinksGroupProps>;
+export declare const SidebarLinksGroup: FC<SidebarLinksGroupProps>;
 export {};

dist/cjs/Layout/Sidebar/SidebarNav.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type SidebarNavSpacing = "small" | "large";
@@ -11,2 +11,2 @@ export declare type SidebarNavProps = {
 };
-export declare const SidebarNav: VFC<SidebarNavProps>;
+export declare const SidebarNav: FC<SidebarNavProps>;

dist/cjs/Layout/Tables/DataTable/components/Footer.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { DataConfiguration, PaginationConfiguration } from "../types";
@@ -7,2 +7,2 @@ export interface DataTableFooterProps {
 }
-export declare const DataTableFooter: VFC<DataTableFooterProps>;
+export declare const DataTableFooter: FC<DataTableFooterProps>;

dist/cjs/Layout/Tables/DataTable/components/Loader.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { DataTableLocale } from "../DataTable";
@@ -8,2 +8,2 @@ export interface DataTableLoaderProps {
 }
-export declare const DataTableLoader: VFC<DataTableLoaderProps>;
+export declare const DataTableLoader: FC<DataTableLoaderProps>;

dist/cjs/Layout/Tables/DataTable/types.d.ts

@@ -1,2 +0,2 @@
-import type { ComponentType } from "react";
+import type { ComponentType, PropsWithChildren } from "react";
 export declare type Status = "loading" | "error" | "success";
@@ -40,4 +40,4 @@ export declare type SelectMode = "single" | "multi" | "none";
     sort?: boolean;
-    Header?: ComponentType<HeaderProps<Item>> | string | false;
-    Cell?: ComponentType<CellProps<Item>>;
+    Header?: ComponentType<PropsWithChildren<HeaderProps<Item>>> | string | false;
+    Cell?: ComponentType<PropsWithChildren<CellProps<Item>>>;
     /** @ignore */
@@ -44,0 +44,0 @@ className?: string;

dist/cjs/Layout/Tables/Table/components/TableFooter.d.ts

@@ -1,7 +0,6 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type FooterSizes = "default" | "small";
-export interface FooterProps {
+export declare type FooterProps = PropsWithChildren<{
     size?: FooterSizes;
-    children?: ReactNode;
-}
-export declare const TableFooter: VFC<FooterProps>;
+}>;
+export declare const TableFooter: FC<FooterProps>;

dist/cjs/Layout/Tables/Table/Table.d.ts

@@ -1,2 +0,2 @@
-import type { DetailedHTMLProps, ReactNode, TableHTMLAttributes, VFC } from "react";
+import type { DetailedHTMLProps, FC, ReactNode, TableHTMLAttributes } from "react";
 export declare type DisplayMode = "comfortable" | "compact";
@@ -15,2 +15,2 @@ export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
  */
-export declare const Table: VFC<TableProps>;
+export declare const Table: FC<TableProps>;

dist/cjs/Navigation/Pagination/CompactPagination/CompactPagination.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 export declare type CompactPaginationLabel = "complete" | "compact" | "none";
@@ -35,3 +35,3 @@ export declare type CompactPaginationLocale = {
  */
-export declare const CompactPagination: VFC<CompactPaginationProps>;
+export declare const CompactPagination: FC<CompactPaginationProps>;
 export {};

dist/cjs/Navigation/Pagination/Pagination/Pagination.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 export declare type PaginationLocale = {
@@ -19,2 +19,2 @@ goToPage?(page: number): string;
  */
-export declare const Pagination: VFC<PaginationProps>;
+export declare const Pagination: FC<PaginationProps>;

dist/cjs/Navigation/Stepper/Step.d.ts

@@ -1,2 +0,2 @@
-import { type HTMLAttributes, type VFC } from "react";
+import { type FC, type HTMLAttributes } from "react";
 import type { BaseStep } from "./types";
@@ -6,2 +6,2 @@ export declare type StepProps = BaseStep & HTMLAttributes<HTMLLIElement> & {
 };
-export declare const Step: VFC<StepProps>;
+export declare const Step: FC<StepProps>;

dist/cjs/Navigation/Stepper/Stepper.d.ts

@@ -1,2 +0,2 @@
-import type { HTMLAttributes, VFC } from "react";
+import type { FC, HTMLAttributes } from "react";
 import type { BaseStep } from "./types";
@@ -47,2 +47,2 @@ export declare type StepperLocale = {
 }
-export declare const Stepper: VFC<StepperProps>;
+export declare const Stepper: FC<StepperProps>;

dist/cjs/Navigation/Tabs/components/LinkTab.d.ts

@@ -1,2 +0,2 @@
-import type { MouseEventHandler, VFC } from "react";
+import type { FC, MouseEventHandler } from "react";
 import type { LinkTab as LinkTabType } from "../types";
@@ -8,2 +8,2 @@ export interface LinkTabProps {
 }
-export declare const LinkTab: VFC<LinkTabProps>;
+export declare const LinkTab: FC<LinkTabProps>;

dist/cjs/Navigation/Tabs/ContentTabs/ContentTabs.d.ts

@@ -1,3 +0,3 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { ContentTabsProps } from "../types";
-export declare const ContentTabs: VFC<ContentTabsProps>;
+export declare const ContentTabs: FC<ContentTabsProps>;

dist/cjs/Navigation/Tabs/LinkTabs/LinkTabs.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { LinkTabsProps, UrlMatcher } from "../types";
@@ -9,2 +9,2 @@ export declare const defaultUrlMatcher: UrlMatcher;
  */
-export declare const LinkTabs: VFC<LinkTabsProps>;
+export declare const LinkTabs: FC<LinkTabsProps>;

dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { IconComponentType } from "../../../Icons";
@@ -14,2 +14,2 @@ import type { DropdownBaseItemProps } from "../useDropdownItemProps";
 /** @deprecated */
-export declare const DropdownButtonItem: VFC<DropdownButtonItemProps>;
+export declare const DropdownButtonItem: FC<DropdownButtonItemProps>;

dist/cjs/Overlay/Dropdown/components/DropdownButtonItem.js

@@ -16,14 +16,18 @@ "use strict";
 var _templateObject, _templateObject2, _templateObject3;
-var _excluded = ["toggle", "children", "variant", "startIcon"];
+var _excluded = ["toggle"],
+  _excluded2 = ["children", "variant", "startIcon"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _DropdownButtonItem = function _DropdownButtonItem(props) {
-  var dropdownItemProps = (0, _useDropdownItemProps.useDropdownItemProps)(props);
-  // `toggle` is destructured here because we don't want it passed to the `button`
+var _DropdownButtonItem = function _DropdownButtonItem(_ref) {
+  var _ref$toggle = _ref.toggle,
+    toggle = _ref$toggle === void 0 ? true : _ref$toggle,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var dropdownItemProps = (0, _useDropdownItemProps.useDropdownItemProps)(_objectSpread({
+    toggle: toggle
+  }, props));
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
-    toggle = _props$dropdownItemPr.toggle,
     children = _props$dropdownItemPr.children,
     variant = _props$dropdownItemPr.variant,
     StartIcon = _props$dropdownItemPr.startIcon,
-    mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
+    mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded2);
   var showDestructiveVariant = !props.disabled && variant === "destructive";
@@ -44,7 +48,4 @@ return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", _objectSpread(_objectSpread({
 };
-_DropdownButtonItem.defaultProps = {
-  toggle: true
-};
 
 /** @deprecated */
 var DropdownButtonItem = exports.DropdownButtonItem = _DropdownButtonItem;

dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts

@@ -1,2 +0,2 @@
-import type { MouseEvent, ReactNode, VFC } from "react";
+import type { FC, MouseEvent, ReactNode } from "react";
 export interface DropdownCollapsibleItemProps {
@@ -10,2 +10,2 @@ title: ReactNode;
 /** @deprecated */
-export declare const DropdownCollapsibleItem: VFC<DropdownCollapsibleItemProps>;
+export declare const DropdownCollapsibleItem: FC<DropdownCollapsibleItemProps>;

dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type DropdownCollapsibleItemsGroupProps = {
@@ -8,2 +8,2 @@ expandedItems: string[];
 /** @deprecated */
-export declare const DropdownCollapsibleItemsGroup: VFC<DropdownCollapsibleItemsGroupProps>;
+export declare const DropdownCollapsibleItemsGroup: FC<DropdownCollapsibleItemsGroupProps>;

dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type DropdownCollapsibleItemsMultiGroupProps = {
@@ -10,2 +10,2 @@ initialExpandedItems?: string[];
  */
-export declare const DropdownCollapsibleItemsMultiGroup: VFC<DropdownCollapsibleItemsMultiGroupProps>;
+export declare const DropdownCollapsibleItemsMultiGroup: FC<DropdownCollapsibleItemsMultiGroupProps>;

dist/cjs/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
@@ -10,2 +10,2 @@ initialExpandedItem?: string;
  */
-export declare const DropdownCollapsibleItemsSingleGroup: VFC<DropdownCollapsibleItemsExclusiveGroupProps>;
+export declare const DropdownCollapsibleItemsSingleGroup: FC<DropdownCollapsibleItemsExclusiveGroupProps>;

dist/cjs/Overlay/Dropdown/components/DropdownFooterItem.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 declare type DropdownFooterItemProps = {
@@ -8,3 +8,3 @@ /** @ignore */
 /** @deprecated */
-export declare const DropdownFooterItem: VFC<DropdownFooterItemProps>;
+export declare const DropdownFooterItem: FC<DropdownFooterItemProps>;
 export {};

dist/cjs/Overlay/Dropdown/components/DropdownLinkItem.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { IconComponentType } from "../../../Icons";
@@ -10,2 +10,2 @@ import type { DropdownBaseItemProps } from "../useDropdownItemProps";
 /** @deprecated */
-export declare const DropdownLinkItem: VFC<DropdownLinkItemProps>;
+export declare const DropdownLinkItem: FC<DropdownLinkItemProps>;

dist/cjs/Overlay/Dropdown/components/DropdownLinkItem.js

@@ -9,4 +9,4 @@ "use strict";
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -19,7 +19,13 @@ var _Icons = require("../../../Icons");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["toggle", "disabled", "startIcon", "className", "children"];
+var _excluded = ["toggle"],
+  _excluded2 = ["disabled", "startIcon", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var _DropdownLinkItem = function _DropdownLinkItem(props) {
-  var dropdownItemProps = (0, _useDropdownItemProps.useDropdownItemProps)(props);
+var _DropdownLinkItem = function _DropdownLinkItem(_ref) {
+  var _ref$toggle = _ref.toggle,
+    toggle = _ref$toggle === void 0 ? true : _ref$toggle,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var dropdownItemProps = (0, _useDropdownItemProps.useDropdownItemProps)(_objectSpread({
+    toggle: toggle
+  }, props));
   var linkProps = (0, _useLinkProps.useLinkProps)(_objectSpread(_objectSpread({}, props), dropdownItemProps));
@@ -29,3 +35,2 @@ var isExternalLink = linkProps.target === "_blank";
   var _props$dropdownItemPr = _objectSpread(_objectSpread(_objectSpread({}, props), dropdownItemProps), linkProps),
-    toggle = _props$dropdownItemPr.toggle,
     disabled = _props$dropdownItemPr.disabled,
@@ -35,3 +40,3 @@ StartIcon = _props$dropdownItemPr.startIcon,
     children = _props$dropdownItemPr.children,
-    mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded);
+    mergedProps = (0, _objectWithoutProperties2["default"])(_props$dropdownItemPr, _excluded2);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread({
@@ -53,7 +58,4 @@ className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), className)
 };
-_DropdownLinkItem.defaultProps = {
-  toggle: true
-};
 
 /** @deprecated */
 var DropdownLinkItem = exports.DropdownLinkItem = _DropdownLinkItem;

dist/cjs/Overlay/Dropdown/components/DropdownRadioItem.d.ts

@@ -1,8 +0,6 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { RadioButtonProps } from "../../../Fields";
 import type { DropdownBaseItemProps } from "../useDropdownItemProps";
-export interface DropdownRadioItemProps extends RadioButtonProps, DropdownBaseItemProps<HTMLInputElement> {
-    children?: ReactNode;
-}
+export declare type DropdownRadioItemProps = PropsWithChildren<RadioButtonProps & DropdownBaseItemProps<HTMLInputElement>>;
 /** @deprecated */
-export declare const DropdownRadioItem: VFC<DropdownRadioItemProps>;
+export declare const DropdownRadioItem: FC<DropdownRadioItemProps>;

dist/cjs/Overlay/Dropdown/components/DropdownRadioItem.js

@@ -41,7 +41,4 @@ "use strict";
 };
-_DropdownRadioItem.defaultProps = {
-  toggle: false
-};
 
 /** @deprecated */
 var DropdownRadioItem = exports.DropdownRadioItem = _DropdownRadioItem;

dist/cjs/Overlay/Dropdown/components/DropdownTitle.d.ts

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

dist/cjs/Overlay/Dropdown/components/DropdownToggleItem.d.ts

@@ -1,11 +0,10 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { ToggleProps } from "../../../Fields";
 import type { IconComponentType } from "../../../Icons";
 import type { DropdownBaseItemProps } from "../useDropdownItemProps";
-export interface DropdownToggleItemProps extends ToggleProps, DropdownBaseItemProps<HTMLInputElement> {
+export declare type DropdownToggleItemProps = PropsWithChildren<ToggleProps & DropdownBaseItemProps<HTMLInputElement>> & {
     /** Left aligned icon */
     startIcon?: IconComponentType;
-    children?: ReactNode;
-}
+};
 /** @deprecated */
-export declare const DropdownToggleItem: VFC<DropdownToggleItemProps>;
+export declare const DropdownToggleItem: FC<DropdownToggleItemProps>;

dist/cjs/Overlay/Dropdown/components/DropdownToggleItem.js

@@ -44,7 +44,4 @@ "use strict";
 };
-_DropdownToggleItem.defaultProps = {
-  toggle: false
-};
 
 /** @deprecated */
 var DropdownToggleItem = exports.DropdownToggleItem = _DropdownToggleItem;

dist/cjs/Overlay/Dropdown/Dropdown.d.ts

 import type { StrictModifiers } from "@popperjs/core";
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren, ReactNode } from "react";
 import { DropdownButtonItem } from "./components/DropdownButtonItem";
@@ -15,3 +15,3 @@ import { DropdownCollapsibleItem } from "./components/DropdownCollapsibleItem";
 }
-export interface DropdownProps {
+export declare type DropdownProps = PropsWithChildren<{
     /** Classes for the opened menu */
@@ -25,4 +25,3 @@ menuClassName?: string;
     renderFooter?: (params: RenderTargetParams) => ReactNode;
-    children?: ReactNode;
-}
+}>;
 declare type DropdownSubComponents = {
@@ -39,3 +38,3 @@ ButtonItem: typeof DropdownButtonItem;
 /** @deprecated use `MenuButton` instead */
-export declare const Dropdown: VFC<DropdownProps> & DropdownSubComponents;
+export declare const Dropdown: FC<DropdownProps> & DropdownSubComponents;
 export {};

dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItem.d.ts

@@ -1,2 +0,2 @@
-import type { FC, MouseEvent, ReactNode } from "react";
+import type { FC, MouseEvent, PropsWithChildren, ReactNode } from "react";
 export interface CollapsibleItemProps {
@@ -8,2 +8,2 @@ title: ReactNode;
 }
-export declare const CollapsibleItem: FC<CollapsibleItemProps>;
+export declare const CollapsibleItem: FC<PropsWithChildren<CollapsibleItemProps>>;

dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItemsGroup.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type CollapsibleItemsGroupProps = {
@@ -6,2 +6,2 @@ expandedItems: string[];
 };
-export declare const CollapsibleItemsGroup: FC<CollapsibleItemsGroupProps>;
+export declare const CollapsibleItemsGroup: FC<PropsWithChildren<CollapsibleItemsGroupProps>>;

dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItemsMultipleGroup.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type CollapsibleItemsMultiGroupProps = {
@@ -8,2 +8,2 @@ initialExpandedItems?: string[];
  */
-export declare const CollapsibleItemsMultipleGroup: FC<CollapsibleItemsMultiGroupProps>;
+export declare const CollapsibleItemsMultipleGroup: FC<PropsWithChildren<CollapsibleItemsMultiGroupProps>>;

dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItemsSingleGroup.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type CollapsibleItemsExclusiveGroupProps = {
@@ -8,2 +8,2 @@ initialExpandedItem?: string;
  */
-export declare const CollapsibleItemsSingleGroup: FC<CollapsibleItemsExclusiveGroupProps>;
+export declare const CollapsibleItemsSingleGroup: FC<PropsWithChildren<CollapsibleItemsExclusiveGroupProps>>;

dist/cjs/Overlay/MenuButton/components/CustomTrigger.d.ts

 import type { DropdownMenuTriggerProps } from "@radix-ui/react-dropdown-menu";
-import { type FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type CustomTriggerProps = Omit<DropdownMenuTriggerProps, "asChild">;
-export declare const CustomTrigger: FC<CustomTriggerProps>;
+export declare const CustomTrigger: FC<PropsWithChildren<CustomTriggerProps>>;

dist/cjs/Overlay/MenuButton/components/items/Item.d.ts

 import type { DropdownMenuItemProps } from "@radix-ui/react-dropdown-menu";
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { IconComponentType } from "../../../../Icons";
@@ -14,2 +14,2 @@ import type { BaseItemProps } from "../../useMenuItemProps";
 };
-export declare const Item: FC<ItemProps>;
+export declare const Item: FC<PropsWithChildren<ItemProps>>;

dist/cjs/Overlay/MenuButton/components/items/LinkItem.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { IconComponentType } from "../../../../Icons";
@@ -15,3 +15,3 @@ import type { BaseItemProps } from "../../useMenuItemProps";
 };
-export declare const LinkItem: FC<LinkItemProps>;
+export declare const LinkItem: FC<PropsWithChildren<LinkItemProps>>;
 export {};

dist/cjs/Overlay/MenuButton/components/items/RadioItem.d.ts

 import type { DropdownMenuRadioItemProps } from "@radix-ui/react-dropdown-menu";
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { BaseItemProps } from "../../useMenuItemProps";
 export declare type RadioItemProps = Pick<DropdownMenuRadioItemProps, "value" | "defaultChecked"> & BaseItemProps<HTMLDivElement>;
-export declare const RadioItem: FC<RadioItemProps>;
+export declare const RadioItem: FC<PropsWithChildren<RadioItemProps>>;

dist/cjs/Overlay/MenuButton/components/items/ToggleItem.d.ts

 import type { DropdownMenuCheckboxItemProps } from "@radix-ui/react-dropdown-menu";
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { IconComponentType } from "../../../../Icons";
@@ -7,2 +7,2 @@ export interface ToggleItemProps extends Omit<DropdownMenuCheckboxItemProps, "asChild"> {
 }
-export declare const ToggleItem: FC<ToggleItemProps>;
+export declare const ToggleItem: FC<PropsWithChildren<ToggleItemProps>>;

dist/cjs/Overlay/MenuButton/components/Label.d.ts

@@ -1,3 +0,3 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type LabelProps = JSX.IntrinsicElements["span"];
-export declare const Label: FC<LabelProps>;
+export declare const Label: FC<PropsWithChildren<LabelProps>>;

dist/cjs/Overlay/MenuButton/MenuButton.d.ts

@@ -12,16 +12,16 @@ /// <reference types="react" />
     (props: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
-    CollapsibleItem: import("react").FC<import("./components/collapsible").CollapsibleItemProps>;
-    CollapsibleItemsMultipleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsMultiGroupProps>;
-    CollapsibleItemsSingleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>;
+    CollapsibleItem: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemProps>>;
+    CollapsibleItemsMultipleGroup: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemsMultiGroupProps>>;
+    CollapsibleItemsSingleGroup: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>>;
     Content: ({ children, className, ...rest }: import("./components/Content").MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    CustomTrigger: import("react").FC<import("./components/CustomTrigger").CustomTriggerProps>;
+    CustomTrigger: import("react").FC<import("react").PropsWithChildren<import("./components/CustomTrigger").CustomTriggerProps>>;
     Divider: () => import("react/jsx-runtime").JSX.Element;
-    Item: import("react").FC<import("./components/items").ItemProps>;
-    Label: import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-    LinkItem: import("react").FC<import("./components/items").LinkItemProps>;
+    Item: import("react").FC<import("react").PropsWithChildren<import("./components/items").ItemProps>>;
+    Label: import("react").FC<import("react").PropsWithChildren<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>>;
+    LinkItem: import("react").FC<import("react").PropsWithChildren<import("./components/items").LinkItemProps>>;
     RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    RadioItem: import("react").FC<import("./components/items").RadioItemProps>;
-    ToggleItem: import("react").FC<import("./components/items").ToggleItemProps>;
+    RadioItem: import("react").FC<import("react").PropsWithChildren<import("./components/items").RadioItemProps>>;
+    ToggleItem: import("react").FC<import("react").PropsWithChildren<import("./components/items").ToggleItemProps>>;
     Trigger: import("react").ForwardRefExoticComponent<import("./components/DefaultTrigger").DefaultTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     displayName: string;
 };

dist/cjs/Overlay/Modal/components/ModalFooter.d.ts

@@ -1,5 +0,5 @@
-import type { HTMLAttributes, ReactNode, VFC } from "react";
+import type { FC, HTMLAttributes, ReactNode } from "react";
 export declare type ModalFooterProps = HTMLAttributes<HTMLElement> & {
     children: ReactNode;
 };
-export declare const ModalFooter: VFC<ModalFooterProps>;
+export declare const ModalFooter: FC<ModalFooterProps>;

dist/cjs/Overlay/Modal/components/ModalSection.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type ModalSectionProps = {
@@ -9,2 +9,2 @@ children: ReactNode;
 };
-export declare const ModalSection: VFC<ModalSectionProps>;
+export declare const ModalSection: FC<ModalSectionProps>;

dist/cjs/Overlay/Modal/Modal.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { XOR } from "../../types";
@@ -61,3 +61,3 @@ import { ModalFooter } from "./components/ModalFooter";
  */
-export declare const Modal: VFC<ModalProps> & ModalSubComponents;
+export declare const Modal: FC<ModalProps> & ModalSubComponents;
 export {};

dist/cjs/Overlay/Popover/Popover.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { PopoverProps } from "./types";
@@ -9,2 +9,2 @@ export declare const POPOVER_ARROW_TEST_ID = "arrow";
  */
-export declare const Popover: VFC<PopoverProps>;
+export declare const Popover: FC<PopoverProps>;

dist/cjs/Overlay/Tooltip/OverflowTooltipWrapper.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { TooltipWrapperBaseProps } from "./types";
@@ -10,2 +10,2 @@ export interface OverflowTooltipWrapperProps extends TooltipWrapperBaseProps {
  */
-export declare const OverflowTooltipWrapper: VFC<OverflowTooltipWrapperProps>;
+export declare const OverflowTooltipWrapper: FC<OverflowTooltipWrapperProps>;

dist/cjs/Overlay/Tooltip/TooltipWrapper.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { TooltipWrapperBaseProps } from "./types";
@@ -19,2 +19,2 @@ export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
  */
-export declare const TooltipWrapper: VFC<TooltipWrapperProps>;
+export declare const TooltipWrapper: FC<TooltipWrapperProps>;

dist/cjs/Overlay/Tooltip/types.d.ts

 import type { TooltipContentProps } from "@radix-ui/react-tooltip";
-import type { ReactElement, ReactText } from "react";
+import type { ReactElement } from "react";
 import type { TooltipVariant } from "./Tooltip";
@@ -67,3 +67,3 @@ export interface TooltipWrapperBaseProps {
      */
-    children: ReactElement | ReactText;
+    children: ReactElement | string | number;
 }

dist/cjs/Satellite/Satellite.d.ts

@@ -1,2 +0,2 @@
-import { type ReactNode, type VFC } from "react";
+import { type FC, type ReactNode } from "react";
 import type { ComponentsLocales } from "./locale";
@@ -10,2 +10,2 @@ import type { SatelliteRouter } from "./SatelliteRouter";
 }
-export declare const Satellite: VFC<SatelliteProps>;
+export declare const Satellite: FC<SatelliteProps>;

dist/cjs/utils/isCssPropertySupported.d.ts

@@ -1,1 +0,1 @@
-export declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "clipPath" | "marker" | "mask" | "grid" | "fontSize" | "translate" | "content" | "color" | "width" | "height" | "direction" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "offset" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "item" | "all" | "left" | "right" | "top" | "bottom" | "columns" | "padding" | "resize" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "counterIncrement" | "counterReset" | "counterSet" | "cssFloat" | "cssText" | "emptyCells" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFeatureSettings" | "fontKerning" | "fontOpticalSizing" | "fontSynthesis" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetDistance" | "offsetPath" | "offsetRotate" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "position" | "printColorAdjust" | "quotes" | "rowGap" | "rubyPosition" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarGutter" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTextFillColor" | "webkitTextSizeAdjust" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
+export declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "grid" | "fontSize" | "clipPath" | "marker" | "mask" | "translate" | "content" | "color" | "width" | "height" | "direction" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "offset" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "item" | "all" | "border" | "left" | "right" | "columns" | "top" | "bottom" | "padding" | "resize" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "counterIncrement" | "counterReset" | "counterSet" | "cssFloat" | "cssText" | "emptyCells" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFeatureSettings" | "fontKerning" | "fontOpticalSizing" | "fontSynthesis" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetDistance" | "offsetPath" | "offsetRotate" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "position" | "printColorAdjust" | "quotes" | "rowGap" | "rubyPosition" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarGutter" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTextFillColor" | "webkitTextSizeAdjust" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;

dist/esm/Actions/Accordion/Accordion.d.ts

 import * as RadixAccordion from "@radix-ui/react-accordion";
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -137,3 +137,3 @@ declare type AccordionSharedProps = {
 };
-declare type AccordionComponent = VFC<AccordionProps> & {
+declare type AccordionComponent = FC<AccordionProps> & {
     Item: typeof AccordionItem;
@@ -140,0 +140,0 @@ Header: typeof AccordionHeader;

dist/esm/Actions/Button/types.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode } from "react";
+import type { PropsWithChildren, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -49,3 +49,3 @@ export declare type ButtonVariant = "subtle" | "neutral" | "primary" | "destructive";
 declare type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-declare type PolymorphicComponentProp<C extends React.ElementType, Props = object> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
+declare type PolymorphicComponentProp<C extends React.ElementType, Props = object> = PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
 export declare type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = object> = PolymorphicComponentProp<C, Props> & {
@@ -52,0 +52,0 @@ ref?: PolymorphicRef<C>;

dist/esm/Actions/ButtonGroup/ButtonGroup.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export interface ButtonGroupProps {
@@ -22,2 +22,2 @@ /**
  */
-export declare const ButtonGroup: VFC<ButtonGroupProps>;
+export declare const ButtonGroup: FC<ButtonGroupProps>;

dist/esm/Actions/Switch/Switch.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { SwitchSize } from "./types";
@@ -38,2 +38,2 @@ export interface SwitchProps {
  */
-export declare const Switch: VFC<SwitchProps>;
+export declare const Switch: FC<SwitchProps>;

dist/esm/Actions/Switch/SwitchOption.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export interface SwitchOptionProps {
@@ -16,2 +16,2 @@ /**
 }
-export declare const SwitchOption: VFC<SwitchOptionProps>;
+export declare const SwitchOption: FC<SwitchOptionProps>;

dist/esm/Actions/ToggleButton/ToggleButton.d.ts

@@ -1,5 +0,5 @@
-/// <reference types="react" />
 import type { ToggleProps } from "@radix-ui/react-toggle";
+import type { PropsWithChildren } from "react";
 import type { ToggleButtonBaseProps } from "./ToggleButtonBase";
-export declare type ToggleButtonProps = {
+export declare type ToggleButtonProps = PropsWithChildren<{
     /**
@@ -17,3 +17,3 @@ * The pressed state of the `ToggleButton`.
     onPressedChange?: ToggleProps["onPressedChange"];
-} & ToggleButtonBaseProps;
+} & ToggleButtonBaseProps>;
 /**
@@ -20,0 +20,0 @@ * The `ToggleButton` component is a button that toggles between two states.

dist/esm/Actions/ToggleButton/ToggleButton.js

 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "icon", "children", "label"];
+var _excluded = ["size", "icon", "children", "label", "style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -23,2 +23,3 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     label = _label$props.label,
+    style = _label$props.style,
     rest = _objectWithoutProperties(_label$props, _excluded);
@@ -29,2 +30,3 @@ return /*#__PURE__*/_jsx(Toggle, _objectSpread(_objectSpread({
     children: /*#__PURE__*/_jsx(ToggleButtonBase, {
+      style: style,
       ref: ref,
@@ -31,0 +33,0 @@ size: size,

dist/esm/Actions/ToggleButton/ToggleButtonBase.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode } from "react";
+import type { CSSProperties, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -36,2 +36,4 @@ import type { ButtonSize } from "../Button/types";
      */
+    style?: CSSProperties;
+    /** Whether the `ToggleButton` should be auto focused. */
     autoFocus?: boolean;
@@ -38,0 +40,0 @@ /**

dist/esm/Actions/ToggleButton/ToggleButtonBase.js

@@ -20,13 +20,14 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 export var ToggleButtonBase = /*#__PURE__*/forwardRef(function (props, ref) {
-  var isIconOnly = !props.children;
-  var _label$props = _objectSpread({
-      label: undefined
+  var _label$children$props = _objectSpread({
+      label: undefined,
+      children: undefined
     }, props),
-    className = _label$props.className,
-    _label$props$size = _label$props.size,
-    size = _label$props$size === void 0 ? "medium" : _label$props$size,
-    Icon = _label$props.icon,
-    children = _label$props.children,
-    label = _label$props.label,
-    rest = _objectWithoutProperties(_label$props, _excluded);
+    className = _label$children$props.className,
+    _label$children$props2 = _label$children$props.size,
+    size = _label$children$props2 === void 0 ? "medium" : _label$children$props2,
+    Icon = _label$children$props.icon,
+    children = _label$children$props.children,
+    label = _label$children$props.label,
+    rest = _objectWithoutProperties(_label$children$props, _excluded);
+  var isIconOnly = children === undefined;
   return /*#__PURE__*/_jsx(TooltipWrapper, {
@@ -33,0 +34,0 @@ content: label,

dist/esm/Actions/ToggleGroup/ToggleGroup.d.ts

@@ -1,3 +0,3 @@
-import type { ToggleGroupItemProps as RadixToggleGroupItemProps, ToggleGroupMultipleProps as RadixToggleGroupMultipleProps, ToggleGroupImplProps as RadixToggleGroupSharedProps, ToggleGroupSingleProps as RadixToggleGroupSingleProps } from "@radix-ui/react-toggle-group";
-import type { FC } from "react";
+import type { ToggleGroupItemProps as RadixToggleGroupItemProps, ToggleGroupMultipleProps as RadixToggleGroupMultipleProps, ToggleGroupSingleProps as RadixToggleGroupSingleProps } from "@radix-ui/react-toggle-group";
+import type { FC, PropsWithChildren } from "react";
 import type { ToggleButtonBaseProps } from "../ToggleButton/ToggleButtonBase";
@@ -13,3 +13,3 @@ declare type ToggleGroupSharedProps = {
      */
-    disabled?: RadixToggleGroupSharedProps["disabled"];
+    disabled?: boolean;
 };
@@ -57,4 +57,4 @@ declare type ToggleGroupSingleProps = {
 export declare type ToggleGroupProps = ToggleGroupSharedProps & (ToggleGroupSingleProps | ToggleGroupMultipleProps);
-declare type ToggleGroupComponent = FC<ToggleGroupProps> & {
-    Item: FC<ToggleGroupItemProps>;
+declare type ToggleGroupComponent = FC<PropsWithChildren<ToggleGroupProps>> & {
+    Item: FC<PropsWithChildren<ToggleGroupItemProps>>;
 };
@@ -66,8 +66,6 @@ /**
  */
-export declare type ToggleGroupItemProps = ToggleButtonBaseProps & {
-    /**
-     * Defines a unique value for the item.
-     */
+export declare type ToggleGroupItemProps = PropsWithChildren<ToggleButtonBaseProps & {
+    /** Defines a unique value for the item. */
     value: RadixToggleGroupItemProps["value"];
-};
+}>;
 /**
@@ -74,0 +72,0 @@ * The `ToggleGroup` component is a toggle group that allows users to select one or more options.

dist/esm/Avatars/ApplicationAvatar/ApplicationAvatar.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { ApplicationAvatarSize, MinimalApplication } from "../types";
@@ -23,2 +23,2 @@ export interface ApplicationAvatarProps {
  */
-export declare const ApplicationAvatar: VFC<ApplicationAvatarProps>;
+export declare const ApplicationAvatar: FC<ApplicationAvatarProps>;

dist/esm/Avatars/UserAvatar/UserAvatar.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { MinimalUser } from "../types";
@@ -31,2 +31,2 @@ export declare type UserAvatarLocale = {
  */
-export declare const UserAvatar: VFC<UserAvatarProps>;
+export declare const UserAvatar: FC<UserAvatarProps>;

dist/esm/Fields/AutoComplete/components/AutoCompleteContext.d.ts

@@ -1,2 +0,2 @@
-import type { PropsWithChildren, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { AutoCompleteLocale } from "../types";
@@ -7,5 +7,5 @@ declare type AutoCompleteContextType = {
 declare type AutoCompleteProviderProps = PropsWithChildren<AutoCompleteContextType>;
-export declare const AutoCompleteProvider: VFC<AutoCompleteProviderProps>;
+export declare const AutoCompleteProvider: FC<AutoCompleteProviderProps>;
 export declare const useIsInsideAutoComplete: () => boolean;
 export declare const useAutoCompleteLocale: () => Required<AutoCompleteLocale>;
 export {};

dist/esm/Fields/AutoComplete/components/AutoCompleteEmptyState.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { MedallionVariant } from "../../../Helpers";
@@ -16,2 +16,2 @@ import { type IconComponentType } from "../../../Icons";
 }
-export declare const AutoCompleteEmptyState: VFC<AutoCompleteEmptyStateProps>;
+export declare const AutoCompleteEmptyState: FC<AutoCompleteEmptyStateProps>;

dist/esm/Fields/AutoComplete/components/DefaultOptionItem.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { AutoCompleteLocale, OptionItemProps } from "../types";
@@ -6,2 +6,2 @@ export declare type DefaultOptionItemProps = OptionItemProps & {
 };
-export declare const DefaultOptionItem: VFC<DefaultOptionItemProps>;
+export declare const DefaultOptionItem: FC<DefaultOptionItemProps>;

dist/esm/Fields/AutoComplete/types.d.ts

@@ -1,2 +0,2 @@
-import type { ComponentType, FocusEventHandler, ForwardedRef, ReactNode, RefObject } from "react";
+import type { ComponentType, FocusEventHandler, ForwardedRef, PropsWithChildren, ReactNode, RefObject } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -224,3 +224,3 @@ export declare type AutoCompleteVariant = "medium" | "large";
 }
-export declare type OptionItemComponentType<T extends Option = Option> = ComponentType<OptionItemProps<T>>;
+export declare type OptionItemComponentType<T extends Option = Option> = ComponentType<PropsWithChildren<OptionItemProps<T>>>;
 export interface OptionRendererParams {
@@ -227,0 +227,0 @@ multiple: boolean;

dist/esm/Fields/DatePicker/components/Calendar.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { DayPickerDefaultProps, DayPickerRangeProps, DayPickerSingleProps } from "react-day-picker";
@@ -16,3 +16,3 @@ import type { WithRequiredProperty } from "../../../types";
 };
-export declare const DatePickerCalendar: VFC<DatePickerCalendarProps>;
+export declare const DatePickerCalendar: FC<DatePickerCalendarProps>;
 export {};

dist/esm/Fields/DatePicker/components/Footer.d.ts

@@ -1,5 +0,5 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type DatePickerFooterProps = {
     children: ReactNode;
 };
-export declare const DatePickerFooter: VFC<DatePickerFooterProps>;
+export declare const DatePickerFooter: FC<DatePickerFooterProps>;

dist/esm/Fields/DatePicker/components/NavBar.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { CaptionProps } from "react-day-picker";
@@ -9,2 +9,2 @@ import type { WithRequiredProperty } from "../../../types";
 };
-export declare const NavBar: VFC<NavBarProps>;
+export declare const NavBar: FC<NavBarProps>;

dist/esm/Fields/DatePicker/components/SidePanel.d.ts

@@ -1,5 +0,5 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type DatePickerSidePanelProps = {
     children: ReactNode;
 };
-export declare const DatePickerSidePanel: VFC<DatePickerSidePanelProps>;
+export declare const DatePickerSidePanel: FC<DatePickerSidePanelProps>;

dist/esm/Fields/DatePicker/DateRangePicker/DateRangePicker.d.ts

@@ -1,2 +0,2 @@
-import type { Dispatch, ReactNode, VFC } from "react";
+import type { Dispatch, FC, ReactNode } from "react";
 import type { DatePickerCalendarProps } from "../components/Calendar";
@@ -75,3 +75,3 @@ import type { SharedDatePickerProps } from "../types";
  */
-export declare const DateRangePicker: VFC<DateRangePickerProps>;
+export declare const DateRangePicker: FC<DateRangePickerProps>;
 export {};

dist/esm/Fields/Field/Field.d.ts

@@ -1,2 +0,2 @@
-import { type ReactChild, type ReactNode, type VFC } from "react";
+import { type FC, type ReactChild, type ReactNode } from "react";
 import type { FieldState } from "./FieldContext";
@@ -52,2 +52,2 @@ export interface FieldProps {
  */
-export declare const Field: VFC<FieldProps>;
+export declare const Field: FC<FieldProps>;

dist/esm/Fields/Form/Form.d.ts

@@ -1,2 +0,2 @@
-import type { FC, HTMLAttributes, ReactNode, VFC } from "react";
+import type { FC, HTMLAttributes, PropsWithChildren, ReactNode } from "react";
 import type { ButtonProps } from "../../Actions";
@@ -15,5 +15,5 @@ import type { AlertProps } from "../../Indicators";
 }
-export declare const FormErrorMessage: VFC<FormErrorMessageProps>;
-export declare const Form: FC<FormProps>;
-export declare const FormSubmit: FC<ButtonProps>;
-export declare const FormReset: FC<ButtonProps>;
+export declare const FormErrorMessage: FC<FormErrorMessageProps>;
+export declare const Form: FC<PropsWithChildren<FormProps>>;
+export declare const FormSubmit: FC<PropsWithChildren<ButtonProps>>;
+export declare const FormReset: FC<PropsWithChildren<ButtonProps>>;

dist/esm/Fields/RadioGroup/RadioGroupItem.d.ts

@@ -1,3 +0,3 @@
-import type { ReactNode, VFC } from "react";
-export interface RadioGroupItemProps {
+import type { FC, PropsWithChildren } from "react";
+export declare type RadioGroupItemProps = PropsWithChildren<{
     /**
@@ -15,7 +15,3 @@ * The value of the `RadioGroupItem`.
     required?: boolean;
-    /**
-     * The children of the `RadioGroupItem`.
-     */
-    children?: ReactNode;
-}
-export declare const RadioGroupItem: VFC<RadioGroupItemProps>;
+}>;
+export declare const RadioGroupItem: FC<RadioGroupItemProps>;

dist/esm/Helpers/ClickAwayContainer/ClickAwayContainer.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 interface ClickAwayContextType {
@@ -7,3 +7,3 @@ registerElement(element: HTMLElement): void;
 export declare const useClickAwayContext: () => ClickAwayContextType | null;
-export interface ClickAwayContainerProps {
+export declare type ClickAwayContainerProps = PropsWithChildren<{
     /**
@@ -19,4 +19,3 @@ * The element that should be registered in the ClickAway tree.
     onClickAway?(evt: Event): void;
-    children?: ReactNode;
-}
+}>;
 /**
@@ -33,3 +32,3 @@ * ClickAwayContainer is a low-level, compound component. It doesn't render anything apart from its children.
  */
-export declare const ClickAwayContainer: VFC<ClickAwayContainerProps>;
+export declare const ClickAwayContainer: FC<ClickAwayContainerProps>;
 export {};

dist/esm/Helpers/HelpUnderline/HelpUnderline.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { TooltipWrapperProps } from "../../Overlay";
@@ -23,2 +23,2 @@ import type { TooltipWrapperBaseProps } from "../../Overlay/Tooltip/types";
  */
-export declare const HelpUnderline: VFC<HelpUnderlineProps>;
+export declare const HelpUnderline: FC<HelpUnderlineProps>;

dist/esm/Helpers/Medallion/Medallion.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -29,2 +29,2 @@ import type { MedallionSize, MedallionVariant } from "./types";
  */
-export declare const Medallion: VFC<MedallionProps>;
+export declare const Medallion: FC<MedallionProps>;

dist/esm/Helpers/Separator/Separator.d.ts

 import * as RadixSeparator from "@radix-ui/react-separator";
-import type { VFC } from "react";
+import type { FC } from "react";
 export interface SeparatorProps {
@@ -23,2 +23,2 @@ /**
  */
-export declare const Separator: VFC<SeparatorProps>;
+export declare const Separator: FC<SeparatorProps>;

dist/esm/Helpers/TextWrap/TextWrap.d.ts

@@ -1,2 +0,2 @@
-import type { HTMLAttributes, ReactNode, VFC } from "react";
+import type { FC, HTMLAttributes, ReactNode } from "react";
 export interface TextWrapProps extends HTMLAttributes<HTMLSpanElement> {
@@ -17,2 +17,2 @@ /**
  */
-export declare const TextWrap: VFC<TextWrapProps>;
+export declare const TextWrap: FC<TextWrapProps>;

dist/esm/Helpers/UserContent/UserContent.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 export interface UserContentProps {
@@ -22,2 +22,2 @@ /**
  */
-export declare const UserContent: VFC<UserContentProps>;
+export declare const UserContent: FC<UserContentProps>;

dist/esm/Indicators/Banners/Alert/Alert.d.ts

@@ -1,2 +0,2 @@
-import type { CSSProperties, ReactNode, VFC } from "react";
+import type { CSSProperties, FC, ReactNode } from "react";
 import type { IconComponentType } from "../../../Icons";
@@ -33,2 +33,2 @@ import type { ColorVariant } from "../../../types";
  */
-export declare const Alert: VFC<AlertProps>;
+export declare const Alert: FC<AlertProps>;

dist/esm/Indicators/Banners/Promote/Promote.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 declare type PromoteVariants = "large" | "compact";
@@ -27,3 +27,3 @@ interface CompactPromoteProps {
  */
-export declare const Promote: VFC<PromoteProps>;
+export declare const Promote: FC<PromoteProps>;
 export {};

dist/esm/Indicators/Banners/SystemNotification/SystemNotification.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { IconComponentType } from "../../../Icons";
@@ -12,2 +12,2 @@ export interface SystemNotificationProps {
  */
-export declare const SystemNotification: VFC<SystemNotificationProps>;
+export declare const SystemNotification: FC<SystemNotificationProps>;

dist/esm/Indicators/EmptyState/EmptyState.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { EmptyStateProps } from "./types";
@@ -8,2 +8,2 @@ /**
  */
-export declare const EmptyState: VFC<EmptyStateProps>;
+export declare const EmptyState: FC<EmptyStateProps>;

dist/esm/Indicators/KeyboardKey/KeyboardKey.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 export interface KeyboardKeyProps {
@@ -12,2 +12,2 @@ /** @ignore */
  */
-export declare const KeyboardKey: VFC<KeyboardKeyProps>;
+export declare const KeyboardKey: FC<KeyboardKeyProps>;

dist/esm/Indicators/ProgressSpinner/ProgressSpinner.d.ts

@@ -1,2 +0,2 @@
-import type { SVGAttributes, VFC } from "react";
+import type { FC, SVGAttributes } from "react";
 export declare type ProgressSpinnerAlign = "left" | "center" | "right";
@@ -13,2 +13,2 @@ export interface ProgressSpinnerProps extends SVGAttributes<SVGSVGElement> {
  */
-export declare const ProgressSpinner: VFC<ProgressSpinnerProps>;
+export declare const ProgressSpinner: FC<ProgressSpinnerProps>;

dist/esm/Indicators/ScrollIndicator/ScrollIndicator.d.ts

@@ -1,2 +0,2 @@
-import type { CSSProperties, ReactHTML, ReactNode, VFC } from "react";
+import type { CSSProperties, FC, ReactHTML, ReactNode } from "react";
 export declare type ScrollIndicatorVariant = "light" | "dark";
@@ -18,2 +18,2 @@ export interface ScrollIndicatorProps {
  */
-export declare const ScrollIndicator: VFC<ScrollIndicatorProps>;
+export declare const ScrollIndicator: FC<ScrollIndicatorProps>;

dist/esm/Indicators/Skeleton/Skeleton.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export interface SkeletonProps {
@@ -18,3 +18,3 @@ className?: string;
  */
-export declare const Skeleton: FC<SkeletonProps>;
+export declare const Skeleton: FC<PropsWithChildren<SkeletonProps>>;
 export {};

dist/esm/Indicators/Toast/Toast.d.ts

@@ -1,5 +0,5 @@
-import type { FC, HTMLAttributes } from "react";
+import type { FC, HTMLAttributes, PropsWithChildren } from "react";
 import type { Notification } from "./types";
 export declare type ToastLocale = Notification["locale"];
 export declare type ToastProps = Omit<Notification, "id" | "content" | "autoDismissAfter"> & Omit<HTMLAttributes<HTMLElement>, "title">;
-export declare const Toast: FC<ToastProps>;
+export declare const Toast: FC<PropsWithChildren<ToastProps>>;

dist/esm/Indicators/Toast/Toasts.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { Notification } from "./types";
@@ -20,2 +20,2 @@ export declare type ToastsLocale = {
  */
-export declare const Toasts: VFC<ToastsProps>;
+export declare const Toasts: FC<ToastsProps>;

dist/esm/Layout/Card/components/CardHeader.d.ts

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

dist/esm/Layout/Card/components/CardTitle.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 declare type Headings = "h2" | "h3" | "h4" | "h5" | "h6";
@@ -6,3 +6,3 @@ export declare type CardTitleProps = JSX.IntrinsicElements["h2"] & {
 };
-export declare const CardTitle: VFC<CardTitleProps>;
+export declare const CardTitle: FC<CardTitleProps>;
 export {};

dist/esm/Layout/FlexGrid/FlexGrid.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type FlexGridDirection = "row" | "column";
@@ -44,2 +44,2 @@ export declare type FlexGridAlignment = "leading" | "trailing" | "center" | "fill" | "baseline";
  */
-export declare const FlexGrid: VFC<FlexGridProps>;
+export declare const FlexGrid: FC<FlexGridProps>;

dist/esm/Layout/Insert/Insert.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { BadgeVariants } from "../../Indicators";
@@ -18,3 +18,3 @@ declare type InsertContext = {
  */
-export declare const Insert: VFC<InsertProps>;
+export declare const Insert: FC<InsertProps>;
 export {};

dist/esm/Layout/Sidebar/Sidebar.d.ts

@@ -1,4 +0,4 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { SidebarLocale, SidebarLocation, SidebarVariant } from "./types";
-export interface SidebarProps {
+export declare type SidebarProps = PropsWithChildren<{
     id?: string;
@@ -34,4 +34,3 @@ /** @ignore */
     location: SidebarLocation;
-    children?: ReactNode;
-}
+}>;
 /**
@@ -42,2 +41,2 @@ * The `Sidebar` component is used to display a sidebar of links.
  */
-export declare const Sidebar: VFC<SidebarProps>;
+export declare const Sidebar: FC<SidebarProps>;

dist/esm/Layout/Sidebar/SidebarButtonLink.d.ts

@@ -1,2 +0,2 @@
-import type { MouseEventHandler, ReactNode, VFC } from "react";
+import type { FC, MouseEventHandler, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -20,2 +20,2 @@ export declare type SidebarButtonLinkIcon = IconComponentType | {
 }
-export declare const SidebarButtonLink: VFC<SidebarButtonLinkProps>;
+export declare const SidebarButtonLink: FC<SidebarButtonLinkProps>;

dist/esm/Layout/Sidebar/SidebarHeader.d.ts

@@ -1,7 +0,6 @@
-import type { ReactNode, VFC } from "react";
-export declare type SidebarHeaderProps = {
+import type { FC, PropsWithChildren } from "react";
+export declare type SidebarHeaderProps = PropsWithChildren<{
     /** @ignore */
     className?: string;
-    children?: ReactNode;
-};
-export declare const SidebarHeader: VFC<SidebarHeaderProps>;
+}>;
+export declare const SidebarHeader: FC<SidebarHeaderProps>;

dist/esm/Layout/Sidebar/SidebarHeading.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type SidebarHeadingProps = {
@@ -8,2 +8,2 @@ id?: string;
 };
-export declare const SidebarHeading: VFC<SidebarHeadingProps>;
+export declare const SidebarHeading: FC<SidebarHeadingProps>;

dist/esm/Layout/Sidebar/SidebarLink.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { IconComponentType } from "../../Icons";
@@ -9,2 +9,2 @@ export declare type SidebarLinkProps = {
 } & Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "id" | "className" | "target" | "rel" | "aria-label" | "onClick">;
-export declare const SidebarLink: VFC<SidebarLinkProps>;
+export declare const SidebarLink: FC<SidebarLinkProps>;

dist/esm/Layout/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 declare type ActiveLinkIndicatorProps = {
@@ -8,3 +8,3 @@ /** @ignore */
 };
-export declare const ActiveLinkIndicator: VFC<ActiveLinkIndicatorProps>;
+export declare const ActiveLinkIndicator: FC<ActiveLinkIndicatorProps>;
 export {};

dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarGroupLink.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { SidebarLinksGroupLink } from "./types";
@@ -6,3 +6,3 @@ declare type LinkProps = SidebarLinksGroupLink & {
 };
-export declare const SidebarGroupLink: VFC<LinkProps>;
+export declare const SidebarGroupLink: FC<LinkProps>;
 export {};

dist/esm/Layout/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import { type IconComponentType } from "../../../Icons";
@@ -23,3 +23,3 @@ import type { SidebarLinksGroupLink } from "./types";
 export declare type SidebarLinksGroupProps = StaticSidebarLinksGroupProps | CollapsibleSidebarLinksGroupProps;
-export declare const SidebarLinksGroup: VFC<SidebarLinksGroupProps>;
+export declare const SidebarLinksGroup: FC<SidebarLinksGroupProps>;
 export {};

dist/esm/Layout/Sidebar/SidebarNav.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type SidebarNavSpacing = "small" | "large";
@@ -11,2 +11,2 @@ export declare type SidebarNavProps = {
 };
-export declare const SidebarNav: VFC<SidebarNavProps>;
+export declare const SidebarNav: FC<SidebarNavProps>;

dist/esm/Layout/Tables/DataTable/components/Footer.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { DataConfiguration, PaginationConfiguration } from "../types";
@@ -7,2 +7,2 @@ export interface DataTableFooterProps {
 }
-export declare const DataTableFooter: VFC<DataTableFooterProps>;
+export declare const DataTableFooter: FC<DataTableFooterProps>;

dist/esm/Layout/Tables/DataTable/components/Loader.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { DataTableLocale } from "../DataTable";
@@ -8,2 +8,2 @@ export interface DataTableLoaderProps {
 }
-export declare const DataTableLoader: VFC<DataTableLoaderProps>;
+export declare const DataTableLoader: FC<DataTableLoaderProps>;

dist/esm/Layout/Tables/DataTable/types.d.ts

@@ -1,2 +0,2 @@
-import type { ComponentType } from "react";
+import type { ComponentType, PropsWithChildren } from "react";
 export declare type Status = "loading" | "error" | "success";
@@ -40,4 +40,4 @@ export declare type SelectMode = "single" | "multi" | "none";
     sort?: boolean;
-    Header?: ComponentType<HeaderProps<Item>> | string | false;
-    Cell?: ComponentType<CellProps<Item>>;
+    Header?: ComponentType<PropsWithChildren<HeaderProps<Item>>> | string | false;
+    Cell?: ComponentType<PropsWithChildren<CellProps<Item>>>;
     /** @ignore */
@@ -44,0 +44,0 @@ className?: string;

dist/esm/Layout/Tables/Table/components/TableFooter.d.ts

@@ -1,7 +0,6 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type FooterSizes = "default" | "small";
-export interface FooterProps {
+export declare type FooterProps = PropsWithChildren<{
     size?: FooterSizes;
-    children?: ReactNode;
-}
-export declare const TableFooter: VFC<FooterProps>;
+}>;
+export declare const TableFooter: FC<FooterProps>;

dist/esm/Layout/Tables/Table/Table.d.ts

@@ -1,2 +0,2 @@
-import type { DetailedHTMLProps, ReactNode, TableHTMLAttributes, VFC } from "react";
+import type { DetailedHTMLProps, FC, ReactNode, TableHTMLAttributes } from "react";
 export declare type DisplayMode = "comfortable" | "compact";
@@ -15,2 +15,2 @@ export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
  */
-export declare const Table: VFC<TableProps>;
+export declare const Table: FC<TableProps>;

dist/esm/Navigation/Pagination/CompactPagination/CompactPagination.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 export declare type CompactPaginationLabel = "complete" | "compact" | "none";
@@ -35,3 +35,3 @@ export declare type CompactPaginationLocale = {
  */
-export declare const CompactPagination: VFC<CompactPaginationProps>;
+export declare const CompactPagination: FC<CompactPaginationProps>;
 export {};

dist/esm/Navigation/Pagination/Pagination/Pagination.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 export declare type PaginationLocale = {
@@ -19,2 +19,2 @@ goToPage?(page: number): string;
  */
-export declare const Pagination: VFC<PaginationProps>;
+export declare const Pagination: FC<PaginationProps>;

dist/esm/Navigation/Stepper/Step.d.ts

@@ -1,2 +0,2 @@
-import { type HTMLAttributes, type VFC } from "react";
+import { type FC, type HTMLAttributes } from "react";
 import type { BaseStep } from "./types";
@@ -6,2 +6,2 @@ export declare type StepProps = BaseStep & HTMLAttributes<HTMLLIElement> & {
 };
-export declare const Step: VFC<StepProps>;
+export declare const Step: FC<StepProps>;

dist/esm/Navigation/Stepper/Stepper.d.ts

@@ -1,2 +0,2 @@
-import type { HTMLAttributes, VFC } from "react";
+import type { FC, HTMLAttributes } from "react";
 import type { BaseStep } from "./types";
@@ -47,2 +47,2 @@ export declare type StepperLocale = {
 }
-export declare const Stepper: VFC<StepperProps>;
+export declare const Stepper: FC<StepperProps>;

dist/esm/Navigation/Tabs/components/LinkTab.d.ts

@@ -1,2 +0,2 @@
-import type { MouseEventHandler, VFC } from "react";
+import type { FC, MouseEventHandler } from "react";
 import type { LinkTab as LinkTabType } from "../types";
@@ -8,2 +8,2 @@ export interface LinkTabProps {
 }
-export declare const LinkTab: VFC<LinkTabProps>;
+export declare const LinkTab: FC<LinkTabProps>;

dist/esm/Navigation/Tabs/ContentTabs/ContentTabs.d.ts

@@ -1,3 +0,3 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { ContentTabsProps } from "../types";
-export declare const ContentTabs: VFC<ContentTabsProps>;
+export declare const ContentTabs: FC<ContentTabsProps>;

dist/esm/Navigation/Tabs/LinkTabs/LinkTabs.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { LinkTabsProps, UrlMatcher } from "../types";
@@ -9,2 +9,2 @@ export declare const defaultUrlMatcher: UrlMatcher;
  */
-export declare const LinkTabs: VFC<LinkTabsProps>;
+export declare const LinkTabs: FC<LinkTabsProps>;

dist/esm/Overlay/Dropdown/components/DropdownButtonItem.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { IconComponentType } from "../../../Icons";
@@ -14,2 +14,2 @@ import type { DropdownBaseItemProps } from "../useDropdownItemProps";
 /** @deprecated */
-export declare const DropdownButtonItem: VFC<DropdownButtonItemProps>;
+export declare const DropdownButtonItem: FC<DropdownButtonItemProps>;

dist/esm/Overlay/Dropdown/components/DropdownButtonItem.js

@@ -5,3 +5,4 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
-var _excluded = ["toggle", "children", "variant", "startIcon"];
+var _excluded = ["toggle"],
+  _excluded2 = ["children", "variant", "startIcon"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -13,11 +14,14 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var _DropdownButtonItem = function _DropdownButtonItem(props) {
-  var dropdownItemProps = useDropdownItemProps(props);
-  // `toggle` is destructured here because we don't want it passed to the `button`
+var _DropdownButtonItem = function _DropdownButtonItem(_ref) {
+  var _ref$toggle = _ref.toggle,
+    toggle = _ref$toggle === void 0 ? true : _ref$toggle,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var dropdownItemProps = useDropdownItemProps(_objectSpread({
+    toggle: toggle
+  }, props));
   var _props$dropdownItemPr = _objectSpread(_objectSpread({}, props), dropdownItemProps),
-    toggle = _props$dropdownItemPr.toggle,
     children = _props$dropdownItemPr.children,
     variant = _props$dropdownItemPr.variant,
     StartIcon = _props$dropdownItemPr.startIcon,
-    mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
+    mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded2);
   var showDestructiveVariant = !props.disabled && variant === "destructive";
@@ -38,7 +42,4 @@ return /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({
 };
-_DropdownButtonItem.defaultProps = {
-  toggle: true
-};
 
 /** @deprecated */
 export var DropdownButtonItem = _DropdownButtonItem;

dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItem.d.ts

@@ -1,2 +0,2 @@
-import type { MouseEvent, ReactNode, VFC } from "react";
+import type { FC, MouseEvent, ReactNode } from "react";
 export interface DropdownCollapsibleItemProps {
@@ -10,2 +10,2 @@ title: ReactNode;
 /** @deprecated */
-export declare const DropdownCollapsibleItem: VFC<DropdownCollapsibleItemProps>;
+export declare const DropdownCollapsibleItem: FC<DropdownCollapsibleItemProps>;

dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type DropdownCollapsibleItemsGroupProps = {
@@ -8,2 +8,2 @@ expandedItems: string[];
 /** @deprecated */
-export declare const DropdownCollapsibleItemsGroup: VFC<DropdownCollapsibleItemsGroupProps>;
+export declare const DropdownCollapsibleItemsGroup: FC<DropdownCollapsibleItemsGroupProps>;

dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type DropdownCollapsibleItemsMultiGroupProps = {
@@ -10,2 +10,2 @@ initialExpandedItems?: string[];
  */
-export declare const DropdownCollapsibleItemsMultiGroup: VFC<DropdownCollapsibleItemsMultiGroupProps>;
+export declare const DropdownCollapsibleItemsMultiGroup: FC<DropdownCollapsibleItemsMultiGroupProps>;

dist/esm/Overlay/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
@@ -10,2 +10,2 @@ initialExpandedItem?: string;
  */
-export declare const DropdownCollapsibleItemsSingleGroup: VFC<DropdownCollapsibleItemsExclusiveGroupProps>;
+export declare const DropdownCollapsibleItemsSingleGroup: FC<DropdownCollapsibleItemsExclusiveGroupProps>;

dist/esm/Overlay/Dropdown/components/DropdownFooterItem.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 declare type DropdownFooterItemProps = {
@@ -8,3 +8,3 @@ /** @ignore */
 /** @deprecated */
-export declare const DropdownFooterItem: VFC<DropdownFooterItemProps>;
+export declare const DropdownFooterItem: FC<DropdownFooterItemProps>;
 export {};

dist/esm/Overlay/Dropdown/components/DropdownLinkItem.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { IconComponentType } from "../../../Icons";
@@ -10,2 +10,2 @@ import type { DropdownBaseItemProps } from "../useDropdownItemProps";
 /** @deprecated */
-export declare const DropdownLinkItem: VFC<DropdownLinkItemProps>;
+export declare const DropdownLinkItem: FC<DropdownLinkItemProps>;

dist/esm/Overlay/Dropdown/components/DropdownLinkItem.js

 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["toggle", "disabled", "startIcon", "className", "children"];
+var _excluded = ["toggle"],
+  _excluded2 = ["disabled", "startIcon", "className", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -14,4 +15,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var _DropdownLinkItem = function _DropdownLinkItem(props) {
-  var dropdownItemProps = useDropdownItemProps(props);
+var _DropdownLinkItem = function _DropdownLinkItem(_ref) {
+  var _ref$toggle = _ref.toggle,
+    toggle = _ref$toggle === void 0 ? true : _ref$toggle,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var dropdownItemProps = useDropdownItemProps(_objectSpread({
+    toggle: toggle
+  }, props));
   var linkProps = useLinkProps(_objectSpread(_objectSpread({}, props), dropdownItemProps));
@@ -21,3 +27,2 @@ var isExternalLink = linkProps.target === "_blank";
   var _props$dropdownItemPr = _objectSpread(_objectSpread(_objectSpread({}, props), dropdownItemProps), linkProps),
-    toggle = _props$dropdownItemPr.toggle,
     disabled = _props$dropdownItemPr.disabled,
@@ -27,3 +32,3 @@ StartIcon = _props$dropdownItemPr.startIcon,
     children = _props$dropdownItemPr.children,
-    mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded);
+    mergedProps = _objectWithoutProperties(_props$dropdownItemPr, _excluded2);
   return /*#__PURE__*/_jsxs("a", _objectSpread(_objectSpread({
@@ -45,7 +50,4 @@ className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex items-center"]))), className)
 };
-_DropdownLinkItem.defaultProps = {
-  toggle: true
-};
 
 /** @deprecated */
 export var DropdownLinkItem = _DropdownLinkItem;

dist/esm/Overlay/Dropdown/components/DropdownRadioItem.d.ts

@@ -1,8 +0,6 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { RadioButtonProps } from "../../../Fields";
 import type { DropdownBaseItemProps } from "../useDropdownItemProps";
-export interface DropdownRadioItemProps extends RadioButtonProps, DropdownBaseItemProps<HTMLInputElement> {
-    children?: ReactNode;
-}
+export declare type DropdownRadioItemProps = PropsWithChildren<RadioButtonProps & DropdownBaseItemProps<HTMLInputElement>>;
 /** @deprecated */
-export declare const DropdownRadioItem: VFC<DropdownRadioItemProps>;
+export declare const DropdownRadioItem: FC<DropdownRadioItemProps>;

dist/esm/Overlay/Dropdown/components/DropdownRadioItem.js

@@ -34,7 +34,4 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 };
-_DropdownRadioItem.defaultProps = {
-  toggle: false
-};
 
 /** @deprecated */
 export var DropdownRadioItem = _DropdownRadioItem;

dist/esm/Overlay/Dropdown/components/DropdownTitle.d.ts

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

dist/esm/Overlay/Dropdown/components/DropdownToggleItem.d.ts

@@ -1,11 +0,10 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { ToggleProps } from "../../../Fields";
 import type { IconComponentType } from "../../../Icons";
 import type { DropdownBaseItemProps } from "../useDropdownItemProps";
-export interface DropdownToggleItemProps extends ToggleProps, DropdownBaseItemProps<HTMLInputElement> {
+export declare type DropdownToggleItemProps = PropsWithChildren<ToggleProps & DropdownBaseItemProps<HTMLInputElement>> & {
     /** Left aligned icon */
     startIcon?: IconComponentType;
-    children?: ReactNode;
-}
+};
 /** @deprecated */
-export declare const DropdownToggleItem: VFC<DropdownToggleItemProps>;
+export declare const DropdownToggleItem: FC<DropdownToggleItemProps>;

dist/esm/Overlay/Dropdown/components/DropdownToggleItem.js

@@ -37,7 +37,4 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 };
-_DropdownToggleItem.defaultProps = {
-  toggle: false
-};
 
 /** @deprecated */
 export var DropdownToggleItem = _DropdownToggleItem;

dist/esm/Overlay/Dropdown/Dropdown.d.ts

 import type { StrictModifiers } from "@popperjs/core";
-import type { ReactNode, VFC } from "react";
+import type { FC, PropsWithChildren, ReactNode } from "react";
 import { DropdownButtonItem } from "./components/DropdownButtonItem";
@@ -15,3 +15,3 @@ import { DropdownCollapsibleItem } from "./components/DropdownCollapsibleItem";
 }
-export interface DropdownProps {
+export declare type DropdownProps = PropsWithChildren<{
     /** Classes for the opened menu */
@@ -25,4 +25,3 @@ menuClassName?: string;
     renderFooter?: (params: RenderTargetParams) => ReactNode;
-    children?: ReactNode;
-}
+}>;
 declare type DropdownSubComponents = {
@@ -39,3 +38,3 @@ ButtonItem: typeof DropdownButtonItem;
 /** @deprecated use `MenuButton` instead */
-export declare const Dropdown: VFC<DropdownProps> & DropdownSubComponents;
+export declare const Dropdown: FC<DropdownProps> & DropdownSubComponents;
 export {};

dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItem.d.ts

@@ -1,2 +0,2 @@
-import type { FC, MouseEvent, ReactNode } from "react";
+import type { FC, MouseEvent, PropsWithChildren, ReactNode } from "react";
 export interface CollapsibleItemProps {
@@ -8,2 +8,2 @@ title: ReactNode;
 }
-export declare const CollapsibleItem: FC<CollapsibleItemProps>;
+export declare const CollapsibleItem: FC<PropsWithChildren<CollapsibleItemProps>>;

dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItemsGroup.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type CollapsibleItemsGroupProps = {
@@ -6,2 +6,2 @@ expandedItems: string[];
 };
-export declare const CollapsibleItemsGroup: FC<CollapsibleItemsGroupProps>;
+export declare const CollapsibleItemsGroup: FC<PropsWithChildren<CollapsibleItemsGroupProps>>;

dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItemsMultipleGroup.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type CollapsibleItemsMultiGroupProps = {
@@ -8,2 +8,2 @@ initialExpandedItems?: string[];
  */
-export declare const CollapsibleItemsMultipleGroup: FC<CollapsibleItemsMultiGroupProps>;
+export declare const CollapsibleItemsMultipleGroup: FC<PropsWithChildren<CollapsibleItemsMultiGroupProps>>;

dist/esm/Overlay/MenuButton/components/collapsible/CollapsibleItemsSingleGroup.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type CollapsibleItemsExclusiveGroupProps = {
@@ -8,2 +8,2 @@ initialExpandedItem?: string;
  */
-export declare const CollapsibleItemsSingleGroup: FC<CollapsibleItemsExclusiveGroupProps>;
+export declare const CollapsibleItemsSingleGroup: FC<PropsWithChildren<CollapsibleItemsExclusiveGroupProps>>;

dist/esm/Overlay/MenuButton/components/CustomTrigger.d.ts

 import type { DropdownMenuTriggerProps } from "@radix-ui/react-dropdown-menu";
-import { type FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type CustomTriggerProps = Omit<DropdownMenuTriggerProps, "asChild">;
-export declare const CustomTrigger: FC<CustomTriggerProps>;
+export declare const CustomTrigger: FC<PropsWithChildren<CustomTriggerProps>>;

dist/esm/Overlay/MenuButton/components/items/Item.d.ts

 import type { DropdownMenuItemProps } from "@radix-ui/react-dropdown-menu";
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { IconComponentType } from "../../../../Icons";
@@ -14,2 +14,2 @@ import type { BaseItemProps } from "../../useMenuItemProps";
 };
-export declare const Item: FC<ItemProps>;
+export declare const Item: FC<PropsWithChildren<ItemProps>>;

dist/esm/Overlay/MenuButton/components/items/LinkItem.d.ts

@@ -1,2 +0,2 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { IconComponentType } from "../../../../Icons";
@@ -15,3 +15,3 @@ import type { BaseItemProps } from "../../useMenuItemProps";
 };
-export declare const LinkItem: FC<LinkItemProps>;
+export declare const LinkItem: FC<PropsWithChildren<LinkItemProps>>;
 export {};

dist/esm/Overlay/MenuButton/components/items/RadioItem.d.ts

 import type { DropdownMenuRadioItemProps } from "@radix-ui/react-dropdown-menu";
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { BaseItemProps } from "../../useMenuItemProps";
 export declare type RadioItemProps = Pick<DropdownMenuRadioItemProps, "value" | "defaultChecked"> & BaseItemProps<HTMLDivElement>;
-export declare const RadioItem: FC<RadioItemProps>;
+export declare const RadioItem: FC<PropsWithChildren<RadioItemProps>>;

dist/esm/Overlay/MenuButton/components/items/ToggleItem.d.ts

 import type { DropdownMenuCheckboxItemProps } from "@radix-ui/react-dropdown-menu";
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 import type { IconComponentType } from "../../../../Icons";
@@ -7,2 +7,2 @@ export interface ToggleItemProps extends Omit<DropdownMenuCheckboxItemProps, "asChild"> {
 }
-export declare const ToggleItem: FC<ToggleItemProps>;
+export declare const ToggleItem: FC<PropsWithChildren<ToggleItemProps>>;

dist/esm/Overlay/MenuButton/components/Label.d.ts

@@ -1,3 +0,3 @@
-import type { FC } from "react";
+import type { FC, PropsWithChildren } from "react";
 export declare type LabelProps = JSX.IntrinsicElements["span"];
-export declare const Label: FC<LabelProps>;
+export declare const Label: FC<PropsWithChildren<LabelProps>>;

dist/esm/Overlay/MenuButton/MenuButton.d.ts

@@ -12,16 +12,16 @@ /// <reference types="react" />
     (props: MenuButtonProps): import("react/jsx-runtime").JSX.Element;
-    CollapsibleItem: import("react").FC<import("./components/collapsible").CollapsibleItemProps>;
-    CollapsibleItemsMultipleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsMultiGroupProps>;
-    CollapsibleItemsSingleGroup: import("react").FC<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>;
+    CollapsibleItem: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemProps>>;
+    CollapsibleItemsMultipleGroup: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemsMultiGroupProps>>;
+    CollapsibleItemsSingleGroup: import("react").FC<import("react").PropsWithChildren<import("./components/collapsible").CollapsibleItemsExclusiveGroupProps>>;
     Content: ({ children, className, ...rest }: import("./components/Content").MenuButtonContentProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    CustomTrigger: import("react").FC<import("./components/CustomTrigger").CustomTriggerProps>;
+    CustomTrigger: import("react").FC<import("react").PropsWithChildren<import("./components/CustomTrigger").CustomTriggerProps>>;
     Divider: () => import("react/jsx-runtime").JSX.Element;
-    Item: import("react").FC<import("./components/items").ItemProps>;
-    Label: import("react").FC<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>;
-    LinkItem: import("react").FC<import("./components/items").LinkItemProps>;
+    Item: import("react").FC<import("react").PropsWithChildren<import("./components/items").ItemProps>>;
+    Label: import("react").FC<import("react").PropsWithChildren<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>>>;
+    LinkItem: import("react").FC<import("react").PropsWithChildren<import("./components/items").LinkItemProps>>;
     RadioGroup: import("react").ForwardRefExoticComponent<DropdownMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    RadioItem: import("react").FC<import("./components/items").RadioItemProps>;
-    ToggleItem: import("react").FC<import("./components/items").ToggleItemProps>;
+    RadioItem: import("react").FC<import("react").PropsWithChildren<import("./components/items").RadioItemProps>>;
+    ToggleItem: import("react").FC<import("react").PropsWithChildren<import("./components/items").ToggleItemProps>>;
     Trigger: import("react").ForwardRefExoticComponent<import("./components/DefaultTrigger").DefaultTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
     displayName: string;
 };

dist/esm/Overlay/Modal/components/ModalFooter.d.ts

@@ -1,5 +0,5 @@
-import type { HTMLAttributes, ReactNode, VFC } from "react";
+import type { FC, HTMLAttributes, ReactNode } from "react";
 export declare type ModalFooterProps = HTMLAttributes<HTMLElement> & {
     children: ReactNode;
 };
-export declare const ModalFooter: VFC<ModalFooterProps>;
+export declare const ModalFooter: FC<ModalFooterProps>;

dist/esm/Overlay/Modal/components/ModalSection.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 export declare type ModalSectionProps = {
@@ -9,2 +9,2 @@ children: ReactNode;
 };
-export declare const ModalSection: VFC<ModalSectionProps>;
+export declare const ModalSection: FC<ModalSectionProps>;

dist/esm/Overlay/Modal/Modal.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { XOR } from "../../types";
@@ -61,3 +61,3 @@ import { ModalFooter } from "./components/ModalFooter";
  */
-export declare const Modal: VFC<ModalProps> & ModalSubComponents;
+export declare const Modal: FC<ModalProps> & ModalSubComponents;
 export {};

dist/esm/Overlay/Popover/Popover.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { PopoverProps } from "./types";
@@ -9,2 +9,2 @@ export declare const POPOVER_ARROW_TEST_ID = "arrow";
  */
-export declare const Popover: VFC<PopoverProps>;
+export declare const Popover: FC<PopoverProps>;

dist/esm/Overlay/Tooltip/OverflowTooltipWrapper.d.ts

@@ -1,2 +0,2 @@
-import type { VFC } from "react";
+import type { FC } from "react";
 import type { TooltipWrapperBaseProps } from "./types";
@@ -10,2 +10,2 @@ export interface OverflowTooltipWrapperProps extends TooltipWrapperBaseProps {
  */
-export declare const OverflowTooltipWrapper: VFC<OverflowTooltipWrapperProps>;
+export declare const OverflowTooltipWrapper: FC<OverflowTooltipWrapperProps>;

dist/esm/Overlay/Tooltip/TooltipWrapper.d.ts

@@ -1,2 +0,2 @@
-import type { ReactNode, VFC } from "react";
+import type { FC, ReactNode } from "react";
 import type { TooltipWrapperBaseProps } from "./types";
@@ -19,2 +19,2 @@ export interface TooltipWrapperProps extends TooltipWrapperBaseProps {
  */
-export declare const TooltipWrapper: VFC<TooltipWrapperProps>;
+export declare const TooltipWrapper: FC<TooltipWrapperProps>;

dist/esm/Overlay/Tooltip/types.d.ts

 import type { TooltipContentProps } from "@radix-ui/react-tooltip";
-import type { ReactElement, ReactText } from "react";
+import type { ReactElement } from "react";
 import type { TooltipVariant } from "./Tooltip";
@@ -67,3 +67,3 @@ export interface TooltipWrapperBaseProps {
      */
-    children: ReactElement | ReactText;
+    children: ReactElement | string | number;
 }

dist/esm/Satellite/Satellite.d.ts

@@ -1,2 +0,2 @@
-import { type ReactNode, type VFC } from "react";
+import { type FC, type ReactNode } from "react";
 import type { ComponentsLocales } from "./locale";
@@ -10,2 +10,2 @@ import type { SatelliteRouter } from "./SatelliteRouter";
 }
-export declare const Satellite: VFC<SatelliteProps>;
+export declare const Satellite: FC<SatelliteProps>;

dist/esm/utils/isCssPropertySupported.d.ts

@@ -1,1 +0,1 @@
-export declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "clipPath" | "marker" | "mask" | "grid" | "fontSize" | "translate" | "content" | "color" | "width" | "height" | "direction" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "offset" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "item" | "all" | "left" | "right" | "top" | "bottom" | "columns" | "padding" | "resize" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "counterIncrement" | "counterReset" | "counterSet" | "cssFloat" | "cssText" | "emptyCells" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFeatureSettings" | "fontKerning" | "fontOpticalSizing" | "fontSynthesis" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetDistance" | "offsetPath" | "offsetRotate" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "position" | "printColorAdjust" | "quotes" | "rowGap" | "rubyPosition" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarGutter" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTextFillColor" | "webkitTextSizeAdjust" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;
+export declare const isCssPropertySupported: <P extends number | typeof Symbol.iterator | "filter" | "fill" | "grid" | "fontSize" | "clipPath" | "marker" | "mask" | "translate" | "content" | "color" | "width" | "height" | "direction" | "alignmentBaseline" | "baselineShift" | "clip" | "clipRule" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "offset" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "item" | "all" | "border" | "left" | "right" | "columns" | "top" | "bottom" | "padding" | "resize" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "animation" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "appearance" | "aspectRatio" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caretColor" | "clear" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "contain" | "counterIncrement" | "counterReset" | "counterSet" | "cssFloat" | "cssText" | "emptyCells" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFeatureSettings" | "fontKerning" | "fontOpticalSizing" | "fontSynthesis" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "gap" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hyphens" | "imageOrientation" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "lineBreak" | "lineHeight" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offsetDistance" | "offsetPath" | "offsetRotate" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflowAnchor" | "overflowWrap" | "overflowX" | "overflowY" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "position" | "printColorAdjust" | "quotes" | "rowGap" | "rubyPosition" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapStop" | "scrollSnapType" | "scrollbarGutter" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textOrientation" | "textOverflow" | "textShadow" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "touchAction" | "transformBox" | "transformOrigin" | "transformStyle" | "transition" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "userSelect" | "verticalAlign" | "webkitAlignContent" | "webkitAlignItems" | "webkitAlignSelf" | "webkitAnimation" | "webkitAnimationDelay" | "webkitAnimationDirection" | "webkitAnimationDuration" | "webkitAnimationFillMode" | "webkitAnimationIterationCount" | "webkitAnimationName" | "webkitAnimationPlayState" | "webkitAnimationTimingFunction" | "webkitAppearance" | "webkitBackfaceVisibility" | "webkitBackgroundClip" | "webkitBackgroundOrigin" | "webkitBackgroundSize" | "webkitBorderBottomLeftRadius" | "webkitBorderBottomRightRadius" | "webkitBorderRadius" | "webkitBorderTopLeftRadius" | "webkitBorderTopRightRadius" | "webkitBoxAlign" | "webkitBoxFlex" | "webkitBoxOrdinalGroup" | "webkitBoxOrient" | "webkitBoxPack" | "webkitBoxShadow" | "webkitBoxSizing" | "webkitFilter" | "webkitFlex" | "webkitFlexBasis" | "webkitFlexDirection" | "webkitFlexFlow" | "webkitFlexGrow" | "webkitFlexShrink" | "webkitFlexWrap" | "webkitJustifyContent" | "webkitLineClamp" | "webkitMask" | "webkitMaskBoxImage" | "webkitMaskBoxImageOutset" | "webkitMaskBoxImageRepeat" | "webkitMaskBoxImageSlice" | "webkitMaskBoxImageSource" | "webkitMaskBoxImageWidth" | "webkitMaskClip" | "webkitMaskComposite" | "webkitMaskImage" | "webkitMaskOrigin" | "webkitMaskPosition" | "webkitMaskRepeat" | "webkitMaskSize" | "webkitOrder" | "webkitPerspective" | "webkitPerspectiveOrigin" | "webkitTextFillColor" | "webkitTextSizeAdjust" | "webkitTextStroke" | "webkitTextStrokeColor" | "webkitTextStrokeWidth" | "webkitTransform" | "webkitTransformOrigin" | "webkitTransformStyle" | "webkitTransition" | "webkitTransitionDelay" | "webkitTransitionDuration" | "webkitTransitionProperty" | "webkitTransitionTimingFunction" | "webkitUserSelect" | "whiteSpace" | "widows" | "willChange" | "wordBreak" | "wordWrap" | "zIndex" | "getPropertyPriority" | "getPropertyValue" | "removeProperty" | "setProperty">(prop: P, value: CSSStyleDeclaration[P]) => boolean;

package.json

 {
   "name": "@algolia/satellite",
-  "version": "1.11.0",
+  "version": "2.0.0-rc.1",
   "description": "Algolia design system React components",
@@ -102,3 +102,3 @@ "sideEffects": false,
     "@babel/preset-typescript": "^7.21.0",
-    "@chromatic-com/storybook": "^1.6.0",
+    "@chromatic-com/storybook": "^1.6.1",
     "@hookform/resolvers": "^3.3.3",
@@ -108,17 +108,18 @@ "@jsonforms/core": "^3.2.1",
     "@jsonforms/vanilla-renderers": "^3.2.1",
-    "@storybook/addon-a11y": "^8.1.11",
-    "@storybook/addon-actions": "^8.1.11",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-storysource": "^8.1.11",
+    "@storybook/addon-a11y": "^8.2.7",
+    "@storybook/addon-actions": "^8.2.7",
+    "@storybook/addon-essentials": "^8.2.7",
+    "@storybook/addon-storysource": "^8.2.7",
     "@storybook/addon-styling-webpack": "^1.0.0",
-    "@storybook/addon-webpack5-compiler-swc": "^1.0.4",
-    "@storybook/manager-api": "^8.1.11",
-    "@storybook/react": "^8.1.11",
-    "@storybook/react-webpack5": "^8.1.11",
-    "@storybook/test": "^8.1.11",
-    "@storybook/test-runner": "^0.18.0",
-    "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^14",
+    "@storybook/addon-webpack5-compiler-swc": "^1.0.5",
+    "@storybook/manager-api": "^8.2.7",
+    "@storybook/react": "^8.2.7",
+    "@storybook/react-webpack5": "^8.2.7",
+    "@storybook/test": "^8.2.7",
+    "@storybook/test-runner": "^0.19.1",
+    "@storybook/theming": "^8.2.7",
+    "@storybook/types": "^8.2.7",
+    "@testing-library/jest-dom": "^6.4.7",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.2",
     "@types/color": "^3.0.3",
@@ -129,4 +130,4 @@ "@types/diacritics": "^1.3.1",
     "@types/node": "^16",
-    "@types/react": "^17.0.40",
-    "@types/react-dom": "^17.0.13",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
     "@types/react-instantsearch-dom": "^6.12.0",
@@ -168,3 +169,3 @@ "@types/react-transition-group": "4.4.5",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^29.5.0",
+    "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.5.0",
@@ -180,4 +181,4 @@ "jest-junit": "^16.0.0",
     "prettier": "^2.4.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-hook-form": "^7.49.2",
@@ -188,3 +189,3 @@ "react-instantsearch-dom": "^6.29.0",
     "semver": "^7.3.4",
-    "storybook": "^8.1.11",
+    "storybook": "^8.2.7",
     "storybook-dark-mode": "^4.0.2",
@@ -191,0 +192,0 @@ "style-loader": "^3.3.3",

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2572985

increased by0.09%

Number of package files

1371

increased by0.29%

Worsened metrics

Dev dependency count

98

increased by1.03%

Lines of code

51488

decreased by-0.05%

Number of low quality alerts

1

increased byInfinity%

No dependency changes