@vibe/core 3.70.2-alpha-23478.0 → 3.70.2

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

@@ -1,4 +1,4 @@
-import { type ButtonProps } from "../../Button/Button";
+import { type ButtonProps } from "@vibe/button";
 import { type FC } from "react";
 export interface AlertBannerButtonProps extends ButtonProps {
     /**

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 { type SubIcon } from "@vibe/icon";
+import { AttentionBoxType as AttentionBoxTypeEnum, IconTypeEnum } from "./AttentionBoxConstants";
 import { type AttentionBoxType } from "./AttentionBox.types";
-import { type SubIcon, type VibeComponentProps, type ElementContent } from "../../types";
+import { type VibeComponentProps, type ElementContent } from "../../types";
 /**
  * @deprecated AttentionBox is deprecated. Please use AttentionBox from "@vibe/core/next" instead.
  */

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

@@ -8,3 +8,11 @@ export declare enum AttentionBoxType {
     DARK = "dark",
     WARNING = "warning"
 }
+/**
+ * @deprecated
+ */
+export declare enum IconTypeEnum {
+    SVG = "svg",
+    ICON_FONT = "font",
+    SRC = "src"
+}

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

@@ -4,7 +4,8 @@ import { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from "./Av
 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";
+import { type VibeComponentProps } from "../../types";
+import { type SubIcon } from "@vibe/icon";
 export interface AvatarProps extends VibeComponentProps {
     /**
      * The image source for the avatar.

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

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

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

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

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

@@ -1,9 +1,10 @@
 import { type ReactNode, type AriaRole } from "react";
 import type React from "react";
-import { type SubIcon, type VibeComponentProps } from "../../types";
+import { type VibeComponentProps } from "../../types";
 import { type TooltipProps } from "../Tooltip";
 import { type BaseListDirection, type BaseListSizes } from "../BaseList/BaseList.types";
 import { type ChipsProps } from "../Chips";
+import { type SubIcon } from "@vibe/icon";
 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/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.d.ts

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

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

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

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

@@ -1,8 +1,8 @@
 import React from "react";
-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 SubIcon } from "@vibe/icon";
+import { type ButtonType as ButtonTypeEnum, type ButtonValue } from "./ButtonGroupConstants";
+import { type ButtonType, type ButtonSize } from "@vibe/button";
+import { type VibeComponentProps } from "../../types";
 import { type MoveBy } from "../../types/MoveBy";
 import { type TooltipPositions } from "../Tooltip";
 type ButtonGroupOption = {

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

@@ -1 +1,9 @@
 export type ButtonValue = string | number;
+/**
+ * @deprecated
+ */
+export declare enum ButtonType {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary"
+}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { type ButtonProps } from "../Button/Button";
+import { type ButtonProps } from "@vibe/button";
 import { type MoveBy } from "../../types/MoveBy";
 import { type TooltipPositions } from "../Tooltip/Tooltip.types";
 export interface ButtonWrapperProps extends ButtonProps {

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

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

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

@@ -3,7 +3,8 @@ import { BaseSizes } from "../../constants";
 import { ColorStyle as ColorStyleEnum } from "../../utils/colors-vars-map";
 import { ColorShapes as ColorShapesEnum } from "./ColorPickerConstants";
 import { type ColorShapes, type ColorPickerSizes, type ColorPickerValue, type ColorPickerArrayValueOnly } from "./ColorPicker.types";
-import { type VibeComponentProps, type SubIcon } from "../../types";
+import { type VibeComponentProps } from "../../types";
+import { type SubIcon } from "@vibe/icon";
 import { type ColorStyle } from "../../types/Colors";
 export interface ColorPickerProps extends VibeComponentProps {
     /**

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

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

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

@@ -2,7 +2,8 @@ import React from "react";
 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 VibeComponentProps } from "../../../../types";
+import { type SubIcon } from "@vibe/icon";
 import { type ColorStyle } from "../../../../types";
 export interface ColorPickerColorsGridProps extends VibeComponentProps {
     /**

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

@@ -3,7 +3,8 @@ import { BaseSizes } from "../../../../constants";
 import { ColorStyle as ColorStyleEnum, type CONTENT_COLORS_VALUES } from "../../../../utils/colors-vars-map";
 import { ColorShapes as ColorShapesEnum } from "../../ColorPickerConstants";
 import { type ColorShapes, type ColorPickerSizes, type ColorPickerValue, type ColorPickerArrayValueOnly } from "../../ColorPicker.types";
-import { type VibeComponentProps, type SubIcon } from "../../../../types";
+import { type VibeComponentProps } from "../../../../types";
+import { type SubIcon } from "@vibe/icon";
 import { type ColorStyle } from "../../../../types";
 export interface ColorPickerContentProps extends VibeComponentProps {
     /**

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

@@ -1,7 +1,8 @@
 import React from "react";
 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";
+import { type VibeComponentProps, type ElementContent, type ColorStyle } from "../../../../types";
+import { type SubIcon } from "@vibe/icon";
 export interface ColorPickerItemComponentProps extends VibeComponentProps {
     /**
      * The color value of the item.

package/dist/components/Combobox/Combobox.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
-import { type ElementContent, type SubIcon, type VibeComponentProps } from "../../types";
+import { type ElementContent, type VibeComponentProps } from "../../types";
 import { type IComboboxCategoryMap, type IComboboxOption } from "./components/ComboboxConstants";
 import { type ComboboxSizes } from "./Combobox.types";
 import type IconButton from "../IconButton/IconButton";
 import type MenuButton from "../MenuButton/MenuButton";
+import { type SubIcon } from "@vibe/icon";
 export interface ComboboxProps extends VibeComponentProps {
     /**
      * Class name applied to each option item.

package/dist/components/Combobox/components/ComboboxConstants.d.ts

@@ -1,5 +1,5 @@
-import { type SubIcon } from "../../../types";
 import type React from "react";
+import { type SubIcon } from "@vibe/icon";
 import type { TooltipProps } from "../../Tooltip/Tooltip";
 export declare const COMBOBOX_DIVIDER_ITEM = "combobox-divider";
 export declare const COMBOBOX_CATEGORY_ITEM = "combobox-category";

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

@@ -1,7 +1,7 @@
 import type React from "react";
 import { type LinkProps } from "../Link/Link";
 import { type VibeComponentProps } from "src/types";
-import { type ButtonProps, type ButtonType } from "../Button";
+import { type ButtonProps, type ButtonType } from "@vibe/button";
 export type EmptyStateLayout = "default" | "compact";
 export interface EmptyStateProps extends VibeComponentProps {
     /** Optional title for the empty state */

package/dist/components/IconButton/IconButton.d.ts

@@ -1,8 +1,9 @@
 import React, { type AriaAttributes } from "react";
 import { type TooltipProps } from "../Tooltip/Tooltip";
+import { type SubIcon } from "@vibe/icon";
 import { type Size } from "./services/IconButton-helpers";
-import { type SubIcon, type VibeComponentProps } from "../../types";
-import { type ButtonColor, type ButtonType } from "../Button";
+import { type VibeComponentProps } from "../../types";
+import { type ButtonColor, type ButtonType } from "@vibe/button";
 export interface IconButtonProps extends VibeComponentProps {
     /**
      * Callback fired when the button is clicked.
@@ -109,7 +110,7 @@ declare const _default: React.ForwardRefExoticComponent<IconButtonProps & React.
         readonly XXS: "xxs";
         readonly XS: "xs";
     };
-    kinds: typeof import("../Button/ButtonConstants").ButtonType;
-    colors: typeof import("../Button/ButtonConstants").ButtonColor;
+    kinds: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonType;
+    colors: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonColor;
 };
 export default _default;

package/dist/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { type SubIcon, type ElementContent, type VibeComponentProps } from "../../../types";
+import { type SubIcon } from "@vibe/icon";
+import { type ElementContent, type VibeComponentProps } from "../../../types";
 interface BaseLegacyModalHeaderProps extends VibeComponentProps {
     /**
      * Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links

package/dist/components/Link/Link.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import { type SubIcon } from "@vibe/icon";
 import { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from "./LinkConsts";
 import { type LinkColor, type LinkIconPosition, type LinkTarget } from "./Link.types";
-import { type SubIcon, type VibeComponentProps } from "../../types";
+import { type VibeComponentProps } from "../../types";
 export interface LinkProps extends VibeComponentProps {
     /**
      * Class name applied to the link text.

package/dist/components/ListItemIcon/ListItemIcon.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
+import { type SubIcon } from "@vibe/icon";
 import { ListItemIconMargin as ListItemIconMarginEnum } from "./ListItemIconConstants";
 import { ListItemComponentType as ListItemComponentTypeEnum } from "../ListItem/ListItemConstants";
 import { type ListItemElement } from "../ListItem";
-import { type SubIcon, type VibeComponentProps } from "../../types";
+import { type VibeComponentProps } from "../../types";
 import { type ListItemIconMargin } from "./ListItemIcon.types";
 export declare const LIST_ITEM_ICON_SIZE = 18;
 export interface ListItemIconProps extends VibeComponentProps {

package/dist/components/Menu/MenuItem/MenuItem.d.ts

@@ -1,7 +1,7 @@
 import React, { type AriaAttributes, type ReactElement } from "react";
 import { type TooltipProps } from "../../../components/Tooltip/Tooltip";
-import { type SubIcon, type VibeComponentProps } from "../../../types";
-import { type IconType } from "../../Icon";
+import { type IconType, type SubIcon } from "@vibe/icon";
+import { type VibeComponentProps } from "../../../types";
 import { type CloseMenuOption, type MenuChild } from "../Menu/MenuConstants";
 import Label from "../../Label/Label";
 import { type TooltipPositions } from "../../Tooltip/Tooltip.types";
@@ -151,7 +151,7 @@ export interface MenuItemTitleComponentProps extends Omit<MenuItemProps, "title"
     "aria-label": NonNullable<AriaAttributes["aria-label"]>;
 }
 declare const _default: React.ForwardRefExoticComponent<(MenuItemProps | MenuItemTitleComponentProps) & React.RefAttributes<HTMLElement>> & {
-    iconType: typeof import("../../Icon/IconConstants").IconType;
+    iconType: typeof import("@vibe/icon/dist/Icon/constants").IconTypeEnum;
     tooltipPositions: typeof TooltipPositionsEnum;
 };
 export default _default;

package/dist/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.types.d.ts

@@ -1,5 +1,4 @@
-import { type SubIcon } from "../../../../../types";
-import { type IconType } from "../../../../Icon";
+import { type IconType, type SubIcon } from "@vibe/icon";
 export interface MenuItemIconProps {
     /**
      * The icon to be displayed. Can be a string or an icon component.

package/dist/components/Menu/MenuItemButton/MenuItemButton.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
-import { type ButtonType } from "../../Button";
-import { type SubIcon, type VibeComponentProps, type ElementContent } from "../../../types";
+import { type ButtonType } from "@vibe/button";
+import { type VibeComponentProps, type ElementContent } from "../../../types";
+import { type SubIcon } from "@vibe/icon";
 import { type TooltipPositions } from "../../Tooltip";
 import { TooltipPositions as TooltipPositionsEnum } from "../../Tooltip/TooltipConstants";
 export interface MenuItemButtonProps extends VibeComponentProps {
@@ -74,7 +75,7 @@ export interface MenuItemButtonProps extends VibeComponentProps {
     children?: ElementContent | ElementContent[];
 }
 declare const _default: React.FC<MenuItemButtonProps> & {
-    kinds: typeof import("../../Button/ButtonConstants").ButtonType;
+    kinds: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonType;
     tooltipPositions: typeof TooltipPositionsEnum;
 };
 export default _default;

package/dist/components/Modal/ModalHeader/ModalHeader.types.d.ts

@@ -1,5 +1,6 @@
 import type React from "react";
-import { type SubIcon, type VibeComponentProps } from "../../../types";
+import { type VibeComponentProps } from "../../../types";
+import { type SubIcon } from "@vibe/icon";
 interface WithoutDescription {
     description?: never;
     descriptionIcon?: never;

package/dist/components/Modal/ModalTopActions/ModalTopActions.types.d.ts

@@ -1,7 +1,7 @@
 import type React from "react";
 import type MenuButton from "../../MenuButton/MenuButton";
 import type IconButton from "../../IconButton/IconButton";
-import { type ButtonColor } from "../../Button";
+import { type ButtonColor } from "@vibe/button";
 export type ModalTopActionsTheme = "light" | "dark";
 export type ModalTopActionsButtonColor = Extract<ButtonColor, "primary" | "fixed-light" | "fixed-dark">;
 export interface ModalTopActionsProps {

package/dist/components/Modal/footers/ModalFooterBase/ModalFooterBase.types.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from "../../../Button";
+import { type ButtonProps } from "@vibe/button";
 import type React from "react";
 import { type VibeComponentProps } from "../../../../types";
 import { type TooltipProps } from "../../../Tooltip";

package/dist/components/Modal/footers/utils/getPropsForButton.d.ts

@@ -32,7 +32,7 @@ export declare function getPropsForButton(button?: ModalFooterActionProps, butto
         zIndex?: number;
         title?: string;
         image?: string;
-        icon?: import("../../../..").SubIcon;
+        icon?: import("@vibe/icon").SubIcon;
         maxWidth?: number;
         dir?: "ltr" | "rtl" | "auto";
         className?: string;
@@ -47,13 +47,13 @@ export declare function getPropsForButton(button?: ModalFooterActionProps, butto
     onMouseDown?: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     blurOnMouseUp?: boolean;
     name?: string;
-    color?: import("../../..").ButtonColor;
-    type?: import("../../..").ButtonInputType;
+    color?: import("@vibe/button").ButtonColor;
+    type?: import("@vibe/button").ButtonInputType;
     disabled?: boolean;
-    rightIcon?: import("../../../..").SubIcon;
-    leftIcon?: import("../../../..").SubIcon;
+    rightIcon?: import("@vibe/icon").SubIcon;
+    leftIcon?: import("@vibe/icon").SubIcon;
     success?: boolean;
-    successIcon?: import("../../../..").SubIcon;
+    successIcon?: import("@vibe/icon").SubIcon;
     successText?: string;
     loading?: boolean;
     loaderClassName?: string;

package/dist/components/MultiStepIndicator/MultiStepIndicator.d.ts

@@ -1,7 +1,8 @@
 import React from "react";
+import { type SubIcon } from "@vibe/icon";
 import { MultiStepType as MultiStepTypeEnum, Size as SizeEnum, StepStatus as StepStatusEnum, TextPlacement as TextPlacementEnum } from "./MultiStepConstants";
 import { type MultiStepType, type MultiStepSize, type TextPlacement, type Step } from "./MultiStep.types";
-import { type SubIcon, type VibeComponentProps } from "../../types";
+import { type VibeComponentProps } from "../../types";
 export interface MultiStepIndicatorProps extends VibeComponentProps {
     /**
      * The list of steps in the multi-step indicator.

package/dist/components/MultiStepIndicator/components/StepIndicator/StepIndicator.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { type MultiStepSize, type MultiStepType, type StepStatus } from "../../MultiStep.types";
-import { type SubIcon, type VibeComponentProps } from "../../../../types";
+import { type VibeComponentProps } from "../../../../types";
+import { type SubIcon } from "@vibe/icon";
 export interface StepCircleDisplayProps {
     /**
      * The status of the step.

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

@@ -1,5 +1,5 @@
 import { type InputHTMLAttributes } from "react";
-import type { SubIcon } from "../../types";
+import { type SubIcon } from "@vibe/icon";
 import type VibeComponentProps from "../../types/VibeComponentProps";
 import { type FormElementProps } from "../../types/FormElement";
 type NumberFieldNativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "value" | "onChange" | "disabled" | "readOnly" | "id" | "type" | "inputMode" | "role" | "aria-valuenow" | "aria-valuemin" | "aria-valuemax" | "aria-required" | "aria-invalid" | "min" | "max" | "step">;

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

@@ -1,5 +1,6 @@
 import type React from "react";
-import { type SubIcon, type VibeComponentProps } from "../../types";
+import { type VibeComponentProps } from "../../types";
+import { type SubIcon } from "@vibe/icon";
 import { type InputSize } from "../BaseInput";
 import type IconButton from "../IconButton/IconButton";
 import type MenuButton from "../MenuButton/MenuButton";

package/dist/components/Slider/Slider.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactElement } from "react";
-import { type IconType } from "../Icon";
+import { type IconType } from "@vibe/icon";
 import { SliderColor as SliderColorEnum } from "./SliderConstants";
 import { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from "./Slider.types";
 export type SliderProps = {

package/dist/components/Slider/SliderConstants.d.ts

@@ -1,4 +1,4 @@
-import { type IconType } from "../Icon";
+import { type IconType } from "@vibe/icon";
 import { type ReactElement } from "react";
 import { type SliderSize, type SliderColor as SliderColorType, type SliderLabelPosition, type SliderLabelColor } from "./Slider.types";
 export declare const BEM_PREFIX = "monday";

package/dist/components/Slider/SliderContext.d.ts

@@ -1,7 +1,7 @@
 import React, { type ReactElement } from "react";
 import { type SliderProps } from "./Slider";
 import { type SliderContextActions, type SliderContextInfix, type SliderContextSelection, type SliderContextUI } from "./SliderConstants";
-import { type IconType } from "../Icon";
+import { type IconType } from "@vibe/icon";
 export interface SliderProviderProps extends SliderProps {
     /**
      * The child elements inside the slider provider.

package/dist/components/SplitButton/SplitButton.d.ts

@@ -1,6 +1,6 @@
 import React, { type ReactElement } from "react";
 import { type SplitButtonSecondaryContentPositionType } from "./SplitButtonConstants";
-import { type ButtonProps } from "../Button/Button";
+import { type ButtonProps } from "@vibe/button";
 import { type DialogSize } from "../Dialog";
 export interface SplitButtonProps extends ButtonProps {
     /**
@@ -58,9 +58,9 @@ declare const _default: React.FC<SplitButtonProps> & {
         readonly XXS: "xxs";
         readonly XS: "xs";
     };
-    colors: typeof import("../Button/ButtonConstants").ButtonColor;
-    kinds: typeof import("../Button/ButtonConstants").ButtonType;
-    inputTags: typeof import("../Button/ButtonConstants").ButtonInputType;
+    colors: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonColor;
+    kinds: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonType;
+    inputTags: typeof import("@vibe/button/dist/Button/ButtonConstants").ButtonInputType;
     dialogPaddingSizes: typeof import("../Dialog/DialogConstants").DialogSize;
 };
 export default _default;

package/dist/components/Steps/Steps.d.ts

@@ -1,7 +1,7 @@
 import React, { type ReactElement } from "react";
 import { StepsColor as StepsColorEnum, StepsType as StepsTypeEnum } from "./StepsConstants";
 import { type StepsColor, type StepsType } from "./Steps.types";
-import { type ButtonProps } from "../Button";
+import { type ButtonProps } from "@vibe/button";
 import { type VibeComponentProps } from "../../types";
 export interface StepsProps extends VibeComponentProps {
     /**

package/dist/components/Steps/StepsCommand.d.ts

@@ -1,5 +1,5 @@
 import React, { type FC } from "react";
-import { type ButtonProps } from "../../components/Button/Button";
+import { type ButtonProps } from "@vibe/button";
 import { type StepsColor } from "./Steps.types";
 import type VibeComponentProps from "../../types/VibeComponentProps";
 export interface StepsCommandProps extends VibeComponentProps {

package/dist/components/Steps/StepsHeader.d.ts

@@ -1,7 +1,7 @@
 import React, { type FC } from "react";
 import { type StepsType, type StepsColor } from "./Steps.types";
 import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type ButtonProps } from "../Button/Button";
+import { type ButtonProps } from "@vibe/button";
 export interface StepsHeaderProps extends VibeComponentProps {
     /**
      * The type of steps header.

package/dist/components/Table/Table/Table.d.ts

@@ -1,9 +1,10 @@
 import React, { type ReactElement } from "react";
-import { type SubIcon, type VibeComponentProps } from "../../../types";
+import { type VibeComponentProps } from "../../../types";
 import { type TableHeaderProps } from "../TableHeader/TableHeader";
 import { type TableBodyProps } from "../TableBody/TableBody";
 import { RowSizes as RowSizesEnum } from "./TableConsts";
 import { type RowSizes } from "./Table.types";
+import { type SubIcon } from "@vibe/icon";
 export type TableLoadingStateType = "long-text" | "medium-text" | "circle" | "rectangle";
 type Width = number | `${number}%` | `${number}px` | `${number}fr`;
 export interface TableColumn {

package/dist/components/Table/TableHeaderCell/TableHeaderCell.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { type SubIcon, type VibeComponentProps } from "../../../types";
+import { type VibeComponentProps } from "../../../types";
+import { type SubIcon } from "@vibe/icon";
 export interface TableHeaderCellProps extends VibeComponentProps {
     /**
      * The title of the column, displayed inside the header cell.

package/dist/components/Tabs/Tab/Tab.d.ts

@@ -1,7 +1,6 @@
 import { type FC, type ReactElement } from "react";
+import { type IconType, type SubIcon } from "@vibe/icon";
 import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type IconType } from "../../Icon";
-import { type SubIcon } from "../../../types/SubIcon";
 import { type TooltipProps } from "../../Tooltip/Tooltip";
 export interface TabProps extends VibeComponentProps {
     /**

package/dist/components/Tipseen/TipseenContent.d.ts

@@ -1,7 +1,7 @@
 import React, { type FC } from "react";
 import { type VibeComponentProps } from "../../types";
 import { type ElementContent } from "../../types/ElementContent";
-import { type SubIcon } from "../../types";
+import { type SubIcon } from "@vibe/icon";
 export interface TipseenContentProps extends VibeComponentProps {
     /**
      * The title text displayed in the Tipseen content.

package/dist/components/Toast/Toast.d.ts

@@ -1,5 +1,5 @@
 import React, { type ReactElement } from "react";
-import { type IconSubComponentProps } from "../Icon/Icon";
+import { type IconSubComponentProps } from "@vibe/icon";
 import { ToastActionType as ToastActionTypeEnum, ToastType as ToastTypeEnum } from "./ToastConstants";
 import { type ToastType, type ToastAction } from "./Toast.types";
 import { type VibeComponentProps } from "../../types";

package/dist/components/Toast/ToastButton/ToastButton.d.ts

@@ -1,4 +1,4 @@
-import { type ButtonProps } from "../../Button/Button";
+import { type ButtonProps } from "@vibe/button";
 import { type FC } from "react";
 export type ToastButtonProps = ButtonProps;
 declare const ToastButton: FC<ToastButtonProps>;

package/dist/components/Toast/ToastHelpers.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-import { type IconSubComponentProps } from "../Icon/Icon";
+import { type IconSubComponentProps } from "@vibe/icon";
 import { type ToastType } from "./Toast.types";
 export declare const getIcon: (type: ToastType, icon: string | React.FC<IconSubComponentProps> | null) => React.JSX.Element;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -6,7 +6,7 @@ import type VibeComponentProps from "../../types/VibeComponentProps";
 import { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from "./TooltipConstants";
 import { type ElementContent } from "../../types/ElementContent";
 import { type MoveBy } from "../../types/MoveBy";
-import { type SubIcon } from "../../types";
+import { type SubIcon } from "@vibe/icon";
 import { type TooltipPositions, type TooltipTheme } from "./Tooltip.types";
 export type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps);
 interface TooltipWithoutChildrenProps {

package/dist/components/button/dist/Button/Button.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o,useRef as a,useEffect as i,useCallback as s,useMemo as r}from"react";import{camelCase as n}from"es-toolkit";import l from"classnames";import{ButtonColor as c,ButtonType as d,ButtonInputType as u}from"./ButtonConstants.js";import{getParentBackgroundColorNotTransparent as m,TRANSPARENT_COLOR as p}from"./helper/dom-helpers.js";import f from"./Button.module.scss.js";import{useButtonLoading as v}from"./helper/useButtonLoading.js";import{SIZES as g}from"../../../../packages/shared/dist/constants/sizes.js";import{getStyle as y}from"../../../../packages/shared/dist/utils/typesciptCssModulesHelper.js";import h from"../../../icon/dist/Icon/Icon.js";import b from"../../../loader/dist/Loader/Loader.js";import{NOOP as k}from"../../../../packages/shared/dist/utils/function-utils.js";import{withStaticProps as j}from"../../../../packages/shared/dist/types/withStaticProps.js";import{useMergeRef as N}from"../../../../packages/shared/dist/hooks/useMergeRef.js";import{getTestId as B}from"../../../../packages/shared/dist/tests/test-ids-utils.js";import{ComponentDefaultTestId as C,ComponentVibeId as T}from"../../../../packages/shared/dist/tests/constants.js";var E=j(o((function(o,c){var d=o.className,u=o.children,g=o.kind,j=void 0===g?"primary":g,E=o.onClick,x=void 0===E?k:E,F=o.name,S=o.size,I=void 0===S?"medium":S,P=o.color,L=void 0===P?"primary":P,O=o.disabled,z=void 0!==O&&O,M=o.rightIcon,R=void 0===M?null:M,A=o.leftIcon,w=void 0===A?null:A,D=o.success,U=void 0!==D&&D,H=o.successText,_=void 0===H?"":H,q=o.successIcon,G=void 0===q?null:q,J=o.style,K=o.loading,Q=void 0!==K&&K,V=o.loaderClassName,W=o.active,X=void 0!==W&&W,Y=o.activeButtonClassName,Z=o.id,$=o.marginRight,ee=void 0!==$&&$,te=o.marginLeft,oe=void 0!==te&&te,ae=o.type,ie=void 0===ae?"button":ae,se=o.onMouseDown,re=void 0===se?k:se,ne=o.ariaLabel,le=o.rightFlat,ce=void 0!==le&&le,de=o.leftFlat,ue=void 0!==de&&de,me=o.preventClickAnimation,pe=void 0!==me&&me,fe=o.noSidePadding,ve=void 0!==fe&&fe,ge=o.onFocus,ye=void 0===ge?k:ge,he=o.onBlur,be=void 0===he?k:he,ke=o.ariaLabeledBy,je=o.defaultTextColorOnPrimaryColor,Ne=void 0===je?p:je,Be=o.ariaHasPopup,Ce=o.ariaExpanded,Te=o.ariaControls,Ee=o["aria-describedby"],xe=o["aria-hidden"],Fe=o["aria-pressed"],Se=o.blurOnMouseUp,Ie=void 0===Se||Se,Pe=o["data-testid"],Le=o.insetFocus,Oe=void 0!==Le&&Le,ze=o.tabIndex,Me=a(null),Re=N(c,Me),Ae=v({isLoading:Q}).loading;i((function(){if(("on-primary-color"===L||"fixed-light"===L)&&"primary"===j&&Me.current){var e=Me.current;e.style.color=m(e,Ne)}}),[j,Me,L,Ne]);var we=s((function(){var e=Me.current;!z&&e&&Ie&&e.blur()}),[z,Me,Ie]),De=s((function(e){z||Ae||U?e.preventDefault():x&&x(e)}),[x,z,Ae,U]),Ue=s((function(e){z||Ae||U?e.preventDefault():re&&re(e)}),[re,z,Ae,U]),He=r((function(){var t,o=U?"positive":L;return l(d,f.button,y(f,n("size-"+I)),y(f,n("kind-"+j)),y(f,n("color-"+o)),(e(e(e(e(e(e(e(e(e(e(t={},f.success,U),y(f,n("color-"+o+"-active")),X),Y,X),f.marginRight,ee),f.marginLeft,oe),f.rightFlat,ce),f.leftFlat,ue),f.preventClickAnimation,pe),f.noSidePadding,ve),f.disabled,z),e(t,f.insetFocusStyle,Oe)))}),[U,L,d,I,j,X,Y,ee,oe,ce,ue,pe,ve,z,Oe]),_e=r((function(){return{ref:Re,type:ie,className:He,name:F,onMouseUp:we,style:J,onClick:De,id:Z,onFocus:ye,onBlur:be,tabIndex:z||xe?-1:ze,"data-testid":Pe||B(C.BUTTON,Z),"data-vibe":T.BUTTON,onMouseDown:Ue,"aria-disabled":z,"aria-busy":Ae,"aria-labelledby":ke,"aria-label":ne,"aria-haspopup":Be,"aria-expanded":Ce,"aria-controls":Te,"aria-describedby":Ee,"aria-hidden":xe,"aria-pressed":Fe}}),[Re,ie,He,F,we,J,De,Z,ye,be,ze,Pe,Ue,z,Ae,ke,ne,Be,Ce,Te,Ee,xe,Fe]),qe=s((function(e){if("function"==typeof e)switch(I){case"xxs":case"xs":return 16;default:return 20}}),[I]),Ge=r((function(){return t.Children.toArray(u).some(Boolean)}),[u]),Je=r((function(){return t.createElement(t.Fragment,null,w?t.createElement(h,{iconType:"font",icon:w,iconSize:qe(w),className:l(e({},f.leftIcon,Ge)),ignoreFocusStyle:!0}):null,u,R?t.createElement(h,{iconType:"font",icon:R,iconSize:qe(R),className:l(e({},f.rightIcon,Ge)),ignoreFocusStyle:!0}):null)}),[u,Ge,qe,w,R]);return Ae?t.createElement("button",Object.assign({},_e,{key:Z+"-loading"}),t.createElement("span",{className:l(f.loader,V)},t.createElement(b,{className:f.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:f.textPlaceholder},Je))):U?t.createElement("button",Object.assign({},_e,{key:Z+"-success"}),t.createElement("span",{className:f.successContent},G?t.createElement(h,{iconType:"font",icon:G,iconSize:qe(G),className:l(e({},f.leftIcon,!!_)),ignoreFocusStyle:!0}):null,_),t.createElement("span",{"aria-hidden":"true",className:f.textPlaceholder},Je)):t.createElement("button",Object.assign({},_e,{key:Z+"-button"}),Je)})),{sizes:g,colors:c,kinds:d,types:u,inputTags:u});export{E as default};
+//# sourceMappingURL=Button.js.map