@drivenets/design-system 0.8.0 → 0.9.0

package/dist/index.d.ts

@@ -1,12 +1,12 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react from "react";
-import React, { CSSProperties, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as _$react from "react";
+import React, { ButtonHTMLAttributes, CSSProperties, ComponentProps, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, RefObject, SVGProps } from "react";
 import { Menu } from "@ark-ui/react/menu";
 import { Root } from "@radix-ui/react-checkbox";
 import { UseDialogProps } from "@ark-ui/react/dialog";
 import { DatePickerRootProps } from "@ark-ui/react/date-picker";
 import { PopoverContentProps } from "@ark-ui/react/popover";
-import * as _ark_ui_react0 from "@ark-ui/react";
+import * as _$_ark_ui_react0 from "@ark-ui/react";
 import { FileUploadFileAcceptDetails, FileUploadFileError, FileUploadFileMimeType, FileUploadFileRejectDetails } from "@ark-ui/react";
 import * as Collapsible from "@radix-ui/react-collapsible";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
@@ -15,6 +15,7 @@ import { SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupRootProps
 import * as steps from "@zag-js/steps";
 import { ColumnDef, ColumnFiltersState, Row, SortingState, Table, VisibilityState } from "@tanstack/react-table";
 import { TreeView } from "@ark-ui/react/tree-view";
+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';
@@ -6316,7 +6317,7 @@ declare const DsIcon: ({
   className,
   style,
   ...rest
-}: DsIconProps) => react_jsx_runtime0.JSX.Element;
+}: DsIconProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-alert-banner/ds-alert-banner.types.d.ts
 declare const alertBannerVariants: readonly ["info-neutral", "info-blue", "warning", "error", "success"];
@@ -6378,7 +6379,7 @@ declare const DsAlertBanner: {
     className,
     style,
     children
-  }: DsAlertBannerProps): react_jsx_runtime0.JSX.Element | null;
+  }: DsAlertBannerProps): _$react_jsx_runtime0.JSX.Element | null;
   Title: ({
     style,
     className,
@@ -6387,7 +6388,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Body: ({
     style,
     className,
@@ -6396,7 +6397,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Actions: ({
     style,
     className,
@@ -6405,7 +6406,7 @@ declare const DsAlertBanner: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-autocomplete/ds-autocomplete.types.d.ts
@@ -6523,7 +6524,7 @@ declare const DsAutocomplete: ({
   highlightMatch,
   showTrigger,
   startAdornment
-}: DsAutocompleteProps) => react_jsx_runtime0.JSX.Element;
+}: DsAutocompleteProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-avatar/ds-avatar.types.d.ts
 type DsAvatarSize = 'xsm' | 'sm' | 'regular' | 'md' | 'lg' | 'xl';
@@ -6676,6 +6677,30 @@ interface DsButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement>
   contentClassName?: string;
 }
 //#endregion
+//#region src/utils/responsive.d.ts
+declare const BREAKPOINT_LG: number;
+declare const breakpoints: readonly ["lg", "md"];
+type Breakpoint = (typeof breakpoints)[number];
+type Responsive<T> = Partial<Record<Breakpoint, T>>;
+type ResponsiveValue<T> = T | Responsive<T>;
+declare const isResponsiveValue: <T>(value: ResponsiveValue<T>) => value is Responsive<T>;
+declare const resolveResponsiveValue: <T>(value: ResponsiveValue<T>, breakpoint: Breakpoint) => T;
+declare const useBreakpoint: () => Breakpoint;
+/**
+ * Resolves a `ResponsiveValue<T>` to `T` using the current breakpoint.
+ * Use for conditional rendering or JS logic that depends on the breakpoint.
+ */
+declare const useResponsiveValue: <T>(value: ResponsiveValue<T>) => T;
+/**
+ * Wraps a component so that the specified props accept `ResponsiveValue<T>`.
+ * The wrapper resolves each responsive prop to a plain value before rendering,
+ * so the wrapped component stays completely unaware of breakpoints.
+ */
+declare function withResponsiveProps<Props, const Keys extends readonly (keyof Props)[]>(Component: FunctionComponent<Props>, responsiveKeys: Keys): {
+  (props: { [P in keyof Props]: P extends Keys[number] ? ResponsiveValue<NonNullable<Props[P]>> : Props[P] }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
+//#endregion
 //#region src/components/ds-button/versions/ds-button-new/ds-button-new.types.d.ts
 declare const buttonTypes: readonly ["primary", "secondary", "secondary-light", "tertiary"];
 type ButtonType = (typeof buttonTypes)[number];
@@ -6683,7 +6708,7 @@ declare const buttonVariants: readonly ["filled", "ghost", "danger", "dark"];
 type ButtonVariant = (typeof buttonVariants)[number];
 declare const buttonSizes: readonly ["large", "medium", "small", "tiny"];
 type ButtonSize = (typeof buttonSizes)[number];
-interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonBaseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Type of the button
    * @default 'primary'
@@ -6709,6 +6734,13 @@ interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
    */
   contentClassName?: string;
 }
+interface DsButtonProps extends Omit<DsButtonBaseProps, 'size'> {
+  /**
+   * Size of the button. Accepts a static value or a responsive object.
+   * @default 'medium'
+   */
+  size?: ResponsiveValue<ButtonSize>;
+}
 //#endregion
 //#region src/components/ds-button/ds-button.types.d.ts
 type DsButtonUnifiedProps = (DsButtonProps$1 & {
@@ -6718,7 +6750,63 @@ type DsButtonUnifiedProps = (DsButtonProps$1 & {
 });
 //#endregion
 //#region src/components/ds-button/ds-button.d.ts
-declare const DsButton: (props: DsButtonUnifiedProps) => react_jsx_runtime0.JSX.Element;
+declare const DsButton: (props: DsButtonUnifiedProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ds-button-v3/ds-button-v3.types.d.ts
+declare const buttonV3Variants: readonly ["primary", "secondary", "tertiary"];
+type ButtonV3Variant = (typeof buttonV3Variants)[number];
+declare const buttonV3Colors: readonly ["default", "negative", "light"];
+type ButtonV3Color = (typeof buttonV3Colors)[number];
+declare const buttonV3Sizes: readonly ["large", "medium", "small", "tiny"];
+type ButtonV3Size = (typeof buttonV3Sizes)[number];
+interface DsButtonV3Props extends ButtonHTMLAttributes<HTMLButtonElement> {
+  ref?: Ref<HTMLButtonElement>;
+  /**
+   * - `default` — standard light-UI palette
+   * - `negative` — destructive / danger palette (red tones)
+   * - `light` — palette for dark-background surfaces (Figma **Type** onDark)
+   * @default 'default'
+   */
+  color?: ButtonV3Color;
+  /**
+   * @default 'primary'
+   */
+  variant?: ButtonV3Variant;
+  /**
+   * @default 'medium'
+   */
+  size?: ButtonV3Size;
+  /**
+   * @default false
+   */
+  selected?: boolean;
+  /**
+   * Leading icon. When set without children, renders as icon-only (square) layout.
+   */
+  icon?: IconType;
+  /**
+   * Shows a spinner as the leading element and disables interaction.
+   * @default false
+   */
+  loading?: boolean;
+}
+//#endregion
+//#region src/components/ds-button-v3/ds-button-v3.d.ts
+declare const DsButtonV3: ({
+  ref,
+  className,
+  style,
+  children,
+  icon,
+  disabled,
+  loading,
+  color,
+  variant,
+  size,
+  selected,
+  type,
+  ...rest
+}: DsButtonV3Props) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-card/ds-card.types.d.ts
 declare const cardSizes: readonly ["small", "medium", "large"];
@@ -6796,25 +6884,25 @@ declare const DsCard: {
     onClick,
     onKeyDown,
     ...rest
-  }: DsCardRootProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardRootProps) => _$react_jsx_runtime0.JSX.Element;
   Header: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardHeaderProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardHeaderProps) => _$react_jsx_runtime0.JSX.Element;
   Body: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardBodyProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardBodyProps) => _$react_jsx_runtime0.JSX.Element;
   Footer: ({
     className,
     children,
     ref,
     ...rest
-  }: DsCardFooterProps) => react_jsx_runtime0.JSX.Element;
+  }: DsCardFooterProps) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-checkbox/ds-checkbox.types.d.ts
@@ -7042,7 +7130,7 @@ declare const DsCommentCard: ({
   formatTimestamp,
   className,
   style
-}: DsCommentCardProps) => react_jsx_runtime0.JSX.Element;
+}: DsCommentCardProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-comment-bubble/ds-comment-bubble.types.d.ts
 interface DsCommentBubbleProps {
@@ -7096,7 +7184,7 @@ declare const DsCommentBubble: ({
   referenceTag,
   className,
   style
-}: DsCommentBubbleProps) => react_jsx_runtime0.JSX.Element;
+}: DsCommentBubbleProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-comment-thread/ds-comment-thread.types.d.ts
 interface DsCommentThreadProps {
@@ -7120,7 +7208,7 @@ declare const DsCommentThread: ({
   onMarkUnread,
   onResolved,
   className
-}: DsCommentThreadProps) => react_jsx_runtime0.JSX.Element | null;
+}: DsCommentThreadProps) => _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/ds-comment-bubble/components/ds-thread-item/ds-thread-item.types.d.ts
 interface DsThreadItemProps {
@@ -7150,7 +7238,7 @@ declare const DsThreadItem: ({
   onMarkUnread,
   onResolved,
   className
-}: DsThreadItemProps) => react_jsx_runtime0.JSX.Element;
+}: DsThreadItemProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-comment-indicator/ds-comment-indicator.types.d.ts
 type CommentIndicatorType = 'placeholder' | 'default' | 'action-required';
@@ -7173,7 +7261,7 @@ declare const DsCommentIndicator: ({
   ref,
   className,
   style
-}: DsCommentIndicatorProps) => react_jsx_runtime0.JSX.Element;
+}: DsCommentIndicatorProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-comments-drawer/ds-comments-drawer.types.d.ts
 interface DsCommentsDrawerProps {
@@ -7216,7 +7304,7 @@ declare const DsCommentsDrawer: ({
   noCommentsMessage,
   className,
   style
-}: DsCommentsDrawerProps) => react_jsx_runtime0.JSX.Element;
+}: DsCommentsDrawerProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-comments-drawer/comments-filters.types.d.ts
 interface FilterTag {
@@ -7268,59 +7356,59 @@ interface DsConfirmationProps {
  * @see {@link ../ds-modal} for the replacement component.
  */
 declare const DsConfirmation: {
-  (props: DsConfirmationProps): react_jsx_runtime0.JSX.Element;
+  (props: DsConfirmationProps): _$react_jsx_runtime0.JSX.Element;
   Header: ({
     style,
     className,
     children
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+    children: _$react.ReactNode;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Title: ({
     style,
     className,
     children
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+    children: _$react.ReactNode;
+  }) => _$react_jsx_runtime0.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Body: ({
     style,
     className,
     children
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+    children: _$react.ReactNode;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Footer: ({
     style,
     className,
     children
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+    children: _$react.ReactNode;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Actions: ({
     style,
     className,
     children
   }: {
-    style?: react.CSSProperties;
+    style?: _$react.CSSProperties;
     className?: string;
-    children: react.ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+    children: _$react.ReactNode;
+  }) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-date-input/ds-date-input.types.d.ts
@@ -7440,7 +7528,7 @@ declare const DsDateInput: ({
   readOnly,
   id,
   ...datePickerProps
-}: DsDateInputProps) => react_jsx_runtime0.JSX.Element;
+}: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-text-input/ds-text-input.types.d.ts
 declare const textInputSizes: readonly ["small", "default"];
@@ -7574,6 +7662,11 @@ interface DsTimePickerProps {
   max?: Date;
   disabled?: boolean;
   readOnly?: boolean;
+  /**
+   * Whether to hide the clear button
+   * @default false
+   */
+  hideClearButton?: boolean;
   /**
    * Whether to disable the portal for the popover content
    * @default false
@@ -7597,7 +7690,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) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-time-picker/ds-time-picker.utils.d.ts
 /**
@@ -7699,7 +7792,7 @@ declare const DsDatePicker: ({
   readOnly,
   id,
   ...restProps
-}: DsDatePickerProps) => react_jsx_runtime0.JSX.Element;
+}: DsDatePickerProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-number-input/ds-number-input.types.d.ts
 interface DsNumberInputProps {
@@ -8017,7 +8110,7 @@ declare const DsSelect: ({
   disabled,
   renderOption,
   ...multiselectProps
-}: DsSelectProps) => react_jsx_runtime0.JSX.Element;
+}: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-form-control/ds-form-control.types.d.ts
 declare const controlStatuses: readonly ["info", "success", "error", "warning"];
@@ -8086,15 +8179,15 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime0.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime0.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime0.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime0.JSX.Element; /** @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead. */
-  DateInput: (props: DsDateInputProps) => react_jsx_runtime0.JSX.Element;
-  DatePicker: (props: DsDatePickerProps) => react_jsx_runtime0.JSX.Element;
-  TimePicker: (props: DsTimePickerProps) => react_jsx_runtime0.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime0.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime0.JSX.Element;
+  }: DsFormControlProps): _$react_jsx_runtime0.JSX.Element;
+  TextInput: (props: DsTextInputProps) => _$react_jsx_runtime0.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => _$react_jsx_runtime0.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => _$react_jsx_runtime0.JSX.Element; /** @deprecated DsDateInput is deprecated. Use DsDatePicker or DsDateRangePicker instead. */
+  DateInput: (props: DsDateInputProps) => _$react_jsx_runtime0.JSX.Element;
+  DatePicker: (props: DsDatePickerProps) => _$react_jsx_runtime0.JSX.Element;
+  TimePicker: (props: DsTimePickerProps) => _$react_jsx_runtime0.JSX.Element;
+  Textarea: (props: DsTextareaProps) => _$react_jsx_runtime0.JSX.Element;
+  Select: (props: DsSelectProps) => _$react_jsx_runtime0.JSX.Element;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion
@@ -8190,7 +8283,7 @@ declare const DsDateRangePicker: ({
   disablePortal,
   locale,
   slotProps
-}: DsDateRangePickerProps) => react_jsx_runtime0.JSX.Element;
+}: DsDateRangePickerProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.types.d.ts
 interface DsDialogProps {
@@ -8289,10 +8382,11 @@ interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnI
    */
   onOpenChange: (open: boolean) => void;
   /**
-   * Number of grid columns the drawer should span (1-12)
+   * Number of grid columns the drawer should span (1-12).
+   * Accepts a responsive value, e.g. `{ lg: 4, md: 6 }`.
    * @default 4
    */
-  columns?: DsDrawerColumns;
+  columns?: ResponsiveValue<DsDrawerColumns>;
   /**
    * Position of the drawer
    * @default 'end'
@@ -8323,11 +8417,6 @@ interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnI
 }
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.d.ts
-/**
- * Composable drawer component.
- * Supports grid-based sizing, flexible positioning, and compound components.
- * Use columns prop to control drawer width (1-12 grid columns).
- */
 declare const DsDrawer: {
   ({
     open,
@@ -8341,7 +8430,7 @@ declare const DsDrawer: {
     style,
     className,
     children
-  }: DsDrawerProps): react_jsx_runtime0.JSX.Element;
+  }: DsDrawerProps): _$react_jsx_runtime0.JSX.Element;
   Header: ({
     style,
     className,
@@ -8350,7 +8439,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Title: ({
     style,
     className,
@@ -8359,14 +8448,14 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Toolbar: ({
     style,
     className,
@@ -8375,7 +8464,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Body: ({
     style,
     className,
@@ -8384,7 +8473,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Footer: ({
     style,
     className,
@@ -8393,7 +8482,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Actions: ({
     style,
     className,
@@ -8402,7 +8491,7 @@ declare const DsDrawer: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.types.d.ts
@@ -8724,7 +8813,7 @@ declare function DsExpandableTextInput({
   icon,
   size,
   ...props
-}: DsExpandableTextInputProps): react_jsx_runtime0.JSX.Element;
+}: DsExpandableTextInputProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-file-upload/ds-file-upload-api.types.d.ts
 type FileError = FileUploadFileError;
@@ -9033,7 +9122,7 @@ declare const DsFilterStatusIcon: ({
   size,
   className,
   style
-}: DsFilterStatusIconProps) => react_jsx_runtime0.JSX.Element;
+}: DsFilterStatusIconProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-grid/ds-grid.types.d.ts
 interface DsGridProps {
@@ -9119,7 +9208,7 @@ declare const DsKeyValuePair: ({
   editInput,
   className,
   style
-}: DsKeyValuePairProps) => react_jsx_runtime0.JSX.Element;
+}: DsKeyValuePairProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-loader/ds-loader.types.d.ts
 declare const loaderVariants: readonly ["spinner", "pulsing"];
@@ -9152,7 +9241,7 @@ declare const DsLoader: ({
   variant,
   className,
   ...props
-}: DsLoaderProps) => react_jsx_runtime0.JSX.Element;
+}: DsLoaderProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-modal/ds-modal.types.d.ts
 /**
@@ -9214,7 +9303,7 @@ declare const DsModal: {
     closeOnInteractOutside,
     children,
     onOpenChange
-  }: DsModalProps): react_jsx_runtime0.JSX.Element;
+  }: DsModalProps): _$react_jsx_runtime0.JSX.Element;
   Header: ({
     style,
     className,
@@ -9223,7 +9312,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Title: ({
     style,
     className,
@@ -9232,14 +9321,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Body: ({
     style,
     className,
@@ -9248,7 +9337,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Footer: ({
     style,
     className,
@@ -9257,7 +9346,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
   Actions: ({
     style,
     className,
@@ -9266,13 +9355,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-panel/ds-panel.types.d.ts
 type DsPanelVariant = 'docked' | 'floating';
-type DsPanelProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
+type DsPanelBaseProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
   variant?: DsPanelVariant;
+  width?: number;
   draggable?: boolean;
   disablePadding?: boolean;
   slotProps?: {
@@ -9280,23 +9370,312 @@ type DsPanelProps = Omit<Collapsible.CollapsibleProps, 'onOpenChange'> & {
   };
   onOpenChange?: (open: boolean) => void;
 };
+type DsPanelProps = Omit<DsPanelBaseProps, 'width'> & {
+  width?: ResponsiveValue<number>;
+};
 type DsPanelCollapseButtonProps = {
   onClick?: () => void;
   collapsed?: boolean;
 };
 //#endregion
-//#region src/components/ds-panel/ds-panel.d.ts
-declare function DsPanel({
-  open,
-  onOpenChange,
-  children,
-  className,
-  slotProps,
-  variant,
-  draggable,
-  disablePadding,
-  ...props
-}: DsPanelProps): react_jsx_runtime0.JSX.Element;
+//#region src/components/ds-panel/index.d.ts
+declare const DsPanel: {
+  (props: {
+    slot?: string | undefined | undefined;
+    style?: _$react.CSSProperties | undefined;
+    title?: string | undefined | undefined;
+    key?: _$react.Key | null | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: boolean | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: _$react.AriaRole | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    children?: _$react.ReactNode;
+    dangerouslySetInnerHTML?: {
+      __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: _$react.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: _$react.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: _$react.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: _$react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onChangeCapture?: _$react.ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: _$react.InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: _$react.InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: _$react.InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: _$react.InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: _$react.SubmitEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: _$react.SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoad?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: _$react.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: _$react.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: _$react.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: _$react.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: _$react.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: _$react.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: _$react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: _$react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: _$react.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: _$react.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: _$react.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: _$react.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: _$react.AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: _$react.ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: _$react.ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: _$react.TransitionEventHandler<HTMLDivElement> | undefined;
+    asChild?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    open?: boolean | undefined;
+    disabled?: boolean | undefined;
+    variant?: DsPanelVariant | undefined;
+    width?: ResponsiveValue<number> | undefined;
+    disablePadding?: boolean | undefined;
+    slotProps?: {
+      collapseButton?: DsPanelCollapseButtonProps;
+    } | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
 //#endregion
 //#region src/components/ds-popover/ds-popover.types.d.ts
 interface DsPopoverProps {
@@ -9363,7 +9742,7 @@ declare const DsProgressArc: ({
   style,
   ref,
   ...props
-}: DsProgressArcProps) => react_jsx_runtime0.JSX.Element;
+}: DsProgressArcProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-progress-donut/ds-progress-donut.types.d.ts
 declare const progressDonutSizes: readonly ["small", "medium"];
@@ -9404,7 +9783,7 @@ declare const DsProgressDonut: ({
   className,
   style,
   ref
-}: DsProgressDonutProps) => react_jsx_runtime0.JSX.Element;
+}: DsProgressDonutProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.types.d.ts
 declare const progressLinearVariants: readonly ["initial", "progress", "interrupted", "success", "error"];
@@ -9482,7 +9861,7 @@ declare const DsProgressLinear: ({
   className,
   style,
   ref
-}: DsProgressLinearProps) => react_jsx_runtime0.JSX.Element;
+}: DsProgressLinearProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.types.d.ts
 /**
@@ -9803,13 +10182,13 @@ declare const _default: {
     radius,
     className,
     style
-  }: DsSkeletonTextProps) => react_jsx_runtime0.JSX.Element;
+  }: DsSkeletonTextProps) => _$react_jsx_runtime0.JSX.Element;
   Circle: ({
     size,
     color,
     className,
     style
-  }: DsSkeletonCircleProps) => react_jsx_runtime0.JSX.Element;
+  }: DsSkeletonCircleProps) => _$react_jsx_runtime0.JSX.Element;
   Rect: ({
     width,
     height,
@@ -9817,7 +10196,7 @@ declare const _default: {
     color,
     className,
     style
-  }: DsSkeletonRectProps) => react_jsx_runtime0.JSX.Element;
+  }: DsSkeletonRectProps) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-text.d.ts
@@ -9833,7 +10212,7 @@ declare const DsSkeletonText: ({
   radius,
   className,
   style
-}: DsSkeletonTextProps) => react_jsx_runtime0.JSX.Element;
+}: DsSkeletonTextProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-circle.d.ts
 /**
@@ -9845,7 +10224,7 @@ declare const DsSkeletonCircle: ({
   color,
   className,
   style
-}: DsSkeletonCircleProps) => react_jsx_runtime0.JSX.Element;
+}: DsSkeletonCircleProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton-rect.d.ts
 /**
@@ -9858,7 +10237,7 @@ declare const DsSkeletonRect: ({
   color,
   className,
   style
-}: DsSkeletonRectProps) => react_jsx_runtime0.JSX.Element;
+}: DsSkeletonRectProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-smart-tabs/ds-smart-tabs.types.d.ts
 declare const colors: readonly ["dark-blue", "light-blue", "dark-gray", "green", "fuchsia", "blue", "gray", "red", "amber"];
@@ -9932,7 +10311,7 @@ declare const DsSmartTabs: {
     style,
     children,
     ...props
-  }: DsSmartTabsProps): react_jsx_runtime0.JSX.Element;
+  }: DsSmartTabsProps): _$react_jsx_runtime0.JSX.Element;
   Tab: React.FC<DsSmartTabProps>;
 };
 //#endregion
@@ -9961,6 +10340,51 @@ interface DsSpinnerProps {
  */
 declare const DsSpinner: React.FC<DsSpinnerProps>;
 //#endregion
+//#region src/utils/type-utils.d.ts
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+//#endregion
+//#region src/components/ds-split-button/ds-split-button.types.d.ts
+declare const splitButtonSizes: readonly ["medium", "small"];
+type ButtonSlotProps = Omit<DsButtonV3Props, 'variant' | 'color' | 'size'>;
+type SelectSlotProps = DistributiveOmit<DsSelectProps, 'size'>;
+interface DsSplitButtonSlotProps {
+  button: ButtonSlotProps;
+  select: SelectSlotProps;
+}
+//#endregion
+//#region src/components/ds-split-button/index.d.ts
+declare const DsSplitButton: {
+  (props: {
+    ref?: _$react.Ref<HTMLDivElement> | undefined;
+    className?: string | undefined;
+    style?: _$react.CSSProperties | undefined;
+    size?: ResponsiveValue<NonNullable<"small" | "medium" | undefined>> | undefined;
+    disabled?: boolean | undefined;
+    slotProps: DsSplitButtonSlotProps;
+  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
+type DsSplitButtonProps = ComponentProps<typeof DsSplitButton>;
+//#endregion
+//#region src/components/ds-stack/index.d.ts
+declare const DsStack: {
+  (props: {
+    direction?: ResponsiveValue<NonNullable<_$csstype.Property.FlexDirection | undefined>> | undefined;
+    gap?: ResponsiveValue<NonNullable<_$csstype.Property.Gap<string | number> | undefined>> | undefined;
+    alignItems?: ResponsiveValue<string> | undefined;
+    justifyContent?: ResponsiveValue<string> | undefined;
+    flex?: ResponsiveValue<NonNullable<_$csstype.Property.Flex<string | number> | undefined>> | undefined;
+    flexWrap?: ResponsiveValue<NonNullable<_$csstype.Property.FlexWrap | undefined>> | undefined;
+    width?: ResponsiveValue<NonNullable<_$csstype.Property.Width<string | number> | undefined>> | undefined;
+    children?: _$react.ReactNode;
+    className?: string | undefined;
+    style?: _$react.CSSProperties | undefined;
+    ref?: _$react.Ref<HTMLDivElement> | undefined;
+  }): _$react.FunctionComponentElement<Record<string, unknown>>;
+  displayName: string;
+};
+type DsStackProps = ComponentProps<typeof DsStack>;
+//#endregion
 //#region src/components/ds-status-badge/ds-status-badge.types.d.ts
 declare const dsStatuses: readonly ["active", "running", "pending", "draft", "inactive", "warning", "failed"];
 type DsStatus = (typeof dsStatuses)[number];
@@ -10038,7 +10462,7 @@ declare function DsStepper({
   children,
   className,
   actions
-}: DsStepperProps): react_jsx_runtime0.JSX.Element;
+}: DsStepperProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-stepper/components/ds-step.d.ts
 type DsStepProps = PropsWithChildren<{
@@ -10068,7 +10492,7 @@ declare function DsStep({
   variant,
   slots,
   slotProps
-}: DsStepProps): react_jsx_runtime0.JSX.Element | null;
+}: DsStepProps): _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-content.d.ts
 type DsStepContentProps = {
@@ -10082,7 +10506,7 @@ declare function DsStepContent({
   label,
   description,
   actions
-}: DsStepContentProps): react_jsx_runtime0.JSX.Element;
+}: DsStepContentProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-stepper/components/ds-step-next-button.d.ts
 type DsLegacyButtonProps = Extract<DsButtonUnifiedProps, {
@@ -10095,7 +10519,7 @@ declare function DsNextStepButton({
   children,
   size,
   ...rest
-}: DsNextStepButtonProps): react_jsx_runtime0.JSX.Element;
+}: DsNextStepButtonProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-system-status/ds-system-status.types.d.ts
 /**
@@ -10981,7 +11405,7 @@ declare const DsTable: <TData extends {
   columnVisibility: externalColumnVisibility,
   onColumnVisibilityChange,
   activeRowId
-}: DsDataTableProps<TData, TValue>) => react_jsx_runtime0.JSX.Element;
+}: DsDataTableProps<TData, TValue>) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-tabs/ds-tabs.types.d.ts
 type DsTabsSize = 'medium' | 'small';
@@ -11065,12 +11489,12 @@ declare const DsTabs: {
     className,
     style,
     children
-  }: DsTabsProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTabsProps) => _$react_jsx_runtime0.JSX.Element;
   List: ({
     className,
     style,
     children
-  }: DsTabsListProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTabsListProps) => _$react_jsx_runtime0.JSX.Element;
   Tab: ({
     value,
     disabled,
@@ -11083,13 +11507,13 @@ declare const DsTabs: {
     className,
     style,
     children
-  }: DsTabsTabProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTabsTabProps) => _$react_jsx_runtime0.JSX.Element;
   Content: ({
     value,
     className,
     style,
     children
-  }: DsTabsContentProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTabsContentProps) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-tag/ds-tag.types.d.ts
@@ -11174,7 +11598,7 @@ declare const DsTag: ({
   onDelete,
   slots,
   ...rest
-}: DsTagProps) => react_jsx_runtime0.JSX.Element;
+}: DsTagProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-tag-filter/ds-tag-filter.types.d.ts
 interface TagFilterItem {
@@ -11258,7 +11682,7 @@ declare const DsTagFilter: ({
   onItemDelete,
   onItemSelect,
   onExpand
-}: DsTagFilterProps) => react_jsx_runtime0.JSX.Element | null;
+}: DsTagFilterProps) => _$react_jsx_runtime0.JSX.Element | null;
 //#endregion
 //#region src/components/ds-toast/ds-toast.types.d.ts
 declare const toastVariants: readonly ["info", "success", "warning", "error"];
@@ -11426,7 +11850,7 @@ declare const DsToggle: ({
   children,
   checked,
   ...rest
-}: DsToggleProps) => react_jsx_runtime0.JSX.Element;
+}: DsToggleProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 //#region src/components/ds-tooltip/ds-tooltip.types.d.ts
 interface DsTooltipProps {
@@ -11532,72 +11956,72 @@ declare const DsTree: {
     typeahead,
     lazyMount,
     unmountOnExit
-  }: DsTreeRootProps<T>) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeRootProps<T>) => _$react_jsx_runtime0.JSX.Element;
   Tree: ({
     className,
     style,
     children
-  }: DsTreeTreeProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeTreeProps) => _$react_jsx_runtime0.JSX.Element;
   NodeProvider: typeof TreeView.NodeProvider;
-  NodeContext: (props: TreeView.NodeContextProps) => react.ReactNode;
+  NodeContext: (props: TreeView.NodeContextProps) => _$react.ReactNode;
   Branch: ({
     className,
     style,
     children
-  }: DsTreeBranchProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchProps) => _$react_jsx_runtime0.JSX.Element;
   BranchControl: ({
     className,
     style,
     children
-  }: DsTreeBranchControlProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchControlProps) => _$react_jsx_runtime0.JSX.Element;
   BranchIndicator: ({
     className,
     style,
     children
-  }: DsTreeBranchIndicatorProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchIndicatorProps) => _$react_jsx_runtime0.JSX.Element;
   BranchText: ({
     className,
     style,
     children
-  }: DsTreeBranchTextProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchTextProps) => _$react_jsx_runtime0.JSX.Element;
   BranchContent: ({
     className,
     style,
     children
-  }: DsTreeBranchContentProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchContentProps) => _$react_jsx_runtime0.JSX.Element;
   BranchIndentGuide: ({
     className,
     style
-  }: DsTreeBranchIndentGuideProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeBranchIndentGuideProps) => _$react_jsx_runtime0.JSX.Element;
   Item: ({
     className,
     style,
     children,
     onClick
-  }: DsTreeItemProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemProps) => _$react_jsx_runtime0.JSX.Element;
   ItemText: ({
     className,
     style,
     children
-  }: DsTreeItemTextProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemTextProps) => _$react_jsx_runtime0.JSX.Element;
   ItemIndicator: ({
     className,
     style
-  }: DsTreeItemIndicatorProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemIndicatorProps) => _$react_jsx_runtime0.JSX.Element;
   ItemAction: ({
     className,
     style,
     children,
     onClick
-  }: DsTreeItemActionProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeItemActionProps) => _$react_jsx_runtime0.JSX.Element;
   NodeCheckbox: ({
     className,
     style
-  }: DsTreeNodeCheckboxProps) => react_jsx_runtime0.JSX.Element;
+  }: DsTreeNodeCheckboxProps) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
 //#region src/components/ds-tree/ds-tree.utils.d.ts
-declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => _ark_ui_react0.TreeCollection<T>;
+declare const createDsTreeCollection: <T extends DsTreeNode>(nodes: T[]) => _$_ark_ui_react0.TreeCollection<T>;
 //#endregion
 //#region src/components/ds-vertical-tabs/ds-vertical-tabs.types.d.ts
 interface DsVerticalTabsRootProps {
@@ -11691,23 +12115,23 @@ declare const DsVerticalTabs: {
     className,
     style,
     children
-  }: DsVerticalTabsRootProps): react_jsx_runtime0.JSX.Element;
+  }: DsVerticalTabsRootProps): _$react_jsx_runtime0.JSX.Element;
   List: ({
     className,
     children
-  }: DsVerticalTabsListProps) => react_jsx_runtime0.JSX.Element;
+  }: DsVerticalTabsListProps) => _$react_jsx_runtime0.JSX.Element;
   Tab: ({
     value,
     disabled,
     className,
     children
-  }: DsVerticalTabsTabProps) => react_jsx_runtime0.JSX.Element;
+  }: DsVerticalTabsTabProps) => _$react_jsx_runtime0.JSX.Element;
   Content: ({
     value,
     className,
     children
-  }: DsVerticalTabsContentProps) => react_jsx_runtime0.JSX.Element;
+  }: DsVerticalTabsContentProps) => _$react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCheckbox, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconName, IconSize, IconType, IconVariant, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, type UploadedFile, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconSizes, iconVariants, isCustomIcon, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useFileUpload, useTableFilters, useToaster };
+export { type AcceptedFileType, Action, AlertBannerVariant, AnyAdapter, BREAKPOINT_LG, Breakpoint, ButtonV3Color, ButtonV3Size, ButtonV3Variant, type CheckboxFilterAdapterConfig, type CheckboxFilterItem, type CheckboxFilterProps, CheckboxVariant, type ChipItem, type ChipSize, Color, ColumnFilterState, CommentAuthor, CommentData, CommentIndicatorType, CommentMessage, CommentsFilterState, ControlStatus, type CustomIconComponent, type CustomIconName, type DateRangeFormControlSlotProps, type DateRangePickerOrientation, type DateRangeValue, DsAlertBanner, DsAlertBannerProps, DsAutocomplete, DsAutocompleteOption, DsAutocompleteProps, DsAvatar, DsAvatarGroup, DsAvatarGroupProps, DsAvatarProps, DsAvatarSize, DsAvatarType, DsBreadcrumb, DsBreadcrumbItem, DsBreadcrumbProps, DsButton, DsButtonUnifiedProps, DsButtonV3, DsButtonV3Props, DsCard, type DsCardBodyProps, type DsCardFooterProps, type DsCardHeaderProps, type DsCardRootProps, type DsCardSize, DsCheckbox, DsCheckboxProps, DsChip, DsChipGroup, type DsChipGroupProps, type DsChipProps, DsCommentBubble, DsCommentBubbleProps, DsCommentCard, DsCommentCardProps, DsCommentIndicator, DsCommentIndicatorProps, DsCommentThread, DsCommentThreadProps, DsCommentsDrawer, DsCommentsDrawerProps, DsConfirmation, type DsConfirmationProps, DsDataTableProps, DsDateInput, type DsDateInputProps, DsDatePicker, type DsDatePickerLocale, type DsDatePickerProps, type DsDatePickerSlotProps, DsDateRangePicker, type DsDateRangePickerLocale, type DsDateRangePickerProps, type DsDateRangePickerSlotProps, DsDialog, DsDialogProps, DsDivider, DsDividerProps, DsDrawer, type DsDrawerColumns, type DsDrawerPosition, type DsDrawerProps, DsDropdownMenu, DsDropdownMenuActionsProps, DsDropdownMenuContentProps, DsDropdownMenuHeaderProps, DsDropdownMenuItemGroupContentProps, DsDropdownMenuItemGroupLabelProps, DsDropdownMenuItemGroupProps, DsDropdownMenuItemIndicatorProps, DsDropdownMenuItemProps, DsDropdownMenuLegacy, DsDropdownMenuLegacyProps, DsDropdownMenuOptionLegacy, DsDropdownMenuPositioning, DsDropdownMenuRootProps, DsDropdownMenuSeparatorProps, DsDropdownMenuTriggerItemProps, DsDropdownMenuTriggerProps, DsExpandableTextInput, type DsExpandableTextInputProps, DsFileUpload, DsFileUploadProps, DsFilterStatusIcon, type DsFilterStatusIconProps, DsFormControl, DsFormControlDescriptionProps, DsFormControlProps, DsGrid, DsGridItem, DsGridItemProps, DsGridProps, DsIcon, DsIconProps, DsKeyValuePair, type DsKeyValuePairOrientation, type DsKeyValuePairProps, DsLoader, DsLoaderProps, DsModal, DsModalColumns, DsModalProps, DsNextStepButton, type DsNextStepButtonProps, DsNumberInput, DsNumberInputProps, DsPanel, type DsPanelCollapseButtonProps, type DsPanelProps, type DsPanelVariant, DsPasswordInput, DsPasswordInputProps, DsPopover, DsPopoverProps, DsProgressArc, DsProgressArcProps, DsProgressDonut, DsProgressDonutProps, DsProgressLinear, DsProgressLinearProps, DsRadioGroup, DsRadioGroupItemProps, DsRadioGroupLegacy, DsRadioGroupLegacyProps, DsRadioGroupRootProps, DsRadioOptionLegacy, DsSegmentGroup, DsSegmentGroupItemProps, DsSegmentGroupItemTextProps, DsSegmentGroupRootProps, DsSegmentGroupSize, DsSelect, type DsSelectOption, type DsSelectProps, _default as DsSkeleton, DsSkeletonBaseProps, DsSkeletonCircle, DsSkeletonCircleProps, DsSkeletonRect, DsSkeletonRectProps, DsSkeletonText, DsSkeletonTextProps, DsSmartTabProps, DsSmartTabs, DsSmartTabsProps, DsSpinner, DsSpinnerProps, DsSplitButton, DsSplitButtonProps, type DsSplitButtonSlotProps, DsStack, DsStackProps, type DsStatus, DsStatusBadge, type DsStatusBadgeProps, DsStep, DsStepContent, type DsStepContentProps, type DsStepProps, DsStepper, type DsStepperOrientation, type DsStepperProps, type DsStepperVariant, DsSystemStatus, DsSystemStatusProps, DsTable, DsTableApi, DsTableRowSize, DsTabs, DsTabsContentProps, DsTabsListProps, DsTabsMenuActionItem, DsTabsOrientation, DsTabsProps, DsTabsSize, DsTabsTabProps, DsTag, DsTagFilter, type DsTagFilterProps, type DsTagProps, DsTextInput, type DsTextInputProps, DsTextarea, DsTextareaProps, DsThreadItem, DsThreadItemProps, DsTimePicker, type DsTimePickerLocale, type DsTimePickerProps, type DsTimePickerSlotProps, type DsToastContextType, type DsToastProps, DsToastProvider, type DsToastProviderProps, DsToggle, type DsToggleProps, DsTooltip, DsTooltipProps, DsTree, DsTreeBranchContentProps, DsTreeBranchControlProps, DsTreeBranchIndentGuideProps, DsTreeBranchIndicatorProps, DsTreeBranchProps, DsTreeBranchTextProps, DsTreeItemActionProps, DsTreeItemIndicatorProps, DsTreeItemProps, DsTreeItemTextProps, DsTreeNode, DsTreeNodeCheckboxProps, DsTreeRootProps, DsTreeSize, DsTreeTreeProps, DsTypography, DsTypographyProps, DsVerticalTabs, type DsVerticalTabsContentProps, type DsVerticalTabsListProps, type DsVerticalTabsRootProps, type DsVerticalTabsTabProps, type DualRangeFilterAdapterConfig, type DualRangeFilterValue, FatalFileUploadError, type FileExtension, FileUpload, type FileUploadAdapter, FileUploadError, type FileUploadOptions, type FileUploadResult, FilterAdapter, type FilterAdapterConfig, FilterNavItem, FilterState, type FilterStatus, FilterTag, IconName, IconSize, IconType, IconVariant, LoaderVariant, MaterialIconName, ProgressArcSize, ProgressArcVariant, ProgressDonutSize, ProgressDonutVariant, ProgressLinearSize, ProgressLinearVariant, type RangeFilterProps, type RangeFilterValue, type RangeValue, Responsive, ResponsiveValue, RetryableFileUploadError, type RowAction, type ScrollParams, type SecondaryRowAction, type SelectSize, SemanticVariant, SkeletonColorVariant, SkeletonRadiusVariant, SpinnerSize, type StatusBadgeSize, SystemStatus, type TagFilterItem, type TagSize, type TagVariant, type TextInputSize, type ToastVariant, type ToggleSize, type UploadedFile, type UseFileUploadReturn, type UseTableFiltersOptions, type UseTableFiltersResult, alertBannerVariants, breakpoints, buttonV3Colors, buttonV3Sizes, buttonV3Variants, cardSizes, checkboxVariants, colors, controlStatuses, createCheckboxFilterAdapter, createDsTreeCollection, createDualRangeFilterAdapter, createFilterAdapter, customIcons, dsKeyValuePairOrientations, dsTreeSizes, filterStatuses, formatTime, iconSizes, iconVariants, isCustomIcon, isResponsiveValue, loaderVariants, progressArcSizes, progressArcVariants, progressDonutSizes, progressDonutVariants, progressLinearSizes, progressLinearVariants, resolveResponsiveValue, skeletonColorVariants, skeletonRadiusVariants, spinnerSizes, splitButtonSizes, systemStatuses, tagSizes, tagVariants, textInputSizes, useBreakpoint, useFileUpload, useResponsiveValue, useTableFilters, useToaster, withResponsiveProps };
 //# sourceMappingURL=index.d.ts.map