@bitrise/bitkit-v2 0.3.475-beta.3014 → 0.3.476

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

@@ -609,25 +609,10 @@ declare const slotRecipes: {
         device: {
             mobile: {
                 content: {
-                    minWidth: number;
                     boxShadow: "none";
                     paddingBlock: "16";
                     paddingInline: "16";
                 };
-                view: {
-                    gap: "16";
-                };
-                tableHeader: {
-                    height: "40";
-                    maxWidth: "none";
-                    minWidth: number;
-                    textStyle: "body/lg/regular";
-                    width: "auto";
-                };
-                tableCellTrigger: {
-                    height: "40";
-                    textStyle: "body/lg/regular";
-                };
             };
         };
     }>;
@@ -718,88 +703,6 @@ declare const slotRecipes: {
                     height: "16";
                 } | undefined;
             };
-            lg: {
-                trigger: {
-                    height: "40";
-                    paddingBlock: "8";
-                    paddingInlineEnd: "12";
-                    paddingInlineStart: "16";
-                    textStyle: "body/lg/regular";
-                    '&:has([data-slot="avatar"])'?: {
-                        paddingBlock: `${number}rem`;
-                        paddingInlineStart: `${number}rem`;
-                    } | undefined;
-                };
-                indicator: {
-                    _icon: {
-                        width: "16";
-                        height: "16";
-                    };
-                };
-                checkbox?: {
-                    width: "24";
-                    height: "24";
-                } | undefined;
-                item?: {
-                    '&:has([data-slot="avatar"])': {
-                        paddingInlineStart: "12";
-                        paddingInlineEnd: "24";
-                        paddingBlock: "8";
-                        gap: "8";
-                    };
-                    '&:has([data-slot="checkbox"])': {
-                        minHeight: "48";
-                        paddingInlineEnd: "24";
-                        paddingBlock: "12";
-                        gap: "12";
-                    };
-                    paddingInline: "16";
-                    paddingBlock: "12";
-                    textStyle: "body/lg/regular";
-                    _selected: {
-                        textStyle: "body/lg/semibold";
-                    };
-                } | undefined;
-                content?: {
-                    '--select-menu-list-max-height': `${number}rem`;
-                } | undefined;
-                itemLabel?: {
-                    textStyle: "body/lg/regular";
-                    lineHeight: "normal";
-                } | undefined;
-                itemLoadingLabel?: {
-                    textStyle: "body/lg/regular";
-                } | undefined;
-                emptyState?: {
-                    paddingBlock: "12";
-                } | undefined;
-                errorState?: {
-                    paddingBlock: "8";
-                } | undefined;
-                errorLabel?: {
-                    textStyle: "body/lg/regular";
-                } | undefined;
-                action?: {
-                    minHeight: "48";
-                    paddingBlock: "12";
-                    textStyle: "body/lg/regular";
-                    lineHeight: "normal";
-                } | undefined;
-                searchInputGroup?: {
-                    height: `${number}rem`;
-                    paddingBlock: "16";
-                } | undefined;
-                searchInput?: {
-                    textStyle: "body/lg/regular";
-                } | undefined;
-                searchClear?: {
-                    padding: "8";
-                } | undefined;
-                itemIndicator?: {
-                    width: "24";
-                    height: "24";
-                } | undefined;
-            };
         };
     }>;
     dialog: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "label" | "title" | "trigger" | "positioner" | "closeTrigger" | "description" | "scrollBody" | "scrollArea" | "scrollGradient" | "scrollButton" | "stepHeader" | "backdrop" | "stepDescription" | "stepTitle" | "stepTitleGroup", {
@@ -1181,42 +1084,6 @@ declare const slotRecipes: {
             };
         };
     }>;
-    filter: import('@chakra-ui/react').SlotRecipeDefinition<"search" | "content" | "pattern" | "switch" | "icon" | "field" | "root" | "loading" | "items" | "searchInput" | "addSheetBackdrop" | "addSheetPositioner" | "addSheet" | "addMenu" | "addMenuLabel" | "addSheetItem" | "addMenuItem" | "addMenuIcon" | "addSheetItemReason" | "chip" | "chipLabel" | "chipTrigger" | "chipRemove" | "chipIcon" | "chipValue" | "chipChevron" | "fieldLabel" | "fieldControl" | "fieldTrigger" | "fieldRemove" | "fieldIcon" | "fieldValue" | "fieldChevron" | "mobilePanelHeader" | "popoverFooter" | "mobileFooter" | "popoverFooterStart" | "mobilePanelOverline" | "mobilePanelTitle" | "popoverContent" | "calendarFooter" | "mobileSearch" | "mobileSearchInput" | "popoverBody" | "checkboxList" | "popoverSearch" | "listHelperText" | "mobileListCheckbox" | "mobileListCheck" | "patternResults" | "patternResultsLabel" | "switchItem" | "switchItemText" | "filters" | "searchBlock" | "mobileBar" | "mobileTrigger" | "mobileHeader" | "mobileTitle" | "mobileBody", {
-        pageLayout: {
-            capped: {
-                root: {
-                    borderBlockEndWidth: "1";
-                    borderColor: "border/regular";
-                    paddingInline: {
-                        base: "16";
-                        tablet: "32";
-                    };
-                };
-            };
-            full: {
-                root: {
-                    borderBlockEndWidth: "1";
-                    borderColor: "border/regular";
-                    paddingInlineEnd: {
-                        base: "16";
-                        tablet: "32";
-                    };
-                    paddingInlineStart: {
-                        base: "16";
-                        tablet: "24";
-                    };
-                };
-            };
-        };
-        contentAlign: {
-            center: {};
-            start: {
-                root: {
-                    justifyContent: "flex-start";
-                };
-            };
-        };
-    }>;
     imageCropper: import('@chakra-ui/react').SlotRecipeDefinition<"grid" | "image" | "root" | "handle" | "viewport" | "selection", import('@chakra-ui/react').SlotRecipeVariantRecord<"grid" | "image" | "root" | "handle" | "viewport" | "selection">>;
     inlineLoading: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root", {
         size: {
@@ -1277,27 +1144,6 @@ declare const slotRecipes: {
             };
         };
     }>;
-    listbox: import('@chakra-ui/react').SlotRecipeDefinition<"content" | "input" | "label" | "root" | "item" | "itemIndicator" | "itemGroup" | "itemGroupLabel" | "itemText" | "valueText" | "empty", {
-        size: {
-            md: {};
-            lg: {
-                content: {
-                    maxHeight: "none";
-                    paddingBlock: "8";
-                };
-                item: {
-                    minHeight: "48";
-                    textStyle: "body/lg/regular";
-                    _selected: {
-                        textStyle: "body/lg/regular";
-                    };
-                };
-                empty: {
-                    textStyle: "body/lg/regular";
-                };
-            };
-        };
-    }>;
     markdown: import('@chakra-ui/react').SlotRecipeDefinition<"blockquote" | "root", {
         size: {
             sm: {
@@ -1448,7 +1294,7 @@ declare const slotRecipes: {
                 root: {
                     backgroundColor: "transparent";
                     border: "1px solid transparent";
-                    background: "linear-gradient({colors.neutral.100}, {colors.neutral.100}) padding-box, linear-gradient(135deg, {colors.purple.80} 0%, {colors.indigo.80} 50%, {colors.blue.80} 100%) border-box";
+                    background: "status/ai/surface-primary";
                 };
                 title: {
                     color: string;
@@ -1656,13 +1502,14 @@ declare const slotRecipes: {
                 };
                 links: {
                     borderBlockEnd: {
-                        base: "1px solid {colors.neutral.93}";
+                        base: "1px solid";
                         tablet: "none";
                     };
                     borderBlockStart: {
-                        base: "1px solid {colors.neutral.93}";
+                        base: "1px solid";
                         tablet: "none";
                     };
+                    borderColor: "border/minimal";
                     paddingBlock: {
                         base: "16";
                         tablet: "0";
@@ -1678,9 +1525,10 @@ declare const slotRecipes: {
                 };
                 links: {
                     borderBlockEnd: {
-                        base: "1px solid {colors.neutral.93}";
+                        base: "1px solid";
                         tablet: "none";
                     };
+                    borderColor: "border/minimal";
                     paddingBlockEnd: {
                         base: "16";
                         tablet: "0";
@@ -3204,7 +3052,7 @@ declare const slotRecipes: {
             md: {};
         };
     }>;
-    tag: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "endElement" | "startElement", {
+    tag: import('@chakra-ui/react').SlotRecipeDefinition<"label" | "root" | "closeTrigger" | "startElement" | "endElement", {
         colorVariant: {
             neutral: {
                 root: {

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

@@ -22,13 +22,11 @@ import expandableCardSlotRecipe from "./ExpandableCard.recipe.js";
 import fieldSlotRecipe from "./Field.recipe.js";
 import fieldsetSlotRecipe from "./Fieldset.recipe.js";
 import fileUploadSlotRecipe from "./FileUpload.recipe.js";
-import filterSlotRecipe from "./Filter.recipe.js";
 import groupHeadingRecipe from "./GroupHeading.recipe.js";
 import imageCropperSlotRecipe from "./ImageCropper.recipe.js";
 import inlineLoadingRecipe from "./InlineLoading.recipe.js";
 import labeledDataSlotRecipe from "./LabeledData.recipe.js";
 import listSlotRecipe from "./List.recipe.js";
-import listboxSlotRecipe from "./Listbox.recipe.js";
 import markdownSlotRecipe from "./Markdown.recipe.js";
 import markdownCardSlotRecipe from "./MarkdownCard.recipe.js";
 import menuSlotRecipe from "./Menu.recipe.js";
@@ -89,11 +87,9 @@ var slotRecipes = {
 	groupHeading: groupHeadingRecipe,
 	fieldset: fieldsetSlotRecipe,
 	fileUpload: fileUploadSlotRecipe,
-	filter: filterSlotRecipe,
 	imageCropper: imageCropperSlotRecipe,
 	inlineLoading: inlineLoadingRecipe,
 	list: listSlotRecipe,
-	listbox: listboxSlotRecipe,
 	markdown: markdownSlotRecipe,
 	markdownCard: markdownCardSlotRecipe,
 	menu: menuSlotRecipe,

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 filterSlotRecipe from './Filter.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 listboxSlotRecipe from './Listbox.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';\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  filter: filterSlotRecipe,\n  imageCropper: imageCropperSlotRecipe,\n  inlineLoading: inlineLoadingSlotRecipe,\n  list: listSlotRecipe,\n  listbox: listboxSlotRecipe,\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  uiSideNav: uiSideNavSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,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,QAAQ;CACR,cAAc;CACd,eAAe;CACf,MAAM;CACN,SAAS;CACT,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;CACV,WAAW;AACb"}
+{"version":3,"file":"index.js","names":["groupHeadingSlotRecipe","inlineLoadingSlotRecipe","paginationLoadMoreSlotRecipe","sectionHeadingSlotRecipe"],"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';\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  toggletip: toggletipSlotRecipe,\n  tooltip: tooltipSlotRecipe,\n  tour: tourSlotRecipe,\n  treeView: treeViewSlotRecipe,\n  uiSideNav: uiSideNavSlotRecipe,\n};\n\nexport default slotRecipes;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,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,cAAcA;CACd,UAAU;CACV,YAAY;CACZ,cAAc;CACd,eAAeC;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,oBAAoBC;CACpB,SAAS;CACT,UAAU;CACV,QAAQ;CACR,YAAY;CACZ,QAAQ;CACR,gBAAgBC;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;CACV,WAAW;AACb"}

package/dist/theme/tokens/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","names":[],"sources":["../../../lib/theme/tokens/sizes.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\nimport object from './sizesAndSpacing.json';\n\nconst sizes = defineTokens.sizes({\n  ...object,\n  'layout/maxWidth/640': { value: '40rem' },\n  'layout/maxWidth/960': { value: '60rem' },\n  'layout/maxWidth/1280': { value: '80rem' },\n  'layout/maxWidth/1616': { value: '101rem' },\n});\n\nexport default sizes;\n"],"mappings":";;;AAIA,IAAM,QAAQ,aAAa,MAAM;CAC/B,GAAG;CACH,uBAAuB,EAAE,OAAO,QAAQ;CACxC,uBAAuB,EAAE,OAAO,QAAQ;CACxC,wBAAwB,EAAE,OAAO,QAAQ;CACzC,wBAAwB,EAAE,OAAO,SAAS;AAC5C,CAAC"}
+{"version":3,"file":"sizes.js","names":["object"],"sources":["../../../lib/theme/tokens/sizes.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\nimport object from './sizesAndSpacing.json';\n\nconst sizes = defineTokens.sizes({\n  ...object,\n  'layout/maxWidth/640': { value: '40rem' },\n  'layout/maxWidth/960': { value: '60rem' },\n  'layout/maxWidth/1280': { value: '80rem' },\n  'layout/maxWidth/1616': { value: '101rem' },\n});\n\nexport default sizes;\n"],"mappings":";;;AAIA,IAAM,QAAQ,aAAa,MAAM;CAC/B,GAAGA;CACH,uBAAuB,EAAE,OAAO,QAAQ;CACxC,uBAAuB,EAAE,OAAO,QAAQ;CACxC,wBAAwB,EAAE,OAAO,QAAQ;CACzC,wBAAwB,EAAE,OAAO,SAAS;AAC5C,CAAC"}

package/dist/theme/tokens/spacing.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.js","names":[],"sources":["../../../lib/theme/tokens/spacing.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\nimport object from './sizesAndSpacing.json';\n\nconst spacing = defineTokens.spacing(object);\n\nexport default spacing;\n"],"mappings":";;;AAIA,IAAM,UAAU,aAAa,QAAQ,uBAAM"}
+{"version":3,"file":"spacing.js","names":["object"],"sources":["../../../lib/theme/tokens/spacing.ts"],"sourcesContent":["import { defineTokens } from '@chakra-ui/react/styled-system';\n\nimport object from './sizesAndSpacing.json';\n\nconst spacing = defineTokens.spacing(object);\n\nexport default spacing;\n"],"mappings":";;;AAIA,IAAM,UAAU,aAAa,QAAQA,uBAAM"}

package/dist/utilities/BitkitPortalContext.js

@@ -1,8 +1,7 @@
-import { createContext, useContext } from "react";
+import { createContext } from "react";
 //#region lib/utilities/BitkitPortalContext.ts
 var BitkitPortalContext = createContext({ disablePortal: false });
-var usePortalContext = () => useContext(BitkitPortalContext);
 //#endregion
-export { BitkitPortalContext as default, usePortalContext };
+export { BitkitPortalContext as default };
 
 //# sourceMappingURL=BitkitPortalContext.js.map

package/dist/utilities/BitkitPortalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"BitkitPortalContext.js","names":[],"sources":["../../lib/utilities/BitkitPortalContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst BitkitPortalContext = createContext({ disablePortal: false });\n\nexport const usePortalContext = () => useContext(BitkitPortalContext);\n\nexport default BitkitPortalContext;\n"],"mappings":";;AAEA,IAAM,sBAAsB,cAAc,EAAE,eAAe,MAAM,CAAC;AAElE,IAAa,yBAAyB,WAAW,mBAAmB"}
+{"version":3,"file":"BitkitPortalContext.js","names":[],"sources":["../../lib/utilities/BitkitPortalContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nconst BitkitPortalContext = createContext({ disablePortal: false });\n\nexport const usePortalContext = () => useContext(BitkitPortalContext);\n\nexport default BitkitPortalContext;\n"],"mappings":";;AAEA,IAAM,sBAAsB,cAAc,EAAE,eAAe,MAAM,CAAC"}

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

@@ -35,7 +35,7 @@ Migrate in this order to minimize blockers:
 2. **Atomic components**: `Button`, `Badge`, `Tag`, `Spinner`, `Toast`
 3. **Form components**: `Input`, `Textarea`, `Select`, `Checkbox`, `Switch`
 4. **Layout & navigation**: `Sidebar`, `Breadcrumb`
-5. **Composite components**: `Dialog`, `Tabs`, `Table`, `Card`, `Alert`, `Filter`
+5. **Composite components**: `Dialog`, `Tabs`, `Table`, `Card`, `Alert`
 6. **Icons** (if migrating from `lucide-react` or similar)
 7. **Dependency cleanup**: remove v1 and all now-unused peer deps
 
@@ -270,53 +270,6 @@ import { Table } from '@chakra-ui/react/table'
 
 For password fields with an eye-toggle: use `BitkitField` + Chakra v3 `InputGroup` with `endElement`.
 
-### Filter
-
-v1's single `data` object becomes children: each filter is a controlled sub-component with its own `value` and `onValueChange`.
-
-```tsx
-// v1
-<Filter data={{ project: {...}, date_range: { type: 'dateRange' }, branch: { type: 'tag', isPatternEnabled: true } }} state={state} onChange={setState} showAdd showSearch />
-
-// v2
-<BitkitFilter>
-  <BitkitFilter.Select label="Project" pluralLabel="Projects" items={projects} value={project} onValueChange={setProject} />
-  <BitkitFilter.DateRange value={dates} onValueChange={setDates} />
-  <BitkitFilter.Add>
-    <BitkitFilter.Select label="Branch" pluralLabel="Branches" items={branches} multiple pattern value={branch} onValueChange={setBranch} />
-  </BitkitFilter.Add>
-  <BitkitFilter.Search value={search} onValueChange={setSearch} />
-</BitkitFilter>
-```
-
-| v1 | v2 |
-|----|----|
-| `state` / `onChange` | per-filter `value` / `onValueChange` |
-| `defaultState` | per-filter `resetValue`; root `onClear` to reset everything in one write |
-| `type: 'select'`, `isMultiple` | `BitkitFilter.Select`, `multiple` |
-| `type: 'switch'`, `allOptionLabel` | `BitkitFilter.Switch`, `allLabel` |
-| `type: 'dateRange'`, `selectable`, `dayTooltip` | `BitkitFilter.DateRange`, `min` / `max`, `dayTooltip` (now `(date: Date) => string \| undefined`; v1 passed `{ date, selectable }` with a luxon `DateTime`) |
-| `type: 'tag'`, `showAdd` | `BitkitFilter.Select` inside `BitkitFilter.Add` |
-| `showSearch`, `searchTooltip`, `state.search = [text]` | `BitkitFilter.Search`, `tooltip`, `value: string` |
-| `options`, `optionsMap`, `iconsMap`, `iconColorsMap` | `items: { value, label, icon?, iconColor? }[]` |
-| `categoryName`, `categoryNamePlural`, `unfilteredLabel` | `label`, `pluralLabel` (required), `emptyLabel` |
-| `onAsyncSearch` | `onSearchChange` + `items` + `loading` |
-| `isInitialLoading`, `loadingText` | `loading`, `loadingLabel` |
-| `isPatternEnabled` | `pattern` |
-| `hasNotFilteredOption: false` | `required`, with the default as `resetValue` |
-| `preserveOptionOrder` | `preserveOrder` |
-| `dependsOn`, `filtersDependOn` | `disabledReason`; clear the dependent filter in the parent's `onValueChange` |
-| `isLoading` | `state="loading"` |
-| `isMobile` | `device` |
-| `showFilterIcon`, `showClearFilters` | `showIcon`, `showClear` |
-
-Things that behave differently:
-- **Mobile is automatic** below the tablet breakpoint. v1 was opt-in; pass `device="desktop"` where a page relied on that.
-- **`onSearchChange` returns nothing.** Fetch yourself and pass the results as `items`, with `loading` meanwhile. It is debounced (300ms), but dropping out-of-order responses is up to you.
-- **Values are typed per filter**: `string | null` for a switch (`null` = "All"), `[start, end] | null` of `Date`s for a date range, `string[]` for a select, a plain `string` for the search.
-- **`iconColor` takes an `icon/*` token**, e.g. `icon/positive` instead of `status/success/icon`.
-- **"Clear filters" only resets the filters that changed**, each through its own `onValueChange`. A URL-backed page should pass `onClear`, or it gets one history entry per filter.
-
 ### Cards
 
 | v1 | v2 |

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrise/bitkit-v2",
   "private": false,
-  "version": "0.3.475-beta.3014",
+  "version": "0.3.476",
   "description": "Bitrise Design System Components built with Chakra UI V3",
   "keywords": [
     "react",
@@ -62,7 +62,6 @@
     "@chakra-ui/cli": "3.37.0",
     "@chakra-ui/react": "3.37.0",
     "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.1",
     "react": ">=18",
     "react-dom": ">=18"
   },
@@ -71,28 +70,27 @@
     "@chakra-ui/cli": "3.37.0",
     "@chakra-ui/react": "3.37.0",
     "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.1",
     "@figma-export/cli": "^6.4.1",
     "@figma-export/output-components-as-svg": "^6.4.1",
     "@figma-export/transform-svg-with-svgo": "^6.4.1",
     "@google-cloud/storage": "^8.2.0",
-    "@storybook/addon-docs": "10.6.0",
-    "@storybook/addon-mcp": "10.6.0",
-    "@storybook/addon-themes": "10.6.0",
-    "@storybook/react-vite": "10.6.0",
+    "@storybook/addon-docs": "10.6.1",
+    "@storybook/addon-mcp": "10.6.1",
+    "@storybook/addon-themes": "10.6.1",
+    "@storybook/react-vite": "10.6.1",
     "@svgr/plugin-jsx": "^8.1.0",
-    "@types/node": "^26.6.2",
+    "@types/node": "^26.6.4",
     "@types/react": "^18.3.31",
     "@types/react-dom": "^18.3.7",
-    "@vitejs/plugin-react": "^6.1.1",
+    "@vitejs/plugin-react": "^6.1.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "release-it": "^21.1.0",
-    "storybook": "10.6.0",
+    "storybook": "10.6.1",
     "tsx": "^4.23.15",
     "typescript": "^6.0.3",
-    "vite": "^8.3.0",
-    "vite-plugin-dts": "^5.1.1",
+    "vite": "^8.3.3",
+    "vite-plugin-dts": "^5.1.2",
     "vite-plugin-svgr": "^5.2.0"
   },
   "dependencies": {

package/dist/components/BitkitFilter/BitkitFilter.context.d.ts

@@ -1,65 +0,0 @@
-import { SystemStyleObject } from '@chakra-ui/react/styled-system';
-import { FilterValue } from './BitkitFilter.utils';
-export interface FilterStatus {
-    /** Holds a selection — counted on the mobile "Filters" button. */
-    isActive: boolean;
-    /** Differs from its `resetValue` — shows "Clear filters". */
-    isDirty: boolean;
-}
-interface FilterContext {
-    /** The page is loading: the filters can't be opened or cleared. */
-    isDisabled: boolean;
-    /** Below the tablet breakpoint the filters render as fields in a full-screen dialog. */
-    isMobile: boolean;
-    register: (id: string, reset: () => void) => void;
-    setStatus: (id: string, status: FilterStatus) => void;
-    styles: Record<string, SystemStyleObject>;
-    unregister: (id: string) => void;
-}
-export declare const FilterContextProvider: import('react').Provider<FilterContext>, useFilterContext: () => FilterContext;
-/** What a filter inside `BitkitFilter.Add` tells it, to list itself in the "Add filter" menu. */
-export interface FilterAddEntry {
-    disabledReason?: string;
-    /** Has options to pick, or a search to find them. */
-    hasOptions: boolean;
-    /** Holds no value, so it is offered in the menu rather than shown as a chip. */
-    isEmpty: boolean;
-    label: string;
-}
-interface FilterAddContext {
-    /** The filter picked from the menu, whose panel is open. */
-    addingId?: string;
-    /** Moves focus to the "Add filter" button once it is enabled, e.g. after a chip is removed. */
-    focusTrigger: () => void;
-    /** The "Add filter" button: the panels anchor to it and hand focus back to it. */
-    getTrigger: () => HTMLElement | null;
-    register: (id: string, entry: FilterAddEntry) => void;
-    stopAdding: () => void;
-    unregister: (id: string) => void;
-}
-/** Set by `BitkitFilter.Add` around its filters: they render as removable chips, only while they hold a value. */
-export declare const FilterAddContextProvider: import('react').Provider<FilterAddContext | undefined>, useFilterAddContext: () => FilterAddContext | undefined;
-/**
- * Lists a filter in its `BitkitFilter.Add` menu, wherever it sits in the tree, so a filter wrapped in
- * a consumer component is listed too. Returns nothing outside `Add`.
- */
-export declare const useFilterAddItem: ({ disabledReason, hasOptions, isEmpty, label }: FilterAddEntry) => {
-    isAdding: boolean;
-    /** The filter picked from the menu, whose panel is open. */
-    addingId?: string;
-    /** Moves focus to the "Add filter" button once it is enabled, e.g. after a chip is removed. */
-    focusTrigger: () => void;
-    /** The "Add filter" button: the panels anchor to it and hand focus back to it. */
-    getTrigger: () => HTMLElement | null;
-    register: (id: string, entry: FilterAddEntry) => void;
-    stopAdding: () => void;
-    unregister: (id: string) => void;
-} | undefined;
-/**
- * Registers a filter with the root, which shows "Clear filters" while any filter differs from its
- * `resetValue` and hands each one its `resetValue` back when clicked, and counts the active ones.
- */
-export declare const useFilterRegistration: <T extends FilterValue>(value: T, resetValue: T, onValueChange: (value: T) => void, 
-/** Off for the search, which sits outside the mobile dialog the count describes. */
-isCounted?: boolean) => void;
-export {};

package/dist/components/BitkitFilter/BitkitFilter.context.js

@@ -1,82 +0,0 @@
-import { isEmptyFilterValue, isEqualFilterValue } from "./BitkitFilter.utils.js";
-import { useEffect, useId, useRef } from "react";
-import { createContext as createContext$1 } from "@chakra-ui/react";
-//#region lib/components/BitkitFilter/BitkitFilter.context.ts
-var [FilterContextProvider, useFilterContext] = createContext$1({
-	hookName: "useFilterContext",
-	name: "FilterContext",
-	providerName: "<BitkitFilter />"
-});
-/** Set by `BitkitFilter.Add` around its filters: they render as removable chips, only while they hold a value. */
-var [FilterAddContextProvider, useFilterAddContext] = createContext$1({
-	name: "FilterAddContext",
-	strict: false
-});
-/**
-* Lists a filter in its `BitkitFilter.Add` menu, wherever it sits in the tree, so a filter wrapped in
-* a consumer component is listed too. Returns nothing outside `Add`.
-*/
-var useFilterAddItem = ({ disabledReason, hasOptions, isEmpty, label }) => {
-	const add = useFilterAddContext();
-	const id = useId();
-	const register = add?.register;
-	const unregister = add?.unregister;
-	useEffect(() => {
-		register?.(id, {
-			disabledReason,
-			hasOptions,
-			isEmpty,
-			label
-		});
-	}, [
-		disabledReason,
-		hasOptions,
-		id,
-		isEmpty,
-		label,
-		register
-	]);
-	useEffect(() => () => unregister?.(id), [id, unregister]);
-	if (!add) return void 0;
-	return {
-		...add,
-		isAdding: add.addingId === id
-	};
-};
-/**
-* Registers a filter with the root, which shows "Clear filters" while any filter differs from its
-* `resetValue` and hands each one its `resetValue` back when clicked, and counts the active ones.
-*/
-var useFilterRegistration = (value, resetValue, onValueChange, isCounted = true) => {
-	const { register, setStatus, unregister } = useFilterContext();
-	const id = useId();
-	const resetRef = useRef(() => onValueChange(resetValue));
-	useEffect(() => {
-		resetRef.current = () => onValueChange(resetValue);
-	});
-	useEffect(() => {
-		register(id, () => resetRef.current());
-		return () => unregister(id);
-	}, [
-		id,
-		register,
-		unregister
-	]);
-	const isDirty = !isEqualFilterValue(value, resetValue);
-	const isActive = isCounted && !isEmptyFilterValue(value);
-	useEffect(() => {
-		setStatus(id, {
-			isActive,
-			isDirty
-		});
-	}, [
-		id,
-		isActive,
-		isDirty,
-		setStatus
-	]);
-};
-//#endregion
-export { FilterAddContextProvider, FilterContextProvider, useFilterAddContext, useFilterAddItem, useFilterContext, useFilterRegistration };
-
-//# sourceMappingURL=BitkitFilter.context.js.map

package/dist/components/BitkitFilter/BitkitFilter.context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitFilter.context.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilter.context.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { createContext } from '@chakra-ui/react';\nimport { type SystemStyleObject } from '@chakra-ui/react/styled-system';\nimport { useEffect, useId, useRef } from 'react';\n\nimport { type FilterValue, isEmptyFilterValue, isEqualFilterValue } from './BitkitFilter.utils';\n\nexport interface FilterStatus {\n  /** Holds a selection — counted on the mobile \"Filters\" button. */\n  isActive: boolean;\n  /** Differs from its `resetValue` — shows \"Clear filters\". */\n  isDirty: boolean;\n}\n\ninterface FilterContext {\n  /** The page is loading: the filters can't be opened or cleared. */\n  isDisabled: boolean;\n  /** Below the tablet breakpoint the filters render as fields in a full-screen dialog. */\n  isMobile: boolean;\n  register: (id: string, reset: () => void) => void;\n  setStatus: (id: string, status: FilterStatus) => void;\n  styles: Record<string, SystemStyleObject>;\n  unregister: (id: string) => void;\n}\n\nexport const [FilterContextProvider, useFilterContext] = createContext<FilterContext>({\n  hookName: 'useFilterContext',\n  name: 'FilterContext',\n  providerName: '<BitkitFilter />',\n});\n\n/** What a filter inside `BitkitFilter.Add` tells it, to list itself in the \"Add filter\" menu. */\nexport interface FilterAddEntry {\n  disabledReason?: string;\n  /** Has options to pick, or a search to find them. */\n  hasOptions: boolean;\n  /** Holds no value, so it is offered in the menu rather than shown as a chip. */\n  isEmpty: boolean;\n  label: string;\n}\n\ninterface FilterAddContext {\n  /** The filter picked from the menu, whose panel is open. */\n  addingId?: string;\n  /** Moves focus to the \"Add filter\" button once it is enabled, e.g. after a chip is removed. */\n  focusTrigger: () => void;\n  /** The \"Add filter\" button: the panels anchor to it and hand focus back to it. */\n  getTrigger: () => HTMLElement | null;\n  register: (id: string, entry: FilterAddEntry) => void;\n  stopAdding: () => void;\n  unregister: (id: string) => void;\n}\n\n/** Set by `BitkitFilter.Add` around its filters: they render as removable chips, only while they hold a value. */\nexport const [FilterAddContextProvider, useFilterAddContext] = createContext<FilterAddContext | undefined>({\n  name: 'FilterAddContext',\n  strict: false,\n});\n\n/**\n * Lists a filter in its `BitkitFilter.Add` menu, wherever it sits in the tree, so a filter wrapped in\n * a consumer component is listed too. Returns nothing outside `Add`.\n */\nexport const useFilterAddItem = ({ disabledReason, hasOptions, isEmpty, label }: FilterAddEntry) => {\n  const add = useFilterAddContext();\n  const id = useId();\n  const register = add?.register;\n  const unregister = add?.unregister;\n\n  useEffect(() => {\n    register?.(id, { disabledReason, hasOptions, isEmpty, label });\n  }, [disabledReason, hasOptions, id, isEmpty, label, register]);\n\n  useEffect(() => () => unregister?.(id), [id, unregister]);\n\n  if (!add) return undefined;\n  return { ...add, isAdding: add.addingId === id };\n};\n\n/**\n * Registers a filter with the root, which shows \"Clear filters\" while any filter differs from its\n * `resetValue` and hands each one its `resetValue` back when clicked, and counts the active ones.\n */\nexport const useFilterRegistration = <T extends FilterValue>(\n  value: T,\n  resetValue: T,\n  onValueChange: (value: T) => void,\n  /** Off for the search, which sits outside the mobile dialog the count describes. */\n  isCounted = true,\n) => {\n  const { register, setStatus, unregister } = useFilterContext();\n  const id = useId();\n  const resetRef = useRef(() => onValueChange(resetValue));\n  useEffect(() => {\n    resetRef.current = () => onValueChange(resetValue);\n  });\n\n  useEffect(() => {\n    register(id, () => resetRef.current());\n    return () => unregister(id);\n  }, [id, register, unregister]);\n\n  const isDirty = !isEqualFilterValue(value, resetValue);\n  const isActive = isCounted && !isEmptyFilterValue(value);\n  useEffect(() => {\n    setStatus(id, { isActive, isDirty });\n  }, [id, isActive, isDirty, setStatus]);\n};\n"],"mappings":";;;;AAyBA,IAAa,CAAC,uBAAuB,oBAAoB,gBAA6B;CACpF,UAAU;CACV,MAAM;CACN,cAAc;AAChB,CAAC;;AAyBD,IAAa,CAAC,0BAA0B,uBAAuB,gBAA4C;CACzG,MAAM;CACN,QAAQ;AACV,CAAC;;;;;AAMD,IAAa,oBAAoB,EAAE,gBAAgB,YAAY,SAAS,YAA4B;CAClG,MAAM,MAAM,oBAAoB;CAChC,MAAM,KAAK,MAAM;CACjB,MAAM,WAAW,KAAK;CACtB,MAAM,aAAa,KAAK;CAExB,gBAAgB;EACd,WAAW,IAAI;GAAE;GAAgB;GAAY;GAAS;EAAM,CAAC;CAC/D,GAAG;EAAC;EAAgB;EAAY;EAAI;EAAS;EAAO;CAAQ,CAAC;CAE7D,sBAAsB,aAAa,EAAE,GAAG,CAAC,IAAI,UAAU,CAAC;CAExD,IAAI,CAAC,KAAK,OAAO,KAAA;CACjB,OAAO;EAAE,GAAG;EAAK,UAAU,IAAI,aAAa;CAAG;AACjD;;;;;AAMA,IAAa,yBACX,OACA,YACA,eAEA,YAAY,SACT;CACH,MAAM,EAAE,UAAU,WAAW,eAAe,iBAAiB;CAC7D,MAAM,KAAK,MAAM;CACjB,MAAM,WAAW,aAAa,cAAc,UAAU,CAAC;CACvD,gBAAgB;EACd,SAAS,gBAAgB,cAAc,UAAU;CACnD,CAAC;CAED,gBAAgB;EACd,SAAS,UAAU,SAAS,QAAQ,CAAC;EACrC,aAAa,WAAW,EAAE;CAC5B,GAAG;EAAC;EAAI;EAAU;CAAU,CAAC;CAE7B,MAAM,UAAU,CAAC,mBAAmB,OAAO,UAAU;CACrD,MAAM,WAAW,aAAa,CAAC,mBAAmB,KAAK;CACvD,gBAAgB;EACd,UAAU,IAAI;GAAE;GAAU;EAAQ,CAAC;CACrC,GAAG;EAAC;EAAI;EAAU;EAAS;CAAS,CAAC;AACvC"}