@bitrise/bitkit-v2 0.3.165 → 0.3.167

package/dist/components/BitkitIconButton/BitkitIconButton.js

@@ -1,11 +1,11 @@
-import d from "../BitkitTooltip/BitkitTooltip.js";
+import s from "../BitkitTooltip/BitkitTooltip.js";
 import { forwardRef as c } from "react";
 import { jsx as o } from "react/jsx-runtime";
 import { IconButton as m } from "@chakra-ui/react/button";
 import { Skeleton as p } from "@chakra-ui/react/skeleton";
 var f = c((r, n) => {
-  const { icon: l, label: i, size: e, state: t, tooltipProps: a, ...s } = r;
-  return /* @__PURE__ */ o(d, {
+  const { icon: l, label: i, size: e, state: t, tooltipProps: a, ...d } = r;
+  return /* @__PURE__ */ o(s, {
     text: i,
     ...a,
     children: /* @__PURE__ */ o(p, {
@@ -17,8 +17,8 @@ var f = c((r, n) => {
         loading: t === "loading",
         ref: n,
         size: e,
-        ...s,
-        children: /* @__PURE__ */ o(l, { size: e === "sm" ? "16" : "24" })
+        ...d,
+        children: /* @__PURE__ */ o(l, { size: e === "lg" ? "24" : "16" })
       })
     })
   });

package/dist/components/BitkitInlineLoading/BitkitInlineLoading.d.ts

@@ -0,0 +1,7 @@
+export interface BitkitInlineLoadingProps {
+    label?: string;
+    size?: 'lg' | 'md' | 'sm';
+    status?: 'error' | 'loading' | 'success';
+}
+declare const BitkitInlineLoading: import('react').ForwardRefExoticComponent<BitkitInlineLoadingProps & import('react').RefAttributes<HTMLDivElement>>;
+export default BitkitInlineLoading;

package/dist/components/BitkitInlineLoading/BitkitInlineLoading.js

@@ -0,0 +1,57 @@
+import p from "../../icons/IconCheckCircleFilled.js";
+import d from "../../icons/IconCrossCircleFilled.js";
+import { chakra as t, useSlotRecipe as g } from "@chakra-ui/react/styled-system";
+import { forwardRef as f } from "react";
+import { jsx as r, jsxs as z } from "react/jsx-runtime";
+import { Spinner as I } from "@chakra-ui/react/spinner";
+var h = {
+  lg: "24",
+  md: "16",
+  sm: "16"
+}, v = {
+  lg: {
+    size: "20",
+    margin: "2"
+  },
+  md: {
+    size: "14px",
+    margin: "1"
+  },
+  sm: {
+    size: "14px",
+    margin: "1"
+  }
+}, S = f((l, m) => {
+  const { label: n, size: e = "md", status: i = "loading" } = l, o = g({ key: "inlineLoading" })({
+    size: e,
+    status: i
+  }), s = h[e], { margin: c, size: a } = v[e];
+  return /* @__PURE__ */ z(t.div, {
+    css: o.root,
+    ref: m,
+    children: [
+      i === "loading" && /* @__PURE__ */ r(I, {
+        variant: "purple",
+        width: a,
+        height: a,
+        margin: c
+      }),
+      i === "success" && /* @__PURE__ */ r(p, {
+        color: "icon/positive",
+        size: s
+      }),
+      i === "error" && /* @__PURE__ */ r(d, {
+        color: "icon/negative",
+        size: s
+      }),
+      n && /* @__PURE__ */ r(t.span, {
+        css: o.label,
+        children: n
+      })
+    ]
+  });
+});
+S.displayName = "BitkitInlineLoading";
+export {
+  S as default
+};

package/dist/components/BitkitSearchInput/BitkitSearchInput.d.ts

@@ -0,0 +1,15 @@
+import { InputProps } from '@chakra-ui/react/input';
+import { InputGroupProps } from '@chakra-ui/react/input-group';
+export type BitkitSearchInputProps = Pick<InputProps, 'value' | 'placeholder'> & Omit<InputGroupProps, 'size' | 'variant' | 'children' | 'onChange'> & {
+    size?: 'md' | 'lg';
+    variant?: 'button';
+    onChange?: (value: string) => void;
+    onButtonClick?: () => void;
+};
+declare const BitkitSearchInput: import('react').ForwardRefExoticComponent<Pick<InputProps, "value" | "placeholder"> & Omit<InputGroupProps, "size" | "children" | "onChange" | "variant"> & {
+    size?: "md" | "lg";
+    variant?: "button";
+    onChange?: (value: string) => void;
+    onButtonClick?: () => void;
+} & import('react').RefAttributes<HTMLInputElement>>;
+export default BitkitSearchInput;

package/dist/components/BitkitSearchInput/BitkitSearchInput.js

@@ -0,0 +1,45 @@
+import r from "../../icons/IconMagnifier.js";
+import p from "../BitkitCloseButton/BitkitCloseButton.js";
+import u from "../BitkitIconButton/BitkitIconButton.js";
+import { forwardRef as I } from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { Input as f } from "@chakra-ui/react/input";
+import { InputGroup as g } from "@chakra-ui/react/input-group";
+var h = I((l, c) => {
+  const { size: o = "lg", variant: n, onChange: e, onButtonClick: a, value: i, placeholder: s, ...d } = l;
+  return /* @__PURE__ */ t(g, {
+    ...d,
+    endElement: /* @__PURE__ */ t(p, {
+      size: o === "lg" ? "md" : "sm",
+      colorPalette: "neutral",
+      marginInlineEnd: n === "button" ? o === "lg" ? "52px" : "44px" : "4",
+      visibility: !!i ? "visible" : "hidden",
+      onClick: () => e?.("")
+    }),
+    startElement: /* @__PURE__ */ t(r, {
+      marginInline: "12",
+      color: "icon/tertiary",
+      size: o === "lg" ? "24" : "16"
+    }),
+    endAddon: n === "button" ? /* @__PURE__ */ t(u, {
+      zIndex: 2,
+      size: o,
+      label: "Search",
+      icon: r,
+      borderLeftRadius: 0,
+      tooltipProps: { disabled: !0 },
+      onClick: a
+    }) : void 0,
+    children: /* @__PURE__ */ t(f, {
+      ref: c,
+      size: o,
+      value: i,
+      placeholder: s,
+      onChange: (m) => e?.(m.target.value)
+    })
+  });
+});
+h.displayName = "BitkitSearchInput";
+export {
+  h as default
+};

package/dist/components/index.d.ts

@@ -22,6 +22,7 @@ export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './Bitki
 export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
 export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
 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 BitkitLink, type BitkitLinkProps } from './BitkitLink/BitkitLink';
 export { default as BitkitLinkButton, type BitkitLinkButtonProps } from './BitkitLinkButton/BitkitLinkButton';
@@ -29,6 +30,7 @@ export { default as BitkitNativeSelect, type BitkitNativeSelectProps } from './B
 export { default as BitkitNumberInput, type BitkitNumberInputProps } from './BitkitNumberInput/BitkitNumberInput';
 export { default as BitkitRadio, type BitkitRadioProps } from './BitkitRadio/BitkitRadio';
 export { default as BitkitRadioGroup, type BitkitRadioGroupProps } from './BitkitRadioGroup/BitkitRadioGroup';
+export { default as BitkitSearchInput, type BitkitSearchInputProps } from './BitkitSearchInput/BitkitSearchInput';
 export { default as BitkitSegmentedControl, type BitkitSegmentedControlItemProps, type BitkitSegmentedControlProps, } from './BitkitSegmentedControl/BitkitSegmentedControl';
 export { default as BitkitSelect, type BitkitSelectProps } from './BitkitSelect/BitkitSelect';
 export { default as BitkitSelectMenu, type BitkitSelectMenuProps } from './BitkitSelectMenu/BitkitSelectMenu';

package/dist/main.js

@@ -1,5 +1,5 @@
 import r from "./components/BitkitAccordion/BitkitAccordion.js";
-import { bitkitIcon as t } from "./icons/bitkitIcon.js";
+import { bitkitIcon as i } from "./icons/bitkitIcon.js";
 import n from "./icons/IconAbortCircle.js";
 import c from "./icons/IconAbortCircleFilled.js";
 import e from "./icons/IconAddons.js";
@@ -26,7 +26,7 @@ import _ from "./icons/IconArrowRight.js";
 import Z from "./icons/IconArrowsHorizontal.js";
 import $ from "./icons/IconArrowsVertical.js";
 import ro from "./icons/IconArrowUp.js";
-import to from "./icons/IconAutomation.js";
+import io from "./icons/IconAutomation.js";
 import no from "./icons/IconAws.js";
 import co from "./icons/IconAwsColor.js";
 import eo from "./icons/IconBadge3RdParty.js";
@@ -53,7 +53,7 @@ import Yo from "./icons/IconBug.js";
 import qo from "./icons/IconBuild.js";
 import or from "./icons/IconBuildCache.js";
 import mr from "./icons/IconBuildCacheFilled.js";
-import ir from "./icons/IconBuildEnvSetup.js";
+import tr from "./icons/IconBuildEnvSetup.js";
 import pr from "./icons/IconCalendar.js";
 import fr from "./icons/IconChangePlan.js";
 import Ir from "./icons/IconChat.js";
@@ -80,7 +80,7 @@ import Yr from "./icons/IconCommit.js";
 import qr from "./icons/IconConfigure.js";
 import om from "./icons/IconConnectedAccounts.js";
 import mm from "./icons/IconContainer.js";
-import im from "./icons/IconCopy.js";
+import tm from "./icons/IconCopy.js";
 import pm from "./icons/IconCordova.js";
 import fm from "./icons/IconCpu.js";
 import Im from "./icons/IconCreditcard.js";
@@ -105,60 +105,60 @@ import Km from "./icons/IconDoubleCircle.js";
 import Xm from "./icons/IconDownload.js";
 import Ym from "./icons/IconEc2Ami.js";
 import qm from "./icons/IconEnterprise.js";
-import ot from "./icons/IconErrorCircle.js";
-import mt from "./icons/IconErrorCircleFilled.js";
-import it from "./icons/IconExpand.js";
-import pt from "./icons/IconExtraBuildCapacity.js";
-import ft from "./icons/IconEye.js";
-import It from "./icons/IconEyeSlash.js";
-import at from "./icons/IconFastlane.js";
-import dt from "./icons/IconFileDoc.js";
-import Bt from "./icons/IconFilePdf.js";
-import ut from "./icons/IconFilePlist.js";
-import ht from "./icons/IconFileZip.js";
-import bt from "./icons/IconFilter.js";
-import St from "./icons/IconFlag.js";
-import Ft from "./icons/IconFlutter.js";
-import vt from "./icons/IconFolder.js";
-import yt from "./icons/IconFullscreen.js";
-import Rt from "./icons/IconFullscreenExit.js";
-import Lt from "./icons/IconGauge.js";
-import Et from "./icons/IconGit.js";
-import Ut from "./icons/IconGithub.js";
-import Nt from "./icons/IconGitlab.js";
-import jt from "./icons/IconGitlabColor.js";
-import Jt from "./icons/IconGitlabWhite.js";
-import Kt from "./icons/IconGlobe.js";
-import Xt from "./icons/IconGo.js";
-import Yt from "./icons/IconGoogleColor.js";
-import qt from "./icons/IconGooglePlay.js";
-import oi from "./icons/IconGooglePlayColor.js";
-import mi from "./icons/IconGradle.js";
-import ii from "./icons/IconGroup.js";
-import pi from "./icons/IconHashtag.js";
-import fi from "./icons/IconHeadset.js";
-import Ii from "./icons/IconHeart.js";
-import ai from "./icons/IconHistory.js";
-import di from "./icons/IconHourglass.js";
-import Bi from "./icons/IconImage.js";
-import ui from "./icons/IconInfoCircle.js";
-import hi from "./icons/IconInfoCircleFilled.js";
-import bi from "./icons/IconInsights.js";
-import Si from "./icons/IconInsightsFilled.js";
-import Fi from "./icons/IconInstall.js";
-import vi from "./icons/IconInteraction.js";
-import yi from "./icons/IconInvoice.js";
-import Ri from "./icons/IconIonic.js";
-import Li from "./icons/IconJapanese.js";
-import Ei from "./icons/IconJava.js";
-import Ui from "./icons/IconJavaColor.js";
-import Ni from "./icons/IconJavaDuke.js";
-import ji from "./icons/IconJavaDukeColor.js";
-import Ji from "./icons/IconKey.js";
-import Ki from "./icons/IconKotlin.js";
-import Xi from "./icons/IconKotlinColor.js";
-import Yi from "./icons/IconKotlinWhite.js";
-import qi from "./icons/IconLaptop.js";
+import oi from "./icons/IconErrorCircle.js";
+import mi from "./icons/IconErrorCircleFilled.js";
+import ti from "./icons/IconExpand.js";
+import pi from "./icons/IconExtraBuildCapacity.js";
+import fi from "./icons/IconEye.js";
+import Ii from "./icons/IconEyeSlash.js";
+import ai from "./icons/IconFastlane.js";
+import di from "./icons/IconFileDoc.js";
+import Bi from "./icons/IconFilePdf.js";
+import ui from "./icons/IconFilePlist.js";
+import hi from "./icons/IconFileZip.js";
+import bi from "./icons/IconFilter.js";
+import Si from "./icons/IconFlag.js";
+import Fi from "./icons/IconFlutter.js";
+import vi from "./icons/IconFolder.js";
+import yi from "./icons/IconFullscreen.js";
+import Ri from "./icons/IconFullscreenExit.js";
+import Li from "./icons/IconGauge.js";
+import Ei from "./icons/IconGit.js";
+import Ui from "./icons/IconGithub.js";
+import Ni from "./icons/IconGitlab.js";
+import ji from "./icons/IconGitlabColor.js";
+import Ji from "./icons/IconGitlabWhite.js";
+import Ki from "./icons/IconGlobe.js";
+import Xi from "./icons/IconGo.js";
+import Yi from "./icons/IconGoogleColor.js";
+import qi from "./icons/IconGooglePlay.js";
+import ot from "./icons/IconGooglePlayColor.js";
+import mt from "./icons/IconGradle.js";
+import tt from "./icons/IconGroup.js";
+import pt from "./icons/IconHashtag.js";
+import ft from "./icons/IconHeadset.js";
+import It from "./icons/IconHeart.js";
+import at from "./icons/IconHistory.js";
+import dt from "./icons/IconHourglass.js";
+import Bt from "./icons/IconImage.js";
+import ut from "./icons/IconInfoCircle.js";
+import ht from "./icons/IconInfoCircleFilled.js";
+import bt from "./icons/IconInsights.js";
+import St from "./icons/IconInsightsFilled.js";
+import Ft from "./icons/IconInstall.js";
+import vt from "./icons/IconInteraction.js";
+import yt from "./icons/IconInvoice.js";
+import Rt from "./icons/IconIonic.js";
+import Lt from "./icons/IconJapanese.js";
+import Et from "./icons/IconJava.js";
+import Ut from "./icons/IconJavaColor.js";
+import Nt from "./icons/IconJavaDuke.js";
+import jt from "./icons/IconJavaDukeColor.js";
+import Jt from "./icons/IconKey.js";
+import Kt from "./icons/IconKotlin.js";
+import Xt from "./icons/IconKotlinColor.js";
+import Yt from "./icons/IconKotlinWhite.js";
+import qt from "./icons/IconLaptop.js";
 import on from "./icons/IconLaunchdarkly.js";
 import mn from "./icons/IconLegacyApp.js";
 import nn from "./icons/IconLightbulb.js";
@@ -187,7 +187,7 @@ import _n from "./icons/IconMobile.js";
 import Zn from "./icons/IconMobileLandscape.js";
 import $n from "./icons/IconMonitorChart.js";
 import rp from "./icons/IconMoreHorizontal.js";
-import tp from "./icons/IconMoreVertical.js";
+import ip from "./icons/IconMoreVertical.js";
 import np from "./icons/IconNews.js";
 import cp from "./icons/IconNextjs.js";
 import ep from "./icons/IconNodejs.js";
@@ -214,7 +214,7 @@ import _p from "./icons/IconPuzzle.js";
 import Zp from "./icons/IconPython.js";
 import $p from "./icons/IconPythonColor.js";
 import rc from "./icons/IconQuestionCircle.js";
-import tc from "./icons/IconQuestionCircleFilled.js";
+import ic from "./icons/IconQuestionCircleFilled.js";
 import nc from "./icons/IconReact.js";
 import cc from "./icons/IconRefresh.js";
 import ec from "./icons/IconRegex.js";
@@ -268,7 +268,7 @@ import Yf from "./icons/IconUbuntuColor.js";
 import qf from "./icons/IconUnity3D.js";
 import oe from "./icons/IconUpload.js";
 import me from "./icons/IconValidateShield.js";
-import ie from "./icons/IconVideo.js";
+import te from "./icons/IconVideo.js";
 import pe from "./icons/IconWarning.js";
 import fe from "./icons/IconWarningYellow.js";
 import Ie from "./icons/IconWebhooks.js";
@@ -295,7 +295,7 @@ import Ye from "./components/BitkitCodeSnippet/BitkitCodeSnippet.js";
 import qe from "./components/BitkitField/BitkitField.js";
 import oI from "./components/BitkitCombobox/BitkitCombobox.js";
 import mI from "./components/BitkitControlButton/BitkitControlButton.js";
-import iI from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
+import tI from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
 import pI from "./components/BitkitDialog/BitkitDialogBody.js";
 import fI from "./components/BitkitDialog/BitkitDialogContent.js";
 import II from "./components/BitkitDialog/BitkitDialogRoot.js";
@@ -303,23 +303,25 @@ import aI from "./components/BitkitDialog/BitkitDialog.js";
 import dI from "./components/BitkitEmptyState/BitkitEmptyState.js";
 import BI from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
 import uI from "./components/BitkitIconButton/BitkitIconButton.js";
-import hI from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
-import bI from "./components/BitkitLink/BitkitLink.js";
-import SI from "./components/BitkitLinkButton/BitkitLinkButton.js";
-import FI from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
-import vI from "./components/BitkitNumberInput/BitkitNumberInput.js";
-import yI from "./components/BitkitRadio/BitkitRadio.js";
-import RI from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
-import LI from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
-import EI from "./components/BitkitSelect/BitkitSelect.js";
-import UI from "./components/BitkitSplitButton/BitkitSplitButton.js";
-import NI from "./components/BitkitTabs/BitkitTabs.js";
-import jI from "./components/BitkitTag/BitkitTag.js";
-import JI from "./components/BitkitTextInput/BitkitTextInput.js";
-import KI from "./components/BitkitToggle/BitkitToggle.js";
-import XI from "./components/BitkitToggleButton/BitkitToggleButton.js";
-import YI from "./theme/index.js";
-import qI from "./providers/BitkitProvider.js";
+import hI from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
+import bI from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
+import SI from "./components/BitkitLink/BitkitLink.js";
+import FI from "./components/BitkitLinkButton/BitkitLinkButton.js";
+import vI from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
+import yI from "./components/BitkitNumberInput/BitkitNumberInput.js";
+import RI from "./components/BitkitRadio/BitkitRadio.js";
+import LI from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
+import EI from "./components/BitkitSearchInput/BitkitSearchInput.js";
+import UI from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
+import NI from "./components/BitkitSelect/BitkitSelect.js";
+import jI from "./components/BitkitSplitButton/BitkitSplitButton.js";
+import JI from "./components/BitkitTabs/BitkitTabs.js";
+import KI from "./components/BitkitTag/BitkitTag.js";
+import XI from "./components/BitkitTextInput/BitkitTextInput.js";
+import YI from "./components/BitkitToggle/BitkitToggle.js";
+import qI from "./components/BitkitToggleButton/BitkitToggleButton.js";
+import ol from "./theme/index.js";
+import ml from "./providers/BitkitProvider.js";
 export {
   r as BitkitAccordion,
   ve as BitkitActionBar,
@@ -336,7 +338,7 @@ export {
   ye as BitkitColorButton,
   oI as BitkitCombobox,
   mI as BitkitControlButton,
-  iI as BitkitDefinitionTooltip,
+  tI as BitkitDefinitionTooltip,
   aI as BitkitDialog,
   pI as BitkitDialogBody,
   fI as BitkitDialogContent,
@@ -345,23 +347,25 @@ export {
   BI as BitkitExpandableCard,
   qe as BitkitField,
   uI as BitkitIconButton,
-  hI as BitkitInteractiveTooltip,
-  bI as BitkitLink,
-  SI as BitkitLinkButton,
-  FI as BitkitNativeSelect,
-  vI as BitkitNumberInput,
-  qI as BitkitProvider,
-  yI as BitkitRadio,
-  RI as BitkitRadioGroup,
-  LI as BitkitSegmentedControl,
-  EI as BitkitSelect,
+  hI as BitkitInlineLoading,
+  bI as BitkitInteractiveTooltip,
+  SI as BitkitLink,
+  FI as BitkitLinkButton,
+  vI as BitkitNativeSelect,
+  yI as BitkitNumberInput,
+  ml as BitkitProvider,
+  RI as BitkitRadio,
+  LI as BitkitRadioGroup,
+  EI as BitkitSearchInput,
+  UI as BitkitSegmentedControl,
+  NI as BitkitSelect,
   Ne as BitkitSelectMenu,
-  UI as BitkitSplitButton,
-  NI as BitkitTabs,
-  jI as BitkitTag,
-  JI as BitkitTextInput,
-  KI as BitkitToggle,
-  XI as BitkitToggleButton,
+  jI as BitkitSplitButton,
+  JI as BitkitTabs,
+  KI as BitkitTag,
+  XI as BitkitTextInput,
+  YI as BitkitToggle,
+  qI as BitkitToggleButton,
   Se as BitkitTooltip,
   n as IconAbortCircle,
   c as IconAbortCircleFilled,
@@ -389,7 +393,7 @@ export {
   ro as IconArrowUp,
   Z as IconArrowsHorizontal,
   $ as IconArrowsVertical,
-  to as IconAutomation,
+  io as IconAutomation,
   no as IconAws,
   co as IconAwsColor,
   eo as IconBadge3RdParty,
@@ -416,7 +420,7 @@ export {
   qo as IconBuild,
   or as IconBuildCache,
   mr as IconBuildCacheFilled,
-  ir as IconBuildEnvSetup,
+  tr as IconBuildEnvSetup,
   pr as IconCalendar,
   fr as IconChangePlan,
   Ir as IconChat,
@@ -443,7 +447,7 @@ export {
   qr as IconConfigure,
   om as IconConnectedAccounts,
   mm as IconContainer,
-  im as IconCopy,
+  tm as IconCopy,
   pm as IconCordova,
   fm as IconCpu,
   Im as IconCreditcard,
@@ -468,60 +472,60 @@ export {
   Xm as IconDownload,
   Ym as IconEc2Ami,
   qm as IconEnterprise,
-  ot as IconErrorCircle,
-  mt as IconErrorCircleFilled,
-  it as IconExpand,
-  pt as IconExtraBuildCapacity,
-  ft as IconEye,
-  It as IconEyeSlash,
-  at as IconFastlane,
-  dt as IconFileDoc,
-  Bt as IconFilePdf,
-  ut as IconFilePlist,
-  ht as IconFileZip,
-  bt as IconFilter,
-  St as IconFlag,
-  Ft as IconFlutter,
-  vt as IconFolder,
-  yt as IconFullscreen,
-  Rt as IconFullscreenExit,
-  Lt as IconGauge,
-  Et as IconGit,
-  Ut as IconGithub,
-  Nt as IconGitlab,
-  jt as IconGitlabColor,
-  Jt as IconGitlabWhite,
-  Kt as IconGlobe,
-  Xt as IconGo,
-  Yt as IconGoogleColor,
-  qt as IconGooglePlay,
-  oi as IconGooglePlayColor,
-  mi as IconGradle,
-  ii as IconGroup,
-  pi as IconHashtag,
-  fi as IconHeadset,
-  Ii as IconHeart,
-  ai as IconHistory,
-  di as IconHourglass,
-  Bi as IconImage,
-  ui as IconInfoCircle,
-  hi as IconInfoCircleFilled,
-  bi as IconInsights,
-  Si as IconInsightsFilled,
-  Fi as IconInstall,
-  vi as IconInteraction,
-  yi as IconInvoice,
-  Ri as IconIonic,
-  Li as IconJapanese,
-  Ei as IconJava,
-  Ui as IconJavaColor,
-  Ni as IconJavaDuke,
-  ji as IconJavaDukeColor,
-  Ji as IconKey,
-  Ki as IconKotlin,
-  Xi as IconKotlinColor,
-  Yi as IconKotlinWhite,
-  qi as IconLaptop,
+  oi as IconErrorCircle,
+  mi as IconErrorCircleFilled,
+  ti as IconExpand,
+  pi as IconExtraBuildCapacity,
+  fi as IconEye,
+  Ii as IconEyeSlash,
+  ai as IconFastlane,
+  di as IconFileDoc,
+  Bi as IconFilePdf,
+  ui as IconFilePlist,
+  hi as IconFileZip,
+  bi as IconFilter,
+  Si as IconFlag,
+  Fi as IconFlutter,
+  vi as IconFolder,
+  yi as IconFullscreen,
+  Ri as IconFullscreenExit,
+  Li as IconGauge,
+  Ei as IconGit,
+  Ui as IconGithub,
+  Ni as IconGitlab,
+  ji as IconGitlabColor,
+  Ji as IconGitlabWhite,
+  Ki as IconGlobe,
+  Xi as IconGo,
+  Yi as IconGoogleColor,
+  qi as IconGooglePlay,
+  ot as IconGooglePlayColor,
+  mt as IconGradle,
+  tt as IconGroup,
+  pt as IconHashtag,
+  ft as IconHeadset,
+  It as IconHeart,
+  at as IconHistory,
+  dt as IconHourglass,
+  Bt as IconImage,
+  ut as IconInfoCircle,
+  ht as IconInfoCircleFilled,
+  bt as IconInsights,
+  St as IconInsightsFilled,
+  Ft as IconInstall,
+  vt as IconInteraction,
+  yt as IconInvoice,
+  Rt as IconIonic,
+  Lt as IconJapanese,
+  Et as IconJava,
+  Ut as IconJavaColor,
+  Nt as IconJavaDuke,
+  jt as IconJavaDukeColor,
+  Jt as IconKey,
+  Kt as IconKotlin,
+  Xt as IconKotlinColor,
+  Yt as IconKotlinWhite,
+  qt as IconLaptop,
   on as IconLaunchdarkly,
   mn as IconLegacyApp,
   nn as IconLightbulb,
@@ -550,7 +554,7 @@ export {
   Zn as IconMobileLandscape,
   $n as IconMonitorChart,
   rp as IconMoreHorizontal,
-  tp as IconMoreVertical,
+  ip as IconMoreVertical,
   np as IconNews,
   cp as IconNextjs,
   ep as IconNodejs,
@@ -577,7 +581,7 @@ export {
   Zp as IconPython,
   $p as IconPythonColor,
   rc as IconQuestionCircle,
-  tc as IconQuestionCircleFilled,
+  ic as IconQuestionCircleFilled,
   nc as IconReact,
   cc as IconRefresh,
   ec as IconRegex,
@@ -631,7 +635,7 @@ export {
   qf as IconUnity3D,
   oe as IconUpload,
   me as IconValidateShield,
-  ie as IconVideo,
+  te as IconVideo,
   pe as IconWarning,
   fe as IconWarningYellow,
   ae as IconWebUi,
@@ -641,6 +645,6 @@ export {
   be as IconXTwitter,
   ue as IconXamarin,
   he as IconXcode,
-  t as bitkitIcon,
-  YI as bitriseTheme
+  i as bitkitIcon,
+  ol as bitriseTheme
 };

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

@@ -0,0 +1,37 @@
+declare const inlineLoadingRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root", {
+    size: {
+        sm: {
+            label: {
+                textStyle: "body/sm/regular";
+            };
+        };
+        md: {
+            label: {
+                textStyle: "body/md/regular";
+            };
+        };
+        lg: {
+            label: {
+                textStyle: "body/lg/regular";
+            };
+        };
+    };
+    status: {
+        error: {
+            label: {
+                color: "text/body";
+            };
+        };
+        loading: {
+            label: {
+                color: "text/secondary";
+            };
+        };
+        success: {
+            label: {
+                color: "text/body";
+            };
+        };
+    };
+}>;
+export default inlineLoadingRecipe;

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

@@ -0,0 +1,32 @@
+import { defineSlotRecipe as e } from "@chakra-ui/react/styled-system";
+var a = e({
+  className: "inline-loading",
+  slots: ["root", "label"],
+  base: {
+    root: {
+      alignItems: "center",
+      display: "flex",
+      gap: "8"
+    },
+    label: {}
+  },
+  variants: {
+    size: {
+      sm: { label: { textStyle: "body/sm/regular" } },
+      md: { label: { textStyle: "body/md/regular" } },
+      lg: { label: { textStyle: "body/lg/regular" } }
+    },
+    status: {
+      error: { label: { color: "text/body" } },
+      loading: { label: { color: "text/secondary" } },
+      success: { label: { color: "text/body" } }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    status: "loading"
+  }
+});
+export {
+  a as default
+};

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

@@ -623,6 +623,42 @@ declare const slotRecipes: {
         };
     }>;
     imageCropper: import('@chakra-ui/react').SlotRecipeDefinition<"grid" | "image" | "root" | "viewport" | "selection" | "handle", import('@chakra-ui/react').SlotRecipeVariantRecord<"grid" | "image" | "root" | "viewport" | "selection" | "handle">>;
+    inlineLoading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root", {
+        size: {
+            sm: {
+                label: {
+                    textStyle: "body/sm/regular";
+                };
+            };
+            md: {
+                label: {
+                    textStyle: "body/md/regular";
+                };
+            };
+            lg: {
+                label: {
+                    textStyle: "body/lg/regular";
+                };
+            };
+        };
+        status: {
+            error: {
+                label: {
+                    color: "text/body";
+                };
+            };
+            loading: {
+                label: {
+                    color: "text/secondary";
+                };
+            };
+            success: {
+                label: {
+                    color: "text/body";
+                };
+            };
+        };
+    }>;
     menu: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "separator" | "item" | "itemIndicator" | "trigger" | "arrow" | "arrowTip" | "positioner" | "indicator" | "itemText" | "itemGroup" | "itemGroupLabel" | "contextTrigger" | "triggerItem" | "itemCommand" | "itemHelper", {
         size: {
             lg: {

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

@@ -1,15 +1,15 @@
 import e from "./NumberInput.recipe.js";
 import o from "./Accordion.recipe.js";
 import t from "./ActionBar.recipe.js";
-import r from "./Alert.recipe.js";
-import i from "./Avatar.recipe.js";
+import i from "./Alert.recipe.js";
+import r from "./Avatar.recipe.js";
 import p from "./Breadcrumb.recipe.js";
 import m from "./Card.recipe.js";
 import c from "./Checkbox.recipe.js";
 import l from "./CodeSnippet.recipe.js";
 import a from "./Combobox.recipe.js";
-import S from "./DatePicker.recipe.js";
-import { selectSlotRecipe as f } from "./Select.recipe.js";
+import f from "./DatePicker.recipe.js";
+import { selectSlotRecipe as S } from "./Select.recipe.js";
 import R from "./DatePickerSelect.recipe.js";
 import d from "./Dialog.recipe.js";
 import n from "./EmptyState.recipe.js";
@@ -18,27 +18,28 @@ import s from "./Field.recipe.js";
 import u from "./Fieldset.recipe.js";
 import g from "./FileUpload.recipe.js";
 import x from "./ImageCropper.recipe.js";
-import k from "./Menu.recipe.js";
-import v from "./NativeSelect.recipe.js";
-import h from "./RadioGroup.recipe.js";
-import B from "./SegmentGroup.recipe.js";
-import C from "./SplitButton.recipe.js";
-import G from "./Switch.recipe.js";
-import P from "./Table.recipe.js";
-import w from "./Tabs.recipe.js";
-import y from "./Tag.recipe.js";
-import I from "./Tooltip.recipe.js";
-var me = {
+import k from "./InlineLoading.recipe.js";
+import v from "./Menu.recipe.js";
+import h from "./NativeSelect.recipe.js";
+import B from "./RadioGroup.recipe.js";
+import C from "./SegmentGroup.recipe.js";
+import G from "./SplitButton.recipe.js";
+import P from "./Switch.recipe.js";
+import w from "./Table.recipe.js";
+import y from "./Tabs.recipe.js";
+import I from "./Tag.recipe.js";
+import L from "./Tooltip.recipe.js";
+var le = {
   accordion: o,
   actionBar: t,
-  alert: r,
-  avatar: i,
+  alert: i,
+  avatar: r,
   breadcrumb: p,
   card: m,
   checkbox: c,
   codeSnippet: l,
   combobox: a,
-  datePicker: S,
+  datePicker: f,
   datePickerSelect: R,
   dialog: d,
   emptyState: n,
@@ -47,19 +48,20 @@ var me = {
   fieldset: u,
   fileUpload: g,
   imageCropper: x,
-  menu: k,
-  nativeSelect: v,
+  inlineLoading: k,
+  menu: v,
+  nativeSelect: h,
   numberInput: e,
-  radioGroup: h,
-  segmentGroup: B,
-  select: f,
-  splitButton: C,
-  switch: G,
-  table: P,
-  tabs: w,
-  tag: y,
-  tooltip: I
+  radioGroup: B,
+  segmentGroup: C,
+  select: S,
+  splitButton: G,
+  switch: P,
+  table: w,
+  tabs: y,
+  tag: I,
+  tooltip: L
 };
 export {
-  me as default
+  le as default
 };

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

@@ -825,6 +825,9 @@ declare const tokens: {
         "128": {
             value: string;
         };
+        full: {
+            value: string;
+        };
     };
     spacing: {
         "1": {
@@ -872,6 +875,9 @@ declare const tokens: {
         "128": {
             value: string;
         };
+        full: {
+            value: string;
+        };
     };
     zIndex: {
         base: {

package/dist/theme/tokens/sizes.d.ts

@@ -44,5 +44,8 @@ declare const sizes: {
     "128": {
         value: string;
     };
+    full: {
+        value: string;
+    };
 };
 export default sizes;

package/dist/theme/tokens/sizesAndSpacing.js

@@ -1,4 +1,4 @@
-var e = {
+var e = { value: "100%" }, a = {
   1: { value: "0.0625rem" },
   2: { value: "0.125rem" },
   4: { value: "0.25rem" },
@@ -13,8 +13,9 @@ var e = {
   48: { value: "3rem" },
   64: { value: "4rem" },
   96: { value: "6rem" },
-  128: { value: "8rem" }
+  128: { value: "8rem" },
+  full: e
 };
 export {
-  e as default
+  a as default
 };

package/dist/theme/tokens/sizesAndSpacing.json.d.ts

@@ -43,8 +43,11 @@ declare const _default: {
     },
     "128": {
         "value": "8rem"
+    },
+    "full": {
+        "value": "100%"
     }
-  }
+}
 ;
 
 export default _default;

package/dist/theme/tokens/spacing.d.ts

@@ -44,5 +44,8 @@ declare const spacing: {
     "128": {
         value: string;
     };
+    full: {
+        value: string;
+    };
 };
 export default spacing;

package/package.json

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