@drivenets/design-system 0.12.0 → 0.13.0

package/dist/index.d.ts

@@ -1,7 +1,4 @@
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
-import * as _$react from "react";
-import React$1, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
-import * as _$_ark_ui_react0 from "@ark-ui/react";
+import React$1, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithRef, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, KeyboardEventHandler, MouseEvent, MouseEventHandler, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
 import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
 import { Menu } from "@ark-ui/react/menu";
 import { Checkbox } from "@ark-ui/react/checkbox";
@@ -12,9 +9,8 @@ import * as Collapsible from "@radix-ui/react-collapsible";
 import { RadioGroupItemProps, RadioGroupRootProps } from "@ark-ui/react/radio-group";
 import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps } from "@ark-ui/react/segment-group";
 import * as steps from "@zag-js/steps";
-import { ColumnDef, ColumnFiltersState, Row, SortingState, Table, VisibilityState } from "@tanstack/react-table";
+import { Cell, CellContext, ColumnDef, ColumnFiltersState, Row, RowData, SortingState, Table, VisibilityState } from "@tanstack/react-table";
 import { TreeView } from "@ark-ui/react/tree-view";
-import * as _$csstype from "csstype";
 
 //#region src/components/ds-icon/material-icons.d.ts
 type IconPrefix = 'action' | 'alert' | 'av' | 'communication' | 'content' | 'device' | 'editor' | 'file' | 'hardware' | 'home' | 'image' | 'maps' | 'navigation' | 'notification' | 'places' | 'search' | 'social' | 'symbols' | 'toggle';
@@ -6326,7 +6322,7 @@ declare const DsIcon: ({
   className,
   style,
   ...rest
-}: DsIconProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsIconProps) => import("react/jsx-runtime").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'];
@@ -6383,7 +6379,7 @@ declare function DsAlertBanner({
   className,
   style,
   children
-}: DsAlertBannerProps): _$react_jsx_runtime0.JSX.Element | null;
+}: DsAlertBannerProps): import("react/jsx-runtime").JSX.Element | null;
 declare namespace DsAlertBanner {
   var Title: ({
     style,
@@ -6393,7 +6389,7 @@ declare namespace DsAlertBanner {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsAlertBanner {
   var Body: ({
@@ -6404,7 +6400,7 @@ declare namespace DsAlertBanner {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsAlertBanner {
   var Actions: ({
@@ -6415,7 +6411,7 @@ declare namespace DsAlertBanner {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 //#endregion
 //#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
@@ -6533,7 +6529,7 @@ declare const DsAutocomplete: ({
   highlightMatch,
   showTrigger,
   startAdornment
-}: DsAutocompleteProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsAutocompleteProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-avatar/ds-avatar.types.d.ts
 type DsAvatarSize = 'xsm' | 'sm' | 'regular' | 'md' | 'lg' | 'xl';
@@ -6737,7 +6733,7 @@ declare const useResponsiveValue: <T>(value: ResponsiveValue<T>) => T;
  * so the wrapped component stays completely unaware of breakpoints.
  */
 declare function withResponsiveProps<Props, const Keys extends readonly (keyof Props)[]>(Component: FunctionComponent<Props>, responsiveKeys: Keys): {
-  (props: { [P in keyof Props]: P extends Keys[number] ? ResponsiveValue<NonNullable<Props[P]>> : Props[P] }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  (props: { [P in keyof Props]: P extends Keys[number] ? ResponsiveValue<NonNullable<Props[P]>> : Props[P] }): import("react").FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
 //#endregion
@@ -6797,7 +6793,7 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
 });
 //#endregion
 //#region src/components/ds-button/ds-button.d.ts
-declare const DsButton: (props: DsButtonUnifiedProps) => _$react_jsx_runtime0.JSX.Element;
+declare const DsButton: (props: DsButtonUnifiedProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-button-v3/ds-button-v3.types.d.ts
 declare const buttonV3Variants: readonly ['primary', 'secondary', 'tertiary'];
@@ -6855,178 +6851,178 @@ interface DsButtonV3Props extends Omit<DsButtonV3BaseProps, 'size'> {
 //#region src/components/ds-button-v3/index.d.ts
 declare const DsButtonV3: {
   (props: {
-    children?: _$react.ReactNode | undefined;
+    children?: import("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;
+    onCopy?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLButtonElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLButtonElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLButtonElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLButtonElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLButtonElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLButtonElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLButtonElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLButtonElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: ("false" | "true" | boolean) | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -7099,12 +7095,12 @@ declare const DsButtonV3: {
     nonce?: string | undefined;
     slot?: string | undefined;
     spellCheck?: ("false" | "true" | boolean) | undefined;
-    style?: _$react.CSSProperties | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
-    role?: _$react.AriaRole | undefined;
+    role?: import("react").AriaRole | undefined;
     about?: string | undefined;
     content?: string | undefined;
     datatype?: string | undefined;
@@ -7136,7 +7132,7 @@ declare const DsButtonV3: {
     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;
+    formAction?: string | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS] | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
     formNoValidate?: boolean | undefined;
@@ -7144,14 +7140,14 @@ declare const DsButtonV3: {
     name?: string | undefined;
     type?: "submit" | "reset" | "button" | undefined;
     value?: string | readonly string[] | number | undefined;
-    ref?: _$react.Ref<HTMLButtonElement>;
+    ref?: import("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>>;
+  }): import("react").FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
 //#endregion
@@ -7233,27 +7229,128 @@ declare const DsCard: {
     onClick,
     onKeyDown,
     ...rest
-  }: DsCardRootProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsCardRootProps) => import("react/jsx-runtime").JSX.Element;
   Header: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardHeaderProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsCardHeaderProps) => import("react/jsx-runtime").JSX.Element;
   Body: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardBodyProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsCardBodyProps) => import("react/jsx-runtime").JSX.Element;
   Footer: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardFooterProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsCardFooterProps) => import("react/jsx-runtime").JSX.Element;
 };
 //#endregion
+//#region src/components/ds-catalog-layout/ds-catalog-layout.types.d.ts
+interface DsCatalogLayoutProps extends ComponentPropsWithRef<'div'> {
+  /**
+   * Whether the catalog layout should fill its parent height (`100%`) instead of the viewport (`100vh`).
+   * Useful when the layout is rendered inside an existing app shell that already manages height.
+   * @default false
+   */
+  fillParent?: boolean;
+}
+type DsCatalogLayoutHeaderProps = ComponentPropsWithRef<'header'>;
+type DsCatalogLayoutBodyProps = ComponentPropsWithRef<'div'>;
+interface DsCatalogLayoutSideMenuProps extends ComponentPropsWithRef<'aside'> {
+  /**
+   * Whether the side menu is pinned open. When `true`, the expanded panel pushes the content area
+   * to the right; when `false`, the collapsed rail is shown and hovering it overlays the expanded
+   * panel without shifting the content.
+   * @default false
+   */
+  pinned?: boolean;
+  /**
+   * Called when the built-in pin/unpin button is clicked. Pass this prop to render the pin
+   * affordance in the top-right corner of the expanded panel; omit it to hide the button (e.g.
+   * when the side menu should always remain in its default collapsed state).
+   */
+  onPinnedChange?: (pinned: boolean) => void;
+  /**
+   * Locale object (you can pass custom strings for localization).
+   */
+  locale?: {
+    /**
+     * aria-label for the pin button when the side menu is collapsed/unpinned.
+     * @default 'Pin side menu'
+     */
+    pinButtonLabel?: string;
+    /**
+     * aria-label for the pin button when the side menu is pinned.
+     * @default 'Unpin side menu'
+     */
+    unpinButtonLabel?: string;
+  };
+}
+type DsCatalogLayoutContentProps = ComponentPropsWithRef<'div'>;
+interface DsCatalogLayoutContentHeaderProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
+  /** Page title node, typically a `DsTypography` heading. Rendered on the title row. */
+  title: ReactNode;
+  /**
+   * Optional actions rendered on the trailing side of the title row (search, filter, refresh,
+   * primary action, etc.). Accepts any `ReactNode`.
+   */
+  headerActions?: ReactNode;
+  /**
+   * Optional content-header item rendered as a row below the title (e.g. a smart tabs group or
+   * filter bar). When omitted, only the title row is rendered.
+   */
+  children?: ReactNode;
+}
+//#endregion
+//#region src/components/ds-catalog-layout/ds-catalog-layout.d.ts
+declare function DsCatalogLayout({
+  className,
+  fillParent,
+  ...rest
+}: DsCatalogLayoutProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DsCatalogLayout {
+  var Header: ({
+    className,
+    ...rest
+  }: DsCatalogLayoutHeaderProps) => import("react/jsx-runtime").JSX.Element;
+}
+declare namespace DsCatalogLayout {
+  var Body: ({
+    className,
+    ...rest
+  }: DsCatalogLayoutBodyProps) => import("react/jsx-runtime").JSX.Element;
+}
+declare namespace DsCatalogLayout {
+  var SideMenu: ({
+    className,
+    pinned,
+    onPinnedChange,
+    locale,
+    children,
+    ...rest
+  }: DsCatalogLayoutSideMenuProps) => import("react/jsx-runtime").JSX.Element;
+}
+declare namespace DsCatalogLayout {
+  var Content: ({
+    className,
+    ...rest
+  }: DsCatalogLayoutContentProps) => import("react/jsx-runtime").JSX.Element;
+}
+declare namespace DsCatalogLayout {
+  var ContentHeader: ({
+    className,
+    title,
+    headerActions,
+    children,
+    ...rest
+  }: DsCatalogLayoutContentHeaderProps) => import("react/jsx-runtime").JSX.Element;
+}
+//#endregion
 //#region src/components/ds-checkbox/ds-checkbox.types.d.ts
 declare const checkboxVariants: readonly ['default', 'warning'];
 type CheckboxVariant = (typeof checkboxVariants)[number];
@@ -7296,7 +7393,7 @@ declare const DsCheckbox: ({
   onCheckedChange,
   value,
   ...props
-}: DsCheckboxProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-checkbox-group/ds-checkbox-group.types.d.ts
 type DsCheckboxGroupOrientation = 'vertical' | 'horizontal';
@@ -7647,7 +7744,7 @@ declare const DsCommentCard: ({
   formatTimestamp,
   className,
   style
-}: DsCommentCardProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsCommentCardProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
 interface DsCommentBubbleProps {
@@ -7779,7 +7876,7 @@ declare const DsCommentBubble: ({
   referenceTag,
   className,
   style
-}: DsCommentBubbleProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsCommentBubbleProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
 interface DsCommentThreadProps {
@@ -7829,7 +7926,7 @@ declare const DsCommentThread: ({
   onMarkUnread,
   onResolved,
   className
-}: DsCommentThreadProps) => _$react_jsx_runtime0.JSX.Element | null;
+}: DsCommentThreadProps) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
 interface DsThreadItemProps {
@@ -7897,7 +7994,7 @@ declare const DsThreadItem: ({
   onMarkUnread,
   onResolved,
   className
-}: DsThreadItemProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsThreadItemProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
 type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
@@ -7946,7 +8043,7 @@ declare const DsCommentIndicator: ({
   ref,
   className,
   style
-}: DsCommentIndicatorProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsCommentIndicatorProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
 interface DsCommentsDrawerProps {
@@ -8053,7 +8150,7 @@ declare const DsCommentsDrawer: ({
   noCommentsMessage,
   className,
   style
-}: DsCommentsDrawerProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsCommentsDrawerProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-comments-drawer/comments-filters.types.d.ts
 interface FilterTag {
@@ -8133,17 +8230,17 @@ interface DsConfirmationProps {
 }
 //#endregion
 //#region src/components/ds-confirmation/ds-confirmation.d.ts
-declare function DsConfirmation(props: DsConfirmationProps): _$react_jsx_runtime0.JSX.Element;
+declare function DsConfirmation(props: DsConfirmationProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DsConfirmation {
   var Header: ({
     style,
     className,
     children
   }: {
-    style?: _$react.CSSProperties;
+    style?: import("react").CSSProperties;
     className?: string;
-    children: _$react.ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+    children: import("react").ReactNode;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsConfirmation {
   var Title: ({
@@ -8151,19 +8248,19 @@ declare namespace DsConfirmation {
     className,
     children
   }: {
-    style?: _$react.CSSProperties;
+    style?: import("react").CSSProperties;
     className?: string;
-    children: _$react.ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+    children: import("react").ReactNode;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsConfirmation {
   var CloseTrigger: ({
     style,
     className
   }: {
-    style?: _$react.CSSProperties;
+    style?: import("react").CSSProperties;
     className?: string;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsConfirmation {
   var Body: ({
@@ -8171,10 +8268,10 @@ declare namespace DsConfirmation {
     className,
     children
   }: {
-    style?: _$react.CSSProperties;
+    style?: import("react").CSSProperties;
     className?: string;
-    children: _$react.ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+    children: import("react").ReactNode;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsConfirmation {
   var Footer: ({
@@ -8182,10 +8279,10 @@ declare namespace DsConfirmation {
     className,
     children
   }: {
-    style?: _$react.CSSProperties;
+    style?: import("react").CSSProperties;
     className?: string;
-    children: _$react.ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+    children: import("react").ReactNode;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsConfirmation {
   var Actions: ({
@@ -8193,10 +8290,10 @@ declare namespace DsConfirmation {
     className,
     children
   }: {
-    style?: _$react.CSSProperties;
+    style?: import("react").CSSProperties;
     className?: string;
-    children: _$react.ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+    children: import("react").ReactNode;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.types.d.ts
@@ -8339,7 +8436,7 @@ declare const DsDateInput: ({
   readOnly,
   id,
   ...datePickerProps
-}: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsDateInputProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-text-input/ds-text-input.types.d.ts
 declare const textInputSizes: readonly ['small', 'default'];
@@ -8583,7 +8680,7 @@ interface DsTimePickerSlotProps {
 }
 //#endregion
 //#region src/components/ds-time-picker/ds-time-picker.d.ts
-declare const DsTimePicker: (props: DsTimePickerProps) => _$react_jsx_runtime0.JSX.Element;
+declare const DsTimePicker: (props: DsTimePickerProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-time-picker/ds-time-picker.utils.d.ts
 /**
@@ -8705,7 +8802,7 @@ declare const DsDatePicker: ({
   readOnly,
   id,
   ...restProps
-}: DsDatePickerProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsDatePickerProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-number-input/ds-number-input.types.d.ts
 interface DsNumberInputProps {
@@ -9055,7 +9152,7 @@ declare const DsSelect: ({
   disabled,
   renderOption,
   ...multiselectProps
-}: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsSelectProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.types.d.ts
 declare const controlStatuses: readonly ['info', 'success', 'error', 'warning'];
@@ -9073,6 +9170,10 @@ interface DsFormControlProps extends React$1.PropsWithChildren {
    * Label text
    */
   label: string;
+  /**
+   * When true, the label row is not rendered (e.g. inline table cell editors).
+   */
+  hideLabel?: boolean;
   /**
    * Marks the field as required
    */
@@ -9119,6 +9220,7 @@ declare function DsFormControl({
   id,
   status,
   label,
+  hideLabel,
   required,
   slots,
   message,
@@ -9126,30 +9228,30 @@ declare function DsFormControl({
   className,
   style,
   children
-}: DsFormControlProps): _$react_jsx_runtime0.JSX.Element;
+}: DsFormControlProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DsFormControl {
-  var TextInput: (props: DsTextInputProps) => _$react_jsx_runtime0.JSX.Element;
+  var TextInput: (props: DsTextInputProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsFormControl {
-  var NumberInput: (props: DsNumberInputProps) => _$react_jsx_runtime0.JSX.Element;
+  var NumberInput: (props: DsNumberInputProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsFormControl {
-  var PasswordInput: (props: DsPasswordInputProps) => _$react_jsx_runtime0.JSX.Element;
+  var PasswordInput: (props: DsPasswordInputProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsFormControl {
-  var DateInput: (props: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
+  var DateInput: (props: DsDateInputProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsFormControl {
-  var DatePicker: (props: DsDatePickerProps) => _$react_jsx_runtime0.JSX.Element;
+  var DatePicker: (props: DsDatePickerProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsFormControl {
-  var TimePicker: (props: DsTimePickerProps) => _$react_jsx_runtime0.JSX.Element;
+  var TimePicker: (props: DsTimePickerProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsFormControl {
-  var Textarea: (props: DsTextareaProps) => _$react_jsx_runtime0.JSX.Element;
+  var Textarea: (props: DsTextareaProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsFormControl {
-  var Select: (props: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
+  var Select: (props: DsSelectProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsFormControl {
   var Description: React$1.FC<DsFormControlDescriptionProps>;
@@ -9275,7 +9377,7 @@ declare const DsDateRangePicker: ({
   disablePortal,
   locale,
   slotProps
-}: DsDateRangePickerProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsDateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.types.d.ts
 interface DsDialogProps {
@@ -9427,7 +9529,7 @@ declare function DsDrawer({
   style,
   className,
   children
-}: DsDrawerProps): _$react_jsx_runtime0.JSX.Element;
+}: DsDrawerProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DsDrawer {
   var Header: ({
     style,
@@ -9437,7 +9539,7 @@ declare namespace DsDrawer {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsDrawer {
   var Title: ({
@@ -9448,7 +9550,7 @@ declare namespace DsDrawer {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsDrawer {
   var CloseTrigger: ({
@@ -9457,7 +9559,7 @@ declare namespace DsDrawer {
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsDrawer {
   var Toolbar: ({
@@ -9468,7 +9570,7 @@ declare namespace DsDrawer {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsDrawer {
   var Body: ({
@@ -9479,7 +9581,7 @@ declare namespace DsDrawer {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsDrawer {
   var Footer: ({
@@ -9490,7 +9592,7 @@ declare namespace DsDrawer {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsDrawer {
   var Actions: ({
@@ -9501,7 +9603,7 @@ declare namespace DsDrawer {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 //#endregion
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
@@ -9855,7 +9957,7 @@ declare function DsExpandableTextInput({
   icon,
   size,
   ...props
-}: DsExpandableTextInputProps): _$react_jsx_runtime0.JSX.Element;
+}: DsExpandableTextInputProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-file-upload/ds-file-upload-api.types.d.ts
 type FileError = FileUploadFileError;
@@ -10220,30 +10322,30 @@ declare const DsFilterStatusIcon: ({
   size,
   className,
   style
-}: DsFilterStatusIconProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsFilterStatusIconProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-grid/index.d.ts
 declare const DsGrid: {
   (props: {
-    children: _$react.ReactNode;
+    children: import("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>>;
+    style?: import("react").CSSProperties;
+  }): import("react").FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
 declare const DsGridItem: {
   (props: {
-    children: _$react.ReactNode;
+    children: import("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>>;
+  }): import("react").FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
 type DsGridProps = ComponentProps<typeof DsGrid>;
@@ -10287,7 +10389,7 @@ declare const DsKeyValuePair: ({
   editInput,
   className,
   style
-}: DsKeyValuePairProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsKeyValuePairProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-loader/ds-loader.types.d.ts
 declare const loaderVariants: readonly ['spinner', 'pulsing'];
@@ -10320,7 +10422,7 @@ declare const DsLoader: ({
   variant,
   className,
   ...props
-}: DsLoaderProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsLoaderProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-modal/ds-modal.types.d.ts
 /**
@@ -10392,7 +10494,7 @@ declare function DsModal({
   closeOnInteractOutside,
   children,
   onOpenChange
-}: DsModalProps): _$react_jsx_runtime0.JSX.Element;
+}: DsModalProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DsModal {
   var Header: ({
     style,
@@ -10402,7 +10504,7 @@ declare namespace DsModal {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsModal {
   var Title: ({
@@ -10413,7 +10515,7 @@ declare namespace DsModal {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsModal {
   var CloseTrigger: ({
@@ -10422,7 +10524,7 @@ declare namespace DsModal {
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsModal {
   var Body: ({
@@ -10433,7 +10535,7 @@ declare namespace DsModal {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsModal {
   var Footer: ({
@@ -10444,7 +10546,7 @@ declare namespace DsModal {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsModal {
   var Actions: ({
@@ -10455,7 +10557,7 @@ declare namespace DsModal {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => _$react_jsx_runtime0.JSX.Element;
+  }) => import("react/jsx-runtime").JSX.Element;
 }
 //#endregion
 //#region src/components/ds-panel/ds-panel.types.d.ts
@@ -10520,179 +10622,179 @@ type DsPanelCollapseButtonProps = {
 //#region src/components/ds-panel/index.d.ts
 declare const DsPanel: {
   (props: {
-    key?: _$react.Key | null | undefined;
-    children?: _$react.ReactNode | undefined;
+    key?: import("react").Key | null | undefined;
+    children?: import("react").ReactNode | undefined;
     dangerouslySetInnerHTML?: {
       __html: string | TrustedHTML;
     } | undefined;
-    onCopy?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCopyCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCut?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCutCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPaste?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onPasteCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
-    onCompositionEnd?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionEndCapture?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStart?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionStartCapture?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdate?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onCompositionUpdateCapture?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
-    onFocusCapture?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlur?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
-    onBlurCapture?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: _$react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onChangeCapture?: _$react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
-    onBeforeInput?: _$react.InputEventHandler<HTMLDivElement> | undefined;
-    onBeforeInputCapture?: _$react.InputEventHandler<HTMLDivElement> | undefined;
-    onInput?: _$react.InputEventHandler<HTMLDivElement> | undefined;
-    onInputCapture?: _$react.InputEventHandler<HTMLDivElement> | undefined;
-    onReset?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onResetCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSubmit?: _$react.SubmitEventHandler<HTMLDivElement> | undefined;
-    onSubmitCapture?: _$react.SubmitEventHandler<HTMLDivElement> | undefined;
-    onInvalid?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onInvalidCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoad?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onError?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onErrorCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onKeyDown?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyDownCapture?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPress?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyPressCapture?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUp?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onKeyUpCapture?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
-    onAbort?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAbortCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlay?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThrough?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onCanPlayThroughCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChange?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onDurationChangeCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptied?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEmptiedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncrypted?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEncryptedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEnded?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onEndedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedData?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedDataCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadata?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadedMetadataCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStart?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onLoadStartCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPause?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPauseCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlay?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlaying?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onPlayingCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgress?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onProgressCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChange?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onRateChangeCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeked?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeeking?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSeekingCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalled?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onStalledCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspend?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSuspendCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdate?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTimeUpdateCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChange?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onVolumeChangeCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaiting?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onWaitingCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onAuxClick?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onAuxClickCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onClickCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenu?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onContextMenuCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClick?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDoubleClickCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onDrag?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnd?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEndCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnter?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragEnterCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExit?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragExitCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeave?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragLeaveCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOver?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragOverCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStart?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDragStartCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDrop?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onDropCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
-    onMouseDown?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseDownCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseEnter?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseLeave?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMove?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseMoveCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOut?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOutCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOver?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseOverCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUp?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onMouseUpCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
-    onSelect?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onSelectCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
-    onTouchCancel?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchCancelCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEnd?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchEndCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMove?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchMoveCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStart?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
-    onTouchStartCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
-    onPointerDown?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerDownCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMove?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerMoveCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUp?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerUpCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancel?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerCancelCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnter?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeave?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOver?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOverCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOut?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerOutCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onGotPointerCaptureCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onLostPointerCaptureCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
-    onScroll?: _$react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollCapture?: _$react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEnd?: _$react.UIEventHandler<HTMLDivElement> | undefined;
-    onScrollEndCapture?: _$react.UIEventHandler<HTMLDivElement> | undefined;
-    onWheel?: _$react.WheelEventHandler<HTMLDivElement> | undefined;
-    onWheelCapture?: _$react.WheelEventHandler<HTMLDivElement> | undefined;
-    onAnimationStart?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationStartCapture?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEnd?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationEndCapture?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIteration?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onAnimationIterationCapture?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
-    onToggle?: _$react.ToggleEventHandler<HTMLDivElement> | undefined;
-    onBeforeToggle?: _$react.ToggleEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancel?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionCancelCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEnd?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionEndCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRun?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionRunCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStart?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
-    onTransitionStartCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: ("false" | "true" | boolean) | undefined;
     "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
@@ -10765,12 +10867,12 @@ declare const DsPanel: {
     nonce?: string | undefined;
     slot?: string | undefined;
     spellCheck?: ("false" | "true" | boolean) | undefined;
-    style?: _$react.CSSProperties | undefined;
+    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
-    role?: _$react.AriaRole | undefined;
+    role?: import("react").AriaRole | undefined;
     about?: string | undefined;
     content?: string | undefined;
     datatype?: string | undefined;
@@ -10812,7 +10914,7 @@ declare const DsPanel: {
       collapseButton?: DsPanelCollapseButtonProps;
     };
     onOpenChange?: (open: boolean) => void;
-  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  }): import("react").FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
 //#endregion
@@ -10881,7 +10983,7 @@ declare const DsProgressArc: ({
   style,
   ref,
   ...props
-}: DsProgressArcProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsProgressArcProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
 declare const progressDonutSizes: readonly ['small', 'medium'];
@@ -10922,7 +11024,7 @@ declare const DsProgressDonut: ({
   className,
   style,
   ref
-}: DsProgressDonutProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsProgressDonutProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
 declare const progressLinearVariants: readonly ['initial', 'progress', 'interrupted', 'success', 'error'];
@@ -11000,7 +11102,7 @@ declare const DsProgressLinear: ({
   className,
   style,
   ref
-}: DsProgressLinearProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsProgressLinearProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.types.d.ts
 /**
@@ -11224,95 +11326,95 @@ declare const DsSegmentGroup: {
 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 component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-md-md': {
     readonly element: 'p';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-md-semi-bold': {
     readonly element: 'p';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-md-bold': {
     readonly element: 'p';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLParagraphElement> & _$react.HTMLAttributes<HTMLParagraphElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLParagraphElement> & import("react").HTMLAttributes<HTMLParagraphElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-md-link': {
     readonly element: 'a';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-sm-reg': {
     readonly element: 'span';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-sm-md': {
     readonly element: 'span';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-sm-semi-bold': {
     readonly element: 'span';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-sm-bold': {
     readonly element: 'span';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-sm-link': {
     readonly element: 'a';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-xs-reg': {
     readonly element: 'span';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-xs-md': {
     readonly element: 'span';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-xs-semi-bold': {
     readonly element: 'span';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-xs-bold': {
     readonly element: 'span';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLSpanElement> & _$react.HTMLAttributes<HTMLSpanElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'body-xs-link': {
     readonly element: 'a';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLAnchorElement> & _$react.AnchorHTMLAttributes<HTMLAnchorElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'code-sm-reg': {
     readonly element: 'code';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'code-sm-semi-bold': {
     readonly element: 'code';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'code-xs-reg': {
     readonly element: 'code';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly 'code-xs-semi-bold': {
     readonly element: 'code';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLElement> & _$react.HTMLAttributes<HTMLElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLElement> & import("react").HTMLAttributes<HTMLElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly heading1: {
     readonly element: 'h1';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly heading2: {
     readonly element: 'h2';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly heading3: {
     readonly element: 'h3';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
   };
   readonly heading4: {
     readonly element: 'h4';
-    readonly component: _$react.ForwardRefExoticComponent<_$react.ClassAttributes<HTMLHeadingElement> & _$react.HTMLAttributes<HTMLHeadingElement> & _$_ark_ui_react0.PolymorphicProps>;
+    readonly component: import("react").ForwardRefExoticComponent<import("react").ClassAttributes<HTMLHeadingElement> & import("react").HTMLAttributes<HTMLHeadingElement> & import("@ark-ui/react").PolymorphicProps>;
   };
 };
 /** Semantic text colors backed by `--font-*` tokens in `_root_new.scss`. */
@@ -11364,7 +11466,7 @@ declare const DsTypography: ({
   color,
   children,
   ...props
-}: DsTypographyProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsTypographyProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton.types.d.ts
 declare const skeletonColorVariants: readonly ['gray', 'blue'];
@@ -11461,13 +11563,13 @@ declare const _default: {
     radius,
     className,
     style
-  }: DsSkeletonTextProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsSkeletonTextProps) => import("react/jsx-runtime").JSX.Element;
   Circle: ({
     size,
     color,
     className,
     style
-  }: DsSkeletonCircleProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsSkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
   Rect: ({
     width,
     height,
@@ -11475,7 +11577,7 @@ declare const _default: {
     color,
     className,
     style
-  }: DsSkeletonRectProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsSkeletonRectProps) => import("react/jsx-runtime").JSX.Element;
 };
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-text.d.ts
@@ -11491,7 +11593,7 @@ declare const DsSkeletonText: ({
   radius,
   className,
   style
-}: DsSkeletonTextProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsSkeletonTextProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-circle.d.ts
 /**
@@ -11503,7 +11605,7 @@ declare const DsSkeletonCircle: ({
   color,
   className,
   style
-}: DsSkeletonCircleProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsSkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-rect.d.ts
 /**
@@ -11516,7 +11618,7 @@ declare const DsSkeletonRect: ({
   color,
   className,
   style
-}: DsSkeletonRectProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsSkeletonRectProps) => import("react/jsx-runtime").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'];
@@ -11586,7 +11688,7 @@ declare function DsSmartTabs({
   style,
   children,
   ...props
-}: DsSmartTabsProps): _$react_jsx_runtime0.JSX.Element;
+}: DsSmartTabsProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DsSmartTabs {
   var Tab: React$1.FC<DsSmartTabProps>;
 }
@@ -11639,13 +11741,13 @@ interface DsSplitButtonSlotProps {
 //#region src/components/ds-split-button/index.d.ts
 declare const DsSplitButton: {
   (props: {
-    ref?: _$react.Ref<HTMLDivElement>;
+    ref?: import("react").Ref<HTMLDivElement>;
     className?: string;
-    style?: _$react.CSSProperties;
+    style?: import("react").CSSProperties;
     size?: ResponsiveValue<NonNullable<"medium" | "small" | undefined>> | undefined;
     disabled?: boolean;
     slotProps: DsSplitButtonSlotProps;
-  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  }): import("react").FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
 type DsSplitButtonProps = ComponentProps<typeof DsSplitButton>;
@@ -11653,18 +11755,18 @@ type DsSplitButtonProps = ComponentProps<typeof DsSplitButton>;
 //#region src/components/ds-stack/index.d.ts
 declare const DsStack: {
   (props: {
-    direction?: ResponsiveValue<NonNullable<_$csstype.Property.FlexDirection | undefined>> | undefined;
-    gap?: ResponsiveValue<NonNullable<_$csstype.Property.Gap<string | number> | undefined>> | undefined;
+    direction?: ResponsiveValue<NonNullable<import("csstype").Property.FlexDirection | undefined>> | undefined;
+    gap?: ResponsiveValue<NonNullable<import("csstype").Property.Gap<string | number> | undefined>> | undefined;
     alignItems?: ResponsiveValue<string> | undefined;
     justifyContent?: ResponsiveValue<string> | undefined;
-    flex?: ResponsiveValue<NonNullable<_$csstype.Property.Flex<string | number> | undefined>> | undefined;
-    flexWrap?: ResponsiveValue<NonNullable<_$csstype.Property.FlexWrap | undefined>> | undefined;
-    width?: ResponsiveValue<NonNullable<_$csstype.Property.Width<string | number> | undefined>> | undefined;
-    children?: _$react.ReactNode;
+    flex?: ResponsiveValue<NonNullable<import("csstype").Property.Flex<string | number> | undefined>> | undefined;
+    flexWrap?: ResponsiveValue<NonNullable<import("csstype").Property.FlexWrap | undefined>> | undefined;
+    width?: ResponsiveValue<NonNullable<import("csstype").Property.Width<string | number> | undefined>> | undefined;
+    children?: import("react").ReactNode;
     className?: string;
-    style?: _$react.CSSProperties;
-    ref?: _$react.Ref<HTMLDivElement>;
-  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+    style?: import("react").CSSProperties;
+    ref?: import("react").Ref<HTMLDivElement>;
+  }): import("react").FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
 type DsStackProps = ComponentProps<typeof DsStack>;
@@ -11788,8 +11890,8 @@ declare const DsStatusBadgeV2: {
     variant?: StatusBadgeV2Variant;
     size?: ResponsiveValue<NonNullable<"medium" | "small" | undefined>> | undefined;
     className?: string;
-    style?: _$react.CSSProperties;
-    ref?: _$react.Ref<HTMLElement>;
+    style?: import("react").CSSProperties;
+    ref?: import("react").Ref<HTMLElement>;
     'aria-label'?: string;
     iconOnly: true;
     icon?: IconType;
@@ -11799,12 +11901,12 @@ declare const DsStatusBadgeV2: {
     variant?: StatusBadgeV2Variant;
     size?: ResponsiveValue<NonNullable<"medium" | "small" | undefined>> | undefined;
     className?: string;
-    style?: _$react.CSSProperties;
-    ref?: _$react.Ref<HTMLElement>;
+    style?: import("react").CSSProperties;
+    ref?: import("react").Ref<HTMLElement>;
     'aria-label'?: string;
     iconOnly?: false;
     icon?: IconType | null;
-  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  }): import("react").FunctionComponentElement<Record<string, unknown>>;
   displayName: string;
 };
 //#endregion
@@ -11870,7 +11972,7 @@ declare function DsStepper({
   children,
   className,
   actions
-}: DsStepperProps): _$react_jsx_runtime0.JSX.Element;
+}: DsStepperProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-stepper/components/ds-step.d.ts
 type DsStepProps = PropsWithChildren<{
@@ -11900,7 +12002,7 @@ declare function DsStep({
   variant,
   slots,
   slotProps
-}: DsStepProps): _$react_jsx_runtime0.JSX.Element | null;
+}: DsStepProps): import("react/jsx-runtime").JSX.Element | null;
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-content.d.ts
 type DsStepContentProps = {
@@ -11914,7 +12016,7 @@ declare function DsStepContent({
   label,
   description,
   actions
-}: DsStepContentProps): _$react_jsx_runtime0.JSX.Element;
+}: DsStepContentProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
 type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
@@ -11927,7 +12029,7 @@ declare function DsNextStepButton({
   children,
   size,
   ...rest
-}: DsNextStepButtonProps): _$react_jsx_runtime0.JSX.Element;
+}: DsNextStepButtonProps): import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-system-status/ds-system-status.types.d.ts
 /**
@@ -12077,265 +12179,360 @@ interface InfiniteScrollConfig {
   autoFill?: boolean;
 }
 //#endregion
-//#region src/components/ds-table/filters/types/filter-adapter.types.d.ts
-type AnyAdapter = FilterAdapter<any, any, any>;
-/**
- * Base filter adapter interface that all filters must implement
- * This provides a consistent contract for filter behavior
- *
- * @template TData - The row data type
- * @template TFilterValue - The filter state value type
- * @template TCellValue - The actual cell value type from the table (defaults to unknown)
- */
-interface FilterAdapter<TData, TFilterValue, TCellValue = unknown> {
+//#region src/components/ds-tag/ds-tag.types.d.ts
+declare const tagSizes: readonly ['medium', 'small'];
+type TagSize = (typeof tagSizes)[number];
+declare const tagVariants: readonly ['default', 'include', 'exclude'];
+type TagVariant = (typeof tagVariants)[number];
+interface DsTagProps {
   /**
-   * Unique identifier for the filter (should match column accessorKey)
+   * Ref to the tag element
    */
-  id: string;
+  ref?: Ref<HTMLElement>;
   /**
-   * Display label for the filter in the navigation
+   * The label text to display in the tag
    */
-  label: string;
+  label: ReactNode;
   /**
-   * Initial/default value for the filter state
+   * Additional CSS class names
    */
-  initialValue: TFilterValue;
+  className?: string;
   /**
-   * TanStack Table filter function
-   * Determines if a row matches the current filter value
+   * Locale object (you can pass custom strings for localization)
    */
-  columnFilterFn: (row: Row<TData>, columnId: string, filterValue: TFilterValue) => boolean;
+  locale?: {
+    /**
+     * aria-label for the delete button (shown when `onDelete` is provided).
+     */
+    deleteAriaLabel?: string;
+  };
   /**
-   * Optional custom cell renderer for the table column
-   * Receives the actual cell value from the table, not the filter value
-   * If not provided, default rendering will be used
+   * Additional styles to apply to the component
    */
-  cellRenderer?: (value: TCellValue) => ReactNode;
+  style?: CSSProperties;
   /**
-   * Convert filter value to filter chips for display
-   * Returns empty array if no chips should be shown
+   * Optional click handler, if not present Tag will not be in "clickable" state
    */
-  toChips: (value: TFilterValue) => ChipItem[];
+  onClick?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
   /**
-   * Remove a chip from the filter value
-   * Returns updated filter value with the chip's effect removed
+   * Callback function when the delete icon is clicked
    */
-  fromChip: (chip: ChipItem, currentValue: TFilterValue) => TFilterValue;
+  onDelete?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
   /**
-   * Calculate how many active filters are applied
-   * Used for the count indicator in filter navigation
-   * Can also be used to check if filter is active (count > 0)
+   * Size of the tag
+   * @default 'medium'
    */
-  getActiveFiltersCount: (value: TFilterValue) => number;
+  size?: TagSize;
   /**
-   * Reset filter to initial state
+   * Whether the tag is in a selected/pressed state
+   * @default false
    */
-  reset: () => TFilterValue;
+  selected?: boolean;
   /**
-   * Render the filter UI component
-   * Receives current value and onChange callback
+   * Variant of the tag
+   * @default 'default'
    */
-  renderFilter: (value: TFilterValue, onChange: (value: TFilterValue) => void) => ReactNode;
+  variant?: TagVariant;
+  /**
+   * Whether the tag is disabled
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * Optional render slots for customizing parts of the tag.
+   */
+  slots?: {
+    /**
+     * Icon to display at the start of the input
+     */
+    icon?: ReactNode;
+  };
 }
+//#endregion
+//#region src/components/ds-tag/ds-tag.d.ts
 /**
- * Filter navigation item used to render filter tabs in the UI
+ * Design system Tag component
  */
-interface FilterNavItem {
+declare const DsTag: ({
+  ref,
+  label,
+  className,
+  style,
+  size,
+  selected,
+  variant,
+  disabled,
+  locale,
+  onClick,
+  onDelete,
+  slots,
+  ...rest
+}: DsTagProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/ds-tag-filter/ds-tag-filter.types.d.ts
+interface TagFilterItem {
   /**
-   * Unique identifier for the filter (matches FilterAdapter.id)
+   * Unique identifier for the tag
    */
   id: string;
   /**
-   * Display label for the filter tab
+   * The label text to display in the tag
    */
   label: string;
   /**
-   * Optional count badge to display active filters
-   */
-  count?: number;
-  /**
-   * Whether this filter is disabled
+   * Additional metadata to store with the tag
    */
-  disabled?: boolean;
-}
-/**
- * Filter state managed by useTableFilters hook
- */
-interface FilterState<TValue> {
-  [filterId: string]: TValue;
-}
-/**
- * Column filter for TanStack Table
- */
-interface ColumnFilterState<TValue> {
+  metadata?: Record<string, unknown>;
   /**
-   * Column identifier this filter applies to (matches the column `accessorKey`).
+   * Whether the tag is selected/checked
    */
-  id: string;
+  selected?: boolean;
   /**
-   * Current filter value, passed to the column's filter function.
+   * Additional props to pass to the components
    */
-  value: TValue;
+  slotProps?: {
+    /**
+     * Props forwarded to the underlying `DsTag` rendered for this item. Useful
+     * for per-item overrides such as `variant` or `size`.
+     */
+    tag?: Partial<DsTagProps>;
+  };
 }
-//#endregion
-//#region src/components/ds-table/filters/adapters/create-filter-adapter.d.ts
-interface FilterAdapterConfig<TData, TFilterValue, TCellValue = unknown> {
-  /**
-   * Unique identifier (should match column accessorKey)
-   */
-  id: string;
+interface DsTagFilterProps {
   /**
-   * Display label for filter navigation
+   * Array of tag items to display
    */
-  label: string;
+  items: TagFilterItem[];
   /**
-   * Initial/default value for the filter
+   * Locale object (you can pass custom strings for localization)
    */
-  initialValue: TFilterValue;
+  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;
+  };
   /**
-   * Filter function - determines if row matches filter value
+   * Callback when "Clear all" is clicked
    */
-  filterFn: FilterAdapter<TData, TFilterValue, TCellValue>['columnFilterFn'];
+  onClearAll?: () => void;
   /**
-   * Convert filter value to display chips
+   * Callback when a tag is deleted/removed
    */
-  toChips: FilterAdapter<TData, TFilterValue, TCellValue>['toChips'];
+  onItemDelete?: (item: TagFilterItem) => void;
   /**
-   * Remove chip effect from filter value
+   * Callback when a tag is selected
    */
-  fromChip: FilterAdapter<TData, TFilterValue, TCellValue>['fromChip'];
+  onItemSelect?: (item: TagFilterItem) => void;
   /**
-   * Calculate active filter count
+   * Callback when the Expand button is clicked
    */
-  getActiveFiltersCount: FilterAdapter<TData, TFilterValue, TCellValue>['getActiveFiltersCount'];
+  onExpand?: (expanded?: boolean) => void;
   /**
-   * Render the filter UI
+   * Additional CSS class names
    */
-  renderFilter: (value: TFilterValue, onChange: (value: TFilterValue) => void) => ReactNode;
+  className?: string;
   /**
-   * Optional custom cell renderer for table cells
-   * Note: This receives the cell value from the table, not the filter value
+   * Additional styles to apply to the component
    */
-  cellRenderer?: (value: TCellValue) => ReactNode;
+  style?: CSSProperties;
 }
+//#endregion
+//#region src/components/ds-tag-filter/ds-tag-filter.d.ts
 /**
- * Base factory function to create a filter adapter
- *
- * This is the core function that all specialized filter adapters use internally.
- * Use this when checkbox or dual-range adapters don't fit your requirements.
- *
- * ## When to use directly:
- * - Complex filtering logic (e.g., editor + date range)
- * - Unique UI that doesn't fit generic patterns
- * - Combining multiple sub-filters
- * - Special chip generation requirements
- *
- * ## When to use specialized helpers instead:
- * - **Checkbox filters**: Use `createCheckboxFilterAdapter` for multi-select
- * - **Range filters**: Use `createDualRangeFilterAdapter` for numeric ranges
- *
- * ## Example:
- * ```typescript
- * interface MyFilterValue {
- *   users: string[];
- *   dateRange: { from?: Date; to?: Date };
- * }
- *
- * const myFilter = createFilterAdapter<DataType, MyFilterValue>({
- *   id: 'myColumn',
- *   label: 'My Filter',
- *   initialValue: { users: [], dateRange: {} },
- *
- *   filterFn: (row, columnId, filterValue) => {
- *     // Your custom logic
- *     return matchesUsers && matchesDateRange;
- *   },
- *
- *   toChips: (value) => {
- *     // Generate chips from your filter value
- *     return chips;
- *   },
- *
- *   fromChip: (chip, currentValue) => {
- *     // Remove chip's effect from value
- *     return updatedValue;
- *   },
- *
- *   getActiveFiltersCount: (value) => {
- *     // Count active filters (0 means none active)
- *     return count;
- *   },
- *
- *   renderFilter: (value, onChange) => (
- *     <YourCustomFilterComponent
- *       value={value}
- *       onChange={onChange}
- *     />
- *   ),
- * });
- * ```
- *
- * ## Reference Implementation:
- * See `workflow-filters.config.tsx` for a complete example (lastEditedFilterAdapter).
+ * Design system TagFilter component
  *
- * ## Note:
- * Most use cases are covered by `createCheckboxFilterAdapter` or `createDualRangeFilterAdapter`.
- * Only use this base function directly when you need completely custom filter logic.
+ * A component for displaying active filters as tags with overflow handling.
+ * Non-tag elements (label, expand/collapse, clear) sit in a header row.
+ * Tags occupy the full width below, wrapping as needed.
  */
-declare function createFilterAdapter<TData, TFilterValue, TCellValue = unknown>(config: FilterAdapterConfig<TData, TFilterValue, TCellValue>): FilterAdapter<TData, TFilterValue, TCellValue>;
+declare const DsTagFilter: ({
+  items,
+  locale,
+  className,
+  style,
+  onClearAll,
+  onItemDelete,
+  onItemSelect,
+  onExpand
+}: DsTagFilterProps) => import("react/jsx-runtime").JSX.Element | null;
 //#endregion
-//#region src/components/ds-table/filters/components/checkbox-filter/checkbox-filter.d.ts
-interface CheckboxFilterItem<TValue = string> {
-  value: TValue;
+//#region src/components/ds-table/filters/types/filter-adapter.types.d.ts
+type AnyAdapter = FilterAdapter<any, any, any>;
+/**
+ * Contract every filter implements. `TData` is the row type, `TFilterValue`
+ * the adapter's state, `TCellValue` the cell value returned by the column.
+ */
+interface FilterAdapter<TData, TFilterValue, TCellValue = unknown> {
+  /** Unique id, should match the column `accessorKey`. */
+  id: string;
+  /** Display label used in the filter navigation. */
   label: string;
-  metadata?: Record<string, unknown>;
-}
-interface CheckboxFilterProps<TValue> {
-  items: CheckboxFilterItem<TValue>[];
-  renderer?: (item: CheckboxFilterItem<TValue>) => ReactNode;
-  selectedItems: CheckboxFilterItem<TValue>[];
-  onSelectionChange: (selectedItems: CheckboxFilterItem<TValue>[]) => void;
-}
-//#endregion
-//#region src/components/ds-table/filters/adapters/create-checkbox-filter-adapter.d.ts
-interface CheckboxFilterAdapterConfig<TData, TValue> {
+  /** Initial / reset value. */
+  initialValue: TFilterValue;
+  /** TanStack `filterFn` — returns whether a row matches the current value. */
+  columnFilterFn: (row: Row<TData>, columnId: string, filterValue: TFilterValue) => boolean;
+  /** Optional cell renderer; receives the cell value, not the filter value. */
+  cellRenderer?: (value: TCellValue) => ReactNode;
   /**
-   * Unique identifier (should match column accessorKey)
+   * Convert the filter value into chips for `DsTagFilter`. Each chip's
+   * `metadata.key` / `metadata.value` must let `fromChip` undo it.
    */
+  toChips: (value: TFilterValue) => TagFilterItem[];
+  /** Remove a chip's effect from the current value. */
+  fromChip: (chip: TagFilterItem, currentValue: TFilterValue) => TFilterValue;
+  /** Number of active sub-filters; `0` means the filter is inactive. */
+  getActiveFiltersCount: (value: TFilterValue) => number;
+  /** Return the initial value. */
+  reset: () => TFilterValue;
+  /** Render the filter UI for a given value + onChange. */
+  renderFilter: (value: TFilterValue, onChange: (value: TFilterValue) => void) => ReactNode;
+}
+interface FilterNavItem {
+  /** Matches `FilterAdapter.id`. */
   id: string;
-  /**
-   * Display label for filter navigation
-   */
   label: string;
-  /**
-   * Available items to select from
-   */
+  /** Active filter count badge. */
+  count?: number;
+  disabled?: boolean;
+}
+/** Map of filter id → adapter value. */
+interface FilterState<TValue> {
+  [filterId: string]: TValue;
+}
+interface ColumnFilterState<TValue> {
+  /** Column id (matches the column `accessorKey`). */
+  id: string;
+  /** Value passed to the column's filter function. */
+  value: TValue;
+}
+/**
+ * Set by the consumer on `column.meta.filter` to opt a column into the
+ * per-column filter popover. Provide an `adapter` inline or just `adapterId`
+ * to resolve against `useTableFilters({ filterAdapters })`.
+ */
+interface ColumnFilterMeta {
+  /** Mutually exclusive with `adapterId`. */
+  adapter?: AnyAdapter;
+  /** Mutually exclusive with `adapter`. */
+  adapterId?: string;
+}
+/**
+ * What `useTableFilters` injects onto `column.meta.filter` of each enhanced
+ * column. Consumers don't build this — they set `ColumnFilterMeta` and the
+ * hook swaps it for this resolved shape on `enhancedColumns`.
+ */
+interface ResolvedColumnFilter {
+  filterId: string;
+  hasActiveFilter: boolean;
+  /** Renders the adapter's filter UI for this column. */
+  render: () => ReactNode;
+  onApply: () => void;
+  onClear: () => void;
+  onCancel: () => void;
+}
+//#endregion
+//#region src/components/ds-table/filters/types/column-meta.augmentation.d.ts
+/**
+ * Adds `column.meta.filter`. Consumers set `ColumnFilterMeta`;
+ * `useTableFilters` swaps it for `ResolvedColumnFilter` on `enhancedColumns`
+ * so the header can render the trigger + popover. The header narrows the
+ * union by checking for `render`.
+ */
+declare module '@tanstack/react-table' {
+  interface ColumnMeta<TData, TValue> {
+    filter?: ColumnFilterMeta | ResolvedColumnFilter;
+  }
+}
+//#endregion
+//#region src/components/ds-table/filters/adapters/create-filter-adapter.d.ts
+interface FilterAdapterConfig<TData, TFilterValue, TCellValue = unknown> {
+  /** Unique id, should match the column `accessorKey`. */
+  id: string;
+  label: string;
+  initialValue: TFilterValue;
+  /** TanStack `filterFn` for this column. */
+  filterFn: FilterAdapter<TData, TFilterValue, TCellValue>['columnFilterFn'];
+  toChips: FilterAdapter<TData, TFilterValue, TCellValue>['toChips'];
+  fromChip: FilterAdapter<TData, TFilterValue, TCellValue>['fromChip'];
+  getActiveFiltersCount: FilterAdapter<TData, TFilterValue, TCellValue>['getActiveFiltersCount'];
+  renderFilter: (value: TFilterValue, onChange: (value: TFilterValue) => void) => ReactNode;
+  /** Cell renderer; receives the cell value, not the filter value. */
+  cellRenderer?: (value: TCellValue) => ReactNode;
+}
+/**
+ * Base factory used by every specialized adapter. Reach for it only when
+ * `createCheckboxFilterAdapter` / `createDualRangeFilterAdapter` don't fit
+ * (custom UI, mixed sub-filters, bespoke chip logic).
+ */
+declare function createFilterAdapter<TData, TFilterValue, TCellValue = unknown>(config: FilterAdapterConfig<TData, TFilterValue, TCellValue>): FilterAdapter<TData, TFilterValue, TCellValue>;
+//#endregion
+//#region src/components/ds-table/filters/components/checkbox-filter/checkbox-filter.d.ts
+interface CheckboxFilterItem<TValue = string> {
+  value: TValue;
+  label: string;
+  metadata?: Record<string, unknown>;
+}
+interface CheckboxFilterLocale {
+  /** @default 'All' */
+  allLabel?: string;
+  /** @default 'Search' */
+  searchPlaceholder?: string;
+  /** @default 'No matches' */
+  noMatchesLabel?: string;
+}
+interface CheckboxFilterProps<TValue> {
   items: CheckboxFilterItem<TValue>[];
-  /**
-   * Optional custom renderer for each item
-   */
+  /** Custom row renderer; defaults to `item.label`. */
   renderer?: (item: CheckboxFilterItem<TValue>) => ReactNode;
+  selectedItems: CheckboxFilterItem<TValue>[];
+  onSelectionChange: (selectedItems: CheckboxFilterItem<TValue>[]) => void;
+  /** Show a case-insensitive substring search above the list. @default false */
+  searchable?: boolean;
   /**
-   * Optional custom chip label generator
-   * @default (item) => `${label}: ${item.label}`
+   * Show an "All" toggle. Checked when every visible item is selected,
+   * indeterminate when some are, unchecked otherwise. @default false
    */
+  selectAll?: boolean;
+  locale?: CheckboxFilterLocale;
+  className?: string;
+}
+//#endregion
+//#region src/components/ds-table/filters/adapters/create-checkbox-filter-adapter.d.ts
+interface CheckboxFilterAdapterConfig<TData, TValue> {
+  /** Unique id, should match the column `accessorKey`. */
+  id: string;
+  label: string;
+  /** Selectable items. */
+  items: CheckboxFilterItem<TValue>[];
+  /** Custom row renderer; defaults to `item.label`. */
+  renderer?: (item: CheckboxFilterItem<TValue>) => ReactNode;
+  /** @default (item) => `${label}: ${item.label}` */
   chipLabelTemplate?: (item: CheckboxFilterItem<TValue>) => string;
-  /**
-   * Optional custom cell renderer for table column
-   */
   cellRenderer?: (value: TValue) => ReactNode;
-  /**
-   * How to extract the value from a row for comparison
-   * @default (row) => row.getValue(id)
-   */
+  /** @default (row) => row.getValue(id) */
   getRowValue?: (row: Row<TData>) => TValue;
+  /** Show a search input above the list. @default false */
+  searchable?: boolean;
+  /** Show an "All" toggle that selects / clears every (visible) item. @default false */
+  selectAll?: boolean;
+  locale?: CheckboxFilterLocale;
 }
 /**
- * Factory function to create a checkbox filter adapter
- *
- * Handles multi-select checkbox filtering with inclusion model:
- * - Empty selection = show all data (no filter active)
- * - Selected items = show only those items
+ * Multi-select inclusion filter: empty selection shows every row, selected
+ * items show only those rows.
  */
 declare function createCheckboxFilterAdapter<TData, TValue = string>(config: CheckboxFilterAdapterConfig<TData, TValue>): FilterAdapter<TData, CheckboxFilterItem<TValue>[], TValue>;
 //#endregion
@@ -12348,115 +12545,57 @@ interface DualRangeFilterValue {
   [fieldName: string]: RangeValue;
 }
 interface DualRangeFilterAdapterConfig<TData> {
-  /**
-   * Unique identifier (should match column accessorKey)
-   */
+  /** Unique id, should match the column `accessorKey`. */
   id: string;
-  /**
-   * Display label for filter navigation
-   */
   label: string;
-  /**
-   * Field configurations: { fieldKey: displayLabel }
-   * Example: { running: 'Running', completed: 'Completed' }
-   */
+  /** Field key → display label, e.g. `{ running: 'Running' }`. */
   fields: Record<string, string>;
-  /**
-   * Optional formatter for chip display
-   * @default (num) => num.toLocaleString('en-US')
-   */
+  /** @default (num) => num.toLocaleString('en-US') */
   formatNumber?: (num: number) => string;
-  /**
-   * How to extract the value object from a row
-   * @default (row) => row.getValue(id)
-   */
+  /** @default (row) => row.getValue(id) */
   getRowValue?: (row: Row<TData>) => Record<string, number>;
 }
-/**
- * Factory function to create a dual-range filter adapter
- * Handles filtering on multiple numeric ranges within a single column
- */
+/** Filter over multiple numeric ranges within one column (AND across fields). */
 declare function createDualRangeFilterAdapter<TData>(config: DualRangeFilterAdapterConfig<TData>): FilterAdapter<TData, DualRangeFilterValue, Record<string, number>>;
 //#endregion
 //#region src/components/ds-table/filters/hooks/use-table-filters.d.ts
 interface UseTableFiltersOptions<TData, TValue, TCellValue> {
-  /**
-   * Array of filter adapters that define filter behavior
-   */
   filterAdapters: FilterAdapter<TData, TValue, TCellValue>[] | AnyAdapter[];
-  /**
-   * Base column definitions
-   */
   baseColumns?: ColumnDef<TData>[];
-  /**
-   * Controlled mode: External applied filters (source of truth).
-   * When provided with onFiltersChange, the hook operates in controlled mode.
-   * Keys must match adapter IDs.
-   */
+  /** Controlled applied filters, keyed by adapter id. Pair with `onFiltersChange`. */
   appliedFilters?: FilterState<TValue>;
-  /**
-   * Controlled mode: Callback when filters change.
-   * Called by applyFilters(), deleteChip(), clearAll().
-   */
+  /** Fires from `applyFilters`, `deleteChip`, and `clearAll` in controlled mode. */
   onFiltersChange?: (filters: FilterState<TValue>) => void;
 }
 interface UseTableFiltersResult<TData, TValue> {
-  /**
-   * Current draft filter state (uncommitted user selections)
-   */
+  /** Draft filter state (uncommitted). */
   filterState: FilterState<TValue>;
-  /**
-   * Column filters (derived from applied state)
-   */
+  /** Applied filters mapped to TanStack's column-filters shape. */
   columnFilters: ColumnFilterState<TValue>[];
-  /**
-   * Filter chips for display (derived from applied state)
-   */
-  filterChips: ChipItem[];
-  /**
-   * Filter navigation items with active counts
-   */
+  /** Chips for `DsTagFilter`, derived from applied state. */
+  filterChips: TagFilterItem[];
+  /** Filter-nav items with active counts. */
   filterNavItems: FilterNavItem[];
-  /**
-   * Enhanced column definitions with filter functions
-   */
+  /** `baseColumns` with `filterFn`, cell renderer and per-column meta wired in. */
   enhancedColumns: ColumnDef<TData>[];
-  /**
-   * Handlers for filter operations
-   */
   handlers: {
-    /** Update a specific filter's draft value */updateFilter: (filterId: string, value: TValue) => void; /** Commit draft state to applied state */
-    applyFilters: () => void; /** Clear all filters */
-    clearAll: () => void; /** Delete a specific filter chip */
-    deleteChip: (chip: ChipItem) => void;
+    /** Update a filter's draft value. */updateFilter: (filterId: string, value: TValue) => void; /** Commit all drafts to applied state. */
+    applyFilters: () => void; /** Clear all filters. */
+    clearAll: () => void; /** Remove a chip's effect from applied state. */
+    deleteChip: (chip: TagFilterItem) => void; /** Commit one column's draft (per-column popover Save). */
+    applyColumnFilter: (filterId: string) => void; /** Discard one column's draft without committing. */
+    cancelColumnFilter: (filterId: string) => void; /** Clear one applied filter (per-column popover Clear). */
+    clearColumnFilter: (filterId: string) => void;
   };
-  /**
-   * Render function for filter content
-   */
+  /** Renders the adapter UI for a column id, or `null` if no match. */
+  renderColumnFilter: (filterId: string) => ReactNode;
+  /** Renders the adapter UI for a `FilterNavItem`. */
   renderFilterContent: (selectedFilter: FilterNavItem) => ReactNode;
 }
 /**
- * Hook to orchestrate table filtering with adapters.
- * Manages filter state, generates chips, and handles column definitions.
- *
- * **Uncontrolled mode** (default): Filters are managed internally.
- * **Controlled mode**: Filters are managed externally via appliedFilters/onFiltersChange.
- *
- * @example
- * // Uncontrolled mode
- * const { filterChips, handlers } = useTableFilters({
- *   filterAdapters: adapters,
- *   baseColumns: columns,
- * });
- *
- * @example
- * // Controlled mode (e.g., URL-driven filtering)
- * const { filterChips, handlers } = useTableFilters({
- *   filterAdapters: adapters,
- *   baseColumns: columns,
- *   appliedFilters: filtersFromUrl,
- *   onFiltersChange: (filters) => updateUrlAndRefetch(filters),
- * });
+ * Orchestrates table filtering: drafts → applied state, chips, nav counts, and
+ * column wiring. Uncontrolled by default; pass `appliedFilters` +
+ * `onFiltersChange` for URL-driven / external state.
  */
 declare function useTableFilters<TData, TValue, TCellValue>({
   filterAdapters,
@@ -12477,6 +12616,56 @@ interface RangeFilterProps {
   onClear?: () => void;
 }
 //#endregion
+//#region src/components/ds-table/filters/components/column-filter-popover/column-filter-popover.types.d.ts
+interface ColumnFilterPopoverLocale {
+  /** @default 'Filter column' */
+  triggerAriaLabel?: string;
+  /** @default 'Clear' */
+  clearLabel?: string;
+  /** @default 'Save' */
+  saveLabel?: string;
+}
+interface DsTableColumnFilterPopoverProps {
+  /** Body rendered above the Clear / Save footer. */
+  children: ReactNode;
+  /** Whether the column has an applied filter; drives the trigger's active state. */
+  hasActiveFilter: boolean;
+  /** Commit the draft for this column. */
+  onApply: () => void;
+  /** Clear the draft and the applied value for this column. */
+  onClear: () => void;
+  /** Discard the draft when the popover closes without Save. */
+  onCancel: () => void;
+  locale?: ColumnFilterPopoverLocale;
+  className?: string;
+}
+//#endregion
+//#region src/components/ds-table/filters/components/column-filter-popover/column-filter-popover.d.ts
+/**
+ * Per-column filter popover anchored to a header cell: funnel trigger,
+ * adapter UI as the body, Clear / Save footer wired to `useTableFilters`.
+ */
+declare const DsTableColumnFilterPopover: ({
+  children,
+  hasActiveFilter,
+  onApply,
+  onClear,
+  onCancel,
+  locale,
+  className
+}: DsTableColumnFilterPopoverProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/ds-table/ds-table-column.types.d.ts
+declare module '@tanstack/react-table' {
+  interface ColumnDefBase<TData extends RowData, TValue> {
+    /**
+     * Renders the cell editor when the cell enters edit mode.
+     * When omitted, the column is not editable.
+     */
+    editCell?: (context: CellContext<TData, TValue>) => ReactNode;
+  }
+} //# sourceMappingURL=ds-table-column.types.d.ts.map
+//#endregion
 //#region src/components/ds-table/ds-table.types.d.ts
 /**
  * Row size variants based on Figma design specifications
@@ -12858,6 +13047,55 @@ interface DsDataTableProps<TData, TValue> {
    * Callback when column visibility changes
    */
   onColumnVisibilityChange?: (visibility: VisibilityState) => void;
+  /**
+   * Callback fired when an editable cell commits a new value via one of the
+   * `DsTableEditCell*` wrappers or the `useCellEditor` hook. The parent is
+   * expected to update the row data in response.
+   *
+   * Commits occur on confirm (check button or Enter). Opening another cell
+   * discards the previous draft without calling this callback.
+   *
+   * @param row - The row data of the cell that was edited
+   * @param columnId - The id of the column whose cell was edited
+   * @param value - The new committed value
+   *
+   * @example
+   * ```tsx
+   * const [people, setPeople] = useState(initialPeople);
+   *
+   * <DsTable
+   *   data={people}
+   *   columns={columns}
+   *   onCellEdit={(row, columnId, value) => {
+   *     setPeople((rows) =>
+   *       rows.map((r) => (r.id === row.id ? { ...r, [columnId]: value } : r)),
+   *     );
+   *   }}
+   * />
+   * ```
+   */
+  onCellEdit?: (row: TData, columnId: string, value: TValue) => void;
+  /**
+   * Validates a cell value before it is committed. Return `null` to allow the
+   * commit (which fires `onCellEdit`), or an error message string to reject it
+   * and keep the cell in edit mode. Synchronous only.
+   *
+   *
+   * @param row - The row data of the cell being edited
+   * @param columnId - The id of the column whose cell is being edited
+   * @param value - The candidate value to validate
+   *
+   * @example
+   * ```tsx
+   * <DsTable
+   *   data={people}
+   *   columns={columns}
+   *   onCellValidate={(row, columnId, value) => validateField(columnId)(value, row)}
+   *   onCellEdit={...}
+   * />
+   * ```
+   */
+  onCellValidate?: (row: TData, columnId: string, value: TValue) => string | null;
 }
 //#endregion
 //#region src/components/ds-table/ds-table.d.ts
@@ -12897,8 +13135,143 @@ declare const DsTable: <TData extends {
   columnVisibility: externalColumnVisibility,
   onColumnVisibilityChange,
   activeRowId,
-  infiniteScroll
-}: DsDataTableProps<TData, TValue>) => _$react_jsx_runtime0.JSX.Element;
+  infiniteScroll,
+  onCellEdit,
+  onCellValidate
+}: DsDataTableProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/ds-table/hooks/use-cell-editor.d.ts
+interface UseCellEditorOptions<TData extends RowData, TValue> {
+  /**
+   * The TanStack Table CellContext for this cell. Pass through
+   * the argument received in `ColumnDef.editCell`.
+   */
+  cellContext: CellContext<TData, TValue>;
+}
+interface UseCellEditorContainerProps {
+  onKeyDown: KeyboardEventHandler<HTMLElement>;
+  onClick: MouseEventHandler;
+  onDoubleClick: MouseEventHandler;
+}
+interface UseCellEditorResult<TValue> {
+  /** The in-progress draft value for the active editor. */
+  value: TValue;
+  /** Validation error from the most recent commit attempt, if any. */
+  error: string | null;
+  /** Update the in-progress draft value. */
+  setValue: (value: TValue) => void;
+  /** Validate and commit the draft. */
+  commit: (overrideValue?: TValue) => void;
+  /** Discard the draft and exit edit mode. */
+  cancel: () => void;
+  /** Stop mouse events from triggering row-level handlers. */
+  stopPropagation: (event: MouseEvent) => void;
+  /** Spread on the custom `editCell` root for pointer isolation from row handlers. */
+  editorContainerProps: UseCellEditorContainerProps;
+}
+/**
+ * Wires a TanStack Table `editCell` renderer into DsTable's hoisted editing state.
+ * Only mount this hook inside `ColumnDef.editCell` — the table cell layer handles
+ * entering edit mode on double-click.
+ */
+declare const useCellEditor: <TData extends RowData, TValue>({
+  cellContext
+}: UseCellEditorOptions<TData, TValue>) => UseCellEditorResult<TValue>;
+//#endregion
+//#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.types.d.ts
+interface DsTableEditableCellProps<TData, TValue> {
+  cell: Cell<TData, TValue>;
+  children: ReactNode;
+}
+//#endregion
+//#region src/components/ds-table/components/edit/ds-table-editable-cell/ds-table-editable-cell.d.ts
+declare const DsTableEditableCell: <TData, TValue>({
+  cell,
+  children
+}: DsTableEditableCellProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.types.d.ts
+interface DsTableEditingCellProps<TData, TValue> {
+  cell: Cell<TData, TValue>;
+}
+//#endregion
+//#region src/components/ds-table/components/edit/ds-table-editing-cell/ds-table-editing-cell.d.ts
+declare const DsTableEditingCell: <TData, TValue>({
+  cell
+}: DsTableEditingCellProps<TData, TValue>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-text.d.ts
+interface DsTableEditCellTextProps<TData extends RowData> {
+  /** TanStack Table cell context from `ColumnDef.editCell`. */
+  cellContext: CellContext<TData, string>;
+  placeholder?: string;
+  maxLength?: number;
+}
+/** Text input editor for table cells. Render via `ColumnDef.editCell`. */
+declare const DsTableEditCellText: <TData extends RowData>({
+  cellContext,
+  placeholder,
+  maxLength
+}: DsTableEditCellTextProps<TData>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-number.d.ts
+interface DsTableEditCellNumberProps<TData extends RowData> {
+  /** TanStack Table cell context from `ColumnDef.editCell`. */
+  cellContext: CellContext<TData, number>;
+  min?: number;
+  max?: number;
+  step?: number;
+}
+/** Number input editor for table cells. Render via `ColumnDef.editCell`. */
+declare const DsTableEditCellNumber: <TData extends RowData>({
+  cellContext,
+  min,
+  max,
+  step
+}: DsTableEditCellNumberProps<TData>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-select.d.ts
+interface DsTableEditCellSelectProps<TData extends RowData> {
+  /** TanStack Table cell context from `ColumnDef.editCell`. */
+  cellContext: CellContext<TData, string>;
+  options: DsSelectOption[];
+  placeholder?: string;
+}
+/** Select editor for table cells. Render via `ColumnDef.editCell`. */
+declare const DsTableEditCellSelect: <TData extends RowData>({
+  cellContext,
+  options,
+  placeholder
+}: DsTableEditCellSelectProps<TData>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-date.d.ts
+type DsTableEditCellDateValue = Date | null;
+interface DsTableEditCellDateProps<TData extends RowData> {
+  /** TanStack Table cell context from `ColumnDef.editCell`. */
+  cellContext: CellContext<TData, DsTableEditCellDateValue>;
+  min?: Date;
+  max?: Date;
+  placeholder?: string;
+}
+/** Date picker editor for table cells. Render via `ColumnDef.editCell`. */
+declare const DsTableEditCellDate: <TData extends RowData>({
+  cellContext,
+  min,
+  max,
+  placeholder
+}: DsTableEditCellDateProps<TData>) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+//#region src/components/ds-table/components/edit/cell-editors/ds-table-edit-cell-checkbox.d.ts
+interface DsTableEditCellCheckboxProps<TData extends RowData> {
+  /** TanStack Table cell context from `ColumnDef.editCell`. */
+  cellContext: CellContext<TData, boolean>;
+  disabled?: boolean;
+}
+/** Checkbox editor for table cells. Render via `ColumnDef.editCell`. */
+declare const DsTableEditCellCheckbox: <TData extends RowData>({
+  cellContext,
+  disabled
+}: DsTableEditCellCheckboxProps<TData>) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-tabs/ds-tabs.types.d.ts
 type DsTabsSize = 'medium' | 'small';
@@ -12982,12 +13355,12 @@ declare const DsTabs: {
     className,
     style,
     children
-  }: DsTabsProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTabsProps) => import("react/jsx-runtime").JSX.Element;
   List: ({
     className,
     style,
     children
-  }: DsTabsListProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTabsListProps) => import("react/jsx-runtime").JSX.Element;
   Tab: ({
     value,
     disabled,
@@ -13000,205 +13373,15 @@ declare const DsTabs: {
     className,
     style,
     children
-  }: DsTabsTabProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTabsTabProps) => import("react/jsx-runtime").JSX.Element;
   Content: ({
     value,
     className,
     style,
     children
-  }: DsTabsContentProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTabsContentProps) => import("react/jsx-runtime").JSX.Element;
 };
 //#endregion
-//#region src/components/ds-tag/ds-tag.types.d.ts
-declare const tagSizes: readonly ['medium', 'small'];
-type TagSize = (typeof tagSizes)[number];
-declare const tagVariants: readonly ['default', 'include', 'exclude'];
-type TagVariant = (typeof tagVariants)[number];
-interface DsTagProps {
-  /**
-   * Ref to the tag element
-   */
-  ref?: Ref<HTMLElement>;
-  /**
-   * The label text to display in the tag
-   */
-  label: ReactNode;
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-  /**
-   * Locale object (you can pass custom strings for localization)
-   */
-  locale?: {
-    /**
-     * aria-label for the delete button (shown when `onDelete` is provided).
-     */
-    deleteAriaLabel?: string;
-  };
-  /**
-   * Additional styles to apply to the component
-   */
-  style?: CSSProperties;
-  /**
-   * Optional click handler, if not present Tag will not be in "clickable" state
-   */
-  onClick?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
-  /**
-   * Callback function when the delete icon is clicked
-   */
-  onDelete?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>) => void;
-  /**
-   * Size of the tag
-   * @default 'medium'
-   */
-  size?: TagSize;
-  /**
-   * Whether the tag is in a selected/pressed state
-   * @default false
-   */
-  selected?: boolean;
-  /**
-   * Variant of the tag
-   * @default 'default'
-   */
-  variant?: TagVariant;
-  /**
-   * Whether the tag is disabled
-   * @default false
-   */
-  disabled?: boolean;
-  /**
-   * Optional render slots for customizing parts of the tag.
-   */
-  slots?: {
-    /**
-     * Icon to display at the start of the input
-     */
-    icon?: ReactNode;
-  };
-}
-//#endregion
-//#region src/components/ds-tag/ds-tag.d.ts
-/**
- * Design system Tag component
- */
-declare const DsTag: ({
-  ref,
-  label,
-  className,
-  style,
-  size,
-  selected,
-  variant,
-  disabled,
-  locale,
-  onClick,
-  onDelete,
-  slots,
-  ...rest
-}: DsTagProps) => _$react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/ds-tag-filter/ds-tag-filter.types.d.ts
-interface TagFilterItem {
-  /**
-   * Unique identifier for the tag
-   */
-  id: string;
-  /**
-   * The label text to display in the tag
-   */
-  label: string;
-  /**
-   * Additional metadata to store with the tag
-   */
-  metadata?: Record<string, unknown>;
-  /**
-   * Whether the tag is selected/checked
-   */
-  selected?: boolean;
-  /**
-   * 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>;
-  };
-}
-interface DsTagFilterProps {
-  /**
-   * Array of tag items to display
-   */
-  items: TagFilterItem[];
-  /**
-   * 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;
-  };
-  /**
-   * Callback when "Clear all" is clicked
-   */
-  onClearAll?: () => void;
-  /**
-   * Callback when a tag is deleted/removed
-   */
-  onItemDelete?: (item: TagFilterItem) => void;
-  /**
-   * Callback when a tag is selected
-   */
-  onItemSelect?: (item: TagFilterItem) => void;
-  /**
-   * Callback when the Expand button is clicked
-   */
-  onExpand?: (expanded?: boolean) => void;
-  /**
-   * Additional CSS class names
-   */
-  className?: string;
-  /**
-   * Additional styles to apply to the component
-   */
-  style?: CSSProperties;
-}
-//#endregion
-//#region src/components/ds-tag-filter/ds-tag-filter.d.ts
-/**
- * Design system TagFilter component
- *
- * A component for displaying active filters as tags with overflow handling.
- * Non-tag elements (label, expand/collapse, clear) sit in a header row.
- * Tags occupy the full width below, wrapping as needed.
- */
-declare const DsTagFilter: ({
-  items,
-  locale,
-  className,
-  style,
-  onClearAll,
-  onItemDelete,
-  onItemSelect,
-  onExpand
-}: DsTagFilterProps) => _$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'];
 type ToastVariant = (typeof toastVariants)[number];
@@ -13365,7 +13548,7 @@ declare const DsToggle: ({
   children,
   checked,
   ...rest
-}: DsToggleProps) => _$react_jsx_runtime0.JSX.Element;
+}: DsToggleProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 //#region src/components/ds-tooltip/ds-tooltip.types.d.ts
 interface DsTooltipProps {
@@ -13559,72 +13742,72 @@ declare const DsTree: {
     typeahead,
     lazyMount,
     unmountOnExit
-  }: DsTreeRootProps<T>) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeRootProps<T>) => import("react/jsx-runtime").JSX.Element;
   Tree: ({
     className,
     style,
     children
-  }: DsTreeTreeProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeTreeProps) => import("react/jsx-runtime").JSX.Element;
   NodeProvider: typeof TreeView.NodeProvider;
-  NodeContext: (props: TreeView.NodeContextProps) => _$react.ReactNode;
+  NodeContext: (props: TreeView.NodeContextProps) => import("react").ReactNode;
   Branch: ({
     className,
     style,
     children
-  }: DsTreeBranchProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchProps) => import("react/jsx-runtime").JSX.Element;
   BranchControl: ({
     className,
     style,
     children
-  }: DsTreeBranchControlProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchControlProps) => import("react/jsx-runtime").JSX.Element;
   BranchIndicator: ({
     className,
     style,
     children
-  }: DsTreeBranchIndicatorProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchIndicatorProps) => import("react/jsx-runtime").JSX.Element;
   BranchText: ({
     className,
     style,
     children
-  }: DsTreeBranchTextProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchTextProps) => import("react/jsx-runtime").JSX.Element;
   BranchContent: ({
     className,
     style,
     children
-  }: DsTreeBranchContentProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchContentProps) => import("react/jsx-runtime").JSX.Element;
   BranchIndentGuide: ({
     className,
     style
-  }: DsTreeBranchIndentGuideProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchIndentGuideProps) => import("react/jsx-runtime").JSX.Element;
   Item: ({
     className,
     style,
     children,
     onClick
-  }: DsTreeItemProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemProps) => import("react/jsx-runtime").JSX.Element;
   ItemText: ({
     className,
     style,
     children
-  }: DsTreeItemTextProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemTextProps) => import("react/jsx-runtime").JSX.Element;
   ItemIndicator: ({
     className,
     style
-  }: DsTreeItemIndicatorProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemIndicatorProps) => import("react/jsx-runtime").JSX.Element;
   ItemAction: ({
     className,
     style,
     children,
     onClick
-  }: DsTreeItemActionProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemActionProps) => import("react/jsx-runtime").JSX.Element;
   NodeCheckbox: ({
     className,
     style
-  }: DsTreeNodeCheckboxProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsTreeNodeCheckboxProps) => import("react/jsx-runtime").JSX.Element;
 };
 //#endregion
 //#region src/components/ds-tree/ds-tree.utils.d.ts
-declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => _$_ark_ui_react0.TreeCollection<T>;
+declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => import("@ark-ui/react").TreeCollection<T>;
 //#endregion
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.types.d.ts
 interface DsVerticalTabsRootProps {
@@ -13699,12 +13882,12 @@ declare function DsVerticalTabs({
   className,
   style,
   children
-}: DsVerticalTabsRootProps): _$react_jsx_runtime0.JSX.Element;
+}: DsVerticalTabsRootProps): import("react/jsx-runtime").JSX.Element;
 declare namespace DsVerticalTabs {
   var List: ({
     className,
     children
-  }: DsVerticalTabsListProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsVerticalTabsListProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsVerticalTabs {
   var Tab: ({
@@ -13712,59 +13895,113 @@ declare namespace DsVerticalTabs {
     disabled,
     className,
     children
-  }: DsVerticalTabsTabProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsVerticalTabsTabProps) => import("react/jsx-runtime").JSX.Element;
 }
 declare namespace DsVerticalTabs {
   var Content: ({
     value,
     className,
     children
-  }: DsVerticalTabsContentProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsVerticalTabsContentProps) => import("react/jsx-runtime").JSX.Element;
 }
 //#endregion
-//#region src/components/ds-workspace/ds-workspace.types.d.ts
-interface DsWorkspaceProps extends ComponentPropsWithRef<'div'> {
+//#region src/components/ds-workspace-layout/ds-workspace-layout.types.d.ts
+interface DsWorkspaceLayoutProps 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'>;
+type DsWorkspaceLayoutHeaderProps = ComponentPropsWithRef<'header'>;
+type DsWorkspaceLayoutSubHeaderProps = ComponentPropsWithRef<'div'>;
+type DsWorkspaceLayoutContentProps = ComponentPropsWithRef<'div'>;
+type DsWorkspaceLayoutFooterProps = ComponentPropsWithRef<'footer'>;
+type DsWorkspaceLayoutBodyProps = ComponentPropsWithRef<'div'>;
+type DsWorkspaceLayoutLeftPanelProps = ComponentPropsWithRef<'aside'>;
+interface DsWorkspaceLayoutSideMenuProps extends ComponentPropsWithRef<'aside'> {
+  /**
+   * Whether the side menu is pinned open. When `true`, the expanded panel pushes the content area
+   * to the right; when `false`, the collapsed rail is shown and hovering it overlays the expanded
+   * panel without shifting the content.
+   * @default false
+   */
+  pinned?: boolean;
+  /**
+   * Called when the built-in pin/unpin button is clicked. Pass this prop to render the pin
+   * affordance in the top-right corner of the expanded panel; omit it to hide the button (e.g.
+   * when the side menu should always remain in its default collapsed state).
+   */
+  onPinnedChange?: (pinned: boolean) => void;
+  /**
+   * Locale object (you can pass custom strings for localization).
+   */
+  locale?: {
+    /**
+     * aria-label for the pin button when the side menu is collapsed/unpinned.
+     * @default 'Pin side menu'
+     */
+    pinButtonLabel?: string;
+    /**
+     * aria-label for the pin button when the side menu is pinned.
+     * @default 'Unpin side menu'
+     */
+    unpinButtonLabel?: string;
+  };
+}
 //#endregion
-//#region src/components/ds-workspace/ds-workspace.d.ts
-declare function DsWorkspace({
+//#region src/components/ds-workspace-layout/ds-workspace-layout.d.ts
+declare function DsWorkspaceLayout({
   className,
   fillParent,
   ...rest
-}: DsWorkspaceProps): _$react_jsx_runtime0.JSX.Element;
-declare namespace DsWorkspace {
+}: DsWorkspaceLayoutProps): import("react/jsx-runtime").JSX.Element;
+declare namespace DsWorkspaceLayout {
   var Header: ({
     className,
     ...rest
-  }: DsWorkspaceHeaderProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsWorkspaceLayoutHeaderProps) => import("react/jsx-runtime").JSX.Element;
 }
-declare namespace DsWorkspace {
+declare namespace DsWorkspaceLayout {
   var SubHeader: ({
     className,
     ...rest
-  }: DsWorkspaceSubHeaderProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsWorkspaceLayoutSubHeaderProps) => import("react/jsx-runtime").JSX.Element;
 }
-declare namespace DsWorkspace {
+declare namespace DsWorkspaceLayout {
   var Content: ({
     className,
     ...rest
-  }: DsWorkspaceContentProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsWorkspaceLayoutContentProps) => import("react/jsx-runtime").JSX.Element;
 }
-declare namespace DsWorkspace {
+declare namespace DsWorkspaceLayout {
   var Footer: ({
     className,
     ...rest
-  }: DsWorkspaceFooterProps) => _$react_jsx_runtime0.JSX.Element;
+  }: DsWorkspaceLayoutFooterProps) => import("react/jsx-runtime").JSX.Element;
+}
+declare namespace DsWorkspaceLayout {
+  var Body: ({
+    className,
+    ...rest
+  }: DsWorkspaceLayoutBodyProps) => import("react/jsx-runtime").JSX.Element;
+}
+declare namespace DsWorkspaceLayout {
+  var SideMenu: ({
+    className,
+    pinned,
+    onPinnedChange,
+    locale,
+    children,
+    ...rest
+  }: DsWorkspaceLayoutSideMenuProps) => import("react/jsx-runtime").JSX.Element;
+}
+declare namespace DsWorkspaceLayout {
+  var LeftPanel: ({
+    className,
+    ...rest
+  }: DsWorkspaceLayoutLeftPanelProps) => import("react/jsx-runtime").JSX.Element;
 }
 //#endregion
-export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, CheckedState, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuItemVariant, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, 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, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, 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, type InfiniteScrollConfig, 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, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, 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, dropdownMenuItemVariants, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
+export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type CheckedState, type ChipItem, type ChipSize, Color, ColumnFilterMeta, type ColumnFilterPopoverLocale, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DropdownMenuItemVariant, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3BaseProps, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCatalogLayout, type DsCatalogLayoutBodyProps, type DsCatalogLayoutContentHeaderProps, type DsCatalogLayoutContentProps, type DsCatalogLayoutHeaderProps, type DsCatalogLayoutProps, type DsCatalogLayoutSideMenuProps, DsCheckbox, DsCheckboxGroup, DsCheckboxGroupOrientation, DsCheckboxGroupProps, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, 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, DsStatusBadgeV2, type DsStatusBadgeV2BaseProps, type DsStatusBadgeV2Props, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableColumnFilterPopover, type DsTableColumnFilterPopoverProps, DsTableEditCellCheckbox, type DsTableEditCellCheckboxProps, DsTableEditCellDate, type DsTableEditCellDateProps, type DsTableEditCellDateValue, DsTableEditCellNumber, type DsTableEditCellNumberProps, DsTableEditCellSelect, type DsTableEditCellSelectProps, DsTableEditCellText, type DsTableEditCellTextProps, DsTableEditableCell, type DsTableEditableCellProps, DsTableEditingCell, type DsTableEditingCellProps, DsTableRowSize, DsTabs, type DsTabsContentProps, type DsTabsListProps, type DsTabsMenuActionItem, type DsTabsOrientation, type DsTabsProps, type DsTabsSize, type DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, type DsTreeBaseProps, type DsTreeBasePropsWithChildren, type DsTreeBranchContentProps, type DsTreeBranchControlProps, type DsTreeBranchIndentGuideProps, type DsTreeBranchIndicatorProps, type DsTreeBranchProps, type DsTreeBranchTextProps, type DsTreeItemActionProps, type DsTreeItemIndicatorProps, type DsTreeItemProps, type DsTreeItemTextProps, type DsTreeNode, type DsTreeNodeCheckboxProps, type DsTreeRootProps, type DsTreeSize, type DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, DsWorkspaceLayout, type DsWorkspaceLayoutBodyProps, type DsWorkspaceLayoutContentProps, type DsWorkspaceLayoutFooterProps, type DsWorkspaceLayoutHeaderProps, type DsWorkspaceLayoutLeftPanelProps, type DsWorkspaceLayoutProps, type DsWorkspaceLayoutSideMenuProps, type DsWorkspaceLayoutSubHeaderProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconColor, IconName, IconSize, IconType, IconVariant, type InfiniteScrollConfig, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, ResolvedColumnFilter, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, type StatusBadgeV2Phase, type StatusBadgeV2Size, type StatusBadgeV2Variant, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, TypographyColor, type UploadedFile, type UseCellEditorContainerProps, type UseCellEditorOptions, type UseCellEditorResult, type UseCheckboxSelectAllOptions, type UseCheckboxSelectAllResult, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dropdownMenuItemVariants, dsKeyValuePairOrientations, type dsTreeSizes, filterStatuses, formatTime, iconColors, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, statusBadgeV2Phases, statusBadgeV2Sizes, statusBadgeV2Variants, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useCellEditor, useCheckboxSelectAll, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
 //# sourceMappingURL=index.d.ts.map