opus-toolkit-components 1.8.7 → 1.8.9

package/lib/main.js

@@ -692,6 +692,136 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(D
 
 /***/ }),
 
+/***/ 1181:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ ToggleSwitch)
+/* 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 _Text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21111);
+/* 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 = ["checked", "onChange", "onToggle", "leftLabel", "rightLabel", "disabled", "name", "title", "dataCy", "className"];
+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; }
+
+
+
+
+/**
+ * Props for ToggleSwitch.
+ *
+ * @typedef {Object} ToggleSwitchProps
+ *
+ * @property {boolean} checked
+ *   Whether the switch is currently on.
+ *
+ * @property {(checked: boolean) => void} [onChange]
+ *   Receives the next checked value.
+ *
+ * @property {(checked: boolean) => void} [onToggle]
+ *   Alias for onChange.
+ *
+ * @property {React.ReactNode} [leftLabel]
+ *   Optional label shown to the left of the switch.
+ *
+ * @property {React.ReactNode} [rightLabel]
+ *   Optional label shown to the right of the switch.
+ *
+ * @property {boolean} [disabled]
+ *   Prevents user interaction.
+ *
+ * @property {string} [name]
+ *   Standard HTML name attribute and data-cy source.
+ *
+ * @property {string} [title]
+ *
+ * @property {string} [dataCy]
+ *   Override test selector.
+ *
+ * @property {string} [className]
+ *   Optional wrapper class names.
+ */
+
+/**
+ * @param {ToggleSwitchProps & React.HTMLAttributes<HTMLDivElement>} props
+ */
+
+function ToggleSwitch(_ref) {
+  let {
+      checked,
+      onChange,
+      onToggle,
+      leftLabel,
+      rightLabel,
+      disabled = false,
+      name,
+      title,
+      dataCy,
+      className = ""
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const handleToggle = () => {
+    if (disabled) return;
+    const nextChecked = !checked;
+    onChange === null || onChange === void 0 || onChange(nextChecked);
+    onToggle === null || onToggle === void 0 || onToggle(nextChecked);
+  };
+  const handleKeyDown = event => {
+    if (disabled) return;
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      handleToggle();
+    }
+  };
+  const trackClasses = checked ? "bg-[--color-primary-btn] border-[--color-primary-btn]" : "bg-[--color-input-bg] border-[--color-stroke]";
+  const thumbClasses = checked ? "translate-x-5 bg-[--color-primary-btn-txt]" : "translate-x-0 bg-[--color-text-strong]";
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", _objectSpread(_objectSpread({
+    className: "inline-flex items-center gap-3 ".concat(className)
+  }, rest), {}, {
+    children: [leftLabel ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
+      variant: "label",
+      as: "span",
+      className: "text-[--color-text-strong]",
+      children: leftLabel
+    }) : null, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("button", {
+      type: "button",
+      role: "switch",
+      "aria-checked": checked,
+      "aria-disabled": disabled,
+      disabled: disabled,
+      name: name,
+      title: title,
+      "data-cy": (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_2__.getDataCy)({
+        name,
+        dataCy
+      }),
+      onClick: handleToggle,
+      onKeyDown: handleKeyDown,
+      className: "relative inline-flex h-7 w-12 items-center rounded-full border px-1 transition duration-300 ease-in-out focus:outline-none ".concat(disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer", " ").concat(trackClasses),
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("span", {
+        className: "inline-block h-5 w-5 transform rounded-full shadow-sm transition duration-300 ease-in-out ".concat(thumbClasses)
+      })
+    }), rightLabel ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
+      variant: "label",
+      as: "span",
+      className: "text-[--color-text-strong]",
+      children: rightLabel
+    }) : null]
+  }));
+}
+
+/***/ }),
+
 /***/ 1321:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -735,6 +865,55 @@ function CubeIcon({
 const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(CubeIcon);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ForwardRef);
 
+/***/ }),
+
+/***/ 1443:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97825);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(41113);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_callout_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(67834);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_callout_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_callout_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_callout_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_callout_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
 /***/ }),
 
 /***/ 1646:
@@ -1467,8 +1646,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
 /* harmony import */ var _BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7779);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(94178);
-/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _FooterLogo_FooterLogo__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49465);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(94178);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
 const _excluded = ["left", "center", "right", "className"];
 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; }
@@ -1479,16 +1659,17 @@ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, 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} FooterProps
- * @property {React.ReactNode} [left]    Left footer content
- * @property {React.ReactNode} [center]  Center footer content
- * @property {React.ReactNode} [right]   Right footer content
- * @property {string} [className]        Optional wrapper class
+
+/**
+ * @typedef {Object} FooterProps
+ * @property {React.ReactNode} [left]    Left footer content
+ * @property {React.ReactNode} [center]  Center footer content
+ * @property {React.ReactNode} [right]   Right footer content
+ * @property {string} [className]        Optional wrapper class
  */
 
-/**
- * @param {FooterProps} props
+/**
+ * @param {FooterProps} props
  */
 
 const Footer = _ref => {
@@ -1499,17 +1680,19 @@ const Footer = _ref => {
       className = ""
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("div", _objectSpread(_objectSpread({
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", _objectSpread(_objectSpread({
     className: "w-full px-4 py-2 ".concat(className)
   }, rest), {}, {
-    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_0__["default"], {
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_0__["default"], {
       left: left,
       center: center,
-      right: right
+      right: right !== null && right !== void 0 ? right : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_FooterLogo_FooterLogo__WEBPACK_IMPORTED_MODULE_1__["default"], {})
     })
-  }));
+  })) //test
+  ;
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Footer);
+// i am joel
 
 /***/ }),
 
@@ -5067,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) => {
 
@@ -13617,6 +13807,144 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(G
 
 /***/ }),
 
+/***/ 26831:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ CardItem)
+/* 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 _Text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(21111);
+/* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67339);
+/* 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__);
+const _excluded = ["heading", "subheading", "icon", "checked", "onCheckedChange", "iconPosition", "disabled", "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; }
+
+
+
+
+
+/**
+ * Allowed icon placement values.
+ * @typedef {'left'|'right'} CardItemIconPosition
+ */
+
+/**
+ * Props for the CardItem component.
+ *
+ * @typedef {Object} CardItemProps
+ * @property {React.ReactNode} heading
+ *   Main heading content displayed in the card.
+ * @property {React.ReactNode} [subheading]
+ *   Supporting text shown below the heading.
+ * @property {React.ReactNode} [icon]
+ *   Optional icon rendered beside the text.
+ * @property {boolean} [checked]
+ *   Optional checkbox state rendered in the icon area.
+ * @property {(checked: boolean) => void} [onCheckedChange]
+ *   Fired when the checkbox state changes.
+ * @property {CardItemIconPosition} [iconPosition='left']
+ *   Controls whether the icon appears on the left or right side.
+ * @property {boolean} [disabled]
+ *   Disables interaction when true.
+ * @property {string} [className]
+ *   Optional wrapper class names.
+ * @property {string} [dataCy]
+ *   Override for auto-generated test selector.
+ * @property {string} [name]
+ *   Standard name attribute and data-cy source.
+ */
+
+/**
+ * Small information card with optional icon and two lines of text.
+ *
+ * @param {CardItemProps & React.HTMLAttributes<HTMLDivElement>} props
+ */
+
+function CardItem(_ref) {
+  let {
+      heading,
+      subheading,
+      icon,
+      checked,
+      onCheckedChange,
+      iconPosition = "left",
+      disabled = false,
+      className = "",
+      dataCy,
+      name
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const checkboxId = name ? "card-item-checkbox-".concat(name) : undefined;
+  const rootClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("flex w-full items-center gap-4 rounded-lg border border-[--color-stroke] bg-[--color-primary-bg] px-4 py-3 text-left text-[--color-text-strong] transition duration-300 ease-in-out", disabled && "cursor-not-allowed opacity-50", className);
+  const iconClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("flex h-16 w-16 shrink-0 items-center justify-center border-[--color-stroke]", iconPosition === "left" ? "border-r pr-4" : "order-2 border-l pl-4");
+  const textClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("min-w-0 flex-1", iconPosition === "right" && "order-1");
+  const hasCheckbox = typeof checked === "boolean";
+  const mediaElement = hasCheckbox ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("label", {
+    htmlFor: checkboxId,
+    className: "inline-flex items-center justify-center",
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("input", {
+      id: checkboxId,
+      type: "checkbox",
+      name: name,
+      checked: checked,
+      disabled: disabled,
+      onChange: event => onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(event.target.checked),
+      "aria-label": "Select card",
+      "aria-disabled": disabled,
+      "data-cy": (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_3__.getDataCy)({
+        name,
+        value: "checkbox",
+        dataCy
+      }),
+      className: "h-5 w-5 rounded-sm ".concat(disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"),
+      style: {
+        accentColor: "var(--color-primary-btn)"
+      }
+    })
+  }) : icon;
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
+    className: rootClasses
+  }, rest), !hasCheckbox ? (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_3__.getDataCy)({
+    name,
+    dataCy
+  }) : {}), {}, {
+    children: [mediaElement ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
+      className: iconClasses,
+      children: mediaElement
+    }) : null, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
+      className: textClasses,
+      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_2__["default"], {
+        as: "div",
+        variant: "h4",
+        color: "text-[--color-text-strong]",
+        className: "truncate",
+        title: typeof heading === "string" ? heading : undefined,
+        children: heading
+      }), subheading ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_2__["default"], {
+        as: "div",
+        variant: "body",
+        color: "text-[--color-text-weak]",
+        className: "mt-1 truncate",
+        title: typeof subheading === "string" ? subheading : undefined,
+        children: subheading
+      }) : null]
+    })]
+  }));
+}
+
+/***/ }),
+
 /***/ 26956:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -17191,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__) => {
 
@@ -18750,6 +19085,29 @@ function PauseCircleIcon({
 const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(PauseCircleIcon);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ForwardRef);
 
+/***/ }),
+
+/***/ 34945:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71354);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.footer-logo-light{display:inline-block}.footer-logo-dark{display:none}:where(html,div)[data-theme=dark] .footer-logo-light{display:none}:where(html,div)[data-theme=dark] .footer-logo-dark{display:inline-block}`, "",{"version":3,"sources":["webpack://./src/components/FooterLogo/footer-logo.scss"],"names":[],"mappings":"AAAA,mBACE,oBAAA,CAGF,kBACE,YAAA,CAGF,qDACE,YAAA,CAGF,oDACE,oBAAA","sourcesContent":[".footer-logo-light {\r\n  display: inline-block;\r\n}\r\n\r\n.footer-logo-dark {\r\n  display: none;\r\n}\r\n\r\n:where(html, div)[data-theme=\"dark\"] .footer-logo-light {\r\n  display: none;\r\n}\r\n\r\n:where(html, div)[data-theme=\"dark\"] .footer-logo-dark {\r\n  display: inline-block;\r\n}\r\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 34970:
@@ -20746,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; }
@@ -20758,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) => {
@@ -20850,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,
@@ -20869,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",
@@ -20900,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", {
@@ -22026,6 +22389,55 @@ function FingerPrintIcon({
 const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(FingerPrintIcon);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ForwardRef);
 
+/***/ }),
+
+/***/ 41518:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(85072);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97825);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(77659);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(55056);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(10540);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(41113);
+/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_footer_logo_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(34945);
+
+      
+      
+      
+      
+      
+      
+      
+      
+      
+
+var options = {};
+
+options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
+options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
+options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
+options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
+options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
+
+var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_footer_logo_scss__WEBPACK_IMPORTED_MODULE_6__["default"], options);
+
+
+
+
+       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_footer_logo_scss__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_footer_logo_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_ruleSet_1_rules_1_use_2_footer_logo_scss__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+
+
 /***/ }),
 
 /***/ 41519:
@@ -23534,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__);
@@ -23542,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; }
@@ -23568,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",
@@ -23576,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);
 
 /***/ }),
 
@@ -27479,6 +27897,84 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(P
 
 /***/ }),
 
+/***/ 49465:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ FooterLogo)
+/* 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_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__);
+const _excluded = ["href", "className"];
+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; }
+
+
+
+
+
+/**
+ * Props for the FooterLogo component.
+ *
+ * @typedef {Object} FooterLogoProps
+ *
+ * @property {string} [href]
+ *   Optional link target for the logo.
+ *
+ * @property {string} [className]
+ *   Optional wrapper class names.
+ */
+
+/**
+ * Theme-aware company logo for footer usage.
+ *
+ * @param {FooterLogoProps & React.HTMLAttributes<HTMLDivElement>} props
+ */
+
+function FooterLogo(_ref) {
+  let {
+      href = "/",
+      className = ""
+    } = _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_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_toolkit_styles_assets_logos_opus_dark_logo_svg__WEBPACK_IMPORTED_MODULE_2___default()),
+      alt: "Opus logo",
+      className: "footer-logo-dark h-10 w-auto"
+    })]
+  });
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", _objectSpread(_objectSpread({
+    className: "footer-logo inline-flex items-center ".concat(className)
+  }, rest), {}, {
+    children: href ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("a", {
+      href: href,
+      className: "inline-flex items-center",
+      "aria-label": "Opus home",
+      children: content
+    }) : content
+  }));
+}
+
+/***/ }),
+
 /***/ 49489:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -45721,6 +46217,29 @@ function ChatBubbleOvalLeftEllipsisIcon({
 const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(ChatBubbleOvalLeftEllipsisIcon);
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ForwardRef);
 
+/***/ }),
+
+/***/ 67834:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(71354);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(76314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, `.callout-ticker-viewport{--callout-fade-width: 10px;-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--callout-fade-width), #000 calc(100% - var(--callout-fade-width)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--callout-fade-width), #000 calc(100% - var(--callout-fade-width)), transparent 100%)}.callout-ticker{display:inline-flex;align-items:center;gap:var(--callout-ticker-gap, 2rem);width:max-content;will-change:transform;animation:callout-ticker var(--callout-ticker-duration, 12s) linear infinite}@keyframes callout-ticker{0%{transform:translateX(0)}100%{transform:translateX(calc(var(--callout-ticker-distance, 0px) * -1))}}`, "",{"version":3,"sources":["webpack://./src/components/Callout/callout.scss"],"names":[],"mappings":"AAAA,yBACE,0BAAA,CACA,0JAAA,CAOA,kJAAA,CASF,gBACE,mBAAA,CACA,kBAAA,CACA,mCAAA,CACA,iBAAA,CACA,qBAAA,CACA,4EAAA,CAGF,0BACE,GACE,uBAAA,CAGF,KACE,oEAAA,CAAA","sourcesContent":[".callout-ticker-viewport {\r\n  --callout-fade-width: 10px;\r\n  -webkit-mask-image: linear-gradient(\r\n    to right,\r\n    transparent 0,\r\n    #000 var(--callout-fade-width),\r\n    #000 calc(100% - var(--callout-fade-width)),\r\n    transparent 100%\r\n  );\r\n  mask-image: linear-gradient(\r\n    to right,\r\n    transparent 0,\r\n    #000 var(--callout-fade-width),\r\n    #000 calc(100% - var(--callout-fade-width)),\r\n    transparent 100%\r\n  );\r\n}\r\n\r\n.callout-ticker {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: var(--callout-ticker-gap, 2rem);\r\n  width: max-content;\r\n  will-change: transform;\r\n  animation: callout-ticker var(--callout-ticker-duration, 12s) linear infinite;\r\n}\r\n\r\n@keyframes callout-ticker {\r\n  0% {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  100% {\r\n    transform: translateX(calc(var(--callout-ticker-distance, 0px) * -1));\r\n  }\r\n}\r\n"],"sourceRoot":""}]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 67864:
@@ -50083,7 +50602,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var clsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34164);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
-const _excluded = ["intent", "className", "children"];
+const _excluded = ["intent", "hasOutline", "className", "children"];
 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; }
@@ -50094,34 +50613,38 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 
 
 
-/**
- * The visual intent / theme of the Card.
- * @typedef {'default'|'info'|'warning'|'success'|'error'|'brand'|'brandSecondary'} CardIntent
+/**
+ * The visual intent / theme of the Card.
+ * @typedef {'default'|'info'|'warning'|'success'|'error'|'brand'|'brandSecondary'} CardIntent
  */
 
-/**
- * Props for the Card component.
- *
- * @typedef {Object} CardProps
- * @property {CardIntent} [intent]
- *   Controls the background + text color theme of the card.
- *
- * @property {string} [className]
- *   Additional custom class names.
- *
- * @property {React.ReactNode} [children]
- *   Card content.
+/**
+ * Props for the Card component.
+ *
+ * @typedef {Object} CardProps
+ * @property {CardIntent} [intent]
+ *   Controls the background + text color theme of the card.
+ *
+ * @property {boolean} [hasOutline=true]
+ *   Toggles the default card outline.
+ *
+ * @property {string} [className]
+ *   Additional custom class names.
+ *
+ * @property {React.ReactNode} [children]
+ *   Card content.
  */
 
-/**
- * Card component with typed JSDoc for TS autocomplete.
- *
- * @param {CardProps & React.HTMLAttributes<HTMLDivElement>} props
+/**
+ * Card component with typed JSDoc for TS autocomplete.
+ *
+ * @param {CardProps & React.HTMLAttributes<HTMLDivElement>} props
  */
 
 function Card(_ref) {
   let {
       intent,
+      hasOutline = true,
       className = "",
       children
     } = _ref,
@@ -50137,7 +50660,7 @@ function Card(_ref) {
     brandSecondary: "bg-[--color-brand-secondary] text-[--color-white]"
   };
   const resolvedIntent = intent || "default";
-  const cardClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("p-5", "rounded-lg", "shadow-lg", "border-2 border-solid border-[--color-stroke]", intentClasses[resolvedIntent], className);
+  const cardClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("p-5", "rounded-lg", "shadow-lg", hasOutline ? "border-2 border-solid border-[--color-stroke]" : "border-0", intentClasses[resolvedIntent], className);
   return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", _objectSpread(_objectSpread({
     className: cardClasses
   }, rest), {}, {
@@ -52042,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__) => {
 
@@ -52959,6 +53832,142 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(B
 
 /***/ }),
 
+/***/ 81859:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ FileUploadCard)
+/* 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 _Card__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(76526);
+/* harmony import */ var _Icon_Icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(57739);
+/* harmony import */ var _IconButton_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(43155);
+/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(21111);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(94178);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__);
+const _excluded = ["fileName", "uploadedDate", "previewSrc", "previewAlt", "preview", "action", "downloadTitle", "onDownload", "className"];
+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; }
+
+
+
+
+
+
+
+/**
+ * Props for the FileUploadCard component.
+ *
+ * @typedef {Object} FileUploadCardProps
+ * @property {string} fileName
+ *   Display name of the uploaded file.
+ * @property {string} uploadedDate
+ *   Uploaded date text shown under the file name.
+ * @property {string} [previewSrc]
+ *   Optional image preview source.
+ * @property {string} [previewAlt]
+ *   Alt text for the image preview.
+ * @property {React.ReactNode} [preview]
+ *   Optional custom preview content. Takes precedence over previewSrc.
+ * @property {React.ReactNode} [action]
+ *   Optional custom action rendered on the right side of the footer section.
+ * @property {string} [downloadTitle]
+ *   Accessible label for the download button.
+ * @property {(event: React.MouseEvent<HTMLButtonElement>) => void} [onDownload]
+ *   Fired when the download button is clicked.
+ * @property {string} [className]
+ *   Optional wrapper class names.
+ */
+
+/**
+ * File upload card with large preview region and download action.
+ *
+ * @param {FileUploadCardProps & React.HTMLAttributes<HTMLDivElement>} props
+ */
+
+function FileUploadCard(_ref) {
+  let {
+      fileName,
+      uploadedDate,
+      previewSrc,
+      previewAlt = "",
+      preview,
+      action,
+      downloadTitle = "Download file",
+      onDownload,
+      className = ""
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const previewContent = preview !== null && preview !== void 0 ? preview : previewSrc ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("img", {
+    src: previewSrc,
+    alt: previewAlt,
+    className: "h-full w-full object-cover"
+  }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
+    className: "flex h-40 w-32 items-center justify-center rounded-[2rem] bg-[--color-primary-bg] shadow-md",
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Icon_Icon__WEBPACK_IMPORTED_MODULE_3__["default"], {
+      name: "DocumentTextIcon",
+      library: "hero",
+      size: 72,
+      className: "text-[--color-text-strong]"
+    })
+  });
+  const resolvedAction = action !== null && action !== void 0 ? action : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_4__["default"], {
+    rank: "outline",
+    size: "md",
+    title: downloadTitle,
+    iconName: "ArrowDownTrayIcon",
+    iconLibrary: "hero",
+    className: "shrink-0",
+    onClick: onDownload
+  });
+  const cardClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("flex h-full min-h-[22rem] flex-col overflow-hidden rounded border border-[--color-stroke] bg-[--color-primary-bg] p-0 text-[--color-text-strong] shadow-none", className);
+  const previewClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("flex min-h-[16rem] flex-1 items-center justify-center overflow-hidden bg-[--color-secondary-bg]");
+  const footerClasses = (0,clsx__WEBPACK_IMPORTED_MODULE_1__["default"])("flex items-end gap-4 border-t border-[--color-stroke] bg-[--color-primary-bg] p-4 sm:p-5");
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_Card__WEBPACK_IMPORTED_MODULE_2__["default"], _objectSpread(_objectSpread({
+    className: cardClasses
+  }, rest), {}, {
+    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
+      className: previewClasses,
+      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
+        className: "flex h-full w-full items-center justify-center overflow-hidden",
+        children: previewContent
+      })
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
+      className: footerClasses,
+      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)("div", {
+        className: "min-w-0 flex-1",
+        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_5__["default"], {
+          variant: "h4",
+          as: "div",
+          color: "text-[--color-text-strong]",
+          className: "truncate text-xl leading-tight",
+          title: fileName,
+          children: fileName
+        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsxs)(_Text_Text__WEBPACK_IMPORTED_MODULE_5__["default"], {
+          variant: "body",
+          as: "div",
+          color: "text-[--color-text-weak]",
+          className: "mt-1",
+          children: ["Uploaded: ", uploadedDate]
+        })]
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_6__.jsx)("div", {
+        className: "shrink-0",
+        children: resolvedAction
+      })]
+    })]
+  }));
+}
+
+/***/ }),
+
 /***/ 82008:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -53115,6 +54124,178 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(C
 
 /***/ }),
 
+/***/ 82347:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ Callout)
+/* 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 _utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67339);
+/* harmony import */ var _Icon_Icon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(57739);
+/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(21111);
+/* harmony import */ var _callout_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(1443);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(94178);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__);
+const _excluded = ["message", "tone", "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; }
+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; }
+
+
+
+
+
+
+const toneStyles = {
+  green: "bg-[--color-util-green]",
+  amber: "bg-[--color-util-yellow]",
+  red: "bg-[--color-util-red]",
+  pink: "bg-[--color-primary]"
+};
+const toneTextStyles = {
+  green: "text-[--color-black]",
+  amber: "text-[--color-black]",
+  red: "text-[--color-white]",
+  pink: "text-[--color-white]"
+};
+
+/**
+ * Props for the Callout component.
+ *
+ * @typedef {Object} CalloutProps
+ *
+ * @property {string} message
+ *   The message shown inside the callout bar.
+ *
+ * @property {"green" | "amber" | "red" | "pink"} [tone]
+ *   Visual style of the callout bar.
+ *
+ * @property {string} [className]
+ *   Optional wrapper class names.
+ *
+ * @property {string} [name]
+ *   Optional name for testing/automation.
+ *
+ * @property {string} [dataCy]
+ *   Optional data-cy override.
+ */
+
+/**
+ * Callout notification bar for short, high-visibility messages.
+ *
+ * @param {CalloutProps & React.HTMLAttributes<HTMLDivElement>} props
+ */
+function Callout(_ref) {
+  let {
+      message,
+      tone = "green",
+      className = "",
+      name,
+      dataCy
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const normalizedMessage = typeof message === "string" ? message.trim() : message;
+  const viewportRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const measureRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+  const [tickerMetrics, setTickerMetrics] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)({
+    isActive: false,
+    width: 0
+  });
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (!normalizedMessage) {
+      setTickerMetrics({
+        isActive: false,
+        width: 0
+      });
+      return;
+    }
+    const measureOverflow = () => {
+      if (!viewportRef.current || !measureRef.current) return;
+      const textWidth = measureRef.current.scrollWidth;
+      const viewportWidth = viewportRef.current.clientWidth;
+      setTickerMetrics({
+        isActive: textWidth - viewportWidth > 1,
+        width: textWidth
+      });
+    };
+    measureOverflow();
+    if (typeof ResizeObserver === "undefined") {
+      window.addEventListener("resize", measureOverflow);
+      return () => window.removeEventListener("resize", measureOverflow);
+    }
+    const resizeObserver = new ResizeObserver(() => {
+      measureOverflow();
+    });
+    resizeObserver.observe(viewportRef.current);
+    resizeObserver.observe(measureRef.current);
+    return () => resizeObserver.disconnect();
+  }, [normalizedMessage]);
+  const tickerGap = 32;
+  const tickerDuration = Math.max(12, (tickerMetrics.width + tickerGap) / 70);
+  const isTickerActive = Boolean(normalizedMessage) && tickerMetrics.isActive;
+  const textColorClass = toneTextStyles[tone] || toneTextStyles.green;
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("div", _objectSpread(_objectSpread(_objectSpread({
+    className: "inline-flex max-w-full items-center gap-3 overflow-hidden rounded-full px-4 py-3 ".concat(toneStyles[tone] || toneStyles.green, " ").concat(className),
+    role: "status"
+  }, rest), (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__.getDataCy)({
+    name,
+    dataCy
+  })), {}, {
+    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Icon_Icon__WEBPACK_IMPORTED_MODULE_2__["default"], {
+      name: "MegaphoneIcon",
+      library: "hero",
+      size: 20,
+      className: "shrink-0 ".concat(textColorClass),
+      "aria-hidden": "true"
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span", {
+      ref: viewportRef,
+      className: "relative min-w-0 overflow-hidden ".concat(isTickerActive ? "callout-ticker-viewport" : ""),
+      children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)("span", {
+        ref: measureRef,
+        className: "pointer-events-none absolute left-0 top-0 whitespace-nowrap text-base leading-[1.2] opacity-0 ".concat(textColorClass),
+        "aria-hidden": "true",
+        children: normalizedMessage
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_3__["default"], {
+        as: "span",
+        variant: "body",
+        color: textColorClass,
+        className: "block whitespace-nowrap leading-[1.2] ".concat(isTickerActive ? "sr-only" : ""),
+        children: normalizedMessage
+      }), isTickerActive ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsxs)("span", {
+        className: "callout-ticker",
+        style: {
+          "--callout-ticker-distance": "".concat(tickerMetrics.width + tickerGap, "px"),
+          "--callout-ticker-duration": "".concat(tickerDuration, "s"),
+          "--callout-ticker-gap": "".concat(tickerGap, "px")
+        },
+        children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_3__["default"], {
+          as: "span",
+          variant: "body",
+          color: textColorClass,
+          className: "whitespace-nowrap leading-[1.2]",
+          children: normalizedMessage
+        }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_5__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_3__["default"], {
+          as: "span",
+          variant: "body",
+          color: textColorClass,
+          className: "whitespace-nowrap leading-[1.2]",
+          "aria-hidden": "true",
+          children: normalizedMessage
+        })]
+      }) : null]
+    })]
+  }));
+}
+
+/***/ }),
+
 /***/ 82388:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -57658,7 +58839,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(94178);
 /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__);
-const _excluded = ["text", "status", "className", "icon"];
+const _excluded = ["text", "status", "className", "icon", "iconPosition", "onIconClick"];
 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; }
@@ -57677,35 +58858,46 @@ const statusClasses = {
   notice: "bg-[--color-util-yellow] text-[--color-black]"
 };
 
-/**
- * Allowed pill status values.
- * @typedef {'primary'|'danger'|'warning'|'success'|'info'|'notice'} PillStatus
+/**
+ * Allowed pill status values.
+ * @typedef {'primary'|'danger'|'warning'|'success'|'info'|'notice'} PillStatus
  */
 
-/**
- * Icon component type — any valid SVG React component.
- * @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
+/**
+ * Icon component type — any valid SVG React component.
+ * @typedef {(props: React.SVGProps<SVGSVGElement>) => JSX.Element} IconComponent
  */
 
-/**
- * Props for the Pill component.
- *
- * @typedef {Object} PillProps
- * @property {string} [text='']
- *   Text displayed inside the pill.
- *
- * @property {PillStatus} [status='info']
- *   Determines visual colors of the pill.
- *
- * @property {string} [className]
- *   Additional class names.
- *
- * @property {IconComponent} [icon]
- *   Optional icon displayed before the text.
+/**
+ * Allowed icon placement values.
+ * @typedef {'left'|'right'} PillIconPosition
  */
 
-/**
- * @param {PillProps & React.HTMLAttributes<HTMLSpanElement>} props
+/**
+ * Props for the Pill component.
+ *
+ * @typedef {Object} PillProps
+ * @property {string} [text='']
+ *   Text displayed inside the pill.
+ *
+ * @property {PillStatus} [status='info']
+ *   Determines visual colors of the pill.
+ *
+ * @property {string} [className]
+ *   Additional class names.
+ *
+ * @property {IconComponent} [icon]
+ *   Optional icon displayed alongside the text.
+ *
+ * @property {PillIconPosition} [iconPosition='left']
+ *   Controls whether the icon appears before or after the text.
+ *
+ * @property {(event: React.MouseEvent<HTMLButtonElement>) => void} [onIconClick]
+ *   Optional click handler for the icon action button.
+ */
+
+/**
+ * @param {PillProps & React.HTMLAttributes<HTMLSpanElement>} props
  */
 
 const Pill = _ref => {
@@ -57713,17 +58905,32 @@ const Pill = _ref => {
       text = "",
       status = "info",
       className = "",
-      icon: Icon
+      icon: Icon,
+      iconPosition = "left",
+      onIconClick
     } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   const baseClasses = "inline-flex items-center gap-1 text-xs font-medium px-3 py-1 rounded-full";
   const statusClass = statusClasses[status] || statusClasses.info;
+  const iconClasses = "h-4 w-4";
+  const iconElement = Icon ? onIconClick ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)("button", {
+    type: "button",
+    onClick: event => {
+      event.stopPropagation();
+      onIconClick(event);
+    },
+    className: "inline-flex items-center justify-center rounded-full focus:outline-none",
+    "aria-label": "Pill icon action",
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Icon, {
+      className: iconClasses
+    })
+  }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Icon, {
+    className: iconClasses
+  }) : null;
   return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsxs)("span", _objectSpread(_objectSpread({
     className: "".concat(baseClasses, " ").concat(statusClass, " ").concat(className)
   }, rest), {}, {
-    children: [Icon && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_1__.jsx)(Icon, {
-      className: "h-4 w-4"
-    }), text]
+    children: [iconPosition === "left" ? iconElement : null, text, iconPosition === "right" ? iconElement : null]
   }));
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Pill);
@@ -62928,6 +64135,89 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(C
 
 /***/ }),
 
+/***/ 97670:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ PillButton)
+/* 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 _utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(67339);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(94178);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
+const _excluded = ["label", "active", "className", "name", "dataCy", "onClick", "onPress", "type"];
+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; }
+
+
+
+const stateClasses = {
+  default: "bg-[--color-input-bg] text-[--color-text-strong] border border-[--color-stroke] hover:border-[--color-text-strong]",
+  active: "bg-[--color-primary] text-[--color-primary-btn-txt] border border-[--color-primary] hover:bg-[--color-primary-hover] hover:border-[--color-primary-hover]"
+};
+
+/**
+ * Props for the PillButton component.
+ *
+ * @typedef {Object} PillButtonProps
+ * @property {React.ReactNode} label
+ *   Content displayed inside the pill button.
+ * @property {boolean} [active=false]
+ *   Whether the pill is in its selected state.
+ * @property {string} [className]
+ *   Additional class names.
+ * @property {string} [name]
+ *   Standard HTML name attribute and data-cy source.
+ * @property {string} [dataCy]
+ *   Override for auto-generated test selector.
+ * @property {(event: React.MouseEvent<HTMLButtonElement>) => void} [onClick]
+ *   Click handler.
+ * @property {(event: React.MouseEvent<HTMLButtonElement>) => void} [onPress]
+ *   Alias for onClick.
+ */
+
+/**
+ * Single pill-shaped button with controlled active state.
+ *
+ * @param {PillButtonProps & React.ButtonHTMLAttributes<HTMLButtonElement>} props
+ */
+function PillButton(_ref) {
+  let {
+      label,
+      active = false,
+      className = "",
+      name,
+      dataCy,
+      onClick,
+      onPress,
+      type = "button"
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const resolvedStateClass = active ? stateClasses.active : stateClasses.default;
+  const classNames = "\n    ".concat(resolvedStateClass, "\n    inline-flex\n    items-center\n    justify-center\n    rounded-full\n    px-4\n    py-1.5\n    text-sm\n    font-medium\n    whitespace-nowrap\n    transition\n    ease-in-out\n    duration-700\n    hover:shadow-lg\n    focus:outline-none\n    ").concat(className, "\n  ");
+  const handleClick = onClick || onPress;
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("button", _objectSpread(_objectSpread(_objectSpread({
+    type: type,
+    name: name,
+    className: classNames,
+    onClick: handleClick
+  }, rest), (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__.getDataCy)({
+    name,
+    dataCy
+  })), {}, {
+    children: label
+  }));
+}
+
+/***/ }),
+
 /***/ 97739:
 /***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
 
@@ -63998,52 +65288,73 @@ 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_20__["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 */   Checkbox: () => (/* reexport safe */ _components_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_6__["default"]),
-/* harmony export */   CookieBanner: () => (/* reexport safe */ _components_Cookie_Cookie__WEBPACK_IMPORTED_MODULE_13__["default"]),
-/* harmony export */   DatePicker: () => (/* reexport safe */ _components_Forms_Datepickers_DatePicker__WEBPACK_IMPORTED_MODULE_4__["default"]),
-/* harmony export */   Dropdown: () => (/* reexport safe */ _components_Forms_Dropdowns_Dropdown__WEBPACK_IMPORTED_MODULE_8__["default"]),
-/* harmony export */   Footer: () => (/* reexport safe */ _components_Footer_Footer__WEBPACK_IMPORTED_MODULE_18__["default"]),
-/* harmony export */   Header: () => (/* reexport safe */ _components_Header_Header__WEBPACK_IMPORTED_MODULE_16__["default"]),
-/* harmony export */   Icon: () => (/* reexport safe */ _components_Icon_Icon__WEBPACK_IMPORTED_MODULE_17__["default"]),
-/* harmony export */   IconButton: () => (/* reexport safe */ _components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_22__["default"]),
-/* harmony export */   Input: () => (/* reexport safe */ _components_Forms_Inputs_Input__WEBPACK_IMPORTED_MODULE_3__["default"]),
-/* harmony export */   Loader: () => (/* reexport safe */ _components_Loader_Loader__WEBPACK_IMPORTED_MODULE_11__["default"]),
-/* harmony export */   Modal: () => (/* reexport safe */ _components_Modals_Modal__WEBPACK_IMPORTED_MODULE_10__["default"]),
-/* harmony export */   Navbar: () => (/* reexport safe */ _components_Navbar_Navbar__WEBPACK_IMPORTED_MODULE_9__["default"]),
-/* harmony export */   PageTemplate: () => (/* reexport safe */ _components_PageTemplate_PageTemplate__WEBPACK_IMPORTED_MODULE_19__["default"]),
-/* harmony export */   Pill: () => (/* reexport safe */ _components_Pills_Pill__WEBPACK_IMPORTED_MODULE_12__["default"]),
-/* harmony export */   ProfileCard: () => (/* reexport safe */ _components_Profile_ProfileCard_ProfileCard__WEBPACK_IMPORTED_MODULE_21__["default"]),
-/* harmony export */   RadioButton: () => (/* reexport safe */ _components_Forms_Radios_RadioButton__WEBPACK_IMPORTED_MODULE_5__["default"]),
-/* harmony export */   Sidebar: () => (/* reexport safe */ _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_15__["default"]),
-/* harmony export */   Table: () => (/* reexport safe */ _components_Tables_Table__WEBPACK_IMPORTED_MODULE_7__["default"]),
-/* harmony export */   Text: () => (/* reexport safe */ _components_Text_Text__WEBPACK_IMPORTED_MODULE_14__["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_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_13__["default"]),
+/* harmony export */   FileUploadCard: () => (/* reexport safe */ _components_Cards_FileUploadCard__WEBPACK_IMPORTED_MODULE_4__["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_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_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);
 /* harmony import */ var _components_Buttons_Button__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74670);
 /* harmony import */ var _components_Cards_Card__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(76526);
-/* harmony import */ var _components_Forms_Inputs_Input__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(38014);
-/* harmony import */ var _components_Forms_Datepickers_DatePicker__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(70430);
-/* harmony import */ var _components_Forms_Radios_RadioButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(16720);
-/* harmony import */ var _components_Forms_Checkbox_Checkbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(56067);
-/* harmony import */ var _components_Tables_Table__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28966);
-/* harmony import */ var _components_Forms_Dropdowns_Dropdown__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(85894);
-/* harmony import */ var _components_Navbar_Navbar__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(21097);
-/* harmony import */ var _components_Modals_Modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(50548);
-/* harmony import */ var _components_Loader_Loader__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(77695);
-/* harmony import */ var _components_Pills_Pill__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(89714);
-/* harmony import */ var _components_Cookie_Cookie__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(44609);
-/* harmony import */ var _components_Text_Text__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(21111);
-/* harmony import */ var _components_Sidebar_Sidebar__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(11775);
-/* harmony import */ var _components_Header_Header__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(38195);
-/* harmony import */ var _components_Icon_Icon__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(57739);
-/* harmony import */ var _components_Footer_Footer__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(3047);
-/* harmony import */ var _components_PageTemplate_PageTemplate__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(3179);
-/* harmony import */ var _components_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(7779);
-/* harmony import */ var _components_Profile_ProfileCard_ProfileCard__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(64977);
-/* harmony import */ var _components_IconButton_IconButton__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(43155);
+/* harmony import */ var _components_Cards_CardItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(26831);
+/* harmony import */ var _components_Cards_FileUploadCard__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(81859);
+/* harmony import */ var _components_Callout_Callout__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(82347);
+/* harmony import */ var _components_Forms_Inputs_Input__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(38014);
+/* harmony import */ var _components_Forms_Datepickers_DatePicker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(70430);
+/* 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_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);
+
+
+
+
+
+
+