@bitrise/bitkit-v2 0.3.412-beta.2661 → 0.3.413

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

@@ -1427,291 +1427,6 @@ declare const slotRecipes: {
             };
         };
     }>;
-    pageHeader: import('@chakra-ui/react').SlotRecipeDefinition<"title" | "badge" | "avatar" | "breadcrumb" | "tabs" | "root" | "secondaryText" | "controls" | "titleBlock" | "headerBlock" | "contentBlock" | "textBlock" | "titleRow" | "actionBlock", {
-        contentVariant: {
-            title: {
-                titleBlock: {
-                    alignItems: "center";
-                    gap: "12";
-                };
-                textBlock: {
-                    gap: "4";
-                };
-            };
-            app: {
-                titleBlock: {
-                    gap: "16";
-                    alignItems: "center";
-                };
-                title: {
-                    readonly textStyle: {
-                        readonly base: "heading/mobile/h2";
-                        readonly tablet: "heading/h2";
-                    };
-                };
-                secondaryText: {
-                    readonly textStyle: "body/md/regular";
-                };
-            };
-            user: {
-                titleBlock: {
-                    gap: "12";
-                    alignItems: "center";
-                };
-                title: {
-                    readonly textStyle: {
-                        readonly base: "heading/mobile/h2";
-                        readonly tablet: "heading/h2";
-                    };
-                };
-                secondaryText: {
-                    readonly textStyle: "body/md/regular";
-                };
-            };
-        };
-        hasBreadcrumb: {
-            true: {
-                headerBlock: {
-                    paddingBlockStart: "24";
-                };
-            };
-            false: {};
-        };
-        hasControls: {
-            true: {};
-            false: {};
-        };
-        isSticky: {
-            true: {
-                headerBlock: {
-                    readonly tablet: {
-                        readonly alignItems: "center";
-                        readonly flexDirection: "row";
-                        readonly gap: "24";
-                        readonly minHeight: string;
-                        readonly paddingBlockEnd: "12";
-                        readonly paddingBlockStart: "12";
-                        readonly paddingInlineEnd: "32";
-                        readonly paddingInlineStart: "24";
-                    };
-                };
-                breadcrumb: {
-                    readonly tablet: {
-                        readonly flex: "0 1 auto";
-                        readonly minWidth: 0;
-                    };
-                };
-                contentBlock: {
-                    readonly tablet: {
-                        readonly alignItems: "center";
-                        readonly flex: "1 0 0";
-                        readonly gap: "24";
-                        readonly justifyContent: "flex-end";
-                        readonly minWidth: 0;
-                    };
-                };
-                titleBlock: {
-                    readonly tablet: {
-                        readonly alignItems: "center";
-                    };
-                };
-                title: {
-                    readonly tablet: {
-                        readonly textStyle: "heading/h3";
-                    };
-                };
-                actionBlock: {
-                    readonly tablet: {
-                        readonly alignItems: "center";
-                        readonly flexDirection: "row";
-                        readonly gap: "8";
-                        readonly width: "auto";
-                    };
-                };
-                avatar: {
-                    readonly tablet: {
-                        readonly display: "none";
-                    };
-                };
-                badge: {
-                    readonly tablet: {
-                        readonly display: "none";
-                    };
-                };
-                secondaryText: {
-                    readonly tablet: {
-                        readonly display: "none";
-                    };
-                };
-                tabs: {
-                    readonly tablet: {
-                        readonly display: "none";
-                    };
-                };
-                root: {
-                    tablet: {
-                        borderColor: "border/minimal";
-                        boxShadow: "elevation/sm";
-                    };
-                };
-            };
-            false: {};
-        };
-        variant: {
-            default: {};
-            minimal: {
-                readonly headerBlock: {
-                    readonly tablet: {
-                        readonly alignItems: "center";
-                        readonly flexDirection: "row";
-                        readonly gap: "24";
-                        readonly minHeight: string;
-                        readonly paddingBlockEnd: "12";
-                        readonly paddingBlockStart: "12";
-                        readonly paddingInlineEnd: "32";
-                        readonly paddingInlineStart: "24";
-                    };
-                };
-                readonly breadcrumb: {
-                    readonly tablet: {
-                        readonly flex: "0 1 auto";
-                        readonly minWidth: 0;
-                    };
-                };
-                readonly contentBlock: {
-                    readonly tablet: {
-                        readonly alignItems: "center";
-                        readonly flex: "1 0 0";
-                        readonly gap: "24";
-                        readonly justifyContent: "flex-end";
-                        readonly minWidth: 0;
-                    };
-                };
-                readonly titleBlock: {
-                    readonly tablet: {
-                        readonly alignItems: "center";
-                    };
-                };
-                readonly title: {
-                    readonly tablet: {
-                        readonly textStyle: "heading/h3";
-                    };
-                };
-                readonly actionBlock: {
-                    readonly tablet: {
-                        readonly alignItems: "center";
-                        readonly flexDirection: "row";
-                        readonly gap: "8";
-                        readonly width: "auto";
-                    };
-                };
-                readonly avatar: {
-                    readonly tablet: {
-                        readonly display: "none";
-                    };
-                };
-                readonly badge: {
-                    readonly tablet: {
-                        readonly display: "none";
-                    };
-                };
-                readonly secondaryText: {
-                    readonly tablet: {
-                        readonly display: "none";
-                    };
-                };
-                readonly tabs: {
-                    readonly tablet: {
-                        readonly display: "none";
-                    };
-                };
-            };
-        };
-    }>;
-    pageSidebar: import('@chakra-ui/react').SlotRecipeDefinition<"body" | "footer" | "title" | "root" | "item" | "titleText" | "suffixIcon" | "titleBlock" | "itemLabel" | "itemIcon" | "contentBlock" | "divider" | "project" | "projectLabel" | "projectValue" | "projectValueWrapper" | "selectionMarker", {
-        hasBack: {
-            true: {
-                title: {
-                    paddingBlockEnd: "8";
-                    paddingInlineStart: "16";
-                };
-                titleBlock: {
-                    gap: "4";
-                    paddingBlock: "4";
-                };
-            };
-            false: {
-                title: {
-                    paddingBlockEnd: "16";
-                    paddingInlineStart: "24";
-                };
-                titleBlock: {
-                    paddingBlock: "6";
-                };
-            };
-        };
-        isDisabled: {
-            true: {
-                item: {
-                    cursor: "not-allowed";
-                    _hover: {
-                        background: "transparent";
-                        _active: {
-                            background: "transparent";
-                        };
-                    };
-                    _active: {
-                        background: "transparent";
-                    };
-                };
-                itemIcon: {
-                    color: "icon/disabled";
-                    _groupHover: {
-                        color: "icon/disabled";
-                    };
-                };
-                itemLabel: {
-                    color: "text/disabled";
-                };
-            };
-            false: {};
-        };
-        selected: {
-            true: {
-                item: {
-                    background: "background/selected";
-                    _hover: {
-                        background: "background/selected-hover";
-                        _active: {
-                            background: {
-                                base: "background/selected-hover";
-                                tablet: "background/selected-active";
-                            };
-                        };
-                    };
-                    _active: {
-                        background: {
-                            base: "background/selected-hover";
-                            tablet: "background/selected-active";
-                        };
-                    };
-                };
-                itemIcon: {
-                    color: "icon/interactive";
-                    _groupHover: {
-                        color: "icon/interactive-hover";
-                    };
-                };
-                itemLabel: {
-                    textStyle: {
-                        base: "body/lg/semibold";
-                        tablet: "body/md/semibold";
-                    };
-                };
-            };
-            false: {};
-        };
-    }>;
     pagination: import('@chakra-ui/react').SlotRecipeDefinition<"text" | "root" | "itemsBlock" | "itemsSelect" | "pageBlock" | "pageSelect", {
         variant: {
             card: {
@@ -2048,7 +1763,28 @@ declare const slotRecipes: {
             };
         };
     }>;
-    select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "checkbox" | "list" | "avatar" | "emptyState" | "root" | "item" | "itemContent" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "action" | "clearTrigger" | "control" | "actionContainer" | "searchInputGroup" | "searchInput" | "searchClear" | "itemList" | "itemLoading" | "itemLoadingLabel" | "itemLabel" | "itemHelperText" | "indicatorGroup" | "checkmark" | "itemIcon" | "valueIcon", {
+    sidebar: import('@chakra-ui/react').SlotRecipeDefinition<"footer" | "title" | "root" | "item" | "suffixIcon" | "itemLabel" | "itemIcon" | "divider" | "project" | "projectLabel" | "projectValue" | "selectionMarker" | "titleWithBack", {
+        selected: {
+            true: {
+                item: {
+                    background: "background/selected";
+                    _hover: {
+                        background: "background/selected-hover";
+                    };
+                };
+                itemIcon: {
+                    color: "icon/interactive";
+                };
+                itemLabel: {
+                    textStyle: "body/lg/semibold";
+                };
+                selectionMarker: {
+                    display: "block";
+                };
+            };
+        };
+    }>;
+    select: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "label" | "checkbox" | "list" | "avatar" | "emptyState" | "root" | "item" | "itemContent" | "itemIndicator" | "trigger" | "positioner" | "indicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "action" | "clearTrigger" | "control" | "actionContainer" | "searchInputGroup" | "searchInput" | "searchClear" | "itemList" | "itemLoading" | "itemLoadingLabel" | "itemLabel" | "itemHelperText" | "indicatorGroup" | "checkmark" | "itemBadge" | "itemIcon" | "valueIcon", {
         hasStatusIcon: {
             true: {
                 trigger: {
@@ -3027,7 +2763,7 @@ declare const slotRecipes: {
             };
         };
     }>;
-    tour: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleRow" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleRow" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight">>;
+    tour: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight" | "titleRow", import('@chakra-ui/react').SlotRecipeVariantRecord<"content" | "media" | "header" | "title" | "badge" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "description" | "control" | "backdrop" | "actions" | "titleGroup" | "actionTrigger" | "progressText" | "spotlight" | "titleRow">>;
     treeView: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "tree" | "root" | "item" | "itemIndicator" | "secondaryText" | "itemText" | "branch" | "branchContent" | "branchControl" | "branchIndentGuide" | "branchIndicator" | "branchText" | "branchTrigger" | "nodeCheckbox" | "nodeRenameInput" | "actionGroup" | "suffixGroup", {
         variant: {
             files: {

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

@@ -34,8 +34,6 @@ import nativeSelectSlotRecipe from "./NativeSelect.recipe.js";
 import noteCardSlotRecipe from "./NoteCard.recipe.js";
 import overflowContentSlotRecipe from "./OverflowContent.recipe.js";
 import pageFooterSlotRecipe from "./PageFooter.recipe.js";
-import pageHeaderSlotRecipe from "./PageHeader.recipe.js";
-import pageSidebarSlotRecipe from "./PageSidebar.recipe.js";
 import paginationSlotRecipe from "./Pagination.recipe.js";
 import paginationLoadMoreRecipe from "./PaginationLoadMore.recipe.js";
 import popoverSlotRecipe from "./Popover.recipe.js";
@@ -46,6 +44,7 @@ import ribbonSlotRecipe from "./Ribbon.recipe.js";
 import sectionHeadingRecipe from "./SectionHeading.recipe.js";
 import segmentGroupSlotRecipe from "./SegmentGroup.recipe.js";
 import settingsCardSlotRecipe from "./SettingsCard.recipe.js";
+import sidebarSlotRecipe from "./Sidebar.recipe.js";
 import splitButtonSlotRecipe from "./SplitButton.recipe.js";
 import statSlotRecipe from "./Stat.recipe.js";
 import stepCardSlotRecipe from "./StepCard.recipe.js";
@@ -97,8 +96,6 @@ var slotRecipes = {
 	numberInput: numberInputSlotRecipe,
 	overflowContent: overflowContentSlotRecipe,
 	pageFooter: pageFooterSlotRecipe,
-	pageHeader: pageHeaderSlotRecipe,
-	pageSidebar: pageSidebarSlotRecipe,
 	pagination: paginationSlotRecipe,
 	paginationLoadMore: paginationLoadMoreRecipe,
 	popover: popoverSlotRecipe,
@@ -109,6 +106,7 @@ var slotRecipes = {
 	sectionHeading: sectionHeadingRecipe,
 	labeledData: labeledDataSlotRecipe,
 	segmentGroup: segmentGroupSlotRecipe,
+	sidebar: sidebarSlotRecipe,
 	select: selectSlotRecipe,
 	settingsCard: settingsCardSlotRecipe,
 	splitButton: splitButtonSlotRecipe,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport pageHeaderSlotRecipe from './PageHeader.recipe.ts';\nimport pageSidebarSlotRecipe from './PageSidebar.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport popoverSlotRecipe from './Popover.recipe.ts';\nimport progressSlotRecipe from './Progress.recipe.ts';\nimport qrCodeSlotRecipe from './QrCode.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tableCardSlotRecipe from './TableCard.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport textInputSlotRecipe from './TextInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport tourSlotRecipe from './Tour.recipe.ts';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  dataWidget: dataWidgetSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  drawer: drawerSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  multiselect: multiselectSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pageHeader: pageHeaderSlotRecipe,\n  pageSidebar: pageSidebarSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  popover: popoverSlotRecipe,\n  progress: progressSlotRecipe,\n  qrCode: qrCodeSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  select: selectSlotRecipe,\n  settingsCard: settingsCardSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tableCard: tableCardSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  textInput: textInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  tour: tourSlotRecipe,\n  treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,aAAa;CACb,YAAY;CACZ,oBAAoB;CACpB,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,MAAM;CACN,KAAK;CACL,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,MAAM;CACN,UAAU;AACZ"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../lib/theme/slot-recipes/index.ts"],"sourcesContent":["import accordionSlotRecipe from './Accordion.recipe.ts';\nimport actionBarSlotRecipe from './ActionBar.recipe.ts';\nimport alertSlotRecipe from './Alert.recipe.ts';\nimport avatarSlotRecipe from './Avatar.recipe.ts';\nimport breadcrumbSlotRecipe from './Breadcrumb.recipe.ts';\nimport cardSlotRecipe from './Card.recipe';\nimport checkboxSlotRecipe from './Checkbox.recipe';\nimport codeSnippetSlotRecipe from './CodeSnippet.recipe.ts';\nimport collapsibleSlotRecipe from './Collapsible.recipe.ts';\nimport comboboxSlotRecipe from './Combobox.recipe.ts';\nimport dataWidgetSlotRecipe from './DataWidget.recipe.ts';\nimport datePickerSlotRecipe from './DatePicker.recipe.ts';\nimport datePickerSelectSlotRecipe from './DatePickerSelect.recipe.ts';\nimport dialogSlotRecipe from './Dialog.recipe.ts';\nimport draggableCardSlotRecipe from './DraggableCard.recipe.ts';\nimport drawerSlotRecipe from './Drawer.recipe.ts';\nimport emptyStateSlotRecipe from './EmptyState.recipe';\nimport expandableCardSlotRecipe from './ExpandableCard.recipe.ts';\nimport fieldSlotRecipe from './Field.recipe';\nimport fieldsetSlotRecipe from './Fieldset.recipe.ts';\nimport fileUploadSlotRecipe from './FileUpload.recipe.ts';\nimport groupHeadingSlotRecipe from './GroupHeading.recipe.ts';\nimport imageCropperSlotRecipe from './ImageCropper.recipe.ts';\nimport inlineLoadingSlotRecipe from './InlineLoading.recipe.ts';\nimport labeledDataSlotRecipe from './LabeledData.recipe.ts';\nimport listSlotRecipe from './List.recipe.ts';\nimport markdownSlotRecipe from './Markdown.recipe.ts';\nimport markdownCardSlotRecipe from './MarkdownCard.recipe.ts';\nimport menuSlotRecipe from './Menu.recipe.ts';\nimport multiselectSlotRecipe from './Multiselect.recipe.ts';\nimport nativeSelectSlotRecipe from './NativeSelect.recipe.ts';\nimport noteCardSlotRecipe from './NoteCard.recipe.ts';\nimport numberInputSlotRecipe from './NumberInput.recipe';\nimport overflowContentSlotRecipe from './OverflowContent.recipe.ts';\nimport pageFooterSlotRecipe from './PageFooter.recipe.ts';\nimport paginationSlotRecipe from './Pagination.recipe.ts';\nimport paginationLoadMoreSlotRecipe from './PaginationLoadMore.recipe.ts';\nimport popoverSlotRecipe from './Popover.recipe.ts';\nimport progressSlotRecipe from './Progress.recipe.ts';\nimport qrCodeSlotRecipe from './QrCode.recipe.ts';\nimport radioGroupSlotRecipe from './RadioGroup.recipe.ts';\nimport ribbonSlotRecipe from './Ribbon.recipe.ts';\nimport sectionHeadingSlotRecipe from './SectionHeading.recipe.ts';\nimport segmentGroupSlotRecipe from './SegmentGroup.recipe.ts';\nimport { selectSlotRecipe } from './Select.recipe.ts';\nimport settingsCardSlotRecipe from './SettingsCard.recipe.ts';\nimport sidebarSlotRecipe from './Sidebar.recipe.ts';\nimport splitButtonSlotRecipe from './SplitButton.recipe.ts';\nimport statSlotRecipe from './Stat.recipe.ts';\nimport stepCardSlotRecipe from './StepCard.recipe.ts';\nimport stepsSlotRecipe from './Steps.recipe.ts';\nimport switchSlotRecipe from './Switch.recipe';\nimport tableSlotRecipe from './Table.recipe.ts';\nimport tableCardSlotRecipe from './TableCard.recipe.ts';\nimport tabsSlotRecipe from './Tabs.recipe';\nimport tagSlotRecipe from './Tag.recipe.ts';\nimport tagsInputSlotRecipe from './TagsInput.recipe.ts';\nimport textInputSlotRecipe from './TextInput.recipe.ts';\nimport toastSlotRecipe from './Toast.recipe';\nimport tooltipSlotRecipe from './Tooltip.recipe';\nimport tourSlotRecipe from './Tour.recipe.ts';\nimport treeViewSlotRecipe from './TreeView.recipe.ts';\n\nconst slotRecipes = {\n  accordion: accordionSlotRecipe,\n  actionBar: actionBarSlotRecipe,\n  alert: alertSlotRecipe,\n  avatar: avatarSlotRecipe,\n  breadcrumb: breadcrumbSlotRecipe,\n  card: cardSlotRecipe,\n  checkbox: checkboxSlotRecipe,\n  codeSnippet: codeSnippetSlotRecipe,\n  collapsible: collapsibleSlotRecipe,\n  combobox: comboboxSlotRecipe,\n  dataWidget: dataWidgetSlotRecipe,\n  datePicker: datePickerSlotRecipe,\n  datePickerSelect: datePickerSelectSlotRecipe,\n  dialog: dialogSlotRecipe,\n  draggableCard: draggableCardSlotRecipe,\n  drawer: drawerSlotRecipe,\n  emptyState: emptyStateSlotRecipe,\n  expandableCard: expandableCardSlotRecipe,\n  field: fieldSlotRecipe,\n  groupHeading: groupHeadingSlotRecipe,\n  fieldset: fieldsetSlotRecipe,\n  fileUpload: fileUploadSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  markdown: markdownSlotRecipe,\n  markdownCard: markdownCardSlotRecipe,\n  menu: menuSlotRecipe,\n  multiselect: multiselectSlotRecipe,\n  noteCard: noteCardSlotRecipe,\n  nativeSelect: nativeSelectSlotRecipe,\n  numberInput: numberInputSlotRecipe,\n  overflowContent: overflowContentSlotRecipe,\n  pageFooter: pageFooterSlotRecipe,\n  pagination: paginationSlotRecipe,\n  paginationLoadMore: paginationLoadMoreSlotRecipe,\n  popover: popoverSlotRecipe,\n  progress: progressSlotRecipe,\n  qrCode: qrCodeSlotRecipe,\n  radioGroup: radioGroupSlotRecipe,\n  ribbon: ribbonSlotRecipe,\n  sectionHeading: sectionHeadingSlotRecipe,\n  labeledData: labeledDataSlotRecipe,\n  segmentGroup: segmentGroupSlotRecipe,\n  sidebar: sidebarSlotRecipe,\n  select: selectSlotRecipe,\n  settingsCard: settingsCardSlotRecipe,\n  splitButton: splitButtonSlotRecipe,\n  stat: statSlotRecipe,\n  stepsCard: stepCardSlotRecipe,\n  steps: stepsSlotRecipe,\n  switch: switchSlotRecipe,\n  table: tableSlotRecipe,\n  tableCard: tableCardSlotRecipe,\n  tabs: tabsSlotRecipe,\n  tag: tagSlotRecipe,\n  tagsInput: tagsInputSlotRecipe,\n  textInput: textInputSlotRecipe,\n  toast: toastSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  tour: tourSlotRecipe,\n  treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DA,IAAM,cAAc;CAClB,WAAW;CACX,WAAW;CACX,OAAO;CACP,QAAQ;CACR,YAAY;CACZ,MAAM;CACN,UAAU;CACV,aAAa;CACb,aAAa;CACb,UAAU;CACV,YAAY;CACZ,YAAY;CACZ,kBAAkB;CAClB,QAAQ;CACR,eAAe;CACf,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,OAAO;CACP,cAAc;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAe;CACf,MAAM;CACN,UAAU;CACV,cAAc;CACd,MAAM;CACN,aAAa;CACb,UAAU;CACV,cAAc;CACd,aAAa;CACb,iBAAiB;CACjB,YAAY;CACZ,YAAY;CACZ,oBAAoB;CACpB,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,cAAc;CACd,SAAS;CACT,QAAQ;CACR,cAAc;CACd,aAAa;CACb,MAAM;CACN,WAAW;CACX,OAAO;CACP,QAAQ;CACR,OAAO;CACP,WAAW;CACX,MAAM;CACN,KAAK;CACL,WAAW;CACX,WAAW;CACX,OAAO;CACP,SAAS;CACT,MAAM;CACN,UAAU;AACZ"}

package/docs/v1-to-v2-migration-guide.md

@@ -273,15 +273,12 @@ If your codebase has a local `card.tsx` wrapper around v1 Card (e.g. Shadcn-styl
 ### Sidebar & Breadcrumb
 
 ```tsx
-// Sidebar v2 — note the rename: v1 `Sidebar` maps to `BitkitPageSidebar`.
-// It stands at least viewport-tall; an embedded panel opts out with `minHeight="auto"`.
-<BitkitPageSidebar>
-  <BitkitPageSidebar.Title>Title</BitkitPageSidebar.Title>
-  <BitkitPageSidebar.Body>
-    <BitkitPageSidebar.GroupHeading label="Group" />
-    <BitkitPageSidebar.Item icon={IconName} selected={...}>Label</BitkitPageSidebar.Item>
-  </BitkitPageSidebar.Body>
-</BitkitPageSidebar>
+// Sidebar v2
+<BitkitSidebar>
+  <BitkitSidebar.Title>Title</BitkitSidebar.Title>
+  <BitkitSidebar.GroupHeading>Group</BitkitSidebar.GroupHeading>
+  <BitkitSidebar.Item icon={IconName} selected={...}>Label</BitkitSidebar.Item>
+</BitkitSidebar>
 
 // Breadcrumb v2
 <BitkitBreadcrumb>

package/package.json

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

package/dist/components/BitkitPageHeader/BitkitPageHeader.d.ts

@@ -1,120 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { ReactNode } from 'react';
-export interface BitkitPageHeaderProps extends Omit<BoxProps, 'title'> {
-    /**
-     * Avatar, app icon or thumbnail rendered before the title. Hidden in the collapsed layout.
-     *
-     * Belongs to the sub-page layouts: the design's main-page header is a title and its subtitle with
-     * no avatar, so pass this alongside a `breadcrumb`.
-     *
-     * Size it to match the design's two sub-page cards, since the node is yours to build: `size="40"`
-     * (8px radius) against a bare title, and `size="48"` (10px radius) once `secondaryText` is
-     * present — the same avatar the `app` and `user` content shapes use.
-     */
-    avatar?: ReactNode;
-    /** Badge rendered next to the title. Hidden in the collapsed layout. */
-    badge?: ReactNode;
-    /**
-     * Breadcrumb trail above the title — pass a `BitkitBreadcrumb`. Its presence is what switches the
-     * header from the design's main-page layout to a sub-page one, so there is no separate page-type
-     * prop: the recipe's own `hasBreadcrumb` variant is derived from it.
-     *
-     * The two layouts carry more than the trail. A main-page header is a title and its subtitle —
-     * top-level pages and product overviews — with no avatar and no `app`/`user` content shape. Those
-     * belong to sub-pages, so pass them together with a trail.
-     */
-    breadcrumb?: ReactNode;
-    /**
-     * Trailing action buttons. Stacked full-width below the title on mobile, primary action on top.
-     *
-     * The collapsed row is built for `size="sm"` buttons and the expanded header for `size="md"`.
-     * Actions arrive as children, so the component cannot set that for you — pass a flat `size="sm"`
-     * whenever `minimal` or `isSticky` is in play.
-     *
-     * Flat, not responsive: Bitkit icons render a different SVG asset per size, so `BitkitButton`
-     * resolves `size` in JS and a `{ base, tablet }` object matches no key, falling through to a 24px
-     * icon in a 32px button. Since the header collapses in CSS from `tablet` up, a `sm` action is a
-     * little small in the expanded mobile layout — but the design draws no mobile frame for the
-     * collapsed variants, so `sm` is the closer of the two.
-     */
-    children?: ReactNode;
-    /**
-     * Shape of the title block, mirroring the design's `content` property. `title` is a page title
-     * with an optional subtitle; `app` and `user` are the tighter entity layouts — a larger avatar
-     * centred against a smaller title and 14px secondary text. They differ only in the gap between
-     * the avatar and the text, 16 and 12 respectively.
-     */
-    contentVariant?: 'title' | 'app' | 'user';
-    /**
-     * Inline controls between the trail and the actions — a view switcher, filters, a settings menu.
-     * Their presence spreads the row into three groups instead of the usual trail-and-actions pair,
-     * which is the shape the design file calls `PageHeader-WFE`.
-     *
-     * Belongs to the collapsed row, so it is honoured by `variant="minimal"` *and* by `isSticky` —
-     * the two produce the same row — and ignored in the expanded layouts, which the design draws no
-     * controls in.
-     */
-    controls?: ReactNode;
-    /**
-     * Renders the compact single-row layout used while the header is stuck to the top of the viewport.
-     * Appearance only — the consumer owns scroll detection and any portalling, since the sticky offset
-     * and header container are application concerns.
-     *
-     * Ignored below the `tablet` breakpoint, where the header always stays expanded.
-     *
-     * Pair it with `size="sm"` actions — see `children`.
-     */
-    isSticky?: boolean;
-    /**
-     * Descriptive text below the title. Hidden in the collapsed layout.
-     *
-     * A string, like `title`, so it can be truncated to one line and carried in full by the tooltip
-     * that appears when it does not fit.
-     */
-    secondaryText?: string;
-    /**
-     * Tab bar along the bottom edge — pass a `BitkitTabs.List`. Hidden in the collapsed layout.
-     *
-     * The node is rendered inside the header, so tab panels cannot be siblings of the row. To drive
-     * page content from it, put `BitkitTabs.Root` around the header *and* the content, and pass only
-     * the list here — `BitkitTabs.List` reads its Root from context and throws without an ancestor:
-     *
-     * ```tsx
-     * <BitkitTabs.Root defaultValue="overview">
-     *   <BitkitPageHeader tabs={<BitkitTabs.List>…</BitkitTabs.List>} title="Build Hub" />
-     *   <BitkitTabs.ContentGroup>
-     *     <BitkitTabs.Content padding="32" value="overview">…</BitkitTabs.Content>
-     *   </BitkitTabs.ContentGroup>
-     * </BitkitTabs.Root>
-     * ```
-     *
-     * Only the row is hidden when the header collapses — the panels live outside it and keep
-     * rendering, so the page never blanks.
-     */
-    tabs?: ReactNode;
-    /**
-     * The page title, as a string. Everything passed here lands inside the `h1`, so it is the
-     * heading's accessible name and nothing else belongs in it — the avatar, badge and secondary
-     * text each have their own slot. Required: it is what gives the header a page heading at every
-     * breakpoint.
-     *
-     * Truncated to a single line with an ellipsis. When it does not fit, hovering or focusing it
-     * shows the full string in a tooltip — so a long title never grows the header.
-     *
-     * In the collapsed layout (`minimal` or `isSticky`) *with* a `breadcrumb`, the design shows the
-     * title in the trail rather than as a heading, so end the breadcrumb with a
-     * `BitkitBreadcrumb.CurrentItem` carrying it — the title is then rendered as a visually hidden
-     * `h1`, since `Breadcrumb.CurrentLink` is a link and not a heading. Below `tablet` the header
-     * never collapses and the visible heading is used instead (`BitkitBreadcrumb` drops its
-     * `CurrentItem` on mobile).
-     */
-    title: string;
-    /**
-     * `minimal` collapses the header to the single breadcrumb row used by sub-pages that don't repeat
-     * their title as a heading. Like `isSticky`, it only collapses from `tablet` up, and expects
-     * `size="sm"` actions — see `children`.
-     */
-    variant?: 'default' | 'minimal';
-}
-declare const BitkitPageHeader: import('react').ForwardRefExoticComponent<BitkitPageHeaderProps & import('react').RefAttributes<HTMLElement>>;
-export default BitkitPageHeader;

package/dist/components/BitkitPageHeader/BitkitPageHeader.js

@@ -1,103 +0,0 @@
-import { isEmptyNode } from "../../utilities/isEmptyNode.js";
-import BitkitOverflowTooltip from "../BitkitOverflowTooltip/BitkitOverflowTooltip.js";
-import useIsTruncated from "../../utilities/useIsTruncated.js";
-import { Box } from "@chakra-ui/react/box";
-import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Text } from "@chakra-ui/react/text";
-//#region lib/components/BitkitPageHeader/BitkitPageHeader.tsx
-var BitkitPageHeader = forwardRef((props, ref) => {
-	const { avatar, badge, breadcrumb, children, contentVariant, controls, isSticky, secondaryText, tabs, title, variant, ...rest } = props;
-	const hasAvatar = !isEmptyNode(avatar);
-	const hasBadge = !isEmptyNode(badge);
-	const hasBreadcrumb = !isEmptyNode(breadcrumb);
-	const hasActions = !isEmptyNode(children);
-	const hasSecondaryText = !isEmptyNode(secondaryText);
-	const hasTabs = !isEmptyNode(tabs);
-	const { isTruncated: isTitleTruncated, ref: titleRef } = useIsTruncated(title);
-	const { isTruncated: isSecondaryTruncated, ref: secondaryRef } = useIsTruncated(secondaryText);
-	const isCollapsed = variant === "minimal" || Boolean(isSticky);
-	const showControls = !isEmptyNode(controls) && isCollapsed;
-	const canShowTitleTooltip = isTitleTruncated && !(isCollapsed && hasBreadcrumb);
-	const styles = useSlotRecipe({ key: "pageHeader" })({
-		contentVariant,
-		hasBreadcrumb,
-		hasControls: showControls,
-		isSticky,
-		variant
-	});
-	const controlsNode = showControls ? /* @__PURE__ */ jsx(Box, {
-		css: styles.controls,
-		children: controls
-	}) : null;
-	return /* @__PURE__ */ jsxs(Box, {
-		as: "header",
-		css: styles.root,
-		ref,
-		...rest,
-		children: [/* @__PURE__ */ jsxs(Box, {
-			css: styles.headerBlock,
-			children: [
-				hasBreadcrumb && /* @__PURE__ */ jsx(Box, {
-					css: styles.breadcrumb,
-					children: breadcrumb
-				}),
-				hasBreadcrumb && controlsNode,
-				/* @__PURE__ */ jsxs(Box, {
-					css: styles.contentBlock,
-					children: [
-						/* @__PURE__ */ jsxs(Box, {
-							css: styles.titleBlock,
-							children: [hasAvatar && /* @__PURE__ */ jsx(Box, {
-								css: styles.avatar,
-								children: avatar
-							}), /* @__PURE__ */ jsxs(Box, {
-								css: styles.textBlock,
-								children: [/* @__PURE__ */ jsxs(Box, {
-									css: styles.titleRow,
-									children: [/* @__PURE__ */ jsx(BitkitOverflowTooltip, {
-										disabled: !canShowTitleTooltip,
-										text: title,
-										children: /* @__PURE__ */ jsx(Text, {
-											as: "h1",
-											css: styles.title,
-											ref: titleRef,
-											tabIndex: canShowTitleTooltip ? 0 : void 0,
-											children: title
-										})
-									}), hasBadge && /* @__PURE__ */ jsx(Box, {
-										css: styles.badge,
-										children: badge
-									})]
-								}), hasSecondaryText && secondaryText !== void 0 && /* @__PURE__ */ jsx(BitkitOverflowTooltip, {
-									disabled: !isSecondaryTruncated,
-									text: secondaryText,
-									children: /* @__PURE__ */ jsx(Text, {
-										css: styles.secondaryText,
-										ref: secondaryRef,
-										tabIndex: isSecondaryTruncated ? 0 : void 0,
-										children: secondaryText
-									})
-								})]
-							})]
-						}),
-						!hasBreadcrumb && controlsNode,
-						hasActions && /* @__PURE__ */ jsx(Box, {
-							css: styles.actionBlock,
-							children
-						})
-					]
-				})
-			]
-		}), hasTabs && /* @__PURE__ */ jsx(Box, {
-			css: styles.tabs,
-			children: tabs
-		})]
-	});
-});
-BitkitPageHeader.displayName = "BitkitPageHeader";
-//#endregion
-export { BitkitPageHeader as default };
-
-//# sourceMappingURL=BitkitPageHeader.js.map