@drivenets/design-system 0.6.1 → 0.7.1

package/dist/index.d.cts

@@ -1,10 +1,11 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as react from "react";
-import React, { CSSProperties, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, SVGProps } from "react";
+import React$1, { 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";
 import { Menu } from "@ark-ui/react/menu";
+import * as _ark_ui_react0 from "@ark-ui/react";
 import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
 import * as Collapsible from "@radix-ui/react-collapsible";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
@@ -12,6 +13,7 @@ import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-gr
 import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
 import * as steps from "@zag-js/steps";
 import { ColumnDef, ColumnFiltersState, Row, SortingState, Table, VisibilityState } from "@tanstack/react-table";
+import { TreeView } from "@ark-ui/react/tree-view";
 
 //#region src/components/ds-icon/material-icons.d.ts
 type IconPrefix = 'action' | 'alert' | 'av' | 'communication' | 'content' | 'device' | 'editor' | 'file' | 'hardware' | 'home' | 'image' | 'maps' | 'navigation' | 'notification' | 'places' | 'search' | 'social' | 'symbols' | 'toggle';
@@ -6251,6 +6253,10 @@ declare const customIcons: {
   readonly 'special-netgen-s': FC<SVGProps<SVGSVGElement>>;
   readonly 'special-filter-list-active': FC<SVGProps<SVGSVGElement>>;
   readonly 'special-cached-active': FC<SVGProps<SVGSVGElement>>;
+  readonly 'special-running': FC<SVGProps<SVGSVGElement>>;
+  readonly 'special-warning': FC<SVGProps<SVGSVGElement>>;
+  readonly 'special-failed': FC<SVGProps<SVGSVGElement>>;
+  readonly 'special-paused': FC<SVGProps<SVGSVGElement>>;
 };
 type CustomIconName = keyof typeof customIcons;
 declare const isCustomIcon: (icon: string) => icon is CustomIconName;
@@ -6348,7 +6354,7 @@ interface DsAlertBannerProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Optional children to be rendered inside the component (typically action buttons)
    */
@@ -6422,13 +6428,19 @@ interface DsAutocompleteProps {
    */
   id?: string;
   /**
-   * Options to display in the dropdown
+   * Options to display in the dropdown.
+   * For async/server-driven search, update this prop with fetched results.
    */
-  options: DsAutocompleteOption[];
+  options?: DsAutocompleteOption[];
+  /**
+   * Whether the autocomplete is in a loading state.
+   * When true, a loading message is shown in the dropdown.
+   */
+  loading?: boolean;
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Additional CSS class names
    */
@@ -6446,18 +6458,20 @@ interface DsAutocompleteProps {
    */
   invalid?: boolean;
   /**
-   * Event handler called when the value changes (when an option is selected or custom value is entered)
-   */
-  onValueChange?: (value: string) => void;
-  /**
-   * Event handler called when the input value changes (on every keystroke)
+   * Locale strings for the autocomplete component
    */
-  onInputValueChange?: (value: string) => void;
-  /**
-   * Message to display when no options match the input
-   * @default 'No matches found'
-   */
-  noMatchesMessage?: string;
+  locale?: {
+    /**
+     * Message to display while results are loading
+     * @default 'Loading...'
+     */
+    loading?: string;
+    /**
+     * Message to display when no options match the input
+     * @default 'No matches found'
+     */
+    noMatches?: string;
+  };
   /**
    * Whether to highlight the matching text in the dropdown options
    * @default true
@@ -6472,13 +6486,26 @@ interface DsAutocompleteProps {
   /**
    * Content to display at the start of the input (e.g., a search icon).
    */
-  startAdornment?: React.ReactNode;
+  startAdornment?: React$1.ReactNode;
+  /**
+   * Event handler called when the value changes (when an option is selected)
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Event handler called when the input value changes (on every keystroke)
+   */
+  onInputValueChange?: (value: string) => void;
+  /**
+   * Event handler called when the dropdown opens or closes
+   */
+  onOpenChange?: (open: boolean) => void;
 }
 //#endregion
 //#region src/components/ds-autocomplete/ds-autocomplete.d.ts
 declare const DsAutocomplete: ({
   id,
   options,
+  loading,
   style,
   className,
   placeholder,
@@ -6486,7 +6513,11 @@ declare const DsAutocomplete: ({
   invalid,
   onValueChange,
   onInputValueChange,
-  noMatchesMessage,
+  onOpenChange,
+  locale: {
+    loading: loadingMessage,
+    noMatches: noMatchesMessage
+  },
   highlightMatch,
   showTrigger,
   startAdornment
@@ -6607,7 +6638,7 @@ interface DsBreadcrumbProps {
 /**
  * Design system Breadcrumb component
  */
-declare const DsBreadcrumb: React.FC<DsBreadcrumbProps>;
+declare const DsBreadcrumb: React$1.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"];
@@ -6616,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.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Color schema of the button
    * @default 'primary'
@@ -6650,7 +6681,7 @@ declare const buttonVariants: readonly ["filled", "ghost", "danger", "dark"];
 type ButtonVariant = (typeof buttonVariants)[number];
 declare const buttonSizes: readonly ["large", "medium", "small"];
 type ButtonSize = (typeof buttonSizes)[number];
-interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Type of the button
    * @default 'primary'
@@ -6814,7 +6845,7 @@ interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
 /**
  * Design system Checkbox component
  */
-declare const DsCheckbox: React.FC<DsCheckboxProps>;
+declare const DsCheckbox: React$1.FC<DsCheckboxProps>;
 //#endregion
 //#region src/components/ds-chip/ds-chip.types.d.ts
 /**
@@ -6877,7 +6908,7 @@ interface DsChipProps {
  * @deprecated This component is deprecated. Use `DsTag` instead.
  * @see {@link ../ds-tag} for the replacement component.
  */
-declare const DsChip: React.FC<DsChipProps>;
+declare const DsChip: React$1.FC<DsChipProps>;
 //#endregion
 //#region src/components/ds-chip-group/ds-chip-group.types.d.ts
 /**
@@ -6943,7 +6974,254 @@ interface DsChipGroupProps {
  * @deprecated This component is deprecated. Use `DsTagFilter` instead.
  * @see {@link ../ds-tag-filter} for the replacement component.
  */
-declare const DsChipGroup: React.FC<DsChipGroupProps>;
+declare const DsChipGroup: React$1.FC<DsChipGroupProps>;
+//#endregion
+//#region src/components/ds-comment-card/ds-comment-card.types.d.ts
+interface CommentAuthor {
+  id: string;
+  name: string;
+  avatarSrc?: string;
+}
+interface CommentMessage {
+  id: string;
+  author: CommentAuthor;
+  content: string;
+  createdAt: Date;
+  isInitialMessage?: boolean;
+  isResolved?: boolean;
+}
+interface CommentData {
+  id: string;
+  numericId: number;
+  author: CommentAuthor;
+  createdAt: Date;
+  isResolved: boolean;
+  messages: CommentMessage[];
+  labels?: string[];
+  referenceTag?: ReactNode;
+  isActionRequired?: boolean;
+}
+interface DsCommentCardProps {
+  ref?: Ref<HTMLButtonElement>;
+  comment: CommentData;
+  disabled?: boolean;
+  overflow?: 'hidden' | 'displayed';
+  onClick?: () => void;
+  onResolve?: () => void;
+  onToggleActionRequired?: () => void;
+  onForward?: () => void;
+  onMarkUnread?: () => void;
+  onCopyLink?: () => void;
+  onDelete?: () => void;
+  formatTimestamp?: (date: Date) => string;
+  className?: string;
+  style?: CSSProperties;
+}
+//#endregion
+//#region src/components/ds-comment-card/ds-comment-card.d.ts
+declare const DsCommentCard: ({
+  ref,
+  comment,
+  disabled,
+  overflow,
+  onClick,
+  onResolve,
+  onToggleActionRequired,
+  onForward,
+  onMarkUnread,
+  onCopyLink,
+  onDelete,
+  formatTimestamp,
+  className,
+  style
+}: DsCommentCardProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
+interface DsCommentBubbleProps {
+  ref?: Ref<HTMLDivElement>;
+  comment?: CommentData;
+  currentUser?: CommentAuthor;
+  actionRequired?: boolean;
+  onActionRequiredChange?: (checked: boolean) => void;
+  value?: string;
+  onValueChange?: (value: string) => void;
+  onSend?: (content: string, actionRequired: boolean) => void;
+  onClose?: () => void;
+  onResolve?: () => void;
+  onToggleActionRequired?: () => void;
+  onForward?: () => void;
+  onMarkUnread?: () => void;
+  onCopyLink?: () => void;
+  onDelete?: () => void;
+  onEditMessage?: (messageId: string, newContent: string) => void;
+  onDeleteMessage?: (messageId: string) => void;
+  onMessageMarkUnread?: (messageId: string) => void;
+  onMessageResolved?: (messageId: string) => void;
+  referenceTag?: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+}
+//#endregion
+//#region src/components/ds-comment-bubble/ds-comment-bubble.d.ts
+declare const DsCommentBubble: ({
+  ref,
+  comment,
+  currentUser,
+  actionRequired,
+  onActionRequiredChange,
+  value,
+  onValueChange,
+  onSend,
+  onClose,
+  onResolve,
+  onToggleActionRequired,
+  onForward,
+  onMarkUnread,
+  onCopyLink,
+  onDelete,
+  onEditMessage,
+  onDeleteMessage,
+  onMessageMarkUnread,
+  onMessageResolved,
+  referenceTag,
+  className,
+  style
+}: DsCommentBubbleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
+interface DsCommentThreadProps {
+  messages: CommentMessage[];
+  commentAuthor: CommentAuthor;
+  currentUser?: CommentAuthor;
+  onEditMessage?: (messageId: string, newContent: string) => void;
+  onDeleteMessage?: (messageId: string) => void;
+  onMarkUnread?: (messageId: string) => void;
+  onResolved?: (messageId: string) => void;
+  className?: string;
+}
+//#endregion
+//#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.d.ts
+declare const DsCommentThread: ({
+  messages,
+  commentAuthor,
+  currentUser,
+  onEditMessage,
+  onDeleteMessage,
+  onMarkUnread,
+  onResolved,
+  className
+}: DsCommentThreadProps) => react_jsx_runtime0.JSX.Element | null;
+//#endregion
+//#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
+interface DsThreadItemProps {
+  id: string;
+  author: CommentAuthor;
+  content: string;
+  createdAt: Date;
+  isCommentAuthorMessage?: boolean;
+  canModify?: boolean;
+  onEdit?: (messageId: string, newContent: string) => void;
+  onDelete?: (messageId: string) => void;
+  onMarkUnread?: (messageId: string) => void;
+  onResolved?: (messageId: string) => void;
+  className?: string;
+}
+//#endregion
+//#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.d.ts
+declare const DsThreadItem: ({
+  id,
+  author,
+  content,
+  createdAt,
+  isCommentAuthorMessage,
+  canModify,
+  onEdit,
+  onDelete,
+  onMarkUnread,
+  onResolved,
+  className
+}: DsThreadItemProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
+type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
+interface DsCommentIndicatorProps {
+  type?: CommentIndicatorType;
+  avatarSrc?: string;
+  avatarName?: string;
+  onClick?: () => void;
+  ref?: Ref<HTMLButtonElement>;
+  className?: string;
+  style?: CSSProperties;
+}
+//#endregion
+//#region src/components/ds-comment-indicator/ds-comment-indicator.d.ts
+declare const DsCommentIndicator: ({
+  type,
+  avatarSrc,
+  avatarName,
+  onClick,
+  ref,
+  className,
+  style
+}: DsCommentIndicatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
+interface DsCommentsDrawerProps {
+  ref?: Ref<HTMLElement>;
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  comments: CommentData[];
+  showResolved?: boolean;
+  onShowResolvedChange?: (show: boolean) => void;
+  searchQuery?: string;
+  onSearchChange?: (query: string) => void;
+  onCommentClick?: (comment: CommentData) => void;
+  onResolveComment?: (commentId: string) => void;
+  onToggleActionRequired?: (commentId: string) => void;
+  onForward?: (commentId: string) => void;
+  onMarkUnread?: (commentId: string) => void;
+  onCopyLink?: (commentId: string) => void;
+  onDelete?: (commentId: string) => void;
+  noCommentsMessage?: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+}
+//#endregion
+//#region src/components/ds-comments-drawer/ds-comments-drawer.d.ts
+declare const DsCommentsDrawer: ({
+  open,
+  onOpenChange,
+  comments,
+  showResolved,
+  onShowResolvedChange,
+  searchQuery,
+  onSearchChange,
+  onCommentClick,
+  onResolveComment,
+  onToggleActionRequired,
+  onForward,
+  onMarkUnread,
+  onCopyLink,
+  onDelete,
+  noCommentsMessage,
+  className,
+  style
+}: DsCommentsDrawerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-comments-drawer/comments-filters.types.d.ts
+interface FilterTag {
+  id: string;
+  label: string;
+  filterId: string;
+  value: string;
+}
+interface CommentsFilterState {
+  authors: string[];
+  dateFrom?: string;
+  dateTo?: string;
+  labels: string[];
+  statuses: ('unresolved' | 'resolved' | 'action-required')[];
+}
 //#endregion
 //#region src/components/ds-confirmation/ds-confirmation.types.d.ts
 /**
@@ -7116,6 +7394,11 @@ type DsDateInputBaseProps = Pick<DatePickerRootProps, 'disabled' | 'readOnly' |
    * @default false
    */
   disablePortal?: boolean;
+  /**
+   * Whether to hide the clear button
+   * @default false
+   */
+  hideClearButton?: boolean;
 };
 /**
  * Props for the DsDateInput component
@@ -7135,6 +7418,7 @@ declare const DsDateInput: ({
   style,
   className,
   disablePortal,
+  hideClearButton,
   onValueChange,
   onOpenChange,
   value: _value,
@@ -7176,7 +7460,7 @@ interface DsDialogProps {
   /**
    * The content to render inside the dialog.
    */
-  children: React.ReactNode;
+  children: React$1.ReactNode;
   /**
    * Additional CSS class names for the dialog container.
    */
@@ -7184,7 +7468,7 @@ interface DsDialogProps {
   /**
    * Ref to the element the dialog should be anchored to (for relative placement)
    */
-  anchorRef?: React.RefObject<HTMLElement>;
+  anchorRef?: React$1.RefObject<HTMLElement>;
   /**
    * Custom fixed position (e.g., { top: number, left: number })
    */
@@ -7199,7 +7483,7 @@ interface DsDialogProps {
 }
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.d.ts
-declare const DsDialog: React.FC<DsDialogProps>;
+declare const DsDialog: React$1.FC<DsDialogProps>;
 //#endregion
 //#region src/components/ds-divider/ds-divider.types.d.ts
 interface DsDividerProps {
@@ -7211,11 +7495,11 @@ interface DsDividerProps {
    * Underlying element/component to render.
    * Examples: "hr", "div", "span", Link, etc.
    */
-  component?: React.ElementType;
+  component?: React$1.ElementType;
   /**
    * Additional CSS styles.
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Additional CSS classes.
    */
@@ -7223,7 +7507,7 @@ interface DsDividerProps {
 }
 //#endregion
 //#region src/components/ds-divider/ds-divider.d.ts
-declare const DsDivider: React.FC<DsDividerProps>;
+declare const DsDivider: React$1.FC<DsDividerProps>;
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.types.d.ts
 /**
@@ -7610,7 +7894,7 @@ type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
  * Use compound component pattern instead
  * @deprecated
  */
-declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
+declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
 /**
  * Design system  DsDropdownMenu component
  *
@@ -7642,18 +7926,18 @@ declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
  * </DsDropdownMenu.Root>
  */
 declare const DsDropdownMenu: {
-  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>;
+  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>;
 };
 //#endregion
 //#region src/components/ds-text-input/ds-text-input.types.d.ts
@@ -7667,7 +7951,7 @@ interface DsTextInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React.Ref<HTMLInputElement>;
+  ref?: React$1.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -7687,15 +7971,15 @@ interface DsTextInputProps {
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when a key is pressed down
    */
-  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onKeyDown?: (event: React$1.KeyboardEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the value)
    */
@@ -7707,7 +7991,7 @@ interface DsTextInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * The placeholder text
    */
@@ -7750,16 +8034,16 @@ interface DsTextInputProps {
      * Custom component to wrap the input element
      */
     inputWrapper?: ComponentType<{
-      children: React.ReactNode;
+      children: React$1.ReactNode;
     }>;
     /**
      * Adornment to display at the start of the input
      */
-    startAdornment?: React.ReactNode;
+    startAdornment?: React$1.ReactNode;
     /**
      * Adornment to display at the end of the input
      */
-    endAdornment?: React.ReactNode;
+    endAdornment?: React$1.ReactNode;
   };
 }
 //#endregion
@@ -7859,6 +8143,11 @@ interface FileUploadProps {
    * @default false
    */
   hideProgress?: boolean;
+  /**
+   * Whether to hide the info text (file types, size limits, etc.)
+   * @default false
+   */
+  hideInfoText?: boolean;
   /**
    * Whether to disable drag and drop functionality
    * @default false
@@ -7936,7 +8225,7 @@ interface FileUploadProps {
  * Design system base File Upload component
  * Used in conjunction with the useFileUpload hook
  */
-declare const FileUpload: React.FC<FileUploadProps>;
+declare const FileUpload: React$1.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'> {
@@ -7973,7 +8262,7 @@ interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFil
 /**
  * Design system File Upload component (with state management)
  */
-declare const DsFileUpload: React.FC<DsFileUploadProps>;
+declare const DsFileUpload: React$1.FC<DsFileUploadProps>;
 //#endregion
 //#region src/components/ds-file-upload/hooks/use-file-upload.d.ts
 interface UseFileUploadConfig {
@@ -8052,6 +8341,47 @@ declare class FatalFileUploadError extends FileUploadError {
   readonly isRetryable = false;
 }
 //#endregion
+//#region src/components/ds-filter-status-icon/ds-filter-status-icon.types.d.ts
+declare const filterStatuses: readonly ["running", "warning", "failed", "paused"];
+type FilterStatus = (typeof filterStatuses)[number];
+interface DsFilterStatusIconProps {
+  /**
+   * The filter status type
+   */
+  status: FilterStatus;
+  /**
+   * Whether the status icon is active or non-active
+   * @default true
+   */
+  active?: boolean;
+  /**
+   * Icon size
+   * @default 'small'
+   */
+  size?: IconSize;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: CSSProperties;
+}
+//#endregion
+//#region src/components/ds-filter-status-icon/ds-filter-status-icon.d.ts
+/**
+ * Design system Filter Status Icon component
+ * Status icons for toggle filter buttons to help users quickly distinguish states
+ */
+declare const DsFilterStatusIcon: ({
+  status,
+  active,
+  size,
+  className,
+  style
+}: DsFilterStatusIconProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
 //#region src/components/ds-number-input/ds-number-input.types.d.ts
 interface DsNumberInputProps {
   /**
@@ -8061,7 +8391,7 @@ interface DsNumberInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React.Ref<HTMLInputElement>;
+  ref?: React$1.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -8076,12 +8406,12 @@ interface DsNumberInputProps {
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes (native input onChange event)
    * This is provided for compatibility but onValueChange is preferred
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the number value)
    * This is the preferred way to handle value changes
@@ -8094,7 +8424,7 @@ interface DsNumberInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8140,7 +8470,7 @@ interface DsPasswordInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React.Ref<HTMLInputElement>;
+  ref?: React$1.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -8155,12 +8485,12 @@ interface DsPasswordInputProps {
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes (native input onChange event)
    * This is provided for compatibility but onValueChange is preferred
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the string value)
    * This is the preferred way to handle value changes
@@ -8173,7 +8503,7 @@ interface DsPasswordInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8205,7 +8535,7 @@ interface DsTextareaProps {
   /**
    * The ref to the textarea element
    */
-  ref?: React.Ref<HTMLTextAreaElement>;
+  ref?: React$1.Ref<HTMLTextAreaElement>;
   /**
    * The name of the textarea
    */
@@ -8215,11 +8545,11 @@ interface DsTextareaProps {
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+  onBlur?: (event: React$1.FocusEvent<HTMLTextAreaElement>) => void;
   /**
    * Callback when the value changes
    */
-  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  onChange?: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
   /**
    * Value change event handler (provides just the value)
    */
@@ -8231,7 +8561,7 @@ interface DsTextareaProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8264,7 +8594,7 @@ interface DsTextareaProps {
 }
 //#endregion
 //#region src/components/ds-textarea/ds-textarea.d.ts
-declare const DsTextarea: React.FC<DsTextareaProps>;
+declare const DsTextarea: React$1.FC<DsTextareaProps>;
 //#endregion
 //#region src/components/ds-select/ds-select.types.d.ts
 type SelectSize = 'default' | 'small';
@@ -8295,7 +8625,7 @@ type DsSelectProps = {
   /**
    * Additional styles to apply to the icon
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Additional CSS class names
    */
@@ -8305,7 +8635,7 @@ type DsSelectProps = {
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent) => void;
+  onBlur?: (event: React$1.FocusEvent) => void;
   /**
    * Placeholder text to display when no option is selected
    */
@@ -8319,6 +8649,12 @@ type DsSelectProps = {
    * @default 'default'
    */
   size?: SelectSize;
+  /**
+   * Custom render function for dropdown options.
+   * When provided, replaces the default label text inside each dropdown item.
+   * The string `label` is still used for search, trigger text, chips, and accessibility.
+   */
+  renderOption?: (option: DsSelectOption) => ReactNode;
 } & ({
   clearable?: undefined | false;
   onClear?: never;
@@ -8348,13 +8684,14 @@ declare const DsSelect: ({
   className,
   placeholder,
   disabled,
+  renderOption,
   ...multiselectProps
 }: DsSelectProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#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.PropsWithChildren {
+interface DsFormControlProps extends React$1.PropsWithChildren {
   /**
    * Unique identifier for the control
    */
@@ -8375,7 +8712,7 @@ interface DsFormControlProps extends React.PropsWithChildren {
     /**
      * Adornment to display at the end of the label
      */
-    endAdornment?: React.ReactNode;
+    endAdornment?: React$1.ReactNode;
   };
   /**
    * Message under the control
@@ -8392,13 +8729,13 @@ interface DsFormControlProps extends React.PropsWithChildren {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
 }
 interface DsFormControlDescriptionProps {
   /**
    * The description content
    */
-  children: React.ReactNode;
+  children: React$1.ReactNode;
   /**
    * Additional CSS class names
    */
@@ -8425,7 +8762,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.FC<DsFormControlDescriptionProps>;
+  Description: React$1.FC<DsFormControlDescriptionProps>;
 };
 //#endregion
 //#region src/components/ds-grid/ds-grid.types.d.ts
@@ -8478,11 +8815,11 @@ interface DsGridItemProps {
 /**
  * Design system Grid component
  */
-declare const DsGrid: React.FC<DsGridProps>;
+declare const DsGrid: React$1.FC<DsGridProps>;
 /**
  * Design system GridItem component
  */
-declare const DsGridItem: React.FC<DsGridItemProps>;
+declare const DsGridItem: React$1.FC<DsGridItemProps>;
 //#endregion
 //#region src/components/ds-loader/ds-loader.types.d.ts
 declare const loaderVariants: readonly ["spinner", "pulsing"];
@@ -8500,11 +8837,11 @@ interface DsLoaderProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Ref to the loader container element
    */
-  ref?: React.Ref<HTMLDivElement>;
+  ref?: React$1.Ref<HTMLDivElement>;
 }
 //#endregion
 //#region src/components/ds-loader/ds-loader.d.ts
@@ -8666,11 +9003,11 @@ interface DsPopoverProps {
   /**
    * The element that triggers the popover
    */
-  trigger: React.ReactNode;
+  trigger: React$1.ReactNode;
   /**
    * The content to be rendered inside the popover
    */
-  children: React.ReactNode;
+  children: React$1.ReactNode;
   /**
    * Additional CSS class names
    */
@@ -8686,7 +9023,166 @@ interface DsPopoverProps {
 }
 //#endregion
 //#region src/components/ds-popover/ds-popover.d.ts
-declare const DsPopover: React.FC<DsPopoverProps>;
+declare const DsPopover: React$1.FC<DsPopoverProps>;
+//#endregion
+//#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
+declare const progressArcSizes: readonly ["small", "medium"];
+type ProgressArcSize = (typeof progressArcSizes)[number];
+declare const progressArcVariants: readonly ["default", "success", "error"];
+type ProgressArcVariant = (typeof progressArcVariants)[number];
+interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
+  /**
+   * Progress value between 0 and 100
+   * @default 0
+   */
+  value?: number;
+  /**
+   * Size of the arc progress indicator
+   * @default 'medium'
+   */
+  size?: ProgressArcSize;
+  /**
+   * Visual variant of the arc progress indicator
+   * @default 'default'
+   */
+  variant?: ProgressArcVariant;
+  /**
+   * Custom content to display in the center of the arc, overriding the default text or icon
+   */
+  children?: ReactNode;
+  ref?: Ref<HTMLElement>;
+}
+//#endregion
+//#region src/components/ds-progress-arc/ds-progress-arc.d.ts
+declare const DsProgressArc: ({
+  value,
+  size,
+  variant,
+  children,
+  className,
+  style,
+  ref,
+  ...props
+}: DsProgressArcProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
+declare const progressDonutSizes: readonly ["small", "medium"];
+type ProgressDonutSize = (typeof progressDonutSizes)[number];
+declare const progressDonutVariants: readonly ["default", "success", "error"];
+type ProgressDonutVariant = (typeof progressDonutVariants)[number];
+interface DsProgressDonutProps {
+  /**
+   * Progress value between 0 and 100
+   * @default 0
+   */
+  value?: number;
+  /**
+   * Size of the donut progress indicator
+   * @default 'medium'
+   */
+  size?: ProgressDonutSize;
+  /**
+   * Visual variant of the donut progress indicator
+   * @default 'default'
+   */
+  variant?: ProgressDonutVariant;
+  /**
+   * Custom content to display in the center of the donut, overriding the default text or icon
+   */
+  children?: ReactNode;
+  className?: string;
+  style?: CSSProperties;
+  ref?: Ref<HTMLElement>;
+}
+//#endregion
+//#region src/components/ds-progress-donut/ds-progress-donut.d.ts
+declare const DsProgressDonut: ({
+  value,
+  size,
+  variant,
+  children,
+  className,
+  style,
+  ref
+}: DsProgressDonutProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
+declare const progressLinearVariants: readonly ["initial", "progress", "interrupted", "success", "error"];
+type ProgressLinearVariant = (typeof progressLinearVariants)[number];
+declare const progressLinearSizes: readonly ["small", "medium", "large"];
+type ProgressLinearSize = (typeof progressLinearSizes)[number];
+interface DsProgressLinearProps {
+  /**
+   * The current progress value (0–100)
+   * @default 0
+   */
+  value?: number;
+  /**
+   * The minimum value
+   * @default 0
+   */
+  min?: number;
+  /**
+   * The maximum value
+   * @default 100
+   */
+  max?: number;
+  /**
+   * The visual variant controlling bar color and caption styling
+   * @default 'progress'
+   */
+  variant?: ProgressLinearVariant;
+  /**
+   * The size of the progress bar track
+   * @default 'medium'
+   */
+  size?: ProgressLinearSize;
+  /**
+   * Label displayed above the progress bar (left side)
+   */
+  label?: React$1.ReactNode;
+  /**
+   * Whether to show the percentage value text (right side of label row)
+   * @default true
+   */
+  showValue?: boolean;
+  /**
+   * Caption/helper text below the progress bar.
+   * 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;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React$1.CSSProperties;
+  /**
+   * Ref to the root element
+   */
+  ref?: React$1.Ref<HTMLDivElement>;
+}
+//#endregion
+//#region src/components/ds-progress-linear/ds-progress-linear.d.ts
+/**
+ * Design system ProgressLinear component
+ */
+declare const DsProgressLinear: ({
+  value,
+  min,
+  max,
+  variant,
+  size,
+  label,
+  showValue,
+  caption,
+  className,
+  style,
+  ref
+}: DsProgressLinearProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.types.d.ts
 /**
@@ -8739,7 +9235,7 @@ interface DsRadioOptionLegacy<ValueType = string> {
  * Use compound component pattern instead
  * @deprecated
  */
-interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> extends React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
   /**
    * The radio group options
    */
@@ -8765,7 +9261,7 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
 }
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.d.ts
@@ -8774,7 +9270,7 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
  * Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
  * @deprecated
  */
-declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
+declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
 /**
  * Design system RadioGroup component
  *
@@ -8785,8 +9281,8 @@ declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
  * </DsRadioGroup.Root>
  */
 declare const DsRadioGroup: {
-  Root: React.FC<DsRadioGroupRootProps>;
-  Item: React.FC<DsRadioGroupItemProps>;
+  Root: React$1.FC<DsRadioGroupRootProps>;
+  Item: React$1.FC<DsRadioGroupItemProps>;
 };
 //#endregion
 //#region src/components/ds-segment-group/ds-segment-group.types.d.ts
@@ -8850,9 +9346,9 @@ type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' |
  * </DsSegmentGroup.Root>
  */
 declare const DsSegmentGroup: {
-  Root: React.FC<DsSegmentGroupRootProps>;
-  Item: React.FC<DsSegmentGroupItemProps>;
-  ItemText: React.FC<DsSegmentGroupItemTextProps>;
+  Root: React$1.FC<DsSegmentGroupRootProps>;
+  Item: React$1.FC<DsSegmentGroupItemProps>;
+  ItemText: React$1.FC<DsSegmentGroupItemTextProps>;
 };
 //#endregion
 //#region src/components/ds-typography/ds-typography.config.d.ts
@@ -8896,7 +9392,7 @@ interface DsTypographyProps {
   /**
    * Additional styles to apply to the typography component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * When true, renders as Slot component for composition without extra DOM nodes
    */
@@ -8904,12 +9400,12 @@ interface DsTypographyProps {
   /**
    * The content of the component
    */
-  children: React.ReactNode;
+  children: React$1.ReactNode;
 }
 //#endregion
 //#region src/components/ds-typography/ds-typography.d.ts
-declare const DsTypography: React.FC<DsTypographyProps & {
-  ref?: React.Ref<HTMLElement>;
+declare const DsTypography: React$1.FC<DsTypographyProps & {
+  ref?: React$1.Ref<HTMLElement>;
 }>;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton.types.d.ts
@@ -9099,7 +9595,7 @@ interface DsSmartTabProps {
   /**
    * Additional styles to apply to the tab
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
 }
 interface DsSmartTabsProps {
   /**
@@ -9117,7 +9613,7 @@ interface DsSmartTabsProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * The tab components as children
    */
@@ -9137,7 +9633,7 @@ declare const DsSmartTabs: {
     children,
     ...props
   }: DsSmartTabsProps): react_jsx_runtime0.JSX.Element;
-  Tab: React.FC<DsSmartTabProps>;
+  Tab: React$1.FC<DsSmartTabProps>;
 };
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.types.d.ts
@@ -9156,14 +9652,14 @@ interface DsSpinnerProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
 }
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.d.ts
 /**
  * Design system Spinner component
  */
-declare const DsSpinner: React.FC<DsSpinnerProps>;
+declare const DsSpinner: React$1.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"];
@@ -9211,7 +9707,7 @@ interface DsStatusBadgeProps {
 /**
  * Design system StatusBadge component
  */
-declare const DsStatusBadge: React.FC<DsStatusBadgeProps>;
+declare const DsStatusBadge: React$1.FC<DsStatusBadgeProps>;
 //#endregion
 //#region src/components/ds-stepper/ds-stepper.types.d.ts
 type DsStepperVariant = 'single';
@@ -9330,7 +9826,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.FC<DsSystemStatusProps>;
+declare const DsSystemStatus: React$1.FC<DsSystemStatusProps>;
 //#endregion
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
 /**
@@ -9372,6 +9868,19 @@ type SecondaryRowAction<TData> = Omit<RowAction<TData>, 'icon'> & {
   className?: string;
 };
 //#endregion
+//#region src/components/ds-table/components/ds-table-body-virtualized/ds-table-body-virtualized.types.d.ts
+/**
+ * Parameters passed to the onScroll callback in virtualized tables.
+ */
+interface ScrollParams {
+  /** The current vertical scroll position from the top of the scrollable content (in pixels) */
+  scrollOffset: number;
+  /** The total height of all content in the virtualized table (in pixels) */
+  totalContentHeight: number;
+  /** The visible height of the table container (in pixels) */
+  viewportHeight: number;
+}
+//#endregion
 //#region src/components/ds-table/filters/types/filter-adapter.types.d.ts
 type AnyAdapter = FilterAdapter<any, any, any>;
 /**
@@ -9771,17 +10280,6 @@ interface RangeFilterProps {
  * Row size variants based on Figma design specifications
  */
 type DsTableRowSize = 'small' | 'medium' | 'large';
-/**
- * Parameters passed to the onScroll callback in virtualized tables.
- */
-interface ScrollParams {
-  /** The current vertical scroll position from the top of the scrollable content (in pixels) */
-  scrollOffset: number;
-  /** The total height of all content in the virtualized table (in pixels) */
-  totalContentHeight: number;
-  /** The visible height of the table container (in pixels) */
-  viewportHeight: number;
-}
 /**
  * API for programmatically controlling a DsTable component.
  * This interface provides methods to interact with the table's selection, sorting, filtering, and pagination features.
@@ -9868,6 +10366,57 @@ interface DsTableApi<TData> {
    * ```
    */
   getSelectedRows: () => TData[];
+  /**
+   * Expands a single row by its ID.
+   *
+   * @param rowId - The unique identifier of the row to expand
+   *
+   * @example
+   * ```tsx
+   * tableRef.current?.expandRow('user-123');
+   * ```
+   */
+  expandRow: (rowId: string) => void;
+  /**
+   * Collapses a single row by its ID.
+   *
+   * @param rowId - The unique identifier of the row to collapse
+   *
+   * @example
+   * ```tsx
+   * tableRef.current?.collapseRow('user-123');
+   * ```
+   */
+  collapseRow: (rowId: string) => void;
+  /**
+   * Expands all rows in the table.
+   *
+   * @example
+   * ```tsx
+   * tableRef.current?.expandAllRows();
+   * ```
+   */
+  expandAllRows: () => void;
+  /**
+   * Collapses all rows in the table.
+   *
+   * @example
+   * ```tsx
+   * tableRef.current?.collapseAllRows();
+   * ```
+   */
+  collapseAllRows: () => void;
+  /**
+   * Expands multiple rows by their IDs.
+   *
+   * @param rowIds - Array of unique identifiers for the rows to expand
+   *
+   * @example
+   * ```tsx
+   * tableRef.current?.expandRows(['user-1', 'user-2', 'user-3']);
+   * ```
+   */
+  expandRows: (rowIds: string[]) => void;
 }
 /**
  * Represents a bulk action that can be performed on multiple selected rows
@@ -9890,7 +10439,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Ref to the table API
    */
-  ref?: React.RefObject<DsTableApi<TData> | null>;
+  ref?: React$1.RefObject<DsTableApi<TData> | null>;
   /**
    * Columns of the table
    */
@@ -9950,7 +10499,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Empty state of the table
    */
-  emptyState?: React.ReactNode;
+  emptyState?: React$1.ReactNode;
   /**
    * Whether the table has sticky header
    */
@@ -9979,7 +10528,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Function to render the expanded row
    */
-  renderExpandedRow?: (row: TData) => React.ReactNode;
+  renderExpandedRow?: (row: TData) => React$1.ReactNode;
   /**
    * Function to handle table creation
    */
@@ -10354,9 +10903,8 @@ interface DsTagFilterProps {
   locale?: {
     label?: string;
     clearButton?: string;
-    collapseTagLabel?: string;
-    hiddenCountSingular?: string;
-    hiddenCountPlural?: string;
+    showMore?: string;
+    showLess?: string;
   };
   /**
    * Callback when "Clear all" is clicked
@@ -10389,7 +10937,8 @@ interface DsTagFilterProps {
  * Design system TagFilter component
  *
  * A component for displaying active filters as tags with overflow handling.
- * Shows visible tags in up to 2 rows, with the Expand button to show hidden items.
+ * Non-tag elements (label, expand/collapse, clear) sit in a header row.
+ * Tags occupy the full width below, wrapping as needed.
  */
 declare const DsTagFilter: ({
   items,
@@ -10585,6 +11134,156 @@ interface DsTooltipProps {
 //#region src/components/ds-tooltip/ds-tooltip.d.ts
 declare const DsTooltip: FC<DsTooltipProps>;
 //#endregion
+//#region src/components/ds-tree/ds-tree.types.d.ts
+interface DsTreeNode {
+  id: string;
+  name: string;
+  disabled?: boolean;
+  icon?: IconType;
+  status?: FilterStatus;
+  children?: DsTreeNode[];
+}
+declare const dsTreeSizes: readonly ["medium", "small"];
+type DsTreeSize = (typeof dsTreeSizes)[number];
+interface DsTreeBaseProps {
+  className?: string;
+  style?: CSSProperties;
+}
+interface DsTreeBasePropsWithChildren extends DsTreeBaseProps {
+  children?: ReactNode;
+}
+interface DsTreeRootProps<T extends DsTreeNode = DsTreeNode> extends DsTreeBasePropsWithChildren {
+  collection: TreeView.RootProps<T>['collection'];
+  size?: DsTreeSize;
+  ref?: Ref<HTMLDivElement>;
+  selectedValue?: string[];
+  defaultSelectedValue?: string[];
+  onSelectionChange?: TreeView.RootProps<T>['onSelectionChange'];
+  selectionMode?: 'single' | 'multiple';
+  expandedValue?: string[];
+  defaultExpandedValue?: string[];
+  onExpandedChange?: TreeView.RootProps<T>['onExpandedChange'];
+  expandOnClick?: boolean;
+  checkedValue?: string[];
+  defaultCheckedValue?: string[];
+  onCheckedChange?: TreeView.RootProps<T>['onCheckedChange'];
+  /**
+   * Whether to enable typeahead navigation — typing characters focuses matching nodes
+   */
+  typeahead?: boolean;
+  /**
+   * Whether to defer mounting of branch content until a branch is first expanded
+   */
+  lazyMount?: boolean;
+  unmountOnExit?: boolean;
+}
+type DsTreeTreeProps = DsTreeBasePropsWithChildren;
+type DsTreeBranchProps = DsTreeBasePropsWithChildren;
+type DsTreeBranchControlProps = DsTreeBasePropsWithChildren;
+type DsTreeBranchIndicatorProps = DsTreeBasePropsWithChildren;
+type DsTreeBranchTextProps = DsTreeBasePropsWithChildren;
+type DsTreeBranchContentProps = DsTreeBasePropsWithChildren;
+type DsTreeBranchIndentGuideProps = DsTreeBaseProps;
+interface DsTreeItemProps extends DsTreeBasePropsWithChildren {
+  onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+}
+type DsTreeItemTextProps = DsTreeBasePropsWithChildren;
+type DsTreeItemIndicatorProps = DsTreeBaseProps;
+type DsTreeNodeCheckboxProps = DsTreeBaseProps;
+interface DsTreeItemActionProps extends DsTreeBasePropsWithChildren {
+  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+//#endregion
+//#region src/components/ds-tree/ds-tree.d.ts
+declare const DsTree: {
+  Root: <T extends DsTreeNode = DsTreeNode>({
+    collection,
+    size,
+    ref,
+    className,
+    style,
+    children,
+    selectedValue,
+    defaultSelectedValue,
+    onSelectionChange,
+    selectionMode,
+    expandedValue,
+    defaultExpandedValue,
+    onExpandedChange,
+    expandOnClick,
+    checkedValue,
+    defaultCheckedValue,
+    onCheckedChange,
+    typeahead,
+    lazyMount,
+    unmountOnExit
+  }: DsTreeRootProps<T>) => react_jsx_runtime0.JSX.Element;
+  Tree: ({
+    className,
+    style,
+    children
+  }: DsTreeTreeProps) => react_jsx_runtime0.JSX.Element;
+  NodeProvider: typeof TreeView.NodeProvider;
+  NodeContext: (props: TreeView.NodeContextProps) => react.ReactNode;
+  Branch: ({
+    className,
+    style,
+    children
+  }: DsTreeBranchProps) => react_jsx_runtime0.JSX.Element;
+  BranchControl: ({
+    className,
+    style,
+    children
+  }: DsTreeBranchControlProps) => react_jsx_runtime0.JSX.Element;
+  BranchIndicator: ({
+    className,
+    style,
+    children
+  }: DsTreeBranchIndicatorProps) => react_jsx_runtime0.JSX.Element;
+  BranchText: ({
+    className,
+    style,
+    children
+  }: DsTreeBranchTextProps) => react_jsx_runtime0.JSX.Element;
+  BranchContent: ({
+    className,
+    style,
+    children
+  }: DsTreeBranchContentProps) => react_jsx_runtime0.JSX.Element;
+  BranchIndentGuide: ({
+    className,
+    style
+  }: DsTreeBranchIndentGuideProps) => react_jsx_runtime0.JSX.Element;
+  Item: ({
+    className,
+    style,
+    children,
+    onClick
+  }: DsTreeItemProps) => react_jsx_runtime0.JSX.Element;
+  ItemText: ({
+    className,
+    style,
+    children
+  }: DsTreeItemTextProps) => react_jsx_runtime0.JSX.Element;
+  ItemIndicator: ({
+    className,
+    style
+  }: DsTreeItemIndicatorProps) => react_jsx_runtime0.JSX.Element;
+  ItemAction: ({
+    className,
+    style,
+    children,
+    onClick
+  }: DsTreeItemActionProps) => react_jsx_runtime0.JSX.Element;
+  NodeCheckbox: ({
+    className,
+    style
+  }: DsTreeNodeCheckboxProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+//#region src/components/ds-tree/ds-tree.utils.d.ts
+declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => _ark_ui_react0.TreeCollection<T>;
+//#endregion
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.types.d.ts
 interface DsVerticalTabsRootProps {
   /**
@@ -10695,5 +11394,5 @@ declare const DsVerticalTabs: {
   }: DsVerticalTabsContentProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, CheckboxFilterAdapterConfig, CheckboxFilterItem, CheckboxFilterProps, ChipItem, ChipSize, Color, ColumnFilterState, 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, 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, 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, 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, DsToastContextType, DsToastProps, DsToastProvider, DsToastProviderProps, DsToggle, DsToggleProps, DsTooltip, DsTooltipProps, DsTypography, DsTypographyProps, DsVerticalTabs, DsVerticalTabsContentProps, DsVerticalTabsListProps, DsVerticalTabsRootProps, DsVerticalTabsTabProps, DualRangeFilterAdapterConfig, DualRangeFilterValue, FatalFileUploadError, FileExtension, FileUpload, FileUploadAdapter, FileUploadError, FileUploadOptions, FileUploadResult, FilterAdapter, FilterAdapterConfig, FilterNavItem, FilterState, IconName, IconSize, IconType, IconVariant, LoaderVariant, MaterialIconName, 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, createDualRangeFilterAdapter, createFilterAdapter, customIcons, iconSizes, iconVariants, isCustomIcon, loaderVariants, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, systemStatuses, textInputSizes, useFileUpload, useTableFilters, useToaster };
+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 };
 //# sourceMappingURL=index.d.cts.map