@drivenets/design-system 0.16.0 → 0.18.0

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import * as React$2 from "react";
 import React$1, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
 import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
 import { Menu } from "@ark-ui/react/menu";
@@ -6310,7 +6311,7 @@ interface DsIconProps {
 }
 //#endregion
 //#region src/components/ds-icon/ds-icon.d.ts
-declare function DsIcon({ icon, size, variant, filled, color, className, style, ...rest }: DsIconProps): import("react/jsx-runtime").JSX.Element;
+declare function DsIcon({ icon, size, variant, filled, color, className, style, ...rest }: DsIconProps): import("react").JSX.Element;
 declare namespace DsIcon {
   var displayName: string;
 }
@@ -6360,19 +6361,20 @@ interface DsAlertBannerProps {
 }
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.d.ts
-declare function DsAlertBanner({ open, onOpenChange, inline, variant, icon, closable, className, style, children }: DsAlertBannerProps): import("react/jsx-runtime").JSX.Element | null;
-declare namespace DsAlertBanner {
-  export { Title$2 as Title };
-  export { Body$5 as Body };
-  export { Actions$2 as Actions };
-  export var displayName: string;
-}
+/**
+ * @summary Controlled banner for surfacing contextual status messages.
+ *
+ * Renders as an inline bordered card or a full-width global bar, with five
+ * severity variants, an optional icon, and an optional close button. Compose the
+ * content with `DsAlertBanner.Title`, `DsAlertBanner.Body`, and `DsAlertBanner.Actions`.
+ */
+declare const DsAlertBannerRoot: ({ open, onOpenChange, inline, variant, icon, closable, className, style, children }: DsAlertBannerProps) => import("react").JSX.Element | null;
 declare const Title$2: {
   ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Body$5: {
@@ -6380,7 +6382,7 @@ declare const Body$5: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Actions$2: {
@@ -6388,11 +6390,19 @@ declare const Actions$2: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
+declare const DsAlertBanner: typeof DsAlertBannerRoot & {
+  displayName: string;
+  Title: typeof Title$2;
+  Body: typeof Body$5;
+  Actions: typeof Actions$2;
+};
 //#endregion
 //#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
+declare const autocompleteSizes: readonly ['small', 'default', 'large'];
+type AutocompleteSize = (typeof autocompleteSizes)[number];
 interface DsAutocompleteOption {
   /**
    * Label to display in the autocomplete dropdown
@@ -6422,6 +6432,11 @@ interface DsAutocompleteProps {
    * When true, a loading message is shown in the dropdown.
    */
   loading?: boolean;
+  /**
+   * The size of the autocomplete control
+   * @default 'default'
+   */
+  size?: AutocompleteSize;
   /**
    * Additional styles to apply to the component
    */
@@ -6488,7 +6503,7 @@ interface DsAutocompleteProps {
 }
 //#endregion
 //#region src/components/ds-autocomplete/ds-autocomplete.d.ts
-declare function DsAutocomplete({ id, options, loading, style, className, placeholder, disabled, invalid, onValueChange, onInputValueChange, onOpenChange, locale: { loading: loadingMessage, noMatches: noMatchesMessage }, highlightMatch, showTrigger, startAdornment }: DsAutocompleteProps): import("react/jsx-runtime").JSX.Element;
+declare function DsAutocomplete({ id, options, loading, size, style, className, placeholder, disabled, invalid, onValueChange, onInputValueChange, onOpenChange, locale: { loading: loadingMessage, noMatches: noMatchesMessage }, highlightMatch, showTrigger, startAdornment }: DsAutocompleteProps): import("react").JSX.Element;
 declare namespace DsAutocomplete {
   var displayName: string;
 }
@@ -6767,13 +6782,13 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
 });
 //#endregion
 //#region src/components/ds-button/ds-button.d.ts
-declare function DsButton(props: DsButtonUnifiedProps): import("react/jsx-runtime").JSX.Element;
+declare function DsButton(props: DsButtonUnifiedProps): import("react").JSX.Element;
 declare namespace DsButton {
   var displayName: string;
 }
 //#endregion
 //#region src/components/ds-button-v3/ds-button-v3.types.d.ts
-declare const buttonV3Variants: readonly ['primary', 'secondary', 'tertiary'];
+declare const buttonV3Variants: readonly ['primary', 'primary-subtle', 'secondary', 'tertiary'];
 type ButtonV3Variant = (typeof buttonV3Variants)[number];
 declare const buttonV3Colors: readonly ['default', 'error', 'light'];
 type ButtonV3Color = (typeof buttonV3Colors)[number];
@@ -6790,7 +6805,8 @@ interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   color?: ButtonV3Color;
   /**
    * Visual variant of the button:
-   * - `primary` — filled, highest-emphasis action
+   * - `primary` — highest-emphasis action; filled for `default`/`error`, subtle outline for `color="light"`
+   * - `primary-subtle` — subtle-filled, colored border and text (emphasis outline); `default`/`error` only
    * - `secondary` — outlined, medium-emphasis action
    * - `tertiary` — borderless, low-emphasis action (text-like)
    * @default 'primary'
@@ -6807,6 +6823,13 @@ interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    * @default false
    */
   selected?: boolean;
+  /**
+   * Raises the corner radius for high-emphasis surfaces such as
+   * Sign in, Landing, and NetGen. Purely a rounding change — does not affect
+   * color or priority.
+   * @default false
+   */
+  highEmphasis?: boolean;
   /**
    * Leading icon. When set without children, renders as icon-only (square) layout.
    */
@@ -7122,6 +7145,7 @@ declare const DsButtonV3: {
     variant?: ButtonV3Variant;
     size?: ResponsiveValue<NonNullable<"large" | "medium" | "small" | "tiny" | undefined>> | undefined;
     selected?: boolean;
+    highEmphasis?: boolean;
     icon?: IconType;
     loading?: boolean;
   }): import("react").FunctionComponentElement<Record<string, unknown>>;
@@ -7197,7 +7221,7 @@ type DsCardFooterProps = DsCardSlotProps;
  * Use composition with DsCard.Header, DsCard.Body, DsCard.Footer for full flexibility.
  */
 declare const Root: {
-  ({ ref, size, selectable, selected, highlightSelected, disabled, className, style, children, onClick, onKeyDown, ...rest }: DsCardRootProps): import("react/jsx-runtime").JSX.Element;
+  ({ ref, size, selectable, selected, highlightSelected, disabled, className, style, children, onClick, onKeyDown, ...rest }: DsCardRootProps): import("react").JSX.Element;
   displayName: string;
 };
 /**
@@ -7205,21 +7229,21 @@ declare const Root: {
  * Provide custom children for full layout flexibility.
  */
 declare const Header$4: {
-  ({ className, children, ref, ...rest }: DsCardHeaderProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, children, ref, ...rest }: DsCardHeaderProps): import("react").JSX.Element;
   displayName: string;
 };
 /**
  * Card body - main content area.
  */
 declare const Body$4: {
-  ({ className, children, ref, ...rest }: DsCardBodyProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, children, ref, ...rest }: DsCardBodyProps): import("react").JSX.Element;
   displayName: string;
 };
 /**
  * Card footer - bottom section for actions or additional info.
  */
 declare const Footer$3: {
-  ({ className, children, ref, ...rest }: DsCardFooterProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, children, ref, ...rest }: DsCardFooterProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsCard: {
@@ -7287,35 +7311,35 @@ interface DsCatalogLayoutContentHeaderProps extends Omit<ComponentPropsWithRef<'
 }
 //#endregion
 //#region src/components/ds-catalog-layout/ds-catalog-layout.d.ts
-declare function DsCatalogLayout({ className, fillParent, ...rest }: DsCatalogLayoutProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DsCatalogLayout {
-  export { Header$3 as Header };
-  export { Body$3 as Body };
-  export { SideMenu$1 as SideMenu };
-  export { Content$1 as Content };
-  export { ContentHeader };
-  export var displayName: string;
-}
+declare const DsCatalogLayoutRoot: ({ className, fillParent, ...rest }: DsCatalogLayoutProps) => import("react").JSX.Element;
 declare const Header$3: {
-  ({ className, ...rest }: DsCatalogLayoutHeaderProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, ...rest }: DsCatalogLayoutHeaderProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const Body$3: {
-  ({ className, ...rest }: DsCatalogLayoutBodyProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, ...rest }: DsCatalogLayoutBodyProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const SideMenu$1: {
-  ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsCatalogLayoutSideMenuProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsCatalogLayoutSideMenuProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const Content$1: {
-  ({ className, ...rest }: DsCatalogLayoutContentProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, ...rest }: DsCatalogLayoutContentProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const ContentHeader: {
-  ({ className, title, headerActions, children, ...rest }: DsCatalogLayoutContentHeaderProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, title, headerActions, children, ...rest }: DsCatalogLayoutContentHeaderProps): import("react").JSX.Element;
   displayName: string;
 };
+declare const DsCatalogLayout: typeof DsCatalogLayoutRoot & {
+  displayName: string;
+  Header: typeof Header$3;
+  Body: typeof Body$3;
+  SideMenu: typeof SideMenu$1;
+  Content: typeof Content$1;
+  ContentHeader: typeof ContentHeader;
+};
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.types.d.ts
 declare const checkboxVariants: readonly ['default', 'warning'];
@@ -7348,7 +7372,7 @@ interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.
 }
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.d.ts
-declare function DsCheckbox({ variant, label, labelInfo, className, onCheckedChange, value, ...props }: DsCheckboxProps): import("react/jsx-runtime").JSX.Element;
+declare function DsCheckbox({ variant, label, labelInfo, className, onCheckedChange, value, ...props }: DsCheckboxProps): import("react").JSX.Element;
 declare namespace DsCheckbox {
   var displayName: string;
 }
@@ -7682,7 +7706,7 @@ interface DsCommentCardProps {
 }
 //#endregion
 //#region src/components/ds-comment-card/ds-comment-card.d.ts
-declare function DsCommentCard({ ref, comment, disabled, overflow, onClick, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, formatTimestamp, className, style }: DsCommentCardProps): import("react/jsx-runtime").JSX.Element;
+declare function DsCommentCard({ ref, comment, disabled, overflow, onClick, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, formatTimestamp, className, style }: DsCommentCardProps): import("react").JSX.Element;
 declare namespace DsCommentCard {
   var displayName: string;
 }
@@ -7793,7 +7817,7 @@ interface DsCommentBubbleProps {
 }
 //#endregion
 //#region src/components/ds-comment-bubble/ds-comment-bubble.d.ts
-declare function DsCommentBubble({ ref, comment, currentUser, hideActionRequired, actionRequired, onActionRequiredChange, value, onValueChange, onSend, onClose, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, onEditMessage, onDeleteMessage, onMessageMarkUnread, onMessageResolved, referenceTag, className, style }: DsCommentBubbleProps): import("react/jsx-runtime").JSX.Element;
+declare function DsCommentBubble({ ref, comment, currentUser, hideActionRequired, actionRequired, onActionRequiredChange, value, onValueChange, onSend, onClose, onResolve, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, onEditMessage, onDeleteMessage, onMessageMarkUnread, onMessageResolved, referenceTag, className, style }: DsCommentBubbleProps): import("react").JSX.Element;
 declare namespace DsCommentBubble {
   var displayName: string;
 }
@@ -7837,7 +7861,7 @@ interface DsCommentThreadProps {
 }
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.d.ts
-declare function DsCommentThread({ messages, commentAuthor, currentUser, onEditMessage, onDeleteMessage, onMarkUnread, onResolved, className }: DsCommentThreadProps): import("react/jsx-runtime").JSX.Element | null;
+declare function DsCommentThread({ messages, commentAuthor, currentUser, onEditMessage, onDeleteMessage, onMarkUnread, onResolved, className }: DsCommentThreadProps): import("react").JSX.Element | null;
 declare namespace DsCommentThread {
   var displayName: string;
 }
@@ -7896,7 +7920,7 @@ interface DsThreadItemProps {
 }
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.d.ts
-declare function DsThreadItem({ id, author, content, createdAt, isCommentAuthorMessage, canModify, onEdit, onDelete, onMarkUnread, onResolved, className }: DsThreadItemProps): import("react/jsx-runtime").JSX.Element;
+declare function DsThreadItem({ id, author, content, createdAt, isCommentAuthorMessage, canModify, onEdit, onDelete, onMarkUnread, onResolved, className }: DsThreadItemProps): import("react").JSX.Element;
 declare namespace DsThreadItem {
   var displayName: string;
 }
@@ -7940,7 +7964,7 @@ interface DsCommentIndicatorProps {
 }
 //#endregion
 //#region src/components/ds-comment-indicator/ds-comment-indicator.d.ts
-declare function DsCommentIndicator({ type, avatarSrc, avatarName, onClick, ref, className, style }: DsCommentIndicatorProps): import("react/jsx-runtime").JSX.Element;
+declare function DsCommentIndicator({ type, avatarSrc, avatarName, onClick, ref, className, style }: DsCommentIndicatorProps): import("react").JSX.Element;
 declare namespace DsCommentIndicator {
   var displayName: string;
 }
@@ -8032,7 +8056,7 @@ interface DsCommentsDrawerProps {
 }
 //#endregion
 //#region src/components/ds-comments-drawer/ds-comments-drawer.d.ts
-declare function DsCommentsDrawer({ open, onOpenChange, comments, showResolved, onShowResolvedChange, searchQuery, onSearchChange, onCommentClick, onResolveComment, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, noCommentsMessage, className, style }: DsCommentsDrawerProps): import("react/jsx-runtime").JSX.Element;
+declare function DsCommentsDrawer({ open, onOpenChange, comments, showResolved, onShowResolvedChange, searchQuery, onSearchChange, onCommentClick, onResolveComment, onToggleActionRequired, onForward, onMarkUnread, onCopyLink, onDelete, noCommentsMessage, className, style }: DsCommentsDrawerProps): import("react").JSX.Element;
 declare namespace DsCommentsDrawer {
   var displayName: string;
 }
@@ -8115,58 +8139,61 @@ interface DsConfirmationProps {
 }
 //#endregion
 //#region src/components/ds-confirmation/ds-confirmation.d.ts
-declare function DsConfirmation(props: DsConfirmationProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DsConfirmation {
-  export var Header: {
+declare const DsConfirmationRoot: (props: DsConfirmationProps) => import("react").JSX.Element;
+/**
+ * @deprecated DsConfirmation is deprecated. Use DsModal instead.
+ * @see {@link ../ds-modal} for the replacement component.
+ */
+declare const DsConfirmation: typeof DsConfirmationRoot & {
+  displayName: string;
+  Header: {
     ({ style, className, children }: {
       style?: import("react").CSSProperties;
       className?: string;
       children: import("react").ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): import("react").JSX.Element;
     displayName: string;
   };
-  export var Title: {
+  Title: {
     ({ style, className, children }: {
       style?: import("react").CSSProperties;
       className?: string;
       children: import("react").ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): import("react").JSX.Element;
     displayName: string;
   };
-  export var CloseTrigger: {
+  CloseTrigger: {
     ({ style, className }: {
       style?: import("react").CSSProperties;
       className?: string;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): import("react").JSX.Element;
     displayName: string;
   };
-  var _a: {
+  Body: {
     ({ style, className, children }: {
       style?: import("react").CSSProperties;
       className?: string;
       children: import("react").ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): import("react").JSX.Element;
     displayName: string;
   };
-  export { _a as Body };
-  export var Footer: {
+  Footer: {
     ({ style, className, children }: {
       style?: import("react").CSSProperties;
       className?: string;
       children: import("react").ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): import("react").JSX.Element;
     displayName: string;
   };
-  export var Actions: {
+  Actions: {
     ({ style, className, children }: {
       style?: import("react").CSSProperties;
       className?: string;
       children: import("react").ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): import("react").JSX.Element;
     displayName: string;
   };
-  export var displayName: string;
-}
+};
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.types.d.ts
 /**
@@ -8286,13 +8313,13 @@ type DsDateInputBaseProps = Pick<DatePickerRootProps, 'disabled' | 'readOnly' |
 type DsDateInputProps = DsDateInputBaseProps & DsDateInputRangeProps;
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.d.ts
-declare function DsDateInput({ range, placeholder, style, className, disablePortal, hideClearButton, onValueChange, onOpenChange, value: _value, defaultValue: _defaultValue, min: _min, max: _max, disabled, readOnly, id, ...datePickerProps }: DsDateInputProps): import("react/jsx-runtime").JSX.Element;
+declare function DsDateInput({ range, placeholder, style, className, disablePortal, hideClearButton, onValueChange, onOpenChange, value: _value, defaultValue: _defaultValue, min: _min, max: _max, disabled, readOnly, id, ...datePickerProps }: DsDateInputProps): import("react").JSX.Element;
 declare namespace DsDateInput {
   var displayName: string;
 }
 //#endregion
 //#region src/components/ds-text-input/ds-text-input.types.d.ts
-declare const textInputSizes: readonly ['small', 'default'];
+declare const textInputSizes: readonly ['small', 'default', 'large'];
 type TextInputSize = (typeof textInputSizes)[number];
 interface DsTextInputProps {
   /**
@@ -8533,7 +8560,7 @@ interface DsTimePickerSlotProps {
 }
 //#endregion
 //#region src/components/ds-time-picker/ds-time-picker.d.ts
-declare function DsTimePicker(props: DsTimePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function DsTimePicker(props: DsTimePickerProps): import("react").JSX.Element;
 declare namespace DsTimePicker {
   var displayName: string;
 }
@@ -8638,7 +8665,7 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
 }
 //#endregion
 //#region src/components/ds-date-picker/ds-date-picker.d.ts
-declare function DsDatePicker({ placeholder, className, withTime, closeOnSelect, disablePortal, hideClearButton, locale, slotProps, onChange, onOpenChange, onBlur, value: _value, defaultValue: _defaultValue, min: _min, max: _max, disabled, readOnly, id, ...restProps }: DsDatePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function DsDatePicker({ placeholder, className, withTime, closeOnSelect, disablePortal, hideClearButton, locale, slotProps, onChange, onOpenChange, onBlur, value: _value, defaultValue: _defaultValue, min: _min, max: _max, disabled, readOnly, id, ...restProps }: DsDatePickerProps): import("react").JSX.Element;
 declare namespace DsDatePicker {
   var displayName: string;
 }
@@ -8858,7 +8885,8 @@ interface DsTextareaProps {
 declare const DsTextarea: React$1.FC<DsTextareaProps>;
 //#endregion
 //#region src/components/ds-select/ds-select.types.d.ts
-type SelectSize = 'default' | 'small';
+declare const selectSizes: readonly ['small', 'default', 'large'];
+type SelectSize = (typeof selectSizes)[number];
 interface DsSelectOption {
   /**
    * Label to display in the select
@@ -8977,7 +9005,7 @@ type DsSelectProps = {
 });
 //#endregion
 //#region src/components/ds-select/ds-select.d.ts
-declare function DsSelect({ id, options: userOptions, value, style, size, clearable, onClear, onBlur, className, placeholder, disabled, renderOption, ...multiselectProps }: DsSelectProps): import("react/jsx-runtime").JSX.Element;
+declare function DsSelect({ id, options: userOptions, value, style, size, clearable, onClear, onBlur, className, placeholder, disabled, renderOption, ...multiselectProps }: DsSelectProps): import("react").JSX.Element;
 declare namespace DsSelect {
   var displayName: string;
 }
@@ -9044,20 +9072,20 @@ interface DsFormControlDescriptionProps {
 }
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.d.ts
-declare const DsFormControlDescription: React$1.FC<DsFormControlDescriptionProps>;
-declare function DsFormControl({ id, status, label, hideLabel, required, slots, message, messageIcon, className, style, children }: DsFormControlProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DsFormControl {
-  var TextInput: (props: DsTextInputProps) => import("react/jsx-runtime").JSX.Element;
-  var NumberInput: (props: DsNumberInputProps) => import("react/jsx-runtime").JSX.Element;
-  var PasswordInput: (props: DsPasswordInputProps) => import("react/jsx-runtime").JSX.Element;
-  var DateInput: (props: DsDateInputProps) => import("react/jsx-runtime").JSX.Element;
-  var DatePicker: (props: DsDatePickerProps) => import("react/jsx-runtime").JSX.Element;
-  var TimePicker: (props: DsTimePickerProps) => import("react/jsx-runtime").JSX.Element;
-  var Textarea: (props: DsTextareaProps) => import("react/jsx-runtime").JSX.Element;
-  var Select: (props: DsSelectProps) => import("react/jsx-runtime").JSX.Element;
-  export { DsFormControlDescription as Description };
-  export var displayName: string;
-}
+declare const DsFormControlRoot: ({ id, status, label, hideLabel, required, slots, message, messageIcon, className, style, children }: DsFormControlProps) => React$1.JSX.Element;
+declare const DsFormControl: typeof DsFormControlRoot & {
+  displayName: string;
+  TextInput: (props: DsTextInputProps) => React$1.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => React$1.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => React$1.JSX.Element;
+  /** @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead. */
+  DateInput: (props: DsDateInputProps) => React$1.JSX.Element;
+  DatePicker: (props: DsDatePickerProps) => React$1.JSX.Element;
+  TimePicker: (props: DsTimePickerProps) => React$1.JSX.Element;
+  Textarea: (props: DsTextareaProps) => React$1.JSX.Element;
+  Select: (props: DsSelectProps) => React$1.JSX.Element;
+  Description: React$1.FC<DsFormControlDescriptionProps>;
+};
 //#endregion
 //#region src/components/ds-date-range-picker/ds-date-range-picker.types.d.ts
 type DateRangeValue = [Date | null, Date | null];
@@ -9163,7 +9191,7 @@ interface DsDateRangePickerProps {
 }
 //#endregion
 //#region src/components/ds-date-range-picker/ds-date-range-picker.d.ts
-declare function DsDateRangePicker({ value: valueProp, defaultValue, onChange, min, max, withTime, orientation, hideClearAll, closeOnSelect, disabled, readOnly, className, disablePortal, locale, slotProps }: DsDateRangePickerProps): import("react/jsx-runtime").JSX.Element;
+declare function DsDateRangePicker({ value: valueProp, defaultValue, onChange, min, max, withTime, orientation, hideClearAll, closeOnSelect, disabled, readOnly, className, disablePortal, locale, slotProps }: DsDateRangePickerProps): import("react").JSX.Element;
 declare namespace DsDateRangePicker {
   var displayName: string;
 }
@@ -9320,23 +9348,13 @@ interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnI
 }
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.d.ts
-declare function DsDrawer({ open, onOpenChange, onOpenAutoFocus, columns, position, backdrop, closeOnEscape, closeOnInteractOutside, portal, style, className, children }: DsDrawerProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DsDrawer {
-  export { Header$2 as Header };
-  export { Title$1 as Title };
-  export { CloseTrigger$1 as CloseTrigger };
-  export { Toolbar };
-  export { Body$2 as Body };
-  export { Footer$2 as Footer };
-  export { Actions$1 as Actions };
-  export var displayName: string;
-}
+declare const DsDrawerRoot: ({ open, onOpenChange, onOpenAutoFocus, columns, position, backdrop, closeOnEscape, closeOnInteractOutside, portal, style, className, children }: DsDrawerProps) => import("react").JSX.Element;
 declare const Header$2: {
   ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Title$1: {
@@ -9344,14 +9362,14 @@ declare const Title$1: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const CloseTrigger$1: {
   ({ style, className }: {
     style?: CSSProperties;
     className?: string;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Toolbar: {
@@ -9359,7 +9377,7 @@ declare const Toolbar: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Body$2: {
@@ -9367,7 +9385,7 @@ declare const Body$2: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Footer$2: {
@@ -9375,7 +9393,7 @@ declare const Footer$2: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Actions$1: {
@@ -9383,8 +9401,18 @@ declare const Actions$1: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsDrawer: typeof DsDrawerRoot & {
   displayName: string;
+  Header: typeof Header$2;
+  Title: typeof Title$1;
+  CloseTrigger: typeof CloseTrigger$1;
+  Toolbar: typeof Toolbar;
+  Body: typeof Body$2;
+  Footer: typeof Footer$2;
+  Actions: typeof Actions$1;
 };
 //#endregion
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
@@ -9740,7 +9768,7 @@ interface DsExpandableTextInputProps extends Omit<DsTextInputProps, 'tabIndex' |
 }
 //#endregion
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
-declare function DsExpandableTextInput({ onClear, onExpandChange, icon, size, ...props }: DsExpandableTextInputProps): import("react/jsx-runtime").JSX.Element;
+declare function DsExpandableTextInput({ onClear, onExpandChange, icon, size, ...props }: DsExpandableTextInputProps): import("react").JSX.Element;
 declare namespace DsExpandableTextInput {
   var displayName: string;
 }
@@ -10089,7 +10117,7 @@ interface DsFilterStatusIconProps {
 }
 //#endregion
 //#region src/components/ds-filter-status-icon/ds-filter-status-icon.d.ts
-declare function DsFilterStatusIcon({ status, active, size, className, style }: DsFilterStatusIconProps): import("react/jsx-runtime").JSX.Element;
+declare function DsFilterStatusIcon({ status, active, size, className, style }: DsFilterStatusIconProps): import("react").JSX.Element;
 declare namespace DsFilterStatusIcon {
   var displayName: string;
 }
@@ -10150,7 +10178,7 @@ interface DsKeyValuePairProps {
 }
 //#endregion
 //#region src/components/ds-key-value-pair/ds-key-value-pair.d.ts
-declare function DsKeyValuePair({ ref, keyLabel, value, readOnly, orientation, editInput, className, style }: DsKeyValuePairProps): import("react/jsx-runtime").JSX.Element;
+declare function DsKeyValuePair({ ref, keyLabel, value, readOnly, orientation, editInput, className, style }: DsKeyValuePairProps): import("react").JSX.Element;
 declare namespace DsKeyValuePair {
   var displayName: string;
 }
@@ -10179,7 +10207,7 @@ interface DsLoaderProps {
 }
 //#endregion
 //#region src/components/ds-loader/ds-loader.d.ts
-declare function DsLoader({ variant, className, ...props }: DsLoaderProps): import("react/jsx-runtime").JSX.Element;
+declare function DsLoader({ variant, className, ...props }: DsLoaderProps): import("react").JSX.Element;
 declare namespace DsLoader {
   var displayName: string;
 }
@@ -10243,22 +10271,18 @@ interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' |
 }
 //#endregion
 //#region src/components/ds-modal/ds-modal.d.ts
-declare function DsModal({ open, columns, dividers, style, className, modal, closeOnEscape, closeOnInteractOutside, children, onOpenChange }: DsModalProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DsModal {
-  export { Header$1 as Header };
-  export { Title };
-  export { CloseTrigger };
-  export { Body$1 as Body };
-  export { Footer$1 as Footer };
-  export { Actions };
-  export var displayName: string;
-}
+/**
+ * Composable modal dialog.
+ * Supports custom header, footer, and body content with grid-based sizing.
+ * Use columns prop to control modal width (1-12 grid columns).
+ */
+declare const DsModalRoot: ({ open, columns, dividers, style, className, modal, closeOnEscape, closeOnInteractOutside, children, onOpenChange }: DsModalProps) => import("react").JSX.Element;
 declare const Header$1: {
   ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Title: {
@@ -10266,14 +10290,14 @@ declare const Title: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const CloseTrigger: {
   ({ style, className }: {
     style?: CSSProperties;
     className?: string;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Body$1: {
@@ -10281,7 +10305,7 @@ declare const Body$1: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Footer$1: {
@@ -10289,7 +10313,7 @@ declare const Footer$1: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
 declare const Actions: {
@@ -10297,9 +10321,18 @@ declare const Actions: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }): import("react/jsx-runtime").JSX.Element;
+  }): import("react").JSX.Element;
   displayName: string;
 };
+declare const DsModal: typeof DsModalRoot & {
+  displayName: string;
+  Header: typeof Header$1;
+  Title: typeof Title;
+  CloseTrigger: typeof CloseTrigger;
+  Body: typeof Body$1;
+  Footer: typeof Footer$1;
+  Actions: typeof Actions;
+};
 //#endregion
 //#region src/components/ds-panel/ds-panel.types.d.ts
 type DsPanelVariant = 'docked' | 'floating';
@@ -10759,31 +10792,31 @@ interface DsPopoverProps {
 //#endregion
 //#region src/components/ds-popover/ds-popover.d.ts
 declare const DsPopoverRoot: {
-  ({ open, defaultOpen, side, align, gutter, modal, children, onOpenChange }: DsPopoverRootProps): import("react/jsx-runtime").JSX.Element;
+  ({ open, defaultOpen, side, align, gutter, modal, children, onOpenChange }: DsPopoverRootProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsPopoverTrigger: {
-  ({ children, className }: DsPopoverTriggerProps): import("react/jsx-runtime").JSX.Element;
+  ({ children, className }: DsPopoverTriggerProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsPopoverPanel: {
-  ({ width, className, style, children, ref, 'aria-label': ariaLabel }: DsPopoverPanelProps): import("react/jsx-runtime").JSX.Element;
+  ({ width, className, style, children, ref, 'aria-label': ariaLabel }: DsPopoverPanelProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsPopoverHeader: {
-  ({ icon, className, style, children }: DsPopoverHeaderProps): import("react/jsx-runtime").JSX.Element;
+  ({ icon, className, style, children }: DsPopoverHeaderProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsPopoverContent: {
-  ({ className, style, children }: DsPopoverContentProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children }: DsPopoverContentProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsPopoverContentItem: {
-  ({ status, headline, className, style, children }: DsPopoverContentItemProps): import("react/jsx-runtime").JSX.Element;
+  ({ status, headline, className, style, children }: DsPopoverContentItemProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsPopoverFooter: {
-  ({ className, style, children }: DsPopoverFooterProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children }: DsPopoverFooterProps): import("react").JSX.Element;
   displayName: string;
 };
 /**
@@ -10794,7 +10827,7 @@ declare const DsPopoverFooter: {
  * @deprecated Migrate to the compound API (`DsPopover.Root` / `.Trigger` / `.Panel`).
  */
 declare const DsPopoverLegacy: {
-  ({ trigger, children, className, side, align }: DsPopoverProps): import("react/jsx-runtime").JSX.Element;
+  ({ trigger, children, className, side, align }: DsPopoverProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsPopover: typeof DsPopoverLegacy & {
@@ -10836,7 +10869,7 @@ interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
 }
 //#endregion
 //#region src/components/ds-progress-arc/ds-progress-arc.d.ts
-declare function DsProgressArc({ value, size, variant, children, className, style, ref, ...props }: DsProgressArcProps): import("react/jsx-runtime").JSX.Element;
+declare function DsProgressArc({ value, size, variant, children, className, style, ref, ...props }: DsProgressArcProps): React$1.JSX.Element;
 declare namespace DsProgressArc {
   var displayName: string;
 }
@@ -10872,7 +10905,7 @@ interface DsProgressDonutProps {
 }
 //#endregion
 //#region src/components/ds-progress-donut/ds-progress-donut.d.ts
-declare function DsProgressDonut({ value, size, variant, children, className, style, ref }: DsProgressDonutProps): import("react/jsx-runtime").JSX.Element;
+declare function DsProgressDonut({ value, size, variant, children, className, style, ref }: DsProgressDonutProps): React$1.JSX.Element;
 declare namespace DsProgressDonut {
   var displayName: string;
 }
@@ -10938,7 +10971,7 @@ interface DsProgressLinearProps {
 }
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.d.ts
-declare function DsProgressLinear({ value, min, max, variant, size, label, showValue, caption, className, style, ref }: DsProgressLinearProps): import("react/jsx-runtime").JSX.Element;
+declare function DsProgressLinear({ value, min, max, variant, size, label, showValue, caption, className, style, ref }: DsProgressLinearProps): import("react").JSX.Element;
 declare namespace DsProgressLinear {
   var displayName: string;
 }
@@ -11000,7 +11033,7 @@ interface DsProgressTaskBarProps {
 }
 //#endregion
 //#region src/components/ds-progress-task-bar/ds-progress-task-bar.d.ts
-declare function DsProgressTaskBar({ completed, running, failed, total, locale, className, style, ref }: DsProgressTaskBarProps): import("react/jsx-runtime").JSX.Element;
+declare function DsProgressTaskBar({ completed, running, failed, total, locale, className, style, ref }: DsProgressTaskBarProps): import("react").JSX.Element;
 declare namespace DsProgressTaskBar {
   var displayName: string;
 }
@@ -11259,7 +11292,7 @@ interface DsSiteNodeProps {
 }
 //#endregion
 //#region src/components/ds-site-node/ds-site-node.d.ts
-declare const DsSiteNode: ({ ref, state, tier, siteCode, overflowLabel, className, style, 'aria-label': ariaLabel, onClick }: DsSiteNodeProps) => import("react/jsx-runtime").JSX.Element;
+declare const DsSiteNode: ({ ref, state, tier, siteCode, overflowLabel, className, style, 'aria-label': ariaLabel, onClick }: DsSiteNodeProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/ds-typography/ds-typography.config.d.ts
 declare const typographyVariantConfig: {
@@ -11409,7 +11442,7 @@ interface DsTypographyProps {
 }
 //#endregion
 //#region src/components/ds-typography/ds-typography.d.ts
-declare function DsTypography({ ref, variant, asChild, className, style, color, truncate, tooltip, tooltipContent, children, ...props }: DsTypographyProps): import("react/jsx-runtime").JSX.Element;
+declare function DsTypography({ ref, variant, asChild, className, style, color, truncate, tooltip, tooltipContent, children, ...props }: DsTypographyProps): import("react").JSX.Element;
 declare namespace DsTypography {
   var displayName: string;
 }
@@ -11500,19 +11533,19 @@ interface DsSkeletonRectProps extends DsSkeletonBaseProps {
 }
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-text.d.ts
-declare function DsSkeletonText({ typographyVariant, color, lines, width, radius, className, style }: DsSkeletonTextProps): import("react/jsx-runtime").JSX.Element;
+declare function DsSkeletonText({ typographyVariant, color, lines, width, radius, className, style }: DsSkeletonTextProps): import("react").JSX.Element;
 declare namespace DsSkeletonText {
   var displayName: string;
 }
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-circle.d.ts
-declare function DsSkeletonCircle({ size, color, className, style }: DsSkeletonCircleProps): import("react/jsx-runtime").JSX.Element;
+declare function DsSkeletonCircle({ size, color, className, style }: DsSkeletonCircleProps): import("react").JSX.Element;
 declare namespace DsSkeletonCircle {
   var displayName: string;
 }
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-rect.d.ts
-declare function DsSkeletonRect({ width, height, radius, color, className, style }: DsSkeletonRectProps): import("react/jsx-runtime").JSX.Element;
+declare function DsSkeletonRect({ width, height, radius, color, className, style }: DsSkeletonRectProps): React$1.JSX.Element;
 declare namespace DsSkeletonRect {
   var displayName: string;
 }
@@ -11524,6 +11557,41 @@ declare const DsSkeleton: {
   Rect: typeof DsSkeletonRect;
 };
 //#endregion
+//#region src/components/ds-slider/ds-slider.types.d.ts
+declare const sliderTypes: readonly ['value', 'range'];
+type DsSliderType = (typeof sliderTypes)[number];
+declare const sliderSizes: readonly ['small', 'medium', 'large'];
+type DsSliderSize = (typeof sliderSizes)[number];
+/**
+ * Value for a `value` slider (single number) or a `range` slider ([min, max] tuple).
+ */
+type DsSliderValue = number | [number, number];
+//#endregion
+//#region src/components/ds-slider/index.d.ts
+declare const DsSlider: {
+  (props: {
+    ref?: import("react").Ref<HTMLDivElement>;
+    className?: string;
+    style?: import("react").CSSProperties;
+    label?: string;
+    type?: DsSliderType;
+    size?: ResponsiveValue<NonNullable<"large" | "medium" | "small" | undefined>> | undefined;
+    min?: number;
+    max?: number;
+    step?: ResponsiveValue<number> | undefined;
+    value?: DsSliderValue;
+    defaultValue?: DsSliderValue;
+    name?: string;
+    disabled?: boolean;
+    thumbLabels?: ResponsiveValue<string[]> | undefined;
+    formatValue?: (value: number) => string;
+    onValueChange?: (value: DsSliderValue) => void;
+    onValueChangeEnd?: (value: DsSliderValue) => void;
+  }): import("react").FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
+type DsSliderProps = ComponentProps<typeof DsSlider>;
+//#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'];
 type Color = (typeof colors)[number];
@@ -11586,14 +11654,13 @@ interface DsSmartTabsProps {
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
 /**
- * Individual tab component
+ * Design system SmartTabs component
  */
-declare const DsSmartTab: React$1.FC<DsSmartTabProps>;
-declare function DsSmartTabs({ activeTab, onTabClick, className, style, children, ...props }: DsSmartTabsProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DsSmartTabs {
-  export { DsSmartTab as Tab };
-  export var displayName: string;
-}
+declare const DsSmartTabsRoot: ({ activeTab, onTabClick, className, style, children, ...props }: DsSmartTabsProps) => React$1.JSX.Element;
+declare const DsSmartTabs: typeof DsSmartTabsRoot & {
+  displayName: string;
+  Tab: React$1.FC<DsSmartTabProps>;
+};
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.types.d.ts
 declare const spinnerSizes: readonly ['small', 'medium', 'large'];
@@ -11865,7 +11932,7 @@ type DsStepperProps = PropsWithChildren<{
 }>;
 //#endregion
 //#region src/components/ds-stepper/ds-stepper.d.ts
-declare function DsStepper({ count, variant, orientation, floating, activeStep, onStepChange, onComplete, children, className, actions }: DsStepperProps): import("react/jsx-runtime").JSX.Element;
+declare function DsStepper({ count, variant, orientation, floating, activeStep, onStepChange, onComplete, children, className, actions }: DsStepperProps): import("react").JSX.Element;
 declare namespace DsStepper {
   var displayName: string;
 }
@@ -11890,7 +11957,7 @@ type DsStepProps = PropsWithChildren<{
     };
   };
 }>;
-declare function DsStep({ index, children, className, disabled, variant, slots, slotProps }: DsStepProps): import("react/jsx-runtime").JSX.Element | null;
+declare function DsStep({ index, children, className, disabled, variant, slots, slotProps }: DsStepProps): import("react").JSX.Element | null;
 declare namespace DsStep {
   var displayName: string;
 }
@@ -11902,7 +11969,7 @@ type DsStepContentProps = {
   description?: ReactNode;
   actions?: ReactNode;
 };
-declare function DsStepContent({ index, label, description, actions }: DsStepContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DsStepContent({ index, label, description, actions }: DsStepContentProps): import("react").JSX.Element;
 declare namespace DsStepContent {
   var displayName: string;
 }
@@ -11914,7 +11981,7 @@ type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
   design?: undefined | 'legacy';
 };
 type DsNextStepButtonProps = Pick<DsLegacyButtonProps, 'variant' | 'size' | 'className' | 'style' | 'children'>;
-declare function DsNextStepButton({ children, size, ...rest }: DsNextStepButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function DsNextStepButton({ children, size, ...rest }: DsNextStepButtonProps): import("react").JSX.Element;
 declare namespace DsNextStepButton {
   var displayName: string;
 }
@@ -12012,6 +12079,19 @@ declare module '@tanstack/react-table' {
   }
 }
 //#endregion
+//#region src/components/ds-table/utils/column-size-meta.augmentation.d.ts
+declare module '@tanstack/react-table' {
+  interface ColumnMeta<TData, TValue> {
+    /**
+     * Internal: set by `getAugmentedColumns` on leaf defs whose `size` was
+     * authored on the raw `columns` prop, so sizing pins a fixed width instead
+     * of filling. Not part of the public API.
+     * @internal
+     */
+    hasExplicitSize?: boolean;
+  }
+}
+//#endregion
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
 /**
  * Represents an action that can be performed on a single row
@@ -12206,7 +12286,7 @@ interface DsTagKeyValueProps extends DsTagBaseProps {
 type DsTagProps = DsTagStandardProps | DsTagKeyValueProps;
 //#endregion
 //#region src/components/ds-tag/ds-tag.d.ts
-declare function DsTag({ ref, label, value, className, style, size, selected, variant, disabled, locale, onClick, onDelete, slots, ...rest }: DsTagProps): import("react/jsx-runtime").JSX.Element;
+declare function DsTag({ ref, label, value, className, style, size, selected, variant, disabled, locale, onClick, onDelete, slots, ...rest }: DsTagProps): import("react").JSX.Element;
 declare namespace DsTag {
   var displayName: string;
 }
@@ -12293,7 +12373,7 @@ interface DsTagFilterProps {
 }
 //#endregion
 //#region src/components/ds-tag-filter/ds-tag-filter.d.ts
-declare function DsTagFilter({ items, locale, className, style, onClearAll, onItemDelete, onItemSelect, onExpand }: DsTagFilterProps): import("react/jsx-runtime").JSX.Element | null;
+declare function DsTagFilter({ items, locale, className, style, onClearAll, onItemDelete, onItemSelect, onExpand }: DsTagFilterProps): import("react").JSX.Element | null;
 declare namespace DsTagFilter {
   var displayName: string;
 }
@@ -12576,7 +12656,7 @@ interface DsTableColumnFilterPopoverProps {
  * Per-column filter popover anchored to a header cell: funnel trigger,
  * adapter UI as the body, Clear / Save footer wired to `useTableFilters`.
  */
-declare const DsTableColumnFilterPopover: ({ children, hasActiveFilter, onApply, onClear, onCancel, locale, className }: DsTableColumnFilterPopoverProps) => import("react/jsx-runtime").JSX.Element;
+declare const DsTableColumnFilterPopover: ({ children, hasActiveFilter, onApply, onClear, onCancel, locale, className }: DsTableColumnFilterPopoverProps) => import("react").JSX.Element;
 //#endregion
 //#region src/components/ds-table/ds-table-column.types.d.ts
 /**
@@ -12631,6 +12711,10 @@ interface DsTableLocale {
    * Accessible label for the toggle that expands a column group.
    */
   expandColumnGroup: string;
+  /**
+   * Accessible label for the column resize handle.
+   */
+  resizeColumn: string;
 }
 /**
  * Default English strings for {@link DsTableLocale}.
@@ -12804,6 +12888,11 @@ interface DsDataTableProps<TData, TValue> {
    * Data of the table
    */
   data: TData[];
+  /**
+   * Optional content rendered in a pinned controls bar above the table header
+   * (e.g. filters, action buttons). Layout is owned by the consumer.
+   */
+  controls?: React$1.ReactNode;
   /**
    * Whether the table is virtualized
    * @default false
@@ -12877,6 +12966,28 @@ interface DsDataTableProps<TData, TValue> {
    * @default 'medium'
    */
   rowSize?: DsTableRowSize;
+  /**
+   * Enables resizing columns by dragging the right edge of a header cell.
+   * Double-click a handle to restore the column's original width. Opt out per
+   * column with `columnDef.enableResizing: false`. Leaf columns may set
+   * `minSize` and `maxSize`. Those bounds on a column group are ignored.
+   * @default false
+   */
+  resizableColumns?: boolean;
+  /**
+   * Persisted column widths as a column id → width (px) map, e.g. a map saved
+   * from {@link onColumnSizingChange}. Pass it (typically on the next mount) to
+   * restore widths; columns absent from the map are measured and sized
+   * automatically. This seeds widths — live resizing still updates them
+   * internally — so it is not a fully controlled value.
+   */
+  columnSizing?: Record<string, number>;
+  /**
+   * Called with the next column id → width (px) map when a resize finishes
+   * (drag end, double-click restore, or keyboard nudge). Use this to persist
+   * widths across sessions.
+   */
+  onColumnSizingChange?: (columnSizing: Record<string, number>) => void;
   /**
    * When `true`, renders placeholder skeleton rows instead of the data. Column
    * headers stay intact and row interactions are disabled while loading.
@@ -13046,52 +13157,22 @@ interface DsDataTableProps<TData, TValue> {
    */
   locale?: Partial<DsTableLocale>;
   /**
-   * Callback fired when an editable cell commits a new value via one of the
-   * `DsTableEditCell*` wrappers or the `useCellEditor` hook. The parent is
-   * expected to update the row data in response.
-   *
-   * Commits occur on confirm (check button or Enter). Opening another cell
-   * discards the previous draft without calling this callback.
-   *
-   * @param row - The row data of the cell that was edited
-   * @param columnId - The id of the column whose cell was edited
-   * @param value - The new committed value
-   *
-   * @example
-   * ```tsx
-   * const [people, setPeople] = useState(initialPeople);
-   *
-   * <DsTable
-   *   data={people}
-   *   columns={columns}
-   *   onCellEdit={(row, columnId, value) => {
-   *     setPeople((rows) =>
-   *       rows.map((r) => (r.id === row.id ? { ...r, [columnId]: value } : r)),
-   *     );
-   *   }}
-   * />
-   * ```
+   * Commits an edited cell value. Runs when the user confirms (check button or
+   * Enter) after `onCellValidate` passes. This is the authoritative commit: use it
+   * for server-side validation and persistence. Return `void`/`null` to accept
+   * (closes the editor) or an error `string` to reject (keeps the cell open with
+   * the message); may be async. While a returned Promise is pending the editor is
+   * locked. `signal` is aborted when the edit is cancelled (Cancel/Escape) or
+   * superseded by opening another cell, so in-flight requests can be cancelled.
    */
-  onCellEdit?: (row: TData, columnId: string, value: TValue) => void;
+  onCellEdit?: (row: TData, columnId: string, value: TValue, signal: AbortSignal) => string | null | undefined | Promise<string | null | undefined>;
   /**
-   * Validates a cell value before it is committed. Return `null` to allow the
-   * commit (which fires `onCellEdit`), or an error message string to reject it
-   * and keep the cell in edit mode. Synchronous only.
-   *
-   *
-   * @param row - The row data of the cell being edited
-   * @param columnId - The id of the column whose cell is being edited
-   * @param value - The candidate value to validate
-   *
-   * @example
-   * ```tsx
-   * <DsTable
-   *   data={people}
-   *   columns={columns}
-   *   onCellValidate={(row, columnId, value) => validateField(columnId)(value, row)}
-   *   onCellEdit={...}
-   * />
-   * ```
+   * Synchronous, per-keystroke validation for the active editor. Runs live on
+   * every draft change and once more as a pre-commit gate before `onCellEdit`.
+   * Return `null` to allow or an error `string` to reject. A live error is shown
+   * inline and disables the Confirm button; `onCellEdit` never runs while the
+   * value is invalid. Keep it pure and cheap — for async or server-side checks,
+   * use `onCellEdit` instead.
    */
   onCellValidate?: (row: TData, columnId: string, value: TValue) => string | null;
 }
@@ -13099,7 +13180,7 @@ interface DsDataTableProps<TData, TValue> {
 //#region src/components/ds-table/ds-table.d.ts
 declare function DsTable<TData extends {
   id: string;
-}, TValue>({ ref, columns: columnsProp, data: tableData, virtualized, virtualizedOptions, className, onRowClick, emptyState, stickyHeader, bordered, fullWidth, rowSize, loading, expandable, renderExpandedRow, selectable, showSelectAllCheckbox, onSelectionChange, onSortingChange, onScroll, actions, onRowDoubleClick, primaryRowActions, secondaryRowActions, reorderable, onOrderChange, columnFilters: externalColumnFilters, onColumnFiltersChange, columnVisibility: externalColumnVisibility, onColumnVisibilityChange, collapsedColumnGroups: externalCollapsedColumnGroups, onCollapsedColumnGroupsChange, locale, activeRowId, infiniteScroll, onCellEdit, onCellValidate }: DsDataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+}, TValue>(props: DsDataTableProps<TData, TValue>): React$2.JSX.Element;
 declare namespace DsTable {
   var displayName: string;
 }
@@ -13120,8 +13201,10 @@ interface UseCellEditorContainerProps {
 interface UseCellEditorResult<TValue> {
   /** The in-progress draft value for the active editor. */
   value: TValue;
-  /** Validation error from the most recent commit attempt, if any. */
+  /** Current validation error — from live `onCellValidate` or the most recent commit attempt, if any. */
   error: string | null;
+  /** True while an async `onCellEdit` commit Promise is pending for this cell. */
+  isPending: boolean;
   /** Update the in-progress draft value. */
   setValue: (value: TValue) => void;
   /** Validate and commit the draft. */
@@ -13147,7 +13230,7 @@ interface DsTableEditableCellProps<TData, TValue> {
 }
 //#endregion
 //#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.d.ts
-declare function DsTableEditableCell<TData, TValue>({ cell, children }: DsTableEditableCellProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+declare function DsTableEditableCell<TData, TValue>({ cell, children }: DsTableEditableCellProps<TData, TValue>): import("react").JSX.Element;
 declare namespace DsTableEditableCell {
   var displayName: string;
 }
@@ -13158,7 +13241,7 @@ interface DsTableEditingCellProps<TData, TValue> {
 }
 //#endregion
 //#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.d.ts
-declare function DsTableEditingCell<TData, TValue>({ cell }: DsTableEditingCellProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+declare function DsTableEditingCell<TData, TValue>({ cell }: DsTableEditingCellProps<TData, TValue>): import("react").JSX.Element;
 declare namespace DsTableEditingCell {
   var displayName: string;
 }
@@ -13170,7 +13253,7 @@ interface DsTableEditCellTextProps<TData extends RowData> {
   placeholder?: string;
   maxLength?: number;
 }
-declare function DsTableEditCellText<TData extends RowData>({ cellContext, placeholder, maxLength }: DsTableEditCellTextProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DsTableEditCellText<TData extends RowData>({ cellContext, placeholder, maxLength }: DsTableEditCellTextProps<TData>): import("react").JSX.Element;
 declare namespace DsTableEditCellText {
   var displayName: string;
 }
@@ -13183,7 +13266,7 @@ interface DsTableEditCellNumberProps<TData extends RowData> {
   max?: number;
   step?: number;
 }
-declare function DsTableEditCellNumber<TData extends RowData>({ cellContext, min, max, step }: DsTableEditCellNumberProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DsTableEditCellNumber<TData extends RowData>({ cellContext, min, max, step }: DsTableEditCellNumberProps<TData>): import("react").JSX.Element;
 declare namespace DsTableEditCellNumber {
   var displayName: string;
 }
@@ -13195,7 +13278,7 @@ interface DsTableEditCellSelectProps<TData extends RowData> {
   options: DsSelectOption[];
   placeholder?: string;
 }
-declare function DsTableEditCellSelect<TData extends RowData>({ cellContext, options, placeholder }: DsTableEditCellSelectProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DsTableEditCellSelect<TData extends RowData>({ cellContext, options, placeholder }: DsTableEditCellSelectProps<TData>): import("react").JSX.Element;
 declare namespace DsTableEditCellSelect {
   var displayName: string;
 }
@@ -13209,7 +13292,7 @@ interface DsTableEditCellDateProps<TData extends RowData> {
   max?: Date;
   placeholder?: string;
 }
-declare function DsTableEditCellDate<TData extends RowData>({ cellContext, min, max, placeholder }: DsTableEditCellDateProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DsTableEditCellDate<TData extends RowData>({ cellContext, min, max, placeholder }: DsTableEditCellDateProps<TData>): import("react").JSX.Element;
 declare namespace DsTableEditCellDate {
   var displayName: string;
 }
@@ -13220,7 +13303,7 @@ interface DsTableEditCellCheckboxProps<TData extends RowData> {
   cellContext: CellContext<TData, boolean>;
   disabled?: boolean;
 }
-declare function DsTableEditCellCheckbox<TData extends RowData>({ cellContext, disabled }: DsTableEditCellCheckboxProps<TData>): import("react/jsx-runtime").JSX.Element;
+declare function DsTableEditCellCheckbox<TData extends RowData>({ cellContext, disabled }: DsTableEditCellCheckboxProps<TData>): import("react").JSX.Element;
 declare namespace DsTableEditCellCheckbox {
   var displayName: string;
 }
@@ -13312,26 +13395,26 @@ interface DsTabsContentProps {
 }
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-list/ds-tabs-list.d.ts
-declare function DsTabsList({ className, style, children }: DsTabsListProps): import("react/jsx-runtime").JSX.Element;
+declare function DsTabsList({ className, style, children }: DsTabsListProps): import("react").JSX.Element;
 declare namespace DsTabsList {
   var displayName: string;
 }
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-tab/ds-tabs-tab.d.ts
-declare function DsTabsTab({ value, disabled, icon, label, badge, menuActionItems, onMenuActionSelect, tooltip, className, style, children }: DsTabsTabProps): import("react/jsx-runtime").JSX.Element;
+declare function DsTabsTab({ value, disabled, icon, label, badge, menuActionItems, onMenuActionSelect, tooltip, className, style, children }: DsTabsTabProps): import("react").JSX.Element;
 declare namespace DsTabsTab {
   var displayName: string;
 }
 //#endregion
 //#region src/components/ds-tabs/components/ds-tabs-content/ds-tabs-content.d.ts
-declare function DsTabsContent({ value, className, style, children }: DsTabsContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DsTabsContent({ value, className, style, children }: DsTabsContentProps): import("react").JSX.Element;
 declare namespace DsTabsContent {
   var displayName: string;
 }
 //#endregion
 //#region src/components/ds-tabs/ds-tabs.d.ts
 declare const DsTabsRoot: {
-  ({ value, defaultValue, onValueChange, orientation, size, className, style, children }: DsTabsProps): import("react/jsx-runtime").JSX.Element;
+  ({ value, defaultValue, onValueChange, orientation, size, className, style, children }: DsTabsProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTabs: {
@@ -13491,7 +13574,7 @@ type DsToggleProps = {
 });
 //#endregion
 //#region src/components/ds-toggle/ds-toggle.d.ts
-declare function DsToggle({ ref, label, name, labelInfo, className, style, onChange, onValueChange, size, children, checked, ...rest }: DsToggleProps): import("react/jsx-runtime").JSX.Element;
+declare function DsToggle({ ref, label, name, labelInfo, className, style, onChange, onValueChange, size, children, checked, ...rest }: DsToggleProps): import("react").JSX.Element;
 declare namespace DsToggle {
   var displayName: string;
 }
@@ -13652,6 +13735,21 @@ interface DsTreeRootProps<T extends DsTreeNode = DsTreeNode> extends DsTreeBaseP
    * details including the new `checkedValue` array.
    */
   onCheckedChange?: TreeView.RootProps<T>['onCheckedChange'];
+  /**
+   * Id of the node with keyboard focus (controlled). Use with `onFocusChange`.
+   * When `null`, Ark treats the first node as focused for roving-tabindex purposes.
+   */
+  focusedValue?: string | null;
+  /**
+   * Id of the node focused initially when uncontrolled. When `null` (the Ark
+   * default), the first node receives focus for roving-tabindex purposes.
+   */
+  defaultFocusedValue?: string | null;
+  /**
+   * Called when the focused node changes. Receives the Ark focus-change details
+   * including the new `focusedValue` (or `null` when nothing is focused).
+   */
+  onFocusChange?: TreeView.RootProps<T>['onFocusChange'];
   /**
    * Whether to enable typeahead navigation — typing characters focuses matching nodes.
    */
@@ -13691,55 +13789,55 @@ interface DsTreeItemActionProps extends DsTreeBasePropsWithChildren {
 //#endregion
 //#region src/components/ds-tree/ds-tree.d.ts
 declare const DsTreeRoot: {
-  <T extends DsTreeNode = DsTreeNode>({ collection, size, ref, className, style, children, selectedValue, defaultSelectedValue, onSelectionChange, selectionMode, expandedValue, defaultExpandedValue, onExpandedChange, expandOnClick, checkedValue, defaultCheckedValue, onCheckedChange, typeahead, lazyMount, unmountOnExit }: DsTreeRootProps<T>): import("react/jsx-runtime").JSX.Element;
+  <T extends DsTreeNode = DsTreeNode>({ collection, size, ref, className, style, children, selectedValue, defaultSelectedValue, onSelectionChange, selectionMode, expandedValue, defaultExpandedValue, onExpandedChange, expandOnClick, checkedValue, defaultCheckedValue, onCheckedChange, focusedValue, defaultFocusedValue, onFocusChange, typeahead, lazyMount, unmountOnExit }: DsTreeRootProps<T>): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeTree: {
-  ({ className, style, children }: DsTreeTreeProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children }: DsTreeTreeProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeBranch: {
-  ({ className, style, children }: DsTreeBranchProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children }: DsTreeBranchProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeBranchControl: {
-  ({ className, style, children }: DsTreeBranchControlProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children }: DsTreeBranchControlProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeBranchIndicator: {
-  ({ className, style, children }: DsTreeBranchIndicatorProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children }: DsTreeBranchIndicatorProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeBranchText: {
-  ({ className, style, children }: DsTreeBranchTextProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children }: DsTreeBranchTextProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeBranchContent: {
-  ({ className, style, children }: DsTreeBranchContentProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children }: DsTreeBranchContentProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeBranchIndentGuide: {
-  ({ className, style }: DsTreeBranchIndentGuideProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style }: DsTreeBranchIndentGuideProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeItem: {
-  ({ className, style, children, onClick }: DsTreeItemProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children, onClick }: DsTreeItemProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeItemText: {
-  ({ className, style, children }: DsTreeItemTextProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children }: DsTreeItemTextProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeItemIndicator: {
-  ({ className, style }: DsTreeItemIndicatorProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style }: DsTreeItemIndicatorProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeNodeCheckbox: {
-  ({ className, style }: DsTreeNodeCheckboxProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style }: DsTreeNodeCheckboxProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTreeItemAction: {
-  ({ className, style, children, onClick }: DsTreeItemActionProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, style, children, onClick }: DsTreeItemActionProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const DsTree: {
@@ -13866,33 +13964,51 @@ interface DsVerticalTabsContentProps {
 }
 //#endregion
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
-declare function DsVerticalTabs({ value, onValueChange, className, style, children }: DsVerticalTabsRootProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DsVerticalTabs {
-  export { DsVerticalTabsList as List };
-  export { DsVerticalTabsTab as Tab };
-  export { DsVerticalTabsContent as Content };
-  export var displayName: string;
-}
+/**
+ * Design system vertical tabs component - compound component for flexible vertical navigation
+ *
+ * @example
+ * ```tsx
+ * <DsVerticalTabs value={selected} onValueChange={handleChange}>
+ *   <DsVerticalTabs.List>
+ *     <DsVerticalTabs.Tab value="status">
+ *       <span>Status</span>
+ *       <span className={styles.badge}>5</span>
+ *     </DsVerticalTabs.Tab>
+ *     <DsVerticalTabs.Tab value="date">Date</DsVerticalTabs.Tab>
+ *   </DsVerticalTabs.List>
+ *   <DsVerticalTabs.Content value="status">Status filters...</DsVerticalTabs.Content>
+ *   <DsVerticalTabs.Content value="date">Date filters...</DsVerticalTabs.Content>
+ * </DsVerticalTabs>
+ * ```
+ */
+declare const DsVerticalTabsRoot: ({ value, onValueChange, className, style, children }: DsVerticalTabsRootProps) => import("react").JSX.Element;
 /**
  * Container for tab triggers
  */
 declare const DsVerticalTabsList: {
-  ({ className, children }: DsVerticalTabsListProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, children }: DsVerticalTabsListProps): import("react").JSX.Element;
   displayName: string;
 };
 /**
  * Individual tab trigger - fully customizable content
  */
 declare const DsVerticalTabsTab: {
-  ({ value, disabled, className, children }: DsVerticalTabsTabProps): import("react/jsx-runtime").JSX.Element;
+  ({ value, disabled, className, children }: DsVerticalTabsTabProps): import("react").JSX.Element;
   displayName: string;
 };
 /**
  * Tab content panel - displays when corresponding tab is active
  */
 declare const DsVerticalTabsContent: {
-  ({ value, className, children }: DsVerticalTabsContentProps): import("react/jsx-runtime").JSX.Element;
+  ({ value, className, children }: DsVerticalTabsContentProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsVerticalTabs: typeof DsVerticalTabsRoot & {
   displayName: string;
+  List: typeof DsVerticalTabsList;
+  Tab: typeof DsVerticalTabsTab;
+  Content: typeof DsVerticalTabsContent;
 };
 //#endregion
 //#region src/components/ds-workspace-layout/ds-workspace-layout.types.d.ts
@@ -13941,46 +14057,46 @@ interface DsWorkspaceLayoutSideMenuProps extends ComponentPropsWithRef<'aside'>
 }
 //#endregion
 //#region src/components/ds-workspace-layout/ds-workspace-layout.d.ts
-declare function DsWorkspaceLayout({ className, fillParent, ...rest }: DsWorkspaceLayoutProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DsWorkspaceLayout {
-  export { Header };
-  export { SubHeader };
-  export { Content };
-  export { Footer };
-  export { Body };
-  export { SideMenu };
-  export { LeftPanel };
-  export var displayName: string;
-}
+declare const DsWorkspaceLayoutRoot: ({ className, fillParent, ...rest }: DsWorkspaceLayoutProps) => import("react").JSX.Element;
 declare const Header: {
-  ({ className, ...rest }: DsWorkspaceLayoutHeaderProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, ...rest }: DsWorkspaceLayoutHeaderProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const SubHeader: {
-  ({ className, ...rest }: DsWorkspaceLayoutSubHeaderProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, ...rest }: DsWorkspaceLayoutSubHeaderProps): import("react").JSX.Element;
   displayName: string;
 };
 /** Content area: column layout, 24px vertical margins, 16px gap, 40px horizontal margins (24px when LeftPanel is mounted). */
 declare const Content: {
-  ({ className, ...rest }: DsWorkspaceLayoutContentProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, ...rest }: DsWorkspaceLayoutContentProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const Footer: {
-  ({ className, ...rest }: DsWorkspaceLayoutFooterProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, ...rest }: DsWorkspaceLayoutFooterProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const Body: {
-  ({ className, ...rest }: DsWorkspaceLayoutBodyProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, ...rest }: DsWorkspaceLayoutBodyProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const SideMenu: {
-  ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsWorkspaceLayoutSideMenuProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsWorkspaceLayoutSideMenuProps): import("react").JSX.Element;
   displayName: string;
 };
 declare const LeftPanel: {
-  ({ className, ...rest }: DsWorkspaceLayoutLeftPanelProps): import("react/jsx-runtime").JSX.Element;
+  ({ className, ...rest }: DsWorkspaceLayoutLeftPanelProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsWorkspaceLayout: typeof DsWorkspaceLayoutRoot & {
   displayName: string;
+  Header: typeof Header;
+  SubHeader: typeof SubHeader;
+  Content: typeof Content;
+  Footer: typeof Footer;
+  Body: typeof Body;
+  SideMenu: typeof SideMenu;
+  LeftPanel: typeof LeftPanel;
 };
 //#endregion
-export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type CheckedState, type ChipItem, type ChipSize, Color, type ColumnDef, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuActionsAlign, DropdownMenuItemVariant, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCatalogLayout, type DsCatalogLayoutBodyProps, type DsCatalogLayoutContentHeaderProps, type DsCatalogLayoutContentProps, type DsCatalogLayoutHeaderProps, type DsCatalogLayoutProps, type DsCatalogLayoutSideMenuProps, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, type DsColumnGroupMeta, 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, DsPopoverAlign, DsPopoverContentItemProps, DsPopoverContentProps, DsPopoverFooterProps, DsPopoverHeaderProps, DsPopoverPanelProps, DsPopoverProps, DsPopoverRootProps, DsPopoverSide, DsPopoverTriggerProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsProgressTaskBar, DsProgressTaskBarLocale, DsProgressTaskBarProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, DsSiteNode, type DsSiteNodeProps, DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableColumnFilterPopover, type DsTableColumnFilterPopoverProps, DsTableEditCellCheckbox, type DsTableEditCellCheckboxProps, DsTableEditCellDate, type DsTableEditCellDateProps, type DsTableEditCellDateValue, DsTableEditCellNumber, type DsTableEditCellNumberProps, DsTableEditCellSelect, type DsTableEditCellSelectProps, DsTableEditCellText, type DsTableEditCellTextProps, type DsTableEditDisabledResult, DsTableEditableCell, type DsTableEditableCellProps, DsTableEditingCell, type DsTableEditingCellProps, DsTableLocale, DsTableRowSize, DsTabs, type DsTabsContentProps, type DsTabsListProps, type DsTabsMenuActionItem, type DsTabsOrientation, type DsTabsProps, type DsTabsSize, type 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, type DsTreeBaseProps, type DsTreeBasePropsWithChildren, type DsTreeBranchContentProps, type DsTreeBranchControlProps, type DsTreeBranchIndentGuideProps, type DsTreeBranchIndicatorProps, type DsTreeBranchProps, type DsTreeBranchTextProps, type DsTreeItemActionProps, type DsTreeItemIndicatorProps, type DsTreeItemProps, type DsTreeItemTextProps, type DsTreeNode, type DsTreeNodeCheckboxProps, type DsTreeRootProps, type DsTreeSize, type DsTreeTreeProps, DsTypography, DsTypographyProps, DsUserCard, DsUserCardProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspaceLayout, type DsWorkspaceLayoutBodyProps, type DsWorkspaceLayoutContentProps, type DsWorkspaceLayoutFooterProps, type DsWorkspaceLayoutHeaderProps, type DsWorkspaceLayoutLeftPanelProps, type DsWorkspaceLayoutProps, type DsWorkspaceLayoutSideMenuProps, type DsWorkspaceLayoutSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, ResolvedColumnFilter, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, type SiteNodeState, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, TaskBarStatus, type TextInputSize, type ToastVariant, type ToggleSize, TooltipAnchorRect, TooltipPlacement, TypographyColor, type UploadedFile, type UseCellEditorContainerProps, type UseCellEditorOptions, type UseCellEditorResult, type UseCheckboxSelectAllOptions, type UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createColumnHelper, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuActionsAlignments, dropdownMenuItemVariants, dsAvatarSizes, dsAvatarTypes, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, siteNodeStates, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, taskBarStatuses, textInputSizes, tooltipPlacements, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
+export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, AutocompleteSize, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type CheckedState, type ChipItem, type ChipSize, Color, type ColumnDef, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuActionsAlign, DropdownMenuItemVariant, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCatalogLayout, type DsCatalogLayoutBodyProps, type DsCatalogLayoutContentHeaderProps, type DsCatalogLayoutContentProps, type DsCatalogLayoutHeaderProps, type DsCatalogLayoutProps, type DsCatalogLayoutSideMenuProps, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, type DsColumnGroupMeta, 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, DsPopoverAlign, DsPopoverContentItemProps, DsPopoverContentProps, DsPopoverFooterProps, DsPopoverHeaderProps, DsPopoverPanelProps, DsPopoverProps, DsPopoverRootProps, DsPopoverSide, DsPopoverTriggerProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsProgressTaskBar, DsProgressTaskBarLocale, DsProgressTaskBarProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, DsSiteNode, type DsSiteNodeProps, DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSlider, DsSliderProps, type DsSliderSize, type DsSliderType, type DsSliderValue, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableColumnFilterPopover, type DsTableColumnFilterPopoverProps, DsTableEditCellCheckbox, type DsTableEditCellCheckboxProps, DsTableEditCellDate, type DsTableEditCellDateProps, type DsTableEditCellDateValue, DsTableEditCellNumber, type DsTableEditCellNumberProps, DsTableEditCellSelect, type DsTableEditCellSelectProps, DsTableEditCellText, type DsTableEditCellTextProps, type DsTableEditDisabledResult, DsTableEditableCell, type DsTableEditableCellProps, DsTableEditingCell, type DsTableEditingCellProps, DsTableLocale, DsTableRowSize, DsTabs, type DsTabsContentProps, type DsTabsListProps, type DsTabsMenuActionItem, type DsTabsOrientation, type DsTabsProps, type DsTabsSize, type 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, type DsTreeBaseProps, type DsTreeBasePropsWithChildren, type DsTreeBranchContentProps, type DsTreeBranchControlProps, type DsTreeBranchIndentGuideProps, type DsTreeBranchIndicatorProps, type DsTreeBranchProps, type DsTreeBranchTextProps, type DsTreeItemActionProps, type DsTreeItemIndicatorProps, type DsTreeItemProps, type DsTreeItemTextProps, type DsTreeNode, type DsTreeNodeCheckboxProps, type DsTreeRootProps, type DsTreeSize, type DsTreeTreeProps, DsTypography, DsTypographyProps, DsUserCard, DsUserCardProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspaceLayout, type DsWorkspaceLayoutBodyProps, type DsWorkspaceLayoutContentProps, type DsWorkspaceLayoutFooterProps, type DsWorkspaceLayoutHeaderProps, type DsWorkspaceLayoutLeftPanelProps, type DsWorkspaceLayoutProps, type DsWorkspaceLayoutSideMenuProps, type DsWorkspaceLayoutSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, ResolvedColumnFilter, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, type SiteNodeState, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, TaskBarStatus, type TextInputSize, type ToastVariant, type ToggleSize, TooltipAnchorRect, TooltipPlacement, TypographyColor, type UploadedFile, type UseCellEditorContainerProps, type UseCellEditorOptions, type UseCellEditorResult, type UseCheckboxSelectAllOptions, type UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, autocompleteSizes, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createColumnHelper, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuActionsAlignments, dropdownMenuItemVariants, dsAvatarSizes, dsAvatarTypes, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, siteNodeStates, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, taskBarStatuses, textInputSizes, tooltipPlacements, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
 //# sourceMappingURL=index.d.ts.map