@redis-ui/components 41.11.0 → 42.7.0

package/dist/TreeView/components/TreeItem/TreeItem.context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TreeItemContextType } from './TreeItem.types';
 export declare const TreeItemContext: import("react").Context<TreeItemContextType | null>;
 export declare function useTreeItemContext(): TreeItemContextType | null;

package/dist/TreeView/components/TreeItem/TreeItem.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { TreeItemProps } from './TreeItem.types';
 declare const TreeItem: (({ label, checked, onCheckedChange, disabled, icon, children, ...restProps }: TreeItemProps) => import("react/jsx-runtime").JSX.Element) & {
     Compose: ({ children, hidden, ...restProps }: import("./components/Compose/Compose.types").TreeItemComposeProps) => import("react/jsx-runtime").JSX.Element;
     Header: (props: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-    Expander: ({ children }: import("react").HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
+    Expander: ({ children }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element | null;
     ExpandButton: () => import("react/jsx-runtime").JSX.Element;
     Checkbox: ({ checked, onCheckedChange, icon: IconElement, disabled, ...props }: import("./components/Checkbox/Checkbox.types").TreeItemCheckboxProps & import("./components/Checkbox/Checkbox.types").RestTreeItemCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/TreeView/components/TreeItem/components/Checkbox/Checkbox.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const FullWidthCheckbox: import("styled-components").StyledComponent<({ defaultChecked, checked, onCheckedChange, required, disabled, id, variant, ...restProps }: import("../../../../../Checkbox/components/Compose/Compose.types").CheckboxComposeProps & import("../../../../../Checkbox/components/Compose/Compose.types").RestCheckboxComposeProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;
 export declare const FullWidthCheckboxLabel: import("styled-components").StyledComponent<({ children, ...restProps }: import("../../../../../Checkbox/components/Label/Label.types").CheckboxLabelProps) => import("react/jsx-runtime").JSX.Element | null, any, {}, never>;
 export declare const TextEllipsis: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../Typography").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>, any, {}, never>;

package/dist/TreeView/components/TreeItem/components/Compose/Compose.types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface TreeItemComposeProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
 }

package/dist/TreeView/components/TreeItem/components/ExpandButton/ExpandButton.style.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconButtonSizes } from '../../../../../Button';
 export declare const CustomIconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../../Button").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const SpaceFiller: import("styled-components").StyledComponent<"div", any, {

package/dist/TreeView/components/TreeItem/components/Expander/Expander.style.d.ts

@@ -1,3 +1,3 @@
 export declare const TreeItemExpanderContainer: import("styled-components").StyledComponent<"div", any, {
-    $isExpanded?: boolean | undefined;
+    $isExpanded?: boolean;
 }, never>;

package/dist/Typography/Typography.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Typography: {
     Heading: import("react").ForwardRefExoticComponent<import(".").TypographyHeadingProps & import("react").RefAttributes<HTMLElement>>;
     Body: import("react").ForwardRefExoticComponent<import(".").TypographyBodyProps & import("react").RefAttributes<HTMLElement>>;

package/dist/Typography/components/Base/Base.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyBaseProps } from './Base.types';
 declare const TypographyBase: import("react").ForwardRefExoticComponent<TypographyBaseProps & import("react").RefAttributes<HTMLElement>>;
 export default TypographyBase;

package/dist/Typography/components/Base/Base.style.d.ts

@@ -1,3 +1,3 @@
 export declare const TypographyBase: import("styled-components").StyledComponent<"span", any, {
-    $ellipsis?: boolean | undefined;
+    $ellipsis?: boolean;
 }, never>;

package/dist/Typography/components/Body/Body.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyBodyProps } from './Body.types';
 declare const TypographyBody: import("react").ForwardRefExoticComponent<TypographyBodyProps & import("react").RefAttributes<HTMLElement>>;
 export default TypographyBody;

package/dist/Typography/components/Code/Code.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyCodeProps } from './Code.types';
 declare const TypographyCode: import("react").ForwardRefExoticComponent<TypographyCodeProps & import("react").RefAttributes<HTMLElement>>;
 export default TypographyCode;

package/dist/Typography/components/Heading/Heading.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyHeadingProps } from './Heading.types';
 declare const TypographyHeading: import("react").ForwardRefExoticComponent<TypographyHeadingProps & import("react").RefAttributes<HTMLElement>>;
 export default TypographyHeading;

package/dist/Typography/components/Heading/Heading.style.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { TypographyHeadingSize, TypographyHeadingVariant } from './Heading.types';
 import { TypographyColor } from '../../Typography.types';
 export declare const TypographyHeading: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").TypographyBaseProps & import("react").RefAttributes<HTMLElement>>, any, {
     $size: TypographyHeadingSize;
-    $color?: TypographyColor | undefined;
-    $variant?: TypographyHeadingVariant | undefined;
+    $color?: TypographyColor;
+    $variant?: TypographyHeadingVariant;
 }, never>;

package/dist/Typography/hooks/useEllipsisTooltip.d.ts

@@ -2,7 +2,7 @@ import { HTMLAttributes, MouseEventHandler, Ref } from 'react';
 export type EllipsisTooltipParams<T extends HTMLElement = HTMLElement> = {
     tooltipOnEllipsis?: boolean | string | undefined;
 } & Pick<HTMLAttributes<T>, 'onMouseEnter' | 'onMouseLeave' | 'title'>;
-export declare const useEllipsisTooltip: <T extends HTMLElement = HTMLElement>({ tooltipOnEllipsis, onMouseEnter, onMouseLeave, title }: EllipsisTooltipParams<T>, ref?: Ref<T> | undefined) => {
+export declare const useEllipsisTooltip: <T extends HTMLElement = HTMLElement>({ tooltipOnEllipsis, onMouseEnter, onMouseLeave, title }: EllipsisTooltipParams<T>, ref?: Ref<T>) => {
     readonly ref: (node: T) => void;
     readonly title: string | undefined;
     readonly onMouseEnter: MouseEventHandler<T> | undefined;

package/dist/index.cjs

@@ -1143,6 +1143,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 +1192,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;
@@ -1265,15 +1268,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 +1329,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

@@ -17,6 +17,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 +48,4 @@ export * from './TreeView';
 export * from './Typography';
 export * from './ProgressBar';
 export * from './ProfileIcon';
+export * from './Slider';

package/dist/index.js

@@ -1140,7 +1140,9 @@ import { getClosestDivisibleNumber } from "./Inputs/hooks/numericInput/numericIn
 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 { 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 default31 } from "./Label/Label.js";
 import { FlexItem } from "./Layouts/FlexItem/FlexItem.js";
 import { FlexGroup } from "./Layouts/FlexGroup/FlexGroup.js";
@@ -1188,6 +1190,7 @@ import { useEllipsisTooltip } from "./Typography/hooks/useEllipsisTooltip.js";
 import { ProgressBar } from "./ProgressBar/ProgressBar.js";
 import { default as default58 } 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,
@@ -1214,6 +1217,8 @@ export {
   default20 as DatePicker,
   default22 as Drawer,
   ErrorContentProvider,
+  FieldAdditionTextIdProvider,
+  FieldAdditionTextIdTransProvider,
   FieldDisabledProvider,
   FieldDisabledTransProvider,
   FieldReadonlyProvider,
@@ -1230,6 +1235,7 @@ export {
   default30 as FormField,
   default11 as IconButton,
   default24 as Input,
+  KeyValueList,
   default31 as Label,
   default32 as Link,
   LinkStyler,
@@ -1263,6 +1269,7 @@ export {
   SharedIdTransProvider,
   default45 as SideBar,
   default46 as Skeleton,
+  Slider,
   default47 as Stepper,
   StepperStepState,
   default48 as Switch,
@@ -1305,6 +1312,7 @@ export {
   toast,
   useEllipsisTooltip,
   useErrorContent,
+  useFieldAdditionTextId,
   useFieldDisabled,
   useFieldReadonly,
   useFieldRequired,
@@ -1312,6 +1320,7 @@ export {
   useGeneratedId,
   useInputValueApi,
   useInputValueProps,
+  useKeyValueList,
   useMultiSelectContext,
   usePaginationContext,
   usePopperContext,