@bitrise/bitkit-v2 0.3.178 → 0.3.179

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

@@ -1,14 +1,8 @@
 import { AlertRootProps } from '@chakra-ui/react/alert';
-import { JSX } from 'react';
-export type AlertVariants = 'ai' | 'critical' | 'info' | 'progress' | 'success' | 'warning';
-export declare const BUTTON_COLORS_MAP: Record<AlertVariants, string>;
-export declare const ICONS_MAP: Record<AlertVariants, JSX.Element>;
-export type ActionProps = {
-    href?: string;
-    label: string;
-    onClick?: () => void;
-    target?: HTMLAnchorElement['target'];
-};
+import { NotificationVariant } from '../../theme/common/AlertAndToast.common';
+import { NotificationAction } from '../common/notificationMaps';
+export type AlertVariants = NotificationVariant;
+export type ActionProps = NotificationAction;
 export interface BitkitAlertProps extends AlertRootProps {
     action?: ActionProps;
     dismissible?: boolean;

package/dist/components/BitkitAlert/BitkitAlert.js

@@ -1,66 +1,43 @@
-import e from "../../icons/IconCheck.js";
-import t from "../../icons/IconErrorCircleFilled.js";
-import n from "../../icons/IconInfoCircle.js";
-import r from "../../icons/IconSparkleFilled.js";
-import i from "../../icons/IconWarning.js";
-import a from "../BitkitCloseButton/BitkitCloseButton.js";
-import { rem as o } from "../../theme/themeUtils.js";
-import s from "../BitkitColorButton/BitkitColorButton.js";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Alert as u } from "@chakra-ui/react/alert";
-import { Spinner as d } from "@chakra-ui/react/spinner";
+import e from "../BitkitCloseButton/BitkitCloseButton.js";
+import { rem as t } from "../../theme/themeUtils.js";
+import n from "../BitkitColorButton/BitkitColorButton.js";
+import { BUTTON_COLORS_MAP as r, ICON_COMPONENTS_MAP as i } from "../common/notificationMaps.js";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Alert as s } from "@chakra-ui/react/alert";
 //#region lib/components/BitkitAlert/BitkitAlert.tsx
-var f = {
-	ai: "indigo",
-	critical: "red",
-	info: "blue",
-	progress: "purple",
-	success: "green",
-	warning: "yellow"
-}, p = {
-	ai: /* @__PURE__ */ c(r, {}),
-	critical: /* @__PURE__ */ c(t, {}),
-	info: /* @__PURE__ */ c(n, {}),
-	progress: /* @__PURE__ */ c(d, {
-		width: "20",
-		height: "20",
-		margin: "2"
-	}),
-	success: /* @__PURE__ */ c(e, {}),
-	warning: /* @__PURE__ */ c(i, {})
-}, m = (e) => {
-	let { action: t, dismissible: n, messageText: r, onClose: i, titleText: d, variant: m, ...h } = e;
-	return /* @__PURE__ */ l(u.Root, {
+var c = (c) => {
+	let { action: l, dismissible: u, messageText: d, onClose: f, titleText: p, variant: m, ...h } = c, g = i[m];
+	return /* @__PURE__ */ o(s.Root, {
 		variant: m,
 		...h,
 		children: [
-			/* @__PURE__ */ c(u.Indicator, {
+			/* @__PURE__ */ a(s.Indicator, {
 				asChild: m !== "progress",
-				children: p[m]
+				children: /* @__PURE__ */ a(g, {})
 			}),
-			/* @__PURE__ */ l(u.Content, { children: [d && /* @__PURE__ */ c(u.Title, { children: d }), /* @__PURE__ */ c(u.Description, { children: r })] }),
-			!!t && /* @__PURE__ */ c(s, {
-				as: t.href ? "a" : "button",
-				colorPalette: f[m],
-				...t.href && {
-					href: t.href,
-					target: t.target
+			/* @__PURE__ */ o(s.Content, { children: [p && /* @__PURE__ */ a(s.Title, { children: p }), /* @__PURE__ */ a(s.Description, { children: d })] }),
+			!!l && /* @__PURE__ */ a(n, {
+				as: l.href ? "a" : "button",
+				colorPalette: r[m],
+				...l.href && {
+					href: l.href,
+					target: l.target
 				},
-				onClick: t.onClick,
+				onClick: l.onClick,
 				marginInlineStart: "16",
 				marginInlineEnd: "12",
 				whiteSpace: "nowrap",
-				children: t.label
+				children: l.label
 			}),
-			!!n && /* @__PURE__ */ c(a, {
+			!!u && /* @__PURE__ */ a(e, {
 				alignSelf: "flex-start",
-				marginBlockStart: o(7),
+				marginBlockStart: t(7),
 				size: "sm",
-				onClick: i,
-				colorPalette: f[m]
+				onClick: f,
+				colorPalette: r[m]
 			})
 		]
 	});
 };
 //#endregion
-export { m as default };
+export { c as default };

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

@@ -0,0 +1,14 @@
+import { NotificationVariant } from '../../theme/common/AlertAndToast.common';
+import { NotificationAction } from '../common/notificationMaps';
+export type BitkitToastVariant = NotificationVariant;
+export type BitkitToastProps = {
+    action?: NotificationAction;
+    dismissible?: boolean;
+    messageText: string;
+    timestamp?: string;
+    titleText?: string;
+    variant: BitkitToastVariant;
+};
+export declare const toaster: import('@zag-js/toast').Store<any>;
+declare const createBitkitToast: (props: BitkitToastProps) => string;
+export default createBitkitToast;

package/dist/components/BitkitToast/BitkitToast.js

@@ -0,0 +1,21 @@
+import { createToaster as e } from "@chakra-ui/react/toast";
+//#region lib/components/BitkitToast/BitkitToast.tsx
+var t = e({
+	max: 5,
+	placement: "top-end",
+	pauseOnPageIdle: !0
+}), n = (e) => {
+	let { action: n, dismissible: r = !0, messageText: i, timestamp: a, titleText: o, variant: s } = e;
+	return t.create({
+		closable: r,
+		description: i,
+		meta: {
+			action: n,
+			timestamp: a
+		},
+		title: o,
+		type: s
+	});
+};
+//#endregion
+export { n as default, t as toaster };

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

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

package/dist/components/BitkitToast/BitkitToaster.js

@@ -0,0 +1,56 @@
+import e from "../BitkitCloseButton/BitkitCloseButton.js";
+import t from "../BitkitColorButton/BitkitColorButton.js";
+import { BUTTON_COLORS_MAP as n, ICON_COMPONENTS_MAP as r } from "../common/notificationMaps.js";
+import { toaster as i } from "./BitkitToast.js";
+import { Box as a } from "@chakra-ui/react/box";
+import { useSlotRecipe as o } from "@chakra-ui/react/styled-system";
+import { Text as s } from "@chakra-ui/react/text";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Toast as u, Toaster as d } from "@chakra-ui/react/toast";
+//#region lib/components/BitkitToast/BitkitToaster.tsx
+var f = () => {
+	let f = o({ key: "toast" });
+	return /* @__PURE__ */ c(d, {
+		toaster: i,
+		children: (i) => {
+			let o = i.type, d = f({ variant: o }), p = r[o];
+			return /* @__PURE__ */ l(u.Root, {
+				variant: o,
+				children: [
+					/* @__PURE__ */ c(p, { css: d.icon }),
+					/* @__PURE__ */ l(a, {
+						css: d.content,
+						children: [
+							!!i.title && /* @__PURE__ */ c(u.Title, { children: i.title }),
+							/* @__PURE__ */ c(u.Description, { children: i.description }),
+							!!i.meta?.action && /* @__PURE__ */ c(t, {
+								as: i.meta.action.href ? "a" : "button",
+								colorPalette: n[o],
+								css: d.actionTrigger,
+								...i.meta.action.href && {
+									href: i.meta.action.href,
+									target: i.meta.action.target
+								},
+								onClick: i.meta.action.onClick,
+								children: i.meta.action.label
+							}),
+							!!i.meta?.timestamp && /* @__PURE__ */ c(s, {
+								css: d.timestamp,
+								children: i.meta.timestamp
+							})
+						]
+					}),
+					i.closable && /* @__PURE__ */ c(u.CloseTrigger, {
+						asChild: !0,
+						children: /* @__PURE__ */ c(e, {
+							colorPalette: n[o],
+							size: "sm"
+						})
+					})
+				]
+			});
+		}
+	});
+};
+//#endregion
+export { f as default };

package/dist/components/common/notificationMaps.d.ts

@@ -0,0 +1,10 @@
+import { ElementType } from 'react';
+import { NotificationVariant } from '../../theme/common/AlertAndToast.common';
+export type NotificationAction = {
+    href?: string;
+    label: string;
+    onClick?: () => void;
+    target?: HTMLAnchorElement['target'];
+};
+export declare const BUTTON_COLORS_MAP: Record<NotificationVariant, string>;
+export declare const ICON_COMPONENTS_MAP: Record<NotificationVariant, ElementType>;

package/dist/components/common/notificationMaps.js

@@ -0,0 +1,24 @@
+import e from "../../icons/IconCheck.js";
+import t from "../../icons/IconErrorCircleFilled.js";
+import n from "../../icons/IconInfoCircle.js";
+import r from "../../icons/IconSparkleFilled.js";
+import i from "../../icons/IconWarning.js";
+import { Spinner as a } from "@chakra-ui/react/spinner";
+//#region lib/components/common/notificationMaps.tsx
+var o = {
+	ai: "indigo",
+	critical: "red",
+	info: "blue",
+	progress: "purple",
+	success: "green",
+	warning: "yellow"
+}, s = {
+	ai: r,
+	critical: t,
+	info: n,
+	progress: a,
+	success: e,
+	warning: i
+};
+//#endregion
+export { o as BUTTON_COLORS_MAP, s as ICON_COMPONENTS_MAP };

package/dist/components/index.d.ts

@@ -53,6 +53,7 @@ export { default as BitkitTabs } from './BitkitTabs/BitkitTabs';
 export { default as BitkitTag, type BitkitTagProps } from './BitkitTag/BitkitTag';
 export { default as BitkitTagsInput, type BitkitTagsInputProps } from './BitkitTagsInput/BitkitTagsInput';
 export { default as BitkitTextInput, type BitkitTextInputProps } from './BitkitTextInput/BitkitTextInput';
+export { type BitkitToastProps, default as createBitkitToast } from './BitkitToast/BitkitToast';
 export { default as BitkitToggle, type BitkitToggleProps } from './BitkitToggle';
 export { default as BitkitToggleButton, type BitkitToggleButtonProps } from './BitkitToggleButton/BitkitToggleButton';
 export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';

package/dist/main.js

@@ -334,8 +334,9 @@ import la from "./components/BitkitTabs/BitkitTabs.js";
 import ua from "./components/BitkitTag/BitkitTag.js";
 import da from "./components/BitkitTagsInput/BitkitTagsInput.js";
 import fa from "./components/BitkitTextInput/BitkitTextInput.js";
-import pa from "./components/BitkitToggle/BitkitToggle.js";
-import ma from "./components/BitkitToggleButton/BitkitToggleButton.js";
-import ha from "./theme/index.js";
-import ga from "./providers/BitkitProvider.js";
-export { e as BitkitAccordion, pi as BitkitActionBar, hi as BitkitAlert, gi as BitkitAvatar, _i as BitkitBadge, vi as BitkitButton, bi as BitkitCalendar, xi as BitkitCard, Si as BitkitCheckbox, Ci as BitkitCheckboxGroup, fi as BitkitCloseButton, Ti as BitkitCodeSnippet, Di as BitkitCollapsible, mi as BitkitColorButton, ki as BitkitCombobox, Ai as BitkitControlButton, ji as BitkitDefinitionTooltip, Fi as BitkitDialog, Mi as BitkitDialogBody, Ni as BitkitDialogContent, Pi as BitkitDialogRoot, Ii as BitkitEmptyState, Li as BitkitExpandableCard, Ri as BitkitExplainerList, Oi as BitkitField, zi as BitkitFileInput, Bi as BitkitGroupHeading, Vi as BitkitIconButton, Hi as BitkitInlineLoading, Ui as BitkitInteractiveTooltip, Ei as BitkitLabel, di as BitkitLabelTooltip, Wi as BitkitLink, Gi as BitkitLinkButton, Ji as BitkitMarkdown, Yi as BitkitMarkdownCard, Xi as BitkitNativeSelect, Zi as BitkitNumberInput, Ki as BitkitOrderedList, Qi as BitkitOverflowTooltip, $i as BitkitPaginationLoadMore, ga as BitkitProvider, ea as BitkitRadio, ta as BitkitRadioGroup, na as BitkitRibbon, ra as BitkitSearchInput, ia as BitkitSectionHeading, aa as BitkitSegmentedControl, oa as BitkitSelect, yi as BitkitSelectMenu, sa as BitkitSelectableTag, ca as BitkitSplitButton, la as BitkitTabs, ua as BitkitTag, da as BitkitTagsInput, fa as BitkitTextInput, pa as BitkitToggle, ma as BitkitToggleButton, wi as BitkitTooltip, qi as BitkitUnorderedList, n as IconAbortCircle, r as IconAbortCircleFilled, i as IconAddons, a as IconAgent, o as IconAnchor, s as IconAndroid, c as IconApp, u as IconAppSettings, d as IconAppStore, f as IconAppStoreColor, l as IconApple, p as IconArchive, m as IconArchiveDelete, h as IconArchiveRestore, g as IconArrowBackAndDown, _ as IconArrowBackAndUp, v as IconArrowDown, y as IconArrowForwardAndDown, b as IconArrowForwardAndUp, x as IconArrowLeft, S as IconArrowNortheast, C as IconArrowNorthwest, w as IconArrowRight, D as IconArrowUp, T as IconArrowsHorizontal, E as IconArrowsVertical, O as IconAutomation, k as IconAws, A as IconAwsColor, j as IconBadge3RdParty, M as IconBadgeBitrise, N as IconBadgeUpgrade, P as IconBadgeVersionOk, F as IconBazel, I as IconBell, L as IconBitbot, R as IconBitbotError, z as IconBitbucket, B as IconBitbucketColor, V as IconBitbucketNeutral, H as IconBitbucketWhite, U as IconBlockCircle, W as IconBook, G as IconBoxArrowDown, K as IconBoxDot, q as IconBoxLinesOverflow, J as IconBoxLinesWrap, Y as IconBranch, X as IconBrowserstackColor, Z as IconBug, Q as IconBuild, $ as IconBuildCache, ee as IconBuildCacheFilled, te as IconBuildEnvSetup, ne as IconCalendar, re as IconChangePlan, ie as IconChat, ae as IconCheck, oe as IconCheckCircle, se as IconCheckCircleFilled, ce as IconChevronDown, le as IconChevronLeft, ue as IconChevronRight, de as IconChevronUp, fe as IconCi, pe as IconCiFilled, me as IconCircle, he as IconCircleDashed, ge as IconCircleHalfFilled, _e as IconClaude, ve as IconClaudeColor, ye as IconClock, be as IconCode, xe as IconCodePush, Se as IconCodeSigning, Ce as IconCoffee, we as IconCommit, Te as IconConfigure, Ee as IconConnectedAccounts, De as IconContainer, Oe as IconCopy, ke as IconCordova, Ae as IconCpu, je as IconCreditcard, Me as IconCredits, Ne as IconCross, Pe as IconCrossCircle, Fe as IconCrossCircleFilled, Ie as IconCrown, Le as IconCycle, Re as IconDashboard, ze as IconDashboardFilled, Be as IconDeployment, Ve as IconDetails, He as IconDoc, Ue as IconDollar, We as IconDot, Ge as IconDotnet, Ke as IconDotnetColor, qe as IconDotnetText, Je as IconDotnetTextColor, Ye as IconDoubleCircle, Xe as IconDownload, Ze as IconEc2Ami, Qe as IconEnterprise, $e as IconErrorCircle, et as IconErrorCircleFilled, tt as IconExpand, nt as IconExtraBuildCapacity, rt as IconEye, it as IconEyeSlash, at as IconFastlane, ot as IconFileDoc, st as IconFilePdf, ct as IconFilePlist, lt as IconFileZip, ut as IconFilter, dt as IconFlag, ft as IconFlutter, pt as IconFolder, mt as IconFullscreen, ht as IconFullscreenExit, gt as IconGauge, _t as IconGit, vt as IconGithub, yt as IconGitlab, bt as IconGitlabColor, xt as IconGitlabWhite, St as IconGlobe, Ct as IconGo, wt as IconGoogleColor, Tt as IconGooglePlay, Et as IconGooglePlayColor, Dt as IconGradle, Ot as IconGroup, kt as IconHashtag, At as IconHeadset, jt as IconHeart, Mt as IconHistory, Nt as IconHourglass, Pt as IconImage, Ft as IconInfoCircle, It as IconInfoCircleFilled, Lt as IconInsights, Rt as IconInsightsFilled, zt as IconInstall, Bt as IconInteraction, Vt as IconInvoice, Ht as IconIonic, Ut as IconJapanese, Wt as IconJava, Gt as IconJavaColor, Kt as IconJavaDuke, qt as IconJavaDukeColor, Jt as IconKey, Yt as IconKotlin, Xt as IconKotlinColor, Zt as IconKotlinWhite, Qt as IconLaptop, $t as IconLaunchdarkly, en as IconLegacyApp, tn as IconLightbulb, nn as IconLink, rn as IconLinux, an as IconLock, on as IconLockOpen, sn as IconLogin, cn as IconLogout, ln as IconMacos, un as IconMagicWand, dn as IconMagnifier, fn as IconMail, pn as IconMedal, mn as IconMemory, hn as IconMenuGrid, gn as IconMenuHamburger, _n as IconMessage, vn as IconMessageAlert, yn as IconMessageQuestion, bn as IconMicrophone, xn as IconMinus, Sn as IconMinusCircle, Cn as IconMinusCircleFilled, wn as IconMobile, Tn as IconMobileLandscape, En as IconMonitorChart, Dn as IconMoreHorizontal, On as IconMoreVertical, kn as IconNews, An as IconNextjs, jn as IconNodejs, Mn as IconOpenInNew, Nn as IconOther, Pn as IconOutsideContributor, Fn as IconOverview, In as IconPause, Ln as IconPencil, Rn as IconPeople, zn as IconPercent, Bn as IconPerson, Vn as IconPersonWithDesk, Hn as IconPlay, Un as IconPlus, Wn as IconPlusCircle, Gn as IconPlusCircleFilled, Kn as IconPower, qn as IconProject, Jn as IconProjectSettings, Yn as IconPull, Xn as IconPush, Zn as IconPuzzle, Qn as IconPython, $n as IconPythonColor, er as IconQuestionCircle, tr as IconQuestionCircleFilled, nr as IconReact, rr as IconRefresh, ir as IconRegex, ar as IconRelease, or as IconReleaseFilled, sr as IconRemoteAccess, cr as IconReplace, lr as IconResponsiveness, ur as IconReviewerApproved, dr as IconReviewerAssigned, fr as IconReviewerRejected, pr as IconRuby, mr as IconRubyColor, hr as IconSave, gr as IconSecurityShield, _r as IconSettings, vr as IconSettingsFilled, yr as IconShuffle, br as IconSiren, xr as IconSkipCircle, Sr as IconSkipCircleFilled, Cr as IconSlack, wr as IconSlackColor, Tr as IconSparkle, Er as IconSparkleFilled, Dr as IconSpinnerOnDisabled, Or as IconSpinnerPurple, kr as IconSpinnerPurpleDouble, Ar as IconSpinnerWhite, jr as IconStability, Mr as IconStack, Nr as IconStar, Pr as IconStep, Fr as IconStop, Ir as IconStopwatch, Lr as IconTag, Rr as IconTasks, zr as IconTeams, Br as IconTeamsColor, Vr as IconTemplateCode, Hr as IconTerminal, Ur as IconTestQuarantine, Wr as IconThemeDarkToggle, Gr as IconThumbDown, Kr as IconThumbUp, qr as IconTools, Jr as IconTrash, Yr as IconTrigger, Xr as IconUbuntu, Zr as IconUbuntuColor, Qr as IconUnity3D, $r as IconUpload, ei as IconValidateShield, ti as IconVideo, ni as IconWarning, ri as IconWarningYellow, ai as IconWebUi, ii as IconWebhooks, oi as IconWorkflow, si as IconWorkflowFlow, ui as IconXTwitter, ci as IconXamarin, li as IconXcode, t as bitkitIcon, ha as bitriseTheme };
+import pa from "./components/BitkitToast/BitkitToast.js";
+import ma from "./components/BitkitToggle/BitkitToggle.js";
+import ha from "./components/BitkitToggleButton/BitkitToggleButton.js";
+import ga from "./theme/index.js";
+import _a from "./providers/BitkitProvider.js";
+export { e as BitkitAccordion, pi as BitkitActionBar, hi as BitkitAlert, gi as BitkitAvatar, _i as BitkitBadge, vi as BitkitButton, bi as BitkitCalendar, xi as BitkitCard, Si as BitkitCheckbox, Ci as BitkitCheckboxGroup, fi as BitkitCloseButton, Ti as BitkitCodeSnippet, Di as BitkitCollapsible, mi as BitkitColorButton, ki as BitkitCombobox, Ai as BitkitControlButton, ji as BitkitDefinitionTooltip, Fi as BitkitDialog, Mi as BitkitDialogBody, Ni as BitkitDialogContent, Pi as BitkitDialogRoot, Ii as BitkitEmptyState, Li as BitkitExpandableCard, Ri as BitkitExplainerList, Oi as BitkitField, zi as BitkitFileInput, Bi as BitkitGroupHeading, Vi as BitkitIconButton, Hi as BitkitInlineLoading, Ui as BitkitInteractiveTooltip, Ei as BitkitLabel, di as BitkitLabelTooltip, Wi as BitkitLink, Gi as BitkitLinkButton, Ji as BitkitMarkdown, Yi as BitkitMarkdownCard, Xi as BitkitNativeSelect, Zi as BitkitNumberInput, Ki as BitkitOrderedList, Qi as BitkitOverflowTooltip, $i as BitkitPaginationLoadMore, _a as BitkitProvider, ea as BitkitRadio, ta as BitkitRadioGroup, na as BitkitRibbon, ra as BitkitSearchInput, ia as BitkitSectionHeading, aa as BitkitSegmentedControl, oa as BitkitSelect, yi as BitkitSelectMenu, sa as BitkitSelectableTag, ca as BitkitSplitButton, la as BitkitTabs, ua as BitkitTag, da as BitkitTagsInput, fa as BitkitTextInput, ma as BitkitToggle, ha as BitkitToggleButton, wi as BitkitTooltip, qi as BitkitUnorderedList, n as IconAbortCircle, r as IconAbortCircleFilled, i as IconAddons, a as IconAgent, o as IconAnchor, s as IconAndroid, c as IconApp, u as IconAppSettings, d as IconAppStore, f as IconAppStoreColor, l as IconApple, p as IconArchive, m as IconArchiveDelete, h as IconArchiveRestore, g as IconArrowBackAndDown, _ as IconArrowBackAndUp, v as IconArrowDown, y as IconArrowForwardAndDown, b as IconArrowForwardAndUp, x as IconArrowLeft, S as IconArrowNortheast, C as IconArrowNorthwest, w as IconArrowRight, D as IconArrowUp, T as IconArrowsHorizontal, E as IconArrowsVertical, O as IconAutomation, k as IconAws, A as IconAwsColor, j as IconBadge3RdParty, M as IconBadgeBitrise, N as IconBadgeUpgrade, P as IconBadgeVersionOk, F as IconBazel, I as IconBell, L as IconBitbot, R as IconBitbotError, z as IconBitbucket, B as IconBitbucketColor, V as IconBitbucketNeutral, H as IconBitbucketWhite, U as IconBlockCircle, W as IconBook, G as IconBoxArrowDown, K as IconBoxDot, q as IconBoxLinesOverflow, J as IconBoxLinesWrap, Y as IconBranch, X as IconBrowserstackColor, Z as IconBug, Q as IconBuild, $ as IconBuildCache, ee as IconBuildCacheFilled, te as IconBuildEnvSetup, ne as IconCalendar, re as IconChangePlan, ie as IconChat, ae as IconCheck, oe as IconCheckCircle, se as IconCheckCircleFilled, ce as IconChevronDown, le as IconChevronLeft, ue as IconChevronRight, de as IconChevronUp, fe as IconCi, pe as IconCiFilled, me as IconCircle, he as IconCircleDashed, ge as IconCircleHalfFilled, _e as IconClaude, ve as IconClaudeColor, ye as IconClock, be as IconCode, xe as IconCodePush, Se as IconCodeSigning, Ce as IconCoffee, we as IconCommit, Te as IconConfigure, Ee as IconConnectedAccounts, De as IconContainer, Oe as IconCopy, ke as IconCordova, Ae as IconCpu, je as IconCreditcard, Me as IconCredits, Ne as IconCross, Pe as IconCrossCircle, Fe as IconCrossCircleFilled, Ie as IconCrown, Le as IconCycle, Re as IconDashboard, ze as IconDashboardFilled, Be as IconDeployment, Ve as IconDetails, He as IconDoc, Ue as IconDollar, We as IconDot, Ge as IconDotnet, Ke as IconDotnetColor, qe as IconDotnetText, Je as IconDotnetTextColor, Ye as IconDoubleCircle, Xe as IconDownload, Ze as IconEc2Ami, Qe as IconEnterprise, $e as IconErrorCircle, et as IconErrorCircleFilled, tt as IconExpand, nt as IconExtraBuildCapacity, rt as IconEye, it as IconEyeSlash, at as IconFastlane, ot as IconFileDoc, st as IconFilePdf, ct as IconFilePlist, lt as IconFileZip, ut as IconFilter, dt as IconFlag, ft as IconFlutter, pt as IconFolder, mt as IconFullscreen, ht as IconFullscreenExit, gt as IconGauge, _t as IconGit, vt as IconGithub, yt as IconGitlab, bt as IconGitlabColor, xt as IconGitlabWhite, St as IconGlobe, Ct as IconGo, wt as IconGoogleColor, Tt as IconGooglePlay, Et as IconGooglePlayColor, Dt as IconGradle, Ot as IconGroup, kt as IconHashtag, At as IconHeadset, jt as IconHeart, Mt as IconHistory, Nt as IconHourglass, Pt as IconImage, Ft as IconInfoCircle, It as IconInfoCircleFilled, Lt as IconInsights, Rt as IconInsightsFilled, zt as IconInstall, Bt as IconInteraction, Vt as IconInvoice, Ht as IconIonic, Ut as IconJapanese, Wt as IconJava, Gt as IconJavaColor, Kt as IconJavaDuke, qt as IconJavaDukeColor, Jt as IconKey, Yt as IconKotlin, Xt as IconKotlinColor, Zt as IconKotlinWhite, Qt as IconLaptop, $t as IconLaunchdarkly, en as IconLegacyApp, tn as IconLightbulb, nn as IconLink, rn as IconLinux, an as IconLock, on as IconLockOpen, sn as IconLogin, cn as IconLogout, ln as IconMacos, un as IconMagicWand, dn as IconMagnifier, fn as IconMail, pn as IconMedal, mn as IconMemory, hn as IconMenuGrid, gn as IconMenuHamburger, _n as IconMessage, vn as IconMessageAlert, yn as IconMessageQuestion, bn as IconMicrophone, xn as IconMinus, Sn as IconMinusCircle, Cn as IconMinusCircleFilled, wn as IconMobile, Tn as IconMobileLandscape, En as IconMonitorChart, Dn as IconMoreHorizontal, On as IconMoreVertical, kn as IconNews, An as IconNextjs, jn as IconNodejs, Mn as IconOpenInNew, Nn as IconOther, Pn as IconOutsideContributor, Fn as IconOverview, In as IconPause, Ln as IconPencil, Rn as IconPeople, zn as IconPercent, Bn as IconPerson, Vn as IconPersonWithDesk, Hn as IconPlay, Un as IconPlus, Wn as IconPlusCircle, Gn as IconPlusCircleFilled, Kn as IconPower, qn as IconProject, Jn as IconProjectSettings, Yn as IconPull, Xn as IconPush, Zn as IconPuzzle, Qn as IconPython, $n as IconPythonColor, er as IconQuestionCircle, tr as IconQuestionCircleFilled, nr as IconReact, rr as IconRefresh, ir as IconRegex, ar as IconRelease, or as IconReleaseFilled, sr as IconRemoteAccess, cr as IconReplace, lr as IconResponsiveness, ur as IconReviewerApproved, dr as IconReviewerAssigned, fr as IconReviewerRejected, pr as IconRuby, mr as IconRubyColor, hr as IconSave, gr as IconSecurityShield, _r as IconSettings, vr as IconSettingsFilled, yr as IconShuffle, br as IconSiren, xr as IconSkipCircle, Sr as IconSkipCircleFilled, Cr as IconSlack, wr as IconSlackColor, Tr as IconSparkle, Er as IconSparkleFilled, Dr as IconSpinnerOnDisabled, Or as IconSpinnerPurple, kr as IconSpinnerPurpleDouble, Ar as IconSpinnerWhite, jr as IconStability, Mr as IconStack, Nr as IconStar, Pr as IconStep, Fr as IconStop, Ir as IconStopwatch, Lr as IconTag, Rr as IconTasks, zr as IconTeams, Br as IconTeamsColor, Vr as IconTemplateCode, Hr as IconTerminal, Ur as IconTestQuarantine, Wr as IconThemeDarkToggle, Gr as IconThumbDown, Kr as IconThumbUp, qr as IconTools, Jr as IconTrash, Yr as IconTrigger, Xr as IconUbuntu, Zr as IconUbuntuColor, Qr as IconUnity3D, $r as IconUpload, ei as IconValidateShield, ti as IconVideo, ni as IconWarning, ri as IconWarningYellow, ai as IconWebUi, ii as IconWebhooks, oi as IconWorkflow, si as IconWorkflowFlow, ui as IconXTwitter, ci as IconXamarin, li as IconXcode, t as bitkitIcon, ga as bitriseTheme, pa as createBitkitToast };

package/dist/providers/BitkitProvider.js

@@ -1,13 +1,18 @@
 "use client";
-import e from "../theme/index.js";
-import { ChakraProvider as t } from "@chakra-ui/react/styled-system";
-import { jsx as n } from "react/jsx-runtime";
+import e from "../components/BitkitToast/BitkitToaster.js";
+import t from "../theme/index.js";
+import { ChakraProvider as n } from "@chakra-ui/react/styled-system";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import "@fontsource-variable/figtree/index.css";
 import "@fontsource-variable/source-code-pro/index.css";
 //#region lib/providers/BitkitProvider.tsx
-var r = (r) => /* @__PURE__ */ n(t, {
-	...r,
-	value: e
-});
+var a = (a) => {
+	let { children: o, ...s } = a;
+	return /* @__PURE__ */ i(n, {
+		...s,
+		value: t,
+		children: [o, /* @__PURE__ */ r(e, {})]
+	});
+};
 //#endregion
-export { r as default };
+export { a as default };

package/dist/theme/common/AlertAndToast.common.d.ts

@@ -0,0 +1,6 @@
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
+export declare const NOTIFICATION_VARIANTS: readonly ["ai", "critical", "info", "progress", "success", "warning"];
+export type NotificationVariant = (typeof NOTIFICATION_VARIANTS)[number];
+export declare const ROOT_MAP: Record<NotificationVariant, SystemStyleObject>;
+export declare const ICONS_MAP: Record<NotificationVariant, string>;
+export declare const TEXT_MAP: Record<NotificationVariant, string>;

package/dist/theme/common/AlertAndToast.common.js

@@ -0,0 +1,50 @@
+//#region lib/theme/common/AlertAndToast.common.ts
+var e = [
+	"ai",
+	"critical",
+	"info",
+	"progress",
+	"success",
+	"warning"
+], t = {
+	ai: {
+		border: "1px solid transparent",
+		background: "{colors.status.ai.bg} padding-box, {colors.status.ai.border} border-box"
+	},
+	critical: {
+		backgroundColor: "status/critical/bg",
+		borderColor: "status/critical/border"
+	},
+	info: {
+		backgroundColor: "status/info/bg",
+		borderColor: "status/info/border"
+	},
+	progress: {
+		backgroundColor: "status/progress/bg",
+		borderColor: "status/progress/border"
+	},
+	success: {
+		backgroundColor: "status/success/bg",
+		borderColor: "status/success/border"
+	},
+	warning: {
+		backgroundColor: "status/warning/bg",
+		borderColor: "status/warning/border"
+	}
+}, n = {
+	ai: "status/ai/icon",
+	critical: "status/critical/icon",
+	info: "status/info/icon",
+	progress: "status/progress/icon",
+	success: "status/success/icon",
+	warning: "status/warning/icon"
+}, r = {
+	ai: "status/ai/text",
+	critical: "status/critical/text",
+	info: "status/info/text",
+	progress: "status/progress/text",
+	success: "status/success/text",
+	warning: "status/warning/text"
+};
+//#endregion
+export { n as ICONS_MAP, e as NOTIFICATION_VARIANTS, t as ROOT_MAP, r as TEXT_MAP };

package/dist/theme/slot-recipes/Alert.recipe.js

@@ -1,10 +1,11 @@
 import { rem as e } from "../themeUtils.js";
-import { defineSlotRecipe as t } from "@chakra-ui/react/styled-system";
-import { alertAnatomy as n } from "@chakra-ui/react/anatomy";
+import { ICONS_MAP as t, NOTIFICATION_VARIANTS as n, ROOT_MAP as r, TEXT_MAP as i } from "../common/AlertAndToast.common.js";
+import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
+import { alertAnatomy as o } from "@chakra-ui/react/anatomy";
 //#region lib/theme/slot-recipes/Alert.recipe.ts
-var r = t({
+var s = a({
 	className: "alert",
-	slots: n.keys(),
+	slots: o.keys(),
 	base: {
 		root: {
 			display: "flex",
@@ -32,60 +33,17 @@ var r = t({
 		},
 		description: {
 			textStyle: "comp/notification/message",
-			"&:first-child": { marginBlockStart: "2" }
+			"&:first-of-type": { marginBlockStart: "2" }
 		}
 	},
-	variants: { variant: {
-		ai: {
-			root: {
-				border: "1px solid transparent",
-				background: "{colors.status.ai.bg} padding-box, {colors.status.ai.border} border-box",
-				color: "status/ai/text"
-			},
-			indicator: { color: "status/ai/icon" }
-		},
-		critical: {
-			root: {
-				backgroundColor: "status/critical/bg",
-				borderColor: "status/critical/border",
-				color: "status/critical/text"
-			},
-			indicator: { color: "status/critical/icon" }
-		},
-		info: {
-			root: {
-				backgroundColor: "status/info/bg",
-				borderColor: "status/info/border",
-				color: "status/info/text"
-			},
-			indicator: { color: "status/info/icon" }
-		},
-		progress: {
-			root: {
-				backgroundColor: "status/progress/bg",
-				borderColor: "status/progress/border",
-				color: "status/progress/text"
-			},
-			indicator: { color: "status/progress/icon" }
-		},
-		success: {
-			root: {
-				backgroundColor: "status/success/bg",
-				borderColor: "status/success/border",
-				color: "status/success/text"
-			},
-			indicator: { color: "status/success/icon" }
+	variants: { variant: Object.fromEntries(n.map((e) => [e, {
+		root: {
+			...r[e],
+			color: i[e]
 		},
-		warning: {
-			root: {
-				backgroundColor: "status/warning/bg",
-				borderColor: "status/warning/border",
-				color: "status/warning/text"
-			},
-			indicator: { color: "status/warning/icon" }
-		}
-	} },
+		indicator: { color: t[e] }
+	}])) },
 	defaultVariants: { variant: "info" }
 });
 //#endregion
-export { r as default };
+export { s as default };

package/dist/theme/slot-recipes/Toast.recipe.js

@@ -0,0 +1,71 @@
+import { rem as e } from "../themeUtils.js";
+import { ICONS_MAP as t, NOTIFICATION_VARIANTS as n, ROOT_MAP as r, TEXT_MAP as i } from "../common/AlertAndToast.common.js";
+import { defineSlotRecipe as a } from "@chakra-ui/react/styled-system";
+import { toastAnatomy as o } from "@chakra-ui/react/anatomy";
+//#region lib/theme/slot-recipes/Toast.recipe.ts
+var s = a({
+	className: "toast",
+	slots: [
+		...o.keys(),
+		"content",
+		"icon",
+		"timestamp"
+	],
+	base: {
+		actionTrigger: { marginBlockStart: "16" },
+		content: {
+			flex: 1,
+			minWidth: 0
+		},
+		description: { textStyle: "comp/notification/message" },
+		icon: {
+			alignSelf: "flex-start",
+			flexShrink: 0,
+			height: "24",
+			width: "24"
+		},
+		root: {
+			alignItems: "flex-start",
+			border: "1px solid",
+			borderRadius: "8",
+			boxShadow: "elevation/lg",
+			display: "flex",
+			gap: "8",
+			paddingBlock: "16",
+			paddingInline: "12",
+			position: "relative",
+			translate: "var(--x) var(--y)",
+			width: e(480),
+			willChange: "translate, opacity, scale",
+			transition: "translate 400ms, scale 400ms, opacity 400ms, height 400ms, box-shadow 200ms",
+			transitionTimingFunction: "cubic-bezier(0.21, 1.02, 0.73, 1)",
+			_closed: {
+				transition: "translate 400ms, scale 400ms, opacity 200ms",
+				transitionTimingFunction: "cubic-bezier(0.06, 0.71, 0.55, 1)"
+			}
+		},
+		timestamp: {
+			marginBlockStart: "16",
+			textStyle: "comp/notification/message"
+		},
+		title: {
+			marginBlockEnd: "2",
+			textStyle: "comp/notification/title"
+		},
+		closeTrigger: {
+			insetBlockStart: "12",
+			insetInlineEnd: "12",
+			position: "absolute"
+		}
+	},
+	variants: { variant: Object.fromEntries(n.map((e) => [e, {
+		icon: { color: t[e] },
+		root: {
+			...r[e],
+			color: i[e]
+		}
+	}])) },
+	defaultVariants: { variant: "info" }
+});
+//#endregion
+export { s as default };

package/dist/theme/slot-recipes/index.js

@@ -37,9 +37,10 @@ import F from "./Table.recipe.js";
 import I from "./Tabs.recipe.js";
 import L from "./Tag.recipe.js";
 import R from "./TagsInput.recipe.js";
-import z from "./Tooltip.recipe.js";
+import z from "./Toast.recipe.js";
+import B from "./Tooltip.recipe.js";
 //#region lib/theme/slot-recipes/index.ts
-var B = {
+var V = {
 	accordion: t,
 	actionBar: n,
 	alert: r,
@@ -79,7 +80,8 @@ var B = {
 	tabs: I,
 	tag: L,
 	tagsInput: R,
-	tooltip: z
+	toast: z,
+	tooltip: B
 };
 //#endregion
-export { B as default };
+export { V as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.178",
+  "version": "0.3.179",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -86,7 +86,7 @@
     "@emotion/styled": "^11.14.1",
     "@fontsource-variable/figtree": "^5.2.10",
     "@fontsource-variable/source-code-pro": "^5.2.7",
-    "react-markdown": "^10.0.0"
+    "react-markdown": "^10.1.0"
   },
   "publishConfig": {
     "access": "public"

package/dist/theme/slot-recipes/Alert.recipe.d.ts

@@ -1,65 +0,0 @@
-declare const alertSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "title" | "root" | "description" | "indicator", {
-    variant: {
-        ai: {
-            root: {
-                border: "1px solid transparent";
-                background: "{colors.status.ai.bg} padding-box, {colors.status.ai.border} border-box";
-                color: "status/ai/text";
-            };
-            indicator: {
-                color: "status/ai/icon";
-            };
-        };
-        critical: {
-            root: {
-                backgroundColor: "status/critical/bg";
-                borderColor: "status/critical/border";
-                color: "status/critical/text";
-            };
-            indicator: {
-                color: "status/critical/icon";
-            };
-        };
-        info: {
-            root: {
-                backgroundColor: "status/info/bg";
-                borderColor: "status/info/border";
-                color: "status/info/text";
-            };
-            indicator: {
-                color: "status/info/icon";
-            };
-        };
-        progress: {
-            root: {
-                backgroundColor: "status/progress/bg";
-                borderColor: "status/progress/border";
-                color: "status/progress/text";
-            };
-            indicator: {
-                color: "status/progress/icon";
-            };
-        };
-        success: {
-            root: {
-                backgroundColor: "status/success/bg";
-                borderColor: "status/success/border";
-                color: "status/success/text";
-            };
-            indicator: {
-                color: "status/success/icon";
-            };
-        };
-        warning: {
-            root: {
-                backgroundColor: "status/warning/bg";
-                borderColor: "status/warning/border";
-                color: "status/warning/text";
-            };
-            indicator: {
-                color: "status/warning/icon";
-            };
-        };
-    };
-}>;
-export default alertSlotRecipe;