@drivenets/design-system 0.7.2 → 0.7.3

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as react from "react";
-import React$1, { CSSProperties, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, SVGProps } from "react";
+import React, { CSSProperties, ComponentPropsWithoutRef, ComponentType, FC, FunctionComponent, HTMLAttributes, KeyboardEvent, MouseEvent, PropsWithChildren, ReactNode, Ref, SVGProps } from "react";
 import { Menu } from "@ark-ui/react/menu";
 import { Root } from "@radix-ui/react-checkbox";
 import { UseDialogProps } from "@ark-ui/react/dialog";
@@ -6354,7 +6354,7 @@ interface DsAlertBannerProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Optional children to be rendered inside the component (typically action buttons)
    */
@@ -6440,7 +6440,7 @@ interface DsAutocompleteProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Additional CSS class names
    */
@@ -6486,7 +6486,7 @@ interface DsAutocompleteProps {
   /**
    * Content to display at the start of the input (e.g., a search icon).
    */
-  startAdornment?: React$1.ReactNode;
+  startAdornment?: React.ReactNode;
   /**
    * Event handler called when the value changes (when an option is selected)
    */
@@ -6638,7 +6638,7 @@ interface DsBreadcrumbProps {
 /**
  * Design system Breadcrumb component
  */
-declare const DsBreadcrumb: React$1.FC<DsBreadcrumbProps>;
+declare const DsBreadcrumb: React.FC<DsBreadcrumbProps>;
 //#endregion
 //#region src/components/ds-button/versions/ds-button-legacy/ds-button-legacy.types.d.ts
 declare const buttonSchemas: readonly ["primary", "secondary", "error"];
@@ -6647,7 +6647,7 @@ declare const buttonVariants$1: readonly ["filled", "ghost", "borderless", "roun
 type ButtonVariant$1 = (typeof buttonVariants$1)[number];
 declare const buttonSizes$1: readonly ["large", "medium", "small"];
 type ButtonSize$1 = (typeof buttonSizes$1)[number];
-interface DsButtonProps$1 extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonProps$1 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Color schema of the button
    * @default 'primary'
@@ -6681,7 +6681,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$1.ButtonHTMLAttributes<HTMLButtonElement> {
+interface DsButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * Type of the button
    * @default 'primary'
@@ -6851,7 +6851,7 @@ interface DsCheckboxProps extends ComponentPropsWithoutRef<typeof Root> {
 /**
  * Design system Checkbox component
  */
-declare const DsCheckbox: React$1.FC<DsCheckboxProps>;
+declare const DsCheckbox: React.FC<DsCheckboxProps>;
 //#endregion
 //#region src/components/ds-chip/ds-chip.types.d.ts
 /**
@@ -6914,7 +6914,7 @@ interface DsChipProps {
  * @deprecated This component is deprecated. Use `DsTag` instead.
  * @see {@link ../ds-tag} for the replacement component.
  */
-declare const DsChip: React$1.FC<DsChipProps>;
+declare const DsChip: React.FC<DsChipProps>;
 //#endregion
 //#region src/components/ds-chip-group/ds-chip-group.types.d.ts
 /**
@@ -6980,7 +6980,7 @@ interface DsChipGroupProps {
  * @deprecated This component is deprecated. Use `DsTagFilter` instead.
  * @see {@link ../ds-tag-filter} for the replacement component.
  */
-declare const DsChipGroup: React$1.FC<DsChipGroupProps>;
+declare const DsChipGroup: React.FC<DsChipGroupProps>;
 //#endregion
 //#region src/components/ds-comment-card/ds-comment-card.types.d.ts
 interface CommentAuthor {
@@ -7466,7 +7466,7 @@ interface DsDialogProps {
   /**
    * The content to render inside the dialog.
    */
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   /**
    * Additional CSS class names for the dialog container.
    */
@@ -7474,7 +7474,7 @@ interface DsDialogProps {
   /**
    * Ref to the element the dialog should be anchored to (for relative placement)
    */
-  anchorRef?: React$1.RefObject<HTMLElement>;
+  anchorRef?: React.RefObject<HTMLElement>;
   /**
    * Custom fixed position (e.g., { top: number, left: number })
    */
@@ -7489,7 +7489,7 @@ interface DsDialogProps {
 }
 //#endregion
 //#region src/components/ds-dialog/ds-dialog.d.ts
-declare const DsDialog: React$1.FC<DsDialogProps>;
+declare const DsDialog: React.FC<DsDialogProps>;
 //#endregion
 //#region src/components/ds-divider/ds-divider.types.d.ts
 interface DsDividerProps {
@@ -7501,11 +7501,11 @@ interface DsDividerProps {
    * Underlying element/component to render.
    * Examples: "hr", "div", "span", Link, etc.
    */
-  component?: React$1.ElementType;
+  component?: React.ElementType;
   /**
    * Additional CSS styles.
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Additional CSS classes.
    */
@@ -7513,7 +7513,7 @@ interface DsDividerProps {
 }
 //#endregion
 //#region src/components/ds-divider/ds-divider.d.ts
-declare const DsDivider: React$1.FC<DsDividerProps>;
+declare const DsDivider: React.FC<DsDividerProps>;
 //#endregion
 //#region src/components/ds-drawer/ds-drawer.types.d.ts
 /**
@@ -7900,7 +7900,7 @@ type DsDropdownMenuTriggerItemProps = Menu.TriggerItemProps;
  * Use compound component pattern instead
  * @deprecated
  */
-declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
+declare const DsDropdownMenuLegacy: React.FC<DsDropdownMenuLegacyProps>;
 /**
  * Design system  DsDropdownMenu component
  *
@@ -7932,18 +7932,18 @@ declare const DsDropdownMenuLegacy: React$1.FC<DsDropdownMenuLegacyProps>;
  * </DsDropdownMenu.Root>
  */
 declare const DsDropdownMenu: {
-  Root: React$1.FC<DsDropdownMenuRootProps>;
-  Trigger: React$1.FC<Menu.TriggerProps>;
-  Content: React$1.FC<DsDropdownMenuContentProps>;
-  Item: React$1.FC<DsDropdownMenuItemProps>;
-  ItemIndicator: React$1.FC<DsDropdownMenuItemIndicatorProps>;
-  TriggerItem: React$1.FC<Menu.TriggerItemProps>;
-  Header: React$1.FC<DsDropdownMenuHeaderProps>;
-  Actions: React$1.FC<DsDropdownMenuActionsProps>;
-  ItemGroup: React$1.FC<DsDropdownMenuItemGroupProps>;
-  ItemGroupLabel: React$1.FC<Menu.ItemGroupLabelProps>;
-  ItemGroupContent: React$1.FC<DsDropdownMenuItemGroupContentProps>;
-  Separator: React$1.FC<Menu.SeparatorProps>;
+  Root: React.FC<DsDropdownMenuRootProps>;
+  Trigger: React.FC<Menu.TriggerProps>;
+  Content: React.FC<DsDropdownMenuContentProps>;
+  Item: React.FC<DsDropdownMenuItemProps>;
+  ItemIndicator: React.FC<DsDropdownMenuItemIndicatorProps>;
+  TriggerItem: React.FC<Menu.TriggerItemProps>;
+  Header: React.FC<DsDropdownMenuHeaderProps>;
+  Actions: React.FC<DsDropdownMenuActionsProps>;
+  ItemGroup: React.FC<DsDropdownMenuItemGroupProps>;
+  ItemGroupLabel: React.FC<Menu.ItemGroupLabelProps>;
+  ItemGroupContent: React.FC<DsDropdownMenuItemGroupContentProps>;
+  Separator: React.FC<Menu.SeparatorProps>;
 };
 //#endregion
 //#region src/components/ds-text-input/ds-text-input.types.d.ts
@@ -7957,7 +7957,7 @@ interface DsTextInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React$1.Ref<HTMLInputElement>;
+  ref?: React.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -7975,21 +7975,21 @@ interface DsTextInputProps {
   /**
    * Event handler called when the input field receives focus
    */
-  onFocus?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
    * Event handler called when the input field loses focus
    *
    * @param event
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when a key is pressed down
    */
-  onKeyDown?: (event: React$1.KeyboardEvent<HTMLInputElement>) => void;
+  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the value)
    */
@@ -8001,7 +8001,7 @@ interface DsTextInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8048,16 +8048,16 @@ interface DsTextInputProps {
      * Custom component to wrap the input element
      */
     inputWrapper?: ComponentType<{
-      children: React$1.ReactNode;
+      children: React.ReactNode;
     }>;
     /**
      * Adornment to display at the start of the input
      */
-    startAdornment?: React$1.ReactNode;
+    startAdornment?: React.ReactNode;
     /**
      * Adornment to display at the end of the input
      */
-    endAdornment?: React$1.ReactNode;
+    endAdornment?: React.ReactNode;
   };
 }
 //#endregion
@@ -8240,7 +8240,7 @@ interface FileUploadProps {
  * Design system base File Upload component
  * Used in conjunction with the useFileUpload hook
  */
-declare const FileUpload: React$1.FC<FileUploadProps>;
+declare const FileUpload: React.FC<FileUploadProps>;
 //#endregion
 //#region src/components/ds-file-upload/ds-file-upload.types.d.ts
 interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFiles' | 'onFileAccept' | 'onFileReject' | 'onFileRemove' | 'onFileDelete' | 'onFileCancel' | 'onFileRetry' | 'uploadProgress'> {
@@ -8277,7 +8277,7 @@ interface DsFileUploadProps extends Omit<FileUploadProps, 'files' | 'acceptedFil
 /**
  * Design system File Upload component (with state management)
  */
-declare const DsFileUpload: React$1.FC<DsFileUploadProps>;
+declare const DsFileUpload: React.FC<DsFileUploadProps>;
 //#endregion
 //#region src/components/ds-file-upload/hooks/use-file-upload.d.ts
 interface UseFileUploadConfig {
@@ -8406,7 +8406,7 @@ interface DsNumberInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React$1.Ref<HTMLInputElement>;
+  ref?: React.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -8421,12 +8421,12 @@ interface DsNumberInputProps {
    *
    * @param event
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes (native input onChange event)
    * This is provided for compatibility but onValueChange is preferred
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the number value)
    * This is the preferred way to handle value changes
@@ -8439,7 +8439,7 @@ interface DsNumberInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8485,7 +8485,7 @@ interface DsPasswordInputProps {
   /**
    * The ref to the input field
    */
-  ref?: React$1.Ref<HTMLInputElement>;
+  ref?: React.Ref<HTMLInputElement>;
   /**
    * The name of the input field
    */
@@ -8500,12 +8500,12 @@ interface DsPasswordInputProps {
    *
    * @param event
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLInputElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
   /**
    * Callback when the value changes (native input onChange event)
    * This is provided for compatibility but onValueChange is preferred
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLInputElement>) => void;
+  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
   /**
    * Value change event handler (provides just the string value)
    * This is the preferred way to handle value changes
@@ -8518,7 +8518,7 @@ interface DsPasswordInputProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8550,7 +8550,7 @@ interface DsTextareaProps {
   /**
    * The ref to the textarea element
    */
-  ref?: React$1.Ref<HTMLTextAreaElement>;
+  ref?: React.Ref<HTMLTextAreaElement>;
   /**
    * The name of the textarea
    */
@@ -8560,11 +8560,11 @@ interface DsTextareaProps {
    *
    * @param event
    */
-  onBlur?: (event: React$1.FocusEvent<HTMLTextAreaElement>) => void;
+  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
   /**
    * Callback when the value changes
    */
-  onChange?: (event: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
   /**
    * Value change event handler (provides just the value)
    */
@@ -8576,7 +8576,7 @@ interface DsTextareaProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The placeholder text
    */
@@ -8609,7 +8609,7 @@ interface DsTextareaProps {
 }
 //#endregion
 //#region src/components/ds-textarea/ds-textarea.d.ts
-declare const DsTextarea: React$1.FC<DsTextareaProps>;
+declare const DsTextarea: React.FC<DsTextareaProps>;
 //#endregion
 //#region src/components/ds-select/ds-select.types.d.ts
 type SelectSize = 'default' | 'small';
@@ -8640,7 +8640,7 @@ type DsSelectProps = {
   /**
    * Additional styles to apply to the icon
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Additional CSS class names
    */
@@ -8650,7 +8650,7 @@ type DsSelectProps = {
    *
    * @param event
    */
-  onBlur?: (event: React$1.FocusEvent) => void;
+  onBlur?: (event: React.FocusEvent) => void;
   /**
    * Placeholder text to display when no option is selected
    */
@@ -8718,7 +8718,7 @@ declare const DsSelect: ({
 //#region src/components/ds-form-control/ds-form-control.types.d.ts
 declare const controlStatuses: readonly ["info", "success", "error", "warning"];
 type ControlStatus = (typeof controlStatuses)[number];
-interface DsFormControlProps extends React$1.PropsWithChildren {
+interface DsFormControlProps extends React.PropsWithChildren {
   /**
    * Unique identifier for the control
    */
@@ -8739,7 +8739,7 @@ interface DsFormControlProps extends React$1.PropsWithChildren {
     /**
      * Adornment to display at the end of the label
      */
-    endAdornment?: React$1.ReactNode;
+    endAdornment?: React.ReactNode;
   };
   /**
    * Message under the control
@@ -8756,13 +8756,13 @@ interface DsFormControlProps extends React$1.PropsWithChildren {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 interface DsFormControlDescriptionProps {
   /**
    * The description content
    */
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   /**
    * Additional CSS class names
    */
@@ -8789,7 +8789,7 @@ declare const DsFormControl: {
   DateInput: (props: DsDateInputProps) => react_jsx_runtime0.JSX.Element;
   Textarea: (props: DsTextareaProps) => react_jsx_runtime0.JSX.Element;
   Select: (props: DsSelectProps) => react_jsx_runtime0.JSX.Element;
-  Description: React$1.FC<DsFormControlDescriptionProps>;
+  Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion
 //#region src/components/ds-grid/ds-grid.types.d.ts
@@ -8842,11 +8842,11 @@ interface DsGridItemProps {
 /**
  * Design system Grid component
  */
-declare const DsGrid: React$1.FC<DsGridProps>;
+declare const DsGrid: React.FC<DsGridProps>;
 /**
  * Design system GridItem component
  */
-declare const DsGridItem: React$1.FC<DsGridItemProps>;
+declare const DsGridItem: React.FC<DsGridItemProps>;
 //#endregion
 //#region src/components/ds-loader/ds-loader.types.d.ts
 declare const loaderVariants: readonly ["spinner", "pulsing"];
@@ -8864,11 +8864,11 @@ interface DsLoaderProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Ref to the loader container element
    */
-  ref?: React$1.Ref<HTMLDivElement>;
+  ref?: React.Ref<HTMLDivElement>;
 }
 //#endregion
 //#region src/components/ds-loader/ds-loader.d.ts
@@ -9030,11 +9030,11 @@ interface DsPopoverProps {
   /**
    * The element that triggers the popover
    */
-  trigger: React$1.ReactNode;
+  trigger: React.ReactNode;
   /**
    * The content to be rendered inside the popover
    */
-  children: React$1.ReactNode;
+  children: React.ReactNode;
   /**
    * Additional CSS class names
    */
@@ -9050,7 +9050,7 @@ interface DsPopoverProps {
 }
 //#endregion
 //#region src/components/ds-popover/ds-popover.d.ts
-declare const DsPopover: React$1.FC<DsPopoverProps>;
+declare const DsPopover: React.FC<DsPopoverProps>;
 //#endregion
 //#region src/components/ds-progress-arc/ds-progress-arc.types.d.ts
 declare const progressArcSizes: readonly ["small", "medium"];
@@ -9167,7 +9167,7 @@ interface DsProgressLinearProps {
   /**
    * Label displayed above the progress bar (left side)
    */
-  label?: React$1.ReactNode;
+  label?: React.ReactNode;
   /**
    * Whether to show the percentage value text (right side of label row)
    * @default true
@@ -9178,7 +9178,7 @@ interface DsProgressLinearProps {
    * When a string is provided, it is auto-styled with an icon and color based on the variant.
    * When a ReactNode is provided, it is rendered as-is.
    */
-  caption?: React$1.ReactNode | string;
+  caption?: React.ReactNode | string;
   /**
    * Additional CSS class names
    */
@@ -9186,11 +9186,11 @@ interface DsProgressLinearProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * Ref to the root element
    */
-  ref?: React$1.Ref<HTMLDivElement>;
+  ref?: React.Ref<HTMLDivElement>;
 }
 //#endregion
 //#region src/components/ds-progress-linear/ds-progress-linear.d.ts
@@ -9262,7 +9262,7 @@ interface DsRadioOptionLegacy<ValueType = string> {
  * Use compound component pattern instead
  * @deprecated
  */
-interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> extends React$1.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioOptionLegacy> extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
   /**
    * The radio group options
    */
@@ -9288,7 +9288,7 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 //#endregion
 //#region src/components/ds-radio-group/ds-radio-group.d.ts
@@ -9297,7 +9297,7 @@ interface DsRadioGroupLegacyProps<TOption extends DsRadioOptionLegacy = DsRadioO
  * Use compound component pattern instead: DsRadioGroup.Root + DsRadioGroup.Item
  * @deprecated
  */
-declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
+declare const DsRadioGroupLegacy: React.FC<DsRadioGroupLegacyProps>;
 /**
  * Design system RadioGroup component
  *
@@ -9308,8 +9308,8 @@ declare const DsRadioGroupLegacy: React$1.FC<DsRadioGroupLegacyProps>;
  * </DsRadioGroup.Root>
  */
 declare const DsRadioGroup: {
-  Root: React$1.FC<DsRadioGroupRootProps>;
-  Item: React$1.FC<DsRadioGroupItemProps>;
+  Root: React.FC<DsRadioGroupRootProps>;
+  Item: React.FC<DsRadioGroupItemProps>;
 };
 //#endregion
 //#region src/components/ds-segment-group/ds-segment-group.types.d.ts
@@ -9373,9 +9373,9 @@ type DsSegmentGroupItemTextProps = Pick<SegmentGroupItemTextProps, 'className' |
  * </DsSegmentGroup.Root>
  */
 declare const DsSegmentGroup: {
-  Root: React$1.FC<DsSegmentGroupRootProps>;
-  Item: React$1.FC<DsSegmentGroupItemProps>;
-  ItemText: React$1.FC<DsSegmentGroupItemTextProps>;
+  Root: React.FC<DsSegmentGroupRootProps>;
+  Item: React.FC<DsSegmentGroupItemProps>;
+  ItemText: React.FC<DsSegmentGroupItemTextProps>;
 };
 //#endregion
 //#region src/components/ds-typography/ds-typography.config.d.ts
@@ -9419,7 +9419,7 @@ interface DsTypographyProps {
   /**
    * Additional styles to apply to the typography component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * When true, renders as Slot component for composition without extra DOM nodes
    */
@@ -9427,12 +9427,12 @@ interface DsTypographyProps {
   /**
    * The content of the component
    */
-  children: React$1.ReactNode;
+  children: React.ReactNode;
 }
 //#endregion
 //#region src/components/ds-typography/ds-typography.d.ts
-declare const DsTypography: React$1.FC<DsTypographyProps & {
-  ref?: React$1.Ref<HTMLElement>;
+declare const DsTypography: React.FC<DsTypographyProps & {
+  ref?: React.Ref<HTMLElement>;
 }>;
 //#endregion
 //#region src/components/ds-skeleton/ds-skeleton.types.d.ts
@@ -9622,7 +9622,7 @@ interface DsSmartTabProps {
   /**
    * Additional styles to apply to the tab
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 interface DsSmartTabsProps {
   /**
@@ -9640,7 +9640,7 @@ interface DsSmartTabsProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
   /**
    * The tab components as children
    */
@@ -9660,7 +9660,7 @@ declare const DsSmartTabs: {
     children,
     ...props
   }: DsSmartTabsProps): react_jsx_runtime0.JSX.Element;
-  Tab: React$1.FC<DsSmartTabProps>;
+  Tab: React.FC<DsSmartTabProps>;
 };
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.types.d.ts
@@ -9679,14 +9679,14 @@ interface DsSpinnerProps {
   /**
    * Additional styles to apply to the component
    */
-  style?: React$1.CSSProperties;
+  style?: React.CSSProperties;
 }
 //#endregion
 //#region src/components/ds-spinner/ds-spinner.d.ts
 /**
  * Design system Spinner component
  */
-declare const DsSpinner: React$1.FC<DsSpinnerProps>;
+declare const DsSpinner: React.FC<DsSpinnerProps>;
 //#endregion
 //#region src/components/ds-status-badge/ds-status-badge.types.d.ts
 declare const dsStatuses: readonly ["active", "running", "pending", "draft", "inactive", "warning", "failed"];
@@ -9734,7 +9734,7 @@ interface DsStatusBadgeProps {
 /**
  * Design system StatusBadge component
  */
-declare const DsStatusBadge: React$1.FC<DsStatusBadgeProps>;
+declare const DsStatusBadge: React.FC<DsStatusBadgeProps>;
 //#endregion
 //#region src/components/ds-stepper/ds-stepper.types.d.ts
 type DsStepperVariant = 'single';
@@ -9858,7 +9858,7 @@ interface DsSystemStatusProps {
  * @deprecated This component is deprecated. Use `DsStatusBadge` instead.
  * @see {@link ../ds-status-badge/ds-status-badge} for the replacement component.
  */
-declare const DsSystemStatus: React$1.FC<DsSystemStatusProps>;
+declare const DsSystemStatus: React.FC<DsSystemStatusProps>;
 //#endregion
 //#region src/components/ds-table/components/ds-table-cell/ds-table-cell.types.d.ts
 /**
@@ -10475,7 +10475,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Ref to the table API
    */
-  ref?: React$1.RefObject<DsTableApi<TData> | null>;
+  ref?: React.RefObject<DsTableApi<TData> | null>;
   /**
    * Columns of the table
    */
@@ -10535,7 +10535,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Empty state of the table
    */
-  emptyState?: React$1.ReactNode;
+  emptyState?: React.ReactNode;
   /**
    * Whether the table has sticky header
    */
@@ -10564,7 +10564,7 @@ interface DsDataTableProps<TData, TValue> {
   /**
    * Function to render the expanded row
    */
-  renderExpandedRow?: (row: TData) => React$1.ReactNode;
+  renderExpandedRow?: (row: TData) => React.ReactNode;
   /**
    * Function to handle table creation
    */