@drivenets/design-system 0.7.3 → 0.9.0

package/dist/index.d.cts

@@ -1,16 +1,18 @@
-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 * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react from "react";
+import React, { ButtonHTMLAttributes, CSSProperties, ComponentProps, 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";
+import * as _$_ark_ui_react0 from "@ark-ui/react";
 import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
 import * as Collapsible from "@radix-ui/react-collapsible";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
 import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
+import * as _$csstype from "csstype";
 import * as steps from "@zag-js/steps";
 import { ColumnDef, ColumnFiltersState, Row, SortingState, Table, VisibilityState } from "@tanstack/react-table";
 import { TreeView } from "@ark-ui/react/tree-view";
@@ -6315,7 +6317,7 @@ declare const DsIcon: ({
   className,
   style,
   ...rest
-}: DsIconProps) => react_jsx_runtime0.JSX.Element;
+}: DsIconProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.types.d.ts
 declare const alertBannerVariants: readonly ["info-neutral", "info-blue", "warning", "error", "success"];
@@ -6377,7 +6379,7 @@ declare const DsAlertBanner: {
     className,
     style,
     children
-  }: DsAlertBannerProps): react_jsx_runtime0.JSX.Element | null;
+  }: DsAlertBannerProps): _$react_jsx_runtime0.JSX.Element | null;
   Title: ({
     style,
     className,
@@ -6386,7 +6388,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Body: ({
     style,
     className,
@@ -6395,7 +6397,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Actions: ({
     style,
     className,
@@ -6404,7 +6406,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
@@ -6488,7 +6490,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;
   /**
@@ -6521,7 +6524,7 @@ declare const DsAutocomplete: ({
   highlightMatch,
   showTrigger,
   startAdornment
-}: DsAutocompleteProps) => react_jsx_runtime0.JSX.Element;
+}: DsAutocompleteProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-avatar/ds-avatar.types.d.ts
 type DsAvatarSize = 'xsm' | 'sm' | 'regular' | 'md' | 'lg' | 'xl';
@@ -6674,6 +6677,30 @@ interface DsButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement>
   contentClassName?: string;
 }
 //#endregion
+//#region src/utils/responsive.d.ts
+declare const BREAKPOINT_LG: number;
+declare const breakpoints: readonly ["lg", "md"];
+type Breakpoint = (typeof breakpoints)[number];
+type Responsive<T> = Partial<Record<Breakpoint, T>>;
+type ResponsiveValue<T> = T | Responsive<T>;
+declare const isResponsiveValue: <T>(value: ResponsiveValue<T>) => value is Responsive<T>;
+declare const resolveResponsiveValue: <T>(value: ResponsiveValue<T>, breakpoint: Breakpoint) => T;
+declare const useBreakpoint: () => Breakpoint;
+/**
+ * Resolves a `ResponsiveValue<T>` to `T` using the current breakpoint.
+ * Use for conditional rendering or JS logic that depends on the breakpoint.
+ */
+declare const useResponsiveValue: <T>(value: ResponsiveValue<T>) => T;
+/**
+ * Wraps a component so that the specified props accept `ResponsiveValue<T>`.
+ * The wrapper resolves each responsive prop to a plain value before rendering,
+ * so the wrapped component stays completely unaware of breakpoints.
+ */
+declare function withResponsiveProps<Props, const Keys extends readonly (keyof Props)[]>(Component: FunctionComponent<Props>, responsiveKeys: Keys): {
+  (props: { [P in keyof Props]: P extends Keys[number] ? ResponsiveValue<NonNullable<Props[P]>> : Props[P] }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
+//#endregion
 //#region src/components/ds-button/versions/ds-button-new/ds-button-new.types.d.ts
 declare const buttonTypes: readonly ["primary", "secondary", "secondary-light", "tertiary"];
 type ButtonType = (typeof buttonTypes)[number];
@@ -6681,7 +6708,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.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Type of the button
    * @default 'primary'
@@ -6707,6 +6734,13 @@ interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    */
   contentClassName?: string;
 }
+interface DsButtonProps extends Omit<DsButtonBaseProps, 'size'> {
+  /**
+   * Size of the button. Accepts a static value or a responsive object.
+   * @default 'medium'
+   */
+  size?: ResponsiveValue<ButtonSize>;
+}
 //#endregion
 //#region src/components/ds-button/ds-button.types.d.ts
 type DsButtonUnifiedProps = (DsButtonProps$1 & {
@@ -6716,7 +6750,63 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
 });
 //#endregion
 //#region src/components/ds-button/ds-button.d.ts
-declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime0.JSX.Element;
+declare const DsButton: (props: DsButtonUnifiedProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-button-v3/ds-button-v3.types.d.ts
+declare const buttonV3Variants: readonly ["primary", "secondary", "tertiary"];
+type ButtonV3Variant = (typeof buttonV3Variants)[number];
+declare const buttonV3Colors: readonly ["default", "negative", "light"];
+type ButtonV3Color = (typeof buttonV3Colors)[number];
+declare const buttonV3Sizes: readonly ["large", "medium", "small", "tiny"];
+type ButtonV3Size = (typeof buttonV3Sizes)[number];
+interface DsButtonV3Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+  ref?: Ref<HTMLButtonElement>;
+  /**
+   * - `default` — standard light-UI palette
+   * - `negative` — destructive / danger palette (red tones)
+   * - `light` — palette for dark-background surfaces (Figma **Type** onDark)
+   * @default 'default'
+   */
+  color?: ButtonV3Color;
+  /**
+   * @default 'primary'
+   */
+  variant?: ButtonV3Variant;
+  /**
+   * @default 'medium'
+   */
+  size?: ButtonV3Size;
+  /**
+   * @default false
+   */
+  selected?: boolean;
+  /**
+   * Leading icon. When set without children, renders as icon-only (square) layout.
+   */
+  icon?: IconType;
+  /**
+   * Shows a spinner as the leading element and disables interaction.
+   * @default false
+   */
+  loading?: boolean;
+}
+//#endregion
+//#region src/components/ds-button-v3/ds-button-v3.d.ts
+declare const DsButtonV3: ({
+  ref,
+  className,
+  style,
+  children,
+  icon,
+  disabled,
+  loading,
+  color,
+  variant,
+  size,
+  selected,
+  type,
+  ...rest
+}: DsButtonV3Props) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-card/ds-card.types.d.ts
 declare const cardSizes: readonly ["small", "medium", "large"];
@@ -6794,25 +6884,25 @@ declare const DsCard: {
     onClick,
     onKeyDown,
     ...rest
-  }: DsCardRootProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardRootProps) => _$react_jsx_runtime0.JSX.Element;
   Header: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardHeaderProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardHeaderProps) => _$react_jsx_runtime0.JSX.Element;
   Body: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardBodyProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardBodyProps) => _$react_jsx_runtime0.JSX.Element;
   Footer: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardFooterProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardFooterProps) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.types.d.ts
@@ -7040,13 +7130,14 @@ declare const DsCommentCard: ({
   formatTimestamp,
   className,
   style
-}: DsCommentCardProps) => react_jsx_runtime0.JSX.Element;
+}: DsCommentCardProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
 interface DsCommentBubbleProps {
   ref?: Ref<HTMLDivElement>;
   comment?: CommentData;
   currentUser?: CommentAuthor;
+  hideActionRequired?: boolean;
   actionRequired?: boolean;
   onActionRequiredChange?: (checked: boolean) => void;
   value?: string;
@@ -7073,6 +7164,7 @@ declare const DsCommentBubble: ({
   ref,
   comment,
   currentUser,
+  hideActionRequired,
   actionRequired,
   onActionRequiredChange,
   value,
@@ -7092,7 +7184,7 @@ declare const DsCommentBubble: ({
   referenceTag,
   className,
   style
-}: DsCommentBubbleProps) => react_jsx_runtime0.JSX.Element;
+}: DsCommentBubbleProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
 interface DsCommentThreadProps {
@@ -7116,7 +7208,7 @@ declare const DsCommentThread: ({
   onMarkUnread,
   onResolved,
   className
-}: DsCommentThreadProps) => react_jsx_runtime0.JSX.Element | null;
+}: DsCommentThreadProps) => _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
 interface DsThreadItemProps {
@@ -7146,7 +7238,7 @@ declare const DsThreadItem: ({
   onMarkUnread,
   onResolved,
   className
-}: DsThreadItemProps) => react_jsx_runtime0.JSX.Element;
+}: DsThreadItemProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
 type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
@@ -7169,7 +7261,7 @@ declare const DsCommentIndicator: ({
   ref,
   className,
   style
-}: DsCommentIndicatorProps) => react_jsx_runtime0.JSX.Element;
+}: DsCommentIndicatorProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
 interface DsCommentsDrawerProps {
@@ -7212,7 +7304,7 @@ declare const DsCommentsDrawer: ({
   noCommentsMessage,
   className,
   style
-}: DsCommentsDrawerProps) => react_jsx_runtime0.JSX.Element;
+}: DsCommentsDrawerProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-comments-drawer/comments-filters.types.d.ts
 interface FilterTag {
@@ -7264,59 +7356,59 @@ interface DsConfirmationProps {
  * @see {@link ../ds-modal} for the replacement component.
  */
 declare const DsConfirmation: {
-  (props: DsConfirmationProps): react_jsx_runtime0.JSX.Element;
+  (props: DsConfirmationProps): _$react_jsx_runtime0.JSX.Element;
   Header: ({
     style,
     className,
     children
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+    children: _$react.ReactNode;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Title: ({
     style,
     className,
     children
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+    children: _$react.ReactNode;
+  }) => _$react_jsx_runtime0.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Body: ({
     style,
     className,
     children
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+    children: _$react.ReactNode;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Footer: ({
     style,
     className,
     children
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+    children: _$react.ReactNode;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Actions: ({
     style,
     className,
     children
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+    children: _$react.ReactNode;
+  }) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.types.d.ts
@@ -7407,16 +7499,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,
@@ -7435,561 +7528,440 @@ declare const DsDateInput: ({
   readOnly,
   id,
   ...datePickerProps
-}: DsDateInputProps) => react_jsx_runtime0.JSX.Element;
+}: 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 hide the clear button
+   * @default false
+   */
+  hideClearButton?: 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
-/**
- * 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;
-}
-/**
- * Props for the DsDropdownMenu Root component
- */
-interface DsDropdownMenuRootProps {
+  value?: number | undefined;
   /**
-   * Whether the dropdown is open (controlled mode)
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
    */
-  open?: boolean;
+  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 open state changes
+   * Unique identifier for the input field
    */
-  onOpenChange?: (open: boolean) => void;
+  id?: string;
   /**
-   * Callback when an item is selected
+   * The ref to the input field
    */
-  onSelect?: (value: string) => void;
+  ref?: React.Ref<HTMLInputElement>;
   /**
-   * Callback when the highlighted item changes
+   * The name of the input field
    */
-  onHighlightChange?: (value: string | null) => void;
+  name?: string;
   /**
-   * Positioning options for the dropdown
+   * The size of the input field
+   * @default default
    */
-  positioning?: DsDropdownMenuPositioning;
+  size?: 'small' | 'default';
   /**
-   * Prevents the menu from closing when any item is selected
-   * @default false
+   * Event handler called when the input field loses focus
+   *
+   * @param event
    */
-  preventCloseOnSelect?: boolean;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
-   * Root content
+   * Callback when the value changes (native input onChange event)
+   * This is provided for compatibility but onValueChange is preferred
    */
-  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'> {
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   /**
-   * Whether to render in place instead of using portals
-   * @default false
+   * Value change event handler (provides just the string value)
+   * This is the preferred way to handle value changes
    */
-  disablePortal?: boolean;
-}
-/**
- * Props for the DsDropdownMenu Item component
- */
-interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
+  onValueChange?: (value: string) => void;
   /**
-   * Whether the item is selected (applies selected styling)
+   * Additional CSS class names
    */
-  selected?: boolean;
-}
-/**
- * Props for the DsDropdownMenu ItemIndicator component
- */
-interface DsDropdownMenuItemIndicatorProps {
+  className?: string;
   /**
-   * Custom content to render as the indicator (defaults to check icon)
+   * Additional styles to apply to the component
    */
-  children?: ReactNode;
+  style?: React.CSSProperties;
   /**
-   * Optional CSS class name
+   * The placeholder text
    */
-  className?: string;
+  placeholder?: string;
   /**
-   * Optional inline styles
+   * The current value (for controlled usage)
    */
-  style?: CSSProperties;
-}
-/**
- * Props for the DsDropdownMenu Header component
- */
-interface DsDropdownMenuHeaderProps {
-  /**
-   * The header content (typically a search input or filter controls)
-   */
-  children: ReactNode;
-  /**
-   * Optional CSS class name
-   */
-  className?: string;
-  /**
-   * Optional inline styles
-   */
-  style?: CSSProperties;
-}
-/**
- * Props for the DsDropdownMenu Actions component
- */
-interface DsDropdownMenuActionsProps {
-  /**
-   * The action buttons or elements
-   */
-  children: ReactNode;
-  /**
-   * Optional CSS class name
-   */
-  className?: string;
-  /**
-   * Optional inline styles
-   */
-  style?: CSSProperties;
-}
-/**
- * Props for the DsDropdownMenu ItemGroup component
- */
-interface DsDropdownMenuItemGroupProps extends Menu.ItemGroupProps {
-  /**
-   * Whether the group is collapsed
-   */
-  collapsed?: boolean;
-  /**
-   * Callback when collapse state changes
-   */
-  onCollapsedChange?: (collapsed: boolean) => void;
-}
-/**
- * Props for the DsDropdownMenu ItemGroupLabel component
- */
-type DsDropdownMenuItemGroupLabelProps = Menu.ItemGroupLabelProps;
-/**
- * Props for the DsDropdownMenu ItemGroupContent component
- */
-interface DsDropdownMenuItemGroupContentProps {
-  /**
-   * The content to show/hide based on collapsed state
-   */
-  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 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>;
-};
+//#region src/components/ds-password-input/ds-password-input.d.ts
+declare const DsPasswordInput: FC<DsPasswordInputProps>;
 //#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 {
+//#region src/components/ds-textarea/ds-textarea.types.d.ts
+interface DsTextareaProps {
   /**
-   * Unique identifier for the input field
+   * Unique identifier for the textarea element
    */
   id?: string;
   /**
-   * The ref to the input field
+   * The ref to the textarea element
    */
-  ref?: React.Ref<HTMLInputElement>;
+  ref?: React.Ref<HTMLTextAreaElement>;
   /**
-   * The name of the input field
+   * The name of the textarea
    */
   name?: string;
   /**
-   * The size of the input field
-   * @default default
-   */
-  size?: TextInputSize;
-  /**
-   * The type of the input field
-   * @default text
-   */
-  type?: string;
-  /**
-   * Event handler called when the input field receives focus
-   */
-  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
-  /**
-   * Event handler called when the input field loses focus
+   * Event handler called when the textarea loses focus
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
-  /**
-   * Callback when a key is pressed down
-   */
-  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
   /**
    * Callback when the value changes
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
   /**
    * Value change event handler (provides just the value)
    */
@@ -8011,13 +7983,18 @@ interface DsTextInputProps {
    */
   value?: string;
   /**
-   * The minimum value of the input
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
    */
-  min?: number | string;
+  defaultValue?: string;
   /**
-   * The maximum value of the input
+   * Whether the textarea is disabled
    */
-  max?: number | string;
+  disabled?: boolean;
+  /**
+   * The number of visible text lines
+   */
+  rows?: number;
   /**
    * The minimum number of characters
    */
@@ -8026,771 +8003,1126 @@ interface DsTextInputProps {
    * The maximum number of characters
    */
   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 initial value of the input when rendered.
-   * Use when you don't need to control the value of the input.
+   * Label to display in the select
    */
-  defaultValue?: string;
+  label: string;
   /**
-   * Whether the input is disabled
+   * Value to return when the option is selected
    */
-  disabled?: boolean;
+  value: SelectOptionValue;
   /**
-   * Whether the input is read only
+   * Optional icon to display next to the label
    */
-  readOnly?: boolean;
+  icon?: IconName;
+}
+type SelectOptionValue = string;
+type DsSelectProps = {
   /**
-   * The tabIndex of the input
+   * Unique identifier for the select component
    */
-  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-expandable-text-input/ds-expandable-text-input.types.d.ts
-interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' | 'slots'> {
+  id?: string;
   /**
-   * The icon to display inside the expandable input trigger button
+   * Options to display in the select dropdown
    */
-  icon: IconType;
+  options: DsSelectOption[];
   /**
-   * Callback fired when the clear action is triggered
+   * Additional styles to apply to the icon
    */
-  onClear?: () => void;
+  style?: React.CSSProperties;
   /**
-   * 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;
-}
-/**
- * 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 {
+  className?: string;
   /**
-   * Error text displayed when validation fails
+   * Event handler called when the select loses focus
+   *
+   * @param event
    */
-  errorText?: string;
+  onBlur?: (event: React.FocusEvent) => void;
   /**
-   * Text displayed in the dropzone area
+   * Placeholder text to display when no option is selected
    */
-  dropzoneText?: string;
+  placeholder?: string;
   /**
-   * Text for the upload trigger button
+   * Whether the select is disabled
    */
-  triggerText?: string;
+  disabled?: boolean;
   /**
-   * Whether to hide upload progress
-   * @default false
+   * The size of the select component
+   * @default 'default'
    */
-  hideProgress?: boolean;
+  size?: SelectSize;
   /**
-   * Whether to hide the info text (file types, size limits, etc.)
-   * @default false
+   * 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.
    */
-  hideInfoText?: boolean;
+  renderOption?: (option: DsSelectOption) => ReactNode;
+} & ({
+  clearable?: undefined | false;
+  onClear?: never;
+} | {
+  clearable: true;
+  onClear?: () => void;
+}) & ({
+  multiple?: undefined | false;
+  value: SelectOptionValue;
+  onValueChange?: (value: SelectOptionValue) => void;
   /**
-   * Whether to disable drag and drop functionality
-   * @default false
+   * 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.
    */
-  disableDrop?: boolean;
+  renderValue?: (selectedOption: DsSelectOption) => ReactNode;
+} | {
+  multiple: true;
+  value: SelectOptionValue[];
+  onValueChange?: (value: SelectOptionValue[]) => void;
   /**
-   * The maximum number of files that can be uploaded
+   * 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.
    */
-  maxFiles?: 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 {
   /**
-   * Maximum file size in bytes
-   * @default 25MB
+   * Unique identifier for the control
    */
-  maxFileSize?: number;
+  id?: string;
   /**
-   * Callback when files are accepted
+   * Visual status
    */
-  onFileAccept?: (details: FileUploadFileAcceptDetails) => void;
+  status?: ControlStatus;
   /**
-   * Callback when files are rejected
+   * Label text
    */
-  onFileReject?: (details: FileUploadFileRejectDetails) => void;
+  label: string;
+  /**
+   * Marks the field as required
+   */
+  required?: boolean;
+  slots?: {
+    /**
+     * Adornment to display at the end of the label
+     */
+    endAdornment?: React.ReactNode;
+  };
+  /**
+   * Message under the control
+   */
+  message?: string;
+  /**
+   * Icon shown next to message
+   */
+  messageIcon?: IconType;
   /**
    * Additional CSS class names
    */
   className?: string;
   /**
-   * Additional styles
+   * Additional styles to apply to the component
    */
-  style?: CSSProperties;
+  style?: React.CSSProperties;
+}
+interface DsFormControlDescriptionProps {
   /**
-   * 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 description content
    */
-  accept?: AcceptedFileType[];
+  children: React.ReactNode;
   /**
-   * File states to display (managed externally)
+   * Additional CSS class names
    */
-  files?: UploadedFile[];
+  className?: string;
+}
+//#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; /** @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-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 {
   /**
-   * Callback when files are removed
+   * Controlled value as a tuple of [startDate, endDate].
+   * `null` for either element means that date is empty.
+   * `undefined` means the component is uncontrolled.
    */
-  onFileRemove?: (fileId: string) => void;
+  value?: DateRangeValue;
   /**
-   * Callback when files are deleted
+   * Default value for uncontrolled mode
    */
-  onFileDelete?: (fileId: string) => void;
+  defaultValue?: DateRangeValue;
   /**
-   * Callback when files upload is canceled
+   * Callback when either date changes
    */
-  onFileCancel?: (fileId: string) => void;
+  onChange?: (value: DateRangeValue) => void;
   /**
-   * Callback when files upload is retried
+   * Minimum allowed datetime for both pickers
    */
-  onFileRetry?: (fileId: string) => void;
+  min?: Date;
   /**
-   * Controlled accepted files
+   * Maximum allowed datetime for both pickers
    */
-  acceptedFiles?: File[];
+  max?: Date;
   /**
-   * Whether the file upload is disabled
+   * Whether to show date pickers with time
+   * @default false
+   */
+  withTime?: boolean;
+  /**
+   * Layout orientation of the two pickers
+   * @default 'horizontal'
+   */
+  orientation?: DateRangePickerOrientation;
+  /**
+   * Whether to hide the "Clear all" button
+   * @default false
+   */
+  hideClearAll?: boolean;
+  /**
+   * Whether to close the calendar when a date is selected. This is ignored when withTime is true.
+   * @default true
    */
+  closeOnSelect?: boolean;
   disabled?: boolean;
+  readOnly?: boolean;
+  className?: string;
   /**
-   * Whether the file upload layout is compact (inline)
+   * Whether to disable the portal for both calendar popups
+   * @default false
    */
-  compact?: boolean;
+  disablePortal?: boolean;
+  /**
+   * Localizable labels and text
+   */
+  locale?: DsDateRangePickerLocale;
+  /**
+   * Props forwarded to sub-component slots
+   */
+  slotProps?: DsDateRangePickerSlotProps;
 }
 //#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-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-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-dialog/ds-dialog.types.d.ts
+interface DsDialogProps {
   /**
-   * Whether to start upload automatically when files are added
-   * @default true
+   * Controls whether the dialog is open.
    */
-  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;
+  open: boolean;
+  /**
+   * Callback fired when the open state should change.
+   */
+  onOpenChange?: (open: boolean) => void;
+  /**
+   * The accessible title for the dialog. Required for accessibility.
+   */
+  title: string;
+  /**
+   * If true, the dialog title will be visually hidden but accessible to screen readers.
+   */
+  hideTitle?: boolean;
+  /**
+   * The accessible description for the dialog. Optional, but recommended for accessibility.
+   */
+  description?: string;
+  /**
+   * If true, the dialog description will be visually hidden but accessible to screen readers.
+   */
+  hideDescription?: boolean;
+  /**
+   * The content to render inside the dialog.
+   */
+  children: React.ReactNode;
+  /**
+   * Additional CSS class names for the dialog container.
+   */
+  className?: string;
+  /**
+   * Ref to the element the dialog should be anchored to (for relative placement)
+   */
+  anchorRef?: React.RefObject<HTMLElement>;
+  /**
+   * Custom fixed position (e.g., { top: number, left: number })
+   */
+  customPosition?: {
+    top: number;
+    left: number;
+  };
+  /**
+   * If true, show modal overlay and center dialog (default: true)
+   */
+  modal?: boolean;
 }
 //#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>;
+//#region src/components/ds-dialog/ds-dialog.d.ts
+declare const DsDialog: React.FC<DsDialogProps>;
 //#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;
+//#region src/components/ds-divider/ds-divider.types.d.ts
+interface DsDividerProps {
   /**
-   * 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
+   * Controls orientation of the divider. Horizontal by default.
    */
-  getProps: (userCallbacks?: UseFileUploadUserCallbacks) => Pick<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry'>;
+  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-divider/ds-divider.d.ts
+declare const DsDivider: React.FC<DsDividerProps>;
+//#endregion
+//#region src/components/ds-drawer/ds-drawer.types.d.ts
 /**
- * File upload state management hook
+ * Available positions for the drawer
  */
-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
+type DsDrawerPosition = 'start' | 'end';
 /**
- * Base class for file upload errors
+ * Available column sizes for drawer width
  */
-declare abstract class FileUploadError extends Error {
-  abstract readonly isRetryable: boolean;
-  constructor(message: string);
+type DsDrawerColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnInteractOutside'> {
+  /**
+   * Whether the drawer is open
+   */
+  open: boolean;
+  /**
+   * Callback when the drawer open state changes
+   */
+  onOpenChange: (open: boolean) => void;
+  /**
+   * Number of grid columns the drawer should span (1-12).
+   * Accepts a responsive value, e.g. `{ lg: 4, md: 6 }`.
+   * @default 4
+   */
+  columns?: ResponsiveValue<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;
+  /**
+   * Children components
+   */
+  children: ReactNode;
 }
+//#endregion
+//#region src/components/ds-drawer/ds-drawer.d.ts
+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-dropdown-menu/ds-dropdown-menu.types.d.ts
 /**
- * Retryable file upload error - indicates the upload can be retried
- * Examples: network errors, timeouts, temporary server errors (503), user cancellation
+ * Base positioning type
  */
-declare class RetryableFileUploadError extends FileUploadError {
-  readonly isRetryable = true;
-}
+type BasePositioning = NonNullable<Menu.RootProps['positioning']>;
 /**
- * Fatal file upload error - indicates the upload should not be retried
- * Examples: file type not allowed, file too large, invalid credentials, malformed response
+ * Positioning options for dropdown menu
  */
-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 DsDropdownMenuPositioning = Pick<BasePositioning, 'placement' | 'gutter' | 'sameWidth' | 'getAnchorRect'>;
+/**
+ * DEPRECATED: Legacy dropdown menu option configuration
+ * Use compound component pattern instead
+ * @deprecated
+ */
+interface DsDropdownMenuOptionLegacy {
   /**
-   * The filter status type
+   * Display label for the menu option
    */
-  status: FilterStatus;
+  label: string;
   /**
-   * Whether the status icon is active or non-active
-   * @default true
+   * Optional icon to display
    */
-  active?: boolean;
+  icon?: IconType;
   /**
-   * Icon size
-   * @default 'small'
+   * Whether this option is disabled
    */
-  size?: IconSize;
+  disabled?: boolean;
   /**
-   * Additional CSS class names
+   * Click handler for the option
    */
-  className?: string;
+  onClick?: (e: MouseEvent<HTMLElement>) => void;
   /**
-   * Additional styles to apply to the component
+   * Optional value for selection tracking
    */
-  style?: CSSProperties;
+  value?: string;
 }
-//#endregion
-//#region src/components/ds-filter-status-icon/ds-filter-status-icon.d.ts
 /**
- * Design system Filter Status Icon component
- * Status icons for toggle filter buttons to help users quickly distinguish states
+ * DEPRECATED: Legacy props for DsDropdownMenuLegacy component
+ * Use compound component pattern instead
+ * @deprecated
  */
-declare const DsFilterStatusIcon: ({
-  status,
-  active,
-  size,
-  className,
-  style
-}: DsFilterStatusIconProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/ds-number-input/ds-number-input.types.d.ts
-interface DsNumberInputProps {
-  /**
-   * Unique identifier for the input field
-   */
-  id?: string;
-  /**
-   * The ref to the input field
-   */
-  ref?: React.Ref<HTMLInputElement>;
+interface DsDropdownMenuLegacyProps {
   /**
-   * The name of the input field
+   * The options to be displayed in the dropdown menu
    */
-  name?: string;
+  options: DsDropdownMenuOptionLegacy[];
   /**
-   * The size of the input field
-   * @default default
+   * Optional children to be rendered inside the component
+   * Typically used for the trigger element
    */
-  size?: 'small' | 'default';
+  children?: ReactNode | undefined;
   /**
-   * Event handler called when the input field loses focus
-   *
-   * @param event
+   * The gap between the trigger and dropdown content in pixels
+   * @default 0
    */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  contentGap?: number;
   /**
-   * Callback when the value changes (native input onChange event)
-   * This is provided for compatibility but onValueChange is preferred
+   * Additional CSS class names
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  className?: string;
   /**
-   * Value change event handler (provides just the number value)
-   * This is the preferred way to handle value changes
+   * Optional inline styles to apply to the component
    */
-  onValueChange?: (value: number) => void;
+  style?: CSSProperties;
   /**
-   * Additional CSS class names
+   * The alignment of the dropdown content
+   * @default 'center'
    */
-  className?: string;
+  align?: 'start' | 'center' | 'end';
   /**
-   * Additional styles to apply to the component
+   * The side of the dropdown content
+   * @default 'bottom'
    */
-  style?: React.CSSProperties;
+  side?: 'top' | 'right' | 'bottom' | 'left';
   /**
-   * The placeholder text
+   * Whether to render in place instead of using portals
+   * @default false
    */
-  placeholder?: string;
+  disablePortal?: boolean;
   /**
-   * Whether the number input is disabled
+   * Whether to disable the search functionality
+   * @default false
    */
-  disabled?: boolean;
+  disableSearch?: boolean;
   /**
-   * The minimum value of the number input
+   * Currently selected value (for selection tracking)
    */
-  min?: number | undefined;
+  selected?: string;
   /**
-   * The maximum value of the number input
-   * @default Number.MAX_SAFE_INTEGER
+   * Callback when an option with a value is selected
    */
-  max?: number | undefined;
+  onSelect?: (value: string) => void;
+}
+/**
+ * Props for the DsDropdownMenu Root component
+ */
+interface DsDropdownMenuRootProps {
   /**
-   * The amount to increment or decrement the value by
-   * @default 1
+   * Whether the dropdown is open (controlled mode)
    */
-  step?: number | undefined;
+  open?: boolean;
   /**
-   * The controlled value of the input
+   * Callback when open state changes
    */
-  value?: number | undefined;
+  onOpenChange?: (open: boolean) => void;
   /**
-   * The initial value of the input when rendered.
-   * Use when you don't need to control the value of the input.
+   * Callback when an item is selected
    */
-  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 {
+  onSelect?: (value: string) => void;
   /**
-   * Unique identifier for the input field
+   * Callback when the highlighted item changes
    */
-  id?: string;
+  onHighlightChange?: (value: string | null) => void;
   /**
-   * The ref to the input field
+   * Positioning options for the dropdown
    */
-  ref?: React.Ref<HTMLInputElement>;
+  positioning?: DsDropdownMenuPositioning;
   /**
-   * The name of the input field
+   * Prevents the menu from closing when any item is selected
+   * @default false
    */
-  name?: string;
+  preventCloseOnSelect?: boolean;
   /**
-   * The size of the input field
-   * @default default
+   * Root content
    */
-  size?: 'small' | 'default';
+  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'> {
   /**
-   * Event handler called when the input field loses focus
-   *
-   * @param event
+   * Whether to render in place instead of using portals
+   * @default false
    */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  disablePortal?: boolean;
+}
+/**
+ * Props for the DsDropdownMenu Item component
+ */
+interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
   /**
-   * Callback when the value changes (native input onChange event)
-   * This is provided for compatibility but onValueChange is preferred
+   * Whether the item is selected (applies selected styling)
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  selected?: boolean;
+}
+/**
+ * Props for the DsDropdownMenu ItemIndicator component
+ */
+interface DsDropdownMenuItemIndicatorProps {
   /**
-   * Value change event handler (provides just the string value)
-   * This is the preferred way to handle value changes
+   * Custom content to render as the indicator (defaults to check icon)
    */
-  onValueChange?: (value: string) => void;
+  children?: ReactNode;
   /**
-   * Additional CSS class names
+   * Optional CSS class name
    */
   className?: string;
   /**
-   * Additional styles to apply to the component
-   */
-  style?: React.CSSProperties;
-  /**
-   * The placeholder text
+   * Optional inline styles
    */
-  placeholder?: string;
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu Header component
+ */
+interface DsDropdownMenuHeaderProps {
   /**
-   * The current value (for controlled usage)
+   * The header content (typically a search input or filter controls)
    */
-  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 {
+/**
+ * Props for the DsDropdownMenu Actions component
+ */
+interface DsDropdownMenuActionsProps {
   /**
-   * Unique identifier for the textarea element
+   * The action buttons or elements
    */
-  id?: string;
+  children: ReactNode;
   /**
-   * The ref to the textarea element
+   * Optional CSS class name
    */
-  ref?: React.Ref<HTMLTextAreaElement>;
+  className?: string;
   /**
-   * The name of the textarea
+   * Optional inline styles
    */
-  name?: string;
+  style?: CSSProperties;
+}
+/**
+ * Props for the DsDropdownMenu ItemGroup component
+ */
+interface DsDropdownMenuItemGroupProps extends Menu.ItemGroupProps {
   /**
-   * Event handler called when the textarea loses focus
-   *
-   * @param event
+   * Whether the group is collapsed
    */
-  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+  collapsed?: boolean;
   /**
-   * Callback when the value changes
+   * Callback when collapse state changes
    */
-  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  onCollapsedChange?: (collapsed: boolean) => void;
+}
+/**
+ * Props for the DsDropdownMenu ItemGroupLabel component
+ */
+type DsDropdownMenuItemGroupLabelProps = Menu.ItemGroupLabelProps;
+/**
+ * Props for the DsDropdownMenu ItemGroupContent component
+ */
+interface DsDropdownMenuItemGroupContentProps {
   /**
-   * Value change event handler (provides just the value)
+   * The content to show/hide based on collapsed state
    */
-  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.CSSProperties;
+  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 placeholder text
+   * The icon to display inside the expandable input trigger button
    */
-  placeholder?: string;
+  icon: IconType;
   /**
-   * The current value
+   * Callback fired when the clear action is triggered
    */
-  value?: string;
+  onClear?: () => void;
   /**
-   * The initial value of the input when rendered.
-   * Use when you don't need to control the value of the input.
+   * Callback fired when the expanded state changes
    */
-  defaultValue?: string;
+  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[];
+  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 {
   /**
-   * Whether the textarea is disabled
+   * Error text displayed when validation fails
    */
-  disabled?: boolean;
+  errorText?: string;
   /**
-   * The number of visible text lines
+   * Text displayed in the dropzone area
    */
-  rows?: number;
+  dropzoneText?: string;
   /**
-   * The minimum number of characters
+   * Text for the upload trigger button
    */
-  minLength?: number;
+  triggerText?: string;
   /**
-   * The maximum number of characters
+   * Whether to hide upload progress
+   * @default false
    */
-  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 {
+  hideProgress?: boolean;
   /**
-   * Label to display in the select
+   * Whether to hide the info text (file types, size limits, etc.)
+   * @default false
    */
-  label: string;
+  hideInfoText?: boolean;
   /**
-   * Value to return when the option is selected
+   * Whether to disable drag and drop functionality
+   * @default false
    */
-  value: SelectOptionValue;
+  disableDrop?: boolean;
   /**
-   * Optional icon to display next to the label
+   * The maximum number of files that can be uploaded
    */
-  icon?: IconName;
-}
-type SelectOptionValue = string;
-type DsSelectProps = {
+  maxFiles?: number;
   /**
-   * Unique identifier for the select component
+   * Maximum file size in bytes
+   * @default 25MB
    */
-  id?: string;
+  maxFileSize?: number;
   /**
-   * Options to display in the select dropdown
+   * Callback when files are accepted
    */
-  options: DsSelectOption[];
+  onFileAccept?: (details: FileUploadFileAcceptDetails) => void;
   /**
-   * Additional styles to apply to the icon
+   * Callback when files are rejected
    */
-  style?: React.CSSProperties;
+  onFileReject?: (details: FileUploadFileRejectDetails) => void;
   /**
    * Additional CSS class names
    */
   className?: string;
   /**
-   * Event handler called when the select loses focus
-   *
-   * @param event
-   */
-  onBlur?: (event: React.FocusEvent) => void;
-  /**
-   * Placeholder text to display when no option is selected
+   * Additional styles
    */
-  placeholder?: string;
+  style?: CSSProperties;
   /**
-   * Whether the select is disabled
+   * 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'] }]
    */
-  disabled?: boolean;
+  accept?: AcceptedFileType[];
   /**
-   * The size of the select component
-   * @default 'default'
+   * File states to display (managed externally)
    */
-  size?: SelectSize;
+  files?: UploadedFile[];
   /**
-   * 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.
+   * Callback when files are removed
    */
-  renderOption?: (option: DsSelectOption) => ReactNode;
-} & ({
-  clearable?: undefined | false;
-  onClear?: never;
-} | {
-  clearable: true;
-  onClear?: () => void;
-}) & ({
-  multiple?: undefined | false;
-  value: SelectOptionValue;
-  onValueChange?: (value: SelectOptionValue) => void;
+  onFileRemove?: (fileId: string) => void;
   /**
-   * Custom render function for the selected value in the trigger.
-   * When provided, replaces the default label text inside the trigger button.
-   * Only called when there is a selection; otherwise the placeholder is shown.
+   * Callback when files are deleted
    */
-  renderValue?: (selectedOption: DsSelectOption) => ReactNode;
-} | {
-  multiple: true;
-  value: SelectOptionValue[];
-  onValueChange?: (value: SelectOptionValue[]) => void;
+  onFileDelete?: (fileId: string) => void;
   /**
-   * Custom render function for the selected value in the trigger.
-   * When provided, replaces the default label text inside the trigger button.
-   * Only called when there is a selection; otherwise the placeholder is shown.
+   * Callback when files upload is canceled
    */
-  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 {
+  onFileCancel?: (fileId: string) => void;
   /**
-   * Unique identifier for the control
+   * Callback when files upload is retried
    */
-  id?: string;
+  onFileRetry?: (fileId: string) => void;
   /**
-   * Visual status
+   * Controlled accepted files
    */
-  status?: ControlStatus;
+  acceptedFiles?: File[];
   /**
-   * Label text
+   * Whether the file upload is disabled
    */
-  label: string;
+  disabled?: boolean;
   /**
-   * Marks the field as required
+   * Whether the file upload layout is compact (inline)
    */
-  required?: boolean;
-  slots?: {
-    /**
-     * Adornment to display at the end of the label
-     */
-    endAdornment?: React.ReactNode;
-  };
+  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;
   /**
-   * Message under the control
+   * Whether to start upload automatically when files are added
+   * @default true
    */
-  message?: 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;
   /**
-   * Icon shown next to message
+   * 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
    */
-  messageIcon?: IconType;
+  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;
+}
+/**
+ * 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 {
   /**
-   * Additional CSS class names
+   * The filter status type
    */
-  className?: string;
+  status: FilterStatus;
   /**
-   * Additional styles to apply to the component
+   * Whether the status icon is active or non-active
+   * @default true
    */
-  style?: React.CSSProperties;
-}
-interface DsFormControlDescriptionProps {
+  active?: boolean;
   /**
-   * The description content
+   * Icon size
+   * @default 'small'
    */
-  children: React.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.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 +9180,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];
@@ -8879,7 +9241,7 @@ declare const DsLoader: ({
   variant,
   className,
   ...props
-}: DsLoaderProps) => react_jsx_runtime0.JSX.Element;
+}: DsLoaderProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-modal/ds-modal.types.d.ts
 /**
@@ -8941,7 +9303,7 @@ declare const DsModal: {
     closeOnInteractOutside,
     children,
     onOpenChange
-  }: DsModalProps): react_jsx_runtime0.JSX.Element;
+  }: DsModalProps): _$react_jsx_runtime0.JSX.Element;
   Header: ({
     style,
     className,
@@ -8950,7 +9312,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Title: ({
     style,
     className,
@@ -8959,14 +9321,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Body: ({
     style,
     className,
@@ -8975,7 +9337,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Footer: ({
     style,
     className,
@@ -8984,7 +9346,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Actions: ({
     style,
     className,
@@ -8993,13 +9355,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-panel/ds-panel.types.d.ts
 type DsPanelVariant = 'docked' | 'floating';
-type DsPanelProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
+type DsPanelBaseProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
   variant?: DsPanelVariant;
+  width?: number;
   draggable?: boolean;
   disablePadding?: boolean;
   slotProps?: {
@@ -9007,23 +9370,312 @@ type DsPanelProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
   };
   onOpenChange?: (open: boolean) => void;
 };
+type DsPanelProps = Omit<DsPanelBaseProps, 'width'> & {
+  width?: ResponsiveValue<number>;
+};
 type DsPanelCollapseButtonProps = {
   onClick?: () => void;
   collapsed?: boolean;
 };
 //#endregion
-//#region src/components/ds-panel/ds-panel.d.ts
-declare function DsPanel({
-  open,
-  onOpenChange,
-  children,
-  className,
-  slotProps,
-  variant,
-  draggable,
-  disablePadding,
-  ...props
-}: DsPanelProps): react_jsx_runtime0.JSX.Element;
+//#region src/components/ds-panel/index.d.ts
+declare const DsPanel: {
+  (props: {
+    slot?: string | undefined | undefined;
+    style?: _$react.CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    key?: _$react.Key | null | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: boolean | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: _$react.AriaRole | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    children?: _$react.ReactNode;
+    dangerouslySetInnerHTML?: {
+      __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: _$react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: _$react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: _$react.InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: _$react.InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: _$react.InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: _$react.InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: _$react.SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: _$react.SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoad?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: _$react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: _$react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: _$react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: _$react.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: _$react.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: _$react.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: _$react.ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: _$react.ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    asChild?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    open?: boolean | undefined;
+    disabled?: boolean | undefined;
+    variant?: DsPanelVariant | undefined;
+    width?: ResponsiveValue<number> | undefined;
+    disablePadding?: boolean | undefined;
+    slotProps?: {
+      collapseButton?: DsPanelCollapseButtonProps;
+    } | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
 //#endregion
 //#region src/components/ds-popover/ds-popover.types.d.ts
 interface DsPopoverProps {
@@ -9090,7 +9742,7 @@ declare const DsProgressArc: ({
   style,
   ref,
   ...props
-}: DsProgressArcProps) => react_jsx_runtime0.JSX.Element;
+}: DsProgressArcProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
 declare const progressDonutSizes: readonly ["small", "medium"];
@@ -9131,7 +9783,7 @@ declare const DsProgressDonut: ({
   className,
   style,
   ref
-}: DsProgressDonutProps) => react_jsx_runtime0.JSX.Element;
+}: DsProgressDonutProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
 declare const progressLinearVariants: readonly ["initial", "progress", "interrupted", "success", "error"];
@@ -9209,7 +9861,7 @@ declare const DsProgressLinear: ({
   className,
   style,
   ref
-}: DsProgressLinearProps) => react_jsx_runtime0.JSX.Element;
+}: DsProgressLinearProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.types.d.ts
 /**
@@ -9530,13 +10182,13 @@ declare const _default: {
     radius,
     className,
     style
-  }: DsSkeletonTextProps) => react_jsx_runtime0.JSX.Element;
+  }: DsSkeletonTextProps) => _$react_jsx_runtime0.JSX.Element;
   Circle: ({
     size,
     color,
     className,
     style
-  }: DsSkeletonCircleProps) => react_jsx_runtime0.JSX.Element;
+  }: DsSkeletonCircleProps) => _$react_jsx_runtime0.JSX.Element;
   Rect: ({
     width,
     height,
@@ -9544,7 +10196,7 @@ declare const _default: {
     color,
     className,
     style
-  }: DsSkeletonRectProps) => react_jsx_runtime0.JSX.Element;
+  }: DsSkeletonRectProps) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-text.d.ts
@@ -9560,7 +10212,7 @@ declare const DsSkeletonText: ({
   radius,
   className,
   style
-}: DsSkeletonTextProps) => react_jsx_runtime0.JSX.Element;
+}: DsSkeletonTextProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-circle.d.ts
 /**
@@ -9572,7 +10224,7 @@ declare const DsSkeletonCircle: ({
   color,
   className,
   style
-}: DsSkeletonCircleProps) => react_jsx_runtime0.JSX.Element;
+}: DsSkeletonCircleProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-rect.d.ts
 /**
@@ -9585,7 +10237,7 @@ declare const DsSkeletonRect: ({
   color,
   className,
   style
-}: DsSkeletonRectProps) => react_jsx_runtime0.JSX.Element;
+}: DsSkeletonRectProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.types.d.ts
 declare const colors: readonly ["dark-blue", "light-blue", "dark-gray", "green", "fuchsia", "blue", "gray", "red", "amber"];
@@ -9659,7 +10311,7 @@ declare const DsSmartTabs: {
     style,
     children,
     ...props
-  }: DsSmartTabsProps): react_jsx_runtime0.JSX.Element;
+  }: DsSmartTabsProps): _$react_jsx_runtime0.JSX.Element;
   Tab: React.FC<DsSmartTabProps>;
 };
 //#endregion
@@ -9688,6 +10340,51 @@ interface DsSpinnerProps {
  */
 declare const DsSpinner: React.FC<DsSpinnerProps>;
 //#endregion
+//#region src/utils/type-utils.d.ts
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+//#endregion
+//#region src/components/ds-split-button/ds-split-button.types.d.ts
+declare const splitButtonSizes: readonly ["medium", "small"];
+type ButtonSlotProps = Omit<DsButtonV3Props, 'variant' | 'color' | 'size'>;
+type SelectSlotProps = DistributiveOmit<DsSelectProps, 'size'>;
+interface DsSplitButtonSlotProps {
+  button: ButtonSlotProps;
+  select: SelectSlotProps;
+}
+//#endregion
+//#region src/components/ds-split-button/index.d.ts
+declare const DsSplitButton: {
+  (props: {
+    ref?: _$react.Ref<HTMLDivElement> | undefined;
+    className?: string | undefined;
+    style?: _$react.CSSProperties | undefined;
+    size?: ResponsiveValue<NonNullable<"small" | "medium" | undefined>> | undefined;
+    disabled?: boolean | undefined;
+    slotProps: DsSplitButtonSlotProps;
+  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
+type DsSplitButtonProps = ComponentProps<typeof DsSplitButton>;
+//#endregion
+//#region src/components/ds-stack/index.d.ts
+declare const DsStack: {
+  (props: {
+    direction?: ResponsiveValue<NonNullable<_$csstype.Property.FlexDirection | undefined>> | undefined;
+    gap?: ResponsiveValue<NonNullable<_$csstype.Property.Gap<string | number> | undefined>> | undefined;
+    alignItems?: ResponsiveValue<string> | undefined;
+    justifyContent?: ResponsiveValue<string> | undefined;
+    flex?: ResponsiveValue<NonNullable<_$csstype.Property.Flex<string | number> | undefined>> | undefined;
+    flexWrap?: ResponsiveValue<NonNullable<_$csstype.Property.FlexWrap | undefined>> | undefined;
+    width?: ResponsiveValue<NonNullable<_$csstype.Property.Width<string | number> | undefined>> | undefined;
+    children?: _$react.ReactNode;
+    className?: string | undefined;
+    style?: _$react.CSSProperties | undefined;
+    ref?: _$react.Ref<HTMLDivElement> | undefined;
+  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
+type DsStackProps = ComponentProps<typeof DsStack>;
+//#endregion
 //#region src/components/ds-status-badge/ds-status-badge.types.d.ts
 declare const dsStatuses: readonly ["active", "running", "pending", "draft", "inactive", "warning", "failed"];
 type DsStatus = (typeof dsStatuses)[number];
@@ -9765,7 +10462,7 @@ declare function DsStepper({
   children,
   className,
   actions
-}: DsStepperProps): react_jsx_runtime0.JSX.Element;
+}: DsStepperProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-stepper/components/ds-step.d.ts
 type DsStepProps = PropsWithChildren<{
@@ -9795,7 +10492,7 @@ declare function DsStep({
   variant,
   slots,
   slotProps
-}: DsStepProps): react_jsx_runtime0.JSX.Element | null;
+}: DsStepProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-content.d.ts
 type DsStepContentProps = {
@@ -9809,7 +10506,7 @@ declare function DsStepContent({
   label,
   description,
   actions
-}: DsStepContentProps): react_jsx_runtime0.JSX.Element;
+}: DsStepContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
 type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
@@ -9822,7 +10519,7 @@ declare function DsNextStepButton({
   children,
   size,
   ...rest
-}: DsNextStepButtonProps): react_jsx_runtime0.JSX.Element;
+}: DsNextStepButtonProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-system-status/ds-system-status.types.d.ts
 /**
@@ -10708,7 +11405,7 @@ declare const DsTable: <TData extends {
   columnVisibility: externalColumnVisibility,
   onColumnVisibilityChange,
   activeRowId
-}: DsDataTableProps<TData, TValue>) => react_jsx_runtime0.JSX.Element;
+}: DsDataTableProps<TData, TValue>) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-tabs/ds-tabs.types.d.ts
 type DsTabsSize = 'medium' | 'small';
@@ -10792,12 +11489,12 @@ declare const DsTabs: {
     className,
     style,
     children
-  }: DsTabsProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTabsProps) => _$react_jsx_runtime0.JSX.Element;
   List: ({
     className,
     style,
     children
-  }: DsTabsListProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTabsListProps) => _$react_jsx_runtime0.JSX.Element;
   Tab: ({
     value,
     disabled,
@@ -10810,13 +11507,13 @@ declare const DsTabs: {
     className,
     style,
     children
-  }: DsTabsTabProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTabsTabProps) => _$react_jsx_runtime0.JSX.Element;
   Content: ({
     value,
     className,
     style,
     children
-  }: DsTabsContentProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTabsContentProps) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-tag/ds-tag.types.d.ts
@@ -10901,7 +11598,7 @@ declare const DsTag: ({
   onDelete,
   slots,
   ...rest
-}: DsTagProps) => react_jsx_runtime0.JSX.Element;
+}: DsTagProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-tag-filter/ds-tag-filter.types.d.ts
 interface TagFilterItem {
@@ -10985,7 +11682,7 @@ declare const DsTagFilter: ({
   onItemDelete,
   onItemSelect,
   onExpand
-}: DsTagFilterProps) => react_jsx_runtime0.JSX.Element | null;
+}: DsTagFilterProps) => _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/ds-toast/ds-toast.types.d.ts
 declare const toastVariants: readonly ["info", "success", "warning", "error"];
@@ -11153,7 +11850,7 @@ declare const DsToggle: ({
   children,
   checked,
   ...rest
-}: DsToggleProps) => react_jsx_runtime0.JSX.Element;
+}: DsToggleProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-tooltip/ds-tooltip.types.d.ts
 interface DsTooltipProps {
@@ -11165,6 +11862,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
@@ -11253,72 +11956,72 @@ declare const DsTree: {
     typeahead,
     lazyMount,
     unmountOnExit
-  }: DsTreeRootProps<T>) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeRootProps<T>) => _$react_jsx_runtime0.JSX.Element;
   Tree: ({
     className,
     style,
     children
-  }: DsTreeTreeProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeTreeProps) => _$react_jsx_runtime0.JSX.Element;
   NodeProvider: typeof TreeView.NodeProvider;
-  NodeContext: (props: TreeView.NodeContextProps) => react.ReactNode;
+  NodeContext: (props: TreeView.NodeContextProps) => _$react.ReactNode;
   Branch: ({
     className,
     style,
     children
-  }: DsTreeBranchProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchProps) => _$react_jsx_runtime0.JSX.Element;
   BranchControl: ({
     className,
     style,
     children
-  }: DsTreeBranchControlProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchControlProps) => _$react_jsx_runtime0.JSX.Element;
   BranchIndicator: ({
     className,
     style,
     children
-  }: DsTreeBranchIndicatorProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchIndicatorProps) => _$react_jsx_runtime0.JSX.Element;
   BranchText: ({
     className,
     style,
     children
-  }: DsTreeBranchTextProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchTextProps) => _$react_jsx_runtime0.JSX.Element;
   BranchContent: ({
     className,
     style,
     children
-  }: DsTreeBranchContentProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchContentProps) => _$react_jsx_runtime0.JSX.Element;
   BranchIndentGuide: ({
     className,
     style
-  }: DsTreeBranchIndentGuideProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchIndentGuideProps) => _$react_jsx_runtime0.JSX.Element;
   Item: ({
     className,
     style,
     children,
     onClick
-  }: DsTreeItemProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemProps) => _$react_jsx_runtime0.JSX.Element;
   ItemText: ({
     className,
     style,
     children
-  }: DsTreeItemTextProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemTextProps) => _$react_jsx_runtime0.JSX.Element;
   ItemIndicator: ({
     className,
     style
-  }: DsTreeItemIndicatorProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemIndicatorProps) => _$react_jsx_runtime0.JSX.Element;
   ItemAction: ({
     className,
     style,
     children,
     onClick
-  }: DsTreeItemActionProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemActionProps) => _$react_jsx_runtime0.JSX.Element;
   NodeCheckbox: ({
     className,
     style
-  }: DsTreeNodeCheckboxProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeNodeCheckboxProps) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-tree/ds-tree.utils.d.ts
-declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => _ark_ui_react0.TreeCollection<T>;
+declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => _$_ark_ui_react0.TreeCollection<T>;
 //#endregion
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.types.d.ts
 interface DsVerticalTabsRootProps {
@@ -11412,23 +12115,23 @@ declare const DsVerticalTabs: {
     className,
     style,
     children
-  }: DsVerticalTabsRootProps): react_jsx_runtime0.JSX.Element;
+  }: DsVerticalTabsRootProps): _$react_jsx_runtime0.JSX.Element;
   List: ({
     className,
     children
-  }: DsVerticalTabsListProps) => react_jsx_runtime0.JSX.Element;
+  }: DsVerticalTabsListProps) => _$react_jsx_runtime0.JSX.Element;
   Tab: ({
     value,
     disabled,
     className,
     children
-  }: DsVerticalTabsTabProps) => react_jsx_runtime0.JSX.Element;
+  }: DsVerticalTabsTabProps) => _$react_jsx_runtime0.JSX.Element;
   Content: ({
     value,
     className,
     children
-  }: DsVerticalTabsContentProps) => react_jsx_runtime0.JSX.Element;
+  }: 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 { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCheckbox, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconName, IconSize, IconType, IconVariant, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, type UploadedFile, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
 //# sourceMappingURL=index.d.cts.map