@bitrise/bitkit-v2 0.3.477-beta.3030 → 0.3.478-beta.3034

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (135) hide show
  1. package/dist/components/BitkitCalendar/BitkitCalendar.d.ts +12 -0
  2. package/dist/components/BitkitCalendar/BitkitCalendar.js +7 -1
  3. package/dist/components/BitkitCalendar/BitkitCalendar.js.map +1 -1
  4. package/dist/components/BitkitCalendar/components/CalendarContent.d.ts +5 -1
  5. package/dist/components/BitkitCalendar/components/CalendarContent.js +60 -43
  6. package/dist/components/BitkitCalendar/components/CalendarContent.js.map +1 -1
  7. package/dist/components/BitkitCalendar/components/CalendarMonth.d.ts +4 -2
  8. package/dist/components/BitkitCalendar/components/CalendarMonth.js +15 -5
  9. package/dist/components/BitkitCalendar/components/CalendarMonth.js.map +1 -1
  10. package/dist/components/BitkitCalendar/components/CalendarMonthSelect.d.ts +2 -1
  11. package/dist/components/BitkitCalendar/components/CalendarMonthSelect.js +3 -2
  12. package/dist/components/BitkitCalendar/components/CalendarMonthSelect.js.map +1 -1
  13. package/dist/components/BitkitCalendar/components/CalendarNextTrigger.d.ts +3 -1
  14. package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js +3 -3
  15. package/dist/components/BitkitCalendar/components/CalendarNextTrigger.js.map +1 -1
  16. package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.d.ts +3 -1
  17. package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js +3 -3
  18. package/dist/components/BitkitCalendar/components/CalendarPrevTrigger.js.map +1 -1
  19. package/dist/components/BitkitCalendar/components/CalendarSelect.d.ts +1 -0
  20. package/dist/components/BitkitCalendar/components/CalendarSelect.js +5 -3
  21. package/dist/components/BitkitCalendar/components/CalendarSelect.js.map +1 -1
  22. package/dist/components/BitkitCalendar/components/CalendarYearSelect.d.ts +2 -1
  23. package/dist/components/BitkitCalendar/components/CalendarYearSelect.js +3 -2
  24. package/dist/components/BitkitCalendar/components/CalendarYearSelect.js.map +1 -1
  25. package/dist/components/BitkitDatePicker/BitkitDatePicker.d.ts +2 -0
  26. package/dist/components/BitkitDatePicker/BitkitDatePicker.js +2 -1
  27. package/dist/components/BitkitDatePicker/BitkitDatePicker.js.map +1 -1
  28. package/dist/components/BitkitFilter/BitkitFilter.context.d.ts +65 -0
  29. package/dist/components/BitkitFilter/BitkitFilter.context.js +82 -0
  30. package/dist/components/BitkitFilter/BitkitFilter.context.js.map +1 -0
  31. package/dist/components/BitkitFilter/BitkitFilter.d.ts +55 -0
  32. package/dist/components/BitkitFilter/BitkitFilter.js +247 -0
  33. package/dist/components/BitkitFilter/BitkitFilter.js.map +1 -0
  34. package/dist/components/BitkitFilter/BitkitFilter.utils.d.ts +18 -0
  35. package/dist/components/BitkitFilter/BitkitFilter.utils.js +42 -0
  36. package/dist/components/BitkitFilter/BitkitFilter.utils.js.map +1 -0
  37. package/dist/components/BitkitFilter/BitkitFilterAdd.d.ts +18 -0
  38. package/dist/components/BitkitFilter/BitkitFilterAdd.js +200 -0
  39. package/dist/components/BitkitFilter/BitkitFilterAdd.js.map +1 -0
  40. package/dist/components/BitkitFilter/BitkitFilterDateRange.d.ts +26 -0
  41. package/dist/components/BitkitFilter/BitkitFilterDateRange.js +118 -0
  42. package/dist/components/BitkitFilter/BitkitFilterDateRange.js.map +1 -0
  43. package/dist/components/BitkitFilter/BitkitFilterSearch.d.ts +23 -0
  44. package/dist/components/BitkitFilter/BitkitFilterSearch.js +72 -0
  45. package/dist/components/BitkitFilter/BitkitFilterSearch.js.map +1 -0
  46. package/dist/components/BitkitFilter/BitkitFilterSelect.d.ts +61 -0
  47. package/dist/components/BitkitFilter/BitkitFilterSelect.js +149 -0
  48. package/dist/components/BitkitFilter/BitkitFilterSelect.js.map +1 -0
  49. package/dist/components/BitkitFilter/BitkitFilterSwitch.d.ts +28 -0
  50. package/dist/components/BitkitFilter/BitkitFilterSwitch.js +87 -0
  51. package/dist/components/BitkitFilter/BitkitFilterSwitch.js.map +1 -0
  52. package/dist/components/BitkitFilter/components/FilterChip.d.ts +23 -0
  53. package/dist/components/BitkitFilter/components/FilterChip.js +66 -0
  54. package/dist/components/BitkitFilter/components/FilterChip.js.map +1 -0
  55. package/dist/components/BitkitFilter/components/FilterField.d.ts +15 -0
  56. package/dist/components/BitkitFilter/components/FilterField.js +60 -0
  57. package/dist/components/BitkitFilter/components/FilterField.js.map +1 -0
  58. package/dist/components/BitkitFilter/components/FilterPanel.d.ts +42 -0
  59. package/dist/components/BitkitFilter/components/FilterPanel.js +126 -0
  60. package/dist/components/BitkitFilter/components/FilterPanel.js.map +1 -0
  61. package/dist/components/BitkitFilter/components/FilterSearchInput.d.ts +15 -0
  62. package/dist/components/BitkitFilter/components/FilterSearchInput.js +41 -0
  63. package/dist/components/BitkitFilter/components/FilterSearchInput.js.map +1 -0
  64. package/dist/components/BitkitFilter/components/FilterSelectForm.d.ts +45 -0
  65. package/dist/components/BitkitFilter/components/FilterSelectForm.js +324 -0
  66. package/dist/components/BitkitFilter/components/FilterSelectForm.js.map +1 -0
  67. package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.d.ts +4 -3
  68. package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js +3 -2
  69. package/dist/components/BitkitLabelTooltip/BitkitLabelTooltip.js.map +1 -1
  70. package/dist/components/BitkitMarkdown/BitkitMarkdown.js +1 -1
  71. package/dist/components/BitkitNoteCard/BitkitNoteCard.js +1 -1
  72. package/dist/components/BitkitSteps/BitkitSteps.d.ts +2 -0
  73. package/dist/components/BitkitSteps/BitkitSteps.js +9 -4
  74. package/dist/components/BitkitSteps/BitkitSteps.js.map +1 -1
  75. package/dist/components/index.d.ts +6 -1
  76. package/dist/main.js +8 -9
  77. package/dist/theme/recipes/index.d.ts +525 -0
  78. package/dist/theme/recipes/index.js +1 -3
  79. package/dist/theme/recipes/index.js.map +1 -1
  80. package/dist/theme/slot-recipes/DatePicker.recipe.d.ts +15 -0
  81. package/dist/theme/slot-recipes/DatePicker.recipe.js +72 -22
  82. package/dist/theme/slot-recipes/DatePicker.recipe.js.map +1 -1
  83. package/dist/theme/slot-recipes/DatePickerSelect.recipe.d.ts +85 -0
  84. package/dist/theme/slot-recipes/DatePickerSelect.recipe.js +35 -10
  85. package/dist/theme/slot-recipes/DatePickerSelect.recipe.js.map +1 -1
  86. package/dist/theme/slot-recipes/Filter.recipe.d.ts +37 -0
  87. package/dist/theme/slot-recipes/Filter.recipe.js +649 -0
  88. package/dist/theme/slot-recipes/Filter.recipe.js.map +1 -0
  89. package/dist/theme/slot-recipes/Listbox.recipe.d.ts +22 -0
  90. package/dist/theme/slot-recipes/Listbox.recipe.js +92 -0
  91. package/dist/theme/slot-recipes/Listbox.recipe.js.map +1 -0
  92. package/dist/theme/slot-recipes/Menu.recipe.js +6 -1
  93. package/dist/theme/slot-recipes/Menu.recipe.js.map +1 -1
  94. package/dist/theme/slot-recipes/Steps.recipe.js +1 -1
  95. package/dist/theme/slot-recipes/Steps.recipe.js.map +1 -1
  96. package/dist/theme/slot-recipes/Tag.recipe.d.ts +1 -1
  97. package/dist/theme/slot-recipes/index.d.ts +158 -2
  98. package/dist/theme/slot-recipes/index.js +4 -2
  99. package/dist/theme/slot-recipes/index.js.map +1 -1
  100. package/dist/theme/themeUtils.d.ts +0 -6
  101. package/dist/theme/themeUtils.js +1 -7
  102. package/dist/theme/themeUtils.js.map +1 -1
  103. package/dist/utilities/BitkitPortalContext.js +3 -2
  104. package/dist/utilities/BitkitPortalContext.js.map +1 -1
  105. package/docs/v1-to-v2-migration-guide.md +48 -1
  106. package/package.json +1 -1
  107. package/dist/components/BitkitUIHeader/BitkitUIHeader.d.ts +0 -37
  108. package/dist/components/BitkitUIHeader/BitkitUIHeader.js +0 -99
  109. package/dist/components/BitkitUIHeader/BitkitUIHeader.js.map +0 -1
  110. package/dist/components/BitkitUIHeader/BitriseLogo.d.ts +0 -10
  111. package/dist/components/BitkitUIHeader/BitriseLogo.js +0 -86
  112. package/dist/components/BitkitUIHeader/BitriseLogo.js.map +0 -1
  113. package/dist/components/BitkitUIHeader/UIHeaderAccount.d.ts +0 -22
  114. package/dist/components/BitkitUIHeader/UIHeaderAccount.js +0 -38
  115. package/dist/components/BitkitUIHeader/UIHeaderAccount.js.map +0 -1
  116. package/dist/components/BitkitUIHeader/UIHeaderButton.d.ts +0 -33
  117. package/dist/components/BitkitUIHeader/UIHeaderButton.js +0 -41
  118. package/dist/components/BitkitUIHeader/UIHeaderButton.js.map +0 -1
  119. package/dist/components/BitkitUIHeader/UIHeaderContext.d.ts +0 -13
  120. package/dist/components/BitkitUIHeader/UIHeaderContext.js +0 -11
  121. package/dist/components/BitkitUIHeader/UIHeaderContext.js.map +0 -1
  122. package/dist/components/BitkitUIHeader/UIHeaderControl.d.ts +0 -67
  123. package/dist/components/BitkitUIHeader/UIHeaderControl.js +0 -65
  124. package/dist/components/BitkitUIHeader/UIHeaderControl.js.map +0 -1
  125. package/dist/components/BitkitUIHeader/UIHeaderNavButton.d.ts +0 -20
  126. package/dist/components/BitkitUIHeader/UIHeaderNavButton.js +0 -46
  127. package/dist/components/BitkitUIHeader/UIHeaderNavButton.js.map +0 -1
  128. package/dist/components/BitkitUIHeader/UIHeaderSearch.d.ts +0 -32
  129. package/dist/components/BitkitUIHeader/UIHeaderSearch.js +0 -107
  130. package/dist/components/BitkitUIHeader/UIHeaderSearch.js.map +0 -1
  131. package/dist/theme/recipes/UIHeaderButton.recipe.js +0 -103
  132. package/dist/theme/recipes/UIHeaderButton.recipe.js.map +0 -1
  133. package/dist/theme/slot-recipes/UIHeader.recipe.d.ts +0 -3
  134. package/dist/theme/slot-recipes/UIHeader.recipe.js +0 -229
  135. package/dist/theme/slot-recipes/UIHeader.recipe.js.map +0 -1
@@ -12,12 +12,13 @@ export type BitkitLabelTooltipProps = {
12
12
  disablePortal?: boolean;
13
13
  /** Where the tooltip sits relative to the trigger (default `top`). It flips if space is short. */
14
14
  placement?: NonNullable<TooltipRootProps['positioning']>['placement'];
15
- /** The label. Keep it to a couple of words — this is a name, not an explanation. */
15
+ /** The label. Keep it to a few words — a name or a short hint, not an explanation. */
16
16
  text: string;
17
17
  };
18
18
  /**
19
- * Names a control that shows no text of its own, typically an icon button. Small, tight and
20
- * semibold, in contrast to `BitkitTooltip`, which explains rather than labels.
19
+ * Names a control that shows no text of its own, typically an icon button, or says in a few words
20
+ * what a control takes, e.g. what a search field matches. Small, tight and semibold, in contrast to
21
+ * `BitkitTooltip`, which explains rather than labels.
21
22
  *
22
23
  * Note this only *describes* the trigger to sighted users — it does not give it an accessible name.
23
24
  * An icon-only control still needs its own `aria-label`.
@@ -5,8 +5,9 @@ import { Portal } from "@chakra-ui/react/portal";
5
5
  import { Tooltip } from "@chakra-ui/react/tooltip";
6
6
  //#region lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx
7
7
  /**
8
- * Names a control that shows no text of its own, typically an icon button. Small, tight and
9
- * semibold, in contrast to `BitkitTooltip`, which explains rather than labels.
8
+ * Names a control that shows no text of its own, typically an icon button, or says in a few words
9
+ * what a control takes, e.g. what a search field matches. Small, tight and semibold, in contrast to
10
+ * `BitkitTooltip`, which explains rather than labels.
10
11
  *
11
12
  * Note this only *describes* the trigger to sighted users — it does not give it an accessible name.
12
13
  * An icon-only control still needs its own `aria-label`.
@@ -1 +1 @@
1
- {"version":3,"file":"BitkitLabelTooltip.js","names":[],"sources":["../../../lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx"],"sourcesContent":["import { Portal } from '@chakra-ui/react/portal';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode, type Ref, useContext, useRef } from 'react';\n\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\n\nexport type BitkitLabelTooltipProps = {\n /** The control the tooltip labels. Rendered via `asChild`, so it must accept a ref. */\n children: ReactNode;\n /** Render the trigger without a tooltip — for labels that only apply in some states. */\n disabled?: TooltipRootProps['disabled'];\n /**\n * Render the tooltip inline instead of in a portal. Only needed when it must stay inside its\n * parent's DOM subtree — a dialog already sets this for you.\n */\n disablePortal?: boolean;\n /** Where the tooltip sits relative to the trigger (default `top`). It flips if space is short. */\n placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n /** The label. Keep it to a couple of words — this is a name, not an explanation. */\n text: string;\n};\n\n/**\n * Names a control that shows no text of its own, typically an icon button. Small, tight and\n * semibold, in contrast to `BitkitTooltip`, which explains rather than labels.\n *\n * Note this only *describes* the trigger to sighted users — it does not give it an accessible name.\n * An icon-only control still needs its own `aria-label`.\n *\n * The content renders in a portal so it escapes ancestors that trap stacking or clip overflow.\n * Dialogs turn that off through `BitkitPortalContext`; `disablePortal` is the manual override.\n */\nconst BitkitLabelTooltip = ({\n children,\n disablePortal,\n disabled,\n placement = 'top',\n text,\n}: BitkitLabelTooltipProps) => {\n const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);\n\n // Anchor positioning to the trigger node by ref rather than relying on Zag's\n // id/data-scope lookup. When the trigger is also wrapped by another `asChild`\n // trigger (e.g. Menu.Trigger, Dialog.CloseTrigger), the outer trigger's id and\n // data-scope/data-part overwrite ours on the shared node, so `getTriggerEl()`\n // can't find it and the tooltip loses its anchor. `getAnchorElement` takes\n // precedence over the id lookup, so this is safe in the standalone case too.\n const triggerRef = useRef<HTMLElement>(null);\n\n return (\n <Tooltip.Root\n disabled={disabled}\n paddingSize=\"sm\"\n positioning={{ getAnchorElement: () => triggerRef.current, placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n textStyle=\"sm/semibold\"\n >\n <Tooltip.Trigger ref={triggerRef as Ref<HTMLButtonElement>} asChild>\n {children}\n </Tooltip.Trigger>\n <Portal disabled={disablePortal || disablePortalFromContext}>\n <Tooltip.Positioner>\n <Tooltip.Content>{text}</Tooltip.Content>\n </Tooltip.Positioner>\n </Portal>\n </Tooltip.Root>\n );\n};\n\nBitkitLabelTooltip.displayName = 'BitkitLabelTooltip';\n\nexport default BitkitLabelTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;AAgCA,IAAM,sBAAsB,EAC1B,UACA,eACA,UACA,YAAY,OACZ,WAC6B;CAC7B,MAAM,EAAE,eAAe,6BAA6B,WAAW,mBAAmB;CAQlF,MAAM,aAAa,OAAoB,IAAI;CAE3C,OACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE,wBAAwB,WAAW;GAAS;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;GAAE;EAAE;EAC5G,WAAU;EAJZ,UAAA,CAME,oBAAC,QAAQ,SAAT;GAAiB,KAAK;GAAsC,SAAA;GACzD;EACc,CAAA,GACjB,oBAAC,QAAD;GAAQ,UAAU,iBAAiB;GACjC,UAAA,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT,EAAA,UAAkB,KAAsB,CAAA,EACtB,CAAA;EACd,CAAA,CACI;;AAElB;AAEA,mBAAmB,cAAc"}
1
+ {"version":3,"file":"BitkitLabelTooltip.js","names":[],"sources":["../../../lib/components/BitkitLabelTooltip/BitkitLabelTooltip.tsx"],"sourcesContent":["import { Portal } from '@chakra-ui/react/portal';\nimport { Tooltip, type TooltipRootProps } from '@chakra-ui/react/tooltip';\nimport { type ReactNode, type Ref, useContext, useRef } from 'react';\n\nimport BitkitPortalContext from '../../utilities/BitkitPortalContext';\n\nexport type BitkitLabelTooltipProps = {\n /** The control the tooltip labels. Rendered via `asChild`, so it must accept a ref. */\n children: ReactNode;\n /** Render the trigger without a tooltip — for labels that only apply in some states. */\n disabled?: TooltipRootProps['disabled'];\n /**\n * Render the tooltip inline instead of in a portal. Only needed when it must stay inside its\n * parent's DOM subtree — a dialog already sets this for you.\n */\n disablePortal?: boolean;\n /** Where the tooltip sits relative to the trigger (default `top`). It flips if space is short. */\n placement?: NonNullable<TooltipRootProps['positioning']>['placement'];\n /** The label. Keep it to a few words — a name or a short hint, not an explanation. */\n text: string;\n};\n\n/**\n * Names a control that shows no text of its own, typically an icon button, or says in a few words\n * what a control takes, e.g. what a search field matches. Small, tight and semibold, in contrast to\n * `BitkitTooltip`, which explains rather than labels.\n *\n * Note this only *describes* the trigger to sighted users — it does not give it an accessible name.\n * An icon-only control still needs its own `aria-label`.\n *\n * The content renders in a portal so it escapes ancestors that trap stacking or clip overflow.\n * Dialogs turn that off through `BitkitPortalContext`; `disablePortal` is the manual override.\n */\nconst BitkitLabelTooltip = ({\n children,\n disablePortal,\n disabled,\n placement = 'top',\n text,\n}: BitkitLabelTooltipProps) => {\n const { disablePortal: disablePortalFromContext } = useContext(BitkitPortalContext);\n\n // Anchor positioning to the trigger node by ref rather than relying on Zag's\n // id/data-scope lookup. When the trigger is also wrapped by another `asChild`\n // trigger (e.g. Menu.Trigger, Dialog.CloseTrigger), the outer trigger's id and\n // data-scope/data-part overwrite ours on the shared node, so `getTriggerEl()`\n // can't find it and the tooltip loses its anchor. `getAnchorElement` takes\n // precedence over the id lookup, so this is safe in the standalone case too.\n const triggerRef = useRef<HTMLElement>(null);\n\n return (\n <Tooltip.Root\n disabled={disabled}\n paddingSize=\"sm\"\n positioning={{ getAnchorElement: () => triggerRef.current, placement, offset: { mainAxis: 4, crossAxis: 0 } }}\n textStyle=\"sm/semibold\"\n >\n <Tooltip.Trigger ref={triggerRef as Ref<HTMLButtonElement>} asChild>\n {children}\n </Tooltip.Trigger>\n <Portal disabled={disablePortal || disablePortalFromContext}>\n <Tooltip.Positioner>\n <Tooltip.Content>{text}</Tooltip.Content>\n </Tooltip.Positioner>\n </Portal>\n </Tooltip.Root>\n );\n};\n\nBitkitLabelTooltip.displayName = 'BitkitLabelTooltip';\n\nexport default BitkitLabelTooltip;\n"],"mappings":";;;;;;;;;;;;;;;;;AAiCA,IAAM,sBAAsB,EAC1B,UACA,eACA,UACA,YAAY,OACZ,WAC6B;CAC7B,MAAM,EAAE,eAAe,6BAA6B,WAAW,mBAAmB;CAQlF,MAAM,aAAa,OAAoB,IAAI;CAE3C,OACE,qBAAC,QAAQ,MAAT;EACY;EACV,aAAY;EACZ,aAAa;GAAE,wBAAwB,WAAW;GAAS;GAAW,QAAQ;IAAE,UAAU;IAAG,WAAW;GAAE;EAAE;EAC5G,WAAU;EAJZ,UAAA,CAME,oBAAC,QAAQ,SAAT;GAAiB,KAAK;GAAsC,SAAA;GACzD;EACc,CAAA,GACjB,oBAAC,QAAD;GAAQ,UAAU,iBAAiB;GACjC,UAAA,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT,EAAA,UAAkB,KAAsB,CAAA,EACtB,CAAA;EACd,CAAA,CACI;;AAElB;AAEA,mBAAmB,cAAc"}
@@ -1,7 +1,7 @@
1
1
  import BitkitCodeSnippet from "../BitkitCodeSnippet/BitkitCodeSnippet.js";
2
+ import BitkitList_default from "../BitkitList/BitkitList.js";
2
3
  import BitkitHeading from "../BitkitHeading/BitkitHeading.js";
3
4
  import BitkitLink from "../BitkitLink/BitkitLink.js";
4
- import BitkitList_default from "../BitkitList/BitkitList.js";
5
5
  import { getTextContent } from "../../utilities/getTextContent.js";
6
6
  import { chakra, useSlotRecipe } from "@chakra-ui/react/styled-system";
7
7
  import { forwardRef } from "react";
@@ -3,8 +3,8 @@ import IconChevronDown from "../../icons/IconChevronDown.js";
3
3
  import IconChevronUp from "../../icons/IconChevronUp.js";
4
4
  import { ICON_COMPONENTS_MAP } from "../common/notificationMaps.js";
5
5
  import BitkitButton from "../BitkitButton/BitkitButton.js";
6
- import BitkitLinkButton from "../BitkitLinkButton/BitkitLinkButton.js";
7
6
  import BitkitList_default from "../BitkitList/BitkitList.js";
7
+ import BitkitLinkButton from "../BitkitLinkButton/BitkitLinkButton.js";
8
8
  import { Box } from "@chakra-ui/react/box";
9
9
  import { useSlotRecipe } from "@chakra-ui/react/styled-system";
10
10
  import { forwardRef, useState } from "react";
@@ -11,6 +11,8 @@ export interface BitkitStepsProps extends Omit<StepsRootProps, 'children' | 'cou
11
11
  * The collapse is a CSS media query, so narrowing a wrapper does not trigger it.
12
12
  */
13
13
  orientation?: 'horizontal' | 'vertical';
14
+ /** The step whose label is emphasized; defaults to `step`. */
15
+ selectedStep?: number;
14
16
  step?: number;
15
17
  }
16
18
  export interface BitkitStepsItemProps {
@@ -41,9 +41,10 @@ var renderLabel = (label, action) => {
41
41
  });
42
42
  };
43
43
  var BitkitSteps = forwardRef((props, ref) => {
44
- const { children, orientation = "horizontal", step: stepProp, ...rest } = props;
44
+ const { children, orientation = "horizontal", selectedStep, step: stepProp, ...rest } = props;
45
45
  const stepCardCtx = useStepCardContext();
46
46
  const step = stepProp ?? stepCardCtx?.step ?? 0;
47
+ const selected = selectedStep ?? step;
47
48
  const count = Children.count(children);
48
49
  return /* @__PURE__ */ jsx(Steps.Root, {
49
50
  ref,
@@ -53,17 +54,20 @@ var BitkitSteps = forwardRef((props, ref) => {
53
54
  orientation,
54
55
  step,
55
56
  children: /* @__PURE__ */ jsx(Steps.List, { children: Children.map(children, (child, index) => {
56
- if (isValidElement(child)) return cloneElement(child, { _index: index });
57
+ if (isValidElement(child)) return cloneElement(child, {
58
+ _index: index,
59
+ _selected: index === selected
60
+ });
57
61
  return child;
58
62
  }) })
59
63
  });
60
64
  });
61
65
  BitkitSteps.displayName = "BitkitSteps";
62
66
  var BitkitStepsItem = forwardRef((props, ref) => {
63
- const { _index = 0, action, helperText, label, state } = props;
67
+ const { _index = 0, _selected = false, action, helperText, label, state } = props;
64
68
  const styles = useStepsStyles();
65
69
  const status = getEffectiveStatus(state, _index, useStepsContext().value);
66
- const resolvedAction = status === "completed" ? action : void 0;
70
+ const resolvedAction = (status === "completed" || status === "inProgress") && !_selected ? action : void 0;
67
71
  const statusAttr = { "data-step-status": status };
68
72
  return /* @__PURE__ */ jsxs(Steps.Item, {
69
73
  ...statusAttr,
@@ -78,6 +82,7 @@ var BitkitStepsItem = forwardRef((props, ref) => {
78
82
  css: styles.trigger,
79
83
  children: [/* @__PURE__ */ jsx(Steps.Title, {
80
84
  ...statusAttr,
85
+ "data-selected": _selected || void 0,
81
86
  children: renderLabel(label, resolvedAction)
82
87
  }), helperText && /* @__PURE__ */ jsx(Steps.Description, {
83
88
  ...statusAttr,
@@ -1 +1 @@
1
- {"version":3,"file":"BitkitSteps.js","names":[],"sources":["../../../lib/components/BitkitSteps/BitkitSteps.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Steps, type StepsRootProps, useStepsContext, useStepsStyles } from '@chakra-ui/react/steps';\nimport { Children, cloneElement, forwardRef, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport IconCheck from '../../icons/IconCheck';\nimport IconSkip from '../../icons/IconSkip';\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport { useStepCardContext } from '../BitkitStepsCard/StepCardContext';\n\nexport type BitkitStepsItemState = 'disabled' | 'invalid' | 'skippable';\n\ntype EffectiveStatus = 'completed' | 'disabled' | 'inProgress' | 'invalid' | 'notStarted' | 'skippable' | 'skipped';\n\nconst getEffectiveStatus = (\n itemState: BitkitStepsItemState | undefined,\n index: number,\n step: number,\n): EffectiveStatus => {\n if (itemState === 'disabled') return 'disabled';\n if (itemState === 'invalid') return 'invalid';\n if (itemState === 'skippable') return index < step ? 'skipped' : 'skippable';\n if (index < step) return 'completed';\n if (index === step) return 'inProgress';\n return 'notStarted';\n};\n\nconst renderIndicatorContent = (index: number, status: EffectiveStatus) => {\n if (status === 'completed') return <IconCheck size=\"16\" />;\n if (status === 'skippable' || status === 'skipped') return <IconSkip size=\"16\" />;\n if (status === 'invalid') return '!';\n return index + 1;\n};\n\nconst renderLabel = (label: string, action: BitkitStepsItemProps['action']) => {\n if (!action) return label;\n\n // Links don't look like links at rest — only the underline + purple color on hover reveals\n // them. Intentional: this is a power-user affordance on the step title. The base Link recipe\n // already adds the underline on hover; we only need to swap the color.\n if (action.href) {\n return (\n <Link\n _hover={{ color: 'text/link' }}\n href={action.href}\n onClick={action.onClick}\n rel={action.isExternal ? 'noopener noreferrer' : undefined}\n target={action.isExternal ? '_blank' : undefined}\n >\n {label}\n </Link>\n );\n }\n\n return (\n <Link _hover={{ color: 'text/link' }} as=\"button\" onClick={action.onClick} type=\"button\">\n {label}\n </Link>\n );\n};\n\nexport interface BitkitStepsProps extends Omit<\n StepsRootProps,\n 'children' | 'count' | 'linear' | 'orientation' | 'step'\n> {\n children: ReactNode;\n /**\n * `horizontal` is a row of steps from `tablet` (848px) up and stacks into the `vertical` layout\n * below it, where a row has no room — the `StepsCard - mobile` frame's header is this collapsed\n * state. `vertical` stays vertical at every width.\n *\n * The collapse is a CSS media query, so narrowing a wrapper does not trigger it.\n */\n orientation?: 'horizontal' | 'vertical';\n step?: number;\n}\n\nconst BitkitSteps = forwardRef<HTMLDivElement, BitkitStepsProps>((props, ref) => {\n const { children, orientation = 'horizontal', step: stepProp, ...rest } = props;\n const stepCardCtx = useStepCardContext();\n const step = stepProp ?? stepCardCtx?.step ?? 0;\n const count = Children.count(children);\n\n return (\n <Steps.Root ref={ref} {...rest} count={count} linear={false} orientation={orientation} step={step}>\n <Steps.List>\n {Children.map(children, (child, index) => {\n if (isValidElement(child)) {\n return cloneElement(child as ReactElement<BitkitStepsItemInternalProps>, { _index: index });\n }\n return child;\n })}\n </Steps.List>\n </Steps.Root>\n );\n});\n\nBitkitSteps.displayName = 'BitkitSteps';\n\nexport interface BitkitStepsItemProps {\n action?: {\n href?: string;\n isExternal?: boolean;\n onClick?: () => void;\n };\n /**\n * A second line under the label. It belongs to the stacked layout: a `vertical` list shows it at\n * every width, a `horizontal` one only below `tablet`, where it has collapsed into that layout.\n */\n helperText?: ReactNode;\n label: string;\n state?: BitkitStepsItemState;\n}\n\ninterface BitkitStepsItemInternalProps extends BitkitStepsItemProps {\n _index?: number;\n}\n\nconst BitkitStepsItem = forwardRef<HTMLDivElement, BitkitStepsItemProps>((props, ref) => {\n const { _index = 0, action, helperText, label, state } = props as BitkitStepsItemInternalProps;\n\n const styles = useStepsStyles();\n const stepsCtx = useStepsContext();\n const status = getEffectiveStatus(state, _index, stepsCtx.value);\n const resolvedAction = status === 'completed' ? action : undefined;\n const statusAttr = { 'data-step-status': status };\n\n return (\n <Steps.Item {...statusAttr} index={_index} ref={ref}>\n <Steps.Indicator {...statusAttr}>{renderIndicatorContent(_index, status)}</Steps.Indicator>\n <Box css={styles.trigger}>\n <Steps.Title {...statusAttr}>{renderLabel(label, resolvedAction)}</Steps.Title>\n {helperText && <Steps.Description {...statusAttr}>{helperText}</Steps.Description>}\n </Box>\n <Steps.Separator />\n </Steps.Item>\n );\n});\n\nBitkitStepsItem.displayName = 'BitkitStepsItem';\n\nexport default withSubComponents(BitkitSteps, { Item: BitkitStepsItem });\n"],"mappings":";;;;;;;;;;AAcA,IAAM,sBACJ,WACA,OACA,SACoB;CACpB,IAAI,cAAc,YAAY,OAAO;CACrC,IAAI,cAAc,WAAW,OAAO;CACpC,IAAI,cAAc,aAAa,OAAO,QAAQ,OAAO,YAAY;CACjE,IAAI,QAAQ,MAAM,OAAO;CACzB,IAAI,UAAU,MAAM,OAAO;CAC3B,OAAO;AACT;AAEA,IAAM,0BAA0B,OAAe,WAA4B;CACzE,IAAI,WAAW,aAAa,OAAO,oBAAC,WAAD,EAAW,MAAK,KAAM,CAAA;CACzD,IAAI,WAAW,eAAe,WAAW,WAAW,OAAO,oBAAC,UAAD,EAAU,MAAK,KAAM,CAAA;CAChF,IAAI,WAAW,WAAW,OAAO;CACjC,OAAO,QAAQ;AACjB;AAEA,IAAM,eAAe,OAAe,WAA2C;CAC7E,IAAI,CAAC,QAAQ,OAAO;CAKpB,IAAI,OAAO,MACT,OACE,oBAAC,MAAD;EACE,QAAQ,EAAE,OAAO,YAAY;EAC7B,MAAM,OAAO;EACb,SAAS,OAAO;EAChB,KAAK,OAAO,aAAa,wBAAwB,KAAA;EACjD,QAAQ,OAAO,aAAa,WAAW,KAAA;EAEtC,UAAA;CACG,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,QAAQ,EAAE,OAAO,YAAY;EAAG,IAAG;EAAS,SAAS,OAAO;EAAS,MAAK;EAC7E,UAAA;CACG,CAAA;AAEV;AAkBA,IAAM,cAAc,YAA8C,OAAO,QAAQ;CAC/E,MAAM,EAAE,UAAU,cAAc,cAAc,MAAM,UAAU,GAAG,SAAS;CAC1E,MAAM,cAAc,mBAAmB;CACvC,MAAM,OAAO,YAAY,aAAa,QAAQ;CAC9C,MAAM,QAAQ,SAAS,MAAM,QAAQ;CAErC,OACE,oBAAC,MAAM,MAAP;EAAiB;EAAK,GAAI;EAAa;EAAO,QAAQ;EAAoB;EAAmB;EAC3F,UAAA,oBAAC,MAAM,MAAP,EAAA,UACG,SAAS,IAAI,WAAW,OAAO,UAAU;GACxC,IAAI,eAAe,KAAK,GACtB,OAAO,aAAa,OAAqD,EAAE,QAAQ,MAAM,CAAC;GAE5F,OAAO;EACT,CAAC,EACS,CAAA;CACF,CAAA;AAEhB,CAAC;AAED,YAAY,cAAc;AAqB1B,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EAAE,SAAS,GAAG,QAAQ,YAAY,OAAO,UAAU;CAEzD,MAAM,SAAS,eAAe;CAE9B,MAAM,SAAS,mBAAmB,OAAO,QADxB,gBACgC,CAAA,CAAS,KAAK;CAC/D,MAAM,iBAAiB,WAAW,cAAc,SAAS,KAAA;CACzD,MAAM,aAAa,EAAE,oBAAoB,OAAO;CAEhD,OACE,qBAAC,MAAM,MAAP;EAAY,GAAI;EAAY,OAAO;EAAa;EAAhD,UAAA;GACE,oBAAC,MAAM,WAAP;IAAiB,GAAI;IAAa,UAAA,uBAAuB,QAAQ,MAAM;GAAmB,CAAA;GAC1F,qBAAC,KAAD;IAAK,KAAK,OAAO;IAAjB,UAAA,CACE,oBAAC,MAAM,OAAP;KAAa,GAAI;KAAa,UAAA,YAAY,OAAO,cAAc;IAAe,CAAA,GAC7E,cAAc,oBAAC,MAAM,aAAP;KAAmB,GAAI;KAAa,UAAA;IAA8B,CAAA,CAC9E;;GACL,oBAAC,MAAM,WAAP,CAAkB,CAAA;EACR;;AAEhB,CAAC;AAED,gBAAgB,cAAc;AAE9B,IAAA,sBAAe,kBAAkB,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"BitkitSteps.js","names":[],"sources":["../../../lib/components/BitkitSteps/BitkitSteps.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Link } from '@chakra-ui/react/link';\nimport { Steps, type StepsRootProps, useStepsContext, useStepsStyles } from '@chakra-ui/react/steps';\nimport { Children, cloneElement, forwardRef, isValidElement, type ReactElement, type ReactNode } from 'react';\n\nimport IconCheck from '../../icons/IconCheck';\nimport IconSkip from '../../icons/IconSkip';\nimport { withSubComponents } from '../../utilities/withSubComponents';\nimport { useStepCardContext } from '../BitkitStepsCard/StepCardContext';\n\nexport type BitkitStepsItemState = 'disabled' | 'invalid' | 'skippable';\n\ntype EffectiveStatus = 'completed' | 'disabled' | 'inProgress' | 'invalid' | 'notStarted' | 'skippable' | 'skipped';\n\nconst getEffectiveStatus = (\n itemState: BitkitStepsItemState | undefined,\n index: number,\n step: number,\n): EffectiveStatus => {\n if (itemState === 'disabled') return 'disabled';\n if (itemState === 'invalid') return 'invalid';\n if (itemState === 'skippable') return index < step ? 'skipped' : 'skippable';\n if (index < step) return 'completed';\n if (index === step) return 'inProgress';\n return 'notStarted';\n};\n\nconst renderIndicatorContent = (index: number, status: EffectiveStatus) => {\n if (status === 'completed') return <IconCheck size=\"16\" />;\n if (status === 'skippable' || status === 'skipped') return <IconSkip size=\"16\" />;\n if (status === 'invalid') return '!';\n return index + 1;\n};\n\nconst renderLabel = (label: string, action: BitkitStepsItemProps['action']) => {\n if (!action) return label;\n\n // Links don't look like links at rest — only the underline + purple color on hover reveals\n // them. Intentional: this is a power-user affordance on the step title. The base Link recipe\n // already adds the underline on hover; we only need to swap the color.\n if (action.href) {\n return (\n <Link\n _hover={{ color: 'text/link' }}\n href={action.href}\n onClick={action.onClick}\n rel={action.isExternal ? 'noopener noreferrer' : undefined}\n target={action.isExternal ? '_blank' : undefined}\n >\n {label}\n </Link>\n );\n }\n\n return (\n <Link _hover={{ color: 'text/link' }} as=\"button\" onClick={action.onClick} type=\"button\">\n {label}\n </Link>\n );\n};\n\nexport interface BitkitStepsProps extends Omit<\n StepsRootProps,\n 'children' | 'count' | 'linear' | 'orientation' | 'step'\n> {\n children: ReactNode;\n /**\n * `horizontal` is a row of steps from `tablet` (848px) up and stacks into the `vertical` layout\n * below it, where a row has no room — the `StepsCard - mobile` frame's header is this collapsed\n * state. `vertical` stays vertical at every width.\n *\n * The collapse is a CSS media query, so narrowing a wrapper does not trigger it.\n */\n orientation?: 'horizontal' | 'vertical';\n /** The step whose label is emphasized; defaults to `step`. */\n selectedStep?: number;\n step?: number;\n}\n\nconst BitkitSteps = forwardRef<HTMLDivElement, BitkitStepsProps>((props, ref) => {\n const { children, orientation = 'horizontal', selectedStep, step: stepProp, ...rest } = props;\n const stepCardCtx = useStepCardContext();\n const step = stepProp ?? stepCardCtx?.step ?? 0;\n const selected = selectedStep ?? step;\n const count = Children.count(children);\n\n return (\n <Steps.Root ref={ref} {...rest} count={count} linear={false} orientation={orientation} step={step}>\n <Steps.List>\n {Children.map(children, (child, index) => {\n if (isValidElement(child)) {\n return cloneElement(child as ReactElement<BitkitStepsItemInternalProps>, {\n _index: index,\n _selected: index === selected,\n });\n }\n return child;\n })}\n </Steps.List>\n </Steps.Root>\n );\n});\n\nBitkitSteps.displayName = 'BitkitSteps';\n\nexport interface BitkitStepsItemProps {\n action?: {\n href?: string;\n isExternal?: boolean;\n onClick?: () => void;\n };\n /**\n * A second line under the label. It belongs to the stacked layout: a `vertical` list shows it at\n * every width, a `horizontal` one only below `tablet`, where it has collapsed into that layout.\n */\n helperText?: ReactNode;\n label: string;\n state?: BitkitStepsItemState;\n}\n\ninterface BitkitStepsItemInternalProps extends BitkitStepsItemProps {\n _index?: number;\n _selected?: boolean;\n}\n\nconst BitkitStepsItem = forwardRef<HTMLDivElement, BitkitStepsItemProps>((props, ref) => {\n const { _index = 0, _selected = false, action, helperText, label, state } = props as BitkitStepsItemInternalProps;\n\n const styles = useStepsStyles();\n const stepsCtx = useStepsContext();\n const status = getEffectiveStatus(state, _index, stepsCtx.value);\n const isReached = status === 'completed' || status === 'inProgress';\n const resolvedAction = isReached && !_selected ? action : undefined;\n const statusAttr = { 'data-step-status': status };\n\n return (\n <Steps.Item {...statusAttr} index={_index} ref={ref}>\n <Steps.Indicator {...statusAttr}>{renderIndicatorContent(_index, status)}</Steps.Indicator>\n <Box css={styles.trigger}>\n <Steps.Title {...statusAttr} data-selected={_selected || undefined}>\n {renderLabel(label, resolvedAction)}\n </Steps.Title>\n {helperText && <Steps.Description {...statusAttr}>{helperText}</Steps.Description>}\n </Box>\n <Steps.Separator />\n </Steps.Item>\n );\n});\n\nBitkitStepsItem.displayName = 'BitkitStepsItem';\n\nexport default withSubComponents(BitkitSteps, { Item: BitkitStepsItem });\n"],"mappings":";;;;;;;;;;AAcA,IAAM,sBACJ,WACA,OACA,SACoB;CACpB,IAAI,cAAc,YAAY,OAAO;CACrC,IAAI,cAAc,WAAW,OAAO;CACpC,IAAI,cAAc,aAAa,OAAO,QAAQ,OAAO,YAAY;CACjE,IAAI,QAAQ,MAAM,OAAO;CACzB,IAAI,UAAU,MAAM,OAAO;CAC3B,OAAO;AACT;AAEA,IAAM,0BAA0B,OAAe,WAA4B;CACzE,IAAI,WAAW,aAAa,OAAO,oBAAC,WAAD,EAAW,MAAK,KAAM,CAAA;CACzD,IAAI,WAAW,eAAe,WAAW,WAAW,OAAO,oBAAC,UAAD,EAAU,MAAK,KAAM,CAAA;CAChF,IAAI,WAAW,WAAW,OAAO;CACjC,OAAO,QAAQ;AACjB;AAEA,IAAM,eAAe,OAAe,WAA2C;CAC7E,IAAI,CAAC,QAAQ,OAAO;CAKpB,IAAI,OAAO,MACT,OACE,oBAAC,MAAD;EACE,QAAQ,EAAE,OAAO,YAAY;EAC7B,MAAM,OAAO;EACb,SAAS,OAAO;EAChB,KAAK,OAAO,aAAa,wBAAwB,KAAA;EACjD,QAAQ,OAAO,aAAa,WAAW,KAAA;EAEtC,UAAA;CACG,CAAA;CAIV,OACE,oBAAC,MAAD;EAAM,QAAQ,EAAE,OAAO,YAAY;EAAG,IAAG;EAAS,SAAS,OAAO;EAAS,MAAK;EAC7E,UAAA;CACG,CAAA;AAEV;AAoBA,IAAM,cAAc,YAA8C,OAAO,QAAQ;CAC/E,MAAM,EAAE,UAAU,cAAc,cAAc,cAAc,MAAM,UAAU,GAAG,SAAS;CACxF,MAAM,cAAc,mBAAmB;CACvC,MAAM,OAAO,YAAY,aAAa,QAAQ;CAC9C,MAAM,WAAW,gBAAgB;CACjC,MAAM,QAAQ,SAAS,MAAM,QAAQ;CAErC,OACE,oBAAC,MAAM,MAAP;EAAiB;EAAK,GAAI;EAAa;EAAO,QAAQ;EAAoB;EAAmB;EAC3F,UAAA,oBAAC,MAAM,MAAP,EAAA,UACG,SAAS,IAAI,WAAW,OAAO,UAAU;GACxC,IAAI,eAAe,KAAK,GACtB,OAAO,aAAa,OAAqD;IACvE,QAAQ;IACR,WAAW,UAAU;GACvB,CAAC;GAEH,OAAO;EACT,CAAC,EACS,CAAA;CACF,CAAA;AAEhB,CAAC;AAED,YAAY,cAAc;AAsB1B,IAAM,kBAAkB,YAAkD,OAAO,QAAQ;CACvF,MAAM,EAAE,SAAS,GAAG,YAAY,OAAO,QAAQ,YAAY,OAAO,UAAU;CAE5E,MAAM,SAAS,eAAe;CAE9B,MAAM,SAAS,mBAAmB,OAAO,QADxB,gBACgC,CAAA,CAAS,KAAK;CAE/D,MAAM,kBADY,WAAW,eAAe,WAAW,iBACnB,CAAC,YAAY,SAAS,KAAA;CAC1D,MAAM,aAAa,EAAE,oBAAoB,OAAO;CAEhD,OACE,qBAAC,MAAM,MAAP;EAAY,GAAI;EAAY,OAAO;EAAa;EAAhD,UAAA;GACE,oBAAC,MAAM,WAAP;IAAiB,GAAI;IAAa,UAAA,uBAAuB,QAAQ,MAAM;GAAmB,CAAA;GAC1F,qBAAC,KAAD;IAAK,KAAK,OAAO;IAAjB,UAAA,CACE,oBAAC,MAAM,OAAP;KAAa,GAAI;KAAY,iBAAe,aAAa,KAAA;KACtD,UAAA,YAAY,OAAO,cAAc;IACvB,CAAA,GACZ,cAAc,oBAAC,MAAM,aAAP;KAAmB,GAAI;KAAa,UAAA;IAA8B,CAAA,CAC9E;;GACL,oBAAC,MAAM,WAAP,CAAkB,CAAA;EACR;;AAEhB,CAAC;AAED,gBAAgB,cAAc;AAE9B,IAAA,sBAAe,kBAAkB,aAAa,EAAE,MAAM,gBAAgB,CAAC"}
@@ -28,6 +28,12 @@ export { default as BitkitEmptyState, type BitkitEmptyStateProps } from './Bitki
28
28
  export { default as BitkitExpandableCard, type BitkitExpandableCardProps, } from './BitkitExpandableCard/BitkitExpandableCard';
29
29
  export { default as BitkitField, type BitkitFieldProps } from './BitkitField/BitkitField';
30
30
  export { default as BitkitFileInput, type BitkitFileInputProps } from './BitkitFileInput/BitkitFileInput';
31
+ export { default as BitkitFilter, type BitkitFilterProps } from './BitkitFilter/BitkitFilter';
32
+ export { type BitkitFilterAddProps } from './BitkitFilter/BitkitFilterAdd';
33
+ export { type BitkitFilterDateRangeProps, type BitkitFilterDateRangeValue } from './BitkitFilter/BitkitFilterDateRange';
34
+ export { type BitkitFilterSearchProps } from './BitkitFilter/BitkitFilterSearch';
35
+ export { type BitkitFilterSelectItem, type BitkitFilterSelectProps } from './BitkitFilter/BitkitFilterSelect';
36
+ export { type BitkitFilterSwitchItem, type BitkitFilterSwitchProps } from './BitkitFilter/BitkitFilterSwitch';
31
37
  export { default as BitkitGroupHeading, type BitkitGroupHeadingProps } from './BitkitGroupHeading/BitkitGroupHeading';
32
38
  export { default as BitkitHeading, type BitkitHeadingProps } from './BitkitHeading/BitkitHeading';
33
39
  export { default as BitkitIconButton, type BitkitIconButtonProps } from './BitkitIconButton/BitkitIconButton';
@@ -94,6 +100,5 @@ export { default as BitkitToggletip, type BitkitToggletipProps } from './BitkitT
94
100
  export { default as BitkitTooltip, type BitkitTooltipProps } from './BitkitTooltip/BitkitTooltip';
95
101
  export { default as BitkitTour, type BitkitTourInstance, type BitkitTourOptions, type BitkitTourProps, type BitkitTourSecondaryAction, type BitkitTourStep, useBitkitTour, } from './BitkitTour/BitkitTour';
96
102
  export { default as BitkitTreeView, type BitkitTreeViewBranchProps, type BitkitTreeViewExpandedChangeDetails, type BitkitTreeViewLeafProps, type BitkitTreeViewNodeRenderProps, type BitkitTreeViewRootProps, type BitkitTreeViewSelectionChangeDetails, createTreeCollection, } from './BitkitTreeView/BitkitTreeView';
97
- export { default as BitkitUIHeader, type BitkitUIHeaderAccountProps, type BitkitUIHeaderButtonProps, type BitkitUIHeaderControlAsAnchorProps, type BitkitUIHeaderControlAsButtonProps, type BitkitUIHeaderControlProps, type BitkitUIHeaderNavButtonProps, type BitkitUIHeaderProps, type BitkitUIHeaderSearchProps, uiHeaderHeight, } from './BitkitUIHeader/BitkitUIHeader';
98
103
  export { default as BitkitUISideNav, type BitkitUISideNavBodyProps, type BitkitUISideNavFooterHeadingProps, type BitkitUISideNavFooterProps, type BitkitUISideNavItemProps, type BitkitUISideNavLinkAsAnchorProps, type BitkitUISideNavLinkAsButtonProps, type BitkitUISideNavLinkProps, type BitkitUISideNavProps, type BitkitUISideNavWorkspaceProps, type BitkitUISideNavWorkspaceSelectorProps, uiSideNavRailWidth, } from './BitkitUISideNav/BitkitUISideNav';
99
104
  export { useUISideNav } from './BitkitUISideNav/UISideNavContext';
package/dist/main.js CHANGED
@@ -306,8 +306,8 @@ import BitkitBadge from "./components/BitkitBadge/BitkitBadge.js";
306
306
  import BitkitControlButton from "./components/BitkitControlButton/BitkitControlButton.js";
307
307
  import BitkitBreadcrumb from "./components/BitkitBreadcrumb/BitkitBreadcrumb.js";
308
308
  import BitkitButton from "./components/BitkitButton/BitkitButton.js";
309
- import BitkitGroupHeading from "./components/BitkitGroupHeading/BitkitGroupHeading.js";
310
309
  import BitkitTooltip from "./components/BitkitTooltip/BitkitTooltip.js";
310
+ import BitkitGroupHeading from "./components/BitkitGroupHeading/BitkitGroupHeading.js";
311
311
  import BitkitSelectMenuAction from "./components/BitkitSelectMenu/BitkitSelectMenuAction.js";
312
312
  import BitkitSelectMenu from "./components/BitkitSelectMenu/BitkitSelectMenu.js";
313
313
  import BitkitCalendar from "./components/BitkitCalendar/BitkitCalendar.js";
@@ -332,14 +332,18 @@ import BitkitDrawer from "./components/BitkitDrawer/BitkitDrawer.js";
332
332
  import BitkitEmptyState from "./components/BitkitEmptyState/BitkitEmptyState.js";
333
333
  import BitkitExpandableCard from "./components/BitkitExpandableCard/BitkitExpandableCard.js";
334
334
  import BitkitFileInput from "./components/BitkitFileInput/BitkitFileInput.js";
335
+ import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
336
+ import BitkitInlineLoading from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
337
+ import BitkitList_default from "./components/BitkitList/BitkitList.js";
338
+ import BitkitTextInput from "./components/BitkitTextInput/BitkitTextInput.js";
339
+ import BitkitSearchInput from "./components/BitkitSearchInput/BitkitSearchInput.js";
340
+ import BitkitFilter_default from "./components/BitkitFilter/BitkitFilter.js";
335
341
  import BitkitHeading from "./components/BitkitHeading/BitkitHeading.js";
336
342
  import BitkitIconButton from "./components/BitkitIconButton/BitkitIconButton.js";
337
- import BitkitInlineLoading from "./components/BitkitInlineLoading/BitkitInlineLoading.js";
338
343
  import BitkitLabeledData from "./components/BitkitLabeledData/BitkitLabeledData.js";
339
344
  import BitkitLightbox from "./components/BitkitLightbox/BitkitLightbox.js";
340
345
  import BitkitLink from "./components/BitkitLink/BitkitLink.js";
341
346
  import BitkitLinkButton from "./components/BitkitLinkButton/BitkitLinkButton.js";
342
- import BitkitList_default from "./components/BitkitList/BitkitList.js";
343
347
  import BitkitMarkdown from "./components/BitkitMarkdown/BitkitMarkdown.js";
344
348
  import BitkitMarkdownCard from "./components/BitkitMarkdownCard/BitkitMarkdownCard.js";
345
349
  import BitkitMultiselectMenu from "./components/BitkitMultiselectMenu/BitkitMultiselectMenu.js";
@@ -361,8 +365,6 @@ import BitkitPromoBanner from "./components/BitkitPromoBanner/BitkitPromoBanner.
361
365
  import BitkitRadio from "./components/BitkitRadio/BitkitRadio.js";
362
366
  import BitkitRadioGroup from "./components/BitkitRadioGroup/BitkitRadioGroup.js";
363
367
  import BitkitRibbon from "./components/BitkitRibbon/BitkitRibbon.js";
364
- import BitkitTextInput from "./components/BitkitTextInput/BitkitTextInput.js";
365
- import BitkitSearchInput from "./components/BitkitSearchInput/BitkitSearchInput.js";
366
368
  import BitkitSectionHeading from "./components/BitkitSectionHeading/BitkitSectionHeading.js";
367
369
  import BitkitSegmentedControl_default from "./components/BitkitSegmentedControl/BitkitSegmentedControl.js";
368
370
  import BitkitSelect_default from "./components/BitkitSelect/BitkitSelect.js";
@@ -383,12 +385,9 @@ import createBitkitToast, { dismissBitkitToast } from "./components/BitkitToast/
383
385
  import BitkitToggleButton from "./components/BitkitToggleButton/BitkitToggleButton.js";
384
386
  import BitkitTour, { useBitkitTour } from "./components/BitkitTour/BitkitTour.js";
385
387
  import BitkitTreeView, { createTreeCollection } from "./components/BitkitTreeView/BitkitTreeView.js";
386
- import { uiHeaderHeight } from "./theme/slot-recipes/UIHeader.recipe.js";
387
- import BitkitUIHeader_default from "./components/BitkitUIHeader/BitkitUIHeader.js";
388
- import useResponsive, { ResponsiveProvider } from "./hooks/useResponsive.js";
389
388
  import { useUISideNav } from "./components/BitkitUISideNav/UISideNavContext.js";
390
389
  import { uiSideNavRailWidth } from "./theme/slot-recipes/UISideNav.recipe.js";
391
390
  import BitkitUISideNav_default from "./components/BitkitUISideNav/BitkitUISideNav.js";
392
391
  import bitkitTheme from "./theme/index.js";
393
392
  import Provider from "./providers/BitkitProvider.js";
394
- export { BitkitAccordion_default as BitkitAccordion, BitkitActionBar, BitkitActionMenu_default as BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitField, BitkitFileInput, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPageHeader, BitkitPageSidebar_default as BitkitPageSidebar, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSkeletonGroup, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitStepsDialog_default as BitkitStepsDialog, BitkitSwitch, BitkitTable, BitkitTableCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitToggletip, BitkitTooltip, BitkitTour, BitkitTreeView, BitkitUIHeader_default as BitkitUIHeader, BitkitUISideNav_default as BitkitUISideNav, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopilot, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCursor, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFile, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKiroColor, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMcp, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPin, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTabPlus, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTerminalFilled, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUnpin, IconUpload, IconValidateShield, IconVideo, IconVsCode, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWindsurf, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, uiHeaderHeight, uiSideNavRailWidth, useBitkitTour, useResponsive, useStepsDialog, useUISideNav };
393
+ export { BitkitAccordion_default as BitkitAccordion, BitkitActionBar, BitkitActionMenu_default as BitkitActionMenu, BitkitAlert, BitkitAvatar, BitkitBadge, BitkitBreadcrumb, BitkitButton, BitkitCalendar, BitkitCheckbox, BitkitCheckboxGroup, BitkitCloseButton, BitkitCodeSnippet, BitkitCollapsible, BitkitColorButton, BitkitCombobox_default as BitkitCombobox, BitkitControlButton, BitkitDataWidget, BitkitDatePicker, BitkitDefinitionTooltip, BitkitDialog_default as BitkitDialog, BitkitDraggableCard, BitkitDrawer, BitkitEmptyState, BitkitExpandableCard, BitkitField, BitkitFileInput, BitkitFilter_default as BitkitFilter, BitkitFormDialog_default as BitkitFormDialog, BitkitGroupHeading, BitkitHeading, BitkitIconButton, BitkitInlineLoading, BitkitLabel, BitkitLabelTooltip, BitkitLabeledData, BitkitLightbox, BitkitLink, BitkitLinkButton, BitkitList_default as BitkitList, BitkitMarkdown, BitkitMarkdownCard, BitkitMultiselect_default as BitkitMultiselect, BitkitMultiselectMenu, BitkitNativeSelect, BitkitNoteCard, BitkitNumberInput, BitkitOverflowContent, BitkitOverflowTooltip, BitkitPageFooter_default as BitkitPageFooter, BitkitPageHeader, BitkitPageSidebar_default as BitkitPageSidebar, BitkitPagination, BitkitPaginationLoadMore, BitkitPopover, BitkitProgressBar, BitkitPromoBanner, Provider as BitkitProvider, BitkitRadio, BitkitRadioGroup, BitkitRibbon, BitkitSearchInput, BitkitSectionHeading, BitkitSegmentedControl_default as BitkitSegmentedControl, BitkitSelect_default as BitkitSelect, BitkitSelectMenu, BitkitSelectMenuAction, BitkitSelectableTag_default as BitkitSelectableTag, BitkitSettingsCard_default as BitkitSettingsCard, BitkitSkeletonGroup, BitkitSpinner, BitkitSplitButton_default as BitkitSplitButton, BitkitStat, BitkitSteps_default as BitkitSteps, BitkitStepsCard_default as BitkitStepsCard, BitkitStepsDialog_default as BitkitStepsDialog, BitkitSwitch, BitkitTable, BitkitTableCard, BitkitTabs, BitkitTag, BitkitTagsInput, BitkitTextArea, BitkitTextInput, BitkitToggleButton, BitkitToggletip, BitkitTooltip, BitkitTour, BitkitTreeView, BitkitUISideNav_default as BitkitUISideNav, IconAbortCircle, IconAbortCircleFilled, IconAddons, IconAgent, IconAnchor, IconAndroid, IconApp, IconAppSettings, IconAppStore, IconAppStoreColor, IconApple, IconArchive, IconArchiveDelete, IconArchiveRestore, IconArrowBackAndDown, IconArrowBackAndUp, IconArrowDown, IconArrowForwardAndDown, IconArrowForwardAndUp, IconArrowLeft, IconArrowNortheast, IconArrowNorthwest, IconArrowRight, IconArrowUp, IconArrowsHorizontal, IconArrowsVertical, IconAutomation, IconAws, IconAwsColor, IconBadge3RdParty, IconBadgeBitrise, IconBadgeUpgrade, IconBadgeVersionOk, IconBazel, IconBell, IconBitbot, IconBitbotError, IconBitbucket, IconBitbucketColor, IconBitbucketNeutral, IconBitbucketWhite, IconBlockCircle, IconBook, IconBoxArrowDown, IconBoxDot, IconBoxLinesOverflow, IconBoxLinesWrap, IconBranch, IconBrowserstackColor, IconBug, IconBuild, IconBuildCache, IconBuildCacheFilled, IconBuildEnvSetup, IconBuildHub, IconBuildHubFilled, IconCalendar, IconChangePlan, IconChat, IconCheck, IconCheckCircle, IconCheckCircleFilled, IconChevronDown, IconChevronLeft, IconChevronRight, IconChevronUp, IconCi, IconCiFilled, IconCircle, IconCircleDashed, IconCircleHalfFilled, IconClaude, IconClaudeColor, IconClock, IconCode, IconCodePush, IconCodeSigning, IconCoffee, IconCommit, IconConfigure, IconConnectedAccounts, IconContainer, IconCopilot, IconCopy, IconCordova, IconCpu, IconCreditcard, IconCredits, IconCross, IconCrossCircle, IconCrossCircleFilled, IconCrown, IconCursor, IconCycle, IconDashboard, IconDashboardFilled, IconDeployment, IconDetails, IconDoc, IconDollar, IconDot, IconDotnet, IconDotnetColor, IconDotnetText, IconDotnetTextColor, IconDoubleCircle, IconDownload, IconDragHandle, IconEc2Ami, IconEnterprise, IconErrorCircle, IconErrorCircleFilled, IconExpand, IconExtraBuildCapacity, IconEye, IconEyeSlash, IconFastlane, IconFile, IconFileDoc, IconFilePdf, IconFilePlist, IconFileYml, IconFileZip, IconFilter, IconFlag, IconFlutter, IconFolder, IconFullscreen, IconFullscreenExit, IconGauge, IconGit, IconGithub, IconGitlab, IconGitlabColor, IconGitlabWhite, IconGlobe, IconGo, IconGoogleColor, IconGooglePlay, IconGooglePlayColor, IconGradle, IconGroup, IconHashtag, IconHeadset, IconHeart, IconHistory, IconHourglass, IconImage, IconInfoCircle, IconInfoCircleFilled, IconInsights, IconInsightsFilled, IconInstall, IconInteraction, IconInvoice, IconIonic, IconJapanese, IconJava, IconJavaColor, IconJavaDuke, IconJavaDukeColor, IconKey, IconKiroColor, IconKotlin, IconKotlinColor, IconKotlinWhite, IconLaptop, IconLaunchdarkly, IconLegacyApp, IconLightbulb, IconLink, IconLinux, IconLock, IconLockOpen, IconLogin, IconLogout, IconMacos, IconMagicWand, IconMagnifier, IconMail, IconMcp, IconMedal, IconMemory, IconMenuGrid, IconMenuHamburger, IconMessage, IconMessageAlert, IconMessageQuestion, IconMicrophone, IconMinus, IconMinusCircle, IconMinusCircleFilled, IconMobile, IconMobileLandscape, IconMonitorChart, IconMoreHorizontal, IconMoreVertical, IconNews, IconNextjs, IconNodejs, IconOpenInNew, IconOther, IconOutsideContributor, IconOverview, IconPause, IconPencil, IconPeople, IconPercent, IconPerson, IconPersonWithDesk, IconPin, IconPlay, IconPlus, IconPlusCircle, IconPlusCircleFilled, IconPower, IconProject, IconProjectSettings, IconPull, IconPush, IconPuzzle, IconPython, IconPythonColor, IconQuestionCircle, IconQuestionCircleFilled, IconReact, IconRefresh, IconRegex, IconRelease, IconReleaseFilled, IconRemoteAccess, IconReplace, IconResponsiveness, IconReviewerApproved, IconReviewerAssigned, IconReviewerRejected, IconRuby, IconRubyColor, IconSave, IconSecurityShield, IconSettings, IconSettingsFilled, IconShuffle, IconSiren, IconSkip, IconSkipCircle, IconSkipCircleFilled, IconSlack, IconSlackColor, IconSparkle, IconSparkleFilled, IconSpinnerOnDisabled, IconSpinnerPurple, IconSpinnerPurpleDouble, IconSpinnerWhite, IconStability, IconStack, IconStar, IconStep, IconStop, IconStopwatch, IconTabPlus, IconTag, IconTasks, IconTeams, IconTeamsColor, IconTemplateCode, IconTerminal, IconTerminalFilled, IconTestQuarantine, IconThemeDarkToggle, IconThumbDown, IconThumbUp, IconTools, IconTrash, IconTrigger, IconUbuntu, IconUbuntuColor, IconUnity3D, IconUnpin, IconUpload, IconValidateShield, IconVideo, IconVsCode, IconWarning, IconWarningYellow, IconWebUi, IconWebhooks, IconWindsurf, IconWorkflow, IconWorkflowFlow, IconXTwitter, IconXamarin, IconXcode, ResponsiveProvider, bitkitIcon, bitkitTheme as bitriseTheme, createBitkitToast, createTreeCollection, dismissBitkitToast, rem, uiSideNavRailWidth, useBitkitTour, useResponsive, useStepsDialog, useUISideNav };