rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250424

package/esm/internals/utils/date/getWeekStartDates.js

@@ -10,13 +10,11 @@ import { startOfWeek } from 'date-fns/startOfWeek';
  */
 export function getWeekStartDates(firstDayOfMonth, options) {
   const {
-    weekStart = 0,
-    isoWeek,
+    weekStart,
     locale
   } = options;
-  const weekStartsOn = isoWeek ? 1 : weekStart;
   const firstDay = startOfWeek(firstDayOfMonth, {
-    weekStartsOn,
+    weekStartsOn: weekStart,
     locale
   });
   const days = [firstDay];

package/esm/internals/utils/react/createComponent.js

@@ -3,9 +3,19 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import kebabCase from 'lodash/kebabCase';
 import Box from "../../Box/Box.js";
-import { useStyles } from "../../hooks/index.js";
 import { forwardRef } from "./forwardRef.js";
-import { useCustom } from "../../../CustomProvider/index.js";
+/**
+ * Why not import like this:
+ * ```
+ * import { useStyles, useCustom } from '../../hooks/index.js';
+ * ```
+ *
+ * We import useStyles and useCustom separately to prevent Vite from displaying Rollup warnings
+ * during the build process. This approach avoids circular dependency issues that could affect
+ * chunk division and optimizes the build output.
+ */
+import { useStyles } from "../../hooks/useStyles.js";
+import { useCustom } from "../../hooks/useCustom.js";
 /**
  * Create a component with `classPrefix` and `as` attributes.
  * By default, the component is based on Box component and inherits all Box props.

package/esm/useToaster/useToaster.js

@@ -1,9 +1,7 @@
 'use client';
 import { useMemo, useContext } from 'react';
 import toaster from "../toaster/index.js";
-// From CustomProvider/CustomProvider.tsx import CustomContext instead of directly from 'CustomProvider/index.ts'
-// because babel compiles commonjs, which causes CustomContext to be undefined
-import { CustomContext } from "../CustomProvider/CustomProvider.js";
+import { CustomContext } from "../internals/Provider/CustomContext.js";
 /**
  * Toaster display brief, temporary notifications of actions, errors, or other events in an application.
  * It is often used with the Message and Notification components.

package/internals/Burger/styles/index.less

@@ -0,0 +1,67 @@
+.rs-burger {
+  --rs-burger-size: 36px;
+  --rs-burger-thickness: 2px;
+  --rs-burger-color: currentColor;
+  --rs-burger-spacing: calc(var(--rs-spacing) * 1.5);
+  --rs-burger-line-size: calc(var(--rs-burger-size) - var(--rs-burger-spacing) * 2);
+
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  outline: none;
+  transition: background 0.2s;
+  box-sizing: border-box;
+  width: var(--rs-burger-size);
+  height: var(--rs-burger-size);
+  padding: var(--rs-burger-spacing);
+
+  // The burger line (middle)
+  &-line {
+    position: relative;
+    display: block;
+    width: var(--rs-burger-line-size);
+    height: var(--rs-burger-thickness);
+    background: var(--rs-burger-color);
+    border-radius: var(--rs-burger-thickness);
+    transition-property: background, transform;
+    transition-duration: 0.2s, 0.3s;
+    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    pointer-events: none;
+
+    // Top and bottom lines
+    &::before,
+    &::after {
+      content: '';
+      position: absolute;
+      display: block;
+      inset-inline-start: 0;
+      width: 100%;
+      height: var(--rs-burger-thickness);
+      background: var(--rs-burger-color);
+      border-radius: var(--rs-burger-thickness);
+      transition-property: transform;
+      transition-duration: 0.3s;
+      transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+    }
+
+    &::before {
+      top: calc(var(--rs-burger-line-size) / -3);
+    }
+    &::after {
+      top: calc(var(--rs-burger-line-size) / 3);
+    }
+  }
+
+  // Opened state animation
+  &:where([data-opened='true']) {
+    .rs-burger-line {
+      background: transparent;
+      &::before {
+        transform: translateY(calc(var(--rs-burger-line-size) / 3)) rotate(45deg);
+      }
+      &::after {
+        transform: translateY(calc(var(--rs-burger-line-size) / -3)) rotate(-45deg);
+      }
+    }
+  }
+}

package/internals/CloseButton/styles/index.less

@@ -12,14 +12,4 @@
   .rs-icon {
     vertical-align: bottom;
   }
-
-  &:hover,
-  &:focus {
-    color: var(--rs-close-button-hover-color);
-
-    svg path {
-      stroke: var(--rs-close-button-hover-color);
-      stroke-width: 1;
-    }
-  }
 }

package/internals/Picker/styles/index.less

@@ -24,6 +24,7 @@
   --rs-picker-loader-size: 20px;
   --rs-picker-toggle-border-width: 1px;
   --rs-picker-toggle-bg: var(--rs-input-bg);
+  --rs-picker-toggle-border-color: var(--rs-border-primary);
 
   display: inline-block;
   vertical-align: middle;
@@ -46,6 +47,10 @@
     .rs-picker-value-count {
       opacity: 0.5;
     }
+
+    .rs-picker-toggle {
+      pointer-events: none;
+    }
   }
 
   &-toggle &-toggle-placeholder {
@@ -73,14 +78,14 @@
     margin: 0 var(--rs-spacing) 0 0;
   }
 
-  &:not([data-disabled='true']):hover,
   &.rs-picker-focused {
     border-color: var(--rs-input-focus-border);
   }
 
   &-toggle-active,
   &.rs-picker-focused {
-    box-shadow: var(--rs-state-focus-shadow);
+    --rs-picker-toggle-border-color: var(--rs-input-focus-border);
+    .focus-ring();
   }
 
   &-label.rs-input-group-addon {
@@ -278,11 +283,8 @@
     });
   }
 
-  .rs-picker[data-variant='default'],
-  :not([data-disabled='true']) & {
-    &:hover,
-    &:focus,
-    &-active {
+  .rs-picker[data-variant='default'] {
+    &:focus {
       border-color: var(--rs-input-focus-border);
     }
   }
@@ -351,13 +353,14 @@
 
   // Picker clear button
   .rs-picker-clean {
-    .combobox-indicator-icon();
-
-    background: inherit;
     color: var(--rs-text-secondary);
     transition: 0.2s color linear;
     cursor: pointer;
 
+    &:hover {
+      color: var(--rs-text-primary);
+    }
+
     &.rs-btn-close {
       padding: 0;
     }

package/internals/Picker/styles/mixin.less

@@ -93,7 +93,9 @@
 .picker-default-toggle() {
   [data-variant='default'] & {
     color: var(--rs-text-primary);
-    border: var(--rs-picker-toggle-border-width) solid var(--rs-border-primary);
+    border-width: var(--rs-picker-toggle-border-width);
+    border-color: var(--rs-picker-toggle-border-color);
+    border-style: solid;
   }
 
   [data-disabled='true'] & {
@@ -101,7 +103,6 @@
   }
 
   [data-variant='default']:not([data-disabled='true']) {
-    &:hover,
     &:focus {
       border-color: var(--rs-input-focus-border);
     }
@@ -118,7 +119,6 @@
   .rs-picker[data-variant='subtle'][data-disabled='true'] & {
     cursor: @cursor-disabled;
 
-    &:hover,
     &:focus,
     &:active {
       background: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "6.0.0-canary-20250416",
+  "version": "6.0.0-canary-20250424",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -38,7 +38,7 @@
     "react-use-set": "^1.0.0",
     "react-window": "^1.8.11",
     "rsuite-table": "^5.19.1",
-    "schema-typed": "^2.4.1"
+    "schema-typed": "^2.4.2"
   },
   "peerDependencies": {
     "react": ">=18",
@@ -60,7 +60,7 @@
   "size-limit": [
     {
       "path": "lib/dist/rsuite.min.js",
-      "limit": "280 kB",
+      "limit": "300 kB",
       "gzip": true
     }
   ]

package/styles/color-modes/dark.less

@@ -76,10 +76,10 @@
   --rs-bg-active: var(--rs-primary-700);
   --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
   --rs-state-hover-bg: var(--rs-gray-600);
-  --rs-color-focus-ring: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-focus-outline: 3px solid rgb(from var(--rs-gray-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-color-focus-ring: 0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-focus-shadow: 0 0 0 2px rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-focus-outline: 2px solid rgb(from var(--rs-gray-500) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
 
   // Kbd
   --rs-kbd-bg: var(--rs-gray-600);
@@ -336,9 +336,6 @@
   --rs-badge-text: var(--rs-gray-0);
   --rs-badge-border: var(--rs-gray-900);
 
-  // Close Button
-  --rs-close-button-hover-color: var(--rs-color-red);
-
   // Tag
   --rs-tag-bg: var(--rs-gray-600);
 
@@ -407,9 +404,9 @@
   @supports not (color: rgb(from white r g b)) {
     // Misc
     --rs-bg-backdrop: fade(@B900-dark, 80%);
-    --rs-color-focus-ring: 0 0 0 3px fade(@H500-dark, 25%);
-    --rs-state-focus-shadow: 0 0 0 3px fade(@H500-dark, 25%);
-    --rs-state-focus-outline: 3px solid fade(@H500-dark, 25%);
+    --rs-color-focus-ring: 0 0 0 2px fade(@H500-dark, 25%);
+    --rs-state-focus-shadow: 0 0 0 2px fade(@H500-dark, 25%);
+    --rs-state-focus-outline: 2px solid fade(@H500-dark, 25%);
 
     // Loader
     --rs-loader-ring: fade(@B050-dark, 30);

package/styles/color-modes/high-contrast.less

@@ -78,10 +78,10 @@
   --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 80%);
   --rs-state-hover-bg: var(--rs-gray-600);
   --rs-color-focus-ring: var(--rs-gray-0);
-  --rs-state-focus-shadow: 0 0 0 3px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
+  --rs-state-focus-shadow: 0 0 0 2px var(--rs-gray-900), 0 0 0 5px var(--rs-gray-0);
   --rs-state-focus-shadow-slim: 0 0 0 2px var(--rs-gray-0);
-  --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-state-focus-outline: 2px solid rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
 
   // Kbd
   --rs-kbd-bg: var(--rs-gray-600);
@@ -342,9 +342,6 @@
   --rs-badge-text: var(--rs-gray-0);
   --rs-badge-border: var(--rs-gray-900);
 
-  // Close Button
-  --rs-close-button-hover-color: var(--rs-color-red);
-
   // Tag
   --rs-tag-bg: var(--rs-gray-600);
 

package/styles/color-modes/light.less

@@ -85,9 +85,9 @@
   --rs-bg-backdrop: rgb(from var(--rs-gray-900) r g b / 30%);
   --rs-state-hover-bg: var(--rs-primary-50);
   --rs-color-focus-ring: rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-focus-shadow: 0 0 0 3px rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-focus-outline: 3px solid rgb(from var(--rs-primary-500) r g b / 25%);
-  --rs-state-error-outline: 3px solid rgb(from var(--rs-color-red) r g b / 25%);
+  --rs-state-focus-shadow: 0 0 0 2px rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-focus-outline: 2px solid rgb(from var(--rs-primary-500) r g b / 25%);
+  --rs-state-error-outline: 2px solid rgb(from var(--rs-color-red) r g b / 25%);
 
   // Kbd
   --rs-kbd-bg: var(--rs-gray-50);
@@ -351,9 +351,6 @@
   --rs-badge-text: var(--rs-gray-0);
   --rs-badge-border: var(--rs-gray-0);
 
-  // Close Button
-  --rs-close-button-hover-color: var(--rs-color-red);
-
   // Tag
   --rs-tag-bg: var(--rs-gray-50);
 
@@ -425,8 +422,8 @@
     // Misc
     --rs-bg-backdrop: fade(@B900, 30%);
     --rs-color-focus-ring: fade(@H500, 25%);
-    --rs-state-focus-shadow: 0 0 0 3px fade(@H500, 25%);
-    --rs-state-focus-outline: 3px solid fade(@H500, 25%);
+    --rs-state-focus-shadow: 0 0 0 2px fade(@H500, 25%);
+    --rs-state-focus-outline: 2px solid fade(@H500, 25%);
 
     // Loader
     --rs-loader-ring: fade(@B050, 80);

package/styles/index.less

@@ -43,7 +43,7 @@
 @import '../Image/styles/index';
 @import '../Input/styles/index';
 @import '../InputGroup/styles/index';
-@import '../InputNumber/styles/index';
+@import '../NumberInput/styles/index';
 @import '../InputPicker/styles/index';
 @import '../Textarea/styles/index';
 @import '../InlineEdit/styles/index';
@@ -66,6 +66,7 @@
 @import '../Placeholder/styles/index';
 @import '../Popover/styles/index';
 @import '../Progress/styles/index';
+@import '../PinInput/styles/index';
 @import '../Radio/styles/index';
 @import '../RadioGroup/styles/index';
 @import '../RadioTile/styles/index';
@@ -102,3 +103,4 @@
 @import '../internals/Picker/styles/index';
 @import '../internals/SearchBox/styles/index';
 @import '../internals/Box/styles/index';
+@import '../internals/Burger/styles/index';

package/styles/mixins/utilities.less

@@ -124,11 +124,8 @@
 
 // Useful when appending the ring into an existing :focus rule
 .focus-ring() {
-  outline: 3px solid var(--rs-color-focus-ring);
-
-  .high-contrast-mode({
-    outline-offset: 2px;
-  });
+  outline: 2px solid var(--rs-color-focus-ring);
+  outline-offset: -1px;
 }
 
 .focus-ring(slim) {

package/cjs/CustomProvider/types.d.ts

@@ -1,234 +0,0 @@
-import type { AccordionProps } from '../Accordion';
-import type { AffixProps } from '../Affix';
-import type { BounceProps } from '../Animation/Bounce';
-import type { CollapseProps } from '../Animation/Collapse';
-import type { FadeProps } from '../Animation/Fade';
-import type { SlideProps } from '../Animation/Slide';
-import type { TransitionProps } from '../Animation/Transition';
-import type { AutoCompleteProps } from '../AutoComplete';
-import type { AvatarProps } from '../Avatar';
-import type { AvatarGroupProps } from '../AvatarGroup';
-import type { BadgeProps } from '../Badge';
-import type { BreadcrumbProps } from '../Breadcrumb';
-import type { ButtonProps } from '../Button';
-import type { ButtonGroupProps } from '../ButtonGroup';
-import type { ButtonToolbarProps } from '../ButtonToolbar';
-import type { CalendarProps } from '../Calendar';
-import type { CarouselProps } from '../Carousel';
-import type { CascadeTreeProps } from '../CascadeTree';
-import type { CascaderProps } from '../Cascader';
-import type { CardProps } from '../Card';
-import type { CardGroupProps } from '../CardGroup';
-import type { CheckPickerProps } from '../CheckPicker';
-import type { CheckTreeProps } from '../CheckTree';
-import type { CheckTreePickerProps } from '../CheckTreePicker';
-import type { CheckboxProps } from '../Checkbox';
-import type { CheckboxGroupProps } from '../CheckboxGroup';
-import type { ColProps } from '../Col';
-import type { ContainerProps } from '../Container';
-import type { ContentProps } from '../Content';
-import type { DateInputProps } from '../DateInput';
-import type { DatePickerProps } from '../DatePicker';
-import type { DateRangeInputProps } from '../DateRangeInput';
-import type { DateRangePickerProps } from '../DateRangePicker';
-import type { DividerProps } from '../Divider';
-import type { DrawerProps } from '../Drawer';
-import type { DropdownProps } from '../Dropdown';
-import type { FlexboxGridProps } from '../FlexboxGrid';
-import type { FooterProps } from '../Footer';
-import type { FormProps } from '../Form';
-import type { FormControlProps } from '../FormControl';
-import type { FormControlLabelProps } from '../FormControlLabel';
-import type { FormErrorMessageProps } from '../FormErrorMessage';
-import type { FormGroupProps } from '../FormGroup';
-import type { FormHelpTextProps } from '../FormHelpText';
-import type { FormStackProps } from '../FormStack';
-import type { GridProps } from '../Grid';
-import type { HeaderProps } from '../Header';
-import type { HeadingProps } from '../Heading';
-import type { HeadingGroupProps } from '../HeadingGroup';
-import type { HighlightProps } from '../Highlight';
-import type { IconButtonProps } from '../IconButton';
-import type { InlineEditProps } from '../InlineEdit';
-import type { InputProps } from '../Input';
-import type { InputGroupProps } from '../InputGroup';
-import type { InputNumberProps } from '../InputNumber';
-import type { InputPickerProps } from '../InputPicker';
-import type { KbdProps } from '../Kbd';
-import type { ImageProps } from '../Image';
-import type { LinkProps } from '../Link';
-import type { ListProps } from '../List';
-import type { LoaderProps } from '../Loader';
-import type { MaskedInputProps } from '../MaskedInput';
-import type { MessageProps } from '../Message';
-import type { ModalProps } from '../Modal';
-import type { MultiCascadeTreeProps } from '../MultiCascadeTree';
-import type { MultiCascaderProps } from '../MultiCascader';
-import type { NavProps } from '../Nav';
-import type { NavbarProps } from '../Navbar';
-import type { NotificationProps } from '../Notification';
-import type { PasswordInputProps } from '../PasswordInput';
-import type { PasswordStrengthMeterProps } from '../PasswordStrengthMeter';
-import type { PaginationProps } from '../Pagination';
-import type { PanelProps } from '../Panel';
-import type { PanelGroupProps } from '../PanelGroup';
-import type { PlaceholderGraphProps } from '../Placeholder/PlaceholderGraph';
-import type { PlaceholderGridProps } from '../Placeholder/PlaceholderGrid';
-import type { PlaceholderParagraphProps } from '../Placeholder/PlaceholderParagraph';
-import type { PopoverProps } from '../Popover';
-import type { ProgressCircleProps } from '../Progress/ProgressCircle';
-import type { ProgressLineProps } from '../Progress/ProgressLine';
-import type { RadioProps } from '../Radio';
-import type { RadioGroupProps } from '../RadioGroup';
-import type { RadioTileProps } from '../RadioTile';
-import type { RadioTileGroupProps } from '../RadioTileGroup';
-import type { RangeSliderProps } from '../RangeSlider';
-import type { RateProps } from '../Rate';
-import type { RowProps } from '../Row';
-import type { SelectPickerProps } from '../SelectPicker';
-import type { SidebarProps } from '../Sidebar';
-import type { SidenavProps } from '../Sidenav';
-import type { SliderProps } from '../Slider';
-import type { StackProps } from '../Stack';
-import type { StepsProps } from '../Steps';
-import type { StatProps } from '../Stat';
-import type { StatGroupProps } from '../StatGroup';
-import type { TableProps } from '../Table';
-import type { TabsProps } from '../Tabs';
-import type { TagProps } from '../Tag';
-import type { TagGroupProps } from '../TagGroup';
-import type { TagInputProps } from '../TagInput';
-import type { TagPickerProps } from '../TagPicker';
-import type { TextProps } from '../Text';
-import type { TimePickerProps } from '../TimePicker';
-import type { TimeRangePickerProps } from '../TimeRangePicker';
-import type { TimelineProps } from '../Timeline';
-import type { ToggleProps } from '../Toggle';
-import type { TooltipProps } from '../Tooltip';
-import type { TreeProps } from '../Tree';
-import type { TreePickerProps } from '../TreePicker';
-import type { TextareaProps } from '../Textarea';
-import type { UploaderProps } from '../Uploader';
-import type { VisuallyHiddenProps } from '../VisuallyHidden';
-import type { WhisperProps } from '../Whisper';
-import type { SafeAnchorProps } from '../internals/SafeAnchor';
-interface ComponentProps<T> {
-    defaultProps: Partial<T>;
-}
-export interface ReactSuiteComponents {
-    Accordion: ComponentProps<AccordionProps>;
-    Affix: ComponentProps<AffixProps>;
-    Bounce: ComponentProps<BounceProps>;
-    Collapse: ComponentProps<CollapseProps>;
-    Fade: ComponentProps<FadeProps>;
-    Slide: ComponentProps<SlideProps>;
-    Transition: ComponentProps<TransitionProps>;
-    AutoComplete: ComponentProps<AutoCompleteProps>;
-    Avatar: ComponentProps<AvatarProps>;
-    AvatarGroup: ComponentProps<AvatarGroupProps>;
-    Badge: ComponentProps<BadgeProps>;
-    Breadcrumb: ComponentProps<BreadcrumbProps>;
-    Button: ComponentProps<ButtonProps>;
-    ButtonGroup: ComponentProps<ButtonGroupProps>;
-    ButtonToolbar: ComponentProps<ButtonToolbarProps>;
-    Calendar: ComponentProps<CalendarProps>;
-    Carousel: ComponentProps<CarouselProps>;
-    CascadeTree: ComponentProps<CascadeTreeProps>;
-    Cascader: ComponentProps<CascaderProps>;
-    Card: ComponentProps<CardProps>;
-    CardGroup: ComponentProps<CardGroupProps>;
-    CheckPicker: ComponentProps<CheckPickerProps>;
-    CheckTree: ComponentProps<CheckTreeProps>;
-    CheckTreePicker: ComponentProps<CheckTreePickerProps>;
-    Checkbox: ComponentProps<CheckboxProps>;
-    CheckboxGroup: ComponentProps<CheckboxGroupProps>;
-    Col: ComponentProps<ColProps>;
-    Container: ComponentProps<ContainerProps>;
-    Content: ComponentProps<ContentProps>;
-    DateInput: ComponentProps<DateInputProps>;
-    DatePicker: ComponentProps<DatePickerProps>;
-    DateRangeInput: ComponentProps<DateRangeInputProps>;
-    DateRangePicker: ComponentProps<DateRangePickerProps>;
-    Divider: ComponentProps<DividerProps>;
-    Drawer: ComponentProps<DrawerProps>;
-    Dropdown: ComponentProps<DropdownProps>;
-    FlexboxGrid: ComponentProps<FlexboxGridProps>;
-    Footer: ComponentProps<FooterProps>;
-    Form: ComponentProps<FormProps>;
-    FormControl: ComponentProps<FormControlProps>;
-    FormControlLabel: ComponentProps<FormControlLabelProps>;
-    FormErrorMessage: ComponentProps<FormErrorMessageProps>;
-    FormGroup: ComponentProps<FormGroupProps>;
-    FormHelpText: ComponentProps<FormHelpTextProps>;
-    FormStack: ComponentProps<FormStackProps>;
-    Grid: ComponentProps<GridProps>;
-    Header: ComponentProps<HeaderProps>;
-    Heading: ComponentProps<HeadingProps>;
-    HeadingGroup: ComponentProps<HeadingGroupProps>;
-    Highlight: ComponentProps<HighlightProps>;
-    IconButton: ComponentProps<IconButtonProps>;
-    InlineEdit: ComponentProps<InlineEditProps>;
-    Input: ComponentProps<InputProps>;
-    InputGroup: ComponentProps<InputGroupProps>;
-    InputNumber: ComponentProps<InputNumberProps>;
-    InputPicker: ComponentProps<InputPickerProps>;
-    Image: ComponentProps<ImageProps>;
-    Kbd: ComponentProps<KbdProps>;
-    Link: ComponentProps<LinkProps>;
-    List: ComponentProps<ListProps>;
-    Loader: ComponentProps<LoaderProps>;
-    MaskedInput: ComponentProps<MaskedInputProps>;
-    Message: ComponentProps<MessageProps>;
-    Modal: ComponentProps<ModalProps>;
-    MultiCascadeTree: ComponentProps<MultiCascadeTreeProps>;
-    MultiCascader: ComponentProps<MultiCascaderProps>;
-    Nav: ComponentProps<NavProps>;
-    Navbar: ComponentProps<NavbarProps>;
-    Notification: ComponentProps<NotificationProps>;
-    PasswordInput: ComponentProps<PasswordInputProps>;
-    PasswordStrengthMeter: ComponentProps<PasswordStrengthMeterProps>;
-    Pagination: ComponentProps<PaginationProps>;
-    Panel: ComponentProps<PanelProps>;
-    PanelGroup: ComponentProps<PanelGroupProps>;
-    PlaceholderGraph: ComponentProps<PlaceholderGraphProps>;
-    PlaceholderGrid: ComponentProps<PlaceholderGridProps>;
-    PlaceholderParagraph: ComponentProps<PlaceholderParagraphProps>;
-    Popover: ComponentProps<PopoverProps>;
-    ProgressCircle: ComponentProps<ProgressCircleProps>;
-    ProgressLine: ComponentProps<ProgressLineProps>;
-    Radio: ComponentProps<RadioProps>;
-    RadioGroup: ComponentProps<RadioGroupProps>;
-    RadioTile: ComponentProps<RadioTileProps>;
-    RadioTileGroup: ComponentProps<RadioTileGroupProps>;
-    RangeSlider: ComponentProps<RangeSliderProps>;
-    Rate: ComponentProps<RateProps>;
-    Row: ComponentProps<RowProps>;
-    SelectPicker: ComponentProps<SelectPickerProps>;
-    Sidebar: ComponentProps<SidebarProps>;
-    Sidenav: ComponentProps<SidenavProps>;
-    Slider: ComponentProps<SliderProps>;
-    Stack: ComponentProps<StackProps>;
-    Steps: ComponentProps<StepsProps>;
-    Stat: ComponentProps<StatProps>;
-    StatGroup: ComponentProps<StatGroupProps>;
-    Table: ComponentProps<TableProps>;
-    Tabs: ComponentProps<TabsProps>;
-    Tag: ComponentProps<TagProps>;
-    TagGroup: ComponentProps<TagGroupProps>;
-    TagInput: ComponentProps<TagInputProps>;
-    TagPicker: ComponentProps<TagPickerProps>;
-    Text: ComponentProps<TextProps>;
-    TimePicker: ComponentProps<TimePickerProps>;
-    TimeRangePicker: ComponentProps<TimeRangePickerProps>;
-    Timeline: ComponentProps<TimelineProps>;
-    Toggle: ComponentProps<ToggleProps>;
-    Tooltip: ComponentProps<TooltipProps>;
-    Tree: ComponentProps<TreeProps>;
-    TreePicker: ComponentProps<TreePickerProps>;
-    Textarea: ComponentProps<TextareaProps>;
-    Uploader: ComponentProps<UploaderProps>;
-    VisuallyHidden: ComponentProps<VisuallyHiddenProps>;
-    Whisper: ComponentProps<WhisperProps>;
-    SafeAnchor: ComponentProps<SafeAnchorProps>;
-}
-export {};