@bitrise/bitkit-v2 0.3.176 → 0.3.178

package/dist/components/BitkitMarkdown/BitkitMarkdown.d.ts

@@ -0,0 +1,11 @@
+import { StackProps } from '@chakra-ui/react/stack';
+import { ComponentProps } from 'react';
+import { default as Markdown, Components } from 'react-markdown';
+export interface BitkitMarkdownProps extends Omit<StackProps, 'children'> {
+    children: string;
+    components?: Components | null;
+    rehypePlugins?: ComponentProps<typeof Markdown>['rehypePlugins'];
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const BitkitMarkdown: import('react').ForwardRefExoticComponent<BitkitMarkdownProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitMarkdown;

package/dist/components/BitkitMarkdown/BitkitMarkdown.js

@@ -0,0 +1,104 @@
+import e from "../BitkitCodeSnippet/BitkitCodeSnippet.js";
+import t from "../BitkitLink/BitkitLink.js";
+import n from "../BitkitOrderedList/BitkitOrderedList.js";
+import r from "../BitkitUnorderedList/BitkitUnorderedList.js";
+import { chakra as i, useSlotRecipe as a } from "@chakra-ui/react/styled-system";
+import { Text as o } from "@chakra-ui/react/text";
+import { createContext as s, forwardRef as c, isValidElement as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+import { Separator as d } from "@chakra-ui/react/separator";
+import { Stack as f } from "@chakra-ui/react/stack";
+import { Heading as p } from "@chakra-ui/react/heading";
+import m from "react-markdown";
+//#region lib/components/BitkitMarkdown/BitkitMarkdown.tsx
+var h = s("unordered"), g = (e) => typeof e == "string" ? e : typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(g).join("") : l(e) ? g(e.props.children) : "", _ = (a, s) => {
+	let c = a === "lg" ? "lg" : "md", l = a === "lg" ? "lg" : "md";
+	return {
+		a: ({ node: e, ...n }) => /* @__PURE__ */ u(t, {
+			colorScheme: "purple",
+			rel: "noopener noreferrer",
+			target: "_blank",
+			...n
+		}),
+		blockquote: ({ node: e, ...t }) => /* @__PURE__ */ u(i.blockquote, {
+			css: s,
+			...t
+		}),
+		code: ({ node: t, children: n }) => /* @__PURE__ */ u(e, {
+			variant: "inline",
+			size: c,
+			children: String(n)
+		}),
+		h1: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+			as: "h1",
+			textStyle: "heading/h1",
+			...t
+		}),
+		h2: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+			as: "h2",
+			textStyle: "heading/h2",
+			...t
+		}),
+		h3: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+			as: "h3",
+			textStyle: "heading/h3",
+			...t
+		}),
+		h4: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+			as: "h4",
+			textStyle: "heading/h4",
+			...t
+		}),
+		h5: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+			as: "h5",
+			textStyle: "heading/h5",
+			...t
+		}),
+		h6: ({ node: e, ...t }) => /* @__PURE__ */ u(p, {
+			as: "h6",
+			textStyle: "heading/h6",
+			...t
+		}),
+		hr: () => /* @__PURE__ */ u(d, {}),
+		li: ({ node: e, ...t }) => /* @__PURE__ */ u(h.Consumer, { children: (e) => u(e === "ordered" ? n.Item : r.Item, { children: t.children }) }),
+		ol: ({ node: e, ...t }) => /* @__PURE__ */ u(h.Provider, {
+			value: "ordered",
+			children: /* @__PURE__ */ u(n, {
+				size: l,
+				children: t.children
+			})
+		}),
+		p: ({ node: e, ...t }) => /* @__PURE__ */ u(o, { ...t }),
+		pre: ({ node: t, children: n }) => /* @__PURE__ */ u(e, {
+			variant: "multi",
+			size: c,
+			children: g(n)
+		}),
+		ul: ({ node: e, ...t }) => /* @__PURE__ */ u(h.Provider, {
+			value: "unordered",
+			children: /* @__PURE__ */ u(r, {
+				size: l,
+				children: t.children
+			})
+		})
+	};
+}, v = c((e, t) => {
+	let { children: n, components: r, rehypePlugins: i, size: o = "md", ...s } = e, c = a({ key: "markdown" })({ size: o }), l = {
+		..._(o, c.blockquote),
+		...r ?? {}
+	};
+	return /* @__PURE__ */ u(f, {
+		ref: t,
+		gap: "16",
+		css: c.root,
+		...s,
+		children: /* @__PURE__ */ u(m, {
+			components: l,
+			rehypePlugins: i,
+			children: n
+		})
+	});
+});
+v.displayName = "BitkitMarkdown";
+//#endregion
+export { v as default };

package/dist/components/BitkitMarkdown/BitkitMarkdown.sample.d.ts

@@ -0,0 +1,2 @@
+declare const SAMPLE_MARKDOWN = "Body text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n\n# Heading level 1\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n\n## Heading level 2\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n\n### Heading level 3\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n\n#### Heading level 4\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n\n##### Heading level 5\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n\n###### Heading level 6\n\nBody text goes here. Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n\n---\n\n- List item A\n- List item B\n- List item C\n\n1. List item A\n2. List item B\n3. List item C\n\n```\nconst greet = (name: string): string => {\n  return `Hello, ${name}!`;\n};\n```\n\nHere is some `inline code` in a sentence.\n\n> Block quote\n\nHere is a [link example](https://bitrise.io) for demonstration purposes.\n";
+export default SAMPLE_MARKDOWN;

package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.d.ts

@@ -0,0 +1,22 @@
+import { BoxProps } from '@chakra-ui/react/box';
+import { ReactNode } from 'react';
+type Status = 'critical' | 'info' | 'success' | 'warning';
+type UncontrolledProps = {
+    defaultOpen?: boolean;
+    onOpenChange?: never;
+    open?: never;
+};
+type ControlledProps = {
+    defaultOpen?: never;
+    onOpenChange: (open: boolean) => void;
+    open: boolean;
+};
+export type BitkitMarkdownCardProps = Omit<BoxProps, 'children'> & {
+    actions?: ReactNode;
+    children: string;
+    collapsedHeight?: string;
+    size?: 'sm' | 'md' | 'lg';
+    status?: Status;
+} & (UncontrolledProps | ControlledProps);
+declare const BitkitMarkdownCard: import('react').ForwardRefExoticComponent<BitkitMarkdownCardProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitMarkdownCard;

package/dist/components/BitkitMarkdownCard/BitkitMarkdownCard.js

@@ -0,0 +1,62 @@
+import e from "../../icons/IconCheck.js";
+import t from "../../icons/IconChevronDown.js";
+import n from "../../icons/IconChevronUp.js";
+import r from "../../icons/IconErrorCircleFilled.js";
+import i from "../../icons/IconInfoCircle.js";
+import a from "../../icons/IconWarning.js";
+import o from "../BitkitButton/BitkitButton.js";
+import s from "../BitkitMarkdown/BitkitMarkdown.js";
+import { Box as c } from "@chakra-ui/react/box";
+import { useSlotRecipe as l } from "@chakra-ui/react/styled-system";
+import { forwardRef as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Card as m } from "@chakra-ui/react/card";
+import { Collapsible as h } from "@chakra-ui/react/collapsible";
+import { HStack as g } from "@chakra-ui/react/stack";
+//#region lib/components/BitkitMarkdownCard/BitkitMarkdownCard.tsx
+var _ = {
+	critical: /* @__PURE__ */ f(r, { size: "24" }),
+	info: /* @__PURE__ */ f(i, { size: "24" }),
+	success: /* @__PURE__ */ f(e, { size: "24" }),
+	warning: /* @__PURE__ */ f(a, { size: "24" })
+}, v = u((e, r) => {
+	let { actions: i, children: a, collapsedHeight: u = "200px", defaultOpen: v, onOpenChange: y, open: b, size: x = "md", status: S = "info", ...C } = e, w = l({ key: "markdownCard" })({ status: S }), T = y ? (e) => y(e.open) : void 0;
+	return /* @__PURE__ */ f(m.Root, {
+		ref: r,
+		css: w.root,
+		...C,
+		children: /* @__PURE__ */ p(g, {
+			align: "stretch",
+			gap: "0",
+			children: [/* @__PURE__ */ f(c, {
+				css: w.iconBar,
+				children: _[S]
+			}), /* @__PURE__ */ f(c, {
+				css: w.content,
+				children: /* @__PURE__ */ p(h.Root, {
+					open: b,
+					defaultOpen: v,
+					collapsedHeight: u,
+					onOpenChange: T,
+					children: [/* @__PURE__ */ f(h.Content, { children: /* @__PURE__ */ f(s, {
+						size: x,
+						children: a
+					}) }), /* @__PURE__ */ f(h.Context, { children: (e) => /* @__PURE__ */ p(d, { children: [!e.open && /* @__PURE__ */ f(c, { css: w.gradient }), /* @__PURE__ */ p(g, {
+						gap: "16",
+						css: w.footerButtons,
+						children: [i, /* @__PURE__ */ f(o, {
+							...e.getTriggerProps(),
+							size: "sm",
+							suffixIcon: e.open ? n : t,
+							variant: "secondary",
+							children: e.open ? "Show less" : "Show more"
+						})]
+					})] }) })]
+				})
+			})]
+		})
+	});
+});
+v.displayName = "BitkitMarkdownCard";
+//#endregion
+export { v as default };

package/dist/components/BitkitTable/BitkitExpandableRow.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export interface BitkitExpandableRowProps {
+    children: ReactNode;
+    colSpan: number;
+    defaultOpen?: boolean;
+    expandedContent: ReactNode;
+}
+declare const BitkitExpandableRow: import('react').ForwardRefExoticComponent<BitkitExpandableRowProps & import('react').RefAttributes<HTMLTableRowElement>>;
+export default BitkitExpandableRow;

package/dist/components/BitkitTable/BitkitSortableColumnHeader.d.ts

@@ -0,0 +1,8 @@
+import { Table } from '@chakra-ui/react/table';
+type SortDirection = 'ascending' | 'descending' | 'none';
+export interface BitkitSortableColumnHeaderProps extends Omit<Table.ColumnHeaderProps, 'aria-sort' | 'onClick'> {
+    direction: SortDirection;
+    onSort: () => void;
+}
+declare const BitkitSortableColumnHeader: import('react').ForwardRefExoticComponent<BitkitSortableColumnHeaderProps & import('react').RefAttributes<HTMLTableCellElement>>;
+export default BitkitSortableColumnHeader;

package/dist/components/index.d.ts

@@ -32,6 +32,8 @@ export { default as BitkitLabel, type BitkitLabelProps } from './BitkitLabel/Bit
 export { default as BitkitLabelTooltip, type BitkitLabelTooltipProps } from './BitkitLabelTooltip/BitkitLabelTooltip';
 export { default as BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
 export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';
+export { default as BitkitMarkdown, type BitkitMarkdownProps } from './BitkitMarkdown/BitkitMarkdown';
+export { default as BitkitMarkdownCard, type BitkitMarkdownCardProps } from './BitkitMarkdownCard/BitkitMarkdownCard';
 export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './BitkitNativeSelect/BitkitNativeSelect';
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitOrderedList, type BitkitOrderedListItemProps, type BitkitOrderedListProps, } from './BitkitOrderedList/BitkitOrderedList';

package/dist/main.js

@@ -313,27 +313,29 @@ import Hi from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
 import Ui from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
 import Wi from "./components/BitkitLink/BitkitLink.js";
 import Gi from "./components/BitkitLinkButton/BitkitLinkButton.js";
-import Ki from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
-import qi from "./components/BitkitNumberInput/BitkitNumberInput.js";
-import Ji from "./components/BitkitOrderedList/BitkitOrderedList.js";
-import Yi from "./components/BitkitOverflowTooltip/BitkitOverflowTooltip.js";
-import Xi from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
-import Zi from "./components/BitkitRadio/BitkitRadio.js";
-import Qi from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
-import $i from "./components/BitkitRibbon/BitkitRibbon.js";
-import ea from "./components/BitkitSearchInput/BitkitSearchInput.js";
-import ta from "./components/BitkitSectionHeading/BitkitSectionHeading.js";
-import na from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
-import ra from "./components/BitkitSelect/BitkitSelect.js";
-import ia from "./components/BitkitSelectableTag/BitkitSelectableTag.js";
-import aa from "./components/BitkitSplitButton/BitkitSplitButton.js";
-import oa from "./components/BitkitTabs/BitkitTabs.js";
-import sa from "./components/BitkitTag/BitkitTag.js";
-import ca from "./components/BitkitTagsInput/BitkitTagsInput.js";
-import la from "./components/BitkitTextInput/BitkitTextInput.js";
-import ua from "./components/BitkitToggle/BitkitToggle.js";
-import da from "./components/BitkitToggleButton/BitkitToggleButton.js";
-import fa from "./components/BitkitUnorderedList/BitkitUnorderedList.js";
-import pa from "./theme/index.js";
-import ma 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, Ki as BitkitNativeSelect, qi as BitkitNumberInput, Ji as BitkitOrderedList, Yi as BitkitOverflowTooltip, Xi as BitkitPaginationLoadMore, ma as BitkitProvider, Zi as BitkitRadio, Qi as BitkitRadioGroup, $i as BitkitRibbon, ea as BitkitSearchInput, ta as BitkitSectionHeading, na as BitkitSegmentedControl, ra as BitkitSelect, yi as BitkitSelectMenu, ia as BitkitSelectableTag, aa as BitkitSplitButton, oa as BitkitTabs, sa as BitkitTag, ca as BitkitTagsInput, la as BitkitTextInput, ua as BitkitToggle, da as BitkitToggleButton, wi as BitkitTooltip, fa 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, pa as bitriseTheme };
+import Ki from "./components/BitkitOrderedList/BitkitOrderedList.js";
+import qi from "./components/BitkitUnorderedList/BitkitUnorderedList.js";
+import Ji from "./components/BitkitMarkdown/BitkitMarkdown.js";
+import Yi from "./components/BitkitMarkdownCard/BitkitMarkdownCard.js";
+import Xi from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
+import Zi from "./components/BitkitNumberInput/BitkitNumberInput.js";
+import Qi from "./components/BitkitOverflowTooltip/BitkitOverflowTooltip.js";
+import $i from "./components/BitkitPaginationLoadMore/BitkitPaginationLoadMore.js";
+import ea from "./components/BitkitRadio/BitkitRadio.js";
+import ta from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
+import na from "./components/BitkitRibbon/BitkitRibbon.js";
+import ra from "./components/BitkitSearchInput/BitkitSearchInput.js";
+import ia from "./components/BitkitSectionHeading/BitkitSectionHeading.js";
+import aa from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
+import oa from "./components/BitkitSelect/BitkitSelect.js";
+import sa from "./components/BitkitSelectableTag/BitkitSelectableTag.js";
+import ca from "./components/BitkitSplitButton/BitkitSplitButton.js";
+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 };

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

@@ -0,0 +1,20 @@
+declare const markdownSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"blockquote" | "root", {
+    size: {
+        sm: {
+            root: {
+                textStyle: "body/sm/regular";
+            };
+        };
+        md: {
+            root: {
+                textStyle: "body/md/regular";
+            };
+        };
+        lg: {
+            root: {
+                textStyle: "body/lg/regular";
+            };
+        };
+    };
+}>;
+export default markdownSlotRecipe;

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

@@ -0,0 +1,24 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/Markdown.recipe.ts
+var t = e({
+	className: "markdown",
+	slots: ["root", "blockquote"],
+	base: {
+		root: { color: "text/body" },
+		blockquote: {
+			borderInlineStart: "2px solid",
+			borderColor: "border/regular",
+			paddingInlineStart: "16",
+			paddingBlock: "8",
+			color: "text/secondary"
+		}
+	},
+	variants: { size: {
+		sm: { root: { textStyle: "body/sm/regular" } },
+		md: { root: { textStyle: "body/md/regular" } },
+		lg: { root: { textStyle: "body/lg/regular" } }
+	} },
+	defaultVariants: { size: "md" }
+});
+//#endregion
+export { t as default };

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

@@ -0,0 +1,45 @@
+declare const markdownCardSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "root" | "description" | "iconBar" | "gradient" | "footerButtons", {
+    status: {
+        info: {
+            iconBar: {
+                backgroundColor: "background/secondary";
+                borderColor: "border/regular";
+                color: "icon/secondary";
+            };
+            root: {
+                borderColor: "border/regular";
+            };
+        };
+        success: {
+            iconBar: {
+                backgroundColor: "status/success/bg";
+                borderColor: "status/success/border";
+                color: "status/success/icon";
+            };
+            root: {
+                borderColor: "status/success/border";
+            };
+        };
+        warning: {
+            iconBar: {
+                backgroundColor: "status/warning/bg";
+                borderColor: "status/warning/border";
+                color: "status/warning/icon";
+            };
+            root: {
+                borderColor: "status/warning/border";
+            };
+        };
+        critical: {
+            iconBar: {
+                backgroundColor: "status/critical/bg";
+                borderColor: "status/critical/border";
+                color: "status/critical/icon";
+            };
+            root: {
+                borderColor: "status/critical/border";
+            };
+        };
+    };
+}>;
+export default markdownCardSlotRecipe;

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

@@ -0,0 +1,86 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+import { cardAnatomy as t } from "@chakra-ui/react/anatomy";
+//#region lib/theme/slot-recipes/MarkdownCard.recipe.ts
+var n = e({
+	className: "markdown-card",
+	slots: [
+		...t.keys(),
+		"iconBar",
+		"content",
+		"gradient",
+		"footerButtons"
+	],
+	base: {
+		root: {
+			backgroundColor: "background/primary",
+			overflow: "hidden"
+		},
+		iconBar: {
+			display: "flex",
+			alignItems: "flex-start",
+			justifyContent: "center",
+			paddingInline: "8",
+			paddingBlock: "12",
+			flexShrink: 0,
+			borderInlineEnd: "1px solid"
+		},
+		content: {
+			flex: 1,
+			paddingInlineStart: "16",
+			paddingInlineEnd: "24",
+			paddingBlockStart: "24",
+			minWidth: 0,
+			position: "relative"
+		},
+		gradient: {
+			background: "linear-gradient(to top, {colors.background.primary} 12.5%, transparent)",
+			bottom: 0,
+			height: "128",
+			insetInline: 0,
+			pointerEvents: "none",
+			position: "absolute"
+		},
+		footerButtons: {
+			justifyContent: "flex-end",
+			paddingBlockEnd: "16",
+			paddingInlineEnd: "8"
+		}
+	},
+	variants: { status: {
+		info: {
+			iconBar: {
+				backgroundColor: "background/secondary",
+				borderColor: "border/regular",
+				color: "icon/secondary"
+			},
+			root: { borderColor: "border/regular" }
+		},
+		success: {
+			iconBar: {
+				backgroundColor: "status/success/bg",
+				borderColor: "status/success/border",
+				color: "status/success/icon"
+			},
+			root: { borderColor: "status/success/border" }
+		},
+		warning: {
+			iconBar: {
+				backgroundColor: "status/warning/bg",
+				borderColor: "status/warning/border",
+				color: "status/warning/icon"
+			},
+			root: { borderColor: "status/warning/border" }
+		},
+		critical: {
+			iconBar: {
+				backgroundColor: "status/critical/bg",
+				borderColor: "status/critical/border",
+				color: "status/critical/icon"
+			},
+			root: { borderColor: "status/critical/border" }
+		}
+	} },
+	defaultVariants: { status: "info" }
+});
+//#endregion
+export { n as default };

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

@@ -1,2 +1,135 @@
-declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader", import('@chakra-ui/react').SlotRecipeVariantRecord<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader">>;
+declare const tableSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader", {
+    variant: {
+        default: {
+            root: {
+                borderColor: "border/minimal";
+                borderRadius: "4";
+                borderStyle: "solid";
+                borderWidth: "1px";
+                overflow: "hidden";
+            };
+            header: {
+                '& :where(th)': {
+                    backgroundColor: "background/tertiary";
+                };
+            };
+            columnHeader: {
+                borderBottomColor: "border/minimal";
+                paddingBlock: "12";
+                paddingInline: "16";
+            };
+            cell: {
+                borderBottomColor: "border/minimal";
+                paddingInline: "16";
+            };
+            footer: {
+                borderTopColor: "border/minimal";
+            };
+        };
+        borderless: {
+            columnHeader: {
+                borderBottomColor: "border/regular";
+                padding: "12";
+            };
+            cell: {
+                borderBottomColor: "border/regular";
+                paddingInline: "12";
+            };
+            footer: {
+                borderTopColor: "border/regular";
+            };
+        };
+    };
+    layout: {
+        table: {
+            root: {
+                borderCollapse: "separate";
+                borderSpacing: "0";
+            };
+            caption: {
+                marginBlockEnd: "24";
+            };
+            columnHeader: {
+                borderBottomStyle: "solid";
+                borderBottomWidth: "1px";
+                color: "text/primary";
+                fontWeight: "bold";
+                textAlign: "start";
+                textStyle: "heading/h5";
+                verticalAlign: "middle";
+            };
+            cell: {
+                borderBottomStyle: "solid";
+                borderBottomWidth: "1px";
+                paddingBlock: "20";
+                verticalAlign: "middle";
+            };
+            body: {
+                '& :where(tr)': {
+                    _hover: {
+                        backgroundColor: "background/hover";
+                    };
+                };
+                '& :where(tr:last-child) td': {
+                    borderBottomWidth: "0";
+                };
+            };
+        };
+        stacked: {
+            root: {
+                display: "block";
+            };
+            caption: {
+                display: "block";
+                padding: "16";
+                backgroundColor: "background/tertiary";
+                borderBottomColor: "border/minimal";
+                borderBottomStyle: "solid";
+                borderBottomWidth: "1px";
+            };
+            header: {
+                borderWidth: "0";
+                clip: "rect(0, 0, 0, 0)";
+                height: "1";
+                margin: "-1px";
+                overflow: "hidden";
+                padding: number;
+                position: "absolute";
+                whiteSpace: "nowrap";
+                width: "1";
+            };
+            body: {
+                display: "block";
+            };
+            row: {
+                borderBottomColor: "border/minimal";
+                borderBottomStyle: "solid";
+                borderBottomWidth: "1px";
+                display: "block";
+                paddingBlock: "12";
+                '&:last-child': {
+                    borderBottomWidth: "0";
+                };
+            };
+            cell: {
+                alignItems: "center";
+                display: "flex";
+                minHeight: "48";
+                paddingInline: "16";
+                _before: {
+                    alignSelf: "center";
+                    color: "text/primary";
+                    content: "attr(data-label)";
+                    flexShrink: number;
+                    fontWeight: "semibold";
+                    paddingInlineEnd: "16";
+                    width: "96";
+                };
+            };
+            footer: {
+                display: "block";
+            };
+        };
+    };
+}>;
 export default tableSlotRecipe;

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

@@ -6,24 +6,142 @@ var n = e({
 	slots: t.keys(),
 	base: {
 		root: {
-			border: "1px solid",
-			borderColor: "border/minimal",
-			overflow: "hidden"
+			fontVariantNumeric: "lining-nums tabular-nums",
+			textAlign: "start",
+			width: "full"
 		},
-		columnHeader: {
-			backgroundColor: "background/tertiary",
-			border: "1px solid",
-			borderColor: "border/minimal",
-			padding: "8",
-			textAlign: "left",
-			textStyle: "heading/h5"
+		caption: {
+			captionSide: "top !important",
+			textAlign: "start",
+			"& > * + *": { marginBlockStart: "4" }
 		},
 		cell: {
-			border: "1px solid",
-			borderColor: "border/minimal",
-			padding: "8"
+			color: "text/body",
+			textStyle: "body/md/regular"
 		},
-		row: { _hover: { backgroundColor: "background/selected" } }
+		footer: {
+			borderTopStyle: "solid",
+			borderTopWidth: "1px"
+		}
+	},
+	variants: {
+		variant: {
+			default: {
+				root: {
+					borderColor: "border/minimal",
+					borderRadius: "4",
+					borderStyle: "solid",
+					borderWidth: "1px",
+					overflow: "hidden"
+				},
+				header: { "& :where(th)": { backgroundColor: "background/tertiary" } },
+				columnHeader: {
+					borderBottomColor: "border/minimal",
+					paddingBlock: "12",
+					paddingInline: "16"
+				},
+				cell: {
+					borderBottomColor: "border/minimal",
+					paddingInline: "16"
+				},
+				footer: { borderTopColor: "border/minimal" }
+			},
+			borderless: {
+				columnHeader: {
+					borderBottomColor: "border/regular",
+					padding: "12"
+				},
+				cell: {
+					borderBottomColor: "border/regular",
+					paddingInline: "12"
+				},
+				footer: { borderTopColor: "border/regular" }
+			}
+		},
+		layout: {
+			table: {
+				root: {
+					borderCollapse: "separate",
+					borderSpacing: "0"
+				},
+				caption: { marginBlockEnd: "24" },
+				columnHeader: {
+					borderBottomStyle: "solid",
+					borderBottomWidth: "1px",
+					color: "text/primary",
+					fontWeight: "bold",
+					textAlign: "start",
+					textStyle: "heading/h5",
+					verticalAlign: "middle"
+				},
+				cell: {
+					borderBottomStyle: "solid",
+					borderBottomWidth: "1px",
+					paddingBlock: "20",
+					verticalAlign: "middle"
+				},
+				body: {
+					"& :where(tr)": { _hover: { backgroundColor: "background/hover" } },
+					"& :where(tr:last-child) td": { borderBottomWidth: "0" }
+				}
+			},
+			stacked: {
+				root: { display: "block" },
+				caption: {
+					display: "block",
+					padding: "16",
+					backgroundColor: "background/tertiary",
+					borderBottomColor: "border/minimal",
+					borderBottomStyle: "solid",
+					borderBottomWidth: "1px"
+				},
+				header: {
+					borderWidth: "0",
+					clip: "rect(0, 0, 0, 0)",
+					height: "1",
+					margin: "-1px",
+					overflow: "hidden",
+					padding: 0,
+					position: "absolute",
+					whiteSpace: "nowrap",
+					width: "1"
+				},
+				body: { display: "block" },
+				row: {
+					borderBottomColor: "border/minimal",
+					borderBottomStyle: "solid",
+					borderBottomWidth: "1px",
+					display: "block",
+					paddingBlock: "12",
+					"&:last-child": { borderBottomWidth: "0" }
+				},
+				cell: {
+					alignItems: "center",
+					display: "flex",
+					minHeight: "48",
+					paddingInline: "16",
+					_before: {
+						alignSelf: "center",
+						color: "text/primary",
+						content: "attr(data-label)",
+						flexShrink: 0,
+						fontWeight: "semibold",
+						paddingInlineEnd: "16",
+						width: "96"
+					}
+				},
+				footer: { display: "block" }
+			}
+		}
+	},
+	compoundVariants: [{
+		css: { row: { borderBottomColor: "border/regular" } },
+		layout: "stacked",
+		variant: "borderless"
+	}],
+	defaultVariants: {
+		layout: "table",
+		variant: "default"
 	}
 });
 //#endregion

package/dist/theme/slot-recipes/index.d.ts

@@ -679,6 +679,69 @@ declare const slotRecipes: {
             };
         };
     }>;
+    markdown: import('@chakra-ui/react').SlotRecipeDefinition<"blockquote" | "root", {
+        size: {
+            sm: {
+                root: {
+                    textStyle: "body/sm/regular";
+                };
+            };
+            md: {
+                root: {
+                    textStyle: "body/md/regular";
+                };
+            };
+            lg: {
+                root: {
+                    textStyle: "body/lg/regular";
+                };
+            };
+        };
+    }>;
+    markdownCard: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "root" | "description" | "iconBar" | "gradient" | "footerButtons", {
+        status: {
+            info: {
+                iconBar: {
+                    backgroundColor: "background/secondary";
+                    borderColor: "border/regular";
+                    color: "icon/secondary";
+                };
+                root: {
+                    borderColor: "border/regular";
+                };
+            };
+            success: {
+                iconBar: {
+                    backgroundColor: "status/success/bg";
+                    borderColor: "status/success/border";
+                    color: "status/success/icon";
+                };
+                root: {
+                    borderColor: "status/success/border";
+                };
+            };
+            warning: {
+                iconBar: {
+                    backgroundColor: "status/warning/bg";
+                    borderColor: "status/warning/border";
+                    color: "status/warning/icon";
+                };
+                root: {
+                    borderColor: "status/warning/border";
+                };
+            };
+            critical: {
+                iconBar: {
+                    backgroundColor: "status/critical/bg";
+                    borderColor: "status/critical/border";
+                    color: "status/critical/icon";
+                };
+                root: {
+                    borderColor: "status/critical/border";
+                };
+            };
+        };
+    }>;
     menu: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem" | "itemCommand" | "itemHelper", {
         size: {
             lg: {
@@ -928,7 +991,140 @@ declare const slotRecipes: {
             };
         };
     }>;
-    table: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader", import('@chakra-ui/react').SlotRecipeVariantRecord<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader">>;
+    table: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "caption" | "footer" | "header" | "cell" | "row" | "root" | "columnHeader", {
+        variant: {
+            default: {
+                root: {
+                    borderColor: "border/minimal";
+                    borderRadius: "4";
+                    borderStyle: "solid";
+                    borderWidth: "1px";
+                    overflow: "hidden";
+                };
+                header: {
+                    '& :where(th)': {
+                        backgroundColor: "background/tertiary";
+                    };
+                };
+                columnHeader: {
+                    borderBottomColor: "border/minimal";
+                    paddingBlock: "12";
+                    paddingInline: "16";
+                };
+                cell: {
+                    borderBottomColor: "border/minimal";
+                    paddingInline: "16";
+                };
+                footer: {
+                    borderTopColor: "border/minimal";
+                };
+            };
+            borderless: {
+                columnHeader: {
+                    borderBottomColor: "border/regular";
+                    padding: "12";
+                };
+                cell: {
+                    borderBottomColor: "border/regular";
+                    paddingInline: "12";
+                };
+                footer: {
+                    borderTopColor: "border/regular";
+                };
+            };
+        };
+        layout: {
+            table: {
+                root: {
+                    borderCollapse: "separate";
+                    borderSpacing: "0";
+                };
+                caption: {
+                    marginBlockEnd: "24";
+                };
+                columnHeader: {
+                    borderBottomStyle: "solid";
+                    borderBottomWidth: "1px";
+                    color: "text/primary";
+                    fontWeight: "bold";
+                    textAlign: "start";
+                    textStyle: "heading/h5";
+                    verticalAlign: "middle";
+                };
+                cell: {
+                    borderBottomStyle: "solid";
+                    borderBottomWidth: "1px";
+                    paddingBlock: "20";
+                    verticalAlign: "middle";
+                };
+                body: {
+                    '& :where(tr)': {
+                        _hover: {
+                            backgroundColor: "background/hover";
+                        };
+                    };
+                    '& :where(tr:last-child) td': {
+                        borderBottomWidth: "0";
+                    };
+                };
+            };
+            stacked: {
+                root: {
+                    display: "block";
+                };
+                caption: {
+                    display: "block";
+                    padding: "16";
+                    backgroundColor: "background/tertiary";
+                    borderBottomColor: "border/minimal";
+                    borderBottomStyle: "solid";
+                    borderBottomWidth: "1px";
+                };
+                header: {
+                    borderWidth: "0";
+                    clip: "rect(0, 0, 0, 0)";
+                    height: "1";
+                    margin: "-1px";
+                    overflow: "hidden";
+                    padding: number;
+                    position: "absolute";
+                    whiteSpace: "nowrap";
+                    width: "1";
+                };
+                body: {
+                    display: "block";
+                };
+                row: {
+                    borderBottomColor: "border/minimal";
+                    borderBottomStyle: "solid";
+                    borderBottomWidth: "1px";
+                    display: "block";
+                    paddingBlock: "12";
+                    '&:last-child': {
+                        borderBottomWidth: "0";
+                    };
+                };
+                cell: {
+                    alignItems: "center";
+                    display: "flex";
+                    minHeight: "48";
+                    paddingInline: "16";
+                    _before: {
+                        alignSelf: "center";
+                        color: "text/primary";
+                        content: "attr(data-label)";
+                        flexShrink: number;
+                        fontWeight: "semibold";
+                        paddingInlineEnd: "16";
+                        width: "96";
+                    };
+                };
+                footer: {
+                    display: "block";
+                };
+            };
+        };
+    }>;
     tabs: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "list" | "root" | "trigger" | "indicator" | "contentGroup", {
         variant: {
             line: {

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

@@ -22,22 +22,24 @@ import b from "./GroupHeading.recipe.js";
 import x from "./ImageCropper.recipe.js";
 import S from "./InlineLoading.recipe.js";
 import C from "./List.recipe.js";
-import w from "./Menu.recipe.js";
-import T from "./NativeSelect.recipe.js";
-import E from "./PaginationLoadMore.recipe.js";
-import D from "./RadioGroup.recipe.js";
-import O from "./Ribbon.recipe.js";
-import k from "./SectionHeading.recipe.js";
-import A from "./SegmentGroup.recipe.js";
-import j from "./SplitButton.recipe.js";
-import M from "./Switch.recipe.js";
-import N from "./Table.recipe.js";
-import P from "./Tabs.recipe.js";
-import F from "./Tag.recipe.js";
-import I from "./TagsInput.recipe.js";
-import L from "./Tooltip.recipe.js";
+import w from "./Markdown.recipe.js";
+import T from "./MarkdownCard.recipe.js";
+import E from "./Menu.recipe.js";
+import D from "./NativeSelect.recipe.js";
+import O from "./PaginationLoadMore.recipe.js";
+import k from "./RadioGroup.recipe.js";
+import A from "./Ribbon.recipe.js";
+import j from "./SectionHeading.recipe.js";
+import M from "./SegmentGroup.recipe.js";
+import N from "./SplitButton.recipe.js";
+import P from "./Switch.recipe.js";
+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";
 //#region lib/theme/slot-recipes/index.ts
-var R = {
+var B = {
 	accordion: t,
 	actionBar: n,
 	alert: r,
@@ -60,22 +62,24 @@ var R = {
 	imageCropper: x,
 	inlineLoading: S,
 	list: C,
-	menu: w,
-	nativeSelect: T,
+	markdown: w,
+	markdownCard: T,
+	menu: E,
+	nativeSelect: D,
 	numberInput: e,
-	paginationLoadMore: E,
-	radioGroup: D,
-	ribbon: O,
-	sectionHeading: k,
-	segmentGroup: A,
+	paginationLoadMore: O,
+	radioGroup: k,
+	ribbon: A,
+	sectionHeading: j,
+	segmentGroup: M,
 	select: f,
-	splitButton: j,
-	switch: M,
-	table: N,
-	tabs: P,
-	tag: F,
-	tagsInput: I,
-	tooltip: L
+	splitButton: N,
+	switch: P,
+	table: F,
+	tabs: I,
+	tag: L,
+	tagsInput: R,
+	tooltip: z
 };
 //#endregion
-export { R as default };
+export { B as default };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.176",
+  "version": "0.3.178",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -60,9 +60,9 @@
     "@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.3.4",
+    "@storybook/addon-docs": "10.3.5",
     "@storybook/addon-mcp": "^0.5.0",
-    "@storybook/react-vite": "10.3.4",
+    "@storybook/react-vite": "10.3.5",
     "@svgr/plugin-jsx": "^8.1.0",
     "@types/node": "^25.5.2",
     "@types/react": "^19.2.14",
@@ -73,10 +73,10 @@
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "release-it": "^19.2.4",
-    "storybook": "10.3.4",
+    "storybook": "10.3.5",
     "tsx": "^4.21.0",
     "typescript": "^6.0.2",
-    "vite": "^8.0.6",
+    "vite": "^8.0.7",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-svgr": "^5.2.0"
   },
@@ -85,7 +85,8 @@
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@fontsource-variable/figtree": "^5.2.10",
-    "@fontsource-variable/source-code-pro": "^5.2.7"
+    "@fontsource-variable/source-code-pro": "^5.2.7",
+    "react-markdown": "^10.0.0"
   },
   "publishConfig": {
     "access": "public"