@vibe/core 3.58.1 → 3.58.2

package/dist/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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/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.

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { SubIcon, VibeComponentProps } from "../../../types";
+import { type SubIcon, type VibeComponentProps } from "../../../types";
 export interface BreadcrumbItemProps extends VibeComponentProps {
     /**
      * The display text of the breadcrumb item.

package/dist/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { VibeComponentProps } from "../../../types";
+import { type VibeComponentProps } from "../../../types";
 export interface BreadcrumbMenuProps extends VibeComponentProps {
     children: React.ReactNode;
 }

package/dist/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.d.ts

@@ -1,5 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from "react";
-import { MenuItemProps } from "../../../Menu";
+import { type ForwardRefExoticComponent, type RefAttributes } from "react";
+import { type MenuItemProps } from "../../../Menu";
 export interface BreadcrumbMenuItemProps extends MenuItemProps {
     /** Link to navigate to when item is clicked */
     link?: string;

package/dist/components/BreadcrumbsBar/BreadcrumbsBar.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactElement } from "react";
+import React, { type ReactElement } from "react";
 import { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from "./BreadcrumbsConstants";
-import { BreadcrumbsBarType } from "./Breadcrumbs.types";
-import { BreadcrumbItemProps } from "./BreadcrumbItem/BreadcrumbItem";
-import { VibeComponentProps } from "../../types";
-import { BreadcrumbMenuProps } from "./BreadcrumbMenu/BreadcrumbMenu";
+import { type BreadcrumbsBarType } from "./Breadcrumbs.types";
+import { type BreadcrumbItemProps } from "./BreadcrumbItem/BreadcrumbItem";
+import { type VibeComponentProps } from "../../types";
+import { type BreadcrumbMenuProps } from "./BreadcrumbMenu/BreadcrumbMenu";
 export interface BreadcrumbBarProps extends VibeComponentProps {
     /**
      * The type of the breadcrumb bar, determining if it is navigational or for indication only.

package/dist/components/Button/Button.d.ts

@@ -1,7 +1,7 @@
-import React, { AriaAttributes } from "react";
+import React, { type AriaAttributes } from "react";
 import { ButtonColor as ButtonColorEnum, ButtonInputType as ButtonInputTypeEnum, ButtonType as ButtonTypeEnum } from "./ButtonConstants";
-import { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from "./Button.types";
-import { SubIcon, VibeComponentProps } from "../../types";
+import { type ButtonColor, type ButtonInputType, type ButtonType, type ButtonSize } from "./Button.types";
+import { type SubIcon, type VibeComponentProps } from "../../types";
 export interface ButtonProps extends VibeComponentProps {
     children: React.ReactNode;
     /** Custom class names to pass to the component */

package/dist/components/Button/ButtonConstants.d.ts

@@ -1,4 +1,4 @@
-import { SIZES } from "../../constants/sizes";
+import { type SIZES } from "../../constants/sizes";
 /**
  * @deprecated
  */

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-import { ButtonValue } from "./ButtonGroupConstants";
-import { ButtonType as ButtonTypeEnum } from "../Button/ButtonConstants";
-import { ButtonType, ButtonSize } from "../Button";
-import { SubIcon, VibeComponentProps } from "../../types";
-import { MoveBy } from "../../types/MoveBy";
-import { TooltipPositions } from "../Tooltip";
+import { type ButtonValue } from "./ButtonGroupConstants";
+import { type ButtonType as ButtonTypeEnum } from "../Button/ButtonConstants";
+import { type ButtonType, type ButtonSize } from "../Button";
+import { type SubIcon, type VibeComponentProps } from "../../types";
+import { type MoveBy } from "../../types/MoveBy";
+import { type TooltipPositions } from "../Tooltip";
 type ButtonGroupOption = {
     icon?: SubIcon;
     leftIcon?: SubIcon;

package/dist/components/ButtonGroup/ButtonWrapper.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { ButtonProps } from "../Button/Button";
-import { MoveBy } from "../../types/MoveBy";
-import { TooltipPositions } from "../Tooltip/Tooltip.types";
+import { type ButtonProps } from "../Button/Button";
+import { type MoveBy } from "../../types/MoveBy";
+import { type TooltipPositions } from "../Tooltip/Tooltip.types";
 export interface ButtonWrapperProps extends ButtonProps {
     /**
      * The content of the tooltip.

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { VibeComponentProps } from "../../types";
+import { type VibeComponentProps } from "../../types";
 export interface CheckBoxProps extends VibeComponentProps {
     /**
      * Class name applied to the checkbox element.
@@ -57,6 +57,11 @@ export interface CheckBoxProps extends VibeComponentProps {
      * The tab order of the checkbox.
      */
     tabIndex?: number;
+    /**
+     * If true, uses separate labels with htmlFor/id association instead of wrapping the input.
+     * If using this the id prop is required for it to function correctly.
+     */
+    separateLabel?: boolean;
 }
 declare const Checkbox: React.ForwardRefExoticComponent<CheckBoxProps & React.RefAttributes<HTMLInputElement>>;
 export default Checkbox;

package/dist/components/Chips/Chips.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { ElementAllowedColor } from "../../types/Colors";
+import { type ElementAllowedColor } from "../../types/Colors";
 import { AvatarType as AvatarTypeEnum } from "../Avatar/AvatarConstants";
-import { AvatarType } from "../Avatar";
-import { ElementContent, SubIcon, VibeComponentProps } from "../../types";
+import { type AvatarType } from "../Avatar";
+import { type ElementContent, type SubIcon, type VibeComponentProps } from "../../types";
 export interface ChipsProps extends VibeComponentProps {
     /**
      * The text or content displayed inside the chip.

package/dist/components/Clickable/Clickable.d.ts

@@ -1,5 +1,5 @@
-import React, { AriaRole } from "react";
-import { VibeComponentProps } from "../../types";
+import React, { type AriaRole } from "react";
+import { type VibeComponentProps } from "../../types";
 export interface ClickableProps extends VibeComponentProps {
     /**
      * The HTML element or custom component used as the root.

package/dist/components/Clickable/ClickableWrapper.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-import { VibeComponentProps } from "../../types";
-import { ClickableProps } from "./Clickable";
+import { type VibeComponentProps } from "../../types";
+import { type ClickableProps } from "./Clickable";
 export interface ClickableWrapperProps extends VibeComponentProps {
     /**
      * The content inside the wrapper.

package/dist/components/ColorPicker/ColorPicker.d.ts

@@ -2,9 +2,9 @@ import React from "react";
 import { BaseSizes } from "../../constants";
 import { ColorStyle as ColorStyleEnum } from "../../utils/colors-vars-map";
 import { ColorShapes as ColorShapesEnum } from "./ColorPickerConstants";
-import { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from "./ColorPicker.types";
-import { VibeComponentProps, SubIcon } from "../../types";
-import { ColorStyle } from "../../types/Colors";
+import { type ColorShapes, type ColorPickerSizes, type ColorPickerValue, type ColorPickerArrayValueOnly } from "./ColorPicker.types";
+import { type VibeComponentProps, type SubIcon } from "../../types";
+import { type ColorStyle } from "../../types/Colors";
 export interface ColorPickerProps extends VibeComponentProps {
     /**
      * The selected color(s).

package/dist/components/ColorPicker/ColorPicker.types.d.ts

@@ -1,4 +1,4 @@
-import { CONTENT_COLORS_VALUES } from "../../utils/colors-vars-map";
+import { type CONTENT_COLORS_VALUES } from "../../utils/colors-vars-map";
 export type ColorShapes = "square" | "circle";
 export type ColorPickerSizes = "small" | "medium" | "large";
 export type ColorPickerValueOnly = CONTENT_COLORS_VALUES | string;

package/dist/components/ColorPicker/ColorPickerConstants.d.ts

@@ -1,4 +1,4 @@
-import { BaseSizes } from "../../constants/sizes";
+import { type BaseSizes } from "../../constants/sizes";
 export declare const DEFAULT_NUMBER_OF_COLORS_IN_LINE = 5;
 export declare const COLOR_SIZES: Record<BaseSizes, number>;
 export declare const COLOR_PADDING = 8;

package/dist/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { VibeComponentProps, SubIcon } from "../../../../types";
+import { type VibeComponentProps, type SubIcon } from "../../../../types";
 export interface ColorPickerClearButtonProps extends VibeComponentProps {
     /**
      * Callback fired when the clear button is clicked.

package/dist/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-import { CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
-import { ColorPickerArrayValueOnly, ColorPickerValueOnly } from "../../ColorPicker.types";
-import { ColorShapes, ColorPickerSizes } from "../../ColorPicker.types";
-import { SubIcon, VibeComponentProps } from "../../../../types";
-import { ColorStyle } from "../../../../types";
+import { type CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
+import { type ColorPickerArrayValueOnly, type ColorPickerValueOnly } from "../../ColorPicker.types";
+import { type ColorShapes, type ColorPickerSizes } from "../../ColorPicker.types";
+import { type SubIcon, type VibeComponentProps } from "../../../../types";
+import { type ColorStyle } from "../../../../types";
 export interface ColorPickerColorsGridProps extends VibeComponentProps {
     /**
      * Callback fired when a color is clicked.

package/dist/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
 import { BaseSizes } from "../../../../constants";
-import { ColorStyle as ColorStyleEnum, CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
+import { ColorStyle as ColorStyleEnum, type CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
 import { ColorShapes as ColorShapesEnum } from "../../ColorPickerConstants";
-import { ColorShapes, ColorPickerSizes, ColorPickerValue, ColorPickerArrayValueOnly } from "../../ColorPicker.types";
-import { VibeComponentProps, SubIcon } from "../../../../types";
-import { ColorStyle } from "../../../../types";
+import { type ColorShapes, type ColorPickerSizes, type ColorPickerValue, type ColorPickerArrayValueOnly } from "../../ColorPicker.types";
+import { type VibeComponentProps, type SubIcon } from "../../../../types";
+import { type ColorStyle } from "../../../../types";
 export interface ColorPickerContentProps extends VibeComponentProps {
     /**
      * The selected color(s).

package/dist/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { ColorPickerValueOnly } from "../../ColorPicker.types";
-import { ColorShapes, ColorPickerSizes } from "../../ColorPicker.types";
-import { SubIcon, VibeComponentProps, ElementContent, ColorStyle } from "../../../../types";
+import { type ColorPickerValueOnly } from "../../ColorPicker.types";
+import { type ColorShapes, type ColorPickerSizes } from "../../ColorPicker.types";
+import { type SubIcon, type VibeComponentProps, type ElementContent, type ColorStyle } from "../../../../types";
 export interface ColorPickerItemComponentProps extends VibeComponentProps {
     /**
      * The color value of the item.

package/dist/components/ColorPicker/services/ColorPickerStyleService.d.ts

@@ -1,3 +1,3 @@
-import { BaseSizes } from "../../../constants/sizes";
+import { type BaseSizes } from "../../../constants/sizes";
 export declare const calculateColorPickerWidth: (colorSize: BaseSizes, numberOfColorsInLine: number) => number;
 export declare const calculateColorPickerDialogWidth: (colorSize: BaseSizes, numberOfColorsInLine: number) => number;