@bitrise/bitkit-v2 0.3.481-beta.3079 → 0.3.481-beta.3083

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

@@ -1,61 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { BitkitFilterSelectItem } from './components/FilterSelectForm';
-export type { BitkitFilterSelectItem };
-export interface BitkitFilterSelectProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {
-    /**
-     * Why the filter doesn't apply yet, e.g. "Select a project first". Its entry in the "Add filter"
-     * menu is muted with an info icon, and says this in a tooltip when highlighted (spelled out under
-     * the label on mobile). Only applies inside `BitkitFilter.Add`. A filter with no options is
-     * disabled anyway.
-     */
-    disabledReason?: string;
-    /** Chip text while nothing is selected. Defaults to `All {pluralLabel}`. */
-    emptyLabel?: string;
-    items: BitkitFilterSelectItem[];
-    /** Name of the filter: the popover title, and the prefix of a single selection on the chip (`Project: iOS`). */
-    label: string;
-    /** Shows a loading row in place of the options, e.g. while `onSearchChange` results are fetched. */
-    loading?: boolean;
-    /** Text of the loading row. Defaults to "Loading...". */
-    loadingLabel?: string;
-    multiple?: boolean;
-    /**
-     * Hands search over to you: `items` are shown as they are, without filtering them locally. Use it
-     * for server-side search. Called once typing pauses (300ms), right away with `''` on clear and
-     * close; ordering the responses is up to you. The search input is always shown with it; otherwise
-     * only above 5 items.
-     */
-    onSearchChange?: (searchText: string) => void;
-    /** Called on "Apply", "Clear" and the chip's remove button — not on every click in the popover. */
-    onValueChange: (value: string[]) => void;
-    /**
-     * Offers a wildcard pattern (`release-*`) as an alternative to picking options. A pattern is
-     * applied as the single value, e.g. `['release-*']`; matching it is up to you. The preview of
-     * matching options only checks the labels of the `items` at hand, not a server search.
-     */
-    pattern?: boolean;
-    /**
-     * Plural of `label`: the empty chip (`All projects`), a multiple selection (`2 workflows`), and a
-     * multi-select's panel title. Required, since a guessed plural reads wrong too often.
-     */
-    pluralLabel: string;
-    /** Lists the options in the order of `items`, instead of the applied ones first. */
-    preserveOrder?: boolean;
-    /**
-     * A value is always applied, so the popover offers no "Clear". Pass the default as `resetValue`
-     * too, for "Clear filters" to restore. Not for a filter inside `BitkitFilter.Add`.
-     */
-    required?: boolean;
-    /** The value "Clear filters" restores. Defaults to no selection. */
-    resetValue?: string[];
-    /** Defaults to "Search for options". */
-    searchPlaceholder?: string;
-    value: string[];
-}
-/**
- * A filter picking one or more options from a list, applied with the popover's "Apply". Directly
- * in `BitkitFilter` it is a dropdown chip that is always shown; inside `BitkitFilter.Add` it is a
- * removable chip that only appears while it holds a value.
- */
-declare const BitkitFilterSelect: import('react').ForwardRefExoticComponent<BitkitFilterSelectProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default BitkitFilterSelect;

package/dist/components/BitkitFilter/BitkitFilterSelect.js

@@ -1,149 +0,0 @@
-import { isPattern, toRunningText } from "./BitkitFilter.utils.js";
-import { useFilterAddItem, useFilterContext, useFilterRegistration } from "./BitkitFilter.context.js";
-import FilterChip from "./components/FilterChip.js";
-import FilterField from "./components/FilterField.js";
-import FilterPanel from "./components/FilterPanel.js";
-import FilterSelectForm from "./components/FilterSelectForm.js";
-import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { mergeRefs } from "@chakra-ui/react";
-//#region lib/components/BitkitFilter/BitkitFilterSelect.tsx
-var NO_VALUE = [];
-/**
-* A filter picking one or more options from a list, applied with the popover's "Apply". Directly
-* in `BitkitFilter` it is a dropdown chip that is always shown; inside `BitkitFilter.Add` it is a
-* removable chip that only appears while it holds a value.
-*/
-var BitkitFilterSelect = forwardRef((props, ref) => {
-	const { disabledReason, emptyLabel, items, label, loading, loadingLabel, multiple, onSearchChange, onValueChange, pattern, pluralLabel, preserveOrder, required, resetValue = NO_VALUE, searchPlaceholder, value, ...rest } = props;
-	const { isMobile } = useFilterContext();
-	const [open, setOpen] = useState(false);
-	const addItem = useFilterAddItem({
-		disabledReason,
-		hasOptions: !!items.length || !!onSearchChange,
-		isEmpty: !value.length,
-		label
-	});
-	useFilterRegistration(value, resetValue, onValueChange);
-	const knownItems = useRef(/* @__PURE__ */ new Map());
-	items.forEach((item) => knownItems.current.set(item.value, item));
-	const triggerRef = useRef(null);
-	const setRef = useMemo(() => mergeRefs(ref, triggerRef), [ref]);
-	const isFocusPending = useRef(false);
-	const isEmptiedFromChip = useRef(false);
-	const searchTimeout = useRef(void 0);
-	useEffect(() => () => clearTimeout(searchTimeout.current), []);
-	const search = (text) => {
-		clearTimeout(searchTimeout.current);
-		if (text) searchTimeout.current = setTimeout(() => onSearchChange?.(text), 300);
-		else onSearchChange?.("");
-	};
-	const onOpenChange = (isOpen) => {
-		setOpen(isOpen);
-		if (!isOpen && onSearchChange) search("");
-	};
-	const form = (isAdding) => /* @__PURE__ */ jsx(FilterSelectForm, {
-		isEditing: !!value.length,
-		isOrderFixed: preserveOrder,
-		isRequired: required && !addItem,
-		items,
-		label,
-		loading,
-		loadingLabel,
-		multiple,
-		onApply: (next) => {
-			if (isAdding) isFocusPending.current = true;
-			onValueChange(next);
-			if (isAdding) addItem?.stopAdding();
-			else if (addItem && !next.length) isEmptiedFromChip.current = true;
-			onOpenChange(false);
-		},
-		onCancel: () => {
-			if (isAdding) addItem?.stopAdding();
-			onOpenChange(false);
-		},
-		onSearchChange: onSearchChange ? search : void 0,
-		pattern,
-		pluralLabel,
-		searchPlaceholder,
-		selectedItems: value.filter((selected) => !isPattern(selected)).map((selected) => knownItems.current.get(selected) ?? {
-			label: selected,
-			value: selected
-		}),
-		value
-	});
-	const addPanel = addItem ? /* @__PURE__ */ jsx(FilterPanel, {
-		finalFocusEl: () => {
-			const chip = isFocusPending.current ? triggerRef.current : null;
-			isFocusPending.current = false;
-			return chip ?? addItem.getTrigger();
-		},
-		getAnchorElement: addItem.getTrigger,
-		onOpenChange: (isOpen) => {
-			if (isOpen) return;
-			addItem.stopAdding();
-			onOpenChange(false);
-		},
-		open: addItem.isAdding,
-		children: form(true)
-	}) : null;
-	const emptyText = emptyLabel ?? `All ${toRunningText(pluralLabel)}`;
-	const singleText = value.length === 1 ? knownItems.current.get(value[0])?.label ?? value[0] : "";
-	const onRemove = addItem ? () => {
-		onValueChange([]);
-		addItem.focusTrigger();
-	} : void 0;
-	const hasChip = !addItem || !!value.length;
-	let trigger = null;
-	if (hasChip && isMobile) {
-		let fieldValue = emptyText;
-		if (value.length > 1) fieldValue = `${value.length} selected`;
-		else if (value.length) fieldValue = singleText;
-		trigger = /* @__PURE__ */ jsx(FilterField, {
-			...rest,
-			isOpen: open,
-			label: multiple ? pluralLabel : label,
-			onClick: () => onOpenChange(true),
-			onRemove,
-			ref: setRef,
-			value: fieldValue
-		});
-	} else if (hasChip) {
-		let chipProps = { value: emptyText };
-		if (value.length > 1) chipProps = {
-			label: toRunningText(pluralLabel),
-			labelAfter: true,
-			value: value.length
-		};
-		else if (value.length) chipProps = {
-			label: `${label}:`,
-			value: singleText
-		};
-		trigger = /* @__PURE__ */ jsx(FilterChip, {
-			...chipProps,
-			onRemove,
-			ref: setRef,
-			removeLabel: `Remove ${label} filter`,
-			...rest
-		});
-	}
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(FilterPanel, {
-		finalFocusEl: addItem ? () => {
-			if (!isEmptiedFromChip.current) return null;
-			isEmptiedFromChip.current = false;
-			const addTrigger = addItem.getTrigger();
-			if (addTrigger instanceof HTMLButtonElement && !addTrigger.disabled) return addTrigger;
-			addItem.focusTrigger();
-			return null;
-		} : void 0,
-		onOpenChange,
-		open,
-		trigger,
-		children: form(false)
-	}), addPanel] });
-});
-BitkitFilterSelect.displayName = "BitkitFilterSelect";
-//#endregion
-export { BitkitFilterSelect as default };
-
-//# sourceMappingURL=BitkitFilterSelect.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitFilterSelect.js","names":["_Fragment"],"sources":["../../../lib/components/BitkitFilter/BitkitFilterSelect.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { mergeRefs } from '@chakra-ui/react';\nimport { type BoxProps } from '@chakra-ui/react/box';\nimport { forwardRef, useEffect, useMemo, useRef, useState } from 'react';\n\nimport { useFilterAddItem, useFilterContext, useFilterRegistration } from './BitkitFilter.context';\nimport { isPattern, SEARCH_DEBOUNCE_MS, toRunningText } from './BitkitFilter.utils';\nimport FilterChip, { type FilterChipProps } from './components/FilterChip';\nimport FilterField from './components/FilterField';\nimport FilterPanel from './components/FilterPanel';\nimport FilterSelectForm, { type BitkitFilterSelectItem } from './components/FilterSelectForm';\n\nexport type { BitkitFilterSelectItem };\n\nconst NO_VALUE: string[] = [];\n\nexport interface BitkitFilterSelectProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {\n  /**\n   * Why the filter doesn't apply yet, e.g. \"Select a project first\". Its entry in the \"Add filter\"\n   * menu is muted with an info icon, and says this in a tooltip when highlighted (spelled out under\n   * the label on mobile). Only applies inside `BitkitFilter.Add`. A filter with no options is\n   * disabled anyway.\n   */\n  disabledReason?: string;\n  /** Chip text while nothing is selected. Defaults to `All {pluralLabel}`. */\n  emptyLabel?: string;\n  items: BitkitFilterSelectItem[];\n  /** Name of the filter: the popover title, and the prefix of a single selection on the chip (`Project: iOS`). */\n  label: string;\n  /** Shows a loading row in place of the options, e.g. while `onSearchChange` results are fetched. */\n  loading?: boolean;\n  /** Text of the loading row. Defaults to \"Loading...\". */\n  loadingLabel?: string;\n  multiple?: boolean;\n  /**\n   * Hands search over to you: `items` are shown as they are, without filtering them locally. Use it\n   * for server-side search. Called once typing pauses (300ms), right away with `''` on clear and\n   * close; ordering the responses is up to you. The search input is always shown with it; otherwise\n   * only above 5 items.\n   */\n  onSearchChange?: (searchText: string) => void;\n  /** Called on \"Apply\", \"Clear\" and the chip's remove button — not on every click in the popover. */\n  onValueChange: (value: string[]) => void;\n  /**\n   * Offers a wildcard pattern (`release-*`) as an alternative to picking options. A pattern is\n   * applied as the single value, e.g. `['release-*']`; matching it is up to you. The preview of\n   * matching options only checks the labels of the `items` at hand, not a server search.\n   */\n  pattern?: boolean;\n  /**\n   * Plural of `label`: the empty chip (`All projects`), a multiple selection (`2 workflows`), and a\n   * multi-select's panel title. Required, since a guessed plural reads wrong too often.\n   */\n  pluralLabel: string;\n  /** Lists the options in the order of `items`, instead of the applied ones first. */\n  preserveOrder?: boolean;\n  /**\n   * A value is always applied, so the popover offers no \"Clear\". Pass the default as `resetValue`\n   * too, for \"Clear filters\" to restore. Not for a filter inside `BitkitFilter.Add`.\n   */\n  required?: boolean;\n  /** The value \"Clear filters\" restores. Defaults to no selection. */\n  resetValue?: string[];\n  /** Defaults to \"Search for options\". */\n  searchPlaceholder?: string;\n  value: string[];\n}\n\n/**\n * A filter picking one or more options from a list, applied with the popover's \"Apply\". Directly\n * in `BitkitFilter` it is a dropdown chip that is always shown; inside `BitkitFilter.Add` it is a\n * removable chip that only appears while it holds a value.\n */\n// The ref lands on the chip's (or on mobile the field's) button; other props on its wrapper.\nconst BitkitFilterSelect = forwardRef<HTMLButtonElement, BitkitFilterSelectProps>((props, ref) => {\n  const {\n    disabledReason,\n    emptyLabel,\n    items,\n    label,\n    loading,\n    loadingLabel,\n    multiple,\n    onSearchChange,\n    onValueChange,\n    pattern,\n    pluralLabel,\n    preserveOrder,\n    required,\n    resetValue = NO_VALUE,\n    searchPlaceholder,\n    value,\n    ...rest\n  } = props;\n  const { isMobile } = useFilterContext();\n  const [open, setOpen] = useState(false);\n  const addItem = useFilterAddItem({\n    disabledReason,\n    hasOptions: !!items.length || !!onSearchChange,\n    isEmpty: !value.length,\n    label,\n  });\n\n  useFilterRegistration(value, resetValue, onValueChange);\n\n  // Remember every option seen, so a selection keeps its label, group and icon once a search has replaced `items`.\n  const knownItems = useRef(new Map<string, BitkitFilterSelectItem>());\n  items.forEach((item) => knownItems.current.set(item.value, item));\n\n  // A filter just added through \"Add filter\" hands focus to its new chip as its panel closes.\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const setRef = useMemo(() => mergeRefs<HTMLButtonElement>(ref, triggerRef), [ref]);\n  const isFocusPending = useRef(false);\n  // A filter emptied from its own chip loses the chip, so its panel hands focus to \"Add filter\" on close.\n  const isEmptiedFromChip = useRef(false);\n\n  // Debounced here rather than in the form, which outlives the close by its exit animation: closing\n  // drops a pending search, so it can't land after the reset to `''`. Clearing goes through right away.\n  const searchTimeout = useRef<ReturnType<typeof setTimeout>>(undefined);\n  useEffect(() => () => clearTimeout(searchTimeout.current), []);\n  const search = (text: string) => {\n    clearTimeout(searchTimeout.current);\n    if (text) searchTimeout.current = setTimeout(() => onSearchChange?.(text), SEARCH_DEBOUNCE_MS);\n    else onSearchChange?.('');\n  };\n\n  const onOpenChange = (isOpen: boolean) => {\n    setOpen(isOpen);\n    if (!isOpen && onSearchChange) search('');\n  };\n\n  const form = (isAdding: boolean) => (\n    <FilterSelectForm\n      isEditing={!!value.length}\n      isOrderFixed={preserveOrder}\n      isRequired={required && !addItem}\n      items={items}\n      label={label}\n      loading={loading}\n      loadingLabel={loadingLabel}\n      multiple={multiple}\n      onApply={(next) => {\n        if (isAdding) isFocusPending.current = true;\n        onValueChange(next);\n        if (isAdding) addItem?.stopAdding();\n        else if (addItem && !next.length) isEmptiedFromChip.current = true;\n        onOpenChange(false);\n      }}\n      onCancel={() => {\n        if (isAdding) addItem?.stopAdding();\n        onOpenChange(false);\n      }}\n      onSearchChange={onSearchChange ? search : undefined}\n      pattern={pattern}\n      pluralLabel={pluralLabel}\n      searchPlaceholder={searchPlaceholder}\n      selectedItems={value\n        .filter((selected) => !isPattern(selected))\n        .map((selected) => knownItems.current.get(selected) ?? { label: selected, value: selected })}\n      value={value}\n    />\n  );\n\n  // Inside `Add`, an empty filter has no chip: it is listed in the menu, and its panel opens from\n  // there, anchored to the \"Add filter\" button. It stays mounted once a value is applied, so it can\n  // close (and hand over focus) the usual way.\n  const addPanel = addItem ? (\n    <FilterPanel\n      finalFocusEl={() => {\n        const chip = isFocusPending.current ? triggerRef.current : null;\n        isFocusPending.current = false;\n        return chip ?? addItem.getTrigger();\n      }}\n      getAnchorElement={addItem.getTrigger}\n      onOpenChange={(isOpen) => {\n        if (isOpen) return;\n        addItem.stopAdding();\n        onOpenChange(false);\n      }}\n      open={addItem.isAdding}\n    >\n      {form(true)}\n    </FilterPanel>\n  ) : null;\n\n  const emptyText = emptyLabel ?? `All ${toRunningText(pluralLabel)}`;\n  const singleText = value.length === 1 ? (knownItems.current.get(value[0])?.label ?? value[0]) : '';\n  const onRemove = addItem\n    ? () => {\n        onValueChange([]);\n        addItem.focusTrigger();\n      }\n    : undefined;\n\n  // Inside `Add`, an empty filter has no chip of its own.\n  const hasChip = !addItem || !!value.length;\n  let trigger = null;\n  if (hasChip && isMobile) {\n    let fieldValue = emptyText;\n    if (value.length > 1) fieldValue = `${value.length} selected`;\n    else if (value.length) fieldValue = singleText;\n    trigger = (\n      <FilterField\n        {...rest}\n        isOpen={open}\n        label={multiple ? pluralLabel : label}\n        onClick={() => onOpenChange(true)}\n        onRemove={onRemove}\n        ref={setRef}\n        value={fieldValue}\n      />\n    );\n  } else if (hasChip) {\n    let chipProps: FilterChipProps = { value: emptyText };\n    if (value.length > 1) chipProps = { label: toRunningText(pluralLabel), labelAfter: true, value: value.length };\n    else if (value.length) chipProps = { label: `${label}:`, value: singleText };\n    trigger = (\n      <FilterChip {...chipProps} onRemove={onRemove} ref={setRef} removeLabel={`Remove ${label} filter`} {...rest} />\n    );\n  }\n\n  // Emptied from its own chip, the chip goes, so focus moves to \"Add filter\", like on remove. Handed over\n  // as the panel closes: on mobile, earlier would lose it to the closing view's focus trap.\n  const chipPanelFinalFocusEl = addItem\n    ? () => {\n        if (!isEmptiedFromChip.current) return null;\n        isEmptiedFromChip.current = false;\n        const addTrigger = addItem.getTrigger();\n        if (addTrigger instanceof HTMLButtonElement && !addTrigger.disabled) return addTrigger;\n        addItem.focusTrigger();\n        return null;\n      }\n    : undefined;\n\n  // Both panels stay mounted whether or not a value is applied (the chip's one without its chip), so\n  // neither is remounted, and each can still close and hand over focus once the value changes.\n  return (\n    <>\n      <FilterPanel finalFocusEl={chipPanelFinalFocusEl} onOpenChange={onOpenChange} open={open} trigger={trigger}>\n        {form(false)}\n      </FilterPanel>\n      {addPanel}\n    </>\n  );\n});\n\nBitkitFilterSelect.displayName = 'BitkitFilterSelect';\n\nexport default BitkitFilterSelect;\n"],"mappings":";;;;;;;;;;AAcA,IAAM,WAAqB,CAAC;;;;;;AA4D5B,IAAM,qBAAqB,YAAwD,OAAO,QAAQ;CAChG,MAAM,EACJ,gBACA,YACA,OACA,OACA,SACA,cACA,UACA,gBACA,eACA,SACA,aACA,eACA,UACA,aAAa,UACb,mBACA,OACA,GAAG,SACD;CACJ,MAAM,EAAE,aAAa,iBAAiB;CACtC,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CACtC,MAAM,UAAU,iBAAiB;EAC/B;EACA,YAAY,CAAC,CAAC,MAAM,UAAU,CAAC,CAAC;EAChC,SAAS,CAAC,MAAM;EAChB;CACF,CAAC;CAED,sBAAsB,OAAO,YAAY,aAAa;CAGtD,MAAM,aAAa,uBAAO,IAAI,IAAoC,CAAC;CACnE,MAAM,SAAS,SAAS,WAAW,QAAQ,IAAI,KAAK,OAAO,IAAI,CAAC;CAGhE,MAAM,aAAa,OAA0B,IAAI;CACjD,MAAM,SAAS,cAAc,UAA6B,KAAK,UAAU,GAAG,CAAC,GAAG,CAAC;CACjF,MAAM,iBAAiB,OAAO,KAAK;CAEnC,MAAM,oBAAoB,OAAO,KAAK;CAItC,MAAM,gBAAgB,OAAsC,KAAA,CAAS;CACrE,sBAAsB,aAAa,cAAc,OAAO,GAAG,CAAC,CAAC;CAC7D,MAAM,UAAU,SAAiB;EAC/B,aAAa,cAAc,OAAO;EAClC,IAAI,MAAM,cAAc,UAAU,iBAAiB,iBAAiB,IAAI,GAAA,GAAqB;OACxF,iBAAiB,EAAE;CAC1B;CAEA,MAAM,gBAAgB,WAAoB;EACxC,QAAQ,MAAM;EACd,IAAI,CAAC,UAAU,gBAAgB,OAAO,EAAE;CAC1C;CAEA,MAAM,QAAQ,aACZ,oBAAC,kBAAD;EACE,WAAW,CAAC,CAAC,MAAM;EACnB,cAAc;EACd,YAAY,YAAY,CAAC;EAClB;EACA;EACE;EACK;EACJ;EACV,UAAU,SAAS;GACjB,IAAI,UAAU,eAAe,UAAU;GACvC,cAAc,IAAI;GAClB,IAAI,UAAU,SAAS,WAAW;QAC7B,IAAI,WAAW,CAAC,KAAK,QAAQ,kBAAkB,UAAU;GAC9D,aAAa,KAAK;EACpB;EACA,gBAAgB;GACd,IAAI,UAAU,SAAS,WAAW;GAClC,aAAa,KAAK;EACpB;EACA,gBAAgB,iBAAiB,SAAS,KAAA;EACjC;EACI;EACM;EACnB,eAAe,MACZ,QAAQ,aAAa,CAAC,UAAU,QAAQ,CAAC,CAAC,CAC1C,KAAK,aAAa,WAAW,QAAQ,IAAI,QAAQ,KAAK;GAAE,OAAO;GAAU,OAAO;EAAS,CAAC;EACtF;CACR,CAAA;CAMH,MAAM,WAAW,UACf,oBAAC,aAAD;EACE,oBAAoB;GAClB,MAAM,OAAO,eAAe,UAAU,WAAW,UAAU;GAC3D,eAAe,UAAU;GACzB,OAAO,QAAQ,QAAQ,WAAW;EACpC;EACA,kBAAkB,QAAQ;EAC1B,eAAe,WAAW;GACxB,IAAI,QAAQ;GACZ,QAAQ,WAAW;GACnB,aAAa,KAAK;EACpB;EACA,MAAM,QAAQ;EAEb,UAAA,KAAK,IAAI;CACC,CAAA,IACX;CAEJ,MAAM,YAAY,cAAc,OAAO,cAAc,WAAW;CAChE,MAAM,aAAa,MAAM,WAAW,IAAK,WAAW,QAAQ,IAAI,MAAM,EAAE,CAAC,EAAE,SAAS,MAAM,KAAM;CAChG,MAAM,WAAW,gBACP;EACJ,cAAc,CAAC,CAAC;EAChB,QAAQ,aAAa;CACvB,IACA,KAAA;CAGJ,MAAM,UAAU,CAAC,WAAW,CAAC,CAAC,MAAM;CACpC,IAAI,UAAU;CACd,IAAI,WAAW,UAAU;EACvB,IAAI,aAAa;EACjB,IAAI,MAAM,SAAS,GAAG,aAAa,GAAG,MAAM,OAAO;OAC9C,IAAI,MAAM,QAAQ,aAAa;EACpC,UACE,oBAAC,aAAD;GACE,GAAI;GACJ,QAAQ;GACR,OAAO,WAAW,cAAc;GAChC,eAAe,aAAa,IAAI;GACtB;GACV,KAAK;GACL,OAAO;EACR,CAAA;CAEL,OAAO,IAAI,SAAS;EAClB,IAAI,YAA6B,EAAE,OAAO,UAAU;EACpD,IAAI,MAAM,SAAS,GAAG,YAAY;GAAE,OAAO,cAAc,WAAW;GAAG,YAAY;GAAM,OAAO,MAAM;EAAO;OACxG,IAAI,MAAM,QAAQ,YAAY;GAAE,OAAO,GAAG,MAAM;GAAI,OAAO;EAAW;EAC3E,UACE,oBAAC,YAAD;GAAY,GAAI;GAAqB;GAAU,KAAK;GAAQ,aAAa,UAAU,MAAM;GAAU,GAAI;EAAO,CAAA;CAElH;CAiBA,OACE,qBAAAA,YAAA,EAAA,UAAA,CACE,oBAAC,aAAD;EAAa,cAfa,gBACpB;GACJ,IAAI,CAAC,kBAAkB,SAAS,OAAO;GACvC,kBAAkB,UAAU;GAC5B,MAAM,aAAa,QAAQ,WAAW;GACtC,IAAI,sBAAsB,qBAAqB,CAAC,WAAW,UAAU,OAAO;GAC5E,QAAQ,aAAa;GACrB,OAAO;EACT,IACA,KAAA;EAMgE;EAAoB;EAAe;EAChG,UAAA,KAAK,KAAK;CACA,CAAA,GACZ,QACD,EAAA,CAAA;AAEN,CAAC;AAED,mBAAmB,cAAc"}

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

@@ -1,28 +0,0 @@
-import { BoxProps } from '@chakra-ui/react/box';
-import { BitkitIconComponent } from '../../icons';
-import { BitkitColorToken } from '../../theme/themeUtils';
-export interface BitkitFilterSwitchItem {
-    icon?: BitkitIconComponent;
-    /** Colors the icon, e.g. a status: `icon/positive` for "Passed". Defaults to the switch's own icon color. */
-    iconColor?: BitkitColorToken<'icon'>;
-    label: string;
-    value: string;
-}
-export interface BitkitFilterSwitchProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {
-    /** Label of the leading option that removes the filter. Defaults to "All". */
-    allLabel?: string;
-    items: BitkitFilterSwitchItem[];
-    /** Accessible name of the switch, e.g. "Platform". */
-    label: string;
-    /** Called on every click. `null` is the leading "All" option. */
-    onValueChange: (value: string | null) => void;
-    /** The value "Clear filters" restores. Defaults to "All". */
-    resetValue?: string | null;
-    value: string | null;
-}
-/**
- * A filter with a few mutually exclusive options, applied on click. Its first option is "All". On
- * mobile it is a field opening a single-select list, like `BitkitFilter.Select`.
- */
-declare const BitkitFilterSwitch: import('react').ForwardRefExoticComponent<BitkitFilterSwitchProps & import('react').RefAttributes<HTMLElement>>;
-export default BitkitFilterSwitch;

package/dist/components/BitkitFilter/BitkitFilterSwitch.js

@@ -1,87 +0,0 @@
-import { useFilterContext, useFilterRegistration } from "./BitkitFilter.context.js";
-import FilterField from "./components/FilterField.js";
-import FilterPanel from "./components/FilterPanel.js";
-import FilterSelectForm from "./components/FilterSelectForm.js";
-import { forwardRef, useId, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { mergeRefs } from "@chakra-ui/react";
-import { SegmentGroup } from "@chakra-ui/react/segment-group";
-//#region lib/components/BitkitFilter/BitkitFilterSwitch.tsx
-/**
-* A filter with a few mutually exclusive options, applied on click. Its first option is "All". On
-* mobile it is a field opening a single-select list, like `BitkitFilter.Select`.
-*/
-var BitkitFilterSwitch = forwardRef((props, ref) => {
-	const { allLabel = "All", css, items, label, onValueChange, resetValue = null, value, ...rest } = props;
-	const { isDisabled, isMobile, styles } = useFilterContext();
-	const [open, setOpen] = useState(false);
-	const ALL = `all-${useId()}`;
-	const setRef = useMemo(() => mergeRefs(ref), [ref]);
-	useFilterRegistration(value, resetValue, onValueChange);
-	if (isMobile) {
-		const options = [{
-			label: allLabel,
-			value: ALL
-		}, ...items];
-		return /* @__PURE__ */ jsx(FilterPanel, {
-			onOpenChange: setOpen,
-			open,
-			trigger: /* @__PURE__ */ jsx(FilterField, {
-				...rest,
-				css,
-				isOpen: open,
-				label,
-				onClick: () => setOpen(true),
-				ref: setRef,
-				value: items.find((item) => item.value === value)?.label ?? allLabel
-			}),
-			children: /* @__PURE__ */ jsx(FilterSelectForm, {
-				isEditing: value !== null,
-				isOrderFixed: true,
-				items: options,
-				label,
-				onApply: ([next]) => {
-					onValueChange(!next || next === ALL ? null : next);
-					setOpen(false);
-				},
-				onCancel: () => setOpen(false),
-				pluralLabel: label,
-				value: [value ?? ALL]
-			})
-		});
-	}
-	return /* @__PURE__ */ jsx(SegmentGroup.Root, {
-		"aria-label": label,
-		css: [styles.switch, css],
-		readOnly: isDisabled,
-		onValueChange: (details) => onValueChange(!details.value || details.value === ALL ? null : details.value),
-		ref: setRef,
-		unstyled: true,
-		value: value ?? ALL,
-		...rest,
-		children: [{
-			label: allLabel,
-			value: ALL
-		}, ...items].map((item) => /* @__PURE__ */ jsxs(SegmentGroup.Item, {
-			css: styles.switchItem,
-			value: item.value,
-			children: [
-				!!item.icon && /* @__PURE__ */ jsx(item.icon, {
-					"data-own-color": item.iconColor ? "" : void 0,
-					color: item.iconColor,
-					size: "16"
-				}),
-				/* @__PURE__ */ jsx(SegmentGroup.ItemText, {
-					css: styles.switchItemText,
-					children: item.label
-				}),
-				/* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, { disabled: isDisabled ? false : void 0 })
-			]
-		}, item.value))
-	});
-});
-BitkitFilterSwitch.displayName = "BitkitFilterSwitch";
-//#endregion
-export { BitkitFilterSwitch as default };
-
-//# sourceMappingURL=BitkitFilterSwitch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BitkitFilterSwitch.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilterSwitch.tsx"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport { mergeRefs } from '@chakra-ui/react';\nimport { type BoxProps } from '@chakra-ui/react/box';\nimport { SegmentGroup } from '@chakra-ui/react/segment-group';\nimport { forwardRef, useId, useMemo, useState } from 'react';\n\nimport { type BitkitIconComponent } from '../../icons';\nimport { type BitkitColorToken } from '../../theme/themeUtils';\nimport { useFilterContext, useFilterRegistration } from './BitkitFilter.context';\nimport FilterField from './components/FilterField';\nimport FilterPanel from './components/FilterPanel';\nimport FilterSelectForm from './components/FilterSelectForm';\n\nexport interface BitkitFilterSwitchItem {\n  icon?: BitkitIconComponent;\n  /** Colors the icon, e.g. a status: `icon/positive` for \"Passed\". Defaults to the switch's own icon color. */\n  iconColor?: BitkitColorToken<'icon'>;\n  label: string;\n  value: string;\n}\n\nexport interface BitkitFilterSwitchProps extends Omit<BoxProps, 'children' | 'defaultValue' | 'onChange'> {\n  /** Label of the leading option that removes the filter. Defaults to \"All\". */\n  allLabel?: string;\n  items: BitkitFilterSwitchItem[];\n  /** Accessible name of the switch, e.g. \"Platform\". */\n  label: string;\n  /** Called on every click. `null` is the leading \"All\" option. */\n  onValueChange: (value: string | null) => void;\n  /** The value \"Clear filters\" restores. Defaults to \"All\". */\n  resetValue?: string | null;\n  value: string | null;\n}\n\n/**\n * A filter with a few mutually exclusive options, applied on click. Its first option is \"All\". On\n * mobile it is a field opening a single-select list, like `BitkitFilter.Select`.\n */\n// The ref lands on the switch on desktop, and on the field's button on mobile.\nconst BitkitFilterSwitch = forwardRef<HTMLElement, BitkitFilterSwitchProps>((props, ref) => {\n  const { allLabel = 'All', css, items, label, onValueChange, resetValue = null, value, ...rest } = props;\n\n  const { isDisabled, isMobile, styles } = useFilterContext();\n  const [open, setOpen] = useState(false);\n  // Stands in for `null` in the segment group, which needs a string value per item. Per instance,\n  // so no item value can collide with it.\n  const ALL = `all-${useId()}`;\n  // A callback ref takes either element, where the forwarded `HTMLElement` ref object doesn't type-check.\n  const setRef = useMemo(() => mergeRefs<HTMLElement>(ref), [ref]);\n\n  useFilterRegistration(value, resetValue, onValueChange);\n\n  if (isMobile) {\n    const options = [{ label: allLabel, value: ALL }, ...items];\n    return (\n      <FilterPanel\n        onOpenChange={setOpen}\n        open={open}\n        trigger={\n          <FilterField\n            {...rest}\n            css={css}\n            isOpen={open}\n            label={label}\n            onClick={() => setOpen(true)}\n            ref={setRef}\n            value={items.find((item) => item.value === value)?.label ?? allLabel}\n          />\n        }\n      >\n        <FilterSelectForm\n          isEditing={value !== null}\n          isOrderFixed\n          items={options}\n          label={label}\n          onApply={([next]) => {\n            onValueChange(!next || next === ALL ? null : next);\n            setOpen(false);\n          }}\n          onCancel={() => setOpen(false)}\n          pluralLabel={label}\n          value={[value ?? ALL]}\n        />\n      </FilterPanel>\n    );\n  }\n\n  // Figma's `filterSwitch` is its own component, so the segment group is unstyled and takes the\n  // filter recipe instead of `BitkitSegmentedControl`'s look.\n  return (\n    <SegmentGroup.Root\n      aria-label={label}\n      css={[styles.switch, css]}\n      readOnly={isDisabled}\n      onValueChange={(details) => onValueChange(!details.value || details.value === ALL ? null : details.value)}\n      ref={setRef}\n      unstyled\n      value={value ?? ALL}\n      {...rest}\n    >\n      {[{ label: allLabel, value: ALL } as BitkitFilterSwitchItem, ...items].map((item) => (\n        <SegmentGroup.Item css={styles.switchItem} key={item.value} value={item.value}>\n          {!!item.icon && (\n            <item.icon data-own-color={item.iconColor ? '' : undefined} color={item.iconColor} size=\"16\" />\n          )}\n          <SegmentGroup.ItemText css={styles.switchItemText}>{item.label}</SegmentGroup.ItemText>\n          {/* Zag disables a read-only group's radios, which would drop a focus handed to one while the\n              page loads; kept enabled, Zag's read-only guard still refuses the change. */}\n          <SegmentGroup.ItemHiddenInput disabled={isDisabled ? false : undefined} />\n        </SegmentGroup.Item>\n      ))}\n    </SegmentGroup.Root>\n  );\n});\n\nBitkitFilterSwitch.displayName = 'BitkitFilterSwitch';\n\nexport default BitkitFilterSwitch;\n"],"mappings":";;;;;;;;;;;;;AAuCA,IAAM,qBAAqB,YAAkD,OAAO,QAAQ;CAC1F,MAAM,EAAE,WAAW,OAAO,KAAK,OAAO,OAAO,eAAe,aAAa,MAAM,OAAO,GAAG,SAAS;CAElG,MAAM,EAAE,YAAY,UAAU,WAAW,iBAAiB;CAC1D,MAAM,CAAC,MAAM,WAAW,SAAS,KAAK;CAGtC,MAAM,MAAM,OAAO,MAAM;CAEzB,MAAM,SAAS,cAAc,UAAuB,GAAG,GAAG,CAAC,GAAG,CAAC;CAE/D,sBAAsB,OAAO,YAAY,aAAa;CAEtD,IAAI,UAAU;EACZ,MAAM,UAAU,CAAC;GAAE,OAAO;GAAU,OAAO;EAAI,GAAG,GAAG,KAAK;EAC1D,OACE,oBAAC,aAAD;GACE,cAAc;GACR;GACN,SACE,oBAAC,aAAD;IACE,GAAI;IACC;IACL,QAAQ;IACD;IACP,eAAe,QAAQ,IAAI;IAC3B,KAAK;IACL,OAAO,MAAM,MAAM,SAAS,KAAK,UAAU,KAAK,CAAC,EAAE,SAAS;GAC7D,CAAA;GAGH,UAAA,oBAAC,kBAAD;IACE,WAAW,UAAU;IACrB,cAAA;IACA,OAAO;IACA;IACP,UAAU,CAAC,UAAU;KACnB,cAAc,CAAC,QAAQ,SAAS,MAAM,OAAO,IAAI;KACjD,QAAQ,KAAK;IACf;IACA,gBAAgB,QAAQ,KAAK;IAC7B,aAAa;IACb,OAAO,CAAC,SAAS,GAAG;GACrB,CAAA;EACU,CAAA;CAEjB;CAIA,OACE,oBAAC,aAAa,MAAd;EACE,cAAY;EACZ,KAAK,CAAC,OAAO,QAAQ,GAAG;EACxB,UAAU;EACV,gBAAgB,YAAY,cAAc,CAAC,QAAQ,SAAS,QAAQ,UAAU,MAAM,OAAO,QAAQ,KAAK;EACxG,KAAK;EACL,UAAA;EACA,OAAO,SAAS;EAChB,GAAI;EAEH,UAAA,CAAC;GAAE,OAAO;GAAU,OAAO;EAAI,GAA6B,GAAG,KAAK,CAAC,CAAC,KAAK,SAC1E,qBAAC,aAAa,MAAd;GAAmB,KAAK,OAAO;GAA6B,OAAO,KAAK;GAAxE,UAAA;IACG,CAAC,CAAC,KAAK,QACN,oBAAC,KAAK,MAAN;KAAW,kBAAgB,KAAK,YAAY,KAAK,KAAA;KAAW,OAAO,KAAK;KAAW,MAAK;IAAM,CAAA;IAEhG,oBAAC,aAAa,UAAd;KAAuB,KAAK,OAAO;KAAiB,UAAA,KAAK;IAA6B,CAAA;IAGtF,oBAAC,aAAa,iBAAd,EAA8B,UAAU,aAAa,QAAQ,KAAA,EAAY,CAAA;GACxD;EAR6B,GAAA,KAAK,KAQlC,CACpB;CACgB,CAAA;AAEvB,CAAC;AAED,mBAAmB,cAAc"}

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,66 +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,
-			"data-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,
-			"data-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\n          aria-disabled={isDisabled || undefined}\n          data-disabled={isDisabled ? '' : undefined}\n          css={styles.chipTrigger}\n          ref={ref}\n          type=\"button\"\n        >\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          data-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;GACE,iBAAe,cAAc,KAAA;GAC7B,iBAAe,aAAa,KAAK,KAAA;GACjC,KAAK,OAAO;GACP;GACL,MAAK;GALP,UAAA;IAOG,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,iBAAe,aAAa,KAAK,KAAA;GACjC,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,60 +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,
-				"data-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,
-				"data-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            data-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              data-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,iBAAe,aAAa,KAAK,KAAA;IACjC,KAAK,OAAO;IACZ,SAAS,aAAa,KAAA,IAAY;IAC7B;IACL,MAAK;IAVP,UAAA;KAYG,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,iBAAe,aAAa,KAAK,KAAA;IACjC,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;