opus-toolkit-components 1.8.8 → 1.8.9

package/lib/main.js

@@ -4300,13 +4300,6 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
 //# sourceMappingURL=useControlledState.module.js.map
 
 
-/***/ }),
-
-/***/ 8487:
-/***/ ((module) => {
-
-module.exports = require("./opus-light-logo.svg");
-
 /***/ }),
 
 /***/ 8494:
@@ -5257,6 +5250,13 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(V
 
 /***/ }),
 
+/***/ 10463:
+/***/ ((module) => {
+
+module.exports = require("opus-toolkit-styles/assets/logos/opus-dark-logo.svg");
+
+/***/ }),
+
 /***/ 10540:
 /***/ ((module) => {
 
@@ -12166,13 +12166,6 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(B
 
 /***/ }),
 
-/***/ 22457:
-/***/ ((module) => {
-
-module.exports = require("./opus-dark-logo.svg");
-
-/***/ }),
-
 /***/ 22466:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -17526,6 +17519,13 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(N
 
 /***/ }),
 
+/***/ 32757:
+/***/ ((module) => {
+
+module.exports = require("opus-toolkit-styles/assets/logos/opus-light-logo.svg");
+
+/***/ }),
+
 /***/ 32868:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -21104,7 +21104,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(67339);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
-const _excluded = ["label", "placeholder", "type", "tabIndex", "title", "name", "isValid", "errorMessage", "onChange", "className", "value", "Icon", "iconPosition", "isAnimated", "required", "shouldRenderCustomComponent", "customComponent", "customComponentProps", "disabled", "dataCy"];
+const _excluded = ["label", "placeholder", "type", "tabIndex", "title", "name", "isValid", "errorMessage", "onChange", "className", "value", "Icon", "iconPosition", "isAnimated", "required", "hideLabel", "shouldRenderCustomComponent", "customComponent", "customComponentProps", "disabled", "dataCy"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -21116,75 +21116,78 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-/**
- * Icon component type — any React component that renders an SVG.
- * @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
+/**
+ * Icon component type — any React component that renders an SVG.
+ * @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
  */
 
-/**
- * Custom component type for supplementary UI below input.
- * Must be a React component.
- * @typedef {(props: any) => JSX.Element} CustomComponent
+/**
+ * Custom component type for supplementary UI below input.
+ * Must be a React component.
+ * @typedef {(props: any) => JSX.Element} CustomComponent
  */
 
-/**
- * Input component props.
- *
- * @typedef {Object} InputProps
- *
- * @property {string} label
- *   Label displayed above the input.
- *
- * @property {string} [placeholder]
- *
- * @property {'text'|'email'|'password'|'number'|'search'|'tel'|'url'|'date'|'datetime-local'|'month'|'time'|'week'|string} [type]
- *   HTML input type.
- *
- * @property {string|number} [tabIndex]
- *
- * @property {string} [title]
- *
- * @property {string} [name]
- *
- * @property {boolean} [isValid]
- *   Whether the field is valid — shows error text if false.
- *
- * @property {string} [errorMessage]
- *
- * @property {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange]
- *   Change handler using your preferred full event signature.
- *
- * @property {string} [className]
- *
- * @property {string|number} [value]
- *
- * @property {IconComponent} [Icon]
- *
- * @property {'left'|'right'} [iconPosition]
- *   Icon placement inside the input.
- *
- * @property {boolean} [isAnimated]
- *   Enables focus animation on the icon.
- *
- * @property {boolean} [required]
- *
- * @property {boolean} [disabled]
- *
- * @property {boolean} [shouldRenderCustomComponent]
- *
- * @property {CustomComponent} [customComponent]
- *
- * @property {Object<string, any>} [customComponentProps]
- *
- * @property {string} [dataCy]
- *   Override for auto-generated test selector.
+/**
+ * Input component props.
+ *
+ * @typedef {Object} InputProps
+ *
+ * @property {string} label
+ *   Label displayed above the input.
+ *
+ * @property {string} [placeholder]
+ *
+ * @property {'text'|'email'|'password'|'number'|'search'|'tel'|'url'|'date'|'datetime-local'|'month'|'time'|'week'|string} [type]
+ *   HTML input type.
+ *
+ * @property {string|number} [tabIndex]
+ *
+ * @property {string} [title]
+ *
+ * @property {string} [name]
+ *
+ * @property {boolean} [isValid]
+ *   Whether the field is valid — shows error text if false.
+ *
+ * @property {string} [errorMessage]
+ *
+ * @property {(event: React.ChangeEvent<HTMLInputElement>) => void} [onChange]
+ *   Change handler using your preferred full event signature.
+ *
+ * @property {string} [className]
+ *
+ * @property {string|number} [value]
+ *
+ * @property {IconComponent} [Icon]
+ *
+ * @property {'left'|'right'} [iconPosition]
+ *   Icon placement inside the input.
+ *
+ * @property {boolean} [isAnimated]
+ *   Enables focus animation on the icon.
+ *
+ * @property {boolean} [required]
+ *
+ * @property {boolean} [hideLabel]
+ *   Hides the visible label while keeping the input accessible.
+ *
+ * @property {boolean} [disabled]
+ *
+ * @property {boolean} [shouldRenderCustomComponent]
+ *
+ * @property {CustomComponent} [customComponent]
+ *
+ * @property {Object<string, any>} [customComponentProps]
+ *
+ * @property {string} [dataCy]
+ *   Override for auto-generated test selector.
  */
 
-/**
- * ForwardRef Input component with complete JSDoc typings.
- *
- * @param {InputProps & React.InputHTMLAttributes<HTMLInputElement>} props
- * @param {React.Ref<HTMLInputElement>} ref
+/**
+ * ForwardRef Input component with complete JSDoc typings.
+ *
+ * @param {InputProps & React.InputHTMLAttributes<HTMLInputElement>} props
+ * @param {React.Ref<HTMLInputElement>} ref
  */
 
 const Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((_ref, ref) => {
@@ -21208,6 +21211,7 @@ const Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((_r
       // Add animation class when focused
       required = false,
       // Required field indicator
+      hideLabel = false,
       shouldRenderCustomComponent,
       // Condition to render custom component
       customComponent,
@@ -21227,7 +21231,7 @@ const Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((_r
       as: "label",
       variant: "label",
       htmlFor: name,
-      className: "mb-1 flex items-center",
+      className: hideLabel ? "sr-only" : "mb-1 flex items-center",
       children: [label, required && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
         as: "span",
         variant: "small",
@@ -21258,6 +21262,7 @@ const Input = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((_r
           name,
           dataCy
         }),
+        "aria-label": hideLabel ? label : undefined,
         "aria-invalid": !isValid,
         "aria-describedby": !isValid ? "".concat(name, "-error") : undefined
       }, rest)), Icon && iconPosition === "right" && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
@@ -23941,7 +23946,7 @@ function $bdb11010cef70236$export$b4cc09c592e8fdb8(depArray = []) {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ IconButton)
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
@@ -23949,7 +23954,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _Icon_Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57739);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
-const _excluded = ["rank", "size", "title", "iconName", "iconLibrary", "isFullWidth", "className", "name", "dataCy"];
+const _excluded = ["rank", "size", "title", "iconName", "iconLibrary", "icon", "children", "isFullWidth", "className", "name", "dataCy"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -23975,7 +23980,7 @@ const iconSizes = {
   lg: 24
 };
 const DEFAULT_ICON = "PlusIcon";
-function IconButton(_ref) {
+const IconButton = /*#__PURE__*/(0,react__WEBPACK_IMPORTED_MODULE_0__.forwardRef)((_ref, ref) => {
   let {
       rank = "primary",
       size = "md",
@@ -23983,28 +23988,34 @@ function IconButton(_ref) {
       iconName = DEFAULT_ICON,
       iconLibrary = "hero",
       // 'hero' or 'c247'
+      icon,
+      children,
       isFullWidth = false,
       className = "",
       name,
       dataCy
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  const classNames = "\n    ".concat(rankStyles[rank] || rankStyles.primary, "\n    flex\n    items-center\n    justify-center\n   p-3\n    transition\n    ease-in-out\n    duration-700\n    hover:shadow-lg\n    ").concat(isFullWidth ? "w-full" : "", "\n    ").concat(className, "\n  ");
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button", _objectSpread(_objectSpread(_objectSpread({
+  const classNames = "\n      ".concat(rankStyles[rank] || rankStyles.primary, "\n      flex\n      items-center\n      justify-center\n      p-3\n      transition\n      ease-in-out\n      duration-700\n      hover:shadow-lg\n      ").concat(isFullWidth ? "w-full" : "", "\n      ").concat(className, "\n    ");
+  const iconContent = children || icon || iconName && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__["default"], {
+    name: iconName,
+    library: iconLibrary,
+    size: iconSizes[size] || iconSizes.md
+  });
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button", _objectSpread(_objectSpread({
+    ref: ref,
     title: title,
     name: name,
-    className: classNames
-  }, rest), (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__.getDataCy)({
-    name,
-    dataCy
-  })), {}, {
-    children: iconName && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__["default"], {
-      name: iconName,
-      library: iconLibrary,
-      size: iconSizes[size] || iconSizes.md
+    className: classNames,
+    "data-cy": (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__.getDataCy)({
+      name,
+      dataCy
     })
+  }, rest), {}, {
+    children: iconContent
   }));
-}
+});
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IconButton);
 
 /***/ }),
 
@@ -27895,10 +27906,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8487);
-/* harmony import */ var _opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22457);
-/* harmony import */ var _opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var opus_toolkit_styles_assets_logos_opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(32757);
+/* harmony import */ var opus_toolkit_styles_assets_logos_opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(opus_toolkit_styles_assets_logos_opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var opus_toolkit_styles_assets_logos_opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10463);
+/* harmony import */ var opus_toolkit_styles_assets_logos_opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(opus_toolkit_styles_assets_logos_opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _footer_logo_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(41518);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__);
@@ -27941,11 +27952,11 @@ function FooterLogo(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded);
   const content = /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.Fragment, {
     children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
-      src: (_opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1___default()),
+      src: (opus_toolkit_styles_assets_logos_opus_light_logo_svg__WEBPACK_IMPORTED_MODULE_1___default()),
       alt: "Opus logo",
       className: "footer-logo-light h-10 w-auto"
     }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("img", {
-      src: (_opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2___default()),
+      src: (opus_toolkit_styles_assets_logos_opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2___default()),
       alt: "Opus logo",
       className: "footer-logo-dark h-10 w-auto"
     })]
@@ -52554,6 +52565,356 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(D
 
 /***/ }),
 
+/***/ 79963:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ FilterPopover)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34164);
+/* harmony import */ var _heroicons_react_24_outline__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(58964);
+/* harmony import */ var _Buttons_Button__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(74670);
+/* harmony import */ var _Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(56067);
+/* harmony import */ var _Inputs_Input__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(38014);
+/* harmony import */ var _IconButton_IconButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(43155);
+/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(21111);
+/* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(67339);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(94178);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__);
+const _excluded = ["options", "selectedValues", "onApply", "placeholder", "buttonLabel", "icon", "children", "footer", "panelClassName", "bodyClassName", "className", "dataCy", "name"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+
+
+
+
+
+
+
+
+/**
+ * @typedef {Object} FilterPopoverOption
+ * @property {string} label
+ * @property {string} value
+ */
+
+/**
+ * @typedef {Object} FilterPopoverProps
+ * @property {FilterPopoverOption[]} options
+ * @property {string[]} [selectedValues]
+ * @property {(values: string[]) => void} [onApply]
+ * @property {string} [placeholder]
+ * @property {React.ReactNode} [buttonLabel]
+ * @property {React.ReactNode} [icon]
+ * @property {React.ReactNode | ((context: FilterPopoverRenderContext) => React.ReactNode)} [children]
+ * @property {React.ReactNode | ((context: FilterPopoverRenderContext) => React.ReactNode)} [footer]
+ * @property {string} [panelClassName]
+ * @property {string} [bodyClassName]
+ * @property {string} [className]
+ * @property {string} [dataCy]
+ * @property {string} [name]
+ */
+
+/**
+ * @typedef {Object} FilterPopoverRenderContext
+ * @property {boolean} isOpen
+ * @property {string[]} selectedValues
+ * @property {(values: string[] | ((currentValues: string[]) => string[])) => void} setSelectedValues
+ * @property {(value: string) => void} toggleValue
+ * @property {string} searchTerm
+ * @property {(value: string) => void} setSearchTerm
+ * @property {FilterPopoverOption[]} filteredOptions
+ * @property {() => void} closePopover
+ */
+
+/**
+ * @param {FilterPopoverProps & React.HTMLAttributes<HTMLDivElement>} props
+ */
+
+function FilterPopover(_ref) {
+  let {
+      options = [],
+      selectedValues = [],
+      onApply,
+      placeholder = "Search",
+      buttonLabel = "Apply filters",
+      icon,
+      children,
+      footer,
+      panelClassName = "",
+      bodyClassName = "",
+      className = "",
+      dataCy,
+      name = "filterPopover"
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const [isOpen, setIsOpen] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+  const [searchTerm, setSearchTerm] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)("");
+  const [localSelectedValues, setLocalSelectedValues] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(selectedValues);
+  const containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const triggerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const searchInputRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const panelRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const optionRefs = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)([]);
+  const generatedId = (0,react__WEBPACK_IMPORTED_MODULE_0__.useId)();
+  const panelId = "".concat(name, "-").concat(generatedId, "-panel");
+  const listboxId = "".concat(name, "-").concat(generatedId, "-listbox");
+  const hasCustomContent = typeof children !== "undefined";
+  const panelClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("ring-opacity-1 absolute right-0 top-full z-20 mt-2 overflow-hidden rounded-md bg-[--color-primary-bg] shadow-lg ring-1 ring-[--color-stroke] focus:outline-none", hasCustomContent ? "w-[30rem]" : "w-72", panelClassName);
+  const triggerIcon = icon || /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_heroicons_react_24_outline__WEBPACK_IMPORTED_MODULE_2__.FunnelIcon, {
+    className: "h-5 w-5"
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    setLocalSelectedValues(selectedValues);
+  }, [selectedValues]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (!isOpen) {
+      setSearchTerm("");
+      return undefined;
+    }
+    if (!hasCustomContent) {
+      var _searchInputRef$curre;
+      (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.focus();
+    } else {
+      var _panelRef$current;
+      const firstFocusableElement = (_panelRef$current = panelRef.current) === null || _panelRef$current === void 0 ? void 0 : _panelRef$current.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+      if (firstFocusableElement && typeof firstFocusableElement.focus === "function") {
+        firstFocusableElement.focus();
+      }
+    }
+    const handlePointerDown = event => {
+      var _containerRef$current;
+      if (!((_containerRef$current = containerRef.current) !== null && _containerRef$current !== void 0 && _containerRef$current.contains(event.target))) {
+        setIsOpen(false);
+      }
+    };
+    const handleEscape = event => {
+      if (event.key === "Escape") {
+        var _triggerRef$current;
+        setIsOpen(false);
+        (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.focus();
+      }
+    };
+    document.addEventListener("mousedown", handlePointerDown);
+    document.addEventListener("keydown", handleEscape);
+    return () => {
+      document.removeEventListener("mousedown", handlePointerDown);
+      document.removeEventListener("keydown", handleEscape);
+    };
+  }, [hasCustomContent, isOpen]);
+  const filteredOptions = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(() => {
+    const normalizedSearch = searchTerm.trim().toLowerCase();
+    if (!normalizedSearch) {
+      return options;
+    }
+    return options.filter(option => option.label.toLowerCase().includes(normalizedSearch));
+  }, [options, searchTerm]);
+  const setOptionRef = (index, node) => {
+    optionRefs.current[index] = node;
+  };
+  const focusOption = index => {
+    var _optionRefs$current$i;
+    (_optionRefs$current$i = optionRefs.current[index]) === null || _optionRefs$current$i === void 0 || _optionRefs$current$i.focus();
+  };
+  const togglePopover = () => {
+    setIsOpen(previous => {
+      const nextIsOpen = !previous;
+      if (nextIsOpen) {
+        setLocalSelectedValues(selectedValues);
+      }
+      return nextIsOpen;
+    });
+  };
+  const toggleValue = value => {
+    setLocalSelectedValues(currentValues => currentValues.includes(value) ? currentValues.filter(currentValue => currentValue !== value) : [...currentValues, value]);
+  };
+  const handleTriggerKeyDown = event => {
+    if (event.key === "ArrowDown") {
+      event.preventDefault();
+      if (!isOpen) {
+        setLocalSelectedValues(selectedValues);
+        setIsOpen(true);
+        return;
+      }
+      if (filteredOptions.length > 0) {
+        focusOption(0);
+      }
+    }
+  };
+  const handleSearchKeyDown = event => {
+    if (event.key === "ArrowDown" && filteredOptions.length > 0) {
+      event.preventDefault();
+      focusOption(0);
+    }
+  };
+  const handleOptionKeyDown = (event, index) => {
+    if (event.key === "ArrowDown" && filteredOptions.length > 0) {
+      event.preventDefault();
+      focusOption((index + 1) % filteredOptions.length);
+    }
+    if (event.key === "ArrowUp") {
+      event.preventDefault();
+      if (index === 0) {
+        var _searchInputRef$curre2;
+        (_searchInputRef$curre2 = searchInputRef.current) === null || _searchInputRef$curre2 === void 0 || _searchInputRef$curre2.focus();
+        return;
+      }
+      focusOption(index - 1);
+    }
+    if (event.key === "Home") {
+      event.preventDefault();
+      focusOption(0);
+    }
+    if (event.key === "End") {
+      event.preventDefault();
+      focusOption(filteredOptions.length - 1);
+    }
+    if (event.key === "Escape") {
+      var _triggerRef$current2;
+      event.preventDefault();
+      setIsOpen(false);
+      (_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 || _triggerRef$current2.focus();
+    }
+  };
+  const handleApply = () => {
+    var _triggerRef$current3;
+    if (localSelectedValues.length === 0) {
+      return;
+    }
+    onApply === null || onApply === void 0 || onApply(localSelectedValues);
+    setIsOpen(false);
+    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 || _triggerRef$current3.focus();
+  };
+  const closePopover = () => {
+    var _triggerRef$current4;
+    setIsOpen(false);
+    (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 || _triggerRef$current4.focus();
+  };
+  const renderContext = {
+    isOpen,
+    selectedValues: localSelectedValues,
+    setSelectedValues: setLocalSelectedValues,
+    toggleValue,
+    searchTerm,
+    setSearchTerm,
+    filteredOptions,
+    closePopover
+  };
+  const resolvedChildren = typeof children === "function" ? children(renderContext) : children;
+  const resolvedFooter = typeof footer === "function" ? footer(renderContext) : footer;
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", _objectSpread(_objectSpread({
+    ref: containerRef,
+    className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("relative inline-flex", className),
+    "data-cy": (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_8__.getDataCy)({
+      name,
+      dataCy
+    })
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_6__["default"], {
+      ref: triggerRef,
+      type: "button",
+      rank: isOpen ? "primary" : "outline",
+      title: "Open filters",
+      "aria-label": "Open filters",
+      "aria-haspopup": "dialog",
+      "aria-expanded": isOpen,
+      "aria-controls": panelId,
+      name: name,
+      dataCy: dataCy ? "".concat(dataCy, "-trigger") : undefined,
+      icon: triggerIcon,
+      iconName: "",
+      onClick: togglePopover,
+      onKeyDown: handleTriggerKeyDown
+    }), isOpen && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
+      ref: panelRef,
+      id: panelId,
+      role: "dialog",
+      "aria-modal": "false",
+      "aria-label": "Filter options",
+      className: panelClasses,
+      children: hasCustomContent ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment, {
+        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
+          className: (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("p-4", bodyClassName),
+          children: resolvedChildren
+        }), resolvedFooter && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
+          className: "border-t border-[--color-stroke] p-4",
+          children: resolvedFooter
+        })]
+      }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment, {
+        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
+          className: "border-b border-[--color-stroke] p-4 pb-0",
+          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Inputs_Input__WEBPACK_IMPORTED_MODULE_5__["default"], {
+            ref: searchInputRef,
+            label: "Search",
+            hideLabel: true,
+            type: "search",
+            name: "".concat(name, "-search"),
+            placeholder: placeholder,
+            value: searchTerm,
+            onChange: event => setSearchTerm(event.target.value),
+            dataCy: dataCy ? "".concat(dataCy, "-search") : undefined,
+            className: "mb-0",
+            onKeyDown: handleSearchKeyDown
+          })
+        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
+          className: "border-b border-[--color-stroke] p-4 pt-4",
+          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div", {
+            id: listboxId,
+            role: "listbox",
+            "aria-multiselectable": "true",
+            className: "max-h-60 space-y-1 overflow-y-auto pr-1",
+            children: [filteredOptions.length === 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_7__["default"], {
+              variant: "small",
+              className: "px-3 py-2 text-[--color-text-weak]",
+              children: "No options found."
+            }), filteredOptions.map((option, index) => {
+              const isSelected = localSelectedValues.includes(option.value);
+              return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("button", {
+                ref: node => setOptionRef(index, node),
+                type: "button",
+                role: "option",
+                "aria-selected": isSelected,
+                className: "flex w-full items-center gap-3 rounded-md px-3 py-2 text-left focus:outline-none",
+                "data-cy": dataCy ? "".concat(dataCy, "-option-").concat(option.value) : undefined,
+                onClick: () => toggleValue(option.value),
+                onKeyDown: event => handleOptionKeyDown(event, index),
+                children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_4__["default"], {
+                  label: option.label,
+                  name: "".concat(name, "-").concat(option.value),
+                  value: isSelected,
+                  className: "pointer-events-none mb-0",
+                  dataCy: dataCy ? "".concat(dataCy, "-checkbox-").concat(option.value) : undefined
+                })
+              }, option.value);
+            })]
+          })
+        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div", {
+          className: "p-4 pt-4",
+          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_Buttons_Button__WEBPACK_IMPORTED_MODULE_3__["default"], {
+            text: buttonLabel,
+            isFullWidth: true,
+            state: localSelectedValues.length > 0 ? "default" : "disabled",
+            onClick: handleApply,
+            dataCy: dataCy ? "".concat(dataCy, "-apply") : undefined
+          })
+        })]
+      })
+    })]
+  }));
+}
+
+/***/ }),
+
 /***/ 80184:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -64927,33 +65288,34 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Accordion: () => (/* reexport safe */ _components_Accordions_Accordion__WEBPACK_IMPORTED_MODULE_0__["default"]),
-/* harmony export */   BarLayout: () => (/* reexport safe */ _components_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_26__["default"]),
+/* harmony export */   BarLayout: () => (/* reexport safe */ _components_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_27__["default"]),
 /* harmony export */   Button: () => (/* reexport safe */ _components_Buttons_Button__WEBPACK_IMPORTED_MODULE_1__["default"]),
 /* harmony export */   Callout: () => (/* reexport safe */ _components_Callout_Callout__WEBPACK_IMPORTED_MODULE_5__["default"]),
 /* harmony export */   Card: () => (/* reexport safe */ _components_Cards_Card__WEBPACK_IMPORTED_MODULE_2__["default"]),
 /* harmony export */   CardItem: () => (/* reexport safe */ _components_Cards_CardItem__WEBPACK_IMPORTED_MODULE_3__["default"]),
 /* harmony export */   Checkbox: () => (/* reexport safe */ _components_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_10__["default"]),
-/* harmony export */   CookieBanner: () => (/* reexport safe */ _components_Cookie_Cookie__WEBPACK_IMPORTED_MODULE_18__["default"]),
+/* harmony export */   CookieBanner: () => (/* reexport safe */ _components_Cookie_Cookie__WEBPACK_IMPORTED_MODULE_19__["default"]),
 /* harmony export */   DatePicker: () => (/* reexport safe */ _components_Forms_Datepickers_DatePicker__WEBPACK_IMPORTED_MODULE_7__["default"]),
-/* harmony export */   Dropdown: () => (/* reexport safe */ _components_Forms_Dropdowns_Dropdown__WEBPACK_IMPORTED_MODULE_12__["default"]),
+/* harmony export */   Dropdown: () => (/* reexport safe */ _components_Forms_Dropdowns_Dropdown__WEBPACK_IMPORTED_MODULE_13__["default"]),
 /* harmony export */   FileUploadCard: () => (/* reexport safe */ _components_Cards_FileUploadCard__WEBPACK_IMPORTED_MODULE_4__["default"]),
-/* harmony export */   Footer: () => (/* reexport safe */ _components_Footer_Footer__WEBPACK_IMPORTED_MODULE_23__["default"]),
-/* harmony export */   FooterLogo: () => (/* reexport safe */ _components_FooterLogo_FooterLogo__WEBPACK_IMPORTED_MODULE_24__["default"]),
-/* harmony export */   Header: () => (/* reexport safe */ _components_Header_Header__WEBPACK_IMPORTED_MODULE_21__["default"]),
-/* harmony export */   Icon: () => (/* reexport safe */ _components_Icon_Icon__WEBPACK_IMPORTED_MODULE_22__["default"]),
-/* harmony export */   IconButton: () => (/* reexport safe */ _components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_28__["default"]),
+/* harmony export */   FilterPopover: () => (/* reexport safe */ _components_Forms_FilterPopover_FilterPopover__WEBPACK_IMPORTED_MODULE_11__["default"]),
+/* harmony export */   Footer: () => (/* reexport safe */ _components_Footer_Footer__WEBPACK_IMPORTED_MODULE_24__["default"]),
+/* harmony export */   FooterLogo: () => (/* reexport safe */ _components_FooterLogo_FooterLogo__WEBPACK_IMPORTED_MODULE_25__["default"]),
+/* harmony export */   Header: () => (/* reexport safe */ _components_Header_Header__WEBPACK_IMPORTED_MODULE_22__["default"]),
+/* harmony export */   Icon: () => (/* reexport safe */ _components_Icon_Icon__WEBPACK_IMPORTED_MODULE_23__["default"]),
+/* harmony export */   IconButton: () => (/* reexport safe */ _components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_29__["default"]),
 /* harmony export */   Input: () => (/* reexport safe */ _components_Forms_Inputs_Input__WEBPACK_IMPORTED_MODULE_6__["default"]),
-/* harmony export */   Loader: () => (/* reexport safe */ _components_Loader_Loader__WEBPACK_IMPORTED_MODULE_15__["default"]),
-/* harmony export */   Modal: () => (/* reexport safe */ _components_Modals_Modal__WEBPACK_IMPORTED_MODULE_14__["default"]),
-/* harmony export */   Navbar: () => (/* reexport safe */ _components_Navbar_Navbar__WEBPACK_IMPORTED_MODULE_13__["default"]),
-/* harmony export */   PageTemplate: () => (/* reexport safe */ _components_PageTemplate_PageTemplate__WEBPACK_IMPORTED_MODULE_25__["default"]),
-/* harmony export */   Pill: () => (/* reexport safe */ _components_Pills_Pill__WEBPACK_IMPORTED_MODULE_16__["default"]),
-/* harmony export */   PillButton: () => (/* reexport safe */ _components_Pills_PillButton__WEBPACK_IMPORTED_MODULE_17__["default"]),
-/* harmony export */   ProfileCard: () => (/* reexport safe */ _components_Profile_ProfileCard_ProfileCard__WEBPACK_IMPORTED_MODULE_27__["default"]),
+/* harmony export */   Loader: () => (/* reexport safe */ _components_Loader_Loader__WEBPACK_IMPORTED_MODULE_16__["default"]),
+/* harmony export */   Modal: () => (/* reexport safe */ _components_Modals_Modal__WEBPACK_IMPORTED_MODULE_15__["default"]),
+/* harmony export */   Navbar: () => (/* reexport safe */ _components_Navbar_Navbar__WEBPACK_IMPORTED_MODULE_14__["default"]),
+/* harmony export */   PageTemplate: () => (/* reexport safe */ _components_PageTemplate_PageTemplate__WEBPACK_IMPORTED_MODULE_26__["default"]),
+/* harmony export */   Pill: () => (/* reexport safe */ _components_Pills_Pill__WEBPACK_IMPORTED_MODULE_17__["default"]),
+/* harmony export */   PillButton: () => (/* reexport safe */ _components_Pills_PillButton__WEBPACK_IMPORTED_MODULE_18__["default"]),
+/* harmony export */   ProfileCard: () => (/* reexport safe */ _components_Profile_ProfileCard_ProfileCard__WEBPACK_IMPORTED_MODULE_28__["default"]),
 /* harmony export */   RadioButton: () => (/* reexport safe */ _components_Forms_Radios_RadioButton__WEBPACK_IMPORTED_MODULE_9__["default"]),
-/* harmony export */   Sidebar: () => (/* reexport safe */ _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_20__["default"]),
-/* harmony export */   Table: () => (/* reexport safe */ _components_Tables_Table__WEBPACK_IMPORTED_MODULE_11__["default"]),
-/* harmony export */   Text: () => (/* reexport safe */ _components_Text_Text__WEBPACK_IMPORTED_MODULE_19__["default"]),
+/* harmony export */   Sidebar: () => (/* reexport safe */ _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_21__["default"]),
+/* harmony export */   Table: () => (/* reexport safe */ _components_Tables_Table__WEBPACK_IMPORTED_MODULE_12__["default"]),
+/* harmony export */   Text: () => (/* reexport safe */ _components_Text_Text__WEBPACK_IMPORTED_MODULE_20__["default"]),
 /* harmony export */   ToggleSwitch: () => (/* reexport safe */ _components_Forms_ToggleSwitch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_8__["default"])
 /* harmony export */ });
 /* harmony import */ var _components_Accordions_Accordion__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43614);
@@ -64967,24 +65329,26 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _components_Forms_ToggleSwitch_ToggleSwitch__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1181);
 /* harmony import */ var _components_Forms_Radios_RadioButton__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(16720);
 /* harmony import */ var _components_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(56067);
-/* harmony import */ var _components_Tables_Table__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(28966);
-/* harmony import */ var _components_Forms_Dropdowns_Dropdown__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(85894);
-/* harmony import */ var _components_Navbar_Navbar__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(21097);
-/* harmony import */ var _components_Modals_Modal__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(50548);
-/* harmony import */ var _components_Loader_Loader__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(77695);
-/* harmony import */ var _components_Pills_Pill__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(89714);
-/* harmony import */ var _components_Pills_PillButton__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(97670);
-/* harmony import */ var _components_Cookie_Cookie__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(44609);
-/* harmony import */ var _components_Text_Text__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(21111);
-/* harmony import */ var _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(11775);
-/* harmony import */ var _components_Header_Header__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(38195);
-/* harmony import */ var _components_Icon_Icon__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(57739);
-/* harmony import */ var _components_Footer_Footer__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(3047);
-/* harmony import */ var _components_FooterLogo_FooterLogo__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(49465);
-/* harmony import */ var _components_PageTemplate_PageTemplate__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(3179);
-/* harmony import */ var _components_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(7779);
-/* harmony import */ var _components_Profile_ProfileCard_ProfileCard__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(64977);
-/* harmony import */ var _components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(43155);
+/* harmony import */ var _components_Forms_FilterPopover_FilterPopover__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(79963);
+/* harmony import */ var _components_Tables_Table__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(28966);
+/* harmony import */ var _components_Forms_Dropdowns_Dropdown__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(85894);
+/* harmony import */ var _components_Navbar_Navbar__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(21097);
+/* harmony import */ var _components_Modals_Modal__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(50548);
+/* harmony import */ var _components_Loader_Loader__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(77695);
+/* harmony import */ var _components_Pills_Pill__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(89714);
+/* harmony import */ var _components_Pills_PillButton__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(97670);
+/* harmony import */ var _components_Cookie_Cookie__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(44609);
+/* harmony import */ var _components_Text_Text__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(21111);
+/* harmony import */ var _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(11775);
+/* harmony import */ var _components_Header_Header__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(38195);
+/* harmony import */ var _components_Icon_Icon__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(57739);
+/* harmony import */ var _components_Footer_Footer__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(3047);
+/* harmony import */ var _components_FooterLogo_FooterLogo__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(49465);
+/* harmony import */ var _components_PageTemplate_PageTemplate__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(3179);
+/* harmony import */ var _components_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(7779);
+/* harmony import */ var _components_Profile_ProfileCard_ProfileCard__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(64977);
+/* harmony import */ var _components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(43155);
+