@bitrise/bitkit-v2 0.3.462-beta.2927 → 0.3.463

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

@@ -657,8 +657,8 @@ declare const slotRecipes: {
                         textStyle: "body/md/semibold";
                     };
                 } | undefined;
-                content?: {
-                    '--select-menu-list-max-height': `${number}rem`;
+                itemList?: {
+                    maxHeight: `${number}rem`;
                 } | undefined;
                 itemLabel?: {
                     textStyle: "body/md/regular";
@@ -670,18 +670,6 @@ declare const slotRecipes: {
                 emptyState?: {
                     paddingBlock: "8";
                 } | undefined;
-                errorState?: {
-                    paddingBlock: "4";
-                } | undefined;
-                errorLabel?: {
-                    textStyle: "body/md/regular";
-                } | undefined;
-                errorIcon?: {
-                    marginBlockStart: "4";
-                } | undefined;
-                errorTextBlock?: {
-                    paddingBlock: "2";
-                } | undefined;
                 action?: {
                     minHeight: "40";
                     paddingBlock: "8";
@@ -2154,7 +2142,7 @@ 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" | "errorLabel" | "searchInputGroup" | "searchInput" | "searchClear" | "errorState" | "itemList" | "errorIcon" | "errorTextBlock" | "itemHelperText" | "itemLoading" | "itemLoadingLabel" | "itemLabel" | "indicatorGroup" | "checkmark" | "itemBadge" | "itemIcon" | "valueIcon", {
+    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: {
@@ -2195,8 +2183,8 @@ declare const slotRecipes: {
                         textStyle: "body/lg/semibold";
                     };
                 };
-                content: {
-                    '--select-menu-list-max-height': `${number}rem`;
+                itemList: {
+                    maxHeight: `${number}rem`;
                 };
                 itemLabel: {
                     textStyle: "body/lg/regular";
@@ -2208,12 +2196,6 @@ declare const slotRecipes: {
                 emptyState: {
                     paddingBlock: "12";
                 };
-                errorState: {
-                    paddingBlock: "8";
-                };
-                errorLabel: {
-                    textStyle: "body/lg/regular";
-                };
                 action: {
                     minHeight: "48";
                     paddingBlock: "12";
@@ -2260,8 +2242,8 @@ declare const slotRecipes: {
                         textStyle: "body/md/semibold";
                     };
                 };
-                content: {
-                    '--select-menu-list-max-height': `${number}rem`;
+                itemList: {
+                    maxHeight: `${number}rem`;
                 };
                 itemLabel: {
                     textStyle: "body/md/regular";
@@ -2273,18 +2255,6 @@ declare const slotRecipes: {
                 emptyState: {
                     paddingBlock: "8";
                 };
-                errorState: {
-                    paddingBlock: "4";
-                };
-                errorLabel: {
-                    textStyle: "body/md/regular";
-                };
-                errorIcon: {
-                    marginBlockStart: "4";
-                };
-                errorTextBlock: {
-                    paddingBlock: "2";
-                };
                 action: {
                     minHeight: "40";
                     paddingBlock: "8";
@@ -3216,57 +3186,112 @@ declare const slotRecipes: {
             };
         };
     }>;
+    toggletip: import('@chakra-ui/react').SlotRecipeDefinition<"anchor" | "content" | "body" | "footer" | "header" | "title" | "trigger" | "arrow" | "arrowTip" | "positioner" | "closeTrigger" | "indicator" | "description", {
+        readonly variant: {
+            readonly dark: {
+                readonly content: {
+                    readonly '--tooltip-bg': "colors.background/contrast";
+                    readonly color: "text/on-contrast";
+                };
+            };
+            readonly light: {
+                readonly content: {
+                    readonly '--tooltip-bg': "colors.background/tertiary";
+                    readonly color: "text/primary";
+                };
+            };
+        };
+        readonly paddingSize: {
+            readonly sm: {
+                readonly content: {
+                    readonly paddingInline: "8";
+                    readonly paddingBlock: "4";
+                    readonly borderRadius: "4";
+                };
+            };
+            readonly md: {
+                readonly content: {
+                    readonly paddingInline: "12";
+                    readonly paddingBlock: "8";
+                    readonly borderRadius: "8";
+                };
+            };
+            readonly lg: {
+                readonly content: {
+                    readonly padding: "16";
+                    readonly borderRadius: "8";
+                };
+            };
+        };
+        readonly textStyle: {
+            readonly 'sm/regular': {
+                readonly content: {
+                    readonly textStyle: "body/sm/regular";
+                };
+            };
+            readonly 'sm/semibold': {
+                readonly content: {
+                    readonly textStyle: "body/sm/semibold";
+                };
+            };
+            readonly 'md/regular': {
+                readonly content: {
+                    readonly textStyle: "body/md/regular";
+                };
+            };
+        };
+    }>;
     tooltip: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "trigger" | "arrow" | "arrowTip" | "positioner", {
-        variant: {
-            dark: {
-                content: {
-                    '--tooltip-bg': "colors.background/contrast";
-                    color: "text/on-contrast";
+        readonly variant: {
+            readonly dark: {
+                readonly content: {
+                    readonly '--tooltip-bg': "colors.background/contrast";
+                    readonly color: "text/on-contrast";
                 };
             };
-            light: {
-                content: {
-                    '--tooltip-bg': "colors.background/tertiary";
-                    color: "text/primary";
+            readonly light: {
+                readonly content: {
+                    readonly '--tooltip-bg': "colors.background/tertiary";
+                    readonly color: "text/primary";
                 };
             };
         };
-        paddingSize: {
-            sm: {
-                content: {
-                    paddingInline: "8";
-                    paddingBlock: "4";
-                    borderRadius: "4";
+        readonly paddingSize: {
+            readonly sm: {
+                readonly content: {
+                    readonly paddingInline: "8";
+                    readonly paddingBlock: "4";
+                    readonly borderRadius: "4";
                 };
             };
-            md: {
-                content: {
-                    paddingInline: "12";
-                    paddingBlock: "8";
-                    borderRadius: "8";
+            readonly md: {
+                readonly content: {
+                    readonly paddingInline: "12";
+                    readonly paddingBlock: "8";
+                    readonly borderRadius: "8";
                 };
             };
-            lg: {
-                content: {
-                    padding: "16";
-                    borderRadius: "8";
+            readonly lg: {
+                readonly content: {
+                    readonly padding: "16";
+                    readonly borderRadius: "8";
                 };
             };
         };
-        textStyle: {
-            'sm/regular': {
-                content: {
-                    textStyle: "body/sm/regular";
+        readonly textStyle: {
+            readonly 'sm/regular': {
+                readonly content: {
+                    readonly textStyle: "body/sm/regular";
                 };
             };
-            'sm/semibold': {
-                content: {
-                    textStyle: "body/sm/semibold";
+            readonly 'sm/semibold': {
+                readonly content: {
+                    readonly textStyle: "body/sm/semibold";
                 };
             };
-            'md/regular': {
-                content: {
-                    textStyle: "body/md/regular";
+            readonly 'md/regular': {
+                readonly content: {
+                    readonly textStyle: "body/md/regular";
                 };
             };
         };
@@ -3426,118 +3451,5 @@ declare const slotRecipes: {
             };
         };
     }>;
-    uiSideNav: import('@chakra-ui/react').SlotRecipeDefinition<"link" | "content" | "body" | "footer" | "closeButton" | "root" | "item" | "itemIndicator" | "positioner" | "itemLabel" | "itemIcon" | "backdrop" | "footerSeparator" | "footerHeading" | "linkIconBlock" | "linkTextBlock" | "linkIcon" | "linkStatusDot" | "linkLabel" | "linkSecondaryText" | "workspaceRoot" | "workspaceControl" | "workspace" | "workspaceTextBlock" | "workspaceChevron" | "workspaceMenu" | "workspaceLabel" | "workspaceValue", {
-        layout: {
-            rail: {
-                root: {
-                    paddingBlockEnd: "12";
-                    transition: "width 100ms ease-out";
-                    transitionDelay: "50ms";
-                    width: `${number}rem`;
-                    _motionReduce: {
-                        transition: "none";
-                    };
-                    '&[data-expanded]': {
-                        transitionDelay: "100ms";
-                        width: `${number}rem`;
-                    };
-                };
-                workspace: {
-                    paddingInline: "16";
-                    minWidth: `${number}rem`;
-                };
-                workspaceControl: {
-                    minWidth: `${number}rem`;
-                };
-                workspaceMenu: {
-                    width: `${number}rem`;
-                };
-                body: {
-                    overflowX: "hidden";
-                    overflowY: "auto";
-                    scrollbar: "hidden";
-                };
-                item: {
-                    gap: "24";
-                    paddingBlock: "16";
-                    minWidth: `${number}rem`;
-                };
-                link: {
-                    gap: "24";
-                    minWidth: `${number}rem`;
-                };
-                footerSeparator: {
-                    '[data-expanded] &': {
-                        paddingInline: "16";
-                    };
-                };
-                footerHeading: {
-                    minWidth: `${number}rem`;
-                };
-            };
-            drawer: {
-                root: {
-                    overflowX: "hidden";
-                    overflowY: "auto";
-                    width: "full";
-                };
-                workspaceRoot: {
-                    background: "sys/ui/sidenav/bg";
-                    insetBlockStart: number;
-                    position: "sticky";
-                    zIndex: number;
-                };
-                workspace: {
-                    paddingBlock: "16";
-                    paddingInlineEnd: "24";
-                    paddingInlineStart: "16";
-                };
-                item: {
-                    gap: "12";
-                    paddingBlock: "16";
-                };
-                link: {
-                    gap: "12";
-                };
-                footer: {
-                    paddingBlockEnd: "16";
-                    paddingBlockStart: "12";
-                    position: "relative";
-                };
-                footerHeading: {
-                    paddingBlockStart: "12";
-                    '&[data-section]': {
-                        marginBlockStart: "12";
-                        paddingBlockStart: "24";
-                        position: "relative";
-                        _before: {
-                            insetBlockStart: number;
-                            insetInline: number;
-                            position: "absolute";
-                            background: "border/inverse";
-                            content: "\"\"";
-                            height: "1";
-                            opacity: 0.2;
-                        };
-                    };
-                };
-                footerSeparator: {
-                    insetBlockStart: number;
-                    insetInline: number;
-                    paddingBlock: number;
-                    paddingInline: number;
-                    position: "absolute";
-                };
-                workspaceMenu: {
-                    maxHeight: "var(--available-height)";
-                    '--select-menu-list-max-height': "none";
-                };
-                body: {
-                    flex: "1 0 auto";
-                    paddingBlock: "8";
-                };
-            };
-        };
-    }>;
 };
 export default slotRecipes;

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

@@ -1,6 +1,5 @@
 import avatarSlotRecipe from "./Avatar.recipe.js";
 import numberInputSlotRecipe from "./NumberInput.recipe.js";
-import uiSideNavSlotRecipe from "./UISideNav.recipe.js";
 import accordionSlotRecipe from "./Accordion.recipe.js";
 import actionBarSlotRecipe from "./ActionBar.recipe.js";
 import alertSlotRecipe from "./Alert.recipe.js";
@@ -59,6 +58,7 @@ import tagSlotRecipe from "./Tag.recipe.js";
 import tagsInputSlotRecipe from "./TagsInput.recipe.js";
 import textInputSlotRecipe from "./TextInput.recipe.js";
 import toastSlotRecipe from "./Toast.recipe.js";
+import toggletipSlotRecipe from "./Toggletip.recipe.js";
 import tooltipSlotRecipe from "./Tooltip.recipe.js";
 import tourSlotRecipe from "./Tour.recipe.js";
 import treeViewSlotRecipe from "./TreeView.recipe.js";
@@ -124,10 +124,10 @@ var slotRecipes = {
 	tagsInput: tagsInputSlotRecipe,
 	textInput: textInputSlotRecipe,
 	toast: toastSlotRecipe,
+	toggletip: toggletipSlotRecipe,
 	tooltip: tooltipSlotRecipe,
 	tour: tourSlotRecipe,
-	treeView: treeViewSlotRecipe,
-	uiSideNav: uiSideNavSlotRecipe
+	treeView: treeViewSlotRecipe
 };
 //#endregion
 export { slotRecipes as default };

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';\nimport uiSideNavSlotRecipe from './UISideNav.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  uiSideNav: uiSideNavSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,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;CACV,WAAW;AACb"}
+{"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 toggletipSlotRecipe from './Toggletip.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  toggletip: toggletipSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  tour: tourSlotRecipe,\n  treeView: treeViewSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiEA,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,WAAW;CACX,SAAS;CACT,MAAM;CACN,UAAU;AACZ"}

package/package.json

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

package/dist/components/BitkitUISideNav/BitkitUISideNav.d.ts

@@ -1,37 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { ReactNode } from 'react';
-export interface BitkitUISideNavProps extends Omit<BoxProps, 'children'> {
-    children: ReactNode;
-    /**
-     * Forces the desktop rail open or shut, overriding the pointer and focus behaviour. Leave it
-     * unset for the normal rail. Set it to `true` while something the rail does not know about is
-     * anchored to it, such as a popover opened from the footer.
-     */
-    expanded?: boolean;
-    /** Mobile drawer visibility. Controlled, because the header's menu button is what opens it. */
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-}
-export { uiSideNavRailWidth } from '../../theme/slot-recipes/UISideNav.recipe';
-export { type BitkitUISideNavBodyProps } from './UISideNavBody';
-export { type BitkitUISideNavFooterProps } from './UISideNavFooter';
-export { type BitkitUISideNavFooterHeadingProps } from './UISideNavFooterHeading';
-export { type BitkitUISideNavItemProps } from './UISideNavItem';
-export { type BitkitUISideNavLinkAsAnchorProps, type BitkitUISideNavLinkAsButtonProps, type BitkitUISideNavLinkProps, } from './UISideNavLink';
-export { type BitkitUISideNavWorkspaceProps, type BitkitUISideNavWorkspaceSelectorProps, } from './UISideNavWorkspaceSelector';
-declare const _default: import('react').ForwardRefExoticComponent<BitkitUISideNavProps & import('react').RefAttributes<HTMLElement>> & {
-    Body: import('react').ForwardRefExoticComponent<import('./UISideNavBody').BitkitUISideNavBodyProps & import('react').RefAttributes<HTMLDivElement>>;
-    Footer: import('react').ForwardRefExoticComponent<import('./UISideNavFooter').BitkitUISideNavFooterProps & import('react').RefAttributes<HTMLDivElement>>;
-    FooterHeading: import('react').ForwardRefExoticComponent<import('./UISideNavFooterHeading').BitkitUISideNavFooterHeadingProps & import('react').RefAttributes<HTMLParagraphElement>>;
-    Item: import('react').ForwardRefExoticComponent<import('./UISideNavItem').BitkitUISideNavItemProps & import('react').RefAttributes<HTMLAnchorElement>>;
-    Link: import('react').ForwardRefExoticComponent<import('./UISideNavLink').BitkitUISideNavLinkProps & import('react').RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-    WorkspaceSelector: import('react').ForwardRefExoticComponent<Omit<import('@chakra-ui/react').SelectTriggerProps, "children" | "onChange"> & {
-        children?: import('../BitkitSelectMenu/BitkitSelectMenuAction').BitkitSelectMenuActionChild;
-        isLoading?: boolean;
-        label?: string;
-        onValueChange?: (value: string) => void;
-        value?: string;
-        workspaces: Array<import('./UISideNavWorkspaceSelector').BitkitUISideNavWorkspaceProps>;
-    } & Omit<import('../BitkitSelectMenu/BitkitSelectMenu').BitkitSelectMenuSearchProps, "searchPlaceholder"> & import('../BitkitSelectMenu/BitkitSelectMenu').BitkitSelectMenuScrollProps & import('../BitkitSelectMenu/BitkitSelectMenu').BitkitSelectMenuEmptyStateProps & import('../BitkitSelectMenu/BitkitSelectMenu').BitkitSelectMenuErrorStateProps & import('react').RefAttributes<HTMLButtonElement>>;
-};
-export default _default;

package/dist/components/BitkitUISideNav/BitkitUISideNav.js

@@ -1,167 +0,0 @@
-import { withSubComponents } from "../../utilities/withSubComponents.js";
-import BitkitCloseButton from "../BitkitCloseButton/BitkitCloseButton.js";
-import useResponsive from "../../hooks/useResponsive.js";
-import { UISideNavContextProvider } from "./UISideNavContext.js";
-import UISideNavBody from "./UISideNavBody.js";
-import UISideNavFooter from "./UISideNavFooter.js";
-import UISideNavFooterHeading from "./UISideNavFooterHeading.js";
-import UISideNavItem from "./UISideNavItem.js";
-import UISideNavLink from "./UISideNavLink.js";
-import UISideNavWorkspaceSelector from "./UISideNavWorkspaceSelector.js";
-import { uiSideNavRailWidth } from "../../theme/slot-recipes/UISideNav.recipe.js";
-import { Box } from "@chakra-ui/react/box";
-import { useSlotRecipe } from "@chakra-ui/react/styled-system";
-import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Portal } from "@chakra-ui/react/portal";
-import { mergeRefs } from "@chakra-ui/react";
-import { Drawer } from "@chakra-ui/react/drawer";
-//#region lib/components/BitkitUISideNav/BitkitUISideNav.tsx
-/**
-* The platform's primary navigation. It expects a workspace selector, a body of navigation
-* items, and an optional footer:
-*
-* ```tsx
-* <BitkitUISideNav open={open} onOpenChange={setOpen}>
-*   <BitkitUISideNav.WorkspaceSelector
-*     workspaces={workspaces}
-*     value={workspace}
-*     onValueChange={setWorkspace}
-*   />
-*   <BitkitUISideNav.Body>
-*     <BitkitUISideNav.Item href="/dashboard" icon={IconDashboard} selectedIcon={IconDashboardFilled} selected>
-*       Dashboard
-*     </BitkitUISideNav.Item>
-*   </BitkitUISideNav.Body>
-*   <BitkitUISideNav.Footer>…</BitkitUISideNav.Footer>
-* </BitkitUISideNav>
-* ```
-*
-* On desktop it is a 72px rail that widens to 256px under the pointer and while anything inside
-* it holds keyboard focus. The rows are always laid out at the full width and clipped, so the
-* labels appear without any text reflowing. It will not collapse while the workspace menu is
-* open. There is no pin: the rail is the resting state.
-*
-* Below the `tablet` breakpoint it becomes an overlay drawer instead, opened by the header rather
-* than by hovering. Pass `open` and `onOpenChange`; they are ignored on desktop.
-*
-* It does not position itself. The consumer decides where it sits and how tall it is, which is
-* what lets a page slot it under a header of any height. The expanded rail overlays the page
-* rather than pushing it, so give it a `position` of your own and reserve 72px beside it.
-*
-* Descendants can read the current state with `useUISideNav()`.
-*/
-var BitkitUISideNav = forwardRef((props, ref) => {
-	const { children, css, expanded: expandedProp, onBlur, onFocus, onOpenChange, onPointerEnter, onPointerLeave, open = false, ...rest } = props;
-	const { isMobile } = useResponsive();
-	const [pointerInside, setPointerInside] = useState(false);
-	const [focusInside, setFocusInside] = useState(false);
-	const [menuOpen, setMenuOpen] = useState(false);
-	const menuContainerRef = useRef(null);
-	const navRef = useRef(null);
-	const setNavRef = useMemo(() => mergeRefs(navRef, ref), [ref]);
-	const styles = useSlotRecipe({ key: "uiSideNav" })({ layout: isMobile ? "drawer" : "rail" });
-	const expanded = isMobile || (expandedProp ?? (pointerInside || focusInside || menuOpen));
-	const tracksPointer = !isMobile && expandedProp === void 0;
-	const isInsideNav = (event) => event.target instanceof Node && event.currentTarget.contains(event.target);
-	const handleFocus = (event) => {
-		onFocus?.(event);
-		if (!tracksPointer || !isInsideNav(event)) return;
-		if (!event.target.matches(":focus-visible")) return;
-		setFocusInside(true);
-	};
-	const handleBlur = (event) => {
-		onBlur?.(event);
-		if (!tracksPointer || event.currentTarget.contains(event.relatedTarget)) return;
-		setFocusInside(false);
-	};
-	const handlePointerEnter = (event) => {
-		onPointerEnter?.(event);
-		if (tracksPointer && isInsideNav(event)) setPointerInside(true);
-	};
-	const handlePointerLeave = (event) => {
-		onPointerLeave?.(event);
-		if (tracksPointer && isInsideNav(event)) setPointerInside(false);
-	};
-	useEffect(() => {
-		if (!tracksPointer || !focusInside) return void 0;
-		const syncFocusInside = () => {
-			if (!navRef.current?.contains(document.activeElement)) setFocusInside(false);
-		};
-		document.addEventListener("focusin", syncFocusInside);
-		return () => document.removeEventListener("focusin", syncFocusInside);
-	}, [focusInside, tracksPointer]);
-	useEffect(() => {
-		if (!tracksPointer || !pointerInside) return void 0;
-		const syncPointerInside = () => {
-			if (!navRef.current?.matches(":hover")) setPointerInside(false);
-		};
-		document.addEventListener("pointerover", syncPointerInside);
-		return () => document.removeEventListener("pointerover", syncPointerInside);
-	}, [pointerInside, tracksPointer]);
-	const nav = /* @__PURE__ */ jsx(Box, {
-		ref: setNavRef,
-		"aria-label": "Platform navigation",
-		asChild: true,
-		"data-expanded": expanded ? "" : void 0,
-		...rest,
-		css: [styles.root, css],
-		onBlur: handleBlur,
-		onFocus: handleFocus,
-		onPointerEnter: handlePointerEnter,
-		onPointerLeave: handlePointerLeave,
-		children: /* @__PURE__ */ jsx("nav", { children })
-	});
-	const context = useMemo(() => ({
-		expanded,
-		isMobile,
-		menuContainerRef,
-		setMenuOpen,
-		styles
-	}), [
-		expanded,
-		isMobile,
-		styles
-	]);
-	if (!isMobile) return /* @__PURE__ */ jsx(UISideNavContextProvider, {
-		value: context,
-		children: nav
-	});
-	return /* @__PURE__ */ jsx(UISideNavContextProvider, {
-		value: context,
-		children: /* @__PURE__ */ jsx(Drawer.Root, {
-			onOpenChange: (details) => onOpenChange?.(details.open),
-			open,
-			children: /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(Drawer.Backdrop, { css: styles.backdrop }), /* @__PURE__ */ jsx(Drawer.Positioner, {
-				css: styles.positioner,
-				children: /* @__PURE__ */ jsxs(Drawer.Content, {
-					ref: menuContainerRef,
-					"aria-label": "Navigation",
-					css: styles.content,
-					children: [nav, /* @__PURE__ */ jsx(Box, {
-						css: styles.closeButton,
-						children: /* @__PURE__ */ jsx(BitkitCloseButton, {
-							"aria-label": "Close navigation",
-							colorVariant: "white",
-							onClick: () => onOpenChange?.(false),
-							size: "md"
-						})
-					})]
-				})
-			})] })
-		})
-	});
-});
-BitkitUISideNav.displayName = "BitkitUISideNav";
-var BitkitUISideNav_default = withSubComponents(BitkitUISideNav, {
-	Body: UISideNavBody,
-	Footer: UISideNavFooter,
-	FooterHeading: UISideNavFooterHeading,
-	Item: UISideNavItem,
-	Link: UISideNavLink,
-	WorkspaceSelector: UISideNavWorkspaceSelector
-});
-//#endregion
-export { BitkitUISideNav_default as default, uiSideNavRailWidth };
-
-//# sourceMappingURL=BitkitUISideNav.js.map