@drivenets/design-system 0.7.2 → 0.8.0

package/dist/index.d.cts

@@ -1,8 +1,9 @@
 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, RefObject, SVGProps } from "react";
 import { Root } from "@radix-ui/react-checkbox";
 import { DatePickerRootProps } from "@ark-ui/react/date-picker";
+import { PopoverContentProps } from "@ark-ui/react/popover";
 import { UseDialogProps } from "@ark-ui/react/dialog";
 import { Menu } from "@ark-ui/react/menu";
 import * as _ark_ui_react0 from "@ark-ui/react";
@@ -6354,7 +6355,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 +6441,7 @@ interface DsAutocompleteProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Additional CSS class names
    */
@@ -6486,9 +6487,10 @@ 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)
+   * Event handler called when the value changes.
+   * Fires with the selected option's value, or an empty string when cleared.
    */
   onValueChange?: (value: string) => void;
   /**
@@ -6638,7 +6640,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 +6649,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'
@@ -6681,7 +6683,7 @@ declare const buttonVariants: readonly ["filled", "ghost", "danger", "dark"];
 type ButtonVariant = (typeof buttonVariants)[number];
 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'
@@ -6851,7 +6853,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
 /**
@@ -6914,7 +6916,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
 /**
@@ -6980,7 +6982,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 {
@@ -7047,6 +7049,7 @@ interface DsCommentBubbleProps {
   ref?: Ref<HTMLDivElement>;
   comment?: CommentData;
   currentUser?: CommentAuthor;
+  hideActionRequired?: boolean;
   actionRequired?: boolean;
   onActionRequiredChange?: (checked: boolean) => void;
   value?: string;
@@ -7073,6 +7076,7 @@ declare const DsCommentBubble: ({
   ref,
   comment,
   currentUser,
+  hideActionRequired,
   actionRequired,
   onActionRequiredChange,
   value,
@@ -7407,16 +7411,17 @@ type DsDateInputBaseProps = Pick<DatePickerRootProps, 'disabled' | 'readOnly' |
   hideClearButton?: boolean;
 };
 /**
- * Props for the DsDateInput component
+ * @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead.
+ * @see {@link ../ds-date-picker} for single date selection.
+ * @see {@link ../ds-date-range-picker} for date range selection.
  */
 type DsDateInputProps = DsDateInputBaseProps & DsDateInputRangeProps;
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.d.ts
 /**
- * Design system date input component with integrated calendar picker.
- *
- * Supports both single date and date range selection with a single text input field.
- * Features built-in validation, manual text entry, and calendar selection.
+ * @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead.
+ * @see {@link ../ds-date-picker} for single date selection.
+ * @see {@link ../ds-date-range-picker} for date range selection.
  */
 declare const DsDateInput: ({
   range,
@@ -7437,1360 +7442,1598 @@ declare const DsDateInput: ({
   ...datePickerProps
 }: DsDateInputProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/components/ds-dialog/ds-dialog.types.d.ts
-interface DsDialogProps {
+//#region src/components/ds-text-input/ds-text-input.types.d.ts
+declare const textInputSizes: readonly ["small", "default"];
+type TextInputSize = (typeof textInputSizes)[number];
+interface DsTextInputProps {
   /**
-   * Controls whether the dialog is open.
+   * Unique identifier for the input field
    */
-  open: boolean;
+  id?: string;
   /**
-   * Callback fired when the open state should change.
+   * The ref to the input field
    */
-  onOpenChange?: (open: boolean) => void;
+  ref?: React.Ref<HTMLInputElement>;
   /**
-   * The accessible title for the dialog. Required for accessibility.
+   * The name of the input field
    */
-  title: string;
+  name?: string;
   /**
-   * If true, the dialog title will be visually hidden but accessible to screen readers.
+   * The size of the input field
+   * @default default
    */
-  hideTitle?: boolean;
+  size?: TextInputSize;
   /**
-   * The accessible description for the dialog. Optional, but recommended for accessibility.
+   * The type of the input field
+   * @default text
    */
-  description?: string;
+  type?: string;
   /**
-   * If true, the dialog description will be visually hidden but accessible to screen readers.
+   * Event handler called when the input field receives focus
    */
-  hideDescription?: boolean;
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
-   * The content to render inside the dialog.
+   * Event handler called when the input field loses focus
+   *
+   * @param event
    */
-  children: React$1.ReactNode;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
-   * Additional CSS class names for the dialog container.
+   * Callback when a key is pressed down
+   */
+  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  /**
+   * Callback when the value changes
+   */
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  /**
+   * Value change event handler (provides just the value)
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Additional CSS class names
    */
   className?: string;
   /**
-   * Ref to the element the dialog should be anchored to (for relative placement)
+   * Additional styles to apply to the component
    */
-  anchorRef?: React$1.RefObject<HTMLElement>;
+  style?: React.CSSProperties;
   /**
-   * Custom fixed position (e.g., { top: number, left: number })
+   * The placeholder text
    */
-  customPosition?: {
-    top: number;
-    left: number;
-  };
+  placeholder?: string;
   /**
-   * If true, show modal overlay and center dialog (default: true)
+   * The current value
    */
-  modal?: boolean;
-}
-//#endregion
-//#region src/components/ds-dialog/ds-dialog.d.ts
-declare const DsDialog: React$1.FC<DsDialogProps>;
-//#endregion
-//#region src/components/ds-divider/ds-divider.types.d.ts
-interface DsDividerProps {
+  value?: string;
   /**
-   * Controls orientation of the divider. Horizontal by default.
+   * The minimum value of the input
    */
-  orientation?: 'horizontal' | 'vertical';
+  min?: number | string;
   /**
-   * Underlying element/component to render.
-   * Examples: "hr", "div", "span", Link, etc.
+   * The maximum value of the input
    */
-  component?: React$1.ElementType;
+  max?: number | string;
   /**
-   * Additional CSS styles.
+   * The minimum number of characters
    */
-  style?: React$1.CSSProperties;
+  minLength?: number;
   /**
-   * Additional CSS classes.
+   * The maximum number of characters
+   */
+  maxLength?: number;
+  /**
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the input is disabled
+   */
+  disabled?: boolean;
+  /**
+   * Whether the input is read only
+   */
+  readOnly?: boolean;
+  /**
+   * The tabIndex of the input
    */
+  tabIndex?: number;
+  slots?: {
+    /**
+     * Custom component to wrap the input element
+     */
+    inputWrapper?: ComponentType<{
+      children: React.ReactNode;
+    }>;
+    /**
+     * Adornment to display at the start of the input
+     */
+    startAdornment?: React.ReactNode;
+    /**
+     * Adornment to display at the end of the input
+     */
+    endAdornment?: React.ReactNode;
+  };
+}
+//#endregion
+//#region src/components/ds-text-input/ds-text-input.d.ts
+declare const DsTextInput: FC<DsTextInputProps>;
+//#endregion
+//#region src/components/ds-time-picker/ds-time-picker.types.d.ts
+interface DsTimePickerProps {
+  id?: string;
+  ref?: RefObject<HTMLDivElement>;
   className?: string;
+  value?: Date | null;
+  defaultValue?: Date;
+  open?: boolean;
+  defaultOpen?: boolean;
+  placeholder?: string;
+  min?: Date;
+  max?: Date;
+  disabled?: boolean;
+  readOnly?: boolean;
+  /**
+   * Whether to disable the portal for the popover content
+   * @default false
+   */
+  disablePortal?: boolean;
+  locale?: DsTimePickerLocale;
+  slotProps?: DsTimePickerSlotProps;
+  onChange?: (value: Date | null) => void;
+  onOpenChange?: (open: boolean) => void;
+}
+interface DsTimePickerLocale {
+  openLabel?: string;
+  clearLabel?: string;
+  hourLabel?: string;
+  minuteLabel?: string;
+  periodLabel?: string;
+}
+interface DsTimePickerSlotProps {
+  input?: DsTextInputProps;
+  popover?: PopoverContentProps;
 }
 //#endregion
-//#region src/components/ds-divider/ds-divider.d.ts
-declare const DsDivider: React$1.FC<DsDividerProps>;
+//#region src/components/ds-time-picker/ds-time-picker.d.ts
+declare const DsTimePicker: (props: DsTimePickerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/components/ds-drawer/ds-drawer.types.d.ts
-/**
- * Available positions for the drawer
- */
-type DsDrawerPosition = 'start' | 'end';
+//#region src/components/ds-time-picker/ds-time-picker.utils.d.ts
 /**
- * Available column sizes for drawer width
+ * Format a Date to a 12-hour time string (hh:mm AM/PM)
  */
-type DsDrawerColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnInteractOutside'> {
+declare const formatTime: (date?: Date | null) => string;
+//#endregion
+//#region src/components/ds-date-picker/ds-date-picker.types.d.ts
+interface DsDatePickerLocale {
+  openCalendarLabel?: string;
+  timeTriggerLabel?: string;
+  clearLabel?: string;
+}
+interface DsDatePickerSlotProps {
+  input?: DsTextInputProps;
+  timePicker?: DsTimePickerProps;
+}
+interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'readOnly' | 'id' | 'open' | 'name'> {
   /**
-   * Whether the drawer is open
+   * Controlled value as Date object.
+   * `null` means the date is empty.
+   * `undefined` means value is not provided, so component will be uncontrolled.
    */
-  open: boolean;
+  value?: Date | null;
   /**
-   * Callback when the drawer open state changes
+   * Default value for uncontrolled mode
    */
-  onOpenChange: (open: boolean) => void;
+  defaultValue?: Date;
   /**
-   * Number of grid columns the drawer should span (1-12)
-   * @default 4
+   * Callback when the value changes
+   * @param value - Date object or null when cleared
    */
-  columns?: DsDrawerColumns;
+  onChange?: (value: Date | null) => void;
   /**
-   * Position of the drawer
-   * @default 'end'
+   * Callback when the calendar open state changes
    */
-  position?: DsDrawerPosition;
+  onOpenChange?: (open: boolean) => void;
   /**
-   * Whether to show backdrop overlay
-   * @default false
+   * Minimum allowed datetime as Date object
    */
-  backdrop?: boolean;
+  min?: Date;
   /**
-   * Whether to append the drawer to the body instead of rendering in place
+   * Maximum allowed datetime as Date object
+   */
+  max?: Date;
+  /**
+   * Whether to show the time picker alongside the date picker
    * @default false
    */
-  portal?: boolean;
+  withTime?: boolean;
   /**
-   * Additional CSS styles
+   * Placeholder text for the input
+   * @default 'mm/dd/yyyy'
    */
-  style?: CSSProperties;
+  placeholder?: string;
   /**
-   * Additional CSS class names
+   * Whether to close the calendar when a date is selected. This is ignored when withTime is true.
+   * @default true
    */
+  closeOnSelect?: boolean;
   className?: string;
   /**
-   * Children components
+   * Whether to disable the portal for the calendar content
+   * @default false
    */
-  children: ReactNode;
+  disablePortal?: boolean;
+  /**
+   * Whether to hide the clear button
+   * @default true
+   */
+  hideClearButton?: boolean;
+  /**
+   * Localizable aria-labels and text
+   */
+  locale?: DsDatePickerLocale;
+  /**
+   * Props forwarded to sub-component slots
+   */
+  slotProps?: DsDatePickerSlotProps;
 }
 //#endregion
-//#region src/components/ds-drawer/ds-drawer.d.ts
-/**
- * Composable drawer component.
- * Supports grid-based sizing, flexible positioning, and compound components.
- * Use columns prop to control drawer width (1-12 grid columns).
- */
-declare const DsDrawer: {
-  ({
-    open,
-    onOpenChange,
-    columns,
-    position,
-    backdrop,
-    closeOnEscape,
-    closeOnInteractOutside,
-    portal,
-    style,
-    className,
-    children
-  }: DsDrawerProps): react_jsx_runtime0.JSX.Element;
-  Header: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
-  Title: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
-  CloseTrigger: ({
-    style,
-    className
-  }: {
-    style?: CSSProperties;
-    className?: string;
-  }) => react_jsx_runtime0.JSX.Element;
-  Toolbar: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
-  Body: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
-  Footer: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
-  Actions: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
-};
+//#region src/components/ds-date-picker/ds-date-picker.d.ts
+declare const DsDatePicker: ({
+  placeholder,
+  className,
+  withTime,
+  closeOnSelect,
+  disablePortal,
+  hideClearButton,
+  locale,
+  slotProps,
+  onChange,
+  onOpenChange,
+  value: _value,
+  defaultValue: _defaultValue,
+  min: _min,
+  max: _max,
+  disabled,
+  readOnly,
+  id,
+  ...restProps
+}: DsDatePickerProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
-/**
- * Base positioning type
- */
-type BasePositioning = NonNullable<Menu.RootProps['positioning']>;
-/**
- * Positioning options for dropdown menu
- */
-type DsDropdownMenuPositioning = Pick<BasePositioning, 'placement' | 'gutter' | 'sameWidth' | 'getAnchorRect'>;
-/**
- * DEPRECATED: Legacy dropdown menu option configuration
- * Use compound component pattern instead
- * @deprecated
- */
-interface DsDropdownMenuOptionLegacy {
-  /**
-   * Display label for the menu option
-   */
-  label: string;
+//#region src/components/ds-number-input/ds-number-input.types.d.ts
+interface DsNumberInputProps {
   /**
-   * Optional icon to display
+   * Unique identifier for the input field
    */
-  icon?: IconType;
+  id?: string;
   /**
-   * Whether this option is disabled
+   * The ref to the input field
    */
-  disabled?: boolean;
+  ref?: React.Ref<HTMLInputElement>;
   /**
-   * Click handler for the option
+   * The name of the input field
    */
-  onClick?: (e: MouseEvent<HTMLElement>) => void;
+  name?: string;
   /**
-   * Optional value for selection tracking
+   * The size of the input field
+   * @default default
    */
-  value?: string;
-}
-/**
- * DEPRECATED: Legacy props for DsDropdownMenuLegacy component
- * Use compound component pattern instead
- * @deprecated
- */
-interface DsDropdownMenuLegacyProps {
+  size?: 'small' | 'default';
   /**
-   * The options to be displayed in the dropdown menu
+   * Event handler called when the input field loses focus
+   *
+   * @param event
    */
-  options: DsDropdownMenuOptionLegacy[];
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
-   * Optional children to be rendered inside the component
-   * Typically used for the trigger element
+   * Callback when the value changes (native input onChange event)
+   * This is provided for compatibility but onValueChange is preferred
    */
-  children?: ReactNode | undefined;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   /**
-   * The gap between the trigger and dropdown content in pixels
-   * @default 0
+   * Value change event handler (provides just the number value)
+   * This is the preferred way to handle value changes
    */
-  contentGap?: number;
+  onValueChange?: (value: number) => void;
   /**
    * Additional CSS class names
    */
   className?: string;
   /**
-   * Optional inline styles to apply to the component
+   * Additional styles to apply to the component
    */
-  style?: CSSProperties;
+  style?: React.CSSProperties;
   /**
-   * The alignment of the dropdown content
-   * @default 'center'
+   * The placeholder text
    */
-  align?: 'start' | 'center' | 'end';
+  placeholder?: string;
   /**
-   * The side of the dropdown content
-   * @default 'bottom'
+   * Whether the number input is disabled
    */
-  side?: 'top' | 'right' | 'bottom' | 'left';
+  disabled?: boolean;
   /**
-   * Whether to render in place instead of using portals
-   * @default false
+   * The minimum value of the number input
    */
-  disablePortal?: boolean;
+  min?: number | undefined;
   /**
-   * Whether to disable the search functionality
-   * @default false
+   * The maximum value of the number input
+   * @default Number.MAX_SAFE_INTEGER
    */
-  disableSearch?: boolean;
+  max?: number | undefined;
   /**
-   * Currently selected value (for selection tracking)
+   * The amount to increment or decrement the value by
+   * @default 1
    */
-  selected?: string;
+  step?: number | undefined;
   /**
-   * Callback when an option with a value is selected
+   * The controlled value of the input
    */
-  onSelect?: (value: string) => void;
+  value?: number | undefined;
+  /**
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: number | undefined;
 }
-/**
- * Props for the DsDropdownMenu Root component
- */
-interface DsDropdownMenuRootProps {
+//#endregion
+//#region src/components/ds-number-input/ds-number-input.d.ts
+declare const DsNumberInput: FC<DsNumberInputProps>;
+//#endregion
+//#region src/components/ds-password-input/ds-password-input.types.d.ts
+interface DsPasswordInputProps {
   /**
-   * Whether the dropdown is open (controlled mode)
+   * Unique identifier for the input field
    */
-  open?: boolean;
+  id?: string;
   /**
-   * Callback when open state changes
+   * The ref to the input field
    */
-  onOpenChange?: (open: boolean) => void;
+  ref?: React.Ref<HTMLInputElement>;
   /**
-   * Callback when an item is selected
+   * The name of the input field
    */
-  onSelect?: (value: string) => void;
+  name?: string;
   /**
-   * Callback when the highlighted item changes
+   * The size of the input field
+   * @default default
    */
-  onHighlightChange?: (value: string | null) => void;
+  size?: 'small' | 'default';
   /**
-   * Positioning options for the dropdown
+   * Event handler called when the input field loses focus
+   *
+   * @param event
    */
-  positioning?: DsDropdownMenuPositioning;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
-   * Prevents the menu from closing when any item is selected
-   * @default false
+   * Callback when the value changes (native input onChange event)
+   * This is provided for compatibility but onValueChange is preferred
    */
-  preventCloseOnSelect?: boolean;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   /**
-   * Root content
+   * Value change event handler (provides just the string value)
+   * This is the preferred way to handle value changes
    */
-  children?: ReactNode;
-}
-/**
- * Props for the DsDropdownMenu Trigger component
- */
-type DsDropdownMenuTriggerProps = Menu.TriggerProps;
-/**
- * Props for the DsDropdownMenu Content component
- */
-interface DsDropdownMenuContentProps extends Pick<Menu.ContentProps, 'className' | 'style' | 'children'> {
+  onValueChange?: (value: string) => void;
   /**
-   * Whether to render in place instead of using portals
-   * @default false
+   * Additional CSS class names
    */
-  disablePortal?: boolean;
-}
-/**
- * Props for the DsDropdownMenu Item component
- */
-interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
+  className?: string;
   /**
-   * Whether the item is selected (applies selected styling)
+   * Additional styles to apply to the component
    */
-  selected?: boolean;
-}
-/**
- * Props for the DsDropdownMenu ItemIndicator component
- */
-interface DsDropdownMenuItemIndicatorProps {
+  style?: React.CSSProperties;
   /**
-   * Custom content to render as the indicator (defaults to check icon)
+   * The placeholder text
    */
-  children?: ReactNode;
+  placeholder?: string;
   /**
-   * Optional CSS class name
+   * The current value (for controlled usage)
    */
-  className?: string;
+  value?: string;
   /**
-   * Optional inline styles
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
    */
-  style?: CSSProperties;
+  defaultValue?: string;
+  /**
+   * Whether the password input is disabled
+   */
+  disabled?: boolean;
 }
-/**
- * Props for the DsDropdownMenu Header component
- */
-interface DsDropdownMenuHeaderProps {
+//#endregion
+//#region src/components/ds-password-input/ds-password-input.d.ts
+declare const DsPasswordInput: FC<DsPasswordInputProps>;
+//#endregion
+//#region src/components/ds-textarea/ds-textarea.types.d.ts
+interface DsTextareaProps {
   /**
-   * The header content (typically a search input or filter controls)
+   * Unique identifier for the textarea element
    */
-  children: ReactNode;
+  id?: string;
   /**
-   * Optional CSS class name
+   * The ref to the textarea element
    */
-  className?: string;
+  ref?: React.Ref<HTMLTextAreaElement>;
   /**
-   * Optional inline styles
+   * The name of the textarea
    */
-  style?: CSSProperties;
-}
-/**
- * Props for the DsDropdownMenu Actions component
- */
-interface DsDropdownMenuActionsProps {
+  name?: string;
   /**
-   * The action buttons or elements
+   * Event handler called when the textarea loses focus
+   *
+   * @param event
    */
-  children: ReactNode;
+  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
   /**
-   * Optional CSS class name
+   * Callback when the value changes
    */
-  className?: string;
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
   /**
-   * Optional inline styles
+   * Value change event handler (provides just the value)
    */
-  style?: CSSProperties;
-}
-/**
- * Props for the DsDropdownMenu ItemGroup component
- */
-interface DsDropdownMenuItemGroupProps extends Menu.ItemGroupProps {
+  onValueChange?: (value: string) => void;
   /**
-   * Whether the group is collapsed
+   * Additional CSS class names
    */
-  collapsed?: boolean;
+  className?: string;
   /**
-   * Callback when collapse state changes
+   * Additional styles to apply to the component
    */
-  onCollapsedChange?: (collapsed: boolean) => void;
-}
-/**
- * Props for the DsDropdownMenu ItemGroupLabel component
- */
-type DsDropdownMenuItemGroupLabelProps = Menu.ItemGroupLabelProps;
-/**
- * Props for the DsDropdownMenu ItemGroupContent component
- */
-interface DsDropdownMenuItemGroupContentProps {
+  style?: React.CSSProperties;
   /**
-   * The content to show/hide based on collapsed state
+   * The placeholder text
    */
-  children: ReactNode;
+  placeholder?: string;
   /**
-   * Optional CSS class name
+   * The current value
    */
-  className?: string;
+  value?: string;
   /**
-   * Optional inline styles
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
    */
-  style?: CSSProperties;
-}
-/**
- * Props for the DsDropdownMenu Separator component
- */
-type DsDropdownMenuSeparatorProps = Menu.SeparatorProps;
-/**
- * Props for the DsDropdownMenu TriggerItem component (for nested submenus)
- */
-type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
-//#endregion
-//#region src/components/ds-dropdown-menu/ds-dropdown-menu.d.ts
-/**
- * DEPRECATED: Legacy DsDropdownMenu component with options array
- * Use compound component pattern instead
- * @deprecated
- */
-declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
-/**
- * Design system  DsDropdownMenu component
- *
- * @example
- * <DsDropdownMenu.Root>
- *   <DsDropdownMenu.Trigger>
- *     <button>Open</button>
- *   </DsDropdownMenu.Trigger>
- *   <DsDropdownMenu.Content>
- *     <DsDropdownMenu.Header>
- *       <DsTextInput placeholder="Search..." />
- *     </DsDropdownMenu.Header>
- *     <DsDropdownMenu.Item value="item1">
- *       Item 1
- *       <DsDropdownMenu.ItemIndicator />
- *     </DsDropdownMenu.Item>
- *     <DsDropdownMenu.ItemGroup>
- *       <DsDropdownMenu.ItemGroupLabel>Group Name</DsDropdownMenu.ItemGroupLabel>
- *       <DsDropdownMenu.ItemGroupContent>
- *         <DsDropdownMenu.Item value="item2">Item 2</DsDropdownMenu.Item>
- *       </DsDropdownMenu.ItemGroupContent>
- *     </DsDropdownMenu.ItemGroup>
- *     <DsDropdownMenu.Separator />
- *     <DsDropdownMenu.Actions>
- *       <DsButton>Cancel</DsButton>
- *       <DsButton>Apply</DsButton>
- *     </DsDropdownMenu.Actions>
- *   </DsDropdownMenu.Content>
- * </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>;
-};
-//#endregion
-//#region src/components/ds-text-input/ds-text-input.types.d.ts
-declare const textInputSizes: readonly ["small", "default"];
-type TextInputSize = (typeof textInputSizes)[number];
-interface DsTextInputProps {
+  defaultValue?: string;
   /**
-   * Unique identifier for the input field
+   * Whether the textarea is disabled
    */
-  id?: string;
+  disabled?: boolean;
   /**
-   * The ref to the input field
+   * The number of visible text lines
    */
-  ref?: React$1.Ref<HTMLInputElement>;
+  rows?: number;
   /**
-   * The name of the input field
+   * The minimum number of characters
    */
-  name?: string;
+  minLength?: number;
   /**
-   * The size of the input field
-   * @default default
+   * The maximum number of characters
    */
-  size?: TextInputSize;
+  maxLength?: number;
+}
+//#endregion
+//#region src/components/ds-textarea/ds-textarea.d.ts
+declare const DsTextarea: React.FC<DsTextareaProps>;
+//#endregion
+//#region src/components/ds-select/ds-select.types.d.ts
+type SelectSize = 'default' | 'small';
+interface DsSelectOption {
   /**
-   * The type of the input field
-   * @default text
+   * Label to display in the select
    */
-  type?: string;
+  label: string;
   /**
-   * Event handler called when the input field receives focus
+   * Value to return when the option is selected
    */
-  onFocus?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  value: SelectOptionValue;
   /**
-   * Event handler called when the input field loses focus
-   *
-   * @param event
+   * Optional icon to display next to the label
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  icon?: IconName;
+}
+type SelectOptionValue = string;
+type DsSelectProps = {
   /**
-   * Callback when a key is pressed down
+   * Unique identifier for the select component
    */
-  onKeyDown?: (event: React$1.KeyboardEvent<HTMLInputElement>) => void;
+  id?: string;
   /**
-   * Callback when the value changes
+   * Options to display in the select dropdown
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+  options: DsSelectOption[];
   /**
-   * Value change event handler (provides just the value)
+   * Additional styles to apply to the icon
    */
-  onValueChange?: (value: string) => void;
+  style?: React.CSSProperties;
   /**
    * Additional CSS class names
    */
   className?: string;
   /**
-   * Additional styles to apply to the component
+   * Event handler called when the select loses focus
+   *
+   * @param event
    */
-  style?: React$1.CSSProperties;
+  onBlur?: (event: React.FocusEvent) => void;
   /**
-   * The placeholder text
+   * Placeholder text to display when no option is selected
    */
   placeholder?: string;
   /**
-   * The current value
+   * Whether the select is disabled
    */
-  value?: string;
+  disabled?: boolean;
   /**
-   * The minimum value of the input
+   * The size of the select component
+   * @default 'default'
    */
-  min?: number | string;
+  size?: SelectSize;
   /**
-   * The maximum value of the input
+   * 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.
    */
-  max?: number | string;
+  renderOption?: (option: DsSelectOption) => ReactNode;
+} & ({
+  clearable?: undefined | false;
+  onClear?: never;
+} | {
+  clearable: true;
+  onClear?: () => void;
+}) & ({
+  multiple?: undefined | false;
+  value: SelectOptionValue;
+  onValueChange?: (value: SelectOptionValue) => void;
   /**
-   * The minimum number of characters
+   * 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.
    */
-  minLength?: number;
+  renderValue?: (selectedOption: DsSelectOption) => ReactNode;
+} | {
+  multiple: true;
+  value: SelectOptionValue[];
+  onValueChange?: (value: SelectOptionValue[]) => void;
   /**
-   * The maximum number of characters
+   * 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.
    */
-  maxLength?: number;
+  renderValue?: (selectedOptions: DsSelectOption[]) => ReactNode;
+});
+//#endregion
+//#region src/components/ds-select/ds-select.d.ts
+declare const DsSelect: ({
+  id,
+  options: userOptions,
+  value,
+  style,
+  size,
+  clearable,
+  onClear,
+  onBlur,
+  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 {
   /**
-   * The initial value of the input when rendered.
-   * Use when you don't need to control the value of the input.
+   * Unique identifier for the control
    */
-  defaultValue?: string;
+  id?: string;
   /**
-   * Whether the input is disabled
+   * Visual status
    */
-  disabled?: boolean;
+  status?: ControlStatus;
   /**
-   * Whether the input is read only
+   * Label text
    */
-  readOnly?: boolean;
+  label: string;
   /**
-   * The tabIndex of the input
+   * Marks the field as required
    */
-  tabIndex?: number;
+  required?: boolean;
   slots?: {
     /**
-     * Custom component to wrap the input element
-     */
-    inputWrapper?: ComponentType<{
-      children: React$1.ReactNode;
-    }>;
-    /**
-     * Adornment to display at the start of the input
-     */
-    startAdornment?: React$1.ReactNode;
-    /**
-     * Adornment to display at the end of the input
+     * Adornment to display at the end of the label
      */
-    endAdornment?: React$1.ReactNode;
+    endAdornment?: React.ReactNode;
   };
-}
-//#endregion
-//#region src/components/ds-text-input/ds-text-input.d.ts
-declare const DsTextInput: FC<DsTextInputProps>;
-//#endregion
-//#region src/components/ds-expandable-text-input/ds-expandable-text-input.types.d.ts
-interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' | 'slots'> {
   /**
-   * The icon to display inside the expandable input trigger button
+   * Message under the control
    */
-  icon: IconType;
+  message?: string;
   /**
-   * Callback fired when the clear action is triggered
+   * Icon shown next to message
    */
-  onClear?: () => void;
+  messageIcon?: IconType;
   /**
-   * Callback fired when the expanded state changes
+   * Additional CSS class names
    */
-  onExpandChange?: (expanded: boolean) => void;
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+}
+interface DsFormControlDescriptionProps {
+  /**
+   * The description content
+   */
+  children: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
 }
 //#endregion
-//#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
-declare function DsExpandableTextInput({
-  onClear,
-  onExpandChange,
-  icon,
-  size,
-  ...props
-}: DsExpandableTextInputProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/ds-file-upload/ds-file-upload-api.types.d.ts
-type FileError = FileUploadFileError;
-type UploadFileStatus = 'pending' | 'uploading' | 'interrupted' | 'completed' | 'error' | 'cancelled';
-type FileMetadata = Record<string, unknown>;
-interface UploadedFile extends File {
-  id: string;
-  progress: number;
-  status: UploadFileStatus;
-  errors?: FileError[];
-}
-interface FileUploadOptions {
-  file: File;
-  fileId: string;
-  metadata?: FileMetadata;
-  onProgress?: (progress: number) => void;
-  signal?: AbortSignal;
-}
-interface FileUploadResult {
-  url: string;
-  metadata?: FileMetadata;
-}
-/**
- * File upload adapter interface
- * The upload method should:
- * - resolve with FileUploadResult on success
- * - reject with RetryableFileUploadError for transient failures
- * - reject with FatalFileUploadError for permanent failures
- */
-interface FileUploadAdapter {
-  upload: (options: FileUploadOptions) => FileUploadResult | Promise<FileUploadResult>;
-  cancel?: (fileId: string) => void | Promise<void>;
-  delete?: (fileId: string) => void | Promise<void>;
-}
-//#endregion
-//#region src/components/ds-file-upload/types/accept-types.d.ts
-/**
- * File extension with leading dot
- * @example '.pdf', '.jpg', '.csv'
- */
-type FileExtension = `.${string}`;
-/**
- * Accepted file type configuration
- * - Use string shorthand for common MIME types (uses built-in extensions map)
- * - Use object form to override or provide custom extensions
- */
-type AcceptedFileType = FileUploadFileMimeType | {
-  mimeType: FileUploadFileMimeType;
-  extensions: [FileExtension, ...FileExtension[]];
+//#region src/components/ds-form-control/ds-form-control.d.ts
+declare const DsFormControl: {
+  ({
+    id,
+    status,
+    label,
+    required,
+    slots,
+    message,
+    messageIcon,
+    className,
+    style,
+    children
+  }: DsFormControlProps): react_jsx_runtime0.JSX.Element;
+  TextInput: (props: DsTextInputProps) => react_jsx_runtime0.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime0.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime0.JSX.Element; /** @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead. */
+  DateInput: (props: DsDateInputProps) => react_jsx_runtime0.JSX.Element;
+  DatePicker: (props: DsDatePickerProps) => react_jsx_runtime0.JSX.Element;
+  TimePicker: (props: DsTimePickerProps) => 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>;
 };
 //#endregion
-//#region src/components/ds-file-upload/components/file-upload/file-upload.types.d.ts
-interface FileUploadProps {
+//#region src/components/ds-date-range-picker/ds-date-range-picker.types.d.ts
+type DateRangeValue = [Date | null, Date | null];
+declare const dateRangePickerOrientations: readonly ["horizontal", "vertical"];
+type DateRangePickerOrientation = (typeof dateRangePickerOrientations)[number];
+interface DsDateRangePickerLocale {
+  clearAllLabel?: string;
+}
+type DateRangeFormControlSlotProps = Partial<Omit<DsFormControlProps, 'children'>>;
+interface DsDateRangePickerSlotProps {
+  startDatePicker?: DsDatePickerProps;
+  endDatePicker?: DsDatePickerProps;
+  startDateFormControl?: DateRangeFormControlSlotProps;
+  endDateFormControl?: DateRangeFormControlSlotProps;
+}
+interface DsDateRangePickerProps {
   /**
-   * Error text displayed when validation fails
+   * Controlled value as a tuple of [startDate, endDate].
+   * `null` for either element means that date is empty.
+   * `undefined` means the component is uncontrolled.
    */
-  errorText?: string;
+  value?: DateRangeValue;
   /**
-   * Text displayed in the dropzone area
+   * Default value for uncontrolled mode
    */
-  dropzoneText?: string;
+  defaultValue?: DateRangeValue;
   /**
-   * Text for the upload trigger button
+   * Callback when either date changes
    */
-  triggerText?: string;
+  onChange?: (value: DateRangeValue) => void;
   /**
-   * Whether to hide upload progress
-   * @default false
+   * Minimum allowed datetime for both pickers
    */
-  hideProgress?: boolean;
+  min?: Date;
   /**
-   * Whether to hide the info text (file types, size limits, etc.)
+   * Maximum allowed datetime for both pickers
+   */
+  max?: Date;
+  /**
+   * Whether to show date pickers with time
    * @default false
    */
-  hideInfoText?: boolean;
+  withTime?: boolean;
   /**
-   * Whether to disable drag and drop functionality
+   * Layout orientation of the two pickers
+   * @default 'horizontal'
+   */
+  orientation?: DateRangePickerOrientation;
+  /**
+   * Whether to hide the "Clear all" button
    * @default false
    */
-  disableDrop?: boolean;
+  hideClearAll?: boolean;
   /**
-   * The maximum number of files that can be uploaded
+   * Whether to close the calendar when a date is selected. This is ignored when withTime is true.
+   * @default true
    */
-  maxFiles?: number;
+  closeOnSelect?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  className?: string;
   /**
-   * Maximum file size in bytes
-   * @default 25MB
+   * Whether to disable the portal for both calendar popups
+   * @default false
    */
-  maxFileSize?: number;
+  disablePortal?: boolean;
   /**
-   * Callback when files are accepted
+   * Localizable labels and text
    */
-  onFileAccept?: (details: FileUploadFileAcceptDetails) => void;
+  locale?: DsDateRangePickerLocale;
   /**
-   * Callback when files are rejected
+   * Props forwarded to sub-component slots
    */
-  onFileReject?: (details: FileUploadFileRejectDetails) => void;
+  slotProps?: DsDateRangePickerSlotProps;
+}
+//#endregion
+//#region src/components/ds-date-range-picker/ds-date-range-picker.d.ts
+declare const DsDateRangePicker: ({
+  value: valueProp,
+  defaultValue,
+  onChange,
+  min,
+  max,
+  withTime,
+  orientation,
+  hideClearAll,
+  closeOnSelect,
+  disabled,
+  readOnly,
+  className,
+  disablePortal,
+  locale,
+  slotProps
+}: DsDateRangePickerProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-dialog/ds-dialog.types.d.ts
+interface DsDialogProps {
   /**
-   * Additional CSS class names
+   * Controls whether the dialog is open.
    */
-  className?: string;
+  open: boolean;
   /**
-   * Additional styles
+   * Callback fired when the open state should change.
    */
-  style?: CSSProperties;
+  onOpenChange?: (open: boolean) => void;
   /**
-   * The file types that are accepted
-   * Use shorthand for common MIME types (extensions provided automatically)
-   * or explicit form for custom types
-   * @example ['application/pdf', 'image/png']
-   * @example ['application/pdf', { mimeType: 'application/x-custom', extensions: ['.custom'] }]
+   * The accessible title for the dialog. Required for accessibility.
    */
-  accept?: AcceptedFileType[];
+  title: string;
   /**
-   * File states to display (managed externally)
+   * If true, the dialog title will be visually hidden but accessible to screen readers.
    */
-  files?: UploadedFile[];
+  hideTitle?: boolean;
   /**
-   * Callback when files are removed
+   * The accessible description for the dialog. Optional, but recommended for accessibility.
    */
-  onFileRemove?: (fileId: string) => void;
+  description?: string;
   /**
-   * Callback when files are deleted
+   * If true, the dialog description will be visually hidden but accessible to screen readers.
    */
-  onFileDelete?: (fileId: string) => void;
+  hideDescription?: boolean;
   /**
-   * Callback when files upload is canceled
+   * The content to render inside the dialog.
    */
-  onFileCancel?: (fileId: string) => void;
+  children: React.ReactNode;
   /**
-   * Callback when files upload is retried
+   * Additional CSS class names for the dialog container.
    */
-  onFileRetry?: (fileId: string) => void;
+  className?: string;
   /**
-   * Controlled accepted files
+   * Ref to the element the dialog should be anchored to (for relative placement)
    */
-  acceptedFiles?: File[];
+  anchorRef?: React.RefObject<HTMLElement>;
   /**
-   * Whether the file upload is disabled
+   * Custom fixed position (e.g., { top: number, left: number })
    */
-  disabled?: boolean;
+  customPosition?: {
+    top: number;
+    left: number;
+  };
   /**
-   * Whether the file upload layout is compact (inline)
+   * If true, show modal overlay and center dialog (default: true)
    */
-  compact?: boolean;
+  modal?: boolean;
 }
 //#endregion
-//#region src/components/ds-file-upload/components/file-upload/file-upload.d.ts
-/**
- * Design system base File Upload component
- * Used in conjunction with the useFileUpload hook
- */
-declare const FileUpload: React$1.FC<FileUploadProps>;
+//#region src/components/ds-dialog/ds-dialog.d.ts
+declare const DsDialog: React.FC<DsDialogProps>;
 //#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'> {
-  /** Upload adapter implementation */
-  adapter: FileUploadAdapter;
+//#region src/components/ds-divider/ds-divider.types.d.ts
+interface DsDividerProps {
   /**
-   * Whether to start upload automatically when files are added
-   * @default true
+   * Controls orientation of the divider. Horizontal by default.
    */
-  autoUpload?: boolean;
-  /** Maximum number of concurrent uploads */
-  maxConcurrent?: number;
-  /** Additional metadata to attach to uploads */
-  metadata?: FileMetadata;
-  /** Called when a file upload completes successfully */
-  onFileUploadComplete?: (fileId: string, result: FileUploadResult) => void;
-  /** Called when a file upload fails */
-  onFileUploadError?: (fileId: string, error: string) => void;
-  /** Called when files are added (before upload) */
-  onFilesAdded?: (files: File[]) => void;
-  /** Called when a file is removed */
-  onFileRemoved?: (fileId: string) => void;
-  /** Called when a file is deleted */
-  onFileDeleted?: (fileId: string) => void;
-  /** Called when a file upload is canceled */
-  onFileUploadCanceled?: (fileId: string) => void;
-  /** Called when a file upload is retried */
-  onFileUploadRetried?: (fileId: string) => void;
-  /** Called when all file uploads are complete */
-  onAllFileUploadsComplete?: () => void;
+  orientation?: 'horizontal' | 'vertical';
+  /**
+   * Underlying element/component to render.
+   * Examples: "hr", "div", "span", Link, etc.
+   */
+  component?: React.ElementType;
+  /**
+   * Additional CSS styles.
+   */
+  style?: React.CSSProperties;
+  /**
+   * Additional CSS classes.
+   */
+  className?: string;
 }
 //#endregion
-//#region src/components/ds-file-upload/ds-file-upload.d.ts
+//#region src/components/ds-divider/ds-divider.d.ts
+declare const DsDivider: React.FC<DsDividerProps>;
+//#endregion
+//#region src/components/ds-drawer/ds-drawer.types.d.ts
 /**
- * Design system File Upload component (with state management)
+ * Available positions for the drawer
  */
-declare const DsFileUpload: React$1.FC<DsFileUploadProps>;
-//#endregion
-//#region src/components/ds-file-upload/hooks/use-file-upload.d.ts
-interface UseFileUploadConfig {
-  adapter: FileUploadAdapter;
-  autoUpload?: boolean;
-  maxConcurrent?: number;
-  maxFiles?: number;
-  metadata?: FileMetadata;
-  onFileUploadComplete?: (fileId: string, result: FileUploadResult) => void;
-  onFileUploadError?: (fileId: string, error: string) => void;
-  onAllFileUploadsComplete?: () => void;
-}
-interface UseFileUploadUserCallbacks {
-  onFilesAdded?: (files: File[]) => void;
-  onFileRemoved?: (fileId: string) => void;
-  onFileDeleted?: (fileId: string) => void;
-  onFileUploadCanceled?: (fileId: string) => void;
-  onFileUploadRetried?: (fileId: string) => void;
-}
-interface UseFileUploadReturn {
-  files: UploadedFile[];
-  acceptedFiles: UploadedFile[];
-  addFiles: (newFiles: File[]) => UploadedFile[];
-  addRejectedFiles: (filesWithErrors: {
-    file: File;
-    errors: FileError[];
-  }[]) => void;
-  removeFile: (fileId: string) => void;
-  deleteFile: (fileId: string) => Promise<void>;
-  uploadFile: (fileId: string) => Promise<void>;
-  uploadAll: () => Promise<void>;
-  cancelUpload: (fileId: string) => Promise<void>;
-  retryUpload: (fileId: string) => Promise<void>;
-  clearFiles: () => void;
-  /**
-   * Get props for FileUpload component with callback composition
-   * @param userCallbacks Optional user callbacks to compose with internal logic
-   * @returns Props ready to spread onto FileUpload component
-   */
-  getProps: (userCallbacks?: UseFileUploadUserCallbacks) => Pick<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry'>;
-}
-/**
- * File upload state management hook
- */
-declare function useFileUpload({
-  adapter,
-  autoUpload,
-  maxConcurrent,
-  maxFiles,
-  metadata,
-  onFileUploadComplete,
-  onFileUploadError,
-  onAllFileUploadsComplete
-}: UseFileUploadConfig): UseFileUploadReturn;
-//#endregion
-//#region src/components/ds-file-upload/errors/file-upload-errors.d.ts
-/**
- * Base class for file upload errors
- */
-declare abstract class FileUploadError extends Error {
-  abstract readonly isRetryable: boolean;
-  constructor(message: string);
-}
-/**
- * Retryable file upload error - indicates the upload can be retried
- * Examples: network errors, timeouts, temporary server errors (503), user cancellation
- */
-declare class RetryableFileUploadError extends FileUploadError {
-  readonly isRetryable = true;
-}
+type DsDrawerPosition = 'start' | 'end';
 /**
- * Fatal file upload error - indicates the upload should not be retried
- * Examples: file type not allowed, file too large, invalid credentials, malformed response
+ * Available column sizes for drawer width
  */
-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 {
+type DsDrawerColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnInteractOutside'> {
   /**
-   * The filter status type
+   * Whether the drawer is open
    */
-  status: FilterStatus;
+  open: boolean;
   /**
-   * Whether the status icon is active or non-active
-   * @default true
+   * Callback when the drawer open state changes
    */
-  active?: boolean;
+  onOpenChange: (open: boolean) => void;
   /**
-   * Icon size
-   * @default 'small'
+   * Number of grid columns the drawer should span (1-12)
+   * @default 4
    */
-  size?: IconSize;
+  columns?: DsDrawerColumns;
+  /**
+   * Position of the drawer
+   * @default 'end'
+   */
+  position?: DsDrawerPosition;
+  /**
+   * Whether to show backdrop overlay
+   * @default false
+   */
+  backdrop?: boolean;
+  /**
+   * Whether to append the drawer to the body instead of rendering in place
+   * @default false
+   */
+  portal?: boolean;
+  /**
+   * Additional CSS styles
+   */
+  style?: CSSProperties;
   /**
    * Additional CSS class names
    */
   className?: string;
   /**
-   * Additional styles to apply to the component
+   * Children components
    */
-  style?: CSSProperties;
+  children: ReactNode;
 }
 //#endregion
-//#region src/components/ds-filter-status-icon/ds-filter-status-icon.d.ts
+//#region src/components/ds-drawer/ds-drawer.d.ts
 /**
- * Design system Filter Status Icon component
- * Status icons for toggle filter buttons to help users quickly distinguish states
+ * Composable drawer component.
+ * Supports grid-based sizing, flexible positioning, and compound components.
+ * Use columns prop to control drawer width (1-12 grid columns).
  */
-declare const DsFilterStatusIcon: ({
-  status,
-  active,
-  size,
-  className,
-  style
-}: DsFilterStatusIconProps) => react_jsx_runtime0.JSX.Element;
+declare const DsDrawer: {
+  ({
+    open,
+    onOpenChange,
+    columns,
+    position,
+    backdrop,
+    closeOnEscape,
+    closeOnInteractOutside,
+    portal,
+    style,
+    className,
+    children
+  }: DsDrawerProps): react_jsx_runtime0.JSX.Element;
+  Header: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime0.JSX.Element;
+  Title: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime0.JSX.Element;
+  CloseTrigger: ({
+    style,
+    className
+  }: {
+    style?: CSSProperties;
+    className?: string;
+  }) => react_jsx_runtime0.JSX.Element;
+  Toolbar: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime0.JSX.Element;
+  Body: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime0.JSX.Element;
+  Footer: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime0.JSX.Element;
+  Actions: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime0.JSX.Element;
+};
 //#endregion
-//#region src/components/ds-number-input/ds-number-input.types.d.ts
-interface DsNumberInputProps {
+//#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
+/**
+ * Base positioning type
+ */
+type BasePositioning = NonNullable<Menu.RootProps['positioning']>;
+/**
+ * Positioning options for dropdown menu
+ */
+type DsDropdownMenuPositioning = Pick<BasePositioning, 'placement' | 'gutter' | 'sameWidth' | 'getAnchorRect'>;
+/**
+ * DEPRECATED: Legacy dropdown menu option configuration
+ * Use compound component pattern instead
+ * @deprecated
+ */
+interface DsDropdownMenuOptionLegacy {
   /**
-   * Unique identifier for the input field
+   * Display label for the menu option
    */
-  id?: string;
+  label: string;
   /**
-   * The ref to the input field
+   * Optional icon to display
    */
-  ref?: React$1.Ref<HTMLInputElement>;
+  icon?: IconType;
   /**
-   * The name of the input field
+   * Whether this option is disabled
    */
-  name?: string;
+  disabled?: boolean;
   /**
-   * The size of the input field
-   * @default default
+   * Click handler for the option
    */
-  size?: 'small' | 'default';
+  onClick?: (e: MouseEvent<HTMLElement>) => void;
   /**
-   * Event handler called when the input field loses focus
-   *
-   * @param event
+   * Optional value for selection tracking
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  value?: string;
+}
+/**
+ * DEPRECATED: Legacy props for DsDropdownMenuLegacy component
+ * Use compound component pattern instead
+ * @deprecated
+ */
+interface DsDropdownMenuLegacyProps {
   /**
-   * Callback when the value changes (native input onChange event)
-   * This is provided for compatibility but onValueChange is preferred
+   * The options to be displayed in the dropdown menu
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+  options: DsDropdownMenuOptionLegacy[];
   /**
-   * Value change event handler (provides just the number value)
-   * This is the preferred way to handle value changes
+   * Optional children to be rendered inside the component
+   * Typically used for the trigger element
    */
-  onValueChange?: (value: number) => void;
+  children?: ReactNode | undefined;
   /**
-   * Additional CSS class names
+   * The gap between the trigger and dropdown content in pixels
+   * @default 0
    */
-  className?: string;
+  contentGap?: number;
   /**
-   * Additional styles to apply to the component
+   * Additional CSS class names
    */
-  style?: React$1.CSSProperties;
+  className?: string;
   /**
-   * The placeholder text
+   * Optional inline styles to apply to the component
    */
-  placeholder?: string;
+  style?: CSSProperties;
   /**
-   * Whether the number input is disabled
+   * The alignment of the dropdown content
+   * @default 'center'
    */
-  disabled?: boolean;
+  align?: 'start' | 'center' | 'end';
   /**
-   * The minimum value of the number input
+   * The side of the dropdown content
+   * @default 'bottom'
    */
-  min?: number | undefined;
+  side?: 'top' | 'right' | 'bottom' | 'left';
   /**
-   * The maximum value of the number input
-   * @default Number.MAX_SAFE_INTEGER
+   * Whether to render in place instead of using portals
+   * @default false
    */
-  max?: number | undefined;
+  disablePortal?: boolean;
   /**
-   * The amount to increment or decrement the value by
-   * @default 1
+   * Whether to disable the search functionality
+   * @default false
    */
-  step?: number | undefined;
+  disableSearch?: boolean;
   /**
-   * The controlled value of the input
+   * Currently selected value (for selection tracking)
    */
-  value?: number | undefined;
+  selected?: string;
   /**
-   * The initial value of the input when rendered.
-   * Use when you don't need to control the value of the input.
+   * Callback when an option with a value is selected
    */
-  defaultValue?: number | undefined;
+  onSelect?: (value: string) => void;
 }
-//#endregion
-//#region src/components/ds-number-input/ds-number-input.d.ts
-declare const DsNumberInput: FC<DsNumberInputProps>;
-//#endregion
-//#region src/components/ds-password-input/ds-password-input.types.d.ts
-interface DsPasswordInputProps {
-  /**
-   * Unique identifier for the input field
-   */
-  id?: string;
+/**
+ * Props for the DsDropdownMenu Root component
+ */
+interface DsDropdownMenuRootProps {
   /**
-   * The ref to the input field
+   * Whether the dropdown is open (controlled mode)
    */
-  ref?: React$1.Ref<HTMLInputElement>;
+  open?: boolean;
   /**
-   * The name of the input field
+   * Callback when open state changes
    */
-  name?: string;
+  onOpenChange?: (open: boolean) => void;
   /**
-   * The size of the input field
-   * @default default
+   * Callback when an item is selected
    */
-  size?: 'small' | 'default';
+  onSelect?: (value: string) => void;
   /**
-   * Event handler called when the input field loses focus
-   *
-   * @param event
+   * Callback when the highlighted item changes
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  onHighlightChange?: (value: string | null) => void;
   /**
-   * Callback when the value changes (native input onChange event)
-   * This is provided for compatibility but onValueChange is preferred
+   * Positioning options for the dropdown
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+  positioning?: DsDropdownMenuPositioning;
   /**
-   * Value change event handler (provides just the string value)
-   * This is the preferred way to handle value changes
+   * Prevents the menu from closing when any item is selected
+   * @default false
    */
-  onValueChange?: (value: string) => void;
+  preventCloseOnSelect?: boolean;
   /**
-   * Additional CSS class names
+   * Root content
    */
-  className?: string;
+  children?: ReactNode;
+}
+/**
+ * Props for the DsDropdownMenu Trigger component
+ */
+type DsDropdownMenuTriggerProps = Menu.TriggerProps;
+/**
+ * Props for the DsDropdownMenu Content component
+ */
+interface DsDropdownMenuContentProps extends Pick<Menu.ContentProps, 'className' | 'style' | 'children'> {
   /**
-   * Additional styles to apply to the component
+   * Whether to render in place instead of using portals
+   * @default false
    */
-  style?: React$1.CSSProperties;
+  disablePortal?: boolean;
+}
+/**
+ * Props for the DsDropdownMenu Item component
+ */
+interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
   /**
-   * The placeholder text
+   * Whether the item is selected (applies selected styling)
    */
-  placeholder?: string;
+  selected?: boolean;
+}
+/**
+ * Props for the DsDropdownMenu ItemIndicator component
+ */
+interface DsDropdownMenuItemIndicatorProps {
   /**
-   * The current value (for controlled usage)
+   * Custom content to render as the indicator (defaults to check icon)
    */
-  value?: string;
+  children?: ReactNode;
   /**
-   * The initial value of the input when rendered.
-   * Use when you don't need to control the value of the input.
+   * Optional CSS class name
    */
-  defaultValue?: string;
+  className?: string;
   /**
-   * Whether the password input is disabled
+   * Optional inline styles
    */
-  disabled?: boolean;
+  style?: CSSProperties;
 }
-//#endregion
-//#region src/components/ds-password-input/ds-password-input.d.ts
-declare const DsPasswordInput: FC<DsPasswordInputProps>;
-//#endregion
-//#region src/components/ds-textarea/ds-textarea.types.d.ts
-interface DsTextareaProps {
-  /**
-   * Unique identifier for the textarea element
-   */
-  id?: string;
-  /**
-   * The ref to the textarea element
-   */
-  ref?: React$1.Ref<HTMLTextAreaElement>;
+/**
+ * Props for the DsDropdownMenu Header component
+ */
+interface DsDropdownMenuHeaderProps {
   /**
-   * The name of the textarea
+   * The header content (typically a search input or filter controls)
    */
-  name?: string;
+  children: ReactNode;
   /**
-   * Event handler called when the textarea loses focus
-   *
-   * @param event
+   * Optional CSS class name
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLTextAreaElement>) => void;
+  className?: string;
   /**
-   * Callback when the value changes
+   * Optional inline styles
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu Actions component
+ */
+interface DsDropdownMenuActionsProps {
   /**
-   * Value change event handler (provides just the value)
+   * The action buttons or elements
    */
-  onValueChange?: (value: string) => void;
+  children: ReactNode;
   /**
-   * Additional CSS class names
+   * Optional CSS class name
    */
   className?: string;
   /**
-   * Additional styles to apply to the component
+   * Optional inline styles
    */
-  style?: React$1.CSSProperties;
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu ItemGroup component
+ */
+interface DsDropdownMenuItemGroupProps extends Menu.ItemGroupProps {
   /**
-   * The placeholder text
+   * Whether the group is collapsed
    */
-  placeholder?: string;
+  collapsed?: boolean;
   /**
-   * The current value
+   * Callback when collapse state changes
    */
-  value?: string;
+  onCollapsedChange?: (collapsed: boolean) => void;
+}
+/**
+ * Props for the DsDropdownMenu ItemGroupLabel component
+ */
+type DsDropdownMenuItemGroupLabelProps = Menu.ItemGroupLabelProps;
+/**
+ * Props for the DsDropdownMenu ItemGroupContent component
+ */
+interface DsDropdownMenuItemGroupContentProps {
   /**
-   * The initial value of the input when rendered.
-   * Use when you don't need to control the value of the input.
+   * The content to show/hide based on collapsed state
    */
-  defaultValue?: string;
+  children: ReactNode;
   /**
-   * Whether the textarea is disabled
+   * Optional CSS class name
    */
-  disabled?: boolean;
+  className?: string;
   /**
-   * The number of visible text lines
+   * Optional inline styles
    */
-  rows?: number;
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu Separator component
+ */
+type DsDropdownMenuSeparatorProps = Menu.SeparatorProps;
+/**
+ * Props for the DsDropdownMenu TriggerItem component (for nested submenus)
+ */
+type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
+//#endregion
+//#region src/components/ds-dropdown-menu/ds-dropdown-menu.d.ts
+/**
+ * DEPRECATED: Legacy DsDropdownMenu component with options array
+ * Use compound component pattern instead
+ * @deprecated
+ */
+declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
+/**
+ * Design system  DsDropdownMenu component
+ *
+ * @example
+ * <DsDropdownMenu.Root>
+ *   <DsDropdownMenu.Trigger>
+ *     <button>Open</button>
+ *   </DsDropdownMenu.Trigger>
+ *   <DsDropdownMenu.Content>
+ *     <DsDropdownMenu.Header>
+ *       <DsTextInput placeholder="Search..." />
+ *     </DsDropdownMenu.Header>
+ *     <DsDropdownMenu.Item value="item1">
+ *       Item 1
+ *       <DsDropdownMenu.ItemIndicator />
+ *     </DsDropdownMenu.Item>
+ *     <DsDropdownMenu.ItemGroup>
+ *       <DsDropdownMenu.ItemGroupLabel>Group Name</DsDropdownMenu.ItemGroupLabel>
+ *       <DsDropdownMenu.ItemGroupContent>
+ *         <DsDropdownMenu.Item value="item2">Item 2</DsDropdownMenu.Item>
+ *       </DsDropdownMenu.ItemGroupContent>
+ *     </DsDropdownMenu.ItemGroup>
+ *     <DsDropdownMenu.Separator />
+ *     <DsDropdownMenu.Actions>
+ *       <DsButton>Cancel</DsButton>
+ *       <DsButton>Apply</DsButton>
+ *     </DsDropdownMenu.Actions>
+ *   </DsDropdownMenu.Content>
+ * </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>;
+};
+//#endregion
+//#region src/components/ds-expandable-text-input/ds-expandable-text-input.types.d.ts
+interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' | 'slots'> {
   /**
-   * The minimum number of characters
+   * The icon to display inside the expandable input trigger button
    */
-  minLength?: number;
+  icon: IconType;
   /**
-   * The maximum number of characters
+   * Callback fired when the clear action is triggered
    */
-  maxLength?: number;
+  onClear?: () => void;
+  /**
+   * Callback fired when the expanded state changes
+   */
+  onExpandChange?: (expanded: boolean) => void;
 }
 //#endregion
-//#region src/components/ds-textarea/ds-textarea.d.ts
-declare const DsTextarea: React$1.FC<DsTextareaProps>;
+//#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
+declare function DsExpandableTextInput({
+  onClear,
+  onExpandChange,
+  icon,
+  size,
+  ...props
+}: DsExpandableTextInputProps): react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/components/ds-select/ds-select.types.d.ts
-type SelectSize = 'default' | 'small';
-interface DsSelectOption {
+//#region src/components/ds-file-upload/ds-file-upload-api.types.d.ts
+type FileError = FileUploadFileError;
+type UploadFileStatus = 'pending' | 'uploading' | 'interrupted' | 'completed' | 'error' | 'cancelled';
+type FileMetadata = Record<string, unknown>;
+interface UploadedFile extends File {
+  id: string;
+  progress: number;
+  status: UploadFileStatus;
+  errors?: FileError[];
+  originalFile: File;
+}
+interface FileUploadOptions {
+  file: File;
+  fileId: string;
+  metadata?: FileMetadata;
+  onProgress?: (progress: number) => void;
+  signal?: AbortSignal;
+}
+interface FileUploadResult {
+  url: string;
+  metadata?: FileMetadata;
+}
+/**
+ * File upload adapter interface
+ * The upload method should:
+ * - resolve with FileUploadResult on success
+ * - reject with RetryableFileUploadError for transient failures
+ * - reject with FatalFileUploadError for permanent failures
+ */
+interface FileUploadAdapter {
+  upload: (options: FileUploadOptions) => FileUploadResult | Promise<FileUploadResult>;
+  cancel?: (fileId: string) => void | Promise<void>;
+  delete?: (fileId: string) => void | Promise<void>;
+}
+//#endregion
+//#region src/components/ds-file-upload/types/accept-types.d.ts
+/**
+ * File extension with leading dot
+ * @example '.pdf', '.jpg', '.csv'
+ */
+type FileExtension = `.${string}`;
+/**
+ * Accepted file type configuration
+ * - Use string shorthand for common MIME types (uses built-in extensions map)
+ * - Use object form to override or provide custom extensions
+ */
+type AcceptedFileType = FileUploadFileMimeType | {
+  mimeType: FileUploadFileMimeType;
+  extensions: [FileExtension, ...FileExtension[]];
+};
+//#endregion
+//#region src/components/ds-file-upload/components/file-upload/file-upload.types.d.ts
+interface FileUploadProps {
   /**
-   * Label to display in the select
+   * Error text displayed when validation fails
    */
-  label: string;
+  errorText?: string;
   /**
-   * Value to return when the option is selected
+   * Text displayed in the dropzone area
    */
-  value: SelectOptionValue;
+  dropzoneText?: string;
   /**
-   * Optional icon to display next to the label
+   * Text for the upload trigger button
    */
-  icon?: IconName;
-}
-type SelectOptionValue = string;
-type DsSelectProps = {
+  triggerText?: string;
   /**
-   * Unique identifier for the select component
+   * Whether to hide upload progress
+   * @default false
    */
-  id?: string;
+  hideProgress?: boolean;
   /**
-   * Options to display in the select dropdown
+   * Whether to hide the info text (file types, size limits, etc.)
+   * @default false
    */
-  options: DsSelectOption[];
+  hideInfoText?: boolean;
   /**
-   * Additional styles to apply to the icon
+   * Whether to disable drag and drop functionality
+   * @default false
    */
-  style?: React$1.CSSProperties;
+  disableDrop?: boolean;
   /**
-   * Additional CSS class names
+   * The maximum number of files that can be uploaded
    */
-  className?: string;
+  maxFiles?: number;
   /**
-   * Event handler called when the select loses focus
-   *
-   * @param event
+   * Maximum file size in bytes
+   * @default 25MB
    */
-  onBlur?: (event: React$1.FocusEvent) => void;
+  maxFileSize?: number;
   /**
-   * Placeholder text to display when no option is selected
+   * Callback when files are accepted
    */
-  placeholder?: string;
+  onFileAccept?: (details: FileUploadFileAcceptDetails) => void;
   /**
-   * Whether the select is disabled
+   * Callback when files are rejected
    */
-  disabled?: boolean;
+  onFileReject?: (details: FileUploadFileRejectDetails) => void;
   /**
-   * The size of the select component
-   * @default 'default'
+   * Additional CSS class names
    */
-  size?: SelectSize;
+  className?: string;
   /**
-   * 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.
+   * Additional styles
    */
-  renderOption?: (option: DsSelectOption) => ReactNode;
-} & ({
-  clearable?: undefined | false;
-  onClear?: never;
-} | {
-  clearable: true;
-  onClear?: () => void;
-}) & ({
-  multiple?: undefined | false;
-  value: SelectOptionValue;
-  onValueChange?: (value: SelectOptionValue) => void;
+  style?: CSSProperties;
+  /**
+   * The file types that are accepted
+   * Use shorthand for common MIME types (extensions provided automatically)
+   * or explicit form for custom types
+   * @example ['application/pdf', 'image/png']
+   * @example ['application/pdf', { mimeType: 'application/x-custom', extensions: ['.custom'] }]
+   */
+  accept?: AcceptedFileType[];
   /**
-   * 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.
+   * File states to display (managed externally)
    */
-  renderValue?: (selectedOption: DsSelectOption) => ReactNode;
-} | {
-  multiple: true;
-  value: SelectOptionValue[];
-  onValueChange?: (value: SelectOptionValue[]) => void;
+  files?: UploadedFile[];
   /**
-   * 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.
+   * Callback when files are removed
    */
-  renderValue?: (selectedOptions: DsSelectOption[]) => ReactNode;
-});
-//#endregion
-//#region src/components/ds-select/ds-select.d.ts
-declare const DsSelect: ({
-  id,
-  options: userOptions,
-  value,
-  style,
-  size,
-  clearable,
-  onClear,
-  onBlur,
-  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$1.PropsWithChildren {
+  onFileRemove?: (fileId: string) => void;
   /**
-   * Unique identifier for the control
+   * Callback when files are deleted
    */
-  id?: string;
+  onFileDelete?: (fileId: string) => void;
   /**
-   * Visual status
+   * Callback when files upload is canceled
    */
-  status?: ControlStatus;
+  onFileCancel?: (fileId: string) => void;
   /**
-   * Label text
+   * Callback when files upload is retried
    */
-  label: string;
+  onFileRetry?: (fileId: string) => void;
   /**
-   * Marks the field as required
+   * Controlled accepted files
    */
-  required?: boolean;
-  slots?: {
-    /**
-     * Adornment to display at the end of the label
-     */
-    endAdornment?: React$1.ReactNode;
-  };
+  acceptedFiles?: File[];
   /**
-   * Message under the control
+   * Whether the file upload is disabled
    */
-  message?: string;
+  disabled?: boolean;
   /**
-   * Icon shown next to message
+   * Whether the file upload layout is compact (inline)
    */
-  messageIcon?: IconType;
+  compact?: boolean;
+}
+//#endregion
+//#region src/components/ds-file-upload/components/file-upload/file-upload.d.ts
+/**
+ * Design system base File Upload component
+ * Used in conjunction with the useFileUpload hook
+ */
+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'> {
+  /** Upload adapter implementation */
+  adapter: FileUploadAdapter;
   /**
-   * Additional CSS class names
+   * Whether to start upload automatically when files are added
+   * @default true
    */
-  className?: string;
+  autoUpload?: boolean;
+  /** Maximum number of concurrent uploads */
+  maxConcurrent?: number;
+  /** Additional metadata to attach to uploads */
+  metadata?: FileMetadata;
+  /** Called when a file upload completes successfully */
+  onFileUploadComplete?: (fileId: string, result: FileUploadResult) => void;
+  /** Called when a file upload fails */
+  onFileUploadError?: (fileId: string, error: string) => void;
+  /** Called when files are added (before upload) */
+  onFilesAdded?: (files: File[]) => void;
+  /** Called when a file is removed */
+  onFileRemoved?: (fileId: string) => void;
+  /** Called when a file is deleted */
+  onFileDeleted?: (fileId: string) => void;
+  /** Called when a file upload is canceled */
+  onFileUploadCanceled?: (fileId: string) => void;
+  /** Called when a file upload is retried */
+  onFileUploadRetried?: (fileId: string) => void;
+  /** Called when all file uploads are complete */
+  onAllFileUploadsComplete?: () => void;
+}
+//#endregion
+//#region src/components/ds-file-upload/ds-file-upload.d.ts
+/**
+ * Design system File Upload component (with state management)
+ */
+declare const DsFileUpload: React.FC<DsFileUploadProps>;
+//#endregion
+//#region src/components/ds-file-upload/hooks/use-file-upload.d.ts
+interface UseFileUploadConfig {
+  adapter: FileUploadAdapter;
+  autoUpload?: boolean;
+  maxConcurrent?: number;
+  maxFiles?: number;
+  metadata?: FileMetadata;
+  onFileUploadComplete?: (fileId: string, result: FileUploadResult) => void;
+  onFileUploadError?: (fileId: string, error: string) => void;
+  onAllFileUploadsComplete?: () => void;
+}
+interface UseFileUploadUserCallbacks {
+  onFilesAdded?: (files: File[]) => void;
+  onFileRemoved?: (fileId: string) => void;
+  onFileDeleted?: (fileId: string) => void;
+  onFileUploadCanceled?: (fileId: string) => void;
+  onFileUploadRetried?: (fileId: string) => void;
+}
+interface UseFileUploadReturn {
+  files: UploadedFile[];
+  acceptedFiles: UploadedFile[];
+  addFiles: (newFiles: File[]) => UploadedFile[];
+  addRejectedFiles: (filesWithErrors: {
+    file: File;
+    errors: FileError[];
+  }[]) => void;
+  removeFile: (fileId: string) => void;
+  deleteFile: (fileId: string) => Promise<void>;
+  uploadFile: (fileId: string) => Promise<void>;
+  uploadAll: () => Promise<void>;
+  cancelUpload: (fileId: string) => Promise<void>;
+  retryUpload: (fileId: string) => Promise<void>;
+  clearFiles: () => void;
   /**
-   * Additional styles to apply to the component
+   * Get props for FileUpload component with callback composition
+   * @param userCallbacks Optional user callbacks to compose with internal logic
+   * @returns Props ready to spread onto FileUpload component
    */
-  style?: React$1.CSSProperties;
+  getProps: (userCallbacks?: UseFileUploadUserCallbacks) => Pick<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry'>;
 }
-interface DsFormControlDescriptionProps {
+/**
+ * File upload state management hook
+ */
+declare function useFileUpload({
+  adapter,
+  autoUpload,
+  maxConcurrent,
+  maxFiles,
+  metadata,
+  onFileUploadComplete,
+  onFileUploadError,
+  onAllFileUploadsComplete
+}: UseFileUploadConfig): UseFileUploadReturn;
+//#endregion
+//#region src/components/ds-file-upload/errors/file-upload-errors.d.ts
+/**
+ * Base class for file upload errors
+ */
+declare abstract class FileUploadError extends Error {
+  abstract readonly isRetryable: boolean;
+  constructor(message: string);
+}
+/**
+ * Retryable file upload error - indicates the upload can be retried
+ * Examples: network errors, timeouts, temporary server errors (503), user cancellation
+ */
+declare class RetryableFileUploadError extends FileUploadError {
+  readonly isRetryable = true;
+}
+/**
+ * Fatal file upload error - indicates the upload should not be retried
+ * Examples: file type not allowed, file too large, invalid credentials, malformed response
+ */
+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 description content
+   * The filter status type
+   */
+  status: FilterStatus;
+  /**
+   * Whether the status icon is active or non-active
+   * @default true
+   */
+  active?: boolean;
+  /**
+   * Icon size
+   * @default 'small'
    */
-  children: React$1.ReactNode;
+  size?: IconSize;
   /**
    * Additional CSS class names
    */
   className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: CSSProperties;
 }
 //#endregion
-//#region src/components/ds-form-control/ds-form-control.d.ts
-declare const DsFormControl: {
-  ({
-    id,
-    status,
-    label,
-    required,
-    slots,
-    message,
-    messageIcon,
-    className,
-    style,
-    children
-  }: DsFormControlProps): react_jsx_runtime0.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime0.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime0.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime0.JSX.Element;
-  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>;
-};
+//#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-grid/ds-grid.types.d.ts
 interface DsGridProps {
@@ -8842,11 +9085,41 @@ 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-key-value-pair/ds-key-value-pair.types.d.ts
+declare const dsKeyValuePairOrientations: readonly ["vertical", "horizontal"];
+type DsKeyValuePairOrientation = (typeof dsKeyValuePairOrientations)[number];
+interface DsKeyValuePairProps {
+  keyLabel: ReactNode;
+  /** Shown when the editor is not active (read-only or not hovered). */
+  value?: ReactNode;
+  /** @default false */
+  readOnly?: boolean;
+  /** @default 'vertical' */
+  orientation?: DsKeyValuePairOrientation;
+  /** Editor content revealed on hover/focus when not read-only. */
+  editInput?: ReactNode;
+  ref?: Ref<HTMLDivElement>;
+  className?: string;
+  style?: CSSProperties;
+}
+//#endregion
+//#region src/components/ds-key-value-pair/ds-key-value-pair.d.ts
+declare const DsKeyValuePair: ({
+  ref,
+  keyLabel,
+  value,
+  readOnly,
+  orientation,
+  editInput,
+  className,
+  style
+}: DsKeyValuePairProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-loader/ds-loader.types.d.ts
 declare const loaderVariants: readonly ["spinner", "pulsing"];
@@ -8864,11 +9137,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
@@ -9030,11 +9303,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
    */
@@ -9050,7 +9323,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"];
@@ -9167,7 +9440,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
@@ -9178,7 +9451,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
    */
@@ -9186,11 +9459,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
@@ -9262,7 +9535,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
    */
@@ -9288,7 +9561,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
@@ -9297,7 +9570,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
  *
@@ -9308,8 +9581,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
@@ -9373,9 +9646,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
@@ -9419,7 +9692,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
    */
@@ -9427,12 +9700,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
@@ -9622,7 +9895,7 @@ interface DsSmartTabProps {
   /**
    * Additional styles to apply to the tab
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 interface DsSmartTabsProps {
   /**
@@ -9640,7 +9913,7 @@ interface DsSmartTabsProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The tab components as children
    */
@@ -9660,7 +9933,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
@@ -9679,14 +9952,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"];
@@ -9734,7 +10007,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';
@@ -9858,7 +10131,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
 /**
@@ -10475,7 +10748,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
    */
@@ -10535,7 +10808,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Empty state of the table
    */
-  emptyState?: React$1.ReactNode;
+  emptyState?: React.ReactNode;
   /**
    * Whether the table has sticky header
    */
@@ -10564,7 +10837,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
    */
@@ -11165,6 +11438,12 @@ interface DsTooltipProps {
    * The content to be rendered inside the tooltip
    */
   children: ReactNode;
+  slotProps?: {
+    content?: {
+      className?: string;
+      style?: CSSProperties;
+    };
+  };
 }
 //#endregion
 //#region src/components/ds-tooltip/ds-tooltip.d.ts
@@ -11430,5 +11709,5 @@ declare const DsVerticalTabs: {
   }: DsVerticalTabsContentProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-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 };
+export { AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, CheckboxFilterAdapterConfig, CheckboxFilterItem, CheckboxFilterProps, CheckboxVariant, ChipItem, ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, CustomIconComponent, CustomIconName, DateRangeFormControlSlotProps, DateRangePickerOrientation, DateRangeValue, 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, DsDatePicker, DsDatePickerLocale, DsDatePickerProps, DsDatePickerSlotProps, DsDateRangePicker, DsDateRangePickerLocale, DsDateRangePickerProps, DsDateRangePickerSlotProps, 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, DsKeyValuePair, DsKeyValuePairOrientation, DsKeyValuePairProps, 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, DsTimePicker, DsTimePickerLocale, DsTimePickerProps, DsTimePickerSlotProps, 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, UploadedFile, UseFileUploadReturn, UseTableFiltersOptions, UseTableFiltersResult, alertBannerVariants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, 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