@kaizen/components 1.10.1 → 1.11.0

package/dist/esm/dts/FilterBar/FilterBar.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { OverrideClassName } from "../types/OverrideClassName";
+import { FilterBarProviderProps } from "./context/FilterBarContext";
+import { FiltersValues } from "./context/types";
+export type FilterBarProps<ValuesMap extends FiltersValues> = OverrideClassName<Omit<FilterBarProviderProps<ValuesMap>, "children">>;
+export declare const FilterBar: {
+    <ValuesMap extends FiltersValues>({ filters, classNameOverride, ...providerProps }: FilterBarProps<ValuesMap>): JSX.Element;
+    displayName: string;
+    Select: {
+        <Option extends import("..").SelectOption = import("..").SelectOption>({ id, onSelectionChange, ...props }: import("./subcomponents/FilterSelect/FilterSelect").FilterBarSelectProps<Option>): JSX.Element;
+        displayName: string;
+    };
+};

package/dist/esm/dts/FilterBar/context/FilterBarContext.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { Filters } from "../types";
+import { FilterState, FiltersState, FiltersValues } from "./types";
+export type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {
+    getFilterState: (id: keyof ValuesMap) => FilterState<keyof ValuesMap, Value>;
+    toggleOpenFilter: (id: keyof ValuesMap, isOpen: boolean) => void;
+    updateValue: (id: keyof ValuesMap, value: Value) => void;
+};
+export declare const useFilterBarContext: <Value, Values extends FiltersValues = Record<string, Value>>() => FilterBarContextValue<Value, Values>;
+export type FilterBarProviderProps<ValuesMap extends FiltersValues> = {
+    children: (activeFilters: FiltersState<ValuesMap>) => JSX.Element;
+    filters: Filters<ValuesMap>;
+    values: Partial<ValuesMap>;
+    onValuesChange: (values: Partial<ValuesMap>) => void;
+};
+export declare const FilterBarProvider: <ValuesMap extends FiltersValues>({ children, filters, values, onValuesChange, }: FilterBarProviderProps<ValuesMap>) => JSX.Element;

package/dist/esm/dts/FilterBar/context/filtersStateReducer.d.ts

@@ -0,0 +1,13 @@
+import { Filters } from "../types";
+import { FilterState, FiltersState, FiltersValues } from "./types";
+export declare const setupFiltersState: <ValuesMap extends FiltersValues>(filters: Filters<ValuesMap>) => FiltersState<ValuesMap>;
+type Actions<ValuesMap> = {
+    type: "update_values";
+    values: Partial<ValuesMap>;
+} | {
+    type: "update_single_filter";
+    id: keyof ValuesMap;
+    data: Partial<FilterState<keyof ValuesMap, ValuesMap>>;
+};
+export declare const filtersStateReducer: <ValuesMap extends FiltersValues>(state: FiltersState<ValuesMap>, action: Actions<ValuesMap>) => FiltersState<ValuesMap>;
+export {};

package/dist/esm/dts/FilterBar/context/types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export type FiltersValues = Record<string, any>;
+export type FilterState<Id, Value> = {
+    id: Id;
+    name: string;
+    Component: React.ReactElement;
+    value?: Value;
+    isOpen: boolean;
+};
+export type FiltersState<ValuesMap extends FiltersValues> = {
+    [K in keyof ValuesMap]: FilterState<K, ValuesMap[K]>;
+};

package/dist/esm/dts/FilterBar/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./FilterBar";
+export * from "./context/FilterBarContext";
+export * from "./context/types";
+export * from "./types";

package/dist/esm/dts/FilterBar/subcomponents/FilterSelect/FilterSelect.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FilterSelectProps, SelectOption } from "../../../FilterSelect";
+export type FilterBarSelectProps<Option extends SelectOption = SelectOption> = Omit<FilterSelectProps<Option>, "isOpen" | "setIsOpen" | "renderTrigger" | "label" | "selectedKey"> & {
+    id?: string;
+};
+export declare const FilterBarSelect: {
+    <Option extends SelectOption = SelectOption>({ id, onSelectionChange, ...props }: FilterBarSelectProps<Option>): JSX.Element;
+    displayName: string;
+};

package/dist/esm/dts/FilterBar/subcomponents/FilterSelect/index.d.ts

@@ -0,0 +1 @@
+export * from "./FilterSelect";

package/dist/esm/dts/FilterBar/subcomponents/index.d.ts

@@ -0,0 +1 @@
+export * from "./FilterSelect";

package/dist/esm/dts/FilterBar/types.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { FiltersValues } from "./context/types";
+type Filter<ValuesMap extends FiltersValues> = {
+    id: keyof ValuesMap;
+    name: string;
+    Component: React.ReactElement;
+};
+export type Filters<ValuesMap extends FiltersValues> = Array<Filter<ValuesMap>>;
+export {};

package/dist/esm/dts/FilterSelect/FilterSelect.d.ts

@@ -15,7 +15,7 @@ export interface FilterSelectProps<Option extends SelectOption = SelectOption> e
     items: Array<SelectItem<Option>>;
 }
 export declare const FilterSelect: {
-    <Option extends SelectOption = SelectOption>({ isOpen, setIsOpen, renderTrigger, label, children, items, classNameOverride, ...restProps }: FilterSelectProps<Option>): JSX.Element;
+    <Option extends SelectOption = SelectOption>({ isOpen, setIsOpen, renderTrigger, label, children, items, classNameOverride, selectedKey, ...restProps }: FilterSelectProps<Option>): JSX.Element;
     displayName: string;
     Section: {
         <Option_1 extends SelectOption = SelectOption>({ section, }: import("./subcomponents/ListBoxSection").ListBoxSectionProps<Option_1>): JSX.Element;

package/dist/esm/dts/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./Filter";
+export * from "./FilterBar";
 export * from "./FilterButton";
 export * from "./FilterSelect";
 export * from "./KaizenProvider";

package/dist/esm/future.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign, d as classnames } from './index-55bf6f2f.js';
+import { a as __rest, _ as __assign, d as classnames } from './index-253d90a0.js';
 import React__default from 'react';
 
 var stylesSCSS = {"exampleComponent":"ExampleComponent-module_exampleComponent__GfCkW"};

package/dist/esm/{index-55bf6f2f.js → index-253d90a0.js}

@@ -154,4 +154,4 @@ var classnamesExports = classnames$1.exports;
 var classnames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
 export { __assign as _, __rest as a, __spreadArray as b, __spreadArrays as c, classnames as d, getAugmentedNamespace as e, commonjsGlobal as f, getDefaultExportFromCjs as g, classnamesExports as h };
-//# sourceMappingURL=index-55bf6f2f.js.map
+//# sourceMappingURL=index-253d90a0.js.map

package/dist/esm/{index-55bf6f2f.js.map → index-253d90a0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-55bf6f2f.js","sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../node_modules/classnames/index.js"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport default {\r\n    __extends,\r\n    __assign,\r\n    __rest,\r\n    __decorate,\r\n    __param,\r\n    __metadata,\r\n    __awaiter,\r\n    __generator,\r\n    __createBinding,\r\n    __exportStar,\r\n    __values,\r\n    __read,\r\n    __spread,\r\n    __spreadArrays,\r\n    __spreadArray,\r\n    __await,\r\n    __asyncGenerator,\r\n    __asyncDelegator,\r\n    __asyncValues,\r\n    __makeTemplateObject,\r\n    __importStar,\r\n    __importDefault,\r\n    __classPrivateFieldGet,\r\n    __classPrivateFieldSet,\r\n    __classPrivateFieldIn,\r\n};\r\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":[],"mappings":"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","x_google_ignoreList":[0,1]}
+{"version":3,"file":"index-253d90a0.js","sources":["../../../../node_modules/tslib/tslib.es6.js","../../../../node_modules/classnames/index.js"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    if (typeof b !== \"function\" && b !== null)\r\n        throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n    function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n    var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n    var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n    var _, done = false;\r\n    for (var i = decorators.length - 1; i >= 0; i--) {\r\n        var context = {};\r\n        for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n        for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n        context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n        var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n        if (kind === \"accessor\") {\r\n            if (result === void 0) continue;\r\n            if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n            if (_ = accept(result.get)) descriptor.get = _;\r\n            if (_ = accept(result.set)) descriptor.set = _;\r\n            if (_ = accept(result.init)) initializers.unshift(_);\r\n        }\r\n        else if (_ = accept(result)) {\r\n            if (kind === \"field\") initializers.unshift(_);\r\n            else descriptor[key] = _;\r\n        }\r\n    }\r\n    if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n    done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n    var useValue = arguments.length > 2;\r\n    for (var i = 0; i < initializers.length; i++) {\r\n        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n    }\r\n    return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n    return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n    if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n    return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    var desc = Object.getOwnPropertyDescriptor(m, k);\r\n    if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n        desc = { enumerable: true, get: function() { return m[k]; } };\r\n    }\r\n    Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n    for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n        if (ar || !(i in from)) {\r\n            if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n            ar[i] = from[i];\r\n        }\r\n    }\r\n    return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n    Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n    o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n    __setModuleDefault(result, mod);\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n    return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n    if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n    if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n    if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n    return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n    if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n    return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport default {\r\n    __extends,\r\n    __assign,\r\n    __rest,\r\n    __decorate,\r\n    __param,\r\n    __metadata,\r\n    __awaiter,\r\n    __generator,\r\n    __createBinding,\r\n    __exportStar,\r\n    __values,\r\n    __read,\r\n    __spread,\r\n    __spreadArrays,\r\n    __spreadArray,\r\n    __await,\r\n    __asyncGenerator,\r\n    __asyncDelegator,\r\n    __asyncValues,\r\n    __makeTemplateObject,\r\n    __importStar,\r\n    __importDefault,\r\n    __classPrivateFieldGet,\r\n    __classPrivateFieldSet,\r\n    __classPrivateFieldIn,\r\n};\r\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":[],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/esm/index.css

@@ -2308,6 +2308,7 @@ html:lang(ar) .Text-module_zen-data-small-units__0RtFJ {
 }
 .SectionDivider-module_divider__-idrC{margin:var(--spacing-8,.5rem) 0}.SectionDivider-module_divider__-idrC+.SectionDivider-module_divider__-idrC,.SectionDivider-module_divider__-idrC:first-child,.SectionDivider-module_divider__-idrC:last-child{display:none}
 .FilterSelect-module_filterContents__2LknZ{overflow:auto;padding:var(--spacing-12,.75rem);width:224px}
+.FilterBar-module_filterBar__qMeNj{background-color:var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:flex;flex-wrap:wrap;gap:var(--spacing-8,.5rem);padding:var(--spacing-8,.5rem)}
 .FooterRoot-module_footerRoot__bvMSa{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__bvMSa{grid-template-columns:1fr 5fr 1fr}}
 .ProgressStepper-module_stepsContainer__kh4S2{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__ToKVO{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__ToKVO{display:flex}}.ProgressStepper-module_step__5Zakx{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);position:relative}.ProgressStepper-module_stepContent__brp8m{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__vAWW6{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__21rPP{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__eW-Ps{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__SaO4y{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__SaO4y{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__XT8Ra{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__XT8Ra{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__21rPP{display:inline}}
 .FooterActions-module_footerAction__H-bdq{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__yyzsX{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__GIowc{grid-area:"next";justify-content:end}

package/dist/esm/index.js

@@ -1,6 +1,6 @@
-import { _ as __assign$3, a as __rest$3, g as getDefaultExportFromCjs, b as __spreadArray, c as __spreadArrays, d as classnames, e as getAugmentedNamespace, f as commonjsGlobal, h as classnamesExports } from './index-55bf6f2f.js';
+import { _ as __assign$3, a as __rest$3, g as getDefaultExportFromCjs, b as __spreadArray, c as __spreadArrays, d as classnames, e as getAugmentedNamespace, f as commonjsGlobal, h as classnamesExports } from './index-253d90a0.js';
 import * as React from 'react';
-import React__default, { useState, useEffect, PureComponent, useRef, forwardRef, useMemo, useCallback, useContext, createContext } from 'react';
+import React__default, { useState, useEffect, PureComponent, useRef, useContext, useReducer, forwardRef, useMemo, useCallback, createContext } from 'react';
 import { makeCssVariableDefinitionsMap } from '@kaizen/design-tokens';
 import require$$0 from 'process';
 
@@ -3315,8 +3315,8 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
 };
 
 var Style = styleSingleton();
-var styles$j = "\n [" + focusHiddenMarker + "] {\n   pointer-events: none !important;\n }\n";
-var InteractivityDisabler = function () { return React.createElement(Style, { styles: styles$j }); };
+var styles$k = "\n [" + focusHiddenMarker + "] {\n   pointer-events: none !important;\n }\n";
+var InteractivityDisabler = function () { return React.createElement(Style, { styles: styles$k }); };
 
 var extractRef = function (ref) {
     return 'current' in ref ? ref.current : ref;
@@ -36608,7 +36608,7 @@ var esm = /*#__PURE__*/Object.freeze({
     usePopper: usePopper
 });
 
-var styles$i = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
+var styles$j = {"filterPopover":"FilterPopover-module_filterPopover__OgOEM"};
 
 var FilterPopover = function(_a) {
   var children = _a.children, referenceElement = _a.referenceElement, popperOptions = _a.popperOptions, classNameOverride = _a.classNameOverride, restProps = __rest$3(_a, ["children", "referenceElement", "popperOptions", "classNameOverride"]);
@@ -36620,8 +36620,8 @@ var FilterPopover = function(_a) {
         offset: [0, 15]
       }
     }
-  ], placement: "bottom-start", strategy: "fixed" }, popperOptions)), popperStyles = _c.styles, popperAttributes = _c.attributes;
-  return React__default.createElement("div", __assign$3({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classnames(styles$i.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
+  ], placement: "bottom-start" }, popperOptions)), popperStyles = _c.styles, popperAttributes = _c.attributes;
+  return React__default.createElement("div", __assign$3({ ref: setPopperElement, style: popperStyles === null || popperStyles === void 0 ? void 0 : popperStyles.popper }, popperAttributes === null || popperAttributes === void 0 ? void 0 : popperAttributes.popper, { className: classnames(styles$j.filterPopover, classNameOverride), role: "dialog", "aria-modal": "true" }, restProps), children);
 };
 FilterPopover.displayName = "FilterPopover";
 
@@ -36666,14 +36666,72 @@ var Filter = function(_a) {
 };
 Filter.displayName = "Filter";
 
-var styles$h = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
+var styles$i = {"filterContents":"FilterContents-module_filterContents__uNUpd"};
 
 var FilterContents = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$3(_a, ["children", "classNameOverride"]);
-  return React__default.createElement("div", __assign$3({ className: classnames(styles$h.filterContents, classNameOverride) }, restProps), children);
+  return React__default.createElement("div", __assign$3({ className: classnames(styles$i.filterContents, classNameOverride) }, restProps), children);
 };
 FilterContents.displayName = "FilterContents";
 
+var setupFiltersState = function(filters) {
+  return filters.reduce(function(acc, filter) {
+    acc[filter.id] = __assign$3({ isOpen: false }, filter);
+    return acc;
+  }, {});
+};
+var filtersStateReducer = function(state, action) {
+  var _a;
+  switch (action.type) {
+    case "update_values":
+      return Object.keys(state).reduce(function(acc, key) {
+        acc[key] = __assign$3(__assign$3({}, state[key]), { value: action.values[key] });
+        return acc;
+      }, {});
+    case "update_single_filter":
+      return __assign$3(__assign$3({}, state), (_a = {}, _a[action.id] = __assign$3(__assign$3({}, state[action.id]), action.data), _a));
+  }
+};
+
+var FilterBarContext = React__default.createContext(null);
+var useFilterBarContext = function() {
+  var context = useContext(FilterBarContext);
+  if (!context) {
+    throw new Error("useFilterBarContext must be used within the FilterBarContext.Provider");
+  }
+  return context;
+};
+var FilterBarProvider = function(_a) {
+  var children = _a.children, filters = _a.filters, values = _a.values, onValuesChange = _a.onValuesChange;
+  var _b = useReducer(filtersStateReducer, setupFiltersState(filters)), state = _b[0], dispatch = _b[1];
+  var value = {
+    getFilterState: function(id) {
+      if (!state[id])
+        throw Error("Filter ".concat(String(id), " doesn't exist!"));
+      return state[id];
+    },
+    toggleOpenFilter: function(id, isOpen) {
+      dispatch({ type: "update_single_filter", id, data: { isOpen } });
+    },
+    updateValue: function(id, newValue) {
+      var _a2;
+      onValuesChange(__assign$3(__assign$3({}, values), (_a2 = {}, _a2[id] = newValue, _a2)));
+    }
+  };
+  useEffect(function() {
+    dispatch({ type: "update_values", values });
+  }, [values]);
+  var activeFilters = state;
+  return React__default.createElement(
+    FilterBarContext.Provider,
+    {
+      // @note: Context object cannot be generic, thus the type-casting to a looser type
+      value
+    },
+    children(activeFilters)
+  );
+};
+
 var yellow = "\x1B[33m ";
 var reset = "\x1B[0m ";
 var warn = function(message) {
@@ -36683,7 +36741,7 @@ var singleLine = function(message) {
   return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
 };
 
-var styles$g = {"icon":"SVG-module_icon__FE6iP","inheritSize":"SVG-module_inheritSize__wiKMe","interactiveIconWrapper":"SVG-module_interactiveIconWrapper__ACcob","disabled":"SVG-module_disabled__WB5BU","hover":"SVG-module_hover__QivVO","active":"SVG-module_active__R9jic","reversedInteractiveIconWrapper":"SVG-module_reversedInteractiveIconWrapper__hTsnf SVG-module_interactiveIconWrapper__ACcob"};
+var styles$h = {"icon":"SVG-module_icon__FE6iP","inheritSize":"SVG-module_inheritSize__wiKMe","interactiveIconWrapper":"SVG-module_interactiveIconWrapper__ACcob","disabled":"SVG-module_disabled__WB5BU","hover":"SVG-module_hover__QivVO","active":"SVG-module_active__R9jic","reversedInteractiveIconWrapper":"SVG-module_reversedInteractiveIconWrapper__hTsnf SVG-module_interactiveIconWrapper__ACcob"};
 
 var SVG = function(_a) {
   var _b;
@@ -36715,7 +36773,7 @@ var SVG = function(_a) {
   return React__default.createElement(
     "svg",
     __assign$3({
-      className: classnames(styles$g.icon, classNameOverride, inheritSize && styles$g.inheritSize),
+      className: classnames(styles$h.icon, classNameOverride, inheritSize && styles$h.inheritSize),
       viewBox,
       // Work around IE11 making all SVGs focusable.
       // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4
@@ -36784,15 +36842,15 @@ var isRefObject = function(ref) {
   return ref !== null && "current" in ref;
 };
 
-var styles$f = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__505sK"};
+var styles$g = {"filterButtonBase":"FilterButtonBase-module_filterButtonBase__505sK"};
 
 var FilterButtonBase = forwardRef(function(_a, ref) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$3(_a, ["children", "classNameOverride"]);
-  return React__default.createElement("button", __assign$3({ ref, type: "button", className: classnames(styles$f.filterButtonBase, classNameOverride) }, restProps), children);
+  return React__default.createElement("button", __assign$3({ ref, type: "button", className: classnames(styles$g.filterButtonBase, classNameOverride) }, restProps), children);
 });
 FilterButtonBase.displayName = "FilterButtonBase";
 
-var styles$e = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
+var styles$f = {"filterButton":"FilterButton-module_filterButton__Q2dMX","labelContainer":"FilterButton-module_labelContainer__5G-MD","hasSelectedValues":"FilterButton-module_hasSelectedValues__dyQkL","labelSeparator":"FilterButton-module_labelSeparator__xrkAx"};
 
 var FilterButton = forwardRef(function(_a, ref) {
   var label = _a.label, selectedValue = _a.selectedValue, _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, restProps = __rest$3(_a, ["label", "selectedValue", "isOpen", "classNameOverride"]);
@@ -36801,15 +36859,15 @@ var FilterButton = forwardRef(function(_a, ref) {
   var selectedValuesLabel = selectedValue;
   return React__default.createElement(
     FilterButtonBase,
-    __assign$3({ ref: triggerRef, classNameOverride: classnames(styles$e.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
-    React__default.createElement("span", { className: styles$e.labelContainer }, selectedValuesLabel ? React__default.createElement(
+    __assign$3({ ref: triggerRef, classNameOverride: classnames(styles$f.filterButton, classNameOverride), "aria-haspopup": "true", "aria-expanded": isOpen }, restProps),
+    React__default.createElement("span", { className: styles$f.labelContainer }, selectedValuesLabel ? React__default.createElement(
       React__default.Fragment,
       null,
       React__default.createElement(
         "span",
-        { className: styles$e.hasSelectedValues },
+        { className: styles$f.hasSelectedValues },
         React__default.createElement("span", null, label),
-        React__default.createElement("span", { className: styles$e.labelSeparator }, ":")
+        React__default.createElement("span", { className: styles$f.labelSeparator }, ":")
       ),
       React__default.createElement("span", null, selectedValuesLabel)
     ) : label),
@@ -37838,7 +37896,7 @@ var ClearIcon = function(props) {
   );
 };
 
-var styles$d = {"buttonGroup":"ButtonGroup-module_buttonGroup__bsy2X","child":"ButtonGroup-module_child__K6AP-","firstChild":"ButtonGroup-module_firstChild__uEn1j","lastChild":"ButtonGroup-module_lastChild__Vicsx"};
+var styles$e = {"buttonGroup":"ButtonGroup-module_buttonGroup__bsy2X","child":"ButtonGroup-module_child__K6AP-","firstChild":"ButtonGroup-module_firstChild__uEn1j","lastChild":"ButtonGroup-module_lastChild__Vicsx"};
 
 var isFilterButton = function(node) {
   return React__default.isValidElement(node) && node.type === FilterButtonBase;
@@ -37846,11 +37904,11 @@ var isFilterButton = function(node) {
 var ButtonGroup = function(_a) {
   var children = _a.children, classNameOverride = _a.classNameOverride, restProps = __rest$3(_a, ["children", "classNameOverride"]);
   var childCount = React__default.Children.count(children);
-  var containerProps = __assign$3({ role: "group", className: classnames(styles$d.buttonGroup, classNameOverride) }, restProps);
+  var containerProps = __assign$3({ role: "group", className: classnames(styles$e.buttonGroup, classNameOverride) }, restProps);
   if (childCount === 1)
     return React__default.createElement("div", __assign$3({}, containerProps), children);
   return React__default.createElement("div", __assign$3({}, containerProps), React__default.Children.map(children, function(child, index) {
-    var buttonClassNames = classnames(styles$d.child, index === 0 && styles$d.firstChild, index === childCount - 1 && styles$d.lastChild, child.props.classNameOverride);
+    var buttonClassNames = classnames(styles$e.child, index === 0 && styles$e.firstChild, index === childCount - 1 && styles$e.lastChild, child.props.classNameOverride);
     if (child.type === tooltip.Tooltip) {
       var button = child.props.children;
       if (isFilterButton(button)) {
@@ -44441,14 +44499,14 @@ function $af383d3bef1cfdc9$export$c3f9f39876e4bc7(props) {
     };
 }
 
-var styles$c = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
+var styles$d = {"listBox":"ListBox-module_listBox__FQ9sQ","focus":"ListBox-module_focus__Tm-jn"};
 
 var ListBox = function(_a) {
   var children = _a.children, menuProps = _a.menuProps, classNameOverride = _a.classNameOverride, restProps = __rest$3(_a, ["children", "menuProps", "classNameOverride"]);
   var state = useSelectContext().state;
   var ref = React__default.useRef(null);
   var listBoxProps = $c132121280ec012d$export$50eacbbf140a3141(__assign$3(__assign$3({}, menuProps), { disallowEmptySelection: true, autoFocus: "first" }), state, ref).listBoxProps;
-  return React__default.createElement("ul", __assign$3({ ref, className: classnames(styles$c.listBox, classNameOverride) }, listBoxProps, restProps), children);
+  return React__default.createElement("ul", __assign$3({ ref, className: classnames(styles$d.listBox, classNameOverride) }, listBoxProps, restProps), children);
 };
 ListBox.displayName = "ListBox";
 
@@ -46021,7 +46079,7 @@ var Box = {};
 var img$6 = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg width='20px' height='20px' viewBox='0 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e %3c!-- Generator: Sketch 44.1 (41455) - http://www.bohemiancoding.com/sketch --%3e %3ctitle%3eIcons/Informational/check%3c/title%3e %3cdesc%3eCreated with Sketch.%3c/desc%3e %3cdefs%3e %3cpolygon id='path-1' points='8.33333333 14.3416667 4.16666667 10.175 5.34166667 9 8.33333333 11.9833333 14.6583333 5.65833333 15.8333333 6.84166667'%3e%3c/polygon%3e %3c/defs%3e %3cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3e %3cg id='Icons/Informational/check'%3e %3cmask id='mask-2' fill='white'%3e %3cuse xlink:href='%23path-1'%3e%3c/use%3e %3c/mask%3e %3cuse fill='black' xlink:href='%23path-1'%3e%3c/use%3e %3c/g%3e %3c/g%3e%3c/svg%3e";
   var check = img$6;
 
-var styles$b = {"icon":"Option-module_icon__0ECp6","option":"Option-module_option__U-MsL","isFocusVisible":"Option-module_isFocusVisible__yYC7y","disabled":"Option-module_disabled__RV081","isSelected":"Option-module_isSelected__L3nhB"};
+var styles$c = {"icon":"Option-module_icon__0ECp6","option":"Option-module_option__U-MsL","isFocusVisible":"Option-module_isFocusVisible__yYC7y","disabled":"Option-module_disabled__RV081","isSelected":"Option-module_isSelected__L3nhB"};
 
 var Option = function(_a) {
   var item = _a.item, classNameOverride = _a.classNameOverride, props = __rest$3(_a, ["item", "classNameOverride"]);
@@ -46031,14 +46089,14 @@ var Option = function(_a) {
   var _c = $f7dceffc5ad7768b$export$4e328f61c538687f(), isFocusVisible = _c.isFocusVisible, focusProps = _c.focusProps;
   return React__default.createElement(
     "li",
-    __assign$3({}, $3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, focusProps, props), { ref, className: classnames(styles$b.option, isSelected && styles$b.isSelected, isFocusVisible && styles$b.isFocusVisible, isDisabled && styles$b.disabled, classNameOverride), "aria-label": item.textValue }),
+    __assign$3({}, $3ef42575df84b30b$export$9d1611c77c2fe928(optionProps, focusProps, props), { ref, className: classnames(styles$c.option, isSelected && styles$c.isSelected, isFocusVisible && styles$c.isFocusVisible, isDisabled && styles$c.disabled, classNameOverride), "aria-label": item.textValue }),
     item.rendered,
-    React__default.createElement("span", { className: classnames(styles$b.icon, isSelected && styles$b.isSelected) }, isSelected && React__default.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
+    React__default.createElement("span", { className: classnames(styles$c.icon, isSelected && styles$c.isSelected) }, isSelected && React__default.createElement(componentLibrary.Icon, { icon: check, role: "presentation" }))
   );
 };
 Option.displayName = "Option";
 
-var styles$a = {"sectionWrapper":"ListBoxSection-module_sectionWrapper__NYQwa","sectionHeading":"ListBoxSection-module_sectionHeading__KiOi1","sectionList":"ListBoxSection-module_sectionList__xiPZY"};
+var styles$b = {"sectionWrapper":"ListBoxSection-module_sectionWrapper__NYQwa","sectionHeading":"ListBoxSection-module_sectionHeading__KiOi1","sectionList":"ListBoxSection-module_sectionList__xiPZY"};
 
 var ListBoxSection = function(_a) {
   var section = _a.section;
@@ -46051,9 +46109,9 @@ var ListBoxSection = function(_a) {
     null,
     React__default.createElement(
       "li",
-      __assign$3({}, itemProps, { className: styles$a.sectionWrapper }),
-      section.rendered && React__default.createElement(typography.Heading, __assign$3({ tag: "span", variant: "heading-6" }, headingProps, { classNameOverride: styles$a.sectionHeading }), section.rendered),
-      React__default.createElement("ul", __assign$3({}, groupProps, { className: styles$a.sectionList }), Array.from(section.childNodes).map(function(item) {
+      __assign$3({}, itemProps, { className: styles$b.sectionWrapper }),
+      section.rendered && React__default.createElement(typography.Heading, __assign$3({ tag: "span", variant: "heading-6" }, headingProps, { classNameOverride: styles$b.sectionHeading }), section.rendered),
+      React__default.createElement("ul", __assign$3({}, groupProps, { className: styles$b.sectionList }), Array.from(section.childNodes).map(function(item) {
         return React__default.createElement(Option, { key: item.key, item });
       }))
     )
@@ -46173,10 +46231,10 @@ var require$$2$1 = /*@__PURE__*/getAugmentedNamespace(Divider_module$1);
   __exportStar(Divider, exports);
 })(divider);
 
-var styles$9 = {"divider":"SectionDivider-module_divider__-idrC"};
+var styles$a = {"divider":"SectionDivider-module_divider__-idrC"};
 
 var SectionDivider = function() {
-  return React__default.createElement(divider.Divider, { classNameOverride: styles$9.divider, variant: "canvas" });
+  return React__default.createElement(divider.Divider, { classNameOverride: styles$a.divider, variant: "canvas" });
 };
 SectionDivider.displayName = "SectionDivider";
 
@@ -46304,10 +46362,10 @@ var transformSelectItemToCollectionElement = function(item) {
   }) : React__default.createElement($c1d7fb2ec91bae71$export$6d08773d2e66f8f2, { key: item.value }, item.label);
 };
 
-var styles$8 = {"filterContents":"FilterSelect-module_filterContents__2LknZ"};
+var styles$9 = {"filterContents":"FilterSelect-module_filterContents__2LknZ"};
 
 var FilterSelect = function(_a) {
-  var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, label = _a.label, children = _a.children, items = _a.items, classNameOverride = _a.classNameOverride, restProps = __rest$3(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride"]);
+  var isOpen = _a.isOpen, setIsOpen = _a.setIsOpen, renderTrigger = _a.renderTrigger, label = _a.label, children = _a.children, items = _a.items, classNameOverride = _a.classNameOverride, selectedKey = _a.selectedKey, restProps = __rest$3(_a, ["isOpen", "setIsOpen", "renderTrigger", "label", "children", "items", "classNameOverride", "selectedKey"]);
   var _b = useState({ current: null }), triggerRef = _b[0], setTriggerRef = _b[1];
   var disabledKeys = items.reduce(function(acc, item) {
     if (isSelectOptionGroup(item)) {
@@ -46320,7 +46378,7 @@ var FilterSelect = function(_a) {
     }
     return item.disabled ? __spreadArray(__spreadArray([], acc, true), [item.value], false) : acc;
   }, []);
-  var ariaSelectProps = __assign$3({ label, items, children: transformSelectItemToCollectionElement, isOpen, onOpenChange: setIsOpen, disabledKeys }, restProps);
+  var ariaSelectProps = __assign$3({ label, items, children: transformSelectItemToCollectionElement, isOpen, onOpenChange: setIsOpen, disabledKeys, selectedKey: typeof selectedKey === "number" ? selectedKey.toString() : selectedKey }, restProps);
   var state = $2bc3a590c5373a4e$export$5159ec8b34d4ec12(ariaSelectProps);
   var _c = $58aed456727eb0f3$export$e64b2f635402ca43(ariaSelectProps, state, triggerRef), triggerProps = _c.triggerProps, menuProps = _c.menuProps;
   var buttonProps = $701a24aa0da5b062$export$ea18c227d4417cc3(triggerProps, triggerRef).buttonProps;
@@ -46337,7 +46395,7 @@ var FilterSelect = function(_a) {
       }, onMount: setTriggerRef, classNameOverride },
       React__default.createElement(
         FilterContents,
-        { classNameOverride: styles$8.filterContents },
+        { classNameOverride: styles$9.filterContents },
         React__default.createElement(
           SelectProvider,
           { state },
@@ -46357,6 +46415,37 @@ FilterSelect.SectionDivider = SectionDivider;
 FilterSelect.Option = Option;
 FilterSelect.ItemDefaultRender = ListItem;
 
+var FilterBarSelect = function(_a) {
+  var id = _a.id, onSelectionChange = _a.onSelectionChange, props = __rest$3(_a, ["id", "onSelectionChange"]);
+  var _b = useFilterBarContext(), getFilterState = _b.getFilterState, toggleOpenFilter = _b.toggleOpenFilter, updateValue = _b.updateValue;
+  if (!id)
+    throw Error("Missing `id` prop in FilterBarSelect");
+  var filterState = getFilterState(id);
+  return React__default.createElement(FilterSelect, __assign$3({}, props, { selectedKey: filterState.value || null, label: filterState.name, renderTrigger: function(triggerProps) {
+    return React__default.createElement(FilterButton, __assign$3({}, triggerProps));
+  }, onSelectionChange: function(key) {
+    updateValue(id, key);
+    onSelectionChange === null || onSelectionChange === void 0 ? void 0 : onSelectionChange(key);
+  }, isOpen: filterState.isOpen, setIsOpen: function(open) {
+    return toggleOpenFilter(id, open);
+  } }));
+};
+FilterBarSelect.displayName = "FilterBarSelect";
+
+var styles$8 = {"filterBar":"FilterBar-module_filterBar__qMeNj"};
+
+var FilterBar = function(_a) {
+  var filters = _a.filters, classNameOverride = _a.classNameOverride, providerProps = __rest$3(_a, ["filters", "classNameOverride"]);
+  return React__default.createElement(FilterBarProvider, __assign$3({ filters }, providerProps), function(activeFilters) {
+    return React__default.createElement("div", { className: classnames(styles$8.filterBar, classNameOverride) }, Object.values(activeFilters).map(function(_a2) {
+      var id = _a2.id, Component = _a2.Component;
+      return React__default.createElement(React__default.Fragment, { key: id }, React__default.cloneElement(Component, { id }));
+    }));
+  });
+};
+FilterBar.displayName = "FilterBar";
+FilterBar.Select = FilterBarSelect;
+
 var ThemeManager = (
   /** @class */
   function() {
@@ -48098,5 +48187,5 @@ var Workflow = Object.assign(WorkflowComponent, {
   Wrapper
 });
 
-export { Filter, FilterButton, FilterButtonRemovable, FilterContents, FilterSelect, KaizenProvider, ThemeContext, ThemeManager, ThemeProvider, Workflow, defaultTheme, heartTheme, useTheme };
+export { Filter, FilterBar, FilterBarProvider, FilterButton, FilterButtonRemovable, FilterContents, FilterSelect, KaizenProvider, ThemeContext, ThemeManager, ThemeProvider, Workflow, defaultTheme, heartTheme, useFilterBarContext, useTheme };
 //# sourceMappingURL=index.js.map