@bitrise/bitkit-v2 0.3.189 → 0.3.190

package/dist/components/BitkitSteps/BitkitSteps.d.ts

@@ -0,0 +1,18 @@
+export type BitkitStepsItemState = 'disabled' | 'invalid' | 'skippable';
+export type BitkitStepsItem = {
+    action?: {
+        href?: string;
+        isExternal?: boolean;
+        onClick?: () => void;
+    };
+    helperText?: string;
+    label: string;
+    state?: BitkitStepsItemState;
+};
+export interface BitkitStepsProps {
+    items: BitkitStepsItem[];
+    orientation?: 'horizontal' | 'vertical';
+    step: number;
+}
+declare const BitkitSteps: import('react').ForwardRefExoticComponent<BitkitStepsProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitSteps;

package/dist/components/BitkitSteps/BitkitSteps.js

@@ -0,0 +1,79 @@
+import IconCheck from "../../icons/IconCheck.js";
+import IconSkip from "../../icons/IconSkip.js";
+import { Box } from "@chakra-ui/react/box";
+import { useSlotRecipe } from "@chakra-ui/react/styled-system";
+import { createElement, forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Link } from "@chakra-ui/react/link";
+import { Steps } from "@chakra-ui/react/steps";
+//#region lib/components/BitkitSteps/BitkitSteps.tsx
+var getEffectiveStatus = (itemState, index, step) => {
+	if (itemState === "disabled") return "disabled";
+	if (itemState === "invalid") return "invalid";
+	if (itemState === "skippable") return index < step ? "skipped" : "skippable";
+	if (index < step) return "completed";
+	if (index === step) return "inProgress";
+	return "notStarted";
+};
+var renderIndicatorContent = (index, status) => {
+	if (status === "completed") return /* @__PURE__ */ jsx(IconCheck, { size: "16" });
+	if (status === "skippable" || status === "skipped") return /* @__PURE__ */ jsx(IconSkip, { size: "16" });
+	if (status === "invalid") return "!";
+	return index + 1;
+};
+var renderLabel = (label, action) => {
+	if (!action) return label;
+	if (action.href) return /* @__PURE__ */ jsx(Link, {
+		colorScheme: "purple",
+		href: action.href,
+		onClick: action.onClick,
+		rel: action.isExternal ? "noopener noreferrer" : void 0,
+		target: action.isExternal ? "_blank" : void 0,
+		children: label
+	});
+	return /* @__PURE__ */ jsx(Link, {
+		as: "button",
+		colorScheme: "purple",
+		onClick: action.onClick,
+		type: "button",
+		children: label
+	});
+};
+var BitkitSteps = forwardRef((props, ref) => {
+	const { items, orientation = "horizontal", step } = props;
+	const styles = useSlotRecipe({ key: "steps" })({ orientation });
+	return /* @__PURE__ */ jsx(Steps.Root, {
+		ref,
+		count: items.length,
+		linear: false,
+		orientation,
+		step,
+		children: /* @__PURE__ */ jsx(Steps.List, { children: items.map((item, index) => {
+			const status = getEffectiveStatus(item.state, index, step);
+			const action = item.state !== "disabled" ? item.action : void 0;
+			const statusAttr = { "data-step-status": status };
+			return /* @__PURE__ */ createElement(Steps.Item, {
+				...statusAttr,
+				index,
+				key: index
+			}, /* @__PURE__ */ jsx(Steps.Indicator, {
+				...statusAttr,
+				children: renderIndicatorContent(index, status)
+			}), /* @__PURE__ */ jsxs(Box, {
+				css: styles.trigger,
+				children: [/* @__PURE__ */ jsx(Steps.Title, {
+					...statusAttr,
+					children: renderLabel(item.label, action)
+				}), orientation === "vertical" && item.helperText && /* @__PURE__ */ jsx(Steps.Description, {
+					...statusAttr,
+					children: item.helperText
+				})]
+			}), /* @__PURE__ */ jsx(Steps.Separator, {}));
+		}) })
+	});
+});
+BitkitSteps.displayName = "BitkitSteps";
+//#endregion
+export { BitkitSteps as default };
+
+//# sourceMappingURL=BitkitSteps.js.map

package/dist/components/BitkitSteps/BitkitSteps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BitkitSteps.js","names":[],"sources":["../../../lib/components/BitkitSteps/BitkitSteps.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Steps } from '@chakra-ui/react/steps';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { forwardRef } from 'react';\n\nimport IconCheck from '../../icons/IconCheck';\nimport IconSkip from '../../icons/IconSkip';\n\nexport type BitkitStepsItemState = 'disabled' | 'invalid' | 'skippable';\n\ntype EffectiveStatus = 'completed' | 'disabled' | 'inProgress' | 'invalid' | 'notStarted' | 'skippable' | 'skipped';\n\nexport type BitkitStepsItem = {\n  action?: {\n    href?: string;\n    isExternal?: boolean;\n    onClick?: () => void;\n  };\n  helperText?: string;\n  label: string;\n  state?: BitkitStepsItemState;\n};\n\nexport interface BitkitStepsProps {\n  items: BitkitStepsItem[];\n  orientation?: 'horizontal' | 'vertical';\n  step: number;\n}\n\nconst getEffectiveStatus = (\n  itemState: BitkitStepsItemState | undefined,\n  index: number,\n  step: number,\n): EffectiveStatus => {\n  if (itemState === 'disabled') return 'disabled';\n  if (itemState === 'invalid') return 'invalid';\n  if (itemState === 'skippable') return index < step ? 'skipped' : 'skippable';\n  if (index < step) return 'completed';\n  if (index === step) return 'inProgress';\n  return 'notStarted';\n};\n\nconst renderIndicatorContent = (index: number, status: EffectiveStatus) => {\n  if (status === 'completed') return <IconCheck size=\"16\" />;\n  if (status === 'skippable' || status === 'skipped') return <IconSkip size=\"16\" />;\n  if (status === 'invalid') return '!';\n  return index + 1;\n};\n\nconst renderLabel = (label: string, action: BitkitStepsItem['action']) => {\n  if (!action) return label;\n\n  if (action.href) {\n    return (\n      <Link\n        colorScheme=\"purple\"\n        href={action.href}\n        onClick={action.onClick}\n        rel={action.isExternal ? 'noopener noreferrer' : undefined}\n        target={action.isExternal ? '_blank' : undefined}\n      >\n        {label}\n      </Link>\n    );\n  }\n\n  return (\n    <Link as=\"button\" colorScheme=\"purple\" onClick={action.onClick} type=\"button\">\n      {label}\n    </Link>\n  );\n};\n\nconst BitkitSteps = forwardRef<HTMLDivElement, BitkitStepsProps>((props, ref) => {\n  const { items, orientation = 'horizontal', step } = props;\n  const recipe = useSlotRecipe({ key: 'steps' });\n  const styles = recipe({ orientation });\n\n  return (\n    <Steps.Root ref={ref} count={items.length} linear={false} orientation={orientation} step={step}>\n      <Steps.List>\n        {items.map((item, index) => {\n          const status = getEffectiveStatus(item.state, index, step);\n          const action = item.state !== 'disabled' ? item.action : undefined;\n          const statusAttr = { 'data-step-status': status };\n\n          return (\n            <Steps.Item {...statusAttr} index={index} key={index}>\n              <Steps.Indicator {...statusAttr}>{renderIndicatorContent(index, status)}</Steps.Indicator>\n              <Box css={styles.trigger}>\n                <Steps.Title {...statusAttr}>{renderLabel(item.label, action)}</Steps.Title>\n                {orientation === 'vertical' && item.helperText && (\n                  <Steps.Description {...statusAttr}>{item.helperText}</Steps.Description>\n                )}\n              </Box>\n              <Steps.Separator />\n            </Steps.Item>\n          );\n        })}\n      </Steps.List>\n    </Steps.Root>\n  );\n});\n\nBitkitSteps.displayName = 'BitkitSteps';\n\nexport default BitkitSteps;\n"],"mappings":";;;;;;;;;AA8BA,IAAM,sBACJ,WACA,OACA,SACoB;AACpB,KAAI,cAAc,WAAY,QAAO;AACrC,KAAI,cAAc,UAAW,QAAO;AACpC,KAAI,cAAc,YAAa,QAAO,QAAQ,OAAO,YAAY;AACjE,KAAI,QAAQ,KAAM,QAAO;AACzB,KAAI,UAAU,KAAM,QAAO;AAC3B,QAAO;;AAGT,IAAM,0BAA0B,OAAe,WAA4B;AACzE,KAAI,WAAW,YAAa,QAAO,oBAAC,WAAD,EAAW,MAAK,MAAO,CAAA;AAC1D,KAAI,WAAW,eAAe,WAAW,UAAW,QAAO,oBAAC,UAAD,EAAU,MAAK,MAAO,CAAA;AACjF,KAAI,WAAW,UAAW,QAAO;AACjC,QAAO,QAAQ;;AAGjB,IAAM,eAAe,OAAe,WAAsC;AACxE,KAAI,CAAC,OAAQ,QAAO;AAEpB,KAAI,OAAO,KACT,QACE,oBAAC,MAAD;EACE,aAAY;EACZ,MAAM,OAAO;EACb,SAAS,OAAO;EAChB,KAAK,OAAO,aAAa,wBAAwB,KAAA;EACjD,QAAQ,OAAO,aAAa,WAAW,KAAA;YAEtC;EACI,CAAA;AAIX,QACE,oBAAC,MAAD;EAAM,IAAG;EAAS,aAAY;EAAS,SAAS,OAAO;EAAS,MAAK;YAClE;EACI,CAAA;;AAIX,IAAM,cAAc,YAA8C,OAAO,QAAQ;CAC/E,MAAM,EAAE,OAAO,cAAc,cAAc,SAAS;CAEpD,MAAM,SADS,cAAc,EAAE,KAAK,SAAS,CAAC,CACxB,EAAE,aAAa,CAAC;AAEtC,QACE,oBAAC,MAAM,MAAP;EAAiB;EAAK,OAAO,MAAM;EAAQ,QAAQ;EAAoB;EAAmB;YACxF,oBAAC,MAAM,MAAP,EAAA,UACG,MAAM,KAAK,MAAM,UAAU;GAC1B,MAAM,SAAS,mBAAmB,KAAK,OAAO,OAAO,KAAK;GAC1D,MAAM,SAAS,KAAK,UAAU,aAAa,KAAK,SAAS,KAAA;GACzD,MAAM,aAAa,EAAE,oBAAoB,QAAQ;AAEjD,UACE,8BAAC,MAAM,MAAP;IAAY,GAAI;IAAmB;IAAO,KAAK;IASlC,EARX,oBAAC,MAAM,WAAP;IAAiB,GAAI;cAAa,uBAAuB,OAAO,OAAO;IAAmB,CAAA,EAC1F,qBAAC,KAAD;IAAK,KAAK,OAAO;cAAjB,CACE,oBAAC,MAAM,OAAP;KAAa,GAAI;eAAa,YAAY,KAAK,OAAO,OAAO;KAAe,CAAA,EAC3E,gBAAgB,cAAc,KAAK,cAClC,oBAAC,MAAM,aAAP;KAAmB,GAAI;eAAa,KAAK;KAA+B,CAAA,CAEtE;OACN,oBAAC,MAAM,WAAP,EAAmB,CAAA,CACR;IAEf,EACS,CAAA;EACF,CAAA;EAEf;AAEF,YAAY,cAAc"}

package/dist/components/index.d.ts

@@ -52,6 +52,7 @@ export { default as BitkitSelectableTag, type BitkitSelectableTagItemProps, type
 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 BitkitSteps, type BitkitStepsItem, type BitkitStepsItemState, type BitkitStepsProps, } from './BitkitSteps/BitkitSteps';
 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/icons/IconSkip.d.ts

@@ -0,0 +1,8 @@
+import { IconProps } from '@chakra-ui/react/icon';
+export interface IconSkipProps extends IconProps {
+    size?: '16' | '24';
+}
+declare const IconSkip: import('react').ForwardRefExoticComponent<IconSkipProps> & {
+    __bitkitIcon: true;
+};
+export default IconSkip;

package/dist/icons/IconSkip.js

@@ -0,0 +1,31 @@
+import { bitkitIcon } from "./bitkitIcon.js";
+import SvgIconSkip16 from "../svgs/16x16/icon-skip-16.js";
+import SvgIconSkip24 from "../svgs/24x24/icon-skip-24.js";
+import { Icon } from "@chakra-ui/react/icon";
+import { jsx } from "react/jsx-runtime";
+//#region lib/icons/IconSkip.tsx
+var IconSkip = bitkitIcon(function IconSkip({ size = "24", ...props }, ref) {
+	if (size === "16") return /* @__PURE__ */ jsx(Icon, {
+		asChild: true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(SvgIconSkip16, {
+			width: "16",
+			height: "16"
+		})
+	});
+	return /* @__PURE__ */ jsx(Icon, {
+		asChild: true,
+		ref,
+		...props,
+		children: /* @__PURE__ */ jsx(SvgIconSkip24, {
+			width: "24",
+			height: "24"
+		})
+	});
+});
+IconSkip.displayName = "IconSkip";
+//#endregion
+export { IconSkip as default };
+
+//# sourceMappingURL=IconSkip.js.map

package/dist/icons/IconSkip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconSkip.js","names":[],"sources":["../../lib/icons/IconSkip.tsx"],"sourcesContent":["// @generate:skip\n\nimport { Icon, type IconProps } from '@chakra-ui/react/icon';\nimport { type Ref } from 'react';\n\nimport SVG16 from '../svgs/16x16/icon-skip-16.svg?react';\nimport SVG24 from '../svgs/24x24/icon-skip-24.svg?react';\nimport { bitkitIcon } from './bitkitIcon';\n\nexport interface IconSkipProps extends IconProps {\n  size?: '16' | '24';\n}\n\nconst IconSkip = bitkitIcon(function IconSkip({ size = '24', ...props }: IconSkipProps, ref: Ref<SVGSVGElement>) {\n  if (size === '16') {\n    return (\n      <Icon asChild ref={ref} {...props}>\n        <SVG16 width=\"16\" height=\"16\" />\n      </Icon>\n    );\n  }\n\n  return (\n    <Icon asChild ref={ref} {...props}>\n      <SVG24 width=\"24\" height=\"24\" />\n    </Icon>\n  );\n});\n\nIconSkip.displayName = 'IconSkip';\n\nexport default IconSkip;\n"],"mappings":";;;;;;AAaA,IAAM,WAAW,WAAW,SAAS,SAAS,EAAE,OAAO,MAAM,GAAG,SAAwB,KAAyB;AAC/G,KAAI,SAAS,KACX,QACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;YAC1B,oBAAC,eAAD;GAAO,OAAM;GAAK,QAAO;GAAO,CAAA;EAC3B,CAAA;AAIX,QACE,oBAAC,MAAD;EAAM,SAAA;EAAa;EAAK,GAAI;YAC1B,oBAAC,eAAD;GAAO,OAAM;GAAK,QAAO;GAAO,CAAA;EAC3B,CAAA;EAET;AAEF,SAAS,cAAc"}

package/dist/icons/index.d.ts

@@ -250,6 +250,7 @@ export { default as IconSettings, type IconSettingsProps } from './IconSettings'
 export { default as IconSettingsFilled, type IconSettingsFilledProps } from './IconSettingsFilled';
 export { default as IconShuffle, type IconShuffleProps } from './IconShuffle';
 export { default as IconSiren, type IconSirenProps } from './IconSiren';
+export { default as IconSkip, type IconSkipProps } from './IconSkip';
 export { default as IconSkipCircle, type IconSkipCircleProps } from './IconSkipCircle';
 export { default as IconSkipCircleFilled, type IconSkipCircleFilledProps } from './IconSkipCircleFilled';
 export { default as IconSlack, type IconSlackProps } from './IconSlack';

package/dist/main.js

@@ -235,6 +235,7 @@ import IconSettings from "./icons/IconSettings.js";
 import IconSettingsFilled from "./icons/IconSettingsFilled.js";
 import IconShuffle from "./icons/IconShuffle.js";
 import IconSiren from "./icons/IconSiren.js";
+import IconSkip from "./icons/IconSkip.js";
 import IconSkipCircle from "./icons/IconSkipCircle.js";
 import IconSkipCircleFilled from "./icons/IconSkipCircleFilled.js";
 import IconSlack from "./icons/IconSlack.js";
@@ -334,6 +335,7 @@ 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 BitkitSteps from "./components/BitkitSteps/BitkitSteps.js";
 import BitkitTabs from "./components/BitkitTabs/BitkitTabs.js";
 import BitkitTag from "./components/BitkitTag/BitkitTag.js";
 import BitkitTagsInput from "./components/BitkitTagsInput/BitkitTagsInput.js";
@@ -343,4 +345,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, BitkitDraggableCard, 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, IconDragHandle, 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, BitkitDraggableCard, 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, BitkitSteps, 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, IconDragHandle, 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, IconSkip, 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/svgs/16x16/icon-skip-16.js

@@ -0,0 +1,19 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region lib/svgs/16x16/icon-skip-16.svg?react
+var SvgIconSkip16 = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 16,
+	height: 16,
+	fill: "none",
+	viewBox: "2 2 12 12",
+	...props,
+	children: /* @__PURE__ */ jsxs("g", {
+		fill: "currentColor",
+		children: [/* @__PURE__ */ jsx("path", { d: "M5.03 4.97 8.06 8l-3.03 3.03-1.06-1.06L5.94 8 3.97 6.03z" }), /* @__PURE__ */ jsx("path", { d: "M9.03 11.03 12.06 8 9.03 4.97 7.97 6.03 9.94 8 7.97 9.97z" })]
+	})
+});
+//#endregion
+export { SvgIconSkip16 as default };
+
+//# sourceMappingURL=icon-skip-16.js.map

package/dist/svgs/16x16/icon-skip-16.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-skip-16.js","names":[],"sources":["../../../lib/svgs/16x16/icon-skip-16.svg?react"],"sourcesContent":["import * as React from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgIconSkip16 = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 16,\n\theight: 16,\n\tfill: \"none\",\n\tviewBox: \"2 2 12 12\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsxs(\"g\", {\n\t\tfill: \"currentColor\",\n\t\tchildren: [/* @__PURE__ */ _jsx(\"path\", { d: \"M5.03 4.97 8.06 8l-3.03 3.03-1.06-1.06L5.94 8 3.97 6.03z\" }), /* @__PURE__ */ _jsx(\"path\", { d: \"M9.03 11.03 12.06 8 9.03 4.97 7.97 6.03 9.94 8 7.97 9.97z\" })]\n\t})\n});\nexport default SvgIconSkip16;\n"],"mappings":";;;AAEA,IAAM,iBAAiB,UAA0B,oBAAK,OAAO;CAC5D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACT,GAAG;CACH,UAA0B,qBAAM,KAAK;EACpC,MAAM;EACN,UAAU,CAAiB,oBAAK,QAAQ,EAAE,GAAG,4DAA4D,CAAC,EAAkB,oBAAK,QAAQ,EAAE,GAAG,6DAA6D,CAAC,CAAC;EAC7M,CAAC;CACF,CAAC"}

package/dist/svgs/24x24/icon-skip-24.js

@@ -0,0 +1,19 @@
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region lib/svgs/24x24/icon-skip-24.svg?react
+var SvgIconSkip24 = (props) => /* @__PURE__ */ jsx("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	width: 24,
+	height: 24,
+	fill: "none",
+	viewBox: "3 3 18 18",
+	...props,
+	children: /* @__PURE__ */ jsxs("g", {
+		fill: "currentColor",
+		children: [/* @__PURE__ */ jsx("path", { d: "M8.207 7.793 12.414 12l-4.207 4.207-1.414-1.414L9.586 12 6.793 9.207z" }), /* @__PURE__ */ jsx("path", { d: "M13.207 16.207 17.414 12l-4.207-4.207-1.414 1.414L14.586 12l-2.793 2.793z" })]
+	})
+});
+//#endregion
+export { SvgIconSkip24 as default };
+
+//# sourceMappingURL=icon-skip-24.js.map

package/dist/svgs/24x24/icon-skip-24.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-skip-24.js","names":[],"sources":["../../../lib/svgs/24x24/icon-skip-24.svg?react"],"sourcesContent":["import * as React from \"react\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SvgIconSkip24 = (props) => /* @__PURE__ */ _jsx(\"svg\", {\n\txmlns: \"http://www.w3.org/2000/svg\",\n\twidth: 24,\n\theight: 24,\n\tfill: \"none\",\n\tviewBox: \"3 3 18 18\",\n\t...props,\n\tchildren: /* @__PURE__ */ _jsxs(\"g\", {\n\t\tfill: \"currentColor\",\n\t\tchildren: [/* @__PURE__ */ _jsx(\"path\", { d: \"M8.207 7.793 12.414 12l-4.207 4.207-1.414-1.414L9.586 12 6.793 9.207z\" }), /* @__PURE__ */ _jsx(\"path\", { d: \"M13.207 16.207 17.414 12l-4.207-4.207-1.414 1.414L14.586 12l-2.793 2.793z\" })]\n\t})\n});\nexport default SvgIconSkip24;\n"],"mappings":";;;AAEA,IAAM,iBAAiB,UAA0B,oBAAK,OAAO;CAC5D,OAAO;CACP,OAAO;CACP,QAAQ;CACR,MAAM;CACN,SAAS;CACT,GAAG;CACH,UAA0B,qBAAM,KAAK;EACpC,MAAM;EACN,UAAU,CAAiB,oBAAK,QAAQ,EAAE,GAAG,yEAAyE,CAAC,EAAkB,oBAAK,QAAQ,EAAE,GAAG,6EAA6E,CAAC,CAAC;EAC1O,CAAC;CACF,CAAC"}

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

@@ -0,0 +1,61 @@
+declare const stepsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "progress" | "title" | "separator" | "list" | "root" | "item" | "trigger" | "description" | "indicator" | "nextTrigger" | "prevTrigger", {
+    orientation: {
+        horizontal: {
+            list: {
+                flexDirection: "row";
+                alignItems: "center";
+            };
+            item: {
+                alignItems: "center";
+                borderTopWidth: "2px";
+                paddingBlock: "16";
+                paddingInlineEnd: "24";
+                "&[data-step-status=inProgress]": {
+                    _before: {
+                        content: "\"\"";
+                        position: "absolute";
+                        insetBlockStart: "-2px";
+                        insetInlineStart: "0";
+                        width: "50%";
+                        height: "2";
+                        bg: "border/selected";
+                    };
+                };
+            };
+        };
+        vertical: {
+            list: {
+                flexDirection: "column";
+                alignItems: "stretch";
+            };
+            item: {
+                alignItems: "flex-start";
+                borderInlineStartWidth: "2px";
+                paddingInlineStart: "12";
+                paddingInlineEnd: "24";
+                paddingBlockEnd: "24";
+                '&:last-of-type': {
+                    paddingBlockEnd: number;
+                };
+                "&[data-step-status=inProgress]": {
+                    _before: {
+                        content: "\"\"";
+                        position: "absolute";
+                        insetBlockStart: "0";
+                        insetInlineStart: "-2px";
+                        width: "2";
+                        height: "50%";
+                        bg: "border/selected";
+                    };
+                };
+            };
+            trigger: {
+                flexDirection: "column";
+                alignItems: "flex-start";
+                gap: "2";
+                paddingBlockStart: "4";
+            };
+        };
+    };
+}>;
+export default stepsSlotRecipe;

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

@@ -0,0 +1,166 @@
+import { defineSlotRecipe } from "@chakra-ui/react/styled-system";
+import { stepsAnatomy } from "@chakra-ui/react/anatomy";
+//#region lib/theme/slot-recipes/Steps.recipe.ts
+var STATUS_COMPLETED = "&[data-step-status=completed]";
+var STATUS_DISABLED = "&[data-step-status=disabled]";
+var STATUS_IN_PROGRESS = "&[data-step-status=inProgress]";
+var STATUS_INVALID = "&[data-step-status=invalid]";
+var STATUS_NOT_STARTED = "&[data-step-status=notStarted]";
+var STATUS_SKIPPABLE = "&[data-step-status=skippable]";
+var STATUS_SKIPPED = "&[data-step-status=skipped]";
+var truncate = {
+	overflow: "hidden",
+	textOverflow: "ellipsis",
+	whiteSpace: "nowrap"
+};
+var stepsSlotRecipe = defineSlotRecipe({
+	className: "steps",
+	slots: stepsAnatomy.keys(),
+	base: {
+		root: {
+			display: "flex",
+			flexDirection: "column",
+			width: "100%"
+		},
+		list: {
+			display: "flex",
+			gap: 0
+		},
+		item: {
+			display: "flex",
+			flex: "1 0 0",
+			gap: "8",
+			borderStyle: "solid",
+			borderColor: "border/disabled",
+			[`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: "border/selected" },
+			[STATUS_IN_PROGRESS]: { position: "relative" }
+		},
+		indicator: {
+			display: "flex",
+			justifyContent: "center",
+			alignItems: "center",
+			flexShrink: "0",
+			borderRadius: "9999px",
+			borderWidth: "2px",
+			borderStyle: "solid",
+			width: "24",
+			height: "24",
+			overflow: "clip",
+			textStyle: "body/md/semibold",
+			lineHeight: "initial",
+			[STATUS_NOT_STARTED]: {
+				bg: "background/primary",
+				borderColor: "border/strong",
+				color: "text/secondary"
+			},
+			[STATUS_IN_PROGRESS]: {
+				bg: "interactive/subtle",
+				borderColor: "border/selected",
+				color: "text/selected"
+			},
+			[STATUS_COMPLETED]: {
+				bg: "interactive/base",
+				borderColor: "border/selected",
+				color: "icon/on-color"
+			},
+			[STATUS_INVALID]: {
+				bg: "status/critical/bg",
+				borderColor: "border/error",
+				color: "text/negative",
+				textStyle: "heading/h4"
+			},
+			[`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {
+				bg: "background/primary",
+				borderColor: "border/disabled",
+				color: "text/disabled"
+			}
+		},
+		trigger: {
+			display: "flex",
+			alignItems: "center",
+			gap: "8",
+			flex: "1 0 0",
+			minWidth: "1"
+		},
+		title: {
+			...truncate,
+			textStyle: "body/md/regular",
+			color: "text/secondary",
+			lineHeight: "initial!",
+			[STATUS_IN_PROGRESS]: {
+				textStyle: "body/md/semibold",
+				color: "text/primary"
+			},
+			[`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: "text/disabled" }
+		},
+		description: {
+			...truncate,
+			textStyle: "body/sm/regular",
+			color: "text/secondary",
+			[`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: "text/tertiary" },
+			[STATUS_DISABLED]: { color: "text/disabled" }
+		},
+		content: {},
+		nextTrigger: {},
+		prevTrigger: {},
+		progress: {},
+		separator: {}
+	},
+	variants: { orientation: {
+		horizontal: {
+			list: {
+				flexDirection: "row",
+				alignItems: "center"
+			},
+			item: {
+				alignItems: "center",
+				borderTopWidth: "2px",
+				paddingBlock: "16",
+				paddingInlineEnd: "24",
+				[STATUS_IN_PROGRESS]: { _before: {
+					content: "\"\"",
+					position: "absolute",
+					insetBlockStart: "-2px",
+					insetInlineStart: "0",
+					width: "50%",
+					height: "2",
+					bg: "border/selected"
+				} }
+			}
+		},
+		vertical: {
+			list: {
+				flexDirection: "column",
+				alignItems: "stretch"
+			},
+			item: {
+				alignItems: "flex-start",
+				borderInlineStartWidth: "2px",
+				paddingInlineStart: "12",
+				paddingInlineEnd: "24",
+				paddingBlockEnd: "24",
+				"&:last-of-type": { paddingBlockEnd: 0 },
+				[STATUS_IN_PROGRESS]: { _before: {
+					content: "\"\"",
+					position: "absolute",
+					insetBlockStart: "0",
+					insetInlineStart: "-2px",
+					width: "2",
+					height: "50%",
+					bg: "border/selected"
+				} }
+			},
+			trigger: {
+				flexDirection: "column",
+				alignItems: "flex-start",
+				gap: "2",
+				paddingBlockStart: "4"
+			}
+		}
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+//#endregion
+export { stepsSlotRecipe as default };
+
+//# sourceMappingURL=Steps.recipe.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.recipe.js","names":[],"sources":["../../../lib/theme/slot-recipes/Steps.recipe.ts"],"sourcesContent":["import { stepsAnatomy } from '@chakra-ui/react/anatomy';\nimport { defineSlotRecipe } from '@chakra-ui/react/styled-system';\n\nconst STATUS_COMPLETED = '&[data-step-status=completed]';\nconst STATUS_DISABLED = '&[data-step-status=disabled]';\nconst STATUS_IN_PROGRESS = '&[data-step-status=inProgress]';\nconst STATUS_INVALID = '&[data-step-status=invalid]';\nconst STATUS_NOT_STARTED = '&[data-step-status=notStarted]';\nconst STATUS_SKIPPABLE = '&[data-step-status=skippable]';\nconst STATUS_SKIPPED = '&[data-step-status=skipped]';\n\nconst truncate = { overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' } as const;\n\nconst stepsSlotRecipe = defineSlotRecipe({\n  className: 'steps',\n  slots: stepsAnatomy.keys(),\n  base: {\n    root: {\n      display: 'flex',\n      flexDirection: 'column',\n      width: '100%',\n    },\n    list: {\n      display: 'flex',\n      gap: 0,\n    },\n    item: {\n      display: 'flex',\n      flex: '1 0 0',\n      gap: '8',\n      borderStyle: 'solid',\n      borderColor: 'border/disabled',\n\n      [`${STATUS_COMPLETED}, ${STATUS_SKIPPED}`]: { borderColor: 'border/selected' },\n      [STATUS_IN_PROGRESS]: { position: 'relative' },\n    },\n    indicator: {\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      flexShrink: '0',\n      borderRadius: '9999px',\n      borderWidth: '2px',\n      borderStyle: 'solid',\n      width: '24',\n      height: '24',\n      overflow: 'clip',\n      textStyle: 'body/md/semibold',\n      lineHeight: 'initial',\n\n      [STATUS_NOT_STARTED]: {\n        bg: 'background/primary',\n        borderColor: 'border/strong',\n        color: 'text/secondary',\n      },\n      [STATUS_IN_PROGRESS]: { bg: 'interactive/subtle', borderColor: 'border/selected', color: 'text/selected' },\n      [STATUS_COMPLETED]: { bg: 'interactive/base', borderColor: 'border/selected', color: 'icon/on-color' },\n      [STATUS_INVALID]: {\n        bg: 'status/critical/bg',\n        borderColor: 'border/error',\n        color: 'text/negative',\n        textStyle: 'heading/h4',\n      },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: {\n        bg: 'background/primary',\n        borderColor: 'border/disabled',\n        color: 'text/disabled',\n      },\n    },\n    trigger: {\n      display: 'flex',\n      alignItems: 'center',\n      gap: '8',\n      flex: '1 0 0',\n      minWidth: '1',\n    },\n    title: {\n      ...truncate,\n      textStyle: 'body/md/regular',\n      color: 'text/secondary',\n      lineHeight: 'initial!',\n\n      [STATUS_IN_PROGRESS]: { textStyle: 'body/md/semibold', color: 'text/primary' },\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}, ${STATUS_DISABLED}`]: { color: 'text/disabled' },\n    },\n    description: {\n      ...truncate,\n      textStyle: 'body/sm/regular',\n      color: 'text/secondary',\n\n      [`${STATUS_SKIPPABLE}, ${STATUS_SKIPPED}`]: { color: 'text/tertiary' },\n      [STATUS_DISABLED]: { color: 'text/disabled' },\n    },\n    // Required by stepsAnatomy but unused in this component\n    content: {},\n    nextTrigger: {},\n    prevTrigger: {},\n    progress: {},\n    separator: {},\n  },\n  variants: {\n    orientation: {\n      horizontal: {\n        list: {\n          flexDirection: 'row',\n          alignItems: 'center',\n        },\n        item: {\n          alignItems: 'center',\n          borderTopWidth: '2px',\n          paddingBlock: '16',\n          paddingInlineEnd: '24',\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '-2px',\n              insetInlineStart: '0',\n              width: '50%',\n              height: '2',\n              bg: 'border/selected',\n            },\n          },\n        },\n      },\n      vertical: {\n        list: {\n          flexDirection: 'column',\n          alignItems: 'stretch',\n        },\n        item: {\n          alignItems: 'flex-start',\n          borderInlineStartWidth: '2px',\n          paddingInlineStart: '12',\n          paddingInlineEnd: '24',\n          paddingBlockEnd: '24',\n\n          '&:last-of-type': {\n            paddingBlockEnd: 0,\n          },\n\n          [STATUS_IN_PROGRESS]: {\n            _before: {\n              content: '\"\"',\n              position: 'absolute',\n              insetBlockStart: '0',\n              insetInlineStart: '-2px',\n              width: '2',\n              height: '50%',\n              bg: 'border/selected',\n            },\n          },\n        },\n        trigger: {\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          gap: '2',\n          paddingBlockStart: '4',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    orientation: 'horizontal',\n  },\n});\n\nexport default stepsSlotRecipe;\n"],"mappings":";;;AAGA,IAAM,mBAAmB;AACzB,IAAM,kBAAkB;AACxB,IAAM,qBAAqB;AAC3B,IAAM,iBAAiB;AACvB,IAAM,qBAAqB;AAC3B,IAAM,mBAAmB;AACzB,IAAM,iBAAiB;AAEvB,IAAM,WAAW;CAAE,UAAU;CAAU,cAAc;CAAY,YAAY;CAAU;AAEvF,IAAM,kBAAkB,iBAAiB;CACvC,WAAW;CACX,OAAO,aAAa,MAAM;CAC1B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,eAAe;GACf,OAAO;GACR;EACD,MAAM;GACJ,SAAS;GACT,KAAK;GACN;EACD,MAAM;GACJ,SAAS;GACT,MAAM;GACN,KAAK;GACL,aAAa;GACb,aAAa;IAEZ,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,aAAa,mBAAmB;IAC7E,qBAAqB,EAAE,UAAU,YAAY;GAC/C;EACD,WAAW;GACT,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,YAAY;GACZ,cAAc;GACd,aAAa;GACb,aAAa;GACb,OAAO;GACP,QAAQ;GACR,UAAU;GACV,WAAW;GACX,YAAY;IAEX,qBAAqB;IACpB,IAAI;IACJ,aAAa;IACb,OAAO;IACR;IACA,qBAAqB;IAAE,IAAI;IAAsB,aAAa;IAAmB,OAAO;IAAiB;IACzG,mBAAmB;IAAE,IAAI;IAAoB,aAAa;IAAmB,OAAO;IAAiB;IACrG,iBAAiB;IAChB,IAAI;IACJ,aAAa;IACb,OAAO;IACP,WAAW;IACZ;IACA,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB;IAC9D,IAAI;IACJ,aAAa;IACb,OAAO;IACR;GACF;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,KAAK;GACL,MAAM;GACN,UAAU;GACX;EACD,OAAO;GACL,GAAG;GACH,WAAW;GACX,OAAO;GACP,YAAY;IAEX,qBAAqB;IAAE,WAAW;IAAoB,OAAO;IAAgB;IAC7E,GAAG,iBAAiB,IAAI,eAAe,IAAI,oBAAoB,EAAE,OAAO,iBAAiB;GAC3F;EACD,aAAa;GACX,GAAG;GACH,WAAW;GACX,OAAO;IAEN,GAAG,iBAAiB,IAAI,mBAAmB,EAAE,OAAO,iBAAiB;IACrE,kBAAkB,EAAE,OAAO,iBAAiB;GAC9C;EAED,SAAS,EAAE;EACX,aAAa,EAAE;EACf,aAAa,EAAE;EACf,UAAU,EAAE;EACZ,WAAW,EAAE;EACd;CACD,UAAU,EACR,aAAa;EACX,YAAY;GACV,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,gBAAgB;IAChB,cAAc;IACd,kBAAkB;KAEjB,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACF;EACD,UAAU;GACR,MAAM;IACJ,eAAe;IACf,YAAY;IACb;GACD,MAAM;IACJ,YAAY;IACZ,wBAAwB;IACxB,oBAAoB;IACpB,kBAAkB;IAClB,iBAAiB;IAEjB,kBAAkB,EAChB,iBAAiB,GAClB;KAEA,qBAAqB,EACpB,SAAS;KACP,SAAS;KACT,UAAU;KACV,iBAAiB;KACjB,kBAAkB;KAClB,OAAO;KACP,QAAQ;KACR,IAAI;KACL,EACF;IACF;GACD,SAAS;IACP,eAAe;IACf,YAAY;IACZ,KAAK;IACL,mBAAmB;IACpB;GACF;EACF,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CAAC"}

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

@@ -1189,6 +1189,66 @@ declare const slotRecipes: {
             };
         };
     }>;
+    steps: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "progress" | "title" | "separator" | "list" | "root" | "item" | "trigger" | "description" | "indicator" | "nextTrigger" | "prevTrigger", {
+        orientation: {
+            horizontal: {
+                list: {
+                    flexDirection: "row";
+                    alignItems: "center";
+                };
+                item: {
+                    alignItems: "center";
+                    borderTopWidth: "2px";
+                    paddingBlock: "16";
+                    paddingInlineEnd: "24";
+                    "&[data-step-status=inProgress]": {
+                        _before: {
+                            content: "\"\"";
+                            position: "absolute";
+                            insetBlockStart: "-2px";
+                            insetInlineStart: "0";
+                            width: "50%";
+                            height: "2";
+                            bg: "border/selected";
+                        };
+                    };
+                };
+            };
+            vertical: {
+                list: {
+                    flexDirection: "column";
+                    alignItems: "stretch";
+                };
+                item: {
+                    alignItems: "flex-start";
+                    borderInlineStartWidth: "2px";
+                    paddingInlineStart: "12";
+                    paddingInlineEnd: "24";
+                    paddingBlockEnd: "24";
+                    '&:last-of-type': {
+                        paddingBlockEnd: number;
+                    };
+                    "&[data-step-status=inProgress]": {
+                        _before: {
+                            content: "\"\"";
+                            position: "absolute";
+                            insetBlockStart: "0";
+                            insetInlineStart: "-2px";
+                            width: "2";
+                            height: "50%";
+                            bg: "border/selected";
+                        };
+                    };
+                };
+                trigger: {
+                    flexDirection: "column";
+                    alignItems: "flex-start";
+                    gap: "2";
+                    paddingBlockStart: "4";
+                };
+            };
+        };
+    }>;
     switch: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "indicator" | "control" | "thumb", {
         size: {
             sm: {

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

@@ -36,6 +36,7 @@ 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 stepsSlotRecipe from "./Steps.recipe.js";
 import switchSlotRecipe from "./Switch.recipe.js";
 import tableSlotRecipe from "./Table.recipe.js";
 import tabsSlotRecipe from "./Tabs.recipe.js";
@@ -83,6 +84,7 @@ var slotRecipes = {
 	select: selectSlotRecipe,
 	splitButton: splitButtonSlotRecipe,
 	stat: statSlotRecipe,
+	steps: stepsSlotRecipe,
 	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 draggableCardSlotRecipe from './DraggableCard.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  draggableCard: draggableCardSlotRecipe,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CA,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,eAAe;CACf,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"}
+{"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 draggableCardSlotRecipe from './DraggableCard.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 stepsSlotRecipe from './Steps.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  draggableCard: draggableCardSlotRecipe,\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  steps: stepsSlotRecipe,\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA,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,eAAe;CACf,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,OAAO;CACP,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.189",
+  "version": "0.3.190",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",