@bitrise/bitkit-v2 0.3.237 → 0.3.238

package/dist/components/BitkitActionBar/BitkitActionBar.d.ts

@@ -5,5 +5,5 @@ export interface BitkitActionBarProps extends ActionBarRootProps {
     countValue: number;
     onClose?: () => void;
 }
-declare const BitkitActionBar: (props: BitkitActionBarProps) => import("react/jsx-runtime").JSX.Element;
+declare const BitkitActionBar: (props: BitkitActionBarProps) => import("react").JSX.Element;
 export default BitkitActionBar;

package/dist/components/BitkitActionMenu/BitkitActionMenu.d.ts

@@ -28,11 +28,11 @@ export interface BitkitMenuGroupProps extends MenuItemGroupProps {
 }
 declare const BitkitActionMenu: {
     Root: {
-        ({ trigger, children, ...props }: BitkitMenuRootProps): import("react/jsx-runtime").JSX.Element;
+        ({ trigger, children, ...props }: BitkitMenuRootProps): import("react").JSX.Element;
         displayName: string;
     };
     Separator: {
-        (): import("react/jsx-runtime").JSX.Element;
+        (): import("react").JSX.Element;
         displayName: string;
     };
     Item: import('react').ForwardRefExoticComponent<BitkitMenuItemProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/BitkitAlert/BitkitAlert.d.ts

@@ -12,5 +12,5 @@ export interface BitkitAlertProps extends AlertRootProps {
     titleText?: ReactNode;
     variant: AlertVariants;
 }
-declare const BitkitAlert: (props: BitkitAlertProps) => import("react/jsx-runtime").JSX.Element;
+declare const BitkitAlert: (props: BitkitAlertProps) => import("react").JSX.Element;
 export default BitkitAlert;

package/dist/components/BitkitBreadcrumb/BitkitBreadcrumb.d.ts

@@ -13,7 +13,7 @@ declare const BitkitBreadcrumb: import('react').ForwardRefExoticComponent<Omit<B
     CurrentItem: import('react').ForwardRefExoticComponent<CurrentItemProps & import('react').RefAttributes<HTMLElement>>;
     Item: import('react').ForwardRefExoticComponent<ItemProps & import('react').RefAttributes<HTMLAnchorElement>>;
     OverflowMenu: {
-        ({ children }: OverflowMenuProps): import("react/jsx-runtime").JSX.Element;
+        ({ children }: OverflowMenuProps): import("react").JSX.Element;
         displayName: string;
     };
     OverflowMenuItem: import('react').ForwardRefExoticComponent<ItemProps & import('react').RefAttributes<HTMLAnchorElement>>;

package/dist/components/BitkitBreadcrumb/components/OverflowMenu.d.ts

@@ -3,7 +3,7 @@ export type OverflowMenuProps = {
     children: ReactNode;
 };
 declare const OverflowMenu: {
-    ({ children }: OverflowMenuProps): import("react/jsx-runtime").JSX.Element;
+    ({ children }: OverflowMenuProps): import("react").JSX.Element;
     displayName: string;
 };
 export default OverflowMenu;

package/dist/components/BitkitBreadcrumb/components/OverflowMenuTrigger.d.ts

@@ -3,7 +3,7 @@ type OverflowMenuTriggerProps = {
     children?: ReactNode;
 };
 declare const OverflowMenuTrigger: {
-    ({ children }: OverflowMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+    ({ children }: OverflowMenuTriggerProps): import("react").JSX.Element;
     displayName: string;
 };
 export default OverflowMenuTrigger;

package/dist/components/BitkitCalendar/components/CalendarFooter.d.ts

@@ -2,5 +2,5 @@ type CalendarFooterProps = {
     selectionMode?: 'day' | 'range';
     showSelectedDate?: boolean;
 };
-declare const CalendarFooter: ({ selectionMode, showSelectedDate }: CalendarFooterProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const CalendarFooter: ({ selectionMode, showSelectedDate }: CalendarFooterProps) => import("react").JSX.Element | null;
 export default CalendarFooter;

package/dist/components/BitkitCalendar/components/CalendarMonth.d.ts

@@ -1,4 +1,4 @@
 declare const CalendarMonth: ({ monthsIndex }: {
     monthsIndex: number;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default CalendarMonth;

package/dist/components/BitkitCalendar/components/CalendarMonthSelect.d.ts

@@ -5,5 +5,5 @@ type CalendarMonthSelectProps = {
     min?: CalendarDate;
     max?: CalendarDate;
 };
-declare const CalendarMonthSelect: ({ offset, layout, min, max }: CalendarMonthSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarMonthSelect: ({ offset, layout, min, max }: CalendarMonthSelectProps) => import("react").JSX.Element;
 export default CalendarMonthSelect;

package/dist/components/BitkitCalendar/components/CalendarNextTrigger.d.ts

@@ -1,2 +1,2 @@
-declare const CalendarNextTrigger: () => import("react/jsx-runtime").JSX.Element;
+declare const CalendarNextTrigger: () => import("react").JSX.Element;
 export default CalendarNextTrigger;

package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.d.ts

@@ -1,2 +1,2 @@
-declare const CalendarPrevTrigger: () => import("react/jsx-runtime").JSX.Element;
+declare const CalendarPrevTrigger: () => import("react").JSX.Element;
 export default CalendarPrevTrigger;

package/dist/components/BitkitCalendar/components/CalendarSelect.d.ts

@@ -12,7 +12,7 @@ export interface BitkitSelectProps {
     value?: string[];
 }
 declare const CalendarSelect: {
-    (props: BitkitSelectProps): import("react/jsx-runtime").JSX.Element;
+    (props: BitkitSelectProps): import("react").JSX.Element;
     displayName: string;
 };
 export default CalendarSelect;

package/dist/components/BitkitCalendar/components/CalendarYearSelect.d.ts

@@ -8,5 +8,5 @@ type CalendarYearSelectProps = {
         to: number;
     };
 };
-declare const CalendarYearSelect: ({ monthOffset, max, min, yearsRange }: CalendarYearSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const CalendarYearSelect: ({ monthOffset, max, min, yearsRange }: CalendarYearSelectProps) => import("react").JSX.Element;
 export default CalendarYearSelect;

package/dist/components/BitkitCombobox/BitkitCombobox.d.ts

@@ -27,7 +27,7 @@ declare const _default: import('react').ForwardRefExoticComponent<Omit<BitkitFie
     value?: string;
 } & BitkitSelectMenuSearchProps & BitkitSelectMenuEmptyStateProps & import('react').RefAttributes<HTMLDivElement>> & {
     Action: {
-        (props: import('..').BitkitSelectMenuActionProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('..').BitkitSelectMenuActionProps): import("react").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.d.ts

@@ -12,7 +12,7 @@ export interface BitkitDefinitionTooltipProps {
     truncate?: boolean;
 }
 declare const BitkitDefinitionTooltip: {
-    ({ button, children, learnMoreTarget, learnMoreUrl, method, placement, text, textSize, truncate, }: BitkitDefinitionTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ button, children, learnMoreTarget, learnMoreUrl, method, placement, text, textSize, truncate, }: BitkitDefinitionTooltipProps): import("react").JSX.Element;
     displayName: string;
 };
 export default BitkitDefinitionTooltip;

package/dist/components/BitkitDialog/BitkitDialog.d.ts

@@ -21,21 +21,21 @@ export interface BitkitDialogProps {
     variant?: 'overflowContent';
 }
 declare const _default: {
-    ({ children, closable, headerLabel, maxHeight, onExitComplete, onOpenChange, open, preventScroll, scrollBehavior: scrollBehaviorProp, showScrollGradient, size, step, title, trigger, variant, }: BitkitDialogProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, closable, headerLabel, maxHeight, onExitComplete, onOpenChange, open, preventScroll, scrollBehavior: scrollBehaviorProp, showScrollGradient, size, step, title, trigger, variant, }: BitkitDialogProps): import("react").JSX.Element;
     displayName: string;
 } & {
     ActionTrigger: import('react').ForwardRefExoticComponent<Dialog.ActionTriggerProps & import('react').RefAttributes<HTMLButtonElement>>;
-    Body: ({ children, ...rest }: import('./BitkitDialogBody').BitkitDialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children, ...rest }: import('./BitkitDialogBody').BitkitDialogBodyProps) => import("react").JSX.Element;
     Buttons: import('react').ForwardRefExoticComponent<import('@chakra-ui/react').BoxProps & import('react').RefAttributes<HTMLDivElement>>;
-    Content: ({ maxHeight, ...inner }: import('./BitkitDialogContent').BitkitDialogContentProps) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ maxHeight, ...inner }: import('./BitkitDialogContent').BitkitDialogContentProps) => import("react").JSX.Element;
     Footer: import('react').ForwardRefExoticComponent<Dialog.FooterProps & import('react').RefAttributes<HTMLDivElement>>;
     FormContent: import('react').ForwardRefExoticComponent<import('./BitkitDialogFormContent').BitkitDialogFormContentProps & import('react').RefAttributes<HTMLFormElement>>;
     Header: {
-        ({ children }: BitkitDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+        ({ children }: BitkitDialogHeaderProps): import("react").JSX.Element;
         displayName: string;
     };
     Step: {
-        (props: import('./BitkitDialogStep').BitkitDialogStepProps): import("react/jsx-runtime").JSX.Element | null;
+        (props: import('./BitkitDialogStep').BitkitDialogStepProps): import("react").JSX.Element | null;
         displayName: string;
     };
 };

package/dist/components/BitkitDialog/BitkitDialogBody.d.ts

@@ -5,5 +5,5 @@ interface DialogBodyContext {
 }
 export type BitkitDialogBodyProps = Dialog.BodyProps;
 export declare const DialogBodyContext: import('react').Context<DialogBodyContext>;
-declare const BitkitDialogBody: ({ children, ...rest }: BitkitDialogBodyProps) => import("react/jsx-runtime").JSX.Element;
+declare const BitkitDialogBody: ({ children, ...rest }: BitkitDialogBodyProps) => import("react").JSX.Element;
 export default BitkitDialogBody;

package/dist/components/BitkitDialog/BitkitDialogContent.d.ts

@@ -10,7 +10,7 @@ interface DialogContentInnerProps {
     title: ReactNode;
     variant?: 'overflowContent';
 }
-export declare const DialogContentInner: ({ children, closable, headerLabel, scrollBehavior: scrollBehaviorProp, showScrollGradient, step, stepHeader, title, variant, }: DialogContentInnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogContentInner: ({ children, closable, headerLabel, scrollBehavior: scrollBehaviorProp, showScrollGradient, step, stepHeader, title, variant, }: DialogContentInnerProps) => import("react").JSX.Element;
 export interface BitkitDialogContentProps {
     children?: ReactNode;
     closable?: boolean;
@@ -23,5 +23,5 @@ export interface BitkitDialogContentProps {
     title: ReactNode;
     variant?: 'overflowContent';
 }
-declare const BitkitDialogContent: ({ maxHeight, ...inner }: BitkitDialogContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const BitkitDialogContent: ({ maxHeight, ...inner }: BitkitDialogContentProps) => import("react").JSX.Element;
 export default BitkitDialogContent;

package/dist/components/BitkitDialog/BitkitDialogHeader.d.ts

@@ -3,7 +3,7 @@ export interface BitkitDialogHeaderProps {
     children: ReactNode;
 }
 declare const BitkitDialogHeader: {
-    ({ children }: BitkitDialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children }: BitkitDialogHeaderProps): import("react").JSX.Element;
     displayName: string;
 };
 export default BitkitDialogHeader;

package/dist/components/BitkitDialog/BitkitDialogRoot.d.ts

@@ -2,5 +2,5 @@ import { Dialog } from '@chakra-ui/react/dialog';
 export type BitkitDialogRootProps = Dialog.RootProps & {
     variant?: 'overflowContent';
 };
-declare const BitkitDialogRoot: ({ closeOnInteractOutside, preventScroll, ...props }: BitkitDialogRootProps) => import("react/jsx-runtime").JSX.Element;
+declare const BitkitDialogRoot: ({ closeOnInteractOutside, preventScroll, ...props }: BitkitDialogRootProps) => import("react").JSX.Element;
 export default BitkitDialogRoot;

package/dist/components/BitkitDialog/BitkitDialogStep.d.ts

@@ -5,7 +5,7 @@ export interface BitkitDialogStepProps {
     title: string;
 }
 declare const BitkitDialogStep: {
-    (props: BitkitDialogStepProps): import("react/jsx-runtime").JSX.Element | null;
+    (props: BitkitDialogStepProps): import("react").JSX.Element | null;
     displayName: string;
 };
 export default BitkitDialogStep;

package/dist/components/BitkitEmptyState/BitkitEmptyState.d.ts

@@ -7,5 +7,5 @@ export interface BitkitEmptyStateProps extends EmptyStateRootProps {
     icon: BitkitIconComponent;
     loading?: boolean;
 }
-declare const BitkitEmptyState: (props: BitkitEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
+declare const BitkitEmptyState: (props: BitkitEmptyStateProps) => import("react").JSX.Element;
 export default BitkitEmptyState;

package/dist/components/BitkitExpandableCard/BitkitExpandableCard.d.ts

@@ -22,7 +22,7 @@ export type BitkitExpandableCardProps = Omit<CollapsibleRootProps, 'defaultOpen'
     title: ReactNode;
 } & (UncontrolledProps | ControlledProps);
 declare const BitkitExpandableCard: {
-    (props: BitkitExpandableCardProps): import("react/jsx-runtime").JSX.Element;
+    (props: BitkitExpandableCardProps): import("react").JSX.Element;
     displayName: string;
 };
 export default BitkitExpandableCard;

package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.d.ts

@@ -7,7 +7,7 @@ export type BitkitLabelTooltipProps = {
     text: string;
 };
 declare const BitkitLabelTooltip: {
-    ({ children, disabled, placement, text }: BitkitLabelTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, disabled, placement, text }: BitkitLabelTooltipProps): import("react").JSX.Element;
     displayName: string;
 };
 export default BitkitLabelTooltip;

package/dist/components/BitkitMultiselect/BitkitMultiselect.d.ts

@@ -33,7 +33,7 @@ declare const _default: import('react').ForwardRefExoticComponent<Omit<BitkitFie
     value?: Array<string>;
 } & BitkitSelectMenuSearchProps & BitkitSelectMenuEmptyStateProps & import('react').RefAttributes<HTMLDivElement>> & {
     Action: {
-        (props: import('..').BitkitSelectMenuActionProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('..').BitkitSelectMenuActionProps): import("react").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/BitkitOverflowTooltip/BitkitOverflowTooltip.d.ts

@@ -7,7 +7,7 @@ export type BitkitOverflowTooltipProps = {
     text: string;
 };
 declare const BitkitOverflowTooltip: {
-    ({ children, disabled, placement, text }: BitkitOverflowTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, disabled, placement, text }: BitkitOverflowTooltipProps): import("react").JSX.Element;
     displayName: string;
 };
 export default BitkitOverflowTooltip;

package/dist/components/BitkitSelect/BitkitSelect.d.ts

@@ -30,7 +30,7 @@ declare const _default: import('react').ForwardRefExoticComponent<Omit<BitkitFie
     value?: string;
 } & BitkitSelectMenuSearchProps & BitkitSelectMenuEmptyStateProps & import('react').RefAttributes<HTMLDivElement>> & {
     Action: {
-        (props: import('../index.ts').BitkitSelectMenuActionProps): import("react/jsx-runtime").JSX.Element;
+        (props: import('../index.ts').BitkitSelectMenuActionProps): import("react").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/BitkitSelectMenu/BitkitSelectMenuAction.d.ts

@@ -26,7 +26,7 @@ type SelectMenuShellContext = {
 declare const SelectMenuShellContextProvider: import('react').Provider<SelectMenuShellContext>;
 export { SelectMenuShellContextProvider };
 declare const BitkitSelectMenuAction: {
-    (props: BitkitSelectMenuActionProps): import("react/jsx-runtime").JSX.Element;
+    (props: BitkitSelectMenuActionProps): import("react").JSX.Element;
     displayName: string;
 };
 export default BitkitSelectMenuAction;

package/dist/components/BitkitSelectMenu/SelectMenuShell.d.ts

@@ -29,4 +29,4 @@ export type SelectMenuShellProps<T extends {
 export declare const SelectMenuShell: <T extends {
     value: string;
     group?: string;
-}>({ NS, children, collection, contentProps, contentRef, emptyHelperText, emptyLabel, iconSize, isLoading, onSearchChange, renderItem, searchValue, size, styles, }: SelectMenuShellProps<T>) => import("react/jsx-runtime").JSX.Element;
+}>({ NS, children, collection, contentProps, contentRef, emptyHelperText, emptyLabel, iconSize, isLoading, onSearchChange, renderItem, searchValue, size, styles, }: SelectMenuShellProps<T>) => import("react").JSX.Element;

package/dist/components/BitkitSplitButton/BitkitSplitButton.d.ts

@@ -21,7 +21,7 @@ declare const _default: import('react').ForwardRefExoticComponent<Omit<GroupProp
     Group: import('react').ForwardRefExoticComponent<import('..').BitkitMenuGroupProps & import('react').RefAttributes<HTMLDivElement>>;
     Item: import('react').ForwardRefExoticComponent<import('..').BitkitMenuItemProps & import('react').RefAttributes<HTMLElement>>;
     Separator: {
-        (): import("react/jsx-runtime").JSX.Element;
+        (): import("react").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/BitkitStepsCard/BitkitStepsCard.d.ts

@@ -23,7 +23,7 @@ declare const _default: import('react').ForwardRefExoticComponent<BitkitStepsCar
     Footer: import('react').ForwardRefExoticComponent<BitkitStepsCardFooterProps & import('react').RefAttributes<HTMLDivElement>>;
     Header: import('react').ForwardRefExoticComponent<BitkitStepsCardHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
     Step: {
-        (props: BitkitStepsCardStepProps): import("react/jsx-runtime").JSX.Element | null;
+        (props: BitkitStepsCardStepProps): import("react").JSX.Element | null;
         displayName: string;
     };
 };

package/dist/components/BitkitSwitch/components/BitkitSwitchHelperText.d.ts

@@ -1,3 +1,3 @@
 import { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';
-declare const BitkitSwitchHelperText: ({ state, helperText }: Pick<BitkitSwitchDynamicTextProps, "state" | "helperText">) => import("react/jsx-runtime").JSX.Element | null;
+declare const BitkitSwitchHelperText: ({ state, helperText }: Pick<BitkitSwitchDynamicTextProps, "state" | "helperText">) => import("react").JSX.Element | null;
 export default BitkitSwitchHelperText;

package/dist/components/BitkitSwitch/components/BitkitSwitchLabel.d.ts

@@ -1,3 +1,3 @@
 import { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';
-declare const BitkitSwitchLabel: ({ label, state, tooltip, optional, }: Pick<BitkitSwitchDynamicTextProps, "label" | "state" | "tooltip" | "optional">) => import("react/jsx-runtime").JSX.Element | null;
+declare const BitkitSwitchLabel: ({ label, state, tooltip, optional, }: Pick<BitkitSwitchDynamicTextProps, "label" | "state" | "tooltip" | "optional">) => import("react").JSX.Element | null;
 export default BitkitSwitchLabel;

package/dist/components/BitkitSwitch/components/BitkitSwitchReadOnly.d.ts

@@ -1,4 +1,4 @@
 import { BitkitSwitchProps } from '../BitkitSwitch.types';
 type Props = Pick<BitkitSwitchProps, 'state' | 'children'>;
-declare const BitkitSwitchReadOnly: ({ state, children }: Props) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+declare const BitkitSwitchReadOnly: ({ state, children }: Props) => string | number | boolean | Iterable<import('react').ReactNode> | import("react").JSX.Element | null | undefined;
 export default BitkitSwitchReadOnly;

package/dist/components/BitkitSwitch/components/BitkitSwitchValueText.d.ts

@@ -1,3 +1,3 @@
 import { BitkitSwitchDynamicTextProps } from '../BitkitSwitch.types';
-declare const BitkitSwitchValueText: ({ size, state, valueText, }: Pick<BitkitSwitchDynamicTextProps, "size" | "state" | "valueText">) => import("react/jsx-runtime").JSX.Element | null;
+declare const BitkitSwitchValueText: ({ size, state, valueText, }: Pick<BitkitSwitchDynamicTextProps, "size" | "state" | "valueText">) => import("react").JSX.Element | null;
 export default BitkitSwitchValueText;

package/dist/components/BitkitTabs/BitkitTabs.d.ts

@@ -5,8 +5,12 @@ export declare const RootPropsProvider: import('react').Provider<Tabs.RootProps>
 declare const Root: import('react').ForwardRefExoticComponent<Tabs.RootProps & import('react').RefAttributes<HTMLDivElement>>;
 declare const Trigger: import('react').ForwardRefExoticComponent<Tabs.TriggerProps & {
     badge?: ReactNode;
+    /** Shows a "changed" indicator dot. When hovered (and `onClose` is set), the close button replaces it. */
+    changed?: boolean;
     children?: string;
     icon?: BitkitIconComponent;
+    /** When provided, a close button reveals on hover and calls this handler when clicked. */
+    onClose?: () => void;
     secondaryText?: ReactNode;
 } & import('react').RefAttributes<HTMLButtonElement>>;
 declare const BitkitTabs: Omit<typeof Tabs, 'Root' | 'Trigger'> & {

package/dist/components/BitkitTabs/BitkitTabs.js

@@ -1,4 +1,6 @@
+import IconCross from "../../icons/IconCross.js";
 import { Box } from "@chakra-ui/react/box";
+import { chakra, useRecipe } from "@chakra-ui/react/styled-system";
 import { Text } from "@chakra-ui/react/text";
 import { forwardRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -21,25 +23,101 @@ var Root = forwardRef((props, ref) => {
 });
 Root.displayName = "BitkitTabs.Root";
 var Trigger = forwardRef((props, ref) => {
-	const { badge, children, icon: Icon, secondaryText, ...rest } = props;
+	const { badge, changed, children, className, icon: Icon, onClose, onKeyDown, secondaryText, ...rest } = props;
 	const { variant } = useRootPropsContext();
+	const closeButtonRecipe = useRecipe({ key: "closeButton" });
+	const closable = !!onClose && !rest.disabled;
+	const showTrailing = (closable || changed) && !rest.disabled;
+	const mergedClassName = showTrailing ? className ? `group ${className}` : "group" : className;
+	const revealCloseOnInteraction = closable && !!changed;
+	const revealOnInteraction = {
+		opacity: 1,
+		pointerEvents: "auto"
+	};
+	const handleCloseClick = (event) => {
+		event.stopPropagation();
+		event.preventDefault();
+		onClose?.();
+	};
+	const handleTriggerKeyDown = (event) => {
+		if (closable && (event.key === "Delete" || event.key === "Backspace")) {
+			event.preventDefault();
+			const trigger = event.currentTarget;
+			const triggers = [...trigger.closest("[role=\"tablist\"]")?.querySelectorAll("[role=\"tab\"]") ?? []];
+			const index = triggers.indexOf(trigger);
+			(triggers[index + 1] ?? triggers[index - 1])?.focus();
+			onClose?.();
+		}
+		onKeyDown?.(event);
+	};
+	const trailing = showTrailing ? /* @__PURE__ */ jsxs(chakra.span, {
+		position: "relative",
+		display: "flex",
+		alignItems: "center",
+		justifyContent: "center",
+		boxSize: "24",
+		flexShrink: 0,
+		children: [changed && /* @__PURE__ */ jsx(chakra.span, {
+			position: "absolute",
+			inset: 0,
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "center",
+			pointerEvents: "none",
+			transition: "opacity 0.1s",
+			_groupHover: closable ? { opacity: 0 } : void 0,
+			_groupFocusWithin: closable ? { opacity: 0 } : void 0,
+			children: /* @__PURE__ */ jsx(chakra.span, {
+				boxSize: "8",
+				borderRadius: "full",
+				backgroundColor: "interactive/bold"
+			})
+		}), closable && /* @__PURE__ */ jsx(chakra.span, {
+			"aria-hidden": true,
+			tabIndex: -1,
+			onClick: handleCloseClick,
+			css: closeButtonRecipe({ size: "xs" }),
+			position: "absolute",
+			inset: 0,
+			color: "icon/primary",
+			opacity: revealCloseOnInteraction ? 0 : 1,
+			pointerEvents: revealCloseOnInteraction ? "none" : "auto",
+			transition: "opacity 0.1s",
+			_groupHover: revealCloseOnInteraction ? revealOnInteraction : void 0,
+			_groupFocusWithin: revealCloseOnInteraction ? revealOnInteraction : void 0,
+			children: /* @__PURE__ */ jsx(IconCross, { size: "16" })
+		})]
+	}) : null;
 	return /* @__PURE__ */ jsx(Tabs.Trigger, {
 		ref,
 		...rest,
-		children: variant === "line" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-			Icon && /* @__PURE__ */ jsx(Icon, { size: "24" }),
-			children,
-			badge
-		] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Box, {
+		className: mergedClassName,
+		gap: showTrailing ? "12" : void 0,
+		onKeyDown: handleTriggerKeyDown,
+		paddingInlineEnd: showTrailing ? "12" : void 0,
+		children: variant === "line" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Box, {
 			display: "flex",
-			gap: "16",
-			children: [children, Icon && /* @__PURE__ */ jsx(Icon, { size: "24" })]
-		}), !!secondaryText && /* @__PURE__ */ jsx(Text, {
-			as: "span",
-			textStyle: "body/md/regular",
-			color: rest.disabled ? "text/on-disabled" : "text/secondary",
-			children: secondaryText
-		})] })
+			alignItems: "center",
+			gap: "8",
+			children: [
+				Icon && /* @__PURE__ */ jsx(Icon, { size: "24" }),
+				children,
+				badge
+			]
+		}), trailing] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsxs(Box, {
+				display: "flex",
+				gap: "16",
+				children: [children, Icon && /* @__PURE__ */ jsx(Icon, { size: "24" })]
+			}),
+			!!secondaryText && /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				textStyle: "body/md/regular",
+				color: rest.disabled ? "text/on-disabled" : "text/secondary",
+				children: secondaryText
+			}),
+			trailing
+		] })
 	});
 });
 Trigger.displayName = "BitkitTabs.Trigger";

package/dist/components/BitkitTabs/BitkitTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitTabs.js","names":[],"sources":["../../../lib/components/BitkitTabs/BitkitTabs.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Tabs } from '@chakra-ui/react/tabs';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\n\nexport const [RootPropsProvider, useRootPropsContext] = createContext<Tabs.RootProps>({\n  name: 'RootPropsContext',\n  hookName: 'useRootPropsContext',\n  providerName: '<RootProps />',\n});\n\nconst Root = forwardRef<HTMLDivElement, Tabs.RootProps>((props, ref) => {\n  return (\n    <RootPropsProvider value={props}>\n      <Tabs.Root ref={ref} {...props} />\n    </RootPropsProvider>\n  );\n});\n\ntype TriggerProps = Tabs.TriggerProps & {\n  badge?: ReactNode;\n  children?: string;\n  icon?: BitkitIconComponent;\n  secondaryText?: ReactNode;\n};\n\nRoot.displayName = 'BitkitTabs.Root';\n\nconst Trigger = forwardRef<HTMLButtonElement, TriggerProps>((props, ref) => {\n  const { badge, children, icon: Icon, secondaryText, ...rest } = props;\n  const { variant } = useRootPropsContext();\n  return (\n    <Tabs.Trigger ref={ref} {...rest}>\n      {variant === 'line' ? (\n        <>\n          {Icon && <Icon size=\"24\" />}\n          {children}\n          {badge}\n        </>\n      ) : (\n        <>\n          <Box display=\"flex\" gap=\"16\">\n            {children}\n            {Icon && <Icon size=\"24\" />}\n          </Box>\n          {!!secondaryText && (\n            <Text as=\"span\" textStyle=\"body/md/regular\" color={rest.disabled ? 'text/on-disabled' : 'text/secondary'}>\n              {secondaryText}\n            </Text>\n          )}\n        </>\n      )}\n    </Tabs.Trigger>\n  );\n});\n\nTrigger.displayName = 'BitkitTabs.Trigger';\n\nconst BitkitTabs: Omit<typeof Tabs, 'Root' | 'Trigger'> & { Root: typeof Root; Trigger: typeof Trigger } = {\n  ...Tabs,\n  Root,\n  Trigger,\n};\n\nBitkitTabs.Content.displayName = 'BitkitTabs.Content';\nBitkitTabs.List.displayName = 'BitkitTabs.List';\nBitkitTabs.ContentGroup.displayName = 'BitkitTabs.ContentGroup';\nBitkitTabs.Root.displayName = 'BitkitTabs.Root';\n\nexport default BitkitTabs;\n"],"mappings":";;;;;;;AASA,IAAa,CAAC,mBAAmB,uBAAuB,gBAA8B;CACpF,MAAM;CACN,UAAU;CACV,cAAc;AAChB,CAAC;AAED,IAAM,OAAO,YAA4C,OAAO,QAAQ;CACtE,OACE,oBAAC,mBAAD;EAAmB,OAAO;YACxB,oBAAC,KAAK,MAAN;GAAgB;GAAK,GAAI;EAAQ,CAAA;CAChB,CAAA;AAEvB,CAAC;AASD,KAAK,cAAc;AAEnB,IAAM,UAAU,YAA6C,OAAO,QAAQ;CAC1E,MAAM,EAAE,OAAO,UAAU,MAAM,MAAM,eAAe,GAAG,SAAS;CAChE,MAAM,EAAE,YAAY,oBAAoB;CACxC,OACE,oBAAC,KAAK,SAAN;EAAmB;EAAK,GAAI;YACzB,YAAY,SACX,qBAAA,YAAA,EAAA,UAAA;GACG,QAAQ,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA;GACzB;GACA;EACD,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,KAAD;GAAK,SAAQ;GAAO,KAAI;aAAxB,CACG,UACA,QAAQ,oBAAC,MAAD,EAAM,MAAK,KAAM,CAAA,CACvB;MACJ,CAAC,CAAC,iBACD,oBAAC,MAAD;GAAM,IAAG;GAAO,WAAU;GAAkB,OAAO,KAAK,WAAW,qBAAqB;aACrF;EACG,CAAA,CAER,EAAA,CAAA;CAEQ,CAAA;AAElB,CAAC;AAED,QAAQ,cAAc;AAEtB,IAAM,aAAqG;CACzG,GAAG;CACH;CACA;AACF;AAEA,WAAW,QAAQ,cAAc;AACjC,WAAW,KAAK,cAAc;AAC9B,WAAW,aAAa,cAAc;AACtC,WAAW,KAAK,cAAc"}
+{"version":3,"file":"BitkitTabs.js","names":[],"sources":["../../../lib/components/BitkitTabs/BitkitTabs.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { Box } from '@chakra-ui/react/box';\nimport { chakra, useRecipe } from '@chakra-ui/react/styled-system';\nimport { Tabs } from '@chakra-ui/react/tabs';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type KeyboardEvent, type MouseEvent, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent, IconCross } from '../../icons';\n\nexport const [RootPropsProvider, useRootPropsContext] = createContext<Tabs.RootProps>({\n  name: 'RootPropsContext',\n  hookName: 'useRootPropsContext',\n  providerName: '<RootProps />',\n});\n\nconst Root = forwardRef<HTMLDivElement, Tabs.RootProps>((props, ref) => {\n  return (\n    <RootPropsProvider value={props}>\n      <Tabs.Root ref={ref} {...props} />\n    </RootPropsProvider>\n  );\n});\n\ntype TriggerProps = Tabs.TriggerProps & {\n  badge?: ReactNode;\n  /** Shows a \"changed\" indicator dot. When hovered (and `onClose` is set), the close button replaces it. */\n  changed?: boolean;\n  children?: string;\n  icon?: BitkitIconComponent;\n  /** When provided, a close button reveals on hover and calls this handler when clicked. */\n  onClose?: () => void;\n  secondaryText?: ReactNode;\n};\n\nRoot.displayName = 'BitkitTabs.Root';\n\nconst Trigger = forwardRef<HTMLButtonElement, TriggerProps>((props, ref) => {\n  const { badge, changed, children, className, icon: Icon, onClose, onKeyDown, secondaryText, ...rest } = props;\n  const { variant } = useRootPropsContext();\n  const closeButtonRecipe = useRecipe({ key: 'closeButton' });\n\n  const closable = !!onClose && !rest.disabled;\n  const showTrailing = (closable || changed) && !rest.disabled;\n  const mergedClassName = showTrailing ? (className ? `group ${className}` : 'group') : className;\n  // The close button is always visible when there is no \"changed\" dot; when the dot is shown it is\n  // revealed on hover/focus instead (replacing the dot).\n  const revealCloseOnInteraction = closable && !!changed;\n  const revealOnInteraction = { opacity: 1, pointerEvents: 'auto' } as const;\n\n  const handleCloseClick = (event: MouseEvent<HTMLSpanElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n    onClose?.();\n  };\n\n  // The close control is not in the tab order; keyboard users close the focused tab with Delete/Backspace.\n  const handleTriggerKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (closable && (event.key === 'Delete' || event.key === 'Backspace')) {\n      event.preventDefault();\n      // Move focus to a sibling tab before removal so keyboard navigation can continue.\n      const trigger = event.currentTarget;\n      const triggers = [...(trigger.closest('[role=\"tablist\"]')?.querySelectorAll<HTMLElement>('[role=\"tab\"]') ?? [])];\n      const index = triggers.indexOf(trigger);\n      (triggers[index + 1] ?? triggers[index - 1])?.focus();\n      onClose?.();\n    }\n    onKeyDown?.(event);\n  };\n\n  const trailing = showTrailing ? (\n    <chakra.span\n      position=\"relative\"\n      display=\"flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      boxSize=\"24\"\n      flexShrink={0}\n    >\n      {changed && (\n        <chakra.span\n          position=\"absolute\"\n          inset={0}\n          display=\"flex\"\n          alignItems=\"center\"\n          justifyContent=\"center\"\n          pointerEvents=\"none\"\n          transition=\"opacity 0.1s\"\n          _groupHover={closable ? { opacity: 0 } : undefined}\n          _groupFocusWithin={closable ? { opacity: 0 } : undefined}\n        >\n          <chakra.span boxSize=\"8\" borderRadius=\"full\" backgroundColor=\"interactive/bold\" />\n        </chakra.span>\n      )}\n      {closable && (\n        <chakra.span\n          aria-hidden\n          tabIndex={-1}\n          onClick={handleCloseClick}\n          css={closeButtonRecipe({ size: 'xs' })}\n          position=\"absolute\"\n          inset={0}\n          color=\"icon/primary\"\n          opacity={revealCloseOnInteraction ? 0 : 1}\n          pointerEvents={revealCloseOnInteraction ? 'none' : 'auto'}\n          transition=\"opacity 0.1s\"\n          _groupHover={revealCloseOnInteraction ? revealOnInteraction : undefined}\n          _groupFocusWithin={revealCloseOnInteraction ? revealOnInteraction : undefined}\n        >\n          <IconCross size=\"16\" />\n        </chakra.span>\n      )}\n    </chakra.span>\n  ) : null;\n\n  return (\n    <Tabs.Trigger\n      ref={ref}\n      {...rest}\n      className={mergedClassName}\n      gap={showTrailing ? '12' : undefined}\n      onKeyDown={handleTriggerKeyDown}\n      paddingInlineEnd={showTrailing ? '12' : undefined}\n    >\n      {variant === 'line' ? (\n        <>\n          <Box display=\"flex\" alignItems=\"center\" gap=\"8\">\n            {Icon && <Icon size=\"24\" />}\n            {children}\n            {badge}\n          </Box>\n          {trailing}\n        </>\n      ) : (\n        <>\n          <Box display=\"flex\" gap=\"16\">\n            {children}\n            {Icon && <Icon size=\"24\" />}\n          </Box>\n          {!!secondaryText && (\n            <Text as=\"span\" textStyle=\"body/md/regular\" color={rest.disabled ? 'text/on-disabled' : 'text/secondary'}>\n              {secondaryText}\n            </Text>\n          )}\n          {trailing}\n        </>\n      )}\n    </Tabs.Trigger>\n  );\n});\n\nTrigger.displayName = 'BitkitTabs.Trigger';\n\nconst BitkitTabs: Omit<typeof Tabs, 'Root' | 'Trigger'> & { Root: typeof Root; Trigger: typeof Trigger } = {\n  ...Tabs,\n  Root,\n  Trigger,\n};\n\nBitkitTabs.Content.displayName = 'BitkitTabs.Content';\nBitkitTabs.List.displayName = 'BitkitTabs.List';\nBitkitTabs.ContentGroup.displayName = 'BitkitTabs.ContentGroup';\nBitkitTabs.Root.displayName = 'BitkitTabs.Root';\n\nexport default BitkitTabs;\n"],"mappings":"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"}

package/dist/components/BitkitTag/BitkitTag.d.ts

@@ -6,5 +6,5 @@ export interface BitkitTagProps extends TagRootProps {
     onRemove?: () => void;
     state?: 'disabled' | 'skeleton';
 }
-declare const BitkitTag: (props: BitkitTagProps) => import("react/jsx-runtime").JSX.Element;
+declare const BitkitTag: (props: BitkitTagProps) => import("react").JSX.Element;
 export default BitkitTag;

package/dist/components/BitkitToast/BitkitToaster.d.ts

@@ -1,2 +1,2 @@
-declare const BitkitToaster: () => import("react/jsx-runtime").JSX.Element;
+declare const BitkitToaster: () => import("react").JSX.Element;
 export default BitkitToaster;

package/dist/components/BitkitTooltip/BitkitTooltip.d.ts

@@ -17,7 +17,7 @@ export type BitkitTooltipProps = {
     text: string;
 };
 declare const BitkitTooltip: {
-    ({ button, children, closeOnClick, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, openDelay, placement, text, }: BitkitTooltipProps): import("react/jsx-runtime").JSX.Element;
+    ({ button, children, closeOnClick, disabled, icon: Icon, learnMoreTarget, learnMoreUrl, onOpenChange, open, openDelay, placement, text, }: BitkitTooltipProps): import("react").JSX.Element;
     displayName: string;
 };
 export default BitkitTooltip;

package/dist/docs/ColorsBase.d.ts

@@ -1,2 +1,2 @@
-declare const ColorsBasePage: () => import("react/jsx-runtime").JSX.Element;
+declare const ColorsBasePage: () => import("react").JSX.Element;
 export default ColorsBasePage;

package/dist/docs/ColorsComponent.d.ts

@@ -1,2 +1,2 @@
-declare const ColorsComponentPage: () => import("react/jsx-runtime").JSX.Element;
+declare const ColorsComponentPage: () => import("react").JSX.Element;
 export default ColorsComponentPage;

package/dist/docs/ColorsSystem.d.ts

@@ -1,2 +1,2 @@
-declare const ColorsSystemPage: () => import("react/jsx-runtime").JSX.Element;
+declare const ColorsSystemPage: () => import("react").JSX.Element;
 export default ColorsSystemPage;

package/dist/docs/Icons.d.ts

@@ -1 +1 @@
-export declare const IconsPage: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconsPage: () => import("react").JSX.Element;

package/dist/docs/Radii.d.ts

@@ -1,2 +1,2 @@
-declare const RadiiPage: () => import("react/jsx-runtime").JSX.Element;
+declare const RadiiPage: () => import("react").JSX.Element;
 export default RadiiPage;

package/dist/docs/Shadows.d.ts

@@ -1,2 +1,2 @@
-declare const ShadowsPage: () => import("react/jsx-runtime").JSX.Element;
+declare const ShadowsPage: () => import("react").JSX.Element;
 export default ShadowsPage;

package/dist/docs/SpacingAndSizes.d.ts

@@ -1,2 +1,2 @@
-declare const SpacingAndSizesPage: () => import("react/jsx-runtime").JSX.Element;
+declare const SpacingAndSizesPage: () => import("react").JSX.Element;
 export default SpacingAndSizesPage;

package/dist/docs/TextStyles.d.ts

@@ -1,2 +1,2 @@
-declare const TextStylesPage: () => import("react/jsx-runtime").JSX.Element;
+declare const TextStylesPage: () => import("react").JSX.Element;
 export default TextStylesPage;

package/dist/docs/Typography.d.ts

@@ -1,2 +1,2 @@
-declare const TypographyPage: () => import("react/jsx-runtime").JSX.Element;
+declare const TypographyPage: () => import("react").JSX.Element;
 export default TypographyPage;

package/dist/docs/shared.d.ts

@@ -14,12 +14,12 @@ export declare const flattenTokens: (obj: Record<string, unknown>, prefix?: stri
 export declare const slugify: (text: string) => string;
 export declare const ColorPreview: ({ value }: {
     value: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const Section: ({ children, heading, slug }: {
     children: ReactNode;
     heading: string;
     slug?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 type TokenTableRow = {
     preview: ReactNode;
     token: string;
@@ -27,5 +27,5 @@ type TokenTableRow = {
 };
 export declare const TokenTable: ({ rows }: {
     rows: TokenTableRow[];
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export {};

package/dist/hooks/useResponsive.d.ts

@@ -8,7 +8,7 @@ export interface ResponsiveState {
 export declare const ResponsiveProvider: {
     ({ children }: {
         children: ReactNode;
-    }): import("react/jsx-runtime").JSX.Element;
+    }): import("react").JSX.Element;
     displayName: string;
 };
 declare const useResponsive: () => ResponsiveState;

package/dist/providers/BitkitProvider.d.ts

@@ -1,3 +1,3 @@
 import { ChakraProviderProps } from '@chakra-ui/react/styled-system';
-declare const Provider: (props: Omit<ChakraProviderProps, "value">) => import("react/jsx-runtime").JSX.Element;
+declare const Provider: (props: Omit<ChakraProviderProps, "value">) => import("react").JSX.Element;
 export default Provider;

package/dist/vite.config.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vite').UserConfig;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.237",
+  "version": "0.3.238",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -73,29 +73,29 @@
     "@figma-export/output-components-as-svg": "^6.4.0",
     "@figma-export/transform-svg-with-svgo": "^6.4.0",
     "@google-cloud/storage": "^7.19.0",
-    "@storybook/addon-docs": "^10.4.0",
+    "@storybook/addon-docs": "^10.4.2",
     "@storybook/addon-mcp": "^0.6.0",
     "@storybook/mcp": "^0.7.0",
-    "@storybook/react-vite": "^10.4.0",
+    "@storybook/react-vite": "^10.4.2",
     "@svgr/plugin-jsx": "^8.1.0",
-    "@types/node": "^24.9.0",
-    "@types/react": "^18.3.28",
+    "@types/node": "^24.13.0",
+    "@types/react": "^18.3.30",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react": "^6.0.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "release-it": "^20.0.1",
-    "storybook": "^10.4.0",
-    "tsx": "^4.22.0",
+    "release-it": "^20.2.0",
+    "storybook": "^10.4.2",
+    "tsx": "^4.22.4",
     "typescript": "^6.0.3",
-    "vite": "^8.0.13",
-    "vite-plugin-dts": "^5.0.0",
+    "vite": "^8.0.16",
+    "vite-plugin-dts": "^5.0.2",
     "vite-plugin-svgr": "^5.2.0"
   },
   "dependencies": {
     "@fontsource-variable/figtree": "^5.2.10",
     "@fontsource-variable/source-code-pro": "^5.2.7",
-    "es-toolkit": "^1.46.1",
+    "es-toolkit": "^1.47.0",
     "react-markdown": "^10.1.0"
   },
   "overrides": {