@arbor-education/design-system.components 0.21.1 → 0.23.0

package/dist/components/combobox/ComboboxButtonTrigger.js

@@ -3,69 +3,64 @@ import classNames from 'classnames';
 import { Badge } from '../badge/Badge.js';
 import { Icon } from '../icon/Icon.js';
 import { Tag } from '../tag/Tag.js';
+import { TagList } from '../tagList/TagList.js';
+import { useMeasuredChildWidths } from '../../utils/hooks/useMeasuredChildWidths.js';
+import { useElementWidth } from '../../utils/hooks/useElementWidth.js';
 import { Popover } from 'radix-ui';
 import { useMemo, useRef } from 'react';
-import { useElementWidth } from './useElementWidth.js';
-import { useVisibleChips } from './useVisibleChips.js';
-export const ComboboxButtonTrigger = ({ triggerRef, listboxId, isOpen, hasError, disabled, placeholder, ariaLabel, ariaDescribedBy, ariaInvalid, showDropdownTrigger, selectedValueDisplay, triggerEndContent, selectedChips, selectedChipValuesSet, focusedChipIndex, resolveTagLabel, removeValue, handleTriggerClick, handleTriggerKeyDown, handleChevronClick, showSelectionCountBadge, selectionCountA11yLabel, }) => {
+import { useVisibleTriggerTags } from './useVisibleTriggerTags.js';
+export const ComboboxButtonTrigger = ({ triggerRef, listboxId, isOpen, hasError, disabled, placeholder, ariaLabel, ariaDescribedBy, ariaInvalid, showDropdownTrigger, selectedValueDisplay, triggerEndContent, selectedTags, selectedTagValuesSet, focusedTagIndex, resolveTagLabel, removeValue, handleTriggerClick, handleTriggerKeyDown, handleChevronClick, showSelectionCountBadge, selectionCountA11yLabel, }) => {
     const contentRef = useRef(null);
     const measureTrackRef = useRef(null);
     const ellipsisProbeRef = useRef(null);
     const badgeProbeRef = useRef(null);
-    const chipWatchKey = useMemo(() => selectedChips
+    const tagWatchKey = useMemo(() => selectedTags
         .map(opt => `${opt.value}:${resolveTagLabel(opt)}:${opt.iconName ?? ''}`)
-        .join('|'), [resolveTagLabel, selectedChips]);
-    const selectedValueText = useMemo(() => selectedChips.map(resolveTagLabel).join(', '), [resolveTagLabel, selectedChips]);
+        .join('|'), [resolveTagLabel, selectedTags]);
+    const selectedValueText = useMemo(() => selectedTags.map(resolveTagLabel).join(', '), [resolveTagLabel, selectedTags]);
     const usesTagDisplay = selectedValueDisplay === 'tags';
-    const shouldShowBadge = showSelectionCountBadge && selectedChips.length > 0;
-    const contentWidth = useElementWidth(contentRef, `${chipWatchKey}-${isOpen}-${shouldShowBadge}`);
-    const measurementTrackWidth = useElementWidth(measureTrackRef, `${chipWatchKey}-${isOpen}`);
-    const ellipsisWidth = useElementWidth(ellipsisProbeRef, `${chipWatchKey}-${isOpen}`);
-    const badgeWidth = useElementWidth(badgeProbeRef, `${chipWatchKey}-${isOpen}-${shouldShowBadge}`);
-    const measurementTrackElement = measureTrackRef.current;
-    const chipGap = useMemo(() => {
-        const el = measureTrackRef.current;
-        if (!el)
-            return 0;
-        const styles = getComputedStyle(el);
-        const parsed = Number.parseFloat(styles.columnGap || styles.gap || '0');
-        return Number.isFinite(parsed) ? parsed : 0;
-    }, [measurementTrackElement, measurementTrackWidth]);
-    const chipWidths = useMemo(() => {
-        const el = measureTrackRef.current;
-        if (!el)
-            return [];
-        return Array.from(el.children).map((child) => {
-            const width = child.getBoundingClientRect().width;
-            return Number.isFinite(width) ? width : 0;
-        });
-    }, [chipWatchKey, measurementTrackElement, measurementTrackWidth]);
-    const layout = useVisibleChips({
+    const shouldShowBadge = showSelectionCountBadge && selectedTags.length > 0;
+    const contentWidth = useElementWidth(contentRef, `${tagWatchKey}-${isOpen}-${shouldShowBadge}`);
+    const ellipsisWidth = useElementWidth(ellipsisProbeRef, `${tagWatchKey}-${isOpen}`);
+    const badgeWidth = useElementWidth(badgeProbeRef, `${tagWatchKey}-${isOpen}-${shouldShowBadge}`);
+    const { childGap: tagGap, childWidths: tagWidths } = useMeasuredChildWidths(measureTrackRef, `${tagWatchKey}-${isOpen}`);
+    const layout = useVisibleTriggerTags({
         containerWidth: contentWidth,
-        chipWidths,
-        chipGap,
+        tagWidths,
+        tagGap,
         badgeWidth,
         ellipsisWidth,
         showBadge: shouldShowBadge,
     });
-    const canMeasure = contentWidth > 0 && chipWidths.length === selectedChips.length;
-    const visibleChips = canMeasure
-        ? layout.visibleChipIndices.map(index => selectedChips[index]).filter(Boolean)
-        : selectedChips;
+    const canMeasure = contentWidth > 0 && tagWidths.length === selectedTags.length;
+    const visibleTags = canMeasure
+        ? layout.visibleTagIndices.map(index => selectedTags[index]).filter(Boolean)
+        : selectedTags;
     const showEllipsis = usesTagDisplay && (canMeasure ? layout.showEllipsis : false);
     const showBadge = usesTagDisplay && (canMeasure ? layout.showBadge : shouldShowBadge);
-    const renderSelectionTag = (opt, chipIdx, onRemove) => (_jsx(Tag, { color: "neutral", selected: selectedChipValuesSet.has(opt.value) || focusedChipIndex === chipIdx, slotStart: opt.iconName ? _jsx(Icon, { name: opt.iconName, size: 12 }) : undefined, onRemove: onRemove, removeLabel: `Remove ${resolveTagLabel(opt)}`, removeButtonTabIndex: -1, children: resolveTagLabel(opt) }, opt.value));
-    const renderSelectionCountBadge = (withA11yLabel) => (_jsx(Badge, { colour: "salmon", a11yLabel: withA11yLabel ? selectionCountA11yLabel : undefined, children: selectedChips.length }));
+    const renderSelectionTag = (opt, tagIdx, onRemove) => (_jsx(Tag, { color: "neutral", selected: selectedTagValuesSet.has(opt.value) || focusedTagIndex === tagIdx, slotStart: opt.iconName ? _jsx(Icon, { name: opt.iconName, size: 12 }) : undefined, onRemove: onRemove, removeLabel: `Remove ${resolveTagLabel(opt)}`, removeButtonTabIndex: -1, children: resolveTagLabel(opt) }, opt.value));
+    const renderSelectionCountBadge = (withA11yLabel) => (_jsx(Badge, { colour: "salmon", a11yLabel: withA11yLabel ? selectionCountA11yLabel : undefined, children: selectedTags.length }));
+    const visibleTagItems = visibleTags.map((opt, tagIdx) => ({
+        id: opt.value,
+        children: resolveTagLabel(opt),
+        color: 'neutral',
+        selected: selectedTagValuesSet.has(opt.value) || focusedTagIndex === tagIdx,
+        slotStart: opt.iconName ? _jsx(Icon, { name: opt.iconName, size: 12 }) : undefined,
+        onRemove: disabled ? undefined : () => removeValue(opt.value),
+        removeLabel: `Remove ${resolveTagLabel(opt)}`,
+    }));
     return (_jsx(Popover.Anchor, { asChild: true, children: _jsxs("div", { ref: triggerRef, role: "button", tabIndex: disabled ? -1 : 0, "aria-haspopup": "listbox", "aria-expanded": isOpen, "aria-controls": listboxId, "aria-label": ariaLabel, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, className: classNames('ds-combobox__trigger', 'ds-combobox__trigger--button', {
                 'ds-combobox__trigger--open': isOpen,
                 'ds-combobox__trigger--error': hasError,
                 'ds-combobox__trigger--disabled': disabled,
             }), onClick: handleTriggerClick, onKeyDown: handleTriggerKeyDown, children: [_jsxs("div", { className: "ds-combobox__button-content", ref: contentRef, children: [usesTagDisplay
-                            ? (_jsxs("div", { className: "ds-combobox__button-tags-viewport", children: [_jsxs("div", { className: "ds-combobox__button-tags-track", children: [selectedChips.length === 0 && (_jsx("span", { className: "ds-combobox__button-placeholder", children: placeholder })), visibleChips.map((opt, chipIdx) => renderSelectionTag(opt, chipIdx, disabled ? undefined : () => removeValue(opt.value)))] }), showEllipsis && _jsx("span", { className: "ds-combobox__button-ellipsis", "aria-hidden": "true", children: "\u2026" })] }))
+                            ? (_jsxs("div", { className: "ds-combobox__button-tags-viewport", children: [selectedTags.length === 0
+                                        ? _jsx("span", { className: "ds-combobox__button-placeholder", children: placeholder })
+                                        : (_jsx(TagList, { items: visibleTagItems, returnFocusRef: triggerRef, className: "ds-combobox__tag-list" })), showEllipsis && _jsx("span", { className: "ds-combobox__button-ellipsis", "aria-hidden": "true", children: "\u2026" })] }))
                             : (_jsx("span", { className: classNames({
                                     'ds-combobox__button-placeholder': selectedValueText.length === 0,
                                     'ds-combobox__selected-value': selectedValueText.length > 0,
-                                }), children: selectedValueText || placeholder })), showBadge && renderSelectionCountBadge(true)] }), triggerEndContent && (_jsx("span", { className: "ds-combobox__end-content", "aria-hidden": "true", children: triggerEndContent })), showDropdownTrigger && (_jsx("button", { type: "button", className: "ds-combobox__chevron", tabIndex: -1, "aria-label": "Open suggestions", onClick: handleChevronClick, disabled: disabled, children: _jsx(Icon, { name: isOpen ? 'chevron-up' : 'chevron-down', size: 16 }) })), usesTagDisplay && (_jsxs("div", { className: "ds-combobox__measure", "aria-hidden": "true", children: [_jsx("div", { className: "ds-combobox__button-tags-track", ref: measureTrackRef, children: selectedChips.map((opt, chipIdx) => (_jsx("span", { className: "ds-combobox__measure-chip", children: renderSelectionTag(opt, chipIdx, disabled ? undefined : () => { }) }, `measure-${opt.value}`))) }), _jsx("span", { ref: ellipsisProbeRef, className: "ds-combobox__button-ellipsis", children: "\u2026" }), _jsx("span", { ref: badgeProbeRef, children: shouldShowBadge ? renderSelectionCountBadge(false) : null })] }))] }) }));
+                                }), children: selectedValueText || placeholder })), showBadge && renderSelectionCountBadge(true)] }), triggerEndContent && (_jsx("span", { className: "ds-combobox__end-content", "aria-hidden": "true", children: triggerEndContent })), showDropdownTrigger && (_jsx("button", { type: "button", className: "ds-combobox__chevron", tabIndex: -1, "aria-label": "Open suggestions", onClick: handleChevronClick, disabled: disabled, children: _jsx(Icon, { name: isOpen ? 'chevron-up' : 'chevron-down', size: 16 }) })), usesTagDisplay && (_jsxs("div", { className: "ds-combobox__measure", "aria-hidden": "true", children: [_jsx("div", { className: "ds-combobox__button-tags-track", ref: measureTrackRef, children: selectedTags.map((opt, tagIdx) => (_jsx("span", { className: "ds-combobox__measure-chip", children: renderSelectionTag(opt, tagIdx, disabled ? undefined : () => { }) }, `measure-${opt.value}`))) }), _jsx("span", { ref: ellipsisProbeRef, className: "ds-combobox__button-ellipsis", children: "\u2026" }), _jsx("span", { ref: badgeProbeRef, children: shouldShowBadge ? renderSelectionCountBadge(false) : null })] }))] }) }));
 };
 ComboboxButtonTrigger.displayName = 'Combobox.ButtonTrigger';
 //# sourceMappingURL=ComboboxButtonTrigger.js.map

package/dist/components/combobox/ComboboxButtonTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxButtonTrigger.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxButtonTrigger.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ComboboxButtonTrigger.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxButtonTrigger.tsx"],"names":[],"mappings":"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"}

package/dist/components/combobox/ComboboxTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAEpG,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,4BAA4B,CAAC;IACrD,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,uBAAuB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,iBAAiB,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,MAAM,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnE,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,eAAe;YAAW,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAqH9E,CAAC"}
+{"version":3,"file":"ComboboxTrigger.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,4BAA4B,EAAE,MAAM,YAAY,CAAC;AAEpG,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACrD,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,kBAAkB,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,sBAAsB,EAAE,4BAA4B,CAAC;IACrD,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,uBAAuB,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IACrC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,iBAAiB,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,MAAM,CAAC;IACnD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC,mBAAmB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACtE,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACnE,eAAe,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACpE,oBAAoB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,eAAe;YAAW,oBAAoB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAwH9E,CAAC"}

package/dist/components/combobox/ComboboxTrigger.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { Icon } from '../icon/Icon.js';
-import { Tag } from '../tag/Tag.js';
+import { TagList } from '../tagList/TagList.js';
 import { Popover } from 'radix-ui';
 export const ComboboxTrigger = (props) => {
     const { inputRef, triggerRef, comboboxId, listboxId, isOpen, hasError, disabled, placeholder, query, shouldShowPopover, showListboxLoading, activeDescendant, 'aria-describedby': ariaDescribedBy, 'aria-invalid': ariaInvalid, 'aria-label': ariaLabel, showDropdownTrigger, selectedValueDisplay, triggerEndContent, selectedChips, selectedChipValuesSet, focusedChipIndex, resolveTagLabel, removeValue, handleTriggerClick, handleInputChange, handleInputFocus, handleInputBlur, handleKeyDown, handleChevronClick, } = props;
@@ -9,13 +9,20 @@ export const ComboboxTrigger = (props) => {
     const showSelectedValueText = selectedValueDisplay === 'text'
         && query.length === 0
         && selectedValueText.length > 0;
+    const selectedTagItems = selectedChips.map(opt => ({
+        id: opt.value,
+        children: resolveTagLabel(opt),
+        color: 'neutral',
+        selected: selectedChipValuesSet.has(opt.value),
+        slotStart: opt.iconName ? _jsx(Icon, { name: opt.iconName, size: 12 }) : undefined,
+        onRemove: disabled ? undefined : () => removeValue(opt.value),
+        removeLabel: `Remove ${resolveTagLabel(opt)}`,
+    }));
     return (_jsx(Popover.Anchor, { asChild: true, children: _jsxs("div", { ref: triggerRef, className: classNames('ds-combobox__trigger', {
                 'ds-combobox__trigger--open': isOpen,
                 'ds-combobox__trigger--error': hasError,
                 'ds-combobox__trigger--disabled': disabled,
-            }), onClick: handleTriggerClick, children: [_jsxs("div", { className: "ds-combobox__chips-and-input", children: [selectedValueDisplay === 'tags'
-                            ? selectedChips.map((opt, chipIdx) => (_jsx(Tag, { color: "neutral", selected: selectedChipValuesSet.has(opt.value) || focusedChipIndex === chipIdx, slotStart: opt.iconName ? _jsx(Icon, { name: opt.iconName, size: 12 }) : undefined, onRemove: disabled ? undefined : () => removeValue(opt.value), removeLabel: `Remove ${resolveTagLabel(opt)}`, removeButtonTabIndex: -1, children: resolveTagLabel(opt) }, opt.value)))
-                            : null, showSelectedValueText && (_jsx("span", { className: "ds-combobox__selected-value", children: selectedValueText })), _jsx("input", { ref: inputRef, id: comboboxId, className: classNames('ds-combobox__input', {
+            }), onClick: handleTriggerClick, children: [_jsxs("div", { className: "ds-combobox__chips-and-input", children: [selectedValueDisplay === 'tags' && (_jsx(TagList, { items: selectedTagItems, wrap: true, highlightedItemIndex: focusedChipIndex, returnFocusRef: inputRef, className: "ds-combobox__tag-list" })), showSelectedValueText && (_jsx("span", { className: "ds-combobox__selected-value", children: selectedValueText })), _jsx("input", { ref: inputRef, id: comboboxId, className: classNames('ds-combobox__input', {
                                 'ds-combobox__input--with-selected-value': showSelectedValueText,
                             }), type: "text", role: "combobox", "aria-autocomplete": "list", "aria-expanded": shouldShowPopover, "aria-controls": listboxId, "aria-activedescendant": activeDescendant, "aria-busy": showListboxLoading ? true : undefined, "aria-describedby": ariaDescribedBy, "aria-invalid": ariaInvalid, "aria-label": ariaLabel, placeholder: selectedChips.length === 0 ? placeholder : undefined, value: query, onChange: handleInputChange, onFocus: handleInputFocus, onKeyDown: handleKeyDown, onBlur: handleInputBlur, disabled: disabled, autoComplete: "off" })] }), triggerEndContent && (_jsx("span", { className: "ds-combobox__end-content", "aria-hidden": "true", children: triggerEndContent })), showDropdownTrigger && (_jsx("button", { type: "button", className: "ds-combobox__chevron", tabIndex: -1, "aria-label": "Open suggestions", onClick: handleChevronClick, disabled: disabled, children: _jsx(Icon, { name: isOpen ? 'chevron-up' : 'chevron-down', size: 16 }) }))] }) }));
 };

package/dist/components/combobox/ComboboxTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboboxTrigger.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxTrigger.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ComboboxTrigger.js","sourceRoot":"","sources":["../../../src/components/combobox/ComboboxTrigger.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAmCnC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAqB,EAAE;IAChF,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,KAAK,EACL,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAAE,eAAe,EACnC,cAAc,EAAE,WAAW,EAC3B,YAAY,EAAE,SAAS,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,qBAAqB,EACrB,gBAAgB,EAChB,eAAe,EACf,WAAW,EACX,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,aAAa,EACb,kBAAkB,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,iBAAiB,GAAG,aAAa,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxE,MAAM,qBAAqB,GACvB,oBAAoB,KAAK,MAAM;WAC5B,KAAK,CAAC,MAAM,KAAK,CAAC;WAClB,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC;IACpC,MAAM,gBAAgB,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QACjD,EAAE,EAAE,GAAG,CAAC,KAAK;QACb,QAAQ,EAAE,eAAe,CAAC,GAAG,CAAC;QAC9B,KAAK,EAAE,SAAkB;QACzB,QAAQ,EAAE,qBAAqB,CAAC,GAAG,CAAC,GAAG,CAAC,KAAK,CAAC;QAC9C,SAAS,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,SAAS;QAC5E,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;QAC7D,WAAW,EAAE,UAAU,eAAe,CAAC,GAAG,CAAC,EAAE;KAC9C,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,KAAC,OAAO,CAAC,MAAM,IAAC,OAAO,kBACrB,eACE,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,UAAU,CAAC,sBAAsB,EAAE;gBAC5C,4BAA4B,EAAE,MAAM;gBACpC,6BAA6B,EAAE,QAAQ;gBACvC,gCAAgC,EAAE,QAAQ;aAC3C,CAAC,EACF,OAAO,EAAE,kBAAkB,aAE3B,eAAK,SAAS,EAAC,8BAA8B,aAC1C,oBAAoB,KAAK,MAAM,IAAI,CAClC,KAAC,OAAO,IACN,KAAK,EAAE,gBAAgB,EACvB,IAAI,QACJ,oBAAoB,EAAE,gBAAgB,EACtC,cAAc,EAAE,QAAQ,EACxB,SAAS,EAAC,uBAAuB,GACjC,CACH,EACA,qBAAqB,IAAI,CACxB,eAAM,SAAS,EAAC,6BAA6B,YAC1C,iBAAiB,GACb,CACR,EACD,gBACE,GAAG,EAAE,QAAQ,EACb,EAAE,EAAE,UAAU,EACd,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE;gCAC1C,yCAAyC,EAAE,qBAAqB;6BACjE,CAAC,EACF,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,UAAU,uBACG,MAAM,mBACT,iBAAiB,mBACjB,SAAS,2BACD,gBAAgB,eAC5B,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,sBAC9B,eAAe,kBACnB,WAAW,gBACb,SAAS,EACrB,WAAW,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,EACjE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,eAAe,EACvB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAC,KAAK,GAClB,IACE,EACL,iBAAiB,IAAI,CACpB,eAAM,SAAS,EAAC,0BAA0B,iBAAa,MAAM,YAC1D,iBAAiB,GACb,CACR,EACA,mBAAmB,IAAI,CACtB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,CAAC,CAAC,gBACD,kBAAkB,EAC7B,OAAO,EAAE,kBAAkB,EAC3B,QAAQ,EAAE,QAAQ,YAElB,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,EAAE,IAAI,EAAE,EAAE,GAAI,GACzD,CACV,IACG,GACS,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/components/combobox/useVisibleTriggerTags.d.ts

@@ -0,0 +1,21 @@
+type ComputeVisibleTriggerTagsLayoutParams = {
+    containerWidth: number;
+    tagWidths: number[];
+    tagGap: number;
+    badgeWidth: number;
+    ellipsisWidth: number;
+    showBadge: boolean;
+    safetyBuffer?: number;
+};
+export type VisibleTriggerTagsLayout = {
+    visibleTagIndices: number[];
+    hiddenTagCount: number;
+    showBadge: boolean;
+    showEllipsis: boolean;
+    hasOverflow: boolean;
+};
+export declare const computeVisibleTriggerTagsLayout: ({ containerWidth, tagWidths, tagGap, badgeWidth, ellipsisWidth, showBadge, safetyBuffer, }: ComputeVisibleTriggerTagsLayoutParams) => VisibleTriggerTagsLayout;
+type UseVisibleTriggerTagsParams = ComputeVisibleTriggerTagsLayoutParams;
+export declare const useVisibleTriggerTags: (params: UseVisibleTriggerTagsParams) => VisibleTriggerTagsLayout;
+export {};
+//# sourceMappingURL=useVisibleTriggerTags.d.ts.map

package/dist/components/combobox/useVisibleTriggerTags.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibleTriggerTags.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useVisibleTriggerTags.ts"],"names":[],"mappings":"AAGA,KAAK,qCAAqC,GAAG;IAC3C,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,iBAAiB,EAAE,MAAM,EAAE,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,+BAA+B,GAAI,4FAQ7C,qCAAqC,KAAG,wBAmC1C,CAAC;AAEF,KAAK,2BAA2B,GAAG,qCAAqC,CAAC;AAEzE,eAAO,MAAM,qBAAqB,GAAI,QAAQ,2BAA2B,KAAG,wBAczE,CAAC"}

package/dist/components/combobox/useVisibleTriggerTags.js

@@ -0,0 +1,46 @@
+import { useMemo } from 'react';
+import { fitSpacedWidths } from '../../utils/spacedWidths.js';
+export const computeVisibleTriggerTagsLayout = ({ containerWidth, tagWidths, tagGap, badgeWidth, ellipsisWidth, showBadge, safetyBuffer = 1, }) => {
+    const selectedCount = tagWidths.length;
+    const shouldShowBadge = showBadge && selectedCount > 0;
+    if (selectedCount === 0 || containerWidth <= 0) {
+        return {
+            visibleTagIndices: [],
+            hiddenTagCount: 0,
+            showBadge: shouldShowBadge,
+            showEllipsis: false,
+            hasOverflow: false,
+        };
+    }
+    const badgeReserve = shouldShowBadge
+        ? badgeWidth + tagGap
+        : 0;
+    const availableWithoutEllipsis = Math.max(0, containerWidth - badgeReserve - safetyBuffer);
+    const countWithoutEllipsis = fitSpacedWidths(availableWithoutEllipsis, tagWidths, tagGap);
+    const hasOverflow = countWithoutEllipsis < selectedCount;
+    const ellipsisReserve = hasOverflow
+        ? ellipsisWidth + tagGap
+        : 0;
+    const availableForTags = Math.max(0, containerWidth - badgeReserve - ellipsisReserve - safetyBuffer);
+    const visibleCount = fitSpacedWidths(availableForTags, tagWidths, tagGap);
+    return {
+        visibleTagIndices: Array.from({ length: visibleCount }, (_, index) => index),
+        hiddenTagCount: Math.max(0, selectedCount - visibleCount),
+        showBadge: shouldShowBadge,
+        showEllipsis: visibleCount < selectedCount,
+        hasOverflow: visibleCount < selectedCount,
+    };
+};
+export const useVisibleTriggerTags = (params) => 
+// Deps list each field instead of `[params]`: callers often pass a new `params` object every
+// render; depending on object identity would rerun the layout every time even when values are unchanged.
+useMemo(() => computeVisibleTriggerTagsLayout(params), [
+    params.badgeWidth,
+    params.containerWidth,
+    params.ellipsisWidth,
+    params.safetyBuffer,
+    params.showBadge,
+    params.tagGap,
+    params.tagWidths,
+]);
+//# sourceMappingURL=useVisibleTriggerTags.js.map

package/dist/components/combobox/useVisibleTriggerTags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibleTriggerTags.js","sourceRoot":"","sources":["../../../src/components/combobox/useVisibleTriggerTags.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAoBrD,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAC9C,cAAc,EACd,SAAS,EACT,MAAM,EACN,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,GAAG,CAAC,GACsB,EAA4B,EAAE;IACpE,MAAM,aAAa,GAAG,SAAS,CAAC,MAAM,CAAC;IACvC,MAAM,eAAe,GAAG,SAAS,IAAI,aAAa,GAAG,CAAC,CAAC;IAEvD,IAAI,aAAa,KAAK,CAAC,IAAI,cAAc,IAAI,CAAC,EAAE,CAAC;QAC/C,OAAO;YACL,iBAAiB,EAAE,EAAE;YACrB,cAAc,EAAE,CAAC;YACjB,SAAS,EAAE,eAAe;YAC1B,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,KAAK;SACnB,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG,eAAe;QAClC,CAAC,CAAC,UAAU,GAAG,MAAM;QACrB,CAAC,CAAC,CAAC,CAAC;IAEN,MAAM,wBAAwB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,YAAY,CAAC,CAAC;IAC3F,MAAM,oBAAoB,GAAG,eAAe,CAAC,wBAAwB,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IAC1F,MAAM,WAAW,GAAG,oBAAoB,GAAG,aAAa,CAAC;IAEzD,MAAM,eAAe,GAAG,WAAW;QACjC,CAAC,CAAC,aAAa,GAAG,MAAM;QACxB,CAAC,CAAC,CAAC,CAAC;IACN,MAAM,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,eAAe,GAAG,YAAY,CAAC,CAAC;IACrG,MAAM,YAAY,GAAG,eAAe,CAAC,gBAAgB,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IAE1E,OAAO;QACL,iBAAiB,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC;QAC5E,cAAc,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,GAAG,YAAY,CAAC;QACzD,SAAS,EAAE,eAAe;QAC1B,YAAY,EAAE,YAAY,GAAG,aAAa;QAC1C,WAAW,EAAE,YAAY,GAAG,aAAa;KAC1C,CAAC;AACJ,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,MAAmC,EAA4B,EAAE;AACrG,6FAA6F;AAC7F,yGAAyG;AACzG,OAAO,CACL,GAAG,EAAE,CAAC,+BAA+B,CAAC,MAAM,CAAC,EAC7C;IACE,MAAM,CAAC,UAAU;IACjB,MAAM,CAAC,cAAc;IACrB,MAAM,CAAC,aAAa;IACpB,MAAM,CAAC,YAAY;IACnB,MAAM,CAAC,SAAS;IAChB,MAAM,CAAC,MAAM;IACb,MAAM,CAAC,SAAS;CACjB,CACF,CAAC"}

package/dist/components/combobox/useVisibleTriggerTags.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useVisibleTriggerTags.test.d.ts.map

package/dist/components/combobox/useVisibleTriggerTags.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibleTriggerTags.test.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/useVisibleTriggerTags.test.tsx"],"names":[],"mappings":""}

package/dist/components/combobox/useVisibleTriggerTags.test.js

@@ -0,0 +1,81 @@
+import { describe, expect, test } from 'vitest';
+import { computeVisibleTriggerTagsLayout } from './useVisibleTriggerTags.js';
+describe('computeVisibleTriggerTagsLayout', () => {
+    test('shows all tags and no ellipsis when there is no overflow', () => {
+        const result = computeVisibleTriggerTagsLayout({
+            containerWidth: 300,
+            tagWidths: [70, 80, 60],
+            tagGap: 4,
+            badgeWidth: 24,
+            ellipsisWidth: 12,
+            showBadge: true,
+        });
+        expect(result).toEqual({
+            visibleTagIndices: [0, 1, 2],
+            hiddenTagCount: 0,
+            showBadge: true,
+            showEllipsis: false,
+            hasOverflow: false,
+        });
+    });
+    test('reserves badge and ellipsis before fitting tags when overflow exists', () => {
+        const result = computeVisibleTriggerTagsLayout({
+            containerWidth: 160,
+            tagWidths: [60, 60, 60],
+            tagGap: 4,
+            badgeWidth: 24,
+            ellipsisWidth: 12,
+            showBadge: true,
+        });
+        expect(result.visibleTagIndices).toEqual([0]);
+        expect(result.hiddenTagCount).toBe(2);
+        expect(result.showEllipsis).toBe(true);
+        expect(result.hasOverflow).toBe(true);
+    });
+    test('allows zero tags when badge and ellipsis take priority in tiny space', () => {
+        const result = computeVisibleTriggerTagsLayout({
+            containerWidth: 36,
+            tagWidths: [80, 80],
+            tagGap: 4,
+            badgeWidth: 24,
+            ellipsisWidth: 12,
+            showBadge: true,
+        });
+        expect(result.visibleTagIndices).toEqual([]);
+        expect(result.hiddenTagCount).toBe(2);
+        expect(result.showEllipsis).toBe(true);
+    });
+    test('reserving badge space reduces visible count', () => {
+        const withBadge = computeVisibleTriggerTagsLayout({
+            containerWidth: 180,
+            tagWidths: [60, 60, 60],
+            tagGap: 4,
+            badgeWidth: 24,
+            ellipsisWidth: 12,
+            showBadge: true,
+        });
+        const withoutBadge = computeVisibleTriggerTagsLayout({
+            containerWidth: 180,
+            tagWidths: [60, 60, 60],
+            tagGap: 4,
+            badgeWidth: 24,
+            ellipsisWidth: 12,
+            showBadge: false,
+        });
+        expect(withoutBadge.visibleTagIndices.length).toBeGreaterThanOrEqual(withBadge.visibleTagIndices.length);
+    });
+    test('uses safety buffer to avoid a clipped final tag on boundary widths', () => {
+        const result = computeVisibleTriggerTagsLayout({
+            containerWidth: 195.5,
+            tagWidths: [73.4, 73.4, 20],
+            tagGap: 4,
+            badgeWidth: 24.2,
+            ellipsisWidth: 11.6,
+            showBadge: true,
+            safetyBuffer: 1,
+        });
+        expect(result.visibleTagIndices).toEqual([0]);
+        expect(result.showEllipsis).toBe(true);
+    });
+});
+//# sourceMappingURL=useVisibleTriggerTags.test.js.map

package/dist/components/combobox/useVisibleTriggerTags.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVisibleTriggerTags.test.js","sourceRoot":"","sources":["../../../src/components/combobox/useVisibleTriggerTags.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/filterBar/FilterBar.d.ts

@@ -0,0 +1,71 @@
+import type { IconName } from '../icon/allowedIcons.js';
+import { type ButtonHTMLAttributes, type HTMLAttributes, type MouseEventHandler, type RefObject } from 'react';
+export type FilterBarType = 'filter' | 'sort' | 'group';
+export type FilterBarTagItem = {
+    id: string;
+    type: FilterBarType;
+    label: string;
+    value: React.ReactNode;
+    fieldId?: string;
+    icon?: IconName;
+    ariaControls?: string;
+    ariaExpanded?: boolean;
+    actionLabel?: string;
+    removeLabel?: string;
+    disabled?: boolean;
+    onClick?: (item: FilterBarTagItem, event: React.MouseEvent<HTMLButtonElement>) => void;
+    onRemove?: (item: FilterBarTagItem) => void;
+};
+export type FilterBarProps = HTMLAttributes<HTMLDivElement>;
+export type FilterBarToolbarProps = HTMLAttributes<HTMLDivElement>;
+export type FilterBarButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'type'> & {
+    type: FilterBarType;
+    label?: string;
+    count?: number | null;
+    icon?: IconName;
+    htmlType?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
+};
+export type FilterBarActiveListProps = {
+    items?: readonly FilterBarTagItem[];
+    children?: React.ReactNode;
+    className?: string;
+    ariaLabel?: string;
+    emptyState?: React.ReactNode;
+    returnFocusRef?: RefObject<HTMLElement | null>;
+    wrap?: boolean;
+    collapseOverflow?: boolean;
+    overflowActionLabel?: string;
+    onOverflowClick?: MouseEventHandler<HTMLButtonElement>;
+    overflowAriaControls?: string;
+    overflowAriaExpanded?: boolean;
+};
+export type FilterBarTagProps = Omit<FilterBarTagItem, 'id' | 'onClick' | 'onRemove'> & {
+    id?: string;
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: (item: FilterBarTagItem, event: React.MouseEvent<HTMLButtonElement>) => void;
+    onRemove?: (item: FilterBarTagItem) => void;
+};
+export declare const FilterBar: {
+    ({ children, className, ...rest }: FilterBarProps): React.JSX.Element;
+    Toolbar: ({ children, className, ...rest }: FilterBarToolbarProps) => React.JSX.Element;
+    Button: import("react").ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "children"> & {
+        type: FilterBarType;
+        label?: string;
+        count?: number | null;
+        icon?: IconName;
+        htmlType?: ButtonHTMLAttributes<HTMLButtonElement>["type"];
+    } & import("react").RefAttributes<HTMLButtonElement>>;
+    ActiveList: ({ items, children, className, ariaLabel, emptyState, returnFocusRef, wrap, collapseOverflow, overflowActionLabel, onOverflowClick, overflowAriaControls, overflowAriaExpanded, }: FilterBarActiveListProps) => React.JSX.Element | null;
+    Tag: ({ id, type, label, value, fieldId, icon, ariaControls, ariaExpanded, actionLabel, removeLabel, disabled, className, children, onClick, onRemove, }: FilterBarTagProps) => React.JSX.Element;
+};
+export declare namespace FilterBar {
+    type Type = FilterBarType;
+    type Props = FilterBarProps;
+    type ToolbarProps = FilterBarToolbarProps;
+    type ButtonProps = FilterBarButtonProps;
+    type ActiveListProps = FilterBarActiveListProps;
+    type TagProps = FilterBarTagProps;
+    type TagItem = FilterBarTagItem;
+}
+//# sourceMappingURL=FilterBar.d.ts.map

package/dist/components/filterBar/FilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../../src/components/filterBar/FilterBar.tsx"],"names":[],"mappings":"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"}

package/dist/components/filterBar/FilterBar.js

@@ -0,0 +1,89 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Badge } from '../badge/Badge.js';
+import { Button } from '../button/Button.js';
+import { Icon } from '../icon/Icon.js';
+import { Tag } from '../tag/Tag.js';
+import { TagList } from '../tagList/TagList.js';
+import classNames from 'classnames';
+import { Children, forwardRef } from 'react';
+const FILTER_BAR_TYPE_LABELS = {
+    filter: 'Filter',
+    sort: 'Sort',
+    group: 'Group',
+};
+const FILTER_BAR_TYPE_ICONS = {
+    filter: 'sliders-horizontal',
+    sort: 'sorting',
+    group: 'list-tree',
+};
+const getVisibleCount = (count) => {
+    if (typeof count !== 'number' || count <= 0)
+        return null;
+    return count > 99 ? '99+' : `${count}`;
+};
+const getButtonA11yLabel = (type, label, count) => {
+    if (typeof count !== 'number' || count <= 0) {
+        return `Open ${label.toLowerCase()}`;
+    }
+    return `Open ${label.toLowerCase()}. ${count} ${type} item${count === 1 ? '' : 's'} applied`;
+};
+const getTagActionLabel = (item) => `Open ${item.type} ${item.label}: ${item.value}`;
+const FilterBarTagContent = ({ label, value }) => (_jsxs("span", { className: "ds-filter-bar__tag-content", children: [_jsxs("span", { className: "ds-filter-bar__tag-label", children: [label, ":"] }), _jsx("span", { className: "ds-filter-bar__tag-value", children: value })] }));
+export const FilterBar = ({ children, className, ...rest }) => (_jsx("div", { className: classNames('ds-filter-bar', className), ...rest, children: children }));
+const FilterBarToolbar = ({ children, className, ...rest }) => (_jsx("div", { className: classNames('ds-filter-bar__toolbar', className), role: "toolbar", ...rest, children: children }));
+const FilterBarButton = forwardRef(({ type, label, count, icon, htmlType = 'button', className, 'aria-label': ariaLabel, 'aria-expanded': ariaExpanded, ...rest }, ref) => {
+    const resolvedLabel = label ?? FILTER_BAR_TYPE_LABELS[type];
+    const resolvedIcon = icon ?? FILTER_BAR_TYPE_ICONS[type];
+    const visibleCount = getVisibleCount(count);
+    const hasAppliedItems = Boolean(visibleCount);
+    const isExpanded = ariaExpanded === true || ariaExpanded === 'true';
+    return (_jsx(Button, { ref: ref, type: htmlType, variant: "tertiary", size: "M", className: classNames('ds-filter-bar__button', {
+            'ds-filter-bar__button--has-applied': hasAppliedItems,
+            'ds-filter-bar__button--expanded': isExpanded,
+        }, className), "aria-label": ariaLabel ?? getButtonA11yLabel(type, resolvedLabel, count), "aria-expanded": ariaExpanded, ...rest, children: _jsxs("span", { className: "ds-filter-bar__button-content", children: [_jsx("span", { className: "ds-filter-bar__button-icon", "aria-hidden": "true", children: _jsx(Icon, { name: resolvedIcon, size: 16 }) }), _jsx("span", { className: "ds-filter-bar__button-label", children: resolvedLabel }), visibleCount && (_jsx(Badge, { colour: "green", className: "ds-filter-bar__button-badge", a11yLabel: `${count} applied ${resolvedLabel.toLowerCase()} item${count === 1 ? '' : 's'}`, children: visibleCount }))] }) }));
+});
+FilterBarButton.displayName = 'FilterBar.Button';
+const FilterBarTag = ({ id, type, label, value, fieldId, icon, ariaControls, ariaExpanded, actionLabel, removeLabel, disabled, className, children, onClick, onRemove, }) => {
+    const item = {
+        id: id ?? fieldId ?? `${type}-${label}`,
+        type,
+        label,
+        value,
+        fieldId,
+        icon,
+        ariaControls,
+        ariaExpanded,
+        actionLabel,
+        removeLabel,
+        disabled,
+    };
+    const resolvedIcon = icon ?? FILTER_BAR_TYPE_ICONS[type];
+    return (_jsx(Tag, { slotStart: _jsx(Icon, { name: resolvedIcon, size: 16 }), onClick: onClick ? event => onClick(item, event) : undefined, onRemove: onRemove ? () => onRemove(item) : undefined, actionLabel: actionLabel ?? getTagActionLabel(item), removeLabel: removeLabel, disabled: disabled, ariaControls: ariaControls, ariaExpanded: ariaExpanded, children: _jsx("span", { className: classNames('ds-filter-bar__tag', className), children: children ?? _jsx(FilterBarTagContent, { label: label, value: value }) }) }));
+};
+const FilterBarActiveList = ({ items, children, className, ariaLabel = 'Active filters, sorting, and grouping', emptyState, returnFocusRef, wrap = false, collapseOverflow = true, overflowActionLabel = 'Show more applied items', onOverflowClick, overflowAriaControls, overflowAriaExpanded, }) => {
+    if (items) {
+        return (_jsx(TagList, { items: items.map(item => ({
+                id: item.id,
+                slotStart: _jsx(Icon, { name: item.icon ?? FILTER_BAR_TYPE_ICONS[item.type], size: 16 }),
+                children: _jsx(FilterBarTagContent, { label: item.label, value: item.value }),
+                onClick: item.onClick ? event => item.onClick?.(item, event) : undefined,
+                onRemove: item.onRemove ? () => item.onRemove?.(item) : undefined,
+                ariaControls: item.ariaControls,
+                ariaExpanded: item.ariaExpanded,
+                actionLabel: item.actionLabel ?? getTagActionLabel(item),
+                removeLabel: item.removeLabel,
+                disabled: item.disabled,
+            })), className: classNames('ds-filter-bar__active-list', className), ariaLabel: ariaLabel, emptyState: emptyState, returnFocusRef: returnFocusRef, wrap: wrap, collapseOverflow: collapseOverflow, overflowOnClick: onOverflowClick, overflowActionLabel: overflowActionLabel, overflowAriaControls: overflowAriaControls, overflowAriaExpanded: overflowAriaExpanded }));
+    }
+    if (!children) {
+        if (!emptyState)
+            return null;
+        return _jsx("div", { className: classNames('ds-filter-bar__empty-state', className), children: emptyState });
+    }
+    return (_jsx("ul", { className: classNames('ds-filter-bar__manual-list', className), "aria-label": ariaLabel, children: Children.toArray(children).map((child, index) => (_jsx("li", { className: "ds-filter-bar__manual-list-item", children: child }, index))) }));
+};
+FilterBar.Toolbar = FilterBarToolbar;
+FilterBar.Button = FilterBarButton;
+FilterBar.ActiveList = FilterBarActiveList;
+FilterBar.Tag = FilterBarTag;
+//# sourceMappingURL=FilterBar.js.map

package/dist/components/filterBar/FilterBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.js","sourceRoot":"","sources":["../../../src/components/filterBar/FilterBar.tsx"],"names":[],"mappings":"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"}