@drivenets/design-system 0.7.3 → 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, { 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";
@@ -6488,7 +6489,8 @@ interface DsAutocompleteProps {
    */
   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;
   /**
@@ -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.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.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.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.ElementType;
+  max?: number | string;
   /**
-   * Additional CSS styles.
+   * The minimum number of characters
    */
-  style?: React.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.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
+//#region src/components/ds-time-picker/ds-time-picker.utils.d.ts
 /**
- * Available positions for the drawer
- */
-type DsDrawerPosition = 'start' | 'end';
-/**
- * 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
-   */
-  style?: CSSProperties;
-  /**
-   * The alignment of the dropdown content
-   * @default 'center'
+   * Additional styles to apply to the component
    */
-  align?: 'start' | 'center' | 'end';
+  style?: React.CSSProperties;
   /**
-   * The side of the dropdown content
-   * @default 'bottom'
+   * The placeholder text
    */
-  side?: 'top' | 'right' | 'bottom' | 'left';
+  placeholder?: string;
   /**
-   * Whether to render in place instead of using portals
-   * @default false
+   * Whether the number input is disabled
    */
-  disablePortal?: boolean;
+  disabled?: boolean;
   /**
-   * Whether to disable the search functionality
-   * @default false
+   * The minimum value of the number input
    */
-  disableSearch?: boolean;
+  min?: number | undefined;
   /**
-   * Currently selected value (for selection tracking)
+   * The maximum value of the number input
+   * @default Number.MAX_SAFE_INTEGER
    */
-  selected?: string;
+  max?: number | undefined;
   /**
-   * Callback when an option with a value is selected
+   * The amount to increment or decrement the value by
+   * @default 1
    */
-  onSelect?: (value: string) => void;
-}
-/**
- * Props for the DsDropdownMenu Root component
- */
-interface DsDropdownMenuRootProps {
+  step?: number | undefined;
   /**
-   * Whether the dropdown is open (controlled mode)
+   * The controlled value of the input
    */
-  open?: boolean;
+  value?: number | undefined;
   /**
-   * Callback when open state changes
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
    */
-  onOpenChange?: (open: boolean) => void;
+  defaultValue?: number | undefined;
+}
+//#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 {
   /**
-   * Callback when an item is selected
+   * Unique identifier for the input field
    */
-  onSelect?: (value: string) => void;
+  id?: string;
   /**
-   * Callback when the highlighted item changes
+   * The ref to the input field
    */
-  onHighlightChange?: (value: string | null) => void;
+  ref?: React.Ref<HTMLInputElement>;
   /**
-   * Positioning options for the dropdown
+   * The name of the input field
    */
-  positioning?: DsDropdownMenuPositioning;
+  name?: string;
   /**
-   * Prevents the menu from closing when any item is selected
-   * @default false
+   * The size of the input field
+   * @default default
    */
-  preventCloseOnSelect?: boolean;
+  size?: 'small' | 'default';
   /**
-   * Root content
+   * Event handler called when the input field loses focus
+   *
+   * @param event
    */
-  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'> {
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
-   * Whether to render in place instead of using portals
-   * @default false
+   * Callback when the value changes (native input onChange event)
+   * This is provided for compatibility but onValueChange is preferred
    */
-  disablePortal?: boolean;
-}
-/**
- * Props for the DsDropdownMenu Item component
- */
-interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   /**
-   * Whether the item is selected (applies selected styling)
+   * Value change event handler (provides just the string value)
+   * This is the preferred way to handle value changes
    */
-  selected?: boolean;
-}
-/**
- * Props for the DsDropdownMenu ItemIndicator component
- */
-interface DsDropdownMenuItemIndicatorProps {
+  onValueChange?: (value: string) => void;
   /**
-   * Custom content to render as the indicator (defaults to check icon)
+   * Additional CSS class names
    */
-  children?: ReactNode;
+  className?: string;
   /**
-   * Optional CSS class name
+   * Additional styles to apply to the component
    */
-  className?: string;
+  style?: React.CSSProperties;
   /**
-   * Optional inline styles
+   * The placeholder text
    */
-  style?: CSSProperties;
-}
-/**
- * Props for the DsDropdownMenu Header component
- */
-interface DsDropdownMenuHeaderProps {
+  placeholder?: string;
   /**
-   * The header content (typically a search input or filter controls)
+   * The current value (for controlled usage)
    */
-  children: ReactNode;
+  value?: string;
   /**
-   * Optional CSS class name
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
    */
-  className?: string;
+  defaultValue?: string;
   /**
-   * Optional inline styles
+   * Whether the password input is disabled
    */
-  style?: CSSProperties;
+  disabled?: boolean;
 }
-/**
- * Props for the DsDropdownMenu Actions component
- */
-interface DsDropdownMenuActionsProps {
+//#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 action buttons or elements
+   * 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 ItemGroup component
- */
-interface DsDropdownMenuItemGroupProps extends Menu.ItemGroupProps {
+  name?: string;
   /**
-   * Whether the group is collapsed
+   * Event handler called when the textarea loses focus
+   *
+   * @param event
    */
-  collapsed?: boolean;
+  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
   /**
-   * Callback when collapse state changes
+   * Callback when the value changes
    */
-  onCollapsedChange?: (collapsed: boolean) => void;
-}
-/**
- * Props for the DsDropdownMenu ItemGroupLabel component
- */
-type DsDropdownMenuItemGroupLabelProps = Menu.ItemGroupLabelProps;
-/**
- * Props for the DsDropdownMenu ItemGroupContent component
- */
-interface DsDropdownMenuItemGroupContentProps {
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
   /**
-   * The content to show/hide based on collapsed state
+   * Value change event handler (provides just the value)
    */
-  children: ReactNode;
+  onValueChange?: (value: string) => void;
   /**
-   * Optional CSS class name
+   * Additional CSS class names
    */
   className?: string;
   /**
-   * Optional inline styles
+   * Additional styles to apply to the component
    */
-  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-text-input/ds-text-input.types.d.ts
-declare const textInputSizes: readonly ["small", "default"];
-type TextInputSize = (typeof textInputSizes)[number];
-interface DsTextInputProps {
+  style?: React.CSSProperties;
   /**
-   * Unique identifier for the input field
+   * The placeholder text
    */
-  id?: string;
+  placeholder?: string;
   /**
-   * The ref to the input field
+   * The current value
    */
-  ref?: React.Ref<HTMLInputElement>;
+  value?: string;
   /**
-   * The name of the input field
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
    */
-  name?: string;
+  defaultValue?: string;
   /**
-   * The size of the input field
-   * @default default
+   * Whether the textarea is disabled
    */
-  size?: TextInputSize;
+  disabled?: boolean;
   /**
-   * The type of the input field
-   * @default text
+   * The number of visible text lines
    */
-  type?: string;
+  rows?: number;
   /**
-   * Event handler called when the input field receives focus
+   * The minimum number of characters
    */
-  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  minLength?: number;
   /**
-   * Event handler called when the input field loses focus
-   *
-   * @param event
+   * The maximum number of characters
    */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  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 {
   /**
-   * Callback when a key is pressed down
+   * Label to display in the select
    */
-  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  label: string;
   /**
-   * Callback when the value changes
+   * Value to return when the option is selected
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  value: SelectOptionValue;
   /**
-   * Value change event handler (provides just the value)
+   * Optional icon to display next to the label
    */
-  onValueChange?: (value: string) => void;
+  icon?: IconName;
+}
+type SelectOptionValue = string;
+type DsSelectProps = {
+  /**
+   * Unique identifier for the select component
+   */
+  id?: string;
+  /**
+   * Options to display in the select dropdown
+   */
+  options: DsSelectOption[];
+  /**
+   * Additional styles to apply to the icon
+   */
+  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.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.ReactNode;
-    }>;
-    /**
-     * Adornment to display at the start of the input
-     */
-    startAdornment?: React.ReactNode;
-    /**
-     * Adornment to display at the end of the input
+     * Adornment to display at the end of the label
      */
     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;
-}
-//#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;
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
 }
-/**
- * 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>;
+interface DsFormControlDescriptionProps {
+  /**
+   * The description content
+   */
+  children: React.ReactNode;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
 }
 //#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.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;
-}
-//#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;
+  orientation?: 'horizontal' | 'vertical';
   /**
-   * 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
+   * Underlying element/component to render.
+   * Examples: "hr", "div", "span", Link, etc.
    */
-  getProps: (userCallbacks?: UseFileUploadUserCallbacks) => Pick<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry'>;
+  component?: React.ElementType;
+  /**
+   * Additional CSS styles.
+   */
+  style?: React.CSSProperties;
+  /**
+   * Additional CSS classes.
+   */
+  className?: string;
 }
-/**
- * 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);
-}
+//#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
 /**
- * Retryable file upload error - indicates the upload can be retried
- * Examples: network errors, timeouts, temporary server errors (503), user cancellation
+ * Available positions for the drawer
  */
-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.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.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.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.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.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.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.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.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;
+/**
+ * Props for the DsDropdownMenu Header component
+ */
+interface DsDropdownMenuHeaderProps {
   /**
-   * The ref to the textarea element
+   * The header content (typically a search input or filter controls)
    */
-  ref?: React.Ref<HTMLTextAreaElement>;
+  children: ReactNode;
   /**
-   * The name of the textarea
+   * Optional CSS class name
    */
-  name?: string;
+  className?: string;
   /**
-   * Event handler called when the textarea loses focus
-   *
-   * @param event
+   * Optional inline styles
    */
-  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu Actions component
+ */
+interface DsDropdownMenuActionsProps {
   /**
-   * Callback when the value changes
+   * The action buttons or elements
    */
-  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  children: ReactNode;
   /**
-   * Value change event handler (provides just the value)
+   * Optional CSS class name
    */
-  onValueChange?: (value: string) => void;
+  className?: string;
   /**
-   * Additional CSS class names
+   * Optional inline styles
    */
-  className?: string;
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu ItemGroup component
+ */
+interface DsDropdownMenuItemGroupProps extends Menu.ItemGroupProps {
   /**
-   * Additional styles to apply to the component
+   * Whether the group is collapsed
    */
-  style?: React.CSSProperties;
+  collapsed?: boolean;
   /**
-   * The placeholder text
+   * Callback when collapse state changes
    */
-  placeholder?: string;
+  onCollapsedChange?: (collapsed: boolean) => void;
+}
+/**
+ * Props for the DsDropdownMenu ItemGroupLabel component
+ */
+type DsDropdownMenuItemGroupLabelProps = Menu.ItemGroupLabelProps;
+/**
+ * Props for the DsDropdownMenu ItemGroupContent component
+ */
+interface DsDropdownMenuItemGroupContentProps {
   /**
-   * The current value
+   * The content to show/hide based on collapsed state
    */
-  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 textarea is disabled
+   * Optional inline styles
    */
-  disabled?: boolean;
+  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 number of visible text lines
+   * The icon to display inside the expandable input trigger button
    */
-  rows?: number;
+  icon: IconType;
   /**
-   * The minimum number of characters
+   * Callback fired when the clear action is triggered
    */
-  minLength?: number;
+  onClear?: () => void;
   /**
-   * The maximum number of characters
+   * Callback fired when the expanded state changes
    */
-  maxLength?: number;
+  onExpandChange?: (expanded: boolean) => void;
 }
 //#endregion
-//#region src/components/ds-textarea/ds-textarea.d.ts
-declare const DsTextarea: React.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.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.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;
   /**
-   * 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.
+   * 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'] }]
    */
-  renderValue?: (selectedOption: DsSelectOption) => ReactNode;
-} | {
-  multiple: true;
-  value: SelectOptionValue[];
-  onValueChange?: (value: SelectOptionValue[]) => void;
+  accept?: AcceptedFileType[];
+  /**
+   * File states to display (managed externally)
+   */
+  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.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.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.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
    */
-  children: React.ReactNode;
+  status: FilterStatus;
+  /**
+   * Whether the status icon is active or non-active
+   * @default true
+   */
+  active?: boolean;
+  /**
+   * Icon size
+   * @default 'small'
+   */
+  size?: IconSize;
   /**
    * Additional CSS class names
    */
   className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: CSSProperties;
 }
 //#endregion
-//#region src/components/ds-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.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 {
@@ -8848,6 +9091,36 @@ declare const DsGrid: React.FC<DsGridProps>;
  */
 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"];
 type LoaderVariant = (typeof loaderVariants)[number];
@@ -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