@bitrise/bitkit-v2 0.3.175 → 0.3.176

package/dist/components/BitkitTextInput/BitkitTextInput.js

@@ -8,35 +8,27 @@ import { Input as o } from "@chakra-ui/react/input";
 import { InputGroup as s } from "@chakra-ui/react/input-group";
 //#region lib/components/BitkitTextInput/BitkitTextInput.tsx
 var c = i((i, c) => {
-	let { counter: l, errorText: u, helperText: d, inputProps: f, label: p, maxLength: m, optional: h, placeholder: g, size: _, state: v, tooltip: y, warningText: b, ...x } = i, S = v === "warning" || !!b, C = v === "error" || !!u, w;
-	return C ? w = /* @__PURE__ */ a(e, {
-		size: _ === "lg" ? "24" : "16",
+	let { counter: l, inputProps: u, maxLength: d, placeholder: f, size: p, state: m, ...h } = i, g = m === "warning" || !!h.warningText, _ = m === "error" || !!h.errorText, v;
+	return _ ? v = /* @__PURE__ */ a(e, {
+		size: p === "lg" ? "24" : "16",
 		color: "icon/negative"
-	}) : S && (w = /* @__PURE__ */ a(t, {
-		size: _ === "lg" ? "24" : "16",
+	}) : g && (v = /* @__PURE__ */ a(t, {
+		size: p === "lg" ? "24" : "16",
 		color: "icon/warning"
 	})), /* @__PURE__ */ a(r, {
-		counterText: l && m && f?.value !== void 0 ? `${f.value.toString().length}/${m}` : void 0,
-		disabled: v === "disabled",
-		errorText: u,
-		helperText: d,
-		invalid: C,
-		label: p,
-		optional: h,
-		readOnly: v === "readOnly",
+		counterText: l && d && u?.value !== void 0 ? `${u.value.toString().length}/${d}` : void 0,
 		ref: c,
-		tooltip: y,
-		warningText: b,
-		...x,
+		state: m,
+		...h,
 		children: /* @__PURE__ */ a(s, {
-			endElement: w,
-			endElementProps: { marginInlineEnd: n(_ === "lg" ? 15 : 11) },
+			endElement: v,
+			endElementProps: { marginInlineEnd: n(p === "lg" ? 15 : 11) },
 			width: "100%",
 			children: /* @__PURE__ */ a(o, {
-				placeholder: g,
-				size: _,
-				maxLength: m,
-				...f
+				placeholder: f,
+				size: p,
+				maxLength: d,
+				...u
 			})
 		})
 	});

package/dist/components/BitkitToggle/components/BitkitToggleLabel.js

@@ -2,14 +2,14 @@ import e from "../../../icons/IconInfoCircle.js";
 import t from "../../BitkitTooltip/BitkitTooltip.js";
 import { Text as n } from "@chakra-ui/react/text";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { useSwitchContext as a } from "@chakra-ui/react/switch";
-import { Flex as o } from "@chakra-ui/react/flex";
+import { Flex as a } from "@chakra-ui/react/flex";
+import { useSwitchContext as o } from "@chakra-ui/react/switch";
 //#region lib/components/BitkitToggle/components/BitkitToggleLabel.tsx
 var s = ({ label: s, state: c, tooltip: l, optional: u }) => {
-	let { disabled: d } = a();
+	let { disabled: d } = o();
 	if (!s) return null;
 	let f = d && c !== "disabledInput" && c !== "skeleton";
-	return /* @__PURE__ */ i(o, {
+	return /* @__PURE__ */ i(a, {
 		gap: "4",
 		alignItems: "center",
 		children: [

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export { default as BitkitCheckbox, type BitkitCheckboxProps } from './BitkitChe
 export { default as BitkitCheckboxGroup, type BitkitCheckboxGroupProps, } from './BitkitCheckboxGroup/BitkitCheckboxGroup';
 export { default as BitkitCloseButton, type BitkitCloseButtonProps } from './BitkitCloseButton/BitkitCloseButton';
 export { default as BitkitCodeSnippet, type BitkitCodeSnippetProps } from './BitkitCodeSnippet/BitkitCodeSnippet';
+export { default as BitkitCollapsible, type BitkitCollapsibleProps } from './BitkitCollapsible/BitkitCollapsible';
 export { default as BitkitColorButton, type BitkitColorButtonProps } from './BitkitColorButton/BitkitColorButton';
 export { default as BitkitCombobox, type BitkitComboboxProps } from './BitkitCombobox/BitkitCombobox';
 export { default as BitkitControlButton, type BitkitControlButtonProps, } from './BitkitControlButton/BitkitControlButton';
@@ -22,9 +23,12 @@ export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './Bitki
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
 export { default as BitkitExplainerList, type BitkitExplainerListItemProps, type BitkitExplainerListProps, } from './BitkitExplainerList/BitkitExplainerList';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
+export { default as BitkitFileInput } from './BitkitFileInput/BitkitFileInput';
+export { default as BitkitGroupHeading, type BitkitGroupHeadingProps } from './BitkitGroupHeading/BitkitGroupHeading';
 export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
 export { default as BitkitInlineLoading, type BitkitInlineLoadingProps, } from './BitkitInlineLoading/BitkitInlineLoading';
 export { default as BitkitInteractiveTooltip, type BitkitInteractiveTooltipProps, } from './BitkitInteractiveTooltip/BitkitInteractiveTooltip';
+export { default as BitkitLabel, type BitkitLabelProps } from './BitkitLabel/BitkitLabel';
 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';
@@ -32,12 +36,15 @@ export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './B
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitOrderedList, type BitkitOrderedListItemProps, type BitkitOrderedListProps, } from './BitkitOrderedList/BitkitOrderedList';
 export { default as BitkitOverflowTooltip, type BitkitOverflowTooltipProps, } from './BitkitOverflowTooltip/BitkitOverflowTooltip';
+export { default as BitkitPaginationLoadMore, type BitkitPaginationLoadMoreProps, } from './BitkitPaginationLoadMore/BitkitPaginationLoadMore';
 export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
 export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
 export { default as BitkitRibbon, type BitkitRibbonProps } from './BitkitRibbon/BitkitRibbon';
 export { default as BitkitSearchInput, type BitkitSearchInputProps } from './BitkitSearchInput/BitkitSearchInput';
+export { default as BitkitSectionHeading, type BitkitSectionHeadingProps, } from './BitkitSectionHeading/BitkitSectionHeading';
 export { default as BitkitSegmentedControl, type BitkitSegmentedControlItemProps, type BitkitSegmentedControlProps, } from './BitkitSegmentedControl/BitkitSegmentedControl';
 export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/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 BitkitTabs } from './BitkitTabs/BitkitTabs';

package/dist/main.js

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

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

@@ -1,46 +1,7 @@
 import { rem as e } from "../themeUtils.js";
 import { defineRecipe as t } from "@chakra-ui/react/styled-system";
 //#region lib/theme/recipes/Button.recipe.ts
-var n = [
-	"primary",
-	"secondary",
-	"tertiary",
-	"danger-primary",
-	"danger-secondary",
-	"danger-tertiary",
-	"ai-primary",
-	"ai-secondary",
-	"ai-tertiary"
-].reduce((t, n) => {
-	let r = n?.includes("secondary") ? `{colors.button.${n}.border}` : `{colors.button.${n}.bg}`, i = n?.includes("secondary") ? `{colors.button.${n}.border-disabled}` : `{colors.button.${n}.bg-disabled}`;
-	return n?.includes("tertiary") && (r = "transparent", i = "transparent"), t[n] = {
-		"&:hover": {
-			backgroundColor: `{colors.button.${n}.bg-hover}`,
-			borderColor: n?.includes("secondary") ? `{colors.button.${n}.border-hover}` : `{colors.button.${n}.bg-hover}`,
-			color: `{colors.button.${n}.fg-hover}`,
-			_icon: { color: n === "secondary" ? "currentColor" : void 0 }
-		},
-		"&:active": {
-			backgroundColor: `{colors.button.${n}.bg-active}`,
-			borderColor: n?.includes("secondary") ? `{colors.button.${n}.border-active}` : `{colors.button.${n}.bg-active}`,
-			color: `{colors.button.${n}.fg-active}`,
-			_icon: { color: n === "secondary" ? "currentColor" : void 0 }
-		},
-		_disabled: {
-			backgroundColor: `{colors.button.${n}.bg-disabled}!`,
-			borderColor: `${i}!`,
-			color: `{colors.button.${n}.fg-disabled}!`,
-			cursor: "not-allowed",
-			_icon: { color: n === "secondary" ? "currentColor" : void 0 }
-		},
-		_icon: { color: n === "secondary" ? "button/secondary/fg/icon" : void 0 },
-		backgroundColor: `{colors.button.${n}.bg}`,
-		borderColor: r,
-		borderStyle: "solid",
-		borderWidth: e(1),
-		color: `{colors.button.${n}.fg}`
-	}, t;
-}, {}), r = t({
+var n = t({
 	className: "button",
 	base: {
 		borderRadius: "4",
@@ -57,7 +18,46 @@ var n = [
 		_disabled: { cursor: "not-allowed" }
 	},
 	variants: {
-		variant: n,
+		variant: [
+			"primary",
+			"secondary",
+			"tertiary",
+			"danger-primary",
+			"danger-secondary",
+			"danger-tertiary",
+			"ai-primary",
+			"ai-secondary",
+			"ai-tertiary"
+		].reduce((t, n) => {
+			let r = n?.includes("secondary") ? `{colors.button.${n}.border}` : `{colors.button.${n}.bg}`, i = n?.includes("secondary") ? `{colors.button.${n}.border-disabled}` : `{colors.button.${n}.bg-disabled}`;
+			return n?.includes("tertiary") && (r = "transparent", i = "transparent"), t[n] = {
+				"&:hover": {
+					backgroundColor: `{colors.button.${n}.bg-hover}`,
+					borderColor: n?.includes("secondary") ? `{colors.button.${n}.border-hover}` : `{colors.button.${n}.bg-hover}`,
+					color: `{colors.button.${n}.fg-hover}`,
+					_icon: { color: n === "secondary" ? "currentColor" : void 0 }
+				},
+				"&:active": {
+					backgroundColor: `{colors.button.${n}.bg-active}`,
+					borderColor: n?.includes("secondary") ? `{colors.button.${n}.border-active}` : `{colors.button.${n}.bg-active}`,
+					color: `{colors.button.${n}.fg-active}`,
+					_icon: { color: n === "secondary" ? "currentColor" : void 0 }
+				},
+				_disabled: {
+					backgroundColor: `{colors.button.${n}.bg-disabled}!`,
+					borderColor: `${i}!`,
+					color: `{colors.button.${n}.fg-disabled}!`,
+					cursor: "not-allowed",
+					_icon: { color: n === "secondary" ? "currentColor" : void 0 }
+				},
+				_icon: { color: n === "secondary" ? "button/secondary/fg/icon" : void 0 },
+				backgroundColor: `{colors.button.${n}.bg}`,
+				borderColor: r,
+				borderStyle: "solid",
+				borderWidth: e(1),
+				color: `{colors.button.${n}.fg}`
+			}, t;
+		}, {}),
 		size: {
 			sm: {
 				minWidth: "32",
@@ -87,4 +87,4 @@ var n = [
 	}
 });
 //#endregion
-export { r as default };
+export { n as default };

package/dist/theme/recipes/ControlButton.recipe.d.ts

@@ -1,39 +1,39 @@
 declare const controlButtonRecipe: import('@chakra-ui/react').RecipeDefinition<{
     isDanger: {
         false: {
-            color: "button/secondary/fg/text";
+            color: "button/control/fg";
             _hover: {
-                background: "button/tertiary/bg-hover";
-                color: "button/secondary/fg-hover";
+                background: "button/control/bg-hover";
+                color: "button/control/fg-hover";
                 _active: {
-                    background: "button/tertiary/bg-active";
-                    color: "button/secondary/fg-active";
+                    background: "button/control/bg-active";
+                    color: "button/control/fg-active";
                 };
             };
             _active: {
-                background: "button/tertiary/bg-active";
-                color: "button/secondary/fg-active";
+                background: "button/control/bg-active";
+                color: "button/control/fg-active";
             };
             _disabled: {
-                color: "button/secondary/fg-disabled!";
+                color: "button/control/fg-disabled!";
             };
         };
         true: {
-            color: "button/danger-secondary/fg";
+            color: "button/control-danger/fg";
             _hover: {
-                background: "button/danger-secondary/bg-hover";
-                color: "button/danger-secondary/fg-hover";
+                background: "button/control-danger/bg-hover";
+                color: "button/control-danger/fg-hover";
                 _active: {
-                    background: "button/danger-secondary/bg-active";
-                    color: "button/danger-secondary/fg-active";
+                    background: "button/control-danger/bg-active";
+                    color: "button/control-danger/fg-active";
                 };
             };
             _active: {
-                background: "button/danger-secondary/bg-active";
-                color: "button/danger-secondary/fg-active";
+                background: "button/control-danger/bg-active";
+                color: "button/control-danger/fg-active";
             };
             _disabled: {
-                color: "button/danger-secondary/fg-disabled!";
+                color: "button/control-danger/fg-disabled!";
             };
         };
     };

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

@@ -18,36 +18,36 @@ var t = e({
 	variants: {
 		isDanger: {
 			false: {
-				color: "button/secondary/fg/text",
+				color: "button/control/fg",
 				_hover: {
-					background: "button/tertiary/bg-hover",
-					color: "button/secondary/fg-hover",
+					background: "button/control/bg-hover",
+					color: "button/control/fg-hover",
 					_active: {
-						background: "button/tertiary/bg-active",
-						color: "button/secondary/fg-active"
+						background: "button/control/bg-active",
+						color: "button/control/fg-active"
 					}
 				},
 				_active: {
-					background: "button/tertiary/bg-active",
-					color: "button/secondary/fg-active"
+					background: "button/control/bg-active",
+					color: "button/control/fg-active"
 				},
-				_disabled: { color: "button/secondary/fg-disabled!" }
+				_disabled: { color: "button/control/fg-disabled!" }
 			},
 			true: {
-				color: "button/danger-secondary/fg",
+				color: "button/control-danger/fg",
 				_hover: {
-					background: "button/danger-secondary/bg-hover",
-					color: "button/danger-secondary/fg-hover",
+					background: "button/control-danger/bg-hover",
+					color: "button/control-danger/fg-hover",
 					_active: {
-						background: "button/danger-secondary/bg-active",
-						color: "button/danger-secondary/fg-active"
+						background: "button/control-danger/bg-active",
+						color: "button/control-danger/fg-active"
 					}
 				},
 				_active: {
-					background: "button/danger-secondary/bg-active",
-					color: "button/danger-secondary/fg-active"
+					background: "button/control-danger/bg-active",
+					color: "button/control-danger/fg-active"
 				},
-				_disabled: { color: "button/danger-secondary/fg-disabled!" }
+				_disabled: { color: "button/control-danger/fg-disabled!" }
 			}
 		},
 		size: {

package/dist/theme/recipes/SelectableTag.recipe.d.ts

@@ -0,0 +1,2 @@
+declare const selectableTagRecipe: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
+export default selectableTagRecipe;

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

@@ -0,0 +1,53 @@
+import { defineRecipe as e } from "@chakra-ui/react/styled-system";
+//#region lib/theme/recipes/SelectableTag.recipe.ts
+var t = {
+	background: "background/selected",
+	borderColor: "border/selected",
+	color: "text/primary",
+	_icon: { color: "icon/interactive" }
+}, n = {
+	background: "background/selected-hover",
+	borderColor: "border/selected",
+	color: "text/primary",
+	_icon: { color: "icon/interactive-hover" }
+}, r = {
+	background: "background/disabled",
+	borderColor: "border/disabled",
+	color: "text/on-disabled",
+	cursor: "not-allowed",
+	_icon: { color: "icon/on-disabled" }
+}, i = e({
+	className: "selectable-tag",
+	base: {
+		alignItems: "center",
+		background: "background/primary",
+		border: "1px solid",
+		borderColor: "border/strong",
+		borderRadius: "4",
+		color: "text/body",
+		cursor: "pointer",
+		display: "inline-flex",
+		gap: "4",
+		height: "24",
+		paddingBlock: "4",
+		paddingInline: "8",
+		textStyle: "comp/tag/sm",
+		userSelect: "none",
+		whiteSpace: "nowrap",
+		"&:has(svg)": { paddingInlineStart: "4" },
+		_icon: { color: "icon/primary" },
+		_hover: {
+			background: "background/hover",
+			color: "text/primary",
+			_checked: n
+		},
+		_checked: t,
+		_disabled: {
+			...r,
+			_checked: r
+		},
+		_focusVisible: { focusRing: "outside" }
+	}
+});
+//#endregion
+export { i as default };

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

@@ -65,39 +65,39 @@ declare const recipes: {
     controlButton: import('@chakra-ui/react').RecipeDefinition<{
         isDanger: {
             false: {
-                color: "button/secondary/fg/text";
+                color: "button/control/fg";
                 _hover: {
-                    background: "button/tertiary/bg-hover";
-                    color: "button/secondary/fg-hover";
+                    background: "button/control/bg-hover";
+                    color: "button/control/fg-hover";
                     _active: {
-                        background: "button/tertiary/bg-active";
-                        color: "button/secondary/fg-active";
+                        background: "button/control/bg-active";
+                        color: "button/control/fg-active";
                     };
                 };
                 _active: {
-                    background: "button/tertiary/bg-active";
-                    color: "button/secondary/fg-active";
+                    background: "button/control/bg-active";
+                    color: "button/control/fg-active";
                 };
                 _disabled: {
-                    color: "button/secondary/fg-disabled!";
+                    color: "button/control/fg-disabled!";
                 };
             };
             true: {
-                color: "button/danger-secondary/fg";
+                color: "button/control-danger/fg";
                 _hover: {
-                    background: "button/danger-secondary/bg-hover";
-                    color: "button/danger-secondary/fg-hover";
+                    background: "button/control-danger/bg-hover";
+                    color: "button/control-danger/fg-hover";
                     _active: {
-                        background: "button/danger-secondary/bg-active";
-                        color: "button/danger-secondary/fg-active";
+                        background: "button/control-danger/bg-active";
+                        color: "button/control-danger/fg-active";
                     };
                 };
                 _active: {
-                    background: "button/danger-secondary/bg-active";
-                    color: "button/danger-secondary/fg-active";
+                    background: "button/control-danger/bg-active";
+                    color: "button/control-danger/fg-active";
                 };
                 _disabled: {
-                    color: "button/danger-secondary/fg-disabled!";
+                    color: "button/control-danger/fg-disabled!";
                 };
             };
         };
@@ -172,6 +172,7 @@ declare const recipes: {
             };
         };
     }>;
+    selectableTag: import('@chakra-ui/react').RecipeDefinition<import('@chakra-ui/react').RecipeVariantRecord>;
     separator: import('@chakra-ui/react').RecipeDefinition<{
         variant: {};
         orientation: {

package/dist/theme/recipes/index.js

@@ -7,13 +7,14 @@ import a from "./ControlButton.recipe.js";
 import o from "./DefinitionTooltip.recipe.js";
 import s from "./Link.recipe.js";
 import c from "./LinkButton.recipe.js";
-import l from "./Separator.recipe.js";
-import u from "./Skeleton.recipe.js";
-import d from "./Spinner.recipe.js";
-import f from "./Textarea.recipe.js";
-import p from "./ToggleButton.recipe.js";
+import l from "./SelectableTag.recipe.js";
+import u from "./Separator.recipe.js";
+import d from "./Skeleton.recipe.js";
+import f from "./Spinner.recipe.js";
+import p from "./Textarea.recipe.js";
+import m from "./ToggleButton.recipe.js";
 //#region lib/theme/recipes/index.ts
-var m = {
+var h = {
 	badge: n,
 	button: r,
 	closeButton: i,
@@ -23,11 +24,12 @@ var m = {
 	input: t,
 	link: s,
 	linkButton: c,
-	separator: l,
-	skeleton: u,
-	spinner: d,
-	textarea: f,
-	toggleButton: p
+	selectableTag: l,
+	separator: u,
+	skeleton: d,
+	spinner: f,
+	textarea: p,
+	toggleButton: m
 };
 //#endregion
-export { m as default };
+export { h as default };

package/dist/theme/semantic-tokens/semanticColors.js

@@ -317,6 +317,26 @@ var n = t.colors(e({
 			"fg-hover": { value: { base: "{colors.sys.indigo}" } },
 			"fg-active": { value: { base: "{colors.sys.indigo.strong}" } },
 			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
+		},
+		control: {
+			bg: { value: { base: "transparent" } },
+			"bg-hover": { value: { base: "{colors.sys.bg.subtle}" } },
+			"bg-active": { value: { base: "{colors.sys.bg.moderate}" } },
+			"bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
+			fg: { value: { base: "{colors.sys.fg.secondary}" } },
+			"fg-hover": { value: { base: "{colors.sys.fg.primary}" } },
+			"fg-active": { value: { base: "{colors.sys.fg.primary}" } },
+			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
+		},
+		"control-danger": {
+			bg: { value: { base: "transparent" } },
+			"bg-hover": { value: { base: "{colors.sys.red.minimal}" } },
+			"bg-active": { value: { base: "{colors.sys.red.moderate}" } },
+			"bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
+			fg: { value: { base: "{colors.sys.red}" } },
+			"fg-hover": { value: { base: "{colors.sys.red}" } },
+			"fg-active": { value: { base: "{colors.sys.red.strong}" } },
+			"fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
 		}
 	},
 	"ui-header": {