@redis-ui/components 42.0.0 → 42.8.0

package/dist/index.cjs

@@ -1095,6 +1095,7 @@ const Badge_style = require("./Badge/Badge.style.cjs");
 const Badge_types = require("./Badge/Badge.types.cjs");
 const Banner = require("./Banner/Banner.cjs");
 const Banner_types = require("./Banner/Banner.types.cjs");
+const Breadcrumbs = require("./Breadcrumbs/Breadcrumbs.cjs");
 const BoxSelectionGroup = require("./BoxSelectionGroup/BoxSelectionGroup.cjs");
 const MultiBoxSelectionGroup = require("./BoxSelectionGroup/MultiBoxSelectionGroup.cjs");
 const Button = require("./Button/Button.cjs");
@@ -1143,6 +1144,8 @@ const InputValue_context = require("./Inputs/components/Context/InputValue.conte
 const Field_context = require("./Inputs/components/Context/Field.context.cjs");
 const FormField = require("./FormField/FormField.cjs");
 const FormField_context = require("./FormField/FormField.context.cjs");
+const KeyValueList = require("./KeyValueList/KeyValueList.cjs");
+const useKeyValueList = require("./KeyValueList/hooks/useKeyValueList.cjs");
 const Label = require("./Label/Label.cjs");
 const FlexItem = require("./Layouts/FlexItem/FlexItem.cjs");
 const FlexGroup = require("./Layouts/FlexGroup/FlexGroup.cjs");
@@ -1190,6 +1193,7 @@ const useEllipsisTooltip = require("./Typography/hooks/useEllipsisTooltip.cjs");
 const ProgressBar = require("./ProgressBar/ProgressBar.cjs");
 const ProfileIcon = require("./ProfileIcon/ProfileIcon.cjs");
 const ProfileIcon_style = require("./ProfileIcon/ProfileIcon.style.cjs");
+const Slider = require("./Slider/Slider.cjs");
 exports.AppBar = AppBar.default;
 exports.AppBarStyles = AppBar_style;
 exports.AppSelectionMenu = AppSelectionMenu.default;
@@ -1199,6 +1203,7 @@ exports.BadgeStyles = Badge_style;
 exports.badgeVariants = Badge_types.badgeVariants;
 exports.Banner = Banner.default;
 exports.bannerVariants = Banner_types.bannerVariants;
+exports.Breadcrumbs = Breadcrumbs.default;
 exports.BoxSelectionGroup = BoxSelectionGroup.default;
 exports.MultiBoxSelectionGroup = MultiBoxSelectionGroup.default;
 exports.Button = Button.default;
@@ -1265,15 +1270,20 @@ exports.FieldDisabledTransProvider = Field_context.FieldDisabledTransProvider;
 exports.useErrorContent = Field_context.useErrorContent;
 exports.useFieldDisabled = Field_context.useFieldDisabled;
 exports.FormField = FormField.default;
+exports.FieldAdditionTextIdProvider = FormField_context.FieldAdditionTextIdProvider;
+exports.FieldAdditionTextIdTransProvider = FormField_context.FieldAdditionTextIdTransProvider;
 exports.FieldReadonlyProvider = FormField_context.FieldReadonlyProvider;
 exports.FieldReadonlyTransProvider = FormField_context.FieldReadonlyTransProvider;
 exports.FieldRequiredProvider = FormField_context.FieldRequiredProvider;
 exports.FieldRequiredTransProvider = FormField_context.FieldRequiredTransProvider;
 exports.FieldStatusProvider = FormField_context.FieldStatusProvider;
 exports.FieldStatusTransProvider = FormField_context.FieldStatusTransProvider;
+exports.useFieldAdditionTextId = FormField_context.useFieldAdditionTextId;
 exports.useFieldReadonly = FormField_context.useFieldReadonly;
 exports.useFieldRequired = FormField_context.useFieldRequired;
 exports.useFieldStatus = FormField_context.useFieldStatus;
+exports.KeyValueList = KeyValueList.KeyValueList;
+exports.useKeyValueList = useKeyValueList.useKeyValueList;
 exports.Label = Label.default;
 exports.FlexItem = FlexItem.FlexItem;
 exports.FlexGroup = FlexGroup.FlexGroup;
@@ -1321,3 +1331,4 @@ exports.useEllipsisTooltip = useEllipsisTooltip.useEllipsisTooltip;
 exports.ProgressBar = ProgressBar.ProgressBar;
 exports.ProfileIcon = ProfileIcon.default;
 exports.ProfileIconStyles = ProfileIcon_style;
+exports.Slider = Slider.Slider;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export * from './AppSelectionMenu';
 export * from './AutoCompleteSelect';
 export * from './Badge';
 export * from './Banner';
+export * from './Breadcrumbs';
 export * from './BoxSelectionGroup';
 export * from './Button';
 export * from './ButtonGroup';
@@ -17,6 +18,7 @@ export * from './Filters';
 export * from './Helpers';
 export * from './Inputs';
 export * from './FormField';
+export * from './KeyValueList';
 export * from './Label';
 export * from './Layouts';
 export * from './Link';
@@ -47,3 +49,4 @@ export * from './TreeView';
 export * from './Typography';
 export * from './ProgressBar';
 export * from './ProfileIcon';
+export * from './Slider';

package/dist/index.js

@@ -1093,33 +1093,34 @@ import * as Badge_style from "./Badge/Badge.style.js";
 import { badgeVariants } from "./Badge/Badge.types.js";
 import { default as default6 } from "./Banner/Banner.js";
 import { bannerVariants } from "./Banner/Banner.types.js";
-import { default as default7 } from "./BoxSelectionGroup/BoxSelectionGroup.js";
-import { default as default8 } from "./BoxSelectionGroup/MultiBoxSelectionGroup.js";
-import { default as default9 } from "./Button/Button.js";
+import { default as default7 } from "./Breadcrumbs/Breadcrumbs.js";
+import { default as default8 } from "./BoxSelectionGroup/BoxSelectionGroup.js";
+import { default as default9 } from "./BoxSelectionGroup/MultiBoxSelectionGroup.js";
+import { default as default10 } from "./Button/Button.js";
 import * as Button_style from "./Button/Button.style.js";
-import { default as default10 } from "./Button/TextButton/TextButton.js";
+import { default as default11 } from "./Button/TextButton/TextButton.js";
 import * as TextButton_style from "./Button/TextButton/TextButton.style.js";
-import { default as default11 } from "./Button/IconButton/IconButton.js";
+import { default as default12 } from "./Button/IconButton/IconButton.js";
 import * as IconButton_style from "./Button/IconButton/IconButton.style.js";
-import { default as default12 } from "./Button/ActionIconButton/ActionIconButton.js";
+import { default as default13 } from "./Button/ActionIconButton/ActionIconButton.js";
 import * as ActionIconButton_style from "./Button/ActionIconButton/ActionIconButton.style.js";
-import { default as default13 } from "./Button/ToggleButton/ToggleButton.js";
+import { default as default14 } from "./Button/ToggleButton/ToggleButton.js";
 import * as ToggleButton_style from "./Button/ToggleButton/ToggleButton.style.js";
 import { buttonSizes, buttonVariants } from "./Button/Button.types.js";
 import { textButtonVariants } from "./Button/TextButton/TextButton.types.js";
 import { iconButtonSizes } from "./Button/IconButton/IconButton.types.js";
 import { actionIconButtonSizes, buttonWithIconVariants } from "./Button/ActionIconButton/ActionIconButton.types.js";
-import { default as default14 } from "./ButtonGroup/ButtonGroup.js";
-import { default as default15 } from "./Card/Card.js";
-import { default as default16 } from "./Checkbox/Checkbox.js";
-import { default as default17 } from "./Chip/Chip.js";
+import { default as default15 } from "./ButtonGroup/ButtonGroup.js";
+import { default as default16 } from "./Card/Card.js";
+import { default as default17 } from "./Checkbox/Checkbox.js";
+import { default as default18 } from "./Chip/Chip.js";
 import { ChipContainer } from "./Chip/components/Compose/Compose.style.js";
-import { default as default18 } from "./ChipList/ChipList.js";
-import { default as default19 } from "./CountryFlag/CountryFlag.js";
-import { default as default20 } from "./DatePicker/DatePicker.js";
-import { default as default21 } from "./DatePicker/RangeDatePicker.js";
-import { default as default22 } from "./Drawer/Drawer.js";
-import { default as default23 } from "./Filters/Filters.js";
+import { default as default19 } from "./ChipList/ChipList.js";
+import { default as default20 } from "./CountryFlag/CountryFlag.js";
+import { default as default21 } from "./DatePicker/DatePicker.js";
+import { default as default22 } from "./DatePicker/RangeDatePicker.js";
+import { default as default23 } from "./Drawer/Drawer.js";
+import { default as default24 } from "./Filters/Filters.js";
 import { childrenToString, combineHandlers, forwardRefWithGenerics, handlePreventDefault, handleStopPropagation, isFragmentElement, isTextualNode, memoWithGenerics } from "./Helpers/react.utils.js";
 import { generateId, useGeneratedId } from "./Helpers/generateId.js";
 import { debounce } from "./Helpers/debounce.js";
@@ -1130,67 +1131,70 @@ import { SelfContained } from "./Helpers/SelfContained.js";
 import { RestylableElement } from "./Helpers/RestylableElement.js";
 import { PopperProvider, usePopperContext } from "./Helpers/contexts/Popper/Popper.context.js";
 import { useScrollable } from "./Helpers/hooks/useScrollable.js";
-import { default as default24 } from "./Inputs/Input/Input.js";
-import { default as default25 } from "./Inputs/NumericInput/NumericInput.js";
-import { default as default26 } from "./Inputs/PasswordInput/PasswordInput.js";
-import { default as default27 } from "./Inputs/SearchInput/SearchInput.js";
-import { default as default28 } from "./Inputs/TextArea/TextArea.js";
-import { default as default29 } from "./Inputs/QuantityCounter/QuantityCounter.js";
+import { default as default25 } from "./Inputs/Input/Input.js";
+import { default as default26 } from "./Inputs/NumericInput/NumericInput.js";
+import { default as default27 } from "./Inputs/PasswordInput/PasswordInput.js";
+import { default as default28 } from "./Inputs/SearchInput/SearchInput.js";
+import { default as default29 } from "./Inputs/TextArea/TextArea.js";
+import { default as default30 } from "./Inputs/QuantityCounter/QuantityCounter.js";
 import { getClosestDivisibleNumber } from "./Inputs/hooks/numericInput/numericInput.utils.js";
 import { ContextProvider, useInputValueApi, useInputValueProps } from "./Inputs/components/Context/InputValue.context.js";
 import { ErrorContentProvider, FieldDisabledProvider, FieldDisabledTransProvider, useErrorContent, useFieldDisabled } from "./Inputs/components/Context/Field.context.js";
-import { default as default30 } from "./FormField/FormField.js";
-import { FieldReadonlyProvider, FieldReadonlyTransProvider, FieldRequiredProvider, FieldRequiredTransProvider, FieldStatusProvider, FieldStatusTransProvider, useFieldReadonly, useFieldRequired, useFieldStatus } from "./FormField/FormField.context.js";
-import { default as default31 } from "./Label/Label.js";
+import { default as default31 } from "./FormField/FormField.js";
+import { FieldAdditionTextIdProvider, FieldAdditionTextIdTransProvider, FieldReadonlyProvider, FieldReadonlyTransProvider, FieldRequiredProvider, FieldRequiredTransProvider, FieldStatusProvider, FieldStatusTransProvider, useFieldAdditionTextId, useFieldReadonly, useFieldRequired, useFieldStatus } from "./FormField/FormField.context.js";
+import { KeyValueList } from "./KeyValueList/KeyValueList.js";
+import { useKeyValueList } from "./KeyValueList/hooks/useKeyValueList.js";
+import { default as default32 } from "./Label/Label.js";
 import { FlexItem } from "./Layouts/FlexItem/FlexItem.js";
 import { FlexGroup } from "./Layouts/FlexGroup/FlexGroup.js";
 import { FlexSplit } from "./Layouts/FlexSplit/FlexSplit.js";
 import { FlexDivider } from "./Layouts/FlexDivider/FlexDivider.js";
-import { default as default32 } from "./Link/Link.js";
+import { default as default33 } from "./Link/Link.js";
 import { LinkStyler } from "./Link/LinkStyler/LinkStyler.js";
-import { default as default33 } from "./Loader/Loader.js";
-import { default as default34 } from "./Menu/Menu.js";
-import { default as default35 } from "./MidBar/MidBar.js";
-import { default as default36 } from "./Modal/Modal.js";
-import { default as default37 } from "./MoreInfoIcon/MoreInfoIcon.js";
-import { default as default38 } from "./MultiSelect/MultiSelect.js";
+import { default as default34 } from "./Loader/Loader.js";
+import { default as default35 } from "./Menu/Menu.js";
+import { default as default36 } from "./MidBar/MidBar.js";
+import { default as default37 } from "./Modal/Modal.js";
+import { default as default38 } from "./MoreInfoIcon/MoreInfoIcon.js";
+import { default as default39 } from "./MultiSelect/MultiSelect.js";
 import { useMultiSelectContext } from "./MultiSelect/components/Context/Context.js";
 import { Overflow } from "./Overflow/Overflow.js";
 import { usePaginationContext } from "./Pagination/Pagination.context.js";
 import { Pagination } from "./Pagination/Pagination.js";
-import { default as default39 } from "./Popover/Popover.js";
-import { default as default40 } from "./RadioGroup/RadioGroup.js";
+import { default as default40 } from "./Popover/Popover.js";
+import { default as default41 } from "./RadioGroup/RadioGroup.js";
 import { ScreenReaderAnnounce } from "./ScreenReaderAnnounce/ScreenReaderAnnounce.js";
-import { default as default41 } from "./SearchBar/SearchBar.js";
-import { default as default42 } from "./Section/Section.js";
-import { default as default43 } from "./Section/components/Header/components/CategoryValueList/CategoryValueList.js";
-import { default as default44 } from "./Select/Select.js";
+import { default as default42 } from "./SearchBar/SearchBar.js";
+import { default as default43 } from "./Section/Section.js";
+import { default as default44 } from "./Section/components/Header/components/CategoryValueList/CategoryValueList.js";
+import { default as default45 } from "./Select/Select.js";
 import { useSelectContext } from "./Select/components/Context/Context.js";
-import { default as default45 } from "./SideBar/SideBar.js";
-import { default as default46 } from "./Skeleton/Skeleton.js";
-import { default as default47 } from "./Stepper/Stepper.js";
+import { default as default46 } from "./SideBar/SideBar.js";
+import { default as default47 } from "./Skeleton/Skeleton.js";
+import { default as default48 } from "./Stepper/Stepper.js";
 import { StepperStepState } from "./Stepper/components/Step/Step.types.js";
-import { default as default48 } from "./Switch/Switch.js";
-import { default as default49 } from "./TableHeading/TableHeading.js";
-import { default as default50 } from "./Tabs/Tabs.js";
+import { default as default49 } from "./Switch/Switch.js";
+import { default as default50 } from "./TableHeading/TableHeading.js";
+import { default as default51 } from "./Tabs/Tabs.js";
 import { ThemeModeSwitch } from "./ThemeModeSwitch/ThemeModeSwitch.js";
 import { useThemeModeSwitch } from "./ThemeModeSwitch/useThemeModeSwitch.js";
 import { useToastParams } from "./Toast/core/context.js";
-import { default as default51 } from "./Toast/Toast.js";
-import { default as default52 } from "./Toast/Toaster.js";
+import { default as default52 } from "./Toast/Toast.js";
+import { default as default53 } from "./Toast/Toaster.js";
 import { toast } from "./Toast/core/core.js";
-import { default as default53 } from "./Tooltip/Tooltip.js";
-import { default as default54 } from "./Tooltip/Provider/Provider.js";
-import { default as default55 } from "./Tooltip/components/TooltipCard/TooltipCard.js";
-import { default as default56 } from "./TreeView/TreeView.js";
-import { default as default57 } from "./Typography/Typography.js";
+import { default as default54 } from "./Tooltip/Tooltip.js";
+import { default as default55 } from "./Tooltip/Provider/Provider.js";
+import { default as default56 } from "./Tooltip/components/TooltipCard/TooltipCard.js";
+import { default as default57 } from "./TreeView/TreeView.js";
+import { default as default58 } from "./Typography/Typography.js";
 import { useEllipsisTooltip } from "./Typography/hooks/useEllipsisTooltip.js";
 import { ProgressBar } from "./ProgressBar/ProgressBar.js";
-import { default as default58 } from "./ProfileIcon/ProfileIcon.js";
+import { default as default59 } from "./ProfileIcon/ProfileIcon.js";
 import * as ProfileIcon_style from "./ProfileIcon/ProfileIcon.style.js";
+import { Slider } from "./Slider/Slider.js";
 export {
   ActionIconButton_style as ActionButtonWithIconStyles,
-  default12 as ActionIconButton,
+  default13 as ActionIconButton,
   default2 as AppBar,
   AppBar_style as AppBarStyles,
   default3 as AppSelectionMenu,
@@ -1198,22 +1202,25 @@ export {
   default5 as Badge,
   Badge_style as BadgeStyles,
   default6 as Banner,
-  default7 as BoxSelectionGroup,
-  default9 as Button,
-  default14 as ButtonGroup,
+  default8 as BoxSelectionGroup,
+  default7 as Breadcrumbs,
+  default10 as Button,
+  default15 as ButtonGroup,
   Button_style as ButtonStyles,
   IconButton_style as ButtonWithIconStyles,
-  default15 as Card,
-  default43 as CategoryValueList,
-  default16 as Checkbox,
-  default17 as Chip,
+  default16 as Card,
+  default44 as CategoryValueList,
+  default17 as Checkbox,
+  default18 as Chip,
   ChipContainer,
-  default18 as ChipList,
+  default19 as ChipList,
   ContextProvider,
-  default19 as CountryFlag,
-  default20 as DatePicker,
-  default22 as Drawer,
+  default20 as CountryFlag,
+  default21 as DatePicker,
+  default23 as Drawer,
   ErrorContentProvider,
+  FieldAdditionTextIdProvider,
+  FieldAdditionTextIdTransProvider,
   FieldDisabledProvider,
   FieldDisabledTransProvider,
   FieldReadonlyProvider,
@@ -1222,65 +1229,67 @@ export {
   FieldRequiredTransProvider,
   FieldStatusProvider,
   FieldStatusTransProvider,
-  default23 as Filters,
+  default24 as Filters,
   FlexDivider,
   FlexGroup,
   FlexItem,
   FlexSplit,
-  default30 as FormField,
-  default11 as IconButton,
-  default24 as Input,
-  default31 as Label,
-  default32 as Link,
+  default31 as FormField,
+  default12 as IconButton,
+  default25 as Input,
+  KeyValueList,
+  default32 as Label,
+  default33 as Link,
   LinkStyler,
-  default33 as Loader,
-  default34 as Menu,
-  default35 as MidBar,
-  default36 as Modal,
-  default37 as MoreInfoIcon,
-  default8 as MultiBoxSelectionGroup,
-  default38 as MultiSelect,
-  default25 as NumericInput,
+  default34 as Loader,
+  default35 as Menu,
+  default36 as MidBar,
+  default37 as Modal,
+  default38 as MoreInfoIcon,
+  default9 as MultiBoxSelectionGroup,
+  default39 as MultiSelect,
+  default26 as NumericInput,
   Overflow,
   Pagination,
-  default26 as PasswordInput,
-  default39 as Popover,
+  default27 as PasswordInput,
+  default40 as Popover,
   PopperProvider,
-  default58 as ProfileIcon,
+  default59 as ProfileIcon,
   ProfileIcon_style as ProfileIconStyles,
   ProgressBar,
-  default29 as QuantityCounter,
-  default40 as RadioGroup,
-  default21 as RangeDatePicker,
+  default30 as QuantityCounter,
+  default41 as RadioGroup,
+  default22 as RangeDatePicker,
   RestylableElement,
   ScreenReaderAnnounce,
-  default41 as SearchBar,
-  default27 as SearchInput,
-  default42 as Section,
-  default44 as Select,
+  default42 as SearchBar,
+  default28 as SearchInput,
+  default43 as Section,
+  default45 as Select,
   SelfContained,
   SharedIdProvider,
   SharedIdTransProvider,
-  default45 as SideBar,
-  default46 as Skeleton,
-  default47 as Stepper,
+  default46 as SideBar,
+  default47 as Skeleton,
+  Slider,
+  default48 as Stepper,
   StepperStepState,
-  default48 as Switch,
-  default49 as TableHeading,
-  default50 as Tabs,
-  default28 as TextArea,
-  default10 as TextButton,
+  default49 as Switch,
+  default50 as TableHeading,
+  default51 as Tabs,
+  default29 as TextArea,
+  default11 as TextButton,
   TextButton_style as TextButtonStyles,
   ThemeModeSwitch,
-  default51 as Toast,
-  default52 as Toaster,
-  default13 as ToggleButton,
+  default52 as Toast,
+  default53 as Toaster,
+  default14 as ToggleButton,
   ToggleButton_style as ToggleButtonStyles,
-  default53 as Tooltip,
-  default55 as TooltipCard,
-  default54 as TooltipProvider,
-  default56 as TreeView,
-  default57 as Typography,
+  default54 as Tooltip,
+  default56 as TooltipCard,
+  default55 as TooltipProvider,
+  default57 as TreeView,
+  default58 as Typography,
   actionIconButtonSizes,
   badgeVariants,
   bannerVariants,
@@ -1305,6 +1314,7 @@ export {
   toast,
   useEllipsisTooltip,
   useErrorContent,
+  useFieldAdditionTextId,
   useFieldDisabled,
   useFieldReadonly,
   useFieldRequired,
@@ -1312,6 +1322,7 @@ export {
   useGeneratedId,
   useInputValueApi,
   useInputValueProps,
+  useKeyValueList,
   useMultiSelectContext,
   usePaginationContext,
   usePopperContext,