@drivenets/design-system 0.15.0 → 0.17.0

package/dist/index.d.cts

@@ -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 { Checkbox } from "@ark-ui/react/checkbox";
 import { DatePickerRootProps } from "@ark-ui/react/date-picker";
@@ -9,9 +10,9 @@ import * as Collapsible from "@radix-ui/react-collapsible";
 import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
 import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
 import * as steps from "@zag-js/steps";
-import { Cell, CellContext, ColumnDef, ColumnFiltersState, Row, RowData, SortingState, Table, VisibilityState } from "@tanstack/react-table";
+import { Cell, CellContext, ColumnDef, ColumnDef as ColumnDef$1, ColumnFiltersState, Row, RowData, SortingState, Table, VisibilityState, createColumnHelper } from "@tanstack/react-table";
+import "@tanstack/react-virtual";
 import { TreeView } from "@ark-ui/react/tree-view";
-
 //#region src/components/ds-icon/material-icons.d.ts
 type IconPrefix = 'action' | 'alert' | 'av' | 'communication' | 'content' | 'device' | 'editor' | 'file' | 'hardware' | 'home' | 'image' | 'maps' | 'navigation' | 'notification' | 'places' | 'search' | 'social' | 'symbols' | 'toggle';
 declare const materialIcons: {
@@ -6266,7 +6267,7 @@ declare const iconVariants: readonly ['outlined', 'rounded'];
 type IconVariant = (typeof iconVariants)[number];
 declare const iconColors: readonly ['action', 'action-hover', 'action-secondary', 'disabled', 'error', 'execution', 'information-main', 'information-secondary', 'inverse', 'main', 'on-button', 'on-dark-disabled', 'pause', 'pending', 'secondary', 'success', 'success-light', 'warning', 'warning-light'];
 type IconColor = (typeof iconColors)[number];
-type MaterialIconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never }[keyof typeof materialIcons];
+type MaterialIconName = { [K in keyof typeof materialIcons]: K extends `${IconPrefix}::${infer Name}` ? Name : never; }[keyof typeof materialIcons];
 type IconName = MaterialIconName | CustomIconName;
 type IconType = IconName | FunctionComponent<SVGProps<SVGSVGElement>>;
 interface DsIconProps {
@@ -6310,19 +6311,10 @@ interface DsIconProps {
 }
 //#endregion
 //#region src/components/ds-icon/ds-icon.d.ts
-/**
- * Design system Icon component that renders Google Material Icons, custom SVG icons, or inline SVGs
- */
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.types.d.ts
 declare const alertBannerVariants: readonly ['info-neutral', 'info-blue', 'warning', 'error', 'success'];
@@ -6369,50 +6361,44 @@ 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 {
-  var Title: ({
-    style,
-    className,
-    children
-  }: {
+/**
+ * @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;
-}
-declare namespace DsAlertBanner {
-  var Body: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Body$5: {
+  ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsAlertBanner {
-  var Actions: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Actions$2: {
+  ({ style, className, children }: {
     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
 interface DsAutocompleteOption {
@@ -6510,30 +6496,16 @@ interface DsAutocompleteProps {
 }
 //#endregion
 //#region src/components/ds-autocomplete/ds-autocomplete.d.ts
-declare const 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, 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;
+}
 //#endregion
 //#region src/components/ds-avatar/ds-avatar.types.d.ts
-type DsAvatarSize = 'xsm' | 'sm' | 'regular' | 'md' | 'lg' | 'xl';
-type DsAvatarType = 'circle' | 'rounded';
+declare const dsAvatarSizes: readonly ['xsm', 'sm', 'regular', 'md', 'lg', 'xl'];
+declare const dsAvatarTypes: readonly ['circle', 'rounded'];
+type DsAvatarSize = (typeof dsAvatarSizes)[number];
+type DsAvatarType = (typeof dsAvatarTypes)[number];
 interface DsAvatarProps {
   /**
    * Image source URL
@@ -6573,14 +6545,20 @@ interface DsAvatarProps {
 //#endregion
 //#region src/components/ds-avatar/ds-avatar.d.ts
 /**
- * DsAvatar component for displaying user profile pictures or initials
+ * @summary Displays a user's profile picture, falling back to initials.
+ *
+ * Renders a circular or rounded avatar from an image `src`. When the image is
+ * missing or fails to load, the trimmed initials derived from `name` are shown
+ * instead, and `name` is surfaced in a tooltip on hover.
  */
 declare const DsAvatar: FC<DsAvatarProps>;
 //#endregion
 //#region src/components/ds-avatar-group/ds-avatar-group.types.d.ts
 interface DsAvatarGroupProps {
   /**
-   * Array of avatar items
+   * Avatar items to display. Each item accepts `DsAvatar` props except `size`
+   * and `type`, which are set on the group. `name` is required; `src` and `alt`
+   * are optional — without `src`, initials are shown per `DsAvatar`.
    */
   avatars: Omit<DsAvatarProps, 'size' | 'type'>[];
   /**
@@ -6606,7 +6584,11 @@ interface DsAvatarGroupProps {
 //#endregion
 //#region src/components/ds-avatar-group/ds-avatar-group.d.ts
 /**
- * DsAvatarGroup component for displaying a list of avatars with overlap
+ * @summary Overlapping avatars with overflow collapse and tooltip.
+ *
+ * Renders a row of {@link DsAvatar} members that share `size` and `type`. When
+ * `avatars.length` exceeds `max`, the remainder collapse behind a `+N`
+ * indicator; hovering it lists the hidden names in a tooltip.
  */
 declare const DsAvatarGroup: FC<DsAvatarGroupProps>;
 //#endregion
@@ -6733,7 +6715,7 @@ declare const useResponsiveValue: <T>(value: ResponsiveValue<T>) => T;
  * 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] }): import("react").FunctionComponentElement<Record<string, unknown>>;
+  (props: { [P in keyof Props]: P extends Keys[number] ? ResponsiveValue<NonNullable<Props[P]>> : Props[P]; }): import("react").FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
 //#endregion
@@ -6793,7 +6775,10 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
 });
 //#endregion
 //#region src/components/ds-button/ds-button.d.ts
-declare const 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'];
@@ -7215,39 +7200,41 @@ type DsCardBodyProps = DsCardSlotProps;
 type DsCardFooterProps = DsCardSlotProps;
 //#endregion
 //#region src/components/ds-card/ds-card.d.ts
+/**
+ * Card root component - container with optional selectable behavior.
+ * 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.Element;
+  displayName: string;
+};
+/**
+ * Card header — title row and optional trailing content.
+ * Provide custom children for full layout flexibility.
+ */
+declare const Header$4: {
+  ({ 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.Element;
+  displayName: string;
+};
+/**
+ * Card footer - bottom section for actions or additional info.
+ */
+declare const Footer$3: {
+  ({ className, children, ref, ...rest }: DsCardFooterProps): import("react").JSX.Element;
+  displayName: string;
+};
 declare const DsCard: {
-  Root: ({
-    ref,
-    size,
-    selectable,
-    selected,
-    highlightSelected,
-    disabled,
-    className,
-    style,
-    children,
-    onClick,
-    onKeyDown,
-    ...rest
-  }: DsCardRootProps) => import("react/jsx-runtime").JSX.Element;
-  Header: ({
-    className,
-    children,
-    ref,
-    ...rest
-  }: DsCardHeaderProps) => import("react/jsx-runtime").JSX.Element;
-  Body: ({
-    className,
-    children,
-    ref,
-    ...rest
-  }: DsCardBodyProps) => import("react/jsx-runtime").JSX.Element;
-  Footer: ({
-    className,
-    children,
-    ref,
-    ...rest
-  }: DsCardFooterProps) => import("react/jsx-runtime").JSX.Element;
+  Root: typeof Root;
+  Header: typeof Header$4;
+  Body: typeof Body$4;
+  Footer: typeof Footer$3;
 };
 //#endregion
 //#region src/components/ds-catalog-layout/ds-catalog-layout.types.d.ts
@@ -7308,48 +7295,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 {
-  var Header: ({
-    className,
-    ...rest
-  }: DsCatalogLayoutHeaderProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsCatalogLayout {
-  var Body: ({
-    className,
-    ...rest
-  }: DsCatalogLayoutBodyProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsCatalogLayout {
-  var SideMenu: ({
-    className,
-    pinned,
-    onPinnedChange,
-    locale,
-    children,
-    ...rest
-  }: DsCatalogLayoutSideMenuProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsCatalogLayout {
-  var Content: ({
-    className,
-    ...rest
-  }: DsCatalogLayoutContentProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsCatalogLayout {
-  var ContentHeader: ({
-    className,
-    title,
-    headerActions,
-    children,
-    ...rest
-  }: DsCatalogLayoutContentHeaderProps) => import("react/jsx-runtime").JSX.Element;
-}
+declare const DsCatalogLayoutRoot: ({ className, fillParent, ...rest }: DsCatalogLayoutProps) => import("react").JSX.Element;
+declare const Header$3: {
+  ({ className, ...rest }: DsCatalogLayoutHeaderProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Body$3: {
+  ({ className, ...rest }: DsCatalogLayoutBodyProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const SideMenu$1: {
+  ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsCatalogLayoutSideMenuProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Content$1: {
+  ({ className, ...rest }: DsCatalogLayoutContentProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const ContentHeader: {
+  ({ 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'];
@@ -7382,18 +7356,10 @@ interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.
 }
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.d.ts
-/**
- * Design system Checkbox component
- */
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-checkbox-group/ds-checkbox-group.types.d.ts
 type DsCheckboxGroupOrientation = 'vertical' | 'horizontal';
@@ -7436,12 +7402,7 @@ interface UseCheckboxSelectAllResult {
  * - Toggling selects or clears only selectable values; preserves any already-selected
  *   non-selectable values so bulk actions don't silently mutate protected items.
  */
-declare function useCheckboxSelectAll<T>({
-  value,
-  allValues,
-  onValueChange,
-  isSelectable
-}: UseCheckboxSelectAllOptions<T>): UseCheckboxSelectAllResult;
+declare function useCheckboxSelectAll<T>({ value, allValues, onValueChange, isSelectable }: UseCheckboxSelectAllOptions<T>): UseCheckboxSelectAllResult;
 //#endregion
 //#region src/components/ds-chip/ds-chip.types.d.ts
 /**
@@ -7729,22 +7690,10 @@ interface DsCommentCardProps {
 }
 //#endregion
 //#region src/components/ds-comment-card/ds-comment-card.d.ts
-declare const DsCommentCard: ({
-  ref,
-  comment,
-  disabled,
-  overflow,
-  onClick,
-  onResolve,
-  onToggleActionRequired,
-  onForward,
-  onMarkUnread,
-  onCopyLink,
-  onDelete,
-  formatTimestamp,
-  className,
-  style
-}: DsCommentCardProps) => 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;
+}
 //#endregion
 //#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
 interface DsCommentBubbleProps {
@@ -7852,31 +7801,10 @@ interface DsCommentBubbleProps {
 }
 //#endregion
 //#region src/components/ds-comment-bubble/ds-comment-bubble.d.ts
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
 interface DsCommentThreadProps {
@@ -7917,16 +7845,10 @@ interface DsCommentThreadProps {
 }
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.d.ts
-declare const DsCommentThread: ({
-  messages,
-  commentAuthor,
-  currentUser,
-  onEditMessage,
-  onDeleteMessage,
-  onMarkUnread,
-  onResolved,
-  className
-}: DsCommentThreadProps) => 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;
+}
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
 interface DsThreadItemProps {
@@ -7982,19 +7904,10 @@ interface DsThreadItemProps {
 }
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.d.ts
-declare const DsThreadItem: ({
-  id,
-  author,
-  content,
-  createdAt,
-  isCommentAuthorMessage,
-  canModify,
-  onEdit,
-  onDelete,
-  onMarkUnread,
-  onResolved,
-  className
-}: DsThreadItemProps) => 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;
+}
 //#endregion
 //#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
 type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
@@ -8035,15 +7948,10 @@ interface DsCommentIndicatorProps {
 }
 //#endregion
 //#region src/components/ds-comment-indicator/ds-comment-indicator.d.ts
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
 interface DsCommentsDrawerProps {
@@ -8132,25 +8040,10 @@ interface DsCommentsDrawerProps {
 }
 //#endregion
 //#region src/components/ds-comments-drawer/ds-comments-drawer.d.ts
-declare const DsCommentsDrawer: ({
-  open,
-  onOpenChange,
-  comments,
-  showResolved,
-  onShowResolvedChange,
-  searchQuery,
-  onSearchChange,
-  onCommentClick,
-  onResolveComment,
-  onToggleActionRequired,
-  onForward,
-  onMarkUnread,
-  onCopyLink,
-  onDelete,
-  noCommentsMessage,
-  className,
-  style
-}: DsCommentsDrawerProps) => 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;
+}
 //#endregion
 //#region src/components/ds-comments-drawer/comments-filters.types.d.ts
 interface FilterTag {
@@ -8230,71 +8123,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 {
-  var Header: ({
-    style,
-    className,
-    children
-  }: {
-    style?: import("react").CSSProperties;
-    className?: string;
-    children: import("react").ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsConfirmation {
-  var Title: ({
-    style,
-    className,
-    children
-  }: {
-    style?: import("react").CSSProperties;
-    className?: string;
-    children: import("react").ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsConfirmation {
-  var CloseTrigger: ({
-    style,
-    className
-  }: {
-    style?: import("react").CSSProperties;
-    className?: string;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsConfirmation {
-  var Body: ({
-    style,
-    className,
-    children
-  }: {
-    style?: import("react").CSSProperties;
-    className?: string;
-    children: import("react").ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsConfirmation {
-  var Footer: ({
-    style,
-    className,
-    children
-  }: {
-    style?: import("react").CSSProperties;
-    className?: string;
-    children: import("react").ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsConfirmation {
-  var Actions: ({
-    style,
-    className,
-    children
-  }: {
-    style?: import("react").CSSProperties;
-    className?: string;
-    children: import("react").ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
+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.Element;
+    displayName: string;
+  };
+  Title: {
+    ({ style, className, children }: {
+      style?: import("react").CSSProperties;
+      className?: string;
+      children: import("react").ReactNode;
+    }): import("react").JSX.Element;
+    displayName: string;
+  };
+  CloseTrigger: {
+    ({ style, className }: {
+      style?: import("react").CSSProperties;
+      className?: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+  };
+  Body: {
+    ({ style, className, children }: {
+      style?: import("react").CSSProperties;
+      className?: string;
+      children: import("react").ReactNode;
+    }): import("react").JSX.Element;
+    displayName: string;
+  };
+  Footer: {
+    ({ style, className, children }: {
+      style?: import("react").CSSProperties;
+      className?: string;
+      children: import("react").ReactNode;
+    }): import("react").JSX.Element;
+    displayName: string;
+  };
+  Actions: {
+    ({ style, className, children }: {
+      style?: import("react").CSSProperties;
+      className?: string;
+      children: import("react").ReactNode;
+    }): import("react").JSX.Element;
+    displayName: string;
+  };
+};
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.types.d.ts
 /**
@@ -8414,29 +8297,10 @@ type DsDateInputBaseProps = Pick<DatePickerRootProps, 'disabled' | 'readOnly' |
 type DsDateInputProps = DsDateInputBaseProps & DsDateInputRangeProps;
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.d.ts
-/**
- * @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,
-  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'];
@@ -8680,7 +8544,10 @@ interface DsTimePickerSlotProps {
 }
 //#endregion
 //#region src/components/ds-time-picker/ds-time-picker.d.ts
-declare const DsTimePicker: (props: DsTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+declare function DsTimePicker(props: DsTimePickerProps): import("react").JSX.Element;
+declare namespace DsTimePicker {
+  var displayName: string;
+}
 //#endregion
 //#region src/components/ds-time-picker/ds-time-picker.utils.d.ts
 /**
@@ -8768,7 +8635,7 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
   disablePortal?: boolean;
   /**
    * Whether to hide the clear button
-   * @default true
+   * @default false
    */
   hideClearButton?: boolean;
   /**
@@ -8782,27 +8649,10 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
 }
 //#endregion
 //#region src/components/ds-date-picker/ds-date-picker.d.ts
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-number-input/ds-number-input.types.d.ts
 interface DsNumberInputProps {
@@ -9138,21 +8988,10 @@ type DsSelectProps = {
 });
 //#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) => 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;
+}
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.types.d.ts
 declare const controlStatuses: readonly ['info', 'success', 'error', 'warning'];
@@ -9216,46 +9055,20 @@ interface DsFormControlDescriptionProps {
 }
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.d.ts
-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;
-}
-declare namespace DsFormControl {
-  var NumberInput: (props: DsNumberInputProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsFormControl {
-  var PasswordInput: (props: DsPasswordInputProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsFormControl {
-  var DateInput: (props: DsDateInputProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsFormControl {
-  var DatePicker: (props: DsDatePickerProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsFormControl {
-  var TimePicker: (props: DsTimePickerProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsFormControl {
-  var Textarea: (props: DsTextareaProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsFormControl {
-  var Select: (props: DsSelectProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsFormControl {
-  var Description: React$1.FC<DsFormControlDescriptionProps>;
-}
+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];
@@ -9361,23 +9174,10 @@ interface DsDateRangePickerProps {
 }
 //#endregion
 //#region src/components/ds-date-range-picker/ds-date-range-picker.d.ts
-declare const DsDateRangePicker: ({
-  value: valueProp,
-  defaultValue,
-  onChange,
-  min,
-  max,
-  withTime,
-  orientation,
-  hideClearAll,
-  closeOnSelect,
-  disabled,
-  readOnly,
-  className,
-  disablePortal,
-  locale,
-  slotProps
-}: DsDateRangePickerProps) => 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;
+}
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.types.d.ts
 interface DsDialogProps {
@@ -9416,7 +9216,7 @@ interface DsDialogProps {
   /**
    * Ref to the element the dialog should be anchored to (for relative placement)
    */
-  anchorRef?: React$1.RefObject<HTMLElement>;
+  anchorRef?: React$1.RefObject<HTMLElement | null>;
   /**
    * Custom fixed position (e.g., { top: number, left: number })
    */
@@ -9437,6 +9237,13 @@ interface DsDialogProps {
 }
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.d.ts
+/**
+ * @summary Lightweight controlled dialog for simple panels and popovers.
+ *
+ * Renders a Radix dialog with required accessible title, optional description,
+ * and custom body content. Use for focused overlays and menu-style panels.
+ * Prefer `DsModal` when you need structured header, body, and footer sections.
+ */
 declare const DsDialog: React$1.FC<DsDialogProps>;
 //#endregion
 //#region src/components/ds-divider/ds-divider.types.d.ts
@@ -9524,99 +9331,78 @@ 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 {
-  var Header: ({
-    style,
-    className,
-    children
-  }: {
+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;
-}
-declare namespace DsDrawer {
-  var Title: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Title$1: {
+  ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsDrawer {
-  var CloseTrigger: ({
-    style,
-    className
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const CloseTrigger$1: {
+  ({ style, className }: {
     style?: CSSProperties;
     className?: string;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsDrawer {
-  var Toolbar: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Toolbar: {
+  ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsDrawer {
-  var Body: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Body$2: {
+  ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsDrawer {
-  var Footer: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Footer$2: {
+  ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsDrawer {
-  var Actions: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Actions$1: {
+  ({ style, className, children }: {
     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
 declare const dropdownMenuItemVariants: readonly ['default', 'error'];
 type DropdownMenuItemVariant = (typeof dropdownMenuItemVariants)[number];
+declare const dropdownMenuActionsAlignments: readonly ['end', 'stretch'];
+type DropdownMenuActionsAlign = (typeof dropdownMenuActionsAlignments)[number];
 /**
  * Base positioning type
  */
@@ -9835,9 +9621,15 @@ interface DsDropdownMenuHeaderProps {
  */
 interface DsDropdownMenuActionsProps {
   /**
-   * The action buttons or elements
+   * The action buttons or full-width elements pinned to the bottom of the menu.
    */
   children: ReactNode;
+  /**
+   * How children are laid out. `end` is a right-aligned button row (e.g.
+   * Cancel/Apply); `stretch` stacks full-width children (e.g. a logout item).
+   * @default 'end'
+   */
+  align?: DropdownMenuActionsAlign;
   /**
    * Optional CSS class name
    */
@@ -9959,13 +9751,10 @@ 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;
+}
 //#endregion
 //#region src/components/ds-file-upload/ds-file-upload-api.types.d.ts
 type FileError = FileUploadFileError;
@@ -10257,16 +10046,7 @@ interface UseFileUploadReturn {
 /**
  * File upload state management hook
  */
-declare function useFileUpload({
-  adapter,
-  autoUpload,
-  maxConcurrent,
-  maxFiles,
-  metadata,
-  onFileUploadComplete,
-  onFileUploadError,
-  onAllFileUploadsComplete
-}: UseFileUploadConfig): UseFileUploadReturn;
+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
 /**
@@ -10320,17 +10100,10 @@ interface DsFilterStatusIconProps {
 }
 //#endregion
 //#region src/components/ds-filter-status-icon/ds-filter-status-icon.d.ts
-/**
- * Design system Filter Status Icon component
- * Status icons for toggle filter buttons to help users quickly distinguish states
- */
-declare const DsFilterStatusIcon: ({
-  status,
-  active,
-  size,
-  className,
-  style
-}: DsFilterStatusIconProps) => 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;
+}
 //#endregion
 //#region src/components/ds-grid/index.d.ts
 declare const DsGrid: {
@@ -10388,16 +10161,10 @@ interface DsKeyValuePairProps {
 }
 //#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) => 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;
+}
 //#endregion
 //#region src/components/ds-loader/ds-loader.types.d.ts
 declare const loaderVariants: readonly ['spinner', 'pulsing'];
@@ -10423,14 +10190,10 @@ interface DsLoaderProps {
 }
 //#endregion
 //#region src/components/ds-loader/ds-loader.d.ts
-/**
- * Design system Loader component
- */
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-modal/ds-modal.types.d.ts
 /**
@@ -10491,82 +10254,68 @@ 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 {
-  var Header: ({
-    style,
-    className,
-    children
-  }: {
+/**
+ * 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;
-}
-declare namespace DsModal {
-  var Title: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Title: {
+  ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsModal {
-  var CloseTrigger: ({
-    style,
-    className
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const CloseTrigger: {
+  ({ style, className }: {
     style?: CSSProperties;
     className?: string;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsModal {
-  var Body: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Body$1: {
+  ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsModal {
-  var Footer: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Footer$1: {
+  ({ style, className, children }: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsModal {
-  var Actions: ({
-    style,
-    className,
-    children
-  }: {
+  }): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Actions: {
+  ({ style, className, children }: {
     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';
@@ -11025,58 +10774,53 @@ interface DsPopoverProps {
 }
 //#endregion
 //#region src/components/ds-popover/ds-popover.d.ts
-declare const DsPopover: (({
-  trigger,
-  children,
-  className,
-  side,
-  align
-}: DsPopoverProps) => import("react/jsx-runtime").JSX.Element) & {
-  Root: ({
-    open,
-    defaultOpen,
-    side,
-    align,
-    gutter,
-    modal,
-    children,
-    onOpenChange
-  }: DsPopoverRootProps) => import("react/jsx-runtime").JSX.Element;
-  Trigger: ({
-    children,
-    className
-  }: DsPopoverTriggerProps) => import("react/jsx-runtime").JSX.Element;
-  Panel: ({
-    width,
-    className,
-    style,
-    children,
-    ref,
-    'aria-label': ariaLabel
-  }: DsPopoverPanelProps) => import("react/jsx-runtime").JSX.Element;
-  Header: ({
-    icon,
-    className,
-    style,
-    children
-  }: DsPopoverHeaderProps) => import("react/jsx-runtime").JSX.Element;
-  Content: ({
-    className,
-    style,
-    children
-  }: DsPopoverContentProps) => import("react/jsx-runtime").JSX.Element;
-  ContentItem: ({
-    status,
-    headline,
-    className,
-    style,
-    children
-  }: DsPopoverContentItemProps) => import("react/jsx-runtime").JSX.Element;
-  Footer: ({
-    className,
-    style,
-    children
-  }: DsPopoverFooterProps) => import("react/jsx-runtime").JSX.Element;
+declare const DsPopoverRoot: {
+  ({ open, defaultOpen, side, align, gutter, modal, children, onOpenChange }: DsPopoverRootProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsPopoverTrigger: {
+  ({ children, className }: DsPopoverTriggerProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsPopoverPanel: {
+  ({ 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.Element;
+  displayName: string;
+};
+declare const DsPopoverContent: {
+  ({ className, style, children }: DsPopoverContentProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsPopoverContentItem: {
+  ({ status, headline, className, style, children }: DsPopoverContentItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsPopoverFooter: {
+  ({ className, style, children }: DsPopoverFooterProps): import("react").JSX.Element;
+  displayName: string;
+};
+/**
+ * Legacy single-element form. Keeps the old call signature and `side` default
+ * ('top') compiling and opening, but now renders the new fixed-width panel —
+ * styling differs from the old Radix popover and the Radix `Popover.Close`
+ * context is no longer wired.
+ * @deprecated Migrate to the compound API (`DsPopover.Root` / `.Trigger` / `.Panel`).
+ */
+declare const DsPopoverLegacy: {
+  ({ trigger, children, className, side, align }: DsPopoverProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsPopover: typeof DsPopoverLegacy & {
+  Root: typeof DsPopoverRoot;
+  Trigger: typeof DsPopoverTrigger;
+  Panel: typeof DsPopoverPanel;
+  Header: typeof DsPopoverHeader;
+  Content: typeof DsPopoverContent;
+  ContentItem: typeof DsPopoverContentItem;
+  Footer: typeof DsPopoverFooter;
 };
 //#endregion
 //#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
@@ -11108,16 +10852,10 @@ interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
 }
 //#endregion
 //#region src/components/ds-progress-arc/ds-progress-arc.d.ts
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
 declare const progressDonutSizes: readonly ['small', 'medium'];
@@ -11150,15 +10888,10 @@ interface DsProgressDonutProps {
 }
 //#endregion
 //#region src/components/ds-progress-donut/ds-progress-donut.d.ts
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
 declare const progressLinearVariants: readonly ['initial', 'progress', 'interrupted', 'success', 'error'];
@@ -11221,22 +10954,10 @@ interface DsProgressLinearProps {
 }
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.d.ts
-/**
- * Design system ProgressLinear component
- */
-declare const DsProgressLinear: ({
-  value,
-  min,
-  max,
-  variant,
-  size,
-  label,
-  showValue,
-  caption,
-  className,
-  style,
-  ref
-}: DsProgressLinearProps) => 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;
+}
 //#endregion
 //#region src/components/ds-progress-task-bar/ds-progress-task-bar.types.d.ts
 declare const taskBarStatuses: readonly ['completed', 'running', 'failed'];
@@ -11295,16 +11016,10 @@ interface DsProgressTaskBarProps {
 }
 //#endregion
 //#region src/components/ds-progress-task-bar/ds-progress-task-bar.d.ts
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.types.d.ts
 /**
@@ -11524,6 +11239,44 @@ declare const DsSegmentGroup: {
   ItemText: React$1.FC<DsSegmentGroupItemTextProps>;
 };
 //#endregion
+//#region src/components/ds-site-node/ds-site-node.types.d.ts
+declare const siteNodeStates: readonly ['default', 'selected', 'muted', 'overflow'];
+type SiteNodeState = (typeof siteNodeStates)[number];
+interface DsSiteNodeProps {
+  ref?: Ref<HTMLButtonElement>;
+  /**
+   * Scope/selection state within the site hierarchy path.
+   * `overflow` renders a collapsed summary node (no tier/site code).
+   */
+  state?: SiteNodeState;
+  /**
+   * Short tier label shown in the pill, e.g. `"T1"`. Ignored when `state="overflow"`.
+   */
+  tier?: string;
+  /**
+   * Site identifier. Truncates with an ellipsis and reveals the full value in a
+   * tooltip when it overflows. Ignored when `state="overflow"`.
+   */
+  siteCode?: string;
+  /**
+   * Summary label for the collapsed branch, e.g. `"+2 more"`. Only used when
+   * `state="overflow"`.
+   */
+  overflowLabel?: string;
+  className?: string;
+  style?: CSSProperties;
+  /**
+   * Overrides the accessible name. By default the node is named by its visible
+   * content (tier + site code, or the overflow label); set this to give the
+   * overflow node a more descriptive name, e.g. `"Show 2 more sites"`.
+   */
+  'aria-label'?: string;
+  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+//#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.Element;
+//#endregion
 //#region src/components/ds-typography/ds-typography.config.d.ts
 declare const typographyVariantConfig: {
   readonly 'body-md-reg': {
@@ -11619,7 +11372,7 @@ declare const typographyVariantConfig: {
     readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
   };
 };
-/** Semantic text colors backed by `--font-*` tokens in `_root_new.scss`. */
+/** Semantic text colors backed by `--font-*` tokens in `_root.scss`. */
 declare const typographyColors: readonly ['main', 'secondary', 'action', 'action-hover', 'action-secondary', 'action-secondary-hover', 'disabled', 'light-disabled', 'on-action', 'on-disabled', 'placeholder', 'highlight', 'success', 'warning', 'error', 'code'];
 //#endregion
 //#region src/components/ds-typography/ds-typography.types.d.ts
@@ -11652,6 +11405,19 @@ interface DsTypographyProps {
    * When true, composes typography styles onto the child element without extra DOM nodes
    */
   asChild?: boolean;
+  /**
+   * Truncates overflowing text with an ellipsis. A number clamps to that many lines
+   * (`true` is a single line). Needs a width-constrained layout context.
+   */
+  truncate?: boolean | number;
+  /**
+   * Reveals the full text in a tooltip on hover/focus, but only while it overflows.
+   */
+  tooltip?: boolean;
+  /**
+   * Tooltip content override; defaults to `children`.
+   */
+  tooltipContent?: React.ReactNode;
   /**
    * The content of the component
    */
@@ -11659,16 +11425,10 @@ interface DsTypographyProps {
 }
 //#endregion
 //#region src/components/ds-typography/ds-typography.d.ts
-declare const DsTypography: ({
-  ref,
-  variant,
-  asChild,
-  className,
-  style,
-  color,
-  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;
+}
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton.types.d.ts
 declare const skeletonColorVariants: readonly ['gray', 'blue'];
@@ -11755,72 +11515,30 @@ interface DsSkeletonRectProps extends DsSkeletonBaseProps {
   radius?: SkeletonRadiusVariant | number;
 }
 //#endregion
-//#region src/components/ds-skeleton/ds-skeleton.d.ts
-declare const _default: {
-  Text: ({
-    typographyVariant,
-    color,
-    lines,
-    width,
-    radius,
-    className,
-    style
-  }: DsSkeletonTextProps) => import("react/jsx-runtime").JSX.Element;
-  Circle: ({
-    size,
-    color,
-    className,
-    style
-  }: DsSkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
-  Rect: ({
-    width,
-    height,
-    radius,
-    color,
-    className,
-    style
-  }: DsSkeletonRectProps) => import("react/jsx-runtime").JSX.Element;
-};
-//#endregion
 //#region src/components/ds-skeleton/ds-skeleton-text.d.ts
-/**
- * Text skeleton component - matches typography variants
- * It renders pill-shaped lines that match the height of text content
- */
-declare const 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
-/**
- * Circle skeleton component - for avatars and icons
- * Matches DsAvatar sizes
- */
-declare const 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
-/**
- * Rectangle skeleton component - for buttons, images, and custom shapes
- */
-declare const 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;
+}
+//#endregion
+//#region src/components/ds-skeleton/ds-skeleton.d.ts
+declare const DsSkeleton: {
+  Text: typeof DsSkeletonText;
+  Circle: typeof DsSkeletonCircle;
+  Rect: typeof DsSkeletonRect;
+};
 //#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'];
@@ -11883,17 +11601,14 @@ interface DsSmartTabsProps {
 }
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
-declare function DsSmartTabs({
-  activeTab,
-  onTabClick,
-  className,
-  style,
-  children,
-  ...props
-}: DsSmartTabsProps): import("react/jsx-runtime").JSX.Element;
-declare namespace DsSmartTabs {
-  var Tab: React$1.FC<DsSmartTabProps>;
-}
+/**
+ * Design system SmartTabs component
+ */
+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'];
@@ -12073,7 +11788,9 @@ interface DsStatusBadgeV2SharedProps {
  * `icon` can be `null` to force a text-only badge.
  */
 type StatusBadgeV2IconOnlyProps = {
-  /** When true, hides the label text and renders icon-only. The label is used as tooltip content instead. */iconOnly: true; /** Override the default phase icon. When omitted, the default icon for the phase is used. */
+  /** When true, hides the label text and renders icon-only. The label is used as tooltip content instead. */
+  iconOnly: true;
+  /** Override the default phase icon. When omitted, the default icon for the phase is used. */
   icon?: IconType;
 } | {
   iconOnly?: false;
@@ -12163,18 +11880,10 @@ 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;
+}
 //#endregion
 //#region src/components/ds-stepper/components/ds-step.d.ts
 type DsStepProps = PropsWithChildren<{
@@ -12196,15 +11905,10 @@ 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;
+}
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-content.d.ts
 type DsStepContentProps = {
@@ -12213,12 +11917,10 @@ 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;
+}
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
 type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
@@ -12227,11 +11929,10 @@ 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;
+}
 //#endregion
 //#region src/components/ds-system-status/ds-system-status.types.d.ts
 /**
@@ -12520,25 +12221,10 @@ interface DsTagKeyValueProps extends DsTagBaseProps {
 type DsTagProps = DsTagStandardProps | DsTagKeyValueProps;
 //#endregion
 //#region src/components/ds-tag/ds-tag.d.ts
-/**
- * Design system Tag component
- */
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-tag-filter/ds-tag-filter.types.d.ts
 interface TagFilterItem {
@@ -12622,23 +12308,10 @@ interface DsTagFilterProps {
 }
 //#endregion
 //#region src/components/ds-tag-filter/ds-tag-filter.d.ts
-/**
- * Design system TagFilter component
- *
- * A component for displaying active filters as tags with overflow handling.
- * Non-tag elements (label, expand/collapse, clear) sit in a header row.
- * Tags occupy the full width below, wrapping as needed.
- */
-declare const DsTagFilter: ({
-  items,
-  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;
+}
 //#endregion
 //#region src/components/ds-table/filters/types/filter-adapter.types.d.ts
 type AnyAdapter = FilterAdapter<any, any, any>;
@@ -12832,7 +12505,7 @@ declare function createDualRangeFilterAdapter<TData>(config: DualRangeFilterAdap
 //#region src/components/ds-table/filters/hooks/use-table-filters.d.ts
 interface UseTableFiltersOptions<TData, TValue, TCellValue> {
   filterAdapters: FilterAdapter<TData, TValue, TCellValue>[] | AnyAdapter[];
-  baseColumns?: ColumnDef<TData>[];
+  baseColumns?: ColumnDef$1<TData>[];
   /** Controlled applied filters, keyed by adapter id. Pair with `onFiltersChange`. */
   appliedFilters?: FilterState<TValue>;
   /** Fires from `applyFilters`, `deleteChip`, and `clearAll` in controlled mode. */
@@ -12848,14 +12521,21 @@ interface UseTableFiltersResult<TData, TValue> {
   /** Filter-nav items with active counts. */
   filterNavItems: FilterNavItem[];
   /** `baseColumns` with `filterFn`, cell renderer and per-column meta wired in. */
-  enhancedColumns: ColumnDef<TData>[];
+  enhancedColumns: ColumnDef$1<TData>[];
   handlers: {
-    /** Update a filter's draft value. */updateFilter: (filterId: string, value: TValue) => void; /** Commit all drafts to applied state. */
-    applyFilters: () => void; /** Clear all filters. */
-    clearAll: () => void; /** Remove a chip's effect from applied state. */
-    deleteChip: (chip: TagFilterItem) => void; /** Commit one column's draft (per-column popover Save). */
-    applyColumnFilter: (filterId: string) => void; /** Discard one column's draft without committing. */
-    cancelColumnFilter: (filterId: string) => void; /** Clear one applied filter (per-column popover Clear). */
+    /** Update a filter's draft value. */
+    updateFilter: (filterId: string, value: TValue) => void;
+    /** Commit all drafts to applied state. */
+    applyFilters: () => void;
+    /** Clear all filters. */
+    clearAll: () => void;
+    /** Remove a chip's effect from applied state. */
+    deleteChip: (chip: TagFilterItem) => void;
+    /** Commit one column's draft (per-column popover Save). */
+    applyColumnFilter: (filterId: string) => void;
+    /** Discard one column's draft without committing. */
+    cancelColumnFilter: (filterId: string) => void;
+    /** Clear one applied filter (per-column popover Clear). */
     clearColumnFilter: (filterId: string) => void;
   };
   /** Renders the adapter UI for a column id, or `null` if no match. */
@@ -12868,12 +12548,7 @@ interface UseTableFiltersResult<TData, TValue> {
  * column wiring. Uncontrolled by default; pass `appliedFilters` +
  * `onFiltersChange` for URL-driven / external state.
  */
-declare function useTableFilters<TData, TValue, TCellValue>({
-  filterAdapters,
-  baseColumns,
-  appliedFilters: externalAppliedFilters,
-  onFiltersChange: setExternalAppliedFilters
-}: UseTableFiltersOptions<TData, TValue, TCellValue>): UseTableFiltersResult<TData, TValue>;
+declare function useTableFilters<TData, TValue, TCellValue>({ filterAdapters, baseColumns, appliedFilters: externalAppliedFilters, onFiltersChange: setExternalAppliedFilters }: UseTableFiltersOptions<TData, TValue, TCellValue>): UseTableFiltersResult<TData, TValue>;
 //#endregion
 //#region src/components/ds-table/filters/components/range-filter/range-filter.d.ts
 interface RangeFilterValue {
@@ -12916,15 +12591,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
 /**
@@ -12958,7 +12625,7 @@ declare module '@tanstack/react-table' {
      */
     loadingCell?: (context: CellContext<TData, TValue>) => ReactNode;
   }
-} //# sourceMappingURL=ds-table-column.types.d.ts.map
+}
 //#endregion
 //#region src/components/ds-table/ds-table.types.d.ts
 /**
@@ -13147,11 +12814,16 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Columns of the table
    */
-  columns: ColumnDef<TData, TValue>[];
+  columns: ColumnDef$1<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
@@ -13445,50 +13117,12 @@ interface DsDataTableProps<TData, TValue> {
 }
 //#endregion
 //#region src/components/ds-table/ds-table.d.ts
-/**
- * Design system Table component
- */
-declare const DsTable: <TData extends {
+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>({ ref, columns: columnsProp, data: tableData, controls, 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>): React$2.JSX.Element;
+declare namespace DsTable {
+  var displayName: string;
+}
 //#endregion
 //#region src/components/ds-table/hooks/use-cell-editor.d.ts
 interface UseCellEditorOptions<TData extends RowData, TValue> {
@@ -13524,9 +13158,7 @@ interface UseCellEditorResult<TValue> {
  * Only mount this hook inside `ColumnDef.editCell` — the table cell layer handles
  * entering edit mode on double-click.
  */
-declare const useCellEditor: <TData extends RowData, TValue>({
-  cellContext
-}: UseCellEditorOptions<TData, TValue>) => UseCellEditorResult<TValue>;
+declare const useCellEditor: <TData extends RowData, TValue>({ cellContext }: UseCellEditorOptions<TData, TValue>) => UseCellEditorResult<TValue>;
 //#endregion
 //#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.types.d.ts
 interface DsTableEditableCellProps<TData, TValue> {
@@ -13535,10 +13167,10 @@ interface DsTableEditableCellProps<TData, TValue> {
 }
 //#endregion
 //#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.d.ts
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.types.d.ts
 interface DsTableEditingCellProps<TData, TValue> {
@@ -13546,9 +13178,10 @@ interface DsTableEditingCellProps<TData, TValue> {
 }
 //#endregion
 //#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.d.ts
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-text.d.ts
 interface DsTableEditCellTextProps<TData extends RowData> {
@@ -13557,12 +13190,10 @@ interface DsTableEditCellTextProps<TData extends RowData> {
   placeholder?: string;
   maxLength?: number;
 }
-/** Text input editor for table cells. Render via `ColumnDef.editCell`. */
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-number.d.ts
 interface DsTableEditCellNumberProps<TData extends RowData> {
@@ -13572,13 +13203,10 @@ interface DsTableEditCellNumberProps<TData extends RowData> {
   max?: number;
   step?: number;
 }
-/** Number input editor for table cells. Render via `ColumnDef.editCell`. */
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-select.d.ts
 interface DsTableEditCellSelectProps<TData extends RowData> {
@@ -13587,12 +13215,10 @@ interface DsTableEditCellSelectProps<TData extends RowData> {
   options: DsSelectOption[];
   placeholder?: string;
 }
-/** Select editor for table cells. Render via `ColumnDef.editCell`. */
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-date.d.ts
 type DsTableEditCellDateValue = Date | null;
@@ -13603,13 +13229,10 @@ interface DsTableEditCellDateProps<TData extends RowData> {
   max?: Date;
   placeholder?: string;
 }
-/** Date picker editor for table cells. Render via `ColumnDef.editCell`. */
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-checkbox.d.ts
 interface DsTableEditCellCheckboxProps<TData extends RowData> {
@@ -13617,11 +13240,10 @@ interface DsTableEditCellCheckboxProps<TData extends RowData> {
   cellContext: CellContext<TData, boolean>;
   disabled?: boolean;
 }
-/** Checkbox editor for table cells. Render via `ColumnDef.editCell`. */
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-tabs/ds-tabs.types.d.ts
 type DsTabsSize = 'medium' | 'small';
@@ -13664,23 +13286,38 @@ interface DsTabsListProps {
   children: ReactNode;
 }
 type DsTabsTabBaseProps = {
-  /** Unique value for this tab */value: string; /** Menu action items to display in dropdown */
-  menuActionItems?: DsTabsMenuActionItem[]; /** Callback when a menu action is selected */
-  onMenuActionSelect?: (value: string) => void; /** Tooltip text to show on hover */
-  tooltip?: string; /** Disabled state */
-  disabled?: boolean; /** Custom className */
-  className?: string; /** Custom styles */
+  /** Unique value for this tab */
+  value: string;
+  /** Menu action items to display in dropdown */
+  menuActionItems?: DsTabsMenuActionItem[];
+  /** Callback when a menu action is selected */
+  onMenuActionSelect?: (value: string) => void;
+  /** Tooltip text to show on hover */
+  tooltip?: string;
+  /** Disabled state */
+  disabled?: boolean;
+  /** Custom className */
+  className?: string;
+  /** Custom styles */
   style?: CSSProperties;
 };
 type DsTabsTabProps = DsTabsTabBaseProps & ({
-  /** Custom children (overrides default rendering) */children: ReactNode; /** Tab label text */
-  label?: never; /** Leading icon name (Material Icons) or SVG component */
-  icon?: never; /** Badge count or text */
+  /** Custom children (overrides default rendering) */
+  children: ReactNode;
+  /** Tab label text */
+  label?: never;
+  /** Leading icon name (Material Icons) or SVG component */
+  icon?: never;
+  /** Badge count or text */
   badge?: never;
 } | {
-  /** Custom children (overrides default rendering) */children?: never; /** Tab label text */
-  label?: string; /** Leading icon name (Material Icons) or SVG component */
-  icon?: IconType; /** Badge count or text */
+  /** Custom children (overrides default rendering) */
+  children?: never;
+  /** Tab label text */
+  label?: string;
+  /** Leading icon name (Material Icons) or SVG component */
+  icon?: IconType;
+  /** Badge count or text */
   badge?: string | number;
 });
 interface DsTabsContentProps {
@@ -13694,42 +13331,34 @@ interface DsTabsContentProps {
   children: ReactNode;
 }
 //#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.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.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.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.Element;
+  displayName: string;
+};
 declare const DsTabs: {
-  Root: ({
-    value,
-    defaultValue,
-    onValueChange,
-    orientation,
-    size,
-    className,
-    style,
-    children
-  }: DsTabsProps) => import("react/jsx-runtime").JSX.Element;
-  List: ({
-    className,
-    style,
-    children
-  }: DsTabsListProps) => import("react/jsx-runtime").JSX.Element;
-  Tab: ({
-    value,
-    disabled,
-    icon,
-    label,
-    badge,
-    menuActionItems,
-    onMenuActionSelect,
-    tooltip,
-    className,
-    style,
-    children
-  }: DsTabsTabProps) => import("react/jsx-runtime").JSX.Element;
-  Content: ({
-    value,
-    className,
-    style,
-    children
-  }: DsTabsContentProps) => import("react/jsx-runtime").JSX.Element;
+  Root: typeof DsTabsRoot;
+  List: typeof DsTabsList;
+  Tab: typeof DsTabsTab;
+  Content: typeof DsTabsContent;
 };
 //#endregion
 //#region src/components/ds-toast/ds-toast.types.d.ts
@@ -13882,25 +13511,23 @@ type DsToggleProps = {
 });
 //#endregion
 //#region src/components/ds-toggle/ds-toggle.d.ts
-/**
- * Design system Toggle component
- */
-declare const 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;
+}
 //#endregion
 //#region src/components/ds-tooltip/ds-tooltip.types.d.ts
+declare const tooltipPlacements: readonly ['top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end', 'right', 'right-start', 'right-end'];
+type TooltipPlacement = (typeof tooltipPlacements)[number];
+/**
+ * Viewport-relative rect (CSS pixels) the tooltip anchors to, instead of the trigger.
+ */
+interface TooltipAnchorRect {
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}
 interface DsTooltipProps {
   /**
    * Tooltip content
@@ -13910,6 +13537,19 @@ interface DsTooltipProps {
    * The content to be rendered inside the tooltip
    */
   children: ReactNode;
+  /**
+   * Placement relative to the trigger; `-start` / `-end` align to that edge.
+   */
+  placement?: TooltipPlacement;
+  /**
+   * When true the trigger renders but the tooltip never opens.
+   */
+  disabled?: boolean;
+  /**
+   * Anchors the tooltip to a virtual rect instead of the trigger, re-evaluated on
+   * each reposition. Return `null` to fall back to the trigger.
+   */
+  getAnchorRect?: () => TooltipAnchorRect | null;
   /**
    * Props forwarded to nested sub-components.
    */
@@ -14032,6 +13672,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.
    */
@@ -14070,95 +13725,115 @@ 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, focusedValue, defaultFocusedValue, onFocusChange, typeahead, lazyMount, unmountOnExit }: DsTreeRootProps<T>): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeTree: {
+  ({ className, style, children }: DsTreeTreeProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeBranch: {
+  ({ className, style, children }: DsTreeBranchProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeBranchControl: {
+  ({ className, style, children }: DsTreeBranchControlProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeBranchIndicator: {
+  ({ className, style, children }: DsTreeBranchIndicatorProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeBranchText: {
+  ({ className, style, children }: DsTreeBranchTextProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeBranchContent: {
+  ({ className, style, children }: DsTreeBranchContentProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeBranchIndentGuide: {
+  ({ className, style }: DsTreeBranchIndentGuideProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeItem: {
+  ({ className, style, children, onClick }: DsTreeItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeItemText: {
+  ({ className, style, children }: DsTreeItemTextProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeItemIndicator: {
+  ({ className, style }: DsTreeItemIndicatorProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeNodeCheckbox: {
+  ({ className, style }: DsTreeNodeCheckboxProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const DsTreeItemAction: {
+  ({ className, style, children, onClick }: DsTreeItemActionProps): import("react").JSX.Element;
+  displayName: string;
+};
 declare const DsTree: {
-  Root: <T extends DsTreeNode = DsTreeNode>({
-    collection,
-    size,
-    ref,
-    className,
-    style,
-    children,
-    selectedValue,
-    defaultSelectedValue,
-    onSelectionChange,
-    selectionMode,
-    expandedValue,
-    defaultExpandedValue,
-    onExpandedChange,
-    expandOnClick,
-    checkedValue,
-    defaultCheckedValue,
-    onCheckedChange,
-    typeahead,
-    lazyMount,
-    unmountOnExit
-  }: DsTreeRootProps<T>) => import("react/jsx-runtime").JSX.Element;
-  Tree: ({
-    className,
-    style,
-    children
-  }: DsTreeTreeProps) => import("react/jsx-runtime").JSX.Element;
+  Root: typeof DsTreeRoot;
+  Tree: typeof DsTreeTree;
   NodeProvider: typeof TreeView.NodeProvider;
   NodeContext: (props: TreeView.NodeContextProps) => import("react").ReactNode;
-  Branch: ({
-    className,
-    style,
-    children
-  }: DsTreeBranchProps) => import("react/jsx-runtime").JSX.Element;
-  BranchControl: ({
-    className,
-    style,
-    children
-  }: DsTreeBranchControlProps) => import("react/jsx-runtime").JSX.Element;
-  BranchIndicator: ({
-    className,
-    style,
-    children
-  }: DsTreeBranchIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-  BranchText: ({
-    className,
-    style,
-    children
-  }: DsTreeBranchTextProps) => import("react/jsx-runtime").JSX.Element;
-  BranchContent: ({
-    className,
-    style,
-    children
-  }: DsTreeBranchContentProps) => import("react/jsx-runtime").JSX.Element;
-  BranchIndentGuide: ({
-    className,
-    style
-  }: DsTreeBranchIndentGuideProps) => import("react/jsx-runtime").JSX.Element;
-  Item: ({
-    className,
-    style,
-    children,
-    onClick
-  }: DsTreeItemProps) => import("react/jsx-runtime").JSX.Element;
-  ItemText: ({
-    className,
-    style,
-    children
-  }: DsTreeItemTextProps) => import("react/jsx-runtime").JSX.Element;
-  ItemIndicator: ({
-    className,
-    style
-  }: DsTreeItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
-  ItemAction: ({
-    className,
-    style,
-    children,
-    onClick
-  }: DsTreeItemActionProps) => import("react/jsx-runtime").JSX.Element;
-  NodeCheckbox: ({
-    className,
-    style
-  }: DsTreeNodeCheckboxProps) => import("react/jsx-runtime").JSX.Element;
+  Branch: typeof DsTreeBranch;
+  BranchControl: typeof DsTreeBranchControl;
+  BranchIndicator: typeof DsTreeBranchIndicator;
+  BranchText: typeof DsTreeBranchText;
+  BranchContent: typeof DsTreeBranchContent;
+  BranchIndentGuide: typeof DsTreeBranchIndentGuide;
+  Item: typeof DsTreeItem;
+  ItemText: typeof DsTreeItemText;
+  ItemIndicator: typeof DsTreeItemIndicator;
+  ItemAction: typeof DsTreeItemAction;
+  NodeCheckbox: typeof DsTreeNodeCheckbox;
 };
 //#endregion
 //#region src/components/ds-tree/ds-tree.utils.d.ts
 declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => import("@ark-ui/react").TreeCollection<T>;
 //#endregion
+//#region src/components/ds-user-card/ds-user-card.types.d.ts
+interface DsUserCardProps {
+  /**
+   * Full name shown as the title. Also drives the avatar initials fallback,
+   * image alt text, and hover tooltip.
+   */
+  name: string;
+  /**
+   * Secondary line rendered under the name, such as an email address or role.
+   */
+  subtitle?: string;
+  /**
+   * Avatar image URL. Falls back to initials derived from `name` when omitted
+   * or when the image fails to load.
+   */
+  src?: string;
+  /**
+   * Custom class name applied to the root element.
+   */
+  className?: string;
+  /**
+   * Custom inline styles applied to the root element.
+   */
+  style?: CSSProperties;
+}
+//#endregion
+//#region src/components/ds-user-card/ds-user-card.d.ts
+/**
+ * @summary Compact identity header pairing an avatar with a name and optional subtitle.
+ *
+ * Presentational card used as the header of a user menu. Renders a medium
+ * `DsAvatar` (initials fallback derived from `name`) beside a two-line text
+ * block; both lines truncate with an ellipsis when they overflow.
+ */
+declare const DsUserCard: FC<DsUserCardProps>;
+//#endregion
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.types.d.ts
 interface DsVerticalTabsRootProps {
   /**
@@ -14226,34 +13901,52 @@ 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 {
-  var List: ({
-    className,
-    children
-  }: DsVerticalTabsListProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsVerticalTabs {
-  var Tab: ({
-    value,
-    disabled,
-    className,
-    children
-  }: DsVerticalTabsTabProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsVerticalTabs {
-  var Content: ({
-    value,
-    className,
-    children
-  }: DsVerticalTabsContentProps) => import("react/jsx-runtime").JSX.Element;
-}
+/**
+ * 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.Element;
+  displayName: string;
+};
+/**
+ * Individual tab trigger - fully customizable content
+ */
+declare const DsVerticalTabsTab: {
+  ({ 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.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
 interface DsWorkspaceLayoutProps extends ComponentPropsWithRef<'div'> {
@@ -14301,57 +13994,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 {
-  var Header: ({
-    className,
-    ...rest
-  }: DsWorkspaceLayoutHeaderProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsWorkspaceLayout {
-  var SubHeader: ({
-    className,
-    ...rest
-  }: DsWorkspaceLayoutSubHeaderProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsWorkspaceLayout {
-  var Content: ({
-    className,
-    ...rest
-  }: DsWorkspaceLayoutContentProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsWorkspaceLayout {
-  var Footer: ({
-    className,
-    ...rest
-  }: DsWorkspaceLayoutFooterProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsWorkspaceLayout {
-  var Body: ({
-    className,
-    ...rest
-  }: DsWorkspaceLayoutBodyProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsWorkspaceLayout {
-  var SideMenu: ({
-    className,
-    pinned,
-    onPinnedChange,
-    locale,
-    children,
-    ...rest
-  }: DsWorkspaceLayoutSideMenuProps) => import("react/jsx-runtime").JSX.Element;
-}
-declare namespace DsWorkspaceLayout {
-  var LeftPanel: ({
-    className,
-    ...rest
-  }: DsWorkspaceLayoutLeftPanelProps) => import("react/jsx-runtime").JSX.Element;
-}
-//#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, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, 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, _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, 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, 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, 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, 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, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, defaultDsTableLocale, dropdownMenuItemVariants, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, popoverAligns, popoverSides, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, taskBarStatuses, textInputSizes, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
+declare const DsWorkspaceLayoutRoot: ({ className, fillParent, ...rest }: DsWorkspaceLayoutProps) => import("react").JSX.Element;
+declare const Header: {
+  ({ className, ...rest }: DsWorkspaceLayoutHeaderProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const SubHeader: {
+  ({ 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.Element;
+  displayName: string;
+};
+declare const Footer: {
+  ({ className, ...rest }: DsWorkspaceLayoutFooterProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const Body: {
+  ({ className, ...rest }: DsWorkspaceLayoutBodyProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const SideMenu: {
+  ({ className, pinned, onPinnedChange, locale, children, ...rest }: DsWorkspaceLayoutSideMenuProps): import("react").JSX.Element;
+  displayName: string;
+};
+declare const LeftPanel: {
+  ({ 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 };
 //# sourceMappingURL=index.d.cts.map