@bitrise/bitkit-v2 0.3.186 → 0.3.187

package/dist/components/BitkitLabeledData/BitkitLabeledData.d.ts

@@ -0,0 +1,16 @@
+import { BoxProps } from '@chakra-ui/react/box';
+export interface BitkitLabeledDataProps extends Omit<BoxProps, 'colorPalette'> {
+    label: string;
+    labelVariant?: 'primary' | 'secondary';
+    limitValue?: string;
+    showWarning?: boolean;
+    size?: 'lg' | '2xl' | '3xl' | 'sm' | 'md';
+    state?: 'default' | 'skeleton';
+    subtext?: string;
+    tooltip?: string;
+    tooltipAnchor?: 'label' | 'value';
+    value?: string;
+    variant?: 'default' | 'inline';
+}
+declare const BitkitLabeledData: import('react').ForwardRefExoticComponent<BitkitLabeledDataProps & import('react').RefAttributes<HTMLElement>>;
+export default BitkitLabeledData;

package/dist/components/BitkitLabeledData/BitkitLabeledData.js

@@ -0,0 +1,112 @@
+import IconInfoCircle from "../../icons/IconInfoCircle.js";
+import IconWarningYellow from "../../icons/IconWarningYellow.js";
+import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import BitkitDefinitionTooltip from "../BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "@chakra-ui/react/skeleton";
+//#region lib/components/BitkitLabeledData/BitkitLabeledData.tsx
+var SKELETON_VALUE_HEIGHTS = {
+	lg: "24",
+	"2xl": "36px",
+	"3xl": "40"
+};
+var BitkitLabeledData = forwardRef((props, ref) => {
+	const { label, labelVariant = "primary", limitValue, showWarning, size = "lg", state = "default", subtext, tooltip, tooltipAnchor = "value", value, variant = "default", ...rest } = props;
+	const styles = useSlotRecipe({ key: "labeledData" })({ size: variant === "inline" ? void 0 : size });
+	if (variant === "inline") {
+		const isSm = size === "sm";
+		const isPrimary = labelVariant === "primary";
+		const labelTextStyle = isPrimary ? isSm ? "body/sm/semibold" : "body/md/semibold" : isSm ? "body/sm/regular" : "body/md/regular";
+		if (state === "skeleton") return /* @__PURE__ */ jsxs(chakra.div, {
+			ref,
+			display: "flex",
+			alignItems: "center",
+			gap: isSm ? "4" : "8",
+			...rest,
+			children: [/* @__PURE__ */ jsx(chakra.span, {
+				textStyle: labelTextStyle,
+				color: isPrimary ? "text/primary" : "text/secondary",
+				children: label
+			}), /* @__PURE__ */ jsx(Skeleton, {
+				height: isSm ? "16" : "20",
+				width: "64"
+			})]
+		});
+		const wrapWithTooltip = (text, anchor) => tooltip && tooltipAnchor === anchor ? /* @__PURE__ */ jsx(BitkitDefinitionTooltip, {
+			text: tooltip,
+			children: text
+		}) : text;
+		return /* @__PURE__ */ jsxs(chakra.div, {
+			ref,
+			display: "flex",
+			alignItems: "center",
+			gap: isSm ? "4" : "8",
+			...rest,
+			children: [
+				!!showWarning && /* @__PURE__ */ jsx(IconWarningYellow, { size: "16" }),
+				/* @__PURE__ */ jsx(chakra.span, {
+					textStyle: labelTextStyle,
+					color: isPrimary ? "text/primary" : "text/secondary",
+					children: wrapWithTooltip(label, "label")
+				}),
+				/* @__PURE__ */ jsx(chakra.span, {
+					textStyle: isSm ? "body/sm/regular" : "body/md/regular",
+					color: "text/body",
+					children: wrapWithTooltip(value ?? "", "value")
+				})
+			]
+		});
+	}
+	const labelContent = /* @__PURE__ */ jsxs(chakra.dt, {
+		css: styles.label,
+		children: [label, !!tooltip && /* @__PURE__ */ jsx(BitkitTooltip, {
+			text: tooltip,
+			children: /* @__PURE__ */ jsx(IconInfoCircle, {
+				size: "16",
+				color: "icon/tertiary"
+			})
+		})]
+	});
+	if (state === "skeleton") return /* @__PURE__ */ jsxs(chakra.dl, {
+		css: styles.root,
+		ref,
+		...rest,
+		children: [
+			labelContent,
+			/* @__PURE__ */ jsx(Skeleton, {
+				height: SKELETON_VALUE_HEIGHTS[size],
+				width: "128"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				height: "20",
+				width: "128"
+			})
+		]
+	});
+	return /* @__PURE__ */ jsxs(chakra.dl, {
+		css: styles.root,
+		ref,
+		...rest,
+		children: [
+			labelContent,
+			/* @__PURE__ */ jsxs(chakra.dd, {
+				css: styles.value,
+				children: [value, !!limitValue && /* @__PURE__ */ jsxs(chakra.span, {
+					css: styles.limit,
+					children: ["/ ", limitValue]
+				})]
+			}),
+			!!subtext && /* @__PURE__ */ jsx(chakra.dd, {
+				css: styles.helpText,
+				children: subtext
+			})
+		]
+	});
+});
+BitkitLabeledData.displayName = "BitkitLabeledData";
+//#endregion
+export { BitkitLabeledData as default };
+
+//# sourceMappingURL=BitkitLabeledData.js.map

package/dist/components/BitkitLabeledData/BitkitLabeledData.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitLabeledData.js","names":[],"sources":["../../../lib/components/BitkitLabeledData/BitkitLabeledData.tsx"],"sourcesContent":["import { type BoxProps } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { IconInfoCircle, IconWarningYellow } from '../../icons';\nimport BitkitDefinitionTooltip from '../BitkitDefinitionTooltip/BitkitDefinitionTooltip';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n// --- Types ---\n\nexport interface BitkitLabeledDataProps extends Omit<BoxProps, 'colorPalette'> {\n  label: string;\n  labelVariant?: 'primary' | 'secondary';\n  limitValue?: string;\n  showWarning?: boolean;\n  size?: 'lg' | '2xl' | '3xl' | 'sm' | 'md';\n  state?: 'default' | 'skeleton';\n  subtext?: string;\n  tooltip?: string;\n  tooltipAnchor?: 'label' | 'value';\n  value?: string;\n  variant?: 'default' | 'inline';\n}\n\nconst SKELETON_VALUE_HEIGHTS = { lg: '24', '2xl': '36px', '3xl': '40' } as const;\n\n// --- Component ---\n\nconst BitkitLabeledData = forwardRef<HTMLElement, BitkitLabeledDataProps>((props, ref) => {\n  const {\n    label,\n    labelVariant = 'primary',\n    limitValue,\n    showWarning,\n    size = 'lg',\n    state = 'default',\n    subtext,\n    tooltip,\n    tooltipAnchor = 'value',\n    value,\n    variant = 'default',\n    ...rest\n  } = props;\n\n  const styles = useSlotRecipe({ key: 'labeledData' })({\n    size: variant === 'inline' ? undefined : (size as 'lg' | '2xl' | '3xl'),\n  });\n\n  // --- Inline variant ---\n  if (variant === 'inline') {\n    const isSm = size === 'sm';\n    const isPrimary = labelVariant === 'primary';\n    const labelTextStyle = isPrimary\n      ? isSm\n        ? 'body/sm/semibold'\n        : 'body/md/semibold'\n      : isSm\n        ? 'body/sm/regular'\n        : 'body/md/regular';\n\n    if (state === 'skeleton') {\n      return (\n        <chakra.div ref={ref} display=\"flex\" alignItems=\"center\" gap={isSm ? '4' : '8'} {...rest}>\n          <chakra.span textStyle={labelTextStyle} color={isPrimary ? 'text/primary' : 'text/secondary'}>\n            {label}\n          </chakra.span>\n          <Skeleton height={isSm ? '16' : '20'} width=\"64\" />\n        </chakra.div>\n      );\n    }\n\n    const wrapWithTooltip = (text: string, anchor: 'label' | 'value') =>\n      tooltip && tooltipAnchor === anchor ? (\n        <BitkitDefinitionTooltip text={tooltip}>{text}</BitkitDefinitionTooltip>\n      ) : (\n        text\n      );\n\n    return (\n      <chakra.div ref={ref} display=\"flex\" alignItems=\"center\" gap={isSm ? '4' : '8'} {...rest}>\n        {!!showWarning && <IconWarningYellow size=\"16\" />}\n        <chakra.span textStyle={labelTextStyle} color={isPrimary ? 'text/primary' : 'text/secondary'}>\n          {wrapWithTooltip(label, 'label')}\n        </chakra.span>\n        <chakra.span textStyle={isSm ? 'body/sm/regular' : 'body/md/regular'} color=\"text/body\">\n          {wrapWithTooltip(value ?? '', 'value')}\n        </chakra.span>\n      </chakra.div>\n    );\n  }\n\n  // --- Default variant ---\n\n  const labelContent = (\n    <chakra.dt css={styles.label}>\n      {label}\n      {!!tooltip && (\n        <BitkitTooltip text={tooltip}>\n          <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n        </BitkitTooltip>\n      )}\n    </chakra.dt>\n  );\n\n  if (state === 'skeleton') {\n    return (\n      <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        {labelContent}\n        <Skeleton height={SKELETON_VALUE_HEIGHTS[size as keyof typeof SKELETON_VALUE_HEIGHTS]} width=\"128\" />\n        <Skeleton height=\"20\" width=\"128\" />\n      </chakra.dl>\n    );\n  }\n\n  return (\n    <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n      {labelContent}\n      <chakra.dd css={styles.value}>\n        {value}\n        {!!limitValue && <chakra.span css={styles.limit}>/ {limitValue}</chakra.span>}\n      </chakra.dd>\n      {!!subtext && <chakra.dd css={styles.helpText}>{subtext}</chakra.dd>}\n    </chakra.dl>\n  );\n});\n\nBitkitLabeledData.displayName = 'BitkitLabeledData';\n\nexport default BitkitLabeledData;\n"],"mappings":";;;;;;;;;AAyBA,IAAM,yBAAyB;CAAE,IAAI;CAAM,OAAO;CAAQ,OAAO;CAAM;AAIvE,IAAM,oBAAoB,YAAiD,OAAO,QAAQ;CACxF,MAAM,EACJ,OACA,eAAe,WACf,YACA,aACA,OAAO,MACP,QAAQ,WACR,SACA,SACA,gBAAgB,SAChB,OACA,UAAU,WACV,GAAG,SACD;CAEJ,MAAM,SAAS,cAAc,EAAE,KAAK,eAAe,CAAC,CAAC,EACnD,MAAM,YAAY,WAAW,KAAA,IAAa,MAC3C,CAAC;AAGF,KAAI,YAAY,UAAU;EACxB,MAAM,OAAO,SAAS;EACtB,MAAM,YAAY,iBAAiB;EACnC,MAAM,iBAAiB,YACnB,OACE,qBACA,qBACF,OACE,oBACA;AAEN,MAAI,UAAU,WACZ,QACE,qBAAC,OAAO,KAAR;GAAiB;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAK,OAAO,MAAM;GAAK,GAAI;aAApF,CACE,oBAAC,OAAO,MAAR;IAAa,WAAW;IAAgB,OAAO,YAAY,iBAAiB;cACzE;IACW,CAAA,EACd,oBAAC,UAAD;IAAU,QAAQ,OAAO,OAAO;IAAM,OAAM;IAAO,CAAA,CACxC;;EAIjB,MAAM,mBAAmB,MAAc,WACrC,WAAW,kBAAkB,SAC3B,oBAAC,yBAAD;GAAyB,MAAM;aAAU;GAA+B,CAAA,GAExE;AAGJ,SACE,qBAAC,OAAO,KAAR;GAAiB;GAAK,SAAQ;GAAO,YAAW;GAAS,KAAK,OAAO,MAAM;GAAK,GAAI;aAApF;IACG,CAAC,CAAC,eAAe,oBAAC,mBAAD,EAAmB,MAAK,MAAO,CAAA;IACjD,oBAAC,OAAO,MAAR;KAAa,WAAW;KAAgB,OAAO,YAAY,iBAAiB;eACzE,gBAAgB,OAAO,QAAQ;KACpB,CAAA;IACd,oBAAC,OAAO,MAAR;KAAa,WAAW,OAAO,oBAAoB;KAAmB,OAAM;eACzE,gBAAgB,SAAS,IAAI,QAAQ;KAC1B,CAAA;IACH;;;CAMjB,MAAM,eACJ,qBAAC,OAAO,IAAR;EAAW,KAAK,OAAO;YAAvB,CACG,OACA,CAAC,CAAC,WACD,oBAAC,eAAD;GAAe,MAAM;aACnB,oBAAC,gBAAD;IAAgB,MAAK;IAAK,OAAM;IAAkB,CAAA;GACpC,CAAA,CAER;;AAGd,KAAI,UAAU,WACZ,QACE,qBAAC,OAAO,IAAR;EAAW,KAAK,OAAO;EAAW;EAAK,GAAK;YAA5C;GACG;GACD,oBAAC,UAAD;IAAU,QAAQ,uBAAuB;IAA8C,OAAM;IAAQ,CAAA;GACrG,oBAAC,UAAD;IAAU,QAAO;IAAK,OAAM;IAAQ,CAAA;GAC1B;;AAIhB,QACE,qBAAC,OAAO,IAAR;EAAW,KAAK,OAAO;EAAW;EAAK,GAAK;YAA5C;GACG;GACD,qBAAC,OAAO,IAAR;IAAW,KAAK,OAAO;cAAvB,CACG,OACA,CAAC,CAAC,cAAc,qBAAC,OAAO,MAAR;KAAa,KAAK,OAAO;eAAzB,CAAgC,MAAG,WAAyB;OACnE;;GACX,CAAC,CAAC,WAAW,oBAAC,OAAO,IAAR;IAAW,KAAK,OAAO;cAAW;IAAoB,CAAA;GAC1D;;EAEd;AAEF,kBAAkB,cAAc"}

package/dist/components/BitkitStat/BitkitStat.d.ts

@@ -0,0 +1,19 @@
+import { BoxProps } from '@chakra-ui/react/box';
+export type TrendColor = 'positive' | 'negative' | 'neutral';
+export type TrendDirection = 'up' | 'down';
+export type TrendTextPlacement = 'below' | 'inline';
+export interface BitkitStatProps extends Omit<BoxProps, 'colorPalette'> {
+    label: string;
+    size?: 'lg' | '2xl' | '3xl';
+    state?: 'default' | 'skeleton';
+    subtext?: string;
+    tooltip?: string;
+    trendColor?: TrendColor;
+    trendDirection?: TrendDirection;
+    trendText?: string;
+    trendTextPlacement?: TrendTextPlacement;
+    value?: string;
+    variant?: 'default' | 'compact';
+}
+declare const BitkitStat: import('react').ForwardRefExoticComponent<BitkitStatProps & import('react').RefAttributes<HTMLElement>>;
+export default BitkitStat;

package/dist/components/BitkitStat/BitkitStat.js

@@ -0,0 +1,166 @@
+import IconArrowDown from "../../icons/IconArrowDown.js";
+import IconArrowUp from "../../icons/IconArrowUp.js";
+import IconInfoCircle from "../../icons/IconInfoCircle.js";
+import BitkitTooltip from "../BitkitTooltip/BitkitTooltip.js";
+import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Skeleton } from "@chakra-ui/react/skeleton";
+//#region lib/components/BitkitStat/BitkitStat.tsx
+var TREND_COLORS = {
+	positive: {
+		text: "text/positive",
+		icon: "icon/positive"
+	},
+	negative: {
+		text: "text/negative",
+		icon: "icon/negative"
+	},
+	neutral: {
+		text: "text/secondary",
+		icon: "icon/tertiary"
+	}
+};
+var TREND_ICONS = {
+	up: IconArrowUp,
+	down: IconArrowDown
+};
+var DEFAULT_COLORS = {
+	up: "positive",
+	down: "negative"
+};
+var resolveTrend = (trendColor, trendDirection) => {
+	const color = trendColor ?? (trendDirection ? DEFAULT_COLORS[trendDirection] : void 0);
+	const colors = color ? TREND_COLORS[color] : void 0;
+	return {
+		textColor: colors?.text ?? "text/secondary",
+		iconColor: colors?.icon ?? "icon/tertiary",
+		Icon: trendDirection ? TREND_ICONS[trendDirection] : void 0
+	};
+};
+var BELOW_ICON_SIZES = {
+	lg: "16",
+	"2xl": "24",
+	"3xl": "24"
+};
+var INLINE_TREND_STYLES = {
+	lg: { paddingBlockStart: "2" },
+	"2xl": { paddingBlockStart: "6" },
+	"3xl": { paddingBlockEnd: "4" }
+};
+var SKELETON_VALUE_HEIGHTS = {
+	lg: "24",
+	"2xl": "36px",
+	"3xl": "40"
+};
+var BitkitStat = forwardRef((props, ref) => {
+	const { label, size = "lg", state = "default", subtext, tooltip, trendColor, trendDirection, trendText, trendTextPlacement = "below", value, variant = "default", ...rest } = props;
+	const styles = useSlotRecipe({ key: "stat" })({
+		size,
+		variant
+	});
+	const trend = resolveTrend(trendColor, trendDirection);
+	const { Icon: TrendIcon } = trend;
+	if (variant === "compact") {
+		if (state === "skeleton") return /* @__PURE__ */ jsxs(chakra.div, {
+			css: styles.root,
+			ref,
+			...rest,
+			children: [/* @__PURE__ */ jsx(Skeleton, {
+				height: "20",
+				width: "64"
+			}), /* @__PURE__ */ jsx(Skeleton, {
+				height: "16",
+				width: "48"
+			})]
+		});
+		return /* @__PURE__ */ jsxs(chakra.div, {
+			css: styles.root,
+			ref,
+			...rest,
+			children: [/* @__PURE__ */ jsxs(chakra.span, {
+				css: styles.value,
+				children: [!!TrendIcon && /* @__PURE__ */ jsx(TrendIcon, {
+					size: "16",
+					color: trend.iconColor
+				}), value]
+			}), !!trendText && /* @__PURE__ */ jsx(chakra.span, {
+				css: styles.helpText,
+				color: trend.textColor,
+				children: trendText
+			})]
+		});
+	}
+	const labelContent = /* @__PURE__ */ jsxs(chakra.dt, {
+		css: styles.label,
+		children: [label, !!tooltip && /* @__PURE__ */ jsx(BitkitTooltip, {
+			text: tooltip,
+			children: /* @__PURE__ */ jsx(IconInfoCircle, {
+				size: "16",
+				color: "icon/tertiary"
+			})
+		})]
+	});
+	if (state === "skeleton") return /* @__PURE__ */ jsxs(chakra.dl, {
+		css: styles.root,
+		ref,
+		...rest,
+		children: [
+			labelContent,
+			/* @__PURE__ */ jsx(Skeleton, {
+				height: SKELETON_VALUE_HEIGHTS[size],
+				width: "128"
+			}),
+			/* @__PURE__ */ jsx(Skeleton, {
+				height: "20",
+				width: "128"
+			})
+		]
+	});
+	const isInline = trendTextPlacement === "inline";
+	const showHelpText = !isInline && !!trendText || !!subtext;
+	return /* @__PURE__ */ jsxs(chakra.dl, {
+		css: styles.root,
+		ref,
+		...rest,
+		children: [
+			labelContent,
+			/* @__PURE__ */ jsxs(chakra.dd, {
+				css: styles.value,
+				alignItems: isInline && size === "3xl" ? "flex-end" : void 0,
+				children: [value, isInline ? /* @__PURE__ */ jsxs(chakra.span, {
+					display: "inline-flex",
+					gap: "4",
+					alignItems: "center",
+					css: INLINE_TREND_STYLES[size],
+					children: [!!TrendIcon && /* @__PURE__ */ jsx(TrendIcon, {
+						size: "16",
+						color: trend.iconColor
+					}), !!trendText && /* @__PURE__ */ jsx(chakra.span, {
+						color: trend.textColor,
+						textStyle: "body/md/regular",
+						children: trendText
+					})]
+				}) : !!TrendIcon && /* @__PURE__ */ jsx(TrendIcon, {
+					size: BELOW_ICON_SIZES[size],
+					color: trend.iconColor
+				})]
+			}),
+			showHelpText && /* @__PURE__ */ jsxs(chakra.dd, {
+				css: styles.helpText,
+				children: [!isInline && !!trendText && /* @__PURE__ */ jsx(chakra.span, {
+					color: trend.textColor,
+					children: trendText
+				}), !!subtext && /* @__PURE__ */ jsx(chakra.span, {
+					color: "text/tertiary",
+					children: subtext
+				})]
+			})
+		]
+	});
+});
+BitkitStat.displayName = "BitkitStat";
+//#endregion
+export { BitkitStat as default };
+
+//# sourceMappingURL=BitkitStat.js.map

package/dist/components/BitkitStat/BitkitStat.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitStat.js","names":[],"sources":["../../../lib/components/BitkitStat/BitkitStat.tsx"],"sourcesContent":["import { type BoxProps } from '@chakra-ui/react/box';\nimport { Skeleton } from '@chakra-ui/react/skeleton';\nimport { chakra, useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport { IconArrowDown, IconArrowUp, IconInfoCircle } from '../../icons';\nimport BitkitTooltip from '../BitkitTooltip/BitkitTooltip';\n\n// --- Types ---\n\nexport type TrendColor = 'positive' | 'negative' | 'neutral';\nexport type TrendDirection = 'up' | 'down';\nexport type TrendTextPlacement = 'below' | 'inline';\n\nconst TREND_COLORS = {\n  positive: { text: 'text/positive', icon: 'icon/positive' },\n  negative: { text: 'text/negative', icon: 'icon/negative' },\n  neutral: { text: 'text/secondary', icon: 'icon/tertiary' },\n} as const;\n\nconst TREND_ICONS = { up: IconArrowUp, down: IconArrowDown } as const;\nconst DEFAULT_COLORS: Record<TrendDirection, TrendColor> = { up: 'positive', down: 'negative' };\n\nconst resolveTrend = (trendColor?: TrendColor, trendDirection?: TrendDirection) => {\n  const color = trendColor ?? (trendDirection ? DEFAULT_COLORS[trendDirection] : undefined);\n  const colors = color ? TREND_COLORS[color] : undefined;\n  return {\n    textColor: colors?.text ?? 'text/secondary',\n    iconColor: colors?.icon ?? 'icon/tertiary',\n    Icon: trendDirection ? TREND_ICONS[trendDirection] : undefined,\n  };\n};\n\nconst BELOW_ICON_SIZES = { lg: '16', '2xl': '24', '3xl': '24' } as const;\nconst INLINE_TREND_STYLES = {\n  lg: { paddingBlockStart: '2' },\n  '2xl': { paddingBlockStart: '6' },\n  '3xl': { paddingBlockEnd: '4' },\n} as const;\nconst SKELETON_VALUE_HEIGHTS = { lg: '24', '2xl': '36px', '3xl': '40' } as const;\n\nexport interface BitkitStatProps extends Omit<BoxProps, 'colorPalette'> {\n  label: string;\n  size?: 'lg' | '2xl' | '3xl';\n  state?: 'default' | 'skeleton';\n  subtext?: string;\n  tooltip?: string;\n  trendColor?: TrendColor;\n  trendDirection?: TrendDirection;\n  trendText?: string;\n  trendTextPlacement?: TrendTextPlacement;\n  value?: string;\n  variant?: 'default' | 'compact';\n}\n\n// --- Component ---\n\nconst BitkitStat = forwardRef<HTMLElement, BitkitStatProps>((props, ref) => {\n  const {\n    label,\n    size = 'lg',\n    state = 'default',\n    subtext,\n    tooltip,\n    trendColor,\n    trendDirection,\n    trendText,\n    trendTextPlacement = 'below',\n    value,\n    variant = 'default',\n    ...rest\n  } = props;\n\n  const styles = useSlotRecipe({ key: 'stat' })({ size, variant });\n  const trend = resolveTrend(trendColor, trendDirection);\n  const { Icon: TrendIcon } = trend;\n  const isCompact = variant === 'compact';\n\n  // --- Compact ---\n  if (isCompact) {\n    if (state === 'skeleton') {\n      return (\n        <chakra.div css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n          <Skeleton height=\"20\" width=\"64\" />\n          <Skeleton height=\"16\" width=\"48\" />\n        </chakra.div>\n      );\n    }\n\n    return (\n      <chakra.div css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        <chakra.span css={styles.value}>\n          {!!TrendIcon && <TrendIcon size=\"16\" color={trend.iconColor} />}\n          {value}\n        </chakra.span>\n        {!!trendText && (\n          <chakra.span css={styles.helpText} color={trend.textColor}>\n            {trendText}\n          </chakra.span>\n        )}\n      </chakra.div>\n    );\n  }\n\n  // --- Default ---\n\n  const labelContent = (\n    <chakra.dt css={styles.label}>\n      {label}\n      {!!tooltip && (\n        <BitkitTooltip text={tooltip}>\n          <IconInfoCircle size=\"16\" color=\"icon/tertiary\" />\n        </BitkitTooltip>\n      )}\n    </chakra.dt>\n  );\n\n  if (state === 'skeleton') {\n    return (\n      <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n        {labelContent}\n        <Skeleton height={SKELETON_VALUE_HEIGHTS[size]} width=\"128\" />\n        <Skeleton height=\"20\" width=\"128\" />\n      </chakra.dl>\n    );\n  }\n\n  const isInline = trendTextPlacement === 'inline';\n  const showHelpText = (!isInline && !!trendText) || !!subtext;\n\n  return (\n    <chakra.dl css={styles.root} ref={ref} {...(rest as Record<string, unknown>)}>\n      {labelContent}\n\n      <chakra.dd css={styles.value} alignItems={isInline && size === '3xl' ? 'flex-end' : undefined}>\n        {value}\n        {isInline ? (\n          <chakra.span display=\"inline-flex\" gap=\"4\" alignItems=\"center\" css={INLINE_TREND_STYLES[size]}>\n            {!!TrendIcon && <TrendIcon size=\"16\" color={trend.iconColor} />}\n            {!!trendText && (\n              <chakra.span color={trend.textColor} textStyle=\"body/md/regular\">\n                {trendText}\n              </chakra.span>\n            )}\n          </chakra.span>\n        ) : (\n          !!TrendIcon && <TrendIcon size={BELOW_ICON_SIZES[size]} color={trend.iconColor} />\n        )}\n      </chakra.dd>\n\n      {showHelpText && (\n        <chakra.dd css={styles.helpText}>\n          {!isInline && !!trendText && <chakra.span color={trend.textColor}>{trendText}</chakra.span>}\n          {!!subtext && <chakra.span color=\"text/tertiary\">{subtext}</chakra.span>}\n        </chakra.dd>\n      )}\n    </chakra.dl>\n  );\n});\n\nBitkitStat.displayName = 'BitkitStat';\n\nexport default BitkitStat;\n"],"mappings":";;;;;;;;;AAcA,IAAM,eAAe;CACnB,UAAU;EAAE,MAAM;EAAiB,MAAM;EAAiB;CAC1D,UAAU;EAAE,MAAM;EAAiB,MAAM;EAAiB;CAC1D,SAAS;EAAE,MAAM;EAAkB,MAAM;EAAiB;CAC3D;AAED,IAAM,cAAc;CAAE,IAAI;CAAa,MAAM;CAAe;AAC5D,IAAM,iBAAqD;CAAE,IAAI;CAAY,MAAM;CAAY;AAE/F,IAAM,gBAAgB,YAAyB,mBAAoC;CACjF,MAAM,QAAQ,eAAe,iBAAiB,eAAe,kBAAkB,KAAA;CAC/E,MAAM,SAAS,QAAQ,aAAa,SAAS,KAAA;AAC7C,QAAO;EACL,WAAW,QAAQ,QAAQ;EAC3B,WAAW,QAAQ,QAAQ;EAC3B,MAAM,iBAAiB,YAAY,kBAAkB,KAAA;EACtD;;AAGH,IAAM,mBAAmB;CAAE,IAAI;CAAM,OAAO;CAAM,OAAO;CAAM;AAC/D,IAAM,sBAAsB;CAC1B,IAAI,EAAE,mBAAmB,KAAK;CAC9B,OAAO,EAAE,mBAAmB,KAAK;CACjC,OAAO,EAAE,iBAAiB,KAAK;CAChC;AACD,IAAM,yBAAyB;CAAE,IAAI;CAAM,OAAO;CAAQ,OAAO;CAAM;AAkBvE,IAAM,aAAa,YAA0C,OAAO,QAAQ;CAC1E,MAAM,EACJ,OACA,OAAO,MACP,QAAQ,WACR,SACA,SACA,YACA,gBACA,WACA,qBAAqB,SACrB,OACA,UAAU,WACV,GAAG,SACD;CAEJ,MAAM,SAAS,cAAc,EAAE,KAAK,QAAQ,CAAC,CAAC;EAAE;EAAM;EAAS,CAAC;CAChE,MAAM,QAAQ,aAAa,YAAY,eAAe;CACtD,MAAM,EAAE,MAAM,cAAc;AAI5B,KAHkB,YAAY,WAGf;AACb,MAAI,UAAU,WACZ,QACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;GAAW;GAAK,GAAK;aAA7C,CACE,oBAAC,UAAD;IAAU,QAAO;IAAK,OAAM;IAAO,CAAA,EACnC,oBAAC,UAAD;IAAU,QAAO;IAAK,OAAM;IAAO,CAAA,CACxB;;AAIjB,SACE,qBAAC,OAAO,KAAR;GAAY,KAAK,OAAO;GAAW;GAAK,GAAK;aAA7C,CACE,qBAAC,OAAO,MAAR;IAAa,KAAK,OAAO;cAAzB,CACG,CAAC,CAAC,aAAa,oBAAC,WAAD;KAAW,MAAK;KAAK,OAAO,MAAM;KAAa,CAAA,EAC9D,MACW;OACb,CAAC,CAAC,aACD,oBAAC,OAAO,MAAR;IAAa,KAAK,OAAO;IAAU,OAAO,MAAM;cAC7C;IACW,CAAA,CAEL;;;CAMjB,MAAM,eACJ,qBAAC,OAAO,IAAR;EAAW,KAAK,OAAO;YAAvB,CACG,OACA,CAAC,CAAC,WACD,oBAAC,eAAD;GAAe,MAAM;aACnB,oBAAC,gBAAD;IAAgB,MAAK;IAAK,OAAM;IAAkB,CAAA;GACpC,CAAA,CAER;;AAGd,KAAI,UAAU,WACZ,QACE,qBAAC,OAAO,IAAR;EAAW,KAAK,OAAO;EAAW;EAAK,GAAK;YAA5C;GACG;GACD,oBAAC,UAAD;IAAU,QAAQ,uBAAuB;IAAO,OAAM;IAAQ,CAAA;GAC9D,oBAAC,UAAD;IAAU,QAAO;IAAK,OAAM;IAAQ,CAAA;GAC1B;;CAIhB,MAAM,WAAW,uBAAuB;CACxC,MAAM,eAAgB,CAAC,YAAY,CAAC,CAAC,aAAc,CAAC,CAAC;AAErD,QACE,qBAAC,OAAO,IAAR;EAAW,KAAK,OAAO;EAAW;EAAK,GAAK;YAA5C;GACG;GAED,qBAAC,OAAO,IAAR;IAAW,KAAK,OAAO;IAAO,YAAY,YAAY,SAAS,QAAQ,aAAa,KAAA;cAApF,CACG,OACA,WACC,qBAAC,OAAO,MAAR;KAAa,SAAQ;KAAc,KAAI;KAAI,YAAW;KAAS,KAAK,oBAAoB;eAAxF,CACG,CAAC,CAAC,aAAa,oBAAC,WAAD;MAAW,MAAK;MAAK,OAAO,MAAM;MAAa,CAAA,EAC9D,CAAC,CAAC,aACD,oBAAC,OAAO,MAAR;MAAa,OAAO,MAAM;MAAW,WAAU;gBAC5C;MACW,CAAA,CAEJ;SAEd,CAAC,CAAC,aAAa,oBAAC,WAAD;KAAW,MAAM,iBAAiB;KAAO,OAAO,MAAM;KAAa,CAAA,CAE1E;;GAEX,gBACC,qBAAC,OAAO,IAAR;IAAW,KAAK,OAAO;cAAvB,CACG,CAAC,YAAY,CAAC,CAAC,aAAa,oBAAC,OAAO,MAAR;KAAa,OAAO,MAAM;eAAY;KAAwB,CAAA,EAC1F,CAAC,CAAC,WAAW,oBAAC,OAAO,MAAR;KAAa,OAAM;eAAiB;KAAsB,CAAA,CAC9D;;GAEJ;;EAEd;AAEF,WAAW,cAAc"}

package/dist/components/index.d.ts

@@ -28,6 +28,7 @@ export { default as BitkitGroupHeading, type BitkitGroupHeadingProps } from './B
 export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
 export { default as BitkitInlineLoading, type BitkitInlineLoadingProps, } from './BitkitInlineLoading/BitkitInlineLoading';
 export { default as BitkitLabel, type BitkitLabelProps } from './BitkitLabel/BitkitLabel';
+export { default as BitkitLabeledData, type BitkitLabeledDataProps } from './BitkitLabeledData/BitkitLabeledData';
 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';
@@ -49,6 +50,7 @@ export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/
 export { default as BitkitSelectableTag, type BitkitSelectableTagItemProps, type BitkitSelectableTagProps, } from './BitkitSelectableTag/BitkitSelectableTag';
 export { default as BitkitSelectMenu, type BitkitSelectMenuProps } from './BitkitSelectMenu/BitkitSelectMenu';
 export { default as BitkitSplitButton, type BitkitSplitButtonProps } from './BitkitSplitButton/BitkitSplitButton';
+export { default as BitkitStat, type BitkitStatProps, type TrendColor, type TrendDirection, type TrendTextPlacement, } from './BitkitStat/BitkitStat';
 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';

package/dist/main.js

@@ -310,6 +310,7 @@ import BitkitFileInput from "./components/BitkitFileInput/BitkitFileInput.js";
 import BitkitGroupHeading from "./components/BitkitGroupHeading/BitkitGroupHeading.js";
 import BitkitIconButton from "./components/BitkitIconButton/BitkitIconButton.js";
 import BitkitInlineLoading from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
+import BitkitLabeledData from "./components/BitkitLabeledData/BitkitLabeledData.js";
 import BitkitLink from "./components/BitkitLink/BitkitLink.js";
 import BitkitLinkButton from "./components/BitkitLinkButton/BitkitLinkButton.js";
 import BitkitOrderedList_default from "./components/BitkitOrderedList/BitkitOrderedList.js";
@@ -330,6 +331,7 @@ import BitkitSegmentedControl_default from "./components/BitkitSegmentedControl/
 import BitkitSelect from "./components/BitkitSelect/BitkitSelect.js";
 import BitkitSelectableTag_default from "./components/BitkitSelectableTag/BitkitSelectableTag.js";
 import BitkitSplitButton_default from "./components/BitkitSplitButton/BitkitSplitButton.js";
+import BitkitStat from "./components/BitkitStat/BitkitStat.js";
 import BitkitTabs from "./components/BitkitTabs/BitkitTabs.js";
 import BitkitTag from "./components/BitkitTag/BitkitTag.js";
 import BitkitTagsInput from "./components/BitkitTagsInput/BitkitTagsInput.js";
@@ -339,4 +341,4 @@ import BitkitToggle from "./components/BitkitToggle/BitkitToggle.js";
 import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButton.js";
 import bitkitTheme from "./theme/index.js";
 import Provider from "./providers/BitkitProvider.js";
-export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogContent, BitkitDialogRoot, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowTooltip, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSplitButton_default as BitkitSplitButton, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitUnorderedList_default as BitkitUnorderedList, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast };
+export { BitkitAccordion, BitkitActionBar, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitButton, BitkitCalendar, BitkitCard, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox, BitkitControlButton, BitkitDefinitionTooltip, BitkitDialog, BitkitDialogBody, BitkitDialogContent, BitkitDialogRoot, BitkitEmptyState, BitkitExpandableCard, BitkitExplainerList_default as BitkitExplainerList, BitkitField, BitkitFileInput, BitkitGroupHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLink, BitkitLinkButton, BitkitMarkdown, BitkitMarkdownCard, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOrderedList_default as BitkitOrderedList, BitkitOverflowTooltip, BitkitPaginationLoadMore, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect, BitkitSelectMenu, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextInput, BitkitToggle, BitkitToggleButton, BitkitTooltip, BitkitUnorderedList_default as BitkitUnorderedList, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFileDoc, IconFilePdf, IconFilePlist, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUpload, IconValidateShield, IconVideo, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast };

package/dist/theme/recipes/DefinitionTooltip.recipe.js

@@ -1,13 +1,14 @@
-import { rem } from "../themeUtils.js";
 import { defineRecipe } from "@chakra-ui/react/styled-system";
 //#region lib/theme/recipes/DefinitionTooltip.recipe.ts
 var definitionTooltipRecipe = defineRecipe({
 	className: "definition-tooltip",
 	base: {
-		textStyle: "body/lg/regular",
+		color: "inherit",
+		font: "inherit",
+		letterSpacing: "inherit",
 		textDecoration: "underline dotted",
 		textDecorationColor: "sys/neutral/bold",
-		textUnderlineOffset: rem(6),
+		textUnderlineOffset: "0.375em",
 		"&:hover": { textDecorationColor: "sys/purple/base" }
 	},
 	variants: { method: {

package/dist/theme/recipes/DefinitionTooltip.recipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefinitionTooltip.recipe.js","names":[],"sources":["../../../lib/theme/recipes/DefinitionTooltip.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nimport { rem } from '../themeUtils';\n\nconst definitionTooltipRecipe = defineRecipe({\n  className: 'definition-tooltip',\n  base: {\n    textStyle: 'body/lg/regular',\n    textDecoration: 'underline dotted',\n    textDecorationColor: 'sys/neutral/bold',\n    textUnderlineOffset: rem(6),\n    '&:hover': {\n      textDecorationColor: 'sys/purple/base',\n    },\n  },\n  variants: {\n    method: {\n      click: {\n        cursor: 'pointer',\n      },\n      hover: {\n        cursor: 'default',\n      },\n    },\n  },\n});\n\nexport default definitionTooltipRecipe;\n"],"mappings":";;;AAIA,IAAM,0BAA0B,aAAa;CAC3C,WAAW;CACX,MAAM;EACJ,WAAW;EACX,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB,IAAI,EAAE;EAC3B,WAAW,EACT,qBAAqB,mBACtB;EACF;CACD,UAAU,EACR,QAAQ;EACN,OAAO,EACL,QAAQ,WACT;EACD,OAAO,EACL,QAAQ,WACT;EACF,EACF;CACF,CAAC"}
+{"version":3,"file":"DefinitionTooltip.recipe.js","names":[],"sources":["../../../lib/theme/recipes/DefinitionTooltip.recipe.ts"],"sourcesContent":["import { defineRecipe } from '@chakra-ui/react/styled-system';\n\nconst definitionTooltipRecipe = defineRecipe({\n  className: 'definition-tooltip',\n  base: {\n    color: 'inherit',\n    font: 'inherit',\n    letterSpacing: 'inherit',\n    textDecoration: 'underline dotted',\n    textDecorationColor: 'sys/neutral/bold',\n    textUnderlineOffset: '0.375em',\n    '&:hover': {\n      textDecorationColor: 'sys/purple/base',\n    },\n  },\n  variants: {\n    method: {\n      click: {\n        cursor: 'pointer',\n      },\n      hover: {\n        cursor: 'default',\n      },\n    },\n  },\n});\n\nexport default definitionTooltipRecipe;\n"],"mappings":";;AAEA,IAAM,0BAA0B,aAAa;CAC3C,WAAW;CACX,MAAM;EACJ,OAAO;EACP,MAAM;EACN,eAAe;EACf,gBAAgB;EAChB,qBAAqB;EACrB,qBAAqB;EACrB,WAAW,EACT,qBAAqB,mBACtB;EACF;CACD,UAAU,EACR,QAAQ;EACN,OAAO,EACL,QAAQ,WACT;EACD,OAAO,EACL,QAAQ,WACT;EACF,EACF;CACF,CAAC"}

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

@@ -0,0 +1,38 @@
+declare const labeledDataSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "value" | "root" | "limit" | "helpText", {
+    size: {
+        lg: {
+            label: {
+                color: "text/primary";
+            };
+            value: {
+                textStyle: "comp/data/sm";
+            };
+            limit: {
+                textStyle: "body/md/regular";
+            };
+        };
+        '2xl': {
+            label: {
+                color: "text/secondary";
+            };
+            value: {
+                textStyle: "comp/data/md";
+            };
+            limit: {
+                textStyle: "body/xl/regular";
+            };
+        };
+        '3xl': {
+            label: {
+                color: "text/secondary";
+            };
+            value: {
+                textStyle: "comp/data/lg";
+            };
+            limit: {
+                textStyle: "body/2xl/regular";
+            };
+        };
+    };
+}>;
+export default labeledDataSlotRecipe;

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

@@ -0,0 +1,64 @@
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/LabeledData.recipe.ts
+var labeledDataSlotRecipe = defineSlotRecipe({
+	className: "labeled-data",
+	slots: [
+		"root",
+		"label",
+		"value",
+		"limit",
+		"helpText"
+	],
+	base: {
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "4"
+		},
+		label: {
+			display: "inline-flex",
+			gap: "4",
+			alignItems: "center",
+			textStyle: "body/md/semibold"
+		},
+		value: {
+			display: "inline-flex",
+			alignItems: "baseline",
+			gap: "2",
+			fontFeatureSettings: "pnum",
+			fontVariantNumeric: "proportional-nums",
+			color: "text/body"
+		},
+		limit: {
+			color: "text/secondary",
+			fontWeight: "initial",
+			letterSpacing: "initial"
+		},
+		helpText: {
+			textStyle: "body/md/regular",
+			color: "text/tertiary"
+		}
+	},
+	variants: { size: {
+		lg: {
+			label: { color: "text/primary" },
+			value: { textStyle: "comp/data/sm" },
+			limit: { textStyle: "body/md/regular" }
+		},
+		"2xl": {
+			label: { color: "text/secondary" },
+			value: { textStyle: "comp/data/md" },
+			limit: { textStyle: "body/xl/regular" }
+		},
+		"3xl": {
+			label: { color: "text/secondary" },
+			value: { textStyle: "comp/data/lg" },
+			limit: { textStyle: "body/2xl/regular" }
+		}
+	} },
+	defaultVariants: { size: "lg" }
+});
+//#endregion
+export { labeledDataSlotRecipe as default };
+
+//# sourceMappingURL=LabeledData.recipe.js.map

package/dist/theme/slot-recipes/LabeledData.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledData.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/LabeledData.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst labeledDataSlotRecipe = defineSlotRecipe({\n  className: 'labeled-data',\n  slots: ['root', 'label', 'value', 'limit', 'helpText'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n    },\n    label: {\n      display: 'inline-flex',\n      gap: '4',\n      alignItems: 'center',\n      textStyle: 'body/md/semibold',\n    },\n    value: {\n      display: 'inline-flex',\n      alignItems: 'baseline',\n      gap: '2',\n      fontFeatureSettings: 'pnum',\n      fontVariantNumeric: 'proportional-nums',\n      color: 'text/body',\n    },\n    limit: {\n      color: 'text/secondary',\n      fontWeight: 'initial',\n      letterSpacing: 'initial',\n    },\n    helpText: {\n      textStyle: 'body/md/regular',\n      color: 'text/tertiary',\n    },\n  },\n  variants: {\n    size: {\n      lg: {\n        label: { color: 'text/primary' },\n        value: { textStyle: 'comp/data/sm' },\n        limit: { textStyle: 'body/md/regular' },\n      },\n      '2xl': {\n        label: { color: 'text/secondary' },\n        value: { textStyle: 'comp/data/md' },\n        limit: { textStyle: 'body/xl/regular' },\n      },\n      '3xl': {\n        label: { color: 'text/secondary' },\n        value: { textStyle: 'comp/data/lg' },\n        limit: { textStyle: 'body/2xl/regular' },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n  },\n});\n\nexport default labeledDataSlotRecipe;\n"],"mappings":";;AAEA,IAAM,wBAAwB,iBAAiB;CAC7C,WAAW;CACX,OAAO;EAAC;EAAQ;EAAS;EAAS;EAAS;EAAW;CACtD,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACD,OAAO;GACL,SAAS;GACT,KAAK;GACL,YAAY;GACZ,WAAW;GACZ;EACD,OAAO;GACL,SAAS;GACT,YAAY;GACZ,KAAK;GACL,qBAAqB;GACrB,oBAAoB;GACpB,OAAO;GACR;EACD,OAAO;GACL,OAAO;GACP,YAAY;GACZ,eAAe;GAChB;EACD,UAAU;GACR,WAAW;GACX,OAAO;GACR;EACF;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO,EAAE,OAAO,gBAAgB;GAChC,OAAO,EAAE,WAAW,gBAAgB;GACpC,OAAO,EAAE,WAAW,mBAAmB;GACxC;EACD,OAAO;GACL,OAAO,EAAE,OAAO,kBAAkB;GAClC,OAAO,EAAE,WAAW,gBAAgB;GACpC,OAAO,EAAE,WAAW,mBAAmB;GACxC;EACD,OAAO;GACL,OAAO,EAAE,OAAO,kBAAkB;GAClC,OAAO,EAAE,WAAW,gBAAgB;GACpC,OAAO,EAAE,WAAW,oBAAoB;GACzC;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC"}

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

@@ -0,0 +1,44 @@
+declare const statSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "value" | "root" | "helpText", {
+    size: {
+        lg: {
+            label: {
+                color: "text/primary";
+            };
+            value: {
+                textStyle: "comp/data/sm";
+            };
+        };
+        '2xl': {
+            label: {
+                color: "text/secondary";
+            };
+            value: {
+                textStyle: "comp/data/md";
+            };
+        };
+        '3xl': {
+            label: {
+                color: "text/secondary";
+            };
+            value: {
+                textStyle: "comp/data/lg";
+            };
+        };
+    };
+    variant: {
+        default: {};
+        compact: {
+            root: {
+                display: "inline-flex";
+                alignItems: "flex-end";
+            };
+            value: {
+                textStyle: "body/md/regular";
+            };
+            helpText: {
+                textStyle: "body/sm/regular";
+            };
+        };
+    };
+}>;
+export default statSlotRecipe;

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

@@ -0,0 +1,73 @@
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+//#region lib/theme/slot-recipes/Stat.recipe.ts
+var statSlotRecipe = defineSlotRecipe({
+	className: "stat",
+	slots: [
+		"root",
+		"label",
+		"value",
+		"helpText"
+	],
+	base: {
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			gap: "4"
+		},
+		label: {
+			display: "inline-flex",
+			gap: "4",
+			alignItems: "center",
+			textStyle: "body/md/semibold"
+		},
+		value: {
+			display: "inline-flex",
+			gap: "4",
+			alignItems: "center",
+			fontFeatureSettings: "pnum",
+			fontVariantNumeric: "proportional-nums",
+			color: "text/body"
+		},
+		helpText: {
+			display: "inline-flex",
+			flexWrap: "wrap",
+			gap: "4",
+			textStyle: "body/md/regular"
+		}
+	},
+	variants: {
+		size: {
+			lg: {
+				label: { color: "text/primary" },
+				value: { textStyle: "comp/data/sm" }
+			},
+			"2xl": {
+				label: { color: "text/secondary" },
+				value: { textStyle: "comp/data/md" }
+			},
+			"3xl": {
+				label: { color: "text/secondary" },
+				value: { textStyle: "comp/data/lg" }
+			}
+		},
+		variant: {
+			default: {},
+			compact: {
+				root: {
+					display: "inline-flex",
+					alignItems: "flex-end"
+				},
+				value: { textStyle: "body/md/regular" },
+				helpText: { textStyle: "body/sm/regular" }
+			}
+		}
+	},
+	defaultVariants: {
+		size: "lg",
+		variant: "default"
+	}
+});
+//#endregion
+export { statSlotRecipe as default };
+
+//# sourceMappingURL=Stat.recipe.js.map

package/dist/theme/slot-recipes/Stat.recipe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stat.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Stat.recipe.ts"],"sourcesContent":["import { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst statSlotRecipe = defineSlotRecipe({\n  className: 'stat',\n  slots: ['root', 'label', 'value', 'helpText'],\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      gap: '4',\n    },\n    label: {\n      display: 'inline-flex',\n      gap: '4',\n      alignItems: 'center',\n      textStyle: 'body/md/semibold',\n    },\n    value: {\n      display: 'inline-flex',\n      gap: '4',\n      alignItems: 'center',\n      fontFeatureSettings: 'pnum',\n      fontVariantNumeric: 'proportional-nums',\n      color: 'text/body',\n    },\n    helpText: {\n      display: 'inline-flex',\n      flexWrap: 'wrap',\n      gap: '4',\n      textStyle: 'body/md/regular',\n    },\n  },\n  variants: {\n    size: {\n      lg: {\n        label: { color: 'text/primary' },\n        value: { textStyle: 'comp/data/sm' },\n      },\n      '2xl': {\n        label: { color: 'text/secondary' },\n        value: { textStyle: 'comp/data/md' },\n      },\n      '3xl': {\n        label: { color: 'text/secondary' },\n        value: { textStyle: 'comp/data/lg' },\n      },\n    },\n    variant: {\n      default: {},\n      compact: {\n        root: {\n          display: 'inline-flex',\n          alignItems: 'flex-end',\n        },\n        value: {\n          textStyle: 'body/md/regular',\n        },\n        helpText: {\n          textStyle: 'body/sm/regular',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    size: 'lg',\n    variant: 'default',\n  },\n});\n\nexport default statSlotRecipe;\n"],"mappings":";;AAEA,IAAM,iBAAiB,iBAAiB;CACtC,WAAW;CACX,OAAO;EAAC;EAAQ;EAAS;EAAS;EAAW;CAC7C,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,KAAK;GACN;EACD,OAAO;GACL,SAAS;GACT,KAAK;GACL,YAAY;GACZ,WAAW;GACZ;EACD,OAAO;GACL,SAAS;GACT,KAAK;GACL,YAAY;GACZ,qBAAqB;GACrB,oBAAoB;GACpB,OAAO;GACR;EACD,UAAU;GACR,SAAS;GACT,UAAU;GACV,KAAK;GACL,WAAW;GACZ;EACF;CACD,UAAU;EACR,MAAM;GACJ,IAAI;IACF,OAAO,EAAE,OAAO,gBAAgB;IAChC,OAAO,EAAE,WAAW,gBAAgB;IACrC;GACD,OAAO;IACL,OAAO,EAAE,OAAO,kBAAkB;IAClC,OAAO,EAAE,WAAW,gBAAgB;IACrC;GACD,OAAO;IACL,OAAO,EAAE,OAAO,kBAAkB;IAClC,OAAO,EAAE,WAAW,gBAAgB;IACrC;GACF;EACD,SAAS;GACP,SAAS,EAAE;GACX,SAAS;IACP,MAAM;KACJ,SAAS;KACT,YAAY;KACb;IACD,OAAO,EACL,WAAW,mBACZ;IACD,UAAU,EACR,WAAW,mBACZ;IACF;GACF;EACF;CACD,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACF,CAAC"}

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

@@ -940,6 +940,43 @@ declare const slotRecipes: {
     }>;
     ribbon: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "textBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "root" | "textBlock">>;
     sectionHeading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "icon" | "root" | "helperText" | "titleBlock" | "contentBlock" | "helperBlock", import('@chakra-ui/react').SlotRecipeVariantRecord<"label" | "icon" | "root" | "helperText" | "titleBlock" | "contentBlock" | "helperBlock">>;
+    labeledData: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "value" | "root" | "limit" | "helpText", {
+        size: {
+            lg: {
+                label: {
+                    color: "text/primary";
+                };
+                value: {
+                    textStyle: "comp/data/sm";
+                };
+                limit: {
+                    textStyle: "body/md/regular";
+                };
+            };
+            '2xl': {
+                label: {
+                    color: "text/secondary";
+                };
+                value: {
+                    textStyle: "comp/data/md";
+                };
+                limit: {
+                    textStyle: "body/xl/regular";
+                };
+            };
+            '3xl': {
+                label: {
+                    color: "text/secondary";
+                };
+                value: {
+                    textStyle: "comp/data/lg";
+                };
+                limit: {
+                    textStyle: "body/2xl/regular";
+                };
+            };
+        };
+    }>;
     segmentGroup: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl", {
         fullWidth: {
             true: {
@@ -1027,6 +1064,49 @@ declare const slotRecipes: {
             };
         };
     }>;
+    stat: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "value" | "root" | "helpText", {
+        size: {
+            lg: {
+                label: {
+                    color: "text/primary";
+                };
+                value: {
+                    textStyle: "comp/data/sm";
+                };
+            };
+            '2xl': {
+                label: {
+                    color: "text/secondary";
+                };
+                value: {
+                    textStyle: "comp/data/md";
+                };
+            };
+            '3xl': {
+                label: {
+                    color: "text/secondary";
+                };
+                value: {
+                    textStyle: "comp/data/lg";
+                };
+            };
+        };
+        variant: {
+            default: {};
+            compact: {
+                root: {
+                    display: "inline-flex";
+                    alignItems: "flex-end";
+                };
+                value: {
+                    textStyle: "body/md/regular";
+                };
+                helpText: {
+                    textStyle: "body/sm/regular";
+                };
+            };
+        };
+    }>;
     switch: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
         size: {
             sm: {

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

@@ -21,6 +21,7 @@ import fileUploadSlotRecipe from "./FileUpload.recipe.js";
 import groupHeadingRecipe from "./GroupHeading.recipe.js";
 import imageCropperSlotRecipe from "./ImageCropper.recipe.js";
 import inlineLoadingRecipe from "./InlineLoading.recipe.js";
+import labeledDataSlotRecipe from "./LabeledData.recipe.js";
 import listSlotRecipe from "./List.recipe.js";
 import markdownSlotRecipe from "./Markdown.recipe.js";
 import markdownCardSlotRecipe from "./MarkdownCard.recipe.js";
@@ -33,6 +34,7 @@ import ribbonSlotRecipe from "./Ribbon.recipe.js";
 import sectionHeadingRecipe from "./SectionHeading.recipe.js";
 import segmentGroupSlotRecipe from "./SegmentGroup.recipe.js";
 import splitButtonSlotRecipe from "./SplitButton.recipe.js";
+import statSlotRecipe from "./Stat.recipe.js";
 import switchSlotRecipe from "./Switch.recipe.js";
 import tableSlotRecipe from "./Table.recipe.js";
 import tabsSlotRecipe from "./Tabs.recipe.js";
@@ -74,9 +76,11 @@ var slotRecipes = {
 	radioGroup: radioGroupSlotRecipe,
 	ribbon: ribbonSlotRecipe,
 	sectionHeading: sectionHeadingRecipe,
+	labeledData: labeledDataSlotRecipe,
 	segmentGroup: segmentGroupSlotRecipe,
 	select: selectSlotRecipe,
 	splitButton: splitButtonSlotRecipe,
+	stat: statSlotRecipe,
 	switch: switchSlotRecipe,
 	table: tableSlotRecipe,
 	tabs: tabsSlotRecipe,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  select: selectSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,cAAc;CACd,QAAQ;CACR,aAAa;CACb,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACV"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  select: selectSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,UAAU;CACV,cAAc;CACd,aAAa;CACb,oBAAoB;CACpB,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,QAAQ;CACR,aAAa;CACb,MAAM;CACN,QAAQ;CACR,OAAO;CACP,MAAM;CACN,KAAK;CACL,WAAW;CACX,OAAO;CACP,SAAS;CACV"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.186",
+  "version": "0.3.187",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",