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

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

@@ -1,23 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { ReactElement, ReactNode } from 'react';
-import { BitkitIconComponent } from '../../../icons';
-export interface FilterChipProps extends Omit<BoxProps, 'children'> {
-    /** Muted text before `value` — the filter's label (`Workflow:`), or the noun after a count. */
-    label?: string;
-    icon?: BitkitIconComponent;
-    /** Puts `label` after `value`, for a count: `2 Workflows`. */
-    labelAfter?: boolean;
-    /** Turns the chevron into a separate remove button. */
-    onRemove?: () => void;
-    /** Accessible name of the remove button. */
-    removeLabel?: string;
-    /**
-     * Wraps the chip's button in whatever opens its popover. Defaults to `Popover.Trigger`, so the
-     * chip must render inside a `Popover.Root` unless this is given.
-     */
-    renderTrigger?: (button: ReactElement) => ReactNode;
-    value: ReactNode;
-}
-/** The chip a filter shows in the bar: a button opening the filter's popover, and an optional remove button. */
-declare const FilterChip: import('react').ForwardRefExoticComponent<FilterChipProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default FilterChip;

package/dist/components/BitkitFilter/components/FilterChip.js

@@ -1,64 +0,0 @@
-import IconChevronDown from "../../../icons/IconChevronDown.js";
-import IconCross from "../../../icons/IconCross.js";
-import { useFilterContext } from "../BitkitFilter.context.js";
-import { Box } from "@chakra-ui/react/box";
-import { chakra } from "@chakra-ui/react/styled-system";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Text } from "@chakra-ui/react/text";
-import { Popover } from "@chakra-ui/react/popover";
-//#region lib/components/BitkitFilter/components/FilterChip.tsx
-var asPopoverTrigger = (button) => /* @__PURE__ */ jsx(Popover.Trigger, {
-	asChild: true,
-	children: button
-});
-/** The chip a filter shows in the bar: a button opening the filter's popover, and an optional remove button. */
-var FilterChip = forwardRef((props, ref) => {
-	const { css, icon: Icon, label, labelAfter, onRemove, removeLabel, renderTrigger = asPopoverTrigger, value, ...rest } = props;
-	const { isDisabled, styles } = useFilterContext();
-	const labelNode = label ? /* @__PURE__ */ jsx(Text, {
-		as: "span",
-		css: styles.chipLabel,
-		children: label
-	}) : null;
-	return /* @__PURE__ */ jsxs(Box, {
-		css: [styles.chip, css],
-		...rest,
-		children: [renderTrigger(/* @__PURE__ */ jsxs(chakra.button, {
-			"aria-disabled": isDisabled || void 0,
-			css: styles.chipTrigger,
-			ref,
-			type: "button",
-			children: [
-				!!Icon && /* @__PURE__ */ jsx(Icon, {
-					css: styles.chipIcon,
-					"data-chip-icon": true,
-					size: "16"
-				}),
-				!labelAfter && labelNode,
-				/* @__PURE__ */ jsx(Text, {
-					as: "span",
-					css: styles.chipValue,
-					children: value
-				}),
-				labelAfter && labelNode,
-				!onRemove && /* @__PURE__ */ jsx(IconChevronDown, {
-					css: styles.chipChevron,
-					size: "16"
-				})
-			]
-		})), !!onRemove && /* @__PURE__ */ jsx(chakra.button, {
-			"aria-label": removeLabel,
-			"aria-disabled": isDisabled || void 0,
-			css: styles.chipRemove,
-			onClick: isDisabled ? void 0 : onRemove,
-			type: "button",
-			children: /* @__PURE__ */ jsx(IconCross, { size: "16" })
-		})]
-	});
-});
-FilterChip.displayName = "FilterChip";
-//#endregion
-export { FilterChip as default };
-
-//# sourceMappingURL=FilterChip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FilterChip.js","names":[],"sources":["../../../../lib/components/BitkitFilter/components/FilterChip.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\nimport { Popover } from '@chakra-ui/react/popover';\n// `chakra.button`: the chip's two halves are bare buttons styled by the filter recipe; BitkitButton's\n// recipe would fight the chip's own border, height and hover.\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, type ReactElement, type ReactNode } from 'react';\n\nimport { type BitkitIconComponent, IconChevronDown, IconCross } from '../../../icons';\nimport { useFilterContext } from '../BitkitFilter.context';\n\nexport interface FilterChipProps extends Omit<BoxProps, 'children'> {\n  /** Muted text before `value` — the filter's label (`Workflow:`), or the noun after a count. */\n  label?: string;\n  icon?: BitkitIconComponent;\n  /** Puts `label` after `value`, for a count: `2 Workflows`. */\n  labelAfter?: boolean;\n  /** Turns the chevron into a separate remove button. */\n  onRemove?: () => void;\n  /** Accessible name of the remove button. */\n  removeLabel?: string;\n  /**\n   * Wraps the chip's button in whatever opens its popover. Defaults to `Popover.Trigger`, so the\n   * chip must render inside a `Popover.Root` unless this is given.\n   */\n  renderTrigger?: (button: ReactElement) => ReactNode;\n  value: ReactNode;\n}\n\nconst asPopoverTrigger = (button: ReactElement) => <Popover.Trigger asChild>{button}</Popover.Trigger>;\n\n/** The chip a filter shows in the bar: a button opening the filter's popover, and an optional remove button. */\nconst FilterChip = forwardRef<HTMLButtonElement, FilterChipProps>((props, ref) => {\n  const {\n    css,\n    icon: Icon,\n    label,\n    labelAfter,\n    onRemove,\n    removeLabel,\n    renderTrigger = asPopoverTrigger,\n    value,\n    ...rest\n  } = props;\n  const { isDisabled, styles } = useFilterContext();\n\n  const labelNode = label ? (\n    <Text as=\"span\" css={styles.chipLabel}>\n      {label}\n    </Text>\n  ) : null;\n\n  return (\n    <Box css={[styles.chip, css]} {...rest}>\n      {renderTrigger(\n        // `aria-disabled` while the page loads, not `disabled`: a focus handed to the chip has to stay on it.\n        // The panel ignores opening meanwhile.\n        <chakra.button aria-disabled={isDisabled || undefined} css={styles.chipTrigger} ref={ref} type=\"button\">\n          {!!Icon && <Icon css={styles.chipIcon} data-chip-icon size=\"16\" />}\n          {!labelAfter && labelNode}\n          <Text as=\"span\" css={styles.chipValue}>\n            {value}\n          </Text>\n          {labelAfter && labelNode}\n          {!onRemove && <IconChevronDown css={styles.chipChevron} size=\"16\" />}\n        </chakra.button>,\n      )}\n      {!!onRemove && (\n        <chakra.button\n          aria-label={removeLabel}\n          aria-disabled={isDisabled || undefined}\n          css={styles.chipRemove}\n          onClick={isDisabled ? undefined : onRemove}\n          type=\"button\"\n        >\n          <IconCross size=\"16\" />\n        </chakra.button>\n      )}\n    </Box>\n  );\n});\n\nFilterChip.displayName = 'FilterChip';\n\nexport default FilterChip;\n"],"mappings":";;;;;;;;;;AA6BA,IAAM,oBAAoB,WAAyB,oBAAC,QAAQ,SAAT;CAAiB,SAAA;CAAS,UAAA;AAAwB,CAAA;;AAGrG,IAAM,aAAa,YAAgD,OAAO,QAAQ;CAChF,MAAM,EACJ,KACA,MAAM,MACN,OACA,YACA,UACA,aACA,gBAAgB,kBAChB,OACA,GAAG,SACD;CACJ,MAAM,EAAE,YAAY,WAAW,iBAAiB;CAEhD,MAAM,YAAY,QAChB,oBAAC,MAAD;EAAM,IAAG;EAAO,KAAK,OAAO;EACzB,UAAA;CACG,CAAA,IACJ;CAEJ,OACE,qBAAC,KAAD;EAAK,KAAK,CAAC,OAAO,MAAM,GAAG;EAAG,GAAI;EAAlC,UAAA,CACG,cAGC,qBAAC,OAAO,QAAR;GAAe,iBAAe,cAAc,KAAA;GAAW,KAAK,OAAO;GAAkB;GAAK,MAAK;GAA/F,UAAA;IACG,CAAC,CAAC,QAAQ,oBAAC,MAAD;KAAM,KAAK,OAAO;KAAU,kBAAA;KAAe,MAAK;IAAM,CAAA;IAChE,CAAC,cAAc;IAChB,oBAAC,MAAD;KAAM,IAAG;KAAO,KAAK,OAAO;KACzB,UAAA;IACG,CAAA;IACL,cAAc;IACd,CAAC,YAAY,oBAAC,iBAAD;KAAiB,KAAK,OAAO;KAAa,MAAK;IAAM,CAAA;GACtD;EACjB,CAAA,CAAA,GACC,CAAC,CAAC,YACD,oBAAC,OAAO,QAAR;GACE,cAAY;GACZ,iBAAe,cAAc,KAAA;GAC7B,KAAK,OAAO;GACZ,SAAS,aAAa,KAAA,IAAY;GAClC,MAAK;GAEL,UAAA,oBAAC,WAAD,EAAW,MAAK,KAAM,CAAA;EACT,CAAA,CAEd;;AAET,CAAC;AAED,WAAW,cAAc"}

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

@@ -1,15 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { BitkitIconComponent } from '../../../icons';
-export interface FilterFieldProps extends Omit<BoxProps, 'children' | 'onClick'> {
-    icon?: BitkitIconComponent;
-    /** The view it opens is open. */
-    isOpen: boolean;
-    label: string;
-    onClick: () => void;
-    /** Turns the chevron into a separate remove button, for a filter added through "Add filter". */
-    onRemove?: () => void;
-    value: string;
-}
-/** A filter in the mobile filters dialog: its label, and a row showing its value that opens its view. */
-declare const FilterField: import('react').ForwardRefExoticComponent<FilterFieldProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default FilterField;

package/dist/components/BitkitFilter/components/FilterField.js

@@ -1,58 +0,0 @@
-import IconChevronRight from "../../../icons/IconChevronRight.js";
-import IconCross from "../../../icons/IconCross.js";
-import { useFilterContext } from "../BitkitFilter.context.js";
-import { Box } from "@chakra-ui/react/box";
-import { chakra } from "@chakra-ui/react/styled-system";
-import { forwardRef, useId } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Text } from "@chakra-ui/react/text";
-//#region lib/components/BitkitFilter/components/FilterField.tsx
-/** A filter in the mobile filters dialog: its label, and a row showing its value that opens its view. */
-var FilterField = forwardRef(({ css, icon: Icon, isOpen, label, onClick, onRemove, value, ...rest }, ref) => {
-	const { isDisabled, styles } = useFilterContext();
-	const labelId = useId();
-	const valueId = useId();
-	return /* @__PURE__ */ jsxs(Box, {
-		css: [styles.field, css],
-		...rest,
-		children: [/* @__PURE__ */ jsx(Text, {
-			css: styles.fieldLabel,
-			id: labelId,
-			children: label
-		}), /* @__PURE__ */ jsxs(Box, {
-			css: styles.fieldControl,
-			children: [/* @__PURE__ */ jsxs(chakra.button, {
-				"aria-expanded": isOpen,
-				"aria-haspopup": "dialog",
-				"aria-labelledby": `${labelId} ${valueId}`,
-				"aria-disabled": isDisabled || void 0,
-				css: styles.fieldTrigger,
-				onClick: isDisabled ? void 0 : onClick,
-				ref,
-				type: "button",
-				children: [
-					!!Icon && /* @__PURE__ */ jsx(Icon, { css: styles.fieldIcon }),
-					/* @__PURE__ */ jsx(Text, {
-						as: "span",
-						css: styles.fieldValue,
-						id: valueId,
-						children: value
-					}),
-					!onRemove && /* @__PURE__ */ jsx(IconChevronRight, { css: styles.fieldChevron })
-				]
-			}), !!onRemove && /* @__PURE__ */ jsx(chakra.button, {
-				"aria-label": `Remove ${label} filter`,
-				"aria-disabled": isDisabled || void 0,
-				css: styles.fieldRemove,
-				onClick: isDisabled ? void 0 : onRemove,
-				type: "button",
-				children: /* @__PURE__ */ jsx(IconCross, {})
-			})]
-		})]
-	});
-});
-FilterField.displayName = "FilterField";
-//#endregion
-export { FilterField as default };
-
-//# sourceMappingURL=FilterField.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FilterField.js","names":[],"sources":["../../../../lib/components/BitkitFilter/components/FilterField.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\n// `chakra.button`: like the desktop chip, the field's halves are bare buttons styled by the filter recipe.\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { Text } from '@chakra-ui/react/text';\nimport { forwardRef, useId } from 'react';\n\nimport { type BitkitIconComponent, IconChevronRight, IconCross } from '../../../icons';\nimport { useFilterContext } from '../BitkitFilter.context';\n\nexport interface FilterFieldProps extends Omit<BoxProps, 'children' | 'onClick'> {\n  icon?: BitkitIconComponent;\n  /** The view it opens is open. */\n  isOpen: boolean;\n  label: string;\n  onClick: () => void;\n  /** Turns the chevron into a separate remove button, for a filter added through \"Add filter\". */\n  onRemove?: () => void;\n  value: string;\n}\n\n/** A filter in the mobile filters dialog: its label, and a row showing its value that opens its view. */\nconst FilterField = forwardRef<HTMLButtonElement, FilterFieldProps>(\n  ({ css, icon: Icon, isOpen, label, onClick, onRemove, value, ...rest }, ref) => {\n    const { isDisabled, styles } = useFilterContext();\n    const labelId = useId();\n    const valueId = useId();\n\n    return (\n      <Box css={[styles.field, css]} {...rest}>\n        <Text css={styles.fieldLabel} id={labelId}>\n          {label}\n        </Text>\n        <Box css={styles.fieldControl}>\n          <chakra.button\n            aria-expanded={isOpen}\n            aria-haspopup=\"dialog\"\n            aria-labelledby={`${labelId} ${valueId}`}\n            // `aria-disabled` while the page loads, so a focus handed to the field stays on it.\n            aria-disabled={isDisabled || undefined}\n            css={styles.fieldTrigger}\n            onClick={isDisabled ? undefined : onClick}\n            ref={ref}\n            type=\"button\"\n          >\n            {!!Icon && <Icon css={styles.fieldIcon} />}\n            <Text as=\"span\" css={styles.fieldValue} id={valueId}>\n              {value}\n            </Text>\n            {!onRemove && <IconChevronRight css={styles.fieldChevron} />}\n          </chakra.button>\n          {!!onRemove && (\n            <chakra.button\n              aria-label={`Remove ${label} filter`}\n              aria-disabled={isDisabled || undefined}\n              css={styles.fieldRemove}\n              onClick={isDisabled ? undefined : onRemove}\n              type=\"button\"\n            >\n              <IconCross />\n            </chakra.button>\n          )}\n        </Box>\n      </Box>\n    );\n  },\n);\n\nFilterField.displayName = 'FilterField';\n\nexport default FilterField;\n"],"mappings":";;;;;;;;;;AAqBA,IAAM,cAAc,YACjB,EAAE,KAAK,MAAM,MAAM,QAAQ,OAAO,SAAS,UAAU,OAAO,GAAG,QAAQ,QAAQ;CAC9E,MAAM,EAAE,YAAY,WAAW,iBAAiB;CAChD,MAAM,UAAU,MAAM;CACtB,MAAM,UAAU,MAAM;CAEtB,OACE,qBAAC,KAAD;EAAK,KAAK,CAAC,OAAO,OAAO,GAAG;EAAG,GAAI;EAAnC,UAAA,CACE,oBAAC,MAAD;GAAM,KAAK,OAAO;GAAY,IAAI;GAC/B,UAAA;EACG,CAAA,GACN,qBAAC,KAAD;GAAK,KAAK,OAAO;GAAjB,UAAA,CACE,qBAAC,OAAO,QAAR;IACE,iBAAe;IACf,iBAAc;IACd,mBAAiB,GAAG,QAAQ,GAAG;IAE/B,iBAAe,cAAc,KAAA;IAC7B,KAAK,OAAO;IACZ,SAAS,aAAa,KAAA,IAAY;IAC7B;IACL,MAAK;IATP,UAAA;KAWG,CAAC,CAAC,QAAQ,oBAAC,MAAD,EAAM,KAAK,OAAO,UAAY,CAAA;KACzC,oBAAC,MAAD;MAAM,IAAG;MAAO,KAAK,OAAO;MAAY,IAAI;MACzC,UAAA;KACG,CAAA;KACL,CAAC,YAAY,oBAAC,kBAAD,EAAkB,KAAK,OAAO,aAAe,CAAA;IAC9C;GACd,CAAA,GAAA,CAAC,CAAC,YACD,oBAAC,OAAO,QAAR;IACE,cAAY,UAAU,MAAM;IAC5B,iBAAe,cAAc,KAAA;IAC7B,KAAK,OAAO;IACZ,SAAS,aAAa,KAAA,IAAY;IAClC,MAAK;IAEL,UAAA,oBAAC,WAAD,CAAY,CAAA;GACC,CAAA,CAEd;EACF,CAAA,CAAA;;AAET,CACF;AAEA,YAAY,cAAc"}

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

@@ -1,42 +0,0 @@
-import { ReactNode } from 'react';
-export interface FilterPanelProps {
-    children: ReactNode;
-    /** Where focus goes on close, for a panel without a trigger to return it to. */
-    finalFocusEl?: () => HTMLElement | null;
-    /** Anchors the desktop popover to an element it has no trigger for — the "Add filter" button. */
-    getAnchorElement?: () => HTMLElement | null;
-    onOpenChange: (open: boolean) => void;
-    open: boolean;
-    /**
-     * What opens the panel: on desktop a `FilterChip`, which renders the popover's trigger; on mobile a
-     * `FilterField`, which opens it through its own `onClick`.
-     */
-    trigger?: ReactNode;
-}
-/**
- * Where a filter edits its value: an anchored popover on desktop, a full-screen view stacked over the
- * filters dialog on mobile. The content unmounts on close, so the draft state of the form inside
- * starts over from the applied value each time it opens.
- */
-declare const FilterPanel: (props: FilterPanelProps) => import('react').JSX.Element;
-export interface FilterPanelHeaderProps {
-    /** Desktop only: a multi-select's selection count, shown as a badge next to the title. */
-    count?: number;
-    title: string;
-}
-export declare const FilterPanelHeader: ({ count, title }: FilterPanelHeaderProps) => import('react').JSX.Element;
-export interface FilterPanelFooterProps {
-    /** Mobile only: the Apply button's label, e.g. "Apply (2)". */
-    applyLabel?: string;
-    isApplyDisabled: boolean;
-    onApply: () => void;
-    /** Desktop only: adds a "Cancel" button. On mobile the header's back button cancels. */
-    onCancel?: () => void;
-    /** The action before Apply: "Clear", or the wildcard-mode switch. */
-    start?: {
-        label: string;
-        onClick: () => void;
-    };
-}
-export declare const FilterPanelFooter: ({ applyLabel, isApplyDisabled, onApply, onCancel, start, }: FilterPanelFooterProps) => import('react').JSX.Element;
-export default FilterPanel;

package/dist/components/BitkitFilter/components/FilterPanel.js

@@ -1,126 +0,0 @@
-import IconArrowLeft from "../../../icons/IconArrowLeft.js";
-import { usePortalContext } from "../../../utilities/BitkitPortalContext.js";
-import BitkitBadge from "../../BitkitBadge/BitkitBadge.js";
-import BitkitControlButton from "../../BitkitControlButton/BitkitControlButton.js";
-import BitkitButton from "../../BitkitButton/BitkitButton.js";
-import { useFilterContext } from "../BitkitFilter.context.js";
-import { Box } from "@chakra-ui/react/box";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Portal } from "@chakra-ui/react/portal";
-import { Text } from "@chakra-ui/react/text";
-import { Drawer } from "@chakra-ui/react/drawer";
-import { Popover } from "@chakra-ui/react/popover";
-//#region lib/components/BitkitFilter/components/FilterPanel.tsx
-/**
-* Where a filter edits its value: an anchored popover on desktop, a full-screen view stacked over the
-* filters dialog on mobile. The content unmounts on close, so the draft state of the form inside
-* starts over from the applied value each time it opens.
-*/
-var FilterPanel = (props) => {
-	const { children, finalFocusEl, getAnchorElement, onOpenChange: onOpenChangeProp, open, trigger } = props;
-	const { isDisabled, isMobile, styles } = useFilterContext();
-	const onOpenChange = (isOpen) => {
-		if (!isOpen || !isDisabled) onOpenChangeProp(isOpen);
-	};
-	const { disablePortal } = usePortalContext();
-	if (isMobile) return /* @__PURE__ */ jsxs(Fragment, { children: [trigger, /* @__PURE__ */ jsx(Drawer.Root, {
-		finalFocusEl,
-		lazyMount: true,
-		onOpenChange: ({ open: isOpen }) => onOpenChange(isOpen),
-		open,
-		unmountOnExit: true,
-		children: /* @__PURE__ */ jsx(Portal, {
-			disabled: disablePortal,
-			children: /* @__PURE__ */ jsx(Drawer.Positioner, { children: /* @__PURE__ */ jsx(Drawer.Content, { children }) })
-		})
-	})] });
-	return /* @__PURE__ */ jsxs(Popover.Root, {
-		finalFocusEl,
-		lazyMount: true,
-		onOpenChange: ({ open: isOpen }) => onOpenChange(isOpen),
-		open,
-		positioning: {
-			getAnchorElement,
-			gutter: 8,
-			placement: "bottom-start"
-		},
-		unmountOnExit: true,
-		children: [trigger, /* @__PURE__ */ jsx(Portal, {
-			disabled: disablePortal,
-			children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsx(Popover.Content, {
-				css: styles.popoverContent,
-				children
-			}) })
-		})]
-	});
-};
-var FilterPanelHeader = ({ count, title }) => {
-	const { isMobile, styles } = useFilterContext();
-	if (isMobile) return /* @__PURE__ */ jsxs(Box, {
-		css: styles.mobilePanelHeader,
-		children: [/* @__PURE__ */ jsx(Drawer.CloseTrigger, {
-			asChild: true,
-			unstyled: true,
-			children: /* @__PURE__ */ jsx(BitkitControlButton, {
-				icon: IconArrowLeft,
-				label: "Back"
-			})
-		}), /* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Text, {
-			css: styles.mobilePanelOverline,
-			children: "Filter"
-		}), /* @__PURE__ */ jsx(Drawer.Title, {
-			css: styles.mobilePanelTitle,
-			unstyled: true,
-			children: title
-		})] })]
-	});
-	return /* @__PURE__ */ jsxs(Popover.Header, { children: [/* @__PURE__ */ jsx(Popover.Title, { children: title }), count !== void 0 && /* @__PURE__ */ jsx(BitkitBadge, { children: count })] });
-};
-var FilterPanelFooter = ({ applyLabel, isApplyDisabled, onApply, onCancel, start }) => {
-	const { isMobile, styles } = useFilterContext();
-	const applyState = isApplyDisabled ? "disabled" : void 0;
-	if (isMobile) return /* @__PURE__ */ jsx(Drawer.Footer, { children: /* @__PURE__ */ jsxs(Box, {
-		css: styles.mobileFooter,
-		children: [!!start && /* @__PURE__ */ jsx(BitkitButton, {
-			onClick: start.onClick,
-			size: "md",
-			variant: "secondary",
-			children: start.label
-		}), /* @__PURE__ */ jsx(BitkitButton, {
-			onClick: onApply,
-			size: "md",
-			state: applyState,
-			children: applyLabel ?? "Apply"
-		})]
-	}) });
-	return /* @__PURE__ */ jsxs(Box, {
-		css: styles.popoverFooter,
-		children: [
-			/* @__PURE__ */ jsx(Box, {
-				css: styles.popoverFooterStart,
-				children: !!start && /* @__PURE__ */ jsx(BitkitButton, {
-					onClick: start.onClick,
-					size: "sm",
-					variant: "tertiary",
-					children: start.label
-				})
-			}),
-			!!onCancel && /* @__PURE__ */ jsx(BitkitButton, {
-				onClick: onCancel,
-				size: "sm",
-				variant: "secondary",
-				children: "Cancel"
-			}),
-			/* @__PURE__ */ jsx(BitkitButton, {
-				onClick: onApply,
-				size: "sm",
-				state: applyState,
-				children: "Apply"
-			})
-		]
-	});
-};
-//#endregion
-export { FilterPanelFooter, FilterPanelHeader, FilterPanel as default };
-
-//# sourceMappingURL=FilterPanel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FilterPanel.js","names":[],"sources":["../../../../lib/components/BitkitFilter/components/FilterPanel.tsx"],"sourcesContent":["import { Box } from '@chakra-ui/react/box';\nimport { Drawer } from '@chakra-ui/react/drawer';\nimport { Popover } from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { Text } from '@chakra-ui/react/text';\nimport { type ReactNode } from 'react';\n\nimport { IconArrowLeft } from '../../../icons';\nimport { usePortalContext } from '../../../utilities/BitkitPortalContext';\nimport BitkitBadge from '../../BitkitBadge/BitkitBadge';\nimport BitkitButton from '../../BitkitButton/BitkitButton';\nimport BitkitControlButton from '../../BitkitControlButton/BitkitControlButton';\nimport { useFilterContext } from '../BitkitFilter.context';\n\nexport interface FilterPanelProps {\n  children: ReactNode;\n  /** Where focus goes on close, for a panel without a trigger to return it to. */\n  finalFocusEl?: () => HTMLElement | null;\n  /** Anchors the desktop popover to an element it has no trigger for — the \"Add filter\" button. */\n  getAnchorElement?: () => HTMLElement | null;\n  onOpenChange: (open: boolean) => void;\n  open: boolean;\n  /**\n   * What opens the panel: on desktop a `FilterChip`, which renders the popover's trigger; on mobile a\n   * `FilterField`, which opens it through its own `onClick`.\n   */\n  trigger?: ReactNode;\n}\n\n/**\n * Where a filter edits its value: an anchored popover on desktop, a full-screen view stacked over the\n * filters dialog on mobile. The content unmounts on close, so the draft state of the form inside\n * starts over from the applied value each time it opens.\n */\nconst FilterPanel = (props: FilterPanelProps) => {\n  const { children, finalFocusEl, getAnchorElement, onOpenChange: onOpenChangeProp, open, trigger } = props;\n  const { isDisabled, isMobile, styles } = useFilterContext();\n  // While the page loads the triggers are only `aria-disabled`, so opening is refused here.\n  const onOpenChange = (isOpen: boolean) => {\n    if (!isOpen || !isDisabled) onOpenChangeProp(isOpen);\n  };\n  const { disablePortal } = usePortalContext();\n\n  if (isMobile) {\n    return (\n      <>\n        {trigger}\n        <Drawer.Root\n          finalFocusEl={finalFocusEl}\n          lazyMount\n          onOpenChange={({ open: isOpen }) => onOpenChange(isOpen)}\n          open={open}\n          unmountOnExit\n        >\n          <Portal disabled={disablePortal}>\n            <Drawer.Positioner>\n              <Drawer.Content>{children}</Drawer.Content>\n            </Drawer.Positioner>\n          </Portal>\n        </Drawer.Root>\n      </>\n    );\n  }\n\n  return (\n    <Popover.Root\n      finalFocusEl={finalFocusEl}\n      lazyMount\n      onOpenChange={({ open: isOpen }) => onOpenChange(isOpen)}\n      open={open}\n      positioning={{\n        getAnchorElement,\n        gutter: 8,\n        placement: 'bottom-start',\n      }}\n      unmountOnExit\n    >\n      {trigger}\n      <Portal disabled={disablePortal}>\n        <Popover.Positioner>\n          <Popover.Content css={styles.popoverContent}>{children}</Popover.Content>\n        </Popover.Positioner>\n      </Portal>\n    </Popover.Root>\n  );\n};\n\nexport interface FilterPanelHeaderProps {\n  /** Desktop only: a multi-select's selection count, shown as a badge next to the title. */\n  count?: number;\n  title: string;\n}\n\nexport const FilterPanelHeader = ({ count, title }: FilterPanelHeaderProps) => {\n  const { isMobile, styles } = useFilterContext();\n\n  if (isMobile) {\n    return (\n      <Box css={styles.mobilePanelHeader}>\n        <Drawer.CloseTrigger asChild unstyled>\n          <BitkitControlButton icon={IconArrowLeft} label=\"Back\" />\n        </Drawer.CloseTrigger>\n        <Box>\n          <Text css={styles.mobilePanelOverline}>Filter</Text>\n          <Drawer.Title css={styles.mobilePanelTitle} unstyled>\n            {title}\n          </Drawer.Title>\n        </Box>\n      </Box>\n    );\n  }\n\n  return (\n    <Popover.Header>\n      <Popover.Title>{title}</Popover.Title>\n      {count !== undefined && <BitkitBadge>{count}</BitkitBadge>}\n    </Popover.Header>\n  );\n};\n\nexport interface FilterPanelFooterProps {\n  /** Mobile only: the Apply button's label, e.g. \"Apply (2)\". */\n  applyLabel?: string;\n  isApplyDisabled: boolean;\n  onApply: () => void;\n  /** Desktop only: adds a \"Cancel\" button. On mobile the header's back button cancels. */\n  onCancel?: () => void;\n  /** The action before Apply: \"Clear\", or the wildcard-mode switch. */\n  start?: { label: string; onClick: () => void };\n}\n\nexport const FilterPanelFooter = ({\n  applyLabel,\n  isApplyDisabled,\n  onApply,\n  onCancel,\n  start,\n}: FilterPanelFooterProps) => {\n  const { isMobile, styles } = useFilterContext();\n  const applyState = isApplyDisabled ? 'disabled' : undefined;\n\n  if (isMobile) {\n    return (\n      <Drawer.Footer>\n        <Box css={styles.mobileFooter}>\n          {!!start && (\n            <BitkitButton onClick={start.onClick} size=\"md\" variant=\"secondary\">\n              {start.label}\n            </BitkitButton>\n          )}\n          <BitkitButton onClick={onApply} size=\"md\" state={applyState}>\n            {applyLabel ?? 'Apply'}\n          </BitkitButton>\n        </Box>\n      </Drawer.Footer>\n    );\n  }\n\n  return (\n    <Box css={styles.popoverFooter}>\n      <Box css={styles.popoverFooterStart}>\n        {!!start && (\n          <BitkitButton onClick={start.onClick} size=\"sm\" variant=\"tertiary\">\n            {start.label}\n          </BitkitButton>\n        )}\n      </Box>\n      {!!onCancel && (\n        <BitkitButton onClick={onCancel} size=\"sm\" variant=\"secondary\">\n          Cancel\n        </BitkitButton>\n      )}\n      <BitkitButton onClick={onApply} size=\"sm\" state={applyState}>\n        Apply\n      </BitkitButton>\n    </Box>\n  );\n};\n\nexport default FilterPanel;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,IAAM,eAAe,UAA4B;CAC/C,MAAM,EAAE,UAAU,cAAc,kBAAkB,cAAc,kBAAkB,MAAM,YAAY;CACpG,MAAM,EAAE,YAAY,UAAU,WAAW,iBAAiB;CAE1D,MAAM,gBAAgB,WAAoB;EACxC,IAAI,CAAC,UAAU,CAAC,YAAY,iBAAiB,MAAM;CACrD;CACA,MAAM,EAAE,kBAAkB,iBAAiB;CAE3C,IAAI,UACF,OACE,qBAAA,UAAA,EAAA,UAAA,CACG,SACD,oBAAC,OAAO,MAAR;EACgB;EACd,WAAA;EACA,eAAe,EAAE,MAAM,aAAa,aAAa,MAAM;EACjD;EACN,eAAA;EAEA,UAAA,oBAAC,QAAD;GAAQ,UAAU;GAChB,UAAA,oBAAC,OAAO,YAAR,EAAA,UACE,oBAAC,OAAO,SAAR,EAAiB,SAAyB,CAAA,EACzB,CAAA;EACb,CAAA;CACG,CAAA,CACb,EAAA,CAAA;CAIN,OACE,qBAAC,QAAQ,MAAT;EACgB;EACd,WAAA;EACA,eAAe,EAAE,MAAM,aAAa,aAAa,MAAM;EACjD;EACN,aAAa;GACX;GACA,QAAQ;GACR,WAAW;EACb;EACA,eAAA;EAVF,UAAA,CAYG,SACD,oBAAC,QAAD;GAAQ,UAAU;GAChB,UAAA,oBAAC,QAAQ,YAAT,EAAA,UACE,oBAAC,QAAQ,SAAT;IAAiB,KAAK,OAAO;IAAiB;GAA0B,CAAA,EACtD,CAAA;EACd,CAAA,CACI;;AAElB;AAQA,IAAa,qBAAqB,EAAE,OAAO,YAAoC;CAC7E,MAAM,EAAE,UAAU,WAAW,iBAAiB;CAE9C,IAAI,UACF,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAjB,UAAA,CACE,oBAAC,OAAO,cAAR;GAAqB,SAAA;GAAQ,UAAA;GAC3B,UAAA,oBAAC,qBAAD;IAAqB,MAAM;IAAe,OAAM;GAAQ,CAAA;EACrC,CAAA,GACrB,qBAAC,KAAD,EAAA,UAAA,CACE,oBAAC,MAAD;GAAM,KAAK,OAAO;GAAqB,UAAA;EAAY,CAAA,GACnD,oBAAC,OAAO,OAAR;GAAc,KAAK,OAAO;GAAkB,UAAA;GACzC,UAAA;EACW,CAAA,CACX,EAAA,CAAA,CACF;;CAIT,OACE,qBAAC,QAAQ,QAAT,EAAA,UAAA,CACE,oBAAC,QAAQ,OAAT,EAAA,UAAgB,MAAqB,CAAA,GACpC,UAAU,KAAA,KAAa,oBAAC,aAAD,EAAA,UAAc,MAAmB,CAAA,CAC3C,EAAA,CAAA;AAEpB;AAaA,IAAa,qBAAqB,EAChC,YACA,iBACA,SACA,UACA,YAC4B;CAC5B,MAAM,EAAE,UAAU,WAAW,iBAAiB;CAC9C,MAAM,aAAa,kBAAkB,aAAa,KAAA;CAElD,IAAI,UACF,OACE,oBAAC,OAAO,QAAR,EAAA,UACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAjB,UAAA,CACG,CAAC,CAAC,SACD,oBAAC,cAAD;GAAc,SAAS,MAAM;GAAS,MAAK;GAAK,SAAQ;GACrD,UAAA,MAAM;EACK,CAAA,GAEhB,oBAAC,cAAD;GAAc,SAAS;GAAS,MAAK;GAAK,OAAO;GAC9C,UAAA,cAAc;EACH,CAAA,CACX;CACQ,CAAA,EAAA,CAAA;CAInB,OACE,qBAAC,KAAD;EAAK,KAAK,OAAO;EAAjB,UAAA;GACE,oBAAC,KAAD;IAAK,KAAK,OAAO;IACd,UAAA,CAAC,CAAC,SACD,oBAAC,cAAD;KAAc,SAAS,MAAM;KAAS,MAAK;KAAK,SAAQ;KACrD,UAAA,MAAM;IACK,CAAA;GAEb,CAAA;GACJ,CAAC,CAAC,YACD,oBAAC,cAAD;IAAc,SAAS;IAAU,MAAK;IAAK,SAAQ;IAAY,UAAA;GAEjD,CAAA;GAEhB,oBAAC,cAAD;IAAc,SAAS;IAAS,MAAK;IAAK,OAAO;IAAY,UAAA;GAE/C,CAAA;EACX;;AAET"}

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

@@ -1,15 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { ReactElement } from 'react';
-export interface FilterSearchInputProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {
-    /** Extra hint read out with the field, e.g. what the search matches. */
-    description?: string;
-    label: string;
-    onValueChange: (value: string) => void;
-    placeholder: string;
-    /** Wraps the input, e.g. in a tooltip. */
-    renderInput?: (input: ReactElement) => ReactElement;
-    value: string;
-}
-/** The borderless search field of the bar — and, on mobile, of each filter's view too. */
-declare const FilterSearchInput: import('react').ForwardRefExoticComponent<FilterSearchInputProps & import('react').RefAttributes<HTMLInputElement>>;
-export default FilterSearchInput;

package/dist/components/BitkitFilter/components/FilterSearchInput.js

@@ -1,41 +0,0 @@
-import IconMagnifier from "../../../icons/IconMagnifier.js";
-import BitkitCloseButton from "../../BitkitCloseButton/BitkitCloseButton.js";
-import { useFilterContext } from "../BitkitFilter.context.js";
-import { Box } from "@chakra-ui/react/box";
-import { chakra } from "@chakra-ui/react/styled-system";
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region lib/components/BitkitFilter/components/FilterSearchInput.tsx
-/** The borderless search field of the bar — and, on mobile, of each filter's view too. */
-var FilterSearchInput = forwardRef((props, ref) => {
-	const { css, description, label, onValueChange, placeholder, renderInput = (input) => input, value, ...rest } = props;
-	const { isMobile, styles } = useFilterContext();
-	return /* @__PURE__ */ jsxs(Box, {
-		css: [isMobile ? styles.mobileSearch : styles.search, css],
-		...rest,
-		children: [
-			/* @__PURE__ */ jsx(IconMagnifier, { size: isMobile ? "24" : "16" }),
-			renderInput(/* @__PURE__ */ jsx(chakra.input, {
-				"aria-description": description,
-				"aria-label": label,
-				css: isMobile ? styles.mobileSearchInput : styles.searchInput,
-				onChange: (event) => onValueChange(event.target.value),
-				placeholder,
-				ref,
-				type: "search",
-				value
-			})),
-			!!value && /* @__PURE__ */ jsx(BitkitCloseButton, {
-				"aria-label": "Clear search",
-				colorVariant: "neutral",
-				onClick: () => onValueChange(""),
-				size: "sm"
-			})
-		]
-	});
-});
-FilterSearchInput.displayName = "FilterSearchInput";
-//#endregion
-export { FilterSearchInput as default };
-
-//# sourceMappingURL=FilterSearchInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FilterSearchInput.js","names":[],"sources":["../../../../lib/components/BitkitFilter/components/FilterSearchInput.tsx"],"sourcesContent":["import { Box, type BoxProps } from '@chakra-ui/react/box';\n// `chakra.input`: the filter's search fields are borderless rows from the filter recipe, unlike the\n// bordered BitkitSearchInput.\nimport { chakra } from '@chakra-ui/react/styled-system';\nimport { forwardRef, type ReactElement } from 'react';\n\nimport { IconMagnifier } from '../../../icons';\nimport BitkitCloseButton from '../../BitkitCloseButton/BitkitCloseButton';\nimport { useFilterContext } from '../BitkitFilter.context';\n\nexport interface FilterSearchInputProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {\n  /** Extra hint read out with the field, e.g. what the search matches. */\n  description?: string;\n  label: string;\n  onValueChange: (value: string) => void;\n  placeholder: string;\n  /** Wraps the input, e.g. in a tooltip. */\n  renderInput?: (input: ReactElement) => ReactElement;\n  value: string;\n}\n\n/** The borderless search field of the bar — and, on mobile, of each filter's view too. */\nconst FilterSearchInput = forwardRef<HTMLInputElement, FilterSearchInputProps>((props, ref) => {\n  const { css, description, label, onValueChange, placeholder, renderInput = (input) => input, value, ...rest } = props;\n  const { isMobile, styles } = useFilterContext();\n\n  return (\n    <Box css={[isMobile ? styles.mobileSearch : styles.search, css]} {...rest}>\n      <IconMagnifier size={isMobile ? '24' : '16'} />\n      {renderInput(\n        <chakra.input\n          aria-description={description}\n          aria-label={label}\n          css={isMobile ? styles.mobileSearchInput : styles.searchInput}\n          onChange={(event) => onValueChange(event.target.value)}\n          placeholder={placeholder}\n          ref={ref}\n          type=\"search\"\n          value={value}\n        />,\n      )}\n      {!!value && (\n        <BitkitCloseButton\n          aria-label=\"Clear search\"\n          colorVariant=\"neutral\"\n          onClick={() => onValueChange('')}\n          size=\"sm\"\n        />\n      )}\n    </Box>\n  );\n});\n\nFilterSearchInput.displayName = 'FilterSearchInput';\n\nexport default FilterSearchInput;\n"],"mappings":";;;;;;;;;AAsBA,IAAM,oBAAoB,YAAsD,OAAO,QAAQ;CAC7F,MAAM,EAAE,KAAK,aAAa,OAAO,eAAe,aAAa,eAAe,UAAU,OAAO,OAAO,GAAG,SAAS;CAChH,MAAM,EAAE,UAAU,WAAW,iBAAiB;CAE9C,OACE,qBAAC,KAAD;EAAK,KAAK,CAAC,WAAW,OAAO,eAAe,OAAO,QAAQ,GAAG;EAAG,GAAI;EAArE,UAAA;GACE,oBAAC,eAAD,EAAe,MAAM,WAAW,OAAO,KAAO,CAAA;GAC7C,YACC,oBAAC,OAAO,OAAR;IACE,oBAAkB;IAClB,cAAY;IACZ,KAAK,WAAW,OAAO,oBAAoB,OAAO;IAClD,WAAW,UAAU,cAAc,MAAM,OAAO,KAAK;IACxC;IACR;IACL,MAAK;IACE;GACR,CAAA,CACH;GACC,CAAC,CAAC,SACD,oBAAC,mBAAD;IACE,cAAW;IACX,cAAa;IACb,eAAe,cAAc,EAAE;IAC/B,MAAK;GACN,CAAA;EAEA;;AAET,CAAC;AAED,kBAAkB,cAAc"}

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

@@ -1,41 +0,0 @@
-import { BitkitIconComponent } from '../../../icons';
-import { BitkitColorToken } from '../../../theme/themeUtils';
-export interface BitkitFilterSelectItem {
-    /** Lists the option under this heading, with the others of the same group. */
-    group?: string;
-    icon?: BitkitIconComponent;
-    /** Colors the icon, e.g. a status: `icon/positive` for "Passed". */
-    iconColor?: BitkitColorToken<'icon'>;
-    label: string;
-    value: string;
-}
-/** The list renders at most this many options; search narrows down the rest. */
-export declare const MAX_VISIBLE_ITEMS = 100;
-export interface FilterSelectFormProps {
-    /** The filter holds a value: the footer offers "Clear" instead of the wildcard-mode switch. */
-    isEditing: boolean;
-    /** Keeps `items` in their own order instead of listing the applied ones first — for a switch's fixed options. */
-    isOrderFixed?: boolean;
-    /** A value is always applied: no "Clear" in the footer. */
-    isRequired?: boolean;
-    items: BitkitFilterSelectItem[];
-    label: string;
-    loading?: boolean;
-    loadingLabel?: string;
-    multiple?: boolean;
-    onApply: (value: string[]) => void;
-    onCancel: () => void;
-    onSearchChange?: (searchText: string) => void;
-    pattern?: boolean;
-    pluralLabel: string;
-    searchPlaceholder?: string;
-    /**
-     * The applied selection with its labels. Without a search, any of it missing from `items` — e.g.
-     * left behind by a server search — is listed first, so it can still be unchecked.
-     */
-    selectedItems?: BitkitFilterSelectItem[];
-    value: string[];
-}
-/** The body of a select filter's panel: search, the option list or wildcard pattern, and the footer. */
-declare const FilterSelectForm: (props: FilterSelectFormProps) => import('react').JSX.Element;
-export default FilterSelectForm;