@bitrise/bitkit-v2 0.3.161 → 0.3.162

package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.d.ts

@@ -0,0 +1,10 @@
+export interface BitkitCodeSnippetProps {
+    children: string;
+    disableTooltip?: boolean;
+    size?: 'md' | 'lg';
+    startingHeight?: number;
+    textToCopy?: string;
+    variant: 'inline' | 'multi' | 'single';
+}
+declare const BitkitCodeSnippet: import('react').ForwardRefExoticComponent<BitkitCodeSnippetProps & import('react').RefAttributes<HTMLElement>>;
+export default BitkitCodeSnippet;

package/dist/components/BitkitCodeSnippet/BitkitCodeSnippet.js

@@ -0,0 +1,82 @@
+import g from "../../utilities/AssetSelectChevron.js";
+import w from "../../icons/IconCheck.js";
+import I from "../../icons/IconCopy.js";
+import h from "../BitkitTooltip/BitkitTooltip.js";
+import { chakra as e, useSlotRecipe as B } from "@chakra-ui/react/styled-system";
+import { forwardRef as T, useCallback as M, useState as E } from "react";
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
+import { useClipboard as z } from "@ark-ui/react/clipboard";
+var c = "Copy to clipboard", H = T((x, d) => {
+  const { children: s, disableTooltip: f, size: C = "lg", startingHeight: m, textToCopy: b, variant: a } = x, l = m !== void 0, [i, k] = E(!1), { copied: v, copy: p } = z({
+    timeout: 2e3,
+    value: b ?? s
+  }), t = B({ key: "codeSnippet" })({
+    size: C,
+    variant: a,
+    hasShowMore: l,
+    isExpanded: i
+  }), y = M(() => {
+    k((n) => !n);
+  }, []), u = /* @__PURE__ */ o(e.button, {
+    onClick: p,
+    "aria-label": c,
+    css: t.copyButton,
+    children: v ? /* @__PURE__ */ o(w, { size: "16" }) : /* @__PURE__ */ o(I, { size: "16" })
+  });
+  if (a === "inline") return /* @__PURE__ */ o(h, {
+    disabled: f,
+    text: c,
+    children: /* @__PURE__ */ o(e.code, {
+      ref: d,
+      css: t.root,
+      onClick: p,
+      onKeyDown: (n) => {
+        (n.key === "Enter" || n.key === " ") && (n.preventDefault(), p());
+      },
+      role: "button",
+      tabIndex: 0,
+      children: s
+    })
+  });
+  if (a === "single") return /* @__PURE__ */ r(e.div, {
+    ref: d,
+    css: t.root,
+    children: [/* @__PURE__ */ o(e.code, {
+      css: t.content,
+      tabIndex: -1,
+      children: s
+    }), /* @__PURE__ */ o(h, {
+      text: c,
+      children: u
+    })]
+  });
+  const S = l && !i ? m : void 0;
+  return /* @__PURE__ */ r(e.div, {
+    ref: d,
+    css: t.root,
+    children: [
+      /* @__PURE__ */ o(e.code, {
+        css: t.content,
+        maxHeight: S,
+        tabIndex: -1,
+        children: s
+      }),
+      /* @__PURE__ */ o(h, {
+        text: c,
+        children: u
+      }),
+      l && /* @__PURE__ */ r(e.div, {
+        css: t.showMoreContainer,
+        children: [!i && /* @__PURE__ */ o(e.div, { css: t.showMoreGradient }), /* @__PURE__ */ r(e.button, {
+          onClick: y,
+          css: t.showMoreButton,
+          children: [i ? "Show less" : "Show more", /* @__PURE__ */ o(g, { "data-state": i ? "open" : "closed" })]
+        })]
+      })
+    ]
+  });
+});
+H.displayName = "BitkitCodeSnippet";
+export {
+  H as default
+};

package/dist/components/index.d.ts

@@ -9,6 +9,7 @@ export { default as BitkitCard } from './BitkitCard/BitkitCard';
 export { default as BitkitCheckbox, type BitkitCheckboxProps } from './BitkitCheckbox/BitkitCheckbox';
 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 BitkitColorButton, type BitkitColorButtonProps } from './BitkitColorButton/BitkitColorButton';
 export { default as BitkitCombobox, type BitkitComboboxProps } from './BitkitCombobox/BitkitCombobox';
 export { default as BitkitControlButton, type BitkitControlButtonProps, } from './BitkitControlButton/BitkitControlButton';

package/dist/main.js

@@ -291,33 +291,34 @@ import je from "./components/BitkitCalendar/BitkitCalendar.js";
 import Je from "./components/BitkitCard/BitkitCard.js";
 import Ke from "./components/BitkitCheckbox/BitkitCheckbox.js";
 import Xe from "./components/BitkitCheckboxGroup/BitkitCheckboxGroup.js";
-import Ye from "./components/BitkitField/BitkitField.js";
-import qe from "./components/BitkitCombobox/BitkitCombobox.js";
-import oI from "./components/BitkitControlButton/BitkitControlButton.js";
-import mI from "./components/BitkitDefinitionTooltip/BitkitDefinitionTooltip.js";
-import tI from "./components/BitkitDialog/BitkitDialogBody.js";
-import pI from "./components/BitkitDialog/BitkitDialogContent.js";
-import fI from "./components/BitkitDialog/BitkitDialogRoot.js";
-import II from "./components/BitkitDialog/BitkitDialog.js";
-import aI from "./components/BitkitEmptyState/BitkitEmptyState.js";
-import dI from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
-import BI from "./components/BitkitIconButton/BitkitIconButton.js";
-import uI from "./components/BitkitInteractiveTooltip/BitkitInteractiveTooltip.js";
-import hI from "./components/BitkitLink/BitkitLink.js";
-import bI from "./components/BitkitLinkButton/BitkitLinkButton.js";
-import SI from "./components/BitkitNativeSelect/BitkitNativeSelect.js";
-import FI from "./components/BitkitNumberInput/BitkitNumberInput.js";
-import vI from "./components/BitkitRadio/BitkitRadio.js";
-import yI from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
-import RI from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
-import LI from "./components/BitkitSelect/BitkitSelect.js";
-import EI from "./components/BitkitSplitButton/BitkitSplitButton.js";
-import UI from "./components/BitkitTabs/BitkitTabs.js";
-import NI from "./components/BitkitTag/BitkitTag.js";
-import jI from "./components/BitkitTextInput/BitkitTextInput.js";
-import JI from "./components/BitkitToggle/BitkitToggle.js";
-import KI from "./theme/index.js";
-import XI from "./providers/BitkitProvider.js";
+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 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";
+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 "./theme/index.js";
+import YI from "./providers/BitkitProvider.js";
 export {
   r as BitkitAccordion,
   ve as BitkitActionBar,
@@ -330,34 +331,35 @@ export {
   Ke as BitkitCheckbox,
   Xe as BitkitCheckboxGroup,
   Fe as BitkitCloseButton,
+  Ye as BitkitCodeSnippet,
   ye as BitkitColorButton,
-  qe as BitkitCombobox,
-  oI as BitkitControlButton,
-  mI as BitkitDefinitionTooltip,
-  II as BitkitDialog,
-  tI as BitkitDialogBody,
-  pI as BitkitDialogContent,
-  fI as BitkitDialogRoot,
-  aI as BitkitEmptyState,
-  dI as BitkitExpandableCard,
-  Ye as BitkitField,
-  BI as BitkitIconButton,
-  uI as BitkitInteractiveTooltip,
-  hI as BitkitLink,
-  bI as BitkitLinkButton,
-  SI as BitkitNativeSelect,
-  FI as BitkitNumberInput,
-  XI as BitkitProvider,
-  vI as BitkitRadio,
-  yI as BitkitRadioGroup,
-  RI as BitkitSegmentedControl,
-  LI as BitkitSelect,
+  oI as BitkitCombobox,
+  mI as BitkitControlButton,
+  tI as BitkitDefinitionTooltip,
+  aI as BitkitDialog,
+  pI as BitkitDialogBody,
+  fI as BitkitDialogContent,
+  II as BitkitDialogRoot,
+  dI as BitkitEmptyState,
+  BI as BitkitExpandableCard,
+  qe as BitkitField,
+  uI as BitkitIconButton,
+  hI as BitkitInteractiveTooltip,
+  bI as BitkitLink,
+  SI as BitkitLinkButton,
+  FI as BitkitNativeSelect,
+  vI as BitkitNumberInput,
+  YI as BitkitProvider,
+  yI as BitkitRadio,
+  RI as BitkitRadioGroup,
+  LI as BitkitSegmentedControl,
+  EI as BitkitSelect,
   Ne as BitkitSelectMenu,
-  EI as BitkitSplitButton,
-  UI as BitkitTabs,
-  NI as BitkitTag,
-  jI as BitkitTextInput,
-  JI as BitkitToggle,
+  UI as BitkitSplitButton,
+  NI as BitkitTabs,
+  jI as BitkitTag,
+  JI as BitkitTextInput,
+  KI as BitkitToggle,
   Se as BitkitTooltip,
   n as IconAbortCircle,
   c as IconAbortCircleFilled,
@@ -638,5 +640,5 @@ export {
   ue as IconXamarin,
   he as IconXcode,
   i as bitkitIcon,
-  KI as bitriseTheme
+  XI as bitriseTheme
 };

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

@@ -0,0 +1,153 @@
+declare const codeSnippetSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "copyButton" | "showMoreContainer" | "showMoreGradient" | "showMoreButton", {
+    variant: {
+        inline: {
+            root: {
+                alignItems: "center";
+                borderRadius: "2";
+                color: "text/body";
+                cursor: "pointer";
+                display: "inline-flex";
+                paddingBlock: "2";
+                paddingInline: "6";
+                userSelect: "none";
+                whiteSpace: "nowrap";
+                _hover: {
+                    background: "background/hover";
+                };
+                _active: {
+                    background: "background/active";
+                };
+            };
+        };
+        single: {
+            root: {
+                alignItems: "center";
+                borderRadius: "4";
+                display: "flex";
+                height: "40";
+                isolation: "isolate";
+                overflow: "hidden";
+                whiteSpace: "nowrap";
+            };
+            content: {
+                alignItems: "center";
+                display: "flex";
+                height: "40";
+                overflow: "hidden";
+                paddingInlineStart: "16";
+                position: "relative";
+                _after: {
+                    background: "linear-gradient(to left, var(--colors-background-secondary), transparent)";
+                    content: "\"\"";
+                    height: "40";
+                    pointerEvents: "none";
+                    position: "absolute";
+                    right: "0";
+                    top: "0";
+                    width: "8";
+                };
+            };
+            copyButton: {
+                flexShrink: "0";
+                padding: "12";
+            };
+        };
+        multi: {
+            root: {
+                borderRadius: "4";
+                display: "flex";
+                flexDirection: "column";
+                padding: "16";
+                position: "relative";
+            };
+            content: {
+                color: "text/body";
+                overflowY: "auto";
+                transition: "max-height 0.3s ease";
+                whiteSpace: "pre-wrap";
+            };
+            copyButton: {
+                borderRadius: "4";
+                overflow: "hidden";
+                padding: "8";
+                position: "absolute";
+                right: number;
+                top: number;
+            };
+            showMoreContainer: {
+                alignItems: "center";
+                display: "flex";
+                justifyContent: "flex-end";
+            };
+            showMoreGradient: {
+                background: "linear-gradient(to top, var(--colors-background-secondary) 33%, transparent)";
+                borderBottomRadius: "4";
+                bottom: number;
+                height: "40";
+                left: number;
+                pointerEvents: "none";
+                position: "absolute";
+                right: number;
+            };
+            showMoreButton: {
+                alignItems: "center";
+                background: "background/secondary";
+                borderRadius: "4";
+                color: "text/secondary";
+                cursor: "pointer";
+                display: "flex";
+                gap: "4";
+                justifyContent: "center";
+                minWidth: "64";
+                paddingBlock: "8";
+                paddingInline: "12";
+                position: "relative";
+                textStyle: "comp/button/md";
+                _hover: {
+                    background: "background/hover";
+                    color: "text/primary";
+                    _active: {
+                        background: "background/active";
+                        color: "text/primary";
+                        overflow: "hidden";
+                    };
+                };
+                _active: {
+                    background: "background/active";
+                    color: "text/primary";
+                    overflow: "hidden";
+                };
+                _focusVisible: {
+                    outlineOffset: "-3px";
+                };
+            };
+        };
+    };
+    size: {
+        md: {
+            root: {
+                textStyle: "code/md";
+            };
+            content: {
+                textStyle: "code/md";
+            };
+        };
+        lg: {
+            root: {
+                textStyle: "code/lg";
+            };
+            content: {
+                textStyle: "code/lg";
+            };
+        };
+    };
+    hasShowMore: {
+        true: {};
+        false: {};
+    };
+    isExpanded: {
+        true: {};
+        false: {};
+    };
+}>;
+export default codeSnippetSlotRecipe;

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

@@ -0,0 +1,218 @@
+import { defineSlotRecipe as o } from "@chakra-ui/react/styled-system";
+var t = o({
+  className: "code-snippet",
+  slots: [
+    "root",
+    "content",
+    "copyButton",
+    "showMoreContainer",
+    "showMoreGradient",
+    "showMoreButton"
+  ],
+  base: {
+    root: { background: "background/secondary" },
+    content: {
+      flex: "1",
+      minWidth: 0
+    },
+    copyButton: {
+      background: "background/secondary",
+      color: "icon/secondary",
+      cursor: "pointer",
+      _hover: {
+        background: "background/hover",
+        color: "icon/primary",
+        _active: {
+          background: "background/active",
+          color: "icon/primary"
+        }
+      },
+      _active: {
+        background: "background/active",
+        color: "icon/primary"
+      },
+      _focusVisible: { outlineOffset: "-3px" }
+    }
+  },
+  variants: {
+    variant: {
+      inline: { root: {
+        alignItems: "center",
+        borderRadius: "2",
+        color: "text/body",
+        cursor: "pointer",
+        display: "inline-flex",
+        paddingBlock: "2",
+        paddingInline: "6",
+        userSelect: "none",
+        whiteSpace: "nowrap",
+        _hover: { background: "background/hover" },
+        _active: { background: "background/active" }
+      } },
+      single: {
+        root: {
+          alignItems: "center",
+          borderRadius: "4",
+          display: "flex",
+          height: "40",
+          isolation: "isolate",
+          overflow: "hidden",
+          whiteSpace: "nowrap"
+        },
+        content: {
+          alignItems: "center",
+          display: "flex",
+          height: "40",
+          overflow: "hidden",
+          paddingInlineStart: "16",
+          position: "relative",
+          _after: {
+            background: "linear-gradient(to left, var(--colors-background-secondary), transparent)",
+            content: '""',
+            height: "40",
+            pointerEvents: "none",
+            position: "absolute",
+            right: "0",
+            top: "0",
+            width: "8"
+          }
+        },
+        copyButton: {
+          flexShrink: "0",
+          padding: "12"
+        }
+      },
+      multi: {
+        root: {
+          borderRadius: "4",
+          display: "flex",
+          flexDirection: "column",
+          padding: "16",
+          position: "relative"
+        },
+        content: {
+          color: "text/body",
+          overflowY: "auto",
+          transition: "max-height 0.3s ease",
+          whiteSpace: "pre-wrap"
+        },
+        copyButton: {
+          borderRadius: "4",
+          overflow: "hidden",
+          padding: "8",
+          position: "absolute",
+          right: 0,
+          top: 0
+        },
+        showMoreContainer: {
+          alignItems: "center",
+          display: "flex",
+          justifyContent: "flex-end"
+        },
+        showMoreGradient: {
+          background: "linear-gradient(to top, var(--colors-background-secondary) 33%, transparent)",
+          borderBottomRadius: "4",
+          bottom: 0,
+          height: "40",
+          left: 0,
+          pointerEvents: "none",
+          position: "absolute",
+          right: 0
+        },
+        showMoreButton: {
+          alignItems: "center",
+          background: "background/secondary",
+          borderRadius: "4",
+          color: "text/secondary",
+          cursor: "pointer",
+          display: "flex",
+          gap: "4",
+          justifyContent: "center",
+          minWidth: "64",
+          paddingBlock: "8",
+          paddingInline: "12",
+          position: "relative",
+          textStyle: "comp/button/md",
+          _hover: {
+            background: "background/hover",
+            color: "text/primary",
+            _active: {
+              background: "background/active",
+              color: "text/primary",
+              overflow: "hidden"
+            }
+          },
+          _active: {
+            background: "background/active",
+            color: "text/primary",
+            overflow: "hidden"
+          },
+          _focusVisible: { outlineOffset: "-3px" }
+        }
+      }
+    },
+    size: {
+      md: {
+        root: { textStyle: "code/md" },
+        content: { textStyle: "code/md" }
+      },
+      lg: {
+        root: { textStyle: "code/lg" },
+        content: { textStyle: "code/lg" }
+      }
+    },
+    hasShowMore: {
+      true: {},
+      false: {}
+    },
+    isExpanded: {
+      true: {},
+      false: {}
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "multi",
+      hasShowMore: !0,
+      css: { root: {
+        paddingBlockEnd: 0,
+        paddingInlineEnd: "8"
+      } }
+    },
+    {
+      variant: "multi",
+      hasShowMore: !0,
+      isExpanded: !1,
+      css: { showMoreContainer: {
+        bottom: 0,
+        left: 0,
+        position: "absolute",
+        right: 0
+      } }
+    },
+    {
+      variant: "multi",
+      hasShowMore: !0,
+      isExpanded: !0,
+      css: {
+        root: {
+          padding: 0,
+          paddingInlineEnd: 0
+        },
+        content: {
+          overflow: "auto",
+          padding: "16",
+          paddingBlockEnd: 0
+        },
+        showMoreContainer: { position: "relative" }
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "lg",
+    variant: "single"
+  }
+});
+export {
+  t as default
+};

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

@@ -313,6 +313,158 @@ declare const slotRecipes: {
             };
         };
     }>;
+    codeSnippet: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "root" | "copyButton" | "showMoreContainer" | "showMoreGradient" | "showMoreButton", {
+        variant: {
+            inline: {
+                root: {
+                    alignItems: "center";
+                    borderRadius: "2";
+                    color: "text/body";
+                    cursor: "pointer";
+                    display: "inline-flex";
+                    paddingBlock: "2";
+                    paddingInline: "6";
+                    userSelect: "none";
+                    whiteSpace: "nowrap";
+                    _hover: {
+                        background: "background/hover";
+                    };
+                    _active: {
+                        background: "background/active";
+                    };
+                };
+            };
+            single: {
+                root: {
+                    alignItems: "center";
+                    borderRadius: "4";
+                    display: "flex";
+                    height: "40";
+                    isolation: "isolate";
+                    overflow: "hidden";
+                    whiteSpace: "nowrap";
+                };
+                content: {
+                    alignItems: "center";
+                    display: "flex";
+                    height: "40";
+                    overflow: "hidden";
+                    paddingInlineStart: "16";
+                    position: "relative";
+                    _after: {
+                        background: "linear-gradient(to left, var(--colors-background-secondary), transparent)";
+                        content: "\"\"";
+                        height: "40";
+                        pointerEvents: "none";
+                        position: "absolute";
+                        right: "0";
+                        top: "0";
+                        width: "8";
+                    };
+                };
+                copyButton: {
+                    flexShrink: "0";
+                    padding: "12";
+                };
+            };
+            multi: {
+                root: {
+                    borderRadius: "4";
+                    display: "flex";
+                    flexDirection: "column";
+                    padding: "16";
+                    position: "relative";
+                };
+                content: {
+                    color: "text/body";
+                    overflowY: "auto";
+                    transition: "max-height 0.3s ease";
+                    whiteSpace: "pre-wrap";
+                };
+                copyButton: {
+                    borderRadius: "4";
+                    overflow: "hidden";
+                    padding: "8";
+                    position: "absolute";
+                    right: number;
+                    top: number;
+                };
+                showMoreContainer: {
+                    alignItems: "center";
+                    display: "flex";
+                    justifyContent: "flex-end";
+                };
+                showMoreGradient: {
+                    background: "linear-gradient(to top, var(--colors-background-secondary) 33%, transparent)";
+                    borderBottomRadius: "4";
+                    bottom: number;
+                    height: "40";
+                    left: number;
+                    pointerEvents: "none";
+                    position: "absolute";
+                    right: number;
+                };
+                showMoreButton: {
+                    alignItems: "center";
+                    background: "background/secondary";
+                    borderRadius: "4";
+                    color: "text/secondary";
+                    cursor: "pointer";
+                    display: "flex";
+                    gap: "4";
+                    justifyContent: "center";
+                    minWidth: "64";
+                    paddingBlock: "8";
+                    paddingInline: "12";
+                    position: "relative";
+                    textStyle: "comp/button/md";
+                    _hover: {
+                        background: "background/hover";
+                        color: "text/primary";
+                        _active: {
+                            background: "background/active";
+                            color: "text/primary";
+                            overflow: "hidden";
+                        };
+                    };
+                    _active: {
+                        background: "background/active";
+                        color: "text/primary";
+                        overflow: "hidden";
+                    };
+                    _focusVisible: {
+                        outlineOffset: "-3px";
+                    };
+                };
+            };
+        };
+        size: {
+            md: {
+                root: {
+                    textStyle: "code/md";
+                };
+                content: {
+                    textStyle: "code/md";
+                };
+            };
+            lg: {
+                root: {
+                    textStyle: "code/lg";
+                };
+                content: {
+                    textStyle: "code/lg";
+                };
+            };
+        };
+        hasShowMore: {
+            true: {};
+            false: {};
+        };
+        isExpanded: {
+            true: {};
+            false: {};
+        };
+    }>;
     combobox: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "root" | "item" | "itemIndicator" | "trigger" | "positioner" | "list" | "clearTrigger" | "control" | "itemText" | "itemGroup" | "itemGroupLabel" | "indicatorGroup" | "empty" | "emptyHelperText", {
         size: {
             md: {

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

@@ -1,59 +1,61 @@
-import o from "./NumberInput.recipe.js";
-import e from "./Accordion.recipe.js";
+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 p from "./Breadcrumb.recipe.js";
 import m from "./Card.recipe.js";
 import c from "./Checkbox.recipe.js";
-import l from "./Combobox.recipe.js";
-import a from "./DatePicker.recipe.js";
-import { selectSlotRecipe as S } from "./Select.recipe.js";
-import f from "./DatePickerSelect.recipe.js";
-import R from "./Dialog.recipe.js";
-import d from "./EmptyState.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 R from "./DatePickerSelect.recipe.js";
+import d from "./Dialog.recipe.js";
+import n from "./EmptyState.recipe.js";
 import b from "./ExpandableCard.recipe.js";
-import n from "./Field.recipe.js";
-import s from "./Fieldset.recipe.js";
-import u from "./Menu.recipe.js";
-import x from "./NativeSelect.recipe.js";
-import g from "./RadioGroup.recipe.js";
-import k from "./SegmentGroup.recipe.js";
-import v from "./SplitButton.recipe.js";
-import h from "./Switch.recipe.js";
-import B from "./Table.recipe.js";
-import G from "./Tabs.recipe.js";
-import P from "./Tag.recipe.js";
-import w from "./Tooltip.recipe.js";
-var oo = {
-  accordion: e,
+import s from "./Field.recipe.js";
+import u from "./Fieldset.recipe.js";
+import x from "./Menu.recipe.js";
+import g from "./NativeSelect.recipe.js";
+import k from "./RadioGroup.recipe.js";
+import v from "./SegmentGroup.recipe.js";
+import h from "./SplitButton.recipe.js";
+import B from "./Switch.recipe.js";
+import G from "./Table.recipe.js";
+import P from "./Tabs.recipe.js";
+import w from "./Tag.recipe.js";
+import y from "./Tooltip.recipe.js";
+var te = {
+  accordion: o,
   actionBar: t,
   alert: r,
   avatar: i,
   breadcrumb: p,
   card: m,
   checkbox: c,
-  combobox: l,
-  datePicker: a,
-  datePickerSelect: f,
-  dialog: R,
-  emptyState: d,
+  codeSnippet: l,
+  combobox: a,
+  datePicker: S,
+  datePickerSelect: R,
+  dialog: d,
+  emptyState: n,
   expandableCard: b,
-  field: n,
-  fieldset: s,
-  menu: u,
-  nativeSelect: x,
-  numberInput: o,
-  radioGroup: g,
-  segmentGroup: k,
-  select: S,
-  splitButton: v,
-  switch: h,
-  table: B,
-  tabs: G,
-  tag: P,
-  tooltip: w
+  field: s,
+  fieldset: u,
+  menu: x,
+  nativeSelect: g,
+  numberInput: e,
+  radioGroup: k,
+  segmentGroup: v,
+  select: f,
+  splitButton: h,
+  switch: B,
+  table: G,
+  tabs: P,
+  tag: w,
+  tooltip: y
 };
 export {
-  oo as default
+  te as default
 };

package/package.json

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