@drivenets/design-system 0.7.1 → 0.7.3

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as react from "react";
-import React$1, { CSSProperties, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, SVGProps } from "react";
+import React, { CSSProperties, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, SVGProps } from "react";
 import { Root } from "@radix-ui/react-checkbox";
 import { DatePickerRootProps } from "@ark-ui/react/date-picker";
 import { UseDialogProps } from "@ark-ui/react/dialog";
@@ -6354,7 +6354,7 @@ interface DsAlertBannerProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Optional children to be rendered inside the component (typically action buttons)
    */
@@ -6440,7 +6440,7 @@ interface DsAutocompleteProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Additional CSS class names
    */
@@ -6486,7 +6486,7 @@ interface DsAutocompleteProps {
   /**
    * Content to display at the start of the input (e.g., a search icon).
    */
-  startAdornment?: React$1.ReactNode;
+  startAdornment?: React.ReactNode;
   /**
    * Event handler called when the value changes (when an option is selected)
    */
@@ -6638,7 +6638,7 @@ interface DsBreadcrumbProps {
 /**
  * Design system Breadcrumb component
  */
-declare const DsBreadcrumb: React$1.FC<DsBreadcrumbProps>;
+declare const DsBreadcrumb: React.FC<DsBreadcrumbProps>;
 //#endregion
 //#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts
 declare const buttonSchemas: readonly ["primary", "secondary", "error"];
@@ -6647,7 +6647,7 @@ declare const buttonVariants$1: readonly ["filled", "ghost", "borderless", "roun
 type ButtonVariant$1 = (typeof buttonVariants$1)[number];
 declare const buttonSizes$1: readonly ["large", "medium", "small"];
 type ButtonSize$1 = (typeof buttonSizes$1)[number];
-interface DsButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Color schema of the button
    * @default 'primary'
@@ -6679,9 +6679,9 @@ declare const buttonTypes: readonly ["primary", "secondary", "secondary-light",
 type ButtonType = (typeof buttonTypes)[number];
 declare const buttonVariants: readonly ["filled", "ghost", "danger", "dark"];
 type ButtonVariant = (typeof buttonVariants)[number];
-declare const buttonSizes: readonly ["large", "medium", "small"];
+declare const buttonSizes: readonly ["large", "medium", "small", "tiny"];
 type ButtonSize = (typeof buttonSizes)[number];
-interface DsButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Type of the button
    * @default 'primary'
@@ -6816,7 +6816,13 @@ declare const DsCard: {
 };
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.types.d.ts
+declare const checkboxVariants: readonly ["default", "warning"];
+type CheckboxVariant = (typeof checkboxVariants)[number];
 interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
+  /**
+   * Visual variant of the checkbox
+   */
+  variant?: CheckboxVariant;
   /**
    * Label for the checkbox
    */
@@ -6845,7 +6851,7 @@ interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
 /**
  * Design system Checkbox component
  */
-declare const DsCheckbox: React$1.FC<DsCheckboxProps>;
+declare const DsCheckbox: React.FC<DsCheckboxProps>;
 //#endregion
 //#region src/components/ds-chip/ds-chip.types.d.ts
 /**
@@ -6908,7 +6914,7 @@ interface DsChipProps {
  * @deprecated This component is deprecated. Use `DsTag` instead.
  * @see {@link ../ds-tag} for the replacement component.
  */
-declare const DsChip: React$1.FC<DsChipProps>;
+declare const DsChip: React.FC<DsChipProps>;
 //#endregion
 //#region src/components/ds-chip-group/ds-chip-group.types.d.ts
 /**
@@ -6974,7 +6980,7 @@ interface DsChipGroupProps {
  * @deprecated This component is deprecated. Use `DsTagFilter` instead.
  * @see {@link ../ds-tag-filter} for the replacement component.
  */
-declare const DsChipGroup: React$1.FC<DsChipGroupProps>;
+declare const DsChipGroup: React.FC<DsChipGroupProps>;
 //#endregion
 //#region src/components/ds-comment-card/ds-comment-card.types.d.ts
 interface CommentAuthor {
@@ -7460,7 +7466,7 @@ interface DsDialogProps {
   /**
    * The content to render inside the dialog.
    */
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   /**
    * Additional CSS class names for the dialog container.
    */
@@ -7468,7 +7474,7 @@ interface DsDialogProps {
   /**
    * Ref to the element the dialog should be anchored to (for relative placement)
    */
-  anchorRef?: React$1.RefObject<HTMLElement>;
+  anchorRef?: React.RefObject<HTMLElement>;
   /**
    * Custom fixed position (e.g., { top: number, left: number })
    */
@@ -7483,7 +7489,7 @@ interface DsDialogProps {
 }
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.d.ts
-declare const DsDialog: React$1.FC<DsDialogProps>;
+declare const DsDialog: React.FC<DsDialogProps>;
 //#endregion
 //#region src/components/ds-divider/ds-divider.types.d.ts
 interface DsDividerProps {
@@ -7495,11 +7501,11 @@ interface DsDividerProps {
    * Underlying element/component to render.
    * Examples: "hr", "div", "span", Link, etc.
    */
-  component?: React$1.ElementType;
+  component?: React.ElementType;
   /**
    * Additional CSS styles.
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Additional CSS classes.
    */
@@ -7507,7 +7513,7 @@ interface DsDividerProps {
 }
 //#endregion
 //#region src/components/ds-divider/ds-divider.d.ts
-declare const DsDivider: React$1.FC<DsDividerProps>;
+declare const DsDivider: React.FC<DsDividerProps>;
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.types.d.ts
 /**
@@ -7894,7 +7900,7 @@ type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
  * Use compound component pattern instead
  * @deprecated
  */
-declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
+declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
 /**
  * Design system  DsDropdownMenu component
  *
@@ -7926,18 +7932,18 @@ declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
  * </DsDropdownMenu.Root>
  */
 declare const DsDropdownMenu: {
-  Root: React$1.FC<DsDropdownMenuRootProps>;
-  Trigger: React$1.FC<Menu.TriggerProps>;
-  Content: React$1.FC<DsDropdownMenuContentProps>;
-  Item: React$1.FC<DsDropdownMenuItemProps>;
-  ItemIndicator: React$1.FC<DsDropdownMenuItemIndicatorProps>;
-  TriggerItem: React$1.FC<Menu.TriggerItemProps>;
-  Header: React$1.FC<DsDropdownMenuHeaderProps>;
-  Actions: React$1.FC<DsDropdownMenuActionsProps>;
-  ItemGroup: React$1.FC<DsDropdownMenuItemGroupProps>;
-  ItemGroupLabel: React$1.FC<Menu.ItemGroupLabelProps>;
-  ItemGroupContent: React$1.FC<DsDropdownMenuItemGroupContentProps>;
-  Separator: React$1.FC<Menu.SeparatorProps>;
+  Root: React.FC<DsDropdownMenuRootProps>;
+  Trigger: React.FC<Menu.TriggerProps>;
+  Content: React.FC<DsDropdownMenuContentProps>;
+  Item: React.FC<DsDropdownMenuItemProps>;
+  ItemIndicator: React.FC<DsDropdownMenuItemIndicatorProps>;
+  TriggerItem: React.FC<Menu.TriggerItemProps>;
+  Header: React.FC<DsDropdownMenuHeaderProps>;
+  Actions: React.FC<DsDropdownMenuActionsProps>;
+  ItemGroup: React.FC<DsDropdownMenuItemGroupProps>;
+  ItemGroupLabel: React.FC<Menu.ItemGroupLabelProps>;
+  ItemGroupContent: React.FC<DsDropdownMenuItemGroupContentProps>;
+  Separator: React.FC<Menu.SeparatorProps>;
 };
 //#endregion
 //#region src/components/ds-text-input/ds-text-input.types.d.ts
@@ -7951,7 +7957,7 @@ interface DsTextInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React$1.Ref<HTMLInputElement>;
+  ref?: React.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -7966,20 +7972,24 @@ interface DsTextInputProps {
    * @default text
    */
   type?: string;
+  /**
+   * Event handler called when the input field receives focus
+   */
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
    * Event handler called when the input field loses focus
    *
    * @param event
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when a key is pressed down
    */
-  onKeyDown?: (event: React$1.KeyboardEvent<HTMLInputElement>) => void;
+  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the value)
    */
@@ -7991,7 +8001,7 @@ interface DsTextInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8025,6 +8035,10 @@ interface DsTextInputProps {
    * Whether the input is disabled
    */
   disabled?: boolean;
+  /**
+   * Whether the input is read only
+   */
+  readOnly?: boolean;
   /**
    * The tabIndex of the input
    */
@@ -8034,16 +8048,16 @@ interface DsTextInputProps {
      * Custom component to wrap the input element
      */
     inputWrapper?: ComponentType<{
-      children: React$1.ReactNode;
+      children: React.ReactNode;
     }>;
     /**
      * Adornment to display at the start of the input
      */
-    startAdornment?: React$1.ReactNode;
+    startAdornment?: React.ReactNode;
     /**
      * Adornment to display at the end of the input
      */
-    endAdornment?: React$1.ReactNode;
+    endAdornment?: React.ReactNode;
   };
 }
 //#endregion
@@ -8071,6 +8085,7 @@ declare function DsExpandableTextInput({
   onClear,
   onExpandChange,
   icon,
+  size,
   ...props
 }: DsExpandableTextInputProps): react_jsx_runtime0.JSX.Element;
 //#endregion
@@ -8225,7 +8240,7 @@ interface FileUploadProps {
  * Design system base File Upload component
  * Used in conjunction with the useFileUpload hook
  */
-declare const FileUpload: React$1.FC<FileUploadProps>;
+declare const FileUpload: React.FC<FileUploadProps>;
 //#endregion
 //#region src/components/ds-file-upload/ds-file-upload.types.d.ts
 interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry' | 'uploadProgress'> {
@@ -8262,7 +8277,7 @@ interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFil
 /**
  * Design system File Upload component (with state management)
  */
-declare const DsFileUpload: React$1.FC<DsFileUploadProps>;
+declare const DsFileUpload: React.FC<DsFileUploadProps>;
 //#endregion
 //#region src/components/ds-file-upload/hooks/use-file-upload.d.ts
 interface UseFileUploadConfig {
@@ -8391,7 +8406,7 @@ interface DsNumberInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React$1.Ref<HTMLInputElement>;
+  ref?: React.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -8406,12 +8421,12 @@ interface DsNumberInputProps {
    *
    * @param event
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes (native input onChange event)
    * This is provided for compatibility but onValueChange is preferred
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the number value)
    * This is the preferred way to handle value changes
@@ -8424,7 +8439,7 @@ interface DsNumberInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8470,7 +8485,7 @@ interface DsPasswordInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React$1.Ref<HTMLInputElement>;
+  ref?: React.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -8485,12 +8500,12 @@ interface DsPasswordInputProps {
    *
    * @param event
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes (native input onChange event)
    * This is provided for compatibility but onValueChange is preferred
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the string value)
    * This is the preferred way to handle value changes
@@ -8503,7 +8518,7 @@ interface DsPasswordInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8535,7 +8550,7 @@ interface DsTextareaProps {
   /**
    * The ref to the textarea element
    */
-  ref?: React$1.Ref<HTMLTextAreaElement>;
+  ref?: React.Ref<HTMLTextAreaElement>;
   /**
    * The name of the textarea
    */
@@ -8545,11 +8560,11 @@ interface DsTextareaProps {
    *
    * @param event
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLTextAreaElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
   /**
    * Callback when the value changes
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
   /**
    * Value change event handler (provides just the value)
    */
@@ -8561,7 +8576,7 @@ interface DsTextareaProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8594,7 +8609,7 @@ interface DsTextareaProps {
 }
 //#endregion
 //#region src/components/ds-textarea/ds-textarea.d.ts
-declare const DsTextarea: React$1.FC<DsTextareaProps>;
+declare const DsTextarea: React.FC<DsTextareaProps>;
 //#endregion
 //#region src/components/ds-select/ds-select.types.d.ts
 type SelectSize = 'default' | 'small';
@@ -8625,7 +8640,7 @@ type DsSelectProps = {
   /**
    * Additional styles to apply to the icon
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Additional CSS class names
    */
@@ -8635,7 +8650,7 @@ type DsSelectProps = {
    *
    * @param event
    */
-  onBlur?: (event: React$1.FocusEvent) => void;
+  onBlur?: (event: React.FocusEvent) => void;
   /**
    * Placeholder text to display when no option is selected
    */
@@ -8665,10 +8680,22 @@ type DsSelectProps = {
   multiple?: undefined | false;
   value: SelectOptionValue;
   onValueChange?: (value: SelectOptionValue) => void;
+  /**
+   * Custom render function for the selected value in the trigger.
+   * When provided, replaces the default label text inside the trigger button.
+   * Only called when there is a selection; otherwise the placeholder is shown.
+   */
+  renderValue?: (selectedOption: DsSelectOption) => ReactNode;
 } | {
   multiple: true;
   value: SelectOptionValue[];
   onValueChange?: (value: SelectOptionValue[]) => void;
+  /**
+   * Custom render function for the selected value in the trigger.
+   * When provided, replaces the default label text inside the trigger button.
+   * Only called when there is a selection; otherwise the placeholder is shown.
+   */
+  renderValue?: (selectedOptions: DsSelectOption[]) => ReactNode;
 });
 //#endregion
 //#region src/components/ds-select/ds-select.d.ts
@@ -8691,7 +8718,7 @@ declare const DsSelect: ({
 //#region src/components/ds-form-control/ds-form-control.types.d.ts
 declare const controlStatuses: readonly ["info", "success", "error", "warning"];
 type ControlStatus = (typeof controlStatuses)[number];
-interface DsFormControlProps extends React$1.PropsWithChildren {
+interface DsFormControlProps extends React.PropsWithChildren {
   /**
    * Unique identifier for the control
    */
@@ -8712,7 +8739,7 @@ interface DsFormControlProps extends React$1.PropsWithChildren {
     /**
      * Adornment to display at the end of the label
      */
-    endAdornment?: React$1.ReactNode;
+    endAdornment?: React.ReactNode;
   };
   /**
    * Message under the control
@@ -8729,13 +8756,13 @@ interface DsFormControlProps extends React$1.PropsWithChildren {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 interface DsFormControlDescriptionProps {
   /**
    * The description content
    */
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   /**
    * Additional CSS class names
    */
@@ -8762,7 +8789,7 @@ declare const DsFormControl: {
   DateInput: (props: DsDateInputProps) => react_jsx_runtime0.JSX.Element;
   Textarea: (props: DsTextareaProps) => react_jsx_runtime0.JSX.Element;
   Select: (props: DsSelectProps) => react_jsx_runtime0.JSX.Element;
-  Description: React$1.FC<DsFormControlDescriptionProps>;
+  Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion
 //#region src/components/ds-grid/ds-grid.types.d.ts
@@ -8815,11 +8842,11 @@ interface DsGridItemProps {
 /**
  * Design system Grid component
  */
-declare const DsGrid: React$1.FC<DsGridProps>;
+declare const DsGrid: React.FC<DsGridProps>;
 /**
  * Design system GridItem component
  */
-declare const DsGridItem: React$1.FC<DsGridItemProps>;
+declare const DsGridItem: React.FC<DsGridItemProps>;
 //#endregion
 //#region src/components/ds-loader/ds-loader.types.d.ts
 declare const loaderVariants: readonly ["spinner", "pulsing"];
@@ -8837,11 +8864,11 @@ interface DsLoaderProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Ref to the loader container element
    */
-  ref?: React$1.Ref<HTMLDivElement>;
+  ref?: React.Ref<HTMLDivElement>;
 }
 //#endregion
 //#region src/components/ds-loader/ds-loader.d.ts
@@ -9003,11 +9030,11 @@ interface DsPopoverProps {
   /**
    * The element that triggers the popover
    */
-  trigger: React$1.ReactNode;
+  trigger: React.ReactNode;
   /**
    * The content to be rendered inside the popover
    */
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   /**
    * Additional CSS class names
    */
@@ -9023,7 +9050,7 @@ interface DsPopoverProps {
 }
 //#endregion
 //#region src/components/ds-popover/ds-popover.d.ts
-declare const DsPopover: React$1.FC<DsPopoverProps>;
+declare const DsPopover: React.FC<DsPopoverProps>;
 //#endregion
 //#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
 declare const progressArcSizes: readonly ["small", "medium"];
@@ -9140,7 +9167,7 @@ interface DsProgressLinearProps {
   /**
    * Label displayed above the progress bar (left side)
    */
-  label?: React$1.ReactNode;
+  label?: React.ReactNode;
   /**
    * Whether to show the percentage value text (right side of label row)
    * @default true
@@ -9151,7 +9178,7 @@ interface DsProgressLinearProps {
    * When a string is provided, it is auto-styled with an icon and color based on the variant.
    * When a ReactNode is provided, it is rendered as-is.
    */
-  caption?: React$1.ReactNode | string;
+  caption?: React.ReactNode | string;
   /**
    * Additional CSS class names
    */
@@ -9159,11 +9186,11 @@ interface DsProgressLinearProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Ref to the root element
    */
-  ref?: React$1.Ref<HTMLDivElement>;
+  ref?: React.Ref<HTMLDivElement>;
 }
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.d.ts
@@ -9235,7 +9262,7 @@ interface DsRadioOptionLegacy<ValueType = string> {
  * Use compound component pattern instead
  * @deprecated
  */
-interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> extends React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
   /**
    * The radio group options
    */
@@ -9261,7 +9288,7 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.d.ts
@@ -9270,7 +9297,7 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
  * Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
  * @deprecated
  */
-declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
+declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
 /**
  * Design system RadioGroup component
  *
@@ -9281,8 +9308,8 @@ declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
  * </DsRadioGroup.Root>
  */
 declare const DsRadioGroup: {
-  Root: React$1.FC<DsRadioGroupRootProps>;
-  Item: React$1.FC<DsRadioGroupItemProps>;
+  Root: React.FC<DsRadioGroupRootProps>;
+  Item: React.FC<DsRadioGroupItemProps>;
 };
 //#endregion
 //#region src/components/ds-segment-group/ds-segment-group.types.d.ts
@@ -9346,9 +9373,9 @@ type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' |
  * </DsSegmentGroup.Root>
  */
 declare const DsSegmentGroup: {
-  Root: React$1.FC<DsSegmentGroupRootProps>;
-  Item: React$1.FC<DsSegmentGroupItemProps>;
-  ItemText: React$1.FC<DsSegmentGroupItemTextProps>;
+  Root: React.FC<DsSegmentGroupRootProps>;
+  Item: React.FC<DsSegmentGroupItemProps>;
+  ItemText: React.FC<DsSegmentGroupItemTextProps>;
 };
 //#endregion
 //#region src/components/ds-typography/ds-typography.config.d.ts
@@ -9392,7 +9419,7 @@ interface DsTypographyProps {
   /**
    * Additional styles to apply to the typography component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * When true, renders as Slot component for composition without extra DOM nodes
    */
@@ -9400,12 +9427,12 @@ interface DsTypographyProps {
   /**
    * The content of the component
    */
-  children: React$1.ReactNode;
+  children: React.ReactNode;
 }
 //#endregion
 //#region src/components/ds-typography/ds-typography.d.ts
-declare const DsTypography: React$1.FC<DsTypographyProps & {
-  ref?: React$1.Ref<HTMLElement>;
+declare const DsTypography: React.FC<DsTypographyProps & {
+  ref?: React.Ref<HTMLElement>;
 }>;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton.types.d.ts
@@ -9595,7 +9622,7 @@ interface DsSmartTabProps {
   /**
    * Additional styles to apply to the tab
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 interface DsSmartTabsProps {
   /**
@@ -9613,7 +9640,7 @@ interface DsSmartTabsProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The tab components as children
    */
@@ -9633,7 +9660,7 @@ declare const DsSmartTabs: {
     children,
     ...props
   }: DsSmartTabsProps): react_jsx_runtime0.JSX.Element;
-  Tab: React$1.FC<DsSmartTabProps>;
+  Tab: React.FC<DsSmartTabProps>;
 };
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.types.d.ts
@@ -9652,14 +9679,14 @@ interface DsSpinnerProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.d.ts
 /**
  * Design system Spinner component
  */
-declare const DsSpinner: React$1.FC<DsSpinnerProps>;
+declare const DsSpinner: React.FC<DsSpinnerProps>;
 //#endregion
 //#region src/components/ds-status-badge/ds-status-badge.types.d.ts
 declare const dsStatuses: readonly ["active", "running", "pending", "draft", "inactive", "warning", "failed"];
@@ -9707,7 +9734,7 @@ interface DsStatusBadgeProps {
 /**
  * Design system StatusBadge component
  */
-declare const DsStatusBadge: React$1.FC<DsStatusBadgeProps>;
+declare const DsStatusBadge: React.FC<DsStatusBadgeProps>;
 //#endregion
 //#region src/components/ds-stepper/ds-stepper.types.d.ts
 type DsStepperVariant = 'single';
@@ -9785,7 +9812,12 @@ declare function DsStepContent({
 }: DsStepContentProps): react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
-type DsNextStepButtonProps = Pick<DsButtonProps$1, 'variant' | 'size' | 'className' | 'style' | 'children'>;
+type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
+  design?: undefined | 'legacy';
+}> & {
+  design?: undefined | 'legacy';
+};
+type DsNextStepButtonProps = Pick<DsLegacyButtonProps, 'variant' | 'size' | 'className' | 'style' | 'children'>;
 declare function DsNextStepButton({
   children,
   size,
@@ -9826,7 +9858,7 @@ interface DsSystemStatusProps {
  * @deprecated This component is deprecated. Use `DsStatusBadge` instead.
  * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
  */
-declare const DsSystemStatus: React$1.FC<DsSystemStatusProps>;
+declare const DsSystemStatus: React.FC<DsSystemStatusProps>;
 //#endregion
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
 /**
@@ -9879,6 +9911,10 @@ interface ScrollParams {
   totalContentHeight: number;
   /** The visible height of the table container (in pixels) */
   viewportHeight: number;
+  /** The distance from the current scroll position to the bottom of the content (in pixels) */
+  bottomOffset: number;
+  /** The direction of the scroll movement */
+  scrollDirection: 'forward' | 'backward' | null;
 }
 //#endregion
 //#region src/components/ds-table/filters/types/filter-adapter.types.d.ts
@@ -10439,7 +10475,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Ref to the table API
    */
-  ref?: React$1.RefObject<DsTableApi<TData> | null>;
+  ref?: React.RefObject<DsTableApi<TData> | null>;
   /**
    * Columns of the table
    */
@@ -10499,7 +10535,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Empty state of the table
    */
-  emptyState?: React$1.ReactNode;
+  emptyState?: React.ReactNode;
   /**
    * Whether the table has sticky header
    */
@@ -10528,7 +10564,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Function to render the expanded row
    */
-  renderExpandedRow?: (row: TData) => React$1.ReactNode;
+  renderExpandedRow?: (row: TData) => React.ReactNode;
   /**
    * Function to handle table creation
    */
@@ -11394,5 +11430,5 @@ declare const DsVerticalTabs: {
   }: DsVerticalTabsContentProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, CheckboxFilterAdapterConfig, CheckboxFilterItem, CheckboxFilterProps, ChipItem, ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, CustomIconComponent, CustomIconName, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsCard, DsCardBodyProps, DsCardFooterProps, DsCardHeaderProps, DsCardRootProps, DsCardSize, DsCheckbox, DsCheckboxProps, DsChip, DsChipGroup, DsChipGroupProps, DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, DsConfirmationProps, DsDataTableProps, DsDateInput, DsDateInputProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, DsDrawerColumns, DsDrawerPosition, DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, DsPanelCollapseButtonProps, DsPanelProps, DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, DsSelectOption, DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsStatus, DsStatusBadge, DsStatusBadgeProps, DsStep, DsStepContent, DsStepContentProps, DsStepProps, DsStepper, DsStepperOrientation, DsStepperProps, DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, DsTagFilterProps, DsTagProps, DsTextInput, DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsToastContextType, DsToastProps, DsToastProvider, DsToastProviderProps, DsToggle, DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, DsVerticalTabsContentProps, DsVerticalTabsListProps, DsVerticalTabsRootProps, DsVerticalTabsTabProps, DualRangeFilterAdapterConfig, DualRangeFilterValue, FatalFileUploadError, FileExtension, FileUpload, FileUploadAdapter, FileUploadError, FileUploadOptions, FileUploadResult, FilterAdapter, FilterAdapterConfig, FilterNavItem, FilterState, FilterStatus, FilterTag, IconName, IconSize, IconType, IconVariant, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, RangeFilterProps, RangeFilterValue, RangeValue, RetryableFileUploadError, RowAction, ScrollParams, SecondaryRowAction, SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, StatusBadgeSize, SystemStatus, TagFilterItem, TagSize, TagVariant, TextInputSize, ToastVariant, ToggleSize, UseFileUploadReturn, UseTableFiltersOptions, UseTableFiltersResult, alertBannerVariants, cardSizes, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsTreeSizes, filterStatuses, iconSizes, iconVariants, isCustomIcon, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useFileUpload, useTableFilters, useToaster };
+export { AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, CheckboxFilterAdapterConfig, CheckboxFilterItem, CheckboxFilterProps, CheckboxVariant, ChipItem, ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, CustomIconComponent, CustomIconName, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsCard, DsCardBodyProps, DsCardFooterProps, DsCardHeaderProps, DsCardRootProps, DsCardSize, DsCheckbox, DsCheckboxProps, DsChip, DsChipGroup, DsChipGroupProps, DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, DsConfirmationProps, DsDataTableProps, DsDateInput, DsDateInputProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, DsDrawerColumns, DsDrawerPosition, DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, DsPanelCollapseButtonProps, DsPanelProps, DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, DsSelectOption, DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsStatus, DsStatusBadge, DsStatusBadgeProps, DsStep, DsStepContent, DsStepContentProps, DsStepProps, DsStepper, DsStepperOrientation, DsStepperProps, DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, DsTagFilterProps, DsTagProps, DsTextInput, DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsToastContextType, DsToastProps, DsToastProvider, DsToastProviderProps, DsToggle, DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, DsVerticalTabsContentProps, DsVerticalTabsListProps, DsVerticalTabsRootProps, DsVerticalTabsTabProps, DualRangeFilterAdapterConfig, DualRangeFilterValue, FatalFileUploadError, FileExtension, FileUpload, FileUploadAdapter, FileUploadError, FileUploadOptions, FileUploadResult, FilterAdapter, FilterAdapterConfig, FilterNavItem, FilterState, FilterStatus, FilterTag, IconName, IconSize, IconType, IconVariant, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, RangeFilterProps, RangeFilterValue, RangeValue, RetryableFileUploadError, RowAction, ScrollParams, SecondaryRowAction, SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, StatusBadgeSize, SystemStatus, TagFilterItem, TagSize, TagVariant, TextInputSize, ToastVariant, ToggleSize, UseFileUploadReturn, UseTableFiltersOptions, UseTableFiltersResult, alertBannerVariants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsTreeSizes, filterStatuses, iconSizes, iconVariants, isCustomIcon, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useFileUpload, useTableFilters, useToaster };
 //# sourceMappingURL=index.d.cts.map