@drivenets/design-system 0.9.0 → 0.10.0

package/dist/index.d.cts

@@ -1,7 +1,7 @@
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as _$react from "react";
-import React, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
-import { Root } from "@radix-ui/react-checkbox";
+import React$1, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
+import { Checkbox } from "@ark-ui/react/checkbox";
 import { DatePickerRootProps } from "@ark-ui/react/date-picker";
 import { PopoverContentProps } from "@ark-ui/react/popover";
 import { UseDialogProps } from "@ark-ui/react/dialog";
@@ -9,7 +9,6 @@ import { Menu } from "@ark-ui/react/menu";
 import * as _$_ark_ui_react0 from "@ark-ui/react";
 import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
 import * as Collapsible from "@radix-ui/react-collapsible";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
 import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
 import * as _$csstype from "csstype";
@@ -6245,6 +6244,7 @@ declare const customIcons: {
   readonly 'special-webhook': FC<SVGProps<SVGSVGElement>>;
   readonly 'special-map-view': FC<SVGProps<SVGSVGElement>>;
   readonly 'special-home': FC<SVGProps<SVGSVGElement>>;
+  readonly 'special-leading-icon': FC<SVGProps<SVGSVGElement>>;
   readonly 'special-lego': FC<SVGProps<SVGSVGElement>>;
   readonly 'special-scheme': FC<SVGProps<SVGSVGElement>>;
   readonly 'special-book': FC<SVGProps<SVGSVGElement>>;
@@ -6264,10 +6264,12 @@ type CustomIconName = keyof typeof customIcons;
 declare const isCustomIcon: (icon: string) => icon is CustomIconName;
 //#endregion
 //#region src/components/ds-icon/ds-icon.types.d.ts
-declare const iconSizes: readonly ["tiny", "small", "medium", "large", "extra-large"];
+declare const iconSizes: readonly ['tiny', 'small', 'medium', 'large', 'extra-large'];
 type IconSize = (typeof iconSizes)[number];
-declare const iconVariants: readonly ["outlined", "rounded"];
+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 IconName = MaterialIconName | CustomIconName;
 type IconType = IconName | FunctionComponent<SVGProps<SVGSVGElement>>;
@@ -6291,6 +6293,12 @@ interface DsIconProps {
    * @default false
    */
   filled?: boolean;
+  /**
+   * Icon color. Semantic names map to `--icon-*` tokens (e.g. `'error'` →
+   * `var(--icon-error)`); raw CSS values (hex, rgb, hsl, CSS variables)
+   * pass through unchanged. Omit to inherit from parent.
+   */
+  color?: IconColor | (string & {});
   /**
    * Additional CSS class names
    */
@@ -6314,13 +6322,14 @@ declare const DsIcon: ({
   size,
   variant,
   filled,
+  color,
   className,
   style,
   ...rest
 }: DsIconProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.types.d.ts
-declare const alertBannerVariants: readonly ["info-neutral", "info-blue", "warning", "error", "success"];
+declare const alertBannerVariants: readonly ['info-neutral', 'info-blue', 'warning', 'error', 'success'];
 type AlertBannerVariant = (typeof alertBannerVariants)[number];
 interface DsAlertBannerProps {
   /**
@@ -6356,7 +6365,7 @@ interface DsAlertBannerProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Optional children to be rendered inside the component (typically action buttons)
    */
@@ -6364,23 +6373,19 @@ interface DsAlertBannerProps {
 }
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.d.ts
-/**
- * Design system AlertBanner component
- * Controlled component that displays alert messages with different variants
- */
-declare const DsAlertBanner: {
-  ({
-    open,
-    onOpenChange,
-    inline,
-    variant,
-    icon,
-    closable,
-    className,
-    style,
-    children
-  }: DsAlertBannerProps): _$react_jsx_runtime0.JSX.Element | null;
-  Title: ({
+declare function DsAlertBanner({
+  open,
+  onOpenChange,
+  inline,
+  variant,
+  icon,
+  closable,
+  className,
+  style,
+  children
+}: DsAlertBannerProps): _$react_jsx_runtime0.JSX.Element | null;
+declare namespace DsAlertBanner {
+  var Title: ({
     style,
     className,
     children
@@ -6389,7 +6394,9 @@ declare const DsAlertBanner: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Body: ({
+}
+declare namespace DsAlertBanner {
+  var Body: ({
     style,
     className,
     children
@@ -6398,7 +6405,9 @@ declare const DsAlertBanner: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Actions: ({
+}
+declare namespace DsAlertBanner {
+  var Actions: ({
     style,
     className,
     children
@@ -6407,7 +6416,7 @@ declare const DsAlertBanner: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-};
+}
 //#endregion
 //#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
 interface DsAutocompleteOption {
@@ -6442,7 +6451,7 @@ interface DsAutocompleteProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Additional CSS class names
    */
@@ -6488,7 +6497,7 @@ interface DsAutocompleteProps {
   /**
    * Content to display at the start of the input (e.g., a search icon).
    */
-  startAdornment?: React.ReactNode;
+  startAdornment?: React$1.ReactNode;
   /**
    * Event handler called when the value changes.
    * Fires with the selected option's value, or an empty string when cleared.
@@ -6607,32 +6616,63 @@ declare const DsAvatarGroup: FC<DsAvatarGroupProps>;
 //#endregion
 //#region src/components/ds-breadcrumb/ds-breadcrumb.types.d.ts
 type DsBreadcrumbItem = {
+  /**
+   * Renders the item as a direct navigation link to `href`.
+   */
   type: 'link';
+  /**
+   * Visible text for the breadcrumb segment
+   */
   label: string;
+  /**
+   * Destination URL navigated to when the segment is clicked
+   */
   href: string;
+  /**
+   * Optional icon rendered before the label
+   */
   icon?: IconType;
 } | {
+  /**
+   * Renders the item as a dropdown trigger that reveals sibling destinations.
+   */
   type: 'dropdown';
+  /**
+   * Visible text for the dropdown trigger
+   */
   label: string;
+  /**
+   * Sibling destinations shown in the dropdown. Each option navigates to its
+   * `href` when selected.
+   */
   options: {
+    /**
+     * Visible text for the dropdown option
+     */
     label: string;
+    /**
+     * Destination URL navigated to when the option is selected
+     */
     href: string;
   }[];
+  /**
+   * Optional icon rendered before the label
+   */
   icon?: IconType;
 };
 interface DsBreadcrumbProps {
   /**
-   * The items to be displayed in the breadcrumb
+   * Ordered breadcrumb segments rendered left-to-right. The last item is typically
+   * the current page.
    */
   items: DsBreadcrumbItem[];
   /**
-   * The event handler to be called when an option is selected
-   *
-   * @param href
+   * Called when the user activates any link segment or picks a destination from a
+   * dropdown segment. Receives the selected `href`.
    */
   onSelect?: (href: string) => void;
   /**
-   * Additional CSS class name to be applied to the breadcrumb
+   * Additional CSS class name applied to the breadcrumb root
    */
   className?: string;
 }
@@ -6641,16 +6681,16 @@ interface DsBreadcrumbProps {
 /**
  * Design system Breadcrumb component
  */
-declare const DsBreadcrumb: React.FC<DsBreadcrumbProps>;
+declare const DsBreadcrumb: React$1.FC<DsBreadcrumbProps>;
 //#endregion
 //#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts
-declare const buttonSchemas: readonly ["primary", "secondary", "error"];
+declare const buttonSchemas: readonly ['primary', 'secondary', 'error'];
 type ButtonSchema = (typeof buttonSchemas)[number];
-declare const buttonVariants$1: readonly ["filled", "ghost", "borderless", "round", "dashed"];
+declare const buttonVariants$1: readonly ['filled', 'ghost', 'borderless', 'round', 'dashed'];
 type ButtonVariant$1 = (typeof buttonVariants$1)[number];
-declare const buttonSizes$1: readonly ["large", "medium", "small"];
+declare const buttonSizes$1: readonly ['large', 'medium', 'small'];
 type ButtonSize$1 = (typeof buttonSizes$1)[number];
-interface DsButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Color schema of the button
    * @default 'primary'
@@ -6679,7 +6719,7 @@ interface DsButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement>
 //#endregion
 //#region src/utils/responsive.d.ts
 declare const BREAKPOINT_LG: number;
-declare const breakpoints: readonly ["lg", "md"];
+declare const breakpoints: readonly ['lg', 'md'];
 type Breakpoint = (typeof breakpoints)[number];
 type Responsive<T> = Partial<Record<Breakpoint, T>>;
 type ResponsiveValue<T> = T | Responsive<T>;
@@ -6702,13 +6742,13 @@ declare function withResponsiveProps<Props, const Keys extends readonly (keyof P
 };
 //#endregion
 //#region src/components/ds-button/versions/ds-button-new/ds-button-new.types.d.ts
-declare const buttonTypes: readonly ["primary", "secondary", "secondary-light", "tertiary"];
+declare const buttonTypes: readonly ['primary', 'secondary', 'secondary-light', 'tertiary'];
 type ButtonType = (typeof buttonTypes)[number];
-declare const buttonVariants: readonly ["filled", "ghost", "danger", "dark"];
+declare const buttonVariants: readonly ['filled', 'ghost', 'danger', 'dark'];
 type ButtonVariant = (typeof buttonVariants)[number];
-declare const buttonSizes: readonly ["large", "medium", "small", "tiny"];
+declare const buttonSizes: readonly ['large', 'medium', 'small', 'tiny'];
 type ButtonSize = (typeof buttonSizes)[number];
-interface DsButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonBaseProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Type of the button
    * @default 'primary'
@@ -6744,8 +6784,15 @@ interface DsButtonProps extends Omit<DsButtonBaseProps, 'size'> {
 //#endregion
 //#region src/components/ds-button/ds-button.types.d.ts
 type DsButtonUnifiedProps = (DsButtonProps$1 & {
+  /**
+   * Selects the legacy button implementation. Accepts `DsButtonLegacyProps`.
+   * Omit or pass `'legacy'` to opt into this branch.
+   */
   design?: undefined | 'legacy';
 }) | (DsButtonProps & {
+  /**
+   * Selects the new (v1.2) button implementation. Accepts `DsButtonNewProps`.
+   */
   design: 'v1.2';
 });
 //#endregion
@@ -6753,30 +6800,37 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
 declare const DsButton: (props: DsButtonUnifiedProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-button-v3/ds-button-v3.types.d.ts
-declare const buttonV3Variants: readonly ["primary", "secondary", "tertiary"];
+declare const buttonV3Variants: readonly ['primary', 'secondary', 'tertiary'];
 type ButtonV3Variant = (typeof buttonV3Variants)[number];
-declare const buttonV3Colors: readonly ["default", "negative", "light"];
+declare const buttonV3Colors: readonly ['default', 'error', 'light'];
 type ButtonV3Color = (typeof buttonV3Colors)[number];
-declare const buttonV3Sizes: readonly ["large", "medium", "small", "tiny"];
+declare const buttonV3Sizes: readonly ['large', 'medium', 'small', 'tiny'];
 type ButtonV3Size = (typeof buttonV3Sizes)[number];
-interface DsButtonV3Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonV3BaseProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   ref?: Ref<HTMLButtonElement>;
   /**
    * - `default` — standard light-UI palette
-   * - `negative` — destructive / danger palette (red tones)
+   * - `error` — destructive / danger palette (red tones)
    * - `light` — palette for dark-background surfaces (Figma **Type** onDark)
    * @default 'default'
    */
   color?: ButtonV3Color;
   /**
+   * Visual variant of the button:
+   * - `primary` — filled, highest-emphasis action
+   * - `secondary` — outlined, medium-emphasis action
+   * - `tertiary` — borderless, low-emphasis action (text-like)
    * @default 'primary'
    */
   variant?: ButtonV3Variant;
   /**
+   * Size of the button. Controls height, padding, font size, and icon size.
    * @default 'medium'
    */
   size?: ButtonV3Size;
   /**
+   * Whether the button is in a selected/pressed state. Used for toggle buttons
+   * and segmented controls.
    * @default false
    */
   selected?: boolean;
@@ -6790,26 +6844,319 @@ interface DsButtonV3Props extends ButtonHTMLAttributes<HTMLButtonElement> {
    */
   loading?: boolean;
 }
+interface DsButtonV3Props extends Omit<DsButtonV3BaseProps, 'size'> {
+  /**
+   * Size of the button. Accepts a static value or a responsive object.
+   * @default 'medium'
+   */
+  size?: ResponsiveValue<ButtonV3Size>;
+}
 //#endregion
-//#region src/components/ds-button-v3/ds-button-v3.d.ts
-declare const DsButtonV3: ({
-  ref,
-  className,
-  style,
-  children,
-  icon,
-  disabled,
-  loading,
-  color,
-  variant,
-  size,
-  selected,
-  type,
-  ...rest
-}: DsButtonV3Props) => _$react_jsx_runtime0.JSX.Element;
+//#region src/components/ds-button-v3/index.d.ts
+declare const DsButtonV3: {
+  (props: {
+    children?: _$react.ReactNode | undefined;
+    dangerouslySetInnerHTML?: {
+      __html: string | TrustedHTML;
+    } | undefined;
+    onCopy?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCopyCapture?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCut?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCutCapture?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onPaste?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onPasteCapture?: _$react.ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCompositionEnd?: _$react.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionEndCapture?: _$react.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionStart?: _$react.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionStartCapture?: _$react.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionUpdate?: _$react.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionUpdateCapture?: _$react.CompositionEventHandler<HTMLButtonElement> | undefined;
+    onFocus?: _$react.FocusEventHandler<HTMLButtonElement> | undefined;
+    onFocusCapture?: _$react.FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlur?: _$react.FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlurCapture?: _$react.FocusEventHandler<HTMLButtonElement> | undefined;
+    onChange?: _$react.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+    onChangeCapture?: _$react.ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+    onBeforeInput?: _$react.InputEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInputCapture?: _$react.InputEventHandler<HTMLButtonElement> | undefined;
+    onInput?: _$react.InputEventHandler<HTMLButtonElement> | undefined;
+    onInputCapture?: _$react.InputEventHandler<HTMLButtonElement> | undefined;
+    onReset?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onResetCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSubmit?: _$react.SubmitEventHandler<HTMLButtonElement> | undefined;
+    onSubmitCapture?: _$react.SubmitEventHandler<HTMLButtonElement> | undefined;
+    onInvalid?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onInvalidCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoad?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onError?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onErrorCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onKeyDown?: _$react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyDownCapture?: _$react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyPress?: _$react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyPressCapture?: _$react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyUp?: _$react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyUpCapture?: _$react.KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onAbort?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onAbortCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlay?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayThrough?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayThroughCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onDurationChange?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onDurationChangeCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEmptied?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEmptiedCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEncrypted?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEncryptedCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEnded?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onEndedCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedData?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedDataCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedMetadata?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedMetadataCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadStart?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadStartCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPause?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPauseCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlay?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlayCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlaying?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlayingCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onProgress?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onProgressCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onRateChange?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onRateChangeCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeeked?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeekedCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeeking?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeekingCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onStalled?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onStalledCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSuspend?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSuspendCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onTimeUpdate?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onTimeUpdateCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onVolumeChange?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onVolumeChangeCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onWaiting?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onWaitingCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onAuxClick?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onAuxClickCapture?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onClickCapture?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onContextMenu?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onContextMenuCapture?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onDoubleClick?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onDoubleClickCapture?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onDrag?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragCapture?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnd?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEndCapture?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnter?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnterCapture?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragExit?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragExitCapture?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragLeave?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragLeaveCapture?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragOver?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragOverCapture?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragStart?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDragStartCapture?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDrop?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onDropCapture?: _$react.DragEventHandler<HTMLButtonElement> | undefined;
+    onMouseDown?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseDownCapture?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseEnter?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseLeave?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseMove?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseMoveCapture?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOut?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOutCapture?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOver?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOverCapture?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseUp?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseUpCapture?: _$react.MouseEventHandler<HTMLButtonElement> | undefined;
+    onSelect?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onSelectCapture?: _$react.ReactEventHandler<HTMLButtonElement> | undefined;
+    onTouchCancel?: _$react.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchCancelCapture?: _$react.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchEnd?: _$react.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchEndCapture?: _$react.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchMove?: _$react.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchMoveCapture?: _$react.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchStart?: _$react.TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchStartCapture?: _$react.TouchEventHandler<HTMLButtonElement> | undefined;
+    onPointerDown?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerDownCapture?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerMove?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerMoveCapture?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerUp?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerUpCapture?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerCancel?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerCancelCapture?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerEnter?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerLeave?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOver?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOverCapture?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOut?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOutCapture?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onGotPointerCapture?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onGotPointerCaptureCapture?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onLostPointerCapture?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onLostPointerCaptureCapture?: _$react.PointerEventHandler<HTMLButtonElement> | undefined;
+    onScroll?: _$react.UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollCapture?: _$react.UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: _$react.UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: _$react.UIEventHandler<HTMLButtonElement> | undefined;
+    onWheel?: _$react.WheelEventHandler<HTMLButtonElement> | undefined;
+    onWheelCapture?: _$react.WheelEventHandler<HTMLButtonElement> | undefined;
+    onAnimationStart?: _$react.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationStartCapture?: _$react.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationEnd?: _$react.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationEndCapture?: _$react.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationIteration?: _$react.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationIterationCapture?: _$react.AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: _$react.ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: _$react.ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionEnd?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionEndCapture?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: _$react.TransitionEventHandler<HTMLButtonElement> | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: ("false" | "true" | boolean) | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: ("false" | "true" | boolean) | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: ("false" | "true" | boolean) | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: ("false" | "true" | boolean) | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: ("false" | "true" | boolean) | undefined;
+    style?: _$react.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: _$react.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    disabled?: boolean | undefined;
+    form?: string | undefined;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | _$react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof _$react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
+    formEncType?: string | undefined;
+    formMethod?: string | undefined;
+    formNoValidate?: boolean | undefined;
+    formTarget?: string | undefined;
+    name?: string | undefined;
+    type?: "submit" | "reset" | "button" | undefined;
+    value?: string | readonly string[] | number | undefined;
+    ref?: _$react.Ref<HTMLButtonElement>;
+    color?: ButtonV3Color;
+    variant?: ButtonV3Variant;
+    size?: ResponsiveValue<NonNullable<"large" | "medium" | "small" | "tiny" | undefined>> | undefined;
+    selected?: boolean;
+    icon?: IconType;
+    loading?: boolean;
+  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
 //#endregion
 //#region src/components/ds-card/ds-card.types.d.ts
-declare const cardSizes: readonly ["small", "medium", "large"];
+declare const cardSizes: readonly ['small', 'medium', 'large'];
 type DsCardSize = (typeof cardSizes)[number];
 /**
  * Props for the Card root component
@@ -6840,7 +7187,9 @@ interface DsCardRootProps extends HTMLAttributes<HTMLDivElement> {
    */
   highlightSelected?: boolean;
   /**
-   * Disabled state - prevents interaction
+   * Whether the card is disabled. Prevents selection and click interactions and
+   * visually dims the card.
+   * @default false
    */
   disabled?: boolean;
 }
@@ -6906,9 +7255,13 @@ declare const DsCard: {
 };
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.types.d.ts
-declare const checkboxVariants: readonly ["default", "warning"];
+declare const checkboxVariants: readonly ['default', 'warning'];
 type CheckboxVariant = (typeof checkboxVariants)[number];
-interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
+interface DsCheckboxProps extends Omit<ComponentPropsWithoutRef<typeof Checkbox.Root>, 'onCheckedChange' | 'value'> {
+  /**
+   * Value when used in a group or for form submission. Coerced to string for the native control.
+   */
+  value?: string | number;
   /**
    * Visual variant of the checkbox
    */
@@ -6922,17 +7275,11 @@ interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
    */
   labelInfo?: ReactNode;
   /**
-   * The controlled checked state of the checkbox
-   */
-  checked?: boolean | 'indeterminate';
-  /**
-   * The default checked state of the checkbox
+   * Disables the checkbox, preventing user interaction
    */
-  defaultChecked?: boolean | 'indeterminate';
+  disabled?: boolean;
   /**
-   * Event handler called when the checked state of the checkbox changes.
-   *
-   * @param checked
+   * Callback invoked when the checked state changes
    */
   onCheckedChange?: (checked: boolean | 'indeterminate') => void;
 }
@@ -6941,14 +7288,70 @@ interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
 /**
  * Design system Checkbox component
  */
-declare const DsCheckbox: React.FC<DsCheckboxProps>;
+declare const DsCheckbox: ({
+  variant,
+  label,
+  labelInfo,
+  className,
+  onCheckedChange,
+  value,
+  ...props
+}: DsCheckboxProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-checkbox-group/ds-checkbox-group.types.d.ts
+type DsCheckboxGroupOrientation = 'vertical' | 'horizontal';
+interface DsCheckboxGroupProps extends ComponentPropsWithoutRef<typeof Checkbox.Group> {
+  orientation?: DsCheckboxGroupOrientation;
+}
+//#endregion
+//#region src/components/ds-checkbox-group/ds-checkbox-group.d.ts
+declare const DsCheckboxGroup: React$1.FC<DsCheckboxGroupProps>;
+//#endregion
+//#region src/components/ds-checkbox-group/hooks/use-checkbox-select-all.d.ts
+type CheckedState = boolean | 'indeterminate';
+interface UseCheckboxSelectAllOptions<T> {
+  /** Currently selected values. */
+  value: T[];
+  /** Full set of values represented by the group. */
+  allValues: readonly T[];
+  /** Callback to update selected values. */
+  onValueChange: (next: T[]) => void;
+  /**
+   * Optional predicate to exclude values from bulk select/deselect.
+   * Non-selectable values that are already in `value` are preserved on toggle.
+   */
+  isSelectable?: (value: T) => boolean;
+}
+interface UseCheckboxSelectAllResult {
+  /** Tri-state value for the select-all checkbox. */
+  selectAllState: CheckedState;
+  /** Count of selected values that are also selectable. */
+  selectedCount: number;
+  /** Count of selectable values. */
+  selectableCount: number;
+  /** Handler for the select-all checkbox's `onCheckedChange`. */
+  onSelectAllChange: (checked: CheckedState) => void;
+}
+/**
+ * Headless helper for a "select all" checkbox bound to a checkbox group.
+ *
+ * - Derives tri-state (`true` / `false` / `'indeterminate'`) from current selection.
+ * - 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;
 //#endregion
 //#region src/components/ds-chip/ds-chip.types.d.ts
 /**
  * @deprecated This type is deprecated. Use `DsTag` instead.
  * @see {@link ../ds-tag} for the replacement component.
  */
-declare const chipSizes: readonly ["medium", "small"];
+declare const chipSizes: readonly ['medium', 'small'];
 /**
  * @deprecated This type is deprecated. Use `DsTag` instead.
  * @see {@link ../ds-tag} for the replacement component.
@@ -7004,7 +7407,7 @@ interface DsChipProps {
  * @deprecated This component is deprecated. Use `DsTag` instead.
  * @see {@link ../ds-tag} for the replacement component.
  */
-declare const DsChip: React.FC<DsChipProps>;
+declare const DsChip: React$1.FC<DsChipProps>;
 //#endregion
 //#region src/components/ds-chip-group/ds-chip-group.types.d.ts
 /**
@@ -7070,47 +7473,161 @@ interface DsChipGroupProps {
  * @deprecated This component is deprecated. Use `DsTagFilter` instead.
  * @see {@link ../ds-tag-filter} for the replacement component.
  */
-declare const DsChipGroup: React.FC<DsChipGroupProps>;
+declare const DsChipGroup: React$1.FC<DsChipGroupProps>;
 //#endregion
 //#region src/components/ds-comment-card/ds-comment-card.types.d.ts
 interface CommentAuthor {
+  /**
+   * Stable identifier for the user. Used to compare authors (e.g. to determine
+   * whether the current viewer can edit a message).
+   */
   id: string;
+  /**
+   * Display name shown next to the avatar
+   */
   name: string;
+  /**
+   * Optional URL to the user's avatar image. When omitted, the avatar falls back
+   * to initials derived from `name`.
+   */
   avatarSrc?: string;
 }
 interface CommentMessage {
+  /**
+   * Stable identifier for the message. Passed to callbacks to identify which
+   * message was acted on.
+   */
   id: string;
+  /**
+   * Author of the message
+   */
   author: CommentAuthor;
+  /**
+   * Text content of the message
+   */
   content: string;
+  /**
+   * Timestamp when the message was created
+   */
   createdAt: Date;
+  /**
+   * Whether this message is the first message in a thread (i.e., the top-level
+   * comment body). Used to render it differently from replies.
+   * @default false
+   */
   isInitialMessage?: boolean;
+  /**
+   * Whether this message has been marked resolved
+   * @default false
+   */
   isResolved?: boolean;
 }
 interface CommentData {
+  /**
+   * Stable identifier for the comment thread. Passed to drawer/bubble callbacks
+   * to identify which comment was acted on.
+   */
   id: string;
+  /**
+   * Short, user-facing numeric identifier (e.g., "#42") shown in the card header
+   * for quick reference in conversations.
+   */
   numericId: number;
+  /**
+   * Author of the top-level comment
+   */
   author: CommentAuthor;
+  /**
+   * Timestamp when the top-level comment was created
+   */
   createdAt: Date;
+  /**
+   * Whether the entire comment thread is resolved. When true, the card is rendered
+   * in its resolved (muted) state.
+   */
   isResolved: boolean;
+  /**
+   * Ordered list of messages in the thread, from oldest to newest. The first
+   * message is typically the top-level comment body.
+   */
   messages: CommentMessage[];
+  /**
+   * Optional tag labels used for filtering and grouping in the comments drawer.
+   */
   labels?: string[];
+  /**
+   * Optional reference chip shown in the card header. A string renders as a tag;
+   * any other `ReactNode` renders verbatim.
+   */
   referenceTag?: ReactNode;
+  /**
+   * Whether the comment is flagged as requiring action. Drives the action-required
+   * highlight.
+   * @default false
+   */
   isActionRequired?: boolean;
 }
 interface DsCommentCardProps {
+  /**
+   * Ref forwarded to the card root button element
+   */
   ref?: Ref<HTMLButtonElement>;
+  /**
+   * The comment thread rendered by the card
+   */
   comment: CommentData;
+  /**
+   * Whether the card is disabled and cannot be clicked
+   * @default false
+   */
   disabled?: boolean;
+  /**
+   * How long message content is rendered:
+   * - `hidden` (default): truncate to a preview with ellipsis
+   * - `displayed`: show the full message content without truncation
+   * @default hidden
+   */
   overflow?: 'hidden' | 'displayed';
+  /**
+   * Called when the card body is clicked (typically opens the thread in a bubble/drawer).
+   */
   onClick?: () => void;
+  /**
+   * Called when the user resolves the comment from the card's overflow menu.
+   */
   onResolve?: () => void;
+  /**
+   * Called when the user toggles the comment's action-required flag from the overflow menu.
+   */
   onToggleActionRequired?: () => void;
+  /**
+   * Called when the user forwards the comment from the overflow menu.
+   */
   onForward?: () => void;
+  /**
+   * Called when the user marks the comment as unread from the overflow menu.
+   */
   onMarkUnread?: () => void;
+  /**
+   * Called when the user copies a link to the comment from the overflow menu.
+   */
   onCopyLink?: () => void;
+  /**
+   * Called when the user deletes the comment from the overflow menu.
+   */
   onDelete?: () => void;
+  /**
+   * Formatter for the card's timestamp. Receives the `createdAt` Date and returns
+   * the string to display. Lets consumers localize or swap the relative/absolute format.
+   */
   formatTimestamp?: (date: Date) => string;
+  /**
+   * Additional CSS class name applied to the card root
+   */
   className?: string;
+  /**
+   * Inline styles applied to the card root
+   */
   style?: CSSProperties;
 }
 //#endregion
@@ -7134,28 +7651,106 @@ declare const DsCommentCard: ({
 //#endregion
 //#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
 interface DsCommentBubbleProps {
+  /**
+   * Ref forwarded to the bubble root element
+   */
   ref?: Ref<HTMLDivElement>;
+  /**
+   * Existing comment thread rendered inside the bubble. Omit to render an empty
+   * bubble for composing a new comment.
+   */
   comment?: CommentData;
+  /**
+   * The user currently viewing the bubble. Used to decide whether thread messages
+   * can be edited or deleted by the viewer.
+   */
   currentUser?: CommentAuthor;
+  /**
+   * Hide the "action required" checkbox and the associated visual highlight.
+   * @default false
+   */
   hideActionRequired?: boolean;
+  /**
+   * Whether the comment is flagged as requiring action. Drives the action-required
+   * highlight and the checkbox state.
+   * @default false
+   */
   actionRequired?: boolean;
+  /**
+   * Called when the "action required" checkbox is toggled. Receives the new checked state.
+   */
   onActionRequiredChange?: (checked: boolean) => void;
+  /**
+   * Current value of the reply / new-comment textarea (controlled)
+   */
   value?: string;
+  /**
+   * Called whenever the textarea value changes. Receives the new string value.
+   */
   onValueChange?: (value: string) => void;
+  /**
+   * Called when the user submits the textarea content (clicks send or presses Enter).
+   * Receives the message content and the current action-required flag.
+   */
   onSend?: (content: string, actionRequired: boolean) => void;
+  /**
+   * Called when the bubble should be dismissed (e.g., clicking outside an empty bubble
+   * or pressing the close affordance).
+   */
   onClose?: () => void;
+  /**
+   * Called when the user resolves the top-level comment from the bubble header menu.
+   */
   onResolve?: () => void;
+  /**
+   * Called when the user toggles the top-level comment's action-required flag from
+   * the bubble header menu.
+   */
   onToggleActionRequired?: () => void;
+  /**
+   * Called when the user forwards the top-level comment from the bubble header menu.
+   */
   onForward?: () => void;
+  /**
+   * Called when the user marks the top-level comment as unread from the bubble header menu.
+   */
   onMarkUnread?: () => void;
+  /**
+   * Called when the user copies a link to the top-level comment.
+   */
   onCopyLink?: () => void;
+  /**
+   * Called when the user deletes the top-level comment.
+   */
   onDelete?: () => void;
+  /**
+   * Called when a thread message is edited. Receives the message id and the new content.
+   */
   onEditMessage?: (messageId: string, newContent: string) => void;
+  /**
+   * Called when a thread message is deleted. Receives the message id.
+   */
   onDeleteMessage?: (messageId: string) => void;
+  /**
+   * Called when a thread message is marked as unread. Receives the message id.
+   */
   onMessageMarkUnread?: (messageId: string) => void;
+  /**
+   * Called when a thread message is resolved. Receives the message id.
+   */
   onMessageResolved?: (messageId: string) => void;
+  /**
+   * Optional reference chip shown in the bubble header. A string is rendered as a
+   * `DsTag` with a sell icon; any other `ReactNode` is rendered verbatim.
+   */
   referenceTag?: ReactNode;
+  /**
+   * Additional CSS class name applied to the bubble root
+   */
   className?: string;
+  /**
+   * Inline styles applied to the bubble root
+   */
   style?: CSSProperties;
 }
 //#endregion
@@ -7188,13 +7783,39 @@ declare const DsCommentBubble: ({
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
 interface DsCommentThreadProps {
+  /**
+   * Ordered list of messages in the thread, from oldest to newest.
+   */
   messages: CommentMessage[];
+  /**
+   * Author of the top-level comment. Used to visually distinguish their messages
+   * from replies by other participants.
+   */
   commentAuthor: CommentAuthor;
+  /**
+   * The user currently viewing the thread. Used to decide which messages the viewer
+   * can edit or delete.
+   */
   currentUser?: CommentAuthor;
+  /**
+   * Called when a message is edited. Receives the message id and the new content.
+   */
   onEditMessage?: (messageId: string, newContent: string) => void;
+  /**
+   * Called when a message is deleted. Receives the message id.
+   */
   onDeleteMessage?: (messageId: string) => void;
+  /**
+   * Called when a message is marked as unread. Receives the message id.
+   */
   onMarkUnread?: (messageId: string) => void;
+  /**
+   * Called when a message is resolved. Receives the message id.
+   */
   onResolved?: (messageId: string) => void;
+  /**
+   * Additional CSS class name applied to the thread root
+   */
   className?: string;
 }
 //#endregion
@@ -7212,16 +7833,54 @@ declare const DsCommentThread: ({
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
 interface DsThreadItemProps {
+  /**
+   * Stable identifier for the message. Passed to callbacks to identify which
+   * message the user acted on.
+   */
   id: string;
+  /**
+   * Author of the message
+   */
   author: CommentAuthor;
+  /**
+   * Text content of the message
+   */
   content: string;
+  /**
+   * Timestamp when the message was created
+   */
   createdAt: Date;
+  /**
+   * Whether this message was posted by the author of the top-level comment.
+   * Styled slightly differently from replies by other participants.
+   * @default false
+   */
   isCommentAuthorMessage?: boolean;
+  /**
+   * Whether the current viewer can edit or delete this message. Typically true
+   * only when the viewer is the message's author.
+   * @default false
+   */
   canModify?: boolean;
+  /**
+   * Called when the viewer saves an edit. Receives the message id and the new content.
+   */
   onEdit?: (messageId: string, newContent: string) => void;
+  /**
+   * Called when the viewer deletes the message. Receives the message id.
+   */
   onDelete?: (messageId: string) => void;
+  /**
+   * Called when the viewer marks the message as unread. Receives the message id.
+   */
   onMarkUnread?: (messageId: string) => void;
+  /**
+   * Called when the viewer resolves the message. Receives the message id.
+   */
   onResolved?: (messageId: string) => void;
+  /**
+   * Additional CSS class name applied to the item root
+   */
   className?: string;
 }
 //#endregion
@@ -7243,12 +7902,38 @@ declare const DsThreadItem: ({
 //#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
 type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
 interface DsCommentIndicatorProps {
+  /**
+   * Visual state of the indicator:
+   * - `placeholder`: dashed outline for "click here to add a comment" affordances
+   * - `default`: filled pin showing an existing comment
+   * - `action-required`: emphasized pin for comments flagged as requiring action
+   * @default default
+   */
   type?: CommentIndicatorType;
+  /**
+   * Optional URL to the author's avatar image shown inside the pin
+   */
   avatarSrc?: string;
+  /**
+   * Author display name used to derive fallback avatar initials when `avatarSrc`
+   * is not provided
+   */
   avatarName?: string;
+  /**
+   * Called when the indicator is clicked (e.g., to open the comment bubble)
+   */
   onClick?: () => void;
+  /**
+   * Ref forwarded to the indicator root button element
+   */
   ref?: Ref<HTMLButtonElement>;
+  /**
+   * Additional CSS class name applied to the indicator root
+   */
   className?: string;
+  /**
+   * Inline styles applied to the indicator root
+   */
   style?: CSSProperties;
 }
 //#endregion
@@ -7265,23 +7950,87 @@ declare const DsCommentIndicator: ({
 //#endregion
 //#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
 interface DsCommentsDrawerProps {
+  /**
+   * Ref forwarded to the drawer root element
+   */
   ref?: Ref<HTMLElement>;
+  /**
+   * Whether the drawer is visible
+   */
   open: boolean;
+  /**
+   * Called when the drawer should open or close (e.g., backdrop click, close button,
+   * escape key). Receives the next `open` state.
+   */
   onOpenChange: (open: boolean) => void;
+  /**
+   * List of comment threads to render in the drawer
+   */
   comments: CommentData[];
+  /**
+   * Whether resolved comments are currently included in the visible list.
+   * @default false
+   */
   showResolved?: boolean;
+  /**
+   * Called when the "show resolved" toggle changes. Receives the new boolean value.
+   */
   onShowResolvedChange?: (show: boolean) => void;
+  /**
+   * Current value of the search input (controlled)
+   */
   searchQuery?: string;
+  /**
+   * Called when the search query changes. Receives the new query string.
+   */
   onSearchChange?: (query: string) => void;
+  /**
+   * Called when a comment card is clicked. Receives the full comment so consumers
+   * can open the thread in a bubble or scroll to its anchor.
+   */
   onCommentClick?: (comment: CommentData) => void;
+  /**
+   * Called when a comment is resolved from its card overflow menu. Receives the
+   * comment id.
+   */
   onResolveComment?: (commentId: string) => void;
+  /**
+   * Called when a comment's action-required flag is toggled from its card overflow
+   * menu. Receives the comment id.
+   */
   onToggleActionRequired?: (commentId: string) => void;
+  /**
+   * Called when a comment is forwarded from its card overflow menu. Receives the
+   * comment id.
+   */
   onForward?: (commentId: string) => void;
+  /**
+   * Called when a comment is marked as unread from its card overflow menu. Receives
+   * the comment id.
+   */
   onMarkUnread?: (commentId: string) => void;
+  /**
+   * Called when a link to the comment is copied from its card overflow menu.
+   * Receives the comment id.
+   */
   onCopyLink?: (commentId: string) => void;
+  /**
+   * Called when a comment is deleted from its card overflow menu. Receives the
+   * comment id.
+   */
   onDelete?: (commentId: string) => void;
+  /**
+   * Custom empty-state content shown when the comments list is empty after
+   * applying filters and search. Defaults to a built-in placeholder when omitted.
+   */
   noCommentsMessage?: ReactNode;
+  /**
+   * Additional CSS class name applied to the drawer root
+   */
   className?: string;
+  /**
+   * Inline styles applied to the drawer root
+   */
   style?: CSSProperties;
 }
 //#endregion
@@ -7308,16 +8057,49 @@ declare const DsCommentsDrawer: ({
 //#endregion
 //#region src/components/ds-comments-drawer/comments-filters.types.d.ts
 interface FilterTag {
+  /**
+   * Stable identifier for the chip, used when removing it from the filter state
+   */
   id: string;
+  /**
+   * Human-readable label rendered inside the chip
+   */
   label: string;
+  /**
+   * Identifier of the filter category this chip belongs to (e.g., `authors`,
+   * `labels`, `statuses`). Maps to a key on `CommentsFilterState`.
+   */
   filterId: string;
+  /**
+   * Underlying filter value this chip represents (e.g., an author id or a status
+   * value). Used to remove the value from the corresponding array in
+   * `CommentsFilterState`.
+   */
   value: string;
 }
 interface CommentsFilterState {
+  /**
+   * Author ids currently included in the filter. Empty array means no author
+   * filter is applied.
+   */
   authors: string[];
+  /**
+   * Lower bound of the createdAt range as an ISO date string, inclusive.
+   */
   dateFrom?: string;
+  /**
+   * Upper bound of the createdAt range as an ISO date string, inclusive.
+   */
   dateTo?: string;
+  /**
+   * Label strings currently included in the filter. Empty array means no label
+   * filter is applied.
+   */
   labels: string[];
+  /**
+   * Status buckets currently included in the filter. Empty array means all
+   * statuses are shown.
+   */
   statuses: ('unresolved' | 'resolved' | 'action-required')[];
 }
 //#endregion
@@ -7351,13 +8133,9 @@ interface DsConfirmationProps {
 }
 //#endregion
 //#region src/components/ds-confirmation/ds-confirmation.d.ts
-/**
- * @deprecated DsConfirmation is deprecated. Use DsModal instead.
- * @see {@link ../ds-modal} for the replacement component.
- */
-declare const DsConfirmation: {
-  (props: DsConfirmationProps): _$react_jsx_runtime0.JSX.Element;
-  Header: ({
+declare function DsConfirmation(props: DsConfirmationProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace DsConfirmation {
+  var Header: ({
     style,
     className,
     children
@@ -7366,7 +8144,9 @@ declare const DsConfirmation: {
     className?: string;
     children: _$react.ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Title: ({
+}
+declare namespace DsConfirmation {
+  var Title: ({
     style,
     className,
     children
@@ -7375,14 +8155,18 @@ declare const DsConfirmation: {
     className?: string;
     children: _$react.ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  CloseTrigger: ({
+}
+declare namespace DsConfirmation {
+  var CloseTrigger: ({
     style,
     className
   }: {
     style?: _$react.CSSProperties;
     className?: string;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Body: ({
+}
+declare namespace DsConfirmation {
+  var Body: ({
     style,
     className,
     children
@@ -7391,7 +8175,9 @@ declare const DsConfirmation: {
     className?: string;
     children: _$react.ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Footer: ({
+}
+declare namespace DsConfirmation {
+  var Footer: ({
     style,
     className,
     children
@@ -7400,7 +8186,9 @@ declare const DsConfirmation: {
     className?: string;
     children: _$react.ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Actions: ({
+}
+declare namespace DsConfirmation {
+  var Actions: ({
     style,
     className,
     children
@@ -7409,7 +8197,7 @@ declare const DsConfirmation: {
     className?: string;
     children: _$react.ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-};
+}
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.types.d.ts
 /**
@@ -7463,6 +8251,29 @@ type DsDateInputRangeProps = {
  * Base props shared across all modes
  */
 type DsDateInputBaseProps = Pick<DatePickerRootProps, 'disabled' | 'readOnly' | 'id' | 'open' | 'name' | 'style'> & {
+  /**
+   * Unique identifier for the input field
+   */
+  id?: string;
+  /**
+   * HTML name attribute for the input field, used in form submissions
+   */
+  name?: string;
+  /**
+   * Whether the input is disabled and cannot be interacted with
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Whether the input is read-only. The field is focusable but the value cannot
+   * be changed.
+   * @default false
+   */
+  readOnly?: boolean;
+  /**
+   * Whether the calendar popover is open (controlled). Pair with `onOpenChange`.
+   */
+  open?: boolean;
   /**
    * Callback when the open state changes
    * @param open - Whether the calendar is open
@@ -7531,7 +8342,7 @@ declare const DsDateInput: ({
 }: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-text-input/ds-text-input.types.d.ts
-declare const textInputSizes: readonly ["small", "default"];
+declare const textInputSizes: readonly ['small', 'default'];
 type TextInputSize = (typeof textInputSizes)[number];
 interface DsTextInputProps {
   /**
@@ -7541,7 +8352,7 @@ interface DsTextInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React.Ref<HTMLInputElement>;
+  ref?: React$1.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -7559,21 +8370,21 @@ interface DsTextInputProps {
   /**
    * Event handler called when the input field receives focus
    */
-  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  onFocus?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
   /**
    * Event handler called when the input field loses focus
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when a key is pressed down
    */
-  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+  onKeyDown?: (event: React$1.KeyboardEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the value)
    */
@@ -7585,7 +8396,7 @@ interface DsTextInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * The placeholder text
    */
@@ -7627,21 +8438,24 @@ interface DsTextInputProps {
    * The tabIndex of the input
    */
   tabIndex?: number;
+  /**
+   * Optional render slots for customizing parts of the input.
+   */
   slots?: {
     /**
      * Custom component to wrap the input element
      */
     inputWrapper?: ComponentType<{
-      children: React.ReactNode;
+      children: React$1.ReactNode;
     }>;
     /**
      * Adornment to display at the start of the input
      */
-    startAdornment?: React.ReactNode;
+    startAdornment?: React$1.ReactNode;
     /**
      * Adornment to display at the end of the input
      */
-    endAdornment?: React.ReactNode;
+    endAdornment?: React$1.ReactNode;
   };
 }
 //#endregion
@@ -7650,17 +8464,58 @@ declare const DsTextInput: FC<DsTextInputProps>;
 //#endregion
 //#region src/components/ds-time-picker/ds-time-picker.types.d.ts
 interface DsTimePickerProps {
+  /**
+   * Unique identifier for the input field
+   */
   id?: string;
+  /**
+   * Ref forwarded to the time picker root element
+   */
   ref?: RefObject<HTMLDivElement>;
+  /**
+   * Additional CSS class name applied to the root element
+   */
   className?: string;
+  /**
+   * Current selected time (controlled). Use `null` to represent no selection.
+   * Pair with `onChange`.
+   */
   value?: Date | null;
+  /**
+   * Initial time when uncontrolled.
+   */
   defaultValue?: Date;
+  /**
+   * Whether the popover is open (controlled). Pair with `onOpenChange`.
+   */
   open?: boolean;
+  /**
+   * Whether the popover is initially open when uncontrolled.
+   * @default false
+   */
   defaultOpen?: boolean;
+  /**
+   * Placeholder text shown in the input when no time is selected.
+   */
   placeholder?: string;
+  /**
+   * Earliest selectable time. Times before this are disabled.
+   */
   min?: Date;
+  /**
+   * Latest selectable time. Times after this are disabled.
+   */
   max?: Date;
+  /**
+   * Whether the picker is disabled and cannot be interacted with.
+   * @default false
+   */
   disabled?: boolean;
+  /**
+   * Whether the picker is read-only. The input is focusable but the value cannot
+   * be changed.
+   * @default false
+   */
   readOnly?: boolean;
   /**
    * Whether to hide the clear button
@@ -7672,20 +8527,58 @@ interface DsTimePickerProps {
    * @default false
    */
   disablePortal?: boolean;
+  /**
+   * Localized labels used in the picker UI and for accessibility.
+   */
   locale?: DsTimePickerLocale;
+  /**
+   * Props forwarded to the internal input and popover slots.
+   */
   slotProps?: DsTimePickerSlotProps;
+  /**
+   * Called when the selected time changes. Receives the new Date or `null` when
+   * cleared.
+   */
   onChange?: (value: Date | null) => void;
+  /**
+   * Called when the popover opens or closes. Receives the next `open` state.
+   */
   onOpenChange?: (open: boolean) => void;
+  /**
+   * Called when the input is blurred
+   */
+  onBlur?: () => void;
 }
 interface DsTimePickerLocale {
+  /**
+   * aria-label for the button that opens the popover
+   */
   openLabel?: string;
+  /**
+   * aria-label for the clear button
+   */
   clearLabel?: string;
+  /**
+   * aria-label for the hour scroller
+   */
   hourLabel?: string;
+  /**
+   * aria-label for the minute scroller
+   */
   minuteLabel?: string;
+  /**
+   * aria-label for the AM/PM period scroller
+   */
   periodLabel?: string;
 }
 interface DsTimePickerSlotProps {
+  /**
+   * Props forwarded to the underlying `DsTextInput` that displays the selected time.
+   */
   input?: DsTextInputProps;
+  /**
+   * Props forwarded to the Ark popover content that hosts the time scrollers.
+   */
   popover?: PopoverContentProps;
 }
 //#endregion
@@ -7700,12 +8593,27 @@ declare const formatTime: (date?: Date | null) => string;
 //#endregion
 //#region src/components/ds-date-picker/ds-date-picker.types.d.ts
 interface DsDatePickerLocale {
+  /**
+   * aria-label for the button that opens the calendar popover
+   */
   openCalendarLabel?: string;
+  /**
+   * aria-label for the button that reveals the time picker when `withTime` is set
+   */
   timeTriggerLabel?: string;
+  /**
+   * aria-label for the clear button
+   */
   clearLabel?: string;
 }
 interface DsDatePickerSlotProps {
+  /**
+   * Props forwarded to the underlying `DsTextInput` that displays the selected date.
+   */
   input?: DsTextInputProps;
+  /**
+   * Props forwarded to the nested `DsTimePicker` rendered when `withTime` is set.
+   */
   timePicker?: DsTimePickerProps;
 }
 interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'readOnly' | 'id' | 'open' | 'name'> {
@@ -7728,6 +8636,10 @@ interface DsDatePickerProps extends Pick<DatePickerRootProps, 'disabled' | 'read
    * Callback when the calendar open state changes
    */
   onOpenChange?: (open: boolean) => void;
+  /**
+   * Callback when the input is blurred
+   */
+  onBlur?: () => void;
   /**
    * Minimum allowed datetime as Date object
    */
@@ -7784,6 +8696,7 @@ declare const DsDatePicker: ({
   slotProps,
   onChange,
   onOpenChange,
+  onBlur,
   value: _value,
   defaultValue: _defaultValue,
   min: _min,
@@ -7803,7 +8716,7 @@ interface DsNumberInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React.Ref<HTMLInputElement>;
+  ref?: React$1.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -7818,12 +8731,12 @@ interface DsNumberInputProps {
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes (native input onChange event)
    * This is provided for compatibility but onValueChange is preferred
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the number value)
    * This is the preferred way to handle value changes
@@ -7836,7 +8749,7 @@ interface DsNumberInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * The placeholder text
    */
@@ -7882,7 +8795,7 @@ interface DsPasswordInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React.Ref<HTMLInputElement>;
+  ref?: React$1.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -7897,12 +8810,12 @@ interface DsPasswordInputProps {
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes (native input onChange event)
    * This is provided for compatibility but onValueChange is preferred
    */
-  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the string value)
    * This is the preferred way to handle value changes
@@ -7915,7 +8828,7 @@ interface DsPasswordInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * The placeholder text
    */
@@ -7947,7 +8860,7 @@ interface DsTextareaProps {
   /**
    * The ref to the textarea element
    */
-  ref?: React.Ref<HTMLTextAreaElement>;
+  ref?: React$1.Ref<HTMLTextAreaElement>;
   /**
    * The name of the textarea
    */
@@ -7957,11 +8870,11 @@ interface DsTextareaProps {
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+  onBlur?: (event: React$1.FocusEvent<HTMLTextAreaElement>) => void;
   /**
    * Callback when the value changes
    */
-  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  onChange?: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
   /**
    * Value change event handler (provides just the value)
    */
@@ -7973,7 +8886,7 @@ interface DsTextareaProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8006,7 +8919,7 @@ interface DsTextareaProps {
 }
 //#endregion
 //#region src/components/ds-textarea/ds-textarea.d.ts
-declare const DsTextarea: React.FC<DsTextareaProps>;
+declare const DsTextarea: React$1.FC<DsTextareaProps>;
 //#endregion
 //#region src/components/ds-select/ds-select.types.d.ts
 type SelectSize = 'default' | 'small';
@@ -8037,7 +8950,7 @@ type DsSelectProps = {
   /**
    * Additional styles to apply to the icon
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Additional CSS class names
    */
@@ -8047,7 +8960,7 @@ type DsSelectProps = {
    *
    * @param event
    */
-  onBlur?: (event: React.FocusEvent) => void;
+  onBlur?: (event: React$1.FocusEvent) => void;
   /**
    * Placeholder text to display when no option is selected
    */
@@ -8068,14 +8981,35 @@ type DsSelectProps = {
    */
   renderOption?: (option: DsSelectOption) => ReactNode;
 } & ({
+  /**
+   * When `false` or omitted, the select cannot be cleared. `onClear` is not
+   * accepted in this branch.
+   * @default false
+   */
   clearable?: undefined | false;
   onClear?: never;
 } | {
+  /**
+   * When `true`, renders a clear affordance on the trigger. Pair with `onClear`.
+   */
   clearable: true;
+  /**
+   * Called when the user clicks the clear affordance.
+   */
   onClear?: () => void;
 }) & ({
+  /**
+   * Single-selection mode. When `false` or omitted, `value` is a single string.
+   * @default false
+   */
   multiple?: undefined | false;
+  /**
+   * Currently selected option value (controlled).
+   */
   value: SelectOptionValue;
+  /**
+   * Called when the selection changes. Receives the newly selected option value.
+   */
   onValueChange?: (value: SelectOptionValue) => void;
   /**
    * Custom render function for the selected value in the trigger.
@@ -8084,8 +9018,19 @@ type DsSelectProps = {
    */
   renderValue?: (selectedOption: DsSelectOption) => ReactNode;
 } | {
+  /**
+   * Multi-selection mode. When `true`, `value` is an array of selected option
+   * values and `onValueChange` receives the full updated array.
+   */
   multiple: true;
+  /**
+   * Currently selected option values (controlled).
+   */
   value: SelectOptionValue[];
+  /**
+   * Called when the selection changes. Receives the full updated array of
+   * selected values.
+   */
   onValueChange?: (value: SelectOptionValue[]) => void;
   /**
    * Custom render function for the selected value in the trigger.
@@ -8113,9 +9058,9 @@ declare const DsSelect: ({
 }: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.types.d.ts
-declare const controlStatuses: readonly ["info", "success", "error", "warning"];
+declare const controlStatuses: readonly ['info', 'success', 'error', 'warning'];
 type ControlStatus = (typeof controlStatuses)[number];
-interface DsFormControlProps extends React.PropsWithChildren {
+interface DsFormControlProps extends React$1.PropsWithChildren {
   /**
    * Unique identifier for the control
    */
@@ -8132,11 +9077,14 @@ interface DsFormControlProps extends React.PropsWithChildren {
    * Marks the field as required
    */
   required?: boolean;
+  /**
+   * Optional render slots for customizing parts of the control.
+   */
   slots?: {
     /**
      * Adornment to display at the end of the label
      */
-    endAdornment?: React.ReactNode;
+    endAdornment?: React$1.ReactNode;
   };
   /**
    * Message under the control
@@ -8153,13 +9101,13 @@ interface DsFormControlProps extends React.PropsWithChildren {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
 }
 interface DsFormControlDescriptionProps {
   /**
    * The description content
    */
-  children: React.ReactNode;
+  children: React$1.ReactNode;
   /**
    * Additional CSS class names
    */
@@ -8167,42 +9115,74 @@ interface DsFormControlDescriptionProps {
 }
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.d.ts
-declare const DsFormControl: {
-  ({
-    id,
-    status,
-    label,
-    required,
-    slots,
-    message,
-    messageIcon,
-    className,
-    style,
-    children
-  }: DsFormControlProps): _$react_jsx_runtime0.JSX.Element;
-  TextInput: (props: DsTextInputProps) => _$react_jsx_runtime0.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => _$react_jsx_runtime0.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => _$react_jsx_runtime0.JSX.Element; /** @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead. */
-  DateInput: (props: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
-  DatePicker: (props: DsDatePickerProps) => _$react_jsx_runtime0.JSX.Element;
-  TimePicker: (props: DsTimePickerProps) => _$react_jsx_runtime0.JSX.Element;
-  Textarea: (props: DsTextareaProps) => _$react_jsx_runtime0.JSX.Element;
-  Select: (props: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
-  Description: React.FC<DsFormControlDescriptionProps>;
-};
+declare function DsFormControl({
+  id,
+  status,
+  label,
+  required,
+  slots,
+  message,
+  messageIcon,
+  className,
+  style,
+  children
+}: DsFormControlProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace DsFormControl {
+  var TextInput: (props: DsTextInputProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsFormControl {
+  var NumberInput: (props: DsNumberInputProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsFormControl {
+  var PasswordInput: (props: DsPasswordInputProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsFormControl {
+  var DateInput: (props: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsFormControl {
+  var DatePicker: (props: DsDatePickerProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsFormControl {
+  var TimePicker: (props: DsTimePickerProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsFormControl {
+  var Textarea: (props: DsTextareaProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsFormControl {
+  var Select: (props: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsFormControl {
+  var 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];
-declare const dateRangePickerOrientations: readonly ["horizontal", "vertical"];
+declare const dateRangePickerOrientations: readonly ['horizontal', 'vertical'];
 type DateRangePickerOrientation = (typeof dateRangePickerOrientations)[number];
 interface DsDateRangePickerLocale {
+  /**
+   * Label shown on the "Clear all" button.
+   */
   clearAllLabel?: string;
 }
 type DateRangeFormControlSlotProps = Partial<Omit<DsFormControlProps, 'children'>>;
 interface DsDateRangePickerSlotProps {
+  /**
+   * Props forwarded to the start-date `DsDatePicker`.
+   */
   startDatePicker?: DsDatePickerProps;
+  /**
+   * Props forwarded to the end-date `DsDatePicker`.
+   */
   endDatePicker?: DsDatePickerProps;
+  /**
+   * Props forwarded to the `DsFormControl` wrapping the start-date picker
+   * (e.g., to set a label or helper text).
+   */
   startDateFormControl?: DateRangeFormControlSlotProps;
+  /**
+   * Props forwarded to the `DsFormControl` wrapping the end-date picker.
+   */
   endDateFormControl?: DateRangeFormControlSlotProps;
 }
 interface DsDateRangePickerProps {
@@ -8248,8 +9228,20 @@ interface DsDateRangePickerProps {
    * @default true
    */
   closeOnSelect?: boolean;
+  /**
+   * Whether both pickers are disabled.
+   * @default false
+   */
   disabled?: boolean;
+  /**
+   * Whether both pickers are read-only. Inputs are focusable but values cannot
+   * be changed.
+   * @default false
+   */
   readOnly?: boolean;
+  /**
+   * Additional CSS class name applied to the range picker wrapper.
+   */
   className?: string;
   /**
    * Whether to disable the portal for both calendar popups
@@ -8314,7 +9306,7 @@ interface DsDialogProps {
   /**
    * The content to render inside the dialog.
    */
-  children: React.ReactNode;
+  children: React$1.ReactNode;
   /**
    * Additional CSS class names for the dialog container.
    */
@@ -8322,12 +9314,18 @@ interface DsDialogProps {
   /**
    * Ref to the element the dialog should be anchored to (for relative placement)
    */
-  anchorRef?: React.RefObject<HTMLElement>;
+  anchorRef?: React$1.RefObject<HTMLElement>;
   /**
    * Custom fixed position (e.g., { top: number, left: number })
    */
   customPosition?: {
+    /**
+     * Distance in pixels from the top of the viewport.
+     */
     top: number;
+    /**
+     * Distance in pixels from the left of the viewport.
+     */
     left: number;
   };
   /**
@@ -8337,7 +9335,7 @@ interface DsDialogProps {
 }
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.d.ts
-declare const DsDialog: React.FC<DsDialogProps>;
+declare const DsDialog: React$1.FC<DsDialogProps>;
 //#endregion
 //#region src/components/ds-divider/ds-divider.types.d.ts
 interface DsDividerProps {
@@ -8349,11 +9347,11 @@ interface DsDividerProps {
    * Underlying element/component to render.
    * Examples: "hr", "div", "span", Link, etc.
    */
-  component?: React.ElementType;
+  component?: React$1.ElementType;
   /**
    * Additional CSS styles.
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Additional CSS classes.
    */
@@ -8361,7 +9359,7 @@ interface DsDividerProps {
 }
 //#endregion
 //#region src/components/ds-divider/ds-divider.d.ts
-declare const DsDivider: React.FC<DsDividerProps>;
+declare const DsDivider: React$1.FC<DsDividerProps>;
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.types.d.ts
 /**
@@ -8417,21 +9415,21 @@ interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnI
 }
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.d.ts
-declare const DsDrawer: {
-  ({
-    open,
-    onOpenChange,
-    columns,
-    position,
-    backdrop,
-    closeOnEscape,
-    closeOnInteractOutside,
-    portal,
-    style,
-    className,
-    children
-  }: DsDrawerProps): _$react_jsx_runtime0.JSX.Element;
-  Header: ({
+declare function DsDrawer({
+  open,
+  onOpenChange,
+  columns,
+  position,
+  backdrop,
+  closeOnEscape,
+  closeOnInteractOutside,
+  portal,
+  style,
+  className,
+  children
+}: DsDrawerProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace DsDrawer {
+  var Header: ({
     style,
     className,
     children
@@ -8440,7 +9438,9 @@ declare const DsDrawer: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Title: ({
+}
+declare namespace DsDrawer {
+  var Title: ({
     style,
     className,
     children
@@ -8449,14 +9449,18 @@ declare const DsDrawer: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  CloseTrigger: ({
+}
+declare namespace DsDrawer {
+  var CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Toolbar: ({
+}
+declare namespace DsDrawer {
+  var Toolbar: ({
     style,
     className,
     children
@@ -8465,7 +9469,9 @@ declare const DsDrawer: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Body: ({
+}
+declare namespace DsDrawer {
+  var Body: ({
     style,
     className,
     children
@@ -8474,7 +9480,9 @@ declare const DsDrawer: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Footer: ({
+}
+declare namespace DsDrawer {
+  var Footer: ({
     style,
     className,
     children
@@ -8483,7 +9491,9 @@ declare const DsDrawer: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Actions: ({
+}
+declare namespace DsDrawer {
+  var Actions: ({
     style,
     className,
     children
@@ -8492,7 +9502,7 @@ declare const DsDrawer: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-};
+}
 //#endregion
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
 /**
@@ -8639,6 +9649,30 @@ interface DsDropdownMenuContentProps extends Pick<Menu.ContentProps, 'className'
  * Props for the DsDropdownMenu Item component
  */
 interface DsDropdownMenuItemProps extends Pick<Menu.ItemProps, 'disabled' | 'asChild' | 'className' | 'style' | 'onSelect' | 'onClick' | 'value' | 'children'> {
+  /**
+   * Underlying value reported to the root's `onSelect` when this item is chosen.
+   */
+  value: Menu.ItemProps['value'];
+  /**
+   * Whether this item is disabled and cannot be selected.
+   * @default false
+   */
+  disabled?: Menu.ItemProps['disabled'];
+  /**
+   * Render the item as its direct child via Radix-style slot forwarding. Useful
+   * for wrapping links (`<a>`) as dropdown items.
+   * @default false
+   */
+  asChild?: Menu.ItemProps['asChild'];
+  /**
+   * Called when the item is selected via click or keyboard activation.
+   */
+  onSelect?: Menu.ItemProps['onSelect'];
+  /**
+   * Called when the item is clicked. Fires before `onSelect` and runs even when
+   * keyboard-activated via Space/Enter.
+   */
+  onClick?: Menu.ItemProps['onClick'];
   /**
    * Whether the item is selected (applies selected styling)
    */
@@ -8744,7 +9778,7 @@ type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
  * Use compound component pattern instead
  * @deprecated
  */
-declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
+declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
 /**
  * Design system  DsDropdownMenu component
  *
@@ -8776,18 +9810,18 @@ declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
  * </DsDropdownMenu.Root>
  */
 declare const DsDropdownMenu: {
-  Root: React.FC<DsDropdownMenuRootProps>;
-  Trigger: React.FC<Menu.TriggerProps>;
-  Content: React.FC<DsDropdownMenuContentProps>;
-  Item: React.FC<DsDropdownMenuItemProps>;
-  ItemIndicator: React.FC<DsDropdownMenuItemIndicatorProps>;
-  TriggerItem: React.FC<Menu.TriggerItemProps>;
-  Header: React.FC<DsDropdownMenuHeaderProps>;
-  Actions: React.FC<DsDropdownMenuActionsProps>;
-  ItemGroup: React.FC<DsDropdownMenuItemGroupProps>;
-  ItemGroupLabel: React.FC<Menu.ItemGroupLabelProps>;
-  ItemGroupContent: React.FC<DsDropdownMenuItemGroupContentProps>;
-  Separator: React.FC<Menu.SeparatorProps>;
+  Root: React$1.FC<DsDropdownMenuRootProps>;
+  Trigger: React$1.FC<Menu.TriggerProps>;
+  Content: React$1.FC<DsDropdownMenuContentProps>;
+  Item: React$1.FC<DsDropdownMenuItemProps>;
+  ItemIndicator: React$1.FC<DsDropdownMenuItemIndicatorProps>;
+  TriggerItem: React$1.FC<Menu.TriggerItemProps>;
+  Header: React$1.FC<DsDropdownMenuHeaderProps>;
+  Actions: React$1.FC<DsDropdownMenuActionsProps>;
+  ItemGroup: React$1.FC<DsDropdownMenuItemGroupProps>;
+  ItemGroupLabel: React$1.FC<Menu.ItemGroupLabelProps>;
+  ItemGroupContent: React$1.FC<DsDropdownMenuItemGroupContentProps>;
+  Separator: React$1.FC<Menu.SeparatorProps>;
 };
 //#endregion
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.types.d.ts
@@ -8820,21 +9854,63 @@ type FileError = FileUploadFileError;
 type UploadFileStatus = 'pending' | 'uploading' | 'interrupted' | 'completed' | 'error' | 'cancelled';
 type FileMetadata = Record<string, unknown>;
 interface UploadedFile extends File {
+  /**
+   * Stable identifier assigned by the uploader. Used to correlate progress
+   * updates, retries, and deletions with this specific file.
+   */
   id: string;
+  /**
+   * Current upload progress as a number between `0` and `1`.
+   */
   progress: number;
+  /**
+   * Current lifecycle state of the upload.
+   */
   status: UploadFileStatus;
+  /**
+   * Validation or upload errors associated with this file. Present when
+   * `status` is `error` or when the file fails client-side validation.
+   */
   errors?: FileError[];
+  /**
+   * Native `File` the user selected. Kept alongside so consumers can access
+   * the original binary even after `UploadedFile` has been enriched.
+   */
   originalFile: File;
 }
 interface FileUploadOptions {
+  /**
+   * The file to upload.
+   */
   file: File;
+  /**
+   * Stable identifier for this upload. Must match the `id` on the corresponding
+   * `UploadedFile` so progress and cancellation are routed correctly.
+   */
   fileId: string;
+  /**
+   * Optional custom metadata forwarded by the consumer (e.g., tags, parent ids).
+   */
   metadata?: FileMetadata;
+  /**
+   * Called by the adapter with upload progress updates as a number between `0`
+   * and `1`.
+   */
   onProgress?: (progress: number) => void;
+  /**
+   * AbortSignal that fires when the consumer cancels the upload. Adapters should
+   * observe this and abort any in-flight network request.
+   */
   signal?: AbortSignal;
 }
 interface FileUploadResult {
+  /**
+   * URL of the successfully uploaded file, returned by the backend.
+   */
   url: string;
+  /**
+   * Optional metadata returned by the backend alongside the URL.
+   */
   metadata?: FileMetadata;
 }
 /**
@@ -8845,8 +9921,21 @@ interface FileUploadResult {
  * - reject with FatalFileUploadError for permanent failures
  */
 interface FileUploadAdapter {
+  /**
+   * Uploads a single file. Resolve with `FileUploadResult` on success; reject
+   * with `RetryableFileUploadError` for transient failures (will be retried) or
+   * `FatalFileUploadError` for permanent failures (surfaces to the user).
+   */
   upload: (options: FileUploadOptions) => FileUploadResult | Promise<FileUploadResult>;
+  /**
+   * Optional hook called when the user cancels an in-flight upload. Implementations
+   * should abort any pending network work for the given `fileId`.
+   */
   cancel?: (fileId: string) => void | Promise<void>;
+  /**
+   * Optional hook called when the user removes a previously uploaded file. Typically
+   * issues a delete request to the backend so stored files can be cleaned up.
+   */
   delete?: (fileId: string) => void | Promise<void>;
 }
 //#endregion
@@ -8958,6 +10047,7 @@ interface FileUploadProps {
   disabled?: boolean;
   /**
    * Whether the file upload layout is compact (inline)
+   * @default false
    */
   compact?: boolean;
 }
@@ -8967,7 +10057,7 @@ interface FileUploadProps {
  * Design system base File Upload component
  * Used in conjunction with the useFileUpload hook
  */
-declare const FileUpload: React.FC<FileUploadProps>;
+declare const FileUpload: React$1.FC<FileUploadProps>;
 //#endregion
 //#region src/components/ds-file-upload/ds-file-upload.types.d.ts
 interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry' | 'uploadProgress'> {
@@ -9004,7 +10094,7 @@ interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFil
 /**
  * Design system File Upload component (with state management)
  */
-declare const DsFileUpload: React.FC<DsFileUploadProps>;
+declare const DsFileUpload: React$1.FC<DsFileUploadProps>;
 //#endregion
 //#region src/components/ds-file-upload/hooks/use-file-upload.d.ts
 interface UseFileUploadConfig {
@@ -9084,7 +10174,7 @@ declare class FatalFileUploadError extends FileUploadError {
 }
 //#endregion
 //#region src/components/ds-filter-status-icon/ds-filter-status-icon.types.d.ts
-declare const filterStatuses: readonly ["running", "warning", "failed", "paused"];
+declare const filterStatuses: readonly ['running', 'warning', 'failed', 'paused'];
 type FilterStatus = (typeof filterStatuses)[number];
 interface DsFilterStatusIconProps {
   /**
@@ -9124,72 +10214,53 @@ declare const DsFilterStatusIcon: ({
   style
 }: DsFilterStatusIconProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
-//#region src/components/ds-grid/ds-grid.types.d.ts
-interface DsGridProps {
-  /**
-   * The content to be rendered inside the grid
-   */
-  children: ReactNode;
-  /**
-   * Number of rows in the grid (defaults to 1)
-   */
-  rows?: 1 | 2 | 4 | 6 | 8;
-  /**
-   * Number of columns in the grid (defaults to 12)
-   */
-  columns?: 2 | 4 | 6 | 8 | 10 | 12;
-  /**
-   * Custom class names to apply to the grid
-   */
-  className?: string;
-}
-interface DsGridItemProps {
-  /**
-   * The content to be rendered inside the grid item
-   */
-  children: ReactNode;
-  /**
-   * Number of columns the item spans (1-12) or 'full'
-   */
-  colSpan?: number | 'full';
-  /**
-   * Starting column for the item (1-11)
-   */
-  colStart?: number;
-  /**
-   * Number of rows the item spans (1-8) or 'full'
-   */
-  rowSpan?: number | 'full';
-  /**
-   * Starting row for the item (1-7)
-   */
-  rowStart?: number;
-  /**
-   * Custom class names to apply to the grid item
-   */
-  className?: string;
-}
-//#endregion
-//#region src/components/ds-grid/ds-grid.d.ts
-/**
- * Design system Grid component
- */
-declare const DsGrid: React.FC<DsGridProps>;
-/**
- * Design system GridItem component
- */
-declare const DsGridItem: React.FC<DsGridItemProps>;
+//#region src/components/ds-grid/index.d.ts
+declare const DsGrid: {
+  (props: {
+    children: _$react.ReactNode;
+    rows?: 1 | 2 | 4 | 6 | 8;
+    columns?: 2 | 4 | 6 | 8 | 10 | 12;
+    gutter?: ResponsiveValue<NonNullable<string | number | undefined>> | undefined;
+    margin?: ResponsiveValue<NonNullable<string | number | undefined>> | undefined;
+    className?: string;
+    style?: _$react.CSSProperties;
+  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
+declare const DsGridItem: {
+  (props: {
+    children: _$react.ReactNode;
+    colSpan?: ResponsiveValue<NonNullable<number | "full" | undefined>> | undefined;
+    colStart?: number;
+    rowSpan?: ResponsiveValue<NonNullable<number | "full" | undefined>> | undefined;
+    rowStart?: number;
+    className?: string;
+  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
+type DsGridProps = ComponentProps<typeof DsGrid>;
+type DsGridItemProps = ComponentProps<typeof DsGridItem>;
 //#endregion
 //#region src/components/ds-key-value-pair/ds-key-value-pair.types.d.ts
-declare const dsKeyValuePairOrientations: readonly ["vertical", "horizontal"];
+declare const dsKeyValuePairOrientations: readonly ['vertical', 'horizontal'];
 type DsKeyValuePairOrientation = (typeof dsKeyValuePairOrientations)[number];
 interface DsKeyValuePairProps {
+  /** Label rendered for the key side of the pair (left or top depending on `orientation`). */
   keyLabel: ReactNode;
   /** Shown when the editor is not active (read-only or not hovered). */
   value?: ReactNode;
-  /** @default false */
+  /**
+   * When `true`, the pair is rendered as a static display and the editor is never
+   * revealed (even on hover/focus).
+   * @default false
+   */
   readOnly?: boolean;
-  /** @default 'vertical' */
+  /**
+   * Layout orientation:
+   * - `vertical`: key stacked above value
+   * - `horizontal`: key and value side-by-side
+   * @default 'vertical'
+   */
   orientation?: DsKeyValuePairOrientation;
   /** Editor content revealed on hover/focus when not read-only. */
   editInput?: ReactNode;
@@ -9211,7 +10282,7 @@ declare const DsKeyValuePair: ({
 }: DsKeyValuePairProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-loader/ds-loader.types.d.ts
-declare const loaderVariants: readonly ["spinner", "pulsing"];
+declare const loaderVariants: readonly ['spinner', 'pulsing'];
 type LoaderVariant = (typeof loaderVariants)[number];
 interface DsLoaderProps {
   /**
@@ -9226,11 +10297,11 @@ interface DsLoaderProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Ref to the loader container element
    */
-  ref?: React.Ref<HTMLDivElement>;
+  ref?: React$1.Ref<HTMLDivElement>;
 }
 //#endregion
 //#region src/components/ds-loader/ds-loader.d.ts
@@ -9252,6 +10323,22 @@ type DsModalColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
  * Props for the DsModal component
  */
 interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' | 'closeOnInteractOutside'> {
+  /**
+   * Whether the modal traps focus and blocks interaction with the page behind the
+   * backdrop. When `false`, users can continue interacting with the underlying page.
+   * @default true
+   */
+  modal?: UseDialogProps['modal'];
+  /**
+   * Whether pressing the Escape key closes the modal.
+   * @default true
+   */
+  closeOnEscape?: UseDialogProps['closeOnEscape'];
+  /**
+   * Whether clicking or focusing outside the modal closes it.
+   * @default true
+   */
+  closeOnInteractOutside?: UseDialogProps['closeOnInteractOutside'];
   /**
    * Whether the modal is open
    */
@@ -9286,25 +10373,20 @@ interface DsModalProps extends Pick<UseDialogProps, 'modal' | 'closeOnEscape' |
 }
 //#endregion
 //#region src/components/ds-modal/ds-modal.d.ts
-/**
- * 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 DsModal: {
-  ({
-    open,
-    columns,
-    dividers,
-    style,
-    className,
-    modal,
-    closeOnEscape,
-    closeOnInteractOutside,
-    children,
-    onOpenChange
-  }: DsModalProps): _$react_jsx_runtime0.JSX.Element;
-  Header: ({
+declare function DsModal({
+  open,
+  columns,
+  dividers,
+  style,
+  className,
+  modal,
+  closeOnEscape,
+  closeOnInteractOutside,
+  children,
+  onOpenChange
+}: DsModalProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace DsModal {
+  var Header: ({
     style,
     className,
     children
@@ -9313,7 +10395,9 @@ declare const DsModal: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Title: ({
+}
+declare namespace DsModal {
+  var Title: ({
     style,
     className,
     children
@@ -9322,14 +10406,18 @@ declare const DsModal: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  CloseTrigger: ({
+}
+declare namespace DsModal {
+  var CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Body: ({
+}
+declare namespace DsModal {
+  var Body: ({
     style,
     className,
     children
@@ -9338,7 +10426,9 @@ declare const DsModal: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Footer: ({
+}
+declare namespace DsModal {
+  var Footer: ({
     style,
     className,
     children
@@ -9347,7 +10437,9 @@ declare const DsModal: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-  Actions: ({
+}
+declare namespace DsModal {
+  var Actions: ({
     style,
     className,
     children
@@ -9356,144 +10448,75 @@ declare const DsModal: {
     className?: string;
     children: ReactNode;
   }) => _$react_jsx_runtime0.JSX.Element;
-};
+}
 //#endregion
 //#region src/components/ds-panel/ds-panel.types.d.ts
 type DsPanelVariant = 'docked' | 'floating';
 type DsPanelBaseProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
+  /**
+   * Visual treatment of the panel:
+   * - `docked`: sits flush within the surrounding layout (default)
+   * - `floating`: elevated card with shadow, detached from the layout
+   * @default docked
+   */
   variant?: DsPanelVariant;
+  /**
+   * Width of the panel in pixels when expanded.
+   */
   width?: number;
+  /**
+   * Whether the panel edge can be dragged to resize its width.
+   * @default false
+   */
   draggable?: boolean;
+  /**
+   * Disable the default inner padding so the panel content can bleed to the edges.
+   * @default false
+   */
   disablePadding?: boolean;
+  /**
+   * Props forwarded to nested sub-components.
+   */
   slotProps?: {
+    /**
+     * Props forwarded to the collapse/expand button shown on the panel edge.
+     */
     collapseButton?: DsPanelCollapseButtonProps;
   };
+  /**
+   * Called when the panel's open (expanded) state changes. Receives the next
+   * boolean state.
+   */
   onOpenChange?: (open: boolean) => void;
 };
 type DsPanelProps = Omit<DsPanelBaseProps, 'width'> & {
+  /**
+   * Width of the panel when expanded. Accepts a single number (px) or a
+   * `ResponsiveValue` to vary width by breakpoint.
+   */
   width?: ResponsiveValue<number>;
 };
 type DsPanelCollapseButtonProps = {
+  /**
+   * Called when the collapse button is clicked.
+   */
   onClick?: () => void;
+  /**
+   * Whether the panel is currently collapsed. Drives the button's chevron
+   * orientation and aria-label.
+   * @default false
+   */
   collapsed?: boolean;
 };
 //#endregion
 //#region src/components/ds-panel/index.d.ts
 declare const DsPanel: {
   (props: {
-    slot?: string | undefined | undefined;
-    style?: _$react.CSSProperties | undefined;
-    title?: string | undefined | undefined;
     key?: _$react.Key | null | undefined;
-    defaultChecked?: boolean | undefined | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    suppressContentEditableWarning?: boolean | undefined | undefined;
-    suppressHydrationWarning?: boolean | undefined | undefined;
-    accessKey?: string | undefined | undefined;
-    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
-    autoFocus?: boolean | undefined | undefined;
-    className?: string | undefined | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextMenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
-    draggable?: boolean | undefined;
-    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    id?: string | undefined | undefined;
-    lang?: string | undefined | undefined;
-    nonce?: string | undefined | undefined;
-    spellCheck?: (boolean | "true" | "false") | undefined;
-    tabIndex?: number | undefined | undefined;
-    translate?: "yes" | "no" | undefined | undefined;
-    radioGroup?: string | undefined | undefined;
-    role?: _$react.AriaRole | undefined;
-    about?: string | undefined | undefined;
-    content?: string | undefined | undefined;
-    datatype?: string | undefined | undefined;
-    inlist?: any;
-    prefix?: string | undefined | undefined;
-    property?: string | undefined | undefined;
-    rel?: string | undefined | undefined;
-    resource?: string | undefined | undefined;
-    rev?: string | undefined | undefined;
-    typeof?: string | undefined | undefined;
-    vocab?: string | undefined | undefined;
-    autoCorrect?: string | undefined | undefined;
-    autoSave?: string | undefined | undefined;
-    color?: string | undefined | undefined;
-    itemProp?: string | undefined | undefined;
-    itemScope?: boolean | undefined | undefined;
-    itemType?: string | undefined | undefined;
-    itemID?: string | undefined | undefined;
-    itemRef?: string | undefined | undefined;
-    results?: number | undefined | undefined;
-    security?: string | undefined | undefined;
-    unselectable?: "on" | "off" | undefined | undefined;
-    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
-    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
-    popoverTarget?: string | undefined | undefined;
-    inert?: boolean | undefined | undefined;
-    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
-    is?: string | undefined | undefined;
-    exportparts?: string | undefined | undefined;
-    part?: string | undefined | undefined;
-    "aria-activedescendant"?: string | undefined | undefined;
-    "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
-    "aria-braillelabel"?: string | undefined | undefined;
-    "aria-brailleroledescription"?: string | undefined | undefined;
-    "aria-busy"?: (boolean | "true" | "false") | undefined;
-    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-colcount"?: number | undefined | undefined;
-    "aria-colindex"?: number | undefined | undefined;
-    "aria-colindextext"?: string | undefined | undefined;
-    "aria-colspan"?: number | undefined | undefined;
-    "aria-controls"?: string | undefined | undefined;
-    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
-    "aria-describedby"?: string | undefined | undefined;
-    "aria-description"?: string | undefined | undefined;
-    "aria-details"?: string | undefined | undefined;
-    "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
-    "aria-errormessage"?: string | undefined | undefined;
-    "aria-expanded"?: (boolean | "true" | "false") | undefined;
-    "aria-flowto"?: string | undefined | undefined;
-    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
-    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
-    "aria-hidden"?: (boolean | "true" | "false") | undefined;
-    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
-    "aria-keyshortcuts"?: string | undefined | undefined;
-    "aria-label"?: string | undefined | undefined;
-    "aria-labelledby"?: string | undefined | undefined;
-    "aria-level"?: number | undefined | undefined;
-    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
-    "aria-modal"?: (boolean | "true" | "false") | undefined;
-    "aria-multiline"?: (boolean | "true" | "false") | undefined;
-    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
-    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
-    "aria-owns"?: string | undefined | undefined;
-    "aria-placeholder"?: string | undefined | undefined;
-    "aria-posinset"?: number | undefined | undefined;
-    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
-    "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
-    "aria-required"?: (boolean | "true" | "false") | undefined;
-    "aria-roledescription"?: string | undefined | undefined;
-    "aria-rowcount"?: number | undefined | undefined;
-    "aria-rowindex"?: number | undefined | undefined;
-    "aria-rowindextext"?: string | undefined | undefined;
-    "aria-rowspan"?: number | undefined | undefined;
-    "aria-selected"?: (boolean | "true" | "false") | undefined;
-    "aria-setsize"?: number | undefined | undefined;
-    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
-    "aria-valuemax"?: number | undefined | undefined;
-    "aria-valuemin"?: number | undefined | undefined;
-    "aria-valuenow"?: number | undefined | undefined;
-    "aria-valuetext"?: string | undefined | undefined;
-    children?: _$react.ReactNode;
+    children?: _$react.ReactNode | undefined;
     dangerouslySetInnerHTML?: {
       __html: string | TrustedHTML;
-    } | undefined | undefined;
+    } | undefined;
     onCopy?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
     onCopyCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
     onCut?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
@@ -9662,17 +10685,125 @@ declare const DsPanel: {
     onTransitionRunCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionStart?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionStartCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
-    asChild?: boolean | undefined;
-    defaultOpen?: boolean | undefined;
-    open?: boolean | undefined;
-    disabled?: boolean | undefined;
-    variant?: DsPanelVariant | undefined;
+    "aria-activedescendant"?: string | undefined;
+    "aria-atomic"?: ("false" | "true" | boolean) | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
+    "aria-busy"?: ("false" | "true" | boolean) | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-colcount"?: number | undefined;
+    "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
+    "aria-colspan"?: number | undefined;
+    "aria-controls"?: string | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-disabled"?: ("false" | "true" | boolean) | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
+    "aria-errormessage"?: string | undefined;
+    "aria-expanded"?: ("false" | "true" | boolean) | undefined;
+    "aria-flowto"?: string | undefined;
+    "aria-grabbed"?: ("false" | "true" | boolean) | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
+    "aria-hidden"?: ("false" | "true" | boolean) | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+    "aria-keyshortcuts"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
+    "aria-level"?: number | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined;
+    "aria-modal"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiline"?: ("false" | "true" | boolean) | undefined;
+    "aria-multiselectable"?: ("false" | "true" | boolean) | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined;
+    "aria-owns"?: string | undefined;
+    "aria-placeholder"?: string | undefined;
+    "aria-posinset"?: number | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+    "aria-readonly"?: ("false" | "true" | boolean) | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
+    "aria-required"?: ("false" | "true" | boolean) | undefined;
+    "aria-roledescription"?: string | undefined;
+    "aria-rowcount"?: number | undefined;
+    "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
+    "aria-rowspan"?: number | undefined;
+    "aria-selected"?: ("false" | "true" | boolean) | undefined;
+    "aria-setsize"?: number | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
+    "aria-valuemax"?: number | undefined;
+    "aria-valuemin"?: number | undefined;
+    "aria-valuenow"?: number | undefined;
+    "aria-valuetext"?: string | undefined;
+    defaultChecked?: boolean | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined;
+    suppressHydrationWarning?: boolean | undefined;
+    accessKey?: string | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
+    autoFocus?: boolean | undefined;
+    className?: string | undefined;
+    contentEditable?: ("false" | "true" | boolean) | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined;
+    dir?: string | undefined;
+    draggable?: boolean | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined;
+    lang?: string | undefined;
+    nonce?: string | undefined;
+    slot?: string | undefined;
+    spellCheck?: ("false" | "true" | boolean) | undefined;
+    style?: _$react.CSSProperties | undefined;
+    tabIndex?: number | undefined;
+    title?: string | undefined;
+    translate?: "yes" | "no" | undefined;
+    radioGroup?: string | undefined;
+    role?: _$react.AriaRole | undefined;
+    about?: string | undefined;
+    content?: string | undefined;
+    datatype?: string | undefined;
+    inlist?: any;
+    prefix?: string | undefined;
+    property?: string | undefined;
+    rel?: string | undefined;
+    resource?: string | undefined;
+    rev?: string | undefined;
+    typeof?: string | undefined;
+    vocab?: string | undefined;
+    autoCorrect?: string | undefined;
+    autoSave?: string | undefined;
+    color?: string | undefined;
+    itemProp?: string | undefined;
+    itemScope?: boolean | undefined;
+    itemType?: string | undefined;
+    itemID?: string | undefined;
+    itemRef?: string | undefined;
+    results?: number | undefined;
+    security?: string | undefined;
+    unselectable?: "on" | "off" | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
+    popoverTarget?: string | undefined;
+    inert?: boolean | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+    is?: string | undefined;
+    exportparts?: string | undefined;
+    part?: string | undefined;
+    asChild?: boolean;
+    defaultOpen?: boolean;
+    open?: boolean;
+    disabled?: boolean;
+    variant?: DsPanelVariant;
     width?: ResponsiveValue<number> | undefined;
-    disablePadding?: boolean | undefined;
+    disablePadding?: boolean;
     slotProps?: {
       collapseButton?: DsPanelCollapseButtonProps;
-    } | undefined;
-    onOpenChange?: ((open: boolean) => void) | undefined;
+    };
+    onOpenChange?: (open: boolean) => void;
   }): _$react.FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
@@ -9682,11 +10813,11 @@ interface DsPopoverProps {
   /**
    * The element that triggers the popover
    */
-  trigger: React.ReactNode;
+  trigger: React$1.ReactNode;
   /**
    * The content to be rendered inside the popover
    */
-  children: React.ReactNode;
+  children: React$1.ReactNode;
   /**
    * Additional CSS class names
    */
@@ -9702,12 +10833,12 @@ interface DsPopoverProps {
 }
 //#endregion
 //#region src/components/ds-popover/ds-popover.d.ts
-declare const DsPopover: React.FC<DsPopoverProps>;
+declare const DsPopover: React$1.FC<DsPopoverProps>;
 //#endregion
 //#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
-declare const progressArcSizes: readonly ["small", "medium"];
+declare const progressArcSizes: readonly ['small', 'medium'];
 type ProgressArcSize = (typeof progressArcSizes)[number];
-declare const progressArcVariants: readonly ["default", "success", "error"];
+declare const progressArcVariants: readonly ['default', 'success', 'error'];
 type ProgressArcVariant = (typeof progressArcVariants)[number];
 interface DsProgressArcProps extends ComponentPropsWithoutRef<'div'> {
   /**
@@ -9745,9 +10876,9 @@ declare const DsProgressArc: ({
 }: DsProgressArcProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
-declare const progressDonutSizes: readonly ["small", "medium"];
+declare const progressDonutSizes: readonly ['small', 'medium'];
 type ProgressDonutSize = (typeof progressDonutSizes)[number];
-declare const progressDonutVariants: readonly ["default", "success", "error"];
+declare const progressDonutVariants: readonly ['default', 'success', 'error'];
 type ProgressDonutVariant = (typeof progressDonutVariants)[number];
 interface DsProgressDonutProps {
   /**
@@ -9786,9 +10917,9 @@ declare const DsProgressDonut: ({
 }: DsProgressDonutProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
-declare const progressLinearVariants: readonly ["initial", "progress", "interrupted", "success", "error"];
+declare const progressLinearVariants: readonly ['initial', 'progress', 'interrupted', 'success', 'error'];
 type ProgressLinearVariant = (typeof progressLinearVariants)[number];
-declare const progressLinearSizes: readonly ["small", "medium", "large"];
+declare const progressLinearSizes: readonly ['small', 'medium', 'large'];
 type ProgressLinearSize = (typeof progressLinearSizes)[number];
 interface DsProgressLinearProps {
   /**
@@ -9819,7 +10950,7 @@ interface DsProgressLinearProps {
   /**
    * Label displayed above the progress bar (left side)
    */
-  label?: React.ReactNode;
+  label?: React$1.ReactNode;
   /**
    * Whether to show the percentage value text (right side of label row)
    * @default true
@@ -9830,7 +10961,7 @@ interface DsProgressLinearProps {
    * When a string is provided, it is auto-styled with an icon and color based on the variant.
    * When a ReactNode is provided, it is rendered as-is.
    */
-  caption?: React.ReactNode | string;
+  caption?: React$1.ReactNode | string;
   /**
    * Additional CSS class names
    */
@@ -9838,11 +10969,11 @@ interface DsProgressLinearProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * Ref to the root element
    */
-  ref?: React.Ref<HTMLDivElement>;
+  ref?: React$1.Ref<HTMLDivElement>;
 }
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.d.ts
@@ -9868,6 +10999,28 @@ declare const DsProgressLinear: ({
  * Props for the DsRadioGroup Root component
  */
 interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'orientation' | 'children'> {
+  /**
+   * Currently selected radio value (controlled). Pair with `onValueChange`.
+   */
+  value?: RadioGroupRootProps['value'];
+  /**
+   * Initially selected radio value when uncontrolled.
+   */
+  defaultValue?: RadioGroupRootProps['defaultValue'];
+  /**
+   * Whether the entire radio group is disabled.
+   * @default false
+   */
+  disabled?: RadioGroupRootProps['disabled'];
+  /**
+   * HTML name attribute applied to each radio input, used in form submissions.
+   */
+  name?: RadioGroupRootProps['name'];
+  /**
+   * Layout orientation of the radio items.
+   * @default vertical
+   */
+  orientation?: RadioGroupRootProps['orientation'];
   /**
    * Event handler called when the selected value changes
    */
@@ -9877,6 +11030,16 @@ interface DsRadioGroupRootProps extends Pick<RadioGroupRootProps, 'id' | 'value'
  * Props for the DsRadioGroup Item component
  */
 interface DsRadioGroupItemProps extends Pick<RadioGroupItemProps, 'value' | 'disabled' | 'className' | 'style' | 'children'> {
+  /**
+   * Underlying value submitted when this item is selected.
+   */
+  value: RadioGroupItemProps['value'];
+  /**
+   * Whether this radio item is disabled. Takes precedence over the group-level
+   * `disabled` when the group is enabled.
+   * @default false
+   */
+  disabled?: RadioGroupItemProps['disabled'];
   /**
    * Optional label text for the radio item
    */
@@ -9914,7 +11077,7 @@ interface DsRadioOptionLegacy<ValueType = string> {
  * Use compound component pattern instead
  * @deprecated
  */
-interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> {
   /**
    * The radio group options
    */
@@ -9929,18 +11092,20 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
   defaultValue?: TOption['value'];
   /**
    * Event handler called when the selected value changes
-   *
-   * @param value
    */
   onValueChange?: (value: TOption['value']) => void;
+  /**
+   * Whether the entire radio group is disabled.
+   */
+  disabled?: boolean;
   /**
    * Additional CSS class names
    */
   className?: string;
   /**
-   * Additional styles to apply to the component
+   * Additional inline styles
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
 }
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.d.ts
@@ -9949,7 +11114,7 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
  * Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
  * @deprecated
  */
-declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
+declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
 /**
  * Design system RadioGroup component
  *
@@ -9960,8 +11125,8 @@ declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
  * </DsRadioGroup.Root>
  */
 declare const DsRadioGroup: {
-  Root: React.FC<DsRadioGroupRootProps>;
-  Item: React.FC<DsRadioGroupItemProps>;
+  Root: React$1.FC<DsRadioGroupRootProps>;
+  Item: React$1.FC<DsRadioGroupItemProps>;
 };
 //#endregion
 //#region src/components/ds-segment-group/ds-segment-group.types.d.ts
@@ -9973,6 +11138,23 @@ type DsSegmentGroupSize = 'small' | 'default';
  * Props for the DsSegmentGroup Root component
  */
 interface DsSegmentGroupRootProps extends Pick<SegmentGroupRootProps, 'value' | 'defaultValue' | 'disabled' | 'name' | 'className' | 'style' | 'children'> {
+  /**
+   * Currently selected segment value (controlled). Pair with `onValueChange`.
+   */
+  value?: SegmentGroupRootProps['value'];
+  /**
+   * Initially selected segment value when uncontrolled.
+   */
+  defaultValue?: SegmentGroupRootProps['defaultValue'];
+  /**
+   * Whether the entire segment group is disabled.
+   * @default false
+   */
+  disabled?: SegmentGroupRootProps['disabled'];
+  /**
+   * HTML name attribute used when the group participates in a form submission.
+   */
+  name?: SegmentGroupRootProps['name'];
   /**
    * Size variant of the segment group
    * @default 'default'
@@ -10025,45 +11207,127 @@ type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' |
  * </DsSegmentGroup.Root>
  */
 declare const DsSegmentGroup: {
-  Root: React.FC<DsSegmentGroupRootProps>;
-  Item: React.FC<DsSegmentGroupItemProps>;
-  ItemText: React.FC<DsSegmentGroupItemTextProps>;
+  Root: React$1.FC<DsSegmentGroupRootProps>;
+  Item: React$1.FC<DsSegmentGroupItemProps>;
+  ItemText: React$1.FC<DsSegmentGroupItemTextProps>;
 };
 //#endregion
 //#region src/components/ds-typography/ds-typography.config.d.ts
-declare const semanticElementMap: {
-  readonly 'body-md-reg': "p";
-  readonly 'body-md-md': "p";
-  readonly 'body-md-semi-bold': "p";
-  readonly 'body-md-bold': "p";
-  readonly 'body-md-link': "a";
-  readonly 'body-sm-reg': "span";
-  readonly 'body-sm-md': "span";
-  readonly 'body-sm-semi-bold': "span";
-  readonly 'body-sm-bold': "span";
-  readonly 'body-sm-link': "a";
-  readonly 'body-xs-reg': "span";
-  readonly 'body-xs-md': "span";
-  readonly 'body-xs-semi-bold': "span";
-  readonly 'body-xs-bold': "span";
-  readonly 'body-xs-link': "a";
-  readonly 'code-sm-reg': "code";
-  readonly 'code-sm-semi-bold': "code";
-  readonly 'code-xs-reg': "code";
-  readonly 'code-xs-semi-bold': "code";
-  readonly heading1: "h1";
-  readonly heading2: "h2";
-  readonly heading3: "h3";
-  readonly heading4: "h4";
+declare const typographyVariantConfig: {
+  readonly 'body-md-reg': {
+    readonly element: 'p';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-md-md': {
+    readonly element: 'p';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-md-semi-bold': {
+    readonly element: 'p';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-md-bold': {
+    readonly element: 'p';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-md-link': {
+    readonly element: 'a';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-sm-reg': {
+    readonly element: 'span';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-sm-md': {
+    readonly element: 'span';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-sm-semi-bold': {
+    readonly element: 'span';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-sm-bold': {
+    readonly element: 'span';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-sm-link': {
+    readonly element: 'a';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-xs-reg': {
+    readonly element: 'span';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-xs-md': {
+    readonly element: 'span';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-xs-semi-bold': {
+    readonly element: 'span';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-xs-bold': {
+    readonly element: 'span';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'body-xs-link': {
+    readonly element: 'a';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'code-sm-reg': {
+    readonly element: 'code';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'code-sm-semi-bold': {
+    readonly element: 'code';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'code-xs-reg': {
+    readonly element: 'code';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly 'code-xs-semi-bold': {
+    readonly element: 'code';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly heading1: {
+    readonly element: 'h1';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly heading2: {
+    readonly element: 'h2';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly heading3: {
+    readonly element: 'h3';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
+  readonly heading4: {
+    readonly element: 'h4';
+    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
+  };
 };
+/** Semantic text colors backed by `--font-*` tokens in `_root_new.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
-type SemanticVariant = keyof typeof semanticElementMap;
+type SemanticVariant = keyof typeof typographyVariantConfig;
+type TypographyColor = (typeof typographyColors)[number];
 interface DsTypographyProps {
+  /**
+   * Ref to the rendered element.
+   */
+  ref?: Ref<HTMLElement>;
   /**
    * The semantic variant of the component
    */
   variant: SemanticVariant;
+  /**
+   * Text color. Semantic names map to `--font-*` tokens; raw CSS color values
+   * (hex, rgb, hsl, CSS variables, named colors) pass through unchanged.
+   * Omit to inherit.
+   */
+  color?: TypographyColor | (string & {});
   /**
    * Additional CSS class names
    */
@@ -10073,7 +11337,7 @@ interface DsTypographyProps {
    */
   style?: React.CSSProperties;
   /**
-   * When true, renders as Slot component for composition without extra DOM nodes
+   * When true, composes typography styles onto the child element without extra DOM nodes
    */
   asChild?: boolean;
   /**
@@ -10083,14 +11347,21 @@ interface DsTypographyProps {
 }
 //#endregion
 //#region src/components/ds-typography/ds-typography.d.ts
-declare const DsTypography: React.FC<DsTypographyProps & {
-  ref?: React.Ref<HTMLElement>;
-}>;
+declare const DsTypography: ({
+  ref,
+  variant,
+  asChild,
+  className,
+  style,
+  color,
+  children,
+  ...props
+}: DsTypographyProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton.types.d.ts
-declare const skeletonColorVariants: readonly ["gray", "blue"];
+declare const skeletonColorVariants: readonly ['gray', 'blue'];
 type SkeletonColorVariant = (typeof skeletonColorVariants)[number];
-declare const skeletonRadiusVariants: readonly ["default", "round"];
+declare const skeletonRadiusVariants: readonly ['default', 'round'];
 type SkeletonRadiusVariant = (typeof skeletonRadiusVariants)[number];
 /**
  * Shared base props for all skeleton components
@@ -10240,7 +11511,7 @@ declare const DsSkeletonRect: ({
 }: DsSkeletonRectProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.types.d.ts
-declare const colors: readonly ["dark-blue", "light-blue", "dark-gray", "green", "fuchsia", "blue", "gray", "red", "amber"];
+declare const colors: readonly ['dark-blue', 'light-blue', 'dark-gray', 'green', 'fuchsia', 'blue', 'gray', 'red', 'amber'];
 type Color = (typeof colors)[number];
 interface DsSmartTabProps {
   /**
@@ -10274,7 +11545,7 @@ interface DsSmartTabProps {
   /**
    * Additional styles to apply to the tab
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
 }
 interface DsSmartTabsProps {
   /**
@@ -10292,7 +11563,7 @@ interface DsSmartTabsProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
   /**
    * The tab components as children
    */
@@ -10300,23 +11571,20 @@ interface DsSmartTabsProps {
 }
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.d.ts
-/**
- * Design system SmartTabs component
- */
-declare const DsSmartTabs: {
-  ({
-    activeTab,
-    onTabClick,
-    className,
-    style,
-    children,
-    ...props
-  }: DsSmartTabsProps): _$react_jsx_runtime0.JSX.Element;
-  Tab: React.FC<DsSmartTabProps>;
-};
+declare function DsSmartTabs({
+  activeTab,
+  onTabClick,
+  className,
+  style,
+  children,
+  ...props
+}: DsSmartTabsProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace DsSmartTabs {
+  var Tab: React$1.FC<DsSmartTabProps>;
+}
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.types.d.ts
-declare const spinnerSizes: readonly ["small", "medium", "large"];
+declare const spinnerSizes: readonly ['small', 'medium', 'large'];
 type SpinnerSize = (typeof spinnerSizes)[number];
 interface DsSpinnerProps {
   /**
@@ -10331,35 +11599,43 @@ interface DsSpinnerProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React.CSSProperties;
+  style?: React$1.CSSProperties;
 }
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.d.ts
 /**
  * Design system Spinner component
  */
-declare const DsSpinner: React.FC<DsSpinnerProps>;
+declare const DsSpinner: React$1.FC<DsSpinnerProps>;
 //#endregion
 //#region src/utils/type-utils.d.ts
 type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
 //#endregion
 //#region src/components/ds-split-button/ds-split-button.types.d.ts
-declare const splitButtonSizes: readonly ["medium", "small"];
+declare const splitButtonSizes: readonly ['medium', 'small'];
 type ButtonSlotProps = Omit<DsButtonV3Props, 'variant' | 'color' | 'size'>;
 type SelectSlotProps = DistributiveOmit<DsSelectProps, 'size'>;
 interface DsSplitButtonSlotProps {
+  /**
+   * Props forwarded to the primary action button (`DsButtonV3`). `variant`, `color`
+   * and `size` are controlled by the split button and cannot be overridden here.
+   */
   button: ButtonSlotProps;
+  /**
+   * Props forwarded to the dropdown select (`DsSelect`). `size` is controlled by
+   * the split button and cannot be overridden here.
+   */
   select: SelectSlotProps;
 }
 //#endregion
 //#region src/components/ds-split-button/index.d.ts
 declare const DsSplitButton: {
   (props: {
-    ref?: _$react.Ref<HTMLDivElement> | undefined;
-    className?: string | undefined;
-    style?: _$react.CSSProperties | undefined;
-    size?: ResponsiveValue<NonNullable<"small" | "medium" | undefined>> | undefined;
-    disabled?: boolean | undefined;
+    ref?: _$react.Ref<HTMLDivElement>;
+    className?: string;
+    style?: _$react.CSSProperties;
+    size?: ResponsiveValue<NonNullable<"medium" | "small" | undefined>> | undefined;
+    disabled?: boolean;
     slotProps: DsSplitButtonSlotProps;
   }): _$react.FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
@@ -10377,18 +11653,18 @@ declare const DsStack: {
     flexWrap?: ResponsiveValue<NonNullable<_$csstype.Property.FlexWrap | undefined>> | undefined;
     width?: ResponsiveValue<NonNullable<_$csstype.Property.Width<string | number> | undefined>> | undefined;
     children?: _$react.ReactNode;
-    className?: string | undefined;
-    style?: _$react.CSSProperties | undefined;
-    ref?: _$react.Ref<HTMLDivElement> | undefined;
+    className?: string;
+    style?: _$react.CSSProperties;
+    ref?: _$react.Ref<HTMLDivElement>;
   }): _$react.FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
 type DsStackProps = ComponentProps<typeof DsStack>;
 //#endregion
 //#region src/components/ds-status-badge/ds-status-badge.types.d.ts
-declare const dsStatuses: readonly ["active", "running", "pending", "draft", "inactive", "warning", "failed"];
+declare const dsStatuses: readonly ['active', 'running', 'pending', 'draft', 'inactive', 'warning', 'failed'];
 type DsStatus = (typeof dsStatuses)[number];
-declare const statusBadgeSizes: readonly ["medium", "small"];
+declare const statusBadgeSizes: readonly ['medium', 'small'];
 type StatusBadgeSize = (typeof statusBadgeSizes)[number];
 interface DsStatusBadgeProps {
   /**
@@ -10431,24 +11707,57 @@ interface DsStatusBadgeProps {
 /**
  * Design system StatusBadge component
  */
-declare const DsStatusBadge: React.FC<DsStatusBadgeProps>;
+declare const DsStatusBadge: React$1.FC<DsStatusBadgeProps>;
 //#endregion
 //#region src/components/ds-stepper/ds-stepper.types.d.ts
 type DsStepperVariant = 'single';
 type DsStepperOrientation = 'horizontal' | 'vertical';
 type DsStepperProps = PropsWithChildren<{
+  /**
+   * Visual variant of the stepper. Currently only `single` is supported.
+   * @default single
+   */
   variant?: DsStepperVariant;
+  /**
+   * Layout orientation of the stepper.
+   * @default horizontal
+   */
   orientation?: DsStepperOrientation;
+  /**
+   * When `true`, renders the stepper as a floating overlay (typically pinned
+   * to the bottom of the viewport) instead of inline in the layout.
+   * @default false
+   */
   floating?: boolean;
+  /**
+   * Called when the final step completes (i.e., the user finishes the last step).
+   */
   onComplete?: steps.Props['onStepComplete'];
+  /**
+   * Zero-based index of the currently active step (controlled). Pair with
+   * `onStepChange`.
+   */
   activeStep?: steps.Props['step'];
+  /**
+   * Additional CSS class name applied to the stepper root.
+   */
   className?: string;
   /**
    * Optional actions rendered at the end of the stepper.
    * Horizontal: displayed after the steps. Vertical: displayed at the bottom.
    */
   actions?: ReactNode;
-} & Pick<steps.Props, 'onStepChange' | 'count'>>;
+} & Pick<steps.Props, 'onStepChange' | 'count'> & {
+  /**
+   * Called when the active step changes. Receives the zag-js step-change
+   * details including the new index.
+   */
+  onStepChange?: steps.Props['onStepChange'];
+  /**
+   * Total number of steps in the stepper.
+   */
+  count?: steps.Props['count'];
+}>;
 //#endregion
 //#region src/components/ds-stepper/ds-stepper.d.ts
 declare function DsStepper({
@@ -10526,7 +11835,7 @@ declare function DsNextStepButton({
  * @deprecated This type is deprecated. Use `DsStatusBadge` and its related types instead.
  * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
  */
-declare const systemStatuses: readonly ["healthy", "neutral", "error", "in-progress", "pending", "alert", "disabled"];
+declare const systemStatuses: readonly ['healthy', 'neutral', 'error', 'in-progress', 'pending', 'alert', 'disabled'];
 /**
  * @deprecated This type is deprecated. Use `DsStatus` from `ds-status-badge` instead.
  */
@@ -10555,7 +11864,7 @@ interface DsSystemStatusProps {
  * @deprecated This component is deprecated. Use `DsStatusBadge` instead.
  * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
  */
-declare const DsSystemStatus: React.FC<DsSystemStatusProps>;
+declare const DsSystemStatus: React$1.FC<DsSystemStatusProps>;
 //#endregion
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
 /**
@@ -10574,6 +11883,11 @@ interface RowAction<TData> {
    * Optional tooltip text to show on hover
    */
   tooltip?: string;
+  /**
+   * Optional function to determine if the action should be hidden for a specific row.
+   * When it returns `true`, the action is omitted from that row's menu. Takes precedence over `disabled`.
+   */
+  hidden?: (row: TData) => boolean;
   /**
    * Optional function to determine if the action should be disabled for a specific row
    */
@@ -10705,7 +12019,13 @@ interface FilterState<TValue> {
  * Column filter for TanStack Table
  */
 interface ColumnFilterState<TValue> {
+  /**
+   * Column identifier this filter applies to (matches the column `accessorKey`).
+   */
   id: string;
+  /**
+   * Current filter value, passed to the column's filter function.
+   */
   value: TValue;
 }
 //#endregion
@@ -11172,7 +12492,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Ref to the table API
    */
-  ref?: React.RefObject<DsTableApi<TData> | null>;
+  ref?: React$1.RefObject<DsTableApi<TData> | null>;
   /**
    * Columns of the table
    */
@@ -11232,7 +12552,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Empty state of the table
    */
-  emptyState?: React.ReactNode;
+  emptyState?: React$1.ReactNode;
   /**
    * Whether the table has sticky header
    */
@@ -11261,7 +12581,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Function to render the expanded row
    */
-  renderExpandedRow?: (row: TData) => React.ReactNode;
+  renderExpandedRow?: (row: TData) => React$1.ReactNode;
   /**
    * Function to handle table creation
    */
@@ -11517,9 +12837,9 @@ declare const DsTabs: {
 };
 //#endregion
 //#region src/components/ds-tag/ds-tag.types.d.ts
-declare const tagSizes: readonly ["medium", "small"];
+declare const tagSizes: readonly ['medium', 'small'];
 type TagSize = (typeof tagSizes)[number];
-declare const tagVariants: readonly ["default", "include", "exclude"];
+declare const tagVariants: readonly ['default', 'include', 'exclude'];
 type TagVariant = (typeof tagVariants)[number];
 interface DsTagProps {
   /**
@@ -11538,6 +12858,9 @@ interface DsTagProps {
    * Locale object (you can pass custom strings for localization)
    */
   locale?: {
+    /**
+     * aria-label for the delete button (shown when `onDelete` is provided).
+     */
     deleteAriaLabel?: string;
   };
   /**
@@ -11572,6 +12895,9 @@ interface DsTagProps {
    * @default false
    */
   disabled?: boolean;
+  /**
+   * Optional render slots for customizing parts of the tag.
+   */
   slots?: {
     /**
      * Icon to display at the start of the input
@@ -11622,6 +12948,10 @@ interface TagFilterItem {
    * Additional props to pass to the components
    */
   slotProps?: {
+    /**
+     * Props forwarded to the underlying `DsTag` rendered for this item. Useful
+     * for per-item overrides such as `variant` or `size`.
+     */
     tag?: Partial<DsTagProps>;
   };
 }
@@ -11634,9 +12964,21 @@ interface DsTagFilterProps {
    * Locale object (you can pass custom strings for localization)
    */
   locale?: {
+    /**
+     * Heading label shown above the tag list (e.g., "Filters").
+     */
     label?: string;
+    /**
+     * Label for the "Clear all" button.
+     */
     clearButton?: string;
+    /**
+     * Label for the button that reveals hidden tags when the list overflows.
+     */
     showMore?: string;
+    /**
+     * Label for the button that collapses the expanded list back to the preview.
+     */
     showLess?: string;
   };
   /**
@@ -11685,7 +13027,7 @@ declare const DsTagFilter: ({
 }: DsTagFilterProps) => _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/ds-toast/ds-toast.types.d.ts
-declare const toastVariants: readonly ["info", "success", "warning", "error"];
+declare const toastVariants: readonly ['info', 'success', 'warning', 'error'];
 type ToastVariant = (typeof toastVariants)[number];
 type DsToastConfig = {
   persistent?: never;
@@ -11771,7 +13113,7 @@ declare const DsToastProvider: FC<DsToastProviderProps>;
 declare const useToaster: () => DsToastContextType;
 //#endregion
 //#region src/components/ds-toggle/ds-toggle.types.d.ts
-declare const toggleSizes: readonly ["default", "small"];
+declare const toggleSizes: readonly ['default', 'small'];
 type ToggleSize = (typeof toggleSizes)[number];
 /**
  * Props for the DsToggle component
@@ -11862,7 +13204,13 @@ interface DsTooltipProps {
    * The content to be rendered inside the tooltip
    */
   children: ReactNode;
+  /**
+   * Props forwarded to nested sub-components.
+   */
   slotProps?: {
+    /**
+     * Props forwarded to the tooltip content popover (className / inline styles).
+     */
     content?: {
       className?: string;
       style?: CSSProperties;
@@ -11875,14 +13223,34 @@ declare const DsTooltip: FC<DsTooltipProps>;
 //#endregion
 //#region src/components/ds-tree/ds-tree.types.d.ts
 interface DsTreeNode {
+  /**
+   * Stable identifier for the node. Used as the key in selection, expansion, and
+   * checked-state arrays.
+   */
   id: string;
+  /**
+   * Display name rendered for the node
+   */
   name: string;
+  /**
+   * Whether the node is disabled and cannot be selected, expanded, or checked.
+   * @default false
+   */
   disabled?: boolean;
+  /**
+   * Optional icon rendered before the node name
+   */
   icon?: IconType;
+  /**
+   * Optional status indicator shown next to the node (e.g., active/inactive filter).
+   */
   status?: FilterStatus;
+  /**
+   * Child nodes rendered under this node when it is expanded. Leaf nodes omit this.
+   */
   children?: DsTreeNode[];
 }
-declare const dsTreeSizes: readonly ["medium", "small"];
+declare const dsTreeSizes: readonly ['medium', 'small'];
 type DsTreeSize = (typeof dsTreeSizes)[number];
 interface DsTreeBaseProps {
   className?: string;
@@ -11892,28 +13260,84 @@ interface DsTreeBasePropsWithChildren extends DsTreeBaseProps {
   children?: ReactNode;
 }
 interface DsTreeRootProps<T extends DsTreeNode = DsTreeNode> extends DsTreeBasePropsWithChildren {
+  /**
+   * Ark UI tree collection describing the node hierarchy. Build it with
+   * `createTreeCollection` and pass the resulting collection in.
+   */
   collection: TreeView.RootProps<T>['collection'];
+  /**
+   * Controls visual density of tree rows.
+   * @default medium
+   */
   size?: DsTreeSize;
+  /**
+   * Ref forwarded to the tree root element
+   */
   ref?: Ref<HTMLDivElement>;
+  /**
+   * Ids of currently selected nodes (controlled). Use with `onSelectionChange`.
+   */
   selectedValue?: string[];
+  /**
+   * Ids of nodes selected initially when uncontrolled.
+   */
   defaultSelectedValue?: string[];
+  /**
+   * Called when node selection changes. Receives the Ark selection details
+   * including the new `selectedValue` array.
+   */
   onSelectionChange?: TreeView.RootProps<T>['onSelectionChange'];
+  /**
+   * Whether only one node can be selected at a time (`single`) or multiple
+   * selections are allowed (`multiple`).
+   * @default single
+   */
   selectionMode?: 'single' | 'multiple';
+  /**
+   * Ids of currently expanded branch nodes (controlled). Use with `onExpandedChange`.
+   */
   expandedValue?: string[];
+  /**
+   * Ids of branch nodes expanded initially when uncontrolled.
+   */
   defaultExpandedValue?: string[];
+  /**
+   * Called when the set of expanded nodes changes. Receives the Ark expansion
+   * details including the new `expandedValue` array.
+   */
   onExpandedChange?: TreeView.RootProps<T>['onExpandedChange'];
+  /**
+   * Whether clicking anywhere on a branch row toggles its expansion in addition
+   * to clicking the branch indicator.
+   * @default false
+   */
   expandOnClick?: boolean;
+  /**
+   * Ids of nodes currently in the "checked" state (for checkbox trees). Use with
+   * `onCheckedChange`.
+   */
   checkedValue?: string[];
+  /**
+   * Ids of nodes initially checked when uncontrolled.
+   */
   defaultCheckedValue?: string[];
+  /**
+   * Called when the set of checked nodes changes. Receives the Ark checked-change
+   * details including the new `checkedValue` array.
+   */
   onCheckedChange?: TreeView.RootProps<T>['onCheckedChange'];
   /**
-   * Whether to enable typeahead navigation — typing characters focuses matching nodes
+   * Whether to enable typeahead navigation — typing characters focuses matching nodes.
    */
   typeahead?: boolean;
   /**
-   * Whether to defer mounting of branch content until a branch is first expanded
+   * Whether to defer mounting of branch content until a branch is first expanded.
    */
   lazyMount?: boolean;
+  /**
+   * Whether to unmount branch content when the branch is collapsed (vs. hiding it).
+   * Pair with `lazyMount` to control mounting strategy.
+   */
   unmountOnExit?: boolean;
 }
 type DsTreeTreeProps = DsTreeBasePropsWithChildren;
@@ -11924,12 +13348,18 @@ type DsTreeBranchTextProps = DsTreeBasePropsWithChildren;
 type DsTreeBranchContentProps = DsTreeBasePropsWithChildren;
 type DsTreeBranchIndentGuideProps = DsTreeBaseProps;
 interface DsTreeItemProps extends DsTreeBasePropsWithChildren {
+  /**
+   * Called when the leaf item is clicked. Receives the native mouse event.
+   */
   onClick?: (event: MouseEvent<HTMLDivElement>) => void;
 }
 type DsTreeItemTextProps = DsTreeBasePropsWithChildren;
 type DsTreeItemIndicatorProps = DsTreeBaseProps;
 type DsTreeNodeCheckboxProps = DsTreeBaseProps;
 interface DsTreeItemActionProps extends DsTreeBasePropsWithChildren {
+  /**
+   * Called when the row action button is clicked. Receives the native mouse event.
+   */
   onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
 //#endregion
@@ -12090,48 +13520,78 @@ interface DsVerticalTabsContentProps {
 }
 //#endregion
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.d.ts
-/**
- * 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 DsVerticalTabs: {
-  ({
-    value,
-    onValueChange,
-    className,
-    style,
-    children
-  }: DsVerticalTabsRootProps): _$react_jsx_runtime0.JSX.Element;
-  List: ({
+declare function DsVerticalTabs({
+  value,
+  onValueChange,
+  className,
+  style,
+  children
+}: DsVerticalTabsRootProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace DsVerticalTabs {
+  var List: ({
     className,
     children
   }: DsVerticalTabsListProps) => _$react_jsx_runtime0.JSX.Element;
-  Tab: ({
+}
+declare namespace DsVerticalTabs {
+  var Tab: ({
     value,
     disabled,
     className,
     children
   }: DsVerticalTabsTabProps) => _$react_jsx_runtime0.JSX.Element;
-  Content: ({
+}
+declare namespace DsVerticalTabs {
+  var Content: ({
     value,
     className,
     children
   }: DsVerticalTabsContentProps) => _$react_jsx_runtime0.JSX.Element;
-};
+}
+//#endregion
+//#region src/components/ds-workspace/ds-workspace.types.d.ts
+interface DsWorkspaceProps extends ComponentPropsWithRef<'div'> {
+  /**
+   * Whether the workspace should fill its parent height (`100%`) instead of the viewport (`100vh`).
+   * @default false
+   */
+  fillParent?: boolean;
+}
+type DsWorkspaceHeaderProps = ComponentPropsWithRef<'header'>;
+type DsWorkspaceSubHeaderProps = ComponentPropsWithRef<'div'>;
+type DsWorkspaceContentProps = ComponentPropsWithRef<'div'>;
+type DsWorkspaceFooterProps = ComponentPropsWithRef<'footer'>;
+//#endregion
+//#region src/components/ds-workspace/ds-workspace.d.ts
+declare function DsWorkspace({
+  className,
+  fillParent,
+  ...rest
+}: DsWorkspaceProps): _$react_jsx_runtime0.JSX.Element;
+declare namespace DsWorkspace {
+  var Header: ({
+    className,
+    ...rest
+  }: DsWorkspaceHeaderProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsWorkspace {
+  var SubHeader: ({
+    className,
+    ...rest
+  }: DsWorkspaceSubHeaderProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsWorkspace {
+  var Content: ({
+    className,
+    ...rest
+  }: DsWorkspaceContentProps) => _$react_jsx_runtime0.JSX.Element;
+}
+declare namespace DsWorkspace {
+  var Footer: ({
+    className,
+    ...rest
+  }: DsWorkspaceFooterProps) => _$react_jsx_runtime0.JSX.Element;
+}
 //#endregion
-export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCheckbox, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconName, IconSize, IconType, IconVariant, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, type UploadedFile, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
+export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, CheckedState, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBaseProps, DsTreeBasePropsWithChildren, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspace, type DsWorkspaceContentProps, type DsWorkspaceFooterProps, type DsWorkspaceHeaderProps, type DsWorkspaceProps, type DsWorkspaceSubHeaderProps, 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, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, TypographyColor, type UploadedFile, UseCheckboxSelectAllOptions, UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
 //# sourceMappingURL=index.d.cts.map