@vibe/core 3.58.1 → 3.58.2

package/dist/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHooks.d.ts

@@ -1,5 +1,6 @@
-import React, { MutableRefObject } from "react";
-import { UseKeyEventArgs } from "../useKeyEvent";
+import { type MutableRefObject } from "react";
+import type React from "react";
+import { type UseKeyEventArgs } from "../useKeyEvent";
 export declare function useSupportArrowsKeyboardNavigation({ itemsCount, focusedElementRef, visualFocusItemIndex, setVisualFocusItemIndex, isHorizontalList, isItemSelectable, listenerOptions, triggeredByKeyboard }: {
     itemsCount: number;
     focusedElementRef: MutableRefObject<HTMLElement>;
@@ -33,7 +34,7 @@ export declare function useSetDefaultItemOnFocusEvent({ focusedElementRef, isIte
     itemsCount: number;
     defaultVisualFocusItemIndex: number;
 }): {
-    triggeredByKeyboard: React.MutableRefObject<boolean>;
+    triggeredByKeyboard: MutableRefObject<boolean>;
 };
 export declare function useKeepFocusOnItemWhenListChanged({ visualFocusItemIndex, itemsIds, isItemSelectable, setVisualFocusItemIndex }: {
     visualFocusItemIndex: number;

package/dist/hooks/useAfterFirstRender/index.d.ts

@@ -1,2 +1,2 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export default function useAfterFirstRender(): RefObject<boolean>;

package/dist/hooks/useClickOutside/index.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from "react";
-import { GenericEventCallback } from "../../types/events";
+import { type RefObject } from "react";
+import { type GenericEventCallback } from "../../types/events";
 export default function useClickOutside({ ref, callback, ignoreClasses, eventName }: {
     ref: RefObject<HTMLElement>;
     callback: GenericEventCallback;

package/dist/hooks/useClickableProps/useClickableProps.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ClickableProps } from "../../components/Clickable/Clickable";
+import type React from "react";
+import { type ClickableProps } from "../../components/Clickable/Clickable";
 /**
  * Return props for adding clickable functionality to the element except for the styles and classNames
  */

package/dist/hooks/useDebounceEvent/index.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent, Dispatch, SetStateAction } from "react";
+import { type ChangeEvent, type Dispatch, type SetStateAction } from "react";
 export type UseDebounceResult = {
     inputValue: string;
     onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> | Partial<HTMLTextAreaElement>>) => void;

package/dist/hooks/useElementsOverflowingIndex.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, RefObject } from "react";
+import { type ReactNode, type RefObject } from "react";
 declare function useElementsOverflowingIndex({ ref, children, paddingSize, resizeDebounceTime, ignoreLast }: {
     ref: RefObject<HTMLElement>;
     children: ReactNode;

package/dist/hooks/useEventListener/index.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from "react";
-import { GenericEventCallback } from "../../types/events";
+import { type RefObject } from "react";
+import { type GenericEventCallback } from "../../types/events";
 export default function useEventListener({ eventName, callback, ref, capture }: {
     eventName: keyof HTMLElementEventMap | string;
     callback: GenericEventCallback;

package/dist/hooks/useFocusWithin.d.ts

@@ -1,4 +1,4 @@
-import { FocusEvent } from "react";
+import { type FocusEvent } from "react";
 type Result = {
     focusWithinProps?: {
         onFocus?: (e: FocusEvent) => void;

package/dist/hooks/useFullKeyboardListeners.d.ts

@@ -1,5 +1,5 @@
-import { MutableRefObject } from "react";
-import { KeyboardEventCallback } from "../types/events";
+import { type MutableRefObject } from "react";
+import { type KeyboardEventCallback } from "../types/events";
 export declare enum NavDirections {
     UP = "up",
     DOWN = "down",

package/dist/hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.d.ts

@@ -1,4 +1,4 @@
-import { MutableRefObject, ReactElement } from "react";
+import { type MutableRefObject, type ReactElement } from "react";
 /**
  * A hook which is used for accessible keyboard navigation. Useful for components rendering a list of items that can be navigated and selected with a keyboard.
  * @param {Object} options

package/dist/hooks/useHover/useHover.d.ts

@@ -1,2 +1,2 @@
-import { MutableRefObject } from "react";
+import { type MutableRefObject } from "react";
 export default function useHover<T extends HTMLElement = HTMLElement>(): [MutableRefObject<T>, boolean];

package/dist/hooks/useIsMouseEnter.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export default function useIsMouseEnter({ ref }: {
     ref: RefObject<HTMLElement>;
 }): boolean;

package/dist/hooks/useIsMouseOver.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export default function useIsMouseOver({ ref }: {
     ref: RefObject<HTMLElement>;
 }): boolean;

package/dist/hooks/useIsOverflowing/useIsOverflowing.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export default function useIsOverflowing({ ref, ignoreHeightOverflow, tolerance: heightTolerance, widthTolerance }: {
     /**
      * The ref of the element to check for overflow.

package/dist/hooks/useItemsOverflow/useItemsOverflow.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 /**
  * Custom hook that calculates how many items can fit in a container without overflowing
  */

package/dist/hooks/useKeyEvent/index.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from "react";
-import { GenericEventCallback } from "../../types/events";
+import { type RefObject } from "react";
+import { type GenericEventCallback } from "../../types/events";
 declare enum Modifier {
     ALT = "altKey",
     META = "metaKey",

package/dist/hooks/useKeyboard.d.ts

@@ -1,4 +1,4 @@
-import { KeyboardEventCallback } from "../types/events";
+import { type KeyboardEventCallback } from "../types/events";
 export declare function useKeyboard({ isDisabled, onKeyDown, onKeyUp }: {
     isDisabled: boolean;
     onKeyDown: KeyboardEventCallback;

package/dist/hooks/useKeyboardButtonPressedFunc.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
+import type React from "react";
 export declare function useKeyboardButtonPressedFunc(onClick: (event: React.KeyboardEvent) => void): (e: React.KeyboardEvent) => void;

package/dist/hooks/useListenFocusTriggers/index.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export default function useListenFocusTriggers({ ref, onFocusByKeyboard, onFocusByMouse }: {
     ref: RefObject<HTMLElement>;
     onFocusByKeyboard?: (event: FocusEvent) => void;

package/dist/hooks/useMergeRef.d.ts

@@ -1,4 +1,4 @@
-import { ForwardedRef, RefObject } from "react";
+import { type ForwardedRef, type RefObject } from "react";
 /**
  * Returns a single ref callback that merges multiple ref callbacks - internal replacement for `useMergeRefs` hook
  * @param refs

package/dist/hooks/useMergeRefs.d.ts

@@ -1,4 +1,4 @@
-import { LegacyRef, MutableRefObject } from "react";
+import { type LegacyRef, type MutableRefObject } from "react";
 /**
  * Returns a single ref callback that merges multiple ref callbacks
  * @deprecated - for internal usage - use `useMergeRef` hook instead

package/dist/hooks/useRefWithCallback.d.ts

@@ -1,2 +1,2 @@
-import { MutableRefObject } from "react";
+import { type MutableRefObject } from "react";
 export default function useRefWithCallback(onMount: (element: HTMLElement) => void, onUnmount?: (element: HTMLElement) => void): [MutableRefObject<HTMLElement>, (node: HTMLElement) => void];

package/dist/hooks/useResizeObserver.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 type ResizeCallback = ({ borderBoxSize }: {
     borderBoxSize: ResizeObserverSize;
 }) => void;

package/dist/hooks/useSetFocus/index.d.ts

@@ -1,4 +1,4 @@
-import { RefObject } from "react";
+import { type RefObject } from "react";
 export default function useSetFocus({ ref, focusCallback, blurCallback }: {
     ref: RefObject<HTMLElement>;
     focusCallback?: () => void;

package/dist/hooks/useStyle.d.ts

@@ -1,2 +1,2 @@
-import { CSSProperties } from "react";
+import { type CSSProperties } from "react";
 export default function useStyle(currentStyle: CSSProperties, additionalProps?: CSSProperties): CSSProperties;

package/dist/hooks/useSwitch/index.d.ts

@@ -1,4 +1,4 @@
-import { ChangeEvent } from "react";
+import { type ChangeEvent } from "react";
 declare enum SwitchRole {
     CHECKBOX = "checkbox",
     BUTTON = "button"

package/dist/hooks/useWizard/useWizard.d.ts

@@ -1,3 +1,3 @@
-import { UseWizardProps, UseWizardReturnValue } from "./useWizard.types";
+import { type UseWizardProps, type UseWizardReturnValue } from "./useWizard.types";
 declare function useWizard({ initialStep, stepCount, onStepChange, onFinish }: UseWizardProps): UseWizardReturnValue;
 export default useWizard;

package/dist/metadata.json

@@ -3745,6 +3745,17 @@
           "name": "number"
         }
       },
+      "separateLabel": {
+        "defaultValue": {
+          "value": "false"
+        },
+        "description": "If true, uses separate labels with htmlFor/id association instead of wrapping the input.\nIf using this the id prop is required for it to function correctly.",
+        "name": "separateLabel",
+        "required": false,
+        "type": {
+          "name": "boolean"
+        }
+      },
       "className": {
         "defaultValue": null,
         "description": "A CSS class name to apply to the component.",
@@ -6346,6 +6357,15 @@
           "name": "React.CSSProperties"
         }
       },
+      "role": {
+        "defaultValue": null,
+        "description": "The ARIA role applied to the dialog container.\nDefaults to \"dialog\" when not provided. Pass `null` to remove the role attribute entirely.",
+        "name": "role",
+        "required": false,
+        "type": {
+          "name": "string"
+        }
+      },
       "className": {
         "defaultValue": {
           "value": ""

package/dist/mocked_classnames/components/Accordion/Accordion/Accordion.d.ts

@@ -1,5 +1,5 @@
-import React, { ReactElement } from "react";
-import { VibeComponentProps } from "../../../types";
+import React, { type ReactElement } from "react";
+import { type VibeComponentProps } from "../../../types";
 export interface AccordionProps extends VibeComponentProps {
     /**
      * The content of the accordion (`AccordionItem` components).

package/dist/mocked_classnames/components/Accordion/AccordionItem/AccordionItem.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { VibeComponentProps, ElementContent } from "../../../types";
-import { ExpandCollapseIconPosition } from "../../ExpandCollapse/ExpandCollapse.types";
+import { type VibeComponentProps, type ElementContent } from "../../../types";
+import { type ExpandCollapseIconPosition } from "../../ExpandCollapse/ExpandCollapse.types";
 export interface AccordionItemProps extends VibeComponentProps {
     /**
      * The header content displayed in the accordion item.

package/dist/mocked_classnames/components/AlertBanner/AlertBanner.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactElement } from "react";
+import React, { type ReactElement } from "react";
 import { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from "./AlertBannerConstants";
-import { AlertBannerBackgroundColor } from "./AlertBanner.types";
-import { AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
-import { AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
-import { AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
-import { VibeComponentProps } from "../../types";
+import { type AlertBannerBackgroundColor } from "./AlertBanner.types";
+import { type AlertBannerLinkProps } from "./AlertBannerLink/AlertBannerLink";
+import { type AlertBannerButtonProps } from "./AlertBannerButton/AlertBannerButton";
+import { type AlertBannerTextProps } from "./AlertBannerText/AlertBannerText";
+import { type VibeComponentProps } from "../../types";
 type ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;
 export interface AlertBannerProps extends VibeComponentProps {
     /**

package/dist/mocked_classnames/components/AlertBanner/AlertBannerButton/AlertBannerButton.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from "../../Button/Button";
-import { FC } from "react";
+import { type ButtonProps } from "../../Button/Button";
+import { type FC } from "react";
 export interface AlertBannerButtonProps extends ButtonProps {
     /**
      * If true, the button is displayed on a dark background.

package/dist/mocked_classnames/components/AlertBanner/AlertBannerContext.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { TypographyColor } from "../Typography/Typography.types";
+import { type TypographyColor } from "../Typography/Typography.types";
 type AlertBannerContextType = {
     textColor: Extract<TypographyColor, "onPrimary" | "onInverted" | "fixedDark">;
 };

package/dist/mocked_classnames/components/AlertBanner/AlertBannerLink/AlertBannerLink.d.ts

@@ -1,5 +1,5 @@
-import { FC } from "react";
-import { LinkProps } from "../../Link/Link";
+import { type FC } from "react";
+import { type LinkProps } from "../../Link/Link";
 export interface AlertBannerLinkProps extends LinkProps {
     /**
      * If true, a left margin is applied to the link.

package/dist/mocked_classnames/components/AlertBanner/AlertBannerText/AlertBannerText.d.ts

@@ -1,5 +1,5 @@
-import { FC } from "react";
-import VibeComponentProps from "../../../types/VibeComponentProps";
+import { type FC } from "react";
+import type VibeComponentProps from "../../../types/VibeComponentProps";
 export interface AlertBannerTextProps extends VibeComponentProps {
     /**
      * The text content displayed within the alert banner.

package/dist/mocked_classnames/components/AttentionBox/AttentionBox.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { IconType as IconTypeEnum } from "../Icon/IconConstants";
 import { AttentionBoxType as AttentionBoxTypeEnum } from "./AttentionBoxConstants";
-import { AttentionBoxType } from "./AttentionBox.types";
-import { SubIcon, VibeComponentProps, ElementContent } from "../../types";
+import { type AttentionBoxType } from "./AttentionBox.types";
+import { type SubIcon, type VibeComponentProps, type ElementContent } from "../../types";
 export interface AttentionBoxProps extends VibeComponentProps {
     /**
      * If true, displays an icon even when no header is provided.

package/dist/mocked_classnames/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { LinkProps } from "../../Link/Link";
+import { type LinkProps } from "../../Link/Link";
 export type AttentionBoxLinkProps = LinkProps;
 declare const AttentionBoxLink: ({ href, text, target, className, ...linkProps }: AttentionBoxLinkProps) => React.JSX.Element;
 export default AttentionBoxLink;

package/dist/mocked_classnames/components/Avatar/Avatar.d.ts

@@ -1,10 +1,10 @@
-import React, { AriaRole } from "react";
-import { ElementAllowedColor } from "../../types/Colors";
+import React, { type AriaRole } from "react";
+import { type ElementAllowedColor } from "../../types/Colors";
 import { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from "./AvatarConstants";
-import { AvatarSize, AvatarType } from "./Avatar.types";
-import { AvatarBadgeProps } from "./AvatarBadge";
-import { TooltipProps } from "../Tooltip/Tooltip";
-import { SubIcon, VibeComponentProps } from "../../types";
+import { type AvatarSize, type AvatarType } from "./Avatar.types";
+import { type AvatarBadgeProps } from "./AvatarBadge";
+import { type TooltipProps } from "../Tooltip/Tooltip";
+import { type SubIcon, type VibeComponentProps } from "../../types";
 export interface AvatarProps extends VibeComponentProps {
     /**
      * The image source for the avatar.

package/dist/mocked_classnames/components/Avatar/AvatarBadge.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { AvatarSize as AvatarSizeEnum } from "./AvatarConstants";
-import { AvatarSize } from "./Avatar.types";
-import { VibeComponentProps, SubIcon } from "../../types";
+import { type AvatarSize } from "./Avatar.types";
+import { type VibeComponentProps, type SubIcon } from "../../types";
 export interface AvatarBadgeProps extends VibeComponentProps {
     /**
      * The image source for the badge.

package/dist/mocked_classnames/components/Avatar/AvatarContent.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from "./AvatarConstants";
-import { AvatarSize, AvatarType } from "./Avatar.types";
-import { SubIcon, VibeComponentProps } from "../../types";
+import { type AvatarSize, type AvatarType } from "./Avatar.types";
+import { type SubIcon, type VibeComponentProps } from "../../types";
 export interface AvatarContentProps extends VibeComponentProps {
     /**
      * The image source when the type is set to `img`.

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroup.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactElement } from "react";
-import { AvatarProps } from "../Avatar/Avatar";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import { AvatarSize, AvatarType } from "../Avatar/Avatar.types";
-import { TooltipProps } from "../Tooltip/Tooltip";
-import { AvatarGroupCounterVisualProps } from "./AvatarGroup.types";
+import React, { type ReactElement } from "react";
+import { type AvatarProps } from "../Avatar/Avatar";
+import type VibeComponentProps from "../../types/VibeComponentProps";
+import { type AvatarSize, type AvatarType } from "../Avatar/Avatar.types";
+import { type TooltipProps } from "../Tooltip/Tooltip";
+import { type AvatarGroupCounterVisualProps } from "./AvatarGroup.types";
 export interface AvatarGroupProps extends VibeComponentProps {
     /**
      * Class name applied to each avatar.

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroup.types.d.ts

@@ -1,4 +1,4 @@
-import { CounterColor } from "../Counter/Counter.types";
+import { type CounterColor } from "../Counter/Counter.types";
 export type AvatarGroupCounterVisualProps = {
     color?: Extract<CounterColor, "light" | "dark">;
     count?: number;

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroupCounter.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactElement } from "react";
-import { AvatarProps } from "../Avatar/Avatar";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import { AvatarSize, AvatarType } from "../Avatar/Avatar.types";
-import { AvatarGroupCounterVisualProps } from "./AvatarGroup.types";
-import { TooltipProps } from "../Tooltip/Tooltip";
+import React, { type ReactElement } from "react";
+import { type AvatarProps } from "../Avatar/Avatar";
+import type VibeComponentProps from "../../types/VibeComponentProps";
+import { type AvatarSize, type AvatarType } from "../Avatar/Avatar.types";
+import { type AvatarGroupCounterVisualProps } from "./AvatarGroup.types";
+import { type TooltipProps } from "../Tooltip/Tooltip";
 export interface AvatarGroupCounterProps extends VibeComponentProps {
     /**
      * The list of avatars hidden behind the counter.

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroupCounterTooltipContainer.d.ts

@@ -1,8 +1,8 @@
-import React, { ReactElement, RefObject } from "react";
-import { TooltipProps } from "../Tooltip/Tooltip";
-import { AvatarProps } from "../Avatar/Avatar";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import { AvatarType } from "../Avatar/Avatar.types";
+import React, { type ReactElement, type RefObject } from "react";
+import { type TooltipProps } from "../Tooltip/Tooltip";
+import { type AvatarProps } from "../Avatar/Avatar";
+import type VibeComponentProps from "../../types/VibeComponentProps";
+import { type AvatarType } from "../Avatar/Avatar.types";
 export interface AvatarGroupCounterTooltipContainerProps extends VibeComponentProps {
     /**
      * The type of avatars displayed in the tooltip.

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroupCounterTooltipContent.d.ts

@@ -1,7 +1,7 @@
-import React, { ReactElement, Ref } from "react";
-import { AvatarProps } from "../Avatar/Avatar";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import { AvatarType } from "../Avatar/Avatar.types";
+import React, { type ReactElement, type Ref } from "react";
+import { type AvatarProps } from "../Avatar/Avatar";
+import type VibeComponentProps from "../../types/VibeComponentProps";
+import { type AvatarType } from "../Avatar/Avatar.types";
 export interface AvatarGroupCounterTooltipContentProps extends VibeComponentProps {
     /**
      * The type of avatars displayed inside the tooltip.

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.d.ts

@@ -1,8 +1,8 @@
-import React, { CSSProperties, ReactElement, Ref } from "react";
-import VibeComponentProps from "../../types/VibeComponentProps";
-import { AvatarType } from "../Avatar/Avatar.types";
-import { AvatarProps } from "../Avatar/Avatar";
-import { ElementContent } from "../../types";
+import React, { type CSSProperties, type ReactElement, type Ref } from "react";
+import type VibeComponentProps from "../../types/VibeComponentProps";
+import { type AvatarType } from "../Avatar/Avatar.types";
+import { type AvatarProps } from "../Avatar/Avatar";
+import { type ElementContent } from "../../types";
 export type AvatarItem = {
     value: AvatarProps & {
         tooltipContent: ElementContent;

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroupCounterTooltipHelper.d.ts

@@ -1,7 +1,7 @@
-import React, { CSSProperties, RefObject } from "react";
-import { AvatarProps } from "../Avatar/Avatar";
-import { AvatarType } from "../Avatar";
-import { ElementContent } from "../../types";
+import React, { type CSSProperties, type RefObject } from "react";
+import { type AvatarProps } from "../Avatar/Avatar";
+import { type AvatarType } from "../Avatar";
+import { type ElementContent } from "../../types";
 export declare function useTooltipContentTabNavigation({ counterContainerRef, tooltipContentContainerRef, focusPrevPlaceholderRef, focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible }: {
     counterContainerRef: RefObject<HTMLDivElement>;
     tooltipContentContainerRef: RefObject<HTMLElement>;

package/dist/mocked_classnames/components/AvatarGroup/AvatarGroupHelper.d.ts

@@ -1,3 +1,3 @@
-import React from "react";
-import { AvatarProps } from "../Avatar/Avatar";
+import type React from "react";
+import { type AvatarProps } from "../Avatar/Avatar";
 export declare const avatarOnClick: (event: React.MouseEvent | React.KeyboardEvent, avatarProps: AvatarProps) => void;

package/dist/mocked_classnames/components/Badge/Badge.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
 import { BadgeAlignments as BadgeAlignmentsEnum, BadgeAnchor as BadgeAnchorEnum, BadgeType as BadgeTypeEnum } from "./BadgeConstants";
-import { BadgeAlignments, BadgeAnchor, BadgeType } from "./Badge.types";
-import { IndicatorProps } from "./Indicator/Indicator";
-import { CounterProps } from "../Counter/Counter";
-import { VibeComponentProps } from "../../types";
+import { type BadgeAlignments, type BadgeAnchor, type BadgeType } from "./Badge.types";
+import { type IndicatorProps } from "./Indicator/Indicator";
+import { type CounterProps } from "../Counter/Counter";
+import { type VibeComponentProps } from "../../types";
 export interface BadgeBaseProps extends VibeComponentProps {
     /**
      * The position of the badge relative to its parent.

package/dist/mocked_classnames/components/Badge/Indicator/Indicator.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { IndicatorColor as IndicatorColorEnum } from "./IndicatorConstants";
-import { IndicatorColor } from "./Indicator.types";
-import { VibeComponentProps } from "../../../types";
+import { type IndicatorColor } from "./Indicator.types";
+import { type VibeComponentProps } from "../../../types";
 export interface IndicatorProps extends VibeComponentProps {
     /**
      * The color of the indicator.

package/dist/mocked_classnames/components/BaseInput/BaseInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { BaseInputProps } from "./BaseInput.types";
+import { type BaseInputProps } from "./BaseInput.types";
 declare const BaseInput: React.ForwardRefExoticComponent<BaseInputProps & React.RefAttributes<HTMLInputElement>>;
 export default BaseInput;

package/dist/mocked_classnames/components/BaseInput/BaseInput.types.d.ts

@@ -1,6 +1,6 @@
-import { AriaRole, InputHTMLAttributes, ReactNode } from "react";
-import { VibeComponentProps } from "../../types";
-import { BASE_SIZES } from "../../constants";
+import { type AriaRole, type InputHTMLAttributes, type ReactNode } from "react";
+import { type VibeComponentProps } from "../../types";
+import { type BASE_SIZES } from "../../constants";
 export type InputSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES];
 type BaseInputNativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "role">;
 type Renderer = ReactNode | ReactNode[];

package/dist/mocked_classnames/components/BaseList/BaseList.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { BaseListProps } from "./BaseList.types";
+import { type BaseListProps } from "./BaseList.types";
 declare const _default: <Item extends Record<string, unknown>>(props: BaseListProps<Item> & {
     ref?: React.Ref<HTMLUListElement>;
 }) => React.ReactElement;

package/dist/mocked_classnames/components/BaseList/BaseList.types.d.ts

@@ -1,6 +1,7 @@
-import React, { ReactNode } from "react";
-import { VibeComponentProps } from "../../types";
-import { BaseListItemData } from "../BaseListItem";
+import { type ReactNode } from "react";
+import type React from "react";
+import { type VibeComponentProps } from "../../types";
+import { type BaseListItemData } from "../BaseListItem";
 export interface BaseListProps<Item = Record<string, unknown>> extends React.HTMLAttributes<HTMLUListElement>, VibeComponentProps {
     /**
      * The list of options available in the list.

package/dist/mocked_classnames/components/BaseListItem/BaseListItem.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { BaseListItemProps } from "./BaseListItem.types";
+import { type BaseListItemProps } from "./BaseListItem.types";
 declare const _default: <Item extends Record<string, unknown>>(props: BaseListItemProps<Item> & {
     ref?: React.Ref<HTMLElement>;
 }) => React.ReactElement;

package/dist/mocked_classnames/components/BaseListItem/BaseListItem.types.d.ts

@@ -1,8 +1,9 @@
-import React, { ReactNode, AriaRole } from "react";
-import { SubIcon, VibeComponentProps } from "../../types";
-import { TooltipProps } from "../Tooltip";
-import { BaseListDirection, BaseListSizes } from "../BaseList/BaseList.types";
-import { ChipsProps } from "../Chips";
+import { type ReactNode, type AriaRole } from "react";
+import type React from "react";
+import { type SubIcon, type VibeComponentProps } from "../../types";
+import { type TooltipProps } from "../Tooltip";
+import { type BaseListDirection, type BaseListSizes } from "../BaseList/BaseList.types";
+import { type ChipsProps } from "../Chips";
 export interface BaseListItemProps<Item extends Record<string, unknown>> extends Omit<React.HTMLAttributes<HTMLElement>, "role">, VibeComponentProps {
     /**
      * The HTML element to render. Defaults to "li".

package/dist/mocked_classnames/components/BaseListItem/utils.d.ts

@@ -1,4 +1,4 @@
-import { EndElement, StartElement } from "./BaseListItem.types";
-import { TextType } from "../Text";
+import { type EndElement, type StartElement } from "./BaseListItem.types";
+import { type TextType } from "../Text";
 import React from "react";
 export declare function renderSideElement(element: StartElement | EndElement, disabled: boolean, textVariant: TextType): React.ReactNode;

package/dist/mocked_classnames/components/Box/Box.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { BackgroundColor as BackgroundColorEnum, BorderColor as BorderColorEnum, BoxTextColor as BoxTextColorEnum, Margin as MarginEnum, MarginBottom as MarginBottomEnum, MarginEnd as MarginEndEnum, MarginStart as MarginStartEnum, MarginTop as MarginTopEnum, MarginX as MarginXEnum, MarginY as MarginYEnum, Padding as PaddingEnum, PaddingBottom as PaddingBottomEnum, PaddingEnd as PaddingEndEnum, PaddingStart as PaddingStartEnum, PaddingTop as PaddingTopEnum, PaddingX as PaddingXEnum, PaddingY as PaddingYEnum, Rounded as RoundedEnum, Shadow as ShadowEnum } from "./BoxConstants";
-import { BackgroundColor, BorderColor, BaseBoxSize, BoxSize, BoxTextColor, RoundedSize, Shadow } from "./Box.types";
-import { VibeComponentProps, ElementContent } from "../../types";
+import { type BackgroundColor, type BorderColor, type BaseBoxSize, type BoxSize, type BoxTextColor, type RoundedSize, type Shadow } from "./Box.types";
+import { type VibeComponentProps, type ElementContent } from "../../types";
 export interface BoxProps extends VibeComponentProps {
     /**
      * The HTML element or custom component used as the root.

package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { SubIcon, VibeComponentProps } from "../../../../types";
+import { type SubIcon, type VibeComponentProps } from "../../../../types";
 export interface BreadcrumbContentProps extends VibeComponentProps {
     /**
      * If true, the breadcrumb is clickable.